cleek 3.0.16 → 3.0.17

package/dist/main.es.js

@@ -856,7 +856,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, ft = "tran
     pe(
       () => n.value,
       (B) => {
-        q && k.value === "number" && Number(v.value || 0) === Number(B) || (q = !0, we(B));
+        q && k.value === "number" && Number(v.value || 0) === Number(B) || (q = !0, ke(B));
       },
       { immediate: !0 }
     );
@@ -878,7 +878,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, ft = "tran
         n.value === B && s("changeDelayed", B);
       }, l.delayChangeTime);
     }
-    function be(B) {
+    function ye(B) {
       var P;
       s("click", B), (l.autoSelect || l.plusMinusButtons) && ((P = p.value) == null || P.select());
     }
@@ -888,29 +888,29 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, ft = "tran
         n.value = oe, !te && Number(P) !== oe && (v.value = oe), ee(oe);
         return;
       }
-      const B = we(v.value);
+      const B = ke(v.value);
       ee(B);
     }
     function E() {
       var P;
       const B = (P = p.value) == null ? void 0 : P.value;
-      return B === void 0 || B === `${v.value}` ? !1 : (we(B), !0);
+      return B === void 0 || B === `${v.value}` ? !1 : (ke(B), !0);
     }
     function Y() {
       E(), ce(n.value);
     }
