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

package/dist/chunks/{PdfViewer-Dsxwbxdh.es.js → PdfViewer-DebfKi_n.es.js}

@@ -1,6 +1,6 @@
 import { d as defineComponent, h, T as Transition, p as process$1, w as watchEffect, c as computed, r as ref, f as onMounted, X as onUnmounted, E as createElementBlock, G as openBlock, K as createBaseVNode, M as createCommentVNode, I as createVNode, v as unref } from "./vue-BnBKJwCW.es.js";
-import { N as NBaseLoading, u as useSuperdocStore, s as storeToRefs, a as useSelection } from "./index-D2CRfjhH.es.js";
-import { C as derived, r as c, q as cB, aF as fadeInTransition, y as cM, I as warnOnce, J as useConfig, N as useTheme, aG as pxfy, P as createKey, Q as useThemeClass, aH as useCompitable, ai as _export_sfc } from "./index-CE0fU2k7.es.js";
+import { N as NBaseLoading, u as useSuperdocStore, s as storeToRefs, a as useSelection } from "./index-DOsTLvRQ.es.js";
+import { C as derived, r as c, q as cB, aF as fadeInTransition, y as cM, I as warnOnce, J as useConfig, N as useTheme, aG as pxfy, P as createKey, Q as useThemeClass, aH as useCompitable, ai as _export_sfc } from "./index-OlLDoLS-.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-DxthqP0q.cjs → PdfViewer-z2obaZHa.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-De9wkgLl.cjs");
-const superdoc = require("./index-CTQjsYpZ.cjs");
-const index = require("./index-BClM7AjD.cjs");
+const superdoc = require("./index-C7p34V06.cjs");
+const index = require("./index-DNdp0AxW.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{SuperConverter-Caxoktb7.es.js → SuperConverter-Dh27SFeK.es.js}

@@ -31007,7 +31007,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.0-next.11") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.0-next.13") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**
@@ -31685,17 +31685,18 @@ export {
   translator$14 as a0,
   translator$1O as a1,
   resolveDocxFontFamily as a2,
-  _getReferencedTableStyles as a3,
-  decodeRPrFromMarks as a4,
-  calculateResolvedParagraphProperties as a5,
-  encodeCSSFromPPr as a6,
-  encodeCSSFromRPr as a7,
-  generateOrderedListIndex as a8,
-  docxNumberingHelpers as a9,
-  InputRule as aa,
-  insertNewRelationship as ab,
-  kebabCase as ac,
-  getUnderlineCssString as ad,
+  combineIndentProperties as a3,
+  _getReferencedTableStyles as a4,
+  decodeRPrFromMarks as a5,
+  calculateResolvedParagraphProperties as a6,
+  encodeCSSFromPPr as a7,
+  encodeCSSFromRPr as a8,
+  generateOrderedListIndex as a9,
+  docxNumberingHelpers as aa,
+  InputRule as ab,
+  insertNewRelationship as ac,
+  kebabCase as ad,
+  getUnderlineCssString as ae,
   chainableEditorState as b,
   createDocFromMarkdown as c,
   convertMarkdownToHTML as d,

package/dist/chunks/{SuperConverter-DgyRPhnD.cjs → SuperConverter-Dxl1uYvz.cjs}

@@ -31008,7 +31008,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.0-next.11") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.0-next.13") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**
@@ -31686,6 +31686,7 @@ exports.canJoin = canJoin;
 exports.canSplit = canSplit;
 exports.chainableEditorState = chainableEditorState;
 exports.changeListLevel = changeListLevel;
+exports.combineIndentProperties = combineIndentProperties;
 exports.convertMarkdownToHTML = convertMarkdownToHTML;
 exports.createDocFromHTML = createDocFromHTML;
 exports.createDocFromMarkdown = createDocFromMarkdown;

