ooxml-ui 1.11.0 → 1.12.1

package/dist/docx.js

@@ -8,16 +8,16 @@ import './chunk-L7JV5FVE.js';
 import './chunk-OGNNNTKI.js';
 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 { 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, resolveThemeColorReference, lineSpacingValue, isStHighlightColor, transformCase, DEFAULT_TABLE_BORDERS, parseLineSpacingValue, twipsAttr, twipsFromPixels, headingLevel, reviewParagraphFormatting, isValidLanguageTag, WORD, isHeadingListKind, lineSpacingOptions, halfPointsFromPoints, changeColumnWidth, changeColumnGap, createListDefinition, linkStylesToList, headingListLevels, documentStats, fieldName } 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, 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';
+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, documentWordCount, 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, countWords, 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';
 import { EditorView, Decoration, DecorationSet } from 'prosemirror-view';
 import { loadDocument } from 'ooxml-core/docx/load';
 import { closeHistory, undo, redo, history } from 'prosemirror-history';
-import { layoutDocumentModel, pageNumbers, createFakeMeasurer, ligatureCss, cssFontStack, pageNumberValues, sectionPageCounts, headerFooterForPage, tokenizeRun, paragraphFloats, floatPosition, placeTab, cellVerticalOffset, DEFAULT_FONT_SIZE_PT, fieldDisplayText } from 'ooxml-core/docx/layout';
+import { createLayoutSession, layoutDocumentModel, pageNumbers, createFakeMeasurer, ligatureCss, cssFontStack, tokenizeRun, placeTab, cellVerticalOffset, DEFAULT_FONT_SIZE_PT, pageNumberValues, sectionPageCounts, headerFooterForPage, paragraphFloats, floatPosition, fieldDisplayText } from 'ooxml-core/docx/layout';
 import { sendableSteps, getVersion } from 'prosemirror-collab';
 import { sanitizeColor, sanitizeUserName, SequenceTracker, isValidId, classifyVersion, validateDisplayName } from 'ooxml-core/collab';
 import { keymap } from 'prosemirror-keymap';
