cleek 2.11.39 → 2.11.40

package/dist/main.es.js

@@ -6,7 +6,7 @@ import { library as et } from "@fortawesome/fontawesome-svg-core";
 import { fas as Nt } from "@fortawesome/free-solid-svg-icons";
 import { far as Ht } from "@fortawesome/free-regular-svg-icons";
 import { fab as Ut } from "@fortawesome/free-brands-svg-icons";
-import { ref as M, computed as c, watch as ue, defineComponent as z, resolveDirective as tt, openBlock as d, createElementBlock as g, toDisplayString as P, createTextVNode as G, createCommentVNode as C, withDirectives as re, Fragment as J, unref as xe, createElementVNode as w, onMounted as $e, withKeys as be, renderSlot as O, createBlock as S, Teleport as Pe, normalizeStyle as E, normalizeClass as L, resolveComponent as Y, nextTick as yt, onBeforeUnmount as ot, useModel as fe, withCtx as q, vModelDynamic as jt, createVNode as H, mergeModels as te, renderList as se, vModelText as qe, mergeProps as Ae, withModifiers as ie, watchEffect as Ge, vShow as Ve, resolveDynamicComponent as Gt, pushScopeId as Yt, popScopeId as Kt, inject as it, provide as st, onUpdated as Zt, normalizeProps as Jt, guardReactiveProps as Xt, Transition as Qt, vModelRadio as eo, vModelSelect as to, vModelCheckbox as oo, createApp as Ye } from "vue";
+import { ref as M, computed as c, watch as ce, defineComponent as z, resolveDirective as tt, openBlock as d, createElementBlock as g, toDisplayString as P, createTextVNode as G, createCommentVNode as C, withDirectives as re, Fragment as J, unref as xe, createElementVNode as w, onMounted as $e, withKeys as be, renderSlot as O, createBlock as S, Teleport as Pe, normalizeStyle as E, normalizeClass as L, resolveComponent as Y, nextTick as yt, onBeforeUnmount as ot, useModel as fe, withCtx as q, vModelDynamic as jt, createVNode as H, mergeModels as te, renderList as se, vModelText as qe, mergeProps as Ae, withModifiers as ie, watchEffect as Ge, vShow as Ve, resolveDynamicComponent as Gt, pushScopeId as Yt, popScopeId as Kt, inject as it, provide as st, onUpdated as Zt, normalizeProps as Jt, guardReactiveProps as Xt, Transition as Qt, vModelRadio as eo, vModelSelect as to, vModelCheckbox as oo, createApp as Ye } from "vue";
 import { defineStore as lo, storeToRefs as ne } from "pinia";
 import { FontAwesomeIcon as no } from "@fortawesome/vue-fontawesome";
 import { isValid as ve, startOfDecade as ao, endOfDecade as io, eachYearOfInterval as so, getYear as he, getDecade as ze, isBefore as Se, isAfter as Le, addYears as Ct, subYears as wt, startOfYear as ro, endOfYear as uo, format as We, eachMonthOfInterval as co, isSameMonth as Xe, isSameYear as rt, startOfMonth as $t, endOfMonth as xt, endOfWeek as po, startOfWeek as vo, setDay as fo, eachDayOfInterval as mo, isWithinInterval as ho, isSameDay as Ke, addMonths as go, subMonths as ko, set as ut, isSameHour as bo, isSameMinute as yo, parse as ct, startOfDay as Co, endOfDay as wo, max as $o, min as xo } from "date-fns";
