adverich-kun-ui 0.1.184 → 0.1.186

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

@@ -1,7 +1,7 @@
-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 m, createBlock as h, resolveDynamicComponent as $, 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 C } from "../../../../utils/renderIcon.js";
+import { renderIconSlot as $ } from "../../../../utils/renderIcon.js";
 const Y = {
   key: 0,
   class: "block text-sm font-medium mb-1"
@@ -27,8 +27,8 @@ const Y = {
   __name: "KunTextarea",
   props: W,
   emits: ["update:modelValue", "click:clear", "click:control", "update:focused", "mousedown:control"],
-  setup(R, { expose: B, emit: S }) {
-    const r = R, V = S, u = L(null), {
+  setup(B, { expose: R, emit: S }) {
+    const r = B, V = S, u = L(null), {
       isFocused: v,
       internalValue: c,
       updateValue: D,
@@ -37,18 +37,25 @@ const Y = {
       validate: M,
       reset: T,
       resetValidation: A,
-      hasError: b,
+      hasError: f,
       displayedMessages: w
     } = X(r, V, u), E = p(() => {
+      const e = !!r.bgColor;
       switch (r.variant) {
         case "filled":
-          return "bg-gray-100 dark:bg-gray-900 border border-transparent";
+          return [
+            e ? "" : "bg-gray-100 dark:bg-gray-900",
+            "border border-transparent"
+          ];
         case "outlined":
           return "border border-gray-300 bg-transparent";
         case "underlined":
           return "border-b border-gray-300 bg-transparent rounded-none";
         case "solo":
-          return "bg-white dark:bg-black shadow-md border-transparent";
+          return [
+            e ? "" : "bg-white dark:bg-black",
+            "shadow-md border-transparent"
+          ];
         default:
           return "";
       }
@@ -70,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
       }
@@ -87,14 +94,14 @@ const Y = {
     function g(e, t) {
       V(`click:${t}`, e);
     }
-    return B({
+    return R({
       validate: M,
       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;
@@ -103,7 +110,7 @@ const Y = {
         var o;
         return (o = u.value) == null ? void 0 : o.blur();
       }, props: r })), () => [
-        e.label ? (s(), l("label", Y, m(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, [
@@ -111,7 +118,7 @@ const Y = {
             a("div", {
               onClick: t[0] || (t[0] = (o) => g(o, "prepend"))
             }, [
-              (s(), h($(n(C)(e.prependIcon))))
+              (s(), h(C(n($)(e.prependIcon))))
             ])
           ])
         ])) : d("", !0),
@@ -120,7 +127,7 @@ const Y = {
             a("div", {
               onClick: t[1] || (t[1] = (o) => g(o, "prependInner"))
             }, [
-              (s(), h($(n(C)(e.prependInnerIcon))))
+              (s(), h(C(n($)(e.prependInnerIcon))))
             ])
           ])
         ])) : d("", !0),
@@ -143,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;
@@ -162,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)
             ])
           ])
@@ -172,7 +179,7 @@ const Y = {
             a("div", {
               onClick: t[8] || (t[8] = (o) => g(o, "appendInner"))
             }, [
-              (s(), h($(n(C)(e.appendInnerIcon))))
+              (s(), h(C(n($)(e.appendInnerIcon))))
             ])
           ])
         ])) : d("", !0),
@@ -181,7 +188,7 @@ const Y = {
             a("div", {
               onClick: t[9] || (t[9] = (o) => g(o, "append"))
             }, [
-              (s(), h($(n(C)(e.appendIcon))))
+              (s(), h(C(n($)(e.appendIcon))))
             ])
           ])
         ])) : d("", !0),
@@ -192,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)
             ])
@@ -200,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, m(o), 1)
+              a("div", null, b(o), 1)
             ])), 128)) : e.hint ? i(e.$slots, "hint", {
               key: 1,
               hint: e.hint
             }, () => [
-              O(a("div", null, m(e.hint), 513), [
+              O(a("div", null, b(e.hint), 513), [
                 [Q, e.persistentHint || n(v)]
               ])
             ]) : d("", !0)
@@ -224,8 +231,8 @@ const Y = {
             max: I.value,
             value: n(c).length
           }, () => [
-            U(m(n(c).length), 1),
-            I.value ? (s(), l("span", le, " / " + m(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.184",
+  "version": "0.1.186",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",