adverich-kun-ui 0.1.541 → 0.1.543

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

@@ -1,161 +1,165 @@
-import { nextTick as U, getCurrentInstance as H, computed as d, useSlots as q, ref as G, createElementBlock as n, openBlock as o, createCommentVNode as r, createElementVNode as k, normalizeClass as u, toDisplayString as i, mergeProps as J, unref as t, renderSlot as c, withModifiers as L, createVNode as Q } from "vue";
-import { icons as P } from "../../../../icons/index.js";
-import W from "../composables/KunTextFieldProps.js";
-import X from "../composables/useKunTextFieldComposable.js";
-import Y from "../../../KunIcon/src/components/KunIcon.vue.js";
-const Z = {
+import { nextTick as H, getCurrentInstance as q, computed as d, useSlots as G, ref as J, createElementBlock as n, openBlock as s, createCommentVNode as o, createElementVNode as k, normalizeClass as u, toDisplayString as i, mergeProps as L, unref as t, renderSlot as h, withModifiers as Q, createVNode as W } from "vue";
+import { icons as F } from "../../../../icons/index.js";
+import X from "../composables/KunTextFieldProps.js";
+import Y from "../composables/useKunTextFieldComposable.js";
+import Z from "../../../KunIcon/src/components/KunIcon.vue.js";
+const _ = {
   key: 0,
   class: "mr-2"
-}, _ = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], ee = ["disabled"], te = {
+}, ee = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], te = ["disabled"], le = {
   key: 3,
   class: "flex items-center justify-center min-w-[32px] h-full px-1"
-}, le = {
+}, ne = {
   key: 5,
   class: "ml-2"
 }, se = {
   key: 0,
   class: "h-[1.25rem]"
-}, ne = ["id"], oe = {
+}, re = ["id"], oe = {
   key: 1,
   class: "text-xs text-center"
-}, re = {
+}, ie = {
   key: 2,
   class: "text-xs text-right"
-}, fe = {
+}, ye = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
   __name: "KunTextField",
-  props: { ...W },
+  props: { ...X },
   emits: [
     "update:modelValue",
     "focus",
     "blur",
     "handleClick",
     "keyDown",
-    "keyUp"
+    "keyUp",
+    "enter"
   ],
