@volverjs/ui-vue 0.0.13 → 0.0.15

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

@@ -1,4 +1,4 @@
-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 { Fragment as ae, computed as o, createBlock as w, createCommentVNode as S, createElementBlock as h, createElementVNode as le, createSlots as Me, createVNode as xe, defineComponent as E, guardReactiveProps as B, h as P, inject as Ge, isRef as ge, mergeDefaults as Ue, mergeProps as N, normalizeClass as Je, normalizeProps as $, openBlock as c, ref as he, renderList as ve, renderSlot as I, toDisplayString as A, toRefs as ne, unref as l, 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";
@@ -17,11 +17,11 @@ var lt = {
   return e.local = "local", e.session = "session", e;
 })({}), ot = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
-})({}), V = /* @__PURE__ */ (function(e) {
+})({}), _ = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", 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;
-})({}), D = /* @__PURE__ */ (function(e) {
+})({}), F = /* @__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;
@@ -62,7 +62,7 @@ var lt = {
     type: String,
     default: "Loading..."
   }
-}, _ = { disabled: {
+}, C = { disabled: {
   type: Boolean,
   default: !1
 } }, me = { required: {
@@ -90,7 +90,7 @@ var lt = {
 }, ct = { pressed: {
   type: Boolean,
   default: !1
-} }, C = { label: {
+} }, V = { label: {
   type: [String, Number],
   default: void 0
 } }, R = { readonly: {
@@ -99,7 +99,7 @@ var lt = {
 } }, K = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, M = { hintLabel: {
+} }, T = { hintLabel: {
   type: String,
   default: ""
 } }, Se = {
@@ -138,8 +138,8 @@ var lt = {
   },
   iconPosition: {
     type: String,
-    default: D.before,
-    validation: (e) => Object.values(D).includes(e)
+    default: F.before,
+    validation: (e) => Object.values(F).includes(e)
   }
 }, se = { tabindex: {
   type: [String, Number],
@@ -147,14 +147,14 @@ var lt = {
 } }, Le = { floating: {
   type: Boolean,
   default: !1
-} }, gt = { unselectable: {
+} }, yt = { unselectable: {
   type: Boolean,
   default: !0
-} }, yt = { id: [String, Number] }, Mt = {
+} }, gt = { id: [String, Number] }, Mt = {
   placement: {
     type: String,
-    default: V.bottom,
-    validator: (e) => Object.values(V).includes(e) || Object.values(it).includes(e)
+    default: _.bottom,
+    validator: (e) => Object.values(_).includes(e) || Object.values(it).includes(e)
   },
   strategy: {
     type: String,
@@ -206,7 +206,7 @@ var lt = {
     default: !1
   }
 }, ue = {
-  ...yt,
+  ...gt,
   name: {
     type: String,
     required: !0
@@ -217,23 +217,23 @@ var lt = {
 } }, $e = { autocomplete: {
   type: String,
   default: "off"
-} }, Tt = {
+} }, xt = {
   ...ue,
   ...Be,
   ...$e,
   ...se,
-  ..._,
+  ...C,
   ...R,
   ...q,
   ...z,
-  ...M,
+  ...T,
   ...H,
   ...K,
   ...pt,
   ...bt,
   ...Oe,
   ...Le,
-  ...C,
+  ...V,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -247,16 +247,16 @@ var lt = {
     default: void 0
   },
   ...me
-}, xt = {
+}, Gt = {
   ...ue,
   ...se,
   ...q,
   ...z,
-  ...M,
-  ..._,
+  ...T,
+  ...C,
   ...R,
   ...K,
-  ...C,
+  ...V,
   ...H,
   value: {
     type: [
@@ -275,15 +275,15 @@ var lt = {
     ],
     default: void 0
   }
-}, Gt = {
+}, Ut = {
   ...q,
   ...z,
   ...Se,
-  ...M,
-  ..._,
+  ...T,
+  ...C,
   ...R,
   ...K,
-  ...C,
+  ...V,
   ...H,
   ...me,
   modelValue: {
@@ -304,9 +304,9 @@ var lt = {
     type: Boolean,
     default: !1
   }
-}, Ut = {
-  ..._,
+}, Jt = {
   ...C,
+  ...V,
   ...ct,
   ...dt,
   ...vt,
@@ -324,7 +324,7 @@ var lt = {
     type: String,
     default: nt.button
   }
-}, Jt = {
+}, Wt = {
   storageType: {
     type: String,
     default: fe.local,
@@ -338,16 +338,16 @@ var lt = {
   ...se,
   ...q,
   ...z,
-  ...M,
+  ...T,
   ...H,
-  ..._,
+  ...C,
   ...R,
   ...K,
   ...Se,
   ...Oe,
   ...Le,
-  ...gt,
-  ...C,
+  ...yt,
+  ...V,
   ...ft,
   multiple: Boolean,
   required: Boolean,
@@ -381,16 +381,16 @@ function be() {
 function ht(e) {
   return typeof e == "string";
 }
-function ge(e) {
-  return Array.isArray(e) ? e.filter((l) => ht(l)).join(" ") : e;
+function ye(e) {
+  return Array.isArray(e) ? e.filter((a) => ht(a)).join(" ") : e;
 }
-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);
+function mt(e, a) {
+  const t = o(() => ge(e) ? e.value : e), i = o(() => ye(t.value.invalidLabel)), n = o(() => ye(t.value.validLabel)), d = o(() => t.value.loadingLabel), p = o(() => t.value.hintLabel), v = o(() => !!(t.value.loading && (a.loading || d.value))), y = o(() => !v.value && !!(t.value.invalid && (a.invalid || i.value))), r = o(() => !v.value && !y.value && !!(t.value.valid && (a.valid || n.value))), b = o(() => !v.value && !y.value && !r.value && !!(a.hint || p.value)), u = o(() => y.value || r.value || v.value || b.value);
   return {
-    hasInvalidLabelOrSlot: p,
+    hasInvalidLabelOrSlot: y,
     hasHintLabelOrSlot: b,
-    hasValidLabelOrSlot: a,
-    hasLoadingLabelOrSlot: c,
+    hasValidLabelOrSlot: r,
+    hasLoadingLabelOrSlot: v,
     hintSlotScope: o(() => ({
       modelValue: t.value.modelValue,
       valid: t.value.valid,
@@ -405,21 +405,21 @@ function mt(e, l) {
       } },
       setup() {
         return {
-          isVisible: n,
-          invalidLabel: s,
-          validLabel: u,
+          isVisible: u,
+          invalidLabel: i,
+          validLabel: n,
           loadingLabel: d,
-          hintLabel: f,
-          hasInvalidLabelOrSlot: p,
-          hasValidLabelOrSlot: a,
-          hasLoadingLabelOrSlot: c,
+          hintLabel: p,
+          hasInvalidLabelOrSlot: y,
+          hasValidLabelOrSlot: r,
+          hasLoadingLabelOrSlot: v,
           hasHintLabelOrSlot: b
         };
       },
       render() {
         if (this.isVisible) {
-          let v;
-          return this.hasInvalidLabelOrSlot && (v = "alert"), this.hasValidLabelOrSlot && (v = "status"), this.hasLoadingLabelOrSlot ? P(this.tag, { role: v }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? P(this.tag, { role: v }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? P(this.tag, { role: v }, this.$slots.valid?.() ?? this.validLabel) : P(this.tag, { role: v }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
+          let f;
+          return this.hasInvalidLabelOrSlot && (f = "alert"), this.hasValidLabelOrSlot && (f = "status"), this.hasLoadingLabelOrSlot ? P(this.tag, { role: f }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? P(this.tag, { role: f }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? P(this.tag, { role: f }, this.$slots.valid?.() ?? this.validLabel) : P(this.tag, { role: f }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
         }
         return null;
       }
@@ -429,14 +429,14 @@ function mt(e, l) {
 function Ie() {
   return Ge(st, void 0);
 }
-function Pe(e, l, t) {
+function Pe(e, a, t) {
   return o(() => {
-    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);
+    const i = { [e]: !0 }, n = typeof a?.value == "string" ? a.value.split(" ") : a?.value;
+    return n && Array.isArray(n) && n.forEach((d) => {
+      d && (i[`${e}--${d}`] = !0);
     }), t && Object.keys(t.value).forEach((d) => {
-      s[`${e}--${d}`] = r(t.value[d]);
-    }), s;
+      i[`${e}--${d}`] = l(t.value[d]);
+    }), i;
   });
 }
 var St = { name: "VvIcon" }, Ot = /* @__PURE__ */ E({
@@ -460,31 +460,30 @@ var St = { name: "VvIcon" }, Ot = /* @__PURE__ */ E({
     modifiers: {}
   }, rt),
   setup(e) {
-    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 = u?.iconsCollections.find((T) => re(`@${c.value}:${T.prefix}:${n}`));
-      return O ? `@${c.value}:${O.prefix}:${n}` : n;
+    const a = e, t = o(() => typeof a.rotate == "string" ? Number.parseFloat(a.rotate) : a.rotate), i = he(!0), n = Ie(), { modifiers: d } = ne(a), p = Pe("vv-icon", d), v = o(() => a.provider || n?.iconsProvider), y = o(() => {
+      const u = a.name ?? "", f = `@${v.value}:${a.prefix}:${u}`;
+      if (re(f)) return f;
+      const O = n?.iconsCollections.find((M) => re(`@${v.value}:${M.prefix}:${u}`));
+      return O ? `@${v.value}:${O.prefix}:${u}` : u;
     });
-    function a(n) {
-      const v = typeof window < "u" ? new window.DOMParser() : null;
-      return v ? v.parseFromString(n, "text/html").querySelector("svg") : null;
+    function r(u) {
+      return globalThis.window === void 0 ? null : new globalThis.DOMParser().parseFromString(u, "text/html").querySelector("svg");
     }
-    function b(n) {
-      const v = a(n), O = v?.innerHTML.trim() || "";
-      v && O && et(`@${c.value}:${l.prefix}:${l.name}`, {
+    function b(u) {
+      const f = r(u), O = f?.innerHTML.trim() || "";
+      f && O && et(`@${v.value}:${a.prefix}:${a.name}`, {
         body: O,
-        height: v.viewBox.baseVal.height,
-        width: v.viewBox.baseVal.width
+        height: f.viewBox.baseVal.height,
+        width: f.viewBox.baseVal.width
       });
     }
-    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 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({
+    return n && a.src && !re(`@${v.value}:${a.prefix}:${a.name}`) && (i.value = !1, n.fetchIcon(a.src).then((u) => {
+      u && b(u), i.value = !0;
+    }).catch((u) => {
+      throw i.value = !0, new Error(`Error during fetch icon: ${u?.message}`);
+    })), a.svg && b(a.svg), (u, f) => l(i) ? (c(), w(l(Ze), N({
       key: 0,
-      class: r(f)
+      class: l(p)
     }, {
       inline: e.inline,
       width: e.width,
@@ -492,26 +491,26 @@ var St = { name: "VvIcon" }, Ot = /* @__PURE__ */ E({
       horizontalFlip: e.horizontalFlip,
       verticalFlip: e.verticalFlip,
       flip: e.flip,
-      rotate: r(t),
+      rotate: l(t),
       color: e.color,
-      icon: r(p)
+      icon: l(y)
     }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : S("v-if", !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);
+}), D = Ot;
+function _e(e, a) {
+  const t = o(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), i = o(() => a?.value === F.before ? t.value : void 0), n = o(() => a?.value === F.after ? t.value : void 0);
   return {
     hasIcon: t,
-    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
+    hasIconLeft: o(() => a?.value === _.left ? t.value : void 0),
+    hasIconRight: o(() => a?.value === _.right ? t.value : void 0),
+    hasIconTop: o(() => a?.value === _.top ? t.value : void 0),
+    hasIconBottom: o(() => a?.value === _.bottom ? t.value : void 0),
+    hasIconBefore: i,
+    hasIconAfter: n
   };
 }
 var Lt = E({
-  components: { VvIcon: k },
+  components: { VvIcon: D },
   props: {
     inputType: {
       type: String,
@@ -531,18 +530,18 @@ var Lt = E({
     }
   },
   emits: ["clear"],
-  setup(e, { emit: l }) {
-    const { hasIcon: t } = Ve(o(() => e.icon));
-    function s(u) {
-      u?.stopPropagation(), e.disabled || l("clear");
+  setup(e, { emit: a }) {
+    const { hasIcon: t } = _e(o(() => e.icon));
+    function i(n) {
+      n?.stopPropagation(), e.disabled || a("clear");
     }
     return {
       hasIcon: t,
-      onClick: s
+      onClick: i
     };
   },
   render() {
-    const e = this.hasIcon ? P(k, {
+    const e = this.hasIcon ? P(D, {
       ...this.hasIcon,
       class: `vv-${this.inputType}__icon`
     }) : void 0;
@@ -555,61 +554,59 @@ var Lt = E({
     }, e);
   }
 });
-function Bt(e, l, t) {
-  const s = Ie(), u = o(() => {
-    if (!(!s || !s.defaults.value?.[e]))
-      return s.defaults.value[e];
+function Bt(e, a, t) {
+  let i = a;
+  if (Array.isArray(e) && e.length) {
+    const n = e[0];
+    n() === a && (i = t);
+  }
+  if (typeof e == "function" && e() === a && (i = t), typeof e == "object") {
+    let n = e.default;
+    typeof n == "function" && (n = n()), (typeof n == "object" ? JSON.stringify(n) === JSON.stringify(a) : n === a) && (i = t);
+  }
+  return i;
+}
+function $t(e, a, t) {
+  const i = Ie(), n = o(() => {
+    if (i?.defaults.value?.[e])
+      return i.defaults.value[e];
   });
   return o(() => {
-    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) {
-        if (Array.isArray(f[a])) {
-          const n = f[a];
-          n.length && n[0] === b && (p[a] = d[a]);
-        }
-        if (typeof f[a] == "function") {
-          const n = f[a];
-          n() === b && (p[a] = d[a]);
-        }
-        if (typeof f[a] == "object") {
-          let n = f[a].default;
-          typeof n == "function" && (n = n()), typeof n == "object" ? JSON.stringify(n) === JSON.stringify(b) && (p[a] = d[a]) : n === b && (p[a] = d[a]);
-        }
-      }
-      return p;
+    if (n.value === void 0) return t;
+    const d = n.value, p = a, v = t;
+    return Object.keys(p).reduce((y, r) => {
+      const b = v[r];
+      return y[r] = r in d ? Bt(p[r], b, d[r]) : b, y;
     }, {});
   });
 }
-function $t(e, l) {
+function It(e, a) {
   const { focused: t } = at(e);
-  return ie(t, (s) => {
-    l(s ? "focus" : "blur", r(e));
+  return ie(t, (i) => {
+    a(i ? "focus" : "blur", l(e));
   }), { focused: t };
 }
-function It(e) {
+function Pt(e) {
   return o(() => String(e?.value || We()));
 }
-function Pt(e) {
-  const { options: l, labelKey: t, valueKey: s, disabledKey: u } = ne(e);
+function _t(e) {
+  const { options: a, labelKey: t, valueKey: i, disabledKey: n } = 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 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 : []
+    options: a,
+    getOptionLabel: (r) => typeof r == "string" ? r : typeof t.value == "function" ? t.value(r) : String(t.value ? oe(r, t.value) : r),
+    getOptionValue: (r) => typeof r == "string" ? r : typeof i.value == "function" ? i.value(r) : i.value ? oe(r, i.value) : r,
+    isOptionDisabled: (r) => typeof r == "string" ? !1 : typeof n.value == "function" ? n.value(r) : n.value ? !!oe(r, n.value) : !1,
+    getOptionGrouped: (r) => typeof r == "string" ? [] : typeof r == "object" && r && "options" in r ? r.options : []
   };
 }
-var Vt = ["for"], _t = { class: "vv-select__wrapper" }, Ct = {
+var Ct = ["for"], Vt = { class: "vv-select__wrapper" }, kt = {
   key: 0,
   class: "vv-select__input-before"
-}, At = { class: "vv-select__inner" }, wt = ["id"], jt = ["disabled", "hidden"], Nt = ["disabled", "value"], Ft = ["disabled", "label"], Dt = ["disabled", "value"], kt = {
+}, At = { class: "vv-select__inner" }, jt = ["id"], wt = ["disabled", "hidden"], Nt = ["disabled", "value"], Ft = ["disabled", "label"], Dt = ["disabled", "value"], Et = {
   key: 2,
   class: "vv-select__input-after"
-}, Et = { name: "VvSelect" }, qt = /* @__PURE__ */ E({
-  ...Et,
+}, qt = { name: "VvSelect" }, zt = /* @__PURE__ */ E({
+  ...qt,
   props: be(),
   emits: [
     "update:modelValue",
@@ -617,140 +614,140 @@ var Vt = ["for"], _t = { class: "vv-select__wrapper" }, Ct = {
     "blur",
     "clear"
   ],
-  setup(e, { emit: l }) {
-    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;
+  setup(e, { emit: a }) {
+    const t = e, i = a, n = Ye(), d = $t("VvSelect", be(), t), p = he(), { HintSlot: v, hasHintLabelOrSlot: y, hasInvalidLabelOrSlot: r, hintSlotScope: b } = mt(d, n), { focused: u } = It(p, i);
+    function f(s) {
+      return typeof s == "string" ? !1 : s.options?.length;
     }
-    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({
+    const { id: O, modifiers: M, disabled: Ce, readonly: Ve, loading: ke, icon: Ae, iconPosition: je, invalid: we, valid: Ne, floating: Fe, multiple: De } = ne(t), x = Pt(O), G = o(() => `${x.value}-hint`), k = o(() => t.disabled || t.readonly), Ee = o(() => k.value ? -1 : t.tabindex), g = o({
       get: () => t.modelValue,
-      set: (i) => {
-        if (Array.isArray(i) && (i = i.filter((L) => L !== void 0), i.length === 0 && !t.unselectable && f.value)) {
-          f.value.value = String(t.modelValue);
+      set: (s) => {
+        if (Array.isArray(s) && (s = s.filter((L) => L !== void 0), s.length === 0 && !t.unselectable && p.value)) {
+          p.value.value = String(t.modelValue);
           return;
         }
-        s("update:modelValue", i);
+        i("update:modelValue", s);
       }
-    }), 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);
+    }), U = o(() => Array.isArray(g.value) ? g.value.length > 0 : g.value !== void 0 && g.value !== null), J = o(() => k.value ? !1 : t.unselectable);
+    ie(tt(p), (s) => {
+      s && t.autofocus && (u.value = !0);
     });
-    const { hasIconBefore: W, hasIconAfter: Y } = Ve(we, je), qe = o(() => {
+    const { hasIconBefore: W, hasIconAfter: Y } = _e(Ae, je), qe = o(() => {
       if (t.invalid === !0) return !0;
       if (t.valid === !0) return !1;
-    }), ze = Pe("vv-select", T, o(() => ({
-      valid: Fe.value,
-      invalid: Ne.value,
-      loading: Ae.value,
-      disabled: _e.value,
-      readonly: Ce.value,
+    }), ze = Pe("vv-select", M, o(() => ({
+      valid: Ne.value,
+      invalid: we.value,
+      loading: ke.value,
+      disabled: Ce.value,
+      readonly: Ve.value,
       "icon-before": W.value !== void 0,
       "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 && !U.value) {
-        const L = X(i[0]);
-        y.value = t.multiple ? [L] : L;
+      focus: u.value && !k.value,
+      floating: Fe.value,
+      multiple: De.value
+    }))), { getOptionLabel: Q, getOptionValue: X, isOptionDisabled: Z, getOptionGrouped: He } = _t(t);
+    ie(() => t.options, (s) => {
+      if (s?.length && t.autoselectFirst && !U.value) {
+        const L = X(s[0]);
+        g.value = t.multiple ? [L] : L;
       }
     }, { immediate: !0 });
     function Re() {
-      Array.isArray(y.value) ? y.value = [] : y.value = void 0, s("clear");
+      Array.isArray(g.value) ? g.value = [] : g.value = void 0, i("clear");
     }
     const Ke = o(() => ({
       name: t.name,
       tabindex: Ee.value,
-      disabled: A.value,
+      disabled: k.value,
       required: t.required,
       size: t.size,
       autocomplete: t.autocomplete,
       multiple: t.multiple,
       "aria-invalid": qe.value,
-      "aria-describedby": p.value ? G.value : void 0,
-      "aria-errormessage": a.value ? G.value : void 0
+      "aria-describedby": y.value ? G.value : void 0,
+      "aria-errormessage": r.value ? G.value : void 0
     })), de = o(() => ({
       valid: t.valid,
       invalid: t.invalid,
       modelValue: t.modelValue
     }));
-    return (i, L) => (g(), h("div", { class: Je(r(ze)) }, [
-      i.label ? (g(), h("label", {
+    return (s, L) => (c(), h("div", { class: Je(l(ze)) }, [
+      s.label ? (c(), h("label", {
         key: 0,
-        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),
+        for: l(x)
+      }, A(s.label), 9, Ct)) : S("v-if", !0),
+      le("div", Vt, [
+        s.$slots.before ? (c(), h("div", kt, [I(s.$slots, "before", $(B(l(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),
+          l(W) ? (c(), w(D, N({ key: 0 }, l(W), { class: "vv-select__icon" }), null, 16)) : S("v-if", !0),
+          Xe(le("select", N({
+            id: l(x),
             ref_key: "selectEl",
-            ref: f
-          }, r(Ke), { "onUpdate:modelValue": L[0] || (L[0] = (m) => ye(y) ? y.value = m : null) }), [i.placeholder ? (g(), h("option", {
+            ref: p
+          }, l(Ke), { "onUpdate:modelValue": L[0] || (L[0] = (m) => ge(g) ? g.value = m : null) }), [s.placeholder ? (c(), h("option", {
             key: 0,
             value: void 0,
-            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", {
+            disabled: !l(J),
+            hidden: !l(J)
+          }, A(s.placeholder), 9, wt)) : S("v-if", !0), (c(!0), h(ae, null, ve(s.options, (m, ee) => (c(), h(ae, null, [f(m) ? (c(), h("optgroup", {
             key: `group-${ee}`,
-            disabled: r(Z)(m),
-            label: r(Q)(m)
-          }, [(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)
-          }, w(r(Q)(te)), 9, Dt))), 128))], 8, Ft)) : (g(), h("option", {
+            disabled: l(Z)(m),
+            label: l(Q)(m)
+          }, [(c(!0), h(ae, null, ve(l(He)(m), (te, Te) => (c(), h("option", {
+            key: `group-${ee}-item-${Te}`,
+            disabled: l(Z)(te),
+            value: l(X)(te)
+          }, A(l(Q)(te)), 9, Dt))), 128))], 8, Ft)) : (c(), h("option", {
             key: ee,
-            disabled: r(Z)(m),
-            value: r(X)(m)
-          }, 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)
+            disabled: l(Z)(m),
+            value: l(X)(m)
+          }, A(l(Q)(m)), 9, Nt))], 64))), 256))], 16, jt), [[Qe, l(g)]]),
+          l(Y) ? (c(), w(D, N({ key: 1 }, l(Y), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : S("v-if", !0)
         ]),
-        r(J) && r(d).showClearAction ? (g(), N(r(Lt), {
+        l(J) && l(d).showClearAction ? (c(), w(l(Lt), {
           key: 1,
           "input-type": "select",
-          label: i.labelClear,
-          icon: i.iconClear,
-          disabled: !r(U),
+          label: s.labelClear,
+          icon: s.iconClear,
+          disabled: !l(U),
           onClear: Re
         }, null, 8, [
           "label",
           "icon",
           "disabled"
         ])) : S("v-if", !0),
-        i.$slots.after ? (g(), h("div", kt, [I(i.$slots, "after", $(B(r(de))))])) : S("v-if", !0)
+        s.$slots.after ? (c(), h("div", Et, [I(s.$slots, "after", $(B(l(de))))])) : S("v-if", !0)
       ]),
-      xe(r(c), {
-        id: r(G),
+      xe(l(v), {
+        id: l(G),
         class: "vv-select__hint"
-      }, Te({ _: 2 }, [
-        i.$slots.hint ? {
+      }, Me({ _: 2 }, [
+        s.$slots.hint ? {
           name: "hint",
-          fn: j(() => [I(i.$slots, "hint", $(B(r(b))))]),
+          fn: j(() => [I(s.$slots, "hint", $(B(l(b))))]),
           key: "0"
         } : void 0,
-        i.$slots.loading ? {
+        s.$slots.loading ? {
           name: "loading",
-          fn: j(() => [I(i.$slots, "loading", $(B(r(b))))]),
+          fn: j(() => [I(s.$slots, "loading", $(B(l(b))))]),
           key: "1"
         } : void 0,
-        i.$slots.valid ? {
+        s.$slots.valid ? {
           name: "valid",
-          fn: j(() => [I(i.$slots, "valid", $(B(r(b))))]),
+          fn: j(() => [I(s.$slots, "valid", $(B(l(b))))]),
           key: "2"
         } : void 0,
-        i.$slots.invalid ? {
+        s.$slots.invalid ? {
           name: "invalid",
-          fn: j(() => [I(i.$slots, "invalid", $(B(r(b))))]),
+          fn: j(() => [I(s.$slots, "invalid", $(B(l(b))))]),
           key: "3"
         } : void 0
       ]), 1032, ["id"])
     ], 2));
   }
-}), Wt = qt;
+}), Yt = zt;
 export {
-  Wt as default
+  Yt as default
 };