{"version":3,"file":"_nuxt/DmROP0jn.js","sources":["../../../../components/App/AppBreadcrumbsDesktop.vue","../../../../components/App/AppBreadcrumbsMobile.vue","../../../../components/App/AppBreadcrumbs.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PropType, computed } from 'vue'\n\n/* Store */\nimport { useToggleStore } from '~/store/toggle/toggle'\n\n/* Types */\nimport { PatchedBreadcrumb } from '@/types/main'\n\nconst toggleStore = useToggleStore()\n\nconst props = defineProps({\n  breadcrumbs: {\n    type: Array as PropType<PatchedBreadcrumb[]>,\n    required: true,\n  },\n})\n\nconst newCatalogEnabled = computed(\n  () => toggleStore.featureToggle.new_catalog_enabled,\n)\n</script>\n\n<template>\n  <ol\n    itemscope\n    itemtype=\"https://schema.org/BreadcrumbList\"\n    class=\"breadcrumbs-desktop\"\n  >\n    <li\n      v-for=\"(breadcrumb, index) in props.breadcrumbs\"\n      :key=\"breadcrumb.href\"\n      itemtype=\"https://schema.org/ListItem\"\n      itemscope\n      itemprop=\"itemListElement\"\n    >\n      <nuxt-link\n        v-if=\"index !== breadcrumbs.length - 1 && newCatalogEnabled\"\n        :to=\"breadcrumb.href\"\n        :itemid=\"breadcrumb.absoluteHref\"\n        :prefetch=\"false\"\n        class=\"link\"\n        itemtype=\"https://schema.org/Thing\"\n        itemscope\n        itemprop=\"item\"\n      >\n        <span itemprop=\"name\">{{ breadcrumb.text }}</span>\n      </nuxt-link>\n\n      <a\n        v-else-if=\"index !== breadcrumbs.length - 1\"\n        :key=\"`old_${breadcrumb.href}`\"\n        :href=\"breadcrumb.href\"\n        :itemid=\"breadcrumb.absoluteHref\"\n        class=\"link\"\n        itemtype=\"https://schema.org/Thing\"\n        itemscope\n        itemprop=\"item\"\n      >\n        <span itemprop=\"name\">{{ breadcrumb.text }}</span>\n      </a>\n      <span v-else :key=\"`last_${breadcrumb.href}`\" class=\"item\">\n        <span itemprop=\"name\">{{ breadcrumb.text }}</span>\n      </span>\n\n      <meta itemprop=\"position\" :content=\"`${index + 1}`\" />\n\n      <div\n        v-if=\"index < breadcrumbs.length - 1\"\n        :key=\"breadcrumb.text\"\n        class=\"icon icon--light\"\n      >\n        /\n      </div>\n    </li>\n  </ol>\n</template>\n<style lang=\"scss\" scoped>\n.breadcrumbs-desktop {\n  display: flex;\n  padding: 0;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14px;\n\n  li {\n    display: flex;\n  }\n}\n\n.item {\n  &:last-child {\n    color: $text-black;\n  }\n}\n\n.icon {\n  margin: 0 6.25px;\n  color: $primary;\n\n  &--light {\n    color: $primary;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\n\n/* Stores */\nimport { useToggleStore } from '@/store/toggle/toggle'\n\nimport { PatchedBreadcrumb } from '@/types/main'\n\nconst IconArrowRight = defineAsyncComponent(\n  () => import('@/components/Icons/ArrowRight.vue'),\n)\n\nconst toggleStore = useToggleStore()\n\nconst props = defineProps({\n  breadcrumbs: {\n    type: Array as PropType<PatchedBreadcrumb[]>,\n    required: true,\n    default: () => [],\n  },\n})\n\nconst back = computed(() => props.breadcrumbs[props.breadcrumbs.length - 2])\n\nconst newCatalogEnabled = computed(() => toggleStore.newCatalogEnabled)\n\nenum iconColoros {\n  primary = '#ff5044',\n}\n</script>\n\n<template>\n  <ol\n    itemscope\n    itemtype=\"https://schema.org/BreadcrumbList\"\n    class=\"breadcrumbs-mobile\"\n  >\n    <li\n      v-for=\"(breadcrumb, index) in breadcrumbs\"\n      v-show=\"back.slug === breadcrumb.slug\"\n      :key=\"breadcrumb.href\"\n      itemtype=\"https://schema.org/ListItem\"\n      itemscope\n      itemprop=\"itemListElement\"\n    >\n      <nuxt-link\n        v-if=\"index !== breadcrumbs.length - 1 && newCatalogEnabled\"\n        :to=\"breadcrumb.href\"\n        :itemid=\"breadcrumb.absoluteHref\"\n        :prefetch=\"false\"\n        class=\"link\"\n        itemtype=\"https://schema.org/Thing\"\n        itemscope\n        itemprop=\"item\"\n      >\n        <icon-arrow-right class=\"icon\" :color=\"iconColoros.primary\" />\n        <span itemprop=\"name\">{{ breadcrumb.text }}</span>\n      </nuxt-link>\n      <a\n        v-else-if=\"index !== breadcrumbs.length - 1\"\n        :key=\"`old_${breadcrumb.href}`\"\n        :href=\"breadcrumb.href\"\n        :itemid=\"breadcrumb.absoluteHref\"\n        class=\"link\"\n        itemtype=\"https://schema.org/Thing\"\n        itemscope\n        itemprop=\"item\"\n      >\n        <icon-arrow-right class=\"icon\" :color=\"iconColoros.primary\" />\n        <span itemprop=\"name\">{{ breadcrumb.text }}</span>\n      </a>\n      <span\n        v-else\n        :key=\"`last_${breadcrumb.href}`\"\n        itemprop=\"name\"\n        class=\"item\"\n      >\n        {{ breadcrumb.text }}\n      </span>\n\n      <meta itemprop=\"position\" :content=\"`${index + 1}`\" />\n    </li>\n  </ol>\n</template>\n<style lang=\"scss\" scoped>\n.breadcrumbs-mobile {\n  display: flex;\n  padding: 0;\n\n  li {\n    display: flex;\n    font-size: 14px;\n    font-weight: 600;\n  }\n}\n.item {\n  display: inline-flex;\n  align-items: center;\n  @include font-sz-weight(14px, 600);\n\n  font-feature-settings: 'pnum' on, 'lnum' on;\n  line-height: 16px;\n  text-decoration: none;\n}\n\n.icon {\n  height: 10px;\n  margin-right: 10px;\n  transform: rotate(180deg);\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { computed, Prop } from 'vue'\n/* Components */\nimport AppBreadcrumbsDesktop from '@/components/App/AppBreadcrumbsDesktop.vue'\nimport AppBreadcrumbsMobile from '@/components/App/AppBreadcrumbsMobile.vue'\n\n/* Types */\nimport { Breadcrumb, PatchedBreadcrumb } from '@/types/main'\n\n/* Store */\nimport { useCityStore } from '@/store/city/city'\n\nconst {\n  cityInfo: { domain },\n} = useCityStore()\nconst { isDesktop } = useDevice()\n\nconst props = defineProps({\n  serverBreadcrumbs: {\n    type: Array,\n    required: true,\n    default: () => [],\n  } as Prop<Breadcrumb[]>,\n  hidden: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst breadcrumbs = computed(() =>\n  normalizeBreadcrumbs(props.serverBreadcrumbs || [], domain),\n)\n\n/*\n * Преобразование хлебных крошек\n */\nconst normalizeBreadcrumbs = (\n  breadcrumbs: Breadcrumb[],\n  domain: string,\n): PatchedBreadcrumb[] => {\n  let lastBreadcrumbs = ''\n  const normalizeBreadcrumbsList: PatchedBreadcrumb[] = []\n\n  for (const breadcrumb of breadcrumbs) {\n    /**\n     * 1. Приводим relativeHref к однодому нужному виду?\n     * добавляя в начале и конце строки \"/\"\n     * Примеры: \"/\"\" || \"/sales/\"\" || \"/sales/podarok/\"\n     */\n    let relativeHref = breadcrumb?.href\n\n    // Если у relativeHref нет в начале черты - добавляем\n    if (relativeHref[0] !== '/') {\n      relativeHref = '/' + relativeHref\n    }\n\n    const relativeHrefIndexLastChar = relativeHref.length - 1\n    // Если у relativeHref нет в конце черты - добавляем\n    if (relativeHref[relativeHrefIndexLastChar] !== '/') {\n      relativeHref += '/'\n    }\n\n    /**\n     * 2. Добавляем прошлые breadcrumbs для текущего маршрута,\n     * если они не были указаны явно\n     */\n    if (relativeHref.indexOf(lastBreadcrumbs) !== 0) {\n      // У relativeHref обрезаем первый символ (\"/\"),\n      // т.к. у lastBreadcrumbs в конце уже имеется \"/\"\n      relativeHref = lastBreadcrumbs + relativeHref.slice(1)\n    }\n\n    /**\n     * 3. Запоминаем breadcrumbs для следующего маршрута\n     * !Важно! lastBreadcrumbs на конце уже имеет \"/\"\n     */\n    lastBreadcrumbs = relativeHref\n\n    /**\n     * 4. Создаем absoluteHref\n     */\n    const absoluteHref = `https://${domain}${relativeHref}`\n\n    /**\n     * 5.??? хардкод крошек которые должны вести на старый сайт\n     */\n    const oldSiteRoutes = new Set(['/wok/', '/'])\n    const newSite = !oldSiteRoutes.has(relativeHref)\n\n    const normalizeBreadcrumb: PatchedBreadcrumb = {\n      ...breadcrumb,\n      slug: relativeHref,\n      href: relativeHref,\n      relativeHref,\n      absoluteHref,\n      newSite,\n    }\n    normalizeBreadcrumbsList.push(normalizeBreadcrumb)\n  }\n\n  return normalizeBreadcrumbsList\n}\n</script>\n\n<template>\n  <div class=\"AppBreadcrumbs\">\n    <template v-if=\"!props.hidden\">\n      <app-breadcrumbs-desktop v-if=\"isDesktop\" :breadcrumbs=\"breadcrumbs\" />\n      <app-breadcrumbs-mobile v-else :breadcrumbs=\"breadcrumbs\" />\n    </template>\n  </div>\n</template>\n"],"names":["toggleStore","useToggleStore","props","__props","newCatalogEnabled","computed","IconArrowRight","defineAsyncComponent","__vitePreload","back","domain","useCityStore","isDesktop","useDevice","breadcrumbs","normalizeBreadcrumbs","lastBreadcrumbs","normalizeBreadcrumbsList","breadcrumb","relativeHref","relativeHrefIndexLastChar","absoluteHref","newSite","normalizeBreadcrumb"],"mappings":";;;wzBASA,MAAMA,EAAcC,IAEdC,EAAQC,EAORC,EAAoBC,EACxB,IAAML,EAAY,cAAc,4rCCXlC,MAAMM,EAAiBC,EACrB,IAAMC,EAAA,WAAO,eAAmC,6CAG5CR,EAAcC,IAEdC,EAAQC,EAQRM,EAAOJ,EAAS,IAAMH,EAAM,YAAYA,EAAM,YAAY,OAAS,CAAC,CAAC,EAErEE,EAAoBC,EAAS,IAAML,EAAY,iBAAiB,inCCZhE,MACJ,SAAU,CAAE,OAAAU,CAAO,GACjBC,EAAa,EACX,CAAE,UAAAC,GAAcC,IAEhBX,EAAQC,EAYRW,EAAcT,EAAS,IAC3BU,EAAqBb,EAAM,mBAAqB,GAAIQ,CAAM,GAMtDK,EAAuB,CAC3BD,EACAJ,IACwB,CACxB,IAAIM,EAAkB,GACtB,MAAMC,EAAgD,GAEtD,UAAWC,KAAcJ,EAAa,CAMpC,IAAIK,EAAeD,GAAA,YAAAA,EAAY,KAG3BC,EAAa,CAAC,IAAM,MACtBA,EAAe,IAAMA,GAGjB,MAAAC,EAA4BD,EAAa,OAAS,EAEpDA,EAAaC,CAAyB,IAAM,MAC9BD,GAAA,KAOdA,EAAa,QAAQH,CAAe,IAAM,IAG7BG,EAAAH,EAAkBG,EAAa,MAAM,CAAC,GAOrCH,EAAAG,EAKlB,MAAME,EAAe,WAAWX,CAAM,GAAGS,CAAY,GAM/CG,EAAU,CADU,QAAI,CAAC,QAAS,GAAG,CAAC,EACb,IAAIH,CAAY,EAEzCI,EAAyC,CAC7C,GAAGL,EACH,KAAMC,EACN,KAAMA,EACN,aAAAA,EACA,aAAAE,EACA,QAAAC,CAAA,EAEFL,EAAyB,KAAKM,CAAmB,CACnD,CAEO,OAAAN,CAAA","debug_id":"7f94072a-77c5-5176-8a0c-0aa9a37cdc77"}