cleek 1.5.13 → 1.6.3

package/dist/cleek.es.js

@@ -1,4 +1,4 @@
-import require$$0, { defineComponent, computed, watch, h, resolveComponent, openBlock, createElementBlock, createBlock, createCommentVNode, normalizeClass, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withDirectives, vModelText, createVNode, withCtx, createTextVNode, Fragment, renderList, vModelRadio, toDisplayString, vModelCheckbox } from "vue";
+import { defineComponent, computed, watch, h, resolveComponent, openBlock, createElementBlock, createBlock, createCommentVNode, normalizeClass, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, vModelText, createVNode, Fragment, renderList, vModelRadio, vModelCheckbox } from "vue";
 var validators = {
   size: (type) => {
     return ["", "xs", "s", "m", "l", "xl"].includes(type);
@@ -10748,7 +10748,7 @@ var _iconsCache = {
   faYoutubeSquare,
   faZhihu
 };
-var commonjsGlobal$1 = typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+var commonjsGlobal = typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function createCommonjsModule(fn2, module) {
   return module = { exports: {} }, fn2(module, module.exports), module.exports;
 }
@@ -10851,7 +10851,7 @@ var humps = createCommonjsModule(function(module) {
     } else {
       global2.humps = humps2;
     }
-  })(commonjsGlobal$1);
+  })(commonjsGlobal);
 });
 var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
   return typeof obj;
@@ -11186,7 +11186,7 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
     class: "ck-icon",
     onClick: _cache[0] || (_cache[0] = ($event) => $options.onClick($event))
   }, [
-    $options.computedIconPackage === "font-awesome" ? (openBlock(), createBlock(_component_font_awesome_icon, {
+    $options.computediconPack === "font-awesome" ? (openBlock(), createBlock(_component_font_awesome_icon, {
       key: 0,
       icon: $props.icon,
       size: $props.size,
@@ -11216,7 +11216,7 @@ const _sfc_main$h = {
   },
   props: {
     icon: { type: [String, Array], default: "" },
-    iconPackage: { type: String, default: "" },
+    iconPack: { type: String, default: "" },
     size: { type: String, default: null },
     rotation: { type: String, default: null },
     flip: { type: String, default: null },
@@ -11229,12 +11229,12 @@ const _sfc_main$h = {
   },
   emits: ["click"],
   computed: {
-    computedIconPackage() {
+    computediconPack() {
       const defaultPackage = "font-awesome";
-      if (this.iconPackage === "")
+      if (this.iconPack === "")
         return defaultPackage;
-      if (this.iconPackage === "feather")
-        return this.iconPackage;
+      if (this.iconPack === "feather")
+        return this.iconPack;
       return defaultPackage;
     }
   },
@@ -11249,8 +11249,8 @@ const _sfc_main$h = {
     }
   }
 };
-var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", render$i], ["__scopeId", "data-v-2609c60b"]]);
-const _hoisted_1$d = ["title", "aria-label", "disabled"];
+var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", render$i], ["__scopeId", "data-v-4026c04e"]]);
+const _hoisted_1$e = ["title", "aria-label", "disabled"];
 function render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_icon = resolveComponent("ck-icon");
   return openBlock(), createElementBlock("button", {
@@ -11265,16 +11265,16 @@ function render$h(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       class: "ck-button__icon-left",
       icon: $props.icon,
-      "icon-pack": _ctx.iconPack
+      "icon-pack": $props.iconPack
     }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "default", {}, void 0, true),
     $props.iconRight ? (openBlock(), createBlock(_component_ck_icon, {
       key: 1,
       class: "ck-button__icon-right",
       icon: $props.iconRight,
-      "icon-pack": _ctx.iconPack
+      "icon-pack": $props.iconPack
     }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true)
-  ], 10, _hoisted_1$d);
+  ], 10, _hoisted_1$e);
 }
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const defaults = { type: "outlined" };
@@ -11289,7 +11289,7 @@ const _sfc_main$g = {
     color: { type: String, default: "" },
     disabled: { type: Boolean, default: false },
     icon: { type: [String, Array], default: void 0 },
-    iconPackage: { type: String, default: void 0 },
+    iconPack: { type: String, default: void 0 },
     iconRight: { type: String, default: void 0 },
     label: { type: String, default: void 0 },
     labelAlign: { type: String, default: void 0 },
@@ -11309,6 +11309,12 @@ const _sfc_main$g = {
           classList2.push(`ck-component__border-color--${this.color}`);
         }
       }
+      if (!!this.$slots.default) {
+        if (this.icon || this.iconRight) {
+          if (!(this.icon && this.iconRight))
+            classList2.push("just-icon");
+        }
+      }
       let type = this.type;
       if (!validators.buttonType(this.type))
         type = defaults.type;
@@ -11322,11 +11328,11 @@ const _sfc_main$g = {
     }
   }
 };
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$h], ["__scopeId", "data-v-29466fcf"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$h], ["__scopeId", "data-v-2ea10950"]]);
 const _withScopeId$2 = (n) => (pushScopeId("data-v-c7841510"), n = n(), popScopeId(), n);
-const _hoisted_1$c = ["disabled", "checked"];
-const _hoisted_2$6 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
-const _hoisted_3$4 = {
+const _hoisted_1$d = ["disabled", "checked"];
+const _hoisted_2$7 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
+const _hoisted_3$5 = {
   key: 0,
   class: "c-Checkbox__label"
 };
@@ -11349,9 +11355,9 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
         $options.value = $event.target.checked;
         $options.onChange($event);
       })
-    }, null, 40, _hoisted_1$c),
-    _hoisted_2$6,
-    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$4, [
+    }, null, 40, _hoisted_1$d),
+    _hoisted_2$7,
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$5, [
       renderSlot(_ctx.$slots, "default", {}, void 0, true)
     ])) : createCommentVNode("", true)
   ], 16);
@@ -11391,7 +11397,7 @@ const _sfc_main$f = {
   }
 };
 var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", render$g], ["__scopeId", "data-v-c7841510"]]);
-const _hoisted_1$b = ["src"];
+const _hoisted_1$c = ["src"];
 function render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["ck-img", $options.computedClass]),
@@ -11402,7 +11408,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       src: $options.imageUrl,
       style: normalizeStyle($options.computedImgStyle),
       onError: _cache[0] || (_cache[0] = ($event) => _ctx.altNeeded = true)
-    }, null, 44, _hoisted_1$b)
+    }, null, 44, _hoisted_1$c)
   ], 6);
 }
 var ckImg_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -11491,23 +11497,66 @@ const _sfc_main$e = {
   }
 };
 var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", render$f], ["__scopeId", "data-v-1c6a3b4e"]]);
