{"version":3,"file":"D63cdUzy.js","sources":["../../../../components/pages/search.vue"],"sourcesContent":["<template>\r\n  <NuxtLayout name=\"catalog\">\r\n    <div class=\"page-search\">\r\n\r\n      <template v-if=\"isSearching\">\r\n        <div class=\"page-container\">\r\n\r\n          <div class=\"mt-[200px] h-[200px] text-4xl text-center\">\r\n            <AtomsGlobalLoader class=\"text-primary-500 mx-auto\" />\r\n          </div>\r\n        </div>\r\n      </template>\r\n      <template v-else-if=\"searchResultsCount\">\r\n\r\n        <div class=\"page-container\">\r\n          <div class=\"mb-8\">\r\n\r\n            <MoleculesGlobalBreadcrumb :segments=\"[{ name: $t('Výsledky vyhledávání'), level: 0 }]\"></MoleculesGlobalBreadcrumb>\r\n            <div class=\"flex flex-wrap gap-6\">\r\n\r\n              <!-- groups -->\r\n\r\n              <div class=\"w-full p-6 self-start tracking-normal bg-neutral-100 bg-neutral-100 desktop:w-[var(--sidebar-width)] desktop:-ml-4\">\r\n                <div class=\"font-bold text-3xl desktop:-ml-4 desktop:p-4\">\r\n                  {{ $t('Výsledky vyhledávání') }}\r\n                  <div class=\"text-secondary-500\">\"{{ activeFilter.searchText }}\"</div>\r\n                </div>\r\n                <ul class=\"flex flex-wrap gap-x-8 mt-6 desktop:mb-2 desktop:block\">\r\n                  <li v-for=\"item in searchResults.groups.items\" class=\"page-search__subgroup\">\r\n                    <AtomsTextLink :to=\"item.page.url\" class=\"page-search__subgroup__link\">\r\n                      <AtomsImagesImage :src=\"`${useShopZone().value.staticResourcesRoot}/img/groups/tiles/${item.id}.png`\" :alt=\"item.name\" />\r\n                      <div>{{ item.name }}</div>\r\n                    </AtomsTextLink>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n\r\n              <div class=\"flex-1\">\r\n\r\n                <div v-if=\"didYouMeanPhrase\" class=\"search-box__suggest__did-you-mean\" v-html=\"i18n.t('Zobrazeny výsledky pro <strong>{0}</strong>, jelikož pro zadaný dotaz jsme žádné výsledky nenašli. Zkontrolujte, jestli nemáte v zadání překlep, nebo zkuste napsat zadání více obecně. Pokud máte vše v pořádku, pak bohužel nemůžeme sloužit. Zkuste se podívat po něčem jiném, nebo nám napište na <a href=mailto:podpora(at)rigad.cz>podpora(at)rigad.cz</a> ať se domluvíme, co se dá případně dělat.', [didYouMeanPhrase])\"></div>\r\n\r\n                <!-- vendors -->\r\n                <div v-if=\"searchResults.vendors.count\" class=\"mb-6 p-8 bg-neutral-100\">\r\n                  <OrganismsListsVendorList :vendors=\"searchResults.vendors.items.map(vendor => { return { group: { id: vendor.id }, url: vendor.page.url, name: vendor.name, tags: vendor.vendor?.tags } })\" />\r\n                </div>\r\n\r\n                <!-- warelist -->\r\n\r\n                <div v-if=\"searchResults.wares.count\" class=\"-mt-1\" ref=\"wareListAnchor\">\r\n                  <OrganismsListsWareList :items=\"searchResults.wares.items\" :page-size=\"appConfig.wareList.searchItems\" :page=\"activeFilter.page\" :total-items=\"searchResults.wares.count\" :list-name=\"`Vyhledávání - ${activeFilter.searchText}`\" :loading=\"wareListLoading\" class=\"mb-12\" />\r\n                </div>\r\n\r\n                <!-- magazine articles -->\r\n\r\n                <div v-if=\"searchResults.magazines.count\" class=\"mb-6 p-8 bg-neutral-100\">\r\n                  <AtomsTextHeading text-class=\"!bg-neutral-100\">{{ $t('Magazín články') }}</AtomsTextHeading>\r\n                  <div class=\"grid grid-cols-1 gap-4 mt-6 tracking-normal tablet:grid-cols-2 desktop:grid-cols-3\">\r\n                    <MoleculesBlocksMagazineItem v-for=\"article in searchResults.magazines.items\" :key=\"article.page.url\" :date-published=\"article.page.publishedAt\" :date-created=\"article.created\" :title=\"article.page.title\" :url=\"article.page.url\" :annotation=\"article.annotation\" :time-to-read=\"article.timeToRead\" :item-id=\"article.id\" class=\"w-full !flex-none tablet:!flex-1\" />\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- lexicon -->\r\n\r\n                <div v-if=\"searchResults.lexicons.count\" class=\"mb-6 p-8 bg-neutral-100\">\r\n                  <div class=\"mb-4 text-xl font-bold tracking-normal text-center\">{{ $t('Slovník pojmů') }}</div>\r\n                  <template v-for=\"lexiconItem in searchResults.lexicons.items\">\r\n                    <AtomsTextLink v-if=\"lexiconItem.page\" :to=\"lexiconItem.page.url\" class=\"block mt-2 font-bold underline tracking-normal text-center text-primary-500\" :key=\"lexiconItem.page.url\">{{ lexiconItem.page.title }}</AtomsTextLink>\r\n                  </template>\r\n                </div>\r\n\r\n                <!-- recently viewed items -->\r\n\r\n                <TemplatesRecentlyViewedItems class=\"mb-4\" />\r\n\r\n                <!-- usps -->\r\n\r\n                <OrganismsBlocksUsps item-class=\"!bg-neutral-100 desktop:aspect-[7/3]\" />\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n      </template>\r\n      <template v-else>\r\n        <div class=\"py-8 bg-neutral-100 tablet:py-12 desktop:py-16\">\r\n          <div class=\"page-container\">\r\n\r\n            <!-- search box -->\r\n\r\n            <div class=\"flex flex-wrap max-w-[1200px] mx-auto\">\r\n              <AtomsFormsTextInput id=\"txtSearchPage\" type=\"search\" v-model=\"searchText\" class=\"flex-[2] !pl-4 !border-0 !bg-neutral-50 text-neutral-500 tablet:!pl-6\" :placeholder=\"$t('Hledáte něco?')\" @enter=\"filterApplied('q', searchText, false, true)\" />\r\n\r\n              <MoleculesButtonsButton :show-loader=\"isSearching\" class=\"flex-1\" @click=\"filterApplied('q', searchText, false, true)\">\r\n                {{ $t('Vyhledat') }}\r\n              </MoleculesButtonsButton>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n\r\n        <!-- no results description -->\r\n\r\n        <div class=\"page-container\">\r\n          <div class=\"my-4 p-4 tracking-normal border border-neutral-200 tablet:my-8 tablet:p-8 desktop:my-16 desktop:p-16\">\r\n            <div class=\"mb-6 text-2xl font-bold uppercase text-primary-500\">{{ $t('Pro zadaný dotaz jsme nenašli žádné výsledky') }}</div>\r\n            <div v-html=\"$t(`Zkontrolujte, jestli prohledáváte <strong>všechny typy stránky</strong>, jestli nemáte v zadání <strong>překlep</strong>, nebo zkuste napsat zadání <strong>více obecně</strong>. Pokud máte vše v pořádku, pak bohužel nemůžeme sloužit. Zkuste se podívat po něčem jiném, nebo <strong>nám napište na <a href='mailto:podpora(at)rigad.cz' class='underline text-primary-500'>podpora(at)rigad.cz</a></strong> ať se domluvíme, co se dá případně dělat.`)\"></div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n    </div>\r\n  </NuxtLayout>\r\n</template>\r\n<script setup>\r\n\r\nimport { useDebounceFn } from '@vueuse/core'\r\n\r\nconst appConfig = useAppConfig();\r\nconst route = useRoute();\r\nconst shopRouting = useShopRouting();\r\nconst locale = useLocale().getLocale();\r\nconst i18n = useI18n();\r\n\r\nconst didYouMeanPhrase = ref(null);\r\n\r\nconst hash = ref(shopRouting.parseHash());\r\n\r\nconst activeFilter = computed(() => {\r\n  return {\r\n    searchText: hash.value.find(q => q.key === 'q')?.value?.[0] ?? '',\r\n    page: parseInt(hash.value.find(q => q.key === 'p')?.value?.[0]?.split('-')[0] ?? 1),\r\n    append: hash.value.find(q => q.key === 'p')?.value?.[0]?.endsWith('-a'),\r\n  }\r\n});\r\n\r\nconst isSearching = ref(true);\r\nconst wareListLoading = ref(false);\r\nconst searchText = ref(activeFilter.value.searchText);\r\n\r\nconst searchResults = ref({});\r\nconst searchResultsCount = computed(() => {\r\n  return (searchResults.value.groups?.count ?? 0) + (searchResults.value.lexicons?.count ?? 0) + (searchResults.value.magazines?.count ?? 0) + (searchResults.value.vendors?.count ?? 0) + (searchResults.value.wares?.count ?? 0);\r\n});\r\n\r\n\r\n// updates hash with selected filter values\r\nconst filterApplied = (urlParameter, urlValue, add, replaceValue) => {\r\n\r\n  // reset page to 1\r\n  const modifiedHash = shopRouting.stringifyHash(shopRouting.updateValueInHash('p', '', false, true));\r\n\r\n  // update filtered value in hash\r\n  const hashObj = shopRouting.updateValueInHash(urlParameter, urlValue, add, replaceValue, modifiedHash);\r\n\r\n  // navigate to the modified hash\r\n  shopRouting.pushHash(hashObj);\r\n\r\n}\r\n\r\nconst search = useDebounceFn(async () => {\r\n  if (activeFilter.value.searchText.trim().length > 2) {\r\n\r\n    const updatedData = (await useApiFetch(`/api/search?phrase=${encodeURIComponent(didYouMeanPhrase.value ?? activeFilter.value.searchText)}&p=${activeFilter.value.page}&currencyId=${locale.currencyId}&languageId=${locale.languageId}`)).search;\r\n\r\n    if (updatedData.suggest && updatedData.wares.count + updatedData.groups.count + updatedData.magazines.count === 0) {\r\n      didYouMeanPhrase.value = updatedData.suggest;\r\n      search();\r\n      return;\r\n    }\r\n\r\n    if (activeFilter.value.append && searchResults.value.wares?.count) {\r\n      searchResults.value.wares.items = searchResults.value.wares.items.concat(updatedData.wares.items);\r\n    }\r\n    else {\r\n      searchResults.value = updatedData;\r\n\r\n      useBaseAnalytics().pushEvent('search', {\r\n        search_term: activeFilter.value.searchText,\r\n        search_type: 'fulltext',\r\n        search_results: searchResults.value.wares.count + searchResults.value.groups.count + searchResults.value.magazines.count,\r\n        search_results_products: searchResults.value.wares.count,\r\n        search_results_groups: searchResults.value.groups.count,\r\n        search_results_articles: searchResults.value.magazines.count\r\n      });\r\n    }\r\n  }\r\n\r\n  isSearching.value = false;\r\n  wareListLoading.value = false;\r\n\r\n}, 100);\r\n\r\nonMounted(() => {\r\n  watch(() => route.hash, () => {\r\n    if (searchResultsCount === 0) {\r\n      isSearching.value = true;\r\n    }\r\n\r\n    wareListLoading.value = true;\r\n    hash.value = shopRouting.parseHash();\r\n    searchText.value = activeFilter.value.searchText;\r\n    didYouMeanPhrase.value = null;\r\n    search();\r\n  }, { flush: 'pre', immediate: route.hash });\r\n});\r\n\r\n</script>\r\n<style lang=\"postcss\">\r\n.page-search {\r\n  --sidebar-width: 360px;\r\n\r\n  &__groups {\r\n    @apply mb-3 tracking-normal bg-neutral-100 bg-neutral-100 desktop:w-[var(--sidebar-width)] desktop:-ml-4 desktop:mb-8;\r\n  }\r\n\r\n  &__subgroup {\r\n    @apply w-full transition-colors tablet:w-[calc(50%-1rem)] desktop:w-auto desktop:-mr-6;\r\n\r\n    &__link {\r\n      @apply flex gap-4 items-center border-t border-neutral-200 hover:no-underline desktop:mr-6;\r\n\r\n      img {\r\n        @apply w-[40px] max-h-[40px] object-contain m-4;\r\n      }\r\n\r\n      div {\r\n        @apply flex-1 py-6 pr-6 text-lg desktop:-mr-6;\r\n      }\r\n    }\r\n\r\n    &:hover,\r\n    &--current {\r\n      @apply bg-neutral-400 text-neutral-50;\r\n\r\n      .page-search__subgroup__link {\r\n        @apply !mt-[1px] !border-t-0;\r\n      }\r\n    }\r\n\r\n    &:first-of-type &__link {\r\n      @apply border-t-0 mt-[1px];\r\n    }\r\n\r\n    @screen tablet {\r\n      &:nth-of-type(2) &__link {\r\n        @apply border-t-0 mt-[1px];\r\n      }\r\n    }\r\n\r\n    @screen desktop {\r\n      &:nth-of-type(2) &__link {\r\n        @apply border-t mt-0;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"],"names":["appConfig","useAppConfig","route","useRoute","shopRouting","useShopRouting","locale","useLocale","i18n","useI18n","didYouMeanPhrase","ref","hash","activeFilter","computed","_b","_a","q","_e","_d","_c","_h","_g","_f","isSearching","wareListLoading","searchText","searchResults","searchResultsCount","filterApplied","urlParameter","urlValue","add","replaceValue","modifiedHash","hashObj","search","useDebounceFn","updatedData","useApiFetch","useBaseAnalytics","onMounted","watch"],"mappings":"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"}