cleek 1.8.2 → 1.8.6

package/dist/cleek.es.js

@@ -4,7 +4,7 @@ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value2) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value: value2 }) : obj[key] = value2;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp.call(b, prop))
@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed, watch, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, isRef, vModelText, createVNode, Fragment, renderList, vModelRadio, vModelCheckbox } from "vue";
+import { defineComponent, computed, watch, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, isRef, unref, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, ref, vModelSelect, vModelCheckbox, vModelText } from "vue";
 var validators = {
   size: (type) => {
     return ["", "xs", "s", "m", "l", "xl"].includes(type);
@@ -34,6 +34,9 @@ var validators = {
   buttonType: (type) => {
     return ["filled", "outlined", "flat"].includes(type);
   },
+  inputType: (type) => {
+    return ["text", "number", "date", "time", "password"].includes(type);
+  },
   radioOptions: (options) => {
     let isValid = true;
     options.forEach((option) => {
@@ -106,16 +109,16 @@ function _createClass(Constructor, protoProps, staticProps) {
     _defineProperties(Constructor, staticProps);
   return Constructor;
 }
-function _defineProperty(obj, key, value2) {
+function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
-      value: value2,
+      value,
       enumerable: true,
       configurable: true,
       writable: true
     });
   } else {
-    obj[key] = value2;
+    obj[key] = value;
   }
   return obj;
 }
@@ -10877,16 +10880,16 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
 } : function(obj) {
   return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
 };
-var defineProperty = function(obj, key, value2) {
+var defineProperty = function(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
-      value: value2,
+      value,
       enumerable: true,
       configurable: true,
       writable: true
     });
   } else {
-    obj[key] = value2;
+    obj[key] = value;
   }
   return obj;
 };
@@ -10929,8 +10932,8 @@ function styleToObject(style) {
   }).reduce(function(output, pair) {
     var idx = pair.indexOf(":");
     var prop = humps.camelize(pair.slice(0, idx));
-    var value2 = pair.slice(idx + 1).trim();
-    output[prop] = value2;
+    var value = pair.slice(idx + 1).trim();
+    output[prop] = value;
     return output;
   }, {});
 }
