@harbour-enterprises/superdoc 1.0.0-beta.55 → 1.0.0-beta.57

package/dist/superdoc.umd.js

@@ -42186,7 +42186,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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);
     }
     /**
@@ -67225,7 +67225,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   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) {
@@ -68014,7 +68014,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexBqjMjne1),
+        Promise.resolve().then(() => indexD5IkZjf9),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -68219,7 +68219,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * 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");
@@ -69166,7 +69166,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   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"]
@@ -70687,6 +70695,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       case "center":
       case "right":
       case "justify":
+      case "left":
         return value;
       case "both":
       case "distribute":
@@ -80242,9 +80251,11 @@ ${l}
           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`;
             }
@@ -81675,6 +81686,13 @@ ${l}
         }
       }
       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) => {
@@ -81706,7 +81724,7 @@ ${l}
             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`;
@@ -81737,12 +81755,13 @@ ${l}
                 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;
           }
@@ -81759,12 +81778,13 @@ ${l}
                 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;
           }
@@ -81794,7 +81814,8 @@ ${l}
               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);
@@ -81808,7 +81829,7 @@ ${l}
                 width = measureEl.offsetWidth;
                 this.doc.body.removeChild(measureEl);
               }
-              cumulativeX = xPos + width;
+              cumulativeX = baseX + width;
             }
           });
         }
@@ -84198,6 +84219,32 @@ ${l}
     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, indent2) {
+    return {
+      x: x2 + indent2,
+      width: Math.max(0, width - indent2)
+    };
+  }
   function calculateColumnMinWidth(columnIndex, measure) {
     const DEFAULT_MIN_WIDTH = 25;
     const measuredWidth = measure.columnWidths[columnIndex] || DEFAULT_MIN_WIDTH;
@@ -84412,14 +84459,18 @@ ${l}
       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
     };
@@ -84486,14 +84537,18 @@ ${l}
         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
       };
@@ -84541,14 +84596,18 @@ ${l}
         });
         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,
@@ -84581,14 +84640,18 @@ ${l}
         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,
@@ -84612,14 +84675,18 @@ ${l}
           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),
@@ -87790,6 +87857,7 @@ ${l}
     return effectiveEndA > startB && startA < endB;
   };
   function hitTestPage(layout, point2) {
+    const pageGap = layout.pageGap ?? 0;
     let cursorY = 0;
     for (let pageIndex = 0; pageIndex < layout.pages.length; pageIndex += 1) {
       const page = layout.pages[pageIndex];
@@ -87798,7 +87866,7 @@ ${l}
       if (point2.y >= top2 && point2.y < bottom2) {
         return { pageIndex, page };
       }
-      cursorY = bottom2;
+      cursorY = bottom2 + pageGap;
     }
     return null;
   }
@@ -88007,9 +88075,10 @@ ${l}
     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
@@ -88230,7 +88299,7 @@ ${l}
             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
@@ -88347,7 +88416,7 @@ ${l}
                   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
@@ -88376,7 +88445,7 @@ ${l}
           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
@@ -89405,7 +89474,15 @@ ${l}
               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);
@@ -91290,6 +91367,8 @@ ${l}
   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;
@@ -92364,8 +92443,9 @@ ${l}
       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;
@@ -92617,7 +92697,8 @@ ${l}
           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;
@@ -93361,10 +93442,11 @@ ${l}
     const color2 = __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");
@@ -93827,6 +93909,12 @@ ${l}
         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) {
@@ -94314,9 +94402,10 @@ ${l}
     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;
@@ -94741,8 +94830,9 @@ ${l}
       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;
@@ -95000,9 +95090,10 @@ ${l}
       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) {
@@ -108653,6 +108744,8 @@ ${l}
     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,
@@ -148971,7 +149064,7 @@ ${style2}
       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 = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -151437,7 +151530,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexBqjMjne1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexD5IkZjf9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));