adverich-kun-ui 0.1.524 → 0.1.526

package/dist/components/KunList/src/components/KunList.vue.js

@@ -1,4 +1,4 @@
-import { mergeModels as g, ref as v, useModel as D, provide as p, computed as B, onUpdated as C, createElementBlock as M, openBlock as S, mergeProps as I, withModifiers as E, renderSlot as L } from "vue";
+import { mergeModels as g, ref as v, useModel as D, provide as b, computed as h, onUpdated as B, createElementBlock as E, openBlock as I, mergeProps as S, renderSlot as M } from "vue";
 const R = {
   __name: "KunList",
   props: /* @__PURE__ */ g({
@@ -21,15 +21,15 @@ const R = {
     selectedModifiers: {}
   }),
   emits: /* @__PURE__ */ g(["keyDown", "click:select", "update:selected"], ["update:selected"]),
-  setup(o, { expose: w, emit: b }) {
-    const c = o, a = b, f = v(null), s = v([]), i = D(o, "selected");
-    p("registerListItemRef", (e) => {
+  setup(o, { expose: p, emit: w }) {
+    const c = o, a = w, f = v(null), s = v([]), i = D(o, "selected");
+    b("registerListItemRef", (e) => {
       e ? e.isConnected && !s.value.includes(e) && (s.value.push(e), s.value.sort((t, n) => {
         const r = t.id ?? "", l = n.id ?? "";
         return r.localeCompare(l, void 0, { numeric: !0, sensitivity: "base" });
       })) : s.value = s.value.filter((t) => t && t.isConnected);
     });
-    const m = B(() => c.selectable && c.selectionMode === "multiple");
+    const m = h(() => c.selectable && c.selectionMode === "multiple");
     function y(e) {
       if (!(!c.selectable || e == null))
         if (m.value) {
@@ -38,20 +38,21 @@ const R = {
         } else
           i.value = e;
     }
-    C(() => {
+    B(() => {
       s.value = s.value.filter((e) => e && e.isConnected);
     });
-    function k(e) {
+    function A(e) {
       var t, n;
       return !c.selectable || e == null ? !1 : m.value ? (n = (t = i.value) == null ? void 0 : t.includes) == null ? void 0 : n.call(t, e) : i.value === e;
     }
-    p("kunListContext", {
+    b("kunListContext", {
       toggleItem: y,
-      isSelected: k
+      isSelected: A
     });
-    function A(e) {
+    function k(e) {
       var r;
-      a("keyDown", e);
+      if (a("keyDown", e), ["INPUT", "TEXTAREA"].includes(e.target.tagName) || e.target.isContentEditable)
+        return;
       const t = e.key, n = s.value.filter((l) => l && l.isConnected);
       if (!(!n.length || !["ArrowUp", "ArrowDown", "Enter"].includes(t))) {
         if (t === "Enter") {
@@ -61,7 +62,7 @@ const R = {
         }
         if (t === "ArrowUp" || t === "ArrowDown") {
           e.preventDefault();
-          const l = n.findIndex((x) => x === document.activeElement);
+          const l = n.findIndex((C) => C === document.activeElement);
           let d = -1;
           l === -1 ? d = t === "ArrowDown" ? 0 : n.length - 1 : t === "ArrowDown" ? d = (l + 1) % n.length : t === "ArrowUp" && (d = (l - 1 + n.length) % n.length);
           const u = n[d];
@@ -70,17 +71,17 @@ const R = {
         }
       }
     }
-    function h(e = "ArrowDown") {
+    function x(e = "ArrowDown") {
       var l;
       const t = s.value.filter(Boolean);
       if (!t.length) return;
       const n = e === "ArrowDown" ? 0 : t.length - 1, r = t[n];
       (l = r == null ? void 0 : r.focus) == null || l.call(r);
     }
-    return w({ focusWithKey: h, focus: () => {
+    return p({ focusWithKey: x, focus: () => {
       var e, t;
       return (t = (e = f.value) == null ? void 0 : e.focus) == null ? void 0 : t.call(e);
-    } }), (e, t) => (S(), M("ul", I({
+    } }), (e, t) => (I(), E("ul", S({
       ref_key: "ulRef",
       ref: f,
       role: "list",
@@ -95,10 +96,10 @@ const R = {
         }
       ]],
       tabindex: "-1",
-      onKeydown: E(A, ["prevent"]),
+      onKeydown: k,
       onSelect: t[0] || (t[0] = (n) => a("click:select", n.detail))
     }, e.$attrs), [
-      L(e.$slots, "default")
+      M(e.$slots, "default")
     ], 16));
   }
 };

package/dist/components/KunNumberField/src/composables/useKunNumberFieldComposable.js

@@ -1,247 +1,262 @@
-import { ref as V, computed as Z, watch as _, nextTick as d } from "vue";
-import { clamp as v, toRawNumberString as k, fromRawString as M } from "./numberFormatUtils.js";
-function te(n, s) {
-  const r = V(""), o = V(null), T = V(null), w = V(!1), h = V(0);
+import { ref as M, computed as p, watch as ee, nextTick as N } from "vue";
+import { clamp as g, toRawNumberString as k, fromRawString as x } from "./numberFormatUtils.js";
+function ue(n, c) {
+  const r = M(""), o = M(null), L = M(null), h = M(!1), S = M(0);
   let a = "";
-  const I = Z(() => {
+  const $ = p(() => {
     const e = Number(n.precision);
     return e > 0 ? e + 1 : 1;
   });
-  function b(e, t = 2, l = !1) {
+  function b(e, t = 2, u = !1, l = !0) {
     if (e == null || isNaN(e)) return "";
-    const u = Number(t), f = Number(e) < 0 ? "-" : "", i = Math.abs(Number(e));
-    let c = k(i, u);
-    const m = u + 1;
-    c.length < m && (c = c.padStart(m, "0"));
-    const N = c.slice(0, c.length - u) || "0";
-    let S = u > 0 ? c.slice(-u) : "";
-    u > 0 && l && (S = S.replace(/0+$/, ""));
-    const D = N.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
-    return u === 0 || !S || S.length === 0 ? f + D : f + D + "," + S;
-  }
-  function L(e) {
+    const f = Number(t), d = Number(e) < 0 ? "-" : "", i = Math.abs(Number(e));
+    let s = k(i, f);
+    const m = f + 1;
+    s.length < m && (s = s.padStart(m, "0"));
+    const w = s.slice(0, s.length - f) || "0";
+    let V = f > 0 ? s.slice(-f) : "";
+    f > 0 && u && (V = V.replace(/0+$/, ""));
+    const D = l ? w.replace(/\B(?=(\d{3})+(?!\d))/g, ".") : w;
+    return f === 0 || !V || V.length === 0 ? d + D : d + D + "," + V;
+  }
+  function y(e) {
     if (e == null) return NaN;
     let t = String(e).trim();
     return t ? (t = t.replace(/\s+/g, ""), t = t.replace(/\./g, ""), t = t.replace(/,/g, "."), t = t.replace(/[^0-9\.\-]/g, ""), t === "" ? NaN : parseFloat(t)) : NaN;
   }
-  function $(e) {
+  const A = C((e) => {
+    c("update:modelValue", e);
+  }, 250);
+  function K(e) {
     const t = o.value;
     if (!t) return;
-    let l = t.value;
-    const u = Number(n.precision), f = t.selectionStart || 0;
-    if (u === 0) {
-      let i = l.replace(/[^0-9\-]/g, "");
-      i = i.replace(/^0+(\d)/, "$1"), r.value = i, d(() => {
+    let u = t.value;
+    const l = Number(n.precision), f = t.selectionStart || 0;
+    if (l === 0) {
+      let i = u.replace(/[^0-9\-]/g, "");
+      i = i.replace(/^0+(\d)/, "$1"), r.value = i, N(() => {
         if (!o.value) return;
         o.value.value = i;
-        const c = Math.min(i.length, f);
-        o.value.setSelectionRange(c, c);
-      }), s("input", i);
+        const s = Math.min(i.length, f);
+        o.value.setSelectionRange(s, s);
+      }), c("input", i);
       return;
     }
-    if (l = l.replace(/\./g, ",").replace(/\s+/g, ""), l = l.replace(/[^0-9,\-]/g, ""), (l.match(/,/g) || []).length > 1) {
-      const i = l.split(","), c = i.shift() || "", m = i.join("");
-      l = c + (m.length ? "," + m : "");
+    if (u = u.replace(/\./g, ",").replace(/\s+/g, ""), u = u.replace(/[^0-9,\-]/g, ""), (u.match(/,/g) || []).length > 1) {
+      const i = u.split(","), s = i.shift() || "", m = i.join("");
+      u = s + (m.length ? "," + m : "");
     }
-    if (l.includes(",")) {
-      const [i, c = ""] = l.split(","), m = c.slice(0, u);
-      l = i + (m.length ? "," + m : ",");
+    if (u.includes(",")) {
+      const [i, s = ""] = u.split(","), m = s.slice(0, l);
+      u = i + (m.length ? "," + m : ",");
     }
-    r.value = l, d(A), d(() => {
+    r.value = u, N(E), N(() => {
       const i = f;
       t.setSelectionRange(i, i);
-    }), s("input", l);
+    }), c("input", u);
+    const d = y(u);
+    isNaN(d) || A(d);
   }
-  function A() {
+  function C(e, t = 250) {
+    let u;
+    return (...l) => {
+      clearTimeout(u), u = setTimeout(() => e(...l), t);
+    };
+  }
+  function E() {
     o.value && (o.value.value = r.value);
   }
-  function K(e) {
-    if (w.value = !0, !o.value) return;
-    const t = Number(n.modelValue), l = Number(n.precision);
+  function H(e) {
+    if (h.value = !0, !o.value) return;
+    const t = Number(n.modelValue), u = Number(n.precision);
     if (isNaN(t)) {
-      r.value = "", s("focus");
+      r.value = "", c("focus");
       return;
     }
     if (t === 0) {
-      r.value = "", d(() => {
+      r.value = "", N(() => {
         try {
           o.value.setSelectionRange(0, 0);
         } catch {
         }
-      }), s("focus");
+      }), c("focus");
       return;
     }
-    let u = k(Math.abs(t), l);
-    const f = u.slice(0, u.length - l) || "0";
-    let i = l > 0 ? u.slice(-l) : "";
-    l > 0 && (i = i.replace(/0+$/, "")), r.value = (t < 0 ? "-" : "") + f + (i.length ? "," + i : ""), d(() => {
+    let l = k(Math.abs(t), u);
+    const f = l.slice(0, l.length - u) || "0";
+    let d = u > 0 ? l.slice(-u) : "";
+    u > 0 && (d = d.replace(/0+$/, "")), r.value = (t < 0 ? "-" : "") + f + (d.length ? "," + d : ""), N(() => {
       try {
-        const c = r.value.length;
-        o.value.setSelectionRange(c, c);
+        const i = r.value.length;
+        o.value.setSelectionRange(i, i);
       } catch {
       }
-    }), s("focus");
+    }), c("focus");
   }
-  function C() {
-    w.value = !1;
+  function j() {
+    h.value = !1;
     let e = (r.value ?? "").toString().trim();
     e || (e = "0");
-    let t = L(e);
-    isNaN(t) && (t = 0), t = v(t, n.min, n.max), r.value = b(t, Number(n.precision), !1), s("update:modelValue", t), s("blur");
-  }
-  function x(e) {
-    return Number(n.precision) === 0 ? e === "" ? "0" : e.replace(/^0+(\d)/, "$1") : e.padStart(I.value, "0");
-  }
-  function y(e, t) {
-    let l = 0;
-    for (let u = 0; u < t; u++)
-      /\d/.test(e[u]) && l++;
-    return l;
-  }
-  function E(e, t) {
-    let l = 0;
-    for (let u = 0; u < e.length; u++)
-      if (/\d/.test(e[u])) {
-        if (l === t) return u;
-        l++;
+    let t = y(e);
+    isNaN(t) && (t = 0), t = g(t, n.min, n.max), r.value = b(t, Number(n.precision), !1), c("update:modelValue", t), c("blur");
+  }
+  function F(e) {
+    return Number(n.precision) === 0 ? e === "" ? "0" : e.replace(/^0+(\d)/, "$1") : e.padStart($.value, "0");
+  }
+  function T(e, t) {
+    let u = 0;
+    for (let l = 0; l < t; l++)
+      /\d/.test(e[l]) && u++;
+    return u;
+  }
+  function U(e, t) {
+    let u = 0;
+    for (let l = 0; l < e.length; l++)
+      if (/\d/.test(e[l])) {
+        if (u === t) return l;
+        u++;
       }
-    for (let u = e.length - 1; u >= 0; u--)
-      if (/\d/.test(e[u])) return u + 1;
+    for (let l = e.length - 1; l >= 0; l--)
+      if (/\d/.test(e[l])) return l + 1;
     return e.length;
   }
-  function F() {
+  function B() {
     const e = Number(n.precision) + 1;
     a = String(a || "").padStart(e, "0");
-    const t = Math.max(1, a.length - Number(n.precision)), l = a.slice(0, t) || "0", u = a.slice(t).padEnd(Number(n.precision), "0").slice(0, Number(n.precision)), f = `${l}.${u}`, i = parseFloat(f), c = v(i, n.min, n.max);
-    a = k(c, Number(n.precision)), r.value = b(c, Number(n.precision), !1), s("update:modelValue", c), s("input", c), d(() => {
+    const t = Math.max(1, a.length - Number(n.precision)), u = a.slice(0, t) || "0", l = a.slice(t).padEnd(Number(n.precision), "0").slice(0, Number(n.precision)), f = `${u}.${l}`, d = parseFloat(f), i = g(d, n.min, n.max);
+    a = k(i, Number(n.precision)), r.value = b(i, Number(n.precision), !1), c("update:modelValue", i), c("input", i), N(() => {
       if (o.value)
         try {
-          const m = r.value;
-          let N = E(m, h.value);
-          for (; N < m.length && !/\d/.test(m[N]); ) N++;
-          o.value.setSelectionRange(N, N);
+          const s = r.value;
+          let m = U(s, S.value);
+          for (; m < s.length && !/\d/.test(s[m]); ) m++;
+          o.value.setSelectionRange(m, m);
         } catch {
           o.value.setSelectionRange(r.value.length, r.value.length);
         }
     });
   }
-  function H() {
-    w.value = !1, a = x(a);
-    const e = M(a, Number(n.precision)), t = v(e, n.min, n.max);
-    a = k(t, Number(n.precision)), a = x(a), r.value = b(t, Number(n.precision), !1), s("update:modelValue", t), s("blur");
+  function q() {
+    h.value = !1, a = F(a);
+    const e = x(a, Number(n.precision)), t = g(e, n.min, n.max);
+    a = k(t, Number(n.precision)), a = F(a), r.value = b(t, Number(n.precision), !1), c("update:modelValue", t), c("blur");
   }
-  function j(e) {
-    w.value = !0, d(() => {
-      var l;
+  function z(e) {
+    h.value = !0, N(() => {
+      var u;
       if (!o.value) return;
-      if ((e == null ? void 0 : e.relatedTarget) !== void 0 || ((l = e == null ? void 0 : e.sourceCapabilities) == null ? void 0 : l.firesTouchEvents) === !1) {
-        const u = r.value.length;
-        o.value.setSelectionRange(u, u), h.value = r.value.replace(/\D/g, "").length;
+      if ((e == null ? void 0 : e.relatedTarget) !== void 0 || ((u = e == null ? void 0 : e.sourceCapabilities) == null ? void 0 : u.firesTouchEvents) === !1) {
+        const l = r.value.length;
+        o.value.setSelectionRange(l, l), S.value = r.value.replace(/\D/g, "").length;
       } else {
-        const u = o.value.selectionStart || 0;
-        h.value = y(r.value, u);
+        const l = o.value.selectionStart || 0;
+        S.value = T(r.value, l);
       }
-    }), s("focus");
+    }), c("focus");
   }
-  function U(e) {
+  function G(e) {
     var t;
     (t = e.preventDefault) == null || t.call(e);
   }
-  function q(e) {
+  function J(e) {
     if (n.formatMode !== "bank") return;
-    const { key: t, target: l } = e, u = /^[0-9]$/.test(t), f = t === "Backspace", i = t === "Delete", c = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(t), m = e.ctrlKey || e.metaKey, N = t === "Home", S = t === "End";
+    const { key: t, target: u } = e, l = /^[0-9]$/.test(t), f = t === "Backspace", d = t === "Delete", i = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(t), s = e.ctrlKey || e.metaKey, m = t === "Home", w = t === "End";
     if (t === "Tab") return;
-    if (N) {
-      d(() => {
+    if (m) {
+      N(() => {
         if (!o.value) return;
-        const P = r.value.search(/\d/);
-        o.value.setSelectionRange(P, P);
+        const I = r.value.search(/\d/);
+        o.value.setSelectionRange(I, I);
       });
       return;
     }
-    if (S) {
-      d(() => {
+    if (w) {
+      N(() => {
         if (!o.value) return;
         const R = r.value;
         o.value.setSelectionRange(R.length, R.length);
       });
       return;
     }
-    if (c || m) return;
-    const X = (l == null ? void 0 : l.selectionStart) ?? 0, Y = r.value || "", g = y(Y, X);
+    if (i || s) return;
+    const D = (u == null ? void 0 : u.selectionStart) ?? 0, _ = r.value || "", v = T(_, D);
     e.preventDefault();
-    const B = Number(n.precision) + 1;
-    for (; a.length < B; ) a = "0" + a;
-    if (u)
-      a = a.substring(0, g) + t + a.substring(g), h.value = g + 1;
+    const P = Number(n.precision) + 1;
+    for (; a.length < P; ) a = "0" + a;
+    if (l)
+      a = a.substring(0, v) + t + a.substring(v), S.value = v + 1;
     else if (f) {
-      if (g > 0) {
-        const R = g - 1;
-        a = a.substring(0, R) + a.substring(R + 1), h.value = R;
+      if (v > 0) {
+        const R = v - 1;
+        a = a.substring(0, R) + a.substring(R + 1), S.value = R;
       }
-    } else if (i)
-      g < a.length && (a = a.substring(0, g) + a.substring(g + 1), h.value = g);
+    } else if (d)
+      v < a.length && (a = a.substring(0, v) + a.substring(v + 1), S.value = v);
     else return;
-    for (; a.length < B; ) a = "0" + a;
-    F();
+    for (; a.length < P; ) a = "0" + a;
+    B();
   }
-  function z() {
+  function O() {
     let e;
-    n.formatMode === "bank" ? (e = M(a, Number(n.precision)) || 0, e = v(e + Number(n.step), n.min, n.max), a = k(e, Number(n.precision)), r.value = b(e, Number(n.precision), !1), s("update:modelValue", e), s("input", e)) : (e = Number(n.modelValue ?? 0) || 0, e = v(e + Number(n.step), n.min, n.max), r.value = b(e, Number(n.precision), !1), s("update:modelValue", e), s("input", e));
+    n.formatMode === "bank" ? (e = x(a, Number(n.precision)) || 0, e = g(e + Number(n.step), n.min, n.max), a = k(e, Number(n.precision)), r.value = b(e, Number(n.precision), !1), c("update:modelValue", e), c("input", e)) : (e = Number(n.modelValue ?? 0) || 0, e = g(e + Number(n.step), n.min, n.max), r.value = b(e, Number(n.precision), !1), c("update:modelValue", e), c("input", e));
   }
-  function G() {
+  function Q() {
     let e;
-    n.formatMode === "bank" ? (e = M(a, Number(n.precision)) || 0, e = v(e - Number(n.step), n.min, n.max), a = k(e, Number(n.precision)), r.value = b(e, Number(n.precision), !1), s("update:modelValue", e), s("input", e)) : (e = Number(n.modelValue ?? 0) || 0, e = v(e - Number(n.step), n.min, n.max), r.value = b(e, Number(n.precision), !1), s("update:modelValue", e), s("input", e));
+    n.formatMode === "bank" ? (e = x(a, Number(n.precision)) || 0, e = g(e - Number(n.step), n.min, n.max), a = k(e, Number(n.precision)), r.value = b(e, Number(n.precision), !1), c("update:modelValue", e), c("input", e)) : (e = Number(n.modelValue ?? 0) || 0, e = g(e - Number(n.step), n.min, n.max), r.value = b(e, Number(n.precision), !1), c("update:modelValue", e), c("input", e));
   }
-  function J() {
-    n.formatMode === "bank" ? (a = "0".repeat(Number(n.precision) + 1), h.value = Number(n.precision) + 1, F(), d(() => {
+  function W() {
+    n.formatMode === "bank" ? (a = "0".repeat(Number(n.precision) + 1), S.value = Number(n.precision) + 1, B(), N(() => {
       var e, t;
       return (t = (e = o.value) == null ? void 0 : e.focus) == null ? void 0 : t.call(e);
-    })) : (r.value = "", s("update:modelValue", null), d(() => {
+    })) : (r.value = "", c("update:modelValue", null), N(() => {
       var e, t;
       return (t = (e = o.value) == null ? void 0 : e.focus) == null ? void 0 : t.call(e);
     }));
   }
-  _(
+  ee(
     [() => n.modelValue, () => n.precision, () => n.formatMode],
-    ([e, t, l]) => {
-      if (l !== "bank") {
-        r.value = b(Number(e ?? 0), Number(t), !1);
+    ([e, t, u]) => {
+      if (u !== "bank") {
+        if (h.value) {
+          const l = Number(e ?? 0);
+          l === 0 ? r.value = "" : r.value = b(l, Number(t), !0, !1);
+        } else
+          r.value = b(Number(e ?? 0), Number(t), !1, !0);
         return;
       }
       if (e == null || isNaN(e))
         r.value = b(0, Number(t), !1), a = "0".repeat(Number(t) + 1);
       else {
-        const u = Number(e), f = v(u, n.min, n.max);
+        const l = Number(e), f = g(l, n.min, n.max);
         a = k(f, Number(t)), a.length < Number(t) + 1 && (a = a.padStart(Number(t) + 1, "0")), r.value = b(f, Number(t), !1);
       }
     },
     { immediate: !0 }
   );
-  function O(e) {
-    return n.formatMode !== "bank" ? $() : U(e);
+  function X(e) {
+    return n.formatMode !== "bank" ? K() : G(e);
   }
-  function Q(e) {
-    return n.formatMode !== "bank" ? K() : j(e);
+  function Y(e) {
+    return n.formatMode !== "bank" ? H() : z(e);
   }
-  function W(e) {
-    return n.formatMode !== "bank" ? C() : H();
+  function Z(e) {
+    return n.formatMode !== "bank" ? j() : q();
   }
   return {
     inputValue: r,
     numberInput: o,
-    rootRef: T,
-    validateKey: q,
-    handleFocus: Q,
-    handleBlur: W,
-    handleInput: O,
-    onIncrement: z,
-    onDecrement: G,
-    onClear: J,
-    isActive: w,
-    focus: w
+    rootRef: L,
+    validateKey: J,
+    handleFocus: Y,
+    handleBlur: Z,
+    handleInput: X,
+    onIncrement: O,
+    onDecrement: Q,
+    onClear: W,
+    isActive: h,
+    focus: h
   };
 }
 export {
-  te as useKunNumberField
+  ue as useKunNumberField
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.524",
+  "version": "0.1.526",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",