{"version":3,"mappings":"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","names":["useStyledMy","text","t","useTrans","my","myMasculine","isStyled","prev","next","styled","word","EStyleType","EStyleType2","StyledMy","defineAsyncComponent","useSiteIdent","SiteIdent","__vitePreload","useCloseOnLeave","stayOpenedClass","close","handler","event","handleClose","leaveHandler","useDashboardDynamicLink","computed","customerTypeId","storeToRefs","useUserContext","currCustomerTypeId","linkText","CustomerGroupId","isMobile","inject","mq_breakpointIsMobile","emit","__emit","showItem","navItem","activeItemdId","MyAccountIds","MyProductIds","maxNavigationDepth","maxDepthCorrection","maxDepth","currentNavItem","acceptableOverflow","wrapper","ref","showFwdBtn","showBackBtn","scroll_x","isScrolling","useScroll","onResizeDebounce","useDebounceFn","scrollViaHandle","setHandles","onScrollDebounce","onMounted","useResizeObserver","watch","newVal","direction","wrapperWidth","_a","wrapperScrollWidth","SSR_safe_mq_breakpointIsMobile","container","searchQueries","onClickOutside","emits","clearSearchHistory","searchHistory","useSearchbar","usePreventBodyScroll","onUnmounted","props","__props","getHighlightedString","productName","isProductSuggestion","customProductName","regex","match","searchSuggestions","popularSearchQeuries","search","searchbarMobile","isActive","suggestionResult","resultHasNoSuggestions","_b","_d","_c","addSearchQueryToSearchHistory","useRoute","route","clear","newValue","debounceSearch","searchInput","openHistory","closeHistory","updateSearch","input","useMainNavState","router","useRouter","mainNavEl","isTouch","mq_isTouch","navStore","useNav","activeNavStructure","state","reactive","touchClick","link","isHoveredItem","isActiveItem","navItemUnhover","navItemHover","mainNavLinks","links","activeItem","getActiveItem","parent","parentsWithoutLevel_0","i","neighbour","child","shopChild","timeoutId","mouseEnter","mouseLeave","isLevel_0","isParent","noLink","eventTarget","item","linkShowsDropdownIcon","cssClass","toggleMenuClick","hoverMenuHover","hoverMenuUnhover","getMyNavStyle","linkCss","isHovered","EStyleTypeStyledMy","activeNavStructureComputed","activeNavStructureFromStore","activeNavItem","hoverHeightFull","hoverHeightDefault","useHotlink","ident","hotlinkWidth","hoverHeight","notifactionStateKey","UseStateKeys","showOverlay","element","left","top","contentHovered","isDesktopview","useIsDesktopView","isMobileScreen","SSR_safe_mq_isTouch","size","y","useWindowScroll","setIsActive","notificationTimeout","notificationTimeoutDone","notifactionState","useState","nv","closeOnLeaveInit","debouncedCloseOnLeaveInit","value","isNotification","calculatePosition","rect","parentRect","HotlinkWidth","HotlinkHeight","isMobileHover","onScroll","onBeforeUnmount","nextTick","onTouchClick","e","userContext","session","useSessionStore","favListStore","useFavLists","__temp","__restore","_withAsyncContext","computedFavNavItems","favListHotlinkItems","list","transformStringForUrl","a","b","cart","useCartStore","n","hasItemWithCampaign","badge","loadCart","cartItemAmount","searchbar","EContactView"],"ignoreList":[],"sources":["../../../../src/components/layout/header/components/styledMy/useStyledMy.ts","../../../../src/components/layout/header/components/styledMy/styledMy.vue","../../../../src/composables/useCloseOnLeave.ts","../../../../src/composables/useDashboardDynamicLink.ts","../../../../src/components/layout/header/components/infoBanner/info-banner.vue","../../../../src/components/components/navigation/utils.ts","../../../../src/components/helper/horizontal-scroll.vue","../../../../src/components/layout/header/components/searchbar/lastSearchqueries.vue","../../../../src/components/layout/header/components/searchbar/searchSuggestions.vue","../../../../src/components/layout/header/components/searchbar/popularSearchqueries.vue","../../../../src/components/layout/header/components/searchbar/searchbarMobile.vue","../../../../src/components/components/navigation/composables/useMainNavState.ts","../../../../src/components/layout/header/components/hotlink/useHotlink.ts","../../../../src/components/layout/header/components/hotlink/hotlink.vue","../../../../src/components/layout/header/components/hotlink/components/myPraxis.vue","../../../../src/components/layout/header/components/hotlink/components/productlists.vue","../../../../src/components/layout/header/components/hotlink/components/myCart/toCartButton.vue","../../../../src/components/layout/header/components/hotlink/components/myCart/orderSummary.vue","../../../../src/components/layout/header/components/hotlink/components/myCart/hasItemWithCampaign.vue","../../../../src/components/layout/header/components/hotlink/components/myCart/myCart.vue","../../../../src/components/layout/header/components/searchbar/searchbar.vue","../../../../src/components/layout/footer/components/footerBanner.vue","../../../../src/@types/contactview-type.ts"],"sourcesContent":["export function useStyledMy(text: string) {\n  // @TODO: Add Pluralization once its needed\n  const { t } = useTrans();\n  const my = t('header.links.my');\n  const myMasculine = t('header.links.my.masculine');\n\n  const isStyled = text.includes(my) || text.includes(myMasculine);\n  const prev: string[] = [];\n  const next: string[] = [];\n  let styled = '';\n\n  text.split(' ').forEach((word) => {\n    if (word === my || word === myMasculine) styled = word;\n    else if (styled) next.push(word);\n    else prev.push(word);\n  });\n  return { isStyled, styled, prev, next };\n}\n\nexport enum EStyleType {\n  default,\n  light,\n  lightAlt,\n  none,\n}\n","<template>\n  <div>\n    <StyledMy :text=\"text\" :font-size-px=\"fontSizePx\" :style-type=\"styleType\" />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { EStyleType } from '@/components/layout/header/components/styledMy/useStyledMy';\n\ndefineProps({\n  text: {\n    type: String,\n    required: true,\n  },\n  fontSizePx: {\n    type: Number,\n    required: false,\n    default: 18,\n  },\n  styleType: {\n    type: Number as PropType<EStyleType>,\n    required: false,\n    default: () => EStyleType.default,\n  },\n});\n\nconst StyledMy = defineAsyncComponent(() => {\n  if (useSiteIdent() === SiteIdent.default) {\n    return import('./vdv/styledMy.vue');\n  } else {\n    return import('./minilu/styledMy.vue');\n  }\n});\n</script>\n","export function useCloseOnLeave(stayOpenedClass: string, close: () => void) {\n  return {\n    init() {\n      const handler = (event: MouseEvent) => {\n        const el = event.target as HTMLElement;\n        if (!el.closest(`.${stayOpenedClass}`)) {\n          handleClose();\n        }\n      };\n      const leaveHandler = () => {\n        handleClose();\n      };\n\n      window.addEventListener('mousemove', handler, { passive: true });\n      document.addEventListener('mouseleave', leaveHandler, { passive: true });\n\n      function handleClose() {\n        close();\n        document.removeEventListener('mouseleave', leaveHandler);\n        window.removeEventListener('mousemove', handler);\n      }\n    },\n  };\n}\n","import { useUserContext } from '~/stores/useUserContext';\nimport { CustomerGroupId } from '~/@types/customerGroupIds';\nimport { storeToRefs } from 'pinia';\n\nexport function useDashboardDynamicLink() {\n  return computed(() => {\n    const { customerTypeId } = storeToRefs(useUserContext());\n    const currCustomerTypeId = customerTypeId.value;\n\n    let linkText = 'hotlink.myPraxis.myDashboard';\n\n    switch (currCustomerTypeId) {\n      case CustomerGroupId.DENTIST:\n      case CustomerGroupId.SURGERY:\n      case CustomerGroupId.DENTIST_WITHOUT_VERIFICATION:\n      case CustomerGroupId.SURGERY_WITHOUT_VERIFICATION:\n        linkText = 'header.links.praxis';\n        break;\n      case CustomerGroupId.OTHER:\n      case CustomerGroupId.STUDENT:\n        linkText = 'hotlink.myPraxis.myDashboard';\n        break;\n      case CustomerGroupId.COMPANY:\n        linkText = 'hotlink.myPraxis.myCompany';\n        break;\n      case CustomerGroupId.PHARMACY:\n      case CustomerGroupId.PHARMACY_WITHOUT_VERIFICATION:\n        linkText = 'hotlink.myPraxis.myPharmacy';\n        break;\n      case CustomerGroupId.DENTAL_LAB:\n      case CustomerGroupId.PRACTICE_LAB:\n        linkText = 'hotlink.myPraxis.myLabor';\n        break;\n\n      default:\n        linkText = 'hotlink.myPraxis.myDashboard';\n        break;\n    }\n    return {\n      linkText,\n      currCustomerTypeId,\n    };\n  });\n}\n","<!-- eslint-disable vue/no-v-html -->\n<template>\n  <div\n    v-if=\"!useDialogStore().open\"\n    class=\"w-full bg-status-warn-lighter shrink-0\"\n  >\n    <div class=\"flex items-center mx-auto max-w-screen-2xl px-sm\">\n      <div\n        class=\"flex bg-status-warn-light pt-[7px] pb-[8px] px-[8px] md:px-lg place-self-stretch items-center\"\n      >\n        <FaIcon\n          icon-class=\"fal fa-circle-exclamation\"\n          classes=\"mr-0 md:mr-2 w-[20px] h-[20px] whitespace-nowrap\"\n        />\n        <p\n          v-if=\"!isMobile\"\n          class=\"font-deco text-alt-xl leading-alt-xs\"\n          v-html=\"t('infoBanner.hint')\"\n        ></p>\n      </div>\n      <div\n        class=\"my-xs mx-sm mr-[22px] md:mx-md text-[12px] md:text-sm leading-2xs md:leading-xs\"\n      >\n        {{ t('infoBanner.text') }}\n      </div>\n      <div class=\"absolute border-red-500 right-sm md:right-md top-xs\">\n        <button @click=\"emit('closeInfobanner', false)\">\n          <FaIcon\n            icon-class=\"far fa-xmark\"\n            classes=\"text-text-base !h-[16px] md:!h-[20px]\"\n          />\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { mq_breakpointIsMobile } from '~~/src/injectionSymbols';\nimport FaIcon from '@/components/fa-icon.vue';\nimport { useDialogStore } from '~/stores/useDialogStore';\n\nconst isMobile = inject(mq_breakpointIsMobile);\nconst { t } = useTrans();\n\nconst emit = defineEmits<{\n  (e: 'closeInfobanner', value: boolean): void;\n}>();\n</script>\n","import type { LinkedNavItem } from '~~/src/stores/useNav';\nimport { MyAccountIds, MyProductIds } from '@/@types/navigationIds';\n\nexport function showItem(navItem: LinkedNavItem, activeItemdId: string) {\n  return (\n    (navItem.isHidden && activeItemdId === navItem.id) ||\n    (navItem.id === MyAccountIds.MY_ACCOUNT &&\n      navItem.childIds.includes(activeItemdId)) ||\n    (navItem.id === MyProductIds.MY_PRODUCTS &&\n      navItem.childIds.includes(activeItemdId)) ||\n    !navItem.isHidden\n  );\n}\n\nexport const maxNavigationDepth = 4;\nexport function maxDepthCorrection(\n  navItem: LinkedNavItem,\n  maxDepth = maxNavigationDepth,\n) {\n  let currentNavItem = navItem;\n  while (currentNavItem.level >= maxDepth && currentNavItem.parent) {\n    currentNavItem = currentNavItem.parent;\n  }\n  return currentNavItem;\n}\n","<template>\n  <div class=\"max-w-full\">\n    <div\n      v-if=\"showBackBtn\"\n      :style=\"showBackBtn ? 'opacity:1;' : 'opacity:0; width:0px;'\"\n      class=\"left-0 border-white border-r-1 scrollhandle\"\n      :class=\"arrowClass\"\n      @click=\"scrollViaHandle('l')\"\n    >\n      <FaIcon icon-class=\"fas fa-chevron-left\" classes=\"fa-lg\" />\n    </div>\n    <div\n      ref=\"wrapper\"\n      class=\"relative flex flex-row w-full max-w-full overflow-hidden overflow-x-scroll scroll-smooth flex-nowrap\"\n    >\n      <slot></slot>\n      <div class=\"px-[25px]\"></div>\n    </div>\n    <div\n      v-if=\"showFwdBtn\"\n      :style=\"showFwdBtn ? 'opacity:1;' : 'opacity:0; width:0px;'\"\n      class=\"right-0 border-white border-l-1 scrollhandle\"\n      :class=\"arrowClass\"\n      @click=\"scrollViaHandle('r')\"\n    >\n      <FaIcon icon-class=\"fas fa-chevron-right\" classes=\"fa-lg\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport FaIcon from '@/components/fa-icon.vue';\ndefineProps({\n  arrowClass: {\n    type: String,\n    required: false,\n    default: '',\n  },\n});\n\nconst wrapper = ref<HTMLElement>(null);\nconst showFwdBtn = ref(false);\nconst showBackBtn = ref(false);\nconst acceptableOverflow = 75; //px\nconst { x: scroll_x, isScrolling } = useScroll(wrapper);\nconst onResizeDebounce = useDebounceFn(() => {\n  scrollViaHandle('start');\n  setHandles(scroll_x.value);\n}, 100);\nconst onScrollDebounce = useDebounceFn((scroll_x: number) => {\n  setHandles(scroll_x);\n}, 300);\n\nonMounted(() => {\n  setHandles(scroll_x.value);\n  useResizeObserver(wrapper, () => {\n    onResizeDebounce();\n  });\n});\n\nwatch(isScrolling, async (newVal) => {\n  if (newVal === false) {\n    onScrollDebounce(scroll_x.value);\n  }\n});\n\nfunction scrollViaHandle(direction: 'l' | 'r' | 'start') {\n  if (!wrapper.value) return;\n  const wrapperWidth = wrapper.value?.getBoundingClientRect().width ?? 0;\n  const wrapperScrollWidth = wrapper.value.scrollWidth;\n\n  if (wrapperScrollWidth - wrapperWidth < acceptableOverflow) {\n    showBackBtn.value = false;\n    showFwdBtn.value = false;\n    wrapper.value.scrollLeft = 0;\n    return;\n  }\n\n  if (direction === 'r') {\n    wrapper.value.scrollLeft = wrapper.value.scrollLeft + 300;\n  } else if (direction === 'l') {\n    wrapper.value.scrollLeft = wrapper.value.scrollLeft - 300;\n  } else if (direction === 'start') {\n    wrapper.value.scrollLeft = 0;\n  }\n}\n\nfunction setHandles(scroll_x: number) {\n  if (!wrapper.value) return;\n  const wrapperWidth = wrapper.value?.getBoundingClientRect().width;\n  const wrapperScrollWidth = wrapper.value.scrollWidth;\n  if (scroll_x <= acceptableOverflow - 25) {\n    wrapper.value.scrollLeft = 0;\n    showBackBtn.value = false;\n  } else {\n    showBackBtn.value = true;\n  }\n\n  if (scroll_x + acceptableOverflow >= wrapperScrollWidth - wrapperWidth) {\n    showFwdBtn.value = false;\n    if (wrapper.value.scrollLeft !== 0) {\n      wrapper.value.scrollLeft = 999999;\n    }\n  } else {\n    showFwdBtn.value = true;\n  }\n}\n</script>\n\n<style scoped lang=\"postcss\">\n.scrollhandle {\n  @apply absolute bottom-0 z-10 text-white w-xl h-[60px] cursor-pointer transition-all duration-75;\n  :first-child {\n    @apply p-0 mt-[20px] mx-[18px] mb-0;\n  }\n}\n</style>\n","<template>\n  <div ref=\"container\">\n    <div class=\"flex justify-between p-md pb-sm\">\n      <span class=\"font-bold font-deco-alt text-alt-2xl\">{{\n        t('header.search.lastSearchqueries')\n      }}</span>\n\n      <div\n        v-if=\"searchHistory?.length\"\n        class=\"flex items-center text-primary-base hover:cursor-pointer\"\n        @click=\"clearSearchHistory()\"\n      >\n        <FaIcon icon-class=\"far fa-trash\" classes=\"h-[16px] w-auto mr-xs\" />\n        <span>{{\n          t(\n            isMobile\n              ? 'header.search.clearSearchMobile'\n              : 'header.search.clearSearch',\n          )\n        }}</span>\n      </div>\n    </div>\n    <div>\n      <NuxtLink\n        v-for=\"(search, index) in searchQueries\"\n        :key=\"index\"\n        :to=\"`/shop/search/${encodeURIComponent(search)}`\"\n      >\n        <div\n          class=\"font-text px-md py-xs hover:bg-primary-lightest hover:cursor-pointer\"\n          @click=\"$emit('updateInput', search)\"\n          @key.enter=\"$emit('updateInput', search)\"\n        >\n          <FaIcon\n            icon-class=\"far fa-clock-rotate-left\"\n            classes=\"mr-xs text-grey-dark\"\n          />\n          <span>{{ search }}</span>\n        </div>\n      </NuxtLink>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport FaIcon from '@/components/fa-icon.vue';\nimport { useSearchbar } from './useSearchbar';\nimport { SSR_safe_mq_breakpointIsMobile } from '~/injectionSymbols';\n\nconst isMobile = inject(SSR_safe_mq_breakpointIsMobile);\nconst { t } = useTrans();\nconst container = ref();\nconst searchQueries = ref();\n\nonClickOutside(container, () => emits('closeHistory'));\n\nconst emits = defineEmits<{\n  (e: 'closeHistory'): void;\n  (e: 'updateInput', value: string): void;\n}>();\n\nconst { clearSearchHistory, searchHistory } = useSearchbar();\n\nonMounted(() => {\n  watch(\n    searchHistory,\n    async () => {\n      searchQueries.value = searchHistory.value.slice(-5).reverse();\n    },\n    { immediate: true },\n  );\n  if (isMobile?.value) usePreventBodyScroll(true);\n});\n\nonUnmounted(() => {\n  usePreventBodyScroll(false);\n});\n</script>\n","<!-- eslint-disable vue/no-v-html -->\n<template>\n  <div v-if=\"suggestionResult?.products?.length > 0\" ref=\"container\">\n    <div class=\"font-bold font-deco-alt text-alt-2xl pl-md pt-md pb-sm\">\n      {{ t('header.search.products') }}\n    </div>\n    <NuxtLink\n      v-for=\"item in suggestionResult?.products\"\n      :key=\"item.id\"\n      :to=\"getProductLink(item.product.name, item.product.productNumber)\"\n      target=\"_self\"\n      class=\"flex cursor-pointer py-sm active:bg-primary-lightest hover:bg-primary-lightest gap-sm px-md\"\n      @click=\"$emit('closeSuggestions')\"\n    >\n      <div class=\"flex items-center justify-center bg-white h-xl aspect-square\">\n        <ProductImage\n          :image-url=\"item.product?.media?.cover\"\n          :alt-text=\"item.product?.media?.alt\"\n          class=\"max-w-full max-h-full my-auto p-2xs\"\n        />\n      </div>\n      <div class=\"flex flex-col\">\n        <p\n          class=\"font-bold font-deco text-alt-lg\"\n          v-html=\"getHighlightedString(item.product.name, true)\"\n        ></p>\n        <div class=\"flex font-text\">\n          <p v-if=\"item.product.variantName\">\n            {{ item.product.variantName }} |\n            {{ item.product.manufacturer.name }}\n          </p>\n          <p v-else>{{ item.product.manufacturer.name }}</p>\n        </div>\n      </div>\n    </NuxtLink>\n\n    <BasicLink\n      :label=\"t('header.search.showAll')\"\n      :link=\"`/shop/search/${encodeURIComponent(searchInput)}`\"\n      target=\"_self\"\n      icon=\"fas fa-chevron-right\"\n      :icon-position=\"EPosition.RIGHT\"\n      class=\"text-primary-base pl-md font-text pt-xs\"\n      @click=\"emits('closeSuggestions')\"\n    />\n\n    <div\n      v-if=\"suggestionResult?.suggestions?.length > 0\"\n      class=\"font-bold font-deco-alt text-alt-2xl pl-md pt-md pb-sm\"\n    >\n      {{ t('header.search.searchSuggestions') }}\n    </div>\n    <div\n      v-for=\"(item, index) in suggestionResult?.suggestions\"\n      :key=\"index\"\n      @click=\"$emit('updateInput', item)\"\n    >\n      <NuxtLink\n        v-if=\"index <= 7\"\n        :to=\"`/shop/search/${encodeURIComponent(item)}`\"\n      >\n        <div\n          class=\"flex cursor-pointer py-xs hover:!bg-primary-lightest gap-sm px-md items-center font-text\"\n        >\n          <FaIcon\n            icon-class=\"far magnifying-glass\"\n            class=\"text-xl text-text-light\"\n          />\n          <p v-html=\"getHighlightedString(item)\" />\n        </div>\n      </NuxtLink>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport BasicLink from '@/components/components/core/basicLink/basic-link.vue';\nimport { EPosition } from '@/@types/basic-link';\nimport { getProductLink } from '~/helpers/shop';\nimport FaIcon from '@/components/fa-icon.vue';\nimport type { SearchSuggestionResult } from '~/server/api/[site]/search/suggestions.post';\nimport { SSR_safe_mq_breakpointIsMobile } from '~/injectionSymbols';\nimport { ProductImage } from '@/complib';\n\nconst props = defineProps({\n  // eslint-disable-next-line vue/require-default-prop\n  suggestionResult: {\n    type: Object as PropType<SearchSuggestionResult>,\n    requried: true,\n  },\n  searchInput: {\n    type: String,\n    required: true,\n  },\n});\n\nconst emits = defineEmits<{\n  (e: 'closeSuggestions'): void;\n  (e: 'updateInput', value: string): void;\n}>();\n\nconst { t } = useTrans();\nconst container = ref();\nconst isMobile = inject(SSR_safe_mq_breakpointIsMobile);\n\nonClickOutside(container, () => emits('closeSuggestions'));\n\nconst getHighlightedString = (\n  productName: string,\n  isProductSuggestion = false,\n) => {\n  try {\n    let customProductName = productName;\n    const regex = new RegExp(props.searchInput, 'gi');\n\n    customProductName = customProductName.replace(regex, (match) => {\n      return isProductSuggestion\n        ? `<span class=\"text-primary-base\">${match}</span>`\n        : `<span class=\"font-bold\">${match}</span>`;\n    });\n\n    return customProductName;\n  } catch (error) {\n    return productName;\n  }\n};\n\nonMounted(() => {\n  if (isMobile?.value) usePreventBodyScroll(true);\n});\n\nonUnmounted(() => {\n  usePreventBodyScroll(false);\n});\n</script>\n","<template>\n  <div ref=\"container\">\n    <div class=\"flex justify-between p-md pb-sm\">\n      <span class=\"font-bold font-deco-alt text-alt-2xl\">{{\n        t('header.search.popularSearchqueries')\n      }}</span>\n    </div>\n    <div>\n      <NuxtLink\n        v-for=\"(search, index) in searchQueries\"\n        :key=\"index\"\n        :to=\"`/shop/search/${encodeURIComponent(search)}`\"\n      >\n        <div\n          class=\"font-text px-md py-xs hover:bg-primary-lightest hover:cursor-pointer\"\n          @click=\"$emit('updateInput', search)\"\n          @key.enter=\"$emit('updateInput', search)\"\n        >\n          <FaIcon icon-class=\"far fa-search\" classes=\"mr-xs text-grey-dark\" />\n          <span>{{ search }}</span>\n        </div>\n      </NuxtLink>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport FaIcon from '@/components/fa-icon.vue';\nimport { useSearchbar } from './useSearchbar';\nimport { SSR_safe_mq_breakpointIsMobile } from '~/injectionSymbols';\n\nconst isMobile = inject(SSR_safe_mq_breakpointIsMobile);\nconst { t } = useTrans();\nconst container = ref();\nconst searchQueries = ref();\n\nonClickOutside(container, () => emits('closeHistory'));\n\nconst emits = defineEmits<{\n  (e: 'closeHistory'): void;\n  (e: 'updateInput', value: string): void;\n}>();\n\nconst { searchSuggestions } = useSearchbar();\n\nonMounted(async () => {\n  const popularSearchQeuries = await searchSuggestions('');\n  searchQueries.value = popularSearchQeuries?.suggestions.slice(-5);\n\n  if (isMobile?.value) usePreventBodyScroll(true);\n});\n\nonUnmounted(() => {\n  usePreventBodyScroll(false);\n});\n</script>\n","<template>\n  <div class=\"flex flex-row visible md:hidden\">\n    <div\n      v-if=\"isActive\"\n      class=\"flex items-center justify-start w-0 overflow-hidden transition-all ease-linear\"\n      :class=\"{ '!w-md': search }\"\n      @click=\"() => (search = '')\"\n    >\n      <FaIcon icon-class=\"fal arrow-left\" />\n    </div>\n    <div class=\"min-w-[245px] w-full max-w-full\">\n      <div\n        ref=\"searchbarMobile\"\n        class=\"flex items-center w-full py-sm gap-sm md:hidden\"\n        :class=\"[\n          isActive\n            ? 'bg-primary-lighter absolute -top-[80px] right-0 left-0 z-[610] px-sm'\n            : 'relative',\n        ]\"\n      >\n        <div v-if=\"isActive\">\n          <FaIcon icon-class=\"fal arrow-left\" @click=\"closeHistory\" />\n        </div>\n        <label\n          class=\"box-border w-full leading-[22px] py-xs px-[22px] rounded-full items-center flex flex-row gap-xs font-deco-alt text-alt-lg text-text-light bg-white\"\n        >\n          <input\n            :value=\"search\"\n            class=\"w-full p-0 bg-white border-none overflow-elipsis focus:ring-transparent\"\n            :placeholder=\"!isActive ? t('header.search.placeholderMobile') : ''\"\n            @input=\"\n              (event: any) =>\n                (search = (event.target as HTMLInputElement).value)\n            \"\n            @click=\"openHistory\"\n            @keyup.enter=\"\n              () => {\n                if (search) {\n                  closeHistory();\n                  addSearchQueryToSearchHistory(search);\n                }\n              }\n            \"\n          />\n          <div v-if=\"search\" class=\"relative text-grey-dark\" @click=\"clear\">\n            <FaIcon icon-class=\"far xmark\" />\n          </div>\n          <div\n            class=\"text-grey-dark\"\n            @click.prevent=\"\n              () => {\n                if (search) {\n                  closeHistory();\n                  addSearchQueryToSearchHistory(search);\n                }\n              }\n            \"\n          >\n            <FaIcon\n              icon-class=\"far magnifying-glass\"\n              class=\"text-xl text-text-light\"\n            />\n          </div>\n        </label>\n        <div\n          v-if=\"isActive\"\n          class=\"absolute h-full w-full top-[72px] left-0 z-[610]\"\n        >\n          <!--div class=\"bg-background-base\">campaigns here</div-->\n          <div class=\"h-screen bg-white rounded-b-alt-lg pb-md\">\n            <PopularSearchqueries\n              v-if=\"\n                (searchHistory.length === 0 && search.length < 2) ||\n                (resultHasNoSuggestions && search.length >= 2)\n              \"\n              @close-history=\"closeHistory\"\n              @update-input=\"(value) => updateSearch(value)\"\n            />\n            <LastSearchqueries\n              v-else-if=\"\n                (searchHistory.length > 0 && search.length < 2) ||\n                (resultHasNoSuggestions && !search)\n              \"\n              @close-history=\"closeHistory\"\n              @update-input=\"(value) => updateSearch(value)\"\n            />\n            <div v-else-if=\"search?.length >= 2 && !resultHasNoSuggestions\">\n              <SearchSuggestions\n                v-if=\"suggestionResult\"\n                :suggestion-result=\"suggestionResult\"\n                :search-input=\"search\"\n                @update-input=\"updateSearch(search)\"\n                @close-suggestions=\"closeHistory()\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport FaIcon from '@/components/fa-icon.vue';\nimport LastSearchqueries from './lastSearchqueries.vue';\nimport { useSearchbar } from './useSearchbar';\nimport SearchSuggestions from './searchSuggestions.vue';\nimport PopularSearchqueries from './popularSearchqueries.vue';\n\nconst { t } = useTrans();\nconst search = ref('');\nconst searchbarMobile = ref();\nconst isActive = ref(false);\nconst suggestionResult = ref();\n\nconst resultHasNoSuggestions = computed(\n  () =>\n    suggestionResult.value === undefined ||\n    (suggestionResult?.value?.products?.length === 0 &&\n      suggestionResult?.value?.suggestions?.length === 0),\n);\n\nconst { addSearchQueryToSearchHistory, searchSuggestions, searchHistory } =\n  useSearchbar();\n\nwatch(\n  () => useRoute().path,\n  () => {\n    const route = useRoute();\n    if (route.path.startsWith('/shop/search') && route.params.slug?.length) {\n      search.value = decodeURIComponent(route.params.slug[0]);\n    } else {\n      clear();\n    }\n  },\n);\n\nwatch(\n  () => search.value,\n  async (newValue) => {\n    if (newValue.length >= 2) {\n      debounceSearch(newValue);\n    }\n    //reset the suggestionResult to show the right flyout\n    if (newValue.length <= 1) {\n      suggestionResult.value = undefined;\n    }\n  },\n);\n\nconst debounceSearch = useDebounceFn(async (searchInput: string) => {\n  if (search.value.length < 2) return;\n  suggestionResult.value = await searchSuggestions(searchInput);\n}, 500);\n\nfunction clear() {\n  search.value = '';\n  suggestionResult.value = undefined;\n}\n\nfunction openHistory() {\n  isActive.value = true;\n}\n\nfunction closeHistory() {\n  isActive.value = false;\n}\n\nfunction updateSearch(input: string) {\n  search.value = input;\n  addSearchQueryToSearchHistory(search.value);\n  closeHistory();\n}\n</script>\n","import { storeToRefs } from 'pinia';\nimport { mq_isTouch } from '~~/src/injectionSymbols';\nimport { type LinkedNavItem, useNav } from '~~/src/stores/useNav';\nimport { showItem, maxDepthCorrection, maxNavigationDepth } from '../utils';\nimport { EStyleType as EStyleTypeStyledMy } from '@/components/layout/header/components/styledMy/useStyledMy';\n\nexport enum EMainNavLinkStyle {\n  ACTIVE_PARENT = 'item item--activeParent',\n  PARENT = 'item item--parent',\n  NORMAL = 'item item--normal',\n  ACTIVE = 'item item--active',\n  HIDDEN = 'item item--hidden',\n}\n\nexport interface NavLink {\n  navItem: LinkedNavItem;\n  cssClass: EMainNavLinkStyle;\n  noLink?: boolean;\n}\n\nexport default function useMainNavState() {\n  const router = useRouter();\n  const mainNavEl = ref<HTMLElement>(null);\n  const isTouch = inject(mq_isTouch);\n\n  const navStore = useNav();\n  const { mainNav_activeStructure: activeNavStructure } = storeToRefs(navStore);\n\n  const state = reactive({\n    hoverNav: {\n      hoveredItem: null as LinkedNavItem,\n      isHovered: false,\n      show: false,\n      navItems: [] as LinkedNavItem[],\n      isLevel_0: false,\n      x_pos: 0,\n      width: 0,\n    },\n    toggleNav: {\n      show: false,\n    },\n  });\n\n  function touchClick(event: any, link: NavLink) {\n    if (link.noLink) {\n      const isHoveredItem = link.navItem === state.hoverNav.hoveredItem;\n      const isActiveItem = link.navItem === activeNavStructure.value.activeItem;\n\n      if (isHoveredItem) {\n        if (isActiveItem) {\n          navItemUnhover();\n        } else {\n          router.push(link.navItem.navUri);\n          navItemUnhover();\n        }\n      } else {\n        navItemHover(\n          event,\n          link.navItem,\n          activeNavStructure.value.activeItem.level === 0,\n          link.cssClass === EMainNavLinkStyle.ACTIVE_PARENT ||\n            link.cssClass === EMainNavLinkStyle.PARENT,\n          true,\n        );\n      }\n    }\n  }\n\n  /**\n   * Sort and structure the main navigation for easy use in the HTML\n   * Add CSS Classes/Descriptors to items\n   * Look at the designs to understand this, as this is basically the logic-setup for the designs! :)\n   */\n  const mainNavLinks = computed(() => {\n    const links = [] as NavLink[];\n\n    if (\n      !activeNavStructure.value.activeItem &&\n      !activeNavStructure.value.parents\n    ) {\n      return links;\n    }\n\n    //const activeItem = maxDepthCorrection(activeNavStructure.value.activeItem);\n    const activeItem = maxDepthCorrection(getActiveItem());\n\n    /**\n     * @workaround for only showing the toplevel navItems\n     */\n    function getActiveItem() {\n      let parent = activeNavStructure.value.activeItem.parent;\n      while (parent?.parent) {\n        parent = parent.parent;\n      }\n      return parent ?? activeNavStructure.value.activeItem;\n    }\n\n    const parentsWithoutLevel_0 = [] as LinkedNavItem[];\n    let parent = activeItem.parent;\n    while (parent && parent.level > 0) {\n      parentsWithoutLevel_0.push(parent);\n      parent = parent.parent;\n    }\n    parentsWithoutLevel_0.reverse();\n\n    for (let i = 0; i < parentsWithoutLevel_0.length; i++) {\n      const parent = parentsWithoutLevel_0[i];\n      links.push({\n        navItem: parent,\n        cssClass: EMainNavLinkStyle.PARENT,\n      });\n    }\n\n    if (\n      activeItem.children.length !== 0 &&\n      activeItem.level !== 0 &&\n      activeItem.level < maxNavigationDepth - 1\n    ) {\n      links.push({\n        navItem: activeItem,\n        cssClass: EMainNavLinkStyle.ACTIVE_PARENT,\n      });\n    }\n\n    if (\n      activeItem.children.length === 0 ||\n      activeItem.level >= maxNavigationDepth - 1\n    ) {\n      for (const neighbour of activeItem.neighbours) {\n        links.push({\n          navItem: neighbour,\n          cssClass:\n            neighbour === activeItem\n              ? EMainNavLinkStyle.ACTIVE\n              : EMainNavLinkStyle.NORMAL,\n        });\n      }\n    }\n\n    for (const child of activeItem.children) {\n      //Display shop-children in minilu toplevel nav instead of shop\n      if (activeItem.level === 0 && useSiteIdent().includes('minilu')) {\n        if (\n          child.level < maxNavigationDepth &&\n          child.title.toLowerCase() !== 'navigation.shop.label'\n        ) {\n          links.push({\n            navItem: child,\n            cssClass: EMainNavLinkStyle.NORMAL,\n          });\n        } else if (\n          child.level < maxNavigationDepth &&\n          child.title.toLowerCase() === 'navigation.shop.label'\n        ) {\n          for (const shopChild of child.children) {\n            links.push({\n              navItem: shopChild,\n              cssClass: EMainNavLinkStyle.NORMAL,\n            });\n          }\n        }\n      } else {\n        if (child.level < maxNavigationDepth) {\n          links.push({\n            navItem: child,\n            cssClass: EMainNavLinkStyle.NORMAL,\n          });\n        }\n      }\n    }\n\n    // Filter our hidden items\n    links.forEach((link) => {\n      if (!showItem(link.navItem, activeItem.id)) {\n        link.cssClass = EMainNavLinkStyle.HIDDEN;\n      }\n    });\n\n    return links.map((link) => ({\n      ...link,\n      noLink:\n        isTouch.value &&\n        (link.cssClass === EMainNavLinkStyle.PARENT ||\n          link.cssClass === EMainNavLinkStyle.ACTIVE_PARENT ||\n          activeNavStructure.value.activeItem.level === 0),\n    }));\n  });\n\n  let timeoutId: NodeJS.Timeout = null;\n\n  function mouseEnter(event: MouseEvent, link: NavLink) {\n    if (timeoutId) clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => {\n      navItemHover(\n        event,\n        link.navItem,\n        activeNavStructure.value.activeItem.level === 0,\n        link.cssClass === EMainNavLinkStyle.ACTIVE_PARENT ||\n          link.cssClass === EMainNavLinkStyle.PARENT,\n      );\n    }, 100);\n  }\n\n  function mouseLeave() {\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n      timeoutId = null;\n    }\n  }\n\n  /**\n   *\n   * @param navItem The NavItem that will determine the content of the hover nav\n   * @param isLevel_0 If the ActiveNavItem is Level 0\n   * Values set here will pe passed as props to the Hover-Nav Component\n   */\n  function navItemHover(\n    event: any,\n    navItem: LinkedNavItem,\n    isLevel_0 = false,\n    isParent = false,\n    noLink = false,\n  ) {\n    const eventTarget = noLink\n      ? (event.target as HTMLElement).closest('.js-nav-item')\n      : (event.target as HTMLElement);\n    state.hoverNav.x_pos = eventTarget.getBoundingClientRect().x;\n    state.hoverNav.width = eventTarget.getBoundingClientRect().width;\n\n    if (state.hoverNav.hoveredItem === navItem) {\n      return;\n    }\n    state.hoverNav.hoveredItem = navItem;\n    if (\n      activeNavStructure.value.parents.includes(navItem) ||\n      (activeNavStructure.value.activeItem === navItem &&\n        activeNavStructure.value.activeItem.children.length > 0) ||\n      isLevel_0 ||\n      navItem.children.length > 0\n    ) {\n      if (isLevel_0) {\n        state.hoverNav.navItems = navItem.children.filter((item) =>\n          showItem(item, activeNavStructure.value.activeItem.id),\n        );\n        state.hoverNav.isLevel_0 = true;\n      } else if (isParent) {\n        state.hoverNav.navItems = navItem.neighbours.filter((item) =>\n          showItem(item, activeNavStructure.value.activeItem.id),\n        );\n        state.hoverNav.isLevel_0 = false;\n      } else {\n        state.hoverNav.navItems = navItem.children.filter((item) =>\n          showItem(item, activeNavStructure.value.activeItem.id),\n        );\n        state.hoverNav.isLevel_0 = false;\n      }\n      if (state.hoverNav.navItems.length !== 0) {\n        state.hoverNav.show = true;\n      } else {\n        state.hoverNav.navItems = [];\n        state.hoverNav.show = false;\n      }\n    } else {\n      state.hoverNav.navItems = [];\n      state.hoverNav.show = false;\n    }\n  }\n\n  function navItemUnhover() {\n    state.hoverNav.show = false;\n    state.hoverNav.isHovered = false;\n    state.hoverNav.hoveredItem = null;\n  }\n\n  function linkShowsDropdownIcon(cssClass: EMainNavLinkStyle) {\n    return (\n      (cssClass === EMainNavLinkStyle.PARENT ||\n        cssClass === EMainNavLinkStyle.ACTIVE_PARENT) &&\n      activeNavStructure.value.activeItem.level !== 0\n    );\n  }\n\n  //--- Toggle Menu\n  function toggleMenuClick() {\n    state.toggleNav.show = !state.toggleNav.show;\n    state.hoverNav.show = false;\n    state.hoverNav.isHovered = false;\n    state.hoverNav.hoveredItem = null;\n  }\n\n  //--- Hover-Menu\n  function hoverMenuHover() {\n    state.hoverNav.isHovered = true;\n  }\n\n  function hoverMenuUnhover() {\n    state.hoverNav.show = false;\n    state.hoverNav.isHovered = false;\n    state.hoverNav.hoveredItem = null;\n  }\n\n  function getMyNavStyle(linkCss: EMainNavLinkStyle, isHovered: boolean) {\n    switch (true) {\n      case !linkCss.includes('active') && !isHovered:\n        return EStyleTypeStyledMy.lightAlt;\n      case linkCss.includes('active') && !isHovered:\n        return EStyleTypeStyledMy.light;\n      default:\n        return EStyleTypeStyledMy.default;\n    }\n  }\n\n  onMounted(() => {\n    watch(mainNavEl, async () => {\n      state.hoverNav.show = false;\n      state.hoverNav.isHovered = false;\n      state.hoverNav.hoveredItem = null;\n    });\n  });\n\n  /**\n   * @workaround for showing only the toplevel navItems\n   */\n  const activeNavStructureComputed = computed(() => {\n    const { mainNav_activeStructure: activeNavStructureFromStore } =\n      storeToRefs(navStore);\n    let parent = activeNavStructureFromStore.value.activeItem.parent;\n    let activeNavItem = activeNavStructureFromStore.value.activeItem.parent;\n\n    while (parent?.parent) {\n      parent = parent.parent;\n      if (\n        (parent.type !== 'root' && useSiteIdent().startsWith('default')) ||\n        (parent.type !== 'root' &&\n          useSiteIdent().startsWith('minilu') &&\n          parent.title !== 'navigation.shop.label')\n      ) {\n        activeNavItem = parent;\n      }\n    }\n    return {\n      ...activeNavStructureFromStore.value,\n      activeItem: parent ?? activeNavStructureFromStore.value.activeItem,\n      activeNavItem,\n    };\n  });\n\n  return {\n    state,\n    touchClick,\n    mainNavLinks,\n    mouseEnter,\n    mouseLeave,\n    navItemHover,\n    navItemUnhover,\n    linkShowsDropdownIcon,\n    toggleMenuClick,\n    hoverMenuHover,\n    hoverMenuUnhover,\n    getMyNavStyle,\n    activeNavStructureComputed,\n  };\n}\n","import { UseStateKeys } from '@/useStateKeys';\nimport {\n  SSR_safe_mq_breakpointIsMobile,\n  SSR_safe_mq_isTouch,\n} from '~/injectionSymbols';\n\nconst hoverHeightFull = `calc(100% - 72px)`;\nconst hoverHeightDefault = `auto`;\n\nexport function useHotlink(\n  ident: string,\n  hotlinkWidth: HotlinkWidth,\n  hoverHeight: HotlinkHeight,\n  notifactionStateKey:\n    | UseStateKeys.HOTLINK_BASKET_NOTIFICATION\n    | UseStateKeys.HOTLINK_MYPRODUCTS_NOTIFICATION\n    | UseStateKeys.HOTLINK_NO_NOTIFICATION = UseStateKeys.HOTLINK_NO_NOTIFICATION,\n  showOverlay = true,\n) {\n  const stayOpenedClass = `js-${ident}`;\n  const isActive = ref(false);\n  const element = ref(null); // z.B. watch element attrs watch(newval,oldval)\n  const left = ref(0);\n  const top = ref(0);\n  const contentHovered = ref(false);\n\n  const isDesktopview = useIsDesktopView();\n  const isMobileScreen = inject(SSR_safe_mq_breakpointIsMobile);\n  const isTouch = inject(SSR_safe_mq_isTouch);\n  const hoverWidth = hotlinkWidth + 'px';\n  const size = {\n    width: hoverWidth,\n    height:\n      hoverHeight === hoverHeightDefault ? hoverHeightDefault : hoverHeightFull,\n  };\n\n  const { y } = useWindowScroll();\n  watch(\n    () => y.value,\n    () => {\n      if (\n        isMobileScreen &&\n        isActive &&\n        /iPad|iPhone|iPod/.test(navigator.userAgent) // => workaround: stuttering dropdown\n      ) {\n        setIsActive(false);\n      }\n    },\n  );\n\n  let notificationTimeout: NodeJS.Timeout | string | number | undefined | null =\n    null;\n  let notificationTimeoutDone = false;\n  const notifactionState = useState(notifactionStateKey, () => {\n    return false;\n  });\n\n  watch(\n    () => isActive.value,\n    (nv) => {\n      if (showOverlay) {\n        usePreventBodyScroll(nv);\n      }\n    },\n  );\n\n  const { init: closeOnLeaveInit } = useCloseOnLeave(stayOpenedClass, () => {\n    if (\n      notifactionState.value &&\n      contentHovered.value &&\n      !notificationTimeoutDone\n    ) {\n      debouncedCloseOnLeaveInit();\n      return;\n    }\n    if (\n      !notifactionState.value ||\n      (notifactionState.value && contentHovered.value)\n    ) {\n      setIsActive(false);\n    }\n  });\n  const debouncedCloseOnLeaveInit = useDebounceFn(closeOnLeaveInit, 200);\n\n  function setIsActive(value: boolean, isNotification = false) {\n    if (notificationTimeout && value && isNotification) {\n      return;\n    }\n\n    if (value) {\n      if (\n        isNotification &&\n        notifactionStateKey !== UseStateKeys.HOTLINK_NO_NOTIFICATION\n      ) {\n        notifactionState.value = true;\n        notificationTimeout = setTimeout(() => {\n          notificationTimeoutDone = true;\n          if (!contentHovered.value) {\n            notifactionState.value = false;\n            notificationTimeout = null;\n          }\n        }, 5000);\n      } else {\n        closeOnLeaveInit();\n      }\n      calculatePosition();\n      isActive.value = value;\n    } else {\n      if (notificationTimeout) {\n        clearTimeout(notificationTimeout);\n        notificationTimeout = null;\n      }\n      notificationTimeoutDone = false;\n      contentHovered.value = false;\n      notifactionState.value = false;\n      isActive.value = value;\n    }\n  }\n\n  function calculatePosition() {\n    if (element.value === null) {\n      return;\n    }\n    const rect = element.value?.getBoundingClientRect();\n    const parentRect =\n      element.value.parentElement.parentElement?.getBoundingClientRect();\n    top.value = parentRect.top + parentRect.height;\n    const overflow = Math.max(\n      rect.left + hotlinkWidth + 20 - window.innerWidth,\n      0,\n    );\n    if (!overflow) {\n      left.value = rect.left;\n    } else {\n      left.value = Math.max(rect.left - hotlinkWidth + rect.width, 0);\n    }\n  }\n\n  watch(contentHovered, (nv) => {\n    if (nv === true) {\n      closeOnLeaveInit();\n    }\n  });\n\n  return {\n    stayOpenedClass,\n    isActive,\n    element,\n    left,\n    top,\n    setIsActive,\n    calculatePosition,\n    notifactionState,\n    size,\n    isDesktopview,\n    isMobileScreen,\n    isTouch,\n    contentHovered,\n  };\n}\n\nexport enum HotlinkWidth {\n  default = 345,\n  wide = 450,\n}\n\nexport enum HotlinkHeight {\n  default = 'auto',\n  full = 'calc(100% - 72px)',\n}\n","<template>\n  <div\n    ref=\"element\"\n    class=\"h-[72px] flex items-center justify-center md:mr-0\"\n    :class=\"[\n      stayOpenedClass,\n      { 'mr-2xs': notifications > 0, 'mr-sm': notifications > 99 },\n    ]\"\n  >\n    <button\n      class=\"flex items-center justify-center rounded-full cursor-pointer activeTrigger touch:md:rounded-none lg:rounded-none\"\n      :data-test-id=\"testid\"\n      :class=\"[\n        stayOpenedClass,\n        { active: isActive, 'bg-primary-base': isActivePage && !isActive },\n      ]\"\n      @click=\"\n        () => {\n          if (!isTouch) {\n            to ? $router.push(to) : $emit('click');\n          }\n        }\n      \"\n      @mouseenter=\"\n        () => {\n          if (!isTouch) setIsActive(true);\n        }\n      \"\n      @touchend=\"onTouchClick\"\n    >\n      <div\n        :class=\"[\n          'flex justify-center gap-2 place-items-center activeItem font-deco-alt select-none',\n          'w-[36px] h-[36px] rounded-full text-xl',\n          'touch:md:rounded-none text-xl touch:md:w-fit touch:md:h-[71px] touch:md:text-lg touch:md:px-sm',\n          'lg:rounded-none lg:w-fit lg:h-[72px] lg:text-lg lg:px-sm',\n        ]\"\n      >\n        <FaIcon\n          v-if=\"icon\"\n          :icon-class=\"icon\"\n          class=\"text-[20px]\"\n          :class=\"{ 'text-white': isActivePage && !isActive }\"\n        />\n        <span\n          v-if=\"isDesktopview\"\n          class=\"whitespace-nowrap\"\n          :data-test-id=\"`${testid}Span`\"\n          :class=\"{ 'text-white': isActivePage && !isActive }\"\n        >\n          <slot :is-active=\"isActive\" />\n        </span>\n        <div\n          v-if=\"notifications !== null\"\n          class=\"hidden touch:md:block lg:block touch:md:w-[7px] lg:w-[7px]\"\n        />\n      </div>\n      <div\n        v-if=\"notifications !== null\"\n        class=\"relative h-[36px] w-0 touch:mg:w-0 lg:w-0\"\n      >\n        <div\n          class=\"select-none w-[16px] h-[16px] bg-status-warn-base font-deco-alt text-[12px] pr-[1px] rounded-full flex justify-center font-bold items-center absolute top-0 -right-2xs touch:md:right-sm lg:right-sm\"\n          :class=\"notifications > 99 ? '!w-[28px] lg:!right-[5px]' : undefined\"\n        >\n          {{ notifications > 99 ? '99+' : notifications }}\n        </div>\n      </div>\n    </button>\n  </div>\n  <Teleport to=\"body\">\n    <div\n      v-show=\"isActive && notifactionState && mobileNotificationName\"\n      class=\"fixed top-0 sm:hidden h-[72px] bg-white flex flex-row items-center px-md flex-nowrap w-full left-0 z-[512]\"\n    >\n      <div class=\"text-lg font-bold font-deco-alt\">\n        {{ mobileNotificationName ?? '' }}\n      </div>\n      <div class=\"ml-auto cursor-pointer\" @click=\"setIsActive(false)\">\n        <FaIcon\n          icon-class=\"fas fa-xmark\"\n          class=\"text-xl text-grey-base\"\n        ></FaIcon>\n      </div>\n    </div>\n    <div\n      v-show=\"isActive && notifactionState && mobileNotificationName\"\n      class=\"fixed top-0 left-0 sm:hidden h-full w-full bg-black !z-[511] opacity-60\"\n      @click=\"setIsActive(false)\"\n    ></div>\n    <div\n      v-if=\"isActive && showOverlay\"\n      :style=\"{ top: top + 'px' }\"\n      class=\"bottom-0 left-0 bg-black overlayRight opacity-20 z-[999] h-[100vh] sm:h-[calc(100vh-72px)] fixed\"\n      @mousemove=\"notifactionState ? () => {} : setIsActive(false)\"\n      @click=\"setIsActive(false)\"\n    ></div>\n    <div\n      v-show=\"isActive\"\n      :style=\"{\n        left: isMobileScreen ? undefined : left + 'px',\n        top: top + 'px',\n        right: isMobileScreen ? 'var(--scrollbar-width, 0px)' : 'none',\n      }\"\n      :class=\"[stayOpenedClass]\"\n      class=\"w-[calc(100%-var(--scrollbar-width,0px))] hotlink-width hotlink-height shadow-lg shadow-gray-base fixed top-[72px] pb-[15px] rounded-b-alt-lg z-[998] bg-white border-t-8 border-activesection-alpha\"\n      @mousemove=\"() => (!contentHovered ? (contentHovered = true) : () => {})\"\n    >\n      <slot name=\"dropdown\" :close-cb=\"() => setIsActive(false)\" />\n    </div>\n  </Teleport>\n</template>\n<script setup lang=\"ts\">\nimport FaIcon from '@/components/fa-icon.vue';\nimport { useHotlink, HotlinkWidth, HotlinkHeight } from './useHotlink';\nimport { UseStateKeys } from '@/useStateKeys';\n\nconst props = defineProps({\n  to: {\n    type: String,\n    required: false,\n    default: null,\n  },\n  ident: {\n    type: String,\n    required: true,\n  },\n  icon: {\n    type: String,\n    required: true,\n    default: null,\n  },\n  notifications: {\n    type: Number,\n    required: false,\n    default: null,\n  },\n  isActivePage: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  width: {\n    type: Number as PropType<HotlinkWidth>,\n    required: false,\n    default: HotlinkWidth.default,\n  },\n  height: {\n    type: String as PropType<HotlinkHeight>,\n    required: false,\n    default: HotlinkHeight.default,\n  },\n  notificationKey: {\n    type: String as PropType<\n      | UseStateKeys.HOTLINK_BASKET_NOTIFICATION\n      | UseStateKeys.HOTLINK_MYPRODUCTS_NOTIFICATION\n      | UseStateKeys.HOTLINK_NO_NOTIFICATION\n    >,\n    required: false,\n    default: UseStateKeys.HOTLINK_NO_NOTIFICATION,\n  },\n  mobileNotificationName: {\n    type: String,\n    required: false,\n    default: null,\n  },\n  showOverlay: {\n    type: Boolean,\n    required: false,\n    default: true,\n  },\n  touchLinkOnly: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  activeMobileHoverIdent: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  testid: {\n    type: String,\n    required: false,\n    default: '',\n  },\n});\n\nconst emit = defineEmits<{\n  (event: 'click'): void;\n  (event: 'set-active-hover', value: string): void;\n}>();\n\nconst {\n  stayOpenedClass,\n  isActive,\n  element,\n  left,\n  top,\n  setIsActive,\n  calculatePosition,\n  size,\n  notifactionState,\n  isDesktopview,\n  isMobileScreen,\n  isTouch,\n  contentHovered,\n} = useHotlink(\n  props.ident,\n  props.width,\n  props.height,\n  props.notificationKey,\n  props.showOverlay,\n);\n\nconst isMobileHover = computed(\n  () => props.ident == props.activeMobileHoverIdent,\n);\n\nonMounted(() => {\n  calculatePosition();\n  window.addEventListener('scroll', onScroll);\n});\n\nonBeforeUnmount(() => {\n  window.removeEventListener('scroll', onScroll);\n});\n\nfunction onScroll() {\n  calculatePosition();\n}\n\nwatch(notifactionState, (nv) => {\n  setIsActive(nv, true);\n  if (isMobileScreen?.value) usePreventBodyScroll(nv);\n});\n\nwatch(isMobileHover, (nv) => {\n  if (!nv) setIsActive(false, false);\n});\n\nwatch(\n  () => props.notifications,\n  () => {\n    nextTick(() => calculatePosition());\n  },\n);\n\nfunction onTouchClick(e: TouchEvent) {\n  e.preventDefault();\n\n  if (props.touchLinkOnly) {\n    props.to ? useRouter().push(props.to) : emit('click');\n  } else {\n    if (isActive.value) {\n      props.to ? useRouter().push(props.to) : emit('click');\n      setIsActive(false);\n    } else {\n      setIsActive(true);\n    }\n  }\n  emit('set-active-hover', props.ident);\n}\n</script>\n\n<style scoped lang=\"postcss\">\n.activeTrigger.active,\n.activeTrigger:hover {\n  .activeItem {\n    @apply bg-primary-lightest;\n  }\n}\n.activeTrigger:active {\n  .activeItem {\n    @apply bg-primary-base text-white;\n\n    :global(.js-styled-my img) {\n      @apply opacity-40;\n    }\n  }\n}\n\n.overlayRight {\n  right: var(--scrollbar-width, 0px);\n}\n\n.hotlink-width {\n  @apply sm:w-[v-bind(size.width)];\n}\n\n.hotlink-height {\n  @apply sm:h-[v-bind(size.height)];\n}\n</style>\n","<template>\n  <LoginStatus @click=\"$emit('close')\">\n    <div\n      v-if=\"userContext.initialized\"\n      class=\"flex flex-row px-md gap-sm my-sm py-[9px]\"\n    >\n      <UserIcon :size=\"24\" />\n      <div class=\"w-full pr-md\">\n        <p class=\"overflow-hidden whitespace-nowrap overflow-ellipsis\">\n          {{ t('user.loginStatus.salutation') }}\n          {{ userContext.userData?.name1 }}\n        </p>\n      </div>\n    </div>\n  </LoginStatus>\n\n  <div class=\"bg-border-light h-[1px] mx-md mb-sm\"></div>\n  <NuxtLink\n    class=\"item noIcon\"\n    to=\"/account\"\n    :class=\"{ active: $route.path === '/account' }\"\n    @click=\"$emit('close')\"\n    >{{ t('header.links.overview') }}</NuxtLink\n  >\n  <NuxtLink\n    class=\"item noIcon\"\n    to=\"/account/orders\"\n    :class=\"{ active: $route.path === '/account/orders' }\"\n    data-test-id=\"headerLinkOrders\"\n    @click=\"$emit('close')\"\n    >{{ t('header.links.orders') }}</NuxtLink\n  >\n  <NuxtLink\n    class=\"item noIcon\"\n    to=\"/account/returns\"\n    :class=\"{ active: $route.path === '/account/returns' }\"\n    data-test-id=\"headerLinkReturns\"\n    @click=\"$emit('close')\"\n    >{{ t('header.links.sendback') }}</NuxtLink\n  >\n  <NuxtLink\n    class=\"item noIcon\"\n    to=\"/account/profile\"\n    :class=\"{ active: $route.path === '/account/profile' }\"\n    data-test-id=\"headerLinksProfile\"\n    @click=\"$emit('close')\"\n    >{{ t('header.links.account') }}</NuxtLink\n  >\n\n  <div\n    v-if=\"session.isLoggedIn\"\n    class=\"bg-border-light h-[1px] mx-md my-sm\"\n  ></div>\n  <div v-if=\"session.isLoggedIn\">\n    <div\n      data-test-id=\"MyPraxisLogoutButten\"\n      class=\"item gap-[13px]\"\n      @click=\"session.logout()\"\n    >\n      <span class=\"text-border-dark\">\n        <FaIcon icon-class=\"far arrow-right-from-bracket\" />\n      </span>\n      <span>\n        <span>{{ t('user.loginStatus.logout') }}</span>\n      </span>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { LoginStatus } from '@/complib';\nimport UserIcon from '~/components/user/userIcon/userIcon.vue';\nimport { useUserContext } from '~/stores/useUserContext';\nimport FaIcon from '@/components/fa-icon.vue';\nimport { useSessionStore } from '~/stores/useSessionStore';\n\ndefineEmits<{\n  (e: 'close'): void;\n}>();\n\nconst { t } = useTrans();\nconst userContext = useUserContext();\nconst session = useSessionStore();\n</script>\n<style scoped lang=\"postcss\">\n.item {\n  @apply flex flex-row cursor-pointer flex-nowrap font-deco-alt text-alt-lg py-xs px-md hover:bg-primary-lightest hover:text-text-base;\n\n  &.noIcon {\n    @apply pl-[63px];\n  }\n\n  &.active {\n    @apply bg-primary-base text-white;\n  }\n}\n</style>\n","<template>\n  <div class=\"mt-[20px]\">\n    <NuxtLink\n      class=\"item\"\n      to=\"/productlists/viewed-products\"\n      :class=\"{ active: $route.path === '/productlists/viewed-products' }\"\n      data-test-id=\"headerLinkViewedProducts\"\n      @click=\"$emit('close')\"\n      >{{ t('header.links.lastSeen') }}</NuxtLink\n    >\n    <NuxtLink\n      class=\"item\"\n      to=\"/productlists/ordered-products\"\n      :class=\"{ active: $route.path === '/productlists/ordered-products' }\"\n      data-test-id=\"headerLinkOrderdProducts\"\n      @click=\"$emit('close')\"\n      >{{ t('header.links.alreadyBought') }}</NuxtLink\n    >\n    <NuxtLink\n      class=\"item\"\n      to=\"/productlists/order-alarm\"\n      :class=\"{ active: $route.path === '/productlists/order-alarm' }\"\n      data-test-id=\"headerLinkOrderAlarm\"\n      @click=\"$emit('close')\"\n      >{{ t('header.links.orderAlarm') }}</NuxtLink\n    >\n    <NuxtLink\n      class=\"item\"\n      to=\"/productlists/auto-delivery\"\n      :class=\"{ active: $route.path === '/productlists/auto-delivery' }\"\n      data-test-id=\"headerLinkAutoDelivery\"\n      @click=\"$emit('close')\"\n      >{{ t('header.links.productAbo') }}</NuxtLink\n    >\n\n    <div class=\"bg-border-light h-[1px] mx-md my-sm\"></div>\n    <p class=\"font-bold text-alt-xl font-deco-alt py-xs px-md\">\n      {{ t('header.links.favoritelist') }}\n    </p>\n    <NuxtLink\n      class=\"item\"\n      to=\"/productlists/favorites\"\n      :class=\"{ active: $route.path === '/productlists/favorites' }\"\n      data-test-id=\"headerLinkFavorites\"\n      @click=\"$emit('close')\"\n      >{{ t('header.links.myFavorites') }}</NuxtLink\n    >\n    <NuxtLink\n      v-for=\"(item, index) of computedFavNavItems\"\n      :key=\"index\"\n      :to=\"item.link\"\n      class=\"item\"\n      :class=\"{ active: $route.path === item.link }\"\n      @click=\"$emit('close')\"\n    >\n      {{ t(item.title) }}\n    </NuxtLink>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { useFavLists } from '~/stores/useFavLists';\nimport { transformStringForUrl } from '~/helpers/shop';\nimport { useSessionStore } from '~/stores/useSessionStore';\n\ndefineEmits<{\n  (e: 'close'): void;\n}>();\n\nconst { t } = useTrans();\nconst session = useSessionStore();\nconst favListStore = useFavLists();\n\ntype MyProductsNavType = {\n  id: string;\n  title: string;\n  link: string;\n  updatedAt: string;\n};\n\nif (session.isLoggedIn) {\n  await favListStore.loadLists();\n}\n\nconst computedFavNavItems = computed(() => {\n  const favListHotlinkItems: MyProductsNavType[] = [];\n  favListStore.favoriteLists.forEach((list) =>\n    favListHotlinkItems.push({\n      id: list.id,\n      title: list.name,\n      link: '/productlists/favorites/' + transformStringForUrl(list.id),\n      updatedAt: list.updatedAt || list.createdAt,\n    }),\n  );\n\n  return favListHotlinkItems\n    .sort(\n      (a, b) =>\n        new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime(),\n    )\n    .splice(0, 3);\n});\n</script>\n<style scoped lang=\"postcss\">\n.item {\n  @apply flex flex-row cursor-pointer font-deco-alt flex-nowrap text-alt-lg py-xs px-md hover:bg-primary-lightest hover:text-text-base;\n\n  &.active {\n    @apply bg-primary-base text-white;\n  }\n}\n</style>\n","<template>\n  <NuxtLink :disabled=\"disabled\" to=\"/checkout/basket\">\n    <button\n      title=\"Shopping-Cart\"\n      class=\"cartBtn custom-button\"\n      @click=\"emit('click')\"\n    >\n      {{ t('shop.cart.general.basketLink') }}\n    </button>\n  </NuxtLink>\n</template>\n\n<script setup lang=\"ts\">\ndefineProps({\n  disabled: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n});\n\nconst { t } = useTrans();\nconst emit = defineEmits(['click']);\n</script>\n<style lang=\"postcss\" scoped>\n.cartBtn {\n  @apply flex items-center place-content-center rounded-btn font-bold border-[2px] !py-[4px] border-btn-cta-base bg-white cursor-pointer w-full text-center text-btn-cta-base;\n}\n</style>\n","<template>\n  <div>\n    <div class=\"flex flex-row items-center\">\n      <div class=\"flex flex-col items-left\">\n        <div class=\"font-bold text-md leading-[1rem]\">\n          {{ t('shop.cart.costSummary.subTotal') }}\n        </div>\n        <VatShippingHint\n          keypath=\"shop.cart.costSummary.excludingVATAndShipping\"\n          tag=\"div\"\n          classes=\"text-sm text-border-dark\"\n        />\n      </div>\n      <div class=\"ml-auto font-bold text-alt-3xl font-deco-alt leading-0\">\n        {{\n          n(\n            (cart.price?.subtotal ?? 0) + (cart.voucher?.price?.unitPrice ?? 0),\n            'currency',\n          )\n        }}\n      </div>\n    </div>\n    <div class=\"flex flex-col mt-md flex-nowrap gap-y-sm\">\n      <CheckoutButton\n        testid=\"toCartButton\"\n        @click=\"$emit('linkClick')\"\n      ></CheckoutButton>\n      <ToCartButton\n        :label=\"t('shop.cart.general.basketLink')\"\n        @click=\"$emit('linkClick')\"\n      ></ToCartButton>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { useCartStore } from '~/stores/useCart';\nimport { storeToRefs } from 'pinia';\nimport CheckoutButton from '@/components/shop/checkout/checkoutButton.vue';\nimport ToCartButton from './toCartButton.vue';\nimport VatShippingHint from '@/components/shop/atoms/vatShippingHint.vue';\n\nconst { cart } = storeToRefs(useCartStore());\nconst { n, t } = useTrans();\n\ndefineEmits(['linkClick']);\n</script>\n","<template>\n  <div\n    v-if=\"hasItemWithCampaign\"\n    class=\"flex flex-row bg-primary-lightest rounded-alt-lg\"\n  >\n    <MiniBadge class=\"ml-sm\" />\n\n    <div class=\"px-sm py-xs\">\n      {{ t('shop.cart.general.campaignText') }}\n      <div\n        class=\"flex flex-row gap-2 cursor-pointer place-items-center text-primary-base mt-xs\"\n        @click=\"$router.push('/checkout/basket')\"\n      >\n        <span class=\"anim__underline-link anim-link\">\n          {{ t('shop.cart.general.toCart') }}\n        </span>\n        <Icon icon-class=\"fas fa-chevron-right\" />\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { Icon } from '@/complib';\nimport MiniBadge from '~/components/page/product/components/campaignBadge/miniCampaignBadge.vue';\nimport type { LineItem } from '~/server/transformers/shop/lineItemTransformer';\n\nconst props = defineProps({\n  lineItems: {\n    type: Array as PropType<LineItem[]>,\n    required: true,\n  },\n});\n\nconst { t } = useTrans();\n\nconst hasItemWithCampaign = computed(() => {\n  return props.lineItems?.some(\n    (item) =>\n      item.product?.campaignBadges.length &&\n      item.product?.campaignBadges.some((badge) => badge.isBuyable),\n  );\n});\n</script>\n","<template>\n  <div class=\"flex flex-col h-full\">\n    <div\n      v-show=\"isNotification\"\n      class=\"relative flex w-full text-center sm:text-left h-xl bg-status-success-lighter px-md\"\n    >\n      <span class=\"mx-auto my-auto sm:mx-0\">{{\n        t('shop.cart.general.articleAddSuccess')\n      }}</span>\n      <div\n        class=\"hidden -translate-y-1/2 cursor-pointer sm:absolute sm:flex top-1/2 right-sm\"\n        @click=\"$emit('close')\"\n      >\n        <FAIcon\n          icon-class=\"fas fa-xmark\"\n          class=\"text-xl text-grey-base\"\n        ></FAIcon>\n      </div>\n    </div>\n    <div v-if=\"cartItemAmount > 0\" class=\"h-full overflow-auto px-md\">\n      <div class=\"flex flex-col\">\n        <div class=\"sticky top-0 bg-white z-[12] pt-md pb-sm -mx-md px-md\">\n          <OrderSummary @link-click=\"$emit('close')\" />\n        </div>\n        <div class=\"flex-col hidden sm:flex flex-nowrap gap-sm pb-md\">\n          <div\n            class=\"w-full h-0 border-solid border-grey-base border-b-[1px] mt-sm\"\n          ></div>\n          <div class=\"mt-sm font-bold font-deco text-[22px]\">\n            {{ cartItemAmount }}\n            {{ t('shop.cart.general.article') }}\n          </div>\n          <HasItemWithCampaign :line-items=\"cart.items\" />\n          <LineItems\n            :line-items=\"cart.items\"\n            :variant=\"LineItemVariant.miniBasket\"\n            :voucher=\"cart.voucher\"\n            @click=\"$emit('close')\"\n          />\n        </div>\n      </div>\n    </div>\n    <div v-else class=\"h-full px-md py-md\">\n      <EmptyBasket class=\"!w-full\" :alt-layout=\"true\" />\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { useCartStore } from '~/stores/useCart';\nimport { storeToRefs } from 'pinia';\nimport { UseStateKeys } from '@/useStateKeys';\nimport OrderSummary from './orderSummary.vue';\nimport FAIcon from '@/components/fa-icon.vue';\nimport EmptyBasket from '@/components/shop/shoppingcart/emptyBasket/emptyBasket.vue';\nimport { LineItemType } from '~/@types/lineItemType';\nimport LineItems from '~/components/page/components/lineItems/lineItems.vue';\nimport { LineItemVariant } from '~/components/page/components/lineItems/types';\nimport HasItemWithCampaign from './hasItemWithCampaign.vue';\n\nconst { t } = useTrans();\nconst { cart, loadCart } = useCartStore();\nconst { cartItemAmount } = storeToRefs(useCartStore());\nconst isNotification = useState(UseStateKeys.HOTLINK_BASKET_NOTIFICATION);\n\ndefineEmits(['close']);\n\nonMounted(async () => {\n  await loadCart();\n});\n\nLineItemType;\n</script>\n","<template>\n  <div\n    v-if=\"isActive\"\n    class=\"absolute top-0 left-0 w-full bg-black opacity-20 z-[600] mt-[71px] h-screen\"\n  />\n  <div\n    ref=\"searchbar\"\n    class=\"w-full max-w-[690px] px-2xs md:px-md min-w-[245px] hidden md:block py-sm relative\"\n    :class=\"{\n      'bg-primary-lighter': isActive,\n    }\"\n  >\n    <label\n      class=\"box-border w-full leading-[22px] py-xs pl-md pr-[22px] rounded-full flex flex-row gap-xs font-deco-alt text-lg text-text-light\"\n      :class=\"[isActive ? 'bg-white' : 'bg-white md:bg-background-base']\"\n    >\n      <input\n        v-model=\"search\"\n        class=\"w-full p-0 border-none overflow-elipsis focus:ring-transparent\"\n        :class=\"[isActive ? 'bg-white' : 'bg-white md:bg-background-base']\"\n        :placeholder=\"!isActive ? t('header.search.placeholder') : ''\"\n        data-test-id=\"productSearchTextBox\"\n        @input=\"\n          (event: any) => (search = (event.target as HTMLInputElement).value)\n        \"\n        @click=\"openHistory\"\n        @keyup.enter=\"\n          () => {\n            if (search) {\n              closeHistory();\n              addSearchQueryToSearchHistory(search);\n            }\n          }\n        \"\n      />\n      <div\n        v-if=\"search\"\n        class=\"relative cursor-pointer text-grey-dark seperator pr-xs\"\n        @click=\"clear\"\n      >\n        <FaIcon icon-class=\"far xmark\" />\n      </div>\n      <div class=\"cursor-pointer text-grey-dark\">\n        <FaIcon\n          icon-class=\"far magnifying-glass\"\n          class=\"text-xl text-text-light\"\n          data-test-id=\"productSearchIcon\"\n          @click.prevent=\"\n            () => {\n              if (search) {\n                closeHistory();\n                addSearchQueryToSearchHistory(search);\n              }\n            }\n          \"\n        />\n      </div>\n    </label>\n    <div v-if=\"isActive\" class=\"absolute w-full top-[72px] left-0 z-[610]\">\n      <div class=\"w-full h-2 bg-primary-light\" />\n      <!--div class=\"h-4xl bg-background-base\">campaigns here</div-->\n      <div class=\"bg-white rounded-b-alt-lg pb-md\">\n        <PopularSearchqueries\n          v-if=\"\n            (searchHistory.length === 0 && search.length < 2) ||\n            (resultHasNoSuggestions && search.length >= 2)\n          \"\n          @close-history=\"closeHistory\"\n          @update-input=\"(value) => updateSearch(value)\"\n        />\n        <LastSearchqueries\n          v-else-if=\"\n            (searchHistory.length > 0 && search.length < 2) ||\n            (resultHasNoSuggestions && !search)\n          \"\n          @close-history=\"closeHistory\"\n          @update-input=\"(value) => updateSearch(value)\"\n        />\n        <div v-else-if=\"search?.length >= 2 && !resultHasNoSuggestions\">\n          <SearchSuggestions\n            v-if=\"suggestionResult\"\n            :suggestion-result=\"suggestionResult\"\n            :search-input=\"search\"\n            @update-input=\"updateSearch(search)\"\n            @close-suggestions=\"closeHistory()\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport FaIcon from '@/components/fa-icon.vue';\nimport LastSearchqueries from './lastSearchqueries.vue';\nimport PopularSearchqueries from './popularSearchqueries.vue';\nimport { useSearchbar } from './useSearchbar';\nimport SearchSuggestions from './searchSuggestions.vue';\n\nconst { t } = useTrans();\n\nconst search = ref('');\nconst searchbar = ref();\nconst isActive = ref(false);\nconst suggestionResult = ref();\n\nconst resultHasNoSuggestions = computed(\n  () =>\n    suggestionResult.value === undefined ||\n    (suggestionResult?.value?.products?.length === 0 &&\n      suggestionResult?.value?.suggestions?.length === 0),\n);\n\nwatch(\n  () => useRoute().path,\n  () => {\n    const route = useRoute();\n    if (route.path.startsWith('/shop/search') && route.params.slug?.length) {\n      search.value = decodeURIComponent(route.params.slug[0]);\n    } else {\n      clear();\n    }\n  },\n);\n\nwatch(\n  () => search.value,\n  async (newValue) => {\n    if (newValue.length >= 2) {\n      debounceSearch(newValue);\n    }\n    //reset the suggestionResult to show the right flyout\n    if (newValue.length <= 1) {\n      suggestionResult.value = undefined;\n    }\n  },\n);\n\nconst { addSearchQueryToSearchHistory, searchSuggestions, searchHistory } =\n  useSearchbar();\n\nconst debounceSearch = useDebounceFn(async (searchInput: string) => {\n  if (search.value.length < 2) return;\n  suggestionResult.value = await searchSuggestions(searchInput);\n}, 500);\n\nfunction clear() {\n  search.value = '';\n  suggestionResult.value = undefined;\n}\n\nfunction openHistory() {\n  isActive.value = true;\n}\n\nfunction closeHistory() {\n  isActive.value = false;\n}\n\nfunction updateSearch(input: string) {\n  search.value = input;\n  addSearchQueryToSearchHistory(search.value);\n  closeHistory();\n}\n</script>\n<style scoped lang=\"postcss\">\n.seperator::after {\n  content: '';\n  position: absolute;\n  height: 100%;\n  width: 0px;\n  border: 1px solid;\n  border-color: var(--thm-border-light);\n  right: 0;\n}\n</style>\n","<template>\n  <ContainerBasic\n    :container-type=\"EContainerType.SHOP_CONTENT\"\n    :class=\"{\n      [navStore.layoutBGColor]: navStore.layoutBGColor,\n    }\"\n  >\n    <BannerPosition :position=\"BannerPositions.FOOTER\" classes=\"mb-xl\" />\n  </ContainerBasic>\n</template>\n<script setup lang=\"ts\">\nimport BannerPosition from '~/components/banner/bannerPosition.vue';\nimport { BannerPositions } from '~/@types/bannerPositions';\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport { EContainerType } from '~/@types/container-type';\nimport { useNav } from '~/stores/useNav';\n\nconst navStore = useNav();\n</script>\n","export enum EContactView {\n  CONTACT = 'contact',\n  ERROR = 'error',\n  BANNER = 'banner',\n}\n"],"file":"_nuxt/DIY_Neun.js"}