@8wave/ai-elements 0.98.0 → 0.99.0-beta.2

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

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