@harbour-enterprises/superdoc 1.7.0-next.3 → 1.7.0-next.5

package/dist/chunks/{index-BDIUQfBQ.es.js → index-DYUIpqx9.es.js}

@@ -1,6 +1,6 @@
 import { B as Buffer$2 } from "./jszip-B1fkPkPJ.es.js";
 import { t as twipsToInches, i as inchesToTwips, p as ptToTwips, l as linesToTwips, a as twipsToLines, b as pixelsToTwips, h as halfPointToPoints, c as twipsToPixels$2, d as convertSizeToCSS, e as inchesToPixels } from "./helpers-C8e9wR5l.es.js";
-import { g as generateDocxRandomId, T as TextSelection$1, o as objectIncludes, w as wrapTextsInRuns, D as DOMParser$1, c as createDocFromMarkdown, a as createDocFromHTML, b as chainableEditorState, d as convertMarkdownToHTML, f as findParentNode, e as findParentNodeClosestToPos, h as generateRandom32BitHex, i as generateRandomSigned32BitIntStrId, P as PluginKey, j as Plugin, M as Mapping, N as NodeSelection, k as Selection, l as Slice, m as DOMSerializer, F as Fragment, n as Mark$1, p as dropPoint, A as AllSelection, q as Schema$1, s as canSplit, t as resolveRunProperties, u as encodeMarksFromRPr, v as liftTarget, x as canJoin, y as joinPoint, z as replaceStep$1, R as ReplaceAroundStep$1, B as htmlHandler, C as ReplaceStep, E as getResolvedParagraphProperties, G as changeListLevel, H as isList$1, I as updateNumberingProperties, L as ListHelpers, J as inputRulesPlugin, K as TrackDeleteMarkName$1, O as TrackInsertMarkName$1, Q as TrackFormatMarkName$1, U as AddMarkStep, V as RemoveMarkStep, W as CommandService, S as SuperConverter, X as EditorState, Y as unflattenListsInHtml, Z as SelectionRange, _ as Transform, $ as createOoxmlResolver, a0 as translator, a1 as translator$1, a2 as resolveDocxFontFamily, a3 as combineIndentProperties, a4 as _getReferencedTableStyles, a5 as decodeRPrFromMarks, a6 as calculateResolvedParagraphProperties, a7 as encodeCSSFromPPr, a8 as encodeCSSFromRPr, a9 as generateOrderedListIndex, aa as docxNumberingHelpers, ab as InputRule, ac as insertNewRelationship, ad as kebabCase$1, ae as getUnderlineCssString } from "./SuperConverter-C8ixYsv3.es.js";
+import { g as generateDocxRandomId, T as TextSelection$1, o as objectIncludes, w as wrapTextsInRuns, D as DOMParser$1, c as createDocFromMarkdown, a as createDocFromHTML, b as chainableEditorState, d as convertMarkdownToHTML, f as findParentNode, e as findParentNodeClosestToPos, h as generateRandom32BitHex, i as generateRandomSigned32BitIntStrId, P as PluginKey, j as Plugin, M as Mapping, N as NodeSelection, k as Selection, l as Slice, m as DOMSerializer, F as Fragment, n as Mark$1, p as dropPoint, A as AllSelection, q as Schema$1, s as canSplit, t as resolveRunProperties, u as encodeMarksFromRPr, v as liftTarget, x as canJoin, y as joinPoint, z as replaceStep$1, R as ReplaceAroundStep$1, B as htmlHandler, C as ReplaceStep, E as getResolvedParagraphProperties, G as changeListLevel, H as isList$1, I as updateNumberingProperties, L as ListHelpers, J as inputRulesPlugin, K as TrackDeleteMarkName$1, O as TrackInsertMarkName$1, Q as TrackFormatMarkName$1, U as AddMarkStep, V as RemoveMarkStep, W as CommandService, S as SuperConverter, X as EditorState, Y as unflattenListsInHtml, Z as SelectionRange, _ as Transform, $ as createOoxmlResolver, a0 as translator, a1 as translator$1, a2 as resolveDocxFontFamily, a3 as combineIndentProperties, a4 as _getReferencedTableStyles, a5 as decodeRPrFromMarks, a6 as calculateResolvedParagraphProperties, a7 as encodeCSSFromPPr, a8 as encodeCSSFromRPr, a9 as generateOrderedListIndex, aa as docxNumberingHelpers, ab as InputRule, ac as insertNewRelationship, ad as kebabCase$1, ae as getUnderlineCssString } from "./SuperConverter-DU1Tqi67.es.js";
 import { p as process$1, r as ref, C as global$1, c as computed, E as createElementBlock, F as Fragment$1, S as renderList, O as withModifiers, G as openBlock, P as normalizeClass, M as createCommentVNode, H as toDisplayString, K as createBaseVNode, U as createApp, f as onMounted, X as onUnmounted, R as withDirectives, v as unref, Y as vModelText, y as nextTick, L as normalizeStyle, u as watch, Z as withKeys, _ as createTextVNode, I as createVNode, h as h$1, $ as readonly, s as getCurrentInstance, o as onBeforeUnmount, j as reactive, b as onBeforeMount, i as inject, a0 as onActivated, a1 as onDeactivated, a2 as Comment, d as defineComponent, a as provide, g as Teleport, t as toRef, a3 as renderSlot, a4 as isVNode, D as shallowRef, w as watchEffect, T as Transition, a5 as mergeProps, a6 as vShow, a7 as cloneVNode, a8 as Text$2, m as markRaw, N as createBlock, J as withCtx, a9 as useCssVars, V as resolveDynamicComponent, aa as normalizeProps, ab as guardReactiveProps } from "./vue-BnBKJwCW.es.js";
 import "./jszip.min-DCl8qkFO.es.js";
 import { E as EventEmitter$1 } from "./eventemitter3-CwrdEv8r.es.js";