@@ -1111,6 +1111,10 @@ var deRibbon = {
   "Capitalize Each Word": "Jedes Wort Gro\xDF",
   "tOGGLE cASE": "gROSS-/kLEINSCHREIBUNG",
   Paste: "Einf\xFCgen",
+  "Paste options": "Einf\xFCgeoptionen",
+  "Keep text only": "Nur den Text \xFCbernehmen",
+  "Bullets options": "Aufz\xE4hlungsoptionen",
+  "Numbering options": "Nummerierungsoptionen",
   Cut: "Ausschneiden",
   Copy: "Kopieren",
   "Grow font": "Schrift vergr\xF6\xDFern",
@@ -1295,7 +1299,37 @@ var deRibbon = {
   "dyn.atLeastRule": "Mindestens (ohne Wert)",
   "dyn.exact": "Genau {n} Pt.",
   "dyn.atLeast": "Mindestens {n} Pt.",
-  "Enter a BCP 47 language tag, such as en-US or ar-SA.": "Geben Sie ein BCP-47-Sprach-Tag ein, zum Beispiel de-DE oder ar-SA."
+  "Enter a BCP 47 language tag, such as en-US or ar-SA.": "Geben Sie ein BCP-47-Sprach-Tag ein, zum Beispiel de-DE oder ar-SA.",
+  "tab.design": "Entwurf",
+  "tab.mailings": "Sendungen",
+  "tab.help": "Hilfe",
+  "Document Formatting": "Dokumentformatierung",
+  Themes: "Designs",
+  Colors: "Farben",
+  Fonts: "Schriftarten",
+  "Paragraph spacing": "Absatzabstand",
+  "Set as Default": "Als Standard festlegen",
+  Create: "Erstellen",
+  Envelopes: "Umschl\xE4ge",
+  Labels: "Etiketten",
+  "Start Mail Merge": "Seriendruck starten",
+  "Select Recipients": "Empf\xE4nger ausw\xE4hlen",
+  "Edit Recipient List": "Empf\xE4ngerliste bearbeiten",
+  "Write & Insert Fields": "Felder schreiben und einf\xFCgen",
+  "Highlight Merge Fields": "Seriendruckfelder hervorheben",
+  "Address Block": "Adressblock",
+  "Greeting Line": "Gru\xDFzeile",
+  "Insert Merge Field": "Seriendruckfeld einf\xFCgen",
+  Rules: "Regeln",
+  "Match Fields": "Felder zuordnen",
+  "Update Labels": "Etiketten aktualisieren",
+  "Preview Results": "Vorschau Ergebnisse",
+  "Find Recipient": "Empf\xE4nger suchen",
+  "Check for Errors": "Auf Fehler \xFCberpr\xFCfen",
+  Finish: "Fertig stellen",
+  "Finish & Merge": "Fertig stellen und zusammenf\xFChren",
+  Help: "Hilfe",
+  "Not available in this editor": "In diesem Editor nicht verf\xFCgbar"
 };
 
 // src/docx/locales/de.ts
@@ -1773,6 +1807,10 @@ var enRibbon = {
   "Capitalize Each Word": "Capitalize Each Word",
   "tOGGLE cASE": "tOGGLE cASE",
   Paste: "Paste",
+  "Paste options": "Paste options",
+  "Keep text only": "Keep text only",
+  "Bullets options": "Bullets options",
+  "Numbering options": "Numbering options",
   Cut: "Cut",
   Copy: "Copy",
   "Grow font": "Grow font",
@@ -1957,7 +1995,37 @@ var enRibbon = {
   "dyn.atLeastRule": "At least rule (no amount)",
   "dyn.exact": "Exact {n} pt",
   "dyn.atLeast": "At least {n} pt",
-  "Enter a BCP 47 language tag, such as en-US or ar-SA.": "Enter a BCP 47 language tag, such as en-US or ar-SA."
+  "Enter a BCP 47 language tag, such as en-US or ar-SA.": "Enter a BCP 47 language tag, such as en-US or ar-SA.",
+  "tab.design": "Design",
+  "tab.mailings": "Mailings",
+  "tab.help": "Help",
+  "Document Formatting": "Document Formatting",
+  Themes: "Themes",
+  Colors: "Colors",
+  Fonts: "Fonts",
+  "Paragraph spacing": "Paragraph spacing",
+  "Set as Default": "Set as Default",
+  Create: "Create",
+  Envelopes: "Envelopes",
+  Labels: "Labels",
+  "Start Mail Merge": "Start Mail Merge",
+  "Select Recipients": "Select Recipients",
+  "Edit Recipient List": "Edit Recipient List",
+  "Write & Insert Fields": "Write & Insert Fields",
+  "Highlight Merge Fields": "Highlight Merge Fields",
+  "Address Block": "Address Block",
+  "Greeting Line": "Greeting Line",
+  "Insert Merge Field": "Insert Merge Field",
+  Rules: "Rules",
+  "Match Fields": "Match Fields",
+  "Update Labels": "Update Labels",
+  "Preview Results": "Preview Results",
+  "Find Recipient": "Find Recipient",
+  "Check for Errors": "Check for Errors",
+  Finish: "Finish",
+  "Finish & Merge": "Finish & Merge",
+  Help: "Help",
+  "Not available in this editor": "Not available in this editor"
 };
 
 // src/docx/locales/en.ts
@@ -2435,6 +2503,10 @@ var esRibbon = {
   "Capitalize Each Word": "Poner en may\xFAscula cada palabra",
   "tOGGLE cASE": "iNVERTIR MAY\xDASCULAS Y MIN\xDASCULAS",
   Paste: "Pegar",
+  "Paste options": "Opciones de pegado",
+  "Keep text only": "Conservar solo texto",
+  "Bullets options": "Opciones de vi\xF1etas",
+  "Numbering options": "Opciones de numeraci\xF3n",
   Cut: "Cortar",
   Copy: "Copiar",
   "Grow font": "Aumentar tama\xF1o de fuente",
@@ -2446,7 +2518,7 @@ var esRibbon = {
   "tab.home": "Inicio",
   "tab.insert": "Insertar",
   "tab.references": "Referencias",
-  "tab.layout": "Dise\xF1o",
+  "tab.layout": "Disposici\xF3n",
   "tab.review": "Revisar",
   "tab.view": "Vista",
   "tab.table": "Tabla",
@@ -2619,7 +2691,37 @@ var esRibbon = {
   "dyn.atLeastRule": "M\xEDnimo (sin valor)",
   "dyn.exact": "Exactamente {n} pt",
   "dyn.atLeast": "M\xEDnimo {n} pt",
-  "Enter a BCP 47 language tag, such as en-US or ar-SA.": "Escriba una etiqueta de idioma BCP 47, por ejemplo es-ES o ar-SA."
+  "Enter a BCP 47 language tag, such as en-US or ar-SA.": "Escriba una etiqueta de idioma BCP 47, por ejemplo es-ES o ar-SA.",
+  "tab.design": "Dise\xF1o",
+  "tab.mailings": "Correspondencia",
+  "tab.help": "Ayuda",
+  "Document Formatting": "Formato del documento",
+  Themes: "Temas",
+  Colors: "Colores",
+  Fonts: "Fuentes",
+  "Paragraph spacing": "Espaciado entre p\xE1rrafos",
+  "Set as Default": "Establecer como predeterminado",
+  Create: "Crear",
+  Envelopes: "Sobres",
+  Labels: "Etiquetas",
+  "Start Mail Merge": "Iniciar combinaci\xF3n de correspondencia",
+  "Select Recipients": "Seleccionar destinatarios",
+  "Edit Recipient List": "Editar lista de destinatarios",
+  "Write & Insert Fields": "Escribir e insertar campos",
+  "Highlight Merge Fields": "Resaltar campos de combinaci\xF3n",
+  "Address Block": "Bloque de direcciones",
+  "Greeting Line": "L\xEDnea de saludo",
+  "Insert Merge Field": "Insertar campo combinado",
+  Rules: "Reglas",
+  "Match Fields": "Asignar campos",
+  "Update Labels": "Actualizar etiquetas",
+  "Preview Results": "Vista previa de resultados",
+  "Find Recipient": "Buscar destinatario",
+  "Check for Errors": "Comprobar errores",
+  Finish: "Finalizar",
+  "Finish & Merge": "Finalizar y combinar",
+  Help: "Ayuda",
+  "Not available in this editor": "No disponible en este editor"
 };
 
 // src/docx/locales/es.ts
@@ -3097,6 +3199,10 @@ var frRibbon = {
   "Capitalize Each Word": "Mettre en majuscule chaque mot",
   "tOGGLE cASE": "iNVERSER LA CASSE",
   Paste: "Coller",
+  "Paste options": "Options de collage",
+  "Keep text only": "Conserver uniquement le texte",
+  "Bullets options": "Options des puces",
+  "Numbering options": "Options de num\xE9rotation",
   Cut: "Couper",
   Copy: "Copier",
   "Grow font": "Agrandir la police",
@@ -3281,7 +3387,37 @@ var frRibbon = {
   "dyn.atLeastRule": "R\xE8gle minimale (sans valeur)",
   "dyn.exact": "Exactement {n} pt",
   "dyn.atLeast": "Au moins {n} pt",
-  "Enter a BCP 47 language tag, such as en-US or ar-SA.": "Saisissez une balise de langue BCP 47, par exemple fr-FR ou ar-SA."
+  "Enter a BCP 47 language tag, such as en-US or ar-SA.": "Saisissez une balise de langue BCP 47, par exemple fr-FR ou ar-SA.",
+  "tab.design": "Cr\xE9ation",
+  "tab.mailings": "Publipostage",
+  "tab.help": "Aide",
+  "Document Formatting": "Mise en forme du document",
+  Themes: "Th\xE8mes",
+  Colors: "Couleurs",
+  Fonts: "Polices",
+  "Paragraph spacing": "Espacement des paragraphes",
+  "Set as Default": "D\xE9finir par d\xE9faut",
+  Create: "Cr\xE9er",
+  Envelopes: "Enveloppes",
+  Labels: "\xC9tiquettes",
+  "Start Mail Merge": "D\xE9marrer la fusion et le publipostage",
+  "Select Recipients": "S\xE9lectionner les destinataires",
+  "Edit Recipient List": "Modifier la liste des destinataires",
+  "Write & Insert Fields": "Champs de fusion",
+  "Highlight Merge Fields": "Mettre les champs de fusion en surbrillance",
+  "Address Block": "Bloc adresse",
+  "Greeting Line": "Formule de salutation",
+  "Insert Merge Field": "Ins\xE9rer un champ de fusion",
+  Rules: "R\xE8gles",
+  "Match Fields": "Faire correspondre les champs",
+  "Update Labels": "Mettre \xE0 jour les \xE9tiquettes",
+  "Preview Results": "Aper\xE7u des r\xE9sultats",
+  "Find Recipient": "Rechercher un destinataire",
+  "Check for Errors": "Rechercher les erreurs",
+  Finish: "Terminer",
+  "Finish & Merge": "Terminer et fusionner",
+  Help: "Aide",
+  "Not available in this editor": "Indisponible dans cet \xE9diteur"
 };
 
 // src/docx/locales/fr.ts
@@ -3759,6 +3895,10 @@ var zhCNRibbon = {
   "Capitalize Each Word": "\u6BCF\u4E2A\u5355\u8BCD\u9996\u5B57\u6BCD\u5927\u5199",
   "tOGGLE cASE": "\u5207\u6362\u5927\u5C0F\u5199",
   Paste: "\u7C98\u8D34",
+  "Paste options": "\u7C98\u8D34\u9009\u9879",
+  "Keep text only": "\u53EA\u4FDD\u7559\u6587\u672C",
+  "Bullets options": "\u9879\u76EE\u7B26\u53F7\u9009\u9879",
+  "Numbering options": "\u7F16\u53F7\u9009\u9879",
   Cut: "\u526A\u5207",
   Copy: "\u590D\u5236",
   "Grow font": "\u589E\u5927\u5B57\u53F7",
@@ -3943,7 +4083,37 @@ var zhCNRibbon = {
   "dyn.atLeastRule": "\u6700\u5C0F\u503C\uFF08\u65E0\u6570\u503C\uFF09",
   "dyn.exact": "\u56FA\u5B9A\u503C {n} \u78C5",
   "dyn.atLeast": "\u6700\u5C0F\u503C {n} \u78C5",
-  "Enter a BCP 47 language tag, such as en-US or ar-SA.": "\u8BF7\u8F93\u5165 BCP 47 \u8BED\u8A00\u6807\u8BB0\uFF0C\u4F8B\u5982 zh-CN \u6216 ar-SA\u3002"
+  "Enter a BCP 47 language tag, such as en-US or ar-SA.": "\u8BF7\u8F93\u5165 BCP 47 \u8BED\u8A00\u6807\u8BB0\uFF0C\u4F8B\u5982 zh-CN \u6216 ar-SA\u3002",
+  "tab.design": "\u8BBE\u8BA1",
+  "tab.mailings": "\u90AE\u4EF6",
+  "tab.help": "\u5E2E\u52A9",
+  "Document Formatting": "\u6587\u6863\u683C\u5F0F",
+  Themes: "\u4E3B\u9898",
+  Colors: "\u989C\u8272",
+  Fonts: "\u5B57\u4F53",
+  "Paragraph spacing": "\u6BB5\u843D\u95F4\u8DDD",
+  "Set as Default": "\u8BBE\u4E3A\u9ED8\u8BA4\u503C",
+  Create: "\u521B\u5EFA",
+  Envelopes: "\u4FE1\u5C01",
+  Labels: "\u6807\u7B7E",
+  "Start Mail Merge": "\u5F00\u59CB\u90AE\u4EF6\u5408\u5E76",
+  "Select Recipients": "\u9009\u62E9\u6536\u4EF6\u4EBA",
+  "Edit Recipient List": "\u7F16\u8F91\u6536\u4EF6\u4EBA\u5217\u8868",
+  "Write & Insert Fields": "\u7F16\u5199\u548C\u63D2\u5165\u57DF",
+  "Highlight Merge Fields": "\u7A81\u51FA\u663E\u793A\u5408\u5E76\u57DF",
+  "Address Block": "\u5730\u5740\u5757",
+  "Greeting Line": "\u95EE\u5019\u8BED",
+  "Insert Merge Field": "\u63D2\u5165\u5408\u5E76\u57DF",
+  Rules: "\u89C4\u5219",
+  "Match Fields": "\u5339\u914D\u57DF",
+  "Update Labels": "\u66F4\u65B0\u6807\u7B7E",
+  "Preview Results": "\u9884\u89C8\u7ED3\u679C",
+  "Find Recipient": "\u67E5\u627E\u6536\u4EF6\u4EBA",
+  "Check for Errors": "\u68C0\u67E5\u9519\u8BEF",
+  Finish: "\u5B8C\u6210",
+  "Finish & Merge": "\u5B8C\u6210\u5E76\u5408\u5E76",
+  Help: "\u5E2E\u52A9",
+  "Not available in this editor": "\u6B64\u7F16\u8F91\u5668\u5C1A\u4E0D\u652F\u6301"
 };
 
 // src/docx/locales/zh-CN.ts
@@ -4679,19 +4849,41 @@ function keepHeaderFooterSections(prior, blocks, doc) {
     ]
   };
 }
-function docToModel(doc, prior) {
+function docToModel(doc, prior, previousDoc) {
   let nextId = 0;
   const previousParagraphs = /* @__PURE__ */ new Map();
   const priorTables = /* @__PURE__ */ new Map();
-  const remember = (paragraph2) => previousParagraphs.set(paragraph2.id, paragraph2);
+  const duplicateIds = /* @__PURE__ */ new Set();
+  const remember = (paragraph2) => {
+    if (previousParagraphs.has(paragraph2.id)) duplicateIds.add(paragraph2.id);
+    previousParagraphs.set(paragraph2.id, paragraph2);
+  };
   for (const block of prior.blocks) {
     if (block.type === "paragraph") remember(block);
     else {
+      if (priorTables.has(block.id)) duplicateIds.add(block.id);
       priorTables.set(block.id, block);
       for (const row3 of block.rows) for (const cell of row3) cell.paragraphs.forEach(remember);
     }
   }
+  const unchanged = /* @__PURE__ */ new WeakMap();
+  const unchangedTables = /* @__PURE__ */ new WeakMap();
+  previousDoc?.descendants((node) => {
+    if (duplicateIds.has(String(node.attrs.id))) return true;
+    if (node.type.name === "paragraph") {
+      const paragraph2 = previousParagraphs.get(String(node.attrs.id));
+      if (paragraph2) unchanged.set(node, paragraph2);
+      return false;
+    }
+    if (node.type.name === "table") {
+      const table = priorTables.get(String(node.attrs.id));
+      if (table) unchangedTables.set(node, table);
+    }
+    return true;
+  });
   const convertParagraph = (node) => {
+    const cached = unchanged.get(node);
+    if (cached) return cached;
     const runs = [];
     node.forEach((child) => appendInlineNode(runs, child));
     if (!runs.length) runs.push({ text: "" });
@@ -4705,6 +4897,11 @@ function docToModel(doc, prior) {
   doc.forEach((node) => {
     if (node.type.name === "paragraph") blocks.push(convertParagraph(node));
     if (node.type.name === "table") {
+      const cached = unchangedTables.get(node);
+      if (cached) {
+        blocks.push(cached);
+        return;
+      }
       const id = String(node.attrs.id || `t-edit-${++nextId}`);
       const prior2 = priorTables.get(id);
       const asParagraph = (n) => convertParagraph(n);
@@ -5097,6 +5294,9 @@ function openListPopover(anchor, items, current2, preview, choose) {
 
 // src/docx/ribbon-icons.ts
 var paths = {
+  envelope: "M3 5h18v14H3z M3 5l9 7 9-7",
+  field: "M4 3h16v18H4z M10 8l-3 4 3 4 M14 8l3 4-3 4",
+  help: "M9 8a3 3 0 1 1 4 2.8c-1 .5-1 1.2-1 2.2 M12 17h.01 M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20",
   close: "M6 6l12 12 M18 6L6 18",
   paste: "M8 4h8v3H8z M6 5.5H5v15h14v-15h-1 M9 12h6 M9 15.5h6",
   cut: "M6 3l9 12 M18 3l-9 12 M7 15.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z M17 15.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z",
@@ -5429,7 +5629,11 @@ var button = (label, text, action, className = "") => {
   el.textContent = text;
   el.setAttribute("aria-label", label);
   el.addEventListener("mousedown", (event) => event.preventDefault());
-  el.dataset.action = JSON.stringify(action);
+  if (action) el.dataset.action = JSON.stringify(action);
+  else {
+    el.disabled = true;
+    el.dataset.unavailable = "";
+  }
   if (className) el.className = className;
   return el;
 };
@@ -5529,7 +5733,7 @@ var row = (...children) => {
 };
 var tool = (label, icon2, action, options = {}) => {
   const el = button(label, "", action, options.className);
-  el.title = label;
+  el.title = action ? label : "Not available in this editor";
   el.classList.add(
     options.large ? "ribbon-large" : options.inline ? "ribbon-inline" : "ribbon-small"
   );
@@ -5804,6 +6008,54 @@ function openGallery(anchor, control, kind, commands) {
   pop.querySelector('[aria-checked="true"]')?.focus({ preventScroll: true });
 }
 
+// src/docx/ribbon-home-menus.ts
+function split(main, label, choices, action, large = false) {
+  const control = splitInline(main, label, choices, action);
+  control.classList.add("ribbon-command-split");
+  if (large) control.classList.add("ribbon-command-split-large");
+  return control;
+}
+function pasteSplit() {
+  return split(
+    tool("Paste", "paste", { type: "clipboard", key: "paste" }, { large: true }),
+    "Paste options",
+    [
+      ["paste", "Paste"],
+      ["text", "Keep text only"]
+    ],
+    (value) => ({ type: "clipboard", key: "paste", plainText: value === "text" }),
+    true
+  );
+}
+function underlineSplit() {
+  return split(
+    tool("Underline", "underline", { type: "format", key: "underline" }),
+    "Underline style",
+    [
+      ["single", "Single"],
+      ["double", "Double"],
+      ["dotted", "Dotted"],
+      ["dash", "Dashed"],
+      ["wave", "Wave"],
+      ["none", "(none)"]
+    ],
+    (value) => ({ type: "underline", value })
+  );
+}
+function listSplit(key2) {
+  const label = key2 === "bullet" ? "Bulleted list" : "Numbered list";
+  const icon2 = key2 === "bullet" ? "bullets" : "numbering";
+  return split(
+    tool(label, icon2, { type: "list", key: key2 }),
+    key2 === "bullet" ? "Bullets options" : "Numbering options",
+    [
+      [key2, label],
+      ["remove", "Remove list"]
+    ],
+    (value) => ({ type: "list", key: value })
+  );
+}
+
 // src/docx/ribbon-home.ts
 var SHADINGS = [
   ["none", "No color"],
@@ -5863,7 +6115,7 @@ function buildHomePanel(panels) {
   home.append(
     group(
       "Clipboard",
-      tool("Paste", "paste", { type: "clipboard", key: "paste" }, { large: true }),
+      pasteSplit(),
       stack(
         tool("Cut", "cut", { type: "clipboard", key: "cut" }, { inline: true }),
         tool("Copy", "copy", { type: "clipboard", key: "copy" }, { inline: true }),
@@ -5910,7 +6162,7 @@ function buildHomePanel(panels) {
       row(
         tool("Bold", "bold", { type: "format", key: "bold" }),
         tool("Italic", "italic", { type: "format", key: "italic" }),
-        tool("Underline", "underline", { type: "format", key: "underline" }),
+        underlineSplit(),
         tool("Strikethrough", "strike", { type: "format", key: "strike" }),
         tool("Subscript", "subscript", { type: "format", key: "subscript" }),
         tool("Superscript", "superscript", { type: "format", key: "superscript" }),
@@ -5987,8 +6239,8 @@ function buildHomePanel(panels) {
     group(
       "Paragraph",
       row(
-        tool("Bulleted list", "bullets", { type: "list", key: "bullet" }),
-        tool("Numbered list", "numbering", { type: "list", key: "number" }),
+        listSplit("bullet"),
+        listSplit("number"),
         menuSelect(
           "Multilevel list",
           "multilevel",
@@ -6139,6 +6391,57 @@ function spacingGroup() {
   );
 }
 
+// src/docx/ribbon-native-tabs.ts
+var unavailable = (label, icon2, inline = false) => tool(label, icon2, null, inline ? { inline: true } : { large: true });
+function buildNativeTabs(panels) {
+  const design = panels.get("Design");
+  design.append(
+    group(
+      "Document Formatting",
+      unavailable("Themes", "pageColor"),
+      unavailable("Colors", "fontColor"),
+      unavailable("Fonts", "changeCase"),
+      unavailable("Paragraph spacing", "lineSpacing"),
+      unavailable("Effects", "formatPainter"),
+      unavailable("Set as Default", "accept")
+    )
+  );
+  const background = panels.get("Layout").querySelector('[data-label="Page background"]');
+  if (background) design.append(background);
+  panels.get("Mailings").append(
+    group("Create", unavailable("Envelopes", "envelope"), unavailable("Labels", "table")),
+    group(
+      "Start Mail Merge",
+      unavailable("Start Mail Merge", "envelope"),
+      unavailable("Select Recipients", "select"),
+      unavailable("Edit Recipient List", "table")
+    ),
+    group(
+      "Write & Insert Fields",
+      unavailable("Highlight Merge Fields", "highlight"),
+      unavailable("Address Block", "textBox"),
+      unavailable("Greeting Line", "textBox"),
+      unavailable("Insert Merge Field", "field"),
+      stack(
+        unavailable("Rules", "field", true),
+        unavailable("Match Fields", "field", true),
+        unavailable("Update Labels", "updateTable", true)
+      )
+    ),
+    group(
+      "Preview Results",
+      unavailable("Preview Results", "find"),
+      stack(
+        unavailable("Find Recipient", "find", true),
+        unavailable("Check for Errors", "spelling", true)
+      )
+    ),
+    group("Finish", unavailable("Finish & Merge", "envelope"))
+  );
+  const help = tool("Help", "help", { type: "help" }, { large: true });
+  panels.get("Help").append(group("Help", help));
+}
+
 // src/docx/ribbon-keytips.ts
 var WORD_KEYS = {
   Paste: "V",
@@ -6265,10 +6568,13 @@ function fileButton(ribbon) {
 var KEY_TIPS = {
   home: "H",
   insert: "N",
+  design: "G",
   layout: "P",
   references: "S",
+  mailings: "M",
   review: "R",
   view: "W",
+  help: "Y",
   table: "T",
   "header-footer": "J"
 };
@@ -7354,10 +7660,13 @@ function createRibbon(locale = "en") {
   for (const name of [
     "Home",
     "Insert",
+    "Design",
     "Layout",
     "References",
+    "Mailings",
     "Review",
     "View",
+    "Help",
     "Table",
     "Header & Footer"
   ]) {
@@ -7374,6 +7683,7 @@ function createRibbon(locale = "en") {
   }
   buildHomePanel(panels);
   buildOtherPanels(panels);
+  buildNativeTabs(panels);
   buildHeaderFooterPanel(panels.get("Header & Footer"));
   for (const panel of panels.values()) root.append(panel);
   for (const key2 of ["table", "header-footer"]) setTabHidden(root, key2, "contextual", true);
@@ -7403,6 +7713,7 @@ function syncSelectTitles(root) {
 }
 function syncButtonTitles(root) {
   for (const button3 of root.querySelectorAll("button")) {
+    if (button3.hasAttribute("data-unavailable")) continue;
     const label = button3.getAttribute("aria-label");
     if (!label) continue;
     const hint = shortcutHint(button3.dataset.localearialabel ?? label);
@@ -7500,6 +7811,7 @@ function setTriState(input, value) {
 function createCanvasMeasurer() {
   let context2;
   const widthCache = /* @__PURE__ */ new Map();
+  const metricCache = /* @__PURE__ */ new Map();
   const fallback = createFakeMeasurer();
   const ctx = () => {
     if (context2 !== void 0) return context2;
@@ -7511,6 +7823,20 @@ function createCanvasMeasurer() {
     return context2;
   };
   const fontString = (font) => `${font.italic ? "italic " : ""}${font.bold ? "bold " : ""}${font.sizePx}px ${cssFontStack(font.family)}`;
+  const metricsOf = (c, font) => {
+    const key2 = fontString(font);
+    const cached = metricCache.get(key2);
+    if (cached) return cached;
+    c.font = key2;
+    const measured = c.measureText("Mg");
+    const metrics = {
+      ascent: measured.fontBoundingBoxAscent ?? font.sizePx * 0.95,
+      height: measured.fontBoundingBoxAscent !== void 0 && measured.fontBoundingBoxDescent !== void 0 ? measured.fontBoundingBoxAscent + measured.fontBoundingBoxDescent : font.sizePx * 1.22
+    };
+    if (metricCache.size >= 256) metricCache.delete(metricCache.keys().next().value);
+    metricCache.set(key2, metrics);
+    return metrics;
+  };
   return {
     widthOf(text, font) {
       const c = ctx();
@@ -7537,24 +7863,19 @@ function createCanvasMeasurer() {
           span.remove();
         }
       }
-      if (widthCache.size > 2e4) widthCache.clear();
+      if (widthCache.size >= 2e4) widthCache.delete(widthCache.keys().next().value);
       widthCache.set(key2, width);
       return width;
     },
     ascentOf(font) {
       const c = ctx();
       if (!c) return fallback.lineHeightOf(font) * 0.8;
-      c.font = fontString(font);
-      return c.measureText("Mg").fontBoundingBoxAscent ?? font.sizePx * 0.95;
+      return metricsOf(c, font).ascent;
     },
     lineHeightOf(font) {
       const c = ctx();
       if (!c) return fallback.lineHeightOf(font);
-      c.font = fontString(font);
-      const metrics = c.measureText("Mg");
-      const ascent = metrics.fontBoundingBoxAscent;
-      const descent = metrics.fontBoundingBoxDescent;
-      return ascent !== void 0 && descent !== void 0 ? ascent + descent : font.sizePx * 1.22;
+      return metricsOf(c, font).height;
     }
   };
 }
@@ -7654,6 +7975,66 @@ function reviewRunCss(format) {
   return css.join(";");
 }
 
+// src/docx/decoration-cache.ts
+var DecorationCache = class {
+  doc;
+  inputs = [];
+  value;
+  get(doc, inputs) {
+    return doc === this.doc && inputs.length === this.inputs.length && inputs.every((input, index) => input === this.inputs[index]) ? this.value : void 0;
+  }
+  set(doc, inputs, value) {
+    this.doc = doc;
+    this.inputs = inputs;
+    this.value = value;
+    return value;
+  }
+  clear() {
+    this.doc = void 0;
+    this.value = void 0;
+    this.inputs = [];
+  }
+};
+var AttributeCache = class {
+  entries = /* @__PURE__ */ new WeakMap();
+  resolve(attributes, inputs, create) {
+    const cached = this.entries.get(attributes);
+    if (cached && inputs.length === cached.inputs.length && inputs.every((input, index) => input === cached.inputs[index]))
+      return cached.value;
+    const value = create();
+    this.entries.set(attributes, { inputs, value });
+    return value;
+  }
+};
+var ParagraphDecorationBuilder = class {
+  descriptors = [];
+  inline(from2, to, attrs, spec) {
+    this.descriptors.push({ from: from2, to, attrs, spec, kind: "inline" });
+    return Decoration.inline(from2, to, attrs, spec);
+  }
+  node(from2, to, attrs, spec) {
+    this.descriptors.push({ from: from2, to, attrs, spec, kind: "node" });
+    return Decoration.node(from2, to, attrs, spec);
+  }
+};
+var ParagraphDecorationCache = class {
+  entries = /* @__PURE__ */ new WeakMap();
+  get(node, inputs) {
+    const cached = this.entries.get(node);
+    return cached && inputs.length === cached.inputs.length && inputs.every((input, index) => input === cached.inputs[index]) ? cached : void 0;
+  }
+  set(node, inputs, builder, hasScale) {
+    const entry = { inputs, descriptors: builder.descriptors, hasScale };
+    this.entries.set(node, entry);
+    return entry;
+  }
+  place(value, start) {
+    return value.descriptors.map(
+      (entry) => Decoration[entry.kind](start + entry.from - 1, start + entry.to - 1, entry.attrs, entry.spec)
+    );
+  }
+};
+
 // src/docx/run-styles.ts
 function themeFontOf(formatting, theme) {
   const role = formatting.fontTheme?.ascii ?? formatting.fontTheme?.hAnsi;
@@ -7713,6 +8094,8 @@ function styleModelOf(state) {
 }
 function runStylesPlugin(getModel, getMode = () => "all") {
   let measurer = scaleMeasurer();
+  const cache = new DecorationCache();
+  const paragraphs = new ParagraphDecorationCache();
   return new Plugin({
     key: runStylesKey,
     getModel,
@@ -7720,6 +8103,7 @@ function runStylesPlugin(getModel, getMode = () => "all") {
       const fonts = view.dom.ownerDocument.fonts;
       const refresh = () => {
         measurer = scaleMeasurer();
+        cache.clear();
         view.dispatch(view.state.tr.setMeta("addToHistory", false).setMeta(runStylesKey, "fonts"));
       };
       fonts?.addEventListener?.("loadingdone", refresh);
@@ -7729,10 +8113,37 @@ function runStylesPlugin(getModel, getMode = () => "all") {
       decorations(state) {
         const model = getModel();
         const mode = getMode();
+        const inputs = [
+          model,
+          model.characterStyles,
+          model.paragraphStyles,
+          model.theme,
+          model.tableStyles,
+          mode
+        ];
+        const cached = cache.get(state.doc, inputs);
+        if (cached) return cached;
         const tables = /* @__PURE__ */ new Map();
         for (const block of model.blocks) if (block.type === "table") tables.set(block.id, block);
         const decorations2 = [];
-        const visitParagraph = (paragraph2, start, tableStyleRun) => {
+        const visitParagraph = (paragraph2, position, tableStyleRun) => {
+          const inputs2 = [
+            model.characterStyles,
+            model.paragraphStyles,
+            model.theme,
+            mode,
+            measurer,
+            JSON.stringify(tableStyleRun)
+          ];
+          const cached2 = paragraphs.get(paragraph2, inputs2);
+          if (cached2) {
+            decorations2.push(...paragraphs.place(cached2, position));
+            if (cached2.hasScale) decorations2.push(...scaledParagraphBreaks(paragraph2, position));
+            return;
+          }
+          const start = 1;
+          const localDecorations = [];
+          const builder = new ParagraphDecorationBuilder();
           const paragraphStyleId = displayParagraph(paragraph2, mode).value.style;
           let hasScale = false;
           paragraph2.forEach((child, offset) => {
@@ -7755,8 +8166,8 @@ function runStylesPlugin(getModel, getMode = () => "all") {
             } : {};
             const hidden = resolved.vanish === true;
             if (!child.isText) {
-              decorations2.push(
-                Decoration.node(start + offset, start + offset + child.nodeSize, {
+              localDecorations.push(
+                builder.node(start + offset, start + offset + child.nodeSize, {
                   style: `${runFormattingCss(resolved, model.theme)};${reviewRunCss(resolved)}`,
                   ...run.language ? { lang: run.language } : {},
                   ...run.rtl !== void 0 ? { dir: run.rtl ? "rtl" : "ltr" } : {},
@@ -7775,8 +8186,8 @@ function runStylesPlugin(getModel, getMode = () => "all") {
             if (segments.length) {
               hasScale = true;
               for (const segment of segments)
-                decorations2.push(
-                  Decoration.inline(
+                localDecorations.push(
+                  builder.inline(
                     start + offset + segment.from,
                     start + offset + segment.to,
                     {
@@ -7790,15 +8201,17 @@ function runStylesPlugin(getModel, getMode = () => "all") {
               return;
             }
             if (style || hidden)
-              decorations2.push(
-                Decoration.inline(start + offset, start + offset + child.nodeSize, {
+              localDecorations.push(
+                builder.inline(start + offset, start + offset + child.nodeSize, {
                   ...originalAttrs,
                   ...style ? { style } : {},
                   ...hidden ? { class: "dve-hidden-text" } : {}
                 })
               );
           });
-          if (hasScale) decorations2.push(...scaledParagraphBreaks(paragraph2, start));
+          if (hasScale) decorations2.push(...scaledParagraphBreaks(paragraph2, position));
+          const value = paragraphs.set(paragraph2, inputs2, builder, hasScale);
+          decorations2.push(...paragraphs.place(value, position));
         };
         state.doc.forEach((block, blockOffset) => {
           if (block.type.name === "paragraph") return visitParagraph(block, blockOffset + 1);
@@ -7835,7 +8248,7 @@ function runStylesPlugin(getModel, getMode = () => "all") {
             });
           });
         });
-        return DecorationSet.create(state.doc, decorations2);
+        return cache.set(state.doc, inputs, DecorationSet.create(state.doc, decorations2));
       }
     }
   });
@@ -11064,7 +11477,7 @@ function createTablePropertiesDialog(viewOf) {
     ["atLeast", "At least"],
     ["exact", "Exactly"]
   ]);
-  const split = checkbox("Allow row to break across pages");
+  const split2 = checkbox("Allow row to break across pages");
   const header = checkbox("Repeat as header row at the top of each page");
   const sides2 = ["top", "bottom", "left", "right"];
   const margins = Object.fromEntries(
@@ -11084,7 +11497,7 @@ function createTablePropertiesDialog(viewOf) {
       "Row",
       specified.wrapper,
       row2(labelled("Height (inches)", height), labelled("Row height is", rule)),
-      split.wrapper,
+      split2.wrapper,
       header.wrapper
     ),
     fieldset(
@@ -11104,7 +11517,7 @@ function createTablePropertiesDialog(viewOf) {
     specified: specified.input,
     height,
     rule,
-    split: split.input,
+    split: split2.input,
     header: header.input,
     ...margins
   };
@@ -11154,7 +11567,7 @@ function createTablePropertiesDialog(viewOf) {
           patch.heightRule = rule.value === "exact" ? "exact" : "atLeast";
       }
     }
-    if (changed.has("split")) patch.cantSplit = !split.input.checked;
+    if (changed.has("split")) patch.cantSplit = !split2.input.checked;
     if (changed.has("header")) patch.header = header.input.checked;
     const marginPatch = {};
     for (const side of sides2)
@@ -11200,7 +11613,7 @@ function createTablePropertiesDialog(viewOf) {
       height.value = heightTwips == null ? "" : String(heightTwips / 1440);
       rule.value = common((p) => p.heightRule ?? "atLeast") ?? "";
       setTriState(
-        split.input,
+        split2.input,
         common((p) => !p.cantSplit)
       );
       setTriState(
@@ -12906,10 +13319,15 @@ function resetStylePicker(toolbar) {
 // src/docx/paragraph-styles.ts
 function paragraphStylesPlugin(getModel, getMode = () => "all") {
   let measurer = scaleMeasurer();
+  const cache = new DecorationCache();
+  const projections = new AttributeCache();
+  const attributes = new AttributeCache();
+  const project = (node, mode) => projections.resolve(node.attrs, [mode], () => displayParagraph(node, mode));
   return new Plugin({
     view(view) {
       const reload = () => {
         measurer = scaleMeasurer();
+        cache.clear();
         view.dispatch(
           view.state.tr.setMeta("list-marker-fonts", true).setMeta("addToHistory", false)
         );
@@ -12925,34 +13343,53 @@ function paragraphStylesPlugin(getModel, getMode = () => "all") {
       decorations(state) {
         const model = getModel();
         const mode = getMode();
+        const inputs = [
+          model,
+          model.paragraphStyles,
+          model.numberingCatalog,
+          model.theme,
+          model.characterStyles,
+          mode
+        ];
+        const cached = cache.get(state.doc, inputs);
+        if (cached) return cached;
         const catalog = model.paragraphStyles;
         const paragraphs = [];
         state.doc.descendants((node) => {
-          if (node.type.name === "paragraph") paragraphs.push(displayParagraph(node, mode).value);
+          if (node.type.name === "paragraph") paragraphs.push(project(node, mode).value);
         });
         const labels3 = computeListLabels({ ...model, blocks: paragraphs });
         const decorations2 = [];
         state.doc.descendants((node, pos) => {
           if (node.type.name !== "paragraph") return;
-          const projected = displayParagraph(node, mode);
-          const paragraph2 = projected.value;
-          const reset = mode === "original" && node.attrs.formatRevision && !projected.error ? `${ORIGINAL_PARAGRAPH_RESET};` : "";
-          const effective = catalog ? resolveParagraphFormatting(paragraph2, catalog) : paragraph2;
           const label = labels3.get(String(node.attrs.id));
-          const marker = listMarkerDisplay(
-            node,
-            { ...paragraph2, ...effective },
-            label,
-            model,
-            measurer
-          );
-          const list = label ? {
-            listIndentLeftTwips: label.indentLeftTwips ?? null,
-            listHangingTwips: label.hangingTwips ?? null,
-            listFirstLineTwips: label.firstLineTwips ?? null
-          } : { listIndentLeftTwips: null, listHangingTwips: null, listFirstLineTwips: null };
-          decorations2.push(
-            Decoration.node(pos, pos + node.nodeSize, {
+          const dependencies = [
+            catalog,
+            model.characterStyles,
+            model.theme,
+            mode,
+            measurer,
+            JSON.stringify(label),
+            label ? node.firstChild : void 0
+          ];
+          const rendered = attributes.resolve(node.attrs, dependencies, () => {
+            const projected = project(node, mode);
+            const paragraph2 = projected.value;
+            const reset = mode === "original" && node.attrs.formatRevision && !projected.error ? `${ORIGINAL_PARAGRAPH_RESET};` : "";
+            const effective = catalog ? resolveParagraphFormatting(paragraph2, catalog) : paragraph2;
+            const marker = listMarkerDisplay(
+              node,
+              { ...paragraph2, ...effective },
+              label,
+              model,
+              measurer
+            );
+            const list = label ? {
+              listIndentLeftTwips: label.indentLeftTwips ?? null,
+              listHangingTwips: label.hangingTwips ?? null,
+              listFirstLineTwips: label.firstLineTwips ?? null
+            } : { listIndentLeftTwips: null, listHangingTwips: null, listFirstLineTwips: null };
+            return {
               style: `${reset}${paragraphStyle({ ...effective, ...list })};${marker.css}`,
               ...projected.error ? { "data-review-format-error": projected.error } : {},
               ...marker.attributes,
@@ -12960,10 +13397,11 @@ function paragraphStylesPlugin(getModel, getMode = () => "all") {
                 "data-list-label": label ? `${displayListLabel(label.text)}${label.suffix === "space" ? " " : label.suffix === "none" ? "" : "	"}` : ""
               } : {},
               ...effective.direction || reset ? { dir: effective.direction ?? "ltr" } : {}
-            })
-          );
+            };
+          });
+          decorations2.push(Decoration.node(pos, pos + node.nodeSize, rendered));
         });
-        return DecorationSet.create(state.doc, decorations2);
+        return cache.set(state.doc, inputs, DecorationSet.create(state.doc, decorations2));
       }
     }
   });
@@ -13332,7 +13770,7 @@ function refreshEditorControls(toolbar, view, model, readOnly, collaboration, lo
     ".ribbon-group button, .ribbon-group input, .ribbon-group select"
   ).forEach((control) => {
     const label = control.dataset.localearialabel ?? control.getAttribute("aria-label");
-    control.disabled = readOnly && ![
+    control.disabled = control.hasAttribute("data-unavailable") || readOnly && ![
       "Find and replace",
       "Zoom",
       "Show hidden text",
@@ -13341,6 +13779,7 @@ function refreshEditorControls(toolbar, view, model, readOnly, collaboration, lo
       "Layout view",
       "Print",
       "Copy",
+      "Help",
       "Select all",
       "Show paragraph marks",
       "Zoom to 100%",
@@ -13401,8 +13840,7 @@ function refreshEditorControls(toolbar, view, model, readOnly, collaboration, lo
       if (control) control.disabled = readOnly || !enabled;
     }
   }
-  const content = state.doc.textBetween(0, state.doc.content.size, " ").trim();
-  const words = countWords(content, language || void 0);
+  const words = documentWordCount(state.doc, language || void 0);
   const pageText = printPageStatus ? formatPageStatus(locale, printPageStatus.current, printPageStatus.total) : formatPageStatus(locale, 1, 1);
   return { pageText, wordText: formatWordCount(locale, words) };
 }
@@ -15553,7 +15991,7 @@ var PageController = class {
     this.host.statusBar()?.setViewMode(mode);
     this.host.refreshControls();
   }
-  /** Re-lays out Print Layout after a model change (debounced by the layout view). */
+  /** Re-lays out Print Layout after a model change (coalesced by the layout view). */
   relayout() {
     if (this.viewMode === "print") this.host.printLayout()?.scheduleRelayout(this.host.model());
   }
@@ -16159,8 +16597,14 @@ function applyRibbonVisibility(toolbar, showToolbar, hiddenActions) {
     menu.toggleAttribute(HIDDEN, Boolean(menu.querySelector(`select[${HIDDEN}]`)));
   for (const combo of toolbar.querySelectorAll(".ribbon-combo"))
     combo.toggleAttribute(HIDDEN, Boolean(combo.querySelector(`input[${HIDDEN}]`)));
-  for (const split of toolbar.querySelectorAll(".ribbon-split"))
-    split.querySelector("[data-split-caret]")?.toggleAttribute(HIDDEN, Boolean(split.querySelector(`button[${HIDDEN}]`)));
+  for (const split2 of toolbar.querySelectorAll(".ribbon-split"))
+    split2.querySelector("[data-split-caret]")?.toggleAttribute(HIDDEN, Boolean(split2.querySelector(`button[${HIDDEN}]`)));
+  for (const split2 of toolbar.querySelectorAll(".ribbon-command-split")) {
+    const isHidden = Boolean(split2.querySelector(`button[${HIDDEN}]`));
+    split2.toggleAttribute(HIDDEN, isHidden);
+    const menu = split2.querySelector("select");
+    menu?.toggleAttribute(HIDDEN, isHidden || menu.hasAttribute(HIDDEN));
+  }
   for (const group3 of toolbar.querySelectorAll(".ribbon-group"))
     group3.toggleAttribute(HIDDEN, allHidden(group3));
   for (const panel of panelsOf(toolbar))
@@ -16305,6 +16749,7 @@ var EditorCore = class {
   viewOptions = new ViewOptions();
   dirtyState;
   pageTracker;
+  wordText = "";
   contentWidth() {
     return this.model.page.width - this.model.page.marginLeft - this.model.page.marginRight;
   }
@@ -16340,6 +16785,7 @@ var EditorCore = class {
       return;
     }
     if (remote) transaction.setMeta(REMOTE_TRANSACTION_META, true);
+    const previousDoc = view.state.doc;
     const previousParts = view.state.doc.attrs.sectionParts;
     const previousNotes = view.state.doc.attrs.noteParts;
     const previousComments = view.state.doc.attrs.commentThreads;
@@ -16360,7 +16806,7 @@ var EditorCore = class {
     ) : assignMissingParagraphIds(applied);
     view.updateState(repaired ? applied.apply(repaired) : applied);
     if (docChanged) {
-      this.model = docToModel(view.state.doc, this.model);
+      this.model = docToModel(view.state.doc, this.model, previousDoc);
       if (previousComments !== view.state.doc.attrs.commentThreads)
         this.shell.review?.commentsPanel.refresh();
       this.pages.refreshPageStyles();
@@ -16401,7 +16847,10 @@ var EditorCore = class {
       Boolean(review?.commentsOpen),
       this.canEditBody() && (!this.collab.active || Boolean(this.collab.yjs?.sharedComments))
     );
-    if (status) chrome?.refresh(status.pageText, status.wordText);
+    if (status) {
+      this.wordText = status.wordText;
+      chrome?.refresh(status.pageText, status.wordText);
+    }
     this.pages.syncControls();
     if (toolbar)
       syncHeaderFooterRibbon(
@@ -16413,6 +16862,19 @@ var EditorCore = class {
     syncPageState(this);
     chrome?.ribbonActions.setCommentsOpen(Boolean(review?.commentsOpen));
   }
+  /** Scrolling only changes page state, never formatting controls or document statistics. */
+  refreshPageStatus() {
+    const { printLayout, printEditing, chrome } = this.shell;
+    printLayout?.refreshCurrentPage();
+    printEditing?.refresh();
+    const status = printLayout?.pageStatus();
+    if (status)
+      chrome?.statusBar.setPageAndWords(
+        formatPageStatus(this.locale, status.current, status.total),
+        this.wordText
+      );
+    syncPageState(this);
+  }
 };
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/docx/styles/aliases.css?raw
@@ -16422,13 +16884,13 @@ var aliases_default = "/* Chrome aliases: the pre-token custom property names, n
 var base_default = ":host {\n	display: block;\n	box-sizing: border-box;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n	color: var(--ink);\n	font:\n		13px/1.35 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.dve-frame {\n	display: flex;\n	box-sizing: border-box;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n	min-width: 0;\n	flex-direction: column;\n	overflow: hidden;\n	border: 1px solid var(--line);\n	background: var(--surface);\n	box-shadow: 0 2px 8px #20212420;\n}\n/* Keyboard focus ring for every interactive part of the chrome. */\n:focus-visible {\n	outline: 2px solid var(--dve-ring);\n	outline-offset: 1px;\n}\n.dve-paper .ProseMirror:focus-visible {\n	outline: none;\n}\n/* Only the chrome follows the theme; document pages stay white like Word's. */\n.dve-paper,\n.dve-print-page {\n	color-scheme: light;\n}\n";
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/docx/styles/ribbon.css?raw
-var ribbon_default = ".dve-ribbon {\n	display: flex;\n	flex: none;\n	min-width: 0;\n	flex-direction: column;\n	background: var(--surface);\n	border-bottom: 1px solid var(--line);\n}\n/* The tab row is drawn by the shared office-ui-ribbon; these colour and size it. */\n.dve-ribbon {\n	--office-ribbon-tab-height: 39px;\n	--office-ribbon-contextual: #0f7b6c;\n	--office-tab-indicator-width: 3px;\n}\n/* Word's File tab is text, not a filled button. */\n.dve-ribbon::part(file) {\n	background: none;\n	color: var(--word);\n	font-weight: 600;\n}\n.dve-ribbon::part(file):hover {\n	background: var(--word-soft);\n}\n.dve-ribbon::part(head) {\n	padding: 0 14px;\n}\n.ribbon-panel {\n	flex: none;\n	box-sizing: border-box;\n	min-width: 0;\n	/* One height for every tab, as in Word, so switching tabs never moves the document. */\n	height: 104px;\n	display: flex;\n	flex-wrap: nowrap;\n	align-items: stretch;\n	gap: 4px;\n	padding: 6px 10px 4px;\n	overflow-x: auto;\n	overflow-y: hidden;\n	overscroll-behavior-x: contain;\n	scrollbar-width: thin;\n}\n.ribbon-panel[hidden] {\n	display: none;\n}\n.ribbon-group {\n	display: flex;\n	flex: 0 0 auto;\n	flex-wrap: wrap;\n	align-content: flex-start;\n	align-items: center;\n	min-width: 0;\n	max-width: 330px;\n	gap: 4px 2px;\n	padding: 2px 10px 18px 2px;\n	border-right: 1px solid var(--line);\n}\n.ribbon-row {\n	display: flex;\n	flex: 0 0 100%;\n	flex-wrap: nowrap;\n	align-items: center;\n	gap: 2px;\n}\n.ribbon-group:last-child {\n	border: 0;\n}\n.ribbon-group::after {\n	position: absolute;\n	right: 0;\n	bottom: 2px;\n	left: 0;\n	color: var(--muted);\n	font-size: 10px;\n	line-height: 1.1;\n	text-align: center;\n	content: attr(data-caption);\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Clipboard'] {\n	width: auto;\n	max-width: none;\n	flex-wrap: nowrap;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Clipboard'] button.ribbon-large {\n	width: 56px;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Font'] {\n	width: 338px;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Paragraph'] {\n	/* The list-level and indent commands need room before the Sort and paragraph-mark buttons. */\n	width: 288px;\n	max-width: none;\n}\n.ribbon-group[data-label='Paragraph'] .ribbon-small {\n	width: 24px;\n	min-width: 24px;\n}\n.ribbon-group[data-label='Paragraph'] .ribbon-menu-compact {\n	width: 36px;\n	flex: none;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Styles'] select {\n	width: 100%;\n	max-width: 100%;\n}\n.dve-ribbon[data-editor-locale='de']\n	.ribbon-panel[data-panel='Home']\n	.ribbon-group[data-label='Font'] {\n	width: 362px;\n	max-width: none;\n}\n.dve-ribbon[data-editor-locale='fr']\n	.ribbon-panel[data-panel='Home']\n	.ribbon-group[data-label='Editing'],\n.dve-ribbon[data-editor-locale='de']\n	.ribbon-panel[data-panel='Home']\n	.ribbon-group[data-label='Editing'] {\n	width: 176px;\n}\n.ribbon-group[data-label='Language'] {\n	flex: 0 0 100%;\n}\n.ribbon-panel[data-panel='Review'] .ribbon-group[data-label='Tracking'],\n.ribbon-panel[data-panel='Review'] .ribbon-group[data-label='Changes'],\n.ribbon-panel[data-panel='Review'] .ribbon-group[data-label='Comments'] {\n	flex: 0 0 auto;\n}\n.ribbon-group button {\n	min-width: 32px;\n	flex: none;\n	height: 31px;\n	border: 1px solid transparent;\n	border-radius: 4px;\n	background: transparent;\n	color: var(--ink);\n	font:\n		500 14px 'Segoe UI',\n		Arial,\n		sans-serif;\n	cursor: pointer;\n	padding: 0 4px;\n	/* A label wider than its slot ends in an ellipsis (the title tooltip has the full text). */\n	max-width: 100%;\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n}\n.ribbon-row > button,\n.ribbon-row > select {\n	flex: 0 1 auto;\n	min-width: 0;\n}\n.ribbon-row > button {\n	min-width: 32px;\n}\n.ribbon-group button:hover:not(:disabled) {\n	background: var(--accent-soft);\n	border-color: var(--line);\n}\n.ribbon-group button[aria-pressed='true'] {\n	background: var(--accent-soft);\n	color: var(--blue);\n}\n.ribbon-group .tool-bold {\n	font-weight: 800;\n}\n.ribbon-group .tool-italic {\n	font-style: italic;\n}\n.ribbon-group .tool-underline {\n	text-decoration: underline;\n}\n.ribbon-group select {\n	flex: none;\n	max-width: 150px;\n	height: 30px;\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		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n	/* Long localized labels end in an ellipsis; the full text is the title tooltip. */\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n}\n.ribbon-group select option {\n	background: var(--surface);\n	color: var(--ink);\n}\n.ribbon-group select.font-family-select {\n	width: 120px;\n}\n.ribbon-group select.font-size-select {\n	width: 52px;\n}\n.ribbon-group[data-label='Font'] .ribbon-row button {\n	min-width: 28px;\n	padding-inline: 0;\n}\n/* Split-button carets stay narrow so the pair reads as one control. */\n.ribbon-group[data-label='Font'] .ribbon-row .ribbon-split .ribbon-caret {\n	min-width: 14px;\n}\n.ribbon-group select.spacing-select {\n	width: 150px;\n}\n.ribbon-group select.line-spacing-select {\n	width: 112px;\n}\n.dve-body {\n	display: flex;\n	flex: 1;\n	min-height: 0;\n	min-width: 0;\n}\n.dve-canvas {\n	flex: 1;\n	min-height: 0;\n	min-width: 0;\n	max-height: none;\n	overflow: auto;\n	padding: 30px clamp(16px, 5vw, 70px) 60px;\n	background: var(--canvas);\n	overscroll-behavior: contain;\n}\n";
+var ribbon_default = ".dve-ribbon {\n	display: flex;\n	flex: none;\n	min-width: 0;\n	flex-direction: column;\n	background: var(--surface);\n	border-bottom: 1px solid var(--line);\n}\n/* The tab row is drawn by the shared office-ui-ribbon; these colour and size it. */\n.dve-ribbon {\n	--office-ribbon-tab-height: 39px;\n	--office-ribbon-contextual: #0f7b6c;\n	--office-tab-indicator-width: 3px;\n}\n/* Word's File tab is text, not a filled button. */\n.dve-ribbon::part(file) {\n	background: none;\n	color: var(--word);\n	font-weight: 600;\n}\n.dve-ribbon::part(file):hover {\n	background: var(--word-soft);\n}\n.dve-ribbon::part(head) {\n	padding: 0 14px;\n}\n.ribbon-panel {\n	flex: none;\n	box-sizing: border-box;\n	min-width: 0;\n	/* One height for every tab, as in Word, so switching tabs never moves the document. */\n	height: 104px;\n	display: flex;\n	flex-wrap: nowrap;\n	align-items: stretch;\n	gap: 4px;\n	padding: 6px 10px 4px;\n	overflow-x: auto;\n	overflow-y: hidden;\n	overscroll-behavior-x: contain;\n	scrollbar-width: thin;\n}\n.ribbon-panel[hidden] {\n	display: none;\n}\n.ribbon-group {\n	display: flex;\n	flex: 0 0 auto;\n	flex-wrap: wrap;\n	align-content: flex-start;\n	align-items: center;\n	min-width: 0;\n	max-width: 330px;\n	gap: 4px 2px;\n	padding: 2px 10px 18px 2px;\n	border-right: 1px solid var(--line);\n}\n.ribbon-row {\n	min-width: 0;\n	display: flex;\n	flex: 0 0 100%;\n	flex-wrap: nowrap;\n	align-items: center;\n	gap: 2px;\n}\n.ribbon-group:last-child {\n	border: 0;\n}\n.ribbon-group::after {\n	position: absolute;\n	right: 0;\n	bottom: 2px;\n	left: 0;\n	color: var(--muted);\n	font-size: 10px;\n	line-height: 1.1;\n	text-align: center;\n	content: attr(data-caption);\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Clipboard'] {\n	width: auto;\n	max-width: none;\n	flex-wrap: nowrap;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Clipboard'] button.ribbon-large {\n	width: 56px;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Font'] {\n	width: 338px;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Paragraph'] {\n	/* The list-level and indent commands need room before the Sort and paragraph-mark buttons. */\n	width: 310px;\n	max-width: none;\n}\n.ribbon-group[data-label='Paragraph'] .ribbon-small {\n	width: 24px;\n	min-width: 24px;\n}\n.ribbon-group[data-label='Paragraph'] .ribbon-menu-compact {\n	width: 36px;\n	flex: none;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Styles'] select {\n	width: 100%;\n	max-width: 100%;\n}\n.dve-ribbon[data-editor-locale='de']\n	.ribbon-panel[data-panel='Home']\n	.ribbon-group[data-label='Font'] {\n	width: 362px;\n	max-width: none;\n}\n.dve-ribbon[data-editor-locale='fr']\n	.ribbon-panel[data-panel='Home']\n	.ribbon-group[data-label='Editing'],\n.dve-ribbon[data-editor-locale='de']\n	.ribbon-panel[data-panel='Home']\n	.ribbon-group[data-label='Editing'] {\n	width: 176px;\n}\n.ribbon-group[data-label='Language'] {\n	flex: 0 0 100%;\n}\n.ribbon-panel[data-panel='Review'] .ribbon-group[data-label='Tracking'],\n.ribbon-panel[data-panel='Review'] .ribbon-group[data-label='Changes'],\n.ribbon-panel[data-panel='Review'] .ribbon-group[data-label='Comments'] {\n	flex: 0 0 auto;\n}\n.ribbon-group button {\n	min-width: 32px;\n	flex: none;\n	height: 31px;\n	border: 1px solid transparent;\n	border-radius: 4px;\n	background: transparent;\n	color: var(--ink);\n	font:\n		500 14px 'Segoe UI',\n		Arial,\n		sans-serif;\n	cursor: pointer;\n	padding: 0 4px;\n	/* A label wider than its slot ends in an ellipsis (the title tooltip has the full text). */\n	max-width: 100%;\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n}\n.ribbon-row > button,\n.ribbon-row > select {\n	flex: 0 1 auto;\n	min-width: 0;\n}\n.ribbon-row > button {\n	min-width: 32px;\n}\n.ribbon-group button:hover:not(:disabled) {\n	background: var(--accent-soft);\n	border-color: var(--line);\n}\n.ribbon-group button[aria-pressed='true'] {\n	background: var(--accent-soft);\n	color: var(--blue);\n}\n.ribbon-group .tool-bold {\n	font-weight: 800;\n}\n.ribbon-group .tool-italic {\n	font-style: italic;\n}\n.ribbon-group .tool-underline {\n	text-decoration: underline;\n}\n.ribbon-group select {\n	flex: none;\n	max-width: 150px;\n	height: 30px;\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		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n	/* Long localized labels end in an ellipsis; the full text is the title tooltip. */\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n}\n.ribbon-group select option {\n	background: var(--surface);\n	color: var(--ink);\n}\n.ribbon-group select.font-family-select {\n	width: 120px;\n}\n.ribbon-group select.font-size-select {\n	width: 52px;\n}\n.ribbon-group[data-label='Font'] .ribbon-row button {\n	min-width: 28px;\n	padding-inline: 0;\n}\n/* Split-button carets stay narrow so the pair reads as one control. */\n.ribbon-group[data-label='Font'] .ribbon-row .ribbon-split .ribbon-caret {\n	min-width: 14px;\n}\n.ribbon-group select.spacing-select {\n	width: 150px;\n}\n.ribbon-group select.line-spacing-select {\n	width: 112px;\n}\n.dve-body {\n	display: flex;\n	flex: 1;\n	min-height: 0;\n	min-width: 0;\n}\n.dve-canvas {\n	flex: 1;\n	min-height: 0;\n	min-width: 0;\n	max-height: none;\n	overflow: auto;\n	padding: 30px clamp(16px, 5vw, 70px) 60px;\n	background: var(--canvas);\n	overscroll-behavior: contain;\n}\n";
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/docx/styles/ribbon-buttons.css?raw
 var ribbon_buttons_default = "/* Word-style icon commands: small icon buttons, large stacked buttons and split colour buttons. */\n.ribbon-group button.ribbon-small {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	width: 28px;\n	min-width: 28px;\n	height: 28px;\n	padding: 0;\n}\n.ribbon-group button.ribbon-large {\n	display: flex;\n	flex-direction: column;\n	align-items: center;\n	justify-content: flex-start;\n	gap: 3px;\n	width: 62px;\n	height: 66px;\n	padding: 4px 2px;\n	font-size: 11px;\n	line-height: 1.15;\n	white-space: normal;\n	text-align: center;\n}\n.ribbon-large > span {\n	max-width: 100%;\n	overflow: hidden;\n	text-overflow: ellipsis;\n}\n.ribbon-stack {\n	display: flex;\n	flex-direction: column;\n	gap: 2px;\n}\n.ribbon-split {\n	display: inline-flex;\n	align-items: center;\n}\n.ribbon-group .ribbon-split button.ribbon-color {\n	position: relative;\n	width: 28px;\n	min-width: 28px;\n	border-radius: 4px 0 0 4px;\n}\n.ribbon-color::after {\n	position: absolute;\n	right: 6px;\n	bottom: 3px;\n	left: 6px;\n	height: 3px;\n	background: var(--bar, transparent);\n	outline: 1px solid var(--line);\n	content: '';\n}\n.ribbon-group .ribbon-split .ribbon-caret {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	width: 14px;\n	min-width: 14px;\n	height: 28px;\n	padding: 0;\n	border-radius: 0 4px 4px 0;\n}\n.ribbon-popover {\n	position: fixed;\n	z-index: 1000;\n	display: grid;\n	grid-template-columns: repeat(6, 22px);\n	gap: 4px;\n	padding: 8px;\n	border: 1px solid var(--line);\n	border-radius: 6px;\n	background: var(--surface);\n	box-shadow: 0 6px 20px rgb(0 0 0 / 0.18);\n}\n.ribbon-popover .swatch {\n	width: 22px;\n	height: 22px;\n	padding: 0;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: var(--swatch);\n	cursor: pointer;\n}\n.ribbon-popover .swatch:hover,\n.ribbon-popover .swatch:focus-visible {\n	outline: 2px solid var(--blue);\n	outline-offset: 1px;\n}\n.ribbon-popover .swatch-none {\n	background: linear-gradient(135deg, transparent 46%, #c00000 46% 54%, transparent 54%);\n}\n.ribbon-group button.ribbon-inline {\n	display: inline-flex;\n	align-items: center;\n	gap: 6px;\n	height: 28px;\n	padding: 0 8px 0 6px;\n	font-size: 12px;\n}\n.ribbon-group button.ribbon-large {\n	min-height: 66px;\n	overflow: hidden;\n}\n.ribbon-group:has(.ribbon-large) {\n	max-width: none;\n	flex-wrap: wrap;\n}\n/* A row of stacked dropdown commands (Layout > Page Setup) stays on one line at the panel height. */\n.ribbon-group:has(> .ribbon-menu:not(.ribbon-menu-compact)) {\n	max-width: none;\n	flex-wrap: nowrap;\n}\n.ribbon-group button.ribbon-inline {\n	font-weight: 400;\n}\n.ribbon-group button.ribbon-large {\n	width: 70px;\n}\n.ribbon-panel[data-panel='Table'] .ribbon-group button.ribbon-large {\n	width: 80px;\n}\n\n/* Word-style dropdown command: the native select is transparent and covers the whole control. */\n.ribbon-menu {\n	box-sizing: border-box;\n	position: relative;\n	display: flex;\n	flex-direction: column;\n	align-items: center;\n	gap: 3px;\n	width: 70px;\n	height: 66px;\n	padding: 4px 2px;\n	border: 1px solid transparent;\n	border-radius: 4px;\n	color: var(--ink);\n	font-size: 11px;\n	line-height: 1.15;\n	text-align: center;\n}\n.ribbon-menu:hover {\n	border-color: var(--line);\n	background: var(--accent-soft);\n}\n.ribbon-menu:focus-within {\n	outline: 2px solid var(--blue);\n	outline-offset: -1px;\n}\n.ribbon-menu > span {\n	max-width: 100%;\n}\n.ribbon-menu > .ribbon-icon:last-of-type {\n	margin-top: -2px;\n}\n.ribbon-menu-compact {\n	flex-direction: row;\n	width: 44px;\n	height: 28px;\n	padding: 0 4px;\n	justify-content: center;\n	gap: 2px;\n}\n.ribbon-menu-compact > .ribbon-icon:last-of-type {\n	margin-top: 0;\n}\n.ribbon-group .ribbon-menu select.ribbon-menu-input {\n	position: absolute;\n	inset: 0;\n	width: 100%;\n	max-width: none;\n	height: 100%;\n	opacity: 0;\n	cursor: pointer;\n	border: 0;\n}\n.ribbon-menu[data-dve-hidden] {\n	display: none;\n}\n.ribbon-stack .ribbon-small,\n.ribbon-stack .ribbon-inline {\n	height: 22px;\n}\n.ribbon-stack .ribbon-inline {\n	justify-content: flex-start;\n}\n.ribbon-panel[data-panel='Header & Footer'] .ribbon-stack button.ribbon-inline {\n	height: 22px;\n}\n.ribbon-panel[data-panel='Header & Footer'] button.ribbon-large {\n	width: 112px;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Editing'] {\n	width: auto;\n	min-width: 110px;\n}\n.dve-painting,\n.dve-painting * {\n	cursor: copy;\n}\n";
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/docx/styles/ribbon-gallery.css?raw
-var ribbon_gallery_default = "/* Styles gallery: a scrolling strip of tiles with a preview of each style. */\n.ribbon-gallery {\n	display: flex;\n	gap: 3px;\n	width: 216px;\n	height: 66px;\n	padding: 2px;\n	overflow-x: auto;\n	overflow-y: hidden;\n	scroll-snap-type: x proximity;\n	scrollbar-width: none;\n	border: 1px solid var(--line);\n	border-radius: 4px;\n	background: var(--surface);\n}\n.ribbon-group .ribbon-gallery .style-tile {\n	flex: 0 0 78px;\n	display: flex;\n	flex-direction: column;\n	align-items: center;\n	justify-content: space-between;\n	height: 58px;\n	min-width: 0;\n	padding: 3px 2px;\n	border: 1px solid transparent;\n	scroll-snap-align: start;\n}\n.style-sample {\n	max-width: 100%;\n	overflow: hidden;\n	line-height: 1.1;\n	white-space: nowrap;\n}\n.style-name {\n	max-width: 100%;\n	overflow: hidden;\n	color: var(--muted);\n	font-size: 10px;\n	text-overflow: ellipsis;\n}\n.ribbon-group .ribbon-gallery .style-tile[aria-pressed='true'] {\n	border-color: var(--blue);\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Styles'] {\n	width: 270px;\n	max-width: none;\n	flex-wrap: nowrap;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Styles'] .ribbon-stack {\n	gap: 2px;\n}\n\n.ribbon-group[data-label='Section breaks'] {\n	width: 210px;\n}\n.ribbon-group[data-label='Page numbers'] {\n	width: 400px;\n}\n\n/* Language: labelled controls flow in short columns instead of one tall stack. */\n.ribbon-group[data-label='Language'] {\n	flex: 0 0 auto;\n	flex-direction: column;\n	flex-wrap: wrap;\n	align-content: flex-start;\n	max-height: 86px;\n	max-width: none;\n	column-gap: 12px;\n	overflow: hidden;\n}\n";
+var ribbon_gallery_default = "/* Styles gallery: a scrolling strip of tiles with a preview of each style. */\n.ribbon-gallery {\n	display: flex;\n	gap: 3px;\n	width: 216px;\n	height: 66px;\n	padding: 2px;\n	overflow-x: auto;\n	overflow-y: hidden;\n	scroll-snap-type: x proximity;\n	scrollbar-width: none;\n	border: 1px solid var(--line);\n	border-radius: 4px;\n	background: var(--surface);\n}\n.ribbon-group .ribbon-gallery .style-tile {\n	flex: 0 0 78px;\n	display: flex;\n	flex-direction: column;\n	align-items: center;\n	justify-content: space-between;\n	height: 58px;\n	min-width: 0;\n	padding: 3px 2px;\n	border: 1px solid transparent;\n	scroll-snap-align: start;\n}\n.style-sample {\n	max-width: 100%;\n	overflow: hidden;\n	line-height: 1.1;\n	white-space: nowrap;\n}\n.style-name {\n	max-width: 100%;\n	overflow: hidden;\n	color: var(--muted);\n	font-size: 10px;\n	text-overflow: ellipsis;\n}\n.ribbon-group .ribbon-gallery .style-tile[aria-pressed='true'] {\n	border-color: var(--blue);\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Styles'] {\n	width: 240px;\n	max-width: none;\n	flex-wrap: nowrap;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Styles']:not([data-collapsed]) {\n	flex: 1 0 240px;\n	min-width: 240px;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Styles'] .ribbon-gallery {\n	flex: 1;\n	min-width: 0;\n	width: auto;\n}\n.ribbon-panel[data-panel='Home'] .ribbon-group[data-label='Styles'] .ribbon-stack {\n	gap: 2px;\n}\n\n.ribbon-group[data-label='Section breaks'] {\n	width: 210px;\n}\n.ribbon-group[data-label='Page numbers'] {\n	width: 400px;\n}\n\n/* Language: labelled controls flow in short columns instead of one tall stack. */\n.ribbon-group[data-label='Language'] {\n	flex: 0 0 auto;\n	flex-direction: column;\n	flex-wrap: wrap;\n	align-content: flex-start;\n	max-height: 86px;\n	max-width: none;\n	column-gap: 12px;\n	overflow: hidden;\n}\n";
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/docx/styles/ribbon-widgets.css?raw
 var ribbon_widgets_default = ".dve-keytip {\n	position: absolute;\n	bottom: -2px;\n	left: 50%;\n	z-index: 70;\n	transform: translateX(-50%);\n	min-width: 16px;\n	padding: 1px 4px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: #1f1f1f;\n	color: #fff;\n	font:\n		600 11px/14px 'Segoe UI',\n		Arial,\n		sans-serif;\n	text-align: center;\n	pointer-events: none;\n}\n\n.ribbon-popover.dve-word-count {\n	grid-template-columns: auto auto;\n	gap: 4px 24px;\n	padding: 10px 14px;\n	color: var(--ink);\n	font:\n		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.dve-word-count strong {\n	text-align: right;\n}\n\n.ribbon-spinner {\n	display: flex;\n	align-items: center;\n	justify-content: space-between;\n	gap: 8px;\n	width: 170px;\n	font-size: 12px;\n	white-space: nowrap;\n}\n.ribbon-panel[data-panel='Header & Footer'] .ribbon-group[data-label='Position'] {\n	max-width: none;\n}\n.ribbon-panel[data-panel='Header & Footer'] .ribbon-group[data-label='Position'] .ribbon-spinner {\n	width: auto;\n	min-width: 280px;\n}\n.ribbon-panel[data-panel='Header & Footer'] .ribbon-spinner input {\n	flex: none;\n}\n.ribbon-group .ribbon-spinner input {\n	width: 64px;\n	height: 24px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: var(--surface);\n	color: var(--ink);\n	font:\n		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n\n/* Editable combo boxes (font family and size). */\n.ribbon-combo {\n	display: inline-flex;\n	align-items: stretch;\n	height: 26px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: var(--surface);\n}\n.ribbon-combo:focus-within {\n	border-color: var(--blue);\n	outline: 1px solid var(--blue);\n}\n.ribbon-combo.font-family-combo {\n	width: 132px;\n}\n.ribbon-combo.font-size-combo {\n	width: 58px;\n}\n.ribbon-combo input {\n	flex: 1;\n	min-width: 0;\n	padding: 0 6px;\n	border: 0;\n	background: transparent;\n	color: var(--ink);\n	font:\n		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n	outline: none;\n}\n.ribbon-group .ribbon-combo .ribbon-combo-caret {\n	width: 18px;\n	min-width: 18px;\n	height: 100%;\n	border-radius: 0;\n}\n.ribbon-popover.ribbon-list {\n	display: flex;\n	flex-direction: column;\n	gap: 0;\n	min-width: 160px;\n	max-height: 280px;\n	overflow-y: auto;\n	padding: 4px 0;\n}\n.ribbon-list button[role='option'] {\n	padding: 4px 12px;\n	border: 0;\n	background: none;\n	color: var(--ink);\n	font:\n		14px 'Segoe UI',\n		Arial,\n		sans-serif;\n	text-align: left;\n	cursor: pointer;\n}\n.ribbon-list button[role='option']:hover,\n.ribbon-list button[role='option']:focus-visible {\n	background: var(--accent-soft);\n	outline: none;\n}\n.ribbon-list button[aria-selected='true'] {\n	color: var(--blue);\n	font-weight: 600;\n}\n\n.ribbon-combo[data-dve-hidden] {\n	display: none;\n}\n\n/* Tiles preview a style on paper, so a style's own colours stay legible in dark themes too. */\n.ribbon-group .ribbon-gallery .style-tile {\n	background: #fff;\n	color: #1f1f1f;\n}\n.ribbon-group .ribbon-gallery .style-tile:hover:not(:disabled) {\n	background: #f3f7fc;\n	border-color: #a8c4e6;\n}\n.ribbon-group .ribbon-gallery .style-tile[aria-pressed='true'] {\n	border-color: var(--blue);\n	background: #e8f0fa;\n}\n.ribbon-gallery .style-name {\n	color: #555;\n}\n.ribbon-group .ribbon-gallery .style-tile:disabled {\n	opacity: 0.6;\n}\n\n/* Disabled controls look disabled, and keyboard focus is always visible. */\n.ribbon-group button:disabled,\n.ribbon-group select:disabled,\n.ribbon-group input:disabled {\n	opacity: 0.4;\n	cursor: default;\n}\n.ribbon-menu:has(select:disabled),\n.ribbon-combo:has(input:disabled),\n.ribbon-spinner:has(input:disabled),\n.ribbon-split:has(button:disabled) {\n	opacity: 0.4;\n}\n.ribbon-menu:has(select:disabled):hover {\n	border-color: transparent;\n	background: none;\n}\n.ribbon-group button:focus-visible {\n	outline: 2px solid var(--blue);\n	outline-offset: -2px;\n}\n.ribbon-menu:has(select:disabled) select,\n.ribbon-split:has(button:disabled) button:disabled {\n	opacity: 1;\n}\n\n/* Dialog launcher: the small corner button of a group, as in Word. */\n.ribbon-group {\n	position: relative;\n}\n.ribbon-group .ribbon-launcher {\n	position: absolute;\n	right: 2px;\n	bottom: 0;\n	z-index: 1;\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	width: 14px;\n	min-width: 14px;\n	height: 14px;\n	padding: 0;\n	color: var(--muted);\n}\n.ribbon-group .ribbon-launcher:hover:not(:disabled) {\n	color: var(--ink);\n}\n";
@@ -16442,9 +16904,35 @@ var ribbon_popups_default = "/* Editing: a row-height command with a caret menu,
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/docx/styles/ribbon-polish.css?raw
 var ribbon_polish_default = "/* Ribbon polish: distinct pressed state and Word's accent hues on command icons. Loaded last. */\n:host {\n	--ribbon-accent-blue: #2b7cd3;\n	--ribbon-accent-green: #2f9e5f;\n	--ribbon-accent-red: #d13438;\n	--ribbon-accent-orange: #d9822b;\n}\n@media (prefers-color-scheme: dark) {\n	:host(:not([theme='light'])) {\n		--ribbon-accent-blue: #5ea5f0;\n		--ribbon-accent-green: #5cc98a;\n		--ribbon-accent-red: #f07a7d;\n		--ribbon-accent-orange: #f0a35e;\n	}\n}\n:host([theme='dark']) {\n	--ribbon-accent-blue: #5ea5f0;\n	--ribbon-accent-green: #5cc98a;\n	--ribbon-accent-red: #f07a7d;\n	--ribbon-accent-orange: #f0a35e;\n}\n\n/* Pressed reads darker than hover, and pressing a control gives immediate feedback. */\n.ribbon-group button[aria-pressed='true'] {\n	border-color: color-mix(in srgb, var(--blue) 45%, transparent);\n	background: color-mix(in srgb, var(--blue) 20%, transparent);\n}\n.ribbon-group button[aria-pressed='true']:hover:not(:disabled) {\n	background: color-mix(in srgb, var(--blue) 30%, transparent);\n}\n.ribbon-group button:active:not(:disabled),\n.ribbon-menu:active:not(:has(select:disabled)) {\n	background: color-mix(in srgb, var(--blue) 28%, transparent);\n}\n\n/* Accent hues (buttons only; a disabled control keeps its 0.4 opacity). */\n.ribbon-icon[data-icon='table'],\n.ribbon-icon[data-icon='find'],\n.ribbon-icon[data-icon='replace'],\n.ribbon-icon[data-icon='link'],\n.ribbon-icon[data-icon='crossReference'],\n.ribbon-icon[data-icon='toc'],\n.ribbon-icon[data-icon='updateTable'],\n.ribbon-icon[data-icon='header'],\n.ribbon-icon[data-icon='footer'],\n.ribbon-icon[data-icon='pageNumber'],\n.ribbon-icon[data-icon='pageNumberIcon'],\n.ribbon-icon[data-icon='margins'],\n.ribbon-icon[data-icon='orientation'],\n.ribbon-icon[data-icon='pageSize'],\n.ribbon-icon[data-icon='columns'],\n.ribbon-icon[data-icon='select'],\n.ribbon-icon[data-icon='paste'],\n.ribbon-icon[data-icon='borders'],\n.ribbon-icon[data-icon='rowAbove'],\n.ribbon-icon[data-icon='rowBelow'],\n.ribbon-icon[data-icon='columnLeft'],\n.ribbon-icon[data-icon='columnRight'] {\n	color: var(--ribbon-accent-blue);\n}\n.ribbon-icon[data-icon='picture'],\n.ribbon-icon[data-icon='formatPicture'],\n.ribbon-icon[data-icon='formatPainter'],\n.ribbon-icon[data-icon='accept'],\n.ribbon-icon[data-icon='acceptAll'],\n.ribbon-icon[data-icon='spelling'],\n.ribbon-icon[data-icon='readAloud'] {\n	color: var(--ribbon-accent-green);\n}\n.ribbon-icon[data-icon='reject'],\n.ribbon-icon[data-icon='rejectAll'],\n.ribbon-icon[data-icon='deleteRow'],\n.ribbon-icon[data-icon='deleteColumn'],\n.ribbon-icon[data-icon='deleteTable'],\n.ribbon-icon[data-icon='deleteComment'],\n.ribbon-icon[data-icon='clear'] {\n	color: var(--ribbon-accent-red);\n}\n.ribbon-icon[data-icon='comment'],\n.ribbon-icon[data-icon='comments'],\n.ribbon-icon[data-icon='bookmark'],\n.ribbon-icon[data-icon='caption'],\n.ribbon-icon[data-icon='footnote'],\n.ribbon-icon[data-icon='endnote'],\n.ribbon-icon[data-icon='coverPage'] {\n	color: var(--ribbon-accent-orange);\n}\n\n/* Icons never shrink to make room for a two-line caption, so every large icon is the same size. */\n.ribbon-menu > .ribbon-icon,\n.ribbon-large > .ribbon-icon {\n	flex: none;\n}\n\n/* A two-line caption plus the caret must still fit the dropdown command's box. */\n.ribbon-menu:not(.ribbon-menu-compact):not(.ribbon-menu-caret) {\n	gap: 1px;\n	height: 72px;\n	line-height: 1.1;\n}\n.ribbon-menu:not(.ribbon-menu-compact):not(.ribbon-menu-caret) > .ribbon-icon:last-of-type {\n	margin-top: -3px;\n}\n";
 
+// raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/docx/styles/ribbon-home-menus.css?raw
+var ribbon_home_menus_default = ".ribbon-command-split {\n	flex: none;\n	height: 28px;\n}\n.ribbon-command-split .ribbon-menu.ribbon-menu-caret {\n	width: 14px;\n	height: 28px;\n}\n.ribbon-command-split-large {\n	flex-direction: column;\n	height: 74px;\n}\n.ribbon-group .ribbon-command-split-large .ribbon-large {\n	height: 56px;\n	min-height: 56px;\n}\n.ribbon-command-split-large .ribbon-menu.ribbon-menu-caret {\n	width: 100%;\n	height: 18px;\n}\n.ribbon-command-split[data-dve-hidden] {\n	display: none;\n}\n";
+
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/docx/styles/document.css?raw
 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/underline.css?raw
+var underline_default = `/* Styled runs paint their own underline. Do not superimpose the semantic mark's single line. */
+.ProseMirror u:has([data-run-props*='"underlineStyle"']) {
+	text-decoration-line: none;
+}
+.ProseMirror [data-run-props*='"underlineStyle":"double"'] {
+	--dve-underline-style: double;
+}
+.ProseMirror [data-run-props*='"underlineStyle":"dotted"'] {
+	--dve-underline-style: dotted;
+}
+.ProseMirror [data-run-props*='"underlineStyle":"dash"'] {
+	--dve-underline-style: dashed;
+}
+.ProseMirror [data-run-props*='"underlineStyle":"wave"'] {
+	--dve-underline-style: wavy;
+}
+/* Inherited decorations sit inside direct run properties, including ranges sharing one u mark. */
+.ProseMirror [data-run-props*='"underlineStyle"'] span[style*='text-decoration-line'] {
+	text-decoration-style: var(--dve-underline-style, solid);
+}
+`;
+
 // 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-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";
 
@@ -16488,7 +16976,9 @@ var editorStyleText = [
   ribbon_styles_group_default,
   ribbon_popups_default,
   ribbon_polish_default,
+  ribbon_home_menus_default,
   document_default,
+  underline_default,
   print_default,
   chrome_titlebar_default,
   backstage_default,
@@ -16976,6 +17466,58 @@ function renderTable(box2, columnWidthPx, renderParagraph) {
   return table;
 }
 
+// src/docx/print-page-window.ts
+var PrintPageWindow = class {
+  constructor(root, virtual) {
+    this.root = root;
+    this.virtual = virtual;
+  }
+  root;
+  virtual;
+  pages = [];
+  mounted = /* @__PURE__ */ new Map();
+  revision = 0;
+  add(sheet, draw) {
+    this.pages.push({ sheet, draw });
+    this.root.append(sheet);
+  }
+  mount(index) {
+    if (this.mounted.has(index)) return;
+    const page2 = this.pages[index];
+    if (!page2) return;
+    this.mounted.set(index, page2.draw());
+    this.changed();
+  }
+  unmount(index) {
+    this.mounted.get(index)?.();
+    this.mounted.delete(index);
+    this.pages[index]?.sheet.replaceChildren();
+    this.changed();
+  }
+  changed() {
+    this.root.dataset.renderVersion = String(++this.revision);
+  }
+  show(center, pinned) {
+    if (!this.virtual) return this.all();
+    const first = Math.max(0, center - 2);
+    const last = Math.min(this.pages.length - 1, center + 2);
+    for (const index of this.mounted.keys())
+      if ((index < first || index > last) && index !== pinned) this.unmount(index);
+    for (let index = first; index <= last; index++) this.mount(index);
+    if (pinned !== void 0) this.mount(pinned);
+  }
+  all() {
+    for (let index = 0; index < this.pages.length; index++) this.mount(index);
+  }
+  snapshot(index) {
+    const existed = this.mounted.has(index);
+    this.mount(index);
+    const clone = this.pages[index]?.sheet.cloneNode(true);
+    if (!existed) this.unmount(index);
+    return clone;
+  }
+};
+
 // src/docx/print-line-numbers.ts
 function lineNumberLabels(page2, settings, counter3, suppressed) {
   const newSection = counter3.section !== page2.sectionIndex;
@@ -17348,7 +17890,8 @@ function footnoteArea(page2, hitboxes, pictureUrl) {
 function renderPrintLayout(result, pictureUrl, options = {}) {
   const container = document.createElement("div");
   container.className = "dve-print-pages";
-  const hitboxes = [];
+  const hits = /* @__PURE__ */ new Map();
+  const window2 = new PrintPageWindow(container, options.virtual ?? false);
   const counter3 = { next: 1, section: -1 };
   result.pages.forEach((page2, pageIndex) => {
     const sheet = document.createElement("div");
@@ -17356,33 +17899,7 @@ function renderPrintLayout(result, pictureUrl, options = {}) {
     sheet.dataset.pageIndex = String(pageIndex);
     sheet.style.width = `${page2.widthPx}px`;
     sheet.style.height = `${page2.heightPx}px`;
-    const borders = options.pageBorders?.[page2.sectionIndex];
-    const borderBox = borders ? pageBorderBox(page2, borders) : null;
-    if (borderBox) sheet.append(borderBox);
-    for (const column of page2.columns) {
-      const previous = page2.columns[page2.columns.indexOf(column) - 1];
-      if ((column.separator ?? page2.columnSeparator) && previous && (previous.sectionIndex ?? page2.sectionIndex) === (column.sectionIndex ?? page2.sectionIndex)) {
-        const rule = document.createElement("div");
-        rule.className = "dve-print-column-rule";
-        Object.assign(rule.style, {
-          position: "absolute",
-          left: `${page2.marginLeftPx + (previous.xPx + previous.widthPx + column.xPx) / 2}px`,
-          top: `${page2.marginTopPx + (column.startYPx ?? 0)}px`,
-          height: `${(column.endYPx ?? page2.heightPx - page2.marginTopPx - page2.marginBottomPx) - (column.startYPx ?? 0)}px`,
-          borderLeft: "1px solid currentColor"
-        });
-        sheet.append(rule);
-      }
-      const columnEl = document.createElement("div");
-      columnEl.className = "dve-print-column";
-      columnEl.style.top = `${page2.marginTopPx}px`;
-      columnEl.style.left = `${page2.marginLeftPx + column.xPx}px`;
-      columnEl.style.width = `${column.widthPx}px`;
-      columnEl.style.height = `${page2.heightPx - page2.marginTopPx - page2.marginBottomPx}px`;
-      for (const block of column.blocks)
-        columnEl.append(renderBlock(block, hitboxes, pictureUrl, column.widthPx));
-      sheet.append(columnEl);
-    }
+    const labels3 = [];
     const bands = /* @__PURE__ */ new Map();
     for (const column of page2.columns) {
       const index = column.sectionIndex ?? page2.sectionIndex;
@@ -17393,7 +17910,7 @@ function renderPrintLayout(result, pictureUrl, options = {}) {
     for (const [sectionIndex, columns] of bands) {
       const numbering = options.lineNumbers?.[sectionIndex];
       if (numbering)
-        sheet.append(
+        labels3.push(
           ...lineNumberLabels(
             { ...page2, sectionIndex, columns },
             numbering,
@@ -17402,22 +17919,62 @@ function renderPrintLayout(result, pictureUrl, options = {}) {
           )
         );
     }
-    if (page2.footnotes?.length) sheet.append(footnoteArea(page2, hitboxes, pictureUrl));
-    for (const float of page2.floats ?? []) {
-      const picture = pictureElement(float, pictureUrl);
-      picture.classList.add("dve-print-float");
-      if (float.behindText) picture.classList.add("dve-print-float-behind");
-      picture.style.left = `${float.xPx}px`;
-      picture.style.top = `${float.yPx}px`;
-      sheet.append(picture);
-    }
-    container.append(sheet);
+    window2.add(sheet, () => {
+      const hitboxes = [];
+      const borders = options.pageBorders?.[page2.sectionIndex];
+      const borderBox = borders ? pageBorderBox(page2, borders) : null;
+      if (borderBox) sheet.append(borderBox);
+      for (const column of page2.columns) {
+        const previous = page2.columns[page2.columns.indexOf(column) - 1];
+        if ((column.separator ?? page2.columnSeparator) && previous && (previous.sectionIndex ?? page2.sectionIndex) === (column.sectionIndex ?? page2.sectionIndex)) {
+          const rule = document.createElement("div");
+          rule.className = "dve-print-column-rule";
+          Object.assign(rule.style, {
+            position: "absolute",
+            left: `${page2.marginLeftPx + (previous.xPx + previous.widthPx + column.xPx) / 2}px`,
+            top: `${page2.marginTopPx + (column.startYPx ?? 0)}px`,
+            height: `${(column.endYPx ?? page2.heightPx - page2.marginTopPx - page2.marginBottomPx) - (column.startYPx ?? 0)}px`,
+            borderLeft: "1px solid currentColor"
+          });
+          sheet.append(rule);
+        }
+        const columnEl = document.createElement("div");
+        columnEl.className = "dve-print-column";
+        columnEl.style.top = `${page2.marginTopPx}px`;
+        columnEl.style.left = `${page2.marginLeftPx + column.xPx}px`;
+        columnEl.style.width = `${column.widthPx}px`;
+        columnEl.style.height = `${page2.heightPx - page2.marginTopPx - page2.marginBottomPx}px`;
+        for (const block of column.blocks)
+          columnEl.append(renderBlock(block, hitboxes, pictureUrl, column.widthPx));
+        sheet.append(columnEl);
+      }
+      if (page2.footnotes?.length) sheet.append(footnoteArea(page2, hitboxes, pictureUrl));
+      for (const float of page2.floats ?? []) {
+        const picture = pictureElement(float, pictureUrl);
+        picture.classList.add("dve-print-float");
+        if (float.behindText) picture.classList.add("dve-print-float-behind");
+        picture.style.left = `${float.xPx}px`;
+        picture.style.top = `${float.yPx}px`;
+        sheet.append(picture);
+      }
+      sheet.append(...labels3);
+      options.onPageRender?.(sheet, pageIndex);
+      for (const hit of hitboxes) hits.set(hit.element, hit);
+      return () => {
+        for (const hit of hitboxes) hits.delete(hit.element);
+      };
+    });
   });
+  window2.show(0);
   return {
     element: container,
     pageCount: result.pages.length,
+    showPages: (center, pinned) => window2.show(center, pinned),
+    renderAll: () => window2.all(),
+    pageSnapshot: (index) => window2.snapshot(index),
     resolveClick(target, clientX) {
-      const hit = hitboxes.find((box2) => box2.element === target || box2.element.contains(target));
+      const line = target.closest(".dve-print-line");
+      const hit = line ? hits.get(line) : void 0;
       if (!hit) return null;
       const precise = resolveFragmentClick(hit.fragments, clientX);
       if (precise !== void 0) return { blockId: hit.blockId, offset: precise };
@@ -17430,15 +17987,50 @@ function renderPrintLayout(result, pictureUrl, options = {}) {
   };
 }
 
+// src/docx/print-block-pages.ts
+function printBlockPages(result) {
+  const ranges = /* @__PURE__ */ new Map();
+  function visit(block, page2) {
+    if (block.kind === "table") {
+      for (const row3 of block.rows)
+        for (const cell of row3.cells) for (const paragraph2 of cell) visit(paragraph2, page2);
+      return;
+    }
+    const first = block.lines[0];
+    const last = block.lines.at(-1);
+    if (!first || !last) return;
+    const list = ranges.get(block.blockId) ?? [];
+    list.push({ page: page2, from: first.sourceStart, to: last.sourceEnd });
+    ranges.set(block.blockId, list);
+  }
+  result.pages.forEach((page2, index) => {
+    for (const column of page2.columns) for (const block of column.blocks) visit(block, index);
+  });
+  return (id, offset) => {
+    const list = ranges.get(id);
+    for (let index = (list?.length ?? 0) - 1; index >= 0; index--) {
+      const range = list[index];
+      if (offset >= range.from && offset <= range.to) return range.page;
+    }
+    return void 0;
+  };
+}
+
 // src/docx/print-layout-view.ts
-var RELAYOUT_DEBOUNCE_MS = 150;
+var RELAYOUT_DELAY_MS = 32;
 function createPrintLayoutController(scrollContainer, onRequestCursor, pictureUrl, onLayout, getReviewMode = () => "all", isEditing = () => false) {
-  let measurer = createCanvasMeasurer();
+  let session = createLayoutSession(createCanvasMeasurer());
   let lastModel = null;
   const fonts = typeof document === "undefined" ? void 0 : document.fonts;
   const onFontsLoaded = () => {
-    measurer = createCanvasMeasurer();
-    if (lastModel && !element.hidden) relayout(lastModel);
+    session = createLayoutSession(createCanvasMeasurer());
+    const model = pendingModel ?? lastModel;
+    if (model && !element.hidden) {
+      if (timer) clearTimeout(timer);
+      timer = void 0;
+      pendingModel = null;
+      relayout(model);
+    }
   };
   fonts?.addEventListener?.("loadingdone", onFontsLoaded);
   const element = document.createElement("div");
@@ -17449,13 +18041,25 @@ function createPrintLayoutController(scrollContainer, onRequestCursor, pictureUr
   let currentPage = 1;
   let version = 0;
   let timer;
+  let pendingModel = null;
   let projectionWarnings = [];
+  let pageSheets = [];
+  let pageForBlock;
+  let pinnedPage;
+  const beforePrint = () => {
+    if (element.isConnected && !element.hidden) handle?.renderAll();
+  };
+  const afterPrint = () => {
+    if (element.isConnected && !element.hidden) handle?.showPages(currentPage - 1, pinnedPage);
+  };
+  window.addEventListener("beforeprint", beforePrint);
+  window.addEventListener("afterprint", afterPrint);
   function relayout(model) {
     lastModel = model;
     const mode = getReviewMode();
     const projected = reviewDocumentFormatting(model, mode);
     model = projected.model;
-    result = layoutDocumentModel(model, measurer, { reviewDisplayMode: mode });
+    result = session.layoutDocumentModel(model, { reviewDisplayMode: mode });
     projectionWarnings = reviewFormattingWarnings(projected.diagnostics);
     if (mode !== "all" && listRevisions(model).some(
       (revision) => revision.runIndex === void 0 && revision.kind !== "paragraphChange"
@@ -17464,7 +18068,16 @@ function createPrintLayoutController(scrollContainer, onRequestCursor, pictureUr
         "Print Layout retains revised paragraph marks; merging them for review display is not yet supported."
       );
     result.approximations = [.../* @__PURE__ */ new Set([...result.approximations, ...projectionWarnings])];
+    const pages = result.pages;
+    pageForBlock = printBlockPages(result);
+    pinnedPage = void 0;
     handle = renderPrintLayout(result, pictureUrl, {
+      virtual: pages.length > 10,
+      onPageRender(sheet, index) {
+        const sheets = [];
+        sheets[index] = sheet;
+        decoratePages(model, pages, sheets, /* @__PURE__ */ new Date(), pictureUrl, mode);
+      },
       lineNumbers: (model.sections ?? []).map((section3) => section3.lineNumberSettings),
       pageBorders: (model.sections ?? []).map((section3) => section3.pageBorders),
       suppressedLineNumberParagraphs: new Set(
@@ -17475,15 +18088,8 @@ function createPrintLayoutController(scrollContainer, onRequestCursor, pictureUr
     });
     if (model.pageColor)
       handle.element.style.setProperty("--dve-page-color", `#${model.pageColor}`);
-    decoratePages(
-      model,
-      result.pages,
-      [...handle.element.querySelectorAll(".dve-print-page")],
-      /* @__PURE__ */ new Date(),
-      pictureUrl,
-      mode
-    );
     element.replaceChildren(handle.element);
+    pageSheets = [...handle.element.querySelectorAll(".dve-print-page")];
     version++;
     refreshCurrentPage();
     onLayout?.();
@@ -17495,43 +18101,61 @@ function createPrintLayoutController(scrollContainer, onRequestCursor, pictureUr
   }
   element.addEventListener("click", onClick);
   function refreshCurrentPage() {
-    const pages = element.querySelectorAll(".dve-print-page");
+    const pages = pageSheets;
     if (!pages.length) {
       currentPage = 1;
       return;
     }
     const anchor = scrollContainer.getBoundingClientRect().top + scrollContainer.clientHeight / 3;
-    let closest = 0;
-    let closestDistance = Number.POSITIVE_INFINITY;
-    pages.forEach((page2, index) => {
-      const distance = Math.abs(page2.getBoundingClientRect().top - anchor);
-      if (distance < closestDistance) {
-        closestDistance = distance;
-        closest = index;
-      }
-    });
-    currentPage = closest + 1;
+    let low = 0;
+    let high = pages.length;
+    while (low < high) {
+      const mid = low + high >>> 1;
+      if (pages[mid].getBoundingClientRect().top < anchor) low = mid + 1;
+      else high = mid;
+    }
+    const after = Math.min(low, pages.length - 1);
+    const before = Math.max(0, after - 1);
+    currentPage = (Math.abs(pages[before].getBoundingClientRect().top - anchor) <= Math.abs(pages[after].getBoundingClientRect().top - anchor) ? before : after) + 1;
+    handle?.showPages(currentPage - 1, pinnedPage);
   }
   return {
     element,
     resolveClick: (target, clientX) => handle?.resolveClick(target, clientX) ?? null,
     setActive(active) {
       element.hidden = !active;
+      if (!active) {
+        if (timer) clearTimeout(timer);
+        timer = void 0;
+        pendingModel = null;
+      }
     },
     scheduleRelayout(model) {
-      if (timer) clearTimeout(timer);
-      timer = setTimeout(() => relayout(model), RELAYOUT_DEBOUNCE_MS);
+      pendingModel = model;
+      if (timer !== void 0) return;
+      timer = setTimeout(() => {
+        timer = void 0;
+        const latest = pendingModel;
+        pendingModel = null;
+        if (latest) relayout(latest);
+      }, RELAYOUT_DELAY_MS);
     },
     refreshCurrentPage,
     pageStatus() {
       return result ? { current: currentPage, total: result.pages.length } : null;
     },
-    pageElements: () => [...element.querySelectorAll(".dve-print-page")],
+    pageElements: () => [...pageSheets],
+    pageSnapshot: (index) => handle?.pageSnapshot(index),
+    ensureBlock(id, offset) {
+      pinnedPage = pageForBlock?.(id, offset);
+      handle?.showPages(currentPage - 1, pinnedPage);
+    },
     layoutVersion: () => version,
     scrollToPage(page2) {
-      const target = element.querySelectorAll(".dve-print-page")[page2 - 1];
+      const target = pageSheets[page2 - 1];
       if (!target) return;
       currentPage = page2;
+      handle?.showPages(page2 - 1, pinnedPage);
       target.scrollIntoView?.({ block: "start" });
     },
     approximations() {
@@ -17539,15 +18163,25 @@ function createPrintLayoutController(scrollContainer, onRequestCursor, pictureUr
     },
     print(model, note) {
       if (timer) clearTimeout(timer);
+      timer = void 0;
+      pendingModel = null;
       relayout(model);
       for (const warning of projectionWarnings) note(warning);
-      printLayoutResult(result, note);
+      handle?.renderAll();
+      try {
+        printLayoutResult(result, note);
+      } finally {
+        handle?.showPages(currentPage - 1, pinnedPage);
+      }
     },
     destroy() {
       if (timer) clearTimeout(timer);
       element.removeEventListener("click", onClick);
       fonts?.removeEventListener?.("loadingdone", onFontsLoaded);
+      window.removeEventListener("beforeprint", beforePrint);
+      window.removeEventListener("afterprint", afterPrint);
       lastModel = null;
+      pendingModel = null;
     }
   };
 }
@@ -17745,6 +18379,7 @@ var PrintEditingIndex = class {
   pages;
   doc;
   root;
+  renderVersion;
   paragraphs = [];
   positions = /* @__PURE__ */ new Map();
   byBlock = /* @__PURE__ */ new Map();
@@ -17771,12 +18406,15 @@ var PrintEditingIndex = class {
       });
     }
     const root = this.pages.firstElementChild;
-    if (!documentChanged && root === this.root) return;
-    if (root !== this.root)
+    const renderVersion = root?.dataset.renderVersion;
+    const renderChanged = root !== this.root || renderVersion !== this.renderVersion;
+    if (!documentChanged && !renderChanged) return;
+    if (renderChanged)
       this.renderedLines = [
         ...this.pages.querySelectorAll(".dve-print-line[data-block-id]")
       ];
     this.root = root;
+    this.renderVersion = renderVersion;
     this.byBlock.clear();
     this.pageLines.clear();
     this.linePositions.clear();
@@ -17866,7 +18504,7 @@ var PrintEditingIndex = class {
     this.linePositions.clear();
   }
 };
-function createPrintEditingBridge(pages, paper, getView, resolveHit, scrollContainer = pages.parentElement ?? pages) {
+function createPrintEditingBridge(pages, paper, getView, resolveHit, scrollContainer = pages.parentElement ?? pages, ensureBlock) {
   let active = false;
   let destroyed = false;
   const listeners = new AbortController();
@@ -17914,6 +18552,9 @@ function createPrintEditingBridge(pages, paper, getView, resolveHit, scrollConta
       view.dom.dataset.printTabstop = "true";
     }
     const { from: from2, to, head, empty } = view.state.selection;
+    const { $head } = view.state.selection;
+    if ($head.parent.type.name === "paragraph")
+      ensureBlock?.(String($head.parent.attrs.id), $head.parentOffset);
     let caret;
     index.update(view.state.doc);
     for (const { id, start, end } of index.between(from2, to)) {
@@ -19401,12 +20042,12 @@ async function clipboardReadAllowed() {
     return true;
   }
 }
-async function pasteClipboard(view) {
+async function pasteClipboard(view, plainText2 = false) {
   if (!view.editable) return false;
   try {
     if (navigator.clipboard.read) {
       const items = await navigator.clipboard.read();
-      for (const item of items) {
+      for (const item of plainText2 ? [] : items) {
         if (!item.types.includes("text/html")) continue;
         const html = await (await item.getType("text/html")).text();
         if (!view.editable || view.isDestroyed) return false;
@@ -19847,17 +20488,28 @@ function withHeaderFooterDistance(model, index, kind, inches3) {
 }
 function routeRibbonAction(core, action) {
   const { inserts, pages, parts, shell } = core;
+  if (action.type === "help") {
+    core.element.ownerDocument.defaultView?.open(
+      "https://christophervr.github.io/ooxml/docx/",
+      "_blank",
+      "noopener,noreferrer"
+    );
+    return;
+  }
   if (inserts.handle(action)) return;
   const target = core.targetView();
   if (action.type === "history" && parts.usesBodyHistory()) {
     parts.runHistory(action.key);
   } else if (action.type === "clipboard") {
     if (!target || action.key !== "copy" && !target.editable) return;
-    const done = action.key === "paste" ? pasteClipboard(target) : copyOrCut(target, action.key);
+    const done = action.key === "paste" ? pasteClipboard(target, action.plainText) : copyOrCut(target, action.key);
     void done.then((ok) => {
       if (!ok)
         emit(core.element, "document-warning", translate(core.locale, "menu.clipboardDenied"));
     });
+  } else if (action.type === "underline" && target?.editable && !core.readOnly) {
+    applyFontFormat(target, { underline: action.value });
+    focusView(target);
   } else if (action.type === "search") shell.searchPanel?.open(action.focus);
   else if (action.type === "selectAll" && target) {
     selectAll(target.state, target.dispatch);
@@ -20136,7 +20788,7 @@ var PageNavigator = class {
   }
   draw({ sheet, source, scale }) {
     if (sheet.firstChild) return;
-    const clone = source.cloneNode(true);
+    const clone = this.host.pageSnapshot?.(Number(source.dataset.pageIndex)) ?? source.cloneNode(true);
     clone.removeAttribute("id");
     for (const node of clone.querySelectorAll("[id]")) node.removeAttribute("id");
     clone.inert = true;
@@ -20769,7 +21421,7 @@ function createChrome(core, api) {
     ribbon: () => shell.toolbar,
     wordCount: () => {
       const doc = core.view?.state.doc;
-      return doc ? countWords(doc.textBetween(0, doc.content.size, " ").trim(), element.lang || void 0) : 0;
+      return doc ? documentWordCount(doc, element.lang || void 0) : 0;
     },
     locale: () => core.locale,
     readOnly: () => core.readOnly,
@@ -20854,15 +21506,23 @@ function buildShell(core, api) {
     () => core.pages.viewMode === "print"
   );
   canvas.append(printLayout.element);
-  canvas.addEventListener("scroll", () => {
-    if (core.pages.viewMode === "print") {
-      printLayout.refreshCurrentPage();
-      core.refreshControls();
-    }
-  });
+  let scrollFrame;
+  canvas.addEventListener(
+    "scroll",
+    () => {
+      if (core.pages.viewMode !== "print" || scrollFrame !== void 0) return;
+      scrollFrame = requestAnimationFrame(() => {
+        scrollFrame = void 0;
+        if (!element.isConnected || core.pages.viewMode !== "print") return;
+        core.refreshPageStatus();
+      });
+    },
+    { passive: true }
+  );
   shell.printLayout = printLayout;
   shell.navigator = new PageNavigator({
     pages: () => printLayout.pageElements(),
+    pageSnapshot: (index) => printLayout.pageSnapshot(index),
     version: () => printLayout.layoutVersion(),
     goTo: (page2) => {
       printLayout.scrollToPage(page2);
@@ -20950,7 +21610,8 @@ function attachPrintEditing(core) {
     shell.paper,
     () => core.view,
     shell.printLayout.resolveClick,
-    shell.canvas
+    shell.canvas,
+    (id, offset) => shell.printLayout?.ensureBlock(id, offset)
   );
   shell.printEditing.setActive(core.pages.viewMode === "print");
 }