adverich-kun-ui 0.1.521 → 0.1.523

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

@@ -1,48 +1,48 @@
-import { getCurrentInstance as z, useSlots as E, nextTick as P, computed as R, createElementBlock as l, openBlock as r, createCommentVNode as n, createElementVNode as d, normalizeClass as y, toDisplayString as u, mergeProps as U, unref as o, createBlock as I, renderSlot as x, createVNode as V, withCtx as H, Fragment as j, renderList as L } from "vue";
-import { KunNumberFieldProps as T } from "../composables/KunNumberFieldProps.js";
-import { useKunNumberField as q } from "../composables/useKunNumberFieldComposable.js";
-import G from "../../../KunBtn/src/components/KunBtn.vue.js";
+import { getCurrentInstance as E, useSlots as P, nextTick as R, computed as U, createElementBlock as l, openBlock as s, createCommentVNode as n, createElementVNode as d, normalizeClass as c, toDisplayString as u, mergeProps as H, unref as o, createBlock as x, renderSlot as V, createVNode as j, withCtx as L, Fragment as D, renderList as T } from "vue";
+import { KunNumberFieldProps as q } from "../composables/KunNumberFieldProps.js";
+import { useKunNumberField as G } from "../composables/useKunNumberFieldComposable.js";
+import J from "../../../KunBtn/src/components/KunBtn.vue.js";
 import f from "../../../KunIcon/src/components/KunIcon.vue.js";
