@superdoc-dev/cli 0.17.0-next.39 → 0.17.0-next.40

package/dist/index.js

@@ -69157,7 +69157,7 @@ var init_remark_gfm_BUJjZJLy_es = __esm(() => {
   emptyOptions2 = {};
 });
 
-// ../../packages/superdoc/dist/chunks/SuperConverter-DQ2wMaLK.es.js
+// ../../packages/superdoc/dist/chunks/SuperConverter-5I229j_D.es.js
 function getExtensionConfigField(extension$1, field, context = { name: "" }) {
   const fieldValue = extension$1.config[field];
   if (typeof fieldValue === "function")
@@ -83838,6 +83838,34 @@ function extractLineEnds(spPr) {
     tail: tailConfig ?? undefined
   };
 }
+function extractShapeEffects(spPr) {
+  const outerShadow = extractOuterShadowEffect(spPr);
+  if (!outerShadow)
+    return null;
+  return { outerShadow };
+}
+function extractOuterShadowEffect(spPr) {
+  const outerShdw = findChildByLocalName(findChildByLocalName(spPr?.elements, "effectLst")?.elements, "outerShdw");
+  if (!outerShdw)
+    return null;
+  const colorResult = extractColorFromElement(outerShdw);
+  if (!colorResult)
+    return null;
+  return stripUndefined({
+    type: "outerShadow",
+    blurRadius: finiteNumberOrZero(emuToPixels(outerShdw.attributes?.blurRad)),
+    distance: finiteNumberOrZero(emuToPixels(outerShdw.attributes?.dist)),
+    direction: finiteNumberOrZero(rotToDegrees(outerShdw.attributes?.dir)),
+    color: colorResult.color,
+    opacity: colorResult.alpha ?? 1
+  });
+}
+function finiteNumberOrZero(value) {
+  return Number.isFinite(value) ? value : 0;
+}
+function stripUndefined(value) {
+  return Object.fromEntries(Object.entries(value).filter(([, fieldValue]) => fieldValue !== undefined));
+}
 function extractStrokeColor(spPr, style) {
   const ln = findChildByLocalName(spPr?.elements, "ln");
   if (ln) {
@@ -85479,6 +85507,26 @@ function resolveParagraphPropertiesForTextBox(paragraph2, params3) {
     nodes: [pPr]
   }) || {} : {}, false, false, null);
 }
