ooxml-ui 1.8.4 → 1.9.0

package/dist/docx.js

@@ -10,7 +10,7 @@ import './chunk-SPNWHKSR.js';
 import { normalizeLocale, SUPPORTED_OFFICE_LOCALES, interpolate } from 'ooxml-core/i18n';
 import { createDocument, saveDocx, sectionsFromLayout, sectionLayoutJson, sectionsOf, pageSizeOf, columnPreset, applyPageSetup, withSection, computeListLabels, numberNotesInOrder, tocEntries, tableOfFiguresInstruction, findTableOfContents, ensureListDefinition, resolveNumberingLevel, equalColumnDraft, readColumnDraft, PAGE_SIZE_OPTIONS, PAGE_SIZES, readPageSetup, isRunHiddenForReview, resolveTableStyleFormatting, resolveParagraphFormatting, displayListLabel, setTitlePage, setLineNumbering, setVerticalAlign, setPageNumbering, ST_NumberFormat, unequalColumnPreset, setColumns, setOrientation, setPageSize, setMargins, lineSpacingLabel, formatNoteNumber, reviewDocumentFormatting, reviewFormattingWarnings, listRevisions, plainText, tocHyperlinks, DEFAULT_TOC_INSTRUCTION, tocBookmarks, buildTableOfContents, tocCaptionLabel, isFieldLocked, twips as twips$1, signedTwips, formatListNumber, columnTextWidth, validColumnDraft, validatePageSetup, presetOf, LIGATURE_VALUES, isLigatures, reviewRunFormatting, resolveRunFormatting, reviewParagraphFormatting, resolveThemeColorReference, lineSpacingValue, isStHighlightColor, transformCase, DEFAULT_TABLE_BORDERS, parseLineSpacingValue, twipsAttr, twipsFromPixels, headingLevel, isValidLanguageTag, WORD, isHeadingListKind, fieldName, lineSpacingOptions, halfPointsFromPoints, changeColumnWidth, changeColumnGap, createListDefinition, linkStylesToList, headingListLevels, documentStats } from 'ooxml-core/docx';
 import { Schema, DOMSerializer, Fragment } from 'prosemirror-model';
-import { markSpecs, imageNodeSpec, fieldMarkerNodeSpec, noteReferenceNodeSpec, pageBreakNodeSpec, hardBreakNodeSpec, commentHistoryAttributes, tableCellStyle, tableStyle, createToggleFormat, expectDefined, paragraphBoxCss, themeToCssVars, lightTheme, darkTheme, normalizeThemeMode, applyThemeColors, refreshWordYjsPresence, normalizeRibbonActions, DirtyState, isWordYjsRemoteTransaction, REMOTE_TRANSACTION_META, repairCollaborativeDocumentIds, HEADER_FOOTER_INPUT, restoreSectionParts, commentThreadsFromDoc, restoreNoteParts, CollaborationClient, createCollaborationIdGenerator, WordYjsCollaboration, sectionPartsJson, NotePartsStep, notePartsJson, SectionPartsStep, fitZoomPercent, hasChangeAtCursor, hasAnyChange, commentIdsAtSelection, commentAnchors, countWords, fieldGuardPlugin, trackChangesPlugin, wordYjsPresencePlugin, chartNodeSpec, placementClass, removeCommentThread, removeCommentAnchor, deleteComment, updateCommentThreads, addComment, toggleTrackChanges, goToNextChange, goToPreviousChange, rejectAllChanges, acceptAllChanges, rejectChangeAtCursor, acceptChangeAtCursor, goToComment, appendInlineNode, sameJson, sameRuns, PARAGRAPH_KEEP_KEYS, paragraphFromAttrs, parseBordersJson, isNavigableHref, wordYjsPluginKey, setReviewRecordingPreferences, nodeNumbering, paragraphFormattingRevision, inlineNodeRun, formattingRevision, insertWordHardBreak, paragraphAttrs, resolveCellVisuals, themeDrawing, ribbonActionIdForLabel, removeWordLink, fieldResultRanges, wordLinkRangeAt, ligatureCss as ligatureCss$1, wordYjsRedo, wordYjsUndo, runToInlineNodes as runToInlineNodes$1, backstageFocus, applyRunFormattingPatch, clearDirectRunFormatting, applyWordLink, ligatureStyle, wordHighlightColors, swatchColor, cssBorderSide, deleteFieldSelection, resolveComment, replyToComment, CollaborationAuthority } from 'ooxml-core/docx/ui';
+import { markSpecs, imageNodeSpec, fieldMarkerNodeSpec, noteReferenceNodeSpec, pageBreakNodeSpec, hardBreakNodeSpec, commentHistoryAttributes, tableCellStyle, tableStyle, createToggleFormat, expectDefined, paragraphBoxCss, themeToCssVars, lightTheme, darkTheme, normalizeThemeMode, applyThemeColors, refreshWordYjsPresence, normalizeRibbonActions, DirtyState, isWordYjsRemoteTransaction, REMOTE_TRANSACTION_META, repairCollaborativeDocumentIds, HEADER_FOOTER_INPUT, restoreSectionParts, commentThreadsFromDoc, restoreNoteParts, CollaborationClient, createCollaborationIdGenerator, WordYjsCollaboration, sectionPartsJson, NotePartsStep, notePartsJson, SectionPartsStep, fitZoomPercent, hasChangeAtCursor, hasAnyChange, commentIdsAtSelection, commentAnchors, countWords, fieldGuardPlugin, tableStructureGuardPlugin, trackChangesPlugin, wordYjsPresencePlugin, chartNodeSpec, placementClass, removeCommentThread, removeCommentAnchor, deleteComment, updateCommentThreads, addComment, toggleTrackChanges, goToNextChange, goToPreviousChange, rejectAllChanges, acceptAllChanges, rejectChangeAtCursor, acceptChangeAtCursor, goToComment, appendInlineNode, sameJson, sameRuns, PARAGRAPH_KEEP_KEYS, paragraphFromAttrs, parseBordersJson, isNavigableHref, wordYjsPluginKey, setReviewRecordingPreferences, nodeNumbering, paragraphFormattingRevision, inlineNodeRun, formattingRevision, insertWordHardBreak, paragraphAttrs, resolveCellVisuals, themeDrawing, ribbonActionIdForLabel, removeWordLink, fieldResultRanges, wordLinkRangeAt, ligatureCss as ligatureCss$1, wordYjsRedo, wordYjsUndo, runToInlineNodes as runToInlineNodes$1, backstageFocus, applyRunFormattingPatch, clearDirectRunFormatting, applyWordLink, ligatureStyle, wordHighlightColors, swatchColor, cssBorderSide, deleteFieldSelection, resolveComment, replyToComment, CollaborationAuthority } from 'ooxml-core/docx/ui';
 export { CollaborationAuthority, CollaborationClient, RIBBON_ACTION_IDS, RIBBON_ACTION_LABELS, createCollaborationIdGenerator, darkTheme, isRibbonActionId, lightTheme, normalizeRibbonActions, repairCollaborativeDocumentIds, themeToCssVars } from 'ooxml-core/docx/ui';
 import { parseOmml, convertOmmlToLatex, convertOmmlToMathMl } from 'ooxml-core/math';
 import { PluginKey, EditorState, Plugin, NodeSelection, TextSelection, Selection } from 'prosemirror-state';
