superdoc 1.0.0-beta.55 → 1.0.0-beta.57

package/dist/chunks/{PdfViewer-ARRkZgYS.es.js → PdfViewer-BpJ5YJmq.es.js}

@@ -1,5 +1,5 @@
 import { y as defineComponent, z as h, O as Transition, a0 as process$1, J as watchEffect, a as computed, r as ref, j as onMounted, W as onUnmounted, b as createElementBlock, o as openBlock, f as createBaseVNode, e as createCommentVNode, u as createVNode, v as unref } from "./vue-Dysv_7z5.es.js";
-import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-Bwqb03qi.es.js";
+import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-BE9w4viZ.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-ObG30G-u.cjs → PdfViewer-DvAhx37Y.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-jWLMl8Ts.cjs");
-const superdoc = require("./index-DFHwDXHd.cjs");
+const superdoc = require("./index-BbXDEDIW.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{index-Bwqb03qi.es.js → index-BE9w4viZ.es.js}

@@ -1,4 +1,4 @@
-import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-7Twgz-8H.es.js";
+import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-BY9i51n2.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-CcXAdeql.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
@@ -17251,7 +17251,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-ARRkZgYS.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BpJ5YJmq.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18111,7 +18111,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.55";
+    this.version = "1.0.0-beta.57";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-DFHwDXHd.cjs → index-BbXDEDIW.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-C2Ob7BbN.cjs");
+const superEditor_es = require("./super-editor.es-BjELk3Xl.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-DQmQUge-.cjs");
 const provider = require("@hocuspocus/provider");
@@ -17268,7 +17268,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-ObG30G-u.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DvAhx37Y.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18128,7 +18128,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.55";
+    this.version = "1.0.0-beta.57";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-bqjMjne1-DBB94Dlj.es.js → index-D5IkZjf9-CPmfOXHq.es.js}

