oasis-editor 0.0.106 → 0.0.107

package/dist/{OasisEditorApp-CwVZxG1m.js → OasisEditorApp-BFNqDc07.js}

@@ -1,7 +1,458 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { v as visitRun, a as assertNever, c as createSignal, b as createEditorStateFromDocument, d as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, f as fontSizePxToPt, p as probeLocalFontFamilies, e as createEditorParagraphFromRuns, i as isInlineObjectRun, g as createEditorStyledRun, h as getParagraphLength, j as getParagraphText, k as getActiveZone, l as getDocumentSections, m as getActiveSectionIndex, n as getParagraphs, o as normalizeSelection, q as positionToParagraphOffset, r as paragraphOffsetToPosition, s as clampPosition, t as findParagraphIndex, u as createCollapsedSelection, w as isSelectionCollapsed, x as parseFontSizePtToPx, y as formatFontSizePt, z as createEditorParagraph, A as getBlockParagraphs, B as findParagraphTableLocation, C as buildTableCellLayout, P as PT_PER_PX, D as createEditorTableCell, E as createEditorTableRow, F as createEditorTable, G as underlineStyleToCssDecorationStyle, H as resolveImageSrc, I as listKindForTag, J as isParagraphTag, K as collectInlineRuns, L as parseParagraphStyle, M as getRunImage, N as InlineShell, O as BalloonShell, Q as DocumentShell, R as createMemo, T as buildCanvasLayoutSnapshot, U as getCaretRectFromSnapshot, V as getParagraphRectFromSnapshot, W as createComponent, X as CaretOverlay, Y as Show, Z as createRenderEffect, _ as style, $ as setAttribute, a0 as setStyleProperty, a1 as memo, a2 as template, a3 as useI18n, a4 as createEffect, a5 as insert, a6 as use, a7 as addEventListener, a8 as Dialog, a9 as delegateEvents, aa as className, ab as For, ac as UNDERLINE_STYLE_OPTIONS, ad as Tabs, ae as onMount, af as onCleanup, ag as PluginUiHost, ah as OasisEditorEditor, ai as OasisBrandMark, aj as setPreciseFontPreference, ak as setWelcomeSeen, al as enablePreciseFontMode, am as TWIPS_PER_POINT, an as PX_PER_INCH, ao as TWIPS_PER_INCH, ap as resolveEffectiveParagraphStyle, aq as resolveEffectiveTextStyleForParagraph, ar as EMU_PER_PX, as as EMU_PER_PT, at as getRunFootnoteReference, au as getRunEndnoteReference, av as iterateFootnoteReferenceRuns, aw as iterateEndnoteReferenceRuns, ax as imageContentTypeDefaults, ay as getRunFieldChar, az as getRunFieldInstruction, aA as createEditorRun, aB as JSZip, aC as imageExtensionFromMime, aD as pxToPt$1, aE as resolveFloatingObjectRect, aF as getTextBoxFloatingGeometry, aG as getPresetPathSegments, aH as projectBlocksLayout, aI as buildListLabels, aJ as getImageFloatingGeometry, aK as textStyleToFontSizePt, aL as PX_PER_POINT, aM as resolveOpenTypeFeatureTags, aN as DEFAULT_FONT_SIZE_PX, aO as isDoubleUnderlineStyle, aP as isWavyUnderlineStyle, aQ as underlineStyleLineWidthPx, aR as underlineStyleDashArray, aS as resolveListLabel, aT as getListLabelInset, aU as getAlignedListLabelInset, aV as getParagraphBorderInsets, aW as buildSegmentTable, aX as buildCanvasTableLayout, aY as resolveCanvasTableWidth, aZ as resolveFloatingTableRect, a_ as normalizeFamily, a$ as ROBOTO_FONT_FILES, b0 as loadFontAsset, b1 as OFFICE_COMPAT_FONT_FAMILIES, b2 as BinaryReader, b3 as buildSfnt, b4 as defaultFontDecoderRegistry, b5 as SfntFontProgram, b6 as collectPdfFontFamilies, b7 as projectDocumentLayout, b8 as getPageContentWidth, b9 as getPageHeaderZoneTop, ba as getPageBodyTop, bb as getPageColumnRects, bc as findFootnoteReference, bd as FOOTNOTE_MARKER_GUTTER_PX, be as resolveImporterForFile, bf as getDocumentSectionsCanonical, bg as getDocumentParagraphsCanonical, bh as getDocumentParagraphs, bi as getDocumentPageSettings, bj as getTableCellContentWidthForParagraph, bk as on, bl as debounce, bm as unwrap, bn as perfTimer, bo as getRunTextBox, bp as createEditorDocument, bq as resolveResizedDimensions, br as resolveTextBoxRenderHeight, bs as getToolbarStyleState, bt as getCachedCanvasImage, bu as measureParagraphMinContentWidthPx, bv as getEditableBlocksForZone, bw as findParagraphLocation, bx as createSectionBoundaryParagraph, by as normalizePageSettings, bz as DEFAULT_EDITOR_PAGE_SETTINGS, bA as markStart, bB as markEnd, bC as getParagraphEntries, bD as getParagraphById, bE as createEditorFootnote, bF as createFootnoteReferenceRun, bG as renumberFootnotes, bH as getFootnoteDisplayMarker, bI as getHeadingLevel, bJ as preciseFontModeVersion, bK as isPreciseFontModeEnabled, bL as resolveNamedTextStyle, bM as togglePreciseFontMode, bN as nextFontSizePt, bO as previousFontSizePt, bP as fontSizePtToPx, bQ as createDefaultToolbarPreset, bR as MenuRegistry, bS as createToolbarRegistry, bT as Editor, bU as resolveCommandRef, bV as commandRefName, bW as createOasisEditorClient, bX as createEditorZoom, bY as startLongTaskObserver, bZ as installGlobalReport, b_ as applyStoredPreciseFontPreference, b$ as getWelcomeSeen, c0 as isLocalFontAccessSupported, c1 as EDITOR_SCROLL_PADDING_PX, c2 as Toolbar, c3 as OasisEditorLoading, c4 as I18nProvider, c5 as createTranslator, c6 as createEditorLogger, c7 as registerDomStatsSurface } from "./index-DdcPkCmB.js";
+import { d as domTextMeasurer, g as getProjectedParagraphBlockHeight, e as estimateTableBlockHeight, p as projectParagraphLayout, a as getPageContentWidth, b as getPageBodyTop, c as getPageBodyBottom, l as listReferencedEndnotes, f as getFootnoteDisplayMarker, s as setActiveHyphenation, h as getDocumentSections, i as buildFootnoteReservations, M as MAX_FOOTNOTE_LAYOUT_ITERATIONS, r as reservationSignature, j as applyFootnotesToPages, k as getRunField, m as projectBlocksLayout, v as visitRun, n as assertNever, o as createSignal, q as createEditorStateFromDocument, t as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, u as fontSizePxToPt, w as probeLocalFontFamilies, x as createEditorParagraphFromRuns, y as isInlineObjectRun, z as createEditorStyledRun, A as getParagraphLength, B as getParagraphText, C as getActiveZone, D as getActiveSectionIndex, E as getParagraphs, F as normalizeSelection, G as positionToParagraphOffset, H as paragraphOffsetToPosition, I as clampPosition, J as findParagraphIndex, K as createCollapsedSelection, L as isSelectionCollapsed, N as parseFontSizePtToPx, O as formatFontSizePt, P as createEditorParagraph, Q as getBlockParagraphs, R as findParagraphTableLocation, T as buildTableCellLayout, U as PT_PER_PX, V as createEditorTableCell, W as createEditorTableRow, X as createEditorTable, Y as underlineStyleToCssDecorationStyle, Z as resolveImageSrc, _ as listKindForTag, $ as isParagraphTag, a0 as collectInlineRuns, a1 as parseParagraphStyle, a2 as getRunImage, a3 as InlineShell, a4 as BalloonShell, a5 as DocumentShell, a6 as createMemo, a7 as getCaretRectFromSnapshot, a8 as getParagraphRectFromSnapshot, a9 as createComponent, aa as CaretOverlay, ab as Show, ac as createRenderEffect, ad as style, ae as setAttribute, af as setStyleProperty, ag as memo, ah as template, ai as useI18n, aj as createEffect, ak as insert, al as use, am as addEventListener, an as Dialog, ao as delegateEvents, ap as className, aq as For, ar as UNDERLINE_STYLE_OPTIONS, as as Tabs, at as onMount, au as onCleanup, av as PluginUiHost, aw as OasisEditorEditor, ax as OasisBrandMark, ay as setPreciseFontPreference, az as setWelcomeSeen, aA as enablePreciseFontMode, aB as TWIPS_PER_POINT, aC as PX_PER_INCH, aD as TWIPS_PER_INCH, aE as resolveEffectiveParagraphStyle, aF as resolveEffectiveTextStyleForParagraph, aG as EMU_PER_PX, aH as EMU_PER_PT, aI as getRunFootnoteReference, aJ as getRunEndnoteReference, aK as iterateFootnoteReferenceRuns, aL as iterateEndnoteReferenceRuns, aM as imageContentTypeDefaults, aN as getRunFieldChar, aO as getRunFieldInstruction, aP as createEditorRun, aQ as JSZip, aR as imageExtensionFromMime, aS as pxToPt$1, aT as resolveFloatingObjectRect, aU as getTextBoxFloatingGeometry, aV as getPresetPathSegments, aW as buildListLabels, aX as getImageFloatingGeometry, aY as textStyleToFontSizePt, aZ as PX_PER_POINT, a_ as resolveOpenTypeFeatureTags, a$ as DEFAULT_FONT_SIZE_PX, b0 as isDoubleUnderlineStyle, b1 as isWavyUnderlineStyle, b2 as underlineStyleLineWidthPx, b3 as underlineStyleDashArray, b4 as resolveListLabel, b5 as getListLabelInset, b6 as getAlignedListLabelInset, b7 as getParagraphBorderInsets, b8 as buildSegmentTable, b9 as buildCanvasTableLayout, ba as resolveCanvasTableWidth, bb as resolveFloatingTableRect, bc as normalizeFamily, bd as ROBOTO_FONT_FILES, be as loadFontAsset, bf as OFFICE_COMPAT_FONT_FAMILIES, bg as BinaryReader, bh as buildSfnt, bi as defaultFontDecoderRegistry, bj as SfntFontProgram, bk as collectPdfFontFamilies, bl as getPageHeaderZoneTop, bm as getPageColumnRects, bn as findFootnoteReference, bo as FOOTNOTE_MARKER_GUTTER_PX, bp as resolveImporterForFile, bq as getDocumentSectionsCanonical, br as getDocumentParagraphsCanonical, bs as getDocumentParagraphs, bt as getDocumentPageSettings, bu as getTableCellContentWidthForParagraph, bv as layoutMetricsEpoch, bw as bumpLayoutMetricsEpoch, bx as createCanvasLayoutSnapshotProvider, by as on, bz as debounce, bA as unwrap, bB as perfTimer, bC as getRunTextBox, bD as createEditorDocument, bE as resolveResizedDimensions, bF as resolveTextBoxRenderHeight, bG as getToolbarStyleState, bH as getCachedCanvasImage, bI as measureParagraphMinContentWidthPx, bJ as getEditableBlocksForZone, bK as findParagraphLocation, bL as createSectionBoundaryParagraph, bM as normalizePageSettings, bN as DEFAULT_EDITOR_PAGE_SETTINGS, bO as markStart, bP as markEnd, bQ as getParagraphEntries, bR as getParagraphById, bS as createEditorFootnote, bT as createFootnoteReferenceRun, bU as renumberFootnotes, bV as getHeadingLevel, bW as preciseFontModeVersion, bX as isPreciseFontModeEnabled, bY as resolveNamedTextStyle, bZ as togglePreciseFontMode, b_ as nextFontSizePt, b$ as previousFontSizePt, c0 as fontSizePtToPx, c1 as createDefaultToolbarPreset, c2 as MenuRegistry, c3 as createToolbarRegistry, c4 as Editor, c5 as resolveCommandRef, c6 as commandRefName, c7 as createOasisEditorClient, c8 as createEditorZoom, c9 as startLongTaskObserver, ca as installGlobalReport, cb as applyStoredPreciseFontPreference, cc as getWelcomeSeen, cd as isLocalFontAccessSupported, ce as EDITOR_SCROLL_PADDING_PX, cf as Toolbar, cg as OasisEditorLoading, ch as I18nProvider, ci as createTranslator, cj as createEditorLogger, ck as registerDomStatsSurface } from "./index-4uLtMJwI.js";
+function projectHeaderFooterBlocksWithDependencies(blocks, deps, context = {}) {
+  const {
+    pageIndex,
+    totalPages,
+    measuredHeights,
+    styles,
+    contentWidth,
+    measurer,
+    defaultTabStop
+  } = context;
+  return blocks.map((block, index) => {
+    var _a, _b;
+    if (block.type === "paragraph") {
+      const layout = deps.projectParagraphLayout(
+        block,
+        pageIndex,
+        totalPages,
+        styles,
+        contentWidth,
+        measurer,
+        defaultTabStop
+      );
+      return {
+        blockId: block.id,
+        sourceBlockId: block.id,
+        blockType: block.type,
+        paragraphId: block.id,
+        globalIndex: index,
+        estimatedHeight: (measuredHeights == null ? void 0 : measuredHeights[block.id]) ?? deps.getProjectedParagraphBlockHeight(block, layout, styles),
+        layout,
+        sourceBlock: block
+      };
+    }
+    const tableHeight = (measuredHeights == null ? void 0 : measuredHeights[block.id]) ?? deps.estimateTableBlockHeight(
+      block,
+      styles,
+      contentWidth,
+      measurer,
+      defaultTabStop
+    );
+    return {
+      blockId: block.id,
+      sourceBlockId: block.id,
+      blockType: block.type,
+      globalIndex: index,
+      estimatedHeight: ((_a = block.style) == null ? void 0 : _a.floating) ? 0 : tableHeight,
+      floatingTableHeight: ((_b = block.style) == null ? void 0 : _b.floating) ? tableHeight : void 0,
+      sourceBlock: block
+    };
+  });
+}
+function projectHeaderFooterBlocks(blocks, context = {}) {
+  return projectHeaderFooterBlocksWithDependencies(
+    blocks,
+    {
+      projectParagraphLayout,
+      estimateTableBlockHeight,
+      getProjectedParagraphBlockHeight
+    },
+    {
+      ...context,
+      measurer: context.measurer ?? domTextMeasurer
+    }
+  );
+}
+function getProjectedBlocksHeight(blocks) {
+  if (!blocks || blocks.length === 0) {
+    return 0;
+  }
+  return blocks.reduce((sum, block) => sum + block.estimatedHeight, 0);
+}
+function selectSectionHeaderBlocks(section, pageIndexInSection, globalPageIndex) {
+  const isFirstPageOfSection = pageIndexInSection === 0;
+  const isEvenPageNumber = (globalPageIndex + 1) % 2 === 0;
+  if (isFirstPageOfSection && section.firstPageHeader) {
+    return section.firstPageHeader;
+  }
+  if (isEvenPageNumber && section.evenPageHeader) {
+    return section.evenPageHeader;
+  }
+  return section.header;
+}
+function selectSectionFooterBlocks(section, pageIndexInSection, globalPageIndex) {
+  const isFirstPageOfSection = pageIndexInSection === 0;
+  const isEvenPageNumber = (globalPageIndex + 1) % 2 === 0;
+  if (isFirstPageOfSection && section.firstPageFooter) {
+    return section.firstPageFooter;
+  }
+  if (isEvenPageNumber && section.evenPageFooter) {
+    return section.evenPageFooter;
+  }
+  return section.footer;
+}
+function resolveEffectiveVerticalMetrics(pageSettings, headerBlocks, footerBlocks) {
+  const staticBodyTop = getPageBodyTop(pageSettings);
+  const staticBodyBottom = getPageBodyBottom(pageSettings);
+  const headerHeight = getProjectedBlocksHeight(headerBlocks);
+  const footerHeight = getProjectedBlocksHeight(footerBlocks);
+  const headerTop = pageSettings.margins.header;
+  const footerTop = pageSettings.height - pageSettings.margins.footer - footerHeight;
+  const headerOccupiedBottom = headerHeight > 0 ? Math.min(pageSettings.height, headerTop + headerHeight) : 0;
+  const footerOccupiedTop = footerHeight > 0 ? Math.max(0, footerTop) : pageSettings.height;
+  const bodyTop = Math.max(staticBodyTop, headerOccupiedBottom);
+  const bodyBottom = Math.max(
+    bodyTop,
+    Math.min(staticBodyBottom, footerOccupiedTop)
+  );
+  return {
+    bodyTop,
+    bodyBottom,
+    headerTop,
+    footerTop,
+    contentHeight: Math.max(24, Math.floor(bodyBottom - bodyTop))
+  };
+}
+function createHeaderFooterVariantProjector(context) {
+  return (blocks, contentWidth, pageIndex, totalPageCount) => blocks ? context.projectHeaderFooterBlocks(blocks, {
+    pageIndex,
+    totalPages: totalPageCount,
+    measuredHeights: context.measuredHeights,
+    measuredParagraphLayouts: context.measuredParagraphLayouts,
+    styles: context.documentStyles,
+    contentWidth,
+    measurer: context.measurer,
+    defaultTabStop: context.defaultTabStop
+  }) : void 0;
+}
+function projectTallestHeaderVariant(section, contentWidth, projectHeaderFooterVariant) {
+  const variants = [
+    section.header,
+    section.firstPageHeader,
+    section.evenPageHeader
+  ].map((blocks) => projectHeaderFooterVariant(blocks, contentWidth)).filter((blocks) => !!blocks);
+  return variants.sort(
+    (a, b) => getProjectedBlocksHeight(b) - getProjectedBlocksHeight(a)
+  )[0];
+}
+function projectTallestFooterVariant(section, contentWidth, projectHeaderFooterVariant) {
+  const variants = [
+    section.footer,
+    section.firstPageFooter,
+    section.evenPageFooter
+  ].map((blocks) => projectHeaderFooterVariant(blocks, contentWidth)).filter((blocks) => !!blocks);
+  return variants.sort(
+    (a, b) => getProjectedBlocksHeight(b) - getProjectedBlocksHeight(a)
+  )[0];
+}
+function calculateTotalPages(context, projectHeaderFooterVariant) {
+  let currentTotal = 0;
+  const activePages = [];
+  for (const section of context.sections) {
+    const contentWidth = getPageContentWidth(section.pageSettings);
+    const headerBlocks = projectTallestHeaderVariant(
+      section,
+      contentWidth,
+      projectHeaderFooterVariant
+    );
+    const footerBlocks = projectTallestFooterVariant(
+      section,
+      contentWidth,
+      projectHeaderFooterVariant
+    );
+    const metrics = resolveEffectiveVerticalMetrics(
+      section.pageSettings,
+      headerBlocks,
+      footerBlocks
+    );
+    const pageHeight = context.maxPageHeightOverride ?? metrics.contentHeight;
+    const isContinuous = section.breakType === "continuous" && activePages.length > 0;
+    const sectionPages = context.projectBlocks({
+      blocks: section.blocks,
+      pageSettings: section.pageSettings,
+      maxPageHeight: pageHeight,
+      measuredHeights: context.measuredHeights,
+      measuredParagraphLayouts: context.measuredParagraphLayouts,
+      pageOffset: isContinuous ? currentTotal - 1 : currentTotal,
+      existingPages: isContinuous ? [activePages[activePages.length - 1]] : [],
+      measurer: context.measurer,
+      defaultTabStop: context.defaultTabStop
+    });
+    if (isContinuous) {
+      activePages.pop();
+      activePages.push(...sectionPages);
+      currentTotal = activePages.length;
+    } else {
+      activePages.push(...sectionPages);
+      currentTotal = activePages.length;
+    }
+  }
+  return currentTotal;
+}
+function projectAllPages(context, totalPages, projectHeaderFooterVariant, reservedHeightByPageIndex) {
+  const allPages = [];
+  for (const section of context.sections) {
+    const contentWidth = getPageContentWidth(section.pageSettings);
+    const sectionHeaderBlocks = projectTallestHeaderVariant(
+      section,
+      contentWidth,
+      projectHeaderFooterVariant
+    );
+    const sectionFooterBlocks = projectTallestFooterVariant(
+      section,
+      contentWidth,
+      projectHeaderFooterVariant
+    );
+    const sectionMetrics = resolveEffectiveVerticalMetrics(
+      section.pageSettings,
+      sectionHeaderBlocks,
+      sectionFooterBlocks
+    );
+    const pageHeight = context.maxPageHeightOverride ?? sectionMetrics.contentHeight;
+    const isContinuous = section.breakType === "continuous" && allPages.length > 0;
+    const sectionPageOffset = isContinuous ? allPages.length - 1 : allPages.length;
+    const sectionPages = context.projectBlocks({
+      blocks: section.blocks,
+      pageSettings: section.pageSettings,
+      maxPageHeight: pageHeight,
+      measuredHeights: context.measuredHeights,
+      measuredParagraphLayouts: context.measuredParagraphLayouts,
+      styles: context.documentStyles,
+      pageOffset: sectionPageOffset,
+      totalPages,
+      existingPages: isContinuous ? [allPages[allPages.length - 1]] : [],
+      measurer: context.measurer,
+      reservedHeightByPageIndex,
+      defaultTabStop: context.defaultTabStop
+    });
+    if (isContinuous) {
+      allPages.pop();
+    }
+    for (const page of sectionPages) {
+      const pageIndexInSection = page.index - sectionPageOffset;
+      const pageContentWidth = getPageContentWidth(page.pageSettings);
+      const headerBlocks = projectHeaderFooterVariant(
+        selectSectionHeaderBlocks(
+          section,
+          Math.max(0, pageIndexInSection),
+          page.index
+        ),
+        pageContentWidth,
+        page.index,
+        totalPages
+      ) ?? page.headerBlocks;
+      const footerBlocks = projectHeaderFooterVariant(
+        selectSectionFooterBlocks(
+          section,
+          Math.max(0, pageIndexInSection),
+          page.index
+        ),
+        pageContentWidth,
+        page.index,
+        totalPages
+      ) ?? page.footerBlocks;
+      const pageMetrics = resolveEffectiveVerticalMetrics(
+        page.pageSettings,
+        headerBlocks,
+        footerBlocks
+      );
+      const reservedHeight = (reservedHeightByPageIndex == null ? void 0 : reservedHeightByPageIndex.get(page.index)) ?? 0;
+      page.headerBlocks = headerBlocks;
+      page.footerBlocks = footerBlocks;
+      page.bodyTop = pageMetrics.bodyTop;
+      page.bodyBottom = Math.max(
+        pageMetrics.bodyTop,
+        pageMetrics.bodyBottom - reservedHeight
+      );
+      page.headerTop = pageMetrics.headerTop;
+      page.footerTop = pageMetrics.footerTop;
+      page.maxHeight = Math.max(
+        24,
+        (context.maxPageHeightOverride ?? pageMetrics.contentHeight) - reservedHeight
+      );
+      allPages.push(page);
+    }
+  }
+  return allPages;
+}
+function projectDocumentSections(context, reservedHeightByPageIndex) {
+  const projectHeaderFooterVariant = createHeaderFooterVariantProjector(context);
+  const totalPages = context.needsTotalPages ? calculateTotalPages(context, projectHeaderFooterVariant) : void 0;
+  return {
+    totalPages,
+    pages: projectAllPages(
+      context,
+      totalPages,
+      projectHeaderFooterVariant,
+      reservedHeightByPageIndex
+    )
+  };
+}
+const FLOW_ID_PREFIX = "endnote-flow";
+function makeMarkerRun(endnoteId, marker) {
+  return {
+    id: `${FLOW_ID_PREFIX}:marker:${endnoteId}`,
+    text: `${marker}. `,
+    styles: { superscript: true },
+    kind: "text"
+  };
+}
+function prependMarker(paragraph, endnoteId, marker) {
+  return {
+    ...paragraph,
+    id: `${FLOW_ID_PREFIX}:p:${endnoteId}:${paragraph.id}`,
+    runs: [makeMarkerRun(endnoteId, marker), ...paragraph.runs]
+  };
+}
+function emptyMarkerParagraph(endnoteId, marker) {
+  return {
+    id: `${FLOW_ID_PREFIX}:p:${endnoteId}:empty`,
+    type: "paragraph",
+    runs: [
+      makeMarkerRun(endnoteId, marker),
+      { id: `${FLOW_ID_PREFIX}:text:${endnoteId}`, text: "", kind: "text" }
+    ]
+  };
+}
+function spacerParagraph() {
+  return {
+    id: `${FLOW_ID_PREFIX}:spacer`,
+    type: "paragraph",
+    runs: [{ id: `${FLOW_ID_PREFIX}:spacer:text`, text: "", kind: "text" }]
+  };
+}
+function buildEndnoteFlowBlocks(document2) {
+  var _a, _b, _c;
+  const referenced = listReferencedEndnotes(document2);
+  const items = (_a = document2.endnotes) == null ? void 0 : _a.items;
+  if (!items || referenced.length === 0) {
+    return [];
+  }
+  const format = ((_c = (_b = document2.endnotes) == null ? void 0 : _b.settings) == null ? void 0 : _c.numberFormat) ?? "decimal";
+  const out = [spacerParagraph()];
+  for (const ref of referenced) {
+    const endnote = items[ref.endnoteId];
+    if (!endnote) continue;
+    const marker = ref.customMark ?? getFootnoteDisplayMarker(ref.index, format);
+    const blocks = endnote.blocks;
+    if (blocks.length === 0) {
+      out.push(emptyMarkerParagraph(ref.endnoteId, marker));
+      continue;
+    }
+    blocks.forEach((block, index) => {
+      if (index === 0 && block.type === "paragraph") {
+        out.push(prependMarker(block, ref.endnoteId, marker));
+        return;
+      }
+      if (index === 0) {
+        out.push(emptyMarkerParagraph(ref.endnoteId, marker));
+      }
+      out.push(block);
+    });
+  }
+  return out;
+}
+function injectEndnotesIntoDocument(document2) {
+  const flowBlocks = buildEndnoteFlowBlocks(document2);
+  if (flowBlocks.length === 0) {
+    return document2;
+  }
+  const sections = document2.sections;
+  if (!sections || sections.length === 0) {
+    return document2;
+  }
+  const lastIndex = sections.length - 1;
+  const nextSections = sections.map(
+    (section, index) => index === lastIndex ? { ...section, blocks: [...section.blocks, ...flowBlocks] } : section
+  );
+  return { ...document2, sections: nextSections };
+}
+function blockContainsNumPagesField(block) {
+  if (block.type === "paragraph") {
+    return block.runs.some((run) => {
+      var _a;
+      return ((_a = getRunField(run)) == null ? void 0 : _a.type) === "NUMPAGES";
+    });
+  }
+  return block.rows.some(
+    (row) => row.cells.some((cell) => cell.blocks.some(blockContainsNumPagesField))
+  );
+}
+function documentContainsNumPagesField(document2) {
+  return getDocumentSections(document2).some(
+    (section) => [
+      ...section.header ?? [],
+      ...section.firstPageHeader ?? [],
+      ...section.evenPageHeader ?? [],
+      ...section.blocks,
+      ...section.footer ?? [],
+      ...section.firstPageFooter ?? [],
+      ...section.evenPageFooter ?? []
+    ].some(blockContainsNumPagesField)
+  );
+}
+function projectDocumentLayout(document2, maxPageHeightOverride, measuredHeights, measuredParagraphLayouts, options = {}) {
+  var _a, _b;
+  const measurer = options.measurer ?? domTextMeasurer;
+  setActiveHyphenation(
+    ((_a = document2.settings) == null ? void 0 : _a.autoHyphenation) ? {
+      enabled: true,
+      zone: document2.settings.hyphenationZone,
+      consecutiveLimit: document2.settings.consecutiveHyphenLimit,
+      doNotHyphenateCaps: document2.settings.doNotHyphenateCaps
+    } : void 0
+  );
+  const layoutDocument = injectEndnotesIntoDocument(document2);
+  const sections = getDocumentSections(layoutDocument);
+  const needsTotalPages = documentContainsNumPagesField(layoutDocument);
+  const sectionContext = {
+    sections,
+    documentStyles: document2.styles,
+    maxPageHeightOverride,
+    measuredHeights,
+    measuredParagraphLayouts,
+    measurer,
+    defaultTabStop: (_b = document2.settings) == null ? void 0 : _b.defaultTabStop,
+    needsTotalPages,
+    projectBlocks: projectBlocksLayout,
+    projectHeaderFooterBlocks
+  };
+  const projectedSections = projectDocumentSections(sectionContext);
+  let pages = projectedSections.pages;
+  const totalPages = projectedSections.totalPages;
+  if (!document2.footnotes || Object.keys(document2.footnotes.items).length === 0) {
+    setActiveHyphenation(void 0);
+    return { pages };
+  }
+  const footnoteContext = {
+    document: document2,
+    totalPages,
+    measuredHeights,
+    measuredParagraphLayouts,
+    measurer,
+    projectBlocks: projectHeaderFooterBlocks
+  };
+  let reservations = buildFootnoteReservations(pages, footnoteContext);
+  let previousSignature = "";
+  for (let iteration = 0; iteration < MAX_FOOTNOTE_LAYOUT_ITERATIONS; iteration += 1) {
+    const signature = reservationSignature(reservations);
+    if (signature === previousSignature) {
+      break;
+    }
+    previousSignature = signature;
+    pages = projectDocumentSections(sectionContext, reservations).pages;
+    reservations = buildFootnoteReservations(pages, footnoteContext);
+  }
+  const result = {
+    pages: applyFootnotesToPages(pages, footnoteContext)
+  };
+  setActiveHyphenation(void 0);
+  return result;
+}
 function cloneStyle(style2) {
   return style2 ? { ...style2 } : void 0;
 }
