adverich-kun-ui 0.1.520 → 0.1.522

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

@@ -1,12 +1,12 @@
-import { mergeModels as z, useModel as A, onMounted as se, ref as E, watch as ue, nextTick as F, createElementBlock as g, openBlock as c, createVNode as s, unref as t, withKeys as de, withModifiers as x, isRef as O, createSlots as ce, withCtx as r, createCommentVNode as h, normalizeClass as fe, createTextVNode as C, toDisplayString as D, createBlock as p, Fragment as me, renderList as pe, createElementVNode as ve } from "vue";
+import { mergeModels as z, useModel as A, onMounted as se, ref as E, watch as ue, nextTick as F, createElementBlock as h, openBlock as c, createVNode as s, unref as t, withKeys as de, withModifiers as x, isRef as O, createSlots as ce, withCtx as r, createCommentVNode as g, normalizeClass as fe, createTextVNode as C, toDisplayString as D, createBlock as p, Fragment as me, renderList as pe, createElementVNode as ve } from "vue";
 import { icons as v } from "../../../../icons/index.js";
-import { isNotEmpty as R, isArray as N } from "../../../../utils/utils.js";
+import { isNotEmpty as R, isArray as B } from "../../../../utils/utils.js";
 import ke from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
 import ye from "../../../KunList/src/components/KunList.vue.js";
-import B from "../../../KunListItem/src/components/KunListItem.vue.js";
+import N from "../../../KunListItem/src/components/KunListItem.vue.js";
 import T from "../../../KunListItemTitle/src/components/KunListItemTitle.vue.js";
-import ge from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import he from "../../../KunMenu/src/components/KunMenu.vue.js";
+import he from "../../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import ge from "../../../KunMenu/src/components/KunMenu.vue.js";
 import { useAutocomplete as Ce } from "../composables/useAutocomplete.js";
 import { KunAutocompleteProps as be } from "../composables/KunAutocompleteProps.js";
 import we from "../../../KunTextField/src/components/KunTextField.vue.js";
@@ -96,7 +96,7 @@ const De = { class: "flex items-center" }, Ie = {
         (l) => String(l[a.itemValue]).toLowerCase() === String(n.value).toLowerCase()
       ) : o = m.value.find(
         (l) => typeof l == "object" ? Object.values(l).some((i) => String(i).toLowerCase() === String(n.value).toLowerCase()) : String(l).toLowerCase() === String(n.value).toLowerCase()
-      ), o ? K(o) : (console.log("No se encontró el elemento:", n.value), f("notFound", n.value), a.clearOnNotFound && (n.value = "", d.value = !1)), F(() => {
+      ), o ? K(o) : (f("notFound", n.value), a.clearOnNotFound && (n.value = "", d.value = !1)), F(() => {
         f("keyDownEnter", e);
       });
     }
@@ -105,7 +105,7 @@ const De = { class: "flex items-center" }, Ie = {
         var e;
         return (e = k.value) == null ? void 0 : e.focus();
       })