@@ -1,4 +1,4 @@
-import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-7Twgz-8H.es.js";
+import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-BY9i51n2.es.js";
 import { V as VFile } from "./index-CvBqQJbG-CvBqQJbG.es.js";
 function bail(error) {
   if (error) {

package/dist/chunks/{index-bqjMjne1-CJi4d9NS.cjs → index-D5IkZjf9-XnnWMFi7.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./super-editor.es-C2Ob7BbN.cjs");
+const superEditor_es = require("./super-editor.es-BjELk3Xl.cjs");
 const indexCvBqQJbG = require("./index-CvBqQJbG-Dwm0THD7.cjs");
 function bail(error) {
   if (error) {

package/dist/chunks/{super-editor.es-7Twgz-8H.es.js → super-editor.es-BY9i51n2.es.js}

@@ -42168,7 +42168,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.55") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.57") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -59350,7 +59350,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.55";
+const summaryVersion = "1.0.0-beta.57";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -60139,7 +60139,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-bqjMjne1-DBB94Dlj.es.js"),
+      import("./index-D5IkZjf9-CPmfOXHq.es.js"),
       import("./index-DRCvimau-Cw339678.es.js"),
       import("./index-C_x_N6Uh-DJn8hIEt.es.js"),
       import("./index-D_sWOSiG-DE96TaT5.es.js"),
@@ -60344,7 +60344,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.55");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.57");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -61291,7 +61291,15 @@ const VALID_TRACKED_MODES = ["review", "original", "final", "off"];
 const DEFAULT_HYPERLINK_CONFIG$1 = {
   enableRichHyperlinks: false
 };
-const ATOMIC_INLINE_TYPES = /* @__PURE__ */ new Set(["image", "hardBreak", "lineBreak", "page-number", "total-page-number"]);
+const ATOMIC_INLINE_TYPES = /* @__PURE__ */ new Set([
+  "image",
+  "hardBreak",
+  "lineBreak",
+  "page-number",
+  "total-page-number",
+  "passthroughInline",
+  "bookmarkEnd"
+]);
 const TOKEN_INLINE_TYPES = /* @__PURE__ */ new Map([
   ["page-number", "pageNumber"],
   ["total-page-number", "totalPageCount"]
@@ -62812,6 +62820,7 @@ const normalizeAlignment = (value) => {
     case "center":
     case "right":
     case "justify":
+    case "left":
       return value;
     case "both":
     case "distribute":
@@ -72367,9 +72376,11 @@ const _DomPainter = class _DomPainter2 {
         const hasExplicitSegmentPositioning = line.segments?.some((seg) => seg.x !== void 0);
         const isFirstLine = index2 === 0 && !fragment.continuesFromPrev;
         if (!isListFirstLine) {
-          if (isFirstLine && hasExplicitSegmentPositioning && firstLineOffset !== 0) {
-            const adjustedPadding = paraIndentLeft + firstLineOffset;
-            lineEl.style.paddingLeft = `${adjustedPadding}px`;
+          if (hasExplicitSegmentPositioning) {
+            if (isFirstLine && firstLineOffset !== 0) {
+              const adjustedPadding = paraIndentLeft + firstLineOffset;
+              lineEl.style.paddingLeft = `${adjustedPadding}px`;
+            }
           } else if (paraIndentLeft) {
             lineEl.style.paddingLeft = `${paraIndentLeft}px`;
           }
@@ -73800,6 +73811,13 @@ const _DomPainter = class _DomPainter2 {
       }
     }
     if (hasExplicitPositioning && line.segments) {
+      const paraIndent = block.attrs?.indent;
+      const indentLeft = paraIndent?.left ?? 0;
+      const firstLine = paraIndent?.firstLine ?? 0;
+      const hanging = paraIndent?.hanging ?? 0;
+      const isFirstLineOfPara = lineIndex === 0 || lineIndex === void 0;
+      const firstLineOffsetForCumX = isFirstLineOfPara ? firstLine - hanging : 0;
+      const indentOffset = indentLeft + firstLineOffsetForCumX;
       let cumulativeX = 0;
       const segmentsByRun = /* @__PURE__ */ new Map();
       line.segments.forEach((segment) => {
@@ -73831,7 +73849,7 @@ const _DomPainter = class _DomPainter2 {
           const actualTabWidth = tabEndX - tabStartX;
           const tabEl = this.doc.createElement("span");
           tabEl.style.position = "absolute";
-          tabEl.style.left = `${tabStartX}px`;
+          tabEl.style.left = `${tabStartX + indentOffset}px`;
           tabEl.style.top = "0px";
           tabEl.style.width = `${actualTabWidth}px`;
           tabEl.style.height = `${line.lineHeight}px`;
@@ -73862,12 +73880,13 @@ const _DomPainter = class _DomPainter2 {
               elem.setAttribute("styleid", styleId);
             }
             const runSegments2 = segmentsByRun.get(runIndex);
-            const segX = runSegments2 && runSegments2[0]?.x !== void 0 ? runSegments2[0].x : cumulativeX;
+            const baseSegX = runSegments2 && runSegments2[0]?.x !== void 0 ? runSegments2[0].x : cumulativeX;
+            const segX = baseSegX + indentOffset;
             const segWidth = (runSegments2 && runSegments2[0]?.width !== void 0 ? runSegments2[0].width : elem.offsetWidth) ?? 0;
             elem.style.position = "absolute";
             elem.style.left = `${segX}px`;
             el.appendChild(elem);
-            cumulativeX = segX + segWidth;
+            cumulativeX = baseSegX + segWidth;
           }
           continue;
         }
@@ -73884,12 +73903,13 @@ const _DomPainter = class _DomPainter2 {
               elem.setAttribute("styleid", styleId);
             }
             const runSegments2 = segmentsByRun.get(runIndex);
-            const segX = runSegments2 && runSegments2[0]?.x !== void 0 ? runSegments2[0].x : cumulativeX;
+            const baseSegX = runSegments2 && runSegments2[0]?.x !== void 0 ? runSegments2[0].x : cumulativeX;
+            const segX = baseSegX + indentOffset;
             const segWidth = (runSegments2 && runSegments2[0]?.width !== void 0 ? runSegments2[0].width : 0) ?? 0;
             elem.style.position = "absolute";
             elem.style.left = `${segX}px`;
             el.appendChild(elem);
-            cumulativeX = segX + segWidth;
+            cumulativeX = baseSegX + segWidth;
           }
           continue;
         }
@@ -73919,7 +73939,8 @@ const _DomPainter = class _DomPainter2 {
             if (styleId) {
               elem.setAttribute("styleid", styleId);
             }
-            const xPos = segment.x !== void 0 ? segment.x : cumulativeX;
+            const baseX = segment.x !== void 0 ? segment.x : cumulativeX;
+            const xPos = baseX + indentOffset;
             elem.style.position = "absolute";
             elem.style.left = `${xPos}px`;
             el.appendChild(elem);
@@ -73933,7 +73954,7 @@ const _DomPainter = class _DomPainter2 {
               width = measureEl.offsetWidth;
               this.doc.body.removeChild(measureEl);
             }
-            cumulativeX = xPos + width;
+            cumulativeX = baseX + width;
           }
         });
       }
@@ -76323,6 +76344,32 @@ function layoutDrawingBlock({
   state2.page.fragments.push(fragment);
   state2.cursorY += requiredHeight;
 }
+function getTableIndentWidth(attrs) {
+  if (!attrs) {
+    return 0;
+  }
+  const tableIndent = attrs.tableIndent;
+  if (!tableIndent || typeof tableIndent !== "object") {
+    return 0;
+  }
+  const width = tableIndent.width;
+  if (width === void 0 || width === null) {
+    return 0;
+  }
+  if (typeof width !== "number") {
+    return 0;
+  }
+  if (!Number.isFinite(width)) {
+    return 0;
+  }
+  return width;
+}
+function applyTableIndent(x2, width, indent) {
+  return {
+    x: x2 + indent,
+    width: Math.max(0, width - indent)
+  };
+}
 function calculateColumnMinWidth(columnIndex, measure) {
   const DEFAULT_MIN_WIDTH = 25;
   const measuredWidth = measure.columnWidths[columnIndex] || DEFAULT_MIN_WIDTH;
@@ -76537,14 +76584,18 @@ function layoutMonolithicTable(context) {
     columnBoundaries: generateColumnBoundaries(context.measure),
     coordinateSystem: "fragment"
   };
+  const tableIndent = getTableIndentWidth(context.block.attrs);
+  const baseX = context.columnX(state2.columnIndex);
+  const baseWidth = Math.min(context.columnWidth, context.measure.totalWidth || context.columnWidth);
+  const { x: x2, width } = applyTableIndent(baseX, baseWidth, tableIndent);
   const fragment = {
     kind: "table",
     blockId: context.block.id,
     fromRow: 0,
     toRow: context.block.rows.length,
-    x: context.columnX(state2.columnIndex),
+    x: x2,
     y: state2.cursorY,
-    width: Math.min(context.columnWidth, context.measure.totalWidth || context.columnWidth),
+    width,
     height,
     metadata
   };
@@ -76611,14 +76662,18 @@ function layoutTableBlock({
       columnBoundaries: generateColumnBoundaries(measure),
       coordinateSystem: "fragment"
     };
+    const tableIndent = getTableIndentWidth(block.attrs);
+    const baseX = columnX(state2.columnIndex);
+    const baseWidth = Math.min(columnWidth, measure.totalWidth || columnWidth);
+    const { x: x2, width } = applyTableIndent(baseX, baseWidth, tableIndent);
     const fragment = {
       kind: "table",
       blockId: block.id,
       fromRow: 0,
       toRow: 0,
-      x: columnX(state2.columnIndex),
+      x: x2,
       y: state2.cursorY,
-      width: Math.min(columnWidth, measure.totalWidth || columnWidth),
+      width,
       height,
       metadata
     };
@@ -76666,14 +76721,18 @@ function layoutTableBlock({
       });
       const fragmentHeight2 = continuationPartialRow.partialHeight + (repeatHeaderCount > 0 ? headerHeight : 0);
       if (fragmentHeight2 > 0 && madeProgress) {
+        const tableIndent2 = getTableIndentWidth(block.attrs);
+        const baseX2 = columnX(state2.columnIndex);
+        const baseWidth2 = Math.min(columnWidth, measure.totalWidth || columnWidth);
+        const { x: x22, width: width2 } = applyTableIndent(baseX2, baseWidth2, tableIndent2);
         const fragment2 = {
           kind: "table",
           blockId: block.id,
           fromRow: rowIndex,
           toRow: rowIndex + 1,
-          x: columnX(state2.columnIndex),
+          x: x22,
           y: state2.cursorY,
-          width: Math.min(columnWidth, measure.totalWidth || columnWidth),
+          width: width2,
           height: fragmentHeight2,
           continuesFromPrev: true,
           continuesOnNext: hasRemainingLinesAfterContinuation || rowIndex + 1 < block.rows.length,
@@ -76706,14 +76765,18 @@ function layoutTableBlock({
       const forcedPartialRow = computePartialRow(bodyStartRow, block.rows[bodyStartRow], measure, availableForBody);
       const forcedEndRow = bodyStartRow + 1;
       const fragmentHeight2 = forcedPartialRow.partialHeight + (repeatHeaderCount > 0 ? headerHeight : 0);
+      const tableIndent2 = getTableIndentWidth(block.attrs);
+      const baseX2 = columnX(state2.columnIndex);
+      const baseWidth2 = Math.min(columnWidth, measure.totalWidth || columnWidth);
+      const { x: x22, width: width2 } = applyTableIndent(baseX2, baseWidth2, tableIndent2);
       const fragment2 = {
         kind: "table",
         blockId: block.id,
         fromRow: bodyStartRow,
         toRow: forcedEndRow,
-        x: columnX(state2.columnIndex),
+        x: x22,
         y: state2.cursorY,
-        width: Math.min(columnWidth, measure.totalWidth || columnWidth),
+        width: width2,
         height: fragmentHeight2,
         continuesFromPrev: isTableContinuation,
         continuesOnNext: !forcedPartialRow.isLastPart || forcedEndRow < block.rows.length,
@@ -76737,14 +76800,18 @@ function layoutTableBlock({
         measure
       );
     }
+    const tableIndent = getTableIndentWidth(block.attrs);
+    const baseX = columnX(state2.columnIndex);
+    const baseWidth = Math.min(columnWidth, measure.totalWidth || columnWidth);
+    const { x: x2, width } = applyTableIndent(baseX, baseWidth, tableIndent);
     const fragment = {
       kind: "table",
       blockId: block.id,
       fromRow: bodyStartRow,
       toRow: endRow,
-      x: columnX(state2.columnIndex),
+      x: x2,
       y: state2.cursorY,
-      width: Math.min(columnWidth, measure.totalWidth || columnWidth),
+      width,
       height: fragmentHeight,
       continuesFromPrev: isTableContinuation,
       continuesOnNext: endRow < block.rows.length || (partialRow ? !partialRow.isLastPart : false),
@@ -79915,6 +79982,7 @@ const rangesOverlap = (startA, endA, startB, endB) => {
   return effectiveEndA > startB && startA < endB;
 };
 function hitTestPage(layout, point) {
+  const pageGap = layout.pageGap ?? 0;
   let cursorY = 0;
   for (let pageIndex = 0; pageIndex < layout.pages.length; pageIndex += 1) {
     const page = layout.pages[pageIndex];
@@ -79923,7 +79991,7 @@ function hitTestPage(layout, point) {
     if (point.y >= top2 && point.y < bottom2) {
       return { pageIndex, page };
     }
-    cursorY = bottom2;
+    cursorY = bottom2 + pageGap;
   }
   return null;
 }
@@ -80132,9 +80200,10 @@ function clickToPosition(layout, blocks, measures, containerPoint, domContainer,
   if (!pageHit) {
     return null;
   }
+  const pageGap = layout.pageGap ?? 0;
   const pageRelativePoint = {
     x: containerPoint.x,
-    y: containerPoint.y - pageHit.pageIndex * layout.pageSize.h
+    y: containerPoint.y - pageHit.pageIndex * (layout.pageSize.h + pageGap)
   };
   logClickStage("log", "page-hit", {
     pageIndex: pageHit.pageIndex
@@ -80355,7 +80424,7 @@ function selectionToRects(layout, blocks, measures, from2, to) {
           const rectY = fragment.y + lineOffset;
           rects.push({
             x: rectX,
-            y: rectY + pageIndex * layout.pageSize.h,
+            y: rectY + pageIndex * (layout.pageSize.h + (layout.pageGap ?? 0)),
             width: rectWidth,
             height: line.lineHeight,
             pageIndex
@@ -80472,7 +80541,7 @@ function selectionToRects(layout, blocks, measures, from2, to) {
                 const rectY = fragment.y + rowOffset + blockTopCursor + lineOffset;
                 rects.push({
                   x: rectX,
-                  y: rectY + pageIndex * layout.pageSize.h,
+                  y: rectY + pageIndex * (layout.pageSize.h + (layout.pageGap ?? 0)),
                   width: rectWidth,
                   height: line.lineHeight,
                   pageIndex
@@ -80501,7 +80570,7 @@ function selectionToRects(layout, blocks, measures, from2, to) {
         if (!rangesOverlap(pmRange.pmStart, pmRange.pmEnd, from2, to)) return;
         rects.push({
           x: fragment.x,
-          y: fragment.y + pageIndex * layout.pageSize.h,
+          y: fragment.y + pageIndex * (layout.pageSize.h + (layout.pageGap ?? 0)),
           width: fragment.width,
           height: fragment.height,
           pageIndex
@@ -81530,7 +81599,15 @@ async function measureParagraphBlock(block, maxWidth) {
             currentLine.width = roundValue(currentLine.width + boundarySpacing + wordOnlyWidth);
             currentLine.maxFontInfo = updateMaxFontInfo(currentLine.maxFontSize, currentLine.maxFontInfo, run2);
             currentLine.maxFontSize = Math.max(currentLine.maxFontSize, run2.fontSize);
-            appendSegment(currentLine.segments, runIndex, wordStartChar, wordEndNoSpace, wordOnlyWidth, segmentStartX);
+            const useExplicitXHere = wordIndex === 0 && segmentStartX !== void 0;
+            appendSegment(
+              currentLine.segments,
+              runIndex,
+              wordStartChar,
+              wordEndNoSpace,
+              wordOnlyWidth,
+              useExplicitXHere ? segmentStartX : void 0
+            );
             const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
             const completedLine = { ...currentLine, ...metrics };
             addBarTabsToLine(completedLine);
@@ -83415,6 +83492,8 @@ function isValidFieldAnnotationAttributes(attrs) {
 const FIELD_ANNOTATION_DATA_TYPE = "fieldAnnotation";
 const DEFAULT_PAGE_SIZE = { w: 612, h: 792 };
 const DEFAULT_MARGINS = { top: 72, right: 72, bottom: 72, left: 72 };
+const DEFAULT_VIRTUALIZED_PAGE_GAP = 72;
+const DEFAULT_PAGE_GAP = 24;
 const WORD_CHARACTER_REGEX = /[\p{L}\p{N}''_~-]/u;
 const MULTI_CLICK_TIME_THRESHOLD_MS = 400;
 const MULTI_CLICK_DISTANCE_THRESHOLD_PX = 5;
@@ -84489,8 +84568,9 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
     const rawRects = layoutRectSource();
     if (!rawRects.length) return [];
     const pageHeight = __privateGet$1(this, _session).mode === "body" ? __privateMethod$1(this, _PresentationEditor_instances, getBodyPageHeight_fn).call(this) : __privateMethod$1(this, _PresentationEditor_instances, getHeaderFooterPageHeight_fn).call(this);
+    const pageGap = __privateGet$1(this, _layoutState).layout?.pageGap ?? 0;
     return rawRects.map((rect) => {
-      const pageLocalY = rect.y - rect.pageIndex * pageHeight;
+      const pageLocalY = rect.y - rect.pageIndex * (pageHeight + pageGap);
       const coords = __privateMethod$1(this, _PresentationEditor_instances, convertPageLocalToOverlayCoords_fn).call(this, rect.pageIndex, rect.x, pageLocalY);
       if (!coords) return null;
       const absLeft = coords.x * zoom + overlayRect.left;
@@ -84742,7 +84822,8 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
         return null;
       }
       const pageHeight = __privateMethod$1(this, _PresentationEditor_instances, getBodyPageHeight_fn).call(this);
-      const pageLocalY = rect2.y - rect2.pageIndex * pageHeight;
+      const pageGap = __privateGet$1(this, _layoutState).layout?.pageGap ?? 0;
+      const pageLocalY = rect2.y - rect2.pageIndex * (pageHeight + pageGap);
       const coords = __privateMethod$1(this, _PresentationEditor_instances, convertPageLocalToOverlayCoords_fn).call(this, rect2.pageIndex, rect2.x, pageLocalY);
       if (!coords) {
         return null;
@@ -85486,10 +85567,11 @@ renderRemoteSelection_fn = function(cursor) {
   const color = __privateMethod$1(this, _PresentationEditor_instances, getValidatedColor_fn).call(this, cursor);
   const opacity = __privateGet$1(this, _layoutOptions).presence?.highlightOpacity ?? 0.35;
   const pageHeight = layout.pageSize?.h ?? __privateGet$1(this, _layoutOptions).pageSize?.h ?? DEFAULT_PAGE_SIZE.h;
+  const pageGap = layout.pageGap ?? 0;
   const doc2 = __privateGet$1(this, _visibleHost).ownerDocument ?? document;
   const limitedRects = rects.slice(0, MAX_SELECTION_RECTS_PER_USER);
   limitedRects.forEach((rect) => {
-    const pageLocalY = rect.y - rect.pageIndex * pageHeight;
+    const pageLocalY = rect.y - rect.pageIndex * (pageHeight + pageGap);
     const coords = __privateMethod$1(this, _PresentationEditor_instances, convertPageLocalToOverlayCoords_fn).call(this, rect.pageIndex, rect.x, pageLocalY);
     if (!coords) return;
     const selectionEl = doc2.createElement("div");
@@ -85952,6 +86034,12 @@ rerender_fn = async function() {
       return;
     }
     ({ layout, measures } = result);
+    if (__privateGet$1(this, _layoutOptions).virtualization?.enabled) {
+      const gap = __privateGet$1(this, _layoutOptions).virtualization.gap ?? DEFAULT_VIRTUALIZED_PAGE_GAP;
+      layout.pageGap = Math.max(0, gap);
+    } else {
+      layout.pageGap = DEFAULT_PAGE_GAP;
+    }
     headerLayouts = result.headers;
     footerLayouts = result.footers;
   } catch (error) {
@@ -86439,9 +86527,10 @@ hitTestHeaderFooterRegion_fn = function(x2, y2) {
   const layout = __privateGet$1(this, _layoutState).layout;
   if (!layout) return null;
   const pageHeight = layout.pageSize?.h ?? __privateGet$1(this, _layoutOptions).pageSize?.h ?? DEFAULT_PAGE_SIZE.h;
+  const pageGap = layout.pageGap ?? 0;
   if (pageHeight <= 0) return null;
-  const pageIndex = Math.max(0, Math.floor(y2 / pageHeight));
-  const pageLocalY = y2 - pageIndex * pageHeight;
+  const pageIndex = Math.max(0, Math.floor(y2 / (pageHeight + pageGap)));
+  const pageLocalY = y2 - pageIndex * (pageHeight + pageGap);
   const headerRegion = __privateGet$1(this, _headerRegions).get(pageIndex);
   if (headerRegion && __privateMethod$1(this, _PresentationEditor_instances, pointInRegion_fn).call(this, headerRegion, x2, pageLocalY)) {
     return headerRegion;
@@ -86866,8 +86955,9 @@ renderSelectionRects_fn = function(rects) {
     return;
   }
   const pageHeight = __privateMethod$1(this, _PresentationEditor_instances, getBodyPageHeight_fn).call(this);
+  const pageGap = __privateGet$1(this, _layoutState).layout?.pageGap ?? 0;
   rects.forEach((rect, _index) => {
-    const pageLocalY = rect.y - rect.pageIndex * pageHeight;
+    const pageLocalY = rect.y - rect.pageIndex * (pageHeight + pageGap);
     const coords = __privateMethod$1(this, _PresentationEditor_instances, convertPageLocalToOverlayCoords_fn).call(this, rect.pageIndex, rect.x, pageLocalY);
     if (!coords) {
       return;
@@ -87125,9 +87215,10 @@ convertPageLocalToOverlayCoords_fn = function(pageIndex, pageLocalX, pageLocalY)
     return null;
   }
   const pageHeight = __privateGet$1(this, _layoutOptions).pageSize?.h ?? DEFAULT_PAGE_SIZE.h;
+  const pageGap = __privateGet$1(this, _layoutState).layout?.pageGap ?? 0;
   return {
     x: pageLocalX,
-    y: pageIndex * pageHeight + pageLocalY
+    y: pageIndex * (pageHeight + pageGap) + pageLocalY
   };
 };
 normalizeClientPoint_fn = function(clientX, clientY) {
@@ -100778,6 +100869,8 @@ const PassthroughInline = Node$1.create({
   name: "passthroughInline",
   group: "inline",
   inline: true,
+  // IMPORTANT: This node is registered in pm-adapter/src/constants.ts ATOMIC_INLINE_TYPES
+  // If you change atom to false, you MUST remove it from that set to avoid positioning bugs
   atom: true,
   draggable: false,
   selectable: false,