{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/components/sidebar/Sidebar.vue?73c8","webpack:///./src/views/components/sidebar/SidebarBasic.vue?b2ec","webpack:///./src/views/components/sidebar/code.js","webpack:///./src/views/components/sidebar/SidebarContent.vue?bfe2","webpack:///src/views/components/sidebar/SidebarContent.vue","webpack:///./src/views/components/sidebar/SidebarContent.vue?5300","webpack:///./src/views/components/sidebar/SidebarContent.vue","webpack:///src/views/components/sidebar/SidebarBasic.vue","webpack:///./src/views/components/sidebar/SidebarBasic.vue?c443","webpack:///./src/views/components/sidebar/SidebarBasic.vue","webpack:///./src/views/components/sidebar/SidebarPlacement.vue?d3a8","webpack:///src/views/components/sidebar/SidebarPlacement.vue","webpack:///./src/views/components/sidebar/SidebarPlacement.vue?9db4","webpack:///./src/views/components/sidebar/SidebarPlacement.vue","webpack:///./src/views/components/sidebar/SidebarVariant.vue?944f","webpack:///src/views/components/sidebar/SidebarVariant.vue","webpack:///./src/views/components/sidebar/SidebarVariant.vue?c378","webpack:///./src/views/components/sidebar/SidebarVariant.vue","webpack:///./src/views/components/sidebar/SidebarHeader.vue?679b","webpack:///src/views/components/sidebar/SidebarHeader.vue","webpack:///./src/views/components/sidebar/SidebarHeader.vue?43a3","webpack:///./src/views/components/sidebar/SidebarHeader.vue","webpack:///./src/views/components/sidebar/SidebarFooter.vue?8283","webpack:///./src/views/components/sidebar/SidebarContentFooter.vue?ab82","webpack:///./src/views/components/sidebar/SidebarContentFooter.vue","webpack:///src/views/components/sidebar/SidebarFooter.vue","webpack:///./src/views/components/sidebar/SidebarFooter.vue?4613","webpack:///./src/views/components/sidebar/SidebarFooter.vue","webpack:///./src/views/components/sidebar/SidebarWithoutBackdrop.vue?a90b","webpack:///src/views/components/sidebar/SidebarWithoutBackdrop.vue","webpack:///./src/views/components/sidebar/SidebarWithoutBackdrop.vue?c186","webpack:///./src/views/components/sidebar/SidebarWithoutBackdrop.vue","webpack:///src/views/components/sidebar/Sidebar.vue","webpack:///./src/views/components/sidebar/Sidebar.vue?1ccf","webpack:///./src/views/components/sidebar/Sidebar.vue"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeBasic","proxy","directives","name","rawName","value","expression","modifiers","codeHeader","codePlacement","codeVariant","codeBackdrop","codeFooter","_l","item","title","icon","domProps","components","BAvatar","BListGroup","BListGroupItem","BCardText","data","sidebarItems","component","BButton","BSidebar","SidebarContent","VBToggle","Ripple","script","SidebarContentFooter","BRow","BCol","SidebarBasic","SidebarPlacement","SidebarVariant","SidebarHeader","SidebarFooter","SidebarWithoutBackdrop"],"mappings":"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","file":"js/chunk-8508e752.1c2f9974.js","sourcesContent":["import BCardCode from './BCardCode.vue'\r\n\r\nexport default BCardCode\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('sidebar-basic')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('sidebar-placement')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('sidebar-variant')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('sidebar-header')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('sidebar-footer')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('sidebar-without-backdrop')],1)],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('b-card-code',{attrs:{\"title\":\"Sidebar Basic\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBasic)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"BootstrapVue's custom \")]),_c('code',[_vm._v(\"<b-sidebar>\")]),_c('span',[_vm._v(\" component is a fixed-position toggleable slide out box, which can be used for navigation, menus, details, etc.\")])]),_c('div',[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-toggle\",rawName:\"v-b-toggle.sidebar-1\",modifiers:{\"sidebar-1\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Toggle Sidebar \")]),_c('b-sidebar',{attrs:{\"id\":\"sidebar-1\",\"shadow\":\"\",\"bg-variant\":\"white\",\"backdrop\":\"\"}},[_c('sidebar-content')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeBasic = `\r\n<template>\r\n  <div>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      v-b-toggle.sidebar-1\r\n      variant=\"outline-primary\"\r\n    >\r\n      Toggle Sidebar\r\n    </b-button>\r\n    <b-sidebar\r\n      id=\"sidebar-1\"\r\n      shadow\r\n      bg-variant=\"white\"\r\n      backdrop\r\n    >\r\n      <sidebar-content />\r\n    </b-sidebar>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BButton, BSidebar, VBToggle} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport SidebarContent from './SidebarContent.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n    BSidebar,\r\n    BImg,\r\n    SidebarContent\r\n  },\r\n  directives: {\r\n    'b-toggle': VBToggle,\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeHeader = `\r\n<template>\r\n  <div>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      v-b-toggle.sidebar-no-header\r\n      variant=\"outline-primary\"\r\n    >\r\n      Toggle Sidebar\r\n    </b-button>\r\n\r\n    <b-sidebar\r\n      id=\"sidebar-no-header\"\r\n      aria-labelledby=\"sidebar-no-header-title\"\r\n      no-header\r\n      bg-variant=\"white\"\r\n      shadow\r\n      backdrop\r\n    >\r\n      <sidebar-content class=\"pt-2\" />\r\n    </b-sidebar>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {BButton, BSidebar, VBToggle} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport SidebarContent from './SidebarContent.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n    BSidebar,\r\n    SidebarContent,\r\n  },\r\n  directives: {\r\n    'b-toggle': VBToggle,\r\n     Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codePlacement = `\r\n<template>\r\n  <div>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      v-b-toggle.sidebar-right\r\n      variant=\"outline-primary\"\r\n    >\r\n      Toggle Sidebar\r\n    </b-button>\r\n    <b-sidebar\r\n      id=\"sidebar-right\"\r\n      bg-variant=\"white\"\r\n      right\r\n      backdrop\r\n      shadow\r\n    >\r\n      <sidebar-content />\r\n    </b-sidebar>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {BButton, BSidebar, VBToggle} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport SidebarContent from './SidebarContent.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n    BSidebar,\r\n    SidebarContent,\r\n  },\r\n  directives: {\r\n    'b-toggle': VBToggle,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeVariant = `\r\n<template>\r\n  <div>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      v-b-toggle.sidebar-variant\r\n      variant=\"outline-primary\"\r\n    >\r\n      Toggle Sidebar\r\n    </b-button>\r\n\r\n    <b-sidebar\r\n      id=\"sidebar-variant\"\r\n      bg-variant=\"dark\"\r\n      text-variant=\"light\"\r\n      shadow\r\n      backdrop\r\n    >\r\n      <sidebar-content />\r\n    </b-sidebar>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {BButton, BSidebar, VBToggle} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport SidebarContent from './SidebarContent.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n    BSidebar,\r\n    SidebarContent,\r\n  },\r\n  directives: {\r\n    'b-toggle': VBToggle,\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeBackdrop = `\r\n<template>\r\n  <div>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      v-b-toggle.sidebar-backdrop\r\n      variant=\"outline-primary\"\r\n    >\r\n      Toggle Sidebar Without Backdrop\r\n    </b-button>\r\n\r\n    <b-sidebar\r\n      id=\"sidebar-backdrop\"\r\n      bg-variant=\"white\"\r\n      shadow\r\n    >\r\n      <sidebar-content />\r\n    </b-sidebar>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {BButton, BSidebar, VBToggle} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeBackdrop } from './code'\r\nimport SidebarContent from './SidebarContent.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n    BCardText,\r\n    BSidebar,\r\n    SidebarContent,\r\n  },\r\n  directives: {\r\n    'b-toggle': VBToggle,\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeFooter = `\r\n<template>\r\n  <div>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      v-b-toggle.sidebar-footer\r\n      variant=\"outline-primary\"\r\n    >\r\n      Toggle Sidebar\r\n    </b-button>\r\n    <b-sidebar\r\n      id=\"sidebar-footer\"\r\n      aria-label=\"Sidebar with custom footer\"\r\n      shadow\r\n      backdrop\r\n      bg-variant=\"white\"\r\n    >\r\n      <sidebar-content />\r\n      <template #footer>\r\n        <sidebar-content-footer />\r\n      </template>\r\n    </b-sidebar>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BButton, BSidebar, VBToggle} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport SidebarContent from './SidebarContent.vue'\r\nimport SidebarContentFooter from './SidebarContentFooter.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n    BSidebar,\r\n    BCardText,\r\n    SidebarContent,\r\n    SidebarContentFooter,\r\n  },\r\n  directives: {\r\n    'b-toggle': VBToggle,\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"text-center\"},[_c('b-avatar',{staticClass:\"mr-1\",attrs:{\"size\":\"72px\",\"src\":require('@/assets/images/portrait/small/avatar-s-8.jpg')}}),_c('b-card-text',{staticClass:\"mt-2 h4 color-inherit text-reset\"},[_vm._v(\" Black Widow \")])],1),_c('b-list-group',{staticClass:\"mt-3 rounded-0\"},_vm._l((_vm.sidebarItems),function(item){return _c('b-list-group-item',{key:item.title,staticClass:\"bg-transparent\"},[_c('feather-icon',{staticClass:\"align-text-bottom\",attrs:{\"icon\":item.icon}}),_c('span',{staticClass:\"ml-1\",domProps:{\"textContent\":_vm._s(item.title)}})],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"text-center\">\r\n      <!-- Avatar -->\r\n      <b-avatar\r\n        size=\"72px\"\r\n        class=\"mr-1\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-8.jpg')\"\r\n      />\r\n\r\n      <!-- Name -->\r\n      <b-card-text class=\"mt-2 h4 color-inherit text-reset\">\r\n        Black Widow\r\n      </b-card-text>\r\n    </div>\r\n\r\n    <b-list-group class=\"mt-3 rounded-0\">\r\n      <b-list-group-item\r\n        v-for=\"item in sidebarItems\"\r\n        :key=\"item.title\"\r\n        class=\"bg-transparent\"\r\n      >\r\n        <feather-icon\r\n          class=\"align-text-bottom\"\r\n          :icon=\"item.icon\"\r\n        />\r\n        <span\r\n          class=\"ml-1\"\r\n          v-text=\"item.title\"\r\n        />\r\n      </b-list-group-item>\r\n    </b-list-group>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BAvatar, BListGroup, BListGroupItem, BCardText,\r\n} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar,\r\n    BListGroup,\r\n    BListGroupItem,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      sidebarItems: [\r\n        { title: 'Dashboard', icon: 'GridIcon' },\r\n        { title: 'Analytics', icon: 'ActivityIcon' },\r\n        { title: 'History', icon: 'RefreshCwIcon' },\r\n        { title: 'Configuration', icon: 'SettingsIcon' },\r\n        { title: 'Profile', icon: 'UserIcon' },\r\n      ],\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SidebarContent.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!./SidebarContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarContent.vue?vue&type=template&id=6757cc87&\"\nimport script from \"./SidebarContent.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarContent.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","<template>\r\n  <b-card-code\r\n    title=\"Sidebar Basic\"\r\n  >\r\n    <b-card-text>\r\n      <span>BootstrapVue's custom </span>\r\n      <code>&lt;b-sidebar&gt;</code>\r\n      <span> component is a fixed-position toggleable slide out box, which can be used for navigation, menus, details, etc.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        v-b-toggle.sidebar-1\r\n        variant=\"outline-primary\"\r\n      >\r\n        Toggle Sidebar\r\n      </b-button>\r\n      <b-sidebar\r\n        id=\"sidebar-1\"\r\n        shadow\r\n        bg-variant=\"white\"\r\n        backdrop\r\n      >\r\n        <sidebar-content />\r\n      </b-sidebar>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeBasic }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BButton, BSidebar, VBToggle, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeBasic } from './code'\r\nimport SidebarContent from './SidebarContent.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BButton,\r\n    BSidebar,\r\n    SidebarContent,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    'b-toggle': VBToggle,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeBasic,\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SidebarBasic.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!./SidebarBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarBasic.vue?vue&type=template&id=ce6fa6f4&\"\nimport script from \"./SidebarBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarBasic.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('b-card-code',{attrs:{\"title\":\"Sidebar Placement\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codePlacement)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"By default the sidebar will be placed on the left side fo the viewport. Set the \")]),_c('code',[_vm._v(\"right\")]),_c('span',[_vm._v(\" prop to \")]),_c('code',[_vm._v(\"true\")]),_c('span',[_vm._v(\" to have the sidebar appear on the right side of the viewport.\")])]),_c('div',[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-toggle\",rawName:\"v-b-toggle.sidebar-right\",modifiers:{\"sidebar-right\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Toggle Sidebar \")]),_c('b-sidebar',{attrs:{\"id\":\"sidebar-right\",\"bg-variant\":\"white\",\"right\":\"\",\"backdrop\":\"\",\"shadow\":\"\"}},[_c('sidebar-content')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Sidebar Placement\">\r\n    <b-card-text>\r\n      <span>By default the sidebar will be placed on the left side fo the viewport. Set the </span>\r\n      <code>right</code>\r\n      <span> prop to </span>\r\n      <code>true</code>\r\n      <span> to have the sidebar appear on the right side of the viewport.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        v-b-toggle.sidebar-right\r\n        variant=\"outline-primary\"\r\n      >\r\n        Toggle Sidebar\r\n      </b-button>\r\n      <b-sidebar\r\n        id=\"sidebar-right\"\r\n        bg-variant=\"white\"\r\n        right\r\n        backdrop\r\n        shadow\r\n      >\r\n        <sidebar-content />\r\n      </b-sidebar>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codePlacement }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BButton, BSidebar, VBToggle, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codePlacement } from './code'\r\nimport SidebarContent from './SidebarContent.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BButton,\r\n    BSidebar,\r\n    SidebarContent,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    'b-toggle': VBToggle,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codePlacement,\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SidebarPlacement.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!./SidebarPlacement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarPlacement.vue?vue&type=template&id=61653d0a&\"\nimport script from \"./SidebarPlacement.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarPlacement.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('b-card-code',{attrs:{\"title\":\"Sidebar Variant\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeVariant)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Use the props \")]),_c('code',[_vm._v(\"bg-variant\")]),_c('span',[_vm._v(\" and \")]),_c('code',[_vm._v(\"text-variant\")]),_c('span',[_vm._v(\" to control the theme color variant of the background and text, respectively. Alternatively, you can apply styles or classes to specify the background and text colors. \")])]),_c('div',[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-toggle\",rawName:\"v-b-toggle.sidebar-variant\",modifiers:{\"sidebar-variant\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Toggle Sidebar \")]),_c('b-sidebar',{attrs:{\"id\":\"sidebar-variant\",\"bg-variant\":\"dark\",\"text-variant\":\"light\",\"shadow\":\"\",\"backdrop\":\"\"}},[_c('sidebar-content')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Sidebar Variant\">\r\n    <b-card-text>\r\n      <span>Use the props </span>\r\n      <code>bg-variant</code>\r\n      <span> and </span>\r\n      <code>text-variant</code>\r\n      <span>\r\n        to control the theme color variant of the background and text, respectively. Alternatively, you can apply styles\r\n        or classes to specify the background and text colors.\r\n      </span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        v-b-toggle.sidebar-variant\r\n        variant=\"outline-primary\"\r\n      >\r\n        Toggle Sidebar\r\n      </b-button>\r\n      <b-sidebar\r\n        id=\"sidebar-variant\"\r\n        bg-variant=\"dark\"\r\n        text-variant=\"light\"\r\n        shadow\r\n        backdrop\r\n      >\r\n        <sidebar-content />\r\n      </b-sidebar>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeVariant }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BButton, BSidebar, VBToggle, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeVariant } from './code'\r\nimport SidebarContent from './SidebarContent.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BButton,\r\n    BSidebar,\r\n    SidebarContent,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    'b-toggle': VBToggle,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeVariant,\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SidebarVariant.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!./SidebarVariant.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarVariant.vue?vue&type=template&id=442d0492&\"\nimport script from \"./SidebarVariant.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarVariant.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('b-card-code',{attrs:{\"title\":\"Hiding the default header\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeHeader)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"You can disable the default header (including the close button) via the \")]),_c('code',[_vm._v(\"no-header\")]),_c('span',[_vm._v(\" prop. Note that you will need to provide a method of closing the sidebar. The \")]),_c('code',[_vm._v(\"default\")]),_c('span',[_vm._v(\" slot is scoped, which includes a\")]),_c('code',[_vm._v(\"hide()\")]),_c('span',[_vm._v(\" method that can be used to close the sidebar.\")])]),_c('div',[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-toggle\",rawName:\"v-b-toggle.sidebar-no-header\",modifiers:{\"sidebar-no-header\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Toggle Sidebar \")]),_c('b-sidebar',{attrs:{\"id\":\"sidebar-no-header\",\"aria-labelledby\":\"sidebar-no-header-title\",\"no-header\":\"\",\"bg-variant\":\"white\",\"shadow\":\"\",\"backdrop\":\"\"}},[_c('sidebar-content',{staticClass:\"pt-2\"})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Hiding the default header\"\r\n  >\r\n    <b-card-text>\r\n      <span>You can disable the default header (including the close button) via the </span>\r\n      <code>no-header</code>\r\n      <span> prop. Note that you will need to provide a method of closing the sidebar. The </span>\r\n      <code>default</code>\r\n      <span> slot is scoped, which includes a</span>\r\n      <code>hide()</code>\r\n      <span> method that can be used to close the sidebar.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        v-b-toggle.sidebar-no-header\r\n        variant=\"outline-primary\"\r\n      >\r\n        Toggle Sidebar\r\n      </b-button>\r\n\r\n      <b-sidebar\r\n        id=\"sidebar-no-header\"\r\n        aria-labelledby=\"sidebar-no-header-title\"\r\n        no-header\r\n        bg-variant=\"white\"\r\n        shadow\r\n        backdrop\r\n      >\r\n        <sidebar-content class=\"pt-2\" />\r\n      </b-sidebar>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeHeader }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BButton, BSidebar, VBToggle, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeHeader } from './code'\r\nimport SidebarContent from './SidebarContent.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BButton,\r\n    BSidebar,\r\n    SidebarContent,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    'b-toggle': VBToggle,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeHeader,\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SidebarHeader.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!./SidebarHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarHeader.vue?vue&type=template&id=a13425b6&\"\nimport script from \"./SidebarHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarHeader.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('b-card-code',{attrs:{\"title\":\"Footer\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeFooter)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('code',[_vm._v(\"<b-sidebar>\")]),_c('span',[_vm._v(\" provides a \")]),_c('code',[_vm._v(\"footer\")]),_c('span',[_vm._v(\" slot (optionally scoped), to allow you to provide content that appears at the bottom of the sidebar. The \")]),_c('code',[_vm._v(\"footer\")]),_c('span',[_vm._v(\" slot is scoped, which includes a\")]),_vm._v(\" \"),_c('code',[_vm._v(\"hide()\")]),_c('span',[_vm._v(\" method that can be used to close the sidebar.\")])]),_c('div',[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-toggle\",rawName:\"v-b-toggle.sidebar-footer\",modifiers:{\"sidebar-footer\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Toggle Sidebar \")]),_c('b-sidebar',{attrs:{\"id\":\"sidebar-footer\",\"aria-label\":\"Sidebar with custom footer\",\"shadow\":\"\",\"backdrop\":\"\",\"bg-variant\":\"white\"},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('sidebar-content-footer')]},proxy:true}])},[_c('sidebar-content')],1)],1)],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('div',{staticClass:\"p-2 border-top text-danger cursor-pointer\"},[_c('feather-icon',{attrs:{\"icon\":\"LogOutIcon\"}}),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"Logout\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./SidebarContentFooter.vue?vue&type=template&id=0c29df9b&\"\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","<template>\r\n  <b-card-code title=\"Footer\">\r\n    <b-card-text>\r\n      <code>&lt;b-sidebar&gt;</code><span> provides a </span>\r\n      <code>footer</code>\r\n      <span>\r\n        slot (optionally scoped), to allow you to provide content that appears at the bottom of the sidebar. The\r\n      </span>\r\n      <code>footer</code><span> slot is scoped, which includes a</span> <code>hide()</code><span> method that can be used to close the sidebar.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        v-b-toggle.sidebar-footer\r\n        variant=\"outline-primary\"\r\n      >\r\n        Toggle Sidebar\r\n      </b-button>\r\n      <b-sidebar\r\n        id=\"sidebar-footer\"\r\n        aria-label=\"Sidebar with custom footer\"\r\n        shadow\r\n        backdrop\r\n        bg-variant=\"white\"\r\n      >\r\n        <sidebar-content />\r\n        <template #footer>\r\n          <sidebar-content-footer />\r\n        </template>\r\n      </b-sidebar>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeFooter }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BButton, BSidebar, VBToggle, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeFooter } from './code'\r\nimport SidebarContent from './SidebarContent.vue'\r\nimport SidebarContentFooter from './SidebarContentFooter.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BButton,\r\n    BSidebar,\r\n    BCardText,\r\n    SidebarContent,\r\n    SidebarContentFooter,\r\n  },\r\n  directives: {\r\n    'b-toggle': VBToggle,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeFooter,\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SidebarFooter.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!./SidebarFooter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarFooter.vue?vue&type=template&id=90dc0508&\"\nimport script from \"./SidebarFooter.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarFooter.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('b-card-code',{attrs:{\"title\":\"Backdrop\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBackdrop)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Sidebar component don't have backdrop by default. You can add it using \")]),_c('code',[_vm._v(\"backdrop\")]),_c('span',[_vm._v(\" prop. Below demo shows sidebar \"),_c('strong',[_vm._v(\"without\")]),_vm._v(\" backdrop\")])]),_c('div',[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-toggle\",rawName:\"v-b-toggle.sidebar-backdrop\",modifiers:{\"sidebar-backdrop\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Toggle Sidebar Without Backdrop \")]),_c('b-sidebar',{attrs:{\"id\":\"sidebar-backdrop\",\"bg-variant\":\"white\",\"shadow\":\"\"}},[_c('sidebar-content')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Backdrop\">\r\n    <b-card-text>\r\n      <span>Sidebar component don't have backdrop by default. You can add it using </span>\r\n      <code>backdrop</code>\r\n      <span> prop. Below demo shows sidebar <strong>without</strong> backdrop</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        v-b-toggle.sidebar-backdrop\r\n        variant=\"outline-primary\"\r\n      >\r\n        Toggle Sidebar Without Backdrop\r\n      </b-button>\r\n\r\n      <b-sidebar\r\n        id=\"sidebar-backdrop\"\r\n        bg-variant=\"white\"\r\n        shadow\r\n      >\r\n        <sidebar-content />\r\n      </b-sidebar>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeBackdrop }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BButton, BSidebar, VBToggle, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeBackdrop } from './code'\r\nimport SidebarContent from './SidebarContent.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BButton,\r\n    BCardText,\r\n    BSidebar,\r\n    SidebarContent,\r\n  },\r\n  directives: {\r\n    'b-toggle': VBToggle,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeBackdrop,\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SidebarWithoutBackdrop.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!./SidebarWithoutBackdrop.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarWithoutBackdrop.vue?vue&type=template&id=05bc04ae&\"\nimport script from \"./SidebarWithoutBackdrop.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarWithoutBackdrop.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","<template>\r\n  <b-row class=\"match-height\">\r\n    <b-col md=\"6\">\r\n      <sidebar-basic />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <sidebar-placement />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <sidebar-variant />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <sidebar-header />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <sidebar-footer />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <sidebar-without-backdrop />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\nimport SidebarBasic from './SidebarBasic.vue'\r\nimport SidebarPlacement from './SidebarPlacement.vue'\r\nimport SidebarVariant from './SidebarVariant.vue'\r\nimport SidebarHeader from './SidebarHeader.vue'\r\nimport SidebarFooter from './SidebarFooter.vue'\r\nimport SidebarWithoutBackdrop from './SidebarWithoutBackdrop.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    SidebarBasic,\r\n    SidebarPlacement,\r\n    SidebarVariant,\r\n    SidebarHeader,\r\n    SidebarFooter,\r\n    SidebarWithoutBackdrop,\r\n  },\r\n}\r\n</script>\r\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!./Sidebar.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!./Sidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Sidebar.vue?vue&type=template&id=4f7debb3&\"\nimport script from \"./Sidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./Sidebar.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":""}