chat-layout 1.2.0-7 → 1.2.0-8

package/index.mjs

@@ -2041,6 +2041,154 @@ function createRichSourceItems(spans, defaultFont) {
 	}));
 }
 //#endregion
+//#region src/text/justify.ts
+let _justifySupported;
+function isJustifySupported(ctx) {
+	if (_justifySupported !== void 0) return _justifySupported;
+	_justifySupported = typeof ctx.wordSpacing === "string" && typeof ctx.letterSpacing === "string";
+	return _justifySupported;
+}
+function resolveJustifyMode(justify) {
+	if (justify === true) return "inter-word";
+	if (justify === "inter-word" || justify === "inter-character") return justify;
+	return null;
+}
+const HYBRID_WORD_SHARE_CANDIDATES = [
+	.15,
+	.2,
+	.25,
+	.3,
+	.35,
+	.4,
+	.45,
+	.5,
+	.55,
+	.6,
+	.65,
+	.7,
+	.75,
+	.8,
+	.85,
+	1,
+	0
+];
+const PUNCTUATION_OR_SYMBOL_PATTERN = /^[\p{P}\p{S}]$/u;
+const JUSTIFY_SCORE_EPSILON = 1e-9;
+function analyzeLineForJustify(prepared, line) {
+	let wordGapCount = 0;
+	let wordCount = 0;
+	let renderAtomCount = 0;
+	let spaceCount = 0;
+	let nonSpaceCount = 0;
+	let cjkCount = 0;
+	let latinLikeCount = 0;
+	let punctuationCount = 0;
+	let nonSpaceWidth = 0;
+	let insideWord = false;
+	forEachAtomInRange(prepared, line.start, line.end, (atom) => {
+		if (atom.kind === "space" && !atom.preservesLineEnd && atom.atomicGroupId == null) wordGapCount++;
+		renderAtomCount++;
+		if (atom.kind === "space") {
+			spaceCount++;
+			insideWord = false;
+			return;
+		}
+		nonSpaceCount++;
+		nonSpaceWidth += atom.width + atom.extraWidthAfter;
+		if (!insideWord) {
+			wordCount++;
+			insideWord = true;
+		}
+		if (isCJK(atom.text)) {
+			cjkCount++;
+			return;
+		}
+		if (PUNCTUATION_OR_SYMBOL_PATTERN.test(atom.text)) {
+			punctuationCount++;
+			return;
+		}
+		latinLikeCount++;
+	});
+	return {
+		wordGapCount,
+		wordCount,
+		renderAtomCount,
+		letterGapCount: Math.max(renderAtomCount - 1, 0),
+		spaceCount,
+		nonSpaceCount,
+		cjkCount,
+		latinLikeCount,
+		punctuationCount,
+		lineWidth: line.width,
+		nonSpaceWidth
+	};
+}
+function getAverageWordWidth(info) {
+	return info.wordCount > 0 ? info.nonSpaceWidth / info.wordCount : info.lineWidth;
+}
+function getAverageCharWidth(info) {
+	return info.renderAtomCount > 0 ? info.lineWidth / info.renderAtomCount : info.lineWidth;
+}
+function resolvePerGapSpacing(totalSpace, gapCount) {
+	if (totalSpace === 0) return 0;
+	if (gapCount <= 0) return null;
+	return totalSpace / gapCount;
+}
+function exceedsThreshold(perGap, averageWidth, threshold) {
+	if (!Number.isFinite(threshold)) return false;
+	return perGap > threshold * averageWidth;
+}
+function createJustifySpacing(wordSpacingPx, letterSpacingPx) {
+	return {
+		wordSpacing: `${wordSpacingPx}px`,
+		letterSpacing: `${letterSpacingPx}px`,
+		wordSpacingPx,
+		letterSpacingPx
+	};
+}
+function computeJustifySpacing(lineWidth, maxWidth, info, mode, threshold = Number.POSITIVE_INFINITY) {
+	const extraSpace = maxWidth - lineWidth;
+	if (extraSpace <= 0 || mode == null) return null;
+	if (mode === "inter-word" && info.wordGapCount > 0) {
+		const perGap = extraSpace / info.wordGapCount;
+		if (exceedsThreshold(perGap, Math.max(getAverageWordWidth(info), Number.EPSILON), threshold)) return null;
+		return createJustifySpacing(perGap, 0);
+	}
+	if (mode !== "inter-character" || info.renderAtomCount === 0) return null;
+	const avgCharWidth = Math.max(getAverageCharWidth(info), Number.EPSILON);
+	if (info.wordGapCount === 0) {
+		const perGap = resolvePerGapSpacing(extraSpace, info.letterGapCount);
+		if (perGap == null) return null;
+		if (exceedsThreshold(perGap, avgCharWidth, threshold)) return null;
+		return createJustifySpacing(0, perGap);
+	}
+	const avgWordWidth = Math.max(getAverageWordWidth(info), Number.EPSILON);
+	const nonSpaceCount = Math.max(info.nonSpaceCount, 1);
+	const cjkRatio = info.cjkCount / nonSpaceCount;
+	const latinLikeRatio = info.latinLikeCount / nonSpaceCount;
+	const punctuationRatio = info.punctuationCount / nonSpaceCount;
+	const wordPenalty = 1 + cjkRatio;
+	const letterPenalty = 1 + latinLikeRatio + .5 * punctuationRatio;
+	let bestCandidate = null;
+	for (const wordShare of HYBRID_WORD_SHARE_CANDIDATES) {
+		const wordExtraSpace = extraSpace * wordShare;
+		const letterExtraSpace = extraSpace - wordExtraSpace;
+		const wordSpacingPx = resolvePerGapSpacing(wordExtraSpace, info.wordGapCount);
+		const letterSpacingPx = resolvePerGapSpacing(letterExtraSpace, info.letterGapCount);
+		if (wordSpacingPx == null || letterSpacingPx == null) continue;
+		if (exceedsThreshold(wordSpacingPx, avgWordWidth, threshold) || exceedsThreshold(letterSpacingPx, avgCharWidth, threshold)) continue;
+		const wordRatio = wordSpacingPx / avgWordWidth;
+		const letterRatio = letterSpacingPx / avgCharWidth;
+		const score = wordPenalty * wordRatio ** 2 + letterPenalty * letterRatio ** 2;
+		if (bestCandidate == null || score < bestCandidate.score - JUSTIFY_SCORE_EPSILON || Math.abs(score - bestCandidate.score) <= JUSTIFY_SCORE_EPSILON && wordShare > bestCandidate.wordShare) bestCandidate = {
+			spacing: createJustifySpacing(wordSpacingPx, letterSpacingPx),
+			score,
+			wordShare
+		};
+	}
+	return bestCandidate?.spacing ?? null;
+}
+//#endregion
 //#region src/text/plain-core.ts
 function readPreparedText(text, font, whiteSpace, wordBreak) {
 	return readPreparedInlineLayout(getPlainPreparedKey(text, font, whiteSpace, wordBreak), createPlainSourceItems(text, font), whiteSpace, wordBreak);
@@ -2759,174 +2907,26 @@ function layoutRichTextWithOverflow(ctx, spans, maxWidth, defaultFont, defaultCo
 	};
 }
 //#endregion
