cleek 2.7.11 → 2.7.13

package/dist/cleek.es.js

@@ -1,3 +1,9 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj2, key, value) => key in obj2 ? __defProp(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
+var __publicField = (obj2, key, value) => {
+  __defNormalProp(obj2, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import { watch as watch$1, effectScope, reactive as reactive$2, computed as computed$3, pushScopeId as pushScopeId$2, popScopeId as popScopeId$2, defineComponent as defineComponent$2, nextTick as nextTick$4, openBlock as openBlock$2, createBlock as createBlock$2, createElementBlock as createElementBlock$2, normalizeClass as normalizeClass$2, renderSlot as renderSlot$2, normalizeProps as normalizeProps$1, guardReactiveProps as guardReactiveProps$2, withScopeId as withScopeId$2, resolveComponent as resolveComponent$2, normalizeStyle as normalizeStyle$2, withKeys as withKeys$2, createElementVNode, Fragment as Fragment$2, createCommentVNode as createCommentVNode$2, withCtx as withCtx$2, createVNode as createVNode$2, ref as ref$1, createApp, h as h$2, mergeProps as mergeProps$2, toDisplayString as toDisplayString$1, resolveDirective, createTextVNode as createTextVNode$2, withDirectives as withDirectives$1, unref as unref$3, onMounted as onMounted$1, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount as onBeforeUnmount$1, vModelText, vModelDynamic, renderList as renderList$1, withModifiers as withModifiers$1, Teleport as Teleport$1, watchEffect, resolveDynamicComponent as resolveDynamicComponent$1, vShow as vShow$1, vModelRadio, vModelSelect, vModelCheckbox } from "vue";
 function getDevtoolsGlobalHook$2() {
   return getTarget$2().__VUE_DEVTOOLS_GLOBAL_HOOK__;
@@ -26121,21 +26127,21 @@ const computePosition$2 = (reference, floating, options) => computePosition$3(re
   platform: platform$1,
   ...options
 });
-var __defProp = Object.defineProperty;
+var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj2, key, value) => key in obj2 ? __defProp(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
+var __defNormalProp2 = (obj2, key, value) => key in obj2 ? __defProp2(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
 var __spreadValues = (a32, b222) => {
   for (var prop in b222 || (b222 = {}))
     if (__hasOwnProp.call(b222, prop))
-      __defNormalProp(a32, prop, b222[prop]);
+      __defNormalProp2(a32, prop, b222[prop]);
   if (__getOwnPropSymbols)
     for (var prop of __getOwnPropSymbols(b222)) {
       if (__propIsEnum.call(b222, prop))
-        __defNormalProp(a32, prop, b222[prop]);
+        __defNormalProp2(a32, prop, b222[prop]);
     }
   return a32;
 };
@@ -46130,21 +46136,21 @@ const withKeys = (fn2, modifiers) => {
     }
   };
 };
-var __defProp2 = Object.defineProperty;
+var __defProp22 = Object.defineProperty;
 var __defProps2 = Object.defineProperties;
 var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;
 var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj2, key, value) => key in obj2 ? __defProp2(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
+var __defNormalProp22 = (obj2, key, value) => key in obj2 ? __defProp22(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
 var __spreadValues2 = (a32, b222) => {
   for (var prop in b222 || (b222 = {}))
     if (__hasOwnProp2.call(b222, prop))
-      __defNormalProp2(a32, prop, b222[prop]);
+      __defNormalProp22(a32, prop, b222[prop]);
   if (__getOwnPropSymbols2)
     for (var prop of __getOwnPropSymbols2(b222)) {
       if (__propIsEnum2.call(b222, prop))
-        __defNormalProp2(a32, prop, b222[prop]);
+        __defNormalProp22(a32, prop, b222[prop]);
     }
   return a32;
 };
@@ -48100,21 +48106,21 @@ const platform = {
 const computePosition = (reference, floating, options) => computePosition$1(reference, floating, __spreadValues2({
   platform
 }, options));
-var __defProp22 = Object.defineProperty;
+var __defProp222 = Object.defineProperty;
 var __defProps22 = Object.defineProperties;
 var __getOwnPropDescs22 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols22 = Object.getOwnPropertySymbols;
 var __hasOwnProp22 = Object.prototype.hasOwnProperty;
 var __propIsEnum22 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp22 = (obj2, key, value) => key in obj2 ? __defProp22(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
+var __defNormalProp222 = (obj2, key, value) => key in obj2 ? __defProp222(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
 var __spreadValues22 = (a32, b222) => {
   for (var prop in b222 || (b222 = {}))
     if (__hasOwnProp22.call(b222, prop))
-      __defNormalProp22(a32, prop, b222[prop]);
+      __defNormalProp222(a32, prop, b222[prop]);
   if (__getOwnPropSymbols22)
     for (var prop of __getOwnPropSymbols22(b222)) {
       if (__propIsEnum22.call(b222, prop))
-        __defNormalProp22(a32, prop, b222[prop]);
+        __defNormalProp222(a32, prop, b222[prop]);
     }
   return a32;
 };
@@ -81620,7 +81626,7 @@ const _hoisted_1$p = {
   key: 0,
   class: "help-text"
 };
-const _hoisted_2$e = {
+const _hoisted_2$f = {
   key: 0,
   class: "pl-1"
 };
@@ -81658,7 +81664,7 @@ const _sfc_main$y = defineComponent$2({
         onClick: _cache[0] || (_cache[0] = ($event) => emits("click", $event))
       }, [
         createTextVNode$2(toDisplayString$1(computedDate.value) + " ", 1),
-        computedTime.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_2$e, " | " + toDisplayString$1(computedTime.value), 1)) : createCommentVNode$2("", true)
+        computedTime.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_2$f, " | " + toDisplayString$1(computedTime.value), 1)) : createCommentVNode$2("", true)
       ])) : withDirectives$1((openBlock$2(), createElementBlock$2("div", {
         key: 2,
         class: "ck-datetime-shower",
@@ -81675,7 +81681,7 @@ var ckDatetimeShower = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "
 var ckTimeShower_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$5 = (n2) => (pushScopeId$2("data-v-4d15db47"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$o = { class: "ck-time-shower" };
-const _hoisted_2$d = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("span", { class: "hs-text" }, " hs ", -1));
+const _hoisted_2$e = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("span", { class: "hs-text" }, " hs ", -1));
 const _sfc_main$x = defineComponent$2({
   __name: "ck-time-shower",
   props: {
@@ -81690,7 +81696,7 @@ const _sfc_main$x = defineComponent$2({
         ], 64)) : (openBlock$2(), createElementBlock$2(Fragment$2, { key: 1 }, [
           createTextVNode$2(" | " + toDisplayString$1(unref$3(qmDate).presentTime(_ctx.time)), 1)
         ], 64)),
-        _hoisted_2$d
+        _hoisted_2$e
       ]);
     };
   }
@@ -82473,6 +82479,8 @@ const _sfc_main$u = defineComponent$2({
       if (props.color && hooks9.isColorTemplateVariable(props.color)) {
         classes.push(`ck-component__color--${props.color}`);
       }
+      if (props.size)
+        classes.push(`ck-icon__size-${props.size}`);
       return classes;
     });
     const computedStyle = computed$3(() => {
@@ -82496,6 +82504,7 @@ const _sfc_main$u = defineComponent$2({
       } else if (props.color && hooks9.isColorTemplateVariable(props.color)) {
         classes.push(`ck-component__color-background--${props.color}`);
       }
+      console.log("TAMA\xD1O", props.icon, props.size);
       if (props.size)
         classes.push(`ck-icon__cleek-small`);
       if (props.size === "m")
@@ -82527,7 +82536,7 @@ const _sfc_main$u = defineComponent$2({
     };
   }
 });
-var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-a658a7e0"]]);
+var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-0dd0559c"]]);
 var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$t = {};
 const _hoisted_1$m = { class: "ck-tr" };
@@ -82905,8 +82914,8 @@ const _sfc_main$o = defineComponent$2({
 var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-3eb67ac4"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$i = { class: "ck-input__content" };
-const _hoisted_2$c = ["autocomplete", "placeholder", "disabled"];
-const _hoisted_3$a = ["autocomplete", "type", "placeholder", "disabled"];
+const _hoisted_2$d = ["autocomplete", "placeholder", "disabled"];
+const _hoisted_3$b = ["autocomplete", "type", "placeholder", "disabled"];
 const defaultType = "text";
 const plusMinusButtonsDefaultWithInput = "120px";
 const plusMinusButtonsDefaultAlign = "center";
@@ -83133,7 +83142,7 @@ const _sfc_main$n = defineComponent$2({
             onClick: _cache[4] || (_cache[4] = ($event) => onClick($event)),
             onFocus: _cache[5] || (_cache[5] = ($event) => emits("focus", $event)),
             onBlur: _cache[6] || (_cache[6] = ($event) => emits("blur", $event))
-          }, null, 46, _hoisted_2$c)), [
+          }, null, 46, _hoisted_2$d)), [
             [vModelText, value.value]
           ]) : withDirectives$1((openBlock$2(), createElementBlock$2("input", {
             key: 3,
@@ -83151,7 +83160,7 @@ const _sfc_main$n = defineComponent$2({
             onClick: _cache[10] || (_cache[10] = ($event) => onClick($event)),
             onFocus: _cache[11] || (_cache[11] = ($event) => emits("focus", $event)),
             onBlur: _cache[12] || (_cache[12] = ($event) => emits("blur", $event))
-          }, null, 46, _hoisted_3$a)), [
+          }, null, 46, _hoisted_3$b)), [
             [vModelDynamic, value.value]
           ]),
           _ctx.type === "password" ? (openBlock$2(), createElementBlock$2("div", {
@@ -83313,8 +83322,8 @@ var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$4 = (n2) => (pushScopeId$2("data-v-27c654d0"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$h = { class: "ck-table__pagination" };
-const _hoisted_2$b = { class: "ck-table__pagination--numbers-container" };
-const _hoisted_3$9 = ["onClick"];
+const _hoisted_2$c = { class: "ck-table__pagination--numbers-container" };
+const _hoisted_3$a = ["onClick"];
 const _hoisted_4$7 = { class: "ck-table__pagination-input-container" };
 const _hoisted_5$3 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-table__pagination--input-pointer" }, null, -1));
 const _hoisted_6$2 = ["onClick"];
@@ -83429,12 +83438,12 @@ const _sfc_main$l = defineComponent$2({
               icon: hasArrowLeft.value ? "angle-left" : "grip-lines-vertical"
             }, null, 8, ["icon"])
           ], 2),
-          createElementVNode("div", _hoisted_2$b, [
+          createElementVNode("div", _hoisted_2$c, [
             (openBlock$2(true), createElementBlock$2(Fragment$2, null, renderList$1(listLeft.value, (num) => {
               return openBlock$2(), createElementBlock$2("div", {
                 class: "ck-table__pagination-item--left",
                 onClick: ($event) => currentPageLocal.value = num
-              }, toDisplayString$1(num), 9, _hoisted_3$9);
+              }, toDisplayString$1(num), 9, _hoisted_3$a);
             }), 256)),
             createElementVNode("div", _hoisted_4$7, [
               withDirectives$1(createElementVNode("input", {
@@ -83726,8 +83735,8 @@ const computed = (getterOrOptions, debugOptions) => {
 var ckCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$3 = (n2) => (pushScopeId$2("data-v-1fffee96"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$g = ["disabled", "checked"];
-const _hoisted_2$a = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
-const _hoisted_3$8 = {
+const _hoisted_2$b = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
+const _hoisted_3$9 = {
   key: 0,
   class: "c-Checkbox__label"
 };
@@ -83782,8 +83791,8 @@ const _sfc_main$k = defineComponent$2({
             onChange2($event);
           })
         }, null, 40, _hoisted_1$g),
-        _hoisted_2$a,
-        _ctx.$slots.default ? (openBlock$2(), createElementBlock$2("span", _hoisted_3$8, [
+        _hoisted_2$b,
+        _ctx.$slots.default ? (openBlock$2(), createElementBlock$2("span", _hoisted_3$9, [
           renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode$2("", true)
       ], 16);
@@ -83793,8 +83802,8 @@ const _sfc_main$k = defineComponent$2({
 var CkCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-1fffee96"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$f = { class: "ck-popup" };
-const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
-const _hoisted_3$7 = {
+const _hoisted_2$a = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
+const _hoisted_3$8 = {
   key: 0,
   class: "ck-popup__title"
 };
@@ -83996,7 +84005,7 @@ const _sfc_main$j = defineComponent$2({
         to: "body"
       }, [
         createElementVNode("div", _hoisted_1$f, [
-          _hoisted_2$9,
+          _hoisted_2$a,
           createElementVNode("div", {
             class: "popup-container",
             onMousedown: _cache[4] || (_cache[4] = ($event) => onBgClick())
@@ -84011,7 +84020,7 @@ const _sfc_main$j = defineComponent$2({
                 class: normalizeClass$2(["ck-popup__slot-header", computedClassHeader.value]),
                 style: normalizeStyle$2(computedStyleHeader.value)
               }, [
-                _ctx.title ? (openBlock$2(), createElementBlock$2("h3", _hoisted_3$7, toDisplayString$1(_ctx.title), 1)) : createCommentVNode$2("", true),
+                _ctx.title ? (openBlock$2(), createElementBlock$2("h3", _hoisted_3$8, toDisplayString$1(_ctx.title), 1)) : createCommentVNode$2("", true),
                 renderSlot$2(_ctx.$slots, "header"),
                 isCloseBtnVisible.value ? (openBlock$2(), createBlock$2(CkIcon, {
                   key: 1,
@@ -84150,11 +84159,11 @@ var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId"
 var ckTable_vue_vue_type_style_index_0_lang = "";
 var ckTable_vue_vue_type_style_index_1_scoped_true_lang = "";
 const _hoisted_1$d = { class: "ck-table" };
-const _hoisted_2$8 = {
+const _hoisted_2$9 = {
   key: 0,
   class: "ck-table__header"
 };
-const _hoisted_3$6 = {
+const _hoisted_3$7 = {
   key: 0,
   class: "ck-table__header--slot"
 };
@@ -84331,7 +84340,7 @@ const _sfc_main$h = defineComponent$2({
           columns: _ctx.columns || []
         }, null, 8, ["modelValue", "isLoading", "columnsArray", "columns"])) : createCommentVNode$2("", true),
         createElementVNode("div", _hoisted_1$d, [
-          _ctx.$slots.header || !_ctx.hideHeaderActions ? (openBlock$2(), createElementBlock$2("div", _hoisted_2$8, [
+          _ctx.$slots.header || !_ctx.hideHeaderActions ? (openBlock$2(), createElementBlock$2("div", _hoisted_2$9, [
             createVNode$2(TableHeaderItems, {
               search: searchLocal.value,
               "onUpdate:search": _cache[1] || (_cache[1] = ($event) => searchLocal.value = $event),
@@ -84347,7 +84356,7 @@ const _sfc_main$h = defineComponent$2({
               onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
               onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
             }, null, 8, ["search", "hideHeaderActions", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage", "layout", "version"]),
-            _ctx.$slots.header ? (openBlock$2(), createElementBlock$2("div", _hoisted_3$6, [
+            _ctx.$slots.header ? (openBlock$2(), createElementBlock$2("div", _hoisted_3$7, [
               renderSlot$2(_ctx.$slots, "header", {}, void 0, true)
             ])) : createCommentVNode$2("", true)
           ])) : createCommentVNode$2("", true),
@@ -89787,11 +89796,11 @@ const _hoisted_1$b = {
   key: 0,
   class: "ck-card__header"
 };
-const _hoisted_2$7 = {
+const _hoisted_2$8 = {
   key: 0,
   class: "ck-card__header-title"
 };
-const _hoisted_3$5 = { class: "ck-card__body" };
+const _hoisted_3$6 = { class: "ck-card__body" };
 const _hoisted_4$4 = {
   key: 0,
   class: "ck-card__header-subtitle"
@@ -89847,7 +89856,7 @@ const _sfc_main$d = defineComponent$2({
         class: normalizeClass$2(["ck-card", computedClass.value])
       }, [
         _ctx.title || !computedHideCloseBtn.value ? (openBlock$2(), createElementBlock$2("div", _hoisted_1$b, [
-          _ctx.title ? (openBlock$2(), createElementBlock$2("div", _hoisted_2$7, toDisplayString$1(_ctx.title), 1)) : createCommentVNode$2("", true),
+          _ctx.title ? (openBlock$2(), createElementBlock$2("div", _hoisted_2$8, toDisplayString$1(_ctx.title), 1)) : createCommentVNode$2("", true),
           !computedHideCloseBtn.value ? (openBlock$2(), createElementBlock$2("div", {
             key: 1,
             class: "ck-card__close-btn",
@@ -89856,7 +89865,7 @@ const _sfc_main$d = defineComponent$2({
             createVNode$2(_component_ck_icon, { icon: "times" })
           ])) : createCommentVNode$2("", true)
         ])) : createCommentVNode$2("", true),
-        createElementVNode("div", _hoisted_3$5, [
+        createElementVNode("div", _hoisted_3$6, [
           _ctx.subtitle ? (openBlock$2(), createElementBlock$2("div", _hoisted_4$4, toDisplayString$1(_ctx.subtitle), 1)) : createCommentVNode$2("", true),
           createElementVNode("div", {
             class: normalizeClass$2(["ck-card__content", { "content-block": _ctx.block }])
@@ -90164,8 +90173,8 @@ var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-24eb
 var ckRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$2 = (n2) => (pushScopeId$2("data-v-494ed67e"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$8 = ["onKeyup"];
-const _hoisted_2$6 = ["name", "value", "disabled"];
-const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
+const _hoisted_2$7 = ["name", "value", "disabled"];
+const _hoisted_3$5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
 const _hoisted_4$3 = {
   key: 0,
   class: "c-Radio__label"
@@ -90242,10 +90251,10 @@ const _sfc_main$8 = defineComponent$2({
             name: _ctx.name,
             value: option.value,
             disabled: _ctx.disabled
-          }, null, 8, _hoisted_2$6), [
+          }, null, 8, _hoisted_2$7), [
             [vModelRadio, value.value]
           ]),
-          _hoisted_3$4,
+          _hoisted_3$5,
           option.label ? (openBlock$2(), createElementBlock$2("span", _hoisted_4$3, toDisplayString$1(option.label), 1)) : createCommentVNode$2("", true)
         ], 16, _hoisted_1$8);
       }), 128);
@@ -90255,8 +90264,8 @@ const _sfc_main$8 = defineComponent$2({
 var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-494ed67e"]]);
 var ckSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$7 = ["disabled"];
-const _hoisted_2$5 = ["value"];
-const _hoisted_3$3 = {
+const _hoisted_2$6 = ["value"];
+const _hoisted_3$4 = {
   key: 4,
   class: "ck-select--placeholder"
 };
@@ -90550,12 +90559,12 @@ const _sfc_main$7 = defineComponent$2({
               value: getOptionValue(option),
               key: option,
               style: normalizeStyle$2(computedStyleOption.value)
-            }, toDisplayString$1(getOptionName(option)), 13, _hoisted_2$5);
+            }, toDisplayString$1(getOptionName(option)), 13, _hoisted_2$6);
           }), 128))
         ], 14, _hoisted_1$7), [
           [vModelSelect, value.value]
         ]),
-        isEmptyOptionsMsgVisible.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_3$3, toDisplayString$1(_ctx.emptyOptionsMsg), 1)) : isPlaceholderVisible.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_4$2, toDisplayString$1(_ctx.placeholder), 1)) : createCommentVNode$2("", true)
+        isEmptyOptionsMsgVisible.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_3$4, toDisplayString$1(_ctx.emptyOptionsMsg), 1)) : isPlaceholderVisible.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_4$2, toDisplayString$1(_ctx.placeholder), 1)) : createCommentVNode$2("", true)
       ], 6);
     };
   }
@@ -90566,6 +90575,11 @@ const _hoisted_1$6 = {
   key: 0,
   class: "sidebar-header-title"
 };
+const _hoisted_2$5 = {
+  key: 1,
+  class: "loader-container"
+};
+const _hoisted_3$3 = { key: 2 };
 const _sfc_main$6 = defineComponent$2({
   __name: "ck-sidebar",
   props: {
@@ -90576,7 +90590,8 @@ const _sfc_main$6 = defineComponent$2({
     headerColor: {},
     headerAlign: { type: Boolean },
     closeBtnAlign: {},
-    notCloseBtn: { type: Boolean }
+    notCloseBtn: { type: Boolean },
+    isLoading: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: emits }) {
@@ -90646,15 +90661,22 @@ const _sfc_main$6 = defineComponent$2({
               icon: "times"
             })
           ], 6)) : createCommentVNode$2("", true),
-          createElementVNode("div", null, [
+          _ctx.isLoading ? (openBlock$2(), createElementBlock$2("div", _hoisted_2$5, [
+            createVNode$2(_component_ck_icon, {
+              icon: "spinner",
+              size: "xxl",
+              spin: "",
+              color: "primary"
+            })
+          ])) : (openBlock$2(), createElementBlock$2("div", _hoisted_3$3, [
             renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
-          ])
+          ]))
         ], 6)
       ])) : createCommentVNode$2("", true);
     };
   }
 });
-var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-267183f0"]]);
+var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-42bd9396"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$1 = (n2) => (pushScopeId$2("data-v-7400e90e"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$5 = ["disabled"];
@@ -91258,8 +91280,20 @@ var ckNotify = {
     this.notify({ text: text2, title, color: "warning", duration });
   }
 };
+class TableData {
+  constructor(itemsPerPage) {
+    __publicField(this, "search", "");
+    __publicField(this, "currentPage", 1);
+    __publicField(this, "listLength", 0);
+    __publicField(this, "itemsPerPage", 20);
+    if (itemsPerPage) {
+      this.itemsPerPage = itemsPerPage;
+    }
+  }
+}
 var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  TableData,
   CkDatetimeShower: ckDatetimeShower,
   CkTimeShower: ckTimeShower,
   CkDropdown: ckDropdown,
@@ -91335,4 +91369,4 @@ const install3 = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { CkButton, ckCard as CkCard, CkCheckbox, ckChip as CkChip, ckCircle as CkCircle, ckDatetimeShower as CkDatetimeShower, _sfc_main$a as CkDiv, ckDropdown as CkDropdown, CkIcon, ckImg as CkImg, CkInput, ckInputDate as CkInputDate, _sfc_main$e as CkInputTime, CkLabel, ckNavbar as CkNavbar, _sfc_main$g as CkPagination, _sfc_main$j as CkPopup, ckRadio as CkRadio, ckSelect as CkSelect, ckSidebar as CkSidebar, ckSwitch as CkSwitch, ckSwitchOptions as CkSwitchOptions, ckTable as CkTable, CkTd, ckTextarea as CkTextarea, CkTh, ckTimeShower as CkTimeShower, CkTr, ckNotify, install3 as default, useWindowWidth };
+export { CkButton, ckCard as CkCard, CkCheckbox, ckChip as CkChip, ckCircle as CkCircle, ckDatetimeShower as CkDatetimeShower, _sfc_main$a as CkDiv, ckDropdown as CkDropdown, CkIcon, ckImg as CkImg, CkInput, ckInputDate as CkInputDate, _sfc_main$e as CkInputTime, CkLabel, ckNavbar as CkNavbar, _sfc_main$g as CkPagination, _sfc_main$j as CkPopup, ckRadio as CkRadio, ckSelect as CkSelect, ckSidebar as CkSidebar, ckSwitch as CkSwitch, ckSwitchOptions as CkSwitchOptions, ckTable as CkTable, CkTd, ckTextarea as CkTextarea, CkTh, ckTimeShower as CkTimeShower, CkTr, TableData, ckNotify, install3 as default, useWindowWidth };