{"version":3,"sources":["webpack:///./src/views/components/vuesax/breadcrumb/Breadcrumb.vue?e35f","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbDefault.vue?62a1","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbDefault.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbColor.vue?d0c3","webpack:///src/views/components/vuesax/breadcrumb/BreadcrumbColor.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbColor.vue?d9b6","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbColor.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbSeparator.vue?330d","webpack:///src/views/components/vuesax/breadcrumb/BreadcrumbSeparator.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbSeparator.vue?1f0d","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbSeparator.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbSlot.vue?d8f5","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbSlot.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbAlignment.vue?5f17","webpack:///src/views/components/vuesax/breadcrumb/BreadcrumbAlignment.vue","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbAlignment.vue?00d9","webpack:///./src/views/components/vuesax/breadcrumb/BreadcrumbAlignment.vue","webpack:///src/views/components/vuesax/breadcrumb/Breadcrumb.vue","webpack:///./src/views/components/vuesax/breadcrumb/Breadcrumb.vue?a742","webpack:///./src/views/components/vuesax/breadcrumb/Breadcrumb.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticRenderFns","BreadcrumbDefaultvue_type_template_id_5d3f8cd0_render","title","code-toggler","_v","staticClass","items","url","disabled","active","slot","BreadcrumbDefaultvue_type_template_id_5d3f8cd0_staticRenderFns","script","component","Object","componentNormalizer","BreadcrumbDefault","BreadcrumbColorvue_type_template_id_fd73dad6_render","icon","color","directives","name","rawName","value","expression","type","domProps","on","input","$event","target","composing","colorx","BreadcrumbColorvue_type_template_id_fd73dad6_staticRenderFns","BreadcrumbColorvue_type_script_lang_js_","data","breadcrumb_BreadcrumbColorvue_type_script_lang_js_","BreadcrumbColor_component","BreadcrumbColor","BreadcrumbSeparatorvue_type_template_id_7a7477f0_render","separator","BreadcrumbSeparatorvue_type_template_id_7a7477f0_staticRenderFns","BreadcrumbSeparatorvue_type_script_lang_js_","breadcrumb_BreadcrumbSeparatorvue_type_script_lang_js_","BreadcrumbSeparator_component","BreadcrumbSeparator","BreadcrumbSlotvue_type_template_id_25711f7a_render","to","aria-current","BreadcrumbSlotvue_type_template_id_25711f7a_staticRenderFns","BreadcrumbSlot_script","BreadcrumbSlot_component","BreadcrumbSlot","BreadcrumbAlignmentvue_type_template_id_789ba35b_render","align","BreadcrumbAlignmentvue_type_template_id_789ba35b_staticRenderFns","BreadcrumbAlignmentvue_type_script_lang_js_","breadcrumb_BreadcrumbAlignmentvue_type_script_lang_js_","BreadcrumbAlignment_component","BreadcrumbAlignment","Breadcrumbvue_type_script_lang_js_","components","breadcrumb_Breadcrumbvue_type_script_lang_js_","Breadcrumb_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d0f0de4.33c03877.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=5d3f8cd0&\"\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\\t\\t\")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n\tFile Name: BreadcrumbColor.vue\r\n\tDescription: Change the color of active link in breadcrumb\r\n\t----------------------------------------------------------------------------------------\r\n\tItem Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n\tAuthor: Pixinvent\r\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n\t<vx-card title=\"Color\" code-toggler>\r\n\r\n\t\t<p>Use the <code>color</code> directive like for any other component that supports it to customize the breadcrumbs links color</p>\r\n\r\n\t\t<vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\r\n\t\t\t<span>Only <strong>RGB</strong> and <strong>HEX</strong> colors are supported.</span>\r\n\t\t</vs-alert>\r\n\r\n\t\t<div class=\"demo-alignment\">\r\n\r\n\t\t\t<input v-model=\"colorx\" type=\"color\" name=\"\" value=\"\">\r\n\t\t\t<vs-breadcrumb :color=\"colorx\" :items=\"items\"></vs-breadcrumb>\r\n\r\n\t\t</div>\r\n\r\n\t\t<template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n    &lt;input v-model=&quot;colorx&quot; type=&quot;color&quot; name=&quot;&quot; value=&quot;&quot;&gt;\r\n    &lt;vs-breadcrumb\r\n    :color=&quot;colorx&quot;\r\n    :items=&quot;items&quot;\r\n    &gt;&lt;/vs-breadcrumb&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data: ()=&gt;({\r\n    colorx:&apos;#3DC9B3&apos;,\r\n    items:[\r\n      {\r\n        title: &apos;Dashboard&apos;,\r\n        url: &apos;/&apos;\r\n      },\r\n      {\r\n        title: &apos;Link 1&apos;,\r\n        url: &apos;/blog&apos;\r\n      },\r\n      {\r\n        title: &apos;Link 2&apos;,\r\n        disabled: true\r\n      },\r\n      {\r\n        title: &apos;Active&apos;,\r\n        active: true\r\n      }\r\n    ]\r\n  })\r\n}\r\n&lt;/script&gt;\r\n\t\t</template>\r\n\r\n\t</vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data: ()=>({\r\n    colorx:'#3DC9B3',\r\n    items:[\r\n      {\r\n        title: 'Dashboard',\r\n        url: '/'\r\n      },\r\n      {\r\n        title: 'Link 1',\r\n        url: '/blog'\r\n      },\r\n      {\r\n        title: 'Link 2',\r\n        disabled: true\r\n      },\r\n      {\r\n        title: 'Active',\r\n        active: true\r\n      }\r\n    ]\r\n  })\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=fd73dad6&\"\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\":\"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=\\\"chevron_right\\\"></vs-breadcrumb>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: BreadcrumbSeparator.vue\r\n    Description: Change separator using separator directive\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Separator\" code-toggler>\r\n\r\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>\r\n\r\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\r\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>\r\n        </vs-alert><br>\r\n\r\n        <div>\r\n\r\n            <vs-breadcrumb :items=\"items\" separator=\"•\"></vs-breadcrumb>\r\n            <vs-breadcrumb :items=\"items\" separator=\"-\"></vs-breadcrumb>\r\n            <vs-breadcrumb :items=\"items\" separator=\"|\"></vs-breadcrumb>\r\n            <vs-breadcrumb :items=\"items\" separator=\"chevron_right\"></vs-breadcrumb>\r\n\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;vs-breadcrumb :items=&quot;[{...}, {...}]&quot; separator=&quot;&bull;&quot;&gt;&lt;/vs-breadcrumb&gt;\r\n&lt;vs-breadcrumb :items=&quot;[{...}, {...}]&quot; separator=&quot;-&quot;&gt;&lt;/vs-breadcrumb&gt;\r\n&lt;vs-breadcrumb :items=&quot;[{...}, {...}]&quot; separator=&quot;|&quot;&gt;&lt;/vs-breadcrumb&gt;\r\n&lt;vs-breadcrumb :items=&quot;[{...}, {...}]&quot; separator=&quot;chevron_right&quot;&gt;&lt;/vs-breadcrumb&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data: ()=>({\r\n    colorx:'#3DC9B3',\r\n    items:[\r\n      {\r\n        title: 'Dashboard',\r\n        url: '/'\r\n      },\r\n      {\r\n        title: 'Link 1',\r\n        url: '/blog'\r\n      },\r\n      {\r\n        title: 'Link 2',\r\n        disabled: true\r\n      },\r\n      {\r\n        title: 'Active',\r\n        active: true\r\n      }\r\n    ]\r\n  })\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=7a7477f0&\"\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=25711f7a&\"\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\\t\\t\")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n\tFile Name: BreadcrumbAlignment.vue\r\n\tDescription: Align breadcrumb to left, right or center\r\n\t----------------------------------------------------------------------------------------\r\n\tItem Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n\tAuthor: Pixinvent\r\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n\t<vx-card title=\"Alignment\" code-toggler>\r\n\r\n\t\t<p>Use <code>align</code> to either align the breadcrumb to the left, center or right</p>\r\n\r\n\t\t<div class=\"mt-5\">\r\n\r\n\t\t\t<vs-breadcrumb :items=\"items\" align=\"left\" class=\"op-block mb-2\"></vs-breadcrumb>\r\n\t\t\t<vs-breadcrumb :items=\"items\" align=\"center\" class=\"op-block mb-2\"></vs-breadcrumb>\r\n\t\t\t<vs-breadcrumb :items=\"items\" align=\"right\" class=\"op-block mb-2\"></vs-breadcrumb>\r\n\r\n\t\t</div>\r\n\r\n\t\t<template slot=\"codeContainer\">\r\n&lt;vs-breadcrumb align=&quot;left&quot;&gt;...&lt;/vs-breadcrumb&gt;\r\n&lt;vs-breadcrumb align=&quot;center&quot;&gt;...&lt;/vs-breadcrumb&gt;\r\n&lt;vs-breadcrumb align=&quot;right&quot;&gt;...&lt;/vs-breadcrumb&gt;\r\n\t\t</template>\r\n\r\n\t</vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data: ()=>({\r\n    colorx:'#3DC9B3',\r\n    items:[\r\n      {\r\n        title: 'Dashboard',\r\n        url: '/'\r\n      },\r\n      {\r\n        title: 'Link 1',\r\n        url: '/blog'\r\n      },\r\n      {\r\n        title: 'Link 2',\r\n        disabled: true\r\n      },\r\n      {\r\n        title: 'Active',\r\n        active: true\r\n      }\r\n    ]\r\n  })\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=789ba35b&\"\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","<!-- =========================================================================================\r\n    File Name: Breadcrumb.vue\r\n    Description: Breadcrumb - Imports all page portions\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <div id=\"breadcrumb-demo\">\r\n        <breadcrumb-default></breadcrumb-default>\r\n        <breadcrumb-color></breadcrumb-color>\r\n        <breadcrumb-separator></breadcrumb-separator>\r\n        <breadcrumb-slot></breadcrumb-slot>\r\n        <breadcrumb-alignment></breadcrumb-alignment>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport BreadcrumbDefault from './BreadcrumbDefault.vue'\r\nimport BreadcrumbColor from './BreadcrumbColor.vue'\r\nimport BreadcrumbSeparator from './BreadcrumbSeparator.vue'\r\nimport BreadcrumbSlot from './BreadcrumbSlot.vue'\r\nimport BreadcrumbAlignment from './BreadcrumbAlignment.vue'\r\n\r\nexport default{\r\n    components: {\r\n        BreadcrumbDefault,\r\n        BreadcrumbColor,\r\n        BreadcrumbSeparator,\r\n        BreadcrumbSlot,\r\n        BreadcrumbAlignment,\r\n    }   \r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=7fe91524&\"\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":""}