adverich-kun-ui 0.1.383 → 0.1.385

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

@@ -1,4 +1,4 @@
-import { mergeModels as R, useModel as S, onMounted as te, ref as _, watch as oe, createElementBlock as C, openBlock as s, createVNode as n, unref as l, isRef as $, createSlots as ie, withCtx as i, createCommentVNode as w, Fragment as ne, renderList as ae, createBlock as m, createElementVNode as re, createTextVNode as V, toDisplayString as x, withModifiers as se } from "vue";
+import { mergeModels as R, useModel as S, onMounted as te, ref as _, watch as oe, createElementBlock as w, openBlock as s, createVNode as n, unref as l, isRef as $, createSlots as ie, withCtx as i, createCommentVNode as C, Fragment as ne, renderList as ae, createBlock as m, createElementVNode as re, createTextVNode as V, toDisplayString as x, withModifiers as se } from "vue";
 import { icons as f } from "../../../../icons/index.js";
 import { isNotEmpty as ue, isArray as A } from "../../../../utils/utils.js";
 import de from "../../../KunInfiniteScroll/src/components/KunInfiniteScroll.vue.js";
@@ -14,7 +14,7 @@ import ke from "../../../KunChip/src/components/KunChip.vue.js";
 import v from "../../../KunIcon/src/components/KunIcon.vue.js";
 const ye = {
   key: 0,
-  class: "flex overflow-x-auto whitespace-nowrap space-x-1"
+  class: "w-full flex overflow-x-auto whitespace-nowrap space-x-1"
 }, be = { class: "flex items-center" }, ze = {
   __name: "KunAutocomplete",
   props: /* @__PURE__ */ R(he, {
@@ -83,7 +83,7 @@ const ye = {
     }
     function ee() {
     }
-    return (e, o) => (s(), C("div", {
+    return (e, o) => (s(), w("div", {
       class: "w-full h-fit",
       ref_key: "parentRef",
       ref: K
@@ -111,8 +111,8 @@ const ye = {
         "error-messages": h.value
       }, ie({
         default: i(() => [
-          l(A)(a.value) ? (s(), C("div", ye, [
-            (s(!0), C(ne, null, ae(a.value, (t) => (s(), m(ke, {
+          l(A)(a.value) ? (s(), w("div", ye, [
+            (s(!0), w(ne, null, ae(a.value, (t) => (s(), m(ke, {
               key: t.id ?? t.name,
               size: "small"
             }, {
@@ -130,7 +130,7 @@ const ye = {
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : w("", !0),
+          ])) : C("", !0),
           n(fe, {
             transition: "fade",
             "onClick:outside": l(T),
@@ -226,7 +226,7 @@ const ye = {
               color: "error",
               icon: l(f).close,
               class: "mr-1 mt-1"
-            }, null, 8, ["onClick", "icon"])) : w("", !0),
+            }, null, 8, ["onClick", "icon"])) : C("", !0),
             n(v, {
               color: "teal-darken-1",
               size: "large",
@@ -240,7 +240,7 @@ const ye = {
               size: "x-small",
               class: "mb-4",
               icon: l(f).asterisk
-            }, null, 8, ["icon"])) : w("", !0)
+            }, null, 8, ["icon"])) : C("", !0)
           ]),
           key: "0"
         } : void 0

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

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

package/package.json

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