adverich-kun-ui 0.1.330 → 0.1.331

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

@@ -1,45 +1,46 @@
-import { ref as L, computed as p, createElementBlock as l, openBlock as s, normalizeClass as m, renderSlot as i, createElementVNode as a, normalizeProps as y, guardReactiveProps as k, unref as t, createCommentVNode as d, toDisplayString as b, createBlock as h, resolveDynamicComponent as C, Fragment as q, renderList as J, withDirectives as O, vShow as Q, createTextVNode as U } from "vue";
-import { kunTextareaProps as W } from "../composables/KunTextareaProps.js";
-import { useKunTextarea as X } from "../composables/useKunTextareaComposable.js";
+import { ref as q, computed as p, createElementBlock as l, openBlock as s, normalizeClass as m, renderSlot as i, createElementVNode as a, normalizeProps as y, guardReactiveProps as k, unref as t, createCommentVNode as d, toDisplayString as b, createBlock as h, resolveDynamicComponent as C, Fragment as J, renderList as O, withDirectives as Q, vShow as U, createTextVNode as W } from "vue";
+import { kunTextareaProps as X } from "../composables/KunTextareaProps.js";
+import { useKunTextarea as Y } from "../composables/useKunTextareaComposable.js";
 import { renderIconSlot as $ } from "../../../../utils/renderIcon.js";
