superdoc 2.0.0-next.33 → 2.0.0-next.34

package/dist/superdoc.es.js

@@ -5,7 +5,7 @@ import { t as v4_default } from "./chunks/uuid-B2Sqk-3p.es.js";
 import { a as init_dist, i as global, n as init_dist$1, r as process$1, t as require_jszip_min } from "./chunks/jszip-DzmwAHr3.es.js";
 import { t as __plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper-CInC0bKI.es.js";
 import { n as PDF_TO_CSS_UNITS } from "./chunks/constants-CY3R3_kF.es.js";
-import { a as createV2ReviewMutationReconciler, i as isV2EditableTextMutationEvent, o as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-C01vcKRO.es.js";
+import { a as createV2ReviewMutationReconciler, i as isV2EditableTextMutationEvent, o as getV2TrackedChangeMutationImpact, s as composeAuthorColorResolver, t as createSuperDocUI } from "./chunks/create-super-doc-ui-C_kKiKQ4.es.js";
 import * as Vue from "vue";
 import { Fragment, Teleport, Transition, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, getCurrentInstance, h, inject, markRaw, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeUnmount, onDeactivated, onMounted, openBlock, reactive, ref, renderList, renderSlot, resolveDirective, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toRef, unref, useAttrs, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import "y-websocket";
@@ -1842,6 +1842,7 @@ function useComment(params) {
 	const trackedChangeStoryLabel = ref(params.trackedChangeStoryLabel || "");
 	const trackedChangeAnchorKey = ref(params.trackedChangeAnchorKey || null);
 	const trackedChangeCanonicalId = ref(params.trackedChangeCanonicalId || null);
+	const trackedChangePositionAliases = ref(params.trackedChangePositionAliases || []);
 	const deletedText = ref(params.deletedText || null);
 	const trackedChangeLabel = ref(params.trackedChangeLabel || null);
 	const trackedChangeDetailLines = ref(params.trackedChangeDetailLines || null);
@@ -2011,6 +2012,7 @@ function useComment(params) {
 			trackedChangeStoryLabel: trackedChangeStoryLabel.value,
 			trackedChangeAnchorKey: trackedChangeAnchorKey.value,
 			trackedChangeCanonicalId: trackedChangeCanonicalId.value,
+			trackedChangePositionAliases: trackedChangePositionAliases.value,
 			trackedChangeDecision: trackedChangeDecision.value,
 			trackedChangeLabel: trackedChangeLabel.value,
 			trackedChangeDetailLines: trackedChangeDetailLines.value,
@@ -2060,6 +2062,7 @@ function useComment(params) {
 		trackedChangeStoryLabel,
 		trackedChangeAnchorKey,
 		trackedChangeCanonicalId,
+		trackedChangePositionAliases,
 		trackedChangeDecision,
 		trackedChangeLabel,
 		trackedChangeDetailLines,
@@ -2513,6 +2516,11 @@ var toFinitePageIndex = (value) => {
 var buildPageScopedInstanceId = (positionKey, pageIndex) => {
 	return `${positionKey}::page:${pageIndex}`;
 };
+var matchesTrackedChangePositionAlias = (positionKey, alias) => {
+	const normalizedPositionKey = String(positionKey);
+	const normalizedAlias = String(alias);
+	return normalizedPositionKey === normalizedAlias || normalizedPositionKey.startsWith("tc::") && normalizedPositionKey.endsWith(`::${normalizedAlias}`);
+};
 var aggregateRectBounds = (rects) => {
 	if (!Array.isArray(rects) || rects.length === 0) return null;
 	let left = Number.POSITIVE_INFINITY;
@@ -2619,7 +2627,9 @@ var buildRepeatedHeaderFooterInstances = ({ comment, positionKey, positionEntry,
 	});
 };
 const buildFloatingCommentInstances = ({ comment, positionKey, positionEntry, fallbackId }) => {
-	const instanceId = comment?.trackedChange && comment?.trackedChangeCanonicalId && positionKey && fallbackId && String(positionKey) !== String(fallbackId) ? fallbackId : positionKey ?? fallbackId;
+	const hasTrackedChangePositionAlias = comment?.trackedChange && positionKey && fallbackId && Array.isArray(comment?.trackedChangePositionAliases) && comment.trackedChangePositionAliases.some((alias) => matchesTrackedChangePositionAlias(positionKey, alias));
+	const hasSharedTrackedChangeAnchor = comment?.trackedChange && comment?.trackedChangeCanonicalId && positionKey && fallbackId && String(positionKey) !== String(fallbackId);
+	const instanceId = hasTrackedChangePositionAlias || hasSharedTrackedChangeAnchor ? fallbackId : positionKey ?? fallbackId;
 	if (!instanceId) return [];
 	if (isRepeatedHeaderFooterTrackedChange(comment, positionEntry) && positionKey) {
 		const repeatedInstances = buildRepeatedHeaderFooterInstances({
@@ -3100,6 +3110,37 @@ const useCommentsStore = defineStore("comments", () => {
 		if (config.comments && config.comments.length) commentsList.value = config.comments?.map((c) => useComment(c)) || [];
 	};
 	const normalizeCommentId = (id) => id === void 0 || id === null ? null : String(id);
+	const normalizeTrackedChangePositionAliases = (aliases) => {
+		if (!Array.isArray(aliases)) return [];
+		return [...new Set(aliases.map((id) => normalizeCommentId(id)).filter(Boolean))];
+	};
+	const getTrackedChangeStoryKey = (comment) => {
+		if (!comment?.trackedChange) return null;
+		const anchorKey = normalizeCommentId(comment.trackedChangeAnchorKey);
+		if (anchorKey?.startsWith("tc::")) {
+			const separatorIndex = anchorKey.indexOf("::", 4);
+			if (separatorIndex > 4) return anchorKey.slice(4, separatorIndex);
+		}
+		const story = comment.trackedChangeStory;
+		switch (story?.storyType) {
+			case "body": return "body";
+			case "headerFooterPart": return story.refId ? `hf:${story.refId}` : null;
+			case "footnote": return story.noteId ? `fn:${story.noteId}` : null;
+			case "endnote": return story.noteId ? `en:${story.noteId}` : null;
+			case "textbox": return story.textboxId ? `textbox:${story.textboxId}` : null;
+			default: return null;
+		}
+	};
+	const normalizeTrackedChangeStoryKey = (storyKey) => {
+		if (storyKey?.startsWith("hf:part:")) return `hf:${storyKey.slice(8)}`;
+		if (storyKey?.startsWith("headerFooterPart:")) return `hf:${storyKey.slice(17)}`;
+		return storyKey;
+	};
+	const positionEntryMatchesTrackedChangeStory = (entry, comment) => {
+		const expectedStoryKey = normalizeTrackedChangeStoryKey(getTrackedChangeStoryKey(comment));
+		const entryStoryKey = normalizeTrackedChangeStoryKey(normalizeCommentId(entry?.storyKey));
+		return !expectedStoryKey || !entryStoryKey || entryStoryKey === expectedStoryKey;
+	};
 	const buildTrackedChangeImportedPositionId = (id) => {
 		const normalizedId = normalizeCommentId(id);
 		if (!normalizedId) return null;
@@ -3223,6 +3264,8 @@ const useCommentsStore = defineStore("comments", () => {
 		if (commentOrId === void 0 || commentOrId === null) return [];
 		const rawId = typeof commentOrId === "object" ? null : commentOrId;
 		const comment = typeof commentOrId === "object" ? commentOrId : getComment(commentOrId);
+		const trackedChangePositionAliases = comment?.trackedChange ? normalizeTrackedChangePositionAliases(comment?.trackedChangePositionAliases) : [];
+		const trackedChangeStoryKey = normalizeTrackedChangeStoryKey(getTrackedChangeStoryKey(comment));
 		const seen = /* @__PURE__ */ new Set();
 		return [
 			rawId,
@@ -3230,7 +3273,11 @@ const useCommentsStore = defineStore("comments", () => {
 			comment?.trackedChangeAnchorKey,
 			comment?.commentId,
 			comment?.importedId,
-			comment?.trackedChange ? buildTrackedChangeImportedPositionId(comment?.importedId) : null
+			comment?.trackedChange ? buildTrackedChangeImportedPositionId(comment?.importedId) : null,
+			...trackedChangePositionAliases.flatMap((id) => [trackedChangeStoryKey && !id.startsWith("tc::") ? makeTrackedChangeAnchorKey({
+				storyKey: trackedChangeStoryKey,
+				rawId: id
+			}) : null, id])
 		].map((id) => normalizeCommentId(id)).filter((id) => {
 			if (!id || seen.has(id)) return false;
 			seen.add(id);
@@ -3239,12 +3286,13 @@ const useCommentsStore = defineStore("comments", () => {
 	};
 	const resolveCommentPositionEntry = (commentOrId, preferredId) => {
 		const currentPositions = editorCommentPositions.value || {};
+		const comment = typeof commentOrId === "object" ? commentOrId : getComment(commentOrId);
 		const seen = /* @__PURE__ */ new Set();
 		for (const key of [preferredId, ...getCommentAliasIds(commentOrId)].map((id) => normalizeCommentId(id)).filter(Boolean)) {
 			if (seen.has(key)) continue;
 			seen.add(key);
 			const entry = currentPositions[key];
-			if (entry !== void 0) return {
+			if (entry !== void 0 && positionEntryMatchesTrackedChangeStory(entry, comment)) return {
 				key,
 				entry
 			};
@@ -3483,9 +3531,11 @@ const useCommentsStore = defineStore("comments", () => {
 			documentId: params?.documentId ?? null
 		});
 		try {
-			const { event, changeId, trackedChangeText, trackedChangeType, trackedChangeDisplayType, semanticColorKey, semanticColor, deletedText, trackedChangeLabel, trackedChangeDetailLines, trackedChangeImagePreview, authorId, authorEmail, authorImage, date, author: authorName, importedAuthor, documentId, coords, trackedChangeStory, trackedChangeStoryKind, trackedChangeStoryLabel, trackedChangeAnchorKey, trackedChangeCanonicalId, importedId } = params;
+			const { event, changeId, trackedChangeText, trackedChangeType, trackedChangeDisplayType, semanticColorKey, semanticColor, deletedText, trackedChangeLabel, trackedChangeDetailLines, trackedChangeImagePreview, authorId, authorEmail, authorImage, date, author: authorName, importedAuthor, documentId, coords, trackedChangeStory, trackedChangeStoryKind, trackedChangeStoryLabel, trackedChangeAnchorKey, trackedChangeCanonicalId, trackedChangePositionAliases, importedId } = params;
 			const normalizedChangeId = changeId != null ? String(changeId) : null;
 			const normalizedTrackedChangeCanonicalId = trackedChangeCanonicalId != null ? String(trackedChangeCanonicalId) : null;
+			const hasTrackedChangePositionAliases = Object.prototype.hasOwnProperty.call(params, "trackedChangePositionAliases");
+			const normalizedTrackedChangePositionAliases = hasTrackedChangePositionAliases ? normalizeTrackedChangePositionAliases(trackedChangePositionAliases) : void 0;
 			const hasImportedId = Object.prototype.hasOwnProperty.call(params, "importedId");
 			const normalizedImportedId = hasImportedId ? importedId != null ? String(importedId) : null : void 0;
 			const normalizedDocumentId = documentId != null ? String(documentId) : null;
@@ -3543,6 +3593,7 @@ const useCommentsStore = defineStore("comments", () => {
 				trackedChangeStoryLabel: normalizedTrackedChangeStoryLabel,
 				trackedChangeAnchorKey: normalizedTrackedChangeAnchorKey,
 				trackedChangeCanonicalId: normalizedTrackedChangeCanonicalId,
+				...hasTrackedChangePositionAliases ? { trackedChangePositionAliases: normalizedTrackedChangePositionAliases } : {},
 				selection: {
 					source: DOCUMENT_EDITOR_SELECTION_SOURCE,
 					selectionBounds: coords
@@ -3603,6 +3654,7 @@ const useCommentsStore = defineStore("comments", () => {
 					createdTime: date ?? null
 				};
 				if (hasImportedId) fields.importedId = normalizedImportedId;
+				if (hasTrackedChangePositionAliases) fields.trackedChangePositionAliases = normalizedTrackedChangePositionAliases;
 				let didChange = false;
 				for (const [key, value] of Object.entries(fields)) didChange = setIfChanged(target, key, value) || didChange;
 				if (target && !(target.trackedChangeDetailLines == null && normalizedTrackedChangeDetailLines == null) && !trackedChangeDetailLinesEqual(target.trackedChangeDetailLines, normalizedTrackedChangeDetailLines)) {
@@ -9698,85 +9750,6 @@ var WhiteboardLayer_default = /* @__PURE__ */ __plugin_vue_export_helper_default
 		};
 	}
 }, [["__scopeId", "data-v-54546c3d"]]);
-var FALLBACK_PALETTE = [
-	"#1f6feb",
-	"#d1242f",
-	"#8250df",
-	"#bf3989",
-	"#1a7f37",
-	"#9a6700",
-	"#bc4c00",
-	"#0969da",
-	"#cf222e",
-	"#6639ba",
-	"#116329",
-	"#7d4e00"
-];
-const authorIdentityKey = (author) => {
-	if (!author) return "";
-	return `${typeof author.name === "string" ? author.name : ""} ${typeof author.email === "string" ? author.email : ""}`;
-};
-var hashString = (value) => {
-	let hash = 2166136261;
-	for (let i = 0; i < value.length; i += 1) {
-		hash ^= value.charCodeAt(i);
-		hash = Math.imul(hash, 16777619);
-	}
-	return hash >>> 0;
-};
-const fallbackAuthorColor = (author) => {
-	return FALLBACK_PALETTE[hashString(authorIdentityKey(author)) % FALLBACK_PALETTE.length];
-};
-var isNonEmptyString = (value) => typeof value === "string" && value.length > 0;
-const composeAuthorColorResolver = (config) => {
-	if (!config || config.enabled === false) return void 0;
-	const overrides = config.overrides && typeof config.overrides === "object" ? config.overrides : void 0;
-	const resolve = typeof config.resolve === "function" ? config.resolve : void 0;
-	return (author) => {
-		const safeAuthor = author ?? {};
-		if (overrides) {
-			if (isNonEmptyString(safeAuthor.email) && isNonEmptyString(overrides[safeAuthor.email])) return overrides[safeAuthor.email];
-			if (isNonEmptyString(safeAuthor.name) && isNonEmptyString(overrides[safeAuthor.name])) return overrides[safeAuthor.name];
-		}
-		if (resolve) try {
-			const resolved = resolve(safeAuthor);
-			if (isNonEmptyString(resolved)) return resolved;
-		} catch {}
-		return fallbackAuthorColor(safeAuthor);
-	};
-};
-const DRAWING_DIAGNOSTIC_CODES = {
-	externalImageDeferred: "render.media.external-image-deferred",
-	missingRelationship: "render.drawing.missing-relationship",
-	missingMediaPart: "render.media.missing-part",
-	unsupportedRelationshipType: "render.drawing.unsupported-relationship-type",
-	unsupportedMime: "render.media.unsupported-mime",
-	imageTooLarge: "render.media.image-too-large",
-	unsafeSvg: "render.media.unsafe-svg",
-	unsupportedFormat: "render.media.unsupported-format",
-	embeddedObjectNotSupported: "render.embedded-object-not-supported",
-	unsupportedObject: "render.drawing.unsupported-object",
-	vmlUnsupported: "render.drawing.vml-unsupported",
-	vmlImageUnsupported: "render.drawing.vml-image-unsupported",
-	unsupportedGeometryCommand: "render.drawing.unsupported-geometry-command",
-	anchorUnsupported: "render.drawing.anchor-unsupported",
-	wrapUnsupported: "render.drawing.wrap-unsupported",
-	altContentNoSupportedChoice: "render.drawing.altcontent-no-supported-choice",
-	groupChildUnsupported: "render.drawing.group-child-unsupported"
-};
-DRAWING_DIAGNOSTIC_CODES.missingRelationship, DRAWING_DIAGNOSTIC_CODES.unsupportedRelationshipType, DRAWING_DIAGNOSTIC_CODES.unsupportedRelationshipType, DRAWING_DIAGNOSTIC_CODES.imageTooLarge, DRAWING_DIAGNOSTIC_CODES.missingMediaPart, DRAWING_DIAGNOSTIC_CODES.unsupportedObject, DRAWING_DIAGNOSTIC_CODES.vmlUnsupported;
-DRAWING_DIAGNOSTIC_CODES.externalImageDeferred, DRAWING_DIAGNOSTIC_CODES.missingRelationship, DRAWING_DIAGNOSTIC_CODES.missingMediaPart, DRAWING_DIAGNOSTIC_CODES.unsupportedRelationshipType, DRAWING_DIAGNOSTIC_CODES.unsupportedMime, DRAWING_DIAGNOSTIC_CODES.imageTooLarge, DRAWING_DIAGNOSTIC_CODES.unsafeSvg, DRAWING_DIAGNOSTIC_CODES.unsupportedFormat, DRAWING_DIAGNOSTIC_CODES.embeddedObjectNotSupported, DRAWING_DIAGNOSTIC_CODES.unsupportedObject, DRAWING_DIAGNOSTIC_CODES.vmlUnsupported, DRAWING_DIAGNOSTIC_CODES.vmlImageUnsupported, DRAWING_DIAGNOSTIC_CODES.unsupportedGeometryCommand, DRAWING_DIAGNOSTIC_CODES.anchorUnsupported, DRAWING_DIAGNOSTIC_CODES.wrapUnsupported, DRAWING_DIAGNOSTIC_CODES.altContentNoSupportedChoice, DRAWING_DIAGNOSTIC_CODES.groupChildUnsupported;
-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"];
@@ -32320,7 +32293,11 @@ var IconGrid_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 		};
 	}
 }, [["__scopeId", "data-v-52b0283a"]]);
-const refocusEditorSurface = (superToolbar) => {
+const refocusEditorSurface = (superToolbar, preferredEditor = null) => {
+	if (typeof preferredEditor?.focus === "function") {
+		preferredEditor.focus();
+		return;
+	}
 	const focusHandle = superToolbar?.superdoc?.focus ?? superToolbar?.activeEditor?.focus;
 	if (typeof focusHandle === "function") {
 		focusHandle.call(superToolbar?.superdoc ?? superToolbar?.activeEditor);
@@ -33444,6 +33421,7 @@ const makeDefaultItems = ({ superToolbar, toolbarIcons: toolbarIcons$1, toolbarT
 		return h(DocumentMode_default, {
 			options: getDocumentOptionsAfterRole(role, documentOptions),
 			onSelect: (item) => {
+				const selectedEditor = superToolbar.superdoc?.activeEditor ?? superToolbar.activeEditor;
 				closeDropdown(renderDocumentButton);
 				const { label, icon, value } = item;
 				documentMode.label.value = label;
@@ -33452,6 +33430,7 @@ const makeDefaultItems = ({ superToolbar, toolbarIcons: toolbarIcons$1, toolbarT
 					item: documentMode,
 					argument: value
 				});
+				refocusEditorSurface(superToolbar, selectedEditor);
 			}
 		});
 	}
@@ -34653,7 +34632,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.0.0-next.33";
+		this.version = "2.0.0-next.34";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4_default();
 		this.colors = this.config.colors ?? [];