@@ -10950,16 +10953,16 @@ function convert(abstractElement) {
     return convert(child);
   });
   var mixins = Object.keys(abstractElement.attributes || {}).reduce(function(mixins2, key) {
-    var value2 = abstractElement.attributes[key];
+    var value = abstractElement.attributes[key];
     switch (key) {
       case "class":
-        mixins2.class = classToObject(value2);
+        mixins2.class = classToObject(value);
         break;
       case "style":
-        mixins2.style = styleToObject(value2);
+        mixins2.style = styleToObject(value);
         break;
       default:
-        mixins2.attrs[key] = value2;
+        mixins2.attrs[key] = value;
     }
     return mixins2;
   }, {
@@ -10985,8 +10988,8 @@ function log() {
     (_console = console).error.apply(_console, arguments);
   }
 }
-function objectWithKey(key, value2) {
-  return Array.isArray(value2) && value2.length > 0 || !Array.isArray(value2) && value2 ? defineProperty({}, key, value2) : {};
+function objectWithKey(key, value) {
+  return Array.isArray(value) && value.length > 0 || !Array.isArray(value) && value ? defineProperty({}, key, value) : {};
 }
 function classList(props) {
   var _classes;
@@ -11034,8 +11037,8 @@ var FontAwesomeIcon = defineComponent({
     flip: {
       type: String,
       default: null,
-      validator: function validator(value2) {
-        return ["horizontal", "vertical", "both"].indexOf(value2) > -1;
+      validator: function validator(value) {
+        return ["horizontal", "vertical", "both"].indexOf(value) > -1;
       }
     },
     icon: {
@@ -11053,8 +11056,8 @@ var FontAwesomeIcon = defineComponent({
     pull: {
       type: String,
       default: null,
-      validator: function validator2(value2) {
-        return ["right", "left"].indexOf(value2) > -1;
+      validator: function validator2(value) {
+        return ["right", "left"].indexOf(value) > -1;
       }
     },
     pulse: {
@@ -11064,8 +11067,8 @@ var FontAwesomeIcon = defineComponent({
     rotation: {
       type: [String, Number],
       default: null,
-      validator: function validator3(value2) {
-        return [90, 180, 270].indexOf(Number.parseInt(value2, 10)) > -1;
+      validator: function validator3(value) {
+        return [90, 180, 270].indexOf(Number.parseInt(value, 10)) > -1;
       }
     },
     swapOpacity: {
@@ -11075,8 +11078,8 @@ var FontAwesomeIcon = defineComponent({
     size: {
       type: String,
       default: null,
-      validator: function validator4(value2) {
-        return ["lg", "xs", "sm", "1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x"].indexOf(value2) > -1;
+      validator: function validator4(value) {
+        return ["lg", "xs", "sm", "1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x"].indexOf(value) > -1;
       }
     },
     spin: {
@@ -11120,8 +11123,8 @@ var FontAwesomeIcon = defineComponent({
         title: props.title
       }));
     });
-    watch(renderedIcon, function(value2) {
-      if (!value2) {
+    watch(renderedIcon, function(value) {
+      if (!value) {
         return log("Could not find one or more icon(s)", icon$$1.value, mask.value);
       }
     }, { immediate: true });
@@ -11170,8 +11173,8 @@ defineComponent({
     position: {
       type: String,
       default: null,
-      validator: function validator5(value2) {
-        return ["bottom-left", "bottom-right", "top-left", "top-right"].indexOf(value2) > -1;
+      validator: function validator5(value) {
+        return ["bottom-left", "bottom-right", "top-left", "top-right"].indexOf(value) > -1;
       }
     }
   },
@@ -11199,7 +11202,7 @@ defineComponent({
     };
   }
 });
-function render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["ck-icon", $options.computedClass]),
@@ -11275,9 +11278,9 @@ const _sfc_main$j = {
     }
   }
 };
-var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", render$f], ["__scopeId", "data-v-77d9963a"]]);
+var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", render$e], ["__scopeId", "data-v-77d9963a"]]);
 const _hoisted_1$g = ["title", "aria-label", "disabled"];
-function render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_icon = resolveComponent("ck-icon");
   return openBlock(), createElementBlock("button", {
     type: "button",
@@ -11354,15 +11357,15 @@ const _sfc_main$i = {
     }
   }
 };
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", render$e], ["__scopeId", "data-v-dfa2f586"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", render$d], ["__scopeId", "data-v-dfa2f586"]]);
 const _withScopeId$2 = (n) => (pushScopeId("data-v-64a6608c"), n = n(), popScopeId(), n);
 const _hoisted_1$f = ["disabled", "checked"];
-const _hoisted_2$8 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
-const _hoisted_3$6 = {
+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"
 };
-function render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", mergeProps({ class: "ck-checkbox" }, $options.checkboxAttributes, {
     onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(() => {
     }, ["prevent"]), ["space"])),
@@ -11382,8 +11385,8 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
         $options.onChange($event);
       })
     }, null, 40, _hoisted_1$f),
-    _hoisted_2$8,
-    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$6, [
+    _hoisted_2$7,
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$5, [
       renderSlot(_ctx.$slots, "default", {}, void 0, true)
     ])) : createCommentVNode("", true)
   ], 16);
@@ -11422,9 +11425,9 @@ const _sfc_main$h = {
     }
   }
 };
-var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", render$d], ["__scopeId", "data-v-64a6608c"]]);
+var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", render$c], ["__scopeId", "data-v-64a6608c"]]);
 const _hoisted_1$e = ["src"];
-function render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["ck-img", $options.computedClass]),
     style: normalizeStyle($options.computedStyle),
@@ -11523,9 +11526,9 @@ const _sfc_main$g = {
     }
   }
 };
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$c], ["__scopeId", "data-v-38b603bf"]]);
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$b], ["__scopeId", "data-v-38b603bf"]]);
 const _hoisted_1$d = ["for"];
-function render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(["ck-label", $options.computedClass]),
     for: $props.for
@@ -11551,76 +11554,73 @@ const _sfc_main$f = {
     }
   }
 };
