{"version":3,"file":"toFX4eUH.js","sources":["../../../../src/components/page/productlists/components/productlistsNav/productlistsSideNav.vue"],"sourcesContent":["<template>\n  <template v-if=\"!isMobileScreen\">\n    <div class=\"flex-col hidden md:flex pr-md\">\n      <div class=\"flex flex-col w-full font-deco-alt mb-xs\">\n        <NuxtLink\n          :to=\"'/productlists'\"\n          class=\"pl-md flex flex-row items-center hover:text-primary-base text-alt-xl font-bold leading-xs min-h-[36px]\"\n        >\n          {{ t('shop.myProducts.nav.title') }}\n        </NuxtLink>\n        <div class=\"border-border-light border-b-1 pb-xs\"></div>\n      </div>\n\n      <NuxtLink\n        v-for=\"(item, index) of navItems\"\n        :key=\"index\"\n        :to=\"item.link\"\n        class=\"flex flex-row items-center w-full text-alt-lg pl-md py-xs hover:bg-primary-lightest hover:text-text-base leading-xs font-deco-alt\"\n        :class=\"{\n          'bg-primary-base text-white':\n            navStore.mainNav.activeItem.id === item.id,\n        }\"\n      >\n        {{ t(item.title) }}\n      </NuxtLink>\n\n      <!--individual favorite Lists-->\n      <div class=\"font-deco-alt\">\n        <hr class=\"w-full h-2 border-t-2 my-xs\" />\n        <p class=\"text-alt-xl font-bold pl-md min-h-[36px]\">\n          {{ t('product.favorites-list') }}\n        </p>\n        <p\n          v-if=\"session.isLoggedIn\"\n          class=\"font-text pl-md text-primary-base min-h-[36px] cursor-pointer\"\n          @click=\"\n            () => {\n              if (session.isLoggedIn)\n                dialogStore.openDialog(DialogIdent.NEW_EDIT_FAVORITE_LIST);\n            }\n          \"\n        >\n          <FaIcon icon-class=\"far fa-plus\" />\n          {{ t('myProducts.sideNav.addNewList') }}\n        </p>\n\n        <NuxtLink\n          v-for=\"(item, index) of computedFavNavItems\"\n          :key=\"index\"\n          :to=\"item.link\"\n          class=\"flex flex-row items-center w-full text-alt-lg pl-md py-xs hover:bg-primary-lightest hover:text-text-base leading-xs\"\n          :class=\"{\n            'bg-primary-base text-white':\n              useRouter().currentRoute?.value.path === item.link,\n          }\"\n        >\n          {{ t(item.title) }}\n        </NuxtLink>\n      </div>\n      <div id=\"favListFilterRoot\"></div>\n    </div>\n  </template>\n  <template v-else-if=\"isMobileScreen\">\n    <NuxtLink to=\"/shop\" class=\"font-deco-alt\">\n      {{ t('shop.myProducts.mobileSideNav.shop') }}\n      <span class=\"pr-2xs\">\n        <FaIcon icon-class=\"fal fa-arrow-right\" />\n      </span>\n    </NuxtLink>\n    <NuxtLink to=\"/productlists\" class=\"font-deco-alt\">\n      {{ t('navigation.myProducts.myProducts') }}\n      <span class=\"pr-2xs\">\n        <FaIcon icon-class=\"fal fa-arrow-right\" />\n      </span>\n    </NuxtLink>\n    <NuxtLink\n      v-for=\"(favList, index) of computedMobileNav\"\n      v-show=\"useRouter().currentRoute.value.path === favList.link\"\n      :key=\"index\"\n      :to=\"favList.link\"\n      class=\"font-deco-alt\"\n    >\n      <span\n        :class=\"{\n          'text-primary-base':\n            useRouter().currentRoute.value.path === favList.link,\n        }\"\n      >\n        {{ t(favList.title) }}\n      </span>\n    </NuxtLink>\n  </template>\n</template>\n<script setup lang=\"ts\">\nimport { useNav } from '~/stores/useNav';\nimport { MyProductIds } from '@/@types/navigationIds';\nimport FaIcon from '@/components/fa-icon.vue';\nimport { mq_breakpointIsMobile } from '@/injectionSymbols';\nimport { useFavLists } from '~/stores/useFavLists';\nimport { useDialogStore, DialogIdent } from '~/stores/useDialogStore';\nimport { transformStringForUrl } from '~/helpers/shop';\nimport type { MyProductsNavType } from './useProductlistsSideNav';\nimport { useSessionStore } from '~/stores/useSessionStore';\n\nconst isMobileScreen = inject(mq_breakpointIsMobile);\n\nconst { t } = useTrans();\nconst navStore = useNav();\nconst session = useSessionStore();\nconst favListStore = useFavLists();\nconst dialogStore = useDialogStore();\n\nconst navItems: MyProductsNavType[] = [\n  {\n    id: MyProductIds.VIEWED_PRODUCTS,\n    title: 'shop.myProducts.nav.lastViewed',\n    link: '/productlists/viewed-products',\n  },\n  {\n    id: MyProductIds.ORDERED_PRODUCTS,\n    title: 'shop.myProducts.nav.alreadyPurchased',\n    link: '/productlists/ordered-products',\n  },\n  {\n    id: MyProductIds.ORDER_ALARM,\n    title: 'shop.orderAlarm.general.title',\n    link: '/productlists/order-alarm',\n  },\n  {\n    id: MyProductIds.AUTO_DELIVERY,\n    title: 'shop.myProducts.nav.productSub',\n    link: '/productlists/auto-delivery',\n  },\n];\n\nconst computedFavNavItems = computed(() => {\n  const favListNavItems: MyProductsNavType[] =\n    favListStore.myFavoriteList ||\n    !session.isLoggedIn ||\n    favListStore.favoriteLists.length == 0\n      ? [\n          {\n            id: MyProductIds.FAV_LISTS,\n            title: t(\n              favListStore.myFavoriteList?.name ?? 'header.links.myFavorites',\n            ),\n            link: '/productlists/favorites',\n          },\n        ]\n      : [];\n\n  if (session.isLoggedIn) {\n    favListStore.favoriteLists.map((list) => {\n      favListNavItems.push({\n        id: list.id,\n        title: t(list.name),\n        link: '/productlists/favorites/' + transformStringForUrl(list.id),\n      });\n    });\n  }\n  return favListNavItems;\n});\n\nconst computedMobileNav = computed(() => {\n  const mobileNavItems = navItems;\n  computedFavNavItems.value.forEach((item) => {\n    const findNavItem = mobileNavItems.find((mItem) => mItem.id === item.id);\n    if (findNavItem) return;\n    mobileNavItems.push(item);\n  });\n  return mobileNavItems;\n});\n</script>\n"],"names":["isMobileScreen","inject","mq_breakpointIsMobile","t","useTrans","navStore","useNav","session","useSessionStore","favListStore","useFavLists","dialogStore","useDialogStore","navItems","MyProductIds","computedFavNavItems","computed","favListNavItems","_a","list","transformStringForUrl","computedMobileNav","mobileNavItems","item","mItem"],"mappings":"0yBAwGM,MAAAA,EAAiBC,EAAOC,CAAqB,EAE7C,CAAE,EAAAC,GAAMC,IACRC,EAAWC,IACXC,EAAUC,IACVC,EAAeC,IACfC,EAAcC,IAEdC,EAAgC,CACpC,CACE,GAAIC,EAAa,gBACjB,MAAO,iCACP,KAAM,+BACR,EACA,CACE,GAAIA,EAAa,iBACjB,MAAO,uCACP,KAAM,gCACR,EACA,CACE,GAAIA,EAAa,YACjB,MAAO,gCACP,KAAM,2BACR,EACA,CACE,GAAIA,EAAa,cACjB,MAAO,iCACP,KAAM,6BACR,CAAA,EAGIC,EAAsBC,EAAS,IAAM,OACnC,MAAAC,EACJR,EAAa,gBACb,CAACF,EAAQ,YACTE,EAAa,cAAc,QAAU,EACjC,CACE,CACE,GAAIK,EAAa,UACjB,MAAOX,IACLe,EAAAT,EAAa,iBAAb,YAAAS,EAA6B,OAAQ,0BACvC,EACA,KAAM,yBACR,GAEF,GAEN,OAAIX,EAAQ,YACGE,EAAA,cAAc,IAAKU,GAAS,CACvCF,EAAgB,KAAK,CACnB,GAAIE,EAAK,GACT,MAAOhB,EAAEgB,EAAK,IAAI,EAClB,KAAM,2BAA6BC,EAAsBD,EAAK,EAAE,CAAA,CACjE,CAAA,CACF,EAEIF,CAAA,CACR,EAEKI,EAAoBL,EAAS,IAAM,CACvC,MAAMM,EAAiBT,EACH,OAAAE,EAAA,MAAM,QAASQ,GAAS,CACtBD,EAAe,KAAME,GAAUA,EAAM,KAAOD,EAAK,EAAE,GAEvED,EAAe,KAAKC,CAAI,CAAA,CACzB,EACMD,CAAA,CACR"}