adverich-kun-ui 0.1.455 → 0.1.456

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

@@ -12,7 +12,7 @@ const O = {
   class: "mx-2"
 }, W = {
   key: 2,
-  class: "flex items-center justify-center h-full pl-1"
+  class: "flex items-center justify-center h-full pl-2"
 }, X = ["value", "placeholder", "readonly", "disabled", "maxlength", "aria-invalid"], Y = {
   key: 3,
   class: "px-2"

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

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

package/package.json

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