{"version":3,"file":"DgBzm-bI.js","sources":["../../../../composables/useSearch.ts","../../../../components/Search/Facets/index.vue","../../../../components/Search/Result/index.vue","../../../../pages/search/index.vue"],"sourcesContent":["import type { NuxtSvgSpriteSymbol } from '#nuxt-svg-sprite/runtime'\n\nconst ICON_MAP: Record<string, NuxtSvgSpriteSymbol> = {\n  page: 'page',\n  glossary: 'chat-bubble-question',\n  employer: 'building',\n  person: 'user',\n  file: 'attachment',\n  news: 'megaphone',\n  blog: 'megaphone',\n  pensionFund: 'page',\n}\n\nexport default function () {\n  const { $texts } = useEasyTexts()\n\n  const getBundleLabel = (bundle: string) => {\n    switch (bundle) {\n      case 'glossary':\n        return $texts('search.glossary', 'Glossary')\n      case 'employer':\n        return $texts('search.employer', 'Employer')\n      case 'person':\n        return $texts('search.person', 'Person')\n      case 'file':\n        return $texts('search.file', 'File')\n      case 'news':\n        return $texts('search.news', 'News')\n      case 'blog':\n        return $texts('search.blog', 'Blog')\n      case 'pension_fund':\n        return $texts('search.pension_fund', 'Pension Fund')\n    }\n\n    return $texts('search.page', 'Page')\n  }\n\n  const getBundleIcon = (bundle: string): NuxtSvgSpriteSymbol => {\n    return ICON_MAP[bundle] || ICON_MAP.page\n  }\n\n  return { getBundleIcon, getBundleLabel }\n}\n","<template>\n  <ul class=\"my-28 flex gap-16\">\n    <li v-for=\"item in items\" :key=\"item.key\">\n      <NuxtLink\n        class=\"button rounded-full\"\n        :class=\"{\n          'is-primary': item.isActive,\n        }\"\n        :to=\"item.to\"\n        >{{ item.label }}</NuxtLink\n      >\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nconst props = defineProps<{\n  terms: { count?: number; key?: string }[]\n  active: string\n}>()\n\nconst route = useRoute()\nconst { getBundleLabel } = useSearch()\n\nconst items = computed(() => {\n  return props.terms.map((v) => {\n    const isActive = v.key === props.active\n    return {\n      count: v.count || 0,\n      key: v.key,\n      label: getBundleLabel(v.key || ''),\n      isActive,\n      to: isActive\n        ? {\n            query: {\n              ...route.query,\n              bundle: undefined,\n              page: undefined,\n            },\n          }\n        : {\n            query: {\n              ...route.query,\n              page: undefined,\n              bundle: v.key,\n            },\n          },\n    }\n  })\n})\n</script>\n","<template>\n  <DrupalLink\n    v-if=\"source\"\n    :to=\"source.to\"\n    class=\"focus:focusable group flex flex-col rounded-large bg-white p-20 shadow-lowered transition hover:shadow\"\n  >\n    <div v-if=\"source.bundle\" class=\"mb-8 flex items-center gap-4\">\n      <SpriteSymbol :name=\"icon\" class=\"size-[1em]\" />\n      <span class=\"font-bold\">{{ bundleLabel }}</span>\n    </div>\n    <h3\n      class=\"highlight font-condensed font-bold !leading-tight text-blue-700 group-hover:text-blue-500 lg:text-2xl\"\n      v-html=\"title\"\n    />\n    <div\n      v-if=\"source.text\"\n      class=\"highlight mt-16\"\n      v-html=\"controlledLength(text)\"\n    />\n  </DrupalLink>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { SearchItemFragment } from '#graphql-operations'\n\nconst props = defineProps<{\n  source?: SearchItemFragment\n  highlight?: { text?: string; title?: string }\n}>()\n\nconst title = computed(() => props.highlight?.title || props.source?.title)\nconst text = computed(() => props.highlight?.text || props.source?.text)\n\nfunction controlledLength(text?: string): string | undefined {\n  const size = 100\n  if (text) {\n    return text.length > size ? text.slice(0, size - 1) + '…' : text\n  }\n}\n\nconst { getBundleIcon, getBundleLabel } = useSearch()\n\nconst bundle = computed(() => props.source?.bundle || 'page')\n\nconst icon = computed(() => getBundleIcon(bundle.value))\nconst bundleLabel = computed(() => getBundleLabel(bundle.value))\n</script>\n\n<style lang=\"postcss\">\n.highlight em {\n  @apply bg-blue-50 not-italic;\n}\n</style>\n","<template>\n  <main v-if=\"node\" :class=\"{ 'cursor-wait': pending }\">\n    <PageHeader :title=\"node.title\" />\n    <div class=\"container mb-32\">\n      <form @submit.prevent>\n        <SearchInput id=\"page-search-input\" v-model=\"searchTerm\" />\n      </form>\n      <SearchFacets v-if=\"facetTerms\" :terms=\"facetTerms\" :active=\"bundle\" />\n    </div>\n    <Container v-if=\"data && searchTerm\">\n      <ol class=\"grid gap-20 lg:gap-30\">\n        <SearchResult v-for=\"hit in data.hits\" v-bind=\"hit\" :key=\"hit.id\" />\n      </ol>\n    </Container>\n  </main>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { NodePageFragment } from '#graphql-operations'\n\ndefinePageMeta({\n  name: 'search',\n  drupalFrontendRoute: true,\n  languageMapping: {\n    de: '/de/suche',\n    fr: '/fr/chercher',\n    en: '/en/search',\n    it: '/it/ricerca',\n  },\n})\n\nconst nuxtRoute = useRoute()\nconst searchTerm = useQueryString('text')\nconst pageQuery = useQueryString('page', '0')\nconst bundle = useQueryString('bundle')\n\nconst page = computed(() => {\n  const v = parseInt(pageQuery.value)\n\n  if (v && !isNaN(v) && v >= 0) {\n    return v\n  }\n\n  return 0\n})\n\n// Get the data.\nconst { data: query } = await useAsyncGraphqlQuery(\n  'route',\n  { path: nuxtRoute.path },\n  {\n    transform: function (data) {\n      return data.data\n    },\n    graphqlCaching: {\n      client: true,\n    },\n  },\n)\n\nconst { data, pending } = await useAsyncData(\n  () => {\n    if (!searchTerm.value) {\n      return Promise.resolve(null)\n    }\n    return useGraphqlQuery(\n      'search',\n      {\n        text: searchTerm.value,\n        page: page.value,\n        bundle: bundle.value,\n      },\n      {\n        graphqlCaching: {\n          client: true,\n        },\n      },\n    ).then((v) => v.data.searchContent)\n  },\n  {\n    watch: [page, searchTerm, bundle],\n  },\n)\n\nconst facetTerms = computed(() => data.value?.aggs?.[0].terms)\n\n// Handles redirects and metatags.\nconst { entity: node } = await useDrupalRoute<NodePageFragment>(query.value, {\n  noError: true,\n})\nsetBreadcrumbLinksFromRoute(query.value)\nsetLanguageLinksFromRoute(query.value)\nawait renderPageDependencies()\n</script>\n"],"names":["ICON_MAP","useSearch","$texts","useEasyTexts","bundle","props","__props","route","useRoute","getBundleLabel","items","computed","v","isActive","title","_a","_b","text","controlledLength","getBundleIcon","icon","bundleLabel","nuxtRoute","searchTerm","useQueryString","pageQuery","page","query","__temp","__restore","_withAsyncContext","useAsyncGraphqlQuery","data","pending","useAsyncData","useGraphqlQuery","facetTerms","node","useDrupalRoute","setBreadcrumbLinksFromRoute","setLanguageLinksFromRoute","renderPageDependencies"],"mappings":"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"}