+function extractTextBoxParagraphSpacing(paragraphProperties, { paragraphIndex, paragraphCount, spcFirstLastPara } = {}) {
+  const spacing = paragraphProperties?.spacing;
+  if (!spacing)
+    return;
+  const honorFirstLast = spcFirstLastPara === "1" || spcFirstLastPara === 1 || spcFirstLastPara === true || spcFirstLastPara === "true" || spcFirstLastPara === "on";
+  const isFirst = paragraphIndex === 0;
+  const isLast = paragraphCount != null && paragraphIndex === paragraphCount - 1;
+  const result = {};
+  if (typeof spacing.before === "number" && !(isFirst && !honorFirstLast)) {
+    const px = twipsToPixels(spacing.before);
+    if (typeof px === "number")
+      result.before = px;
+  }
+  if (typeof spacing.after === "number" && !(isLast && !honorFirstLast)) {
+    const px = twipsToPixels(spacing.after);
+    if (typeof px === "number")
+      result.after = px;
+  }
+  return result.before === undefined && result.after === undefined ? undefined : result;
+}
 function extractRunFormatting(rPr, paragraphProperties, params3) {
   const resolvedRunProperties = resolveRunProperties(params3, rPr ? translator$133.encode({
     ...params3,
@@ -85542,10 +85590,12 @@ function extractBodyPrProperties(bodyPr) {
     left: lIns * EMU_TO_PX
   };
   const wrap$1 = bodyPrAttrs["wrap"] || "square";
+  const spcFirstLastPara = bodyPrAttrs["spcFirstLastPara"];
   return {
     verticalAlign,
     insets,
-    wrap: wrap$1
+    wrap: wrap$1,
+    spcFirstLastPara
   };
 }
 function isValidRelativeHeight(value) {
@@ -85935,14 +85985,13 @@ function handleImageNode$1(node3, params3, isAnchor) {
       left: positionHValue,
       horizontal: positionHValue,
       top: positionVValue
-    }, anchorData, wrap$1, isHidden);
+    }, anchorData, wrap$1, extractEffectExtent(node3), isHidden);
   if (uri === "http://schemas.openxmlformats.org/drawingml/2006/chart")
     return handleChartDrawing(params3, node3, graphicData, size2, padding, marginOffset, anchorData, wrap$1, isAnchor);
   const picture = graphicData?.elements.find((el) => el.name === "pic:pic");
   if (!picture || !picture.elements)
     return null;
-  const blipFill = picture.elements.find((el) => el.name === "pic:blipFill");
-  const blip = findChildByLocalName(blipFill?.elements, "blip");
+  const blip = findChildByLocalName(picture.elements.find((el) => el.name === "pic:blipFill")?.elements, "blip");
   if (!blip)
     return null;
   const hasGrayscale = someChildHasLocalName(blip.elements, "grayscl");
@@ -85954,23 +86003,7 @@ function handleImageNode$1(node3, params3, isAnchor) {
     ...Number.isFinite(rawContrast) ? { contrast: rawContrast } : {}
   } : undefined;
   const alphaModFix = extractAlphaModFix(blip);
-  const stretch = findChildByLocalName(blipFill?.elements, "stretch");
-  const fillRect = findChildByLocalName(stretch?.elements, "fillRect");
-  const srcRect = findChildByLocalName(blipFill?.elements, "srcRect");
-  const srcRectAttrs = srcRect?.attributes || {};
-  const clipPath = buildClipPathFromSrcRect(srcRectAttrs);
-  const srcRectHasNegativeValues = [
-    "l",
-    "t",
-    "r",
-    "b"
-  ].some((attr) => {
-    const val = srcRectAttrs[attr];
-    return val != null && parseFloat(val) < 0;
-  });
-  const shouldStretch = Boolean(stretch && fillRect);
-  const shouldCover = shouldStretch && !srcRectHasNegativeValues && !clipPath;
-  const shouldFillClippedStretch = shouldStretch && !srcRectHasNegativeValues && Boolean(clipPath);
+  const { clipPath, rawSrcRect, shouldCover, shouldFillClippedStretch, shouldCoverShapeStretch, shapeClipPath } = extractPicturePresentation(picture);
   const spPr = picture.elements.find((el) => el.name === "pic:spPr");
   if (spPr) {
     const xfrm = findChildByLocalName(spPr.elements, "xfrm");
@@ -86090,9 +86123,10 @@ function handleImageNode$1(node3, params3, isAnchor) {
       ...wrap$1.type === "Square" && wrap$1.attrs.wrapText ? { wrapText: wrap$1.attrs.wrapText } : {},
       wrapTopAndBottom: wrap$1.type === "TopAndBottom",
       shouldCover,
-      ...shouldFillClippedStretch ? { objectFit: "fill" } : {},
+      ...shouldFillClippedStretch ? { objectFit: "fill" } : shouldCoverShapeStretch ? { objectFit: "cover" } : {},
       ...clipPath ? { clipPath } : {},
-      rawSrcRect: srcRect,
+      ...shapeClipPath ? { shapeClipPath } : {},
+      rawSrcRect,
       originalPadding: {
         distT: attributes["distT"],
         distB: attributes["distB"],
@@ -86140,7 +86174,9 @@ function extractTextFromTextBox(textBoxContent, bodyPr, params3 = {}) {
     return null;
   const paragraphs = collectTextBoxParagraphs(preProcessTextBoxContent(textBoxContent, params3)?.elements || []);
   const textParts = [];
+  const paragraphMetadata = [];
   let horizontalAlign = null;
+  const { verticalAlign, insets, wrap: wrap$1, spcFirstLastPara } = extractBodyPrProperties(bodyPr);
   const appendFieldPart = (fieldType, node3, paragraphProperties) => {
     const rPr = node3?.elements?.find((el) => el.name === "w:rPr");
     const formatting = extractRunFormatting(rPr, paragraphProperties, params3);
@@ -86247,6 +86283,11 @@ function extractTextFromTextBox(textBoxContent, bodyPr, params3 = {}) {
   };
   paragraphs.forEach((paragraph2, paragraphIndex) => {
     const paragraphProperties = resolveParagraphPropertiesForTextBox(paragraph2, params3);
+    paragraphMetadata.push({ spacing: extractTextBoxParagraphSpacing(paragraphProperties, {
+      paragraphIndex,
+      paragraphCount: paragraphs.length,
+      spcFirstLastPara
+    }) });
     if (!horizontalAlign)
       horizontalAlign = extractParagraphAlignment(paragraph2);
     let paragraphHasText = false;
@@ -86260,18 +86301,20 @@ function extractTextFromTextBox(textBoxContent, bodyPr, params3 = {}) {
 `,
         formatting: {},
         isLineBreak: true,
-        isEmptyParagraph: !paragraphHasText
+        isEmptyParagraph: !paragraphHasText,
+        isParagraphBoundary: true
       });
   });
   if (textParts.length === 0)
     return null;
-  const { verticalAlign, insets, wrap: wrap$1 } = extractBodyPrProperties(bodyPr);
+  const hasParagraphSpacing = paragraphMetadata.some((paragraph2) => paragraph2.spacing);
   return {
     parts: textParts,
     horizontalAlign: horizontalAlign || "left",
     verticalAlign,
     insets,
-    wrap: wrap$1
+    wrap: wrap$1,
+    ...hasParagraphSpacing ? { paragraphs: paragraphMetadata } : {}
   };
 }
 function extractFieldInlineNodes(node3) {
@@ -86421,6 +86464,7 @@ function getVectorShape({ params: params3, node: node3, graphicData, size: size2
   const strokeColor = extractStrokeColor(spPr, style);
   const strokeWidth = extractStrokeWidth(spPr);
   const lineEnds = extractLineEnds(spPr);
+  const effects = extractShapeEffects(spPr);
   const effectExtent = extractEffectExtent(node3);
   const textBoxContent = wsp.elements?.find((el) => el.name === "wps:txbx")?.elements?.find((el) => el.name === "w:txbxContent");
   const bodyPr = wsp.elements?.find((el) => el.name === "wps:bodyPr");
@@ -86444,6 +86488,7 @@ function getVectorShape({ params: params3, node: node3, graphicData, size: size2
         strokeColor,
         strokeWidth,
         lineEnds,
+        effects,
         effectExtent,
         marginOffset,
         anchorData,
@@ -86477,6 +86522,7 @@ function getVectorShape({ params: params3, node: node3, graphicData, size: size2
       strokeColor,
       strokeWidth,
       lineEnds,
+      effects,
       effectExtent,
       marginOffset,
       anchorData,
@@ -105707,7 +105753,7 @@ function isShapeGroupTransform(value) {
   if (!value || typeof value !== "object")
     return false;
   const maybe = value;
-  return isFiniteNumber(maybe.x) || isFiniteNumber(maybe.y) || isFiniteNumber(maybe.width) || isFiniteNumber(maybe.height) || isFiniteNumber(maybe.childWidth) || isFiniteNumber(maybe.childHeight) || isFiniteNumber(maybe.childX) || isFiniteNumber(maybe.childY);
+  return isFiniteNumber(maybe.x) || isFiniteNumber(maybe.y) || isFiniteNumber(maybe.width) || isFiniteNumber(maybe.height) || isFiniteNumber(maybe.childWidth) || isFiniteNumber(maybe.childHeight) || isFiniteNumber(maybe.childX) || isFiniteNumber(maybe.childY) || isFiniteNumber(maybe.rotation) || maybe.flipH === true || maybe.flipV === true;
 }
 function normalizeShapeSize(value) {
   if (!value || typeof value !== "object")
@@ -105755,13 +105801,73 @@ function normalizeEffectExtent(value) {
     bottom: clamp(bottom)
   };
 }
+function normalizeShapeEffects(value) {
+  if (!value || typeof value !== "object")
+    return;
+  const outerShadow = normalizeOuterShadowEffect(value.outerShadow);
+  return outerShadow ? { outerShadow } : undefined;
+}
+function normalizeOuterShadowEffect(value) {
+  if (!value || typeof value !== "object")
+    return;
+  const maybe = value;
+  if (maybe.type !== "outerShadow")
+    return;
+  const blurRadius = coerceNumber(maybe.blurRadius);
+  const distance2 = coerceNumber(maybe.distance);
+  const direction = coerceNumber(maybe.direction);
+  const opacity = coerceNumber(maybe.opacity);
+  if (blurRadius == null || blurRadius < 0 || distance2 == null || distance2 < 0 || direction == null || opacity == null || typeof maybe.color !== "string")
+    return;
+  const clamp = (val) => Math.max(0, Math.min(1, val));
+  const normalized = {
+    type: "outerShadow",
+    blurRadius,
+    distance: distance2,
+    direction,
+    color: maybe.color,
+    opacity: clamp(opacity)
+  };
+  return Object.fromEntries(Object.entries(normalized).filter(([, fieldValue]) => fieldValue !== undefined));
+}
 function normalizeShapeGroupChildren(value) {
   if (!Array.isArray(value))
     return [];
-  return value.filter((child) => {
+  return value.flatMap((child) => {
     if (!child || typeof child !== "object")
-      return false;
-    return typeof child.shapeType === "string";
+      return [];
+    if (typeof child.shapeType !== "string")
+      return [];
+    const shapeChild = child;
+    if (shapeChild.shapeType !== "vectorShape")
+      return [shapeChild];
+    const attrs = shapeChild.attrs;
+    if (!attrs || typeof attrs !== "object")
+      return [shapeChild];
+    const rawAttrs = attrs;
+    const normalizedAttrs = { ...rawAttrs };
+    const normalizeAttr = (key, normalize$1) => {
+      if (!(key in rawAttrs))
+        return;
+      const normalized = normalize$1(rawAttrs[key]);
+      if (normalized !== undefined)
+        normalizedAttrs[key] = normalized;
+      else
+        delete normalizedAttrs[key];
+    };
+    normalizeAttr("fillColor", normalizeFillColor);
+    normalizeAttr("strokeColor", normalizeStrokeColor);
+    normalizeAttr("strokeWidth", coerceNumber);
+    normalizeAttr("lineEnds", normalizeLineEnds);
+    normalizeAttr("effects", normalizeShapeEffects);
+    normalizeAttr("textContent", normalizeTextContent);
+    normalizeAttr("textAlign", (value$1) => typeof value$1 === "string" ? value$1 : undefined);
+    normalizeAttr("textVerticalAlign", normalizeTextVerticalAlign);
+    normalizeAttr("textInsets", normalizeTextInsets);
+    return [{
+      ...shapeChild,
+      attrs: normalizedAttrs
+    }];
   });
 }
 function normalizeMediaKey(value) {
@@ -106050,6 +106156,25 @@ function normalizeTextContent(value) {
     "right"
   ].includes(value.horizontalAlign))
     result.horizontalAlign = value.horizontalAlign;
+  if (Array.isArray(value.paragraphs)) {
+    const normalizedParagraphs = value.paragraphs.map((paragraph2) => {
+      if (!isPlainObject3(paragraph2))
+        return {};
+      const spacing = isPlainObject3(paragraph2.spacing) ? paragraph2.spacing : undefined;
+      const before2 = Number.isFinite(spacing?.before) ? spacing.before : undefined;
+      const after2 = Number.isFinite(spacing?.after) ? spacing.after : undefined;
+      if (before2 === undefined && after2 === undefined)
+        return {};
+      const out = { spacing: {} };
+      if (before2 !== undefined)
+        out.spacing.before = before2;
+      if (after2 !== undefined)
+        out.spacing.after = after2;
+      return out;
+    });
+    if (normalizedParagraphs.some((paragraph2) => ("spacing" in paragraph2)))
+      result.paragraphs = normalizedParagraphs;
+  }
   return result;
 }
 function normalizeTextVerticalAlign(value) {
@@ -107722,6 +107847,10 @@ function imageNodeToRun({ node: node3, positions, sdtMetadata }) {
     run$1.title = attrs.title;
   if (typeof attrs.clipPath === "string")
     run$1.clipPath = attrs.clipPath;
+  if (typeof attrs.shapeClipPath === "string")
+    run$1.shapeClipPath = attrs.shapeClipPath;
+  if (isAllowedObjectFit$1(attrs.objectFit))
+    run$1.objectFit = attrs.objectFit;
   const distTop = pickNumber(wrapAttrs.distTop ?? wrapAttrs.distT);
   if (distTop != null)
     run$1.distTop = distTop;
@@ -107996,7 +108125,7 @@ function vectorShapeNodeToDrawingBlock(node3, nextBlockId, positions) {
   const rawAttrs = getAttrs$2(node3);
   if (isHiddenDrawing$1(rawAttrs))
     return null;
-  const effectExtent = normalizeEffectExtent(rawAttrs.effectExtent);
+  const effectExtent = mergeEffectExtents(normalizeEffectExtent(rawAttrs.effectExtent), getRequiredVectorShapeEffectExtent(rawAttrs));
   const baseWidth = coercePositiveNumber(rawAttrs.width, 1);
   const baseHeight = coercePositiveNumber(rawAttrs.height, 1);
   const extraWidth = (effectExtent?.left ?? 0) + (effectExtent?.right ?? 0);
@@ -108020,16 +108149,23 @@ function shapeGroupNodeToDrawingBlock(node3, nextBlockId, positions) {
   const size2 = normalizeShapeSize(rawAttrs.size);
   const width = size2?.width ?? groupTransform?.width ?? 1;
   const height = size2?.height ?? groupTransform?.height ?? 1;
+  const childCoordinateWidth = groupTransform?.width ?? width;
+  const childCoordinateHeight = groupTransform?.height ?? height;
+  const shapes = normalizeShapeGroupChildren(rawAttrs.shapes);
+  const effectExtent = mergeEffectExtents(normalizeEffectExtent(rawAttrs.effectExtent), getRequiredGroupEffectExtentFromChildren(shapes, childCoordinateWidth, childCoordinateHeight));
+  const extraWidth = (effectExtent?.left ?? 0) + (effectExtent?.right ?? 0);
+  const extraHeight = (effectExtent?.top ?? 0) + (effectExtent?.bottom ?? 0);
   return buildDrawingBlock(rawAttrs, nextBlockId, positions, node3, {
-    width: coercePositiveNumber(width, 1),
-    height: coercePositiveNumber(height, 1),
+    width: coercePositiveNumber(width + extraWidth, 1),
+    height: coercePositiveNumber(height + extraHeight, 1),
     rotation: coerceNumber(rawAttrs.rotation) ?? 0,
     flipH: coerceBoolean(rawAttrs.flipH) ?? false,
     flipV: coerceBoolean(rawAttrs.flipV) ?? false
   }, "shapeGroup", {
     groupTransform,
-    shapes: normalizeShapeGroupChildren(rawAttrs.shapes),
-    size: size2
+    shapes,
+    size: size2,
+    effectExtent
   });
 }
 function shapeContainerNodeToDrawingBlock(node3, nextBlockId, positions) {
@@ -108877,7 +109013,13 @@ function paragraphToFlowBlocks({ para, nextBlockId, positions, storyKey, tracked
     visitNode(child, [], undefined, undefined);
   });
   flushParagraph();
-  if (!blocks.some((block) => block.kind === "paragraph") && !suppressedByVanish && !paragraphProps.runProperties?.vanish)
+  if (!blocks.some((block) => block.kind === "paragraph") && !suppressedByVanish && !paragraphProps.runProperties?.vanish) {
+    let syntheticParagraphAttrs = deepClone2(paragraphAttrs);
+    if (isSectPrMarker)
+      if (syntheticParagraphAttrs)
+        syntheticParagraphAttrs.sectPrMarker = true;
+      else
+        syntheticParagraphAttrs = { sectPrMarker: true };
     blocks.push({
       kind: "paragraph",
       id: baseBlockId,
@@ -108886,9 +109028,10 @@ function paragraphToFlowBlocks({ para, nextBlockId, positions, storyKey, tracked
         fontFamily: defaultFont,
         fontSize: defaultSize
       }],
-      attrs: deepClone2(paragraphAttrs),
+      attrs: syntheticParagraphAttrs,
       sourceAnchor
     });
+  }
   blocks.forEach((block) => {
     if (block.kind === "paragraph" && block.runs.length > 1)
       block.runs = mergeAdjacentRuns(block.runs);
@@ -118160,7 +118303,24 @@ var isRegExp = (value) => {
   return true;
 }, areAttrsEqual = (attrsA = {}, attrsB = {}) => {
   return objectIncludes(attrsA, attrsB);
-}, TrackInsertMarkName = "trackInsert", TrackDeleteMarkName = "trackDelete", TrackFormatMarkName = "trackFormat", TrackedFormatMarkNames, TAB_POSITION_TOLERANCE_TWIPS = 20, OOXML_PCT_DIVISOR = 5000, TWIPS_PER_PX = 15, isPlainObject$3 = (value) => value !== null && typeof value === "object" && !Array.isArray(value), OOXML_Z_INDEX_BASE = 251658240, SPACE_CHARS, SUBSCRIPT_SUPERSCRIPT_SCALE = 0.65, BASELINE_SHIFT_EPSILON = 0.000001, isAtomicRunKind = (kind) => kind === "image" || kind === "lineBreak" || kind === "break" || kind === "tab" || kind === "fieldAnnotation", isImageLikeRun = (run$1) => {
+}, TrackInsertMarkName = "trackInsert", TrackDeleteMarkName = "trackDelete", TrackFormatMarkName = "trackFormat", TrackedFormatMarkNames, TAB_POSITION_TOLERANCE_TWIPS = 20, OOXML_PCT_DIVISOR = 5000, TWIPS_PER_PX = 15, isPlainObject$3 = (value) => value !== null && typeof value === "object" && !Array.isArray(value), OOXML_Z_INDEX_BASE = 251658240, resolveOuterShadowOffset = (shadow) => {
+  const radians = shadow.direction * Math.PI / 180;
+  return {
+    dx: shadow.distance * Math.cos(radians),
+    dy: shadow.distance * Math.sin(radians)
+  };
+}, getOuterShadowStdDeviation = (shadow) => {
+  return Math.max(0, shadow.blurRadius / 2);
+}, getOuterShadowPaintExtent = (shadow) => {
+  const { dx, dy } = resolveOuterShadowOffset(shadow);
+  const spread = getOuterShadowStdDeviation(shadow) * 3;
+  return {
+    left: Math.max(0, spread - dx),
+    top: Math.max(0, spread - dy),
+    right: Math.max(0, spread + dx),
+    bottom: Math.max(0, spread + dy)
+  };
+}, SPACE_CHARS, SUBSCRIPT_SUPERSCRIPT_SCALE = 0.65, BASELINE_SHIFT_EPSILON = 0.000001, isAtomicRunKind = (kind) => kind === "image" || kind === "lineBreak" || kind === "break" || kind === "tab" || kind === "fieldAnnotation", isImageLikeRun = (run$1) => {
   if (!run$1 || typeof run$1 !== "object")
     return false;
   return typeof run$1.src === "string";
@@ -124678,6 +124838,37 @@ var isRegExp = (value) => {
   const alphaModFix = findChildByLocalName(blip?.elements, "alphaModFix");
   const amt = Number(alphaModFix?.attributes?.amt);
   return Number.isFinite(amt) ? { amt } : undefined;
+}, buildShapeClipPathFromPreset = (preset) => {
+  if (preset === "ellipse")
+    return "ellipse(50% 50% at 50% 50%)";
+  return null;
+}, extractPicturePresentation = (picture) => {
+  const blipFill = picture?.elements?.find((el) => el.name === "pic:blipFill");
+  const stretch = findChildByLocalName(blipFill?.elements, "stretch");
+  const fillRect = findChildByLocalName(stretch?.elements, "fillRect");
+  const srcRect = findChildByLocalName(blipFill?.elements, "srcRect");
+  const srcRectAttrs = srcRect?.attributes || {};
+  const clipPath = buildClipPathFromSrcRect(srcRectAttrs);
+  const srcRectHasNegativeValues = [
+    "l",
+    "t",
+    "r",
+    "b"
+  ].some((attr) => {
+    const val = srcRectAttrs[attr];
+    return val != null && parseFloat(val) < 0;
+  });
+  const spPr = picture?.elements?.find((el) => el.name === "pic:spPr");
+  const shapeClipPath = buildShapeClipPathFromPreset(findChildByLocalName(spPr?.elements, "prstGeom")?.attributes?.["prst"]);
+  const shouldStretch = Boolean(stretch && fillRect);
+  return {
+    clipPath,
+    rawSrcRect: srcRect,
+    shouldCover: shouldStretch && !srcRectHasNegativeValues && !clipPath,
+    shouldFillClippedStretch: shouldStretch && !srcRectHasNegativeValues && Boolean(clipPath),
+    shouldCoverShapeStretch: shouldStretch && Boolean(shapeClipPath) && !clipPath,
+    shapeClipPath
+  };
 }, mergeAnchorPaddingIntoWrapDistances = (wrap$1, padding) => {
   if (!wrap$1?.attrs || !padding)
     return;
@@ -124748,7 +124939,289 @@ var isRegExp = (value) => {
   if (placeholder?.attrs && isHidden)
     placeholder.attrs.hidden = true;
   return placeholder;
-}, handleShapeGroup = (params3, node3, graphicData, size2, padding, marginOffset, anchorData, wrap$1, isHidden) => {
+}, parseEmuNumber = (value, fallback = 0) => {
+  const numeric = Number(value);
+  return Number.isFinite(numeric) ? numeric : fallback;
+}, getGroupXfrm = (groupNode) => {
+  return findChildByLocalName(findChildByLocalName(groupNode?.elements, "grpSpPr")?.elements, "xfrm");
+}, buildShapeGroupTransformAttrs = (xfrm) => {
+  const groupTransform = {};
+  if (!xfrm)
+    return groupTransform;
+  if (xfrm.attributes?.["rot"])
+    groupTransform.rotation = rotToDegrees(xfrm.attributes["rot"]);
+  if (xfrm.attributes?.["flipH"] === "1")
+    groupTransform.flipH = true;
+  if (xfrm.attributes?.["flipV"] === "1")
+    groupTransform.flipV = true;
+  const off = findChildByLocalName(xfrm.elements, "off");
+  const ext = findChildByLocalName(xfrm.elements, "ext");
+  const chOff = findChildByLocalName(xfrm.elements, "chOff");
+  const chExt = findChildByLocalName(xfrm.elements, "chExt");
+  if (off) {
+    groupTransform.x = emuToPixels(off.attributes?.["x"] || 0);
+    groupTransform.y = emuToPixels(off.attributes?.["y"] || 0);
+  }
+  if (ext) {
+    groupTransform.width = emuToPixels(ext.attributes?.["cx"] || 0);
+    groupTransform.height = emuToPixels(ext.attributes?.["cy"] || 0);
+  }
+  if (chOff) {
+    groupTransform.childX = emuToPixels(chOff.attributes?.["x"] || 0);
+    groupTransform.childY = emuToPixels(chOff.attributes?.["y"] || 0);
+    groupTransform.childOriginXEmu = parseEmuNumber(chOff.attributes?.["x"]);
+    groupTransform.childOriginYEmu = parseEmuNumber(chOff.attributes?.["y"]);
+  }
+  if (chExt) {
+    groupTransform.childWidth = emuToPixels(chExt.attributes?.["cx"] || 0);
+    groupTransform.childHeight = emuToPixels(chExt.attributes?.["cy"] || 0);
+  }
+  return groupTransform;
+}, identityMatrix = () => ({
+  a: 1,
+  b: 0,
+  c: 0,
+  d: 1,
+  e: 0,
+  f: 0
+}), multiplyMatrix = (left, right) => ({
+  a: left.a * right.a + left.c * right.b,
+  b: left.b * right.a + left.d * right.b,
+  c: left.a * right.c + left.c * right.d,
+  d: left.b * right.c + left.d * right.d,
+  e: left.a * right.e + left.c * right.f + left.e,
+  f: left.b * right.e + left.d * right.f + left.f
+}), transformPoint = (matrix, x, y) => ({
+  x: matrix.a * x + matrix.c * y + matrix.e,
+  y: matrix.b * x + matrix.d * y + matrix.f
+}), normalizeDegrees = (degrees) => {
+  const normalized = (degrees % 360 + 360) % 360;
+  return Object.is(normalized, -0) ? 0 : normalized;
+}, decomposeMatrixOrientation = (matrix) => {
+  if (matrix.a * matrix.d - matrix.b * matrix.c < 0)
+    return {
+      rotation: normalizeDegrees(Math.atan2(-matrix.b, -matrix.a) * 180 / Math.PI),
+      flipH: true,
+      flipV: false
+    };
+  return {
+    rotation: normalizeDegrees(Math.atan2(matrix.b, matrix.a) * 180 / Math.PI),
+    flipH: false,
+    flipV: false
+  };
+}, getVisualOrientationMatrix = ({ rotation = 0, flipH = false, flipV = false } = {}) => {
+  const radians = rotation * Math.PI / 180;
+  const cos = Math.cos(radians);
+  const sin = Math.sin(radians);
+  const flipScaleX = flipH ? -1 : 1;
+  const flipScaleY = flipV ? -1 : 1;
+  return {
+    a: cos * flipScaleX,
+    b: sin * flipScaleX,
+    c: -sin * flipScaleY,
+    d: cos * flipScaleY,
+    e: 0,
+    f: 0
+  };
+}, getGroupAffineTransform = (xfrm, { includeVisualTransform = false } = {}) => {
+  if (!xfrm)
+    return {
+      matrix: identityMatrix(),
+      rotation: 0,
+      flipH: false,
+      flipV: false
+    };
+  const off = findChildByLocalName(xfrm.elements, "off");
+  const ext = findChildByLocalName(xfrm.elements, "ext");
+  const chOff = findChildByLocalName(xfrm.elements, "chOff");
+  const chExt = findChildByLocalName(xfrm.elements, "chExt");
+  const childWidth = parseEmuNumber(chExt?.attributes?.["cx"]);
+  const childHeight = parseEmuNumber(chExt?.attributes?.["cy"]);
+  const width = parseEmuNumber(ext?.attributes?.["cx"], childWidth || 0);
+  const height = parseEmuNumber(ext?.attributes?.["cy"], childHeight || 0);
+  const childX = parseEmuNumber(chOff?.attributes?.["x"]);
+  const childY = parseEmuNumber(chOff?.attributes?.["y"]);
+  const x = parseEmuNumber(off?.attributes?.["x"]);
+  const y = parseEmuNumber(off?.attributes?.["y"]);
+  const scaleX = childWidth !== 0 ? width / childWidth : 1;
+  const scaleY = childHeight !== 0 ? height / childHeight : 1;
+  const rotation = xfrm.attributes?.["rot"] ? rotToDegrees(xfrm.attributes["rot"]) : 0;
+  const flipH = xfrm.attributes?.["flipH"] === "1";
+  const flipV = xfrm.attributes?.["flipV"] === "1";
+  const baseMatrix = {
+    a: scaleX,
+    b: 0,
+    c: 0,
+    d: scaleY,
+    e: x - childX * scaleX,
+    f: y - childY * scaleY
+  };
+  if (!includeVisualTransform || !rotation && !flipH && !flipV)
+    return {
+      matrix: baseMatrix,
+      rotation: 0,
+      flipH: false,
+      flipV: false
+    };
+  const radians = rotation * Math.PI / 180;
+  const cos = Math.cos(radians);
+  const sin = Math.sin(radians);
+  const flipScaleX = flipH ? -1 : 1;
+  const flipScaleY = flipV ? -1 : 1;
+  const centerX = x + width / 2;
+  const centerY = y + height / 2;
+  return {
+    matrix: multiplyMatrix({
+      a: cos * flipScaleX,
+      b: sin * flipScaleX,
+      c: -sin * flipScaleY,
+      d: cos * flipScaleY,
+      e: centerX - (cos * flipScaleX * centerX + -sin * flipScaleY * centerY),
+      f: centerY - (sin * flipScaleX * centerX + cos * flipScaleY * centerY)
+    }, baseMatrix),
+    rotation,
+    flipH,
+    flipV
+  };
+}, composeShapeGroupTransform = (parent, child) => {
+  const matrix = multiplyMatrix(parent.matrix, child.matrix);
+  return {
+    matrix,
+    ...decomposeMatrixOrientation(matrix)
+  };
+}, composeShapeGroupChildOrientation = (rect, xfrm) => {
+  return decomposeMatrixOrientation(multiplyMatrix(getVisualOrientationMatrix({
+    rotation: rect.rotation ?? 0,
+    flipH: Boolean(rect.flipH),
+    flipV: Boolean(rect.flipV)
+  }), getVisualOrientationMatrix({
+    rotation: xfrm?.attributes?.["rot"] ? rotToDegrees(xfrm.attributes["rot"]) : 0,
+    flipH: xfrm?.attributes?.["flipH"] === "1",
+    flipV: xfrm?.attributes?.["flipV"] === "1"
+  })));
+}, transformShapeGroupChildRect = (transform, rawX, rawY, rawWidth, rawHeight) => {
+  const matrix = transform.matrix ?? identityMatrix();
+  const width = Math.hypot(matrix.a, matrix.b) * rawWidth;
+  const height = Math.hypot(matrix.c, matrix.d) * rawHeight;
+  const center = transformPoint(matrix, rawX + rawWidth / 2, rawY + rawHeight / 2);
+  return {
+    x: emuToPixels(center.x - width / 2),
+    y: emuToPixels(center.y - height / 2),
+    width: emuToPixels(width),
+    height: emuToPixels(height),
+    rotation: transform.rotation ?? 0,
+    flipH: Boolean(transform.flipH),
+    flipV: Boolean(transform.flipV)
+  };
+}, resolveShapeGroupPicturePath = (pic, params3) => {
+  const blip = findChildByLocalName(findChildByLocalName(pic.elements, "blipFill")?.elements, "blip");
+  if (!blip)
+    return null;
+  const rEmbed = blip.attributes?.["r:embed"];
+  if (!rEmbed)
+    return null;
+  const currentFile = params3.filename || "document.xml";
+  let rels = params3.docx[`word/_rels/${currentFile}.rels`];
+  if (!rels)
+    rels = params3.docx[`word/_rels/document.xml.rels`];
+  const rel = rels?.elements.find((el) => el.name === "Relationships")?.elements?.find((el) => el.attributes["Id"] === rEmbed);
+  if (!rel)
+    return null;
+  return normalizeTargetPath$1(rel.attributes?.["Target"]);
+}, parseShapeGroupVectorChild = (wsp, transform, params3) => {
+  const spPr = findChildByLocalName(wsp.elements, "spPr");
+  if (!spPr)
+    return null;
+  const shapeKind = findChildByLocalName(spPr.elements, "prstGeom")?.attributes?.["prst"];
+  const customGeom = !shapeKind ? extractCustomGeometry(spPr) : null;
+  const shapeXfrm = findChildByLocalName(spPr.elements, "xfrm");
+  const shapeOff = findChildByLocalName(shapeXfrm?.elements, "off");
+  const shapeExt = findChildByLocalName(shapeXfrm?.elements, "ext");
+  const rect = transformShapeGroupChildRect(transform, parseEmuNumber(shapeOff?.attributes?.["x"]), parseEmuNumber(shapeOff?.attributes?.["y"]), parseEmuNumber(shapeExt?.attributes?.["cx"], 914400), parseEmuNumber(shapeExt?.attributes?.["cy"], 914400));
+  const orientation = composeShapeGroupChildOrientation(rect, shapeXfrm);
+  const style = findChildByLocalName(wsp.elements, "style");
+  const fillColor = extractFillColor(spPr, style);
+  const strokeColor = extractStrokeColor(spPr, style);
+  const strokeWidth = extractStrokeWidth(spPr);
+  const lineEnds = extractLineEnds(spPr);
+  const effects = extractShapeEffects(spPr);
+  const cNvPr = findChildByLocalName(wsp.elements, "cNvPr");
+  const shapeId = cNvPr?.attributes?.["id"];
+  const shapeName = cNvPr?.attributes?.["name"];
+  const textBoxContent = findChildByLocalName(findChildByLocalName(wsp.elements, "txbx")?.elements, "txbxContent");
+  const bodyPr = findChildByLocalName(wsp.elements, "bodyPr");
+  const textContent = textBoxContent ? extractTextFromTextBox(textBoxContent, bodyPr, params3) : null;
+  const textAlign = textContent?.horizontalAlign || "left";
+  return {
+    shapeType: "vectorShape",
+    attrs: {
+      kind: shapeKind,
+      customGeometry: customGeom || undefined,
+      ...rect,
+      ...orientation,
+      fillColor,
+      strokeColor,
+      strokeWidth,
+      lineEnds,
+      effects,
+      shapeId,
+      shapeName,
+      textContent,
+      textAlign,
+      textVerticalAlign: textContent?.verticalAlign,
+      textInsets: textContent?.insets
+    }
+  };
+}, parseShapeGroupImageChild = (pic, transform, params3) => {
+  const spPr = findChildByLocalName(pic.elements, "spPr");
+  if (!spPr)
+    return null;
+  const xfrm = findChildByLocalName(spPr.elements, "xfrm");
+  const off = findChildByLocalName(xfrm?.elements, "off");
+  const ext = findChildByLocalName(xfrm?.elements, "ext");
+  const rect = transformShapeGroupChildRect(transform, parseEmuNumber(off?.attributes?.["x"]), parseEmuNumber(off?.attributes?.["y"]), parseEmuNumber(ext?.attributes?.["cx"], 914400), parseEmuNumber(ext?.attributes?.["cy"], 914400));
+  const orientation = composeShapeGroupChildOrientation(rect, xfrm);
+  const path2 = resolveShapeGroupPicturePath(pic, params3);
+  if (!path2)
+    return null;
+  const alphaModFix = extractAlphaModFix(findChildByLocalName(findChildByLocalName(pic.elements, "blipFill")?.elements, "blip"));
+  const cNvPr = findChildByLocalName(findChildByLocalName(pic.elements, "nvPicPr")?.elements, "cNvPr");
+  const picId = cNvPr?.attributes?.["id"];
+  const picName = cNvPr?.attributes?.["name"];
+  const { clipPath, shouldCover, shouldFillClippedStretch, shouldCoverShapeStretch, shapeClipPath } = extractPicturePresentation(pic);
+  return {
+    shapeType: "image",
+    attrs: {
+      ...rect,
+      ...orientation,
+      src: path2,
+      imageId: picId,
+      imageName: picName,
+      ...alphaModFix ? { alphaModFix } : {},
+      ...clipPath ? { clipPath } : {},
+      ...shapeClipPath ? { shapeClipPath } : {},
+      ...shouldFillClippedStretch || shouldCoverShapeStretch ? { objectFit: shouldFillClippedStretch ? "fill" : "cover" } : shouldCover ? { objectFit: "cover" } : {}
+    }
+  };
+}, collectShapeGroupChildren = (groupNode, transform, params3) => {
+  const children = [];
+  for (const child of groupNode?.elements || []) {
+    const localName = getLocalName$1(child?.name);
+    if (localName === "wsp") {
+      const shape = parseShapeGroupVectorChild(child, transform, params3);
+      if (shape)
+        children.push(shape);
+    } else if (localName === "pic") {
+      const picture = parseShapeGroupImageChild(child, transform, params3);
+      if (picture)
+        children.push(picture);
+    } else if (localName === "grpSp") {
+      const nestedTransform = composeShapeGroupTransform(transform, getGroupAffineTransform(getGroupXfrm(child), { includeVisualTransform: true }));
+      children.push(...collectShapeGroupChildren(child, nestedTransform, params3));
+    }
+  }
+  return children;
+}, handleShapeGroup = (params3, node3, graphicData, size2, padding, marginOffset, anchorData, wrap$1, effectExtent, isHidden) => {
   const wgp = graphicData.elements.find((el) => el.name === "wpg:wgp");
   if (!wgp) {
     const placeholder = buildShapePlaceholder(node3, size2, padding, marginOffset, "group");
@@ -124756,166 +125229,9 @@ var isRegExp = (value) => {
       placeholder.attrs.hidden = true;
     return placeholder;
   }
-  const xfrm = findChildByLocalName(wgp.elements.find((el) => el.name === "wpg:grpSpPr")?.elements, "xfrm");
-  const groupTransform = {};
-  if (xfrm) {
-    const off = findChildByLocalName(xfrm.elements, "off");
-    const ext = findChildByLocalName(xfrm.elements, "ext");
-    const chOff = findChildByLocalName(xfrm.elements, "chOff");
-    const chExt = findChildByLocalName(xfrm.elements, "chExt");
-    if (off) {
-      groupTransform.x = emuToPixels(off.attributes?.["x"] || 0);
-      groupTransform.y = emuToPixels(off.attributes?.["y"] || 0);
-    }
-    if (ext) {
-      groupTransform.width = emuToPixels(ext.attributes?.["cx"] || 0);
-      groupTransform.height = emuToPixels(ext.attributes?.["cy"] || 0);
-    }
-    if (chOff) {
-      groupTransform.childX = emuToPixels(chOff.attributes?.["x"] || 0);
-      groupTransform.childY = emuToPixels(chOff.attributes?.["y"] || 0);
-      groupTransform.childOriginXEmu = parseFloat(chOff.attributes?.["x"] || 0);
-      groupTransform.childOriginYEmu = parseFloat(chOff.attributes?.["y"] || 0);
-    }
-    if (chExt) {
-      groupTransform.childWidth = emuToPixels(chExt.attributes?.["cx"] || 0);
-      groupTransform.childHeight = emuToPixels(chExt.attributes?.["cy"] || 0);
-    }
-  }
-  const childShapes = wgp.elements.filter((el) => el.name === "wps:wsp");
-  const childPictures = wgp.elements.filter((el) => el.name === "pic:pic");
-  const shapes = childShapes.map((wsp) => {
-    const spPr = wsp.elements?.find((el) => el.name === "wps:spPr");
-    if (!spPr)
-      return null;
-    const shapeKind = findChildByLocalName(spPr.elements, "prstGeom")?.attributes?.["prst"];
-    const customGeom = !shapeKind ? extractCustomGeometry(spPr) : null;
-    const shapeXfrm = findChildByLocalName(spPr.elements, "xfrm");
-    const shapeOff = findChildByLocalName(shapeXfrm?.elements, "off");
-    const shapeExt = findChildByLocalName(shapeXfrm?.elements, "ext");
-    const rawX = shapeOff?.attributes?.["x"] ? parseFloat(shapeOff.attributes["x"]) : 0;
-    const rawY = shapeOff?.attributes?.["y"] ? parseFloat(shapeOff.attributes["y"]) : 0;
-    const rawWidth = shapeExt?.attributes?.["cx"] ? parseFloat(shapeExt.attributes["cx"]) : 914400;
-    const rawHeight = shapeExt?.attributes?.["cy"] ? parseFloat(shapeExt.attributes["cy"]) : 914400;
-    let x, y, width, height;
-    if (groupTransform.childWidth && groupTransform.childHeight) {
-      const scaleX = groupTransform.width / groupTransform.childWidth;
-      const scaleY = groupTransform.height / groupTransform.childHeight;
-      const childOriginX = groupTransform.childOriginXEmu || 0;
-      const childOriginY = groupTransform.childOriginYEmu || 0;
-      x = groupTransform.x + emuToPixels((rawX - childOriginX) * scaleX);
-      y = groupTransform.y + emuToPixels((rawY - childOriginY) * scaleY);
-      width = emuToPixels(rawWidth * scaleX);
-      height = emuToPixels(rawHeight * scaleY);
-    } else {
-      x = emuToPixels(rawX);
-      y = emuToPixels(rawY);
-      width = emuToPixels(rawWidth);
-      height = emuToPixels(rawHeight);
-    }
-    const rotation = shapeXfrm?.attributes?.["rot"] ? rotToDegrees(shapeXfrm.attributes["rot"]) : 0;
-    const flipH = shapeXfrm?.attributes?.["flipH"] === "1";
-    const flipV = shapeXfrm?.attributes?.["flipV"] === "1";
-    const style = wsp.elements?.find((el) => el.name === "wps:style");
-    const fillColor = extractFillColor(spPr, style);
-    const strokeColor = extractStrokeColor(spPr, style);
-    const strokeWidth = extractStrokeWidth(spPr);
-    const lineEnds = extractLineEnds(spPr);
-    const cNvPr = wsp.elements?.find((el) => el.name === "wps:cNvPr");
-    const shapeId = cNvPr?.attributes?.["id"];
-    const shapeName = cNvPr?.attributes?.["name"];
-    const textBoxContent = wsp.elements?.find((el) => el.name === "wps:txbx")?.elements?.find((el) => el.name === "w:txbxContent");
-    const bodyPr = wsp.elements?.find((el) => el.name === "wps:bodyPr");
-    let textContent = null;
-    if (textBoxContent)
-      textContent = extractTextFromTextBox(textBoxContent, bodyPr, params3);
-    const textAlign = textContent?.horizontalAlign || "left";
-    return {
-      shapeType: "vectorShape",
-      attrs: {
-        kind: shapeKind,
-        customGeometry: customGeom || undefined,
-        x,
-        y,
-        width,
-        height,
-        rotation,
-        flipH,
-        flipV,
-        fillColor,
-        strokeColor,
-        strokeWidth,
-        lineEnds,
-        shapeId,
-        shapeName,
-        textContent,
-        textAlign,
-        textVerticalAlign: textContent?.verticalAlign,
-        textInsets: textContent?.insets
-      }
-    };
-  }).filter(Boolean);
-  const allShapes = [...childPictures.map((pic) => {
-    const spPr = pic.elements?.find((el) => el.name === "pic:spPr");
-    if (!spPr)
-      return null;
-    const xfrm$1 = findChildByLocalName(spPr.elements, "xfrm");
-    const off = findChildByLocalName(xfrm$1?.elements, "off");
-    const ext = findChildByLocalName(xfrm$1?.elements, "ext");
-    const rawX = off?.attributes?.["x"] ? parseFloat(off.attributes["x"]) : 0;
-    const rawY = off?.attributes?.["y"] ? parseFloat(off.attributes["y"]) : 0;
-    const rawWidth = ext?.attributes?.["cx"] ? parseFloat(ext.attributes["cx"]) : 914400;
-    const rawHeight = ext?.attributes?.["cy"] ? parseFloat(ext.attributes["cy"]) : 914400;
-    let x, y, width, height;
-    if (groupTransform.childWidth && groupTransform.childHeight) {
-      const scaleX = groupTransform.width / groupTransform.childWidth;
-      const scaleY = groupTransform.height / groupTransform.childHeight;
-      const childOriginX = groupTransform.childOriginXEmu || 0;
-      const childOriginY = groupTransform.childOriginYEmu || 0;
-      x = groupTransform.x + emuToPixels((rawX - childOriginX) * scaleX);
-      y = groupTransform.y + emuToPixels((rawY - childOriginY) * scaleY);
-      width = emuToPixels(rawWidth * scaleX);
-      height = emuToPixels(rawHeight * scaleY);
-    } else {
-      x = emuToPixels(rawX);
-      y = emuToPixels(rawY);
-      width = emuToPixels(rawWidth);
-      height = emuToPixels(rawHeight);
-    }
-    const blipFill = pic.elements?.find((el) => el.name === "pic:blipFill");
-    const blip = findChildByLocalName(blipFill?.elements, "blip");
-    if (!blip)
-      return null;
-    const alphaModFix = extractAlphaModFix(blip);
-    const rEmbed = blip.attributes?.["r:embed"];
-    if (!rEmbed)
-      return null;
-    const currentFile = params3.filename || "document.xml";
-    let rels = params3.docx[`word/_rels/${currentFile}.rels`];
-    if (!rels)
-      rels = params3.docx[`word/_rels/document.xml.rels`];
-    const { elements } = rels?.elements.find((el) => el.name === "Relationships") || [];
-    const rel = elements?.find((el) => el.attributes["Id"] === rEmbed);
-    if (!rel)
-      return null;
-    const path2 = normalizeTargetPath$1(rel.attributes?.["Target"]);
-    const cNvPr = pic.elements?.find((el) => el.name === "pic:nvPicPr")?.elements?.find((el) => el.name === "pic:cNvPr");
-    const picId = cNvPr?.attributes?.["id"];
-    const picName = cNvPr?.attributes?.["name"];
-    return {
-      shapeType: "image",
-      attrs: {
-        x,
-        y,
-        width,
-        height,
-        src: path2,
-        imageId: picId,
-        imageName: picName,
-        ...alphaModFix ? { alphaModFix } : {}
-      }
-    };
-  }).filter(Boolean), ...shapes];
+  const groupXfrm = getGroupXfrm(wgp);
+  const groupTransform = buildShapeGroupTransformAttrs(groupXfrm);
+  const allShapes = collectShapeGroupChildren(wgp, getGroupAffineTransform(groupXfrm), params3);
   const schemaAttrs = {};
   const drawingNode = params3.nodes?.[0];
   if (drawingNode?.name === DRAWING_XML_TAG)
@@ -124930,6 +125246,7 @@ var isRegExp = (value) => {
       size: size2,
       padding,
       marginOffset,
+      effectExtent,
       anchorData,
       wrap: wrap$1,
       originalAttributes: node3?.attributes
@@ -135685,7 +136002,7 @@ Docs: https://docs.superdoc.dev/getting-started/fonts`);
     return children;
   }
   return [];
-}, NON_RENDERED_STRUCTURAL_INLINE_TYPES, PARAGRAPH_CONTAINER_TYPES, NON_BREAKING_HYPHEN = "‑", DEFAULT_IMAGE_DIMENSION_PX = 100, isNodeHidden = (node3) => {
+}, NON_RENDERED_STRUCTURAL_INLINE_TYPES, PARAGRAPH_CONTAINER_TYPES, NON_BREAKING_HYPHEN = "‑", DEFAULT_IMAGE_DIMENSION_PX = 100, ALLOWED_OBJECT_FIT, isAllowedObjectFit$1 = (value) => typeof value === "string" && ALLOWED_OBJECT_FIT.has(value), isNodeHidden = (node3) => {
   const attrs = node3.attrs ?? {};
   if (attrs.hidden === true)
     return true;
@@ -136007,6 +136324,7 @@ Docs: https://docs.superdoc.dev/getting-started/fonts`);
     fillColor: normalizeFillColor(rawAttrs.fillColor),
     strokeColor: normalizeStrokeColor(rawAttrs.strokeColor),
     strokeWidth: coerceNumber(rawAttrs.strokeWidth),
+    effects: normalizeShapeEffects(rawAttrs.effects),
     textContent: normalizeTextContent(rawAttrs.textContent),
     textAlign: typeof rawAttrs.textAlign === "string" ? rawAttrs.textAlign : undefined,
     textVerticalAlign: normalizeTextVerticalAlign(rawAttrs.textVerticalAlign),
@@ -136014,6 +136332,77 @@ Docs: https://docs.superdoc.dev/getting-started/fonts`);
     sourceAnchor,
     ...extraProps
   };
+}, mergeEffectExtents = (base$1, supplement) => {
+  if (!base$1)
+    return supplement;
+  if (!supplement)
+    return base$1;
+  return {
+    left: Math.max(base$1.left, supplement.left),
+    top: Math.max(base$1.top, supplement.top),
+    right: Math.max(base$1.right, supplement.right),
+    bottom: Math.max(base$1.bottom, supplement.bottom)
+  };
+}, hasEffectExtent = (extent) => {
+  return !!extent && (extent.left > 0 || extent.top > 0 || extent.right > 0 || extent.bottom > 0);
+}, getCenteredStrokeHalfExtent = (attrs) => {
+  if (!("fillColor" in attrs))
+    return 0;
+  if ("lineEnds" in attrs && attrs.lineEnds)
+    return 0;
+  if (attrs.strokeColor === null)
+    return 0;
+  const strokeWidth = pickNumber(attrs.strokeWidth) ?? 1;
+  return strokeWidth > 0 ? strokeWidth / 2 : 0;
+}, getShapeGroupChildStrokeExtent = (child) => {
+  if (child.shapeType !== "vectorShape" || !isPlainObject3(child.attrs))
+    return 0;
+  return getCenteredStrokeHalfExtent(child.attrs);
+}, getOuterShadowPaintExtent$1 = (attrs) => {
+  if ("lineEnds" in attrs && attrs.lineEnds)
+    return;
+  const shadow = normalizeShapeEffects(attrs.effects)?.outerShadow;
+  if (!shadow)
+    return;
+  const extent = getOuterShadowPaintExtent(shadow);
+  return hasEffectExtent(extent) ? extent : undefined;
+}, getRequiredVectorShapeEffectExtent = (attrs) => {
+  const strokeExtent = getCenteredStrokeHalfExtent(attrs);
+  return mergeEffectExtents(strokeExtent > 0 ? {
+    left: strokeExtent,
+    top: strokeExtent,
+    right: strokeExtent,
+    bottom: strokeExtent
+  } : undefined, getOuterShadowPaintExtent$1(attrs));
+}, getRequiredGroupEffectExtentFromChildren = (children, width, height) => {
+  const required = {
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0
+  };
+  for (const child of children) {
+    if (child.shapeType !== "vectorShape" || !isPlainObject3(child.attrs))
+      continue;
+    const strokeExtent = getShapeGroupChildStrokeExtent(child);
+    const paintExtent = mergeEffectExtents(strokeExtent > 0 ? {
+      left: strokeExtent,
+      top: strokeExtent,
+      right: strokeExtent,
+      bottom: strokeExtent
+    } : undefined, getOuterShadowPaintExtent$1(child.attrs));
+    if (!paintExtent)
+      continue;
+    const childX = pickNumber(child.attrs.x) ?? 0;
+    const childY = pickNumber(child.attrs.y) ?? 0;
+    const childWidth = pickNumber(child.attrs.width) ?? 0;
+    const childHeight = pickNumber(child.attrs.height) ?? 0;
+    required.left = Math.max(required.left, Math.max(0, paintExtent.left - childX));
+    required.top = Math.max(required.top, Math.max(0, paintExtent.top - childY));
+    required.right = Math.max(required.right, Math.max(0, childX + childWidth + paintExtent.right - width));
+    required.bottom = Math.max(required.bottom, Math.max(0, childY + childHeight + paintExtent.bottom - height));
+  }
+  return hasEffectExtent(required) ? required : undefined;
 }, getAttrs$1 = (node3) => {
   return isPlainObject3(node3.attrs) ? { ...node3.attrs } : {};
 }, parseFullWidth = (value) => {
@@ -137316,7 +137705,7 @@ Docs: https://docs.superdoc.dev/getting-started/fonts`);
       state.kern = kernNode.attributes["w:val"];
   }
 }, SuperConverter;
-var init_SuperConverter_DQ2wMaLK_es = __esm(() => {
+var init_SuperConverter_5I229j_D_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();
@@ -164760,6 +165149,12 @@ var init_SuperConverter_DQ2wMaLK_es = __esm(() => {
     "index",
     "tableOfAuthorities"
   ]);
+  ALLOWED_OBJECT_FIT = new Set([
+    "contain",
+    "cover",
+    "fill",
+    "scale-down"
+  ]);
   VERTICAL_ELEMENTS = {
     "m:f": 0.6,
     "m:bar": 0.25,
@@ -166325,7 +166720,7 @@ var init_SuperConverter_DQ2wMaLK_es = __esm(() => {
   };
 });
 
-// ../../packages/superdoc/dist/chunks/create-headless-toolbar-BhSfQYaO.es.js
+// ../../packages/superdoc/dist/chunks/create-headless-toolbar-CJ0cxWlH.es.js
 function parseSizeUnit(val = "0") {
   const length3 = val.toString() || "0";
   const value = Number.parseFloat(length3);
@@ -177068,9 +177463,9 @@ var CSS_DIMENSION_REGEX, DOM_SIZE_UNITS, MARK_KEYS, STEP_OP_CATALOG_UNFROZEN2, P
     }
   };
 };
-var init_create_headless_toolbar_BhSfQYaO_es = __esm(() => {
+var init_create_headless_toolbar_CJ0cxWlH_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
-  init_SuperConverter_DQ2wMaLK_es();
+  init_SuperConverter_5I229j_D_es();
   init_jszip_C49i9kUs_es();
   init_uuid_B2wVPhPi_es();
   init_constants_D9qj59G2_es();
@@ -227164,7 +227559,7 @@ var init_remark_gfm_DCND_V_3_es = __esm(() => {
   init_remark_gfm_BUJjZJLy_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-CR8eXLKh.es.js
+// ../../packages/superdoc/dist/chunks/src-H1-ZZyp0.es.js
 function deleteProps(obj, propOrProps) {
   const props = typeof propOrProps === "string" ? [propOrProps] : propOrProps;
   const removeNested = (target, pathParts, index2 = 0) => {
@@ -233430,11 +233825,25 @@ function x0(t, n, o) {
     paths: l.paths
   } : null;
 }
+function W0(t, n, o) {
+  let L = Math.max(0, Number(t) || 0), e = Math.max(0, Number(n) || 0), l = Math.min(L, e) * (16667 / 1e5), r$1 = Math.max(0, L - l), i3 = Math.max(0, e - l);
+  return {
+    preset: "roundRect",
+    viewBox: `0 0 ${L} ${e}`,
+    paths: l0([{
+      d: `M 0 ${l} A ${l} ${l} 0 0 1 ${l} 0 L ${r$1} 0 A ${l} ${l} 0 0 1 ${L} ${l} L ${L} ${i3} A ${l} ${l} 0 0 1 ${r$1} ${e} L ${l} ${e} A ${l} ${l} 0 0 1 0 ${i3} Z`,
+      fill: "#000000",
+      stroke: "#000000"
+    }], o)
+  };
+}
 function i0(t) {
   let { preset: n, styleOverrides: o, width: L, height: e } = t;
   if (!n)
     throw new Error("createPresetShape requires a preset name.");
-  if (F.has(n) && L != null && e != null && L !== e) {
+  if (n === "roundRect" && L != null && e != null)
+    return W0(L, e, o);
+  if (F.has(n) && L != null && e != null && (L !== e || n === "leftUpArrow")) {
     let i3 = x0(n, L, e);
     if (i3)
       return {
@@ -271477,6 +271886,19 @@ function calculateFirstLineIndent(block, measure) {
   const gutterWidthRaw = measure.marker.gutterWidth ?? 0;
   return markerWidth + (Number.isFinite(gutterWidthRaw) && gutterWidthRaw >= 0 ? gutterWidthRaw : 0);
 }
+function getSuppressedMarkerImageGroupAnchorOffset(entry, suppressVisibleSectPrMarkerParagraph, hasPageRelativeAnchorForParagraph, markerSpacingBefore) {
+  if (!suppressVisibleSectPrMarkerParagraph || !hasPageRelativeAnchorForParagraph)
+    return 0;
+  if (entry.block.kind !== "drawing" || entry.block.drawingKind !== "shapeGroup")
+    return 0;
+  if (!entry.block.shapes?.some((child) => child.shapeType === "image"))
+    return 0;
+  if ((entry.block.anchor?.vRelativeFrom ?? "paragraph") !== "paragraph")
+    return 0;
+  if (entry.block.anchor?.alignV && entry.block.anchor.alignV !== "top")
+    return 0;
+  return Math.max(0, markerSpacingBefore / 2);
+}
 function layoutParagraphBlock(ctx$1, anchors) {
   const { block, measure, columnWidth, ensurePage, advanceColumn, columnX, floatManager } = ctx$1;
   const remeasureParagraph$1 = ctx$1.remeasureParagraph;
@@ -271513,6 +271935,13 @@ function layoutParagraphBlock(ctx$1, anchors) {
     if (!spacingExplicit.after)
       spacingAfter = 0;
   }
+  const markerSpacingBefore = spacingBefore;
+  const hasAnchoredObjects = Boolean(anchors?.anchoredDrawings?.length || anchors?.anchoredTables?.length);
+  const suppressVisibleSectPrMarkerParagraph = attrs?.sectPrMarker === true && emptyTextParagraph && hasAnchoredObjects;
+  if (suppressVisibleSectPrMarkerParagraph) {
+    spacingBefore = 0;
+    spacingAfter = 0;
+  }
   const baseSpacingBefore = spacingBefore;
   let appliedSpacingBefore = spacingBefore === 0;
   let lastState = null;
@@ -271531,7 +271960,11 @@ function layoutParagraphBlock(ctx$1, anchors) {
     suppressSpacingBefore: shouldSuppressOwnSpacing(styleId$1, contextualSpacing, previewState.lastParagraphStyleId),
     rewindTrailingFromPrevious: shouldSuppressOwnSpacing(previewState.lastParagraphStyleId, previewState.lastParagraphContextualSpacing, styleId$1)
   }) + borderExpansion.top - (inBorderGroup ? rawBorderExpansion.bottom : 0);
+  const sectionBaseTopMargin = anchors?.sectionBaseTopMargin;
+  const sectionHeaderDistance = typeof anchors?.sectionHeaderDistance === "number" ? Math.max(0, anchors.sectionHeaderDistance) : 0;
+  const effectiveParagraphAnchorBaseY = suppressVisibleSectPrMarkerParagraph && typeof sectionBaseTopMargin === "number" && anchors?.hasPageRelativeAnchorForParagraph !== true && Math.abs(previewState.cursorY - previewState.topMargin) < 0.001 && Math.abs(paragraphAnchorBaseY - previewState.topMargin) < 0.001 ? Math.min(sectionBaseTopMargin + sectionHeaderDistance, paragraphAnchorBaseY) : paragraphAnchorBaseY;
   let paragraphContentEndY = paragraphAnchorBaseY;
+  const anchorFirstLineHeight = suppressVisibleSectPrMarkerParagraph ? 0 : measure.lines?.[0]?.lineHeight ?? 0;
   const registerAnchoredDrawingsAt = (paragraphContentStartY) => {
     if (!anchors?.anchoredDrawings?.length)
       return;
@@ -271541,14 +271974,15 @@ function layoutParagraphBlock(ctx$1, anchors) {
       const state = ensurePage();
       const contentTop = state.topMargin;
       const contentBottom = state.contentBottom;
+      const anchorParagraphY = paragraphContentStartY + getSuppressedMarkerImageGroupAnchorOffset(entry, suppressVisibleSectPrMarkerParagraph, anchors.hasPageRelativeAnchorForParagraph === true, markerSpacingBefore);
       const anchorY = resolveAnchoredGraphicY({
         anchor: entry.block.anchor,
         objectHeight: entry.measure.height,
         contentTop,
         contentBottom,
         pageBottomMargin: anchors.pageMargins.bottom ?? 0,
-        anchorParagraphY: paragraphContentStartY,
-        firstLineHeight: measure.lines?.[0]?.lineHeight ?? 0
+        anchorParagraphY,
+        firstLineHeight: anchorFirstLineHeight
       });
       floatManager.registerDrawing(entry.block, entry.measure, anchorY, state.columnIndex, state.page.number);
       const anchorX = entry.block.anchor ? resolveAnchoredGraphicX(entry.block.anchor, state.columnIndex, anchors.columns, entry.measure.width, {
@@ -271627,7 +272061,7 @@ function layoutParagraphBlock(ctx$1, anchors) {
       anchors.placedAnchoredIds.add(entry.block.id);
     }
   };
-  registerAnchoredDrawingsAt(paragraphAnchorBaseY);
+  registerAnchoredDrawingsAt(effectiveParagraphAnchorBaseY);
   const registerAnchoredTablesAt = (paragraphContentStartY, entries2) => {
     if (!entries2.length)
       return;
@@ -271643,7 +272077,7 @@ function layoutParagraphBlock(ctx$1, anchors) {
       const contentTop = state.topMargin;
       const contentBottom = state.contentBottom;
       const layoutOffsetV = entry.layoutOffsetV;
-      const firstLineHeight = measure.lines?.[0]?.lineHeight ?? 0;
+      const firstLineHeight = anchorFirstLineHeight;
       const wrapType = entry.block.wrap?.type ?? "None";
       const anchorY = resolveAnchoredGraphicY({
         anchor: graphicAnchorY(anchorForLineScopedFormField(layoutOffsetV != null && entry.block.anchor ? {
@@ -271655,7 +272089,7 @@ function layoutParagraphBlock(ctx$1, anchors) {
         contentBottom,
         pageBottomMargin: anchors.pageMargins.bottom ?? 0,
         anchorParagraphY: nextStackY,
-        firstLineHeight: measure.lines?.[0]?.lineHeight ?? 0
+        firstLineHeight: anchorFirstLineHeight
       });
       floatManager.registerTable(entry.block, entry.measure, anchorY, state.columnIndex, state.page.number);
       const anchorX = entry.block.anchor ? resolveAnchoredGraphicX(graphicAnchorH(entry.block.anchor), state.columnIndex, anchors.columns, totalWidth, {
@@ -271676,11 +272110,15 @@ function layoutParagraphBlock(ctx$1, anchors) {
   const remainingHeightOnStartPage = previewState.contentBottom - paragraphAnchorBaseY;
   const paragraphWillSpanPages = lines.length > 1 && totalLineHeight > remainingHeightOnStartPage;
   const shouldPreLayoutSquareTable = (entry) => entry.lineScopedOnAnchor === true && !paragraphWillSpanPages;
-  registerAnchoredTablesAt(paragraphAnchorBaseY, anchoredTablesForPara.filter((entry) => {
+  registerAnchoredTablesAt(effectiveParagraphAnchorBaseY, anchoredTablesForPara.filter((entry) => {
     if ((entry.block.wrap?.type ?? "None") === "None")
       return true;
     return shouldPreLayoutSquareTable(entry);
   }));
+  if (suppressVisibleSectPrMarkerParagraph) {
+    registerAnchoredTablesAt(effectiveParagraphAnchorBaseY, anchors?.anchoredTables ?? []);
+    return;
+  }
   if (frame?.wrap === "none") {
     let state = ensurePage();
     if (state.cursorY >= state.contentBottom)
@@ -272141,6 +272579,34 @@ function collectPreRegisteredAnchors(blocks2, measures) {
   }
   return result;
 }
+function collectPageRelativeAnchorsByParagraph(blocks2, measures) {
+  const map$12 = /* @__PURE__ */ new Map;
+  const len2 = Math.min(blocks2.length, measures.length);
+  const paragraphIndexById = buildParagraphIndexById(blocks2, len2);
+  for (let i3 = 0;i3 < len2; i3 += 1) {
+    const block = blocks2[i3];
+    const measure = measures[i3];
+    const isImage = block.kind === "image" && measure?.kind === "image";
+    const isDrawing = block.kind === "drawing" && measure?.kind === "drawing";
+    if (!isImage && !isDrawing)
+      continue;
+    const drawingBlock = block;
+    const drawingMeasure = measure;
+    if (!drawingBlock.anchor?.isAnchored || !isPageRelativeAnchor(drawingBlock))
+      continue;
+    const anchorParagraphId = typeof drawingBlock.attrs === "object" && drawingBlock.attrs ? drawingBlock.attrs.anchorParagraphId : undefined;
+    const anchorParaIndex = resolveAnchorParagraphIndex(blocks2, len2, paragraphIndexById, i3, anchorParagraphId);
+    if (anchorParaIndex == null)
+      continue;
+    const list5 = map$12.get(anchorParaIndex) ?? [];
+    list5.push({
+      block: drawingBlock,
+      measure: drawingMeasure
+    });
+    map$12.set(anchorParaIndex, list5);
+  }
+  return map$12;
+}
 function collectAnchoredDrawings(blocks2, measures) {
   const byParagraph = /* @__PURE__ */ new Map;
   const withoutParagraph = [];
@@ -274083,7 +274549,58 @@ function layoutDocument(blocks2, measures, options = {}) {
   const paragraphlessAnchoredTables = anchoredTables.withoutParagraph;
   const placedAnchoredIds = /* @__PURE__ */ new Set;
   const preRegisteredAnchors = collectPreRegisteredAnchors(blocks2, measures);
-  const preRegisteredPositions = /* @__PURE__ */ new Map;
+  const pageRelativeAnchorsByParagraph = collectPageRelativeAnchorsByParagraph(blocks2, measures);
+  const preRegisteredAnchorIds = /* @__PURE__ */ new Set;
+  const blockIndexById = new Map(blocks2.map((candidateBlock, candidateIndex) => [candidateBlock.id, candidateIndex]));
+  const hasHardBreakBetween = (startIndex, endIndex) => {
+    const first$1 = Math.min(startIndex, endIndex) + 1;
+    const last2 = Math.max(startIndex, endIndex);
+    for (let candidateIndex = first$1;candidateIndex < last2; candidateIndex += 1) {
+      const candidateBlock = blocks2[candidateIndex];
+      if (candidateBlock.kind === "pageBreak" || candidateBlock.kind === "sectionBreak" || candidateBlock.kind === "columnBreak")
+        return true;
+    }
+    return false;
+  };
+  const shouldWrapParagraphWithPageRelativeAnchor = (anchorBlock, paragraphIndex, paragraphId) => {
+    const anchorParagraphId = anchorBlock.attrs != null && typeof anchorBlock.attrs === "object" ? anchorBlock.attrs.anchorParagraphId : undefined;
+    if (typeof anchorParagraphId === "string")
+      return anchorParagraphId === paragraphId;
+    const anchorIndex = blockIndexById.get(anchorBlock.id);
+    if (anchorIndex == null || anchorIndex === paragraphIndex)
+      return false;
+    return !hasHardBreakBetween(paragraphIndex, anchorIndex);
+  };
+  const isWrappingDrawingAnchor = (anchorBlock) => {
+    const wrapType = anchorBlock.wrap?.type ?? "None";
+    return wrapType !== "None" && wrapType !== "Inline";
+  };
+  const collectLaterPageRelativeAnchorsForParagraph = (paragraphIndex, paragraphId) => {
+    const anchors = [];
+    for (const entry of preRegisteredAnchors) {
+      const anchorIndex = blockIndexById.get(entry.block.id);
+      if (anchorIndex == null || anchorIndex <= paragraphIndex)
+        continue;
+      if (!isWrappingDrawingAnchor(entry.block))
+        continue;
+      if (!shouldWrapParagraphWithPageRelativeAnchor(entry.block, paragraphIndex, paragraphId))
+        continue;
+      anchors.push(entry);
+    }
+    return anchors.length > 0 ? anchors : undefined;
+  };
+  const mergeAnchoredDrawings = (...groups) => {
+    const merged = [];
+    const seen = /* @__PURE__ */ new Set;
+    for (const group of groups)
+      for (const entry of group ?? []) {
+        if (seen.has(entry.block.id))
+          continue;
+        seen.add(entry.block.id);
+        merged.push(entry);
+      }
+    return merged.length > 0 ? merged : undefined;
+  };
   const resolveParagraphlessAnchoredTableY = (block, measure, state) => {
     const contentTop = state.topMargin;
     const contentBottom = state.contentBottom;
@@ -274097,40 +274614,36 @@ function layoutDocument(blocks2, measures, options = {}) {
       preRegisteredFallbackToContentTop: true
     });
   };
-  const resolveParagraphlessAnchoredDrawingY = (block, measure, state) => resolveAnchoredGraphicY({
-    anchor: block.anchor,
-    objectHeight: measure.height ?? 0,
-    contentTop: state.topMargin,
-    contentBottom: state.contentBottom,
-    pageBottomMargin: state.page.margins?.bottom ?? activeBottomMargin,
-    preRegisteredFallbackToContentTop: true
-  });
-  const resolveParagraphlessAnchoredDrawingX = (block, measure, state) => block.anchor ? computeAnchorX(block.anchor, state.columnIndex, normalizeColumns(activeColumns, activePageSize.w - (activeLeftMargin + activeRightMargin)), measure.width, {
-    left: activeLeftMargin,
-    right: activeRightMargin
-  }, activePageSize.w) : columnX(state);
-  for (const entry of preRegisteredAnchors) {
-    const state = paginator.ensurePage();
+  const resolveAnchoredDrawingPosition = (block, measure, state) => {
     const contentTop = state.topMargin;
     const contentBottom = state.contentBottom;
     const anchorY = resolveAnchoredGraphicY({
-      anchor: entry.block.anchor,
-      objectHeight: entry.measure.height ?? 0,
+      anchor: block.anchor,
+      objectHeight: measure.height ?? 0,
       contentTop,
       contentBottom,
       pageBottomMargin: state.page.margins?.bottom ?? activeBottomMargin,
       preRegisteredFallbackToContentTop: true
     });
-    const anchorX = entry.block.anchor ? computeAnchorX(entry.block.anchor, state.columnIndex, normalizeColumns(activeColumns, activePageSize.w - (activeLeftMargin + activeRightMargin)), entry.measure.width, {
-      left: activeLeftMargin,
-      right: activeRightMargin
-    }, activePageSize.w) : activeLeftMargin;
-    floatManager.registerDrawing(entry.block, entry.measure, anchorY, state.columnIndex, state.page.number);
-    preRegisteredPositions.set(entry.block.id, {
-      anchorX,
+    const columns = getActiveColumnsForState(state);
+    const pageMargins = {
+      top: state.page.margins?.top ?? activeTopMargin,
+      bottom: state.page.margins?.bottom ?? activeBottomMargin,
+      left: state.page.margins?.left ?? activeLeftMargin,
+      right: state.page.margins?.right ?? activeRightMargin
+    };
+    const pageWidth = state.page.size?.w ?? activePageSize.w;
+    const contentWidth = pageWidth - ((pageMargins.left ?? 0) + (pageMargins.right ?? 0));
+    return {
+      anchorX: block.anchor ? computeAnchorX(block.anchor, state.columnIndex, normalizeColumns(columns, contentWidth), measure.width, {
+        left: pageMargins.left,
+        right: pageMargins.right
+      }, pageWidth) : pageMargins.left ?? activeLeftMargin,
       anchorY
-    });
-  }
+    };
+  };
+  for (const entry of preRegisteredAnchors)
+    preRegisteredAnchorIds.add(entry.block.id);
   const keepNextChains = computeKeepNextChains(blocks2);
   const midChainIndices = /* @__PURE__ */ new Set;
   for (const chain of keepNextChains.values())
@@ -274342,20 +274855,25 @@ function layoutDocument(blocks2, measures, options = {}) {
       if (measure.kind !== "paragraph")
         throw new Error(`layoutDocument: expected paragraph measure for block ${block.id}`);
       const paraBlock = block;
-      if (!paraBlock.runs || paraBlock.runs.length === 0 || paraBlock.runs.length === 1 && (!paraBlock.runs[0].kind || paraBlock.runs[0].kind === "text") && (!paraBlock.runs[0].text || paraBlock.runs[0].text === "")) {
+      const isEmpty3 = !paraBlock.runs || paraBlock.runs.length === 0 || paraBlock.runs.length === 1 && (!paraBlock.runs[0].kind || paraBlock.runs[0].kind === "text") && (!paraBlock.runs[0].text || paraBlock.runs[0].text === "");
+      const drawingAnchorsForPara = anchoredByParagraph.get(index2);
+      const wrappingPageRelativeAnchorsForPara = pageRelativeAnchorsByParagraph.get(index2)?.filter(({ block: anchorBlock }) => shouldWrapParagraphWithPageRelativeAnchor(anchorBlock, index2, paraBlock.id));
+      const laterPageRelativeAnchorsForPara = collectLaterPageRelativeAnchorsForParagraph(index2, paraBlock.id);
+      const anchorsForPara = mergeAnchoredDrawings(drawingAnchorsForPara, wrappingPageRelativeAnchorsForPara, laterPageRelativeAnchorsForPara);
+      const tablesForPara = anchoredTablesByParagraph.get(index2);
+      if (isEmpty3) {
         const isSectPrMarker = paraBlock.attrs?.sectPrMarker === true;
         const prevBlock = index2 > 0 ? blocks2[index2 - 1] : null;
         const nextBlock = index2 < blocks2.length - 1 ? blocks2[index2 + 1] : null;
         const nextSectionBreak = nextBlock?.kind === "sectionBreak" ? nextBlock : null;
         const nextBreakType = nextSectionBreak?.type ?? (nextSectionBreak?.attrs?.source === "sectPr" ? "nextPage" : undefined);
         const nextBreakForcesPage = nextSectionBreak && (nextBreakType === "nextPage" || nextBreakType === "evenPage" || nextBreakType === "oddPage" || nextSectionBreak.attrs?.requirePageBoundary === true);
-        if (isSectPrMarker && nextBreakForcesPage)
+        const hasAnchoredObjectsForMarker = Boolean(anchorsForPara?.length || tablesForPara?.length);
+        if (isSectPrMarker && nextBreakForcesPage && !hasAnchoredObjectsForMarker)
           continue;
-        if (prevBlock?.kind === "pageBreak" && nextBlock?.kind === "sectionBreak")
+        if (prevBlock?.kind === "pageBreak" && nextBlock?.kind === "sectionBreak" && !hasAnchoredObjectsForMarker)
           continue;
       }
-      const anchorsForPara = anchoredByParagraph.get(index2);
-      const tablesForPara = anchoredTablesByParagraph.get(index2);
       const chain = keepNextChains.get(index2);
       if (midChainIndices.has(index2)) {} else if (chain) {
         let state = paginator.ensurePage();
@@ -274426,6 +274944,10 @@ function layoutDocument(blocks2, measures, options = {}) {
             overrideSpacingAfter = 0;
         }
       }
+      const hasPageRelativeAnchorForPara = Boolean(pageRelativeAnchorsByParagraph.get(index2)?.length || laterPageRelativeAnchorsForPara?.length || tablesForPara?.some(({ block: tableBlock }) => {
+        const vRelativeFrom = tableBlock.anchor?.vRelativeFrom;
+        return vRelativeFrom === "page" || vRelativeFrom === "margin";
+      }));
       layoutParagraphBlock({
         block,
         measure,
@@ -274451,6 +274973,9 @@ function layoutDocument(blocks2, measures, options = {}) {
           left: activeLeftMargin,
           right: activeRightMargin
         },
+        sectionBaseTopMargin: activeSectionBaseTopMargin,
+        sectionHeaderDistance: activeHeaderDistance,
+        hasPageRelativeAnchorForParagraph: hasPageRelativeAnchorForPara,
         columns: getCurrentColumns(),
         placedAnchoredIds
       } : undefined);
@@ -274478,11 +275003,14 @@ function layoutDocument(blocks2, measures, options = {}) {
     if (block.kind === "image") {
       if (measure.kind !== "image")
         throw new Error(`layoutDocument: expected image measure for block ${block.id}`);
-      const preRegPos = preRegisteredPositions.get(block.id);
-      if (preRegPos && Number.isFinite(preRegPos.anchorX) && Number.isFinite(preRegPos.anchorY)) {
+      if (placedAnchoredIds.has(block.id))
+        continue;
+      if (preRegisteredAnchorIds.has(block.id)) {
         const state = paginator.ensurePage();
         const imgBlock = block;
         const imgMeasure = measure;
+        const { anchorX, anchorY } = resolveAnchoredDrawingPosition(imgBlock, imgMeasure, state);
+        floatManager.registerDrawing(imgBlock, imgMeasure, anchorY, state.columnIndex, state.page.number);
         const pageContentHeight = Math.max(0, state.contentBottom - state.topMargin);
         const relativeFrom = imgBlock.anchor?.hRelativeFrom ?? "column";
         const cols = getCurrentColumns();
@@ -274508,8 +275036,8 @@ function layoutDocument(blocks2, measures, options = {}) {
         const fragment2 = {
           kind: "image",
           blockId: imgBlock.id,
-          x: preRegPos.anchorX,
-          y: preRegPos.anchorY,
+          x: anchorX,
+          y: anchorY,
           width: imgMeasure.width,
           height: imgMeasure.height,
           isAnchored: true,
@@ -274540,18 +275068,21 @@ function layoutDocument(blocks2, measures, options = {}) {
     if (block.kind === "drawing") {
       if (measure.kind !== "drawing")
         throw new Error(`layoutDocument: expected drawing measure for block ${block.id}`);
-      const preRegPos = preRegisteredPositions.get(block.id);
-      if (preRegPos && Number.isFinite(preRegPos.anchorX) && Number.isFinite(preRegPos.anchorY)) {
+      if (placedAnchoredIds.has(block.id))
+        continue;
+      if (preRegisteredAnchorIds.has(block.id)) {
         const state = paginator.ensurePage();
         const drawBlock = block;
         const drawMeasure = measure;
+        const { anchorX, anchorY } = resolveAnchoredDrawingPosition(drawBlock, drawMeasure, state);
+        floatManager.registerDrawing(drawBlock, drawMeasure, anchorY, state.columnIndex, state.page.number);
         const contentMeasures = drawBlock.drawingKind === "textboxShape" && typeof options.remeasureParagraph === "function" ? layoutTextboxContent(drawBlock, options.remeasureParagraph) : undefined;
         const fragment2 = {
           kind: "drawing",
           blockId: drawBlock.id,
           drawingKind: drawBlock.drawingKind,
-          x: preRegPos.anchorX,
-          y: preRegPos.anchorY,
+          x: anchorX,
+          y: anchorY,
           width: drawMeasure.width,
           height: drawMeasure.height,
           geometry: drawMeasure.geometry,
@@ -274633,8 +275164,7 @@ function layoutDocument(blocks2, measures, options = {}) {
     for (const { block, measure } of paragraphlessAnchoredDrawings) {
       if (placedAnchoredIds.has(block.id))
         continue;
-      const anchorX = resolveParagraphlessAnchoredDrawingX(block, measure, state);
-      const anchorY = resolveParagraphlessAnchoredDrawingY(block, measure, state);
+      const { anchorX, anchorY } = resolveAnchoredDrawingPosition(block, measure, state);
       if (block.kind === "image" && measure.kind === "image") {
         const pageContentHeight = Math.max(0, state.contentBottom - state.topMargin);
         const aspectRatio = measure.width > 0 && measure.height > 0 ? measure.width / measure.height : 1;
@@ -274902,6 +275432,15 @@ function getPageRelativeMeasurementBand(kind, constraints) {
     end: bandSize
   };
 }
+function isHeaderFooterAbsoluteOverlay(block, kind, fragment2, fragmentBottom, canvasHeight) {
+  if (!kind)
+    return false;
+  if (block.anchor?.isAnchored !== true)
+    return false;
+  if (block.wrap?.type !== "None")
+    return false;
+  return fragment2.y < 0 || fragmentBottom > canvasHeight;
+}
 function shouldExcludeFromMeasurement(fragment2, block, fragmentBottom, canvasHeight, kind, constraints) {
   if (!((fragment2.kind === "image" || fragment2.kind === "drawing") && fragment2.isAnchored === true))
     return false;
@@ -274910,6 +275449,8 @@ function shouldExcludeFromMeasurement(fragment2, block, fragmentBottom, canvasHe
   const anchoredBlock = block;
   if (anchoredBlock.anchor?.behindDoc)
     return true;
+  if (isHeaderFooterAbsoluteOverlay(anchoredBlock, kind, fragment2, fragmentBottom, canvasHeight))
+    return true;
   if (isPageRelativeAnchor(anchoredBlock)) {
     const fragmentTop = fragment2.y;
     if (fragmentBottom <= 0 || fragmentTop >= canvasHeight)
@@ -274920,13 +275461,6 @@ function shouldExcludeFromMeasurement(fragment2, block, fragmentBottom, canvasHe
     if (measurementBand && !rangesIntersect(fragment2.y, fragmentBottom, measurementBand.start, measurementBand.end))
       return true;
   }
-  const fragmentHeight = typeof fragment2.height === "number" ? fragment2.height : fragmentBottom - fragment2.y;
-  const fragmentWidth = typeof fragment2.width === "number" ? fragment2.width : 0;
-  const heightCoversCanvas = Number.isFinite(fragmentHeight) && fragmentHeight >= canvasHeight;
-  const widthCoversCanvas = Number.isFinite(constraints.width) && constraints.width > 0 && fragmentWidth >= constraints.width;
-  const isOverlayWrap = anchoredBlock.wrap?.type === "None";
-  if (kind && heightCoversCanvas && widthCoversCanvas && isOverlayWrap)
-    return true;
   return false;
 }
 function layoutHeaderFooter(blocks2, measures, constraints, kind, remeasureParagraph$1) {
@@ -286967,13 +287501,17 @@ async function buildMeasuredAutoFitContentMetrics(block, workingInput, fixedLayo
     cellMetricKeys: contentMetrics.cellMetricKeys
   };
 }
+function isBehindDocOverlay(block) {
+  return block.anchor?.behindDoc === true || block.wrap?.type === "None" && block.wrap?.behindDoc === true;
+}
+function hasNegativeVerticalPosition(block) {
+  return block.anchor?.isAnchored === true && (typeof block.anchor?.offsetV === "number" && block.anchor.offsetV < 0 || typeof block.margin?.top === "number" && block.margin.top < 0);
+}
 async function measureImageBlock(block, constraints) {
   const intrinsic = getIntrinsicImageSize(block, constraints.maxWidth);
-  const isBlockBehindDoc = block.anchor?.behindDoc;
-  const isBlockWrapBehindDoc = block.wrap?.type === "None" && block.wrap?.behindDoc;
   const isPageRelativeAnchor$1 = block.anchor?.isAnchored && (block.anchor?.hRelativeFrom === "page" || block.anchor?.hRelativeFrom === "margin");
-  const maxWidth = isBlockBehindDoc || isBlockWrapBehindDoc || isPageRelativeAnchor$1 || constraints.maxWidth <= 0 ? intrinsic.width : constraints.maxWidth;
-  const maxHeight = block.anchor?.isAnchored && (typeof block.anchor?.offsetV === "number" && block.anchor.offsetV < 0 || typeof block.margin?.top === "number" && block.margin.top < 0) || block.objectFit === "cover" || !constraints.maxHeight || constraints.maxHeight <= 0 ? Infinity : constraints.maxHeight;
+  const maxWidth = isBehindDocOverlay(block) || isPageRelativeAnchor$1 || constraints.maxWidth <= 0 ? intrinsic.width : constraints.maxWidth;
+  const maxHeight = isBehindDocOverlay(block) || hasNegativeVerticalPosition(block) || block.objectFit === "cover" || !constraints.maxHeight || constraints.maxHeight <= 0 ? Infinity : constraints.maxHeight;
   const widthScale = maxWidth / intrinsic.width;
   const heightScale = maxHeight / intrinsic.height;
   const scale = Math.min(1, widthScale, heightScale);
@@ -286986,8 +287524,9 @@ async function measureImageBlock(block, constraints) {
 async function measureDrawingBlock(block, constraints) {
   if (block.drawingKind === "image") {
     const intrinsic = getIntrinsicSizeFromDims(block.width, block.height, constraints.maxWidth);
-    const maxWidth$1 = constraints.maxWidth > 0 ? constraints.maxWidth : intrinsic.width;
-    const maxHeight$1 = constraints.maxHeight && constraints.maxHeight > 0 ? constraints.maxHeight : Infinity;
+    const isPageRelativeAnchor$1 = block.anchor?.isAnchored === true && (block.anchor.hRelativeFrom === "page" || block.anchor.hRelativeFrom === "margin");
+    const maxWidth$1 = isBehindDocOverlay(block) || isPageRelativeAnchor$1 || constraints.maxWidth <= 0 ? intrinsic.width : constraints.maxWidth;
+    const maxHeight$1 = isBehindDocOverlay(block) || hasNegativeVerticalPosition(block) || !constraints.maxHeight || constraints.maxHeight <= 0 ? Infinity : constraints.maxHeight;
     const widthScale$1 = maxWidth$1 / intrinsic.width;
     const heightScale$1 = maxHeight$1 / intrinsic.height;
     const scale$1 = Math.min(1, widthScale$1, heightScale$1);
@@ -287009,6 +287548,21 @@ async function measureDrawingBlock(block, constraints) {
     };
   }
   const geometry = ensureDrawingGeometry(block.geometry);
+  if (block.drawingKind === "shapeGroup" && block.groupTransform) {
+    const effectExtent = block.effectExtent ?? {
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0
+    };
+    const groupWidth = block.groupTransform.width ?? geometry.width;
+    const groupHeight = block.groupTransform.height ?? geometry.height;
+    geometry.width = Math.max(1, geometry.width, groupWidth + effectExtent.left + effectExtent.right);
+    geometry.height = Math.max(1, geometry.height, groupHeight + effectExtent.top + effectExtent.bottom);
+    geometry.rotation = normalizeRotation(block.groupTransform.rotation ?? geometry.rotation ?? 0);
+    geometry.flipH = Boolean(block.groupTransform.flipH ?? geometry.flipH);
+    geometry.flipV = Boolean(block.groupTransform.flipV ?? geometry.flipV);
+  }
   const attrs = block.attrs;
   const indentLeft = typeof attrs?.hrIndentLeft === "number" ? attrs.hrIndentLeft : 0;
   const indentRight = typeof attrs?.hrIndentRight === "number" ? attrs.hrIndentRight : 0;
@@ -287020,7 +287574,7 @@ async function measureDrawingBlock(block, constraints) {
   const naturalHeight = Math.max(1, rotatedBounds.height);
   const isFloating = block.wrap?.type === "None" || block.anchor?.isAnchored === true;
   const maxWidth = fullWidthMax ?? (constraints.maxWidth > 0 && !isFloating ? constraints.maxWidth : naturalWidth);
-  const maxHeight = block.anchor?.isAnchored && (typeof block.anchor?.offsetV === "number" && block.anchor.offsetV < 0 || typeof block.margin?.top === "number" && block.margin.top < 0) || !constraints.maxHeight || constraints.maxHeight <= 0 ? Infinity : constraints.maxHeight;
+  const maxHeight = isBehindDocOverlay(block) || hasNegativeVerticalPosition(block) || !constraints.maxHeight || constraints.maxHeight <= 0 ? Infinity : constraints.maxHeight;
   const widthScale = maxWidth / naturalWidth;
   const heightScale = maxHeight / naturalHeight;
   const normalizedScale = Math.min(1, widthScale, heightScale);
@@ -287608,15 +288162,17 @@ function shiftResolvedPaintItemY(item, yOffset) {
     y: item.y + yOffset
   };
 }
-function isExplicitBehindDocMediaFragment(fragment2) {
-  return (fragment2.kind === "image" || fragment2.kind === "drawing") && fragment2.behindDoc === true;
+function isExcludedFromDecorationNormalization(fragment2) {
+  if (fragment2.kind !== "image" && fragment2.kind !== "drawing")
+    return false;
+  return fragment2.behindDoc === true || fragment2.isAnchored === true || fragment2.sourceAnchor != null;
 }
 function getDecorationNormalizationMinY(fragments, layoutMinY) {
   if (!Number.isFinite(layoutMinY) || layoutMinY >= 0)
     return 0;
   let minY = Infinity;
   for (const fragment2 of fragments) {
-    if (isExplicitBehindDocMediaFragment(fragment2))
+    if (isExcludedFromDecorationNormalization(fragment2))
       continue;
     if (Number.isFinite(fragment2.y))
       minY = Math.min(minY, fragment2.y);
@@ -309179,6 +309735,12 @@ menclose::after {
   if (!SUPPORTED_IMAGE_CLIP_PATH_PREFIXES.some((prefix2) => lower.startsWith(prefix2)))
     return "";
   return normalized;
+}, applyImageObjectFit = (img2, objectFit) => {
+  img2.style.objectFit = objectFit;
+  if (objectFit === "cover")
+    img2.style.objectPosition = "left top";
+  else
+    img2.style.removeProperty("object-position");
 }, applyRunDataAttributes = (element3, dataAttrs) => {
   if (!dataAttrs)
     return;
@@ -309466,7 +310028,10 @@ menclose::after {
 }, renderImageRun = (run2, context) => {
   if (!run2.src)
     return null;
-  const hasClipPath = typeof run2.clipPath === "string" && run2.clipPath.trim().length > 0;
+  const runClipPath = readImageClipPathValue(run2.clipPath);
+  const shapeClipPath = readImageClipPathValue(run2.shapeClipPath);
+  const hasClipPath = runClipPath.length > 0;
+  const hasShapeClipPath = shapeClipPath.length > 0;
   const img2 = context.doc.createElement("img");
   img2.classList.add(DOM_CLASS_NAMES.INLINE_IMAGE);
   if (typeof run2.src === "string" && run2.src.startsWith("data:")) {
@@ -309480,7 +310045,7 @@ menclose::after {
     else
       return null;
   }
-  if (!hasClipPath) {
+  if (!hasClipPath && !hasShapeClipPath) {
     img2.width = run2.width;
     img2.height = run2.height;
   } else
@@ -309493,7 +310058,9 @@ menclose::after {
       minWidth: "0",
       minHeight: "0"
     });
-  applyImageClipPath(img2, run2.clipPath);
+  applyImageClipPath(img2, runClipPath);
+  if (run2.objectFit)
+    applyImageObjectFit(img2, run2.objectFit);
   if (run2.width > 0 && run2.height > 0) {
     const aspectRatio = run2.width / run2.height;
     const inlineImageMetadata = {
@@ -309511,7 +310078,7 @@ menclose::after {
   if (run2.title)
     img2.title = run2.title;
   img2.style.display = "inline-block";
-  const useWrapper = hasClipPath && run2.width > 0 && run2.height > 0;
+  const useWrapper = (hasClipPath || hasShapeClipPath) && run2.width > 0 && run2.height > 0;
   if (!useWrapper) {
     img2.style.verticalAlign = run2.verticalAlign ?? "top";
     if (run2.distTop)
@@ -309572,6 +310139,8 @@ menclose::after {
       wrapper.style.marginRight = `${run2.distRight}px`;
     wrapper.style.position = "relative";
     wrapper.style.zIndex = "1";
+    if (shapeClipPath)
+      wrapper.style.clipPath = shapeClipPath;
     if (run2.pmStart != null)
       wrapper.dataset.pmStart = String(run2.pmStart);
     if (run2.pmEnd != null)
@@ -309591,7 +310160,6 @@ menclose::after {
   context.applySdtDataset(img2, run2.sdt);
   if (run2.dataAttrs)
     applyRunDataAttributes(img2, run2.dataAttrs);
-  const runClipPath = readImageClipPathValue(run2.clipPath);
   if (runClipPath) {
     img2.style.clipPath = runClipPath;
     img2.style.display = "block";
@@ -309637,6 +310205,12 @@ menclose::after {
     return "";
   const record = block;
   return readImageClipPathValue(record.clipPath) || resolveClipPathFromAttrs$1(record.attrs);
+}, resolveBlockImageShapeClipPath = (block) => {
+  if (!block || typeof block !== "object")
+    return "";
+  const record = block;
+  const attrs = record.attrs && typeof record.attrs === "object" ? record.attrs : undefined;
+  return readImageClipPathValue(record.shapeClipPath) || readImageClipPathValue(attrs?.shapeClipPath);
 }, createBlockImageContent = ({ doc: doc$12, block, className, clipContainer, imageDisplay, hyperlinkDisplay = "block", buildImageHyperlinkAnchor: buildImageHyperlinkAnchor$1 }) => {
   const img2 = doc$12.createElement("img");
   if (className)
@@ -309646,10 +310220,19 @@ menclose::after {
   img2.alt = block.alt ?? "";
   img2.style.width = "100%";
   img2.style.height = "100%";
-  img2.style.objectFit = block.objectFit ?? "contain";
-  if (block.objectFit === "cover")
-    img2.style.objectPosition = "left top";
-  applyImageClipPath(img2, resolveBlockImageClipPath(block), clipContainer ? { clipContainer } : undefined);
+  applyImageObjectFit(img2, block.objectFit ?? "contain");
+  const shapeClipPath = resolveBlockImageShapeClipPath(block);
+  const ownShapeClipContainer = shapeClipPath && !clipContainer ? doc$12.createElement("div") : undefined;
+  if (ownShapeClipContainer) {
+    ownShapeClipContainer.style.width = "100%";
+    ownShapeClipContainer.style.height = "100%";
+  }
+  const shapeClipContainer = clipContainer ?? ownShapeClipContainer;
+  if (shapeClipPath && shapeClipContainer) {
+    shapeClipContainer.style.clipPath = shapeClipPath;
+    shapeClipContainer.style.overflow = "hidden";
+  }
+  applyImageClipPath(img2, resolveBlockImageClipPath(block), shapeClipContainer ? { clipContainer: shapeClipContainer } : undefined);
   img2.style.display = imageDisplay ?? (block.display === "inline" ? "inline-block" : "block");
   const filters = buildImageFilters(block);
   if (filters.length > 0)
@@ -309657,7 +310240,12 @@ menclose::after {
   const opacity = resolveImageOpacity(block);
   if (opacity != null)
     img2.style.opacity = opacity;
-  return buildImageHyperlinkAnchor$1?.(img2, block.hyperlink, hyperlinkDisplay) ?? img2;
+  const content3 = buildImageHyperlinkAnchor$1?.(img2, block.hyperlink, hyperlinkDisplay) ?? img2;
+  if (ownShapeClipContainer) {
+    ownShapeClipContainer.appendChild(content3);
+    return ownShapeClipContainer;
+  }
+  return content3;
 }, buildImageHyperlinkAnchor = (doc$12, imageEl, hyperlink, display) => {
   if (!hyperlink?.url)
     return imageEl;
@@ -313793,13 +314381,24 @@ menclose::after {
   const img2 = doc$12.createElement("img");
   img2.src = attrs.src;
   img2.alt = attrs.alt ?? "";
-  img2.style.objectFit = "contain";
+  applyImageObjectFit(img2, attrs.objectFit ?? "contain");
   img2.style.display = "block";
-  applyImageClipPath(img2, attrs.clipPath);
   const opacity = resolveImageOpacity(attrs);
   if (opacity != null)
     img2.style.opacity = opacity;
-  return img2;
+  img2.style.width = "100%";
+  img2.style.height = "100%";
+  if (!attrs.clipPath && !attrs.shapeClipPath)
+    return img2;
+  const clipContainer = doc$12.createElement("div");
+  clipContainer.style.width = "100%";
+  clipContainer.style.height = "100%";
+  clipContainer.style.overflow = "hidden";
+  if (attrs.shapeClipPath)
+    clipContainer.style.clipPath = attrs.shapeClipPath;
+  applyImageClipPath(img2, attrs.clipPath, { clipContainer });
+  clipContainer.appendChild(img2);
+  return clipContainer;
 }, createShapeTextImageElement = (doc$12, part) => {
   const img2 = doc$12.createElement("img");
   img2.src = part.src;
@@ -313890,7 +314489,7 @@ menclose::after {
     });
     return createErrorPlaceholder(fragment2.blockId, error3);
   }
-}, ACTIVE_HEADER_FOOTER_WATERMARK_PREVIEW_OPACITY = "1", INACTIVE_HEADER_FOOTER_WATERMARK_PREVIEW_OPACITY = "0.5", resolveOrBuildFragmentIdentity = (fragment2, story, existing) => buildLayoutSourceIdentityForFragment(existing ? {
+}, ACTIVE_HEADER_FOOTER_WATERMARK_PREVIEW_OPACITY = "1", INACTIVE_HEADER_FOOTER_WATERMARK_PREVIEW_OPACITY = "0.5", normalizeRotationDegrees = (rotation) => (rotation % 360 + 360) % 360, resolveOrBuildFragmentIdentity = (fragment2, story, existing) => buildLayoutSourceIdentityForFragment(existing ? {
   ...fragment2,
   layoutSourceIdentity: existing,
   sourceAnchor: fragment2.sourceAnchor ?? existing.sourceAnchor
@@ -313904,7 +314503,7 @@ menclose::after {
     kind,
     id: id2
   } : { kind };
-}, DEFAULT_PAGE_HEIGHT_PX = 1056, DEFAULT_VIRTUALIZED_PAGE_GAP = 72, SVG_NS = "http://www.w3.org/2000/svg", WORDART_LINE_FILL_RATIO = 0.9, DomPainter = class {
+}, DEFAULT_PAGE_HEIGHT_PX = 1056, DEFAULT_VIRTUALIZED_PAGE_GAP = 72, PAGE_BACKGROUND_OVERLAY_Z_ORDER_OFFSET = 1e6, SVG_NS = "http://www.w3.org/2000/svg", WORDART_LINE_FILL_RATIO = 0.9, DomPainter = class {
   constructor(options = {}) {
     this.mount = null;
     this.doc = null;
@@ -314735,6 +315334,63 @@ menclose::after {
       return false;
     return block.anchor?.vRelativeFrom === "page";
   }
+  isHorizontallyPageRelativeAnchoredFragment(fragment2, resolvedItem) {
+    if (fragment2.kind !== "image" && fragment2.kind !== "drawing")
+      return false;
+    const block = resolvedItem && "block" in resolvedItem ? resolvedItem.block : undefined;
+    if (!block || block.kind !== "image" && block.kind !== "drawing")
+      return false;
+    return block.anchor?.hRelativeFrom === "page";
+  }
+  isHeaderFooterAbsoluteOverlayFragment(fragment2, kind, resolvedItem) {
+    if (kind !== "header" && kind !== "footer")
+      return false;
+    if (fragment2.kind !== "image" && fragment2.kind !== "drawing")
+      return false;
+    if (fragment2.isAnchored !== true)
+      return false;
+    const block = resolvedItem && "block" in resolvedItem ? resolvedItem.block : undefined;
+    if (!block || block.kind !== "image" && block.kind !== "drawing")
+      return false;
+    if (block.anchor?.isAnchored !== true)
+      return false;
+    if (block.wrap?.type !== "None")
+      return false;
+    if (fragment2.behindDoc === true || block.anchor?.behindDoc === true)
+      return false;
+    return true;
+  }
+  getPageBackgroundDecorationZOrder(fragment2, resolvedItem) {
+    const block = resolvedItem && "block" in resolvedItem ? resolvedItem.block : undefined;
+    const isDrawingBlock = block?.kind === "image" || block?.kind === "drawing";
+    const normalizedZIndex = normalizeZIndex(isDrawingBlock ? block.attrs?.originalAttributes : undefined);
+    const isBehindDoc = (fragment2.kind === "image" || fragment2.kind === "drawing") && fragment2.behindDoc === true || isDrawingBlock && block.anchor?.behindDoc === true;
+    if (isBehindDoc && normalizedZIndex != null)
+      return normalizedZIndex;
+    if ((fragment2.kind === "image" || fragment2.kind === "drawing") && typeof fragment2.zIndex === "number")
+      return isBehindDoc ? fragment2.zIndex : PAGE_BACKGROUND_OVERLAY_Z_ORDER_OFFSET + Math.max(1, fragment2.zIndex);
+    if (normalizedZIndex != null)
+      return PAGE_BACKGROUND_OVERLAY_Z_ORDER_OFFSET + Math.max(1, normalizedZIndex);
+    return 0;
+  }
+  insertPageBackgroundDecoration(pageEl, fragEl, zOrder) {
+    fragEl.dataset.pageBackgroundZIndex = String(zOrder);
+    let lastBackgroundDecoration = null;
+    let insertBefore = null;
+    for (const child of Array.from(pageEl.children)) {
+      const el = child;
+      if (el.dataset.behindDocSection != null || el.dataset.headerFooterOverlaySection != null) {
+        if (Number(el.dataset.pageBackgroundZIndex ?? 0) > zOrder) {
+          insertBefore = el;
+          break;
+        }
+        lastBackgroundDecoration = el;
+        continue;
+      }
+      break;
+    }
+    pageEl.insertBefore(fragEl, insertBefore ?? lastBackgroundDecoration?.nextSibling ?? pageEl.firstChild);
+  }
   getDecorationAnchorPageOriginY(page, kind, effectiveOffset) {
     if (kind === "header")
       return effectiveOffset;
@@ -314759,8 +315415,12 @@ menclose::after {
     const className = kind === "header" ? CLASS_NAMES$1.pageHeader : CLASS_NAMES$1.pageFooter;
     const existing = pageEl.querySelector(`.${className}`);
     const data = provider ? provider(page.number, page.margins, page) : null;
+    const behindDocSelector = `[data-behind-doc-section="${kind}"]`;
+    const overlaySelector = `[data-header-footer-overlay-section="${kind}"]`;
     if (!data || data.fragments.length === 0) {
       existing?.remove();
+      pageEl.querySelectorAll(behindDocSelector).forEach((el) => el.remove());
+      pageEl.querySelectorAll(overlaySelector).forEach((el) => el.remove());
       return;
     }
     const container = existing ?? this.doc.createElement("div");
@@ -314822,27 +315482,34 @@ menclose::after {
     const decorationItems = data.items ?? [];
     const betweenBorderFlags = computeBetweenBorderFlags(decorationItems);
     const behindDocFragments = [];
+    const absoluteOverlayFragments = [];
     const normalFragments = [];
     for (let fi = 0;fi < data.fragments.length; fi += 1) {
       const fragment2 = data.fragments[fi];
+      const resolvedItem = decorationItems[fi];
       let isBehindDoc = false;
       if (fragment2.kind === "image" || fragment2.kind === "drawing") {
-        const resolvedItem = decorationItems[fi];
-        isBehindDoc = fragment2.behindDoc === true || fragment2.behindDoc == null && "zIndex" in fragment2 && fragment2.zIndex === 0 || this.shouldRenderBehindPageContent(fragment2, kind, resolvedItem);
+        const resolvedMediaItem = resolvedItem;
+        isBehindDoc = fragment2.behindDoc === true || fragment2.behindDoc == null && "zIndex" in fragment2 && fragment2.zIndex === 0 || this.shouldRenderBehindPageContent(fragment2, kind, resolvedMediaItem);
       }
       if (isBehindDoc)
         behindDocFragments.push({
           fragment: fragment2,
           originalIndex: fi
         });
+      else if (this.isHeaderFooterAbsoluteOverlayFragment(fragment2, kind, resolvedItem))
+        absoluteOverlayFragments.push({
+          fragment: fragment2,
+          originalIndex: fi
+        });
       else
         normalFragments.push({
           fragment: fragment2,
           originalIndex: fi
         });
     }
-    const behindDocSelector = `[data-behind-doc-section="${kind}"]`;
     pageEl.querySelectorAll(behindDocSelector).forEach((el) => el.remove());
+    pageEl.querySelectorAll(overlaySelector).forEach((el) => el.remove());
     behindDocFragments.forEach(({ fragment: fragment2, originalIndex }) => {
       const resolvedItem = data.items?.[originalIndex];
       const fragEl = this.renderFragment(fragment2, context, undefined, betweenBorderFlags.get(originalIndex), resolvedItem);
@@ -314855,11 +315522,12 @@ menclose::after {
         pageY = fragment2.y;
       else
         pageY = effectiveOffset + fragment2.y + (kind === "footer" ? footerYOffset : 0);
+      const isHorizontallyPageRelative = this.isHorizontallyPageRelativeAnchoredFragment(fragment2, resolvedItem);
       fragEl.style.top = `${pageY}px`;
-      fragEl.style.left = `${isPageRelative ? fragment2.x : marginLeft + fragment2.x}px`;
+      fragEl.style.left = `${isHorizontallyPageRelative ? fragment2.x : marginLeft + fragment2.x}px`;
       fragEl.style.zIndex = "0";
       fragEl.dataset.behindDocSection = kind;
-      pageEl.insertBefore(fragEl, pageEl.firstChild);
+      this.insertPageBackgroundDecoration(pageEl, fragEl, this.getPageBackgroundDecorationZOrder(fragment2, resolvedItem));
     });
     normalFragments.forEach(({ fragment: fragment2, originalIndex }) => {
       const resolvedItem = data.items?.[originalIndex];
@@ -314878,6 +315546,27 @@ menclose::after {
     });
     if (!existing)
       pageEl.appendChild(container);
+    absoluteOverlayFragments.forEach(({ fragment: fragment2, originalIndex }) => {
+      const resolvedItem = data.items?.[originalIndex];
+      const fragEl = this.renderFragment(fragment2, context, undefined, betweenBorderFlags.get(originalIndex), resolvedItem);
+      const isPageRelative = this.isPageRelativeAnchoredFragment(fragment2, resolvedItem);
+      this.applyHeaderFooterTextWatermarkPreviewOpacity(fragEl, data.isActiveHeaderFooter === true);
+      let pageY;
+      if (isPageRelative && kind === "footer")
+        pageY = footerAnchorPageOriginY + fragment2.y;
+      else if (isPageRelative)
+        pageY = fragment2.y;
+      else
+        pageY = effectiveOffset + fragment2.y + (kind === "footer" ? footerYOffset : 0);
+      const isHorizontallyPageRelative = this.isHorizontallyPageRelativeAnchoredFragment(fragment2, resolvedItem);
+      fragEl.style.top = `${pageY}px`;
+      fragEl.style.left = `${isHorizontallyPageRelative ? fragment2.x : marginLeft + fragment2.x}px`;
+      fragEl.style.zIndex = "0";
+      if (data.isActiveHeaderFooter !== true)
+        fragEl.style.pointerEvents = "none";
+      fragEl.dataset.headerFooterOverlaySection = kind;
+      this.insertPageBackgroundDecoration(pageEl, fragEl, this.getPageBackgroundDecorationZOrder(fragment2, resolvedItem));
+    });
   }
   resetState() {
     if (this.mount) {
@@ -315302,6 +315991,19 @@ menclose::after {
       innerWrapper.style.width = `${fragment2.geometry.width}px`;
       innerWrapper.style.height = `${fragment2.geometry.height}px`;
       innerWrapper.style.transformOrigin = "center";
+      if (block.drawingKind === "shapeGroup" && block.groupTransform) {
+        const effectExtent = block.effectExtent ?? {
+          left: 0,
+          top: 0,
+          right: 0,
+          bottom: 0
+        };
+        const groupWidth = block.groupTransform.width ?? Math.max(0, block.geometry.width - effectExtent.left - effectExtent.right);
+        const groupHeight = block.groupTransform.height ?? Math.max(0, block.geometry.height - effectExtent.top - effectExtent.bottom);
+        const originX = effectExtent.left + groupWidth / 2;
+        const originY = effectExtent.top + groupHeight / 2;
+        innerWrapper.style.transformOrigin = `${originX}px ${originY}px`;
+      }
       const scale = fragment2.scale ?? 1;
       const transforms = ["translate(-50%, -50%)"];
       transforms.push(`rotate(${fragment2.geometry.rotation ?? 0}deg)`);
@@ -315328,7 +316030,7 @@ menclose::after {
     if (block.drawingKind === "vectorShape" || block.drawingKind === "textboxShape")
       return this.createVectorShapeElement(block, fragment2.geometry, false, 1, 1, context, fragment2);
     if (block.drawingKind === "shapeGroup")
-      return this.createShapeGroupElement(block, context);
+      return this.createShapeGroupElement(block, context, fragment2.geometry);
     if (block.drawingKind === "chart")
       return this.createChartElement(block);
     return this.createDrawingPlaceholder();
@@ -315360,12 +316062,14 @@ menclose::after {
         svgElement.setAttribute("width", "100%");
         svgElement.setAttribute("height", "100%");
         svgElement.style.display = "block";
+        svgElement.style.overflow = "visible";
         if (block.fillColor && typeof block.fillColor === "object") {
           if ("type" in block.fillColor && block.fillColor.type === "gradient")
             applyGradientToSVG(svgElement, block.fillColor);
           else if ("type" in block.fillColor && block.fillColor.type === "solidWithAlpha")
             applyAlphaToSVG(svgElement, block.fillColor);
         }
+        this.applyShapeEffects(svgElement, block);
         this.applyLineEnds(svgElement, block);
         contentContainer.appendChild(svgElement);
         if (block.drawingKind === "textboxShape" || this.hasShapeTextContent(block.textContent)) {
@@ -315616,19 +316320,40 @@ menclose::after {
       textDiv.style.textAlign = "right";
     else
       textDiv.style.textAlign = "left";
-    let currentParagraph = this.doc.createElement("div");
-    currentParagraph.style.width = "100%";
-    currentParagraph.style.minWidth = "0";
-    currentParagraph.style.whiteSpace = "normal";
+    const paragraphSpacing = textContent$1.paragraphs;
+    const spacingBefore = (index2) => paragraphSpacing?.[index2]?.spacing?.before;
+    const spacingAfter = (index2) => paragraphSpacing?.[index2]?.spacing?.after;
+    const createParagraphElement = () => {
+      const paragraph2 = this.doc.createElement("div");
+      paragraph2.style.width = "100%";
+      paragraph2.style.minWidth = "0";
+      paragraph2.style.whiteSpace = "normal";
+      paragraph2.style.marginLeft = "0";
+      paragraph2.style.marginRight = "0";
+      return paragraph2;
+    };
+    let logicalParagraphIndex = 0;
+    let currentParagraph = createParagraphElement();
+    const firstParagraphBefore = spacingBefore(logicalParagraphIndex);
+    if (typeof firstParagraphBefore === "number")
+      currentParagraph.style.marginTop = `${firstParagraphBefore}px`;
     textContent$1.parts.forEach((part) => {
       if (part.isLineBreak) {
+        if (part.isParagraphBoundary) {
+          const currentParagraphAfter = spacingAfter(logicalParagraphIndex);
+          if (typeof currentParagraphAfter === "number")
+            currentParagraph.style.marginBottom = `${currentParagraphAfter}px`;
+        }
         textDiv.appendChild(currentParagraph);
-        currentParagraph = this.doc.createElement("div");
-        currentParagraph.style.width = "100%";
-        currentParagraph.style.minWidth = "0";
-        currentParagraph.style.whiteSpace = "normal";
+        currentParagraph = createParagraphElement();
         if (part.isEmptyParagraph)
           currentParagraph.style.minHeight = "1em";
+        if (part.isParagraphBoundary) {
+          logicalParagraphIndex += 1;
+          const nextParagraphBefore = spacingBefore(logicalParagraphIndex);
+          if (typeof nextParagraphBefore === "number")
+            currentParagraph.style.marginTop = `${nextParagraphBefore}px`;
+        }
       } else if (part.kind === "image" && part.src)
         currentParagraph.appendChild(createShapeTextImageElement(this.doc, part));
       else {
@@ -315654,6 +316379,9 @@ menclose::after {
         currentParagraph.appendChild(span);
       }
     });
+    const finalParagraphAfter = spacingAfter(logicalParagraphIndex);
+    if (typeof finalParagraphAfter === "number")
+      currentParagraph.style.marginBottom = `${finalParagraphAfter}px`;
     textDiv.appendChild(currentParagraph);
     return textDiv;
   }
@@ -315705,6 +316433,7 @@ menclose::after {
     const viewH = firstPath.h || height;
     if (viewW === 0 || viewH === 0)
       return null;
+    const explicitStrokeEffect = viewW / width > 10 || viewH / height > 10 ? ' vector-effect="non-scaling-stroke"' : "";
     const edgeStroke = fillColor !== "none" && strokeColor === "none" ? ` stroke="${fillColor}" stroke-width="0.5" vector-effect="non-scaling-stroke"` : "";
     return `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${viewW} ${viewH}" preserveAspectRatio="none">
   ${custGeom.paths.map((p$12) => {
@@ -315714,7 +316443,7 @@ menclose::after {
       const scaleX = viewW / pathW;
       const scaleY = viewH / pathH;
       const transform = needsTransform ? ` transform="scale(${scaleX}, ${scaleY})"` : "";
-      const strokeAttr = strokeColor !== "none" ? ` stroke="${strokeColor}" stroke-width="${strokeWidth}"` : edgeStroke;
+      const strokeAttr = strokeColor !== "none" ? ` stroke="${strokeColor}" stroke-width="${strokeWidth}"${explicitStrokeEffect}` : edgeStroke;
       return `<path d="${p$12.d}" fill="${fillColor}" fill-rule="evenodd"${strokeAttr}${transform} />`;
     }).join(`
   `)}
@@ -315788,6 +316517,112 @@ menclose::after {
       target.setAttribute("marker-end", `url(#${id2})`);
     }
   }
+  applyShapeEffects(svgElement, block) {
+    const outerShadow = block.effects?.outerShadow;
+    if (!outerShadow)
+      return;
+    this.applyOuterShadowEffect(svgElement, block.id, outerShadow);
+  }
+  applyOuterShadowEffect(svgElement, blockId, shadow) {
+    const targets = this.findShapeEffectTargets(svgElement);
+    if (!targets.length)
+      return;
+    const defs = this.ensureSvgDefs(svgElement);
+    const filterId = this.sanitizeSvgId(`sd-shadow-${blockId}`);
+    const outlineFilterId = this.sanitizeSvgId(`sd-shadow-outline-${blockId}`);
+    if (!defs.querySelector(`#${filterId}`)) {
+      const filter = this.doc.createElementNS("http://www.w3.org/2000/svg", "filter");
+      filter.setAttribute("id", filterId);
+      filter.setAttribute("x", "-50%");
+      filter.setAttribute("y", "-50%");
+      filter.setAttribute("width", "200%");
+      filter.setAttribute("height", "200%");
+      const { dx, dy } = resolveOuterShadowOffset(shadow);
+      const dropShadow = this.doc.createElementNS("http://www.w3.org/2000/svg", "feDropShadow");
+      dropShadow.setAttribute("dx", this.formatSvgNumber(dx));
+      dropShadow.setAttribute("dy", this.formatSvgNumber(dy));
+      dropShadow.setAttribute("stdDeviation", this.formatSvgNumber(getOuterShadowStdDeviation(shadow)));
+      dropShadow.setAttribute("flood-color", shadow.color);
+      dropShadow.setAttribute("flood-opacity", this.formatSvgNumber(shadow.opacity));
+      filter.appendChild(dropShadow);
+      defs.appendChild(filter);
+    }
+    targets.forEach((target) => {
+      if (this.shouldRenderFilledShadowClone(target)) {
+        this.appendFilledShadowClone(svgElement, defs, target, outlineFilterId, shadow);
+        return;
+      }
+      target.setAttribute("filter", `url(#${filterId})`);
+    });
+  }
+  findShapeEffectTargets(svgElement) {
+    return Array.from(svgElement.querySelectorAll("path, line, polyline, polygon, rect, ellipse, circle")).filter((target) => !target.closest("defs") && !target.hasAttribute("data-sd-shadow-clone"));
+  }
+  shouldRenderFilledShadowClone(target) {
+    if (target.getAttribute("fill") !== "none")
+      return false;
+    if (target.tagName.toLowerCase() === "path")
+      return /z\s*$/i.test(target.getAttribute("d") ?? "");
+    return [
+      "polygon",
+      "rect",
+      "ellipse",
+      "circle"
+    ].includes(target.tagName.toLowerCase());
+  }
+  appendFilledShadowClone(svgElement, defs, target, filterId, shadow) {
+    this.ensureOuterShadowOnlyFilter(defs, filterId, shadow);
+    const clone$1 = target.cloneNode(false);
+    clone$1.setAttribute("data-sd-shadow-clone", filterId);
+    clone$1.setAttribute("aria-hidden", "true");
+    clone$1.setAttribute("fill", "#000000");
+    clone$1.setAttribute("stroke", "none");
+    clone$1.setAttribute("filter", `url(#${filterId})`);
+    target.parentNode?.insertBefore(clone$1, target);
+  }
+  ensureOuterShadowOnlyFilter(defs, filterId, shadow) {
+    if (defs.querySelector(`#${filterId}`))
+      return;
+    const filter = this.doc.createElementNS("http://www.w3.org/2000/svg", "filter");
+    filter.setAttribute("id", filterId);
+    filter.setAttribute("x", "-50%");
+    filter.setAttribute("y", "-50%");
+    filter.setAttribute("width", "200%");
+    filter.setAttribute("height", "200%");
+    const blur = this.doc.createElementNS("http://www.w3.org/2000/svg", "feGaussianBlur");
+    blur.setAttribute("in", "SourceAlpha");
+    blur.setAttribute("stdDeviation", this.formatSvgNumber(getOuterShadowStdDeviation(shadow)));
+    blur.setAttribute("result", "blur");
+    const { dx, dy } = resolveOuterShadowOffset(shadow);
+    const offset$1 = this.doc.createElementNS("http://www.w3.org/2000/svg", "feOffset");
+    offset$1.setAttribute("in", "blur");
+    offset$1.setAttribute("dx", this.formatSvgNumber(dx));
+    offset$1.setAttribute("dy", this.formatSvgNumber(dy));
+    offset$1.setAttribute("result", "offsetBlur");
+    const flood = this.doc.createElementNS("http://www.w3.org/2000/svg", "feFlood");
+    flood.setAttribute("flood-color", shadow.color);
+    flood.setAttribute("flood-opacity", this.formatSvgNumber(shadow.opacity));
+    flood.setAttribute("result", "shadowColor");
+    const composite = this.doc.createElementNS("http://www.w3.org/2000/svg", "feComposite");
+    composite.setAttribute("in", "shadowColor");
+    composite.setAttribute("in2", "offsetBlur");
+    composite.setAttribute("operator", "in");
+    composite.setAttribute("result", "shadow");
+    const outsideOnly = this.doc.createElementNS("http://www.w3.org/2000/svg", "feComposite");
+    outsideOnly.setAttribute("in", "shadow");
+    outsideOnly.setAttribute("in2", "SourceAlpha");
+    outsideOnly.setAttribute("operator", "out");
+    outsideOnly.setAttribute("result", "outerShadow");
+    filter.appendChild(blur);
+    filter.appendChild(offset$1);
+    filter.appendChild(flood);
+    filter.appendChild(composite);
+    filter.appendChild(outsideOnly);
+    defs.appendChild(filter);
+  }
+  formatSvgNumber(value) {
+    return Number.isFinite(value) ? Number(value.toFixed(4)).toString() : "0";
+  }
   findLineEndTarget(svgElement) {
     const line = svgElement.querySelector("line");
     if (line)
@@ -315876,7 +316711,7 @@ menclose::after {
       target.style.removeProperty("transform-origin");
     }
   }
-  createShapeGroupElement(block, context) {
+  createShapeGroupElement(block, context, fragmentGeometry) {
     const groupEl = this.doc.createElement("div");
     groupEl.classList.add("superdoc-shape-group");
     groupEl.style.position = "relative";
@@ -315884,32 +316719,56 @@ menclose::after {
     groupEl.style.height = "100%";
     const groupTransform = block.groupTransform;
     let contentContainer = groupEl;
-    const visibleWidth = groupTransform?.width ?? block.geometry.width ?? 0;
-    const visibleHeight = groupTransform?.height ?? block.geometry.height ?? 0;
-    if (groupTransform) {
+    const groupEffectExtent = block.effectExtent ?? {
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0
+    };
+    const hasGroupEffectExtent = groupEffectExtent.left > 0 || groupEffectExtent.top > 0 || groupEffectExtent.right > 0 || groupEffectExtent.bottom > 0;
+    const visibleWidth = groupTransform?.width ?? Math.max(0, (block.geometry.width ?? 0) - groupEffectExtent.left - groupEffectExtent.right);
+    const visibleHeight = groupTransform?.height ?? Math.max(0, (block.geometry.height ?? 0) - groupEffectExtent.top - groupEffectExtent.bottom);
+    if (groupTransform || hasGroupEffectExtent) {
       const inner = this.doc.createElement("div");
       inner.style.position = "absolute";
-      inner.style.left = "0";
-      inner.style.top = "0";
+      inner.style.left = `${groupEffectExtent.left}px`;
+      inner.style.top = `${groupEffectExtent.top}px`;
       inner.style.width = `${Math.max(1, visibleWidth)}px`;
       inner.style.height = `${Math.max(1, visibleHeight)}px`;
+      const groupTransforms = [];
+      const normalizedGroupRotation = typeof groupTransform?.rotation === "number" ? normalizeRotationDegrees(groupTransform.rotation) : 0;
+      const normalizedFragmentRotation = typeof fragmentGeometry?.rotation === "number" ? normalizeRotationDegrees(fragmentGeometry.rotation) : 0;
+      const groupRotation = normalizedGroupRotation && normalizedGroupRotation !== normalizedFragmentRotation ? groupTransform?.rotation ?? 0 : 0;
+      const groupFlipH = groupTransform?.flipH && groupTransform.flipH !== fragmentGeometry?.flipH;
+      const groupFlipV = groupTransform?.flipV && groupTransform.flipV !== fragmentGeometry?.flipV;
+      if (groupRotation)
+        groupTransforms.push(`rotate(${groupRotation}deg)`);
+      if (groupFlipH)
+        groupTransforms.push("scaleX(-1)");
+      if (groupFlipV)
+        groupTransforms.push("scaleY(-1)");
+      if (groupTransforms.length > 0) {
+        inner.style.transformOrigin = "center";
+        inner.style.transform = groupTransforms.join(" ");
+      }
       groupEl.appendChild(inner);
       contentContainer = inner;
     }
-    block.shapes.forEach((child) => {
-      const childContent = this.createGroupChildContent(child, 1, 1, context);
+    block.shapes.forEach((child, childIndex) => {
+      const attrs = child.attrs ?? {};
+      const paintExtent = this.getShapeGroupChildPaintExtent(child);
+      const childContent = this.createGroupChildContent(child, 1, 1, context, paintExtent, block.id, childIndex);
       if (!childContent)
         return;
-      const attrs = child.attrs ?? {};
       const wrapper = this.doc.createElement("div");
       wrapper.classList.add("superdoc-shape-group__child");
       wrapper.style.position = "absolute";
-      wrapper.style.left = `${Number(attrs.x ?? 0)}px`;
-      wrapper.style.top = `${Number(attrs.y ?? 0)}px`;
+      wrapper.style.left = `${Number(attrs.x ?? 0) - paintExtent.left}px`;
+      wrapper.style.top = `${Number(attrs.y ?? 0) - paintExtent.top}px`;
       const childW = typeof attrs.width === "number" ? attrs.width : block.geometry.width;
       const childH = typeof attrs.height === "number" ? attrs.height : block.geometry.height;
-      wrapper.style.width = `${Math.max(1, childW)}px`;
-      wrapper.style.height = `${Math.max(1, childH)}px`;
+      wrapper.style.width = `${Math.max(1, childW + paintExtent.left + paintExtent.right)}px`;
+      wrapper.style.height = `${Math.max(1, childH + paintExtent.top + paintExtent.bottom)}px`;
       wrapper.style.transformOrigin = "center";
       const transforms = [];
       if (attrs.rotation)
@@ -315927,20 +316786,63 @@ menclose::after {
     });
     return groupEl;
   }
-  createGroupChildContent(child, groupScaleX = 1, groupScaleY = 1, context) {
+  getShapeGroupChildPaintExtent(child) {
+    if (child.shapeType !== "vectorShape" || !("fillColor" in child.attrs))
+      return {
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0
+      };
+    const attrs = child.attrs;
+    const shadowExtent = attrs.effects?.outerShadow ? getOuterShadowPaintExtent(attrs.effects.outerShadow) : {
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0
+    };
+    if (attrs.lineEnds)
+      return {
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0
+      };
+    if (attrs.strokeColor === null)
+      return shadowExtent;
+    const rawStrokeWidth = child.attrs.strokeWidth;
+    const parsedStrokeWidth = typeof rawStrokeWidth === "number" ? rawStrokeWidth : typeof rawStrokeWidth === "string" && rawStrokeWidth.trim() !== "" ? Number(rawStrokeWidth) : undefined;
+    const strokeWidth = parsedStrokeWidth != null && Number.isFinite(parsedStrokeWidth) ? parsedStrokeWidth : 1;
+    if (strokeWidth <= 0)
+      return shadowExtent;
+    const extent = strokeWidth / 2;
+    return {
+      left: Math.max(extent, shadowExtent.left),
+      top: Math.max(extent, shadowExtent.top),
+      right: Math.max(extent, shadowExtent.right),
+      bottom: Math.max(extent, shadowExtent.bottom)
+    };
+  }
+  createGroupChildContent(child, groupScaleX = 1, groupScaleY = 1, context, paintExtent = {
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0
+  }, groupId, childIndex) {
     if (child.shapeType === "vectorShape" && "fillColor" in child.attrs) {
       const attrs = child.attrs;
       const childGeometry = {
-        width: attrs.width ?? 0,
-        height: attrs.height ?? 0,
+        width: (attrs.width ?? 0) + paintExtent.left + paintExtent.right,
+        height: (attrs.height ?? 0) + paintExtent.top + paintExtent.bottom,
         rotation: attrs.rotation ?? 0,
         flipH: attrs.flipH ?? false,
         flipV: attrs.flipV ?? false
       };
+      const hasPaintExtent = paintExtent.left > 0 || paintExtent.top > 0 || paintExtent.right > 0 || paintExtent.bottom > 0;
       const vectorChild = {
         drawingKind: "vectorShape",
         kind: "drawing",
-        id: `${attrs.shapeId ?? child.shapeType}`,
+        id: groupId != null ? `${groupId}-${childIndex ?? 0}-${attrs.shapeId ?? child.shapeType}` : `${attrs.shapeId ?? child.shapeType}`,
         geometry: childGeometry,
         padding: undefined,
         margin: undefined,
@@ -315955,10 +316857,12 @@ menclose::after {
         strokeColor: attrs.strokeColor,
         strokeWidth: attrs.strokeWidth,
         lineEnds: attrs.lineEnds,
+        effects: attrs.effects,
         textContent: attrs.textContent,
         textAlign: attrs.textAlign,
         textVerticalAlign: attrs.textVerticalAlign,
-        textInsets: attrs.textInsets
+        textInsets: attrs.textInsets,
+        effectExtent: hasPaintExtent ? paintExtent : undefined
       };
       return this.createVectorShapeElement(vectorChild, childGeometry, false, groupScaleX, groupScaleY, context);
     }
@@ -316590,11 +317494,20 @@ menclose::after {
   if (!attrs || typeof attrs !== "object")
     return "";
   return readClipPathValue(attrs.clipPath);
+}, resolveShapeClipPathFromAttrs = (attrs) => {
+  if (!attrs || typeof attrs !== "object")
+    return "";
+  return readClipPathValue(attrs.shapeClipPath);
 }, resolveBlockClipPath = (block) => {
   if (!block || typeof block !== "object")
     return "";
   const record = block;
   return readClipPathValue(record.clipPath) || resolveClipPathFromAttrs(record.attrs);
+}, resolveBlockShapeClipPath = (block) => {
+  if (!block || typeof block !== "object")
+    return "";
+  const record = block;
+  return readClipPathValue(record.shapeClipPath) || resolveShapeClipPathFromAttrs(record.attrs);
 }, imageHyperlinkVersion = (hyperlink) => {
   if (!hyperlink)
     return "";
@@ -316633,7 +317546,8 @@ menclose::after {
   image2.flipH ? 1 : 0,
   image2.flipV ? 1 : 0,
   imageHyperlinkVersion(image2.hyperlink),
-  resolveBlockClipPath(image2)
+  resolveBlockClipPath(image2),
+  resolveBlockShapeClipPath(image2)
 ].join("|"), renderedInlineImageRunVersion = (image2) => [
   "img",
   image2.src ?? "",
@@ -316642,6 +317556,8 @@ menclose::after {
   image2.alt ?? "",
   image2.title ?? "",
   typeof image2.clipPath === "string" ? image2.clipPath.trim() : "",
+  typeof image2.shapeClipPath === "string" ? image2.shapeClipPath.trim() : "",
+  image2.objectFit ?? "",
   image2.distTop ?? "",
   image2.distBottom ?? "",
   image2.distLeft ?? "",
@@ -316840,7 +317756,9 @@ menclose::after {
         vector.geometry.flipV ? 1 : 0,
         drawingTextVersion(vector),
         block.anchor?.offsetH ?? "",
-        block.anchor?.offsetV ?? ""
+        block.anchor?.offsetV ?? "",
+        vector.effects ? JSON.stringify(vector.effects) : "",
+        vector.effectExtent ? JSON.stringify(vector.effectExtent) : ""
       ].join("|");
     }
     if (block.drawingKind === "shapeGroup") {
@@ -316850,6 +317768,7 @@ menclose::after {
         "drawing:group",
         group.geometry.width,
         group.geometry.height,
+        group.effectExtent ? JSON.stringify(group.effectExtent) : "",
         group.groupTransform ? JSON.stringify(group.groupTransform) : "",
         childSignature
       ].join("|");
@@ -317545,6 +318464,7 @@ menclose::after {
       JSON.stringify(block.customGeometry ?? null),
       JSON.stringify(block.lineEnds ?? null),
       JSON.stringify(block.effectExtent ?? null),
+      JSON.stringify(block.effects ?? null),
       JSON.stringify(block.textContent ?? null),
       block.textAlign ?? "",
       block.textVerticalAlign ?? "",
@@ -317708,7 +318628,7 @@ menclose::after {
     return `${block.id}:table:${contentHash}${tableAttrsKey}`;
   }
   if (block.kind !== "paragraph")
-    return block.id;
+    return hashNonParagraphCellBlock(block);
   const trackedMode = block.attrs && "trackedChangesMode" in block.attrs && block.attrs.trackedChangesMode || "review";
   const trackedEnabled = resolveTrackedChangesEnabled(block.attrs, true);
   const runsHash = block.runs.map((run2) => {
@@ -318577,7 +319497,7 @@ menclose::after {
   }
   return true;
 }, imageRunsEqual = (a2, b$1) => {
-  return a2.src === b$1.src && a2.width === b$1.width && a2.height === b$1.height && a2.alt === b$1.alt && a2.title === b$1.title && a2.clipPath === b$1.clipPath && a2.distTop === b$1.distTop && a2.distBottom === b$1.distBottom && a2.distLeft === b$1.distLeft && a2.distRight === b$1.distRight && a2.verticalAlign === b$1.verticalAlign && a2.rotation === b$1.rotation && a2.flipH === b$1.flipH && a2.flipV === b$1.flipV && a2.gain === b$1.gain && a2.blacklevel === b$1.blacklevel && a2.grayscale === b$1.grayscale && jsonEqual(a2.lum, b$1.lum) && jsonEqual(a2.hyperlink, b$1.hyperlink) && jsonEqual(a2.sdt, b$1.sdt) && shallowRecordEqual(a2.dataAttrs, b$1.dataAttrs);
+  return a2.src === b$1.src && a2.width === b$1.width && a2.height === b$1.height && a2.alt === b$1.alt && a2.title === b$1.title && a2.clipPath === b$1.clipPath && a2.shapeClipPath === b$1.shapeClipPath && a2.objectFit === b$1.objectFit && a2.distTop === b$1.distTop && a2.distBottom === b$1.distBottom && a2.distLeft === b$1.distLeft && a2.distRight === b$1.distRight && a2.verticalAlign === b$1.verticalAlign && a2.rotation === b$1.rotation && a2.flipH === b$1.flipH && a2.flipV === b$1.flipV && a2.gain === b$1.gain && a2.blacklevel === b$1.blacklevel && a2.grayscale === b$1.grayscale && jsonEqual(a2.lum, b$1.lum) && jsonEqual(a2.hyperlink, b$1.hyperlink) && jsonEqual(a2.sdt, b$1.sdt) && shallowRecordEqual(a2.dataAttrs, b$1.dataAttrs);
 }, imageBlocksEqual = (a2, b$1) => {
   return a2.src === b$1.src && a2.width === b$1.width && a2.height === b$1.height && a2.alt === b$1.alt && a2.title === b$1.title && a2.objectFit === b$1.objectFit && a2.display === b$1.display && boxSpacingEqual(a2.margin, b$1.margin) && boxSpacingEqual(a2.padding, b$1.padding) && imageAnchorEqual(a2.anchor, b$1.anchor) && imageWrapEqual(a2.wrap, b$1.wrap) && shallowRecordEqual(a2.attrs, b$1.attrs);
 }, drawingBlocksEqual = (a2, b$1) => {
@@ -318603,10 +319523,10 @@ menclose::after {
     return imageBlocksEqual(a2, b$1);
   if ((a2.drawingKind === "vectorShape" || a2.drawingKind === "textboxShape") && (b$1.drawingKind === "vectorShape" || b$1.drawingKind === "textboxShape")) {
     const textboxContentEqual = a2.drawingKind !== "textboxShape" || b$1.drawingKind !== "textboxShape" || jsonEqual(a2.contentBlocks, b$1.contentBlocks);
-    return drawingGeometryEqual(a2.geometry, b$1.geometry) && a2.shapeKind === b$1.shapeKind && a2.fillColor === b$1.fillColor && a2.strokeColor === b$1.strokeColor && a2.strokeWidth === b$1.strokeWidth && a2.textAlign === b$1.textAlign && a2.textVerticalAlign === b$1.textVerticalAlign && jsonEqual(a2.textInsets, b$1.textInsets) && jsonEqual(a2.textContent, b$1.textContent) && jsonEqual(a2.customGeometry, b$1.customGeometry) && jsonEqual(a2.lineEnds, b$1.lineEnds) && jsonEqual(a2.effectExtent, b$1.effectExtent) && textboxContentEqual;
+    return drawingGeometryEqual(a2.geometry, b$1.geometry) && a2.shapeKind === b$1.shapeKind && jsonEqual(a2.customGeometry, b$1.customGeometry) && a2.fillColor === b$1.fillColor && a2.strokeColor === b$1.strokeColor && a2.strokeWidth === b$1.strokeWidth && a2.textAlign === b$1.textAlign && a2.textVerticalAlign === b$1.textVerticalAlign && jsonEqual(a2.textInsets, b$1.textInsets) && jsonEqual(a2.textContent, b$1.textContent) && jsonEqual(a2.lineEnds, b$1.lineEnds) && jsonEqual(a2.effects, b$1.effects) && jsonEqual(a2.effectExtent, b$1.effectExtent) && textboxContentEqual;
   }
   if (a2.drawingKind === "shapeGroup" && b$1.drawingKind === "shapeGroup")
-    return drawingGeometryEqual(a2.geometry, b$1.geometry) && shapeGroupTransformEqual(a2.groupTransform, b$1.groupTransform) && shapeGroupSizeEqual(a2.size, b$1.size) && shapeGroupChildrenEqual(a2.shapes, b$1.shapes);
+    return drawingGeometryEqual(a2.geometry, b$1.geometry) && jsonEqual(a2.effectExtent, b$1.effectExtent) && shapeGroupTransformEqual(a2.groupTransform, b$1.groupTransform) && shapeGroupSizeEqual(a2.size, b$1.size) && shapeGroupChildrenEqual(a2.shapes, b$1.shapes);
   if (a2.drawingKind === "chart" && b$1.drawingKind === "chart")
     return drawingGeometryEqual(a2.geometry, b$1.geometry) && a2.chartRelId === b$1.chartRelId && jsonEqual(a2.chartData, b$1.chartData);
   return true;
@@ -318658,7 +319578,7 @@ menclose::after {
     return true;
   if (!a2 || !b$1)
     return !a2 && !b$1;
-  return a2.x === b$1.x && a2.y === b$1.y && a2.width === b$1.width && a2.height === b$1.height && a2.childX === b$1.childX && a2.childY === b$1.childY && a2.childWidth === b$1.childWidth && a2.childHeight === b$1.childHeight && a2.childOriginXEmu === b$1.childOriginXEmu && a2.childOriginYEmu === b$1.childOriginYEmu;
+  return a2.x === b$1.x && a2.y === b$1.y && a2.width === b$1.width && a2.height === b$1.height && a2.childX === b$1.childX && a2.childY === b$1.childY && a2.childWidth === b$1.childWidth && a2.childHeight === b$1.childHeight && a2.childOriginXEmu === b$1.childOriginXEmu && a2.childOriginYEmu === b$1.childOriginYEmu && (a2.rotation ?? 0) === (b$1.rotation ?? 0) && Boolean(a2.flipH) === Boolean(b$1.flipH) && Boolean(a2.flipV) === Boolean(b$1.flipV);
 }, shapeGroupSizeEqual = (a2, b$1) => {
   if (a2 === b$1)
     return true;
@@ -322043,9 +322963,10 @@ menclose::after {
     const visiblePointerSurface = resolveVisibleSurfaceAtPointer(event.target, event.clientX, event.clientY);
     const clickedInsideVisibleActiveSurface = visiblePointerSurface?.kind === "headerFooter" && visiblePointerSurface.surface.closest(activeSurfaceSelector) != null;
     if (visiblePointerSurface?.kind === "bodyContent") {
-      const behindDocSection = (event.target instanceof Element ? event.target.closest("[data-behind-doc-section]") : null)?.dataset.behindDocSection;
+      const targetElement = event.target instanceof Element ? event.target : null;
+      const pageLevelSection = targetElement?.closest("[data-behind-doc-section]")?.dataset.behindDocSection ?? targetElement?.closest("[data-header-footer-overlay-section]")?.dataset.headerFooterOverlaySection;
       const sessionMode = session?.session?.mode;
-      if (behindDocSection && behindDocSection === sessionMode)
+      if (pageLevelSection && pageLevelSection === sessionMode)
         return false;
       this.#callbacks.exitHeaderFooterMode?.();
       return false;
@@ -324138,6 +325059,11 @@ menclose::after {
     if (this.#activeEditor)
       this.#applyChildEditorDocumentMode(this.#activeEditor, mode);
   }
+  syncEditorDocumentMode(editor) {
+    if (!editor)
+      return;
+    this.#applyChildEditorDocumentMode(editor, this.#documentMode);
+  }
   setTrackedChangesRenderConfig(config2) {
     const nextConfig = {
       mode: config2.mode,
@@ -326331,13 +327257,13 @@ menclose::after {
     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, TRACKED_MARK_NAMES;
-var init_src_CR8eXLKh_es = __esm(() => {
+var init_src_H1_ZZyp0_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
-  init_SuperConverter_DQ2wMaLK_es();
+  init_SuperConverter_5I229j_D_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();
   init_uuid_B2wVPhPi_es();
-  init_create_headless_toolbar_BhSfQYaO_es();
+  init_create_headless_toolbar_CJ0cxWlH_es();
   init_constants_D9qj59G2_es();
   init_unified_BDuVPlMu_es();
   init_remark_gfm_BUJjZJLy_es();
@@ -338758,6 +339684,14 @@ ${err.toString()}`);
             return { style: style2 };
           }
         },
+        shapeClipPath: {
+          default: null,
+          rendered: false
+        },
+        objectFit: {
+          default: null,
+          rendered: false
+        },
         size: {
           default: {},
           renderDOM: ({ size: size$1, shouldCover }) => {
@@ -339811,6 +340745,10 @@ ${err.toString()}`);
           default: null,
           rendered: false
         },
+        effects: {
+          default: null,
+          rendered: false
+        },
         lineEnds: {
           default: null,
           rendered: false
@@ -342502,32 +343440,419 @@ ${err.toString()}`);
       }]
     }
   };
-  F = new Set(["leftRightArrow", "upDownArrow"]);
+  F = new Set([
+    "bentArrow",
+    "bentUpArrow",
+    "downArrow",
+    "leftArrow",
+    "leftRightArrow",
+    "leftRightUpArrow",
+    "leftUpArrow",
+    "quadArrow",
+    "rightArrow",
+    "upArrow",
+    "upDownArrow",
+    "uturnArrow"
+  ]);
   X = {
+    bentArrow: `<bentArrow>
+    <pathLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
+      <path w="588010" h="648335">
+        <moveTo>
+          <pt x="0" y="648335"/>
+        </moveTo>
+        <lnTo>
+          <pt x="0" y="330756"/>
+        </lnTo>
+        <cubicBezTo>
+          <pt x="0" y="188679"/>
+          <pt x="115177" y="73502"/>
+          <pt x="257254" y="73502"/>
+        </cubicBezTo>
+        <lnTo>
+          <pt x="441008" y="73501"/>
+        </lnTo>
+        <lnTo>
+          <pt x="441008" y="0"/>
+        </lnTo>
+        <lnTo>
+          <pt x="588010" y="147003"/>
+        </lnTo>
+        <lnTo>
+          <pt x="441008" y="294005"/>
+        </lnTo>
+        <lnTo>
+          <pt x="441008" y="220504"/>
+        </lnTo>
+        <lnTo>
+          <pt x="257254" y="220504"/>
+        </lnTo>
+        <cubicBezTo>
+          <pt x="196364" y="220504"/>
+          <pt x="147002" y="269866"/>
+          <pt x="147002" y="330756"/>
+        </cubicBezTo>
+        <cubicBezTo>
+          <pt x="147002" y="436616"/>
+          <pt x="147003" y="542475"/>
+          <pt x="147003" y="648335"/>
+        </cubicBezTo>
+        <lnTo>
+          <pt x="0" y="648335"/>
+        </lnTo>
+        <close/>
+      </path>
+    </pathLst>
+  </bentArrow>`,
+    bentUpArrow: `<bentUpArrow>
+    <pathLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
+      <path w="850265" h="731520">
+        <moveTo>
+          <pt x="0" y="548640"/>
+        </moveTo>
+        <lnTo>
+          <pt x="575945" y="548640"/>
+        </lnTo>
+        <lnTo>
+          <pt x="575945" y="182880"/>
+        </lnTo>
+        <lnTo>
+          <pt x="484505" y="182880"/>
+        </lnTo>
+        <lnTo>
+          <pt x="667385" y="0"/>
+        </lnTo>
+        <lnTo>
+          <pt x="850265" y="182880"/>
+        </lnTo>
+        <lnTo>
+          <pt x="758825" y="182880"/>
+        </lnTo>
+        <lnTo>
+          <pt x="758825" y="731520"/>
+        </lnTo>
+        <lnTo>
+          <pt x="0" y="731520"/>
+        </lnTo>
+        <lnTo>
+          <pt x="0" y="548640"/>
+        </lnTo>
+        <close/>
+      </path>
+    </pathLst>
+  </bentUpArrow>`,
+    downArrow: `<downArrow>
+    <pathLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
+      <path w="394970" h="576580">
+        <moveTo>
+          <pt x="0" y="379095"/>
+        </moveTo>
+        <lnTo>
+          <pt x="98743" y="379095"/>
+        </lnTo>
+        <lnTo>
+          <pt x="98743" y="0"/>
+        </lnTo>
+        <lnTo>
+          <pt x="296228" y="0"/>
+        </lnTo>
+        <lnTo>
+          <pt x="296228" y="379095"/>
+        </lnTo>
+        <lnTo>
+          <pt x="394970" y="379095"/>
+        </lnTo>
+        <lnTo>
+          <pt x="197485" y="576580"/>
+        </lnTo>
+        <lnTo>
+          <pt x="0" y="379095"/>
+        </lnTo>
+        <close/>
+      </path>
+    </pathLst>
+  </downArrow>`,
+    leftArrow: `<leftArrow>
+    <pathLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
+      <path w="662549" h="367128">
+        <moveTo>
+          <pt x="0" y="183564"/>
+        </moveTo>
+        <lnTo>
+          <pt x="183564" y="0"/>
+        </lnTo>
+        <lnTo>
+          <pt x="183564" y="91782"/>
+        </lnTo>
+        <lnTo>
+          <pt x="662549" y="91782"/>
+        </lnTo>
+        <lnTo>
+          <pt x="662549" y="275346"/>
+        </lnTo>
+        <lnTo>
+          <pt x="183564" y="275346"/>
+        </lnTo>
+        <lnTo>
+          <pt x="183564" y="367128"/>
+        </lnTo>
+        <lnTo>
+          <pt x="0" y="183564"/>
+        </lnTo>
+        <close/>
+      </path>
+    </pathLst>
+  </leftArrow>`,
     leftRightArrow: `<leftRightArrow>
+    <pathLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
+      <path w="985520" h="379730">
+        <moveTo>
+          <pt x="0" y="189865"/>
+        </moveTo>
+        <lnTo>
+          <pt x="189865" y="0"/>
+        </lnTo>
+        <lnTo>
+          <pt x="189865" y="94933"/>
+        </lnTo>
+        <lnTo>
+          <pt x="795655" y="94933"/>
+        </lnTo>
+        <lnTo>
+          <pt x="795655" y="0"/>
+        </lnTo>
+        <lnTo>
+          <pt x="985520" y="189865"/>
+        </lnTo>
+        <lnTo>
+          <pt x="795655" y="379730"/>
+        </lnTo>
+        <lnTo>
+          <pt x="795655" y="284798"/>
+        </lnTo>
+        <lnTo>
+          <pt x="189865" y="284798"/>
+        </lnTo>
+        <lnTo>
+          <pt x="189865" y="379730"/>
+        </lnTo>
+        <lnTo>
+          <pt x="0" y="189865"/>
+        </lnTo>
+        <close/>
+      </path>
+    </pathLst>
+  </leftRightArrow>`,
+    leftRightUpArrow: `<leftRightUpArrow>
+    <pathLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
+      <path w="928370" h="634365">
+        <moveTo>
+          <pt x="0" y="475774"/>
+        </moveTo>
+        <lnTo>
+          <pt x="158591" y="317183"/>
+        </lnTo>
+        <lnTo>
+          <pt x="158591" y="396478"/>
+        </lnTo>
+        <lnTo>
+          <pt x="384889" y="396478"/>
+        </lnTo>
+        <lnTo>
+          <pt x="384889" y="158591"/>
+        </lnTo>
+        <lnTo>
+          <pt x="305594" y="158591"/>
+        </lnTo>
+        <lnTo>
+          <pt x="464185" y="0"/>
+        </lnTo>
+        <lnTo>
+          <pt x="622776" y="158591"/>
+        </lnTo>
+        <lnTo>
+          <pt x="543481" y="158591"/>
+        </lnTo>
+        <lnTo>
+          <pt x="543481" y="396478"/>
+        </lnTo>
+        <lnTo>
+          <pt x="769779" y="396478"/>
+        </lnTo>
+        <lnTo>
+          <pt x="769779" y="317183"/>
+        </lnTo>
+        <lnTo>
+          <pt x="928370" y="475774"/>
+        </lnTo>
+        <lnTo>
+          <pt x="769779" y="634365"/>
+        </lnTo>
+        <lnTo>
+          <pt x="769779" y="555069"/>
+        </lnTo>
+        <lnTo>
+          <pt x="158591" y="555069"/>
+        </lnTo>
+        <lnTo>
+          <pt x="158591" y="634365"/>
+        </lnTo>
+        <lnTo>
+          <pt x="0" y="475774"/>
+        </lnTo>
+        <close/>
+      </path>
+    </pathLst>
+  </leftRightUpArrow>`,
+    leftUpArrow: `<leftUpArrow>
+    <pathLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
+      <path w="850265" h="850265">
+        <moveTo>
+          <pt x="0" y="637699"/>
+        </moveTo>
+        <lnTo>
+          <pt x="212566" y="425133"/>
+        </lnTo>
+        <lnTo>
+          <pt x="212566" y="531416"/>
+        </lnTo>
+        <lnTo>
+          <pt x="531416" y="531416"/>
+        </lnTo>
+        <lnTo>
+          <pt x="531416" y="212566"/>
+        </lnTo>
+        <lnTo>
+          <pt x="425133" y="212566"/>
+        </lnTo>
+        <lnTo>
+          <pt x="637699" y="0"/>
+        </lnTo>
+        <lnTo>
+          <pt x="850265" y="212566"/>
+        </lnTo>
+        <lnTo>
+          <pt x="743982" y="212566"/>
+        </lnTo>
+        <lnTo>
+          <pt x="743982" y="743982"/>
+        </lnTo>
+        <lnTo>
+          <pt x="212566" y="743982"/>
+        </lnTo>
+        <lnTo>
+          <pt x="212566" y="850265"/>
+        </lnTo>
+        <lnTo>
+          <pt x="0" y="637699"/>
+        </lnTo>
+        <close/>
+      </path>
+    </pathLst>
+  </leftUpArrow>`,
+    quadArrow: `<quadArrow>
+    <pathLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
+      <path w="788670" h="831215">
+        <moveTo>
+          <pt x="0" y="415608"/>
+        </moveTo>
+        <lnTo>
+          <pt x="177451" y="238157"/>
+        </lnTo>
+        <lnTo>
+          <pt x="177451" y="326882"/>
+        </lnTo>
+        <lnTo>
+          <pt x="305610" y="326882"/>
+        </lnTo>
+        <lnTo>
+          <pt x="305610" y="177451"/>
+        </lnTo>
+        <lnTo>
+          <pt x="216884" y="177451"/>
+        </lnTo>
+        <lnTo>
+          <pt x="394335" y="0"/>
+        </lnTo>
+        <lnTo>
+          <pt x="571786" y="177451"/>
+        </lnTo>
+        <lnTo>
+          <pt x="483060" y="177451"/>
+        </lnTo>
+        <lnTo>
+          <pt x="483060" y="326882"/>
+        </lnTo>
+        <lnTo>
+          <pt x="611219" y="326882"/>
+        </lnTo>
+        <lnTo>
+          <pt x="611219" y="238157"/>
+        </lnTo>
+        <lnTo>
+          <pt x="788670" y="415608"/>
+        </lnTo>
+        <lnTo>
+          <pt x="611219" y="593058"/>
+        </lnTo>
+        <lnTo>
+          <pt x="611219" y="504333"/>
+        </lnTo>
+        <lnTo>
+          <pt x="483060" y="504333"/>
+        </lnTo>
+        <lnTo>
+          <pt x="483060" y="653764"/>
+        </lnTo>
+        <lnTo>
+          <pt x="571786" y="653764"/>
+        </lnTo>
+        <lnTo>
+          <pt x="394335" y="831215"/>
+        </lnTo>
+        <lnTo>
+          <pt x="216884" y="653764"/>
+        </lnTo>
+        <lnTo>
+          <pt x="305610" y="653764"/>
+        </lnTo>
+        <lnTo>
+          <pt x="305610" y="504333"/>
+        </lnTo>
+        <lnTo>
+          <pt x="177451" y="504333"/>
+        </lnTo>
+        <lnTo>
+          <pt x="177451" y="593058"/>
+        </lnTo>
+        <lnTo>
+          <pt x="0" y="415608"/>
+        </lnTo>
+        <close/>
+      </path>
+    </pathLst>
+  </quadArrow>`,
+    rightArrow: `<rightArrow>
     <avLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
       <gd name="adj1" fmla="val 50000"/>
       <gd name="adj2" fmla="val 50000"/>
     </avLst>
     <gdLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
-      <gd name="maxAdj2" fmla="*/ 50000 w ss"/>
+      <gd name="maxAdj2" fmla="*/ 100000 w ss"/>
       <gd name="a1" fmla="pin 0 adj1 100000"/>
       <gd name="a2" fmla="pin 0 adj2 maxAdj2"/>
-      <gd name="x2" fmla="*/ ss a2 100000"/>
-      <gd name="x3" fmla="+- r 0 x2"/>
-      <gd name="dy" fmla="*/ h a1 200000"/>
-      <gd name="y1" fmla="+- vc 0 dy"/>
-      <gd name="y2" fmla="+- vc dy 0"/>
-      <gd name="dx1" fmla="*/ y1 x2 hd2"/>
-      <gd name="x1" fmla="+- x2 0 dx1"/>
-      <gd name="x4" fmla="+- x3 dx1 0"/>
+      <gd name="dx1" fmla="*/ ss a2 100000"/>
+      <gd name="x1" fmla="+- r 0 dx1"/>
+      <gd name="dy1" fmla="*/ h a1 200000"/>
+      <gd name="y1" fmla="+- vc 0 dy1"/>
+      <gd name="y2" fmla="+- vc dy1 0"/>
     </gdLst>
     <ahLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
       <ahXY gdRefY="adj1" minY="0" maxY="100000">
-        <pos x="x3" y="y1"/>
+        <pos x="x1" y="y1"/>
       </ahXY>
       <ahXY gdRefX="adj2" minX="0" maxX="maxAdj2">
-        <pos x="x2" y="t"/>
+        <pos x="x1" y="t"/>
       </ahXY>
     </ahLst>
     <cxnLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
@@ -342535,147 +343860,177 @@ ${err.toString()}`);
         <pos x="r" y="vc"/>
       </cxn>
       <cxn ang="cd4">
-        <pos x="x3" y="b"/>
-      </cxn>
-      <cxn ang="cd4">
-        <pos x="x2" y="b"/>
+        <pos x="x1" y="b"/>
       </cxn>
       <cxn ang="cd2">
         <pos x="l" y="vc"/>
       </cxn>
       <cxn ang="3cd4">
-        <pos x="x2" y="t"/>
-      </cxn>
-      <cxn ang="3cd4">
-        <pos x="x3" y="t"/>
+        <pos x="x1" y="t"/>
       </cxn>
     </cxnLst>
-    <rect l="x1" t="y1" r="x4" b="y2" xmlns="http://schemas.openxmlformats.org/drawingml/2006/main"/>
+    <rect l="l" t="y1" r="x1" b="y2" xmlns="http://schemas.openxmlformats.org/drawingml/2006/main"/>
     <pathLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
       <path>
         <moveTo>
-          <pt x="l" y="vc"/>
+          <pt x="l" y="y1"/>
         </moveTo>
         <lnTo>
-          <pt x="x2" y="t"/>
+          <pt x="x1" y="y1"/>
+        </lnTo>
+        <lnTo>
+          <pt x="x1" y="t"/>
         </lnTo>
         <lnTo>
-          <pt x="x2" y="y1"/>
+          <pt x="r" y="vc"/>
         </lnTo>
         <lnTo>
-          <pt x="x3" y="y1"/>
+          <pt x="x1" y="b"/>
         </lnTo>
         <lnTo>
-          <pt x="x3" y="t"/>
+          <pt x="x1" y="y2"/>
         </lnTo>
         <lnTo>
-          <pt x="r" y="vc"/>
+          <pt x="l" y="y2"/>
+        </lnTo>
+        <close/>
+      </path>
+    </pathLst>
+  </rightArrow>`,
+    upArrow: `<upArrow>
+    <pathLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
+      <path w="367127" h="550008">
+        <moveTo>
+          <pt x="0" y="183564"/>
+        </moveTo>
+        <lnTo>
+          <pt x="183564" y="0"/>
+        </lnTo>
+        <lnTo>
+          <pt x="367127" y="183564"/>
         </lnTo>
         <lnTo>
-          <pt x="x3" y="b"/>
+          <pt x="275345" y="183564"/>
         </lnTo>
         <lnTo>
-          <pt x="x3" y="y2"/>
+          <pt x="275345" y="550008"/>
         </lnTo>
         <lnTo>
-          <pt x="x2" y="y2"/>
+          <pt x="91782" y="550008"/>
         </lnTo>
         <lnTo>
-          <pt x="x2" y="b"/>
+          <pt x="91782" y="183564"/>
+        </lnTo>
+        <lnTo>
+          <pt x="0" y="183564"/>
         </lnTo>
         <close/>
       </path>
     </pathLst>
-  </leftRightArrow>`,
+  </upArrow>`,
     upDownArrow: `<upDownArrow>
-    <avLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
-      <gd name="adj1" fmla="val 50000"/>
-      <gd name="adj2" fmla="val 50000"/>
-    </avLst>
-    <gdLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
-      <gd name="maxAdj2" fmla="*/ 50000 h ss"/>
-      <gd name="a1" fmla="pin 0 adj1 100000"/>
-      <gd name="a2" fmla="pin 0 adj2 maxAdj2"/>
-      <gd name="y2" fmla="*/ ss a2 100000"/>
-      <gd name="y3" fmla="+- b 0 y2"/>
-      <gd name="dx1" fmla="*/ w a1 200000"/>
-      <gd name="x1" fmla="+- hc 0 dx1"/>
-      <gd name="x2" fmla="+- hc dx1 0"/>
-      <gd name="dy1" fmla="*/ x1 y2 wd2"/>
-      <gd name="y1" fmla="+- y2 0 dy1"/>
-      <gd name="y4" fmla="+- y3 dy1 0"/>
-    </gdLst>
-    <ahLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
-      <ahXY gdRefX="adj1" minX="0" maxX="100000">
-        <pos x="x1" y="y3"/>
-      </ahXY>
-      <ahXY gdRefY="adj2" minY="0" maxY="maxAdj2">
-        <pos x="l" y="y2"/>
-      </ahXY>
-    </ahLst>
-    <cxnLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
-      <cxn ang="3cd4">
-        <pos x="hc" y="t"/>
-      </cxn>
-      <cxn ang="cd2">
-        <pos x="l" y="y2"/>
-      </cxn>
-      <cxn ang="cd2">
-        <pos x="x1" y="vc"/>
-      </cxn>
-      <cxn ang="cd2">
-        <pos x="l" y="y3"/>
-      </cxn>
-      <cxn ang="cd4">
-        <pos x="hc" y="b"/>
-      </cxn>
-      <cxn ang="0">
-        <pos x="r" y="y3"/>
-      </cxn>
-      <cxn ang="0">
-        <pos x="x2" y="vc"/>
-      </cxn>
-      <cxn ang="0">
-        <pos x="r" y="y2"/>
-      </cxn>
-    </cxnLst>
-    <rect l="x1" t="y1" r="x2" b="y4" xmlns="http://schemas.openxmlformats.org/drawingml/2006/main"/>
     <pathLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
-      <path>
+      <path w="296545" h="746760">
         <moveTo>
-          <pt x="l" y="y2"/>
+          <pt x="0" y="148273"/>
         </moveTo>
         <lnTo>
-          <pt x="hc" y="t"/>
+          <pt x="148273" y="0"/>
         </lnTo>
         <lnTo>
-          <pt x="r" y="y2"/>
+          <pt x="296545" y="148273"/>
         </lnTo>
         <lnTo>
-          <pt x="x2" y="y2"/>
+          <pt x="222409" y="148273"/>
         </lnTo>
         <lnTo>
-          <pt x="x2" y="y3"/>
+          <pt x="222409" y="598488"/>
         </lnTo>
         <lnTo>
-          <pt x="r" y="y3"/>
+          <pt x="296545" y="598488"/>
         </lnTo>
         <lnTo>
-          <pt x="hc" y="b"/>
+          <pt x="148273" y="746760"/>
         </lnTo>
         <lnTo>
-          <pt x="l" y="y3"/>
+          <pt x="0" y="598488"/>
         </lnTo>
         <lnTo>
-          <pt x="x1" y="y3"/>
+          <pt x="74136" y="598488"/>
         </lnTo>
         <lnTo>
-          <pt x="x1" y="y2"/>
+          <pt x="74136" y="148273"/>
+        </lnTo>
+        <lnTo>
+          <pt x="0" y="148273"/>
+        </lnTo>
+        <close/>
+      </path>
+    </pathLst>
+  </upDownArrow>`,
+    uturnArrow: `<uturnArrow>
+    <pathLst xmlns="http://schemas.openxmlformats.org/drawingml/2006/main">
+      <path w="886460" h="661035">
+        <moveTo>
+          <pt x="0" y="661035"/>
+        </moveTo>
+        <lnTo>
+          <pt x="0" y="289203"/>
+        </lnTo>
+        <cubicBezTo>
+          <pt x="0" y="129481"/>
+          <pt x="129481" y="0"/>
+          <pt x="289203" y="0"/>
+        </cubicBezTo>
+        <lnTo>
+          <pt x="514628" y="0"/>
+        </lnTo>
+        <cubicBezTo>
+          <pt x="674350" y="0"/>
+          <pt x="803831" y="129481"/>
+          <pt x="803831" y="289203"/>
+        </cubicBezTo>
+        <lnTo>
+          <pt x="803831" y="330518"/>
+        </lnTo>
+        <lnTo>
+          <pt x="886460" y="330518"/>
+        </lnTo>
+        <lnTo>
+          <pt x="721201" y="495776"/>
+        </lnTo>
+        <lnTo>
+          <pt x="555943" y="330518"/>
+        </lnTo>
+        <lnTo>
+          <pt x="638572" y="330518"/>
+        </lnTo>
+        <lnTo>
+          <pt x="638572" y="289203"/>
+        </lnTo>
+        <cubicBezTo>
+          <pt x="638572" y="220751"/>
+          <pt x="583080" y="165259"/>
+          <pt x="514628" y="165259"/>
+        </cubicBezTo>
+        <lnTo>
+          <pt x="289203" y="165259"/>
+        </lnTo>
+        <cubicBezTo>
+          <pt x="220751" y="165259"/>
+          <pt x="165259" y="220751"/>
+          <pt x="165259" y="289203"/>
+        </cubicBezTo>
+        <lnTo>
+          <pt x="165259" y="661035"/>
+        </lnTo>
+        <lnTo>
+          <pt x="0" y="661035"/>
         </lnTo>
         <close/>
       </path>
     </pathLst>
-  </upDownArrow>`
+  </uturnArrow>`
   };
   G = {
     darken: "color-mix(in srgb, currentColor 60%, black)",
@@ -342779,6 +344134,10 @@ ${err.toString()}`);
           default: null,
           rendered: false
         },
+        effects: {
+          default: null,
+          rendered: false
+        },
         rotation: {
           default: 0,
           renderDOM: (attrs) => {
@@ -342913,6 +344272,10 @@ ${err.toString()}`);
             return offsetData;
           }
         },
+        effectExtent: {
+          default: null,
+          rendered: false
+        },
         hidden: {
           default: false,
           rendered: false
@@ -365475,7 +366838,14 @@ function print() { __p += __j.call(arguments, '') }
       this.#historyCoordinator?.syncParticipant(participantKey);
     }
     #syncActiveStorySessionDocumentMode(session) {
-      if (!session || session.kind !== "note")
+      if (!session)
+        return;
+      if (session.kind === "headerFooter") {
+        this.#headerFooterSession?.setDocumentMode(this.#documentMode);
+        this.#headerFooterSession?.syncEditorDocumentMode(session.editor);
+        return;
+      }
+      if (session.kind !== "note")
         return;
       if (typeof session.editor.setDocumentMode === "function") {
         session.editor.setDocumentMode(this.#documentMode);
@@ -369187,11 +370557,11 @@ function print() { __p += __j.call(arguments, '') }
   ]);
 });
 
-// ../../packages/superdoc/dist/chunks/create-super-doc-ui-BjToI9WN.es.js
+// ../../packages/superdoc/dist/chunks/create-super-doc-ui-DH0tcWfI.es.js
 var DEFAULT_TEXT_ALIGN_OPTIONS, DEFAULT_LINE_HEIGHT_OPTIONS, DEFAULT_ZOOM_OPTIONS, DEFAULT_DOCUMENT_MODE_OPTIONS, DEFAULT_FONT_SIZE_OPTIONS, headlessToolbarConstants, MOD_ALIASES, ALT_ALIASES, CTRL_ALIASES, SHIFT_ALIASES, BUILTIN_CONTEXT_MENU_GROUPS, BUILTIN_GROUP_ORDER, RESERVED_PROXY_PROPERTY_NAMES, ALL_TOOLBAR_COMMAND_IDS, EMPTY_ACTIVE_IDS, FONT_SIZE_OPTIONS;
-var init_create_super_doc_ui_BjToI9WN_es = __esm(() => {
-  init_SuperConverter_DQ2wMaLK_es();
-  init_create_headless_toolbar_BhSfQYaO_es();
+var init_create_super_doc_ui_DH0tcWfI_es = __esm(() => {
+  init_SuperConverter_5I229j_D_es();
+  init_create_headless_toolbar_CJ0cxWlH_es();
   DEFAULT_TEXT_ALIGN_OPTIONS = [
     {
       label: "Left",
@@ -369482,15 +370852,15 @@ var init_zipper_BxRAi0_5_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_CR8eXLKh_es();
-  init_SuperConverter_DQ2wMaLK_es();
+  init_src_H1_ZZyp0_es();
+  init_SuperConverter_5I229j_D_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();
-  init_create_headless_toolbar_BhSfQYaO_es();
+  init_create_headless_toolbar_CJ0cxWlH_es();
   init_constants_D9qj59G2_es();
   init_unified_BDuVPlMu_es();
   init_DocxZipper_BzS208BW_es();
-  init_create_super_doc_ui_BjToI9WN_es();
+  init_create_super_doc_ui_DH0tcWfI_es();
   init_ui_CGB3qmy3_es();
   init_eventemitter3_UwU_CLPU_es();
   init_errors_C_DoKMoN_es();