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

package/dist/chunks/{index-CCWqRqAf.cjs → index-CyFX6QZq.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-BauKfBRr.cjs");
+const superEditor_converter = require("./SuperConverter-kUELrLda.cjs");
 const vue = require("./vue-De9wkgLl.cjs");
 require("./jszip.min-BPh2MMAa.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
@@ -15451,7 +15451,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.3.0-next.12";
+const summaryVersion = "1.3.0-next.14";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -18083,7 +18083,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.12");
+    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.14");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -48742,10 +48742,13 @@ async function measureParagraphBlock(block, maxWidth) {
         };
       }
       const originX = currentLine.width;
-      const { target, nextIndex, stop } = getNextTabStopPx(currentLine.width, tabStops, tabStopCursor);
+      const effectiveIndent = lines.length === 0 ? indentLeft + rawFirstLineOffset : indentLeft;
+      const absCurrentX = currentLine.width + effectiveIndent;
+      const { target, nextIndex, stop } = getNextTabStopPx(absCurrentX, tabStops, tabStopCursor);
       tabStopCursor = nextIndex;
-      const clampedTarget = Math.min(target, currentLine.maxWidth);
-      const tabAdvance = Math.max(0, clampedTarget - currentLine.width);
+      const maxAbsWidth = currentLine.maxWidth + effectiveIndent;
+      const clampedTarget = Math.min(target, maxAbsWidth);
+      const tabAdvance = Math.max(0, clampedTarget - absCurrentX);
       currentLine.width = roundValue(currentLine.width + tabAdvance);
       run.width = tabAdvance;
       currentLine.maxFontSize = Math.max(currentLine.maxFontSize, 12);
