{"version":3,"sources":["webpack:///./src/views/components/vuesax/breadcrumb/Breadcrumb.vue?81fb","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbDefault.vue?ffd0","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbDefault.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbColor.vue?645d","webpack:///src/views/components/vuesax/breadcrumb/BreadcrumbColor.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbColor.vue?6931","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbColor.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbSeparator.vue?3df3","webpack:///src/views/components/vuesax/breadcrumb/BreadcrumbSeparator.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbSeparator.vue?f19f","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbSeparator.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbSlot.vue?8d54","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbSlot.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbAlignment.vue?ff62","webpack:///src/views/components/vuesax/breadcrumb/BreadcrumbAlignment.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbAlignment.vue?cbb0","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbAlignment.vue","webpack:///src/views/components/vuesax/breadcrumb/Breadcrumb.vue","webpack:///./src/views/components/vuesax/breadcrumb/Breadcrumb.vue?62d4","webpack:///./src/views/components/vuesax/breadcrumb/Breadcrumb.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","title","url","disabled","active","slot","script","component","directives","name","rawName","value","expression","domProps","on","$event","target","composing","colorx","items","data","$vs","rtl","components","BreadcrumbDefault","BreadcrumbColor","BreadcrumbSeparator","BreadcrumbSlot","BreadcrumbAlignment"],"mappings":"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","file":"js/chunk-2d0f0de4.653c44a9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"breadcrumb-demo\"}},[_c('breadcrumb-default'),_c('breadcrumb-color'),_c('breadcrumb-separator'),_c('breadcrumb-slot'),_c('breadcrumb-alignment')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Default\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Use the \"),_c('code',[_vm._v(\"items\")]),_vm._v(\" in order to programatically generate the breadcrumb links\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-breadcrumb',{attrs:{\"items\":[\n                    { title: 'Dashboard', url: '/' },\n                    { title: 'Link 1', url: '/blog' },\n                    { title: 'Link 2', disabled: true },\n                    { title: 'Active', active: true }\n                ]}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-breadcrumb\\n:items=\\\"\\n   [\\n     {\\n       title: 'Dashboard',\\n       url: '/'\\n     },\\n     {\\n       title: 'Link 1',\\n       url: '/blog'\\n     },\\n     {\\n       title: 'Link 2',\\n       disabled: true\\n     },\\n     {\\n       title: 'Active',\\n       active: true\\n     }\\n   ]\\\"\\n></vs-breadcrumb>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./BreadcrumbDefault.vue?vue&type=template&id=2d63e735&\"\nvar script = {}\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Color\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Use the \"),_c('code',[_vm._v(\"color\")]),_vm._v(\" directive like for any other component that supports it to customize the breadcrumbs links color\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"Only \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors are supported.\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.colorx),expression:\"colorx\"}],attrs:{\"type\":\"color\",\"name\":\"\",\"value\":\"\"},domProps:{\"value\":(_vm.colorx)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.colorx=$event.target.value}}}),_c('vs-breadcrumb',{attrs:{\"color\":_vm.colorx,\"items\":_vm.items}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n    <input v-model=\\\"colorx\\\" type=\\\"color\\\" name=\\\"\\\" value=\\\"\\\">\\n    <vs-breadcrumb\\n    :color=\\\"colorx\\\"\\n    :items=\\\"items\\\"\\n    ></vs-breadcrumb>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data: ()=>({\\n    colorx:'#3DC9B3',\\n    items:[\\n      {\\n        title: 'Dashboard',\\n        url: '/'\\n      },\\n      {\\n        title: 'Link 1',\\n        url: '/blog'\\n      },\\n      {\\n        title: 'Link 2',\\n        disabled: true\\n      },\\n      {\\n        title: 'Active',\\n        active: true\\n      }\\n    ]\\n  })\\n}\\n</script>\\n    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: BreadcrumbColor.vue\n  Description: Change the color of active link in breadcrumb\n  ----------------------------------------------------------------------------------------\n  Item Name: Adstor - Multi Marketing Advertising Platform\n  Author: DevMind\n  Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n  <vx-card title=\"Color\" code-toggler>\n\n    <p>Use the <code>color</code> directive like for any other component that supports it to customize the breadcrumbs links color</p>\n\n    <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\n      <span>Only <strong>RGB</strong> and <strong>HEX</strong> colors are supported.</span>\n    </vs-alert>\n\n    <div class=\"demo-alignment\">\n\n      <input v-model=\"colorx\" type=\"color\" name=\"\" value=\"\">\n      <vs-breadcrumb :color=\"colorx\" :items=\"items\"></vs-breadcrumb>\n\n    </div>\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;demo-alignment&quot;&gt;\n    &lt;input v-model=&quot;colorx&quot; type=&quot;color&quot; name=&quot;&quot; value=&quot;&quot;&gt;\n    &lt;vs-breadcrumb\n    :color=&quot;colorx&quot;\n    :items=&quot;items&quot;\n    &gt;&lt;/vs-breadcrumb&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data: ()=&gt;({\n    colorx:&apos;#3DC9B3&apos;,\n    items:[\n      {\n        title: &apos;Dashboard&apos;,\n        url: &apos;/&apos;\n      },\n      {\n        title: &apos;Link 1&apos;,\n        url: &apos;/blog&apos;\n      },\n      {\n        title: &apos;Link 2&apos;,\n        disabled: true\n      },\n      {\n        title: &apos;Active&apos;,\n        active: true\n      }\n    ]\n  })\n}\n&lt;/script&gt;\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data: () => ({\n    colorx:'#3DC9B3',\n    items:[\n      {\n        title: 'Dashboard',\n        url: '/'\n      },\n      {\n        title: 'Link 1',\n        url: '/blog'\n      },\n      {\n        title: 'Link 2',\n        disabled: true\n      },\n      {\n        title: 'Active',\n        active: true\n      }\n    ]\n  })\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadcrumbColor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadcrumbColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BreadcrumbColor.vue?vue&type=template&id=451a9434&\"\nimport script from \"./BreadcrumbColor.vue?vue&type=script&lang=js&\"\nexport * from \"./BreadcrumbColor.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Separator\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can change the separator dividing the links by either passing a string to the \"),_c('code',[_vm._v(\"separator\")]),_vm._v(\" directive like so \\\"\"),_c('strong',[_vm._v(\"•\")]),_vm._v(\"\\\", \\\"\"),_c('strong',[_vm._v(\"-\")]),_vm._v(\"\\\", \\\"\"),_c('strong',[_vm._v(\"|\")]),_vm._v(\"\\\" etc..., or by passing in one of the material icons text \\\"\"),_c('strong',[_vm._v(\"chevron_right\")]),_vm._v(\"\\\"\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"In order to differeciate a custom separator \\\"\"),_c('strong',[_vm._v(\"•\")]),_vm._v(\"\\\" from an icon \\\"\"),_c('strong',[_vm._v(\"chevron_right\")]),_vm._v(\"\\\", we verify the string length. If the length is \"),_c('strong',[_vm._v(\"greater than 1\")]),_vm._v(\" it will be considered a material icon.\")])]),_c('br'),_c('div',[_c('vs-breadcrumb',{attrs:{\"items\":_vm.items,\"separator\":\"•\"}}),_c('vs-breadcrumb',{attrs:{\"items\":_vm.items,\"separator\":\"-\"}}),_c('vs-breadcrumb',{attrs:{\"items\":_vm.items,\"separator\":\"|\"}}),_c('vs-breadcrumb',{attrs:{\"items\":_vm.items,\"separator\":_vm.$vs.rtl ? 'chevron_left' : 'chevron_right'}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-breadcrumb :items=\\\"[{...}, {...}]\\\" separator=\\\"•\\\"></vs-breadcrumb>\\n<vs-breadcrumb :items=\\\"[{...}, {...}]\\\" separator=\\\"-\\\"></vs-breadcrumb>\\n<vs-breadcrumb :items=\\\"[{...}, {...}]\\\" separator=\\\"|\\\"></vs-breadcrumb>\\n<vs-breadcrumb :items=\\\"[{...}, {...}]\\\" :separator=\\\"$vs.rtl ? 'chevron_left' : 'chevron_right'\\\"</vs-breadcrumb>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: BreadcrumbSeparator.vue\n    Description: Change separator using separator directive\n    ----------------------------------------------------------------------------------------\n    Item Name: Adstor - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Separator\" code-toggler>\n\n        <p>You can change the separator dividing the links by either passing a string to the <code>separator</code> directive like so \"<strong>•</strong>\", \"<strong>-</strong>\", \"<strong>|</strong>\" etc..., or by passing in one of the material icons text \"<strong>chevron_right</strong>\"</p>\n\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\n            <span>In order to differeciate a custom separator \"<strong>•</strong>\" from an icon \"<strong>chevron_right</strong>\", we verify the string length. If the length is <strong>greater than 1</strong> it will be considered a material icon.</span>\n        </vs-alert><br>\n\n        <div>\n\n            <vs-breadcrumb :items=\"items\" separator=\"•\"></vs-breadcrumb>\n            <vs-breadcrumb :items=\"items\" separator=\"-\"></vs-breadcrumb>\n            <vs-breadcrumb :items=\"items\" separator=\"|\"></vs-breadcrumb>\n            <vs-breadcrumb :items=\"items\" :separator=\"$vs.rtl ? 'chevron_left' : 'chevron_right'\"></vs-breadcrumb>\n\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;vs-breadcrumb :items=&quot;[{...}, {...}]&quot; separator=&quot;&bull;&quot;&gt;&lt;/vs-breadcrumb&gt;\n&lt;vs-breadcrumb :items=&quot;[{...}, {...}]&quot; separator=&quot;-&quot;&gt;&lt;/vs-breadcrumb&gt;\n&lt;vs-breadcrumb :items=&quot;[{...}, {...}]&quot; separator=&quot;|&quot;&gt;&lt;/vs-breadcrumb&gt;\n&lt;vs-breadcrumb :items=&quot;[{...}, {...}]&quot; :separator=&quot;$vs.rtl ? 'chevron_left' : 'chevron_right'&quot;&lt;/vs-breadcrumb&gt;\n        </template>\n\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data: () => ({\n    colorx:'#3DC9B3',\n    items:[\n      {\n        title: 'Dashboard',\n        url: '/'\n      },\n      {\n        title: 'Link 1',\n        url: '/blog'\n      },\n      {\n        title: 'Link 2',\n        disabled: true\n      },\n      {\n        title: 'Active',\n        active: true\n      }\n    ]\n  })\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadcrumbSeparator.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadcrumbSeparator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BreadcrumbSeparator.vue?vue&type=template&id=57bc28af&\"\nimport script from \"./BreadcrumbSeparator.vue?vue&type=script&lang=js&\"\nexport * from \"./BreadcrumbSeparator.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Slot\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"A default Vue slot that can be used instead of passing in an array of object. This allows for greater control of the breadcrumbs\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-breadcrumb',[_c('li',[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"Home\")]),_c('span',{staticClass:\"vs-breadcrum--separator\"},[_vm._v(\"/\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/apps/chat\"}},[_vm._v(\"Chat\")]),_c('span',{staticClass:\"vs-breadcrum--separator\"},[_vm._v(\"/\")])],1),_c('li',{staticClass:\"active\",attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Infos\")])])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-breadcrumb>\\n   <li><router-link to=\\\"/\\\">Home</router-link><span class=\\\"vs-breadcrum--separator\\\">/</span></li>\\n   <li><router-link to=\\\"/apps/chat\\\">Chat</router-link><span class=\\\"vs-breadcrum--separator\\\">/</span></li>\\n   <li aria-current=\\\"page\\\" class=\\\"active\\\">Infos</li>\\n</vs-breadcrumb>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./BreadcrumbSlot.vue?vue&type=template&id=232d2b63&\"\nvar script = {}\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Alignment\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Use \"),_c('code',[_vm._v(\"align\")]),_vm._v(\" to either align the breadcrumb to the left, center or right\")]),_c('div',{staticClass:\"mt-5\"},[_c('vs-breadcrumb',{staticClass:\"op-block mb-2\",attrs:{\"items\":_vm.items,\"align\":\"left\"}}),_c('vs-breadcrumb',{staticClass:\"op-block mb-2\",attrs:{\"items\":_vm.items,\"align\":\"center\"}}),_c('vs-breadcrumb',{staticClass:\"op-block mb-2\",attrs:{\"items\":_vm.items,\"align\":\"right\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-breadcrumb align=\\\"left\\\">...</vs-breadcrumb>\\n<vs-breadcrumb align=\\\"center\\\">...</vs-breadcrumb>\\n<vs-breadcrumb align=\\\"right\\\">...</vs-breadcrumb>\\n    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: BreadcrumbAlignment.vue\n  Description: Align breadcrumb to left, right or center\n  ----------------------------------------------------------------------------------------\n  Item Name: ADSTOR - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: http://www.achilov.dev\n========================================================================================== -->\n\n\n<template>\n  <vx-card title=\"Alignment\" code-toggler>\n\n    <p>Use <code>align</code> to either align the breadcrumb to the left, center or right</p>\n\n    <div class=\"mt-5\">\n\n      <vs-breadcrumb :items=\"items\" align=\"left\" class=\"op-block mb-2\"></vs-breadcrumb>\n      <vs-breadcrumb :items=\"items\" align=\"center\" class=\"op-block mb-2\"></vs-breadcrumb>\n      <vs-breadcrumb :items=\"items\" align=\"right\" class=\"op-block mb-2\"></vs-breadcrumb>\n\n    </div>\n\n    <template slot=\"codeContainer\">\n&lt;vs-breadcrumb align=&quot;left&quot;&gt;...&lt;/vs-breadcrumb&gt;\n&lt;vs-breadcrumb align=&quot;center&quot;&gt;...&lt;/vs-breadcrumb&gt;\n&lt;vs-breadcrumb align=&quot;right&quot;&gt;...&lt;/vs-breadcrumb&gt;\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data: () => ({\n    colorx:'#3DC9B3',\n    items:[\n      {\n        title: 'Dashboard',\n        url: '/'\n      },\n      {\n        title: 'Link 1',\n        url: '/blog'\n      },\n      {\n        title: 'Link 2',\n        disabled: true\n      },\n      {\n        title: 'Active',\n        active: true\n      }\n    ]\n  })\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadcrumbAlignment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadcrumbAlignment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BreadcrumbAlignment.vue?vue&type=template&id=f98784ca&\"\nimport script from \"./BreadcrumbAlignment.vue?vue&type=script&lang=js&\"\nexport * from \"./BreadcrumbAlignment.vue?vue&type=script&lang=js&\"\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    File Name: Breadcrumb.vue\n    Description: Breadcrumb - Imports all page portions\n    ----------------------------------------------------------------------------------------\n    Item Name: Adstor - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <div id=\"breadcrumb-demo\">\n        <breadcrumb-default></breadcrumb-default>\n        <breadcrumb-color></breadcrumb-color>\n        <breadcrumb-separator></breadcrumb-separator>\n        <breadcrumb-slot></breadcrumb-slot>\n        <breadcrumb-alignment></breadcrumb-alignment>\n    </div>\n</template>\n\n<script>\nimport BreadcrumbDefault from './BreadcrumbDefault.vue'\nimport BreadcrumbColor from './BreadcrumbColor.vue'\nimport BreadcrumbSeparator from './BreadcrumbSeparator.vue'\nimport BreadcrumbSlot from './BreadcrumbSlot.vue'\nimport BreadcrumbAlignment from './BreadcrumbAlignment.vue'\n\nexport default{\n  components: {\n    BreadcrumbDefault,\n    BreadcrumbColor,\n    BreadcrumbSeparator,\n    BreadcrumbSlot,\n    BreadcrumbAlignment\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Breadcrumb.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Breadcrumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Breadcrumb.vue?vue&type=template&id=6a2a302c&\"\nimport script from \"./Breadcrumb.vue?vue&type=script&lang=js&\"\nexport * from \"./Breadcrumb.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}