@pgcorp/ui-kit 0.12.0 → 0.14.0

package/dist/src/components/shared/controls/STextarea.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,16 @@
-import { mergeIdReferences as e, useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import { resolveOptionalDomId as n, validateBoolean as r, validateBoundedInteger as i, validateBoundedNumber as a, validateDomId as o, validateExactString as s } from "../../../internal/runtimeContract.js";
+import { resolveOptionalDomId as e, validateBoolean as t, validateBoundedInteger as n, validateBoundedNumber as r, validateDomId as i, validateExactString as a } from "../../../internal/runtimeContract.js";
+import { mergeIdReferences as o, useOwnedAttrs as s } from "../../../internal/ownedAttrs.js";
 import { useInteractiveLeafRegistration as c } from "../../../internal/passiveContentContract.js";
 import l from "./SField.vue.js";
-import { resolveFieldSurfaceBindings as ee } from "../../../internal/fieldSurface.js";
-import { computed as u, createBlock as d, createElementVNode as te, defineComponent as f, mergeProps as ne, nextTick as p, onBeforeUnmount as re, onMounted as ie, openBlock as ae, ref as m, unref as h, useId as oe, watch as g, withCtx as _ } from "vue";
+import { resolveFieldSurfaceBindings as u } from "../../../internal/fieldSurface.js";
+import { resolveTextLengthConstraints as d } from "../../../internal/textLengthConstraints.js";
+import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, defineComponent as _, guardReactiveProps as ee, mergeProps as te, nextTick as v, normalizeProps as ne, onBeforeUnmount as re, onMounted as ie, onUpdated as ae, openBlock as y, ref as b, renderSlot as oe, unref as x, useId as se, useSlots as ce, watch as le, withCtx as ue } from "vue";
 //#region src/components/shared/controls/STextarea.vue?vue&type=script&setup=true&lang.ts
