@volverjs/ui-vue 0.0.3 → 0.0.4

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

@@ -1,6 +1,8 @@
-import { defineComponent as X, unref as i, openBlock as f, createBlock as z, mergeProps as N, createCommentVNode as S, createElementBlock as b, normalizeClass as ie, toDisplayString as E, createElementVNode as k, renderSlot as J, normalizeProps as W, guardReactiveProps as G, withDirectives as ae, isRef as le, Fragment as ue, renderList as de, vModelSelect as ce, createVNode as pe } from "vue";
-import { iconExists as D, Icon as ve, addIcon as fe } from "@iconify/vue";
-const me = {
+import { inject as ye, computed as u, unref as c, defineComponent as T, ref as x, toRefs as C, openBlock as b, createBlock as M, mergeProps as N, createCommentVNode as B, h as be, watch as ee, useSlots as me, createElementBlock as S, normalizeClass as he, toDisplayString as q, createElementVNode as H, renderSlot as Y, normalizeProps as G, guardReactiveProps as Q, withDirectives as Se, isRef as Be, Fragment as _e, renderList as Oe, vModelSelect as Ie, createVNode as Ve } from "vue";
+import { iconExists as D, Icon as je, addIcon as $e } from "@iconify/vue";
+import { toReactive as Pe, useFocus as we, useElementVisibility as Ae } from "@vueuse/core";
+import { nanoid as Fe } from "nanoid";
+const ke = {
   /**
    * Color
    */
@@ -93,91 +95,132 @@ const me = {
   modifiers: {
     type: [String, Array]
   }
-}, ge = {
+};
+var _ = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(_ || {}), te = /* @__PURE__ */ ((e) => (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))(te || {}), P = /* @__PURE__ */ ((e) => (e.before = "before", e.after = "after", e))(P || {}), K = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(K || {}), re = /* @__PURE__ */ ((e) => (e._blank = "_blank", e._self = "_self", e._parent = "_parent", e._top = "_top", e))(re || {});
+const De = Symbol.for("volver");
+function Ee() {
+  return ye(De);
+}
+function oe(e, t, r) {
+  return u(() => {
+    const n = {
+      [e]: !0
+    }, i = typeof (t == null ? void 0 : t.value) == "string" ? t.value.split(" ") : t == null ? void 0 : t.value;
+    return i && Array.isArray(i) && i.forEach((d) => {
+      n[`${e}--${d}`] = !0;
+    }), r && Object.keys(r.value).forEach((d) => {
+      n[`${e}--${d}`] = c(r.value[d]);
+    }), n;
+  });
+}
+const Ne = {
   name: "VvIcon"
-}, Q = /* @__PURE__ */ X({
-  ...ge,
-  props: me,
+}, X = /* @__PURE__ */ T({
+  ...Ne,
+  props: ke,
   setup(e) {
-    const s = e, r = ref(!0), u = useVolver(), { modifiers: c } = toRefs(s), m = useBemModifiers("vv-icon", c), n = computed(() => s.provider || (u == null ? void 0 : u.provider)), B = computed(() => {
-      const t = s.name ?? "", o = `@${n.value}:${s.prefix}:${s.name}`;
-      return D(t) ? t : D(o) ? o : (u == null ? void 0 : u.iconsCollections.find(
-        (p) => {
-          const l = `@${n.value}:${p.prefix}:${t}`;
-          if (D(l))
-            return l;
+    const t = e, r = x(!0), n = Ee(), { modifiers: i } = C(t), d = oe("vv-icon", i), a = u(() => t.provider || (n == null ? void 0 : n.provider)), m = u(() => {
+      const o = t.name ?? "", l = `@${a.value}:${t.prefix}:${t.name}`;
+      return D(o) ? o : D(l) ? l : (n == null ? void 0 : n.iconsCollections.find(
+        (g) => {
+          const v = `@${a.value}:${g.prefix}:${o}`;
+          if (D(v))
+            return v;
         }
-      )) || t;
+      )) || o;
     });
-    function g(t) {
-      let o = null;
+    function s(o) {
+      let l = null;
       if (typeof window > "u") {
-        const { JSDOM: y } = require("jsdom");
-        o = new y().window;
+        const { JSDOM: h } = require("jsdom");
+        l = new h().window;
       }
-      return (o ? new o.DOMParser() : new window.DOMParser()).parseFromString(t, "text/html").querySelector("svg");
+      return (l ? new l.DOMParser() : new window.DOMParser()).parseFromString(o, "text/html").querySelector("svg");
     }
-    function d(t) {
-      const o = g(t), p = (o == null ? void 0 : o.innerHTML.trim()) || "";
-      o && p && fe(`@${n.value}:${s.prefix}:${s.name}`, {
-        body: p,
+    function p(o) {
+      const l = s(o), g = (l == null ? void 0 : l.innerHTML.trim()) || "";
+      l && g && $e(`@${a.value}:${t.prefix}:${t.name}`, {
+        body: g,
         // Set height and width from svg content
-        height: o.viewBox.baseVal.height,
-        width: o.viewBox.baseVal.width
+        height: l.viewBox.baseVal.height,
+        width: l.viewBox.baseVal.width
       });
     }
-    return u && (s.src && !D(`@${n.value}:${s.prefix}:${s.name}`) ? (r.value = !1, u.fetchIcon(s.src).then((t) => {
-      t && (d(t), r.value = !0);
-    }).catch((t) => {
-      throw new Error(`During fetch icon: ${t == null ? void 0 : t.message}`);
-    })) : s.svg && d(s.svg)), (t, o) => i(r) ? (f(), z(i(ve), N({
+    return n && (t.src && !D(`@${a.value}:${t.prefix}:${t.name}`) ? (r.value = !1, n.fetchIcon(t.src).then((o) => {
+      o && (p(o), r.value = !0);
+    }).catch((o) => {
+      throw new Error(`During fetch icon: ${o == null ? void 0 : o.message}`);
+    })) : t.svg && p(t.svg)), (o, l) => c(r) ? (b(), M(c(je), N({
       key: 0,
-      class: i(m)
+      class: c(d)
     }, {
-      inline: t.inline,
-      width: t.width,
-      height: t.height,
-      horizontalFlip: t.horizontalFlip,
-      verticalFlip: t.verticalFlip,
-      flip: t.flip,
-      rotate: t.rotate,
-      color: t.color,
-      onLoad: t.onLoad,
-      icon: i(B)
-    }), null, 16, ["class"])) : S("", !0);
+      inline: o.inline,
+      width: o.width,
+      height: o.height,
+      horizontalFlip: o.horizontalFlip,
+      verticalFlip: o.verticalFlip,
+      flip: o.flip,
+      rotate: o.rotate,
+      color: o.color,
+      onLoad: o.onLoad,
+      icon: c(m)
+    }), null, 16, ["class"])) : B("", !0);
   }
 });
-function C(e) {
-  return Array.isArray(e) ? e.filter((s) => isString(s)).join(" ") : e;
+function Z(e, t) {
+  if (e && Object.keys(e).length && t) {
+    if (t.indexOf(".") === -1)
+      return e[t];
+    {
+      const r = t.split(".");
+      let n = e;
+      for (let i = 0, d = r.length; i < d; ++i) {
+        if (e == null)
+          return null;
+        n = n[r[i]];
+      }
+      return n;
+    }
+  } else
+    return null;
+}
+function ne(e) {
+  return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(c(e));
+}
+function Ce(e) {
+  return typeof e == "string" || e instanceof String;
 }
-function ye(e, s) {
+function E(e) {
+  return Array.isArray(e) ? e.filter((t) => Ce(t)).join(" ") : e;
+}
+function ze(e, t) {
   const {
     invalid: r,
-    valid: u,
-    hint: c,
-    loading: m
-  } = s, {
-    hintLabel: n,
-    modelValue: B,
-    valid: g,
-    validLabel: d,
-    invalid: t,
-    invalidLabel: o,
-    ...p
-  } = toRefs(e), l = resolveFieldData(p, "loading"), v = resolveFieldData(p, "loadingLabel"), y = computed(() => t.value ? !!(t.value && r || o != null && o.value && Array.isArray(o.value) && o.value.length > 0 || o != null && o.value && !isEmpty(o)) : !1), $ = computed(
-    () => !!(n && n.value || c)
-  ), V = computed(
-    () => !!(d && d.value || u)
-  ), F = computed(
-    () => !!(l != null && l.value && m || l != null && l.value && (v != null && v.value))
-  ), P = computed(
-    () => $.value || V.value || y.value || F.value
+    valid: n,
+    hint: i,
+    loading: d
+  } = t, {
+    hintLabel: a,
+    modelValue: m,
+    valid: s,
+    validLabel: p,
+    invalid: o,
+    invalidLabel: l,
+    ...g
+  } = C(e), v = Z(g, "loading"), y = Z(g, "loadingLabel"), h = u(() => o.value ? !!(o.value && r || l != null && l.value && Array.isArray(l.value) && l.value.length > 0 || l != null && l.value && !ne(l)) : !1), w = u(
+    () => !!(a && a.value || i)
+  ), I = u(
+    () => !!(p && p.value || n)
+  ), A = u(
+    () => !!(v != null && v.value && d || v != null && v.value && (y != null && y.value))
+  ), V = u(
+    () => w.value || I.value || h.value || A.value
   );
   return {
-    hasInvalid: y,
-    hasHint: $,
-    hasValid: V,
-    hasLoading: F,
+    hasInvalid: h,
+    hasHint: w,
+    hasValid: I,
+    hasLoading: A,
     HintSlot: {
       name: "HintSlot",
       props: {
@@ -186,31 +229,31 @@ function ye(e, s) {
           default: () => ({})
         }
       },
-      setup(w) {
-        const O = computed(() => {
-          const _ = toReactive({
-            hintLabel: n,
-            modelValue: B,
-            valid: g,
-            validLabel: d,
-            invalid: t,
-            invalidLabel: o,
-            loading: l,
-            loadingLabel: v,
-            ...w.params
+      setup(j) {
+        const F = u(() => {
+          const O = Pe({
+            hintLabel: a,
+            modelValue: m,
+            valid: s,
+            validLabel: p,
+            invalid: o,
+            invalidLabel: l,
+            loading: v,
+            loadingLabel: y,
+            ...j.params
           });
-          return t != null && t.value ? (r == null ? void 0 : r(_)) || C(o == null ? void 0 : o.value) || (n == null ? void 0 : n.value) : g != null && g.value ? (u == null ? void 0 : u(_)) || C(d == null ? void 0 : d.value) || (n == null ? void 0 : n.value) : l != null && l.value ? (m == null ? void 0 : m(_)) || C(v == null ? void 0 : v.value) || (n == null ? void 0 : n.value) : (c == null ? void 0 : c(_)) || C(n == null ? void 0 : n.value) || (n == null ? void 0 : n.value);
+          return o != null && o.value ? (r == null ? void 0 : r(O)) || E(l == null ? void 0 : l.value) || (a == null ? void 0 : a.value) : s != null && s.value ? (n == null ? void 0 : n(O)) || E(p == null ? void 0 : p.value) || (a == null ? void 0 : a.value) : v != null && v.value ? (d == null ? void 0 : d(O)) || E(y == null ? void 0 : y.value) || (a == null ? void 0 : a.value) : (i == null ? void 0 : i(O)) || E(a == null ? void 0 : a.value) || (a == null ? void 0 : a.value);
         });
         return {
-          isVisible: P,
-          hasInvalid: y,
-          hasValid: V,
-          hintContent: O
+          isVisible: V,
+          hasInvalid: h,
+          hasValid: I,
+          hintContent: F
         };
       },
       render() {
         if (this.isVisible)
-          return h(
+          return be(
             "small",
             {
               role: this.hasInvalid ? "alert" : this.hasValid ? "status" : void 0
@@ -221,34 +264,95 @@ function ye(e, s) {
     }
   };
 }
-var M = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(M || {}), Y = /* @__PURE__ */ ((e) => (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))(Y || {}), q = /* @__PURE__ */ ((e) => (e.before = "before", e.after = "after", e))(q || {});
-const he = {
+const qe = {
+  /**
+   * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
+   * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
+   */
+  to: {
+    type: [String, Object]
+  },
+  /**
+   * Anchor href
+   */
+  href: String,
+  /**
+   * Anchor target
+   */
+  target: {
+    type: String,
+    validator: (e) => Object.values(re).includes(e)
+  },
+  /**
+   * Anchor rel
+   */
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  }
+}, He = {
+  /**
+   * Valid status
+   */
   valid: Boolean,
+  /**
+   * Valid label
+   */
   validLabel: [String, Array]
-}, be = {
+}, Me = {
+  /**
+   * Invalid status
+   */
   invalid: Boolean,
+  /**
+   * Invalid label
+   */
   invalidLabel: [String, Array]
-}, Se = {
+}, Ke = {
+  /**
+   * Loading status
+   */
   loading: Boolean,
-  loadingLabel: String
-}, Be = {
+  /**
+   * Loading label
+   */
+  loadingLabel: {
+    type: String,
+    default: "Loading..."
+  }
+}, le = {
   /**
    * Whether the form control is disabled
    */
   disabled: Boolean
-}, _e = {
+}, Re = {
+  /**
+   * Whether the item is active
+   */
+  active: Boolean
+}, Le = {
+  /**
+   * Whether the item is pressed
+   */
+  pressed: Boolean
+}, ae = {
+  /**
+   * The item label
+   */
+  label: [String, Number]
+}, Ue = {
   /**
    * The value is not editable
    */
   readonly: Boolean
-}, Ve = {
+}, Je = {
   /**
    * Component BEM modifiers
    */
   modifiers: [String, Array]
-}, Pe = {
+}, We = {
   hintLabel: { type: String, default: "" }
-}, we = {
+}, Ye = {
   /**
    * List of options, can be string[] or object[]
    */
@@ -268,7 +372,7 @@ const he = {
    * Used when options are objects: key to use for option disabled
    */
   disabledKey: { type: [String, Function], default: "disabled" }
-}, Ie = {
+}, Ge = {
   /**
    * VvIcon name or props
    * @see VVIcon
@@ -279,69 +383,82 @@ const he = {
    */
   iconPosition: {
     type: String,
-    default: q.before,
-    validation: (e) => Object.values(q).includes(e)
+    default: P.before,
+    validation: (e) => Object.values(P).includes(e)
   }
-}, $e = {
+}, Qe = {
   /**
    * Global attribute tabindex
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
    */
   tabindex: { type: [String, Number], default: 0 }
-}, Fe = {
+}, Xe = {
   /**
    * If true the label will be floating
    */
   floating: Boolean
-}, Oe = {
+}, Ze = {
   /**
    * If true the input will be unselectable
    */
   unselectable: { type: Boolean, default: !0 }
-}, Ae = {
+}, Te = {
   /**
    * Global attribute id
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
    */
   id: [String, Number]
 };
-M.bottom;
-const De = {
-  ...Ae,
+_.bottom;
+const xe = {
+  ...Te,
   /**
    * Input / Textarea name
    * Name of the form control. Submitted with the form as part of a name/value pair
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name
    */
   name: { type: String, required: !0 }
-}, Ce = {
+}, et = {
   /**
    * Global attribute autofocus
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus
    */
   autofocus: Boolean
-}, Ne = {
+}, tt = {
   /**
    * Global attribute autocomplete
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
    */
   autocomplete: { type: String, default: "off" }
-}, je = {
-  ...De,
-  ...Ce,
-  ...Ne,
-  ...$e,
-  ...he,
-  ...be,
-  ...Pe,
-  ...Se,
-  ...Be,
-  ..._e,
-  ...Ve,
-  ...we,
-  ...Ie,
-  ...Fe,
-  ...Oe,
+};
+({
+  ...le,
+  ...ae,
+  ...Le,
+  ...Re,
+  ...qe,
+  /**
+   * Button type
+   */
+  type: K.button
+});
+const rt = {
+  ...xe,
+  ...et,
+  ...tt,
+  ...Qe,
+  ...He,
+  ...Me,
+  ...We,
+  ...Ke,
+  ...le,
+  ...Ue,
+  ...Je,
+  ...Ye,
+  ...Ge,
+  ...Xe,
+  ...Ze,
+  ...ae,
   /**
    * This Boolean attribute indicates that multiple options can be selected in the list.
    * If it is not specified, then only one option can be selected at a time.
@@ -368,140 +485,178 @@ const De = {
     type: [String, Number, Boolean, Object, Array],
     default: void 0
   },
-  /**
-   * <label> value for the select
-   */
-  label: String,
   /**
    * Select placeholder
    */
   placeholder: String
-}, Ee = ["update:modelValue", "focus", "blur"], ke = ["for"], ze = { class: "vv-select__wrapper" }, Me = {
+}, ot = ["update:modelValue", "focus", "blur"], nt = (e) => u(() => String((e == null ? void 0 : e.value) || Fe()));
+function lt(e, t) {
+  const { focused: r } = we(e);
+  return ee(r, (n) => {
+    t(n ? "focus" : "blur", c(e));
+  }), {
+    focused: r
+  };
+}
+function at(e, t) {
+  const r = u(
+    () => Boolean((e == null ? void 0 : e.value) && t.value === P.before)
+  ), n = u(
+    () => Boolean((e == null ? void 0 : e.value) && t.value === P.after)
+  ), i = u(
+    () => Boolean((e == null ? void 0 : e.value) && t.value === _.left)
+  ), d = u(
+    () => Boolean((e == null ? void 0 : e.value) && t.value === _.right)
+  ), a = u(
+    () => Boolean((e == null ? void 0 : e.value) && t.value === _.top)
+  ), m = u(
+    () => Boolean((e == null ? void 0 : e.value) && t.value === _.bottom)
+  );
+  return {
+    hasIcon: u(() => typeof (e == null ? void 0 : e.value) == "string" ? { name: e == null ? void 0 : e.value } : e == null ? void 0 : e.value),
+    hasIconLeft: i,
+    hasIconRight: d,
+    hasIconTop: a,
+    hasIconBottom: m,
+    hasIconBefore: r,
+    hasIconAfter: n
+  };
+}
+function st(e) {
+  const { options: t, labelKey: r, valueKey: n, disabledKey: i } = C(e);
+  return {
+    options: t,
+    getOptionLabel: (s) => typeof s != "object" && s !== null ? s : typeof r.value == "function" ? r.value(s) : s[r.value],
+    getOptionValue: (s) => typeof s != "object" && s !== null ? s : typeof n.value == "function" ? n.value(s) : s[n.value],
+    getOptionDisabled: (s) => typeof s != "object" && s !== null ? !1 : typeof i.value == "function" ? i.value(s) : s[i.value]
+  };
+}
+const ut = ["for"], it = { class: "vv-select__wrapper" }, ct = {
   key: 0,
   class: "vv-select__input-before"
-}, qe = { class: "vv-select__inner" }, He = ["id"], Re = ["disabled", "hidden"], Ke = ["disabled", "value"], Te = {
+}, dt = { class: "vv-select__inner" }, ft = ["id"], vt = ["disabled", "hidden"], pt = ["disabled", "value"], gt = {
   key: 1,
   class: "vv-select__input-after"
-}, Ue = {
+}, yt = {
   name: "VvSelect"
-}, Ge = /* @__PURE__ */ X({
-  ...Ue,
-  props: je,
-  emits: Ee,
-  setup(e, { emit: s }) {
-    const r = e, u = useSlots(), c = ref(), { HintSlot: m, hasHint: n, hasInvalid: B } = ye(r, u), {
-      id: g,
-      modifiers: d,
-      disabled: t,
-      readonly: o,
-      loading: p,
-      icon: l,
-      iconPosition: v,
-      invalid: y,
-      valid: $,
-      floating: V,
-      multiple: F
-    } = toRefs(r), P = useUniqueId(g), w = computed(() => `${P.value}-hint`), { focused: O } = useComponentFocus(c, s), _ = useElementVisibility(c);
-    watch(_, (a) => {
-      a && r.autofocus && (O.value = !0);
+}, Bt = /* @__PURE__ */ T({
+  ...yt,
+  props: rt,
+  emits: ot,
+  setup(e, { emit: t }) {
+    const r = e, n = me(), i = x(), { HintSlot: d, hasHint: a, hasInvalid: m } = ze(r, n), {
+      id: s,
+      modifiers: p,
+      disabled: o,
+      readonly: l,
+      loading: g,
+      icon: v,
+      iconPosition: y,
+      invalid: h,
+      valid: w,
+      floating: I,
+      multiple: A
+    } = C(r), V = nt(s), j = u(() => `${V.value}-hint`), { focused: F } = lt(i, t), O = Ae(i);
+    ee(O, (f) => {
+      f && r.autofocus && (F.value = !0);
     });
-    const { hasIcon: H, hasIconBefore: R, hasIconAfter: K } = useComponentIcon(
-      l,
-      v
-    ), Z = computed(() => !isEmpty(r.modelValue)), T = computed(() => r.disabled || r.readonly), x = computed(() => T.value ? -1 : r.tabindex), L = computed(() => {
+    const { hasIcon: R, hasIconBefore: L, hasIconAfter: U } = at(
+      v,
+      y
+    ), se = u(() => !ne(r.modelValue)), J = u(() => r.disabled || r.readonly), ue = u(() => J.value ? -1 : r.tabindex), ie = u(() => {
       if (r.invalid === !0)
         return !0;
       if (r.valid === !0)
         return !1;
-    }), ee = useBemModifiers(
+    }), ce = oe(
       "vv-select",
-      d,
-      computed(() => ({
-        valid: $.value,
-        invalid: y.value,
-        loading: p.value,
-        disabled: t.value,
-        readonly: o.value,
-        "icon-before": R.value,
-        "icon-after": K.value,
-        dirty: Z.value,
-        focus: O.value,
-        floating: V.value,
-        multiple: F.value
+      p,
+      u(() => ({
+        valid: w.value,
+        invalid: h.value,
+        loading: g.value,
+        disabled: o.value,
+        readonly: l.value,
+        "icon-before": L.value,
+        "icon-after": U.value,
+        dirty: se.value,
+        focus: F.value,
+        floating: I.value,
+        multiple: A.value
       }))
-    ), te = computed(() => ({
+    ), de = u(() => ({
       name: r.name,
-      tabindex: x.value,
-      disabled: T.value,
+      tabindex: ue.value,
+      disabled: J.value,
       required: r.required,
       size: r.size,
       autocomplete: r.autocomplete,
       multiple: r.multiple,
-      "aria-invalid": L.value,
-      "aria-describedby": !B.value && n.value ? w.value : void 0,
-      "aria-errormessage": B.value ? w.value : void 0
-    })), U = computed(() => ({
+      "aria-invalid": ie.value,
+      "aria-describedby": !m.value && a.value ? j.value : void 0,
+      "aria-errormessage": m.value ? j.value : void 0
+    })), W = u(() => ({
       valid: r.valid,
       invalid: r.invalid,
       modelValue: r.modelValue
-    })), { getOptionLabel: oe, getOptionValue: re, getOptionDisabled: ne } = useOptions(r), j = computed({
+    })), { getOptionLabel: fe, getOptionValue: ve, getOptionDisabled: pe } = st(r), z = u({
       get: () => r.modelValue,
-      set: (a) => {
-        Array.isArray(a) && (a = a.filter((A) => A !== void 0)), s("update:modelValue", a);
+      set: (f) => {
+        Array.isArray(f) && (f = f.filter((k) => k !== void 0)), t("update:modelValue", f);
       }
     });
-    return (a, A) => (f(), b("div", {
-      class: ie(i(ee))
+    return (f, k) => (b(), S("div", {
+      class: he(c(ce))
     }, [
-      a.label ? (f(), b("label", {
+      f.label ? (b(), S("label", {
         key: 0,
-        for: i(P)
-      }, E(a.label), 9, ke)) : S("", !0),
-      k("div", ze, [
-        a.$slots.before ? (f(), b("div", Me, [
-          J(a.$slots, "before", W(G(i(U))))
-        ])) : S("", !0),
-        k("div", qe, [
-          i(R) ? (f(), z(Q, N({
+        for: c(V)
+      }, q(f.label), 9, ut)) : B("", !0),
+      H("div", it, [
+        f.$slots.before ? (b(), S("div", ct, [
+          Y(f.$slots, "before", G(Q(c(W))))
+        ])) : B("", !0),
+        H("div", dt, [
+          c(L) ? (b(), M(X, N({
             key: 0,
             class: "vv-select__icon"
-          }, i(H)), null, 16)) : S("", !0),
-          ae(k("select", N({
-            id: i(P),
+          }, c(R)), null, 16)) : B("", !0),
+          Se(H("select", N({
+            id: c(V),
             ref_key: "select",
-            ref: c,
-            "onUpdate:modelValue": A[0] || (A[0] = (I) => le(j) ? j.value = I : null)
-          }, i(te)), [
-            a.placeholder ? (f(), b("option", {
+            ref: i,
+            "onUpdate:modelValue": k[0] || (k[0] = ($) => Be(z) ? z.value = $ : null)
+          }, c(de)), [
+            f.placeholder ? (b(), S("option", {
               key: 0,
               value: void 0,
-              disabled: !a.unselectable,
-              hidden: !a.unselectable
-            }, E(a.placeholder), 9, Re)) : S("", !0),
-            (f(!0), b(ue, null, de(a.options, (I, se) => (f(), b("option", {
-              key: se,
-              disabled: i(ne)(I),
-              value: i(re)(I)
-            }, E(i(oe)(I)), 9, Ke))), 128))
-          ], 16, He), [
-            [ce, i(j)]
+              disabled: !f.unselectable,
+              hidden: !f.unselectable
+            }, q(f.placeholder), 9, vt)) : B("", !0),
+            (b(!0), S(_e, null, Oe(f.options, ($, ge) => (b(), S("option", {
+              key: ge,
+              disabled: c(pe)($),
+              value: c(ve)($)
+            }, q(c(fe)($)), 9, pt))), 128))
+          ], 16, ft), [
+            [Ie, c(z)]
           ]),
-          i(K) ? (f(), z(Q, N({
+          c(U) ? (b(), M(X, N({
             key: 1,
             class: "vv-select__icon vv-select__icon-after"
-          }, i(H)), null, 16)) : S("", !0)
+          }, c(R)), null, 16)) : B("", !0)
         ]),
-        a.$slots.after ? (f(), b("div", Te, [
-          J(a.$slots, "after", W(G(i(U))))
-        ])) : S("", !0)
+        f.$slots.after ? (b(), S("div", gt, [
+          Y(f.$slots, "after", G(Q(c(W))))
+        ])) : B("", !0)
       ]),
-      pe(i(m), {
-        id: i(w),
+      Ve(c(d), {
+        id: c(j),
         class: "vv-select__hint"
       }, null, 8, ["id"])
     ], 2));
   }
 });
 export {
-  Ge as default
+  Bt as default
 };