superdoc 2.0.0-next.27 → 2.0.0-next.28

package/dist/superdoc.cjs

@@ -6,7 +6,7 @@ const require_uuid = require("./chunks/uuid-CFp0WGVU.cjs");
 const require_jszip = require("./chunks/jszip-BdUBlUeG.cjs");
 const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-BTwbGDKw.cjs");
 const require_constants = require("./chunks/constants-sbCZ2O_A.cjs");
-const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-pYMthdDn.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-CZBUMdjl.cjs");
 let vue = require("vue");
 vue = require_rolldown_runtime.__toESM(vue);
 require("y-websocket");
@@ -2520,7 +2520,7 @@ var aggregateRectBounds = (rects) => {
 };
 var groupRectsByPage = (rects) => {
 	const groupedRects = /* @__PURE__ */ new Map();
-	rects.forEach((rect) => {
+	(Array.isArray(rects) ? rects : []).forEach((rect) => {
 		const pageIndex = toFinitePageIndex(rect?.pageIndex);
 		if (pageIndex == null) return;
 		const pageRects = groupedRects.get(pageIndex);
@@ -2547,31 +2547,40 @@ var resolveSelectionPageIndex = (comment) => {
 };
 var buildSingleFloatingCommentInstance = ({ id, threadId, comment, positionKey, positionEntry }) => {
 	const geometryPageIndex = toFinitePageIndex(positionEntry?.pageIndex);
-	const pageIndex = geometryPageIndex != null ? geometryPageIndex : resolveSelectionPageIndex(comment);
+	const fallbackPageIndex = comment?.trackedChange ? null : resolveSelectionPageIndex(comment);
 	return {
 		id,
 		threadId,
 		comment,
 		positionKey,
 		positionEntry: positionEntry ?? null,
-		pageIndex,
+		pageIndex: geometryPageIndex ?? fallbackPageIndex,
 		isPrimary: true
 	};
 };
-var buildRepeatedHeaderFooterInstances = ({ comment, positionKey, positionEntry }) => {
+var buildRepeatedHeaderFooterInstances = ({ comment, positionKey, positionEntry, primaryInstanceId }) => {
 	const rectGroups = groupRectsByPage(positionEntry?.rects);
 	if (rectGroups.length < 2) return [];
-	const primaryPageIndex = toFinitePageIndex(positionEntry?.pageIndex) ?? rectGroups[0]?.pageIndex ?? null;
-	return rectGroups.map(({ pageIndex, rects }) => {
+	const renderableGroups = rectGroups.map(({ pageIndex, rects }) => {
 		const bounds = aggregateRectBounds(rects);
-		if (!bounds) return null;
+		return bounds ? {
+			pageIndex,
+			rects,
+			bounds
+		} : null;
+	}).filter(Boolean);
+	if (renderableGroups.length < 2) return [];
+	const geometryPageIndex = toFinitePageIndex(positionEntry?.pageIndex);
+	const primaryPageIndex = renderableGroups.some(({ pageIndex }) => pageIndex === geometryPageIndex) ? geometryPageIndex : renderableGroups[0]?.pageIndex ?? null;
+	return renderableGroups.map(({ pageIndex, rects, bounds }) => {
+		const isPrimary = pageIndex === primaryPageIndex;
 		return {
-			id: buildPageScopedInstanceId(positionKey, pageIndex),
+			id: isPrimary ? primaryInstanceId : buildPageScopedInstanceId(primaryInstanceId, pageIndex),
 			threadId: comment?.commentId ?? positionKey,
 			comment,
 			positionKey,
 			pageIndex,
-			isPrimary: pageIndex === primaryPageIndex,
+			isPrimary,
 			positionEntry: {
 				...positionEntry,
 				pageIndex,
@@ -2579,7 +2588,7 @@ var buildRepeatedHeaderFooterInstances = ({ comment, positionKey, positionEntry
 				bounds
 			}
 		};
-	}).filter(Boolean);
+	});
 };
 const buildFloatingCommentInstances = ({ comment, positionKey, positionEntry, fallbackId }) => {
 	const instanceId = comment?.trackedChange && comment?.trackedChangeCanonicalId && positionKey && fallbackId && String(positionKey) !== String(fallbackId) ? fallbackId : positionKey ?? fallbackId;
@@ -2588,7 +2597,8 @@ const buildFloatingCommentInstances = ({ comment, positionKey, positionEntry, fa
 		const repeatedInstances = buildRepeatedHeaderFooterInstances({
 			comment,
 			positionKey,
-			positionEntry
+			positionEntry,
+			primaryInstanceId: instanceId
 		});
 		if (repeatedInstances.length > 0) return repeatedInstances;
 	}
@@ -5812,6 +5822,7 @@ const useCommentsStore = defineStore("comments", () => {
 	const getFloatingComments = (0, vue.computed)(() => {
 		return getGroupedComments.value?.parentComments.filter((c) => !c.resolvedTime).filter((c) => {
 			if (!isEditorBackedComment(c)) return true;
+			if (isTrackedChangeThread(c)) return true;
 			return Boolean(resolveCommentPositionEntry(c).entry);
 		}).filter((c) => !isInlineTrackedChangeInsideTrackedTable(c));
 	});
@@ -6971,12 +6982,18 @@ var _hoisted_44 = {
 	class: "comment-separator"
 };
 var _hoisted_45 = {
+	key: 2,
+	class: "tracked-change-decision-alert",
+	role: "alert"
+};
+var _hoisted_46 = { class: "tracked-change-decision-alert__message" };
+var _hoisted_47 = {
 	key: 1,
 	class: "reply-expanded"
 };
-var _hoisted_46 = { class: "reply-input-wrapper" };
-var _hoisted_47 = { class: "reply-actions" };
-var _hoisted_48 = ["disabled", "data-disabled-reason"];
+var _hoisted_48 = { class: "reply-input-wrapper" };
+var _hoisted_49 = { class: "reply-actions" };
+var _hoisted_50 = ["disabled", "data-disabled-reason"];
 var CLICK_OUTSIDE_HIT_TOLERANCE_PX = 3;
 var TRACKED_CHANGE_PREVIEW_MAX_PX = 90;
 var _sfc_main$32 = {
@@ -7028,6 +7045,7 @@ var _sfc_main$32 = {
 		const isInternal = (0, vue.ref)(true);
 		const commentInput = (0, vue.ref)(null);
 		const editCommentInputs = (0, vue.ref)(/* @__PURE__ */ new Map());
+		const trackedChangeDecisionFailure = (0, vue.ref)(null);
 		const CLICK_OUTSIDE_HIT_SAMPLE_OFFSETS = [
 			[0, 0],
 			[-CLICK_OUTSIDE_HIT_TOLERANCE_PX, 0],
@@ -7477,6 +7495,35 @@ var _sfc_main$32 = {
 			if (!isV2WriteDisabled.value) return null;
 			return v2WriteCapability.value?.reason ?? "v2-write-unavailable";
 		});
+		const reportTrackedChangeDecisionFailure = (decision, outcome) => {
+			trackedChangeDecisionFailure.value = {
+				decision,
+				reason: outcome?.reason ?? null
+			};
+			(0, vue.nextTick)(() => emit("resize"));
+		};
+		const clearTrackedChangeDecisionFailure = () => {
+			if (!trackedChangeDecisionFailure.value) return;
+			trackedChangeDecisionFailure.value = null;
+			(0, vue.nextTick)(() => emit("resize"));
+		};
+		const trackedChangeDecisionFailureMessage = (0, vue.computed)(() => {
+			const failure = trackedChangeDecisionFailure.value;
+			if (!failure) return null;
+			const action = failure.decision === "reject" ? "reject" : "accept";
+			if (failure.reason === "stale-catalog") return `Couldn't ${action} this change because the review list is stale.`;
+			return `Couldn't ${action} this change.`;
+		});
+		const retryTrackedChangeDecision = () => {
+			const failure = trackedChangeDecisionFailure.value;
+			if (!failure) return;
+			trackedChangeDecisionFailure.value = null;
+			if (failure.decision === "reject") {
+				handleReject();
+				return;
+			}
+			handleResolve();
+		};
 		const handleReject = async () => {
 			if (commentsAreReadOnly$1()) return readOnlyMutationOutcome$1();
 			const customHandler = proxy.$superdoc.config.onTrackedChangeBubbleReject;
@@ -7487,7 +7534,11 @@ var _sfc_main$32 = {
 						comment: props.comment,
 						decision: "reject"
 					});
-					if (!outcome?.ok || outcome.success === false) return;
+					if (!outcome?.ok || outcome.success === false) {
+						reportTrackedChangeDecisionFailure("reject", outcome);
+						return;
+					}
+					clearTrackedChangeDecisionFailure();
 					if (typeof customHandler === "function") customHandler(props.comment, proxy.$superdoc.activeEditor);
 					(0, vue.nextTick)(() => {
 						commentsStore.lastUpdate = /* @__PURE__ */ new Date();
@@ -7543,7 +7594,11 @@ var _sfc_main$32 = {
 					comment: props.comment,
 					decision: "accept"
 				});
-				if (!outcome?.ok || outcome.success === false) return;
+				if (!outcome?.ok || outcome.success === false) {
+					reportTrackedChangeDecisionFailure("accept", outcome);
+					return;
+				}
+				clearTrackedChangeDecisionFailure();
 				if (typeof customHandler === "function") customHandler(props.comment, proxy.$superdoc.activeEditor);
 				(0, vue.nextTick)(() => {
 					commentsStore.lastUpdate = /* @__PURE__ */ new Date();
@@ -7895,11 +7950,16 @@ var _sfc_main$32 = {
 						showSeparator.value(index) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_44)) : (0, vue.createCommentVNode)("", true)
 					]);
 				}), 128)),
-				showInputSection.value && !(0, vue.unref)(getConfig).readOnly ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [!isReplying.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				trackedChangeDecisionFailure.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_45, [(0, vue.createElementVNode)("span", _hoisted_46, (0, vue.toDisplayString)(trackedChangeDecisionFailureMessage.value), 1), (0, vue.createElementVNode)("button", {
+					type: "button",
+					class: "sd-button tracked-change-decision-alert__retry",
+					onClick: (0, vue.withModifiers)(retryTrackedChangeDecision, ["stop", "prevent"])
+				}, " Retry ")])) : (0, vue.createCommentVNode)("", true),
+				showInputSection.value && !(0, vue.unref)(getConfig).readOnly ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, [!isReplying.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					key: 0,
 					class: "reply-pill",
 					onClick: (0, vue.withModifiers)(startReply, ["stop", "prevent"])
-				}, "Reply or add others with @")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_45, [(0, vue.createElementVNode)("div", _hoisted_46, [(0, vue.createVNode)(CommentInput_default, {
+				}, "Reply or add others with @")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_47, [(0, vue.createElementVNode)("div", _hoisted_48, [(0, vue.createVNode)(CommentInput_default, {
 					ref_key: "commentInput",
 					ref: commentInput,
 					users: usersFiltered.value,
@@ -7910,7 +7970,7 @@ var _sfc_main$32 = {
 					"users",
 					"config",
 					"comment"
-				])]), (0, vue.createElementVNode)("div", _hoisted_47, [(0, vue.createElementVNode)("button", {
+				])]), (0, vue.createElementVNode)("div", _hoisted_49, [(0, vue.createElementVNode)("button", {
 					class: "sd-button reply-btn-cancel",
 					onClick: (0, vue.withModifiers)(handleCancel, ["stop", "prevent"])
 				}, "Cancel"), (0, vue.createElementVNode)("button", {
@@ -7918,12 +7978,12 @@ var _sfc_main$32 = {
 					onClick: (0, vue.withModifiers)(handleAddComment, ["stop", "prevent"]),
 					disabled: !hasTextContent.value || isV2WriteDisabled.value,
 					"data-disabled-reason": isV2WriteDisabled.value ? v2WriteCapability.value?.reason ?? null : null
-				}, " Reply ", 10, _hoisted_48)])]))], 64)) : (0, vue.createCommentVNode)("", true)
+				}, " Reply ", 10, _hoisted_50)])]))], 64)) : (0, vue.createCommentVNode)("", true)
 			], 64))], 14, _hoisted_1$25)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
 };