-var se = [
+var de = [
+	"data-content-slots",
+	"data-appearance",
+	"data-size"
+], fe = [
 	"id",
 	"data-appearance",
 	"data-size",
@@ -15,21 +20,23 @@ var se = [
 	"data-min-height",
 	"data-max-height",
 	"data-invalid",
+	"data-embedded",
 	"value",
 	"placeholder",
 	"disabled",
 	"readonly",
 	"required",
+	"minlength",
+	"maxlength",
 	"aria-invalid",
 	"aria-required",
 	"aria-readonly",
 	"aria-describedby",
-	"aria-controls",
-	"aria-activedescendant",
-	"aria-autocomplete",
-	"aria-haspopup",
 	"rows"
-], v = 100, y = /*@__PURE__*/ f({
+], pe = {
+	key: 0,
+	class: "s-textarea__empty-content"
+}, me = ["id"], he = 100, ge = /*@__PURE__*/ _({
 	inheritAttrs: !1,
 	__name: "STextarea",
 	props: {
@@ -56,6 +63,8 @@ var se = [
 		helpText: { default: void 0 },
 		id: { default: void 0 },
 		rows: { default: 3 },
+		minLength: { default: void 0 },
+		maxLength: { default: void 0 },
 		size: { default: "md" },
 		autoResize: {
 			type: Boolean,
@@ -85,216 +94,305 @@ var se = [
 		"selection-change",
 		"state-change"
 	],
-	setup(f, { expose: y, emit: ce }) {
-		let le = ["default", "ghost"], ue = [
+	setup(_, { expose: ge, emit: _e }) {
+		let ve = ["default", "ghost"], ye = [
 			"sm",
 			"md",
 			"lg"
-		], b = {
+		], be = {
 			minimum: 1,
 			maximum: 100
-		}, x = {
+		}, xe = {
 			minimum: 1,
 			maximum: 4096
-		}, de = [
+		}, Se = [
 			"list",
 			"both",
 			"inline",
 			"none"
-		], fe = [
+		], Ce = [
 			"listbox",
 			"grid",
 			"tree",
 			"dialog"
-		], S = [
+		], we = [
 			"forward",
 			"backward",
 			"none"
-		], pe = [
+		], Te = [
 			"select",
 			"start",
 			"end",
 			"preserve"
-		], C = f, w = ce, T = t({
+		], S = _, C = _e, w = ce(), T = s({
 			component: "STextarea",
 			owner: "native textarea"
 		});
 		c({ owner: "STextarea" });
-		let me = oe(), E = u(() => n("STextarea", "id", C.id, `s-textarea-${me}`)), D = m(null), O = m(!1), k = null, A = null, j = null, M = null, N = !1, P = [], F = [], I = u(() => s("STextarea", "appearance", C.appearance, le)), L = u(() => s("STextarea", "size", C.size, ue)), R = u(() => i("STextarea", "rows", C.rows, b)), z = u(() => C.maxRows === void 0 ? void 0 : i("STextarea", "maxRows", C.maxRows, b)), B = u(() => C.minHeight === void 0 ? void 0 : a("STextarea", "minHeight", C.minHeight, x)), V = u(() => C.maxHeight === void 0 ? void 0 : a("STextarea", "maxHeight", C.maxHeight, x)), H = u(() => {
-			if (C.suggestions === void 0) return;
-			if (C.suggestions === null || typeof C.suggestions != "object" || Array.isArray(C.suggestions)) throw TypeError("STextarea: suggestions должен быть объектом. / STextarea: suggestions must be an object.");
-			let e = C.suggestions.activeDescendant === void 0 ? void 0 : o("STextarea", "suggestions.activeDescendant", C.suggestions.activeDescendant);
+		let Ee = se(), E = f(() => e("STextarea", "id", S.id, `s-textarea-${Ee}`)), D = b(null), O = b(null), k = b(null), A = b(null), De = f(() => `${E.value}-helper-content`), j = b(!1), M = b(null), N = b(S.modelValue ?? ""), Oe = f(() => N.value.length === 0 && !j.value), P = null, F = null, I = null, ke = null, L = /* @__PURE__ */ new Map(), R = null, z = !1, B = !1, Ae = null, V = !1, H = [], U = [], W = f(() => a("STextarea", "appearance", S.appearance, ve)), je = f(() => a("STextarea", "size", S.size, ye)), G = f(() => n("STextarea", "rows", S.rows, be)), Me = f(() => d("STextarea", S.minLength, S.maxLength)), Ne = f(() => S.maxRows === void 0 ? void 0 : n("STextarea", "maxRows", S.maxRows, be)), Pe = f(() => S.minHeight === void 0 ? void 0 : r("STextarea", "minHeight", S.minHeight, xe)), Fe = f(() => S.maxHeight === void 0 ? void 0 : r("STextarea", "maxHeight", S.maxHeight, xe)), Ie = f(() => {
+			if (S.suggestions === void 0) return;
+			if (S.suggestions === null || typeof S.suggestions != "object" || Array.isArray(S.suggestions)) throw TypeError("STextarea: suggestions должен быть объектом. / STextarea: suggestions must be an object.");
+			let e = S.suggestions.activeDescendant === void 0 ? void 0 : i("STextarea", "suggestions.activeDescendant", S.suggestions.activeDescendant), n = S.suggestions.active === void 0 || t("STextarea", "suggestions.active", S.suggestions.active);
+			if (!n && e !== void 0) throw TypeError("STextarea: suggestions.activeDescendant недопустим при active=false. / STextarea: suggestions.activeDescendant is unavailable when active=false.");
 			return {
-				controls: o("STextarea", "suggestions.controls", C.suggestions.controls),
+				controls: i("STextarea", "suggestions.controls", S.suggestions.controls),
+				active: n,
 				activeDescendant: e,
-				autocomplete: s("STextarea", "suggestions.autocomplete", C.suggestions.autocomplete ?? "list", de),
-				popupRole: s("STextarea", "suggestions.popupRole", C.suggestions.popupRole ?? "listbox", fe)
+				autocomplete: a("STextarea", "suggestions.autocomplete", S.suggestions.autocomplete ?? "list", Se),
+				popupRole: a("STextarea", "suggestions.popupRole", S.suggestions.popupRole ?? "listbox", Ce)
 			};
-		}), U = u(() => {
-			let e = r("STextarea", "autoResize", C.autoResize), t = z.value, n = B.value, i = V.value;
-			if (!e && t !== void 0 && n === void 0 && i === void 0) throw TypeError(`STextarea: maxRows применяется только при autoResize=true; получено autoResize=false, maxRows=${t}. / STextarea: maxRows applies only when autoResize=true; received autoResize=false, maxRows=${t}.`);
-			if (!e && (n !== void 0 || i !== void 0)) throw TypeError("STextarea: maxRows/minHeight/maxHeight применяются только при autoResize=true. / STextarea: maxRows/minHeight/maxHeight apply only when autoResize=true.");
-			if (t !== void 0 && i !== void 0) throw TypeError("STextarea: maxRows и maxHeight являются альтернативными ограничителями; укажите один. / STextarea: maxRows and maxHeight are alternative bounds; provide one.");
-			if (n !== void 0 && i !== void 0 && i < n) throw TypeError(`STextarea: maxHeight не может быть меньше minHeight; получено minHeight=${n}, maxHeight=${i}. / STextarea: maxHeight cannot be below minHeight; received minHeight=${n}, maxHeight=${i}.`);
-			if (t !== void 0 && t < R.value) throw TypeError(`STextarea: maxRows не может быть меньше rows; получено rows=${R.value}, maxRows=${t}. / STextarea: maxRows cannot be less than rows; received rows=${R.value}, maxRows=${t}.`);
+		});
+		function Le() {
+			let e = T.bindings(), t = T.string("aria-controls"), n = t === void 0 ? void 0 : i("STextarea", "aria-controls", t), r = e["aria-haspopup"], a = Ie.value, s = a?.active === !0;
+			return {
+				"aria-controls": o(n, a?.controls),
+				"aria-haspopup": s ? a?.popupRole : r,
+				"aria-activedescendant": s ? a?.activeDescendant : void 0,
+				"aria-autocomplete": s ? a?.autocomplete : void 0
+			};
+		}
+		let Re = f(() => {
+			let e = t("STextarea", "autoResize", S.autoResize), n = Ne.value, r = Pe.value, i = Fe.value;
+			if (!e && n !== void 0 && r === void 0 && i === void 0) throw TypeError(`STextarea: maxRows применяется только при autoResize=true; получено autoResize=false, maxRows=${n}. / STextarea: maxRows applies only when autoResize=true; received autoResize=false, maxRows=${n}.`);
+			if (!e && (r !== void 0 || i !== void 0)) throw TypeError("STextarea: maxRows/minHeight/maxHeight применяются только при autoResize=true. / STextarea: maxRows/minHeight/maxHeight apply only when autoResize=true.");
+			if (n !== void 0 && i !== void 0) throw TypeError("STextarea: maxRows и maxHeight являются альтернативными ограничителями; укажите один. / STextarea: maxRows and maxHeight are alternative bounds; provide one.");
+			if (r !== void 0 && i !== void 0 && i < r) throw TypeError(`STextarea: maxHeight не может быть меньше minHeight; получено minHeight=${r}, maxHeight=${i}. / STextarea: maxHeight cannot be below minHeight; received minHeight=${r}, maxHeight=${i}.`);
+			if (n !== void 0 && n < G.value) throw TypeError(`STextarea: maxRows не может быть меньше rows; получено rows=${G.value}, maxRows=${n}. / STextarea: maxRows cannot be less than rows; received rows=${G.value}, maxRows=${n}.`);
 			return e ? {
 				mode: "content",
 				autoResize: !0,
-				...t === void 0 ? {} : { maxRows: t },
-				...n === void 0 ? {} : { minHeight: n },
+				...n === void 0 ? {} : { maxRows: n },
+				...r === void 0 ? {} : { minHeight: r },
 				...i === void 0 ? {} : { maxHeight: i }
 			} : {
 				mode: "fixed",
 				autoResize: !1
 			};
 		});
-		function he(e) {
-			return ee("STextarea", {
+		function ze(e) {
+			return u("STextarea", {
 				kind: "textarea",
-				appearance: I.value === "default" ? "field" : "ghost",
+				appearance: K() ? "embedded" : W.value === "default" ? "field" : "ghost",
 				invalid: e.invalid,
 				disabled: e.disabled,
 				readonly: e.readonly
 			});
 		}
-		function W(e, t) {
-			let n = Z(e.selectionStart, e.value.length, `${t} selectionStart`), r = Z(e.selectionEnd, e.value.length, `${t} selectionEnd`);
+		function K() {
+			return !!(w["empty-content"] || w["helper-content"]);
+		}
+		function Be(e) {
+			return u("STextarea", {
+				kind: "textarea",
+				appearance: W.value === "default" ? "field" : "ghost",
+				invalid: e.invalid,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				composite: !0
+			});
+		}
+		function Ve(e) {
+			return {
+				empty: Oe.value,
+				invalid: e.invalid,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				composing: j.value,
+				hasMultipleVisualLines: M.value,
+				focus: tt
+			};
+		}
+		function q(e, t) {
+			let n = $(e.selectionStart, e.value.length, `${t} selectionStart`), r = $(e.selectionEnd, e.value.length, `${t} selectionEnd`);
 			if (r < n) throw RangeError(`STextarea: ${t} selectionEnd=${r} is below selectionStart=${n}.`);
 			return {
 				start: n,
 				end: r,
-				direction: s("STextarea", `${t} selectionDirection`, e.selectionDirection ?? "none", S)
+				direction: a("STextarea", `${t} selectionDirection`, e.selectionDirection ?? "none", we)
 			};
 		}
-		function G(e) {
-			let t = W(e, "state-change");
-			w("state-change", {
+		function J(e) {
+			let t = q(e, "state-change");
+			C("state-change", {
 				text: e.value,
 				cursor: t.start,
 				selection: t,
-				composing: O.value
+				composing: j.value
 			});
 		}
-		function ge(e) {
-			let t = e.target, n = e instanceof InputEvent ? e.inputType : "";
-			!N && n !== "historyUndo" && n !== "historyRedo" && F.splice(0), w("update:modelValue", t.value), G(t), p(Y);
+		function He(e) {
+			let t = e.target;
+			M.value = null, N.value = t.value;
+			let n = e instanceof InputEvent ? e.inputType : "";
+			!V && n !== "historyUndo" && n !== "historyRedo" && U.splice(0), C("update:modelValue", t.value), J(t), v(Z);
 		}
-		function K(e, t) {
+		function Ue(e, t) {
 			return {
 				text: e.value,
-				selection: W(e, t)
+				selection: q(e, t)
 			};
 		}
-		function q(e, t) {
-			e.value = t.text, e.focus(), e.setSelectionRange(t.selection.start, t.selection.end, t.selection.direction), w("update:modelValue", t.text), w("selection-change", t.selection), G(e), p(Y);
+		function We(e, t) {
+			e.value = t.text, N.value = t.text, e.focus(), e.setSelectionRange(t.selection.start, t.selection.end, t.selection.direction), C("update:modelValue", t.text), C("selection-change", t.selection), J(e), v(Z);
 		}
-		function _e(e, t) {
+		function Ge(e, t) {
 			return e.value === t.text;
 		}
-		function ve(e, t) {
+		function Ke(e, t) {
 			if (e.altKey || !(e.metaKey || e.ctrlKey)) return !1;
 			let n = e.key.toLowerCase(), r = n === "z" && !e.shiftKey, i = n === "z" && e.shiftKey || n === "y" && !e.shiftKey;
 			if (!r && !i) return !1;
-			let a = r ? P : F, o = a[a.length - 1], s = r ? o?.after : o?.before;
-			return !o || !s || !_e(t, s) ? !1 : (e.preventDefault(), a.pop(), r ? (F.push(o), q(t, o.before)) : (P.push(o), q(t, o.after)), !0);
+			let a = r ? H : U, o = a[a.length - 1], s = r ? o?.after : o?.before;
+			return !o || !s || !Ge(t, s) ? !1 : (e.preventDefault(), a.pop(), r ? (U.push(o), We(t, o.before)) : (H.push(o), We(t, o.after)), !0);
 		}
-		function ye(e) {
-			w("keydown", e), !(e.defaultPrevented || O.value || C.disabled || C.readonly) && ve(e, e.currentTarget);
+		function qe(e) {
+			C("keydown", e), !(e.defaultPrevented || j.value || S.disabled || S.readonly) && Ke(e, e.currentTarget);
 		}
-		function be(e) {
-			w("keyup", e), G(e.currentTarget);
+		function Je(e) {
+			C("keyup", e), J(e.currentTarget);
 		}
-		function xe(e) {
-			w("click", e), G(e.currentTarget);
+		function Ye(e) {
+			C("click", e), J(e.currentTarget);
 		}
-		function Se(e) {
-			let t = e.currentTarget, n = W(t, "selection-change");
-			w("selection-change", n), G(t);
+		function Xe(e) {
+			let t = e.currentTarget, n = q(t, "selection-change");
+			C("selection-change", n), J(t);
 		}
-		function Ce(e) {
-			O.value = !0, w("compositionstart", e), G(e.currentTarget);
+		function Ze(e) {
+			j.value = !0, M.value = null, C("compositionstart", e), J(e.currentTarget), v(Z);
 		}
-		function we(e) {
-			w("compositionupdate", e), G(e.currentTarget);
+		function Qe(e) {
+			M.value = null, C("compositionupdate", e), J(e.currentTarget), v(Z);
 		}
-		function Te(e) {
-			O.value = !1, w("compositionend", e), G(e.currentTarget), Y();
+		function $e(e) {
+			j.value = !1, M.value = null, N.value = e.currentTarget.value, C("compositionend", e), J(e.currentTarget), Z();
 		}
-		function J() {
-			let e = D.value, t = U.value;
-			if (t.mode === "fixed" || !e || e.scrollHeight === 0) return;
-			let n = window.getComputedStyle(e), r = Number.parseFloat(n.lineHeight) || Number.parseFloat(n.fontSize) * 1.5, i = Number.parseFloat(n.paddingTop) || 0, a = Number.parseFloat(n.paddingBottom) || 0, o = R.value * r + i + a, s = t.minHeight ?? o, c = t.maxHeight ?? (t.maxRows === void 0 ? 0 : t.maxRows * r + i + a);
-			if (c > 0 && c < s) throw RangeError(`STextarea: вычисленный maxHeight=${c} меньше minimumHeight=${s}. / STextarea: resolved maxHeight=${c} is below minimumHeight=${s}.`);
-			if (C.disabled || C.modelValue === null || C.modelValue.length === 0) {
-				e.style.height = `${s}px`, e.style.overflowY = "hidden";
+		function et(e, t) {
+			if (!e.isConnected || e.getBoundingClientRect().width <= 0 || e.clientWidth <= 0) {
+				M.value = null;
 				return;
 			}
-			e.style.height = "auto";
-			let l = e.scrollHeight;
-			if (c > 0 && l > c) {
-				e.style.height = `${c}px`, e.style.overflowY = "auto";
+			if (e.value.length === 0) {
+				M.value = !1;
 				return;
 			}
-			e.style.height = `${Math.max(s, l)}px`, e.style.overflowY = "hidden";
+			let n = Number.parseFloat(t.lineHeight), r = X(t.paddingTop), i = X(t.paddingBottom);
+			if (!Number.isFinite(n) || n <= 0) throw RangeError(`STextarea: native lineHeight=${JSON.stringify(t.lineHeight)} must resolve to a positive pixel value for visual-line measurement.`);
+			let a = n + 1 + (t.boxSizing === "border-box" ? r + i + X(t.borderTopWidth) + X(t.borderBottomWidth) : 0), o = [
+				"height",
+				"min-height",
+				"max-height"
+			].map((t) => ({
+				property: t,
+				value: e.style.getPropertyValue(t),
+				priority: e.style.getPropertyPriority(t)
+			})), s = e.scrollTop, c = e.scrollLeft;
+			try {
+				e.style.setProperty("height", `${a}px`, "important"), e.style.setProperty("min-height", "0px", "important"), e.style.setProperty("max-height", "none", "important");
+				let t = e.scrollHeight - r - i;
+				M.value = t > n * 1.5;
+			} finally {
+				for (let { property: t, value: n, priority: r } of o) n.length === 0 ? e.style.removeProperty(t) : e.style.setProperty(t, n, r);
+				e.getBoundingClientRect(), e.scrollTop = s, e.scrollLeft = c;
+			}
 		}
 		function Y() {
-			M === null && U.value.mode !== "fixed" && (M = window.requestAnimationFrame(() => {
-				M = null, J();
+			let e = D.value, t = Re.value;
+			if (!e) return;
+			let n = window.getComputedStyle(e);
+			if (et(e, n), t.mode === "fixed" || e.scrollHeight === 0) return;
+			let r = Number.parseFloat(n.lineHeight) || Number.parseFloat(n.fontSize) * 1.5, i = Number.parseFloat(n.paddingTop) || 0, a = Number.parseFloat(n.paddingBottom) || 0, o = G.value * r + i + a, s = O.value;
+			if (s && K()) {
+				let n = window.getComputedStyle(s), c = [k.value, A.value].filter((e) => e !== null), l = X(n.paddingTop) + X(n.paddingBottom) + X(n.borderTopWidth) + X(n.borderBottomWidth) + c.length * X(n.rowGap), u = l + c.reduce((e, t) => e + t.scrollHeight, 0), d = t.minHeight ?? o + u, f = t.maxHeight ?? (t.maxRows === void 0 ? 0 : t.maxRows * r + i + a + u), p = r + i + a;
+				if (f > 0 && f < Math.max(d, l + p)) throw RangeError(`STextarea: maxHeight=${f} не вмещает minimumHeight=${d} и редактируемую строку с surface chrome=${l}. / STextarea: maxHeight=${f} cannot fit minimumHeight=${d} and an editable line with surface chrome=${l}.`);
+				e.style.height = "auto";
+				let m = S.disabled || e.value.length === 0 ? o : e.scrollHeight, h = Math.max(d, m + u), g = f > 0 ? Math.min(f, h) : h, _ = Math.max(p, g - u);
+				s.style.height = `${g}px`, e.style.height = `${_}px`, e.style.overflowY = m > _ ? "auto" : "hidden";
+				return;
+			}
+			let c = t.minHeight ?? o, l = t.maxHeight ?? (t.maxRows === void 0 ? 0 : t.maxRows * r + i + a);
+			if (l > 0 && l < c) throw RangeError(`STextarea: вычисленный maxHeight=${l} меньше minimumHeight=${c}. / STextarea: resolved maxHeight=${l} is below minimumHeight=${c}.`);
+			if (S.disabled || S.modelValue === null || S.modelValue.length === 0) {
+				e.style.height = `${c}px`, e.style.overflowY = "hidden";
+				return;
+			}
+			e.style.height = "auto";
+			let u = e.scrollHeight;
+			if (l > 0 && u > l) {
+				e.style.height = `${l}px`, e.style.overflowY = "auto";
+				return;
+			}
+			e.style.height = `${Math.max(c, u)}px`, e.style.overflowY = "hidden";
+		}
+		function X(e) {
+			return Number.parseFloat(e) || 0;
+		}
+		function Z() {
+			z && !B && R === null && (R = window.requestAnimationFrame(() => {
+				R = null, z && !B && Y();
 			}));
 		}
-		function Ee() {
+		function tt() {
 			D.value?.focus();
 		}
-		function X(e) {
+		function Q(e) {
 			let t = D.value;
-			if (!t) throw Error(`STextarea: textarea не готова для ${e}; дождитесь mount. / STextarea: textarea is not ready for ${e}; wait for mount.`);
+			if (!t || B) throw Error(`STextarea: textarea не готова для ${e}; дождитесь mount. / STextarea: textarea is not ready for ${e}; wait for mount.`);
 			return t;
 		}
-		function Z(e, t, n) {
-			return i("STextarea", n, e, {
+		function $(e, t, r) {
+			return n("STextarea", r, e, {
 				minimum: 0,
 				maximum: t
 			});
 		}
-		function De() {
-			let e = X("getSelectionOffset");
-			return Z(e.selectionStart, e.value.length, "getSelectionOffset");
+		function nt() {
+			let e = Q("getSelectionOffset");
+			return $(e.selectionStart, e.value.length, "getSelectionOffset");
 		}
-		function Oe() {
-			return W(X("getSelection"), "getSelection");
+		function rt() {
+			return q(Q("getSelection"), "getSelection");
 		}
-		function Q(e, t, n) {
+		function it(e, t, n) {
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError(`STextarea: ${n} должен быть selection object. / STextarea: ${n} must be a selection object.`);
-			let r = Z(e.start, t, `${n}.start`), i = Z(e.end, t, `${n}.end`);
+			let r = $(e.start, t, `${n}.start`), i = $(e.end, t, `${n}.end`);
 			if (i < r) throw RangeError(`STextarea: ${n}.end=${i} меньше ${n}.start=${r}.`);
 			return {
 				start: r,
 				end: i,
-				direction: s("STextarea", `${n}.direction`, e.direction, S)
+				direction: a("STextarea", `${n}.direction`, e.direction, we)
 			};
 		}
-		function ke(e, t = !0) {
-			let n = X("setSelection"), r = Q(e, n.value.length, "setSelection");
-			t && n.focus(), n.setSelectionRange(r.start, r.end, r.direction), w("selection-change", r), G(n);
+		function at(e, t = !0) {
+			let n = Q("setSelection"), r = it(e, n.value.length, "setSelection");
+			t && n.focus(), n.setSelectionRange(r.start, r.end, r.direction), C("selection-change", r), J(n);
 		}
-		function Ae(e) {
-			let t = X("setSelectionOffset"), n = Z(e, t.value.length, "setSelectionOffset");
+		function ot(e = !0) {
+			let n = t("STextarea", "selectAll.focusOwner", e);
+			at({
+				start: 0,
+				end: Q("selectAll").value.length,
+				direction: "forward"
+			}, n);
+		}
+		function st(e) {
+			let t = Q("setSelectionOffset"), n = $(e, t.value.length, "setSelectionOffset");
 			t.focus(), t.setSelectionRange(n, n);
 		}
-		function $(e, t = {}) {
-			let n = X("replaceSelection");
-			if (C.disabled || C.readonly) throw Error("STextarea: replaceSelection недоступен для disabled/readonly поля. / STextarea: replaceSelection is unavailable for a disabled/readonly field.");
-			if (O.value) throw Error("STextarea: replaceSelection недоступен во время IME composition. / STextarea: replaceSelection is unavailable during IME composition.");
+		function ct(e, t = {}) {
+			let n = Q("replaceSelection");
+			if (S.disabled || S.readonly) throw Error("STextarea: replaceSelection недоступен для disabled/readonly поля. / STextarea: replaceSelection is unavailable for a disabled/readonly field.");
+			if (j.value) throw Error("STextarea: replaceSelection недоступен во время IME composition. / STextarea: replaceSelection is unavailable during IME composition.");
 			if (typeof e != "string") throw TypeError("STextarea: replaceSelection text должен быть строкой. / STextarea: replaceSelection text must be a string.");
-			let r = t.selection === void 0 ? W(n, "replaceSelection") : Q(t.selection, n.value.length, "replaceSelection.selection"), i = s("STextarea", "replaceSelection.selectionMode", t.selectionMode ?? "end", pe);
+			let r = t.selection === void 0 ? q(n, "replaceSelection") : it(t.selection, n.value.length, "replaceSelection.selection"), i = a("STextarea", "replaceSelection.selectionMode", t.selectionMode ?? "end", Te);
 			(t.focus ?? !0) && n.focus();
-			let a = K(n, "replaceSelection before");
+			let o = Ue(n, "replaceSelection before");
 			n.setRangeText(e, r.start, r.end, i);
-			let o = K(n, "replaceSelection after");
-			P.push({
-				before: a,
-				after: o
-			}), P.length > v && P.shift(), F.splice(0), N = !0;
+			let s = Ue(n, "replaceSelection after");
+			H.push({
+				before: o,
+				after: s
+			}), H.length > he && H.shift(), U.splice(0), V = !0;
 			try {
 				n.dispatchEvent(new InputEvent("input", {
 					bubbles: !0,
@@ -303,104 +401,152 @@ var se = [
 					inputType: "insertReplacementText"
 				}));
 			} finally {
-				N = !1;
+				V = !1;
 			}
-			w("selection-change", o.selection);
-			let c = o.selection;
+			C("selection-change", s.selection);
+			let c = s.selection;
 			return {
 				text: n.value,
 				cursor: c.start,
 				selection: c,
-				composing: O.value
+				composing: j.value
 			};
 		}
-		function je() {
-			C.disabled || C.readonly || $("\n");
-		}
-		return y({
-			focus: Ee,
-			getSelection: Oe,
-			getSelectionOffset: De,
-			insertSoftLineBreak: je,
-			replaceSelection: $,
-			resize: J,
-			setSelection: ke,
-			setSelectionOffset: Ae
+		function lt() {
+			S.disabled || S.readonly || ct("\n");
+		}
+		ge({
+			focus: tt,
+			getSelection: rt,
+			getSelectionOffset: nt,
+			insertSoftLineBreak: lt,
+			replaceSelection: ct,
+			resize: Y,
+			selectAll: ot,
+			setSelection: at,
+			setSelectionOffset: st
 		}), ie(() => {
-			J(), A = D.value?.parentElement ?? null, typeof ResizeObserver < "u" && A && (k = new ResizeObserver((e) => {
-				let t = e.find((e) => e.target === A);
-				if (!t) return;
-				let n = t.contentRect.width;
-				n !== j && (j = n, Y());
-			}), k.observe(A));
-		}), g(() => [
-			C.modelValue,
-			C.disabled,
-			C.rows,
-			C.maxRows,
-			C.minHeight,
-			C.maxHeight
+			z = !0, Y();
+			let e = D.value, t = document.fonts;
+			t && (Ae = t, t.addEventListener("loadingdone", Z), t.ready.then(Z)), F = K() ? O.value : e?.parentElement?.parentElement ?? null, typeof ResizeObserver < "u" && F && (P = new ResizeObserver((e) => {
+				let t = e.find((e) => e.target === F), n = !1;
+				t && t.contentRect.width !== I && (I = t.contentRect.width, n = !0);
+				let r = e.find((e) => e.target === D.value);
+				r && r.contentRect.width !== ke && (ke = r.contentRect.width, n = !0);
+				for (let t of e) {
+					if (!(t.target instanceof HTMLElement) || !L.has(t.target)) continue;
+					let e = t.contentRect.height;
+					e !== L.get(t.target) && (L.set(t.target, e), n = !0);
+				}
+				n && Z();
+			}), P.observe(F), e && e !== F && P.observe(e), ut());
+		});
+		function ut() {
+			if (!P) return;
+			let e = [k.value, A.value].filter((e) => e !== null);
+			for (let t of L.keys()) e.includes(t) || (P.unobserve(t), L.delete(t));
+			for (let t of e) L.has(t) || (L.set(t, t.getBoundingClientRect().height), P.observe(t));
+		}
+		return ae(() => {
+			let e = K() ? O.value : D.value?.parentElement?.parentElement ?? null;
+			P && e && e !== F && (F && P.unobserve(F), F = e, I = null, P.observe(e)), ut(), K() && Z();
+		}), le(() => [
+			S.modelValue,
+			S.disabled,
+			S.rows,
+			S.maxRows,
+			S.minHeight,
+			S.maxHeight,
+			S.autoResize,
+			S.size,
+			S.appearance,
+			S.monospace
 		], () => {
-			p(Y);
-		}), g(() => C.modelValue, (e) => {
+			M.value = null, v(Z);
+		}), le(() => S.modelValue, (e) => {
+			N.value = e ?? "";
 			let t = D.value;
-			t && t.value !== (e ?? "") && (P.splice(0), F.splice(0));
+			t && t.value !== (e ?? "") && (H.splice(0), U.splice(0));
 		}), re(() => {
-			M !== null && window.cancelAnimationFrame(M), k?.disconnect(), k = null, A = null, P.splice(0), F.splice(0);
-		}), (t, n) => (ae(), d(l, {
+			z = !1, B = !0, M.value = null, R !== null && window.cancelAnimationFrame(R), R = null, Ae?.removeEventListener("loadingdone", Z), Ae = null, P?.disconnect(), P = null, F = null, ke = null, L.clear(), H.splice(0), U.splice(0);
+		}), (e, t) => (y(), p(l, {
 			"control-id": E.value,
-			label: f.label,
-			required: f.required,
-			"help-text": f.helpText,
-			"error-message": f.errorMessage,
-			invalid: f.invalid,
-			disabled: f.disabled,
-			readonly: f.readonly,
-			fill: I.value === "ghost" ? "container" : "content"
+			label: _.label,
+			required: _.required,
+			"help-text": _.helpText,
+			"error-message": _.errorMessage,
+			invalid: _.invalid,
+			disabled: _.disabled,
+			readonly: _.readonly,
+			fill: W.value === "ghost" ? "container" : "content"
 		}, {
-			default: _((t) => [te("textarea", ne({
-				...h(T).bindings(),
-				...he(t)
-			}, {
-				id: E.value,
-				ref_key: "textareaRef",
-				ref: D,
-				class: "s-textarea",
-				"data-appearance": I.value,
-				"data-size": L.value,
-				"data-monospace": f.monospace || void 0,
-				"data-auto-resize": U.value.mode === "content" || void 0,
-				"data-max-rows": z.value,
-				"data-min-height": B.value,
-				"data-max-height": V.value,
-				"data-invalid": t.invalid || void 0,
-				value: f.modelValue,
-				placeholder: f.placeholder,
-				disabled: t.disabled,
-				readonly: t.readonly,
-				required: t.required,
-				"aria-invalid": t.invalid || void 0,
-				"aria-required": t.required || void 0,
-				"aria-readonly": t.readonly || void 0,
-				"aria-describedby": h(e)(h(T).string("aria-describedby"), t.describedBy),
-				"aria-controls": H.value?.controls,
-				"aria-activedescendant": H.value?.activeDescendant,
-				"aria-autocomplete": H.value?.autocomplete,
-				"aria-haspopup": H.value?.popupRole,
-				rows: R.value,
-				onInput: ge,
-				onKeydown: ye,
-				onKeyup: be,
-				onClick: xe,
-				onFocus: n[0] ||= (e) => w("focus", e),
-				onBlur: n[1] ||= (e) => w("blur", e),
-				onSelect: Se,
-				onPaste: n[2] ||= (e) => w("paste", e),
-				onCompositionstart: Ce,
-				onCompositionupdate: we,
-				onCompositionend: Te
-			}), null, 16, se)]),
-			_: 1
+			default: ue((n) => [g("div", te({
+				ref_key: "surfaceRef",
+				ref: O
+			}, K() ? Be(n) : {}, {
+				class: "s-textarea__surface",
+				"data-content-slots": K() || void 0,
+				"data-appearance": K() ? W.value : void 0,
+				"data-size": K() ? je.value : void 0
+			}), [
+				g("textarea", te({
+					...x(T).bindings(),
+					...ze(n),
+					...Le()
+				}, {
+					id: E.value,
+					ref_key: "textareaRef",
+					ref: D,
+					class: "s-textarea",
+					"data-appearance": W.value,
+					"data-size": je.value,
+					"data-monospace": _.monospace || void 0,
+					"data-auto-resize": Re.value.mode === "content" || void 0,
+					"data-max-rows": Ne.value,
+					"data-min-height": Pe.value,
+					"data-max-height": Fe.value,
+					"data-invalid": n.invalid || void 0,
+					"data-embedded": K() || void 0,
+					value: N.value,
+					placeholder: _.placeholder,
+					disabled: n.disabled,
+					readonly: n.readonly,
+					required: n.required,
+					minlength: Me.value.minLength,
+					maxlength: Me.value.maxLength,
+					"aria-invalid": n.invalid || void 0,
+					"aria-required": n.required || void 0,
+					"aria-readonly": n.readonly || void 0,
+					"aria-describedby": x(o)(x(T).string("aria-describedby"), n.describedBy, w["helper-content"] ? De.value : void 0),
+					rows: G.value,
+					onInput: He,
+					onKeydown: qe,
+					onKeyup: Je,
+					onClick: Ye,
+					onFocus: t[0] ||= (e) => C("focus", e),
+					onBlur: t[1] ||= (e) => C("blur", e),
+					onSelect: Xe,
+					onPaste: t[2] ||= (e) => C("paste", e),
+					onCompositionstart: Ze,
+					onCompositionupdate: Qe,
+					onCompositionend: $e
+				}), null, 16, fe),
+				w["empty-content"] && Oe.value ? (y(), h("div", pe, [g("div", {
+					ref_key: "emptyContentRef",
+					ref: k,
+					class: "s-textarea__supporting-content"
+				}, [oe(e.$slots, "empty-content", ne(ee(Ve(n))))], 512)])) : m("", !0),
+				w["helper-content"] ? (y(), h("div", {
+					key: 1,
+					id: De.value,
+					class: "s-textarea__helper-content"
+				}, [g("div", {
+					ref_key: "helperContentRef",
+					ref: A,
+					class: "s-textarea__supporting-content"
+				}, [oe(e.$slots, "helper-content", ne(ee(Ve(n))))], 512)], 8, me)) : m("", !0)
+			], 16, de)]),
+			_: 3
 		}, 8, [
 			"control-id",
 			"label",
@@ -415,4 +561,4 @@ var se = [
 	}
 });
 //#endregion
-export { y as default };
+export { ge as default };