@volverjs/ui-vue 0.0.13-beta.9 → 0.0.13

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

@@ -1,4 +1,4 @@
-import { Fragment as ae, computed as o, createBlock as N, createCommentVNode as S, createElementBlock as h, createElementVNode as le, createSlots as Te, createVNode as Ge, defineComponent as E, guardReactiveProps as B, h as I, inject as Ue, isRef as ye, mergeDefaults as xe, mergeProps as F, normalizeClass as Je, normalizeProps as $, openBlock as g, ref as he, renderList as ve, renderSlot as V, toDisplayString as w, toRefs as ne, unref as r, useId as We, useSlots as Ye, vModelSelect as Qe, watch as ie, withCtx as j, withDirectives as Xe } from "vue";
+import { Fragment as ae, computed as o, createBlock as N, createCommentVNode as S, createElementBlock as h, createElementVNode as le, createSlots as Te, createVNode as xe, defineComponent as E, guardReactiveProps as B, h as P, inject as Ge, isRef as ye, mergeDefaults as Ue, mergeProps as F, normalizeClass as Je, normalizeProps as $, openBlock as g, ref as he, renderList as ve, renderSlot as I, toDisplayString as w, toRefs as ne, unref as r, useId as We, useSlots as Ye, vModelSelect as Qe, watch as ie, withCtx as j, withDirectives as Xe } from "vue";
 import { Icon as Ze, addIcon as et, iconLoaded as re } from "@iconify/vue";
 import { useElementVisibility as tt, useFocus as at } from "@vueuse/core";
 import { getProperty as oe } from "dot-prop";
@@ -13,23 +13,21 @@ var lt = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, rt = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), ot = { prefix: rt.normal }, fe = /* @__PURE__ */ (function(e) {
+}, rt = { prefix: "normal" }, fe = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
-})({}), it = /* @__PURE__ */ (function(e) {
+})({}), ot = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
-})({}), P = /* @__PURE__ */ (function(e) {
+})({}), V = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), nt = /* @__PURE__ */ (function(e) {
+})({}), it = /* @__PURE__ */ (function(e) {
   return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
 })({}), D = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
 })({}), ce = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
-})({}), st = /* @__PURE__ */ (function(e) {
+})({}), nt = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), ut = /* @__PURE__ */ Symbol.for("volver"), dt = {
+})({}), st = /* @__PURE__ */ Symbol.for("volver"), ut = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -70,13 +68,13 @@ var lt = {
 } }, me = { required: {
   type: Boolean,
   default: !1
-} }, vt = { active: {
+} }, dt = { active: {
   type: Boolean,
   default: !1
-} }, ft = { current: {
+} }, vt = { current: {
   type: Boolean,
   default: !1
-} }, ct = {
+} }, ft = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -89,7 +87,7 @@ var lt = {
     type: String,
     default: "Clear"
   }
