@volverjs/ui-vue 0.0.1 → 0.0.2

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

@@ -1,99 +1,99 @@
-import { unref as u, computed as i, toRefs as j, watch as oe, defineComponent as G, ref as J, inject as se, openBlock as y, createBlock as R, mergeProps as D, createCommentVNode as $, h as ae, useSlots as ie, createElementBlock as O, normalizeClass as le, toDisplayString as N, createElementVNode as H, renderSlot as M, normalizeProps as T, withDirectives as ue, isRef as ce, Fragment as de, renderList as fe, vModelSelect as ve, createVNode as pe } from "vue";
-import { nanoid as me } from "nanoid";
-import { useFocus as ge, toReactive as he } from "@vueuse/core";
-import { iconExists as F, Icon as ye, addIcon as be } from "@iconify/vue";
-function q(e, r) {
+import { unref as c, computed as i, toRefs as j, watch as J, defineComponent as X, ref as Q, inject as ae, openBlock as y, createBlock as R, mergeProps as D, createCommentVNode as O, h as ue, useSlots as ce, createElementBlock as B, normalizeClass as de, toDisplayString as E, createElementVNode as T, renderSlot as q, normalizeProps as L, withDirectives as fe, isRef as ve, Fragment as pe, renderList as me, vModelSelect as ge, createVNode as he } from "vue";
+import { nanoid as ye } from "nanoid";
+import { useFocus as be, toReactive as Se, useElementVisibility as Ie } from "@vueuse/core";
+import { iconExists as F, Icon as Ve, addIcon as Pe } from "@iconify/vue";
+function K(e, r) {
   if (e && Object.keys(e).length && r) {
     if (r.indexOf(".") === -1)
       return e[r];
     {
       const t = r.split(".");
-      let l = e;
-      for (let a = 0, c = t.length; a < c; ++a) {
+      let a = e;
+      for (let l = 0, d = t.length; l < d; ++l) {
         if (e == null)
           return null;
-        l = l[t[a]];
+        a = a[t[l]];
       }
-      return l;
+      return a;
     }
   } else
     return null;
 }
-function U(e) {
-  return ((r) => r == null || r === "" || Array.isArray(r) && r.length === 0 || !(r instanceof Date) && typeof r == "object" && Object.keys(r).length === 0)(u(e));
+function W(e) {
+  return ((r) => r == null || r === "" || Array.isArray(r) && r.length === 0 || !(r instanceof Date) && typeof r == "object" && Object.keys(r).length === 0)(c(e));
 }
-function Se(e) {
+function Ae(e) {
   return typeof e == "string" || e instanceof String;
 }
-function L(e) {
+function Z(e) {
   var r, t;
   if (e)
     return (t = (r = 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 : r.join("-")) == null ? void 0 : t.toLowerCase();
 }
-function X(e, r) {
+function Y(e, r) {
   const t = { [`${e}`]: !0 };
   return {
-    bemCssClasses: i(() => Object.keys(r).reduce((a, c) => {
-      const n = u(r[c]) || !1;
+    bemCssClasses: i(() => Object.keys(r).reduce((l, d) => {
+      const n = c(r[d]) || !1;
       if (!n)
-        return a;
-      if (c === "modifiers") {
+        return l;
+      if (d === "modifiers") {
         const h = Array.isArray(n) ? n : n.split(" ");
         return {
-          ...a,
+          ...l,
           ...h.reduce(
-            (p, f) => ({
+            (p, v) => ({
               ...p,
-              [`${e}--${L(f)}`]: !0
+              [`${e}--${Z(v)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...a,
-          [`${e}--${L(c)}`]: n
+          ...l,
+          [`${e}--${Z(d)}`]: n
         };
     }, t) || {})
   };
 }
-function Ie(e, r, t) {
-  const l = i(
+function Be(e, r, t) {
+  const a = i(
     () => !!(e != null && e.value && r.value === "left" || t != null && t.iconLeft)
-  ), a = i(
+  ), l = i(
     () => !!(e != null && e.value && r.value === "right" || t != null && t.iconRight)
-  ), c = i(
+  ), d = i(
     () => !!(e != null && e.value && r.value === "top" || t != null && t.iconTop)
   ), n = i(
     () => !!(e != null && e.value && r.value === "bottom" || t != null && t.iconBottom)
   );
   return {
     hasIcon: i(() => typeof (e == null ? void 0 : e.value) == "string" ? { name: e == null ? void 0 : e.value } : e == null ? void 0 : e.value),
-    hasIconLeft: l,
-    hasIconRight: a,
-    hasIconTop: c,
+    hasIconLeft: a,
+    hasIconRight: l,
+    hasIconTop: d,
     hasIconBottom: n
   };
 }
-function Ve(e) {
-  const { options: r, labelKey: t, valueKey: l } = j(e);
+function Oe(e) {
+  const { options: r, labelKey: t, valueKey: a } = j(e);
   return {
     options: r,
     getOptionLabel: (n) => typeof n != "object" && n !== null ? n : typeof t.value == "function" ? t.value(n) : n[t.value],
-    getOptionValue: (n) => typeof n != "object" && n !== null ? n : typeof l.value == "function" ? l.value(n) : n[l.value]
+    getOptionValue: (n) => typeof n != "object" && n !== null ? n : typeof a.value == "function" ? a.value(n) : n[a.value]
   };
 }
-function we(e, r) {
-  const { focused: t } = ge(e);
-  return oe(t, (l) => {
-    r(l ? "focus" : "blur", u(e));
+function $e(e, r) {
+  const { focused: t } = be(e);
+  return J(t, (a) => {
+    r(a ? "focus" : "blur", c(e));
   }), {
     focused: t
   };
 }
-const Oe = "ds", $e = {
+const Ce = "ds", we = {
   color: String,
   width: {
     type: [String, Number]
@@ -124,20 +124,20 @@ const Oe = "ds", $e = {
   modifiers: {
     type: [String, Array]
   }
-}, Ce = {
+}, Fe = {
   name: "VvIcon"
-}, K = /* @__PURE__ */ G({
-  ...Ce,
-  props: $e,
+}, G = /* @__PURE__ */ X({
+  ...Fe,
+  props: we,
   setup(e) {
-    const r = e, t = J(!0), { modifiers: l } = j(r), a = se(Oe), { bemCssClasses: c } = X("vv-icon", {
-      modifiers: l
-    }), n = i(() => r.provider || (a == null ? void 0 : a.provider)), h = i(() => {
+    const r = e, t = Q(!0), { modifiers: a } = j(r), l = ae(Ce), { bemCssClasses: d } = Y("vv-icon", {
+      modifiers: a
+    }), n = i(() => r.provider || (l == null ? void 0 : l.provider)), h = i(() => {
       const o = r.name ?? "", s = `@${n.value}:${r.prefix}:${r.name}`;
-      return F(o) ? o : F(s) ? s : (a == null ? void 0 : a.iconsCollections.find((m) => {
-        const d = `@${n.value}:${m.prefix}:${o}`;
-        if (F(d))
-          return d;
+      return F(o) ? o : F(s) ? s : (l == null ? void 0 : l.iconsCollections.find((m) => {
+        const f = `@${n.value}:${m.prefix}:${o}`;
+        if (F(f))
+          return f;
       })) || o;
     });
     function p(o) {
@@ -148,21 +148,21 @@ const Oe = "ds", $e = {
       }
       return (s ? new s.DOMParser() : new window.DOMParser()).parseFromString(o, "text/html").querySelector("svg");
     }
-    function f(o) {
+    function v(o) {
       const s = p(o), m = (s == null ? void 0 : s.innerHTML.trim()) || "";
-      s && m && be(`@${n.value}:${r.prefix}:${r.name}`, {
+      s && m && Pe(`@${n.value}:${r.prefix}:${r.name}`, {
         body: m,
         height: s.viewBox.baseVal.height,
         width: s.viewBox.baseVal.width
       });
     }
-    return a && (r.src && !F(`@${n.value}:${r.prefix}:${r.name}`) ? (t.value = !1, a.fetchIcon(r.src).then((o) => {
-      o && (f(o), t.value = !0);
+    return l && (r.src && !F(`@${n.value}:${r.prefix}:${r.name}`) ? (t.value = !1, l.fetchIcon(r.src).then((o) => {
+      o && (v(o), t.value = !0);
     }).catch((o) => {
       throw new Error(`During fetch icon: ${o == null ? void 0 : o.message}`);
-    })) : r.svg && f(r.svg)), (o, s) => t.value ? (y(), R(u(ye), D({
+    })) : r.svg && v(r.svg)), (o, s) => t.value ? (y(), R(c(Ve), D({
       key: 0,
-      class: u(c)
+      class: c(d)
     }, {
       inline: o.inline,
       width: o.width,
@@ -173,41 +173,41 @@ const Oe = "ds", $e = {
       rotate: o.rotate,
       color: o.color,
       onLoad: o.onLoad,
-      icon: u(h)
-    }), null, 16, ["class"])) : $("", !0);
+      icon: c(h)
+    }), null, 16, ["class"])) : O("", !0);
   }
 });
 function _(e) {
-  return Array.isArray(e) ? e.filter((r) => Se(r)).join(" ") : e;
+  return Array.isArray(e) ? e.filter((r) => Ae(r)).join(" ") : e;
 }
-function Pe(e, r) {
+function _e(e, r) {
   const {
     invalid: t,
-    valid: l,
-    hint: a,
-    loading: c
+    valid: a,
+    hint: l,
+    loading: d
   } = r, {
     hintLabel: n,
     modelValue: h,
     valid: p,
-    validLabel: f,
+    validLabel: v,
     invalid: o,
     invalidLabel: s,
     ...m
-  } = j(e), d = q(m, "loading"), g = q(m, "loadingLabel"), b = i(() => o.value ? !!(o.value && t || s != null && s.value && Array.isArray(s.value) && s.value.length > 0 || s != null && s.value && !U(s)) : !1), I = i(
-    () => !!(n && n.value || a)
-  ), S = i(
-    () => !!(f && f.value || l)
-  ), C = i(
-    () => !!(d != null && d.value && c || d != null && d.value && (g != null && g.value))
+  } = j(e), f = K(m, "loading"), g = K(m, "loadingLabel"), b = i(() => o.value ? !!(o.value && t || s != null && s.value && Array.isArray(s.value) && s.value.length > 0 || s != null && s.value && !W(s)) : !1), $ = i(
+    () => !!(n && n.value || l)
+  ), V = i(
+    () => !!(v && v.value || a)
+  ), I = i(
+    () => !!(f != null && f.value && d || f != null && f.value && (g != null && g.value))
   ), P = i(
-    () => I.value || S.value || b.value || C.value
+    () => $.value || V.value || b.value || I.value
   );
   return {
     hasInvalid: b,
-    hasHint: I,
-    hasValid: S,
-    hasLoading: C,
+    hasHint: $,
+    hasValid: V,
+    hasLoading: I,
     HintSlot: {
       name: "HintSlot",
       props: {
@@ -216,31 +216,31 @@ function Pe(e, r) {
           default: () => ({})
         }
       },
-      setup(B) {
-        const A = i(() => {
-          const V = he({
+      setup(C) {
+        const k = i(() => {
+          const S = Se({
             hintLabel: n,
             modelValue: h,
             valid: p,
-            validLabel: f,
+            validLabel: v,
             invalid: o,
             invalidLabel: s,
-            loading: d,
+            loading: f,
             loadingLabel: g,
-            ...B.params
+            ...C.params
           });
-          return o != null && o.value ? (t == null ? void 0 : t(V)) || _(s == null ? void 0 : s.value) || (n == null ? void 0 : n.value) : p != null && p.value ? (l == null ? void 0 : l(V)) || _(f == null ? void 0 : f.value) || (n == null ? void 0 : n.value) : d != null && d.value ? (c == null ? void 0 : c(V)) || _(g == null ? void 0 : g.value) || (n == null ? void 0 : n.value) : (a == null ? void 0 : a(V)) || _(n == null ? void 0 : n.value) || (n == null ? void 0 : n.value);
+          return o != null && o.value ? (t == null ? void 0 : t(S)) || _(s == null ? void 0 : s.value) || (n == null ? void 0 : n.value) : p != null && p.value ? (a == null ? void 0 : a(S)) || _(v == null ? void 0 : v.value) || (n == null ? void 0 : n.value) : f != null && f.value ? (d == null ? void 0 : d(S)) || _(g == null ? void 0 : g.value) || (n == null ? void 0 : n.value) : (l == null ? void 0 : l(S)) || _(n == null ? void 0 : n.value) || (n == null ? void 0 : n.value);
         });
         return {
           isVisible: P,
           hasInvalid: b,
-          hasValid: S,
-          hintContent: A
+          hasValid: V,
+          hintContent: k
         };
       },
       render() {
         if (this.isVisible)
-          return ae(
+          return ue(
             "small",
             {
               role: this.hasInvalid || this.hasValid ? "alert" : void 0
@@ -251,59 +251,69 @@ function Pe(e, r) {
     }
   };
 }
-const Be = {
+const De = {
   valid: Boolean,
   validLabel: [String, Array]
-}, Ae = {
+}, je = {
   invalid: Boolean,
   invalidLabel: [String, Array]
-}, Fe = {
+}, ke = {
   loading: Boolean,
   loadingLabel: String
-}, _e = {
+}, Ne = {
   disabled: Boolean
-}, De = {
+}, Ee = {
   readonly: Boolean
-}, je = {
+}, Re = {
   modifiers: [String, Array]
-}, ke = {
+}, ze = {
   hintLabel: { type: String, default: "" }
-}, Ne = {
+}, He = {
   options: {
     type: Array,
     default: () => []
   },
   labelKey: { type: [String, Function], default: "label" },
   valueKey: { type: [String, Function], default: "value" }
-}, Z = {
+}, U = {
   LEFT: "left",
   RIGHT: "right"
-}, Re = {
+}, Me = {
   icon: { type: [String, Object] },
   iconPosition: {
     type: String,
-    validation: (e) => Object.values(Z).includes(e),
-    default: Z.RIGHT
+    validation: (e) => Object.values(U).includes(e),
+    default: U.RIGHT
   }
-}, ze = {
+}, Te = {
   tabindex: { type: [String, Number], default: 0 }
-}, Ee = {
+}, qe = {
+  floating: Boolean
+}, Le = {
+  unselectable: { type: Boolean, default: !0 }
+}, Ke = {
   id: [String, Number],
   name: { type: String, required: !0 }
-}, He = {
-  ...Ee,
-  ...ze,
-  ...Be,
-  ...Ae,
-  ...ke,
-  ...Fe,
-  ..._e,
+}, Ze = {
+  autofocus: Boolean
+}, Ge = {
+  autocomplete: { type: String, default: "off" }
+}, Ue = {
+  ...Ke,
+  ...Ze,
+  ...Ge,
+  ...Te,
   ...De,
   ...je,
+  ...ze,
+  ...ke,
   ...Ne,
+  ...Ee,
   ...Re,
-  autocomplete: { type: String, default: "off" },
-  autofocus: Boolean,
+  ...He,
+  ...Me,
+  ...qe,
+  ...Le,
   multiple: Boolean,
   required: Boolean,
   size: [String, Number],
@@ -313,103 +323,112 @@ const Be = {
   },
   label: String,
   placeholder: String
-}, Me = ["update:modelValue", "focus", "blur"], Te = ["for"], qe = { class: "vv-select__wrapper" }, Le = ["id"], Ke = {
-  key: 0,
-  value: void 0,
-  disabled: ""
-}, Ze = ["disabled", "value"], Ge = {
+}, Je = ["update:modelValue", "focus", "blur"], Xe = ["for"], Qe = { class: "vv-select__wrapper" }, We = ["id"], Ye = ["disabled", "hidden"], xe = ["disabled", "value"], et = {
   name: "VvSelect"
-}, Qe = /* @__PURE__ */ G({
-  ...Ge,
-  props: He,
-  emits: Me,
+}, st = /* @__PURE__ */ X({
+  ...et,
+  props: Ue,
+  emits: Je,
   setup(e, { emit: r }) {
-    const t = e, l = ie(), a = J(), { HintSlot: c, hasHint: n, hasInvalid: h } = Pe(t, l), {
+    const t = e, a = ce(), l = Q(), { HintSlot: d, hasHint: n, hasInvalid: h } = _e(t, a), {
       modifiers: p,
-      disabled: f,
+      disabled: v,
       readonly: o,
       loading: s,
       icon: m,
-      iconPosition: d,
+      iconPosition: f,
       invalid: g,
-      valid: b
-    } = j(t), I = i(() => String(t.id || me())), S = i(() => `${I.value}-hint`), { focused: C } = we(a, r), { hasIcon: P, hasIconLeft: B, hasIconRight: A } = Ie(
+      valid: b,
+      floating: $,
+      multiple: V
+    } = j(t), I = i(() => String(t.id || ye())), P = i(() => `${I.value}-hint`), { focused: C } = $e(l, r), k = Ie(l);
+    J(k, (u) => {
+      u && t.autofocus && (C.value = !0);
+    });
+    const { hasIcon: S, hasIconLeft: z, hasIconRight: H } = Be(
       m,
-      d
-    ), V = i(() => !U(t.modelValue)), z = i(() => t.disabled || t.readonly), x = i(() => z.value ? -1 : t.tabindex), Q = i(() => {
+      f
+    ), x = i(() => !W(t.modelValue)), M = i(() => t.disabled || t.readonly), ee = i(() => M.value ? -1 : t.tabindex), te = i(() => {
       if (t.invalid === !0)
         return !0;
       if (t.valid === !0)
         return !1;
-    }), { bemCssClasses: W } = X("vv-select", {
+    }), { bemCssClasses: re } = Y("vv-select", {
       modifiers: p,
       valid: b,
       invalid: g,
       loading: s,
-      disabled: f,
+      disabled: v,
       readonly: o,
-      iconLeft: B,
-      iconRight: A,
-      dirty: V,
-      focus: C
-    }), Y = i(() => ({
+      iconLeft: z,
+      iconRight: H,
+      dirty: x,
+      focus: C,
+      floating: $,
+      multiple: V
+    }), ne = i(() => ({
       name: t.name,
-      tabindex: x.value,
-      disabled: z.value,
+      tabindex: ee.value,
+      disabled: M.value,
       required: t.required,
       size: t.size,
       autocomplete: t.autocomplete,
       multiple: t.multiple,
-      "aria-invalid": Q.value,
-      "aria-describedby": !h.value && n.value ? S.value : void 0,
-      "aria-errormessage": h.value ? S.value : void 0
-    })), { getOptionLabel: ee, getOptionValue: te } = Ve(t);
-    function re(v) {
-      return typeof v == "string" || v.disabled === void 0 ? f.value : v.disabled;
+      "aria-invalid": te.value,
+      "aria-describedby": !h.value && n.value ? P.value : void 0,
+      "aria-errormessage": h.value ? P.value : void 0
+    })), { getOptionLabel: oe, getOptionValue: se } = Oe(t);
+    function le(u) {
+      return typeof u == "string" || u.disabled === void 0 ? v.value : u.disabled;
     }
-    const k = i({
+    const N = i({
       get: () => t.modelValue,
-      set: (v) => {
-        r("update:modelValue", v);
+      set: (u) => {
+        Array.isArray(u) && (u = u.filter((w) => w !== void 0)), r("update:modelValue", u);
       }
     });
-    return (v, E) => (y(), O("div", {
-      class: le(u(W))
+    return (u, w) => (y(), B("div", {
+      class: de(c(re))
     }, [
-      v.label ? (y(), O("label", {
+      u.label ? (y(), B("label", {
         key: 0,
-        for: u(I)
-      }, N(v.label), 9, Te)) : $("", !0),
-      H("div", qe, [
-        M(v.$slots, "before", {}, () => [
-          u(B) ? (y(), R(K, T(D({ key: 0 }, u(P))), null, 16)) : $("", !0)
+        for: c(I)
+      }, E(u.label), 9, Xe)) : O("", !0),
+      T("div", Qe, [
+        q(u.$slots, "before", {}, () => [
+          c(z) ? (y(), R(G, L(D({ key: 0 }, c(S))), null, 16)) : O("", !0)
         ]),
-        ue(H("select", D({
-          id: u(I),
+        fe(T("select", D({
+          id: c(I),
           ref_key: "select",
-          ref: a,
-          "onUpdate:modelValue": E[0] || (E[0] = (w) => ce(k) ? k.value = w : null)
-        }, u(Y)), [
-          v.placeholder ? (y(), O("option", Ke, N(v.placeholder), 1)) : $("", !0),
-          (y(!0), O(de, null, fe(v.options, (w, ne) => (y(), O("option", {
-            key: ne,
-            disabled: re(w),
-            value: u(te)(w)
-          }, N(u(ee)(w)), 9, Ze))), 128))
-        ], 16, Le), [
-          [ve, u(k)]
+          ref: l,
+          "onUpdate:modelValue": w[0] || (w[0] = (A) => ve(N) ? N.value = A : null)
+        }, c(ne)), [
+          u.placeholder ? (y(), B("option", {
+            key: 0,
+            value: void 0,
+            disabled: !u.unselectable,
+            hidden: !u.unselectable
+          }, E(u.placeholder), 9, Ye)) : O("", !0),
+          (y(!0), B(pe, null, me(u.options, (A, ie) => (y(), B("option", {
+            key: ie,
+            disabled: le(A),
+            value: c(se)(A)
+          }, E(c(oe)(A)), 9, xe))), 128))
+        ], 16, We), [
+          [ge, c(N)]
         ]),
-        M(v.$slots, "after", {}, () => [
-          u(A) ? (y(), R(K, T(D({ key: 0 }, u(P))), null, 16)) : $("", !0)
+        q(u.$slots, "after", {}, () => [
+          c(H) ? (y(), R(G, L(D({ key: 0 }, c(S))), null, 16)) : O("", !0)
         ])
       ]),
-      pe(u(c), {
-        id: u(S),
+      he(c(d), {
+        id: c(P),
         class: "vv-select__hint"
       }, null, 8, ["id"])
     ], 2));
   }
 });
 export {
-  Qe as default
+  st as default
 };

package/dist/components/VvSelect/VvSelect.umd.js

@@ -1 +1 @@
-(function(e,I){typeof exports=="object"&&typeof module<"u"?module.exports=I(require("vue"),require("nanoid"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@vueuse/core","@iconify/vue"],I):(e=typeof globalThis<"u"?globalThis:e||self,e.VvSelect=I(e.vue,e.nanoid,e.core,e.vue$1))})(this,function(e,I,_,b){"use strict";function A(t,r){if(t&&Object.keys(t).length&&r){if(r.indexOf(".")===-1)return t[r];{const n=r.split(".");let l=t;for(let a=0,c=n.length;a<c;++a){if(t==null)return null;l=l[n[a]]}return l}}else return null}function $(t){return(r=>r==null||r===""||Array.isArray(r)&&r.length===0||!(r instanceof Date)&&typeof r=="object"&&Object.keys(r).length===0)(e.unref(t))}function z(t){return typeof t=="string"||t instanceof String}function E(t){var r,n;if(t)return(n=(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:n.toLowerCase()}function F(t,r){const n={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((a,c)=>{const o=e.unref(r[c])||!1;if(!o)return a;if(c==="modifiers"){const h=Array.isArray(o)?o:o.split(" ");return{...a,...h.reduce((p,d)=>({...p,[`${t}--${E(d)}`]:!0}),{})}}else return{...a,[`${t}--${E(c)}`]:o}},n)||{})}}function T(t,r,n){const l=e.computed(()=>!!(t!=null&&t.value&&r.value==="left"||n!=null&&n.iconLeft)),a=e.computed(()=>!!(t!=null&&t.value&&r.value==="right"||n!=null&&n.iconRight)),c=e.computed(()=>!!(t!=null&&t.value&&r.value==="top"||n!=null&&n.iconTop)),o=e.computed(()=>!!(t!=null&&t.value&&r.value==="bottom"||n!=null&&n.iconBottom));return{hasIcon:e.computed(()=>typeof(t==null?void 0:t.value)=="string"?{name:t==null?void 0:t.value}:t==null?void 0:t.value),hasIconLeft:l,hasIconRight:a,hasIconTop:c,hasIconBottom:o}}function H(t){const{options:r,labelKey:n,valueKey:l}=e.toRefs(t);return{options:r,getOptionLabel:o=>typeof o!="object"&&o!==null?o:typeof n.value=="function"?n.value(o):o[n.value],getOptionValue:o=>typeof o!="object"&&o!==null?o:typeof l.value=="function"?l.value(o):o[l.value]}}function M(t,r){const{focused:n}=_.useFocus(t);return e.watch(n,l=>{r(l?"focus":"blur",e.unref(t))}),{focused:n}}const x="ds",L={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},K={name:"VvIcon"},D=e.defineComponent({...K,props:L,setup(t){const r=t,n=e.ref(!0),{modifiers:l}=e.toRefs(r),a=e.inject(x),{bemCssClasses:c}=F("vv-icon",{modifiers:l}),o=e.computed(()=>r.provider||(a==null?void 0:a.provider)),h=e.computed(()=>{const s=r.name??"",i=`@${o.value}:${r.prefix}:${r.name}`;return b.iconExists(s)?s:b.iconExists(i)?i:(a==null?void 0:a.iconsCollections.find(m=>{const u=`@${o.value}:${m.prefix}:${s}`;if(b.iconExists(u))return u}))||s});function p(s){let i=null;if(typeof window>"u"){const{JSDOM:y}=require("jsdom");i=new y().window}return(i?new i.DOMParser:new window.DOMParser).parseFromString(s,"text/html").querySelector("svg")}function d(s){const i=p(s),m=(i==null?void 0:i.innerHTML.trim())||"";i&&m&&b.addIcon(`@${o.value}:${r.prefix}:${r.name}`,{body:m,height:i.viewBox.baseVal.height,width:i.viewBox.baseVal.width})}return a&&(r.src&&!b.iconExists(`@${o.value}:${r.prefix}:${r.name}`)?(n.value=!1,a.fetchIcon(r.src).then(s=>{s&&(d(s),n.value=!0)}).catch(s=>{throw new Error(`During fetch icon: ${s==null?void 0:s.message}`)})):r.svg&&d(r.svg)),(s,i)=>n.value?(e.openBlock(),e.createBlock(e.unref(b.Icon),e.mergeProps({key:0,class:e.unref(c)},{inline:s.inline,width:s.width,height:s.height,horizontalFlip:s.horizontalFlip,verticalFlip:s.verticalFlip,flip:s.flip,rotate:s.rotate,color:s.color,onLoad:s.onLoad,icon:e.unref(h)}),null,16,["class"])):e.createCommentVNode("",!0)}});function k(t){return Array.isArray(t)?t.filter(r=>z(r)).join(" "):t}function Z(t,r){const{invalid:n,valid:l,hint:a,loading:c}=r,{hintLabel:o,modelValue:h,valid:p,validLabel:d,invalid:s,invalidLabel:i,...m}=e.toRefs(t),u=A(m,"loading"),g=A(m,"loadingLabel"),y=e.computed(()=>s.value?!!(s.value&&n||i!=null&&i.value&&Array.isArray(i.value)&&i.value.length>0||i!=null&&i.value&&!$(i)):!1),B=e.computed(()=>!!(o&&o.value||a)),S=e.computed(()=>!!(d&&d.value||l)),C=e.computed(()=>!!(u!=null&&u.value&&c||u!=null&&u.value&&(g!=null&&g.value))),v=e.computed(()=>B.value||S.value||y.value||C.value);return{hasInvalid:y,hasHint:B,hasValid:S,hasLoading:C,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(w){const O=e.computed(()=>{const V=_.toReactive({hintLabel:o,modelValue:h,valid:p,validLabel:d,invalid:s,invalidLabel:i,loading:u,loadingLabel:g,...w.params});return s!=null&&s.value?(n==null?void 0:n(V))||k(i==null?void 0:i.value)||(o==null?void 0:o.value):p!=null&&p.value?(l==null?void 0:l(V))||k(d==null?void 0:d.value)||(o==null?void 0:o.value):u!=null&&u.value?(c==null?void 0:c(V))||k(g==null?void 0:g.value)||(o==null?void 0:o.value):(a==null?void 0:a(V))||k(o==null?void 0:o.value)||(o==null?void 0:o.value)});return{isVisible:v,hasInvalid:y,hasValid:S,hintContent:O}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const G={valid:Boolean,validLabel:[String,Array]},J={invalid:Boolean,invalidLabel:[String,Array]},U={loading:Boolean,loadingLabel:String},X={disabled:Boolean},Q={readonly:Boolean},W={modifiers:[String,Array]},Y={hintLabel:{type:String,default:""}},ee={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"}},j={LEFT:"left",RIGHT:"right"},te={icon:{type:[String,Object]},iconPosition:{type:String,validation:t=>Object.values(j).includes(t),default:j.RIGHT}},ne={...{id:[String,Number],name:{type:String,required:!0}},...{tabindex:{type:[String,Number],default:0}},...G,...J,...Y,...U,...X,...Q,...W,...ee,...te,autocomplete:{type:String,default:"off"},autofocus:Boolean,multiple:Boolean,required:Boolean,size:[String,Number],modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},label:String,placeholder:String},re=["update:modelValue","focus","blur"],oe=["for"],se={class:"vv-select__wrapper"},ie=["id"],ae={key:0,value:void 0,disabled:""},le=["disabled","value"],ce={name:"VvSelect"};return e.defineComponent({...ce,props:ne,emits:re,setup(t,{emit:r}){const n=t,l=e.useSlots(),a=e.ref(),{HintSlot:c,hasHint:o,hasInvalid:h}=Z(n,l),{modifiers:p,disabled:d,readonly:s,loading:i,icon:m,iconPosition:u,invalid:g,valid:y}=e.toRefs(n),B=e.computed(()=>String(n.id||I.nanoid())),S=e.computed(()=>`${B.value}-hint`),{focused:C}=M(a,r),{hasIcon:v,hasIconLeft:w,hasIconRight:O}=T(m,u),V=e.computed(()=>!$(n.modelValue)),R=e.computed(()=>n.disabled||n.readonly),ue=e.computed(()=>R.value?-1:n.tabindex),de=e.computed(()=>{if(n.invalid===!0)return!0;if(n.valid===!0)return!1}),{bemCssClasses:fe}=F("vv-select",{modifiers:p,valid:y,invalid:g,loading:i,disabled:d,readonly:s,iconLeft:w,iconRight:O,dirty:V,focus:C}),pe=e.computed(()=>({name:n.name,tabindex:ue.value,disabled:R.value,required:n.required,size:n.size,autocomplete:n.autocomplete,multiple:n.multiple,"aria-invalid":de.value,"aria-describedby":!h.value&&o.value?S.value:void 0,"aria-errormessage":h.value?S.value:void 0})),{getOptionLabel:me,getOptionValue:ge}=H(n);function he(f){return typeof f=="string"||f.disabled===void 0?d.value:f.disabled}const N=e.computed({get:()=>n.modelValue,set:f=>{r("update:modelValue",f)}});return(f,q)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(fe))},[f.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(B)},e.toDisplayString(f.label),9,oe)):e.createCommentVNode("",!0),e.createElementVNode("div",se,[e.renderSlot(f.$slots,"before",{},()=>[e.unref(w)?(e.openBlock(),e.createBlock(D,e.normalizeProps(e.mergeProps({key:0},e.unref(v))),null,16)):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("select",e.mergeProps({id:e.unref(B),ref_key:"select",ref:a,"onUpdate:modelValue":q[0]||(q[0]=P=>e.isRef(N)?N.value=P:null)},e.unref(pe)),[f.placeholder?(e.openBlock(),e.createElementBlock("option",ae,e.toDisplayString(f.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.options,(P,ye)=>(e.openBlock(),e.createElementBlock("option",{key:ye,disabled:he(P),value:e.unref(ge)(P)},e.toDisplayString(e.unref(me)(P)),9,le))),128))],16,ie),[[e.vModelSelect,e.unref(N)]]),e.renderSlot(f.$slots,"after",{},()=>[e.unref(O)?(e.openBlock(),e.createBlock(D,e.normalizeProps(e.mergeProps({key:0},e.unref(v))),null,16)):e.createCommentVNode("",!0)])]),e.createVNode(e.unref(c),{id:e.unref(S),class:"vv-select__hint"},null,8,["id"])],2))}})});
+(function(e,P){typeof exports=="object"&&typeof module<"u"?module.exports=P(require("vue"),require("nanoid"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@vueuse/core","@iconify/vue"],P):(e=typeof globalThis<"u"?globalThis:e||self,e.VvSelect=P(e.vue,e.nanoid,e.core,e.vue$1))})(this,function(e,P,w,S){"use strict";function E(t,r){if(t&&Object.keys(t).length&&r){if(r.indexOf(".")===-1)return t[r];{const n=r.split(".");let a=t;for(let l=0,u=n.length;l<u;++l){if(t==null)return null;a=a[n[l]]}return a}}else return null}function $(t){return(r=>r==null||r===""||Array.isArray(r)&&r.length===0||!(r instanceof Date)&&typeof r=="object"&&Object.keys(r).length===0)(e.unref(t))}function H(t){return typeof t=="string"||t instanceof String}function _(t){var r,n;if(t)return(n=(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:n.toLowerCase()}function D(t,r){const n={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((l,u)=>{const o=e.unref(r[u])||!1;if(!o)return l;if(u==="modifiers"){const y=Array.isArray(o)?o:o.split(" ");return{...l,...y.reduce((p,f)=>({...p,[`${t}--${_(f)}`]:!0}),{})}}else return{...l,[`${t}--${_(u)}`]:o}},n)||{})}}function M(t,r,n){const a=e.computed(()=>!!(t!=null&&t.value&&r.value==="left"||n!=null&&n.iconLeft)),l=e.computed(()=>!!(t!=null&&t.value&&r.value==="right"||n!=null&&n.iconRight)),u=e.computed(()=>!!(t!=null&&t.value&&r.value==="top"||n!=null&&n.iconTop)),o=e.computed(()=>!!(t!=null&&t.value&&r.value==="bottom"||n!=null&&n.iconBottom));return{hasIcon:e.computed(()=>typeof(t==null?void 0:t.value)=="string"?{name:t==null?void 0:t.value}:t==null?void 0:t.value),hasIconLeft:a,hasIconRight:l,hasIconTop:u,hasIconBottom:o}}function L(t){const{options:r,labelKey:n,valueKey:a}=e.toRefs(t);return{options:r,getOptionLabel:o=>typeof o!="object"&&o!==null?o:typeof n.value=="function"?n.value(o):o[n.value],getOptionValue:o=>typeof o!="object"&&o!==null?o:typeof a.value=="function"?a.value(o):o[a.value]}}function K(t,r){const{focused:n}=w.useFocus(t);return e.watch(n,a=>{r(a?"focus":"blur",e.unref(t))}),{focused:n}}const Z="ds",x={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},U={name:"VvIcon"},j=e.defineComponent({...U,props:x,setup(t){const r=t,n=e.ref(!0),{modifiers:a}=e.toRefs(r),l=e.inject(Z),{bemCssClasses:u}=D("vv-icon",{modifiers:a}),o=e.computed(()=>r.provider||(l==null?void 0:l.provider)),y=e.computed(()=>{const s=r.name??"",i=`@${o.value}:${r.prefix}:${r.name}`;return S.iconExists(s)?s:S.iconExists(i)?i:(l==null?void 0:l.iconsCollections.find(m=>{const d=`@${o.value}:${m.prefix}:${s}`;if(S.iconExists(d))return d}))||s});function p(s){let i=null;if(typeof window>"u"){const{JSDOM:h}=require("jsdom");i=new h().window}return(i?new i.DOMParser:new window.DOMParser).parseFromString(s,"text/html").querySelector("svg")}function f(s){const i=p(s),m=(i==null?void 0:i.innerHTML.trim())||"";i&&m&&S.addIcon(`@${o.value}:${r.prefix}:${r.name}`,{body:m,height:i.viewBox.baseVal.height,width:i.viewBox.baseVal.width})}return l&&(r.src&&!S.iconExists(`@${o.value}:${r.prefix}:${r.name}`)?(n.value=!1,l.fetchIcon(r.src).then(s=>{s&&(f(s),n.value=!0)}).catch(s=>{throw new Error(`During fetch icon: ${s==null?void 0:s.message}`)})):r.svg&&f(r.svg)),(s,i)=>n.value?(e.openBlock(),e.createBlock(e.unref(S.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:s.inline,width:s.width,height:s.height,horizontalFlip:s.horizontalFlip,verticalFlip:s.verticalFlip,flip:s.flip,rotate:s.rotate,color:s.color,onLoad:s.onLoad,icon:e.unref(y)}),null,16,["class"])):e.createCommentVNode("",!0)}});function C(t){return Array.isArray(t)?t.filter(r=>H(r)).join(" "):t}function G(t,r){const{invalid:n,valid:a,hint:l,loading:u}=r,{hintLabel:o,modelValue:y,valid:p,validLabel:f,invalid:s,invalidLabel:i,...m}=e.toRefs(t),d=E(m,"loading"),g=E(m,"loadingLabel"),h=e.computed(()=>s.value?!!(s.value&&n||i!=null&&i.value&&Array.isArray(i.value)&&i.value.length>0||i!=null&&i.value&&!$(i)):!1),v=e.computed(()=>!!(o&&o.value||l)),V=e.computed(()=>!!(f&&f.value||a)),B=e.computed(()=>!!(d!=null&&d.value&&u||d!=null&&d.value&&(g!=null&&g.value))),I=e.computed(()=>v.value||V.value||h.value||B.value);return{hasInvalid:h,hasHint:v,hasValid:V,hasLoading:B,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(A){const F=e.computed(()=>{const b=w.toReactive({hintLabel:o,modelValue:y,valid:p,validLabel:f,invalid:s,invalidLabel:i,loading:d,loadingLabel:g,...A.params});return s!=null&&s.value?(n==null?void 0:n(b))||C(i==null?void 0:i.value)||(o==null?void 0:o.value):p!=null&&p.value?(a==null?void 0:a(b))||C(f==null?void 0:f.value)||(o==null?void 0:o.value):d!=null&&d.value?(u==null?void 0:u(b))||C(g==null?void 0:g.value)||(o==null?void 0:o.value):(l==null?void 0:l(b))||C(o==null?void 0:o.value)||(o==null?void 0:o.value)});return{isVisible:I,hasInvalid:h,hasValid:V,hintContent:F}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const J={valid:Boolean,validLabel:[String,Array]},X={invalid:Boolean,invalidLabel:[String,Array]},Q={loading:Boolean,loadingLabel:String},W={disabled:Boolean},Y={readonly:Boolean},ee={modifiers:[String,Array]},te={hintLabel:{type:String,default:""}},ne={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"}},R={LEFT:"left",RIGHT:"right"},re={icon:{type:[String,Object]},iconPosition:{type:String,validation:t=>Object.values(R).includes(t),default:R.RIGHT}},oe={...{id:[String,Number],name:{type:String,required:!0}},...{autofocus:Boolean},...{autocomplete:{type:String,default:"off"}},...{tabindex:{type:[String,Number],default:0}},...J,...X,...te,...Q,...W,...Y,...ee,...ne,...re,...{floating:Boolean},...{unselectable:{type:Boolean,default:!0}},multiple:Boolean,required:Boolean,size:[String,Number],modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},label:String,placeholder:String},se=["update:modelValue","focus","blur"],ie=["for"],le={class:"vv-select__wrapper"},ae=["id"],ce=["disabled","hidden"],ue=["disabled","value"],de={name:"VvSelect"};return e.defineComponent({...de,props:oe,emits:se,setup(t,{emit:r}){const n=t,a=e.useSlots(),l=e.ref(),{HintSlot:u,hasHint:o,hasInvalid:y}=G(n,a),{modifiers:p,disabled:f,readonly:s,loading:i,icon:m,iconPosition:d,invalid:g,valid:h,floating:v,multiple:V}=e.toRefs(n),B=e.computed(()=>String(n.id||P.nanoid())),I=e.computed(()=>`${B.value}-hint`),{focused:A}=K(l,r),F=w.useElementVisibility(l);e.watch(F,c=>{c&&n.autofocus&&(A.value=!0)});const{hasIcon:b,hasIconLeft:q,hasIconRight:z}=M(m,d),fe=e.computed(()=>!$(n.modelValue)),T=e.computed(()=>n.disabled||n.readonly),pe=e.computed(()=>T.value?-1:n.tabindex),me=e.computed(()=>{if(n.invalid===!0)return!0;if(n.valid===!0)return!1}),{bemCssClasses:ge}=D("vv-select",{modifiers:p,valid:h,invalid:g,loading:i,disabled:f,readonly:s,iconLeft:q,iconRight:z,dirty:fe,focus:A,floating:v,multiple:V}),ye=e.computed(()=>({name:n.name,tabindex:pe.value,disabled:T.value,required:n.required,size:n.size,autocomplete:n.autocomplete,multiple:n.multiple,"aria-invalid":me.value,"aria-describedby":!y.value&&o.value?I.value:void 0,"aria-errormessage":y.value?I.value:void 0})),{getOptionLabel:he,getOptionValue:be}=L(n);function Se(c){return typeof c=="string"||c.disabled===void 0?f.value:c.disabled}const N=e.computed({get:()=>n.modelValue,set:c=>{Array.isArray(c)&&(c=c.filter(O=>O!==void 0)),r("update:modelValue",c)}});return(c,O)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(ge))},[c.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(B)},e.toDisplayString(c.label),9,ie)):e.createCommentVNode("",!0),e.createElementVNode("div",le,[e.renderSlot(c.$slots,"before",{},()=>[e.unref(q)?(e.openBlock(),e.createBlock(j,e.normalizeProps(e.mergeProps({key:0},e.unref(b))),null,16)):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("select",e.mergeProps({id:e.unref(B),ref_key:"select",ref:l,"onUpdate:modelValue":O[0]||(O[0]=k=>e.isRef(N)?N.value=k:null)},e.unref(ye)),[c.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,value:void 0,disabled:!c.unselectable,hidden:!c.unselectable},e.toDisplayString(c.placeholder),9,ce)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.options,(k,Be)=>(e.openBlock(),e.createElementBlock("option",{key:Be,disabled:Se(k),value:e.unref(be)(k)},e.toDisplayString(e.unref(he)(k)),9,ue))),128))],16,ae),[[e.vModelSelect,e.unref(N)]]),e.renderSlot(c.$slots,"after",{},()=>[e.unref(z)?(e.openBlock(),e.createBlock(j,e.normalizeProps(e.mergeProps({key:0},e.unref(b))),null,16)):e.createCommentVNode("",!0)])]),e.createVNode(e.unref(u),{id:e.unref(I),class:"vv-select__hint"},null,8,["id"])],2))}})});