{"version":3,"sources":["webpack:///./src/view/pages/vue-bootstrap/Form.vue","webpack:///src/view/pages/vue-bootstrap/Form.vue","webpack:///./src/view/pages/vue-bootstrap/Form.vue?378e","webpack:///./src/view/pages/vue-bootstrap/Form.vue?ac70","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","show","on","onSubmit","onReset","model","value","form","email","callback","$$v","$set","expression","name","foods","food","checked","_e","_s","proxy","html1","js1","html2","domProps","html3","staticRenderFns","data","text","components","KTCodePreview","methods","evt","preventDefault","alert","JSON","stringify","_this","$nextTick","mounted","$store","dispatch","SET_BREADCRUMB","title","route","component","ref","hasTitleSlot","_t","hasGeneralCode","hasSingleCodeType","hasHtmlCode","setActiveTab","hasJsCode","hasScssCode","tabIndex","class","classes","headClass","bodyClass","bodyFit","bodyFluid","hasFootSlot","props","String","headSize","fluidHeight","Boolean","fluidHalfHeight","headOverlay","cardClass","example","computed","cls","headSizeClass","$slots","concat","isOpen","KTCard","KTLayoutExamples","init","$el","hljs","querySelectorAll","forEach","hl","classList","add","remove","event","tab","target","closest","links","i","length","parseInt","getAttribute","_this2","exist","type","hasOwnProperty"],"mappings":"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","file":"js/chunk-376b809c.b5e9f634.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(\"Form\")]),_vm._v(\" BootstrapVue form component and helper components that optionally support inline form styles and validation states. Pair them up with other BootstrapVue form control components for an easy customized, and responsive, layout with a consistent look and feel. \"),_c('a',{staticClass:\"font-weight-bold\",attrs:{\"href\":\"https://bootstrap-vue.js.org/docs/components/form\",\"target\":\"_blank\"}},[_vm._v(\" See documentation. \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('KTCodePreview',{attrs:{\"title\":'Introduction to forms and controls'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" Be sure to use an appropriate \"),_c('code',[_vm._v(\"type\")]),_vm._v(\" on all inputs (e.g., email for email address or number for numerical information) to take advantage of newer input controls like \"),_c('code',[_vm._v(\"email\")]),_vm._v(\" verification, \"),_c('code',[_vm._v(\"number\")]),_vm._v(\" selection, and more. \")]),_c('div',[(_vm.show)?_c('b-form',{on:{\"submit\":_vm.onSubmit,\"reset\":_vm.onReset}},[_c('b-form-group',{attrs:{\"id\":\"input-group-1\",\"label\":\"Email address:\",\"label-for\":\"input-1\",\"description\":\"We'll never share your email with anyone else.\"}},[_c('b-form-input',{attrs:{\"id\":\"input-1\",\"type\":\"email\",\"required\":\"\",\"placeholder\":\"Enter email\"},model:{value:(_vm.form.email),callback:function ($$v) {_vm.$set(_vm.form, \"email\", $$v)},expression:\"form.email\"}})],1),_c('b-form-group',{attrs:{\"id\":\"input-group-2\",\"label\":\"Your Name:\",\"label-for\":\"input-2\"}},[_c('b-form-input',{attrs:{\"id\":\"input-2\",\"required\":\"\",\"placeholder\":\"Enter name\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}})],1),_c('b-form-group',{attrs:{\"id\":\"input-group-3\",\"label\":\"Food:\",\"label-for\":\"input-3\"}},[_c('b-form-select',{attrs:{\"id\":\"input-3\",\"options\":_vm.foods,\"required\":\"\"},model:{value:(_vm.form.food),callback:function ($$v) {_vm.$set(_vm.form, \"food\", $$v)},expression:\"form.food\"}})],1),_c('b-form-group',{attrs:{\"id\":\"input-group-4\"}},[_c('b-form-checkbox-group',{attrs:{\"id\":\"checkboxes-4\"},model:{value:(_vm.form.checked),callback:function ($$v) {_vm.$set(_vm.form, \"checked\", $$v)},expression:\"form.checked\"}},[_c('b-form-checkbox',{attrs:{\"value\":\"me\"}},[_vm._v(\"Check me out\")]),_c('b-form-checkbox',{attrs:{\"value\":\"that\"}},[_vm._v(\" Check that out \")])],1)],1),_c('b-button',{attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\"Submit\")]),_c('b-button',{staticClass:\"ml-2\",attrs:{\"type\":\"reset\",\"variant\":\"danger\"}},[_vm._v(\" Reset \")])],1):_vm._e(),_c('b-card',{staticClass:\"mt-3\",attrs:{\"header\":\"Form Data Result\"}},[_c('pre',{staticClass:\"m-0\"},[_vm._v(_vm._s(_vm.form))])])],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.html1)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.js1)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Inline form'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" Use the \"),_c('code',[_vm._v(\"inline\")]),_vm._v(\" prop on \"),_c('code',[_vm._v(\"<b-form>\")]),_vm._v(\" to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms vary slightly from their default states. \")]),_c('div',[_c('b-form',{attrs:{\"inline\":\"\"}},[_c('label',{staticClass:\"sr-only\",attrs:{\"for\":\"inline-form-input-name\"}},[_vm._v(\"Name\")]),_c('b-input',{staticClass:\"mb-2 mr-sm-2 mb-sm-0\",attrs:{\"id\":\"inline-form-input-name\",\"placeholder\":\"Jane Doe\"}}),_c('label',{staticClass:\"sr-only\",attrs:{\"for\":\"inline-form-input-username\"}},[_vm._v(\"Username\")]),_c('b-input-group',{staticClass:\"mb-2 mr-sm-2 mb-sm-0\",attrs:{\"prepend\":\"@\"}},[_c('b-input',{attrs:{\"id\":\"inline-form-input-username\",\"placeholder\":\"Username\"}})],1),_c('b-form-checkbox',{staticClass:\"mb-2 mr-sm-2 mb-sm-0\"},[_vm._v(\"Remember me \")]),_c('b-button',{attrs:{\"variant\":\"primary\"}},[_vm._v(\"Save\")])],1)],1)]},proxy:true},{key:\"code\",fn:function(){return [_c('highlight-code',{attrs:{\"lang\":\"html\"}},[_vm._v(\" \"+_vm._s(_vm.html2)+\" \")])]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Custom form controls and selects'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('div',[_c('b-form',{attrs:{\"inline\":\"\"}},[_c('label',{staticClass:\"mr-sm-2\",attrs:{\"for\":\"inline-form-custom-select-pref\"}},[_vm._v(\" Preference \")]),_c('b-form-select',{staticClass:\"mb-2 mr-sm-2 mb-sm-0\",attrs:{\"value\":null,\"options\":{ '1': 'One', '2': 'Two', '3': 'Three' },\"id\":\"inline-form-custom-select-pref\"},scopedSlots:_vm._u([{key:\"first\",fn:function(){return [_c('option',{domProps:{\"value\":null}},[_vm._v(\"Choose...\")])]},proxy:true}])}),_c('b-form-checkbox',{staticClass:\"mb-2 mr-sm-2 mb-sm-0\"},[_vm._v(\" Remember my preference \")]),_c('b-button',{attrs:{\"variant\":\"primary\"}},[_vm._v(\"Save\")])],1)],1)]},proxy:true},{key:\"code\",fn:function(){return [_c('highlight-code',{attrs:{\"lang\":\"html\"}},[_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>Form</b> BootstrapVue form component and helper components that\r\n        optionally support inline form styles and validation states. Pair them\r\n        up with other BootstrapVue form control components for an easy\r\n        customized, and responsive, layout with a consistent look and feel.\r\n        <a\r\n          class=\"font-weight-bold\"\r\n          href=\"https://bootstrap-vue.js.org/docs/components/form\"\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-12\">\r\n        <KTCodePreview v-bind:title=\"'Introduction to forms and controls'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              Be sure to use an appropriate <code>type</code> on all inputs\r\n              (e.g., email for email address or number for numerical\r\n              information) to take advantage of newer input controls like\r\n              <code>email</code> verification, <code>number</code> selection,\r\n              and more.\r\n            </p>\r\n            <div>\r\n              <b-form @submit=\"onSubmit\" @reset=\"onReset\" v-if=\"show\">\r\n                <b-form-group\r\n                  id=\"input-group-1\"\r\n                  label=\"Email address:\"\r\n                  label-for=\"input-1\"\r\n                  description=\"We'll never share your email with anyone else.\"\r\n                >\r\n                  <b-form-input\r\n                    id=\"input-1\"\r\n                    v-model=\"form.email\"\r\n                    type=\"email\"\r\n                    required\r\n                    placeholder=\"Enter email\"\r\n                  ></b-form-input>\r\n                </b-form-group>\r\n\r\n                <b-form-group\r\n                  id=\"input-group-2\"\r\n                  label=\"Your Name:\"\r\n                  label-for=\"input-2\"\r\n                >\r\n                  <b-form-input\r\n                    id=\"input-2\"\r\n                    v-model=\"form.name\"\r\n                    required\r\n                    placeholder=\"Enter name\"\r\n                  ></b-form-input>\r\n                </b-form-group>\r\n\r\n                <b-form-group\r\n                  id=\"input-group-3\"\r\n                  label=\"Food:\"\r\n                  label-for=\"input-3\"\r\n                >\r\n                  <b-form-select\r\n                    id=\"input-3\"\r\n                    v-model=\"form.food\"\r\n                    :options=\"foods\"\r\n                    required\r\n                  ></b-form-select>\r\n                </b-form-group>\r\n\r\n                <b-form-group id=\"input-group-4\">\r\n                  <b-form-checkbox-group\r\n                    v-model=\"form.checked\"\r\n                    id=\"checkboxes-4\"\r\n                  >\r\n                    <b-form-checkbox value=\"me\">Check me out</b-form-checkbox>\r\n                    <b-form-checkbox value=\"that\">\r\n                      Check that out\r\n                    </b-form-checkbox>\r\n                  </b-form-checkbox-group>\r\n                </b-form-group>\r\n\r\n                <b-button type=\"submit\" variant=\"primary\">Submit</b-button>\r\n                <b-button class=\"ml-2\" type=\"reset\" variant=\"danger\">\r\n                  Reset\r\n                </b-button>\r\n              </b-form>\r\n              <b-card class=\"mt-3\" header=\"Form Data Result\">\r\n                <pre class=\"m-0\">{{ form }}</pre>\r\n              </b-card>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ html1 }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ js1 }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Inline form'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              Use the <code>inline</code> prop on <code>&lt;b-form&gt;</code> to\r\n              display a series of labels, form controls, and buttons on a single\r\n              horizontal row. Form controls within inline forms vary slightly\r\n              from their default states.\r\n            </p>\r\n            <div>\r\n              <b-form inline>\r\n                <label class=\"sr-only\" for=\"inline-form-input-name\">Name</label>\r\n                <b-input\r\n                  id=\"inline-form-input-name\"\r\n                  class=\"mb-2 mr-sm-2 mb-sm-0\"\r\n                  placeholder=\"Jane Doe\"\r\n                ></b-input>\r\n\r\n                <label class=\"sr-only\" for=\"inline-form-input-username\"\r\n                  >Username</label\r\n                >\r\n                <b-input-group prepend=\"@\" class=\"mb-2 mr-sm-2 mb-sm-0\">\r\n                  <b-input\r\n                    id=\"inline-form-input-username\"\r\n                    placeholder=\"Username\"\r\n                  ></b-input>\r\n                </b-input-group>\r\n\r\n                <b-form-checkbox class=\"mb-2 mr-sm-2 mb-sm-0\"\r\n                  >Remember me\r\n                </b-form-checkbox>\r\n\r\n                <b-button variant=\"primary\">Save</b-button>\r\n              </b-form>\r\n            </div>\r\n          </template>\r\n          <template v-slot:code>\r\n            <highlight-code lang=\"html\">\r\n              {{ html2 }}\r\n            </highlight-code>\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Custom form controls and selects'\">\r\n          <template v-slot:preview>\r\n            <div>\r\n              <b-form inline>\r\n                <label class=\"mr-sm-2\" for=\"inline-form-custom-select-pref\">\r\n                  Preference\r\n                </label>\r\n                <b-form-select\r\n                  class=\"mb-2 mr-sm-2 mb-sm-0\"\r\n                  :value=\"null\"\r\n                  :options=\"{ '1': 'One', '2': 'Two', '3': 'Three' }\"\r\n                  id=\"inline-form-custom-select-pref\"\r\n                >\r\n                  <template v-slot:first>\r\n                    <option :value=\"null\">Choose...</option>\r\n                  </template>\r\n                </b-form-select>\r\n\r\n                <b-form-checkbox class=\"mb-2 mr-sm-2 mb-sm-0\">\r\n                  Remember my preference\r\n                </b-form-checkbox>\r\n\r\n                <b-button variant=\"primary\">Save</b-button>\r\n              </b-form>\r\n            </div>\r\n          </template>\r\n          <template v-slot:code>\r\n            <highlight-code lang=\"html\">\r\n              {{ html3 }}\r\n            </highlight-code>\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-form @submit=\"onSubmit\" @reset=\"onReset\" v-if=\"show\">\r\n      <b-form-group\r\n        id=\"input-group-1\"\r\n        label=\"Email address:\"\r\n        label-for=\"input-1\"\r\n        description=\"We'll never share your email with anyone else.\"\r\n      >\r\n        <b-form-input\r\n          id=\"input-1\"\r\n          v-model=\"form.email\"\r\n          type=\"email\"\r\n          required\r\n          placeholder=\"Enter email\"\r\n        ></b-form-input>\r\n      </b-form-group>\r\n\r\n      <b-form-group id=\"input-group-2\" label=\"Your Name:\" label-for=\"input-2\">\r\n        <b-form-input\r\n          id=\"input-2\"\r\n          v-model=\"form.name\"\r\n          required\r\n          placeholder=\"Enter name\"\r\n        ></b-form-input>\r\n      </b-form-group>\r\n\r\n      <b-form-group id=\"input-group-3\" label=\"Food:\" label-for=\"input-3\">\r\n        <b-form-select\r\n          id=\"input-3\"\r\n          v-model=\"form.food\"\r\n          :options=\"foods\"\r\n          required\r\n        ></b-form-select>\r\n      </b-form-group>\r\n\r\n      <b-form-group id=\"input-group-4\">\r\n        <b-form-checkbox-group v-model=\"form.checked\" id=\"checkboxes-4\">\r\n          <b-form-checkbox value=\"me\">Check me out</b-form-checkbox>\r\n          <b-form-checkbox value=\"that\">Check that out</b-form-checkbox>\r\n        </b-form-checkbox-group>\r\n      </b-form-group>\r\n\r\n      <b-button type=\"submit\" variant=\"primary\">Submit</b-button>\r\n      <b-button type=\"reset\" variant=\"danger\">Reset</b-button>\r\n    </b-form>\r\n    <b-card class=\"mt-3\" header=\"Form Data Result\">\r\n      <pre class=\"m-0\">{{ form }}</pre>\r\n    </b-card>\r\n  </div>`,\r\n      js1: `\r\n  export default {\r\n    data() {\r\n      return {\r\n        form: {\r\n          email: '',\r\n          name: '',\r\n          food: null,\r\n          checked: []\r\n        },\r\n        foods: [{ text: 'Select One', value: null }, 'Carrots', 'Beans', 'Tomatoes', 'Corn'],\r\n        show: true\r\n      }\r\n    },\r\n    methods: {\r\n      onSubmit(evt) {\r\n        evt.preventDefault()\r\n        alert(JSON.stringify(this.form))\r\n      },\r\n      onReset(evt) {\r\n        evt.preventDefault()\r\n        // Reset our form values\r\n        this.form.email = ''\r\n        this.form.name = ''\r\n        this.form.food = null\r\n        this.form.checked = []\r\n        // Trick to reset/clear native browser form validation state\r\n        this.show = false\r\n        this.$nextTick(() => {\r\n          this.show = true\r\n        })\r\n      }\r\n    }\r\n  }`,\r\n      form: {\r\n        email: \"\",\r\n        name: \"\",\r\n        food: null,\r\n        checked: []\r\n      },\r\n      foods: [\r\n        { text: \"Select One\", value: null },\r\n        \"Carrots\",\r\n        \"Beans\",\r\n        \"Tomatoes\",\r\n        \"Corn\"\r\n      ],\r\n      show: true,\r\n\r\n      html2: `<div>\r\n  <b-form inline>\r\n    <label class=\"sr-only\" for=\"inline-form-input-name\">Name</label>\r\n    <b-input\r\n      id=\"inline-form-input-name\"\r\n      class=\"mb-2 mr-sm-2 mb-sm-0\"\r\n      placeholder=\"Jane Doe\"\r\n    ></b-input>\r\n\r\n    <label class=\"sr-only\" for=\"inline-form-input-username\">Username</label>\r\n    <b-input-group prepend=\"@\" class=\"mb-2 mr-sm-2 mb-sm-0\">\r\n      <b-input id=\"inline-form-input-username\" placeholder=\"Username\"></b-input>\r\n    </b-input-group>\r\n\r\n    <b-form-checkbox class=\"mb-2 mr-sm-2 mb-sm-0\">Remember me</b-form-checkbox>\r\n\r\n    <b-button variant=\"primary\">Save</b-button>\r\n  </b-form>\r\n</div>`,\r\n\r\n      html3: `<div>\r\n  <b-form inline>\r\n    <label class=\"mr-sm-2\" for=\"inline-form-custom-select-pref\">Preference</label>\r\n    <b-form-select\r\n      class=\"mb-2 mr-sm-2 mb-sm-0\"\r\n      :value=\"null\"\r\n      :options=\"{ '1': 'One', '2': 'Two', '3': 'Three' }\"\r\n      id=\"inline-form-custom-select-pref\"\r\n    >\r\n      <template v-slot:first>\r\n        <option :value=\"null\">Choose...</option>\r\n      </template>\r\n    </b-form-select>\r\n\r\n    <b-form-checkbox class=\"mb-2 mr-sm-2 mb-sm-0\">Remember my preference</b-form-checkbox>\r\n\r\n    <b-button variant=\"primary\">Save</b-button>\r\n  </b-form>\r\n</div>`\r\n    };\r\n  },\r\n  components: {\r\n    KTCodePreview\r\n  },\r\n  methods: {\r\n    onSubmit(evt) {\r\n      evt.preventDefault();\r\n      alert(JSON.stringify(this.form));\r\n    },\r\n    onReset(evt) {\r\n      evt.preventDefault();\r\n      // Reset our form values\r\n      this.form.email = \"\";\r\n      this.form.name = \"\";\r\n      this.form.food = null;\r\n      this.form.checked = [];\r\n      // Trick to reset/clear native browser form validation state\r\n      this.show = false;\r\n      this.$nextTick(() => {\r\n        this.show = true;\r\n      });\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$store.dispatch(SET_BREADCRUMB, [\r\n      { title: \"Vue Bootstrap\", route: \"alert\" },\r\n      { title: \"Form\" }\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!./Form.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!./Form.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Form.vue?vue&type=template&id=90c71824\"\nimport script from \"./Form.vue?vue&type=script&lang=js\"\nexport * from \"./Form.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":""}