@8wave/ai-elements 0.103.0-beta.3 → 0.103.0-beta.4

package/dist/_chunks/VvTextarea.es-DbaPIcWl.js

@@ -0,0 +1,1166 @@
+import { $ as e, A as t, B as n, C as r, Ct as i, E as a, F as o, G as s, L as c, M as l, N as u, O as d, Q as f, R as p, St as ee, T as m, Tt as h, U as te, W as ne, X as g, _, b as re, bt as v, c as ie, ct as y, d as ae, et as oe, g as b, h as x, it as se, k as S, m as C, pt as w, q as ce, r as le, s as T, t as ue, u as de, ut as fe, v as E, vt as D, wt as pe, x as me, xt as he, y as ge, yt as O, z as k } from "./vue.runtime.esm-bundler-B3bThTaf.js";
+import { a as A, i as _e, t as ve } from "./iconify-6ObncgfH.js";
+import { c as ye, d as be, l as xe, m as Se, n as Ce, o as j, p as M, r as N, s as we } from "./dist-C5Y-NI3i.js";
+import { a as Te, c as P, i as Ee, l as De, n as Oe, o as ke, r as Ae, s as je, t as Me } from "./floating-ui.vue-CoA4oagI.js";
+//#region ../../node_modules/.pnpm/@volverjs+ui-vue@0.0.18_@json-render+core@0.19.0_zod@4.4.3__@volverjs+style@0.1.25_@vue_fb2fc569fa47f04da7f3d790d6448706/node_modules/@volverjs/ui-vue/dist/components/VvTextarea/VvTextarea.es.js
+d(), le(), se(), he();
+var Ne = {
+	showPassword: "eye-on",
+	hidePassword: "eye-off",
+	showDatePicker: "calendar",
+	showTimePicker: "time",
+	showColorPicker: "color",
+	clear: "close",
+	add: "add",
+	remove: "trash",
+	edit: "edit",
+	download: "download"
+}, Pe = { prefix: "normal" }, F = /* @__PURE__ */ (function(e) {
+	return e.local = "local", e.session = "session", e;
+})({}), I = /* @__PURE__ */ (function(e) {
+	return e.absolute = "absolute", e.fixed = "fixed", e;
+})({}), L = /* @__PURE__ */ (function(e) {
+	return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
+})({}), R = /* @__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;
+})({}), z = /* @__PURE__ */ (function(e) {
+	return e.before = "before", e.after = "after", e;
+})({}), B = /* @__PURE__ */ (function(e) {
+	return e.button = "button", e.submit = "submit", e.reset = "reset", e;
+})({}), V = /* @__PURE__ */ (function(e) {
+	return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
+})({}), H = /* @__PURE__ */ (function(e) {
+	return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
+})({}), U = /* @__PURE__ */ (function(e) {
+	return e.listbox = "listbox", e.menu = "menu", e;
+})({}), W = /* @__PURE__ */ (function(e) {
+	return e.option = "option", e.presentation = "presentation", e;
+})({}), G = /* @__PURE__ */ Symbol.for("volver"), Fe = /* @__PURE__ */ Symbol.for("dropdownTrigger"), Ie = /* @__PURE__ */ Symbol.for("dropdownItem"), K = /* @__PURE__ */ Symbol.for("dropdownAction"), q = {
+	to: { type: [String, Object] },
+	href: String,
+	target: String,
+	rel: {
+		type: String,
+		default: "noopener noreferrer"
+	}
+}, Le = {
+	valid: {
+		type: Boolean,
+		default: !1
+	},
+	validLabel: {
+		type: [String, Array],
+		default: void 0
+	}
+}, Re = {
+	invalid: {
+		type: Boolean,
+		default: !1
+	},
+	invalidLabel: {
+		type: [String, Array],
+		default: void 0
+	}
+}, J = {
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	loadingLabel: {
+		type: String,
+		default: "Loading..."
+	}
+}, Y = { disabled: {
+	type: Boolean,
+	default: !1
+} }, ze = { required: {
+	type: Boolean,
+	default: !1
+} }, Be = { selected: {
+	type: Boolean,
+	default: !1
+} }, Ve = { active: {
+	type: Boolean,
+	default: !1
+} }, He = { current: {
+	type: Boolean,
+	default: !1
+} };
+Ne.clear;
+var Ue = { pressed: {
+	type: Boolean,
+	default: !1
+} }, X = { label: {
+	type: [String, Number],
+	default: void 0
+} }, We = { readonly: {
+	type: Boolean,
+	default: !1
+} }, Z = { modifiers: {
+	type: [String, Array],
+	default: void 0
+} }, Ge = { hintLabel: {
+	type: String,
+	default: ""
+} }, Ke = {
+	options: {
+		type: Array,
+		default: () => []
+	},
+	labelKey: {
+		type: [String, Function],
+		default: "label"
+	},
+	valueKey: {
+		type: [String, Function],
+		default: "value"
+	},
+	disabledKey: {
+		type: [String, Function],
+		default: "disabled"
+	}
+}, qe = { count: {
+	type: [Boolean, String],
+	default: !1,
+	validator: (e) => [
+		!0,
+		!1,
+		"limit",
+		"countdown"
+	].includes(e)
+} }, Je = { debounce: {
+	type: [Number, String],
+	default: void 0
+} }, Ye = {
+	icon: {
+		type: [String, Object],
+		default: void 0
+	},
+	iconPosition: {
+		type: String,
+		default: z.before,
+		validation: (e) => Object.values(z).includes(e)
+	}
+}, Xe = { tabindex: {
+	type: [String, Number],
+	default: 0
+} }, Ze = { floating: {
+	type: Boolean,
+	default: !1
+} }, Qe = { unselectable: {
+	type: Boolean,
+	default: !0
+} }, $e = { id: [String, Number] }, et = {
+	placement: {
+		type: String,
+		default: L.bottom,
+		validator: (e) => Object.values(L).includes(e) || Object.values(R).includes(e)
+	},
+	strategy: {
+		type: String,
+		default: void 0,
+		validator: (e) => Object.values(I).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
+	},
+	topLayer: {
+		type: Boolean,
+		default: !1
+	}
+}, tt = {
+	...$e,
+	name: {
+		type: String,
+		required: !0
+	}
+}, nt = { autofocus: {
+	type: Boolean,
+	default: !1
+} }, rt = { autocomplete: {
+	type: String,
+	default: "off"
+} }, it = {
+	...tt,
+	...nt,
+	...rt,
+	...Xe,
+	...Y,
+	...We,
+	...Le,
+	...Re,
+	...Ge,
+	...J,
+	...Z,
+	...qe,
+	...Je,
+	...Ye,
+	...Ze,
+	...X,
+	minlength: {
+		type: [String, Number],
+		default: void 0
+	},
+	maxlength: {
+		type: [String, Number],
+		default: void 0
+	},
+	placeholder: {
+		type: String,
+		default: void 0
+	},
+	...ze
+};
+({
+	...tt,
+	...Xe,
+	...Le,
+	...Re,
+	...Ge,
+	...Y,
+	...We,
+	...Z,
+	...X,
+	...J
+}), {
+	...Le,
+	...Re,
+	...Ke,
+	...Ge,
+	...Y,
+	...We,
+	...Z,
+	...X,
+	...J,
+	...ze
+}, {
+	...Y,
+	...X,
+	...Ue,
+	...Ve,
+	...He,
+	...q
+}, B.button, V.button;
+var at = {
+	storageType: {
+		type: String,
+		default: F.local,
+		validator: (e) => Object.values(F).includes(e)
+	},
+	storageKey: String
+}, ot = {
+	hard: "hard",
+	soft: "soft"
+}, st = {
+	true: !0,
+	false: !1,
+	default: "default"
+}, ct = [
+	"update:modelValue",
+	"focus",
+	"blur",
+	"keyup",
+	"suggestion:selected",
+	"suggestion:removed"
+], lt = {
+	...it,
+	...at,
+	modelValue: String,
+	cols: {
+		type: [String, Number],
+		default: 20
+	},
+	rows: {
+		type: [String, Number],
+		default: 2
+	},
+	wrap: {
+		type: String,
+		default: ot.soft
+	},
+	spellcheck: {
+		type: [Boolean, String],
+		default: st.default
+	},
+	iconRemoveSuggestion: {
+		type: [String, Object],
+		default: Ne.remove
+	},
+	labelRemoveSuggestion: {
+		type: String,
+		default: "Remove suggestion"
+	},
+	maxSuggestions: {
+		type: Number,
+		default: 5
+	},
+	selectOnFocus: {
+		type: Boolean,
+		default: !1
+	},
+	resizable: Boolean,
+	topLayer: et.topLayer
+};
+function Q(e) {
+	return ((e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0)(v(e));
+}
+function ut(e) {
+	return typeof e == "string";
+}
+function dt(e) {
+	return Array.isArray(e) ? e.filter((e) => ut(e)).join(" ") : e;
+}
+function ft(e, t) {
+	let n = C(() => y(e) ? e.value : e), i = C(() => dt(n.value.invalidLabel)), o = C(() => dt(n.value.validLabel)), s = C(() => n.value.loadingLabel), c = C(() => n.value.hintLabel), l = C(() => !!(n.value.loading && (t.loading || s.value))), u = C(() => !l.value && !!(n.value.invalid && (t.invalid || i.value))), d = C(() => !l.value && !u.value && !!(n.value.valid && (t.valid || o.value))), f = C(() => !l.value && !u.value && !d.value && !!(t.hint || c.value)), p = C(() => u.value || d.value || l.value || f.value);
+	return {
+		hasInvalidLabelOrSlot: u,
+		hasHintLabelOrSlot: f,
+		hasValidLabelOrSlot: d,
+		hasLoadingLabelOrSlot: l,
+		hintSlotScope: C(() => ({
+			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: p,
+					invalidLabel: i,
+					validLabel: o,
+					loadingLabel: s,
+					hintLabel: c,
+					hasInvalidLabelOrSlot: u,
+					hasValidLabelOrSlot: d,
+					hasLoadingLabelOrSlot: l,
+					hasHintLabelOrSlot: f
+				};
+			},
+			render() {
+				if (this.isVisible) {
+					let e;
+					return this.hasInvalidLabelOrSlot && (e = "alert"), this.hasValidLabelOrSlot && (e = "status"), this.hasLoadingLabelOrSlot ? a(this.tag, { role: e }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? a(this.tag, { role: e }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? a(this.tag, { role: e }, this.$slots.valid?.() ?? this.validLabel) : a(this.tag, { role: e }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
+				}
+				return null;
+			}
+		})
+	};
+}
+var pt = {
+	...$e,
+	...et,
+	...Z,
+	modelValue: {
+		type: Boolean,
+		default: void 0
+	},
+	reference: {
+		type: Object,
+		default: null
+	},
+	role: {
+		type: String,
+		default: U.menu,
+		validator: (e) => Object.values(U).includes(e)
+	}
+}, mt = { focusOnHover: {
+	type: Boolean,
+	default: !1
+} }, ht = {
+	...Y,
+	...Be,
+	...Qe,
+	...Z,
+	deselectHintLabel: { type: String },
+	selectHintLabel: { type: String },
+	selectedHintLabel: { type: String },
+	focusOnHover: {
+		type: Boolean,
+		default: !1
+	}
+};
+function gt(e) {
+	return C(() => String(e?.value || s()));
+}
+function _t(e, t) {
+	let n = globalThis.HTMLElement !== void 0 && "popover" in globalThis.HTMLElement.prototype, r = C(() => n && O(t)), i = C(() => r.value ? "manual" : void 0);
+	function a() {
+		return (n && e.value?.matches(":popover-open")) ?? !1;
+	}
+	function o() {
+		if (!(!r.value || !e.value?.isConnected || a())) try {
+			e.value.showPopover();
+		} catch {}
+	}
+	function s() {
+		if (!(!e.value || !a())) try {
+			e.value.hidePopover();
+		} catch {}
+	}
+	return {
+		isTopLayer: r,
+		popover: i,
+		show: o,
+		hide: s
+	};
+}
+function vt({ reference: e, id: t, expanded: n, aria: i }) {
+	let o = De();
+	return {
+		bus: o,
+		component: r({
+			name: "VvDropdownTriggerProvider",
+			setup() {
+				p(Fe, {
+					reference: e,
+					id: t,
+					expanded: n,
+					aria: i,
+					bus: o
+				});
+			},
+			render() {
+				return a(ae, {}, this.$slots.default?.());
+			}
+		})
+	};
+}
+function yt({ role: e, ...t }) {
+	let n = C(() => e.value === U.listbox ? W.option : W.presentation);
+	return p(Ie, {
+		role: n,
+		...t
+	}), { itemRole: n };
+}
+function bt({ expanded: e }) {
+	p(K, {
+		role: w(H.menuitem),
+		expanded: e
+	});
+}
+function $(e, t, n) {
+	return C(() => {
+		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}`] = v(n.value[t]);
+		}), r;
+	});
+}
+var xt = ["popover"], St = [
+	"id",
+	"tabindex",
+	"role",
+	"aria-labelledby"
+], Ct = /* @__PURE__ */ r({
+	name: "VvDropdown",
+	inheritAttrs: !1,
+	props: pt,
+	emits: [
+		"update:modelValue",
+		"beforeEnter",
+		"afterLeave",
+		"beforeExpand",
+		"beforeCollapse",
+		"afterExpand",
+		"afterCollapse",
+		"before-enter",
+		"after-leave",
+		"enter",
+		"afterEnter",
+		"enterCancelled",
+		"beforeLeave",
+		"leave",
+		"leaveCancelled"
+	],
+	setup(t, { expose: r, emit: a }) {
+		let s = t, d = a, { id: p } = D(s), h = gt(p), re = ne(), y = w("auto"), b = w("auto"), se = w(), S = w(), ce = w(), le = w(), T = C({
+			get: () => s.reference ?? se.value,
+			set: (e) => {
+				se.value = e;
+			}
+		}), { isTopLayer: de, popover: fe, show: he, hide: ge } = _t(S, () => s.topLayer), O = C(() => de.value ? I.fixed : s.strategy), k = w(!1);
+		o(() => {
+			be(S.value, () => {
+				k.value = globalThis.getComputedStyle(S.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
+			}, {
+				attributeFilter: ["style"],
+				window: globalThis.window
+			});
+		});
+		function A(e, t, n) {
+			return typeof e == "boolean" ? t() : n(e);
+		}
+		let _e = C(() => {
+			let e = [];
+			if (s.autoPlacement ? e.push(A(s.autoPlacement, () => Ae(), (e) => Ae(e))) : s.flip && e.push(A(s.flip, () => Te({ fallbackStrategy: "initialPlacement" }), (e) => Te(e))), s.shift && e.push(A(s.shift, () => je(), (e) => je(e))), s.size) {
+				let t = ({ availableWidth: e, availableHeight: t }) => {
+					y.value = `${e}px`, b.value = `${t}px`;
+				};
+				e.push(A(s.size, () => P({ apply: t }), (e) => P({
+					...e,
+					apply: t
+				})));
+			}
+			return s.offset && e.push(["string", "number"].includes(typeof s.offset) ? ke(Number(s.offset)) : ke(s.offset)), s.arrow && e.push(Me({ element: ce })), e;
+		}), { x: ve, y: ye, middlewareData: M, placement: we, strategy: De } = Oe(T, S, {
+			whileElementsMounted: (...e) => Ee(...e, { animationFrame: O.value === I.fixed }),
+			placement: C(() => s.placement),
+			strategy: O,
+			middleware: _e
+		}), Ne = C(() => {
+			if (k.value) return;
+			let e = s.triggerWidth && T.value ? `${T.value?.offsetWidth}px` : void 0;
+			return {
+				position: De.value,
+				top: `${ye.value ?? 0}px`,
+				left: `${ve.value ?? 0}px`,
+				maxWidth: e ? void 0 : y.value,
+				maxHeight: b.value,
+				width: e
+			};
+		}), Pe = C(() => we.value.split("-")[0]), F = C(() => {
+			if (k.value) return;
+			let e = {
+				[L.top]: L.bottom,
+				[L.right]: L.left,
+				[L.bottom]: L.top,
+				[L.left]: L.right
+			}[Pe.value];
+			return {
+				left: M.value.arrow?.x === void 0 ? void 0 : `${M.value.arrow?.x}px`,
+				top: M.value.arrow?.y === void 0 ? void 0 : `${M.value.arrow?.y}px`,
+				[e]: `${-(ce.value?.offsetWidth ?? 0) / 2}px`
+			};
+		}), R = Se(s, "modelValue", d), z = w(!1), B = C({
+			get: () => R.value ?? z.value,
+			set: (e) => {
+				if (R.value === void 0) {
+					z.value = e;
+					return;
+				}
+				R.value = e;
+			}
+		});
+		f(() => {
+			B.value && he();
+		});
+		function V() {
+			B.value = !0;
+		}
+		function H() {
+			B.value = !1;
+		}
+		function U() {
+			B.value = !B.value;
+		}
+		function W(e) {
+			T.value = e;
+		}
+		Ce(S, () => {
+			!s.keepOpen && B.value && (B.value = !1);
+		}, { ignore: [T] });
+		let G = C(() => T.value?.getAttribute?.("id") ?? void 0), Fe = C(() => ({
+			"aria-controls": h.value,
+			"aria-haspopup": !0,
+			"aria-expanded": B.value
+		})), { component: Ie, bus: K } = vt({
+			reference: T,
+			id: h,
+			expanded: B,
+			aria: Fe
+		});
+		K.on("click", U);
+		let { role: q, modifiers: Le } = D(s), Re = $("vv-dropdown", Le, C(() => ({ arrow: s.arrow }))), { focused: J } = xe(S);
+		function Y(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 ze() {
+			u(() => {
+				let e = Y(S.value);
+				e.length > 0 && e[0].focus({ preventScroll: !0 });
+			});
+		}
+		function Be() {
+			u(() => {
+				let e = Y(le.value);
+				e.length > 0 && e[0].focus({ preventScroll: !0 });
+			});
+		}
+		function Ve() {
+			u(() => {
+				if (J.value) {
+					let e = Y(S.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 He() {
+			u(() => {
+				if (J.value) {
+					let e = Y(S.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 && s.autofocusFirst && ze();
+		}), r({
+			toggle: U,
+			show: V,
+			hide: H,
+			init: W,
+			focusFirst: ze,
+			focusFirstListElement: Be,
+			focusNext: Ve,
+			focusPrev: He,
+			customPosition: k
+		});
+		let { itemRole: Ue } = yt({
+			role: q,
+			expanded: B,
+			focused: J,
+			hovered: j(S)
+		});
+		N("Escape", (e) => {
+			B.value && (e.preventDefault(), H());
+		}), N("ArrowDown", (e) => {
+			B.value && J.value && (e.preventDefault(), Ve());
+		}), N("ArrowUp", (e) => {
+			B.value && J.value && (e.preventDefault(), He());
+		}), N([" ", "Enter"], (e) => {
+			let t = e.target;
+			B.value && J.value && t && t?.click();
+		});
+		let X = {
+			"before-enter": () => {
+				d(B.value ? "beforeExpand" : "beforeCollapse"), d("beforeEnter");
+			},
+			"after-leave": () => {
+				B.value || ge(), d(B.value ? "afterExpand" : "afterCollapse"), d("afterLeave");
+			},
+			enter: () => {
+				d("enter");
+			},
+			"after-enter": () => {
+				d("afterEnter");
+			},
+			"enter-cancelled": () => {
+				d("enterCancelled");
+			},
+			"before-leave": () => {
+				d("beforeLeave");
+			},
+			leave: () => {
+				d("leave");
+			},
+			"leave-cancelled": () => {
+				d("leaveCancelled");
+			}
+		};
+		return (t, r) => (c(), E(ae, null, [me(v(Ie), null, {
+			default: e(() => [n(t.$slots, "default", i(m({
+				init: W,
+				show: V,
+				hide: H,
+				toggle: U,
+				expanded: v(B),
+				aria: v(Fe)
+			})))]),
+			_: 3
+		}), me(ue, l({ name: t.transitionName }, te(X), { persisted: "" }), {
+			default: e(() => [oe(x("div", {
+				ref_key: "floatingEl",
+				ref: S,
+				popover: v(fe),
+				style: pe(v(Ne)),
+				class: ee(v(Re))
+			}, [
+				s.arrow ? (c(), E("div", {
+					key: 0,
+					ref_key: "arrowEl",
+					ref: ce,
+					style: pe(v(F)),
+					class: "vv-dropdown__arrow"
+				}, null, 4)) : _("v-if", !0),
+				n(t.$slots, "before", i(m({
+					show: V,
+					hide: H,
+					toggle: U,
+					expanded: v(B)
+				}))),
+				x("div", l(v(re), {
+					id: v(h),
+					ref_key: "listEl",
+					ref: le,
+					tabindex: v(B) ? void 0 : -1,
+					role: v(q),
+					"aria-labelledby": v(G),
+					class: "vv-dropdown__list"
+				}), [n(t.$slots, "items", i(m({
+					show: V,
+					hide: H,
+					toggle: U,
+					expanded: v(B),
+					role: v(Ue)
+				})))], 16, St),
+				n(t.$slots, "after", i(m({
+					show: V,
+					hide: H,
+					toggle: U,
+					expanded: v(B)
+				})))
+			], 14, xt), [[ie, v(B)]])]),
+			_: 3
+		}, 16, ["name"])], 64));
+	}
+});
+function wt() {
+	return S(Ie, {});
+}
+var Tt = /* @__PURE__ */ r({
+	name: "VvDropdownItem",
+	props: mt,
+	setup(e) {
+		let t = e, { role: r, expanded: i } = wt(), a = w(null);
+		bt({ expanded: i });
+		let o = j(a), { focused: s } = ye(a), { focused: u } = xe(a);
+		return g(o, (e) => {
+			e && t.focusOnHover && (s.value = !0);
+		}), (e, t) => (c(), E("div", l({ role: v(r) }, {
+			ref_key: "element",
+			ref: a,
+			class: ["vv-dropdown__item", { "focus-visible": v(s) || v(u) }]
+		}), [n(e.$slots, "default")], 16));
+	}
+}), Et = ["title"], Dt = /* @__PURE__ */ r({
+	name: "VvDropdownOption",
+	props: ht,
+	setup(t) {
+		let r = t, { modifiers: a } = D(r), o = $("vv-dropdown-option", a, C(() => ({
+			disabled: r.disabled,
+			selected: r.selected,
+			unselectable: r.unselectable && r.selected
+		}))), s = C(() => r.selected ? r.unselectable ? r.deselectHintLabel : r.selectedHintLabel : r.disabled ? "" : r.selectHintLabel);
+		return (t, r) => (c(), b(Tt, {
+			class: ee(v(o)),
+			tabindex: t.disabled ? -1 : 0,
+			"aria-selected": t.selected,
+			"aria-disabled": t.disabled,
+			"focus-on-hover": t.focusOnHover
+		}, {
+			default: e(() => [n(t.$slots, "default"), x("span", {
+				class: "vv-dropdown-option__hint",
+				title: v(s)
+			}, [n(t.$slots, "hint", i(m({
+				disabled: t.disabled,
+				selected: t.selected,
+				unselectable: t.unselectable
+			})), () => [re(h(v(s)), 1)])], 8, Et)]),
+			_: 3
+		}, 8, [
+			"class",
+			"tabindex",
+			"aria-selected",
+			"aria-disabled",
+			"focus-on-hover"
+		]));
+	}
+});
+function Ot() {
+	return S(G, void 0);
+}
+var kt = /* @__PURE__ */ r({
+	name: "VvIcon",
+	props: /* @__PURE__ */ t({
+		name: {},
+		color: {},
+		width: {},
+		height: {},
+		provider: {},
+		prefix: {},
+		src: {},
+		horizontalFlip: { type: Boolean },
+		verticalFlip: { type: Boolean },
+		flip: {},
+		mode: {},
+		inline: { type: Boolean },
+		rotate: {},
+		onLoad: { type: Function },
+		svg: {},
+		modifiers: {}
+	}, Pe),
+	setup(e) {
+		let t = e, n = C(() => typeof t.rotate == "string" ? Number.parseFloat(t.rotate) : t.rotate), r = w(!0), i = Ot(), { modifiers: a } = D(t), o = $("vv-icon", a), s = C(() => t.provider || i?.iconsProvider), u = C(() => {
+			let e = t.name ?? "", n = `@${s.value}:${t.prefix}:${e}`;
+			if (A(n)) return n;
+			let r = i?.iconsCollections.find((t) => {
+				let n = `@${s.value}:${t.prefix}:${e}`;
+				return A(n);
+			});
+			return r ? `@${s.value}:${r.prefix}:${e}` : e;
+		});
+		function d(e) {
+			return globalThis.window === void 0 ? null : new globalThis.DOMParser().parseFromString(e, "text/html").querySelector("svg");
+		}
+		function f(e) {
+			let n = d(e), r = n?.innerHTML.trim() || "";
+			n && r && _e(`@${s.value}:${t.prefix}:${t.name}`, {
+				body: r,
+				height: n.viewBox.baseVal.height,
+				width: n.viewBox.baseVal.width
+			});
+		}
+		return i && t.src && !A(`@${s.value}:${t.prefix}:${t.name}`) && (r.value = !1, i.fetchIcon(t.src).then((e) => {
+			e && f(e), r.value = !0;
+		}).catch((e) => {
+			throw r.value = !0, /* @__PURE__ */ Error(`Error during fetch icon: ${e?.message}`);
+		})), t.svg && f(t.svg), (t, i) => v(r) ? (c(), b(v(ve), l({
+			key: 0,
+			class: v(o)
+		}, {
+			inline: e.inline,
+			width: e.width,
+			height: e.height,
+			horizontalFlip: e.horizontalFlip,
+			verticalFlip: e.verticalFlip,
+			flip: e.flip,
+			rotate: v(n),
+			color: e.color,
+			icon: v(u)
+		}, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : _("v-if", !0);
+	}
+});
+function At(e, t, n) {
+	let r = t;
+	if (Array.isArray(e) && e.length) {
+		let i = e[0];
+		i() === t && (r = n);
+	}
+	if (typeof e == "function" && e() === t && (r = n), typeof e == "object") {
+		let i = e.default;
+		typeof i == "function" && (i = i()), (typeof i == "object" ? JSON.stringify(i) === JSON.stringify(t) : i === t) && (r = n);
+	}
+	return r;
+}
+function jt(e, t, n) {
+	let r = Ot(), i = C(() => {
+		if (r?.defaults.value?.[e]) return r.defaults.value[e];
+	});
+	return C(() => {
+		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];
+			return t[n] = n in e ? At(r[n], i, e[n]) : i, t;
+		}, {});
+	});
+}
+function Mt(e, t, n = 0, { getter: r = (e) => e, setter: i = (e) => e } = {}) {
+	let a, o, s = C(() => {
+		let e = O(n) ?? 0, t = typeof e == "string" ? Number.parseInt(e) : e;
+		return Number.isNaN(t) ? 0 : t;
+	});
+	function c() {
+		a &&= (clearTimeout(a), void 0), o = void 0;
+	}
+	function l() {
+		if (!o) return;
+		let e = i(o.value);
+		return c(), t("update:modelValue", e), e;
+	}
+	return fe(c), {
+		model: C({
+			get: () => r(e?.value),
+			set: (e) => {
+				if (s.value <= 0) {
+					c(), t("update:modelValue", i(e));
+					return;
+				}
+				o = { value: e }, a && clearTimeout(a), a = setTimeout(l, s.value);
+			}
+		}),
+		flush: l,
+		cancel: c
+	};
+}
+function Nt(e, t) {
+	let n = C(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), r = C(() => t?.value === z.before ? n.value : void 0), i = C(() => t?.value === z.after ? n.value : void 0);
+	return {
+		hasIcon: n,
+		hasIconLeft: C(() => t?.value === L.left ? n.value : void 0),
+		hasIconRight: C(() => t?.value === L.right ? n.value : void 0),
+		hasIconTop: C(() => t?.value === L.top ? n.value : void 0),
+		hasIconBottom: C(() => t?.value === L.bottom ? n.value : void 0),
+		hasIconBefore: r,
+		hasIconAfter: i
+	};
+}
+function Pt(e, t) {
+	let { focused: n } = ye(e);
+	return g(n, (n) => {
+		t(n ? "focus" : "blur", v(e));
+	}), { focused: n };
+}
+function Ft(e, t) {
+	let n = C(() => (v(e) ?? "").length), r = C(() => t?.lowerLimit !== void 0 && n.value < t?.lowerLimit ? n.value - t.lowerLimit : t?.upperLimit === void 0 ? 0 : t.upperLimit - n.value);
+	return {
+		length: n,
+		gap: r,
+		formatted: C(() => t?.mode === !1 ? "" : t?.mode === "limit" && t?.upperLimit ? `${n.value} / ${t.lowerLimit ? `${t.lowerLimit}-` : ""}${t.upperLimit}` : t?.mode === "countdown" ? r.value === 0 ? void 0 : r.value : n.value)
+	};
+}
+function It(e, t = F.local, n) {
+	let r = w();
+	n && (r.value = n);
+	let i;
+	return o(() => {
+		e && g(e, (e, n) => {
+			let a = v(t) === F.session ? sessionStorage : localStorage;
+			if (n && n !== e && a.removeItem(n), e) {
+				i = M(e, i?.value ?? r.value, a), i.value && (r.value = i.value);
+				return;
+			}
+			i = void 0;
+		}, { immediate: !0 }), y(t) && g(t, (t, n) => {
+			if (e?.value) {
+				if (t) {
+					let n = t === F.session ? sessionStorage : localStorage;
+					i = M(e.value, i?.value ?? r.value, n);
+				}
+				n && n !== t && (n === F.session ? sessionStorage : localStorage).removeItem(e.value);
+			}
+		});
+	}), g(r, (e) => {
+		i && (i.value = e);
+	}, {
+		deep: !0,
+		immediate: !0
+	}), r;
+}
+var Lt = ["for"], Rt = {
+	key: 0,
+	class: "vv-textarea__input-before"
+}, zt = { class: "vv-textarea__inner" }, Bt = ["id"], Vt = {
+	key: 1,
+	class: "vv-textarea__input-after"
+}, Ht = {
+	key: 2,
+	class: "vv-textarea__limit"
+}, Ut = { class: "flex-1" }, Wt = ["title", "onClick"], Gt = /* @__PURE__ */ r({
+	name: "VvTextarea",
+	props: lt,
+	emits: ct,
+	setup(t, { expose: r, emit: a }) {
+		let o = t, s = a, u = ce(), d = Ot(), f = jt("VvTextarea", lt, o), p = w(), te = w(), ne = w(), { id: ie, icon: se, iconPosition: S, iconRemoveSuggestion: le, labelRemoveSuggestion: ue, label: fe, modelValue: pe, count: he, valid: O, invalid: A, loading: _e, modifiers: ve, debounce: ye, minlength: be, maxlength: xe, storageType: Se } = D(o), Ce = gt(ie), j = C(() => `${Ce.value}-hint`), M = C(() => o.floating && Q(o.placeholder) ? " " : o.placeholder), { model: N, flush: Te } = Mt(pe, s, ye);
+		r({ flush: Te });
+		let { hasIconBefore: P, hasIconAfter: Ee } = Nt(se, S), { hasIcon: De } = Nt(le), { focused: Oe } = Pt(p, s), ke = C(() => Oe.value && !o.disabled && !o.readonly);
+		g(ke, (e) => {
+			let t = N.value;
+			if (e || (t = Te() ?? t), e && f.value.selectOnFocus && p.value && p.value.select(), e && L.value?.size) {
+				ne.value?.show();
+				return;
+			}
+			if (L.value && !Q(t)) {
+				let e = o.maxSuggestions;
+				L.value.size >= e && !L.value.has(t) && (L.value = new Set([...L.value].slice(L.value.size - e + 1))), L.value.add(t);
+			}
+		});
+		let Ae = we(p);
+		g(Ae, (e) => {
+			e && o.autofocus && (Oe.value = !0);
+		});
+		let { formatted: je } = Ft(N, {
+			mode: he?.value,
+			upperLimit: Number(xe?.value),
+			lowerLimit: Number(be?.value)
+		}), Me = C(() => !o.disabled && !o.readonly), Ne = C(() => Me.value ? o.tabindex : -1), Pe = C(() => !Q(pe)), F = C(() => {
+			if (o.invalid === !0) return !0;
+			if (o.valid === !0) return !1;
+		}), I = C(() => o.storageKey ?? (d?.experimentalFeatures.forceInputSuggestions ? o.name : void 0)), L = It(I, Se, /* @__PURE__ */ new Set()), R = C(() => L.value ? [...L.value].filter((e) => Q(N.value) || `${e}`.toLowerCase().includes(`${N.value}`.toLowerCase()) && e !== N.value).reverse() : []), z = C(() => I?.value && L.value && L.value.size > 0);
+		function B(e) {
+			N.value = e, ne.value?.hide(), s("suggestion:selected", e);
+		}
+		function V(e) {
+			L.value?.delete(e), s("suggestion:removed", e);
+		}
+		let { HintSlot: H, hasHintLabelOrSlot: U, hasInvalidLabelOrSlot: W, hintSlotScope: G } = ft(f, u), Fe = $("vv-textarea", ve, C(() => ({
+			valid: O.value,
+			invalid: A.value,
+			loading: _e.value,
+			disabled: o.disabled,
+			readonly: o.readonly,
+			required: o.required,
+			"icon-before": P.value !== void 0,
+			"icon-after": Ee.value !== void 0,
+			floating: o.floating && !Q(o.label),
+			dirty: Pe.value,
+			focus: Oe.value,
+			resizable: o.resizable
+		}))), Ie = C(() => ({
+			name: o.name,
+			placeholder: M.value,
+			tabindex: Ne.value,
+			disabled: o.disabled,
+			readonly: o.readonly,
+			required: o.required,
+			autocomplete: o.autocomplete,
+			minlength: o.minlength,
+			maxlength: o.maxlength,
+			cols: o.cols,
+			rows: o.rows,
+			wrap: o.wrap,
+			spellcheck: o.spellcheck,
+			"aria-invalid": F.value,
+			"aria-describedby": U.value ? j.value : void 0,
+			"aria-errormessage": W.value ? j.value : void 0
+		})), K = C(() => ({
+			valid: o.valid,
+			invalid: o.invalid,
+			modelValue: o.modelValue,
+			hintLabel: o.hintLabel,
+			maxlength: o.maxlength,
+			minlength: o.minlength,
+			clear: q
+		}));
+		function q() {
+			N.value = void 0;
+		}
+		return (t, r) => (c(), E("div", { class: ee(v(Fe)) }, [
+			v(fe) ? (c(), E("label", {
+				key: 0,
+				for: v(Ce),
+				class: "vv-textarea__label"
+			}, h(v(fe)), 9, Lt)) : _("v-if", !0),
+			x("div", {
+				ref_key: "wrapperEl",
+				ref: te,
+				class: "vv-textarea__wrapper"
+			}, [
+				t.$slots.before ? (c(), E("div", Rt, [n(t.$slots, "before", i(m(v(K))))])) : _("v-if", !0),
+				x("div", zt, [
+					v(P) ? (c(), b(kt, l({ key: 0 }, v(P), { class: "vv-textarea__icon" }), null, 16)) : _("v-if", !0),
+					oe(x("textarea", l({
+						id: v(Ce),
+						ref_key: "textareaEl",
+						ref: p,
+						"onUpdate:modelValue": r[0] ||= (e) => y(N) ? N.value = e : null
+					}, v(Ie), { onKeyup: r[1] ||= (e) => s("keyup", e) }), null, 16, Bt), [[T, v(N)]]),
+					v(Ee) ? (c(), b(kt, l({ key: 1 }, v(Ee), { class: "vv-textarea__icon vv-textarea__icon-after" }), null, 16)) : _("v-if", !0)
+				]),
+				t.$slots.after ? (c(), E("div", Vt, [n(t.$slots, "after", i(m(v(K))))])) : _("v-if", !0),
+				v(he) ? (c(), E("span", Ht, [n(t.$slots, "count", i(m(v(K))), () => [re(h(v(je)), 1)])])) : _("v-if", !0)
+			], 512),
+			me(v(H), {
+				id: v(j),
+				class: "vv-textarea__hint"
+			}, ge({ _: 2 }, [
+				t.$slots.hint ? {
+					name: "hint",
+					fn: e(() => [n(t.$slots, "hint", i(m(v(G))))]),
+					key: "0"
+				} : void 0,
+				t.$slots.loading ? {
+					name: "loading",
+					fn: e(() => [n(t.$slots, "loading", i(m(v(G))))]),
+					key: "1"
+				} : void 0,
+				t.$slots.valid ? {
+					name: "valid",
+					fn: e(() => [n(t.$slots, "valid", i(m(v(G))))]),
+					key: "2"
+				} : void 0,
+				t.$slots.invalid ? {
+					name: "invalid",
+					fn: e(() => [n(t.$slots, "invalid", i(m(v(G))))]),
+					key: "3"
+				} : void 0
+			]), 1032, ["id"]),
+			v(z) ? (c(), b(Ct, {
+				key: 1,
+				ref_key: "suggestionsDropdownEl",
+				ref: ne,
+				reference: v(te),
+				"autofocus-first": !1,
+				"trigger-width": !0,
+				"top-layer": v(f).topLayer
+			}, {
+				items: e(() => [(c(!0), E(ae, null, k(v(R), (r) => (c(), b(Dt, {
+					key: r,
+					onClick: de((e) => B(r), ["stop"])
+				}, {
+					default: e(() => [x("div", Ut, [n(t.$slots, "suggestion", l({ ref_for: !0 }, { value: r }), () => [re(h(r), 1)])]), v(L) && v(De) ? (c(), E("button", {
+						key: 0,
+						type: "button",
+						tabindex: "-1",
+						class: "cursor-pointer",
+						title: v(ue),
+						onClick: de((e) => V(r), ["stop"])
+					}, [me(kt, l({ ref_for: !0 }, v(De)), null, 16)], 8, Wt)) : _("v-if", !0)]),
+					_: 2
+				}, 1032, ["onClick"]))), 128))]),
+				_: 3
+			}, 8, ["reference", "top-layer"])) : _("v-if", !0)
+		], 2));
+	}
+});
+//#endregion
+export { Gt as default };
+
+//# sourceMappingURL=VvTextarea.es-DbaPIcWl.js.map