@volverjs/ui-vue 0.0.13 → 0.0.15

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

@@ -1,8 +1,8 @@
-import { Fragment as Ne, Transition as yt, computed as n, createBlock as K, createCommentVNode as C, createElementBlock as B, createElementVNode as z, createSlots as St, createTextVNode as Be, createVNode as ce, defineComponent as M, guardReactiveProps as $, h as Z, inject as ot, isRef as ke, mergeDefaults as wt, mergeProps as k, nextTick as ue, normalizeClass as Ae, normalizeProps as E, normalizeStyle as We, onMounted as rt, openBlock as w, provide as Fe, ref as _, renderList as _t, renderSlot as L, toDisplayString as fe, toHandlers as Lt, toRefs as ee, unref as l, useAttrs as xt, useId as $t, useSlots as Et, vModelText as Ot, vShow as Pt, watch as A, withCtx as N, withDirectives as lt, withModifiers as qe } from "vue";
-import { arrow as It, autoPlacement as Je, autoUpdate as Vt, flip as Ke, offset as Ue, shift as Ye, size as Ge, useFloating as Ct } from "@floating-ui/vue";
-import { onClickOutside as Bt, onKeyStroke as de, useElementHover as nt, useElementVisibility as Dt, useFocus as it, useFocusWithin as st, useMutationObserver as Nt, useStorage as Qe, useVModel as kt } from "@vueuse/core";
+import { Fragment as De, Transition as yt, computed as i, createBlock as K, createCommentVNode as V, createElementBlock as k, createElementVNode as z, createSlots as St, createTextVNode as ke, createVNode as ce, defineComponent as M, guardReactiveProps as $, h as Z, inject as ot, isRef as Ne, mergeDefaults as wt, mergeProps as N, nextTick as ue, normalizeClass as Ae, normalizeProps as E, normalizeStyle as We, onMounted as lt, openBlock as S, provide as Fe, ref as w, renderList as _t, renderSlot as _, toDisplayString as fe, toHandlers as Lt, toRefs as ee, unref as n, useAttrs as xt, useId as $t, useSlots as Et, vModelText as Ot, vShow as Pt, watch as A, withCtx as D, withDirectives as rt, withModifiers as qe } from "vue";
+import { arrow as It, autoPlacement as Je, autoUpdate as Ct, flip as Ke, offset as Ue, shift as Ye, size as Ge, useFloating as Vt } from "@floating-ui/vue";
+import { onClickOutside as kt, onKeyStroke as de, useElementHover as nt, useElementVisibility as Bt, useFocus as it, useFocusWithin as st, useMutationObserver as Dt, useStorage as Qe, useVModel as Nt } from "@vueuse/core";
 import At from "mitt";
-import { Icon as Ft, addIcon as jt, iconLoaded as Ve } from "@iconify/vue";
+import { Icon as Ft, addIcon as jt, iconLoaded as Ce } from "@iconify/vue";
 var ut = {
   showPassword: "eye-on",
   hidePassword: "eye-off",
@@ -14,13 +14,13 @@ var ut = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, Ht = { prefix: "normal" }, U = /* @__PURE__ */ (function(e) {
+}, Tt = { prefix: "normal" }, U = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
 })({}), dt = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
 })({}), x = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), Tt = /* @__PURE__ */ (function(e) {
+})({}), Ht = /* @__PURE__ */ (function(e) {
   return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
 })({}), pe = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
@@ -30,7 +30,7 @@ var ut = {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
 })({}), zt = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