-var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", render$b], ["__scopeId", "data-v-4b8b9ab4"]]);
-var ckInputText_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$c = { class: "ck-input-text" };
-const _hoisted_2$7 = ["placeholder", "id"];
-const __default__$4 = {
+var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", render$a], ["__scopeId", "data-v-4b8b9ab4"]]);
+var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$c = { class: "ck-input" };
+const _hoisted_2$6 = ["type", "placeholder", "id", "disabled"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   props: {
-    modelValue: { type: [String, Number], default: "" },
-    placeholder: { type: String, default: "" },
-    label: { type: String, default: "" },
+    modelValue: {},
+    type: { type: String, validator: validators.inputType, default: "text" },
+    disabled: { type: Boolean, default: false },
+    placeholder: { type: String, default: void 0 },
+    label: { type: String, default: void 0 },
     labelAlign: { type: String, validator: validators.align, default: void 0 },
     icon: { type: [String, Array], default: void 0 },
     iconPack: { type: String, default: void 0 },
     iconRight: { type: String, default: void 0 },
-    group: { type: String, default: "" },
+    group: { type: String, default: void 0 },
     groupBreak: { type: String, default: "s" },
-    groupVertical: { type: String, default: "" },
+    groupVertical: { type: String, default: void 0 },
     hideBorder: { type: Boolean, default: false },
     width: { type: String, default: void 0 },
     align: { type: String, validator: validators.align, default: void 0 },
     autoSelect: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue", "change", "click"],
-  computed: {
-    value: {
+  emits: ["update:modelValue", "click", "input", "change"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const value = computed({
       get() {
-        return this.modelValue;
+        return props.modelValue;
       },
       set(val) {
-        this.$emit("update:modelValue", val);
+        emits("update:modelValue", val);
       }
-    },
-    computedStyleInput() {
+    });
+    const onClick = (event) => {
+      if (props.autoSelect)
+        event.target.select();
+      emits("click", event);
+    };
+    const onChange = (event) => {
+      emits("change", event);
+    };
+    const computedStyleInput = computed(() => {
       const list = [];
-      if (this.width)
-        list.push({ width: this.width });
+      if (props.width)
+        list.push({ width: props.width });
       return list;
-    },
-    computedClassInput() {
+    });
+    const computedClassInput = computed(() => {
       const list = [];
-      list.push(functions$1.getGroupClass(this));
-      if (this.icon)
+      list.push(functions$1.getGroupClass(props));
+      if (props.icon)
         list.push("has-icon-left");
-      if (this.iconRight)
+      if (props.iconRight)
         list.push("has-icon-right");
-      if (this.align)
-        list.push(`align--${this.align}`);
-      if (this.hideBorder)
+      if (props.align)
+        list.push(`align--${props.align}`);
+      if (props.hideBorder)
         list.push("no-border");
       return list;
-    }
-  },
-  methods: {
-    onChange(event) {
-      this.$emit("change", event);
-    },
-    onClick(event) {
-      if (this.autoSelect)
-        event.target.select();
-      this.$emit("click", event);
-    }
-  }
-};
-const _sfc_main$e = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
-  setup(__props) {
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$c, [
         __props.label ? (openBlock(), createBlock(ckLabel, {
           key: 0,
           align: __props.labelAlign,
-          for: "ck-input-text"
+          for: "ck-input"
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.label), 1)
@@ -11636,15 +11636,16 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
-          type: "text",
+          type: __props.type,
           placeholder: __props.placeholder,
-          class: normalizeClass(_ctx.computedClassInput),
-          style: normalizeStyle(_ctx.computedStyleInput),
-          id: __props.label ? "ck-input-text" : "",
-          onChange: _cache[1] || (_cache[1] = ($event) => _ctx.onChange($event)),
-          onClick: _cache[2] || (_cache[2] = ($event) => _ctx.onClick($event))
-        }, null, 46, _hoisted_2$7), [
-          [vModelText, _ctx.value]
+          class: normalizeClass(unref(computedClassInput)),
+          style: normalizeStyle(unref(computedStyleInput)),
+          id: __props.label ? "ck-input" : "",
+          disabled: __props.disabled,
+          onChange: _cache[1] || (_cache[1] = ($event) => onChange($event)),
+          onClick: _cache[2] || (_cache[2] = ($event) => onClick($event))
+        }, null, 46, _hoisted_2$6), [
+          [vModelDynamic, unref(value)]
         ]),
         __props.iconRight ? (openBlock(), createBlock(ckIcon, {
           key: 2,
@@ -11656,16 +11657,16 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       ]);
     };
   }
-}));
-var ckInputText = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-aee99f3c"]]);
+});
+var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-36850b72"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$b = {
   key: 0,
   class: "ck-popup"
 };