@@ -164,7 +164,7 @@ function Io(e) {
 }
 const le = lo("cleek-options", () => {
   const e = M(_t), o = c(() => e.value.colors), t = c(() => e.value.styles), n = c(() => e.value.button), l = c(() => e.value.chip), i = c(() => e.value.div), a = c(() => e.value.img), p = c(() => e.value.popup), u = c(() => e.value.select), f = c(() => e.value.table);
-  return ue(o, (r) => Io(r), { deep: !0, immediate: !0 }), {
+  return ce(o, (r) => Io(r), { deep: !0, immediate: !0 }), {
     cleekOptions: e,
     colorsOptions: o,
     stylesOptions: t,
@@ -304,12 +304,12 @@ const Oo = {
       const v = t.layout || n.value.styles.layout;
       return v && r.push(`ck-dropdown--content__${v}`), r;
     });
-    ue(() => l.value, (r) => {
+    ce(() => l.value, (r) => {
       if (r) {
         const v = document.documentElement.clientHeight, s = document.documentElement.clientWidth, h = i.value.getBoundingClientRect(), m = {};
         h.top < v / 2 ? (m.top = `${h.bottom}px`, m["margin-top"] = "0.5rem") : (m.bottom = `${v - h.top}px`, m["margin-bottom"] = "0.5rem"), t.align === "left" ? m.left = `${h.left}px` : t.align === "right" && (m.right = `${s - h.right}px`), p.value = m;
       }
-    }), ue(() => a.value, (r) => {
+    }), ce(() => a.value, (r) => {
       if (r && t.align !== "left" && t.align !== "right") {
         const v = i.value.getBoundingClientRect();
         p.value.left = `${v.left + v.width / 2 - r.getBoundingClientRect().width / 2}px`;
@@ -761,7 +761,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       return a.value.darkMode && (R = a.value.darkModeColorText), R && !A.isColorTemplateVariable(R) && (V.push(`ck-component__color--${R}`), V.push({ color: R })), V;
     });
     let _ = !1;
-    ue(
+    ce(
       () => n.value,
       (V) => {
         _ && s.value === "number" && Number(f.value || 0) === Number(V) || (_ = !0, me(V));
@@ -821,12 +821,12 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       const V = me(+f.value + 1);
       F(V), K(V);
     }
-    function ce(V) {
+    function ue(V) {
       let T = V;
       return l.capitalize && (T = Bt(`${T}`)), l.toUpperCase && (T = `${T}`.toUpperCase()), h.value && (T = parseInt(`${+T}`)), typeof l.min < "u" && +T < +l.min && (T = +l.min), typeof l.max < "u" && +T > +l.max && (T = +l.max), T;
     }
     function Ce(V) {
-      const T = Number(ce(V));
+      const T = Number(ue(V));
       return Number.isFinite(T) ? T : 0;
     }
     function me(V) {
@@ -834,7 +834,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
         const Z = V === "" || V === null || V === void 0, R = Z ? 0 : Ce(V);
         return n.value = R, f.value = Z ? "" : R, R;
       }
-      const T = ce(V);
+      const T = ue(V);
       return n.value = T, f.value = T, T;
     }
     return $e(() => {
@@ -1041,7 +1041,7 @@ const al = ["title", "aria-label", "disabled", "tabindex"], Ze = "transparent",
       const y = t.layout || l.value.styles.layout;
       return y && k.push(y), k;
     });
-    ue(() => i.value, () => n("refreshList"));
+    ce(() => i.value, () => n("refreshList"));
     function s(k) {
       let b = +k.value;
       b > t.totalPages && (b = t.totalPages), b < 1 && (b = 1), t.currentPage === b ? k.value = `${b}` : i.value = b;
@@ -1257,8 +1257,8 @@ const Ml = {
       j && x.push({ "max-width": j });
       const pe = l.textColor || a.value.popup.textColor;
       pe && !A.isColorTemplateVariable(pe) && (x.push(`ck-component__color--${pe}`), x.push({ color: pe }));
-      let ce = "white";
-      return a.value.popup.backgroundColor && (ce = a.value.popup.backgroundColor), a.value.darkMode && (ce = a.value.darkModeColorItems), l.backgroundColor && (ce = l.backgroundColor), ce && !A.isColorTemplateVariable(ce) && x.push({ backgroundColor: ce }), x;
+      let ue = "white";
+      return a.value.popup.backgroundColor && (ue = a.value.popup.backgroundColor), a.value.darkMode && (ue = a.value.darkModeColorItems), l.backgroundColor && (ue = l.backgroundColor), ue && !A.isColorTemplateVariable(ue) && x.push({ backgroundColor: ue }), x;
     }), h = c(() => {
       const x = [];
       let B = "";
@@ -1275,7 +1275,7 @@ const Ml = {
       const j = l.headerColor || a.value.popup.headerColor;
       return j && A.isColorTemplateVariable(j) && x.push(`ck-component__bg-color--${j}`), _.value || x.push("close-btn-hidden"), x;
     }), b = c(() => l.acceptBtnType ? l.acceptBtnType : a.value.popup.acceptBtnType ? a.value.popup.acceptBtnType : "outlined"), y = c(() => l.cancelBtnType ? l.cancelBtnType : a.value.popup.cancelBtnType ? a.value.popup.cancelBtnType : "flat"), _ = c(() => !(l.notCloseBtn || l.notClose)), W = c(() => l.acceptBtnText ? l.acceptBtnText : a.value.lang === "es" ? "Aceptar" : "Accept"), D = c(() => l.cancelBtnText ? l.cancelBtnText : a.value.lang === "es" ? "Cancelar" : "Cancel");
-    ue(() => t.value, (x) => {
+    ce(() => t.value, (x) => {
       At(!x), x ? f() : r();
     });
     function F() {
@@ -1405,15 +1405,13 @@ const Ml = {
         n("update:modelValue", u);
       }
     });
-    ue(() => i.value, (u) => {
-      u && a();
-    }), ue(() => i.value, (u) => {
+    ce(() => i.value, (u) => {
       u && a();
     });
     function a() {
       const u = [];
       (t.columnsArray || []).forEach((f) => {
-        f.unchangeable || u.push({
+        !f.unchangeable && !f.neverDisplay && f.title && u.push({
           name: f.name,
           title: f.title,
           value: A.isColumnDisplayed(f)
@@ -1450,7 +1448,7 @@ const Ml = {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), ql = /* @__PURE__ */ U(Fl, [["__scopeId", "data-v-49853870"]]), Nl = /* @__PURE__ */ z({
+}), ql = /* @__PURE__ */ U(Fl, [["__scopeId", "data-v-3d70f3ce"]]), Nl = /* @__PURE__ */ z({
   __name: "LoadingAndNoResultsText",
   props: {
     listLength: {},
@@ -1552,8 +1550,8 @@ const Ml = {
     }), m = c(() => !y.value[y.value.length - 1].title), k = c(() => !Array.isArray(n.columns || [])), b = c(() => {
       if (k.value) {
         const B = Object.values(n.columns || []), j = Object.keys(n.columns || []);
-        return B.forEach((pe, ce) => {
-          const Ce = j[ce];
+        return B.forEach((pe, ue) => {
+          const Ce = j[ue];
           pe.name = Ce;
         }), B;
       }
@@ -1599,7 +1597,7 @@ const Ml = {
     }
     return (x, B) => {
       var me, V, T, Z;
-      const j = Y("ck-checkbox"), pe = Y("ck-chip"), ce = Y("ck-button"), Ce = Y("ck-th");
+      const j = Y("ck-checkbox"), pe = Y("ck-chip"), ue = Y("ck-button"), Ce = Y("ck-th");
       return d(), g("div", Hl, [
         e.hasColumnsManager && k.value ? (d(), S(ql, {
           key: 0,
@@ -1662,7 +1660,7 @@ const Ml = {
               })
             ]),
             O(x.$slots, "selectedRowsActions", {}, void 0, !0),
-            e.currentPage && r.value > 1 ? (d(), S(ce, {
+            e.currentPage && r.value > 1 ? (d(), S(ue, {
               key: 0,
               size: "s",
               color: "dark"
@@ -2446,7 +2444,7 @@ const Sn = z({
   },
   setup(e, { emit: o }) {
     const t = M(null), n = M(null), l = c(() => e.pageDate ?? e.selected), i = M(l.value.getHours()), a = M(l.value.getMinutes());
-    ue(
+    ce(
       () => e.selected,
       (v) => {
         let s = 0, h = 0;
@@ -2493,7 +2491,7 @@ const Sn = z({
       );
       v && s && (kt(t.value, v.ref.value), kt(n.value, s.ref.value));
     };
-    return ue(
+    return ce(
       () => e.visible,
       (v) => {
         v && yt(r);
@@ -2943,7 +2941,7 @@ const Nn = /* @__PURE__ */ Te(On, [["render", qn]]), Hn = ["id"], Un = {
       let _ = "";
       return l.value.darkMode && (_ = l.value.darkModeColorItems), _ && !A.isColorTemplateVariable(_) && y.push({ backgroundColor: _ }), y;
     });
-    ue(() => t.modelValue, (y) => {
+    ce(() => t.modelValue, (y) => {
       a.value && (a.value.style.display = "block", a.value.focus(), a.value.style.display = "none"), n("change", y);
     });
     function s(y) {
@@ -3794,7 +3792,7 @@ const qa = {
     ), j = c(() => oe.value || l.notClearable ? !1 : !ge.value), pe = c(() => {
       const $ = [];
       return l.icon && $.push("has-icon-left"), l.iconRight && $.push("has-icon-right"), $;
-    }), ce = c(() => {
+    }), ue = c(() => {
       const $ = [];
       let I = !1;
       if (l.widthBreaks) {
@@ -3821,9 +3819,9 @@ const qa = {
       let I = a.value.popup.textColor;
       return a.value.darkMode && (I = a.value.darkModeColorText), I && (A.isColorTemplateVariable(I) ? $.push(`ck-component__color--${I}`) : $.push({ color: I })), $;
     });
-    ue(() => b.value, () => je()), ue(() => F.value, ($) => {
+    ce(() => b.value, () => je()), ce(() => F.value, ($) => {
       k.value !== -1 && (k.value + 1 <= $ || (k.value = $ - 1));
-    }), ue(() => r.value, ($) => {
+    }), ce(() => r.value, ($) => {
       $ && (v.value = { display: "none" }, setTimeout(() => {
         const I = document.documentElement.clientHeight, ee = document.documentElement.clientWidth, N = f.value.getBoundingClientRect(), ke = {}, Ie = N.top < I / 2;
         Ie ? ke.top = `${N.bottom}px` : ke.bottom = `${I - N.top}px`, ke.left = `${N.left}px`, ke.right = `${ee - N.right}px`;
@@ -3889,7 +3887,7 @@ const qa = {
       const ee = Y("ck-button");
       return d(), g("div", {
         class: L(["ck-select", pe.value]),
-        style: E(ce.value)
+        style: E(ue.value)
       }, [
         e.label ? (d(), S(Me, {
           key: 0,
@@ -4042,7 +4040,7 @@ const qa = {
       const u = [];
       return t.headerColor && !A.isColorTemplateVariable(t.headerColor) && u.push({ "background-color": t.headerColor }), u;
     }), p = c(() => t.closeBtnIcon ? t.closeBtnIcon : "times");
-    return ue(() => o.value, (u) => At(!u)), (u, f) => {
+    return ce(() => o.value, (u) => At(!u)), (u, f) => {
       const r = Y("ck-icon");
       return o.value ? (d(), g("div", {
         key: 0,
@@ -4401,7 +4399,7 @@ const qa = {
       if (i.value)
         return n.size === "l" && !n.columns ? { "grid-template-columns": "repeat(auto-fit, minmax(220px, 1fr))" } : { "grid-template-columns": `repeat(${n.columns || wi}, 1fr)` };
     });
-    ue(t, (v) => {
+    ce(t, (v) => {
       i.value = !v;
     });
     function f(v) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cleek",
   "description": "Complete UX Vue library",
-  "version": "2.11.39",
+  "version": "2.11.40",
   "author": "Quantic Onion",
   "license": "MIT",
   "repository": "github:quantic-core/cleek",