@volverjs/ui-vue 0.0.1-beta.11 → 0.0.1-beta.16

package/dist/components/VvNativeSelect/VvNativeSelect.es.js

@@ -1,168 +1,38 @@
-import { computed as A, unref as p, defineComponent as R, ref as M, toRefs as V, inject as x, openBlock as S, createBlock as F, mergeProps as K, createCommentVNode as E, h as T, useSlots as z, createElementBlock as O, normalizeClass as Z, toDisplayString as _, createElementVNode as q, renderSlot as I, Fragment as J, renderList as U, createVNode as X } from "vue";
-import { v4 as G } from "uuid";
-import { iconExists as D, Icon as L, addIcon as Q } from "@iconify/vue";
-import { toReactive as W } from "@vueuse/core";
-const b = {
-  equals(e, t, r) {
-    return r ? this.resolveFieldData(e, r) === this.resolveFieldData(t, r) : this.deepEquals(e, t);
-  },
-  deepEquals(e, t) {
-    if (e === t)
-      return !0;
-    if (e && t && typeof e == "object" && typeof t == "object") {
-      const r = Array.isArray(e), o = Array.isArray(t);
-      let n, u, a;
-      if (r && o) {
-        if (u = e.length, u != t.length)
-          return !1;
-        for (n = u; n-- !== 0; )
-          if (!this.deepEquals(e[n], t[n]))
-            return !1;
-        return !0;
+import { unref as a, computed as u, defineComponent as z, ref as Q, toRefs as I, inject as W, openBlock as S, createBlock as F, mergeProps as Z, createCommentVNode as C, h as Y, useSlots as L, createElementBlock as w, normalizeClass as ee, toDisplayString as q, createElementVNode as M, renderSlot as H, withDirectives as te, isRef as re, Fragment as ne, renderList as se, vModelSelect as oe, createVNode as ie } from "vue";
+import { nanoid as le } from "nanoid";
+import { iconExists as P, Icon as ae, addIcon as ue } from "@iconify/vue";
+import { toReactive as ce } from "@vueuse/core";
+function R(s, e) {
+  if (s && Object.keys(s).length && e) {
+    if (e.indexOf(".") === -1)
+      return s[e];
+    {
+      const t = e.split(".");
+      let f = s;
+      for (let l = 0, d = t.length; l < d; ++l) {
+        if (s == null)
+          return null;
+        f = f[t[l]];
       }
-      if (r != o)
-        return !1;
-      const d = e instanceof Date, i = t instanceof Date;
-      if (d != i)
-        return !1;
-      if (d && i)
-        return e.getTime() == t.getTime();
-      const m = e instanceof RegExp, s = t instanceof RegExp;
-      if (m != s)
-        return !1;
-      if (m && s)
-        return e.toString() == t.toString();
-      const l = Object.keys(e);
-      if (u = l.length, u !== Object.keys(t).length)
-        return !1;
-      for (n = u; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, l[n]))
-          return !1;
-      for (n = u; n-- !== 0; )
-        if (a = l[n], !this.deepEquals(e[a], t[a]))
-          return !1;
-      return !0;
-    }
-    return e !== e && t !== t;
-  },
-  resolveFieldData(e, t) {
-    if (e && Object.keys(e).length && t) {
-      if (t.indexOf(".") === -1)
-        return e[t];
-      {
-        const r = t.split(".");
-        let o = e;
-        for (let n = 0, u = r.length; n < u; ++n) {
-          if (e == null)
-            return null;
-          o = o[r[n]];
-        }
-        return o;
-      }
-    } else
-      return null;
-  },
-  isFunction(e) {
-    return !!(e && e.constructor && e.call && e.apply);
-  },
-  findIndexInList(e, t) {
-    let r = -1;
-    if (t) {
-      for (let o = 0; o < t.length; o++)
-        if (this.equals(t[o], e)) {
-          r = o;
-          break;
-        }
-    }
-    return r;
-  },
-  contains(e, t) {
-    if (e != null && t && t.length) {
-      for (const r of t)
-        if (this.equals(e, r))
-          return !0;
+      return f;
     }
-    return !1;
-  },
-  isEmpty(e) {
-    return e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0;
-  },
-  isNotEmpty(e) {
-    return !this.isEmpty(e);
-  },
-  pickBy(e, t) {
-    return Object.fromEntries(
-      Object.entries(e).filter(([r]) => t(r))
-    );
-  },
-  removeFromList(e, t) {
-    const r = this.findIndexInList(e, t);
-    return r > -1 ? t.filter((o, n) => n !== r) : t;
-  },
-  isString(e) {
-    return typeof e == "string" || e instanceof String;
-  },
-  propsToObject(e) {
-    return Object.keys(e).reduce((t, r) => {
-      var o, n, u, a, d;
-      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (o = e[r]) != null && o.type && (Array.isArray(e[r].type) ? t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((u = e[r]) == null ? void 0 : u.type[0]()) : t[r] = ((a = e[r]) == null ? void 0 : a.default) || ((d = e[r]) == null ? void 0 : d.type())), t;
-    }, {});
-  },
-  filterArray(e, t, r) {
-    return e.filter((o) => t.some((n) => typeof n == "string" ? o[r] == n : this.equals(
-      o[r],
-      n[r]
-    )));
-  },
-  kebabCase(e) {
-    var t, r;
-    if (e)
-      return (r = (t = e.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 : r.toLowerCase();
-  }
-}, Y = {
-  valid: Boolean,
-  validLabel: [String, Array]
-}, ee = {
-  error: Boolean,
-  errorLabel: [String, Array]
-}, te = {
-  loading: Boolean,
-  loadingLabel: String
-}, re = {
-  disabled: Boolean
-}, ne = {
-  readonly: Boolean
-}, se = {
-  modifiers: [String, Array]
-}, oe = {
-  hintLabel: { type: String, default: "" }
-}, ie = {
-  ...Y,
-  ...ee,
-  ...oe,
-  ...te,
-  ...re,
-  ...ne,
-  ...se,
-  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]
-}, le = "ds", ae = {
+  } else
+    return null;
+}
+function T(s) {
+  return ((e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0)(a(s));
+}
+function de(s) {
+  return typeof s == "string" || s instanceof String;
+}
+function x(s) {
+  var e, t;
+  if (s)
+    return (t = (e = s.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 : e.join("-")) == null ? void 0 : t.toLowerCase();
+}
+const fe = "ds", ve = {
   color: String,
   width: {
     type: [String, Number]
@@ -194,223 +64,305 @@ const b = {
     type: [String, Array]
   }
 };
-function H(e, t) {
-  const r = { [`${e}`]: !0 };
+function J(s, e) {
+  const t = { [`${s}`]: !0 };
   return {
-    bemCssClasses: A(() => Object.keys(t).reduce((n, u) => {
-      const a = p(t[u]) || !1;
-      if (!a)
-        return n;
-      if (u === "modifiers") {
-        const d = Array.isArray(a) ? a : [a];
+    bemCssClasses: u(() => Object.keys(e).reduce((l, d) => {
+      const r = a(e[d]) || !1;
+      if (!r)
+        return l;
+      if (d === "modifiers") {
+        const b = Array.isArray(r) ? r : r.split(" ");
         return {
-          ...n,
-          ...d.reduce(
-            (i, m) => ({
-              ...i,
-              [`${e}--${b.kebabCase(
-                m
-              )}`]: !0
+          ...l,
+          ...b.reduce(
+            (p, v) => ({
+              ...p,
+              [`${s}--${x(v)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...n,
-          [`${e}--${b.kebabCase(u)}`]: a
+          ...l,
+          [`${s}--${x(d)}`]: r
         };
-    }, r) || {})
+    }, t) || {})
   };
 }
-const N = /* @__PURE__ */ R({
-  __name: "VvIcon",
-  props: ae,
-  setup(e) {
-    const t = e, r = M(!0), { modifiers: o } = V(t), n = x(le), { bemCssClasses: u } = H("vv-icon", {
-      modifiers: o
-    }), a = A(() => t.provider || (n == null ? void 0 : n.provider)), d = A(() => {
-      const s = t.name || "", l = `@${a.value}:${t.prefix}:${t.name}`;
-      return D(s) ? s : D(l) ? l : (n == null ? void 0 : n.iconsCollections.find((y) => {
-        const f = `@${a.value}:${y.prefix}:${s}`;
-        if (D(f))
-          return f;
-      })) || s;
+const me = {
+  name: "VvIcon"
+}, K = /* @__PURE__ */ z({
+  ...me,
+  props: ve,
+  setup(s) {
+    const e = s, t = Q(!0), { modifiers: f } = I(e), l = W(fe), { bemCssClasses: d } = J("vv-icon", {
+      modifiers: f
+    }), r = u(() => e.provider || (l == null ? void 0 : l.provider)), b = u(() => {
+      const o = e.name || "", n = `@${r.value}:${e.prefix}:${e.name}`;
+      return P(o) ? o : P(n) ? n : (l == null ? void 0 : l.iconsCollections.find((m) => {
+        const c = `@${r.value}:${m.prefix}:${o}`;
+        if (P(c))
+          return c;
+      })) || o;
     });
-    function i(s) {
-      let l = null;
+    function p(o) {
+      let n = null;
       if (typeof window > "u") {
-        const { JSDOM: v } = require("jsdom");
-        l = new v().window;
+        const { JSDOM: y } = require("jsdom");
+        n = new y().window;
       }
-      return (l ? new l.DOMParser() : new window.DOMParser()).parseFromString(s, "text/html").querySelector("svg");
+      return (n ? new n.DOMParser() : new window.DOMParser()).parseFromString(o, "text/html").querySelector("svg");
     }
-    function m(s) {
-      const l = i(s), y = (l == null ? void 0 : l.innerHTML.trim()) || "";
-      l && y && Q(`@${a.value}:${t.prefix}:${t.name}`, {
-        body: y,
-        height: l.viewBox.baseVal.height,
-        width: l.viewBox.baseVal.width
+    function v(o) {
+      const n = p(o), m = (n == null ? void 0 : n.innerHTML.trim()) || "";
+      n && m && ue(`@${r.value}:${e.prefix}:${e.name}`, {
+        body: m,
+        height: n.viewBox.baseVal.height,
+        width: n.viewBox.baseVal.width
       });
     }
-    return n && (t.src ? (r.value = !1, n.fetchIcon(t.src).then((s) => {
-      s && (m(s), r.value = !0);
-    }).catch((s) => {
-      throw new Error(`During fetch icon: ${s == null ? void 0 : s.message}`);
-    })) : t.svg && m(t.svg)), (s, l) => r.value ? (S(), F(p(L), K({
+    return l && (e.src && !P(`@${r.value}:${e.prefix}:${e.name}`) ? (t.value = !1, l.fetchIcon(e.src).then((o) => {
+      o && (v(o), t.value = !0);
+    }).catch((o) => {
+      throw new Error(`During fetch icon: ${o == null ? void 0 : o.message}`);
+    })) : e.svg && v(e.svg)), (o, n) => t.value ? (S(), F(a(ae), Z({
       key: 0,
-      class: p(u)
+      class: a(d)
     }, {
-      ...s.$props,
-      provider: p(a),
-      icon: p(d)
-    }), null, 16, ["class"])) : E("", !0);
+      ...o.$props,
+      provider: a(r),
+      icon: a(b)
+    }), null, 16, ["class"])) : C("", !0);
   }
 });
-function B(e) {
-  return Array.isArray(e) ? e.filter((t) => b.isString(t)).reduce((t, r) => t.length > 0 ? t + `
-` + r : r, "") : e;
+function D(s) {
+  return Array.isArray(s) ? s.filter((e) => de(e)).join(" ") : s;
 }
-function ue(e, t) {
+function pe(s, e) {
+  const {
+    error: t,
+    valid: f,
+    hint: l,
+    loading: d
+  } = e, {
+    hintLabel: r,
+    modelValue: b,
+    valid: p,
+    validLabel: v,
+    error: o,
+    errorLabel: n,
+    ...m
+  } = I(s), c = R(m, "loading"), g = R(m, "loadingLabel"), y = u(() => o.value ? !!(o.value && t || n != null && n.value && Array.isArray(n.value) && n.value.length > 0 || n != null && n.value && !T(n)) : !1), V = u(
+    () => !!(r && r.value || l)
+  ), _ = u(
+    () => !!(v && v.value || f)
+  ), A = u(
+    () => !!(c != null && c.value && d || c != null && c.value && (g != null && g.value))
+  ), j = u(
+    () => V.value || _ || y.value || A.value
+  );
   return {
-    name: "HintSlot",
-    props: {
-      params: {
-        type: Object,
-        default: () => ({})
-      }
-    },
-    setup(r) {
-      const o = V(e), {
-        error: n,
-        valid: u,
-        hint: a,
-        loading: d
-      } = t, {
-        hintLabel: i,
-        modelValue: m,
-        valid: s,
-        validLabel: l,
-        error: y,
-        errorLabel: f
-      } = o, g = b.resolveFieldData(o, "loading"), v = b.resolveFieldData(
-        o,
-        "loadingLabel"
-      ), $ = A(() => y.value ? !!(y.value && n || (f == null ? void 0 : f.value) && Array.isArray(f.value) && f.value.length > 0 || (f == null ? void 0 : f.value) && b.isNotEmpty(f.value)) : !1), k = A(() => !!(i && i.value || a || u || l && l.value || $.value || (g == null ? void 0 : g.value) && d || (g == null ? void 0 : g.value) && (v == null ? void 0 : v.value))), c = A(() => {
-        const h = W({
-          hintLabel: i,
-          modelValue: m,
-          valid: s,
-          validLabel: l,
-          error: y,
-          errorLabel: f,
-          loading: g,
-          loadingLabel: v,
-          ...r.params
+    hasErrors: y,
+    hasHint: V,
+    hasValid: _,
+    hasLoading: A,
+    HintSlot: {
+      name: "HintSlot",
+      props: {
+        params: {
+          type: Object,
+          default: () => ({})
+        }
+      },
+      setup(k) {
+        const E = u(() => {
+          const $ = ce({
+            hintLabel: r,
+            modelValue: b,
+            valid: p,
+            validLabel: v,
+            error: o,
+            errorLabel: n,
+            loading: c,
+            loadingLabel: g,
+            ...k.params
+          });
+          return o != null && o.value ? (t == null ? void 0 : t($)) || D(n == null ? void 0 : n.value) || (r == null ? void 0 : r.value) : p != null && p.value ? (f == null ? void 0 : f($)) || D(v == null ? void 0 : v.value) || (r == null ? void 0 : r.value) : c != null && c.value ? (d == null ? void 0 : d($)) || D(g == null ? void 0 : g.value) || (r == null ? void 0 : r.value) : (l == null ? void 0 : l($)) || D(r == null ? void 0 : r.value) || (r == null ? void 0 : r.value);
         });
-        return y != null && y.value ? (n == null ? void 0 : n(h)) || B(f == null ? void 0 : f.value) || (i == null ? void 0 : i.value) : s != null && s.value ? (u == null ? void 0 : u(h)) || B(l == null ? void 0 : l.value) || (i == null ? void 0 : i.value) : g != null && g.value ? (d == null ? void 0 : d(h)) || B(v == null ? void 0 : v.value) || (i == null ? void 0 : i.value) : (a == null ? void 0 : a(h)) || B(i == null ? void 0 : i.value) || (i == null ? void 0 : i.value);
-      });
-      return {
-        hasHint: k,
-        hintContent: c
-      };
-    },
-    render() {
-      if (this.hasHint)
-        return T(
-          "pre",
-          { style: { "white-space": "pre" } },
-          this.hintContent
-        );
+        return {
+          isVisible: j,
+          hasErrors: y,
+          hasValid: _,
+          hintContent: E
+        };
+      },
+      render() {
+        if (this.isVisible)
+          return Y(
+            "small",
+            {
+              role: this.hasErrors || this.hasValid ? "alert" : void 0
+            },
+            this.hintContent
+          );
+      }
     }
   };
 }
-const ce = ["for"], fe = { class: "vv-select__wrapper" }, de = ["id", "value", "disabled"], pe = {
+const ge = {
+  valid: Boolean,
+  validLabel: [String, Array]
+}, ye = {
+  error: Boolean,
+  errorLabel: [String, Array]
+}, he = {
+  loading: Boolean,
+  loadingLabel: String
+}, Se = {
+  disabled: Boolean
+}, be = {
+  readonly: Boolean
+}, Ve = {
+  modifiers: [String, Array]
+}, $e = {
+  hintLabel: { type: String, default: "" }
+}, _e = {
+  ...ge,
+  ...ye,
+  ...$e,
+  ...he,
+  ...Se,
+  ...be,
+  ...Ve,
+  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 }
+}, Ae = ["update:modelValue"], we = ["for"], Ce = { class: "vv-select__wrapper" }, Be = ["id", "disabled", "required"], Pe = {
   key: 0,
-  value: "",
-  disabled: "",
-  selected: ""
-}, ye = ["disabled", "value"], Se = /* @__PURE__ */ R({
-  __name: "VvNativeSelect",
-  props: ie,
-  emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const r = e, o = z(), n = ue(r, o), {
-      modifiers: u,
-      disabled: a,
-      readonly: d,
-      loading: i,
-      iconLeft: m,
-      iconRight: s,
-      error: l,
-      valid: y
-    } = V(r), f = G(), { bemCssClasses: g } = H("vv-select", {
-      modifiers: u,
-      loading: i,
-      readonly: d,
-      iconLeft: m,
-      iconRight: s,
-      valid: y,
-      invalid: l,
-      dirty: A(() => b.isNotEmpty(r.modelValue))
-    });
-    function v(c) {
-      return typeof c == "string" ? c : c[r.valueKey];
+  value: void 0,
+  disabled: ""
+}, De = ["disabled", "value"], je = {
+  name: "VvNativeSelect"
+}, qe = /* @__PURE__ */ z({
+  ...je,
+  props: _e,
+  emits: Ae,
+  setup(s, { emit: e }) {
+    const t = s, f = L(), { HintSlot: l, hasHint: d, hasErrors: r } = pe(t, f), {
+      modifiers: b,
+      disabled: p,
+      readonly: v,
+      loading: o,
+      iconLeft: n,
+      iconRight: m,
+      error: c,
+      valid: g
+    } = I(t), y = u(() => String(t.id || le())), V = u(() => `${y.value}-hint`), _ = u(() => !T(t.modelValue)), A = u(() => t.disabled || t.readonly), j = u(() => A.value ? -1 : t.tabindex), k = u(() => {
+      if (t.error === !0)
+        return !0;
+      if (t.valid === !0)
+        return !1;
+    }), { bemCssClasses: E } = J("vv-select", {
+      modifiers: b,
+      loading: o,
+      readonly: v,
+      iconLeft: n,
+      iconRight: m,
+      valid: g,
+      invalid: c,
+      dirty: _
+    }), $ = u(() => ({
+      name: t.name,
+      tabindex: j.value,
+      "aria-invalid": k.value,
+      "aria-describedby": !r.value && d.value ? V.value : void 0,
+      "aria-errormessage": r.value ? V.value : void 0
+    }));
+    function U(i) {
+      return typeof i == "string" ? i : i[t.valueKey];
     }
-    function $(c) {
-      return typeof c == "string" ? c : c[r.labelKey];
+    function X(i) {
+      return typeof i == "string" ? i : i[t.labelKey];
     }
-    function k(c) {
-      var w;
-      const h = c.target, C = (r.useObject ? (w = r.options) == null ? void 0 : w.find(
-        (j) => j[r.valueKey] == h.value
-      ) : null) || h.value;
-      t("update:modelValue", C);
+    function G(i) {
+      return typeof i == "string" || i.disabled === void 0 ? p.value : i.disabled;
     }
-    return (c, h) => {
-      var P;
-      return S(), O("div", {
-        class: Z(p(g))
-      }, [
-        c.label ? (S(), O("label", {
-          key: 0,
-          for: p(f)
-        }, _(c.label), 9, ce)) : E("", !0),
-        q("div", fe, [
-          I(c.$slots, "icon-left", {}, () => [
-            p(m) ? (S(), F(N, {
-              key: 0,
-              name: p(m)
-            }, null, 8, ["name"])) : E("", !0)
-          ]),
-          q("select", {
-            id: p(f),
-            value: typeof c.modelValue == "string" ? c.modelValue : (P = c.modelValue) == null ? void 0 : P[c.valueKey],
-            disabled: p(a) || p(d),
-            onInput: k
-          }, [
-            c.placeholder ? (S(), O("option", pe, _(c.placeholder), 1)) : E("", !0),
-            (S(!0), O(J, null, U(c.options, (C, w) => {
-              var j;
-              return S(), O("option", {
-                key: w,
-                disabled: typeof C == "object" ? (j = C.disabled) != null ? j : p(a) : p(a),
-                value: v(C)
-              }, _($(C)), 9, ye);
-            }), 128))
-          ], 40, de),
-          I(c.$slots, "icon-right", {}, () => [
-            p(s) ? (S(), F(N, {
-              key: 0,
-              name: p(s)
-            }, null, 8, ["name"])) : E("", !0)
-          ])
+    const N = u({
+      get: () => {
+        var i;
+        return typeof t.modelValue == "object" ? (i = t.modelValue) == null ? void 0 : i[t.valueKey] : t.modelValue;
+      },
+      set: (i) => {
+        var h;
+        const B = t.useObject ? (h = t.options) == null ? void 0 : h.find(
+          (O) => O[t.valueKey] === i
+        ) : void 0;
+        e("update:modelValue", B ?? i);
+      }
+    });
+    return (i, B) => (S(), w("div", {
+      class: ee(a(E))
+    }, [
+      i.label ? (S(), w("label", {
+        key: 0,
+        for: a(y)
+      }, q(i.label), 9, we)) : C("", !0),
+      M("div", Ce, [
+        H(i.$slots, "icon-left", {}, () => [
+          a(n) ? (S(), F(K, {
+            key: 0,
+            name: a(n)
+          }, null, 8, ["name"])) : C("", !0)
+        ]),
+        te(M("select", Z({
+          id: a(y),
+          "onUpdate:modelValue": B[0] || (B[0] = (h) => re(N) ? N.value = h : null)
+        }, a($), {
+          disabled: a(A),
+          required: i.required
+        }), [
+          i.placeholder ? (S(), w("option", Pe, q(i.placeholder), 1)) : C("", !0),
+          (S(!0), w(ne, null, se(i.options, (h, O) => (S(), w("option", {
+            key: O,
+            disabled: G(h),
+            value: U(h)
+          }, q(X(h)), 9, De))), 128))
+        ], 16, Be), [
+          [oe, a(N)]
         ]),
-        X(p(n), { class: "vv-select__hint" })
-      ], 2);
-    };
+        H(i.$slots, "icon-right", {}, () => [
+          a(m) ? (S(), F(K, {
+            key: 0,
+            name: a(m)
+          }, null, 8, ["name"])) : C("", !0)
+        ])
+      ]),
+      ie(a(l), {
+        id: a(V),
+        class: "vv-select__hint"
+      }, null, 8, ["id"])
+    ], 2));
   }
 });
 export {
-  Se as default
+  qe as default
 };