@@ -30611,13 +31062,15 @@ function computeShouldShowCaret(state, caretBox) {
 }
 function DropCaret(props) {
   const layout = createMemo(() => {
-    var _a, _b;
+    var _a, _b, _c;
     const pos = props.targetPos();
     const surfaceRef = props.surfaceRef;
     if (!surfaceRef) return null;
-    const snapshot = buildCanvasLayoutSnapshot({
+    const snapshot = props.snapshotProvider.getCanvasLayoutSnapshot({
       surface: surfaceRef,
-      state: props.state
+      state: props.state,
+      documentLayout: props.documentLayout(),
+      zoomFactor: (_a = props.zoomFactor) == null ? void 0 : _a.call(props)
     });
     let viewportLeft = 0;
     let viewportTop = 0;
@@ -30642,7 +31095,7 @@ function DropCaret(props) {
         };
       }
     }
-    const caret = ((_a = props.caretViewport) == null ? void 0 : _a.call(props)) ?? null;
+    const caret = ((_b = props.caretViewport) == null ? void 0 : _b.call(props)) ?? null;
     if (caret) {
       viewportLeft = caret.left;
       viewportTop = caret.top;
@@ -30653,7 +31106,7 @@ function DropCaret(props) {
         height
       };
     }
-    const pointer = ((_b = props.pointerPos) == null ? void 0 : _b.call(props)) ?? null;
+    const pointer = ((_c = props.pointerPos) == null ? void 0 : _c.call(props)) ?? null;
     if (pointer) {
       viewportLeft = pointer.x;
       viewportTop = pointer.y - 12;
@@ -30777,6 +31230,15 @@ function EditorDragLayers(props) {
       get state() {
         return props.state;
       },
+      get documentLayout() {
+        return props.documentLayout;
+      },
+      get snapshotProvider() {
+        return props.snapshotProvider;
+      },
+      get zoomFactor() {
+        return props.zoomFactor;
+      },
       targetPos: pos
     })
   }), createComponent(Show, {
@@ -30790,6 +31252,15 @@ function EditorDragLayers(props) {
       get state() {
         return props.state;
       },
+      get documentLayout() {
+        return props.documentLayout;
+      },
+      get snapshotProvider() {
+        return props.snapshotProvider;
+      },
+      get zoomFactor() {
+        return props.zoomFactor;
+      },
       targetPos: pos
     })
   }), createComponent(Show, {
@@ -30803,6 +31274,15 @@ function EditorDragLayers(props) {
       get state() {
         return props.state;
       },
+      get documentLayout() {
+        return props.documentLayout;
+      },
+      get snapshotProvider() {
+        return props.snapshotProvider;
+      },
+      get zoomFactor() {
+        return props.zoomFactor;
+      },
       targetPos: pos,
       get pointerPos() {
         return props.textDrag.pointerPos;
@@ -32739,6 +33219,7 @@ function buildEditorViewProps(ctx) {
     files
   } = ctx;
   const layout = {
+    documentLayout: layoutInput.documentLayout,
     viewportHeight: layoutInput.viewportHeight,
     class: layoutInput.className,
     style: layoutInput.style,
@@ -32883,6 +33364,9 @@ function EditorWorkspace(props) {
       get measuredParagraphLayouts() {
         return view2.measuredParagraphLayouts;
       },
+      get documentLayout() {
+        return view2.documentLayout;
+      },
       get viewportHeight() {
         return view2.viewportHeight;
       },
@@ -32934,6 +33418,7 @@ function EditorWorkspace(props) {
             get layout() {
               return {
                 ...props.view.layout,
+                documentLayout: props.view.documentLayout,
                 measuredBlockHeights: props.view.measuredBlockHeights,
                 measuredParagraphLayouts: props.view.measuredParagraphLayouts,
                 readOnly: props.view.isReadOnly()
@@ -40947,6 +41432,110 @@ function computeCommentHighlights(snapshot, state) {
   }
   return boxes;
 }
+const canvasTextMeasurer = {
+  composeMeasuredParagraphLines: (options) => domTextMeasurer.composeMeasuredParagraphLines(options),
+  resolveRenderedLineHeightPx: (styles, lineHeightMultiple) => domTextMeasurer.resolveRenderedLineHeightPx(styles, lineHeightMultiple)
+};
+function areLayoutParagraphsEquivalentForRender(previous, next) {
+  if (previous === next) {
+    return true;
+  }
+  if (!previous || !next) {
+    return false;
+  }
+  if (previous.text !== next.text || previous.startOffset !== next.startOffset || previous.endOffset !== next.endOffset || previous.lines.length !== next.lines.length) {
+    return false;
+  }
+  return next.lines.every((line, index) => {
+    const previousLine = previous.lines[index];
+    return previousLine !== void 0 && previousLine.startOffset === line.startOffset && previousLine.endOffset === line.endOffset && previousLine.top === line.top && previousLine.height === line.height;
+  });
+}
+function canReuseLayoutBlock(previous, next) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  return Boolean(
+    previous && previous.blockId === next.blockId && previous.sourceBlock === next.sourceBlock && previous.estimatedHeight === next.estimatedHeight && ((_a = previous.tableSegment) == null ? void 0 : _a.startRowIndex) === ((_b = next.tableSegment) == null ? void 0 : _b.startRowIndex) && ((_c = previous.tableSegment) == null ? void 0 : _c.endRowIndex) === ((_d = next.tableSegment) == null ? void 0 : _d.endRowIndex) && ((_e = previous.tableSegment) == null ? void 0 : _e.repeatedHeaderRowCount) === ((_f = next.tableSegment) == null ? void 0 : _f.repeatedHeaderRowCount) && sameNumberArray(
+      (_g = previous.tableSegment) == null ? void 0 : _g.startRowCellBlockStarts,
+      (_h = next.tableSegment) == null ? void 0 : _h.startRowCellBlockStarts
+    ) && sameNumberArray(
+      (_i = previous.tableSegment) == null ? void 0 : _i.endRowCellBlockEnds,
+      (_j = next.tableSegment) == null ? void 0 : _j.endRowCellBlockEnds
+    ) && sameTableCellBlockPositions(
+      (_k = previous.tableSegment) == null ? void 0 : _k.startRowCellBlockPositions,
+      (_l = next.tableSegment) == null ? void 0 : _l.startRowCellBlockPositions
+    ) && sameTableCellBlockPositions(
+      (_m = previous.tableSegment) == null ? void 0 : _m.endRowCellBlockPositions,
+      (_n = next.tableSegment) == null ? void 0 : _n.endRowCellBlockPositions
+    ) && areLayoutParagraphsEquivalentForRender(previous.layout, next.layout)
+  );
+}
+function sameNumberArray(left, right) {
+  if (((left == null ? void 0 : left.length) ?? 0) !== ((right == null ? void 0 : right.length) ?? 0)) return false;
+  return (right ?? []).every((value, index) => (left == null ? void 0 : left[index]) === value);
+}
+function sameTableCellBlockPositions(left, right) {
+  if (((left == null ? void 0 : left.length) ?? 0) !== ((right == null ? void 0 : right.length) ?? 0)) return false;
+  return (right ?? []).every((value, index) => {
+    const previous = left == null ? void 0 : left[index];
+    return (previous == null ? void 0 : previous.blockIndex) === value.blockIndex && (previous == null ? void 0 : previous.offset) === value.offset;
+  });
+}
+function canReuseLayoutPage(previous, next) {
+  const samePageSettings = Boolean(
+    previous && previous.pageSettings.width === next.pageSettings.width && previous.pageSettings.height === next.pageSettings.height && previous.pageSettings.orientation === next.pageSettings.orientation && previous.pageSettings.margins.top === next.pageSettings.margins.top && previous.pageSettings.margins.right === next.pageSettings.margins.right && previous.pageSettings.margins.bottom === next.pageSettings.margins.bottom && previous.pageSettings.margins.left === next.pageSettings.margins.left && previous.pageSettings.margins.header === next.pageSettings.margins.header && previous.pageSettings.margins.footer === next.pageSettings.margins.footer && previous.pageSettings.margins.gutter === next.pageSettings.margins.gutter
+  );
+  if (!previous || previous.id !== next.id || previous.index !== next.index || previous.height !== next.height || previous.maxHeight !== next.maxHeight || !samePageSettings || previous.bodyTop !== next.bodyTop || previous.bodyBottom !== next.bodyBottom || previous.headerTop !== next.headerTop || previous.footerTop !== next.footerTop || previous.footnoteTop !== next.footnoteTop || previous.footnoteSeparatorTop !== next.footnoteSeparatorTop) {
+    return false;
+  }
+  const sameBlocks = (left, right) => {
+    if (((left == null ? void 0 : left.length) ?? 0) !== ((right == null ? void 0 : right.length) ?? 0)) {
+      return false;
+    }
+    return (right ?? []).every((block, index) => (left == null ? void 0 : left[index]) === block);
+  };
+  const sameFootnoteReferences = (left, right) => {
+    if (((left == null ? void 0 : left.length) ?? 0) !== ((right == null ? void 0 : right.length) ?? 0)) {
+      return false;
+    }
+    return (right ?? []).every(
+      (footnoteId, index) => (left == null ? void 0 : left[index]) === footnoteId
+    );
+  };
+  return sameBlocks(previous.blocks, next.blocks) && sameBlocks(previous.headerBlocks, next.headerBlocks) && sameBlocks(previous.footerBlocks, next.footerBlocks) && sameBlocks(previous.footnoteBlocks, next.footnoteBlocks) && sameFootnoteReferences(
+    previous.footnoteReferenceIds,
+    next.footnoteReferenceIds
+  );
+}
+function createLayoutIdentityStabilizer() {
+  let reusableLayoutBlocks = /* @__PURE__ */ new Map();
+  let reusableLayoutPages = /* @__PURE__ */ new Map();
+  return function stabilize(layout) {
+    const nextBlockCache = /* @__PURE__ */ new Map();
+    const stabilizeBlocks = (blocks) => blocks == null ? void 0 : blocks.map((block) => {
+      const previous = reusableLayoutBlocks.get(block.blockId);
+      const stable = canReuseLayoutBlock(previous, block) ? previous : block;
+      nextBlockCache.set(stable.blockId, stable);
+      return stable;
+    });
+    const pages = layout.pages.map((page) => {
+      const nextPage = {
+        ...page,
+        blocks: stabilizeBlocks(page.blocks) ?? [],
+        headerBlocks: stabilizeBlocks(page.headerBlocks),
+        footerBlocks: stabilizeBlocks(page.footerBlocks),
+        footnoteBlocks: stabilizeBlocks(page.footnoteBlocks)
+      };
+      const previous = reusableLayoutPages.get(nextPage.id);
+      if (canReuseLayoutPage(previous, nextPage)) {
+        return previous;
+      }
+      return nextPage;
+    });
+    reusableLayoutBlocks = nextBlockCache;
+    reusableLayoutPages = new Map(pages.map((page) => [page.id, page]));
+    return { pages };
+  };
+}
 function scheduleFrame(callback) {
   if (typeof window !== "undefined" && typeof window.requestAnimationFrame === "function") {
     return window.requestAnimationFrame(() => callback());
@@ -40987,6 +41576,22 @@ function useEditorLayout(props) {
   const [preferredColumnX, setPreferredColumnX] = createSignal(
     null
   );
+  const stabilize = createLayoutIdentityStabilizer();
+  const documentLayout = createMemo(() => {
+    layoutMetricsEpoch();
+    return stabilize(
+      projectDocumentLayout(
+        props.state.document,
+        void 0,
+        measuredBlockHeights(),
+        measuredParagraphLayouts(),
+        {
+          measurer: canvasTextMeasurer
+        }
+      )
+    );
+  });
+  const canvasSnapshotProvider = createCanvasLayoutSnapshotProvider();
   let syncRequestId = 0;
   const syncInputBox = (_reason = "selection") => {
     var _a;
@@ -40999,11 +41604,10 @@ function useEditorLayout(props) {
       setCaretBox((current) => ({ ...current, visible: false }));
       return;
     }
-    const snapshot = buildCanvasLayoutSnapshot({
+    const snapshot = canvasSnapshotProvider.getCanvasLayoutSnapshot({
       surface,
       state: props.state,
-      measuredBlockHeights: measuredBlockHeights(),
-      measuredParagraphLayouts: measuredParagraphLayouts(),
+      documentLayout: documentLayout(),
       zoomFactor: (_a = props.zoomFactor) == null ? void 0 : _a.call(props)
     });
     if (!snapshot) {
@@ -41040,6 +41644,7 @@ function useEditorLayout(props) {
       setMeasuredParagraphLayouts(
         (current) => normalizeParagraphLayouts(current, options.paragraphIds ?? [])
       );
+      bumpLayoutMetricsEpoch();
     }
     requestInputBoxSync(reason);
     return options.resolveWhenDone ? Promise.resolve() : null;
@@ -41052,17 +41657,20 @@ function useEditorLayout(props) {
     if (invalidation.dirtyAll || invalidation.structureChanged) {
       setMeasuredBlockHeights({});
       setMeasuredParagraphLayouts({});
+      bumpLayoutMetricsEpoch();
     } else if ((((_b = invalidation.dirtyParagraphIds) == null ? void 0 : _b.length) ?? 0) > 0) {
       const dirtyIds = invalidation.dirtyParagraphIds ?? [];
       setMeasuredParagraphLayouts(
         (current) => normalizeParagraphLayouts(current, dirtyIds)
       );
+      bumpLayoutMetricsEpoch();
     }
     requestInputBoxSync("content-change");
   };
   const stabilizeLayoutAfterImport = async () => {
     setMeasuredBlockHeights({});
     setMeasuredParagraphLayouts({});
+    bumpLayoutMetricsEpoch();
     await new Promise((resolve) => {
       scheduleFrame(() => resolve());
     });
@@ -41110,10 +41718,13 @@ function useEditorLayout(props) {
   const clearPreferredColumn = () => setPreferredColumnX(null);
   const onCleanupHook = () => {
     syncRequestId += 1;
+    canvasSnapshotProvider.clear();
   };
   return {
     measuredBlockHeights,
     measuredParagraphLayouts,
+    documentLayout,
+    canvasSnapshotProvider,
     inputBox,
     selectionBoxes,
     commentHighlights,
@@ -41664,6 +42275,8 @@ function createEditorDocumentRuntime(deps) {
   const {
     measuredBlockHeights,
     measuredParagraphLayouts,
+    documentLayout,
+    canvasSnapshotProvider,
     inputBox,
     selectionBoxes,
     commentHighlights,
@@ -41733,6 +42346,8 @@ function createEditorDocumentRuntime(deps) {
     clearPreferredColumn();
     setMeasuredBlockHeights({});
     setMeasuredParagraphLayouts({});
+    bumpLayoutMetricsEpoch();
+    canvasSnapshotProvider.clear();
     clearHistory();
   };
   createEditorChangeBroadcast({
@@ -41748,6 +42363,8 @@ function createEditorDocumentRuntime(deps) {
     isImportInProgress,
     measuredBlockHeights,
     measuredParagraphLayouts,
+    documentLayout,
+    canvasSnapshotProvider,
     inputBox,
     selectionBoxes,
     commentHighlights,
@@ -44509,43 +45126,17 @@ function resolveCanvasSurfaceHitAtPoint(options) {
   };
 }
 function createCanvasSurfaceHitResolver(deps) {
-  let canvasSnapshotCache = null;
   const resolveSurfaceHitAtPoint = (clientX, clientY, context = {}) => {
     const currentSurfaceRef = deps.surfaceRef();
-    const currentViewportRef = deps.viewportRef();
     if (!currentSurfaceRef) return null;
-    const currentMeasuredBlockHeights = deps.measuredBlockHeights();
-    const currentMeasuredParagraphLayouts = deps.measuredParagraphLayouts();
     const currentState = deps.state();
-    const viewportScrollTop = (currentViewportRef == null ? void 0 : currentViewportRef.scrollTop) ?? 0;
-    const viewportScrollLeft = (currentViewportRef == null ? void 0 : currentViewportRef.scrollLeft) ?? 0;
-    const windowWidth = window.innerWidth;
-    const windowHeight = window.innerHeight;
     const zoomFactor = deps.zoomFactor();
-    const shouldReuseSnapshot = canvasSnapshotCache && canvasSnapshotCache.documentRef === currentState.document && canvasSnapshotCache.measuredBlockHeightsRef === currentMeasuredBlockHeights && canvasSnapshotCache.measuredParagraphLayoutsRef === currentMeasuredParagraphLayouts && canvasSnapshotCache.surfaceRef === currentSurfaceRef && canvasSnapshotCache.viewportScrollTop === viewportScrollTop && canvasSnapshotCache.viewportScrollLeft === viewportScrollLeft && canvasSnapshotCache.surfaceClientWidth === currentSurfaceRef.clientWidth && canvasSnapshotCache.surfaceClientHeight === currentSurfaceRef.clientHeight && canvasSnapshotCache.windowWidth === windowWidth && canvasSnapshotCache.windowHeight === windowHeight && canvasSnapshotCache.zoomFactor === zoomFactor;
-    const snapshot = shouldReuseSnapshot ? canvasSnapshotCache.snapshot : buildCanvasLayoutSnapshot({
+    const snapshot = deps.canvasSnapshotProvider.getCanvasLayoutSnapshot({
       surface: currentSurfaceRef,
       state: currentState,
-      measuredBlockHeights: currentMeasuredBlockHeights,
-      measuredParagraphLayouts: currentMeasuredParagraphLayouts,
+      documentLayout: deps.documentLayout(),
       zoomFactor
     });
-    if (!shouldReuseSnapshot) {
-      canvasSnapshotCache = {
-        snapshot,
-        documentRef: currentState.document,
-        measuredBlockHeightsRef: currentMeasuredBlockHeights,
-        measuredParagraphLayoutsRef: currentMeasuredParagraphLayouts,
-        surfaceRef: currentSurfaceRef,
-        viewportScrollTop,
-        viewportScrollLeft,
-        surfaceClientWidth: currentSurfaceRef.clientWidth,
-        surfaceClientHeight: currentSurfaceRef.clientHeight,
-        windowWidth,
-        windowHeight,
-        zoomFactor
-      };
-    }
     recordCanvasDebugLayoutSnapshot(snapshot);
     if (!snapshot) {
       recordCanvasDebugHit(null);
@@ -44958,10 +45549,12 @@ function getTableById(state, tableId) {
   );
   return table ?? null;
 }
-function buildTableGeometries(surface, state) {
-  const snapshot = buildCanvasLayoutSnapshot({
+function buildTableGeometries(surface, state, documentLayout, canvasSnapshotProvider, zoomFactor) {
+  const snapshot = canvasSnapshotProvider.getCanvasLayoutSnapshot({
     surface,
-    state
+    state,
+    documentLayout,
+    zoomFactor
   });
   if (!snapshot) {
     return [];
@@ -45057,8 +45650,14 @@ function buildTableGeometries(surface, state) {
 }
 const EDGE_THRESHOLD_COLUMN_PX = 4;
 const EDGE_THRESHOLD_ROW_PX = 4;
-function findTableResizeHoverInfo(event, surface, state) {
-  const geometries = buildTableGeometries(surface, state);
+function findTableResizeHoverInfo(event, surface, state, documentLayout, canvasSnapshotProvider, zoomFactor) {
+  const geometries = buildTableGeometries(
+    surface,
+    state,
+    documentLayout,
+    canvasSnapshotProvider,
+    zoomFactor
+  );
   if (geometries.length === 0) {
     return null;
   }
@@ -45427,6 +46026,7 @@ const DRAG_THRESHOLD_PX = 2;
 function createEditorTableResize(deps) {
   const [resizing, setResizing] = createSignal(null);
   const handleMouseMove = (event) => {
+    var _a;
     if (resizing()) {
       setActiveCursorClass(resizing().type === "column");
       return;
@@ -45436,7 +46036,14 @@ function createEditorTableResize(deps) {
       clearResizeCursorClasses();
       return;
     }
-    const info = findTableResizeHoverInfo(event, surface, deps.state());
+    const info = findTableResizeHoverInfo(
+      event,
+      surface,
+      deps.state(),
+      deps.documentLayout(),
+      deps.canvasSnapshotProvider,
+      (_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)
+    );
     if (!info) {
       clearResizeCursorClasses();
       return;
@@ -45444,10 +46051,17 @@ function createEditorTableResize(deps) {
     setHoverCursorClass(info.side === "left" || info.side === "right");
   };
   const handleMouseDown = (event) => {
-    var _a;
+    var _a, _b;
     const surface = deps.surfaceRef();
     if (!surface) return false;
-    const info = findTableResizeHoverInfo(event, surface, deps.state());
+    const info = findTableResizeHoverInfo(
+      event,
+      surface,
+      deps.state(),
+      deps.documentLayout(),
+      deps.canvasSnapshotProvider,
+      (_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)
+    );
     if (!info) return false;
     const state = deps.state();
     const tableLayout = buildTableCellLayout(info.tableNode);
@@ -45478,7 +46092,7 @@ function createEditorTableResize(deps) {
         maxColumnIndex,
         minColumnWidthsPx,
         resizeFromLeftEdge: isLeftTableEdge,
-        initialTableIndentLeftPt: parseSizeToPt((_a = info.tableNode.style) == null ? void 0 : _a.indentLeft) ?? 0,
+        initialTableIndentLeftPt: parseSizeToPt((_b = info.tableNode.style) == null ? void 0 : _b.indentLeft) ?? 0,
         guideBounds: getGuideBounds(deps.viewportRef)
       });
       setActiveCursorClass(true);
@@ -46618,9 +47232,10 @@ function createEditorNavigation(deps) {
     const surfaceRect = (surfaceRef == null ? void 0 : surfaceRef.getBoundingClientRect()) ?? null;
     const preferredX = deps.preferredColumnX();
     const desiredX = preferredX === null ? deps.caretBox().left + ((surfaceRect == null ? void 0 : surfaceRect.left) ?? 0) : preferredX;
-    const snapshot = surfaceRef ? buildCanvasLayoutSnapshot({
+    const snapshot = surfaceRef ? deps.canvasSnapshotProvider.getCanvasLayoutSnapshot({
       surface: surfaceRef,
       state,
+      documentLayout: deps.documentLayout(),
       zoomFactor: (_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)
     }) : null;
     let targetIndex = currentIndex + direction;
@@ -46817,7 +47432,9 @@ function useEditorInteractionWiring(ctx) {
     applyTransactionalState: ctx.applyTransactionalState,
     surfaceRef: ctx.surfaceRef,
     viewportRef: ctx.viewportRef,
-    zoomFactor: ctx.zoomFactor
+    zoomFactor: ctx.zoomFactor,
+    documentLayout: ctx.documentLayout,
+    canvasSnapshotProvider: ctx.canvasSnapshotProvider
   });
   const tableDrag = createEditorTableDrag({
     state,
@@ -46878,7 +47495,9 @@ function useEditorInteractionWiring(ctx) {
     clearPreferredColumn: ctx.clearPreferredColumn,
     resetTransactionGrouping: ctx.resetTransactionGrouping,
     focusInput: ctx.focusInput,
-    zoomFactor: ctx.zoomFactor
+    zoomFactor: ctx.zoomFactor,
+    documentLayout: ctx.documentLayout,
+    canvasSnapshotProvider: ctx.canvasSnapshotProvider
   });
   const { handleCopy, handleCut, handlePaste, handleDrop } = createEditorClipboardController({
     state,
@@ -46930,8 +47549,8 @@ function createEditorInteractionRuntime(deps) {
     caretBox,
     preferredColumnX,
     setPreferredColumnX,
-    measuredBlockHeights,
-    measuredParagraphLayouts
+    documentLayout,
+    canvasSnapshotProvider
   } = deps;
   const selectedImageRun = () => getSelectedImageRun(state);
   const selectedTextBoxRun = () => getSelectedTextBoxRun(state);
@@ -46945,8 +47564,8 @@ function createEditorInteractionRuntime(deps) {
     state: () => state,
     surfaceRef: () => surfaceRef() ?? null,
     viewportRef: () => viewportRef() ?? null,
-    measuredBlockHeights,
-    measuredParagraphLayouts,
+    documentLayout,
+    canvasSnapshotProvider,
     zoomFactor
   });
   const resolveSurfaceHitAtPoint = canvasHitResolver.resolveSurfaceHitAtPoint;
@@ -47017,6 +47636,8 @@ function createEditorInteractionRuntime(deps) {
     preferredColumnX: () => preferredColumnX(),
     setPreferredColumnX,
     zoomFactor,
+    documentLayout,
+    canvasSnapshotProvider,
     resolveSurfaceHitAtPoint,
     resolvePositionAtSurfacePoint,
     tableOps,
@@ -50708,6 +51329,8 @@ function OasisEditorApp(props = {}) {
     docIO,
     measuredBlockHeights,
     measuredParagraphLayouts,
+    documentLayout,
+    canvasSnapshotProvider,
     inputBox,
     selectionBoxes,
     commentHighlights,
@@ -50747,8 +51370,8 @@ function OasisEditorApp(props = {}) {
     caretBox,
     preferredColumnX,
     setPreferredColumnX,
-    measuredBlockHeights,
-    measuredParagraphLayouts
+    documentLayout,
+    canvasSnapshotProvider
   });
   const {
     selectedImageRun,
@@ -50848,6 +51471,7 @@ function OasisEditorApp(props = {}) {
     fileHandlers: editorFileHandlers
   } = buildEditorViewProps({
     layout: {
+      documentLayout,
       viewportHeight: ui().viewportHeight,
       className: ui().class,
       style: ui().style,
@@ -51001,6 +51625,7 @@ function OasisEditorApp(props = {}) {
           viewportHeight: () => ui().viewportHeight,
           measuredBlockHeights,
           measuredParagraphLayouts,
+          documentLayout,
           layout: editorLayoutProps,
           overlays: editorOverlayProps,
           refs: editorRefs,
@@ -51014,6 +51639,11 @@ function OasisEditorApp(props = {}) {
         get surfaceRef() {
           return surfaceRef();
         },
+        documentLayout,
+        snapshotProvider: canvasSnapshotProvider,
+        get zoomFactor() {
+          return zoom.zoomFactor;
+        },
         tableResize,
         imageOps,
         tableDrag,