@@ -15771,7 +15771,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.7.0-next.3";
+const summaryVersion = "1.7.0-next.5";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -18438,7 +18438,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.7.0-next.3");
+    console.debug("[checkVersionMigrations] Current editor version", "1.7.0-next.5");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -24496,6 +24496,69 @@ const resolveTableCellBorders = (tableBorders, rowIndex, colIndex, totalRows, to
     right: borderValueToSpec(isLastCol ? tableBorders?.right : null)
   };
 };
+const clampNumber = (value, min2, max2) => Math.min(max2, Math.max(min2, value));
+const mergeSortedSegments = (segments) => {
+  if (segments.length <= 1) return segments;
+  const merged = [];
+  let current = segments[0];
+  for (let i = 1; i < segments.length; i += 1) {
+    const next = segments[i];
+    if (next.start <= current.end) {
+      current = { start: current.start, end: Math.max(current.end, next.end) };
+      continue;
+    }
+    merged.push(current);
+    current = next;
+  }
+  merged.push(current);
+  return merged;
+};
+const applySquareWrapExclusionsToLines = (renderedLines, exclusions, contentWidthPx, alignmentOffsetY) => {
+  if (renderedLines.length === 0 || exclusions.length === 0 || contentWidthPx <= 0) return;
+  renderedLines.forEach((line) => {
+    const paddingLeft = line.el.style.paddingLeft;
+    const paddingRight = line.el.style.paddingRight;
+    if (paddingLeft && paddingLeft !== "0px" || paddingRight && paddingRight !== "0px") {
+      return;
+    }
+    const lineTop = line.top + alignmentOffsetY;
+    const lineBottom = lineTop + line.height;
+    const excludedSegments = [];
+    for (const ex of exclusions) {
+      if (lineBottom <= ex.top || lineTop >= ex.bottom) continue;
+      if (ex.wrapText !== "bothSides") continue;
+      const start2 = clampNumber(ex.left, 0, contentWidthPx);
+      const end2 = clampNumber(ex.right, 0, contentWidthPx);
+      if (end2 <= start2) continue;
+      excludedSegments.push({ start: start2, end: end2 });
+    }
+    if (excludedSegments.length === 0) return;
+    excludedSegments.sort((a, b2) => a.start - b2.start);
+    const merged = mergeSortedSegments(excludedSegments);
+    let bestStart = 0;
+    let bestWidth = 0;
+    let cursor = 0;
+    for (const seg of merged) {
+      const gapWidth = seg.start - cursor;
+      if (gapWidth > bestWidth) {
+        bestStart = cursor;
+        bestWidth = gapWidth;
+      }
+      cursor = Math.max(cursor, seg.end);
+    }
+    const tailWidth = contentWidthPx - cursor;
+    if (tailWidth > bestWidth) {
+      bestStart = cursor;
+      bestWidth = tailWidth;
+    }
+    if (bestWidth <= 0 || bestStart === 0 && bestWidth >= contentWidthPx) return;
+    const marginLeft = bestStart;
+    const marginRight = Math.max(0, contentWidthPx - (bestStart + bestWidth));
+    line.el.style.boxSizing = "border-box";
+    line.el.style.marginLeft = `${marginLeft}px`;
+    line.el.style.marginRight = `${marginRight}px`;
+  });
+};
 function isStructuredContentMetadata(sdt) {
   return sdt !== null && sdt !== void 0 && typeof sdt === "object" && "type" in sdt && sdt.type === "structuredContent";
 }