-const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
-const _hoisted_3$5 = { class: "ck-popup__slot-header" };
-const _hoisted_4$3 = {
+const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
+const _hoisted_3$4 = { class: "ck-popup__slot-header" };
+const _hoisted_4$2 = {
   key: 0,
   class: "ck-popup__title"
 };
@@ -11720,7 +11721,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
   setup(__props) {
     return (_ctx, _cache) => {
       return _ctx.value ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-        _hoisted_2$6,
+        _hoisted_2$5,
         createElementVNode("div", {
           class: "popup-container",
           onClick: _cache[4] || (_cache[4] = ($event) => _ctx.onBgClick())
@@ -11730,8 +11731,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             onClick: _cache[3] || (_cache[3] = withModifiers(() => {
             }, ["stop"]))
           }, [
-            createElementVNode("div", _hoisted_3$5, [
-              __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_3$4, [
+              __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "header", { class: "ml-3" }),
               !__props.notCloseBtn ? (openBlock(), createBlock(ckIcon, {
                 key: 1,
@@ -11774,13 +11775,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
 }));
 const _withScopeId$1 = (n) => (pushScopeId("data-v-73a891e8"), n = n(), popScopeId(), n);
 const _hoisted_1$a = ["onKeyup"];
-const _hoisted_2$5 = ["name", "value", "disabled"];
-const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
-const _hoisted_4$2 = {
+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"
 };
-function render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(true), createElementBlock(Fragment, null, renderList($props.options, (item, index) => {
     return openBlock(), createElementBlock("label", mergeProps({
       key: `radio-${index}`,
@@ -11801,11 +11802,11 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
         name: $props.name,
         value: item.value,
         disabled: $props.disabled
-      }, null, 8, _hoisted_2$5), [
+      }, null, 8, _hoisted_2$4), [
         [vModelRadio, $options.value]
       ]),
-      _hoisted_3$4,
-      item.label ? (openBlock(), createElementBlock("span", _hoisted_4$2, 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$a);
   }), 128);
 }
@@ -11836,13 +11837,13 @@ const _sfc_main$c = {
     }
   },
   methods: {
-    handleChange(value2) {
-      this.value = value2;
-      this.$emit("change", value2);
+    handleChange(value) {
+      this.value = value;
+      this.$emit("change", value);
     }
   }
 };
-var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", render$a], ["__scopeId", "data-v-73a891e8"]]);
+var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", render$9], ["__scopeId", "data-v-73a891e8"]]);
 const qmStr = {
   capitalize(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
@@ -11879,51 +11880,9 @@ const qmStr = {
     return joinArray;
   }
 };
-const _hoisted_1$9 = {
-  class: "ck-select",
-  action: "/action_page.php",
-  method: "get"
-};
-const _hoisted_2$4 = ["placeholder"];
-const _hoisted_3$3 = { id: "ck-select__list" };
-const _hoisted_4$1 = ["value"];
-function render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ck_label = resolveComponent("ck-label");
-  return openBlock(), createElementBlock("form", _hoisted_1$9, [
-    $props.label ? (openBlock(), createBlock(_component_ck_label, {
-      key: 0,
-      align: $props.labelAlign,
-      for: "ck-select"
-    }, {
-      default: withCtx(() => [
-        createTextVNode(toDisplayString($props.label), 1)
-      ]),
-      _: 1
-    }, 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$4),
-    createElementVNode("datalist", _hoisted_3$3, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList($props.options, (option) => {
-        return openBlock(), createElementBlock("option", {
-          value: option.name
-        }, null, 8, _hoisted_4$1);
-      }), 256))
-    ])
-  ]);
-}
 var ckSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$b = {
-  name: "CkSelect",
-  components: {
-    ckLabel
-  },
+const _hoisted_1$9 = ["value"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { default: null, type: [Boolean, Number, Object, Array] },
     prop: { type: String, default: "name" },
@@ -11945,115 +11904,114 @@ const _sfc_main$b = {
     label: { type: String, default: "" },
     labelAlign: { type: String, default: "" }
   },
-  emits: ["update:modelValue"],
-  data() {
-    return {
-      search: "",
-      lastSelectedValue: null
-    };
-  },
-  computed: {
-    value: {
+  emits: ["update:modelValue", "click", "change"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const search = ref("");
+    ref(null);
+    const value = computed({
       get() {
-        return this.modelValue;
+        return props.modelValue;
       },
       set(val) {
         if (val === null)
-          val = this.realClearValue;
-        this.$emit("update:modelValue", val);
+          val = realClearValue;
+        emits("update:modelValue", val);
       }
-    },
-    filteredOptions() {
-      return this.options.filter((option) => {
-        const name = this.getOptionName(option);
-        return qmStr.checkContainsStr(name, this.search);
+    });
+    const filteredOptions = computed(() => {
+      const list = props.options.filter((option) => {
+        const name = getOptionName(option);
+        return qmStr.checkContainsStr(name, search.value);
       });
-    },
-    computedClass() {
+      return list;
+    });
+    const computedClass = computed(() => {
       const classList2 = [];
-      classList2.push(functions$1.getGroupClass(this));
+      classList2.push(functions$1.getGroupClass(props));
       return classList2;
-    },
-    computedStyle() {
+    });
+    const computedStyle = computed(() => {
       const list = [];
-      if (this.minWidth)
-        list.push({ "min-width": this.minWidth });
+      if (props.minWidth)
+        list.push({ "min-width": props.minWidth });
       return list;
-    },
-    realSearchable() {
-      if (this.searchable === "auto") {
-        if (this.options.length < 5)
+    });
+    computed(() => {
+      if (props.searchable === "auto") {
+        if (props.options.length < 5)
           return false;
         return true;
       }
-      return this.searchable;
-    },
-    realClearValue() {
-      switch (typeof this.modelValue) {
+      return props.searchable;
+    });
+    const realClearValue = computed(() => {
+      switch (typeof props.modelValue) {
         case "number":
           return 0;
         case "string":
           return "";
         case "object":
-          if (this.modelValue.constructor === Array)
+          if (props.modelValue.constructor === Array)
             return [];
           return {};
         default:
           return null;
       }
-    },
-    valueIsDefault() {
-      switch (typeof this.modelValue) {
+    });
+    computed(() => {
+      switch (typeof props.modelValue) {
         case "number":
-          return this.modelValue === 0;
+          return props.modelValue === 0;
         case "string":
-          return this.modelValue === "";
+          return props.modelValue === "";
         case "object":
-          if (!this.modelValue)
+          if (!props.modelValue)
             return null;
-          if (this.modelValue.constructor === Array) {
-            return this.modelValue.length() === 0;
+          if (props.modelValue.constructor === Array) {
+            return props.modelValue.length() === 0;
           }
-          return Object.keys(this.modelValue).length === 0;
+          return Object.keys(props.modelValue).length === 0;
         default:
-          return this.modelValue === null;
+          return props.modelValue === null;
       }
-    }
-  },
-  methods: {
-    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)
+    });
+    const getOptionKey = (option) => {
+      return realReduceFunction(option);
+    };
+    const getOptionName = (option) => {
+      if (!props.prop)
         return option;
-      return option[this.prop];
-    },
-    realReduceFunction(option) {
-      if (this.notReduce)
+      return option[props.prop];
+    };
+    const realReduceFunction = (option) => {
+      if (props.notReduce)
         return option;
-      return this.reduceFunction(option);
-    },
-    setFocus() {
-    }
+      return props.reduceFunction(option);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "ck-select",
+        style: normalizeStyle(unref(computedStyle))
+      }, [
+        withDirectives(createElementVNode("select", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
+          class: normalizeClass(unref(computedClass))
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredOptions), (option) => {
+            return openBlock(), createElementBlock("option", {
+              value: getOptionKey(option),
+              key: option
+            }, toDisplayString(getOptionName(option)), 9, _hoisted_1$9);
+          }), 128))
+        ], 2), [
+          [vModelSelect, unref(value)]
+        ])
+      ], 4);
+    };
   }
-};
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", render$9], ["__scopeId", "data-v-76421759"]]);
+});
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-02ca0bce"]]);
 const _withScopeId = (n) => (pushScopeId("data-v-5251135b"), n = n(), popScopeId(), n);
 const _hoisted_1$8 = ["disabled"];
 const _hoisted_2$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
