@univerjs/engine-render 1.0.4 → 1.2.0

package/lib/es/index.js

@@ -1,4 +1,4 @@
-import { AlignTypeH, AlignTypeV, BaselineOffset, BooleanNumber, BorderStyleTypes, BulletAlignment, COLORS, CellValueType, ColorKit, ColumnResponsiveType, ColumnSeparatorType, CustomDecorationType, CustomRangeType, DEFAULT_DOCUMENT_PARAGRAPH_LINE_SPACING, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DashStyleType, DataStreamTreeNodeType, DataStreamTreeTokenType, Disposable, DisposableCollection, DocumentBlockRangeType, DocumentDataModel, DocumentFlavor, DocxBreakType, EventSubject, FontStyleType, GridType, HorizontalAlign, IConfigService, IContextService, IUniverInstanceService, Inject, Injector, JSON1, ListGlyphType, LocaleService, LookUp, MODERN_DOCUMENT_DEFAULT_MARGIN, MODERN_DOCUMENT_WIDTH, MOVE_BUFFER_VALUE, ModernDocumentWidthMode, NAMED_STYLE_MAP, NAMED_STYLE_SPACE_MAP, NumberUnitType, ObjectMatrix, ObjectRelativeFromH, ObjectRelativeFromV, PRESET_LIST_TYPE, PageOrientType, Plugin, PositionedObjectLayoutType, Range, Rectangle, Registry, SectionType, SheetSkeleton, Skeleton, SpacingRule, TabStopAlignment, TableAlignmentType, TableRowHeightRule, TableSizeType, TableTextWrapType, TextDecoration, TextX, TextXActionType, ThemeService, Tools, UniverInstanceType, VerticalAlign, VerticalAlignmentType, WrapStrategy, WrapTextType, characterSpacingControlType, checkParagraphHasIndentByStyle, createIdentifier, deleteContent, getColorStyle, getDisplayValueFromCell, getRichTextEditPath, horizontalLineSegmentsSubtraction, insertTextToContent, invertColorByMatrix, isCellCoverable, isClassDependencyItem, isDefaultFormat, isNullCell, isWhiteColor, merge, noop, numberToABC, numberToListABC, numfmt, regexp, registerDependencies, remove, requestImmediateMacroTask, resolveDocumentParagraphStyle, resolveSectionHeaderFooterReferences, searchArray, sortRules, sortRulesByDesc, toDisposable } from "@univerjs/core";
+import { AlignTypeH, AlignTypeV, BaselineOffset, BooleanNumber, BorderStyleTypes, BulletAlignment, COLORS, CellValueType, ColorKit, ColumnResponsiveType, ColumnSeparatorType, CustomDecorationType, CustomRangeType, DEFAULT_DOCUMENT_PARAGRAPH_LINE_SPACING, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DashStyleType, DataStreamTreeNodeType, DataStreamTreeTokenType, Disposable, DisposableCollection, DocumentBlockRangeType, DocumentDataModel, DocumentFlavor, DocxBreakType, EventSubject, FontStyleType, GridType, HorizontalAlign, IConfigService, IContextService, IUniverInstanceService, Inject, Injector, JSON1, ListGlyphType, LocaleService, LookUp, MODERN_DOCUMENT_DEFAULT_MARGIN, MODERN_DOCUMENT_WIDTH, MOVE_BUFFER_VALUE, ModernDocumentWidthMode, NAMED_STYLE_MAP, NAMED_STYLE_SPACE_MAP, NamedStyleType, NumberUnitType, ObjectMatrix, ObjectRelativeFromH, ObjectRelativeFromV, PRESET_LIST_TYPE, PageOrientType, Plugin, PositionedObjectLayoutType, Range, Rectangle, Registry, SHEET_TEXT_LINE_GAP, SectionType, SheetSkeleton, Skeleton, SpacingRule, TabStopAlignment, TableAlignmentType, TableRowHeightRule, TableSizeType, TableTextWrapType, TextDecoration, TextX, TextXActionType, ThemeService, Tools, UniverInstanceType, VerticalAlign, VerticalAlignmentType, WrapStrategy, WrapTextType, characterSpacingControlType, checkParagraphHasIndentByStyle, createIdentifier, deleteContent, getColorStyle, getDisplayValueFromCell, getRichTextEditPath, horizontalLineSegmentsSubtraction, insertTextToContent, invertColorByMatrix, isCellCoverable, isClassDependencyItem, isDefaultFormat, isNullCell, isWhiteColor, merge, noop, numberToABC, numberToListABC, numfmt, regexp, registerDependencies, remove, requestImmediateMacroTask, resolveDocumentParagraphStyle, resolveSectionHeaderFooterReferences, searchArray, sortRules, sortRulesByDesc, toDisposable } from "@univerjs/core";
 import { BehaviorSubject, Observable, Subject, Subscription, distinctUntilChanged, merge as merge$1, shareReplay, startWith } from "rxjs";
 import { franc } from "franc-min";
 import { getOverflowAncestors } from "@floating-ui/dom";
