superdoc 1.0.0-beta.55 → 1.0.0-beta.56

package/dist/chunks/{PdfViewer-ObG30G-u.cjs → PdfViewer-CnvD--7P.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-BpBdSm3V.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-ARRkZgYS.es.js → PdfViewer-DsYaXp0H.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-DF1aQt8V.es.js";
 function self(vars) {
   const {
     opacityDisabled,

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

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-C2Ob7BbN.cjs");
+const superEditor_es = require("./super-editor.es-DkFw0sfq.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-CnvD--7P.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.56";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-Bwqb03qi.es.js → index-DF1aQt8V.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-BxMwj135.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-DsYaXp0H.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.56";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-bqjMjne1-DBB94Dlj.es.js → index-DYnUncjo-Br0s3gQs.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-BxMwj135.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-DYnUncjo-Uv8YzgRb.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-DkFw0sfq.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-BxMwj135.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.56") {
     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.56";
 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-DYnUncjo-Br0s3gQs.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.56");
     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"]
@@ -79915,6 +79923,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 +79932,7 @@ function hitTestPage(layout, point) {
     if (point.y >= top2 && point.y < bottom2) {
       return { pageIndex, page };
     }
-    cursorY = bottom2;
+    cursorY = bottom2 + pageGap;
   }
   return null;
 }
@@ -80132,9 +80141,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 +80365,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 +80482,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 +80511,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
@@ -83415,6 +83425,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 +84501,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 +84755,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 +85500,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 +85967,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 +86460,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 +86888,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 +87148,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 +100802,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,

package/dist/chunks/{super-editor.es-C2Ob7BbN.cjs → super-editor.es-DkFw0sfq.cjs}

@@ -42185,7 +42185,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.56") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -59367,7 +59367,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.55";
+const summaryVersion = "1.0.0-beta.56";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -60156,7 +60156,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      Promise.resolve().then(() => require("./index-bqjMjne1-CJi4d9NS.cjs")),
+      Promise.resolve().then(() => require("./index-DYnUncjo-Uv8YzgRb.cjs")),
       Promise.resolve().then(() => require("./index-DRCvimau-H4Ck3S9a.cjs")),
       Promise.resolve().then(() => require("./index-C_x_N6Uh-Db3CUJMX.cjs")),
       Promise.resolve().then(() => require("./index-D_sWOSiG-BtDZzJ6I.cjs")),
@@ -60361,7 +60361,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.56");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -61308,7 +61308,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"]
@@ -79932,6 +79940,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];
@@ -79940,7 +79949,7 @@ function hitTestPage(layout, point) {
     if (point.y >= top2 && point.y < bottom2) {
       return { pageIndex, page };
     }
-    cursorY = bottom2;
+    cursorY = bottom2 + pageGap;
   }
   return null;
 }
@@ -80149,9 +80158,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
@@ -80372,7 +80382,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
@@ -80489,7 +80499,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
@@ -80518,7 +80528,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
@@ -83432,6 +83442,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;
@@ -84506,8 +84518,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;
@@ -84759,7 +84772,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;
@@ -85503,10 +85517,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");
@@ -85969,6 +85984,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) {
@@ -86456,9 +86477,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;
@@ -86883,8 +86905,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;
@@ -87142,9 +87165,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) {
@@ -100795,6 +100819,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,

package/dist/super-editor/ai-writer.es.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, onUnmounted, computed, createElementBlock, openBlock, withModifiers, createElementVNode, withDirectives, unref, vModelText, createCommentVNode, nextTick } from "vue";
-import { T as TextSelection } from "./chunks/converter-D33MGATy.js";
-import { _ as _export_sfc } from "./chunks/editor-BiFHsy25.js";
+import { T as TextSelection } from "./chunks/converter-DwC5XPQX.js";
+import { _ as _export_sfc } from "./chunks/editor-CoKNeouN.js";
 const DEFAULT_API_ENDPOINT = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights";
 const SYSTEM_PROMPT = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
 async function baseInsightsFetch(payload, options = {}) {

package/dist/super-editor/chunks/{converter-D33MGATy.js → converter-DwC5XPQX.js}

@@ -42449,7 +42449,7 @@ const _SuperConverter = class _SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.0.0-beta.55") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.0.0-beta.56") {
     return _SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/super-editor/chunks/{docx-zipper-C7Fp89_I.js → docx-zipper-BkCzC50U.js}

@@ -1,4 +1,4 @@
-import { p as process$1, aJ as commonjsGlobal, B as Buffer, aK as getDefaultExportFromCjs, aL as getContentTypesFromXml, aM as xmljs } from "./converter-D33MGATy.js";
+import { p as process$1, aJ as commonjsGlobal, B as Buffer, aK as getDefaultExportFromCjs, aL as getContentTypesFromXml, aM as xmljs } from "./converter-DwC5XPQX.js";
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }