{"version":3,"sources":["webpack:///./src/view/pages/vue-bootstrap/Media.vue?e03b","webpack:///src/view/pages/vue-bootstrap/Media.vue","webpack:///./src/view/pages/vue-bootstrap/Media.vue?95bc","webpack:///./src/view/pages/vue-bootstrap/Media.vue","webpack:///./src/view/content/CodePreview.vue?fc8f","webpack:///./src/view/content/Card.vue?9639","webpack:///src/view/content/Card.vue","webpack:///./src/view/content/Card.vue?a864","webpack:///./src/view/content/Card.vue","webpack:///src/view/content/CodePreview.vue","webpack:///./src/view/content/CodePreview.vue?4a8c","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","code2","code3","code4","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-377f14a2.b3a1dbe1.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(\"Media\")]),_vm._v(\" The media object helps build complex and repetitive components where some media is positioned alongside content that doesn't wrap around said media. Plus, it does this with only two required classes thanks to flexbox. \"),_c('a',{staticClass:\"font-weight-bold\",attrs:{\"href\":\"https://bootstrap-vue.js.org/docs/components/media\",\"target\":\"_blank\"}},[_vm._v(\" See documentation. \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('KTCodePreview',{attrs:{\"title\":'Media'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('div',[_c('b-card',[_c('b-media',{scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-img',{attrs:{\"blank\":\"\",\"blank-color\":\"#ccc\",\"width\":\"64\",\"alt\":\"placeholder\"}})]},proxy:true}])},[_c('h5',{staticClass:\"mt-0\"},[_vm._v(\"Media Title\")]),_c('p',[_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")]),_c('p',[_vm._v(\" Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. \")]),_c('b-media',{scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-img',{attrs:{\"blank\":\"\",\"blank-color\":\"#ccc\",\"width\":\"64\",\"alt\":\"placeholder\"}})]},proxy:true}])},[_c('h5',{staticClass:\"mt-0\"},[_vm._v(\"Nested Media\")]),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")])])],1)],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code1.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'No body (with sub-components)'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('div',[_c('b-card',[_c('b-media',{attrs:{\"no-body\":\"\"}},[_c('b-media-aside',{attrs:{\"vertical-align\":\"center\"}},[_c('b-img',{attrs:{\"blank\":\"\",\"blank-color\":\"#ccc\",\"width\":\"128\",\"height\":\"256\",\"alt\":\"placeholder\"}})],1),_c('b-media-body',{staticClass:\"ml-3\"},[_c('h5',{staticClass:\"mt-0\"},[_vm._v(\"Media Title\")]),_c('p',[_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")]),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. \")]),_c('b-media',{scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-img',{attrs:{\"blank\":\"\",\"blank-color\":\"#ccc\",\"width\":\"64\",\"alt\":\"placeholder\"}})]},proxy:true}])},[_c('h5',{staticClass:\"mt-0\"},[_vm._v(\"Nested Media\")]),_vm._v(\" Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")])],1)],1)],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code2.html)+\" \")]},proxy:true}])})],1),_c('div',{staticClass:\"col-md-6\"},[_c('KTCodePreview',{attrs:{\"title\":'Order'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('div',[_c('b-media',{attrs:{\"right-align\":\"\",\"vertical-align\":\"center\"},scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-img',{attrs:{\"blank\":\"\",\"blank-color\":\"#ccc\",\"width\":\"80\",\"alt\":\"placeholder\"}})]},proxy:true}])},[_c('h5',{staticClass:\"mt-0 mb-1\"},[_vm._v(\"Media object\")]),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")])])],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code3.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Media list'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('div',[_c('ul',{staticClass:\"list-unstyled\"},[_c('b-media',{attrs:{\"tag\":\"li\"},scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-img',{attrs:{\"blank\":\"\",\"blank-color\":\"#abc\",\"width\":\"64\",\"alt\":\"placeholder\"}})]},proxy:true}])},[_c('h5',{staticClass:\"mt-0 mb-1\"},[_vm._v(\"List-based media object\")]),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")])]),_c('b-media',{staticClass:\"my-4\",attrs:{\"tag\":\"li\"},scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-img',{attrs:{\"blank\":\"\",\"blank-color\":\"#cba\",\"width\":\"64\",\"alt\":\"placeholder\"}})]},proxy:true}])},[_c('h5',{staticClass:\"mt-0 mb-1\"},[_vm._v(\"List-based media object\")]),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")])]),_c('b-media',{attrs:{\"tag\":\"li\"},scopedSlots:_vm._u([{key:\"aside\",fn:function(){return [_c('b-img',{attrs:{\"blank\":\"\",\"blank-color\":\"#bac\",\"width\":\"64\",\"alt\":\"placeholder\"}})]},proxy:true}])},[_c('h5',{staticClass:\"mt-0 mb-1\"},[_vm._v(\"List-based media object\")]),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. \")])])],1)])]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code4.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>Media</b> The media object helps build complex and repetitive\r\n        components where some media is positioned alongside content that doesn't\r\n        wrap around said media. Plus, it does this with only two required\r\n        classes thanks to flexbox.\r\n        <a\r\n          class=\"font-weight-bold\"\r\n          href=\"https://bootstrap-vue.js.org/docs/components/media\"\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=\"'Media'\">\r\n          <template v-slot:preview>\r\n            <div>\r\n              <b-card>\r\n                <b-media>\r\n                  <template v-slot:aside>\r\n                    <b-img\r\n                      blank\r\n                      blank-color=\"#ccc\"\r\n                      width=\"64\"\r\n                      alt=\"placeholder\"\r\n                    ></b-img>\r\n                  </template>\r\n\r\n                  <h5 class=\"mt-0\">Media Title</h5>\r\n                  <p>\r\n                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus\r\n                    scelerisque ante sollicitudin. Cras purus odio, vestibulum\r\n                    in vulputate at, tempus viverra turpis. Fusce condimentum\r\n                    nunc ac nisi vulputate fringilla. Donec lacinia congue felis\r\n                    in faucibus.\r\n                  </p>\r\n                  <p>\r\n                    Donec sed odio dui. Nullam quis risus eget urna mollis\r\n                    ornare vel eu leo. Cum sociis natoque penatibus et magnis\r\n                    dis parturient montes, nascetur ridiculus mus.\r\n                  </p>\r\n\r\n                  <b-media>\r\n                    <template v-slot:aside>\r\n                      <b-img\r\n                        blank\r\n                        blank-color=\"#ccc\"\r\n                        width=\"64\"\r\n                        alt=\"placeholder\"\r\n                      ></b-img>\r\n                    </template>\r\n\r\n                    <h5 class=\"mt-0\">Nested Media</h5>\r\n                    <p class=\"mb-0\">\r\n                      Fusce condimentum nunc ac nisi vulputate fringilla. Donec\r\n                      lacinia congue felis in faucibus.\r\n                    </p>\r\n                  </b-media>\r\n                </b-media>\r\n              </b-card>\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=\"'No body (with sub-components)'\">\r\n          <template v-slot:preview>\r\n            <div>\r\n              <b-card>\r\n                <b-media no-body>\r\n                  <b-media-aside vertical-align=\"center\">\r\n                    <b-img\r\n                      blank\r\n                      blank-color=\"#ccc\"\r\n                      width=\"128\"\r\n                      height=\"256\"\r\n                      alt=\"placeholder\"\r\n                    ></b-img>\r\n                  </b-media-aside>\r\n\r\n                  <b-media-body class=\"ml-3\">\r\n                    <h5 class=\"mt-0\">Media Title</h5>\r\n                    <p>\r\n                      Cras sit amet nibh libero, in gravida nulla. Nulla vel\r\n                      metus scelerisque ante sollicitudin. Cras purus odio,\r\n                      vestibulum in vulputate at, tempus viverra turpis. Fusce\r\n                      condimentum nunc ac nisi vulputate fringilla. Donec\r\n                      lacinia congue felis in faucibus.\r\n                    </p>\r\n                    <p class=\"mb-0\">\r\n                      Donec sed odio dui. Nullam quis risus eget urna mollis\r\n                      ornare vel eu leo. Cum sociis natoque penatibus et magnis\r\n                      dis parturient montes, nascetur ridiculus mus.\r\n                    </p>\r\n\r\n                    <b-media>\r\n                      <template v-slot:aside>\r\n                        <b-img\r\n                          blank\r\n                          blank-color=\"#ccc\"\r\n                          width=\"64\"\r\n                          alt=\"placeholder\"\r\n                        ></b-img>\r\n                      </template>\r\n                      <h5 class=\"mt-0\">Nested Media</h5>\r\n                      Fusce condimentum nunc ac nisi vulputate fringilla. Donec\r\n                      lacinia congue felis in faucibus.\r\n                    </b-media>\r\n                  </b-media-body>\r\n                </b-media>\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 class=\"col-md-6\">\r\n        <KTCodePreview v-bind:title=\"'Order'\">\r\n          <template v-slot:preview>\r\n            <div>\r\n              <b-media right-align vertical-align=\"center\">\r\n                <template v-slot:aside>\r\n                  <b-img\r\n                    blank\r\n                    blank-color=\"#ccc\"\r\n                    width=\"80\"\r\n                    alt=\"placeholder\"\r\n                  ></b-img>\r\n                </template>\r\n                <h5 class=\"mt-0 mb-1\">Media object</h5>\r\n                <p class=\"mb-0\">\r\n                  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus\r\n                  scelerisque ante sollicitudin. Cras purus odio, vestibulum in\r\n                  vulputate at, tempus viverra turpis. Fusce condimentum nunc ac\r\n                  nisi vulputate fringilla. Donec lacinia congue felis in\r\n                  faucibus.\r\n                </p>\r\n              </b-media>\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=\"'Media list'\">\r\n          <template v-slot:preview>\r\n            <div>\r\n              <ul class=\"list-unstyled\">\r\n                <b-media tag=\"li\">\r\n                  <template v-slot:aside>\r\n                    <b-img\r\n                      blank\r\n                      blank-color=\"#abc\"\r\n                      width=\"64\"\r\n                      alt=\"placeholder\"\r\n                    ></b-img>\r\n                  </template>\r\n                  <h5 class=\"mt-0 mb-1\">List-based media object</h5>\r\n                  <p class=\"mb-0\">\r\n                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus\r\n                    scelerisque ante sollicitudin. Cras purus odio, vestibulum\r\n                    in vulputate at, tempus viverra turpis. Fusce condimentum\r\n                    nunc ac nisi vulputate fringilla. Donec lacinia congue felis\r\n                    in faucibus.\r\n                  </p>\r\n                </b-media>\r\n\r\n                <b-media tag=\"li\" class=\"my-4\">\r\n                  <template v-slot:aside>\r\n                    <b-img\r\n                      blank\r\n                      blank-color=\"#cba\"\r\n                      width=\"64\"\r\n                      alt=\"placeholder\"\r\n                    ></b-img>\r\n                  </template>\r\n\r\n                  <h5 class=\"mt-0 mb-1\">List-based media object</h5>\r\n                  <p class=\"mb-0\">\r\n                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus\r\n                    scelerisque ante sollicitudin. Cras purus odio, vestibulum\r\n                    in vulputate at, tempus viverra turpis. Fusce condimentum\r\n                    nunc ac nisi vulputate fringilla. Donec lacinia congue felis\r\n                    in faucibus.\r\n                  </p>\r\n                </b-media>\r\n\r\n                <b-media tag=\"li\">\r\n                  <template v-slot:aside>\r\n                    <b-img\r\n                      blank\r\n                      blank-color=\"#bac\"\r\n                      width=\"64\"\r\n                      alt=\"placeholder\"\r\n                    ></b-img>\r\n                  </template>\r\n\r\n                  <h5 class=\"mt-0 mb-1\">List-based media object</h5>\r\n                  <p class=\"mb-0\">\r\n                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus\r\n                    scelerisque ante sollicitudin. Cras purus odio, vestibulum\r\n                    in vulputate at, tempus viverra turpis. Fusce condimentum\r\n                    nunc ac nisi vulputate fringilla. Donec lacinia congue felis\r\n                    in faucibus.\r\n                  </p>\r\n                </b-media>\r\n              </ul>\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    </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-card>\r\n    <b-media>\r\n      <template v-slot:aside>\r\n        <b-img blank blank-color=\"#ccc\" width=\"64\" alt=\"placeholder\"></b-img>\r\n      </template>\r\n\r\n      <h5 class=\"mt-0\">Media Title</h5>\r\n      <p>\r\n        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.\r\n        Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc\r\n        ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.\r\n      </p>\r\n      <p>\r\n        Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque\r\n        penatibus et magnis dis parturient montes, nascetur ridiculus mus.\r\n      </p>\r\n\r\n      <b-media>\r\n        <template v-slot:aside>\r\n          <b-img blank blank-color=\"#ccc\" width=\"64\" alt=\"placeholder\"></b-img>\r\n        </template>\r\n\r\n        <h5 class=\"mt-0\">Nested Media</h5>\r\n        <p class=\"mb-0\">\r\n          Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in\r\n          faucibus.\r\n        </p>\r\n      </b-media>\r\n    </b-media>\r\n  </b-card>\r\n</div>`\r\n      },\r\n\r\n      code2: {\r\n        html: `<div>\r\n  <b-card>\r\n    <b-media no-body>\r\n      <b-media-aside vertical-align=\"center\">\r\n        <b-img blank blank-color=\"#ccc\" width=\"128\" height=\"256\" alt=\"placeholder\"></b-img>\r\n      </b-media-aside>\r\n\r\n      <b-media-body class=\"ml-3\">\r\n        <h5 class=\"mt-0\">Media Title</h5>\r\n        <p>\r\n          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante\r\n          sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce\r\n          condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.\r\n        </p>\r\n        <p class=\"mb-0\">\r\n          Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis\r\n          natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\r\n        </p>\r\n\r\n        <b-media>\r\n          <template v-slot:aside>\r\n            <b-img blank blank-color=\"#ccc\" width=\"64\" alt=\"placeholder\"></b-img>\r\n          </template>\r\n          <h5 class=\"mt-0\">Nested Media</h5>\r\n          Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in\r\n          faucibus.\r\n        </b-media>\r\n      </b-media-body>\r\n    </b-media>\r\n  </b-card>\r\n</div>`\r\n      },\r\n\r\n      code3: {\r\n        html: `<div>\r\n  <b-media right-align vertical-align=\"center\">\r\n    <template v-slot:aside>\r\n      <b-img blank blank-color=\"#ccc\" width=\"80\" alt=\"placeholder\"></b-img>\r\n    </template>\r\n    <h5 class=\"mt-0 mb-1\">Media object</h5>\r\n    <p class=\"mb-0\">\r\n      Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.\r\n      Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac\r\n      nisi vulputate fringilla. Donec lacinia congue felis in faucibus.\r\n    </p>\r\n  </b-media>\r\n</div>`\r\n      },\r\n\r\n      code4: {\r\n        html: `<div>\r\n  <ul class=\"list-unstyled\">\r\n    <b-media tag=\"li\">\r\n      <template v-slot:aside>\r\n        <b-img blank blank-color=\"#abc\" width=\"64\" alt=\"placeholder\"></b-img>\r\n      </template>\r\n      <h5 class=\"mt-0 mb-1\">List-based media object</h5>\r\n      <p class=\"mb-0\">\r\n        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.\r\n        Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc\r\n        ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.\r\n      </p>\r\n    </b-media>\r\n\r\n    <b-media tag=\"li\" class=\"my-4\">\r\n      <template v-slot:aside>\r\n       <b-img blank blank-color=\"#cba\" width=\"64\" alt=\"placeholder\"></b-img>\r\n      </template>\r\n\r\n      <h5 class=\"mt-0 mb-1\">List-based media object</h5>\r\n      <p class=\"mb-0\">\r\n        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.\r\n        Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc\r\n        ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.\r\n      </p>\r\n    </b-media>\r\n\r\n    <b-media tag=\"li\">\r\n      <template v-slot:aside>\r\n        <b-img blank blank-color=\"#bac\" width=\"64\" alt=\"placeholder\"></b-img>\r\n      </template>\r\n\r\n      <h5 class=\"mt-0 mb-1\">List-based media object</h5>\r\n      <p class=\"mb-0\">\r\n        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.\r\n        Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc\r\n        ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.\r\n      </p>\r\n    </b-media>\r\n  </ul>\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: \"Media\" }\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/vuetify-loader/lib/loader.js??ref--18-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Media.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/vuetify-loader/lib/loader.js??ref--18-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Media.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Media.vue?vue&type=template&id=55e9823d&\"\nimport script from \"./Media.vue?vue&type=script&lang=js&\"\nexport * from \"./Media.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/vuetify-loader/lib/loader.js??ref--18-0!../../../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/vuetify-loader/lib/loader.js??ref--18-0!../../../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=376ed11a&\"\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/vuetify-loader/lib/loader.js??ref--18-0!../../../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/vuetify-loader/lib/loader.js??ref--18-0!../../../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=54e4e3a7&\"\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":""}