-    function ye(B) {
+    function we(B) {
       m.value = !0, s("focus", B), l.preventAutocomplete && (i.value = !0), k.value === "number" && !v.value && (v.value = "");
     }
     function fe(B) {
       m.value = !1, E() && ce(n.value), s("blur", B);
     }
     function xe() {
-      const B = we(+v.value - 1);
+      const B = ke(+v.value - 1);
       ee(B), ce(B);
     }
     function Ne() {
-      const B = we(+v.value + 1);
+      const B = ke(+v.value + 1);
       ee(B), ce(B);
     }
     function Ce(B) {
@@ -925,7 +925,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, ft = "tran
       const P = Number(Ce(B));
       return Number.isFinite(P) ? P : 0;
     }
-    function we(B) {
+    function ke(B) {
       if (k.value === "number") {
         const te = B === "" || B === null || B === void 0, oe = te ? 0 : Ae(B);
         return n.value = oe, v.value = te ? "" : oe, oe;
@@ -934,7 +934,7 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, ft = "tran
       return n.value = P, v.value = P, P;
     }
     return Se(() => {
-      l.autofocus && (re(), be(null));
+      l.autofocus && (re(), ye(null));
     }), (B, P) => {
       var oe;
       const te = at("tooltip");
@@ -989,10 +989,10 @@ const Ml = ["title", "aria-label", "disabled", "tabindex"], zl = 3e4, ft = "tran
             style: U(O.value),
             disabled: e.disabled,
             tabindex: e.tabindex,
-            onClick: P[2] || (P[2] = (se) => be(se)),
+            onClick: P[2] || (P[2] = (se) => ye(se)),
             onInput: P[3] || (P[3] = (se) => R()),
             onChange: P[4] || (P[4] = (se) => Y()),
-            onFocus: P[5] || (P[5] = (se) => ye(se)),
+            onFocus: P[5] || (P[5] = (se) => we(se)),
             onBlur: P[6] || (P[6] = (se) => fe(se))
           }, null, 46, Wl), [
             [lo, v.value]
@@ -1636,11 +1636,11 @@ const Tn = { class: "ck-table" }, Sn = {
     }, (L) => {
       L && (ce.value = !0);
     }, { immediate: !0 });
-    const be = r(() => !a.rows || a.rows.length || typeof a.isLoading > "u" ? !1 : ce.value ? ee.value : !0), R = r(() => be.value || typeof a.listLength > "u" || a.listLength ? !1 : typeof a.isLoading > "u" ? !0 : a.rows ? ce.value : !a.isLoading), E = r(() => {
+    const ye = r(() => !a.rows || a.rows.length || typeof a.isLoading > "u" ? !1 : ce.value ? ee.value : !0), R = r(() => ye.value || typeof a.listLength > "u" || a.listLength ? !1 : typeof a.isLoading > "u" ? !0 : a.rows ? ce.value : !a.isLoading), E = r(() => {
       var L;
       return ee.value && !!((L = a.rows) != null && L.length);
     }), Y = r(() => Math.min(a.itemsPerPage || 8, 8));
-    function ye(L, g) {
+    function we(L, g) {
       return `${55 + (L * 7 + g * 13) % 35}%`;
     }
     function fe(L = !1) {
@@ -1663,7 +1663,7 @@ const Tn = { class: "ck-table" }, Sn = {
       if (t.value.areAllRowsSelecteds(L)) return !0;
       if (!t.value.isAnyRowsSelected(L))
         return !1;
-    }), we = r(() => Ae.value === void 0 ? null : Ae.value), B = r(() => {
+    }), ke = r(() => Ae.value === void 0 ? null : Ae.value), B = r(() => {
       var L, g;
       return ((g = (L = t.value) == null ? void 0 : L.ids) == null ? void 0 : g.size) || 0;
     }), P = r(() => !!a.listLength && B.value >= a.listLength);
@@ -1698,7 +1698,7 @@ const Tn = { class: "ck-table" }, Sn = {
       n.value = [...n.value, z];
     }
     return (L, g) => {
-      var ke, Ee, rt, ct;
+      var be, Ee, rt, ct;
       const z = X("ck-chip"), j = X("ck-th"), W = X("ck-checkbox"), ae = X("ck-skeleton");
       return c(), h("div", Tn, [
         L.$slots.header || !e.hideHeaderActions ? (c(), h("div", Sn, [
@@ -1729,11 +1729,11 @@ const Tn = { class: "ck-table" }, Sn = {
           K(L.$slots, "headerBottom", {}, void 0, !0)
         ])) : y("", !0),
         i.value || x.value.length && !(L.$slots.mobile && le.value) ? (c(), h("div", Mn, [
-          (Ee = (ke = t.value) == null ? void 0 : ke.ids) != null && Ee.size ? (c(), h("div", zn, [
+          (Ee = (be = t.value) == null ? void 0 : be.ids) != null && Ee.size ? (c(), h("div", zn, [
             C("div", En, [
               F(Tt, {
                 class: "main-checkbox",
-                "page-selection-state": we.value,
+                "page-selection-state": ke.value,
                 "page-count": e.rows.length,
                 "selected-count": B.value,
                 "list-length": e.listLength,
@@ -1780,7 +1780,7 @@ const Tn = { class: "ck-table" }, Sn = {
                 i.value ? (c(), h("th", Fn, [
                   F(Tt, {
                     class: "main-checkbox",
-                    "page-selection-state": we.value,
+                    "page-selection-state": ke.value,
                     "page-count": e.rows.length,
                     "selected-count": B.value,
                     "list-length": e.listLength,
@@ -1875,14 +1875,14 @@ const Tn = { class: "ck-table" }, Sn = {
                   } : void 0
                 ]), 1032, ["is-selected", "is-expandable", "is-expanded", "columns-count", "row-class", "onToggleExpansion"]);
               }), 128)),
-              be.value ? (c(!0), h(_, { key: 0 }, ie(Y.value, (Z) => (c(), h("tr", {
+              ye.value ? (c(!0), h(_, { key: 0 }, ie(Y.value, (Z) => (c(), h("tr", {
                 key: Z,
                 class: "ck-table__skeleton-row"
               }, [
                 (c(!0), h(_, null, ie(Je.value, (me) => (c(), h("td", { key: me }, [
                   F(ae, {
                     height: "0.9rem",
-                    width: ye(Z, me)
+                    width: we(Z, me)
                   }, null, 8, ["width"])
                 ]))), 128))
               ]))), 128)) : y("", !0),
@@ -1901,17 +1901,17 @@ const Tn = { class: "ck-table" }, Sn = {
           class: V(["ck-table--mobile-container", { "ck-table__body--refreshing": E.value }])
         }, [
           K(L.$slots, "mobile", {}, void 0, !0),
-          be.value ? (c(!0), h(_, { key: 0 }, ie(Y.value, (Z) => (c(), h("div", {
+          ye.value ? (c(!0), h(_, { key: 0 }, ie(Y.value, (Z) => (c(), h("div", {
             key: Z,
             class: "ck-table__skeleton-card"
           }, [
             F(ae, {
               height: "0.9rem",
-              width: ye(Z, 0)
+              width: we(Z, 0)
             }, null, 8, ["width"]),
             F(ae, {
               height: "0.9rem",
-              width: ye(Z, 1)
+              width: we(Z, 1)
             }, null, 8, ["width"])
           ]))), 128)) : y("", !0),
           R.value ? (c(), S(St, {
@@ -3169,11 +3169,11 @@ const Ea = /* @__PURE__ */ Fe(Ta, [["render", za]]), Oa = ["id"], Ra = {
       if (!O.length) return;
       const q = O.find((xe) => xe.offsetWidth > 0) || O[0], le = (x.querySelector(".v3dp__datepicker input") || x).getBoundingClientRect();
       q.style.top = "0px", q.style.left = "0px";
-      const ee = q.getBoundingClientRect(), ce = ee.height || 300, be = ee.width || 280;
+      const ee = q.getBoundingClientRect(), ce = ee.height || 300, ye = ee.width || 280;
       let E = le.bottom + 4;
       const Y = window.innerHeight - ce - 8;
       E > Y && (E = Math.max(Y, 8));
-      const ye = window.innerWidth - be - 8, fe = Math.max(Math.min(le.left, ye), 8);
+      const we = window.innerWidth - ye - 8, fe = Math.max(Math.min(le.left, we), 8);
       for (const xe of O)
         xe.style.top = `${E - ee.top}px`, xe.style.left = `${fe - ee.left}px`;
     }
@@ -3926,8 +3926,8 @@ const Ti = {
       E && R.push({ "font-size": E }), l.width && R.push({ width: l.width });
       const Y = l.width ? "95%" : l.maxWidth || a.value.popup.maxWidth;
       Y && R.push({ "max-width": Y });
-      const ye = l.textColor || a.value.popup.textColor;
-      ye && !I.isColorTemplateVariable(ye) && (R.push(`ck-component__color--${ye}`), R.push({ color: ye }));
+      const we = l.textColor || a.value.popup.textColor;
+      we && !I.isColorTemplateVariable(we) && (R.push(`ck-component__color--${we}`), R.push({ color: we }));
       let fe = "var(--ck-surface-solid)";
       return a.value.popup.backgroundColor && (fe = a.value.popup.backgroundColor), a.value.darkMode && (fe = a.value.darkModeColorItems), l.backgroundColor && (fe = l.backgroundColor), fe && !I.isColorTemplateVariable(fe) && R.push({ backgroundColor: fe }), R;
     }), d = r(() => {
@@ -3974,16 +3974,16 @@ const Ti = {
       const E = R.target;
       return E instanceof HTMLElement ? E instanceof HTMLTextAreaElement || E.isContentEditable : !1;
     }
-    function be(R) {
+    function ye(R) {
       if (t.value && (R.key === "Escape" && ee(), R.key === "Enter" && R.shiftKey)) {
         if (ce(R)) return;
         le();
       }
     }
     return Se(() => {
-      window.addEventListener("keydown", be), t.value && f();
+      window.addEventListener("keydown", ye), t.value && f();
     }), Ge(() => {
-      window.removeEventListener("keydown", be), i();
+      window.removeEventListener("keydown", ye), i();
     }), (R, E) => (c(), S(Ue, { to: "body" }, [
       F(qe, { name: "ck-popup" }, {
         default: N(() => [
@@ -4216,18 +4216,18 @@ const Wi = {
       if (k.value) return l.options;
       const g = At(i.value).split(" ");
       return l.options.filter((z) => {
-        const j = At(Ae(z));
+        const j = At(`${Ae(z)} ${ke(z)}`);
         return g.every((W) => j.includes(W));
       });
     }), x = r(() => {
-      const g = G.value, z = [...new Set(g.map((W) => we(W)).filter(Boolean))];
+      const g = G.value, z = [...new Set(g.map((W) => ke(W)).filter(Boolean))];
       if (!z.length) return g;
-      const j = z.flatMap((W) => g.filter((ae) => we(ae) === W));
-      return [...g.filter((W) => !we(W)), ...j];
+      const j = z.flatMap((W) => g.filter((ae) => ke(ae) === W));
+      return [...g.filter((W) => !ke(W)), ...j];
     }), O = r(() => {
       let g = "";
       return x.value.map((z, j) => {
-        const W = we(z), ae = W && W !== g ? W : "";
+        const W = ke(z), ae = W && W !== g ? W : "";
         return g = W, { option: z, optionIndex: j, headerName: ae };
       });
     }), q = r(() => x.value.length), re = r(() => {
@@ -4250,12 +4250,12 @@ const Wi = {
         default:
           return null;
       }
-    }), be = r(() => {
+    }), ye = r(() => {
       const g = n.value;
       return ee.value ? g === ee.value : typeof g == "number" ? g === 0 : typeof g == "string" ? g === "" : typeof g == "object" && g ? Array.isArray(g) ? g.length === 0 : Object.keys(g).length === 0 : g === null;
     }), R = r(() => l.isLoading ? "Cargando..." : M.value ? l.emptyOptionsMsg : l.placeholder), E = r(
-      () => (M.value || be.value) && !i.value && R.value || l.isLoading
-    ), Y = r(() => le.value || l.notClearable ? !1 : !be.value), ye = r(() => {
+      () => (M.value || ye.value) && !i.value && R.value || l.isLoading
+    ), Y = r(() => le.value || l.notClearable ? !1 : !ye.value), we = r(() => {
       const g = [];
       return l.icon && g.push("has-icon-left"), l.iconRight && g.push("has-icon-right"), g;
     }), fe = r(() => {
@@ -4288,12 +4288,12 @@ const Wi = {
         f.value = { display: "none" };
         return;
       }
-      const z = 4, j = document.documentElement.clientHeight, W = document.documentElement.clientWidth, ae = p.value.getBoundingClientRect(), ke = {}, Ee = ae.top < j / 2;
-      Ee ? ke.top = `${ae.bottom + z}px` : ke.bottom = `${j - ae.top + z}px`;
+      const z = 4, j = document.documentElement.clientHeight, W = document.documentElement.clientWidth, ae = p.value.getBoundingClientRect(), be = {}, Ee = ae.top < j / 2;
+      Ee ? be.top = `${ae.bottom + z}px` : be.bottom = `${j - ae.top + z}px`;
       const Z = Math.min(360, W - ae.left - 8);
-      ke.left = `${ae.left}px`, ke.width = "max-content", ke["min-width"] = `${ae.width}px`, ke["max-width"] = `${Math.max(ae.width, Z)}px`;
+      be.left = `${ae.left}px`, be.width = "max-content", be["min-width"] = `${ae.width}px`, be["max-width"] = `${Math.max(ae.width, Z)}px`;
       const me = 100;
-      ke["max-height"] = Ee ? `${j - ae.top - me}px` : `${ae.bottom - me}px`, ke.display = "block", f.value = ke;
+      be["max-height"] = Ee ? `${j - ae.top - me}px` : `${ae.bottom - me}px`, be.display = "block", f.value = be;
     });
     function Ce(g) {
       return l.reduceValueFunction ? l.reduceValueFunction(g) : l.notReduceValue || l.notReduce ? g : l.reduceValueMethod ? g[l.reduceValueMethod]() : g[l.reduceValueProp];
@@ -4301,7 +4301,7 @@ const Wi = {
     function Ae(g) {
       return l.reduceNameFunction ? l.reduceNameFunction(g) : l.notReduceName || l.notReduce ? g : l.reduceNameMethod ? g[l.reduceNameMethod]() : g[l.reduceNameProp];
     }
-    function we(g) {
+    function ke(g) {
       return l.reduceGroupFunction ? l.reduceGroupFunction(g) || "" : (g == null ? void 0 : g[l.reduceGroupProp]) || "";
     }
     function B() {
@@ -4358,7 +4358,7 @@ const Wi = {
     }), ze(), (g, z) => {
       const j = X("ck-button");
       return c(), h("div", {
-        class: V(["ck-select", ye.value]),
+        class: V(["ck-select", we.value]),
         style: U(fe.value)
       }, [
         e.label ? (c(), S(Xe, {
@@ -4403,15 +4403,15 @@ const Wi = {
                 class: "ck-input-dropdown",
                 style: U(f.value)
               }, [
-                (c(!0), h(_, null, ie(O.value, ({ option: W, optionIndex: ae, headerName: ke }) => (c(), h(_, {
+                (c(!0), h(_, null, ie(O.value, ({ option: W, optionIndex: ae, headerName: be }) => (c(), h(_, {
                   key: Ce(W)
                 }, [
-                  ke ? (c(), h("li", Qi, A(ke), 1)) : y("", !0),
+                  be ? (c(), h("li", Qi, A(be), 1)) : y("", !0),
                   C("li", {
                     class: V(["dropdown--option", {
                       "dropdown--option__selected": Ce(W) === n.value,
                       "dropdown--option__index-selected": ae === d.value,
-                      "dropdown--option__grouped": we(W)
+                      "dropdown--option__grouped": ke(W)
                     }]),
                     onMousedown: (Ee) => Me(Ce(W)),
                     onMouseenter: (Ee) => d.value = ae
@@ -4468,7 +4468,7 @@ const Wi = {
       ], 6);
     };
   }
-}), Xi = /* @__PURE__ */ Q(ji, [["__scopeId", "data-v-74362b84"]]), Ji = {
+}), Xi = /* @__PURE__ */ Q(ji, [["__scopeId", "data-v-bc53592f"]]), Ji = {
   key: 0,
   class: "sidebar-header-title"
 }, Yi = {

package/package.json

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