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

package/dist/components/VvSelect/VvSelect.es.js

@@ -1,4 +1,4 @@
-import { Fragment as ae, computed as o, createBlock as w, createCommentVNode as S, createElementBlock as h, createElementVNode as le, createSlots as Ue, createVNode as qe, defineComponent as R, guardReactiveProps as I, h as P, inject as ze, isRef as ge, mergeDefaults as Ye, mergeProps as D, normalizeClass as Me, normalizeProps as L, openBlock as y, ref as he, renderList as ve, renderSlot as C, toDisplayString as E, toRefs as ne, unref as r, useId as We, useSlots as xe, vModelSelect as Qe, watch as ie, withCtx as A, withDirectives as Xe } from "vue";
+import { Fragment as ae, computed as o, createBlock as N, createCommentVNode as S, createElementBlock as h, createElementVNode as le, createSlots as Te, createVNode as xe, defineComponent as E, guardReactiveProps as B, h as P, inject as Ge, isRef as ye, mergeDefaults as Ue, mergeProps as F, normalizeClass as Je, normalizeProps as $, openBlock as g, ref as he, renderList as ve, renderSlot as I, toDisplayString as w, toRefs as ne, unref as r, useId as We, useSlots as Ye, vModelSelect as Qe, watch as ie, withCtx as j, withDirectives as Xe } from "vue";
 import { Icon as Ze, addIcon as et, iconLoaded as re } from "@iconify/vue";
 import { useElementVisibility as tt, useFocus as at } from "@vueuse/core";
 import { getProperty as oe } from "dot-prop";
@@ -13,24 +13,21 @@ var lt = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, rt = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), ot = { prefix: rt.normal }, fe = /* @__PURE__ */ (function(e) {
+}, rt = { prefix: "normal" }, fe = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
-})({}), it = /* @__PURE__ */ (function(e) {
+})({}), ot = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
-})({}), B = /* @__PURE__ */ (function(e) {
+})({}), V = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), nt = /* @__PURE__ */ (function(e) {
+})({}), it = /* @__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;
-})({}), j = /* @__PURE__ */ (function(e) {
+})({}), D = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
 })({}), ce = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
-})({}), ut = /* @__PURE__ */ (function(e) {
+})({}), nt = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), st = /* @__PURE__ */ Symbol.for("volver");
-var dt = {
+})({}), st = /* @__PURE__ */ Symbol.for("volver"), ut = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -38,7 +35,7 @@ var dt = {
     type: String,
     default: "noopener noreferrer"
   }