@@ -12307,10 +12265,10 @@ const __default__$2 = {
     itemsPerPageEnd() {
       console.log("this.currentPage", this.currentPage);
       console.log("this.itemsPerPage", this.itemsPerPage);
-      const value2 = this.currentPage * this.itemsPerPage;
-      if (value2 > this.listLength)
+      const value = this.currentPage * this.itemsPerPage;
+      if (value > this.listLength)
         return this.listLength;
-      return value2;
+      return value;
     }
   }
 };
@@ -12328,7 +12286,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           key: 1,
           class: normalizeClass(["items-per-page", { "ck-component__group--left": !_ctx.hideSearch }])
         }, toDisplayString(_ctx.itemsPerPageStart) + " - " + toDisplayString(_ctx.itemsPerPageEnd) + " de " + toDisplayString(__props.listLength), 3)) : createCommentVNode("", true),
-        !_ctx.hideSearch ? (openBlock(), createBlock(ckInputText, {
+        !_ctx.hideSearch ? (openBlock(), createBlock(ckInput, {
           key: 2,
           modelValue: _ctx.searchLocal,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(searchLocal) ? searchLocal.value = $event : null),
@@ -12341,7 +12299,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-5bc62f88"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4ce2fcee"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$3 = { class: "ck-table__pagination" };
 const _hoisted_2$1 = ["onClick"];
@@ -12441,9 +12399,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
               onClick: ($event) => _ctx.updateCurrentPage(num)
             }, toDisplayString(num), 9, _hoisted_2$1);
           }), 256)),
