@volverjs/ui-vue 0.0.1 → 0.0.3-beta.2

package/dist/components/VvCombobox/VvCombobox.es.js

@@ -1,277 +1,294 @@
-import { unref as c, computed as m, toRefs as _, watch as W, defineComponent as M, openBlock as V, createElementBlock as w, normalizeClass as Y, createElementVNode as I, toDisplayString as x, createCommentVNode as A, Fragment as ee, renderList as be, withModifiers as Ve, createTextVNode as te, ref as k, inject as Se, createBlock as L, mergeProps as R, h as we, useSlots as $e, withKeys as Z, renderSlot as G, withDirectives as Ce, vModelText as Oe, createVNode as U } from "vue";
-import { nanoid as re } from "nanoid";
-import { useFocus as Ae, toReactive as ke, refDebounced as Ie, onClickOutside as _e } from "@vueuse/core";
-import { iconExists as D, Icon as Be, addIcon as Pe } from "@iconify/vue";
-function T(t, r, e) {
-  return e ? E(t, e) === E(r, e) : H(t, r);
+import { unref as a, computed as c, toRefs as T, watch as ie, defineComponent as Y, openBlock as y, createElementBlock as I, normalizeClass as ue, createElementVNode as B, toDisplayString as N, createCommentVNode as w, Fragment as de, renderList as $e, withModifiers as Te, createTextVNode as Ie, ref as j, inject as Ee, createBlock as F, mergeProps as P, h as Ke, useSlots as ke, renderSlot as J, normalizeProps as he, withDirectives as Ae, isRef as xe, vModelSelect as He, createVNode as ae, withKeys as ye, vModelText as Me } from "vue";
+import { nanoid as ce } from "nanoid";
+import { useFocus as ze, toReactive as qe, useElementVisibility as Ue, refDebounced as Ze, onClickOutside as Ge } from "@vueuse/core";
+import { iconExists as U, Icon as Je, addIcon as Xe } from "@iconify/vue";
+function X(n, t, e) {
+  return e ? Q(n, e) === Q(t, e) : se(n, t);
 }
-function H(t, r) {
-  if (t === r)
+function se(n, t) {
+  if (n === t)
     return !0;
-  if (t && r && typeof t == "object" && typeof r == "object") {
-    const e = Array.isArray(t), u = Array.isArray(r);
-    let o, a, n;
-    if (e && u) {
-      if (a = t.length, a != r.length)
+  if (n && t && typeof n == "object" && typeof t == "object") {
+    const e = Array.isArray(n), i = Array.isArray(t);
+    let r, u, l;
+    if (e && i) {
+      if (u = n.length, u != t.length)
         return !1;
-      for (o = a; o-- !== 0; )
-        if (!H(t[o], r[o]))
+      for (r = u; r-- !== 0; )
+        if (!se(n[r], t[r]))
           return !1;
       return !0;
     }
-    if (e != u)
+    if (e != i)
       return !1;
-    const g = t instanceof Date, v = r instanceof Date;
-    if (g != v)
+    const b = n instanceof Date, m = t instanceof Date;
+    if (b != m)
       return !1;
-    if (g && v)
-      return t.getTime() == r.getTime();
-    const f = t instanceof RegExp, l = r instanceof RegExp;
-    if (f != l)
+    if (b && m)
+      return n.getTime() == t.getTime();
+    const p = n instanceof RegExp, o = t instanceof RegExp;
+    if (p != o)
       return !1;
-    if (f && l)
-      return t.toString() == r.toString();
-    const s = Object.keys(t);
-    if (a = s.length, a !== Object.keys(r).length)
+    if (p && o)
+      return n.toString() == t.toString();
+    const s = Object.keys(n);
+    if (u = s.length, u !== Object.keys(t).length)
       return !1;
-    for (o = a; o-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(r, s[o]))
+    for (r = u; r-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, s[r]))
         return !1;
-    for (o = a; o-- !== 0; )
-      if (n = s[o], !H(t[n], r[n]))
+    for (r = u; r-- !== 0; )
+      if (l = s[r], !se(n[l], t[l]))
         return !1;
     return !0;
   }
-  return t !== t && r !== r;
+  return n !== n && t !== t;
 }
-function E(t, r) {
-  if (t && Object.keys(t).length && r) {
-    if (r.indexOf(".") === -1)
-      return t[r];
+function Q(n, t) {
+  if (n && Object.keys(n).length && t) {
+    if (t.indexOf(".") === -1)
+      return n[t];
     {
-      const e = r.split(".");
-      let u = t;
-      for (let o = 0, a = e.length; o < a; ++o) {
-        if (t == null)
+      const e = t.split(".");
+      let i = n;
+      for (let r = 0, u = e.length; r < u; ++r) {
+        if (n == null)
           return null;
-        u = u[e[o]];
+        i = i[e[r]];
       }
-      return u;
+      return i;
     }
   } else
     return null;
 }
-function Ne(t, r) {
+function Qe(n, t) {
   let e = -1;
-  if (r) {
-    for (let u = 0; u < r.length; u++)
-      if (T(r[u], t)) {
-        e = u;
+  if (t) {
+    for (let i = 0; i < t.length; i++)
+      if (X(t[i], n)) {
+        e = i;
         break;
       }
   }
   return e;
 }
-function j(t, r) {
-  if (t != null && r && r.length) {
-    for (const e of r)
-      if (T(t, e))
+function Z(n, t) {
+  if (n != null && t && t.length) {
+    for (const e of t)
+      if (X(n, e))
         return !0;
   }
   return !1;
 }
-function ne(t) {
-  return ((r) => r == null || r === "" || Array.isArray(r) && r.length === 0 || !(r instanceof Date) && typeof r == "object" && Object.keys(r).length === 0)(c(t));
+function fe(n) {
+  return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(a(n));
 }
-function De(t, r) {
-  const e = Ne(t, r);
-  return e > -1 ? r.filter((u, o) => o !== e) : r;
+function We(n, t) {
+  const e = Qe(n, t);
+  return e > -1 ? t.filter((i, r) => r !== e) : t;
 }
-function je(t) {
-  return typeof t == "string" || t instanceof String;
+function Ye(n) {
+  return typeof n == "string" || n instanceof String;
 }
-function J(t) {
-  var r, e;
-  if (t)
-    return (e = (r = t.match(
+function Ve(n) {
+  var t, e;
+  if (n)
+    return (e = (t = n.match(
       /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
-    )) == null ? void 0 : r.join("-")) == null ? void 0 : e.toLowerCase();
+    )) == null ? void 0 : t.join("-")) == null ? void 0 : e.toLowerCase();
 }
-function z(t, r) {
-  const e = { [`${t}`]: !0 };
+function ee(n, t) {
+  const e = { [`${n}`]: !0 };
   return {
-    bemCssClasses: m(() => Object.keys(r).reduce((o, a) => {
-      const n = c(r[a]) || !1;
-      if (!n)
-        return o;
-      if (a === "modifiers") {
-        const g = Array.isArray(n) ? n : n.split(" ");
+    bemCssClasses: c(() => Object.keys(t).reduce((r, u) => {
+      const l = a(t[u]) || !1;
+      if (!l)
+        return r;
+      if (u === "modifiers") {
+        const b = Array.isArray(l) ? l : l.split(" ");
         return {
-          ...o,
-          ...g.reduce(
-            (v, f) => ({
-              ...v,
-              [`${t}--${J(f)}`]: !0
+          ...r,
+          ...b.reduce(
+            (m, p) => ({
+              ...m,
+              [`${n}--${Ve(p)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...o,
-          [`${t}--${J(a)}`]: n
+          ...r,
+          [`${n}--${Ve(u)}`]: l
         };
     }, e) || {})
   };
 }
-function Fe(t, r, e) {
-  const u = m(
-    () => !!(t != null && t.value && r.value === "left" || e != null && e.iconLeft)
-  ), o = m(
-    () => !!(t != null && t.value && r.value === "right" || e != null && e.iconRight)
-  ), a = m(
-    () => !!(t != null && t.value && r.value === "top" || e != null && e.iconTop)
-  ), n = m(
-    () => !!(t != null && t.value && r.value === "bottom" || e != null && e.iconBottom)
+function Oe(n, t, e) {
+  const i = c(
+    () => !!(n != null && n.value && t.value === "left" || e != null && e.iconLeft)
+  ), r = c(
+    () => !!(n != null && n.value && t.value === "right" || e != null && e.iconRight)
+  ), u = c(
+    () => !!(n != null && n.value && t.value === "top" || e != null && e.iconTop)
+  ), l = c(
+    () => !!(n != null && n.value && t.value === "bottom" || e != null && e.iconBottom)
   );
   return {
-    hasIcon: m(() => typeof (t == null ? void 0 : t.value) == "string" ? { name: t == null ? void 0 : t.value } : t == null ? void 0 : t.value),
-    hasIconLeft: u,
-    hasIconRight: o,
-    hasIconTop: a,
-    hasIconBottom: n
+    hasIcon: c(() => typeof (n == null ? void 0 : n.value) == "string" ? { name: n == null ? void 0 : n.value } : n == null ? void 0 : n.value),
+    hasIconLeft: i,
+    hasIconRight: r,
+    hasIconTop: u,
+    hasIconBottom: l
   };
 }
-function oe(t) {
-  const { options: r, labelKey: e, valueKey: u } = _(t);
+function pe(n) {
+  const { options: t, labelKey: e, valueKey: i } = T(n);
   return {
-    options: r,
-    getOptionLabel: (n) => typeof n != "object" && n !== null ? n : typeof e.value == "function" ? e.value(n) : n[e.value],
-    getOptionValue: (n) => typeof n != "object" && n !== null ? n : typeof u.value == "function" ? u.value(n) : n[u.value]
+    options: t,
+    getOptionLabel: (l) => typeof l != "object" && l !== null ? l : typeof e.value == "function" ? e.value(l) : l[e.value],
+    getOptionValue: (l) => typeof l != "object" && l !== null ? l : typeof i.value == "function" ? i.value(l) : l[i.value]
   };
 }
-function Re(t, r) {
-  const { focused: e } = Ae(t);
-  return W(e, (u) => {
-    r(u ? "focus" : "blur", c(t));
+function we(n, t) {
+  const { focused: e } = ze(n);
+  return ie(e, (i) => {
+    t(i ? "focus" : "blur", a(n));
   }), {
     focused: e
   };
 }
-const xe = {
+const Ce = {
   valid: Boolean,
   validLabel: [String, Array]
-}, Te = {
+}, _e = {
   invalid: Boolean,
   invalidLabel: [String, Array]
-}, Ee = {
+}, Pe = {
   loading: Boolean,
   loadingLabel: String
-}, le = {
+}, ve = {
   disabled: Boolean
-}, Ke = {
+}, Be = {
   readonly: Boolean
-}, se = {
+}, me = {
   modifiers: [String, Array]
-}, Le = {
+}, Ne = {
   hintLabel: { type: String, default: "" }
-}, ae = {
+}, ge = {
   options: {
     type: Array,
     default: () => []
   },
   labelKey: { type: [String, Function], default: "label" },
   valueKey: { type: [String, Function], default: "value" }
-}, X = {
+}, Se = {
   LEFT: "left",
   RIGHT: "right"
-}, He = {
+}, De = {
   icon: { type: [String, Object] },
   iconPosition: {
     type: String,
-    validation: (t) => Object.values(X).includes(t),
-    default: X.RIGHT
+    validation: (n) => Object.values(Se).includes(n),
+    default: Se.RIGHT
   }
-}, Me = {
+}, Le = {
   tabindex: { type: [String, Number], default: 0 }
-}, ze = {
-  ...ae,
-  ...le,
-  ...se,
+}, Re = {
+  floating: Boolean
+}, je = {
+  unselectable: { type: Boolean, default: !0 }
+}, be = {
+  id: [String, Number],
+  name: { type: String, required: !0 }
+}, et = {
+  autofocus: Boolean
+}, tt = {
+  autocomplete: { type: String, default: "off" }
+}, nt = {
+  ...be,
+  ...ge,
+  ...ve,
+  ...me,
   modelValue: {
     type: [String, Number, Boolean, Object, Array]
   },
   labelNoResults: { type: String, default: "No results" },
   multiple: Boolean,
-  maxValues: [Number, String]
-}, qe = {
+  maxValues: [Number, String],
+  unselectable: { type: Boolean, default: !0 }
+}, lt = ["id"], rt = {
   key: 0,
   role: "option"
-}, Ze = ["aria-selected"], Ge = ["for", "onClick"], Ue = ["id", "type", "value", "checked", "disabled"], Je = {
+}, ot = ["aria-selected"], at = ["for", "onClick"], st = ["id", "type", "value", "checked", "disabled", "name"], it = {
   name: "VvDropdown"
-}, Xe = /* @__PURE__ */ M({
-  ...Je,
-  props: ze,
+}, ut = /* @__PURE__ */ Y({
+  ...it,
+  props: nt,
   emits: ["update:modelValue"],
-  setup(t, { emit: r }) {
-    const e = t, u = re(), { modifiers: o, disabled: a } = _(e), { getOptionLabel: n, getOptionValue: g } = oe(e), { bemCssClasses: v } = z("vv-dropdown", {
-      modifiers: o,
-      disabled: a
+  setup(n, { emit: t }) {
+    const e = n, i = c(() => String(e.id || ce())), { modifiers: r, disabled: u } = T(e), { getOptionLabel: l, getOptionValue: b } = pe(e), { bemCssClasses: m } = ee("vv-dropdown", {
+      modifiers: r,
+      disabled: u
     });
-    function f(i) {
-      return Array.isArray(e.modelValue) ? j(i, e.modelValue) || j(g(i), e.modelValue) : T(i, e.modelValue) || T(g(i), e.modelValue);
+    function p(d) {
+      return Array.isArray(e.modelValue) ? Z(d, e.modelValue) || Z(b(d), e.modelValue) : X(d, e.modelValue) || X(b(d), e.modelValue);
     }
-    function l(i) {
-      return typeof i == "string" || i.disabled === void 0 ? a.value : i.disabled;
+    function o(d) {
+      return typeof d == "string" || d.disabled === void 0 ? u.value : d.disabled;
     }
-    function s(i) {
-      var h;
+    function s(d) {
+      var V;
       if (e.disabled)
         return;
-      let p = i;
+      let v = d;
       if (e.multiple)
         if (Array.isArray(e.modelValue)) {
-          if (e.maxValues !== void 0 && e.maxValues >= 0 && ((h = e.modelValue) == null ? void 0 : h.length) >= e.maxValues && !j(i, e.modelValue))
+          if (e.maxValues !== void 0 && e.maxValues >= 0 && ((V = e.modelValue) == null ? void 0 : V.length) >= e.maxValues && !Z(d, e.modelValue))
             return;
-          p = j(i, e.modelValue) ? De(i, e.modelValue) : [...e.modelValue, i];
+          v = Z(d, e.modelValue) ? We(d, e.modelValue) : [...e.modelValue, d];
         } else
-          p = [i];
-      r("update:modelValue", p);
+          v = [d];
+      else
+        e.unselectable && d === e.modelValue && (v = void 0);
+      t("update:modelValue", v);
     }
-    return (i, p) => {
-      var h;
-      return V(), w("ul", {
-        class: Y(c(v)),
+    return (d, v) => {
+      var V;
+      return y(), I("ul", {
+        id: a(i),
+        class: ue(a(m)),
         role: "listbox"
       }, [
-        (h = i.options) != null && h.length ? A("", !0) : (V(), w("li", qe, [
-          I("label", null, x(i.labelNoResults), 1)
+        (V = d.options) != null && V.length ? w("", !0) : (y(), I("li", rt, [
+          B("label", null, N(d.labelNoResults), 1)
         ])),
-        (V(!0), w(ee, null, be(i.options, (y, S) => (V(), w("li", {
-          key: S,
+        (y(!0), I(de, null, $e(d.options, (h, $) => (y(), I("li", {
+          key: $,
           role: "option",
-          "aria-selected": f(y)
+          "aria-selected": p(h)
         }, [
-          I("label", {
-            for: `dropdown-${S}-${c(u)}`,
-            onClick: Ve((C) => s(c(g)(y)), ["prevent"])
+          B("label", {
+            for: `dropdown-${$}-${a(i)}`,
+            onClick: Te((A) => s(a(b)(h)), ["prevent"])
           }, [
-            I("input", {
-              id: `dropdown-${S}-${c(u)}`,
-              type: i.multiple ? "checkbox" : "radio",
-              value: c(g)(y),
-              checked: f(y),
-              disabled: l(y),
+            B("input", {
+              id: `dropdown-${$}-${a(i)}`,
+              type: d.multiple ? "checkbox" : "radio",
+              value: a(b)(h),
+              checked: p(h),
+              disabled: o(h),
+              name: d.name,
               tabindex: "-1",
               "aria-hidden": "true"
-            }, null, 8, Ue),
-            te(" " + x(c(n)(y)), 1)
-          ], 8, Ge)
-        ], 8, Ze))), 128))
-      ], 2);
+            }, null, 8, st),
+            Ie(" " + N(a(l)(h)), 1)
+          ], 8, at)
+        ], 8, ot))), 128))
+      ], 10, lt);
     };
   }
-}), Qe = "ds", We = {
+}), dt = "ds", ct = {
   color: String,
   width: {
     type: [String, Number]
@@ -302,90 +319,90 @@ const xe = {
   modifiers: {
     type: [String, Array]
   }
-}, Ye = {
+}, ft = {
   name: "VvIcon"
-}, Q = /* @__PURE__ */ M({
-  ...Ye,
-  props: We,
-  setup(t) {
-    const r = t, e = k(!0), { modifiers: u } = _(r), o = Se(Qe), { bemCssClasses: a } = z("vv-icon", {
-      modifiers: u
-    }), n = m(() => r.provider || (o == null ? void 0 : o.provider)), g = m(() => {
-      const l = r.name ?? "", s = `@${n.value}:${r.prefix}:${r.name}`;
-      return D(l) ? l : D(s) ? s : (o == null ? void 0 : o.iconsCollections.find((i) => {
-        const p = `@${n.value}:${i.prefix}:${l}`;
-        if (D(p))
-          return p;
-      })) || l;
+}, W = /* @__PURE__ */ Y({
+  ...ft,
+  props: ct,
+  setup(n) {
+    const t = n, e = j(!0), { modifiers: i } = T(t), r = Ee(dt), { bemCssClasses: u } = ee("vv-icon", {
+      modifiers: i
+    }), l = c(() => t.provider || (r == null ? void 0 : r.provider)), b = c(() => {
+      const o = t.name ?? "", s = `@${l.value}:${t.prefix}:${t.name}`;
+      return U(o) ? o : U(s) ? s : (r == null ? void 0 : r.iconsCollections.find((d) => {
+        const v = `@${l.value}:${d.prefix}:${o}`;
+        if (U(v))
+          return v;
+      })) || o;
     });
-    function v(l) {
+    function m(o) {
       let s = null;
       if (typeof window > "u") {
-        const { JSDOM: y } = require("jsdom");
-        s = new y().window;
+        const { JSDOM: h } = require("jsdom");
+        s = new h().window;
       }
-      return (s ? new s.DOMParser() : new window.DOMParser()).parseFromString(l, "text/html").querySelector("svg");
+      return (s ? new s.DOMParser() : new window.DOMParser()).parseFromString(o, "text/html").querySelector("svg");
     }
-    function f(l) {
-      const s = v(l), i = (s == null ? void 0 : s.innerHTML.trim()) || "";
-      s && i && Pe(`@${n.value}:${r.prefix}:${r.name}`, {
-        body: i,
+    function p(o) {
+      const s = m(o), d = (s == null ? void 0 : s.innerHTML.trim()) || "";
+      s && d && Xe(`@${l.value}:${t.prefix}:${t.name}`, {
+        body: d,
         height: s.viewBox.baseVal.height,
         width: s.viewBox.baseVal.width
       });
     }
-    return o && (r.src && !D(`@${n.value}:${r.prefix}:${r.name}`) ? (e.value = !1, o.fetchIcon(r.src).then((l) => {
-      l && (f(l), e.value = !0);
-    }).catch((l) => {
-      throw new Error(`During fetch icon: ${l == null ? void 0 : l.message}`);
-    })) : r.svg && f(r.svg)), (l, s) => e.value ? (V(), L(c(Be), R({
+    return r && (t.src && !U(`@${l.value}:${t.prefix}:${t.name}`) ? (e.value = !1, r.fetchIcon(t.src).then((o) => {
+      o && (p(o), e.value = !0);
+    }).catch((o) => {
+      throw new Error(`During fetch icon: ${o == null ? void 0 : o.message}`);
+    })) : t.svg && p(t.svg)), (o, s) => e.value ? (y(), F(a(Je), P({
       key: 0,
-      class: c(a)
+      class: a(u)
     }, {
-      inline: l.inline,
-      width: l.width,
-      height: l.height,
-      horizontalFlip: l.horizontalFlip,
-      verticalFlip: l.verticalFlip,
-      flip: l.flip,
-      rotate: l.rotate,
-      color: l.color,
-      onLoad: l.onLoad,
-      icon: c(g)
-    }), null, 16, ["class"])) : A("", !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: a(b)
+    }), null, 16, ["class"])) : w("", !0);
   }
 });
-function F(t) {
-  return Array.isArray(t) ? t.filter((r) => je(r)).join(" ") : t;
+function G(n) {
+  return Array.isArray(n) ? n.filter((t) => Ye(t)).join(" ") : n;
 }
-function et(t, r) {
+function Fe(n, t) {
   const {
     invalid: e,
-    valid: u,
-    hint: o,
-    loading: a
-  } = r, {
-    hintLabel: n,
-    modelValue: g,
-    valid: v,
-    validLabel: f,
-    invalid: l,
+    valid: i,
+    hint: r,
+    loading: u
+  } = t, {
+    hintLabel: l,
+    modelValue: b,
+    valid: m,
+    validLabel: p,
+    invalid: o,
     invalidLabel: s,
-    ...i
-  } = _(t), p = E(i, "loading"), h = E(i, "loadingLabel"), y = m(() => l.value ? !!(l.value && e || s != null && s.value && Array.isArray(s.value) && s.value.length > 0 || s != null && s.value && !ne(s)) : !1), S = m(
-    () => !!(n && n.value || o)
-  ), C = m(
-    () => !!(f && f.value || u)
-  ), B = m(
-    () => !!(p != null && p.value && a || p != null && p.value && (h != null && h.value))
-  ), K = m(
-    () => S.value || C.value || y.value || B.value
+    ...d
+  } = T(n), v = Q(d, "loading"), V = Q(d, "loadingLabel"), h = c(() => o.value ? !!(o.value && e || s != null && s.value && Array.isArray(s.value) && s.value.length > 0 || s != null && s.value && !fe(s)) : !1), $ = c(
+    () => !!(l && l.value || r)
+  ), A = c(
+    () => !!(p && p.value || i)
+  ), O = c(
+    () => !!(v != null && v.value && u || v != null && v.value && (V != null && V.value))
+  ), C = c(
+    () => $.value || A.value || h.value || O.value
   );
   return {
-    hasInvalid: y,
-    hasHint: S,
-    hasValid: C,
-    hasLoading: B,
+    hasInvalid: h,
+    hasHint: $,
+    hasValid: A,
+    hasLoading: O,
     HintSlot: {
       name: "HintSlot",
       props: {
@@ -394,31 +411,31 @@ function et(t, r) {
           default: () => ({})
         }
       },
-      setup(P) {
-        const N = m(() => {
-          const $ = ke({
-            hintLabel: n,
-            modelValue: g,
-            valid: v,
-            validLabel: f,
-            invalid: l,
+      setup(D) {
+        const L = c(() => {
+          const k = qe({
+            hintLabel: l,
+            modelValue: b,
+            valid: m,
+            validLabel: p,
+            invalid: o,
             invalidLabel: s,
-            loading: p,
-            loadingLabel: h,
-            ...P.params
+            loading: v,
+            loadingLabel: V,
+            ...D.params
           });
-          return l != null && l.value ? (e == null ? void 0 : e($)) || F(s == null ? void 0 : s.value) || (n == null ? void 0 : n.value) : v != null && v.value ? (u == null ? void 0 : u($)) || F(f == null ? void 0 : f.value) || (n == null ? void 0 : n.value) : p != null && p.value ? (a == null ? void 0 : a($)) || F(h == null ? void 0 : h.value) || (n == null ? void 0 : n.value) : (o == null ? void 0 : o($)) || F(n == null ? void 0 : n.value) || (n == null ? void 0 : n.value);
+          return o != null && o.value ? (e == null ? void 0 : e(k)) || G(s == null ? void 0 : s.value) || (l == null ? void 0 : l.value) : m != null && m.value ? (i == null ? void 0 : i(k)) || G(p == null ? void 0 : p.value) || (l == null ? void 0 : l.value) : v != null && v.value ? (u == null ? void 0 : u(k)) || G(V == null ? void 0 : V.value) || (l == null ? void 0 : l.value) : (r == null ? void 0 : r(k)) || G(l == null ? void 0 : l.value) || (l == null ? void 0 : l.value);
         });
         return {
-          isVisible: K,
-          hasInvalid: y,
-          hasValid: C,
-          hintContent: N
+          isVisible: C,
+          hasInvalid: h,
+          hasValid: A,
+          hintContent: L
         };
       },
       render() {
         if (this.isVisible)
-          return we(
+          return Ke(
             "small",
             {
               role: this.hasInvalid || this.hasValid ? "alert" : void 0
@@ -429,22 +446,155 @@ function et(t, r) {
     }
   };
 }
-const tt = [
+const pt = {
+  ...be,
+  ...et,
+  ...tt,
+  ...Le,
+  ...Ce,
+  ..._e,
+  ...Ne,
+  ...Pe,
+  ...ve,
+  ...Be,
+  ...me,
+  ...ge,
+  ...De,
+  ...Re,
+  ...je,
+  multiple: Boolean,
+  required: Boolean,
+  size: [String, Number],
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    default: void 0
+  },
+  label: String,
+  placeholder: String
+}, vt = ["update:modelValue", "focus", "blur"], mt = ["for"], gt = { class: "vv-select__wrapper" }, bt = ["id"], ht = ["disabled", "hidden"], yt = ["disabled", "value"], Vt = {
+  name: "VvSelect"
+}, St = /* @__PURE__ */ Y({
+  ...Vt,
+  props: pt,
+  emits: vt,
+  setup(n, { emit: t }) {
+    const e = n, i = ke(), r = j(), { HintSlot: u, hasHint: l, hasInvalid: b } = Fe(e, i), {
+      modifiers: m,
+      disabled: p,
+      readonly: o,
+      loading: s,
+      icon: d,
+      iconPosition: v,
+      invalid: V,
+      valid: h,
+      floating: $,
+      multiple: A
+    } = T(e), O = c(() => String(e.id || ce())), C = c(() => `${O.value}-hint`), { focused: D } = we(r, t), L = Ue(r);
+    ie(L, (g) => {
+      g && e.autofocus && (D.value = !0);
+    });
+    const { hasIcon: k, hasIconLeft: E, hasIconRight: x } = Oe(
+      d,
+      v
+    ), H = c(() => !fe(e.modelValue)), M = c(() => e.disabled || e.readonly), z = c(() => M.value ? -1 : e.tabindex), q = c(() => {
+      if (e.invalid === !0)
+        return !0;
+      if (e.valid === !0)
+        return !1;
+    }), { bemCssClasses: te } = ee("vv-select", {
+      modifiers: m,
+      valid: h,
+      invalid: V,
+      loading: s,
+      disabled: p,
+      readonly: o,
+      iconLeft: E,
+      iconRight: x,
+      dirty: H,
+      focus: D,
+      floating: $,
+      multiple: A
+    }), ne = c(() => ({
+      name: e.name,
+      tabindex: z.value,
+      disabled: M.value,
+      required: e.required,
+      size: e.size,
+      autocomplete: e.autocomplete,
+      multiple: e.multiple,
+      "aria-invalid": q.value,
+      "aria-describedby": !b.value && l.value ? C.value : void 0,
+      "aria-errormessage": b.value ? C.value : void 0
+    })), { getOptionLabel: le, getOptionValue: re } = pe(e);
+    function oe(g) {
+      return typeof g == "string" || g.disabled === void 0 ? p.value : g.disabled;
+    }
+    const K = c({
+      get: () => e.modelValue,
+      set: (g) => {
+        Array.isArray(g) && (g = g.filter((R) => R !== void 0)), t("update:modelValue", g);
+      }
+    });
+    return (g, R) => (y(), I("div", {
+      class: ue(a(te))
+    }, [
+      g.label ? (y(), I("label", {
+        key: 0,
+        for: a(O)
+      }, N(g.label), 9, mt)) : w("", !0),
+      B("div", gt, [
+        J(g.$slots, "before", {}, () => [
+          a(E) ? (y(), F(W, he(P({ key: 0 }, a(k))), null, 16)) : w("", !0)
+        ]),
+        Ae(B("select", P({
+          id: a(O),
+          ref_key: "select",
+          ref: r,
+          "onUpdate:modelValue": R[0] || (R[0] = (f) => xe(K) ? K.value = f : null)
+        }, a(ne)), [
+          g.placeholder ? (y(), I("option", {
+            key: 0,
+            value: void 0,
+            disabled: !g.unselectable,
+            hidden: !g.unselectable
+          }, N(g.placeholder), 9, ht)) : w("", !0),
+          (y(!0), I(de, null, $e(g.options, (f, S) => (y(), I("option", {
+            key: S,
+            disabled: oe(f),
+            value: a(re)(f)
+          }, N(a(le)(f)), 9, yt))), 128))
+        ], 16, bt), [
+          [He, a(K)]
+        ]),
+        J(g.$slots, "after", {}, () => [
+          a(x) ? (y(), F(W, he(P({ key: 0 }, a(k))), null, 16)) : w("", !0)
+        ])
+      ]),
+      ae(a(u), {
+        id: a(C),
+        class: "vv-select__hint"
+      }, null, 8, ["id"])
+    ], 2));
+  }
+}), $t = [
   "update:modelValue",
   "change:search",
   "focus",
   "blur"
-], rt = {
-  ...Me,
-  ...xe,
-  ...Te,
+], It = {
+  ...be,
   ...Le,
-  ...Ee,
-  ...le,
-  ...Ke,
-  ...se,
-  ...ae,
-  ...He,
+  ...Ce,
+  ..._e,
+  ...Ne,
+  ...Pe,
+  ...ve,
+  ...Be,
+  ...me,
+  ...ge,
+  ...De,
+  ...Re,
+  ...je,
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
     default: void 0
@@ -462,133 +612,164 @@ const tt = [
   maxValues: [Number, String],
   separator: { type: String, default: ", " },
   native: Boolean
-}, nt = ["id"], ot = ["id", "for"], lt = ["tabindex"], st = ["id", "placeholder"], at = {
+}, kt = ["id"], At = ["id", "for"], Ot = ["tabindex"], wt = ["id", "placeholder"], Ct = {
   name: "VvCombobox"
-}, ft = /* @__PURE__ */ M({
-  ...at,
-  props: rt,
-  emits: tt,
-  setup(t, { emit: r }) {
-    const e = t, u = $e(), { HintSlot: o } = et(e, u), a = k(), n = k(), { focused: g } = Re(a, r), v = re(), f = k(""), l = Ie(
-      f,
+}, Dt = /* @__PURE__ */ Y({
+  ...Ct,
+  props: It,
+  emits: $t,
+  setup(n, { emit: t }) {
+    const e = n, i = ke(), { HintSlot: r } = Fe(e, i), u = j(), l = j(), { focused: b } = we(u, t), m = c(() => String(e.id || ce())), p = j(""), o = Ze(
+      p,
       Number(e.debounceSearch)
-    ), s = k(!1), {
-      icon: i,
-      iconPosition: p,
-      modifiers: h,
-      disabled: y,
-      readonly: S,
-      loading: C,
-      valid: B,
-      invalid: K
-    } = _(e);
-    W(
-      l,
-      () => r("change:search", l.value)
+    ), s = j(!1), {
+      icon: d,
+      iconPosition: v,
+      modifiers: V,
+      disabled: h,
+      readonly: $,
+      loading: A,
+      valid: O,
+      invalid: C,
+      floating: D
+    } = T(e);
+    ie(
+      o,
+      () => t("change:search", o.value)
     );
-    const { hasIcon: P, hasIconLeft: N, hasIconRight: $ } = Fe(
-      i,
-      p
-    ), ue = m(() => !ne(e.modelValue)), ie = m(() => y.value || S.value ? -1 : e.tabindex), { bemCssClasses: ce } = z("vv-select", {
-      modifiers: h,
-      disabled: y,
-      loading: C,
-      readonly: S,
-      iconLeft: N,
-      iconRight: $,
-      valid: B,
-      invalid: K,
-      dirty: ue,
-      focus: g
-    }), de = m(
-      () => e.searchable ? pe.value : e.options
-    ), { getOptionLabel: fe, getOptionValue: q } = oe(e), pe = m(() => {
-      var d;
-      return (d = e.options) == null ? void 0 : d.filter((b) => fe(b).toLowerCase().includes(l.value.toLowerCase().trim()));
-    }), me = m(() => {
-      let d = [];
-      return Array.isArray(e.modelValue) ? d = e.modelValue : e.modelValue && (d = [e.modelValue]), e.options.filter(
-        (b) => d.includes(q(b))
+    const { hasIcon: L, hasIconLeft: k, hasIconRight: E } = Oe(
+      d,
+      v
+    ), x = c(() => !fe(e.modelValue)), H = c(() => h.value || $.value ? -1 : e.tabindex), { bemCssClasses: M } = ee("vv-select", {
+      modifiers: V,
+      disabled: h,
+      loading: A,
+      readonly: $,
+      iconLeft: k,
+      iconRight: E,
+      valid: O,
+      invalid: C,
+      dirty: x,
+      focus: b,
+      floating: D
+    }), z = c(
+      () => e.searchable ? ne.value : e.options
+    ), { getOptionLabel: q, getOptionValue: te } = pe(e), ne = c(() => {
+      var f;
+      return (f = e.options) == null ? void 0 : f.filter((S) => q(S).toLowerCase().includes(o.value.toLowerCase().trim()));
+    }), le = c(() => {
+      let f = [];
+      return Array.isArray(e.modelValue) ? f = e.modelValue : e.modelValue && (f = [e.modelValue]), e.options.filter(
+        (S) => f.includes(te(S))
       );
-    }), ve = m(() => me.value.map((d) => q(d)).join(e.separator));
-    _e(a, () => {
-      a.value.open = !1;
+    }), re = c(() => le.value.map((f) => q(f)).join(e.separator));
+    Ge(u, () => {
+      u.value.open = !1;
     });
-    function ge(d) {
-      const b = d.target;
-      s.value = b.open;
+    function oe(f) {
+      const S = f.target;
+      s.value = S.open;
     }
-    function he(d) {
-      a.value && !e.multiple && (a.value.open = !1), r("update:modelValue", d);
+    function K(f) {
+      u.value && !e.multiple && (u.value.open = !1), t("update:modelValue", f);
     }
-    const ye = m(() => ({
-      options: de.value,
+    const g = c(() => ({
+      name: e.name,
+      options: z.value,
       labelKey: e.labelKey,
       valueKey: e.valueKey,
       disabled: e.disabled,
       labelNoResults: e.labelNoResults,
       multiple: e.multiple,
       maxValues: e.maxValues,
+      modelValue: e.modelValue,
+      unselectable: e.unselectable
+    })), R = c(() => ({
+      id: m.value,
+      name: e.name,
+      tabindex: H.value,
+      valid: O.value,
+      validLabel: e.validLabel,
+      invalid: C.value,
+      invalidLabel: e.invalidLabel,
+      hintLabel: e.hintLabel,
+      loading: A.value,
+      loadingLabel: e.loadingLabel,
+      disabled: h.value,
+      readonly: $.value,
+      modifiers: e.modifiers,
+      options: z.value,
+      labelKey: e.labelKey,
+      valueKey: e.valueKey,
+      icon: e.icon,
+      iconPosition: e.iconPosition,
+      floating: e.floating,
+      unselectable: e.unselectable,
+      multiple: e.multiple,
+      label: e.label,
+      placeholder: e.placeholder,
       modelValue: e.modelValue
     }));
-    return (d, b) => d.native ? A("", !0) : (V(), w("div", {
+    return (f, S) => f.native ? (y(), F(St, P({ key: 1 }, a(R), {
+      "onUpdate:modelValue": S[4] || (S[4] = (_) => t("update:modelValue", _))
+    }), null, 16)) : (y(), I("div", {
       key: 0,
-      id: c(v),
-      class: Y(c(ce))
+      id: a(m),
+      class: ue(a(M))
     }, [
-      d.label ? (V(), w("label", {
+      f.label ? (y(), I("label", {
         key: 0,
-        id: `${c(v)}-label`,
-        for: d.searchable && s.value ? `${c(v)}-input` : void 0
-      }, x(d.label), 9, ot)) : A("", !0),
-      I("details", {
+        id: `${a(m)}-label`,
+        for: f.searchable && s.value ? `${a(m)}-input` : void 0
+      }, N(f.label), 9, At)) : w("", !0),
+      B("details", {
         ref_key: "dropdown",
-        ref: a,
+        ref: u,
         class: "vv-select__wrapper",
-        onClick: b[2] || (b[2] = (O) => c(y) || c(S) ? O.preventDefault() : null),
-        onKeyup: b[3] || (b[3] = Z((O) => a.value.open = !1, ["esc"])),
-        onToggle: ge
+        onClick: S[2] || (S[2] = (_) => a(h) || a($) ? _.preventDefault() : null),
+        onKeyup: S[3] || (S[3] = ye((_) => u.value.open = !1, ["esc"])),
+        onToggle: oe
       }, [
-        I("summary", {
+        B("summary", {
           class: "vv-select__input",
-          tabindex: c(ie),
-          onKeyup: b[1] || (b[1] = Z((O) => d.searchable ? O.preventDefault() : null, ["space"]))
+          tabindex: a(H),
+          onKeyup: S[1] || (S[1] = ye((_) => f.searchable ? _.preventDefault() : null, ["space"]))
         }, [
-          G(d.$slots, "before", {}, () => [
-            c(N) ? (V(), L(Q, R({
+          J(f.$slots, "before", {}, () => [
+            a(k) ? (y(), F(W, P({
               key: 0,
               class: "vv-select__icon-left"
-            }, c(P)), null, 16)) : A("", !0)
+            }, a(L)), null, 16)) : w("", !0)
           ]),
-          d.searchable && s.value ? Ce((V(), w("input", {
+          f.searchable && s.value ? Ae((y(), I("input", {
             key: 0,
-            id: `${c(v)}-input`,
+            id: `${a(m)}-input`,
             ref_key: "inputSearch",
-            ref: n,
-            "onUpdate:modelValue": b[0] || (b[0] = (O) => f.value = O),
+            ref: l,
+            "onUpdate:modelValue": S[0] || (S[0] = (_) => p.value = _),
             role: "combobox",
             type: "search",
-            placeholder: d.searchPlaceholder
-          }, null, 8, st)), [
-            [Oe, f.value]
-          ]) : (V(), w(ee, { key: 1 }, [
-            te(x(c(ve) || d.placeholder), 1)
+            placeholder: f.searchPlaceholder
+          }, null, 8, wt)), [
+            [Me, p.value]
+          ]) : (y(), I(de, { key: 1 }, [
+            Ie(N(a(re) || f.placeholder), 1)
           ], 64)),
-          G(d.$slots, "after", {}, () => [
-            c($) ? (V(), L(Q, R({
+          J(f.$slots, "after", {}, () => [
+            a(E) ? (y(), F(W, P({
               key: 0,
               class: "vv-select__icon-right"
-            }, c(P)), null, 16)) : A("", !0)
+            }, a(L)), null, 16)) : w("", !0)
           ])
-        ], 40, lt),
-        U(Xe, R({
-          id: `${c(v)}-dropdown`
-        }, c(ye), { "onUpdate:modelValue": he }), null, 16, ["id"])
+        ], 40, Ot),
+        ae(ut, P({
+          id: `${a(m)}-dropdown`
+        }, a(g), { "onUpdate:modelValue": K }), null, 16, ["id"])
       ], 544),
-      U(c(o), { class: "vv-select__hint" })
-    ], 10, nt));
+      ae(a(r), { class: "vv-select__hint" })
+    ], 10, kt));
   }
 });
 export {
-  ft as default
+  Dt as default
 };