@qw-ui/core 0.3.0-next.40 → 0.3.0-next.43

package/dist/textarea-qbnruDUG.js

@@ -0,0 +1,775 @@
+import { createMachine } from "@zag-js/core";
+import { compact } from "@zag-js/utils";
+//#region src/textarea/textarea.ts
+const sessions = /* @__PURE__ */ new Map();
+function sessionOf(service) {
+	const id = service.prop("id") ?? "";
+	let session = sessions.get(id);
+	if (!session) {
+		session = {
+			epoch: 0,
+			ticket: 0,
+			ticketSeq: 0,
+			autoApplied: false,
+			writebackQueued: false,
+			service
+		};
+		sessions.set(id, session);
+	}
+	session.service = service;
+	return session;
+}
+function stripUndefined(props) {
+	return Object.fromEntries(Object.entries(props).filter(([, value]) => value !== void 0));
+}
+/** 缺省与非法 rows 收成不小于 1 的整数，缺省 4。 */
+function normalizeRows(rows) {
+	if (typeof rows !== "number" || !Number.isFinite(rows) || rows < 1) return 4;
+	return Math.floor(rows);
+}
+/** 只有 floor 后仍大于 0 的有限数才成为上限或 minlength。 */
+function positiveInt(value) {
+	if (typeof value !== "number" || !Number.isFinite(value)) return void 0;
+	const limit = Math.floor(value);
+	return limit > 0 ? limit : void 0;
+}
+/**
+* 有效行数上限。非法 maxRows 表示不封顶。
+* 小于已规范化的 rows 时抬到 rows，避免高度缩到下限以下。
+*/
+function effectiveRowCap(rows, maxRows) {
+	const max = positiveInt(maxRows);
+	if (max === void 0) return void 0;
+	return Math.max(rows, max);
+}
+/** show-actions 只有显式 false / "false" 才关闭。 */
+function showActionsEnabled(value) {
+	return value !== false && value !== "false";
+}
+/**
+* 决议 (c) 的唯一落点：显式识别整段替换。
+* 若改为按光标插入，只改这个函数。
+*/
+function recognizedNextValue(text) {
+	return text;
+}
+/**
+* UTF-16 安全截断。maxLength 为空、非有限，或 floor 后不大于 0 时原样返回。
+*/
+function clampUtf16(value, maxLength) {
+	const limitOrNone = positiveInt(maxLength);
+	if (limitOrNone === void 0) return value;
+	let limit = limitOrNone;
+	if (value.length <= limit) return value;
+	const boundary = value.charCodeAt(limit - 1);
+	const next = value.charCodeAt(limit);
+	if (boundary >= 55296 && boundary <= 56319 && next >= 56320 && next <= 57343) limit -= 1;
+	return value.slice(0, Math.max(0, limit));
+}
+function metricsUsable(metrics) {
+	if (!metrics || metrics.visible === false) return false;
+	if (!(metrics.inlineSize > 0) || !(metrics.lineHeight > 0)) return false;
+	return [
+		metrics.scrollHeight,
+		metrics.inlineSize,
+		metrics.lineHeight,
+		metrics.paddingBlockSize,
+		metrics.borderBlockSize
+	].every((value) => typeof value === "number" && Number.isFinite(value));
+}
+/**
+* 自动高度像素。下限是 rows；有效 maxRows 把 border-box 再夹住。
+* 无法度量时返回 undefined，调用方不得写成 0。不读取 DOM。
+*/
+function computeTextAreaHeight(input) {
+	if (!input.autoSize || !metricsUsable(input.metrics)) return void 0;
+	const metrics = input.metrics;
+	const minBorder = input.rows * metrics.lineHeight + metrics.paddingBlockSize + metrics.borderBlockSize;
+	const measuredBorder = metrics.scrollHeight + metrics.borderBlockSize;
+	let borderBox = Math.max(minBorder, measuredBorder);
+	const cap = effectiveRowCap(input.rows, input.maxRows);
+	if (cap !== void 0) {
+		const maxBorder = cap * metrics.lineHeight + metrics.paddingBlockSize + metrics.borderBlockSize;
+		borderBox = Math.min(borderBox, maxBorder);
+	}
+	const height = metrics.boxSizing === "content-box" ? Math.max(0, borderBox - metrics.paddingBlockSize - metrics.borderBlockSize) : borderBox;
+	return Math.ceil(height);
+}
+function readCommitted(service) {
+	const controlled = service.prop("value");
+	return controlled !== void 0 ? controlled : service.context.get("uncontrolled");
+}
+function isControlled(service) {
+	return service.prop("value") !== void 0;
+}
+function guarded(service) {
+	return !!service.prop("disabled") || !!service.prop("readOnly") || !!service.context.get("controlDisabled");
+}
+function defaultValueOf(service) {
+	return service.prop("defaultValue") ?? "";
+}
+function alignDom(service, accepted) {
+	const session = sessionOf(service);
+	const client = session.client;
+	if (!client) return;
+	const shown = readCommitted(service);
+	if (client.readControl().value === shown || !isControlled(service) || shown === accepted) {
+		client.writeValue(shown, defaultValueOf(service));
+		return;
+	}
+	if (session.writebackQueued) return;
+	session.writebackQueued = true;
+	const epoch = session.epoch;
+	queueMicrotask(() => {
+		session.writebackQueued = false;
+		if (session.epoch !== epoch || !session.client || service.context.get("composing")) return;
+		session.client.writeValue(readCommitted(service), defaultValueOf(service));
+	});
+}
+function syncHeight(service) {
+	const session = sessionOf(service);
+	const client = session.client;
+	if (!client) return;
+	if (!!!service.prop("autoSize")) {
+		if (session.autoApplied) client.writeHeight(void 0);
+		session.autoApplied = false;
+		return;
+	}
+	session.autoApplied = true;
+	const height = computeTextAreaHeight({
+		autoSize: true,
+		rows: normalizeRows(service.prop("rows")),
+		maxRows: service.prop("maxRows"),
+		metrics: client.measureIntrinsic()
+	});
+	if (typeof height === "number") client.writeHeight(height);
+}
+function publish(service, raw, source) {
+	if (source !== "reset" && guarded(service)) {
+		const current = readCommitted(service);
+		alignDom(service, current);
+		return current;
+	}
+	const accepted = clampUtf16(source === "paste" ? recognizedNextValue(raw) : raw, service.prop("maxLength"));
+	const changed = accepted !== readCommitted(service);
+	if (!isControlled(service) && changed) service.context.set("uncontrolled", accepted);
+	if (changed) {
+		service.prop("onChange")?.(accepted);
+		service.prop("onTextareaValue")?.({ value: accepted });
+		service.prop("onTextareaChange")?.({ value: accepted });
+	}
+	alignDom(service, accepted);
+	return accepted;
+}
+/**
+* 决议 (b) 的唯一落点：失败只走 onPasteError / textarea-paste，不调用 onPasteRecognize。
+*/
+function reportPasteFailure(service, reason) {
+	service.prop("onPasteError")?.(reason);
+	service.prop("onTextareaPaste")?.({
+		value: readCommitted(service),
+		status: "unavailable",
+		reason
+	});
+}
+function clipboardFailure(error) {
+	if (error && typeof error === "object" && "reason" in error) {
+		const reason = error.reason;
+		if (reason === "unsupported" || reason === "denied" || reason === "aborted") return reason;
+	}
+	return "denied";
+}
+/** 后续编辑、清空、重置或新的显式替换使进行中的读取变为 stale。不推进 epoch，避免打断受控写回。 */
+function invalidateClipboardTicket(session) {
+	session.ticket = ++session.ticketSeq;
+}
+function edit(service, event) {
+	const session = sessionOf(service);
+	invalidateClipboardTicket(session);
+	if (event.type === "composition-start" || event.type === "composition-update" || event.type === "input" && service.context.get("composing")) {
+		service.context.set("composing", true);
+		service.context.set("draft", event.value);
+		return;
+	}
+	if (event.type === "composition-end") {
+		const accepted = publish(service, event.value, "input");
+		service.context.set("composing", false);
+		service.context.set("draft", "");
+		session.suppressRaw = event.value;
+		session.suppressAccepted = accepted;
+		return;
+	}
+	if (session.suppressRaw !== void 0 || session.suppressAccepted !== void 0) {
+		const raw = session.suppressRaw;
+		const accepted = session.suppressAccepted;
+		session.suppressRaw = void 0;
+		session.suppressAccepted = void 0;
+		if (event.value === raw || event.value === accepted) return;
+	}
+	publish(service, event.value, "input");
+}
+function clearValue(service) {
+	if (guarded(service)) {
+		alignDom(service, readCommitted(service));
+		return;
+	}
+	invalidateClipboardTicket(sessionOf(service));
+	publish(service, "", "clear");
+	service.prop("onClear")?.();
+	service.prop("onTextareaClear")?.({ value: "" });
+}
+function pasteRecognize(service, explicit) {
+	if (guarded(service)) return;
+	if (typeof explicit === "string") {
+		invalidateClipboardTicket(sessionOf(service));
+		const accepted = publish(service, explicit, "paste");
+		service.prop("onPasteRecognize")?.(accepted);
+		service.prop("onTextareaPaste")?.({
+			value: accepted,
+			status: "accepted"
+		});
+		return;
+	}
+	const session = sessionOf(service);
+	const client = session.client;
+	if (!client) {
+		reportPasteFailure(service, "unsupported");
+		return;
+	}
+	const epoch = session.epoch;
+	const ticket = ++session.ticketSeq;
+	session.ticket = ticket;
+	client.readClipboardText().then((text) => {
+		if (session.epoch !== epoch || session.ticket !== ticket || guarded(service)) {
+			reportPasteFailure(service, "stale");
+			return;
+		}
+		const accepted = publish(service, text, "paste");
+		service.prop("onPasteRecognize")?.(accepted);
+		service.prop("onTextareaPaste")?.({
+			value: accepted,
+			status: "accepted"
+		});
+	}, (error) => {
+		if (session.epoch !== epoch || session.ticket !== ticket) {
+			reportPasteFailure(service, "stale");
+			return;
+		}
+		reportPasteFailure(service, clipboardFailure(error));
+	});
+}
+function focusChanged(service, focused) {
+	if (service.context.get("focused") === focused) return;
+	service.context.set("focused", focused);
+	if (focused) service.prop("onFocus")?.();
+	else service.prop("onBlur")?.();
+	service.prop("onTextareaFocus")?.({ focused });
+}
+function resetValue(service, notice) {
+	if (notice.defaultPrevented) return;
+	invalidateClipboardTicket(sessionOf(service));
+	publish(service, service.prop("defaultValue") ?? "", "reset");
+}
+function project(service) {
+	const client = sessionOf(service).client;
+	if (!client) return;
+	service.context.set("controlDisabled", client.readControl().disabled);
+	if (!service.context.get("composing")) client.writeValue(readCommitted(service), defaultValueOf(service));
+	syncHeight(service);
+}
+function sinkFor(service) {
+	const session = sessionOf(service);
+	if (session.sink) return session.sink;
+	const live = () => session.service ?? service;
+	const sink = {
+		commit(client) {
+			const current = live();
+			session.client = client;
+			session.epoch += 1;
+			session.suppressRaw = void 0;
+			session.suppressAccepted = void 0;
+			current.context.set("controlDisabled", client.readControl().disabled);
+			if (!current.context.get("composing")) client.writeValue(readCommitted(current), defaultValueOf(current));
+			syncHeight(current);
+		},
+		changed() {
+			const current = live();
+			const client = session.client;
+			if (!client) return;
+			current.context.set("controlDisabled", client.readControl().disabled);
+			syncHeight(current);
+		},
+		edit(event) {
+			edit(live(), event);
+		},
+		focusChanged(focused) {
+			focusChanged(live(), focused);
+		},
+		reset(notice) {
+			resetValue(live(), notice);
+		},
+		detach() {
+			session.epoch += 1;
+			session.client = void 0;
+			session.autoApplied = false;
+		}
+	};
+	session.sink = sink;
+	return sink;
+}
+/**
+* TextArea zag.js machine。
+* 值、草稿、ticket 与高度结论都在这里；没有第二份 value watcher。
+*/
+const machine = createMachine({
+	props({ props }) {
+		return {
+			...stripUndefined(props),
+			defaultValue: props.defaultValue ?? "",
+			disabled: !!props.disabled,
+			readOnly: !!props.readOnly,
+			showActions: showActionsEnabled(props.showActions),
+			autoSize: !!props.autoSize,
+			rows: normalizeRows(props.rows),
+			clearLabel: props.clearLabel ?? "清除内容",
+			pasteLabel: props.pasteLabel ?? "粘贴并识别",
+			clearText: props.clearText ?? "一键清除",
+			pasteText: props.pasteText ?? "粘贴并识别"
+		};
+	},
+	initialState() {
+		return "idle";
+	},
+	context({ bindable, prop }) {
+		return {
+			uncontrolled: bindable(() => ({ defaultValue: prop("defaultValue") ?? "" })),
+			focused: bindable(() => ({ defaultValue: false })),
+			composing: bindable(() => ({ defaultValue: false })),
+			draft: bindable(() => ({ defaultValue: "" })),
+			controlDisabled: bindable(() => ({ defaultValue: false }))
+		};
+	},
+	computed: {
+		charCount({ context, prop }) {
+			if (context.get("composing")) return context.get("draft").length;
+			const controlled = prop("value");
+			return (controlled !== void 0 ? controlled : context.get("uncontrolled")).length;
+		},
+		hasMaxLength({ prop }) {
+			return positiveInt(prop("maxLength")) !== void 0;
+		},
+		showClear({ context, prop }) {
+			const controlled = prop("value");
+			return (controlled !== void 0 ? controlled : context.get("uncontrolled")).length > 0 && !prop("disabled") && !prop("readOnly") && !context.get("controlDisabled");
+		}
+	},
+	states: { idle: {} },
+	implementations: { actions: { noop() {} } }
+});
+function describedByValue(service, counterId, hasMaxLength) {
+	const parts = [service.prop("describedBy"), hasMaxLength ? counterId : void 0].filter((item) => !!item);
+	return parts.length > 0 ? parts.join(" ") : void 0;
+}
+/**
+* connect：把 service 接成 prop-getter。适配层不在这里之外做接受与否的判断。
+*/
+function connect(service, normalizeProps) {
+	sessionOf(service);
+	const { context, computed, prop } = service;
+	const value = readCommitted(service);
+	const composing = !!context.get("composing");
+	const displayValue = composing ? context.get("draft") : value;
+	const focused = !!context.get("focused");
+	const charCount = computed("charCount");
+	const hasMaxLength = !!computed("hasMaxLength");
+	const showClear = !!computed("showClear");
+	const disabled = !!prop("disabled");
+	const readOnly = !!prop("readOnly");
+	const controlDisabled = !!context.get("controlDisabled");
+	const blocked = disabled || readOnly || controlDisabled;
+	const showActions = showActionsEnabled(prop("showActions"));
+	const autoSize = !!prop("autoSize");
+	const limit = positiveInt(prop("maxLength"));
+	const minLength = positiveInt(prop("minLength"));
+	const rows = normalizeRows(prop("rows"));
+	const rowCap = autoSize ? effectiveRowCap(rows, prop("maxRows")) : void 0;
+	const id = prop("id") ?? "";
+	const fieldId = `textarea:${id}:field`;
+	const counterId = `textarea:${id}:counter`;
+	const describedBy = describedByValue(service, counterId, hasMaxLength);
+	const isEmpty = value.length === 0;
+	return {
+		value,
+		displayValue,
+		focused,
+		composing,
+		charCount,
+		hasMaxLength,
+		showClear,
+		limit,
+		showActions,
+		clearText: prop("clearText") ?? "一键清除",
+		pasteText: prop("pasteText") ?? "粘贴并识别",
+		fieldId,
+		counterId,
+		project() {
+			project(service);
+		},
+		getPlatformSink() {
+			return sinkFor(service);
+		},
+		clear() {
+			clearValue(service);
+		},
+		pasteRecognize(explicit) {
+			pasteRecognize(service, explicit);
+		},
+		getRootProps() {
+			return normalizeProps.element(compact({
+				"data-scope": "textarea",
+				"data-part": "root",
+				"data-focused": focused ? "true" : void 0,
+				"data-disabled": disabled || controlDisabled ? "true" : void 0,
+				"data-readonly": readOnly ? "true" : void 0,
+				"data-show-actions": showActions ? "true" : "false",
+				"data-auto-size": autoSize ? "true" : void 0,
+				"data-max-rows": rowCap !== void 0 ? String(rowCap) : void 0,
+				"data-empty": isEmpty ? "true" : "false"
+			}));
+		},
+		getTextareaProps() {
+			return normalizeProps.textarea(compact({
+				id: fieldId,
+				"data-scope": "textarea",
+				"data-part": "textarea",
+				placeholder: prop("placeholder"),
+				disabled: disabled ? true : void 0,
+				readOnly: readOnly ? true : void 0,
+				required: prop("required") ? true : void 0,
+				maxLength: limit,
+				minLength,
+				rows,
+				name: prop("name"),
+				form: prop("form"),
+				"aria-label": prop("accessibleLabel"),
+				"aria-labelledby": prop("labelledBy"),
+				"aria-describedby": describedBy,
+				"aria-invalid": prop("invalid") ? "true" : void 0,
+				"aria-errormessage": prop("errorId"),
+				"aria-disabled": disabled ? "true" : void 0,
+				"aria-readonly": readOnly ? "true" : void 0
+			}));
+		},
+		getBottomBarProps() {
+			return normalizeProps.element(compact({
+				"data-scope": "textarea",
+				"data-part": "bottom-bar",
+				"data-show-actions": showActions ? "true" : "false"
+			}));
+		},
+		getCounterProps() {
+			return normalizeProps.element(compact({
+				id: counterId,
+				"data-scope": "textarea",
+				"data-part": "counter",
+				"data-has-max-length": hasMaxLength ? "true" : void 0,
+				"aria-live": "polite"
+			}));
+		},
+		getClearButtonProps() {
+			return normalizeProps.button(compact({
+				"data-scope": "textarea",
+				"data-part": "clear-button",
+				type: "button",
+				disabled: !showClear || blocked ? true : void 0,
+				"aria-label": prop("clearLabel") ?? "清除内容",
+				onClick() {
+					clearValue(service);
+				}
+			}));
+		},
+		getPasteButtonProps() {
+			return normalizeProps.button(compact({
+				"data-scope": "textarea",
+				"data-part": "paste-button",
+				type: "button",
+				disabled: blocked ? true : void 0,
+				"aria-label": prop("pasteLabel") ?? "粘贴并识别",
+				onClick() {
+					pasteRecognize(service);
+				}
+			}));
+		}
+	};
+}
+/**
+* 把 QwTextAreaProps 转成 machine props（默认值收口）。
+* 缺省文案是 zh-CN；适配层传入的 locale 优先。
+*/
+function createTextAreaProps(props = {}) {
+	return {
+		...stripUndefined(props),
+		defaultValue: props.defaultValue ?? "",
+		disabled: props.disabled ?? false,
+		readOnly: props.readOnly ?? false,
+		showActions: showActionsEnabled(props.showActions),
+		autoSize: props.autoSize ?? false,
+		rows: normalizeRows(props.rows),
+		clearLabel: props.clearLabel ?? "清除内容",
+		pasteLabel: props.pasteLabel ?? "粘贴并识别",
+		clearText: props.clearText ?? "一键清除",
+		pasteText: props.pasteText ?? "粘贴并识别"
+	};
+}
+//#endregion
+//#region src/textarea/platform.ts
+/** 平台拒绝。`stale` 只由 Core 在 ticket 过期时产生。 */
+var TextAreaClipboardReadError = class extends Error {
+	reason;
+	constructor(reason) {
+		super(reason);
+		this.name = "TextAreaClipboardReadError";
+		this.reason = reason;
+	}
+};
+function controlDisabled(target) {
+	return target.matches(":disabled");
+}
+function px(value) {
+	const parsed = Number.parseFloat(value);
+	return Number.isFinite(parsed) ? parsed : NaN;
+}
+function clipboardReason(error) {
+	return (error && typeof error === "object" && "name" in error ? String(error.name) : "") === "AbortError" ? "aborted" : "denied";
+}
+/**
+* 只做 ref 之后的监听、测量和写回。不判断接受、截断或组合。
+* 调用方在 target 与 sink 都可用之后再进入这里。
+*/
+function attachTextAreaPlatform(target, getSink, host) {
+	const sink = getSink();
+	const view = target.ownerDocument.defaultView ?? globalThis;
+	let disposed = false;
+	let form = null;
+	let lastInline = target.getBoundingClientRect().width;
+	let ignoreOwnResize = false;
+	let ignoreToken = 0;
+	let callerCaptured = false;
+	let callerHeight = "";
+	let callerPriority = "";
+	let wroteNumber = false;
+	let lastWritten;
+	let wasIntersecting = target.getClientRects().length > 0;
+	const armIgnore = () => {
+		ignoreOwnResize = true;
+		const token = ++ignoreToken;
+		view.requestAnimationFrame?.(() => {
+			if (!disposed && token === ignoreToken) ignoreOwnResize = false;
+		});
+	};
+	const notify = () => {
+		if (!disposed) sink.changed();
+	};
+	const client = {
+		readControl: () => ({
+			value: target.value,
+			disabled: controlDisabled(target)
+		}),
+		measureIntrinsic() {
+			const previous = target.style.getPropertyValue("height");
+			const priority = target.style.getPropertyPriority("height");
+			armIgnore();
+			target.style.setProperty("height", "auto");
+			try {
+				const style = view.getComputedStyle(target);
+				const rect = target.getBoundingClientRect();
+				return {
+					scrollHeight: target.scrollHeight,
+					inlineSize: rect.width,
+					lineHeight: px(style.lineHeight),
+					paddingBlockSize: px(style.paddingTop) + px(style.paddingBottom),
+					borderBlockSize: px(style.borderTopWidth) + px(style.borderBottomWidth),
+					boxSizing: style.boxSizing === "border-box" ? "border-box" : "content-box",
+					visible: style.display !== "none" && rect.width > 0 && rect.height > 0
+				};
+			} finally {
+				if (previous) target.style.setProperty("height", previous, priority);
+				else target.style.removeProperty("height");
+			}
+		},
+		writeValue(value, defaultValue) {
+			target.defaultValue = defaultValue;
+			host?.trackValue?.(target, value);
+			if (target.value !== value) target.value = value;
+		},
+		writeHeight(height) {
+			if (typeof height === "number" && Number.isFinite(height)) {
+				if (wroteNumber && lastWritten === height) return;
+				if (!callerCaptured) {
+					callerHeight = target.style.getPropertyValue("height");
+					callerPriority = target.style.getPropertyPriority("height");
+					callerCaptured = true;
+				}
+				armIgnore();
+				target.style.setProperty("height", `${height}px`);
+				lastWritten = height;
+				wroteNumber = true;
+				return;
+			}
+			if (!wroteNumber) return;
+			armIgnore();
+			if (callerHeight) target.style.setProperty("height", callerHeight, callerPriority);
+			else target.style.removeProperty("height");
+			callerCaptured = false;
+			wroteNumber = false;
+			lastWritten = void 0;
+		},
+		focus() {
+			target.focus();
+		},
+		blur() {
+			target.blur();
+		},
+		readClipboardText() {
+			const clipboard = view.navigator?.clipboard;
+			const readText = clipboard?.readText;
+			if (!clipboard || typeof readText !== "function") return Promise.reject(new TextAreaClipboardReadError("unsupported"));
+			return Promise.resolve().then(() => readText.call(clipboard)).then((text) => {
+				if (typeof text !== "string") throw new TextAreaClipboardReadError("denied");
+				return text;
+			}).catch((error) => {
+				if (error instanceof TextAreaClipboardReadError) throw error;
+				throw new TextAreaClipboardReadError(clipboardReason(error));
+			});
+		}
+	};
+	const onReset = (event) => {
+		const notice = event;
+		queueMicrotask(() => {
+			if (!disposed) sink.reset({ defaultPrevented: notice.defaultPrevented });
+		});
+	};
+	const syncForm = () => {
+		const next = target.form;
+		if (next === form) return;
+		form?.removeEventListener("reset", onReset);
+		form = next;
+		form?.addEventListener("reset", onReset);
+	};
+	const tree = new view.MutationObserver(() => {
+		syncForm();
+		watchTree();
+		queueMicrotask(() => {
+			if (disposed) return;
+			syncForm();
+			watchTree();
+		});
+	});
+	const fields = new view.MutationObserver(() => {
+		syncForm();
+		notify();
+	});
+	const formOwner = new view.MutationObserver(() => syncForm());
+	const watchTree = () => {
+		tree.disconnect();
+		fields.disconnect();
+		formOwner.disconnect();
+		const parent = target.parentElement;
+		if (parent) tree.observe(parent, { childList: true });
+		let node = target.parentElement;
+		while (node) {
+			if (node.tagName === "FIELDSET" || node.tagName === "FORM") fields.observe(node, {
+				attributes: true,
+				attributeFilter: ["disabled"]
+			});
+			node = node.parentElement;
+		}
+		const root = target.getRootNode();
+		const scope = root === target.ownerDocument ? target.ownerDocument.documentElement : root;
+		if (scope) formOwner.observe(scope, {
+			subtree: true,
+			attributes: true,
+			attributeFilter: ["id"]
+		});
+	};
+	const formAttribute = new view.MutationObserver(() => syncForm());
+	formAttribute.observe(target, {
+		attributes: true,
+		attributeFilter: ["form"]
+	});
+	syncForm();
+	watchTree();
+	const editTypes = {
+		input: "input",
+		compositionstart: "composition-start",
+		compositionupdate: "composition-update",
+		compositionend: "composition-end"
+	};
+	const onEdit = (event) => {
+		syncForm();
+		if (!disposed) sink.edit({
+			type: editTypes[event.type],
+			value: target.value
+		});
+	};
+	const listeners = {
+		input: onEdit,
+		compositionstart: onEdit,
+		compositionupdate: onEdit,
+		compositionend: onEdit,
+		focus: () => {
+			if (!disposed) sink.focusChanged(true);
+		},
+		blur: () => {
+			if (!disposed) sink.focusChanged(false);
+		}
+	};
+	for (const [name, listener] of Object.entries(listeners)) target.addEventListener(name, listener);
+	let resize;
+	let intersect;
+	if (typeof view.ResizeObserver === "function") {
+		resize = new view.ResizeObserver((entries) => {
+			const width = entries[0]?.contentRect?.width;
+			const widthChanged = typeof width === "number" && width !== lastInline;
+			if (typeof width === "number") lastInline = width;
+			if (ignoreOwnResize) {
+				ignoreOwnResize = false;
+				if (!widthChanged) return;
+			}
+			notify();
+		});
+		resize.observe(target);
+	}
+	if (typeof view.IntersectionObserver === "function") {
+		intersect = new view.IntersectionObserver((entries) => {
+			const intersecting = entries.some((entry) => entry.isIntersecting);
+			if (intersecting === wasIntersecting) return;
+			wasIntersecting = intersecting;
+			notify();
+		});
+		intersect.observe(target);
+	}
+	const fonts = target.ownerDocument.fonts;
+	const onFonts = () => notify();
+	if (fonts && typeof fonts.addEventListener === "function") fonts.addEventListener("loadingdone", onFonts);
+	if (fonts?.ready) fonts.ready.then(onFonts);
+	sink.commit(client);
+	return () => {
+		disposed = true;
+		for (const [name, listener] of Object.entries(listeners)) target.removeEventListener(name, listener);
+		form?.removeEventListener("reset", onReset);
+		form = null;
+		formAttribute.disconnect();
+		tree.disconnect();
+		fields.disconnect();
+		formOwner.disconnect();
+		resize?.disconnect();
+		intersect?.disconnect();
+		if (fonts && typeof fonts.removeEventListener === "function") fonts.removeEventListener("loadingdone", onFonts);
+		sink.detach();
+	};
+}
+//#endregion
+export { connect as a, computeTextAreaHeight as i, attachTextAreaPlatform as n, createTextAreaProps as o, clampUtf16 as r, machine as s, TextAreaClipboardReadError as t };
+
+//# sourceMappingURL=textarea-qbnruDUG.js.map