adverich-kun-ui 0.1.266 → 0.1.268

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

@@ -35,7 +35,7 @@ const G = {
 }, de = { key: 0 }, ae = { key: 1 }, ue = {
   key: 1,
   class: "text-xs text-center"
-}, ke = {
+}, ce = {
   __name: "KunNumberField",
   props: L,
   emits: [
@@ -47,9 +47,9 @@ const G = {
     "keyUp"
   ],
   setup(A, { expose: D, emit: F }) {
-    const b = A, y = F, f = `number-input-${E().uid}`, k = P(), K = !!k["prepend-icon"], B = !!k["append-icon"], {
-      inputValue: c,
-      numberInput: m,
+    const b = A, y = F, c = `number-input-${E().uid}`, k = P(), K = !!k["prepend-icon"], B = !!k["append-icon"], {
+      inputValue: m,
+      numberInput: f,
       rootRef: h,
       inputKey: M,
       updateValue: N,
@@ -62,8 +62,12 @@ const G = {
       handleBlur: C
     } = q(b, y);
     D({
-      numberInput: m,
-      rootRef: h
+      numberInput: f,
+      rootRef: h,
+      focus: () => {
+        var e;
+        return (e = f.value) == null ? void 0 : e.focus();
+      }
     });
     const $ = R(() => b.density === "compact" ? "p-1" : b.density === "comfortable" ? "p-2" : "p-3");
     return (e, r) => (s(), l("div", {
@@ -73,7 +77,7 @@ const G = {
     }, [
       e.label ? (s(), l("label", {
         key: 0,
-        for: f,
+        for: c,
         class: p([
           e.labelColor,
           "absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10",
@@ -106,12 +110,12 @@ const G = {
             }, null, 8, ["icon"])) : V(e.$slots, "prepend-icon", { key: 1 })
           ])) : n("", !0),
           (s(), l("input", {
-            id: f,
+            id: c,
             ref_key: "numberInput",
-            ref: m,
+            ref: f,
             key: o(M),
             type: "text",
-            value: o(c),
+            value: o(m),
             placeholder: e.placeholder,
             readonly: e.readonly,
             disabled: e.disabled,
@@ -125,7 +129,7 @@ const G = {
             onKeydown: r[4] || (r[4] = (t) => y("keyDown", t)),
             onKeyup: r[5] || (r[5] = (t) => y("keyUp", t))
           }, null, 42, T)),
-          e.clearable && o(c) != null ? (s(), l("button", {
+          e.clearable && o(m) != null ? (s(), l("button", {
             key: 3,
             type: "button",
             onClick: r[6] || (r[6] = (...t) => o(v) && o(v)(...t)),
@@ -198,5 +202,5 @@ const G = {
   }
 };
 export {
-  ke as default
+  ce as default
 };

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

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

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 b, normalizeClass as u, toDisplayString as i, mergeProps as G, unref as t, renderSlot as h, withModifiers as J, createVNode as L } from "vue";
+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 { icons as P } from "../../../../icons/index.js";
 import Q from "../composables/KunTextFieldProps.js";
 import W from "../composables/useKunTextFieldComposable.js";
@@ -34,10 +34,10 @@ const Y = {
   ],
   setup(V, { expose: D, emit: j }) {
     const a = V, p = j, {
-      inputField: k,
+      inputField: c,
       inputValue: f,
       rootRef: w,
-      inputFocused: c,
+      inputFocused: b,
       validationError: B,
       hasError: y,
       handleInput: g,
@@ -52,10 +52,14 @@ const Y = {
       validate: E,
       reset: K,
       resetValidation: S,
-      inputField: k,
-      rootRef: w
+      inputField: c,
+      rootRef: w,
+      focus: () => {
+        var e;
+        return (e = c.value) == null ? void 0 : e.focus();
+      }
     });
-    const m = `input-${U().uid}`, T = d(() => c.value || !!f.value || a.dirty), x = H(), N = d(() => !!x["prepend-inner"]), O = d(() => !!x["append-inner"]), v = q(!1), z = d(() => v.value ? P.eyeOffOutline : P.eyeOutline);
+    const m = `input-${U().uid}`, T = d(() => b.value || !!f.value || a.dirty), x = H(), N = d(() => !!x["prepend-inner"]), O = d(() => !!x["append-inner"]), v = q(!1), z = d(() => v.value ? P.eyeOffOutline : P.eyeOutline);
     function A() {
       v.value = !v.value;
     }
@@ -76,12 +80,12 @@ const Y = {
             T.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
           ])
         }, i(e.label), 3)) : r("", !0),
-        b("div", G({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
-          b("div", {
+        h("div", G({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
+          h("div", {
             class: u(["flex flex-row items-center w-full h-full border", [
               e.bgInput,
               e.rounded,
-              t(c) ? "border-blue-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
+              t(b) ? "border-blue-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
               e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-text",
               t(y) ? "bg-red-200 dark:bg-red-900" : ""
             ]])
@@ -91,11 +95,11 @@ const Y = {
               key: 1,
               class: u([e.prependInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
             }, [
-              h(e.$slots, "prepend-inner")
+              k(e.$slots, "prepend-inner")
             ], 2)) : r("", !0),
-            b("input", {
+            h("input", {
               ref_key: "inputField",
-              ref: k,
+              ref: c,
               type: M.value,
               value: t(f),
               id: m,
@@ -121,7 +125,7 @@ const Y = {
               class: u(["ml-2", e.textColor]),
               disabled: e.disabled || e.readonly
             }, " × ", 10, _)) : r("", !0),
-            h(e.$slots, "default"),
+            k(e.$slots, "default"),
             e.type === "password" && e.showPasswordToggle ? (o(), s("div", ee, [
               L(X, {
                 icon: z.value,
@@ -132,7 +136,7 @@ const Y = {
               key: 4,
               class: u([e.appendInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
             }, [
-              h(e.$slots, "append-inner")
+              k(e.$slots, "append-inner")
             ], 2)) : r("", !0),
             e.suffix ? (o(), s("div", te, i(e.suffix), 1)) : r("", !0)
           ], 2),
@@ -141,7 +145,7 @@ const Y = {
               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(c)) ? (o(), s("div", se, i(e.hint), 1)) : r("", !0),
+            }, 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)
           ]))
         ], 16)

package/package.json

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