@harbour-enterprises/superdoc 1.3.0-next.11 → 1.3.0-next.12

package/dist/chunks/{index-BClM7AjD.cjs → index-CCWqRqAf.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jszip = require("./jszip-C8_CqJxM.cjs");
 const helpers$1 = require("./helpers-nOdwpmwb.cjs");
-const superEditor_converter = require("./SuperConverter-DgyRPhnD.cjs");
+const superEditor_converter = require("./SuperConverter-BauKfBRr.cjs");
 const vue = require("./vue-De9wkgLl.cjs");
 require("./jszip.min-BPh2MMAa.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
@@ -10953,6 +10953,105 @@ const setSectionHeaderFooterAtSelection = ({ headerInches, footerInches } = {})
   tr.setNodeMarkup(pos, void 0, nextAttrs, node.marks);
   return true;
 };
+function findGoverningSectPrParagraph(doc2, selectionPos) {
+  const candidates = [];
+  doc2.descendants((node, nodePos) => {
+    if (node.type?.name === "paragraph" && node.attrs?.paragraphProperties?.sectPr) {
+      candidates.push({ node, pos: nodePos });
+    }
+  });
+  if (!candidates.length) return null;
+  const inside = candidates.find((c2) => selectionPos >= c2.pos && selectionPos < c2.pos + c2.node.nodeSize);
+  if (inside) return inside;
+  const atOrAfter = candidates.find((c2) => c2.pos >= selectionPos);
+  return atOrAfter ?? candidates[candidates.length - 1];
+}
+const setSectionPageMarginsAtSelection = ({ topInches, rightInches, bottomInches, leftInches } = {}) => ({ tr, state, editor }) => {
+  if (!state || !editor) {
+    console.warn("[setSectionPageMarginsAtSelection] Missing state or editor");
+    return false;
+  }
+  const hasTop = typeof topInches === "number";
+  const hasRight = typeof rightInches === "number";
+  const hasBottom = typeof bottomInches === "number";
+  const hasLeft = typeof leftInches === "number";
+  if (!hasTop && !hasRight && !hasBottom && !hasLeft) {
+    console.warn("[setSectionPageMarginsAtSelection] No margin values provided");
+    return false;
+  }
+  if (hasTop && topInches < 0 || hasRight && rightInches < 0 || hasBottom && bottomInches < 0 || hasLeft && leftInches < 0) {
+    console.warn("[setSectionPageMarginsAtSelection] Margin values must be >= 0");
+    return false;
+  }
+  const updates = {};
+  if (hasTop) updates.topInches = topInches;
+  if (hasRight) updates.rightInches = rightInches;
+  if (hasBottom) updates.bottomInches = bottomInches;
+  if (hasLeft) updates.leftInches = leftInches;
+  const { from: from3 } = state.selection;
+  const governing = findGoverningSectPrParagraph(state.doc, from3);
+  if (governing) {
+    const { node, pos } = governing;
+    const paraProps = node.attrs?.paragraphProperties || null;
+    const existingSectPr = paraProps?.sectPr || null;
+    if (!existingSectPr) {
+      console.warn("[setSectionPageMarginsAtSelection] Paragraph found but has no sectPr");
+      return false;
+    }
+    const sectPr2 = JSON.parse(JSON.stringify(existingSectPr));
+    try {
+      updateSectionMargins({ type: "sectPr", sectPr: sectPr2 }, updates);
+    } catch (err) {
+      console.error("[setSectionPageMarginsAtSelection] Failed to update sectPr:", err);
+      return false;
+    }
+    const resolved = getSectPrMargins(sectPr2);
+    const normalizedSectionMargins = {
+      top: resolved.top ?? null,
+      right: resolved.right ?? null,
+      bottom: resolved.bottom ?? null,
+      left: resolved.left ?? null,
+      header: resolved.header ?? null,
+      footer: resolved.footer ?? null
+    };
+    const newParagraphProperties = { ...paraProps || {}, sectPr: sectPr2 };
+    const nextAttrs = {
+      ...node.attrs,
+      paragraphProperties: newParagraphProperties,
+      sectionMargins: normalizedSectionMargins
+    };
+    tr.setNodeMarkup(pos, void 0, nextAttrs, node.marks);
+    tr.setMeta("forceUpdatePagination", true);
+    return true;
+  }
+  const docAttrs = state.doc.attrs ?? {};
+  const converter = editor.converter ?? null;
+  const baseBodySectPr = docAttrs.bodySectPr || converter?.bodySectPr || null;
+  const sectPr = baseBodySectPr != null ? JSON.parse(JSON.stringify(baseBodySectPr)) : { type: "element", name: "w:sectPr", elements: [] };
+  try {
+    updateSectionMargins({ type: "sectPr", sectPr }, updates);
+  } catch (err) {
+    console.error("[setSectionPageMarginsAtSelection] Failed to update sectPr:", err);
+    return false;
+  }
+  if (converter) {
+    converter.bodySectPr = sectPr;
+    if (!converter.pageStyles) converter.pageStyles = {};
+    if (!converter.pageStyles.pageMargins) converter.pageStyles.pageMargins = {};
+    const pageMargins = converter.pageStyles.pageMargins;
+    const resolved = getSectPrMargins(sectPr);
+    if (resolved.top != null) pageMargins.top = resolved.top;
+    if (resolved.right != null) pageMargins.right = resolved.right;
+    if (resolved.bottom != null) pageMargins.bottom = resolved.bottom;
+    if (resolved.left != null) pageMargins.left = resolved.left;
+    if (resolved.header != null) pageMargins.header = resolved.header;
+    if (resolved.footer != null) pageMargins.footer = resolved.footer;
+  }
+  const nextDocAttrs = { ...docAttrs, bodySectPr: sectPr };
+  tr.setNodeMarkup(0, void 0, nextDocAttrs);
+  tr.setMeta("forceUpdatePagination", true);
+  return true;
+};
 const insertSectionBreakAtSelection = ({ headerInches, footerInches } = {}) => ({ tr, state, editor }) => {
   if (!state || !editor) {
     console.warn("[insertSectionBreakAtSelection] Missing state or editor");
@@ -11484,6 +11583,7 @@ const commands$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   setMeta,
   setNode,
   setSectionHeaderFooterAtSelection,
+  setSectionPageMarginsAtSelection,
   setTextIndentation,
   setTextSelection,
   skipTab,
@@ -15351,7 +15451,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.3.0-next.11";
+const summaryVersion = "1.3.0-next.12";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -17353,9 +17453,8 @@ class Editor extends EventEmitter {
     try {
       const jsonObj = json;
       const attrs = jsonObj.attrs;
-      const hasBody = attrs && "bodySectPr" in attrs;
       const converter = this.converter;
-      if (!hasBody && converter && converter.bodySectPr) {
+      if (converter && converter.bodySectPr) {
         jsonObj.attrs = attrs || {};
         jsonObj.attrs.bodySectPr = converter.bodySectPr;
       }
@@ -17984,7 +18083,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.11");
+    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.12");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -43355,7 +43454,16 @@ const computeParagraphAttrs = (para, styleContext, listCounterContext, converter
     if (!value || typeof value !== "object") return;
     return normalizePxIndent(value) ?? convertIndentTwipsToPx(value);
   };
-  const normalizedIndent = normalizeIndentObject(attrs.indent) ?? convertIndentTwipsToPx(paragraphProps.indent) ?? convertIndentTwipsToPx(hydrated?.indent) ?? normalizeParagraphIndent(attrs.textIndent);
+  const hydratedIndentPx = convertIndentTwipsToPx(hydrated?.indent);
+  const paragraphIndentPx = convertIndentTwipsToPx(paragraphProps.indent);
+  const textIndentPx = normalizeParagraphIndent(attrs.textIndent);
+  const attrsIndentPx = normalizeIndentObject(attrs.indent);
+  const indentChain = [];
+  if (hydratedIndentPx) indentChain.push({ indent: hydratedIndentPx });
+  if (paragraphIndentPx) indentChain.push({ indent: paragraphIndentPx });
+  if (textIndentPx) indentChain.push({ indent: textIndentPx });
+  if (attrsIndentPx) indentChain.push({ indent: attrsIndentPx });
+  const normalizedIndent = indentChain.length ? superEditor_converter.combineIndentProperties(indentChain).indent : void 0;
   const unwrapTabStops = (tabStops) => {
     if (!Array.isArray(tabStops)) {
       return void 0;
@@ -49611,7 +49719,11 @@ async function measureTableBlock(block, constraints) {
 }
 async function measureImageBlock(block, constraints) {
   const intrinsic = getIntrinsicImageSize(block, constraints.maxWidth);
-  const maxWidth = constraints.maxWidth > 0 ? constraints.maxWidth : intrinsic.width;
+  const isBlockBehindDoc = block.anchor?.behindDoc;
+  const isBlockWrapBehindDoc = block.wrap?.type === "None" && block.wrap?.behindDoc;
+  const bypassWidthConstraint = isBlockBehindDoc || isBlockWrapBehindDoc;
+  const isWidthConstraintBypassed = bypassWidthConstraint || constraints.maxWidth <= 0;
+  const maxWidth = isWidthConstraintBypassed ? intrinsic.width : constraints.maxWidth;
   const hasNegativeVerticalPosition = block.anchor?.isAnchored && (typeof block.anchor?.offsetV === "number" && block.anchor.offsetV < 0 || typeof block.margin?.top === "number" && block.margin.top < 0);
   const maxHeight = hasNegativeVerticalPosition || !constraints.maxHeight || constraints.maxHeight <= 0 ? Infinity : constraints.maxHeight;
   const widthScale = maxWidth / intrinsic.width;
@@ -57843,7 +57955,11 @@ const Document = Node$1.create({
        */
       clearDocument: () => ({ commands: commands2 }) => {
         return commands2.setContent("<p></p>");
-      }
+      },
+      /**
+       * Set section page margins (top/right/bottom/left) for the section at the current selection.
+       */
+      setSectionPageMarginsAtSelection
     };
   }
 });
@@ -64352,6 +64468,10 @@ const Image = Node$1.create({
     }
     const hasAnchorData = Boolean(anchorData);
     const hasMarginOffsets = marginOffset?.horizontal != null || marginOffset?.top != null;
+    const isWrapBehindDoc = wrap?.attrs?.behindDoc;
+    const isAnchorBehindDoc = anchorData?.behindDoc;
+    const isBehindDocAnchor = wrap?.type === "None" && (isWrapBehindDoc || isAnchorBehindDoc);
+    const isAbsolutelyPositioned = style2.includes("position: absolute;");
     if (hasAnchorData) {
       switch (anchorData.hRelativeFrom) {
         case "page":
@@ -64379,7 +64499,6 @@ const Image = Node$1.create({
               style2 += "float: left;";
             }
           } else if (!anchorData.alignH && marginOffset?.horizontal != null) {
-            const isAbsolutelyPositioned = style2.includes("position: absolute;");
             if (isAbsolutelyPositioned) {
               style2 += `left: ${baseHorizontal}px;`;
               style2 += "max-width: none;";
@@ -64393,7 +64512,8 @@ const Image = Node$1.create({
       const relativeFromPageV = anchorData?.vRelativeFrom === "page";
       const relativeFromMarginV = anchorData?.vRelativeFrom === "margin";
       const maxMarginV = 500;
-      const baseTop = Math.max(0, marginOffset?.top ?? 0);
+      const allowNegativeTopOffset = isBehindDocAnchor;
+      const baseTop = allowNegativeTopOffset ? marginOffset?.top ?? 0 : Math.max(0, marginOffset?.top ?? 0);
       let rotationHorizontal = 0;
       let rotationTop = 0;
       const { rotation: rotation2 } = transformData ?? {};
@@ -64412,7 +64532,10 @@ const Image = Node$1.create({
           margin.left += horizontal;
         }
       }
-      if (top2 && !relativeFromMarginV) {
+      const appliedTopViaStyle = isAbsolutelyPositioned && allowNegativeTopOffset && !relativeFromMarginV;
+      if (appliedTopViaStyle) {
+        style2 += `top: ${top2}px;`;
+      } else if (top2 && !relativeFromMarginV) {
         if (relativeFromPageV && top2 >= maxMarginV) margin.top += maxMarginV;
         else margin.top += top2;
       }
@@ -64425,6 +64548,9 @@ const Image = Node$1.create({
     }
     if (margin.top) style2 += `margin-top: ${margin.top}px;`;
     if (margin.bottom) style2 += `margin-bottom: ${margin.bottom}px;`;
+    if (isBehindDocAnchor) {
+      style2 += "max-width: none;";
+    }
     const finalAttributes = { ...htmlAttributes };
     if (style2) {
       const existingStyle = finalAttributes.style || "";
@@ -90234,10 +90360,14 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     const handleMarginChange = ({ side, value }) => {
       const base2 = activeEditor.value;
       if (!base2) return;
-      const pageStyles2 = base2.getPageStyles();
-      const { pageMargins } = pageStyles2;
-      const update = { ...pageMargins, [side]: value };
-      base2?.updatePageStyle({ pageMargins: update });
+      const payload = side === "left" ? { leftInches: value } : side === "right" ? { rightInches: value } : side === "top" ? { topInches: value } : side === "bottom" ? { bottomInches: value } : {};
+      const didUpdateSection = typeof base2.commands?.setSectionPageMarginsAtSelection === "function" ? base2.commands.setSectionPageMarginsAtSelection(payload) : false;
+      if (!didUpdateSection) {
+        const pageStyles2 = base2.getPageStyles();
+        const { pageMargins } = pageStyles2;
+        const update = { ...pageMargins, [side]: value };
+        base2?.updatePageStyle({ pageMargins: update });
+      }
     };
     vue.onBeforeUnmount(() => {
       stopPolling();
@@ -90373,7 +90503,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8dd4cf59"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3e9da07c"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",

package/dist/style.css

@@ -1978,10 +1978,10 @@ to {
   box-shadow: 0 0 4px rgba(74, 144, 226, 0.5);
 }
 
-.editor-element[data-v-8dd4cf59] {
+.editor-element[data-v-3e9da07c] {
   position: relative;
 }
-.super-editor-container[data-v-8dd4cf59] {
+.super-editor-container[data-v-3e9da07c] {
   width: auto;
   height: auto;
   /* min-width is controlled via inline style (containerStyle) to scale with zoom */
@@ -1990,14 +1990,14 @@ to {
   display: flex;
   flex-direction: column;
 }
-.ruler[data-v-8dd4cf59] {
+.ruler[data-v-3e9da07c] {
   margin-bottom: 2px;
 }
-.super-editor[data-v-8dd4cf59] {
+.super-editor[data-v-3e9da07c] {
   color: initial;
   overflow: hidden;
 }
-.placeholder-editor[data-v-8dd4cf59] {
+.placeholder-editor[data-v-3e9da07c] {
   position: absolute;
   top: 0;
   left: 0;
@@ -2009,7 +2009,7 @@ to {
   background-color: white;
   box-sizing: border-box;
 }
-.placeholder-title[data-v-8dd4cf59] {
+.placeholder-title[data-v-3e9da07c] {
   display: flex;
   justify-content: center;
   margin-bottom: 40px;

package/dist/super-editor/converter.cjs

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../chunks/jszip-C8_CqJxM.cjs");
 require("../chunks/helpers-nOdwpmwb.cjs");
-const superEditor_converter = require("../chunks/SuperConverter-DgyRPhnD.cjs");
+const superEditor_converter = require("../chunks/SuperConverter-BauKfBRr.cjs");
 require("../chunks/uuid-R7L08bOx.cjs");
 exports.SuperConverter = superEditor_converter.SuperConverter;

package/dist/super-editor/converter.es.js

@@ -1,6 +1,6 @@
 import "../chunks/jszip-B1fkPkPJ.es.js";
 import "../chunks/helpers-C8e9wR5l.es.js";
-import { S } from "../chunks/SuperConverter-Caxoktb7.es.js";
+import { S } from "../chunks/SuperConverter-BQHQ2WON.es.js";
 import "../chunks/uuid-CjlX8hrF.es.js";
 export {
   S as SuperConverter

package/dist/super-editor.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./chunks/index-BClM7AjD.cjs");
+const index = require("./chunks/index-CCWqRqAf.cjs");
 const superEditor_docxZipper = require("./super-editor/docx-zipper.cjs");
 const superEditor_fileZipper = require("./super-editor/file-zipper.cjs");
 const vue = require("./chunks/vue-De9wkgLl.cjs");
-const superEditor_converter = require("./chunks/SuperConverter-DgyRPhnD.cjs");
+const superEditor_converter = require("./chunks/SuperConverter-BauKfBRr.cjs");
 function isNodeType(node, name) {
   return node.type.name === name;
 }

package/dist/super-editor.es.js

@@ -1,9 +1,9 @@
-import { ax as Node, ay as Mark } from "./chunks/index-CE0fU2k7.es.js";
-import { ao, au, a9, ab, aw, am, av, aA, an, ak, aq, az, aa, as, aC, aE, aB, ac, aD, ar, at } from "./chunks/index-CE0fU2k7.es.js";
+import { ax as Node, ay as Mark } from "./chunks/index-BRomAwaA.es.js";
+import { ao, au, a9, ab, aw, am, av, aA, an, ak, aq, az, aa, as, aC, aE, aB, ac, aD, ar, at } from "./chunks/index-BRomAwaA.es.js";
 import { default as default2 } from "./super-editor/docx-zipper.es.js";
 import { createZip } from "./super-editor/file-zipper.es.js";
 import { d as defineComponent, E as createElementBlock, G as openBlock, K as createBaseVNode } from "./chunks/vue-BnBKJwCW.es.js";
-import { S, r } from "./chunks/SuperConverter-Caxoktb7.es.js";
+import { S, r } from "./chunks/SuperConverter-BQHQ2WON.es.js";
 function isNodeType(node, name) {
   return node.type.name === name;
 }

package/dist/superdoc.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./chunks/index-BClM7AjD.cjs");
-const superdoc = require("./chunks/index-CTQjsYpZ.cjs");
-const superEditor_converter = require("./chunks/SuperConverter-DgyRPhnD.cjs");
+const index = require("./chunks/index-CCWqRqAf.cjs");
+const superdoc = require("./chunks/index-BC056HXc.cjs");
+const superEditor_converter = require("./chunks/SuperConverter-BauKfBRr.cjs");
 const blankDocx = require("./chunks/blank-docx-DfW3Eeh2.cjs");
 require("./chunks/jszip-C8_CqJxM.cjs");
 require("./chunks/helpers-nOdwpmwb.cjs");

package/dist/superdoc.es.js

@@ -1,6 +1,6 @@
-import { au, ab, aw, av, as, a7, ac, ar, at } from "./chunks/index-CE0fU2k7.es.js";
-import { D, H, P, S, c } from "./chunks/index-D2CRfjhH.es.js";
-import { S as S2, r } from "./chunks/SuperConverter-Caxoktb7.es.js";
+import { au, ab, aw, av, as, a7, ac, ar, at } from "./chunks/index-BRomAwaA.es.js";
+import { D, H, P, S, c } from "./chunks/index-BPi2Cjky.es.js";
+import { S as S2, r } from "./chunks/SuperConverter-BQHQ2WON.es.js";
 import { B } from "./chunks/blank-docx-ABm6XYAA.es.js";
 import "./chunks/jszip-B1fkPkPJ.es.js";
 import "./chunks/helpers-C8e9wR5l.es.js";

package/dist/superdoc.umd.js

@@ -36435,7 +36435,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.3.0-next.11") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.3.0-next.12") {
       return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -47282,6 +47282,105 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     tr.setNodeMarkup(pos, void 0, nextAttrs, node2.marks);
     return true;
   };
+  function findGoverningSectPrParagraph(doc2, selectionPos) {
+    const candidates = [];
+    doc2.descendants((node2, nodePos) => {
+      if (node2.type?.name === "paragraph" && node2.attrs?.paragraphProperties?.sectPr) {
+        candidates.push({ node: node2, pos: nodePos });
+      }
+    });
+    if (!candidates.length) return null;
+    const inside = candidates.find((c2) => selectionPos >= c2.pos && selectionPos < c2.pos + c2.node.nodeSize);
+    if (inside) return inside;
+    const atOrAfter = candidates.find((c2) => c2.pos >= selectionPos);
+    return atOrAfter ?? candidates[candidates.length - 1];
+  }
+  const setSectionPageMarginsAtSelection = ({ topInches, rightInches, bottomInches, leftInches } = {}) => ({ tr, state, editor }) => {
+    if (!state || !editor) {
+      console.warn("[setSectionPageMarginsAtSelection] Missing state or editor");
+      return false;
+    }
+    const hasTop = typeof topInches === "number";
+    const hasRight = typeof rightInches === "number";
+    const hasBottom = typeof bottomInches === "number";
+    const hasLeft = typeof leftInches === "number";
+    if (!hasTop && !hasRight && !hasBottom && !hasLeft) {
+      console.warn("[setSectionPageMarginsAtSelection] No margin values provided");
+      return false;
+    }
+    if (hasTop && topInches < 0 || hasRight && rightInches < 0 || hasBottom && bottomInches < 0 || hasLeft && leftInches < 0) {
+      console.warn("[setSectionPageMarginsAtSelection] Margin values must be >= 0");
+      return false;
+    }
+    const updates = {};
+    if (hasTop) updates.topInches = topInches;
+    if (hasRight) updates.rightInches = rightInches;
+    if (hasBottom) updates.bottomInches = bottomInches;
+    if (hasLeft) updates.leftInches = leftInches;
+    const { from: from2 } = state.selection;
+    const governing = findGoverningSectPrParagraph(state.doc, from2);
+    if (governing) {
+      const { node: node2, pos } = governing;
+      const paraProps = node2.attrs?.paragraphProperties || null;
+      const existingSectPr = paraProps?.sectPr || null;
+      if (!existingSectPr) {
+        console.warn("[setSectionPageMarginsAtSelection] Paragraph found but has no sectPr");
+        return false;
+      }
+      const sectPr2 = JSON.parse(JSON.stringify(existingSectPr));
+      try {
+        updateSectionMargins({ type: "sectPr", sectPr: sectPr2 }, updates);
+      } catch (err) {
+        console.error("[setSectionPageMarginsAtSelection] Failed to update sectPr:", err);
+        return false;
+      }
+      const resolved = getSectPrMargins(sectPr2);
+      const normalizedSectionMargins = {
+        top: resolved.top ?? null,
+        right: resolved.right ?? null,
+        bottom: resolved.bottom ?? null,
+        left: resolved.left ?? null,
+        header: resolved.header ?? null,
+        footer: resolved.footer ?? null
+      };
+      const newParagraphProperties = { ...paraProps || {}, sectPr: sectPr2 };
+      const nextAttrs = {
+        ...node2.attrs,
+        paragraphProperties: newParagraphProperties,
+        sectionMargins: normalizedSectionMargins
+      };
+      tr.setNodeMarkup(pos, void 0, nextAttrs, node2.marks);
+      tr.setMeta("forceUpdatePagination", true);
+      return true;
+    }
+    const docAttrs = state.doc.attrs ?? {};
+    const converter = editor.converter ?? null;
+    const baseBodySectPr = docAttrs.bodySectPr || converter?.bodySectPr || null;
+    const sectPr = baseBodySectPr != null ? JSON.parse(JSON.stringify(baseBodySectPr)) : { type: "element", name: "w:sectPr", elements: [] };
+    try {
+      updateSectionMargins({ type: "sectPr", sectPr }, updates);
+    } catch (err) {
+      console.error("[setSectionPageMarginsAtSelection] Failed to update sectPr:", err);
+      return false;
+    }
+    if (converter) {
+      converter.bodySectPr = sectPr;
+      if (!converter.pageStyles) converter.pageStyles = {};
+      if (!converter.pageStyles.pageMargins) converter.pageStyles.pageMargins = {};
+      const pageMargins = converter.pageStyles.pageMargins;
+      const resolved = getSectPrMargins(sectPr);
+      if (resolved.top != null) pageMargins.top = resolved.top;
+      if (resolved.right != null) pageMargins.right = resolved.right;
+      if (resolved.bottom != null) pageMargins.bottom = resolved.bottom;
+      if (resolved.left != null) pageMargins.left = resolved.left;
+      if (resolved.header != null) pageMargins.header = resolved.header;
+      if (resolved.footer != null) pageMargins.footer = resolved.footer;
+    }
+    const nextDocAttrs = { ...docAttrs, bodySectPr: sectPr };
+    tr.setNodeMarkup(0, void 0, nextDocAttrs);
+    tr.setMeta("forceUpdatePagination", true);
+    return true;
+  };
   const insertSectionBreakAtSelection = ({ headerInches, footerInches } = {}) => ({ tr, state, editor }) => {
     if (!state || !editor) {
       console.warn("[insertSectionBreakAtSelection] Missing state or editor");
@@ -47813,6 +47912,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     setMeta,
     setNode,
     setSectionHeaderFooterAtSelection,
+    setSectionPageMarginsAtSelection,
     setTextIndentation,
     setTextSelection,
     skipTab,
@@ -62145,7 +62245,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return false;
     }
   };
-  const summaryVersion = "1.3.0-next.11";
+  const summaryVersion = "1.3.0-next.12";
   const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
   const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
   function mapAttributes(attrs) {
@@ -64148,9 +64248,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       try {
         const jsonObj = json;
         const attrs = jsonObj.attrs;
-        const hasBody = attrs && "bodySectPr" in attrs;
         const converter = this.converter;
-        if (!hasBody && converter && converter.bodySectPr) {
+        if (converter && converter.bodySectPr) {
           jsonObj.attrs = attrs || {};
           jsonObj.attrs.bodySectPr = converter.bodySectPr;
         }
@@ -64779,7 +64878,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * Process collaboration migrations
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.11");
+      console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.12");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -90098,7 +90197,16 @@ ${l}
       if (!value || typeof value !== "object") return;
       return normalizePxIndent(value) ?? convertIndentTwipsToPx(value);
     };
-    const normalizedIndent = normalizeIndentObject(attrs.indent) ?? convertIndentTwipsToPx(paragraphProps.indent) ?? convertIndentTwipsToPx(hydrated?.indent) ?? normalizeParagraphIndent(attrs.textIndent);
+    const hydratedIndentPx = convertIndentTwipsToPx(hydrated?.indent);
+    const paragraphIndentPx = convertIndentTwipsToPx(paragraphProps.indent);
+    const textIndentPx = normalizeParagraphIndent(attrs.textIndent);
+    const attrsIndentPx = normalizeIndentObject(attrs.indent);
+    const indentChain = [];
+    if (hydratedIndentPx) indentChain.push({ indent: hydratedIndentPx });
+    if (paragraphIndentPx) indentChain.push({ indent: paragraphIndentPx });
+    if (textIndentPx) indentChain.push({ indent: textIndentPx });
+    if (attrsIndentPx) indentChain.push({ indent: attrsIndentPx });
+    const normalizedIndent = indentChain.length ? combineIndentProperties(indentChain).indent : void 0;
     const unwrapTabStops = (tabStops) => {
       if (!Array.isArray(tabStops)) {
         return void 0;
@@ -96354,7 +96462,11 @@ ${l}
   }
   async function measureImageBlock(block, constraints) {
     const intrinsic = getIntrinsicImageSize(block, constraints.maxWidth);
-    const maxWidth = constraints.maxWidth > 0 ? constraints.maxWidth : intrinsic.width;
+    const isBlockBehindDoc = block.anchor?.behindDoc;
+    const isBlockWrapBehindDoc = block.wrap?.type === "None" && block.wrap?.behindDoc;
+    const bypassWidthConstraint = isBlockBehindDoc || isBlockWrapBehindDoc;
+    const isWidthConstraintBypassed = bypassWidthConstraint || constraints.maxWidth <= 0;
+    const maxWidth = isWidthConstraintBypassed ? intrinsic.width : constraints.maxWidth;
     const hasNegativeVerticalPosition = block.anchor?.isAnchored && (typeof block.anchor?.offsetV === "number" && block.anchor.offsetV < 0 || typeof block.margin?.top === "number" && block.margin.top < 0);
     const maxHeight = hasNegativeVerticalPosition || !constraints.maxHeight || constraints.maxHeight <= 0 ? Infinity : constraints.maxHeight;
     const widthScale = maxWidth / intrinsic.width;
@@ -104539,7 +104651,11 @@ ${l}
          */
         clearDocument: () => ({ commands: commands2 }) => {
           return commands2.setContent("<p></p>");
-        }
+        },
+        /**
+         * Set section page margins (top/right/bottom/left) for the section at the current selection.
+         */
+        setSectionPageMarginsAtSelection
       };
     }
   });
@@ -111048,6 +111164,10 @@ ${l}
       }
       const hasAnchorData = Boolean(anchorData);
       const hasMarginOffsets = marginOffset?.horizontal != null || marginOffset?.top != null;
+      const isWrapBehindDoc = wrap2?.attrs?.behindDoc;
+      const isAnchorBehindDoc = anchorData?.behindDoc;
+      const isBehindDocAnchor = wrap2?.type === "None" && (isWrapBehindDoc || isAnchorBehindDoc);
+      const isAbsolutelyPositioned = style2.includes("position: absolute;");
       if (hasAnchorData) {
         switch (anchorData.hRelativeFrom) {
           case "page":
@@ -111075,7 +111195,6 @@ ${l}
                 style2 += "float: left;";
               }
             } else if (!anchorData.alignH && marginOffset?.horizontal != null) {
-              const isAbsolutelyPositioned = style2.includes("position: absolute;");
               if (isAbsolutelyPositioned) {
                 style2 += `left: ${baseHorizontal}px;`;
                 style2 += "max-width: none;";
@@ -111089,7 +111208,8 @@ ${l}
         const relativeFromPageV = anchorData?.vRelativeFrom === "page";
         const relativeFromMarginV = anchorData?.vRelativeFrom === "margin";
         const maxMarginV = 500;
-        const baseTop = Math.max(0, marginOffset?.top ?? 0);
+        const allowNegativeTopOffset = isBehindDocAnchor;
+        const baseTop = allowNegativeTopOffset ? marginOffset?.top ?? 0 : Math.max(0, marginOffset?.top ?? 0);
         let rotationHorizontal = 0;
         let rotationTop = 0;
         const { rotation: rotation2 } = transformData ?? {};
@@ -111108,7 +111228,10 @@ ${l}
             margin.left += horizontal;
           }
         }
-        if (top2 && !relativeFromMarginV) {
+        const appliedTopViaStyle = isAbsolutelyPositioned && allowNegativeTopOffset && !relativeFromMarginV;
+        if (appliedTopViaStyle) {
+          style2 += `top: ${top2}px;`;
+        } else if (top2 && !relativeFromMarginV) {
           if (relativeFromPageV && top2 >= maxMarginV) margin.top += maxMarginV;
           else margin.top += top2;
         }
@@ -111121,6 +111244,9 @@ ${l}
       }
       if (margin.top) style2 += `margin-top: ${margin.top}px;`;
       if (margin.bottom) style2 += `margin-bottom: ${margin.bottom}px;`;
+      if (isBehindDocAnchor) {
+        style2 += "max-width: none;";
+      }
       const finalAttributes = { ...htmlAttributes };
       if (style2) {
         const existingStyle = finalAttributes.style || "";
@@ -139009,10 +139135,14 @@ ${style2}
       const handleMarginChange = ({ side, value }) => {
         const base2 = activeEditor.value;
         if (!base2) return;
-        const pageStyles2 = base2.getPageStyles();
-        const { pageMargins } = pageStyles2;
-        const update = { ...pageMargins, [side]: value };
-        base2?.updatePageStyle({ pageMargins: update });
+        const payload = side === "left" ? { leftInches: value } : side === "right" ? { rightInches: value } : side === "top" ? { topInches: value } : side === "bottom" ? { bottomInches: value } : {};
+        const didUpdateSection = typeof base2.commands?.setSectionPageMarginsAtSelection === "function" ? base2.commands.setSectionPageMarginsAtSelection(payload) : false;
+        if (!didUpdateSection) {
+          const pageStyles2 = base2.getPageStyles();
+          const { pageMargins } = pageStyles2;
+          const update = { ...pageMargins, [side]: value };
+          base2?.updatePageStyle({ pageMargins: update });
+        }
       };
       onBeforeUnmount(() => {
         stopPolling();
@@ -139148,7 +139278,7 @@ ${style2}
       };
     }
   });
-  const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-8dd4cf59"]]);
+  const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-3e9da07c"]]);
   const _hoisted_1$h = ["innerHTML"];
   const _sfc_main$i = {
     __name: "SuperInput",
@@ -144186,7 +144316,7 @@ ${reason}`);
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.3.0-next.11";
+      this.version = "1.3.0-next.12";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;