adverich-kun-ui 0.1.352 → 0.1.353

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

@@ -40,8 +40,8 @@ const G = {
   props: L,
   emits: [
     "update:modelValue",
-    "focusInput",
-    "blurInput",
+    "focus",
+    "blur",
     "handleClick",
     "keyDown",
     "keyUp"
@@ -123,9 +123,9 @@ const G = {
             autocomplete: "off",
             class: p(["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",
-            onInput: r[1] || (r[1] = (t) => o(N)(t.target.value)),
-            onBlur: r[2] || (r[2] = (...t) => o(C) && o(C)(...t)),
-            onFocus: r[3] || (r[3] = (...t) => o(g) && o(g)(...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(N)(t.target.value)),
             onKeydown: r[4] || (r[4] = (t) => y("keyDown", t)),
             onKeyup: r[5] || (r[5] = (t) => y("keyUp", t))
           }, null, 42, T)),

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

@@ -1,54 +1,54 @@
-import { ref as l, computed as b, watch as g, nextTick as y } from "vue";
+import { ref as t, computed as p, watch as g, nextTick as y } from "vue";
 import { normalizeNumber as z } from "./numberFormatUtils.js";
-function N(e, c) {
-  const n = l(e.modelValue), r = l(null), d = l(null), f = l(0);
-  function o(u) {
-    const t = z(u, e.separator).split(e.separator);
-    if (t.length > 2) {
-      m();
+function N(e, a) {
+  const u = t(e.modelValue), r = t(null), m = t(null), f = t(0);
+  function c(n) {
+    const l = z(n, e.separator).split(e.separator);
+    if (l.length > 2) {
+      d();
       return;
     }
-    t.length === 2 && t[1].length > e.precision && (t[1] = t[1].slice(0, e.precision));
-    const i = t.join(e.separator);
-    i === n.value ? m() : n.value = i, c("update:modelValue", i);
+    l.length === 2 && l[1].length > e.precision && (l[1] = l[1].slice(0, e.precision));
+    const i = l.join(e.separator);
+    i === u.value ? d() : u.value = i, a("update:modelValue", i);
   }
-  function m() {
+  function d() {
     f.value++, y(() => {
-      var u;
-      (u = r.value) == null || u.focus();
+      var n;
+      (n = r.value) == null || n.focus();
     });
   }
-  function s() {
-    o((n.value || 0) + e.step);
-  }
   function v() {
-    o((n.value || 0) - e.step);
+    c((u.value || 0) + e.step);
+  }
+  function s() {
+    c((u.value || 0) - e.step);
   }
   function V() {
-    n.value = null, c("update:modelValue", null);
+    u.value = null, a("update:modelValue", null);
   }
-  const a = l(!1);
+  const o = t(!1);
   function h() {
-    a.value = !0, n.value || (n.value = "");
+    o.value = !0, u.value || (u.value = ""), a("focus");
   }
   function I() {
-    a.value = !1, n.value || (n.value = 0);
+    o.value = !1, u.value || (u.value = 0), a("blur");
   }
-  const p = b(() => a.value || !!e.modelValue || e.dirty);
-  return g(() => e.modelValue, (u) => {
-    n.value = u;
+  const b = p(() => o.value || !!e.modelValue || e.dirty);
+  return g(() => e.modelValue, (n) => {
+    u.value = n;
   }), {
-    inputValue: n,
+    inputValue: u,
     numberInput: r,
-    rootRef: d,
+    rootRef: m,
     inputKey: f,
-    updateValue: o,
-    onIncrement: s,
-    onDecrement: v,
+    updateValue: c,
+    onIncrement: v,
+    onDecrement: s,
     onClear: V,
-    focus: a,
+    focus: o,
     handleFocus: h,
-    isActive: p,
+    isActive: b,
     handleBlur: I
   };
 }

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

@@ -1,4 +1,4 @@
-import { getCurrentInstance as U, computed as d, useSlots as H, ref as q, createElementBlock as s, openBlock as o, createCommentVNode as r, createElementVNode as h, normalizeClass as u, toDisplayString as i, mergeProps as G, unref as t, renderSlot as k, withModifiers as J, createVNode as L } from "vue";
+import { getCurrentInstance as U, computed as d, useSlots as H, ref as q, createElementBlock as n, openBlock as o, createCommentVNode as r, createElementVNode as h, normalizeClass as u, toDisplayString as i, mergeProps as G, unref as t, renderSlot as k, withModifiers as J, createVNode as L } from "vue";
 import { icons as P } from "../../../../icons/index.js";
 import Q from "../composables/KunTextFieldProps.js";
 import W from "../composables/useKunTextFieldComposable.js";
@@ -15,7 +15,7 @@ const Y = {
 }, le = {
   key: 0,
   class: "h-[1.25rem]"
-}, ne = ["id"], se = {
+}, se = ["id"], ne = {
   key: 1,
   class: "text-xs text-center"
 }, oe = {
@@ -26,8 +26,8 @@ const Y = {
   props: { ...Q },
   emits: [
     "update:modelValue",
-    "focusInput",
-    "blurInput",
+    "focus",
+    "blur",
     "handleClick",
     "keyDown",
     "keyUp"
@@ -66,12 +66,12 @@ const Y = {
     const M = d(() => a.type === "password" ? v.value ? "text" : "password" : a.type), R = d(() => a.density === "compact" ? "p-1" : a.density === "comfortable" ? "p-2" : "p-3");
     return (e, l) => {
       var F;
-      return o(), s("div", {
+      return o(), n("div", {
         class: "w-full flex flex-col relative",
         ref_key: "rootRef",
         ref: w
       }, [
-        e.label ? (o(), s("label", {
+        e.label ? (o(), n("label", {
           key: 0,
           for: m,
           class: u([
@@ -90,8 +90,8 @@ const Y = {
               t(y) ? "bg-red-200 dark:bg-red-900" : ""
             ]])
           }, [
-            e.prefix ? (o(), s("div", Y, i(e.prefix), 1)) : r("", !0),
-            N.value ? (o(), s("div", {
+            e.prefix ? (o(), n("div", Y, i(e.prefix), 1)) : r("", !0),
+            N.value ? (o(), n("div", {
               key: 1,
               class: u([e.prependInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
             }, [
@@ -111,42 +111,42 @@ const Y = {
               class: u(["w-full h-full bg-transparent focus:outline-none", [R.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "text-center" : ""]]),
               "aria-invalid": t(y) ? "true" : "false",
               "aria-describedby": t(y) ? `error-${m}` : null,
-              onInput: l[0] || (l[0] = (...n) => t(g) && t(g)(...n)),
-              onBlur: l[1] || (l[1] = (...n) => t(C) && t(C)(...n)),
-              onFocus: l[2] || (l[2] = (...n) => t(I) && t(I)(...n)),
-              onClick: l[3] || (l[3] = J((n) => p("handleClick"), ["stop"])),
-              onKeydown: l[4] || (l[4] = (n) => p("keyDown", n)),
-              onKeyup: l[5] || (l[5] = (n) => p("keyUp", n))
+              onInput: l[0] || (l[0] = (...s) => t(g) && t(g)(...s)),
+              onBlur: l[1] || (l[1] = (...s) => t(C) && t(C)(...s)),
+              onFocus: l[2] || (l[2] = (...s) => t(I) && t(I)(...s)),
+              onClick: l[3] || (l[3] = J((s) => p("handleClick"), ["stop"])),
+              onKeydown: l[4] || (l[4] = (s) => p("keyDown", s)),
+              onKeyup: l[5] || (l[5] = (s) => p("keyUp", s))
             }, null, 42, Z),
-            e.clearable && t(f) ? (o(), s("button", {
+            e.clearable && t(f) ? (o(), n("button", {
               key: 2,
               type: "button",
-              onClick: l[6] || (l[6] = (...n) => t($) && t($)(...n)),
+              onClick: l[6] || (l[6] = (...s) => t($) && t($)(...s)),
               class: u(["ml-2", e.textColor]),
               disabled: e.disabled || e.readonly
             }, " × ", 10, _)) : r("", !0),
             k(e.$slots, "default"),
-            e.type === "password" && e.showPasswordToggle ? (o(), s("div", ee, [
+            e.type === "password" && e.showPasswordToggle ? (o(), n("div", ee, [
               L(X, {
                 icon: z.value,
                 onClick: A
               }, null, 8, ["icon"])
             ])) : r("", !0),
-            O.value ? (o(), s("div", {
+            O.value ? (o(), n("div", {
               key: 4,
               class: u([e.appendInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
             }, [
               k(e.$slots, "append-inner")
             ], 2)) : r("", !0),
-            e.suffix ? (o(), s("div", te, i(e.suffix), 1)) : r("", !0)
+            e.suffix ? (o(), n("div", te, i(e.suffix), 1)) : r("", !0)
           ], 2),
-          e.hideDetails ? r("", !0) : (o(), s("div", le, [
-            t(y) ? (o(), s("div", {
+          e.hideDetails ? r("", !0) : (o(), n("div", le, [
+            t(y) ? (o(), n("div", {
               key: 0,
               id: `error-${m}`,
               class: "text-red-500 text-sm text-center"
-            }, i(t(B) || e.errorMessage), 9, ne)) : e.hint && (e.persistentHint || t(b)) ? (o(), s("div", se, i(e.hint), 1)) : r("", !0),
-            e.counter && e.maxlength ? (o(), s("div", oe, i(((F = t(f)) == null ? void 0 : F.length) || 0) + " / " + i(e.maxlength), 1)) : r("", !0)
+            }, i(t(B) || e.errorMessage), 9, se)) : e.hint && (e.persistentHint || t(b)) ? (o(), n("div", ne, i(e.hint), 1)) : r("", !0),
+            e.counter && e.maxlength ? (o(), n("div", oe, i(((F = t(f)) == null ? void 0 : F.length) || 0) + " / " + i(e.maxlength), 1)) : r("", !0)
           ]))
         ], 16)
       ], 512);

package/dist/components/KunTextField/src/composables/useKunTextFieldComposable.js

@@ -1,61 +1,62 @@
 import { ref as a, inject as V, computed as E, watch as F, onUnmounted as T } from "vue";
 import { debounce as j } from "../../../../utils/utils.js";
 function R(u, r) {
-  const t = a(u.modelValue), o = a(!1), l = a(""), n = a(!1), g = a(null), h = a(null), s = a(!1), d = V("registerField", null), v = V("unregisterField", null), y = E(() => u.error || !!l.value && n.value), c = async () => {
+  const l = a(u.modelValue), o = a(!1), t = a(""), n = a(!1), g = a(null), h = a(null), s = a(!1), d = V("registerField", null), v = V("unregisterField", null), y = E(() => u.error || !!t.value && n.value), c = async () => {
     for (const e of u.rules) {
-      const m = await Promise.resolve(e(t.value));
+      const m = await Promise.resolve(e(l.value));
       if (m !== !0) return m;
     }
     return !0;
   }, f = j(async () => {
     const e = await c();
-    l.value = e === !0 ? "" : e;
+    t.value = e === !0 ? "" : e;
   }, u.debounce ?? 300);
   F(() => u.modelValue, (e) => {
-    e !== t.value && (s.value = !0, t.value = e);
-  }), F(t, () => {
+    e !== l.value && (s.value = !0, l.value = e);
+  }), F(l, () => {
     if (s.value) {
       s.value = !1;
       return;
     }
-    n.value = !0, r("update:modelValue", t.value), u.validateOnBlur || f();
+    n.value = !0, r("update:modelValue", l.value), u.validateOnBlur || f();
   });
-  const I = (e) => {
-    t.value = e.target.value;
-  }, b = async () => {
-    if (o.value = !1, r("blurInput"), u.validateOnBlur) {
+  const b = (e) => {
+    l.value = e.target.value;
+  }, w = async () => {
+    if (o.value = !1, u.validateOnBlur) {
       const e = await c();
-      l.value = e === !0 ? "" : e;
+      t.value = e === !0 ? "" : e;
     }
-  }, w = () => {
-    o.value = !0, r("focusInput");
+    r("blur");
   }, B = () => {
-    t.value = "", r("update:modelValue", ""), n.value = !0, u.validateOnBlur || f();
+    o.value = !0, r("focus");
+  }, I = () => {
+    l.value = "", r("update:modelValue", ""), n.value = !0, u.validateOnBlur || f();
   }, i = async () => {
     n.value = !0;
     const e = await c();
-    return l.value = e === !0 ? "" : e, e === !0;
+    return t.value = e === !0 ? "" : e, e === !0;
   }, O = () => {
-    t.value = u.modelValue, n.value = !1, l.value = "";
+    l.value = u.modelValue, n.value = !1, t.value = "";
   }, x = () => {
-    n.value = !1, l.value = "";
+    n.value = !1, t.value = "";
   };
   return d && d({ validate: i }), T(() => {
     v && v({ validate: i });
   }), {
     inputField: g,
-    inputValue: t,
+    inputValue: l,
     rootRef: h,
     inputFocused: o,
-    validationError: l,
+    validationError: t,
     hasError: y,
-    handleInput: I,
-    handleBlur: b,
-    focusInput: w,
+    handleInput: b,
+    handleBlur: w,
+    focusInput: B,
     validate: i,
     reset: O,
     resetValidation: x,
-    clearInput: B
+    clearInput: I
   };
 }
 export {

package/package.json

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