-})({}), De = /* @__PURE__ */ (function(e) {
+})({}), Be = /* @__PURE__ */ (function(e) {
   return e.listbox = "listbox", e.menu = "menu", e;
 })({}), Ze = /* @__PURE__ */ (function(e) {
   return e.option = "option", e.presentation = "presentation", e;
@@ -51,7 +51,7 @@ var ut = {
     type: [String, Array],
     default: void 0
   }
-}, He = {
+}, Te = {
   invalid: {
     type: Boolean,
     default: !1
@@ -60,7 +60,7 @@ var ut = {
     type: [String, Array],
     default: void 0
   }
-}, Te = {
+}, He = {
   loading: {
     type: Boolean,
     default: !1
@@ -84,7 +84,7 @@ var ut = {
 } }, Yt = { current: {
   type: Boolean,
   default: !1
-} }, Za = {
+} }, eo = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -164,7 +164,7 @@ var ut = {
   placement: {
     type: String,
     default: x.bottom,
-    validator: (e) => Object.values(x).includes(e) || Object.values(Tt).includes(e)
+    validator: (e) => Object.values(x).includes(e) || Object.values(Ht).includes(e)
   },
   strategy: {
     type: String,
@@ -221,23 +221,23 @@ var ut = {
     type: String,
     required: !0
   }
-}, ra = { autofocus: {
+}, la = { autofocus: {
   type: Boolean,
   default: !1
-} }, la = { autocomplete: {
+} }, ra = { autocomplete: {
   type: String,
   default: "off"
 } }, na = {
   ...mt,
-  ...ra,
   ...la,
+  ...ra,
   ...ct,
   ...te,
   ...Re,
   ...je,
-  ...He,
-  ...ze,
   ...Te,
+  ...ze,
+  ...He,
   ...ae,
   ...Xt,
   ...Zt,
@@ -257,17 +257,17 @@ var ut = {
     default: void 0
   },
   ...ft
-}, eo = {
+}, to = {
   ...mt,
   ...ct,
   ...je,
-  ...He,
+  ...Te,
   ...ze,
   ...te,
   ...Re,
   ...ae,
   ...me,
-  ...Te,
+  ...He,
   value: {
     type: [
       String,
@@ -285,16 +285,16 @@ var ut = {
     ],
     default: void 0
   }
-}, to = {
+}, ao = {
   ...je,
-  ...He,
+  ...Te,
   ...Qt,
   ...ze,
   ...te,
   ...Re,
   ...ae,
   ...me,
-  ...Te,
+  ...He,
   ...ft,
   modelValue: {
     type: [
@@ -314,7 +314,7 @@ var ut = {
     type: Boolean,
     default: !1
   }
-}, ao = {
+}, oo = {
   ...te,
   ...me,
   ...Gt,
@@ -394,7 +394,7 @@ var ut = {
   resizable: Boolean
 };
 function ve(e) {
-  return ((a) => a == null || a === "" || Array.isArray(a) && a.length === 0 || !(a instanceof Date) && typeof a == "object" && Object.keys(a).length === 0)(l(e));
+  return ((a) => a == null || a === "" || Array.isArray(a) && a.length === 0 || !(a instanceof Date) && typeof a == "object" && Object.keys(a).length === 0)(n(e));
 }
 function va(e) {
   return typeof e == "string";
@@ -403,13 +403,13 @@ function tt(e) {
   return Array.isArray(e) ? e.filter((a) => va(a)).join(" ") : e;
 }
 function fa(e, a) {
-  const t = n(() => ke(e) ? e.value : e), o = n(() => tt(t.value.invalidLabel)), i = n(() => tt(t.value.validLabel)), s = n(() => t.value.loadingLabel), d = n(() => t.value.hintLabel), f = n(() => !!(t.value.loading && (a.loading || s.value))), m = n(() => !f.value && !!(t.value.invalid && (a.invalid || o.value))), v = n(() => !f.value && !m.value && !!(t.value.valid && (a.valid || i.value))), y = n(() => !f.value && !m.value && !v.value && !!(a.hint || d.value)), u = n(() => m.value || v.value || f.value || y.value);
+  const t = i(() => Ne(e) ? e.value : e), o = i(() => tt(t.value.invalidLabel)), r = i(() => tt(t.value.validLabel)), s = i(() => t.value.loadingLabel), v = i(() => t.value.hintLabel), u = i(() => !!(t.value.loading && (a.loading || s.value))), b = i(() => !u.value && !!(t.value.invalid && (a.invalid || o.value))), h = i(() => !u.value && !b.value && !!(t.value.valid && (a.valid || r.value))), L = i(() => !u.value && !b.value && !h.value && !!(a.hint || v.value)), d = i(() => b.value || h.value || u.value || L.value);
   return {
-    hasInvalidLabelOrSlot: m,
-    hasHintLabelOrSlot: y,
-    hasValidLabelOrSlot: v,
-    hasLoadingLabelOrSlot: f,
-    hintSlotScope: n(() => ({
+    hasInvalidLabelOrSlot: b,
+    hasHintLabelOrSlot: L,
+    hasValidLabelOrSlot: h,
+    hasLoadingLabelOrSlot: u,
+    hintSlotScope: i(() => ({
       modelValue: t.value.modelValue,
       valid: t.value.valid,
       invalid: t.value.invalid,
@@ -423,21 +423,21 @@ function fa(e, a) {
       } },
       setup() {
         return {
-          isVisible: u,
+          isVisible: d,
           invalidLabel: o,
-          validLabel: i,
+          validLabel: r,
           loadingLabel: s,
-          hintLabel: d,
-          hasInvalidLabelOrSlot: m,
-          hasValidLabelOrSlot: v,
-          hasLoadingLabelOrSlot: f,
-          hasHintLabelOrSlot: y
+          hintLabel: v,
+          hasInvalidLabelOrSlot: b,
+          hasValidLabelOrSlot: h,
+          hasLoadingLabelOrSlot: u,
+          hasHintLabelOrSlot: L
         };
       },
       render() {
         if (this.isVisible) {
-          let g;
-          return this.hasInvalidLabelOrSlot && (g = "alert"), this.hasValidLabelOrSlot && (g = "status"), this.hasLoadingLabelOrSlot ? Z(this.tag, { role: g }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? Z(this.tag, { role: g }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? Z(this.tag, { role: g }, this.$slots.valid?.() ?? this.validLabel) : Z(this.tag, { role: g }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
+          let m;
+          return this.hasInvalidLabelOrSlot && (m = "alert"), this.hasValidLabelOrSlot && (m = "status"), this.hasLoadingLabelOrSlot ? Z(this.tag, { role: m }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? Z(this.tag, { role: m }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? Z(this.tag, { role: m }, this.$slots.valid?.() ?? this.validLabel) : Z(this.tag, { role: m }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
         }
         return null;
       }
@@ -458,8 +458,8 @@ var ca = {
   },
   role: {
     type: String,
-    default: De.menu,
-    validator: (e) => Object.values(De).includes(e)
+    default: Be.menu,
+    validator: (e) => Object.values(Be).includes(e)
   }
 }, pa = { focusOnHover: {
   type: Boolean,
@@ -478,12 +478,12 @@ var ca = {
   }
 };
 function gt(e) {
-  return n(() => String(e?.value || $t()));
+  return i(() => String(e?.value || $t()));
 }
 function ga({ reference: e, id: a, expanded: t, aria: o }) {
-  const i = At();
+  const r = At();
   return {
-    bus: i,
+    bus: r,
     component: M({
       name: "VvDropdownTriggerProvider",
       setup() {
@@ -492,17 +492,17 @@ function ga({ reference: e, id: a, expanded: t, aria: o }) {
           id: a,
           expanded: t,
           aria: o,
-          bus: i
+          bus: r
         });
       },
       render() {
-        return Z(Ne, {}, this.$slots.default?.());
+        return Z(De, {}, this.$slots.default?.());
       }
     })
   };
 }
 function ba({ role: e, ...a }) {
-  const t = n(() => e.value === De.listbox ? Ze.option : Ze.presentation);
+  const t = i(() => e.value === Be.listbox ? Ze.option : Ze.presentation);
   return Fe(vt, {
     role: t,
     ...a
@@ -510,17 +510,17 @@ function ba({ role: e, ...a }) {
 }
 function ha({ expanded: e }) {
   Fe(qt, {
-    role: _(zt.menuitem),
+    role: w(zt.menuitem),
     expanded: e
   });
 }
 function ge(e, a, t) {
-  return n(() => {
-    const o = { [e]: !0 }, i = typeof a?.value == "string" ? a.value.split(" ") : a?.value;
-    return i && Array.isArray(i) && i.forEach((s) => {
+  return i(() => {
+    const o = { [e]: !0 }, r = typeof a?.value == "string" ? a.value.split(" ") : a?.value;
+    return r && Array.isArray(r) && r.forEach((s) => {
       s && (o[`${e}--${s}`] = !0);
     }), t && Object.keys(t.value).forEach((s) => {
-      o[`${e}--${s}`] = l(t.value[s]);
+      o[`${e}--${s}`] = n(t.value[s]);
     }), o;
   });
 }
@@ -553,145 +553,145 @@ var ya = [
     "leaveCancelled"
   ],
   setup(e, { expose: a, emit: t }) {
-    const o = e, i = t, { id: s } = ee(o), d = gt(s), f = xt(), m = _("auto"), v = _("auto"), y = _(), u = _(), g = _(), P = _(), O = n({
-      get: () => o.reference ?? y.value,
-      set: (r) => {
-        y.value = r;
+    const o = e, r = t, { id: s } = ee(o), v = gt(s), u = xt(), b = w("auto"), h = w("auto"), L = w(), d = w(), m = w(), P = w(), O = i({
+      get: () => o.reference ?? L.value,
+      set: (l) => {
+        L.value = l;
       }
-    }), F = _(!1);
-    rt(() => {
-      Nt(u.value, () => {
-        F.value = window.getComputedStyle(u.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
+    }), F = w(!1);
+    lt(() => {
+      Dt(d.value, () => {
+        F.value = globalThis.getComputedStyle(d.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
       }, {
         attributeFilter: ["style"],
-        window
+        window: globalThis.window
       });
     });
-    function j(r, p, T) {
-      return typeof r == "boolean" ? p() : T(r);
+    function j(l, c, H) {
+      return typeof l == "boolean" ? c() : H(l);
     }
-    const oe = n(() => {
-      const r = [];
-      if (o.autoPlacement ? r.push(j(o.autoPlacement, () => Je(), (p) => Je(p))) : o.flip && r.push(j(o.flip, () => Ke({ fallbackStrategy: "initialPlacement" }), (p) => Ke(p))), o.shift && r.push(j(o.shift, () => Ye(), (p) => Ye(p))), o.size) {
-        const p = ({ availableWidth: T, availableHeight: X }) => {
-          m.value = `${T}px`, v.value = `${X}px`;
+    const oe = i(() => {
+      const l = [];
+      if (o.autoPlacement ? l.push(j(o.autoPlacement, () => Je(), (c) => Je(c))) : o.flip && l.push(j(o.flip, () => Ke({ fallbackStrategy: "initialPlacement" }), (c) => Ke(c))), o.shift && l.push(j(o.shift, () => Ye(), (c) => Ye(c))), o.size) {
+        const c = ({ availableWidth: H, availableHeight: X }) => {
+          b.value = `${H}px`, h.value = `${X}px`;
         };
-        r.push(j(o.size, () => Ge({ apply: p }), (T) => Ge({
-          ...T,
-          apply: p
+        l.push(j(o.size, () => Ge({ apply: c }), (H) => Ge({
+          ...H,
+          apply: c
         })));
       }
-      return o.offset && r.push(["string", "number"].includes(typeof o.offset) ? Ue(Number(o.offset)) : Ue(o.offset)), o.arrow && r.push(It({ element: g })), r;
-    }), { x: be, y: he, middlewareData: W, placement: ye, strategy: Se } = Ct(O, u, {
-      whileElementsMounted: (...r) => Vt(...r, { animationFrame: o.strategy === dt.fixed }),
-      placement: n(() => o.placement),
-      strategy: n(() => o.strategy),
+      return o.offset && l.push(["string", "number"].includes(typeof o.offset) ? Ue(Number(o.offset)) : Ue(o.offset)), o.arrow && l.push(It({ element: m })), l;
+    }), { x: be, y: he, middlewareData: W, placement: ye, strategy: Se } = Vt(O, d, {
+      whileElementsMounted: (...l) => Ct(...l, { animationFrame: o.strategy === dt.fixed }),
+      placement: i(() => o.placement),
+      strategy: i(() => o.strategy),
       middleware: oe
-    }), we = n(() => {
+    }), we = i(() => {
       if (F.value) return;
-      const r = o.triggerWidth && O.value ? `${O.value?.offsetWidth}px` : void 0;
+      const l = o.triggerWidth && O.value ? `${O.value?.offsetWidth}px` : void 0;
       return {
         position: Se.value,
         top: `${he.value ?? 0}px`,
         left: `${be.value ?? 0}px`,
-        maxWidth: r ? void 0 : m.value,
-        maxHeight: v.value,
-        width: r
+        maxWidth: l ? void 0 : b.value,
+        maxHeight: h.value,
+        width: l
       };
-    }), _e = n(() => ye.value.split("-")[0]), Le = n(() => {
+    }), _e = i(() => ye.value.split("-")[0]), Le = i(() => {
       if (F.value) return;
-      const r = {
+      const l = {
         [x.top]: x.bottom,
         [x.right]: x.left,
         [x.bottom]: x.top,
         [x.left]: x.right
       }[_e.value];
       return {
-        left: W.value.arrow?.x !== void 0 ? `${W.value.arrow?.x}px` : void 0,
-        top: W.value.arrow?.y !== void 0 ? `${W.value.arrow?.y}px` : void 0,
-        [r]: `${-(g.value?.offsetWidth ?? 0) / 2}px`
+        left: W.value.arrow?.x === void 0 ? void 0 : `${W.value.arrow?.x}px`,
+        top: W.value.arrow?.y === void 0 ? void 0 : `${W.value.arrow?.y}px`,
+        [l]: `${-(m.value?.offsetWidth ?? 0) / 2}px`
       };
-    }), H = kt(o, "modelValue", i), q = _(!1), b = n({
-      get: () => H.value ?? q.value,
-      set: (r) => {
-        if (H.value === void 0) {
-          q.value = r;
+    }), T = Nt(o, "modelValue", r), q = w(!1), p = i({
+      get: () => T.value ?? q.value,
+      set: (l) => {
+        if (T.value === void 0) {
+          q.value = l;
           return;
         }
-        H.value = r;
+        T.value = l;
       }
     });
-    function S() {
-      b.value = !0;
+    function y() {
+      p.value = !0;
     }
     function I() {
-      b.value = !1;
+      p.value = !1;
     }
-    function V() {
-      b.value = !b.value;
+    function C() {
+      p.value = !p.value;
     }
-    function Y(r) {
-      O.value = r;
+    function Y(l) {
+      O.value = l;
     }
-    Bt(u, () => {
-      !o.keepOpen && b.value && (b.value = !1);
+    kt(d, () => {
+      !o.keepOpen && p.value && (p.value = !1);
     }, { ignore: [O] });
-    const G = n(() => O.value?.getAttribute?.("id") ?? void 0), re = n(() => ({
-      "aria-controls": d.value,
+    const G = i(() => O.value?.getAttribute?.("id") ?? void 0), le = i(() => ({
+      "aria-controls": v.value,
       "aria-haspopup": !0,
-      "aria-expanded": b.value
+      "aria-expanded": p.value
     })), { component: xe, bus: $e } = ga({
       reference: O,
-      id: d,
-      expanded: b,
-      aria: re
+      id: v,
+      expanded: p,
+      aria: le
     });
-    $e.on("click", V);
-    const { role: Q, modifiers: Ee } = ee(o), le = ge("vv-dropdown", Ee, n(() => ({ arrow: o.arrow }))), { focused: h } = st(u);
-    function J(r) {
-      return r ? [...r.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((p) => !p.hasAttribute("disabled") && !p.getAttribute("aria-hidden")) : [];
+    $e.on("click", C);
+    const { role: Q, modifiers: Ee } = ee(o), re = ge("vv-dropdown", Ee, i(() => ({ arrow: o.arrow }))), { focused: g } = st(d);
+    function J(l) {
+      return l ? [...l.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((c) => !c.hasAttribute("disabled") && !c.getAttribute("aria-hidden")) : [];
     }
     function ne() {
       ue(() => {
-        const r = J(u.value);
-        r.length > 0 && r[0].focus({ preventScroll: !0 });
+        const l = J(d.value);
+        l.length > 0 && l[0].focus({ preventScroll: !0 });
       });
     }
     function Oe() {
       ue(() => {
-        const r = J(P.value);
-        r.length > 0 && r[0].focus({ preventScroll: !0 });
+        const l = J(P.value);
+        l.length > 0 && l[0].focus({ preventScroll: !0 });
       });
     }
     function ie() {
       ue(() => {
-        if (h.value) {
-          const r = J(u.value);
-          if (r.length === 0 || !document.activeElement) return;
-          const p = r.indexOf(document.activeElement);
-          p < r.length - 1 ? r[p + 1].focus({ preventScroll: !0 }) : r[0].focus({ preventScroll: !0 });
+        if (g.value) {
+          const l = J(d.value);
+          if (l.length === 0 || !document.activeElement) return;
+          const c = l.indexOf(document.activeElement);
+          c < l.length - 1 ? l[c + 1].focus({ preventScroll: !0 }) : l[0].focus({ preventScroll: !0 });
         }
       });
     }
     function se() {
       ue(() => {
-        if (h.value) {
-          const r = J(u.value);
-          if (r.length === 0 || !document.activeElement) return;
-          const p = r.indexOf(document.activeElement);
-          if (p > 0) {
-            r[p - 1].focus({ preventScroll: !0 });
+        if (g.value) {
+          const l = J(d.value);
+          if (l.length === 0 || !document.activeElement) return;
+          const c = l.indexOf(document.activeElement);
+          if (c > 0) {
+            l[c - 1].focus({ preventScroll: !0 });
             return;
           }
-          r.at(-1)?.focus({ preventScroll: !0 });
+          l.at(-1)?.focus({ preventScroll: !0 });
         }
       });
     }
-    A(b, (r) => {
-      r && o.autofocusFirst && ne();
+    A(p, (l) => {
+      l && o.autofocusFirst && ne();
     }), a({
-      toggle: V,
-      show: S,
+      toggle: C,
+      show: y,
       hide: I,
       init: Y,
       focusFirst: ne,
@@ -702,98 +702,98 @@ var ya = [
     });
     const { itemRole: Pe } = ba({
       role: Q,
-      expanded: b,
-      focused: h,
-      hovered: nt(u)
+      expanded: p,
+      focused: g,
+      hovered: nt(d)
     });
-    de("Escape", (r) => {
-      b.value && (r.preventDefault(), I());
-    }), de("ArrowDown", (r) => {
-      b.value && h.value && (r.preventDefault(), ie());
-    }), de("ArrowUp", (r) => {
-      b.value && h.value && (r.preventDefault(), se());
-    }), de([" ", "Enter"], (r) => {
-      const p = r.target;
-      b.value && h.value && p && p?.click();
+    de("Escape", (l) => {
+      p.value && (l.preventDefault(), I());
+    }), de("ArrowDown", (l) => {
+      p.value && g.value && (l.preventDefault(), ie());
+    }), de("ArrowUp", (l) => {
+      p.value && g.value && (l.preventDefault(), se());
+    }), de([" ", "Enter"], (l) => {
+      const c = l.target;
+      p.value && g.value && c && c?.click();
     });
     const Ie = {
       "before-enter": () => {
-        i(b.value ? "beforeExpand" : "beforeCollapse"), i("beforeEnter");
+        r(p.value ? "beforeExpand" : "beforeCollapse"), r("beforeEnter");
       },
       "after-leave": () => {
-        i(b.value ? "afterExpand" : "afterCollapse"), i("afterLeave");
+        r(p.value ? "afterExpand" : "afterCollapse"), r("afterLeave");
       },
       enter: () => {
-        i("enter");
+        r("enter");
       },
       "after-enter": () => {
-        i("afterEnter");
+        r("afterEnter");
       },
       "enter-cancelled": () => {
-        i("enterCancelled");
+        r("enterCancelled");
       },
       "before-leave": () => {
-        i("beforeLeave");
+        r("beforeLeave");
       },
       leave: () => {
-        i("leave");
+        r("leave");
       },
       "leave-cancelled": () => {
-        i("leaveCancelled");
+        r("leaveCancelled");
       }
     };
-    return (r, p) => (w(), B(Ne, null, [ce(l(xe), null, {
-      default: N(() => [L(r.$slots, "default", E($({
+    return (l, c) => (S(), k(De, null, [ce(n(xe), null, {
+      default: D(() => [_(l.$slots, "default", E($({
         init: Y,
-        show: S,
+        show: y,
         hide: I,
-        toggle: V,
-        expanded: l(b),
-        aria: l(re)
+        toggle: C,
+        expanded: n(p),
+        aria: n(le)
       })))]),
       _: 3
-    }), ce(yt, k({ name: r.transitionName }, Lt(Ie), { persisted: "" }), {
-      default: N(() => [lt(z("div", {
+    }), ce(yt, N({ name: l.transitionName }, Lt(Ie), { persisted: "" }), {
+      default: D(() => [rt(z("div", {
         ref_key: "floatingEl",
-        ref: u,
-        style: We(l(we)),
-        class: Ae(l(le))
+        ref: d,
+        style: We(n(we)),
+        class: Ae(n(re))
       }, [
-        o.arrow ? (w(), B("div", {
+        o.arrow ? (S(), k("div", {
           key: 0,
           ref_key: "arrowEl",
-          ref: g,
-          style: We(l(Le)),
+          ref: m,
+          style: We(n(Le)),
           class: "vv-dropdown__arrow"
-        }, null, 4)) : C("v-if", !0),
-        L(r.$slots, "before", E($({
-          show: S,
+        }, null, 4)) : V("v-if", !0),
+        _(l.$slots, "before", E($({
+          show: y,
           hide: I,
-          toggle: V,
-          expanded: l(b)
+          toggle: C,
+          expanded: n(p)
         }))),
-        z("div", k(l(f), {
-          id: l(d),
+        z("div", N(n(u), {
+          id: n(v),
           ref_key: "listEl",
           ref: P,
-          tabindex: l(b) ? void 0 : -1,
-          role: l(Q),
-          "aria-labelledby": l(G),
+          tabindex: n(p) ? void 0 : -1,
+          role: n(Q),
+          "aria-labelledby": n(G),
           class: "vv-dropdown__list"
-        }), [L(r.$slots, "items", E($({
-          show: S,
+        }), [_(l.$slots, "items", E($({
+          show: y,
           hide: I,
-          toggle: V,
-          expanded: l(b),
-          role: l(Pe)
+          toggle: C,
+          expanded: n(p),
+          role: n(Pe)
         })))], 16, ya),
-        L(r.$slots, "after", E($({
-          show: S,
+        _(l.$slots, "after", E($({
+          show: y,
           hide: I,
-          toggle: V,
-          expanded: l(b)
+          toggle: C,
+          expanded: n(p)
         })))
-      ], 6), [[Pt, l(b)]])]),
+      ], 6), [[Pt, n(p)]])]),
       _: 3
     }, 16, ["name"])], 64));
   }
@@ -805,41 +805,41 @@ var xa = { name: "VvDropdownItem" }, $a = /* @__PURE__ */ M({
   ...xa,
   props: pa,
   setup(e) {
-    const a = e, { role: t, expanded: o } = La(), i = _(null);
+    const a = e, { role: t, expanded: o } = La(), r = w(null);
     ha({ expanded: o });
-    const s = nt(i), { focused: d } = it(i), { focused: f } = st(i);
-    return A(s, (m) => {
-      m && a.focusOnHover && (d.value = !0);
-    }), (m, v) => (w(), B("div", k({ role: l(t) }, {
+    const s = nt(r), { focused: v } = it(r), { focused: u } = st(r);
+    return A(s, (b) => {
+      b && a.focusOnHover && (v.value = !0);
+    }), (b, h) => (S(), k("div", N({ role: n(t) }, {
       ref_key: "element",
-      ref: i,
-      class: ["vv-dropdown__item", { "focus-visible": l(d) || l(f) }]
-    }), [L(m.$slots, "default")], 16));
+      ref: r,
+      class: ["vv-dropdown__item", { "focus-visible": n(v) || n(u) }]
+    }), [_(b.$slots, "default")], 16));
   }
 }), Ea = $a, Oa = ["title"], Pa = { name: "VvDropdownOption" }, Ia = /* @__PURE__ */ M({
   ...Pa,
   props: ma,
   setup(e) {
-    const a = e, { modifiers: t } = ee(a), o = ge("vv-dropdown-option", t, n(() => ({
+    const a = e, { modifiers: t } = ee(a), o = ge("vv-dropdown-option", t, i(() => ({
       disabled: a.disabled,
       selected: a.selected,
       unselectable: a.unselectable && a.selected
-    }))), i = n(() => a.selected ? a.unselectable ? a.deselectHintLabel : a.selectedHintLabel : a.disabled ? "" : a.selectHintLabel);
-    return (s, d) => (w(), K(Ea, {
-      class: Ae(l(o)),
+    }))), r = i(() => a.selected ? a.unselectable ? a.deselectHintLabel : a.selectedHintLabel : a.disabled ? "" : a.selectHintLabel);
+    return (s, v) => (S(), K(Ea, {
+      class: Ae(n(o)),
       tabindex: s.disabled ? -1 : 0,
       "aria-selected": s.selected,
       "aria-disabled": s.disabled,
       "focus-on-hover": s.focusOnHover
     }, {
-      default: N(() => [L(s.$slots, "default"), z("span", {
+      default: D(() => [_(s.$slots, "default"), z("span", {
         class: "vv-dropdown-option__hint",
-        title: l(i)
-      }, [L(s.$slots, "hint", E($({
+        title: n(r)
+      }, [_(s.$slots, "hint", E($({
         disabled: s.disabled,
         selected: s.selected,
         unselectable: s.unselectable
-      })), () => [Be(fe(l(i)), 1)])], 8, Oa)]),
+      })), () => [ke(fe(n(r)), 1)])], 8, Oa)]),
       _: 3
     }, 8, [
       "class",
@@ -849,12 +849,12 @@ var xa = { name: "VvDropdownItem" }, $a = /* @__PURE__ */ M({
       "focus-on-hover"
     ]));
   }
-}), Va = Ia;
+}), Ca = Ia;
 function Me() {
   return ot(Mt, void 0);
 }
-var Ca = { name: "VvIcon" }, Ba = /* @__PURE__ */ M({
-  ...Ca,
+var Va = { name: "VvIcon" }, ka = /* @__PURE__ */ M({
+  ...Va,
   props: /* @__PURE__ */ wt({
     name: {},
     color: {},
@@ -872,33 +872,32 @@ var Ca = { name: "VvIcon" }, Ba = /* @__PURE__ */ M({
     onLoad: { type: Function },
     svg: {},
     modifiers: {}
-  }, Ht),
+  }, Tt),
   setup(e) {
-    const a = e, t = n(() => typeof a.rotate == "string" ? Number.parseFloat(a.rotate) : a.rotate), o = _(!0), i = Me(), { modifiers: s } = ee(a), d = ge("vv-icon", s), f = n(() => a.provider || i?.iconsProvider), m = n(() => {
-      const u = a.name ?? "", g = `@${f.value}:${a.prefix}:${u}`;
-      if (Ve(g)) return g;
-      const P = i?.iconsCollections.find((O) => Ve(`@${f.value}:${O.prefix}:${u}`));
-      return P ? `@${f.value}:${P.prefix}:${u}` : u;
+    const a = e, t = i(() => typeof a.rotate == "string" ? Number.parseFloat(a.rotate) : a.rotate), o = w(!0), r = Me(), { modifiers: s } = ee(a), v = ge("vv-icon", s), u = i(() => a.provider || r?.iconsProvider), b = i(() => {
+      const d = a.name ?? "", m = `@${u.value}:${a.prefix}:${d}`;
+      if (Ce(m)) return m;
+      const P = r?.iconsCollections.find((O) => Ce(`@${u.value}:${O.prefix}:${d}`));
+      return P ? `@${u.value}:${P.prefix}:${d}` : d;
     });
-    function v(u) {
-      const g = typeof window < "u" ? new window.DOMParser() : null;
-      return g ? g.parseFromString(u, "text/html").querySelector("svg") : null;
+    function h(d) {
+      return globalThis.window === void 0 ? null : new globalThis.DOMParser().parseFromString(d, "text/html").querySelector("svg");
     }
-    function y(u) {
-      const g = v(u), P = g?.innerHTML.trim() || "";
-      g && P && jt(`@${f.value}:${a.prefix}:${a.name}`, {
+    function L(d) {
+      const m = h(d), P = m?.innerHTML.trim() || "";
+      m && P && jt(`@${u.value}:${a.prefix}:${a.name}`, {
         body: P,
-        height: g.viewBox.baseVal.height,
-        width: g.viewBox.baseVal.width
+        height: m.viewBox.baseVal.height,
+        width: m.viewBox.baseVal.width
       });
     }
-    return i && a.src && !Ve(`@${f.value}:${a.prefix}:${a.name}`) && (o.value = !1, i.fetchIcon(a.src).then((u) => {
-      u && y(u), o.value = !0;
-    }).catch((u) => {
-      throw o.value = !0, new Error(`Error during fetch icon: ${u?.message}`);
-    })), a.svg && y(a.svg), (u, g) => l(o) ? (w(), K(l(Ft), k({
+    return r && a.src && !Ce(`@${u.value}:${a.prefix}:${a.name}`) && (o.value = !1, r.fetchIcon(a.src).then((d) => {
+      d && L(d), o.value = !0;
+    }).catch((d) => {
+      throw o.value = !0, new Error(`Error during fetch icon: ${d?.message}`);
+    })), a.svg && L(a.svg), (d, m) => n(o) ? (S(), K(n(Ft), N({
       key: 0,
-      class: l(d)
+      class: n(v)
     }, {
       inline: e.inline,
       width: e.width,
@@ -906,147 +905,145 @@ var Ca = { name: "VvIcon" }, Ba = /* @__PURE__ */ M({
       horizontalFlip: e.horizontalFlip,
       verticalFlip: e.verticalFlip,
       flip: e.flip,
-      rotate: l(t),
+      rotate: n(t),
       color: e.color,
-      icon: l(m)
-    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : C("v-if", !0);
+      icon: n(b)
+    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : V("v-if", !0);
+  }
+}), Ve = ka;
+function Ba(e, a, t) {
+  let o = a;
+  if (Array.isArray(e) && e.length) {
+    const r = e[0];
+    r() === a && (o = t);
+  }
+  if (typeof e == "function" && e() === a && (o = t), typeof e == "object") {
+    let r = e.default;
+    typeof r == "function" && (r = r()), (typeof r == "object" ? JSON.stringify(r) === JSON.stringify(a) : r === a) && (o = t);
   }
-}), Ce = Ba;
+  return o;
+}
 function Da(e, a, t) {
-  const o = Me(), i = n(() => {
-    if (!(!o || !o.defaults.value?.[e]))
+  const o = Me(), r = i(() => {
+    if (o?.defaults.value?.[e])
       return o.defaults.value[e];
   });
-  return n(() => {
-    if (i.value === void 0) return t;
-    const s = i.value, d = a, f = t;
-    return Object.keys(d).reduce((m, v) => {
-      const y = f[v];
-      if (m[v] = y, v in s) {
-        if (Array.isArray(d[v])) {
-          const u = d[v];
-          u.length && u[0] === y && (m[v] = s[v]);
-        }
-        if (typeof d[v] == "function") {
-          const u = d[v];
-          u() === y && (m[v] = s[v]);
-        }
-        if (typeof d[v] == "object") {
-          let u = d[v].default;
-          typeof u == "function" && (u = u()), typeof u == "object" ? JSON.stringify(u) === JSON.stringify(y) && (m[v] = s[v]) : u === y && (m[v] = s[v]);
-        }
-      }
-      return m;
+  return i(() => {
+    if (r.value === void 0) return t;
+    const s = r.value, v = a, u = t;
+    return Object.keys(v).reduce((b, h) => {
+      const L = u[h];
+      return b[h] = h in s ? Ba(v[h], L, s[h]) : L, b;
     }, {});
   });
 }
-function Na(e, a, t = 0, { getter: o = (s) => s, setter: i = (s) => s } = {}) {
+function Na(e, a, t = 0, { getter: o = (s) => s, setter: r = (s) => s } = {}) {
   let s;
-  return typeof t == "string" && (t = Number.parseInt(t)), n({
+  return typeof t == "string" && (t = Number.parseInt(t)), i({
     get: () => o(e?.value),
-    set: (d) => {
+    set: (v) => {
       s && clearTimeout(s), s = setTimeout(() => {
-        a("update:modelValue", i(d));
+        a("update:modelValue", r(v));
       }, t);
     }
   });
 }
 function at(e, a) {
-  const t = n(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), o = n(() => a?.value === pe.before ? t.value : void 0), i = n(() => a?.value === pe.after ? t.value : void 0);
+  const t = i(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), o = i(() => a?.value === pe.before ? t.value : void 0), r = i(() => a?.value === pe.after ? t.value : void 0);
   return {
     hasIcon: t,
-    hasIconLeft: n(() => a?.value === x.left ? t.value : void 0),
-    hasIconRight: n(() => a?.value === x.right ? t.value : void 0),
-    hasIconTop: n(() => a?.value === x.top ? t.value : void 0),
-    hasIconBottom: n(() => a?.value === x.bottom ? t.value : void 0),
+    hasIconLeft: i(() => a?.value === x.left ? t.value : void 0),
+    hasIconRight: i(() => a?.value === x.right ? t.value : void 0),
+    hasIconTop: i(() => a?.value === x.top ? t.value : void 0),
+    hasIconBottom: i(() => a?.value === x.bottom ? t.value : void 0),
     hasIconBefore: o,
-    hasIconAfter: i
+    hasIconAfter: r
   };
 }
-function ka(e, a) {
+function Aa(e, a) {
   const { focused: t } = it(e);
   return A(t, (o) => {
-    a(o ? "focus" : "blur", l(e));
+    a(o ? "focus" : "blur", n(e));
   }), { focused: t };
 }
-function Aa(e, a) {
-  const t = n(() => (l(e) ?? "").length), o = n(() => a?.lowerLimit !== void 0 && t.value < a?.lowerLimit ? t.value - a.lowerLimit : a?.upperLimit !== void 0 ? a.upperLimit - t.value : 0);
+function Fa(e, a) {
+  const t = i(() => (n(e) ?? "").length), o = i(() => a?.lowerLimit !== void 0 && t.value < a?.lowerLimit ? t.value - a.lowerLimit : a?.upperLimit !== void 0 ? a.upperLimit - t.value : 0);
   return {
     length: t,
     gap: o,
-    formatted: n(() => a?.mode === !1 ? "" : a?.mode === "limit" && a?.upperLimit ? `${t.value} / ${a.lowerLimit ? `${a.lowerLimit}-` : ""}${a.upperLimit}` : a?.mode === "countdown" ? o.value === 0 ? void 0 : o.value : t.value)
+    formatted: i(() => a?.mode === !1 ? "" : a?.mode === "limit" && a?.upperLimit ? `${t.value} / ${a.lowerLimit ? `${a.lowerLimit}-` : ""}${a.upperLimit}` : a?.mode === "countdown" ? o.value === 0 ? void 0 : o.value : t.value)
   };
 }
-function Fa(e, a = U.local, t) {
-  const o = _();
+function ja(e, a = U.local, t) {
+  const o = w();
   t && (o.value = t);
-  let i;
-  return rt(() => {
-    e && A(e, (s, d) => {
-      const f = l(a) === U.session ? sessionStorage : localStorage;
-      if (d && d !== s && f.removeItem(d), s) {
-        i = Qe(s, i?.value ?? o.value, f), i.value && (o.value = i.value);
+  let r;
+  return lt(() => {
+    e && A(e, (s, v) => {
+      const u = n(a) === U.session ? sessionStorage : localStorage;
+      if (v && v !== s && u.removeItem(v), s) {
+        r = Qe(s, r?.value ?? o.value, u), r.value && (o.value = r.value);
         return;
       }
-      i = void 0;
-    }, { immediate: !0 }), ke(a) && A(a, (s, d) => {
+      r = void 0;
+    }, { immediate: !0 }), Ne(a) && A(a, (s, v) => {
       if (e?.value) {
         if (s) {
-          const f = s === U.session ? sessionStorage : localStorage;
-          i = Qe(e.value, i?.value ?? o.value, f);
+          const u = s === U.session ? sessionStorage : localStorage;
+          r = Qe(e.value, r?.value ?? o.value, u);
         }
-        d && d !== s && (d === U.session ? sessionStorage : localStorage).removeItem(e.value);
+        v && v !== s && (v === U.session ? sessionStorage : localStorage).removeItem(e.value);
       }
     });
   }), A(o, (s) => {
-    i && (i.value = s);
+    r && (r.value = s);
   }, {
     deep: !0,
     immediate: !0
   }), o;
 }
-var ja = ["for"], Ha = {
+var Ta = ["for"], Ha = {
   key: 0,
   class: "vv-textarea__input-before"
-}, Ta = { class: "vv-textarea__inner" }, Ra = ["id"], za = {
+}, Ra = { class: "vv-textarea__inner" }, za = ["id"], Ma = {
   key: 1,
   class: "vv-textarea__input-after"
-}, Ma = {
+}, Wa = {
   key: 2,
   class: "vv-textarea__limit"
-}, Wa = { class: "flex-1" }, qa = ["title", "onClick"], Ja = { name: "VvTextarea" }, Ka = /* @__PURE__ */ M({
-  ...Ja,
+}, qa = { class: "flex-1" }, Ja = ["title", "onClick"], Ka = { name: "VvTextarea" }, Ua = /* @__PURE__ */ M({
+  ...Ka,
   props: et,
   emits: da,
   setup(e, { emit: a }) {
-    const t = e, o = a, i = Et(), s = Me(), d = Da("VvTextarea", et, t), f = _(), m = _(), v = _(), { id: y, icon: u, iconPosition: g, iconRemoveSuggestion: P, labelRemoveSuggestion: O, label: F, modelValue: j, count: oe, valid: be, invalid: he, loading: W, modifiers: ye, debounce: Se, minlength: we, maxlength: _e, storageType: Le } = ee(t), H = gt(y), q = n(() => `${H.value}-hint`), b = n(() => t.floating && ve(t.placeholder) ? " " : t.placeholder), S = Na(j, o, Se?.value), { hasIconBefore: I, hasIconAfter: V } = at(u, g), { hasIcon: Y } = at(P), { focused: G } = ka(f, o);
-    A(n(() => G.value && !t.disabled && !t.readonly), (c) => {
-      if (c && d.value.selectOnFocus && f.value && f.value.select(), c && h.value?.size) {
-        v.value?.show();
+    const t = e, o = a, r = Et(), s = Me(), v = Da("VvTextarea", et, t), u = w(), b = w(), h = w(), { id: L, icon: d, iconPosition: m, iconRemoveSuggestion: P, labelRemoveSuggestion: O, label: F, modelValue: j, count: oe, valid: be, invalid: he, loading: W, modifiers: ye, debounce: Se, minlength: we, maxlength: _e, storageType: Le } = ee(t), T = gt(L), q = i(() => `${T.value}-hint`), p = i(() => t.floating && ve(t.placeholder) ? " " : t.placeholder), y = Na(j, o, Se?.value), { hasIconBefore: I, hasIconAfter: C } = at(d, m), { hasIcon: Y } = at(P), { focused: G } = Aa(u, o);
+    A(i(() => G.value && !t.disabled && !t.readonly), (f) => {
+      if (f && v.value.selectOnFocus && u.value && u.value.select(), f && g.value?.size) {
+        h.value?.show();
         return;
       }
-      if (Q.value && h.value) {
+      if (Q.value && g.value) {
         const R = t.maxSuggestions;
-        h.value.size >= R && !h.value.has(S.value) && (h.value = new Set([...h.value].slice(h.value.size - R + 1))), h.value.add(S.value);
+        g.value.size >= R && !g.value.has(y.value) && (g.value = new Set([...g.value].slice(g.value.size - R + 1))), g.value.add(y.value);
       }
-    }), A(Dt(f), (c) => {
-      c && t.autofocus && (G.value = !0);
+    }), A(Bt(u), (f) => {
+      f && t.autofocus && (G.value = !0);
     });
-    const { formatted: re } = Aa(S, {
+    const { formatted: le } = Fa(y, {
       mode: oe?.value,
       upperLimit: Number(_e?.value),
       lowerLimit: Number(we?.value)
-    }), xe = n(() => !t.disabled && !t.readonly), $e = n(() => xe.value ? t.tabindex : -1), Q = n(() => !ve(j)), Ee = n(() => {
+    }), xe = i(() => !t.disabled && !t.readonly), $e = i(() => xe.value ? t.tabindex : -1), Q = i(() => !ve(j)), Ee = i(() => {
       if (t.invalid === !0) return !0;
       if (t.valid === !0) return !1;
-    }), le = n(() => t.storageKey ?? (s?.experimentalFeatures.forceInputSuggestions ? t.name : void 0)), h = Fa(le, Le, /* @__PURE__ */ new Set()), J = n(() => h.value ? [...h.value].filter((c) => ve(S.value) || `${c}`.toLowerCase().includes(`${S.value}`.toLowerCase()) && c !== S.value).reverse() : []), ne = n(() => le?.value && h.value && h.value.size > 0);
-    function Oe(c) {
-      S.value = c, v.value?.hide(), o("suggestion:selected", c);
+    }), re = i(() => t.storageKey ?? (s?.experimentalFeatures.forceInputSuggestions ? t.name : void 0)), g = ja(re, Le, /* @__PURE__ */ new Set()), J = i(() => g.value ? [...g.value].filter((f) => ve(y.value) || `${f}`.toLowerCase().includes(`${y.value}`.toLowerCase()) && f !== y.value).reverse() : []), ne = i(() => re?.value && g.value && g.value.size > 0);
+    function Oe(f) {
+      y.value = f, h.value?.hide(), o("suggestion:selected", f);
     }
-    function ie(c) {
-      h.value?.delete(c), o("suggestion:removed", c);
+    function ie(f) {
+      g.value?.delete(f), o("suggestion:removed", f);
     }
-    const { HintSlot: se, hasHintLabelOrSlot: Pe, hasInvalidLabelOrSlot: Ie, hintSlotScope: r } = fa(d, i), p = ge("vv-textarea", ye, n(() => ({
+    const { HintSlot: se, hasHintLabelOrSlot: Pe, hasInvalidLabelOrSlot: Ie, hintSlotScope: l } = fa(v, r), c = ge("vv-textarea", ye, i(() => ({
       valid: be.value,
       invalid: he.value,
       loading: W.value,
@@ -1054,14 +1051,14 @@ var ja = ["for"], Ha = {
       readonly: t.readonly,
       required: t.required,
       "icon-before": I.value !== void 0,
-      "icon-after": V.value !== void 0,
+      "icon-after": C.value !== void 0,
       floating: t.floating && !ve(t.label),
       dirty: Q.value,
       focus: G.value,
       resizable: t.resizable
-    }))), T = n(() => ({
+    }))), H = i(() => ({
       name: t.name,
-      placeholder: b.value,
+      placeholder: p.value,
       tabindex: $e.value,
       disabled: t.disabled,
       readonly: t.readonly,
@@ -1076,7 +1073,7 @@ var ja = ["for"], Ha = {
       "aria-invalid": Ee.value,
       "aria-describedby": Pe.value ? q.value : void 0,
       "aria-errormessage": Ie.value ? q.value : void 0
-    })), X = n(() => ({
+    })), X = i(() => ({
       valid: t.valid,
       invalid: t.invalid,
       modelValue: t.modelValue,
@@ -1086,85 +1083,85 @@ var ja = ["for"], Ha = {
       clear: bt
     }));
     function bt() {
-      S.value = void 0;
+      y.value = void 0;
     }
-    return (c, R) => (w(), B("div", { class: Ae(l(p)) }, [
-      l(F) ? (w(), B("label", {
+    return (f, R) => (S(), k("div", { class: Ae(n(c)) }, [
+      n(F) ? (S(), k("label", {
         key: 0,
-        for: l(H),
+        for: n(T),
         class: "vv-textarea__label"
-      }, fe(l(F)), 9, ja)) : C("v-if", !0),
+      }, fe(n(F)), 9, Ta)) : V("v-if", !0),
       z("div", {
         ref_key: "wrapperEl",
-        ref: m,
+        ref: b,
         class: "vv-textarea__wrapper"
       }, [
-        c.$slots.before ? (w(), B("div", Ha, [L(c.$slots, "before", E($(l(X))))])) : C("v-if", !0),
-        z("div", Ta, [
-          l(I) ? (w(), K(Ce, k({ key: 0 }, l(I), { class: "vv-textarea__icon" }), null, 16)) : C("v-if", !0),
-          lt(z("textarea", k({
-            id: l(H),
+        f.$slots.before ? (S(), k("div", Ha, [_(f.$slots, "before", E($(n(X))))])) : V("v-if", !0),
+        z("div", Ra, [
+          n(I) ? (S(), K(Ve, N({ key: 0 }, n(I), { class: "vv-textarea__icon" }), null, 16)) : V("v-if", !0),
+          rt(z("textarea", N({
+            id: n(T),
             ref_key: "textareaEl",
-            ref: f,
-            "onUpdate:modelValue": R[0] || (R[0] = (D) => ke(S) ? S.value = D : null)
-          }, l(T), { onKeyup: R[1] || (R[1] = (D) => o("keyup", D)) }), null, 16, Ra), [[Ot, l(S)]]),
-          l(V) ? (w(), K(Ce, k({ key: 1 }, l(V), { class: "vv-textarea__icon vv-textarea__icon-after" }), null, 16)) : C("v-if", !0)
+            ref: u,
+            "onUpdate:modelValue": R[0] || (R[0] = (B) => Ne(y) ? y.value = B : null)
+          }, n(H), { onKeyup: R[1] || (R[1] = (B) => o("keyup", B)) }), null, 16, za), [[Ot, n(y)]]),
+          n(C) ? (S(), K(Ve, N({ key: 1 }, n(C), { class: "vv-textarea__icon vv-textarea__icon-after" }), null, 16)) : V("v-if", !0)
         ]),
-        c.$slots.after ? (w(), B("div", za, [L(c.$slots, "after", E($(l(X))))])) : C("v-if", !0),
-        l(oe) ? (w(), B("span", Ma, [L(c.$slots, "count", E($(l(X))), () => [Be(fe(l(re)), 1)])])) : C("v-if", !0)
+        f.$slots.after ? (S(), k("div", Ma, [_(f.$slots, "after", E($(n(X))))])) : V("v-if", !0),
+        n(oe) ? (S(), k("span", Wa, [_(f.$slots, "count", E($(n(X))), () => [ke(fe(n(le)), 1)])])) : V("v-if", !0)
       ], 512),
-      ce(l(se), {
-        id: l(q),
+      ce(n(se), {
+        id: n(q),
         class: "vv-textarea__hint"
       }, St({ _: 2 }, [
-        c.$slots.hint ? {
+        f.$slots.hint ? {
           name: "hint",
-          fn: N(() => [L(c.$slots, "hint", E($(l(r))))]),
+          fn: D(() => [_(f.$slots, "hint", E($(n(l))))]),
           key: "0"
         } : void 0,
-        c.$slots.loading ? {
+        f.$slots.loading ? {
           name: "loading",
-          fn: N(() => [L(c.$slots, "loading", E($(l(r))))]),
+          fn: D(() => [_(f.$slots, "loading", E($(n(l))))]),
           key: "1"
         } : void 0,
-        c.$slots.valid ? {
+        f.$slots.valid ? {
           name: "valid",
-          fn: N(() => [L(c.$slots, "valid", E($(l(r))))]),
+          fn: D(() => [_(f.$slots, "valid", E($(n(l))))]),
           key: "2"
         } : void 0,
-        c.$slots.invalid ? {
+        f.$slots.invalid ? {
           name: "invalid",
-          fn: N(() => [L(c.$slots, "invalid", E($(l(r))))]),
+          fn: D(() => [_(f.$slots, "invalid", E($(n(l))))]),
           key: "3"
         } : void 0
       ]), 1032, ["id"]),
-      l(ne) ? (w(), K(_a, {
+      n(ne) ? (S(), K(_a, {
         key: 1,
         ref_key: "suggestionsDropdownEl",
-        ref: v,
-        reference: l(m),
+        ref: h,
+        reference: n(b),
         "autofocus-first": !1,
         "trigger-width": !0
       }, {
-        items: N(() => [(w(!0), B(Ne, null, _t(l(J), (D) => (w(), K(Va, {
-          key: D,
-          onClick: qe((ht) => Oe(D), ["stop"])
+        items: D(() => [(S(!0), k(De, null, _t(n(J), (B) => (S(), K(Ca, {
+          key: B,
+          onClick: qe((ht) => Oe(B), ["stop"])
         }, {
-          default: N(() => [z("div", Wa, [L(c.$slots, "suggestion", k({ ref_for: !0 }, { value: D }), () => [Be(fe(D), 1)])]), l(h) && l(Y) ? (w(), B("button", {
+          default: D(() => [z("div", qa, [_(f.$slots, "suggestion", N({ ref_for: !0 }, { value: B }), () => [ke(fe(B), 1)])]), n(g) && n(Y) ? (S(), k("button", {
             key: 0,
             type: "button",
             tabindex: "-1",
             class: "cursor-pointer",
-            title: l(O),
-            onClick: qe((ht) => ie(D), ["stop"])
-          }, [ce(Ce, k({ ref_for: !0 }, l(Y)), null, 16)], 8, qa)) : C("v-if", !0)]),
+            title: n(O),
+            onClick: qe((ht) => ie(B), ["stop"])
+          }, [ce(Ve, N({ ref_for: !0 }, n(Y)), null, 16)], 8, Ja)) : V("v-if", !0)]),
           _: 2
         }, 1032, ["onClick"]))), 128))]),
         _: 3
-      }, 8, ["reference"])) : C("v-if", !0)
+      }, 8, ["reference"])) : V("v-if", !0)
     ], 2));
   }
-}), oo = Ka;
+}), lo = Ua;
 export {
-  oo as default
+  lo as default
 };