{"version":3,"sources":["webpack:///./src/views/core/UiBreadcrumb.vue","webpack:///src/views/core/UiBreadcrumb.vue","webpack:///./src/views/core/UiBreadcrumb.vue?1ac0","webpack:///./src/views/core/UiBreadcrumb.vue?9ab6"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","proxy","directives","name","rawName","modifiers","items1","items2","items3","itemsIcon1","itemsIcon2","itemsIcon3","staticRenderFns","mounted","core","index","data","text","active","href","html","component"],"mappings":"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","file":"js/chunk-2d0c04b2.8297cf5a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Breadcrumb\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Use the items in order to programatically generate the breadcrumb links.use class \"),_c('code',[_vm._v(\".breadcrumb to ol\")])]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-1\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"breadcrumb-1\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-breadcrumb :items=\\\"items1\\\" />\\n<b-breadcrumb :items=\\\"items2\\\" />\\n<b-breadcrumb :items=\\\"items3\\\" />\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      items1: [\\n        {\\n          text: 'Home',\\n          active: true\\n        }\\n      ],\\n      items2: [\\n        {\\n          text: 'Home',\\n          href: '#'\\n        },\\n        {\\n          text: 'Library',\\n          active: true\\n        }\\n      ],\\n      items3: [\\n        {\\n          text: 'Home',\\n          href: '#'\\n        },\\n        {\\n          text: 'Library',\\n          href: '#'\\n        },\\n        {\\n          text: 'Data',\\n          active: true\\n        }\\n      ]\\n    }\\n  }\\n}\\n\")])])])])]),_c('b-breadcrumb',{attrs:{\"items\":_vm.items1}}),_c('b-breadcrumb',{attrs:{\"items\":_vm.items2}}),_c('b-breadcrumb',{attrs:{\"items\":_vm.items3}})]},proxy:true}])})],1),_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Breadcrumb With Icon\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Use the items in order to programatically generate the breadcrumb links.use class \"),_c('code',[_vm._v(\".breadcrumb to ol\")]),_vm._v(\" with Icon\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-2\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"breadcrumb-icon-1\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-breadcrumb :items=\\\"itemsIcon1\\\" />\\n<b-breadcrumb :items=\\\"itemsIcon2\\\" />\\n<b-breadcrumb :items=\\\"itemsIcon3\\\" />\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      itemsIcon1: [\\n        {\\n          html: '<i class=\\\"ri-home-4-line mr-1 float-left\\\"></i>Home',\\n          active: true\\n        }\\n      ],\\n      itemsIcon2: [\\n        {\\n          html: '<i class=\\\"ri-home-4-line mr-1 float-left\\\"></i>Home',\\n          href: '#'\\n        },\\n        {\\n          text: 'Library',\\n          active: true\\n        }\\n      ],\\n      itemsIcon3: [\\n        {\\n          html: '<i class=\\\"ri-home-4-line mr-1 float-left\\\"></i>Home',\\n          href: '#'\\n        },\\n        {\\n          text: 'Library',\\n          href: '#'\\n        },\\n        {\\n          text: 'Data',\\n          active: true\\n        }\\n      ]\\n    }\\n  }\\n}\\n\")])])])])]),_c('b-breadcrumb',{attrs:{\"items\":_vm.itemsIcon1}}),_c('b-breadcrumb',{attrs:{\"items\":_vm.itemsIcon2}}),_c('b-breadcrumb',{attrs:{\"items\":_vm.itemsIcon3}})]},proxy:true}])})],1)],1),_c('b-row',[_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Breadcrumb\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-3\",modifiers:{\"collapse-3\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"use class \"),_c('code',[_vm._v(\".breadcrumb .bg-primary\")])]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-3\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"breadcrumb-2\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<nav aria-label=\\\"breadcrumb \\\">\\n  <ol class=\\\"breadcrumb bg-primary\\\">\\n    <li class=\\\"breadcrumb-item active text-white\\\" aria-current=\\\"page\\\">Home</li>\\n  </ol>\\n</nav>\\n<nav aria-label=\\\"breadcrumb\\\">\\n  <ol class=\\\"breadcrumb bg-primary\\\">\\n    <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\" class=\\\"text-white\\\">Home</a></li>\\n    <li class=\\\"breadcrumb-item active text-white\\\" aria-current=\\\"page\\\">Library</li>\\n  </ol>\\n</nav>\\n<nav aria-label=\\\"breadcrumb\\\">\\n  <ol class=\\\"breadcrumb bg-primary mb-0\\\">\\n    <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\" class=\\\"text-white\\\">Home</a></li>\\n    <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\" class=\\\"text-white\\\">Library</a></li>\\n    <li class=\\\"breadcrumb-item active text-white\\\" aria-current=\\\"page\\\">Data</li>\\n  </ol>\\n</nav>\\n\")])])])])]),_c('nav',{attrs:{\"aria-label\":\"breadcrumb \"}},[_c('ol',{staticClass:\"breadcrumb bg-primary\"},[_c('li',{staticClass:\"breadcrumb-item active text-white\",attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Home\")])])]),_c('nav',{attrs:{\"aria-label\":\"breadcrumb\"}},[_c('ol',{staticClass:\"breadcrumb bg-primary\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-white\",attrs:{\"href\":\"#\"}},[_vm._v(\"Home\")])]),_c('li',{staticClass:\"breadcrumb-item active text-white\",attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Library\")])])]),_c('nav',{attrs:{\"aria-label\":\"breadcrumb\"}},[_c('ol',{staticClass:\"breadcrumb bg-primary mb-0\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-white\",attrs:{\"href\":\"#\"}},[_vm._v(\"Home\")])]),_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-white\",attrs:{\"href\":\"#\"}},[_vm._v(\"Library\")])]),_c('li',{staticClass:\"breadcrumb-item active text-white\",attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Data\")])])])]},proxy:true}])})],1),_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Breadcrumb With Icon\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-4\",modifiers:{\"collapse-4\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"use class \"),_c('code',[_vm._v(\".breadcrumb .bg-primary \")]),_vm._v(\" With Icon.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-4\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"breadcrumb-icon-2\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<nav aria-label=\\\"breadcrumb\\\">\\n  <ol class=\\\"breadcrumb bg-primary\\\">\\n    <li class=\\\"breadcrumb-item active text-white\\\" aria-current=\\\"page\\\"><i class=\\\"ri-home-4-line mr-1 float-left\\\"></i>Home</li>\\n  </ol>\\n</nav>\\n<nav aria-label=\\\"breadcrumb\\\">\\n  <ol class=\\\"breadcrumb bg-primary\\\">\\n    <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\" class=\\\"text-white\\\"><i class=\\\"ri-home-4-line mr-1 float-left\\\"></i>Home</a></li>\\n    <li class=\\\"breadcrumb-item active text-white\\\" aria-current=\\\"page\\\">Library</li>\\n  </ol>\\n</nav>\\n<nav aria-label=\\\"breadcrumb\\\">\\n  <ol class=\\\"breadcrumb bg-primary mb-0\\\">\\n    <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\" class=\\\"text-white\\\"><i class=\\\"ri-home-4-line mr-1 float-left\\\"></i>Home</a></li>\\n    <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\" class=\\\"text-white\\\">Library</a></li>\\n    <li class=\\\"breadcrumb-item active text-white\\\" aria-current=\\\"page\\\">Data</li>\\n  </ol>\\n</nav>\\n\")])])])])]),_c('nav',{attrs:{\"aria-label\":\"breadcrumb\"}},[_c('ol',{staticClass:\"breadcrumb bg-primary\"},[_c('li',{staticClass:\"breadcrumb-item active text-white\",attrs:{\"aria-current\":\"page\"}},[_c('i',{staticClass:\"ri-home-4-line mr-1 float-left\"}),_vm._v(\"Home\")])])]),_c('nav',{attrs:{\"aria-label\":\"breadcrumb\"}},[_c('ol',{staticClass:\"breadcrumb bg-primary\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-white\",attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"ri-home-4-line mr-1 float-left\"}),_vm._v(\"Home\")])]),_c('li',{staticClass:\"breadcrumb-item active text-white\",attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Library\")])])]),_c('nav',{attrs:{\"aria-label\":\"breadcrumb\"}},[_c('ol',{staticClass:\"breadcrumb bg-primary mb-0\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-white\",attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"ri-home-4-line mr-1 float-left\"}),_vm._v(\"Home\")])]),_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-white\",attrs:{\"href\":\"#\"}},[_vm._v(\"Library\")])]),_c('li',{staticClass:\"breadcrumb-item active text-white\",attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Data\")])])])]},proxy:true}])})],1)],1),_c('b-row',[_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Breadcrumb With Icon\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-5\",modifiers:{\"collapse-5\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"use class \"),_c('code',[_vm._v(\".breadcrumb .iq-bg-primary\")])]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-5\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"breadcrumb-icon-3\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-breadcrumb class=\\\"iq-bg-primary\\\" :items=\\\"itemsIcon1\\\" />\\n<b-breadcrumb class=\\\"iq-bg-primary\\\" :items=\\\"itemsIcon2\\\" />\\n<b-breadcrumb class=\\\"iq-bg-primary\\\" :items=\\\"itemsIcon3\\\" />\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      itemsIcon1: [\\n        {\\n          html: '<i class=\\\"ri-home-4-line mr-1 float-left\\\"></i>Home',\\n          active: true\\n        }\\n      ],\\n      itemsIcon2: [\\n        {\\n          html: '<i class=\\\"ri-home-4-line mr-1 float-left\\\"></i>Home',\\n          href: '#'\\n        },\\n        {\\n          text: 'Library',\\n          active: true\\n        }\\n      ],\\n      itemsIcon3: [\\n        {\\n          html: '<i class=\\\"ri-home-4-line mr-1 float-left\\\"></i>Home',\\n          href: '#'\\n        },\\n        {\\n          text: 'Library',\\n          href: '#'\\n        },\\n        {\\n          text: 'Data',\\n          active: true\\n        }\\n      ]\\n    }\\n  }\\n}\\n\")])])])])]),_c('b-breadcrumb',{staticClass:\"iq-bg-primary\",attrs:{\"items\":_vm.itemsIcon1}}),_c('b-breadcrumb',{staticClass:\"iq-bg-primary\",attrs:{\"items\":_vm.itemsIcon2}}),_c('b-breadcrumb',{staticClass:\"iq-bg-primary mb-0\",attrs:{\"items\":_vm.itemsIcon3}})]},proxy:true}])})],1),_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Breadcrumb With Icon\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-6\",modifiers:{\"collapse-6\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"use class \"),_c('code',[_vm._v(\".breadcrumb .iq-bg-danger\")])]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-6\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"breadcrumb-icon-4\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<nav aria-label=\\\"breadcrumb\\\">\\n    <ol class=\\\"breadcrumb iq-bg-danger\\\">\\n      <li class=\\\"breadcrumb-item active\\\" aria-current=\\\"page\\\"><i class=\\\"ri-home-4-line mr-1 float-left\\\"></i>Home</li>\\n    </ol>\\n  </nav>\\n  <nav aria-label=\\\"breadcrumb\\\">\\n    <ol class=\\\"breadcrumb iq-bg-danger\\\">\\n      <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\" class=\\\"text-danger\\\"><i class=\\\"ri-home-4-line mr-1 float-left\\\"></i>Home</a></li>\\n      <li class=\\\"breadcrumb-item active\\\" aria-current=\\\"page\\\">Library</li>\\n    </ol>\\n  </nav>\\n  <nav aria-label=\\\"breadcrumb\\\">\\n    <ol class=\\\"breadcrumb iq-bg-danger mb-0\\\">\\n      <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\" class=\\\"text-danger\\\"><i class=\\\"ri-home-4-line mr-1 float-left\\\"></i>Home</a></li>\\n      <li class=\\\"breadcrumb-item\\\"><a href=\\\"#\\\" class=\\\"text-danger\\\">Library</a></li>\\n      <li class=\\\"breadcrumb-item active\\\" aria-current=\\\"page\\\">Data</li>\\n    </ol>\\n  </nav>\\n\")])])])])]),_c('nav',{attrs:{\"aria-label\":\"breadcrumb\"}},[_c('ol',{staticClass:\"breadcrumb iq-bg-danger\"},[_c('li',{staticClass:\"breadcrumb-item active\",attrs:{\"aria-current\":\"page\"}},[_c('i',{staticClass:\"ri-home-4-line mr-1 float-left\"}),_vm._v(\"Home\")])])]),_c('nav',{attrs:{\"aria-label\":\"breadcrumb\"}},[_c('ol',{staticClass:\"breadcrumb iq-bg-danger\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-danger\",attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"ri-home-4-line mr-1 float-left\"}),_vm._v(\"Home\")])]),_c('li',{staticClass:\"breadcrumb-item active\",attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Library\")])])]),_c('nav',{attrs:{\"aria-label\":\"breadcrumb\"}},[_c('ol',{staticClass:\"breadcrumb iq-bg-danger mb-0\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-danger\",attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"ri-home-4-line mr-1 float-left\"}),_vm._v(\"Home\")])]),_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-danger\",attrs:{\"href\":\"#\"}},[_vm._v(\"Library\")])]),_c('li',{staticClass:\"breadcrumb-item active\",attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Data\")])])])]},proxy:true}])})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid>\n    <b-row>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Breadcrumb</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-1 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Use the items in order to programatically generate the breadcrumb links.use class <code>.breadcrumb to ol</code></p>\n            <b-collapse id=\"collapse-1\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"breadcrumb-1\">\n                    <code>\n&lt;b-breadcrumb :items=\"items1\" /&gt;\n&lt;b-breadcrumb :items=\"items2\" /&gt;\n&lt;b-breadcrumb :items=\"items3\" /&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      items1: [\n        {\n          text: 'Home',\n          active: true\n        }\n      ],\n      items2: [\n        {\n          text: 'Home',\n          href: '#'\n        },\n        {\n          text: 'Library',\n          active: true\n        }\n      ],\n      items3: [\n        {\n          text: 'Home',\n          href: '#'\n        },\n        {\n          text: 'Library',\n          href: '#'\n        },\n        {\n          text: 'Data',\n          active: true\n        }\n      ]\n    }\n  }\n}\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n             <b-breadcrumb :items=\"items1\" />\n             <b-breadcrumb :items=\"items2\" />\n             <b-breadcrumb :items=\"items3\" />\n          </template>\n        </iq-card>\n      </b-col>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Breadcrumb With Icon</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-2 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Use the items in order to programatically generate the breadcrumb links.use class <code>.breadcrumb to ol</code> with Icon</p>\n            <b-collapse id=\"collapse-2\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"breadcrumb-icon-1\">\n                    <code>\n&lt;b-breadcrumb :items=\"itemsIcon1\" /&gt;\n&lt;b-breadcrumb :items=\"itemsIcon2\" /&gt;\n&lt;b-breadcrumb :items=\"itemsIcon3\" /&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      itemsIcon1: [\n        {\n          html: '&lt;i class=\"ri-home-4-line mr-1 float-left\"&gt;&lt;/i&gt;Home',\n          active: true\n        }\n      ],\n      itemsIcon2: [\n        {\n          html: '&lt;i class=\"ri-home-4-line mr-1 float-left\"&gt;&lt;/i&gt;Home',\n          href: '#'\n        },\n        {\n          text: 'Library',\n          active: true\n        }\n      ],\n      itemsIcon3: [\n        {\n          html: '&lt;i class=\"ri-home-4-line mr-1 float-left\"&gt;&lt;/i&gt;Home',\n          href: '#'\n        },\n        {\n          text: 'Library',\n          href: '#'\n        },\n        {\n          text: 'Data',\n          active: true\n        }\n      ]\n    }\n  }\n}\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n             <b-breadcrumb :items=\"itemsIcon1\" />\n             <b-breadcrumb :items=\"itemsIcon2\" />\n             <b-breadcrumb :items=\"itemsIcon3\" />\n          </template>\n        </iq-card>\n      </b-col>\n    </b-row>\n    <b-row>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Breadcrumb</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-3 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>use class <code>.breadcrumb .bg-primary</code></p>\n            <b-collapse id=\"collapse-3\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"breadcrumb-2\">\n                    <code>\n&#x3C;nav aria-label=&#x22;breadcrumb &#x22;&#x3E;\n  &#x3C;ol class=&#x22;breadcrumb bg-primary&#x22;&#x3E;\n    &#x3C;li class=&#x22;breadcrumb-item active text-white&#x22; aria-current=&#x22;page&#x22;&#x3E;Home&#x3C;/li&#x3E;\n  &#x3C;/ol&#x3E;\n&#x3C;/nav&#x3E;\n&#x3C;nav aria-label=&#x22;breadcrumb&#x22;&#x3E;\n  &#x3C;ol class=&#x22;breadcrumb bg-primary&#x22;&#x3E;\n    &#x3C;li class=&#x22;breadcrumb-item&#x22;&#x3E;&#x3C;a href=&#x22;#&#x22; class=&#x22;text-white&#x22;&#x3E;Home&#x3C;/a&#x3E;&#x3C;/li&#x3E;\n    &#x3C;li class=&#x22;breadcrumb-item active text-white&#x22; aria-current=&#x22;page&#x22;&#x3E;Library&#x3C;/li&#x3E;\n  &#x3C;/ol&#x3E;\n&#x3C;/nav&#x3E;\n&#x3C;nav aria-label=&#x22;breadcrumb&#x22;&#x3E;\n  &#x3C;ol class=&#x22;breadcrumb bg-primary mb-0&#x22;&#x3E;\n    &#x3C;li class=&#x22;breadcrumb-item&#x22;&#x3E;&#x3C;a href=&#x22;#&#x22; class=&#x22;text-white&#x22;&#x3E;Home&#x3C;/a&#x3E;&#x3C;/li&#x3E;\n    &#x3C;li class=&#x22;breadcrumb-item&#x22;&#x3E;&#x3C;a href=&#x22;#&#x22; class=&#x22;text-white&#x22;&#x3E;Library&#x3C;/a&#x3E;&#x3C;/li&#x3E;\n    &#x3C;li class=&#x22;breadcrumb-item active text-white&#x22; aria-current=&#x22;page&#x22;&#x3E;Data&#x3C;/li&#x3E;\n  &#x3C;/ol&#x3E;\n&#x3C;/nav&#x3E;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <nav aria-label=\"breadcrumb \">\n              <ol class=\"breadcrumb bg-primary\">\n                <li class=\"breadcrumb-item active text-white\" aria-current=\"page\">Home</li>\n              </ol>\n            </nav>\n            <nav aria-label=\"breadcrumb\">\n              <ol class=\"breadcrumb bg-primary\">\n                <li class=\"breadcrumb-item\"><a href=\"#\" class=\"text-white\">Home</a></li>\n                <li class=\"breadcrumb-item active text-white\" aria-current=\"page\">Library</li>\n              </ol>\n            </nav>\n            <nav aria-label=\"breadcrumb\">\n              <ol class=\"breadcrumb bg-primary mb-0\">\n                <li class=\"breadcrumb-item\"><a href=\"#\" class=\"text-white\">Home</a></li>\n                <li class=\"breadcrumb-item\"><a href=\"#\" class=\"text-white\">Library</a></li>\n                <li class=\"breadcrumb-item active text-white\" aria-current=\"page\">Data</li>\n              </ol>\n            </nav>\n          </template>\n        </iq-card>\n      </b-col>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Breadcrumb With Icon</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-4 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>use class <code>.breadcrumb .bg-primary </code> With Icon.</p>\n            <b-collapse id=\"collapse-4\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"breadcrumb-icon-2\">\n                    <code>\n&#x3C;nav aria-label=&#x22;breadcrumb&#x22;&#x3E;\n  &#x3C;ol class=&#x22;breadcrumb bg-primary&#x22;&#x3E;\n    &#x3C;li class=&#x22;breadcrumb-item active text-white&#x22; aria-current=&#x22;page&#x22;&#x3E;&#x3C;i class=&#x22;ri-home-4-line mr-1 float-left&#x22;&#x3E;&#x3C;/i&#x3E;Home&#x3C;/li&#x3E;\n  &#x3C;/ol&#x3E;\n&#x3C;/nav&#x3E;\n&#x3C;nav aria-label=&#x22;breadcrumb&#x22;&#x3E;\n  &#x3C;ol class=&#x22;breadcrumb bg-primary&#x22;&#x3E;\n    &#x3C;li class=&#x22;breadcrumb-item&#x22;&#x3E;&#x3C;a href=&#x22;#&#x22; class=&#x22;text-white&#x22;&#x3E;&#x3C;i class=&#x22;ri-home-4-line mr-1 float-left&#x22;&#x3E;&#x3C;/i&#x3E;Home&#x3C;/a&#x3E;&#x3C;/li&#x3E;\n    &#x3C;li class=&#x22;breadcrumb-item active text-white&#x22; aria-current=&#x22;page&#x22;&#x3E;Library&#x3C;/li&#x3E;\n  &#x3C;/ol&#x3E;\n&#x3C;/nav&#x3E;\n&#x3C;nav aria-label=&#x22;breadcrumb&#x22;&#x3E;\n  &#x3C;ol class=&#x22;breadcrumb bg-primary mb-0&#x22;&#x3E;\n    &#x3C;li class=&#x22;breadcrumb-item&#x22;&#x3E;&#x3C;a href=&#x22;#&#x22; class=&#x22;text-white&#x22;&#x3E;&#x3C;i class=&#x22;ri-home-4-line mr-1 float-left&#x22;&#x3E;&#x3C;/i&#x3E;Home&#x3C;/a&#x3E;&#x3C;/li&#x3E;\n    &#x3C;li class=&#x22;breadcrumb-item&#x22;&#x3E;&#x3C;a href=&#x22;#&#x22; class=&#x22;text-white&#x22;&#x3E;Library&#x3C;/a&#x3E;&#x3C;/li&#x3E;\n    &#x3C;li class=&#x22;breadcrumb-item active text-white&#x22; aria-current=&#x22;page&#x22;&#x3E;Data&#x3C;/li&#x3E;\n  &#x3C;/ol&#x3E;\n&#x3C;/nav&#x3E;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <nav aria-label=\"breadcrumb\">\n              <ol class=\"breadcrumb bg-primary\">\n                <li class=\"breadcrumb-item active text-white\" aria-current=\"page\"><i class=\"ri-home-4-line mr-1 float-left\"></i>Home</li>\n              </ol>\n            </nav>\n            <nav aria-label=\"breadcrumb\">\n              <ol class=\"breadcrumb bg-primary\">\n                <li class=\"breadcrumb-item\"><a href=\"#\" class=\"text-white\"><i class=\"ri-home-4-line mr-1 float-left\"></i>Home</a></li>\n                <li class=\"breadcrumb-item active text-white\" aria-current=\"page\">Library</li>\n              </ol>\n            </nav>\n            <nav aria-label=\"breadcrumb\">\n              <ol class=\"breadcrumb bg-primary mb-0\">\n                <li class=\"breadcrumb-item\"><a href=\"#\" class=\"text-white\"><i class=\"ri-home-4-line mr-1 float-left\"></i>Home</a></li>\n                <li class=\"breadcrumb-item\"><a href=\"#\" class=\"text-white\">Library</a></li>\n                <li class=\"breadcrumb-item active text-white\" aria-current=\"page\">Data</li>\n              </ol>\n            </nav>\n          </template>\n        </iq-card>\n      </b-col>\n    </b-row>\n    <b-row>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Breadcrumb With Icon</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-5 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>use class <code>.breadcrumb .iq-bg-primary</code></p>\n            <b-collapse id=\"collapse-5\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"breadcrumb-icon-3\">\n                    <code>\n&lt;b-breadcrumb class=\"iq-bg-primary\" :items=\"itemsIcon1\" /&gt;\n&lt;b-breadcrumb class=\"iq-bg-primary\" :items=\"itemsIcon2\" /&gt;\n&lt;b-breadcrumb class=\"iq-bg-primary\" :items=\"itemsIcon3\" /&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      itemsIcon1: [\n        {\n          html: '&lt;i class=\"ri-home-4-line mr-1 float-left\"&gt;&lt;/i&gt;Home',\n          active: true\n        }\n      ],\n      itemsIcon2: [\n        {\n          html: '&lt;i class=\"ri-home-4-line mr-1 float-left\"&gt;&lt;/i&gt;Home',\n          href: '#'\n        },\n        {\n          text: 'Library',\n          active: true\n        }\n      ],\n      itemsIcon3: [\n        {\n          html: '&lt;i class=\"ri-home-4-line mr-1 float-left\"&gt;&lt;/i&gt;Home',\n          href: '#'\n        },\n        {\n          text: 'Library',\n          href: '#'\n        },\n        {\n          text: 'Data',\n          active: true\n        }\n      ]\n    }\n  }\n}\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n             <b-breadcrumb class=\"iq-bg-primary\" :items=\"itemsIcon1\" />\n             <b-breadcrumb class=\"iq-bg-primary\" :items=\"itemsIcon2\" />\n             <b-breadcrumb class=\"iq-bg-primary mb-0\" :items=\"itemsIcon3\" />\n          </template>\n        </iq-card>\n      </b-col>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Breadcrumb With Icon</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-6 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>use class <code>.breadcrumb .iq-bg-danger</code></p>\n            <b-collapse id=\"collapse-6\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"breadcrumb-icon-4\">\n                    <code>\n&#x3C;nav aria-label=&#x22;breadcrumb&#x22;&#x3E;\n    &#x3C;ol class=&#x22;breadcrumb iq-bg-danger&#x22;&#x3E;\n      &#x3C;li class=&#x22;breadcrumb-item active&#x22; aria-current=&#x22;page&#x22;&#x3E;&#x3C;i class=&#x22;ri-home-4-line mr-1 float-left&#x22;&#x3E;&#x3C;/i&#x3E;Home&#x3C;/li&#x3E;\n    &#x3C;/ol&#x3E;\n  &#x3C;/nav&#x3E;\n  &#x3C;nav aria-label=&#x22;breadcrumb&#x22;&#x3E;\n    &#x3C;ol class=&#x22;breadcrumb iq-bg-danger&#x22;&#x3E;\n      &#x3C;li class=&#x22;breadcrumb-item&#x22;&#x3E;&#x3C;a href=&#x22;#&#x22; class=&#x22;text-danger&#x22;&#x3E;&#x3C;i class=&#x22;ri-home-4-line mr-1 float-left&#x22;&#x3E;&#x3C;/i&#x3E;Home&#x3C;/a&#x3E;&#x3C;/li&#x3E;\n      &#x3C;li class=&#x22;breadcrumb-item active&#x22; aria-current=&#x22;page&#x22;&#x3E;Library&#x3C;/li&#x3E;\n    &#x3C;/ol&#x3E;\n  &#x3C;/nav&#x3E;\n  &#x3C;nav aria-label=&#x22;breadcrumb&#x22;&#x3E;\n    &#x3C;ol class=&#x22;breadcrumb iq-bg-danger mb-0&#x22;&#x3E;\n      &#x3C;li class=&#x22;breadcrumb-item&#x22;&#x3E;&#x3C;a href=&#x22;#&#x22; class=&#x22;text-danger&#x22;&#x3E;&#x3C;i class=&#x22;ri-home-4-line mr-1 float-left&#x22;&#x3E;&#x3C;/i&#x3E;Home&#x3C;/a&#x3E;&#x3C;/li&#x3E;\n      &#x3C;li class=&#x22;breadcrumb-item&#x22;&#x3E;&#x3C;a href=&#x22;#&#x22; class=&#x22;text-danger&#x22;&#x3E;Library&#x3C;/a&#x3E;&#x3C;/li&#x3E;\n      &#x3C;li class=&#x22;breadcrumb-item active&#x22; aria-current=&#x22;page&#x22;&#x3E;Data&#x3C;/li&#x3E;\n    &#x3C;/ol&#x3E;\n  &#x3C;/nav&#x3E;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <nav aria-label=\"breadcrumb\">\n              <ol class=\"breadcrumb iq-bg-danger\">\n                <li class=\"breadcrumb-item active\" aria-current=\"page\"><i class=\"ri-home-4-line mr-1 float-left\"></i>Home</li>\n              </ol>\n            </nav>\n            <nav aria-label=\"breadcrumb\">\n              <ol class=\"breadcrumb iq-bg-danger\">\n                <li class=\"breadcrumb-item\"><a href=\"#\" class=\"text-danger\"><i class=\"ri-home-4-line mr-1 float-left\"></i>Home</a></li>\n                <li class=\"breadcrumb-item active\" aria-current=\"page\">Library</li>\n              </ol>\n            </nav>\n            <nav aria-label=\"breadcrumb\">\n              <ol class=\"breadcrumb iq-bg-danger mb-0\">\n                <li class=\"breadcrumb-item\"><a href=\"#\" class=\"text-danger\"><i class=\"ri-home-4-line mr-1 float-left\"></i>Home</a></li>\n                <li class=\"breadcrumb-item\"><a href=\"#\" class=\"text-danger\">Library</a></li>\n                <li class=\"breadcrumb-item active\" aria-current=\"page\">Data</li>\n              </ol>\n            </nav>\n          </template>\n        </iq-card>\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n<script>\nimport { core } from '../../config/pluginInit'\n\nexport default {\n  name: 'UiBreadcrumb',\n  mounted () {\n    core.index()\n  },\n  data () {\n    return {\n      items1: [\n        {\n          text: 'Home',\n          active: true\n        }\n      ],\n      items2: [\n        {\n          text: 'Home',\n          href: '#'\n        },\n        {\n          text: 'Library',\n          active: true\n        }\n      ],\n      items3: [\n        {\n          text: 'Home',\n          href: '#'\n        },\n        {\n          text: 'Library',\n          href: '#'\n        },\n        {\n          text: 'Data',\n          active: true\n        }\n      ],\n      itemsIcon1: [\n        {\n          html: '<i class=\"ri-home-4-line mr-1 float-left\"></i>Home',\n          active: true\n        }\n      ],\n      itemsIcon2: [\n        {\n          html: '<i class=\"ri-home-4-line mr-1 float-left\"></i>Home',\n          href: '#'\n        },\n        {\n          text: 'Library',\n          active: true\n        }\n      ],\n      itemsIcon3: [\n        {\n          html: '<i class=\"ri-home-4-line mr-1 float-left\"></i>Home',\n          href: '#'\n        },\n        {\n          text: 'Library',\n          href: '#'\n        },\n        {\n          text: 'Data',\n          active: true\n        }\n      ]\n    }\n  }\n}\n</script>\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!./UiBreadcrumb.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!./UiBreadcrumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UiBreadcrumb.vue?vue&type=template&id=d5fd1c9a&\"\nimport script from \"./UiBreadcrumb.vue?vue&type=script&lang=js&\"\nexport * from \"./UiBreadcrumb.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":""}