cleek 2.6.91 → 2.6.93

package/dist/cleek.es.js

@@ -1,4 +1,4 @@
-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, onMounted as onMounted$1, getCurrentInstance as getCurrentInstance$1, unref as unref$3, 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";
+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__;
 }
@@ -3527,6 +3527,10 @@ const xt$1 = {
 };
 const cleekOptions = {
   lang: "en",
+  darkMode: false,
+  darkModeColorText: "#ccc",
+  darkModeColorBackground: "#23282E",
+  darkModeColorItems: "#1E2126",
   colors: {
     primary: "#559933",
     secondary: "#559933"
@@ -3548,6 +3552,7 @@ const cleekOptions = {
   popup: {
     textColor: "",
     headerAlign: "",
+    backgroundColor: "",
     headerColor: "",
     acceptBtnType: "",
     cancelBtnType: "",
@@ -5313,7 +5318,7 @@ function resolveIcons$2(next) {
     }));
   };
 }
-var render$5 = function render(iconDefinition) {
+var render = function render2(iconDefinition) {
   var params = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   var _params$transform = params.transform, transform = _params$transform === void 0 ? meaninglessTransform$2 : _params$transform, _params$symbol = params.symbol, symbol = _params$symbol === void 0 ? false : _params$symbol, _params$mask = params.mask, mask = _params$mask === void 0 ? null : _params$mask, _params$maskId = params.maskId, maskId = _params$maskId === void 0 ? null : _params$maskId, _params$title = params.title, title = _params$title === void 0 ? null : _params$title, _params$titleId = params.titleId, titleId = _params$titleId === void 0 ? null : _params$titleId, _params$classes = params.classes, classes = _params$classes === void 0 ? [] : _params$classes, _params$attributes = params.attributes, attributes = _params$attributes === void 0 ? {} : _params$attributes, _params$styles = params.styles, styles2 = _params$styles === void 0 ? {} : _params$styles;
   if (!iconDefinition)
@@ -5362,7 +5367,7 @@ var render$5 = function render(iconDefinition) {
 var ReplaceElements$2 = {
   mixout: function mixout2() {
     return {
-      icon: resolveIcons$2(render$5)
+      icon: resolveIcons$2(render)
     };
   },
   hooks: function hooks2() {
@@ -27361,10 +27366,10 @@ const _hoisted_2$1$2 = {
   class: "v-popper__inner"
 };
 const _hoisted_3$a = /* @__PURE__ */ createBaseVNode$1("div", { class: "v-popper__arrow-outer" }, null, -1);
-const _hoisted_4$8$1 = /* @__PURE__ */ createBaseVNode$1("div", { class: "v-popper__arrow-inner" }, null, -1);
+const _hoisted_4$8 = /* @__PURE__ */ createBaseVNode$1("div", { class: "v-popper__arrow-inner" }, null, -1);
 const _hoisted_5$5 = [
   _hoisted_3$a,
-  _hoisted_4$8$1
+  _hoisted_4$8
 ];
 function _sfc_render$2$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ResizeObserver = resolveComponent$1("ResizeObserver");
@@ -29303,7 +29308,7 @@ function resolveIcons$1(next) {
     }));
   };
 }
-var render$3 = function render2(iconDefinition) {
+var render$3 = function render3(iconDefinition) {
   var params = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   var _params$transform = params.transform, transform = _params$transform === void 0 ? meaninglessTransform$1 : _params$transform, _params$symbol = params.symbol, symbol = _params$symbol === void 0 ? false : _params$symbol, _params$mask = params.mask, mask = _params$mask === void 0 ? null : _params$mask, _params$maskId = params.maskId, maskId = _params$maskId === void 0 ? null : _params$maskId, _params$title = params.title, title = _params$title === void 0 ? null : _params$title, _params$titleId = params.titleId, titleId = _params$titleId === void 0 ? null : _params$titleId, _params$classes = params.classes, classes = _params$classes === void 0 ? [] : _params$classes, _params$attributes = params.attributes, attributes = _params$attributes === void 0 ? {} : _params$attributes, _params$styles = params.styles, styles2 = _params$styles === void 0 ? {} : _params$styles;
   if (!iconDefinition)
@@ -81607,11 +81612,11 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$n = {
+const _hoisted_1$o = {
   key: 0,
   class: "help-text"
 };
-const _hoisted_2$d = {
+const _hoisted_2$e = {
   key: 0,
   class: "pl-1"
 };
@@ -81644,13 +81649,13 @@ const _sfc_main$w = defineComponent$2({
     });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return !computedDate.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_1$n, toDisplayString$1(_ctx.noDateMsg), 1)) : _ctx.split || _ctx.date ? (openBlock$2(), createElementBlock$2("div", {
+      return !computedDate.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_1$o, toDisplayString$1(_ctx.noDateMsg), 1)) : _ctx.split || _ctx.date ? (openBlock$2(), createElementBlock$2("div", {
         key: 1,
         class: "ck-datetime-shower--split",
         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$d, "| " + toDisplayString$1(computedTime.value), 1)) : createCommentVNode$2("", true)
+        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)
       ])) : withDirectives$1((openBlock$2(), createElementBlock$2("div", {
         key: 2,
         class: "ck-datetime-shower",
@@ -81663,7 +81668,31 @@ const _sfc_main$w = defineComponent$2({
     };
   }
 });
-var ckDatetimeShower = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-ac036f98"]]);
+var ckDatetimeShower = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-4dcd4d84"]]);
+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$n = { class: "ck-time-shower" };
+const _hoisted_2$d = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("span", { class: "hs-text" }, " hs ", -1));
+const _sfc_main$v = defineComponent$2({
+  __name: "ck-time-shower",
+  props: {
+    time: {},
+    minutes: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock$2(), createElementBlock$2("span", _hoisted_1$n, [
+        _ctx.minutes ? (openBlock$2(), createElementBlock$2(Fragment$2, { key: 0 }, [
+          createTextVNode$2(toDisplayString$1(unref$3(qmDate).minToHour(_ctx.minutes)), 1)
+        ], 64)) : (openBlock$2(), createElementBlock$2(Fragment$2, { key: 1 }, [
+          createTextVNode$2(" | " + toDisplayString$1(unref$3(qmDate).presentTime(_ctx.time)), 1)
+        ], 64)),
+        _hoisted_2$d
+      ]);
+    };
+  }
+});
+var ckTimeShower = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-4d15db47"]]);
 var hooks9 = {
   getCleekOptions(getCurrentInstance2) {
     return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
@@ -81731,18 +81760,11 @@ var hooks9 = {
       return false;
     }
     return true;
-  },
-  preventUnusedError(functions2) {
-    if (Math.random() === 1) {
-      functions2.forEach((func) => {
-        console.log(func);
-      });
-    }
   }
 };
 var ckDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$m = { class: "ck-dropdown__popper-container" };
-const _sfc_main$v = defineComponent$2({
+const _sfc_main$u = defineComponent$2({
   __name: "ck-dropdown",
   props: {
     dark: { type: Boolean },
@@ -81799,9 +81821,9 @@ const _sfc_main$v = defineComponent$2({
         createElementVNode("div", _hoisted_1$m, [
           isOpen.value ? (openBlock$2(), createElementBlock$2("section", {
             key: 0,
-            class: normalizeClass$2(["ck-dropdown__popper", computedClassPopper.value]),
             ref_key: "popperRef",
-            ref: popperRef
+            ref: popperRef,
+            class: normalizeClass$2(["ck-dropdown__popper", computedClassPopper.value])
           }, [
             createElementVNode("div", {
               class: normalizeClass$2(["ck-dropdown__popper--arrow", { "ck-dropdown__popper--arrow--dark": _ctx.dark }])
@@ -81813,17 +81835,19 @@ const _sfc_main$v = defineComponent$2({
     };
   }
 });
-var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-18635e61"]]);
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-29d5acfa"]]);
 var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const defaultPosition = "fixed";
-const _sfc_main$u = defineComponent$2({
+const _sfc_main$t = defineComponent$2({
   __name: "ck-navbar",
   props: {
+    backgroundColor: {},
     padding: {},
     position: {}
   },
   setup(__props) {
     const props = __props;
+    let cleekOptions2 = ref$1();
     const computedClassContent = computed$3(() => {
       const list = [];
       if (props.padding)
@@ -81839,21 +81863,37 @@ const _sfc_main$u = defineComponent$2({
         list.push({ position });
       return list;
     });
+    const computedStyleContent = computed$3(() => {
+      var _a, _b;
+      const list = [];
+      let backgroundColor = "";
+      if ((_a = cleekOptions2.value) == null ? void 0 : _a.darkMode)
+        backgroundColor = (_b = cleekOptions2.value) == null ? void 0 : _b.darkModeColorItems;
+      if (props.backgroundColor)
+        backgroundColor = props.backgroundColor;
+      if (backgroundColor)
+        list.push({ backgroundColor });
+      return list;
+    });
+    onMounted$1(() => {
+      cleekOptions2.value = hooks9.getCleekOptions(getCurrentInstance$1);
+    });
     return (_ctx, _cache) => {
       return openBlock$2(), createElementBlock$2("div", {
         class: "ck-navbar",
         style: normalizeStyle$2(computedStyle.value)
       }, [
         createElementVNode("div", {
-          class: normalizeClass$2(["ck-navbar__content", computedClassContent.value])
+          class: normalizeClass$2(["ck-navbar__content", computedClassContent.value]),
+          style: normalizeStyle$2(computedStyleContent.value)
         }, [
           renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
-        ], 2)
+        ], 6)
       ], 4);
     };
   }
 });
-var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-66dc4f95"]]);
+var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-14db8333"]]);
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -82395,7 +82435,7 @@ defineComponent$2({
   }
 });
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$t = defineComponent$2({
+const _sfc_main$s = defineComponent$2({
   __name: "ck-icon",
   props: {
     icon: {},
@@ -82457,18 +82497,18 @@ const _sfc_main$t = defineComponent$2({
     };
   }
 });
-var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-4ea1c4ac"]]);
+var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-3fac81ed"]]);
+var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$r = {};
 const _hoisted_1$l = { class: "ck-tr" };
-function render3(_ctx, _cache) {
+function _sfc_render(_ctx, _cache) {
   return openBlock$2(), createElementBlock$2("tr", _hoisted_1$l, [
     renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$s = {};
-var CkTr = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", render3], ["__scopeId", "data-v-519cf874"]]);
+var CkTr = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render], ["__scopeId", "data-v-797c49c2"]]);
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$r = defineComponent$2({
+const _sfc_main$q = defineComponent$2({
   __name: "ck-td",
   props: {
     col: {},
@@ -82539,14 +82579,10 @@ const _sfc_main$r = defineComponent$2({
         return true;
       return hooks9.isColumnDisplayed(props.col);
     });
-    hooks9.preventUnusedError([
-      isColumnDisplayed,
-      computedStyle
-    ]);
     return (_ctx, _cache) => {
       return isColumnDisplayed.value ? (openBlock$2(), createElementBlock$2("td", {
         key: 0,
-        class: normalizeClass$2(["ck-td", computedTdClass.value])
+        class: normalizeClass$2([computedTdClass.value, "ck-td"])
       }, [
         createElementVNode("span", {
           class: normalizeClass$2(computedSpanClass.value),
@@ -82558,11 +82594,11 @@ const _sfc_main$r = defineComponent$2({
     };
   }
 });
-var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-577d1eef"]]);
+var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-90fa19a8"]]);
 var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$k = { class: "ck-th" };
 const defaultAlign$1 = "left";
-const _sfc_main$q = defineComponent$2({
+const _sfc_main$p = defineComponent$2({
   __name: "ck-th",
   props: {
     align: {},
@@ -82607,8 +82643,8 @@ const _sfc_main$q = defineComponent$2({
     };
   }
 });
-var CkTh = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-49d9cc74"]]);
-const _sfc_main$p = defineComponent$2({
+var CkTh = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-42ada082"]]);
+const _sfc_main$o = defineComponent$2({
   __name: "ck-table__title",
   props: {
     col: {},
@@ -82655,7 +82691,7 @@ const defaultButtonType = "outlined";
 const defaultColor$1 = "primary";
 const defaultBackgroundColor = "transparent";
 const defaultAlign = "left";
-const _sfc_main$o = defineComponent$2({
+const _sfc_main$n = defineComponent$2({
   __name: "ck-button",
   props: {
     title: {},
@@ -82744,11 +82780,6 @@ const _sfc_main$o = defineComponent$2({
     onMounted$1(() => {
       cleekOptions2.value = hooks9.getCleekOptions(getCurrentInstance$1);
     });
-    hooks9.preventUnusedError([
-      onClick,
-      computedStyle,
-      computedClass
-    ]);
     return (_ctx, _cache) => {
       return openBlock$2(), createElementBlock$2("button", {
         type: "button",
@@ -82782,11 +82813,11 @@ const _sfc_main$o = defineComponent$2({
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-e3648d9c"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-91767c62"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$i = ["for"];
 const defaultSize$2 = "m";
-const _sfc_main$n = defineComponent$2({
+const _sfc_main$m = defineComponent$2({
   __name: "ck-label",
   props: {
     for: {},
@@ -82807,20 +82838,20 @@ const _sfc_main$n = defineComponent$2({
     return (_ctx, _cache) => {
       return openBlock$2(), createElementBlock$2("label", {
         class: normalizeClass$2(["ck-label", computedClass.value]),
-        for: _ctx.for
+        for: props.for
       }, [
         renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
       ], 10, _hoisted_1$i);
     };
   }
 });
-var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-9b5f4b38"]]);
+var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-b85f16e0"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$h = ["autocomplete", "placeholder", "disabled"];
 const _hoisted_2$c = ["autocomplete", "type", "placeholder", "disabled"];
 const defaultType = "text";
 const defaultDelayChangeTime = 300;
-const _sfc_main$m = defineComponent$2({
+const _sfc_main$l = defineComponent$2({
   __name: "ck-input",
   props: {
     modelValue: {},
@@ -82921,7 +82952,7 @@ const _sfc_main$m = defineComponent$2({
       if (props.fontSize)
         list.push({ "font-size": props.fontSize });
       if (props.textColor)
-        list.push({ "color": props.textColor });
+        list.push({ color: props.textColor });
       const borderColor = props.borderColor || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.borderColor);
       if (borderColor && !hooks9.isColorTemplateVariable(borderColor)) {
         list.push({ "border-color": borderColor });
@@ -82953,15 +82984,6 @@ const _sfc_main$m = defineComponent$2({
         }
       }, props.delayChangeTime || defaultDelayChangeTime);
     }
-    hooks9.preventUnusedError([
-      computedStyle,
-      computedClassInput,
-      realLabelAlign,
-      defaultType,
-      onChange2,
-      onInput,
-      onClick
-    ]);
     onMounted$1(() => {
       cleekOptions2.value = hooks9.getCleekOptions(getCurrentInstance$1);
       if (props.autofocus) {
@@ -82976,15 +82998,15 @@ const _sfc_main$m = defineComponent$2({
       }, [
         _ctx.label ? (openBlock$2(), createBlock$2(CkLabel, {
           key: 0,
-          align: realLabelAlign.value,
           for: "ck-input",
-          size: _ctx.size
+          size: _ctx.size,
+          align: realLabelAlign.value
         }, {
           default: withCtx$2(() => [
             createTextVNode$2(toDisplayString$1(_ctx.label), 1)
           ]),
           _: 1
-        }, 8, ["align", "size"])) : createCommentVNode$2("", true),
+        }, 8, ["size", "align"])) : createCommentVNode$2("", true),
         _ctx.icon ? (openBlock$2(), createBlock$2(CkIcon, {
           key: 1,
           class: "ck-input__icon-left",
@@ -83049,9 +83071,9 @@ const _sfc_main$m = defineComponent$2({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-768457d6"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-7f73d878"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$l = defineComponent$2({
+const _sfc_main$k = defineComponent$2({
   __name: "ck-table__header-items",
   props: {
     search: {},
@@ -83122,10 +83144,6 @@ const _sfc_main$l = defineComponent$2({
         emits("refreshList", false);
       }, 1e3);
     }
-    hooks9.preventUnusedError([
-      searchGroupValue,
-      checkRefresh
-    ]);
     return (_ctx, _cache) => {
       return openBlock$2(), createElementBlock$2("div", {
         class: normalizeClass$2(["ck-table__header-items", computedClass.value])
@@ -83153,9 +83171,9 @@ const _sfc_main$l = defineComponent$2({
           ], 2),
           isSearchVisible.value ? (openBlock$2(), createBlock$2(CkInput, {
             key: 1,
-            class: "ck-table--search-input",
             modelValue: searchLocal.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchLocal.value = $event),
+            class: "ck-table--search-input",
             icon: "magnifying-glass",
             placeholder: "Buscar...",
             group: searchGroupValue.value,
@@ -83177,17 +83195,17 @@ const _sfc_main$l = defineComponent$2({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-5d405df7"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-4362a796"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$4 = (n2) => (pushScopeId$2("data-v-02d0ab88"), n2 = n2(), popScopeId$2(), n2);
+const _withScopeId$4 = (n2) => (pushScopeId$2("data-v-27c654d0"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$g = { class: "ck-table__pagination" };
 const _hoisted_2$b = { class: "ck-table__pagination--numbers-container" };
 const _hoisted_3$9 = ["onClick"];
-const _hoisted_4$8 = { class: "ck-table__pagination-input-container" };
+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$3 = ["onClick"];
 const itemsShowed = 5;
-const _sfc_main$k = defineComponent$2({
+const _sfc_main$j = defineComponent$2({
   __name: "ck-table__pagination",
   props: {
     currentPage: {},
@@ -83258,9 +83276,12 @@ const _sfc_main$k = defineComponent$2({
         list.push(layout);
       return list;
     });
-    watch$1(() => currentPageLocal.value, () => {
-      emits("refreshList");
-    });
+    watch$1(
+      () => currentPageLocal.value,
+      () => {
+        emits("refreshList");
+      }
+    );
     function updatePageByInput(eventTarget) {
       let newValue = +eventTarget.value;
       if (newValue > totalPages.value)
@@ -83302,11 +83323,11 @@ const _sfc_main$k = defineComponent$2({
                 onClick: ($event) => currentPageLocal.value = num
               }, toDisplayString$1(num), 9, _hoisted_3$9);
             }), 256)),
-            createElementVNode("div", _hoisted_4$8, [
+            createElementVNode("div", _hoisted_4$7, [
               withDirectives$1(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => currentPageInputValue.value = $event),
                 class: "ck-table__pagination-input",
                 type: "number",
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => currentPageInputValue.value = $event),
                 onClick: _cache[2] || (_cache[2] = ($event) => $event.target.select()),
                 onChange: _cache[3] || (_cache[3] = ($event) => updatePageByInput($event.target))
               }, null, 544), [
@@ -83334,7 +83355,7 @@ const _sfc_main$k = defineComponent$2({
     };
   }
 });
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-02d0ab88"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-27c654d0"]]);
 const NOOP = () => {
 };
 const NO = () => false;
@@ -83590,14 +83611,14 @@ const computed = (getterOrOptions, debugOptions) => {
   return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 };
 var ckCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$3 = (n2) => (pushScopeId$2("data-v-113ac83f"), n2 = n2(), popScopeId$2(), n2);
+const _withScopeId$3 = (n2) => (pushScopeId$2("data-v-1fffee96"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$f = ["disabled", "checked"];
 const _hoisted_2$a = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
 const _hoisted_3$8 = {
   key: 0,
   class: "c-Checkbox__label"
 };
-const _sfc_main$j = defineComponent$2({
+const _sfc_main$i = defineComponent$2({
   __name: "ck-checkbox",
   props: {
     modelValue: { type: Boolean },
@@ -83629,7 +83650,8 @@ const _sfc_main$j = defineComponent$2({
       value.value = !value.value;
     }
     return (_ctx, _cache) => {
-      return openBlock$2(), createElementBlock$2("label", mergeProps$2({ class: "ck-checkbox" }, unref$3(checkboxAttributes), {
+      return openBlock$2(), createElementBlock$2("label", mergeProps$2(unref$3(checkboxAttributes), {
+        class: "ck-checkbox",
         onKeydown: _cache[1] || (_cache[1] = withKeys$2(withModifiers$1(() => {
         }, ["prevent"]), ["space"])),
         onKeyup: [
@@ -83656,7 +83678,7 @@ const _sfc_main$j = defineComponent$2({
     };
   }
 });
-var CkCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-113ac83f"]]);
+var CkCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-1fffee96"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$e = { class: "ck-popup" };
 const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
@@ -83664,7 +83686,7 @@ const _hoisted_3$7 = {
   key: 0,
   class: "ck-popup__title"
 };
-const _hoisted_4$7 = { class: "ck-popup__slot-body" };
+const _hoisted_4$6 = { class: "ck-popup__slot-body" };
 const _hoisted_5$2 = {
   key: 0,
   class: "ck-popup__slot-footer"
@@ -83673,7 +83695,7 @@ const _hoisted_6$2 = {
   key: 0,
   class: "ck-popup-slot-footer__confirm-buttons"
 };
-const _sfc_main$i = defineComponent$2({
+const _sfc_main$h = defineComponent$2({
   __name: "ck-popup",
   props: {
     modelValue: { type: Boolean },
@@ -83742,14 +83764,35 @@ const _sfc_main$i = defineComponent$2({
       return list;
     });
     const computedStyleHeader = computed$3(() => {
-      var _a;
+      var _a, _b, _c, _d;
       const list = [];
-      const headerColor = props.headerColor || ((_a = cleekOptions2.value) == null ? void 0 : _a.popup.headerColor);
+      let headerColor = "";
+      if ((_a = cleekOptions2.value) == null ? void 0 : _a.popup.headerColor)
+        headerColor = (_b = cleekOptions2.value) == null ? void 0 : _b.popup.headerColor;
+      if ((_c = cleekOptions2.value) == null ? void 0 : _c.darkMode)
+        headerColor = (_d = cleekOptions2.value) == null ? void 0 : _d.darkModeColorItems;
+      if (props.headerColor)
+        headerColor = props.headerColor;
       if (headerColor && !hooks9.isColorTemplateVariable(headerColor)) {
         list.push({ backgroundColor: headerColor });
       }
       return list;
     });
+    computed$3(() => {
+      var _a, _b, _c, _d;
+      const list = [];
+      let backgroundColor = "";
+      if ((_a = cleekOptions2.value) == null ? void 0 : _a.popup.backgroundColor)
+        backgroundColor = (_b = cleekOptions2.value) == null ? void 0 : _b.popup.headerColor;
+      if ((_c = cleekOptions2.value) == null ? void 0 : _c.darkMode)
+        backgroundColor = (_d = cleekOptions2.value) == null ? void 0 : _d.darkModeColorItems;
+      if (props.headerColor)
+        backgroundColor = props.headerColor;
+      if (backgroundColor && !hooks9.isColorTemplateVariable(backgroundColor)) {
+        list.push({ backgroundColor });
+      }
+      return list;
+    });
     const computedClassHeader = computed$3(() => {
       var _a, _b;
       const list = [];
@@ -83832,9 +83875,9 @@ const _sfc_main$i = defineComponent$2({
           }, [
             createElementVNode("div", {
               class: normalizeClass$2(["ck-popup__content", computedClassContent.value]),
+              style: normalizeStyle$2(computedStyleContent.value),
               onMousedown: _cache[3] || (_cache[3] = withModifiers$1(() => {
-              }, ["stop"])),
-              style: normalizeStyle$2(computedStyleContent.value)
+              }, ["stop"]))
             }, [
               createElementVNode("div", {
                 class: normalizeClass$2(["ck-popup__slot-header", computedClassHeader.value]),
@@ -83849,7 +83892,7 @@ const _sfc_main$i = defineComponent$2({
                   onClick: _cache[0] || (_cache[0] = ($event) => isActive.value = false)
                 })) : createCommentVNode$2("", true)
               ], 6),
-              createElementVNode("div", _hoisted_4$7, [
+              createElementVNode("div", _hoisted_4$6, [
                 renderSlot$2(_ctx.$slots, "default")
               ]),
               _ctx.$slots.footer || _ctx.confirmButtons || _ctx.acceptButton || _ctx.cancelButton ? (openBlock$2(), createElementBlock$2("div", _hoisted_5$2, [
@@ -83889,7 +83932,7 @@ const _sfc_main$i = defineComponent$2({
 });
 var ckTable__columnsManager_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$d = { class: "columns-manger-container" };
-const _sfc_main$h = defineComponent$2({
+defineComponent$2({
   __name: "ck-table__columns-manager",
   props: {
     modelValue: { type: Boolean },
@@ -83909,11 +83952,22 @@ const _sfc_main$h = defineComponent$2({
         emits("update:modelValue", val);
       }
     });
-    watch$1(() => isActive.value, (val) => {
-      if (!val)
-        return;
-      setColumnsCheckable();
-    });
+    watch$1(
+      () => isActive.value,
+      (val) => {
+        if (!val)
+          return;
+        setColumnsCheckable();
+      }
+    );
+    watch$1(
+      () => isActive.value,
+      (val) => {
+        if (!val)
+          return;
+        setColumnsCheckable();
+      }
+    );
     function setColumnsCheckable() {
       const list = [];
       (props.columnsArray || []).forEach((col) => {
@@ -83931,7 +83985,7 @@ const _sfc_main$h = defineComponent$2({
       props.columns[colName].isDisplayed = value;
     }
     return (_ctx, _cache) => {
-      return openBlock$2(), createBlock$2(_sfc_main$i, {
+      return openBlock$2(), createBlock$2(_sfc_main$h, {
         modelValue: isActive.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isActive.value = $event),
         title: "Administrador de columnas"
@@ -83962,7 +84016,6 @@ const _sfc_main$h = defineComponent$2({
     };
   }
 });
-var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-1e76a35c"]]);
 var ckTable_vue_vue_type_style_index_0_lang = "";
 var ckTable_vue_vue_type_style_index_1_scoped_true_lang = "";
 const _hoisted_1$c = { class: "ck-table" };
@@ -83974,7 +84027,7 @@ const _hoisted_3$6 = {
   key: 0,
   class: "ck-table__header--slot"
 };
-const _hoisted_4$6 = { key: 0 };
+const _hoisted_4$5 = { key: 0 };
 const _hoisted_5$1 = { key: 1 };
 const _hoisted_6$1 = {
   key: 2,
@@ -84123,24 +84176,10 @@ const _sfc_main$g = defineComponent$2({
     onMounted$1(() => {
       cleekOptions2.value = hooks9.getCleekOptions(getCurrentInstance$1);
     });
-    hooks9.preventUnusedError([
-      computedClassTable,
-      defaultNoResultsText,
-      isMobileVisible,
-      currentPageLocal,
-      searchLocal,
-      filteredColumnsList,
-      defaultItemsPerPage,
-      openColumnsManager,
-      refreshList,
-      TableColumnsManager,
-      TablePagination,
-      TableHeaderItems,
-      _sfc_main$p
-    ]);
     return (_ctx, _cache) => {
+      const _component_TableColumnsManager40 = resolveComponent$2("TableColumnsManager(");
       return openBlock$2(), createElementBlock$2(Fragment$2, null, [
-        _ctx.hasColumnsManager && columnsAreObj.value ? (openBlock$2(), createBlock$2(TableColumnsManager, {
+        _ctx.hasColumnsManager && columnsAreObj.value ? (openBlock$2(), createBlock$2(_component_TableColumnsManager40, {
           key: 0,
           modelValue: isPopupActive.value.columnsManager,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isPopupActive.value.columnsManager = $event),
@@ -84176,11 +84215,11 @@ const _sfc_main$g = defineComponent$2({
             createElementVNode("table", {
               class: normalizeClass$2(["ck-table__table", computedClassTable.value])
             }, [
-              filteredColumnsList.value.length && !(_ctx.$slots.mobile && isMobileVisible.value) ? (openBlock$2(), createElementBlock$2("thead", _hoisted_4$6, [
+              filteredColumnsList.value.length && !(_ctx.$slots.mobile && isMobileVisible.value) ? (openBlock$2(), createElementBlock$2("thead", _hoisted_4$5, [
                 createVNode$2(CkTr, { class: "header-row" }, {
                   default: withCtx$2(() => [
                     (openBlock$2(true), createElementBlock$2(Fragment$2, null, renderList$1(filteredColumnsList.value, (col) => {
-                      return openBlock$2(), createBlock$2(_sfc_main$p, {
+                      return openBlock$2(), createBlock$2(_sfc_main$o, {
                         key: col.title,
                         col,
                         textColor: realHeaderTextColor.value,
@@ -84207,7 +84246,7 @@ const _sfc_main$g = defineComponent$2({
                           icon: "spinner",
                           spin: ""
                         }),
-                        createTextVNode$2(toDisplayString$1(_ctx.loadingText || defaultLoadingText.value) + "...", 1)
+                        createTextVNode$2(" " + toDisplayString$1(_ctx.loadingText || defaultLoadingText.value) + "... ", 1)
                       ]),
                       _: 1
                     })
@@ -84238,9 +84277,9 @@ const _sfc_main$g = defineComponent$2({
             renderSlot$2(_ctx.$slots, "mobile", {}, void 0, true)
           ])) : createCommentVNode$2("", true),
           createVNode$2(TablePagination, {
-            class: "ck-table__pagination",
             currentPage: currentPageLocal.value,
             "onUpdate:currentPage": _cache[4] || (_cache[4] = ($event) => currentPageLocal.value = $event),
+            class: "ck-table__pagination",
             itemsPerPage: _ctx.itemsPerPage,
             listLength: _ctx.listLength,
             align: _ctx.paginationAlign,
@@ -84252,7 +84291,7 @@ const _sfc_main$g = defineComponent$2({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-22e37ce9"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-2bf27128"]]);
 var ckPagination_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$f = defineComponent$2({
   __name: "ck-pagination",
@@ -89455,9 +89494,9 @@ const _sfc_main$e = defineComponent$2({
             class: normalizeClass$2(["ck-input-date", computedClass.value])
           }, [
             createElementVNode("input", {
-              class: "ck-input-date--focus-absorber",
               ref_key: "refFocusAbsorber",
-              ref: refFocusAbsorber
+              ref: refFocusAbsorber,
+              class: "ck-input-date--focus-absorber"
             }, null, 512),
             createVNode$2(_component_ck_label, null, {
               default: withCtx$2(() => [
@@ -89478,7 +89517,7 @@ const _sfc_main$e = defineComponent$2({
     };
   }
 });
-var ckInputDate = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-32c9392f"]]);
+var ckInputDate = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-cf9c80c8"]]);
 const _sfc_main$d = defineComponent$2({
   __name: "ck-input-time",
   props: {
@@ -89526,7 +89565,7 @@ const _hoisted_2$7 = {
   class: "ck-card__header-title"
 };
 const _hoisted_3$5 = { class: "ck-card__body" };
-const _hoisted_4$5 = {
+const _hoisted_4$4 = {
   key: 0,
   class: "ck-card__header-subtitle"
 };
@@ -89592,7 +89631,7 @@ const _sfc_main$c = defineComponent$2({
           ])) : createCommentVNode$2("", true)
         ])) : createCommentVNode$2("", true),
         createElementVNode("div", _hoisted_3$5, [
-          _ctx.subtitle ? (openBlock$2(), createElementBlock$2("div", _hoisted_4$5, toDisplayString$1(_ctx.subtitle), 1)) : createCommentVNode$2("", true),
+          _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 }])
           }, [
@@ -89603,7 +89642,7 @@ const _sfc_main$c = defineComponent$2({
     };
   }
 });
-var ckCard = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-315844a5"]]);
+var ckCard = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-4bbb9206"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$a = ["color"];
 const defaultColor = "primary";
@@ -89670,7 +89709,7 @@ const _sfc_main$b = defineComponent$2({
     };
   }
 });
-var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-385ad040"]]);
+var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-2ac3d820"]]);
 var ckDiv_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$a = defineComponent$2({
   __name: "ck-div",
@@ -89812,12 +89851,6 @@ const _sfc_main$9 = defineComponent$2({
       cleekOptions2.value = hooks9.getCleekOptions(getCurrentInstance$1);
       isMounted.value = true;
     });
-    hooks9.preventUnusedError([
-      computedImgStyle,
-      computedStyle,
-      computedClass,
-      clickImg
-    ]);
     return (_ctx, _cache) => {
       return openBlock$2(), createElementBlock$2("div", {
         class: normalizeClass$2(["ck-img", computedClass.value]),
@@ -89834,13 +89867,13 @@ const _sfc_main$9 = defineComponent$2({
     };
   }
 });
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-50760031"]]);
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-2b623506"]]);
 var ckRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$2 = (n2) => (pushScopeId$2("data-v-0dd8663c"), n2 = n2(), popScopeId$2(), n2);
+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_4$4 = {
+const _hoisted_4$3 = {
   key: 0,
   class: "c-Radio__label"
 };
@@ -89910,8 +89943,8 @@ const _sfc_main$8 = defineComponent$2({
           ]
         }), [
           withDirectives$1(createElementVNode("input", {
-            class: "c-Radio__input",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+            class: "c-Radio__input",
             "aria-hidden": "true",
             type: "radio",
             name: _ctx.name,
@@ -89921,13 +89954,13 @@ const _sfc_main$8 = defineComponent$2({
             [vModelRadio, value.value]
           ]),
           _hoisted_3$4,
-          option.label ? (openBlock$2(), createElementBlock$2("span", _hoisted_4$4, toDisplayString$1(option.label), 1)) : createCommentVNode$2("", true)
+          option.label ? (openBlock$2(), createElementBlock$2("span", _hoisted_4$3, toDisplayString$1(option.label), 1)) : createCommentVNode$2("", true)
         ], 16, _hoisted_1$8);
       }), 128);
     };
   }
 });
-var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-0dd8663c"]]);
+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"];
@@ -89935,7 +89968,7 @@ const _hoisted_3$3 = {
   key: 4,
   class: "ck-select--placeholder"
 };
-const _hoisted_4$3 = {
+const _hoisted_4$2 = {
   key: 5,
   class: "ck-select--placeholder"
 };
@@ -90060,7 +90093,7 @@ const _sfc_main$7 = defineComponent$2({
         list.push({ "min-width": minWidth });
       }
       if (props.width)
-        list.push({ "width": props.width });
+        list.push({ width: props.width });
       return list;
     });
     const logicClearValue = computed$3(() => {
@@ -90145,13 +90178,6 @@ const _sfc_main$7 = defineComponent$2({
     onMounted$1(() => {
       cleekOptions2.value = hooks9.getCleekOptions(getCurrentInstance$1);
     });
-    hooks9.preventUnusedError([
-      computedStyle,
-      computedClassSelect,
-      getOptionValue,
-      onClick,
-      filteredOptions
-    ]);
     return (_ctx, _cache) => {
       return openBlock$2(), createElementBlock$2("div", {
         class: normalizeClass$2(["ck-select", computedClass.value]),
@@ -90204,12 +90230,12 @@ const _sfc_main$7 = defineComponent$2({
         ], 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$3, toDisplayString$1(_ctx.placeholder), 1)) : createCommentVNode$2("", true)
+        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)
       ], 6);
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-3aca9814"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-61232fa0"]]);
 var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$6 = {
   key: 0,
@@ -90304,16 +90330,12 @@ const _sfc_main$6 = defineComponent$2({
     };
   }
 });
-var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-64161f5d"]]);
+var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-267183f0"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$1 = (n2) => (pushScopeId$2("data-v-a42aece6"), n2 = n2(), popScopeId$2(), n2);
+const _withScopeId$1 = (n2) => (pushScopeId$2("data-v-7400e90e"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$5 = ["disabled"];
 const _hoisted_2$4 = { class: "ck-switch__slider-container" };
 const _hoisted_3$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
-const _hoisted_4$2 = {
-  key: 0,
-  class: "ck-switch__content"
-};
 const defaultSize = "s";
 const _sfc_main$5 = defineComponent$2({
   __name: "ck-switch",
@@ -90331,6 +90353,7 @@ const _sfc_main$5 = defineComponent$2({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
+    let cleekOptions2 = ref$1();
     const value = computed$3({
       get() {
         return props.modelValue;
@@ -90362,6 +90385,16 @@ const _sfc_main$5 = defineComponent$2({
       }
       return list;
     });
+    const computedStyleContent = computed$3(() => {
+      var _a, _b;
+      const list = [];
+      if ((_a = cleekOptions2.value) == null ? void 0 : _a.darkMode)
+        list.push({ color: (_b = cleekOptions2.value) == null ? void 0 : _b.darkModeColorText });
+      if (props.size && props.size !== defaultSize) {
+        list.push(`ck-switch__icon-size--${props.size}`);
+      }
+      return list;
+    });
     function handleSwitchClick(e4) {
       if (props.preventAutoUpdate) {
         e4.preventDefault();
@@ -90369,9 +90402,12 @@ const _sfc_main$5 = defineComponent$2({
         emits("click");
       }
     }
+    onMounted$1(() => {
+      cleekOptions2.value = hooks9.getCleekOptions(getCurrentInstance$1);
+    });
     return (_ctx, _cache) => {
-      return openBlock$2(), createElementBlock$2("label", mergeProps$2({ class: "ck-switch" }, computedAttributes.value, {
-        class: computedClass.value,
+      return openBlock$2(), createElementBlock$2("label", mergeProps$2(computedAttributes.value, {
+        class: ["ck-switch", computedClass.value],
         onKeydown: _cache[2] || (_cache[2] = withKeys$2(withModifiers$1(() => {
         }, ["prevent"]), ["space"]))
       }), [
@@ -90400,14 +90436,18 @@ const _sfc_main$5 = defineComponent$2({
             "icon-pack": _ctx.iconPack
           }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode$2("", true)
         ]),
-        _ctx.$slots.default ? (openBlock$2(), createElementBlock$2("span", _hoisted_4$2, [
+        _ctx.$slots.default ? (openBlock$2(), createElementBlock$2("span", {
+          key: 0,
+          class: "ck-switch__content",
+          style: normalizeStyle$2(computedStyleContent.value)
+        }, [
           renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
-        ])) : createCommentVNode$2("", true)
+        ], 4)) : createCommentVNode$2("", true)
       ], 16);
     };
   }
 });
-var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a42aece6"]]);
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-7400e90e"]]);
 var ckSwitchOptions_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$4 = { class: "ck-switch-options__container-exterior" };
 const _hoisted_2$3 = ["onClick"];
@@ -90461,9 +90501,6 @@ const _sfc_main$4 = defineComponent$2({
       }
       return defaultReduceFunction(option);
     }
-    hooks9.preventUnusedError([
-      getOptionValue
-    ]);
     return (_ctx, _cache) => {
       return openBlock$2(), createElementBlock$2("div", _hoisted_1$4, [
         _ctx.label ? (openBlock$2(), createBlock$2(CkLabel, {
@@ -90491,7 +90528,7 @@ const _sfc_main$4 = defineComponent$2({
     };
   }
 });
-var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-25fa60f2"]]);
+var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-42cde647"]]);
 var ckTextarea_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$3 = { class: "ck-textarea" };
 const _hoisted_2$2 = ["placeholder", "disabled"];
@@ -90561,11 +90598,11 @@ const _sfc_main$3 = defineComponent$2({
       if (props.borderRadius)
         list.push({ "border-radius": props.borderRadius });
       if (props.textColor)
-        list.push({ "color": props.textColor });
+        list.push({ color: props.textColor });
       if (props.width)
-        list.push({ "width": props.width });
+        list.push({ width: props.width });
       if (props.height)
-        list.push({ "height": props.height });
+        list.push({ height: props.height });
       const resize = props.resize ? props.resize : "none";
       if (resize)
         list.push({ resize: resize || "both" });
@@ -90615,9 +90652,9 @@ const _sfc_main$3 = defineComponent$2({
     };
   }
 });
-var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-7a27e128"]]);
+var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-5814a9c1"]]);
 var CkConfirm_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId = (n2) => (pushScopeId$2("data-v-5a3b9b2f"), n2 = n2(), popScopeId$2(), n2);
+const _withScopeId = (n2) => (pushScopeId$2("data-v-4a3d2176"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$2 = { class: "ck-confirm--background" };
 const _hoisted_2$1 = { class: "ck-confirm" };
 const _hoisted_3$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-confirm__icon" }, [
@@ -90685,7 +90722,7 @@ const _sfc_main$2 = defineComponent$2({
     };
   }
 });
-var CkConfirmComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-5a3b9b2f"]]);
+var CkConfirmComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-4a3d2176"]]);
 var CkAlert_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$1 = { class: "alert--msg" };
 const _sfc_main$1 = defineComponent$2({
@@ -90708,7 +90745,7 @@ const _sfc_main$1 = defineComponent$2({
     });
     return (_ctx, _cache) => {
       return openBlock$2(), createBlock$2(Teleport$1, { to: "body" }, [
-        createVNode$2(_sfc_main$i, {
+        createVNode$2(_sfc_main$h, {
           modelValue: isActive.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isActive.value = $event),
           acceptButton: "",
@@ -90729,7 +90766,7 @@ const _sfc_main$1 = defineComponent$2({
     };
   }
 });
-var CkAlertComponent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3aea511e"]]);
+var CkAlertComponent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2f1e40ce"]]);
 var CkNotify_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1 = { class: "ck-notify__container" };
 const _hoisted_2 = { class: "ck-notify__title" };
@@ -90804,7 +90841,7 @@ const _sfc_main = defineComponent$2({
               createElementVNode("div", _hoisted_3, [
                 createVNode$2(CkIcon, { icon: "times" })
               ]),
-              createTextVNode$2(toDisplayString$1(title.value || defaultTitle.value), 1)
+              createTextVNode$2(" " + toDisplayString$1(title.value || defaultTitle.value), 1)
             ]),
             createElementVNode("div", {
               class: "ck-notify__text",
@@ -90816,7 +90853,7 @@ const _sfc_main = defineComponent$2({
     };
   }
 });
-var CkNotifyComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-179185b4"]]);
+var CkNotifyComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dfb1cb40"]]);
 const defaultDuration = 2e3;
 var ckNotify = {
   alert(msg) {
@@ -90826,11 +90863,7 @@ var ckNotify = {
       acceptText: ""
     });
   },
-  alertOptions({
-    title = "",
-    msg = "",
-    acceptText = ""
-  }) {
+  alertOptions({ title = "", msg = "", acceptText = "" }) {
     const tempDiv = document.createElement("div");
     const instance = createApp(CkAlertComponent);
     const instanceMounted = instance.mount(tempDiv);
@@ -90898,6 +90931,7 @@ var ckNotify = {
 var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CkDatetimeShower: ckDatetimeShower,
+  CkTimeShower: ckTimeShower,
   CkDropdown: ckDropdown,
   CkNavbar: ckNavbar,
   CkTable: ckTable,
@@ -90916,7 +90950,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   CkImg: ckImg,
   CkInput,
   CkLabel,
-  CkPopup: _sfc_main$i,
+  CkPopup: _sfc_main$h,
   CkRadio: ckRadio,
   CkSelect: ckSelect,
   CkSidebar: ckSidebar,
@@ -90940,7 +90974,7 @@ function getCleekOptions(userOptions) {
   const options = cleekOptions;
   for (const categoryName in cleekOptions) {
     if (userOptions[categoryName]) {
-      if (typeof userOptions[categoryName] === "string") {
+      if (typeof userOptions[categoryName] === "string" || typeof userOptions[categoryName] === "boolean") {
         options[categoryName] = userOptions[categoryName];
       } else {
         for (const key in userOptions[categoryName]) {
@@ -90961,4 +90995,4 @@ const install3 = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { CkButton, ckCard as CkCard, CkCheckbox, ckChip as CkChip, ckDatetimeShower as CkDatetimeShower, _sfc_main$a as CkDiv, ckDropdown as CkDropdown, CkIcon, ckImg as CkImg, CkInput, ckInputDate as CkInputDate, _sfc_main$d as CkInputTime, CkLabel, ckNavbar as CkNavbar, _sfc_main$f as CkPagination, _sfc_main$i 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, CkTr, ckNotify, install3 as default, useWindowWidth };
+export { CkButton, ckCard as CkCard, CkCheckbox, ckChip as CkChip, ckDatetimeShower as CkDatetimeShower, _sfc_main$a as CkDiv, ckDropdown as CkDropdown, CkIcon, ckImg as CkImg, CkInput, ckInputDate as CkInputDate, _sfc_main$d as CkInputTime, CkLabel, ckNavbar as CkNavbar, _sfc_main$f as CkPagination, _sfc_main$h 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 };