superdoc 1.0.0-beta.32 → 1.0.0-beta.33

package/dist/chunks/{PdfViewer-CTKbqDWv.cjs → PdfViewer-1hoKlV0M.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-jWLMl8Ts.cjs");
-const superdoc = require("./index-Cajp7-Xa.cjs");
+const superdoc = require("./index-VKd9fPLu.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-edjIRb_p.es.js → PdfViewer-CVrn4X-3.es.js}

@@ -1,5 +1,5 @@
 import { y as defineComponent, z as h, O as Transition, a0 as process$1, J as watchEffect, a as computed, r as ref, j as onMounted, W as onUnmounted, b as createElementBlock, o as openBlock, f as createBaseVNode, e as createCommentVNode, u as createVNode, v as unref } from "./vue-Dysv_7z5.es.js";
-import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-Pwv0a9G5.es.js";
+import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-BTDOWM_2.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{index-Pwv0a9G5.es.js → index-BTDOWM_2.es.js}

@@ -1,4 +1,4 @@
-import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-CdGsYGU1.es.js";
+import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-CpmC4G9F.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-CcXAdeql.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
@@ -16449,26 +16449,14 @@ const _sfc_main$9 = {
     const firstGroupRendered = ref(false);
     const verticalOffset = ref(0);
     const commentsRenderKey = ref(0);
+    const measurementTimeoutId = ref(null);
     const getCommentPosition = computed(() => (comment) => {
       if (!floatingCommentsContainer.value) return { top: "0px" };
-      floatingCommentsContainer.value.getBoundingClientRect();
       if (typeof comment.top !== "number" || isNaN(comment.top)) {
         return { display: "none" };
       }
       return { top: `${comment.top}px` };
     });
-    const findScrollParent = (element) => {
-      if (!element) return window;
-      let parent = element.parentNode;
-      while (parent && parent !== document) {
-        const style2 = getComputedStyle(parent);
-        if (/(auto|scroll|overlay)/.test(style2.overflow + style2.overflowY + style2.overflowX)) {
-          return parent;
-        }
-        parent = parent.parentNode;
-      }
-      return window;
-    };
     const handleDialog = (dialog) => {
       if (!dialog) return;
       const { elementRef, commentId } = dialog;
@@ -16476,44 +16464,68 @@ const _sfc_main$9 = {
       nextTick(() => {
         const id = commentId;
         if (renderedSizes.value.some((item) => item.id == id)) return;
-        const editorBounds = props.parent.getBoundingClientRect();
         const comment = getFloatingComments.value.find((c2) => c2.commentId === id || c2.importedId == id);
         const positionKey = id || comment?.importedId;
-        let position = editorCommentPositions.value[positionKey]?.bounds || {};
+        const positionEntry = editorCommentPositions.value[positionKey];
+        const position = positionEntry?.bounds || {};
         if (props.currentDocument.type === "application/pdf") {
           Object.entries(comment.selection?.selectionBounds).forEach(([key, value]) => {
             position[key] = Number(value);
           });
-          position.top += editorBounds.top;
         }
         if (!position) return;
-        const scrollParent = findScrollParent(props.parent);
-        scrollParent === window ? window.scrollY : scrollParent.scrollTop;
         const bounds = elementRef.value?.getBoundingClientRect();
+        const top = Number(position.top);
+        if (!Number.isFinite(top)) return;
         const placement = {
           id,
-          top: position.top - editorBounds.top,
+          top,
           height: bounds.height,
           commentRef: comment,
-          elementRef
+          elementRef,
+          pageIndex: positionEntry?.pageIndex ?? 0
         };
         renderedSizes.value.push(placement);
       });
     };
     const processLocations = async () => {
-      let currentBottom = 0;
-      renderedSizes.value.sort((a, b) => a.top - b.top).forEach((comment) => {
-        if (comment.top <= currentBottom + 15) {
-          comment.top = currentBottom + 15;
-        }
-        currentBottom = comment.top + comment.height;
+      const groupedByPage = renderedSizes.value.reduce((acc, comment) => {
+        const key = comment.pageIndex ?? 0;
+        if (!acc[key]) acc[key] = [];
+        acc[key].push(comment);
+        return acc;
+      }, {});
+      Object.values(groupedByPage).forEach((comments) => {
+        comments.sort((a, b) => a.top - b.top).forEach((comment, idx, arr) => {
+          if (idx === 0) return;
+          const prev = arr[idx - 1];
+          const minTop = prev.top + prev.height + 15;
+          if (comment.top < minTop) {
+            comment.top = minTop;
+          }
+        });
       });
       await nextTick();
       firstGroupRendered.value = true;
     };
     watchEffect(() => {
-      if (renderedSizes.value.length === getFloatingComments.value.length) {
+      if (measurementTimeoutId.value) {
+        clearTimeout(measurementTimeoutId.value);
+        measurementTimeoutId.value = null;
+      }
+      const totalComments = getFloatingComments.value.length;
+      const measuredComments = renderedSizes.value.length;
+      if (totalComments === 0) {
+        return;
+      }
+      if (measuredComments === totalComments) {
         nextTick(processLocations);
+      } else if (measuredComments > 0 && !firstGroupRendered.value) {
+        measurementTimeoutId.value = setTimeout(() => {
+          if (!firstGroupRendered.value && renderedSizes.value.length > 0) {
+            processLocations();
+          }
+        }, 100);
       }
     });
     watch(activeComment, (newVal, oldVal) => {
@@ -16536,6 +16548,12 @@ const _sfc_main$9 = {
         }, 200);
       });
     });
+    onBeforeUnmount(() => {
+      if (measurementTimeoutId.value) {
+        clearTimeout(measurementTimeoutId.value);
+        measurementTimeoutId.value = null;
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "section-wrapper",
@@ -16586,7 +16604,7 @@ const _sfc_main$9 = {
     };
   }
 };
-const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-91de2350"]]);
+const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-eab6fbfa"]]);
 const _sfc_main$8 = {
   __name: "TextField",
   props: {
@@ -17214,7 +17232,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-edjIRb_p.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-CVrn4X-3.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17341,6 +17359,13 @@ const _sfc_main = {
       presentationEditor.onTelemetry((telemetryPayload) => {
         proxy.$superdoc.captureLayoutPipelineEvent(telemetryPayload);
       });
+      presentationEditor.on("commentPositions", ({ positions }) => {
+        const commentsConfig = proxy.$superdoc.config.modules?.comments;
+        if (!commentsConfig || commentsConfig === false) return;
+        if (!positions || Object.keys(positions).length === 0) return;
+        const mappedPositions = presentationEditor.getCommentBounds(positions, layers.value);
+        handleEditorLocationsUpdate(mappedPositions);
+      });
     };
     const onEditorDestroy = () => {
       proxy.$superdoc.broadcastEditorDestroy();
@@ -17887,7 +17912,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3fafc837"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c3356b6"]]);
 const createSuperdocVueApp = () => {
   const app = createApp(App);
   const pinia = createPinia();
@@ -18067,7 +18092,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.32";
+    this.version = "1.0.0-beta.33";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-Cajp7-Xa.cjs → index-VKd9fPLu.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-BbbbKgEs.cjs");
+const superEditor_es = require("./super-editor.es-Dzrm58hW.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-DQmQUge-.cjs");
 const provider = require("@hocuspocus/provider");
@@ -16466,26 +16466,14 @@ const _sfc_main$9 = {
     const firstGroupRendered = vue.ref(false);
     const verticalOffset = vue.ref(0);
     const commentsRenderKey = vue.ref(0);
+    const measurementTimeoutId = vue.ref(null);
     const getCommentPosition = vue.computed(() => (comment) => {
       if (!floatingCommentsContainer.value) return { top: "0px" };
-      floatingCommentsContainer.value.getBoundingClientRect();
       if (typeof comment.top !== "number" || isNaN(comment.top)) {
         return { display: "none" };
       }
       return { top: `${comment.top}px` };
     });
-    const findScrollParent = (element) => {
-      if (!element) return window;
-      let parent = element.parentNode;
-      while (parent && parent !== document) {
-        const style2 = getComputedStyle(parent);
-        if (/(auto|scroll|overlay)/.test(style2.overflow + style2.overflowY + style2.overflowX)) {
-          return parent;
-        }
-        parent = parent.parentNode;
-      }
-      return window;
-    };
     const handleDialog = (dialog) => {
       if (!dialog) return;
       const { elementRef, commentId } = dialog;
@@ -16493,44 +16481,68 @@ const _sfc_main$9 = {
       vue.nextTick(() => {
         const id = commentId;
         if (renderedSizes.value.some((item) => item.id == id)) return;
-        const editorBounds = props.parent.getBoundingClientRect();
         const comment = getFloatingComments.value.find((c2) => c2.commentId === id || c2.importedId == id);
         const positionKey = id || comment?.importedId;
-        let position = editorCommentPositions.value[positionKey]?.bounds || {};
+        const positionEntry = editorCommentPositions.value[positionKey];
+        const position = positionEntry?.bounds || {};
         if (props.currentDocument.type === "application/pdf") {
           Object.entries(comment.selection?.selectionBounds).forEach(([key, value]) => {
             position[key] = Number(value);
           });
-          position.top += editorBounds.top;
         }
         if (!position) return;
-        const scrollParent = findScrollParent(props.parent);
-        scrollParent === window ? window.scrollY : scrollParent.scrollTop;
         const bounds = elementRef.value?.getBoundingClientRect();
+        const top = Number(position.top);
+        if (!Number.isFinite(top)) return;
         const placement = {
           id,
-          top: position.top - editorBounds.top,
+          top,
           height: bounds.height,
           commentRef: comment,
-          elementRef
+          elementRef,
+          pageIndex: positionEntry?.pageIndex ?? 0
         };
         renderedSizes.value.push(placement);
       });
     };
     const processLocations = async () => {
-      let currentBottom = 0;
-      renderedSizes.value.sort((a, b) => a.top - b.top).forEach((comment) => {
-        if (comment.top <= currentBottom + 15) {
-          comment.top = currentBottom + 15;
-        }
-        currentBottom = comment.top + comment.height;
+      const groupedByPage = renderedSizes.value.reduce((acc, comment) => {
+        const key = comment.pageIndex ?? 0;
+        if (!acc[key]) acc[key] = [];
+        acc[key].push(comment);
+        return acc;
+      }, {});
+      Object.values(groupedByPage).forEach((comments) => {
+        comments.sort((a, b) => a.top - b.top).forEach((comment, idx, arr) => {
+          if (idx === 0) return;
+          const prev = arr[idx - 1];
+          const minTop = prev.top + prev.height + 15;
+          if (comment.top < minTop) {
+            comment.top = minTop;
+          }
+        });
       });
       await vue.nextTick();
       firstGroupRendered.value = true;
     };
     vue.watchEffect(() => {
-      if (renderedSizes.value.length === getFloatingComments.value.length) {
+      if (measurementTimeoutId.value) {
+        clearTimeout(measurementTimeoutId.value);
+        measurementTimeoutId.value = null;
+      }
+      const totalComments = getFloatingComments.value.length;
+      const measuredComments = renderedSizes.value.length;
+      if (totalComments === 0) {
+        return;
+      }
+      if (measuredComments === totalComments) {
         vue.nextTick(processLocations);
+      } else if (measuredComments > 0 && !firstGroupRendered.value) {
+        measurementTimeoutId.value = setTimeout(() => {
+          if (!firstGroupRendered.value && renderedSizes.value.length > 0) {
+            processLocations();
+          }
+        }, 100);
       }
     });
     vue.watch(activeComment, (newVal, oldVal) => {
@@ -16553,6 +16565,12 @@ const _sfc_main$9 = {
         }, 200);
       });
     });
+    vue.onBeforeUnmount(() => {
+      if (measurementTimeoutId.value) {
+        clearTimeout(measurementTimeoutId.value);
+        measurementTimeoutId.value = null;
+      }
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "section-wrapper",
@@ -16603,7 +16621,7 @@ const _sfc_main$9 = {
     };
   }
 };
-const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-91de2350"]]);
+const FloatingComments = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-eab6fbfa"]]);
 const _sfc_main$8 = {
   __name: "TextField",
   props: {
@@ -17231,7 +17249,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-CTKbqDWv.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-1hoKlV0M.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17358,6 +17376,13 @@ const _sfc_main = {
       presentationEditor.onTelemetry((telemetryPayload) => {
         proxy.$superdoc.captureLayoutPipelineEvent(telemetryPayload);
       });
+      presentationEditor.on("commentPositions", ({ positions }) => {
+        const commentsConfig = proxy.$superdoc.config.modules?.comments;
+        if (!commentsConfig || commentsConfig === false) return;
+        if (!positions || Object.keys(positions).length === 0) return;
+        const mappedPositions = presentationEditor.getCommentBounds(positions, layers.value);
+        handleEditorLocationsUpdate(mappedPositions);
+      });
     };
     const onEditorDestroy = () => {
       proxy.$superdoc.broadcastEditorDestroy();
@@ -17904,7 +17929,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3fafc837"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c3356b6"]]);
 const createSuperdocVueApp = () => {
   const app = vue.createApp(App);
   const pinia = createPinia();
@@ -18084,7 +18109,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.32";
+    this.version = "1.0.0-beta.33";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-SGV4U12y-BPGxOtvI.es.js → index-hX4H5xPH-ChjioDix.es.js}

@@ -1,4 +1,4 @@
-import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-CdGsYGU1.es.js";
+import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-CpmC4G9F.es.js";
 import { V as VFile } from "./index-CvBqQJbG-CvBqQJbG.es.js";
 function bail(error) {
   if (error) {

package/dist/chunks/{index-SGV4U12y-Dh5jaROA.cjs → index-hX4H5xPH-DfkQd7UH.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./super-editor.es-BbbbKgEs.cjs");
+const superEditor_es = require("./super-editor.es-Dzrm58hW.cjs");
 const indexCvBqQJbG = require("./index-CvBqQJbG-Dwm0THD7.cjs");
 function bail(error) {
   if (error) {