{"version":3,"sources":["webpack:///./src/view/pages/vue-bootstrap/Collapse.vue","webpack:///src/view/pages/vue-bootstrap/Collapse.vue","webpack:///./src/view/pages/vue-bootstrap/Collapse.vue?d144","webpack:///./src/view/pages/vue-bootstrap/Collapse.vue?49b4","webpack:///./src/view/content/CodePreview.vue","webpack:///./src/view/content/Card.vue","webpack:///src/view/content/Card.vue","webpack:///./src/view/content/Card.vue?8715","webpack:///./src/view/content/Card.vue?eb51","webpack:///src/view/content/CodePreview.vue","webpack:///./src/view/content/CodePreview.vue?e189","webpack:///./src/view/content/CodePreview.vue?e254"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","scopedSlots","_u","key","fn","directives","name","rawName","modifiers","proxy","_s","html1","html4","text","html3","value","expression","html2","staticRenderFns","data","html5","components","KTCodePreview","mounted","$store","dispatch","SET_BREADCRUMB","title","route","component","ref","hasTitleSlot","_t","hasGeneralCode","hasSingleCodeType","_e","hasHtmlCode","on","setActiveTab","hasJsCode","hasScssCode","model","tabIndex","callback","$$v","class","classes","headClass","bodyClass","bodyFit","bodyFluid","hasFootSlot","props","String","headSize","fluidHeight","Boolean","fluidHalfHeight","headOverlay","cardClass","example","methods","computed","cls","headSizeClass","$slots","concat","isOpen","KTCard","_this","$nextTick","KTLayoutExamples","init","$el","hljs","querySelectorAll","forEach","hl","classList","add","remove","event","tab","target","closest","links","i","length","parseInt","getAttribute","_this2","exist","type","hasOwnProperty"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,YAAY,iEAAiEC,MAAM,CAAC,KAAO,GAAG,QAAU,UAAU,CAACH,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACE,YAAY,wBAAwB,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,IAAM,wCAAwC,KAAKH,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,cAAcN,EAAIM,GAAG,2GAA2GJ,EAAG,IAAI,CAACE,YAAY,mBAAmBC,MAAM,CAAC,KAAO,wDAAwD,OAAS,WAAW,CAACL,EAAIM,GAAG,8BAA8BJ,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,gBAAgB,CAACG,MAAM,CAAC,MAAQ,YAAYE,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACR,EAAG,MAAM,CAACA,EAAG,WAAW,CAACS,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,wBAAwBC,UAAU,CAAC,cAAa,KAAQT,MAAM,CAAC,QAAU,YAAY,CAACL,EAAIM,GAAG,qBAAqBJ,EAAG,aAAa,CAACE,YAAY,OAAOC,MAAM,CAAC,GAAK,eAAe,CAACH,EAAG,SAAS,CAACA,EAAG,IAAI,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAG,4BAA4BJ,EAAG,WAAW,CAACS,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,8BAA8BC,UAAU,CAAC,oBAAmB,KAAQT,MAAM,CAAC,KAAO,OAAO,CAACL,EAAIM,GAAG,2BAA2BJ,EAAG,aAAa,CAACE,YAAY,OAAOC,MAAM,CAAC,GAAK,qBAAqB,CAACH,EAAG,SAAS,CAACF,EAAIM,GAAG,aAAa,IAAI,IAAI,IAAI,KAAKS,OAAM,GAAM,CAACN,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACV,EAAIM,GAAG,IAAIN,EAAIgB,GAAGhB,EAAIiB,OAAO,OAAOF,OAAM,OAAUb,EAAG,gBAAgB,CAACG,MAAM,CAAC,MAAQ,sCAAsCE,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACR,EAAG,IAAI,CAACF,EAAIM,GAAG,oCAAoCJ,EAAG,OAAO,CAACF,EAAIM,GAAG,kBAAkBN,EAAIM,GAAG,6BAA6BJ,EAAG,OAAO,CAACF,EAAIM,GAAG,gBAAgBN,EAAIM,GAAG,yDAAyDJ,EAAG,MAAM,CAACA,EAAG,WAAW,CAACS,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,mCAAmCC,UAAU,CAAC,cAAa,EAAK,cAAa,MAAS,CAACd,EAAIM,GAAG,oCAAoCJ,EAAG,aAAa,CAACE,YAAY,OAAOC,MAAM,CAAC,GAAK,eAAe,CAACH,EAAG,SAAS,CAACF,EAAIM,GAAG,kCAAkC,GAAGJ,EAAG,aAAa,CAACE,YAAY,OAAOC,MAAM,CAAC,GAAK,eAAe,CAACH,EAAG,SAAS,CAACF,EAAIM,GAAG,kCAAkC,IAAI,KAAKS,OAAM,GAAM,CAACN,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACV,EAAIM,GAAG,IAAIN,EAAIgB,GAAGhB,EAAIkB,OAAO,OAAOH,OAAM,OAAUb,EAAG,gBAAgB,CAACG,MAAM,CAAC,MAAQ,qBAAqBE,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACR,EAAG,MAAM,CAACG,MAAM,CAAC,KAAO,YAAY,CAACH,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,UAAU,KAAK,CAACH,EAAG,gBAAgB,CAACE,YAAY,MAAMC,MAAM,CAAC,aAAa,SAAS,KAAO,QAAQ,CAACH,EAAG,WAAW,CAACS,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,yBAAyBC,UAAU,CAAC,eAAc,KAAQT,MAAM,CAAC,MAAQ,GAAG,KAAO,IAAI,QAAU,SAAS,CAACL,EAAIM,GAAG,kBAAkB,GAAGJ,EAAG,aAAa,CAACG,MAAM,CAAC,GAAK,cAAc,QAAU,GAAG,UAAY,eAAe,KAAO,aAAa,CAACH,EAAG,cAAc,CAACA,EAAG,cAAc,CAACF,EAAIM,GAAG,2BAA2BJ,EAAG,OAAO,CAACF,EAAIM,GAAG,aAAaN,EAAIM,GAAG,QAAQJ,EAAG,OAAO,CAACF,EAAIM,GAAG,YAAYJ,EAAG,cAAc,CAACF,EAAIM,GAAGN,EAAIgB,GAAGhB,EAAImB,UAAU,IAAI,IAAI,GAAGjB,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,UAAU,KAAK,CAACH,EAAG,gBAAgB,CAACE,YAAY,MAAMC,MAAM,CAAC,aAAa,SAAS,KAAO,QAAQ,CAACH,EAAG,WAAW,CAACS,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,yBAAyBC,UAAU,CAAC,eAAc,KAAQT,MAAM,CAAC,MAAQ,GAAG,KAAO,IAAI,QAAU,SAAS,CAACL,EAAIM,GAAG,kBAAkB,GAAGJ,EAAG,aAAa,CAACG,MAAM,CAAC,GAAK,cAAc,UAAY,eAAe,KAAO,aAAa,CAACH,EAAG,cAAc,CAACA,EAAG,cAAc,CAACF,EAAIM,GAAGN,EAAIgB,GAAGhB,EAAImB,UAAU,IAAI,IAAI,GAAGjB,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,UAAU,KAAK,CAACH,EAAG,gBAAgB,CAACE,YAAY,MAAMC,MAAM,CAAC,aAAa,SAAS,KAAO,QAAQ,CAACH,EAAG,WAAW,CAACS,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,yBAAyBC,UAAU,CAAC,eAAc,KAAQT,MAAM,CAAC,MAAQ,GAAG,KAAO,IAAI,QAAU,SAAS,CAACL,EAAIM,GAAG,kBAAkB,GAAGJ,EAAG,aAAa,CAACG,MAAM,CAAC,GAAK,cAAc,UAAY,eAAe,KAAO,aAAa,CAACH,EAAG,cAAc,CAACA,EAAG,cAAc,CAACF,EAAIM,GAAGN,EAAIgB,GAAGhB,EAAImB,UAAU,IAAI,IAAI,IAAI,KAAKJ,OAAM,GAAM,CAACN,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACV,EAAIM,GAAG,IAAIN,EAAIgB,GAAGhB,EAAIoB,OAAO,OAAOL,OAAM,QAAW,GAAGb,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,gBAAgB,CAACG,MAAM,CAAC,MAAQ,SAASE,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACR,EAAG,IAAI,CAACF,EAAIM,GAAG,sCAAsCJ,EAAG,OAAO,CAACF,EAAIM,GAAG,kBAAkBN,EAAIM,GAAG,0BAA0BJ,EAAG,QAAQF,EAAIM,GAAG,kBAAkBJ,EAAG,MAAM,CAACA,EAAG,WAAW,CAACS,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,wBAAwBC,UAAU,CAAC,cAAa,KAAQV,YAAY,OAAO,CAACJ,EAAIM,GAAG,qBAAqBJ,EAAG,WAAW,CAACS,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAaQ,MAAO,aAAcC,WAAW,iBAAiBlB,YAAY,OAAO,CAACJ,EAAIM,GAAG,qBAAqBJ,EAAG,aAAa,CAACG,MAAM,CAAC,GAAK,eAAe,CAACH,EAAG,SAAS,CAACF,EAAIM,GAAG,gCAAgC,IAAI,KAAKS,OAAM,GAAM,CAACN,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACV,EAAIM,GAAG,IAAIN,EAAIgB,GAAGhB,EAAIuB,OAAO,OAAOR,OAAM,OAAUb,EAAG,gBAAgB,CAACG,MAAM,CAAC,MAAQ,sBAAsBE,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACR,EAAG,IAAI,CAACF,EAAIM,GAAG,iBAAiBJ,EAAG,OAAO,CAACF,EAAIM,GAAG,kBAAkBN,EAAIM,GAAG,6BAA6BJ,EAAG,OAAO,CAACF,EAAIM,GAAG,0BAA0BN,EAAIM,GAAG,UAAUJ,EAAG,MAAMA,EAAG,QAAQA,EAAG,MAAM,CAACA,EAAG,WAAW,CAACS,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,wBAAwBC,UAAU,CAAC,cAAa,KAAQV,YAAY,OAAO,CAACJ,EAAIM,GAAG,qBAAqBJ,EAAG,aAAa,CAACG,MAAM,CAAC,QAAU,GAAG,GAAK,eAAe,CAACH,EAAG,SAAS,CAACF,EAAIM,GAAG,2BAA2B,IAAI,KAAKS,OAAM,GAAM,CAACN,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACV,EAAIM,GAAG,IAAIN,EAAIgB,GAAGhB,EAAIoB,OAAO,OAAOL,OAAM,QAAW,MAAM,IAEzuLS,EAAkB,G,wBCyMP,GACfC,KAAA,WACA,OACAR,MAAA,ubAaAM,MAAA,qXAaAH,MAAA,8LAOAF,MAAA,sbAaAQ,MAAA,81CAoCAP,KAAA,srBAYAQ,WAAA,CACAC,sBAEAC,QAAA,WACA,KAAAC,OAAAC,SAAAC,OAAA,CACA,CAAAC,MAAA,gBAAAC,MAAA,SACA,CAAAD,MAAA,gBClT+W,I,YCO3WE,EAAY,eACd,EACApC,EACAyB,GACA,EACA,KACA,KACA,MAIa,aAAAW,E,2CClBf,IAAIpC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACkC,IAAI,UAAU/B,MAAM,CAAC,MAAQL,EAAIiC,MAAM,SAAU,GAAM1B,YAAYP,EAAIQ,GAAG,CAAER,EAAIqC,aAAc,CAAC5B,IAAI,QAAQC,GAAG,WAAW,MAAO,CAACR,EAAG,KAAK,CAACE,YAAY,cAAc,CAACJ,EAAIsC,GAAG,UAAU,KAAKvB,OAAM,GAAM,KAAK,CAACN,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACR,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAAGJ,EAAIuC,gBAAmBvC,EAAIwC,kBAAg1BxC,EAAIyC,KAAj0BvC,EAAG,KAAK,CAACE,YAAY,mEAAmEC,MAAM,CAAC,KAAO,YAAY,CAAEL,EAAI0C,YAAaxC,EAAG,KAAK,CAACE,YAAY,YAAY,CAACF,EAAG,IAAI,CAACE,YAAY,kBAAkBC,MAAM,CAAC,WAAW,IAAI,cAAc,MAAM,KAAO,IAAI,KAAO,MAAM,gBAAgB,QAAQsC,GAAG,CAAC,MAAQ3C,EAAI4C,eAAe,CAAC5C,EAAIM,GAAG,cAAcN,EAAIyC,KAAMzC,EAAI6C,UAAW3C,EAAG,KAAK,CAACE,YAAY,YAAY,CAACF,EAAG,IAAI,CAACE,YAAY,WAAWC,MAAM,CAAC,WAAW,IAAI,cAAc,MAAM,KAAO,IAAI,KAAO,MAAM,gBAAgB,SAASsC,GAAG,CAAC,MAAQ3C,EAAI4C,eAAe,CAAC5C,EAAIM,GAAG,cAAcN,EAAIyC,KAAMzC,EAAI8C,YAAa5C,EAAG,KAAK,CAACE,YAAY,YAAY,CAACF,EAAG,IAAI,CAACE,YAAY,WAAWC,MAAM,CAAC,WAAW,IAAI,cAAc,MAAM,KAAO,IAAI,KAAO,MAAM,gBAAgB,SAASsC,GAAG,CAAC,MAAQ3C,EAAI4C,eAAe,CAAC5C,EAAIM,GAAG,cAAcN,EAAIyC,OAAiBzC,EAAIuC,eAAgBrC,EAAG,MAAM,CAACF,EAAIsC,GAAG,SAAS,GAAGtC,EAAIyC,KAAOzC,EAAIuC,gBAAmBvC,EAAIwC,kBAAioBxC,EAAIyC,KAAlnBvC,EAAG,MAAM,CAACA,EAAG,SAAS,CAACE,YAAY,YAAYC,MAAM,CAAC,gBAAgB,QAAQ0C,MAAM,CAAC1B,MAAOrB,EAAIgD,SAAUC,SAAS,SAAUC,GAAMlD,EAAIgD,SAASE,GAAK5B,WAAW,aAAa,CAACpB,EAAG,QAAQ,CAACE,YAAY,oBAAoBC,MAAM,CAAC,OAAS,KAAK,CAACH,EAAG,iBAAiB,CAACE,YAAY,gBAAgBC,MAAM,CAAC,KAAO,SAAS,CAACL,EAAIsC,GAAG,SAAS,IAAI,GAAGpC,EAAG,QAAQ,CAACE,YAAY,qBAAqB,CAACF,EAAG,iBAAiB,CAACE,YAAY,cAAcC,MAAM,CAAC,KAAO,OAAO,CAACL,EAAIsC,GAAG,OAAO,IAAI,GAAGpC,EAAG,QAAQ,CAACE,YAAY,qBAAqB,CAACF,EAAG,iBAAiB,CAACE,YAAY,gBAAgBC,MAAM,CAAC,KAAO,SAAS,CAACL,EAAIsC,GAAG,SAAS,IAAI,IAAI,IAAI,GAAatC,EAAIwC,kBAAmBtC,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAAEJ,EAAI0C,YAAaxC,EAAG,iBAAiB,CAACE,YAAY,gBAAgBC,MAAM,CAAC,KAAO,SAAS,CAACL,EAAIsC,GAAG,SAAS,GAAGtC,EAAIyC,KAAMzC,EAAI6C,UAAW3C,EAAG,iBAAiB,CAACE,YAAY,cAAcC,MAAM,CAAC,KAAO,OAAO,CAACL,EAAIsC,GAAG,OAAO,GAAGtC,EAAIyC,KAAMzC,EAAI8C,YAAa5C,EAAG,iBAAiB,CAACE,YAAY,gBAAgBC,MAAM,CAAC,KAAO,SAAS,CAACL,EAAIsC,GAAG,SAAS,GAAGtC,EAAIyC,MAAM,GAAGzC,EAAIyC,OAAOzC,EAAIsC,GAAG,aAAavB,OAAM,IAAO,MAAK,MAEp5ES,EAAkB,GCFlBzB,G,oBAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,4BAA4B+C,MAAMnD,EAAIoD,SAAS,CAAEpD,EAAIqC,cAAgBrC,EAAIiC,MAAO/B,EAAG,MAAM,CAACE,YAAY,cAAc+C,MAAMnD,EAAIqD,WAAW,CAACnD,EAAG,MAAM,CAACE,YAAY,cAAc,CAAEJ,EAAIqC,aAAcrC,EAAIsC,GAAG,SAAStC,EAAIyC,KAAOzC,EAAIqC,aAAsFrC,EAAIyC,KAA5EvC,EAAG,KAAK,CAACE,YAAY,cAAc,CAACJ,EAAIM,GAAG,IAAIN,EAAIgB,GAAGhB,EAAIiC,OAAO,QAAiB,GAAG/B,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACJ,EAAIsC,GAAG,YAAY,KAAKtC,EAAIyC,KAAKvC,EAAG,MAAM,CAACE,YAAY,YAAY+C,MAAM,CACvgBG,UAAWtD,EAAIsD,UACf,WAAYtD,EAAIuD,QAChB,aAAcvD,EAAIwD,YACjB,CAACxD,EAAIsC,GAAG,SAAS,GAAItC,EAAIyD,YAAavD,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIsC,GAAG,SAAS,GAAGtC,EAAIyC,SAEtGjB,EAAkB,GC4BP,GACfZ,KAAA,SACA8C,MAAA,CAIAzB,MAAA0B,OAIAC,SAAAD,OAIAE,YAAAC,QAIAC,gBAAAD,QAIAE,YAAAF,QAIAG,UAAAN,OAIAN,UAAAM,OAIAL,UAAAK,OAIAJ,QAAAO,QAIAN,UAAAM,QAIAI,QAAAJ,SAEAnC,WAAA,GACAwC,QAAA,GACAC,SAAA,CACAhB,QAAA,WACA,IAAAiB,EAAA,CACA,+BAAAH,QACA,oBAAAL,YACA,yBAAAE,gBACA,oBAAAC,aAUA,OAPAK,EAAA,KAAAC,eAAA,KAAAA,cAGA,KAAAL,YACAI,EAAA,KAAAJ,YAAA,GAGAI,GAEAhC,aAAA,WACA,aAAAkC,OAAA,UAEAd,YAAA,WACA,aAAAc,OAAA,SAEAD,cAAA,WACA,aAAAV,UACA,QAAAY,OAAA,KAAAZ,aC9G4V,I,YCOxVzB,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,oBCkGA,GACfvB,KAAA,gBACA8C,MAAA,CACAzB,MAAA0B,QAEAlC,KAAA,WACA,OACAuB,SAAA,EACAyB,QAAA,IAGA9C,WAAA,CACA+C,UAEA7C,QAAA,eAAA8C,EAAA,KAEA,KAAAC,WAAA,WACAC,OAAAC,KAAA,CAAAH,EAAAI,MACA,IAAAC,EAAAL,EAAAI,IAAAE,iBAAA,SACAD,EAAAE,SAAA,SAAAC,GACAA,EAAAC,UAAAC,IAAA,YAAAb,OAAAW,EAAAC,UAAA,KACAD,EAAAC,UAAAE,OAAA,eAIAnB,QAAA,CAKAvB,aAAA,SAAA2C,GAKA,IAHA,IAAAC,EAAAD,EAAAE,OAAAC,QAAA,oBACAC,EAAAH,EAAAP,iBAAA,uBAEAW,EAAA,EAAAA,EAAAD,EAAAE,OAAAD,IACAD,EAAAC,GAAAR,UAAAE,OAAA,UAIAC,EAAAE,OAAAL,UAAAC,IAAA,UAGA,KAAArC,SAAA8C,SAAAP,EAAAE,OAAAM,aAAA,eAGA3B,SAAA,CAKA/B,aAAA,WACA,aAAAkC,OAAA,UAOA/B,kBAAA,eAAAwD,EAAA,KACAC,EAAA,EAMA,MALA,qBAAAf,SAAA,SAAAgB,GACAF,EAAAzB,OAAA4B,eAAAD,IACAD,OAGA,IAAAA,GAOA1D,eAAA,WACA,aAAAgC,OAAA,SAOA1B,UAAA,WACA,aAAA0B,OAAA,OAOAzB,YAAA,WACA,aAAAyB,OAAA,SAOA7B,YAAA,WACA,aAAA6B,OAAA,WCtNmW,ICO/V,EAAY,eACd,EACAxE,EACAyB,GACA,EACA,KACA,KACA,MAIa,S","file":"js/chunk-377e7527.2ae76770.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;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(\"Collapse\")]),_vm._v(\" Easily toggle visibility of almost any content on your pages. Includes support for making accordions. \"),_c('a',{staticClass:\"font-weight-bold\",attrs:{\"href\":\"https://bootstrap-vue.js.org/docs/components/collapse\",\"target\":\"_blank\"}},[_vm._v(\" See documentation. \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('KTCodePreview',{attrs:{\"title\":'Collapse'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('div',[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],attrs:{\"variant\":\"primary\"}},[_vm._v(\"Toggle Collapse\")]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-1\"}},[_c('b-card',[_c('p',{staticClass:\"card-text\"},[_vm._v(\"Collapse contents Here\")]),_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1-inner\",modifiers:{\"collapse-1-inner\":true}}],attrs:{\"size\":\"sm\"}},[_vm._v(\"Toggle Inner Collapse\")]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-1-inner\"}},[_c('b-card',[_vm._v(\"Hello!\")])],1)],1)],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.html1)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Trigger multiple collapse elements'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" You can even collapse multiple \"),_c('code',[_vm._v(\"<b-collapse>\")]),_vm._v(\" components via a single \"),_c('code',[_vm._v(\"v-b-toggle\")]),_vm._v(\" by providing multiple target IDs using modifiers: \")]),_c('div',[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-a.collapse-b\",modifiers:{\"collapse-a\":true,\"collapse-b\":true}}]},[_vm._v(\" Toggle Both Collapse A and B \")]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-a\"}},[_c('b-card',[_vm._v(\"I am collapsible content A!\")])],1),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-b\"}},[_c('b-card',[_vm._v(\"I am collapsible content B!\")])],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.html4)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Accordion support'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('div',{attrs:{\"role\":\"tablist\"}},[_c('b-card',{staticClass:\"mb-1\",attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticClass:\"p-1\",attrs:{\"header-tag\":\"header\",\"role\":\"tab\"}},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.accordion-1\",modifiers:{\"accordion-1\":true}}],attrs:{\"block\":\"\",\"href\":\"#\",\"variant\":\"info\"}},[_vm._v(\"Accordion 1\")])],1),_c('b-collapse',{attrs:{\"id\":\"accordion-1\",\"visible\":\"\",\"accordion\":\"my-accordion\",\"role\":\"tabpanel\"}},[_c('b-card-body',[_c('b-card-text',[_vm._v(\"I start opened because \"),_c('code',[_vm._v(\"visible\")]),_vm._v(\" is \"),_c('code',[_vm._v(\"true\")])]),_c('b-card-text',[_vm._v(_vm._s(_vm.text))])],1)],1)],1),_c('b-card',{staticClass:\"mb-1\",attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticClass:\"p-1\",attrs:{\"header-tag\":\"header\",\"role\":\"tab\"}},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.accordion-2\",modifiers:{\"accordion-2\":true}}],attrs:{\"block\":\"\",\"href\":\"#\",\"variant\":\"info\"}},[_vm._v(\"Accordion 2\")])],1),_c('b-collapse',{attrs:{\"id\":\"accordion-2\",\"accordion\":\"my-accordion\",\"role\":\"tabpanel\"}},[_c('b-card-body',[_c('b-card-text',[_vm._v(_vm._s(_vm.text))])],1)],1)],1),_c('b-card',{staticClass:\"mb-1\",attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticClass:\"p-1\",attrs:{\"header-tag\":\"header\",\"role\":\"tab\"}},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.accordion-3\",modifiers:{\"accordion-3\":true}}],attrs:{\"block\":\"\",\"href\":\"#\",\"variant\":\"info\"}},[_vm._v(\"Accordion 3\")])],1),_c('b-collapse',{attrs:{\"id\":\"accordion-3\",\"accordion\":\"my-accordion\",\"role\":\"tabpanel\"}},[_c('b-card-body',[_c('b-card-text',[_vm._v(_vm._s(_vm.text))])],1)],1)],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.html3)+\" \")]},proxy:true}])})],1),_c('div',{staticClass:\"col-md-6\"},[_c('KTCodePreview',{attrs:{\"title\":'Usage'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" Other elements can easily toggle \"),_c('code',[_vm._v(\"<b-collapse>\")]),_vm._v(\" components using the \"),_c('code'),_vm._v(\" directive. \")]),_c('div',[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"m-1\"},[_vm._v(\"Toggle Collapse\")]),_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:('collapse-2'),expression:\"'collapse-2'\"}],staticClass:\"m-1\"},[_vm._v(\"Toggle Collapse\")]),_c('b-collapse',{attrs:{\"id\":\"collapse-2\"}},[_c('b-card',[_vm._v(\"I am collapsible content!\")])],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.html2)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Initial visibility'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" To make the \"),_c('code',[_vm._v(\"<b-collapse>\")]),_vm._v(\" show initially, set the \"),_c('code',[_vm._v(\"<b-collapse> visible\")]),_vm._v(\" prop:\"),_c('br'),_c('br')]),_c('div',[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-3\",modifiers:{\"collapse-3\":true}}],staticClass:\"m-1\"},[_vm._v(\"Toggle Collapse\")]),_c('b-collapse',{attrs:{\"visible\":\"\",\"id\":\"collapse-3\"}},[_c('b-card',[_vm._v(\"I should start open!\")])],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.html3)+\" \")]},proxy:true}])})],1)])],1)\n}\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>Collapse</b> Easily toggle visibility of almost any content on your\r\n        pages. Includes support for making accordions.\r\n        <a\r\n          class=\"font-weight-bold\"\r\n          href=\"https://bootstrap-vue.js.org/docs/components/collapse\"\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=\"'Collapse'\">\r\n          <template v-slot:preview>\r\n            <div>\r\n              <b-button v-b-toggle.collapse-1 variant=\"primary\"\r\n                >Toggle Collapse</b-button\r\n              >\r\n              <b-collapse id=\"collapse-1\" class=\"mt-2\">\r\n                <b-card>\r\n                  <p class=\"card-text\">Collapse contents Here</p>\r\n                  <b-button v-b-toggle.collapse-1-inner size=\"sm\"\r\n                    >Toggle Inner Collapse</b-button\r\n                  >\r\n                  <b-collapse id=\"collapse-1-inner\" class=\"mt-2\">\r\n                    <b-card>Hello!</b-card>\r\n                  </b-collapse>\r\n                </b-card>\r\n              </b-collapse>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ html1 }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Trigger multiple collapse elements'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              You can even collapse multiple\r\n              <code>&lt;b-collapse&gt;</code> components via a single\r\n              <code>v-b-toggle</code> by providing multiple target IDs using\r\n              modifiers:\r\n            </p>\r\n            <div>\r\n              <!-- Single button triggers two \"<b-collapse>\" components -->\r\n              <b-button v-b-toggle.collapse-a.collapse-b>\r\n                Toggle Both Collapse A and B\r\n              </b-button>\r\n\r\n              <!-- Elements to collapse -->\r\n              <b-collapse id=\"collapse-a\" class=\"mt-2\">\r\n                <b-card>I am collapsible content A!</b-card>\r\n              </b-collapse>\r\n              <b-collapse id=\"collapse-b\" class=\"mt-2\">\r\n                <b-card>I am collapsible content B!</b-card>\r\n              </b-collapse>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ html4 }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Accordion support'\">\r\n          <template v-slot:preview>\r\n            <div role=\"tablist\">\r\n              <b-card no-body class=\"mb-1\">\r\n                <b-card-header header-tag=\"header\" class=\"p-1\" role=\"tab\">\r\n                  <b-button block href=\"#\" v-b-toggle.accordion-1 variant=\"info\"\r\n                    >Accordion 1</b-button\r\n                  >\r\n                </b-card-header>\r\n                <b-collapse\r\n                  id=\"accordion-1\"\r\n                  visible\r\n                  accordion=\"my-accordion\"\r\n                  role=\"tabpanel\"\r\n                >\r\n                  <b-card-body>\r\n                    <b-card-text\r\n                      >I start opened because <code>visible</code> is\r\n                      <code>true</code></b-card-text\r\n                    >\r\n                    <b-card-text>{{ text }}</b-card-text>\r\n                  </b-card-body>\r\n                </b-collapse>\r\n              </b-card>\r\n\r\n              <b-card no-body class=\"mb-1\">\r\n                <b-card-header header-tag=\"header\" class=\"p-1\" role=\"tab\">\r\n                  <b-button block href=\"#\" v-b-toggle.accordion-2 variant=\"info\"\r\n                    >Accordion 2</b-button\r\n                  >\r\n                </b-card-header>\r\n                <b-collapse\r\n                  id=\"accordion-2\"\r\n                  accordion=\"my-accordion\"\r\n                  role=\"tabpanel\"\r\n                >\r\n                  <b-card-body>\r\n                    <b-card-text>{{ text }}</b-card-text>\r\n                  </b-card-body>\r\n                </b-collapse>\r\n              </b-card>\r\n\r\n              <b-card no-body class=\"mb-1\">\r\n                <b-card-header header-tag=\"header\" class=\"p-1\" role=\"tab\">\r\n                  <b-button block href=\"#\" v-b-toggle.accordion-3 variant=\"info\"\r\n                    >Accordion 3</b-button\r\n                  >\r\n                </b-card-header>\r\n                <b-collapse\r\n                  id=\"accordion-3\"\r\n                  accordion=\"my-accordion\"\r\n                  role=\"tabpanel\"\r\n                >\r\n                  <b-card-body>\r\n                    <b-card-text>{{ text }}</b-card-text>\r\n                  </b-card-body>\r\n                </b-collapse>\r\n              </b-card>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ html3 }}\r\n          </template>\r\n        </KTCodePreview>\r\n      </div>\r\n\r\n      <div class=\"col-md-6\">\r\n        <KTCodePreview v-bind:title=\"'Usage'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              Other elements can easily toggle\r\n              <code>&lt;b-collapse&gt;</code> components using the\r\n              <code></code> directive.\r\n            </p>\r\n            <div>\r\n              <!-- Using modifiers -->\r\n              <b-button v-b-toggle.collapse-2 class=\"m-1\"\r\n                >Toggle Collapse</b-button\r\n              >\r\n\r\n              <!-- Using value -->\r\n              <b-button v-b-toggle=\"'collapse-2'\" class=\"m-1\"\r\n                >Toggle Collapse</b-button\r\n              >\r\n\r\n              <!-- Element to collapse -->\r\n              <b-collapse id=\"collapse-2\">\r\n                <b-card>I am collapsible content!</b-card>\r\n              </b-collapse>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ html2 }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Initial visibility'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              To make the <code>&lt;b-collapse&gt;</code> show initially, set\r\n              the <code>&lt;b-collapse&gt; visible</code> prop:<br /><br />\r\n            </p>\r\n            <div>\r\n              <b-button v-b-toggle.collapse-3 class=\"m-1\"\r\n                >Toggle Collapse</b-button\r\n              >\r\n              <b-collapse visible id=\"collapse-3\">\r\n                <b-card>I should start open!</b-card>\r\n              </b-collapse>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ html3 }}\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      html1: `<div>\r\n  <b-button v-b-toggle.collapse-1 variant=\"primary\">Toggle Collapse</b-button>\r\n  <b-collapse id=\"collapse-1\" class=\"mt-2\">\r\n    <b-card>\r\n      <p class=\"card-text\">Collapse contents Here</p>\r\n      <b-button v-b-toggle.collapse-1-inner size=\"sm\">Toggle Inner Collapse</b-button>\r\n      <b-collapse id=\"collapse-1-inner\" class=\"mt-2\">\r\n        <b-card>Hello!</b-card>\r\n      </b-collapse>\r\n    </b-card>\r\n  </b-collapse>\r\n</div>`,\r\n\r\n      html2: `<div>\r\n  <!-- Using modifiers -->\r\n  <b-button v-b-toggle.collapse-2 class=\"m-1\">Toggle Collapse</b-button>\r\n\r\n  <!-- Using value -->\r\n  <b-button v-b-toggle=\"'collapse-2'\" class=\"m-1\">Toggle Collapse</b-button>\r\n\r\n  <!-- Element to collapse -->\r\n  <b-collapse id=\"collapse-2\">\r\n    <b-card>I am collapsible content!</b-card>\r\n  </b-collapse>\r\n</div>`,\r\n\r\n      html3: `<div>\r\n  <b-button v-b-toggle.collapse-3 class=\"m-1\">Toggle Collapse</b-button>\r\n  <b-collapse visible id=\"collapse-3\">\r\n    <b-card>I should start open!</b-card>\r\n  </b-collapse>\r\n</div>`,\r\n\r\n      html4: `<div>\r\n  <!-- Single button triggers two \"<b-collapse>\" components -->\r\n  <b-button v-b-toggle.collapse-a.collapse-b>Toggle Both Collapse A and B</b-button>\r\n\r\n  <!-- Elements to collapse -->\r\n  <b-collapse id=\"collapse-a\" class=\"mt-2\">\r\n    <b-card>I am collapsible content A!</b-card>\r\n  </b-collapse>\r\n  <b-collapse id=\"collapse-b\" class=\"mt-2\">\r\n    <b-card>I am collapsible content B!</b-card>\r\n  </b-collapse>\r\n</div>`,\r\n\r\n      html5: `<div role=\"tablist\">\r\n  <b-card no-body class=\"mb-1\">\r\n    <b-card-header header-tag=\"header\" class=\"p-1\" role=\"tab\">\r\n      <b-button block href=\"#\" v-b-toggle.accordion-1 variant=\"info\">Accordion 1</b-button>\r\n    </b-card-header>\r\n    <b-collapse id=\"accordion-1\" visible accordion=\"my-accordion\" role=\"tabpanel\">\r\n      <b-card-body>\r\n        <b-card-text>I start opened because <code>visible</code> is <code>true</code></b-card-text>\r\n        <b-card-text>{{ text }}</b-card-text>\r\n      </b-card-body>\r\n    </b-collapse>\r\n  </b-card>\r\n\r\n  <b-card no-body class=\"mb-1\">\r\n    <b-card-header header-tag=\"header\" class=\"p-1\" role=\"tab\">\r\n      <b-button block href=\"#\" v-b-toggle.accordion-2 variant=\"info\">Accordion 2</b-button>\r\n    </b-card-header>\r\n    <b-collapse id=\"accordion-2\" accordion=\"my-accordion\" role=\"tabpanel\">\r\n      <b-card-body>\r\n        <b-card-text>{{ text }}</b-card-text>\r\n      </b-card-body>\r\n    </b-collapse>\r\n  </b-card>\r\n\r\n  <b-card no-body class=\"mb-1\">\r\n    <b-card-header header-tag=\"header\" class=\"p-1\" role=\"tab\">\r\n      <b-button block href=\"#\" v-b-toggle.accordion-3 variant=\"info\">Accordion 3</b-button>\r\n    </b-card-header>\r\n    <b-collapse id=\"accordion-3\" accordion=\"my-accordion\" role=\"tabpanel\">\r\n      <b-card-body>\r\n        <b-card-text>{{ text }}</b-card-text>\r\n      </b-card-body>\r\n    </b-collapse>\r\n  </b-card>\r\n</div>`,\r\n\r\n      text: `\r\n          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry\r\n          richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor\r\n          brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon\r\n          tempor, sunt aliqua put a bird on it squid single-origin coffee nulla\r\n          assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore\r\n          wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher\r\n          vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic\r\n          synth nesciunt you probably haven't heard of them accusamus labore VHS.\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: \"Collapse\" }\r\n    ]);\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Collapse.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Collapse.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Collapse.vue?vue&type=template&id=ccb82fb0\"\nimport script from \"./Collapse.vue?vue&type=script&lang=js\"\nexport * from \"./Collapse.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 render(){var _vm=this,_c=_vm._self._c;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:\"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)})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;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()])\n}\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--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Card.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CodePreview.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CodePreview.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CodePreview.vue?vue&type=template&id=773e0431\"\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":""}