adverich-kun-ui 0.1.590 → 0.1.591

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

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

package/package.json

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