-import J from "../../../../icons/IconClose.vue.js";
-const O = {
+import O from "../../../../icons/IconClose.vue.js";
+const Q = {
   key: 0,
   class: "h-full"
-}, Q = ["disabled"], W = {
+}, W = ["disabled"], X = {
   key: 1,
   class: "mx-2"
-}, X = {
+}, Y = {
   key: 2,
   class: "flex items-center justify-center h-full pl-2"
-}, Y = ["value", "placeholder", "readonly", "disabled", "maxlength", "aria-invalid"], Z = {
+}, Z = ["value", "placeholder", "readonly", "disabled", "maxlength", "aria-invalid"], _ = {
   key: 3,
   class: "px-2"
-}, _ = {
+}, ee = {
   key: 0,
   class: "flex items-center h-full"
-}, ee = ["disabled"], te = ["disabled"], oe = {
+}, te = ["disabled"], oe = ["disabled"], re = {
   key: 1,
   class: "flex flex-col items-center justify-center border-l border-slate-600"
-}, re = ["disabled"], se = ["disabled"], le = {
+}, se = ["disabled"], le = ["disabled"], ne = {
   key: 5,
   class: "flex items-center justify-center h-full pr-1"
-}, ne = {
+}, de = {
   key: 6,
   class: "h-full"
-}, de = ["disabled"], ie = {
+}, ie = ["disabled"], ae = {
   key: 7,
   class: "ml-2"
-}, ae = {
+}, ue = {
   key: 0,
   class: "h-[1.25rem]"
-}, ue = {
+}, pe = {
   key: 0,
   class: "text-red-500 text-sm text-center"
-}, pe = { key: 0 }, be = { key: 1 }, ce = {
+}, be = { key: 0 }, ye = { key: 1 }, ce = {
   key: 1,
   class: "text-xs text-center"
-}, we = {
+}, ge = {
   __name: "KunNumberField",
-  props: T,
+  props: q,
   emits: [
     "update:modelValue",
     "focus",
@@ -52,47 +52,50 @@ const O = {
     "keyDown",
     "keyUp"
   ],
-  setup(D, { expose: F, emit: K }) {
-    const p = D, b = K, k = `number-input-${z().uid}`, m = E(), N = !!m["prepend-icon"], A = !!m["append-icon"], {
+  setup(F, { expose: K, emit: N }) {
+    const p = F, b = N, k = `number-input-${E().uid}`, m = P(), A = !!m["prepend-icon"], B = !!m["append-icon"], {
       inputValue: h,
-      numberInput: c,
+      numberInput: y,
       rootRef: v,
       onIncrement: i,
       onDecrement: a,
-      onClear: B,
-      validateKey: M,
+      onClear: M,
+      validateKey: S,
       focus: w,
       handleFocus: g,
-      handleBlur: C
-    } = q(p, b);
-    F({
-      numberInput: c,
+      handleBlur: C,
+      handleInput: I
+    } = G(p, b);
+    K({
+      numberInput: y,
       rootRef: v,
       focus: () => {
-        P(() => {
+        R(() => {
           var e;
-          (e = c.value) == null || e.focus();
+          (e = y.value) == null || e.focus();
         });
       }
     });
-    const S = R(() => p.density === "compact" ? "p-1" : p.density === "comfortable" ? "p-2" : "p-3");
-    return (e, s) => (r(), l("div", {
+    const $ = U(
+      () => p.density === "compact" ? "p-1" : p.density === "comfortable" ? "p-2" : "p-3"
+    );
+    return (e, r) => (s(), l("div", {
       class: "w-full flex flex-col relative h-fit",
       ref_key: "rootRef",
       ref: v
     }, [
-      e.label ? (r(), l("label", {
+      e.label ? (s(), l("label", {
         key: 0,
         for: k,
-        class: y([
+        class: c([
           e.labelColor,
           "absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10",
           "-top-2.25 text-xs opacity-80"
         ])
       }, u(e.label), 3)) : n("", !0),
-      d("div", U({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
+      d("div", H({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
         d("div", {
-          class: y(["flex items-center w-full h-full border", [
+          class: c(["flex items-center w-full h-full border", [
             e.bgInput,
             e.rounded,
             o(w) ? "border-slate-400 dark:border-slate-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
@@ -100,25 +103,25 @@ const O = {
             e.error ? "bg-red-200 dark:bg-red-900" : ""
           ]])
         }, [
-          !e.noArrows && e.controlVariant === "split" ? (r(), l("div", O, [
+          !e.noArrows && e.controlVariant === "split" ? (s(), l("div", Q, [
             d("button", {
               type: "button",
               class: "p-3 text-lg border-r border-slate-600 text-black dark:text-white disabled:opacity-50 cursor-pointer hover:opacity-80",
-              onClick: s[0] || (s[0] = (...t) => o(a) && o(a)(...t)),
+              onClick: r[0] || (r[0] = (...t) => o(a) && o(a)(...t)),
               disabled: e.disabled || e.readonly
-            }, "−", 8, Q)
+            }, "−", 8, W)
           ])) : n("", !0),
-          e.prefix ? (r(), l("div", W, u(e.prefix), 1)) : n("", !0),
-          e.prependIcon || N ? (r(), l("div", X, [
-            e.prependIcon ? (r(), I(f, {
+          e.prefix ? (s(), l("div", X, u(e.prefix), 1)) : n("", !0),
+          e.prependIcon || A ? (s(), l("div", Y, [
+            e.prependIcon ? (s(), x(f, {
               key: 0,
               icon: e.prependIcon
-            }, null, 8, ["icon"])) : x(e.$slots, "prepend-icon", { key: 1 })
+            }, null, 8, ["icon"])) : V(e.$slots, "prepend-icon", { key: 1 })
           ])) : n("", !0),
           d("input", {
             id: k,
             ref_key: "numberInput",
-            ref: c,
+            ref: y,
             type: "text",
             value: o(h),
             placeholder: e.placeholder,
@@ -126,97 +129,98 @@ const O = {
             disabled: e.disabled,
             maxlength: e.maxlength,
             autocomplete: "off",
-            class: y(["w-full h-full bg-transparent rounded focus:outline-none", [S.value, e.textColor, e.placeholderColor, e.textCenter ? "text-center" : ""]]),
+            class: c(["w-full h-full bg-transparent rounded focus:outline-none", [$.value, e.textColor, e.placeholderColor, e.textCenter ? "text-center" : ""]]),
             "aria-invalid": e.error ? "true" : "false",
-            onBlur: s[1] || (s[1] = (...t) => o(C) && o(C)(...t)),
-            onFocus: s[2] || (s[2] = (...t) => o(g) && o(g)(...t)),
-            onKeydown: s[3] || (s[3] = (t) => (o(M)(t), b("keyDown", t))),
-            onKeyup: s[4] || (s[4] = (t) => b("keyUp", t)),
+            onBlur: r[1] || (r[1] = (...t) => o(C) && o(C)(...t)),
+            onFocus: r[2] || (r[2] = (...t) => o(g) && o(g)(...t)),
+            onInput: r[3] || (r[3] = (...t) => o(I) && o(I)(...t)),
+            onKeydown: r[4] || (r[4] = (t) => (o(S)(t), b("keyDown", t))),
+            onKeyup: r[5] || (r[5] = (t) => b("keyUp", t)),
             inputmode: "decimal",
             pattern: "[0-9]+([\\.,][0-9]+)?"
-          }, null, 42, Y),
-          e.clearable && o(h) != null ? (r(), l("div", Z, [
-            V(G, {
-              onClick: o(B),
+          }, null, 42, Z),
+          e.clearable && o(h) != null ? (s(), l("div", _, [
+            j(J, {
+              onClick: o(M),
               rounded: "rounded-full",
               bgColor: "bg-red-500/75",
               disabled: e.disabled || e.readonly,
               class: "h-6 w-6"
             }, {
-              default: H(() => [
-                V(f, {
-                  icon: J,
+              default: L(() => [
+                j(f, {
+                  icon: O,
                   size: "text-xs"
                 })
               ]),
               _: 1
             }, 8, ["onClick", "disabled"])
           ])) : n("", !0),
-          e.noArrows ? n("", !0) : (r(), l(j, { key: 4 }, [
-            e.controlVariant === "default" ? (r(), l("div", _, [
+          e.noArrows ? n("", !0) : (s(), l(D, { key: 4 }, [
+            e.controlVariant === "default" ? (s(), l("div", ee, [
               d("button", {
                 type: "button",
                 class: "flex items-center border-l border-slate-600 p-3 justify-center text-black dark:text-white hover:text-black/80 dark:hover:text-white/80 disabled:opacity-50 cursor-pointer hover:opacity-80",
-                onClick: s[5] || (s[5] = (...t) => o(i) && o(i)(...t)),
+                onClick: r[6] || (r[6] = (...t) => o(i) && o(i)(...t)),
                 disabled: e.disabled || e.readonly
-              }, " ▲ ", 8, ee),
+              }, "▲", 8, te),
               d("button", {
                 type: "button",
                 class: "flex items-center border-l border-slate-600 p-3 justify-center text-black dark:text-white hover:text-black/80 dark:hover:text-white/80 disabled:opacity-50 cursor-pointer hover:opacity-80",
-                onClick: s[6] || (s[6] = (...t) => o(a) && o(a)(...t)),
+                onClick: r[7] || (r[7] = (...t) => o(a) && o(a)(...t)),
                 disabled: e.disabled || e.readonly
-              }, " ▼ ", 8, te)
+              }, "▼", 8, oe)
             ])) : n("", !0),
-            e.controlVariant === "stacked" ? (r(), l("div", oe, [
+            e.controlVariant === "stacked" ? (s(), l("div", re, [
               d("div", {
                 class: "border-b border-slate-600 pb-1 px-3 flex hover:opacity-80 cursor-pointer",
-                onClick: s[7] || (s[7] = (...t) => o(i) && o(i)(...t))
+                onClick: r[8] || (r[8] = (...t) => o(i) && o(i)(...t))
               }, [
                 d("button", {
                   type: "button",
                   class: "text-xs text-black dark:text-white hover:text-black/80 dark:hover:text-white/80 disabled:opacity-50 cursor-pointer",
                   disabled: e.disabled || e.readonly
-                }, "▲", 8, re)
+                }, "▲", 8, se)
               ]),
               d("div", {
                 class: "border-t border-slate-600 pt-1 px-3 flex hover:opacity-80 cursor-pointer",
-                onClick: s[8] || (s[8] = (...t) => o(a) && o(a)(...t))
+                onClick: r[9] || (r[9] = (...t) => o(a) && o(a)(...t))
               }, [
                 d("button", {
                   type: "button",
                   class: "text-xs text-black dark:text-white hover:text-black/80 dark:hover:text-white/80 disabled:opacity-50 cursor-pointer",
                   disabled: e.disabled || e.readonly
-                }, "▼", 8, se)
+                }, "▼", 8, le)
               ])
             ])) : n("", !0)
           ], 64)),
-          e.appendIcon || A ? (r(), l("div", le, [
-            e.appendIcon ? (r(), I(f, {
+          e.appendIcon || B ? (s(), l("div", ne, [
+            e.appendIcon ? (s(), x(f, {
               key: 0,
               icon: e.appendIcon
-            }, null, 8, ["icon"])) : x(e.$slots, "append-icon", { key: 1 })
+            }, null, 8, ["icon"])) : V(e.$slots, "append-icon", { key: 1 })
           ])) : n("", !0),
-          !e.noArrows && e.controlVariant === "split" ? (r(), l("div", ne, [
+          !e.noArrows && e.controlVariant === "split" ? (s(), l("div", de, [
             d("button", {
               type: "button",
               class: "p-3 text-lg border-l border-slate-600 text-black dark:text-white disabled:opacity-50 cursor-pointer hover:opacity-80",
-              onClick: s[9] || (s[9] = (...t) => o(i) && o(i)(...t)),
+              onClick: r[10] || (r[10] = (...t) => o(i) && o(i)(...t)),
               disabled: e.disabled || e.readonly
-            }, "+", 8, de)
+            }, "+", 8, ie)
           ])) : n("", !0),
-          e.suffix ? (r(), l("div", ie, u(e.suffix), 1)) : n("", !0)
+          e.suffix ? (s(), l("div", ae, u(e.suffix), 1)) : n("", !0)
         ], 2),
-        e.hideDetails ? n("", !0) : (r(), l("div", ae, [
-          e.error || e.errorMessages ? (r(), l("div", ue, [
-            Array.isArray(e.errorMessages) ? (r(), l("div", pe, [
-              (r(!0), l(j, null, L(e.errorMessages, (t, $) => (r(), l("div", { key: $ }, u(t), 1))), 128))
-            ])) : typeof e.errorMessages == "string" ? (r(), l("div", be, u(e.errorMessages), 1)) : n("", !0)
-          ])) : e.hint && (e.persistentHint || o(w)) ? (r(), l("div", ce, u(e.hint), 1)) : n("", !0)
+        e.hideDetails ? n("", !0) : (s(), l("div", ue, [
+          e.error || e.errorMessages ? (s(), l("div", pe, [
+            Array.isArray(e.errorMessages) ? (s(), l("div", be, [
+              (s(!0), l(D, null, T(e.errorMessages, (t, z) => (s(), l("div", { key: z }, u(t), 1))), 128))
+            ])) : typeof e.errorMessages == "string" ? (s(), l("div", ye, u(e.errorMessages), 1)) : n("", !0)
+          ])) : e.hint && (e.persistentHint || o(w)) ? (s(), l("div", ce, u(e.hint), 1)) : n("", !0)
         ]))
       ], 16)
     ], 512));
   }
 };
 export {
-  we as default
+  ge as default
 };

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

@@ -43,7 +43,12 @@ const e = {
   locale: { type: String, default: "es-AR" },
   separator: { type: String, default: "," },
   useGrouping: { type: Boolean, default: !0 },
-  precision: { type: [Number, String], default: 2 }
+  precision: { type: [Number, String], default: 2 },
+  formatMode: {
+    type: String,
+    default: "natural"
+    // 'bank' | 'natural'
+  }
 };
 export {
   e as KunNumberFieldProps

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

package/package.json

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