{"version":3,"sources":["webpack:///./src/layouts/breadcrumbs/LayoutBreadcrumbs.vue","webpack:///src/layouts/breadcrumbs/LayoutBreadcrumbs.vue","webpack:///./src/layouts/breadcrumbs/LayoutBreadcrumbs.vue?6ea1","webpack:///./src/layouts/breadcrumbs/LayoutBreadcrumbs.vue?c88c","webpack:///./src/utils/breadcrumb.js","webpack:///./src/layouts/breadcrumbs/LayoutBreadcrumbs.vue?e955","webpack:///./src/layouts/breadcrumbs/index.js"],"names":["render","_vm","this","_c","_self","staticClass","_l","tree","link","index","key","tag","class","attrs","_v","_s","label","staticRenderFns","name","data","computed","mapState","metaTree","params","$route","filteredTree","matched","filter","route","path","length","forEach","_route$meta","Object","keys","replace","meta","title","push","breadcrumb","staticTree","breadcrumbs","watch","debouncedGenerateTree","created","debounce","generateTree","methods","cloneDeep","lastTreeItem","component"],"mappings":"4LAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAeJ,EAAIK,GAAIL,EAAIM,MAAM,SAASC,EAAKC,GAAO,OAAON,EAAGK,EAAKA,KAAO,cAAgB,OAAO,CAACE,IAAK,QAAOD,EAAQE,IAAI,YAAYC,MAAM,CACjO,oBACA,CAAE,0BAA2BJ,EAAKA,OAClCK,MAAM,CAAC,GAAKL,EAAKA,OAAO,CAACP,EAAIa,GAAG,IAAIb,EAAIc,GAAGP,EAAKQ,OAAO,UAAS,IAElEC,EAAkB,G,+ECkBP,GACfC,KAAA,oBAEAC,OACA,OACAZ,KAAA,KAIAa,SAAA,IACAC,eAAA,+BAEAC,WACA,aAAAC,GAAA,KAAAC,OACAC,EAAA,KAAAD,OAAAE,QAAAC,OAAAC,KAAAC,KAAAC,OAAA,GACAvB,EAAA,GAgBA,OAfAkB,EAAAM,QAAAH,IAAA,IAAAI,EACA,IAAAhB,EACAR,EAAAoB,EAAAC,KACAN,GACAU,OAAAC,KAAAX,GAAAQ,QAAArB,IACAF,IAAA2B,QAAA,IAAAzB,EAAAa,EAAAb,MAIA,QAAAsB,EAAAJ,EAAAQ,YAAA,IAAAJ,KAAAK,QACArB,EAAAY,EAAAQ,KAAAC,MACA9B,EAAA+B,KAAAC,eAAAvB,EAAAR,OAIA,CACA+B,eAAA,kBACAhC,IAOAiC,aACA,YAAAC,YAAAX,OAAA,CACAS,eAAA,kBACA,KAAAE,aACA,OAIAC,MAAA,CAEAlB,SACA,KAAAmB,yBAIAH,aACA,KAAAG,0BAIAC,UACA,KAAAD,sBAAAE,IAAA,KAAAC,aAAA,KAEA,KAAAA,gBAGAC,QAAA,CACAD,eACA,MAAAvC,EAAAyC,IAAA,KAAAR,YAAA,KAAAlB,UACA2B,EAAA1C,IAAAuB,OAAA,GAEAmB,IACAA,EAAAzC,KAAA,MAGA,KAAAD,UClG0W,I,wBCQtW2C,EAAY,eACd,EACAlD,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAiC,E,2CCbA,QAAClC,EAAOR,KAAS,CAC9BQ,QACAR,U,kCCRF,W,kCCAA","file":"js/chunk-923b4894.803a7218.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('nav',{staticClass:\"breadcrumbs\"},_vm._l((_vm.tree),function(link,index){return _c(link.link ? 'router-link' : 'span',{key:`link_${index}`,tag:\"component\",class:[\n      'breadcrumbs__item',\n      { 'breadcrumbs__item--link': link.link },\n    ],attrs:{\"to\":link.link}},[_vm._v(\" \"+_vm._s(link.label)+\" \")])}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <nav class=\"breadcrumbs\">\n    <component\n      :is=\"link.link ? 'router-link' : 'span'\"\n      v-for=\"(link, index) in tree\"\n      :key=\"`link_${index}`\"\n      :to=\"link.link\"\n      :class=\"[\n        'breadcrumbs__item',\n        { 'breadcrumbs__item--link': link.link },\n      ]\"\n    >\n      {{ link.label }}\n    </component>\n  </nav>\n</template>\n\n<script>\nimport { mapState } from 'vuex';\nimport debounce from 'lodash/debounce';\nimport cloneDeep from 'lodash/cloneDeep';\nimport breadcrumb from '@/utils/breadcrumb';\n\nexport default {\n  name: 'LayoutBreadcrumbs',\n\n  data() {\n    return {\n      tree: [],\n    };\n  },\n\n  computed: {\n    ...mapState('breadcrumbs', ['breadcrumbs']),\n\n    metaTree() {\n      const { params } = this.$route;\n      const filteredTree = this.$route.matched.filter((route) => route.path.length > 0);\n      const tree = [];\n      filteredTree.forEach((route) => {\n        let label;\n        let link = route.path;\n        if (params) {\n          Object.keys(params).forEach(((key) => {\n            link = link.replace(`:${key}`, params[key]);\n          }));\n        }\n\n        if (route.meta?.title) {\n          label = route.meta.title;\n          tree.push(breadcrumb(label, link));\n        }\n      });\n\n      return [\n        breadcrumb('Главная', '/'),\n        ...tree,\n      ];\n    },\n\n    /**\n     * Дерево хлебных кроше из стора. Имеет приоритет над хлебными крошками в meta компонента\n     */\n    staticTree() {\n      return this.breadcrumbs.length ? [\n        breadcrumb('Главная', '/'),\n        ...this.breadcrumbs,\n      ] : null;\n    },\n  },\n\n  watch: {\n    // Слежение за роутером (в случае обновления мета-параметров с помощью $router.setMetaOption)\n    $route() {\n      this.debouncedGenerateTree();\n    },\n\n    // Слежение за статическим стором хлебных крошек\n    staticTree() {\n      this.debouncedGenerateTree();\n    },\n  },\n\n  created() {\n    this.debouncedGenerateTree = debounce(this.generateTree, 100);\n\n    this.generateTree();\n  },\n\n  methods: {\n    generateTree() {\n      const tree = cloneDeep(this.staticTree || this.metaTree);\n      const lastTreeItem = tree[tree.length - 1];\n\n      if (lastTreeItem) {\n        lastTreeItem.link = null;\n      }\n\n      this.tree = tree;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.breadcrumbs {\n  display: flex;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 22px;\n  user-select: none;\n  color: $color-black;\n\n  &__item {\n    cursor: default;\n    position: relative;\n    margin-right: 15px;\n    padding-right: 15px;\n    white-space: nowrap;\n\n    &--link {\n      color: $color-grayscale-60;\n      text-decoration: unset;\n      cursor: pointer;\n    }\n\n    &:last-child {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 600px;\n    }\n\n    &:not(:last-child) {\n      &:after {\n        content: '';\n        border: solid $color-black;\n        border-width: 0 2px 2px 0;\n        display: inline-block;\n        padding: 2px;\n        transform: translateY(-50%) rotate(-45deg);\n        position: absolute;\n        top: 50%;\n        right: 1px;\n      }\n\n      @include for-size(phone-portrait-down) {\n        display: none;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutBreadcrumbs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutBreadcrumbs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LayoutBreadcrumbs.vue?vue&type=template&id=30544e5f&\"\nimport script from \"./LayoutBreadcrumbs.vue?vue&type=script&lang=js&\"\nexport * from \"./LayoutBreadcrumbs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LayoutBreadcrumbs.vue?vue&type=style&index=0&id=30544e5f&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","/**\n * Создание структуры элемента хлебных крошек.\n * @param label {string} - отображаемый текст\n * @param link {string} - ссылка\n * @return {{link, label}} - структура хлебной крошки\n */\nexport default (label, link) => ({\n  label,\n  link,\n});\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutBreadcrumbs.vue?vue&type=style&index=0&id=30544e5f&prod&lang=scss&\"","export { default } from './LayoutBreadcrumbs.vue';\n"],"sourceRoot":""}