{"version":3,"sources":["webpack:///./src/view/pages/vuetify/forms/FileInputs.vue","webpack:///src/view/pages/vuetify/forms/FileInputs.vue","webpack:///./src/view/pages/vuetify/forms/FileInputs.vue?25af","webpack:///./src/view/pages/vuetify/forms/FileInputs.vue?ce0b","webpack:///../../../src/components/VFileInput/VFileInput.ts","webpack:///../../../src/components/VTextField/index.ts","webpack:///../../../src/components/VChip/VChip.ts","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":["staticClass","attrs","_c","_vm","scopedSlots","key","fn","proxy","_ref","index","text","expression","render","data","code1","html","code2","code3","code4","code5","code6","code7","js","files","components","KTCodePreview","mounted","$store","dispatch","SET_BREADCRUMB","title","route","component","staticRenderFns","VTextField","extend","name","model","prop","event","props","chips","Boolean","clearable","type","default","counterSizeString","String","counterString","hideInput","multiple","placeholder","prependIcon","readonly","showSize","Number","validator","v","includes","smallChips","truncateLength","value","undefined","val","wrapInArray","every","_typeof","computed","classes","_objectSpread","options","call","this","computedCounterValue","fileCount","lazyValue","length","File","$vuetify","lang","t","bytes","internalArrayValue","reduce","_ref$size","size","humanReadableFileSize","base","internalValue","get","set","$emit","isDirty","isLabelActive","_this","persistentPlaceholder","isFocused","hasLabel","map","file","_file$name","_file$size","truncatedText","truncateText","concat","hasChips","watch","handler","consoleError","immediate","deepEqual","$refs","input","methods","clearableCallback","genChips","_this2","$createElement","VChip","small","on","splice","genControl","style","mergeStyles","display","genInput","domProps","change","onInput","genSelections","genPrependSlot","_this3","icon","genIcon","click","genSlot","genSelectionText","counter","_this4","children","$scopedSlots","selection","forEach","push","class","genTextFieldSlot","_this5","node","e","target","nodeName","_toConsumableArray","initialValue","onKeyDown","str","charsKeepOneSide","Math","floor","slice","mixins","Colorable","Sizeable","Routable","Themeable","GroupableFactory","ToggleableFactory","active","activeClass","chipGroup","close","closeIcon","closeLabel","disabled","draggable","filter","filterIcon","label","link","outlined","pill","tag","textColor","proxyClass","isClickable","isLink","color","hasClose","themeClasses","sizeableClasses","groupClasses","created","breakingProps","_ref2","_slicedToArray","original","replacement","$attrs","hasOwnProperty","breaking","toggle","genFilter","isActive","VIcon","left","VExpandXTransition","genClose","right","stopPropagation","preventDefault","genContent","getSlot","h","_this$generateRouteLi","generateRouteLink","tabindex","directives","setBackgroundColor","setTextColor","_self","ref","_u","hasTitleSlot","_t","hasGeneralCode","hasSingleCodeType","_e","hasHtmlCode","setActiveTab","_v","hasJsCode","hasScssCode","tabIndex","callback","$$v","headClass","_s","bodyClass","bodyFit","bodyFluid","hasFootSlot","headSize","fluidHeight","fluidHalfHeight","headOverlay","cardClass","example","cls","headSizeClass","$slots","isOpen","KTCard","$nextTick","KTLayoutExamples","init","$el","hljs","querySelectorAll","hl","classList","add","remove","tab","closest","links","i","parseInt","getAttribute","exist"],"mappings":"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","file":"js/chunk-154c383a.c80b24de.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(\"File inputs\")]),_vm._v(\" The \"),_c('code',[_vm._v(\"v-file-input\")]),_vm._v(\" component is a specialized input that provides a clean interface for selecting files, showing detailed selection information and upload progress. It is meant to be a direct replacement for a standard file input. \"),_c('a',{staticClass:\"font-weight-bold\",attrs:{\"href\":\"https://vuetifyjs.com/en/components/file-inputs\",\"target\":\"_blank\"}},[_vm._v(\" See documentation. \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('KTCodePreview',{attrs:{\"title\":'Multiple'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" The \"),_c('code',[_vm._v(\"v-file-input\")]),_vm._v(\" can contain multiple files at the same time when using the \"),_c('strong',[_vm._v(\"multiple\")]),_vm._v(\" prop. \")]),_c('v-file-input',{attrs:{\"multiple\":\"\",\"label\":\"File input\"}})]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code1.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Custom icons'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" The \"),_c('code',[_vm._v(\"v-file-input\")]),_vm._v(\" has a default prepended icon that can be set on the component or adjusted globally. \")]),_c('v-file-input',{attrs:{\"label\":\"File input\",\"filled\":\"\",\"prepend-icon\":\"mdi-camera\"}})]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code6.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Counter'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" When using the show-size property along with counter, the total number of files and size will be displayed under the input. \")]),_c('v-file-input',{attrs:{\"show-size\":\"\",\"counter\":\"\",\"multiple\":\"\",\"label\":\"File input\"}})]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code5.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Complex selection slots'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" The flexibility of the selection slot allows you accomodate complex use-cases. In this example we show the first 2 selections as chips while adding a number indicator for the remaining amount. \")]),_c('v-file-input',{attrs:{\"color\":\"deep-purple accent-4\",\"counter\":\"\",\"label\":\"File input\",\"multiple\":\"\",\"placeholder\":\"Select your files\",\"prepend-icon\":\"mdi-paperclip\",\"outlined\":\"\",\"show-size\":1000},scopedSlots:_vm._u([{key:\"selection\",fn:function({ index, text }){return [(index < 2)?_c('v-chip',{attrs:{\"color\":\"deep-purple accent-4\",\"dark\":\"\",\"label\":\"\",\"small\":\"\"}},[_vm._v(\" \"+_vm._s(text)+\" \")]):(index === 2)?_c('span',{staticClass:\"overline grey--text text--darken-3 mx-2\"},[_vm._v(\" +\"+_vm._s(_vm.code7.files.length - 2)+\" File(s) \")]):_vm._e()]}}]),model:{value:(_vm.code7.files),callback:function ($$v) {_vm.$set(_vm.code7, \"files\", $$v)},expression:\"code7.files\"}})]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code7.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code7.js)+\" \")]},proxy:true}])})],1),_c('div',{staticClass:\"col-md-6\"},[_c('KTCodePreview',{attrs:{\"title\":'With chips'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" A selected file can be displayed as a chip. When using the chips and multiple props, each chip will be displayed (as opposed to the file count). \")]),_c('div',[_c('v-file-input',{attrs:{\"chips\":\"\",\"multiple\":\"\",\"label\":\"File input w/ chips\"}}),_c('v-file-input',{attrs:{\"small-chips\":\"\",\"multiple\":\"\",\"label\":\"File input w/ small chips\"}})],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code3.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Accept formats'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_c('code',[_vm._v(\"v-file-input\")]),_vm._v(\" component can accept only specific media formats/file types if you want. \")]),_c('v-file-input',{attrs:{\"accept\":\"image/*\",\"label\":\"File input\"}})]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code2.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Size displaying'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" The displayed size of the selected file(s) can be configured with the show-size property. Display sizes can be either 1024 (the default used when providing true) or 1000. \")]),_c('v-file-input',{attrs:{\"show-size\":\"\",\"label\":\"File input\"}})]},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>File inputs</b> The <code>v-file-input</code> component is a\r\n        specialized input that provides a clean interface for selecting files,\r\n        showing detailed selection information and upload progress. It is meant\r\n        to be a direct replacement for a standard file input.\r\n        <a\r\n          class=\"font-weight-bold\"\r\n          href=\"https://vuetifyjs.com/en/components/file-inputs\"\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=\"'Multiple'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              The <code>v-file-input</code> can contain multiple files at the\r\n              same time when using the <strong>multiple</strong> prop.\r\n            </p>\r\n            <v-file-input multiple label=\"File input\"></v-file-input>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code1.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Custom icons'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              The <code>v-file-input</code> has a default prepended icon that\r\n              can be set on the component or adjusted globally.\r\n            </p>\r\n            <v-file-input\r\n              label=\"File input\"\r\n              filled\r\n              prepend-icon=\"mdi-camera\"\r\n            ></v-file-input>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code6.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Counter'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              When using the show-size property along with counter, the total\r\n              number of files and size will be displayed under the input.\r\n            </p>\r\n            <v-file-input\r\n              show-size\r\n              counter\r\n              multiple\r\n              label=\"File input\"\r\n            ></v-file-input>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code5.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Complex selection slots'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              The flexibility of the selection slot allows you accomodate\r\n              complex use-cases. In this example we show the first 2 selections\r\n              as chips while adding a number indicator for the remaining amount.\r\n            </p>\r\n            <v-file-input\r\n              v-model=\"code7.files\"\r\n              color=\"deep-purple accent-4\"\r\n              counter\r\n              label=\"File input\"\r\n              multiple\r\n              placeholder=\"Select your files\"\r\n              prepend-icon=\"mdi-paperclip\"\r\n              outlined\r\n              :show-size=\"1000\"\r\n            >\r\n              <template v-slot:selection=\"{ index, text }\">\r\n                <v-chip\r\n                  v-if=\"index < 2\"\r\n                  color=\"deep-purple accent-4\"\r\n                  dark\r\n                  label\r\n                  small\r\n                >\r\n                  {{ text }}\r\n                </v-chip>\r\n\r\n                <span\r\n                  v-else-if=\"index === 2\"\r\n                  class=\"overline grey--text text--darken-3 mx-2\"\r\n                >\r\n                  +{{ code7.files.length - 2 }} File(s)\r\n                </span>\r\n              </template>\r\n            </v-file-input>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code7.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code7.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n      </div>\r\n\r\n      <div class=\"col-md-6\">\r\n        <KTCodePreview v-bind:title=\"'With chips'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              A selected file can be displayed as a chip. When using the chips\r\n              and multiple props, each chip will be displayed (as opposed to the\r\n              file count).\r\n            </p>\r\n            <div>\r\n              <v-file-input\r\n                chips\r\n                multiple\r\n                label=\"File input w/ chips\"\r\n              ></v-file-input>\r\n              <v-file-input\r\n                small-chips\r\n                multiple\r\n                label=\"File input w/ small chips\"\r\n              ></v-file-input>\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=\"'Accept formats'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              <code>v-file-input</code> component can accept only specific media\r\n              formats/file types if you want.\r\n            </p>\r\n            <v-file-input accept=\"image/*\" label=\"File input\"></v-file-input>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code2.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Size displaying'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              The displayed size of the selected file(s) can be configured with\r\n              the show-size property. Display sizes can be either 1024 (the\r\n              default used when providing true) or 1000.\r\n            </p>\r\n            <v-file-input show-size label=\"File input\"></v-file-input>\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: ` <v-file-input multiple label=\"File input\"></v-file-input>`\r\n      },\r\n\r\n      code2: {\r\n        html: `<v-file-input accept=\"image/*\" label=\"File input\"></v-file-input>`\r\n      },\r\n\r\n      code3: {\r\n        html: `<div>\r\n  <v-file-input chips multiple label=\"File input w/ chips\"></v-file-input>\r\n  <v-file-input small-chips multiple label=\"File input w/ small chips\"></v-file-input>\r\n</div>`\r\n      },\r\n\r\n      code4: {\r\n        html: `<v-file-input show-size label=\"File input\"></v-file-input>`\r\n      },\r\n\r\n      code5: {\r\n        html: `<v-file-input show-size counter multiple label=\"File input\"></v-file-input>`\r\n      },\r\n\r\n      code6: {\r\n        html: `<v-file-input\r\n  label=\"File input\"\r\n  filled\r\n  prepend-icon=\"mdi-camera\"\r\n></v-file-input>`\r\n      },\r\n\r\n      code7: {\r\n        html: `<v-file-input\r\n  v-model=\"files\"\r\n  color=\"deep-purple accent-4\"\r\n  counter\r\n  label=\"File input\"\r\n  multiple\r\n  placeholder=\"Select your files\"\r\n  prepend-icon=\"mdi-paperclip\"\r\n  outlined\r\n  :show-size=\"1000\"\r\n>\r\n  <template v-slot:selection=\"{ index, text }\">\r\n    <v-chip\r\n      v-if=\"index < 2\"\r\n      color=\"deep-purple accent-4\"\r\n      dark\r\n      label\r\n      small\r\n    >\r\n      {{ text }}\r\n    </v-chip>\r\n\r\n    <span\r\n      v-else-if=\"index === 2\"\r\n      class=\"overline grey--text text--darken-3 mx-2\"\r\n    >\r\n      +{{ files.length - 2 }} File(s)\r\n    </span>\r\n  </template>\r\n</v-file-input>`,\r\n        js: `export default {\r\n  data: () => ({\r\n    files: [],\r\n  }),\r\n}`,\r\n        files: []\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: \"Vuetify\", route: \"alerts\" },\r\n      { title: \"Form Inputs & Control\", route: \"autocompletes\" },\r\n      { title: \"File Inputs\" }\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!./FileInputs.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!./FileInputs.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FileInputs.vue?vue&type=template&id=2579302c\"\nimport script from \"./FileInputs.vue?vue&type=script&lang=js\"\nexport * from \"./FileInputs.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","// Styles\nimport './VFileInput.sass'\n\n// Extensions\nimport VTextField from '../VTextField'\n\n// Components\nimport { VChip } from '../VChip'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\n\n// Utilities\nimport { deepEqual, humanReadableFileSize, wrapInArray } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\nimport { mergeStyles } from '../../util/mergeData'\n\nexport default VTextField.extend({\n  name: 'v-file-input',\n\n  model: {\n    prop: 'value',\n    event: 'change',\n  },\n\n  props: {\n    chips: Boolean,\n    clearable: {\n      type: Boolean,\n      default: true,\n    },\n    counterSizeString: {\n      type: String,\n      default: '$vuetify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$vuetify.fileInput.counter',\n    },\n    hideInput: Boolean,\n    multiple: Boolean,\n    placeholder: String,\n    prependIcon: {\n      type: String,\n      default: '$file',\n    },\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n    showSize: {\n      type: [Boolean, Number],\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    } as PropValidator<boolean | 1000 | 1024>,\n    smallChips: Boolean,\n    truncateLength: {\n      type: [Number, String],\n      default: 22,\n    },\n    type: {\n      type: String,\n      default: 'file',\n    },\n    value: {\n      default: undefined,\n      validator: val => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    } as PropValidator<File | File[]>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VTextField.options.computed.classes.call(this),\n        'v-file-input': true,\n      }\n    },\n    computedCounterValue (): string {\n      const fileCount = (this.multiple && this.lazyValue)\n        ? this.lazyValue.length\n        : (this.lazyValue instanceof File) ? 1 : 0\n\n      if (!this.showSize) return this.$vuetify.lang.t(this.counterString, fileCount)\n\n      const bytes = this.internalArrayValue.reduce((bytes: number, { size = 0 }: File) => {\n        return bytes + size\n      }, 0)\n\n      return this.$vuetify.lang.t(\n        this.counterSizeString,\n        fileCount,\n        humanReadableFileSize(bytes, this.base === 1024)\n      )\n    },\n    internalArrayValue (): File[] {\n      return wrapInArray(this.internalValue)\n    },\n    internalValue: {\n      get (): File[] {\n        return this.lazyValue\n      },\n      set (val: File | File[]) {\n        this.lazyValue = val\n        this.$emit('change', this.lazyValue)\n      },\n    },\n    isDirty (): boolean {\n      return this.internalArrayValue.length > 0\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    text (): string[] {\n      if (!this.isDirty && (this.persistentPlaceholder || this.isFocused || !this.hasLabel)) return [this.placeholder]\n\n      return this.internalArrayValue.map((file: File) => {\n        const {\n          name = '',\n          size = 0,\n        } = file\n\n        const truncatedText = this.truncateText(name)\n\n        return !this.showSize\n          ? truncatedText\n          : `${truncatedText} (${humanReadableFileSize(size, this.base === 1024)})`\n      })\n    },\n    base (): 1000 | 1024 | undefined {\n      return typeof this.showSize !== 'boolean' ? this.showSize : undefined\n    },\n    hasChips (): boolean {\n      return this.chips || this.smallChips\n    },\n  },\n\n  watch: {\n    readonly: {\n      handler (v) {\n        if (v === true) consoleError('readonly is not supported on <v-file-input>', this)\n      },\n      immediate: true,\n    },\n    value (v) {\n      const value = this.multiple ? v : v ? [v] : []\n      if (!deepEqual(value, this.$refs.input.files)) {\n        // When the input value is changed programatically, clear the\n        // internal input's value so that the `onInput` handler\n        // can be triggered again if the user re-selects the exact\n        // same file(s). Ideally, `input.files` should be\n        // manipulated directly but that property is readonly.\n        this.$refs.input.value = ''\n      }\n    },\n  },\n\n  methods: {\n    clearableCallback () {\n      this.internalValue = this.multiple ? [] : null\n      this.$refs.input.value = ''\n    },\n    genChips () {\n      if (!this.isDirty) return []\n\n      return this.text.map((text, index) => this.$createElement(VChip, {\n        props: { small: this.smallChips },\n        on: {\n          'click:close': () => {\n            const internalValue = this.internalValue\n            internalValue.splice(index, 1)\n            this.internalValue = internalValue // Trigger the watcher\n          },\n        },\n      }, [text]))\n    },\n    genControl () {\n      const render = VTextField.options.methods.genControl.call(this)\n\n      if (this.hideInput) {\n        render.data!.style = mergeStyles(\n          render.data!.style,\n          { display: 'none' }\n        )\n      }\n\n      return render\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      input.data!.attrs!.multiple = this.multiple\n\n      // We should not be setting value\n      // programmatically on the input\n      // when it is using type=\"file\"\n      delete input.data!.domProps!.value\n\n      // This solves an issue in Safari where\n      // nothing happens when adding a file\n      // due to the input event not firing\n      // https://github.com/vuetifyjs/vuetify/issues/7941\n      delete input.data!.on!.input\n      input.data!.on!.change = this.onInput\n\n      return [this.genSelections(), input]\n    },\n    genPrependSlot () {\n      if (!this.prependIcon) return null\n\n      const icon = this.genIcon('prepend', () => {\n        this.$refs.input.click()\n      })\n\n      return this.genSlot('prepend', 'outer', [icon])\n    },\n    genSelectionText (): string[] {\n      const length = this.text.length\n\n      if (length < 2) return this.text\n      if (this.showSize && !this.counter) return [this.computedCounterValue]\n      return [this.$vuetify.lang.t(this.counterString, length)]\n    },\n    genSelections () {\n      const children = []\n\n      if (this.isDirty && this.$scopedSlots.selection) {\n        this.internalArrayValue.forEach((file: File, index: number) => {\n          if (!this.$scopedSlots.selection) return\n\n          children.push(\n            this.$scopedSlots.selection({\n              text: this.text[index],\n              file,\n              index,\n            })\n          )\n        })\n      } else {\n        children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText())\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'v-file-input__text',\n        class: {\n          'v-file-input__text--placeholder': this.placeholder && !this.isDirty,\n          'v-file-input__text--chips': this.hasChips && !this.$scopedSlots.selection,\n        },\n      }, children)\n    },\n    genTextFieldSlot () {\n      const node = VTextField.options.methods.genTextFieldSlot.call(this)\n\n      node.data!.on = {\n        ...(node.data!.on || {}),\n        click: (e: MouseEvent) => {\n          // Clicking the label already delegates to input element, so we shouldn't click it twice\n          if (e.target && (e.target as HTMLElement).nodeName === 'LABEL') return\n\n          this.$refs.input.click()\n        },\n      }\n\n      return node\n    },\n    onInput (e: Event) {\n      const files = [...(e.target as HTMLInputElement).files || []]\n\n      this.internalValue = this.multiple ? files : files[0]\n\n      // Set initialValue here otherwise isFocused\n      // watcher in VTextField will emit a change\n      // event whenever the component is blurred\n      this.initialValue = this.internalValue\n    },\n    onKeyDown (e: KeyboardEvent) {\n      this.$emit('keydown', e)\n    },\n    truncateText (str: string) {\n      if (str.length < Number(this.truncateLength)) return str\n      const charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2)\n      return `${str.slice(0, charsKeepOneSide)}…${str.slice(str.length - charsKeepOneSide)}`\n    },\n  },\n})\n","import VTextField from './VTextField'\n\nexport { VTextField }\nexport default VTextField\n","// Styles\nimport './VChip.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory('inputValue')\n).extend({\n  name: 'v-chip',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    activeClass: {\n      type: String,\n      default (): string | undefined {\n        if (!this.chipGroup) return ''\n\n        return this.chipGroup.activeClass\n      },\n    } as any as PropValidator<string>,\n    close: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    disabled: Boolean,\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    outlined: Boolean,\n    pill: Boolean,\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    textColor: String,\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-chip--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-chip--removable': this.hasClose,\n        ...this.themeClasses,\n        ...this.sizeableClasses,\n        ...this.groupClasses,\n      }\n    },\n    hasClose (): boolean {\n      return Boolean(this.close)\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.options.computed.isClickable.call(this) ||\n        this.chipGroup\n      )\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['selected', 'input-value'],\n      ['value', 'active'],\n      ['@input', '@active.sync'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      this.$emit('click', e)\n\n      this.chipGroup && this.toggle()\n    },\n    genFilter (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          this.$createElement(VIcon, {\n            staticClass: 'v-chip__filter',\n            props: { left: true },\n          }, this.filterIcon)\n        )\n      }\n\n      return this.$createElement(VExpandXTransition, children)\n    },\n    genClose (): VNode {\n      return this.$createElement(VIcon, {\n        staticClass: 'v-chip__close',\n        props: {\n          right: true,\n          size: 18,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            e.preventDefault()\n\n            this.$emit('click:close')\n            this.$emit('update:active', false)\n          },\n        },\n      }, this.closeIcon)\n    },\n    genContent (): VNode {\n      return this.$createElement('span', {\n        staticClass: 'v-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        getSlot(this),\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    const children = [this.genContent()]\n    let { tag, data } = this.generateRouteLink()\n\n    data.attrs = {\n      ...data.attrs,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs!.tabindex,\n    }\n    data.directives!.push({\n      name: 'show',\n      value: this.active,\n    })\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n\n    return h(tag, this.setTextColor(color, data), children)\n  },\n})\n","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":""}