{"version":3,"sources":["webpack:///./src/view/pages/vue-bootstrap/Tabs.vue?b0f2","webpack:///src/view/pages/vue-bootstrap/Tabs.vue","webpack:///./src/view/pages/vue-bootstrap/Tabs.vue?1a86","webpack:///./src/view/pages/vue-bootstrap/Tabs.vue","webpack:///./src/view/content/CodePreview.vue?bd4b","webpack:///./src/view/content/Card.vue?3ef0","webpack:///src/view/content/Card.vue","webpack:///./src/view/content/Card.vue?3cd1","webpack:///./src/view/content/Card.vue","webpack:///src/view/content/CodePreview.vue","webpack:///./src/view/content/CodePreview.vue?a7ff","webpack:///./src/view/content/CodePreview.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","scopedSlots","_u","key","fn","proxy","_s","code1","html","code3","code4","code5","code6","code7","code2","staticRenderFns","data","components","KTCodePreview","mounted","$store","dispatch","component","ref","title","_t","directives","name","rawName","value","expression","modifiers","hasGeneralCode","hasSingleCodeType","_e","on","setActiveTab","model","callback","$$v","tabIndex","class","classes","hasTitleSlot","headClass","bodyClass","bodyFit","bodyFluid","props","String","headSize","fluidHeight","Boolean","fluidHalfHeight","headOverlay","cardClass","example","methods","computed","cls","headSizeClass","$slots","hasFootSlot","isOpen","KTCard","$nextTick","hljs","forEach","hl","classList","add","remove","links","i","event","target","parseInt","getAttribute","exist","hasJsCode","hasScssCode","hasHtmlCode"],"mappings":"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","file":"js/chunk-3768c647.9ee5ae5e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-alert',{staticClass:\"alert alert-custom alert-white alert-shadow fade show gutter-b\",attrs:{\"show\":\"\",\"variant\":\"light\"}},[_c('div',{staticClass:\"alert-icon\"},[_c('span',{staticClass:\"svg-icon svg-icon-lg\"},[_c('inline-svg',{attrs:{\"src\":\"media/svg/icons/Tools/Compass.svg\"}})],1)]),_c('div',{staticClass:\"alert-text\"},[_c('b',[_vm._v(\"Tabs\")]),_vm._v(\" Create a widget of tabbable panes of local content. The tabs component is built upon navs and cards internally, and provides full keyboard navigation control of the tabs. \"),_c('a',{staticClass:\"font-weight-bold\",attrs:{\"href\":\"https://bootstrap-vue.js.org/docs/components/tabs\",\"target\":\"_blank\"}},[_vm._v(\" See documentation. \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('KTCodePreview',{attrs:{\"title\":'Basic usage'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('div',[_c('b-tabs',{attrs:{\"content-class\":\"mt-3\"}},[_c('b-tab',{attrs:{\"title\":\"First\",\"active\":\"\"}},[_c('p',[_vm._v(\"I'm the first tab\")])]),_c('b-tab',{attrs:{\"title\":\"Second\"}},[_c('p',[_vm._v(\"I'm the second tab\")])]),_c('b-tab',{attrs:{\"title\":\"Disabled\",\"disabled\":\"\"}},[_c('p',[_vm._v(\"I'm a disabled tab!\")])])],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code1.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Pills variant'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" Tabs use the \"),_c('code',[_vm._v(\"tabs\")]),_vm._v(\" styling by default. Just add \"),_c('code',[_vm._v(\"pills\")]),_vm._v(\" property to \"),_c('code',[_vm._v(\"<b-tabs>\")]),_vm._v(\" for the pill style variant. \")]),_c('div',[_c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-tabs',{attrs:{\"pills\":\"\",\"card\":\"\"}},[_c('b-tab',{attrs:{\"title\":\"Tab 1\",\"active\":\"\"}},[_c('b-card-text',[_vm._v(\"Tab Contents 1\")])],1),_c('b-tab',{attrs:{\"title\":\"Tab 2\"}},[_c('b-card-text',[_vm._v(\"Tab Contents 2\")])],1)],1)],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code3.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Fill'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" To proportionately fill all available space with your tab controls, set the \"),_c('code',[_vm._v(\"fill\")]),_vm._v(\" prop. Notice that all horizontal space is occupied, but not every control has the same width. \")]),_c('div',[_c('b-tabs',{attrs:{\"content-class\":\"mt-3\",\"fill\":\"\"}},[_c('b-tab',{attrs:{\"title\":\"First\",\"active\":\"\"}},[_c('p',[_vm._v(\"I'm the first tab\")])]),_c('b-tab',{attrs:{\"title\":\"Second\"}},[_c('p',[_vm._v(\"I'm the second tab\")])]),_c('b-tab',{attrs:{\"title\":\"Very, very long title\"}},[_c('p',[_vm._v(\"I'm the tab with the very, very long title\")])]),_c('b-tab',{attrs:{\"title\":\"Disabled\",\"disabled\":\"\"}},[_c('p',[_vm._v(\"I'm a disabled tab!\")])])],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code4.html)+\" \")]},proxy:true}])})],1),_c('div',{staticClass:\"col-md-6\"},[_c('KTCodePreview',{attrs:{\"title\":'Justified'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" For equal-width controls, use the \"),_c('code',[_vm._v(\"justified\")]),_vm._v(\" prop instead. All horizontal space will be occupied by the controls, but unlike using \"),_c('code',[_vm._v(\"fill\")]),_vm._v(\" above, every control will be the same width. \")]),_c('div',[_c('b-tabs',{attrs:{\"content-class\":\"mt-3\",\"justified\":\"\"}},[_c('b-tab',{attrs:{\"title\":\"First\",\"active\":\"\"}},[_c('p',[_vm._v(\"I'm the first tab\")])]),_c('b-tab',{attrs:{\"title\":\"Second\"}},[_c('p',[_vm._v(\"I'm the second tab\")])]),_c('b-tab',{attrs:{\"title\":\"Very, very long title\"}},[_c('p',[_vm._v(\"I'm the tab with the very, very long title\")])]),_c('b-tab',{attrs:{\"title\":\"Disabled\",\"disabled\":\"\"}},[_c('p',[_vm._v(\"I'm a disabled tab!\")])])],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code5.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Vertical tabs'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" Have the tab controls placed on the lefthand side by setting the \"),_c('code',[_vm._v(\"vertical\")]),_vm._v(\" prop to \"),_c('code',[_vm._v(\"true\")]),_vm._v(\". Vertical tabs work with or without \"),_c('code',[_vm._v(\"card\")]),_vm._v(\" mode enabled. \")]),_c('div',[_c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-tabs',{attrs:{\"pills\":\"\",\"card\":\"\",\"vertical\":\"\"}},[_c('b-tab',{attrs:{\"title\":\"Tab 1\",\"active\":\"\"}},[_c('b-card-text',[_vm._v(\"Tab Contents 1\")])],1),_c('b-tab',{attrs:{\"title\":\"Tab 2\"}},[_c('b-card-text',[_vm._v(\"Tab Contents 2\")])],1),_c('b-tab',{attrs:{\"title\":\"Tab 3\"}},[_c('b-card-text',[_vm._v(\"Tab Contents 3\")])],1)],1)],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code6.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Add custom content to tab title'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" If you want to add custom content to tab title, like HTML code, icons, or another non-interactive Vue component, this possible by using \"),_c('code',[_vm._v(\"title\")]),_vm._v(\" slot of \"),_c('code',[_vm._v(\"<b-tab>\")])]),_c('div',[_c('b-tabs',[_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('b-spinner',{attrs:{\"type\":\"grow\",\"small\":\"\"}}),_vm._v(\" I'm \"),_c('i',[_vm._v(\"Custom\")]),_c('strong',[_vm._v(\"Title\")])]},proxy:true}])},[_c('p',{staticClass:\"p-3\"},[_vm._v(\"Tab Contents 1\")])]),_c('b-tab',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('b-spinner',{attrs:{\"type\":\"border\",\"small\":\"\"}}),_vm._v(\" Tab 2 \")]},proxy:true}])},[_c('p',{staticClass:\"p-3\"},[_vm._v(\"Tab Contents 2\")])])],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code7.html)+\" \")]},proxy:true}])})],1),_c('div',{staticClass:\"col-md-12\"},[_c('KTCodePreview',{attrs:{\"title\":'Cards integration'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" Tabs support integrating with Bootstrap cards. Just add the card property to \"),_c('code',[_vm._v(\"<b-tabs>\")]),_vm._v(\" and place it inside a \"),_c('code',[_vm._v(\"<b-card>\")]),_vm._v(\" component. Note that you should add the \"),_c('code',[_vm._v(\"no-body\")]),_vm._v(\" prop on the \"),_c('code',[_vm._v(\"<b-card>\")]),_vm._v(\" component in order to properly decorate the card header and remove the extra padding introduced by \"),_c('code',[_vm._v(\"card-body\")]),_vm._v(\". \")]),_c('div',[_c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-tabs',{attrs:{\"card\":\"\"}},[_c('b-tab',{attrs:{\"no-body\":\"\",\"title\":\"Picture 1\"}},[_c('b-card-img',{attrs:{\"bottom\":\"\",\"src\":\"https://picsum.photos/600/200/?image=21\"}}),_c('b-card-footer',[_vm._v(\"Picture 1 footer\")])],1),_c('b-tab',{attrs:{\"no-body\":\"\",\"title\":\"Picture 2\"}},[_c('b-card-img',{attrs:{\"bottom\":\"\",\"src\":\"https://picsum.photos/600/200/?image=25\"}}),_c('b-card-footer',[_vm._v(\"Picture 2 footer\")])],1),_c('b-tab',{attrs:{\"no-body\":\"\",\"title\":\"Picture 3\"}},[_c('b-card-img',{attrs:{\"bottom\":\"\",\"src\":\"https://picsum.photos/600/200/?image=26\"}}),_c('b-card-footer',[_vm._v(\"Picture 3 footer\")])],1),_c('b-tab',{attrs:{\"title\":\"Text\"}},[_c('b-card-title',[_vm._v(\" This tab does not have the \"),_c('code',[_vm._v(\"no-body\")]),_vm._v(\" prop set \")]),_c('b-card-text',[_vm._v(\" Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex nulla tempor. Laborum consequat non elit enim exercitation cillum aliqua consequat id aliqua. Esse ex consectetur mollit voluptate est in duis laboris ad sit ipsum anim Lorem. Incididunt veniam velit elit elit veniam Lorem aliqua quis ullamco deserunt sit enim elit aliqua esse irure. \")])],1)],1)],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code2.html)+\" \")]},proxy:true}])})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <b-alert\r\n      show\r\n      variant=\"light\"\r\n      class=\"alert alert-custom alert-white alert-shadow fade show gutter-b\"\r\n    >\r\n      <div class=\"alert-icon\">\r\n        <span class=\"svg-icon svg-icon-lg\">\r\n          <inline-svg src=\"media/svg/icons/Tools/Compass.svg\" />\r\n        </span>\r\n      </div>\r\n      <div class=\"alert-text\">\r\n        <b>Tabs</b> Create a widget of tabbable panes of local content. The tabs\r\n        component is built upon navs and cards internally, and provides full\r\n        keyboard navigation control of the tabs.\r\n        <a\r\n          class=\"font-weight-bold\"\r\n          href=\"https://bootstrap-vue.js.org/docs/components/tabs\"\r\n          target=\"_blank\"\r\n        >\r\n          See documentation.\r\n        </a>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <div class=\"row\">\r\n      <div class=\"col-md-6\">\r\n        <KTCodePreview v-bind:title=\"'Basic usage'\">\r\n          <template v-slot:preview>\r\n            <div>\r\n              <b-tabs content-class=\"mt-3\">\r\n                <b-tab title=\"First\" active><p>I'm the first tab</p></b-tab>\r\n                <b-tab title=\"Second\"><p>I'm the second tab</p></b-tab>\r\n                <b-tab title=\"Disabled\" disabled\r\n                  ><p>I'm a disabled tab!</p></b-tab\r\n                >\r\n              </b-tabs>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code1.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Pills variant'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              Tabs use the <code>tabs</code> styling by default. Just add\r\n              <code>pills</code> property to <code>&lt;b-tabs&gt;</code> for the\r\n              pill style variant.\r\n            </p>\r\n            <div>\r\n              <b-card no-body>\r\n                <b-tabs pills card>\r\n                  <b-tab title=\"Tab 1\" active\r\n                    ><b-card-text>Tab Contents 1</b-card-text></b-tab\r\n                  >\r\n                  <b-tab title=\"Tab 2\"\r\n                    ><b-card-text>Tab Contents 2</b-card-text></b-tab\r\n                  >\r\n                </b-tabs>\r\n              </b-card>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code3.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Fill'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              To proportionately fill all available space with your tab\r\n              controls, set the <code>fill</code> prop. Notice that all\r\n              horizontal space is occupied, but not every control has the same\r\n              width.\r\n            </p>\r\n            <div>\r\n              <b-tabs content-class=\"mt-3\" fill>\r\n                <b-tab title=\"First\" active><p>I'm the first tab</p></b-tab>\r\n                <b-tab title=\"Second\"><p>I'm the second tab</p></b-tab>\r\n                <b-tab title=\"Very, very long title\"\r\n                  ><p>I'm the tab with the very, very long title</p></b-tab\r\n                >\r\n                <b-tab title=\"Disabled\" disabled\r\n                  ><p>I'm a disabled tab!</p></b-tab\r\n                >\r\n              </b-tabs>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code4.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n      </div>\r\n\r\n      <div class=\"col-md-6\">\r\n        <KTCodePreview v-bind:title=\"'Justified'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              For equal-width controls, use the <code>justified</code> prop\r\n              instead. All horizontal space will be occupied by the controls,\r\n              but unlike using <code>fill</code> above, every control will be\r\n              the same width.\r\n            </p>\r\n            <div>\r\n              <b-tabs content-class=\"mt-3\" justified>\r\n                <b-tab title=\"First\" active><p>I'm the first tab</p></b-tab>\r\n                <b-tab title=\"Second\"><p>I'm the second tab</p></b-tab>\r\n                <b-tab title=\"Very, very long title\"\r\n                  ><p>I'm the tab with the very, very long title</p></b-tab\r\n                >\r\n                <b-tab title=\"Disabled\" disabled\r\n                  ><p>I'm a disabled tab!</p></b-tab\r\n                >\r\n              </b-tabs>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code5.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Vertical tabs'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              Have the tab controls placed on the lefthand side by setting the\r\n              <code>vertical</code> prop to <code>true</code>. Vertical tabs\r\n              work with or without <code>card</code> mode enabled.\r\n            </p>\r\n            <div>\r\n              <b-card no-body>\r\n                <b-tabs pills card vertical>\r\n                  <b-tab title=\"Tab 1\" active\r\n                    ><b-card-text>Tab Contents 1</b-card-text></b-tab\r\n                  >\r\n                  <b-tab title=\"Tab 2\"\r\n                    ><b-card-text>Tab Contents 2</b-card-text></b-tab\r\n                  >\r\n                  <b-tab title=\"Tab 3\"\r\n                    ><b-card-text>Tab Contents 3</b-card-text></b-tab\r\n                  >\r\n                </b-tabs>\r\n              </b-card>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code6.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Add custom content to tab title'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              If you want to add custom content to tab title, like HTML code,\r\n              icons, or another non-interactive Vue component, this possible by\r\n              using <code>title</code> slot of <code>&lt;b-tab&gt;</code>\r\n            </p>\r\n            <div>\r\n              <b-tabs>\r\n                <b-tab active>\r\n                  <template v-slot:title>\r\n                    <b-spinner type=\"grow\" small></b-spinner> I'm <i>Custom</i>\r\n                    <strong>Title</strong>\r\n                  </template>\r\n                  <p class=\"p-3\">Tab Contents 1</p>\r\n                </b-tab>\r\n\r\n                <b-tab>\r\n                  <template v-slot:title>\r\n                    <b-spinner type=\"border\" small></b-spinner> Tab 2\r\n                  </template>\r\n                  <p class=\"p-3\">Tab Contents 2</p>\r\n                </b-tab>\r\n              </b-tabs>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code7.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n      </div>\r\n\r\n      <div class=\"col-md-12\">\r\n        <KTCodePreview v-bind:title=\"'Cards integration'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              Tabs support integrating with Bootstrap cards. Just add the card\r\n              property to <code>&lt;b-tabs&gt;</code> and place it inside a\r\n              <code>&lt;b-card&gt;</code> component. Note that you should add\r\n              the <code>no-body</code> prop on the\r\n              <code>&lt;b-card&gt;</code> component in order to properly\r\n              decorate the card header and remove the extra padding introduced\r\n              by <code>card-body</code>.\r\n            </p>\r\n            <div>\r\n              <b-card no-body>\r\n                <b-tabs card>\r\n                  <b-tab no-body title=\"Picture 1\">\r\n                    <b-card-img\r\n                      bottom\r\n                      src=\"https://picsum.photos/600/200/?image=21\"\r\n                    ></b-card-img>\r\n                    <b-card-footer>Picture 1 footer</b-card-footer>\r\n                  </b-tab>\r\n\r\n                  <b-tab no-body title=\"Picture 2\">\r\n                    <b-card-img\r\n                      bottom\r\n                      src=\"https://picsum.photos/600/200/?image=25\"\r\n                    ></b-card-img>\r\n                    <b-card-footer>Picture 2 footer</b-card-footer>\r\n                  </b-tab>\r\n\r\n                  <b-tab no-body title=\"Picture 3\">\r\n                    <b-card-img\r\n                      bottom\r\n                      src=\"https://picsum.photos/600/200/?image=26\"\r\n                    ></b-card-img>\r\n                    <b-card-footer>Picture 3 footer</b-card-footer>\r\n                  </b-tab>\r\n\r\n                  <b-tab title=\"Text\">\r\n                    <b-card-title>\r\n                      This tab does not have the <code>no-body</code> prop set\r\n                    </b-card-title>\r\n                    <b-card-text>\r\n                      Quis magna Lorem anim amet ipsum do mollit sit cillum\r\n                      voluptate ex nulla tempor. Laborum consequat non elit enim\r\n                      exercitation cillum aliqua consequat id aliqua. Esse ex\r\n                      consectetur mollit voluptate est in duis laboris ad sit\r\n                      ipsum anim Lorem. Incididunt veniam velit elit elit veniam\r\n                      Lorem aliqua quis ullamco deserunt sit enim elit aliqua\r\n                      esse irure.\r\n                    </b-card-text>\r\n                  </b-tab>\r\n                </b-tabs>\r\n              </b-card>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code2.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport KTCodePreview from \"@/view/content/CodePreview.vue\";\r\nimport { SET_BREADCRUMB } from \"@/core/services/store/breadcrumbs.module\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      code1: {\r\n        html: `<div>\r\n  <b-tabs content-class=\"mt-3\">\r\n    <b-tab title=\"First\" active><p>I'm the first tab</p></b-tab>\r\n    <b-tab title=\"Second\"><p>I'm the second tab</p></b-tab>\r\n    <b-tab title=\"Disabled\" disabled><p>I'm a disabled tab!</p></b-tab>\r\n  </b-tabs>\r\n</div>`\r\n      },\r\n\r\n      code2: {\r\n        html: `<div>\r\n  <b-card no-body>\r\n    <b-tabs card>\r\n      <b-tab no-body title=\"Picture 1\">\r\n        <b-card-img bottom src=\"https://picsum.photos/600/200/?image=21\"></b-card-img>\r\n        <b-card-footer>Picture 1 footer</b-card-footer>\r\n      </b-tab>\r\n\r\n      <b-tab no-body title=\"Picture 2\">\r\n        <b-card-img bottom src=\"https://picsum.photos/600/200/?image=25\"></b-card-img>\r\n        <b-card-footer>Picture 2 footer</b-card-footer>\r\n      </b-tab>\r\n\r\n      <b-tab no-body title=\"Picture 3\">\r\n        <b-card-img bottom src=\"https://picsum.photos/600/200/?image=26\"></b-card-img>\r\n        <b-card-footer>Picture 3 footer</b-card-footer>\r\n      </b-tab>\r\n\r\n      <b-tab title=\"Text\">\r\n        <b-card-title>This tab does not have the <code>no-body</code> prop set</b-card-title>\r\n        <b-card-text>\r\n          Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex nulla tempor. Laborum\r\n          consequat non elit enim exercitation cillum aliqua consequat id aliqua. Esse ex\r\n          consectetur mollit voluptate est in duis laboris ad sit ipsum anim Lorem. Incididunt\r\n          veniam velit elit elit veniam Lorem aliqua quis ullamco deserunt sit enim elit aliqua\r\n          esse irure.\r\n        </b-card-text>\r\n      </b-tab>\r\n    </b-tabs>\r\n  </b-card>\r\n</div>`\r\n      },\r\n\r\n      code3: {\r\n        html: `<div>\r\n  <b-card no-body>\r\n    <b-tabs pills card>\r\n      <b-tab title=\"Tab 1\" active><b-card-text>Tab Contents 1</b-card-text></b-tab>\r\n      <b-tab title=\"Tab 2\"><b-card-text>Tab Contents 2</b-card-text></b-tab>\r\n    </b-tabs>\r\n  </b-card>\r\n</div>`\r\n      },\r\n\r\n      code4: {\r\n        html: `<div>\r\n  <b-tabs content-class=\"mt-3\" fill>\r\n    <b-tab title=\"First\" active><p>I'm the first tab</p></b-tab>\r\n    <b-tab title=\"Second\"><p>I'm the second tab</p></b-tab>\r\n    <b-tab title=\"Very, very long title\"><p>I'm the tab with the very, very long title</p></b-tab>\r\n    <b-tab title=\"Disabled\" disabled><p>I'm a disabled tab!</p></b-tab>\r\n  </b-tabs>\r\n</div>`\r\n      },\r\n\r\n      code5: {\r\n        html: `<div>\r\n  <b-tabs content-class=\"mt-3\" justified>\r\n    <b-tab title=\"First\" active><p>I'm the first tab</p></b-tab>\r\n    <b-tab title=\"Second\"><p>I'm the second tab</p></b-tab>\r\n    <b-tab title=\"Very, very long title\"><p>I'm the tab with the very, very long title</p></b-tab>\r\n    <b-tab title=\"Disabled\" disabled><p>I'm a disabled tab!</p></b-tab>\r\n  </b-tabs>\r\n</div>`\r\n      },\r\n\r\n      code6: {\r\n        html: `<div>\r\n  <b-card no-body>\r\n    <b-tabs pills card vertical>\r\n      <b-tab title=\"Tab 1\" active><b-card-text>Tab Contents 1</b-card-text></b-tab>\r\n      <b-tab title=\"Tab 2\"><b-card-text>Tab Contents 2</b-card-text></b-tab>\r\n      <b-tab title=\"Tab 3\"><b-card-text>Tab Contents 3</b-card-text></b-tab>\r\n    </b-tabs>\r\n  </b-card>\r\n</div>`\r\n      },\r\n\r\n      code7: {\r\n        html: `<div>\r\n  <b-tabs>\r\n    <b-tab active>\r\n      <template v-slot:title>\r\n        <b-spinner type=\"grow\" small></b-spinner> I'm <i>Custom</i> <strong>Title</strong>\r\n      </template>\r\n      <p class=\"p-3\">Tab Contents 1</p>\r\n    </b-tab>\r\n\r\n    <b-tab>\r\n      <template v-slot:title>\r\n        <b-spinner type=\"border\" small></b-spinner> Tab 2\r\n      </template>\r\n      <p class=\"p-3\">Tab Contents 2</p>\r\n    </b-tab>\r\n  </b-tabs>\r\n</div>`\r\n      }\r\n    };\r\n  },\r\n  components: {\r\n    KTCodePreview\r\n  },\r\n  mounted() {\r\n    this.$store.dispatch(SET_BREADCRUMB, [\r\n      { title: \"Vue Bootstrap\", route: \"alert\" },\r\n      { title: \"\" }\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/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!./Tabs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tabs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Tabs.vue?vue&type=template&id=1bbb5456&\"\nimport script from \"./Tabs.vue?vue&type=script&lang=js&\"\nexport * from \"./Tabs.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('KTCard',{ref:\"preview\",attrs:{\"title\":_vm.title,\"example\":true},scopedSlots:_vm._u([(_vm.hasTitleSlot)?{key:\"title\",fn:function(){return [_c('h3',{staticClass:\"card-title\"},[_vm._t(\"title\")],2)]},proxy:true}:null,{key:\"toolbar\",fn:function(){return [_c('div',{staticClass:\"example-tools justify-content-center\"},[_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.top\",value:('View code'),expression:\"'View code'\",modifiers:{\"hover\":true,\"top\":true}}],staticClass:\"example-toggle\",attrs:{\"data-toggle\":\"tooltip\"}}),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.top\",value:('Copy code'),expression:\"'Copy code'\",modifiers:{\"hover\":true,\"top\":true}}],staticClass:\"example-copy\",attrs:{\"data-toggle\":\"tooltip\"}})])]},proxy:true},{key:\"body\",fn:function(){return [_c('div',{staticClass:\"example-code mb-5\"},[(!_vm.hasGeneralCode && !_vm.hasSingleCodeType)?_c('ul',{staticClass:\"example-nav nav nav-tabs nav-bold nav-tabs-line nav-tabs-line-2x\",attrs:{\"role\":\"tablist\"}},[(_vm.hasHtmlCode)?_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link active\",attrs:{\"data-tab\":\"0\",\"data-toggle\":\"tab\",\"href\":\"#\",\"role\":\"tab\",\"aria-selected\":\"true\"},on:{\"click\":_vm.setActiveTab}},[_vm._v(\" HTML \")])]):_vm._e(),(_vm.hasJsCode)?_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"data-tab\":\"1\",\"data-toggle\":\"tab\",\"href\":\"#\",\"role\":\"tab\",\"aria-selected\":\"false\"},on:{\"click\":_vm.setActiveTab}},[_vm._v(\" JS \")])]):_vm._e(),(_vm.hasScssCode)?_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"data-tab\":\"2\",\"data-toggle\":\"tab\",\"href\":\"#\",\"role\":\"tab\",\"aria-selected\":\"false\"},on:{\"click\":_vm.setActiveTab}},[_vm._v(\" SCSS \")])]):_vm._e()]):_vm._e(),(_vm.hasGeneralCode)?_c('div',[_vm._t(\"code\")],2):_vm._e(),(!_vm.hasGeneralCode && !_vm.hasSingleCodeType)?_c('div',[_c('b-tabs',{staticClass:\"hide-tabs\",attrs:{\"content-class\":\"mt-3\"},model:{value:(_vm.tabIndex),callback:function ($$v) {_vm.tabIndex=$$v},expression:\"tabIndex\"}},[_c('b-tab',{staticClass:\"example-highlight\",attrs:{\"active\":\"\"}},[_c('highlight-code',{staticClass:\"language-html\",attrs:{\"lang\":\"html\"}},[_vm._t(\"html\")],2)],1),_c('b-tab',{staticClass:\"example-highlight\"},[_c('highlight-code',{staticClass:\"language-js\",attrs:{\"lang\":\"js\"}},[_vm._t(\"js\")],2)],1),_c('b-tab',{staticClass:\"example-highlight\"},[_c('highlight-code',{staticClass:\"language-scss\",attrs:{\"lang\":\"scss\"}},[_vm._t(\"scss\")],2)],1)],1)],1):_vm._e(),(_vm.hasSingleCodeType)?_c('div',{staticClass:\"example-highlight\"},[(_vm.hasHtmlCode)?_c('highlight-code',{staticClass:\"language-html\",attrs:{\"lang\":\"html\"}},[_vm._t(\"html\")],2):_vm._e(),(_vm.hasJsCode)?_c('highlight-code',{staticClass:\"language-js\",attrs:{\"lang\":\"js\"}},[_vm._t(\"js\")],2):_vm._e(),(_vm.hasScssCode)?_c('highlight-code',{staticClass:\"language-scss\",attrs:{\"lang\":\"scss\"}},[_vm._t(\"scss\")],2):_vm._e()],1):_vm._e()]),_vm._t(\"preview\")]},proxy:true}],null,true)})}\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:\"card card-custom gutter-b\",class:_vm.classes},[(_vm.hasTitleSlot || _vm.title)?_c('div',{staticClass:\"card-header\",class:_vm.headClass},[_c('div',{staticClass:\"card-title\"},[(_vm.hasTitleSlot)?_vm._t(\"title\"):_vm._e(),(!_vm.hasTitleSlot)?_c('h3',{staticClass:\"card-label\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]):_vm._e()],2),_c('div',{staticClass:\"card-toolbar\"},[_vm._t(\"toolbar\")],2)]):_vm._e(),_c('div',{staticClass:\"card-body\",class:{\n      bodyClass: _vm.bodyClass,\n      'body-fit': _vm.bodyFit,\n      'body-fluid': _vm.bodyFluid\n    }},[_vm._t(\"body\")],2),(_vm.hasFootSlot)?_c('div',{staticClass:\"card-footer\"},[_vm._t(\"foot\")],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"card card-custom gutter-b\" v-bind:class=\"classes\">\r\n    <div\r\n      class=\"card-header\"\r\n      v-bind:class=\"headClass\"\r\n      v-if=\"hasTitleSlot || title\"\r\n    >\r\n      <div class=\"card-title\">\r\n        <slot name=\"title\" v-if=\"hasTitleSlot\"></slot>\r\n        <h3 class=\"card-label\" v-if=\"!hasTitleSlot\">\r\n          {{ title }}\r\n        </h3>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <slot name=\"toolbar\"></slot>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"card-body\"\r\n      v-bind:class=\"{\r\n        bodyClass,\r\n        'body-fit': bodyFit,\r\n        'body-fluid': bodyFluid\r\n      }\"\r\n    >\r\n      <slot name=\"body\"></slot>\r\n    </div>\r\n    <div class=\"card-footer\" v-if=\"hasFootSlot\">\r\n      <slot name=\"foot\"></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"KTCard\",\r\n  props: {\r\n    /**\r\n     * String title\r\n     */\r\n    title: String,\r\n    /**\r\n     * Set card head size. Eg. md, lg, sm, etc.\r\n     */\r\n    headSize: String,\r\n    /**\r\n     * Set card to fluid\r\n     */\r\n    fluidHeight: Boolean,\r\n    /**\r\n     * Set card to fluid in half\r\n     */\r\n    fluidHalfHeight: Boolean,\r\n    /**\r\n     * Set overlay head\r\n     */\r\n    headOverlay: Boolean,\r\n    /**\r\n     * Set extra class for main card\r\n     */\r\n    cardClass: String,\r\n    /**\r\n     * Set extra class for card head\r\n     */\r\n    headClass: String,\r\n    /**\r\n     * Set extra class for card body\r\n     */\r\n    bodyClass: String,\r\n    /**\r\n     * Set card body to fit\r\n     */\r\n    bodyFit: Boolean,\r\n    /**\r\n     * Set card body to fluid\r\n     */\r\n    bodyFluid: Boolean,\r\n    /**\r\n     * Code examples\r\n     */\r\n    example: Boolean\r\n  },\r\n  components: {},\r\n  methods: {},\r\n  computed: {\r\n    classes() {\r\n      const cls = {\r\n        \"example example-compact\": this.example,\r\n        \"height-fluid\": this.fluidHeight,\r\n        \"height-fluid-half\": this.fluidHalfHeight,\r\n        \"head-overlay\": this.headOverlay\r\n      };\r\n\r\n      cls[this.headSizeClass] = this.headSizeClass;\r\n\r\n      // append extra classes\r\n      if (this.cardClass) {\r\n        cls[this.cardClass] = true;\r\n      }\r\n\r\n      return cls;\r\n    },\r\n    hasTitleSlot() {\r\n      return !!this.$slots[\"title\"];\r\n    },\r\n    hasFootSlot() {\r\n      return !!this.$slots[\"foot\"];\r\n    },\r\n    headSizeClass() {\r\n      if (this.headSize) {\r\n        return `head-${this.headSize}`;\r\n      }\r\n      return false;\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/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!./Card.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Card.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Card.vue?vue&type=template&id=1c9f0e48&\"\nimport script from \"./Card.vue?vue&type=script&lang=js&\"\nexport * from \"./Card.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  <KTCard ref=\"preview\" v-bind:title=\"title\" v-bind:example=\"true\">\r\n    <template v-slot:title v-if=\"hasTitleSlot\">\r\n      <h3 class=\"card-title\">\r\n        <slot name=\"title\"></slot>\r\n      </h3>\r\n    </template>\r\n    <template v-slot:toolbar>\r\n      <div class=\"example-tools justify-content-center\">\r\n        <span\r\n          class=\"example-toggle\"\r\n          data-toggle=\"tooltip\"\r\n          v-b-tooltip.hover.top=\"'View code'\"\r\n        />\r\n        <span\r\n          class=\"example-copy\"\r\n          data-toggle=\"tooltip\"\r\n          v-b-tooltip.hover.top=\"'Copy code'\"\r\n        />\r\n      </div>\r\n    </template>\r\n    <template v-slot:body>\r\n      <!--begin::Code example-->\r\n      <div class=\"example-code mb-5\">\r\n        <ul\r\n          class=\"example-nav nav nav-tabs nav-bold nav-tabs-line nav-tabs-line-2x\"\r\n          role=\"tablist\"\r\n          v-if=\"!hasGeneralCode && !hasSingleCodeType\"\r\n        >\r\n          <li class=\"nav-item\" v-if=\"hasHtmlCode\">\r\n            <a\r\n              class=\"nav-link active\"\r\n              v-on:click=\"setActiveTab\"\r\n              data-tab=\"0\"\r\n              data-toggle=\"tab\"\r\n              href=\"#\"\r\n              role=\"tab\"\r\n              aria-selected=\"true\"\r\n            >\r\n              HTML\r\n            </a>\r\n          </li>\r\n          <li class=\"nav-item\" v-if=\"hasJsCode\">\r\n            <a\r\n              class=\"nav-link\"\r\n              v-on:click=\"setActiveTab\"\r\n              data-tab=\"1\"\r\n              data-toggle=\"tab\"\r\n              href=\"#\"\r\n              role=\"tab\"\r\n              aria-selected=\"false\"\r\n            >\r\n              &nbsp;JS&nbsp;\r\n            </a>\r\n          </li>\r\n          <li class=\"nav-item\" v-if=\"hasScssCode\">\r\n            <a\r\n              class=\"nav-link\"\r\n              v-on:click=\"setActiveTab\"\r\n              data-tab=\"2\"\r\n              data-toggle=\"tab\"\r\n              href=\"#\"\r\n              role=\"tab\"\r\n              aria-selected=\"false\"\r\n            >\r\n              SCSS\r\n            </a>\r\n          </li>\r\n        </ul>\r\n        <div v-if=\"hasGeneralCode\">\r\n          <slot name=\"code\"></slot>\r\n        </div>\r\n\r\n        <div v-if=\"!hasGeneralCode && !hasSingleCodeType\">\r\n          <b-tabs class=\"hide-tabs\" content-class=\"mt-3\" v-model=\"tabIndex\">\r\n            <b-tab active class=\"example-highlight\">\r\n              <highlight-code lang=\"html\" class=\"language-html\">\r\n                <slot name=\"html\"></slot>\r\n              </highlight-code>\r\n            </b-tab>\r\n            <b-tab class=\"example-highlight\">\r\n              <highlight-code lang=\"js\" class=\"language-js\">\r\n                <slot name=\"js\"></slot>\r\n              </highlight-code>\r\n            </b-tab>\r\n            <b-tab class=\"example-highlight\">\r\n              <highlight-code lang=\"scss\" class=\"language-scss\">\r\n                <slot name=\"scss\"></slot>\r\n              </highlight-code>\r\n            </b-tab>\r\n          </b-tabs>\r\n        </div>\r\n\r\n        <div v-if=\"hasSingleCodeType\" class=\"example-highlight\">\r\n          <highlight-code lang=\"html\" class=\"language-html\" v-if=\"hasHtmlCode\">\r\n            <slot name=\"html\"></slot>\r\n          </highlight-code>\r\n          <highlight-code lang=\"js\" class=\"language-js\" v-if=\"hasJsCode\">\r\n            <slot name=\"js\"></slot>\r\n          </highlight-code>\r\n          <highlight-code lang=\"scss\" class=\"language-scss\" v-if=\"hasScssCode\">\r\n            <slot name=\"scss\"></slot>\r\n          </highlight-code>\r\n        </div>\r\n      </div>\r\n      <!--end::Code example-->\r\n\r\n      <slot name=\"preview\"></slot>\r\n    </template>\r\n  </KTCard>\r\n</template>\r\n\r\n<script>\r\nimport KTCard from \"@/view/content/Card.vue\";\r\nimport KTLayoutExamples from \"@/assets/js/layout/extended/examples.js\";\r\n\r\nexport default {\r\n  name: \"KTCodePreview\",\r\n  props: {\r\n    title: String\r\n  },\r\n  data() {\r\n    return {\r\n      tabIndex: 0,\r\n      isOpen: false\r\n    };\r\n  },\r\n  components: {\r\n    KTCard\r\n  },\r\n  mounted() {\r\n    // init example codes\r\n    this.$nextTick(() => {\r\n      KTLayoutExamples.init([this.$el]);\r\n      const hljs = this.$el.querySelectorAll(\".hljs\");\r\n      hljs.forEach(hl => {\r\n        hl.classList.add(`language-${hl.classList[1]}`);\r\n        hl.classList.remove(\"hljs\");\r\n      });\r\n    });\r\n  },\r\n  methods: {\r\n    /**\r\n     * Set current active on click\r\n     * @param event\r\n     */\r\n    setActiveTab(event) {\r\n      // get all tab links\r\n      const tab = event.target.closest('[role=\"tablist\"]');\r\n      const links = tab.querySelectorAll('[data-toggle=\"tab\"]');\r\n      // remove active tab links\r\n      for (let i = 0; i < links.length; i++) {\r\n        links[i].classList.remove(\"active\");\r\n      }\r\n\r\n      // set current active tab\r\n      event.target.classList.add(\"active\");\r\n\r\n      // set clicked tab index to bootstrap tab\r\n      this.tabIndex = parseInt(event.target.getAttribute(\"data-tab\"));\r\n    }\r\n  },\r\n  computed: {\r\n    /**\r\n     * Check if has title\r\n     * @returns {boolean}\r\n     */\r\n    hasTitleSlot() {\r\n      return !!this.$slots[\"title\"];\r\n    },\r\n\r\n    /**\r\n     * Check if code only has one, exclude the tabs\r\n     * @returns {boolean}\r\n     */\r\n    hasSingleCodeType() {\r\n      let exist = 0;\r\n      [\"html\", \"js\", \"scss\"].forEach(type => {\r\n        if (this.$slots.hasOwnProperty(type)) {\r\n          exist++;\r\n        }\r\n      });\r\n      return exist === 1;\r\n    },\r\n\r\n    /**\r\n     * Custom generate codes\r\n     * @returns {boolean}\r\n     */\r\n    hasGeneralCode() {\r\n      return !!this.$slots[\"code\"];\r\n    },\r\n\r\n    /**\r\n     * Check if has JS code slot\r\n     * @returns {boolean}\r\n     */\r\n    hasJsCode() {\r\n      return !!this.$slots[\"js\"];\r\n    },\r\n\r\n    /**\r\n     * Check if has SCSS code slot\r\n     * @returns {boolean}\r\n     */\r\n    hasScssCode() {\r\n      return !!this.$slots[\"scss\"];\r\n    },\r\n\r\n    /**\r\n     * Check if has HTML code slot\r\n     * @returns {boolean}\r\n     */\r\n    hasHtmlCode() {\r\n      return !!this.$slots[\"html\"];\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/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!./CodePreview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CodePreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CodePreview.vue?vue&type=template&id=3fceadd4&\"\nimport script from \"./CodePreview.vue?vue&type=script&lang=js&\"\nexport * from \"./CodePreview.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":""}