@harbour-enterprises/superdoc 1.0.0-beta.97 → 1.0.0-beta.98

package/dist/superdoc.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-BP3PKkwh.cjs");
-const superdoc = require("./chunks/index-DZ_AI-HW.cjs");
+const superEditor_es = require("./chunks/super-editor.es-DN_dgBH0.cjs");
+const superdoc = require("./chunks/index-CUO7gEi8.cjs");
 const blankDocx = require("./chunks/blank-docx-DfW3Eeh2.cjs");
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;
 exports.Editor = superEditor_es.Editor;

package/dist/superdoc.es.js

@@ -1,5 +1,5 @@
-import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-BinyZw4F.es.js";
-import { D, H, P, S as S2, m, l } from "./chunks/index-DeQfFbTb.es.js";
+import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-3dJOUw65.es.js";
+import { D, H, P, S as S2, m, l } from "./chunks/index-CP2_WwLA.es.js";
 import { B } from "./chunks/blank-docx-ABm6XYAA.es.js";
 export {
   a as AnnotatorHelpers,

package/dist/superdoc.umd.js

@@ -42422,7 +42422,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.97") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.98") {
       return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -67497,7 +67497,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const shouldSkipNodeView = (editor) => {
     return isHeadless(editor);
   };
-  const summaryVersion = "1.0.0-beta.97";
+  const summaryVersion = "1.0.0-beta.98";
   const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
   const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
   function mapAttributes(attrs) {
@@ -68286,7 +68286,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexPvlqsxge),
+        Promise.resolve().then(() => indexDg_sTYZK),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -68491,7 +68491,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.97");
+      console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.98");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -70869,14 +70869,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return { pageSizePx, orientation };
   }
   function extractFallbackMargins(elements, currentHeader, currentFooter) {
-    if (currentHeader !== void 0 && currentFooter !== void 0) {
-      return { headerPx: currentHeader, footerPx: currentFooter };
-    }
     const pgMar = elements.find((el) => el?.name === "w:pgMar");
     const a2 = pgMar?.attributes || {};
     return {
       headerPx: currentHeader ?? (a2["w:header"] != null ? twipsToPixels$1(a2["w:header"]) : void 0),
-      footerPx: currentFooter ?? (a2["w:footer"] != null ? twipsToPixels$1(a2["w:footer"]) : void 0)
+      footerPx: currentFooter ?? (a2["w:footer"] != null ? twipsToPixels$1(a2["w:footer"]) : void 0),
+      topPx: a2["w:top"] != null ? twipsToPixels$1(a2["w:top"]) : void 0,
+      rightPx: a2["w:right"] != null ? twipsToPixels$1(a2["w:right"]) : void 0,
+      bottomPx: a2["w:bottom"] != null ? twipsToPixels$1(a2["w:bottom"]) : void 0,
+      leftPx: a2["w:left"] != null ? twipsToPixels$1(a2["w:left"]) : void 0
     };
   }
   function extractHeaderFooterRefs(elements, refName) {
@@ -70937,7 +70938,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const type2 = extractSectionType(sectPrElements);
     const { pageSizePx, orientation } = extractPageSizeAndOrientation(sectPrElements);
     const titlePg = sectPrElements.some((el) => el?.name === "w:titlePg");
-    ({ headerPx, footerPx } = extractFallbackMargins(sectPrElements, headerPx, footerPx));
+    const fallbackMargins = extractFallbackMargins(sectPrElements, headerPx, footerPx);
+    headerPx = fallbackMargins.headerPx;
+    footerPx = fallbackMargins.footerPx;
+    const { topPx, rightPx, bottomPx, leftPx } = fallbackMargins;
     const headerRefs = extractHeaderFooterRefs(sectPrElements, "w:headerReference");
     const footerRefs = extractHeaderFooterRefs(sectPrElements, "w:footerReference");
     const numbering = extractPageNumbering(sectPrElements);
@@ -70946,6 +70950,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return {
       headerPx,
       footerPx,
+      topPx,
+      rightPx,
+      bottomPx,
+      leftPx,
       type: type2,
       pageSizePx,
       orientation,
@@ -71057,7 +71065,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         startParagraphIndex: currentStart,
         endParagraphIndex: item.index,
         sectPr,
-        margins: sectionData.headerPx != null || sectionData.footerPx != null ? { header: sectionData.headerPx ?? 0, footer: sectionData.footerPx ?? 0 } : null,
+        margins: sectionData.headerPx != null || sectionData.footerPx != null ? {
+          header: sectionData.headerPx ?? 0,
+          footer: sectionData.footerPx ?? 0,
+          top: sectionData.topPx,
+          right: sectionData.rightPx,
+          bottom: sectionData.bottomPx,
+          left: sectionData.leftPx
+        } : null,
         pageSize: sectionData.pageSizePx ?? null,
         orientation: sectionData.orientation ?? null,
         columns: sectionData.columnsPx ?? null,
@@ -71099,7 +71114,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       startParagraphIndex: currentStart,
       endParagraphIndex: totalParagraphs - 1,
       sectPr: bodySectPr,
-      margins: bodySectionData.headerPx != null || bodySectionData.footerPx != null ? { header: bodySectionData.headerPx ?? 0, footer: bodySectionData.footerPx ?? 0 } : null,
+      margins: bodySectionData.headerPx != null || bodySectionData.footerPx != null ? {
+        header: bodySectionData.headerPx ?? 0,
+        footer: bodySectionData.footerPx ?? 0,
+        top: bodySectionData.topPx,
+        right: bodySectionData.rightPx,
+        bottom: bodySectionData.bottomPx,
+        left: bodySectionData.leftPx
+      } : null,
       pageSize: bodySectionData.pageSizePx ?? null,
       orientation: bodySectionData.orientation ?? null,
       columns: bodySectionData.columnsPx ?? null,
@@ -77378,41 +77400,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         }
       }
     }
