{"version":3,"sources":["webpack:///./src/view/content/CodePreview.vue?065e","webpack:///./src/view/content/Card.vue?4bd1","webpack:///src/view/content/Card.vue","webpack:///./src/view/content/Card.vue?3cd1","webpack:///./src/view/content/Card.vue","webpack:///src/view/content/CodePreview.vue","webpack:///./src/view/content/CodePreview.vue?a7ff","webpack:///./src/view/content/CodePreview.vue","webpack:///./src/view/pages/plugins/Treeselect.vue?7044","webpack:///./src/view/pages/plugins/treeselect/Treeselect1.vue?51bb","webpack:///src/view/pages/plugins/treeselect/Treeselect1.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect1.vue?452c","webpack:///./src/view/pages/plugins/treeselect/Treeselect1.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect2.vue?7631","webpack:///src/view/pages/plugins/treeselect/Treeselect2.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect2.vue?70fc","webpack:///./src/view/pages/plugins/treeselect/Treeselect2.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect3.vue?aeac","webpack:///src/view/pages/plugins/treeselect/Treeselect3.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect3.vue?6ff8","webpack:///./src/view/pages/plugins/treeselect/Treeselect3.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect4.vue?2cf7","webpack:///src/view/pages/plugins/treeselect/Treeselect4.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect4.vue?613c","webpack:///./src/view/pages/plugins/treeselect/Treeselect4.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect5.vue?cb31","webpack:///src/view/pages/plugins/treeselect/Treeselect5.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect5.vue?7f45","webpack:///./src/view/pages/plugins/treeselect/Treeselect5.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect6.vue?8195","webpack:///src/view/pages/plugins/treeselect/Treeselect6.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect6.vue?cce0","webpack:///./src/view/pages/plugins/treeselect/Treeselect6.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect7.vue?f27f","webpack:///src/view/pages/plugins/treeselect/Treeselect7.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect7.vue?32b2","webpack:///./src/view/pages/plugins/treeselect/Treeselect7.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect8.vue?2577","webpack:///src/view/pages/plugins/treeselect/Treeselect8.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect8.vue?f4d6","webpack:///./src/view/pages/plugins/treeselect/Treeselect8.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect9.vue?eddf","webpack:///src/view/pages/plugins/treeselect/Treeselect9.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect9.vue?6d54","webpack:///./src/view/pages/plugins/treeselect/Treeselect9.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect10.vue?23ba","webpack:///src/view/pages/plugins/treeselect/Treeselect10.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect10.vue?59ad","webpack:///./src/view/pages/plugins/treeselect/Treeselect10.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect11.vue?836e","webpack:///src/view/pages/plugins/treeselect/Treeselect11.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect11.vue?74d7","webpack:///./src/view/pages/plugins/treeselect/Treeselect11.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect12.vue?50c8","webpack:///src/view/pages/plugins/treeselect/Treeselect12.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect12.vue?3f30","webpack:///./src/view/pages/plugins/treeselect/Treeselect12.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect13.vue?f445","webpack:///src/view/pages/plugins/treeselect/Treeselect13.vue","webpack:///./src/view/pages/plugins/treeselect/Treeselect13.vue?c975","webpack:///./src/view/pages/plugins/treeselect/Treeselect13.vue","webpack:///src/view/pages/plugins/Treeselect.vue","webpack:///./src/view/pages/plugins/Treeselect.vue?689f","webpack:///./src/view/pages/plugins/Treeselect.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","attrs","title","scopedSlots","_u","key","fn","staticClass","_t","proxy","hasGeneralCode","hasSingleCodeType","_e","on","setActiveTab","_v","model","value","callback","$$v","tabIndex","expression","staticRenderFns","class","classes","hasTitleSlot","headClass","_s","bodyClass","bodyFit","bodyFluid","name","props","String","headSize","fluidHeight","Boolean","fluidHalfHeight","headOverlay","cardClass","example","components","methods","computed","cls","headSizeClass","$slots","hasFootSlot","component","data","isOpen","KTCard","mounted","$nextTick","hljs","forEach","hl","classList","add","remove","links","i","event","target","parseInt","getAttribute","exist","hasJsCode","hasScssCode","hasHtmlCode","code1","html","js","code2","code3","code4","code5","code6","code7","code8","code9","code10","code11","code12","code13","options","id","label","children","rtl","multiple","clearable","searchable","disabled","openOnClick","openOnFocus","clearOnSelect","closeOnSelect","alwaysOpen","appendToBody","watch","newValue","loadOptions","setTimeout","action","parentNode","sortValueBy","valueConsistsOf","isDisabled","normalizer","subOptions","node","shouldShowCount","count","labelClassName","countClassName","isBranch","raw","customLabel","KTCodePreview","KTTreeSelect1","KTTreeSelect2","KTTreeSelect3","KTTreeSelect4","KTTreeSelect5","KTTreeSelect6","KTTreeSelect7","KTTreeSelect8","KTTreeSelect9","KTTreeSelect10","KTTreeSelect11","KTTreeSelect12","KTTreeSelect13","$store","dispatch","countDownChanged1","dismissCountDown","countDownChanged2","showAlert1","dismissSecs","showAlert2"],"mappings":"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","file":"js/chunk-cf09472e.b4b6bd0a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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()])}\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--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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(\"vue-treeselect\")]),_vm._v(\" provides multi-select component with nested options support for Vue.js \"),_c('a',{staticClass:\"font-weight-bold\",attrs:{\"href\":\"https://vue-treeselect.js.org/#basic-features\",\"target\":\"_blank\"}},[_vm._v(\" See documentation. \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('KTCodePreview',{attrs:{\"title\":'Basic Features'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect1')]},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\":'More Features'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect2')]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code2.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code2.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Delayed Loading'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect3')]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code3.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code3.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Async Searching'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect4')]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code4.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code4.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Flat Mode & Sort Values'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect5')]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code5.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code5.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Prevent Value Combining'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect6')]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code6.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code6.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Disable Branch Nodes'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect7')]},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}])}),_c('KTCodePreview',{attrs:{\"title\":'Flatten Search Results'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect8')]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code8.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code8.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Disable Item Selection'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect9')]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code9.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code9.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Nested Search'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect10')]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code10.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code10.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Customize Key Names'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect11')]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code11.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code11.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Customize Option Label'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect12')]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code12.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code12.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Customize Value Label'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('KTTreeSelect13')]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code13.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code13.js)+\" \")]},proxy:true}])})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('treeselect',{attrs:{\"multiple\":true,\"options\":_vm.options,\"placeholder\":\"Select your favourite(s)...\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('div',{staticClass:\"mt-5 ml-1\"},[_vm._v(\" Selected: \"),_c('strong',[_vm._v(_vm._s(_vm.value))])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <treeselect\r\n      :multiple=\"true\"\r\n      :options=\"options\"\r\n      placeholder=\"Select your favourite(s)...\"\r\n      v-model=\"value\"\r\n    />\r\n    <div class=\"mt-5 ml-1\">\r\n      Selected: <strong>{{ value }}</strong>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"treeselect-1\",\r\n  data: () => ({\r\n    value: [],\r\n    options: [\r\n      {\r\n        id: \"fruits\",\r\n        label: \"Fruits\",\r\n        children: [\r\n          {\r\n            id: \"apple\",\r\n            label: \"Apple 🍎\",\r\n            isNew: true\r\n          },\r\n          {\r\n            id: \"grapes\",\r\n            label: \"Grapes 🍇\"\r\n          },\r\n          {\r\n            id: \"pear\",\r\n            label: \"Pear 🍐\"\r\n          },\r\n          {\r\n            id: \"strawberry\",\r\n            label: \"Strawberry 🍓\"\r\n          },\r\n          {\r\n            id: \"watermelon\",\r\n            label: \"Watermelon 🍉\"\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        id: \"vegetables\",\r\n        label: \"Vegetables\",\r\n        children: [\r\n          {\r\n            id: \"corn\",\r\n            label: \"Corn 🌽\"\r\n          },\r\n          {\r\n            id: \"carrot\",\r\n            label: \"Carrot 🥕\"\r\n          },\r\n          {\r\n            id: \"eggplant\",\r\n            label: \"Eggplant 🍆\"\r\n          },\r\n          {\r\n            id: \"tomato\",\r\n            label: \"Tomato 🍅\"\r\n          }\r\n        ]\r\n      }\r\n    ]\r\n  })\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect1.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect1.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect1.vue?vue&type=template&id=7973907c&\"\nimport script from \"./Treeselect1.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect1.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"dir\":_vm.rtl ? 'rtl' : 'ltr'}},[_c('div',[_c('treeselect',{attrs:{\"name\":\"demo\",\"multiple\":_vm.multiple,\"clearable\":_vm.clearable,\"searchable\":_vm.searchable,\"disabled\":_vm.disabled,\"open-on-click\":_vm.openOnClick,\"open-on-focus\":_vm.openOnFocus,\"clear-on-select\":_vm.clearOnSelect,\"close-on-select\":_vm.closeOnSelect,\"always-open\":_vm.alwaysOpen,\"append-to-body\":_vm.appendToBody,\"options\":_vm.options,\"limit\":3,\"max-height\":200},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('div',{staticClass:\"mt-5\"},[_vm._v(\" Selected: \"),_c('strong',[_vm._v(_vm._s(_vm.value))])])],1),_c('div',{staticClass:\"mt-5\"},[_c('div',[_c('b-form-checkbox',{staticClass:\"custom-control-inline\",model:{value:(_vm.multiple),callback:function ($$v) {_vm.multiple=$$v},expression:\"multiple\"}},[_vm._v(\"Multi-select\")]),_c('b-form-checkbox',{staticClass:\"custom-control-inline\",model:{value:(_vm.clearable),callback:function ($$v) {_vm.clearable=$$v},expression:\"clearable\"}},[_vm._v(\"Clearable\")]),_c('b-form-checkbox',{staticClass:\"custom-control-inline\",model:{value:(_vm.searchable),callback:function ($$v) {_vm.searchable=$$v},expression:\"searchable\"}},[_vm._v(\"Searchable\")]),_c('b-form-checkbox',{staticClass:\"custom-control-inline\",model:{value:(_vm.disabled),callback:function ($$v) {_vm.disabled=$$v},expression:\"disabled\"}},[_vm._v(\"Disabled\")])],1),_c('div',[_c('b-form-checkbox',{staticClass:\"custom-control-inline\",model:{value:(_vm.openOnClick),callback:function ($$v) {_vm.openOnClick=$$v},expression:\"openOnClick\"}},[_vm._v(\"Open on click\")]),_c('b-form-checkbox',{staticClass:\"custom-control-inline\",model:{value:(_vm.openOnFocus),callback:function ($$v) {_vm.openOnFocus=$$v},expression:\"openOnFocus\"}},[_vm._v(\"Open on focus\")])],1),_c('div',[_c('b-form-checkbox',{staticClass:\"custom-control-inline\",model:{value:(_vm.clearOnSelect),callback:function ($$v) {_vm.clearOnSelect=$$v},expression:\"clearOnSelect\"}},[_vm._v(\"Clear on select\")]),_c('b-form-checkbox',{staticClass:\"custom-control-inline\",model:{value:(_vm.closeOnSelect),callback:function ($$v) {_vm.closeOnSelect=$$v},expression:\"closeOnSelect\"}},[_vm._v(\"Close on select\")])],1),_c('div',[_c('b-form-checkbox',{staticClass:\"custom-control-inline\",model:{value:(_vm.alwaysOpen),callback:function ($$v) {_vm.alwaysOpen=$$v},expression:\"alwaysOpen\"}},[_vm._v(\"Always open\")]),_c('b-form-checkbox',{staticClass:\"custom-control-inline\",model:{value:(_vm.appendToBody),callback:function ($$v) {_vm.appendToBody=$$v},expression:\"appendToBody\"}},[_vm._v(\"Append to body\")]),_c('b-form-checkbox',{staticClass:\"custom-control-inline\",model:{value:(_vm.rtl),callback:function ($$v) {_vm.rtl=$$v},expression:\"rtl\"}},[_vm._v(\"RTL mode\")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :dir=\"rtl ? 'rtl' : 'ltr'\">\r\n    <div>\r\n      <treeselect\r\n        name=\"demo\"\r\n        :multiple=\"multiple\"\r\n        :clearable=\"clearable\"\r\n        :searchable=\"searchable\"\r\n        :disabled=\"disabled\"\r\n        :open-on-click=\"openOnClick\"\r\n        :open-on-focus=\"openOnFocus\"\r\n        :clear-on-select=\"clearOnSelect\"\r\n        :close-on-select=\"closeOnSelect\"\r\n        :always-open=\"alwaysOpen\"\r\n        :append-to-body=\"appendToBody\"\r\n        :options=\"options\"\r\n        :limit=\"3\"\r\n        :max-height=\"200\"\r\n        v-model=\"value\"\r\n      />\r\n      <div class=\"mt-5\">\r\n        Selected: <strong>{{ value }}</strong>\r\n      </div>\r\n    </div>\r\n    <div class=\"mt-5\">\r\n      <div>\r\n        <b-form-checkbox class=\"custom-control-inline\" v-model=\"multiple\"\r\n          >Multi-select</b-form-checkbox\r\n        >\r\n        <b-form-checkbox class=\"custom-control-inline\" v-model=\"clearable\"\r\n          >Clearable</b-form-checkbox\r\n        >\r\n        <b-form-checkbox class=\"custom-control-inline\" v-model=\"searchable\"\r\n          >Searchable</b-form-checkbox\r\n        >\r\n        <b-form-checkbox class=\"custom-control-inline\" v-model=\"disabled\"\r\n          >Disabled</b-form-checkbox\r\n        >\r\n      </div>\r\n      <div>\r\n        <b-form-checkbox class=\"custom-control-inline\" v-model=\"openOnClick\"\r\n          >Open on click</b-form-checkbox\r\n        >\r\n        <b-form-checkbox class=\"custom-control-inline\" v-model=\"openOnFocus\"\r\n          >Open on focus</b-form-checkbox\r\n        >\r\n      </div>\r\n      <div>\r\n        <b-form-checkbox class=\"custom-control-inline\" v-model=\"clearOnSelect\"\r\n          >Clear on select</b-form-checkbox\r\n        >\r\n        <b-form-checkbox class=\"custom-control-inline\" v-model=\"closeOnSelect\"\r\n          >Close on select</b-form-checkbox\r\n        >\r\n      </div>\r\n      <div>\r\n        <b-form-checkbox class=\"custom-control-inline\" v-model=\"alwaysOpen\"\r\n          >Always open</b-form-checkbox\r\n        >\r\n        <b-form-checkbox class=\"custom-control-inline\" v-model=\"appendToBody\"\r\n          >Append to body</b-form-checkbox\r\n        >\r\n        <b-form-checkbox class=\"custom-control-inline\" v-model=\"rtl\"\r\n          >RTL mode</b-form-checkbox\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"treeselect-2\",\r\n  data: () => ({\r\n    multiple: true,\r\n    clearable: true,\r\n    searchable: true,\r\n    disabled: false,\r\n    openOnClick: true,\r\n    openOnFocus: false,\r\n    clearOnSelect: true,\r\n    closeOnSelect: false,\r\n    alwaysOpen: false,\r\n    appendToBody: false,\r\n    rtl: false,\r\n    value: [],\r\n    options: [\r\n      {\r\n        id: \"fruits\",\r\n        label: \"Fruits\",\r\n        children: [\r\n          {\r\n            id: \"apple\",\r\n            label: \"Apple 🍎\",\r\n            isNew: true\r\n          },\r\n          {\r\n            id: \"grapes\",\r\n            label: \"Grapes 🍇\"\r\n          },\r\n          {\r\n            id: \"pear\",\r\n            label: \"Pear 🍐\"\r\n          },\r\n          {\r\n            id: \"strawberry\",\r\n            label: \"Strawberry 🍓\"\r\n          },\r\n          {\r\n            id: \"watermelon\",\r\n            label: \"Watermelon 🍉\"\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        id: \"vegetables\",\r\n        label: \"Vegetables\",\r\n        children: [\r\n          {\r\n            id: \"corn\",\r\n            label: \"Corn 🌽\"\r\n          },\r\n          {\r\n            id: \"carrot\",\r\n            label: \"Carrot 🥕\"\r\n          },\r\n          {\r\n            id: \"eggplant\",\r\n            label: \"Eggplant 🍆\"\r\n          },\r\n          {\r\n            id: \"tomato\",\r\n            label: \"Tomato 🍅\"\r\n          }\r\n        ]\r\n      }\r\n    ]\r\n  }),\r\n\r\n  watch: {\r\n    multiple(newValue) {\r\n      if (newValue) {\r\n        this.value = this.value ? [this.value] : [];\r\n      } else {\r\n        this.value = this.value[0];\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect2.vue?vue&type=template&id=292f9c2a&\"\nimport script from \"./Treeselect2.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect2.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('treeselect',{attrs:{\"multiple\":true,\"options\":_vm.options,\"load-options\":_vm.loadOptions,\"placeholder\":\"Try expanding any folder option...\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <treeselect\r\n    :multiple=\"true\"\r\n    :options=\"options\"\r\n    :load-options=\"loadOptions\"\r\n    placeholder=\"Try expanding any folder option...\"\r\n    v-model=\"value\"\r\n  />\r\n</template>\r\n\r\n<script>\r\nimport { LOAD_CHILDREN_OPTIONS } from \"@riophae/vue-treeselect\";\r\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\r\n\r\n// We just use `setTimeout()` here to simulate an async operation\r\n// instead of requesting a real API server for demo purpose.\r\nconst simulateAsyncOperation = fn => {\r\n  setTimeout(fn, 2000);\r\n};\r\n\r\nexport default {\r\n  name: \"treeselect-3\",\r\n  data: () => ({\r\n    value: null,\r\n    options: [\r\n      {\r\n        id: \"success\",\r\n        label: \"With children\",\r\n        // Declare an unloaded branch node.\r\n        children: null\r\n      },\r\n      {\r\n        id: \"no-children\",\r\n        label: \"With no children\",\r\n        children: null\r\n      },\r\n      {\r\n        id: \"failure\",\r\n        label: \"Demonstrates error handling\",\r\n        children: null\r\n      }\r\n    ]\r\n  }),\r\n\r\n  methods: {\r\n    loadOptions({ action, parentNode, callback }) {\r\n      // Typically, do the AJAX stuff here.\r\n      // Once the server has responded,\r\n      // assign children options to the parent node & call the callback.\r\n\r\n      if (action === LOAD_CHILDREN_OPTIONS) {\r\n        switch (parentNode.id) {\r\n          case \"success\": {\r\n            simulateAsyncOperation(() => {\r\n              parentNode.children = [\r\n                {\r\n                  id: \"child\",\r\n                  label: \"Child option\"\r\n                }\r\n              ];\r\n              callback();\r\n            });\r\n            break;\r\n          }\r\n          case \"no-children\": {\r\n            simulateAsyncOperation(() => {\r\n              parentNode.children = [];\r\n              callback();\r\n            });\r\n            break;\r\n          }\r\n          case \"failure\": {\r\n            simulateAsyncOperation(() => {\r\n              callback(new Error(\"Failed to load options: network error.\"));\r\n            });\r\n            break;\r\n          }\r\n          default: /* empty */\r\n        }\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect3.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect3.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect3.vue?vue&type=template&id=5cf37bd3&\"\nimport script from \"./Treeselect3.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect3.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('treeselect',{attrs:{\"multiple\":true,\"async\":true,\"load-options\":_vm.loadOptions}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <treeselect :multiple=\"true\" :async=\"true\" :load-options=\"loadOptions\" />\r\n</template>\r\n\r\n<script>\r\nimport { ASYNC_SEARCH } from \"@riophae/vue-treeselect\";\r\n\r\nconst simulateAsyncOperation = fn => {\r\n  setTimeout(fn, 2000);\r\n};\r\n\r\nexport default {\r\n  name: \"treeselect-4\",\r\n  methods: {\r\n    loadOptions({ action, searchQuery, callback }) {\r\n      if (action === ASYNC_SEARCH) {\r\n        simulateAsyncOperation(() => {\r\n          const options = [1, 2, 3, 4, 5].map(i => ({\r\n            id: `${searchQuery}-${i}`,\r\n            label: `${searchQuery}-${i}`\r\n          }));\r\n          callback(null, options);\r\n        });\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect4.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect4.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect4.vue?vue&type=template&id=3ee800a6&\"\nimport script from \"./Treeselect4.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect4.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('treeselect',{attrs:{\"multiple\":true,\"options\":_vm.options,\"flat\":true,\"sort-value-by\":_vm.sortValueBy,\"default-expand-level\":1,\"placeholder\":\"Try selecting some options.\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('div',{staticClass:\"mt-5\"},[_vm._v(\" Selected: \"),_c('strong',[_vm._v(_vm._s(_vm.value))])]),_c('p',{staticClass:\"mt-5\"},[_vm._v(\"Sort value by:\")]),_c('p',{staticClass:\"options\"},[_c('b-form-radio',{staticClass:\"custom-control-inline\",attrs:{\"value\":\"ORDER_SELECTED\"},model:{value:(_vm.sortValueBy),callback:function ($$v) {_vm.sortValueBy=$$v},expression:\"sortValueBy\"}},[_vm._v(\"Order selected\")]),_c('b-form-radio',{staticClass:\"custom-control-inline\",attrs:{\"value\":\"LEVEL\"},model:{value:(_vm.sortValueBy),callback:function ($$v) {_vm.sortValueBy=$$v},expression:\"sortValueBy\"}},[_vm._v(\"Level\")]),_c('b-form-radio',{staticClass:\"custom-control-inline\",attrs:{\"value\":\"INDEX\"},model:{value:(_vm.sortValueBy),callback:function ($$v) {_vm.sortValueBy=$$v},expression:\"sortValueBy\"}},[_vm._v(\"Index\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <treeselect\r\n      :multiple=\"true\"\r\n      :options=\"options\"\r\n      :flat=\"true\"\r\n      :sort-value-by=\"sortValueBy\"\r\n      :default-expand-level=\"1\"\r\n      placeholder=\"Try selecting some options.\"\r\n      v-model=\"value\"\r\n    />\r\n    <div class=\"mt-5\">\r\n      Selected: <strong>{{ value }}</strong>\r\n    </div>\r\n    <p class=\"mt-5\">Sort value by:</p>\r\n    <p class=\"options\">\r\n      <b-form-radio\r\n        class=\"custom-control-inline\"\r\n        value=\"ORDER_SELECTED\"\r\n        v-model=\"sortValueBy\"\r\n        >Order selected</b-form-radio\r\n      >\r\n      <b-form-radio\r\n        class=\"custom-control-inline\"\r\n        value=\"LEVEL\"\r\n        v-model=\"sortValueBy\"\r\n        >Level</b-form-radio\r\n      >\r\n      <b-form-radio\r\n        class=\"custom-control-inline\"\r\n        value=\"INDEX\"\r\n        v-model=\"sortValueBy\"\r\n        >Index</b-form-radio\r\n      >\r\n    </p>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"treeselect-5\",\r\n  data() {\r\n    return {\r\n      value: [],\r\n      options: [\r\n        {\r\n          id: \"fruits\",\r\n          label: \"Fruits\",\r\n          children: [\r\n            {\r\n              id: \"apple\",\r\n              label: \"Apple 🍎\",\r\n              isNew: true\r\n            },\r\n            {\r\n              id: \"grapes\",\r\n              label: \"Grapes 🍇\"\r\n            },\r\n            {\r\n              id: \"pear\",\r\n              label: \"Pear 🍐\"\r\n            },\r\n            {\r\n              id: \"strawberry\",\r\n              label: \"Strawberry 🍓\"\r\n            },\r\n            {\r\n              id: \"watermelon\",\r\n              label: \"Watermelon 🍉\"\r\n            }\r\n          ]\r\n        },\r\n        {\r\n          id: \"vegetables\",\r\n          label: \"Vegetables\",\r\n          children: [\r\n            {\r\n              id: \"corn\",\r\n              label: \"Corn 🌽\"\r\n            },\r\n            {\r\n              id: \"carrot\",\r\n              label: \"Carrot 🥕\"\r\n            },\r\n            {\r\n              id: \"eggplant\",\r\n              label: \"Eggplant 🍆\"\r\n            },\r\n            {\r\n              id: \"tomato\",\r\n              label: \"Tomato 🍅\"\r\n            }\r\n          ]\r\n        }\r\n      ],\r\n      sortValueBy: \"ORDER_SELECTED\"\r\n    };\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect5.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect5.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect5.vue?vue&type=template&id=cd20ac62&\"\nimport script from \"./Treeselect5.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect5.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('treeselect',{attrs:{\"multiple\":true,\"options\":_vm.options,\"value-consists-of\":_vm.valueConsistsOf},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('div',{staticClass:\"mt-5\"},[_vm._v(\" Selected: \"),_c('strong',[_vm._v(_vm._s(_vm.value))])]),_c('p',{staticClass:\"mt-5\"},[_vm._v(\"Value consists of:\")]),_c('p',{staticClass:\"options\"},[_c('b-form-radio',{staticClass:\"custom-control-inline\",attrs:{\"value\":\"ALL\"},model:{value:(_vm.valueConsistsOf),callback:function ($$v) {_vm.valueConsistsOf=$$v},expression:\"valueConsistsOf\"}},[_vm._v(\"All\")]),_c('b-form-radio',{staticClass:\"custom-control-inline\",attrs:{\"value\":\"BRANCH_PRIORITY\"},model:{value:(_vm.valueConsistsOf),callback:function ($$v) {_vm.valueConsistsOf=$$v},expression:\"valueConsistsOf\"}},[_vm._v(\"Branch priority\")]),_c('b-form-radio',{staticClass:\"custom-control-inline\",attrs:{\"value\":\"LEAF_PRIORITY\"},model:{value:(_vm.valueConsistsOf),callback:function ($$v) {_vm.valueConsistsOf=$$v},expression:\"valueConsistsOf\"}},[_vm._v(\"Leaf priority\")]),_c('b-form-radio',{staticClass:\"custom-control-inline\",attrs:{\"value\":\"ALL_WITH_INDETERMINATE\"},model:{value:(_vm.valueConsistsOf),callback:function ($$v) {_vm.valueConsistsOf=$$v},expression:\"valueConsistsOf\"}},[_vm._v(\"All with indeterminate\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <treeselect\r\n      :multiple=\"true\"\r\n      :options=\"options\"\r\n      :value-consists-of=\"valueConsistsOf\"\r\n      v-model=\"value\"\r\n    />\r\n    <div class=\"mt-5\">\r\n      Selected: <strong>{{ value }}</strong>\r\n    </div>\r\n    <p class=\"mt-5\">Value consists of:</p>\r\n    <p class=\"options\">\r\n      <b-form-radio\r\n        class=\"custom-control-inline\"\r\n        value=\"ALL\"\r\n        v-model=\"valueConsistsOf\"\r\n        >All</b-form-radio\r\n      >\r\n      <b-form-radio\r\n        class=\"custom-control-inline\"\r\n        value=\"BRANCH_PRIORITY\"\r\n        v-model=\"valueConsistsOf\"\r\n        >Branch priority</b-form-radio\r\n      >\r\n      <b-form-radio\r\n        class=\"custom-control-inline\"\r\n        value=\"LEAF_PRIORITY\"\r\n        v-model=\"valueConsistsOf\"\r\n        >Leaf priority</b-form-radio\r\n      >\r\n      <b-form-radio\r\n        class=\"custom-control-inline\"\r\n        value=\"ALL_WITH_INDETERMINATE\"\r\n        v-model=\"valueConsistsOf\"\r\n        >All with indeterminate</b-form-radio\r\n      >\r\n    </p>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data: () => ({\r\n    name: \"treeselect-6\",\r\n    value: [\"team-i\"],\r\n    valueConsistsOf: \"BRANCH_PRIORITY\",\r\n    options: [\r\n      {\r\n        id: \"company\",\r\n        label: \"Company 🏢\",\r\n        children: [\r\n          {\r\n            id: \"team-i\",\r\n            label: \"Team I 👥\",\r\n            children: [\r\n              {\r\n                id: \"person-a\",\r\n                label: \"Person A 👱\"\r\n              },\r\n              {\r\n                id: \"person-b\",\r\n                label: \"Person B 🧔\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            id: \"team-ii\",\r\n            label: \"Team II 👥\",\r\n            children: [\r\n              {\r\n                id: \"person-c\",\r\n                label: \"Person C 👳\"\r\n              },\r\n              {\r\n                id: \"person-d\",\r\n                label: \"Person D 👧\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            id: \"person-e\",\r\n            label: \"Person E 👩\"\r\n          }\r\n        ]\r\n      }\r\n    ]\r\n  })\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect6.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect6.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect6.vue?vue&type=template&id=240145b8&\"\nimport script from \"./Treeselect6.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect6.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('treeselect',{attrs:{\"options\":_vm.options,\"disable-branch-nodes\":true,\"show-count\":true,\"placeholder\":\"Select...\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <treeselect\r\n    :options=\"options\"\r\n    :disable-branch-nodes=\"true\"\r\n    :show-count=\"true\"\r\n    placeholder=\"Select...\"\r\n  />\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"treeselect-7\",\r\n  data: () => ({\r\n    options: [\r\n      {\r\n        id: \"fruits\",\r\n        label: \"Fruits\",\r\n        children: [\r\n          {\r\n            id: \"apple\",\r\n            label: \"Apple 🍎\",\r\n            isNew: true\r\n          },\r\n          {\r\n            id: \"grapes\",\r\n            label: \"Grapes 🍇\"\r\n          },\r\n          {\r\n            id: \"pear\",\r\n            label: \"Pear 🍐\"\r\n          },\r\n          {\r\n            id: \"strawberry\",\r\n            label: \"Strawberry 🍓\"\r\n          },\r\n          {\r\n            id: \"watermelon\",\r\n            label: \"Watermelon 🍉\"\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        id: \"vegetables\",\r\n        label: \"Vegetables\",\r\n        children: [\r\n          {\r\n            id: \"corn\",\r\n            label: \"Corn 🌽\"\r\n          },\r\n          {\r\n            id: \"carrot\",\r\n            label: \"Carrot 🥕\"\r\n          },\r\n          {\r\n            id: \"eggplant\",\r\n            label: \"Eggplant 🍆\"\r\n          },\r\n          {\r\n            id: \"tomato\",\r\n            label: \"Tomato 🍅\"\r\n          }\r\n        ]\r\n      }\r\n    ]\r\n  })\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect7.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect7.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect7.vue?vue&type=template&id=34780c44&\"\nimport script from \"./Treeselect7.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect7.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('treeselect',{attrs:{\"options\":_vm.options,\"multiple\":true,\"flatten-search-results\":true,\"placeholder\":\"Select...\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <treeselect\r\n    :options=\"options\"\r\n    :multiple=\"true\"\r\n    :flatten-search-results=\"true\"\r\n    placeholder=\"Select...\"\r\n  />\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"treeselect-8\",\r\n  data: () => ({\r\n    options: [\r\n      {\r\n        id: \"fruits\",\r\n        label: \"Fruits\",\r\n        children: [\r\n          {\r\n            id: \"apple\",\r\n            label: \"Apple 🍎\",\r\n            isNew: true\r\n          },\r\n          {\r\n            id: \"grapes\",\r\n            label: \"Grapes 🍇\"\r\n          },\r\n          {\r\n            id: \"pear\",\r\n            label: \"Pear 🍐\"\r\n          },\r\n          {\r\n            id: \"strawberry\",\r\n            label: \"Strawberry 🍓\"\r\n          },\r\n          {\r\n            id: \"watermelon\",\r\n            label: \"Watermelon 🍉\"\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        id: \"vegetables\",\r\n        label: \"Vegetables\",\r\n        children: [\r\n          {\r\n            id: \"corn\",\r\n            label: \"Corn 🌽\"\r\n          },\r\n          {\r\n            id: \"carrot\",\r\n            label: \"Carrot 🥕\"\r\n          },\r\n          {\r\n            id: \"eggplant\",\r\n            label: \"Eggplant 🍆\"\r\n          },\r\n          {\r\n            id: \"tomato\",\r\n            label: \"Tomato 🍅\"\r\n          }\r\n        ]\r\n      }\r\n    ]\r\n  })\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect8.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect8.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect8.vue?vue&type=template&id=6c3b7618&\"\nimport script from \"./Treeselect8.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect8.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('treeselect',{attrs:{\"multiple\":true,\"options\":_vm.options,\"value\":_vm.value}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <treeselect :multiple=\"true\" :options=\"options\" :value=\"value\" />\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"treeselect-9\",\r\n  data: () => ({\r\n    options: [\r\n      {\r\n        id: \"folder\",\r\n        label: \"Normal Folder\",\r\n        children: [\r\n          {\r\n            id: \"disabled-checked\",\r\n            label: \"Checked\",\r\n            isDisabled: true\r\n          },\r\n          {\r\n            id: \"disabled-unchecked\",\r\n            label: \"Unchecked\",\r\n            isDisabled: true\r\n          },\r\n          {\r\n            id: \"item-1\",\r\n            label: \"Item\"\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        id: \"disabled-folder\",\r\n        label: \"Disabled Folder\",\r\n        isDisabled: true,\r\n        children: [\r\n          {\r\n            id: \"item-2\",\r\n            label: \"Item\"\r\n          },\r\n          {\r\n            id: \"item-3\",\r\n            label: \"Item\"\r\n          }\r\n        ]\r\n      }\r\n    ],\r\n    value: [\"disabled-checked\"]\r\n  })\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect9.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect9.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect9.vue?vue&type=template&id=2c0292b0&\"\nimport script from \"./Treeselect9.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect9.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('treeselect',{attrs:{\"multiple\":true,\"options\":_vm.options,\"disable-branch-nodes\":true,\"search-nested\":\"\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <treeselect\r\n    :multiple=\"true\"\r\n    :options=\"options\"\r\n    :disable-branch-nodes=\"true\"\r\n    v-model=\"value\"\r\n    search-nested\r\n  />\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"treeselect-10\",\r\n  data: () => ({\r\n    value: [],\r\n    options: [\r\n      {\r\n        id: \"m\",\r\n        label: \"McDonalds\",\r\n        children: [\r\n          {\r\n            id: \"m-fries\",\r\n            label: \"French Fries\"\r\n          },\r\n          {\r\n            id: \"m-cheeseburger\",\r\n            label: \"Cheeseburger\"\r\n          },\r\n          {\r\n            id: \"m-white-cheedar-burger\",\r\n            label: \"White Cheddar Burger\"\r\n          },\r\n          {\r\n            id: \"m-southwest-buttermilk-crispy-chicken-salad\",\r\n            label: \"Southwest Buttermilk Crispy Chicken Salad\"\r\n          },\r\n          {\r\n            id: \"m-cola\",\r\n            label: \"Coca-Cola®\"\r\n          },\r\n          {\r\n            id: \"m-chocolate-shake\",\r\n            label: \"Chocolate Shake\"\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        id: \"kfc\",\r\n        label: \"KFC\",\r\n        children: [\r\n          {\r\n            id: \"kfc-fries\",\r\n            label: \"French Fries\"\r\n          },\r\n          {\r\n            id: \"kfc-chicken-litties-sandwiches\",\r\n            label: \"Chicken Litties Sandwiches\"\r\n          },\r\n          {\r\n            id: \"kfc-grilled-chicken\",\r\n            label: \"Grilled Chicken\"\r\n          },\r\n          {\r\n            id: \"kfc-cola\",\r\n            label: \"Pepsi® Cola\"\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        id: \"bk\",\r\n        label: \"Burger King\",\r\n        children: [\r\n          {\r\n            id: \"bk-chicken-fries\",\r\n            label: \"Chicken Fries\"\r\n          },\r\n          {\r\n            id: \"bk-chicken-nuggets\",\r\n            label: \"Chicken Nuggets\"\r\n          },\r\n          {\r\n            id: \"bk-garden-side-salad\",\r\n            label: \"Garden Side Salad\"\r\n          },\r\n          {\r\n            id: \"bk-cheeseburger\",\r\n            label: \"Cheeseburger\"\r\n          },\r\n          {\r\n            id: \"bk-bacon-king-jr-sandwich\",\r\n            label: \"BACON KING™ Jr. Sandwich\"\r\n          },\r\n          {\r\n            id: \"bk-cola\",\r\n            label: \"Coca-Cola®\"\r\n          },\r\n          {\r\n            id: \"bk-oreo-chocolate-shake\",\r\n            label: \"OREO® Chocolate Shake\"\r\n          }\r\n        ]\r\n      }\r\n    ]\r\n  })\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect10.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect10.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect10.vue?vue&type=template&id=72b0bda0&\"\nimport script from \"./Treeselect10.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect10.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('treeselect',{attrs:{\"options\":_vm.options,\"value\":_vm.value,\"normalizer\":_vm.normalizer}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <treeselect :options=\"options\" :value=\"value\" :normalizer=\"normalizer\" />\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"treeselect-11\",\r\n  data: () => ({\r\n    value: null,\r\n    options: [\r\n      {\r\n        key: \"a\",\r\n        name: \"a\",\r\n        subOptions: [\r\n          {\r\n            key: \"aa\",\r\n            name: \"aa\"\r\n          }\r\n        ]\r\n      }\r\n    ],\r\n    normalizer(node) {\r\n      return {\r\n        id: node.key,\r\n        label: node.name,\r\n        children: node.subOptions\r\n      };\r\n    }\r\n  })\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect11.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect11.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect11.vue?vue&type=template&id=61780694&\"\nimport script from \"./Treeselect11.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect11.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('treeselect',{attrs:{\"options\":_vm.options,\"value\":_vm.value,\"searchable\":false,\"show-count\":true,\"default-expand-level\":1},scopedSlots:_vm._u([{key:\"option-label\",fn:function(ref){\n    var node = ref.node;\n    var shouldShowCount = ref.shouldShowCount;\n    var count = ref.count;\n    var labelClassName = ref.labelClassName;\n    var countClassName = ref.countClassName;\nreturn _c('label',{class:labelClassName},[_vm._v(\" \"+_vm._s(node.isBranch ? \"Branch\" : \"Leaf\")+\": \"+_vm._s(node.label)+\" \"),(shouldShowCount)?_c('span',{class:countClassName},[_vm._v(\"(\"+_vm._s(count)+\")\")]):_vm._e()])}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <treeselect\r\n    :options=\"options\"\r\n    :value=\"value\"\r\n    :searchable=\"false\"\r\n    :show-count=\"true\"\r\n    :default-expand-level=\"1\"\r\n  >\r\n    <label\r\n      slot=\"option-label\"\r\n      slot-scope=\"{\r\n        node,\r\n        shouldShowCount,\r\n        count,\r\n        labelClassName,\r\n        countClassName\r\n      }\"\r\n      :class=\"labelClassName\"\r\n    >\r\n      {{ node.isBranch ? \"Branch\" : \"Leaf\" }}: {{ node.label }}\r\n      <span v-if=\"shouldShowCount\" :class=\"countClassName\">({{ count }})</span>\r\n    </label>\r\n  </treeselect>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"treeselect-12\",\r\n  data: () => ({\r\n    value: null,\r\n    options: [\r\n      {\r\n        id: \"fruits\",\r\n        label: \"Fruits\",\r\n        children: [\r\n          {\r\n            id: \"apple\",\r\n            label: \"Apple 🍎\",\r\n            isNew: true\r\n          },\r\n          {\r\n            id: \"grapes\",\r\n            label: \"Grapes 🍇\"\r\n          },\r\n          {\r\n            id: \"pear\",\r\n            label: \"Pear 🍐\"\r\n          },\r\n          {\r\n            id: \"strawberry\",\r\n            label: \"Strawberry 🍓\"\r\n          },\r\n          {\r\n            id: \"watermelon\",\r\n            label: \"Watermelon 🍉\"\r\n          }\r\n        ]\r\n      },\r\n      {\r\n        id: \"vegetables\",\r\n        label: \"Vegetables\",\r\n        children: [\r\n          {\r\n            id: \"corn\",\r\n            label: \"Corn 🌽\"\r\n          },\r\n          {\r\n            id: \"carrot\",\r\n            label: \"Carrot 🥕\"\r\n          },\r\n          {\r\n            id: \"eggplant\",\r\n            label: \"Eggplant 🍆\"\r\n          },\r\n          {\r\n            id: \"tomato\",\r\n            label: \"Tomato 🍅\"\r\n          }\r\n        ]\r\n      }\r\n    ]\r\n  })\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect12.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect12.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect12.vue?vue&type=template&id=461d235a&\"\nimport script from \"./Treeselect12.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect12.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('treeselect',{attrs:{\"options\":_vm.options,\"value\":_vm.value,\"multiple\":_vm.multiple},scopedSlots:_vm._u([{key:\"value-label\",fn:function(ref){\nvar node = ref.node;\nreturn _c('div',{},[_vm._v(\" \"+_vm._s(node.raw.customLabel)+\" \")])}}])}),_c('p',{staticClass:\"mt-5\"},[_c('b-form-checkbox',{staticClass:\"custom-control-inline\",model:{value:(_vm.multiple),callback:function ($$v) {_vm.multiple=$$v},expression:\"multiple\"}},[_vm._v(\"Multi-select\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <treeselect :options=\"options\" :value=\"value\" :multiple=\"multiple\">\r\n      <div slot=\"value-label\" slot-scope=\"{ node }\">\r\n        {{ node.raw.customLabel }}\r\n      </div>\r\n    </treeselect>\r\n    <p class=\"mt-5\">\r\n      <b-form-checkbox class=\"custom-control-inline\" v-model=\"multiple\"\r\n        >Multi-select</b-form-checkbox\r\n      >\r\n    </p>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"treeselect-13\",\r\n  data: () => ({\r\n    multiple: true,\r\n    value: null,\r\n    options: [1, 2, 3].map(i => ({\r\n      id: i,\r\n      label: `Label ${i}`,\r\n      customLabel: `Custom Label ${i}`\r\n    }))\r\n  })\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect13.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect13.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect13.vue?vue&type=template&id=06a7d814&\"\nimport script from \"./Treeselect13.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect13.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  <div>\r\n    <!--begin::Notice-->\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>vue-treeselect</b> provides multi-select component with nested\r\n        options support for Vue.js\r\n        <a\r\n          class=\"font-weight-bold\"\r\n          href=\"https://vue-treeselect.js.org/#basic-features\"\r\n          target=\"_blank\"\r\n        >\r\n          See documentation.\r\n        </a>\r\n      </div>\r\n    </b-alert>\r\n    <!--end::Notice-->\r\n\r\n    <div class=\"row\">\r\n      <div class=\"col-md-12\">\r\n        <KTCodePreview v-bind:title=\"'Basic Features'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect1></KTTreeSelect1>\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=\"'More Features'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect2></KTTreeSelect2>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code2.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code2.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Delayed Loading'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect3></KTTreeSelect3>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code3.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code3.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Async Searching'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect4></KTTreeSelect4>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code4.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code4.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Flat Mode & Sort Values'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect5></KTTreeSelect5>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code5.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code5.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Prevent Value Combining'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect6></KTTreeSelect6>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code6.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code6.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Disable Branch Nodes'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect7></KTTreeSelect7>\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\r\n        <KTCodePreview v-bind:title=\"'Flatten Search Results'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect8></KTTreeSelect8>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code8.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code8.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Disable Item Selection'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect9></KTTreeSelect9>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code9.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code9.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Nested Search'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect10></KTTreeSelect10>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code10.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code10.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Customize Key Names'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect11></KTTreeSelect11>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code11.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code11.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Customize Option Label'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect12></KTTreeSelect12>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code12.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code12.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Customize Value Label'\">\r\n          <template v-slot:preview>\r\n            <KTTreeSelect13></KTTreeSelect13>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code13.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code13.js }}\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 KTTreeSelect1 from \"@/view/pages/plugins/treeselect/Treeselect1\";\r\nimport KTTreeSelect2 from \"@/view/pages/plugins/treeselect/Treeselect2\";\r\nimport KTTreeSelect3 from \"@/view/pages/plugins/treeselect/Treeselect3\";\r\nimport KTTreeSelect4 from \"@/view/pages/plugins/treeselect/Treeselect4\";\r\nimport KTTreeSelect5 from \"@/view/pages/plugins/treeselect/Treeselect5\";\r\nimport KTTreeSelect6 from \"@/view/pages/plugins/treeselect/Treeselect6\";\r\nimport KTTreeSelect7 from \"@/view/pages/plugins/treeselect/Treeselect7\";\r\nimport KTTreeSelect8 from \"@/view/pages/plugins/treeselect/Treeselect8\";\r\nimport KTTreeSelect9 from \"@/view/pages/plugins/treeselect/Treeselect9\";\r\nimport KTTreeSelect10 from \"@/view/pages/plugins/treeselect/Treeselect10\";\r\nimport KTTreeSelect11 from \"@/view/pages/plugins/treeselect/Treeselect11\";\r\nimport KTTreeSelect12 from \"@/view/pages/plugins/treeselect/Treeselect12\";\r\nimport KTTreeSelect13 from \"@/view/pages/plugins/treeselect/Treeselect13\";\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: `\r\n            <div>\r\n              <treeselect\r\n                      :multiple=\"true\"\r\n                      :options=\"options\"\r\n                      placeholder=\"Select your favourite(s)...\"\r\n                      v-model=\"value\"\r\n              />\r\n              <div class=\"mt-5 ml-1\">\r\n                  Selected: <strong>{{ value }}</strong>\r\n              </div>\r\n            </div>\r\n          `,\r\n        js: `\r\n            import '@riophae/vue-treeselect/dist/vue-treeselect.css'\r\n\r\n            export default {\r\n                name: \"treeselect-1\",\r\n                components:{\r\n                },\r\n                data: () => ({\r\n                    value: [],\r\n                    options: [ {\r\n                        id: 'fruits',\r\n                        label: 'Fruits',\r\n                        children: [ {\r\n                            id: 'apple',\r\n                            label: 'Apple 🍎',\r\n                            isNew: true,\r\n                        }, {\r\n                            id: 'grapes',\r\n                            label: 'Grapes 🍇',\r\n                        }, {\r\n                            id: 'pear',\r\n                            label: 'Pear 🍐',\r\n                        }, {\r\n                            id: 'strawberry',\r\n                            label: 'Strawberry 🍓',\r\n                        }, {\r\n                            id: 'watermelon',\r\n                            label: 'Watermelon 🍉',\r\n                        } ],\r\n                    }, {\r\n                        id: 'vegetables',\r\n                        label: 'Vegetables',\r\n                        children: [ {\r\n                            id: 'corn',\r\n                            label: 'Corn 🌽',\r\n                        }, {\r\n                            id: 'carrot',\r\n                            label: 'Carrot 🥕',\r\n                        }, {\r\n                            id: 'eggplant',\r\n                            label: 'Eggplant 🍆',\r\n                        }, {\r\n                            id: 'tomato',\r\n                            label: 'Tomato 🍅',\r\n                        } ],\r\n                    } ],\r\n                })\r\n            }\r\n          `\r\n      },\r\n\r\n      code2: {\r\n        html: `\r\n            <div :dir=\"rtl ? 'rtl' : 'ltr'\">\r\n            <div>\r\n                <treeselect\r\n                        name=\"demo\"\r\n                        :multiple=\"multiple\"\r\n                        :clearable=\"clearable\"\r\n                        :searchable=\"searchable\"\r\n                        :disabled=\"disabled\"\r\n                        :open-on-click=\"openOnClick\"\r\n                        :open-on-focus=\"openOnFocus\"\r\n                        :clear-on-select=\"clearOnSelect\"\r\n                        :close-on-select=\"closeOnSelect\"\r\n                        :always-open=\"alwaysOpen\"\r\n                        :append-to-body=\"appendToBody\"\r\n                        :options=\"options\"\r\n                        :limit=\"3\"\r\n                        :max-height=\"200\"\r\n                        v-model=\"value\"\r\n                />\r\n                <div class=\"mt-5\">\r\n                    Selected: <strong>{{ value }}</strong>\r\n                </div>\r\n            </div>\r\n            <div class=\"mt-5\">\r\n                <div>\r\n                    <b-form-checkbox class=\"custom-control-inline\" v-model=\"multiple\">Multi-select</b-form-checkbox>\r\n                    <b-form-checkbox class=\"custom-control-inline\" v-model=\"clearable\">Clearable</b-form-checkbox>\r\n                    <b-form-checkbox class=\"custom-control-inline\" v-model=\"searchable\">Searchable</b-form-checkbox>\r\n                    <b-form-checkbox class=\"custom-control-inline\" v-model=\"disabled\">Disabled</b-form-checkbox>\r\n                </div>\r\n                <div>\r\n                    <b-form-checkbox class=\"custom-control-inline\" v-model=\"openOnClick\">Open on click</b-form-checkbox>\r\n                    <b-form-checkbox class=\"custom-control-inline\" v-model=\"openOnFocus\">Open on focus</b-form-checkbox>\r\n                </div>\r\n                <div>\r\n                    <b-form-checkbox class=\"custom-control-inline\" v-model=\"clearOnSelect\">Clear on select</b-form-checkbox>\r\n                    <b-form-checkbox class=\"custom-control-inline\" v-model=\"closeOnSelect\">Close on select</b-form-checkbox>\r\n                </div>\r\n                <div>\r\n                    <b-form-checkbox class=\"custom-control-inline\" v-model=\"alwaysOpen\">Always open</b-form-checkbox>\r\n                    <b-form-checkbox class=\"custom-control-inline\" v-model=\"appendToBody\">Append to body</b-form-checkbox>\r\n                    <b-form-checkbox class=\"custom-control-inline\" v-model=\"rtl\">RTL mode</b-form-checkbox>\r\n                </div>\r\n            </div>\r\n            </div>\r\n          `,\r\n        js: `\r\n            export default {\r\n              data: () => ({\r\n                  multiple: true,\r\n                  clearable: true,\r\n                  searchable: true,\r\n                  disabled: false,\r\n                  openOnClick: true,\r\n                  openOnFocus: false,\r\n                  clearOnSelect: true,\r\n                  closeOnSelect: false,\r\n                  alwaysOpen: false,\r\n                  appendToBody: false,\r\n                  rtl: false,\r\n                  value: [],\r\n                  options: [ {\r\n                      id: 'fruits',\r\n                      label: 'Fruits',\r\n                      children: [ {\r\n                          id: 'apple',\r\n                          label: 'Apple 🍎',\r\n                          isNew: true,\r\n                      }, {\r\n                          id: 'grapes',\r\n                          label: 'Grapes 🍇',\r\n                      }, {\r\n                          id: 'pear',\r\n                          label: 'Pear 🍐',\r\n                      }, {\r\n                          id: 'strawberry',\r\n                          label: 'Strawberry 🍓',\r\n                      }, {\r\n                          id: 'watermelon',\r\n                          label: 'Watermelon 🍉',\r\n                      } ],\r\n                  }, {\r\n                      id: 'vegetables',\r\n                      label: 'Vegetables',\r\n                      children: [ {\r\n                          id: 'corn',\r\n                          label: 'Corn 🌽',\r\n                      }, {\r\n                          id: 'carrot',\r\n                          label: 'Carrot 🥕',\r\n                      }, {\r\n                          id: 'eggplant',\r\n                          label: 'Eggplant 🍆',\r\n                      }, {\r\n                          id: 'tomato',\r\n                          label: 'Tomato 🍅',\r\n                      } ],\r\n                  } ],\r\n              }),\r\n\r\n              watch: {\r\n                  multiple(newValue) {\r\n                      if (newValue) {\r\n                          this.value = this.value ? [ this.value ] : []\r\n                      } else {\r\n                          this.value = this.value[0]\r\n                      }\r\n                  },\r\n              },\r\n            }\r\n          `\r\n      },\r\n\r\n      code3: {\r\n        html: `\r\n            <treeselect\r\n              :multiple=\"true\"\r\n              :options=\"options\"\r\n              :load-options=\"loadOptions\"\r\n              placeholder=\"Try expanding any folder option...\"\r\n              v-model=\"value\"\r\n            />\r\n          `,\r\n        js: `\r\n            import { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'\r\n            import '@riophae/vue-treeselect/dist/vue-treeselect.css'\r\n\r\n            // We just use \\`setTimeout()\\` here to simulate an async operation\r\n            // instead of requesting a real API server for demo purpose.\r\n            const simulateAsyncOperation = fn => {\r\n                setTimeout(fn, 2000)\r\n            }\r\n\r\n            export default {\r\n                data: () => ({\r\n                    value: null,\r\n                    options: [ {\r\n                        id: 'success',\r\n                        label: 'With children',\r\n                        // Declare an unloaded branch node.\r\n                        children: null,\r\n                    }, {\r\n                        id: 'no-children',\r\n                        label: 'With no children',\r\n                        children: null,\r\n                    }, {\r\n                        id: 'failure',\r\n                        label: 'Demonstrates error handling',\r\n                        children: null,\r\n                    } ],\r\n                }),\r\n\r\n                methods: {\r\n                    loadOptions({ action, parentNode, callback }) {\r\n                        // Typically, do the AJAX stuff here.\r\n                        // Once the server has responded,\r\n                        // assign children options to the parent node & call the callback.\r\n\r\n                        if (action === LOAD_CHILDREN_OPTIONS) {\r\n                            switch (parentNode.id) {\r\n                                case 'success': {\r\n                                    simulateAsyncOperation(() => {\r\n                                        parentNode.children = [ {\r\n                                            id: 'child',\r\n                                            label: 'Child option',\r\n                                        } ]\r\n                                        callback()\r\n                                    })\r\n                                    break\r\n                                }\r\n                                case 'no-children': {\r\n                                    simulateAsyncOperation(() => {\r\n                                        parentNode.children = []\r\n                                        callback()\r\n                                    })\r\n                                    break\r\n                                }\r\n                                case 'failure': {\r\n                                    simulateAsyncOperation(() => {\r\n                                        callback(new Error('Failed to load options: network error.'))\r\n                                    })\r\n                                    break\r\n                                }\r\n                                default: /* empty */\r\n                            }\r\n                        }\r\n                    },\r\n                },\r\n            }\r\n          `\r\n      },\r\n\r\n      code4: {\r\n        html: `\r\n            <treeselect\r\n              :multiple=\"true\"\r\n              :async=\"true\"\r\n              :load-options=\"loadOptions\"\r\n            />\r\n          `,\r\n        js: `\r\n            import { ASYNC_SEARCH } from '@riophae/vue-treeselect'\r\n\r\n            const simulateAsyncOperation = fn => {\r\n                setTimeout(fn, 2000)\r\n            }\r\n\r\n            export default {\r\n                methods: {\r\n                    loadOptions({ action, searchQuery, callback }) {\r\n                        if (action === ASYNC_SEARCH) {\r\n                            simulateAsyncOperation(() => {\r\n                                const options = [ 1, 2, 3, 4, 5 ].map(i => ({\r\n                                    id: \\`\\${searchQuery}-\\${i}\\`,\r\n                                    label: \\`\\${searchQuery}-\\${i}\\`,\r\n                                }))\r\n                                callback(null, options)\r\n                            })\r\n                        }\r\n                    },\r\n                },\r\n            }\r\n          `\r\n      },\r\n\r\n      code5: {\r\n        html: `\r\n            <div>\r\n                <treeselect\r\n                        :multiple=\"true\"\r\n                        :options=\"options\"\r\n                        :flat=\"true\"\r\n                        :sort-value-by=\"sortValueBy\"\r\n                        :default-expand-level=\"1\"\r\n                        placeholder=\"Try selecting some options.\"\r\n                        v-model=\"value\"\r\n                />\r\n                <div class=\"mt-5\">\r\n                    Selected: <strong>{{ value }}</strong>\r\n                </div>\r\n                <p class=\"mt-5\">Sort value by:</p>\r\n                <p class=\"options\">\r\n                    <b-form-radio class=\"custom-control-inline\" value=\"ORDER_SELECTED\" v-model=\"sortValueBy\">Order selected</b-form-radio>\r\n                    <b-form-radio class=\"custom-control-inline\" value=\"LEVEL\" v-model=\"sortValueBy\">Level</b-form-radio>\r\n                    <b-form-radio class=\"custom-control-inline\" value=\"INDEX\" v-model=\"sortValueBy\">Index</b-form-radio>\r\n                </p>\r\n            </div>\r\n          `,\r\n        js: `\r\n            export default {\r\n                data() {\r\n                    return {\r\n                        value: [],\r\n                        options: [ {\r\n                            id: 'fruits',\r\n                            label: 'Fruits',\r\n                            children: [ {\r\n                                id: 'apple',\r\n                                label: 'Apple 🍎',\r\n                                isNew: true,\r\n                            }, {\r\n                                id: 'grapes',\r\n                                label: 'Grapes 🍇',\r\n                            }, {\r\n                                id: 'pear',\r\n                                label: 'Pear 🍐',\r\n                            }, {\r\n                                id: 'strawberry',\r\n                                label: 'Strawberry 🍓',\r\n                            }, {\r\n                                id: 'watermelon',\r\n                                label: 'Watermelon 🍉',\r\n                            } ],\r\n                        }, {\r\n                            id: 'vegetables',\r\n                            label: 'Vegetables',\r\n                            children: [ {\r\n                                id: 'corn',\r\n                                label: 'Corn 🌽',\r\n                            }, {\r\n                                id: 'carrot',\r\n                                label: 'Carrot 🥕',\r\n                            }, {\r\n                                id: 'eggplant',\r\n                                label: 'Eggplant 🍆',\r\n                            }, {\r\n                                id: 'tomato',\r\n                                label: 'Tomato 🍅',\r\n                            } ],\r\n                        } ],\r\n                        sortValueBy: 'ORDER_SELECTED',\r\n                    }\r\n                },\r\n            }\r\n          `\r\n      },\r\n\r\n      code6: {\r\n        html: `\r\n            <div>\r\n              <treeselect\r\n                      :multiple=\"true\"\r\n                      :options=\"options\"\r\n                      :value-consists-of=\"valueConsistsOf\"\r\n                      v-model=\"value\"\r\n              />\r\n              <div class=\"mt-5\">\r\n                  Selected: <strong>{{ value }}</strong>\r\n              </div>\r\n              <p class=\"mt-5\">Value consists of:</p>\r\n              <p class=\"options\">\r\n                  <b-form-radio class=\"custom-control-inline\" value=\"ALL\" v-model=\"valueConsistsOf\">All</b-form-radio>\r\n                  <b-form-radio class=\"custom-control-inline\" value=\"BRANCH_PRIORITY\" v-model=\"valueConsistsOf\">Branch priority</b-form-radio>\r\n                  <b-form-radio class=\"custom-control-inline\" value=\"LEAF_PRIORITY\" v-model=\"valueConsistsOf\">Leaf priority</b-form-radio>\r\n                  <b-form-radio class=\"custom-control-inline\" value=\"ALL_WITH_INDETERMINATE\" v-model=\"valueConsistsOf\">All with indeterminate</b-form-radio>\r\n              </p>\r\n          </div>\r\n          `,\r\n        js: `\r\n            export default {\r\n                data: () => ({\r\n                    value: [ 'team-i' ],\r\n                    valueConsistsOf: 'BRANCH_PRIORITY',\r\n                    options: [ {\r\n                        id: 'company',\r\n                        label: 'Company 🏢',\r\n                        children: [ {\r\n                            id: 'team-i',\r\n                            label: 'Team I 👥',\r\n                            children: [ {\r\n                                id: 'person-a',\r\n                                label: 'Person A 👱',\r\n                            }, {\r\n                                id: 'person-b',\r\n                                label: 'Person B 🧔',\r\n                            } ],\r\n                        }, {\r\n                            id: 'team-ii',\r\n                            label: 'Team II 👥',\r\n                            children: [ {\r\n                                id: 'person-c',\r\n                                label: 'Person C 👳',\r\n                            }, {\r\n                                id: 'person-d',\r\n                                label: 'Person D 👧',\r\n                            } ],\r\n                        }, {\r\n                            id: 'person-e',\r\n                            label: 'Person E 👩',\r\n                        } ],\r\n                    } ],\r\n                }),\r\n            }\r\n          `\r\n      },\r\n\r\n      code7: {\r\n        html: `\r\n            <treeselect\r\n              :options=\"options\"\r\n              :disable-branch-nodes=\"true\"\r\n              :show-count=\"true\"\r\n              placeholder=\"Select...\"\r\n            />\r\n          `,\r\n        js: `\r\n            export default {\r\n                data: () => ({\r\n                    options: [ {\r\n                        id: 'fruits',\r\n                        label: 'Fruits',\r\n                        children: [ {\r\n                            id: 'apple',\r\n                            label: 'Apple 🍎',\r\n                            isNew: true,\r\n                        }, {\r\n                            id: 'grapes',\r\n                            label: 'Grapes 🍇',\r\n                        }, {\r\n                            id: 'pear',\r\n                            label: 'Pear 🍐',\r\n                        }, {\r\n                            id: 'strawberry',\r\n                            label: 'Strawberry 🍓',\r\n                        }, {\r\n                            id: 'watermelon',\r\n                            label: 'Watermelon 🍉',\r\n                        } ],\r\n                    }, {\r\n                        id: 'vegetables',\r\n                        label: 'Vegetables',\r\n                        children: [ {\r\n                            id: 'corn',\r\n                            label: 'Corn 🌽',\r\n                        }, {\r\n                            id: 'carrot',\r\n                            label: 'Carrot 🥕',\r\n                        }, {\r\n                            id: 'eggplant',\r\n                            label: 'Eggplant 🍆',\r\n                        }, {\r\n                            id: 'tomato',\r\n                            label: 'Tomato 🍅',\r\n                        } ],\r\n                    } ],\r\n                }),\r\n            }\r\n          `\r\n      },\r\n\r\n      code8: {\r\n        html: `\r\n            <treeselect\r\n              :options=\"options\"\r\n              :multiple=\"true\"\r\n              :flatten-search-results=\"true\"\r\n              placeholder=\"Select...\"\r\n            />\r\n          `,\r\n        js: `\r\n            export default {\r\n                data: () => ({\r\n                    options: [ {\r\n                        id: 'fruits',\r\n                        label: 'Fruits',\r\n                        children: [ {\r\n                            id: 'apple',\r\n                            label: 'Apple 🍎',\r\n                            isNew: true,\r\n                        }, {\r\n                            id: 'grapes',\r\n                            label: 'Grapes 🍇',\r\n                        }, {\r\n                            id: 'pear',\r\n                            label: 'Pear 🍐',\r\n                        }, {\r\n                            id: 'strawberry',\r\n                            label: 'Strawberry 🍓',\r\n                        }, {\r\n                            id: 'watermelon',\r\n                            label: 'Watermelon 🍉',\r\n                        } ],\r\n                    }, {\r\n                        id: 'vegetables',\r\n                        label: 'Vegetables',\r\n                        children: [ {\r\n                            id: 'corn',\r\n                            label: 'Corn 🌽',\r\n                        }, {\r\n                            id: 'carrot',\r\n                            label: 'Carrot 🥕',\r\n                        }, {\r\n                            id: 'eggplant',\r\n                            label: 'Eggplant 🍆',\r\n                        }, {\r\n                            id: 'tomato',\r\n                            label: 'Tomato 🍅',\r\n                        } ],\r\n                    } ],\r\n                }),\r\n            }\r\n          `\r\n      },\r\n\r\n      code9: {\r\n        html: `\r\n            <treeselect\r\n              :multiple=\"true\"\r\n              :options=\"options\"\r\n              :value=\"value\"\r\n            />\r\n          `,\r\n        js: `\r\n            export default {\r\n                data: () => ({\r\n                    options: [ {\r\n                        id: 'folder',\r\n                        label: 'Normal Folder',\r\n                        children: [ {\r\n                            id: 'disabled-checked',\r\n                            label: 'Checked',\r\n                            isDisabled: true,\r\n                        }, {\r\n                            id: 'disabled-unchecked',\r\n                            label: 'Unchecked',\r\n                            isDisabled: true,\r\n                        }, {\r\n                            id: 'item-1',\r\n                            label: 'Item',\r\n                        } ],\r\n                    }, {\r\n                        id: 'disabled-folder',\r\n                        label: 'Disabled Folder',\r\n                        isDisabled: true,\r\n                        children: [ {\r\n                            id: 'item-2',\r\n                            label: 'Item',\r\n                        }, {\r\n                            id: 'item-3',\r\n                            label: 'Item',\r\n                        } ],\r\n                    } ],\r\n                    value: [ 'disabled-checked' ],\r\n                }),\r\n            }\r\n          `\r\n      },\r\n\r\n      code10: {\r\n        html: `\r\n            <treeselect\r\n              :multiple=\"true\"\r\n              :options=\"options\"\r\n              :disable-branch-nodes=\"true\"\r\n              v-model=\"value\"\r\n              search-nested\r\n            />\r\n          `,\r\n        js: `\r\n            export default {\r\n                data: () => ({\r\n                    value: [],\r\n                    options: [ {\r\n                        id: 'm',\r\n                        label: 'McDonalds',\r\n                        children: [ {\r\n                            id: 'm-fries',\r\n                            label: 'French Fries',\r\n                        }, {\r\n                            id: 'm-cheeseburger',\r\n                            label: 'Cheeseburger',\r\n                        }, {\r\n                            id: 'm-white-cheedar-burger',\r\n                            label: 'White Cheddar Burger',\r\n                        }, {\r\n                            id: 'm-southwest-buttermilk-crispy-chicken-salad',\r\n                            label: 'Southwest Buttermilk Crispy Chicken Salad',\r\n                        }, {\r\n                            id: 'm-cola',\r\n                            label: 'Coca-Cola®',\r\n                        }, {\r\n                            id: 'm-chocolate-shake',\r\n                            label: 'Chocolate Shake',\r\n                        } ],\r\n                    }, {\r\n                        id: 'kfc',\r\n                        label: 'KFC',\r\n                        children: [ {\r\n                            id: 'kfc-fries',\r\n                            label: 'French Fries',\r\n                        }, {\r\n                            id: 'kfc-chicken-litties-sandwiches',\r\n                            label: 'Chicken Litties Sandwiches',\r\n                        }, {\r\n                            id: 'kfc-grilled-chicken',\r\n                            label: 'Grilled Chicken',\r\n                        }, {\r\n                            id: 'kfc-cola',\r\n                            label: 'Pepsi® Cola',\r\n                        } ],\r\n                    }, {\r\n                        id: 'bk',\r\n                        label: 'Burger King',\r\n                        children: [ {\r\n                            id: 'bk-chicken-fries',\r\n                            label: 'Chicken Fries',\r\n                        }, {\r\n                            id: 'bk-chicken-nuggets',\r\n                            label: 'Chicken Nuggets',\r\n                        }, {\r\n                            id: 'bk-garden-side-salad',\r\n                            label: 'Garden Side Salad',\r\n                        }, {\r\n                            id: 'bk-cheeseburger',\r\n                            label: 'Cheeseburger',\r\n                        }, {\r\n                            id: 'bk-bacon-king-jr-sandwich',\r\n                            label: 'BACON KING™ Jr. Sandwich',\r\n                        }, {\r\n                            id: 'bk-cola',\r\n                            label: 'Coca-Cola®',\r\n                        }, {\r\n                            id: 'bk-oreo-chocolate-shake',\r\n                            label: 'OREO® Chocolate Shake',\r\n                        } ],\r\n                    } ],\r\n                }),\r\n            }\r\n          `\r\n      },\r\n\r\n      code11: {\r\n        html: `\r\n            <treeselect\r\n              :options=\"options\"\r\n              :value=\"value\"\r\n              :normalizer=\"normalizer\"\r\n            />\r\n          `,\r\n        js: `\r\n            export default {\r\n              data: () => ({\r\n                  value: null,\r\n                  options: [ {\r\n                      key: 'a',\r\n                      name: 'a',\r\n                      subOptions: [ {\r\n                          key: 'aa',\r\n                          name: 'aa',\r\n                      } ],\r\n                  } ],\r\n                  normalizer(node) {\r\n                      return {\r\n                          id: node.key,\r\n                          label: node.name,\r\n                          children: node.subOptions,\r\n                      }\r\n                  },\r\n              }),\r\n          }\r\n          `\r\n      },\r\n\r\n      code12: {\r\n        html: `\r\n            <treeselect\r\n              :options=\"options\"\r\n              :value=\"value\"\r\n              :searchable=\"false\"\r\n              :show-count=\"true\"\r\n              :default-expand-level=\"1\"\r\n            >\r\n                <label slot=\"option-label\" slot-scope=\"{ node, shouldShowCount, count, labelClassName, countClassName }\" :class=\"labelClassName\">\r\n                    {{ node.isBranch ? 'Branch' : 'Leaf' }}: {{ node.label }}\r\n                    <span v-if=\"shouldShowCount\" :class=\"countClassName\">({{ count }})</span>\r\n                </label>\r\n            </treeselect>\r\n          `,\r\n        js: `\r\n            export default {\r\n                data: () => ({\r\n                    value: null,\r\n                    options: [ {\r\n                        id: 'fruits',\r\n                        label: 'Fruits',\r\n                        children: [ {\r\n                            id: 'apple',\r\n                            label: 'Apple 🍎',\r\n                            isNew: true,\r\n                        }, {\r\n                            id: 'grapes',\r\n                            label: 'Grapes 🍇',\r\n                        }, {\r\n                            id: 'pear',\r\n                            label: 'Pear 🍐',\r\n                        }, {\r\n                            id: 'strawberry',\r\n                            label: 'Strawberry 🍓',\r\n                        }, {\r\n                            id: 'watermelon',\r\n                            label: 'Watermelon 🍉',\r\n                        } ],\r\n                    }, {\r\n                        id: 'vegetables',\r\n                        label: 'Vegetables',\r\n                        children: [ {\r\n                            id: 'corn',\r\n                            label: 'Corn 🌽',\r\n                        }, {\r\n                            id: 'carrot',\r\n                            label: 'Carrot 🥕',\r\n                        }, {\r\n                            id: 'eggplant',\r\n                            label: 'Eggplant 🍆',\r\n                        }, {\r\n                            id: 'tomato',\r\n                            label: 'Tomato 🍅',\r\n                        } ],\r\n                    } ],\r\n                }),\r\n            }\r\n          `\r\n      },\r\n\r\n      code13: {\r\n        html: `\r\n            <div>\r\n              <treeselect :options=\"options\" :value=\"value\" :multiple=\"multiple\">\r\n                  <div slot=\"value-label\" slot-scope=\"{ node }\">{{ node.raw.customLabel }}</div>\r\n              </treeselect>\r\n              <p class=\"mt-5\">\r\n                  <b-form-checkbox class=\"custom-control-inline\" v-model=\"multiple\">Multi-select</b-form-checkbox>\r\n              </p>\r\n          </div>\r\n          `,\r\n        js: `\r\n            export default {\r\n                data: () => ({\r\n                    multiple: true,\r\n                    value: null,\r\n                    options: [ 1, 2, 3 ].map(i => ({\r\n                        id: i,\r\n                        label: \\`Label \\${i}\\`,\r\n                        customLabel: \\`Custom Label \\${i}\\`,\r\n                    })),\r\n                }),\r\n            }\r\n          `\r\n      }\r\n    };\r\n  },\r\n  components: {\r\n    KTCodePreview,\r\n    KTTreeSelect1,\r\n    KTTreeSelect2,\r\n    KTTreeSelect3,\r\n    KTTreeSelect4,\r\n    KTTreeSelect5,\r\n    KTTreeSelect6,\r\n    KTTreeSelect7,\r\n    KTTreeSelect8,\r\n    KTTreeSelect9,\r\n    KTTreeSelect10,\r\n    KTTreeSelect11,\r\n    KTTreeSelect12,\r\n    KTTreeSelect13\r\n  },\r\n  mounted() {\r\n    this.$store.dispatch(SET_BREADCRUMB, [\r\n      { title: \"Vue Bootstrap\", route: \"alert\" },\r\n      { title: \"Alert\" }\r\n    ]);\r\n  },\r\n  methods: {\r\n    countDownChanged1(dismissCountDown) {\r\n      this.code1.dismissCountDown = dismissCountDown;\r\n    },\r\n    countDownChanged2(dismissCountDown) {\r\n      this.code2.dismissCountDown = dismissCountDown;\r\n    },\r\n    showAlert1() {\r\n      this.code1.dismissCountDown = this.code1.dismissSecs;\r\n    },\r\n    showAlert2() {\r\n      this.code2.dismissCountDown = this.code2.dismissSecs;\r\n    }\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Treeselect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Treeselect.vue?vue&type=template&id=fe8798ac&\"\nimport script from \"./Treeselect.vue?vue&type=script&lang=js&\"\nexport * from \"./Treeselect.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":""}