@@ -11528,6 +11528,7 @@ function createDropCapDialog(getView) {
 function createColumnsDialog(host) {
   const element = createDialogShell("Columns", "dve-format-dialog");
   const count = numberInput(1, 45, 1);
+  const footnoteCount = numberInput(0, 2147483647, 1);
   const gap = numberInput(0, 22, 0.01);
   const width = document.createElement("output");
   const equal = checkbox("Equal column width");
@@ -11544,6 +11545,7 @@ function createColumnsDialog(host) {
     fieldset(
       "Columns",
       labelled("Number of columns", count),
+      labelled("Footnote columns (0 matches section)", footnoteCount),
       row2(labelled("Column width (inches)", width), labelled("Column spacing (inches)", gap)),
       equal.wrapper,
       separator.wrapper,
@@ -11565,7 +11567,7 @@ function createColumnsDialog(host) {
     const spacing = Math.round(Number(gap.value) * 1440);
     const size = (total() - spacing * (number - 1)) / number;
     width.value = equal.input.checked && Number.isFinite(size) ? (size / 1440).toFixed(3) : "\u2014";
-    const valid = validCount() && (equal.input.checked ? gap.value !== "" && Number.isFinite(spacing) && spacing >= 0 && spacing <= 31680 && size >= 720 : draft.widths.length === number && validColumnDraft(draft, total()) && controls.every((control) => control.width.value !== "" && control.gap.value !== ""));
+    const valid = validCount() && footnoteCount.value !== "" && Number.isInteger(Number(footnoteCount.value)) && Number(footnoteCount.value) >= 0 && Number(footnoteCount.value) <= 2147483647 && (equal.input.checked ? gap.value !== "" && Number.isFinite(spacing) && spacing >= 0 && spacing <= 31680 && size >= 720 : draft.widths.length === number && validColumnDraft(draft, total()) && controls.every((control) => control.width.value !== "" && control.gap.value !== ""));
     message.textContent = valid ? "" : "Enter whole columns and spacing that leaves at least 0.5 inch for each column.";
     localizeElement(message, locale);
     ok.disabled = !valid;
@@ -11623,6 +11625,7 @@ function createColumnsDialog(host) {
     validate();
   });
   gap.addEventListener("input", validate);
+  footnoteCount.addEventListener("input", validate);
   equal.input.addEventListener("change", () => {
     if (!equal.input.checked && validCount()) {
       draft = equalColumnDraft(total(), Number(count.value), Math.round(Number(gap.value) * 1440));
@@ -11650,7 +11653,8 @@ function createColumnsDialog(host) {
           widthTwips: twips$1(value),
           ...i < draft.widths.length - 1 ? { spacingTwips: twips$1(draft.gaps[i]) } : {}
         }))
-      }
+      },
+      ...source.footnoteColumns === void 0 && Number(footnoteCount.value) === 0 ? [] : [Number(footnoteCount.value)]
     );
     hide();
   };
@@ -11678,6 +11682,7 @@ function createColumnsDialog(host) {
       element.replaceChildren(...content);
       localizeDialog(element, locale);
       count.value = String(source.columns.count);
+      footnoteCount.value = String(source.footnoteColumns ?? 0);
       gap.value = String((source.columns.spacingTwips ?? 720) / 1440);
       equal.input.checked = source.columns.equalWidth;
       separator.input.checked = Boolean(source.columns.separator);
@@ -15365,12 +15370,16 @@ var PageController = class {
     this.dispatchSections(applyPageSetup(model, currentSectionIndex(view, model), values2));
   }
   /** Layout > More Columns, recorded as one undoable section edit. */
-  applyColumns(columns) {
+  applyColumns(columns, footnoteColumns) {
     const view = this.host.view();
     if (!view?.editable || !this.host.canEditOutsideBody()) return;
     const model = this.host.model();
     this.dispatchSections(
-      withSection(model, currentSectionIndex(view, model), (section3) => ({ ...section3, columns }))
+      withSection(model, currentSectionIndex(view, model), (section3) => ({
+        ...section3,
+        columns,
+        ...footnoteColumns === void 0 ? {} : { footnoteColumns }
+      }))
     );
   }
   /** Layout > Line Numbers options, recorded as one undoable section edit. */
@@ -15528,13 +15537,14 @@ var PageController = class {
       select2.value = String(percent);
     this.host.statusBar()?.setZoom(percent);
   }
-  /** Switches between the continuous editing surface and the paginated Print Layout render. */
+  /** Switches between continuous and paginated presentations of the existing editor. */
   setViewMode(mode) {
     this.viewMode = mode;
     const printLayout = this.host.printLayout();
     printLayout?.setActive(mode === "print");
     const paper = this.host.paper();
-    if (paper) paper.hidden = mode === "print";
+    if (paper) paper.hidden = false;
+    this.host.printEditing?.(mode === "print");
     paper?.parentElement?.toggleAttribute("data-print-view", mode === "print");
     const toolbar = this.host.toolbar();
     const select2 = toolbar && findLocalizedControl(toolbar, "Layout view");
@@ -16226,7 +16236,7 @@ var EditorCore = class {
       columns: {
         section: () => this.pages.currentSection(),
         canEdit: () => !this.readOnly && !this.collab.active,
-        apply: (columns) => this.pages.applyColumns(columns)
+        apply: (columns, footnoteColumns) => this.pages.applyColumns(columns, footnoteColumns)
       }
     });
     this.imageMedia = new ImageMediaCache(
@@ -16264,6 +16274,7 @@ var EditorCore = class {
       toolbar: () => this.shell.toolbar,
       statusBar: () => this.shell.chrome?.statusBar,
       printLayout: () => this.shell.printLayout,
+      printEditing: (active) => this.shell.printEditing?.setActive(active),
       refreshControls: () => this.refreshControls()
     });
   }
@@ -16374,7 +16385,10 @@ var EditorCore = class {
     const { searchPanel, printLayout, review, chrome, toolbar } = this.shell;
     searchPanel?.refresh();
     if (review?.commentsOpen) review.commentsPanel.refresh();
-    if (this.pages.viewMode === "print") printLayout?.refreshCurrentPage();
+    if (this.pages.viewMode === "print") {
+      printLayout?.refreshCurrentPage();
+      this.shell.printEditing?.refresh();
+    }
     const status = refreshEditorControls(
       toolbar,
       this.targetView(),
@@ -16432,7 +16446,7 @@ var ribbon_polish_default = "/* Ribbon polish: distinct pressed state and Word's
 var document_default = ".dve-revision-insert {\n	color: var(--dve-revision-color, inherit);\n	text-decoration: underline;\n	text-decoration-color: var(--dve-revision-color, currentColor);\n}\n.dve-revision-delete {\n	color: var(--dve-revision-color, inherit);\n	text-decoration: line-through;\n	text-decoration-color: var(--dve-revision-color, currentColor);\n}\n/* Moved text, like Word: green, double underline at the destination, double strike at the source. */\n.dve-revision-move {\n	--dve-revision-color: #2e7d32;\n	text-decoration-style: double;\n}\n.ProseMirror .dve-revision-hidden {\n	/* Review visibility takes precedence over picture/equation node-view display rules. */\n	display: none !important;\n}\n[data-review-display]:not([data-review-display='all']) .dve-revision-insert,\n[data-review-display]:not([data-review-display='all']) .dve-revision-delete {\n	color: inherit;\n	text-decoration: none;\n}\n[data-review-display]:not([data-review-display='all']) .dve-comment-range {\n	background: transparent;\n}\n.dve-revision-format-markup {\n	outline: 1px dotted currentColor;\n	outline-offset: 2px;\n}\n.dve-comment-range {\n	background: rgba(255, 212, 0, 0.28);\n}\n.dve-paper {\n	box-sizing: border-box;\n	position: relative;\n	flex: none;\n	margin: 0 auto;\n	background: var(--dve-page-color, #fff);\n	color: #202124;\n	box-shadow:\n		0 1px 3px #20212430,\n		0 4px 12px #20212420;\n	outline: none;\n	/* Single spacing and no paragraph gap unless the document's styles set them, as in Word. */\n	font:\n		11pt/1.2 Calibri,\n		Carlito,\n		Arial,\n		sans-serif;\n	zoom: var(--dve-zoom, 1);\n}\n.dve-paper p {\n	min-height: 1.2em;\n	margin: 0;\n	white-space: pre-wrap;\n}\n.dve-paper p:last-child {\n	margin-bottom: 0;\n}\n/* The caret marks focus in the document, as in Word; no ring around the editable area. */\n.dve-paper .ProseMirror:focus,\n.dve-paper .ProseMirror:focus-visible {\n	outline: none;\n}\n.dve-paper:focus {\n	box-shadow:\n		0 1px 3px #20212430,\n		0 4px 12px #20212420,\n		0 0 0 1px var(--blue);\n}\n/* Columns follow the table's grid and cell widths (equal when it has none), as Word lays them out;\n   tables add no space around themselves. */\n.dve-paper table {\n	width: 100%;\n	table-layout: fixed;\n	border-collapse: collapse;\n	margin: 0;\n}\n.dve-paper td {\n	min-width: 44px;\n	border: var(--dve-cell-border, 1px dashed #c8c6c4);\n	vertical-align: top;\n}\n.dve-paper td p {\n	margin: 0;\n}\n.dve-paper p[data-list-label]::before {\n	content: attr(data-list-label);\n	white-space: pre;\n	user-select: none;\n}\n.dve-paper p[data-list-marker]:not([data-list-marker=''])::before {\n	content: attr(data-list-marker);\n	position: absolute;\n	left: var(--dve-marker-left);\n	text-indent: 0;\n	font-family: var(--dve-marker-family);\n	font-size: var(--dve-marker-size);\n	font-weight: var(--dve-marker-weight);\n	font-style: var(--dve-marker-style);\n	color: var(--dve-marker-color);\n}\n.multilingual-controls {\n	flex: 1 1 100%;\n	align-items: flex-start;\n	gap: 9px 14px;\n}\n.multilingual-language-control {\n	display: grid;\n	grid-template-columns: minmax(145px, 180px);\n	gap: 4px;\n	color: var(--muted);\n	font-size: 11px;\n}\n.multilingual-language-control select,\n.multilingual-language-control input {\n	box-sizing: border-box;\n	width: 180px;\n}\n.multilingual-language-control input {\n	height: 26px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: var(--surface);\n	padding: 0 7px;\n	color: var(--ink);\n	font:\n		11px 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.multilingual-note {\n	align-self: end;\n	max-width: 240px;\n	color: var(--muted);\n	font-size: 11px;\n}\n@media (max-width: 650px) {\n	.ribbon-panel {\n		min-height: 96px;\n		padding: 6px;\n		gap: 4px;\n	}\n	.ribbon-group {\n		padding-right: 7px;\n	}\n	.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Font'] {\n		width: 340px;\n	}\n	.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Paragraph'] {\n		width: 280px;\n	}\n	.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Editing'] {\n		width: auto;\n	}\n	.ribbon-group button {\n		min-width: 34px;\n		min-height: 34px;\n	}\n	.ribbon-group select {\n		max-width: min(150px, 42vw);\n	}\n	.dve-canvas {\n		padding: 18px 8px 38px;\n		align-items: flex-start;\n	}\n	.ribbon-group select.font-family-select {\n		width: 120px;\n		max-width: 38vw;\n	}\n	.ribbon-group select.font-size-select {\n		width: 56px;\n	}\n	.ribbon-group select.spacing-select {\n		width: min(128px, 36vw);\n	}\n	.ribbon-group select.line-spacing-select {\n		width: min(112px, 32vw);\n	}\n}\n.dve-break-marker {\n	display: block;\n	margin: 0.4em 0;\n	padding: 2px 0;\n	border-top: 1px dashed var(--muted);\n	border-bottom: 1px dashed var(--muted);\n	color: var(--muted);\n	font-size: 10px;\n	text-align: center;\n	text-transform: uppercase;\n	letter-spacing: 0.04em;\n	user-select: none;\n}\n.dve-note-reference {\n	color: var(--blue);\n	cursor: default;\n}\n.dve-header,\n.dve-footer {\n	box-sizing: border-box;\n	width: 816px;\n	max-width: 100%;\n	margin: 0 auto;\n	padding: 10px clamp(16px, 5vw, 70px);\n	background: var(--surface);\n	color: var(--muted);\n	font:\n		10pt/1.35 Calibri,\n		Arial,\n		sans-serif;\n}\n.dve-header {\n	border-bottom: 1px dashed var(--line);\n}\n.dve-footer {\n	border-top: 1px dashed var(--line);\n}\n.dve-header-footer-label {\n	margin-bottom: 2px;\n	color: var(--muted);\n	font-size: 10px;\n	text-transform: uppercase;\n	letter-spacing: 0.04em;\n}\n.dve-notes-container {\n	box-sizing: border-box;\n	width: 816px;\n	max-width: 100%;\n	margin: 12px auto 0;\n}\n.dve-notes {\n	box-sizing: border-box;\n	padding: 10px clamp(16px, 5vw, 70px);\n	background: var(--surface);\n	border-top: 1px solid var(--line);\n	font:\n		10pt/1.35 Calibri,\n		Arial,\n		sans-serif;\n}\n.dve-notes-heading {\n	margin: 0 0 6px;\n	color: var(--ink);\n	font-size: 12px;\n}\n.dve-note-list {\n	margin: 0;\n	padding: 0;\n	list-style: none;\n}\n.dve-note-list li {\n	display: flex;\n	gap: 4px;\n	align-items: baseline;\n	margin-bottom: 4px;\n}\n.dve-note-marker {\n	flex: none;\n	color: var(--muted);\n}\n@media (prefers-reduced-motion: reduce) {\n	* {\n		scroll-behavior: auto !important;\n	}\n}\n\n/* Print Layout: a read-only, paginated render kept beside the continuous\n   editing surface (see print-layout.ts / print-layout-view.ts). */\n";
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/docx/styles/print.css?raw
-var print_default = ".dve-print-pages {\n	display: flex;\n	flex-direction: column;\n	align-items: center;\n	gap: 24px;\n	margin: 0 auto;\n	zoom: var(--dve-zoom, 1);\n}\n.dve-print-pages[hidden] {\n	display: none;\n}\n.dve-print-page {\n	position: relative;\n	flex: none;\n	background: var(--dve-page-color, #fff);\n	color: #202124;\n	box-shadow:\n		0 1px 3px #20212430,\n		0 4px 12px #20212420;\n	overflow: hidden;\n}\n.dve-print-column {\n	position: absolute;\n	z-index: 1;\n}\n/* Floating pictures sit in front of text unless anchored behind it (wp:anchor/@behindDoc). */\n.dve-print-float {\n	z-index: 2;\n}\n.dve-print-float-behind {\n	z-index: 0;\n}\n.dve-print-picture-missing {\n	box-sizing: border-box;\n	border: 1px dashed #8a8886;\n	background: #f3f2f1;\n}\n.dve-print-chart {\n	overflow: hidden;\n	background: #fff;\n}\n.dve-print-chart > svg {\n	display: block;\n	width: 100%;\n	height: 100%;\n}\n.dve-print-chart-frame {\n	display: grid;\n	place-items: center;\n	color: #605e5c;\n	font-size: 11px;\n}\n.dve-print-block {\n	position: absolute;\n	left: 0;\n	width: 100%;\n}\n.dve-print-line {\n	position: absolute;\n	left: 0;\n	width: 100%;\n	font:\n		11pt/1.2 Calibri,\n		Arial,\n		sans-serif;\n	cursor: text;\n}\n.dve-print-line span {\n	position: absolute;\n	top: 0;\n}\n.dve-print-row {\n	position: absolute;\n	left: 0;\n	width: 100%;\n}\n/* Cells sit at their grid positions; borders come from the document (Word prints no gridlines). */\n.dve-print-cell {\n	position: absolute;\n	top: 0;\n	box-sizing: border-box;\n}\n.dve-print-cell-content {\n	position: absolute;\n	bottom: 0;\n}\n@media print {\n	.dve-ribbon,\n	.dve-status,\n	.multilingual-controls {\n		display: none !important;\n	}\n	.dve-canvas {\n		overflow: visible !important;\n		padding: 0 !important;\n	}\n	.dve-paper {\n		display: none !important;\n	}\n	.dve-print-pages {\n		gap: 0 !important;\n		zoom: 1 !important;\n	}\n	.dve-print-page {\n		/* Like Word, page colours are not printed unless asked for. */\n		background: #fff !important;\n		box-shadow: none !important;\n		break-after: page;\n	}\n}\n.dve-print-header,\n.dve-print-footer {\n	position: absolute;\n	color: var(--ink);\n	font-size: 11pt;\n	pointer-events: none;\n}\n.dve-print-header p,\n.dve-print-footer p {\n	margin: 0;\n}\n.dve-print-header table,\n.dve-print-footer table {\n	width: 100%;\n	border-collapse: collapse;\n}\n\n/* Complex field begin/code/separate/end markers: kept in the document, never shown. */\n.dve-field-marker {\n	display: inline;\n	font-size: 0;\n}\n\n/* TOC entries link to hidden _Toc bookmarks; Word draws them in the entry's style, not as links. */\na.dve-link[data-anchor^='_Toc'] {\n	color: inherit;\n	text-decoration: none;\n}\n\n/* Tabs sized to Word's tab stops by tab-stops-view.ts; leaders fill the tab's width. */\n.dve-tab {\n	display: inline-block;\n	overflow: hidden;\n	white-space: pre;\n	vertical-align: baseline;\n	text-indent: 0;\n}\n.dve-tab-leader-dot,\n.dve-tab-leader-middleDot {\n	background-image: radial-gradient(circle, currentColor 0.8px, transparent 1.1px);\n	background-size: 4px 4px;\n	background-repeat: repeat-x;\n	background-position: right 0 bottom 0.25em;\n}\n.dve-tab-leader-hyphen {\n	background-image: linear-gradient(to right, currentColor 50%, transparent 50%);\n	background-size: 6px 1px;\n	background-repeat: repeat-x;\n	background-position: right 0 bottom 0.4em;\n}\n.dve-tab-leader-underscore,\n.dve-tab-leader-heavy {\n	border-bottom: 1px solid currentColor;\n}\n.dve-tab-leader-heavy {\n	border-bottom-width: 2px;\n}\n\n/* Footnotes above the bottom margin; the separator is Word's 2-inch rule. */\n.dve-print-footnotes {\n	position: absolute;\n	z-index: 1;\n}\n.dve-print-footnote-separator {\n	position: absolute;\n	top: -7px;\n	left: 0;\n	width: 192px;\n	border-top: 1px solid currentColor;\n}\n.dve-print-footnote {\n	position: absolute;\n	left: 0;\n	width: 100%;\n}\n\n[data-print-view] .dve-notes-container {\n	display: none;\n}\n\n/* Word draws superscript and subscript at about two thirds size without growing the line. */\n.dve-paper sup,\n.dve-paper sub {\n	font-size: 0.65em;\n	line-height: 0;\n}\n/* Exact-height rows clip content that does not fit, as Word does. */\n.dve-print-cell {\n	overflow: hidden;\n}\n.dve-print-paragraph-frame {\n	position: absolute;\n	top: 0;\n	box-sizing: border-box;\n}\n\n/* View > Multiple Pages: Print Layout's sheets sit side by side and wrap, instead of one column. */\n.dve-canvas[data-multipage] .dve-print-pages {\n	flex-direction: row;\n	flex-wrap: wrap;\n	align-items: flex-start;\n	justify-content: center;\n}\n\n/* Layout > Line Numbers: numbers in the left margin, one per printed line. */\n.dve-print-line-number {\n	position: absolute;\n	width: 40px;\n	text-align: right;\n	font:\n		10px 'Segoe UI',\n		Arial,\n		sans-serif;\n	color: #444;\n	pointer-events: none;\n}\n";
+var print_default = ".dve-print-pages {\n	display: flex;\n	flex-direction: column;\n	align-items: center;\n	gap: 24px;\n	margin: 0 auto;\n	zoom: var(--dve-zoom, 1);\n}\n.dve-print-pages[hidden] {\n	display: none;\n}\n.dve-print-page {\n	position: relative;\n	flex: none;\n	background: var(--dve-page-color, #fff);\n	color: #202124;\n	box-shadow:\n		0 1px 3px #20212430,\n		0 4px 12px #20212420;\n	overflow: hidden;\n}\n.dve-print-column {\n	position: absolute;\n	z-index: 1;\n}\n/* Floating pictures sit in front of text unless anchored behind it (wp:anchor/@behindDoc). */\n.dve-print-float {\n	z-index: 2;\n}\n.dve-print-float-behind {\n	z-index: 0;\n}\n.dve-print-picture-missing {\n	box-sizing: border-box;\n	border: 1px dashed #8a8886;\n	background: #f3f2f1;\n}\n.dve-print-chart {\n	overflow: hidden;\n	background: #fff;\n}\n.dve-print-chart > svg {\n	display: block;\n	width: 100%;\n	height: 100%;\n}\n.dve-print-chart-frame {\n	display: grid;\n	place-items: center;\n	color: #605e5c;\n	font-size: 11px;\n}\n.dve-print-block {\n	position: absolute;\n	left: 0;\n	width: 100%;\n}\n.dve-print-line {\n	position: absolute;\n	left: 0;\n	width: 100%;\n	font:\n		11pt/1.2 Calibri,\n		Arial,\n		sans-serif;\n	cursor: text;\n}\n.dve-print-line span {\n	position: absolute;\n	top: 0;\n}\n.dve-print-row {\n	position: absolute;\n	left: 0;\n	width: 100%;\n}\n/* Cells sit at their grid positions; borders come from the document (Word prints no gridlines). */\n.dve-print-cell {\n	position: absolute;\n	top: 0;\n	box-sizing: border-box;\n}\n.dve-print-cell-content {\n	position: absolute;\n	bottom: 0;\n}\n@media print {\n	.dve-ribbon,\n	.dve-status,\n	.multilingual-controls {\n		display: none !important;\n	}\n	.dve-canvas {\n		overflow: visible !important;\n		padding: 0 !important;\n	}\n	.dve-paper {\n		display: none !important;\n	}\n	.dve-print-pages {\n		gap: 0 !important;\n		zoom: 1 !important;\n	}\n	.dve-print-page {\n		/* Like Word, page colours are not printed unless asked for. */\n		background: #fff !important;\n		box-shadow: none !important;\n		break-after: page;\n	}\n}\n.dve-print-header,\n.dve-print-footer {\n	position: absolute;\n	color: var(--ink);\n	font-size: 11pt;\n	pointer-events: none;\n}\n.dve-print-header p,\n.dve-print-footer p {\n	margin: 0;\n}\n.dve-print-header table,\n.dve-print-footer table {\n	width: 100%;\n	border-collapse: collapse;\n}\n\n/* Complex field begin/code/separate/end markers: kept in the document, never shown. */\n.dve-field-marker {\n	display: inline;\n	font-size: 0;\n}\n\n/* TOC entries link to hidden _Toc bookmarks; Word draws them in the entry's style, not as links. */\na.dve-link[data-anchor^='_Toc'] {\n	color: inherit;\n	text-decoration: none;\n}\n\n/* Tabs sized to Word's tab stops by tab-stops-view.ts; leaders fill the tab's width. */\n.dve-tab {\n	display: inline-block;\n	overflow: hidden;\n	white-space: pre;\n	vertical-align: baseline;\n	text-indent: 0;\n}\n.dve-tab-leader-dot,\n.dve-tab-leader-middleDot {\n	background-image: radial-gradient(circle, currentColor 0.8px, transparent 1.1px);\n	background-size: 4px 4px;\n	background-repeat: repeat-x;\n	background-position: right 0 bottom 0.25em;\n}\n.dve-tab-leader-hyphen {\n	background-image: linear-gradient(to right, currentColor 50%, transparent 50%);\n	background-size: 6px 1px;\n	background-repeat: repeat-x;\n	background-position: right 0 bottom 0.4em;\n}\n.dve-tab-leader-underscore,\n.dve-tab-leader-heavy {\n	border-bottom: 1px solid currentColor;\n}\n.dve-tab-leader-heavy {\n	border-bottom-width: 2px;\n}\n\n/* Footnotes above the bottom margin; the separator is Word's 2-inch rule. */\n.dve-print-footnotes {\n	position: absolute;\n	z-index: 1;\n}\n.dve-print-footnote-separator {\n	position: absolute;\n	top: -7px;\n	left: 0;\n	width: 192px;\n	border-top: 1px solid currentColor;\n}\n.dve-print-footnote-continuation-separator {\n	width: 100%;\n}\n.dve-print-footnote {\n	position: absolute;\n	left: 0;\n	width: 100%;\n}\n\n[data-print-view] .dve-notes-container {\n	display: none;\n}\n\n/* Word draws superscript and subscript at about two thirds size without growing the line. */\n.dve-paper sup,\n.dve-paper sub {\n	font-size: 0.65em;\n	line-height: 0;\n}\n/* Exact-height rows clip content that does not fit, as Word does. */\n.dve-print-cell {\n	overflow: hidden;\n}\n.dve-print-paragraph-frame {\n	position: absolute;\n	top: 0;\n	box-sizing: border-box;\n}\n\n/* View > Multiple Pages: Print Layout's sheets sit side by side and wrap, instead of one column. */\n.dve-canvas[data-multipage] .dve-print-pages {\n	flex-direction: row;\n	flex-wrap: wrap;\n	align-items: flex-start;\n	justify-content: center;\n}\n\n/* Layout > Line Numbers: numbers in the left margin, one per printed line. */\n.dve-print-line-number {\n	position: absolute;\n	width: 40px;\n	text-align: right;\n	font:\n		10px 'Segoe UI',\n		Arial,\n		sans-serif;\n	color: #444;\n	pointer-events: none;\n}\n\n/* Native input stays mounted while page geometry supplies the visible selection. */\n.dve-paper.dve-print-input {\n	position: fixed;\n	top: 0;\n	left: 0;\n	margin: 0;\n	opacity: 0;\n	max-height: 1px;\n	overflow: hidden;\n	pointer-events: none;\n	z-index: -1;\n}\n.dve-print-pages {\n	position: relative;\n}\n.dve-print-selection-layer {\n	position: absolute;\n	inset: 0;\n	pointer-events: none;\n	z-index: 3;\n}\n.dve-print-caret,\n.dve-print-selection {\n	position: absolute;\n	pointer-events: none;\n}\n.dve-print-caret {\n	background: currentColor;\n	animation: dve-print-caret-blink 1s step-end infinite;\n}\n.dve-print-selection {\n	background: Highlight;\n	opacity: 0.3;\n}\n@keyframes dve-print-caret-blink {\n	50% {\n		opacity: 0;\n	}\n}\n@media print {\n	.dve-print-input,\n	.dve-print-selection-layer {\n		display: none !important;\n	}\n}\n";
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/docx/styles/chrome-titlebar.css?raw
 var chrome_titlebar_default = ".dve-frame {\n	position: relative;\n	border: 0;\n	box-shadow: none;\n}\n.dve-icon {\n	flex: none;\n}\n.dve-icon-button {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	min-width: 28px;\n	height: 28px;\n	padding: 0 6px;\n	border: 0;\n	border-radius: 4px;\n	background: none;\n	color: inherit;\n	cursor: pointer;\n}\n.dve-icon-button:hover:not(:disabled),\n.dve-icon-button[aria-pressed='true'] {\n	background: var(--word-soft);\n}\n.dve-icon-button:disabled {\n	opacity: 0.4;\n	cursor: default;\n}\n\n/* Title bar: drawn by the shared office-ui-title-bar; these colour it. */\n.dve-titlebar {\n	flex: none;\n	--office-title-bar-height: 40px;\n	--office-title-bar-background: var(--chrome);\n	--office-title-bar-border: var(--line);\n	--office-title-bar-mark-background: var(--word);\n	--office-title-bar-mark-foreground: var(--dve-primary-foreground);\n}\n";
@@ -17013,6 +17027,17 @@ function chartElement(chart) {
   return element;
 }
 function pictureElement(object, pictureUrl) {
+  if (object.noteSeparator) {
+    const rule = document.createElement("span");
+    rule.className = "dve-print-note-rule";
+    Object.assign(rule.style, {
+      position: "absolute",
+      width: `${object.widthPx}px`,
+      height: "1px",
+      borderTop: "1px solid currentColor"
+    });
+    return rule;
+  }
   if (object.chart) {
     const element2 = chartElement(object.chart);
     element2.classList.add("dve-print-picture");
@@ -17089,20 +17114,28 @@ function styleFragment(el, fragment) {
 function renderLine(line, blockId, hitboxes, pictureUrl) {
   const lineEl = document.createElement("div");
   lineEl.className = "dve-print-line";
+  lineEl.dataset.blockId = blockId;
+  lineEl.dataset.sourceStart = String(line.sourceStart);
+  lineEl.dataset.sourceEnd = String(line.sourceEnd);
   lineEl.style.top = `${line.yPx}px`;
   lineEl.style.height = `${line.heightPx}px`;
   const fragments = [];
   for (const fragment of line.fragments) {
     if (fragment.object) {
       const picture = pictureElement(fragment.object, pictureUrl);
+      if (fragment.color) picture.style.color = fragment.color;
       picture.style.left = `${fragment.xPx}px`;
       picture.style.top = `${fragment.topPx ?? 0}px`;
+      picture.dataset.sourceStart = String(fragment.sourceStart ?? 0);
+      picture.dataset.sourceEnd = String(fragment.sourceEnd ?? 0);
       lineEl.append(picture);
       fragments.push({ element: picture, fragment });
       continue;
     }
     if (fragment.leader) {
       const leader = leaderElement(fragment);
+      leader.dataset.sourceStart = String(fragment.sourceStart ?? 0);
+      leader.dataset.sourceEnd = String(fragment.sourceEnd ?? 0);
       lineEl.append(leader);
       fragments.push({ element: leader, fragment });
       continue;
@@ -17110,6 +17143,8 @@ function renderLine(line, blockId, hitboxes, pictureUrl) {
     if (!fragment.text && fragment.widthPx === 0) continue;
     const span = document.createElement("span");
     styleFragment(span, fragment);
+    span.dataset.sourceStart = String(fragment.sourceStart ?? 0);
+    span.dataset.sourceEnd = String(fragment.sourceEnd ?? 0);
     lineEl.append(span);
     fragments.push({ element: span, fragment });
   }
@@ -17144,6 +17179,12 @@ function renderBlock(box2, hitboxes, pictureUrl, columnWidthPx) {
     el.className = "dve-print-block";
     el.style.top = `${box2.yPx}px`;
     el.style.height = `${box2.heightPx}px`;
+    if (box2.xPx !== void 0) el.style.left = `${box2.xPx}px`;
+    if (box2.widthPx !== void 0) el.style.width = `${box2.widthPx}px`;
+    if (box2.readOnly) {
+      el.dataset.readOnly = "true";
+      el.title = "Read-only nested table content";
+    }
     if (box2.frame) el.append(paragraphFrame(box2.frame, box2.heightPx));
     for (const line of box2.lines) el.append(renderLine(line, box2.blockId, hitboxes, pictureUrl));
     return el;
@@ -17156,7 +17197,7 @@ function renderBlock(box2, hitboxes, pictureUrl, columnWidthPx) {
 }
 function footnoteArea(page2, hitboxes, pictureUrl) {
   const notes = page2.footnotes ?? [];
-  const heightPx = notes.reduce((sum, note) => sum + note.heightPx, 0);
+  const heightPx = page2.footnoteHeightPx ?? notes.reduce((sum, note) => sum + note.heightPx, 0);
   const widthPx = page2.widthPx - page2.marginLeftPx - page2.marginRightPx;
   const area = document.createElement("div");
   area.className = "dve-print-footnotes";
@@ -17167,16 +17208,54 @@ function footnoteArea(page2, hitboxes, pictureUrl) {
     top: `${page2.heightPx - page2.marginBottomPx - heightPx}px`,
     height: `${heightPx}px`
   });
-  const separator = document.createElement("div");
-  separator.className = "dve-print-footnote-separator";
-  area.append(separator);
+  const appendSeparator = (story, x, y, width, continued) => {
+    const separator = document.createElement("div");
+    if (story) {
+      separator.className = "dve-print-custom-footnote-separator";
+      Object.assign(separator.style, {
+        position: "absolute",
+        left: `${x}px`,
+        top: `${y - story.heightPx}px`,
+        width: `${width}px`,
+        height: `${story.heightPx}px`
+      });
+      for (const paragraph2 of story.paragraphs)
+        separator.append(renderBlock(paragraph2, [], pictureUrl, width));
+    } else {
+      separator.className = "dve-print-footnote-separator";
+      if (continued) separator.classList.add("dve-print-footnote-continuation-separator");
+      Object.assign(separator.style, {
+        left: `${x}px`,
+        top: `${y - 7}px`,
+        width: `${continued ? width : Math.min(192, width)}px`
+      });
+    }
+    area.append(separator);
+  };
+  if (page2.footnoteColumnAreas) {
+    for (const column of page2.footnoteColumnAreas)
+      appendSeparator(column.separator, column.xPx, column.yPx, column.widthPx, column.continued);
+  } else
+    appendSeparator(
+      page2.footnoteSeparator,
+      0,
+      0,
+      widthPx,
+      notes.some((note) => note.continued)
+    );
   for (const note of notes) {
     const noteEl = document.createElement("div");
     noteEl.className = "dve-print-footnote";
     noteEl.dataset.noteId = note.id;
-    Object.assign(noteEl.style, { top: `${note.yPx}px`, height: `${note.heightPx}px` });
+    if (note.continued) noteEl.dataset.continued = "true";
+    Object.assign(noteEl.style, {
+      left: `${note.xPx ?? 0}px`,
+      width: `${note.widthPx ?? widthPx}px`,
+      top: `${note.yPx}px`,
+      height: `${note.heightPx}px`
+    });
     for (const paragraph2 of note.paragraphs)
-      noteEl.append(renderBlock(paragraph2, hitboxes, pictureUrl, widthPx));
+      noteEl.append(renderBlock(paragraph2, hitboxes, pictureUrl, note.widthPx ?? widthPx));
     area.append(noteEl);
   }
   return area;
@@ -17268,7 +17347,7 @@ function renderPrintLayout(result, pictureUrl, options = {}) {
 
 // src/docx/print-layout-view.ts
 var RELAYOUT_DEBOUNCE_MS = 150;
-function createPrintLayoutController(scrollContainer, onRequestCursor, pictureUrl, onLayout, getReviewMode = () => "all") {
+function createPrintLayoutController(scrollContainer, onRequestCursor, pictureUrl, onLayout, getReviewMode = () => "all", isEditing = () => false) {
   let measurer = createCanvasMeasurer();
   let lastModel = null;
   const fonts = typeof document === "undefined" ? void 0 : document.fonts;
@@ -17325,7 +17404,7 @@ function createPrintLayoutController(scrollContainer, onRequestCursor, pictureUr
     onLayout?.();
   }
   function onClick(event) {
-    if (!handle || !(event.target instanceof Element)) return;
+    if (isEditing() || !handle || !(event.target instanceof Element)) return;
     const hit = handle.resolveClick(event.target, event.clientX);
     if (hit) onRequestCursor(hit.blockId, hit.offset);
   }
@@ -17350,6 +17429,7 @@ function createPrintLayoutController(scrollContainer, onRequestCursor, pictureUr
   }
   return {
     element,
+    resolveClick: (target, clientX) => handle?.resolveClick(target, clientX) ?? null,
     setActive(active) {
       element.hidden = !active;
     },
@@ -17399,6 +17479,562 @@ function printLayoutResult(result, note) {
   window.print();
   style.remove();
 }
+
+// src/docx/print-editing-geometry.ts
+function glyphRect(element, from2, to = from2) {
+  const start = Number(element.dataset.sourceStart);
+  const end = Number(element.dataset.sourceEnd);
+  const text = element.firstChild;
+  const box2 = element.getBoundingClientRect();
+  if (text?.nodeType === Node.TEXT_NODE && end > start) {
+    const length = text.textContent?.length ?? 0;
+    const offset = (value) => Math.max(0, Math.min(length, Math.round((value - start) * length / (end - start))));
+    const range = element.ownerDocument.createRange();
+    range.setStart(text, offset(from2));
+    range.setEnd(text, offset(to));
+    if (typeof range.getBoundingClientRect === "function") {
+      const measured = range.getBoundingClientRect();
+      if (measured.height) return measured;
+    }
+  }
+  const ratio = end > start ? Math.max(0, Math.min(1, (from2 - start) / (end - start))) : 0;
+  const width = end > start ? box2.width * Math.max(0, Math.min(1, (to - from2) / (end - start))) : box2.width;
+  return new DOMRect(box2.left + box2.width * ratio, box2.top, from2 === to ? 0 : width, box2.height);
+}
+function caretRect(line, offset) {
+  const fragments = [...line.querySelectorAll("[data-source-start]")];
+  const fragment = fragments.find(
+    (el) => Number(el.dataset.sourceStart) <= offset && Number(el.dataset.sourceEnd) >= offset
+  ) ?? fragments.at(-1);
+  const rect = fragment ? glyphRect(fragment, offset) : line.getBoundingClientRect();
+  const lineRect = line.getBoundingClientRect();
+  return new DOMRect(fragment ? rect.left : lineRect.left, lineRect.top, 0, lineRect.height);
+}
+
+// src/docx/print-keyboard-navigation.ts
+function printKeyboardNavigation(options) {
+  const {
+    active,
+    getView,
+    index,
+    position,
+    select: select2,
+    resolveHit,
+    scrollContainer,
+    preferredPage,
+    setPreferredPage
+  } = options;
+  let verticalX;
+  return (event) => {
+    const pageKey = event.key === "PageUp" || event.key === "PageDown";
+    const boundaryKey = event.ctrlKey && (event.key === "Home" || event.key === "End");
+    if (!active() || event.altKey || event.metaKey || event.ctrlKey && !pageKey && !boundaryKey || event.isComposing)
+      return;
+    const view = getView();
+    if (!view || view.composing) return;
+    if (boundaryKey) {
+      index.update(view.state.doc);
+      const boundary = (event.key === "Home" ? TextSelection.atStart(view.state.doc) : TextSelection.atEnd(view.state.doc)).head;
+      const paragraph3 = index.at(boundary);
+      if (paragraph3 && select2(paragraph3.id, boundary - paragraph3.start, event.shiftKey))
+        event.preventDefault();
+      return;
+    }
+    const keys2 = ["ArrowUp", "ArrowDown", "Home", "End", "PageUp", "PageDown"];
+    if (!keys2.includes(event.key)) {
+      verticalX = void 0;
+      return;
+    }
+    index.update(view.state.doc);
+    const head = view.state.selection.head;
+    const paragraph2 = index.at(head);
+    if (!paragraph2) return;
+    const matches = index.block(paragraph2.id).filter(
+      (line2) => head >= paragraph2.start + Number(line2.dataset.sourceStart) && head <= paragraph2.start + Number(line2.dataset.sourceEnd)
+    );
+    const line = matches.filter(
+      (el) => el.closest(".dve-print-page")?.dataset.pageIndex === preferredPage()
+    ).at(-1) ?? matches.at(-1);
+    if (!line) return;
+    let target = line;
+    let offset;
+    if (event.key === "Home" || event.key === "End") {
+      verticalX = void 0;
+      offset = event.key === "Home" ? Number(line.dataset.sourceStart) : Math.max(
+        Number(line.dataset.sourceStart),
+        ...[...line.querySelectorAll("[data-source-end]")].map(
+          (fragment) => Number(fragment.dataset.sourceEnd)
+        )
+      );
+    } else if (pageKey) {
+      const direction = event.key === "PageUp" ? -1 : 1;
+      verticalX ??= caretRect(line, head - paragraph2.start).left;
+      if (event.ctrlKey) {
+        target = index.pageStep(line, direction);
+        offset = Number(target.dataset.sourceStart);
+      } else {
+        const viewport = scrollContainer.getBoundingClientRect(), caret = caretRect(line, head - paragraph2.start);
+        const top = Math.max(0, viewport.top), bottom = Math.min(window.innerHeight, viewport.bottom);
+        const y = event.shiftKey ? direction < 0 ? top + 1 : bottom - 1 : caret.top + direction * (bottom - top);
+        target = index.nearest(verticalX, y) ?? line;
+        offset = resolveHit(target, verticalX)?.offset ?? Number(target.dataset.sourceStart);
+        if (!event.shiftKey) scrollContainer.scrollTop += direction * (bottom - top);
+      }
+    } else {
+      const base = position(line.dataset.blockId, 0);
+      verticalX ??= caretRect(line, head - base).left;
+      target = index.adjacent(line, event.key === "ArrowUp" ? -1 : 1);
+      offset = resolveHit(target, verticalX)?.offset ?? Number(target.dataset.sourceStart);
+    }
+    setPreferredPage(target.closest(".dve-print-page")?.dataset.pageIndex);
+    if (select2(target.dataset.blockId, offset, event.shiftKey)) {
+      event.preventDefault();
+      target.scrollIntoView?.({ block: "nearest", inline: "nearest" });
+    }
+  };
+}
+
+// src/docx/print-drag-scroll.ts
+function createPrintDragScroll(viewport, selectAt) {
+  let frame, point, lastTime = 0, destroyed = false;
+  function bounds() {
+    const rect = viewport.getBoundingClientRect();
+    return {
+      left: rect.left,
+      right: rect.right,
+      top: Math.max(0, rect.top),
+      bottom: Math.min(window.innerHeight, rect.bottom)
+    };
+  }
+  function velocity(y, top, bottom) {
+    const band = Math.min(32, (bottom - top) / 3);
+    if (band <= 0) return 0;
+    if (y < top + band) return -Math.min(24, 24 * (top + band - y) / band);
+    if (y > bottom - band) return Math.min(24, 24 * (y - bottom + band) / band);
+    return 0;
+  }
+  function tick(time) {
+    frame = void 0;
+    if (!point || destroyed) return;
+    const box2 = bounds(), speed = velocity(point.y, box2.top, box2.bottom);
+    if (!speed) return;
+    const elapsed = lastTime ? Math.min(64, time - lastTime) : 16;
+    lastTime = time;
+    const old = viewport.scrollTop, max = Math.max(0, viewport.scrollHeight - viewport.clientHeight);
+    viewport.scrollTop = Math.max(0, Math.min(max, old + speed * elapsed / 16));
+    if (viewport.scrollTop === old) return;
+    selectAt(
+      Math.max(box2.left + 1, Math.min(box2.right - 1, point.x)),
+      Math.max(box2.top + 1, Math.min(box2.bottom - 1, point.y))
+    );
+    frame = requestAnimationFrame(tick);
+  }
+  return {
+    update(x, y) {
+      if (destroyed) return;
+      point = { x, y };
+      const box2 = bounds();
+      if (frame === void 0 && velocity(y, box2.top, box2.bottom)) {
+        lastTime = 0;
+        frame = requestAnimationFrame(tick);
+      }
+    },
+    stop() {
+      point = void 0;
+      lastTime = 0;
+      if (frame !== void 0) cancelAnimationFrame(frame);
+      frame = void 0;
+    },
+    destroy() {
+      this.stop();
+      destroyed = true;
+    }
+  };
+}
+
+// src/docx/print-editing-index.ts
+var PrintEditingIndex = class {
+  constructor(pages) {
+    this.pages = pages;
+  }
+  pages;
+  doc;
+  root;
+  paragraphs = [];
+  positions = /* @__PURE__ */ new Map();
+  byBlock = /* @__PURE__ */ new Map();
+  lines = [];
+  renderedLines = [];
+  pageLines = /* @__PURE__ */ new Map();
+  linePositions = /* @__PURE__ */ new Map();
+  update(doc) {
+    const documentChanged = this.doc !== doc;
+    if (documentChanged) {
+      this.doc = doc;
+      this.paragraphs = [];
+      this.positions.clear();
+      doc.descendants((node, pos) => {
+        if (node.type.name !== "paragraph") return true;
+        const paragraph2 = {
+          id: String(node.attrs.id),
+          start: pos + 1,
+          end: pos + 1 + node.content.size
+        };
+        this.paragraphs.push(paragraph2);
+        if (!this.positions.has(paragraph2.id)) this.positions.set(paragraph2.id, paragraph2);
+        return false;
+      });
+    }
+    const root = this.pages.firstElementChild;
+    if (!documentChanged && root === this.root) return;
+    if (root !== this.root)
+      this.renderedLines = [
+        ...this.pages.querySelectorAll(".dve-print-line[data-block-id]")
+      ];
+    this.root = root;
+    this.byBlock.clear();
+    this.pageLines.clear();
+    this.linePositions.clear();
+    this.lines = [];
+    for (const line of this.renderedLines) {
+      const id = line.dataset.blockId;
+      if (!this.positions.has(id)) continue;
+      const block = this.byBlock.get(id) ?? [];
+      block.push(line);
+      this.byBlock.set(id, block);
+      const page2 = line.closest(".dve-print-page") ?? this.pages;
+      const pageRows = this.pageLines.get(page2) ?? [];
+      pageRows.push(line);
+      this.pageLines.set(page2, pageRows);
+      this.linePositions.set(line, this.lines.length);
+      this.lines.push(line);
+    }
+  }
+  position(id, offset) {
+    const paragraph2 = this.positions.get(id);
+    return paragraph2 ? paragraph2.start + Math.max(0, Math.min(offset, paragraph2.end - paragraph2.start)) : void 0;
+  }
+  firstEndingAtOrAfter(pos) {
+    let low = 0, high = this.paragraphs.length;
+    while (low < high) {
+      const mid = low + high >>> 1;
+      if (this.paragraphs[mid].end < pos) low = mid + 1;
+      else high = mid;
+    }
+    return low;
+  }
+  *between(from2, to) {
+    for (let i = this.firstEndingAtOrAfter(from2); i < this.paragraphs.length; i++) {
+      const paragraph2 = this.paragraphs[i];
+      if (paragraph2.start > to) break;
+      yield paragraph2;
+    }
+  }
+  at(pos) {
+    const paragraph2 = this.paragraphs[this.firstEndingAtOrAfter(pos)];
+    return paragraph2 && paragraph2.start <= pos ? paragraph2 : void 0;
+  }
+  block(id) {
+    return this.byBlock.get(id) ?? [];
+  }
+  adjacent(line, direction) {
+    return this.lines[(this.linePositions.get(line) ?? -1) + direction] ?? line;
+  }
+  pageStep(line, direction) {
+    const page2 = line.closest(".dve-print-page") ?? this.pages;
+    const pages = [...this.pageLines.keys()];
+    return this.pageLines.get(pages[pages.indexOf(page2) + direction])?.[0] ?? line;
+  }
+  nearest(x, y) {
+    const distance = (rect) => Math.hypot(
+      Math.max(rect.left - x, x - rect.right, 0),
+      Math.max(rect.top - y, y - rect.bottom, 0)
+    );
+    let bestPage, bestDistance = Infinity;
+    for (const page2 of this.pageLines.keys()) {
+      const score = distance(page2.getBoundingClientRect());
+      if (score < bestDistance) {
+        bestPage = page2;
+        bestDistance = score;
+      }
+    }
+    let best;
+    bestDistance = Infinity;
+    for (const line of this.pageLines.get(bestPage) ?? []) {
+      const score = distance(line.getBoundingClientRect());
+      if (score < bestDistance) {
+        best = line;
+        bestDistance = score;
+      }
+    }
+    return best;
+  }
+  clear() {
+    this.doc = void 0;
+    this.root = void 0;
+    this.paragraphs = [];
+    this.positions.clear();
+    this.pageLines.clear();
+    this.byBlock.clear();
+    this.lines = [];
+    this.renderedLines = [];
+    this.linePositions.clear();
+  }
+};
+function createPrintEditingBridge(pages, paper, getView, resolveHit, scrollContainer = pages.parentElement ?? pages) {
+  let active = false;
+  let destroyed = false;
+  const listeners = new AbortController();
+  const index = new PrintEditingIndex(pages);
+  const dragScroll = createPrintDragScroll(scrollContainer, extendAt);
+  let nativeX = 0;
+  let nativeY = 0;
+  let dragging = false;
+  let previousDoc;
+  let previousHead = -1;
+  let preferredPage;
+  const overlay = document.createElement("div");
+  overlay.className = "dve-print-selection-layer";
+  overlay.setAttribute("aria-hidden", "true");
+  let frame;
+  function position(blockId, offset) {
+    const view = getView();
+    if (!view || view.isDestroyed || destroyed) return void 0;
+    index.update(view.state.doc);
+    return index.position(blockId, offset);
+  }
+  function addBox(rect, caret = false) {
+    const parent = pages.getBoundingClientRect();
+    const element = document.createElement("div");
+    element.className = caret ? "dve-print-caret" : "dve-print-selection";
+    const scale = pages.offsetWidth ? parent.width / pages.offsetWidth : 1;
+    Object.assign(element.style, {
+      left: `${(rect.left - parent.left) / (scale || 1)}px`,
+      top: `${(rect.top - parent.top) / (scale || 1)}px`,
+      width: `${caret ? 1 : rect.width / (scale || 1)}px`,
+      height: `${rect.height / (scale || 1)}px`
+    });
+    overlay.append(element);
+    return element;
+  }
+  function draw() {
+    frame = void 0;
+    overlay.replaceChildren();
+    if (destroyed || !active || pages.hidden) return;
+    const view = getView();
+    if (!view || view.isDestroyed) return;
+    if (!overlay.isConnected) pages.append(overlay);
+    if (!view.dom.hasAttribute("tabindex")) {
+      view.dom.tabIndex = 0;
+      view.dom.dataset.printTabstop = "true";
+    }
+    const { from: from2, to, head, empty } = view.state.selection;
+    let caret;
+    index.update(view.state.doc);
+    for (const { id, start, end } of index.between(from2, to)) {
+      const block = index.block(id);
+      if (head >= start && head <= end) {
+        const offset = head - start;
+        const candidates = block.filter(
+          (el) => Number(el.dataset.sourceStart) <= offset && Number(el.dataset.sourceEnd) >= offset
+        );
+        const line = candidates.filter(
+          (el) => el.closest(".dve-print-page")?.dataset.pageIndex === preferredPage
+        ).at(-1) ?? candidates.at(-1);
+        if (line) caret = caretRect(line, offset);
+      }
+      if (!empty && from2 <= end && to >= start) {
+        for (const line of block) {
+          const a = Math.max(from2 - start, Number(line.dataset.sourceStart));
+          const b = Math.min(to - start, Number(line.dataset.sourceEnd));
+          if (b <= a) continue;
+          for (const fragment of line.querySelectorAll("[data-source-start]")) {
+            const low = Math.max(a, Number(fragment.dataset.sourceStart));
+            const high = Math.min(b, Number(fragment.dataset.sourceEnd));
+            if (high > low) addBox(glyphRect(fragment, low, high));
+          }
+        }
+      }
+    }
+    if (caret && view.hasFocus()) {
+      const marker = addBox(caret, true);
+      if (!empty) {
+        marker.style.background = "transparent";
+        marker.style.animation = "none";
+      }
+      if (!dragging && !view.composing && (previousDoc !== view.state.doc || previousHead !== head))
+        marker.scrollIntoView?.({ block: "nearest", inline: "nearest" });
+      previousDoc = view.state.doc;
+      previousHead = head;
+      if (!view.composing) {
+        try {
+          const source = view.coordsAtPos(head);
+          const inputScale = paper.offsetWidth ? paper.getBoundingClientRect().width / paper.offsetWidth : 1;
+          nativeX += (caret.left - source.left) / (inputScale || 1);
+          nativeY += (caret.top - source.top) / (inputScale || 1);
+          paper.style.translate = `${nativeX}px ${nativeY}px`;
+        } catch {
+        }
+      }
+    }
+  }
+  function refresh() {
+    if (destroyed) return;
+    if (frame !== void 0) cancelAnimationFrame(frame);
+    frame = requestAnimationFrame(draw);
+  }
+  function select2(blockId, offset, extend = false) {
+    const view = getView(), target = position(blockId, offset);
+    if (!view || target === void 0) return false;
+    view.dispatch(
+      view.state.tr.setSelection(
+        TextSelection.create(view.state.doc, extend ? view.state.selection.anchor : target, target)
+      )
+    );
+    if (!view.dom.hasAttribute("tabindex")) {
+      view.dom.tabIndex = 0;
+      view.dom.dataset.printTabstop = "true";
+    }
+    view.focus();
+    refresh();
+    return true;
+  }
+  function hit(event) {
+    const root = pages.getRootNode();
+    const target = root.elementFromPoint?.(event.clientX, event.clientY);
+    const line = target?.closest(".dve-print-line[data-block-id]");
+    if (!line || !pages.contains(line)) return void 0;
+    preferredPage = line.closest(".dve-print-page")?.dataset.pageIndex;
+    return resolveHit(target, event.clientX) ?? void 0;
+  }
+  function extendAt(x, y) {
+    const view = getView();
+    if (!view || view.isDestroyed) return;
+    index.update(view.state.doc);
+    const line = index.nearest(x, y);
+    if (!line) return;
+    const target = resolveHit(line, x);
+    if (!target) return;
+    preferredPage = line.closest(".dve-print-page")?.dataset.pageIndex;
+    select2(target.blockId, target.offset, true);
+  }
+  function move(event) {
+    if (!dragging) return;
+    extendAt(event.clientX, event.clientY);
+    dragScroll.update(event.clientX, event.clientY);
+  }
+  function up() {
+    dragging = false;
+    dragScroll.stop();
+    window.removeEventListener("pointermove", move);
+    window.removeEventListener("pointerup", up);
+    window.removeEventListener("pointercancel", up);
+    window.removeEventListener("blur", up);
+  }
+  pages.addEventListener(
+    "pointerdown",
+    (event) => {
+      if (!active || event.button !== 0) return;
+      if (event.target instanceof Element && event.target.closest('[data-read-only="true"]')) {
+        getView()?.dom.blur();
+        return;
+      }
+      const target = hit(event);
+      if (!target || !select2(target.blockId, target.offset, event.shiftKey)) return;
+      event.preventDefault();
+      dragging = true;
+      window.addEventListener("pointermove", move);
+      window.addEventListener("pointerup", up);
+      window.addEventListener("pointercancel", up);
+      window.addEventListener("blur", up);
+      dragScroll.update(event.clientX, event.clientY);
+    },
+    { signal: listeners.signal }
+  );
+  paper.addEventListener(
+    "keydown",
+    printKeyboardNavigation({
+      active: () => active,
+      getView,
+      index,
+      position,
+      select: select2,
+      resolveHit,
+      scrollContainer,
+      preferredPage: () => preferredPage,
+      setPreferredPage: (page2) => {
+        preferredPage = page2;
+      }
+    }),
+    { capture: true, signal: listeners.signal }
+  );
+  pages.addEventListener(
+    "dblclick",
+    (event) => {
+      if (!active || !(event.target instanceof Element)) return;
+      const target = resolveHit(event.target, event.clientX);
+      const view = getView();
+      const pos = target ? position(target.blockId, target.offset) : void 0;
+      if (!view || pos === void 0) return;
+      const resolved = view.state.doc.resolve(pos);
+      const text = resolved.parent.textBetween(0, resolved.parent.content.size, "", "\uFFFC");
+      const word = [...new Intl.Segmenter(void 0, { granularity: "word" }).segment(text)].find(
+        (part) => part.isWordLike && resolved.parentOffset >= part.index && resolved.parentOffset <= part.index + part.segment.length
+      );
+      if (!word) return;
+      view.dispatch(
+        view.state.tr.setSelection(
+          TextSelection.create(
+            view.state.doc,
+            resolved.start() + word.index,
+            resolved.start() + word.index + word.segment.length
+          )
+        )
+      );
+      view.focus();
+      refresh();
+      event.preventDefault();
+    },
+    { signal: listeners.signal }
+  );
+  paper.addEventListener("focusin", refresh, { signal: listeners.signal });
+  paper.addEventListener("focusout", refresh, { signal: listeners.signal });
+  paper.addEventListener("compositionend", refresh, { signal: listeners.signal });
+  return {
+    setActive(value) {
+      if (destroyed) return;
+      active = value;
+      paper.classList.toggle("dve-print-input", value);
+      if (!value) {
+        up();
+        paper.style.translate = "";
+        nativeX = 0;
+        nativeY = 0;
+        overlay.remove();
+        const view = getView();
+        if (view?.dom.dataset.printTabstop) {
+          view.dom.removeAttribute("tabindex");
+          delete view.dom.dataset.printTabstop;
+        }
+      }
+      refresh();
+    },
+    destroy() {
+      if (destroyed) return;
+      this.setActive(false);
+      destroyed = true;
+      if (frame !== void 0) cancelAnimationFrame(frame);
+      frame = void 0;
+      up();
+      listeners.abort();
+      index.clear();
+      dragScroll.destroy();
+      previousDoc = void 0;
+    },
+    refresh,
+    select: select2
+  };
+}
 function moveCursorToBlock(view, blockId, offset) {
   let target;
   view.state.doc.descendants((node, pos) => {
@@ -20104,7 +20740,10 @@ function createChrome(core, api) {
 }
 function buildShell(core, api) {
   const { element, shell } = core;
-  if (shell.toolbar) return;
+  if (shell.toolbar) {
+    attachPrintEditing(core);
+    return;
+  }
   element.classList.add("dve-host");
   const root = element.attachShadow({ mode: "open" });
   const style = document.createElement("style");
@@ -20126,7 +20765,8 @@ function buildShell(core, api) {
     },
     (partName, contentType) => core.imageMedia.urlFor(partName, contentType),
     () => core.refreshControls(),
-    () => core.reviewDisplayMode
+    () => core.reviewDisplayMode,
+    () => core.pages.viewMode === "print"
   );
   canvas.append(printLayout.element);
   canvas.addEventListener("scroll", () => {
@@ -20202,6 +20842,7 @@ function buildShell(core, api) {
   if (core.pendingFileName) chrome.fileName = core.pendingFileName;
   root.append(style, frame);
   Object.assign(shell, { toolbar, canvas, paper });
+  attachPrintEditing(core);
   applyRibbonAddIns(core);
   chrome.setLocale(core.locale);
   applyViewOptions(core);
@@ -20216,6 +20857,18 @@ function applyRibbonAddIns(core) {
   syncRibbonAddIns(toolbar, core.ribbonAddIns, { panelClass: "ribbon-panel" });
   if (toolbar.querySelector("[data-add-in]") !== before) refitRibbon(toolbar);
 }
+function attachPrintEditing(core) {
+  const { shell } = core;
+  if (shell.printEditing || !shell.printLayout || !shell.paper) return;
+  shell.printEditing = createPrintEditingBridge(
+    shell.printLayout.element,
+    shell.paper,
+    () => core.view,
+    shell.printLayout.resolveClick,
+    shell.canvas
+  );
+  shell.printEditing.setActive(core.pages.viewMode === "print");
+}
 var key = new PluginKey("dve-tab-stops");
 var MAX_PASSES = 4;
 var stopsOf = (paragraph2) => (paragraph2.attrs.tabStops ?? []).map((stop) => ({
@@ -20349,6 +21002,7 @@ function bodyPlugins(host) {
     noteNumberingPlugin(),
     sectionBreaksPlugin(),
     fieldGuardPlugin(),
+    tableStructureGuardPlugin(),
     reviewRunMarksPlugin(() => host.reviewDisplayMode()),
     tabStopsPlugin(),
     keymap({
@@ -20478,6 +21132,7 @@ function renderDocument(core) {
   core.view = new EditorView(paper, {
     state,
     editable: () => core.canEditBody(),
+    handleScrollToSelection: () => core.pages.viewMode === "print",
     dispatchTransaction(transaction) {
       const view = this;
       if (view.isDestroyed) return;
@@ -20812,6 +21467,8 @@ var DocxEditorElement = class extends DocxEditorApi {
   }
   disconnectedCallback() {
     const { core } = this;
+    core.shell.printEditing?.destroy();
+    delete core.shell.printEditing;
     core.collab.presence?.leave();
     core.detachedState = core.view?.state;
     core.view?.destroy();