{"version":3,"file":"C0BDfb2f.js","sources":["../../../../node_modules/@smenaspace/ui-layer/components/breadcrumbs/Breadcrumbs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Theme } from '../../types/shared'\nimport type { Breadcrumb, PatchedBreadcrumb } from './types'\n\ntype Props = {\n  breadcrumbs: Breadcrumb[]\n  theme?: Theme\n  domain: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  theme: 'light',\n})\n\nconst breadcrumbsList = computed(() => {\n  const normalizedBreadcrumbs = normalizeBreadcrumbs(\n    props.breadcrumbs || [],\n    props.domain,\n  )\n\n  return normalizedBreadcrumbs.map((breadcrumb, index, array) => {\n    return {\n      value: breadcrumb,\n      position: String(index + 1),\n      isLink: index !== array.length - 1,\n      isSeparator: index < array.length - 1,\n      isMobileLast: index === array.length - 2,\n    }\n  })\n})\n\nconst componentClasses = computed(() => {\n  return ['app-breadcrumbs', `app-breadcrumbs--theme-${props.theme}`]\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    const normalizeBreadcrumb: PatchedBreadcrumb = {\n      ...breadcrumb,\n      href: relativeHref,\n      relativeHref,\n      absoluteHref,\n    }\n    normalizeBreadcrumbsList.push(normalizeBreadcrumb)\n  }\n\n  return normalizeBreadcrumbsList\n}\n</script>\n\n<template>\n  <div :class=\"componentClasses\">\n    <ol\n      class=\"app-breadcrumbs__list\"\n      itemscope\n      itemtype=\"https://schema.org/BreadcrumbList\"\n    >\n      <li\n        v-for=\"breadcrumb in breadcrumbsList\"\n        :key=\"breadcrumb.value.href\"\n        data-test-id=\"breadcrumb-item\"\n        class=\"app-breadcrumbs__item\"\n        :class=\"{ 'app-breadcrumbs__item--mobile': breadcrumb.isMobileLast }\"\n        itemtype=\"https://schema.org/ListItem\"\n        itemscope\n        itemprop=\"itemListElement\"\n      >\n        <nuxt-link\n          v-if=\"breadcrumb.isLink\"\n          class=\"app-breadcrumbs__link\"\n          data-test-id=\"breadcrumb-link\"\n          :to=\"breadcrumb.value.href\"\n          :itemid=\"breadcrumb.value.absoluteHref\"\n          :prefetch=\"false\"\n          itemtype=\"https://schema.org/Thing\"\n          itemscope\n          itemprop=\"item\"\n        >\n          <the-icon\n            class=\"app-breadcrumbs__icon\"\n            name=\"expand-right\"\n            color=\"var(--ui-primary)\"\n          />\n\n          <span itemprop=\"name\">{{ breadcrumb.value.text }}</span>\n        </nuxt-link>\n\n        <span v-else data-test-id=\"breadcrumb-text\">\n          <span itemprop=\"name\">{{ breadcrumb.value.text }}</span>\n        </span>\n\n        <meta itemprop=\"position\" :content=\"breadcrumb.position\" />\n\n        <div\n          v-if=\"breadcrumb.isSeparator\"\n          :key=\"breadcrumb.value.text\"\n          class=\"app-breadcrumbs__separator\"\n        >\n          /\n        </div>\n      </li>\n    </ol>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/ui-layer/styles/mixins';\n\n.app-breadcrumbs {\n  &--theme-light {\n    color: var(--ui-text-primary);\n  }\n\n  &--theme-dark {\n    color: var(--ui-white);\n  }\n\n  &__list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n    list-style: none;\n  }\n\n  &__item {\n    display: flex;\n    gap: inherit;\n\n    @include media('<tablet') {\n      display: none;\n\n      &--mobile {\n        display: flex;\n      }\n    }\n  }\n\n  &__link {\n    display: inline-flex;\n    align-items: center;\n    color: var(--ui-primary);\n    text-decoration: none;\n  }\n\n  &__icon {\n    margin-right: 4px;\n    transform: scale(-1);\n\n    @include media('>=tablet') {\n      display: none !important;\n    }\n  }\n\n  &__separator {\n    display: none;\n\n    @include media('>=tablet') {\n      display: block;\n      color: var(--ui-primary);\n    }\n  }\n}\n</style>\n"],"names":["props","__props","breadcrumbsList","computed","normalizeBreadcrumbs","breadcrumb","index","array","componentClasses","breadcrumbs","domain","lastBreadcrumbs","normalizeBreadcrumbsList","relativeHref","relativeHrefIndexLastChar","absoluteHref","normalizeBreadcrumb"],"mappings":";;gvBAUA,MAAMA,EAAQC,EAIRC,EAAkBC,EAAS,IACDC,EAC5BJ,EAAM,aAAe,CAAC,EACtBA,EAAM,MAAA,EAGqB,IAAI,CAACK,EAAYC,EAAOC,KAC5C,CACL,MAAOF,EACP,SAAU,OAAOC,EAAQ,CAAC,EAC1B,OAAQA,IAAUC,EAAM,OAAS,EACjC,YAAaD,EAAQC,EAAM,OAAS,EACpC,aAAcD,IAAUC,EAAM,OAAS,CAAA,EAE1C,CACF,EAEKC,EAAmBL,EAAS,IACzB,CAAC,kBAAmB,0BAA0BH,EAAM,KAAK,EAAE,CACnE,EAKKI,EAAuB,CAC3BK,EACAC,IACwB,CACxB,IAAIC,EAAkB,GACtB,MAAMC,EAAgD,CAAA,EAEtD,UAAWP,KAAcI,EAAa,CAMpC,IAAII,EAAeR,GAAA,YAAAA,EAAY,KAG3BQ,EAAa,CAAC,IAAM,MACtBA,EAAe,IAAMA,GAGjB,MAAAC,EAA4BD,EAAa,OAAS,EAEpDA,EAAaC,CAAyB,IAAM,MAC9BD,GAAA,KAOdA,EAAa,QAAQF,CAAe,IAAM,IAG7BE,EAAAF,EAAkBE,EAAa,MAAM,CAAC,GAOrCF,EAAAE,EAKlB,MAAME,EAAe,WAAWL,CAAM,GAAGG,CAAY,GAE/CG,EAAyC,CAC7C,GAAGX,EACH,KAAMQ,EACN,aAAAA,EACA,aAAAE,CAAA,EAEFH,EAAyB,KAAKI,CAAmB,CACnD,CAEO,OAAAJ,CAAA","debug_id":"4adc637e-95b4-5a58-a34a-6090e7412eda"}