-const _hoisted_1$a = { class: "ck-input-text" };
-const _hoisted_2$5 = ["placeholder"];
+const _hoisted_1$b = ["for"];
 function render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("label", {
+    class: normalizeClass(["ck-label", $options.computedClass]),
+    for: $props.for
+  }, [
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  ], 10, _hoisted_1$b);
+}
+var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$d = {
+  name: "CkLabel",
+  props: {
+    for: { type: String, default: "" },
+    align: { type: String, default: "" }
+  },
+  computed: {
+    computedClass() {
+      const list = [];
+      let align = "left";
+      if (this.align === "center" || this.align === "right")
+        align = this.align;
+      list.push(`ck-align--${align}`);
+      return list;
+    }
+  }
+};
+var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", render$e], ["__scopeId", "data-v-4b8b9ab4"]]);
+const _hoisted_1$a = { class: "ck-input-text" };
+const _hoisted_2$6 = ["id", "placeholder"];
+function render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ck_label = resolveComponent("ck-label");
   return openBlock(), createElementBlock("div", _hoisted_1$a, [
+    $props.label ? (openBlock(), createBlock(_component_ck_label, {
+      key: 0,
+      align: $props.labelAlign,
+      for: "ck-input-text"
+    }, {
+      default: withCtx(() => [
+        createTextVNode(toDisplayString($props.label), 1)
+      ]),
+      _: 1
+    }, 8, ["align"])) : createCommentVNode("", true),
     withDirectives(createElementVNode("input", {
+      id: $props.label ? "ck-input-text" : "",
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.value = $event),
       type: "text",
       placeholder: $props.placeholder,
       class: normalizeClass($options.computedClass)
-    }, null, 10, _hoisted_2$5), [
+    }, null, 10, _hoisted_2$6), [
       [vModelText, $options.value]
     ])
   ]);
 }
 var ckInputText_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$d = {
+const _sfc_main$c = {
   name: "CkInputText",
+  components: {
+    ckLabel
+  },
   props: {
     modelValue: { type: String, default: "" },
     label: { type: String, default: "" },
@@ -11534,36 +11583,7 @@ const _sfc_main$d = {
     }
   }
 };
-var ckInputText = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", render$e], ["__scopeId", "data-v-f5426fe4"]]);
-function render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("label", {
-    class: normalizeClass(["ck-label", $options.computedClass])
-  }, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
-  ], 2);
-}
-var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$c = {
-  name: "CkLabel",
-  props: {
-    align: { type: String, default: "" }
-  },
-  computed: {
-    computedClass() {
-      const list = [];
-      let align = "left";
-      if (this.align === "center" || this.align === "right")
-        align = this.align;
-      list.push(`ck-align--${align}`);
-      return list;
-    }
-  }
-};
-var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", render$d], ["__scopeId", "data-v-753ae406"]]);
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
+var ckInputText = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", render$d], ["__scopeId", "data-v-75b88129"]]);
 var dist = function(t) {
   function e(i) {
     if (r[i])
@@ -12172,9 +12192,9 @@ const _hoisted_1$9 = {
   key: 0,
   class: "ck-popup"
 };
-const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
-const _hoisted_3$3 = { class: "ck-popup__slot-header" };
-const _hoisted_4$1 = { class: "ck-popup__slot-body" };
+const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
+const _hoisted_3$4 = { class: "ck-popup__slot-header" };
+const _hoisted_4$2 = { class: "ck-popup__slot-body" };
 const _hoisted_5 = {
   key: 0,
   class: "ck-popup__slot-footer"
@@ -12189,7 +12209,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_icon = resolveComponent("ck-icon");
   const _component_ck_button = resolveComponent("ck-button");
   return $options.value ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
-    _hoisted_2$4,
+    _hoisted_2$5,
     createElementVNode("div", {
       class: "popup-container",
       onClick: _cache[4] || (_cache[4] = ($event) => $options.onBgClick())
@@ -12199,7 +12219,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[3] || (_cache[3] = withModifiers(() => {
         }, ["stop"]))
       }, [
-        createElementVNode("div", _hoisted_3$3, [
+        createElementVNode("div", _hoisted_3$4, [
           renderSlot(_ctx.$slots, "header", { class: "ml-3" }),
           !$props.notCloseBtn ? (openBlock(), createBlock(_component_ck_icon, {
             key: 0,
@@ -12208,7 +12228,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _cache[0] || (_cache[0] = ($event) => $options.value = false)
           })) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_4$1, [
+        createElementVNode("div", _hoisted_4$2, [
           renderSlot(_ctx.$slots, "body")
         ]),
         _ctx.$slots.footer || $props.confirmButtons ? (openBlock(), createElementBlock("div", _hoisted_5, [
@@ -12280,9 +12300,9 @@ const _sfc_main$b = {
 var ckPopup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", render$c]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-73a891e8"), n = n(), popScopeId(), n);
 const _hoisted_1$8 = ["onKeyup"];
-const _hoisted_2$3 = ["name", "value", "disabled"];
-const _hoisted_3$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
-const _hoisted_4 = {
+const _hoisted_2$4 = ["name", "value", "disabled"];
+const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
+const _hoisted_4$1 = {
   key: 0,
   class: "c-Radio__label"
 };
@@ -12307,11 +12327,11 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
         name: $props.name,
         value: item.value,
         disabled: $props.disabled
-      }, null, 8, _hoisted_2$3), [
+      }, null, 8, _hoisted_2$4), [
         [vModelRadio, $options.value]
       ]),
-      _hoisted_3$2,
-      item.label ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(item.label), 1)) : createCommentVNode("", true)
+      _hoisted_3$3,
+      item.label ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(item.label), 1)) : createCommentVNode("", true)
     ], 16, _hoisted_1$8);
   }), 128);
 }
@@ -12349,442 +12369,86 @@ const _sfc_main$a = {
   }
 };
 var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", render$b], ["__scopeId", "data-v-73a891e8"]]);
