adverich-kun-ui 0.1.526 → 0.1.528

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

@@ -1,9 +1,9 @@
 import { ref as M, computed as p, watch as ee, nextTick as N } from "vue";
-import { clamp as g, toRawNumberString as k, fromRawString as x } from "./numberFormatUtils.js";
+import { clamp as g, toRawNumberString as k, fromRawString as y } from "./numberFormatUtils.js";
 function ue(n, c) {
-  const r = M(""), o = M(null), L = M(null), h = M(!1), S = M(0);
+  const r = M(""), o = M(null), $ = M(null), h = M(!1), S = M(0);
   let a = "";
-  const $ = p(() => {
+  const A = p(() => {
     const e = Number(n.precision);
     return e > 0 ? e + 1 : 1;
   });
@@ -19,14 +19,14 @@ function ue(n, c) {
     const D = l ? w.replace(/\B(?=(\d{3})+(?!\d))/g, ".") : w;
     return f === 0 || !V || V.length === 0 ? d + D : d + D + "," + V;
   }
-  function y(e) {
+  function x(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;
   }
-  const A = C((e) => {
+  const F = C((e) => {
     c("update:modelValue", e);
-  }, 250);
+  }, 100);
   function K(e) {
     const t = o.value;
     if (!t) return;
@@ -37,9 +37,11 @@ function ue(n, c) {
       i = i.replace(/^0+(\d)/, "$1"), r.value = i, N(() => {
         if (!o.value) return;
         o.value.value = i;
-        const s = Math.min(i.length, f);
-        o.value.setSelectionRange(s, s);
+        const m = Math.min(i.length, f);
+        o.value.setSelectionRange(m, m);
       }), c("input", i);
+      const s = x(i);
+      isNaN(s) || F(s);
       return;
     }
     if (u = u.replace(/\./g, ",").replace(/\s+/g, ""), u = u.replace(/[^0-9,\-]/g, ""), (u.match(/,/g) || []).length > 1) {
@@ -54,8 +56,8 @@ function ue(n, c) {
       const i = f;
       t.setSelectionRange(i, i);
     }), c("input", u);
-    const d = y(u);
-    isNaN(d) || A(d);
+    const d = x(u);
+    isNaN(d) || F(d);
   }
   function C(e, t = 250) {
     let u;
@@ -97,13 +99,13 @@ function ue(n, c) {
     h.value = !1;
     let e = (r.value ?? "").toString().trim();
     e || (e = "0");
-    let t = y(e);
+    let t = x(e);
     isNaN(t) && (t = 0), t = g(t, n.min, n.max), r.value = b(t, Number(n.precision), !1), c("update:modelValue", t), c("blur");
   }
-  function F(e) {
-    return Number(n.precision) === 0 ? e === "" ? "0" : e.replace(/^0+(\d)/, "$1") : e.padStart($.value, "0");
+  function T(e) {
+    return Number(n.precision) === 0 ? e === "" ? "0" : e.replace(/^0+(\d)/, "$1") : e.padStart(A.value, "0");
   }
-  function T(e, t) {
+  function B(e, t) {
     let u = 0;
     for (let l = 0; l < t; l++)
       /\d/.test(e[l]) && u++;
@@ -120,7 +122,7 @@ function ue(n, c) {
       if (/\d/.test(e[l])) return l + 1;
     return e.length;
   }
-  function B() {
+  function P() {
     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", l = a.slice(t).padEnd(Number(n.precision), "0").slice(0, Number(n.precision)), f = `${u}.${l}`, d = parseFloat(f), i = g(d, n.min, n.max);
@@ -137,9 +139,9 @@ function ue(n, c) {
     });
   }
   function q() {
-    h.value = !1, a = F(a);
-    const e = x(a, Number(n.precision)), t = g(e, n.min, n.max);
-    a = k(t, Number(n.precision)), a = F(a), r.value = b(t, Number(n.precision), !1), c("update:modelValue", t), c("blur");
+    h.value = !1, a = T(a);
+    const e = y(a, Number(n.precision)), t = g(e, n.min, n.max);
+    a = k(t, Number(n.precision)), a = T(a), r.value = b(t, Number(n.precision), !1), c("update:modelValue", t), c("blur");
   }
   function z(e) {
     h.value = !0, N(() => {
@@ -150,7 +152,7 @@ function ue(n, c) {
         o.value.setSelectionRange(l, l), S.value = r.value.replace(/\D/g, "").length;
       } else {
         const l = o.value.selectionStart || 0;
-        S.value = T(r.value, l);
+        S.value = B(r.value, l);
       }
     }), c("focus");
   }
@@ -165,8 +167,8 @@ function ue(n, c) {
     if (m) {
       N(() => {
         if (!o.value) return;
-        const I = r.value.search(/\d/);
-        o.value.setSelectionRange(I, I);
+        const L = r.value.search(/\d/);
+        o.value.setSelectionRange(L, L);
       });
       return;
     }
@@ -179,10 +181,10 @@ function ue(n, c) {
       return;
     }
     if (i || s) return;
-    const D = (u == null ? void 0 : u.selectionStart) ?? 0, _ = r.value || "", v = T(_, D);
+    const D = (u == null ? void 0 : u.selectionStart) ?? 0, _ = r.value || "", v = B(_, D);
     e.preventDefault();
-    const P = Number(n.precision) + 1;
-    for (; a.length < P; ) a = "0" + a;
+    const I = Number(n.precision) + 1;
+    for (; a.length < I; ) a = "0" + a;
     if (l)
       a = a.substring(0, v) + t + a.substring(v), S.value = v + 1;
     else if (f) {
@@ -193,19 +195,19 @@ function ue(n, c) {
     } else if (d)
       v < a.length && (a = a.substring(0, v) + a.substring(v + 1), S.value = v);
     else return;
-    for (; a.length < P; ) a = "0" + a;
-    B();
+    for (; a.length < I; ) a = "0" + a;
+    P();
   }
   function O() {
     let e;
-    n.formatMode === "bank" ? (e = x(a, Number(n.precision)) || 0, e = g(e + Number(n.step), n.min, n.max), a = k(e, Number(n.precision)), r.value = b(e, Number(n.precision), !1), c("update:modelValue", e), c("input", e)) : (e = Number(n.modelValue ?? 0) || 0, e = g(e + Number(n.step), n.min, n.max), r.value = b(e, Number(n.precision), !1), c("update:modelValue", e), c("input", e));
+    n.formatMode === "bank" ? (e = y(a, Number(n.precision)) || 0, e = g(e + Number(n.step), n.min, n.max), a = k(e, Number(n.precision)), r.value = b(e, Number(n.precision), !1), c("update:modelValue", e), c("input", e)) : (e = Number(n.modelValue ?? 0) || 0, e = g(e + Number(n.step), n.min, n.max), r.value = b(e, Number(n.precision), !1), c("update:modelValue", e), c("input", e));
   }
   function Q() {
     let e;
-    n.formatMode === "bank" ? (e = x(a, Number(n.precision)) || 0, e = g(e - Number(n.step), n.min, n.max), a = k(e, Number(n.precision)), r.value = b(e, Number(n.precision), !1), c("update:modelValue", e), c("input", e)) : (e = Number(n.modelValue ?? 0) || 0, e = g(e - Number(n.step), n.min, n.max), r.value = b(e, Number(n.precision), !1), c("update:modelValue", e), c("input", e));
+    n.formatMode === "bank" ? (e = y(a, Number(n.precision)) || 0, e = g(e - Number(n.step), n.min, n.max), a = k(e, Number(n.precision)), r.value = b(e, Number(n.precision), !1), c("update:modelValue", e), c("input", e)) : (e = Number(n.modelValue ?? 0) || 0, e = g(e - Number(n.step), n.min, n.max), r.value = b(e, Number(n.precision), !1), c("update:modelValue", e), c("input", e));
   }
   function W() {
-    n.formatMode === "bank" ? (a = "0".repeat(Number(n.precision) + 1), S.value = Number(n.precision) + 1, B(), N(() => {
+    n.formatMode === "bank" ? (a = "0".repeat(Number(n.precision) + 1), S.value = Number(n.precision) + 1, P(), N(() => {
       var e, t;
       return (t = (e = o.value) == null ? void 0 : e.focus) == null ? void 0 : t.call(e);
     })) : (r.value = "", c("update:modelValue", null), N(() => {
@@ -245,7 +247,7 @@ function ue(n, c) {
   return {
     inputValue: r,
     numberInput: o,
-    rootRef: L,
+    rootRef: $,
     validateKey: J,
     handleFocus: Y,
     handleBlur: Z,

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

@@ -1,4 +1,4 @@
-import { useAttrs as oe, ref as re, getCurrentInstance as te, computed as a, createElementBlock as l, openBlock as r, mergeProps as M, renderSlot as d, createElementVNode as i, createCommentVNode as u, normalizeClass as b, toDisplayString as g, normalizeProps as R, guardReactiveProps as z, unref as t, createBlock as y, resolveDynamicComponent as m, Fragment as ne, renderList as se, withDirectives as le, vShow as ae, createTextVNode as de } from "vue";
+import { useAttrs as oe, ref as re, getCurrentInstance as ne, computed as d, createElementBlock as l, openBlock as r, mergeProps as M, renderSlot as i, createElementVNode as p, createCommentVNode as a, normalizeClass as b, toDisplayString as g, normalizeProps as R, guardReactiveProps as z, unref as n, createBlock as y, resolveDynamicComponent as m, Fragment as te, renderList as se, withDirectives as le, vShow as ae, createTextVNode as de } from "vue";
 import { kunTextareaProps as ie } from "../composables/KunTextareaProps.js";
 import ue from "../composables/useKunTextareaComposable.js";
 import { renderIconSlot as h } from "../../../../utils/renderIcon.js";
@@ -26,7 +26,7 @@ const ce = { class: "relative" }, ve = {
   props: { ...ie },
   emits: ["update:modelValue", "click:clear", "click:control", "update:focused", "mousedown:control"],
   setup(A, { expose: D, emit: F }) {
-    const o = A, k = F, G = oe(), p = re(null), B = `textarea-${te().uid}`, {
+    const o = A, k = F, G = oe(), u = re(null), B = `textarea-${ne().uid}`, {
       isFocused: c,
       internalValue: v,
       updateModel: P,
@@ -37,7 +37,7 @@ const ce = { class: "relative" }, ve = {
       hasError: f,
       displayedMessages: C,
       adjustHeight: H
-    } = ue(o, k, p), L = (e) => {
+    } = ue(o, k, u), L = (e) => {
       v.value = e.target.value, j(e.target.value), o.autoGrow && H();
     }, j = pe((e) => {
       P(e);
@@ -45,9 +45,9 @@ const ce = { class: "relative" }, ve = {
       c.value = !0, k("update:focused", !0);
     }, U = () => {
       c.value = !1, k("update:focused", !1);
-    }, V = a(() => c.value || !!v.value || o.dirty), w = a(() => typeof v.value == "string" ? v.value.length : 0), I = a(() => o.counter === !0 ? 25 : o.counter || null), q = a(() => o.persistentCounter || o.counter && c.value), J = a(() => ["relative w-full flex flex-col", o.class, o.wrapperClass]), O = a(
+    }, V = d(() => c.value || !!v.value || o.dirty), w = d(() => typeof v.value == "string" ? v.value.length : 0), I = d(() => o.counter === !0 ? 25 : o.counter || null), q = d(() => o.persistentCounter || o.counter && c.value), J = d(() => ["relative w-full flex flex-col", o.class, o.wrapperClass]), O = d(
       () => o.persistentClear ? "opacity-100" : "hover:opacity-100 opacity-0 transition-opacity duration-200"
-    ), Q = a(() => {
+    ), Q = d(() => {
       const e = o.bgColor ? "" : o.variant === "filled" ? "bg-field-background" : "";
       switch (o.variant) {
         case "filled":
@@ -61,9 +61,9 @@ const ce = { class: "relative" }, ve = {
         default:
           return "";
       }
-    }), W = a(
+    }), W = d(
       () => o.density === "compact" ? "p-1" : o.density === "comfortable" ? "p-2" : "p-3"
-    ), X = a(() => [
+    ), X = d(() => [
       "w-full resize-none p-2 transition-colors duration-150",
       o.inputClass,
       {
@@ -87,78 +87,78 @@ const ce = { class: "relative" }, ve = {
       label: o.label,
       isFocused: c,
       isActive: V,
-      controlRef: p,
+      controlRef: u,
       focus: () => {
         var e;
-        return (e = p.value) == null ? void 0 : e.focus();
+        return (e = u.value) == null ? void 0 : e.focus();
       },
       blur: () => {
         var e;
-        return (e = p.value) == null ? void 0 : e.blur();
+        return (e = u.value) == null ? void 0 : e.blur();
       },
       props: o
     }, $ = {
       isActive: !!v.value,
       isFocused: c,
-      controlRef: p,
+      controlRef: u,
       focus: () => {
         var e;
-        return (e = p.value) == null ? void 0 : e.focus();
+        return (e = u.value) == null ? void 0 : e.focus();
       },
       blur: () => {
         var e;
-        return (e = p.value) == null ? void 0 : e.blur();
+        return (e = u.value) == null ? void 0 : e.blur();
       },
       props: o
-    }, Z = $, x = $, _ = a(() => {
-      const { class: e, ...n } = G;
-      return n;
+    }, Z = $, x = $, _ = d(() => {
+      const { class: e, ...t } = G;
+      return t;
     });
     return D({
       validate: T,
       reset: E,
       resetValidation: N,
       errorMessages: C,
-      isValid: a(() => !f.value),
+      isValid: d(() => !f.value),
       focus: () => {
         var e;
-        return (e = p.value) == null ? void 0 : e.focus();
+        return (e = u.value) == null ? void 0 : e.focus();
       },
-      rootRef: p
-    }), (e, n) => (r(), l("div", M({
+      rootRef: u
+    }), (e, t) => (r(), l("div", M({
       class: J.value,
       ref: "rootRef"
     }, _.value), [
-      d(e.$slots, "label", M({ for: B }, Y), () => [
+      i(e.$slots, "label", M({ for: B }, Y), () => [
         e.label ? (r(), l("label", {
           key: 0,
           for: B,
           class: b(["absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10", V.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"])
-        }, g(e.label), 3)) : u("", !0)
+        }, g(e.label), 3)) : a("", !0)
       ]),
-      i("div", ce, [
+      p("div", ce, [
         e.prependIcon || e.$slots.prepend ? (r(), l("div", ve, [
-          d(e.$slots, "prepend", R(z(t(Z))), () => [
-            i("div", {
-              onClick: n[0] || (n[0] = (s) => e.handleIconClick(s, "prepend"))
+          i(e.$slots, "prepend", R(z(n(Z))), () => [
+            p("div", {
+              onClick: t[0] || (t[0] = (s) => e.handleIconClick(s, "prepend"))
             }, [
-              (r(), y(m(t(h)(e.prependIcon))))
+              (r(), y(m(n(h)(e.prependIcon))))
             ])
           ])
-        ])) : u("", !0),
+        ])) : a("", !0),
         e.prependInnerIcon || e.$slots["prepend-inner"] ? (r(), l("div", fe, [
-          d(e.$slots, "prepend-inner", {}, () => [
-            i("div", {
-              onClick: n[1] || (n[1] = (s) => e.handleIconClick(s, "prependInner"))
+          i(e.$slots, "prepend-inner", {}, () => [
+            p("div", {
+              onClick: t[1] || (t[1] = (s) => e.handleIconClick(s, "prependInner"))
             }, [
-              (r(), y(m(t(h)(e.prependInnerIcon))))
+              (r(), y(m(n(h)(e.prependInnerIcon))))
             ])
           ])
-        ])) : u("", !0),
-        i("textarea", {
+        ])) : a("", !0),
+        p("textarea", {
           ref_key: "textareaRef",
-          ref: p,
-          value: t(v),
+          ref: u,
+          value: n(v),
           rows: e.autoGrow ? void 0 : e.rows,
           disabled: e.disabled,
           readonly: e.readonly,
@@ -166,86 +166,87 @@ const ce = { class: "relative" }, ve = {
           onInput: L,
           onFocus: K,
           onBlur: U,
-          onClick: n[2] || (n[2] = (s) => e.$emit("click:control", s)),
-          onMousedown: n[3] || (n[3] = (s) => e.$emit("mousedown:control", s)),
+          onClick: t[2] || (t[2] = (s) => e.$emit("click:control", s)),
+          onMousedown: t[3] || (t[3] = (s) => e.$emit("mousedown:control", s)),
           class: b(["bg-field-background", [X.value]]),
           style: { width: "100%", "box-sizing": "border-box", "overflow-y": "hidden" }
         }, null, 42, be),
-        e.clearable && t(v) ? (r(), l("div", {
+        e.clearable && n(v) ? (r(), l("div", {
           key: 2,
           class: b(["absolute right-2 top-2", O.value])
         }, [
-          d(e.$slots, "clear", R(z($)), () => [
-            i("button", {
+          i(e.$slots, "clear", R(z($)), () => [
+            e.clearIcon ? (r(), l("button", {
+              key: 0,
               type: "button",
-              onClick: n[4] || (n[4] = (...s) => t(S) && t(S)(...s)),
+              onClick: t[4] || (t[4] = (...s) => n(S) && n(S)(...s)),
               class: "text-gray-500 hover:text-gray-700"
             }, [
-              (r(), y(m(t(h)(e.clearIcon))))
-            ])
+              (r(), y(m(n(h)(e.clearIcon))))
+            ])) : a("", !0)
           ])
-        ], 2)) : u("", !0),
+        ], 2)) : a("", !0),
         e.appendInnerIcon || e.$slots["append-inner"] ? (r(), l("div", ge, [
-          d(e.$slots, "append-inner", {}, () => [
-            i("div", {
-              onClick: n[5] || (n[5] = (s) => e.handleIconClick(s, "appendInner"))
+          i(e.$slots, "append-inner", {}, () => [
+            p("div", {
+              onClick: t[5] || (t[5] = (s) => e.handleIconClick(s, "appendInner"))
             }, [
-              (r(), y(m(t(h)(e.appendInnerIcon))))
+              (r(), y(m(n(h)(e.appendInnerIcon))))
             ])
           ])
-        ])) : u("", !0),
+        ])) : a("", !0),
         e.appendIcon || e.$slots.append ? (r(), l("div", ye, [
-          d(e.$slots, "append", R(z(t(x))), () => [
-            i("div", {
-              onClick: n[6] || (n[6] = (s) => e.handleIconClick(s, "append"))
+          i(e.$slots, "append", R(z(n(x))), () => [
+            p("div", {
+              onClick: t[6] || (t[6] = (s) => e.handleIconClick(s, "append"))
             }, [
-              (r(), y(m(t(h)(e.appendIcon))))
+              (r(), y(m(n(h)(e.appendIcon))))
             ])
           ])
-        ])) : u("", !0),
+        ])) : a("", !0),
         e.loading ? (r(), l("div", me, [
-          d(e.$slots, "loader", {
+          i(e.$slots, "loader", {
             color: e.loadingColor,
             isActive: !0
           }, () => [
-            i("div", he, [
-              i("div", {
+            p("div", he, [
+              p("div", {
                 class: b(["h-full transition-all duration-300", [e.loadingColor]]),
                 style: { width: "100%" }
               }, null, 2)
             ])
           ])
-        ])) : u("", !0),
-        !e.hideDetails || e.hideDetails === "auto" && (t(C).length || e.hint) ? (r(), l("div", {
+        ])) : a("", !0),
+        !e.hideDetails || e.hideDetails === "auto" && (n(C).length || e.hint) ? (r(), l("div", {
           key: 6,
-          class: b(["text-xs mt-1 space-y-1", { "text-red-500": t(f), "text-gray-500": !t(f) }])
+          class: b(["text-xs mt-1 space-y-1", { "text-red-500": n(f), "text-gray-500": !n(f) }])
         }, [
-          d(e.$slots, "details", {}, () => [
-            t(f) ? (r(!0), l(ne, { key: 0 }, se(t(C), (s, ee) => d(e.$slots, "message", {
+          i(e.$slots, "details", {}, () => [
+            n(f) ? (r(!0), l(te, { key: 0 }, se(n(C), (s, ee) => i(e.$slots, "message", {
               key: ee,
               message: s
             }, () => [
-              i("div", null, g(s), 1)
-            ])), 128)) : e.hint ? d(e.$slots, "hint", {
+              p("div", null, g(s), 1)
+            ])), 128)) : e.hint ? i(e.$slots, "hint", {
               key: 1,
               hint: e.hint
             }, () => [
-              le(i("div", null, g(e.hint), 513), [
-                [ae, e.persistentHint || t(c)]
+              le(p("div", null, g(e.hint), 513), [
+                [ae, e.persistentHint || n(c)]
               ])
-            ]) : u("", !0)
+            ]) : a("", !0)
           ])
-        ], 2)) : u("", !0),
+        ], 2)) : a("", !0),
         q.value ? (r(), l("div", ke, [
-          d(e.$slots, "counter", {
+          i(e.$slots, "counter", {
             counter: w.value,
             max: I.value,
             value: w.value
           }, () => [
             de(g(w.value), 1),
-            I.value ? (r(), l("span", Ce, " / " + g(I.value), 1)) : u("", !0)
+            I.value ? (r(), l("span", Ce, " / " + g(I.value), 1)) : a("", !0)
           ])
-        ])) : u("", !0)
+        ])) : a("", !0)
       ])
     ], 16));
   }

package/dist/components/KunTextarea/src/composables/KunTextareaProps.js

@@ -56,7 +56,8 @@ const e = {
   flat: Boolean,
   color: String,
   focusRingColor: { type: String, default: "focus:ring-slate-400 dark:focus:ring-slate-600" },
-  loadingColor: String
+  loadingColor: String,
+  clearIcon: Boolean
 };
 export {
   e as kunTextareaProps

package/package.json

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