-    try {
-      const blockSummaries = blocks2.map((b2) => {
-        if (b2.kind === "paragraph") {
-          const runs2 = b2.runs ?? [];
-          const attrs = b2.attrs ?? {};
-          return {
-            kind: "paragraph",
-            runKinds: runs2.map((r2) => r2.kind ?? "text"),
-            runCount: runs2.length,
-            runPreview: runs2.map((r2) => {
-              const kind = r2.kind ?? "text";
-              if (kind === "image") {
-                const img2 = r2;
-                return { kind, src: img2.src, width: img2.width, height: img2.height };
-              }
-              return { kind };
-            }),
-            hasNumbering: Boolean(attrs.numberingProperties),
-            markerText: attrs.wordLayout?.marker?.markerText
-          };
-        }
-        return { kind: b2.kind };
-      });
-      console.log(
-        "[tableNodeToBlock.parseTableCell] cell contents",
-        JSON.stringify({
-          cellIndex,
-          rowIndex,
-          cellIdPreview: `cell-${rowIndex}-${cellIndex}`,
-          childTypes: cellNode.content.map((c2) => c2?.type),
-          blocks: blockSummaries
-        })
-      );
-    } catch {
-    }
     if (blocks2.length === 0) {
       return null;
     }
@@ -81277,20 +81264,6 @@ ${l}
     }
     const cellBlocks = cell2?.blocks ?? (cell2?.paragraph ? [cell2.paragraph] : []);
     const blockMeasures = cellMeasure?.blocks ?? (cellMeasure?.paragraph ? [cellMeasure.paragraph] : []);
