{"version":3,"file":"cfn6d6i9.js","sources":["../../../../../common/components/Common/AwBreadcrumbCategoryTooltip.vue","../../../../../common/components/Common/AwBreadcrumbVersion2.vue"],"sourcesContent":["<template>\n  <lv-tooltip\n    :key=\"`tooltip-secondary-version2`\"\n    v-model:show-tooltip=\"tooltipOpened\"\n    :trigger=\"categoryList?.length ? 'hover' : 'none'\"\n    styling=\"secondary-version2\"\n    :options=\"{\n      placement: 'bottom-start',\n      delayOnMouseOut: 1000\n    }\"\n  >\n    <template #reference>\n      <slot />\n    </template>\n    <template #tooltip>\n      <ul\n        :id=\"`aw_breadcrumb_category_tooltip_${categoryId}`\"\n        :aria-describedby=\"`aw_breadcrumb_category_tooltip_description_${categoryId}`\"\n        :class=\"[$style.tooltipContent, 'ulReset']\"\n      >\n        <li\n          v-for=\"cat in categoryList\"\n          :key=\"cat.token\"\n          :aria-current=\"parseInt(getCategoryFromTree.id) === parseInt(cat.id) && 'page'\"\n          :class=\"[\n            $style.tooltipContentItem,\n            {[$style.tooltipContentItemCurrent]: parseInt(getCategoryFromTree.id) === parseInt(cat.id)}\n          ]\"\n        >\n          <lv-link\n            :to=\"cat.to\"\n            :class=\"$style.tooltipContentItemLink\"\n            tabindex=\"0\"\n          >\n            {{ cat.token }}\n          </lv-link>\n        </li>\n      </ul>\n    </template>\n  </lv-tooltip>\n</template>\n\n<script>\n  import { useCategoryStore } from '~~/common/stores/category';\n  import urlMixin from '~~/common/mixins/urlMixin';\n  import { LvLink, LvTooltip } from '~~/common/components/loginet-vue-shop/index.mjs';\n  import { mapState } from 'pinia';\n\n  export default {\n    name: 'AwBreadcrumbCategoryTooltip',\n    components: {\n      LvLink,\n      LvTooltip,\n    },\n    mixins: [urlMixin],\n    props: {\n      categoryId: {\n        type: Number,\n        default: null,\n      },\n    },\n    data () {\n      return {\n        tooltipOpened: false,\n      };\n    },\n    computed: {\n      category () {\n        const categoryStore = useCategoryStore();\n        return categoryStore.getCategoryFromTreeById({ treeId: parseInt(this.categoryId) });\n      },\n      ...mapState(useCategoryStore, {\n        getCategoryFromTree: state => state.getCategoryFromTree,\n      }),\n      categoryList () {\n        return this.category?.children?.map(category => ({\n          token: category.name,\n          to: this.getCategoryUrl(category),\n          id: category.id,\n        }));\n      },\n    },\n    watch: {\n      tooltipOpened (val) {\n        if (val) {\n          this.$awEvents.triggerEvent('breadcrumb-category-tooltip-opened', { categoryId: this.categoryId });\n          this.$awEvents.addEvent('breadcrumb-category-tooltip-opened', this.closeTooltipByEvent);\n        } else {\n          this.closeTooltip();\n        }\n      },\n    },\n    methods: {\n      closeTooltipByEvent (event) {\n        if (event.categoryId === this.categoryId) {\n          return;\n        }\n        this.closeTooltip();\n      },\n      closeTooltip () {\n        this.tooltipOpened = false;\n        this.$awEvents.removeEvent('breadcrumb-category-tooltip-opened', this.closeTooltipByEvent);\n      },\n    },\n  };\n</script>\n\n<style module lang=\"scss\" rel=\"stylesheet/scss\">\n.wrapper {\n  position: relative;\n}\n\n.tooltip {\n  width: 200px;\n  padding: 8px 8px 0;\n  border-radius: 12px;\n\n  &Content {\n    display: flex;\n    overflow-x: hidden;\n    overflow-y: auto;\n    align-items: flex-start;\n    flex-direction: column;\n    max-height: 5.5*36px;\n    text-align: left;\n    scrollbar-width: none;\n\n    &Item {\n      font-size: 14px;\n      line-height: 20px;\n      width: 100%;\n      color: $color-text-primary;\n      border-radius: 8px;\n\n      &Current {\n        color: $color-marigold-text;\n        background: $color-background-pending;\n      }\n\n      &:hover:not(&Current) {\n        background-color: $color-background-3;\n      }\n\n      &Link {\n        padding: 8px;\n        text-decoration: none !important;\n      }\n    }\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n}\n</style>\n","<template>\n  <nav :class=\"$style.breadcrumb\" :aria-label=\"$awt('aw.common.components.breadcrumb.label')\" tabindex=\"0\">\n    <template v-for=\"(breadcrumb, index) in breadcrumbs\" :key=\"`link-${index}`\">\n      <component\n        :is=\"hasTooltip ? 'aw-breadcrumb-category-tooltip' : 'span'\"\n        v-if=\"isActive(breadcrumb, index)\"\n        :category-id=\"breadcrumb.categoryId\"\n      >\n        <lv-link\n          :to=\"breadcrumb.to\"\n          :class=\"[$style.breadcrumbItem]\"\n        >\n          {{ breadcrumb.token }}\n        </lv-link>\n      </component>\n      <div v-else>\n        <span\n          :class=\"[$style.breadcrumbItem, $style.breadcrumbItemLastChild, {[$style.breadcrumbItemDisabled]: breadcrumb.disabled}]\"\n          :aria-current=\"index === breadcrumbs.length -1 ? 'page' : null\"\n        >\n          {{ breadcrumb.token }}\n        </span>\n      </div>\n      <span v-if=\"index !== breadcrumbs.length - 1\" :key=\"`separator-${index}`\" :class=\"[$style.breadcrumbSeparator]\">\n        ›\n      </span>\n    </template>\n  </nav>\n</template>\n\n<script>\n  import { mapState } from 'pinia';\n  import { LvLink } from '~~/common/components/loginet-vue-shop/index.mjs';\n  import { useBreadcrumbStore } from '~~/common/stores/breadcrumb';\n  import AwBreadcrumbCategoryTooltip from './AwBreadcrumbCategoryTooltip.vue';\n\n  export default {\n    name: 'AwBreadcrumbVersion2',\n    components: {\n      LvLink,\n      AwBreadcrumbCategoryTooltip,\n    },\n    props: {\n      externalBreadcrumbs: {\n        type: Array,\n        default: null,\n      },\n      hasTooltip: {\n        type: Boolean,\n        default: false,\n      },\n    },\n    computed: {\n      ...mapState(useBreadcrumbStore, {\n        storeBreadCrumbs: 'breadcrumbs',\n      }),\n      breadcrumbs () {\n        return this.externalBreadcrumbs || this.storeBreadCrumbs;\n      },\n    },\n    jsonld () {\n      return {\n        '@context': 'https://schema.org',\n        '@type': 'BreadcrumbList',\n        itemListElement: this.breadcrumbs.map((breadcrumb, i) => ({\n          '@type': 'ListItem',\n          position: i + 1,\n          name: breadcrumb.token,\n          item: this.$awRuntimeConfig.auchanApiBrowserHost + breadcrumb.to,\n        })),\n      };\n    },\n    methods: {\n      isActive (breadcrumb, index) {\n        return !breadcrumb.disabled && index !== this.breadcrumbs.length - 1;\n      },\n    },\n  };\n</script>\n\n<style module lang=\"scss\" rel=\"stylesheet/scss\">\n$breadcrumb-color-primary: $color-text-primary;\n$breadcrumb-color-disabled: $color-text-secondary;\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  flex-wrap: wrap;\n  width: 100%;\n  gap: 8px;\n  @include sm(max) {\n    overflow: visible;\n    white-space: normal;\n  }\n\n  &Item {\n    font-family: $secondary-font;\n    font-size: 12px;\n    font-weight: $font-weight-medium-v2;\n    font-style: normal;\n    line-height: 16px;\n    word-break: break-word;\n    hyphens: auto;\n    color: $breadcrumb-color-primary;\n\n    @include desktop-small(min) {\n      font-size: 14px;\n      line-height: 20px;\n    }\n\n    &LastChild {\n      font-weight: $font-weight-regular-v2;\n      user-select: none;\n      color: $breadcrumb-color-disabled;\n      @include tablet(min) {\n        font-weight: $font-weight-normal-v2;\n      }\n\n      &:hover {\n        cursor: default;\n      }\n    }\n\n    &Disabled {\n      padding-top: 1px;\n      user-select: none;\n      color: $breadcrumb-color-disabled;\n\n      &:hover {\n        cursor: default;\n        color: $breadcrumb-color-disabled;\n      }\n    }\n  }\n\n  &Separator {\n    font-family: $secondary-font;\n    font-size: 14px;\n    font-weight: 500;\n    font-style: normal;\n    line-height: 20px;\n    text-align: center;\n    color: $color-text-tertiary;\n  }\n}\n</style>\n"],"names":["_sfc_main","LvLink","LvTooltip","urlMixin","useCategoryStore","mapState","state","_b","_a","category","val","event","_hoisted_1","_hoisted_2","_createBlock","_component_lv_tooltip","$data","_cache","$event","$options","_renderSlot","_ctx","_createElementVNode","$props","_normalizeClass","_openBlock","_createElementBlock","_Fragment","_renderList","cat","_createVNode","_component_lv_link","_withCtx","_createTextVNode","_toDisplayString","AwBreadcrumbCategoryTooltip","useBreadcrumbStore","breadcrumb","i","index","_hoisted_3","_resolveDynamicComponent","_createCommentVNode"],"mappings":"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"}