@@ -22,7 +22,7 @@ var __exportAll = (all, no_symbols) => {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -33,7 +33,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -46,14 +46,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -11919,12 +11919,13 @@ var LineBreaker = class {
 * limitations under the License.
 */
 var DocSimpleSkeleton = class {
-	constructor(_text, _fontStyle, _warp, _width, _height) {
+	constructor(_text, _fontStyle, _warp, _width, _height, _lineGap = 0) {
 		this._text = _text;
 		this._fontStyle = _fontStyle;
 		this._warp = _warp;
 		this._width = _width;
 		this._height = _height;
+		this._lineGap = _lineGap;
 		_defineProperty(this, "_lineBreaker", void 0);
 		_defineProperty(this, "_lines", []);
 		_defineProperty(this, "_dirty", true);
@@ -11976,7 +11977,7 @@ var DocSimpleSkeleton = class {
 					if (textSize.width > this._width) {
 						if (currentLine.text.length > 0) {
 							this._lines.push(currentLine);
-							totalHeight += currentLine.height;
+							totalHeight += currentLine.height + (this._lines.length > 1 ? this._lineGap : 0);
 							if (totalHeight > this._height) break;
 							currentLine = {
 								text: "",
@@ -12032,7 +12033,7 @@ var DocSimpleSkeleton = class {
 								remainingText = remainingText.slice(charCount);
 								if (remainingText.length > 0) {
 									this._lines.push(currentLine);
-									totalHeight += currentLine.height;
+									totalHeight += currentLine.height + (this._lines.length > 1 ? this._lineGap : 0);
 									if (totalHeight > this._height) break;
 									currentLine = {
 										text: "",
@@ -12045,7 +12046,7 @@ var DocSimpleSkeleton = class {
 						}
 					} else if (currentLine.text.length > 0) {
 						this._lines.push(currentLine);
-						totalHeight += currentLine.height;
+						totalHeight += currentLine.height + (this._lines.length > 1 ? this._lineGap : 0);
 						if (totalHeight > this._height) break;
 						currentLine = {
 							text,
@@ -12068,7 +12069,7 @@ var DocSimpleSkeleton = class {
 			}
 			if (isMandatoryBreak) {
 				this._lines.push(currentLine);
-				totalHeight += currentLine.height;
+				totalHeight += currentLine.height + (this._lines.length > 1 ? this._lineGap : 0);
 				if (totalHeight > this._height) break;
 				currentLine = {
 					text: "",
@@ -12086,7 +12087,7 @@ var DocSimpleSkeleton = class {
 		return this._lines;
 	}
 	getTotalHeight() {
-		return this._lines.reduce((acc, line) => acc + line.height, 0);
+		return this._lines.reduce((acc, line) => acc + line.height, 0) + Math.max(0, this._lines.length - 1) * this._lineGap;
 	}
 	getTotalWidth() {
 		return this._lines.reduce((acc, line) => Math.max(acc, line.width), 0);
@@ -12440,6 +12441,7 @@ const TEXT_OBJECT_ARRAY = [
 	"text",
 	"fontStyle",
 	"warp",
+	"lineGap",
 	"hAlign",
 	"vAlign",
 	"width",
@@ -12452,6 +12454,7 @@ var Text = class Text extends Shape {
 		_defineProperty(this, "text", void 0);
 		_defineProperty(this, "fontStyle", void 0);
 		_defineProperty(this, "warp", void 0);
+		_defineProperty(this, "lineGap", void 0);
 		_defineProperty(this, "hAlign", void 0);
 		_defineProperty(this, "vAlign", void 0);
 		_defineProperty(this, "skeleton", void 0);
@@ -12460,14 +12463,15 @@ var Text = class Text extends Shape {
 		this.text = props.text;
 		this.fontStyle = props.fontStyle;
 		this.warp = props.warp ?? false;
+		this.lineGap = props.lineGap ?? 0;
 		this.hAlign = props.hAlign ?? HorizontalAlign.LEFT;
 		this.vAlign = props.vAlign ?? VerticalAlign.TOP;
-		this.skeleton = new DocSimpleSkeleton(props.text, props.fontStyle, Boolean(props.warp), props.width, props.height);
+		this.skeleton = new DocSimpleSkeleton(props.text, props.fontStyle, Boolean(props.warp), props.width, props.height, this.lineGap);
 	}
 	static drawWith(ctx, props, _skeleton) {
-		const { text, fontStyle, warp, hAlign, vAlign, width, height, left = 0, top = 0, cellValueType } = props;
+		const { text, fontStyle, warp, lineGap = 0, hAlign, vAlign, width, height, left = 0, top = 0, cellValueType } = props;
 		const cachedLayout = !_skeleton && !warp ? Text._getCachedLayout(text, fontStyle) : null;
-		const skeleton = cachedLayout ? null : _skeleton ?? new DocSimpleSkeleton(text, fontStyle, Boolean(warp), width, vAlign === VerticalAlign.TOP ? height : Infinity);
+		const skeleton = cachedLayout ? null : _skeleton ?? new DocSimpleSkeleton(text, fontStyle, Boolean(warp), width, vAlign === VerticalAlign.TOP ? height : Infinity, lineGap);
 		const lines = (cachedLayout === null || cachedLayout === void 0 ? void 0 : cachedLayout.lines) ?? skeleton.calculate();
 		const totalHeight = (cachedLayout === null || cachedLayout === void 0 ? void 0 : cachedLayout.totalHeight) ?? skeleton.getTotalHeight();
 		let lineTop = top + (vAlign === VerticalAlign.TOP ? 0 : vAlign === VerticalAlign.MIDDLE ? (height - totalHeight) / 2 : height - totalHeight);
@@ -12512,7 +12516,7 @@ var Text = class Text extends Shape {
 				lineWidth: 1,
 				lineType: TextDecoration.SINGLE
 			});
-			lineTop = lineTop + lineHeight;
+			lineTop = lineTop + lineHeight + lineGap;
 		}
 		ctx.restore();
 		return totalHeight;
@@ -13121,6 +13125,48 @@ var DataStreamTreeNode = class DataStreamTreeNode {
 	}
 };
 
+//#endregion
+//#region src/components/docs/view-model/heading-sections.ts
+/** Each table cell and modern column has its own heading hierarchy. */
+function getHeadingSections(sections, getParagraph) {
+	const result = [];
+	function visitFlow(nodes, endOffset) {
+		const open = [];
+		for (const node of nodes) {
+			var _paragraph$paragraphS;
+			const paragraph = node.nodeType === DataStreamTreeNodeType.PARAGRAPH && node.children.length === 0 ? getParagraph(node.endIndex) : void 0;
+			const level = paragraph === null || paragraph === void 0 || (_paragraph$paragraphS = paragraph.paragraphStyle) === null || _paragraph$paragraphS === void 0 ? void 0 : _paragraph$paragraphS.namedStyleType;
+			if (paragraph && level != null && level >= NamedStyleType.HEADING_1 && level <= NamedStyleType.HEADING_5) {
+				while (open.length && open[open.length - 1].level >= level) open.pop().section.endOffset = node.startIndex;
+				const section = {
+					paragraphId: paragraph.paragraphId,
+					paragraphIndex: paragraph.startIndex,
+					startOffset: paragraph.startIndex + 1,
+					endOffset,
+					collapsed: paragraph.headingCollapsed === true
+				};
+				result.push(section);
+				open.push({
+					level,
+					section
+				});
+			}
+			visitContainers(node);
+		}
+	}
+	function visitContainers(node) {
+		if (node.nodeType === DataStreamTreeNodeType.TABLE_CELL || node.nodeType === DataStreamTreeNodeType.COLUMN) {
+			const nodes = node.children.flatMap((child) => child.nodeType === DataStreamTreeNodeType.SECTION_BREAK ? child.children : [child]);
+			visitFlow(nodes, nodes.length ? nodes[nodes.length - 1].endIndex + 1 : node.endIndex);
+			return;
+		}
+		for (const child of node.children) visitContainers(child);
+	}
+	const nodes = sections.flatMap((section) => section.children);
+	visitFlow(nodes, nodes.length ? nodes[nodes.length - 1].endIndex + 1 : 0);
+	return result.sort((a, b) => a.paragraphIndex - b.paragraphIndex);
+}
+
 //#endregion
 //#region src/components/docs/view-model/document-view-model.ts
 const NON_STRUCTURAL_ROOT_FIELDS = /* @__PURE__ */ new Set([
@@ -13445,6 +13491,8 @@ var DocumentViewModel = class DocumentViewModel {
 		_defineProperty(this, "_treeNodes", []);
 		_defineProperty(this, "_treeNodesByStartIndex", []);
 		_defineProperty(this, "_plainTopLevelParagraphNodes", []);
+		_defineProperty(this, "_headingSections", null);
+		_defineProperty(this, "_collapsedHeadingSections", null);
 		_defineProperty(this, "_metadataCachesDirty", false);
 		_defineProperty(this, "_textRunsOrderedAndDisjoint", true);
 		_defineProperty(this, "_paragraphsOrdered", true);
@@ -13488,6 +13536,8 @@ var DocumentViewModel = class DocumentViewModel {
 		this._treeNodes = [];
 		this._treeNodesByStartIndex = [];
 		this._plainTopLevelParagraphNodes = [];
+		this._headingSections = null;
+		this._collapsedHeadingSections = null;
 		this._lastTextRun = null;
 		this._noteTreeMap.forEach((viewModel) => viewModel.dispose());
 		this._noteTreeMap.clear();
@@ -13515,6 +13565,41 @@ var DocumentViewModel = class DocumentViewModel {
 	getChildren() {
 		return this._children;
 	}
+	getHeadingSections() {
+		const snapshot = this.getSnapshot();
+		if (snapshot.documentStyle.documentFlavor !== DocumentFlavor.MODERN) return [];
+		this._headingSections ??= getHeadingSections(this._children, (index) => {
+			var _paragraph$paragraphS;
+			const paragraph = this.getParagraph(index);
+			if (!(paragraph === null || paragraph === void 0 ? void 0 : paragraph.styleId) || ((_paragraph$paragraphS = paragraph.paragraphStyle) === null || _paragraph$paragraphS === void 0 ? void 0 : _paragraph$paragraphS.namedStyleType) != null) return paragraph;
+			return {
+				...paragraph,
+				paragraphStyle: resolveDocumentParagraphStyle(snapshot.documentStyle, paragraph.paragraphStyle, {
+					styles: snapshot.styles,
+					paragraphStyleId: paragraph.styleId
+				})
+			};
+		});
+		return this._headingSections;
+	}
+	getCollapsedHeadingAtOffset(offset) {
+		if (!this._collapsedHeadingSections) {
+			this._collapsedHeadingSections = [];
+			for (const section of this.getHeadingSections()) {
+				const previous = this._collapsedHeadingSections[this._collapsedHeadingSections.length - 1];
+				if (section.collapsed && section.endOffset > section.startOffset && (!previous || section.startOffset >= previous.endOffset)) this._collapsedHeadingSections.push(section);
+			}
+		}
+		let low = 0;
+		let high = this._collapsedHeadingSections.length - 1;
+		while (low <= high) {
+			const middle = Math.floor((low + high) / 2);
+			const section = this._collapsedHeadingSections[middle];
+			if (offset < section.startOffset) high = middle - 1;
+			else if (offset >= section.endOffset) low = middle + 1;
+			else return section;
+		}
+	}
 	getBody() {
 		const presentation = getDocumentLayoutPresentation(this._documentDataModel);
 		return presentation ? presentation.getSnapshot(this._documentDataModel.getSnapshot()).body : this._documentDataModel.getBody();
@@ -13535,6 +13620,8 @@ var DocumentViewModel = class DocumentViewModel {
 		return this;
 	}
 	reset(documentDataModel) {
+		this._headingSections = null;
+		this._collapsedHeadingSections = null;
 		this._children.forEach((child) => child.dispose());
 		this._textRunsCache.clear();
 		this._paragraphCache.clear();
@@ -13560,6 +13647,8 @@ var DocumentViewModel = class DocumentViewModel {
 			if (edit.insertText.length > 0 && !this._insertPlainText(edit.offset, edit.insertText)) return false;
 		}
 		this._documentDataModel = documentDataModel;
+		this._headingSections = null;
+		this._collapsedHeadingSections = null;
 		this._metadataCachesDirty = true;
 		this._lastTextRun = null;
 		if (!this._textRunsOrderedAndDisjoint) this._buildTextRunsCache();
@@ -13569,6 +13658,8 @@ var DocumentViewModel = class DocumentViewModel {
 		const rootFields = getNonStructuralMutationRootFields(actions);
 		if (rootFields == null) return false;
 		this._documentDataModel = documentDataModel;
+		this._headingSections = null;
+		this._collapsedHeadingSections = null;
 		this._metadataCachesDirty = true;
 		this._lastTextRun = null;
 		if (rootFields.has("tableSource")) {
@@ -16707,7 +16798,23 @@ function hasOnlyFloatingCustomBlockGlyphs(glyphs, paragraphNonInlineSkeDrawingsB
 
 //#endregion
 //#region src/components/docs/layout/block/paragraph/paragraph-layout.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
 function dealWidthParagraph(ctx, viewModel, paragraphNode, curPage, sectionBreakConfig, nextParagraphNode) {
+	if (viewModel.getCollapsedHeadingAtOffset(paragraphNode.startIndex)) return [curPage];
 	clearFontCreateConfigCache();
 	const { content = "", children } = paragraphNode;
 	let tableSkeleton = null;
@@ -16960,6 +17067,7 @@ function dealWithSection(ctx, viewModel, sectionNode, curPage, sectionBreakConfi
 	const paragraphEndIndex = Math.min(sectionNode.children.length, paragraphStartIndex + ((options === null || options === void 0 ? void 0 : options.maxParagraphs) ?? Number.POSITIVE_INFINITY));
 	for (let i = paragraphStartIndex; i < paragraphEndIndex; i++) {
 		const paragraphNode = sectionNode.children[i];
+		if (viewModel.getCollapsedHeadingAtOffset(paragraphNode.startIndex)) continue;
 		let skeletonPages = [];
 		let currentPageCache = curPage;
 		if (allCurrentSkeletonPages.length > 0) currentPageCache = allCurrentSkeletonPages[allCurrentSkeletonPages.length - 1];
@@ -16977,7 +17085,7 @@ function dealWithSection(ctx, viewModel, sectionNode, curPage, sectionBreakConfi
 		if (ctx.isDirty) break;
 	}
 	const { segmentId } = curPage;
-	if (ctx.isDirty && ctx.layoutStartPointer[segmentId] != null) _rollbackPages(ctx.layoutStartPointer[segmentId], allCurrentSkeletonPages);
+	if (ctx.isDirty && ctx.layoutStartPointer[segmentId] != null) rollbackSectionPages(ctx.layoutStartPointer[segmentId], allCurrentSkeletonPages);
 	return {
 		pages: allCurrentSkeletonPages,
 		renderedBlockIdMap,
@@ -16985,7 +17093,7 @@ function dealWithSection(ctx, viewModel, sectionNode, curPage, sectionBreakConfi
 		complete: paragraphEndIndex >= sectionNode.children.length
 	};
 }
-function _rollbackPages(paragraphIndex, allCurrentSkeletonPages) {
+function rollbackSectionPages(paragraphIndex, allCurrentSkeletonPages) {
 	let findFirstDirtyLine = false;
 	for (let pageIndex = 0; pageIndex < allCurrentSkeletonPages.length; pageIndex++) {
 		const page = allCurrentSkeletonPages[pageIndex];
@@ -17485,8 +17593,13 @@ function resetCellDrawingAnchors(ctx, cellNode, tableId) {
 	if (!anchors) return;
 	for (const paragraph of cellNode.children[0].children) anchors.delete(paragraph.endIndex);
 }
-function createSkeletonCellPages(ctx, viewModel, cellNode, sectionBreakConfig, tableConfig, row, col, availableHeight = Number.POSITIVE_INFINITY, maxCellPageHeight = Number.POSITIVE_INFINITY, cellPageHeights) {
+function createSkeletonCellPages(parentContext, viewModel, cellNode, sectionBreakConfig, tableConfig, row, col, availableHeight = Number.POSITIVE_INFINITY, maxCellPageHeight = Number.POSITIVE_INFINITY, cellPageHeights) {
 	var _ctx$dataModel, _ctx$dataModel$getBod;
+	const ctx = {
+		...parentContext,
+		isDirty: false,
+		layoutStartPointer: { ...parentContext.layoutStartPointer }
+	};
 	const sectionNode = cellNode.children[0];
 	const body = (_ctx$dataModel = ctx.dataModel) === null || _ctx$dataModel === void 0 || (_ctx$dataModel$getBod = _ctx$dataModel.getBody) === null || _ctx$dataModel$getBod === void 0 ? void 0 : _ctx$dataModel$getBod.call(_ctx$dataModel);
 	const { enableDocumentTableLineGrid, inheritDocumentLinePitch } = getCellLineGridOptions(sectionBreakConfig);
@@ -17525,7 +17638,12 @@ function createSkeletonCellPages(ctx, viewModel, cellNode, sectionBreakConfig, t
 	finishVerticalCellLayout(pages, verticalCellWidth);
 	return pages;
 }
-function startSkeletonCellPagesBuild(ctx, viewModel, cellNode, sectionBreakConfig, tableConfig, row, col, availableHeight = Number.POSITIVE_INFINITY, maxCellPageHeight = Number.POSITIVE_INFINITY, cellPageHeights) {
+function startSkeletonCellPagesBuild(parentContext, viewModel, cellNode, sectionBreakConfig, tableConfig, row, col, availableHeight = Number.POSITIVE_INFINITY, maxCellPageHeight = Number.POSITIVE_INFINITY, cellPageHeights) {
+	const ctx = {
+		...parentContext,
+		isDirty: false,
+		layoutStartPointer: { ...parentContext.layoutStartPointer }
+	};
 	const sectionNode = cellNode.children[0];
 	const { enableDocumentTableLineGrid, inheritDocumentLinePitch } = getCellLineGridOptions(sectionBreakConfig);
 	const { page, sectionBreakConfig: cellSectionBreakConfig, verticalCellWidth } = createNullCellPage(ctx, sectionBreakConfig, tableConfig, row, col, availableHeight, maxCellPageHeight, inheritDocumentLinePitch, enableDocumentTableLineGrid, cellPageHeights);
@@ -18231,6 +18349,7 @@ function _getParagraphLineMetrics(ctx, glyphGroup, lastPage, column, sectionBrea
 		marginTop: 0,
 		spaceBelowApply: (preLine === null || preLine === void 0 ? void 0 : preLine.spaceBelowApply) ?? 0
 	} : __getParagraphSpace(((_sectionBreakConfig$d2 = sectionBreakConfig.documentCompatibilityPolicy) === null || _sectionBreakConfig$d2 === void 0 ? void 0 : _sectionBreakConfig$d2.mode) === "drawingml", lineSpacingApply, suppressCellAutoSpaceAbove ? void 0 : spaceAbove, spaceBelow, isParagraphFirstShapedText, preLine, _shouldSuppressPageTopSpacing(lastPage, column, paragraphConfig, preLine, firstPageNumber, startingSection != null), drawingMLLineHeight);
+	if (preLine) marginTop += sectionBreakConfig.lineGap ?? 0;
 	if (startingSection && marginTop > 0 && isTraditionalDocumentCompatibility(paragraphConfig.documentCompatibilityPolicy)) marginTop = _collapseSectionBeforeSpacing(ctx, startingSection.children[0].startIndex - 2, marginTop);
 	if (positionedCustomBlockOnly) spaceBelowApply = 0;
 	const isHiddenCellEndMark = lastPage.type === 3 && isTraditionalDocumentCompatibility(paragraphConfig.documentCompatibilityPolicy) && sectionBreakConfig.cellHiddenEndMarkIndex === paragraphIndex && paragraphConfig.bulletSkeleton == null && glyphGroup.length > 0 && glyphGroup.every(__isStructuralTerminatorGlyph);
@@ -18377,7 +18496,9 @@ function _lineOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConf
 		needOpenNewPageByTableLayout = _updateAndPositionTable(ctx, lineTop, lineHeight, lastPage, pages, column, section, skeTablesInParagraph, paragraphConfig.paragraphIndex, sectionBreakConfig, pDrawingAnchor === null || pDrawingAnchor === void 0 || (_pDrawingAnchor$get2 = pDrawingAnchor.get(paragraphIndex)) === null || _pDrawingAnchor$get2 === void 0 ? void 0 : _pDrawingAnchor$get2.top);
 	}
 	const hasSameParagraphTopBottomDrawingWithInline = hasInlineCustomBlock && paragraphNonInlineSkeDrawings != null && [...paragraphNonInlineSkeDrawings.values()].some((drawing) => drawing.drawingOrigin.layoutType === PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM);
-	const calculatedLineTop = positionedCustomBlockOnly ? lineTop : calculateLineTopByDrawings(lineHeight, lineTop, lastPage, headerPage, footerPage, column.left, column.width, section.top, isTraditionalDocumentCompatibility(paragraphConfig.documentCompatibilityPolicy) ? Math.max(24, Math.min(__getGlyphGroupWidth(glyphGroup) - .001, column.width - 1)) : 0);
+	let tableFlowTop = lineTop;
+	for (const item of skeTablesInParagraph ?? []) if (item.hasPositioned && item.table.parent === lastPage && item.table.tableSource.textWrap === TableTextWrapType.NONE) tableFlowTop = Math.max(lineTop, item.table.top + item.table.height - section.top);
+	const calculatedLineTop = positionedCustomBlockOnly ? tableFlowTop : calculateLineTopByDrawings(lineHeight, tableFlowTop, lastPage, headerPage, footerPage, column.left, column.width, section.top, isTraditionalDocumentCompatibility(paragraphConfig.documentCompatibilityPolicy) ? Math.max(24, Math.min(__getGlyphGroupWidth(glyphGroup) - .001, column.width - 1)) : 0);
 	const previousTopBottomCustomBlockFlowBottom = deferredTopBottomAnchorDrawings.length > 0 ? paragraphConfig.topBottomCustomBlockFlowBottom : void 0;
 	const newLineTop = previousTopBottomCustomBlockFlowBottom == null ? calculatedLineTop : Math.max(calculatedLineTop, previousTopBottomCustomBlockFlowBottom);
 	const clipsSameParagraphInlineDrawing = hasSameParagraphTopBottomDrawingWithInline && newLineTop < section.height;
@@ -18430,7 +18551,11 @@ function _lineOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConf
 	if (borderTopSpace > 0) newLine.borderTopSpace = borderTopSpace;
 	if (borderBottomSpace > 0) newLine.borderBottomSpace = borderBottomSpace;
 	const blockAnchorTop = deferredTopBottomAnchorDrawings.length > 0 ? newLineTop : lineTop;
-	if (!isStandalonePageBoundary) createAndUpdateBlockAnchor(paragraphIndex, newLine, blockAnchorTop, pDrawingAnchor);
+	if (!isStandalonePageBoundary) {
+		createAndUpdateBlockAnchor(paragraphIndex, newLine, blockAnchorTop, pDrawingAnchor);
+		const paragraphDrawingAnchor = pDrawingAnchor === null || pDrawingAnchor === void 0 ? void 0 : pDrawingAnchor.get(paragraphIndex);
+		if (paragraphDrawingAnchor) paragraphDrawingAnchor.left = paragraphAnchorLeft;
+	}
 	if (deferredTopBottomAnchorDrawings.length > 0) {
 		__updateAndPositionDrawings(ctx, newLineTop, lineHeight, column, deferredTopBottomAnchorDrawings, paragraphConfig.paragraphIndex, isParagraphFirstShapedText, blockAnchorTop, paragraphAnchorLeft, false, true);
 		__updateTopBottomCustomBlockFlowBottom(paragraphConfig, deferredTopBottomAnchorDrawings, section.top);
@@ -18445,6 +18570,10 @@ function __updateAndPositionDrawings(ctx, lineTop, lineHeight, column, targetDra
 	if (targetDrawings.length === 0) return;
 	const drawings = __getDrawingPosition(ctx, lineTop, lineHeight, column, isParagraphFirstShapedText, drawingAnchorTop, targetDrawings, drawingAnchorLeft);
 	if (drawings == null || drawings.size === 0) return;
+	for (const drawing of drawings.values()) if (drawing.drawingOrigin.docTransform.positionV.relativeFrom === ObjectRelativeFromV.LINE) {
+		var _ctx$skeletonResource;
+		drawing.blockAnchorLeft = ((_ctx$skeletonResource = ctx.skeletonResourceReference) === null || _ctx$skeletonResource === void 0 || (_ctx$skeletonResource = _ctx$skeletonResource.drawingAnchor) === null || _ctx$skeletonResource === void 0 || (_ctx$skeletonResource = _ctx$skeletonResource.get(column.parent.parent.segmentId)) === null || _ctx$skeletonResource === void 0 || (_ctx$skeletonResource = _ctx$skeletonResource.get(paragraphIndex)) === null || _ctx$skeletonResource === void 0 ? void 0 : _ctx$skeletonResource.left) ?? drawing.blockAnchorLeft;
+	}
 	const floatObjects = [...drawings.values()].filter((drawing) => {
 		const layoutType = drawing.drawingOrigin.layoutType;
 		return layoutType !== PositionedObjectLayoutType.INLINE && layoutType !== PositionedObjectLayoutType.WRAP_NONE;
@@ -18917,7 +19046,7 @@ function getLineHeightMetrics(glyphLineHeight, paragraphLineGapDefault, linePitc
 		lineSpacingApply: exactLineSpacingApply
 	};
 }
-function updateInlineDrawingPosition(line, paragraphInlineSkeDrawings, unitId = "", blockAnchorTop, paragraphNonInlineSkeDrawings, documentCompatibilityPolicy) {
+function updateInlineDrawingPosition(line, paragraphInlineSkeDrawings, unitId = "", blockAnchorTop, paragraphNonInlineSkeDrawings, documentCompatibilityPolicy, blockAnchorLeft = 0, normalizeTraditionalColumnAnchor = false) {
 	var _line$parent;
 	const column = line.parent;
 	const section = column === null || column === void 0 ? void 0 : column.parent;
@@ -18983,6 +19112,9 @@ function updateInlineDrawingPosition(line, paragraphInlineSkeDrawings, unitId =
 		drawing.lineTop = lineTop;
 		drawing.columnLeft = column.left;
 		drawing.blockAnchorTop = blockAnchorTop == null ? lineTop : sectionTop + blockAnchorTop;
+		drawing.blockAnchorLeft = blockAnchorLeft;
+		drawing.normalizeTraditionalColumnAnchor = normalizeTraditionalColumnAnchor;
+		drawing.pageAnchorLeft = normalizeTraditionalColumnAnchor ? page.marginLeft : 0;
 		drawing.lineHeight = line.lineHeight;
 		drawings.set(drawing.drawingId, drawing);
 	}
@@ -19040,6 +19172,9 @@ function __getDrawingPosition(ctx, lineTop, lineHeight, column, isParagraphFirst
 		} : void 0;
 		drawing.initialState = true;
 		drawing.columnLeft = column.left;
+		drawing.blockAnchorLeft = blockAnchorLeft;
+		drawing.normalizeTraditionalColumnAnchor = normalizeTraditionalColumnAnchor && ctx.dataModel.documentStyle.documentFlavor === DocumentFlavor.TRADITIONAL;
+		drawing.pageAnchorLeft = ctx.dataModel.documentStyle.documentFlavor === DocumentFlavor.TRADITIONAL ? page.marginLeft : 0;
 		drawing.lineTop = absoluteLineTop;
 		drawing.lineHeight = lineHeight;
 		drawing.isPageBreak = isPageBreak;
@@ -19455,7 +19590,7 @@ function updateInlineDrawingCoordsAndBorder(ctx, pages) {
 		const drawingAnchor = (_ctx$skeletonResource = ctx.skeletonResourceReference) === null || _ctx$skeletonResource === void 0 || (_ctx$skeletonResource = _ctx$skeletonResource.drawingAnchor) === null || _ctx$skeletonResource === void 0 || (_ctx$skeletonResource = _ctx$skeletonResource.get(segmentId)) === null || _ctx$skeletonResource === void 0 ? void 0 : _ctx$skeletonResource.get(line.paragraphIndex);
 		if (affectInlineDrawings && affectInlineDrawings.size > 0) {
 			var _ctx$dataModel$getUni, _ctx$dataModel;
-			updateInlineDrawingPosition(line, affectInlineDrawings, ((_ctx$dataModel$getUni = (_ctx$dataModel = ctx.dataModel).getUnitId) === null || _ctx$dataModel$getUni === void 0 ? void 0 : _ctx$dataModel$getUni.call(_ctx$dataModel)) ?? "", drawingAnchor === null || drawingAnchor === void 0 ? void 0 : drawingAnchor.top, affectNonInlineDrawings, paragraphConfig === null || paragraphConfig === void 0 ? void 0 : paragraphConfig.documentCompatibilityPolicy);
+			updateInlineDrawingPosition(line, affectInlineDrawings, ((_ctx$dataModel$getUni = (_ctx$dataModel = ctx.dataModel).getUnitId) === null || _ctx$dataModel$getUni === void 0 ? void 0 : _ctx$dataModel$getUni.call(_ctx$dataModel)) ?? "", drawingAnchor === null || drawingAnchor === void 0 ? void 0 : drawingAnchor.top, affectNonInlineDrawings, paragraphConfig === null || paragraphConfig === void 0 ? void 0 : paragraphConfig.documentCompatibilityPolicy, drawingAnchor === null || drawingAnchor === void 0 ? void 0 : drawingAnchor.left, ctx.dataModel.documentStyle.documentFlavor === DocumentFlavor.TRADITIONAL);
 		}
 		const paragraphStyle = paragraphConfig === null || paragraphConfig === void 0 ? void 0 : paragraphConfig.paragraphStyle;
 		const paragraphBackgroundColor = paragraphStyle === null || paragraphStyle === void 0 || (_paragraphStyle$shadi = paragraphStyle.shading) === null || _paragraphStyle$shadi === void 0 ? void 0 : _paragraphStyle$shadi.backgroundColor;
@@ -21217,8 +21352,7 @@ function shaping(ctx, content, viewModel, paragraphNode, sectionBreakConfig) {
 //#endregion
 //#region src/components/docs/layout/document-layout-page-patch.ts
 function withoutParent(value) {
-	const copy = { ...value };
-	delete copy.parent;
+	const { parent: _parent, ...copy } = value;
 	return copy;
 }
 function serializeDivide(source) {
@@ -21286,10 +21420,10 @@ function serializeDocumentSkeletonPage(source, omitResourceSources = false) {
 	return {
 		...geometry,
 		sections: source.sections.map(serializeSection),
-		noteDecorations: noteDecorations === null || noteDecorations === void 0 ? void 0 : noteDecorations.map((decoration) => ({
+		...noteDecorations == null ? {} : { noteDecorations: noteDecorations.map((decoration) => ({
 			...decoration,
 			page: serializeDocumentSkeletonPage(decoration.page, omitResourceSources)
-		})),
+		})) },
 		...notes == null ? {} : { notes: notes.map((note) => ({
 			...withoutParent(note),
 			page: serializeDocumentSkeletonPage(note.page, omitResourceSources)
@@ -21429,18 +21563,18 @@ function hydrateDocumentSkeletonPageMaterializationPlaceholder(source, parent) {
 	return placeholder;
 }
 function hydrateDocumentSkeletonPageInternal(source, parent, snapshot, resourceSegmentId) {
-	var _source$noteDecoratio, _source$notes;
+	const { notes, noteDecorations, ...geometry } = source;
 	const page = {
-		...source,
+		...geometry,
 		sections: [],
-		noteDecorations: (_source$noteDecoratio = source.noteDecorations) === null || _source$noteDecoratio === void 0 ? void 0 : _source$noteDecoratio.map((decoration) => ({
+		...noteDecorations == null ? {} : { noteDecorations: noteDecorations.map((decoration) => ({
 			...decoration,
 			page: hydrateDocumentSkeletonPageInternal(decoration.page, void 0, snapshot, decoration.page.segmentId)
-		})),
-		notes: (_source$notes = source.notes) === null || _source$notes === void 0 ? void 0 : _source$notes.map((note) => ({
+		})) },
+		...notes == null ? {} : { notes: notes.map((note) => ({
 			...note,
 			page: hydrateDocumentSkeletonPageInternal(note.page, void 0, snapshot, note.noteId)
-		})),
+		})) },
 		skeDrawings: new Map(source.skeDrawings.map(([drawingId, drawing]) => [drawingId, hydrateDrawing(drawing, snapshot, resourceSegmentId)])),
 		skeTables: /* @__PURE__ */ new Map(),
 		skeColumnGroups: /* @__PURE__ */ new Map(),
@@ -23424,6 +23558,8 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		_defineProperty(this, "_paginationMetrics", null);
 		_defineProperty(this, "_completedPageCount", void 0);
 		_defineProperty(this, "_lastCompleteSkeletonData", null);
+		_defineProperty(this, "_completedHeadingCollapseSignature", "[]");
+		_defineProperty(this, "_publishedHeadingCollapseSignature", "[]");
 		_defineProperty(this, "_pendingInvalidationAnchor", null);
 		_defineProperty(this, "_layoutGeneration", 0);
 		_defineProperty(this, "_activeLayout", null);
@@ -23435,7 +23571,9 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		_defineProperty(this, "_isolateIncrementalPublications", void 0);
 		_defineProperty(this, "_modernPageWidth", void 0);
 		_defineProperty(this, "_modernHorizontalMargin", void 0);
+		_defineProperty(this, "_lineGap", void 0);
 		this._isolateIncrementalPublications = options.isolateIncrementalPublications !== false;
+		this._lineGap = options.lineGap ?? 0;
 	}
 	static create(docViewModel, localeService, options) {
 		return new DocumentSkeleton(docViewModel, localeService, options);
@@ -23479,29 +23617,48 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 			ctx = retry;
 		}
 		this._lastCompleteSkeletonData = this._skeletonData;
+		this._completedHeadingCollapseSignature = this._getHeadingCollapseSignature();
+		this._publishedHeadingCollapseSignature = this._completedHeadingCollapseSignature;
 		this._completedPageCount = (_this$_skeletonData = this._skeletonData) === null || _this$_skeletonData === void 0 ? void 0 : _this$_skeletonData.pages.length;
 		this._pendingInvalidationAnchor = null;
 		this._paginationMetrics = ctx.paginationMetrics ?? null;
 		this._dirty$.next(true);
 	}
+	_getHeadingCollapseSignature() {
+		return JSON.stringify(this.getViewModel().getHeadingSections().filter((heading) => heading.collapsed).map((heading) => [
+			heading.paragraphId,
+			heading.startOffset,
+			heading.endOffset
+		]));
+	}
 	startIncrementalLayout(options) {
-		this._modernPageWidth = options === null || options === void 0 ? void 0 : options.modernPageWidth;
-		this._modernHorizontalMargin = options === null || options === void 0 ? void 0 : options.modernHorizontalMargin;
+		const headingCollapseSignature = this._getHeadingCollapseSignature();
+		const headingVisibilityChanged = headingCollapseSignature !== this._completedHeadingCollapseSignature || headingCollapseSignature !== this._publishedHeadingCollapseSignature;
+		const layoutOptions = headingVisibilityChanged ? {
+			...options,
+			anchor: 0,
+			priorityAnchor: (options === null || options === void 0 ? void 0 : options.priorityAnchor) ?? (options === null || options === void 0 ? void 0 : options.anchor) ?? 0,
+			invalidation: void 0,
+			reuseUnaffectedTail: false,
+			preserveInteractionWindow: false
+		} : options;
+		this._modernPageWidth = layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.modernPageWidth;
+		this._modernHorizontalMargin = layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.modernHorizontalMargin;
 		this.cancelIncrementalLayout();
 		this._externalLayoutProgress = null;
 		this._externalProtectedPages = null;
 		this._externalProtectedContinuousLayout = null;
 		const generation = ++this._layoutGeneration;
-		const reason = (options === null || options === void 0 ? void 0 : options.reason) ?? ((options === null || options === void 0 ? void 0 : options.anchor) == null ? "initial" : "edit");
+		const reason = (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.reason) ?? ((layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.anchor) == null ? "initial" : "edit");
 		const dataModel = this.getViewModel().getDataModel();
 		const sections = this.getViewModel().getChildren();
 		const topLevelBlocks = this._getTopLevelBlocks(sections);
 		const mode = dataModel.documentStyle.documentFlavor === DocumentFlavor.MODERN ? "continuous" : "paginated";
-		const priorityAnchor = (options === null || options === void 0 ? void 0 : options.priorityAnchor) ?? (options === null || options === void 0 ? void 0 : options.anchor);
+		const priorityAnchor = (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.priorityAnchor) ?? (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.anchor);
 		const hasPublishedCheckpoint = this._skeletonData != null || this._lastCompleteSkeletonData != null;
 		const previousSkeleton = this._lastCompleteSkeletonData ?? this._skeletonData;
-		const invalidation = options === null || options === void 0 ? void 0 : options.invalidation;
-		const layoutAnchor = options === null || options === void 0 ? void 0 : options.anchor;
+		const invalidation = layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.invalidation;
+		const layoutAnchor = layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.anchor;
 		const invalidationAnchor = layoutAnchor == null ? this._pendingInvalidationAnchor ?? void 0 : Math.min(layoutAnchor, this._pendingInvalidationAnchor ?? layoutAnchor);
 		const mutationDelta = invalidation == null ? 0 : invalidation.newEnd - invalidation.oldEnd;
 		let priorityPageAnchor = priorityAnchor;
@@ -23514,7 +23671,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		const previousPriorityPage = priorityPageIndex < 0 ? null : (previousSkeleton === null || previousSkeleton === void 0 ? void 0 : previousSkeleton.pages[priorityPageIndex]) ?? null;
 		const previousPriorityPageEnd = previousPriorityPage == null ? null : getLastBodyFlowCharIndex(previousPriorityPage);
 		const priorityPageEnd = previousPriorityPageEnd == null ? null : previousPriorityPageEnd + (invalidation != null && invalidation.oldStart <= previousPriorityPageEnd ? mutationDelta : 0);
-		const incrementalStart = this._prepareIncrementalLayoutStart(invalidationAnchor, mode, invalidation, (options === null || options === void 0 ? void 0 : options.preserveInteractionWindow) === true, (options === null || options === void 0 ? void 0 : options.reuseUnaffectedTail) === false);
+		const incrementalStart = this._prepareIncrementalLayoutStart(invalidationAnchor, mode, invalidation, (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.preserveInteractionWindow) === true, (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.reuseUnaffectedTail) === false);
 		this._pendingInvalidationAnchor = hasPublishedCheckpoint ? invalidationAnchor ?? null : null;
 		this._activeLayout = {
 			generation,
@@ -23528,6 +23685,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 			sectionBreakConfig: null,
 			layoutAnchor: incrementalStart.layoutAnchor,
 			priorityAnchor: priorityAnchor ?? null,
+			minimumPublicationHeight: mode === "continuous" && headingVisibilityChanged && this._skeletonData != null ? (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.minimumPublicationHeight) ?? 0 : 0,
 			priorityPageIndex,
 			priorityPageEnd,
 			interactionPageTail: incrementalStart.interactionPageTail,
@@ -23552,16 +23710,16 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 			lastPublishedPageCount: incrementalStart.ctx.skeleton.pages.length > 0 ? Math.max(0, incrementalStart.ctx.skeleton.pages.length - 1) : 0,
 			lastPublishedBlockCount: incrementalStart.processedBlockCount,
 			publicationRevision: 0,
-			reuseUnaffectedTail: (options === null || options === void 0 ? void 0 : options.reuseUnaffectedTail) !== false,
+			reuseUnaffectedTail: (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.reuseUnaffectedTail) !== false,
 			paginationRevision: 0,
-			allowMetadataOnlyStructuralTailReuse: (options === null || options === void 0 ? void 0 : options.allowMetadataOnlyStructuralTailReuse) === true,
+			allowMetadataOnlyStructuralTailReuse: (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.allowMetadataOnlyStructuralTailReuse) === true,
 			reusedTail: false,
 			tailConvergencePageCount: incrementalStart.ctx.skeleton.pages.length,
 			dirtyRetries: /* @__PURE__ */ new Map(),
 			preparedHyphenationNodes: /* @__PURE__ */ new WeakSet(),
 			pendingHyphenation: null,
 			hyphenationError: null,
-			waitForHyphenationPatterns: (options === null || options === void 0 ? void 0 : options.waitForHyphenationPatterns) === true
+			waitForHyphenationPatterns: (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.waitForHyphenationPatterns) === true
 		};
 		return generation;
 	}
@@ -23936,10 +24094,12 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 			if (isFinalPublication) {
 				var _state$ctx$skeleton;
 				this._lastCompleteSkeletonData = state.ctx.skeleton;
+				this._completedHeadingCollapseSignature = this._getHeadingCollapseSignature();
 				this._completedPageCount = (_state$ctx$skeleton = state.ctx.skeleton) === null || _state$ctx$skeleton === void 0 ? void 0 : _state$ctx$skeleton.pages.length;
 				this._pendingInvalidationAnchor = null;
 			}
 			this._skeletonData = isFinalPublication ? state.ctx.skeleton : !this._isolateIncrementalPublications && state.mode === "paginated" ? this._createSharedPublishablePartialSkeleton(state, publishedPageCount) : this._createPublishablePartialSkeleton(state, publishedPageCount);
+			this._publishedHeadingCollapseSignature = this._getHeadingCollapseSignature();
 			this._paginationMetrics = state.ctx.paginationMetrics ?? null;
 			this._dirty$.next(true);
 			didPublish = true;
@@ -23964,6 +24124,19 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		const startIndex = ((_stablePages$at = stablePages.at(-1)) === null || _stablePages$at === void 0 ? void 0 : _stablePages$at.ed) ?? -1;
 		updateBlockIndex(activePages, startIndex, state.ctx.docsConfig.documentCompatibilityPolicy);
 		mergeContinuousDuplicatePages(activePages, state.mode === "continuous");
+		if (state.mode === "continuous") {
+			const paragraphConfigCache = new Map([...state.ctx.paragraphConfigCache].map(([segmentId, configs]) => [segmentId, new Map([...configs].map(([index, config]) => {
+				var _config$paragraphInli;
+				return [index, ((_config$paragraphInli = config.paragraphInlineSkeDrawings) === null || _config$paragraphInli === void 0 ? void 0 : _config$paragraphInli.size) ? {
+					...config,
+					paragraphInlineSkeDrawings: new Map([...config.paragraphInlineSkeDrawings].map(([id, drawing]) => [id, { ...drawing }]))
+				} : config];
+			}))]));
+			updateInlineDrawingCoordsAndBorder({
+				...state.ctx,
+				paragraphConfigCache
+			}, activePages);
+		}
 		const flowPages = [...stablePages, ...activePages];
 		const currentPriorityPageIndex = state.priorityAnchor == null ? -1 : this._findBodyPageIndex(flowPages, state.priorityAnchor);
 		const previousPriorityPage = previous === null || previous === void 0 ? void 0 : previous.pages[state.priorityPageIndex];
@@ -24237,6 +24410,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 			if (progress.complete) {
 				setPageParent(skeletonData.pages, skeletonData);
 				this._lastCompleteSkeletonData = skeletonData;
+				this._completedHeadingCollapseSignature = this._getHeadingCollapseSignature();
 				this._completedPageCount = skeletonData === null || skeletonData === void 0 ? void 0 : skeletonData.pages.length;
 				this._pendingInvalidationAnchor = null;
 				this._externalProtectedContinuousLayout = null;
@@ -24307,6 +24481,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 			if (publicationToApply.resources.drawingAnchor != null) skeletonData.drawingAnchor = hydrateDrawingAnchors(publicationToApply.resources.drawingAnchor);
 			setPageParent(skeletonData.pages, skeletonData);
 			this._lastCompleteSkeletonData = skeletonData;
+			this._completedHeadingCollapseSignature = this._getHeadingCollapseSignature();
 			this._completedPageCount = skeletonData === null || skeletonData === void 0 ? void 0 : skeletonData.pages.length;
 			this._pendingInvalidationAnchor = null;
 			this._externalProtectedPages = null;
@@ -24314,6 +24489,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		}
 		this._skeletonData = skeletonData;
 		this._externalLayoutProgress = progress.complete ? null : progress;
+		this._publishedHeadingCollapseSignature = this._getHeadingCollapseSignature();
 		this._dirty$.next(true);
 		this._layoutProgress$.next(progress);
 		return { didReplaceProtectedPages };
@@ -24367,7 +24543,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		const firstUnprotectedLineOffset = flow.lines.findIndex((line) => line.st > protectedEndOffset);
 		if (firstUnprotectedLineOffset < 0) return null;
 		const existingColumn = (_skeletonData$pages$p = skeletonData.pages[publication.block.pageIndex]) === null || _skeletonData$pages$p === void 0 || (_skeletonData$pages$p = _skeletonData$pages$p.sections[flow.sectionIndex]) === null || _skeletonData$pages$p === void 0 ? void 0 : _skeletonData$pages$p.columns[flow.columnIndex];
-		if (existingColumn == null) throw new Error("Continuous layout cannot merge a Worker tail without the Main interaction boundary.");
+		if (existingColumn == null) return null;
 		const firstUnprotectedLine = flow.lines[firstUnprotectedLineOffset];
 		const matchingTailLineIndex = existingColumn.lines.findIndex((line) => line.st >= firstUnprotectedLine.st);
 		const targetLineIndex = matchingTailLineIndex < 0 ? existingColumn.lines.length : matchingTailLineIndex;
@@ -24861,11 +25037,13 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 					if (!isHitTestAddressableGlyph(glyph)) continue;
 					const startX = divideLeft + glyph.left;
 					const endX = startX + glyph.width;
+					const contentTop = startY + (line.marginTop ?? 0) + (line.paddingTop ?? 0);
 					const node = {
 						node: glyph,
 						...segment,
 						ratioX: x / (startX + endX),
-						ratioY: y / (startY + endY)
+						ratioY: y / (startY + endY),
+						isInsideGlyph: x >= startX && x <= endX && y >= contentTop && y <= contentTop + line.contentHeight
 					};
 					if (sameLine && x >= startX && x <= endX) return node;
 					if (distanceY < nearestDistanceY) {
@@ -24916,7 +25094,8 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 						node: glyph,
 						...segment,
 						ratioX: x / (startX + endX),
-						ratioY: y / (startY + endY)
+						ratioY: y / (startY + endY),
+						isInsideGlyph: x >= startX && x <= endX && sameLine
 					};
 					const hitsGlyphAdvance = x >= startX && x <= endX;
 					if (sameLine) {
@@ -25099,7 +25278,23 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		const anchor = state.priorityAnchor;
 		if (anchor == null || state.complete) return true;
 		if (state.interactionPageComplete) return true;
-		if (state.mode === "continuous") return state.laidOutThrough >= anchor;
+		if (state.mode === "continuous") {
+			if (state.laidOutThrough < anchor) return false;
+			if (state.minimumPublicationHeight <= 0) return true;
+			let height = 0;
+			for (const page of state.ctx.skeleton.pages) for (const section of page.sections) {
+				let sectionHeight = 0;
+				for (const column of section.columns) for (let index = column.lines.length - 1; index >= 0; index--) {
+					const line = column.lines[index];
+					if (line.paragraphIndex <= state.stableLaidOutThrough) {
+						sectionHeight = Math.max(sectionHeight, line.top + line.lineHeight);
+						break;
+					}
+				}
+				height += sectionHeight;
+			}
+			return height >= state.minimumPublicationHeight;
+		}
 		if (state.priorityPageEnd != null) {
 			var _state$invalidation;
 			const requiredOffset = Math.max(anchor, state.priorityPageEnd, ((_state$invalidation = state.invalidation) === null || _state$invalidation === void 0 ? void 0 : _state$invalidation.newEnd) ?? anchor);
@@ -25286,7 +25481,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		const curSkeletonPage = getLastPage(ctx.skeleton.pages);
 		if (sectionBreakConfig == null || curSkeletonPage == null) throw new Error("Incremental document layout failed to initialize a section page.");
 		const paragraphNode = sectionNode.children[state.paragraphIndex];
-		const tableNode = (paragraphNode === null || paragraphNode === void 0 ? void 0 : paragraphNode.children.length) === 1 && paragraphNode.children[0].nodeType === DataStreamTreeNodeType.TABLE ? paragraphNode.children[0] : null;
+		const tableNode = paragraphNode && !ctx.viewModel.getCollapsedHeadingAtOffset(paragraphNode.startIndex) && paragraphNode.children.length === 1 && paragraphNode.children[0].nodeType === DataStreamTreeNodeType.TABLE ? paragraphNode.children[0] : null;
 		if (tableNode != null) {
 			state.pendingTableBuild ??= startTableSkeletonBuild(ctx, curSkeletonPage, ctx.viewModel, tableNode, sectionBreakConfig);
 			if (state.pendingTableBuild != null && !stepTableSkeletonBuild(state.pendingTableBuild)) return;
@@ -25486,6 +25681,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		const section = sections[sectionIndex];
 		const paragraphIndex = Math.max(0, (section === null || section === void 0 ? void 0 : section.children.findIndex(({ endIndex }) => endIndex === layoutAnchor)) ?? 0);
 		const processedBeforeSection = sections.slice(0, sectionIndex).reduce((count, item) => count + item.children.length, 0);
+		rollbackSectionPages(layoutAnchor, ctx.skeleton.pages);
 		state.sectionIndex = sectionIndex;
 		state.paragraphIndex = paragraphIndex;
 		state.sectionInitialized = false;
@@ -25596,6 +25792,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 		};
 		const { paragraphLineGapDefault = 0, defaultTabStop = 10.5, textStyle = {}, adjustLineHeightInTable = BooleanNumber.FALSE } = documentStyle;
 		const docsConfig = {
+			lineGap: this._lineGap,
 			headerTreeMap,
 			footerTreeMap,
 			lists,
@@ -25891,7 +26088,7 @@ var DocumentSkeleton = class DocumentSkeleton extends Skeleton {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -25899,7 +26096,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -26026,6 +26223,8 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 		_defineProperty(this, "_gridlinesColor", void 0);
 		_defineProperty(this, "_defaultGridlinesColor", void 0);
 		_defineProperty(this, "_scene", null);
+		_defineProperty(this, "textLineGap", void 0);
+		this.textLineGap = _configService.getConfig(SHEET_TEXT_LINE_GAP) ?? 0;
 		const themeService = _injector.get(ThemeService);
 		this.disposeWithMe(themeService.currentTheme$.subscribe(() => {
 			var _this$_scene, _this$_scene2;
@@ -26356,7 +26555,7 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 			const documentViewModel = new DocumentViewModel(documentModel);
 			const { vertexAngle: angle } = convertTextRotation(textRotation);
 			if (typeof colWidth === "number" && wrapStrategy === WrapStrategy.WRAP) documentModel.updateDocumentDataPageSize(colWidth);
-			const documentSkeleton = DocumentSkeleton.create(documentViewModel, this._localeService);
+			const documentSkeleton = DocumentSkeleton.create(documentViewModel, this._localeService, { lineGap: this.textLineGap });
 			documentSkeleton.calculate();
 			let { height: h = 0 } = getDocsSkeletonPageSize(documentSkeleton, angle) ?? {};
 			if (documentSkeleton) {
@@ -26374,7 +26573,7 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 			const paddingTop = ((_style$pd3 = style.pd) === null || _style$pd3 === void 0 ? void 0 : _style$pd3.t) ?? DEFAULT_PADDING_DATA.t;
 			const paddingBottom = ((_style$pd4 = style.pd) === null || _style$pd4 === void 0 ? void 0 : _style$pd4.b) ?? DEFAULT_PADDING_DATA.b;
 			if ((style === null || style === void 0 ? void 0 : style.tb) === WrapStrategy.WRAP) {
-				const skeleton = new DocSimpleSkeleton(getDisplayValueFromCell(cell), getFontStyleString(style).fontCache, (style === null || style === void 0 ? void 0 : style.tb) === WrapStrategy.WRAP, colWidth - paddingLeft - paddingRight, Infinity);
+				const skeleton = new DocSimpleSkeleton(getDisplayValueFromCell(cell), getFontStyleString(style).fontCache, (style === null || style === void 0 ? void 0 : style.tb) === WrapStrategy.WRAP, colWidth - paddingLeft - paddingRight, Infinity, this.textLineGap);
 				skeleton.calculate();
 				return skeleton.getTotalHeight() + paddingTop + paddingBottom;
 			} else {
@@ -26490,7 +26689,7 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 		const { vertexAngle: angle } = convertTextRotation(textRotation);
 		if ((style === null || style === void 0 ? void 0 : style.tb) === WrapStrategy.WRAP) documentModel.updateDocumentDataPageSize(currColWidth, Infinity);
 		else documentModel.updateDocumentDataPageSize(Infinity, Infinity);
-		const documentSkeleton = DocumentSkeleton.create(documentViewModel, this._localeService);
+		const documentSkeleton = DocumentSkeleton.create(documentViewModel, this._localeService, { lineGap: this.textLineGap });
 		documentSkeleton.calculate();
 		measuredWidth = (getDocsSkeletonPageSize(documentSkeleton, angle) ?? { width: 0 }).width;
 		if (documentSkeleton) {
@@ -26773,7 +26972,7 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 		if (fontCache.documentSkeleton) {
 			const snapshot = fontCache.documentSkeleton.getViewModel().getDataModel().getSnapshot();
 			const documentModel = new DocumentDataModel(scaleDocumentDataForShrinkToFit(snapshot, scale, fallbackFontSize));
-			const documentSkeleton = DocumentSkeleton.create(new DocumentViewModel(documentModel), this._localeService);
+			const documentSkeleton = DocumentSkeleton.create(new DocumentViewModel(documentModel), this._localeService, { lineGap: this.textLineGap });
 			documentSkeleton.calculate();
 			fontCache.documentSkeleton = documentSkeleton;
 		} else fontCache.fontString = getFontStyleString({
@@ -26826,7 +27025,7 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends SheetSkeleton {
 				if (FULL_WIDTH_HORIZONTAL_ALIGNMENTS.has(horizontalAlign)) updateDocumentPageWidth(documentModel, this.getCellWithCoordByIndex(row, col, false));
 				const documentViewModel = new DocumentViewModel(documentModel);
 				if (documentViewModel) {
-					const documentSkeleton = DocumentSkeleton.create(documentViewModel, this._localeService);
+					const documentSkeleton = DocumentSkeleton.create(documentViewModel, this._localeService, { lineGap: this.textLineGap });
 					documentSkeleton.calculate();
 					config = {
 						documentSkeleton,
@@ -27290,7 +27489,7 @@ var Font = class extends SheetExtension {
 		this._clipByRenderBounds(renderFontCtx, row, col);
 		ctx.translate(renderFontCtx.startX + FIX_ONE_PIXEL_BLUR_OFFSET, renderFontCtx.startY + FIX_ONE_PIXEL_BLUR_OFFSET);
 		if (fontCache.documentSkeleton) this._renderDocuments(ctx, row, col, renderFontCtx, spreadsheetSkeleton.overflowCache);
-		else this._renderText(ctx, row, col, renderFontCtx, spreadsheetSkeleton.overflowCache);
+		else this._renderText(ctx, renderFontCtx);
 		ctx.restore();
 		if (fontCache.documentSkeleton) {
 			var _documentDataModel$ge;
@@ -27385,7 +27584,7 @@ var Font = class extends SheetExtension {
 					if (image.getAttribute("data-error") === "true") this._drawFallbackImage(ctx, -rotatedWidth / 2, -rotatedHeight / 2, width, height);
 					else try {
 						ctx.drawImage(image, -rotatedWidth / 2, -rotatedHeight / 2, width, height);
-					} catch (e) {
+					} catch {
 						this._drawFallbackImage(ctx, -rotatedWidth / 2, -rotatedHeight / 2, width, height);
 					}
 					ctx.restore();
@@ -27398,7 +27597,7 @@ var Font = class extends SheetExtension {
 	* @param renderFontContext
 	* @param row
 	* @param col
-	* @param fontCache
+	* @param padding
 	*/
 	_clipByRenderBounds(renderFontContext, row, col, padding = 0) {
 		var _fontCache$cellData3, _fontCache$cellData4;
@@ -27442,7 +27641,7 @@ var Font = class extends SheetExtension {
 		renderFontContext.endX = endX;
 		renderFontContext.endY = endY;
 	}
-	_renderText(ctx, row, col, renderFontCtx, overflowCache) {
+	_renderText(ctx, renderFontCtx) {
 		var _fontCache$style5, _fontCache$style6, _fontCache$style7, _fontCache$style8, _fontCache$style9;
 		const { fontCache } = renderFontCtx;
 		if (!fontCache) return;
@@ -27462,6 +27661,7 @@ var Font = class extends SheetExtension {
 			text,
 			fontStyle: fontCache.fontString,
 			warp: wrapStrategy === WrapStrategy.WRAP && vertexAngle === 0,
+			lineGap: renderFontCtx.spreadsheetSkeleton.textLineGap,
 			hAlign,
 			vAlign: fontCache.verticalAlign,
 			width: cellWidth,
@@ -27885,6 +28085,290 @@ var SpreadsheetRowHeader = class extends SpreadsheetHeader {
 	}
 };
 
+//#endregion
+//#region src/group.ts
+var Group = class extends BaseObject {
+	constructor(key, ...objects) {
+		super(key);
+		_defineProperty(this, "_objects", []);
+		_defineProperty(this, "_selfSizeMode", false);
+		this.addObjects(...objects);
+	}
+	get classType() {
+		return "Group";
+	}
+	set cursor(val) {
+		this.setCursor(val);
+	}
+	getState() {
+		if (this._selfSizeMode) return super.getState();
+		return getGroupState(this.left, this.top, this._objects.map((o) => o.getState()));
+	}
+	get width() {
+		if (this._selfSizeMode) return super.width;
+		return this.getState().width || 0;
+	}
+	get height() {
+		if (this._selfSizeMode) return super.height;
+		return this.getState().height || 0;
+	}
+	set width(val) {
+		if (this._selfSizeMode) {
+			super.width = val;
+			return;
+		}
+		const numDelta = val - this.width;
+		this._objects.forEach((o) => {
+			o.resize(o.width + numDelta);
+		});
+	}
+	set height(val) {
+		if (this._selfSizeMode) {
+			super.height = val;
+			return;
+		}
+		const numDelta = val - this.height;
+		this._objects.forEach((o) => {
+			o.resize(void 0, o.height + numDelta);
+		});
+	}
+	get maxZIndex() {
+		let maxZIndex = 0;
+		for (const object of this._objects) maxZIndex = Math.max(maxZIndex, object.zIndex);
+		return maxZIndex;
+	}
+	openSelfSizeMode() {
+		this._selfSizeMode = true;
+	}
+	closeSelfSizeMode() {
+		this._selfSizeMode = false;
+	}
+	reCalculateObjects() {
+		if (this._selfSizeMode) return;
+		const { left = 0, top = 0 } = this.getState();
+		for (const object of this._objects) object.transformByState({
+			left: object.left - left,
+			top: object.top - top
+		});
+		this.transformByState({
+			left,
+			top
+		});
+	}
+	addObjects(...objects) {
+		for (const object of objects) this.addObject(object);
+	}
+	addObject(o) {
+		let object = o;
+		if (isString(o)) {
+			const scene = this.getScene();
+			object = scene === null || scene === void 0 ? void 0 : scene.getObject(o);
+			if (!object) return;
+			object.parent = this;
+			object.isInGroup = true;
+			object.groupKey = this.oKey;
+			this._objects.push(object);
+		} else {
+			o.parent = this;
+			o.isInGroup = true;
+			o.groupKey = this.oKey;
+			this._objects.push(o);
+		}
+	}
+	removeObject(object) {
+		const objects = this.getObjects();
+		const objectsLength = objects.length;
+		if (isString(object)) for (let i = 0; i < objectsLength; i++) {
+			const o = objects[i];
+			if (o.oKey === object) {
+				objects.splice(i, 1);
+				this.parent.removeObject(o);
+				return;
+			}
+		}
+		else for (let i = 0; i < objectsLength; i++) {
+			const o = objects[i];
+			if (o === object) {
+				objects.splice(i, 1);
+				this.parent.removeObject(o);
+				return;
+			}
+		}
+	}
+	removeSelfObjectAndTransform(oKey, width, height, isTransform = false) {
+		const objects = [...this.getObjects()];
+		const objectsLength = objects.length;
+		if (width == null) width = this.width;
+		if (height == null) height = this.height;
+		for (let i = 0; i < objectsLength; i++) {
+			const o = objects[i];
+			if (o.oKey === oKey) {
+				objects.splice(i, 1);
+				isTransform && this._transformObject(o, width, height);
+				o.parent = this.parent;
+				o.groupKey = void 0;
+				o.isInGroup = false;
+				this._objects = objects;
+				return;
+			}
+		}
+	}
+	_transformObject(object, groupWidth, groupHeight) {
+		const transform = transformObjectOutOfGroup(object.getState(), this.getState(), groupWidth, groupHeight);
+		if (object.classType === "Group") object.transformByState({
+			left: transform.left,
+			top: transform.top
+		});
+		else object.transformByState(transform);
+	}
+	getObjectsByOrder() {
+		const objects = [];
+		this._objects.sort(sortRules);
+		for (const o of this._objects) if (o.visible) objects.push(o);
+		return objects;
+	}
+	getObjects() {
+		return this._objects;
+	}
+	render(ctx, bounds) {
+		ctx.save();
+		const m = this.transform.getMatrix();
+		ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);
+		const objects = this.getObjectsByOrder();
+		for (let i = 0; i < objects.length; i++) objects[i].render(ctx, bounds);
+		ctx.restore();
+	}
+	_clear() {
+		this._objects = [];
+	}
+	dispose() {
+		[...this.getObjects()].forEach((o) => {
+			o.dispose();
+		});
+		this._clear();
+		super.dispose();
+	}
+};
+
+//#endregion
+//#region src/drawing-group.ts
+var DrawingGroupObject = class extends Group {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "_selfSizeMode", true);
+		_defineProperty(this, "_baseBound", {
+			left: 0,
+			top: 0,
+			width: 0,
+			height: 0
+		});
+		_defineProperty(this, "_outerShadow", void 0);
+		_defineProperty(this, "_glow", void 0);
+	}
+	setOuterShadow(shadow) {
+		this._outerShadow = shadow;
+		this.makeDirty(true);
+	}
+	setGlow(glow) {
+		this._glow = glow;
+		this.makeDirty(true);
+	}
+	/**
+	* Set the baseBound (chOff/chExt in OOXML) for this group.
+	* This defines the coordinate space of children within the group.
+	* When set, the group automatically enters selfSizeMode so its dimensions
+	* are tracked independently of children.
+	*/
+	setBaseBound(bound) {
+		this._baseBound = { ...bound };
+	}
+	/**
+	* Get the baseBound (chOff/chExt in OOXML) for this group.
+	*/
+	getBaseBound() {
+		return { ...this._baseBound };
+	}
+	/**
+	* Override ancestorTransform to use the same render transform as render(),
+	* which uses [m[0], m[1], m[2], m[3], centerX, centerY] from realBound
+	* instead of the standard transform translation.
+	* This ensures children (e.g., Image.isHit) that compose with
+	* parent.ancestorTransform get the correct coordinate space.
+	*/
+	get ancestorTransform() {
+		const { left: realLeft, top: realTop, width: realWidth, height: realHeight } = this.getRealBound();
+		const m = this.transform.getMatrix();
+		const centerX = realLeft + realWidth / 2;
+		const centerY = realTop + realHeight / 2;
+		const renderTransform = new Transform([
+			m[0],
+			m[1],
+			m[2],
+			m[3],
+			centerX,
+			centerY
+		]);
+		const parent = this.getParent();
+		if (this.isInGroup && (parent === null || parent === void 0 ? void 0 : parent.classType) === "Group") return parent.ancestorTransform.multiply(renderTransform);
+		return renderTransform;
+	}
+	render(ctx, bounds) {
+		const { left: realLeft, top: realTop, width: realWidth, height: realHeight } = this.getRealBound();
+		ctx.save();
+		const m = this.transform.getMatrix();
+		const centerX = realLeft + realWidth / 2;
+		const centerY = realTop + realHeight / 2;
+		ctx.transform(m[0], m[1], m[2], m[3], centerX, centerY);
+		const effectFilter = createDrawingEffectFilter(this._glow, void 0);
+		if (effectFilter) ctx.filter = combineDrawingEffectFilter(ctx.filter, effectFilter);
+		if (this._outerShadow) {
+			ctx.shadowColor = this._outerShadow.shadowColor;
+			ctx.shadowBlur = this._outerShadow.shadowBlur;
+			ctx.shadowOffsetX = this._outerShadow.shadowOffsetX;
+			ctx.shadowOffsetY = this._outerShadow.shadowOffsetY;
+		}
+		const objects = this.getObjectsByOrder();
+		for (let i = 0; i < objects.length; i++) objects[i].render(ctx, bounds);
+		ctx.restore();
+	}
+	addObjects(...objects) {
+		for (const object of objects) this.addObject(object);
+	}
+	isHit(coord) {
+		const { left: realLeft, top: realTop, width: realWidth, height: realHeight } = this.getRealBound();
+		const m = this.transform.getMatrix();
+		const centerX = realLeft + realWidth / 2;
+		const centerY = realTop + realHeight / 2;
+		const renderTransform = new Transform([
+			m[0],
+			m[1],
+			m[2],
+			m[3],
+			centerX,
+			centerY
+		]);
+		const parent = this.getParent();
+		const oCoord = (this.isInGroup && (parent === null || parent === void 0 ? void 0 : parent.classType) === "Group" ? parent.ancestorTransform.multiply(renderTransform) : renderTransform).invert().applyPoint(coord);
+		const halfWidth = realWidth / 2;
+		const halfHeight = realHeight / 2;
+		if (oCoord.x < -halfWidth || oCoord.x > halfWidth || oCoord.y < -halfHeight || oCoord.y > halfHeight) return false;
+		const objects = this.getObjectsByOrder();
+		for (let i = 0; i < objects.length; i++) if (objects[i].isHit(coord)) return true;
+		return false;
+	}
+	dispose() {
+		const objects = [...this.getObjects()];
+		const scene = this.getScene();
+		objects.forEach((o) => {
+			o.dispose();
+			scene === null || scene === void 0 || scene.removeObject(o);
+		});
+		this._objects = [];
+		super.dispose();
+		scene === null || scene === void 0 || scene.removeObject(this);
+	}
+};
+
 //#endregion
 //#region src/components/docs/doc-component.ts
 var DocComponent = class extends RenderComponent {
@@ -28331,7 +28815,9 @@ var FontAndBaseLine = class extends docExtension {
 		const { ts: textStyle, content, fontStyle, bBox } = glyph;
 		const { spanPointWithFont = Vector2.create(0, 0) } = this.extensionOffset;
 		if (content == null) return;
-		if (ctx.fontKerning != null) ctx.fontKerning = (fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontKerning) ?? "auto";
+		const currentKerning = ctx.fontKerning;
+		const fontKerning = (fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.fontKerning) ?? "auto";
+		if (currentKerning != null && currentKerning !== fontKerning) ctx.fontKerning = fontKerning;
 		if (!textStyle) {
 			this._fillText(ctx, glyph, spanPointWithFont);
 			return;
@@ -29093,8 +29579,21 @@ var Documents = class Documents extends DocComponent {
 		return this.getScene().getEngine();
 	}
 	isHit(coord) {
+		if (super.isHit(coord)) {
+			var _this$getScene;
+			const drawingHit = (_this$getScene = this.getScene()) === null || _this$getScene === void 0 ? void 0 : _this$getScene.getAllObjectsByOrderForPick().some((object) => (object.isDrawingObject || object instanceof DrawingGroupObject) && !object.isInGroup && object.visible && object.evented && object.isHit(coord));
+			const skeleton = this.getSkeleton();
+			if (drawingHit && skeleton) {
+				const node = skeleton.findNodeByCoord(this.getInverseCoord(coord), this.pageLayoutType, this.pageMarginLeft, this.pageMarginTop);
+				if (node === null || node === void 0 ? void 0 : node.isInsideGlyph) return true;
+				return this._isHitTable(coord);
+			}
+			return true;
+		}
+		return this._isHitTable(coord);
+	}
+	_isHitTable(coord) {
 		var _this$getSkeleton;
-		if (super.isHit(coord)) return true;
 		const skeletonData = (_this$getSkeleton = this.getSkeleton()) === null || _this$getSkeleton === void 0 ? void 0 : _this$getSkeleton.getSkeletonData();
 		if (!skeletonData) return false;
 		const localCoord = this.getInverseCoord(coord);
@@ -34402,290 +34901,6 @@ var CustomObject = class extends BaseObject {
 	}
 };
 
-//#endregion
-//#region src/group.ts
-var Group = class extends BaseObject {
-	constructor(key, ...objects) {
-		super(key);
-		_defineProperty(this, "_objects", []);
-		_defineProperty(this, "_selfSizeMode", false);
-		this.addObjects(...objects);
-	}
-	get classType() {
-		return "Group";
-	}
-	set cursor(val) {
-		this.setCursor(val);
-	}
-	getState() {
-		if (this._selfSizeMode) return super.getState();
-		return getGroupState(this.left, this.top, this._objects.map((o) => o.getState()));
-	}
-	get width() {
-		if (this._selfSizeMode) return super.width;
-		return this.getState().width || 0;
-	}
-	get height() {
-		if (this._selfSizeMode) return super.height;
-		return this.getState().height || 0;
-	}
-	set width(val) {
-		if (this._selfSizeMode) {
-			super.width = val;
-			return;
-		}
-		const numDelta = val - this.width;
-		this._objects.forEach((o) => {
-			o.resize(o.width + numDelta);
-		});
-	}
-	set height(val) {
-		if (this._selfSizeMode) {
-			super.height = val;
-			return;
-		}
-		const numDelta = val - this.height;
-		this._objects.forEach((o) => {
-			o.resize(void 0, o.height + numDelta);
-		});
-	}
-	get maxZIndex() {
-		let maxZIndex = 0;
-		for (const object of this._objects) maxZIndex = Math.max(maxZIndex, object.zIndex);
-		return maxZIndex;
-	}
-	openSelfSizeMode() {
-		this._selfSizeMode = true;
-	}
-	closeSelfSizeMode() {
-		this._selfSizeMode = false;
-	}
-	reCalculateObjects() {
-		if (this._selfSizeMode) return;
-		const { left = 0, top = 0 } = this.getState();
-		for (const object of this._objects) object.transformByState({
-			left: object.left - left,
-			top: object.top - top
-		});
-		this.transformByState({
-			left,
-			top
-		});
-	}
-	addObjects(...objects) {
-		for (const object of objects) this.addObject(object);
-	}
-	addObject(o) {
-		let object = o;
-		if (isString(o)) {
-			const scene = this.getScene();
-			object = scene === null || scene === void 0 ? void 0 : scene.getObject(o);
-			if (!object) return;
-			object.parent = this;
-			object.isInGroup = true;
-			object.groupKey = this.oKey;
-			this._objects.push(object);
-		} else {
-			o.parent = this;
-			o.isInGroup = true;
-			o.groupKey = this.oKey;
-			this._objects.push(o);
-		}
-	}
-	removeObject(object) {
-		const objects = this.getObjects();
-		const objectsLength = objects.length;
-		if (isString(object)) for (let i = 0; i < objectsLength; i++) {
-			const o = objects[i];
-			if (o.oKey === object) {
-				objects.splice(i, 1);
-				this.parent.removeObject(o);
-				return;
-			}
-		}
-		else for (let i = 0; i < objectsLength; i++) {
-			const o = objects[i];
-			if (o === object) {
-				objects.splice(i, 1);
-				this.parent.removeObject(o);
-				return;
-			}
-		}
-	}
-	removeSelfObjectAndTransform(oKey, width, height, isTransform = false) {
-		const objects = [...this.getObjects()];
-		const objectsLength = objects.length;
-		if (width == null) width = this.width;
-		if (height == null) height = this.height;
-		for (let i = 0; i < objectsLength; i++) {
-			const o = objects[i];
-			if (o.oKey === oKey) {
-				objects.splice(i, 1);
-				isTransform && this._transformObject(o, width, height);
-				o.parent = this.parent;
-				o.groupKey = void 0;
-				o.isInGroup = false;
-				this._objects = objects;
-				return;
-			}
-		}
-	}
-	_transformObject(object, groupWidth, groupHeight) {
-		const transform = transformObjectOutOfGroup(object.getState(), this.getState(), groupWidth, groupHeight);
-		if (object.classType === "Group") object.transformByState({
-			left: transform.left,
-			top: transform.top
-		});
-		else object.transformByState(transform);
-	}
-	getObjectsByOrder() {
-		const objects = [];
-		this._objects.sort(sortRules);
-		for (const o of this._objects) if (o.visible) objects.push(o);
-		return objects;
-	}
-	getObjects() {
-		return this._objects;
-	}
-	render(ctx, bounds) {
-		ctx.save();
-		const m = this.transform.getMatrix();
-		ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);
-		const objects = this.getObjectsByOrder();
-		for (let i = 0; i < objects.length; i++) objects[i].render(ctx, bounds);
-		ctx.restore();
-	}
-	_clear() {
-		this._objects = [];
-	}
-	dispose() {
-		[...this.getObjects()].forEach((o) => {
-			o.dispose();
-		});
-		this._clear();
-		super.dispose();
-	}
-};
-
-//#endregion
-//#region src/drawing-group.ts
-var DrawingGroupObject = class extends Group {
-	constructor(..._args) {
-		super(..._args);
-		_defineProperty(this, "_selfSizeMode", true);
-		_defineProperty(this, "_baseBound", {
-			left: 0,
-			top: 0,
-			width: 0,
-			height: 0
-		});
-		_defineProperty(this, "_outerShadow", void 0);
-		_defineProperty(this, "_glow", void 0);
-	}
-	setOuterShadow(shadow) {
-		this._outerShadow = shadow;
-		this.makeDirty(true);
-	}
-	setGlow(glow) {
-		this._glow = glow;
-		this.makeDirty(true);
-	}
-	/**
-	* Set the baseBound (chOff/chExt in OOXML) for this group.
-	* This defines the coordinate space of children within the group.
-	* When set, the group automatically enters selfSizeMode so its dimensions
-	* are tracked independently of children.
-	*/
-	setBaseBound(bound) {
-		this._baseBound = { ...bound };
-	}
-	/**
-	* Get the baseBound (chOff/chExt in OOXML) for this group.
-	*/
-	getBaseBound() {
-		return { ...this._baseBound };
-	}
-	/**
-	* Override ancestorTransform to use the same render transform as render(),
-	* which uses [m[0], m[1], m[2], m[3], centerX, centerY] from realBound
-	* instead of the standard transform translation.
-	* This ensures children (e.g., Image.isHit) that compose with
-	* parent.ancestorTransform get the correct coordinate space.
-	*/
-	get ancestorTransform() {
-		const { left: realLeft, top: realTop, width: realWidth, height: realHeight } = this.getRealBound();
-		const m = this.transform.getMatrix();
-		const centerX = realLeft + realWidth / 2;
-		const centerY = realTop + realHeight / 2;
-		const renderTransform = new Transform([
-			m[0],
-			m[1],
-			m[2],
-			m[3],
-			centerX,
-			centerY
-		]);
-		const parent = this.getParent();
-		if (this.isInGroup && (parent === null || parent === void 0 ? void 0 : parent.classType) === "Group") return parent.ancestorTransform.multiply(renderTransform);
-		return renderTransform;
-	}
-	render(ctx, bounds) {
-		const { left: realLeft, top: realTop, width: realWidth, height: realHeight } = this.getRealBound();
-		ctx.save();
-		const m = this.transform.getMatrix();
-		const centerX = realLeft + realWidth / 2;
-		const centerY = realTop + realHeight / 2;
-		ctx.transform(m[0], m[1], m[2], m[3], centerX, centerY);
-		const effectFilter = createDrawingEffectFilter(this._glow, void 0);
-		if (effectFilter) ctx.filter = combineDrawingEffectFilter(ctx.filter, effectFilter);
-		if (this._outerShadow) {
-			ctx.shadowColor = this._outerShadow.shadowColor;
-			ctx.shadowBlur = this._outerShadow.shadowBlur;
-			ctx.shadowOffsetX = this._outerShadow.shadowOffsetX;
-			ctx.shadowOffsetY = this._outerShadow.shadowOffsetY;
-		}
-		const objects = this.getObjectsByOrder();
-		for (let i = 0; i < objects.length; i++) objects[i].render(ctx, bounds);
-		ctx.restore();
-	}
-	addObjects(...objects) {
-		for (const object of objects) this.addObject(object);
-	}
-	isHit(coord) {
-		const { left: realLeft, top: realTop, width: realWidth, height: realHeight } = this.getRealBound();
-		const m = this.transform.getMatrix();
-		const centerX = realLeft + realWidth / 2;
-		const centerY = realTop + realHeight / 2;
-		const renderTransform = new Transform([
-			m[0],
-			m[1],
-			m[2],
-			m[3],
-			centerX,
-			centerY
-		]);
-		const parent = this.getParent();
-		const oCoord = (this.isInGroup && (parent === null || parent === void 0 ? void 0 : parent.classType) === "Group" ? parent.ancestorTransform.multiply(renderTransform) : renderTransform).invert().applyPoint(coord);
-		const halfWidth = realWidth / 2;
-		const halfHeight = realHeight / 2;
-		if (oCoord.x < -halfWidth || oCoord.x > halfWidth || oCoord.y < -halfHeight || oCoord.y > halfHeight) return false;
-		const objects = this.getObjectsByOrder();
-		for (let i = 0; i < objects.length; i++) if (objects[i].isHit(coord)) return true;
-		return false;
-	}
-	dispose() {
-		const objects = [...this.getObjects()];
-		const scene = this.getScene();
-		objects.forEach((o) => {
-			o.dispose();
-			scene === null || scene === void 0 || scene.removeObject(o);
-		});
-		this._objects = [];
-		super.dispose();
-		scene === null || scene === void 0 || scene.removeObject(this);
-	}
-};
-
 //#endregion
 //#region src/floating/util.ts
 /**
@@ -35528,7 +35743,7 @@ Engine = __decorate([__decorateParam(2, ICanvasColorService)], Engine);
 //#endregion
 //#region package.json
 var name = "@univerjs/engine-render";
-var version = "1.0.4";
+var version = "1.2.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -40414,7 +40629,8 @@ var DocumentLayoutSession = class extends Disposable {
 			})))]) : null,
 			drawingAnchor: complete ? [...skeletonData.drawingAnchor ?? []].map(([segmentId, anchors]) => [segmentId, [...anchors].map(([paragraphIndex, anchor]) => [paragraphIndex, {
 				paragraphIndex: anchor.paragraphIndex,
-				top: anchor.top
+				top: anchor.top,
+				...anchor.left == null ? {} : { left: anchor.left }
 			}])]) : null
 		};
 	}