-var vueSelect$1 = { exports: {} };
-(function(module, exports) {
-  !function(e, t) {
-    module.exports = t(require$$0);
-  }(typeof self != "undefined" ? self : commonjsGlobal, function(e) {
-    return function(e2) {
-      var t = {};
-      function o(n) {
-        if (t[n])
-          return t[n].exports;
-        var i = t[n] = { i: n, l: false, exports: {} };
-        return e2[n].call(i.exports, i, i.exports, o), i.l = true, i.exports;
-      }
-      return o.m = e2, o.c = t, o.d = function(e3, t2, n) {
-        o.o(e3, t2) || Object.defineProperty(e3, t2, { enumerable: true, get: n });
-      }, o.r = function(e3) {
-        typeof Symbol != "undefined" && Symbol.toStringTag && Object.defineProperty(e3, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e3, "__esModule", { value: true });
-      }, o.t = function(e3, t2) {
-        if (1 & t2 && (e3 = o(e3)), 8 & t2)
-          return e3;
-        if (4 & t2 && typeof e3 == "object" && e3 && e3.__esModule)
-          return e3;
-        var n = Object.create(null);
-        if (o.r(n), Object.defineProperty(n, "default", { enumerable: true, value: e3 }), 2 & t2 && typeof e3 != "string")
-          for (var i in e3)
-            o.d(n, i, function(t3) {
-              return e3[t3];
-            }.bind(null, i));
-        return n;
-      }, o.n = function(e3) {
-        var t2 = e3 && e3.__esModule ? function() {
-          return e3.default;
-        } : function() {
-          return e3;
-        };
-        return o.d(t2, "a", t2), t2;
-      }, o.o = function(e3, t2) {
-        return Object.prototype.hasOwnProperty.call(e3, t2);
-      }, o.p = "/", o(o.s = 10);
-    }([function(t, o) {
-      t.exports = e;
-    }, function(e2, t, o) {
-      Object.defineProperty(t, "__esModule", { value: true }), t.default = (e3, t2) => {
-        for (const [o2, n] of t2)
-          e3[o2] = n;
-        return e3;
-      };
-    }, function(e2, t, o) {
-      var n = o(6), i = o(7), r = o(8);
-      e2.exports = function(e3) {
-        return n(e3) || i(e3) || r();
-      };
-    }, function(e2, t) {
-      function o(t2) {
-        return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? e2.exports = o = function(e3) {
-          return typeof e3;
-        } : e2.exports = o = function(e3) {
-          return e3 && typeof Symbol == "function" && e3.constructor === Symbol && e3 !== Symbol.prototype ? "symbol" : typeof e3;
-        }, o(t2);
-      }
-      e2.exports = o;
-    }, function(e2, t) {
-      e2.exports = function(e3, t2, o) {
-        return t2 in e3 ? Object.defineProperty(e3, t2, { value: o, enumerable: true, configurable: true, writable: true }) : e3[t2] = o, e3;
-      };
-    }, function(e2, t, o) {
-    }, function(e2, t) {
-      e2.exports = function(e3) {
-        if (Array.isArray(e3)) {
-          for (var t2 = 0, o = new Array(e3.length); t2 < e3.length; t2++)
-            o[t2] = e3[t2];
-          return o;
-        }
-      };
-    }, function(e2, t) {
-      e2.exports = function(e3) {
-        if (Symbol.iterator in Object(e3) || Object.prototype.toString.call(e3) === "[object Arguments]")
-          return Array.from(e3);
-      };
-    }, function(e2, t) {
-      e2.exports = function() {
-        throw new TypeError("Invalid attempt to spread non-iterable instance");
-      };
-    }, function(e2, t, o) {
-      o(5);
-    }, function(e2, t, o) {
-      o.r(t);
-      var n = o(0);
-      const i = ["dir"], r = ["id", "aria-expanded", "aria-owns"], s = { ref: "selectedOptions", class: "vs__selected-options" }, l = ["disabled", "title", "aria-label", "onClick"], c = { ref: "actions", class: "vs__actions" }, a = ["disabled"], u = { class: "vs__spinner" }, p = ["id"], d2 = ["id", "aria-selected", "onMouseover", "onClick"], h2 = { key: 0, class: "vs__no-options" }, f = Object(n.createTextVNode)("Sorry, no matching options."), b = ["id"];
-      var O = o(2), m = o.n(O), y = o(3), g = o.n(y), v = o(4), j = o.n(v), w2 = { props: { autoscroll: { type: Boolean, default: true } }, watch: { typeAheadPointer: function() {
-        this.autoscroll && this.maybeAdjustScroll();
-      }, open: function(e3) {
-        var t2 = this;
-        this.autoscroll && e3 && this.$nextTick(function() {
-          return t2.maybeAdjustScroll();
-        });
-      } }, methods: { maybeAdjustScroll: function() {
-        var e3, t2 = ((e3 = this.$refs.dropdownMenu) === null || e3 === void 0 ? void 0 : e3.children[this.typeAheadPointer]) || false;
-        if (t2) {
-          var o2 = this.getDropdownViewport(), n2 = t2.getBoundingClientRect(), i2 = n2.top, r2 = n2.bottom, s2 = n2.height;
-          if (i2 < o2.top)
-            return this.$refs.dropdownMenu.scrollTop = t2.offsetTop;
-          if (r2 > o2.bottom)
-            return this.$refs.dropdownMenu.scrollTop = t2.offsetTop - (o2.height - s2);
-        }
-      }, getDropdownViewport: function() {
-        return this.$refs.dropdownMenu ? this.$refs.dropdownMenu.getBoundingClientRect() : { height: 0, top: 0, bottom: 0 };
-      } } }, S = { data: function() {
-        return { typeAheadPointer: -1 };
-      }, watch: { filteredOptions: function() {
-        for (var e3 = 0; e3 < this.filteredOptions.length; e3++)
-          if (this.selectable(this.filteredOptions[e3])) {
-            this.typeAheadPointer = e3;
-            break;
-          }
-      } }, methods: { typeAheadUp: function() {
-        for (var e3 = this.typeAheadPointer - 1; e3 >= 0; e3--)
-          if (this.selectable(this.filteredOptions[e3])) {
-            this.typeAheadPointer = e3;
-            break;
-          }
-      }, typeAheadDown: function() {
-        for (var e3 = this.typeAheadPointer + 1; e3 < this.filteredOptions.length; e3++)
-          if (this.selectable(this.filteredOptions[e3])) {
-            this.typeAheadPointer = e3;
-            break;
-          }
-      }, typeAheadSelect: function() {
-        var e3 = this.filteredOptions[this.typeAheadPointer];
-        e3 && this.select(e3);
-      } } }, _ = { props: { loading: { type: Boolean, default: false } }, data: function() {
-        return { mutableLoading: false };
-      }, watch: { search: function() {
-        this.$emit("search", this.search, this.toggleLoading);
-      }, loading: function(e3) {
-        this.mutableLoading = e3;
-      } }, methods: { toggleLoading: function() {
-        var e3 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
-        return this.mutableLoading = e3 == null ? !this.mutableLoading : e3;
-      } } };
-      const B = { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10" }, P = [Object(n.createElementVNode)("path", { d: "M6.895455 5l2.842897-2.842898c.348864-.348863.348864-.914488 0-1.263636L9.106534.261648c-.348864-.348864-.914489-.348864-1.263636 0L5 3.104545 2.157102.261648c-.348863-.348864-.914488-.348864-1.263636 0L.261648.893466c-.348864.348864-.348864.914489 0 1.263636L3.104545 5 .261648 7.842898c-.348864.348863-.348864.914488 0 1.263636l.631818.631818c.348864.348864.914773.348864 1.263636 0L5 6.895455l2.842898 2.842897c.348863.348864.914772.348864 1.263636 0l.631818-.631818c.348864-.348864.348864-.914489 0-1.263636L6.895455 5z" }, null, -1)];
-      var V = o(1), k = o.n(V);
-      const x = {};
-      var C = k()(x, [["render", function(e3, t2) {
-        return Object(n.openBlock)(), Object(n.createElementBlock)("svg", B, P);
-      }]]);
-      const $ = { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "10" }, D = [Object(n.createElementVNode)("path", { d: "M9.211364 7.59931l4.48338-4.867229c.407008-.441854.407008-1.158247 0-1.60046l-.73712-.80023c-.407008-.441854-1.066904-.441854-1.474243 0L7 5.198617 2.51662.33139c-.407008-.441853-1.066904-.441853-1.474243 0l-.737121.80023c-.407008.441854-.407008 1.158248 0 1.600461l4.48338 4.867228L7 10l2.211364-2.40069z" }, null, -1)];
-      const E = {};
-      var A = { Deselect: C, OpenIndicator: k()(E, [["render", function(e3, t2) {
-        return Object(n.openBlock)(), Object(n.createElementBlock)("svg", $, D);
-      }]]) }, L = { mounted: function(e3, t2) {
-        var o2 = t2.instance;
-        if (o2.appendToBody) {
-          var n2 = o2.$refs.toggle.getBoundingClientRect(), i2 = n2.height, r2 = n2.top, s2 = n2.left, l2 = n2.width, c2 = window.scrollX || window.pageXOffset, a2 = window.scrollY || window.pageYOffset;
-          e3.unbindPosition = o2.calculatePosition(e3, o2, { width: l2 + "px", left: c2 + s2 + "px", top: a2 + r2 + i2 + "px" }), document.body.appendChild(e3);
-        }
-      }, unmounted: function(e3, t2) {
-        t2.instance.appendToBody && (e3.unbindPosition && typeof e3.unbindPosition == "function" && e3.unbindPosition(), e3.parentNode && e3.parentNode.removeChild(e3));
-      } };
-      var T = function(e3) {
-        var t2 = {};
-        return Object.keys(e3).sort().forEach(function(o2) {
-          t2[o2] = e3[o2];
-        }), JSON.stringify(t2);
-      }, F = 0;
-      var M = function() {
-        return ++F;
-      };
-      function N(e3, t2) {
-        var o2 = Object.keys(e3);
-        if (Object.getOwnPropertySymbols) {
-          var n2 = Object.getOwnPropertySymbols(e3);
-          t2 && (n2 = n2.filter(function(t3) {
-            return Object.getOwnPropertyDescriptor(e3, t3).enumerable;
-          })), o2.push.apply(o2, n2);
-        }
-        return o2;
-      }
-      function z(e3) {
-        for (var t2 = 1; t2 < arguments.length; t2++) {
-          var o2 = arguments[t2] != null ? arguments[t2] : {};
-          t2 % 2 ? N(Object(o2), true).forEach(function(t3) {
-            j()(e3, t3, o2[t3]);
-          }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e3, Object.getOwnPropertyDescriptors(o2)) : N(Object(o2)).forEach(function(t3) {
-            Object.defineProperty(e3, t3, Object.getOwnPropertyDescriptor(o2, t3));
-          });
-        }
-        return e3;
-      }
-      var R = { components: z({}, A), directives: { appendToBody: L }, mixins: [w2, S, _], emits: ["open", "close", "update:modelValue", "search", "search:compositionstart", "search:compositionend", "search:keydown", "search:blur", "search:focus", "search:input", "option:created", "option:selecting", "option:selected", "option:deselecting", "option:deselected"], props: { modelValue: {}, components: { type: Object, default: function() {
-        return {};
-      } }, options: { type: Array, default: function() {
-        return [];
-      } }, disabled: { type: Boolean, default: false }, clearable: { type: Boolean, default: true }, deselectFromDropdown: { type: Boolean, default: false }, searchable: { type: Boolean, default: true }, multiple: { type: Boolean, default: false }, placeholder: { type: String, default: "" }, transition: { type: String, default: "vs__fade" }, clearSearchOnSelect: { type: Boolean, default: true }, closeOnSelect: { type: Boolean, default: true }, label: { type: String, default: "label" }, autocomplete: { type: String, default: "off" }, reduce: { type: Function, default: function(e3) {
-        return e3;
-      } }, selectable: { type: Function, default: function(e3) {
-        return true;
-      } }, getOptionLabel: { type: Function, default: function(e3) {
-        return g()(e3) === "object" ? e3.hasOwnProperty(this.label) ? e3[this.label] : console.warn('[vue-select warn]: Label key "option.'.concat(this.label, '" does not') + " exist in options object ".concat(JSON.stringify(e3), ".\n") + "https://vue-select.org/api/props.html#getoptionlabel") : e3;
-      } }, getOptionKey: { type: Function, default: function(e3) {
-        if (g()(e3) !== "object")
-          return e3;
-        try {
-          return e3.hasOwnProperty("id") ? e3.id : T(e3);
-        } catch (t2) {
-          return console.warn("[vue-select warn]: Could not stringify this option to generate unique key. Please provide'getOptionKey' prop to return a unique key for each option.\nhttps://vue-select.org/api/props.html#getoptionkey", e3, t2);
-        }
-      } }, onTab: { type: Function, default: function() {
-        this.selectOnTab && !this.isComposing && this.typeAheadSelect();
-      } }, taggable: { type: Boolean, default: false }, tabindex: { type: Number, default: null }, pushTags: { type: Boolean, default: false }, filterable: { type: Boolean, default: true }, filterBy: { type: Function, default: function(e3, t2, o2) {
-        return (t2 || "").toLocaleLowerCase().indexOf(o2.toLocaleLowerCase()) > -1;
-      } }, filter: { type: Function, default: function(e3, t2) {
-        var o2 = this;
-        return e3.filter(function(e4) {
-          var n2 = o2.getOptionLabel(e4);
-          return typeof n2 == "number" && (n2 = n2.toString()), o2.filterBy(e4, n2, t2);
-        });
-      } }, createOption: { type: Function, default: function(e3) {
-        return g()(this.optionList[0]) === "object" ? j()({}, this.label, e3) : e3;
-      } }, resetOnOptionsChange: { default: false, validator: function(e3) {
-        return ["function", "boolean"].includes(g()(e3));
-      } }, clearSearchOnBlur: { type: Function, default: function(e3) {
-        var t2 = e3.clearSearchOnSelect, o2 = e3.multiple;
-        return t2 && !o2;
-      } }, noDrop: { type: Boolean, default: false }, inputId: { type: String }, dir: { type: String, default: "auto" }, selectOnTab: { type: Boolean, default: false }, selectOnKeyCodes: { type: Array, default: function() {
-        return [13];
-      } }, searchInputQuerySelector: { type: String, default: "[type=search]" }, mapKeydown: { type: Function, default: function(e3, t2) {
-        return e3;
-      } }, appendToBody: { type: Boolean, default: false }, calculatePosition: { type: Function, default: function(e3, t2, o2) {
-        var n2 = o2.width, i2 = o2.top, r2 = o2.left;
-        e3.style.top = i2, e3.style.left = r2, e3.style.width = n2;
-      } }, dropdownShouldOpen: { type: Function, default: function(e3) {
-        var t2 = e3.noDrop, o2 = e3.open, n2 = e3.mutableLoading;
-        return !t2 && (o2 && !n2);
-      } }, uid: { type: [String, Number], default: function() {
-        return M();
-      } } }, data: function() {
-        return { search: "", open: false, isComposing: false, pushedTags: [], _value: [], deselectButtons: [] };
-      }, computed: { isReducingValues: function() {
-        return this.$props.reduce !== this.$options.props.reduce.default;
-      }, isTrackingValues: function() {
-        return this.modelValue === void 0 || this.isReducingValues;
-      }, selectedValue: function() {
-        var e3 = this.modelValue;
-        return this.isTrackingValues && (e3 = this.$data._value), e3 ? [].concat(e3) : [];
-      }, optionList: function() {
-        return this.options.concat(this.pushTags ? this.pushedTags : []);
-      }, searchEl: function() {
-        return this.$slots.search ? this.$refs.selectedOptions.querySelector(this.searchInputQuerySelector) : this.$refs.search;
-      }, scope: function() {
-        var e3 = this, t2 = { search: this.search, loading: this.loading, searching: this.searching, filteredOptions: this.filteredOptions };
-        return { search: { attributes: z({ disabled: this.disabled, placeholder: this.searchPlaceholder, tabindex: this.tabindex, readonly: !this.searchable, id: this.inputId, "aria-autocomplete": "list", "aria-labelledby": "vs".concat(this.uid, "__combobox"), "aria-controls": "vs".concat(this.uid, "__listbox"), ref: "search", type: "search", autocomplete: this.autocomplete, value: this.search }, this.dropdownOpen && this.filteredOptions[this.typeAheadPointer] ? { "aria-activedescendant": "vs".concat(this.uid, "__option-").concat(this.typeAheadPointer) } : {}), events: { compositionstart: function() {
-          return e3.isComposing = true;
-        }, compositionend: function() {
-          return e3.isComposing = false;
-        }, keydown: this.onSearchKeyDown, blur: this.onSearchBlur, focus: this.onSearchFocus, input: function(t3) {
-          return e3.search = t3.target.value;
-        } } }, spinner: { loading: this.mutableLoading }, noOptions: { search: this.search, loading: this.mutableLoading, searching: this.searching }, openIndicator: { attributes: { ref: "openIndicator", role: "presentation", class: "vs__open-indicator" } }, listHeader: t2, listFooter: t2, header: z({}, t2, { deselect: this.deselect }), footer: z({}, t2, { deselect: this.deselect }) };
-      }, childComponents: function() {
-        return z({}, A, {}, this.components);
-      }, stateClasses: function() {
-        return { "vs--open": this.dropdownOpen, "vs--single": !this.multiple, "vs--multiple": this.multiple, "vs--searching": this.searching && !this.noDrop, "vs--searchable": this.searchable && !this.noDrop, "vs--unsearchable": !this.searchable, "vs--loading": this.mutableLoading, "vs--disabled": this.disabled };
-      }, searching: function() {
-        return !!this.search;
-      }, dropdownOpen: function() {
-        return this.dropdownShouldOpen(this);
-      }, searchPlaceholder: function() {
-        return this.isValueEmpty && this.placeholder ? this.placeholder : void 0;
-      }, filteredOptions: function() {
-        var e3 = [].concat(this.optionList);
-        if (!this.filterable && !this.taggable)
-          return e3;
-        var t2 = this.search.length ? this.filter(e3, this.search, this) : e3;
-        if (this.taggable && this.search.length) {
-          var o2 = this.createOption(this.search);
-          this.optionExists(o2) || t2.unshift(o2);
-        }
-        return t2;
-      }, isValueEmpty: function() {
-        return this.selectedValue.length === 0;
-      }, showClearButton: function() {
-        return !this.multiple && this.clearable && !this.open && !this.isValueEmpty;
-      } }, watch: { options: function(e3, t2) {
-        var o2 = this;
-        !this.taggable && (typeof o2.resetOnOptionsChange == "function" ? o2.resetOnOptionsChange(e3, t2, o2.selectedValue) : o2.resetOnOptionsChange) && this.clearSelection(), this.modelValue && this.isTrackingValues && this.setInternalValueFromOptions(this.modelValue);
-      }, modelValue: { immediate: true, handler: function(e3) {
-        this.isTrackingValues && this.setInternalValueFromOptions(e3);
-      } }, multiple: function() {
-        this.clearSelection();
-      }, open: function(e3) {
-        this.$emit(e3 ? "open" : "close");
-      } }, created: function() {
-        this.mutableLoading = this.loading;
-      }, methods: { setInternalValueFromOptions: function(e3) {
-        var t2 = this;
-        Array.isArray(e3) ? this.$data._value = e3.map(function(e4) {
-          return t2.findOptionFromReducedValue(e4);
-        }) : this.$data._value = this.findOptionFromReducedValue(e3);
-      }, select: function(e3) {
-        this.$emit("option:selecting", e3), this.isOptionSelected(e3) ? this.deselectFromDropdown && (this.clearable || this.multiple && this.selectedValue.length > 1) && this.deselect(e3) : (this.taggable && !this.optionExists(e3) && (this.$emit("option:created", e3), this.pushTag(e3)), this.multiple && (e3 = this.selectedValue.concat(e3)), this.updateValue(e3), this.$emit("option:selected", e3)), this.onAfterSelect(e3);
-      }, deselect: function(e3) {
-        var t2 = this;
-        this.$emit("option:deselecting", e3), this.updateValue(this.selectedValue.filter(function(o2) {
-          return !t2.optionComparator(o2, e3);
-        })), this.$emit("option:deselected", e3);
-      }, clearSelection: function() {
-        this.updateValue(this.multiple ? [] : null);
-      }, onAfterSelect: function(e3) {
-        this.closeOnSelect && (this.open = !this.open, this.searchEl.blur()), this.clearSearchOnSelect && (this.search = "");
-      }, updateValue: function(e3) {
-        var t2 = this;
-        this.modelValue === void 0 && (this.$data._value = e3), e3 !== null && (e3 = Array.isArray(e3) ? e3.map(function(e4) {
-          return t2.reduce(e4);
-        }) : this.reduce(e3)), this.$emit("update:modelValue", e3);
-      }, toggleDropdown: function(e3) {
-        var t2 = e3.target !== this.searchEl;
-        t2 && e3.preventDefault();
-        var o2 = [].concat(m()(this.deselectButtons || []), m()([this.$refs.clearButton]));
-        this.searchEl === void 0 || o2.filter(Boolean).some(function(t3) {
-          return t3.contains(e3.target) || t3 === e3.target;
-        }) ? e3.preventDefault() : this.open && t2 ? this.searchEl.blur() : this.disabled || (this.open = true, this.searchEl.focus());
-      }, isOptionSelected: function(e3) {
-        var t2 = this;
-        return this.selectedValue.some(function(o2) {
-          return t2.optionComparator(o2, e3);
-        });
-      }, isOptionDeselectable: function(e3) {
-        return this.isOptionSelected(e3) && this.deselectFromDropdown;
-      }, optionComparator: function(e3, t2) {
-        return this.getOptionKey(e3) === this.getOptionKey(t2);
-      }, findOptionFromReducedValue: function(e3) {
-        var t2 = this, o2 = [].concat(m()(this.options), m()(this.pushedTags)).filter(function(o3) {
-          return JSON.stringify(t2.reduce(o3)) === JSON.stringify(e3);
-        });
-        return o2.length === 1 ? o2[0] : o2.find(function(e4) {
-          return t2.optionComparator(e4, t2.$data._value);
-        }) || e3;
-      }, closeSearchOptions: function() {
-        this.open = false, this.$emit("search:blur");
-      }, maybeDeleteValue: function() {
-        if (!this.searchEl.value.length && this.selectedValue && this.selectedValue.length && this.clearable) {
-          var e3 = null;
-          this.multiple && (e3 = m()(this.selectedValue.slice(0, this.selectedValue.length - 1))), this.updateValue(e3);
-        }
-      }, optionExists: function(e3) {
-        var t2 = this;
-        return this.optionList.some(function(o2) {
-          return t2.optionComparator(o2, e3);
-        });
-      }, normalizeOptionForSlot: function(e3) {
-        return g()(e3) === "object" ? e3 : j()({}, this.label, e3);
-      }, pushTag: function(e3) {
-        this.pushedTags.push(e3);
-      }, onEscape: function() {
-        this.search.length ? this.search = "" : this.searchEl.blur();
-      }, onSearchBlur: function() {
-        if (!this.mousedown || this.searching) {
-          var e3 = this.clearSearchOnSelect, t2 = this.multiple;
-          return this.clearSearchOnBlur({ clearSearchOnSelect: e3, multiple: t2 }) && (this.search = ""), void this.closeSearchOptions();
-        }
-        this.mousedown = false, this.search.length !== 0 || this.options.length !== 0 || this.closeSearchOptions();
-      }, onSearchFocus: function() {
-        this.open = true, this.$emit("search:focus");
-      }, onMousedown: function() {
-        this.mousedown = true;
-      }, onMouseUp: function() {
-        this.mousedown = false;
-      }, onSearchKeyDown: function(e3) {
-        var t2 = this, o2 = function(e4) {
-          return e4.preventDefault(), !t2.isComposing && t2.typeAheadSelect();
-        }, n2 = { 8: function(e4) {
-          return t2.maybeDeleteValue();
-        }, 9: function(e4) {
-          return t2.onTab();
-        }, 27: function(e4) {
-          return t2.onEscape();
-        }, 38: function(e4) {
-          return e4.preventDefault(), t2.typeAheadUp();
-        }, 40: function(e4) {
-          return e4.preventDefault(), t2.typeAheadDown();
-        } };
-        this.selectOnKeyCodes.forEach(function(e4) {
-          return n2[e4] = o2;
-        });
-        var i2 = this.mapKeydown(n2, this);
-        if (typeof i2[e3.keyCode] == "function")
-          return i2[e3.keyCode](e3);
-      } } };
-      o(9);
-      var I = k()(R, [["render", function(e3, t2, o2, O2, m2, y2) {
-        const g2 = Object(n.resolveDirective)("append-to-body");
-        return Object(n.openBlock)(), Object(n.createElementBlock)("div", { dir: o2.dir, class: Object(n.normalizeClass)(["v-select", y2.stateClasses]) }, [Object(n.renderSlot)(e3.$slots, "header", Object(n.normalizeProps)(Object(n.guardReactiveProps)(y2.scope.header))), Object(n.createElementVNode)("div", { id: `vs${o2.uid}__combobox`, ref: "toggle", class: "vs__dropdown-toggle", role: "combobox", "aria-expanded": y2.dropdownOpen.toString(), "aria-owns": `vs${o2.uid}__listbox`, "aria-label": "Search for option", onMousedown: t2[1] || (t2[1] = (e4) => y2.toggleDropdown(e4)) }, [Object(n.createElementVNode)("div", s, [(Object(n.openBlock)(true), Object(n.createElementBlock)(n.Fragment, null, Object(n.renderList)(y2.selectedValue, (t3, i2) => Object(n.renderSlot)(e3.$slots, "selected-option-container", { option: y2.normalizeOptionForSlot(t3), deselect: y2.deselect, multiple: o2.multiple, disabled: o2.disabled }, () => [(Object(n.openBlock)(), Object(n.createElementBlock)("span", { key: o2.getOptionKey(t3), class: "vs__selected" }, [Object(n.renderSlot)(e3.$slots, "selected-option", Object(n.normalizeProps)(Object(n.guardReactiveProps)(y2.normalizeOptionForSlot(t3))), () => [Object(n.createTextVNode)(Object(n.toDisplayString)(o2.getOptionLabel(t3)), 1)]), o2.multiple ? (Object(n.openBlock)(), Object(n.createElementBlock)("button", { key: 0, ref: "deselectButtons", disabled: o2.disabled, type: "button", class: "vs__deselect", title: `Deselect ${o2.getOptionLabel(t3)}`, "aria-label": `Deselect ${o2.getOptionLabel(t3)}`, onClick: (e4) => y2.deselect(t3) }, [(Object(n.openBlock)(), Object(n.createBlock)(Object(n.resolveDynamicComponent)(y2.childComponents.Deselect)))], 8, l)) : Object(n.createCommentVNode)("", true)]))])), 256)), Object(n.renderSlot)(e3.$slots, "search", Object(n.normalizeProps)(Object(n.guardReactiveProps)(y2.scope.search)), () => [Object(n.createElementVNode)("input", Object(n.mergeProps)({ class: "vs__search" }, y2.scope.search.attributes, Object(n.toHandlers)(y2.scope.search.events)), null, 16)])], 512), Object(n.createElementVNode)("div", c, [Object(n.withDirectives)(Object(n.createElementVNode)("button", { ref: "clearButton", disabled: o2.disabled, type: "button", class: "vs__clear", title: "Clear Selected", "aria-label": "Clear Selected", onClick: t2[0] || (t2[0] = (...e4) => y2.clearSelection && y2.clearSelection(...e4)) }, [(Object(n.openBlock)(), Object(n.createBlock)(Object(n.resolveDynamicComponent)(y2.childComponents.Deselect)))], 8, a), [[n.vShow, y2.showClearButton]]), Object(n.renderSlot)(e3.$slots, "open-indicator", Object(n.normalizeProps)(Object(n.guardReactiveProps)(y2.scope.openIndicator)), () => [o2.noDrop ? Object(n.createCommentVNode)("", true) : (Object(n.openBlock)(), Object(n.createBlock)(Object(n.resolveDynamicComponent)(y2.childComponents.OpenIndicator), Object(n.normalizeProps)(Object(n.mergeProps)({ key: 0 }, y2.scope.openIndicator.attributes)), null, 16))]), Object(n.renderSlot)(e3.$slots, "spinner", Object(n.normalizeProps)(Object(n.guardReactiveProps)(y2.scope.spinner)), () => [Object(n.withDirectives)(Object(n.createElementVNode)("div", u, "Loading...", 512), [[n.vShow, e3.mutableLoading]])])], 512)], 40, r), Object(n.createVNode)(n.Transition, { name: o2.transition }, { default: Object(n.withCtx)(() => [y2.dropdownOpen ? Object(n.withDirectives)((Object(n.openBlock)(), Object(n.createElementBlock)("ul", { id: `vs${o2.uid}__listbox`, ref: "dropdownMenu", key: `vs${o2.uid}__listbox`, class: "vs__dropdown-menu", role: "listbox", tabindex: "-1", onMousedown: t2[2] || (t2[2] = Object(n.withModifiers)((...e4) => y2.onMousedown && y2.onMousedown(...e4), ["prevent"])), onMouseup: t2[3] || (t2[3] = (...e4) => y2.onMouseUp && y2.onMouseUp(...e4)) }, [Object(n.renderSlot)(e3.$slots, "list-header", Object(n.normalizeProps)(Object(n.guardReactiveProps)(y2.scope.listHeader))), (Object(n.openBlock)(true), Object(n.createElementBlock)(n.Fragment, null, Object(n.renderList)(y2.filteredOptions, (t3, i2) => (Object(n.openBlock)(), Object(n.createElementBlock)("li", { id: `vs${o2.uid}__option-${i2}`, key: o2.getOptionKey(t3), role: "option", class: Object(n.normalizeClass)(["vs__dropdown-option", { "vs__dropdown-option--deselect": y2.isOptionDeselectable(t3) && i2 === e3.typeAheadPointer, "vs__dropdown-option--selected": y2.isOptionSelected(t3), "vs__dropdown-option--highlight": i2 === e3.typeAheadPointer, "vs__dropdown-option--disabled": !o2.selectable(t3) }]), "aria-selected": i2 === e3.typeAheadPointer || null, onMouseover: (n2) => o2.selectable(t3) ? e3.typeAheadPointer = i2 : null, onClick: Object(n.withModifiers)((e4) => o2.selectable(t3) ? y2.select(t3) : null, ["prevent", "stop"]) }, [Object(n.renderSlot)(e3.$slots, "option", Object(n.normalizeProps)(Object(n.guardReactiveProps)(y2.normalizeOptionForSlot(t3))), () => [Object(n.createTextVNode)(Object(n.toDisplayString)(o2.getOptionLabel(t3)), 1)])], 42, d2))), 128)), y2.filteredOptions.length === 0 ? (Object(n.openBlock)(), Object(n.createElementBlock)("li", h2, [Object(n.renderSlot)(e3.$slots, "no-options", Object(n.normalizeProps)(Object(n.guardReactiveProps)(y2.scope.noOptions)), () => [f])])) : Object(n.createCommentVNode)("", true), Object(n.renderSlot)(e3.$slots, "list-footer", Object(n.normalizeProps)(Object(n.guardReactiveProps)(y2.scope.listFooter)))], 40, p)), [[g2]]) : (Object(n.openBlock)(), Object(n.createElementBlock)("ul", { key: 1, id: `vs${o2.uid}__listbox`, role: "listbox", style: { display: "none", visibility: "hidden" } }, null, 8, b))]), _: 3 }, 8, ["name"]), Object(n.renderSlot)(e3.$slots, "footer", Object(n.normalizeProps)(Object(n.guardReactiveProps)(y2.scope.footer)))], 10, i);
-      }]]), K = { ajax: _, pointer: S, pointerScroll: w2 };
-      o.d(t, "VueSelect", function() {
-        return I;
-      }), o.d(t, "mixins", function() {
-        return K;
-      });
-      t.default = I;
-    }]);
-  });
-})(vueSelect$1);
-var vSelect = /* @__PURE__ */ getDefaultExportFromCjs(vueSelect$1.exports);
-var vueSelect = "";
-const _hoisted_1$7 = { slot: "no-options" };
+const qmStr = {
+  capitalize(str) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+  },
+  checkContainsStr(str, subStr) {
+    str = qmStr.cleanStr(str);
+    subStr = qmStr.cleanStr(subStr);
+    return str.includes(subStr);
+  },
+  cleanStr(str) {
+    if (!str)
+      return "";
+    str = qmStr.removeWhiteSpaces(str);
+    str = qmStr.removeDiacritics(str);
+    str = str.toLowerCase();
+    return str;
+  },
+  padZeros(num, size = 2) {
+    return `000000000${num}`.substr(-size);
+  },
+  removeDiacritics(str) {
+    return str.normalize("NFD").replace(/([^n\u0300-\u036f]|n(?!\u0303(?![\u0300-\u036f])))[\u0300-\u036f]+/gi, "$1").normalize();
+  },
+  removeWhiteSpaces(str) {
+    str = str.trim();
+    str = str.replace(/\s\s+/g, " ");
+    return str;
+  },
+  reverseString(str) {
+    str = String(str);
+    const splitString = str.split("");
+    const reverseArray = splitString.reverse();
+    const joinArray = reverseArray.join("");
+    return joinArray;
+  }
+};
+const _hoisted_1$7 = {
+  class: "ck-select",
+  action: "/action_page.php",
+  method: "get"
+};
+const _hoisted_2$3 = ["placeholder"];
+const _hoisted_3$2 = { id: "ck-select__list" };
+const _hoisted_4 = ["value"];
 function render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_v_select = resolveComponent("v-select");
