adverich-kun-ui 0.1.512 → 0.1.513

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

@@ -1,32 +1,31 @@
-import { useAttrs as oe, ref as re, getCurrentInstance as te, computed as a, createElementBlock as l, openBlock as r, mergeProps as M, renderSlot as d, createElementVNode as i, createCommentVNode as u, normalizeClass as b, toDisplayString as g, normalizeProps as R, guardReactiveProps as z, unref as t, createBlock as y, resolveDynamicComponent as m, Fragment as ne, renderList as se, withDirectives as le, vShow as ae, createTextVNode as de } from "vue";
-import { kunTextareaProps as ie } from "../composables/KunTextareaProps.js";
-import ue from "../composables/useKunTextareaComposable.js";
+import { useAttrs as ee, ref as oe, getCurrentInstance as ne, computed as a, createElementBlock as l, openBlock as r, mergeProps as A, renderSlot as d, createElementVNode as i, createCommentVNode as u, normalizeClass as b, toDisplayString as g, normalizeProps as R, guardReactiveProps as z, unref as t, createBlock as y, resolveDynamicComponent as m, Fragment as re, renderList as te, withDirectives as se, vShow as le, createTextVNode as ae } from "vue";
+import { kunTextareaProps as de } from "../composables/KunTextareaProps.js";
+import ie from "../composables/useKunTextareaComposable.js";
 import { renderIconSlot as h } from "../../../../utils/renderIcon.js";
-import { debounce as pe } from "../../../../utils/utils.js";
-const ce = { class: "relative" }, ve = {
+const ue = { class: "relative" }, pe = {
   key: 0,
   class: "absolute left-2 top-2 flex items-center"
-}, fe = {
+}, ce = {
   key: 1,
   class: "absolute left-2 top-2 ml-1"
-}, be = ["value", "rows", "disabled", "readonly", "placeholder"], ge = {
+}, ve = ["value", "rows", "disabled", "readonly", "placeholder"], fe = {
   key: 3,
   class: "absolute right-2 top-2 mr-1"
-}, ye = {
+}, be = {
   key: 4,
   class: "absolute right-2 top-2 flex items-center"
-}, me = {
+}, ge = {
   key: 5,
   class: "mt-1"
-}, he = { class: "h-1 w-full bg-field-background rounded overflow-hidden" }, ke = {
+}, ye = { class: "h-1 w-full bg-field-background rounded overflow-hidden" }, me = {
   key: 7,
   class: "text-xs text-right mt-1 text-gray-400"
-}, Ce = { key: 0 }, Be = {
+}, he = { key: 0 }, $e = {
   __name: "KunTextarea",
-  props: { ...ie },
+  props: { ...de },
   emits: ["update:modelValue", "click:clear", "click:control", "update:focused", "mousedown:control"],
-  setup(A, { expose: D, emit: F }) {
-    const o = A, k = F, G = oe(), p = re(null), B = `textarea-${te().uid}`, {
+  setup(D, { expose: M, emit: F }) {
+    const o = D, k = F, G = ee(), p = oe(null), B = `textarea-${ne().uid}`, {
       isFocused: c,
       internalValue: v,
       updateModel: P,
@@ -37,13 +36,12 @@ const ce = { class: "relative" }, ve = {
       hasError: f,
       displayedMessages: C,
       adjustHeight: H
-    } = ue(o, k, p), L = (e) => {
-      v.value = e.target.value, j(e.target.value), o.autoGrow && H();
-    }, j = pe((e) => {
-      P(e);
-    }, 100), K = () => {
+    } = ie(o, k, p), L = (e) => {
+      const n = e.target.value;
+      v.value = n, P(n), o.autoGrow && H();
+    }, j = () => {
       c.value = !0, k("update:focused", !0);
-    }, U = () => {
+    }, K = () => {
       c.value = !1, k("update:focused", !1);
     }, V = a(() => c.value || !!v.value || o.dirty), w = a(() => typeof v.value == "string" ? v.value.length : 0), I = a(() => o.counter === !0 ? 25 : o.counter || null), q = a(() => o.persistentCounter || o.counter && c.value), J = a(() => ["relative w-full flex flex-col", o.class, o.wrapperClass]), O = a(
       () => o.persistentClear ? "opacity-100" : "hover:opacity-100 opacity-0 transition-opacity duration-200"
@@ -61,9 +59,9 @@ const ce = { class: "relative" }, ve = {
         default:
           return "";
       }
-    }), W = a(
+    }), U = a(
       () => o.density === "compact" ? "p-1" : o.density === "comfortable" ? "p-2" : "p-3"
-    ), X = a(() => [
+    ), W = a(() => [
       "w-full resize-none p-2 transition-colors duration-150",
       o.inputClass,
       {
@@ -82,8 +80,8 @@ const ce = { class: "relative" }, ve = {
         resize: !o.noResize && !o.autoGrow
       },
       Q.value,
-      W.value
-    ]), Y = {
+      U.value
+    ]), X = {
       label: o.label,
       isFocused: c,
       isActive: V,
@@ -110,11 +108,11 @@ const ce = { class: "relative" }, ve = {
         return (e = p.value) == null ? void 0 : e.blur();
       },
       props: o
-    }, Z = $, x = $, _ = a(() => {
+    }, Y = $, Z = $, x = a(() => {
       const { class: e, ...n } = G;
       return n;
     });
-    return D({
+    return M({
       validate: T,
       reset: E,
       resetValidation: N,
@@ -125,20 +123,20 @@ const ce = { class: "relative" }, ve = {
         return (e = p.value) == null ? void 0 : e.focus();
       },
       rootRef: p
-    }), (e, n) => (r(), l("div", M({
+    }), (e, n) => (r(), l("div", A({
       class: J.value,
       ref: "rootRef"
-    }, _.value), [
-      d(e.$slots, "label", M({ for: B }, Y), () => [
+    }, x.value), [
+      d(e.$slots, "label", A({ for: B }, X), () => [
         e.label ? (r(), l("label", {
           key: 0,
           for: B,
           class: b(["absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10", V.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"])
         }, g(e.label), 3)) : u("", !0)
       ]),
-      i("div", ce, [
-        e.prependIcon || e.$slots.prepend ? (r(), l("div", ve, [
-          d(e.$slots, "prepend", R(z(t(Z))), () => [
+      i("div", ue, [
+        e.prependIcon || e.$slots.prepend ? (r(), l("div", pe, [
+          d(e.$slots, "prepend", R(z(t(Y))), () => [
             i("div", {
               onClick: n[0] || (n[0] = (s) => e.handleIconClick(s, "prepend"))
             }, [
@@ -146,7 +144,7 @@ const ce = { class: "relative" }, ve = {
             ])
           ])
         ])) : u("", !0),
-        e.prependInnerIcon || e.$slots["prepend-inner"] ? (r(), l("div", fe, [
+        e.prependInnerIcon || e.$slots["prepend-inner"] ? (r(), l("div", ce, [
           d(e.$slots, "prepend-inner", {}, () => [
             i("div", {
               onClick: n[1] || (n[1] = (s) => e.handleIconClick(s, "prependInner"))
@@ -164,13 +162,13 @@ const ce = { class: "relative" }, ve = {
           readonly: e.readonly,
           placeholder: e.placeholder,
           onInput: L,
-          onFocus: K,
-          onBlur: U,
+          onFocus: j,
+          onBlur: K,
           onClick: n[2] || (n[2] = (s) => e.$emit("click:control", s)),
           onMousedown: n[3] || (n[3] = (s) => e.$emit("mousedown:control", s)),
-          class: b(["bg-field-background", [X.value]]),
+          class: b(["bg-field-background", [W.value]]),
           style: { width: "100%", "box-sizing": "border-box", "overflow-y": "hidden" }
-        }, null, 42, be),
+        }, null, 42, ve),
         e.clearable && t(v) ? (r(), l("div", {
           key: 2,
           class: b(["absolute right-2 top-2", O.value])
@@ -185,7 +183,7 @@ const ce = { class: "relative" }, ve = {
             ])
           ])
         ], 2)) : u("", !0),
-        e.appendInnerIcon || e.$slots["append-inner"] ? (r(), l("div", ge, [
+        e.appendInnerIcon || e.$slots["append-inner"] ? (r(), l("div", fe, [
           d(e.$slots, "append-inner", {}, () => [
             i("div", {
               onClick: n[5] || (n[5] = (s) => e.handleIconClick(s, "appendInner"))
@@ -194,8 +192,8 @@ const ce = { class: "relative" }, ve = {
             ])
           ])
         ])) : u("", !0),
-        e.appendIcon || e.$slots.append ? (r(), l("div", ye, [
-          d(e.$slots, "append", R(z(t(x))), () => [
+        e.appendIcon || e.$slots.append ? (r(), l("div", be, [
+          d(e.$slots, "append", R(z(t(Z))), () => [
             i("div", {
               onClick: n[6] || (n[6] = (s) => e.handleIconClick(s, "append"))
             }, [
@@ -203,12 +201,12 @@ const ce = { class: "relative" }, ve = {
             ])
           ])
         ])) : u("", !0),
-        e.loading ? (r(), l("div", me, [
+        e.loading ? (r(), l("div", ge, [
           d(e.$slots, "loader", {
             color: e.loadingColor,
             isActive: !0
           }, () => [
-            i("div", he, [
+            i("div", ye, [
               i("div", {
                 class: b(["h-full transition-all duration-300", [e.loadingColor]]),
                 style: { width: "100%" }
@@ -221,8 +219,8 @@ const ce = { class: "relative" }, ve = {
           class: b(["text-xs mt-1 space-y-1", { "text-red-500": t(f), "text-gray-500": !t(f) }])
         }, [
           d(e.$slots, "details", {}, () => [
-            t(f) ? (r(!0), l(ne, { key: 0 }, se(t(C), (s, ee) => d(e.$slots, "message", {
-              key: ee,
+            t(f) ? (r(!0), l(re, { key: 0 }, te(t(C), (s, _) => d(e.$slots, "message", {
+              key: _,
               message: s
             }, () => [
               i("div", null, g(s), 1)
@@ -230,20 +228,20 @@ const ce = { class: "relative" }, ve = {
               key: 1,
               hint: e.hint
             }, () => [
-              le(i("div", null, g(e.hint), 513), [
-                [ae, e.persistentHint || t(c)]
+              se(i("div", null, g(e.hint), 513), [
+                [le, e.persistentHint || t(c)]
               ])
             ]) : u("", !0)
           ])
         ], 2)) : u("", !0),
-        q.value ? (r(), l("div", ke, [
+        q.value ? (r(), l("div", me, [
           d(e.$slots, "counter", {
             counter: w.value,
             max: I.value,
             value: w.value
           }, () => [
-            de(g(w.value), 1),
-            I.value ? (r(), l("span", Ce, " / " + g(I.value), 1)) : u("", !0)
+            ae(g(w.value), 1),
+            I.value ? (r(), l("span", he, " / " + g(I.value), 1)) : u("", !0)
           ])
         ])) : u("", !0)
       ])
@@ -251,5 +249,5 @@ const ce = { class: "relative" }, ve = {
   }
 };
 export {
-  Be as default
+  $e as default
 };

package/package.json

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