@volverjs/ui-vue 0.0.1-beta.6 → 0.0.1

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

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

package/dist/components/VvCombobox/VvCombobox.umd.js

@@ -0,0 +1 @@
+(function(e,k){typeof exports=="object"&&typeof module<"u"?module.exports=k(require("vue"),require("nanoid"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@vueuse/core","@iconify/vue"],k):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCombobox=k(e.vue,e.nanoid,e.core,e.vue$1))})(this,function(e,k,N,B){"use strict";function O(n,r,t){return t?$(n,t)===$(r,t):x(n,r)}function x(n,r){if(n===r)return!0;if(n&&r&&typeof n=="object"&&typeof r=="object"){const t=Array.isArray(n),c=Array.isArray(r);let l,i,o;if(t&&c){if(i=n.length,i!=r.length)return!1;for(l=i;l--!==0;)if(!x(n[l],r[l]))return!1;return!0}if(t!=c)return!1;const g=n instanceof Date,m=r instanceof Date;if(g!=m)return!1;if(g&&m)return n.getTime()==r.getTime();const f=n instanceof RegExp,s=r instanceof RegExp;if(f!=s)return!1;if(f&&s)return n.toString()==r.toString();const a=Object.keys(n);if(i=a.length,i!==Object.keys(r).length)return!1;for(l=i;l--!==0;)if(!Object.prototype.hasOwnProperty.call(r,a[l]))return!1;for(l=i;l--!==0;)if(o=a[l],!x(n[o],r[o]))return!1;return!0}return n!==n&&r!==r}function $(n,r){if(n&&Object.keys(n).length&&r){if(r.indexOf(".")===-1)return n[r];{const t=r.split(".");let c=n;for(let l=0,i=t.length;l<i;++l){if(n==null)return null;c=c[t[l]]}return c}}else return null}function z(n,r){let t=-1;if(r){for(let c=0;c<r.length;c++)if(O(r[c],n)){t=c;break}}return t}function A(n,r){if(n!=null&&r&&r.length){for(const t of r)if(O(n,t))return!0}return!1}function j(n){return(r=>r==null||r===""||Array.isArray(r)&&r.length===0||!(r instanceof Date)&&typeof r=="object"&&Object.keys(r).length===0)(e.unref(n))}function Z(n,r){const t=z(n,r);return t>-1?r.filter((c,l)=>l!==t):r}function G(n){return typeof n=="string"||n instanceof String}function F(n){var r,t;if(n)return(t=(r=n.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:r.join("-"))==null?void 0:t.toLowerCase()}function D(n,r){const t={[`${n}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((l,i)=>{const o=e.unref(r[i])||!1;if(!o)return l;if(i==="modifiers"){const g=Array.isArray(o)?o:o.split(" ");return{...l,...g.reduce((m,f)=>({...m,[`${n}--${F(f)}`]:!0}),{})}}else return{...l,[`${n}--${F(i)}`]:o}},t)||{})}}function U(n,r,t){const c=e.computed(()=>!!(n!=null&&n.value&&r.value==="left"||t!=null&&t.iconLeft)),l=e.computed(()=>!!(n!=null&&n.value&&r.value==="right"||t!=null&&t.iconRight)),i=e.computed(()=>!!(n!=null&&n.value&&r.value==="top"||t!=null&&t.iconTop)),o=e.computed(()=>!!(n!=null&&n.value&&r.value==="bottom"||t!=null&&t.iconBottom));return{hasIcon:e.computed(()=>typeof(n==null?void 0:n.value)=="string"?{name:n==null?void 0:n.value}:n==null?void 0:n.value),hasIconLeft:c,hasIconRight:l,hasIconTop:i,hasIconBottom:o}}function T(n){const{options:r,labelKey:t,valueKey:c}=e.toRefs(n);return{options:r,getOptionLabel:o=>typeof o!="object"&&o!==null?o:typeof t.value=="function"?t.value(o):o[t.value],getOptionValue:o=>typeof o!="object"&&o!==null?o:typeof c.value=="function"?c.value(o):o[c.value]}}function J(n,r){const{focused:t}=N.useFocus(n);return e.watch(t,c=>{r(c?"focus":"blur",e.unref(n))}),{focused:t}}const X={valid:Boolean,validLabel:[String,Array]},Q={invalid:Boolean,invalidLabel:[String,Array]},W={loading:Boolean,loadingLabel:String},K={disabled:Boolean},Y={readonly:Boolean},L={modifiers:[String,Array]},ee={hintLabel:{type:String,default:""}},q={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"}},H={LEFT:"left",RIGHT:"right"},te={icon:{type:[String,Object]},iconPosition:{type:String,validation:n=>Object.values(H).includes(n),default:H.RIGHT}},ne={tabindex:{type:[String,Number],default:0}},re={...q,...K,...L,modelValue:{type:[String,Number,Boolean,Object,Array]},labelNoResults:{type:String,default:"No results"},multiple:Boolean,maxValues:[Number,String]},oe={key:0,role:"option"},le=["aria-selected"],se=["for","onClick"],ae=["id","type","value","checked","disabled"],ie={name:"VvDropdown"},ce=e.defineComponent({...ie,props:re,emits:["update:modelValue"],setup(n,{emit:r}){const t=n,c=k.nanoid(),{modifiers:l,disabled:i}=e.toRefs(t),{getOptionLabel:o,getOptionValue:g}=T(t),{bemCssClasses:m}=D("vv-dropdown",{modifiers:l,disabled:i});function f(u){return Array.isArray(t.modelValue)?A(u,t.modelValue)||A(g(u),t.modelValue):O(u,t.modelValue)||O(g(u),t.modelValue)}function s(u){return typeof u=="string"||u.disabled===void 0?i.value:u.disabled}function a(u){var y;if(t.disabled)return;let p=u;if(t.multiple)if(Array.isArray(t.modelValue)){if(t.maxValues!==void 0&&t.maxValues>=0&&((y=t.modelValue)==null?void 0:y.length)>=t.maxValues&&!A(u,t.modelValue))return;p=A(u,t.modelValue)?Z(u,t.modelValue):[...t.modelValue,u]}else p=[u];r("update:modelValue",p)}return(u,p)=>{var y;return e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(m)),role:"listbox"},[(y=u.options)!=null&&y.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",oe,[e.createElementVNode("label",null,e.toDisplayString(u.labelNoResults),1)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.options,(h,V)=>(e.openBlock(),e.createElementBlock("li",{key:V,role:"option","aria-selected":f(h)},[e.createElementVNode("label",{for:`dropdown-${V}-${e.unref(c)}`,onClick:e.withModifiers(C=>a(e.unref(g)(h)),["prevent"])},[e.createElementVNode("input",{id:`dropdown-${V}-${e.unref(c)}`,type:u.multiple?"checkbox":"radio",value:e.unref(g)(h),checked:f(h),disabled:s(h),tabindex:"-1","aria-hidden":"true"},null,8,ae),e.createTextVNode(" "+e.toDisplayString(e.unref(o)(h)),1)],8,se)],8,le))),128))],2)}}}),ue="ds",de={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]}},fe={name:"VvIcon"},M=e.defineComponent({...fe,props:de,setup(n){const r=n,t=e.ref(!0),{modifiers:c}=e.toRefs(r),l=e.inject(ue),{bemCssClasses:i}=D("vv-icon",{modifiers:c}),o=e.computed(()=>r.provider||(l==null?void 0:l.provider)),g=e.computed(()=>{const s=r.name??"",a=`@${o.value}:${r.prefix}:${r.name}`;return B.iconExists(s)?s:B.iconExists(a)?a:(l==null?void 0:l.iconsCollections.find(u=>{const p=`@${o.value}:${u.prefix}:${s}`;if(B.iconExists(p))return p}))||s});function m(s){let a=null;if(typeof window>"u"){const{JSDOM:h}=require("jsdom");a=new h().window}return(a?new a.DOMParser:new window.DOMParser).parseFromString(s,"text/html").querySelector("svg")}function f(s){const a=m(s),u=(a==null?void 0:a.innerHTML.trim())||"";a&&u&&B.addIcon(`@${o.value}:${r.prefix}:${r.name}`,{body:u,height:a.viewBox.baseVal.height,width:a.viewBox.baseVal.width})}return l&&(r.src&&!B.iconExists(`@${o.value}:${r.prefix}:${r.name}`)?(t.value=!1,l.fetchIcon(r.src).then(s=>{s&&(f(s),t.value=!0)}).catch(s=>{throw new Error(`During fetch icon: ${s==null?void 0:s.message}`)})):r.svg&&f(r.svg)),(s,a)=>t.value?(e.openBlock(),e.createBlock(e.unref(B.Icon),e.mergeProps({key:0,class:e.unref(i)},{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(g)}),null,16,["class"])):e.createCommentVNode("",!0)}});function I(n){return Array.isArray(n)?n.filter(r=>G(r)).join(" "):n}function pe(n,r){const{invalid:t,valid:c,hint:l,loading:i}=r,{hintLabel:o,modelValue:g,valid:m,validLabel:f,invalid:s,invalidLabel:a,...u}=e.toRefs(n),p=$(u,"loading"),y=$(u,"loadingLabel"),h=e.computed(()=>s.value?!!(s.value&&t||a!=null&&a.value&&Array.isArray(a.value)&&a.value.length>0||a!=null&&a.value&&!j(a)):!1),V=e.computed(()=>!!(o&&o.value||l)),C=e.computed(()=>!!(f&&f.value||c)),E=e.computed(()=>!!(p!=null&&p.value&&i||p!=null&&p.value&&(y!=null&&y.value))),R=e.computed(()=>V.value||C.value||h.value||E.value);return{hasInvalid:h,hasHint:V,hasValid:C,hasLoading:E,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(P){const _=e.computed(()=>{const S=N.toReactive({hintLabel:o,modelValue:g,valid:m,validLabel:f,invalid:s,invalidLabel:a,loading:p,loadingLabel:y,...P.params});return s!=null&&s.value?(t==null?void 0:t(S))||I(a==null?void 0:a.value)||(o==null?void 0:o.value):m!=null&&m.value?(c==null?void 0:c(S))||I(f==null?void 0:f.value)||(o==null?void 0:o.value):p!=null&&p.value?(i==null?void 0:i(S))||I(y==null?void 0:y.value)||(o==null?void 0:o.value):(l==null?void 0:l(S))||I(o==null?void 0:o.value)||(o==null?void 0:o.value)});return{isVisible:R,hasInvalid:h,hasValid:C,hintContent:_}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const me=["update:modelValue","change:search","focus","blur"],ge={...ne,...X,...Q,...ee,...W,...K,...Y,...L,...q,...te,modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},label:String,labelNoResults:{type:String,default:"No results"},placeholder:String,searchable:Boolean,searchPlaceholder:String,debounceSearch:{type:[Number,String],default:0},multiple:Boolean,maxValues:[Number,String],separator:{type:String,default:", "},native:Boolean},ye=["id"],he=["id","for"],be=["tabindex"],Ve=["id","placeholder"],Se={name:"VvCombobox"};return e.defineComponent({...Se,props:ge,emits:me,setup(n,{emit:r}){const t=n,c=e.useSlots(),{HintSlot:l}=pe(t,c),i=e.ref(),o=e.ref(),{focused:g}=J(i,r),m=k.nanoid(),f=e.ref(""),s=N.refDebounced(f,Number(t.debounceSearch)),a=e.ref(!1),{icon:u,iconPosition:p,modifiers:y,disabled:h,readonly:V,loading:C,valid:E,invalid:R}=e.toRefs(t);e.watch(s,()=>r("change:search",s.value));const{hasIcon:P,hasIconLeft:_,hasIconRight:S}=U(u,p),ke=e.computed(()=>!j(t.modelValue)),Be=e.computed(()=>h.value||V.value?-1:t.tabindex),{bemCssClasses:Ce}=D("vv-select",{modifiers:y,disabled:h,loading:C,readonly:V,iconLeft:_,iconRight:S,valid:E,invalid:R,dirty:ke,focus:g}),we=e.computed(()=>t.searchable?Oe.value:t.options),{getOptionLabel:Ne,getOptionValue:v}=T(t),Oe=e.computed(()=>{var d;return(d=t.options)==null?void 0:d.filter(b=>Ne(b).toLowerCase().includes(s.value.toLowerCase().trim()))}),$e=e.computed(()=>{let d=[];return Array.isArray(t.modelValue)?d=t.modelValue:t.modelValue&&(d=[t.modelValue]),t.options.filter(b=>d.includes(v(b)))}),Ae=e.computed(()=>$e.value.map(d=>v(d)).join(t.separator));N.onClickOutside(i,()=>{i.value.open=!1});function Ie(d){const b=d.target;a.value=b.open}function Ee(d){i.value&&!t.multiple&&(i.value.open=!1),r("update:modelValue",d)}const Pe=e.computed(()=>({options:we.value,labelKey:t.labelKey,valueKey:t.valueKey,disabled:t.disabled,labelNoResults:t.labelNoResults,multiple:t.multiple,maxValues:t.maxValues,modelValue:t.modelValue}));return(d,b)=>d.native?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(m),class:e.normalizeClass(e.unref(Ce))},[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,id:`${e.unref(m)}-label`,for:d.searchable&&a.value?`${e.unref(m)}-input`:void 0},e.toDisplayString(d.label),9,he)):e.createCommentVNode("",!0),e.createElementVNode("details",{ref_key:"dropdown",ref:i,class:"vv-select__wrapper",onClick:b[2]||(b[2]=w=>e.unref(h)||e.unref(V)?w.preventDefault():null),onKeyup:b[3]||(b[3]=e.withKeys(w=>i.value.open=!1,["esc"])),onToggle:Ie},[e.createElementVNode("summary",{class:"vv-select__input",tabindex:e.unref(Be),onKeyup:b[1]||(b[1]=e.withKeys(w=>d.searchable?w.preventDefault():null,["space"]))},[e.renderSlot(d.$slots,"before",{},()=>[e.unref(_)?(e.openBlock(),e.createBlock(M,e.mergeProps({key:0,class:"vv-select__icon-left"},e.unref(P)),null,16)):e.createCommentVNode("",!0)]),d.searchable&&a.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,id:`${e.unref(m)}-input`,ref_key:"inputSearch",ref:o,"onUpdate:modelValue":b[0]||(b[0]=w=>f.value=w),role:"combobox",type:"search",placeholder:d.searchPlaceholder},null,8,Ve)),[[e.vModelText,f.value]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(Ae)||d.placeholder),1)],64)),e.renderSlot(d.$slots,"after",{},()=>[e.unref(S)?(e.openBlock(),e.createBlock(M,e.mergeProps({key:0,class:"vv-select__icon-right"},e.unref(P)),null,16)):e.createCommentVNode("",!0)])],40,be),e.createVNode(ce,e.mergeProps({id:`${e.unref(m)}-dropdown`},e.unref(Pe),{"onUpdate:modelValue":Ee}),null,16,["id"])],544),e.createVNode(e.unref(l),{class:"vv-select__hint"})],10,ye))}})});