-var CommentDialog_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$32, [["__scopeId", "data-v-67a03ee2"]]);
+var CommentDialog_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$32, [["__scopeId", "data-v-35236c9c"]]);
 var _hoisted_1$24 = { class: "comments-list" };
 var _hoisted_2$19 = { key: 0 };
 var _hoisted_3$15 = [
@@ -8311,6 +8371,7 @@ var _sfc_main$30 = {
 	setup(__props) {
 		const ESTIMATED_HEIGHT = 110;
 		const OBSERVER_MARGIN = 600;
+		const FALLBACK_ANCHOR_STEP = .001;
 		const resolveCollisions = (positions, activeIndex, gap) => {
 			if (activeIndex >= 0) {
 				positions[activeIndex].top = positions[activeIndex].anchorTop;
@@ -8442,18 +8503,31 @@ var _sfc_main$30 = {
 			const hasPending = pendingComment.value && pendingComment.value.fileId === props.currentDocument.id;
 			if (!instances.length && !hasPending) return [];
 			const positions = [];
+			let lastAnchoredTop = 0;
+			let fallbackAnchorCount = 0;
 			for (const instance of instances) {
 				const key = instance?.id;
 				const anchorTop = getAnchorTop(instance);
 				const threadId = getThreadId(instance?.comment);
-				if (!key || !threadId || typeof anchorTop !== "number" || isNaN(anchorTop)) continue;
-				const top = normalizeFloatingAnchorTop(anchorTop, instance.comment);
+				if (!key || !threadId) continue;
+				const hasAnchorGeometry = typeof anchorTop === "number" && !isNaN(anchorTop);
+				if (!hasAnchorGeometry && !isPersistentReviewSidebarItem(instance?.comment)) continue;
+				let top;
+				if (hasAnchorGeometry) {
+					top = normalizeFloatingAnchorTop(anchorTop, instance.comment);
+					lastAnchoredTop = top;
+					fallbackAnchorCount = 0;
+				} else {
+					fallbackAnchorCount += 1;
+					top = lastAnchoredTop + fallbackAnchorCount * FALLBACK_ANCHOR_STEP;
+				}
 				positions.push({
 					id: key,
 					threadId,
 					pageIndex: instance?.pageIndex ?? null,
 					anchorTop: top,
-					anchorBottom: getAnchorBottom(instance, top),
+					anchorBottom: hasAnchorGeometry ? getAnchorBottom(instance, top) : top,
+					hasAnchorGeometry,
 					top,
 					height: measuredHeights.value[key] || ESTIMATED_HEIGHT,
 					commentRef: instance.comment,
@@ -8466,6 +8540,7 @@ var _sfc_main$30 = {
 					id: "pending",
 					anchorTop: pendingTop,
 					anchorBottom: pendingTop,
+					hasAnchorGeometry: true,
 					top: pendingTop,
 					height: measuredHeights.value["pending"] || ESTIMATED_HEIGHT,
 					commentRef: pendingComment.value
@@ -8476,6 +8551,7 @@ var _sfc_main$30 = {
 			resolveCollisions(positions, activeKey ? positions.findIndex((p) => p.id === activeKey) : -1, 15);
 			const viewportRange = getFloatingViewportRange();
 			if (viewportRange) for (const position of positions) {
+				if (!position.hasAnchorGeometry) continue;
 				const persistentReviewTop = resolvePersistentReviewCardTop({
 					comment: position.commentRef,
 					anchorTop: position.anchorTop,
@@ -8605,6 +8681,7 @@ var _sfc_main$30 = {
 		let continuityAlignmentScheduled = false;
 		let continuityAlignmentGeneration = 0;
 		let continuityTransitionFrame = null;
+		let activeLayoutContinuityFrame = null;
 		const clearDeferredRemeasureTimers = () => {
 			remeasureTimers.forEach(clearTimeout);
 			remeasureTimers = [];
@@ -8776,14 +8853,27 @@ var _sfc_main$30 = {
 		});
 		let prevPositionIds = /* @__PURE__ */ new Set();
 		let prevActiveAnchorTop = null;
+		let prevActiveLayoutTop = null;
 		(0, vue.watch)(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;
-			if (activeAnchorTop != null && prevActiveAnchorTop != null && Math.abs(activeAnchorTop - prevActiveAnchorTop) > 1 && sidebarOffsetY.value !== 0 && !Number.isFinite(instantSidebarAlignmentTargetY.value)) {
+			const activeAnchorMoved = 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;
+			if (activeAnchorMoved && sidebarOffsetY.value !== 0 && !Number.isFinite(instantSidebarAlignmentTargetY.value)) {
 				sidebarOffsetY.value = 0;
 				setInstantLayoutTransitionsDisabled(false);
+			} else if (activeLayoutMoved && sidebarOffsetY.value !== 0 && !Number.isFinite(instantSidebarAlignmentTargetY.value) && !sidebarContinuityAnchor) {
+				setInstantLayoutTransitionsDisabled(true);
+				sidebarOffsetY.value += prevActiveLayoutTop - activeLayoutTop;
+				if (activeLayoutContinuityFrame != null) cancelAnimationFrame(activeLayoutContinuityFrame);
+				activeLayoutContinuityFrame = requestAnimationFrame(() => {
+					activeLayoutContinuityFrame = null;
+					if (!sidebarContinuityAnchor && !Number.isFinite(instantSidebarAlignmentTargetY.value)) setInstantLayoutTransitionsDisabled(false);
+				});
 			}
 			prevActiveAnchorTop = activeAnchorTop;
+			prevActiveLayoutTop = activeLayoutTop;
 			const positionOrder = positions.map((position) => position.id);
 			const currentIds = new Set(positionOrder);
 			if (sidebarContinuityAnchor && !currentIds.has(sidebarContinuityAnchor.key)) {
@@ -8848,6 +8938,10 @@ var _sfc_main$30 = {
 			clearDeferredRemeasureTimers();
 			if (scrollTimer) clearTimeout(scrollTimer);
 			clearSidebarContinuityAnchor();
+			if (activeLayoutContinuityFrame != null) {
+				cancelAnimationFrame(activeLayoutContinuityFrame);
+				activeLayoutContinuityFrame = null;
+			}
 			if (observer) {
 				observer.disconnect();
 				observer = null;
@@ -8909,7 +9003,7 @@ var _sfc_main$30 = {
 		};
 	}
 };
-var FloatingComments_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$30, [["__scopeId", "data-v-7bf85652"]]);
+var FloatingComments_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$30, [["__scopeId", "data-v-3672b976"]]);
 var _hoisted_1$22 = {
 	class: "superdoc__pdf-comments-layer pdf-comments-layer",
 	"aria-hidden": "false"
@@ -9655,6 +9749,17 @@ const DRAWING_SUPPORT_TAXONOMY = {
 	}
 };
 const DRAWING_FAMILIES = Object.keys(DRAWING_SUPPORT_TAXONOMY);
+const PAGE_CHECKPOINT_DEPENDENCY_CLASSES = Object.freeze([
+	"multiple-sections",
+	"furniture-page-tokens",
+	"non-balanceable-multi-column-sections",
+	"body-anchored-objects",
+	"footnotes",
+	"page-references",
+	"keep-constraints",
+	"tables",
+	"furniture-anchored-objects"
+]);
 var _hoisted_1$20 = { class: "superdoc-html-viewer" };
 var _hoisted_2$17 = { class: "superdoc-html-viewer__document" };
 var _hoisted_3$14 = ["innerHTML"];
@@ -11511,8 +11616,11 @@ function scrollToElement(targetElement, options = {
 	const container = getScrollableParent(targetElement);
 	const containerRect = container.getBoundingClientRect();
 	const offsetTop = targetElement.getBoundingClientRect().top - containerRect.top + container.scrollTop;
+	const scrollPaddingTopValue = window.getComputedStyle(container).scrollPaddingTop?.trim();
+	const resolvedScrollPaddingTop = scrollPaddingTopValue?.endsWith("px") ? Number(scrollPaddingTopValue.slice(0, -2)) : 0;
+	const scrollPaddingTop = Number.isFinite(resolvedScrollPaddingTop) && resolvedScrollPaddingTop >= 0 ? resolvedScrollPaddingTop : 0;
 	container.scrollTo({
-		top: options.block === "start" ? offsetTop : offsetTop - container.clientHeight + targetElement.offsetHeight,
+		top: options.block === "start" ? offsetTop - scrollPaddingTop : offsetTop - container.clientHeight + targetElement.offsetHeight,
 		behavior: options.behavior
 	});
 }
@@ -34539,7 +34647,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.0.0-next.27";
+		this.version = "2.0.0-next.28";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4_default();
 		this.colors = this.config.colors ?? [];