{"version":3,"file":"ex2rzngm.js","sources":["../../../../../common/components/Common/Header/AwCategoryHeader.vue"],"sourcesContent":["<template>\n  <aw-spring :desktop-size=\"10\">\n    <nav\n      v-if=\"isMounted\"\n      :class=\"[$style.categoryHeaderNav, {[$style.categoryHeaderNavHasTooltip]: hasTooltip}]\"\n      :style=\"{overflowX: showTooltip ? '' : 'auto' , '--tab-count': tabCount, '--tablet-tab-count': tabCount-1 }\"\n    >\n      <div>\n        <button\n          aria-hidden=\"true\"\n          tabindex=\"-1\"\n          type=\"button\"\n          :class=\"[$style.tab, $style.tabMain]\"\n          @click=\"$emit('open-online-store-menu')\"\n          v-text=\"$awt('aw.category_header.all_categories_btn')\"\n        />\n        <button\n          tabindex=\"0\"\n          :class=\"['awSrOnly']\"\n          @click=\"$emit('open-online-store-menu-enter')\"\n        >\n          {{ $awt('aw.dh_header.menu_block.menu_btn.text') }}\n        </button>\n      </div>\n      <template v-for=\"(tab, i) in tabCategories\">\n        <component\n          :is=\"openCategory(tab, true).is\"\n          v-if=\"tab.isCategory\"\n          :key=\"`horizontal-menu-items-${tab.id}`\"\n          v-bind=\"openCategory(tab, true).attrs\"\n          :class=\"$style.tab\"\n        >\n          {{ tab.name }}\n        </component>\n        <lv-link\n          v-else-if=\"tab.isFavorite\"\n          :key=\"`horizontal-menu-items-favourite-${i}`\"\n          :to=\"localePath('/shop/profile/saved-baskets')\"\n          :class=\"$style.tab\"\n        >\n          {{ $awt('aw.category_header.favourite') }}\n        </lv-link>\n      </template>\n      <lv-tooltip\n        v-show=\"hasTooltip\"\n        :key=\"`tooltip-secondary-version2`\"\n        v-model:show-tooltip=\"showTooltip\"\n        trigger=\"click\"\n        styling=\"secondary-version2\"\n        :options=\"{\n          placement: 'bottom-end',\n          modifiers: {\n            offset: {\n              offset: '0,10'\n            }\n          }\n        }\"\n      >\n        <template #tooltip>\n          <div data-popover-item-wrapper :class=\"$style.tooltipList\">\n            <component\n              :is=\"openCategory(tab, true).is\"\n              v-for=\"tab in tooltipCategories\"\n              :key=\"`tooltip-menu-items-${tab.id}`\"\n              v-bind=\"openCategory(tab, true).attrs\"\n              data-popover-item\n              :data-popover-item-selected=\"isActiveCategory(tab)\"\n            >\n              {{ tab.name }}\n            </component>\n          </div>\n        </template>\n        <template #reference>\n          <span :class=\"[$style.tab]\" @click=\"showTooltip = !showTooltip\">\n            {{ $awt('aw.category_header.show_more') }}\n          </span>\n        </template>\n      </lv-tooltip>\n    </nav>\n  </aw-spring>\n</template>\n\n<script>\n  import { resolveComponent } from 'vue';\n  import { mapState } from 'pinia';\n  import { useRoute } from 'nuxt/app';\n  import { LvLink, LvIcon, LvGrid, LvButton, LvTooltip } from '~~/common/components/loginet-vue-shop/index.mjs';\n  import urlMixin from '~~/common/mixins/urlMixin';\n\n  import {\n    BOUTIQUE_FLAG_PRODUCTS,\n    BOUTIQUE_SHORTLIST,\n    BOUTIQUE_REDIRECT_URL,\n  } from '~~/common/config/BoutiqueConfig.js';\n  import pageInstanceMixin from '~~/common/mixins/pageInstanceMixin';\n  import AwSpring from '~~/common/components/AwSpring';\n  import { useUserInterfaceStore } from '~~/common/stores/userInterface';\n  import { useCategoryStore } from '~~/common/stores/category';\n  import { useUserStore } from '~~/common/stores/user';\n\n  const TAB_ITEM_COUNT = 4;\n  const TAB_MODE_MIN_SIZE = 'desktop-small-min';\n  export default {\n    name: 'AwCategoryHeader',\n    components: {\n      LvTooltip,\n      AwSpring,\n      LvLink,\n      LvButton,\n      LvIcon,\n      LvGrid,\n    },\n    mixins: [\n      urlMixin,\n      pageInstanceMixin,\n    ],\n    emits: [\n      'open-online-store-menu',\n      'open-online-store-menu-enter',\n    ],\n    data () {\n      return {\n        isMounted: false,\n        allCategoriesHoverId: null,\n        subCategoryOpenedIndex: null,\n        menuScrollTimer: null,\n        showTooltip: false,\n        hyperLinkSettings: {\n          base: (category, directOpen) => ({\n            is: directOpen ? resolveComponent('lv-link') : 'a',\n            attrs: {\n              [directOpen ? 'to' : 'href']: directOpen ? this.getCategoryUrl(category) : 'javascript: void(0)',\n            },\n          }),\n          [BOUTIQUE_FLAG_PRODUCTS]: category => ({\n            is: resolveComponent('lv-link'),\n            attrs: {\n              to: this.getBoutiqueUrl(category),\n            },\n          }),\n          [BOUTIQUE_SHORTLIST]: ({\n            boutiqueContentRef,\n            id,\n          }) => ({\n            is: resolveComponent('lv-link'),\n            attrs: {\n              to: this.getShortlistUrl({\n                identifier: boutiqueContentRef,\n                shType: 'id',\n                boutiqueId: id,\n                categoryId: id,\n              }),\n            },\n          }),\n          [BOUTIQUE_REDIRECT_URL]: ({ boutiqueContentRef }) => {\n            const {\n              isOuter,\n              link,\n            } = this.$urlParts(boutiqueContentRef);\n            return {\n              is: isOuter ? 'a' : resolveComponent('lv-link'),\n              attrs: {\n                [isOuter ? 'href' : 'to']: `${isOuter ? '' : this.localeCodeToUrl}${link}`,\n                target: isOuter ? '_blank' : null,\n              },\n            };\n          },\n        },\n      };\n    },\n    computed: {\n      ...mapState(useUserStore, {\n        isEcomUser: state => state.isEcomUser,\n      }),\n      ...mapState(useUserInterfaceStore, {\n        screenRange: state => state.mediaQueries,\n      }),\n      ...mapState(useCategoryStore, {\n        categories: state => (state.categories?.children || []),\n      }),\n      hasTooltip () {\n        return this.tooltipCategories.length > 0;\n      },\n      filteredCategories () {\n        const categories = this.categories.filter(category => category.boutique).map(category => ({\n          ...category,\n          isCategory: true,\n        }));\n        if (this.isEcomUser && this.isShop) {\n          categories.splice(3, 0, {\n            isFavorite: true,\n          });\n        }\n        return categories;\n      },\n      tabCategories () {\n        return this.screenRange[TAB_MODE_MIN_SIZE] ? this.filteredCategories.slice(0, TAB_ITEM_COUNT) : this.filteredCategories;\n      },\n      tooltipCategories () {\n        return this.screenRange[TAB_MODE_MIN_SIZE] ? this.filteredCategories.slice(TAB_ITEM_COUNT, 100) : [];\n      },\n      tabCount () {\n        if (this.screenRange[TAB_MODE_MIN_SIZE]) {\n          return this.tabCategories.length > TAB_ITEM_COUNT ? TAB_ITEM_COUNT : this.tabCategories.length + 1;\n        } else {\n          return this.tabCategories.length;\n        }\n      },\n    },\n    mounted () {\n      this.isMounted = true;\n    },\n    methods: {\n      isActiveCategory (category) {\n        const route = useRoute();\n        return (category.boutique ? this.getBoutiqueUrl(category) : this.getCategoryUrl(category)) === route.fullPath;\n      },\n      openCategory (category, directOpen) {\n        return this.hyperLinkSettings[category.boutique ? category.boutiqueContentType : 'base'](category, directOpen);\n      },\n    },\n  };\n</script>\n\n<style module lang=\"scss\" rel=\"stylesheet/scss\">\n\n$box-distance: 16px;\n\n.categoryHeaderNav {\n  font-family: $secondary-font;\n  font-size: 14px;\n  font-weight: $font-weight-medium-v2;\n  line-height: 20px;\n  position: relative;\n  z-index: 1;\n\n  display: grid;\n  width: 100%;\n  margin-top: 40px;\n  gap: 16px;\n  grid-template-columns: auto repeat(var(--tab-count, 6), 1fr);\n\n  scrollbar-width: none; /* Firefox */\n\n  @include mobile(max) {\n    //100% + lv-spring right margin\n    width: calc(100% + 16px);\n    margin-top: 20px;\n  }\n\n  @include tablet(min) {\n    grid-template-columns: max-content repeat(var(--tab-count, 6), max-content);\n  }\n\n  @include desktop-small(min) {\n    grid-template-columns: 1fr repeat(var(--tab-count, 6), 1fr);\n  }\n\n  @include desktop-medium(min) {\n    grid-template-columns: repeat(var(--tab-count, 10), 1fr);\n  }\n\n  &HasTooltip {\n    @include desktop-small(min) {\n      grid-template-columns: 1fr repeat(var(--tablet-tab-count, 5), 1fr) auto;\n    }\n    @include desktop-medium(min) {\n      grid-template-columns: repeat(var(--tab-count, 10), 1fr) auto;\n    }\n  }\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  .tab {\n    font-size: 12px;\n\n    font-weight: $font-weight-medium-v2;\n    line-height: 16px;\n    display: block;\n\n    height: 100%;\n    padding: 14px 20px;\n    text-align: center;\n    white-space: nowrap;\n    color: $color-text-primary;\n    border: none;\n    border-radius: 12px;\n    background: $color-white;\n\n    &Main {\n      width: 100%;\n      color: $color-white;\n      background: $color-brand-primary;\n\n      &:hover,\n      &:active,\n      &:focus {\n        background: $color-brand-primary-active;\n      }\n    }\n  }\n}\n\n.tooltip {\n  &List {\n    display: flex;\n    flex-direction: column;\n  }\n}\n</style>\n"],"names":["TAB_ITEM_COUNT","TAB_MODE_MIN_SIZE","_sfc_main","LvTooltip","AwSpring","LvLink","LvButton","LvIcon","LvGrid","urlMixin","pageInstanceMixin","category","directOpen","resolveComponent","BOUTIQUE_FLAG_PRODUCTS","BOUTIQUE_SHORTLIST","boutiqueContentRef","id","BOUTIQUE_REDIRECT_URL","isOuter","link","mapState","useUserStore","state","useUserInterfaceStore","useCategoryStore","_a","categories","route","useRoute","_hoisted_1","_createBlock","_component_aw_spring","_withCtx","$data","_createElementBlock","_normalizeClass","_ctx","$options","_normalizeStyle","_createElementVNode","_toDisplayString","_openBlock","_Fragment","_renderList","tab","i","_resolveDynamicComponent","_mergeProps","_createTextVNode","_component_lv_link","_createCommentVNode","_component_lv_tooltip","_cache","$event"],"mappings":"miBAoGQA,EAAiB,EACjBC,EAAoB,oBACrBC,EAAU,CACb,KAAM,mBACN,WAAY,CACV,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,OAAAC,EACA,OAAAC,CACD,EACD,OAAQ,CACNC,EACAC,CACD,EACD,MAAO,CACL,yBACA,8BACD,EACD,MAAQ,CACN,MAAO,CACL,UAAW,GACX,qBAAsB,KACtB,uBAAwB,KACxB,gBAAiB,KACjB,YAAa,GACb,kBAAmB,CACjB,KAAM,CAACC,EAAUC,KAAgB,CAC/B,GAAIA,EAAaC,EAAiB,SAAS,EAAI,IAC/C,MAAO,CACL,CAACD,EAAa,KAAO,MAAM,EAAGA,EAAa,KAAK,eAAeD,CAAQ,EAAI,qBAC5E,CACH,GACA,CAACG,CAAsB,EAAGH,IAAa,CACrC,GAAIE,EAAiB,SAAS,EAC9B,MAAO,CACL,GAAI,KAAK,eAAeF,CAAQ,CACjC,CACH,GACA,CAACI,CAAkB,EAAG,CAAC,CACrB,mBAAAC,EACA,GAAAC,MACK,CACL,GAAIJ,EAAiB,SAAS,EAC9B,MAAO,CACL,GAAI,KAAK,gBAAgB,CACvB,WAAYG,EACZ,OAAQ,KACR,WAAYC,EACZ,WAAYA,CACd,CAAC,CACF,CACH,GACA,CAACC,CAAqB,EAAG,CAAC,CAAE,mBAAAF,KAAyB,CACnD,KAAM,CACJ,QAAAG,EACA,KAAAC,CACF,EAAI,KAAK,UAAUJ,CAAkB,EACrC,MAAO,CACL,GAAIG,EAAU,IAAMN,EAAiB,SAAS,EAC9C,MAAO,CACL,CAACM,EAAU,OAAS,IAAI,EAAG,GAAGA,EAAU,GAAK,KAAK,eAAe,GAAGC,CAAI,GACxE,OAAQD,EAAU,SAAW,IAC9B,CACF,CACF,CACF,CACF,CACF,EACD,SAAU,CACR,GAAGE,EAASC,EAAc,CACxB,WAAYC,GAASA,EAAM,UAC7B,CAAC,EACD,GAAGF,EAASG,EAAuB,CACjC,YAAaD,GAASA,EAAM,YAC9B,CAAC,EACD,GAAGF,EAASI,EAAkB,CAC5B,WAAYF,GAAU,OAAA,QAAAG,EAAAH,EAAM,aAAN,YAAAG,EAAkB,WAAY,CAAA,EACtD,CAAC,EACD,YAAc,CACZ,OAAO,KAAK,kBAAkB,OAAS,CACxC,EACD,oBAAsB,CACpB,MAAMC,EAAa,KAAK,WAAW,OAAOhB,GAAYA,EAAS,QAAQ,EAAE,IAAIA,IAAa,CACxF,GAAGA,EACH,WAAY,EACd,EAAE,EACF,OAAI,KAAK,YAAc,KAAK,QAC1BgB,EAAW,OAAO,EAAG,EAAG,CACtB,WAAY,EACd,CAAC,EAEIA,CACR,EACD,eAAiB,CACf,OAAO,KAAK,YAAY1B,CAAiB,EAAI,KAAK,mBAAmB,MAAM,EAAGD,CAAc,EAAI,KAAK,kBACtG,EACD,mBAAqB,CACnB,OAAO,KAAK,YAAYC,CAAiB,EAAI,KAAK,mBAAmB,MAAMD,EAAgB,GAAG,EAAI,CAAE,CACrG,EACD,UAAY,CACV,OAAI,KAAK,YAAYC,CAAiB,EAC7B,KAAK,cAAc,OAASD,EAAiBA,EAAiB,KAAK,cAAc,OAAS,EAE1F,KAAK,cAAc,MAE7B,CACF,EACD,SAAW,CACT,KAAK,UAAY,EAClB,EACD,QAAS,CACP,iBAAkBW,EAAU,CAC1B,MAAMiB,EAAQC,EAAU,EACxB,OAAQlB,EAAS,SAAW,KAAK,eAAeA,CAAQ,EAAI,KAAK,eAAeA,CAAQ,KAAOiB,EAAM,QACtG,EACD,aAAcjB,EAAUC,EAAY,CAClC,OAAO,KAAK,kBAAkBD,EAAS,SAAWA,EAAS,oBAAsB,MAAM,EAAEA,EAAUC,CAAU,CAC9G,CACF,CACF,EA7NHkB,GAAA,CAAA,aAAA,+FACEC,EA8EYC,EAAA,CA9EA,eAAc,IAAE,CAD9B,QAAAC,EAEI,IA4EM,CA3EEC,EAAS,eADjBC,EA4EM,MAAA,CA9EV,IAAA,EAIO,MAJPC,EAIe,CAAAC,EAAA,OAAO,oBAAqBA,EAAM,OAAC,2BAA2B,EAAGC,EAAU,UAAA,CAAA,CAAA,EACnF,MALPC,EAK0B,CAAA,UAAAL,EAAA,YAA2C,GAAA,OAAA,cAAAI,EAAA,8BAAgCA,EAAQ,SAAA,CAAA,CAAA,IAEvGE,EAgBM,MAAA,KAAA,CAfJA,EAOE,SAAA,CANA,cAAY,OACZ,SAAS,KACT,KAAK,SACJ,MAZXJ,GAYmBC,EAAM,OAAC,IAAKA,EAAA,OAAO,OAAO,CAAA,EAClC,uBAAOA,EAAK,MAAA,wBAAA,GAbvB,YAcUI,EAAsDJ,EAA1C,KAAA,uCAAA,CAAA,CAdtB,EAAA,KAAA,GAAAP,EAAA,EAgBQU,EAMS,SAAA,CALP,SAAS,IACR,MAlBXJ,EAkBkB,CAAY,UAAA,CAAA,EACnB,uBAAOC,EAAK,MAAA,8BAAA,MAEVA,EAAI,KAAA,uCAAA,CAAA,EAAA,CAAA,KAGXK,EAAA,EAAA,EAAAP,EAkBWQ,OA1CjBC,EAwBmCN,EAAA,cAxBnC,CAwBwBO,EAAKC,KAxB7BJ,EAAA,EAAAP,EAAAQ,EAAA,KAAA,CA2BgBE,EAAI,gBAFZd,EAzBRgB,EA0BeT,EAAY,aAACO,EAAW,EAAA,EAAA,EAAE,EADjCG,EAQY,CALT,IAAG,yBAA2BH,EAAI,EAAE,GA5B/C,QAAA,IA6BkBP,EAAY,aAACO,EAAG,EAAA,EAAQ,MAAK,CACpC,MAAOR,EAAM,OAAC,OA9BzB,QAAAJ,EAgCU,IAAc,CAhCxBgB,EAgCaR,EAAAI,EAAI,IAAI,EAAA,CAAA,IAhCrB,EAAA,oBAmCqBA,EAAI,gBADjBd,EAOUmB,EAAA,CALP,uCAAwCJ,CAAC,GACzC,GAAIT,EAAU,WAAA,6BAAA,EACd,MAtCXD,EAsCkBC,EAAM,OAAC,GAAG,IAtC5B,QAAAJ,EAwCU,IAA0C,CAxCpDgB,EAAAR,EAwCaJ,EAAI,KAAA,8BAAA,CAAA,EAAA,CAAA,IAxCjB,EAAA,yBAAAc,EAAA,GAAA,EAAA,sBA2CMpB,EAkCaqB,EAAA,CAhCV,IAAK,6BACE,eAAclB,EAAW,YA9CzC,uBAAAmB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GA8C8BpB,EAAW,YAAAoB,GACjC,QAAQ,QACR,QAAQ,qBACP,QAAS,0DAOT,IAEU,UACT,IAWM,CAXNd,EAWM,MAAA,CAXD,4BAAA,GAA2B,MA3D1CJ,EA2DiDC,EAAM,OAAC,WAAW,KACvDK,EAAA,EAAA,EAAAP,EASYQ,EArExB,KAAAC,EA8D4BN,EAAiB,kBAAxBO,QAFTd,EA5DZgB,EA6DmBT,EAAY,aAACO,EAAW,EAAA,EAAA,EAAE,EADjCG,EASY,CANT,IAAG,sBAAwBH,EAAI,EAAE,GA/DhD,QAAA,IAgEsBP,EAAY,aAACO,EAAG,EAAA,EAAQ,MAAK,CACrC,oBAAA,GACC,6BAA4BP,EAAgB,iBAACO,CAAG,KAlE/D,QAAAZ,EAoEc,IAAc,CApE5BgB,EAoEiBR,EAAAI,EAAI,IAAI,EAAA,CAAA,IApEzB,EAAA,sDAwEmB,YACT,IAEO,CAFPL,EAEO,OAAA,CAFA,MAzEjBJ,EAAA,CAyEyBC,EAAM,OAAC,GAAG,CAAA,EAAI,QAAKgB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEpB,EAAW,YAAA,CAAIA,EAAW,gBACzDG,EAAI,KAAA,8BAAA,CAAA,EAAA,CAAA,IA1EnB,EAAA,4BA4CgBC,EAAU,UAAA,SA5C1Ba,EAAA,GAAA,EAAA,IAAA,EAAA"}