adverich-kun-ui 0.1.371 → 0.1.372

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

@@ -1,22 +1,22 @@
-import { getCurrentInstance as P, ref as s, computed as N, watch as R, createElementBlock as o, openBlock as a, createCommentVNode as u, createElementVNode as c, normalizeClass as y, toDisplayString as f, mergeProps as S, renderSlot as V } from "vue";
+import { getCurrentInstance as P, ref as s, computed as g, watch as R, createElementBlock as o, openBlock as a, createCommentVNode as u, createElementVNode as c, normalizeClass as y, toDisplayString as f, mergeProps as S, renderSlot as V } from "vue";
 import { KunNumberFieldProps as U } from "../composables/KunNumberFieldProps.js";
-import { parseNumber as g } from "../composables/numberFormatUtils.js";
-const x = {
+import { parseNumber as C } from "../composables/numberFormatUtils.js";
+const H = {
   key: 0,
   class: "mx-2"
-}, H = ["value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], M = ["disabled"], T = {
+}, M = ["value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], T = ["disabled"], q = {
   key: 2,
   class: "flex flex-col items-center justify-center border-l border-slate-600"
-}, q = ["disabled"], G = ["disabled"], J = {
+}, G = ["disabled"], J = ["disabled"], L = {
   key: 3,
   class: "ml-2"
-}, L = {
+}, O = {
   key: 0,
   class: "h-[1.25rem]"
-}, O = ["id"], Q = {
+}, Q = ["id"], W = {
   key: 1,
   class: "text-xs text-center"
-}, Z = {
+}, _ = {
   __name: "KunNumberField",
   props: U,
   emits: [
@@ -28,7 +28,7 @@ const x = {
     "keyUp"
   ],
   setup(I, { expose: F, emit: D }) {
-    const l = I, n = D, v = `number-input-${P().uid}`, h = s(null), C = s(null), d = s(!1), w = s(""), k = s(!1), i = s(!1), r = s(l.modelValue != null ? m(l.modelValue, l.separator, l.precision) : ""), b = N(() => l.error || !!w.value && k.value), $ = N(() => d.value || !!r.value || l.dirty);
+    const l = I, n = D, v = `number-input-${P().uid}`, h = s(null), w = s(null), d = s(!1), N = s(""), k = s(!1), i = s(!1), r = s(l.modelValue != null ? m(l.modelValue, l.separator, l.precision) : ""), b = g(() => l.error || !!N.value && k.value), $ = g(() => d.value || !!r.value || l.dirty);
     function m(e, t = ".", p = 2) {
       return e == null || isNaN(e) ? "" : Number(e).toFixed(p).replace(".", t);
     }
@@ -40,31 +40,32 @@ const x = {
       const t = m(e, l.separator, l.precision);
       t !== r.value && (r.value = t);
     });
-    function B(e) {
+    const B = g(() => l.density === "compact" ? "p-1" : l.density === "comfortable" ? "p-2" : "p-3");
+    function E(e) {
       r.value = e.target.value;
-      const t = g(r.value, l.separator);
+      const t = C(r.value, l.separator);
       i.value = !0, n("update:modelValue", t);
     }
-    function E() {
+    function K() {
       d.value = !1, k.value = !0, n("blur");
     }
-    function K() {
+    function j() {
       d.value = !0, n("focus");
     }
-    function j() {
+    function x() {
       r.value = "", i.value = !0, n("update:modelValue", null), k.value = !0;
     }
     function z() {
-      const t = (g(r.value, l.separator) || 0) + Number(l.step);
+      const t = (C(r.value, l.separator) || 0) + Number(l.step);
       r.value = m(t, l.separator, l.precision), i.value = !0, n("update:modelValue", t);
     }
     function A() {
-      const t = (g(r.value, l.separator) || 0) - Number(l.step);
+      const t = (C(r.value, l.separator) || 0) - Number(l.step);
       r.value = m(t, l.separator, l.precision), i.value = !0, n("update:modelValue", t);
     }
     return F({
       inputField: h,
-      rootRef: C,
+      rootRef: w,
       focus: () => {
         var e;
         return (e = h.value) == null ? void 0 : e.focus();
@@ -72,7 +73,7 @@ const x = {
     }), (e, t) => (a(), o("div", {
       class: "w-full flex flex-col relative",
       ref_key: "rootRef",
-      ref: C
+      ref: w
     }, [
       e.label ? (a(), o("label", {
         key: 0,
@@ -93,7 +94,7 @@ const x = {
             b.value ? "bg-red-200 dark:bg-red-900" : ""
           ]])
         }, [
-          e.prefix ? (a(), o("div", x, f(e.prefix), 1)) : u("", !0),
+          e.prefix ? (a(), o("div", H, f(e.prefix), 1)) : u("", !0),
           V(e.$slots, "prepend-inner"),
           c("input", {
             ref_key: "inputField",
@@ -108,48 +109,48 @@ const x = {
             autocomplete: "off",
             "aria-invalid": b.value ? "true" : "false",
             "aria-describedby": b.value ? `error-${v}` : null,
-            class: y([e.inputDensity, e.textColor, e.placeholderColor, e.textCenter ? "text-center" : "", "w-full h-full bg-transparent focus:outline-none"]),
-            onInput: B,
-            onBlur: E,
-            onFocus: K,
+            class: y([B.value, e.textColor, e.placeholderColor, e.textCenter ? "text-center" : "", "w-full h-full bg-transparent focus:outline-none"]),
+            onInput: E,
+            onBlur: K,
+            onFocus: j,
             onKeydown: t[0] || (t[0] = (p) => n("keyDown", p)),
             onKeyup: t[1] || (t[1] = (p) => n("keyUp", p))
-          }, null, 42, H),
+          }, null, 42, M),
           e.clearable && r.value ? (a(), o("button", {
             key: 1,
             type: "button",
-            onClick: j,
+            onClick: x,
             class: y(["ml-2", e.textColor]),
             disabled: e.disabled || e.readonly
-          }, " × ", 10, M)) : u("", !0),
-          e.noArrows ? u("", !0) : (a(), o("div", T, [
+          }, " × ", 10, T)) : u("", !0),
+          e.noArrows ? u("", !0) : (a(), o("div", q, [
             c("button", {
               type: "button",
               class: "p-2",
               onClick: z,
               disabled: e.disabled || e.readonly
-            }, "▲", 8, q),
+            }, "▲", 8, G),
             c("button", {
               type: "button",
               class: "p-2",
               onClick: A,
               disabled: e.disabled || e.readonly
-            }, "▼", 8, G)
+            }, "▼", 8, J)
           ])),
           V(e.$slots, "append-inner"),
-          e.suffix ? (a(), o("div", J, f(e.suffix), 1)) : u("", !0)
+          e.suffix ? (a(), o("div", L, f(e.suffix), 1)) : u("", !0)
         ], 2),
-        e.hideDetails ? u("", !0) : (a(), o("div", L, [
+        e.hideDetails ? u("", !0) : (a(), o("div", O, [
           b.value ? (a(), o("div", {
             key: 0,
             id: `error-${v}`,
             class: "text-red-500 text-sm text-center"
-          }, f(w.value || e.errorMessage), 9, O)) : e.hint && (e.persistentHint || d.value) ? (a(), o("div", Q, f(e.hint), 1)) : u("", !0)
+          }, f(N.value || e.errorMessage), 9, Q)) : e.hint && (e.persistentHint || d.value) ? (a(), o("div", W, f(e.hint), 1)) : u("", !0)
         ]))
       ], 16)
     ], 512));
   }
 };
 export {
-  Z as default
+  _ as default
 };

package/package.json

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