@@ -24824,6 +24887,7 @@ const renderTableCell = (deps) => {
       content.style.justifyContent = "flex-start";
     }
     cellEl.appendChild(content);
+    content.style.zIndex = "0";
     const blockLineCounts = [];
     for (let i = 0; i < Math.min(blockMeasures.length, cellBlocks.length); i++) {
       const bm = blockMeasures[i];
@@ -24836,6 +24900,12 @@ const renderTableCell = (deps) => {
     const totalLines = blockLineCounts.reduce((a, b2) => a + b2, 0);
     const globalFromLine = fromLine ?? 0;
     const globalToLine = toLine === -1 || toLine === void 0 ? totalLines : toLine;
+    const contentWidthPx = Math.max(0, cellMeasure.width - paddingLeft - paddingRight);
+    const contentHeightPx = Math.max(0, rowHeight - paddingTop - paddingBottom);
+    const paragraphTopById = /* @__PURE__ */ new Map();
+    let flowCursorY = 0;
+    const anchoredBlocks = [];
+    const renderedLines = [];
     let cumulativeLineCount = 0;
     for (let i = 0; i < Math.min(blockMeasures.length, cellBlocks.length); i++) {
       const blockMeasure = blockMeasures[i];
@@ -24858,9 +24928,14 @@ const renderTableCell = (deps) => {
         });
         tableWrapper.appendChild(tableEl);
         content.appendChild(tableWrapper);
+        flowCursorY += tableMeasure.totalHeight;
         continue;
       }
       if (blockMeasure.kind === "image" && block?.kind === "image") {
+        if (block.anchor?.isAnchored) {
+          anchoredBlocks.push({ block, measure: blockMeasure });
+          continue;
+        }
         const imageWrapper = doc2.createElement("div");
         imageWrapper.style.position = "relative";
         imageWrapper.style.width = `${blockMeasure.width}px`;
@@ -24883,9 +24958,14 @@ const renderTableCell = (deps) => {
         imgEl.style.display = "block";
         imageWrapper.appendChild(imgEl);
         content.appendChild(imageWrapper);
+        flowCursorY += blockMeasure.height;
         continue;
       }
       if (blockMeasure.kind === "drawing" && block?.kind === "drawing") {
+        if (block.anchor?.isAnchored) {
+          anchoredBlocks.push({ block, measure: blockMeasure });
+          continue;
+        }
         const drawingWrapper = doc2.createElement("div");
         drawingWrapper.style.position = "relative";
         drawingWrapper.style.width = `${blockMeasure.width}px`;
@@ -24928,12 +25008,14 @@ const renderTableCell = (deps) => {
         }
         drawingWrapper.appendChild(drawingInner);
         content.appendChild(drawingWrapper);
+        flowCursorY += blockMeasure.height;
         continue;
       }
       if (blockMeasure.kind === "paragraph" && block?.kind === "paragraph") {
         const paragraphMeasure = blockMeasure;
         const lines = paragraphMeasure.lines;
         const blockLineCount = lines?.length || 0;
+        paragraphTopById.set(block.id, flowCursorY);
         const wordLayout = block.attrs?.wordLayout ?? null;
         const markerLayout = wordLayout?.marker;
         const markerMeasure = paragraphMeasure.marker;
@@ -24968,6 +25050,7 @@ const renderTableCell = (deps) => {
         for (let lineIdx = localStartLine; lineIdx < localEndLine && lineIdx < lines.length; lineIdx++) {
           const line = lines[lineIdx];
           const isLastLine = lineIdx === lines.length - 1;
+          const lineTop = flowCursorY + renderedHeight;
           const lineEl = renderLine(
             block,
             line,
@@ -24987,6 +25070,7 @@ const renderTableCell = (deps) => {
               markerMeasure,
               indentLeftPx
             });
+            renderedLines.push({ el: lineContainer, top: lineTop, height: line.lineHeight });
             paraWrapper.appendChild(lineContainer);
           } else {
             applyTableCellLineIndentation({
@@ -24999,6 +25083,7 @@ const renderTableCell = (deps) => {
               localStartLine,
               suppressFirstLineIndent
             });
+            renderedLines.push({ el: lineEl, top: lineTop, height: line.lineHeight });
             paraWrapper.appendChild(lineEl);
           }
           renderedHeight += line.lineHeight;
@@ -25011,15 +25096,124 @@ const renderTableCell = (deps) => {
         if (renderedHeight > 0) {
           paraWrapper.style.height = `${renderedHeight}px`;
         }
+        flowCursorY += renderedHeight;
         if (renderedEntireBlock) {
           const spacingAfter = block.attrs?.spacing?.after;
           if (typeof spacingAfter === "number" && spacingAfter > 0) {
             paraWrapper.style.marginBottom = `${spacingAfter}px`;
+            flowCursorY += spacingAfter;
           }
         }
         cumulativeLineCount += blockLineCount;
       }
     }
+    const verticalAlign = cell?.attrs?.verticalAlign;
+    const remainingSpace = contentHeightPx - flowCursorY;
+    const alignmentOffsetY = verticalAlign === "center" ? Math.max(0, remainingSpace / 2) : verticalAlign === "bottom" ? Math.max(0, remainingSpace) : 0;
+    const wrapExclusions = [];
+    for (const entry of anchoredBlocks) {
+      const anchoredBlock = entry.block;
+      const anchoredMeasure = entry.measure;
+      const anchor = anchoredBlock.anchor;
+      if (!anchor || !anchor.isAnchored) {
+        continue;
+      }
+      const objectWidth = anchoredMeasure.width;
+      const objectHeight = anchoredMeasure.height;
+      const left2 = anchor.offsetH ?? 0;
+      const top2 = anchor.offsetV ?? 0;
+      const behindDoc = anchor.behindDoc === true || anchoredBlock.wrap?.type === "None" && anchoredBlock.wrap?.behindDoc;
+      const zIndex = anchoredBlock.kind === "drawing" && typeof anchoredBlock.zIndex === "number" ? anchoredBlock.zIndex : behindDoc ? -1 : 1;
+      const wrap = anchoredBlock.wrap;
+      if (!behindDoc && wrap?.type === "Square") {
+        const wrapText = wrap.wrapText ?? "bothSides";
+        const distLeft = anchoredBlock.padding?.left ?? 0;
+        const distRight = anchoredBlock.padding?.right ?? 0;
+        const distTop = anchoredBlock.padding?.top ?? 0;
+        const distBottom = anchoredBlock.padding?.bottom ?? 0;
+        wrapExclusions.push({
+          left: left2 - distLeft,
+          right: left2 + objectWidth + distRight,
+          top: top2 - distTop,
+          bottom: top2 + objectHeight + distBottom,
+          wrapText
+        });
+      }
+      if (anchoredBlock.kind === "image") {
+        const imageWrapper = doc2.createElement("div");
+        imageWrapper.style.position = "absolute";
+        imageWrapper.style.left = `${left2}px`;
+        imageWrapper.style.top = `${top2}px`;
+        imageWrapper.style.width = `${objectWidth}px`;
+        imageWrapper.style.height = `${objectHeight}px`;
+        imageWrapper.style.maxWidth = "100%";
+        imageWrapper.style.boxSizing = "border-box";
+        imageWrapper.style.zIndex = String(zIndex);
+        applySdtDataset(imageWrapper, anchoredBlock.attrs?.sdt);
+        const imgEl = doc2.createElement("img");
+        imgEl.classList.add("superdoc-table-image");
+        if (anchoredBlock.src) {
+          imgEl.src = anchoredBlock.src;
+        }
+        imgEl.alt = anchoredBlock.alt ?? "";
+        imgEl.style.width = "100%";
+        imgEl.style.height = "100%";
+        imgEl.style.objectFit = anchoredBlock.objectFit ?? "contain";
+        if (anchoredBlock.objectFit === "cover") {
+          imgEl.style.objectPosition = "left top";
+        }
+        imgEl.style.display = "block";
+        imageWrapper.appendChild(imgEl);
+        content.appendChild(imageWrapper);
+      } else {
+        const drawingWrapper = doc2.createElement("div");
+        drawingWrapper.style.position = "absolute";
+        drawingWrapper.style.left = `${left2}px`;
+        drawingWrapper.style.top = `${top2}px`;
+        drawingWrapper.style.width = `${objectWidth}px`;
+        drawingWrapper.style.height = `${objectHeight}px`;
+        drawingWrapper.style.maxWidth = "100%";
+        drawingWrapper.style.boxSizing = "border-box";
+        drawingWrapper.style.zIndex = String(zIndex);
+        applySdtDataset(drawingWrapper, anchoredBlock.attrs);
+        const drawingInner = doc2.createElement("div");
+        drawingInner.classList.add("superdoc-table-drawing");
+        drawingInner.style.width = "100%";
+        drawingInner.style.height = "100%";
+        drawingInner.style.display = "flex";
+        drawingInner.style.alignItems = "center";
+        drawingInner.style.justifyContent = "center";
+        drawingInner.style.overflow = "hidden";
+        if (anchoredBlock.drawingKind === "image" && "src" in anchoredBlock && anchoredBlock.src) {
+          const img = doc2.createElement("img");
+          img.classList.add("superdoc-drawing-image");
+          img.src = anchoredBlock.src;
+          img.alt = anchoredBlock.alt ?? "";
+          img.style.width = "100%";
+          img.style.height = "100%";
+          img.style.objectFit = anchoredBlock.objectFit ?? "contain";
+          if (anchoredBlock.objectFit === "cover") {
+            img.style.objectPosition = "left top";
+          }
+          drawingInner.appendChild(img);
+        } else if (renderDrawingContent) {
+          const drawingContent = renderDrawingContent(anchoredBlock);
+          drawingContent.style.width = "100%";
+          drawingContent.style.height = "100%";
+          drawingInner.appendChild(drawingContent);
+        } else {
+          const placeholder = doc2.createElement("div");
+          placeholder.style.width = "100%";
+          placeholder.style.height = "100%";
+          placeholder.style.background = "repeating-linear-gradient(45deg, rgba(15,23,42,0.1), rgba(15,23,42,0.1) 6px, rgba(15,23,42,0.2) 6px, rgba(15,23,42,0.2) 12px)";
+          placeholder.style.border = "1px dashed rgba(15, 23, 42, 0.3)";
+          drawingInner.appendChild(placeholder);
+        }
+        drawingWrapper.appendChild(drawingInner);
+        content.appendChild(drawingWrapper);
+      }
+    }
+    applySquareWrapExclusionsToLines(renderedLines, wrapExclusions, contentWidthPx, alignmentOffsetY);
   }
   return { cellElement: cellEl };
 };
@@ -27973,8 +28167,8 @@ class DomPainter {
     groupEl.style.height = "100%";
     const groupTransform = block.groupTransform;
     let contentContainer = groupEl;
-    let groupScaleX = 1;
-    let groupScaleY = 1;
+    const groupScaleX = 1;
+    const groupScaleY = 1;
     if (groupTransform) {
       const inner = this.doc.createElement("div");
       inner.style.position = "absolute";
@@ -27990,13 +28184,6 @@ class DomPainter {
       if (offsetX || offsetY) {
         transforms.push(`translate(${-offsetX}px, ${-offsetY}px)`);
       }
-      const targetWidth = groupTransform.width ?? block.geometry.width ?? childWidth;
-      const targetHeight = groupTransform.height ?? block.geometry.height ?? childHeight;
-      groupScaleX = childWidth ? targetWidth / childWidth : 1;
-      groupScaleY = childHeight ? targetHeight / childHeight : 1;
-      if (groupScaleX !== 1 || groupScaleY !== 1) {
-        transforms.push(`scale(${groupScaleX}, ${groupScaleY})`);
-      }
       if (transforms.length > 0) {
         inner.style.transformOrigin = "top left";
         inner.style.transform = transforms.join(" ");
@@ -32912,7 +33099,7 @@ const getParagraphAttrs = (block) => {
 const asString = (value) => {
   return typeof value === "string" ? value : void 0;
 };
-const asBoolean = (value) => {
+const asBoolean$1 = (value) => {
   if (value === true || value === 1) return true;
   if (typeof value === "string") {
     const normalized = value.toLowerCase();
@@ -33093,8 +33280,9 @@ function layoutParagraphBlock(ctx2, anchors) {
   const attrs = getParagraphAttrs(block);
   const spacing = attrs?.spacing ?? {};
   const styleId = asString(attrs?.styleId);
-  const contextualSpacing = asBoolean(attrs?.contextualSpacing);
+  const contextualSpacing = asBoolean$1(attrs?.contextualSpacing);
   let spacingBefore = Math.max(0, Number(spacing.before ?? spacing.lineSpaceBefore ?? 0));
+  const baseSpacingBefore = spacingBefore;
   const spacingAfter = Math.max(0, Number(spacing.after ?? spacing.lineSpaceAfter ?? 0));
   let appliedSpacingBefore = spacingBefore === 0;
   let lastState = null;
@@ -33189,6 +33377,21 @@ function layoutParagraphBlock(ctx2, anchors) {
         state.trailingSpacing = 0;
       }
     }
+    const keepLines = attrs?.keepLines === true;
+    if (keepLines && fromLine === 0) {
+      const prevTrailing = state.trailingSpacing ?? 0;
+      const neededSpacingBefore = Math.max(spacingBefore - prevTrailing, 0);
+      const pageContentHeight = state.contentBottom - state.topMargin;
+      const fullHeight = lines.reduce((sum, line) => sum + (line.lineHeight || 0), 0);
+      const fitsOnBlankPage = fullHeight + baseSpacingBefore <= pageContentHeight;
+      const remainingHeightAfterSpacing = state.contentBottom - (state.cursorY + neededSpacingBefore);
+      if (fitsOnBlankPage && state.page.fragments.length > 0 && fullHeight > remainingHeightAfterSpacing) {
+        state = advanceColumn(state);
+        spacingBefore = baseSpacingBefore;
+        appliedSpacingBefore = spacingBefore === 0;
+        continue;
+      }
+    }
     if (!appliedSpacingBefore && spacingBefore > 0) {
       while (!appliedSpacingBefore) {
         const prevTrailing = state.trailingSpacing ?? 0;
@@ -34432,6 +34635,14 @@ function getMeasureHeight(block, measure) {
 const DEFAULT_PAGE_SIZE$2 = { w: 612, h: 792 };
 const DEFAULT_MARGINS$2 = { top: 72, right: 72, bottom: 72, left: 72 };
 const COLUMN_EPSILON$1 = 1e-4;
+const asBoolean = (value) => {
+  if (value === true || value === 1) return true;
+  if (typeof value === "string") {
+    const normalized = value.toLowerCase();
+    return normalized === "true" || normalized === "1" || normalized === "on";
+  }
+  return false;
+};
 const layoutDebugEnabled$1 = typeof process$1 !== "undefined" && typeof process$1.env !== "undefined" && Boolean(process$1.env.SD_DEBUG_LAYOUT);
 const layoutLog = (...args) => {
   if (!layoutDebugEnabled$1) return;
@@ -34544,7 +34755,7 @@ function layoutDocument(blocks, measures, options = {}) {
   let activeOrientation = null;
   let pendingOrientation = null;
   let activeVAlign = null;
-  let pendingVAlign = null;
+  let pendingVAlign = void 0;
   const paginatorMargins = { left: activeLeftMargin, right: activeRightMargin };
   const floatManager = createFloatingObjectManager(
     normalizeColumns(activeColumns, activePageSize.w - (activeLeftMargin + activeRightMargin)),
@@ -34717,6 +34928,10 @@ function layoutDocument(blocks, measures, options = {}) {
     }
     if (activeVAlign && activeVAlign !== "top") {
       page.vAlign = activeVAlign;
+      page.baseMargins = {
+        top: activeSectionBaseTopMargin,
+        bottom: activeSectionBaseBottomMargin
+      };
     }
     return page;
   };
@@ -34751,6 +34966,9 @@ function layoutDocument(blocks, measures, options = {}) {
       ...initialSectionMetadata.footerRefs && { footerRefs: initialSectionMetadata.footerRefs }
     };
   }
+  if (initialSectionMetadata?.vAlign) {
+    activeVAlign = initialSectionMetadata.vAlign;
+  }
   let activeSectionIndex = initialSectionMetadata?.sectionIndex ?? 0;
   let pendingSectionIndex = null;
   const sectionFirstPageNumbers = /* @__PURE__ */ new Map();
@@ -34837,9 +35055,9 @@ function layoutDocument(blocks, measures, options = {}) {
           activeSectionIndex = pendingSectionIndex;
           pendingSectionIndex = null;
         }
-        if (pendingVAlign !== null) {
+        if (pendingVAlign !== void 0) {
           activeVAlign = pendingVAlign;
-          pendingVAlign = null;
+          pendingVAlign = void 0;
         }
         if (pendingSectionBaseTopMargin !== null) {
           activeSectionBaseTopMargin = pendingSectionBaseTopMargin;
@@ -35123,14 +35341,13 @@ function layoutDocument(blocks, measures, options = {}) {
           pendingSectionBaseBottomMargin = typeof blockBottomMargin === "number" ? blockBottomMargin : margins.bottom;
         }
       }
-      if (effectiveBlock.vAlign) {
-        const isFirstSection2 = effectiveBlock.attrs?.isFirstSection && states.length === 0;
-        if (isFirstSection2) {
-          activeVAlign = effectiveBlock.vAlign;
-          pendingVAlign = null;
-        } else {
-          pendingVAlign = effectiveBlock.vAlign;
-        }
+      const sectionVAlign = effectiveBlock.vAlign ?? null;
+      const isFirstSectionForVAlign = effectiveBlock.attrs?.isFirstSection && states.length === 0;
+      if (isFirstSectionForVAlign) {
+        activeVAlign = sectionVAlign;
+        pendingVAlign = void 0;
+      } else {
+        pendingVAlign = sectionVAlign;
       }
       if (effectiveBlock.headerRefs || effectiveBlock.footerRefs) {
         const baseSectionRefs = pendingSectionRefs ?? activeSectionRefs;
@@ -35249,11 +35466,23 @@ function layoutDocument(blocks, measures, options = {}) {
           if (!shouldSkipAnchoredTable) {
             let state = paginator.ensurePage();
             const availableHeight = state.contentBottom - state.cursorY;
+            const spacingBefore = getParagraphSpacingBefore(paraBlock);
             const spacingAfter = getParagraphSpacingAfter$1(paraBlock);
+            const prevTrailing = Number.isFinite(state.trailingSpacing) && state.trailingSpacing > 0 ? state.trailingSpacing : 0;
+            const currentStyleId = typeof paraBlock.attrs?.styleId === "string" ? paraBlock.attrs?.styleId : void 0;
+            const currentContextualSpacing = asBoolean(paraBlock.attrs?.contextualSpacing);
+            const contextualSpacingApplies = currentContextualSpacing && currentStyleId && state.lastParagraphStyleId === currentStyleId;
+            const effectiveSpacingBefore = contextualSpacingApplies ? 0 : Math.max(spacingBefore - prevTrailing, 0);
             const currentHeight = getMeasureHeight(paraBlock, measure);
             const nextHeight = getMeasureHeight(nextBlock, nextMeasure);
             const nextIsParagraph = nextBlock.kind === "paragraph" && nextMeasure.kind === "paragraph";
             const nextSpacingBefore = nextIsParagraph ? getParagraphSpacingBefore(nextBlock) : 0;
+            const nextStyleId = nextIsParagraph && typeof nextBlock.attrs?.styleId === "string" ? nextBlock.attrs?.styleId : void 0;
+            const nextContextualSpacing = nextIsParagraph && asBoolean(nextBlock.attrs?.contextualSpacing);
+            const sameStyleAsNext = currentStyleId && nextStyleId && nextStyleId === currentStyleId;
+            const effectiveSpacingAfter = currentContextualSpacing && sameStyleAsNext ? 0 : spacingAfter;
+            const effectiveNextSpacingBefore = nextContextualSpacing && sameStyleAsNext ? 0 : nextSpacingBefore;
+            const interParagraphSpacing = nextIsParagraph ? Math.max(effectiveSpacingAfter, effectiveNextSpacingBefore) : effectiveSpacingAfter;
             const nextFirstLineHeight = (() => {
               if (!nextIsParagraph) {
                 return nextHeight;
@@ -35264,8 +35493,9 @@ function layoutDocument(blocks, measures, options = {}) {
               }
               return nextHeight;
             })();
-            const combinedHeight = nextIsParagraph ? currentHeight + Math.max(spacingAfter, nextSpacingBefore) + nextFirstLineHeight : currentHeight + spacingAfter + nextHeight;
-            if (combinedHeight > availableHeight && state.page.fragments.length > 0) {
+            const combinedHeight = nextIsParagraph ? effectiveSpacingBefore + currentHeight + interParagraphSpacing + nextFirstLineHeight : effectiveSpacingBefore + currentHeight + spacingAfter + nextHeight;
+            const effectiveAvailableHeight = contextualSpacingApplies ? availableHeight + prevTrailing : availableHeight;
+            if (combinedHeight > effectiveAvailableHeight && state.page.fragments.length > 0) {
               state = paginator.advanceColumn(state);
             }
           }
@@ -35411,11 +35641,17 @@ function layoutDocument(blocks, measures, options = {}) {
     pages.pop();
   }
   for (const page of pages) {
-    if (!page.vAlign || page.vAlign === "top") continue;
-    if (page.fragments.length === 0) continue;
+    if (!page.vAlign || page.vAlign === "top") {
+      continue;
+    }
+    if (page.fragments.length === 0) {
+      continue;
+    }
     const pageSizeForPage = page.size ?? pageSize;
-    const contentTop = page.margins?.top ?? margins.top;
-    const contentBottom = pageSizeForPage.h - (page.margins?.bottom ?? margins.bottom);
+    const baseTop = page.baseMargins?.top ?? page.margins?.top ?? margins.top;
+    const baseBottom = page.baseMargins?.bottom ?? page.margins?.bottom ?? margins.bottom;
+    const contentTop = baseTop;
+    const contentBottom = pageSizeForPage.h - baseBottom;
     const contentHeight = contentBottom - contentTop;
     let minY = Infinity;
     let maxY = -Infinity;
@@ -42516,7 +42752,9 @@ function buildSectionRangesFromParagraphs(paragraphs, hasBodySectPr) {
   return ranges;
 }
 function publishSectionMetadata(sectionRanges, options) {
-  if (!options?.sectionMetadata) return;
+  if (!options?.sectionMetadata) {
+    return;
+  }
   options.sectionMetadata.length = 0;
   sectionRanges.forEach((section) => {
     options.sectionMetadata?.push({
@@ -42524,7 +42762,8 @@ function publishSectionMetadata(sectionRanges, options) {
       headerRefs: section.headerRefs,
       footerRefs: section.footerRefs,
       numbering: section.numbering,
-      titlePg: section.titlePg
+      titlePg: section.titlePg,
+      vAlign: section.vAlign
     });
   });
 }
@@ -51241,6 +51480,11 @@ async function measureParagraphBlock(block, maxWidth) {
       totalHeight: metrics.lineHeight
     };
   }
+  const firstTextRunWithSize = block.runs.find(
+    (run) => "text" in run && "fontSize" in run && typeof run.fontSize === "number"
+  );
+  const fallbackFontSize = firstTextRunWithSize?.fontSize ?? 12;
+  const fallbackFontInfo = firstTextRunWithSize ? getFontInfoFromRun(firstTextRunWithSize) : void 0;
   let currentLine = null;
   const getEffectiveWidth = (baseWidth) => {
     if (dropCapMeasure && lines.length < dropCapMeasure.lines && dropCapMeasure.mode === "drop") {
@@ -51248,7 +51492,8 @@ async function measureParagraphBlock(block, maxWidth) {
     }
     return baseWidth;
   };
-  let lastFontSize = 12;
+  let lastFontSize = fallbackFontSize;
+  let hasSeenTextRun = false;
   let tabStopCursor = 0;
   let pendingTabAlignment = null;
   let pendingRunSpacing = 0;
@@ -51373,11 +51618,7 @@ async function measureParagraphBlock(block, maxWidth) {
         lines.push(completedLine);
         currentLine = null;
       } else {
-        const textRunWithSize = block.runs.find(
-          (r2) => r2.kind !== "tab" && r2.kind !== "lineBreak" && r2.kind !== "break" && !("src" in r2) && "fontSize" in r2
-        );
-        const fallbackSize = textRunWithSize?.fontSize ?? 12;
-        const metrics = calculateTypographyMetrics(fallbackSize, spacing);
+        const metrics = calculateTypographyMetrics(fallbackFontSize, spacing, fallbackFontInfo);
         const emptyLine = {
           fromRun: runIndex,
           fromChar: 0,
@@ -51397,6 +51638,7 @@ async function measureParagraphBlock(block, maxWidth) {
       continue;
     }
     if (isLineBreakRun(run)) {
+      const lineBreakFontInfo = hasSeenTextRun ? void 0 : fallbackFontInfo;
       if (currentLine) {
         const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
         const completedLine = {
@@ -51406,7 +51648,7 @@ async function measureParagraphBlock(block, maxWidth) {
         addBarTabsToLine(completedLine);
         lines.push(completedLine);
       } else {
-        const metrics = calculateTypographyMetrics(lastFontSize, spacing);
+        const metrics = calculateTypographyMetrics(lastFontSize, spacing, lineBreakFontInfo);
         const emptyLine = {
           fromRun: runIndex,
           fromChar: 0,
@@ -51429,6 +51671,7 @@ async function measureParagraphBlock(block, maxWidth) {
         toChar: 0,
         width: 0,
         maxFontSize: lastFontSize,
+        maxFontInfo: lineBreakFontInfo,
         maxWidth: nextLineMaxWidth,
         segments: [],
         spaceCount: 0
@@ -51722,6 +51965,7 @@ async function measureParagraphBlock(block, maxWidth) {
       continue;
     }
     lastFontSize = run.fontSize;
+    hasSeenTextRun = true;
     const { font } = buildFontString(run);
     const tabSegments = run.text.split("	");
     let charPosInRun = 0;
@@ -52389,6 +52633,10 @@ async function measureTableBlock(block, constraints) {
         const measure = await measureBlock(block2, { maxWidth: contentWidth, maxHeight: Infinity });
         blockMeasures.push(measure);
         const blockHeight = "totalHeight" in measure ? measure.totalHeight : "height" in measure ? measure.height : 0;
+        const isAnchoredOutOfFlow = (block2.kind === "image" || block2.kind === "drawing") && block2.anchor?.isAnchored === true && (block2.wrap?.type ?? "Inline") !== "Inline";
+        if (isAnchoredOutOfFlow) {
+          continue;
+        }
         contentHeight += blockHeight;
         if (block2.kind === "paragraph") {
           const spacingAfter = block2.attrs?.spacing?.after;
@@ -94682,6 +94930,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     const getExtensions = () => getStarterExtensions();
     const initEditor = async ({ content, media = {}, mediaFiles = {}, fonts = {} } = {}) => {
+      if (!editorElem.value) return;
       const { editorCtor, ...editorOptions } = props.options || {};
       const EditorCtor = editorCtor ?? Editor;
       clearSelectedImage();
@@ -94990,7 +95239,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f5c4f915"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-bb7d8a50"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",