@volverjs/ui-vue 0.0.13-beta.9 → 0.0.13

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

@@ -1,8 +1,8 @@
-import { Fragment as ke, Transition as yt, computed as n, createBlock as J, createCommentVNode as V, createElementBlock as C, createElementVNode as T, createSlots as St, createTextVNode as De, createVNode as ve, defineComponent as R, guardReactiveProps as $, h as Y, inject as ot, isRef as Ae, mergeDefaults as wt, mergeProps as k, nextTick as ie, normalizeClass as Fe, normalizeProps as E, normalizeStyle as qe, onMounted as lt, openBlock as w, provide as je, ref as _, renderList as _t, renderSlot as L, toDisplayString as de, toHandlers as Lt, toRefs as G, unref as r, useAttrs as xt, useId as $t, useSlots as Et, vModelText as Ot, vShow as Pt, watch as A, withCtx as N, withDirectives as rt, withModifiers as Je } from "vue";
-import { arrow as It, autoPlacement as Ke, autoUpdate as Vt, flip as Ue, offset as Ve, shift as Ye, size as Ge, useFloating as Ct } from "@floating-ui/vue";
-import { onClickOutside as Bt, onKeyStroke as se, 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 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 At from "mitt";
-import { Icon as Ft, addIcon as jt, iconLoaded as Ce } from "@iconify/vue";
+import { Icon as Ft, addIcon as jt, iconLoaded as Ve } from "@iconify/vue";
 var ut = {
   showPassword: "eye-on",
   hidePassword: "eye-off",
@@ -14,29 +14,27 @@ var ut = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, Ht = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), Tt = { prefix: Ht.normal }, K = /* @__PURE__ */ (function(e) {
+}, Ht = { 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;
-})({}), Rt = /* @__PURE__ */ (function(e) {
+})({}), Tt = /* @__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;
-})({}), fe = /* @__PURE__ */ (function(e) {
+})({}), pe = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
 })({}), Xe = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
-})({}), zt = /* @__PURE__ */ (function(e) {
+})({}), Rt = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), Mt = /* @__PURE__ */ (function(e) {
+})({}), zt = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
-})({}), Ne = /* @__PURE__ */ (function(e) {
+})({}), De = /* @__PURE__ */ (function(e) {
   return e.listbox = "listbox", e.menu = "menu", e;
 })({}), Ze = /* @__PURE__ */ (function(e) {
   return e.option = "option", e.presentation = "presentation", e;
-})({}), Wt = /* @__PURE__ */ Symbol.for("volver"), qt = /* @__PURE__ */ Symbol.for("dropdownTrigger"), vt = /* @__PURE__ */ Symbol.for("dropdownItem"), Jt = /* @__PURE__ */ Symbol.for("dropdownAction"), Kt = {
+})({}), Mt = /* @__PURE__ */ Symbol.for("volver"), Wt = /* @__PURE__ */ Symbol.for("dropdownTrigger"), vt = /* @__PURE__ */ Symbol.for("dropdownItem"), qt = /* @__PURE__ */ Symbol.for("dropdownAction"), Jt = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -44,7 +42,7 @@ var ut = {
     type: String,
     default: "noopener noreferrer"
   }