-    try {
-      console.log(
-        "[DomPainter.renderTableCell] cell render input",
-        JSON.stringify({
-          cellId: cell2?.id,
-          blockKinds: cellBlocks.map((b2) => b2.kind),
-          measureKinds: blockMeasures.map((m2) => m2.kind),
-          width: cellMeasure?.width,
-          height: cellMeasure?.height,
-          rowHeight
-        })
-      );
-    } catch {
-    }
     if (cellBlocks.length > 0 && blockMeasures.length > 0) {
       const content2 = doc2.createElement("div");
       content2.style.position = "relative";
@@ -81323,15 +81296,6 @@ ${l}
         const blockMeasure = blockMeasures[i2];
         const block = cellBlocks[i2];
         if (blockMeasure.kind === "image" && block?.kind === "image") {
-          console.log(
-            "[DomPainter.renderTableCell] rendering image block in cell",
-            JSON.stringify({
-              cellId: cell2?.id,
-              blockId: block.id,
-              width: blockMeasure.width,
-              height: blockMeasure.height
-            })
-          );
           const imageWrapper = doc2.createElement("div");
           imageWrapper.style.position = "relative";
           imageWrapper.style.width = `${blockMeasure.width}px`;
@@ -81354,16 +81318,6 @@ ${l}
           continue;
         }
         if (blockMeasure.kind === "drawing" && block?.kind === "drawing") {
-          console.log(
-            "[DomPainter.renderTableCell] rendering drawing block in cell",
-            JSON.stringify({
-              cellId: cell2?.id,
-              blockId: block.id,
-              drawingKind: block.drawingKind,
-              width: blockMeasure.width,
-              height: blockMeasure.height
-            })
-          );
           const drawingWrapper = doc2.createElement("div");
           drawingWrapper.style.position = "relative";
           drawingWrapper.style.width = `${blockMeasure.width}px`;
@@ -81406,20 +81360,6 @@ ${l}
           continue;
         }
         if (blockMeasure.kind === "paragraph" && block?.kind === "paragraph") {
-          try {
-            const runKinds = (block.runs ?? []).map((r2) => r2.kind ?? "text");
-            const imageRuns = (block.runs ?? []).filter((r2) => r2.kind === "image").map((r2) => ({ src: r2.src }));
-            console.log(
-              "[DomPainter.renderTableCell] rendering paragraph block in cell",
-              JSON.stringify({
-                cellId: cell2?.id,
-                blockId: block.id,
-                runKinds,
-                imageRuns
-              })
-            );
-          } catch {
-          }
           const paragraphMeasure = blockMeasure;
           const lines = paragraphMeasure.lines;
           const blockLineCount = lines?.length || 0;
@@ -83234,7 +83174,9 @@ ${l}
         const isTocEntry = block.attrs?.isTocEntry;
         const hasMarker = !fragment.continuesFromPrev && fragment.markerWidth && wordLayout?.marker;
         const hasSdtContainer = block.attrs?.sdt?.type === "documentSection" || block.attrs?.sdt?.type === "structuredContent" || block.attrs?.containerSdt?.type === "documentSection" || block.attrs?.containerSdt?.type === "structuredContent";
-        const styles = isTocEntry ? { ...fragmentStyles, whiteSpace: "nowrap" } : hasMarker || hasSdtContainer ? { ...fragmentStyles, overflow: "visible" } : fragmentStyles;
+        const paraIndentForOverflow = block.attrs?.indent;
+        const hasNegativeIndent = (paraIndentForOverflow?.left ?? 0) < 0 || (paraIndentForOverflow?.right ?? 0) < 0;
+        const styles = isTocEntry ? { ...fragmentStyles, whiteSpace: "nowrap" } : hasMarker || hasSdtContainer || hasNegativeIndent ? { ...fragmentStyles, overflow: "visible" } : fragmentStyles;
         applyStyles$2(fragmentEl, styles);
         this.applyFragmentFrame(fragmentEl, fragment, context.section);
         if (isTocEntry) {
@@ -83263,6 +83205,8 @@ ${l}
         }
         if (fragmentEl.style.paddingLeft) fragmentEl.style.removeProperty("padding-left");
         if (fragmentEl.style.paddingRight) fragmentEl.style.removeProperty("padding-right");
+        if (fragmentEl.style.marginLeft) fragmentEl.style.removeProperty("margin-left");
+        if (fragmentEl.style.marginRight) fragmentEl.style.removeProperty("margin-right");
         if (fragmentEl.style.textIndent) fragmentEl.style.removeProperty("text-indent");
         const paraIndent = block.attrs?.indent;
         const paraIndentLeft = paraIndent?.left ?? 0;
@@ -83291,16 +83235,22 @@ ${l}
           if (!isListFirstLine) {
             if (hasExplicitSegmentPositioning) {
               if (isFirstLine && firstLineOffset !== 0) {
-                const adjustedPadding = paraIndentLeft + firstLineOffset;
-                lineEl.style.paddingLeft = `${adjustedPadding}px`;
+                const effectiveLeftIndent = paraIndentLeft < 0 ? 0 : paraIndentLeft;
+                const adjustedPadding = effectiveLeftIndent + firstLineOffset;
+                if (adjustedPadding > 0) {
+                  lineEl.style.paddingLeft = `${adjustedPadding}px`;
+                }
               }
-            } else if (paraIndentLeft) {
+            } else if (paraIndentLeft && paraIndentLeft > 0) {
               lineEl.style.paddingLeft = `${paraIndentLeft}px`;
+            } else if (!isFirstLine && paraIndent?.hanging && paraIndent.hanging > 0) {
+              lineEl.style.paddingLeft = `${paraIndent.hanging}px`;
             }
           }
-          if (paraIndentRight) {
+          if (paraIndentRight && paraIndentRight > 0) {
             lineEl.style.paddingRight = `${paraIndentRight}px`;
           }
+          const hasNegativeLeftIndent = paraIndentLeft != null && paraIndentLeft < 0;
           if (!fragment.continuesFromPrev && index2 === 0 && firstLineOffset && !isListFirstLine) {
             if (!hasExplicitSegmentPositioning) {
               lineEl.style.textIndent = `${firstLineOffset}px`;
@@ -85585,15 +85535,18 @@ ${l}
     }
     const indent2 = attrs.indent;
     if (indent2) {
-      if (indent2.left) {
+      if (indent2.left && indent2.left > 0) {
         element2.style.paddingLeft = `${indent2.left}px`;
       }
-      if (indent2.right) {
+      if (indent2.right && indent2.right > 0) {
         element2.style.paddingRight = `${indent2.right}px`;
       }
-      const textIndent = (indent2.firstLine ?? 0) - (indent2.hanging ?? 0);
-      if (textIndent) {
-        element2.style.textIndent = `${textIndent}px`;
+      const hasNegativeLeftIndent = indent2.left != null && indent2.left < 0;
+      if (!hasNegativeLeftIndent) {
+        const textIndent = (indent2.firstLine ?? 0) - (indent2.hanging ?? 0);
+        if (textIndent) {
+          element2.style.textIndent = `${textIndent}px`;
+        }
       }
     }
     applyParagraphBorderStyles(element2, attrs.borders);
@@ -86955,20 +86908,6 @@ ${l}
     }
     return value;
   };
-  function calculateFirstLineIndent(block, measure) {
-    const wordLayout = block.attrs?.wordLayout;
-    if (!wordLayout?.firstLineIndentMode) {
-      return 0;
-    }
-    if (!wordLayout.marker || !measure.marker) {
-      return 0;
-    }
-    const markerWidthRaw = measure.marker.markerWidth ?? wordLayout.marker.markerBoxWidthPx ?? 0;
-    const markerWidth = Number.isFinite(markerWidthRaw) && markerWidthRaw >= 0 ? markerWidthRaw : 0;
-    const gutterWidthRaw = measure.marker.gutterWidth ?? 0;
-    const gutterWidth = Number.isFinite(gutterWidthRaw) && gutterWidthRaw >= 0 ? gutterWidthRaw : 0;
-    return markerWidth + gutterWidth;
-  }
   function layoutParagraphBlock(ctx2, anchors) {
     const { block, measure, columnWidth, ensurePage, advanceColumn, columnX, floatManager } = ctx2;
     const remeasureParagraph2 = ctx2.remeasureParagraph;
@@ -87090,10 +87029,25 @@ ${l}
     }
     let lines = normalizeLines(measure);
     const measurementWidth = lines[0]?.maxWidth;
+    const paraIndent = block.attrs?.indent;
+    const indentLeft = typeof paraIndent?.left === "number" && Number.isFinite(paraIndent.left) ? paraIndent.left : 0;
+    const indentRight = typeof paraIndent?.right === "number" && Number.isFinite(paraIndent.right) ? paraIndent.right : 0;
+    const negativeLeftIndent = indentLeft < 0 ? indentLeft : 0;
+    const negativeRightIndent = indentRight < 0 ? indentRight : 0;
+    const remeasureWidth = Math.max(1, columnWidth - indentLeft - indentRight);
     let didRemeasureForColumnWidth = false;
-    if (typeof remeasureParagraph2 === "function" && typeof measurementWidth === "number" && measurementWidth > columnWidth) {
-      const firstLineIndent = calculateFirstLineIndent(block, measure);
-      const newMeasure = remeasureParagraph2(block, columnWidth, firstLineIndent);
+    if (typeof remeasureParagraph2 === "function" && typeof measurementWidth === "number" && measurementWidth > remeasureWidth) {
+      let firstLineIndent = 0;
+      const wordLayout = block.attrs?.wordLayout;
+      if (wordLayout?.marker && measure.marker) {
+        const markerJustification = wordLayout.marker.justification ?? "left";
+        if (markerJustification === "left") {
+          const markerWidth = measure.marker.markerWidth ?? 0;
+          const gutterWidth = measure.marker.gutterWidth ?? wordLayout.marker.gutterWidthPx ?? 0;
+          firstLineIndent = markerWidth + gutterWidth;
+        }
+      }
+      const newMeasure = remeasureParagraph2(block, remeasureWidth, firstLineIndent);
       lines = normalizeLines(newMeasure);
       didRemeasureForColumnWidth = true;
     }
@@ -87172,9 +87126,19 @@ ${l}
         }
         tempY += lineHeight2;
       }
-      if (narrowestWidth < columnWidth) {
-        const firstLineIndent = calculateFirstLineIndent(block, measure);
-        const newMeasure = remeasureParagraph2(block, narrowestWidth, firstLineIndent);
+      const narrowestRemeasureWidth = Math.max(1, narrowestWidth - indentLeft - indentRight);
+      if (narrowestRemeasureWidth < remeasureWidth) {
+        let firstLineIndent = 0;
+        const wordLayout = block.attrs?.wordLayout;
+        if (wordLayout?.marker && measure.marker) {
+          const markerJustification = wordLayout.marker.justification ?? "left";
+          if (markerJustification === "left") {
+            const markerWidth = measure.marker.markerWidth ?? 0;
+            const gutterWidth = measure.marker.gutterWidth ?? wordLayout.marker.gutterWidthPx ?? 0;
+            firstLineIndent = markerWidth + gutterWidth;
+          }
+        }
+        const newMeasure = remeasureParagraph2(block, narrowestRemeasureWidth, firstLineIndent);
         lines = normalizeLines(newMeasure);
         didRemeasureForFloats = true;
       }
@@ -87228,14 +87192,16 @@ ${l}
       }
       const slice2 = sliceLines(lines, fromLine, state2.contentBottom - state2.cursorY);
       const fragmentHeight = slice2.height;
+      const adjustedX = columnX(state2.columnIndex) + offsetX + negativeLeftIndent;
+      const adjustedWidth = effectiveColumnWidth - negativeLeftIndent - negativeRightIndent;
       const fragment = {
         kind: "para",
         blockId: block.id,
         fromLine,
         toLine: slice2.toLine,
-        x: columnX(state2.columnIndex) + offsetX,
+        x: adjustedX,
         y: state2.cursorY,
-        width: effectiveColumnWidth,
+        width: adjustedWidth,
         ...computeFragmentPmRange(block, lines, fromLine, slice2.toLine)
       };
       if (didRemeasureForColumnWidth) {
@@ -90943,9 +90909,15 @@ ${l}
   }
   const DEFAULT_PAGE_SIZE$1 = { w: 612, h: 792 };
   const DEFAULT_MARGINS$1 = { top: 72, right: 72, bottom: 72, left: 72 };
+  const normalizeMargin = (value, fallback) => Number.isFinite(value) ? value : fallback;
   function resolveMeasurementConstraints(options) {
     const pageSize = options.pageSize ?? DEFAULT_PAGE_SIZE$1;
-    const margins = options.margins ?? DEFAULT_MARGINS$1;
+    const margins = {
+      top: normalizeMargin(options.margins?.top, DEFAULT_MARGINS$1.top),
+      right: normalizeMargin(options.margins?.right, DEFAULT_MARGINS$1.right),
+      bottom: normalizeMargin(options.margins?.bottom, DEFAULT_MARGINS$1.bottom),
+      left: normalizeMargin(options.margins?.left, DEFAULT_MARGINS$1.left)
+    };
     const contentWidth = pageSize.w - (margins.left + margins.right);
     const contentHeight = pageSize.h - (margins.top + margins.bottom);
     const columns = options.columns;
@@ -92483,8 +92455,8 @@ ${l}
     const lines = [];
     const indent2 = block.attrs?.indent;
     const spacing = block.attrs?.spacing;
-    const indentLeft = sanitizePositive(indent2?.left);
-    const indentRight = sanitizePositive(indent2?.right);
+    const indentLeft = sanitizeIndent(indent2?.left);
+    const indentRight = sanitizeIndent(indent2?.right);
     const firstLine = indent2?.firstLine ?? 0;
     const hanging = indent2?.hanging ?? 0;
     const isWordLayoutList = Boolean(wordLayout?.marker);
@@ -92493,10 +92465,10 @@ ${l}
     const clampedFirstLineOffset = Math.max(0, rawFirstLineOffset);
     const firstLineOffset = isWordLayoutList ? 0 : clampedFirstLineOffset;
     const contentWidth = Math.max(1, maxWidth - indentLeft - indentRight);
+    const bodyContentWidth = contentWidth;
     let initialAvailableWidth;
     const textStartPx = wordLayout?.textStartPx;
-    const treatAsHanging = isWordLayoutList && indentLeft === 0 && hanging === 0 && typeof textStartPx === "number";
-    if (typeof textStartPx === "number" && textStartPx > indentLeft && !treatAsHanging) {
+    if (typeof textStartPx === "number" && textStartPx > indentLeft) {
       initialAvailableWidth = Math.max(1, maxWidth - textStartPx - indentRight);
     } else {
       initialAvailableWidth = Math.max(1, contentWidth - firstLineOffset);
@@ -92543,21 +92515,6 @@ ${l}
         totalHeight: metrics.lineHeight
       };
     }
-    const isListLike = Boolean(block.attrs?.numId || wordLayout?.marker);
-    if (isListLike) {
-      console.log(
-        "[measureParagraph][list]",
-        JSON.stringify({
-          blockId: block.id,
-          maxWidth,
-          indentLeft,
-          indentRight,
-          textStartPx: textStartPx ?? null,
-          firstLineOffset: firstLineOffset ?? null,
-          initialAvailableWidth
-        })
-      );
-    }
     let currentLine = null;
     const getEffectiveWidth = (baseWidth) => {
       if (dropCapMeasure && lines.length < dropCapMeasure.lines && dropCapMeasure.mode === "drop") {
@@ -92703,7 +92660,7 @@ ${l}
           lines.push(emptyLine);
         }
         const hadPreviousLine = lines.length > 0;
-        const nextLineMaxWidth = hadPreviousLine ? getEffectiveWidth(contentWidth) : getEffectiveWidth(initialAvailableWidth);
+        const nextLineMaxWidth = hadPreviousLine ? getEffectiveWidth(bodyContentWidth) : getEffectiveWidth(initialAvailableWidth);
         currentLine = {
           fromRun: runIndex,
           fromChar: 0,
@@ -92814,7 +92771,7 @@ ${l}
             toChar: 1,
             width: imageWidth,
             maxFontSize: imageHeight,
-            maxWidth: getEffectiveWidth(contentWidth),
+            maxWidth: getEffectiveWidth(bodyContentWidth),
             spaceCount: 0,
             segments: [
               {
@@ -92903,7 +92860,7 @@ ${l}
             toChar: 1,
             width: annotationWidth,
             maxFontSize: annotationHeight,
-            maxWidth: getEffectiveWidth(contentWidth),
+            maxWidth: getEffectiveWidth(bodyContentWidth),
             spaceCount: 0,
             segments: [
               {
@@ -92985,7 +92942,7 @@ ${l}
                 width: spacesWidth,
                 maxFontSize: run2.fontSize,
                 maxFontInfo: getFontInfoFromRun(run2),
-                maxWidth: getEffectiveWidth(contentWidth),
+                maxWidth: getEffectiveWidth(bodyContentWidth),
                 segments: [{ runIndex, fromChar: spacesStartChar, toChar: spacesEndChar, width: spacesWidth }],
                 spaceCount: spacesLength
               };
@@ -93048,7 +93005,7 @@ ${l}
                   width: singleSpaceWidth,
                   maxFontSize: run2.fontSize,
                   maxFontInfo: getFontInfoFromRun(run2),
-                  maxWidth: getEffectiveWidth(contentWidth),
+                  maxWidth: getEffectiveWidth(bodyContentWidth),
                   segments: [{ runIndex, fromChar: spaceStartChar, toChar: spaceEndChar, width: singleSpaceWidth }],
                   spaceCount: 1
                 };
@@ -93241,7 +93198,7 @@ ${l}
               width: wordOnlyWidth,
               maxFontSize: run2.fontSize,
               maxFontInfo: getFontInfoFromRun(run2),
-              maxWidth: getEffectiveWidth(contentWidth),
+              maxWidth: getEffectiveWidth(bodyContentWidth),
               segments: [{ runIndex, fromChar: wordStartChar, toChar: wordEndNoSpace, width: wordOnlyWidth }],
               spaceCount: 0
             };
@@ -93806,6 +93763,7 @@ ${l}
     return Math.max(baseLineHeight, raw);
   };
   const sanitizePositive = (value) => typeof value === "number" && Number.isFinite(value) ? Math.max(0, value) : 0;
+  const sanitizeIndent = (value) => typeof value === "number" && Number.isFinite(value) ? value : 0;
   const sanitizeDecimalSeparator = (value) => {
     if (value === ",") return ",";
     return DEFAULT_DECIMAL_SEPARATOR;
@@ -98354,6 +98312,10 @@ ${l}
     const pageSize = firstSection?.pageSize ?? defaults2.pageSize;
     const margins = {
       ...defaults2.margins,
+      ...firstSection?.margins?.top != null ? { top: firstSection.margins.top } : {},
+      ...firstSection?.margins?.right != null ? { right: firstSection.margins.right } : {},
+      ...firstSection?.margins?.bottom != null ? { bottom: firstSection.margins.bottom } : {},
+      ...firstSection?.margins?.left != null ? { left: firstSection.margins.left } : {},
       ...firstSection?.margins?.header != null ? { header: firstSection.margins.header } : {},
       ...firstSection?.margins?.footer != null ? { footer: firstSection.margins.footer } : {}
     };
@@ -152103,7 +152065,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.0.0-beta.97";
+      this.version = "1.0.0-beta.98";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -154575,7 +154537,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexPvlqsxge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexDg_sTYZK = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));