@@ -48753,8 +48756,9 @@ async function measureParagraphBlock(block, maxWidth) {
       currentLine.toChar = 1;
       if (stop && stop.leader && stop.leader !== "none") {
         const leaderStyle = stop.leader;
-        const from3 = Math.min(originX, clampedTarget);
-        const to = Math.max(originX, clampedTarget);
+        const relativeTarget = clampedTarget - effectiveIndent;
+        const from3 = Math.min(originX, relativeTarget);
+        const to = Math.max(originX, relativeTarget);
         if (!currentLine.leaders) currentLine.leaders = [];
         currentLine.leaders.push({ from: from3, to, style: leaderStyle });
       }
@@ -48763,27 +48767,28 @@ async function measureParagraphBlock(block, maxWidth) {
         if (stop.val === "end" || stop.val === "center" || stop.val === "decimal") {
           const groupMeasure = measureTabAlignmentGroup(runIndex + 1, runsToProcess, ctx2, decimalSeparator);
           if (groupMeasure.totalWidth > 0) {
+            const relativeTarget = clampedTarget - effectiveIndent;
             let groupStartX;
             if (stop.val === "end") {
-              groupStartX = Math.max(0, clampedTarget - groupMeasure.totalWidth);
+              groupStartX = Math.max(0, relativeTarget - groupMeasure.totalWidth);
             } else if (stop.val === "center") {
-              groupStartX = Math.max(0, clampedTarget - groupMeasure.totalWidth / 2);
+              groupStartX = Math.max(0, relativeTarget - groupMeasure.totalWidth / 2);
             } else {
               const beforeDecimal = groupMeasure.beforeDecimalWidth ?? groupMeasure.totalWidth;
-              groupStartX = Math.max(0, clampedTarget - beforeDecimal);
+              groupStartX = Math.max(0, relativeTarget - beforeDecimal);
             }
             activeTabGroup = {
               measure: groupMeasure,
               startX: groupStartX,
               currentX: groupStartX,
-              target: clampedTarget,
+              target: relativeTarget,
               val: stop.val
             };
             currentLine.width = roundValue(groupStartX);
           }
           pendingTabAlignment = null;
         } else {
-          pendingTabAlignment = { target: clampedTarget, val: stop.val };
+          pendingTabAlignment = { target: clampedTarget - effectiveIndent, val: stop.val };
         }
       } else {
         pendingTabAlignment = null;
@@ -49424,10 +49429,13 @@ async function measureParagraphBlock(block, maxWidth) {
           };
         }
         const originX = currentLine.width;
-        const { target, nextIndex, stop } = getNextTabStopPx(currentLine.width, tabStops, tabStopCursor);
+        const effectiveIndent = lines.length === 0 ? indentLeft + rawFirstLineOffset : indentLeft;
+        const absCurrentX = currentLine.width + effectiveIndent;
+        const { target, nextIndex, stop } = getNextTabStopPx(absCurrentX, tabStops, tabStopCursor);
         tabStopCursor = nextIndex;
-        const clampedTarget = Math.min(target, currentLine.maxWidth);
-        const tabAdvance = Math.max(0, clampedTarget - currentLine.width);
+        const maxAbsWidth = currentLine.maxWidth + effectiveIndent;
+        const clampedTarget = Math.min(target, maxAbsWidth);
+        const tabAdvance = Math.max(0, clampedTarget - absCurrentX);
         currentLine.width = roundValue(currentLine.width + tabAdvance);
         currentLine.maxFontInfo = updateMaxFontInfo(currentLine.maxFontSize, currentLine.maxFontInfo, run);
         currentLine.maxFontSize = Math.max(currentLine.maxFontSize, run.fontSize);
@@ -49436,14 +49444,15 @@ async function measureParagraphBlock(block, maxWidth) {
         charPosInRun += 1;
         if (stop) {
           validateTabStopVal(stop);
-          pendingTabAlignment = { target: clampedTarget, val: stop.val };
+          pendingTabAlignment = { target: clampedTarget - effectiveIndent, val: stop.val };
         } else {
           pendingTabAlignment = null;
         }
         if (stop && stop.leader && stop.leader !== "none" && stop.leader !== "middleDot") {
           const leaderStyle = stop.leader;
-          const from3 = Math.min(originX, clampedTarget);
-          const to = Math.max(originX, clampedTarget);
+          const relativeTarget = clampedTarget - effectiveIndent;
+          const from3 = Math.min(originX, relativeTarget);
+          const to = Math.max(originX, relativeTarget);
           if (!currentLine.leaders) currentLine.leaders = [];
           currentLine.leaders.push({ from: from3, to, style: leaderStyle });
         }
@@ -54844,7 +54853,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;
@@ -58613,12 +58622,18 @@ function findParagraphContext($pos, cache2, helpers2) {
   return null;
 }
 function extractParagraphContext(node, startPos, helpers2, depth = 0) {
-  const paragraphProperties = superEditor_converter.getResolvedParagraphProperties(node) ?? {};
+  const paragraphProperties = superEditor_converter.getResolvedParagraphProperties(node) ?? node.attrs?.paragraphProperties ?? {};
   const alignmentAliases = { left: "start", right: "end" };
   let tabStops = [];
   if (Array.isArray(paragraphProperties.tabStops)) {
     tabStops = paragraphProperties.tabStops.map((stop) => {
       const ref = stop?.tab;
+      if (!ref && stop?.pos != null) {
+        return {
+          ...stop,
+          pos: twipsToPixels(Number(stop.pos) || 0)
+        };
+      }
       if (!ref) return stop || null;
       const rawType = ref.tabType || "start";
       const mappedVal = alignmentAliases[rawType] || rawType;
@@ -59884,6 +59899,13 @@ function createLayoutRequest(doc2, paragraphPos, view, helpers2, revision, parag
         pos: entry.pos,
         nodeSize: node.nodeSize
       });
+    } else if (node.type.name === "lineBreak" || node.type.name === "hardBreak") {
+      spans.push({
+        type: node.type.name,
+        spanId,
+        pos: entry.pos,
+        nodeSize: node.nodeSize
+      });
     } else if (node.type.name === "text") {
       spans.push({
         type: "text",
@@ -59933,6 +59955,7 @@ function calculateTabLayout(request, measurement, view) {
     paragraphNode
   } = request;
   const tabs = {};
+  const leftIndentPx = request.indents?.left ?? 0;
   let currentX = indentWidth;
   const measureText2 = (span) => {
     if (view && typeof span.from === "number" && typeof span.to === "number") {
@@ -59945,6 +59968,8 @@ function calculateTabLayout(request, measurement, view) {
     const span = spans[i];
     if (span.type === "text") {
       currentX += measureText2(span);
+    } else if (span.type === "lineBreak" || span.type === "hardBreak") {
+      currentX = leftIndentPx;
     } else if (span.type === "tab") {
       const followingText = collectFollowingText(spans, i + 1);
       let measureTextCallback;
@@ -60040,7 +60065,7 @@ function collectFollowingText(spans, startIndex) {
   let text = "";
   for (let i = startIndex; i < spans.length; i++) {
     const span = spans[i];
-    if (span.type === "tab") break;
+    if (span.type === "tab" || span.type === "lineBreak" || span.type === "hardBreak") break;
     if (span.type === "text") text += span.text || "";
   }
   return text;
@@ -60050,7 +60075,7 @@ function getFollowingTextRange(spans, startIndex) {
   let to = null;
   for (let i = startIndex; i < spans.length; i++) {
     const span = spans[i];
-    if (span.type === "tab") break;
+    if (span.type === "tab" || span.type === "lineBreak" || span.type === "hardBreak") break;
     if (span.type === "text" && typeof span.from === "number" && typeof span.to === "number") {
       if (from3 === null) from3 = span.from;
       to = span.to;
@@ -79004,7 +79029,7 @@ var ResizeObserverController = (function() {
   };
   return ResizeObserverController2;
 })();
-var ResizeObserver = (function() {
+var ResizeObserver$1 = (function() {
   function ResizeObserver2(callback) {
     if (arguments.length === 0) {
       throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
@@ -79043,7 +79068,7 @@ var ResizeObserver = (function() {
 class ResizeObserverDelegate {
   constructor() {
     this.handleResize = this.handleResize.bind(this);
-    this.observer = new (typeof window !== "undefined" && window.ResizeObserver || ResizeObserver)(this.handleResize);
+    this.observer = new (typeof window !== "undefined" && window.ResizeObserver || ResizeObserver$1)(this.handleResize);
     this.elHandlersMap = /* @__PURE__ */ new Map();
   }
   handleResize(entries) {
@@ -89912,6 +89937,31 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       },
       { immediate: true, deep: true }
     );
+    vue.watch(
+      () => props.options?.rulerContainer,
+      () => {
+        vue.nextTick(() => {
+          syncRulerOffset();
+          setupRulerObservers();
+        });
+      },
+      { immediate: true }
+    );
+    vue.watch(
+      rulersVisible,
+      (visible) => {
+        vue.nextTick(() => {
+          if (visible) {
+            syncRulerOffset();
+            setupRulerObservers();
+          } else {
+            rulerHostStyle.value = {};
+            cleanupRulerObservers();
+          }
+        });
+      },
+      { immediate: true }
+    );
     const containerStyle = vue.computed(() => {
       let maxWidth = 8.5 * 96;
       const ed = editor.value;
@@ -89936,6 +89986,71 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         minWidth: `${scaledWidth}px`
       };
     });
+    const rulerHostStyle = vue.ref({});
+    const rulerContainerEl = vue.ref(null);
+    let editorResizeObserver = null;
+    let rulerContainerResizeObserver = null;
+    let layoutUpdatedHandler = null;
+    const resolveRulerContainer = () => {
+      const container = props.options?.rulerContainer;
+      if (!container) return null;
+      if (typeof container === "string") {
+        const doc2 = editorWrapper.value?.ownerDocument ?? document;
+        return doc2.querySelector(container);
+      }
+      return container instanceof HTMLElement ? container : null;
+    };
+    const getViewportRect2 = () => {
+      const host = editorWrapper.value;
+      if (!host) return null;
+      const viewport2 = host.querySelector(".presentation-editor__viewport");
+      const target = viewport2 ?? host;
+      return target.getBoundingClientRect();
+    };
+    const syncRulerOffset = () => {
+      if (!rulersVisible.value) {
+        rulerHostStyle.value = {};
+        return;
+      }
+      rulerContainerEl.value = resolveRulerContainer();
+      if (!rulerContainerEl.value) {
+        rulerHostStyle.value = {};
+        return;
+      }
+      const viewportRect = getViewportRect2();
+      if (!viewportRect) return;
+      const hostRect = rulerContainerEl.value.getBoundingClientRect();
+      const paddingLeft = Math.max(0, viewportRect.left - hostRect.left);
+      const paddingRight = Math.max(0, hostRect.right - viewportRect.right);
+      rulerHostStyle.value = {
+        paddingLeft: `${paddingLeft}px`,
+        paddingRight: `${paddingRight}px`
+      };
+    };
+    const cleanupRulerObservers = () => {
+      if (editorResizeObserver) {
+        editorResizeObserver.disconnect();
+        editorResizeObserver = null;
+      }
+      if (rulerContainerResizeObserver) {
+        rulerContainerResizeObserver.disconnect();
+        rulerContainerResizeObserver = null;
+      }
+    };
+    const setupRulerObservers = () => {
+      cleanupRulerObservers();
+      if (typeof ResizeObserver === "undefined") return;
+      const viewportHost = editorWrapper.value;
+      const rulerHost = resolveRulerContainer();
+      if (viewportHost) {
+        editorResizeObserver = new ResizeObserver(() => syncRulerOffset());
+        editorResizeObserver.observe(viewportHost);
+      }
+      if (rulerHost) {
+        rulerContainerResizeObserver = new ResizeObserver(() => syncRulerOffset());
+        rulerContainerResizeObserver.observe(rulerHost);
+      }
+    };
     const message = useMessage();
     const editorWrapper = vue.ref(null);
     const editorElem = vue.ref(null);
@@ -90247,7 +90362,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         presentationEditor.on("imageDeselected", () => {
           clearSelectedImage();
         });
-        presentationEditor.on("layoutUpdated", () => {
+        layoutUpdatedHandler = () => {
           if (imageResizeState.visible && imageResizeState.blockId) {
             const escapedBlockId = CSS.escape(imageResizeState.blockId);
             const newElement = editorElem.value?.querySelector(
@@ -90280,13 +90395,17 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               clearSelectedImage();
             }
           }
-        });
+          vue.nextTick(() => syncRulerOffset());
+        };
+        presentationEditor.on("layoutUpdated", layoutUpdatedHandler);
         zoomChangeHandler = ({ zoom }) => {
           currentZoom.value = zoom;
+          vue.nextTick(() => syncRulerOffset());
         };
         presentationEditor.on("zoomChange", zoomChangeHandler);
         if (typeof presentationEditor.zoom === "number") {
           currentZoom.value = presentationEditor.zoom;
+          vue.nextTick(() => syncRulerOffset());
         }
       }
       editor.value.on("paginationUpdate", () => {
@@ -90346,6 +90465,11 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       initializeData();
       if (props.options?.suppressSkeletonLoader || !props.options?.collaborationProvider) editorReady.value = true;
+      window.addEventListener("resize", syncRulerOffset, { passive: true });
+      vue.nextTick(() => {
+        syncRulerOffset();
+        setupRulerObservers();
+      });
     });
     const handleMarginClick = (event) => {
       if (event.button !== 0) {
@@ -90376,6 +90500,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         editor.value.off("zoomChange", zoomChangeHandler);
         zoomChangeHandler = null;
       }
+      if (editor.value instanceof PresentationEditor && layoutUpdatedHandler) {
+        editor.value.off("layoutUpdated", layoutUpdatedHandler);
+        layoutUpdatedHandler = null;
+      }
+      cleanupRulerObservers();
+      window.removeEventListener("resize", syncRulerOffset);
       editor.value?.destroy();
       editor.value = null;
     });
@@ -90387,18 +90517,28 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         __props.options.rulerContainer && rulersVisible.value && !!activeEditor.value ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
           key: 0,
           to: __props.options.rulerContainer
+        }, [
+          vue.createBaseVNode("div", {
+            class: "ruler-host",
+            style: vue.normalizeStyle(rulerHostStyle.value)
+          }, [
+            vue.createVNode(Ruler, {
+              class: "ruler superdoc-ruler",
+              editor: activeEditor.value,
+              onMarginChange: handleMarginChange
+            }, null, 8, ["editor"])
+          ], 4)
+        ], 8, ["to"])) : rulersVisible.value && !!activeEditor.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: "ruler-host",
+          style: vue.normalizeStyle(rulerHostStyle.value)
         }, [
           vue.createVNode(Ruler, {
-            class: "ruler superdoc-ruler",
+            class: "ruler",
             editor: activeEditor.value,
             onMarginChange: handleMarginChange
           }, null, 8, ["editor"])
-        ], 8, ["to"])) : rulersVisible.value && !!activeEditor.value ? (vue.openBlock(), vue.createBlock(Ruler, {
-          key: 1,
-          class: "ruler",
-          editor: activeEditor.value,
-          onMarginChange: handleMarginChange
-        }, null, 8, ["editor"])) : vue.createCommentVNode("", true),
+        ], 4)) : vue.createCommentVNode("", true),
         vue.createBaseVNode("div", {
           class: "super-editor",
           ref_key: "editorWrapper",
@@ -90503,7 +90643,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3e9da07c"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f5c4f915"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",

package/dist/chunks/{index-BPi2Cjky.es.js → index-DVRukmH6.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-BRomAwaA.es.js";
-import "./SuperConverter-BQHQ2WON.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-B1GscRFR.es.js";
+import "./SuperConverter-CD9khdbr.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-D4-tXW9I.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-CMc0iPaz.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.12";
+    this.version = "1.3.0-next.14";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-BC056HXc.cjs → index-DgWw6KLR.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-const index = require("./index-CCWqRqAf.cjs");
-require("./SuperConverter-BauKfBRr.cjs");
+const index = require("./index-CyFX6QZq.cjs");
+require("./SuperConverter-kUELrLda.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-B4cw8sRa.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DLGmNBgc.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.12";
+    this.version = "1.3.0-next.14";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;