(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-377f5235"],{c5d5:function(t,e,a){"use strict";a.r(e);var r=function(){var t=this,e=t._self._c;return e("div",[e("b-alert",{staticClass:"alert alert-custom alert-white alert-shadow fade show gutter-b",attrs:{show:"",variant:"light"}},[e("div",{staticClass:"alert-icon"},[e("span",{staticClass:"svg-icon svg-icon-lg"},[e("inline-svg",{attrs:{src:"media/svg/icons/Tools/Compass.svg"}})],1)]),e("div",{staticClass:"alert-text"},[e("b",[t._v("Cards")]),t._v(" A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. "),e("a",{staticClass:"font-weight-bold",attrs:{href:"https://bootstrap-vue.js.org/docs/components/card",target:"_blank"}},[t._v(" See documentation. ")])])]),e("div",{staticClass:"row"},[e("div",{staticClass:"col-md-6"},[e("KTCodePreview",{attrs:{title:"Cards"},scopedSlots:t._u([{key:"preview",fn:function(){return[e("p",[t._v(" Cards are built with as little markup and styles as possible, but still manage to deliver a ton of control and customization. Built with flexbox, they offer easy alignment and mix well with other components. ")]),e("div",[e("b-card",{staticClass:"mb-2",staticStyle:{"max-width":"20rem"},attrs:{title:"Card Title","img-src":"https://picsum.photos/600/300/?image=25","img-alt":"Image","img-top":"",tag:"article"}},[e("b-card-text",[t._v(" Some quick example text to build on the card title and make up the bulk of the card's content. ")]),e("b-button",{attrs:{href:"#",variant:"primary"}},[t._v("Go somewhere")])],1)],1)]},proxy:!0},{key:"code",fn:function(){return[e("highlight-code",{attrs:{lang:"html"}},[t._v(" "+t._s(t.html1)+" ")])]},proxy:!0}])}),e("KTCodePreview",{attrs:{title:"Background variants"},scopedSlots:t._u([{key:"preview",fn:function(){return[e("p",[t._v(" Cards include their own variant style for quickly changing the background-color and of a card via the "),e("code",[t._v("bg-variant")]),t._v(" and "),e("code",[t._v("border-")]),t._v(" props. Darker solid variants my require setting the prop "),e("code",[t._v("variant")]),t._v(" to adjust the text color. ")]),e("div",[e("div",[e("b-card-group",{attrs:{deck:""}},[e("b-card",{staticClass:"text-center",attrs:{"bg-variant":"primary","text-variant":"white",header:"Primary"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1),e("b-card",{staticClass:"text-center",attrs:{"bg-variant":"secondary","text-variant":"white",header:"Secondary"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1),e("b-card",{staticClass:"text-center",attrs:{"bg-variant":"success","text-variant":"white",header:"Success"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1)],1)],1),e("div",{staticClass:"mt-3"},[e("b-card-group",{attrs:{deck:""}},[e("b-card",{staticClass:"text-center",attrs:{"bg-variant":"info","text-variant":"white",header:"Info"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1),e("b-card",{staticClass:"text-center",attrs:{"bg-variant":"warning","text-variant":"white",header:"Warning"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1),e("b-card",{staticClass:"text-center",attrs:{"bg-variant":"danger","text-variant":"white",header:"Danger"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1)],1)],1),e("div",{staticClass:"mt-3"},[e("b-card-group",{attrs:{deck:""}},[e("b-card",{staticClass:"text-center",attrs:{"bg-variant":"light",header:"Light"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1),e("b-card",{staticClass:"text-center",attrs:{"bg-variant":"dark",header:"Dark","text-variant":"white"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1),e("b-card",{staticClass:"text-center",attrs:{header:"Default"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1)],1)],1)])]},proxy:!0},{key:"code",fn:function(){return[e("highlight-code",{attrs:{lang:"html"}},[t._v(" "+t._s(t.html2)+" ")])]},proxy:!0}])}),e("KTCodePreview",{attrs:{title:"Bordered variants"},scopedSlots:t._u([{key:"preview",fn:function(){return[e("div",[e("div",[e("b-card-group",{attrs:{deck:""}},[e("b-card",{attrs:{"border-variant":"primary",header:"Primary","header-bg-variant":"primary","header-text-variant":"white",align:"center"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1),e("b-card",{attrs:{"border-variant":"secondary",header:"Secondary","header-border-variant":"secondary",align:"center"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1),e("b-card",{attrs:{"border-variant":"success",header:"Success",align:"center"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1)],1)],1),e("div",{staticClass:"mt-3"},[e("b-card-group",{attrs:{deck:""}},[e("b-card",{attrs:{"border-variant":"info",header:"Info",align:"center"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1),e("b-card",{attrs:{"border-variant":"warning",header:"Warning","header-bg-variant":"transparent",align:"center"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1),e("b-card",{attrs:{"border-variant":"danger",header:"Danger","header-border-variant":"danger","header-text-variant":"danger",align:"center"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1)],1)],1),e("div",{staticClass:"mt-3"},[e("b-card-group",{staticClass:"mb-3",attrs:{deck:""}},[e("b-card",{staticClass:"text-center",attrs:{"border-variant":"light",header:"Light"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1),e("b-card",{attrs:{"border-variant":"dark",header:"Dark",align:"center"}},[e("b-card-text",[t._v("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")])],1)],1)],1)])]},proxy:!0},{key:"code",fn:function(){return[e("highlight-code",{attrs:{lang:"html"}},[t._v(" "+t._s(t.html3)+" ")])]},proxy:!0}])})],1),e("div",{staticClass:"col-md-6"},[e("KTCodePreview",{attrs:{title:"Titles, text, and links"},scopedSlots:t._u([{key:"preview",fn:function(){return[e("div",[e("b-card",{attrs:{title:"Card title","sub-title":"Card subtitle"}},[e("b-card-text",[t._v(" Some quick example text to build on the "),e("em",[t._v("card title")]),t._v(" and make up the bulk of the card's content. ")]),e("b-card-text",[t._v("A second paragraph of text in the card.")]),e("a",{staticClass:"card-link",attrs:{href:"#"}},[t._v("Card link")]),e("b-link",{staticClass:"card-link",attrs:{href:"#"}},[t._v("Another link")])],1)],1)]},proxy:!0},{key:"code",fn:function(){return[e("highlight-code",{attrs:{lang:"html"}},[t._v(" "+t._s(t.html4)+" ")])]},proxy:!0}])}),e("KTCodePreview",{attrs:{title:"Header and footer"},scopedSlots:t._u([{key:"preview",fn:function(){return[e("div",[e("b-card-group",{attrs:{deck:""}},[e("b-card",{attrs:{header:"featured","header-tag":"header",footer:"Card Footer","footer-tag":"footer",title:"Title"}},[e("b-card-text",[t._v("Header and footers using props.")]),e("b-button",{attrs:{href:"#",variant:"primary"}},[t._v("Go somewhere")])],1),e("b-card",{attrs:{title:"Title","header-tag":"header","footer-tag":"footer"},scopedSlots:t._u([{key:"header",fn:function(){return[e("h6",{staticClass:"mb-0"},[t._v("Header Slot")])]},proxy:!0},{key:"footer",fn:function(){return[e("em",[t._v("Footer Slot")])]},proxy:!0}])},[e("b-card-text",[t._v("Header and footers using slots.")]),e("b-button",{attrs:{href:"#",variant:"primary"}},[t._v("Go somewhere")])],1)],1)],1)]},proxy:!0},{key:"code",fn:function(){return[e("highlight-code",{attrs:{lang:"html"}},[t._v(" "+t._s(t.html5)+" ")])]},proxy:!0}])}),e("KTCodePreview",{attrs:{title:"Horizontal card layout"},scopedSlots:t._u([{key:"preview",fn:function(){return[e("p",[t._v(" Using a combination of grid components, utility classes and individual card sub-components, cards can be made horizontal in a mobile-friendly and responsive way. ")]),e("div",[e("b-card",{staticClass:"overflow-hidden",staticStyle:{"max-width":"540px"},attrs:{"no-body":""}},[e("b-row",{attrs:{"no-gutters":""}},[e("b-col",{attrs:{md:"6"}},[e("b-card-img",{staticClass:"rounded-0",attrs:{src:"https://picsum.photos/400/400/?image=20"}})],1),e("b-col",{attrs:{md:"6"}},[e("b-card-body",{attrs:{title:"Horizontal Card"}},[e("b-card-text",[t._v(" This is a wider card with supporting text as a natural lead-in to additional content. This content is a little bit longer. ")])],1)],1)],1)],1)],1)]},proxy:!0},{key:"code",fn:function(){return[e("highlight-code",{attrs:{lang:"html"}},[t._v(" "+t._s(t.html6)+" ")])]},proxy:!0}])}),e("KTCodePreview",{attrs:{title:"Overlay image"},scopedSlots:t._u([{key:"preview",fn:function(){return[e("p",[t._v(" Place the image in the background of the card by setting the boolean prop "),e("code",[t._v("overlay")]),t._v(": ")]),e("div",[e("b-card",{attrs:{overlay:"","img-src":"https://picsum.photos/900/250/?image=3","img-alt":"Card Image","text-variant":"white",title:"Image Overlay","sub-title":"Subtitle"}},[e("b-card-text",[t._v(" Some quick example text to build on the card and make up the bulk of the card's content. ")])],1)],1)]},proxy:!0},{key:"code",fn:function(){return[e("highlight-code",{attrs:{lang:"html"}},[t._v(" "+t._s(t.html7)+" ")])]},proxy:!0}])})],1)])],1)},i=[],n=a("d968"),s=a("0bce"),o={data:function(){return{html1:'<div>\n  <b-card\n    title="Card Title"\n    img-src="https://picsum.photos/600/300/?image=25"\n    img-alt="Image"\n    img-top\n    tag="article"\n    style="max-width: 20rem;"\n    class="mb-2"\n  >\n    <b-card-text>\n      Some quick example text to build on the card title and make up\n      the bulk of the card\'s content.\n    </b-card-text>\n\n    <b-button href="#" variant="primary">Go somewhere</b-button>\n  </b-card>\n</div>',html2:'<div>\n  <div>\n    <b-card-group deck>\n      <b-card bg-variant="primary" text-variant="white" header="Primary" class="text-center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n\n      <b-card bg-variant="secondary" text-variant="white" header="Secondary" class="text-center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n\n      <b-card bg-variant="success" text-variant="white" header="Success" class="text-center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n    </b-card-group>\n  </div>\n  <div class="mt-3">\n    <b-card-group deck>\n      <b-card bg-variant="info" text-variant="white" header="Info" class="text-center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n\n      <b-card bg-variant="warning" text-variant="white" header="Warning" class="text-center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n\n      <b-card bg-variant="danger" text-variant="white" header="Danger" class="text-center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n    </b-card-group>\n  </div>\n  <div class="mt-3">\n    <b-card-group deck>\n      <b-card bg-variant="light" header="Light" class="text-center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n\n      <b-card bg-variant="dark" header="Dark" text-variant="white" class="text-center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n\n      <b-card header="Default" class="text-center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n    </b-card-group>\n  </div>\n</div>',html3:'<div>\n  <div>\n    <b-card-group deck>\n      <b-card\n        border-variant="primary"\n        header="Primary"\n        header-bg-variant="primary"\n        header-text-variant="white"\n        align="center"\n      >\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n\n      <b-card\n        border-variant="secondary"\n        header="Secondary"\n        header-border-variant="secondary"\n        align="center"\n      >\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n\n      <b-card border-variant="success" header="Success" align="center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n    </b-card-group>\n  </div>\n  <div class="mt-3">\n    <b-card-group deck>\n      <b-card border-variant="info" header="Info" align="center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n\n      <b-card\n        border-variant="warning"\n        header="Warning"\n        header-bg-variant="transparent"\n        align="center"\n      >\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n\n      <b-card\n        border-variant="danger"\n        header="Danger"\n        header-border-variant="danger"\n        header-text-variant="danger"\n        align="center"\n      >\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n    </b-card-group>\n  </div>\n  <div class="mt-3">\n    <b-card-group deck class="mb-3">\n      <b-card border-variant="light" header="Light" class="text-center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n\n      <b-card border-variant="dark" header="Dark" align="center">\n        <b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-card-text>\n      </b-card>\n    </b-card-group>\n  </div>\n</div>',html4:'<div>\n  <b-card title="Card title" sub-title="Card subtitle">\n    <b-card-text>\n      Some quick example text to build on the\n      <em>card title</em> and make up the bulk of the card\'s\n      content.\n    </b-card-text>\n\n    <b-card-text\n      >A second paragraph of text in the card.</b-card-text\n    >\n\n    <a href="#" class="card-link">Card link</a>\n    <b-link href="#" class="card-link">Another link</b-link>\n  </b-card>\n</div>',html5:'<div>\n<b-card-group deck>\n  <b-card\n    header="featured"\n    header-tag="header"\n    footer="Card Footer"\n    footer-tag="footer"\n    title="Title"\n  >\n    <b-card-text>Header and footers using props.</b-card-text>\n    <b-button href="#" variant="primary">Go somewhere</b-button>\n  </b-card>\n\n  <b-card title="Title" header-tag="header" footer-tag="footer">\n    <template v-slot:header>\n      <h6 class="mb-0">Header Slot</h6>\n    </template>\n    <b-card-text>Header and footers using slots.</b-card-text>\n    <b-button href="#" variant="primary">Go somewhere</b-button>\n    <template v-slot:footer>\n      <em>Footer Slot</em>\n    </template>\n  </b-card>\n</b-card-group>\n</div>',html6:'<div>\n  <b-card no-body class="overflow-hidden" style="max-width: 540px;">\n    <b-row no-gutters>\n      <b-col md="6">\n        <b-card-img\n          src="https://picsum.photos/400/400/?image=20"\n          class="rounded-0"\n        ></b-card-img>\n      </b-col>\n      <b-col md="6">\n        <b-card-body title="Horizontal Card">\n          <b-card-text>\n            This is a wider card with supporting text as a natural\n            lead-in to additional content. This content is a little\n            bit longer.\n          </b-card-text>\n        </b-card-body>\n      </b-col>\n    </b-row>\n  </b-card>\n</div>',html7:'<div>\n  <b-card\n    overlay\n    img-src="https://picsum.photos/900/250/?image=3"\n    img-alt="Card Image"\n    text-variant="white"\n    title="Image Overlay"\n    sub-title="Subtitle"\n  >\n    <b-card-text>\n      Some quick example text to build on the card and make up the bulk\n      of the card\'s content.\n    </b-card-text>\n  </b-card>\n</div>'}},components:{KTCodePreview:n["a"]},mounted:function(){this.$store.dispatch(s["a"],[{title:"Vue Bootstrap",route:"alert"},{title:"Card"}])}},d=o,c=a("2877"),l=Object(c["a"])(d,r,i,!1,null,null,null);e["default"]=l.exports},d968:function(t,e,a){"use strict";var r=function(){var t=this,e=t._self._c;return e("KTCard",{ref:"preview",attrs:{title:t.title,example:!0},scopedSlots:t._u([t.hasTitleSlot?{key:"title",fn:function(){return[e("h3",{staticClass:"card-title"},[t._t("title")],2)]},proxy:!0}:null,{key:"toolbar",fn:function(){return[e("div",{staticClass:"example-tools justify-content-center"},[e("span",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.hover.top",value:"View code",expression:"'View code'",modifiers:{hover:!0,top:!0}}],staticClass:"example-toggle",attrs:{"data-toggle":"tooltip"}}),e("span",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.hover.top",value:"Copy code",expression:"'Copy code'",modifiers:{hover:!0,top:!0}}],staticClass:"example-copy",attrs:{"data-toggle":"tooltip"}})])]},proxy:!0},{key:"body",fn:function(){return[e("div",{staticClass:"example-code mb-5"},[t.hasGeneralCode||t.hasSingleCodeType?t._e():e("ul",{staticClass:"example-nav nav nav-tabs nav-bold nav-tabs-line nav-tabs-line-2x",attrs:{role:"tablist"}},[t.hasHtmlCode?e("li",{staticClass:"nav-item"},[e("a",{staticClass:"nav-link active",attrs:{"data-tab":"0","data-toggle":"tab",href:"#",role:"tab","aria-selected":"true"},on:{click:t.setActiveTab}},[t._v(" HTML ")])]):t._e(),t.hasJsCode?e("li",{staticClass:"nav-item"},[e("a",{staticClass:"nav-link",attrs:{"data-tab":"1","data-toggle":"tab",href:"#",role:"tab","aria-selected":"false"},on:{click:t.setActiveTab}},[t._v("  JS  ")])]):t._e(),t.hasScssCode?e("li",{staticClass:"nav-item"},[e("a",{staticClass:"nav-link",attrs:{"data-tab":"2","data-toggle":"tab",href:"#",role:"tab","aria-selected":"false"},on:{click:t.setActiveTab}},[t._v(" SCSS ")])]):t._e()]),t.hasGeneralCode?e("div",[t._t("code")],2):t._e(),t.hasGeneralCode||t.hasSingleCodeType?t._e():e("div",[e("b-tabs",{staticClass:"hide-tabs",attrs:{"content-class":"mt-3"},model:{value:t.tabIndex,callback:function(e){t.tabIndex=e},expression:"tabIndex"}},[e("b-tab",{staticClass:"example-highlight",attrs:{active:""}},[e("highlight-code",{staticClass:"language-html",attrs:{lang:"html"}},[t._t("html")],2)],1),e("b-tab",{staticClass:"example-highlight"},[e("highlight-code",{staticClass:"language-js",attrs:{lang:"js"}},[t._t("js")],2)],1),e("b-tab",{staticClass:"example-highlight"},[e("highlight-code",{staticClass:"language-scss",attrs:{lang:"scss"}},[t._t("scss")],2)],1)],1)],1),t.hasSingleCodeType?e("div",{staticClass:"example-highlight"},[t.hasHtmlCode?e("highlight-code",{staticClass:"language-html",attrs:{lang:"html"}},[t._t("html")],2):t._e(),t.hasJsCode?e("highlight-code",{staticClass:"language-js",attrs:{lang:"js"}},[t._t("js")],2):t._e(),t.hasScssCode?e("highlight-code",{staticClass:"language-scss",attrs:{lang:"scss"}},[t._t("scss")],2):t._e()],1):t._e()]),t._t("preview")]},proxy:!0}],null,!0)})},i=[],n=(a("d3b7"),a("0643"),a("4e3e"),a("159b"),function(){var t=this,e=t._self._c;return e("div",{staticClass:"card card-custom gutter-b",class:t.classes},[t.hasTitleSlot||t.title?e("div",{staticClass:"card-header",class:t.headClass},[e("div",{staticClass:"card-title"},[t.hasTitleSlot?t._t("title"):t._e(),t.hasTitleSlot?t._e():e("h3",{staticClass:"card-label"},[t._v(" "+t._s(t.title)+" ")])],2),e("div",{staticClass:"card-toolbar"},[t._t("toolbar")],2)]):t._e(),e("div",{staticClass:"card-body",class:{bodyClass:t.bodyClass,"body-fit":t.bodyFit,"body-fluid":t.bodyFluid}},[t._t("body")],2),t.hasFootSlot?e("div",{staticClass:"card-footer"},[t._t("foot")],2):t._e()])}),s=[],o={name:"KTCard",props:{title:String,headSize:String,fluidHeight:Boolean,fluidHalfHeight:Boolean,headOverlay:Boolean,cardClass:String,headClass:String,bodyClass:String,bodyFit:Boolean,bodyFluid:Boolean,example:Boolean},components:{},methods:{},computed:{classes:function(){var t={"example example-compact":this.example,"height-fluid":this.fluidHeight,"height-fluid-half":this.fluidHalfHeight,"head-overlay":this.headOverlay};return t[this.headSizeClass]=this.headSizeClass,this.cardClass&&(t[this.cardClass]=!0),t},hasTitleSlot:function(){return!!this.$slots["title"]},hasFootSlot:function(){return!!this.$slots["foot"]},headSizeClass:function(){return!!this.headSize&&"head-".concat(this.headSize)}}},d=o,c=a("2877"),l=Object(c["a"])(d,n,s,!1,null,null,null),b=l.exports,h=a("b2e9"),u={name:"KTCodePreview",props:{title:String},data:function(){return{tabIndex:0,isOpen:!1}},components:{KTCard:b},mounted:function(){var t=this;this.$nextTick((function(){h["a"].init([t.$el]);var e=t.$el.querySelectorAll(".hljs");e.forEach((function(t){t.classList.add("language-".concat(t.classList[1])),t.classList.remove("hljs")}))}))},methods:{setActiveTab:function(t){for(var e=t.target.closest('[role="tablist"]'),a=e.querySelectorAll('[data-toggle="tab"]'),r=0;r<a.length;r++)a[r].classList.remove("active");t.target.classList.add("active"),this.tabIndex=parseInt(t.target.getAttribute("data-tab"))}},computed:{hasTitleSlot:function(){return!!this.$slots["title"]},hasSingleCodeType:function(){var t=this,e=0;return["html","js","scss"].forEach((function(a){t.$slots.hasOwnProperty(a)&&e++})),1===e},hasGeneralCode:function(){return!!this.$slots["code"]},hasJsCode:function(){return!!this.$slots["js"]},hasScssCode:function(){return!!this.$slots["scss"]},hasHtmlCode:function(){return!!this.$slots["html"]}}},m=u,g=Object(c["a"])(m,r,i,!1,null,null,null);e["a"]=g.exports}}]);
//# sourceMappingURL=chunk-377f5235.c7a77281.js.map