cleek 2.6.99 → 2.6.102

package/dist/cleek.es.js

@@ -83179,10 +83179,11 @@ const _sfc_main$l = defineComponent$2({
             layout: _ctx.layout,
             onClick: _cache[0] || (_cache[0] = ($event) => emits("refreshList", true))
           }, null, 8, ["layout"])) : createCommentVNode$2("", true),
-          createElementVNode("div", {
+          _ctx.isLoading && _ctx.listLength === 0 || itemsPerPageIsVisible.value ? (openBlock$2(), createElementBlock$2("div", {
+            key: 1,
             class: normalizeClass$2(["items-per-page", { "ck-component__group--left": isSearchVisible.value }])
           }, [
-            _ctx.isLoading !== false && _ctx.listLength === 0 ? (openBlock$2(), createBlock$2(CkIcon, {
+            _ctx.isLoading && _ctx.listLength === 0 ? (openBlock$2(), createBlock$2(CkIcon, {
               key: 0,
               class: "px-2",
               icon: "spinner",
@@ -83190,9 +83191,9 @@ const _sfc_main$l = defineComponent$2({
             })) : itemsPerPageIsVisible.value ? (openBlock$2(), createElementBlock$2(Fragment$2, { key: 1 }, [
               createTextVNode$2(toDisplayString$1(itemsPerPageStart.value) + " - " + toDisplayString$1(itemsPerPageEnd.value) + " de " + toDisplayString$1(_ctx.listLength), 1)
             ], 64)) : createCommentVNode$2("", true)
-          ], 2),
+          ], 2)) : createCommentVNode$2("", true),
           isSearchVisible.value ? (openBlock$2(), createBlock$2(CkInput, {
-            key: 1,
+            key: 2,
             modelValue: searchLocal.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchLocal.value = $event),
             class: "ck-table--search-input",
@@ -83204,7 +83205,7 @@ const _sfc_main$l = defineComponent$2({
             onInput: _cache[2] || (_cache[2] = ($event) => checkRefresh())
           }, null, 8, ["modelValue", "group", "layout", "borderColor"])) : createCommentVNode$2("", true),
           _ctx.hasColumnsManager ? (openBlock$2(), createBlock$2(CkButton, {
-            key: 2,
+            key: 3,
             icon: "columns",
             type: "filled",
             title: "Administrador de columnas",
@@ -83217,7 +83218,7 @@ const _sfc_main$l = defineComponent$2({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-2c4ead89"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-96a5a018"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$4 = (n2) => (pushScopeId$2("data-v-708d6b7f"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$h = { class: "ck-table__pagination" };
@@ -84069,6 +84070,7 @@ const _sfc_main$g = defineComponent$2({
     hideHeaderActions: { type: Boolean },
     showRefreshBtn: { type: Boolean },
     hideItemsPerPage: { type: Boolean },
+    darkMode: {},
     notFullWidth: { type: Boolean },
     striped: { type: Boolean },
     cellPadding: {},
@@ -84089,6 +84091,12 @@ const _sfc_main$g = defineComponent$2({
     const isPopupActive = ref$1({
       columnsManager: false
     });
+    const isDarkModeActive = computed$3(() => {
+      var _a;
+      if (typeof props.darkMode !== "undefined")
+        return props.darkMode;
+      return (_a = cleekOptions2.value) == null ? void 0 : _a.darkMode;
+    });
     const defaultLoadingText = computed$3(() => {
       var _a;
       if (((_a = cleekOptions2.value) == null ? void 0 : _a.lang) === "es")
@@ -84111,8 +84119,13 @@ const _sfc_main$g = defineComponent$2({
     const realHeaderTextColor = computed$3(() => {
       if (props.headerTextColor)
         return props.headerTextColor;
-      if (cleekOptions2.value)
-        return cleekOptions2.value.table.headerTextColor;
+      if (cleekOptions2.value) {
+        if (cleekOptions2.value.table.headerTextColor) {
+          return cleekOptions2.value.table.headerTextColor;
+        }
+        if (isDarkModeActive.value)
+          return "#ccc";
+      }
     });
     const realHeaderBackgroundColor = computed$3(() => {
       if (props.headerBackgroundColor)
@@ -84186,6 +84199,8 @@ const _sfc_main$g = defineComponent$2({
         list.push(`table__cell-padding-y--${props.cellPaddingY}`);
       if (props.notFullWidth)
         list.push("not-full-width");
+      if (isDarkModeActive.value)
+        list.push("dark-mode");
       const striped = props.striped || ((_b = (_a = cleekOptions2.value) == null ? void 0 : _a.table) == null ? void 0 : _b.striped);
       if (striped)
         list.push("striped-table");
@@ -84308,7 +84323,7 @@ const _sfc_main$g = defineComponent$2({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-6bbd3c3e"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-0142804e"]]);
 var ckPagination_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$f = defineComponent$2({
   __name: "ck-pagination",
@@ -89588,7 +89603,7 @@ const _sfc_main$e = defineComponent$2({
     };
   }
 });
-var ckInputDate = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-5b945a48"]]);
+var ckInputDate = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-32a61f84"]]);
 const _sfc_main$d = defineComponent$2({
   __name: "ck-input-time",
   props: {
@@ -90085,6 +90100,7 @@ const _sfc_main$7 = defineComponent$2({
     icon: {},
     iconRight: {},
     iconPack: {},
+    iconColor: {},
     label: {},
     labelAlign: {},
     placeholder: {},
@@ -90263,17 +90279,17 @@ const _sfc_main$7 = defineComponent$2({
         _ctx.icon ? (openBlock$2(), createBlock$2(CkIcon, {
           key: 0,
           class: "ck-select__icon-left",
-          color: "lightgrey",
           icon: _ctx.icon,
-          "icon-pack": _ctx.iconPack
-        }, null, 8, ["icon", "icon-pack"])) : createCommentVNode$2("", true),
+          "icon-pack": _ctx.iconPack,
+          color: _ctx.iconColor ? _ctx.iconColor : "lightgrey"
+        }, null, 8, ["icon", "icon-pack", "color"])) : createCommentVNode$2("", true),
         _ctx.iconRight ? (openBlock$2(), createBlock$2(CkIcon, {
           key: 1,
           class: "ck-select__icon-right",
-          color: "lightgrey",
           icon: _ctx.iconRight,
-          "icon-pack": _ctx.iconPack
-        }, null, 8, ["icon", "icon-pack"])) : createCommentVNode$2("", true),
+          "icon-pack": _ctx.iconPack,
+          color: _ctx.iconColor ? _ctx.iconColor : "lightgrey"
+        }, null, 8, ["icon", "icon-pack", "color"])) : createCommentVNode$2("", true),
         isClearBtnVisible.value ? (openBlock$2(), createElementBlock$2("div", {
           key: 2,
           class: "ck-select__clear-btn",
@@ -90312,7 +90328,7 @@ const _sfc_main$7 = defineComponent$2({
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-29788932"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-775ff419"]]);
 var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$6 = {
   key: 0,
@@ -90927,7 +90943,7 @@ const _sfc_main = defineComponent$2({
   }
 });
 var CkNotifyComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-905c7058"]]);
-const defaultDuration = 2e3;
+const defaultDuration = 3e3;
 var ckNotify = {
   alert(msg) {
     this.alertOptions({