@pgcorp/ui-kit 0.13.0 → 0.15.0

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

@@ -1,12 +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 { resolveTextLengthConstraints as te } from "../../../internal/textLengthConstraints.js";
-import { computed as u, createBlock as ne, createElementVNode as re, defineComponent as d, mergeProps as ie, nextTick as f, onBeforeUnmount as ae, onMounted as oe, openBlock as se, ref as p, unref as m, useId as ce, watch as h, withCtx as le } 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 ue = [
+var de = [
+	"data-content-slots",
+	"data-appearance",
+	"data-size"
+], fe = [
 	"id",
 	"data-appearance",
 	"data-size",
@@ -16,6 +20,7 @@ var ue = [
 	"data-min-height",
 	"data-max-height",
 	"data-invalid",
+	"data-embedded",
 	"value",
 	"placeholder",
 	"disabled",
@@ -27,12 +32,11 @@ var ue = [
 	"aria-required",
 	"aria-readonly",
 	"aria-describedby",
-	"aria-controls",
-	"aria-activedescendant",
-	"aria-autocomplete",
-	"aria-haspopup",
 	"rows"
-], g = 100, _ = /*@__PURE__*/ d({
+], pe = {
+	key: 0,
+	class: "s-textarea__empty-content"
+}, me = ["id"], he = 100, ge = /*@__PURE__*/ _({
 	inheritAttrs: !1,
 	__name: "STextarea",
 	props: {
@@ -90,216 +94,305 @@ var ue = [
 		"selection-change",
 		"state-change"
 	],
-	setup(d, { expose: _, emit: de }) {
-		let fe = ["default", "ghost"], pe = [
+	setup(_, { expose: ge, emit: _e }) {
+		let ve = ["default", "ghost"], ye = [
 			"sm",
 			"md",
 			"lg"
-		], v = {
+		], be = {
 			minimum: 1,
 			maximum: 100
-		}, y = {
+		}, xe = {
 			minimum: 1,
 			maximum: 4096
-		}, me = [
+		}, Se = [
 			"list",
 			"both",
 			"inline",
 			"none"
-		], he = [
+		], Ce = [
 			"listbox",
 			"grid",
 			"tree",
 			"dialog"
-		], b = [
+		], we = [
 			"forward",
 			"backward",
 			"none"
-		], ge = [
+		], Te = [
 			"select",
 			"start",
 			"end",
 			"preserve"
-		], x = d, S = de, C = t({
+		], S = _, C = _e, w = ce(), T = s({
 			component: "STextarea",
 			owner: "native textarea"
 		});
 		c({ owner: "STextarea" });
-		let _e = ce(), w = u(() => n("STextarea", "id", x.id, `s-textarea-${_e}`)), T = p(null), E = p(!1), D = null, O = null, k = null, A = null, j = !1, M = [], N = [], P = u(() => s("STextarea", "appearance", x.appearance, fe)), F = u(() => s("STextarea", "size", x.size, pe)), I = u(() => i("STextarea", "rows", x.rows, v)), L = u(() => te("STextarea", x.minLength, x.maxLength)), R = u(() => x.maxRows === void 0 ? void 0 : i("STextarea", "maxRows", x.maxRows, v)), z = u(() => x.minHeight === void 0 ? void 0 : a("STextarea", "minHeight", x.minHeight, y)), B = u(() => x.maxHeight === void 0 ? void 0 : a("STextarea", "maxHeight", x.maxHeight, y)), V = u(() => {
-			if (x.suggestions === void 0) return;
-			if (x.suggestions === null || typeof x.suggestions != "object" || Array.isArray(x.suggestions)) throw TypeError("STextarea: suggestions должен быть объектом. / STextarea: suggestions must be an object.");
-			let e = x.suggestions.activeDescendant === void 0 ? void 0 : o("STextarea", "suggestions.activeDescendant", x.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", x.suggestions.controls),
+				controls: i("STextarea", "suggestions.controls", S.suggestions.controls),
+				active: n,
 				activeDescendant: e,
-				autocomplete: s("STextarea", "suggestions.autocomplete", x.suggestions.autocomplete ?? "list", me),
-				popupRole: s("STextarea", "suggestions.popupRole", x.suggestions.popupRole ?? "listbox", he)
+				autocomplete: a("STextarea", "suggestions.autocomplete", S.suggestions.autocomplete ?? "list", Se),
+				popupRole: a("STextarea", "suggestions.popupRole", S.suggestions.popupRole ?? "listbox", Ce)
 			};
-		}), H = u(() => {
-			let e = r("STextarea", "autoResize", x.autoResize), t = R.value, n = z.value, i = B.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 < I.value) throw TypeError(`STextarea: maxRows не может быть меньше rows; получено rows=${I.value}, maxRows=${t}. / STextarea: maxRows cannot be less than rows; received rows=${I.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 ve(e) {
-			return ee("STextarea", {
+		function ze(e) {
+			return u("STextarea", {
 				kind: "textarea",
-				appearance: P.value === "default" ? "field" : "ghost",
+				appearance: K() ? "embedded" : W.value === "default" ? "field" : "ghost",
 				invalid: e.invalid,
 				disabled: e.disabled,
 				readonly: e.readonly
 			});
 		}
-		function U(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", b)
+				direction: a("STextarea", `${t} selectionDirection`, e.selectionDirection ?? "none", we)
 			};
 		}
-		function W(e) {
-			let t = U(e, "state-change");
-			S("state-change", {
+		function J(e) {
+			let t = q(e, "state-change");
+			C("state-change", {
 				text: e.value,
 				cursor: t.start,
 				selection: t,
-				composing: E.value
+				composing: j.value
 			});
 		}
-		function ye(e) {
-			let t = e.target, n = e instanceof InputEvent ? e.inputType : "";
-			!j && n !== "historyUndo" && n !== "historyRedo" && N.splice(0), S("update:modelValue", t.value), W(t), f(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 G(e, t) {
+		function Ue(e, t) {
 			return {
 				text: e.value,
-				selection: U(e, t)
+				selection: q(e, t)
 			};
 		}
-		function K(e, t) {
-			e.value = t.text, e.focus(), e.setSelectionRange(t.selection.start, t.selection.end, t.selection.direction), S("update:modelValue", t.text), S("selection-change", t.selection), W(e), f(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 q(e, t) {
+		function Ge(e, t) {
 			return e.value === t.text;
 		}
-		function be(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 ? M : N, o = a[a.length - 1], s = r ? o?.after : o?.before;
-			return !o || !s || !q(t, s) ? !1 : (e.preventDefault(), a.pop(), r ? (N.push(o), K(t, o.before)) : (M.push(o), K(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 xe(e) {
-			S("keydown", e), !(e.defaultPrevented || E.value || x.disabled || x.readonly) && be(e, e.currentTarget);
+		function qe(e) {
+			C("keydown", e), !(e.defaultPrevented || j.value || S.disabled || S.readonly) && Ke(e, e.currentTarget);
 		}
-		function Se(e) {
-			S("keyup", e), W(e.currentTarget);
+		function Je(e) {
+			C("keyup", e), J(e.currentTarget);
 		}
-		function Ce(e) {
-			S("click", e), W(e.currentTarget);
+		function Ye(e) {
+			C("click", e), J(e.currentTarget);
 		}
-		function we(e) {
-			let t = e.currentTarget, n = U(t, "selection-change");
-			S("selection-change", n), W(t);
+		function Xe(e) {
+			let t = e.currentTarget, n = q(t, "selection-change");
+			C("selection-change", n), J(t);
 		}
-		function Te(e) {
-			E.value = !0, S("compositionstart", e), W(e.currentTarget);
+		function Ze(e) {
+			j.value = !0, M.value = null, C("compositionstart", e), J(e.currentTarget), v(Z);
 		}
-		function Ee(e) {
-			S("compositionupdate", e), W(e.currentTarget);
+		function Qe(e) {
+			M.value = null, C("compositionupdate", e), J(e.currentTarget), v(Z);
 		}
-		function De(e) {
-			E.value = !1, S("compositionend", e), W(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 = T.value, t = H.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 = I.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 (x.disabled || x.modelValue === null || x.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() {
-			A === null && H.value.mode !== "fixed" && (A = window.requestAnimationFrame(() => {
-				A = 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 Oe() {
-			T.value?.focus();
+		function tt() {
+			D.value?.focus();
 		}
-		function X(e) {
-			let t = T.value;
-			if (!t) throw Error(`STextarea: textarea не готова для ${e}; дождитесь mount. / STextarea: textarea is not ready for ${e}; wait for mount.`);
+		function Q(e) {
+			let t = D.value;
+			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 ke() {
-			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 Ae() {
-			return U(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, b)
+				direction: a("STextarea", `${n}.direction`, e.direction, we)
 			};
 		}
-		function je(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), S("selection-change", r), W(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 Me(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 (x.disabled || x.readonly) throw Error("STextarea: replaceSelection недоступен для disabled/readonly поля. / STextarea: replaceSelection is unavailable for a disabled/readonly field.");
-			if (E.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 ? U(n, "replaceSelection") : Q(t.selection, n.value.length, "replaceSelection.selection"), i = s("STextarea", "replaceSelection.selectionMode", t.selectionMode ?? "end", ge);
+			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 = G(n, "replaceSelection before");
+			let o = Ue(n, "replaceSelection before");
 			n.setRangeText(e, r.start, r.end, i);
-			let o = G(n, "replaceSelection after");
-			M.push({
-				before: a,
-				after: o
-			}), M.length > g && M.shift(), N.splice(0), j = !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,
@@ -308,106 +401,152 @@ var ue = [
 					inputType: "insertReplacementText"
 				}));
 			} finally {
-				j = !1;
+				V = !1;
 			}
-			S("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: E.value
+				composing: j.value
 			};
 		}
-		function Ne() {
-			x.disabled || x.readonly || $("\n");
-		}
-		return _({
-			focus: Oe,
-			getSelection: Ae,
-			getSelectionOffset: ke,
-			insertSoftLineBreak: Ne,
-			replaceSelection: $,
-			resize: J,
-			setSelection: je,
-			setSelectionOffset: Me
-		}), oe(() => {
-			J(), O = T.value?.parentElement ?? null, typeof ResizeObserver < "u" && O && (D = new ResizeObserver((e) => {
-				let t = e.find((e) => e.target === O);
-				if (!t) return;
-				let n = t.contentRect.width;
-				n !== k && (k = n, Y());
-			}), D.observe(O));
-		}), h(() => [
-			x.modelValue,
-			x.disabled,
-			x.rows,
-			x.maxRows,
-			x.minHeight,
-			x.maxHeight
+		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(() => {
+			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
 		], () => {
-			f(Y);
-		}), h(() => x.modelValue, (e) => {
-			let t = T.value;
-			t && t.value !== (e ?? "") && (M.splice(0), N.splice(0));
-		}), ae(() => {
-			A !== null && window.cancelAnimationFrame(A), D?.disconnect(), D = null, O = null, M.splice(0), N.splice(0);
-		}), (t, n) => (se(), ne(l, {
-			"control-id": w.value,
-			label: d.label,
-			required: d.required,
-			"help-text": d.helpText,
-			"error-message": d.errorMessage,
-			invalid: d.invalid,
-			disabled: d.disabled,
-			readonly: d.readonly,
-			fill: P.value === "ghost" ? "container" : "content"
+			M.value = null, v(Z);
+		}), le(() => S.modelValue, (e) => {
+			N.value = e ?? "";
+			let t = D.value;
+			t && t.value !== (e ?? "") && (H.splice(0), U.splice(0));
+		}), re(() => {
+			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: _.label,
+			required: _.required,
+			"help-text": _.helpText,
+			"error-message": _.errorMessage,
+			invalid: _.invalid,
+			disabled: _.disabled,
+			readonly: _.readonly,
+			fill: W.value === "ghost" ? "container" : "content"
 		}, {
-			default: le((t) => [re("textarea", ie({
-				...m(C).bindings(),
-				...ve(t)
-			}, {
-				id: w.value,
-				ref_key: "textareaRef",
-				ref: T,
-				class: "s-textarea",
-				"data-appearance": P.value,
-				"data-size": F.value,
-				"data-monospace": d.monospace || void 0,
-				"data-auto-resize": H.value.mode === "content" || void 0,
-				"data-max-rows": R.value,
-				"data-min-height": z.value,
-				"data-max-height": B.value,
-				"data-invalid": t.invalid || void 0,
-				value: d.modelValue,
-				placeholder: d.placeholder,
-				disabled: t.disabled,
-				readonly: t.readonly,
-				required: t.required,
-				minlength: L.value.minLength,
-				maxlength: L.value.maxLength,
-				"aria-invalid": t.invalid || void 0,
-				"aria-required": t.required || void 0,
-				"aria-readonly": t.readonly || void 0,
-				"aria-describedby": m(e)(m(C).string("aria-describedby"), t.describedBy),
-				"aria-controls": V.value?.controls,
-				"aria-activedescendant": V.value?.activeDescendant,
-				"aria-autocomplete": V.value?.autocomplete,
-				"aria-haspopup": V.value?.popupRole,
-				rows: I.value,
-				onInput: ye,
-				onKeydown: xe,
-				onKeyup: Se,
-				onClick: Ce,
-				onFocus: n[0] ||= (e) => S("focus", e),
-				onBlur: n[1] ||= (e) => S("blur", e),
-				onSelect: we,
-				onPaste: n[2] ||= (e) => S("paste", e),
-				onCompositionstart: Te,
-				onCompositionupdate: Ee,
-				onCompositionend: De
-			}), null, 16, ue)]),
-			_: 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",
@@ -422,4 +561,4 @@ var ue = [
 	}
 });
 //#endregion
-export { _ as default };
+export { ge as default };