adverich-kun-ui 0.1.522 → 0.1.524

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

@@ -1,35 +1,19 @@
-function u(t, n, r) {
+function o(t, n, r) {
   return Math.min(Math.max(t, Number(n)), Number(r));
 }
-function o(t, { precision: n, locale: r = "en-US", useGrouping: e = !0 }) {
-  const m = typeof t == "number" ? t : parseFloat(t);
-  if (n === 0)
-    return new Intl.NumberFormat(r, {
-      minimumFractionDigits: 0,
-      maximumFractionDigits: 0,
-      useGrouping: e
-    }).format(Math.round(m));
-  const a = m.toFixed(n);
-  return new Intl.NumberFormat(r, {
-    minimumFractionDigits: n,
-    maximumFractionDigits: n,
-    useGrouping: e
-  }).format(parseFloat(a));
-}
-function i(t, n) {
+function c(t, n) {
   const r = typeof t == "number" ? t : parseFloat(t);
   return n === 0 ? Math.round(r).toString() : r.toFixed(n).replace(".", "").replace(",", "");
 }
-function f(t, n) {
+function m(t, n) {
   if (!t || t.length === 0) return 0;
   if (n === 0)
     return parseInt(t, 10) || 0;
-  const r = t.padStart(n + 1, "0"), e = r.slice(0, -n), m = r.slice(-n), a = `${e}.${m}`;
-  return parseFloat(a);
+  const r = t.padStart(n + 1, "0"), e = r.slice(0, -n), a = r.slice(-n), u = `${e}.${a}`;
+  return parseFloat(u);
 }
 export {
-  u as clamp,
-  o as format,
-  f as fromRawString,
-  i as toRawNumberString
+  o as clamp,
+  m as fromRawString,
+  c as toRawNumberString
 };

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

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

package/package.json

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