-const Y = {
+const Z = {
   key: 0,
   class: "block text-sm font-medium mb-1"
-}, Z = { class: "relative" }, x = {
+}, x = { class: "relative" }, _ = {
   key: 0,
   class: "absolute left-2 top-2 flex items-center"
-}, _ = {
+}, ee = {
   key: 1,
   class: "absolute left-2 top-2 ml-1"
-}, ee = ["value", "rows", "disabled", "readonly", "placeholder"], oe = {
+}, oe = ["value", "rows", "disabled", "readonly", "placeholder"], re = {
   key: 3,
   class: "absolute right-2 top-2 mr-1"
-}, re = {
+}, te = {
   key: 4,
   class: "absolute right-2 top-2 flex items-center"
-}, te = {
+}, ne = {
   key: 5,
   class: "mt-1"
-}, ne = { class: "h-1 w-full bg-gray-200 rounded overflow-hidden" }, se = {
+}, se = { class: "h-1 w-full bg-gray-200 rounded overflow-hidden" }, le = {
   key: 7,
   class: "text-xs text-right mt-1 text-gray-400"
-}, le = { key: 0 }, pe = {
+}, ae = { key: 0 }, ce = {
   __name: "KunTextarea",
-  props: W,
+  props: X,
   emits: ["update:modelValue", "click:clear", "click:control", "update:focused", "mousedown:control"],
-  setup(z, { expose: B, emit: S }) {
-    const o = z, R = S, u = L(null), {
+  setup(B, { expose: S, emit: D }) {
+    const o = B, R = D, u = q(null), {
       isFocused: v,
       internalValue: c,
-      updateValue: D,
-      handleClear: V,
-      adjustHeight: F,
-      validate: M,
-      reset: T,
-      resetValidation: A,
+      rootRef: V,
+      updateValue: F,
+      handleClear: z,
+      adjustHeight: M,
+      validate: T,
+      reset: A,
+      resetValidation: E,
       hasError: f,
       displayedMessages: w
-    } = X(o, R, u), E = p(() => {
+    } = Y(o, R, u), G = p(() => {
       const e = !!o.bgColor;
       switch (o.variant) {
         case "filled":
@@ -59,7 +60,7 @@ const Y = {
         default:
           return "";
       }
-    }), G = p(() => {
+    }), N = p(() => {
       switch (o.density) {
         case "comfortable":
           return "py-2";
@@ -68,7 +69,7 @@ const Y = {
         default:
           return "";
       }
-    }), N = p(() => [
+    }), P = p(() => [
       "w-full resize-none p-2 transition-colors duration-150",
       o.inputClass,
       {
@@ -86,28 +87,29 @@ const Y = {
         "resize-none": o.noResize || o.autoGrow,
         resize: !o.noResize && !o.autoGrow
       }
-    ]), P = p(() => [
+    ]), H = p(() => [
       "relative w-full",
       o.class,
       o.wrapperClass
-    ]), I = p(() => o.counter === !0 ? 25 : typeof o.counter == "number" || typeof o.counter == "string" ? o.counter : null), H = p(() => o.persistentCounter ? !0 : !!o.counter && v.value), K = p(() => typeof o.clearIcon == "string" ? o.clearIcon : "i-heroicons-x-mark-20-solid");
+    ]), I = p(() => o.counter === !0 ? 25 : typeof o.counter == "number" || typeof o.counter == "string" ? o.counter : null), K = p(() => o.persistentCounter ? !0 : !!o.counter && v.value), j = p(() => typeof o.clearIcon == "string" ? o.clearIcon : "i-heroicons-x-mark-20-solid");
     function g(e, n) {
       R(`click:${n}`, e);
     }
-    return B({
-      validate: M,
-      reset: T,
-      resetValidation: A,
+    return S({
+      validate: T,
+      reset: A,
+      resetValidation: E,
       errorMessages: w,
       isValid: p(() => !f.value),
-      rootRef,
+      rootRef: V,
       focus: () => {
         var e;
         return (e = u.value) == null ? void 0 : e.focus();
       }
     }), (e, n) => (s(), l("div", {
-      class: m(P.value),
-      ref: "rootRef"
+      class: m(H.value),
+      ref_key: "rootRef",
+      ref: V
     }, [
       i(e.$slots, "label", y(k({ label: e.label, isFocused: t(v), isActive: !!t(c), controlRef: u.value, focus: () => {
         var r;
@@ -116,10 +118,10 @@ const Y = {
         var r;
         return (r = u.value) == null ? void 0 : r.blur();
       }, props: o })), () => [
-        e.label ? (s(), l("label", Y, b(e.label), 1)) : d("", !0)
+        e.label ? (s(), l("label", Z, b(e.label), 1)) : d("", !0)
       ]),
-      a("div", Z, [
-        e.prependIcon || e.$slots.prepend ? (s(), l("div", x, [
+      a("div", x, [
+        e.prependIcon || e.$slots.prepend ? (s(), l("div", _, [
           i(e.$slots, "prepend", y(k(e.prependSlotBindings)), () => [
             a("div", {
               onClick: n[0] || (n[0] = (r) => g(r, "prepend"))
@@ -128,7 +130,7 @@ const Y = {
             ])
           ])
         ])) : d("", !0),
-        e.prependInnerIcon || e.$slots["prepend-inner"] ? (s(), l("div", _, [
+        e.prependInnerIcon || e.$slots["prepend-inner"] ? (s(), l("div", ee, [
           i(e.$slots, "prepend-inner", {}, () => [
             a("div", {
               onClick: n[1] || (n[1] = (r) => g(r, "prependInner"))
@@ -146,7 +148,7 @@ const Y = {
           readonly: e.readonly,
           placeholder: e.placeholder,
           onInput: n[2] || (n[2] = (r) => {
-            t(D)(r.target.value), e.autoGrow && t(F)();
+            t(F)(r.target.value), e.autoGrow && t(M)();
           }),
           onFocus: n[3] || (n[3] = (r) => {
             v.value = !0, e.$emit("update:focused", !0);
@@ -156,8 +158,8 @@ const Y = {
           }),
           onClick: n[5] || (n[5] = (r) => e.$emit("click:control", r)),
           onMousedown: n[6] || (n[6] = (r) => e.$emit("mousedown:control", r)),
-          class: m([E.value, G.value, N.value])
-        }, null, 42, ee),
+          class: m([G.value, N.value, P.value])
+        }, null, 42, oe),
         e.clearable && t(c) ? (s(), l("div", {
           key: 2,
           class: m(["absolute right-2 top-2", { "opacity-100": e.persistentClear, "hover:opacity-100 opacity-0 transition-opacity duration-200": !e.persistentClear }])
@@ -171,16 +173,16 @@ const Y = {
           }, props: o })), () => [
             a("button", {
               type: "button",
-              onClick: n[7] || (n[7] = (...r) => t(V) && t(V)(...r)),
+              onClick: n[7] || (n[7] = (...r) => t(z) && t(z)(...r)),
               class: "text-gray-500 hover:text-gray-700"
             }, [
               a("span", {
-                class: m(K.value)
+                class: m(j.value)
               }, null, 2)
             ])
           ])
         ], 2)) : d("", !0),
-        e.appendInnerIcon || e.$slots["append-inner"] ? (s(), l("div", oe, [
+        e.appendInnerIcon || e.$slots["append-inner"] ? (s(), l("div", re, [
           i(e.$slots, "append-inner", {}, () => [
             a("div", {
               onClick: n[8] || (n[8] = (r) => g(r, "appendInner"))
@@ -189,7 +191,7 @@ const Y = {
             ])
           ])
         ])) : d("", !0),
-        e.appendIcon || e.$slots.append ? (s(), l("div", re, [
+        e.appendIcon || e.$slots.append ? (s(), l("div", te, [
           i(e.$slots, "append", y(k(e.appendSlotBindings)), () => [
             a("div", {
               onClick: n[9] || (n[9] = (r) => g(r, "append"))
@@ -198,12 +200,12 @@ const Y = {
             ])
           ])
         ])) : d("", !0),
-        e.loading ? (s(), l("div", te, [
+        e.loading ? (s(), l("div", ne, [
           i(e.$slots, "loader", {
             color: e.loadingColor,
             isActive: !0
           }, () => [
-            a("div", ne, [
+            a("div", se, [
               a("div", {
                 class: m(["h-full transition-all duration-300", [`${e.loadingColor}`]]),
                 style: { width: "100%" }
@@ -216,8 +218,8 @@ const Y = {
           class: m(["text-xs mt-1 space-y-1", { "text-red-500": t(f), "text-gray-500": !t(f) }])
         }, [
           i(e.$slots, "details", {}, () => [
-            t(f) ? (s(!0), l(q, { key: 0 }, J(t(w), (r, j) => i(e.$slots, "message", {
-              key: j,
+            t(f) ? (s(!0), l(J, { key: 0 }, O(t(w), (r, L) => i(e.$slots, "message", {
+              key: L,
               message: r
             }, () => [
               a("div", null, b(r), 1)
@@ -225,20 +227,20 @@ const Y = {
               key: 1,
               hint: e.hint
             }, () => [
-              O(a("div", null, b(e.hint), 513), [
-                [Q, e.persistentHint || t(v)]
+              Q(a("div", null, b(e.hint), 513), [
+                [U, e.persistentHint || t(v)]
               ])
             ]) : d("", !0)
           ])
         ], 2)) : d("", !0),
-        H.value ? (s(), l("div", se, [
+        K.value ? (s(), l("div", le, [
           i(e.$slots, "counter", {
             counter: t(c).length,
             max: I.value,
             value: t(c).length
           }, () => [
-            U(b(t(c).length), 1),
-            I.value ? (s(), l("span", le, " / " + b(I.value), 1)) : d("", !0)
+            W(b(t(c).length), 1),
+            I.value ? (s(), l("span", ae, " / " + b(I.value), 1)) : d("", !0)
           ])
         ])) : d("", !0)
       ])
@@ -246,5 +248,5 @@ const Y = {
   }
 };
 export {
-  pe as default
+  ce as default
 };

package/package.json

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