-}, pt = { pressed: {
+}, ct = { pressed: {
   type: Boolean,
   default: !1
 } }, C = { label: {
@@ -121,7 +119,7 @@ var lt = {
     type: [String, Function],
     default: "disabled"
   }
-}, bt = { count: {
+}, pt = { count: {
   type: [Boolean, String],
   default: !1,
   validator: (e) => [
@@ -130,7 +128,7 @@ var lt = {
     "limit",
     "countdown"
   ].includes(e)
-} }, gt = { debounce: {
+} }, bt = { debounce: {
   type: [Number, String],
   default: void 0
 } }, Oe = {
@@ -149,19 +147,19 @@ var lt = {
 } }, Le = { floating: {
   type: Boolean,
   default: !1
-} }, yt = { unselectable: {
+} }, gt = { unselectable: {
   type: Boolean,
   default: !0
-} }, ht = { id: [String, Number] }, Tt = {
+} }, yt = { id: [String, Number] }, Mt = {
   placement: {
     type: String,
-    default: P.bottom,
-    validator: (e) => Object.values(P).includes(e) || Object.values(nt).includes(e)
+    default: V.bottom,
+    validator: (e) => Object.values(V).includes(e) || Object.values(it).includes(e)
   },
   strategy: {
     type: String,
     default: void 0,
-    validator: (e) => Object.values(it).includes(e)
+    validator: (e) => Object.values(ot).includes(e)
   },
   transitionName: {
     type: String,
@@ -208,7 +206,7 @@ var lt = {
     default: !1
   }
 }, ue = {
-  ...ht,
+  ...yt,
   name: {
     type: String,
     required: !0
@@ -219,7 +217,7 @@ var lt = {
 } }, $e = { autocomplete: {
   type: String,
   default: "off"
-} }, Gt = {
+} }, Tt = {
   ...ue,
   ...Be,
   ...$e,
@@ -231,8 +229,8 @@ var lt = {
   ...M,
   ...H,
   ...K,
+  ...pt,
   ...bt,
-  ...gt,
   ...Oe,
   ...Le,
   ...C,
@@ -249,7 +247,7 @@ var lt = {
     default: void 0
   },
   ...me
-}, Ut = {
+}, xt = {
   ...ue,
   ...se,
   ...q,
@@ -277,7 +275,7 @@ var lt = {
     ],
     default: void 0
   }
-}, xt = {
+}, Gt = {
   ...q,
   ...z,
   ...Se,
@@ -306,13 +304,13 @@ var lt = {
     type: Boolean,
     default: !1
   }
-}, Jt = {
+}, Ut = {
   ..._,
   ...C,
-  ...pt,
-  ...vt,
-  ...ft,
+  ...ct,
   ...dt,
+  ...vt,
+  ...ut,
   type: {
     type: String,
     default: ce.button,
@@ -324,9 +322,9 @@ var lt = {
   },
   defaultTag: {
     type: String,
-    default: st.button
+    default: nt.button
   }
-}, Wt = {
+}, Jt = {
   storageType: {
     type: String,
     default: fe.local,
@@ -348,9 +346,9 @@ var lt = {
   ...Se,
   ...Oe,
   ...Le,
-  ...yt,
+  ...gt,
   ...C,
-  ...ct,
+  ...ft,
   multiple: Boolean,
   required: Boolean,
   size: [String, Number],
@@ -380,13 +378,13 @@ function be() {
     }
   };
 }
-function mt(e) {
+function ht(e) {
   return typeof e == "string";
 }
 function ge(e) {
-  return Array.isArray(e) ? e.filter((l) => mt(l)).join(" ") : e;
+  return Array.isArray(e) ? e.filter((l) => ht(l)).join(" ") : e;
 }
-function St(e, l) {
+function mt(e, l) {
   const t = o(() => ye(e) ? e.value : e), s = o(() => ge(t.value.invalidLabel)), u = o(() => ge(t.value.validLabel)), d = o(() => t.value.loadingLabel), f = o(() => t.value.hintLabel), c = o(() => !!(t.value.loading && (l.loading || d.value))), p = o(() => !c.value && !!(t.value.invalid && (l.invalid || s.value))), a = o(() => !c.value && !p.value && !!(t.value.valid && (l.valid || u.value))), b = o(() => !c.value && !p.value && !a.value && !!(l.hint || f.value)), n = o(() => p.value || a.value || c.value || b.value);
   return {
     hasInvalidLabelOrSlot: p,
@@ -421,17 +419,17 @@ function St(e, l) {
       render() {
         if (this.isVisible) {
           let v;
-          return this.hasInvalidLabelOrSlot && (v = "alert"), this.hasValidLabelOrSlot && (v = "status"), this.hasLoadingLabelOrSlot ? I(this.tag, { role: v }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? I(this.tag, { role: v }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? I(this.tag, { role: v }, this.$slots.valid?.() ?? this.validLabel) : I(this.tag, { role: v }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
+          return this.hasInvalidLabelOrSlot && (v = "alert"), this.hasValidLabelOrSlot && (v = "status"), this.hasLoadingLabelOrSlot ? P(this.tag, { role: v }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? P(this.tag, { role: v }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? P(this.tag, { role: v }, this.$slots.valid?.() ?? this.validLabel) : P(this.tag, { role: v }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
         }
         return null;
       }
     })
   };
 }
-function Ve() {
-  return Ue(ut, void 0);
+function Ie() {
+  return Ge(st, void 0);
 }
-function Ie(e, l, t) {
+function Pe(e, l, t) {
   return o(() => {
     const s = { [e]: !0 }, u = typeof l?.value == "string" ? l.value.split(" ") : l?.value;
     return u && Array.isArray(u) && u.forEach((d) => {
@@ -441,9 +439,9 @@ function Ie(e, l, t) {
     }), s;
   });
 }
-var Ot = { name: "VvIcon" }, Lt = /* @__PURE__ */ E({
-  ...Ot,
-  props: /* @__PURE__ */ xe({
+var St = { name: "VvIcon" }, Ot = /* @__PURE__ */ E({
+  ...St,
+  props: /* @__PURE__ */ Ue({
     name: {},
     color: {},
     width: {},
@@ -460,9 +458,9 @@ var Ot = { name: "VvIcon" }, Lt = /* @__PURE__ */ E({
     onLoad: { type: Function },
     svg: {},
     modifiers: {}
-  }, ot),
+  }, rt),
   setup(e) {
-    const l = e, t = o(() => typeof l.rotate == "string" ? Number.parseFloat(l.rotate) : l.rotate), s = he(!0), u = Ve(), { modifiers: d } = ne(l), f = Ie("vv-icon", d), c = o(() => l.provider || u?.iconsProvider), p = o(() => {
+    const l = e, t = o(() => typeof l.rotate == "string" ? Number.parseFloat(l.rotate) : l.rotate), s = he(!0), u = Ie(), { modifiers: d } = ne(l), f = Pe("vv-icon", d), c = o(() => l.provider || u?.iconsProvider), p = o(() => {
       const n = l.name ?? "", v = `@${c.value}:${l.prefix}:${n}`;
       if (re(v)) return v;
       const O = u?.iconsCollections.find((T) => re(`@${c.value}:${T.prefix}:${n}`));
@@ -499,20 +497,20 @@ var Ot = { name: "VvIcon" }, Lt = /* @__PURE__ */ E({
       icon: r(p)
     }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : S("v-if", !0);
   }
-}), k = Lt;
-function Pe(e, l) {
+}), k = Ot;
+function Ve(e, l) {
   const t = o(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), s = o(() => l?.value === D.before ? t.value : void 0), u = o(() => l?.value === D.after ? t.value : void 0);
   return {
     hasIcon: t,
-    hasIconLeft: o(() => l?.value === P.left ? t.value : void 0),
-    hasIconRight: o(() => l?.value === P.right ? t.value : void 0),
-    hasIconTop: o(() => l?.value === P.top ? t.value : void 0),
-    hasIconBottom: o(() => l?.value === P.bottom ? t.value : void 0),
+    hasIconLeft: o(() => l?.value === V.left ? t.value : void 0),
+    hasIconRight: o(() => l?.value === V.right ? t.value : void 0),
+    hasIconTop: o(() => l?.value === V.top ? t.value : void 0),
+    hasIconBottom: o(() => l?.value === V.bottom ? t.value : void 0),
     hasIconBefore: s,
     hasIconAfter: u
   };
 }
-var Bt = E({
+var Lt = E({
   components: { VvIcon: k },
   props: {
     inputType: {
@@ -534,7 +532,7 @@ var Bt = E({
   },
   emits: ["clear"],
   setup(e, { emit: l }) {
-    const { hasIcon: t } = Pe(o(() => e.icon));
+    const { hasIcon: t } = Ve(o(() => e.icon));
     function s(u) {
       u?.stopPropagation(), e.disabled || l("clear");
     }
@@ -544,11 +542,11 @@ var Bt = E({
     };
   },
   render() {
-    const e = this.hasIcon ? I(k, {
+    const e = this.hasIcon ? P(k, {
       ...this.hasIcon,
       class: `vv-${this.inputType}__icon`
     }) : void 0;
-    return I("button", {
+    return P("button", {
       disabled: this.disabled,
       class: `vv-${this.inputType}__action`,
       ariaLabel: this.label,
@@ -557,8 +555,8 @@ var Bt = E({
     }, e);
   }
 });
-function $t(e, l, t) {
-  const s = Ve(), u = o(() => {
+function Bt(e, l, t) {
+  const s = Ie(), u = o(() => {
     if (!(!s || !s.defaults.value?.[e]))
       return s.defaults.value[e];
   });
@@ -585,7 +583,7 @@ function $t(e, l, t) {
     }, {});
   });
 }
-function Vt(e, l) {
+function $t(e, l) {
   const { focused: t } = at(e);
   return ie(t, (s) => {
     l(s ? "focus" : "blur", r(e));
@@ -604,14 +602,14 @@ function Pt(e) {
     getOptionGrouped: (a) => typeof a == "string" ? [] : typeof a == "object" && a && "options" in a ? a.options : []
   };
 }
-var _t = ["for"], Ct = { class: "vv-select__wrapper" }, At = {
+var Vt = ["for"], _t = { class: "vv-select__wrapper" }, Ct = {
   key: 0,
   class: "vv-select__input-before"
-}, wt = { class: "vv-select__inner" }, jt = ["id"], Nt = ["disabled", "hidden"], Ft = ["disabled", "value"], Dt = ["disabled", "label"], kt = ["disabled", "value"], Et = {
+}, At = { class: "vv-select__inner" }, wt = ["id"], jt = ["disabled", "hidden"], Nt = ["disabled", "value"], Ft = ["disabled", "label"], Dt = ["disabled", "value"], kt = {
   key: 2,
   class: "vv-select__input-after"
-}, qt = { name: "VvSelect" }, zt = /* @__PURE__ */ E({
-  ...qt,
+}, Et = { name: "VvSelect" }, qt = /* @__PURE__ */ E({
+  ...Et,
   props: be(),
   emits: [
     "update:modelValue",
@@ -620,11 +618,11 @@ var _t = ["for"], Ct = { class: "vv-select__wrapper" }, At = {
     "clear"
   ],
   setup(e, { emit: l }) {
-    const t = e, s = l, u = Ye(), d = $t("VvSelect", be(), t), f = he(), { HintSlot: c, hasHintLabelOrSlot: p, hasInvalidLabelOrSlot: a, hintSlotScope: b } = St(d, u), { focused: n } = Vt(f, s);
+    const t = e, s = l, u = Ye(), d = Bt("VvSelect", be(), t), f = he(), { HintSlot: c, hasHintLabelOrSlot: p, hasInvalidLabelOrSlot: a, hintSlotScope: b } = mt(d, u), { focused: n } = $t(f, s);
     function v(i) {
       return typeof i == "string" ? !1 : i.options?.length;
     }
-    const { id: O, modifiers: T, disabled: _e, readonly: Ce, loading: Ae, icon: we, iconPosition: je, invalid: Ne, valid: Fe, floating: De, multiple: ke } = ne(t), G = It(O), U = o(() => `${G.value}-hint`), A = o(() => t.disabled || t.readonly), Ee = o(() => A.value ? -1 : t.tabindex), y = o({
+    const { id: O, modifiers: T, disabled: _e, readonly: Ce, loading: Ae, icon: we, iconPosition: je, invalid: Ne, valid: Fe, floating: De, multiple: ke } = ne(t), x = It(O), G = o(() => `${x.value}-hint`), A = o(() => t.disabled || t.readonly), Ee = o(() => A.value ? -1 : t.tabindex), y = o({
       get: () => t.modelValue,
       set: (i) => {
         if (Array.isArray(i) && (i = i.filter((L) => L !== void 0), i.length === 0 && !t.unselectable && f.value)) {
@@ -633,14 +631,14 @@ var _t = ["for"], Ct = { class: "vv-select__wrapper" }, At = {
         }
         s("update:modelValue", i);
       }
-    }), x = o(() => Array.isArray(y.value) ? y.value.length > 0 : y.value !== void 0 && y.value !== null), J = o(() => A.value ? !1 : t.unselectable);
+    }), U = o(() => Array.isArray(y.value) ? y.value.length > 0 : y.value !== void 0 && y.value !== null), J = o(() => A.value ? !1 : t.unselectable);
     ie(tt(f), (i) => {
       i && t.autofocus && (n.value = !0);
     });
-    const { hasIconBefore: W, hasIconAfter: Y } = Pe(we, je), qe = o(() => {
+    const { hasIconBefore: W, hasIconAfter: Y } = Ve(we, je), qe = o(() => {
       if (t.invalid === !0) return !0;
       if (t.valid === !0) return !1;
-    }), ze = Ie("vv-select", T, o(() => ({
+    }), ze = Pe("vv-select", T, o(() => ({
       valid: Fe.value,
       invalid: Ne.value,
       loading: Ae.value,
@@ -648,13 +646,13 @@ var _t = ["for"], Ct = { class: "vv-select__wrapper" }, At = {
       readonly: Ce.value,
       "icon-before": W.value !== void 0,
       "icon-after": Y.value !== void 0,
-      dirty: x.value,
+      dirty: U.value,
       focus: n.value && !A.value,
       floating: De.value,
       multiple: ke.value
     }))), { getOptionLabel: Q, getOptionValue: X, isOptionDisabled: Z, getOptionGrouped: He } = Pt(t);
     ie(() => t.options, (i) => {
-      if (i?.length && t.autoselectFirst && !x.value) {
+      if (i?.length && t.autoselectFirst && !U.value) {
         const L = X(i[0]);
         y.value = t.multiple ? [L] : L;
       }
@@ -671,8 +669,8 @@ var _t = ["for"], Ct = { class: "vv-select__wrapper" }, At = {
       autocomplete: t.autocomplete,
       multiple: t.multiple,
       "aria-invalid": qe.value,
-      "aria-describedby": p.value ? U.value : void 0,
-      "aria-errormessage": a.value ? U.value : void 0
+      "aria-describedby": p.value ? G.value : void 0,
+      "aria-errormessage": a.value ? G.value : void 0
     })), de = o(() => ({
       valid: t.valid,
       invalid: t.invalid,
@@ -681,14 +679,14 @@ var _t = ["for"], Ct = { class: "vv-select__wrapper" }, At = {
     return (i, L) => (g(), h("div", { class: Je(r(ze)) }, [
       i.label ? (g(), h("label", {
         key: 0,
-        for: r(G)
-      }, w(i.label), 9, _t)) : S("v-if", !0),
-      le("div", Ct, [
-        i.$slots.before ? (g(), h("div", At, [V(i.$slots, "before", $(B(r(de))))])) : S("v-if", !0),
-        le("div", wt, [
+        for: r(x)
+      }, w(i.label), 9, Vt)) : S("v-if", !0),
+      le("div", _t, [
+        i.$slots.before ? (g(), h("div", Ct, [I(i.$slots, "before", $(B(r(de))))])) : S("v-if", !0),
+        le("div", At, [
           r(W) ? (g(), N(k, F({ key: 0 }, r(W), { class: "vv-select__icon" }), null, 16)) : S("v-if", !0),
           Xe(le("select", F({
-            id: r(G),
+            id: r(x),
             ref_key: "selectEl",
             ref: f
           }, r(Ke), { "onUpdate:modelValue": L[0] || (L[0] = (m) => ye(y) ? y.value = m : null) }), [i.placeholder ? (g(), h("option", {
@@ -696,7 +694,7 @@ var _t = ["for"], Ct = { class: "vv-select__wrapper" }, At = {
             value: void 0,
             disabled: !r(J),
             hidden: !r(J)
-          }, w(i.placeholder), 9, Nt)) : S("v-if", !0), (g(!0), h(ae, null, ve(i.options, (m, ee) => (g(), h(ae, null, [v(m) ? (g(), h("optgroup", {
+          }, w(i.placeholder), 9, jt)) : S("v-if", !0), (g(!0), h(ae, null, ve(i.options, (m, ee) => (g(), h(ae, null, [v(m) ? (g(), h("optgroup", {
             key: `group-${ee}`,
             disabled: r(Z)(m),
             label: r(Q)(m)
@@ -704,55 +702,55 @@ var _t = ["for"], Ct = { class: "vv-select__wrapper" }, At = {
             key: `group-${ee}-item-${Me}`,
             disabled: r(Z)(te),
             value: r(X)(te)
-          }, w(r(Q)(te)), 9, kt))), 128))], 8, Dt)) : (g(), h("option", {
+          }, w(r(Q)(te)), 9, Dt))), 128))], 8, Ft)) : (g(), h("option", {
             key: ee,
             disabled: r(Z)(m),
             value: r(X)(m)
-          }, w(r(Q)(m)), 9, Ft))], 64))), 256))], 16, jt), [[Qe, r(y)]]),
+          }, w(r(Q)(m)), 9, Nt))], 64))), 256))], 16, wt), [[Qe, r(y)]]),
           r(Y) ? (g(), N(k, F({ key: 1 }, r(Y), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : S("v-if", !0)
         ]),
-        r(J) && r(d).showClearAction ? (g(), N(r(Bt), {
+        r(J) && r(d).showClearAction ? (g(), N(r(Lt), {
           key: 1,
           "input-type": "select",
           label: i.labelClear,
           icon: i.iconClear,
-          disabled: !r(x),
+          disabled: !r(U),
           onClear: Re
         }, null, 8, [
           "label",
           "icon",
           "disabled"
         ])) : S("v-if", !0),
-        i.$slots.after ? (g(), h("div", Et, [V(i.$slots, "after", $(B(r(de))))])) : S("v-if", !0)
+        i.$slots.after ? (g(), h("div", kt, [I(i.$slots, "after", $(B(r(de))))])) : S("v-if", !0)
       ]),
-      Ge(r(c), {
-        id: r(U),
+      xe(r(c), {
+        id: r(G),
         class: "vv-select__hint"
       }, Te({ _: 2 }, [
         i.$slots.hint ? {
           name: "hint",
-          fn: j(() => [V(i.$slots, "hint", $(B(r(b))))]),
+          fn: j(() => [I(i.$slots, "hint", $(B(r(b))))]),
           key: "0"
         } : void 0,
         i.$slots.loading ? {
           name: "loading",
-          fn: j(() => [V(i.$slots, "loading", $(B(r(b))))]),
+          fn: j(() => [I(i.$slots, "loading", $(B(r(b))))]),
           key: "1"
         } : void 0,
         i.$slots.valid ? {
           name: "valid",
-          fn: j(() => [V(i.$slots, "valid", $(B(r(b))))]),
+          fn: j(() => [I(i.$slots, "valid", $(B(r(b))))]),
           key: "2"
         } : void 0,
         i.$slots.invalid ? {
           name: "invalid",
-          fn: j(() => [V(i.$slots, "invalid", $(B(r(b))))]),
+          fn: j(() => [I(i.$slots, "invalid", $(B(r(b))))]),
           key: "3"
         } : void 0
       ]), 1032, ["id"])
     ], 2));
   }
-}), Yt = zt;
+}), Wt = qt;
 export {
-  Yt as default
+  Wt as default
 };

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

@@ -1 +1 @@
-(function(e,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue"),require("@iconify/vue"),require("@vueuse/core"),require("dot-prop")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue","@vueuse/core","dot-prop"],b):(e=typeof globalThis<"u"?globalThis:e||self,e.VvSelect=b(e.Vue,e.IconifyVue,e.VueuseCore,e.dotProp))})(this,function(e,b,U,A){var de={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},ue=(function(t){return t.simple="simple",t.normal="normal",t.detailed="detailed",t})({}),ce={prefix:ue.normal},J=(function(t){return t.local="local",t.session="session",t})({}),fe=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),S=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),pe=(function(t){return t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t})({}),L=(function(t){return t.before="before",t.after="after",t})({}),W=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),me=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),ve=Symbol.for("volver"),be={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},V={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},C={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},O={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},B={disabled:{type:Boolean,default:!1}},Y={required:{type:Boolean,default:!1}},ge={active:{type:Boolean,default:!1}},he={current:{type:Boolean,default:!1}},ye={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:de.clear},labelClear:{type:String,default:"Clear"}},Se={pressed:{type:Boolean,default:!1}},P={label:{type:[String,Number],default:void 0}},k={readonly:{type:Boolean,default:!1}},$={modifiers:{type:[String,Array],default:void 0}},I={hintLabel:{type:String,default:""}},Q={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},Be={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},Pe={debounce:{type:[Number,String],default:void 0}},X={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:L.before,validation:t=>Object.values(L).includes(t)}},E={tabindex:{type:[String,Number],default:0}},Z={floating:{type:Boolean,default:!1}},Le={unselectable:{type:Boolean,default:!0}},Ve={id:[String,Number]},dt={placement:{type:String,default:S.bottom,validator:t=>Object.values(S).includes(t)||Object.values(pe).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(fe).includes(t)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},_={...Ve,name:{type:String,required:!0}},ee={autofocus:{type:Boolean,default:!1}},te={autocomplete:{type:String,default:"off"}},ut={..._,...ee,...te,...E,...B,...k,...V,...C,...I,...O,...$,...Be,...Pe,...X,...Z,...P,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...Y},ct={..._,...E,...V,...C,...I,...B,...k,...$,...P,...O,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},ft={...V,...C,...Q,...I,...B,...k,...$,...P,...O,...Y,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},pt={...B,...P,...Se,...ge,...he,...be,type:{type:String,default:W.button,validator:t=>Object.values(W).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:me.button}},mt={storageType:{type:String,default:J.local,validator:t=>Object.values(J).includes(t)},storageKey:String},oe={..._,...ee,...te,...E,...V,...C,...I,...O,...B,...k,...$,...Q,...X,...Z,...Le,...P,...ye,multiple:Boolean,required:Boolean,size:[String,Number],modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},autoselectFirst:{type:Boolean,default:!1},placeholder:String};function ae(){return{...oe,options:{...oe.options,type:Array,default:()=>[]}}}function Ce(t){return typeof t=="string"}function le(t){return Array.isArray(t)?t.filter(l=>Ce(l)).join(" "):t}function Oe(t,l){const o=(0,e.computed)(()=>(0,e.isRef)(t)?t.value:t),i=(0,e.computed)(()=>le(o.value.invalidLabel)),s=(0,e.computed)(()=>le(o.value.validLabel)),d=(0,e.computed)(()=>o.value.loadingLabel),c=(0,e.computed)(()=>o.value.hintLabel),f=(0,e.computed)(()=>!!(o.value.loading&&(l.loading||d.value))),p=(0,e.computed)(()=>!f.value&&!!(o.value.invalid&&(l.invalid||i.value))),a=(0,e.computed)(()=>!f.value&&!p.value&&!!(o.value.valid&&(l.valid||s.value))),m=(0,e.computed)(()=>!f.value&&!p.value&&!a.value&&!!(l.hint||c.value)),n=(0,e.computed)(()=>p.value||a.value||f.value||m.value);return{hasInvalidLabelOrSlot:p,hasHintLabelOrSlot:m,hasValidLabelOrSlot:a,hasLoadingLabelOrSlot:f,hintSlotScope:(0,e.computed)(()=>({modelValue:o.value.modelValue,valid:o.value.valid,invalid:o.value.invalid,loading:o.value.loading})),HintSlot:(0,e.defineComponent)({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup(){return{isVisible:n,invalidLabel:i,validLabel:s,loadingLabel:d,hintLabel:c,hasInvalidLabelOrSlot:p,hasValidLabelOrSlot:a,hasLoadingLabelOrSlot:f,hasHintLabelOrSlot:m}},render(){if(this.isVisible){let u;return this.hasInvalidLabelOrSlot&&(u="alert"),this.hasValidLabelOrSlot&&(u="status"),this.hasLoadingLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.loading?.()??this.loadingLabel):this.hasInvalidLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.invalid?.()??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.valid?.()??this.validLabel):(0,e.h)(this.tag,{role:u},this.$slots.hint?.()??this.$slots.hint??this.hintLabel)}return null}})}}function re(){return(0,e.inject)(ve,void 0)}function ne(t,l,o){return(0,e.computed)(()=>{const i={[t]:!0},s=typeof l?.value=="string"?l.value.split(" "):l?.value;return s&&Array.isArray(s)&&s.forEach(d=>{d&&(i[`${t}--${d}`]=!0)}),o&&Object.keys(o.value).forEach(d=>{i[`${t}--${d}`]=(0,e.unref)(o.value[d])}),i})}var ke={name:"VvIcon"},$e=(0,e.defineComponent)({...ke,props:(0,e.mergeDefaults)({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},ce),setup(t){const l=t,o=(0,e.computed)(()=>typeof l.rotate=="string"?Number.parseFloat(l.rotate):l.rotate),i=(0,e.ref)(!0),s=re(),{modifiers:d}=(0,e.toRefs)(l),c=ne("vv-icon",d),f=(0,e.computed)(()=>l.provider||s?.iconsProvider),p=(0,e.computed)(()=>{const n=l.name??"",u=`@${f.value}:${l.prefix}:${n}`;if((0,b.iconLoaded)(u))return u;const h=s?.iconsCollections.find(j=>(0,b.iconLoaded)(`@${f.value}:${j.prefix}:${n}`));return h?`@${f.value}:${h.prefix}:${n}`:n});function a(n){const u=typeof window<"u"?new window.DOMParser:null;return u?u.parseFromString(n,"text/html").querySelector("svg"):null}function m(n){const u=a(n),h=u?.innerHTML.trim()||"";u&&h&&(0,b.addIcon)(`@${f.value}:${l.prefix}:${l.name}`,{body:h,height:u.viewBox.baseVal.height,width:u.viewBox.baseVal.width})}return s&&l.src&&!(0,b.iconLoaded)(`@${f.value}:${l.prefix}:${l.name}`)&&(i.value=!1,s.fetchIcon(l.src).then(n=>{n&&m(n),i.value=!0}).catch(n=>{throw i.value=!0,new Error(`Error during fetch icon: ${n?.message}`)})),l.svg&&m(l.svg),(n,u)=>(0,e.unref)(i)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(b.Icon),(0,e.mergeProps)({key:0,class:(0,e.unref)(c)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:(0,e.unref)(o),color:t.color,icon:(0,e.unref)(p)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):(0,e.createCommentVNode)("v-if",!0)}}),N=$e;function ie(t,l){const o=(0,e.computed)(()=>typeof t?.value=="string"?{name:t?.value}:t?.value),i=(0,e.computed)(()=>l?.value===L.before?o.value:void 0),s=(0,e.computed)(()=>l?.value===L.after?o.value:void 0);return{hasIcon:o,hasIconLeft:(0,e.computed)(()=>l?.value===S.left?o.value:void 0),hasIconRight:(0,e.computed)(()=>l?.value===S.right?o.value:void 0),hasIconTop:(0,e.computed)(()=>l?.value===S.top?o.value:void 0),hasIconBottom:(0,e.computed)(()=>l?.value===S.bottom?o.value:void 0),hasIconBefore:i,hasIconAfter:s}}var Ie=(0,e.defineComponent)({components:{VvIcon:N},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},label:{type:String,default:"Clear"},icon:{type:[String,Object],default:"close"}},emits:["clear"],setup(t,{emit:l}){const{hasIcon:o}=ie((0,e.computed)(()=>t.icon));function i(s){s?.stopPropagation(),t.disabled||l("clear")}return{hasIcon:o,onClick:i}},render(){const t=this.hasIcon?(0,e.h)(N,{...this.hasIcon,class:`vv-${this.inputType}__icon`}):void 0;return(0,e.h)("button",{disabled:this.disabled,class:`vv-${this.inputType}__action`,ariaLabel:this.label,type:"button",onClick:this.onClick},t)}});function Ne(t,l,o){const i=re(),s=(0,e.computed)(()=>{if(!(!i||!i.defaults.value?.[t]))return i.defaults.value[t]});return(0,e.computed)(()=>{if(s.value===void 0)return o;const d=s.value,c=l,f=o;return Object.keys(c).reduce((p,a)=>{const m=f[a];if(p[a]=m,a in d){if(Array.isArray(c[a])){const n=c[a];n.length&&n[0]===m&&(p[a]=d[a])}if(typeof c[a]=="function"){const n=c[a];n()===m&&(p[a]=d[a])}if(typeof c[a]=="object"){let n=c[a].default;typeof n=="function"&&(n=n()),typeof n=="object"?JSON.stringify(n)===JSON.stringify(m)&&(p[a]=d[a]):n===m&&(p[a]=d[a])}}return p},{})})}function we(t,l){const{focused:o}=(0,U.useFocus)(t);return(0,e.watch)(o,i=>{l(i?"focus":"blur",(0,e.unref)(t))}),{focused:o}}function Ae(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function Ee(t){const{options:l,labelKey:o,valueKey:i,disabledKey:s}=(0,e.toRefs)(t);return{options:l,getOptionLabel:a=>typeof a=="string"?a:typeof o.value=="function"?o.value(a):String(o.value?(0,A.getProperty)(a,o.value):a),getOptionValue:a=>typeof a=="string"?a:typeof i.value=="function"?i.value(a):i.value?(0,A.getProperty)(a,i.value):a,isOptionDisabled:a=>typeof a=="string"?!1:typeof s.value=="function"?s.value(a):s.value?!!(0,A.getProperty)(a,s.value):!1,getOptionGrouped:a=>typeof a=="string"?[]:typeof a=="object"&&a&&"options"in a?a.options:[]}}var _e=["for"],je={class:"vv-select__wrapper"},Fe={key:0,class:"vv-select__input-before"},De={class:"vv-select__inner"},Re=["id"],ze=["disabled","hidden"],qe=["disabled","value"],He=["disabled","label"],Ke=["disabled","value"],Te={key:2,class:"vv-select__input-after"},xe={name:"VvSelect"},Me=(0,e.defineComponent)({...xe,props:ae(),emits:["update:modelValue","focus","blur","clear"],setup(t,{emit:l}){const o=t,i=l,s=(0,e.useSlots)(),d=Ne("VvSelect",ae(),o),c=(0,e.ref)(),{HintSlot:f,hasHintLabelOrSlot:p,hasInvalidLabelOrSlot:a,hintSlotScope:m}=Oe(d,s),{focused:n}=we(c,i);function u(r){return typeof r=="string"?!1:r.options?.length}const{id:h,modifiers:j,disabled:Ue,readonly:Je,loading:We,icon:Ye,iconPosition:Qe,invalid:Xe,valid:Ze,floating:et,multiple:tt}=(0,e.toRefs)(o),F=Ae(h),D=(0,e.computed)(()=>`${F.value}-hint`),w=(0,e.computed)(()=>o.disabled||o.readonly),ot=(0,e.computed)(()=>w.value?-1:o.tabindex),v=(0,e.computed)({get:()=>o.modelValue,set:r=>{if(Array.isArray(r)&&(r=r.filter(y=>y!==void 0),r.length===0&&!o.unselectable&&c.value)){c.value.value=String(o.modelValue);return}i("update:modelValue",r)}}),R=(0,e.computed)(()=>Array.isArray(v.value)?v.value.length>0:v.value!==void 0&&v.value!==null),z=(0,e.computed)(()=>w.value?!1:o.unselectable);(0,e.watch)((0,U.useElementVisibility)(c),r=>{r&&o.autofocus&&(n.value=!0)});const{hasIconBefore:q,hasIconAfter:H}=ie(Ye,Qe),at=(0,e.computed)(()=>{if(o.invalid===!0)return!0;if(o.valid===!0)return!1}),lt=ne("vv-select",j,(0,e.computed)(()=>({valid:Ze.value,invalid:Xe.value,loading:We.value,disabled:Ue.value,readonly:Je.value,"icon-before":q.value!==void 0,"icon-after":H.value!==void 0,dirty:R.value,focus:n.value&&!w.value,floating:et.value,multiple:tt.value}))),{getOptionLabel:K,getOptionValue:T,isOptionDisabled:x,getOptionGrouped:rt}=Ee(o);(0,e.watch)(()=>o.options,r=>{if(r?.length&&o.autoselectFirst&&!R.value){const y=T(r[0]);v.value=o.multiple?[y]:y}},{immediate:!0});function nt(){Array.isArray(v.value)?v.value=[]:v.value=void 0,i("clear")}const it=(0,e.computed)(()=>({name:o.name,tabindex:ot.value,disabled:w.value,required:o.required,size:o.size,autocomplete:o.autocomplete,multiple:o.multiple,"aria-invalid":at.value,"aria-describedby":p.value?D.value:void 0,"aria-errormessage":a.value?D.value:void 0})),se=(0,e.computed)(()=>({valid:o.valid,invalid:o.invalid,modelValue:o.modelValue}));return(r,y)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:(0,e.normalizeClass)((0,e.unref)(lt))},[r.label?((0,e.openBlock)(),(0,e.createElementBlock)("label",{key:0,for:(0,e.unref)(F)},(0,e.toDisplayString)(r.label),9,_e)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",je,[r.$slots.before?((0,e.openBlock)(),(0,e.createElementBlock)("div",Fe,[(0,e.renderSlot)(r.$slots,"before",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(se))))])):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",De,[(0,e.unref)(q)?((0,e.openBlock)(),(0,e.createBlock)(N,(0,e.mergeProps)({key:0},(0,e.unref)(q),{class:"vv-select__icon"}),null,16)):(0,e.createCommentVNode)("v-if",!0),(0,e.withDirectives)((0,e.createElementVNode)("select",(0,e.mergeProps)({id:(0,e.unref)(F),ref_key:"selectEl",ref:c},(0,e.unref)(it),{"onUpdate:modelValue":y[0]||(y[0]=g=>(0,e.isRef)(v)?v.value=g:null)}),[r.placeholder?((0,e.openBlock)(),(0,e.createElementBlock)("option",{key:0,value:void 0,disabled:!(0,e.unref)(z),hidden:!(0,e.unref)(z)},(0,e.toDisplayString)(r.placeholder),9,ze)):(0,e.createCommentVNode)("v-if",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.options,(g,M)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[u(g)?((0,e.openBlock)(),(0,e.createElementBlock)("optgroup",{key:`group-${M}`,disabled:(0,e.unref)(x)(g),label:(0,e.unref)(K)(g)},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(rt)(g),(G,st)=>((0,e.openBlock)(),(0,e.createElementBlock)("option",{key:`group-${M}-item-${st}`,disabled:(0,e.unref)(x)(G),value:(0,e.unref)(T)(G)},(0,e.toDisplayString)((0,e.unref)(K)(G)),9,Ke))),128))],8,He)):((0,e.openBlock)(),(0,e.createElementBlock)("option",{key:M,disabled:(0,e.unref)(x)(g),value:(0,e.unref)(T)(g)},(0,e.toDisplayString)((0,e.unref)(K)(g)),9,qe))],64))),256))],16,Re),[[e.vModelSelect,(0,e.unref)(v)]]),(0,e.unref)(H)?((0,e.openBlock)(),(0,e.createBlock)(N,(0,e.mergeProps)({key:1},(0,e.unref)(H),{class:"vv-select__icon vv-select__icon-after"}),null,16)):(0,e.createCommentVNode)("v-if",!0)]),(0,e.unref)(z)&&(0,e.unref)(d).showClearAction?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(Ie),{key:1,"input-type":"select",label:r.labelClear,icon:r.iconClear,disabled:!(0,e.unref)(R),onClear:nt},null,8,["label","icon","disabled"])):(0,e.createCommentVNode)("v-if",!0),r.$slots.after?((0,e.openBlock)(),(0,e.createElementBlock)("div",Te,[(0,e.renderSlot)(r.$slots,"after",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(se))))])):(0,e.createCommentVNode)("v-if",!0)]),(0,e.createVNode)((0,e.unref)(f),{id:(0,e.unref)(D),class:"vv-select__hint"},(0,e.createSlots)({_:2},[r.$slots.hint?{name:"hint",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"hint",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(m))))]),key:"0"}:void 0,r.$slots.loading?{name:"loading",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"loading",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(m))))]),key:"1"}:void 0,r.$slots.valid?{name:"valid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"valid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(m))))]),key:"2"}:void 0,r.$slots.invalid?{name:"invalid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"invalid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(m))))]),key:"3"}:void 0]),1032,["id"])],2))}}),Ge=Me;return Ge});
+(function(e,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue"),require("@iconify/vue"),require("@vueuse/core"),require("dot-prop")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue","@vueuse/core","dot-prop"],b):(e=typeof globalThis<"u"?globalThis:e||self,e.VvSelect=b(e.Vue,e.IconifyVue,e.VueuseCore,e.dotProp))})(this,function(e,b,U,A){var de={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},ue={prefix:"normal"},J=(function(t){return t.local="local",t.session="session",t})({}),ce=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),S=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),fe=(function(t){return t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t})({}),L=(function(t){return t.before="before",t.after="after",t})({}),W=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),pe=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),ve=Symbol.for("volver"),me={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},V={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},C={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},O={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},B={disabled:{type:Boolean,default:!1}},Y={required:{type:Boolean,default:!1}},be={active:{type:Boolean,default:!1}},ge={current:{type:Boolean,default:!1}},he={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:de.clear},labelClear:{type:String,default:"Clear"}},ye={pressed:{type:Boolean,default:!1}},P={label:{type:[String,Number],default:void 0}},k={readonly:{type:Boolean,default:!1}},$={modifiers:{type:[String,Array],default:void 0}},I={hintLabel:{type:String,default:""}},Q={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},Se={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},Be={debounce:{type:[Number,String],default:void 0}},X={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:L.before,validation:t=>Object.values(L).includes(t)}},E={tabindex:{type:[String,Number],default:0}},Z={floating:{type:Boolean,default:!1}},Pe={unselectable:{type:Boolean,default:!0}},Le={id:[String,Number]},st={placement:{type:String,default:S.bottom,validator:t=>Object.values(S).includes(t)||Object.values(fe).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(ce).includes(t)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},_={...Le,name:{type:String,required:!0}},ee={autofocus:{type:Boolean,default:!1}},te={autocomplete:{type:String,default:"off"}},dt={..._,...ee,...te,...E,...B,...k,...V,...C,...I,...O,...$,...Se,...Be,...X,...Z,...P,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...Y},ut={..._,...E,...V,...C,...I,...B,...k,...$,...P,...O,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},ct={...V,...C,...Q,...I,...B,...k,...$,...P,...O,...Y,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},ft={...B,...P,...ye,...be,...ge,...me,type:{type:String,default:W.button,validator:t=>Object.values(W).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:pe.button}},pt={storageType:{type:String,default:J.local,validator:t=>Object.values(J).includes(t)},storageKey:String},oe={..._,...ee,...te,...E,...V,...C,...I,...O,...B,...k,...$,...Q,...X,...Z,...Pe,...P,...he,multiple:Boolean,required:Boolean,size:[String,Number],modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},autoselectFirst:{type:Boolean,default:!1},placeholder:String};function ae(){return{...oe,options:{...oe.options,type:Array,default:()=>[]}}}function Ve(t){return typeof t=="string"}function le(t){return Array.isArray(t)?t.filter(l=>Ve(l)).join(" "):t}function Ce(t,l){const o=(0,e.computed)(()=>(0,e.isRef)(t)?t.value:t),i=(0,e.computed)(()=>le(o.value.invalidLabel)),s=(0,e.computed)(()=>le(o.value.validLabel)),d=(0,e.computed)(()=>o.value.loadingLabel),c=(0,e.computed)(()=>o.value.hintLabel),f=(0,e.computed)(()=>!!(o.value.loading&&(l.loading||d.value))),p=(0,e.computed)(()=>!f.value&&!!(o.value.invalid&&(l.invalid||i.value))),a=(0,e.computed)(()=>!f.value&&!p.value&&!!(o.value.valid&&(l.valid||s.value))),v=(0,e.computed)(()=>!f.value&&!p.value&&!a.value&&!!(l.hint||c.value)),n=(0,e.computed)(()=>p.value||a.value||f.value||v.value);return{hasInvalidLabelOrSlot:p,hasHintLabelOrSlot:v,hasValidLabelOrSlot:a,hasLoadingLabelOrSlot:f,hintSlotScope:(0,e.computed)(()=>({modelValue:o.value.modelValue,valid:o.value.valid,invalid:o.value.invalid,loading:o.value.loading})),HintSlot:(0,e.defineComponent)({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup(){return{isVisible:n,invalidLabel:i,validLabel:s,loadingLabel:d,hintLabel:c,hasInvalidLabelOrSlot:p,hasValidLabelOrSlot:a,hasLoadingLabelOrSlot:f,hasHintLabelOrSlot:v}},render(){if(this.isVisible){let u;return this.hasInvalidLabelOrSlot&&(u="alert"),this.hasValidLabelOrSlot&&(u="status"),this.hasLoadingLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.loading?.()??this.loadingLabel):this.hasInvalidLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.invalid?.()??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.valid?.()??this.validLabel):(0,e.h)(this.tag,{role:u},this.$slots.hint?.()??this.$slots.hint??this.hintLabel)}return null}})}}function re(){return(0,e.inject)(ve,void 0)}function ne(t,l,o){return(0,e.computed)(()=>{const i={[t]:!0},s=typeof l?.value=="string"?l.value.split(" "):l?.value;return s&&Array.isArray(s)&&s.forEach(d=>{d&&(i[`${t}--${d}`]=!0)}),o&&Object.keys(o.value).forEach(d=>{i[`${t}--${d}`]=(0,e.unref)(o.value[d])}),i})}var Oe={name:"VvIcon"},ke=(0,e.defineComponent)({...Oe,props:(0,e.mergeDefaults)({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},ue),setup(t){const l=t,o=(0,e.computed)(()=>typeof l.rotate=="string"?Number.parseFloat(l.rotate):l.rotate),i=(0,e.ref)(!0),s=re(),{modifiers:d}=(0,e.toRefs)(l),c=ne("vv-icon",d),f=(0,e.computed)(()=>l.provider||s?.iconsProvider),p=(0,e.computed)(()=>{const n=l.name??"",u=`@${f.value}:${l.prefix}:${n}`;if((0,b.iconLoaded)(u))return u;const h=s?.iconsCollections.find(j=>(0,b.iconLoaded)(`@${f.value}:${j.prefix}:${n}`));return h?`@${f.value}:${h.prefix}:${n}`:n});function a(n){const u=typeof window<"u"?new window.DOMParser:null;return u?u.parseFromString(n,"text/html").querySelector("svg"):null}function v(n){const u=a(n),h=u?.innerHTML.trim()||"";u&&h&&(0,b.addIcon)(`@${f.value}:${l.prefix}:${l.name}`,{body:h,height:u.viewBox.baseVal.height,width:u.viewBox.baseVal.width})}return s&&l.src&&!(0,b.iconLoaded)(`@${f.value}:${l.prefix}:${l.name}`)&&(i.value=!1,s.fetchIcon(l.src).then(n=>{n&&v(n),i.value=!0}).catch(n=>{throw i.value=!0,new Error(`Error during fetch icon: ${n?.message}`)})),l.svg&&v(l.svg),(n,u)=>(0,e.unref)(i)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(b.Icon),(0,e.mergeProps)({key:0,class:(0,e.unref)(c)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:(0,e.unref)(o),color:t.color,icon:(0,e.unref)(p)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):(0,e.createCommentVNode)("v-if",!0)}}),N=ke;function ie(t,l){const o=(0,e.computed)(()=>typeof t?.value=="string"?{name:t?.value}:t?.value),i=(0,e.computed)(()=>l?.value===L.before?o.value:void 0),s=(0,e.computed)(()=>l?.value===L.after?o.value:void 0);return{hasIcon:o,hasIconLeft:(0,e.computed)(()=>l?.value===S.left?o.value:void 0),hasIconRight:(0,e.computed)(()=>l?.value===S.right?o.value:void 0),hasIconTop:(0,e.computed)(()=>l?.value===S.top?o.value:void 0),hasIconBottom:(0,e.computed)(()=>l?.value===S.bottom?o.value:void 0),hasIconBefore:i,hasIconAfter:s}}var $e=(0,e.defineComponent)({components:{VvIcon:N},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},label:{type:String,default:"Clear"},icon:{type:[String,Object],default:"close"}},emits:["clear"],setup(t,{emit:l}){const{hasIcon:o}=ie((0,e.computed)(()=>t.icon));function i(s){s?.stopPropagation(),t.disabled||l("clear")}return{hasIcon:o,onClick:i}},render(){const t=this.hasIcon?(0,e.h)(N,{...this.hasIcon,class:`vv-${this.inputType}__icon`}):void 0;return(0,e.h)("button",{disabled:this.disabled,class:`vv-${this.inputType}__action`,ariaLabel:this.label,type:"button",onClick:this.onClick},t)}});function Ie(t,l,o){const i=re(),s=(0,e.computed)(()=>{if(!(!i||!i.defaults.value?.[t]))return i.defaults.value[t]});return(0,e.computed)(()=>{if(s.value===void 0)return o;const d=s.value,c=l,f=o;return Object.keys(c).reduce((p,a)=>{const v=f[a];if(p[a]=v,a in d){if(Array.isArray(c[a])){const n=c[a];n.length&&n[0]===v&&(p[a]=d[a])}if(typeof c[a]=="function"){const n=c[a];n()===v&&(p[a]=d[a])}if(typeof c[a]=="object"){let n=c[a].default;typeof n=="function"&&(n=n()),typeof n=="object"?JSON.stringify(n)===JSON.stringify(v)&&(p[a]=d[a]):n===v&&(p[a]=d[a])}}return p},{})})}function Ne(t,l){const{focused:o}=(0,U.useFocus)(t);return(0,e.watch)(o,i=>{l(i?"focus":"blur",(0,e.unref)(t))}),{focused:o}}function we(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function Ae(t){const{options:l,labelKey:o,valueKey:i,disabledKey:s}=(0,e.toRefs)(t);return{options:l,getOptionLabel:a=>typeof a=="string"?a:typeof o.value=="function"?o.value(a):String(o.value?(0,A.getProperty)(a,o.value):a),getOptionValue:a=>typeof a=="string"?a:typeof i.value=="function"?i.value(a):i.value?(0,A.getProperty)(a,i.value):a,isOptionDisabled:a=>typeof a=="string"?!1:typeof s.value=="function"?s.value(a):s.value?!!(0,A.getProperty)(a,s.value):!1,getOptionGrouped:a=>typeof a=="string"?[]:typeof a=="object"&&a&&"options"in a?a.options:[]}}var Ee=["for"],_e={class:"vv-select__wrapper"},je={key:0,class:"vv-select__input-before"},Fe={class:"vv-select__inner"},De=["id"],Re=["disabled","hidden"],ze=["disabled","value"],qe=["disabled","label"],xe=["disabled","value"],He={key:2,class:"vv-select__input-after"},Ke={name:"VvSelect"},Te=(0,e.defineComponent)({...Ke,props:ae(),emits:["update:modelValue","focus","blur","clear"],setup(t,{emit:l}){const o=t,i=l,s=(0,e.useSlots)(),d=Ie("VvSelect",ae(),o),c=(0,e.ref)(),{HintSlot:f,hasHintLabelOrSlot:p,hasInvalidLabelOrSlot:a,hintSlotScope:v}=Ce(d,s),{focused:n}=Ne(c,i);function u(r){return typeof r=="string"?!1:r.options?.length}const{id:h,modifiers:j,disabled:Ge,readonly:Ue,loading:Je,icon:We,iconPosition:Ye,invalid:Qe,valid:Xe,floating:Ze,multiple:et}=(0,e.toRefs)(o),F=we(h),D=(0,e.computed)(()=>`${F.value}-hint`),w=(0,e.computed)(()=>o.disabled||o.readonly),tt=(0,e.computed)(()=>w.value?-1:o.tabindex),m=(0,e.computed)({get:()=>o.modelValue,set:r=>{if(Array.isArray(r)&&(r=r.filter(y=>y!==void 0),r.length===0&&!o.unselectable&&c.value)){c.value.value=String(o.modelValue);return}i("update:modelValue",r)}}),R=(0,e.computed)(()=>Array.isArray(m.value)?m.value.length>0:m.value!==void 0&&m.value!==null),z=(0,e.computed)(()=>w.value?!1:o.unselectable);(0,e.watch)((0,U.useElementVisibility)(c),r=>{r&&o.autofocus&&(n.value=!0)});const{hasIconBefore:q,hasIconAfter:x}=ie(We,Ye),ot=(0,e.computed)(()=>{if(o.invalid===!0)return!0;if(o.valid===!0)return!1}),at=ne("vv-select",j,(0,e.computed)(()=>({valid:Xe.value,invalid:Qe.value,loading:Je.value,disabled:Ge.value,readonly:Ue.value,"icon-before":q.value!==void 0,"icon-after":x.value!==void 0,dirty:R.value,focus:n.value&&!w.value,floating:Ze.value,multiple:et.value}))),{getOptionLabel:H,getOptionValue:K,isOptionDisabled:T,getOptionGrouped:lt}=Ae(o);(0,e.watch)(()=>o.options,r=>{if(r?.length&&o.autoselectFirst&&!R.value){const y=K(r[0]);m.value=o.multiple?[y]:y}},{immediate:!0});function rt(){Array.isArray(m.value)?m.value=[]:m.value=void 0,i("clear")}const nt=(0,e.computed)(()=>({name:o.name,tabindex:tt.value,disabled:w.value,required:o.required,size:o.size,autocomplete:o.autocomplete,multiple:o.multiple,"aria-invalid":ot.value,"aria-describedby":p.value?D.value:void 0,"aria-errormessage":a.value?D.value:void 0})),se=(0,e.computed)(()=>({valid:o.valid,invalid:o.invalid,modelValue:o.modelValue}));return(r,y)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:(0,e.normalizeClass)((0,e.unref)(at))},[r.label?((0,e.openBlock)(),(0,e.createElementBlock)("label",{key:0,for:(0,e.unref)(F)},(0,e.toDisplayString)(r.label),9,Ee)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",_e,[r.$slots.before?((0,e.openBlock)(),(0,e.createElementBlock)("div",je,[(0,e.renderSlot)(r.$slots,"before",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(se))))])):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",Fe,[(0,e.unref)(q)?((0,e.openBlock)(),(0,e.createBlock)(N,(0,e.mergeProps)({key:0},(0,e.unref)(q),{class:"vv-select__icon"}),null,16)):(0,e.createCommentVNode)("v-if",!0),(0,e.withDirectives)((0,e.createElementVNode)("select",(0,e.mergeProps)({id:(0,e.unref)(F),ref_key:"selectEl",ref:c},(0,e.unref)(nt),{"onUpdate:modelValue":y[0]||(y[0]=g=>(0,e.isRef)(m)?m.value=g:null)}),[r.placeholder?((0,e.openBlock)(),(0,e.createElementBlock)("option",{key:0,value:void 0,disabled:!(0,e.unref)(z),hidden:!(0,e.unref)(z)},(0,e.toDisplayString)(r.placeholder),9,Re)):(0,e.createCommentVNode)("v-if",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.options,(g,M)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[u(g)?((0,e.openBlock)(),(0,e.createElementBlock)("optgroup",{key:`group-${M}`,disabled:(0,e.unref)(T)(g),label:(0,e.unref)(H)(g)},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(lt)(g),(G,it)=>((0,e.openBlock)(),(0,e.createElementBlock)("option",{key:`group-${M}-item-${it}`,disabled:(0,e.unref)(T)(G),value:(0,e.unref)(K)(G)},(0,e.toDisplayString)((0,e.unref)(H)(G)),9,xe))),128))],8,qe)):((0,e.openBlock)(),(0,e.createElementBlock)("option",{key:M,disabled:(0,e.unref)(T)(g),value:(0,e.unref)(K)(g)},(0,e.toDisplayString)((0,e.unref)(H)(g)),9,ze))],64))),256))],16,De),[[e.vModelSelect,(0,e.unref)(m)]]),(0,e.unref)(x)?((0,e.openBlock)(),(0,e.createBlock)(N,(0,e.mergeProps)({key:1},(0,e.unref)(x),{class:"vv-select__icon vv-select__icon-after"}),null,16)):(0,e.createCommentVNode)("v-if",!0)]),(0,e.unref)(z)&&(0,e.unref)(d).showClearAction?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)($e),{key:1,"input-type":"select",label:r.labelClear,icon:r.iconClear,disabled:!(0,e.unref)(R),onClear:rt},null,8,["label","icon","disabled"])):(0,e.createCommentVNode)("v-if",!0),r.$slots.after?((0,e.openBlock)(),(0,e.createElementBlock)("div",He,[(0,e.renderSlot)(r.$slots,"after",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(se))))])):(0,e.createCommentVNode)("v-if",!0)]),(0,e.createVNode)((0,e.unref)(f),{id:(0,e.unref)(D),class:"vv-select__hint"},(0,e.createSlots)({_:2},[r.$slots.hint?{name:"hint",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"hint",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(v))))]),key:"0"}:void 0,r.$slots.loading?{name:"loading",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"loading",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(v))))]),key:"1"}:void 0,r.$slots.valid?{name:"valid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"valid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(v))))]),key:"2"}:void 0,r.$slots.invalid?{name:"invalid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"invalid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(v))))]),key:"3"}:void 0]),1032,["id"])],2))}}),Me=Te;return Me});