package/dist/chunks/{index-CTQjsYpZ.cjs → index-C7p34V06.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-const index = require("./index-BClM7AjD.cjs");
-require("./SuperConverter-DgyRPhnD.cjs");
+const index = require("./index-DNdp0AxW.cjs");
+require("./SuperConverter-Dxl1uYvz.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
 const provider = require("@hocuspocus/provider");
@@ -7465,7 +7465,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DxthqP0q.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-z2obaZHa.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -7506,6 +7506,7 @@ const _sfc_main = {
     commentsStore.proxy = proxy;
     const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
     const { uiFontFamily } = useUiFontFamily();
+    const isViewingMode = () => proxy?.$superdoc?.config?.documentMode === "viewing";
     const commentsModuleConfig = vue.computed(() => {
       const config = modules.comments;
       if (config === false || config == null) return null;
@@ -7600,6 +7601,10 @@ const _sfc_main = {
         const commentsConfig = proxy.$superdoc.config.modules?.comments;
         if (!commentsConfig || commentsConfig === false) return;
         if (!positions || Object.keys(positions).length === 0) return;
+        if (isViewingMode()) {
+          commentsStore.clearEditorCommentPositions?.();
+          return;
+        }
         const mappedPositions = presentationEditor.getCommentBounds(positions, layers.value);
         handleEditorLocationsUpdate(mappedPositions);
       });
@@ -7619,6 +7624,13 @@ const _sfc_main = {
     const onEditorSelectionChange = ({ editor, transaction }) => {
       if (skipSelectionUpdate.value) {
         skipSelectionUpdate.value = false;
+        if (isViewingMode()) {
+          resetSelection();
+        }
+        return;
+      }
+      if (isViewingMode()) {
+        resetSelection();
         return;
       }
       const { documentId } = editor.options;
@@ -7797,6 +7809,10 @@ const _sfc_main = {
     const onEditorCommentLocationsUpdate = (doc, { allCommentIds: activeThreadId, allCommentPositions } = {}) => {
       const commentsConfig = proxy.$superdoc.config.modules?.comments;
       if (!commentsConfig || commentsConfig === false) return;
+      if (isViewingMode()) {
+        commentsStore.clearEditorCommentPositions?.();
+        return;
+      }
       const presentation = index.PresentationEditor.getInstance(doc.id);
       if (!presentation) {
         handleEditorLocationsUpdate(allCommentPositions, activeThreadId);
@@ -7852,11 +7868,12 @@ const _sfc_main = {
     };
     const isCommentsEnabled = vue.computed(() => Boolean(commentsModuleConfig.value));
     const showCommentsSidebar = vue.computed(() => {
+      if (isViewingMode()) return false;
       return pendingComment.value || getFloatingComments.value?.length > 0 && isReady.value && layers.value && isCommentsEnabled.value && !isCommentsListVisible.value;
     });
     const showToolsFloatingMenu = vue.computed(() => {
       if (!isCommentsEnabled.value) return false;
-      return toolsMenuPosition.top && !getConfig.value?.readOnly;
+      return selectionPosition.value && toolsMenuPosition.top && !getConfig.value?.readOnly;
     });
     vue.computed(() => {
       if (!isCommentsEnabled.value) return false;
@@ -7904,6 +7921,10 @@ const _sfc_main = {
       return style2;
     });
     const handleSelectionChange = (selection) => {
+      if (isViewingMode()) {
+        resetSelection();
+        return;
+      }
       if (!selection.selectionBounds || !isCommentsEnabled.value) return;
       resetSelection();
       const isMobileView = window.matchMedia("(max-width: 768px)").matches;
@@ -7929,12 +7950,14 @@ const _sfc_main = {
     };
     const resetSelection = () => {
       selectionPosition.value = null;
+      toolsMenuPosition.top = null;
     };
     const updateSelection = ({ startX, startY, x, y, source }) => {
       const hasStartCoords = typeof startX === "number" || typeof startY === "number";
       const hasEndCoords = typeof x === "number" || typeof y === "number";
       if (!hasStartCoords && !hasEndCoords) {
-        return selectionPosition.value = null;
+        resetSelection();
+        return;
       }
       if (!selectionPosition.value) {
         if (startY == null || startX == null) return;
@@ -8187,7 +8210,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ index._export_sfc(_sfc_main, [["__scopeId", "data-v-1e96f708"]]);
+const App = /* @__PURE__ */ index._export_sfc(_sfc_main, [["__scopeId", "data-v-5196811d"]]);
 const createSuperdocVueApp = () => {
   const app = vue.createApp(App);
   const pinia = createPinia();
@@ -8371,7 +8394,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     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.13";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-BClM7AjD.cjs → index-DNdp0AxW.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-Dxl1uYvz.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.13";
 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.13");
     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;
@@ -54732,7 +54844,7 @@ class PresentationEditor extends EventEmitter {
     const zoom = this.#layoutOptions.zoom ?? 1;
     const layoutMode = this.#layoutOptions.layoutMode ?? "vertical";
     const pages = this.#layoutState.layout?.pages;
-    const pageGap = this.#layoutState.layout?.pageGap ?? this.#getEffectivePageGap();
+    const pageGap = this.#getEffectivePageGap();
     const defaultWidth = this.#layoutOptions.pageSize?.w ?? DEFAULT_PAGE_SIZE.w;
     const defaultHeight = this.#layoutOptions.pageSize?.h ?? DEFAULT_PAGE_SIZE.h;
     let maxWidth = defaultWidth;
@@ -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/chunks/{index-D2CRfjhH.es.js → index-DOsTLvRQ.es.js}

@@ -1,5 +1,5 @@
-import { B as BIT8, M as MAX_SAFE_INTEGER, c as create, a as BITS7, u as utf8TextDecoder, b as create$1, s as setIfUndefined, d as create$2, f as from, e as floor$1, g as equalityDeep, w as writeVarUint, h as writeVarString, t as toUint8Array, i as createEncoder, j as createInjectionKey, k as toString, l as throwError, m as useSsrAdapter, n as configProviderInjectionKey, o as cssrAnchorMetaName, p as globalStyle, q as cB, r as c, v as isMounted, x as commonVariables$2, y as cM, z as cNotM, A as cE, C as derived, D as changeColor, E as insideModal, F as insidePopover, G as resolveWrappedSlot, H as on, I as warnOnce, J as useConfig, K as useMergedState, L as useMemo, N as useTheme, O as useRtl, P as createKey, Q as useThemeClass, R as createId, S as call, T as render, U as messageProviderInjectionKey, V as messageApiInjectionKey, W as fromBase64, X as onChange, Y as varStorage, Z as toBase64, _ as createUint8ArrayFromArrayBuffer, $ as offChange, a0 as writeVarUint8Array, a1 as map, a2 as length, a3 as isNode, a4 as min, a5 as pow, a6 as comments_module_events, a7 as getFileObject, a8 as getTrackChanges, a9 as CommentsPluginKey, aa as TrackChangesBasePluginKey, ab as Editor, ac as getRichTextExtensions, ad as ellipsisVerticalSvg, ae as xmarkIconSvg, af as checkIconSvg, ag as caretDownIconSvg, ah as commentIconSvg, ai as _export_sfc, aj as NDropdown, ak as SuperInput, al as vClickOutside, am as PresentationEditor, an as SuperEditor, ao as AIWriter, ap as NConfigProvider, aq as SuperToolbar } from "./index-CE0fU2k7.es.js";
-import "./SuperConverter-Caxoktb7.es.js";
+import { B as BIT8, M as MAX_SAFE_INTEGER, c as create, a as BITS7, u as utf8TextDecoder, b as create$1, s as setIfUndefined, d as create$2, f as from, e as floor$1, g as equalityDeep, w as writeVarUint, h as writeVarString, t as toUint8Array, i as createEncoder, j as createInjectionKey, k as toString, l as throwError, m as useSsrAdapter, n as configProviderInjectionKey, o as cssrAnchorMetaName, p as globalStyle, q as cB, r as c, v as isMounted, x as commonVariables$2, y as cM, z as cNotM, A as cE, C as derived, D as changeColor, E as insideModal, F as insidePopover, G as resolveWrappedSlot, H as on, I as warnOnce, J as useConfig, K as useMergedState, L as useMemo, N as useTheme, O as useRtl, P as createKey, Q as useThemeClass, R as createId, S as call, T as render, U as messageProviderInjectionKey, V as messageApiInjectionKey, W as fromBase64, X as onChange, Y as varStorage, Z as toBase64, _ as createUint8ArrayFromArrayBuffer, $ as offChange, a0 as writeVarUint8Array, a1 as map, a2 as length, a3 as isNode, a4 as min, a5 as pow, a6 as comments_module_events, a7 as getFileObject, a8 as getTrackChanges, a9 as CommentsPluginKey, aa as TrackChangesBasePluginKey, ab as Editor, ac as getRichTextExtensions, ad as ellipsisVerticalSvg, ae as xmarkIconSvg, af as checkIconSvg, ag as caretDownIconSvg, ah as commentIconSvg, ai as _export_sfc, aj as NDropdown, ak as SuperInput, al as vClickOutside, am as PresentationEditor, an as SuperEditor, ao as AIWriter, ap as NConfigProvider, aq as SuperToolbar } from "./index-OlLDoLS-.es.js";
+import "./SuperConverter-Dh27SFeK.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-CwrdEv8r.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
@@ -7448,7 +7448,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-Dsxwbxdh.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-DebfKi_n.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -7489,6 +7489,7 @@ const _sfc_main = {
     commentsStore.proxy = proxy;
     const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
     const { uiFontFamily } = useUiFontFamily();
+    const isViewingMode = () => proxy?.$superdoc?.config?.documentMode === "viewing";
     const commentsModuleConfig = computed(() => {
       const config = modules.comments;
       if (config === false || config == null) return null;
@@ -7583,6 +7584,10 @@ const _sfc_main = {
         const commentsConfig = proxy.$superdoc.config.modules?.comments;
         if (!commentsConfig || commentsConfig === false) return;
         if (!positions || Object.keys(positions).length === 0) return;
+        if (isViewingMode()) {
+          commentsStore.clearEditorCommentPositions?.();
+          return;
+        }
         const mappedPositions = presentationEditor.getCommentBounds(positions, layers.value);
         handleEditorLocationsUpdate(mappedPositions);
       });
@@ -7602,6 +7607,13 @@ const _sfc_main = {
     const onEditorSelectionChange = ({ editor, transaction }) => {
       if (skipSelectionUpdate.value) {
         skipSelectionUpdate.value = false;
+        if (isViewingMode()) {
+          resetSelection();
+        }
+        return;
+      }
+      if (isViewingMode()) {
+        resetSelection();
         return;
       }
       const { documentId } = editor.options;
@@ -7780,6 +7792,10 @@ const _sfc_main = {
     const onEditorCommentLocationsUpdate = (doc, { allCommentIds: activeThreadId, allCommentPositions } = {}) => {
       const commentsConfig = proxy.$superdoc.config.modules?.comments;
       if (!commentsConfig || commentsConfig === false) return;
+      if (isViewingMode()) {
+        commentsStore.clearEditorCommentPositions?.();
+        return;
+      }
       const presentation = PresentationEditor.getInstance(doc.id);
       if (!presentation) {
         handleEditorLocationsUpdate(allCommentPositions, activeThreadId);
@@ -7835,11 +7851,12 @@ const _sfc_main = {
     };
     const isCommentsEnabled = computed(() => Boolean(commentsModuleConfig.value));
     const showCommentsSidebar = computed(() => {
+      if (isViewingMode()) return false;
       return pendingComment.value || getFloatingComments.value?.length > 0 && isReady.value && layers.value && isCommentsEnabled.value && !isCommentsListVisible.value;
     });
     const showToolsFloatingMenu = computed(() => {
       if (!isCommentsEnabled.value) return false;
-      return toolsMenuPosition.top && !getConfig.value?.readOnly;
+      return selectionPosition.value && toolsMenuPosition.top && !getConfig.value?.readOnly;
     });
     computed(() => {
       if (!isCommentsEnabled.value) return false;
@@ -7887,6 +7904,10 @@ const _sfc_main = {
       return style2;
     });
     const handleSelectionChange = (selection) => {
+      if (isViewingMode()) {
+        resetSelection();
+        return;
+      }
       if (!selection.selectionBounds || !isCommentsEnabled.value) return;
       resetSelection();
       const isMobileView = window.matchMedia("(max-width: 768px)").matches;
@@ -7912,12 +7933,14 @@ const _sfc_main = {
     };
     const resetSelection = () => {
       selectionPosition.value = null;
+      toolsMenuPosition.top = null;
     };
     const updateSelection = ({ startX, startY, x, y, source }) => {
       const hasStartCoords = typeof startX === "number" || typeof startY === "number";
       const hasEndCoords = typeof x === "number" || typeof y === "number";
       if (!hasStartCoords && !hasEndCoords) {
-        return selectionPosition.value = null;
+        resetSelection();
+        return;
       }
       if (!selectionPosition.value) {
         if (startY == null || startX == null) return;
@@ -8170,7 +8193,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e96f708"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5196811d"]]);
 const createSuperdocVueApp = () => {
   const app = createApp(App);
   const pinia = createPinia();
@@ -8354,7 +8377,7 @@ class SuperDoc extends EventEmitter {
     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.13";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;