superdoc 2.22.0 → 2.22.1-next.2

package/dist/superdoc.es.js

@@ -314,7 +314,7 @@ var shuffleArray = (array) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.22.0";
+		return "2.22.1-next.2";
 	} catch {
 		return "unknown";
 	}
@@ -13623,7 +13623,6 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			const isTrackedChange = Boolean(props.comment?.trackedChange);
 			const targetClientY = getPreferredCommentFocusTargetClientY();
 			const isInstanceScopedDialog = props.floatingInstanceId != null;
-			const currentDialogTop = commentDialogElement.value?.getBoundingClientRect?.().top;
 			const willChangeActiveDialog = !props.comment.resolvedTime && (activeComment.value !== props.comment.commentId || isInstanceScopedDialog && currentFloatingInstanceId.value !== activeFloatingCommentInstanceId.value);
 			let instantAlignmentTargetY = targetClientY;
 			if (v2Adapter) {
@@ -13642,8 +13641,13 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					if (props.floatingInstanceId) setActiveFloatingCommentInstance(props.floatingInstanceId);
 				}
 				if (willChangeActiveDialog && !isInstanceScopedDialog) requestInstantSidebarAlignment(targetClientY, props.comment.commentId, props.floatingInstanceId ?? null);
-				else if (willChangeActiveDialog && Number.isFinite(currentDialogTop)) requestInstantSidebarAlignment(currentDialogTop, props.comment.commentId, props.floatingInstanceId);
-				else clearInstantSidebarAlignment();
+				else if (isInstanceScopedDialog && !props.comment.resolvedTime) {
+					await nextTick();
+					const { entry } = resolveCommentPositionEntry(props.comment);
+					const anchorClientY = getVisibleThreadAnchorClientY(props.parent, props.floatingPositionEntry ?? entry);
+					if (Number.isFinite(anchorClientY)) requestInstantSidebarAlignment(anchorClientY, props.comment.commentId, props.floatingInstanceId);
+					else clearInstantSidebarAlignment();
+				} else clearInstantSidebarAlignment();
 				return result;
 			}
 			if (editor) {
@@ -14335,7 +14339,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 64))], 14, _hoisted_1$27)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
-}, [["__scopeId", "data-v-eefd4750"]]);
+}, [["__scopeId", "data-v-21ad0f69"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$26 = [
@@ -15059,9 +15063,6 @@ var composeAuthorColorResolver = (config) => {
 };
 //#endregion
 //#region src/components/CommentsLayer/floating-comment-positioning.js
-var isPersistentReviewSidebarItem = (comment) => {
-	return Boolean(comment?.trackedChange);
-};
 var normalizeFloatingAnchorTop = (top) => {
 	return top;
 };
@@ -15069,12 +15070,11 @@ var isAnchorOutsideFloatingViewport = (anchorTop, viewportTop, viewportBottom, a
 	if (!Number.isFinite(anchorTop) || !Number.isFinite(viewportTop) || !Number.isFinite(viewportBottom)) return false;
 	return (Number.isFinite(anchorBottom) ? anchorBottom : anchorTop) < viewportTop || anchorTop > viewportBottom;
 };
-var shouldKeepPersistentReviewCardAtAnchor = ({ comment, anchorTop, anchorBottom, viewportTop, viewportBottom }) => {
-	return isPersistentReviewSidebarItem(comment) && isAnchorOutsideFloatingViewport(anchorTop, viewportTop, viewportBottom, anchorBottom);
+var shouldKeepFloatingCardAtAnchor = ({ anchorTop, anchorBottom, viewportTop, viewportBottom }) => {
+	return isAnchorOutsideFloatingViewport(anchorTop, viewportTop, viewportBottom, anchorBottom);
 };
-var resolvePersistentReviewCardTop = ({ comment, anchorTop, anchorBottom, cardHeight, viewportTop, viewportBottom }) => {
-	if (!shouldKeepPersistentReviewCardAtAnchor({
-		comment,
+var resolveOffscreenFloatingCardTop = ({ anchorTop, anchorBottom, cardHeight, viewportTop, viewportBottom }) => {
+	if (!shouldKeepFloatingCardAtAnchor({
 		anchorTop,
 		anchorBottom,
 		viewportTop,
@@ -15159,11 +15159,6 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					positions[i].top = Math.min(positions[i].anchorTop, bottomEdge);
 					cursor = positions[i].top - gap;
 				}
-				const minTop = Math.min(...positions.map((p) => p.top));
-				if (minTop < 0) {
-					const shift = Math.abs(minTop);
-					for (const p of positions) p.top += shift;
-				}
 			} else for (let i = 1; i < positions.length; i++) {
 				const prev = positions[i - 1];
 				const minTop = prev.top + prev.height + gap;
@@ -15421,8 +15416,7 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			positions.sort((a, b) => a.anchorTop - b.anchorTop);
 			const collisionPositions = [];
 			for (const position of positions) {
-				const offscreenTop = position.hasAnchorGeometry ? resolvePersistentReviewCardTop({
-					comment: position.commentRef,
+				const offscreenTop = position.hasAnchorGeometry ? resolveOffscreenFloatingCardTop({
 					anchorTop: position.anchorTop,
 					anchorBottom: position.anchorBottom,
 					cardHeight: position.height,
@@ -15633,6 +15627,9 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			releaseDecisionContinuityForOwnerScroll();
 			refreshViewportWindow();
 		};
+		const handleDocumentScroll = (event) => {
+			if (event.target instanceof Element && event.target.matches(".superdoc__sub-document")) handleOwnerScroll();
+		};
 		const registerOwnerScrollListeners = () => {
 			const addTarget = (target) => {
 				if (!target?.addEventListener || ownerScrollTargets.has(target)) return;
@@ -15640,10 +15637,15 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				ownerScrollTargets.add(target);
 			};
 			addTarget(props.parent);
+			props.parent?.addEventListener?.("scroll", handleDocumentScroll, {
+				passive: true,
+				capture: true
+			});
 			for (let ancestor = floatingCommentsContainer.value?.parentElement; ancestor; ancestor = ancestor.parentElement) if (SCROLL_OWNER_OVERFLOW_VALUES.has(window.getComputedStyle(ancestor).overflowY)) addTarget(ancestor);
 			addTarget(window);
 		};
 		const unregisterOwnerScrollListeners = () => {
+			props.parent?.removeEventListener?.("scroll", handleDocumentScroll, true);
 			for (const target of ownerScrollTargets) target.removeEventListener?.("scroll", handleOwnerScroll);
 			ownerScrollTargets.clear();
 		};
@@ -15806,14 +15808,16 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}
 		});
 		let prevPositionIds = /* @__PURE__ */ new Set();
+		let prevActiveInstanceId = null;
 		let prevActiveAnchorTop = null;
 		let prevActiveLayoutTop = null;
 		watch$1(allPositions, (positions) => {
 			const activePosition = activeCommentInstanceId.value ? positions.find((position) => position.id === activeCommentInstanceId.value) : null;
 			const activeAnchorTop = typeof activePosition?.anchorTop === "number" && Number.isFinite(activePosition.anchorTop) ? activePosition.anchorTop : null;
-			const activeAnchorMoved = activeAnchorTop != null && prevActiveAnchorTop != null && Math.abs(activeAnchorTop - prevActiveAnchorTop) > 1;
+			const sameActiveInstance = activeCommentInstanceId.value === prevActiveInstanceId;
+			const activeAnchorMoved = sameActiveInstance && activeAnchorTop != null && prevActiveAnchorTop != null && Math.abs(activeAnchorTop - prevActiveAnchorTop) > 1;
 			const activeLayoutTop = typeof activePosition?.top === "number" && Number.isFinite(activePosition.top) ? activePosition.top : null;
-			const activeLayoutMoved = activeLayoutTop != null && prevActiveLayoutTop != null && Math.abs(activeLayoutTop - prevActiveLayoutTop) > 1;
+			const activeLayoutMoved = sameActiveInstance && activeLayoutTop != null && prevActiveLayoutTop != null && Math.abs(activeLayoutTop - prevActiveLayoutTop) > 1;
 			if (activeAnchorMoved && sidebarOffsetY.value !== 0 && !Number.isFinite(instantSidebarAlignmentTargetY.value)) {
 				sidebarOffsetY.value = 0;
 				setInstantLayoutTransitionsDisabled(false);
@@ -15826,6 +15830,7 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					if (!sidebarContinuityAnchor && !Number.isFinite(instantSidebarAlignmentTargetY.value)) setInstantLayoutTransitionsDisabled(false);
 				});
 			}
+			prevActiveInstanceId = activeCommentInstanceId.value;
 			prevActiveAnchorTop = activeAnchorTop;
 			prevActiveLayoutTop = activeLayoutTop;
 			const positionOrder = positions.map((position) => position.id);
@@ -15985,7 +15990,7 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}), 128))], 4)], 36);
 		};
 	}
-}, [["__scopeId", "data-v-8262096d"]]);
+}, [["__scopeId", "data-v-15b59a51"]]);
 //#endregion
 //#region src/components/CommentsLayer/PdfCommentsLayer.vue
 var _hoisted_1$23 = {
@@ -46311,7 +46316,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.22.0";
+		this.version = "2.22.1-next.2";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];