@volverjs/ui-vue 0.0.1-beta.12 → 0.0.1-beta.17

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

@@ -1,266 +1,230 @@
-import { toRefs as q, computed as w, h as ce, unref as d, defineComponent as T, openBlock as S, createElementBlock as A, normalizeClass as z, createElementVNode as B, toDisplayString as E, createCommentVNode as _, Fragment as U, renderList as Y, createTextVNode as ee, ref as F, inject as de, createBlock as I, mergeProps as L, useSlots as te, renderSlot as G, createVNode as M, watch as fe, withKeys as Q, withDirectives as pe, vModelText as ye } from "vue";
-import { toReactive as me, useFocus as ve, refDebounced as ge, onClickOutside as he } from "@vueuse/core";
-import { v4 as Z } from "uuid";
-import { iconExists as H, Icon as be, addIcon as Se } from "@iconify/vue";
-const V = {
-  equals(t, r, e) {
-    return e ? this.resolveFieldData(t, e) === this.resolveFieldData(r, e) : this.deepEquals(t, r);
-  },
-  deepEquals(t, r) {
-    if (t === r)
-      return !0;
-    if (t && r && typeof t == "object" && typeof r == "object") {
-      const e = Array.isArray(t), u = Array.isArray(r);
-      let s, o, c;
-      if (e && u) {
-        if (o = t.length, o != r.length)
-          return !1;
-        for (s = o; s-- !== 0; )
-          if (!this.deepEquals(t[s], r[s]))
-            return !1;
-        return !0;
-      }
-      if (e != u)
-        return !1;
-      const m = t instanceof Date, a = r instanceof Date;
-      if (m != a)
-        return !1;
-      if (m && a)
-        return t.getTime() == r.getTime();
-      const h = t instanceof RegExp, i = r instanceof RegExp;
-      if (h != i)
-        return !1;
-      if (h && i)
-        return t.toString() == r.toString();
-      const n = Object.keys(t);
-      if (o = n.length, o !== Object.keys(r).length)
+import { unref as i, computed as g, toRefs as q, h as be, defineComponent as z, openBlock as V, createElementBlock as _, normalizeClass as W, createElementVNode as O, toDisplayString as B, createCommentVNode as C, Fragment as Y, renderList as ie, createTextVNode as ue, ref as E, inject as he, createBlock as M, mergeProps as H, useSlots as de, renderSlot as le, withDirectives as ce, isRef as Se, vModelSelect as Ve, createVNode as G, watch as $e, withKeys as oe, vModelText as Ae } from "vue";
+import { nanoid as ee } from "nanoid";
+import { toReactive as _e, useFocus as we, refDebounced as ke, onClickOutside as je } from "@vueuse/core";
+import { iconExists as I, Icon as Ce, addIcon as Oe } from "@iconify/vue";
+function R(r, t, e) {
+  return e ? L(r, e) === L(t, e) : Q(r, t);
+}
+function Q(r, t) {
+  if (r === t)
+    return !0;
+  if (r && t && typeof r == "object" && typeof t == "object") {
+    const e = Array.isArray(r), c = Array.isArray(t);
+    let n, u, l;
+    if (e && c) {
+      if (u = r.length, u != t.length)
         return !1;
-      for (s = o; s-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(r, n[s]))
-          return !1;
-      for (s = o; s-- !== 0; )
-        if (c = n[s], !this.deepEquals(t[c], r[c]))
+      for (n = u; n-- !== 0; )
+        if (!Q(r[n], t[n]))
           return !1;
       return !0;
     }
-    return t !== t && r !== r;
-  },
-  resolveFieldData(t, r) {
-    if (t && Object.keys(t).length && r) {
-      if (r.indexOf(".") === -1)
-        return t[r];
-      {
-        const e = r.split(".");
-        let u = t;
-        for (let s = 0, o = e.length; s < o; ++s) {
-          if (t == null)
-            return null;
-          u = u[e[s]];
-        }
-        return u;
-      }
-    } else
-      return null;
-  },
-  isFunction(t) {
-    return !!(t && t.constructor && t.call && t.apply);
-  },
-  findIndexInList(t, r) {
-    let e = -1;
-    if (r) {
-      for (let u = 0; u < r.length; u++)
-        if (this.equals(r[u], t)) {
-          e = u;
-          break;
-        }
-    }
-    return e;
-  },
-  contains(t, r) {
-    if (t != null && r && r.length) {
-      for (const e of r)
-        if (this.equals(t, e))
-          return !0;
-    }
-    return !1;
-  },
-  isEmpty(t) {
-    return t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0;
-  },
-  isNotEmpty(t) {
-    return !this.isEmpty(t);
-  },
-  pickBy(t, r) {
-    return Object.fromEntries(
-      Object.entries(t).filter(([e]) => r(e))
-    );
-  },
-  removeFromList(t, r) {
-    const e = this.findIndexInList(t, r);
-    return e > -1 ? r.filter((u, s) => s !== e) : r;
-  },
-  isString(t) {
-    return typeof t == "string" || t instanceof String;
-  },
-  propsToObject(t) {
-    return Object.keys(t).reduce((r, e) => {
-      var u, s, o, c, m;
-      return this.isFunction(t[e]) ? r[e] = t[e]() : Array.isArray(t[e]) ? r[e] = t[e][0]() : (u = t[e]) != null && u.type && (Array.isArray(t[e].type) ? r[e] = ((s = t[e]) == null ? void 0 : s.default) || ((o = t[e]) == null ? void 0 : o.type[0]()) : r[e] = ((c = t[e]) == null ? void 0 : c.default) || ((m = t[e]) == null ? void 0 : m.type())), r;
-    }, {});
-  },
-  filterArray(t, r, e) {
-    return t.filter((u) => r.some((s) => typeof s == "string" ? u[e] == s : this.equals(
-      u[e],
-      s[e]
-    )));
-  },
-  kebabCase(t) {
-    var r, e;
-    if (t)
-      return (e = (r = t.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();
+    if (e != c)
+      return !1;
+    const h = r instanceof Date, b = t instanceof Date;
+    if (h != b)
+      return !1;
+    if (h && b)
+      return r.getTime() == t.getTime();
+    const y = r instanceof RegExp, a = t instanceof RegExp;
+    if (y != a)
+      return !1;
+    if (y && a)
+      return r.toString() == t.toString();
+    const o = Object.keys(r);
+    if (u = o.length, u !== Object.keys(t).length)
+      return !1;
+    for (n = u; n-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, o[n]))
+        return !1;
+    for (n = u; n-- !== 0; )
+      if (l = o[n], !Q(r[l], t[l]))
+        return !1;
+    return !0;
   }
-}, re = {
-  valid: Boolean,
-  validLabel: [String, Array]
-}, ne = {
-  error: Boolean,
-  errorLabel: [String, Array]
-}, se = {
-  loading: Boolean,
-  loadingLabel: String
-}, J = {
-  disabled: Boolean
-}, le = {
-  readonly: Boolean
-}, X = {
-  modifiers: [String, Array]
-}, oe = {
-  hintLabel: { type: String, default: "" }
-}, Ve = {
-  ...re,
-  ...ne,
-  ...oe,
-  ...se,
-  ...J,
-  ...le,
-  ...X,
-  modelValue: [String, Array, Object],
-  label: String,
-  labelNoResult: { type: String, default: "No results" },
-  placeholder: String,
-  searchable: Boolean,
-  searchPlaceholder: String,
-  debounceSearch: {
-    type: [Number, String],
-    default: 0
-  },
-  options: {
-    type: Array,
-    required: !0
-  },
-  useObject: Boolean,
-  multiple: Boolean,
-  maxValues: [Number, String],
-  separator: { type: String, default: ", " },
-  labelKey: { type: String, default: "label" },
-  valueKey: { type: String, default: "value" },
-  iconLeft: String,
-  iconRight: String,
-  native: Boolean
-};
-function R(t) {
-  return Array.isArray(t) ? t.filter((r) => V.isString(r)).reduce((r, e) => r.length > 0 ? r + `
-` + e : e, "") : t;
+  return r !== r && t !== t;
 }
-function ae(t, r) {
-  return {
-    name: "HintSlot",
-    props: {
-      params: {
-        type: Object,
-        default: () => ({})
+function L(r, t) {
+  if (r && Object.keys(r).length && t) {
+    if (t.indexOf(".") === -1)
+      return r[t];
+    {
+      const e = t.split(".");
+      let c = r;
+      for (let n = 0, u = e.length; n < u; ++n) {
+        if (r == null)
+          return null;
+        c = c[e[n]];
       }
-    },
-    setup(e) {
-      const u = q(t), {
-        error: s,
-        valid: o,
-        hint: c,
-        loading: m
-      } = r, {
-        hintLabel: a,
-        modelValue: h,
-        valid: i,
-        validLabel: n,
-        error: v,
-        errorLabel: l
-      } = u, y = V.resolveFieldData(u, "loading"), b = V.resolveFieldData(
-        u,
-        "loadingLabel"
-      ), O = w(() => v.value ? !!(v.value && s || (l == null ? void 0 : l.value) && Array.isArray(l.value) && l.value.length > 0 || (l == null ? void 0 : l.value) && V.isNotEmpty(l.value)) : !1), $ = w(() => !!(a && a.value || c || o || n && n.value || O.value || (y == null ? void 0 : y.value) && m || (y == null ? void 0 : y.value) && (b == null ? void 0 : b.value))), f = w(() => {
-        const C = me({
-          hintLabel: a,
-          modelValue: h,
-          valid: i,
-          validLabel: n,
-          error: v,
-          errorLabel: l,
-          loading: y,
-          loadingLabel: b,
-          ...e.params
-        });
-        return v != null && v.value ? (s == null ? void 0 : s(C)) || R(l == null ? void 0 : l.value) || (a == null ? void 0 : a.value) : i != null && i.value ? (o == null ? void 0 : o(C)) || R(n == null ? void 0 : n.value) || (a == null ? void 0 : a.value) : y != null && y.value ? (m == null ? void 0 : m(C)) || R(b == null ? void 0 : b.value) || (a == null ? void 0 : a.value) : (c == null ? void 0 : c(C)) || R(a == null ? void 0 : a.value) || (a == null ? void 0 : a.value);
-      });
-      return {
-        hasHint: $,
-        hintContent: f
-      };
-    },
-    render() {
-      if (this.hasHint)
-        return ce(
-          "pre",
-          { style: { "white-space": "pre" } },
-          this.hintContent
-        );
+      return c;
     }
-  };
+  } else
+    return null;
+}
+function Be(r, t) {
+  let e = -1;
+  if (t) {
+    for (let c = 0; c < t.length; c++)
+      if (R(t[c], r)) {
+        e = c;
+        break;
+      }
+  }
+  return e;
+}
+function F(r, t) {
+  if (r != null && t && t.length) {
+    for (const e of t)
+      if (R(r, e))
+        return !0;
+  }
+  return !1;
+}
+function te(r) {
+  return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(i(r));
+}
+function Ne(r, t) {
+  const e = Be(r, t);
+  return e > -1 ? t.filter((c, n) => n !== e) : t;
+}
+function De(r) {
+  return typeof r == "string" || r instanceof String;
 }
-function x(t, r) {
-  const e = { [`${t}`]: !0 };
+function Pe(r, t, e) {
+  return r.filter((c) => t.some((n) => typeof n == "string" ? c[e] == n : R(c[e], n[e])));
+}
+function se(r) {
+  var t, e;
+  if (r)
+    return (e = (t = r.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 : t.join("-")) == null ? void 0 : e.toLowerCase();
+}
+function U(r, t) {
+  const e = { [`${r}`]: !0 };
   return {
-    bemCssClasses: w(() => Object.keys(r).reduce((s, o) => {
-      const c = d(r[o]) || !1;
-      if (!c)
-        return s;
-      if (o === "modifiers") {
-        const m = Array.isArray(c) ? c : [c];
+    bemCssClasses: g(() => Object.keys(t).reduce((n, u) => {
+      const l = i(t[u]) || !1;
+      if (!l)
+        return n;
+      if (u === "modifiers") {
+        const h = Array.isArray(l) ? l : l.split(" ");
         return {
-          ...s,
-          ...m.reduce(
-            (a, h) => ({
-              ...a,
-              [`${t}--${V.kebabCase(
-                h
-              )}`]: !0
+          ...n,
+          ...h.reduce(
+            (b, y) => ({
+              ...b,
+              [`${r}--${se(y)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...s,
-          [`${t}--${V.kebabCase(o)}`]: c
+          ...n,
+          [`${r}--${se(u)}`]: l
         };
     }, e) || {})
   };
 }
-const Ae = {
-  ...J,
-  ...X,
-  modelValue: [String, Array, Object],
+function T(r) {
+  return Array.isArray(r) ? r.filter((t) => De(t)).join(" ") : r;
+}
+function fe(r, t) {
+  const {
+    error: e,
+    valid: c,
+    hint: n,
+    loading: u
+  } = t, {
+    hintLabel: l,
+    modelValue: h,
+    valid: b,
+    validLabel: y,
+    error: a,
+    errorLabel: o,
+    ...s
+  } = q(r), m = L(s, "loading"), v = L(s, "loadingLabel"), S = g(() => a.value ? !!(a.value && e || o != null && o.value && Array.isArray(o.value) && o.value.length > 0 || o != null && o.value && !te(o)) : !1), $ = g(
+    () => !!(l && l.value || n)
+  ), w = g(
+    () => !!(y && y.value || c)
+  ), k = g(
+    () => !!(m != null && m.value && u || m != null && m.value && (v != null && v.value))
+  ), N = g(
+    () => $.value || w || S.value || k.value
+  );
+  return {
+    hasErrors: S,
+    hasHint: $,
+    hasValid: w,
+    hasLoading: k,
+    HintSlot: {
+      name: "HintSlot",
+      props: {
+        params: {
+          type: Object,
+          default: () => ({})
+        }
+      },
+      setup(D) {
+        const P = g(() => {
+          const j = _e({
+            hintLabel: l,
+            modelValue: h,
+            valid: b,
+            validLabel: y,
+            error: a,
+            errorLabel: o,
+            loading: m,
+            loadingLabel: v,
+            ...D.params
+          });
+          return a != null && a.value ? (e == null ? void 0 : e(j)) || T(o == null ? void 0 : o.value) || (l == null ? void 0 : l.value) : b != null && b.value ? (c == null ? void 0 : c(j)) || T(y == null ? void 0 : y.value) || (l == null ? void 0 : l.value) : m != null && m.value ? (u == null ? void 0 : u(j)) || T(v == null ? void 0 : v.value) || (l == null ? void 0 : l.value) : (n == null ? void 0 : n(j)) || T(l == null ? void 0 : l.value) || (l == null ? void 0 : l.value);
+        });
+        return {
+          isVisible: N,
+          hasErrors: S,
+          hasValid: w,
+          hintContent: P
+        };
+      },
+      render() {
+        if (this.isVisible)
+          return be(
+            "small",
+            {
+              role: this.hasErrors || this.hasValid ? "alert" : void 0
+            },
+            this.hintContent
+          );
+      }
+    }
+  };
+}
+const pe = {
+  valid: Boolean,
+  validLabel: [String, Array]
+}, ve = {
+  error: Boolean,
+  errorLabel: [String, Array]
+}, me = {
+  loading: Boolean,
+  loadingLabel: String
+}, re = {
+  disabled: Boolean
+}, ye = {
+  readonly: Boolean
+}, ne = {
+  modifiers: [String, Array]
+}, ge = {
+  hintLabel: { type: String, default: "" }
+}, Ke = {
+  ...re,
+  ...ne,
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    required: !0
+  },
   labelNoResult: { type: String, default: "No results" },
   options: {
     type: Array,
@@ -271,94 +235,81 @@ const Ae = {
   maxValues: [Number, String],
   labelKey: { type: String, default: "label" },
   valueKey: { type: String, default: "value" }
-}, we = { key: 0 }, Oe = ["for"], je = ["id", "type", "value", "checked", "disabled"], Ce = /* @__PURE__ */ T({
-  __name: "VvDropdown",
-  props: Ae,
+}, xe = {
+  key: 0,
+  role: "option"
+}, Ee = ["aria-selected"], Re = ["for"], qe = ["id", "type", "value", "checked", "disabled"], Ie = {
+  name: "VvDropdown"
+}, Fe = /* @__PURE__ */ z({
+  ...Ie,
+  props: Ke,
   emits: ["update:modelValue"],
-  setup(t, { emit: r }) {
-    const e = t, u = Z(), { modifiers: s, disabled: o } = q(e), { bemCssClasses: c } = x("vv-dropdown", {
-      modifiers: s,
-      disabled: o
+  setup(r, { emit: t }) {
+    const e = r, c = ee(), { modifiers: n, disabled: u } = q(e), { bemCssClasses: l } = U("vv-dropdown", {
+      modifiers: n,
+      disabled: u
     });
-    function m(n) {
-      return Array.isArray(e.modelValue) ? V.contains(n, e.modelValue) || V.contains(a(n), e.modelValue) : V.equals(n, e.modelValue) || V.equals(a(n), e.modelValue);
+    function h(s) {
+      return Array.isArray(e.modelValue) ? F(s, e.modelValue) || F(b(s), e.modelValue) : R(s, e.modelValue) || R(b(s), e.modelValue);
     }
-    function a(n) {
-      return typeof n == "string" ? n : String(n[e.valueKey]);
+    function b(s) {
+      return typeof s == "string" ? s : String(s[e.valueKey]);
     }
-    function h(n) {
-      return typeof n == "string" ? n : n[e.labelKey];
+    function y(s) {
+      return typeof s == "string" ? s : s[e.labelKey];
     }
-    function i(n) {
-      var b, O;
-      const v = n.target;
-      let l = v.value;
-      if (l = (e.useObject ? (b = e.options) == null ? void 0 : b.find(
-        ($) => $[e.valueKey] == l
-      ) : null) || l, e.multiple) {
-        if (typeof e.maxValues < "u" && e.maxValues >= 0 && ((O = e.modelValue) == null ? void 0 : O.length) >= e.maxValues && (Array.isArray(e.modelValue) && !V.contains(l, e.modelValue) || e.maxValues == 0)) {
-          v.checked = !1;
+    function a(s) {
+      return typeof s == "string" || s.disabled === void 0 ? u.value : s.disabled;
+    }
+    function o(s) {
+      var $, w;
+      const m = s.target;
+      let v = m.value;
+      if (v = (e.useObject ? ($ = e.options) == null ? void 0 : $.find(
+        (k) => k[e.valueKey] == v
+      ) : null) || v, e.multiple) {
+        if (typeof e.maxValues < "u" && e.maxValues >= 0 && Array.isArray(e.modelValue) && ((w = e.modelValue) == null ? void 0 : w.length) >= e.maxValues && (Array.isArray(e.modelValue) && !F(v, e.modelValue) || e.maxValues == 0)) {
+          m.checked = !1;
           return;
         }
-        Array.isArray(e.modelValue) ? l = V.contains(l, e.modelValue) ? V.removeFromList(l, e.modelValue) : [...e.modelValue, l] : l = [l];
+        Array.isArray(e.modelValue) ? v = F(v, e.modelValue) ? Ne(v, e.modelValue) : [...e.modelValue, v] : v = [v];
       }
-      r("update:modelValue", l);
+      t("update:modelValue", v);
     }
-    return (n, v) => {
-      var l;
-      return S(), A("ul", {
-        class: z(d(c)),
+    return (s, m) => {
+      var v;
+      return V(), _("ul", {
+        class: W(i(l)),
         role: "listbox"
       }, [
-        (l = n.options) != null && l.length ? _("", !0) : (S(), A("li", we, [
-          B("label", null, E(n.labelNoResult), 1)
+        (v = s.options) != null && v.length ? C("", !0) : (V(), _("li", xe, [
+          O("label", null, B(s.labelNoResult), 1)
         ])),
-        (S(!0), A(U, null, Y(n.options, (y, b) => {
-          var O;
-          return S(), A("li", { key: b }, [
-            B("label", {
-              for: `dropdown-${b}-${d(u)}`
-            }, [
-              B("input", {
-                id: `dropdown-${b}-${d(u)}`,
-                type: n.multiple ? "checkbox" : "radio",
-                value: a(y),
-                checked: m(y),
-                disabled: typeof y == "object" ? (O = y.disabled) != null ? O : d(o) : d(o),
-                onInput: i
-              }, null, 40, je),
-              ee(" " + E(h(y)), 1)
-            ], 8, Oe)
-          ]);
-        }), 128))
+        (V(!0), _(Y, null, ie(s.options, (S, $) => (V(), _("li", {
+          key: $,
+          role: "option",
+          "aria-selected": h(S)
+        }, [
+          O("label", {
+            for: `dropdown-${$}-${i(c)}`
+          }, [
+            O("input", {
+              id: `dropdown-${$}-${i(c)}`,
+              type: s.multiple ? "checkbox" : "radio",
+              value: b(S),
+              checked: h(S),
+              disabled: a(S),
+              tabindex: "-1",
+              "aria-hidden": "true",
+              onInput: o
+            }, null, 40, qe),
+            ue(" " + B(y(S)), 1)
+          ], 8, Re)
+        ], 8, Ee))), 128))
       ], 2);
     };
   }
-}), ke = {
-  ...re,
-  ...ne,
-  ...oe,
-  ...se,
-  ...J,
-  ...le,
-  ...X,
-  modelValue: {
-    type: [String, Object],
-    required: !0
-  },
-  label: String,
-  placeholder: String,
-  options: {
-    type: Array,
-    required: !0
-  },
-  useObject: Boolean,
-  labelKey: { type: String, default: "label" },
-  valueKey: { type: String, default: "value" },
-  iconLeft: String,
-  iconRight: String,
-  modifiers: [String, Array]
-}, $e = "ds", _e = {
+}), Te = "ds", Me = {
   color: String,
   width: {
     type: [String, Number]
@@ -389,247 +340,342 @@ const Ae = {
   modifiers: {
     type: [String, Array]
   }
-}, W = /* @__PURE__ */ T({
-  __name: "VvIcon",
-  props: _e,
-  setup(t) {
-    const r = t, e = F(!0), { modifiers: u } = q(r), s = de($e), { bemCssClasses: o } = x("vv-icon", {
-      modifiers: u
-    }), c = w(() => r.provider || (s == null ? void 0 : s.provider)), m = w(() => {
-      const i = r.name || "", n = `@${c.value}:${r.prefix}:${r.name}`;
-      return H(i) ? i : H(n) ? n : (s == null ? void 0 : s.iconsCollections.find((v) => {
-        const l = `@${c.value}:${v.prefix}:${i}`;
-        if (H(l))
-          return l;
-      })) || i;
+}, He = {
+  name: "VvIcon"
+}, ae = /* @__PURE__ */ z({
+  ...He,
+  props: Me,
+  setup(r) {
+    const t = r, e = E(!0), { modifiers: c } = q(t), n = he(Te), { bemCssClasses: u } = U("vv-icon", {
+      modifiers: c
+    }), l = g(() => t.provider || (n == null ? void 0 : n.provider)), h = g(() => {
+      const a = t.name || "", o = `@${l.value}:${t.prefix}:${t.name}`;
+      return I(a) ? a : I(o) ? o : (n == null ? void 0 : n.iconsCollections.find((s) => {
+        const m = `@${l.value}:${s.prefix}:${a}`;
+        if (I(m))
+          return m;
+      })) || a;
     });
-    function a(i) {
-      let n = null;
+    function b(a) {
+      let o = null;
       if (typeof window > "u") {
-        const { JSDOM: b } = require("jsdom");
-        n = new b().window;
+        const { JSDOM: S } = require("jsdom");
+        o = new S().window;
       }
-      return (n ? new n.DOMParser() : new window.DOMParser()).parseFromString(i, "text/html").querySelector("svg");
+      return (o ? new o.DOMParser() : new window.DOMParser()).parseFromString(a, "text/html").querySelector("svg");
     }
-    function h(i) {
-      const n = a(i), v = (n == null ? void 0 : n.innerHTML.trim()) || "";
-      n && v && Se(`@${c.value}:${r.prefix}:${r.name}`, {
-        body: v,
-        height: n.viewBox.baseVal.height,
-        width: n.viewBox.baseVal.width
+    function y(a) {
+      const o = b(a), s = (o == null ? void 0 : o.innerHTML.trim()) || "";
+      o && s && Oe(`@${l.value}:${t.prefix}:${t.name}`, {
+        body: s,
+        height: o.viewBox.baseVal.height,
+        width: o.viewBox.baseVal.width
       });
     }
-    return s && (r.src ? (e.value = !1, s.fetchIcon(r.src).then((i) => {
-      i && (h(i), e.value = !0);
-    }).catch((i) => {
-      throw new Error(`During fetch icon: ${i == null ? void 0 : i.message}`);
-    })) : r.svg && h(r.svg)), (i, n) => e.value ? (S(), I(d(be), L({
+    return n && (t.src && !I(`@${l.value}:${t.prefix}:${t.name}`) ? (e.value = !1, n.fetchIcon(t.src).then((a) => {
+      a && (y(a), e.value = !0);
+    }).catch((a) => {
+      throw new Error(`During fetch icon: ${a == null ? void 0 : a.message}`);
+    })) : t.svg && y(t.svg)), (a, o) => e.value ? (V(), M(i(Ce), H({
       key: 0,
-      class: d(o)
+      class: i(u)
     }, {
-      ...i.$props,
-      provider: d(c),
-      icon: d(m)
-    }), null, 16, ["class"])) : _("", !0);
+      ...a.$props,
+      provider: i(l),
+      icon: i(h)
+    }), null, 16, ["class"])) : C("", !0);
   }
-}), Be = ["for"], Ee = { class: "vv-select__wrapper" }, Ne = ["id", "value", "disabled"], De = {
+}), Le = {
+  ...pe,
+  ...ve,
+  ...ge,
+  ...me,
+  ...re,
+  ...ye,
+  ...ne,
+  id: [String, Number],
+  name: { type: String, required: !0 },
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    default: void 0
+  },
+  label: String,
+  required: Boolean,
+  placeholder: String,
+  options: {
+    type: Array,
+    required: !0
+  },
+  useObject: Boolean,
+  labelKey: { type: String, default: "label" },
+  valueKey: { type: String, default: "value" },
+  iconLeft: String,
+  iconRight: String,
+  modifiers: [String, Array],
+  tabindex: { type: [String, Number], default: 0 }
+}, ze = ["update:modelValue"], Ue = ["for"], Ze = { class: "vv-select__wrapper" }, Je = ["id", "disabled", "required"], Xe = {
   key: 0,
-  value: "",
-  disabled: "",
-  selected: ""
-}, Pe = ["disabled", "value"], Ke = /* @__PURE__ */ T({
-  __name: "VvNativeSelect",
-  props: ke,
-  emits: ["update:modelValue"],
-  setup(t, { emit: r }) {
-    const e = t, u = te(), s = ae(e, u), {
-      modifiers: o,
-      disabled: c,
-      readonly: m,
+  value: void 0,
+  disabled: ""
+}, Ge = ["disabled", "value"], Qe = {
+  name: "VvNativeSelect"
+}, We = /* @__PURE__ */ z({
+  ...Qe,
+  props: Le,
+  emits: ze,
+  setup(r, { emit: t }) {
+    const e = r, c = de(), { HintSlot: n, hasHint: u, hasErrors: l } = fe(e, c), {
+      modifiers: h,
+      disabled: b,
+      readonly: y,
       loading: a,
-      iconLeft: h,
-      iconRight: i,
-      error: n,
+      iconLeft: o,
+      iconRight: s,
+      error: m,
       valid: v
-    } = q(e), l = Z(), { bemCssClasses: y } = x("vv-select", {
-      modifiers: o,
+    } = q(e), S = g(() => String(e.id || ee())), $ = g(() => `${S.value}-hint`), w = g(() => !te(e.modelValue)), k = g(() => e.disabled || e.readonly), N = g(() => k.value ? -1 : e.tabindex), D = g(() => {
+      if (e.error === !0)
+        return !0;
+      if (e.valid === !0)
+        return !1;
+    }), { bemCssClasses: P } = U("vv-select", {
+      modifiers: h,
       loading: a,
-      readonly: m,
-      iconLeft: h,
-      iconRight: i,
+      readonly: y,
+      iconLeft: o,
+      iconRight: s,
       valid: v,
-      invalid: n,
-      dirty: w(() => V.isNotEmpty(e.modelValue))
-    });
-    function b(f) {
-      return typeof f == "string" ? f : f[e.valueKey];
+      invalid: m,
+      dirty: w
+    }), j = g(() => ({
+      name: e.name,
+      tabindex: N.value,
+      "aria-invalid": D.value,
+      "aria-describedby": !l.value && u.value ? $.value : void 0,
+      "aria-errormessage": l.value ? $.value : void 0
+    }));
+    function Z(p) {
+      return typeof p == "string" ? p : p[e.valueKey];
     }
-    function O(f) {
-      return typeof f == "string" ? f : f[e.labelKey];
+    function J(p) {
+      return typeof p == "string" ? p : p[e.labelKey];
     }
-    function $(f) {
-      var N;
-      const C = f.target, k = (e.useObject ? (N = e.options) == null ? void 0 : N.find(
-        (D) => D[e.valueKey] == C.value
-      ) : null) || C.value;
-      r("update:modelValue", k);
+    function X(p) {
+      return typeof p == "string" || p.disabled === void 0 ? b.value : p.disabled;
     }
-    return (f, C) => {
-      var P;
-      return S(), A("div", {
-        class: z(d(y))
-      }, [
-        f.label ? (S(), A("label", {
-          key: 0,
-          for: d(l)
-        }, E(f.label), 9, Be)) : _("", !0),
-        B("div", Ee, [
-          G(f.$slots, "icon-left", {}, () => [
-            d(h) ? (S(), I(W, {
-              key: 0,
-              name: d(h)
-            }, null, 8, ["name"])) : _("", !0)
-          ]),
-          B("select", {
-            id: d(l),
-            value: typeof f.modelValue == "string" ? f.modelValue : (P = f.modelValue) == null ? void 0 : P[f.valueKey],
-            disabled: d(c) || d(m),
-            onInput: $
-          }, [
-            f.placeholder ? (S(), A("option", De, E(f.placeholder), 1)) : _("", !0),
-            (S(!0), A(U, null, Y(f.options, (k, N) => {
-              var D;
-              return S(), A("option", {
-                key: N,
-                disabled: typeof k == "object" ? (D = k.disabled) != null ? D : d(c) : d(c),
-                value: b(k)
-              }, E(O(k)), 9, Pe);
-            }), 128))
-          ], 40, Ne),
-          G(f.$slots, "icon-right", {}, () => [
-            d(i) ? (S(), I(W, {
-              key: 0,
-              name: d(i)
-            }, null, 8, ["name"])) : _("", !0)
-          ])
+    const K = g({
+      get: () => {
+        var p;
+        return typeof e.modelValue == "object" ? (p = e.modelValue) == null ? void 0 : p[e.valueKey] : e.modelValue;
+      },
+      set: (p) => {
+        var d;
+        const f = e.useObject ? (d = e.options) == null ? void 0 : d.find(
+          (A) => A[e.valueKey] === p
+        ) : void 0;
+        t("update:modelValue", f ?? p);
+      }
+    });
+    return (p, f) => (V(), _("div", {
+      class: W(i(P))
+    }, [
+      p.label ? (V(), _("label", {
+        key: 0,
+        for: i(S)
+      }, B(p.label), 9, Ue)) : C("", !0),
+      O("div", Ze, [
+        le(p.$slots, "icon-left", {}, () => [
+          i(o) ? (V(), M(ae, {
+            key: 0,
+            name: i(o)
+          }, null, 8, ["name"])) : C("", !0)
         ]),
-        M(d(s), { class: "vv-select__hint" })
-      ], 2);
-    };
+        ce(O("select", H({
+          id: i(S),
+          "onUpdate:modelValue": f[0] || (f[0] = (d) => Se(K) ? K.value = d : null)
+        }, i(j), {
+          disabled: i(k),
+          required: p.required
+        }), [
+          p.placeholder ? (V(), _("option", Xe, B(p.placeholder), 1)) : C("", !0),
+          (V(!0), _(Y, null, ie(p.options, (d, A) => (V(), _("option", {
+            key: A,
+            disabled: X(d),
+            value: Z(d)
+          }, B(J(d)), 9, Ge))), 128))
+        ], 16, Je), [
+          [Ve, i(K)]
+        ]),
+        le(p.$slots, "icon-right", {}, () => [
+          i(s) ? (V(), M(ae, {
+            key: 0,
+            name: i(s)
+          }, null, 8, ["name"])) : C("", !0)
+        ])
+      ]),
+      G(i(n), {
+        id: i($),
+        class: "vv-select__hint"
+      }, null, 8, ["id"])
+    ], 2));
   }
-}), Fe = ["id"], qe = {
-  key: 0,
-  for: "select"
-}, Re = ["placeholder"], Le = /* @__PURE__ */ T({
-  __name: "VvSelect",
-  props: Ve,
+}), Ye = {
+  ...pe,
+  ...ve,
+  ...ge,
+  ...me,
+  ...re,
+  ...ye,
+  ...ne,
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    default: void 0
+  },
+  label: String,
+  labelNoResult: { type: String, default: "No results" },
+  placeholder: String,
+  searchable: Boolean,
+  searchPlaceholder: String,
+  debounceSearch: {
+    type: [Number, String],
+    default: 0
+  },
+  options: {
+    type: Array,
+    required: !0
+  },
+  useObject: Boolean,
+  multiple: Boolean,
+  maxValues: [Number, String],
+  separator: { type: String, default: ", " },
+  labelKey: { type: String, default: "label" },
+  valueKey: { type: String, default: "value" },
+  iconLeft: String,
+  iconRight: String,
+  native: Boolean,
+  tabindex: {
+    type: [Number, String],
+    default: 0
+  }
+}, et = ["id"], tt = ["id", "for"], rt = ["tabindex"], nt = ["id", "placeholder"], lt = {
+  name: "VvSelect"
+}, ut = /* @__PURE__ */ z({
+  ...lt,
+  props: Ye,
   emits: ["update:modelValue", "change:search"],
-  setup(t, { emit: r }) {
-    const e = t, u = te(), s = ae(e, u), o = F(), c = F();
-    ve(c, { initialValue: !0 });
-    const m = Z(), a = F(""), h = ge(
-      a,
+  setup(r, { emit: t }) {
+    const e = r, c = de(), { HintSlot: n } = fe(e, c), u = E(), l = E();
+    we(l, { initialValue: !0 });
+    const h = ee(), b = E(""), y = ke(
+      b,
       Number(e.debounceSearch)
-    ), i = F(!1), {
-      modifiers: n,
-      disabled: v,
-      readonly: l,
-      loading: y,
-      iconLeft: b,
-      iconRight: O,
-      valid: $,
-      error: f
+    ), a = E(!1), {
+      modifiers: o,
+      disabled: s,
+      readonly: m,
+      loading: v,
+      iconLeft: S,
+      iconRight: $,
+      valid: w,
+      error: k
     } = q(e);
-    fe(
-      h,
-      () => r("change:search", h.value)
+    $e(
+      y,
+      () => t("change:search", y.value)
     );
-    const { bemCssClasses: C } = x("vv-select", {
-      modifiers: n,
-      disabled: v,
-      loading: y,
-      readonly: l,
-      iconLeft: b,
-      iconRight: O,
-      valid: $,
-      invalid: f,
-      dirty: w(() => V.isNotEmpty(e.modelValue))
-    }), P = w(
+    const N = g(() => !te(e.modelValue)), D = g(() => s.value || m.value ? -1 : e.tabindex), { bemCssClasses: P } = U("vv-select", {
+      modifiers: o,
+      disabled: s,
+      loading: v,
+      readonly: m,
+      iconLeft: S,
+      iconRight: $,
+      valid: w,
+      invalid: k,
+      dirty: N
+    }), j = g(
       () => {
-        var p;
-        return (p = e.options) == null ? void 0 : p.every((g) => typeof g == "object");
+        var f;
+        return (f = e.options) == null ? void 0 : f.every((d) => typeof d == "object");
       }
-    ), k = w(
-      () => e.searchable ? N.value : e.options
-    ), N = w(() => {
-      var p;
-      return (p = e.options) == null ? void 0 : p.filter((g) => typeof g == "string" ? g.toLowerCase().includes(h.value.toLowerCase().trim()) : g[e.labelKey].toLowerCase().includes(h.value.toLowerCase().trim()));
-    }), D = w(() => {
-      var g, j;
-      if (e.multiple && ((g = e.modelValue) == null ? void 0 : g.length) && Array.isArray(e.modelValue))
-        return P.value ? V.filterArray(
+    ), Z = g(
+      () => e.searchable ? J.value : e.options
+    ), J = g(() => {
+      var f;
+      return (f = e.options) == null ? void 0 : f.filter((d) => typeof d == "string" ? d.toLowerCase().includes(y.value.toLowerCase().trim()) : typeof d[e.labelKey] == "string" ? d[e.labelKey].toLowerCase().includes(y.value.toLowerCase().trim()) : !1);
+    }), X = g(() => {
+      var d, A;
+      if (e.multiple && Array.isArray(e.modelValue) && ((d = e.modelValue) != null && d.length))
+        return j.value ? Pe(
           e.options,
           e.modelValue,
           e.valueKey
-        ).map((K) => K[e.labelKey]).join(e.separator) : e.modelValue.join(e.separator);
-      const p = e.useObject ? e.modelValue : (j = e.options) == null ? void 0 : j.find(
-        (K) => typeof K == "object" ? K[e.valueKey] == e.modelValue : K == e.modelValue
+        ).map((x) => x[e.labelKey]).join(e.separator) : e.modelValue.join(e.separator);
+      const f = e.useObject ? e.modelValue : (A = e.options) == null ? void 0 : A.find(
+        (x) => typeof x == "object" ? x[e.valueKey] == e.modelValue : x == e.modelValue
       );
-      return typeof p == "object" ? p == null ? void 0 : p[e.labelKey] : p;
+      return typeof f == "object" ? f == null ? void 0 : f[e.labelKey] : f;
     });
-    he(o, () => {
-      o.value.open = !1;
+    je(u, () => {
+      u.value.open = !1;
     });
-    function ie(p) {
-      const g = p.target;
-      i.value = g.open;
+    function K(f) {
+      const d = f.target;
+      a.value = d.open;
     }
-    function ue(p) {
-      o.value && !e.multiple && (o.value.open = !1), r("update:modelValue", p);
+    function p(f) {
+      u.value && !e.multiple && (u.value.open = !1), t("update:modelValue", f);
     }
-    return (p, g) => p.native ? (S(), I(Ke, L({ key: 1 }, e, {
-      "onUpdate:modelValue": g[4] || (g[4] = (j) => r("update:modelValue", j))
-    }), null, 16)) : (S(), A("div", {
+    return (f, d) => f.native ? (V(), M(We, H({ key: 1 }, e, {
+      "onUpdate:modelValue": d[4] || (d[4] = (A) => t("update:modelValue", A))
+    }), null, 16)) : (V(), _("div", {
       key: 0,
-      id: d(m),
-      class: z(d(C))
+      id: i(h),
+      class: W(i(P))
     }, [
-      p.label ? (S(), A("label", qe, E(p.label), 1)) : _("", !0),
-      B("details", {
+      f.label ? (V(), _("label", {
+        key: 0,
+        id: `${i(h)}-label`,
+        for: f.searchable && a.value ? `${i(h)}-input` : void 0
+      }, B(f.label), 9, tt)) : C("", !0),
+      O("details", {
         ref_key: "dropdown",
-        ref: o,
-        role: "list",
+        ref: u,
         class: "vv-select__wrapper",
-        onClick: g[2] || (g[2] = (j) => d(v) || d(l) ? j.preventDefault() : null),
-        onKeyup: g[3] || (g[3] = Q((j) => o.value.open = !1, ["esc"])),
-        onToggle: ie
+        onClick: d[2] || (d[2] = (A) => i(s) || i(m) ? A.preventDefault() : null),
+        onKeyup: d[3] || (d[3] = oe((A) => u.value.open = !1, ["esc"])),
+        onToggle: K
       }, [
-        B("summary", {
+        O("summary", {
           class: "vv-select__input",
-          "aria-haspopup": "listbox",
-          onKeyup: g[1] || (g[1] = Q((j) => p.searchable ? j.preventDefault() : null, ["space"]))
+          tabindex: i(D),
+          onKeyup: d[1] || (d[1] = oe((A) => f.searchable ? A.preventDefault() : null, ["space"]))
         }, [
-          p.searchable && i.value ? pe((S(), A("input", {
+          f.searchable && a.value ? ce((V(), _("input", {
             key: 0,
+            id: `${i(h)}-input`,
             ref_key: "inputSearch",
-            ref: c,
-            "onUpdate:modelValue": g[0] || (g[0] = (j) => a.value = j),
-            placeholder: p.searchPlaceholder
-          }, null, 8, Re)), [
-            [ye, a.value]
-          ]) : (S(), A(U, { key: 1 }, [
-            ee(E(d(D) || p.placeholder), 1)
+            ref: l,
+            "onUpdate:modelValue": d[0] || (d[0] = (A) => b.value = A),
+            role: "combobox",
+            placeholder: f.searchPlaceholder
+          }, null, 8, nt)), [
+            [Ae, b.value]
+          ]) : (V(), _(Y, { key: 1 }, [
+            ue(B(i(X) || f.placeholder), 1)
           ], 64))
-        ], 32),
-        M(Ce, L({
+        ], 40, rt),
+        G(Fe, H({
+          id: `${i(h)}-dropdown`
+        }, {
           ...e,
-          options: d(k)
-        }, { "onUpdate:modelValue": ue }), null, 16)
+          options: i(Z)
+        }, { "onUpdate:modelValue": p }), null, 16, ["id"])
       ], 544),
-      M(d(s), { class: "vv-select__hint" })
-    ], 10, Fe));
+      G(i(n), { class: "vv-select__hint" })
+    ], 10, et));
   }
 });
 export {
-  Le as default
+  ut as default
 };