-}, T = {
+}, q = {
   valid: {
     type: Boolean,
     default: !1
@@ -47,7 +44,7 @@ var dt = {
     type: [String, Array],
     default: void 0
   }
-}, k = {
+}, z = {
   invalid: {
     type: Boolean,
     default: !1
@@ -56,7 +53,7 @@ var dt = {
     type: [String, Array],
     default: void 0
   }
-}, G = {
+}, H = {
   loading: {
     type: Boolean,
     default: !1
@@ -65,19 +62,19 @@ var dt = {
     type: String,
     default: "Loading..."
   }
-}, N = { disabled: {
+}, _ = { disabled: {
   type: Boolean,
   default: !1
 } }, me = { required: {
   type: Boolean,
   default: !1
-} }, vt = { active: {
+} }, dt = { active: {
   type: Boolean,
   default: !1
-} }, ft = { current: {
+} }, vt = { current: {
   type: Boolean,
   default: !1
-} }, ct = {
+} }, ft = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -90,19 +87,19 @@ var dt = {
     type: String,
     default: "Clear"
   }
-}, pt = { pressed: {
+}, ct = { pressed: {
   type: Boolean,
   default: !1
-} }, $ = { label: {
+} }, C = { label: {
   type: [String, Number],
   default: void 0
-} }, K = { readonly: {
+} }, R = { readonly: {
   type: Boolean,
   default: !1
-} }, J = { modifiers: {
+} }, K = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, H = { hintLabel: {
+} }, M = { hintLabel: {
   type: String,
   default: ""
 } }, Se = {
@@ -122,7 +119,7 @@ var dt = {
     type: [String, Function],
     default: "disabled"
   }
-}, bt = { count: {
+}, pt = { count: {
   type: [Boolean, String],
   default: !1,
   validator: (e) => [
@@ -131,7 +128,7 @@ var dt = {
     "limit",
     "countdown"
   ].includes(e)
-} }, yt = { debounce: {
+} }, bt = { debounce: {
   type: [Number, String],
   default: void 0
 } }, Oe = {
@@ -141,28 +138,28 @@ var dt = {
   },
   iconPosition: {
     type: String,
-    default: j.before,
-    validation: (e) => Object.values(j).includes(e)
+    default: D.before,
+    validation: (e) => Object.values(D).includes(e)
   }
-}, ue = { tabindex: {
+}, se = { tabindex: {
   type: [String, Number],
   default: 0
-} }, _e = { floating: {
+} }, Le = { floating: {
   type: Boolean,
   default: !1
 } }, gt = { unselectable: {
   type: Boolean,
   default: !0
-} }, ht = { id: [String, Number] }, Ut = {
+} }, yt = { id: [String, Number] }, Mt = {
   placement: {
     type: String,
-    default: B.bottom,
-    validator: (e) => Object.values(B).includes(e) || Object.values(nt).includes(e)
+    default: V.bottom,
+    validator: (e) => Object.values(V).includes(e) || Object.values(it).includes(e)
   },
   strategy: {
     type: String,
     default: void 0,
-    validator: (e) => Object.values(it).includes(e)
+    validator: (e) => Object.values(ot).includes(e)
   },
   transitionName: {
     type: String,
@@ -208,35 +205,35 @@ var dt = {
     type: Boolean,
     default: !1
   }
-}, se = {
-  ...ht,
+}, ue = {
+  ...yt,
   name: {
     type: String,
     required: !0
   }
-}, Ie = { autofocus: {
+}, Be = { autofocus: {
   type: Boolean,
   default: !1
-} }, Le = { autocomplete: {
+} }, $e = { autocomplete: {
   type: String,
   default: "off"
-} }, qt = {
-  ...se,
-  ...Ie,
-  ...Le,
+} }, Tt = {
   ...ue,
-  ...N,
-  ...K,
-  ...T,
-  ...k,
+  ...Be,
+  ...$e,
+  ...se,
+  ..._,
+  ...R,
+  ...q,
+  ...z,
+  ...M,
   ...H,
-  ...G,
-  ...J,
+  ...K,
+  ...pt,
   ...bt,
-  ...yt,
   ...Oe,
-  ..._e,
-  ...$,
+  ...Le,
+  ...C,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -250,17 +247,17 @@ var dt = {
     default: void 0
   },
   ...me
-}, zt = {
-  ...se,
+}, xt = {
   ...ue,
-  ...T,
-  ...k,
-  ...H,
-  ...N,
+  ...se,
+  ...q,
+  ...z,
+  ...M,
+  ..._,
+  ...R,
   ...K,
-  ...J,
-  ...$,
-  ...G,
+  ...C,
+  ...H,
   value: {
     type: [
       String,
@@ -278,16 +275,16 @@ var dt = {
     ],
     default: void 0
   }
-}, Yt = {
-  ...T,
-  ...k,
+}, Gt = {
+  ...q,
+  ...z,
   ...Se,
-  ...H,
-  ...N,
+  ...M,
+  ..._,
+  ...R,
   ...K,
-  ...J,
-  ...$,
-  ...G,
+  ...C,
+  ...H,
   ...me,
   modelValue: {
     type: [
@@ -307,13 +304,13 @@ var dt = {
     type: Boolean,
     default: !1
   }
-}, Mt = {
-  ...N,
-  ...$,
-  ...pt,
-  ...vt,
-  ...ft,
+}, Ut = {
+  ..._,
+  ...C,
+  ...ct,
   ...dt,
+  ...vt,
+  ...ut,
   type: {
     type: String,
     default: ce.button,
@@ -325,9 +322,9 @@ var dt = {
   },
   defaultTag: {
     type: String,
-    default: ut.button
+    default: nt.button
   }
-}, Wt = {
+}, Jt = {
   storageType: {
     type: String,
     default: fe.local,
@@ -335,23 +332,23 @@ var dt = {
   },
   storageKey: String
 }, pe = {
-  ...se,
-  ...Ie,
-  ...Le,
   ...ue,
-  ...T,
-  ...k,
+  ...Be,
+  ...$e,
+  ...se,
+  ...q,
+  ...z,
+  ...M,
   ...H,
-  ...G,
-  ...N,
+  ..._,
+  ...R,
   ...K,
-  ...J,
   ...Se,
   ...Oe,
-  ..._e,
+  ...Le,
   ...gt,
-  ...$,
-  ...ct,
+  ...C,
+  ...ft,
   multiple: Boolean,
   required: Boolean,
   size: [String, Number],
@@ -381,14 +378,14 @@ function be() {
     }
   };
 }
-function mt(e) {
+function ht(e) {
   return typeof e == "string";
 }
-function ye(e) {
-  return Array.isArray(e) ? e.filter((l) => mt(l)).join(" ") : e;
+function ge(e) {
+  return Array.isArray(e) ? e.filter((l) => ht(l)).join(" ") : e;
 }
-function St(e, l) {
-  const t = o(() => ge(e) ? e.value : e), u = o(() => ye(t.value.invalidLabel)), s = o(() => ye(t.value.validLabel)), d = o(() => t.value.loadingLabel), f = o(() => t.value.hintLabel), c = o(() => !!(t.value.loading && (l.loading || d.value))), p = o(() => !c.value && !!(t.value.invalid && (l.invalid || u.value))), a = o(() => !c.value && !p.value && !!(t.value.valid && (l.valid || s.value))), b = o(() => !c.value && !p.value && !a.value && !!(l.hint || f.value)), n = o(() => p.value || a.value || c.value || b.value);
+function mt(e, l) {
+  const t = o(() => ye(e) ? e.value : e), s = o(() => ge(t.value.invalidLabel)), u = o(() => ge(t.value.validLabel)), d = o(() => t.value.loadingLabel), f = o(() => t.value.hintLabel), c = o(() => !!(t.value.loading && (l.loading || d.value))), p = o(() => !c.value && !!(t.value.invalid && (l.invalid || s.value))), a = o(() => !c.value && !p.value && !!(t.value.valid && (l.valid || u.value))), b = o(() => !c.value && !p.value && !a.value && !!(l.hint || f.value)), n = o(() => p.value || a.value || c.value || b.value);
   return {
     hasInvalidLabelOrSlot: p,
     hasHintLabelOrSlot: b,
@@ -400,7 +397,7 @@ function St(e, l) {
       invalid: t.value.invalid,
       loading: t.value.loading
     })),
-    HintSlot: R({
+    HintSlot: E({
       name: "HintSlot",
       props: { tag: {
         type: String,
@@ -409,8 +406,8 @@ function St(e, l) {
       setup() {
         return {
           isVisible: n,
-          invalidLabel: u,
-          validLabel: s,
+          invalidLabel: s,
+          validLabel: u,
           loadingLabel: d,
           hintLabel: f,
           hasInvalidLabelOrSlot: p,
@@ -429,22 +426,22 @@ function St(e, l) {
     })
   };
 }
-function Ce() {
-  return ze(st, void 0);
+function Ie() {
+  return Ge(st, void 0);
 }
 function Pe(e, l, t) {
   return o(() => {
-    const u = { [e]: !0 }, s = typeof l?.value == "string" ? l.value.split(" ") : l?.value;
-    return s && Array.isArray(s) && s.forEach((d) => {
-      d && (u[`${e}--${d}`] = !0);
+    const s = { [e]: !0 }, u = typeof l?.value == "string" ? l.value.split(" ") : l?.value;
+    return u && Array.isArray(u) && u.forEach((d) => {
+      d && (s[`${e}--${d}`] = !0);
     }), t && Object.keys(t.value).forEach((d) => {
-      u[`${e}--${d}`] = r(t.value[d]);
-    }), u;
+      s[`${e}--${d}`] = r(t.value[d]);
+    }), s;
   });
 }
-var Ot = { name: "VvIcon" }, _t = /* @__PURE__ */ R({
-  ...Ot,
-  props: /* @__PURE__ */ Ye({
+var St = { name: "VvIcon" }, Ot = /* @__PURE__ */ E({
+  ...St,
+  props: /* @__PURE__ */ Ue({
     name: {},
     color: {},
     width: {},
@@ -461,12 +458,12 @@ var Ot = { name: "VvIcon" }, _t = /* @__PURE__ */ R({
     onLoad: { type: Function },
     svg: {},
     modifiers: {}
-  }, ot),
+  }, rt),
   setup(e) {
-    const l = e, t = o(() => typeof l.rotate == "string" ? Number.parseFloat(l.rotate) : l.rotate), u = he(!0), s = Ce(), { modifiers: d } = ne(l), f = Pe("vv-icon", d), c = o(() => l.provider || s?.iconsProvider), p = o(() => {
+    const l = e, t = o(() => typeof l.rotate == "string" ? Number.parseFloat(l.rotate) : l.rotate), s = he(!0), u = Ie(), { modifiers: d } = ne(l), f = Pe("vv-icon", d), c = o(() => l.provider || u?.iconsProvider), p = o(() => {
       const n = l.name ?? "", v = `@${c.value}:${l.prefix}:${n}`;
       if (re(v)) return v;
-      const O = s?.iconsCollections.find((U) => re(`@${c.value}:${U.prefix}:${n}`));
+      const O = u?.iconsCollections.find((T) => re(`@${c.value}:${T.prefix}:${n}`));
       return O ? `@${c.value}:${O.prefix}:${n}` : n;
     });
     function a(n) {
@@ -481,11 +478,11 @@ var Ot = { name: "VvIcon" }, _t = /* @__PURE__ */ R({
         width: v.viewBox.baseVal.width
       });
     }
-    return s && l.src && !re(`@${c.value}:${l.prefix}:${l.name}`) && (u.value = !1, s.fetchIcon(l.src).then((n) => {
-      n && b(n), u.value = !0;
+    return u && l.src && !re(`@${c.value}:${l.prefix}:${l.name}`) && (s.value = !1, u.fetchIcon(l.src).then((n) => {
+      n && b(n), s.value = !0;
     }).catch((n) => {
-      throw u.value = !0, new Error(`Error during fetch icon: ${n?.message}`);
-    })), l.svg && b(l.svg), (n, v) => r(u) ? (y(), w(r(Ze), D({
+      throw s.value = !0, new Error(`Error during fetch icon: ${n?.message}`);
+    })), l.svg && b(l.svg), (n, v) => r(s) ? (g(), N(r(Ze), F({
       key: 0,
       class: r(f)
     }, {
@@ -500,21 +497,21 @@ var Ot = { name: "VvIcon" }, _t = /* @__PURE__ */ R({
       icon: r(p)
     }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : S("v-if", !0);
   }
-}), F = _t;
-function Be(e, l) {
-  const t = o(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), u = o(() => l?.value === j.before ? t.value : void 0), s = o(() => l?.value === j.after ? t.value : void 0);
+}), k = Ot;
+function Ve(e, l) {
+  const t = o(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), s = o(() => l?.value === D.before ? t.value : void 0), u = o(() => l?.value === D.after ? t.value : void 0);
   return {
     hasIcon: t,
-    hasIconLeft: o(() => l?.value === B.left ? t.value : void 0),
-    hasIconRight: o(() => l?.value === B.right ? t.value : void 0),
-    hasIconTop: o(() => l?.value === B.top ? t.value : void 0),
-    hasIconBottom: o(() => l?.value === B.bottom ? t.value : void 0),
-    hasIconBefore: u,
-    hasIconAfter: s
+    hasIconLeft: o(() => l?.value === V.left ? t.value : void 0),
+    hasIconRight: o(() => l?.value === V.right ? t.value : void 0),
+    hasIconTop: o(() => l?.value === V.top ? t.value : void 0),
+    hasIconBottom: o(() => l?.value === V.bottom ? t.value : void 0),
+    hasIconBefore: s,
+    hasIconAfter: u
   };
 }
-var It = R({
-  components: { VvIcon: F },
+var Lt = E({
+  components: { VvIcon: k },
   props: {
     inputType: {
       type: String,
@@ -535,17 +532,17 @@ var It = R({
   },
   emits: ["clear"],
   setup(e, { emit: l }) {
-    const { hasIcon: t } = Be(o(() => e.icon));
-    function u(s) {
-      s?.stopPropagation(), e.disabled || l("clear");
+    const { hasIcon: t } = Ve(o(() => e.icon));
+    function s(u) {
+      u?.stopPropagation(), e.disabled || l("clear");
     }
     return {
       hasIcon: t,
-      onClick: u
+      onClick: s
     };
   },
   render() {
-    const e = this.hasIcon ? P(F, {
+    const e = this.hasIcon ? P(k, {
       ...this.hasIcon,
       class: `vv-${this.inputType}__icon`
     }) : void 0;
@@ -558,14 +555,14 @@ var It = R({
     }, e);
   }
 });
-function Lt(e, l, t) {
-  const u = Ce(), s = o(() => {
-    if (!(!u || !u.defaults.value?.[e]))
-      return u.defaults.value[e];
+function Bt(e, l, t) {
+  const s = Ie(), u = o(() => {
+    if (!(!s || !s.defaults.value?.[e]))
+      return s.defaults.value[e];
   });
   return o(() => {
-    if (s.value === void 0) return t;
-    const d = s.value, f = l, c = t;
+    if (u.value === void 0) return t;
+    const d = u.value, f = l, c = t;
     return Object.keys(f).reduce((p, a) => {
       const b = c[a];
       if (p[a] = b, a in d) {
@@ -586,33 +583,33 @@ function Lt(e, l, t) {
     }, {});
   });
 }
-function Ct(e, l) {
+function $t(e, l) {
   const { focused: t } = at(e);
-  return ie(t, (u) => {
-    l(u ? "focus" : "blur", r(e));
+  return ie(t, (s) => {
+    l(s ? "focus" : "blur", r(e));
   }), { focused: t };
 }
-function Pt(e) {
+function It(e) {
   return o(() => String(e?.value || We()));
 }
-function Bt(e) {
-  const { options: l, labelKey: t, valueKey: u, disabledKey: s } = ne(e);
+function Pt(e) {
+  const { options: l, labelKey: t, valueKey: s, disabledKey: u } = ne(e);
   return {
     options: l,
     getOptionLabel: (a) => typeof a == "string" ? a : typeof t.value == "function" ? t.value(a) : String(t.value ? oe(a, t.value) : a),
-    getOptionValue: (a) => typeof a == "string" ? a : typeof u.value == "function" ? u.value(a) : u.value ? oe(a, u.value) : a,
-    isOptionDisabled: (a) => typeof a == "string" ? !1 : typeof s.value == "function" ? s.value(a) : s.value ? !!oe(a, s.value) : !1,
+    getOptionValue: (a) => typeof a == "string" ? a : typeof s.value == "function" ? s.value(a) : s.value ? oe(a, s.value) : a,
+    isOptionDisabled: (a) => typeof a == "string" ? !1 : typeof u.value == "function" ? u.value(a) : u.value ? !!oe(a, u.value) : !1,
     getOptionGrouped: (a) => typeof a == "string" ? [] : typeof a == "object" && a && "options" in a ? a.options : []
   };
 }
-var Nt = ["for"], $t = { class: "vv-select__wrapper" }, Vt = {
+var Vt = ["for"], _t = { class: "vv-select__wrapper" }, Ct = {
   key: 0,
   class: "vv-select__input-before"
-}, Et = { class: "vv-select__inner" }, At = ["id"], wt = ["disabled", "hidden"], Dt = ["disabled", "value"], jt = ["disabled", "label"], Ft = ["disabled", "value"], Rt = {
+}, At = { class: "vv-select__inner" }, wt = ["id"], jt = ["disabled", "hidden"], Nt = ["disabled", "value"], Ft = ["disabled", "label"], Dt = ["disabled", "value"], kt = {
   key: 2,
   class: "vv-select__input-after"
-}, Tt = { name: "VvSelect" }, kt = /* @__PURE__ */ R({
-  ...Tt,
+}, Et = { name: "VvSelect" }, qt = /* @__PURE__ */ E({
+  ...Et,
   props: be(),
   emits: [
     "update:modelValue",
@@ -621,139 +618,139 @@ var Nt = ["for"], $t = { class: "vv-select__wrapper" }, Vt = {
     "clear"
   ],
   setup(e, { emit: l }) {
-    const t = e, u = l, s = xe(), d = Lt("VvSelect", be(), t), f = he(), { HintSlot: c, hasHintLabelOrSlot: p, hasInvalidLabelOrSlot: a, hintSlotScope: b } = St(d, s), { focused: n } = Ct(f, u);
+    const t = e, s = l, u = Ye(), d = Bt("VvSelect", be(), t), f = he(), { HintSlot: c, hasHintLabelOrSlot: p, hasInvalidLabelOrSlot: a, hintSlotScope: b } = mt(d, u), { focused: n } = $t(f, s);
     function v(i) {
       return typeof i == "string" ? !1 : i.options?.length;
     }
-    const { id: O, modifiers: U, disabled: Ne, readonly: $e, loading: Ve, icon: Ee, iconPosition: Ae, invalid: we, valid: De, floating: je, multiple: Fe } = ne(t), q = Pt(O), z = o(() => `${q.value}-hint`), V = o(() => t.disabled || t.readonly), Re = o(() => V.value ? -1 : t.tabindex), g = o({
+    const { id: O, modifiers: T, disabled: _e, readonly: Ce, loading: Ae, icon: we, iconPosition: je, invalid: Ne, valid: Fe, floating: De, multiple: ke } = ne(t), x = It(O), G = o(() => `${x.value}-hint`), A = o(() => t.disabled || t.readonly), Ee = o(() => A.value ? -1 : t.tabindex), y = o({
       get: () => t.modelValue,
       set: (i) => {
-        if (Array.isArray(i) && (i = i.filter((_) => _ !== void 0), i.length === 0 && !t.unselectable && f.value)) {
+        if (Array.isArray(i) && (i = i.filter((L) => L !== void 0), i.length === 0 && !t.unselectable && f.value)) {
           f.value.value = String(t.modelValue);
           return;
         }
-        u("update:modelValue", i);
+        s("update:modelValue", i);
       }
-    }), Y = o(() => Array.isArray(g.value) ? g.value.length > 0 : g.value !== void 0 && g.value !== null), M = o(() => V.value ? !1 : t.unselectable);
+    }), U = o(() => Array.isArray(y.value) ? y.value.length > 0 : y.value !== void 0 && y.value !== null), J = o(() => A.value ? !1 : t.unselectable);
     ie(tt(f), (i) => {
       i && t.autofocus && (n.value = !0);
     });
-    const { hasIconBefore: W, hasIconAfter: x } = Be(Ee, Ae), Te = o(() => {
+    const { hasIconBefore: W, hasIconAfter: Y } = Ve(we, je), qe = o(() => {
       if (t.invalid === !0) return !0;
       if (t.valid === !0) return !1;
-    }), ke = Pe("vv-select", U, o(() => ({
-      valid: De.value,
-      invalid: we.value,
-      loading: Ve.value,
-      disabled: Ne.value,
-      readonly: $e.value,
+    }), ze = Pe("vv-select", T, o(() => ({
+      valid: Fe.value,
+      invalid: Ne.value,
+      loading: Ae.value,
+      disabled: _e.value,
+      readonly: Ce.value,
       "icon-before": W.value !== void 0,
-      "icon-after": x.value !== void 0,
-      dirty: Y.value,
-      focus: n.value && !V.value,
-      floating: je.value,
-      multiple: Fe.value
-    }))), { getOptionLabel: Q, getOptionValue: X, isOptionDisabled: Z, getOptionGrouped: Ge } = Bt(t);
+      "icon-after": Y.value !== void 0,
+      dirty: U.value,
+      focus: n.value && !A.value,
+      floating: De.value,
+      multiple: ke.value
+    }))), { getOptionLabel: Q, getOptionValue: X, isOptionDisabled: Z, getOptionGrouped: He } = Pt(t);
     ie(() => t.options, (i) => {
-      if (i?.length && t.autoselectFirst && !Y.value) {
-        const _ = X(i[0]);
-        g.value = t.multiple ? [_] : _;
+      if (i?.length && t.autoselectFirst && !U.value) {
+        const L = X(i[0]);
+        y.value = t.multiple ? [L] : L;
       }
     }, { immediate: !0 });
-    function Ke() {
-      Array.isArray(g.value) ? g.value = [] : g.value = void 0, u("clear");
+    function Re() {
+      Array.isArray(y.value) ? y.value = [] : y.value = void 0, s("clear");
     }
-    const Je = o(() => ({
+    const Ke = o(() => ({
       name: t.name,
-      tabindex: Re.value,
-      disabled: V.value,
+      tabindex: Ee.value,
+      disabled: A.value,
       required: t.required,
       size: t.size,
       autocomplete: t.autocomplete,
       multiple: t.multiple,
-      "aria-invalid": Te.value,
-      "aria-describedby": p.value ? z.value : void 0,
-      "aria-errormessage": a.value ? z.value : void 0
+      "aria-invalid": qe.value,
+      "aria-describedby": p.value ? G.value : void 0,
+      "aria-errormessage": a.value ? G.value : void 0
     })), de = o(() => ({
       valid: t.valid,
       invalid: t.invalid,
       modelValue: t.modelValue
     }));
-    return (i, _) => (y(), h("div", { class: Me(r(ke)) }, [
-      i.label ? (y(), h("label", {
+    return (i, L) => (g(), h("div", { class: Je(r(ze)) }, [
+      i.label ? (g(), h("label", {
         key: 0,
-        for: r(q)
-      }, E(i.label), 9, Nt)) : S("v-if", !0),
-      le("div", $t, [
-        i.$slots.before ? (y(), h("div", Vt, [C(i.$slots, "before", L(I(r(de))))])) : S("v-if", !0),
-        le("div", Et, [
-          r(W) ? (y(), w(F, D({ key: 0 }, r(W), { class: "vv-select__icon" }), null, 16)) : S("v-if", !0),
-          Xe(le("select", D({
-            id: r(q),
+        for: r(x)
+      }, w(i.label), 9, Vt)) : S("v-if", !0),
+      le("div", _t, [
+        i.$slots.before ? (g(), h("div", Ct, [I(i.$slots, "before", $(B(r(de))))])) : S("v-if", !0),
+        le("div", At, [
+          r(W) ? (g(), N(k, F({ key: 0 }, r(W), { class: "vv-select__icon" }), null, 16)) : S("v-if", !0),
+          Xe(le("select", F({
+            id: r(x),
             ref_key: "selectEl",
             ref: f
-          }, r(Je), { "onUpdate:modelValue": _[0] || (_[0] = (m) => ge(g) ? g.value = m : null) }), [i.placeholder ? (y(), h("option", {
+          }, r(Ke), { "onUpdate:modelValue": L[0] || (L[0] = (m) => ye(y) ? y.value = m : null) }), [i.placeholder ? (g(), h("option", {
             key: 0,
             value: void 0,
-            disabled: !r(M),
-            hidden: !r(M)
-          }, E(i.placeholder), 9, wt)) : S("v-if", !0), (y(!0), h(ae, null, ve(i.options, (m, ee) => (y(), h(ae, null, [v(m) ? (y(), h("optgroup", {
+            disabled: !r(J),
+            hidden: !r(J)
+          }, w(i.placeholder), 9, jt)) : S("v-if", !0), (g(!0), h(ae, null, ve(i.options, (m, ee) => (g(), h(ae, null, [v(m) ? (g(), h("optgroup", {
             key: `group-${ee}`,
             disabled: r(Z)(m),
             label: r(Q)(m)
-          }, [(y(!0), h(ae, null, ve(r(Ge)(m), (te, He) => (y(), h("option", {
-            key: `group-${ee}-item-${He}`,
+          }, [(g(!0), h(ae, null, ve(r(He)(m), (te, Me) => (g(), h("option", {
+            key: `group-${ee}-item-${Me}`,
             disabled: r(Z)(te),
             value: r(X)(te)
-          }, E(r(Q)(te)), 9, Ft))), 128))], 8, jt)) : (y(), h("option", {
+          }, w(r(Q)(te)), 9, Dt))), 128))], 8, Ft)) : (g(), h("option", {
             key: ee,
             disabled: r(Z)(m),
             value: r(X)(m)
-          }, E(r(Q)(m)), 9, Dt))], 64))), 256))], 16, At), [[Qe, r(g)]]),
-          r(x) ? (y(), w(F, D({ key: 1 }, r(x), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : S("v-if", !0)
+          }, w(r(Q)(m)), 9, Nt))], 64))), 256))], 16, wt), [[Qe, r(y)]]),
+          r(Y) ? (g(), N(k, F({ key: 1 }, r(Y), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : S("v-if", !0)
         ]),
-        r(M) && r(d).showClearAction ? (y(), w(r(It), {
+        r(J) && r(d).showClearAction ? (g(), N(r(Lt), {
           key: 1,
           "input-type": "select",
           label: i.labelClear,
           icon: i.iconClear,
-          disabled: !r(Y),
-          onClear: Ke
+          disabled: !r(U),
+          onClear: Re
         }, null, 8, [
           "label",
           "icon",
           "disabled"
         ])) : S("v-if", !0),
-        i.$slots.after ? (y(), h("div", Rt, [C(i.$slots, "after", L(I(r(de))))])) : S("v-if", !0)
+        i.$slots.after ? (g(), h("div", kt, [I(i.$slots, "after", $(B(r(de))))])) : S("v-if", !0)
       ]),
-      qe(r(c), {
-        id: r(z),
+      xe(r(c), {
+        id: r(G),
         class: "vv-select__hint"
-      }, Ue({ _: 2 }, [
+      }, Te({ _: 2 }, [
         i.$slots.hint ? {
           name: "hint",
-          fn: A(() => [C(i.$slots, "hint", L(I(r(b))))]),
+          fn: j(() => [I(i.$slots, "hint", $(B(r(b))))]),
           key: "0"
         } : void 0,
         i.$slots.loading ? {
           name: "loading",
-          fn: A(() => [C(i.$slots, "loading", L(I(r(b))))]),
+          fn: j(() => [I(i.$slots, "loading", $(B(r(b))))]),
           key: "1"
         } : void 0,
         i.$slots.valid ? {
           name: "valid",
-          fn: A(() => [C(i.$slots, "valid", L(I(r(b))))]),
+          fn: j(() => [I(i.$slots, "valid", $(B(r(b))))]),
           key: "2"
         } : void 0,
         i.$slots.invalid ? {
           name: "invalid",
-          fn: A(() => [C(i.$slots, "invalid", L(I(r(b))))]),
+          fn: j(() => [I(i.$slots, "invalid", $(B(r(b))))]),
           key: "3"
         } : void 0
       ]), 1032, ["id"])
     ], 2));
   }
-}), xt = kt;
+}), Wt = qt;
 export {
-  xt as default
+  Wt as default
 };