-  setup(V, { expose: D, emit: T }) {
-    const a = V, p = T, {
-      inputField: b,
-      inputValue: f,
+  setup(P, { expose: V, emit: j }) {
+    const a = P, p = j, {
+      inputField: f,
+      inputValue: y,
       rootRef: w,
-      inputFocused: h,
-      validationError: j,
-      hasError: y,
+      inputFocused: b,
+      validationError: E,
+      hasError: m,
       handleInput: g,
       handleBlur: C,
       focusInput: I,
-      validate: B,
-      reset: E,
-      resetValidation: K,
+      validate: K,
+      reset: T,
+      resetValidation: B,
       clearInput: $
-    } = X(a, p);
-    D({
-      validate: B,
-      reset: E,
-      resetValidation: K,
-      inputField: b,
+    } = Y(a, p), O = (e) => {
+      p("keyDown", e), e.key === "Enter" && (e.preventDefault(), p("enter", e));
+    };
+    V({
+      validate: K,
+      reset: T,
+      resetValidation: B,
+      inputField: f,
       rootRef: w,
       focus: () => {
-        U(() => {
-          var e;
-          (e = b.value) == null || e.focus();
+        H(() => {
+          f.value && f.value.focus();
         });
       }
     });
-    const m = `input-${H().uid}`, S = d(() => h.value || f.value !== "" || a.dirty), x = q(), N = d(() => !!x["prepend-inner"]), O = d(() => !!x["append-inner"]), v = G(!1), z = d(() => v.value ? P.eyeOffOutline : P.eyeOutline);
-    function A() {
+    const c = `input-${q().uid}`, S = d(() => b.value || y.value !== "" || a.dirty), x = G(), A = d(() => !!x["prepend-inner"]), N = d(() => !!x["append-inner"]), v = J(!1), z = d(() => v.value ? F.eyeOffOutline : F.eyeOutline);
+    function M() {
       v.value = !v.value;
     }
-    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");
+    const R = d(() => a.type === "password" ? v.value ? "text" : "password" : a.type), U = d(() => a.density === "compact" ? "p-1" : a.density === "comfortable" ? "p-2" : "p-3");
     return (e, l) => {
-      var F;
-      return o(), n("div", {
+      var D;
+      return s(), n("div", {
         class: "w-full flex flex-col relative",
         ref_key: "rootRef",
         ref: w
       }, [
-        e.label ? (o(), n("label", {
+        e.label ? (s(), n("label", {
           key: 0,
-          for: m,
+          for: c,
           class: u([
             e.labelColor,
             "absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10",
             S.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
           ])
-        }, i(e.label), 3)) : r("", !0),
-        k("div", J({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
+        }, i(e.label), 3)) : o("", !0),
+        k("div", L({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
           k("div", {
             class: u(["flex flex-row items-center w-full h-full border", [
               e.bgInput,
               e.rounded,
-              t(h) ? "border-slate-400 dark:border-slate-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
+              t(b) ? "border-slate-400 dark:border-slate-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" : ""
+              t(m) ? "bg-red-200 dark:bg-red-900" : ""
             ]])
           }, [
-            e.prefix ? (o(), n("div", Z, i(e.prefix), 1)) : r("", !0),
-            N.value ? (o(), n("div", {
+            e.prefix ? (s(), n("div", _, i(e.prefix), 1)) : o("", !0),
+            A.value ? (s(), n("div", {
               key: 1,
               class: u([e.prependInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
             }, [
-              c(e.$slots, "prepend-inner")
-            ], 2)) : r("", !0),
-            c(e.$slots, "prepend-input-content"),
+              h(e.$slots, "prepend-inner")
+            ], 2)) : o("", !0),
+            h(e.$slots, "prepend-input-content"),
             k("input", {
               ref_key: "inputField",
-              ref: b,
-              type: M.value,
-              value: t(f),
-              id: m,
+              ref: f,
+              type: R.value,
+              value: t(y),
+              id: c,
               placeholder: e.placeholder,
               disabled: e.disabled,
               readonly: e.readonly,
               maxlength: e.maxlength,
               autocomplete: "off",
-              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] = (...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] = L((s) => p("handleClick"), ["stop"])),
-              onKeydown: l[4] || (l[4] = (s) => p("keyDown", s)),
-              onKeyup: l[5] || (l[5] = (s) => p("keyUp", s))
-            }, null, 42, _),
-            e.clearable && t(f) ? (o(), n("button", {
+              class: u(["w-full h-full bg-transparent focus:outline-none", [U.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "text-center" : ""]]),
+              "aria-invalid": t(m) ? "true" : "false",
+              "aria-describedby": t(m) ? `error-${c}` : null,
+              onInput: l[0] || (l[0] = (...r) => t(g) && t(g)(...r)),
+              onBlur: l[1] || (l[1] = (...r) => t(C) && t(C)(...r)),
+              onFocus: l[2] || (l[2] = (...r) => t(I) && t(I)(...r)),
+              onClick: l[3] || (l[3] = Q((r) => p("handleClick"), ["stop"])),
+              onKeydown: O,
+              onKeyup: l[4] || (l[4] = (r) => p("keyUp", r))
+            }, null, 42, ee),
+            e.clearable && t(y) ? (s(), n("button", {
               key: 2,
               type: "button",
-              onClick: l[6] || (l[6] = (...s) => t($) && t($)(...s)),
+              onClick: l[5] || (l[5] = (...r) => t($) && t($)(...r)),
               class: u(["ml-2", e.textColor]),
               disabled: e.disabled || e.readonly
-            }, " × ", 10, ee)) : r("", !0),
-            c(e.$slots, "default"),
-            e.type === "password" && e.showPasswordToggle ? (o(), n("div", te, [
-              Q(Y, {
+            }, " × ", 10, te)) : o("", !0),
+            h(e.$slots, "default"),
+            e.type === "password" && e.showPasswordToggle ? (s(), n("div", le, [
+              W(Z, {
                 icon: z.value,
-                onClick: A
+                onClick: M
               }, null, 8, ["icon"])
-            ])) : r("", !0),
-            O.value ? (o(), n("div", {
+            ])) : o("", !0),
+            N.value ? (s(), n("div", {
               key: 4,
               class: u([e.appendInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
             }, [
-              c(e.$slots, "append-inner")
-            ], 2)) : r("", !0),
-            e.suffix ? (o(), n("div", le, i(e.suffix), 1)) : r("", !0)
+              h(e.$slots, "append-inner")
+            ], 2)) : o("", !0),
+            e.suffix ? (s(), n("div", ne, i(e.suffix), 1)) : o("", !0)
           ], 2),
-          e.hideDetails ? r("", !0) : (o(), n("div", se, [
-            t(y) ? (o(), n("div", {
+          e.hideDetails ? o("", !0) : (s(), n("div", se, [
+            t(m) ? (s(), n("div", {
               key: 0,
-              id: `error-${m}`,
+              id: `error-${c}`,
               class: "text-red-500 text-sm text-center"
-            }, i(t(j) || e.errorMessage), 9, ne)) : e.hint && (e.persistentHint || t(h)) ? (o(), n("div", oe, i(e.hint), 1)) : r("", !0),
-            e.counter && e.maxlength ? (o(), n("div", re, i(((F = t(f)) == null ? void 0 : F.length) || 0) + " / " + i(e.maxlength), 1)) : r("", !0)
+            }, i(t(E) || e.errorMessage), 9, re)) : e.hint && (e.persistentHint || t(b)) ? (s(), n("div", oe, i(e.hint), 1)) : o("", !0),
+            e.counter && e.maxlength ? (s(), n("div", ie, i(((D = t(y)) == null ? void 0 : D.length) || 0) + " / " + i(e.maxlength), 1)) : o("", !0)
           ]))
         ], 16)
       ], 512);
     };
   }
-};
+});
 export {
-  fe as default
+  ye as default
 };

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

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

package/dist/utils/tableFormatters.js

@@ -57,7 +57,7 @@ const i = {
     var r;
     if (!t || t === "0000-00-00" || !a(t)) return "Nunca";
     const n = new Date(t), o = c.current, e = o.locale;
-    return console.log(o), new Intl.DateTimeFormat(e, {
+    return new Intl.DateTimeFormat(e, {
       weekday: "short",
       day: "2-digit",
       month: "short",

package/package.json

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