{"version":3,"sources":["webpack:///./src/view/pages/vue-bootstrap/FormTextarea.vue","webpack:///src/view/pages/vue-bootstrap/FormTextarea.vue","webpack:///./src/view/pages/vue-bootstrap/FormTextarea.vue?9286","webpack:///./src/view/pages/vue-bootstrap/FormTextarea.vue?541d","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","model","value","text","callback","$$v","expression","_s","proxy","code1","html","js","code2","code3","code4","staticRenderFns","data","components","KTCodePreview","mounted","$store","dispatch","SET_BREADCRUMB","title","route","component","ref","hasTitleSlot","_t","hasGeneralCode","hasSingleCodeType","_e","hasHtmlCode","on","setActiveTab","hasJsCode","hasScssCode","tabIndex","class","classes","headClass","bodyClass","bodyFit","bodyFluid","hasFootSlot","name","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":"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","file":"js/chunk-3768c625.ce02a24b.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 textarea\")]),_vm._v(\" Create multi-line text inputs with support for auto height sizing, minimum and maximum number of rows, and contextual states. \"),_c('a',{staticClass:\"font-weight-bold\",attrs:{\"href\":\"https://bootstrap-vue.js.org/docs/components/form-textarea\",\"target\":\"_blank\"}},[_vm._v(\" See documentation. \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('KTCodePreview',{attrs:{\"title\":'Form textarea'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('div',[_c('b-form-textarea',{attrs:{\"id\":\"textarea\",\"placeholder\":\"Enter something...\",\"rows\":\"3\",\"max-rows\":\"6\"},model:{value:(_vm.text),callback:function ($$v) {_vm.text=$$v},expression:\"text\"}}),_c('pre',{staticClass:\"mt-3 mb-0\"},[_vm._v(_vm._s(_vm.text))])],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code1.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code1.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Control sizing'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" Set text height using the size prop to \"),_c('code',[_vm._v(\"sm\")]),_vm._v(\" or \"),_c('code',[_vm._v(\"lg\")]),_vm._v(\" for small or large respectively. \")]),_c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"sm\":\"2\"}},[_c('label',{attrs:{\"for\":\"textarea-small\"}},[_vm._v(\"Small:\")])]),_c('b-col',{attrs:{\"sm\":\"10\"}},[_c('b-form-textarea',{attrs:{\"id\":\"textarea-small\",\"size\":\"sm\",\"placeholder\":\"Small textarea\"}})],1)],1),_c('b-row',{staticClass:\"mt-2\"},[_c('b-col',{attrs:{\"sm\":\"2\"}},[_c('label',{attrs:{\"for\":\"textarea-default\"}},[_vm._v(\"Default:\")])]),_c('b-col',{attrs:{\"sm\":\"10\"}},[_c('b-form-textarea',{attrs:{\"id\":\"textarea-default\",\"placeholder\":\"Default textarea\"}})],1)],1),_c('b-row',{staticClass:\"mt-2\"},[_c('b-col',{attrs:{\"sm\":\"2\"}},[_c('label',{attrs:{\"for\":\"textarea-large\"}},[_vm._v(\"Large:\")])]),_c('b-col',{attrs:{\"sm\":\"10\"}},[_c('b-form-textarea',{attrs:{\"id\":\"textarea-large\",\"size\":\"lg\",\"placeholder\":\"Large textarea\"}})],1)],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code2.html)+\" \")]},proxy:true}])})],1),_c('div',{staticClass:\"col-md-6\"},[_c('KTCodePreview',{attrs:{\"title\":'Displayed rows'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" To set the height of \"),_c('code',[_vm._v(\"<b-form-textarea>\")]),_vm._v(\", set the \"),_c('code',[_vm._v(\"rows\")]),_vm._v(\" prop to the desired number of rows. If no value is provided to \"),_c('code',[_vm._v(\"rows\")]),_vm._v(\", then it will default to \"),_c('code',[_vm._v(\"2\")]),_vm._v(\" (the browser default and minimum acceptable value). Setting it to null or a value below \"),_c('code',[_vm._v(\"2\")]),_vm._v(\" will result in the default of 2 being used. \")]),_c('div',[_c('b-form-textarea',{attrs:{\"id\":\"textarea-rows\",\"placeholder\":\"Tall textarea\",\"rows\":\"8\"}})],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code3.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Auto height'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_c('code',[_vm._v(\"<b-form-textarea>\")]),_vm._v(\" can also automatically adjust its height (text rows) to fit the content, even as the user enters or deletes text. The height of the textarea will either grow or shrink to fit the content (grow to a maximum of \"),_c('code',[_vm._v(\"max-rows\")]),_vm._v(\" or shrink to a minimum of \"),_c('code',[_vm._v(\"rows\")]),_vm._v(\"). \")]),_c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"sm\":\"2\"}},[_c('label',{attrs:{\"for\":\"textarea-auto-height\"}},[_vm._v(\"Auto height:\")])]),_c('b-col',{attrs:{\"sm\":\"10\"}},[_c('b-form-textarea',{attrs:{\"id\":\"textarea-auto-height\",\"placeholder\":\"Auto height textarea\",\"rows\":\"3\",\"max-rows\":\"8\"}})],1)],1),_c('b-row',{staticClass:\"mt-2\"},[_c('b-col',{attrs:{\"sm\":\"2\"}},[_c('label',{attrs:{\"for\":\"textarea-no-auto-shrink\"}},[_vm._v(\"No auto-shrink:\")])]),_c('b-col',{attrs:{\"sm\":\"10\"}},[_c('b-form-textarea',{attrs:{\"id\":\"textarea-no-auto-shrink\",\"placeholder\":\"Auto height (no-shrink) textarea\",\"rows\":\"3\",\"max-rows\":\"8\",\"no-auto-shrink\":\"\"}})],1)],1)],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code4.html)+\" \")]},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 textarea</b> Create multi-line text inputs with support for auto\r\n        height sizing, minimum and maximum number of rows, and contextual\r\n        states.\r\n        <a\r\n          class=\"font-weight-bold\"\r\n          href=\"https://bootstrap-vue.js.org/docs/components/form-textarea\"\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=\"'Form textarea'\">\r\n          <template v-slot:preview>\r\n            <div>\r\n              <b-form-textarea\r\n                id=\"textarea\"\r\n                v-model=\"text\"\r\n                placeholder=\"Enter something...\"\r\n                rows=\"3\"\r\n                max-rows=\"6\"\r\n              ></b-form-textarea>\r\n\r\n              <pre class=\"mt-3 mb-0\">{{ text }}</pre>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code1.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code1.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Control sizing'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              Set text height using the size prop to <code>sm</code> or\r\n              <code>lg</code> for small or large respectively.\r\n            </p>\r\n            <b-container fluid>\r\n              <b-row>\r\n                <b-col sm=\"2\">\r\n                  <label for=\"textarea-small\">Small:</label>\r\n                </b-col>\r\n                <b-col sm=\"10\">\r\n                  <b-form-textarea\r\n                    id=\"textarea-small\"\r\n                    size=\"sm\"\r\n                    placeholder=\"Small textarea\"\r\n                  ></b-form-textarea>\r\n                </b-col>\r\n              </b-row>\r\n\r\n              <b-row class=\"mt-2\">\r\n                <b-col sm=\"2\">\r\n                  <label for=\"textarea-default\">Default:</label>\r\n                </b-col>\r\n                <b-col sm=\"10\">\r\n                  <b-form-textarea\r\n                    id=\"textarea-default\"\r\n                    placeholder=\"Default textarea\"\r\n                  ></b-form-textarea>\r\n                </b-col>\r\n              </b-row>\r\n\r\n              <b-row class=\"mt-2\">\r\n                <b-col sm=\"2\">\r\n                  <label for=\"textarea-large\">Large:</label>\r\n                </b-col>\r\n                <b-col sm=\"10\">\r\n                  <b-form-textarea\r\n                    id=\"textarea-large\"\r\n                    size=\"lg\"\r\n                    placeholder=\"Large textarea\"\r\n                  ></b-form-textarea>\r\n                </b-col>\r\n              </b-row>\r\n            </b-container>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code2.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n      </div>\r\n      <div class=\"col-md-6\">\r\n        <KTCodePreview v-bind:title=\"'Displayed rows'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              To set the height of <code>&lt;b-form-textarea&gt;</code>, set the\r\n              <code>rows</code> prop to the desired number of rows. If no value\r\n              is provided to <code>rows</code>, then it will default to\r\n              <code>2</code> (the browser default and minimum acceptable value).\r\n              Setting it to null or a value below <code>2</code> will result in\r\n              the default of 2 being used.\r\n            </p>\r\n            <div>\r\n              <b-form-textarea\r\n                id=\"textarea-rows\"\r\n                placeholder=\"Tall textarea\"\r\n                rows=\"8\"\r\n              ></b-form-textarea>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code3.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Auto height'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              <code>&lt;b-form-textarea&gt;</code> can also automatically adjust\r\n              its height (text rows) to fit the content, even as the user enters\r\n              or deletes text. The height of the textarea will either grow or\r\n              shrink to fit the content (grow to a maximum of\r\n              <code>max-rows</code> or shrink to a minimum of\r\n              <code>rows</code>).\r\n            </p>\r\n            <b-container fluid>\r\n              <b-row>\r\n                <b-col sm=\"2\">\r\n                  <label for=\"textarea-auto-height\">Auto height:</label>\r\n                </b-col>\r\n                <b-col sm=\"10\">\r\n                  <b-form-textarea\r\n                    id=\"textarea-auto-height\"\r\n                    placeholder=\"Auto height textarea\"\r\n                    rows=\"3\"\r\n                    max-rows=\"8\"\r\n                  ></b-form-textarea>\r\n                </b-col>\r\n              </b-row>\r\n\r\n              <b-row class=\"mt-2\">\r\n                <b-col sm=\"2\">\r\n                  <label for=\"textarea-no-auto-shrink\">No auto-shrink:</label>\r\n                </b-col>\r\n                <b-col sm=\"10\">\r\n                  <b-form-textarea\r\n                    id=\"textarea-no-auto-shrink\"\r\n                    placeholder=\"Auto height (no-shrink) textarea\"\r\n                    rows=\"3\"\r\n                    max-rows=\"8\"\r\n                    no-auto-shrink\r\n                  ></b-form-textarea>\r\n                </b-col>\r\n              </b-row>\r\n            </b-container>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code4.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport KTCodePreview from \"@/view/content/CodePreview.vue\";\r\nimport { SET_BREADCRUMB } from \"@/core/services/store/breadcrumbs.module\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      code1: {\r\n        html: `<div>\r\n    <b-form-textarea\r\n      id=\"textarea\"\r\n      v-model=\"text\"\r\n      placeholder=\"Enter something...\"\r\n      rows=\"3\"\r\n      max-rows=\"6\"\r\n    ></b-form-textarea>\r\n\r\n    <pre class=\"mt-3 mb-0\">{{ text }}</pre>\r\n  </div>`,\r\n        js: `export default {\r\n    data() {\r\n      return {\r\n        text: ''\r\n      }\r\n    }\r\n  }`\r\n      },\r\n      text: \"\",\r\n\r\n      code2: {\r\n        html: `<b-container fluid>\r\n  <b-row>\r\n    <b-col sm=\"2\">\r\n      <label for=\"textarea-small\">Small:</label>\r\n    </b-col>\r\n    <b-col sm=\"10\">\r\n      <b-form-textarea\r\n        id=\"textarea-small\"\r\n        size=\"sm\"\r\n        placeholder=\"Small textarea\"\r\n      ></b-form-textarea>\r\n    </b-col>\r\n  </b-row>\r\n\r\n  <b-row class=\"mt-2\">\r\n    <b-col sm=\"2\">\r\n      <label for=\"textarea-default\">Default:</label>\r\n    </b-col>\r\n    <b-col sm=\"10\">\r\n      <b-form-textarea\r\n        id=\"textarea-default\"\r\n        placeholder=\"Default textarea\"\r\n      ></b-form-textarea>\r\n    </b-col>\r\n  </b-row>\r\n\r\n  <b-row class=\"mt-2\">\r\n    <b-col sm=\"2\">\r\n      <label for=\"textarea-large\">Large:</label>\r\n    </b-col>\r\n    <b-col sm=\"10\">\r\n      <b-form-textarea\r\n        id=\"textarea-large\"\r\n        size=\"lg\"\r\n        placeholder=\"Large textarea\"\r\n      ></b-form-textarea>\r\n    </b-col>\r\n  </b-row>\r\n</b-container>`\r\n      },\r\n\r\n      code3: {\r\n        html: `<div>\r\n  <b-form-textarea\r\n    id=\"textarea-rows\"\r\n    placeholder=\"Tall textarea\"\r\n    rows=\"8\"\r\n  ></b-form-textarea>\r\n</div>`\r\n      },\r\n\r\n      code4: {\r\n        html: `<b-container fluid>\r\n  <b-row>\r\n    <b-col sm=\"2\">\r\n      <label for=\"textarea-auto-height\">Auto height:</label>\r\n    </b-col>\r\n    <b-col sm=\"10\">\r\n      <b-form-textarea\r\n        id=\"textarea-auto-height\"\r\n        placeholder=\"Auto height textarea\"\r\n        rows=\"3\"\r\n        max-rows=\"8\"\r\n      ></b-form-textarea>\r\n    </b-col>\r\n  </b-row>\r\n\r\n  <b-row class=\"mt-2\">\r\n    <b-col sm=\"2\">\r\n      <label for=\"textarea-no-auto-shrink\">No auto-shrink:</label>\r\n    </b-col>\r\n    <b-col sm=\"10\">\r\n      <b-form-textarea\r\n        id=\"textarea-no-auto-shrink\"\r\n        placeholder=\"Auto height (no-shrink) textarea\"\r\n        rows=\"3\"\r\n        max-rows=\"8\"\r\n        no-auto-shrink\r\n      ></b-form-textarea>\r\n    </b-col>\r\n  </b-row>\r\n</b-container>`\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: \"Form Textarea\" }\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!./FormTextarea.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!./FormTextarea.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FormTextarea.vue?vue&type=template&id=91edcbc6\"\nimport script from \"./FormTextarea.vue?vue&type=script&lang=js\"\nexport * from \"./FormTextarea.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":""}