@superdoc-dev/cli 0.5.0-next.27 → 0.5.0-next.28

package/dist/index.js

@@ -172583,7 +172583,7 @@ var init_remark_gfm_CjV8kaUy_es = __esm(() => {
   init_remark_gfm_z_sDF4ss_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-9QyvRUxO.es.js
+// ../../packages/superdoc/dist/chunks/src-CqUAwJtN.es.js
 function deleteProps(obj, propOrProps) {
   const props = typeof propOrProps === "string" ? [propOrProps] : propOrProps;
   const removeNested = (target, pathParts, index2 = 0) => {
@@ -186330,7 +186330,7 @@ function sumRowHeights(rows, fromRow, toRow) {
     total += rows[i4].height;
   return total;
 }
-function computeFragmentHeight(measure, fromRow, toRow, repeatHeaderCount, borderCollapse, partialRow) {
+function computeFragmentHeight$1(measure, fromRow, toRow, repeatHeaderCount, borderCollapse, partialRow) {
   let height = 0;
   let rowCount = 0;
   if (repeatHeaderCount > 0) {
@@ -186591,12 +186591,12 @@ function findSplitPoint(block, measure, startRow, availableHeight, fullPageHeigh
         if (rs > 1)
           maxRowspanEnd = Math.max(maxRowspanEnd, i4 + rs);
       }
-    if (computeFragmentHeight(measure, startRow, i4 + 1, 0, borderCollapse) <= availableHeight) {
+    if (computeFragmentHeight$1(measure, startRow, i4 + 1, 0, borderCollapse) <= availableHeight) {
       lastFitRow = i4 + 1;
       if (maxRowspanEnd <= i4 + 1)
         lastCleanFitRow = i4 + 1;
     } else {
-      let remainingHeight = availableHeight - computeFragmentHeight(measure, startRow, lastFitRow, 0, borderCollapse);
+      let remainingHeight = availableHeight - computeFragmentHeight$1(measure, startRow, lastFitRow, 0, borderCollapse);
       if (lastFitRow === startRow) {
         const cellSpacingPx = measure.cellSpacingPx ?? 0;
         const topBorderPx = borderCollapse === "separate" && measure.tableBorderWidths ? measure.tableBorderWidths.top : 0;
@@ -186808,7 +186808,7 @@ function layoutTableBlock({ block, measure, columnWidth, ensurePage, advanceColu
       const hadRemainingLinesBefore = fromLineByCell.some((fromLine, idx) => {
         return fromLine < getCellTotalLines(measure.rows[rowIndex].cells[idx]);
       });
-      const fragmentHeight$1 = computeFragmentHeight(measure, rowIndex, rowIndex + 1, repeatHeaderCount, borderCollapse, continuationPartialRow);
+      const fragmentHeight$1 = computeFragmentHeight$1(measure, rowIndex, rowIndex + 1, repeatHeaderCount, borderCollapse, continuationPartialRow);
       if (fragmentHeight$1 > 0 && madeProgress) {
         const { x: x$1, width: width$1 } = resolveTableFrame(columnX(state.columnIndex), columnWidth, Math.min(columnWidth, measure.totalWidth || columnWidth), block.attrs);
         const scaledWidths$1 = rescaleColumnWidths(measure.columnWidths, measure.totalWidth, width$1);
@@ -186863,7 +186863,7 @@ function layoutTableBlock({ block, measure, columnWidth, ensurePage, advanceColu
         continue;
       }
       const forcedEndRow = bodyStartRow + 1;
-      const fragmentHeight$1 = computeFragmentHeight(measure, bodyStartRow, forcedEndRow, repeatHeaderCount, borderCollapse, forcedPartialRow);
+      const fragmentHeight$1 = computeFragmentHeight$1(measure, bodyStartRow, forcedEndRow, repeatHeaderCount, borderCollapse, forcedPartialRow);
       const { x: x$1, width: width$1 } = resolveTableFrame(columnX(state.columnIndex), columnWidth, Math.min(columnWidth, measure.totalWidth || columnWidth), block.attrs);
       const scaledWidths$1 = rescaleColumnWidths(measure.columnWidths, measure.totalWidth, width$1);
       const fragment$1 = {
@@ -186890,7 +186890,7 @@ function layoutTableBlock({ block, measure, columnWidth, ensurePage, advanceColu
       isTableContinuation = true;
       continue;
     }
-    const fragmentHeight = computeFragmentHeight(measure, bodyStartRow, endRow, repeatHeaderCount, borderCollapse, partialRow);
+    const fragmentHeight = computeFragmentHeight$1(measure, bodyStartRow, endRow, repeatHeaderCount, borderCollapse, partialRow);
     const { x, width } = resolveTableFrame(columnX(state.columnIndex), columnWidth, Math.min(columnWidth, measure.totalWidth || columnWidth), block.attrs);
     const scaledWidths = rescaleColumnWidths(measure.columnWidths, measure.totalWidth, width);
     const fragment2 = {
@@ -219614,15 +219614,94 @@ function findSliceAtPosition(slices, pmPos) {
   }
   return null;
 }
+function buildBlockMap(blocks2, measures) {
+  const map$12 = /* @__PURE__ */ new Map;
+  for (let i4 = 0;i4 < blocks2.length; i4++)
+    map$12.set(blocks2[i4].id, {
+      block: blocks2[i4],
+      measure: measures[i4]
+    });
+  return map$12;
+}
+function sumLineHeights$2(lines, from$1, to) {
+  let total = 0;
+  for (let i4 = from$1;i4 < to && i4 < lines.length; i4++)
+    total += lines[i4].lineHeight;
+  return total;
+}
+function computeFragmentHeight(fragment2, blockMap) {
+  if (fragment2.kind === "image" || fragment2.kind === "drawing" || fragment2.kind === "table")
+    return fragment2.height;
+  const entry = blockMap.get(fragment2.blockId);
+  if (!entry)
+    return 0;
+  if (fragment2.kind === "para") {
+    if (fragment2.lines)
+      return fragment2.lines.reduce((sum, line) => sum + line.lineHeight, 0);
+    if (entry.measure.kind === "paragraph")
+      return sumLineHeights$2(entry.measure.lines, fragment2.fromLine, fragment2.toLine);
+    return 0;
+  }
+  if (fragment2.kind === "list-item") {
+    const listMeasure = entry.measure;
+    if (listMeasure.kind !== "list")
+      return 0;
+    const item = listMeasure.items.find((it) => it.itemId === fragment2.itemId);
+    if (!item)
+      return 0;
+    return sumLineHeights$2(item.paragraph.lines, fragment2.fromLine, fragment2.toLine);
+  }
+  return 0;
+}
+function isAnchoredMediaFragment(fragment2) {
+  return (fragment2.kind === "image" || fragment2.kind === "drawing") && fragment2.isAnchored === true;
+}
+function resolveFragmentZIndex(fragment2) {
+  if (!isAnchoredMediaFragment(fragment2))
+    return;
+  return fragment2.zIndex;
+}
+function resolveFragmentId(fragment2) {
+  switch (fragment2.kind) {
+    case "para":
+      return `para:${fragment2.blockId}:${fragment2.fromLine}:${fragment2.toLine}`;
+    case "list-item":
+      return `list-item:${fragment2.blockId}:${fragment2.itemId}:${fragment2.fromLine}:${fragment2.toLine}`;
+    case "image":
+      return `image:${fragment2.blockId}:${fragment2.x}:${fragment2.y}`;
+    case "drawing":
+      return `drawing:${fragment2.blockId}:${fragment2.x}:${fragment2.y}`;
+    case "table": {
+      const partialKey = fragment2.partialRow ? `:${fragment2.partialRow.fromLineByCell.join(",")}-${fragment2.partialRow.toLineByCell.join(",")}` : "";
+      return `table:${fragment2.blockId}:${fragment2.fromRow}:${fragment2.toRow}${partialKey}`;
+    }
+  }
+}
+function resolveFragmentItem(fragment2, fragmentIndex, pageIndex, blockMap) {
+  return {
+    kind: "fragment",
+    id: resolveFragmentId(fragment2),
+    pageIndex,
+    x: fragment2.x,
+    y: fragment2.y,
+    width: fragment2.width,
+    height: computeFragmentHeight(fragment2, blockMap),
+    zIndex: resolveFragmentZIndex(fragment2),
+    fragmentKind: fragment2.kind,
+    blockId: fragment2.blockId,
+    fragmentIndex
+  };
+}
 function resolveLayout(input2) {
-  const { layout, flowMode } = input2;
-  const pages = layout.pages.map((page, index2) => ({
-    id: `page-${index2}`,
-    index: index2,
+  const { layout, flowMode, blocks: blocks2, measures } = input2;
+  const blockMap = buildBlockMap(blocks2, measures);
+  const pages = layout.pages.map((page, pageIndex) => ({
+    id: `page-${pageIndex}`,
+    index: pageIndex,
     number: page.number,
     width: page.size?.w ?? layout.pageSize.w,
     height: page.size?.h ?? layout.pageSize.h,
-    items: []
+    items: page.fragments.map((fragment2, fragmentIndex) => resolveFragmentItem(fragment2, fragmentIndex, pageIndex, blockMap))
   }));
   return {
     version: 1,
@@ -254892,7 +254971,7 @@ var Node$13 = class Node$14 {
     return;
   console.log(...args$1);
 }, HEADER_FOOTER_INIT_BUDGET_MS = 200, MAX_ZOOM_WARNING_THRESHOLD = 10, MAX_SELECTION_RECTS_PER_USER = 100, SEMANTIC_RESIZE_DEBOUNCE_MS = 120, MIN_SEMANTIC_CONTENT_WIDTH_PX = 1, GLOBAL_PERFORMANCE, PresentationEditor, ICONS, TEXTS, tableActionsOptions;
-var init_src_9QyvRUxO_es = __esm(() => {
+var init_src_CqUAwJtN_es = __esm(() => {
   init_rolldown_runtime_B2q5OVn9_es();
   init_SuperConverter_B9oNf3OB_es();
   init_jszip_ChlR43oI_es();
@@ -273553,6 +273632,16 @@ function print() { __p += __j.call(arguments, '') }
     setResolvedLayout(resolvedLayout) {
       this.resolvedLayout = resolvedLayout;
     }
+    getResolvedPage(pageIndex) {
+      return this.resolvedLayout?.pages[pageIndex] ?? null;
+    }
+    getResolvedFragmentItem(pageIndex, fragmentIndex) {
+      const page = this.getResolvedPage(pageIndex);
+      if (!page)
+        return;
+      const item = page.items[fragmentIndex];
+      return item?.kind === "fragment" ? item : undefined;
+    }
     getPaintSnapshot() {
       return this.lastPaintSnapshot;
     }
@@ -273865,7 +273954,9 @@ function print() { __p += __j.call(arguments, '') }
       if (!this.currentLayout)
         return;
       if (this.currentLayout.pages.length !== this.virtualHeights.length)
-        this.virtualHeights = this.currentLayout.pages.map((p$12) => p$12.size?.h ?? this.currentLayout.pageSize.h);
+        this.virtualHeights = this.currentLayout.pages.map((p$12, i4) => {
+          return this.getResolvedPage(i4)?.height ?? p$12.size?.h ?? this.currentLayout.pageSize.h;
+        });
       const offsets = new Array(this.virtualHeights.length + 1);
       offsets[0] = 0;
       for (let i4 = 0;i4 < this.virtualHeights.length; i4 += 1)
@@ -273975,7 +274066,11 @@ function print() { __p += __j.call(arguments, '') }
         }
       for (const i4 of mounted) {
         const page = layout.pages[i4];
-        const pageSize = page.size ?? layout.pageSize;
+        const resolved = this.getResolvedPage(i4);
+        const pageSize = resolved ? {
+          w: resolved.width,
+          h: resolved.height
+        } : page.size ?? layout.pageSize;
         const existing = this.pageIndexToState.get(i4);
         if (!existing) {
           const newState = this.createPageState(page, pageSize, i4);
@@ -274052,7 +274147,11 @@ function print() { __p += __j.call(arguments, '') }
         return;
       mount.innerHTML = "";
       layout.pages.forEach((page, pageIndex) => {
-        const pageSize = page.size ?? layout.pageSize;
+        const resolved = this.getResolvedPage(pageIndex);
+        const pageSize = resolved ? {
+          w: resolved.width,
+          h: resolved.height
+        } : page.size ?? layout.pageSize;
         const pageEl = this.renderPage(pageSize.w, pageSize.h, page, pageIndex);
         mount.appendChild(pageEl);
       });
@@ -274064,7 +274163,11 @@ function print() { __p += __j.call(arguments, '') }
       const pages = layout.pages;
       if (pages.length === 0)
         return;
-      const firstPageSize = pages[0].size ?? layout.pageSize;
+      const firstResolved = this.getResolvedPage(0);
+      const firstPageSize = firstResolved ? {
+        w: firstResolved.width,
+        h: firstResolved.height
+      } : pages[0].size ?? layout.pageSize;
       const firstPageEl = this.renderPage(firstPageSize.w, firstPageSize.h, pages[0], 0);
       mount.appendChild(firstPageEl);
       for (let i4 = 1;i4 < pages.length; i4 += 2) {
@@ -274072,12 +274175,20 @@ function print() { __p += __j.call(arguments, '') }
         spreadEl.classList.add(CLASS_NAMES$1.spread);
         applyStyles(spreadEl, spreadStyles);
         const leftPage = pages[i4];
-        const leftPageSize = leftPage.size ?? layout.pageSize;
+        const leftResolved = this.getResolvedPage(i4);
+        const leftPageSize = leftResolved ? {
+          w: leftResolved.width,
+          h: leftResolved.height
+        } : leftPage.size ?? layout.pageSize;
         const leftPageEl = this.renderPage(leftPageSize.w, leftPageSize.h, leftPage, i4);
         spreadEl.appendChild(leftPageEl);
         if (i4 + 1 < pages.length) {
           const rightPage = pages[i4 + 1];
-          const rightPageSize = rightPage.size ?? layout.pageSize;
+          const rightResolved = this.getResolvedPage(i4 + 1);
+          const rightPageSize = rightResolved ? {
+            w: rightResolved.width,
+            h: rightResolved.height
+          } : rightPage.size ?? layout.pageSize;
           const rightPageEl = this.renderPage(rightPageSize.w, rightPageSize.h, rightPage, i4 + 1);
           spreadEl.appendChild(rightPageEl);
         }
@@ -274110,7 +274221,8 @@ function print() { __p += __j.call(arguments, '') }
       const betweenBorderFlags = computeBetweenBorderFlags(page.fragments, this.blockLookup);
       page.fragments.forEach((fragment2, index2) => {
         const sdtBoundary = sdtBoundaries.get(index2);
-        el.appendChild(this.renderFragment(fragment2, contextBase, sdtBoundary, betweenBorderFlags.get(index2)));
+        const resolvedItem = this.getResolvedFragmentItem(pageIndex, index2);
+        el.appendChild(this.renderFragment(fragment2, contextBase, sdtBoundary, betweenBorderFlags.get(index2), resolvedItem));
       });
       this.renderDecorationsForPage(el, page, pageIndex);
       return el;
@@ -274331,7 +274443,11 @@ function print() { __p += __j.call(arguments, '') }
       this.mount.innerHTML = "";
       this.pageStates = [];
       layout.pages.forEach((page, pageIndex) => {
-        const pageSize = page.size ?? layout.pageSize;
+        const resolved = this.getResolvedPage(pageIndex);
+        const pageSize = resolved ? {
+          w: resolved.width,
+          h: resolved.height
+        } : page.size ?? layout.pageSize;
         const pageState = this.createPageState(page, pageSize, pageIndex);
         pageState.element.dataset.pageNumber = String(page.number);
         pageState.element.dataset.pageIndex = String(pageIndex);
@@ -274344,7 +274460,11 @@ function print() { __p += __j.call(arguments, '') }
         return;
       const nextStates = [];
       layout.pages.forEach((page, index2) => {
-        const pageSize = page.size ?? layout.pageSize;
+        const resolved = this.getResolvedPage(index2);
+        const pageSize = resolved ? {
+          w: resolved.width,
+          h: resolved.height
+        } : page.size ?? layout.pageSize;
         const prevState = this.pageStates[index2];
         if (!prevState) {
           const newState = this.createPageState(page, pageSize, index2);
@@ -274384,6 +274504,7 @@ function print() { __p += __j.call(arguments, '') }
         const current = existing.get(key$1);
         const sdtBoundary = sdtBoundaries.get(index2);
         const betweenInfo = betweenBorderFlags.get(index2);
+        const resolvedItem = this.getResolvedFragmentItem(pageIndex, index2);
         if (current) {
           existing.delete(key$1);
           const sdtBoundaryMismatch = shouldRebuildForSdtBoundary(current.element, sdtBoundary);
@@ -274391,13 +274512,13 @@ function print() { __p += __j.call(arguments, '') }
           const newPmStart = fragment2.pmStart;
           const mappingUnreliable = this.currentMapping != null && newPmStart != null && current.element.dataset.pmStart != null && this.currentMapping.map(Number(current.element.dataset.pmStart)) !== newPmStart;
           if (this.changedBlocks.has(fragment2.blockId) || current.signature !== fragmentSignature(fragment2, this.blockLookup) || sdtBoundaryMismatch || betweenBorderMismatch || mappingUnreliable) {
-            const replacement = this.renderFragment(fragment2, contextBase, sdtBoundary, betweenInfo);
+            const replacement = this.renderFragment(fragment2, contextBase, sdtBoundary, betweenInfo, resolvedItem);
             pageEl.replaceChild(replacement, current.element);
             current.element = replacement;
             current.signature = fragmentSignature(fragment2, this.blockLookup);
           } else if (this.currentMapping)
             this.updatePositionAttributes(current.element, this.currentMapping);
-          this.updateFragmentElement(current.element, fragment2, contextBase.section);
+          this.updateFragmentElement(current.element, fragment2, contextBase.section, resolvedItem);
           if (sdtBoundary?.widthOverride != null)
             current.element.style.width = `${sdtBoundary.widthOverride}px`;
           current.fragment = fragment2;
@@ -274406,7 +274527,7 @@ function print() { __p += __j.call(arguments, '') }
           nextFragments.push(current);
           return;
         }
-        const fresh = this.renderFragment(fragment2, contextBase, sdtBoundary, betweenInfo);
+        const fresh = this.renderFragment(fragment2, contextBase, sdtBoundary, betweenInfo, resolvedItem);
         pageEl.insertBefore(fresh, pageEl.children[index2] ?? null);
         nextFragments.push({
           key: key$1,
@@ -274473,7 +274594,8 @@ function print() { __p += __j.call(arguments, '') }
       const betweenBorderFlags = computeBetweenBorderFlags(page.fragments, this.blockLookup);
       const fragmentStates = page.fragments.map((fragment2, index2) => {
         const sdtBoundary = sdtBoundaries.get(index2);
-        const fragmentEl = this.renderFragment(fragment2, contextBase, sdtBoundary, betweenBorderFlags.get(index2));
+        const resolvedItem = this.getResolvedFragmentItem(pageIndex, index2);
+        const fragmentEl = this.renderFragment(fragment2, contextBase, sdtBoundary, betweenBorderFlags.get(index2), resolvedItem);
         el.appendChild(fragmentEl);
         return {
           key: fragmentKey(fragment2),
@@ -274514,20 +274636,20 @@ function print() { __p += __j.call(arguments, '') }
         };
       return this.options.pageStyles;
     }
-    renderFragment(fragment2, context, sdtBoundary, betweenInfo) {
+    renderFragment(fragment2, context, sdtBoundary, betweenInfo, resolvedItem) {
       if (fragment2.kind === "para")
-        return this.renderParagraphFragment(fragment2, context, sdtBoundary, betweenInfo);
+        return this.renderParagraphFragment(fragment2, context, sdtBoundary, betweenInfo, resolvedItem);
       if (fragment2.kind === "list-item")
-        return this.renderListItemFragment(fragment2, context, sdtBoundary, betweenInfo);
+        return this.renderListItemFragment(fragment2, context, sdtBoundary, betweenInfo, resolvedItem);
       if (fragment2.kind === "image")
-        return this.renderImageFragment(fragment2, context);
+        return this.renderImageFragment(fragment2, context, resolvedItem);
       if (fragment2.kind === "drawing")
-        return this.renderDrawingFragment(fragment2, context);
+        return this.renderDrawingFragment(fragment2, context, resolvedItem);
       if (fragment2.kind === "table")
-        return this.renderTableFragment(fragment2, context, sdtBoundary);
+        return this.renderTableFragment(fragment2, context, sdtBoundary, resolvedItem);
       throw new Error(`DomPainter: unsupported fragment kind ${fragment2.kind}`);
     }
-    renderParagraphFragment(fragment2, context, sdtBoundary, betweenInfo) {
+    renderParagraphFragment(fragment2, context, sdtBoundary, betweenInfo, resolvedItem) {
       try {
         const lookup3 = this.blockLookup.get(fragment2.blockId);
         if (!lookup3 || lookup3.block.kind !== "paragraph" || lookup3.measure.kind !== "paragraph")
@@ -274551,7 +274673,10 @@ function print() { __p += __j.call(arguments, '') }
           ...fragmentStyles,
           overflow: "visible"
         } : fragmentStyles);
-        this.applyFragmentFrame(fragmentEl, fragment2, context.section);
+        if (resolvedItem)
+          this.applyResolvedFragmentFrame(fragmentEl, resolvedItem, fragment2, context.section);
+        else
+          this.applyFragmentFrame(fragmentEl, fragment2, context.section);
         if (isTocEntry)
           fragmentEl.classList.add("superdoc-toc-entry");
         if (fragment2.continuesFromPrev)
@@ -274780,7 +274905,7 @@ function print() { __p += __j.call(arguments, '') }
       }
       return dropCapEl;
     }
-    renderListItemFragment(fragment2, context, sdtBoundary, betweenInfo) {
+    renderListItemFragment(fragment2, context, sdtBoundary, betweenInfo, resolvedItem) {
       try {
         const lookup3 = this.blockLookup.get(fragment2.blockId);
         if (!lookup3 || lookup3.block.kind !== "list" || lookup3.measure.kind !== "list")
@@ -274796,10 +274921,14 @@ function print() { __p += __j.call(arguments, '') }
         const fragmentEl = this.doc.createElement("div");
         fragmentEl.classList.add(CLASS_NAMES$1.fragment, `${CLASS_NAMES$1.fragment}-list-item`);
         applyStyles(fragmentEl, fragmentStyles);
-        fragmentEl.style.left = `${fragment2.x - fragment2.markerWidth}px`;
-        fragmentEl.style.top = `${fragment2.y}px`;
-        fragmentEl.style.width = `${fragment2.markerWidth + fragment2.width}px`;
-        fragmentEl.dataset.blockId = fragment2.blockId;
+        if (resolvedItem)
+          this.applyResolvedListItemWrapperFrame(fragmentEl, fragment2, resolvedItem, context.section);
+        else {
+          fragmentEl.style.left = `${fragment2.x - fragment2.markerWidth}px`;
+          fragmentEl.style.top = `${fragment2.y}px`;
+          fragmentEl.style.width = `${fragment2.markerWidth + fragment2.width}px`;
+          fragmentEl.dataset.blockId = fragment2.blockId;
+        }
         fragmentEl.dataset.itemId = fragment2.itemId;
         const paragraphMetadata = item.paragraph.attrs?.sdt;
         this.applySdtDataset(fragmentEl, paragraphMetadata);
@@ -274878,7 +275007,7 @@ function print() { __p += __j.call(arguments, '') }
         return this.createErrorPlaceholder(fragment2.blockId, error3);
       }
     }
-    renderImageFragment(fragment2, context) {
+    renderImageFragment(fragment2, context, resolvedItem) {
       try {
         const lookup3 = this.blockLookup.get(fragment2.blockId);
         if (!lookup3 || lookup3.block.kind !== "image" || lookup3.measure.kind !== "image")
@@ -274889,12 +275018,15 @@ function print() { __p += __j.call(arguments, '') }
         const fragmentEl = this.doc.createElement("div");
         fragmentEl.classList.add(CLASS_NAMES$1.fragment, DOM_CLASS_NAMES.IMAGE_FRAGMENT);
         applyStyles(fragmentEl, fragmentStyles);
-        this.applyFragmentFrame(fragmentEl, fragment2, context.section);
-        fragmentEl.style.height = `${fragment2.height}px`;
+        if (resolvedItem)
+          this.applyResolvedFragmentFrame(fragmentEl, resolvedItem, fragment2, context.section);
+        else {
+          this.applyFragmentFrame(fragmentEl, fragment2, context.section);
+          fragmentEl.style.height = `${fragment2.height}px`;
+          this.applyFragmentWrapperZIndex(fragmentEl, fragment2);
+        }
         this.applySdtDataset(fragmentEl, block.attrs?.sdt);
         this.applyContainerSdtDataset(fragmentEl, block.attrs?.containerSdt);
-        if (fragment2.isAnchored && fragment2.zIndex != null)
-          fragmentEl.style.zIndex = String(fragment2.zIndex);
         if (block.id)
           fragmentEl.setAttribute("data-sd-block-id", block.id);
         if (fragment2.pmStart != null)
@@ -274947,7 +275079,7 @@ function print() { __p += __j.call(arguments, '') }
         return this.createErrorPlaceholder(fragment2.blockId, error3);
       }
     }
-    renderDrawingFragment(fragment2, context) {
+    renderDrawingFragment(fragment2, context, resolvedItem) {
       try {
         const lookup3 = this.blockLookup.get(fragment2.blockId);
         if (!lookup3 || lookup3.block.kind !== "drawing" || lookup3.measure.kind !== "drawing")
@@ -274959,12 +275091,15 @@ function print() { __p += __j.call(arguments, '') }
         const fragmentEl = this.doc.createElement("div");
         fragmentEl.classList.add(CLASS_NAMES$1.fragment, "superdoc-drawing-fragment");
         applyStyles(fragmentEl, fragmentStyles);
-        this.applyFragmentFrame(fragmentEl, fragment2, context.section);
-        fragmentEl.style.height = `${fragment2.height}px`;
+        if (resolvedItem)
+          this.applyResolvedFragmentFrame(fragmentEl, resolvedItem, fragment2, context.section);
+        else {
+          this.applyFragmentFrame(fragmentEl, fragment2, context.section);
+          fragmentEl.style.height = `${fragment2.height}px`;
+          this.applyFragmentWrapperZIndex(fragmentEl, fragment2);
+        }
         fragmentEl.style.position = "absolute";
         fragmentEl.style.overflow = "hidden";
-        if (fragment2.isAnchored && fragment2.zIndex != null)
-          fragmentEl.style.zIndex = String(fragment2.zIndex);
         const innerWrapper = this.doc.createElement("div");
         innerWrapper.classList.add("superdoc-drawing-inner");
         innerWrapper.style.position = "absolute";
@@ -275504,11 +275639,11 @@ function print() { __p += __j.call(arguments, '') }
     createChartElement(block) {
       return createChartElement(this.doc, block.chartData, block.geometry);
     }
-    renderTableFragment(fragment2, context, sdtBoundary) {
+    renderTableFragment(fragment2, context, sdtBoundary, resolvedItem) {
       if (!this.doc)
         throw new Error("DomPainter: document is not available");
-      const applyFragmentFrameWithSection = (el, frag) => {
-        this.applyFragmentFrame(el, frag, context.section);
+      const applyFragmentFrameWithSection = (el$1, frag) => {
+        this.applyFragmentFrame(el$1, frag, context.section);
       };
       const renderLineForTableCell = (block, line, ctx$1, lineIndex, isLastLine, resolvedListTextStartPx) => {
         const paragraphEndsWithLineBreak = (block.runs.length > 0 ? block.runs[block.runs.length - 1] : null)?.kind === "lineBreak";
@@ -275526,7 +275661,7 @@ function print() { __p += __j.call(arguments, '') }
           return this.createChartElement(block);
         return this.createDrawingPlaceholder();
       };
-      return renderTableFragment({
+      const el = renderTableFragment({
         doc: this.doc,
         fragment: fragment2,
         context,
@@ -275546,6 +275681,9 @@ function print() { __p += __j.call(arguments, '') }
         applyContainerSdtDataset: this.applyContainerSdtDataset.bind(this),
         applyStyles
       });
+      if (resolvedItem)
+        this.applyResolvedFragmentFrame(el, resolvedItem, fragment2, context.section);
+      return el;
     }
     extractLinkData(run2) {
       if (run2.kind === "tab" || run2.kind === "image" || run2.kind === "lineBreak" || run2.kind === "math")
@@ -276633,12 +276771,20 @@ function print() { __p += __j.call(arguments, '') }
       if (this.activeCommentId && meta2.id === this.activeCommentId)
         elem.classList.add(TRACK_CHANGE_FOCUSED_CLASS);
     }
-    updateFragmentElement(el, fragment2, section) {
-      this.applyFragmentFrame(el, fragment2, section);
-      if (fragment2.kind === "image")
-        el.style.height = `${fragment2.height}px`;
-      if (fragment2.kind === "drawing")
-        el.style.height = `${fragment2.height}px`;
+    updateFragmentElement(el, fragment2, section, resolvedItem) {
+      if (fragment2.kind === "list-item" && resolvedItem) {
+        this.applyResolvedListItemWrapperFrame(el, fragment2, resolvedItem, section);
+        return;
+      }
+      if (resolvedItem)
+        this.applyResolvedFragmentFrame(el, resolvedItem, fragment2, section);
+      else {
+        this.applyFragmentFrame(el, fragment2, section);
+        if (fragment2.kind === "image" || fragment2.kind === "drawing") {
+          el.style.height = `${fragment2.height}px`;
+          this.applyFragmentWrapperZIndex(el, fragment2);
+        }
+      }
     }
     applyFragmentFrame(el, fragment2, section) {
       el.style.left = `${fragment2.x}px`;
@@ -276669,6 +276815,58 @@ function print() { __p += __j.call(arguments, '') }
           delete el.dataset.continuesOnNext;
       }
     }
+    applyFragmentPmAttributes(el, fragment2, section) {
+      if (typeof fragment2.blockId === "string" && fragment2.blockId.startsWith("footnote-"))
+        el.setAttribute("contenteditable", "false");
+      if (fragment2.kind === "para") {
+        if (section === "body" || section === undefined)
+          assertFragmentPmPositions(fragment2, "paragraph fragment");
+        if (fragment2.pmStart != null)
+          el.dataset.pmStart = String(fragment2.pmStart);
+        else
+          delete el.dataset.pmStart;
+        if (fragment2.pmEnd != null)
+          el.dataset.pmEnd = String(fragment2.pmEnd);
+        else
+          delete el.dataset.pmEnd;
+        if (fragment2.continuesFromPrev)
+          el.dataset.continuesFromPrev = "true";
+        else
+          delete el.dataset.continuesFromPrev;
+        if (fragment2.continuesOnNext)
+          el.dataset.continuesOnNext = "true";
+        else
+          delete el.dataset.continuesOnNext;
+      }
+    }
+    isAnchoredMediaFragment(fragment2) {
+      return (fragment2.kind === "image" || fragment2.kind === "drawing") && fragment2.isAnchored === true;
+    }
+    resolveFragmentWrapperZIndex(fragment2, resolvedZIndex) {
+      if (!this.isAnchoredMediaFragment(fragment2))
+        return "";
+      const zIndex = resolvedZIndex ?? fragment2.zIndex;
+      return zIndex != null ? String(zIndex) : "";
+    }
+    applyFragmentWrapperZIndex(el, fragment2, resolvedZIndex) {
+      el.style.zIndex = this.resolveFragmentWrapperZIndex(fragment2, resolvedZIndex);
+    }
+    applyResolvedFragmentFrame(el, item, fragment2, section) {
+      el.style.left = `${item.x}px`;
+      el.style.top = `${item.y}px`;
+      el.style.width = `${item.width}px`;
+      el.dataset.blockId = item.blockId;
+      el.dataset.layoutEpoch = String(this.layoutEpoch);
+      this.applyFragmentWrapperZIndex(el, fragment2, item.zIndex);
+      if (item.fragmentKind === "image" || item.fragmentKind === "drawing" || item.fragmentKind === "table")
+        el.style.height = `${item.height}px`;
+      this.applyFragmentPmAttributes(el, fragment2, section);
+    }
+    applyResolvedListItemWrapperFrame(el, fragment2, item, section) {
+      this.applyResolvedFragmentFrame(el, item, fragment2, section);
+      el.style.left = `${item.x - fragment2.markerWidth}px`;
+      el.style.width = `${item.width + fragment2.markerWidth}px`;
+    }
     estimateFragmentHeight(fragment2) {
       const measure = this.blockLookup.get(fragment2.blockId)?.measure;
       if (fragment2.kind === "para" && measure?.kind === "paragraph")
@@ -287449,7 +287647,9 @@ function print() { __p += __j.call(arguments, '') }
           layout.layoutEpoch = layoutEpoch;
           resolvedLayout = resolveLayout({
             layout,
-            flowMode: this.#layoutOptions.flowMode ?? "paginated"
+            flowMode: this.#layoutOptions.flowMode ?? "paginated",
+            blocks: blocksForLayout,
+            measures
           });
           headerLayouts = result.headers;
           footerLayouts = result.footers;
@@ -289116,7 +289316,7 @@ var init_zipper_YmNpPIyc_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_9QyvRUxO_es();
+  init_src_CqUAwJtN_es();
   init_SuperConverter_B9oNf3OB_es();
   init_jszip_ChlR43oI_es();
   init_xml_js_40FWvL78_es();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/cli",
-  "version": "0.5.0-next.27",
+  "version": "0.5.0-next.28",
   "type": "module",
   "bin": {
     "superdoc": "./dist/index.js"
@@ -26,19 +26,19 @@
     "typescript": "^5.9.2",
     "@superdoc/document-api": "0.0.1",
     "@superdoc/pm-adapter": "0.0.0",
-    "@superdoc/super-editor": "0.0.1",
-    "superdoc": "1.23.0"
+    "superdoc": "1.23.0",
+    "@superdoc/super-editor": "0.0.1"
   },
   "module": "src/index.ts",
   "publishConfig": {
     "access": "public"
   },
   "optionalDependencies": {
-    "@superdoc-dev/cli-darwin-arm64": "0.5.0-next.27",
-    "@superdoc-dev/cli-darwin-x64": "0.5.0-next.27",
-    "@superdoc-dev/cli-linux-x64": "0.5.0-next.27",
-    "@superdoc-dev/cli-windows-x64": "0.5.0-next.27",
-    "@superdoc-dev/cli-linux-arm64": "0.5.0-next.27"
+    "@superdoc-dev/cli-darwin-arm64": "0.5.0-next.28",
+    "@superdoc-dev/cli-darwin-x64": "0.5.0-next.28",
+    "@superdoc-dev/cli-linux-x64": "0.5.0-next.28",
+    "@superdoc-dev/cli-linux-arm64": "0.5.0-next.28",
+    "@superdoc-dev/cli-windows-x64": "0.5.0-next.28"
   },
   "scripts": {
     "predev": "node scripts/ensure-superdoc-build.js",