@wikicasa-dev/components 1.7.55 → 1.8.1

package/dist/BaseInput.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, mergeModels as M, useModel as O, ref as p, watch as $, useAttrs as j, openBlock as s, createElementBlock as d, normalizeClass as m, unref as o, renderSlot as v, createElementVNode as c, withModifiers as g, withKeys as D, createBlock as G, createCommentVNode as w, Fragment as C, renderList as B } from "vue";
+import { defineComponent as N, mergeModels as M, useModel as O, ref as p, watch as c, useAttrs as j, openBlock as s, createElementBlock as d, normalizeClass as m, unref as o, renderSlot as v, createElementVNode as h, withModifiers as g, withKeys as D, createBlock as G, createCommentVNode as w, Fragment as C, renderList as B } from "vue";
 import J from "./BaseFloatingLabel.js";
 import { useFloatingLabel as Q } from "./useFloatingLabel.js";
 import { _ as R } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
@@ -19,66 +19,66 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ M(["click", "keydownEnterPressed", "focusin", "focusout", "keydown"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ M(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
   setup(y, { expose: E, emit: H }) {
-    const t = y, r = O(y, "modelValue"), l = p(""), f = H, {
-      labelState: u,
+    const a = y, u = O(y, "modelValue"), l = p(""), k = H, {
+      labelState: r,
       handleFocusIn: P,
       handleFocusOut: V,
       setInlineLabel: F,
       setFloatingLabel: L
-    } = Q(f), n = p("text"), k = p({}), b = p(null), q = () => {
-      t.feedback && (k.value = t.feedback, t.feedback.valid && typeof t.feedback.valid == "string" && (k.value.valid = [t.feedback.valid]), t.feedback.invalid && typeof t.feedback.invalid == "string" && (k.value.invalid = [t.feedback.invalid]));
+    } = Q(k), n = p("text"), f = p({}), b = p(null), q = () => {
+      a.feedback && (f.value = a.feedback, a.feedback.valid && typeof a.feedback.valid == "string" && (f.value.valid = [a.feedback.valid]), a.feedback.invalid && typeof a.feedback.invalid == "string" && (f.value.invalid = [a.feedback.invalid]));
     }, T = (e, i) => {
-      if (!t.formatter || !t.formatter.formatFn)
+      if (!a.formatter || !a.formatter.formatFn)
         return l.value = e, "";
-      const a = e.length ? t.formatter.formatFn(e) : e;
-      return i && (i.value = a), l.value = a, a;
+      const t = e.length ? a.formatter.formatFn(e) : e;
+      return i && (i.value = t), l.value = t, t;
     }, I = (e, i = !0) => {
-      if (i && (!t.formatter || !t.formatter.unFormatFn))
-        return r.value = e, "";
-      if (!i || !t.formatter || !t.formatter.unFormatFn)
+      if (i && (!a.formatter || !a.formatter.unFormatFn))
+        return u.value = e, "";
+      if (!i || !a.formatter || !a.formatter.unFormatFn)
         return;
-      const a = t.formatter.unFormatFn(e);
-      return r.value = a ?? "", a;
+      const t = a.formatter.unFormatFn(e);
+      return u.value = t ?? "", t;
     }, z = ({ target: e }) => {
-      const i = e, a = I(i.value);
+      const i = e, t = I(i.value);
       T(
-        `${a}`,
-        a === r.value ? i : void 0
+        `${t}`,
+        t === u.value ? i : void 0
       );
+    }, K = () => {
+      u.value = "", F();
     }, S = () => {
-      r.value = "", F();
-    }, A = () => {
       n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
     };
-    $(
-      () => t.feedback,
+    c(
+      () => a.feedback,
       () => {
         q();
       },
       {
         immediate: !0
       }
-    ), $(
-      r,
+    ), c(
+      u,
       (e) => {
         T(
           `${e}`,
           I(`${e}`, !1) === e ? b.value : void 0
-        ), l.value != null && l.value.length > 0 && u.value !== "floating-label" ? L() : !l.value && document && document.activeElement !== b.value && F();
+        ), l.value != null && l.value.length > 0 && r.value !== "floating-label" ? L() : !l.value && document && document.activeElement !== b.value && F();
       },
       {
         immediate: !0
       }
-    ), $(
-      () => t.keepFloatingLabel,
+    ), c(
+      () => a.keepFloatingLabel,
       (e) => {
-        e ? L() : V(r.value);
+        e ? L() : V(u.value);
       }
     );
-    const K = j();
-    return n.value = K.type || "text", E({
+    const A = j();
+    return n.value = A.type || "text", E({
       select: () => {
         b.value?.select();
       }
@@ -87,7 +87,7 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         e.$attrs.class,
         { "uikit-h-12": e.labelText },
         { "floating-label": e.labelText },
-        o(u) === "floating-label" ? "floating-state" : "inline-state",
+        o(r) === "floating-label" ? "floating-state" : "inline-state",
         {
           "has-right-icon": e.$attrs["with-right-icon"] !== void 0 ? e.$attrs["with-right-icon"] : !!e.$slots.righticon
         },
@@ -99,11 +99,11 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
     }, [
       v(e.$slots, "leftIcon", {}, void 0, !0),
       v(e.$slots, "righticon", {
-        handleClean: S,
-        handleShowPasswd: A,
+        handleClean: K,
+        handleShowPasswd: S,
         curType: n.value
       }, void 0, !0),
-      c("input", {
+      h("input", {
         id: e.$attrs.id,
         ref_key: "baseInputEl",
         ref: b,
@@ -134,17 +134,18 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         maxlength: e.$attrs.maxlength,
         inputmode: e.$attrs.inputmode,
         placeholder: e.$attrs.placeholder,
-        onClick: i[0] || (i[0] = (a) => f("click", a)),
+        onClick: i[0] || (i[0] = (t) => k("click", t)),
         onFocusin: i[1] || (i[1] = g(() => e.labelText && o(P)(), ["stop"])),
-        onFocusout: i[2] || (i[2] = g((a) => e.labelText && !e.keepFloatingLabel && o(V)(l.value), ["stop"])),
+        onFocusout: i[2] || (i[2] = g((t) => e.labelText && !e.keepFloatingLabel && o(V)(l.value), ["stop"])),
         onInput: g(z, ["stop"]),
         value: l.value,
         onKeydown: [
-          i[3] || (i[3] = D(() => f("keydownEnterPressed"), ["enter"])),
-          i[4] || (i[4] = (a) => f("keydown", a))
-        ]
+          i[3] || (i[3] = D(() => k("keydownEnterPressed"), ["enter"])),
+          i[4] || (i[4] = (t) => k("keydown", t))
+        ],
+        onKeyup: i[5] || (i[5] = (t) => k("keyup", t))
       }, null, 42, W),
-      c("fieldset", {
+      h("fieldset", {
         class: m(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-py-0 uikit-text-left uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger", [
           e.$attrs.disabled ? "uikit-bg-w-cultured" : "uikit-bg-white",
           {
@@ -156,15 +157,15 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
           e.$attrs["fieldset-classes"]
         ]])
       }, [
-        c("legend", X, [
-          c("span", {
+        h("legend", X, [
+          h("span", {
             class: m(["visible-label uikit-opacity-0", [
               { "uikit-mx-5px": e.labelText },
               {
-                "uikit-visible uikit-inline-block": o(u) === "floating-label"
+                "uikit-visible uikit-inline-block": o(r) === "floating-label"
               },
               {
-                "uikit-invisible uikit-hidden": o(u) === "inline-label"
+                "uikit-invisible uikit-hidden": o(r) === "inline-label"
               }
             ]]),
             innerHTML: e.labelText
@@ -175,24 +176,24 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         key: 0,
         for: e.$attrs.id,
         "label-text": e.labelText,
-        "label-state": o(u),
+        "label-state": o(r),
         "is-valid": e.isValid,
         required: e.$attrs.required,
         disabled: e.$attrs.disabled,
         "label-classes": [
-          o(u) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
+          o(r) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
           e.$attrs["label-classes"]
         ]
       }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes"])) : w("", !0),
       v(e.$slots, "feedback", {}, () => [
-        e.isValid === !1 ? (s(!0), d(C, { key: 0 }, B(k.value.invalid, (a, h) => (s(), d("div", {
-          key: `${e.$attrs.id}_invalid_${h}`,
+        e.isValid === !1 ? (s(!0), d(C, { key: 0 }, B(f.value.invalid, (t, $) => (s(), d("div", {
+          key: `${e.$attrs.id}_invalid_${$}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
-          innerHTML: a
-        }, null, 8, Z))), 128)) : e.isValid === !0 ? (s(!0), d(C, { key: 1 }, B(k.value.valid, (a, h) => (s(), d("div", {
-          key: `${e.$attrs.id}_valid_${h}`,
+          innerHTML: t
+        }, null, 8, Z))), 128)) : e.isValid === !0 ? (s(!0), d(C, { key: 1 }, B(f.value.valid, (t, $) => (s(), d("div", {
+          key: `${e.$attrs.id}_valid_${$}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
-          innerHTML: a
+          innerHTML: t
         }, null, 8, U))), 128)) : w("", !0)
       ], !0),
       e.$slots["under-label"] ? (s(), d("div", x, [
@@ -200,7 +201,7 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
       ])) : w("", !0)
     ], 2));
   }
-}), ne = /* @__PURE__ */ R(_, [["__scopeId", "data-v-4a4fc4c7"]]);
+}), ne = /* @__PURE__ */ R(_, [["__scopeId", "data-v-190ac5fd"]]);
 export {
   ne as default
 };

package/dist/BaseTextarea.js

@@ -1,11 +1,11 @@
-import { defineComponent as $, mergeModels as f, useModel as x, ref as L, watch as M, onBeforeMount as B, openBlock as n, createElementBlock as k, normalizeClass as s, createElementVNode as r, unref as a, withModifiers as o, createCommentVNode as p, createVNode as F, nextTick as z } from "vue";
-import E from "./BaseFloatingLabel.js";
-import { useFloatingLabel as I } from "./useFloatingLabel.js";
-import { _ as C } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import { defineComponent as h, mergeModels as f, useModel as x, ref as L, watch as M, onBeforeMount as B, openBlock as k, createElementBlock as b, normalizeClass as s, createElementVNode as o, unref as l, withModifiers as d, createCommentVNode as p, createVNode as F, nextTick as z } from "vue";
+import C from "./BaseFloatingLabel.js";
+import { useFloatingLabel as E } from "./useFloatingLabel.js";
+import { _ as I } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "value"], q = {
   key: 0,
   class: "uikit-visible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-duration-[50s] uikit-ease-out"
-}, A = ["innerHTML"], N = ["innerHTML"], D = /* @__PURE__ */ $({
+}, A = ["innerHTML"], N = ["innerHTML"], D = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BaseTextarea",
   props: /* @__PURE__ */ f({
@@ -17,22 +17,22 @@ import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ f(["focusin", "focusout", "keydown"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ f(["focusin", "focusout", "click", "keydown"], ["update:modelValue"]),
   setup(v, { expose: m, emit: c }) {
-    const u = x(v, "modelValue"), b = c, {
-      labelState: t,
+    const u = x(v, "modelValue"), n = c, {
+      labelState: a,
       setInitialLabelState: w,
       handleFocusIn: g,
       handleFocusOut: y,
       setFloatingLabel: V,
       setInlineLabel: T
-    } = I(b), i = L(null);
+    } = E(n), i = L(null);
     M(u, (e) => {
-      `${e}`.length && t.value !== "floating-label" ? V() : !e?.length && t.value !== "inline-label" && document.activeElement !== i.value && T();
+      `${e}`.length && a.value !== "floating-label" ? V() : !e?.length && a.value !== "inline-label" && document.activeElement !== i.value && T();
     }), B(() => {
       w(u.value);
     });
-    const h = ({ target: e }) => {
+    const $ = ({ target: e }) => {
       u.value = e.value;
     };
     return m({
@@ -47,15 +47,15 @@ import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled
           i.value && i.value.focus();
         }));
       }
-    }), (e, l) => (n(), k("div", {
+    }), (e, t) => (k(), b("div", {
       class: s(e.$attrs["wrapper-classes"])
     }, [
-      r("div", {
+      o("div", {
         class: s(["input-wrapper uikit-relative uikit-rounded-xs uikit-px-0", [
-          a(t) === "floating-label" ? "floating-state" : "inline-state"
+          l(a) === "floating-label" ? "floating-state" : "inline-state"
         ]])
       }, [
-        r("textarea", {
+        o("textarea", {
           id: e.$attrs.id,
           ref_key: "textarea",
           ref: i,
@@ -70,13 +70,14 @@ import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled
           disabled: e.$attrs.disabled,
           "aria-labelledby": e.$attrs.id,
           readonly: e.$attrs.readonly,
-          onFocusin: l[0] || (l[0] = o((d) => a(g)(), ["stop"])),
-          onFocusout: l[1] || (l[1] = o((d) => a(y)(`${u.value}`.trim()), ["stop"])),
-          onInput: o(h, ["stop"]),
-          onKeydown: l[2] || (l[2] = o((d) => b("keydown", d), ["stop"])),
+          onFocusin: t[0] || (t[0] = d((r) => l(g)(), ["stop"])),
+          onFocusout: t[1] || (t[1] = d((r) => l(y)(`${u.value}`.trim()), ["stop"])),
+          onInput: d($, ["stop"]),
+          onKeydown: t[2] || (t[2] = d((r) => n("keydown", r), ["stop"])),
+          onClick: t[3] || (t[3] = (r) => n("click", r)),
           value: u.value
         }, null, 42, H),
-        r("fieldset", {
+        o("fieldset", {
           class: s(["uikit-pointer-events-none uikit-absolute -uikit-top-0 uikit-bottom-[3px] uikit-left-0 uikit-right-0 uikit-m-0 uikit-min-w-0 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-bg-white uikit-p-0 uikit-px-2 uikit-text-start uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus/fieldset:uikit-border-2 peer-focus/fieldset:uikit-border-w-primary peer-disabled/fieldset:uikit-bg-w-cultured peer-[&.disabled]/fieldset:uikit-bg-w-cultured peer-focus/fieldset:[&.is-invalid]:uikit-border-w-danger", [
             { "is-invalid": e.isValid === !1, "is-valid": e.isValid },
             { "uikit-border-w-danger": e.isValid === !1 },
@@ -84,33 +85,33 @@ import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled
             { "uikit-border-w-secondary": e.isValid === null }
           ]])
         }, [
-          e.labelText ? (n(), k("legend", q, [
-            r("span", {
+          e.labelText ? (k(), b("legend", q, [
+            o("span", {
               class: s(["uikit-px-5px uikit-opacity-0", [
                 {
-                  "uikit-visible uikit-inline-block": a(t) === "floating-label"
+                  "uikit-visible uikit-inline-block": l(a) === "floating-label"
                 },
                 {
-                  "uikit-invisible uikit-hidden": a(t) === "inline-label"
+                  "uikit-invisible uikit-hidden": l(a) === "inline-label"
                 }
               ]]),
               innerHTML: e.labelText
             }, null, 10, A)
           ])) : p("", !0)
         ], 2),
-        F(E, {
+        F(C, {
           for: e.$attrs.id,
           "label-text": e.labelText,
-          "label-state": a(t),
+          "label-state": l(a),
           required: e.$attrs.required,
           "is-valid": e.isValid,
           "label-classes": [
-            a(t) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
+            l(a) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
             e.$attrs["label-classes"]
           ]
         }, null, 8, ["for", "label-text", "label-state", "required", "is-valid", "label-classes"])
       ], 2),
-      (e.isValid || e.isValid === !1) && e.feedback ? (n(), k("div", {
+      (e.isValid || e.isValid === !1) && e.feedback ? (k(), b("div", {
         key: 0,
         class: s(
           e.isValid === !1 ? "uikit-mt-1 uikit-text-12 uikit-text-w-danger" : "uikit-mt-1 uikit-text-12 uikit-text-w-primary"
@@ -119,7 +120,7 @@ import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled
       }, null, 10, N)) : p("", !0)
     ], 2));
   }
-}), Q = /* @__PURE__ */ C(D, [["__scopeId", "data-v-464d61f2"]]);
+}), Q = /* @__PURE__ */ I(D, [["__scopeId", "data-v-70e71328"]]);
 export {
   Q as default
 };

package/dist/UIKit/BaseInput.vue.d.ts

@@ -45,6 +45,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     focusin: () => void;
     focusout: () => void;
     keydown: (args_0: KeyboardEvent) => void;
+    keyup: (args_0: KeyboardEvent) => void;
     keydownEnterPressed: () => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<string | number | undefined>;
@@ -78,6 +79,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     onFocusin?: (() => any) | undefined;
     onFocusout?: (() => any) | undefined;
     onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+    onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
     onClick?: ((args_0: MouseEvent) => any) | undefined;
     onKeydownEnterPressed?: (() => any) | undefined;
 }, {

package/dist/UIKit/BaseTextarea.vue.d.ts

@@ -22,6 +22,7 @@ declare const _default: import('vue').DefineComponent<{
     clearTextareaElem: () => void;
     focusDisabledTextarea: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (args_0: MouseEvent) => void;
     focusin: () => void;
     focusout: () => void;
     keydown: (args_0: KeyboardEvent) => void;
@@ -46,6 +47,7 @@ declare const _default: import('vue').DefineComponent<{
     onFocusin?: (() => any) | undefined;
     onFocusout?: (() => any) | undefined;
     onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+    onClick?: ((args_0: MouseEvent) => any) | undefined;
 }, {
     resize: boolean;
     isValid: Nullable<boolean>;

package/dist/assets/BaseInput.css

@@ -1 +1 @@
-.input-wrapper[data-v-4a4fc4c7]{--icon-default-size: 44px}.invalid-bg[data-v-4a4fc4c7]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-4a4fc4c7]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-4a4fc4c7],.valid-bg[data-v-4a4fc4c7]{background-position:top 17px right 12px;background-size:20px}.has-right-icon[data-v-4a4fc4c7]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-4a4fc4c7]>label.inline-label{left:var(--icon-default-size)}[data-v-4a4fc4c7] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-4a4fc4c7] .text-input-icon.left{left:5px}[data-v-4a4fc4c7] .text-input-icon.right{right:5px}[data-v-4a4fc4c7] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-4a4fc4c7] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-4a4fc4c7] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-4a4fc4c7]{left:4px;font-style:italic}
+.input-wrapper[data-v-190ac5fd]{--icon-default-size: 44px}.invalid-bg[data-v-190ac5fd]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-190ac5fd]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-190ac5fd],.valid-bg[data-v-190ac5fd]{background-position:top 17px right 12px;background-size:20px}.has-right-icon[data-v-190ac5fd]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-190ac5fd]>label.inline-label{left:var(--icon-default-size)}[data-v-190ac5fd] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-190ac5fd] .text-input-icon.left{left:5px}[data-v-190ac5fd] .text-input-icon.right{right:5px}[data-v-190ac5fd] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-190ac5fd] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-190ac5fd] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-190ac5fd]{left:4px;font-style:italic}

package/dist/assets/BaseTextarea.css

@@ -1 +1 @@
-.invalid-bg[data-v-464d61f2]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-464d61f2]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-464d61f2],.valid-bg[data-v-464d61f2]{background-position:top 0px right 12px;background-size:20px}.textarea-scrollbar[data-v-464d61f2]::-webkit-scrollbar{width:8px;height:6px}.textarea-scrollbar[data-v-464d61f2]::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity))}.textarea-scrollbar[data-v-464d61f2]::-webkit-scrollbar-thumb{border-radius:5px;--tw-bg-opacity: 1;background-color:rgb(180 194 240 / var(--tw-bg-opacity))}.is-valid.textarea-scrollbar[data-v-464d61f2]::-webkit-scrollbar-thumb{background-color:#2b5dff!important}.is-invalid.textarea-scrollbar[data-v-464d61f2]::-webkit-scrollbar-thumb{background-color:#fa4f64!important}
+.invalid-bg[data-v-70e71328]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-70e71328]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-70e71328],.valid-bg[data-v-70e71328]{background-position:top 0px right 12px;background-size:20px}.textarea-scrollbar[data-v-70e71328]::-webkit-scrollbar{width:8px;height:6px}.textarea-scrollbar[data-v-70e71328]::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity))}.textarea-scrollbar[data-v-70e71328]::-webkit-scrollbar-thumb{border-radius:5px;--tw-bg-opacity: 1;background-color:rgb(180 194 240 / var(--tw-bg-opacity))}.is-valid.textarea-scrollbar[data-v-70e71328]::-webkit-scrollbar-thumb{background-color:#2b5dff!important}.is-invalid.textarea-scrollbar[data-v-70e71328]::-webkit-scrollbar-thumb{background-color:#fa4f64!important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "1.7.55",
+  "version": "1.8.1",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",