@volverjs/ui-vue 0.0.1 → 0.0.2

package/dist/components/VvSelect/VvSelect.vue.d.ts

@@ -1,10 +1,5 @@
 import type { Option } from '@/types/generic';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    autocomplete: {
-        type: StringConstructor;
-        default: string;
-    };
-    autofocus: BooleanConstructor;
     multiple: BooleanConstructor;
     required: BooleanConstructor;
     size: (StringConstructor | NumberConstructor)[];
@@ -14,6 +9,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     placeholder: StringConstructor;
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    floating: BooleanConstructor;
     icon: {
         type: (ObjectConstructor | StringConstructor)[];
     };
@@ -51,17 +51,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: BooleanConstructor;
     id: (StringConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    autocomplete: {
-        type: StringConstructor;
-        default: string;
-    };
-    autofocus: BooleanConstructor;
     multiple: BooleanConstructor;
     required: BooleanConstructor;
     size: (StringConstructor | NumberConstructor)[];
@@ -71,6 +71,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     placeholder: StringConstructor;
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    floating: BooleanConstructor;
     icon: {
         type: (ObjectConstructor | StringConstructor)[];
     };
@@ -108,6 +113,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: BooleanConstructor;
     id: (StringConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
@@ -120,6 +130,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     required: boolean;
     multiple: boolean;
+    unselectable: boolean;
     iconPosition: import("../../props/index.js").IconPosition;
     loading: boolean;
     readonly: boolean;
@@ -130,8 +141,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     options: (string | Option)[];
     labelKey: string | Function;
     valueKey: string | Function;
-    autofocus: boolean;
+    floating: boolean;
     autocomplete: string;
+    autofocus: boolean;
 }>, {
     before: (_: {}) => any;
     after: (_: {}) => any;

package/dist/components/VvSelect/index.d.ts

@@ -1,18 +1,4 @@
 export declare const VvSelectProps: {
-    /**
-     * Global attribute autocomplete
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-autocomplete
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
-     */
-    autocomplete: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Global attribute autofocus
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus
-     */
-    autofocus: BooleanConstructor;
     /**
      * This Boolean attribute indicates that multiple options can be selected in the list.
      * If it is not specified, then only one option can be selected at a time.
@@ -47,14 +33,16 @@ export declare const VvSelectProps: {
      * Select placeholder
      */
     placeholder: StringConstructor;
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    floating: BooleanConstructor;
     icon: {
         type: (ObjectConstructor | StringConstructor)[];
     };
     iconPosition: {
         type: import("vue").PropType<import("@/props").IconPosition>;
-        /**
-         * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
-         */
         validation: (value: import("@/props").IconPosition) => boolean;
         default: "right";
     };
@@ -87,6 +75,11 @@ export declare const VvSelectProps: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: BooleanConstructor;
     id: (StringConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;

package/dist/components/VvTextarea/VvTextarea.es.js

@@ -1,7 +1,7 @@
-import { unref as s, toRefs as j, computed as i, h as le, watch as oe, defineComponent as J, ref as U, inject as ie, openBlock as w, createBlock as E, mergeProps as k, createCommentVNode as P, useSlots as ue, onMounted as se, createElementBlock as D, normalizeClass as ce, toDisplayString as z, createElementVNode as M, renderSlot as O, normalizeProps as _, guardReactiveProps as R, withDirectives as de, isRef as fe, vModelText as ve, createTextVNode as me, createVNode as ge } from "vue";
+import { unref as s, toRefs as j, computed as i, h as ie, watch as J, defineComponent as U, ref as W, inject as ue, openBlock as w, createBlock as R, mergeProps as k, createCommentVNode as C, useSlots as se, createElementBlock as D, normalizeClass as ce, toDisplayString as z, createElementVNode as M, renderSlot as O, normalizeProps as _, guardReactiveProps as E, withDirectives as de, isRef as fe, vModelText as ve, createTextVNode as me, createVNode as ge } from "vue";
 import { nanoid as he } from "nanoid";
-import { toReactive as pe, useFocus as ye } from "@vueuse/core";
-import { iconExists as B, Icon as be, addIcon as Se } from "@iconify/vue";
+import { toReactive as pe, useFocus as ye, useElementVisibility as be } from "@vueuse/core";
+import { iconExists as B, Icon as Se, addIcon as we } from "@iconify/vue";
 function q(r, t) {
   if (r && Object.keys(r).length && t) {
     if (t.indexOf(".") === -1)
@@ -19,10 +19,10 @@ function q(r, t) {
   } else
     return null;
 }
-function A(r) {
+function N(r) {
   return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(s(r));
 }
-function we(r) {
+function Ie(r) {
   return typeof r == "string" || r instanceof String;
 }
 function Z(r) {
@@ -32,10 +32,10 @@ function Z(r) {
       /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
     )) == null ? void 0 : t.join("-")) == null ? void 0 : e.toLowerCase();
 }
-function V(r) {
-  return Array.isArray(r) ? r.filter((t) => we(t)).join(" ") : r;
+function A(r) {
+  return Array.isArray(r) ? r.filter((t) => Ie(t)).join(" ") : r;
 }
-function Ie(r, t) {
+function Pe(r, t) {
   const {
     invalid: e,
     valid: u,
@@ -49,13 +49,13 @@ function Ie(r, t) {
     invalid: n,
     invalidLabel: o,
     ...g
-  } = j(r), c = q(g, "loading"), v = q(g, "loadingLabel"), y = i(() => n.value ? !!(n.value && e || o != null && o.value && Array.isArray(o.value) && o.value.length > 0 || o != null && o.value && !A(o)) : !1), p = i(
+  } = j(r), c = q(g, "loading"), v = q(g, "loadingLabel"), y = i(() => n.value ? !!(n.value && e || o != null && o.value && Array.isArray(o.value) && o.value.length > 0 || o != null && o.value && !N(o)) : !1), p = i(
     () => !!(a && a.value || l)
   ), b = i(
     () => !!(f && f.value || u)
   ), I = i(
     () => !!(c != null && c.value && d || c != null && c.value && (v != null && v.value))
-  ), C = i(
+  ), $ = i(
     () => p.value || b.value || y.value || I.value
   );
   return {
@@ -71,8 +71,8 @@ function Ie(r, t) {
           default: () => ({})
         }
       },
-      setup($) {
-        const N = i(() => {
+      setup(x) {
+        const F = i(() => {
           const S = pe({
             hintLabel: a,
             modelValue: h,
@@ -82,20 +82,20 @@ function Ie(r, t) {
             invalidLabel: o,
             loading: c,
             loadingLabel: v,
-            ...$.params
+            ...x.params
           });
-          return n != null && n.value ? (e == null ? void 0 : e(S)) || V(o == null ? void 0 : o.value) || (a == null ? void 0 : a.value) : m != null && m.value ? (u == null ? void 0 : u(S)) || V(f == null ? void 0 : f.value) || (a == null ? void 0 : a.value) : c != null && c.value ? (d == null ? void 0 : d(S)) || V(v == null ? void 0 : v.value) || (a == null ? void 0 : a.value) : (l == null ? void 0 : l(S)) || V(a == null ? void 0 : a.value) || (a == null ? void 0 : a.value);
+          return n != null && n.value ? (e == null ? void 0 : e(S)) || A(o == null ? void 0 : o.value) || (a == null ? void 0 : a.value) : m != null && m.value ? (u == null ? void 0 : u(S)) || A(f == null ? void 0 : f.value) || (a == null ? void 0 : a.value) : c != null && c.value ? (d == null ? void 0 : d(S)) || A(v == null ? void 0 : v.value) || (a == null ? void 0 : a.value) : (l == null ? void 0 : l(S)) || A(a == null ? void 0 : a.value) || (a == null ? void 0 : a.value);
         });
         return {
-          isVisible: C,
+          isVisible: $,
           hasInvalid: y,
           hasValid: b,
-          hintContent: N
+          hintContent: F
         };
       },
       render() {
         if (this.isVisible)
-          return le(
+          return ie(
             "small",
             {
               role: this.hasInvalid || this.hasValid ? "alert" : void 0
@@ -106,7 +106,7 @@ function Ie(r, t) {
     }
   };
 }
-function Pe(r, t, e) {
+function Ce(r, t, e) {
   const u = i(
     () => !!(r != null && r.value && t.value === "left" || e != null && e.iconLeft)
   ), l = i(
@@ -124,15 +124,15 @@ function Pe(r, t, e) {
     hasIconBottom: a
   };
 }
-function Ce(r, t) {
+function $e(r, t) {
   const { focused: e } = ye(r);
-  return oe(e, (u) => {
+  return J(e, (u) => {
     t(u ? "focus" : "blur", s(r));
   }), {
     focused: e
   };
 }
-function $e(r, t, e = 0) {
+function xe(r, t, e = 0) {
   let u;
   return typeof e == "string" && (e = parseInt(e)), i({
     get: () => r == null ? void 0 : r.value,
@@ -143,15 +143,15 @@ function $e(r, t, e = 0) {
     }
   });
 }
-function xe(r, t) {
-  const e = i(() => (s(r) ?? "").length), u = i(() => (t == null ? void 0 : t.lowerLimit) !== void 0 && e.value < (t == null ? void 0 : t.lowerLimit) ? e.value - t.lowerLimit : (t == null ? void 0 : t.upperLimit) !== void 0 && e.value < (t == null ? void 0 : t.upperLimit) ? t.upperLimit - e.value : 0), l = i(() => (t == null ? void 0 : t.mode) === !1 ? "" : (t == null ? void 0 : t.mode) === "limit" ? `${e.value} / ${t.lowerLimit ? `${t.lowerLimit}-` : ""}${t.upperLimit}` : (t == null ? void 0 : t.mode) === "countdown" ? u.value === 0 ? void 0 : u : e.value);
+function Ve(r, t) {
+  const e = i(() => (s(r) ?? "").length), u = i(() => (t == null ? void 0 : t.lowerLimit) !== void 0 && e.value < (t == null ? void 0 : t.lowerLimit) ? e.value - t.lowerLimit : (t == null ? void 0 : t.upperLimit) !== void 0 && e.value < (t == null ? void 0 : t.upperLimit) ? t.upperLimit - e.value : 0), l = i(() => (t == null ? void 0 : t.mode) === !1 ? "" : (t == null ? void 0 : t.mode) === "limit" && (t != null && t.upperLimit) ? `${e.value} / ${t.lowerLimit ? `${t.lowerLimit}-` : ""}${t.upperLimit}` : (t == null ? void 0 : t.mode) === "countdown" ? u.value === 0 ? void 0 : u : e.value);
   return {
     length: e,
     gap: u,
     formatted: l
   };
 }
-function W(r, t) {
+function X(r, t) {
   const e = { [`${r}`]: !0 };
   return {
     bemCssClasses: i(() => Object.keys(t).reduce((l, d) => {
@@ -209,13 +209,13 @@ const _e = "ds", Be = {
   modifiers: {
     type: [String, Array]
   }
-}, Ve = {
+}, Ae = {
   name: "VvIcon"
-}, G = /* @__PURE__ */ J({
-  ...Ve,
+}, G = /* @__PURE__ */ U({
+  ...Ae,
   props: Be,
   setup(r) {
-    const t = r, e = U(!0), { modifiers: u } = j(t), l = ie(_e), { bemCssClasses: d } = W("vv-icon", {
+    const t = r, e = W(!0), { modifiers: u } = j(t), l = ue(_e), { bemCssClasses: d } = X("vv-icon", {
       modifiers: u
     }), a = i(() => t.provider || (l == null ? void 0 : l.provider)), h = i(() => {
       const n = t.name ?? "", o = `@${a.value}:${t.prefix}:${t.name}`;
@@ -235,7 +235,7 @@ const _e = "ds", Be = {
     }
     function f(n) {
       const o = m(n), g = (o == null ? void 0 : o.innerHTML.trim()) || "";
-      o && g && Se(`@${a.value}:${t.prefix}:${t.name}`, {
+      o && g && we(`@${a.value}:${t.prefix}:${t.name}`, {
         body: g,
         height: o.viewBox.baseVal.height,
         width: o.viewBox.baseVal.width
@@ -245,7 +245,7 @@ const _e = "ds", Be = {
       n && (f(n), e.value = !0);
     }).catch((n) => {
       throw new Error(`During fetch icon: ${n == null ? void 0 : n.message}`);
-    })) : t.svg && f(t.svg)), (n, o) => e.value ? (w(), E(s(be), k({
+    })) : t.svg && f(t.svg)), (n, o) => e.value ? (w(), R(s(Se), k({
       key: 0,
       class: s(d)
     }, {
@@ -259,26 +259,26 @@ const _e = "ds", Be = {
       color: n.color,
       onLoad: n.onLoad,
       icon: s(h)
-    }), null, 16, ["class"])) : P("", !0);
+    }), null, 16, ["class"])) : C("", !0);
   }
 }), ke = {
   valid: Boolean,
   validLabel: [String, Array]
-}, Ae = {
+}, Ne = {
   invalid: Boolean,
   invalidLabel: [String, Array]
-}, Ne = {
+}, Fe = {
   loading: Boolean,
   loadingLabel: String
-}, Te = {
+}, Le = {
   disabled: Boolean
-}, Fe = {
+}, Te = {
   readonly: Boolean
-}, Le = {
-  modifiers: [String, Array]
 }, De = {
-  hintLabel: { type: String, default: "" }
+  modifiers: [String, Array]
 }, Oe = {
+  hintLabel: { type: String, default: "" }
+}, Ee = {
   count: {
     type: [Boolean, String],
     default: !1,
@@ -289,65 +289,71 @@ const _e = "ds", Be = {
 }, K = {
   LEFT: "left",
   RIGHT: "right"
-}, Ee = {
+}, je = {
   icon: { type: [String, Object] },
   iconPosition: {
     type: String,
     validation: (r) => Object.values(K).includes(r),
     default: K.RIGHT
   }
-}, je = {
-  tabindex: { type: [String, Number], default: 0 }
 }, He = {
+  tabindex: { type: [String, Number], default: 0 }
+}, ze = {
+  floating: Boolean
+}, Me = {
   id: [String, Number],
   name: { type: String, required: !0 }
-}, ze = {
+}, qe = {
+  autofocus: Boolean
+}, Ze = {
+  autocomplete: { type: String, default: "off" }
+}, Ge = {
+  ...Me,
+  ...qe,
+  ...Ze,
   ...He,
-  ...je,
+  ...Le,
   ...Te,
-  ...Fe,
   ...ke,
-  ...Ae,
-  ...De,
   ...Ne,
-  ...Le,
   ...Oe,
-  ...Re,
+  ...Fe,
+  ...De,
   ...Ee,
-  autofocus: Boolean,
-  autocomplete: { type: String, default: "off" },
+  ...Re,
+  ...je,
+  ...ze,
   minlength: Number,
   maxlength: Number,
   placeholder: String,
   required: Boolean,
-  label: String,
-  floating: Boolean
-}, Me = {
+  label: String
+}, Ke = {
   hard: "hard",
   soft: "soft"
-}, qe = {
+}, Je = {
   true: !0,
   false: !1,
   default: "default"
-}, Ze = ["update:modelValue", "focus", "blur", "keyup"], Ge = {
-  ...ze,
+}, Ue = ["update:modelValue", "focus", "blur", "keyup"], We = {
+  ...Ge,
   modelValue: String,
   cols: { type: [String, Number], default: 20 },
   rows: { type: [String, Number], default: 2 },
-  wrap: { type: String, default: Me.soft },
-  spellcheck: { type: [Boolean, String], default: qe.default },
+  wrap: { type: String, default: Ke.soft },
+  spellcheck: { type: [Boolean, String], default: Je.default },
   resizable: Boolean
-}, Ke = ["for"], Je = { class: "vv-textarea__wrapper" }, Ue = ["id"], We = {
+}, Xe = ["for"], Qe = { class: "vv-textarea__wrapper" }, Ye = ["id"], et = {
   key: 0,
   class: "vv-textarea__limit"
-}, Xe = {
+}, tt = {
   name: "VvTextarea"
-}, rt = /* @__PURE__ */ J({
-  ...Xe,
-  props: Ge,
-  emits: Ze,
+}, ot = /* @__PURE__ */ U({
+  ...tt,
+  props: We,
+  emits: Ue,
   setup(r, { emit: t }) {
-    const e = r, u = ue(), l = U(), {
+    const e = r, u = se(), l = W(), {
       icon: d,
       iconPosition: a,
       label: h,
@@ -357,22 +363,26 @@ const _e = "ds", Be = {
       invalid: o,
       loading: g
     } = j(e), c = i(() => String(e.id || he())), v = i(() => `${c.value}-hint`), y = i(
-      () => e.floating && A(e.placeholder) ? " " : e.placeholder
-    ), p = $e(m, t, e.debounce), { hasIcon: b, hasIconLeft: I, hasIconRight: C } = Pe(
+      () => e.floating && N(e.placeholder) ? " " : e.placeholder
+    ), p = xe(m, t, e.debounce), { hasIcon: b, hasIconLeft: I, hasIconRight: $ } = Ce(
       d,
       a
-    ), { focused: $ } = Ce(l, t), { formatted: N } = xe(p, {
+    ), { focused: x } = $e(l, t), F = be(l);
+    J(F, (P) => {
+      P && e.autofocus && (x.value = !0);
+    });
+    const { formatted: S } = Ve(p, {
       mode: e.count,
       upperLimit: e.maxlength,
       lowerLimit: e.minlength
-    }), S = i(() => !e.disabled && !e.readonly), X = i(
-      () => S.value ? e.tabindex : -1
-    ), Q = i(() => !A(m)), Y = i(() => {
+    }), Q = i(() => !e.disabled && !e.readonly), Y = i(
+      () => Q.value ? e.tabindex : -1
+    ), ee = i(() => !N(m)), te = i(() => {
       if (e.invalid === !0)
         return !0;
       if (e.valid === !0)
         return !1;
-    }), { HintSlot: ee, hasHint: te, hasInvalid: H } = Ie(e, u), { bemCssClasses: re } = W("vv-textarea", {
+    }), { HintSlot: re, hasHint: ne, hasInvalid: H } = Pe(e, u), { bemCssClasses: ae } = X("vv-textarea", {
       modifiers: e.modifiers,
       valid: n,
       invalid: o,
@@ -380,16 +390,16 @@ const _e = "ds", Be = {
       disabled: e.disabled,
       readonly: e.readonly,
       iconLeft: I,
-      iconRight: C,
-      floating: e.floating && !A(e.label),
-      dirty: Q,
-      focused: $,
+      iconRight: $,
+      floating: e.floating && !N(e.label),
+      dirty: ee,
+      focused: x,
       resizable: e.resizable
-    }), ne = i(
+    }), le = i(
       () => ({
         name: e.name,
         placeholder: y.value,
-        tabindex: X.value,
+        tabindex: Y.value,
         disabled: e.disabled,
         readonly: e.readonly,
         required: e.required,
@@ -400,58 +410,56 @@ const _e = "ds", Be = {
         rows: e.rows,
         wrap: e.wrap,
         spellcheck: e.spellcheck,
-        "aria-invalid": Y.value,
-        "aria-describedby": !H.value && te.value ? v.value : void 0,
+        "aria-invalid": te.value,
+        "aria-describedby": !H.value && ne.value ? v.value : void 0,
         "aria-errormessage": H.value ? v.value : void 0
       })
-    ), T = i(() => ({
+    ), L = i(() => ({
       valid: e.valid,
       invalid: e.invalid,
       modelValue: e.modelValue,
       hintLabel: e.hintLabel,
       maxlength: e.maxlength,
       minlength: e.minlength,
-      clear: ae
-    })), ae = () => {
+      clear: oe
+    })), oe = () => {
       p.value = void 0;
     };
-    return se(() => {
-      e.autofocus && ($.value = !0);
-    }), (F, x) => (w(), D("div", {
-      class: ce(s(re))
+    return (P, V) => (w(), D("div", {
+      class: ce(s(ae))
     }, [
       s(h) ? (w(), D("label", {
         key: 0,
         for: s(c),
         class: "vv-textarea__label"
-      }, z(s(h)), 9, Ke)) : P("", !0),
-      M("div", Je, [
-        O(F.$slots, "before", _(R(s(T))), () => [
-          s(I) ? (w(), E(G, k({
+      }, z(s(h)), 9, Xe)) : C("", !0),
+      M("div", Qe, [
+        O(P.$slots, "before", _(E(s(L))), () => [
+          s(I) ? (w(), R(G, k({
             key: 0,
             class: "vv-textarea__icon-left"
-          }, s(b)), null, 16)) : P("", !0)
+          }, s(b)), null, 16)) : C("", !0)
         ]),
         de(M("textarea", k({
           id: s(c),
           ref_key: "textarea",
           ref: l,
-          "onUpdate:modelValue": x[0] || (x[0] = (L) => fe(p) ? p.value = L : null)
-        }, s(ne), {
-          onKeyup: x[1] || (x[1] = (L) => t("keyup", L))
-        }), null, 16, Ue), [
+          "onUpdate:modelValue": V[0] || (V[0] = (T) => fe(p) ? p.value = T : null)
+        }, s(le), {
+          onKeyup: V[1] || (V[1] = (T) => t("keyup", T))
+        }), null, 16, Ye), [
           [ve, s(p)]
         ]),
-        O(F.$slots, "after", _(R(s(T))), () => [
-          s(C) ? (w(), E(G, _(k({ key: 0 }, s(b))), null, 16)) : P("", !0)
+        O(P.$slots, "after", _(E(s(L))), () => [
+          s($) ? (w(), R(G, _(k({ key: 0 }, s(b))), null, 16)) : C("", !0)
         ]),
-        s(f) ? (w(), D("span", We, [
-          O(F.$slots, "count", _(R(s(T))), () => [
-            me(z(s(N)), 1)
+        s(f) ? (w(), D("span", et, [
+          O(P.$slots, "count", _(E(s(L))), () => [
+            me(z(s(S)), 1)
           ])
-        ])) : P("", !0)
+        ])) : C("", !0)
       ]),
-      ge(s(ee), {
+      ge(s(re), {
         id: s(v),
         class: "vv-textarea__hint"
       }, null, 8, ["id"])
@@ -459,5 +467,5 @@ const _e = "ds", Be = {
   }
 });
 export {
-  rt as default
+  ot as default
 };

package/dist/components/VvTextarea/VvTextarea.umd.js

@@ -1 +1 @@
-(function(e,w){typeof exports=="object"&&typeof module<"u"?module.exports=w(require("vue"),require("nanoid"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@vueuse/core","@iconify/vue"],w):(e=typeof globalThis<"u"?globalThis:e||self,e.VvTextarea=w(e.vue,e.nanoid,e.core,e.vue$1))})(this,function(e,w,T,S){"use strict";function A(n,r){if(n&&Object.keys(n).length&&r){if(r.indexOf(".")===-1)return n[r];{const t=r.split(".");let s=n;for(let i=0,u=t.length;i<u;++i){if(n==null)return null;s=s[t[i]]}return s}}else return null}function C(n){return(r=>r==null||r===""||Array.isArray(r)&&r.length===0||!(r instanceof Date)&&typeof r=="object"&&Object.keys(r).length===0)(e.unref(n))}function O(n){return typeof n=="string"||n instanceof String}function E(n){var r,t;if(n)return(t=(r=n.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:r.join("-"))==null?void 0:t.toLowerCase()}function x(n){return Array.isArray(n)?n.filter(r=>O(r)).join(" "):n}function j(n,r){const{invalid:t,valid:s,hint:i,loading:u}=r,{hintLabel:a,modelValue:g,valid:m,validLabel:d,invalid:o,invalidLabel:l,...p}=e.toRefs(n),c=A(p,"loading"),f=A(p,"loadingLabel"),y=e.computed(()=>o.value?!!(o.value&&t||l!=null&&l.value&&Array.isArray(l.value)&&l.value.length>0||l!=null&&l.value&&!C(l)):!1),h=e.computed(()=>!!(a&&a.value||i)),b=e.computed(()=>!!(d&&d.value||s)),I=e.computed(()=>!!(c!=null&&c.value&&u||c!=null&&c.value&&(f!=null&&f.value))),B=e.computed(()=>h.value||b.value||y.value||I.value);return{hasInvalid:y,hasHint:h,hasValid:b,hasLoading:I,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(V){const v=e.computed(()=>{const P=T.toReactive({hintLabel:a,modelValue:g,valid:m,validLabel:d,invalid:o,invalidLabel:l,loading:c,loadingLabel:f,...V.params});return o!=null&&o.value?(t==null?void 0:t(P))||x(l==null?void 0:l.value)||(a==null?void 0:a.value):m!=null&&m.value?(s==null?void 0:s(P))||x(d==null?void 0:d.value)||(a==null?void 0:a.value):c!=null&&c.value?(u==null?void 0:u(P))||x(f==null?void 0:f.value)||(a==null?void 0:a.value):(i==null?void 0:i(P))||x(a==null?void 0:a.value)||(a==null?void 0:a.value)});return{isVisible:B,hasInvalid:y,hasValid:b,hintContent:v}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}function z(n,r,t){const s=e.computed(()=>!!(n!=null&&n.value&&r.value==="left"||t!=null&&t.iconLeft)),i=e.computed(()=>!!(n!=null&&n.value&&r.value==="right"||t!=null&&t.iconRight)),u=e.computed(()=>!!(n!=null&&n.value&&r.value==="top"||t!=null&&t.iconTop)),a=e.computed(()=>!!(n!=null&&n.value&&r.value==="bottom"||t!=null&&t.iconBottom));return{hasIcon:e.computed(()=>typeof(n==null?void 0:n.value)=="string"?{name:n==null?void 0:n.value}:n==null?void 0:n.value),hasIconLeft:s,hasIconRight:i,hasIconTop:u,hasIconBottom:a}}function q(n,r){const{focused:t}=T.useFocus(n);return e.watch(t,s=>{r(s?"focus":"blur",e.unref(n))}),{focused:t}}function H(n,r,t=0){let s;return typeof t=="string"&&(t=parseInt(t)),e.computed({get:()=>n==null?void 0:n.value,set:i=>{s&&clearTimeout(s),s=setTimeout(()=>{r("update:modelValue",i)},t)}})}function M(n,r){const t=e.computed(()=>(e.unref(n)??"").length),s=e.computed(()=>(r==null?void 0:r.lowerLimit)!==void 0&&t.value<(r==null?void 0:r.lowerLimit)?t.value-r.lowerLimit:(r==null?void 0:r.upperLimit)!==void 0&&t.value<(r==null?void 0:r.upperLimit)?r.upperLimit-t.value:0),i=e.computed(()=>(r==null?void 0:r.mode)===!1?"":(r==null?void 0:r.mode)==="limit"?`${t.value} / ${r.lowerLimit?`${r.lowerLimit}-`:""}${r.upperLimit}`:(r==null?void 0:r.mode)==="countdown"?s.value===0?void 0:s:t.value);return{length:t,gap:s,formatted:i}}function R(n,r){const t={[`${n}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((i,u)=>{const a=e.unref(r[u])||!1;if(!a)return i;if(u==="modifiers"){const g=Array.isArray(a)?a:a.split(" ");return{...i,...g.reduce((m,d)=>({...m,[`${n}--${E(d)}`]:!0}),{})}}else return{...i,[`${n}--${E(u)}`]:a}},t)||{})}}const Z="ds",G={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},K={name:"VvIcon"},D=e.defineComponent({...K,props:G,setup(n){const r=n,t=e.ref(!0),{modifiers:s}=e.toRefs(r),i=e.inject(Z),{bemCssClasses:u}=R("vv-icon",{modifiers:s}),a=e.computed(()=>r.provider||(i==null?void 0:i.provider)),g=e.computed(()=>{const o=r.name??"",l=`@${a.value}:${r.prefix}:${r.name}`;return S.iconExists(o)?o:S.iconExists(l)?l:(i==null?void 0:i.iconsCollections.find(p=>{const c=`@${a.value}:${p.prefix}:${o}`;if(S.iconExists(c))return c}))||o});function m(o){let l=null;if(typeof window>"u"){const{JSDOM:y}=require("jsdom");l=new y().window}return(l?new l.DOMParser:new window.DOMParser).parseFromString(o,"text/html").querySelector("svg")}function d(o){const l=m(o),p=(l==null?void 0:l.innerHTML.trim())||"";l&&p&&S.addIcon(`@${a.value}:${r.prefix}:${r.name}`,{body:p,height:l.viewBox.baseVal.height,width:l.viewBox.baseVal.width})}return i&&(r.src&&!S.iconExists(`@${a.value}:${r.prefix}:${r.name}`)?(t.value=!1,i.fetchIcon(r.src).then(o=>{o&&(d(o),t.value=!0)}).catch(o=>{throw new Error(`During fetch icon: ${o==null?void 0:o.message}`)})):r.svg&&d(r.svg)),(o,l)=>t.value?(e.openBlock(),e.createBlock(e.unref(S.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:o.rotate,color:o.color,onLoad:o.onLoad,icon:e.unref(g)}),null,16,["class"])):e.createCommentVNode("",!0)}}),J={valid:Boolean,validLabel:[String,Array]},U={invalid:Boolean,invalidLabel:[String,Array]},W={loading:Boolean,loadingLabel:String},X={disabled:Boolean},Q={readonly:Boolean},Y={modifiers:[String,Array]},ee={hintLabel:{type:String,default:""}},te={count:{type:[Boolean,String],default:!1,validator:n=>[!0,!1,"limit","countdown"].includes(n)}},re={debounce:[Number,String]},F={LEFT:"left",RIGHT:"right"},ne={icon:{type:[String,Object]},iconPosition:{type:String,validation:n=>Object.values(F).includes(n),default:F.RIGHT}},oe={...{id:[String,Number],name:{type:String,required:!0}},...{tabindex:{type:[String,Number],default:0}},...X,...Q,...J,...U,...ee,...W,...Y,...te,...re,...ne,autofocus:Boolean,autocomplete:{type:String,default:"off"},minlength:Number,maxlength:Number,placeholder:String,required:Boolean,label:String,floating:Boolean},ae={hard:"hard",soft:"soft"},ie={true:!0,false:!1,default:"default"},le=["update:modelValue","focus","blur","keyup"],se={...oe,modelValue:String,cols:{type:[String,Number],default:20},rows:{type:[String,Number],default:2},wrap:{type:String,default:ae.soft},spellcheck:{type:[Boolean,String],default:ie.default},resizable:Boolean},ce=["for"],ue={class:"vv-textarea__wrapper"},de=["id"],fe={key:0,class:"vv-textarea__limit"},me={name:"VvTextarea"};return e.defineComponent({...me,props:se,emits:le,setup(n,{emit:r}){const t=n,s=e.useSlots(),i=e.ref(),{icon:u,iconPosition:a,label:g,modelValue:m,count:d,valid:o,invalid:l,loading:p}=e.toRefs(t),c=e.computed(()=>String(t.id||w.nanoid())),f=e.computed(()=>`${c.value}-hint`),y=e.computed(()=>t.floating&&C(t.placeholder)?" ":t.placeholder),h=H(m,r,t.debounce),{hasIcon:b,hasIconLeft:I,hasIconRight:B}=z(u,a),{focused:V}=q(i,r),{formatted:v}=M(h,{mode:t.count,upperLimit:t.maxlength,lowerLimit:t.minlength}),P=e.computed(()=>!t.disabled&&!t.readonly),pe=e.computed(()=>P.value?t.tabindex:-1),ge=e.computed(()=>!C(m)),he=e.computed(()=>{if(t.invalid===!0)return!0;if(t.valid===!0)return!1}),{HintSlot:ye,hasHint:Se,hasInvalid:L}=j(t,s),{bemCssClasses:be}=R("vv-textarea",{modifiers:t.modifiers,valid:o,invalid:l,loading:p,disabled:t.disabled,readonly:t.readonly,iconLeft:I,iconRight:B,floating:t.floating&&!C(t.label),dirty:ge,focused:V,resizable:t.resizable}),Pe=e.computed(()=>({name:t.name,placeholder:y.value,tabindex:pe.value,disabled:t.disabled,readonly:t.readonly,required:t.required,autocomplete:t.autocomplete,minlength:t.minlength,maxlength:t.maxlength,cols:t.cols,rows:t.rows,wrap:t.wrap,spellcheck:t.spellcheck,"aria-invalid":he.value,"aria-describedby":!L.value&&Se.value?f.value:void 0,"aria-errormessage":L.value?f.value:void 0})),_=e.computed(()=>({valid:t.valid,invalid:t.invalid,modelValue:t.modelValue,hintLabel:t.hintLabel,maxlength:t.maxlength,minlength:t.minlength,clear:we})),we=()=>{h.value=void 0};return e.onMounted(()=>{t.autofocus&&(V.value=!0)}),(N,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(be))},[e.unref(g)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(c),class:"vv-textarea__label"},e.toDisplayString(e.unref(g)),9,ce)):e.createCommentVNode("",!0),e.createElementVNode("div",ue,[e.renderSlot(N.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(_))),()=>[e.unref(I)?(e.openBlock(),e.createBlock(D,e.mergeProps({key:0,class:"vv-textarea__icon-left"},e.unref(b)),null,16)):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(c),ref_key:"textarea",ref:i,"onUpdate:modelValue":k[0]||(k[0]=$=>e.isRef(h)?h.value=$:null)},e.unref(Pe),{onKeyup:k[1]||(k[1]=$=>r("keyup",$))}),null,16,de),[[e.vModelText,e.unref(h)]]),e.renderSlot(N.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(_))),()=>[e.unref(B)?(e.openBlock(),e.createBlock(D,e.normalizeProps(e.mergeProps({key:0},e.unref(b))),null,16)):e.createCommentVNode("",!0)]),e.unref(d)?(e.openBlock(),e.createElementBlock("span",fe,[e.renderSlot(N.$slots,"count",e.normalizeProps(e.guardReactiveProps(e.unref(_))),()=>[e.createTextVNode(e.toDisplayString(e.unref(v)),1)])])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(ye),{id:e.unref(f),class:"vv-textarea__hint"},null,8,["id"])],2))}})});
+(function(e,w){typeof exports=="object"&&typeof module<"u"?module.exports=w(require("vue"),require("nanoid"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@vueuse/core","@iconify/vue"],w):(e=typeof globalThis<"u"?globalThis:e||self,e.VvTextarea=w(e.vue,e.nanoid,e.core,e.vue$1))})(this,function(e,w,_,b){"use strict";function T(n,r){if(n&&Object.keys(n).length&&r){if(r.indexOf(".")===-1)return n[r];{const t=r.split(".");let s=n;for(let l=0,u=t.length;l<u;++l){if(n==null)return null;s=s[t[l]]}return s}}else return null}function x(n){return(r=>r==null||r===""||Array.isArray(r)&&r.length===0||!(r instanceof Date)&&typeof r=="object"&&Object.keys(r).length===0)(e.unref(n))}function O(n){return typeof n=="string"||n instanceof String}function E(n){var r,t;if(n)return(t=(r=n.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:r.join("-"))==null?void 0:t.toLowerCase()}function B(n){return Array.isArray(n)?n.filter(r=>O(r)).join(" "):n}function j(n,r){const{invalid:t,valid:s,hint:l,loading:u}=r,{hintLabel:a,modelValue:g,valid:m,validLabel:d,invalid:o,invalidLabel:i,...p}=e.toRefs(n),c=T(p,"loading"),f=T(p,"loadingLabel"),y=e.computed(()=>o.value?!!(o.value&&t||i!=null&&i.value&&Array.isArray(i.value)&&i.value.length>0||i!=null&&i.value&&!x(i)):!1),h=e.computed(()=>!!(a&&a.value||l)),S=e.computed(()=>!!(d&&d.value||s)),I=e.computed(()=>!!(c!=null&&c.value&&u||c!=null&&c.value&&(f!=null&&f.value))),V=e.computed(()=>h.value||S.value||y.value||I.value);return{hasInvalid:y,hasHint:h,hasValid:S,hasLoading:I,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(k){const N=e.computed(()=>{const P=_.toReactive({hintLabel:a,modelValue:g,valid:m,validLabel:d,invalid:o,invalidLabel:i,loading:c,loadingLabel:f,...k.params});return o!=null&&o.value?(t==null?void 0:t(P))||B(i==null?void 0:i.value)||(a==null?void 0:a.value):m!=null&&m.value?(s==null?void 0:s(P))||B(d==null?void 0:d.value)||(a==null?void 0:a.value):c!=null&&c.value?(u==null?void 0:u(P))||B(f==null?void 0:f.value)||(a==null?void 0:a.value):(l==null?void 0:l(P))||B(a==null?void 0:a.value)||(a==null?void 0:a.value)});return{isVisible:V,hasInvalid:y,hasValid:S,hintContent:N}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}function z(n,r,t){const s=e.computed(()=>!!(n!=null&&n.value&&r.value==="left"||t!=null&&t.iconLeft)),l=e.computed(()=>!!(n!=null&&n.value&&r.value==="right"||t!=null&&t.iconRight)),u=e.computed(()=>!!(n!=null&&n.value&&r.value==="top"||t!=null&&t.iconTop)),a=e.computed(()=>!!(n!=null&&n.value&&r.value==="bottom"||t!=null&&t.iconBottom));return{hasIcon:e.computed(()=>typeof(n==null?void 0:n.value)=="string"?{name:n==null?void 0:n.value}:n==null?void 0:n.value),hasIconLeft:s,hasIconRight:l,hasIconTop:u,hasIconBottom:a}}function q(n,r){const{focused:t}=_.useFocus(n);return e.watch(t,s=>{r(s?"focus":"blur",e.unref(n))}),{focused:t}}function H(n,r,t=0){let s;return typeof t=="string"&&(t=parseInt(t)),e.computed({get:()=>n==null?void 0:n.value,set:l=>{s&&clearTimeout(s),s=setTimeout(()=>{r("update:modelValue",l)},t)}})}function M(n,r){const t=e.computed(()=>(e.unref(n)??"").length),s=e.computed(()=>(r==null?void 0:r.lowerLimit)!==void 0&&t.value<(r==null?void 0:r.lowerLimit)?t.value-r.lowerLimit:(r==null?void 0:r.upperLimit)!==void 0&&t.value<(r==null?void 0:r.upperLimit)?r.upperLimit-t.value:0),l=e.computed(()=>(r==null?void 0:r.mode)===!1?"":(r==null?void 0:r.mode)==="limit"&&(r!=null&&r.upperLimit)?`${t.value} / ${r.lowerLimit?`${r.lowerLimit}-`:""}${r.upperLimit}`:(r==null?void 0:r.mode)==="countdown"?s.value===0?void 0:s:t.value);return{length:t,gap:s,formatted:l}}function F(n,r){const t={[`${n}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((l,u)=>{const a=e.unref(r[u])||!1;if(!a)return l;if(u==="modifiers"){const g=Array.isArray(a)?a:a.split(" ");return{...l,...g.reduce((m,d)=>({...m,[`${n}--${E(d)}`]:!0}),{})}}else return{...l,[`${n}--${E(u)}`]:a}},t)||{})}}const Z="ds",G={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},K={name:"VvIcon"},L=e.defineComponent({...K,props:G,setup(n){const r=n,t=e.ref(!0),{modifiers:s}=e.toRefs(r),l=e.inject(Z),{bemCssClasses:u}=F("vv-icon",{modifiers:s}),a=e.computed(()=>r.provider||(l==null?void 0:l.provider)),g=e.computed(()=>{const o=r.name??"",i=`@${a.value}:${r.prefix}:${r.name}`;return b.iconExists(o)?o:b.iconExists(i)?i:(l==null?void 0:l.iconsCollections.find(p=>{const c=`@${a.value}:${p.prefix}:${o}`;if(b.iconExists(c))return c}))||o});function m(o){let i=null;if(typeof window>"u"){const{JSDOM:y}=require("jsdom");i=new y().window}return(i?new i.DOMParser:new window.DOMParser).parseFromString(o,"text/html").querySelector("svg")}function d(o){const i=m(o),p=(i==null?void 0:i.innerHTML.trim())||"";i&&p&&b.addIcon(`@${a.value}:${r.prefix}:${r.name}`,{body:p,height:i.viewBox.baseVal.height,width:i.viewBox.baseVal.width})}return l&&(r.src&&!b.iconExists(`@${a.value}:${r.prefix}:${r.name}`)?(t.value=!1,l.fetchIcon(r.src).then(o=>{o&&(d(o),t.value=!0)}).catch(o=>{throw new Error(`During fetch icon: ${o==null?void 0:o.message}`)})):r.svg&&d(r.svg)),(o,i)=>t.value?(e.openBlock(),e.createBlock(e.unref(b.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:o.rotate,color:o.color,onLoad:o.onLoad,icon:e.unref(g)}),null,16,["class"])):e.createCommentVNode("",!0)}}),J={valid:Boolean,validLabel:[String,Array]},U={invalid:Boolean,invalidLabel:[String,Array]},W={loading:Boolean,loadingLabel:String},X={disabled:Boolean},Q={readonly:Boolean},Y={modifiers:[String,Array]},ee={hintLabel:{type:String,default:""}},te={count:{type:[Boolean,String],default:!1,validator:n=>[!0,!1,"limit","countdown"].includes(n)}},re={debounce:[Number,String]},R={LEFT:"left",RIGHT:"right"},ne={icon:{type:[String,Object]},iconPosition:{type:String,validation:n=>Object.values(R).includes(n),default:R.RIGHT}},oe={...{id:[String,Number],name:{type:String,required:!0}},...{autofocus:Boolean},...{autocomplete:{type:String,default:"off"}},...{tabindex:{type:[String,Number],default:0}},...X,...Q,...J,...U,...ee,...W,...Y,...te,...re,...ne,...{floating:Boolean},minlength:Number,maxlength:Number,placeholder:String,required:Boolean,label:String},ae={hard:"hard",soft:"soft"},le={true:!0,false:!1,default:"default"},ie=["update:modelValue","focus","blur","keyup"],se={...oe,modelValue:String,cols:{type:[String,Number],default:20},rows:{type:[String,Number],default:2},wrap:{type:String,default:ae.soft},spellcheck:{type:[Boolean,String],default:le.default},resizable:Boolean},ce=["for"],ue={class:"vv-textarea__wrapper"},de=["id"],fe={key:0,class:"vv-textarea__limit"},me={name:"VvTextarea"};return e.defineComponent({...me,props:se,emits:ie,setup(n,{emit:r}){const t=n,s=e.useSlots(),l=e.ref(),{icon:u,iconPosition:a,label:g,modelValue:m,count:d,valid:o,invalid:i,loading:p}=e.toRefs(t),c=e.computed(()=>String(t.id||w.nanoid())),f=e.computed(()=>`${c.value}-hint`),y=e.computed(()=>t.floating&&x(t.placeholder)?" ":t.placeholder),h=H(m,r,t.debounce),{hasIcon:S,hasIconLeft:I,hasIconRight:V}=z(u,a),{focused:k}=q(l,r),N=_.useElementVisibility(l);e.watch(N,C=>{C&&t.autofocus&&(k.value=!0)});const{formatted:P}=M(h,{mode:t.count,upperLimit:t.maxlength,lowerLimit:t.minlength}),pe=e.computed(()=>!t.disabled&&!t.readonly),ge=e.computed(()=>pe.value?t.tabindex:-1),he=e.computed(()=>!x(m)),ye=e.computed(()=>{if(t.invalid===!0)return!0;if(t.valid===!0)return!1}),{HintSlot:be,hasHint:Se,hasInvalid:D}=j(t,s),{bemCssClasses:Pe}=F("vv-textarea",{modifiers:t.modifiers,valid:o,invalid:i,loading:p,disabled:t.disabled,readonly:t.readonly,iconLeft:I,iconRight:V,floating:t.floating&&!x(t.label),dirty:he,focused:k,resizable:t.resizable}),we=e.computed(()=>({name:t.name,placeholder:y.value,tabindex:ge.value,disabled:t.disabled,readonly:t.readonly,required:t.required,autocomplete:t.autocomplete,minlength:t.minlength,maxlength:t.maxlength,cols:t.cols,rows:t.rows,wrap:t.wrap,spellcheck:t.spellcheck,"aria-invalid":ye.value,"aria-describedby":!D.value&&Se.value?f.value:void 0,"aria-errormessage":D.value?f.value:void 0})),$=e.computed(()=>({valid:t.valid,invalid:t.invalid,modelValue:t.modelValue,hintLabel:t.hintLabel,maxlength:t.maxlength,minlength:t.minlength,clear:Ie})),Ie=()=>{h.value=void 0};return(C,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(Pe))},[e.unref(g)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(c),class:"vv-textarea__label"},e.toDisplayString(e.unref(g)),9,ce)):e.createCommentVNode("",!0),e.createElementVNode("div",ue,[e.renderSlot(C.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref($))),()=>[e.unref(I)?(e.openBlock(),e.createBlock(L,e.mergeProps({key:0,class:"vv-textarea__icon-left"},e.unref(S)),null,16)):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(c),ref_key:"textarea",ref:l,"onUpdate:modelValue":v[0]||(v[0]=A=>e.isRef(h)?h.value=A:null)},e.unref(we),{onKeyup:v[1]||(v[1]=A=>r("keyup",A))}),null,16,de),[[e.vModelText,e.unref(h)]]),e.renderSlot(C.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref($))),()=>[e.unref(V)?(e.openBlock(),e.createBlock(L,e.normalizeProps(e.mergeProps({key:0},e.unref(S))),null,16)):e.createCommentVNode("",!0)]),e.unref(d)?(e.openBlock(),e.createElementBlock("span",fe,[e.renderSlot(C.$slots,"count",e.normalizeProps(e.guardReactiveProps(e.unref($))),()=>[e.createTextVNode(e.toDisplayString(e.unref(P)),1)])])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(be),{id:e.unref(f),class:"vv-textarea__hint"},null,8,["id"])],2))}})});