-          createVNode(ckInputText, {
+          createVNode(ckInput, {
             class: "ck-table__pagination-input",
             autoSelect: "",
+            type: "number",
             width: "50px",
             align: "center",
             modelValue: _ctx.currentPageLocal2,
@@ -12468,7 +12427,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1338efe2"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-3fc0d6c6"]]);
 var ckTable_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$2 = { class: "ck-table" };
 const _hoisted_2 = {
@@ -12745,11 +12704,11 @@ function applyStyles(_ref2) {
     }
     Object.assign(element.style, style);
     Object.keys(attributes).forEach(function(name2) {
-      var value2 = attributes[name2];
-      if (value2 === false) {
+      var value = attributes[name2];
+      if (value === false) {
         element.removeAttribute(name2);
       } else {
-        element.setAttribute(name2, value2 === true ? "" : value2);
+        element.setAttribute(name2, value === true ? "" : value);
       }
     });
   });
@@ -12921,11 +12880,11 @@ function getOffsetParent(element) {
 function getMainAxisFromPlacement(placement) {
   return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
 }
-function within(min$1, value2, max$1) {
-  return max(min$1, min(value2, max$1));
+function within(min$1, value, max$1) {
+  return max(min$1, min(value, max$1));
 }
-function withinMaxClamp(min2, value2, max2) {
-  var v = within(min2, value2, max2);
+function withinMaxClamp(min2, value, max2) {
+  var v = within(min2, value, max2);
   return v > max2 ? max2 : v;
 }
 function getFreshSideObject() {
@@ -12939,9 +12898,9 @@ function getFreshSideObject() {
 function mergePaddingObject(paddingObject) {
   return Object.assign({}, getFreshSideObject(), paddingObject);
 }
-function expandToHashMap(value2, keys) {
+function expandToHashMap(value, keys) {
   return keys.reduce(function(hashMap, key) {
-    hashMap[key] = value2;
+    hashMap[key] = value;
     return hashMap;
   }, {});
 }
@@ -13991,19 +13950,19 @@ var TOUCH_OPTIONS = {
 var TIPPY_DEFAULT_APPEND_TO = function TIPPY_DEFAULT_APPEND_TO2() {
   return document.body;
 };
-function getValueAtIndexOrReturn(value2, index, defaultValue) {
-  if (Array.isArray(value2)) {
-    var v = value2[index];
+function getValueAtIndexOrReturn(value, index, defaultValue) {
+  if (Array.isArray(value)) {
+    var v = value[index];
     return v == null ? Array.isArray(defaultValue) ? defaultValue[index] : defaultValue : v;
   }
-  return value2;
+  return value;
 }
-function isType(value2, type) {
-  var str = {}.toString.call(value2);
+function isType(value, type) {
+  var str = {}.toString.call(value);
   return str.indexOf("[object") === 0 && str.indexOf(type + "]") > -1;
 }
-function invokeWithArgsOrReturn(value2, args) {
-  return typeof value2 === "function" ? value2.apply(void 0, args) : value2;
+function invokeWithArgsOrReturn(value, args) {
+  return typeof value === "function" ? value.apply(void 0, args) : value;
 }
 function debounce(fn2, ms) {
   if (ms === 0) {
@@ -14017,15 +13976,15 @@ function debounce(fn2, ms) {
     }, ms);
   };
 }
-function splitBySpaces(value2) {
-  return value2.split(/\s+/).filter(Boolean);
+function splitBySpaces(value) {
+  return value.split(/\s+/).filter(Boolean);
 }
-function normalizeToArray(value2) {
-  return [].concat(value2);
+function normalizeToArray(value) {
+  return [].concat(value);
 }
-function pushIfUnique(arr, value2) {
-  if (arr.indexOf(value2) === -1) {
-    arr.push(value2);
+function pushIfUnique(arr, value) {
+  if (arr.indexOf(value) === -1) {
+    arr.push(value);
   }
 }
 function unique(arr) {
@@ -14036,8 +13995,8 @@ function unique(arr) {
 function getBasePlacement(placement) {
   return placement.split("-")[0];
 }
-function arrayFrom(value2) {
-  return [].slice.call(value2);
+function arrayFrom(value) {
+  return [].slice.call(value);
 }
 function removeUndefinedProps(obj) {
   return Object.keys(obj).reduce(function(acc, key) {
@@ -14050,36 +14009,36 @@ function removeUndefinedProps(obj) {
 function div() {
   return document.createElement("div");
 }
-function isElement(value2) {
+function isElement(value) {
   return ["Element", "Fragment"].some(function(type) {
-    return isType(value2, type);
+    return isType(value, type);
   });
 }
-function isNodeList(value2) {
-  return isType(value2, "NodeList");
+function isNodeList(value) {
+  return isType(value, "NodeList");
 }
-function isMouseEvent(value2) {
-  return isType(value2, "MouseEvent");
+function isMouseEvent(value) {
+  return isType(value, "MouseEvent");
 }
-function isReferenceElement(value2) {
-  return !!(value2 && value2._tippy && value2._tippy.reference === value2);
+function isReferenceElement(value) {
+  return !!(value && value._tippy && value._tippy.reference === value);
 }
-function getArrayOfElements(value2) {
-  if (isElement(value2)) {
-    return [value2];
+function getArrayOfElements(value) {
+  if (isElement(value)) {
+    return [value];
   }
-  if (isNodeList(value2)) {
-    return arrayFrom(value2);
+  if (isNodeList(value)) {
+    return arrayFrom(value);
   }
-  if (Array.isArray(value2)) {
-    return value2;
+  if (Array.isArray(value)) {
+    return value;
   }
-  return arrayFrom(document.querySelectorAll(value2));
+  return arrayFrom(document.querySelectorAll(value));
 }
-function setTransitionDuration(els, value2) {
+function setTransitionDuration(els, value) {
   els.forEach(function(el) {
     if (el) {
-      el.style.transitionDuration = value2 + "ms";
+      el.style.transitionDuration = value + "ms";
     }
   });
 }
@@ -14293,16 +14252,16 @@ var innerHTML = function innerHTML2() {
 function dangerouslySetInnerHTML(element, html) {
   element[innerHTML()] = html;
 }
-function createArrowElement(value2) {
+function createArrowElement(value) {
   var arrow2 = div();
-  if (value2 === true) {
+  if (value === true) {
     arrow2.className = ARROW_CLASS;
   } else {
     arrow2.className = SVG_ARROW_CLASS;
-    if (isElement(value2)) {
-      arrow2.appendChild(value2);
+    if (isElement(value)) {
+      arrow2.appendChild(value);
     } else {
-      dangerouslySetInnerHTML(arrow2, value2);
+      dangerouslySetInnerHTML(arrow2, value);
     }
   }
   return arrow2;
@@ -15280,7 +15239,7 @@ var components = /* @__PURE__ */ Object.freeze({
   ckCheckbox,
   ckIcon,
   ckImg,
-  ckInputText,
+  ckInput,
   ckLabel,
   ckPopup: _sfc_main$d,
   ckRadio,
@@ -15304,4 +15263,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckIcon, ckImg, ckInputText, ckLabel, _sfc_main$d as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };
+export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckIcon, ckImg, ckInput, ckLabel, _sfc_main$d as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };