adverich-kun-ui 0.1.185 → 0.1.186

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

@@ -1,4 +1,4 @@
-import { ref as L, computed as p, createElementBlock as l, openBlock as s, normalizeClass as f, renderSlot as i, createElementVNode as a, normalizeProps as y, guardReactiveProps as k, unref as n, createCommentVNode as d, toDisplayString as g, createBlock as h, resolveDynamicComponent as C, Fragment as q, renderList as J, withDirectives as O, vShow as Q, createTextVNode as U } from "vue";
+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 n, 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 { renderIconSlot as $ } from "../../../../utils/renderIcon.js";
@@ -37,7 +37,7 @@ const Y = {
       validate: M,
       reset: T,
       resetValidation: A,
-      hasError: b,
+      hasError: f,
       displayedMessages: w
     } = X(r, V, u), E = p(() => {
       const e = !!r.bgColor;
@@ -77,12 +77,12 @@ const Y = {
         [`rounded-${r.rounded}`]: typeof r.rounded == "string" || typeof r.rounded == "number",
         "shadow-md": r.variant === "solo" && !r.flat,
         "shadow-none": r.flat,
-        [`text-${r.baseColor}`]: r.baseColor,
-        [`bg-${r.bgColor}`]: r.bgColor,
+        [`text-${r.textColor}`]: r.textColor,
+        [`${r.bgColor}`]: r.bgColor,
         "text-gray-500 bg-gray-200": r.disabled,
         "focus:outline-none focus:ring-2": !r.disabled,
-        [`focus:ring-${r.color}`]: r.color && !r.disabled && !b.value,
-        "border-red-500 ring-red-500 focus:ring-red-500": b.value,
+        [`focus:ring-${r.color}`]: r.color && !r.disabled && !f.value,
+        "border-red-500 ring-red-500 focus:ring-red-500": f.value,
         "resize-none": r.noResize || r.autoGrow,
         resize: !r.noResize && !r.autoGrow
       }
@@ -91,7 +91,7 @@ const Y = {
       r.class,
       r.wrapperClass
     ]), I = p(() => r.counter === !0 ? 25 : typeof r.counter == "number" || typeof r.counter == "string" ? r.counter : null), H = p(() => r.persistentCounter ? !0 : !!r.counter && v.value), K = p(() => typeof r.clearIcon == "string" ? r.clearIcon : "i-heroicons-x-mark-20-solid");
-    function m(e, t) {
+    function g(e, t) {
       V(`click:${t}`, e);
     }
     return R({
@@ -99,9 +99,9 @@ const Y = {
       reset: T,
       resetValidation: A,
       errorMessages: w,
-      isValid: p(() => !b.value)
+      isValid: p(() => !f.value)
     }), (e, t) => (s(), l("div", {
-      class: f(P.value)
+      class: m(P.value)
     }, [
       i(e.$slots, "label", y(k({ label: e.label, isFocused: n(v), isActive: !!n(c), controlRef: u.value, focus: () => {
         var o;
@@ -110,13 +110,13 @@ const Y = {
         var o;
         return (o = u.value) == null ? void 0 : o.blur();
       }, props: r })), () => [
-        e.label ? (s(), l("label", Y, g(e.label), 1)) : d("", !0)
+        e.label ? (s(), l("label", Y, b(e.label), 1)) : d("", !0)
       ]),
       a("div", Z, [
         e.prependIcon || e.$slots.prepend ? (s(), l("div", x, [
           i(e.$slots, "prepend", y(k(e.prependSlotBindings)), () => [
             a("div", {
-              onClick: t[0] || (t[0] = (o) => m(o, "prepend"))
+              onClick: t[0] || (t[0] = (o) => g(o, "prepend"))
             }, [
               (s(), h(C(n($)(e.prependIcon))))
             ])
@@ -125,7 +125,7 @@ const Y = {
         e.prependInnerIcon || e.$slots["prepend-inner"] ? (s(), l("div", _, [
           i(e.$slots, "prepend-inner", {}, () => [
             a("div", {
-              onClick: t[1] || (t[1] = (o) => m(o, "prependInner"))
+              onClick: t[1] || (t[1] = (o) => g(o, "prependInner"))
             }, [
               (s(), h(C(n($)(e.prependInnerIcon))))
             ])
@@ -150,11 +150,11 @@ const Y = {
           }),
           onClick: t[5] || (t[5] = (o) => e.$emit("click:control", o)),
           onMousedown: t[6] || (t[6] = (o) => e.$emit("mousedown:control", o)),
-          class: f([E.value, G.value, N.value])
+          class: m([E.value, G.value, N.value])
         }, null, 42, ee),
         e.clearable && n(c) ? (s(), l("div", {
           key: 2,
-          class: f(["absolute right-2 top-2", { "opacity-100": e.persistentClear, "hover:opacity-100 opacity-0 transition-opacity duration-200": !e.persistentClear }])
+          class: m(["absolute right-2 top-2", { "opacity-100": e.persistentClear, "hover:opacity-100 opacity-0 transition-opacity duration-200": !e.persistentClear }])
         }, [
           i(e.$slots, "clear", y(k({ isActive: !!n(c), isFocused: n(v), controlRef: u.value, focus: () => {
             var o;
@@ -169,7 +169,7 @@ const Y = {
               class: "text-gray-500 hover:text-gray-700"
             }, [
               a("span", {
-                class: f(K.value)
+                class: m(K.value)
               }, null, 2)
             ])
           ])
@@ -177,7 +177,7 @@ const Y = {
         e.appendInnerIcon || e.$slots["append-inner"] ? (s(), l("div", re, [
           i(e.$slots, "append-inner", {}, () => [
             a("div", {
-              onClick: t[8] || (t[8] = (o) => m(o, "appendInner"))
+              onClick: t[8] || (t[8] = (o) => g(o, "appendInner"))
             }, [
               (s(), h(C(n($)(e.appendInnerIcon))))
             ])
@@ -186,7 +186,7 @@ const Y = {
         e.appendIcon || e.$slots.append ? (s(), l("div", oe, [
           i(e.$slots, "append", y(k(e.appendSlotBindings)), () => [
             a("div", {
-              onClick: t[9] || (t[9] = (o) => m(o, "append"))
+              onClick: t[9] || (t[9] = (o) => g(o, "append"))
             }, [
               (s(), h(C(n($)(e.appendIcon))))
             ])
@@ -199,7 +199,7 @@ const Y = {
           }, () => [
             a("div", te, [
               a("div", {
-                class: f(["h-full transition-all duration-300", [`bg-${e.loadingColor}`]]),
+                class: m(["h-full transition-all duration-300", [`${e.loadingColor}`]]),
                 style: { width: "100%" }
               }, null, 2)
             ])
@@ -207,19 +207,19 @@ const Y = {
         ])) : d("", !0),
         !e.hideDetails || e.hideDetails === "auto" && (n(w).length || e.hint) ? (s(), l("div", {
           key: 6,
-          class: f(["text-xs mt-1 space-y-1", { "text-red-500": n(b), "text-gray-500": !n(b) }])
+          class: m(["text-xs mt-1 space-y-1", { "text-red-500": n(f), "text-gray-500": !n(f) }])
         }, [
           i(e.$slots, "details", {}, () => [
-            n(b) ? (s(!0), l(q, { key: 0 }, J(n(w), (o, j) => i(e.$slots, "message", {
+            n(f) ? (s(!0), l(q, { key: 0 }, J(n(w), (o, j) => i(e.$slots, "message", {
               key: j,
               message: o
             }, () => [
-              a("div", null, g(o), 1)
+              a("div", null, b(o), 1)
             ])), 128)) : e.hint ? i(e.$slots, "hint", {
               key: 1,
               hint: e.hint
             }, () => [
-              O(a("div", null, g(e.hint), 513), [
+              O(a("div", null, b(e.hint), 513), [
                 [Q, e.persistentHint || n(v)]
               ])
             ]) : d("", !0)
@@ -231,8 +231,8 @@ const Y = {
             max: I.value,
             value: n(c).length
           }, () => [
-            U(g(n(c).length), 1),
-            I.value ? (s(), l("span", le, " / " + g(I.value), 1)) : d("", !0)
+            U(b(n(c).length), 1),
+            I.value ? (s(), l("span", le, " / " + b(I.value), 1)) : d("", !0)
           ])
         ])) : d("", !0)
       ])

package/dist/components/KunTextarea/src/composables/KunTextareaProps.js

@@ -16,6 +16,7 @@ const e = {
     type: [String, Function, Object],
     default: "i-mdi-close"
   },
+  persistentClear: Boolean,
   disabled: Boolean,
   readonly: Boolean,
   variant: { type: String, default: "filled" },
@@ -26,7 +27,7 @@ const e = {
   flat: Boolean,
   color: String,
   bgColor: String,
-  baseColor: String,
+  textColor: String,
   iconColor: [String, Boolean],
   glow: Boolean,
   class: [String, Array, Object],

package/package.json

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