@8wave/ai-elements 0.84.0 → 0.85.0

package/dist/_chunks/VvCombobox.es-BxxQaz48.js

@@ -0,0 +1,1998 @@
+import { B as e, C as t, D as n, E as r, F as i, G as a, H as o, Ht as s, J as c, K as l, Kt as u, L as d, M as f, N as p, O as m, P as h, Q as g, S as _, U as v, Ut as y, V as b, Vt as ee, W as x, Y as te, _ as S, _t as ne, b as C, bt as w, ct as T, d as re, et as E, f as ie, j as D, k as O, l as k, m as A, n as ae, p as oe, pt as j, q as M, tt as se, u as ce, v as N, vt as P, w as le, x as F, y as I, z as L } from "./vue.runtime.esm-bundler-B-iHWsf4.js";
+import { a as ue, i as de, t as R } from "./iconify-DlYsYC8z.js";
+import { c as z, d as fe, h as B, l as pe, m as V, n as me, o as he, r as ge, s as _e, t as ve } from "./dist-Dplp2WfI.js";
+import { a as ye, c as H, i as be, l as U, n as xe, o as Se, r as Ce, s as we, t as Te } from "./floating-ui.vue-BWkka9Fn.js";
+import { t as Ee } from "./dot-prop-DBnEiG9k.js";
+//#region ../../node_modules/.pnpm/@volverjs+ui-vue@0.0.13-beta.9_@volverjs+style@0.1.24-beta.3_@vueuse+core@14.3.0_vue@3._b9ef174e3f050b2d4a9af91f3bdfd9e5/node_modules/@volverjs/ui-vue/dist/components/VvCombobox/VvCombobox.es.js
+var De = {
+	showPassword: "eye-on",
+	hidePassword: "eye-off",
+	showDatePicker: "calendar",
+	showTimePicker: "time",
+	showColorPicker: "color",
+	clear: "close",
+	add: "add",
+	remove: "trash",
+	edit: "edit",
+	download: "download"
+}, Oe = { prefix: (/* @__PURE__ */ (function(e) {
+	return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
+})({})).normal }, ke = /* @__PURE__ */ (function(e) {
+	return e.local = "local", e.session = "session", e;
+})({}), W = /* @__PURE__ */ (function(e) {
+	return e.absolute = "absolute", e.fixed = "fixed", e;
+})({}), G = /* @__PURE__ */ (function(e) {
+	return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
+})({}), K = /* @__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;
+})({}), q = /* @__PURE__ */ (function(e) {
+	return e.before = "before", e.after = "after", e;
+})({}), Ae = /* @__PURE__ */ (function(e) {
+	return e.button = "button", e.submit = "submit", e.reset = "reset", e;
+})({}), J = /* @__PURE__ */ (function(e) {
+	return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
+})({}), Y = /* @__PURE__ */ (function(e) {
+	return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
+})({}), je = /* @__PURE__ */ (function(e) {
+	return e.listbox = "listbox", e.menu = "menu", e;
+})({}), Me = /* @__PURE__ */ (function(e) {
+	return e.option = "option", e.presentation = "presentation", e;
+})({}), Ne = /* @__PURE__ */ Symbol.for("volver"), Pe = /* @__PURE__ */ Symbol.for("buttonGroup"), Fe = /* @__PURE__ */ Symbol.for("dropdownTrigger"), Ie = /* @__PURE__ */ Symbol.for("dropdownItem"), Le = /* @__PURE__ */ Symbol.for("dropdownAction"), Re = {
+	to: { type: [String, Object] },
+	href: String,
+	target: String,
+	rel: {
+		type: String,
+		default: "noopener noreferrer"
+	}
+}, X = {
+	valid: {
+		type: Boolean,
+		default: !1
+	},
+	validLabel: {
+		type: [String, Array],
+		default: void 0
+	}
+}, ze = {
+	invalid: {
+		type: Boolean,
+		default: !1
+	},
+	invalidLabel: {
+		type: [String, Array],
+		default: void 0
+	}
+}, Z = {
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	loadingLabel: {
+		type: String,
+		default: "Loading..."
+	}
+}, Be = { disabled: {
+	type: Boolean,
+	default: !1
+} }, Ve = { required: {
+	type: Boolean,
+	default: !1
+} }, He = { selected: {
+	type: Boolean,
+	default: !1
+} }, Ue = { active: {
+	type: Boolean,
+	default: !1
+} }, We = { current: {
+	type: Boolean,
+	default: !1
+} }, Q = {
+	showClearAction: {
+		type: Boolean,
+		default: !1
+	},
+	iconClear: {
+		type: [String, Object],
+		default: De.clear
+	},
+	labelClear: {
+		type: String,
+		default: "Clear"
+	}
+}, Ge = { pressed: {
+	type: Boolean,
+	default: !1
+} }, Ke = { label: {
+	type: [String, Number],
+	default: void 0
+} }, qe = { readonly: {
+	type: Boolean,
+	default: !1
+} }, $ = { modifiers: {
+	type: [String, Array],
+	default: void 0
+} }, Je = { hintLabel: {
+	type: String,
+	default: ""
+} }, Ye = {
+	options: {
+		type: Array,
+		default: () => []
+	},
+	labelKey: {
+		type: [String, Function],
+		default: "label"
+	},
+	valueKey: {
+		type: [String, Function],
+		default: "value"
+	},
+	disabledKey: {
+		type: [String, Function],
+		default: "disabled"
+	}
+}, Xe = { count: {
+	type: [Boolean, String],
+	default: !1,
+	validator: (e) => [
+		!0,
+		!1,
+		"limit",
+		"countdown"
+	].includes(e)
+} }, Ze = { debounce: {
+	type: [Number, String],
+	default: void 0
+} }, Qe = {
+	icon: {
+		type: [String, Object],
+		default: void 0
+	},
+	iconPosition: {
+		type: String,
+		default: q.before,
+		validation: (e) => Object.values(q).includes(e)
+	}
+}, $e = { tabindex: {
+	type: [String, Number],
+	default: 0
+} }, et = { floating: {
+	type: Boolean,
+	default: !1
+} }, tt = { unselectable: {
+	type: Boolean,
+	default: !0
+} }, nt = { id: [String, Number] }, rt = {
+	placement: {
+		type: String,
+		default: G.bottom,
+		validator: (e) => Object.values(G).includes(e) || Object.values(K).includes(e)
+	},
+	strategy: {
+		type: String,
+		default: void 0,
+		validator: (e) => Object.values(W).includes(e)
+	},
+	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
+	}
+}, it = {
+	...nt,
+	name: {
+		type: String,
+		required: !0
+	}
+}, at = { autofocus: {
+	type: Boolean,
+	default: !1
+} }, ot = { autocomplete: {
+	type: String,
+	default: "off"
+} };
+({
+	...it,
+	...at,
+	...ot,
+	...$e,
+	...Be,
+	...qe,
+	...X,
+	...ze,
+	...Je,
+	...Z,
+	...$,
+	...Xe,
+	...Ze,
+	...Qe,
+	...et,
+	...Ke
+}), { ...Ve }, {
+	...it,
+	...$e,
+	...X,
+	...ze,
+	...Je,
+	...Be,
+	...qe,
+	...$,
+	...Ke,
+	...Z
+}, {
+	...X,
+	...ze,
+	...Ye,
+	...Je,
+	...Be,
+	...qe,
+	...$,
+	...Ke,
+	...Z,
+	...Ve
+};
+var st = {
+	...Be,
+	...Ke,
+	...Ge,
+	...Ue,
+	...We,
+	...Re,
+	type: {
+		type: String,
+		default: Ae.button,
+		validator: (e) => Object.values(Ae).includes(e)
+	},
+	ariaLabel: {
+		type: String,
+		default: void 0
+	},
+	defaultTag: {
+		type: String,
+		default: J.button
+	}
+};
+ke.local;
+var ct = {
+	...it,
+	...$e,
+	...X,
+	...ze,
+	...Je,
+	...Z,
+	...Be,
+	...qe,
+	...$,
+	...Ye,
+	...Qe,
+	...et,
+	...rt,
+	...Ke,
+	...Ve,
+	...Q,
+	transitionName: {
+		type: String,
+		default: "vv-dropdown--mobile-fade-block"
+	},
+	modelValue: {
+		type: [
+			String,
+			Number,
+			Boolean,
+			Object,
+			Array
+		],
+		default: void 0
+	},
+	noResultsLabel: {
+		type: String,
+		default: "No results"
+	},
+	noOptionsLabel: {
+		type: String,
+		default: "No options available"
+	},
+	selectedOptionNotFoundLabel: {
+		type: String,
+		default: "Selected option not found"
+	},
+	selectedHintLabel: {
+		type: String,
+		default: "Selected"
+	},
+	deselectActionLabel: {
+		type: String,
+		default: "Deselect"
+	},
+	selectHintLabel: {
+		type: String,
+		default: "Press enter to select"
+	},
+	deselectHintLabel: {
+		type: String,
+		default: "Press enter to remove"
+	},
+	addOptionHintLabel: {
+		type: String,
+		default: "Press enter to add"
+	},
+	closeLabel: {
+		type: String,
+		default: "Close"
+	},
+	placeholder: String,
+	addable: Boolean,
+	searchable: Boolean,
+	keepSearch: Boolean,
+	searchFunction: {
+		type: Function,
+		default: void 0
+	},
+	searchPlaceholder: {
+		type: String,
+		default: "Search..."
+	},
+	debounceSearch: {
+		type: [Number, String],
+		default: 0
+	},
+	multiple: Boolean,
+	minValues: {
+		type: [Number, String],
+		default: 0
+	},
+	maxValues: [Number, String],
+	unselectable: {
+		type: Boolean,
+		default: !0
+	},
+	separator: {
+		type: String,
+		default: ", "
+	},
+	native: Boolean,
+	badges: Boolean,
+	badgeModifiers: {
+		type: [String, Array],
+		default: "action sm"
+	},
+	triggerWidth: {
+		...rt.triggerWidth,
+		default: !0
+	},
+	dropdownModifiers: {
+		type: [String, Array],
+		default: "mobile"
+	},
+	autoOpen: {
+		type: Boolean,
+		default: !1
+	},
+	autoselectFirst: {
+		type: Boolean,
+		default: !1
+	},
+	keepOpen: {
+		type: Boolean,
+		default: !1
+	},
+	focusOnHover: {
+		type: Boolean,
+		default: !0
+	}
+};
+function lt() {
+	return {
+		...ct,
+		options: {
+			...ct.options,
+			type: Array
+		},
+		searchFunction: {
+			...ct.searchFunction,
+			type: Function
+		}
+	};
+}
+function ut(e, t, n) {
+	return n ? ft(e, n) === ft(t, n) : dt(e, t);
+}
+function dt(e, t) {
+	if (e === t) return !0;
+	if (e && t && typeof e == "object" && typeof t == "object") {
+		let n = Array.isArray(e), r = Array.isArray(t), i, a, o;
+		if (n && r) {
+			if (a = e.length, a !== t.length) return !1;
+			for (i = a; i-- !== 0;) if (!dt(e[i], t[i])) return !1;
+			return !0;
+		}
+		if (n !== r) return !1;
+		let s = e instanceof Date, c = t instanceof Date;
+		if (s !== c) return !1;
+		if (s && c) return e.getTime() === t.getTime();
+		let l = e instanceof RegExp, u = t instanceof RegExp;
+		if (l !== u) return !1;
+		if (l && u) return e.toString() === t.toString();
+		let d = Object.keys(e);
+		if (a = d.length, a !== Object.keys(t).length) return !1;
+		for (i = a; i-- !== 0;) if (!Object.hasOwn(t, d[i])) return !1;
+		for (i = a; i-- !== 0;) if (o = d[i], !dt(e[o], t[o])) return !1;
+		return !0;
+	}
+	return Number.isNaN(e) && Number.isNaN(t);
+}
+function ft(e, t) {
+	if (e && Object.keys(e).length && t) if (t.includes(".")) {
+		let n = t.split("."), r = e;
+		for (let t = 0, i = n.length; t < i; ++t) {
+			if (e == null) return null;
+			r = r[n[t]];
+		}
+		return r;
+	} else return e[t];
+	else return null;
+}
+function pt(e, t) {
+	if (e != null && t && t.length) {
+		for (let n of t) if (ut(e, n)) return !0;
+	}
+	return !1;
+}
+function mt(e) {
+	return typeof e == "string";
+}
+function ht(e) {
+	return Array.isArray(e) ? e.filter((e) => mt(e)).join(" ") : e;
+}
+function gt(e, t) {
+	let n = S(() => T(e) ? e.value : e), i = S(() => ht(n.value.invalidLabel)), a = S(() => ht(n.value.validLabel)), o = S(() => n.value.loadingLabel), s = S(() => n.value.hintLabel), c = S(() => !!(n.value.loading && (t.loading || o.value))), l = S(() => !c.value && !!(n.value.invalid && (t.invalid || i.value))), u = S(() => !c.value && !l.value && !!(n.value.valid && (t.valid || a.value))), d = S(() => !c.value && !l.value && !u.value && !!(t.hint || s.value)), f = S(() => l.value || u.value || c.value || d.value);
+	return {
+		hasInvalidLabelOrSlot: l,
+		hasHintLabelOrSlot: d,
+		hasValidLabelOrSlot: u,
+		hasLoadingLabelOrSlot: c,
+		hintSlotScope: S(() => ({
+			modelValue: n.value.modelValue,
+			valid: n.value.valid,
+			invalid: n.value.invalid,
+			loading: n.value.loading
+		})),
+		HintSlot: r({
+			name: "HintSlot",
+			props: { tag: {
+				type: String,
+				default: "small"
+			} },
+			setup() {
+				return {
+					isVisible: f,
+					invalidLabel: i,
+					validLabel: a,
+					loadingLabel: o,
+					hintLabel: s,
+					hasInvalidLabelOrSlot: l,
+					hasValidLabelOrSlot: u,
+					hasLoadingLabelOrSlot: c,
+					hasHintLabelOrSlot: d
+				};
+			},
+			render() {
+				if (this.isVisible) {
+					let e;
+					return this.hasInvalidLabelOrSlot && (e = "alert"), this.hasValidLabelOrSlot && (e = "status"), this.hasLoadingLabelOrSlot ? O(this.tag, { role: e }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? O(this.tag, { role: e }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? O(this.tag, { role: e }, this.$slots.valid?.() ?? this.validLabel) : O(this.tag, { role: e }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
+				}
+				return null;
+			}
+		})
+	};
+}
+function _t() {
+	return D(Ne, void 0);
+}
+function vt(e, t, n) {
+	return S(() => {
+		let r = { [e]: !0 }, i = typeof t?.value == "string" ? t.value.split(" ") : t?.value;
+		return i && Array.isArray(i) && i.forEach((t) => {
+			t && (r[`${e}--${t}`] = !0);
+		}), n && Object.keys(n.value).forEach((t) => {
+			r[`${e}--${t}`] = w(n.value[t]);
+		}), r;
+	});
+}
+var yt = /* @__PURE__ */ r({
+	name: "VvIcon",
+	props: /* @__PURE__ */ f({
+		name: {},
+		color: {},
+		width: {},
+		height: {},
+		provider: {},
+		prefix: {},
+		src: {},
+		horizontalFlip: { type: Boolean },
+		verticalFlip: { type: Boolean },
+		flip: {},
+		mode: {},
+		inline: { type: Boolean },
+		rotate: {},
+		onLoad: { type: Function },
+		svg: {},
+		modifiers: {}
+	}, Oe),
+	setup(e) {
+		let t = e, n = S(() => typeof t.rotate == "string" ? Number.parseFloat(t.rotate) : t.rotate), r = j(!0), i = _t(), { modifiers: a } = P(t), o = vt("vv-icon", a), s = S(() => t.provider || i?.iconsProvider), c = S(() => {
+			let e = t.name ?? "", n = `@${s.value}:${t.prefix}:${e}`;
+			if (ue(n)) return n;
+			let r = i?.iconsCollections.find((t) => ue(`@${s.value}:${t.prefix}:${e}`));
+			return r ? `@${s.value}:${r.prefix}:${e}` : e;
+		});
+		function l(e) {
+			let t = typeof window < "u" ? new window.DOMParser() : null;
+			return t ? t.parseFromString(e, "text/html").querySelector("svg") : null;
+		}
+		function u(e) {
+			let n = l(e), r = n?.innerHTML.trim() || "";
+			n && r && de(`@${s.value}:${t.prefix}:${t.name}`, {
+				body: r,
+				height: n.viewBox.baseVal.height,
+				width: n.viewBox.baseVal.width
+			});
+		}
+		return i && t.src && !ue(`@${s.value}:${t.prefix}:${t.name}`) && (r.value = !1, i.fetchIcon(t.src).then((e) => {
+			e && u(e), r.value = !0;
+		}).catch((e) => {
+			throw r.value = !0, /* @__PURE__ */ Error(`Error during fetch icon: ${e?.message}`);
+		})), t.svg && u(t.svg), (t, i) => w(r) ? (L(), I(w(R), h({
+			key: 0,
+			class: w(o)
+		}, {
+			inline: e.inline,
+			width: e.width,
+			height: e.height,
+			horizontalFlip: e.horizontalFlip,
+			verticalFlip: e.verticalFlip,
+			flip: e.flip,
+			rotate: w(n),
+			color: e.color,
+			icon: w(c)
+		}, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : C("v-if", !0);
+	}
+});
+function bt(e, t) {
+	let n = S(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), r = S(() => t?.value === q.before ? n.value : void 0), i = S(() => t?.value === q.after ? n.value : void 0);
+	return {
+		hasIcon: n,
+		hasIconLeft: S(() => t?.value === G.left ? n.value : void 0),
+		hasIconRight: S(() => t?.value === G.right ? n.value : void 0),
+		hasIconTop: S(() => t?.value === G.top ? n.value : void 0),
+		hasIconBottom: S(() => t?.value === G.bottom ? n.value : void 0),
+		hasIconBefore: r,
+		hasIconAfter: i
+	};
+}
+var xt = r({
+	components: { VvIcon: yt },
+	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(e, { emit: t }) {
+		let { hasIcon: n } = bt(S(() => e.icon));
+		function r(n) {
+			n?.stopPropagation(), e.disabled || t("clear");
+		}
+		return {
+			hasIcon: n,
+			onClick: r
+		};
+	},
+	render() {
+		let e = this.hasIcon ? O(yt, {
+			...this.hasIcon,
+			class: `vv-${this.inputType}__icon`
+		}) : void 0;
+		return O("button", {
+			disabled: this.disabled,
+			class: `vv-${this.inputType}__action`,
+			ariaLabel: this.label,
+			type: "button",
+			onClick: this.onClick
+		}, e);
+	}
+}), St = /* @__PURE__ */ r({
+	name: "VvBadge",
+	props: {
+		...$,
+		value: [String, Number]
+	},
+	setup(e) {
+		let { modifiers: n } = P(e), r = vt("vv-badge", n);
+		return (e, n) => (L(), F("span", { class: ee(w(r)) }, [o(e.$slots, "default", {}, () => [t(u(e.value), 1)])], 2));
+	}
+});
+function Ct(e) {
+	let t = D(e, void 0), n = S(() => t !== void 0);
+	function r(e, n, r) {
+		let i = t?.[e];
+		if (i) return S({
+			get() {
+				return i.value;
+			},
+			set(e) {
+				i.value = e;
+			}
+		});
+		let a = ne(n, e);
+		return S({
+			get() {
+				return a.value;
+			},
+			set(t) {
+				r && r(`update:${e}`, t);
+			}
+		});
+	}
+	return {
+		group: t,
+		isInGroup: n,
+		getGroupOrLocalRef: r
+	};
+}
+var wt = ["update:modelValue"], Tt = {
+	...st,
+	...nt,
+	...$,
+	...tt,
+	...Z,
+	...Qe,
+	iconPosition: {
+		type: String,
+		default: G.left,
+		validator: (e) => Object.values(G).includes(e)
+	},
+	loadingIcon: {
+		type: String,
+		default: "eos-icons:bubble-loading"
+	},
+	toggle: {
+		type: Boolean,
+		default: !1
+	},
+	value: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: void 0
+	},
+	uncheckedValue: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: void 0
+	},
+	modelValue: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: void 0
+	}
+};
+function Et(e, t) {
+	let { group: n, isInGroup: r, getGroupOrLocalRef: i } = Ct(Pe), { id: a, iconPosition: o, icon: s, label: c, pressed: l } = P(e);
+	return {
+		group: n,
+		isInGroup: r,
+		modelValue: i("modelValue", e, t),
+		toggle: i("toggle", e),
+		unselectable: i("unselectable", e),
+		multiple: S(() => n?.multiple.value ?? !1),
+		modifiers: S(() => {
+			let t = e.modifiers, r = n?.modifiers.value, i = /* @__PURE__ */ new Set();
+			return t && (Array.isArray(t) || (t = t.split(" ")), t.forEach((e) => i.add(e))), r && (Array.isArray(r) || (r = r.split(" ")), r.forEach((e) => i.add(e))), [...i];
+		}),
+		disabled: S(() => !!(e.disabled || n?.disabled.value)),
+		id: a,
+		pressed: l,
+		iconPosition: o,
+		icon: s,
+		label: c
+	};
+}
+var Dt = [
+	"click",
+	"mouseover",
+	"mouseleave"
+], Ot = st;
+function kt() {
+	return D(Fe, {});
+}
+function At() {
+	return D(Ie, {});
+}
+function jt() {
+	return D(Le, {});
+}
+var Mt = /* @__PURE__ */ r({
+	name: "VvAction",
+	props: Ot,
+	emits: Dt,
+	setup(e, { expose: r, emit: i }) {
+		let a = e, s = i, c = n(), l = _t(), d = j(null);
+		r({ $el: d });
+		let { reference: f, bus: p, aria: m, expanded: _ } = kt();
+		g(() => d.value, (e) => {
+			f && (f.value = e);
+		});
+		let y = S(() => a.pressed || _?.value), { role: b } = jt(), ee = S(() => {
+			switch (!0) {
+				case a.disabled: return J.button;
+				case a.to !== void 0: return l?.nuxt ? v(J.nuxtLink) : J.routerLink;
+				case a.href !== void 0: return J.a;
+				default: return a.defaultTag;
+			}
+		}), te = S(() => {
+			let e = {
+				...m?.value,
+				ariaPressed: y.value ? !0 : void 0,
+				ariaLabel: a.ariaLabel,
+				role: b?.value
+			};
+			switch (ee.value) {
+				case J.a: return {
+					...e,
+					href: a.href,
+					target: a.target,
+					rel: a.rel
+				};
+				case J.routerLink:
+				case J.nuxtLink: return {
+					...e,
+					to: a.to,
+					target: a.target
+				};
+				case J.button: return {
+					...e,
+					type: a.type,
+					disabled: a.disabled
+				};
+				default: return e;
+			}
+		});
+		function ne(e) {
+			if (a.disabled) {
+				e.preventDefault();
+				return;
+			}
+			if (c?.vnode.props?.onClick) {
+				s("click", e);
+				return;
+			}
+			p?.emit("click", e);
+		}
+		function C(e) {
+			if (c?.vnode.props?.onMouseover) {
+				s("mouseover", e);
+				return;
+			}
+			p?.emit("mouseover", e);
+		}
+		function T(e) {
+			if (c?.vnode.props?.onMouseleave) {
+				s("mouseleave", e);
+				return;
+			}
+			p?.emit("mouseleave", e);
+		}
+		return (e, n) => (L(), I(x(w(ee)), h(w(te), {
+			ref_key: "rootEl",
+			ref: d,
+			class: {
+				active: e.active,
+				pressed: w(y),
+				disabled: e.disabled,
+				current: e.current
+			},
+			onClickPassive: ne,
+			onMouseoverPassive: C,
+			onMouseleavePassive: T
+		}), {
+			default: E(() => [o(e.$slots, "default", {}, () => [t(u(e.label), 1)])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+function Nt(e) {
+	return S(() => String(e?.value || M()));
+}
+var Pt = {
+	key: 1,
+	class: "vv-button__label"
+}, Ft = {
+	key: 1,
+	class: "vv-button__label"
+}, It = /* @__PURE__ */ r({
+	name: "VvButton",
+	inheritAttrs: !1,
+	props: Tt,
+	emits: wt,
+	setup(e, { expose: n, emit: r }) {
+		let i = e, a = r, s = l(), c = te(), { id: d, modifiers: f, iconPosition: p, icon: m, label: g, modelValue: _, disabled: v, toggle: y, unselectable: b } = Et(i, a), ee = Nt(d), x = S(() => s?.name || ee.value), ne = j(null);
+		n({ $el: S(() => ne.value?.$el) });
+		let T = S(() => y.value ? Array.isArray(_.value) ? pt(x.value, _.value) : ut(x.value, _.value) : i.pressed), re = vt("vv-button", f, S(() => ({
+			reverse: [G.right, G.bottom].includes(p.value),
+			column: [G.top, G.bottom].includes(p.value),
+			"icon-only": !!(m?.value && !g?.value && !c.default)
+		}))), { hasIcon: ie } = bt(m), D = S(() => i.value === void 0 ? x.value : i.value), O = S(() => {
+			if (y.value) return { onClick: k };
+		});
+		function k() {
+			if (y.value) {
+				if (Array.isArray(_.value)) {
+					if (pt(D.value, _.value)) {
+						b.value && (_.value = _.value.filter((e) => e !== D.value));
+						return;
+					}
+					_.value.push(D.value);
+					return;
+				}
+				if (D.value === _.value && b.value) {
+					_.value = i.uncheckedValue;
+					return;
+				}
+				_.value = D.value;
+			}
+		}
+		return (e, n) => (L(), I(Mt, h({
+			...w(s),
+			...w(O),
+			disabled: w(v),
+			pressed: w(T),
+			active: e.active,
+			type: e.type,
+			to: e.to,
+			href: e.href,
+			target: e.target,
+			rel: e.rel,
+			ariaLabel: e.ariaLabel
+		}, {
+			id: w(ee),
+			ref_key: "rootEl",
+			ref: ne,
+			class: w(re)
+		}), {
+			default: E(() => [o(e.$slots, "default", {}, () => [e.loading ? o(e.$slots, "loading", { key: 0 }, () => [e.loadingIcon ? (L(), I(yt, {
+				key: 0,
+				class: "vv-button__loading-icon",
+				name: e.loadingIcon
+			}, null, 8, ["name"])) : C("v-if", !0), e.loadingLabel ? (L(), F("span", Pt, u(e.loadingLabel), 1)) : C("v-if", !0)]) : (L(), F(A, { key: 1 }, [
+				o(e.$slots, "before"),
+				w(ie) ? (L(), I(yt, h({ key: 0 }, w(ie), { class: "vv-button__icon" }), null, 16)) : C("v-if", !0),
+				w(g) ? (L(), F("span", Ft, [o(e.$slots, "label", {}, () => [t(u(w(g)), 1)])])) : C("v-if", !0),
+				o(e.$slots, "after")
+			], 64))])]),
+			_: 3
+		}, 16, ["id", "class"]));
+	}
+}), Lt = {
+	...nt,
+	...rt,
+	...$,
+	modelValue: {
+		type: Boolean,
+		default: void 0
+	},
+	reference: {
+		type: Object,
+		default: null
+	},
+	role: {
+		type: String,
+		default: je.menu,
+		validator: (e) => Object.values(je).includes(e)
+	}
+}, Rt = { focusOnHover: {
+	type: Boolean,
+	default: !1
+} }, zt = {
+	...Be,
+	...He,
+	...tt,
+	...$,
+	deselectHintLabel: { type: String },
+	selectHintLabel: { type: String },
+	selectedHintLabel: { type: String },
+	focusOnHover: {
+		type: Boolean,
+		default: !1
+	}
+};
+function Bt({ reference: t, id: n, expanded: i, aria: a }) {
+	let o = U();
+	return {
+		bus: o,
+		component: r({
+			name: "VvDropdownTriggerProvider",
+			setup() {
+				e(Fe, {
+					reference: t,
+					id: n,
+					expanded: i,
+					aria: a,
+					bus: o
+				});
+			},
+			render() {
+				return O(A, {}, this.$slots.default?.());
+			}
+		})
+	};
+}
+function Vt({ role: t, ...n }) {
+	let r = S(() => t.value === je.listbox ? Me.option : Me.presentation);
+	return e(Ie, {
+		role: r,
+		...n
+	}), { itemRole: r };
+}
+function Ht({ expanded: t }) {
+	e(Le, {
+		role: j(Y.menuitem),
+		expanded: t
+	});
+}
+var Ut = [
+	"id",
+	"tabindex",
+	"role",
+	"aria-labelledby"
+], Wt = /* @__PURE__ */ r({
+	name: "VvDropdown",
+	inheritAttrs: !1,
+	props: Lt,
+	emits: [
+		"update:modelValue",
+		"beforeEnter",
+		"afterLeave",
+		"beforeExpand",
+		"beforeCollapse",
+		"afterExpand",
+		"afterCollapse",
+		"before-enter",
+		"after-leave",
+		"enter",
+		"afterEnter",
+		"enterCancelled",
+		"beforeLeave",
+		"leave",
+		"leaveCancelled"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, c = n, { id: u } = P(r), f = Nt(u), p = l(), _ = j("auto"), v = j("auto"), b = j(), x = j(), te = j(), ne = j(), T = S({
+			get: () => r.reference ?? b.value,
+			set: (e) => {
+				b.value = e;
+			}
+		}), ie = j(!1);
+		d(() => {
+			fe(x.value, () => {
+				ie.value = window.getComputedStyle(x.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
+			}, {
+				attributeFilter: ["style"],
+				window
+			});
+		});
+		let D = S(() => {
+			let e = [];
+			if (r.autoPlacement ? typeof r.autoPlacement == "boolean" ? e.push(Ce()) : e.push(Ce(r.autoPlacement)) : r.flip && (typeof r.flip == "boolean" ? e.push(ye({ fallbackStrategy: "initialPlacement" })) : e.push(ye(r.flip))), r.shift && (typeof r.shift == "boolean" ? e.push(we()) : e.push(we(r.shift))), r.size) {
+				let t = ({ availableWidth: e, availableHeight: t }) => {
+					_.value = `${e}px`, v.value = `${t}px`;
+				};
+				typeof r.size == "boolean" ? e.push(H({ apply: t })) : e.push(H({
+					...r.size,
+					apply: t
+				}));
+			}
+			return r.offset && (e.push(Se(Number(r.offset))), ["string", "number"].includes(typeof r.offset) ? e.push(Se(Number(r.offset))) : e.push(Se(r.offset))), r.arrow && e.push(Te({ element: te })), e;
+		}), { x: O, y: k, middlewareData: oe, placement: M, strategy: ce } = xe(T, x, {
+			whileElementsMounted: (...e) => be(...e, { animationFrame: r.strategy === W.fixed }),
+			placement: S(() => r.placement),
+			strategy: S(() => r.strategy),
+			middleware: D
+		}), I = S(() => {
+			if (ie.value) return;
+			let e = r.triggerWidth && T.value ? `${T.value?.offsetWidth}px` : void 0;
+			return {
+				position: ce.value,
+				top: `${k.value ?? 0}px`,
+				left: `${O.value ?? 0}px`,
+				maxWidth: e ? void 0 : _.value,
+				maxHeight: v.value,
+				width: e
+			};
+		}), ue = S(() => M.value.split("-")[0]), de = S(() => {
+			if (ie.value) return;
+			let e = {
+				[G.top]: G.bottom,
+				[G.right]: G.left,
+				[G.bottom]: G.top,
+				[G.left]: G.right
+			}[ue.value];
+			return {
+				left: oe.value.arrow?.x === void 0 ? void 0 : `${oe.value.arrow?.x}px`,
+				top: oe.value.arrow?.y === void 0 ? void 0 : `${oe.value.arrow?.y}px`,
+				[e]: `${-(te.value?.offsetWidth ?? 0) / 2}px`
+			};
+		}), R = V(r, "modelValue", c), z = j(!1), B = S({
+			get: () => R.value ?? z.value,
+			set: (e) => {
+				if (R.value === void 0) {
+					z.value = e;
+					return;
+				}
+				R.value = e;
+			}
+		});
+		function _e() {
+			B.value = !0;
+		}
+		function ve() {
+			B.value = !1;
+		}
+		function U() {
+			B.value = !B.value;
+		}
+		function Ee(e) {
+			T.value = e;
+		}
+		me(x, () => {
+			!r.keepOpen && B.value && (B.value = !1);
+		}, { ignore: [T] });
+		let De = S(() => T.value?.getAttribute?.("id") ?? void 0), Oe = S(() => ({
+			"aria-controls": f.value,
+			"aria-haspopup": !0,
+			"aria-expanded": B.value
+		})), { component: ke, bus: K } = Bt({
+			reference: T,
+			id: f,
+			expanded: B,
+			aria: Oe
+		});
+		K.on("click", U);
+		let { role: q, modifiers: Ae } = P(r), J = vt("vv-dropdown", Ae, S(() => ({ arrow: r.arrow }))), { focused: Y } = pe(x);
+		function je(e) {
+			return e ? [...e.querySelectorAll("a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])")].filter((e) => !e.hasAttribute("disabled") && !e.getAttribute("aria-hidden")) : [];
+		}
+		function Me() {
+			i(() => {
+				let e = je(x.value);
+				e.length > 0 && e[0].focus({ preventScroll: !0 });
+			});
+		}
+		function Ne() {
+			i(() => {
+				let e = je(ne.value);
+				e.length > 0 && e[0].focus({ preventScroll: !0 });
+			});
+		}
+		function Pe() {
+			i(() => {
+				if (Y.value) {
+					let e = je(x.value);
+					if (e.length === 0 || !document.activeElement) return;
+					let t = e.indexOf(document.activeElement);
+					t < e.length - 1 ? e[t + 1].focus({ preventScroll: !0 }) : e[0].focus({ preventScroll: !0 });
+				}
+			});
+		}
+		function Fe() {
+			i(() => {
+				if (Y.value) {
+					let e = je(x.value);
+					if (e.length === 0 || !document.activeElement) return;
+					let t = e.indexOf(document.activeElement);
+					if (t > 0) {
+						e[t - 1].focus({ preventScroll: !0 });
+						return;
+					}
+					e.at(-1)?.focus({ preventScroll: !0 });
+				}
+			});
+		}
+		g(B, (e) => {
+			e && r.autofocusFirst && Me();
+		}), t({
+			toggle: U,
+			show: _e,
+			hide: ve,
+			init: Ee,
+			focusFirst: Me,
+			focusFirstListElement: Ne,
+			focusNext: Pe,
+			focusPrev: Fe,
+			customPosition: ie
+		});
+		let { itemRole: Ie } = Vt({
+			role: q,
+			expanded: B,
+			focused: Y,
+			hovered: he(x)
+		});
+		ge("Escape", (e) => {
+			B.value && (e.preventDefault(), ve());
+		}), ge("ArrowDown", (e) => {
+			B.value && Y.value && (e.preventDefault(), Pe());
+		}), ge("ArrowUp", (e) => {
+			B.value && Y.value && (e.preventDefault(), Fe());
+		}), ge([" ", "Enter"], (e) => {
+			let t = e.target;
+			B.value && Y.value && t && t?.click();
+		});
+		let Le = {
+			"before-enter": () => {
+				c(B.value ? "beforeExpand" : "beforeCollapse"), c("beforeEnter");
+			},
+			"after-leave": () => {
+				c(B.value ? "afterExpand" : "afterCollapse"), c("afterLeave");
+			},
+			enter: () => {
+				c("enter");
+			},
+			"after-enter": () => {
+				c("afterEnter");
+			},
+			"enter-cancelled": () => {
+				c("enterCancelled");
+			},
+			"before-leave": () => {
+				c("beforeLeave");
+			},
+			leave: () => {
+				c("leave");
+			},
+			"leave-cancelled": () => {
+				c("leaveCancelled");
+			}
+		};
+		return (e, t) => (L(), F(A, null, [le(w(ke), null, {
+			default: E(() => [o(e.$slots, "default", s(m({
+				init: Ee,
+				show: _e,
+				hide: ve,
+				toggle: U,
+				expanded: w(B),
+				aria: w(Oe)
+			})))]),
+			_: 3
+		}), le(ae, h({ name: e.transitionName }, a(Le), { persisted: "" }), {
+			default: E(() => [se(N("div", {
+				ref_key: "floatingEl",
+				ref: x,
+				style: y(w(I)),
+				class: ee(w(J))
+			}, [
+				r.arrow ? (L(), F("div", {
+					key: 0,
+					ref_key: "arrowEl",
+					ref: te,
+					style: y(w(de)),
+					class: "vv-dropdown__arrow"
+				}, null, 4)) : C("v-if", !0),
+				o(e.$slots, "before", s(m({
+					show: _e,
+					hide: ve,
+					toggle: U,
+					expanded: w(B)
+				}))),
+				N("div", h(w(p), {
+					id: w(f),
+					ref_key: "listEl",
+					ref: ne,
+					tabindex: w(B) ? void 0 : -1,
+					role: w(q),
+					"aria-labelledby": w(De),
+					class: "vv-dropdown__list"
+				}), [o(e.$slots, "items", s(m({
+					show: _e,
+					hide: ve,
+					toggle: U,
+					expanded: w(B),
+					role: w(Ie)
+				})))], 16, Ut),
+				o(e.$slots, "after", s(m({
+					show: _e,
+					hide: ve,
+					toggle: U,
+					expanded: w(B)
+				})))
+			], 6), [[re, w(B)]])]),
+			_: 3
+		}, 16, ["name"])], 64));
+	}
+}), Gt = {
+	class: "vv-dropdown-optgroup",
+	role: "presentation",
+	tabindex: "-1"
+}, Kt = /* @__PURE__ */ r({
+	name: "VvDropdownOptgroup",
+	props: { ...Ke },
+	setup(e) {
+		let n = e;
+		return (e, r) => (L(), F("li", Gt, [o(e.$slots, "default", {}, () => [t(u(n.label), 1)])]));
+	}
+}), qt = /* @__PURE__ */ r({
+	name: "VvDropdownItem",
+	props: Rt,
+	setup(e) {
+		let t = e, { role: n, expanded: r } = At(), i = j(null);
+		Ht({ expanded: r });
+		let a = he(i), { focused: s } = z(i), { focused: c } = pe(i);
+		return g(a, (e) => {
+			e && t.focusOnHover && (s.value = !0);
+		}), (e, t) => (L(), F("div", h({ role: w(n) }, {
+			ref_key: "element",
+			ref: i,
+			class: ["vv-dropdown__item", { "focus-visible": w(s) || w(c) }]
+		}), [o(e.$slots, "default")], 16));
+	}
+}), Jt = ["title"], Yt = /* @__PURE__ */ r({
+	name: "VvDropdownOption",
+	props: zt,
+	setup(e) {
+		let n = e, { modifiers: r } = P(n), i = vt("vv-dropdown-option", r, S(() => ({
+			disabled: n.disabled,
+			selected: n.selected,
+			unselectable: n.unselectable && n.selected
+		}))), a = S(() => n.selected ? n.unselectable ? n.deselectHintLabel : n.selectedHintLabel : n.disabled ? "" : n.selectHintLabel);
+		return (e, n) => (L(), I(qt, {
+			class: ee(w(i)),
+			tabindex: e.disabled ? -1 : 0,
+			"aria-selected": e.selected,
+			"aria-disabled": e.disabled,
+			"focus-on-hover": e.focusOnHover
+		}, {
+			default: E(() => [o(e.$slots, "default"), N("span", {
+				class: "vv-dropdown-option__hint",
+				title: w(a)
+			}, [o(e.$slots, "hint", s(m({
+				disabled: e.disabled,
+				selected: e.selected,
+				unselectable: e.unselectable
+			})), () => [t(u(w(a)), 1)])], 8, Jt)]),
+			_: 3
+		}, 8, [
+			"class",
+			"tabindex",
+			"aria-selected",
+			"aria-disabled",
+			"focus-on-hover"
+		]));
+	}
+}), Xt = {
+	...it,
+	...at,
+	...ot,
+	...$e,
+	...X,
+	...ze,
+	...Je,
+	...Z,
+	...Be,
+	...qe,
+	...$,
+	...Ye,
+	...Qe,
+	...et,
+	...tt,
+	...Ke,
+	...Q,
+	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 Zt() {
+	return {
+		...Xt,
+		options: {
+			...Xt.options,
+			type: Array,
+			default: () => []
+		}
+	};
+}
+function Qt(e, t, n) {
+	let r = _t(), i = S(() => {
+		if (!(!r || !r.defaults.value?.[e])) return r.defaults.value[e];
+	});
+	return S(() => {
+		if (i.value === void 0) return n;
+		let e = i.value, r = t, a = n;
+		return Object.keys(r).reduce((t, n) => {
+			let i = a[n];
+			if (t[n] = i, n in e) {
+				if (Array.isArray(r[n])) {
+					let a = r[n];
+					a.length && a[0] === i && (t[n] = e[n]);
+				}
+				if (typeof r[n] == "function") {
+					let a = r[n];
+					a() === i && (t[n] = e[n]);
+				}
+				if (typeof r[n] == "object") {
+					let a = r[n].default;
+					typeof a == "function" && (a = a()), typeof a == "object" ? JSON.stringify(a) === JSON.stringify(i) && (t[n] = e[n]) : a === i && (t[n] = e[n]);
+				}
+			}
+			return t;
+		}, {});
+	});
+}
+function $t(e, t) {
+	let { focused: n } = z(e);
+	return g(n, (n) => {
+		t(n ? "focus" : "blur", w(e));
+	}), { focused: n };
+}
+function en(e) {
+	let { options: t, labelKey: n, valueKey: r, disabledKey: i } = P(e);
+	return {
+		options: t,
+		getOptionLabel: (e) => typeof e == "string" ? e : typeof n.value == "function" ? n.value(e) : String(n.value ? Ee(e, n.value) : e),
+		getOptionValue: (e) => typeof e == "string" ? e : typeof r.value == "function" ? r.value(e) : r.value ? Ee(e, r.value) : e,
+		isOptionDisabled: (e) => typeof e == "string" ? !1 : typeof i.value == "function" ? i.value(e) : i.value ? !!Ee(e, i.value) : !1,
+		getOptionGrouped: (e) => typeof e == "string" ? [] : typeof e == "object" && e && "options" in e ? e.options : []
+	};
+}
+var tn = ["for"], nn = { class: "vv-select__wrapper" }, rn = {
+	key: 0,
+	class: "vv-select__input-before"
+}, an = { class: "vv-select__inner" }, on = ["id"], sn = ["disabled", "hidden"], cn = ["disabled", "value"], ln = ["disabled", "label"], un = ["disabled", "value"], dn = {
+	key: 2,
+	class: "vv-select__input-after"
+}, fn = /* @__PURE__ */ r({
+	name: "VvSelect",
+	props: Zt(),
+	emits: [
+		"update:modelValue",
+		"focus",
+		"blur",
+		"clear"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = te(), a = Qt("VvSelect", Zt(), n), c = j(), { HintSlot: l, hasHintLabelOrSlot: d, hasInvalidLabelOrSlot: f, hintSlotScope: p } = gt(a, i), { focused: v } = $t(c, r);
+		function y(e) {
+			return typeof e == "string" ? !1 : e.options?.length;
+		}
+		let { id: x, modifiers: ne, disabled: re, readonly: ie, loading: D, icon: O, iconPosition: ae, invalid: oe, valid: M, floating: ce, multiple: ue } = P(n), de = Nt(x), R = S(() => `${de.value}-hint`), z = S(() => n.disabled || n.readonly), fe = S(() => z.value ? -1 : n.tabindex), B = S({
+			get: () => n.modelValue,
+			set: (e) => {
+				if (Array.isArray(e) && (e = e.filter((e) => e !== void 0), e.length === 0 && !n.unselectable && c.value)) {
+					c.value.value = String(n.modelValue);
+					return;
+				}
+				r("update:modelValue", e);
+			}
+		}), pe = S(() => Array.isArray(B.value) ? B.value.length > 0 : B.value !== void 0 && B.value !== null), V = S(() => z.value ? !1 : n.unselectable);
+		g(_e(c), (e) => {
+			e && n.autofocus && (v.value = !0);
+		});
+		let { hasIconBefore: me, hasIconAfter: he } = bt(O, ae), ge = S(() => {
+			if (n.invalid === !0) return !0;
+			if (n.valid === !0) return !1;
+		}), ve = vt("vv-select", ne, S(() => ({
+			valid: M.value,
+			invalid: oe.value,
+			loading: D.value,
+			disabled: re.value,
+			readonly: ie.value,
+			"icon-before": me.value !== void 0,
+			"icon-after": he.value !== void 0,
+			dirty: pe.value,
+			focus: v.value && !z.value,
+			floating: ce.value,
+			multiple: ue.value
+		}))), { getOptionLabel: ye, getOptionValue: H, isOptionDisabled: be, getOptionGrouped: U } = en(n);
+		g(() => n.options, (e) => {
+			if (e?.length && n.autoselectFirst && !pe.value) {
+				let t = H(e[0]);
+				B.value = n.multiple ? [t] : t;
+			}
+		}, { immediate: !0 });
+		function xe() {
+			Array.isArray(B.value) ? B.value = [] : B.value = void 0, r("clear");
+		}
+		let Se = S(() => ({
+			name: n.name,
+			tabindex: fe.value,
+			disabled: z.value,
+			required: n.required,
+			size: n.size,
+			autocomplete: n.autocomplete,
+			multiple: n.multiple,
+			"aria-invalid": ge.value,
+			"aria-describedby": d.value ? R.value : void 0,
+			"aria-errormessage": f.value ? R.value : void 0
+		})), Ce = S(() => ({
+			valid: n.valid,
+			invalid: n.invalid,
+			modelValue: n.modelValue
+		}));
+		return (e, t) => (L(), F("div", { class: ee(w(ve)) }, [
+			e.label ? (L(), F("label", {
+				key: 0,
+				for: w(de)
+			}, u(e.label), 9, tn)) : C("v-if", !0),
+			N("div", nn, [
+				e.$slots.before ? (L(), F("div", rn, [o(e.$slots, "before", s(m(w(Ce))))])) : C("v-if", !0),
+				N("div", an, [
+					w(me) ? (L(), I(yt, h({ key: 0 }, w(me), { class: "vv-select__icon" }), null, 16)) : C("v-if", !0),
+					se(N("select", h({
+						id: w(de),
+						ref_key: "selectEl",
+						ref: c
+					}, w(Se), { "onUpdate:modelValue": t[0] ||= (e) => T(B) ? B.value = e : null }), [e.placeholder ? (L(), F("option", {
+						key: 0,
+						value: void 0,
+						disabled: !w(V),
+						hidden: !w(V)
+					}, u(e.placeholder), 9, sn)) : C("v-if", !0), (L(!0), F(A, null, b(e.options, (e, t) => (L(), F(A, null, [y(e) ? (L(), F("optgroup", {
+						key: `group-${t}`,
+						disabled: w(be)(e),
+						label: w(ye)(e)
+					}, [(L(!0), F(A, null, b(w(U)(e), (e, n) => (L(), F("option", {
+						key: `group-${t}-item-${n}`,
+						disabled: w(be)(e),
+						value: w(H)(e)
+					}, u(w(ye)(e)), 9, un))), 128))], 8, ln)) : (L(), F("option", {
+						key: t,
+						disabled: w(be)(e),
+						value: w(H)(e)
+					}, u(w(ye)(e)), 9, cn))], 64))), 256))], 16, on), [[k, w(B)]]),
+					w(he) ? (L(), I(yt, h({ key: 1 }, w(he), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : C("v-if", !0)
+				]),
+				w(V) && w(a).showClearAction ? (L(), I(w(xt), {
+					key: 1,
+					"input-type": "select",
+					label: e.labelClear,
+					icon: e.iconClear,
+					disabled: !w(pe),
+					onClear: xe
+				}, null, 8, [
+					"label",
+					"icon",
+					"disabled"
+				])) : C("v-if", !0),
+				e.$slots.after ? (L(), F("div", dn, [o(e.$slots, "after", s(m(w(Ce))))])) : C("v-if", !0)
+			]),
+			le(w(l), {
+				id: w(R),
+				class: "vv-select__hint"
+			}, _({ _: 2 }, [
+				e.$slots.hint ? {
+					name: "hint",
+					fn: E(() => [o(e.$slots, "hint", s(m(w(p))))]),
+					key: "0"
+				} : void 0,
+				e.$slots.loading ? {
+					name: "loading",
+					fn: E(() => [o(e.$slots, "loading", s(m(w(p))))]),
+					key: "1"
+				} : void 0,
+				e.$slots.valid ? {
+					name: "valid",
+					fn: E(() => [o(e.$slots, "valid", s(m(w(p))))]),
+					key: "2"
+				} : void 0,
+				e.$slots.invalid ? {
+					name: "invalid",
+					fn: E(() => [o(e.$slots, "invalid", s(m(w(p))))]),
+					key: "3"
+				} : void 0
+			]), 1032, ["id"])
+		], 2));
+	}
+}), pn = ["id"], mn = ["id", "for"], hn = [
+	"id",
+	"aria-controls",
+	"placeholder"
+], gn = {
+	key: 0,
+	class: "vv-select__input-before"
+}, _n = { class: "vv-select__inner" }, vn = [
+	"aria-controls",
+	"aria-expanded",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-errormessage",
+	"tabindex"
+], yn = {
+	key: 0,
+	class: "vv-select__value"
+}, bn = ["aria-label", "onClick"], xn = {
+	key: 2,
+	class: "vv-select__input-after"
+}, Sn = /* @__PURE__ */ r({
+	name: "VvCombobox",
+	components: {
+		VvDropdown: Wt,
+		VvDropdownOption: Yt,
+		VvDropdownOptgroup: Kt,
+		VvButton: It
+	},
+	props: /* @__PURE__ */ p(lt(), {
+		search: {
+			type: String,
+			default: "",
+			required: !1
+		},
+		searchModifiers: {}
+	}),
+	emits: /* @__PURE__ */ p([
+		"update:modelValue",
+		"update:search",
+		"update:options",
+		"focus",
+		"blur",
+		"clear",
+		"change:search"
+	], ["update:search"]),
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = te(), l = Qt("VvCombobox", lt(), r), d = j(null), f = j(null), p = j(null), v = j(), { HintSlot: y, hasHintLabelOrSlot: x, hasInvalidLabelOrSlot: ne, hintSlotScope: re } = gt(l, a), { focused: D } = $t(d, i), { focused: O } = pe(p);
+		g(D, (e) => {
+			if (r.autoOpen) {
+				if (e && !M.value) {
+					de();
+					return;
+				}
+				!e && M.value && !O.value && R();
+			}
+		}), g(O, (e) => {
+			!D.value && !e && M.value && R();
+		});
+		let k = c(e, "search"), ae = B(k, S(() => Number(r.debounceSearch)));
+		g(ae, () => {
+			i("update:search", ae.value), i("change:search", ae.value);
+		});
+		let M = j(!1);
+		function ue() {
+			W.value || (M.value = !M.value);
+		}
+		function de() {
+			W.value || M.value || (M.value = !0);
+		}
+		function R() {
+			W.value || !M.value || (M.value = !1);
+		}
+		function z() {
+			l.value.searchable && f.value && f.value.focus({ preventScroll: !0 });
+		}
+		function fe() {
+			l.value.keepSearch || (k.value = "");
+		}
+		function V(e) {
+			return typeof e == "string" ? !1 : e.options?.length;
+		}
+		let { id: me, icon: he, iconPosition: _e, modifiers: ye, disabled: H, required: be, readonly: U, loading: xe, valid: Se, invalid: Ce, floating: we } = P(r), Te = Nt(me), Ee = S(() => `${Te.value}-hint`), De = S(() => `${Te.value}-dropdown`), Oe = S(() => `${Te.value}-search`), ke = S(() => `${Te.value}-label`), W = S(() => r.disabled || r.readonly), G = S(() => W.value ? -1 : r.tabindex), K = S({
+			get: () => Array.isArray(r.modelValue) ? r.modelValue : r.modelValue !== void 0 && r.modelValue !== null ? [r.modelValue] : [],
+			set: (e) => {
+				i("update:modelValue", r.multiple || Array.isArray(r.modelValue) ? e : e.pop());
+			}
+		}), q = S(() => K.value.length), Ae = S(() => q.value > 0), J = S(() => r.multiple ? r.maxValues === void 0 ? Infinity : Number(r.maxValues) : 1), Y = S(() => W.value || !r.unselectable ? !1 : Number(r.minValues) === 0 || q.value > Number(r.minValues)), Me = S(() => W.value ? !1 : r.multiple ? q.value < J.value : !0), Ne = j(!1), Pe = S(() => Ne.value || xe.value), { hasIconBefore: Fe, hasIconAfter: Ie } = bt(he, _e), Le = vt("vv-select", ye, S(() => ({
+			disabled: H.value,
+			required: be.value,
+			loading: Pe.value,
+			readonly: U.value,
+			"icon-before": Fe.value !== void 0,
+			"icon-after": Ie.value !== void 0,
+			valid: Se.value,
+			invalid: Ce.value,
+			dirty: Ae.value,
+			focus: (D.value || O.value || M.value) && !W.value,
+			floating: we.value,
+			badges: r.badges
+		}))), Re = j(/* @__PURE__ */ new Set()), { getOptionLabel: X, getOptionValue: ze, getOptionGrouped: Z, isOptionDisabled: Be } = en(r), Ve = S(() => {
+			let e = [...Re.value];
+			for (let t of r.options) V(t) ? e.push(...Z(t)) : e.push(t);
+			return e;
+		}), He = S(() => {
+			let e = [...r.options, ...Re.value];
+			for (let t of K.value) Ve.value.some((e) => {
+				let n = ze(e);
+				return typeof n == "object" && typeof t == "object" ? JSON.stringify(n) === JSON.stringify(t) : n === t;
+			}) || e.push(t);
+			return e;
+		});
+		g(Re, (e) => {
+			e.size > 0 && i("update:options", He.value);
+		});
+		function Ue(e) {
+			return Be(e) || !Me.value && !Q(e);
+		}
+		let We = ve(async () => {
+			if (l.value.searchFunction) {
+				Ne.value = !0;
+				let e = await Promise.resolve(l.value.searchFunction(ae.value, He.value));
+				return Ne.value = !1, e;
+			}
+			let e = ae.value.toLowerCase().trim();
+			return e ? He.value?.reduce((t, n) => {
+				if (V(n)) {
+					let r = X(n).toLowerCase(), i = Z(n).filter((t) => X(t).toLowerCase().includes(e));
+					if (r.includes(e)) t.push(n);
+					else if (i.length > 0) {
+						let e = typeof n == "object" ? {
+							...n,
+							options: i
+						} : n;
+						t.push(e);
+					}
+					return t;
+				}
+				return X(n).toLowerCase().includes(e) && t.push(n), t;
+			}, []) : He.value;
+		});
+		function Q(e) {
+			let t = ze(e);
+			return typeof t == "object" ? K.value.some((e) => typeof e == "object" ? JSON.stringify(e) === JSON.stringify(t) : !1) : K.value.includes(t);
+		}
+		let Ge = S(() => He.value.reduce((e, t) => V(t) ? [...e, ...Z(t)] : [...e, t], []).filter((e) => Q(e))), Ke = S(() => Ge.value.map((e) => X(e)).join(r.separator));
+		function qe() {
+			r.autoOpen ? de() : ue();
+		}
+		function $(e) {
+			let t = Q(e), n = ze(e);
+			t && Y.value ? K.value = K.value.filter((e) => typeof n == "object" && typeof e == "object" ? JSON.stringify(e) !== JSON.stringify(n) : e !== n) : !t && Me.value && (r.multiple ? K.value = [...K.value, n] : K.value = [n]), !r.multiple && !r.keepOpen && R();
+		}
+		function Je() {
+			K.value = [], i("update:search", ""), i("clear");
+		}
+		g(He, (e) => {
+			if (e?.length && r.autoselectFirst && !Ae.value) {
+				let t = e.find((e) => !V(e));
+				if (t) {
+					$(t);
+					return;
+				}
+				let n = e.find((e) => V(e));
+				if (n) {
+					let e = Z(n);
+					e.length && $(e[0]);
+				}
+			}
+		}, { immediate: !0 });
+		let Ye = S(() => ({
+			id: Te.value,
+			name: r.name,
+			tabindex: G.value,
+			valid: Se.value,
+			validLabel: l.value.validLabel,
+			invalid: Ce.value,
+			invalidLabel: l.value.invalidLabel,
+			hintLabel: l.value.hintLabel,
+			loading: Pe.value,
+			loadingLabel: l.value.loadingLabel,
+			disabled: H.value,
+			readonly: U.value,
+			modifiers: l.value.modifiers,
+			options: l.value.options,
+			labelKey: l.value.labelKey,
+			valueKey: l.value.valueKey,
+			icon: l.value.icon,
+			iconPosition: l.value.iconPosition,
+			floating: l.value.floating,
+			unselectable: Y.value,
+			autoselectFirst: l.value.autoselectFirst,
+			multiple: l.value.multiple,
+			label: l.value.label,
+			placeholder: l.value.placeholder,
+			modelValue: r.modelValue
+		})), Xe = S(() => ({
+			id: De.value,
+			reference: p.value,
+			placement: l.value.placement,
+			strategy: l.value.strategy,
+			transitionName: l.value.transitionName,
+			offset: l.value.offset,
+			shift: l.value.shift,
+			flip: l.value.flip,
+			autoPlacement: l.value.autoPlacement,
+			arrow: l.value.arrow,
+			autofocusFirst: l.value.searchable ? !0 : l.value.autofocusFirst,
+			triggerWidth: l.value.triggerWidth,
+			modifiers: l.value.dropdownModifiers
+		})), Ze = S(() => ({
+			valid: r.valid,
+			invalid: r.invalid,
+			modelValue: r.modelValue
+		}));
+		ge([" ", "Enter"], (e) => {
+			r.autoOpen || !M.value && D.value && (e.preventDefault(), e.stopImmediatePropagation(), ue());
+		}, { target: d });
+		function Qe() {
+			if (We.value?.length) {
+				if (We.value.length === 1) {
+					let e = We.value[0];
+					if (V(e)) {
+						let t = Z(e);
+						t.length && $(t[0]);
+						return;
+					}
+					$(e);
+					return;
+				}
+				v.value?.focusFirstListElement();
+				return;
+			}
+			if (l.value.addable) {
+				let e = k.value.trim();
+				if (!e || Ve.value.some((t) => X(t).toLowerCase() === e.toLowerCase())) return;
+				Re.value.add(e), $(e);
+			}
+		}
+		return (e, n) => e.native ? (L(), I(fn, h({ key: 1 }, w(Ye), { "onUpdate:modelValue": n[3] ||= (e) => i("update:modelValue", e) }), null, 16)) : (L(), F("div", {
+			key: 0,
+			id: w(Te),
+			class: ee(w(Le))
+		}, [
+			e.label ? (L(), F("label", {
+				key: 0,
+				id: w(ke),
+				for: w(l).searchable ? w(Oe) : void 0
+			}, u(e.label), 9, mn)) : C("v-if", !0),
+			N("div", {
+				ref_key: "wrapperEl",
+				ref: p,
+				class: "vv-select__wrapper"
+			}, [le(Wt, h({
+				ref_key: "dropdownEl",
+				ref: v,
+				modelValue: w(M),
+				"onUpdate:modelValue": n[2] ||= (e) => T(M) ? M.value = e : null
+			}, w(Xe), {
+				role: w(je).listbox,
+				onAfterExpand: z,
+				onAfterCollapse: fe
+			}), _({
+				default: E(({ aria: n }) => [
+					e.$slots.before ? (L(), F("div", gn, [o(e.$slots, "before", s(m(w(Ze))))])) : C("v-if", !0),
+					N("div", _n, [
+						w(Fe) ? (L(), I(yt, h({ key: 0 }, w(Fe), { class: "vv-select__icon" }), null, 16)) : C("v-if", !0),
+						N("div", h({
+							ref_key: "inputEl",
+							ref: d
+						}, n, {
+							class: "vv-select__input",
+							role: "combobox",
+							"aria-controls": w(De),
+							"aria-expanded": w(M),
+							"aria-labelledby": w(ke),
+							"aria-describedby": w(x) ? w(Ee) : void 0,
+							"aria-errormessage": w(ne) ? w(Ee) : void 0,
+							tabindex: w(G),
+							onClickPassive: qe
+						}), [w(Ke) ? o(e.$slots, "value", s(h({ key: 0 }, {
+							selectedOptions: w(Ge),
+							onInput: $
+						})), () => [e.badges ? (L(!0), F(A, { key: 1 }, b(w(Ge), (n, r) => (L(), I(St, {
+							key: r,
+							modifiers: e.badgeModifiers,
+							class: "vv-select__badge"
+						}, {
+							default: E(() => [t(u(w(X)(n)) + " ", 1), w(Y) ? (L(), F("button", {
+								key: 0,
+								"aria-label": w(l).deselectActionLabel,
+								type: "button",
+								onClick: oe((e) => $(n), ["stop"])
+							}, [le(yt, { name: "close" })], 8, bn)) : C("v-if", !0)]),
+							_: 2
+						}, 1032, ["modifiers"]))), 128)) : (L(), F("div", yn, u(w(Ke)), 1))]) : o(e.$slots, "placeholder", { key: 1 }, () => [t(u(e.placeholder), 1)])], 16, vn),
+						w(Ie) ? (L(), I(yt, h({ key: 1 }, w(Ie), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : C("v-if", !0)
+					]),
+					w(Y) && w(l).showClearAction ? (L(), I(w(xt), {
+						key: 1,
+						"input-type": "select",
+						label: e.labelClear,
+						icon: e.iconClear,
+						disabled: !w(Ae),
+						onClear: Je
+					}, null, 8, [
+						"label",
+						"icon",
+						"disabled"
+					])) : C("v-if", !0),
+					e.$slots.after ? (L(), F("div", xn, [o(e.$slots, "after", s(m(w(Ze))))])) : C("v-if", !0)
+				]),
+				items: E(() => [!w(H) && w(We)?.length ? (L(!0), F(A, { key: 0 }, b(w(We), (n, r) => (L(), F(A, { key: r }, [V(n) ? (L(), F(A, { key: 0 }, [le(Kt, { label: w(X)(n) }, {
+					default: E(() => [o(e.$slots, "option-group", h({ ref_for: !0 }, {
+						option: n,
+						selectedOptions: w(Ge)
+					}), () => [t(u(w(X)(n)), 1)])]),
+					_: 2
+				}, 1032, ["label"]), (L(!0), F(A, null, b(w(Z)(n), (n, r) => (L(), I(Yt, h({ ref_for: !0 }, {
+					selected: Q(n),
+					disabled: Ue(n),
+					unselectable: w(Y),
+					deselectHintLabel: w(l).deselectHintLabel,
+					selectHintLabel: w(l).selectHintLabel,
+					selectedHintLabel: w(l).selectedHintLabel,
+					focusOnHover: e.focusOnHover
+				}, {
+					key: r,
+					class: "vv-dropdown-option",
+					onClickPassive: (e) => $(n)
+				}), {
+					default: E(() => [o(e.$slots, "option", h({ ref_for: !0 }, {
+						option: n,
+						selectedOptions: w(Ge),
+						selected: Q(n),
+						disabled: Ue(n)
+					}), () => [t(u(w(X)(n)), 1)])]),
+					_: 2
+				}, 1040, ["onClickPassive"]))), 128))], 64)) : (L(), I(Yt, h({
+					key: 1,
+					ref_for: !0
+				}, {
+					selected: Q(n),
+					disabled: Ue(n),
+					unselectable: w(Y),
+					deselectHintLabel: w(l).deselectHintLabel,
+					selectHintLabel: w(l).selectHintLabel,
+					selectedHintLabel: w(l).selectedHintLabel,
+					focusOnHover: e.focusOnHover
+				}, {
+					class: "vv-dropdown-option",
+					onClickPassive: (e) => $(n)
+				}), {
+					default: E(() => [o(e.$slots, "option", h({ ref_for: !0 }, {
+						option: n,
+						selectedOptions: w(Ge),
+						selected: Q(n),
+						disabled: Ue(n)
+					}), () => [t(u(w(X)(n)), 1)])]),
+					_: 2
+				}, 1040, ["onClickPassive"]))], 64))), 128)) : e.options.length ? (L(), I(Yt, {
+					key: 2,
+					modifiers: "inert"
+				}, {
+					default: E(() => [o(e.$slots, "no-results", {}, () => [t(u(w(l).addable ? w(l).addOptionHintLabel : w(l).noResultsLabel), 1)])]),
+					_: 3
+				})) : (L(), I(Yt, {
+					key: 1,
+					modifiers: "inert"
+				}, {
+					default: E(() => [o(e.$slots, "no-options", {}, () => [t(u(w(l).addable && k.value.length ? w(l).addOptionHintLabel : w(l).noOptionsLabel), 1)])]),
+					_: 3
+				}))]),
+				after: E(() => [o(e.$slots, "dropdown::after", {}, () => [w(v)?.customPosition ? (L(), I(It, {
+					key: 0,
+					label: w(l).closeLabel,
+					modifiers: "secondary",
+					onClick: n[1] ||= (e) => w(v).hide()
+				}, null, 8, ["label"])) : C("v-if", !0)])]),
+				_: 2
+			}, [w(l).searchable || e.$slots["dropdown::before"] ? {
+				name: "before",
+				fn: E(() => [o(e.$slots, "dropdown::before"), w(l).searchable && !w(H) ? se((L(), F("input", {
+					key: 0,
+					id: w(Oe),
+					ref_key: "inputSearchEl",
+					ref: f,
+					"onUpdate:modelValue": n[0] ||= (e) => k.value = e,
+					"aria-autocomplete": "list",
+					"aria-controls": w(De),
+					autocomplete: "off",
+					spellcheck: "false",
+					type: "search",
+					class: "vv-dropdown__search",
+					placeholder: w(l).searchPlaceholder,
+					onKeyup: ie(Qe, ["enter"])
+				}, null, 40, hn)), [[ce, k.value]]) : C("v-if", !0)]),
+				key: "0"
+			} : void 0]), 1040, ["modelValue", "role"])], 512),
+			le(w(y), {
+				id: w(Ee),
+				class: "vv-select__hint"
+			}, _({ _: 2 }, [
+				e.$slots.hint ? {
+					name: "hint",
+					fn: E(() => [o(e.$slots, "hint", s(m(w(re))))]),
+					key: "0"
+				} : void 0,
+				e.$slots.loading ? {
+					name: "loading",
+					fn: E(() => [o(e.$slots, "loading", s(m(w(re))))]),
+					key: "1"
+				} : void 0,
+				e.$slots.valid ? {
+					name: "valid",
+					fn: E(() => [o(e.$slots, "valid", s(m(w(re))))]),
+					key: "2"
+				} : void 0,
+				e.$slots.invalid ? {
+					name: "invalid",
+					fn: E(() => [o(e.$slots, "invalid", s(m(w(re))))]),
+					key: "3"
+				} : void 0
+			]), 1032, ["id"])
+		], 10, pn));
+	}
+});
+//#endregion
+export { Sn as default };
+
+//# sourceMappingURL=VvCombobox.es-BxxQaz48.js.map