cleek 2.7.10 → 2.7.12

package/dist/cleek.es.js

@@ -81620,7 +81620,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 +81658,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 +81675,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 +81690,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 +82473,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 +82498,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")
@@ -82513,13 +82516,12 @@ const _sfc_main$u = defineComponent$2({
         computediconPack.value === "font-awesome" ? (openBlock$2(), createBlock$2(unref$3(FontAwesomeIcon), {
           key: 0,
           icon: _ctx.icon,
-          size: _ctx.size,
           rotation: _ctx.rotation,
           flip: _ctx.flip,
           spin: _ctx.spin,
           pulse: _ctx.pulse,
           fixedWidth: _ctx.fixedWidth
-        }, null, 8, ["icon", "size", "rotation", "flip", "spin", "pulse", "fixedWidth"])) : computediconPack.value === "cleek" ? (openBlock$2(), createElementBlock$2("div", {
+        }, null, 8, ["icon", "rotation", "flip", "spin", "pulse", "fixedWidth"])) : computediconPack.value === "cleek" ? (openBlock$2(), createElementBlock$2("div", {
           key: 1,
           style: normalizeStyle$2(iconMask.value),
           class: normalizeClass$2([ckIconComputedClass.value, "ck-icon__cleek"])
@@ -82528,7 +82530,7 @@ const _sfc_main$u = defineComponent$2({
     };
   }
 });
-var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-30ba25e5"]]);
+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" };
@@ -82906,8 +82908,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";
@@ -83134,7 +83136,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,
@@ -83152,7 +83154,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", {
@@ -83314,8 +83316,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"];
@@ -83430,12 +83432,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", {
@@ -83727,8 +83729,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"
 };
@@ -83783,8 +83785,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);
@@ -83794,8 +83796,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"
 };
@@ -83997,7 +83999,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())
@@ -84012,7 +84014,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,
@@ -84151,11 +84153,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"
 };
@@ -84332,7 +84334,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),
@@ -84348,7 +84350,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),
@@ -89788,11 +89790,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"
@@ -89848,7 +89850,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",
@@ -89857,7 +89859,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 }])
@@ -90165,8 +90167,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"
@@ -90243,10 +90245,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);
@@ -90256,8 +90258,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"
 };
@@ -90551,12 +90553,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);
     };
   }
@@ -90567,6 +90569,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: {
@@ -90577,7 +90584,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 }) {
@@ -90647,15 +90655,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"];