-    }), (e, o) => (c(), g("div", {
+    }), (e, o) => (c(), h("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: M
@@ -131,17 +131,17 @@ const De = { class: "flex items-center" }, Ie = {
           le,
           de(x(ae, ["prevent"]), ["enter"])
         ],
-        placeholder: a.multiple && t(N)(u.value) && u.value.length ? "" : t(Z),
+        placeholder: a.multiple && t(B)(u.value) && u.value.length ? "" : t(Z),
         error: !!y.value,
         "error-messages": y.value
       }, ce({
         "prepend-input-content": r(() => [
-          t(N)(u.value) && t(R)(u.value) ? (c(), g("div", {
+          t(B)(u.value) && t(R)(u.value) ? (c(), h("div", {
             key: 0,
             class: "flex flex-nowrap items-center space-x-1 min-w-[calc(100%-56px)] overflow-x-auto overflow-y-hidden",
             onClick: o[0] || (o[0] = (...l) => t(V) && t(V)(...l))
           }, [
-            (c(!0), g(me, null, pe(u.value, (l) => (c(), p(Ve, {
+            (c(!0), h(me, null, pe(u.value, (l) => (c(), p(Ve, {
               key: l.id ?? l.name,
               size: "small",
               variant: "pill"
@@ -160,10 +160,10 @@ const De = { class: "flex items-center" }, Ie = {
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : h("", !0)
+          ])) : g("", !0)
         ]),
         default: r(() => [
-          s(he, {
+          s(ge, {
             transition: "fade",
             "onClick:outside": t(q),
             modelValue: t(d),
@@ -180,7 +180,7 @@ const De = { class: "flex items-center" }, Ie = {
             "hide-details": e.hideDetails
           }, {
             default: r(() => [
-              e.hasCreateItem ? (c(), g("div", Ie, [
+              e.hasCreateItem ? (c(), h("div", Ie, [
                 s(Se, {
                   onClick: t(X),
                   bgColor: e.btnCreateBg,
@@ -191,7 +191,7 @@ const De = { class: "flex items-center" }, Ie = {
                   ]),
                   _: 1
                 }, 8, ["onClick", "bgColor", "class"])
-              ])) : h("", !0),
+              ])) : g("", !0),
               s(ye, {
                 "onClick:select": t(K),
                 ref_key: "listRef",
@@ -210,7 +210,7 @@ const De = { class: "flex items-center" }, Ie = {
                     "item-height": 48
                   }, {
                     default: r(({ item: l, index: i, empty: ie }) => [
-                      !ie && l != null ? (c(), p(B, {
+                      !ie && l != null ? (c(), p(N, {
                         value: l,
                         key: `kun-list-${i + 1}`,
                         id: `kun-item-${i + 1}`,
@@ -228,12 +228,12 @@ const De = { class: "flex items-center" }, Ie = {
                             ]),
                             _: 2
                           }, 1024),
-                          s(ge, {
+                          s(he, {
                             text: e.itemSubtitle ? t(L)(l, e.itemSubtitle) : ""
                           }, null, 8, ["text"])
                         ]),
                         _: 2
-                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (c(), p(B, {
+                      }, 1032, ["value", "id", "disabled", "bg-items", "hover-bg", "activeClass", "density"])) : (c(), p(N, {
                         key: 1,
                         disabled: ""
                       }, {
@@ -270,7 +270,7 @@ const De = { class: "flex items-center" }, Ie = {
               color: "error",
               icon: t(v).close,
               class: "mr-1 mt-1"
-            }, null, 8, ["onClick", "icon"])) : h("", !0),
+            }, null, 8, ["onClick", "icon"])) : g("", !0),
             s(b, {
               color: "teal-darken-1",
               size: "large",
@@ -284,7 +284,7 @@ const De = { class: "flex items-center" }, Ie = {
               size: "x-small",
               class: "mb-4",
               icon: t(v).asterisk
-            }, null, 8, ["icon"])) : h("", !0)
+            }, null, 8, ["icon"])) : g("", !0)
           ]),
           key: "0"
         } : void 0

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/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 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);
+  let a = "";
+  const C = Y(() => {
+    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");
-  }
-  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 K(e) {
+    const t = c.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);
       return;
     }
-    if (U) {
-      V(() => {
-        if (!a.value) return;
-        const c = l.value;
-        a.value.setSelectionRange(c.length, c.length);
-      });
+    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 (u.includes(",")) {
+      const [r, f = ""] = u.split(","), m = f.slice(0, i);
+      u = r + (m.length ? "," + m : ",");
+    }
+    l.value = u, h(L), h(() => {
+      const r = s;
+      t.setSelectionRange(r, r);
+    }), o("input", u);
+  }
+  function L() {
+    c.value && (c.value.value = l.value);
+  }
+  function A(e) {
+    if (k.value = !0, !c.value) return;
+    const t = parseFloat(n.modelValue ?? 0), u = Number(n.precision);
+    if (isNaN(t)) {
+      l.value = "", o("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;
+    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(".", ",");
+    }
+    h(() => {
+      var i;
+      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);
+        }
+      } 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;
-    for (let u = 0; u < e.length; u++)
-      if (/\d/.test(e[u])) {
-        if (r === n)
-          return u;
-        r++;
+    }), o("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 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 u = e.length - 1; u >= 0; u--)
-      if (/\d/.test(e[u]))
-        return u + 1;
+    for (let i = e.length - 1; i >= 0; i--)
+      if (/\d/.test(e[i])) return i + 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 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;
+  }
+  function R() {
+    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)
         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 = l.value;
+          let N = $(m, b.value);
+          for (; N < m.length && !/\d/.test(m[N]); ) N++;
+          c.value.setSelectionRange(N, N);
         } catch {
-          a.value.setSelectionRange(l.value.length, l.value.length);
+          c.value.setSelectionRange(l.value.length, l.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 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;
       } else {
-        const u = a.value.selectionStart || 0;
-        o.value = y(l.value, u);
+        const i = c.value.selectionStart || 0;
+        b.value = D(l.value, i);
       }
-    }), s("focus");
+    }), o("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 j(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 z(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";
+    if (t === "Tab") return;
+    if (N) {
+      h(() => {
+        if (!c.value) return;
+        const F = l.value.search(/\d/);
+        c.value.setSelectionRange(F, F);
+      });
+      return;
+    }
+    if (Q) {
+      h(() => {
+        if (!c.value) return;
+        const g = l.value;
+        c.value.setSelectionRange(g.length, g.length);
+      });
+      return;
+    }
+    if (f || m) return;
+    const W = (u == null ? void 0 : u.selectionStart) ?? 0, V = E(l.value, W);
+    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;
+      }
+      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 return;
+    for (a = x(a); a.length < T; ) a = "0" + a;
+    R();
+  }
+  function U() {
+    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));
+  }
+  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));
+  }
+  function q() {
+    n.formatMode === "bank" ? (a = "0".repeat(Number(n.precision) + 1), b.value = Number(n.precision) + 1, R(), h(() => {
+      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(() => {
+      var e, t;
+      return (t = (e = c.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 });
+        return;
+      }
+      if (e == null || isNaN(e))
+        l.value = d(0, { ...n, precision: t }), 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 });
+      }
+    },
+    { immediate: !0 }
+  );
+  function G(e) {
+    return n.formatMode !== "bank" ? K() : j(e);
+  }
+  function J(e) {
+    return n.formatMode !== "bank" ? A(e) : H(e);
   }
-  function z() {
-    var e;
-    t = "0".repeat(Number(i.precision) + 1), o.value = Number(i.precision) + 1, A(), (e = a.value) == null || e.focus();
+  function O(e) {
+    return n.formatMode !== "bank" ? I() : P();
   }
   return {
     inputValue: l,
-    numberInput: a,
-    rootRef: K,
-    validateKey: k,
-    handleFocus: M,
-    handleBlur: B,
-    onIncrement: H,
-    onDecrement: I,
-    onClear: z,
-    isActive: R,
-    focus: R
+    numberInput: c,
+    rootRef: B,
+    validateKey: z,
+    handleFocus: J,
+    handleBlur: O,
+    handleInput: G,
+    onIncrement: U,
+    onDecrement: Z,
+    onClear: q,
+    isActive: k,
+    focus: k
   };
 }
 export {
-  W as useKunNumberField
+  ne as useKunNumberField
 };

package/package.json

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