@8wave/ai-elements 0.84.0 → 0.85.0

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

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