-  return openBlock(), createElementBlock("div", {
-    class: "ck-select",
-    style: normalizeStyle($options.computedStyle)
-  }, [
-    createElementVNode("div", null, toDisplayString($props.options), 1),
-    createVNode(_component_v_select, {
-      class: "ck-select__v-select",
-      ref: "vSelect",
-      modelValue: $options.value,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.value = $event),
-      label: $props.prop,
-      options: $props.options,
-      disabled: !!$props.disabled,
-      reduce: $options.realReduceFunction,
-      clearable: !$props.notClearable && !$options.valueIsDefault,
-      searchable: $options.realSearchable
+  const _component_ck_label = resolveComponent("ck-label");
+  return openBlock(), createElementBlock("form", _hoisted_1$7, [
+    $props.label ? (openBlock(), createBlock(_component_ck_label, {
+      key: 0,
+      align: $props.labelAlign,
+      for: "ck-select"
     }, {
       default: withCtx(() => [
-        createElementVNode("span", _hoisted_1$7, toDisplayString($props.noDataText), 1)
+        createTextVNode(toDisplayString($props.label), 1)
       ]),
       _: 1
-    }, 8, ["modelValue", "label", "options", "disabled", "reduce", "clearable", "searchable"])
-  ], 4);
+    }, 8, ["align"])) : createCommentVNode("", true),
+    createElementVNode("input", {
+      list: "ck-select__list",
+      name: "ck-select",
+      id: "ck-select",
+      placeholder: $data.lastSelectedValue,
+      class: normalizeClass($options.computedClass),
+      onFocus: _cache[0] || (_cache[0] = ($event) => $options.onFocus($event)),
+      onBlur: _cache[1] || (_cache[1] = ($event) => $options.onBlur($event))
+    }, null, 42, _hoisted_2$3),
+    createElementVNode("datalist", _hoisted_3$2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.options, (option) => {
+        return openBlock(), createElementBlock("option", {
+          value: option.name
+        }, null, 8, _hoisted_4);
+      }), 256))
+    ])
+  ]);
 }
 var ckSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$9 = {
   name: "CkSelect",
   components: {
-    vSelect
+    ckLabel
   },
   props: {
     modelValue: { default: null, type: [Boolean, Number, Object, Array] },
@@ -12808,6 +12472,12 @@ const _sfc_main$9 = {
     labelAlign: { type: String, default: "" }
   },
   emits: ["update:modelValue"],
+  data() {
+    return {
+      search: "",
+      lastSelectedValue: null
+    };
+  },
   computed: {
     value: {
       get() {
@@ -12819,6 +12489,12 @@ const _sfc_main$9 = {
         this.$emit("update:modelValue", val);
       }
     },
+    filteredOptions() {
+      return this.options.filter((option) => {
+        const name = this.getOptionName(option);
+        return qmStr.checkContainsStr(name, this.search);
+      });
+    },
     computedClass() {
       const classList2 = [];
       classList2.push(functions$1.getGroupClass(this));
@@ -12871,21 +12547,40 @@ const _sfc_main$9 = {
     }
   },
   methods: {
-    realReduceFunction(Option) {
+    onBlur(event) {
+      const isValid = this.checkOptionsIsValid(event.target.value);
+      if (!isValid)
+        event.target.value = this.lastSelectedValue;
+      this.lastSelectedValue = null;
+    },
+    onFocus(event) {
+      this.lastSelectedValue = event.target.value;
+      event.target.value = "";
+    },
+    checkOptionsIsValid(optionName) {
+      if (!optionName)
+        return;
+      return this.options.some((i) => this.getOptionName(i) === optionName);
+    },
+    getOptionKey(option) {
+      return this.realReduceFunction(option);
+    },
+    getOptionName(option) {
+      if (!this.prop)
+        return option;
+      return option[this.prop];
+    },
+    realReduceFunction(option) {
       if (this.notReduce)
-        return Option;
-      return this.reduceFunction(Option);
+        return option;
+      return this.reduceFunction(option);
     },
     setFocus() {
-      const el = this.$refs.vSelect.$el.children[0].children[0].children[1];
-      setTimeout(() => {
-        el.focus();
-      }, 100);
     }
   }
 };
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", render$a], ["__scopeId", "data-v-069e50be"]]);
-const _withScopeId = (n) => (pushScopeId("data-v-6f20f256"), n = n(), popScopeId(), n);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", render$a], ["__scopeId", "data-v-7751c2da"]]);
+const _withScopeId = (n) => (pushScopeId("data-v-2da281ed"), n = n(), popScopeId(), n);
 const _hoisted_1$6 = ["disabled"];
 const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
 const _hoisted_3$1 = {
@@ -12958,7 +12653,7 @@ const _sfc_main$8 = {
     }
   }
 };
-var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", render$9], ["__scopeId", "data-v-6f20f256"]]);
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", render$9], ["__scopeId", "data-v-2da281ed"]]);
 const _hoisted_1$5 = { class: "ck-switch-options__container-exterior" };
 const _hoisted_2$1 = ["onClick"];
 function render$8(_ctx, _cache, $props, $setup, $data, $options) {
@@ -12999,8 +12694,10 @@ const _sfc_main$7 = {
     notReduce: { type: Boolean, default: false },
     reduceFunction: { type: Function, default: (Option) => Option.id },
     label: { type: String, default: "" },
-    labelAlign: { type: String, default: "center" },
+    labelAlign: { type: String, default: "" },
     group: { type: String, default: "" },
+    groupBreak: { type: String, default: "s" },
+    groupVertical: { type: String, default: "" },
     sameWidthOptions: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "change"],
@@ -13015,10 +12712,9 @@ const _sfc_main$7 = {
       }
     },
     computedClass() {
-      return {
-        "group-top": this.group === "top",
-        "group-bottom": this.group === "bottom"
-      };
+      const classList2 = [];
+      classList2.push(functions$1.getGroupClass(this));
+      return classList2;
     },
     computedItemStyle() {
       const list = [];
@@ -13035,7 +12731,7 @@ const _sfc_main$7 = {
     }
   }
 };
-var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", render$8], ["__scopeId", "data-v-c097c88c"]]);
+var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", render$8], ["__scopeId", "data-v-2572a09c"]]);
 const _hoisted_1$4 = { class: "ck-tr" };
 function render$7(_ctx, _cache) {
   return openBlock(), createElementBlock("tr", _hoisted_1$4, [
@@ -13078,7 +12774,7 @@ const _sfc_main$5 = {
     }
   }
 };
-var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", render$6], ["__scopeId", "data-v-6841da4d"]]);
+var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", render$6], ["__scopeId", "data-v-e9943550"]]);
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_th = resolveComponent("ck-th");
   return $options.isVisible ? (openBlock(), createBlock(_component_ck_th, {