-//#region src/text/justify.ts
-let _justifySupported;
-function isJustifySupported(ctx) {
-	if (_justifySupported !== void 0) return _justifySupported;
-	_justifySupported = typeof ctx.wordSpacing === "string" && typeof ctx.letterSpacing === "string";
-	return _justifySupported;
-}
-function resolveJustifyMode(justify) {
-	if (justify === true) return "inter-word";
-	if (justify === "inter-word" || justify === "inter-character") return justify;
-	return null;
-}
-const HYBRID_WORD_SHARE_CANDIDATES = [
-	.15,
-	.2,
-	.25,
-	.3,
-	.35,
-	.4,
-	.45,
-	.5,
-	.55,
-	.6,
-	.65,
-	.7,
-	.75,
-	.8,
-	.85,
-	1,
-	0
-];
-const PUNCTUATION_OR_SYMBOL_PATTERN = /^[\p{P}\p{S}]$/u;
-const JUSTIFY_SCORE_EPSILON = 1e-9;
-function analyzeLineForJustify(prepared, line) {
-	let wordGapCount = 0;
-	let wordCount = 0;
-	let renderAtomCount = 0;
-	let spaceCount = 0;
-	let nonSpaceCount = 0;
-	let cjkCount = 0;
-	let latinLikeCount = 0;
-	let punctuationCount = 0;
-	let nonSpaceWidth = 0;
-	let insideWord = false;
-	forEachAtomInRange(prepared, line.start, line.end, (atom) => {
-		if (atom.kind === "space" && !atom.preservesLineEnd && atom.atomicGroupId == null) wordGapCount++;
-		renderAtomCount++;
-		if (atom.kind === "space") {
-			spaceCount++;
-			insideWord = false;
-			return;
-		}
-		nonSpaceCount++;
-		nonSpaceWidth += atom.width + atom.extraWidthAfter;
-		if (!insideWord) {
-			wordCount++;
-			insideWord = true;
-		}
-		if (isCJK(atom.text)) {
-			cjkCount++;
-			return;
-		}
-		if (PUNCTUATION_OR_SYMBOL_PATTERN.test(atom.text)) {
-			punctuationCount++;
-			return;
-		}
-		latinLikeCount++;
-	});
-	return {
-		wordGapCount,
-		wordCount,
-		renderAtomCount,
-		letterGapCount: Math.max(renderAtomCount - 1, 0),
-		spaceCount,
-		nonSpaceCount,
-		cjkCount,
-		latinLikeCount,
-		punctuationCount,
-		lineWidth: line.width,
-		nonSpaceWidth
-	};
-}
-function getAverageWordWidth(info) {
-	return info.wordCount > 0 ? info.nonSpaceWidth / info.wordCount : info.lineWidth;
+//#region src/nodes/text.ts
+function resolvePhysicalTextAlign(options) {
+	if (options.physicalAlign != null) return options.physicalAlign;
+	if (options.align != null) switch (options.align) {
+		case "start": return "left";
+		case "center": return "center";
+		case "end": return "right";
+	}
+	return "left";
 }
-function getAverageCharWidth(info) {
-	return info.renderAtomCount > 0 ? info.lineWidth / info.renderAtomCount : info.lineWidth;
+function normalizeTextMaxWidth(maxWidth) {
+	if (maxWidth == null) return;
+	return Math.max(0, maxWidth);
 }
-function resolvePerGapSpacing(totalSpace, gapCount) {
-	if (totalSpace === 0) return 0;
-	if (gapCount <= 0) return null;
-	return totalSpace / gapCount;
-}
-function exceedsThreshold(perGap, averageWidth, threshold) {
-	if (!Number.isFinite(threshold)) return false;
-	return perGap > threshold * averageWidth;
-}
-function createJustifySpacing(wordSpacingPx, letterSpacingPx) {
-	return {
-		wordSpacing: `${wordSpacingPx}px`,
-		letterSpacing: `${letterSpacingPx}px`,
-		wordSpacingPx,
-		letterSpacingPx
-	};
-}
-function computeJustifySpacing(lineWidth, maxWidth, info, mode, threshold = Number.POSITIVE_INFINITY) {
-	const extraSpace = maxWidth - lineWidth;
-	if (extraSpace <= 0 || mode == null) return null;
-	if (mode === "inter-word" && info.wordGapCount > 0) {
-		const perGap = extraSpace / info.wordGapCount;
-		if (exceedsThreshold(perGap, Math.max(getAverageWordWidth(info), Number.EPSILON), threshold)) return null;
-		return createJustifySpacing(perGap, 0);
-	}
-	if (mode !== "inter-character" || info.renderAtomCount === 0) return null;
-	const avgCharWidth = Math.max(getAverageCharWidth(info), Number.EPSILON);
-	if (info.wordGapCount === 0) {
-		const perGap = resolvePerGapSpacing(extraSpace, info.letterGapCount);
-		if (perGap == null) return null;
-		if (exceedsThreshold(perGap, avgCharWidth, threshold)) return null;
-		return createJustifySpacing(0, perGap);
-	}
-	const avgWordWidth = Math.max(getAverageWordWidth(info), Number.EPSILON);
-	const nonSpaceCount = Math.max(info.nonSpaceCount, 1);
-	const cjkRatio = info.cjkCount / nonSpaceCount;
-	const latinLikeRatio = info.latinLikeCount / nonSpaceCount;
-	const punctuationRatio = info.punctuationCount / nonSpaceCount;
-	const wordPenalty = 1 + cjkRatio;
-	const letterPenalty = 1 + latinLikeRatio + .5 * punctuationRatio;
-	let bestCandidate = null;
-	for (const wordShare of HYBRID_WORD_SHARE_CANDIDATES) {
-		const wordExtraSpace = extraSpace * wordShare;
-		const letterExtraSpace = extraSpace - wordExtraSpace;
-		const wordSpacingPx = resolvePerGapSpacing(wordExtraSpace, info.wordGapCount);
-		const letterSpacingPx = resolvePerGapSpacing(letterExtraSpace, info.letterGapCount);
-		if (wordSpacingPx == null || letterSpacingPx == null) continue;
-		if (exceedsThreshold(wordSpacingPx, avgWordWidth, threshold) || exceedsThreshold(letterSpacingPx, avgCharWidth, threshold)) continue;
-		const wordRatio = wordSpacingPx / avgWordWidth;
-		const letterRatio = letterSpacingPx / avgCharWidth;
-		const score = wordPenalty * wordRatio ** 2 + letterPenalty * letterRatio ** 2;
-		if (bestCandidate == null || score < bestCandidate.score - JUSTIFY_SCORE_EPSILON || Math.abs(score - bestCandidate.score) <= JUSTIFY_SCORE_EPSILON && wordShare > bestCandidate.wordShare) bestCandidate = {
-			spacing: createJustifySpacing(wordSpacingPx, letterSpacingPx),
-			score,
-			wordShare
-		};
-	}
-	return bestCandidate?.spacing ?? null;
-}
-//#endregion
-//#region src/nodes/text.ts
-function resolvePhysicalTextAlign(options) {
-	if (options.physicalAlign != null) return options.physicalAlign;
-	if (options.align != null) switch (options.align) {
-		case "start": return "left";
-		case "center": return "center";
-		case "end": return "right";
-	}
-	return "left";
-}
-function normalizeTextMaxWidth(maxWidth) {
-	if (maxWidth == null) return;
-	return Math.max(0, maxWidth);
-}
-const DEFAULT_TEXT_SPACING = {
-	wordSpacing: "0px",
-	letterSpacing: "0px"
-};
-function supportsTextSpacing(g) {
-	return typeof g.wordSpacing === "string" && typeof g.letterSpacing === "string";
+const DEFAULT_TEXT_SPACING = {
+	wordSpacing: "0px",
+	letterSpacing: "0px"
+};
+function supportsTextSpacing(g) {
+	return typeof g.wordSpacing === "string" && typeof g.letterSpacing === "string";
 }
 function withTextSpacing(g, spacing, cb) {
 	if (!supportsTextSpacing(g)) return cb();
@@ -3598,6 +3598,7 @@ const listStateListenerRegistry = typeof FinalizationRegistry === "function" ? n
 }) : null;
 const listScrollMutations = /* @__PURE__ */ new WeakMap();
 const WRITE_LIST_SCROLL_STATE = Symbol("writeListScrollState");
+const FINALIZE_LIST_DELETE = Symbol("finalizeListDelete");
 function normalizePosition(value) {
 	return typeof value === "number" && Number.isFinite(value) ? Math.trunc(value) : void 0;
 }
@@ -3630,6 +3631,9 @@ function readListScrollMutation(list) {
 function writeInternalListScrollState(list, state) {
 	list[WRITE_LIST_SCROLL_STATE](state, "internal");
 }
+function finalizeInternalListDelete(list, item) {
+	list[FINALIZE_LIST_DELETE](item);
+}
 function deleteListStateListener(list, token) {
 	const listeners = listStateListeners.get(list);
 	if (listeners == null) return;
@@ -3706,16 +3710,10 @@ var ListState = class {
 	get offset() {
 		return this.#offset;
 	}
-	set offset(value) {
-		this.#writeScrollState({ offset: normalizeOffset$1(value) }, "external");
-	}
 	/** Anchor item index, or `undefined` to use the renderer default. */
 	get position() {
 		return this.#position;
 	}
-	set position(value) {
-		this.#writeScrollState({ position: normalizePosition(value) }, "external");
-	}
 	/** Items currently managed by the renderer. */
 	get items() {
 		return this.#items;
@@ -3798,7 +3796,7 @@ var ListState = class {
 		const normalizedAnimation = normalizeDeleteAnimation(animation);
 		if (!((normalizedAnimation?.duration ?? 0) > 0)) {
 			this.#pendingDeletes.add(item);
-			this.finalizeDelete(item);
+			this[FINALIZE_LIST_DELETE](item);
 			return;
 		}
 		this.#pendingDeletes.add(item);
@@ -3811,7 +3809,7 @@ var ListState = class {
 	/**
 	* Finalizes a pending delete by removing the item from the list.
 	*/
-	finalizeDelete(item) {
+	[FINALIZE_LIST_DELETE](item) {
 		if (!this.#pendingDeletes.has(item)) return;
 		const index = this.#items.indexOf(item);
 		this.#pendingDeletes.delete(item);
@@ -3831,15 +3829,6 @@ var ListState = class {
 		});
 	}
 	/**
-	* Sets the current anchor item and pixel offset.
-	*/
-	setAnchor(position, offset = 0) {
-		this.#writeScrollState({
-			position: normalizePosition(position),
-			offset: normalizeOffset$1(offset)
-		}, "external");
-	}
-	/**
 	* Replaces all items and clears scroll state.
 	*/
 	reset(items = []) {
@@ -3853,13 +3842,6 @@ var ListState = class {
 		}, "internal");
 		emitListStateChange(this, { type: "reset" });
 	}
-	/** Clears the current scroll anchor while keeping the items. */
-	resetScroll() {
-		this.#writeScrollState({
-			position: void 0,
-			offset: 0
-		}, "external");
-	}
 	/** Applies a relative pixel scroll delta. */
 	applyScroll(delta) {
 		this.#writeScrollState({ offset: this.#offset + delta }, "external");
@@ -3948,7 +3930,22 @@ function memoRenderItemBy(keyOf, renderItem, options = {}) {
 	});
 }
 //#endregion
-//#region src/renderer/virtualized/base-animation.ts
+//#region src/renderer/virtualized/frame-session.ts
+function prepareFrameSession(params) {
+	let solution = params.resolveVisibleWindow(params.now);
+	params.captureVisibleItemSnapshot(solution);
+	const requestSettleRedraw = params.pruneTransitionAnimations(solution.window, params.now);
+	if (requestSettleRedraw) {
+		solution = params.resolveVisibleWindow(params.now);
+		params.captureVisibleItemSnapshot(solution);
+	}
+	return {
+		solution,
+		requestSettleRedraw
+	};
+}
+//#endregion
+//#region src/renderer/virtualized/virtualized-animation.ts
 const CONTROLLED_STATE_OFFSET_EPSILON = 1e-9;
 function clamp$1(value, min, max) {
 	return Math.min(Math.max(value, min), max);
@@ -4039,21 +4036,6 @@ function getNow() {
 	return globalThis.performance?.now() ?? Date.now();
 }
 //#endregion
-//#region src/renderer/virtualized/frame-session.ts
-function prepareFrameSession(params) {
-	let solution = params.resolveVisibleWindow(params.now);
-	params.captureVisibleItemSnapshot(solution);
-	const requestSettleRedraw = params.pruneTransitionAnimations(solution.window, params.now);
-	if (requestSettleRedraw) {
-		solution = params.resolveVisibleWindow(params.now);
-		params.captureVisibleItemSnapshot(solution);
-	}
-	return {
-		solution,
-		requestSettleRedraw
-	};
-}
-//#endregion
 //#region src/renderer/virtualized/jump-controller.ts
 var JumpController = class JumpController {
 	static TRANSITION_SETTLE_SNAP_DURATION = 120;
@@ -4369,87 +4351,395 @@ var JumpController = class JumpController {
 	}
 };
 //#endregion
-//#region src/renderer/virtualized/transition-snapshot.ts
-var VisibilitySnapshot = class {
-	#drawnItems = /* @__PURE__ */ new Set();
-	#visibleItems = /* @__PURE__ */ new Set();
-	#previousVisibleItems = /* @__PURE__ */ new Set();
-	#hasSnapshot = false;
-	#snapshotState;
-	#previousSnapshotState;
-	#emptyState;
-	#coversShortList = false;
-	#atStartBoundary = false;
-	#atEndBoundary = false;
-	#minDrawnIndex = Number.POSITIVE_INFINITY;
-	#maxDrawnIndex = Number.NEGATIVE_INFINITY;
-	#topBoundaryItem;
-	#bottomBoundaryItem;
-	get coversShortList() {
-		return this.#hasSnapshot && this.#snapshotState != null && this.#coversShortList;
-	}
-	get hasSnapshot() {
-		return this.#hasSnapshot;
-	}
-	get previousState() {
-		return this.#previousSnapshotState;
-	}
-	readDrawnIndexRange() {
-		if (!Number.isFinite(this.#minDrawnIndex) || !Number.isFinite(this.#maxDrawnIndex)) return;
-		return {
-			minIndex: this.#minDrawnIndex,
-			maxIndex: this.#maxDrawnIndex
-		};
-	}
-	readBoundaryItem(boundary) {
-		return boundary === "top" ? this.#topBoundaryItem : this.#bottomBoundaryItem;
-	}
-	capture(window, _resolutionPath, items, viewport, snapshotState, readVisibleRange, readOuterVisibleRange) {
-		this.#previousVisibleItems = this.#visibleItems;
-		this.#previousSnapshotState = this.#snapshotState;
-		const nextDrawnItems = /* @__PURE__ */ new Set();
-		const nextVisibleItems = /* @__PURE__ */ new Set();
-		let minVisibleIndex = Number.POSITIVE_INFINITY;
-		let maxVisibleIndex = Number.NEGATIVE_INFINITY;
-		let topMostY = Number.POSITIVE_INFINITY;
-		let bottomMostY = Number.NEGATIVE_INFINITY;
-		let nextMinDrawnIndex = Number.POSITIVE_INFINITY;
-		let nextMaxDrawnIndex = Number.NEGATIVE_INFINITY;
-		let nextTopBoundaryItem;
-		let nextBottomBoundaryItem;
-		let nextTopBoundaryY = Number.POSITIVE_INFINITY;
-		let nextBottomBoundaryY = Number.NEGATIVE_INFINITY;
-		const effectiveShift = window.shift;
-		const contentOriginY = viewport.contentTop;
-		for (const { idx, offset, height } of window.drawList) {
-			const y = offset + effectiveShift + contentOriginY;
-			topMostY = Math.min(topMostY, y);
-			bottomMostY = Math.max(bottomMostY, y + height);
-			const item = items[idx];
-			if (item != null && readOuterVisibleRange(y, height) != null) {
-				nextDrawnItems.add(item);
-				nextMinDrawnIndex = Math.min(nextMinDrawnIndex, idx);
-				nextMaxDrawnIndex = Math.max(nextMaxDrawnIndex, idx);
-			}
-			if (item == null) continue;
-			if (readVisibleRange(y, height) != null) {
-				minVisibleIndex = Math.min(minVisibleIndex, idx);
-				maxVisibleIndex = Math.max(maxVisibleIndex, idx);
-				nextVisibleItems.add(item);
-				if (y < nextTopBoundaryY) {
-					nextTopBoundaryY = y;
-					nextTopBoundaryItem = item;
-				}
-				if (y + height > nextBottomBoundaryY) {
-					nextBottomBoundaryY = y + height;
-					nextBottomBoundaryItem = item;
-				}
-			}
+//#region src/renderer/virtualized/solver.ts
+function clamp(value, min, max) {
+	return Math.min(Math.max(value, min), max);
+}
+function normalizeOffset(offset) {
+	return Number.isFinite(offset) ? offset : 0;
+}
+function normalizeListPadding(padding) {
+	return {
+		top: typeof padding?.top === "number" && Number.isFinite(padding.top) ? Math.max(0, padding.top) : 0,
+		bottom: typeof padding?.bottom === "number" && Number.isFinite(padding.bottom) ? Math.max(0, padding.bottom) : 0
+	};
+}
+function resolveListViewport(outerHeight, padding) {
+	const height = typeof outerHeight === "number" && Number.isFinite(outerHeight) ? Math.max(0, outerHeight) : 0;
+	const resolvedPadding = normalizeListPadding(padding);
+	const contentTop = resolvedPadding.top;
+	const contentBottom = Math.max(contentTop, height - resolvedPadding.bottom);
+	return {
+		outerHeight: height,
+		contentTop,
+		contentBottom,
+		contentHeight: contentBottom - contentTop,
+		outerContentTop: -contentTop,
+		outerContentBottom: height - contentTop
+	};
+}
+function resolveListLayoutOptions(options = {}) {
+	return {
+		anchorMode: options.anchorMode ?? "top",
+		underflowAlign: options.underflowAlign ?? "top",
+		padding: normalizeListPadding(options.padding)
+	};
+}
+function normalizeVisibleState(itemCount, state, layout) {
+	if (itemCount <= 0) return {
+		position: 0,
+		offset: 0
+	};
+	const position = state.position;
+	const fallbackPosition = layout.anchorMode === "top" ? 0 : itemCount - 1;
+	if (typeof position !== "number" || !Number.isFinite(position)) return {
+		position: fallbackPosition,
+		offset: normalizeOffset(state.offset)
+	};
+	return {
+		position: clamp(Math.trunc(position), 0, itemCount - 1),
+		offset: normalizeOffset(state.offset)
+	};
+}
+function resolveVisibleWindow(items, state, viewportHeight, resolveItem, layout) {
+	const viewport = typeof viewportHeight === "number" ? resolveListViewport(viewportHeight, layout.padding) : viewportHeight;
+	const contentHeight = viewport.contentHeight;
+	const normalizedState = normalizeVisibleState(items.length, state, layout);
+	const resolutionPath = /* @__PURE__ */ new Set();
+	const readResolvedItem = (item, idx) => {
+		resolutionPath.add(idx);
+		return resolveItem(item, idx);
+	};
+	if (items.length === 0) return {
+		normalizedState,
+		resolutionPath: [],
+		window: {
+			drawList: [],
+			shift: 0
 		}
-		this.#drawnItems = nextDrawnItems;
-		this.#visibleItems = nextVisibleItems;
-		this.#hasSnapshot = true;
-		this.#snapshotState = snapshotState;
+	};
+	if (layout.anchorMode === "top") {
+		let { position, offset } = normalizedState;
+		let drawLength = 0;
+		if (offset > 0) if (position === 0) offset = 0;
+		else {
+			for (let i = position - 1; i >= 0; i -= 1) {
+				const { height } = readResolvedItem(items[i], i);
+				position = i;
+				offset -= height;
+				if (offset <= 0) break;
+			}
+			if (position === 0 && offset > 0) offset = 0;
+		}
+		let y = offset;
+		const drawList = [];
+		for (let i = position; i < items.length; i += 1) {
+			const { value, height } = readResolvedItem(items[i], i);
+			if (y + height > 0) {
+				drawList.push({
+					index: i,
+					value,
+					offset: y,
+					height
+				});
+				drawLength += height;
+			} else {
+				offset += height;
+				position = i + 1;
+			}
+			y += height;
+			if (y >= contentHeight) break;
+		}
+		let shift = 0;
+		if (y < contentHeight) {
+			if (drawList.length > 0 && drawList.at(-1)?.index === items.length - 1 && !(drawList.at(-1)?.height > Number.EPSILON)) return finalizeVisibleWindowResult(items.length, viewport, layout, {
+				position,
+				offset
+			}, Array.from(resolutionPath), extendVisibleWindowToOuterBounds(items, {
+				drawList,
+				shift
+			}, viewport, readResolvedItem));
+			if (position === 0 && drawLength < contentHeight) {
+				shift = -offset;
+				offset = 0;
+			} else {
+				shift = contentHeight - y;
+				y = offset += shift;
+				let lastIdx = -1;
+				for (let i = position - 1; i >= 0; i -= 1) {
+					const { value, height } = readResolvedItem(items[i], i);
+					drawLength += height;
+					y -= height;
+					drawList.push({
+						index: i,
+						value,
+						offset: y - shift,
+						height
+					});
+					lastIdx = i;
+					if (y < 0) break;
+				}
+				if (lastIdx === 0 && drawLength < contentHeight) {
+					shift = drawList.at(-1)?.offset == null ? 0 : -drawList.at(-1).offset;
+					position = 0;
+					offset = 0;
+				}
+			}
+		}
+		return finalizeVisibleWindowResult(items.length, viewport, layout, {
+			position,
+			offset
+		}, Array.from(resolutionPath), extendVisibleWindowToOuterBounds(items, {
+			drawList,
+			shift
+		}, viewport, readResolvedItem));
+	}
+	let { position, offset } = normalizedState;
+	let drawLength = 0;
+	if (offset < 0) if (position === items.length - 1) offset = 0;
+	else for (let i = position + 1; i < items.length; i += 1) {
+		const { height } = readResolvedItem(items[i], i);
+		position = i;
+		offset += height;
+		if (offset > 0) break;
+	}
+	let y = contentHeight + offset;
+	const drawList = [];
+	for (let i = position; i >= 0; i -= 1) {
+		const { value, height } = readResolvedItem(items[i], i);
+		y -= height;
+		if (y <= contentHeight) {
+			drawList.push({
+				index: i,
+				value,
+				offset: y,
+				height
+			});
+			drawLength += height;
+		} else {
+			offset -= height;
+			position = i - 1;
+		}
+		if (y < 0) break;
+	}
+	let shift = 0;
+	if (y > 0) {
+		shift = -y;
+		if (drawLength < contentHeight) {
+			y = drawLength;
+			for (let i = position + 1; i < items.length; i += 1) {
+				const { value, height } = readResolvedItem(items[i], i);
+				drawList.push({
+					index: i,
+					value,
+					offset: y - shift,
+					height
+				});
+				y = drawLength += height;
+				if (height > Number.EPSILON) position = i;
+				if (y >= contentHeight) break;
+			}
+			offset = drawLength < contentHeight ? 0 : drawLength - contentHeight;
+		} else offset = drawLength - contentHeight;
+	}
+	return finalizeVisibleWindowResult(items.length, viewport, layout, {
+		position,
+		offset
+	}, Array.from(resolutionPath), extendVisibleWindowToOuterBounds(items, {
+		drawList,
+		shift
+	}, viewport, readResolvedItem));
+}
+function finalizeVisibleWindowResult(itemCount, viewport, layout, normalizedState, resolutionPath, window) {
+	const viewportHeight = viewport.contentHeight;
+	if (window.drawList.length !== itemCount || itemCount <= 0) return {
+		normalizedState,
+		resolutionPath,
+		window
+	};
+	let minIndex = Number.POSITIVE_INFINITY;
+	let maxIndex = Number.NEGATIVE_INFINITY;
+	let minOffset = Number.POSITIVE_INFINITY;
+	let maxBottom = Number.NEGATIVE_INFINITY;
+	let hasDeferredSlots = false;
+	for (const entry of window.drawList) {
+		if (!(entry.height > Number.EPSILON)) hasDeferredSlots = true;
+		else {
+			minOffset = Math.min(minOffset, entry.offset);
+			maxBottom = Math.max(maxBottom, entry.offset + entry.height);
+		}
+		minIndex = Math.min(minIndex, entry.index);
+		maxIndex = Math.max(maxIndex, entry.index);
+	}
+	if (!Number.isFinite(minOffset) || !Number.isFinite(maxBottom)) return {
+		normalizedState,
+		resolutionPath,
+		window
+	};
+	const contentHeight = maxBottom - minOffset;
+	if (minIndex !== 0 || maxIndex !== itemCount - 1 || !(contentHeight < viewportHeight - Number.EPSILON)) return {
+		normalizedState,
+		resolutionPath,
+		window
+	};
+	const desiredTop = layout.underflowAlign === "bottom" ? viewportHeight - contentHeight : 0;
+	return {
+		normalizedState: hasDeferredSlots ? normalizedState : layout.anchorMode === "top" ? {
+			position: 0,
+			offset: 0
+		} : {
+			position: itemCount - 1,
+			offset: 0
+		},
+		resolutionPath,
+		window: {
+			drawList: window.drawList,
+			shift: desiredTop - minOffset
+		}
+	};
+}
+function extendVisibleWindowToOuterBounds(items, window, viewport, resolveItem) {
+	if (window.drawList.length === 0 || items.length === 0) return window;
+	const drawList = [...window.drawList];
+	const existingIndices = new Set(drawList.map((entry) => entry.index));
+	let topEntry = drawList[0];
+	let bottomEntry = drawList[0];
+	for (const entry of drawList) {
+		if (entry.offset < topEntry.offset) topEntry = entry;
+		if (entry.offset + entry.height > bottomEntry.offset + bottomEntry.height) bottomEntry = entry;
+	}
+	let topIdx = topEntry.index;
+	let topY = topEntry.offset + window.shift;
+	while (topIdx > 0) {
+		const prevIdx = topIdx - 1;
+		if (existingIndices.has(prevIdx)) {
+			const existing = drawList.find((entry) => entry.index === prevIdx);
+			topIdx = prevIdx;
+			if (existing != null) topY = existing.offset + window.shift;
+			continue;
+		}
+		const { value, height } = resolveItem(items[prevIdx], prevIdx);
+		const prevY = topY - height;
+		if (prevY + height <= viewport.outerContentTop) break;
+		drawList.push({
+			index: prevIdx,
+			value,
+			offset: prevY - window.shift,
+			height
+		});
+		existingIndices.add(prevIdx);
+		topIdx = prevIdx;
+		topY = prevY;
+	}
+	let bottomIdx = bottomEntry.index;
+	let bottomY = bottomEntry.offset + window.shift + bottomEntry.height;
+	while (bottomIdx < items.length - 1) {
+		const nextIdx = bottomIdx + 1;
+		if (existingIndices.has(nextIdx)) {
+			const existing = drawList.find((entry) => entry.index === nextIdx);
+			bottomIdx = nextIdx;
+			if (existing != null) bottomY = Math.max(bottomY, existing.offset + window.shift + existing.height);
+			continue;
+		}
+		const { value, height } = resolveItem(items[nextIdx], nextIdx);
+		if (bottomY >= viewport.outerContentBottom) break;
+		drawList.push({
+			index: nextIdx,
+			value,
+			offset: bottomY - window.shift,
+			height
+		});
+		existingIndices.add(nextIdx);
+		bottomIdx = nextIdx;
+		bottomY += height;
+	}
+	return {
+		drawList,
+		shift: window.shift
+	};
+}
+//#endregion
+//#region src/renderer/virtualized/transition-snapshot.ts
+var VisibilitySnapshot = class {
+	#drawnItems = /* @__PURE__ */ new Set();
+	#visibleItems = /* @__PURE__ */ new Set();
+	#previousVisibleItems = /* @__PURE__ */ new Set();
+	#hasSnapshot = false;
+	#snapshotState;
+	#previousSnapshotState;
+	#emptyState;
+	#coversShortList = false;
+	#atStartBoundary = false;
+	#atEndBoundary = false;
+	#minDrawnIndex = Number.POSITIVE_INFINITY;
+	#maxDrawnIndex = Number.NEGATIVE_INFINITY;
+	#topBoundaryItem;
+	#bottomBoundaryItem;
+	get coversShortList() {
+		return this.#hasSnapshot && this.#snapshotState != null && this.#coversShortList;
+	}
+	get hasSnapshot() {
+		return this.#hasSnapshot;
+	}
+	get previousState() {
+		return this.#previousSnapshotState;
+	}
+	readDrawnIndexRange() {
+		if (!Number.isFinite(this.#minDrawnIndex) || !Number.isFinite(this.#maxDrawnIndex)) return;
+		return {
+			minIndex: this.#minDrawnIndex,
+			maxIndex: this.#maxDrawnIndex
+		};
+	}
+	readBoundaryItem(boundary) {
+		return boundary === "top" ? this.#topBoundaryItem : this.#bottomBoundaryItem;
+	}
+	capture(window, _resolutionPath, items, viewport, snapshotState, readVisibleRange, readOuterVisibleRange) {
+		this.#previousVisibleItems = this.#visibleItems;
+		this.#previousSnapshotState = this.#snapshotState;
+		const nextDrawnItems = /* @__PURE__ */ new Set();
+		const nextVisibleItems = /* @__PURE__ */ new Set();
+		let minVisibleIndex = Number.POSITIVE_INFINITY;
+		let maxVisibleIndex = Number.NEGATIVE_INFINITY;
+		let topMostY = Number.POSITIVE_INFINITY;
+		let bottomMostY = Number.NEGATIVE_INFINITY;
+		let nextMinDrawnIndex = Number.POSITIVE_INFINITY;
+		let nextMaxDrawnIndex = Number.NEGATIVE_INFINITY;
+		let nextTopBoundaryItem;
+		let nextBottomBoundaryItem;
+		let nextTopBoundaryY = Number.POSITIVE_INFINITY;
+		let nextBottomBoundaryY = Number.NEGATIVE_INFINITY;
+		const effectiveShift = window.shift;
+		const contentOriginY = viewport.contentTop;
+		for (const { index, offset, height } of window.drawList) {
+			const y = offset + effectiveShift + contentOriginY;
+			topMostY = Math.min(topMostY, y);
+			bottomMostY = Math.max(bottomMostY, y + height);
+			const item = items[index];
+			if (item != null && readOuterVisibleRange(y, height) != null) {
+				nextDrawnItems.add(item);
+				nextMinDrawnIndex = Math.min(nextMinDrawnIndex, index);
+				nextMaxDrawnIndex = Math.max(nextMaxDrawnIndex, index);
+			}
+			if (item == null) continue;
+			if (readVisibleRange(y, height) != null) {
+				minVisibleIndex = Math.min(minVisibleIndex, index);
+				maxVisibleIndex = Math.max(maxVisibleIndex, index);
+				nextVisibleItems.add(item);
+				if (y < nextTopBoundaryY) {
+					nextTopBoundaryY = y;
+					nextTopBoundaryItem = item;
+				}
+				if (y + height > nextBottomBoundaryY) {
+					nextBottomBoundaryY = y + height;
+					nextBottomBoundaryItem = item;
+				}
+			}
+		}
+		this.#drawnItems = nextDrawnItems;
+		this.#visibleItems = nextVisibleItems;
+		this.#hasSnapshot = true;
+		this.#snapshotState = snapshotState;
 		this.#minDrawnIndex = nextMinDrawnIndex;
 		this.#maxDrawnIndex = nextMaxDrawnIndex;
 		this.#topBoundaryItem = nextTopBoundaryItem;
@@ -4588,7 +4878,7 @@ function findVisibleEntry(index, resolveVisibleWindow, readVisibleRange) {
 	if (index < 0) return;
 	const solution = resolveVisibleWindow();
 	for (const entry of solution.window.drawList) {
-		if (entry.idx !== index) continue;
+		if (entry.index !== index) continue;
 		if (readVisibleRange(entry.offset + solution.window.shift, entry.height) != null) return entry;
 	}
 }
@@ -4606,7 +4896,7 @@ function hasVisibleBoundaryInsertItems(direction, count, ctx) {
 	const end = direction === "push" ? ctx.items.length : Math.min(count, ctx.items.length);
 	if (start < 0 || end <= start) return false;
 	const solution = ctx.resolveVisibleWindow();
-	return solution.window.drawList.some((entry) => entry.idx >= start && entry.idx < end && ctx.readOuterVisibleRange(entry.offset + solution.window.shift, entry.height) != null);
+	return solution.window.drawList.some((entry) => entry.index >= start && entry.index < end && ctx.readOuterVisibleRange(entry.offset + solution.window.shift, entry.height) != null);
 }
 function sampleScalarAnimation(animation, now) {
 	return interpolate(animation.from, animation.to, animation.startTime, animation.duration, now);
@@ -4851,432 +5141,124 @@ function handleTransitionStateChange(store, snapshot, change, ctx, lifecycle) {
 				const boundaryItem = snapshot.readBoundaryItem(boundary);
 				if (boundaryItem != null) lifecycle.snapItemToViewportBoundary(boundaryItem, boundary);
 			}
-			return;
-		}
-		case "reset":
-		case "set":
-			store.reset();
-			snapshot.reset();
-			return;
-	}
-}
-//#endregion
-//#region src/renderer/virtualized/base-transition.ts
-function remapAnchorAfterDeletes(anchor, deletedIndices) {
-	if (!Number.isFinite(anchor) || deletedIndices.length === 0) return anchor;
-	const sortedIndices = [...deletedIndices].filter((index) => Number.isFinite(index) && index >= 0).sort((a, b) => a - b);
-	let removedBeforeAnchor = 0;
-	for (const index of sortedIndices) {
-		if (anchor > index + 1) {
-			removedBeforeAnchor += 1;
-			continue;
-		}
-		if (anchor >= index) return index - removedBeforeAnchor;
-	}
-	return anchor - removedBeforeAnchor;
-}
-var TransitionController = class {
-	#store = new TransitionStore();
-	#snapshot = new VisibilitySnapshot();
-	captureVisibilitySnapshot(window, resolutionPath, items, viewport, snapshotState, readVisibleRange, readOuterVisibleRange) {
-		this.#snapshot.capture(window, resolutionPath, items, viewport, snapshotState, readVisibleRange, readOuterVisibleRange);
-	}
-	pruneInvisible(ctx, lifecycle) {
-		return this.pruneInvisibleAt(getNow(), ctx, lifecycle);
-	}
-	prepare(now, lifecycle) {
-		this.settle(now, lifecycle);
-		return this.#store.prepare(now);
-	}
-	canAutoFollowBoundaryInsert(direction, count, position, offset) {
-		return this.#snapshot.matchesFollowBoundaryInsertState(direction, count, position, offset);
-	}
-	getItemHeight(item, now, adapter) {
-		return getTransitionedItemHeight(item, now, this.#store, adapter);
-	}
-	resolveItem(item, now, adapter, lifecycle) {
-		return resolveTransitionedItem(item, now, this.#store, adapter, lifecycle);
-	}
-	handleListStateChange(change, ctx, lifecycle) {
-		const now = getNow();
-		this.settle(now, lifecycle);
-		handleTransitionStateChange(this.#store, this.#snapshot, change, ctx, lifecycle);
-	}
-	settle(now, lifecycle) {
-		return this.#settleTransitions(this.#store.findCompleted(now), now, lifecycle);
-	}
-	pruneInvisibleAt(now, ctx, lifecycle) {
-		const removals = this.#store.findInvisible(this.#snapshot);
-		return this.#settleTransitions(removals, now, lifecycle, this.#resolveNaturalBoundarySnap(removals, now, ctx, lifecycle));
-	}
-	reset() {
-		this.#store.reset();
-		this.#snapshot.reset();
-	}
-	#settleTransitions(removals, now, lifecycle, boundarySnap) {
-		if (removals.length === 0) return false;
-		const anchor = lifecycle.captureVisualAnchor(now);
-		const beforeState = lifecycle.readScrollState();
-		const completedDeleteIndices = [];
-		for (const { item, transition } of removals) {
-			if (transition.kind === "delete") {
-				const index = lifecycle.readItemIndex(item);
-				if (index >= 0) completedDeleteIndices.push(index);
-			}
-			this.#store.delete(item);
-			if (transition.kind === "delete") lifecycle.onDeleteComplete(item);
-		}
-		if (anchor != null && Number.isFinite(anchor)) lifecycle.restoreVisualAnchor(remapAnchorAfterDeletes(anchor, completedDeleteIndices));
-		if (boundarySnap != null) lifecycle.snapItemToViewportBoundary(boundarySnap.item, boundarySnap.boundary);
-		const afterState = lifecycle.readScrollState();
-		if (!sameState(beforeState, afterState.position, afterState.offset)) lifecycle.onTransitionSettleScrollAdjusted();
-		return true;
-	}
-	#resolveNaturalBoundarySnap(removals, now, ctx, lifecycle) {
-		const previousState = this.#snapshot.previousState;
-		const drawnRange = this.#snapshot.readDrawnIndexRange();
-		if (previousState == null || drawnRange == null) return;
-		const naturalIndices = [];
-		for (const { item, transition } of removals) {
-			if (transition.kind !== "update" && transition.kind !== "delete") continue;
-			const index = lifecycle.readItemIndex(item);
-			if (index < 0 || !this.#snapshot.wasVisible(item)) return;
-			if (this.#isTransitionVisibleInState(index, previousState, now, ctx)) return;
-			naturalIndices.push(index);
-		}
-		if (naturalIndices.length === 0) return;
-		if (naturalIndices.every((index) => index < drawnRange.minIndex)) {
-			const item = this.#snapshot.readBoundaryItem("top");
-			return item == null ? void 0 : {
-				item,
-				boundary: "top"
-			};
-		}
-		if (naturalIndices.every((index) => index > drawnRange.maxIndex)) {
-			const item = this.#snapshot.readBoundaryItem("bottom");
-			return item == null ? void 0 : {
-				item,
-				boundary: "bottom"
-			};
-		}
-	}
-	#isTransitionVisibleInState(index, state, now, ctx) {
-		const solution = ctx.resolveVisibleWindowForState(state, now);
-		for (const entry of solution.window.drawList) {
-			if (entry.idx !== index) continue;
-			return ctx.readOuterVisibleRange(entry.offset + solution.window.shift, entry.height) != null;
-		}
-		return false;
-	}
-};
-//#endregion
-//#region src/renderer/virtualized/solver.ts
-function clamp(value, min, max) {
-	return Math.min(Math.max(value, min), max);
-}
-function normalizeOffset(offset) {
-	return Number.isFinite(offset) ? offset : 0;
-}
-function normalizeListPadding(padding) {
-	return {
-		top: typeof padding?.top === "number" && Number.isFinite(padding.top) ? Math.max(0, padding.top) : 0,
-		bottom: typeof padding?.bottom === "number" && Number.isFinite(padding.bottom) ? Math.max(0, padding.bottom) : 0
-	};
-}
-function resolveListViewport(outerHeight, padding) {
-	const height = typeof outerHeight === "number" && Number.isFinite(outerHeight) ? Math.max(0, outerHeight) : 0;
-	const resolvedPadding = normalizeListPadding(padding);
-	const contentTop = resolvedPadding.top;
-	const contentBottom = Math.max(contentTop, height - resolvedPadding.bottom);
-	return {
-		outerHeight: height,
-		contentTop,
-		contentBottom,
-		contentHeight: contentBottom - contentTop,
-		outerContentTop: -contentTop,
-		outerContentBottom: height - contentTop
-	};
-}
-function resolveListLayoutOptions(options = {}) {
-	return {
-		anchorMode: options.anchorMode ?? "top",
-		underflowAlign: options.underflowAlign ?? "top",
-		padding: normalizeListPadding(options.padding)
-	};
-}
-function normalizeVisibleState(itemCount, state, layout) {
-	if (itemCount <= 0) return {
-		position: 0,
-		offset: 0
-	};
-	const position = state.position;
-	const fallbackPosition = layout.anchorMode === "top" ? 0 : itemCount - 1;
-	if (typeof position !== "number" || !Number.isFinite(position)) return {
-		position: fallbackPosition,
-		offset: normalizeOffset(state.offset)
-	};
-	return {
-		position: clamp(Math.trunc(position), 0, itemCount - 1),
-		offset: normalizeOffset(state.offset)
-	};
-}
-function resolveVisibleWindow(items, state, viewportHeight, resolveItem, layout) {
-	const viewport = typeof viewportHeight === "number" ? resolveListViewport(viewportHeight, layout.padding) : viewportHeight;
-	const contentHeight = viewport.contentHeight;
-	const normalizedState = normalizeVisibleState(items.length, state, layout);
-	const resolutionPath = /* @__PURE__ */ new Set();
-	const readResolvedItem = (item, idx) => {
-		resolutionPath.add(idx);
-		return resolveItem(item, idx);
-	};
-	if (items.length === 0) return {
-		normalizedState,
-		resolutionPath: [],
-		window: {
-			drawList: [],
-			shift: 0
-		}
-	};
-	if (layout.anchorMode === "top") {
-		let { position, offset } = normalizedState;
-		let drawLength = 0;
-		if (offset > 0) if (position === 0) offset = 0;
-		else {
-			for (let i = position - 1; i >= 0; i -= 1) {
-				const { height } = readResolvedItem(items[i], i);
-				position = i;
-				offset -= height;
-				if (offset <= 0) break;
-			}
-			if (position === 0 && offset > 0) offset = 0;
-		}
-		let y = offset;
-		const drawList = [];
-		for (let i = position; i < items.length; i += 1) {
-			const { value, height } = readResolvedItem(items[i], i);
-			if (y + height > 0) {
-				drawList.push({
-					idx: i,
-					value,
-					offset: y,
-					height
-				});
-				drawLength += height;
-			} else {
-				offset += height;
-				position = i + 1;
-			}
-			y += height;
-			if (y >= contentHeight) break;
-		}
-		let shift = 0;
-		if (y < contentHeight) {
-			if (drawList.length > 0 && drawList.at(-1)?.idx === items.length - 1 && !(drawList.at(-1)?.height > Number.EPSILON)) return finalizeVisibleWindowResult(items.length, viewport, layout, {
-				position,
-				offset
-			}, Array.from(resolutionPath), extendVisibleWindowToOuterBounds(items, {
-				drawList,
-				shift
-			}, viewport, readResolvedItem));
-			if (position === 0 && drawLength < contentHeight) {
-				shift = -offset;
-				offset = 0;
-			} else {
-				shift = contentHeight - y;
-				y = offset += shift;
-				let lastIdx = -1;
-				for (let i = position - 1; i >= 0; i -= 1) {
-					const { value, height } = readResolvedItem(items[i], i);
-					drawLength += height;
-					y -= height;
-					drawList.push({
-						idx: i,
-						value,
-						offset: y - shift,
-						height
-					});
-					lastIdx = i;
-					if (y < 0) break;
-				}
-				if (lastIdx === 0 && drawLength < contentHeight) {
-					shift = drawList.at(-1)?.offset == null ? 0 : -drawList.at(-1).offset;
-					position = 0;
-					offset = 0;
-				}
-			}
+			return;
 		}
-		return finalizeVisibleWindowResult(items.length, viewport, layout, {
-			position,
-			offset
-		}, Array.from(resolutionPath), extendVisibleWindowToOuterBounds(items, {
-			drawList,
-			shift
-		}, viewport, readResolvedItem));
-	}
-	let { position, offset } = normalizedState;
-	let drawLength = 0;
-	if (offset < 0) if (position === items.length - 1) offset = 0;
-	else for (let i = position + 1; i < items.length; i += 1) {
-		const { height } = readResolvedItem(items[i], i);
-		position = i;
-		offset += height;
-		if (offset > 0) break;
+		case "reset":
+		case "set":
+			store.reset();
+			snapshot.reset();
+			return;
 	}
-	let y = contentHeight + offset;
-	const drawList = [];
-	for (let i = position; i >= 0; i -= 1) {
-		const { value, height } = readResolvedItem(items[i], i);
-		y -= height;
-		if (y <= contentHeight) {
-			drawList.push({
-				idx: i,
-				value,
-				offset: y,
-				height
-			});
-			drawLength += height;
-		} else {
-			offset -= height;
-			position = i - 1;
+}
+//#endregion
+//#region src/renderer/virtualized/transition-controller.ts
+function remapAnchorAfterDeletes(anchor, deletedIndices) {
+	if (!Number.isFinite(anchor) || deletedIndices.length === 0) return anchor;
+	const sortedIndices = [...deletedIndices].filter((index) => Number.isFinite(index) && index >= 0).sort((a, b) => a - b);
+	let removedBeforeAnchor = 0;
+	for (const index of sortedIndices) {
+		if (anchor > index + 1) {
+			removedBeforeAnchor += 1;
+			continue;
 		}
-		if (y < 0) break;
-	}
-	let shift = 0;
-	if (y > 0) {
-		shift = -y;
-		if (drawLength < contentHeight) {
-			y = drawLength;
-			for (let i = position + 1; i < items.length; i += 1) {
-				const { value, height } = readResolvedItem(items[i], i);
-				drawList.push({
-					idx: i,
-					value,
-					offset: y - shift,
-					height
-				});
-				y = drawLength += height;
-				if (height > Number.EPSILON) position = i;
-				if (y >= contentHeight) break;
-			}
-			offset = drawLength < contentHeight ? 0 : drawLength - contentHeight;
-		} else offset = drawLength - contentHeight;
+		if (anchor >= index) return index - removedBeforeAnchor;
 	}
-	return finalizeVisibleWindowResult(items.length, viewport, layout, {
-		position,
-		offset
-	}, Array.from(resolutionPath), extendVisibleWindowToOuterBounds(items, {
-		drawList,
-		shift
-	}, viewport, readResolvedItem));
+	return anchor - removedBeforeAnchor;
 }
-function finalizeVisibleWindowResult(itemCount, viewport, layout, normalizedState, resolutionPath, window) {
-	const viewportHeight = viewport.contentHeight;
-	if (window.drawList.length !== itemCount || itemCount <= 0) return {
-		normalizedState,
-		resolutionPath,
-		window
-	};
-	let minIndex = Number.POSITIVE_INFINITY;
-	let maxIndex = Number.NEGATIVE_INFINITY;
-	let minOffset = Number.POSITIVE_INFINITY;
-	let maxBottom = Number.NEGATIVE_INFINITY;
-	let hasDeferredSlots = false;
-	for (const entry of window.drawList) {
-		if (!(entry.height > Number.EPSILON)) hasDeferredSlots = true;
-		else {
-			minOffset = Math.min(minOffset, entry.offset);
-			maxBottom = Math.max(maxBottom, entry.offset + entry.height);
-		}
-		minIndex = Math.min(minIndex, entry.idx);
-		maxIndex = Math.max(maxIndex, entry.idx);
+var TransitionController = class {
+	#store = new TransitionStore();
+	#snapshot = new VisibilitySnapshot();
+	captureVisibilitySnapshot(window, resolutionPath, items, viewport, snapshotState, readVisibleRange, readOuterVisibleRange) {
+		this.#snapshot.capture(window, resolutionPath, items, viewport, snapshotState, readVisibleRange, readOuterVisibleRange);
 	}
-	if (!Number.isFinite(minOffset) || !Number.isFinite(maxBottom)) return {
-		normalizedState,
-		resolutionPath,
-		window
-	};
-	const contentHeight = maxBottom - minOffset;
-	if (minIndex !== 0 || maxIndex !== itemCount - 1 || !(contentHeight < viewportHeight - Number.EPSILON)) return {
-		normalizedState,
-		resolutionPath,
-		window
-	};
-	const desiredTop = layout.underflowAlign === "bottom" ? viewportHeight - contentHeight : 0;
-	return {
-		normalizedState: hasDeferredSlots ? normalizedState : layout.anchorMode === "top" ? {
-			position: 0,
-			offset: 0
-		} : {
-			position: itemCount - 1,
-			offset: 0
-		},
-		resolutionPath,
-		window: {
-			drawList: window.drawList,
-			shift: desiredTop - minOffset
+	pruneInvisible(ctx, lifecycle) {
+		return this.pruneInvisibleAt(getNow(), ctx, lifecycle);
+	}
+	prepare(now, lifecycle) {
+		this.settle(now, lifecycle);
+		return this.#store.prepare(now);
+	}
+	canAutoFollowBoundaryInsert(direction, count, position, offset) {
+		return this.#snapshot.matchesFollowBoundaryInsertState(direction, count, position, offset);
+	}
+	getItemHeight(item, now, adapter) {
+		return getTransitionedItemHeight(item, now, this.#store, adapter);
+	}
+	resolveItem(item, now, adapter, lifecycle) {
+		return resolveTransitionedItem(item, now, this.#store, adapter, lifecycle);
+	}
+	handleListStateChange(change, ctx, lifecycle) {
+		const now = getNow();
+		this.settle(now, lifecycle);
+		handleTransitionStateChange(this.#store, this.#snapshot, change, ctx, lifecycle);
+	}
+	settle(now, lifecycle) {
+		return this.#settleTransitions(this.#store.findCompleted(now), now, lifecycle);
+	}
+	pruneInvisibleAt(now, ctx, lifecycle) {
+		const removals = this.#store.findInvisible(this.#snapshot);
+		return this.#settleTransitions(removals, now, lifecycle, this.#resolveNaturalBoundarySnap(removals, now, ctx, lifecycle));
+	}
+	reset() {
+		this.#store.reset();
+		this.#snapshot.reset();
+	}
+	#settleTransitions(removals, now, lifecycle, boundarySnap) {
+		if (removals.length === 0) return false;
+		const anchor = lifecycle.captureVisualAnchor(now);
+		const beforeState = lifecycle.readScrollState();
+		const completedDeleteIndices = [];
+		for (const { item, transition } of removals) {
+			if (transition.kind === "delete") {
+				const index = lifecycle.readItemIndex(item);
+				if (index >= 0) completedDeleteIndices.push(index);
+			}
+			this.#store.delete(item);
+			if (transition.kind === "delete") lifecycle.onDeleteComplete(item);
 		}
-	};
-}
-function extendVisibleWindowToOuterBounds(items, window, viewport, resolveItem) {
-	if (window.drawList.length === 0 || items.length === 0) return window;
-	const drawList = [...window.drawList];
-	const existingIndices = new Set(drawList.map((entry) => entry.idx));
-	let topEntry = drawList[0];
-	let bottomEntry = drawList[0];
-	for (const entry of drawList) {
-		if (entry.offset < topEntry.offset) topEntry = entry;
-		if (entry.offset + entry.height > bottomEntry.offset + bottomEntry.height) bottomEntry = entry;
+		if (anchor != null && Number.isFinite(anchor)) lifecycle.restoreVisualAnchor(remapAnchorAfterDeletes(anchor, completedDeleteIndices));
+		if (boundarySnap != null) lifecycle.snapItemToViewportBoundary(boundarySnap.item, boundarySnap.boundary);
+		const afterState = lifecycle.readScrollState();
+		if (!sameState(beforeState, afterState.position, afterState.offset)) lifecycle.onTransitionSettleScrollAdjusted();
+		return true;
 	}
-	let topIdx = topEntry.idx;
-	let topY = topEntry.offset + window.shift;
-	while (topIdx > 0) {
-		const prevIdx = topIdx - 1;
-		if (existingIndices.has(prevIdx)) {
-			const existing = drawList.find((entry) => entry.idx === prevIdx);
-			topIdx = prevIdx;
-			if (existing != null) topY = existing.offset + window.shift;
-			continue;
+	#resolveNaturalBoundarySnap(removals, now, ctx, lifecycle) {
+		const previousState = this.#snapshot.previousState;
+		const drawnRange = this.#snapshot.readDrawnIndexRange();
+		if (previousState == null || drawnRange == null) return;
+		const naturalIndices = [];
+		for (const { item, transition } of removals) {
+			if (transition.kind !== "update" && transition.kind !== "delete") continue;
+			const index = lifecycle.readItemIndex(item);
+			if (index < 0 || !this.#snapshot.wasVisible(item)) return;
+			if (this.#isTransitionVisibleInState(index, previousState, now, ctx)) return;
+			naturalIndices.push(index);
+		}
+		if (naturalIndices.length === 0) return;
+		if (naturalIndices.every((index) => index < drawnRange.minIndex)) {
+			const item = this.#snapshot.readBoundaryItem("top");
+			return item == null ? void 0 : {
+				item,
+				boundary: "top"
+			};
+		}
+		if (naturalIndices.every((index) => index > drawnRange.maxIndex)) {
+			const item = this.#snapshot.readBoundaryItem("bottom");
+			return item == null ? void 0 : {
+				item,
+				boundary: "bottom"
+			};
 		}
-		const { value, height } = resolveItem(items[prevIdx], prevIdx);
-		const prevY = topY - height;
-		if (prevY + height <= viewport.outerContentTop) break;
-		drawList.push({
-			idx: prevIdx,
-			value,
-			offset: prevY - window.shift,
-			height
-		});
-		existingIndices.add(prevIdx);
-		topIdx = prevIdx;
-		topY = prevY;
 	}
-	let bottomIdx = bottomEntry.idx;
-	let bottomY = bottomEntry.offset + window.shift + bottomEntry.height;
-	while (bottomIdx < items.length - 1) {
-		const nextIdx = bottomIdx + 1;
-		if (existingIndices.has(nextIdx)) {
-			const existing = drawList.find((entry) => entry.idx === nextIdx);
-			bottomIdx = nextIdx;
-			if (existing != null) bottomY = Math.max(bottomY, existing.offset + window.shift + existing.height);
-			continue;
+	#isTransitionVisibleInState(index, state, now, ctx) {
+		const solution = ctx.resolveVisibleWindowForState(state, now);
+		for (const entry of solution.window.drawList) {
+			if (entry.index !== index) continue;
+			return ctx.readOuterVisibleRange(entry.offset + solution.window.shift, entry.height) != null;
 		}
-		const { value, height } = resolveItem(items[nextIdx], nextIdx);
-		if (bottomY >= viewport.outerContentBottom) break;
-		drawList.push({
-			idx: nextIdx,
-			value,
-			offset: bottomY - window.shift,
-			height
-		});
-		existingIndices.add(nextIdx);
-		bottomIdx = nextIdx;
-		bottomY += height;
+		return false;
 	}
-	return {
-		drawList,
-		shift: window.shift
-	};
-}
+};
 //#endregion
 //#region src/renderer/virtualized/base.ts
 /**
@@ -5313,18 +5295,10 @@ var VirtualizedRenderer = class VirtualizedRenderer extends BaseRenderer {
 	get position() {
 		return this.options.list.position;
 	}
-	/** Updates the current anchor item index. */
-	set position(value) {
-		this.options.list.position = value;
-	}
 	/** Pixel offset from the anchored item edge. */
 	get offset() {
 		return this.options.list.offset;
 	}
-	/** Updates the pixel offset from the anchored item edge. */
-	set offset(value) {
-		this.options.list.offset = value;
-	}
 	/** Items currently available to the renderer. */
 	get items() {
 		return this.options.list.items;
@@ -5424,9 +5398,9 @@ var VirtualizedRenderer = class VirtualizedRenderer extends BaseRenderer {
 	_renderDrawList(list, shift, feedback) {
 		let result = false;
 		const viewport = this._getViewportMetrics();
-		for (const { idx, value: item, offset, height } of list) {
+		for (const { index, value: item, offset, height } of list) {
 			const y = offset + shift + viewport.contentTop;
-			if (feedback != null) this._accumulateRenderFeedback(feedback, idx, y, height);
+			if (feedback != null) this._accumulateRenderFeedback(feedback, index, y, height);
 			if (y + height < 0 || y > viewport.outerHeight) continue;
 			if (item.draw(y)) result = true;
 		}
@@ -5446,9 +5420,9 @@ var VirtualizedRenderer = class VirtualizedRenderer extends BaseRenderer {
 		let topMostY = Number.POSITIVE_INFINITY;
 		let bottomMostY = Number.NEGATIVE_INFINITY;
 		const viewport = this._getViewportMetrics();
-		for (const { idx, offset, height } of window.drawList) {
-			minIndex = Math.min(minIndex, idx);
-			maxIndex = Math.max(maxIndex, idx);
+		for (const { index, offset, height } of window.drawList) {
+			minIndex = Math.min(minIndex, index);
+			maxIndex = Math.max(maxIndex, index);
 			const y = offset + window.shift + viewport.contentTop;
 			topMostY = Math.min(topMostY, y);
 			bottomMostY = Math.max(bottomMostY, y + height);
@@ -5539,7 +5513,7 @@ var VirtualizedRenderer = class VirtualizedRenderer extends BaseRenderer {
 		return resolveListViewport(this.graphics.canvas.clientHeight, this._getLayoutOptions().padding);
 	}
 	#handleDeleteComplete(item) {
-		this.options.list.finalizeDelete(item);
+		finalizeInternalListDelete(this.options.list, item);
 	}
 	#getTransitionLifecycleAdapter() {
 		return {