gesso-core 0.5.1 → 0.6.1

package/dist/{CanvasSurface-Dok8FuyX.js → CanvasSurface-Bxu_gNmc.js}

@@ -1400,6 +1400,7 @@ const lightColors = {
 	border: rgb8(229, 231, 235),
 	shadow: rgb8(17, 24, 39, 41),
 	placeholder: rgb8(240, 241, 244),
+	scrim: rgb8(17, 24, 39, 102),
 	controlBackground: UiBasicColors.white,
 	controlBackgroundHovered: rgb8(243, 244, 246),
 	controlBackgroundPressed: rgb8(229, 231, 235),
@@ -1422,6 +1423,7 @@ const darkColors = {
 	border: rgb8(42, 46, 54),
 	shadow: rgb8(0, 0, 0, 128),
 	placeholder: rgb8(37, 41, 48),
+	scrim: rgb8(0, 0, 0, 153),
 	controlBackground: rgb8(26, 29, 35),
 	controlBackgroundHovered: rgb8(35, 39, 46),
 	controlBackgroundPressed: rgb8(44, 49, 57),
@@ -2068,6 +2070,7 @@ const SURFACES = /* @__PURE__ */ new Set([
 	"background",
 	"surface",
 	"shadow",
+	"scrim",
 	"controlBackground",
 	"controlBackgroundHovered",
 	"controlBackgroundPressed",
@@ -2612,6 +2615,25 @@ const UiEnvironmentKeys = {
 		defaultValue: defaultTextStyle,
 		compare: textStylesEqual
 	}),
+	/**
+	* The text colour a subtree inherits: the `color` of the nearest
+	* ancestor that set one, or the colour of the nearest `textStyle`,
+	* whichever is closer.
+	*
+	* Its own key rather than a field of `textStyle`, because what an
+	* ancestor sets is often a palette name, and a name has to travel
+	* down unresolved: it is looked up against the theme where it is
+	* painted, so `color="text"` beside a `theme` means that theme's
+	* text, and a card under it that provides another theme gets that
+	* theme's. A `UiTextStyle` holds a resolved `UiColor`, which would
+	* have fixed the name to whichever theme was in scope where it was
+	* written.
+	*/
+	color: createEnvironmentKey({
+		name: "color",
+		defaultValue: defaultTextStyle.color,
+		compare: colorValuesEqual
+	}),
 	contentColor: createEnvironmentKey({
 		name: "contentColor",
 		defaultValue: UiBasicColors.black,
@@ -3877,15 +3899,22 @@ const UiProperties = {
 		compare: gradientsEqual,
 		validate: validateGradient
 	}),
+	/**
+	* The text colour, inherited by everything below that sets none.
+	*
+	* It is a provider as well: `UiGraph` puts the value down
+	* `UiEnvironmentKeys.color`, which a text style also writes, so the
+	* nearer of the two wins. A palette name travels unresolved and is
+	* looked up where it is painted. `affects` stays `Paint`, because
+	* the graph re-provides it itself, and re-providing a colour costs
+	* the subtree a repaint and nothing more.
+	*/
 	color: defineProperty({
 		name: "color",
 		defaultValue: UiBasicColors.black,
 		inherited: true,
 		affects: P,
-		environmentKey: UiEnvironmentKeys.textStyle,
-		resolveFromEnvironment: (value) => {
-			return value.color;
-		},
+		environmentKey: UiEnvironmentKeys.color,
 		compare: colorValuesEqual
 	}),
 	borderColor: defineProperty({
@@ -4746,6 +4775,158 @@ function propertyValuesEqualByName(name, a, b) {
 	return Object.is(a, b);
 }
 //#endregion
+//#region src/properties/UiPropertyResolver.ts
+/**
+* Resolves a property value for a node.
+*
+* Resolution order:
+*
+*   1. The value explicitly specified on the node.
+*   2. The value inherited from the node's scoped environment.
+*   3. The property definition's default value.
+*
+* The resolver does not allocate and is safe to call from hot paths
+* such as layout and paint.
+*/
+function resolveProperty(node, definition) {
+	const specified = node.properties.get(definition.name);
+	if (specified !== void 0) return specified;
+	if (definition.inherited && node.environment !== null) {
+		const environmentKey = definition.environmentKey;
+		if (environmentKey !== void 0) {
+			const envValue = node.environment.get(environmentKey);
+			if (definition.resolveFromEnvironment !== void 0) return definition.resolveFromEnvironment(envValue);
+			return envValue;
+		}
+		const fallback = node.environment.get(createFallbackKey(definition));
+		if (fallback !== void 0) return fallback;
+	}
+	return definition.defaultValue;
+}
+/**
+* Resolves a property by name.
+*
+* Returns undefined when no definition exists; callers that know
+* the property exists should use resolveProperty() with the
+* definition for stronger typing.
+*/
+function resolvePropertyByName(node, name) {
+	const definition = findPropertyDefinition(name);
+	if (definition === void 0) return;
+	return resolveProperty(node, definition);
+}
+/**
+* Resolves a numeric property, returning undefined when the value
+* is missing or not a finite number.
+*/
+function resolveNumber(node, name) {
+	const value = resolvePropertyByName(node, name);
+	if (typeof value === "number" && Number.isFinite(value)) return value;
+}
+/**
+* Resolves a string property, returning undefined when the value is
+* missing or not a non-empty string.
+*/
+function resolveString(node, name) {
+	const value = resolvePropertyByName(node, name);
+	if (typeof value === "string" && value.length > 0) return value;
+}
+/**
+* Resolves a boolean property, returning undefined when the value
+* is missing or not a boolean.
+*/
+function resolveBoolean(node, name) {
+	const value = resolvePropertyByName(node, name);
+	if (typeof value === "boolean") return value;
+}
+/**
+* Lazily creates a fallback environment key that matches the
+* property name. The key is cached so repeated resolutions of the
+* same property do not allocate.
+*/
+const fallbackKeys = /* @__PURE__ */ new Map();
+function createFallbackKey(definition) {
+	let key = fallbackKeys.get(definition.name);
+	if (key === void 0) {
+		key = {
+			name: definition.name,
+			defaultValue: definition.defaultValue,
+			compare: definition.compare
+		};
+		fallbackKeys.set(definition.name, key);
+	}
+	return key;
+}
+//#endregion
+//#region src/properties/UiTextFont.ts
+/**
+* `line-height: normal`: the factor of the font size a line takes when
+* no line height is set. Shared by ParagraphLayout and PaintState.
+*/
+const DEFAULT_LINE_HEIGHT_FACTOR = 1.2;
+/**
+* Resolves a node's font the one way layout and paint both use.
+*
+* Font size, family, weight and letter spacing inherit through the
+* environment's text style. Line height is the subtle one: a text
+* style carries a line height that belongs with its font size, so a
+* node that inherits the style takes it whole. A node that sets its
+* own `fontSize` without a `lineHeight` gets a normal line height for
+* that size, `fontSize × 1.2`, rather than the inherited pixel value
+* sized for a different font — the inherited 16.8px of the default
+* style is right for 14px text and wrong for 22px. An explicit
+* `lineHeight` always wins.
+*
+* Before this, layout read the raw props (unset line height → ×1.2)
+* and paint read the inherited ones (→ 16.8px), so any text whose size
+* differed from the style's was measured in one line box and drawn in
+* another, and sat high or low inside it.
+*/
+function resolveFont(node) {
+	const out = {
+		fontSize: 0,
+		fontFamily: "",
+		fontWeight: "normal",
+		lineHeight: 0,
+		letterSpacing: 0,
+		fontStyle: "normal",
+		fontStretch: "normal",
+		fontVariant: "normal",
+		fontKerning: "auto"
+	};
+	resolveFontInto(node, out);
+	return out;
+}
+/** `resolveFont`, writing into a target the caller owns. */
+function resolveFontInto(node, out) {
+	const fontSize = positive$1(resolveProperty(node, UiProperties.fontSize)) ?? UiProperties.fontSize.defaultValue;
+	const ownFontSize = node.properties.get("fontSize");
+	const ownLineHeight = positive$1(node.properties.get("lineHeight"));
+	if (ownLineHeight !== void 0) out.lineHeight = ownLineHeight;
+	else if (ownFontSize !== void 0) out.lineHeight = fontSize * DEFAULT_LINE_HEIGHT_FACTOR;
+	else out.lineHeight = positive$1(resolveProperty(node, UiProperties.lineHeight)) ?? fontSize * 1.2;
+	out.fontSize = fontSize;
+	out.fontFamily = nonEmpty(resolveProperty(node, UiProperties.fontFamily)) ?? UiProperties.fontFamily.defaultValue;
+	out.fontWeight = weight(resolveProperty(node, UiProperties.fontWeight)) ?? UiProperties.fontWeight.defaultValue;
+	out.letterSpacing = finite(resolveProperty(node, UiProperties.letterSpacing)) ?? 0;
+	out.fontStyle = nonEmpty(resolveProperty(node, UiProperties.fontStyle)) ?? "normal";
+	out.fontStretch = nonEmpty(resolveProperty(node, UiProperties.fontStretch)) ?? "normal";
+	out.fontVariant = nonEmpty(resolveProperty(node, UiProperties.fontVariant)) ?? "normal";
+	out.fontKerning = nonEmpty(node.properties.get("fontKerning")) ?? "auto";
+}
+function positive$1(value) {
+	return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : void 0;
+}
+function finite(value) {
+	return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function weight(value) {
+	return typeof value === "number" ? finite(value) : nonEmpty(value);
+}
+function nonEmpty(value) {
+	return typeof value === "string" && value.length > 0 ? value : void 0;
+}
+//#endregion
 //#region src/graph/UiGraph.ts
 /**
 * How many times one frame rebuilds environments that rebuilding others
@@ -5155,16 +5336,33 @@ var UiGraph = class {
 		if (!present) {
 			if (!node.properties.has(property)) return false;
 			node.properties.delete(property);
-			this.markDirty(node, dirtyFlags);
+			this.markDirty(node, this.withProvidedFlags(property, dirtyFlags));
 			return true;
 		}
 		const previousValue = node.getProperty(property);
 		if (Object.is(previousValue, value)) return false;
 		node.setProperty(property, value);
-		this.markDirty(node, dirtyFlags);
+		this.markDirty(node, this.withProvidedFlags(property, dirtyFlags));
 		return true;
 	}
 	/**
+	* Adds the environment flag to a write of `color` or of a text
+	* style field, which a node provides to its subtree as well as
+	* paints with.
+	*
+	* Here rather than in the properties' `affects`, because `affects`
+	* is also what the layout layer reads to classify a property, and
+	* these have to stay what they are there: `color` and
+	* `textDecoration` paint-only, `fontSize` layout and paint. The
+	* rebuild this schedules dirties the subtree for paint alone when
+	* only paint changed (see `environmentChangeFlags`). Marked for a
+	* childless node too, since a child appended later inherits from
+	* the environment this rebuilds.
+	*/
+	withProvidedFlags(property, dirtyFlags) {
+		return property === "color" || textStyleFields.has(property) ? dirtyFlags | 128 : dirtyFlags;
+	}
+	/**
 	* Drains the dirty set and visits every node of every dirty subtree.
 	*
 	* Dirty roots can nest, so a node reached from an outer root is not
@@ -5227,10 +5425,27 @@ var UiGraph = class {
 		const textStyle = node.getProperty("textStyle");
 		if (textStyle !== void 0) {
 			const scale = env.get(UiEnvironmentKeys.theme).typography;
-			if (isTypographyRole(textStyle, scale)) {
-				const style = scale[textStyle];
+			let style;
+			if (isTypographyRole(textStyle, scale)) style = scale[textStyle];
+			else if (typeof textStyle !== "string") style = textStyle;
+			if (style !== void 0) {
 				env = env.set(UiEnvironmentKeys.textStyle, style);
-			} else if (typeof textStyle !== "string") env = env.set(UiEnvironmentKeys.textStyle, textStyle);
+				env = env.set(UiEnvironmentKeys.color, style.color);
+			}
+		}
+		const color = node.getProperty("color");
+		if (color !== void 0) env = env.set(UiEnvironmentKeys.color, color);
+		let own = null;
+		for (const field of textStyleFieldNames) {
+			const value = node.getProperty(field);
+			if (value !== void 0) {
+				own ??= { ...env.get(UiEnvironmentKeys.textStyle) };
+				own[field] = value;
+			}
+		}
+		if (own !== null) {
+			if (positive(node.getProperty("lineHeight")) === void 0 && node.getProperty("fontSize") !== void 0) own.lineHeight = (positive(own.fontSize) ?? UiEnvironmentKeys.textStyle.defaultValue.fontSize) * DEFAULT_LINE_HEIGHT_FACTOR;
+			env = env.set(UiEnvironmentKeys.textStyle, own);
 		}
 		const contentColor = node.getProperty("contentColor");
 		if (contentColor !== void 0) env = env.set(UiEnvironmentKeys.contentColor, contentColor);
@@ -5271,9 +5486,10 @@ var UiGraph = class {
 		const visit = (node) => {
 			const previous = node.environment;
 			const next = this.buildNodeEnvironment(node);
-			if (previous === null || !this.environmentsEqual(previous, next)) {
+			const flags = previous === null ? 0 : this.environmentChangeFlags(previous, next, inheritedPropertyFlags);
+			if (previous === null || flags !== 0) {
 				node.environment = next;
-				if (previous !== null) this.markDirty(node, inheritedPropertyFlags);
+				if (previous !== null) this.markDirty(node, flags);
 				this.environmentChangedListener?.(node);
 			}
 			for (let current = node.firstChild; current !== null; current = current.nextSibling) visit(current);
@@ -5312,9 +5528,10 @@ var UiGraph = class {
 	rebuildEnvironment(node, inheritedFlags) {
 		const previous = node.environment;
 		const next = this.buildNodeEnvironment(node);
-		if (previous === null || !this.environmentsEqual(previous, next)) {
+		const flags = previous === null ? inheritedFlags : this.environmentChangeFlags(previous, next, inheritedFlags);
+		if (flags !== 0) {
 			node.environment = next;
-			this.markDirty(node, inheritedFlags);
+			this.markDirty(node, flags);
 			this.environmentChangedListener?.(node);
 		}
 		let child = node.firstChild;
@@ -5323,102 +5540,75 @@ var UiGraph = class {
 			child = child.nextSibling;
 		}
 	}
-	environmentsEqual(a, b) {
-		if (a === b) return true;
-		if (a.providedSize !== b.providedSize) return false;
+	/**
+	* What a node whose environment went from `a` to `b` has to redo:
+	* nothing when they hold the same values, a repaint when what
+	* differs can only change how text is painted, and otherwise
+	* everything an inherited property can affect.
+	*
+	* Paint is singled out because the provided values that change with
+	* a hover or a selection are a colour or an underline, and
+	* everything else provided — a theme, a font size — can move a line
+	* break, so a colour change counted as one of them re-laid out the
+	* subtree of every box whose colour was animated.
+	*/
+	environmentChangeFlags(a, b, inheritedFlags) {
+		if (a === b) return 0;
+		let flags = 0;
 		for (const keyName of a.providedKeys()) {
-			if (!b.providesOwn(keyName)) return false;
-			const previousValue = a.getOwn(keyName);
-			const nextValue = b.getOwn(keyName);
-			if (Object.is(previousValue, nextValue)) continue;
-			const compare = findEnvironmentKey(keyName)?.compare;
-			if (compare === void 0 || !compare(previousValue, nextValue)) return false;
-		}
-		return true;
+			flags |= this.providedChangeFlags(keyName, a, b, inheritedFlags);
+			if (flags === inheritedFlags) return flags;
+		}
+		for (const keyName of b.providedKeys()) if (!a.providesOwn(keyName)) flags |= this.providedChangeFlags(keyName, a, b, inheritedFlags);
+		return flags;
+	}
+	/** `environmentChangeFlags` for one key either side provides. */
+	providedChangeFlags(keyName, a, b, inheritedFlags) {
+		const key = findEnvironmentKey(keyName);
+		const previouslyProvided = a.providesOwn(keyName);
+		const nextProvided = b.providesOwn(keyName);
+		const previousValue = previouslyProvided ? a.getOwn(keyName) : key?.defaultValue;
+		const nextValue = nextProvided ? b.getOwn(keyName) : key?.defaultValue;
+		if (previouslyProvided === nextProvided) {
+			if (Object.is(previousValue, nextValue)) return 0;
+			const compare = key?.compare;
+			if (compare !== void 0 && compare(previousValue, nextValue)) return 0;
+		}
+		if (keyName === UiEnvironmentKeys.color.name) return 2;
+		if (keyName === UiEnvironmentKeys.textStyle.name && textStyleFontsEqual(previousValue, nextValue)) return 2;
+		return inheritedFlags;
 	}
 };
-//#endregion
-//#region src/properties/UiPropertyResolver.ts
-/**
-* Resolves a property value for a node.
-*
-* Resolution order:
-*
-*   1. The value explicitly specified on the node.
-*   2. The value inherited from the node's scoped environment.
-*   3. The property definition's default value.
-*
-* The resolver does not allocate and is safe to call from hot paths
-* such as layout and paint.
-*/
-function resolveProperty(node, definition) {
-	const specified = node.properties.get(definition.name);
-	if (specified !== void 0) return specified;
-	if (definition.inherited && node.environment !== null) {
-		const environmentKey = definition.environmentKey;
-		if (environmentKey !== void 0) {
-			const envValue = node.environment.get(environmentKey);
-			if (definition.resolveFromEnvironment !== void 0) return definition.resolveFromEnvironment(envValue);
-			return envValue;
-		}
-		const fallback = node.environment.get(createFallbackKey(definition));
-		if (fallback !== void 0) return fallback;
-	}
-	return definition.defaultValue;
-}
-/**
-* Resolves a property by name.
-*
-* Returns undefined when no definition exists; callers that know
-* the property exists should use resolveProperty() with the
-* definition for stronger typing.
-*/
-function resolvePropertyByName(node, name) {
-	const definition = findPropertyDefinition(name);
-	if (definition === void 0) return;
-	return resolveProperty(node, definition);
-}
 /**
-* Resolves a numeric property, returning undefined when the value
-* is missing or not a finite number.
-*/
-function resolveNumber(node, name) {
-	const value = resolvePropertyByName(node, name);
-	if (typeof value === "number" && Number.isFinite(value)) return value;
-}
+* The properties a node provides to its subtree as fields of the text
+* style, which are the ones that resolve through it.
+*/
+const textStyleFieldNames = [
+	"fontFamily",
+	"fontSize",
+	"fontWeight",
+	"lineHeight",
+	"letterSpacing",
+	"textAlign",
+	"textDirection",
+	"fontStyle",
+	"fontStretch",
+	"fontVariant",
+	"fontKerning",
+	"textDecoration"
+];
+const textStyleFields = new Set(textStyleFieldNames);
 /**
-* Resolves a string property, returning undefined when the value is
-* missing or not a non-empty string.
+* Whether two text styles measure the same, so that a change between
+* them repaints and lays out nothing: they differ at most in colour,
+* alignment, direction or decoration, the fields whose properties are
+* paint-only.
 */
-function resolveString(node, name) {
-	const value = resolvePropertyByName(node, name);
-	if (typeof value === "string" && value.length > 0) return value;
+function textStyleFontsEqual(a, b) {
+	return a.fontFamily === b.fontFamily && a.fontSize === b.fontSize && a.fontWeight === b.fontWeight && a.lineHeight === b.lineHeight && a.letterSpacing === b.letterSpacing && a.fontStyle === b.fontStyle && a.fontStretch === b.fontStretch && a.fontVariant === b.fontVariant && a.fontKerning === b.fontKerning;
 }
-/**
-* Resolves a boolean property, returning undefined when the value
-* is missing or not a boolean.
-*/
-function resolveBoolean(node, name) {
-	const value = resolvePropertyByName(node, name);
-	if (typeof value === "boolean") return value;
-}
-/**
-* Lazily creates a fallback environment key that matches the
-* property name. The key is cached so repeated resolutions of the
-* same property do not allocate.
-*/
-const fallbackKeys = /* @__PURE__ */ new Map();
-function createFallbackKey(definition) {
-	let key = fallbackKeys.get(definition.name);
-	if (key === void 0) {
-		key = {
-			name: definition.name,
-			defaultValue: definition.defaultValue,
-			compare: definition.compare
-		};
-		fallbackKeys.set(definition.name, key);
-	}
-	return key;
+function positive(value) {
+	return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : void 0;
 }
 //#endregion
 //#region src/editing/TextBoundaries.ts
@@ -6474,75 +6664,6 @@ function isAscii(text) {
 	return true;
 }
 //#endregion
-//#region src/properties/UiTextFont.ts
-/**
-* `line-height: normal`: the factor of the font size a line takes when
-* no line height is set. Shared by ParagraphLayout and PaintState.
-*/
-const DEFAULT_LINE_HEIGHT_FACTOR = 1.2;
-/**
-* Resolves a node's font the one way layout and paint both use.
-*
-* Font size, family, weight and letter spacing inherit through the
-* environment's text style. Line height is the subtle one: a text
-* style carries a line height that belongs with its font size, so a
-* node that inherits the style takes it whole. A node that sets its
-* own `fontSize` without a `lineHeight` gets a normal line height for
-* that size, `fontSize × 1.2`, rather than the inherited pixel value
-* sized for a different font — the inherited 16.8px of the default
-* style is right for 14px text and wrong for 22px. An explicit
-* `lineHeight` always wins.
-*
-* Before this, layout read the raw props (unset line height → ×1.2)
-* and paint read the inherited ones (→ 16.8px), so any text whose size
-* differed from the style's was measured in one line box and drawn in
-* another, and sat high or low inside it.
-*/
-function resolveFont(node) {
-	const out = {
-		fontSize: 0,
-		fontFamily: "",
-		fontWeight: "normal",
-		lineHeight: 0,
-		letterSpacing: 0,
-		fontStyle: "normal",
-		fontStretch: "normal",
-		fontVariant: "normal",
-		fontKerning: "auto"
-	};
-	resolveFontInto(node, out);
-	return out;
-}
-/** `resolveFont`, writing into a target the caller owns. */
-function resolveFontInto(node, out) {
-	const fontSize = positive(resolveProperty(node, UiProperties.fontSize)) ?? UiProperties.fontSize.defaultValue;
-	const ownFontSize = node.properties.get("fontSize");
-	const ownLineHeight = positive(node.properties.get("lineHeight"));
-	if (ownLineHeight !== void 0) out.lineHeight = ownLineHeight;
-	else if (ownFontSize !== void 0) out.lineHeight = fontSize * DEFAULT_LINE_HEIGHT_FACTOR;
-	else out.lineHeight = positive(resolveProperty(node, UiProperties.lineHeight)) ?? fontSize * 1.2;
-	out.fontSize = fontSize;
-	out.fontFamily = nonEmpty(resolveProperty(node, UiProperties.fontFamily)) ?? UiProperties.fontFamily.defaultValue;
-	out.fontWeight = weight(resolveProperty(node, UiProperties.fontWeight)) ?? UiProperties.fontWeight.defaultValue;
-	out.letterSpacing = finite(resolveProperty(node, UiProperties.letterSpacing)) ?? 0;
-	out.fontStyle = nonEmpty(resolveProperty(node, UiProperties.fontStyle)) ?? "normal";
-	out.fontStretch = nonEmpty(resolveProperty(node, UiProperties.fontStretch)) ?? "normal";
-	out.fontVariant = nonEmpty(resolveProperty(node, UiProperties.fontVariant)) ?? "normal";
-	out.fontKerning = nonEmpty(node.properties.get("fontKerning")) ?? "auto";
-}
-function positive(value) {
-	return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : void 0;
-}
-function finite(value) {
-	return typeof value === "number" && Number.isFinite(value) ? value : void 0;
-}
-function weight(value) {
-	return typeof value === "number" ? finite(value) : nonEmpty(value);
-}
-function nonEmpty(value) {
-	return typeof value === "string" && value.length > 0 ? value : void 0;
-}
-//#endregion
 //#region src/layout/ParagraphLayout.ts
 const ELLIPSIS = "…";
 /**
@@ -8866,11 +8987,14 @@ function paragraphGeometryFrom(lines, text, box, state, measurer) {
 function geometryFor(lines, text, request, state, measurer) {
 	const end = lines.length === 0 ? 0 : lines[lines.length - 1].end;
 	const spanned = spannedRunsFor(request, measurer);
+	const truncated = end < text.length && /\S/.test(text.slice(end));
 	return {
 		lines,
 		text: end === text.length ? text : text.slice(0, end),
 		start: lines.length === 0 ? 0 : lines[0].start,
 		end,
+		source: text,
+		sourceEnd: truncated ? text.length : end,
 		measure: (run, from) => run.length === 0 ? 0 : spanned === void 0 || from === void 0 ? measurer.measureRunWidth(run, request) : spanned.width(text, from, from + run.length),
 		rtl: state.rtl,
 		hidden: state.spans === void 0 ? NO_RANGES : hiddenRangesOf(state.spans)
@@ -8880,21 +9004,73 @@ function geometryFor(lines, text, request, state, measurer) {
 function hasDrawnText(geometry) {
 	return geometry.lines.length > 0 && geometry.end > geometry.start;
 }
-/** The offset nearest a point, clamped to the drawn text. */
+/**
+* The offset nearest a point: within the drawn text, or `sourceEnd`
+* when the point is past the last drawn glyph of a truncated paragraph.
+*/
 function offsetAtPointIn(geometry, x, y) {
-	if (geometry.lines.length === 0) return 0;
-	return offsetAtPoint(geometry.lines, geometry.text, x, y, geometry.measure, geometry.rtl);
+	const lines = geometry.lines;
+	if (lines.length === 0) return 0;
+	const offset = offsetAtPoint(lines, geometry.text, x, y, geometry.measure, geometry.rtl);
+	if (offset !== geometry.end || geometry.sourceEnd === geometry.end || lineIndexAtY(lines, y) !== lines.length - 1) return offset;
+	const line = lines[lines.length - 1];
+	const drawn = drawnWidth(geometry);
+	return (geometry.rtl ? line.x + line.width - x : x - line.x) > drawn + (line.width - drawn) / 2 ? geometry.sourceEnd : offset;
 }
-/** The boxes covering `[start, end)`, one per line the range touches. */
+/**
+* The boxes covering `[start, end)`, one per line the range touches.
+* A range reaching into the hidden tail lights the ellipsis, which is
+* where that text is on screen.
+*/
 function selectionRectsIn(geometry, start, end) {
+	if (geometry.lines.length === 0) return [];
 	const from = clamp(start, geometry.start, geometry.end);
 	const to = clamp(end, geometry.start, geometry.end);
-	if (geometry.lines.length === 0 || to <= from) return [];
-	return selectionRects(geometry.lines, geometry.text, from, to, geometry.measure, geometry.rtl);
+	const rects = to <= from ? [] : selectionRects(geometry.lines, geometry.text, from, to, geometry.measure, geometry.rtl);
+	const ellipsis = end > geometry.end && start < geometry.sourceEnd && geometry.sourceEnd > geometry.end ? ellipsisBox(geometry) : void 0;
+	if (ellipsis === void 0) return rects;
+	const last = rects.length === 0 ? void 0 : rects[rects.length - 1];
+	if (last !== void 0 && last.y === ellipsis.y) {
+		const left = Math.min(last.x, ellipsis.x);
+		const right = Math.max(last.x + last.width, ellipsis.x + ellipsis.width);
+		rects[rects.length - 1] = {
+			x: left,
+			y: last.y,
+			width: right - left,
+			height: last.height
+		};
+	} else rects.push(ellipsis);
+	return rects;
 }
-/** The word around an offset, for a double click. */
+/**
+* The word around an offset, for a double click. Read from the source,
+* so a word the ellipsis cuts is taken whole, as a browser takes it.
+*/
 function wordRangeIn(geometry, offset) {
-	return visibleWordRange(geometry.text, geometry.hidden, clamp(offset, geometry.start, geometry.end));
+	const word = visibleWordRange(geometry.source, geometry.hidden, clamp(offset, geometry.start, geometry.sourceEnd));
+	return {
+		start: word.start,
+		end: Math.min(word.end, geometry.sourceEnd)
+	};
+}
+/** The advance of the last line's drawn glyphs, its ellipsis excluded. */
+function drawnWidth(geometry) {
+	const line = geometry.lines[geometry.lines.length - 1];
+	const drawn = geometry.text.slice(line.start, geometry.end);
+	return drawn.length === line.text.length ? line.width : geometry.measure(drawn, line.start);
+}
+/** The ellipsis on the last line, or undefined for a clamp that draws none. */
+function ellipsisBox(geometry) {
+	const line = geometry.lines[geometry.lines.length - 1];
+	const drawn = drawnWidth(geometry);
+	const width = line.width - drawn;
+	if (width <= 0) return;
+	return {
+		x: geometry.rtl ? line.x : line.x + drawn,
+		y: line.y,
+		width,
+		height: line.height
+	};
 }
 function clamp(value, low, high) {
 	return value < low ? low : value > high ? high : value;
@@ -11897,13 +12073,13 @@ var UiEditingController = class {
 		let current = focused !== null && editingGroupOf(focused)?.root === root ? focused : adjacentField(root, target, 1) ?? edgeField(root, -1);
 		if (current === null) return null;
 		const distance = (node) => {
-			const box = this.host.visibleBox(node);
+			const box = this.drawnBox(node);
 			return y < box.y ? box.y - y : y > box.y + box.height ? y - box.y - box.height : 0;
 		};
 		for (;;) {
 			const here = distance(current);
 			if (here === 0) return current;
-			const box = this.host.visibleBox(current);
+			const box = this.drawnBox(current);
 			const next = adjacentField(root, current, y < box.y ? -1 : 1);
 			if (next === null || distance(next) >= here) return current;
 			current = next;
@@ -12000,20 +12176,20 @@ var UiEditingController = class {
 		const node = this.focusedEditable;
 		if (node === null || this.host.recordFor(node) === void 0) return null;
 		const model = editorFor(node);
-		const caret = this.layoutOf(node).caretRect();
-		const visible = this.host.visibleBox(node);
+		const local = this.layoutOf(node).caretRect();
+		const caret = this.drawnBox(node, {
+			x: local.x,
+			y: local.y,
+			width: 1,
+			height: local.height
+		});
 		if (this.span !== null) {
 			const { text, html } = this.spanCopy();
 			return {
 				text,
 				selectionStart: 0,
 				selectionEnd: text.length,
-				caret: {
-					x: visible.x + caret.x,
-					y: visible.y + caret.y,
-					width: 1,
-					height: caret.height
-				},
+				caret,
 				multiline: true,
 				composing: false,
 				...html === void 0 ? {} : { html }
@@ -12024,12 +12200,7 @@ var UiEditingController = class {
 			text: model.text,
 			selectionStart: model.start,
 			selectionEnd: model.end,
-			caret: {
-				x: visible.x + caret.x,
-				y: visible.y + caret.y,
-				width: 1,
-				height: caret.height
-			},
+			caret,
 			multiline: isMultiline(node),
 			composing: model.composing,
 			...html === void 0 ? {} : { html }
@@ -12323,12 +12494,12 @@ var UiEditingController = class {
 	fieldAt(root, from, y) {
 		let current = from;
 		for (;;) {
-			const box = this.host.visibleBox(current);
+			const box = this.drawnBox(current);
 			const step = y < box.y ? -1 : y > box.y + box.height ? 1 : 0;
 			if (step === 0) return current;
 			const next = adjacentField(root, current, step);
 			if (next === null) return current;
-			const nextBox = this.host.visibleBox(next);
+			const nextBox = this.drawnBox(next);
 			if (step > 0 ? y < nextBox.y : y > nextBox.y + nextBox.height) return next;
 			current = next;
 		}
@@ -12398,6 +12569,17 @@ var UiEditingController = class {
 		const layout = this.layoutOf(node);
 		return offset === void 0 ? layout.caretRect() : layout.caretRect(Math.max(0, Math.min(offset, layout.model.text.length)));
 	}
+	/** Where a field, or a part of it in its own coordinates, is drawn; see `EditingHost.screenBox`. */
+	drawnBox(node, part) {
+		if (this.host.screenBox !== void 0) return this.host.screenBox(node, part);
+		const box = this.host.visibleBox(node);
+		return part === void 0 ? box : {
+			x: box.x + part.x,
+			y: box.y + part.y,
+			width: part.width,
+			height: part.height
+		};
+	}
 	layoutOf(node) {
 		const rec = this.host.recordFor(node);
 		const state = resolvePaintState(node, this.paint);
@@ -14010,6 +14192,76 @@ function accumulatedOffsetTo(node, records, out) {
 	out.x = record.x;
 	out.y = record.y;
 }
+/**
+* Whether a node or any ancestor carries a `transform`.
+*
+* The same test `layoutForFrame` makes, an object rather than a
+* parsed non-identity transform: it is the question a caller asks to
+* take the plain additive path, so an identity object costs it only
+* the general one, which gives the same answer.
+*/
+function hasTransformedChain(node) {
+	for (let current = node; current !== null; current = current.parent) {
+		const transform = current.properties.get("transform");
+		if (typeof transform === "object" && transform !== null) return true;
+	}
+	return false;
+}
+/**
+* Carries points in a node's record space out to its parent's: through
+* its transform (unless `withTransform` is false), then its sticky
+* shift. The order is the renderer's
+* (`Canvas2DRenderer` translates by the sticky shift and then applies
+* `T(translate) · T(pivot) · R · S · T(-pivot)` about the record box),
+* because the point of this is to agree with where the node is drawn.
+*
+* `points` is x, y pairs, written in place.
+*/
+function transformPointsOut(node, record, points, withTransform = true) {
+	const transform = withTransform ? parseTransform(node.properties.get("transform")) : void 0;
+	for (let i = 0; i < points.length; i += 2) {
+		let x = points[i];
+		let y = points[i + 1];
+		if (transform !== void 0) {
+			const originX = record.x + transform.x;
+			const originY = record.y + transform.y;
+			const dx = (x - originX) * transform.scaleX;
+			const dy = (y - originY) * transform.scaleY;
+			const cos = Math.cos(transform.rotation);
+			const sin = Math.sin(transform.rotation);
+			x = originX + dx * cos - dy * sin + transform.translateX;
+			y = originY + dx * sin + dy * cos + transform.translateY;
+		}
+		points[i] = x + record.stickyOffsetX;
+		points[i + 1] = y + record.stickyOffsetY;
+	}
+}
+/**
+* The inverse of `transformPointsOut`: points in a node's parent's space
+* brought into the node's record space. A degenerate (zero-scale)
+* transform draws nothing and has no inverse, so it is left out, as
+* `UiHitTester.toLocal` leaves it out.
+*/
+function transformPointsIn(node, record, points) {
+	const transform = parseTransform(node.properties.get("transform"));
+	const invertible = transform !== void 0 && transform.scaleX !== 0 && transform.scaleY !== 0;
+	for (let i = 0; i < points.length; i += 2) {
+		let x = points[i] - record.stickyOffsetX;
+		let y = points[i + 1] - record.stickyOffsetY;
+		if (invertible) {
+			const originX = record.x + transform.x;
+			const originY = record.y + transform.y;
+			const dx = x - transform.translateX - originX;
+			const dy = y - transform.translateY - originY;
+			const cos = Math.cos(transform.rotation);
+			const sin = Math.sin(transform.rotation);
+			x = (dx * cos + dy * sin) / transform.scaleX + originX;
+			y = (-dx * sin + dy * cos) / transform.scaleY + originY;
+		}
+		points[i] = x;
+		points[i + 1] = y;
+	}
+}
 //#endregion
 //#region src/layout/LayoutExplanation.ts
 const EPSILON$1 = 1e-6;
@@ -14522,6 +14774,8 @@ function stackDefault(node) {
 }
 var LayoutEngine = class {
 	records = /* @__PURE__ */ new Map();
+	/** A box's corners on their way through `projectBox` and `unprojectBox`. */
+	cornerScratch = /* @__PURE__ */ new Float64Array(8);
 	/**
 	* The records the previous full layout ended with, held for the
 	* length of the next one so their objects can be reused.
@@ -14576,6 +14830,22 @@ var LayoutEngine = class {
 	/** Anchored nodes whose anchor moved this frame, re-placed once it settles. */
 	movedAnchored = /* @__PURE__ */ new Set();
 	/**
+	* Every absolutely positioned node placed by its edges or at a point,
+	* with the containing block it was placed against.
+	*
+	* Such a node is placed when its parent is, but its containing block
+	* can be an ancestor further up: a panel pinned to the window's
+	* corner from inside a column that keeps its size. When the window
+	* grew, the column didn't move, so nothing placed the panel again,
+	* and it stayed where the old corner was. A block that changes size
+	* says so (`blockResized`), and the nodes whose block is no longer
+	* the one they were placed against are placed again once the pass
+	* settles.
+	*/
+	absoluteBlocks = /* @__PURE__ */ new Map();
+	/** A positioned node, or the root, took a new box this pass; see `absoluteBlocks`. */
+	blockResized = false;
+	/**
 	* The nodes asking for `lift`, in the order they asked.
 	*
 	* Kept as a set rather than rebuilt per pass because layout is
@@ -15026,9 +15296,11 @@ var LayoutEngine = class {
 		this.anchorOf.clear();
 		this.anchorDependents.clear();
 		this.movedAnchored.clear();
+		this.blockResized = false;
 		this.resetStats();
 		this.fullLayout(constraints);
 		const rec = this.record(node);
+		this.replaceStaleAbsolute();
 		this.applyScroll();
 		for (const anchored of this.anchoredNodes) this.movedAnchored.add(anchored);
 		this.replaceMovedAnchored();
@@ -15097,7 +15369,9 @@ var LayoutEngine = class {
 			return;
 		}
 		this.layoutVersion++;
+		this.blockResized = false;
 		this.relayout(constraints);
+		this.replaceStaleAbsolute();
 		this.applyScroll();
 		this.replaceMovedAnchored();
 	}
@@ -15243,6 +15517,8 @@ var LayoutEngine = class {
 	* scroll ancestor's offset and by the sticky offsets of the node and
 	* its ancestors. Records stay in pre-scroll coordinates; this is the
 	* projection renderers and hit testing agree on.
+	*
+	* Transforms are not applied; `screenBox` applies its ancestors'.
 	*/
 	visibleBox(node) {
 		const rec = this.records.get(node);
@@ -15272,6 +15548,48 @@ var LayoutEngine = class {
 		};
 	}
 	/**
+	* Where a node's box is drawn on the canvas: `visibleBox`, carried
+	* through the `transform` of every ancestor as well. A card under a
+	* panned and zoomed camera box is drawn far from its record, which a
+	* transform never moves, and this is the box beside which its tooltip
+	* belongs and over which its accessibility element goes. Under a
+	* rotation it is the box the turned corners span.
+	*
+	* The node's own transform is left out. It is what a node animates
+	* itself with — a spinner turning, a dialog scaling in — and a box
+	* that included it would wobble with the animation: the mirror's
+	* rectangle for a spinner grew and shrank on every step, and a
+	* tooltip on it shook. The ancestors' are where it is; its own is how
+	* it is drawn there. A tree with no transform above the node gets
+	* `visibleBox`'s answer exactly.
+	*
+	* `part`, when given, is a rectangle in the node's own coordinates
+	* (its box's top-left corner is 0, 0) and is answered instead of the
+	* whole box: a caret inside a text field, the padding strip around a
+	* node in the inspector. Adding its offset to the whole box's corner
+	* is right only at scale 1; under a zoomed parent the part is scaled
+	* with the node and sits twice as far into it.
+	*/
+	screenBox(node, part) {
+		const rec = this.records.get(node);
+		if (rec === void 0) return {
+			x: 0,
+			y: 0,
+			width: 0,
+			height: 0
+		};
+		if (!hasTransformedChain(node.parent)) {
+			const seen = this.visibleBox(node);
+			return part === void 0 ? seen : {
+				x: seen.x + part.x,
+				y: seen.y + part.y,
+				width: part.width,
+				height: part.height
+			};
+		}
+		return part === void 0 ? this.projectBox(node, rec.x, rec.y, rec.width, rec.height) : this.projectBox(node, rec.x + part.x, rec.y + part.y, part.width, part.height);
+	}
+	/**
 	* The scroll offsets each scroll ancestor would need so that `node`
 	* is inside its viewport, `padding` pixels from the nearest edge,
 	* innermost first. Nothing is changed: the caller writes the offsets
@@ -15424,6 +15742,7 @@ var LayoutEngine = class {
 			this.textScrollPending.delete(current);
 			this.anchoredNodes.delete(current);
 			this.movedAnchored.delete(current);
+			this.absoluteBlocks.delete(current);
 			this.forgetAnchoring(current);
 			this.stickyNodes.delete(current);
 			this.stickyShifted.delete(current);
@@ -15785,13 +16104,14 @@ var LayoutEngine = class {
 		let contentMain = 0;
 		for (const line of lines) {
 			const lineTotal = this.lineOuterMain(line, config.gapMain, "hypothetical");
-			if (mainBounded && (mainDefinite || lineTotal > mainMax)) {
+			const lineWanted = this.lineMaxContentMain(line, config.gapMain);
+			if (mainBounded && (mainDefinite || lineTotal > mainMax || lineWanted > mainMax)) {
 				this.resolveLine(line, mainMax - config.gapMain * (line.items.length - 1), config);
 				this.measureFlexedItems(line.items, content, direction, crossDefinite && !config.wrap ? row ? content.maxHeight : content.maxWidth : void 0);
 				contentMain = Math.max(contentMain, this.lineOuterMain(line, config.gapMain, "final"));
 			} else {
 				for (const item of line.items) item.finalMain = item.hypotheticalMain;
-				contentMain = Math.max(contentMain, this.lineMaxContentMain(line, config.gapMain));
+				contentMain = Math.max(contentMain, lineWanted);
 			}
 		}
 		if (mainDefinite) contentMain = Math.max(mainMax, contentMain);
@@ -16613,8 +16933,12 @@ var LayoutEngine = class {
 	* the anchor instead.
 	*/
 	placeAbsoluteChildren(parent) {
+		this.forEachAbsoluteChild(parent, (child) => this.placeAbsolute(child));
+	}
+	/** Places one absolutely positioned node against its containing block; see `placeAbsoluteChildren`. */
+	placeAbsolute(child) {
 		const savedBase = this.percentBase;
-		this.forEachAbsoluteChild(parent, (child) => {
+		try {
 			const cRec = this.record(child);
 			const block = this.containingBlockOf(child);
 			this.percentBase = {
@@ -16629,12 +16953,14 @@ var LayoutEngine = class {
 				this.trackAnchor(child, anchor);
 				const anchorRec = this.records.get(anchor);
 				if (anchorRec !== void 0) {
+					this.absoluteBlocks.delete(child);
 					this.placeAnchored(child, cRec, anchorRec, anchor, block);
 					return;
 				}
 			} else if (point !== void 0 && point !== null) {
 				this.anchoredNodes.delete(child);
 				this.trackAnchor(child, null);
+				this.absoluteBlocks.set(child, block);
 				this.measure(child, new Constraints(0, Math.max(0, block.width), 0, Math.max(0, block.height)));
 				this.placeBeside(child, cRec, block.x + point.x, block.y + point.y, 0, 0, block);
 				return;
@@ -16642,6 +16968,7 @@ var LayoutEngine = class {
 				this.anchoredNodes.delete(child);
 				this.trackAnchor(child, null);
 			}
+			this.absoluteBlocks.set(child, block);
 			const marginH = cRec.marginLeft + cRec.marginRight;
 			const marginV = cRec.marginTop + cRec.marginBottom;
 			const availableWidth = Math.max(0, block.width - (cRec.left ?? 0) - (cRec.right ?? 0) - marginH);
@@ -16662,8 +16989,33 @@ var LayoutEngine = class {
 			else if (cRec.bottom !== void 0) y = block.y + block.height - cRec.bottom - cRec.marginBottom - height;
 			else y = block.y + cRec.marginTop;
 			this.assignBox(child, x, y, width, height);
-		});
-		this.percentBase = savedBase;
+		} finally {
+			this.percentBase = savedBase;
+		}
+	}
+	/**
+	* Places again the absolutely positioned nodes whose containing block
+	* is not the box they were placed against, once a pass has settled
+	* every box. Only after a pass in which a positioned node or the root
+	* took a new box, which is rare outside a resize; placing one can
+	* resize a block another is placed against, so it repeats, up to the
+	* limit that stops anchors spinning.
+	*/
+	replaceStaleAbsolute() {
+		for (let pass = 0; this.blockResized && pass < ANCHOR_CHAIN_LIMIT; pass++) {
+			this.blockResized = false;
+			for (const [child, was] of this.absoluteBlocks) {
+				if (!this.records.has(child)) {
+					this.absoluteBlocks.delete(child);
+					continue;
+				}
+				const block = this.containingBlockOf(child);
+				if (block.x === was.x && block.y === was.y && block.width === was.width && block.height === was.height) continue;
+				this.placeAbsolute(child);
+				if (this.record(child).placeDirty) this.place(child);
+			}
+		}
+		this.blockResized = false;
 	}
 	/**
 	* Places an anchored node beside its anchor.
@@ -16678,13 +17030,19 @@ var LayoutEngine = class {
 	*/
 	placeAnchored(child, cRec, anchorRec, anchor, block) {
 		this.measure(child, new Constraints(0, Math.max(0, block.width), 0, Math.max(0, block.height)));
+		const part = child.properties.get("anchorRect");
+		if (hasTransformedChain(anchor.parent) || hasTransformedChain(child.parent)) {
+			const seen = part !== void 0 && part !== null ? this.projectBox(anchor, anchorRec.x + part.x, anchorRec.y + part.y, part.width, part.height) : this.projectBox(anchor, anchorRec.x, anchorRec.y, anchorRec.width, anchorRec.height);
+			const local = this.unprojectBox(child, seen);
+			this.placeBeside(child, cRec, local.x, local.y, local.width, local.height, block);
+			return;
+		}
 		const scrollAnchor = this.scrollOffsetOf(anchor);
 		const scrollChild = this.scrollOffsetOf(child);
 		const stickyAnchor = this.stickyOffsetOf(anchor);
 		const stickyChild = this.stickyOffsetOf(child);
 		const ax = anchorRec.x + stickyAnchor.x - scrollAnchor.x + scrollChild.x - stickyChild.x;
 		const ay = anchorRec.y + stickyAnchor.y - scrollAnchor.y + scrollChild.y - stickyChild.y;
-		const part = child.properties.get("anchorRect");
 		if (part !== void 0 && part !== null) {
 			this.placeBeside(child, cRec, ax + part.x, ay + part.y, part.width, part.height, block);
 			return;
@@ -16843,6 +17201,85 @@ var LayoutEngine = class {
 		};
 	}
 	/**
+	* Where a box in a node's record space is seen on the canvas: through
+	* the node's own sticky shift (not its transform; see `screenBox`),
+	* then, for each ancestor in turn, its scroll offset (which moves only
+	* what is inside it) and its transform and sticky shift. The same
+	* chain the renderer composes on the way down, walked up; a turned box
+	* is the box its corners span.
+	*/
+	projectBox(node, x, y, width, height) {
+		const corners = this.cornersOf(x, y, width, height);
+		for (let current = node; current !== null; current = current.parent) {
+			const rec = this.records.get(current);
+			if (rec === void 0) continue;
+			if (current !== node && rec.scrollable) for (let i = 0; i < corners.length; i += 2) {
+				corners[i] -= rec.scrollX;
+				corners[i + 1] -= rec.scrollY;
+			}
+			transformPointsOut(current, rec, corners, current !== node);
+		}
+		return this.boundsOfCorners(corners);
+	}
+	/**
+	* A canvas box brought into the space an absolute child's record is
+	* placed in: `projectBox` undone for each of its ancestors, outermost
+	* first, and the child's own sticky shift taken off. The child's own
+	* transform stays, because it applies on top of the box being placed.
+	*/
+	unprojectBox(child, box) {
+		const corners = this.cornersOf(box.x, box.y, box.width, box.height);
+		const chain = [];
+		for (let current = child.parent; current !== null; current = current.parent) chain.push(current);
+		for (let i = chain.length - 1; i >= 0; i--) {
+			const ancestor = chain[i];
+			const rec = this.records.get(ancestor);
+			if (rec === void 0) continue;
+			transformPointsIn(ancestor, rec, corners);
+			if (rec.scrollable) for (let j = 0; j < corners.length; j += 2) {
+				corners[j] += rec.scrollX;
+				corners[j + 1] += rec.scrollY;
+			}
+		}
+		const own = this.records.get(child);
+		if (own !== void 0) for (let j = 0; j < corners.length; j += 2) {
+			corners[j] -= own.stickyOffsetX;
+			corners[j + 1] -= own.stickyOffsetY;
+		}
+		return this.boundsOfCorners(corners);
+	}
+	/** The four corners of a box as x, y pairs, in a scratch array the projections reuse. */
+	cornersOf(x, y, width, height) {
+		const corners = this.cornerScratch;
+		corners[0] = x;
+		corners[1] = y;
+		corners[2] = x + width;
+		corners[3] = y;
+		corners[4] = x;
+		corners[5] = y + height;
+		corners[6] = x + width;
+		corners[7] = y + height;
+		return corners;
+	}
+	boundsOfCorners(corners) {
+		let minX = Infinity;
+		let minY = Infinity;
+		let maxX = -Infinity;
+		let maxY = -Infinity;
+		for (let i = 0; i < corners.length; i += 2) {
+			minX = Math.min(minX, corners[i]);
+			maxX = Math.max(maxX, corners[i]);
+			minY = Math.min(minY, corners[i + 1]);
+			maxY = Math.max(maxY, corners[i + 1]);
+		}
+		return {
+			x: minX,
+			y: minY,
+			width: maxX - minX,
+			height: maxY - minY
+		};
+	}
+	/**
 	* The box an absolute child is positioned against: the nearest
 	* positioned ancestor's, else the layout root's.
 	*/
@@ -17640,6 +18077,7 @@ var LayoutEngine = class {
 			rec.extentMaxY = y + height + rec.paintReachBottom;
 			this.growExtentUp(node);
 			rec.placeDirty = true;
+			if (rec.positioned || node === this.layoutRoot) this.blockResized = true;
 			this.layoutVersion++;
 			if (this.anchorDependents.size > 0) {
 				const dependents = this.anchorDependents.get(node);
@@ -20772,6 +21210,6 @@ function createCanvasSurface(host) {
 	return new CanvasSurface(host);
 }
 //#endregion
-export { pointerDeviceOf as $, UiKeyboardEvent as $a, boxShadow as $i, caretRectFor as $n, radialGradient as $r, DEFAULT_FONT_SIZE as $t, withOverrideSource as A, rgb8 as Aa, darkTheme as Ai, linkRunAtPointIn as An, UiProperties as Ar, edgeField as At, FlexDirection as B, writeDeclaredProperty as Ba, withThemeExtension as Bi, isReadOnly as Bn, validateSubgrid as Br, fillTextRects as Bt, SCROLLBAR_LINGER_MS as C, UiBasicColors as Ca, insetsEqual as Ci, isNodeTabStop as Cn, findPropertyDefinition as Cr, offsetAtPointIn as Ct, formatExplanation as D, colorsEqual as Da, bandOf as Di, hasTextLinks as Dn, propertyEffects as Dr, wordRangeIn as Dt, formatConstraints as E, colorValuesEqual as Ea, UiContainerSizeSource as Ei, clearLinkHover as En, inheritedPropertyNames as Er, selectionRectsIn as Et, clampSize as F, UiNode as Fa, defineThemeExtension as Fi, caretVisibleAt as Fn, normalizeStates as Fr, EditableLayout as Ft, CrossAxisAlignment as G, visualState as Ga, densityFactors as Gi, videoFrameSize as Gn, parseTransform as Gr, textMeasureRequest as Gt, placeGridItems as H, UiVisualState as Ha, highContrastColors as Hi, syncEditorValue as Hn, paintValuesEqual as Hr, runCanvasStyleInto as Ht, constraintsEqual as I, DirtyNodeSet as Ia, hasThemeExtension as Ii, editorFor as In, statesEqual as Ir, applyCanvasTextStyle as It, parseCrossAxisAlignment as J, UiBeforeInputEvent as Ja, spacingEqual as Ji, spannedRunsFor as Jn, transformsEqual as Jr, bumpFontStack as Jt, MainAxisAlignment as K, visualStatesEqual as Ka, defaultSpacing as Ki, CharacterCountTextMeasurer as Kn, transform as Kr, textRunBackgrounds as Kt, tightenConstraints as L, clearOverrideProperty as La, noThemeExtensions as Li, editorOf as Ln, validateRole as Lr, buildFontString as Lt, contentOffset as M, createEnvironmentKey as Ma, themesEqual as Mi, CARET_BLINK_MS as Mn, UI_SEMANTIC_STATES as Mr, commandForKey as Mt, LayoutRecord as N, findEnvironmentKey as Na, withContrast as Ni, CARET_WIDTH as Nn, isUiRole as Nr, detectEditingPlatform as Nt, formatNumber as O, normalizeColor as Oa, containerBands as Oi, linkHoverOf as On, propertyIsInherited as Or, adjacentField as Ot, Constraints as P, UiEnvironment as Pa, withDensity as Pi, EDITOR_PROP as Pn, isUiSemanticState as Pr, isPrintable as Pt, capturePointer as Q, UiInputEvent as Qa, BOX_SHADOW_BLUR_REACH as Qi, DEFAULT_LINE_HEIGHT_FACTOR as Qn, linearGradient as Qr, DEFAULT_FONT_FAMILY as Qt, MAX_MEASURES_PER_CHILD as R, overrideSources as Ra, themeExtension as Ri, isEditableNode as Rn, validateStates as Rr, createCanvasTextStyle as Rt, SCROLLBAR_FADE_MS as S, lightColors as Sa, UiInsetRegistry as Si, isNodeSelectable as Sn, closestPropertyName as Sr, hasDrawnText as St, describeOverrides as T, colorToRgba as Ta, observeViewportInsets as Ti, resolveCursor as Tn, inheritedPropertyFlags as Tr, paragraphGeometryFrom as Tt, sizeGridTracks as U, defaultVisualState as Ua, raiseContrast as Ui, resolveColorValue as Un, pathValuesEqual as Ur, runFontString as Ut, parseFlexDirection as V, writeOverrideProperty as Va, contrastRatio as Vi, nextCaretToggle as Vn, inputsEqual as Vr, layoutTextLines as Vt, AlignContent as W, hasVisualState as Wa, relativeLuminance as Wi, isVideoSurface as Wn, UiTransforms as Wr, spanOf as Wt, CanvasPlatformSurface as X, UiFocusEvent as Xa, defaultShadows as Xi, layoutParagraph as Xn, gradientPaint as Xr, fontStackFor as Xt, parseMainAxisAlignment as Y, UiEventType as Ya, spacingSteps as Yi, ELLIPSIS as Yn, MAX_GRADIENT_STOPS as Yr, clearFontStacks as Yt, UiPlatformAdapter as Z, UiGestureEvent as Za, shadowsEqual as Zi, proportionalFontMetrics as Zn, gradientsEqual as Zr, registerFontStack as Zt, LABEL_PADDING_X as _, textContentOf as _a, normalizeBorderRadius as _i, selectionRangeOf as _n, resolveNumber as _r, scrollRange as _t, PaintPictureCache as a, isShapeName as aa, isMinMaxTrack as ai, isPaintVisible as an, UiWheelDeltaMode as ao, offsetForVerticalMove as ar, UiPinchRecognizer as at, snapScroll as b, colorsEqualPalette as ba, propertyValuesEqual as bi, isNodeHitTestable as bn, resolveString as br, scrollbarZoneAt as bt, EMPTY_RECORDING as c, isTypographyRole as ca, percent as ci, resolvePaintState as cn, wheelDeltaYOf as co, graphemeBoundaries as cr, UiKeyboardController as ct, tracePathData as d, editableSpansOf as da, UiBorderRadiuses as di, matchRangesOf as dn, UiBinding as do, nextGraphemeEnd as dr, UiHitTester as dt, boxShadowArraysEqual as ea, validateGradient as ei, DEFAULT_FONT_WEIGHT as en, UiPasteEvent as eo, lineIndexAtY as er, prepareInputSurface as et, ScaledImageCache as f, flattenTextSpans as fa, borderRadius as fi, setMatchRanges as fn, nextWordEnd as fr, SCROLLBAR_HOVER_ZONE as ft, paintsAfterChildren as g, spannedTextOf as ga, borderRadiusValuesEqual as gi, selectableTextOf as gn, resolveBoolean as gr, scrollLeaderOf as gt, hasDecorationPhase as h, spanAtOffset as ha, borderRadiusIsZero as hi, selectableTextNodes as hn, wordRangeAt as hr, SCROLLBAR_THICKNESS as ht, traceRoundedRect as i, defaultShapes as ia, isFrLength as ii, createPaintState as in, UiTextChangeEvent as io, offsetAtX as ir, UiGestureRecognizer as it, accumulatedOffsetTo as j, rgba as ja, lightTheme as ji, setLinkHover as jn, UI_ROLES as jr, editingGroupOf as jt, labelNode as k, parseColor as ka, unknownContainerSize as ki, linkOf as kn, propertyValuesEqualByName as kr, comparePositions as kt, PaintRecorder as l, typographyEqual as la, repeat as li, TEXT_MATCHES_PROP as ln, UiNodeType as lo, lineEndAt as lr, UiPointerController as lt, decorationRect as m, resolvedSpansOf as ma, borderRadiusEqual as mi, clearSelectionRange as mn, previousWordStart as mr, SCROLLBAR_MIN_THUMB as mt, createCanvasSurface as n, boxShadowReach as na, fr as ni, colorToCss as nn, UiPointerEvent as no, lineLimit as nr, UiEditingController as nt, paintPictures as o, shapesEqual as oa, isPercentLength as oi, normalizeTextAlign as on, UiWheelEvent as oo, selectionRects as or, UiWheelController as ot, decorationColor as p, hiddenRangesOf as pa, borderRadiusCorners as pi, TEXT_SELECTION_PROP as pn, previousGraphemeStart as pr, SCROLLBAR_INSET as pt, parseAlignContent as q, MOUSE_POINTER as qa, scaleSpacing as qi, ParagraphTextMeasurer as qn, transformIsIdentity as qr, textRunDecorations as qt, Canvas2DRenderer as r, boxShadowsEqual as ra, isAutoLength as ri, computeObjectFitRect as rn, UiSelectionChangeEvent as ro, offsetAtPoint as rr, UiTouchScroller as rt, PaintTarget as s, defaultTypography as sa, minmax as si, normalizeVerticalAlign as sn, noKeyModifiers as so, EditableTextModel as sr, isScrollContainer as st, CanvasSurface as t, boxShadowRadius as ta, auto as ti, DEFAULT_TEXT_COLOR as tn, UiPinchEvent as to, lineIndexForOffset as tr, touchActionFor as tt, replayPaint as u, defaultTextStyle as ua, resolveLength as ui, clearMatchRanges as un, DirtyFlags as uo, lineStartAt as ur, UiFocusManager as ut, drawOverlayShapes as v, textSpansEqual as va, uniformBorderRadius as vi, setSelectionRange as vn, resolveProperty as vr, scrollbarThumb as vt, describeLength as w, colorToHex as wa, noInsets as wi, isPressable as wn, getPropertyNames as wr, paragraphGeometry as wt, LayoutEngine as x, darkColors as xa, UiEnvironmentKeys as xi, isNodeInert as xn, UiGraph as xr, UiInputDispatcher as xt, labelOrigin as y, textStylesEqual as ya, defineProperty as yi, isNodeFocusable as yn, resolvePropertyByName as yr, scrollbarThumbs as yt, isLayoutProtocol as z, resetOverrideWarnings as za, themeExtensionsEqual as zi, isMultiline as zn, UI_SUBGRID_AXES as zr, drawText as zt };
+export { pointerDeviceOf as $, UiKeyboardEvent as $a, boxShadow as $i, lineIndexAtY as $n, radialGradient as $r, DEFAULT_FONT_SIZE as $t, withOverrideSource as A, rgb8 as Aa, darkTheme as Ai, linkRunAtPointIn as An, UiProperties as Ar, edgeField as At, FlexDirection as B, writeDeclaredProperty as Ba, withThemeExtension as Bi, isReadOnly as Bn, validateSubgrid as Br, fillTextRects as Bt, SCROLLBAR_LINGER_MS as C, UiBasicColors as Ca, insetsEqual as Ci, isNodeTabStop as Cn, findPropertyDefinition as Cr, offsetAtPointIn as Ct, formatExplanation as D, colorsEqual as Da, bandOf as Di, hasTextLinks as Dn, propertyEffects as Dr, wordRangeIn as Dt, formatConstraints as E, colorValuesEqual as Ea, UiContainerSizeSource as Ei, clearLinkHover as En, inheritedPropertyNames as Er, selectionRectsIn as Et, clampSize as F, UiNode as Fa, defineThemeExtension as Fi, caretVisibleAt as Fn, normalizeStates as Fr, EditableLayout as Ft, CrossAxisAlignment as G, visualState as Ga, densityFactors as Gi, videoFrameSize as Gn, parseTransform as Gr, textMeasureRequest as Gt, placeGridItems as H, UiVisualState as Ha, highContrastColors as Hi, syncEditorValue as Hn, paintValuesEqual as Hr, runCanvasStyleInto as Ht, constraintsEqual as I, DirtyNodeSet as Ia, hasThemeExtension as Ii, editorFor as In, statesEqual as Ir, applyCanvasTextStyle as It, parseCrossAxisAlignment as J, UiBeforeInputEvent as Ja, spacingEqual as Ji, spannedRunsFor as Jn, transformsEqual as Jr, bumpFontStack as Jt, MainAxisAlignment as K, visualStatesEqual as Ka, defaultSpacing as Ki, CharacterCountTextMeasurer as Kn, transform as Kr, textRunBackgrounds as Kt, tightenConstraints as L, clearOverrideProperty as La, noThemeExtensions as Li, editorOf as Ln, validateRole as Lr, buildFontString as Lt, contentOffset as M, createEnvironmentKey as Ma, themesEqual as Mi, CARET_BLINK_MS as Mn, UI_SEMANTIC_STATES as Mr, commandForKey as Mt, LayoutRecord as N, findEnvironmentKey as Na, withContrast as Ni, CARET_WIDTH as Nn, isUiRole as Nr, detectEditingPlatform as Nt, formatNumber as O, normalizeColor as Oa, containerBands as Oi, linkHoverOf as On, propertyIsInherited as Or, adjacentField as Ot, Constraints as P, UiEnvironment as Pa, withDensity as Pi, EDITOR_PROP as Pn, isUiSemanticState as Pr, isPrintable as Pt, capturePointer as Q, UiInputEvent as Qa, BOX_SHADOW_BLUR_REACH as Qi, caretRectFor as Qn, linearGradient as Qr, DEFAULT_FONT_FAMILY as Qt, MAX_MEASURES_PER_CHILD as R, overrideSources as Ra, themeExtension as Ri, isEditableNode as Rn, validateStates as Rr, createCanvasTextStyle as Rt, SCROLLBAR_FADE_MS as S, lightColors as Sa, UiInsetRegistry as Si, isNodeSelectable as Sn, closestPropertyName as Sr, hasDrawnText as St, describeOverrides as T, colorToRgba as Ta, observeViewportInsets as Ti, resolveCursor as Tn, inheritedPropertyFlags as Tr, paragraphGeometryFrom as Tt, sizeGridTracks as U, defaultVisualState as Ua, raiseContrast as Ui, resolveColorValue as Un, pathValuesEqual as Ur, runFontString as Ut, parseFlexDirection as V, writeOverrideProperty as Va, contrastRatio as Vi, nextCaretToggle as Vn, inputsEqual as Vr, layoutTextLines as Vt, AlignContent as W, hasVisualState as Wa, relativeLuminance as Wi, isVideoSurface as Wn, UiTransforms as Wr, spanOf as Wt, CanvasPlatformSurface as X, UiFocusEvent as Xa, defaultShadows as Xi, layoutParagraph as Xn, gradientPaint as Xr, fontStackFor as Xt, parseMainAxisAlignment as Y, UiEventType as Ya, spacingSteps as Yi, ELLIPSIS as Yn, MAX_GRADIENT_STOPS as Yr, clearFontStacks as Yt, UiPlatformAdapter as Z, UiGestureEvent as Za, shadowsEqual as Zi, proportionalFontMetrics as Zn, gradientsEqual as Zr, registerFontStack as Zt, LABEL_PADDING_X as _, textContentOf as _a, normalizeBorderRadius as _i, selectionRangeOf as _n, resolveBoolean as _r, scrollRange as _t, PaintPictureCache as a, isShapeName as aa, isMinMaxTrack as ai, isPaintVisible as an, UiWheelDeltaMode as ao, selectionRects as ar, UiPinchRecognizer as at, snapScroll as b, colorsEqualPalette as ba, propertyValuesEqual as bi, isNodeHitTestable as bn, resolvePropertyByName as br, scrollbarZoneAt as bt, EMPTY_RECORDING as c, isTypographyRole as ca, percent as ci, resolvePaintState as cn, wheelDeltaYOf as co, lineEndAt as cr, UiKeyboardController as ct, tracePathData as d, editableSpansOf as da, UiBorderRadiuses as di, matchRangesOf as dn, UiBinding as do, nextWordEnd as dr, UiHitTester as dt, boxShadowArraysEqual as ea, validateGradient as ei, DEFAULT_FONT_WEIGHT as en, UiPasteEvent as eo, lineIndexForOffset as er, prepareInputSurface as et, ScaledImageCache as f, flattenTextSpans as fa, borderRadius as fi, setMatchRanges as fn, previousGraphemeStart as fr, SCROLLBAR_HOVER_ZONE as ft, paintsAfterChildren as g, spannedTextOf as ga, borderRadiusValuesEqual as gi, selectableTextOf as gn, DEFAULT_LINE_HEIGHT_FACTOR as gr, scrollLeaderOf as gt, hasDecorationPhase as h, spanAtOffset as ha, borderRadiusIsZero as hi, selectableTextNodes as hn, UiGraph as hr, SCROLLBAR_THICKNESS as ht, traceRoundedRect as i, defaultShapes as ia, isFrLength as ii, createPaintState as in, UiTextChangeEvent as io, offsetForVerticalMove as ir, UiGestureRecognizer as it, accumulatedOffsetTo as j, rgba as ja, lightTheme as ji, setLinkHover as jn, UI_ROLES as jr, editingGroupOf as jt, labelNode as k, parseColor as ka, unknownContainerSize as ki, linkOf as kn, propertyValuesEqualByName as kr, comparePositions as kt, PaintRecorder as l, typographyEqual as la, repeat as li, TEXT_MATCHES_PROP as ln, UiNodeType as lo, lineStartAt as lr, UiPointerController as lt, decorationRect as m, resolvedSpansOf as ma, borderRadiusEqual as mi, clearSelectionRange as mn, wordRangeAt as mr, SCROLLBAR_MIN_THUMB as mt, createCanvasSurface as n, boxShadowReach as na, fr as ni, colorToCss as nn, UiPointerEvent as no, offsetAtPoint as nr, UiEditingController as nt, paintPictures as o, shapesEqual as oa, isPercentLength as oi, normalizeTextAlign as on, UiWheelEvent as oo, EditableTextModel as or, UiWheelController as ot, decorationColor as p, hiddenRangesOf as pa, borderRadiusCorners as pi, TEXT_SELECTION_PROP as pn, previousWordStart as pr, SCROLLBAR_INSET as pt, parseAlignContent as q, MOUSE_POINTER as qa, scaleSpacing as qi, ParagraphTextMeasurer as qn, transformIsIdentity as qr, textRunDecorations as qt, Canvas2DRenderer as r, boxShadowsEqual as ra, isAutoLength as ri, computeObjectFitRect as rn, UiSelectionChangeEvent as ro, offsetAtX as rr, UiTouchScroller as rt, PaintTarget as s, defaultTypography as sa, minmax as si, normalizeVerticalAlign as sn, noKeyModifiers as so, graphemeBoundaries as sr, isScrollContainer as st, CanvasSurface as t, boxShadowRadius as ta, auto as ti, DEFAULT_TEXT_COLOR as tn, UiPinchEvent as to, lineLimit as tr, touchActionFor as tt, replayPaint as u, defaultTextStyle as ua, resolveLength as ui, clearMatchRanges as un, DirtyFlags as uo, nextGraphemeEnd as ur, UiFocusManager as ut, drawOverlayShapes as v, textSpansEqual as va, uniformBorderRadius as vi, setSelectionRange as vn, resolveNumber as vr, scrollbarThumb as vt, describeLength as w, colorToHex as wa, noInsets as wi, isPressable as wn, getPropertyNames as wr, paragraphGeometry as wt, LayoutEngine as x, darkColors as xa, UiEnvironmentKeys as xi, isNodeInert as xn, resolveString as xr, UiInputDispatcher as xt, labelOrigin as y, textStylesEqual as ya, defineProperty as yi, isNodeFocusable as yn, resolveProperty as yr, scrollbarThumbs as yt, isLayoutProtocol as z, resetOverrideWarnings as za, themeExtensionsEqual as zi, isMultiline as zn, UI_SUBGRID_AXES as zr, drawText as zt };
 
-//# sourceMappingURL=CanvasSurface-Dok8FuyX.js.map
+//# sourceMappingURL=CanvasSurface-Bxu_gNmc.js.map