-}, He = {
+}, je = {
   valid: {
     type: Boolean,
     default: !1
@@ -53,7 +51,7 @@ var ut = {
     type: [String, Array],
     default: void 0
   }
-}, Te = {
+}, He = {
   invalid: {
     type: Boolean,
     default: !1
@@ -62,7 +60,7 @@ var ut = {
     type: [String, Array],
     default: void 0
   }
-}, Re = {
+}, Te = {
   loading: {
     type: Boolean,
     default: !1
@@ -71,22 +69,22 @@ var ut = {
     type: String,
     default: "Loading..."
   }
-}, Q = { disabled: {
+}, te = { disabled: {
   type: Boolean,
   default: !1
 } }, ft = { required: {
   type: Boolean,
   default: !1
-} }, Ut = { selected: {
+} }, Kt = { selected: {
   type: Boolean,
   default: !1
-} }, Yt = { active: {
+} }, Ut = { active: {
   type: Boolean,
   default: !1
-} }, Gt = { current: {
+} }, Yt = { current: {
   type: Boolean,
   default: !1
-} }, eo = {
+} }, Za = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -99,22 +97,22 @@ var ut = {
     type: String,
     default: "Clear"
   }
-}, Qt = { pressed: {
+}, Gt = { pressed: {
   type: Boolean,
   default: !1
-} }, ce = { label: {
+} }, me = { label: {
   type: [String, Number],
   default: void 0
-} }, ze = { readonly: {
+} }, Re = { readonly: {
   type: Boolean,
   default: !1
-} }, X = { modifiers: {
+} }, ae = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, Me = { hintLabel: {
+} }, ze = { hintLabel: {
   type: String,
   default: ""
-} }, Xt = {
+} }, Qt = {
   options: {
     type: Array,
     default: () => []
@@ -131,7 +129,7 @@ var ut = {
     type: [String, Function],
     default: "disabled"
   }
-}, Zt = { count: {
+}, Xt = { count: {
   type: [Boolean, String],
   default: !1,
   validator: (e) => [
@@ -140,33 +138,33 @@ var ut = {
     "limit",
     "countdown"
   ].includes(e)
-} }, ea = { debounce: {
+} }, Zt = { debounce: {
   type: [Number, String],
   default: void 0
-} }, ta = {
+} }, ea = {
   icon: {
     type: [String, Object],
     default: void 0
   },
   iconPosition: {
     type: String,
-    default: fe.before,
-    validation: (e) => Object.values(fe).includes(e)
+    default: pe.before,
+    validation: (e) => Object.values(pe).includes(e)
   }
 }, ct = { tabindex: {
   type: [String, Number],
   default: 0
-} }, aa = { floating: {
+} }, ta = { floating: {
   type: Boolean,
   default: !1
-} }, oa = { unselectable: {
+} }, aa = { unselectable: {
   type: Boolean,
   default: !0
-} }, pt = { id: [String, Number] }, la = {
+} }, pt = { id: [String, Number] }, oa = {
   placement: {
     type: String,
     default: x.bottom,
-    validator: (e) => Object.values(x).includes(e) || Object.values(Rt).includes(e)
+    validator: (e) => Object.values(x).includes(e) || Object.values(Tt).includes(e)
   },
   strategy: {
     type: String,
@@ -226,26 +224,26 @@ var ut = {
 }, ra = { autofocus: {
   type: Boolean,
   default: !1
-} }, na = { autocomplete: {
+} }, la = { autocomplete: {
   type: String,
   default: "off"
-} }, ia = {
+} }, na = {
   ...mt,
   ...ra,
-  ...na,
+  ...la,
   ...ct,
-  ...Q,
-  ...ze,
+  ...te,
+  ...Re,
+  ...je,
   ...He,
+  ...ze,
   ...Te,
-  ...Me,
-  ...Re,
-  ...X,
+  ...ae,
+  ...Xt,
   ...Zt,
   ...ea,
   ...ta,
-  ...aa,
-  ...ce,
+  ...me,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -259,17 +257,17 @@ var ut = {
     default: void 0
   },
   ...ft
-}, to = {
+}, eo = {
   ...mt,
   ...ct,
+  ...je,
   ...He,
-  ...Te,
-  ...Me,
-  ...Q,
   ...ze,
-  ...X,
-  ...ce,
+  ...te,
   ...Re,
+  ...ae,
+  ...me,
+  ...Te,
   value: {
     type: [
       String,
@@ -287,16 +285,16 @@ var ut = {
     ],
     default: void 0
   }
-}, ao = {
+}, to = {
+  ...je,
   ...He,
-  ...Te,
-  ...Xt,
-  ...Me,
-  ...Q,
+  ...Qt,
   ...ze,
-  ...X,
-  ...ce,
+  ...te,
   ...Re,
+  ...ae,
+  ...me,
+  ...Te,
   ...ft,
   modelValue: {
     type: [
@@ -316,13 +314,13 @@ var ut = {
     type: Boolean,
     default: !1
   }
-}, oo = {
-  ...Q,
-  ...ce,
-  ...Qt,
-  ...Yt,
+}, ao = {
+  ...te,
+  ...me,
   ...Gt,
-  ...Kt,
+  ...Ut,
+  ...Yt,
+  ...Jt,
   type: {
     type: String,
     default: Xe.button,
@@ -334,23 +332,23 @@ var ut = {
   },
   defaultTag: {
     type: String,
-    default: zt.button
+    default: Rt.button
   }
-}, sa = {
+}, ia = {
   storageType: {
     type: String,
-    default: K.local,
-    validator: (e) => Object.values(K).includes(e)
+    default: U.local,
+    validator: (e) => Object.values(U).includes(e)
   },
   storageKey: String
-}, ua = {
+}, sa = {
   hard: "hard",
   soft: "soft"
-}, da = {
+}, ua = {
   true: !0,
   false: !1,
   default: "default"
-}, va = [
+}, da = [
   "update:modelValue",
   "focus",
   "blur",
@@ -358,8 +356,8 @@ var ut = {
   "suggestion:selected",
   "suggestion:removed"
 ], et = {
+  ...na,
   ...ia,
-  ...sa,
   modelValue: String,
   cols: {
     type: [String, Number],
@@ -371,11 +369,11 @@ var ut = {
   },
   wrap: {
     type: String,
-    default: ua.soft
+    default: sa.soft
   },
   spellcheck: {
     type: [Boolean, String],
-    default: da.default
+    default: ua.default
   },
   iconRemoveSuggestion: {
     type: [String, Object],
@@ -395,20 +393,20 @@ var ut = {
   },
   resizable: Boolean
 };
-function ue(e) {
-  return ((a) => a == null || a === "" || Array.isArray(a) && a.length === 0 || !(a instanceof Date) && typeof a == "object" && Object.keys(a).length === 0)(r(e));
+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));
 }
-function fa(e) {
+function va(e) {
   return typeof e == "string";
 }
 function tt(e) {
-  return Array.isArray(e) ? e.filter((a) => fa(a)).join(" ") : e;
+  return Array.isArray(e) ? e.filter((a) => va(a)).join(" ") : e;
 }
-function ca(e, a) {
-  const t = n(() => Ae(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))), S = n(() => !f.value && !m.value && !v.value && !!(a.hint || d.value)), u = n(() => m.value || v.value || f.value || S.value);
+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);
   return {
     hasInvalidLabelOrSlot: m,
-    hasHintLabelOrSlot: S,
+    hasHintLabelOrSlot: y,
     hasValidLabelOrSlot: v,
     hasLoadingLabelOrSlot: f,
     hintSlotScope: n(() => ({
@@ -417,7 +415,7 @@ function ca(e, a) {
       invalid: t.value.invalid,
       loading: t.value.loading
     })),
-    HintSlot: R({
+    HintSlot: M({
       name: "HintSlot",
       props: { tag: {
         type: String,
@@ -433,23 +431,23 @@ function ca(e, a) {
           hasInvalidLabelOrSlot: m,
           hasValidLabelOrSlot: v,
           hasLoadingLabelOrSlot: f,
-          hasHintLabelOrSlot: S
+          hasHintLabelOrSlot: y
         };
       },
       render() {
         if (this.isVisible) {
-          let b;
-          return this.hasInvalidLabelOrSlot && (b = "alert"), this.hasValidLabelOrSlot && (b = "status"), this.hasLoadingLabelOrSlot ? Y(this.tag, { role: b }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? Y(this.tag, { role: b }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? Y(this.tag, { role: b }, this.$slots.valid?.() ?? this.validLabel) : Y(this.tag, { role: b }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
+          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);
         }
         return null;
       }
     })
   };
 }
-var pa = {
+var ca = {
   ...pt,
-  ...la,
-  ...X,
+  ...oa,
+  ...ae,
   modelValue: {
     type: Boolean,
     default: void 0
@@ -460,17 +458,17 @@ var pa = {
   },
   role: {
     type: String,
-    default: Ne.menu,
-    validator: (e) => Object.values(Ne).includes(e)
+    default: De.menu,
+    validator: (e) => Object.values(De).includes(e)
   }
-}, ma = { focusOnHover: {
+}, pa = { focusOnHover: {
   type: Boolean,
   default: !1
-} }, ba = {
-  ...Q,
-  ...Ut,
-  ...oa,
-  ...X,
+} }, ma = {
+  ...te,
+  ...Kt,
+  ...aa,
+  ...ae,
   deselectHintLabel: { type: String },
   selectHintLabel: { type: String },
   selectedHintLabel: { type: String },
@@ -479,17 +477,17 @@ var pa = {
     default: !1
   }
 };
-function bt(e) {
+function gt(e) {
   return n(() => String(e?.value || $t()));
 }
 function ga({ reference: e, id: a, expanded: t, aria: o }) {
   const i = At();
   return {
     bus: i,
-    component: R({
+    component: M({
       name: "VvDropdownTriggerProvider",
       setup() {
-        je(qt, {
+        Fe(Wt, {
           reference: e,
           id: a,
           expanded: t,
@@ -498,45 +496,45 @@ function ga({ reference: e, id: a, expanded: t, aria: o }) {
         });
       },
       render() {
-        return Y(ke, {}, this.$slots.default?.());
+        return Z(Ne, {}, this.$slots.default?.());
       }
     })
   };
 }
-function ha({ role: e, ...a }) {
-  const t = n(() => e.value === Ne.listbox ? Ze.option : Ze.presentation);
-  return je(vt, {
+function ba({ role: e, ...a }) {
+  const t = n(() => e.value === De.listbox ? Ze.option : Ze.presentation);
+  return Fe(vt, {
     role: t,
     ...a
   }), { itemRole: t };
 }
-function ya({ expanded: e }) {
-  je(Jt, {
-    role: _(Mt.menuitem),
+function ha({ expanded: e }) {
+  Fe(qt, {
+    role: _(zt.menuitem),
     expanded: e
   });
 }
-function pe(e, a, t) {
+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) => {
       s && (o[`${e}--${s}`] = !0);
     }), t && Object.keys(t.value).forEach((s) => {
-      o[`${e}--${s}`] = r(t.value[s]);
+      o[`${e}--${s}`] = l(t.value[s]);
     }), o;
   });
 }
-var Sa = [
+var ya = [
   "id",
   "tabindex",
   "role",
   "aria-labelledby"
-], wa = {
+], Sa = {
   name: "VvDropdown",
   inheritAttrs: !1
-}, _a = /* @__PURE__ */ R({
-  ...wa,
-  props: pa,
+}, wa = /* @__PURE__ */ M({
+  ...Sa,
+  props: ca,
   emits: [
     "update:modelValue",
     "beforeEnter",
@@ -555,13 +553,13 @@ var Sa = [
     "leaveCancelled"
   ],
   setup(e, { expose: a, emit: t }) {
-    const o = e, i = t, { id: s } = G(o), d = bt(s), f = xt(), m = _("auto"), v = _("auto"), S = _(), u = _(), b = _(), P = _(), O = n({
-      get: () => o.reference ?? S.value,
-      set: (l) => {
-        S.value = l;
+    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;
       }
     }), F = _(!1);
-    lt(() => {
+    rt(() => {
       Nt(u.value, () => {
         F.value = window.getComputedStyle(u.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
       }, {
@@ -569,158 +567,161 @@ var Sa = [
         window
       });
     });
-    const Z = n(() => {
-      const l = [];
-      if (o.autoPlacement ? typeof o.autoPlacement == "boolean" ? l.push(Ke()) : l.push(Ke(o.autoPlacement)) : o.flip && (typeof o.flip == "boolean" ? l.push(Ue({ fallbackStrategy: "initialPlacement" })) : l.push(Ue(o.flip))), o.shift && (typeof o.shift == "boolean" ? l.push(Ye()) : l.push(Ye(o.shift))), o.size) {
-        const g = ({ availableWidth: Oe, availableHeight: Pe }) => {
-          m.value = `${Oe}px`, v.value = `${Pe}px`;
+    function j(r, p, T) {
+      return typeof r == "boolean" ? p() : T(r);
+    }
+    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`;
         };
-        typeof o.size == "boolean" ? l.push(Ge({ apply: g })) : l.push(Ge({
-          ...o.size,
-          apply: g
-        }));
+        r.push(j(o.size, () => Ge({ apply: p }), (T) => Ge({
+          ...T,
+          apply: p
+        })));
       }
-      return o.offset && (l.push(Ve(Number(o.offset))), ["string", "number"].includes(typeof o.offset) ? l.push(Ve(Number(o.offset))) : l.push(Ve(o.offset))), o.arrow && l.push(It({ element: b })), l;
-    }), { x: ee, y: me, middlewareData: z, placement: be, strategy: ge } = Ct(O, u, {
-      whileElementsMounted: (...l) => Vt(...l, { animationFrame: o.strategy === dt.fixed }),
+      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),
-      middleware: Z
-    }), he = n(() => {
+      middleware: oe
+    }), we = n(() => {
       if (F.value) return;
-      const l = o.triggerWidth && O.value ? `${O.value?.offsetWidth}px` : void 0;
+      const r = o.triggerWidth && O.value ? `${O.value?.offsetWidth}px` : void 0;
       return {
-        position: ge.value,
-        top: `${me.value ?? 0}px`,
-        left: `${ee.value ?? 0}px`,
-        maxWidth: l ? void 0 : m.value,
+        position: Se.value,
+        top: `${he.value ?? 0}px`,
+        left: `${be.value ?? 0}px`,
+        maxWidth: r ? void 0 : m.value,
         maxHeight: v.value,
-        width: l
+        width: r
       };
-    }), ye = n(() => be.value.split("-")[0]), Se = n(() => {
+    }), _e = n(() => ye.value.split("-")[0]), Le = n(() => {
       if (F.value) return;
-      const l = {
+      const r = {
         [x.top]: x.bottom,
         [x.right]: x.left,
         [x.bottom]: x.top,
         [x.left]: x.right
-      }[ye.value];
+      }[_e.value];
       return {
-        left: z.value.arrow?.x !== void 0 ? `${z.value.arrow?.x}px` : void 0,
-        top: z.value.arrow?.y !== void 0 ? `${z.value.arrow?.y}px` : void 0,
-        [l]: `${-(b.value?.offsetWidth ?? 0) / 2}px`
+        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`
       };
-    }), U = kt(o, "modelValue", i), M = _(!1), p = n({
-      get: () => U.value ?? M.value,
-      set: (l) => {
-        if (U.value === void 0) {
-          M.value = l;
+    }), H = kt(o, "modelValue", i), q = _(!1), b = n({
+      get: () => H.value ?? q.value,
+      set: (r) => {
+        if (H.value === void 0) {
+          q.value = r;
           return;
         }
-        U.value = l;
+        H.value = r;
       }
     });
-    function j() {
-      p.value = !0;
-    }
-    function y() {
-      p.value = !1;
+    function S() {
+      b.value = !0;
     }
     function I() {
-      p.value = !p.value;
+      b.value = !1;
+    }
+    function V() {
+      b.value = !b.value;
     }
-    function W(l) {
-      O.value = l;
+    function Y(r) {
+      O.value = r;
     }
     Bt(u, () => {
-      !o.keepOpen && p.value && (p.value = !1);
+      !o.keepOpen && b.value && (b.value = !1);
     }, { ignore: [O] });
-    const te = n(() => O.value?.getAttribute?.("id") ?? void 0), q = n(() => ({
+    const G = n(() => O.value?.getAttribute?.("id") ?? void 0), re = n(() => ({
       "aria-controls": d.value,
       "aria-haspopup": !0,
-      "aria-expanded": p.value
-    })), { component: we, bus: _e } = ga({
+      "aria-expanded": b.value
+    })), { component: xe, bus: $e } = ga({
       reference: O,
       id: d,
-      expanded: p,
-      aria: q
+      expanded: b,
+      aria: re
     });
-    _e.on("click", I);
-    const { role: ae, modifiers: oe } = G(o), Le = pe("vv-dropdown", oe, n(() => ({ arrow: o.arrow }))), { focused: B } = st(u);
-    function h(l) {
-      return l ? [...l.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((g) => !g.hasAttribute("disabled") && !g.getAttribute("aria-hidden")) : [];
+    $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")) : [];
     }
-    function le() {
-      ie(() => {
-        const l = h(u.value);
-        l.length > 0 && l[0].focus({ preventScroll: !0 });
+    function ne() {
+      ue(() => {
+        const r = J(u.value);
+        r.length > 0 && r[0].focus({ preventScroll: !0 });
       });
     }
-    function xe() {
-      ie(() => {
-        const l = h(P.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 });
       });
     }
-    function re() {
-      ie(() => {
-        if (B.value) {
-          const l = h(u.value);
-          if (l.length === 0 || !document.activeElement) return;
-          const g = l.indexOf(document.activeElement);
-          g < l.length - 1 ? l[g + 1].focus({ preventScroll: !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 });
         }
       });
     }
-    function ne() {
-      ie(() => {
-        if (B.value) {
-          const l = h(u.value);
-          if (l.length === 0 || !document.activeElement) return;
-          const g = l.indexOf(document.activeElement);
-          if (g > 0) {
-            l[g - 1].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 });
             return;
           }
-          l.at(-1)?.focus({ preventScroll: !0 });
+          r.at(-1)?.focus({ preventScroll: !0 });
         }
       });
     }
-    A(p, (l) => {
-      l && o.autofocusFirst && le();
+    A(b, (r) => {
+      r && o.autofocusFirst && ne();
     }), a({
-      toggle: I,
-      show: j,
-      hide: y,
-      init: W,
-      focusFirst: le,
-      focusFirstListElement: xe,
-      focusNext: re,
-      focusPrev: ne,
+      toggle: V,
+      show: S,
+      hide: I,
+      init: Y,
+      focusFirst: ne,
+      focusFirstListElement: Oe,
+      focusNext: ie,
+      focusPrev: se,
       customPosition: F
     });
-    const { itemRole: $e } = ha({
-      role: ae,
-      expanded: p,
-      focused: B,
+    const { itemRole: Pe } = ba({
+      role: Q,
+      expanded: b,
+      focused: h,
       hovered: nt(u)
     });
-    se("Escape", (l) => {
-      p.value && (l.preventDefault(), y());
-    }), se("ArrowDown", (l) => {
-      p.value && B.value && (l.preventDefault(), re());
-    }), se("ArrowUp", (l) => {
-      p.value && B.value && (l.preventDefault(), ne());
-    }), se([" ", "Enter"], (l) => {
-      const g = l.target;
-      p.value && B.value && g && g?.click();
+    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();
     });
-    const Ee = {
+    const Ie = {
       "before-enter": () => {
-        i(p.value ? "beforeExpand" : "beforeCollapse"), i("beforeEnter");
+        i(b.value ? "beforeExpand" : "beforeCollapse"), i("beforeEnter");
       },
       "after-leave": () => {
-        i(p.value ? "afterExpand" : "afterCollapse"), i("afterLeave");
+        i(b.value ? "afterExpand" : "afterCollapse"), i("afterLeave");
       },
       enter: () => {
         i("enter");
@@ -741,104 +742,104 @@ var Sa = [
         i("leaveCancelled");
       }
     };
-    return (l, g) => (w(), C(ke, null, [ve(r(we), null, {
-      default: N(() => [L(l.$slots, "default", E($({
-        init: W,
-        show: j,
-        hide: y,
-        toggle: I,
-        expanded: r(p),
-        aria: r(q)
+    return (r, p) => (w(), B(Ne, null, [ce(l(xe), null, {
+      default: N(() => [L(r.$slots, "default", E($({
+        init: Y,
+        show: S,
+        hide: I,
+        toggle: V,
+        expanded: l(b),
+        aria: l(re)
       })))]),
       _: 3
-    }), ve(yt, k({ name: l.transitionName }, Lt(Ee), { persisted: "" }), {
-      default: N(() => [rt(T("div", {
+    }), ce(yt, k({ name: r.transitionName }, Lt(Ie), { persisted: "" }), {
+      default: N(() => [lt(z("div", {
         ref_key: "floatingEl",
         ref: u,
-        style: qe(r(he)),
-        class: Fe(r(Le))
+        style: We(l(we)),
+        class: Ae(l(le))
       }, [
-        o.arrow ? (w(), C("div", {
+        o.arrow ? (w(), B("div", {
           key: 0,
           ref_key: "arrowEl",
-          ref: b,
-          style: qe(r(Se)),
+          ref: g,
+          style: We(l(Le)),
           class: "vv-dropdown__arrow"
-        }, null, 4)) : V("v-if", !0),
-        L(l.$slots, "before", E($({
-          show: j,
-          hide: y,
-          toggle: I,
-          expanded: r(p)
+        }, null, 4)) : C("v-if", !0),
+        L(r.$slots, "before", E($({
+          show: S,
+          hide: I,
+          toggle: V,
+          expanded: l(b)
         }))),
-        T("div", k(r(f), {
-          id: r(d),
+        z("div", k(l(f), {
+          id: l(d),
           ref_key: "listEl",
           ref: P,
-          tabindex: r(p) ? void 0 : -1,
-          role: r(ae),
-          "aria-labelledby": r(te),
+          tabindex: l(b) ? void 0 : -1,
+          role: l(Q),
+          "aria-labelledby": l(G),
           class: "vv-dropdown__list"
-        }), [L(l.$slots, "items", E($({
-          show: j,
-          hide: y,
-          toggle: I,
-          expanded: r(p),
-          role: r($e)
-        })))], 16, Sa),
-        L(l.$slots, "after", E($({
-          show: j,
-          hide: y,
-          toggle: I,
-          expanded: r(p)
+        }), [L(r.$slots, "items", E($({
+          show: S,
+          hide: I,
+          toggle: V,
+          expanded: l(b),
+          role: l(Pe)
+        })))], 16, ya),
+        L(r.$slots, "after", E($({
+          show: S,
+          hide: I,
+          toggle: V,
+          expanded: l(b)
         })))
-      ], 6), [[Pt, r(p)]])]),
+      ], 6), [[Pt, l(b)]])]),
       _: 3
     }, 16, ["name"])], 64));
   }
-}), La = _a;
-function xa() {
+}), _a = wa;
+function La() {
   return ot(vt, {});
 }
-var $a = { name: "VvDropdownItem" }, Ea = /* @__PURE__ */ R({
-  ...$a,
-  props: ma,
+var xa = { name: "VvDropdownItem" }, $a = /* @__PURE__ */ M({
+  ...xa,
+  props: pa,
   setup(e) {
-    const a = e, { role: t, expanded: o } = xa(), i = _(null);
-    ya({ expanded: o });
+    const a = e, { role: t, expanded: o } = La(), i = _(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(), C("div", k({ role: r(t) }, {
+    }), (m, v) => (w(), B("div", k({ role: l(t) }, {
       ref_key: "element",
       ref: i,
-      class: ["vv-dropdown__item", { "focus-visible": r(d) || r(f) }]
+      class: ["vv-dropdown__item", { "focus-visible": l(d) || l(f) }]
     }), [L(m.$slots, "default")], 16));
   }
-}), Oa = Ea, Pa = ["title"], Ia = { name: "VvDropdownOption" }, Va = /* @__PURE__ */ R({
-  ...Ia,
-  props: ba,
+}), Ea = $a, Oa = ["title"], Pa = { name: "VvDropdownOption" }, Ia = /* @__PURE__ */ M({
+  ...Pa,
+  props: ma,
   setup(e) {
-    const a = e, { modifiers: t } = G(a), o = pe("vv-dropdown-option", t, n(() => ({
+    const a = e, { modifiers: t } = ee(a), o = ge("vv-dropdown-option", t, n(() => ({
       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(), J(Oa, {
-      class: Fe(r(o)),
+    return (s, d) => (w(), K(Ea, {
+      class: Ae(l(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"), T("span", {
+      default: N(() => [L(s.$slots, "default"), z("span", {
         class: "vv-dropdown-option__hint",
-        title: r(i)
+        title: l(i)
       }, [L(s.$slots, "hint", E($({
         disabled: s.disabled,
         selected: s.selected,
         unselectable: s.unselectable
-      })), () => [De(de(r(i)), 1)])], 8, Pa)]),
+      })), () => [Be(fe(l(i)), 1)])], 8, Oa)]),
       _: 3
     }, 8, [
       "class",
@@ -848,12 +849,12 @@ var $a = { name: "VvDropdownItem" }, Ea = /* @__PURE__ */ R({
       "focus-on-hover"
     ]));
   }
-}), Ca = Va;
-function We() {
-  return ot(Wt, void 0);
+}), Va = Ia;
+function Me() {
+  return ot(Mt, void 0);
 }
-var Ba = { name: "VvIcon" }, Da = /* @__PURE__ */ R({
-  ...Ba,
+var Ca = { name: "VvIcon" }, Ba = /* @__PURE__ */ M({
+  ...Ca,
   props: /* @__PURE__ */ wt({
     name: {},
     color: {},
@@ -871,33 +872,33 @@ var Ba = { name: "VvIcon" }, Da = /* @__PURE__ */ R({
     onLoad: { type: Function },
     svg: {},
     modifiers: {}
-  }, Tt),
+  }, Ht),
   setup(e) {
-    const a = e, t = n(() => typeof a.rotate == "string" ? Number.parseFloat(a.rotate) : a.rotate), o = _(!0), i = We(), { modifiers: s } = G(a), d = pe("vv-icon", s), f = n(() => a.provider || i?.iconsProvider), m = n(() => {
-      const u = a.name ?? "", b = `@${f.value}:${a.prefix}:${u}`;
-      if (Ce(b)) return b;
-      const P = i?.iconsCollections.find((O) => Ce(`@${f.value}:${O.prefix}:${u}`));
+    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;
     });
     function v(u) {
-      const b = typeof window < "u" ? new window.DOMParser() : null;
-      return b ? b.parseFromString(u, "text/html").querySelector("svg") : null;
+      const g = typeof window < "u" ? new window.DOMParser() : null;
+      return g ? g.parseFromString(u, "text/html").querySelector("svg") : null;
     }
-    function S(u) {
-      const b = v(u), P = b?.innerHTML.trim() || "";
-      b && P && jt(`@${f.value}:${a.prefix}:${a.name}`, {
+    function y(u) {
+      const g = v(u), P = g?.innerHTML.trim() || "";
+      g && P && jt(`@${f.value}:${a.prefix}:${a.name}`, {
         body: P,
-        height: b.viewBox.baseVal.height,
-        width: b.viewBox.baseVal.width
+        height: g.viewBox.baseVal.height,
+        width: g.viewBox.baseVal.width
       });
     }
-    return i && a.src && !Ce(`@${f.value}:${a.prefix}:${a.name}`) && (o.value = !1, i.fetchIcon(a.src).then((u) => {
-      u && S(u), o.value = !0;
+    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 && S(a.svg), (u, b) => r(o) ? (w(), J(r(Ft), k({
+    })), a.svg && y(a.svg), (u, g) => l(o) ? (w(), K(l(Ft), k({
       key: 0,
-      class: r(d)
+      class: l(d)
     }, {
       inline: e.inline,
       width: e.width,
@@ -905,14 +906,14 @@ var Ba = { name: "VvIcon" }, Da = /* @__PURE__ */ R({
       horizontalFlip: e.horizontalFlip,
       verticalFlip: e.verticalFlip,
       flip: e.flip,
-      rotate: r(t),
+      rotate: l(t),
       color: e.color,
-      icon: r(m)
-    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : V("v-if", !0);
+      icon: l(m)
+    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : C("v-if", !0);
   }
-}), Be = Da;
-function Na(e, a, t) {
-  const o = We(), i = n(() => {
+}), Ce = Ba;
+function Da(e, a, t) {
+  const o = Me(), i = n(() => {
     if (!(!o || !o.defaults.value?.[e]))
       return o.defaults.value[e];
   });
@@ -920,26 +921,26 @@ function Na(e, a, t) {
     if (i.value === void 0) return t;
     const s = i.value, d = a, f = t;
     return Object.keys(d).reduce((m, v) => {
-      const S = f[v];
-      if (m[v] = S, v in s) {
+      const y = f[v];
+      if (m[v] = y, v in s) {
         if (Array.isArray(d[v])) {
           const u = d[v];
-          u.length && u[0] === S && (m[v] = s[v]);
+          u.length && u[0] === y && (m[v] = s[v]);
         }
         if (typeof d[v] == "function") {
           const u = d[v];
-          u() === S && (m[v] = s[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(S) && (m[v] = s[v]) : u === S && (m[v] = s[v]);
+          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;
     }, {});
   });
 }
-function ka(e, a, t = 0, { getter: o = (s) => s, setter: i = (s) => s } = {}) {
+function Na(e, a, t = 0, { getter: o = (s) => s, setter: i = (s) => s } = {}) {
   let s;
   return typeof t == "string" && (t = Number.parseInt(t)), n({
     get: () => o(e?.value),
@@ -951,7 +952,7 @@ function ka(e, a, t = 0, { getter: o = (s) => s, setter: i = (s) => s } = {}) {
   });
 }
 function at(e, a) {
-  const t = n(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), o = n(() => a?.value === fe.before ? t.value : void 0), i = n(() => a?.value === fe.after ? t.value : void 0);
+  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);
   return {
     hasIcon: t,
     hasIconLeft: n(() => a?.value === x.left ? t.value : void 0),
@@ -962,39 +963,39 @@ function at(e, a) {
     hasIconAfter: i
   };
 }
-function Aa(e, a) {
+function ka(e, a) {
   const { focused: t } = it(e);
   return A(t, (o) => {
-    a(o ? "focus" : "blur", r(e));
+    a(o ? "focus" : "blur", l(e));
   }), { focused: t };
 }
-function Fa(e, a) {
-  const t = n(() => (r(e) ?? "").length), o = n(() => a?.lowerLimit !== void 0 && t.value < a?.lowerLimit ? t.value - a.lowerLimit : a?.upperLimit !== void 0 && t.value < a?.upperLimit ? a.upperLimit - t.value : 0);
+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);
   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 : t.value)
+    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)
   };
 }
-function ja(e, a = K.local, t) {
+function Fa(e, a = U.local, t) {
   const o = _();
   t && (o.value = t);
   let i;
-  return lt(() => {
+  return rt(() => {
     e && A(e, (s, d) => {
-      const f = r(a) === K.session ? sessionStorage : localStorage;
+      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);
         return;
       }
       i = void 0;
-    }, { immediate: !0 }), Ae(a) && A(a, (s, d) => {
+    }, { immediate: !0 }), ke(a) && A(a, (s, d) => {
       if (e?.value) {
         if (s) {
-          const f = s === K.session ? sessionStorage : localStorage;
+          const f = s === U.session ? sessionStorage : localStorage;
           i = Qe(e.value, i?.value ?? o.value, f);
         }
-        d && d !== s && (d === K.session ? sessionStorage : localStorage).removeItem(e.value);
+        d && d !== s && (d === U.session ? sessionStorage : localStorage).removeItem(e.value);
       }
     });
   }), A(o, (s) => {
@@ -1004,64 +1005,64 @@ function ja(e, a = K.local, t) {
     immediate: !0
   }), o;
 }
-var Ha = ["for"], Ta = {
+var ja = ["for"], Ha = {
   key: 0,
   class: "vv-textarea__input-before"
-}, Ra = { class: "vv-textarea__inner" }, za = ["id"], Ma = {
+}, Ta = { class: "vv-textarea__inner" }, Ra = ["id"], za = {
   key: 1,
   class: "vv-textarea__input-after"
-}, Wa = {
+}, Ma = {
   key: 2,
   class: "vv-textarea__limit"
-}, qa = { class: "flex-1" }, Ja = ["title", "onClick"], Ka = { name: "VvTextarea" }, Ua = /* @__PURE__ */ R({
-  ...Ka,
+}, Wa = { class: "flex-1" }, qa = ["title", "onClick"], Ja = { name: "VvTextarea" }, Ka = /* @__PURE__ */ M({
+  ...Ja,
   props: et,
-  emits: va,
+  emits: da,
   setup(e, { emit: a }) {
-    const t = e, o = a, i = Et(), s = We(), d = Na("VvTextarea", et, t), f = _(), m = _(), v = _(), { id: S, icon: u, iconPosition: b, iconRemoveSuggestion: P, labelRemoveSuggestion: O, label: F, modelValue: Z, count: ee, valid: me, invalid: z, loading: be, modifiers: ge, debounce: he, minlength: ye, maxlength: Se, storageType: U } = G(t), M = bt(S), p = n(() => `${M.value}-hint`), j = n(() => t.floating && ue(t.placeholder) ? " " : t.placeholder), y = ka(Z, o, he?.value), { hasIconBefore: I, hasIconAfter: W } = at(u, b), { hasIcon: te } = at(P), { focused: q } = Aa(f, o);
-    A(n(() => q.value && !t.disabled && !t.readonly), (c) => {
+    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();
         return;
       }
-      if (oe.value && h.value) {
-        const H = t.maxSuggestions;
-        h.value.size >= H && !h.value.has(y.value) && (h.value = new Set([...h.value].slice(h.value.size - H + 1))), h.value.add(y.value);
+      if (Q.value && h.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);
       }
     }), A(Dt(f), (c) => {
-      c && t.autofocus && (q.value = !0);
+      c && t.autofocus && (G.value = !0);
     });
-    const { formatted: we } = Fa(y, {
-      mode: ee?.value,
-      upperLimit: Number(Se?.value),
-      lowerLimit: Number(ye?.value)
-    }), _e = n(() => !t.disabled && !t.readonly), ae = n(() => _e.value ? t.tabindex : -1), oe = n(() => !ue(Z)), Le = n(() => {
+    const { formatted: re } = Aa(S, {
+      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(() => {
       if (t.invalid === !0) return !0;
       if (t.valid === !0) return !1;
-    }), B = n(() => t.storageKey ?? (s?.experimentalFeatures.forceInputSuggestions ? t.name : void 0)), h = ja(B, U, /* @__PURE__ */ new Set()), le = n(() => h.value ? [...h.value].filter((c) => ue(y.value) || `${c}`.toLowerCase().includes(`${y.value}`.toLowerCase()) && c !== y.value).reverse() : []), xe = n(() => B?.value && h.value && h.value.size > 0);
-    function re(c) {
-      y.value = c, v.value?.hide(), o("suggestion:selected", c);
+    }), 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);
     }
-    function ne(c) {
+    function ie(c) {
       h.value?.delete(c), o("suggestion:removed", c);
     }
-    const { HintSlot: $e, hasHintLabelOrSlot: Ee, hasInvalidLabelOrSlot: l, hintSlotScope: g } = ca(d, i), Oe = pe("vv-textarea", ge, n(() => ({
-      valid: me.value,
-      invalid: z.value,
-      loading: be.value,
+    const { HintSlot: se, hasHintLabelOrSlot: Pe, hasInvalidLabelOrSlot: Ie, hintSlotScope: r } = fa(d, i), p = ge("vv-textarea", ye, n(() => ({
+      valid: be.value,
+      invalid: he.value,
+      loading: W.value,
       disabled: t.disabled,
       readonly: t.readonly,
       required: t.required,
       "icon-before": I.value !== void 0,
-      "icon-after": W.value !== void 0,
-      floating: t.floating && !ue(t.label),
-      dirty: oe.value,
-      focus: q.value,
+      "icon-after": V.value !== void 0,
+      floating: t.floating && !ve(t.label),
+      dirty: Q.value,
+      focus: G.value,
       resizable: t.resizable
-    }))), Pe = n(() => ({
+    }))), T = n(() => ({
       name: t.name,
-      placeholder: j.value,
-      tabindex: ae.value,
+      placeholder: b.value,
+      tabindex: $e.value,
       disabled: t.disabled,
       readonly: t.readonly,
       required: t.required,
@@ -1072,98 +1073,98 @@ var Ha = ["for"], Ta = {
       rows: t.rows,
       wrap: t.wrap,
       spellcheck: t.spellcheck,
-      "aria-invalid": Le.value,
-      "aria-describedby": Ee.value ? p.value : void 0,
-      "aria-errormessage": l.value ? p.value : void 0
-    })), Ie = n(() => ({
+      "aria-invalid": Ee.value,
+      "aria-describedby": Pe.value ? q.value : void 0,
+      "aria-errormessage": Ie.value ? q.value : void 0
+    })), X = n(() => ({
       valid: t.valid,
       invalid: t.invalid,
       modelValue: t.modelValue,
       hintLabel: t.hintLabel,
       maxlength: t.maxlength,
       minlength: t.minlength,
-      clear: gt
+      clear: bt
     }));
-    function gt() {
-      y.value = void 0;
+    function bt() {
+      S.value = void 0;
     }
-    return (c, H) => (w(), C("div", { class: Fe(r(Oe)) }, [
-      r(F) ? (w(), C("label", {
+    return (c, R) => (w(), B("div", { class: Ae(l(p)) }, [
+      l(F) ? (w(), B("label", {
         key: 0,
-        for: r(M),
+        for: l(H),
         class: "vv-textarea__label"
-      }, de(r(F)), 9, Ha)) : V("v-if", !0),
-      T("div", {
+      }, fe(l(F)), 9, ja)) : C("v-if", !0),
+      z("div", {
         ref_key: "wrapperEl",
         ref: m,
         class: "vv-textarea__wrapper"
       }, [
-        c.$slots.before ? (w(), C("div", Ta, [L(c.$slots, "before", E($(r(Ie))))])) : V("v-if", !0),
-        T("div", Ra, [
-          r(I) ? (w(), J(Be, k({ key: 0 }, r(I), { class: "vv-textarea__icon" }), null, 16)) : V("v-if", !0),
-          rt(T("textarea", k({
-            id: r(M),
+        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),
             ref_key: "textareaEl",
             ref: f,
-            "onUpdate:modelValue": H[0] || (H[0] = (D) => Ae(y) ? y.value = D : null)
-          }, r(Pe), { onKeyup: H[1] || (H[1] = (D) => o("keyup", D)) }), null, 16, za), [[Ot, r(y)]]),
-          r(W) ? (w(), J(Be, k({ key: 1 }, r(W), { class: "vv-textarea__icon vv-textarea__icon-after" }), null, 16)) : V("v-if", !0)
+            "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)
         ]),
-        c.$slots.after ? (w(), C("div", Ma, [L(c.$slots, "after", E($(r(Ie))))])) : V("v-if", !0),
-        r(ee) ? (w(), C("span", Wa, [L(c.$slots, "count", E($(r(Ie))), () => [De(de(r(we)), 1)])])) : 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)
       ], 512),
-      ve(r($e), {
-        id: r(p),
+      ce(l(se), {
+        id: l(q),
         class: "vv-textarea__hint"
       }, St({ _: 2 }, [
         c.$slots.hint ? {
           name: "hint",
-          fn: N(() => [L(c.$slots, "hint", E($(r(g))))]),
+          fn: N(() => [L(c.$slots, "hint", E($(l(r))))]),
           key: "0"
         } : void 0,
         c.$slots.loading ? {
           name: "loading",
-          fn: N(() => [L(c.$slots, "loading", E($(r(g))))]),
+          fn: N(() => [L(c.$slots, "loading", E($(l(r))))]),
           key: "1"
         } : void 0,
         c.$slots.valid ? {
           name: "valid",
-          fn: N(() => [L(c.$slots, "valid", E($(r(g))))]),
+          fn: N(() => [L(c.$slots, "valid", E($(l(r))))]),
           key: "2"
         } : void 0,
         c.$slots.invalid ? {
           name: "invalid",
-          fn: N(() => [L(c.$slots, "invalid", E($(r(g))))]),
+          fn: N(() => [L(c.$slots, "invalid", E($(l(r))))]),
           key: "3"
         } : void 0
       ]), 1032, ["id"]),
-      r(xe) ? (w(), J(La, {
+      l(ne) ? (w(), K(_a, {
         key: 1,
         ref_key: "suggestionsDropdownEl",
         ref: v,
-        reference: r(m),
+        reference: l(m),
         "autofocus-first": !1,
         "trigger-width": !0
       }, {
-        items: N(() => [(w(!0), C(ke, null, _t(r(le), (D) => (w(), J(Ca, {
+        items: N(() => [(w(!0), B(Ne, null, _t(l(J), (D) => (w(), K(Va, {
           key: D,
-          onClick: Je((ht) => re(D), ["stop"])
+          onClick: qe((ht) => Oe(D), ["stop"])
         }, {
-          default: N(() => [T("div", qa, [L(c.$slots, "suggestion", k({ ref_for: !0 }, { value: D }), () => [De(de(D), 1)])]), r(h) && r(te) ? (w(), C("button", {
+          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", {
             key: 0,
             type: "button",
             tabindex: "-1",
             class: "cursor-pointer",
-            title: r(O),
-            onClick: Je((ht) => ne(D), ["stop"])
-          }, [ve(Be, k({ ref_for: !0 }, r(te)), null, 16)], 8, Ja)) : V("v-if", !0)]),
+            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)]),
           _: 2
         }, 1032, ["onClick"]))), 128))]),
         _: 3
-      }, 8, ["reference"])) : V("v-if", !0)
+      }, 8, ["reference"])) : C("v-if", !0)
     ], 2));
   }
-}), lo = Ua;
+}), oo = Ka;
 export {
-  lo as default
+  oo as default
 };