superdoc 2.4.0 → 2.5.0

package/dist/superdoc.cjs

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("./chunks/rolldown-runtime-74VwNCz7.cjs");
+const require_rolldown_runtime = require("./chunks/rolldown-runtime-DtsSbkrh.cjs");
 const require_blank_docx = require("./chunks/blank-docx-BuFAbRjs.cjs");
-const require_eventemitter3 = require("./chunks/eventemitter3-C_TAnXOl.cjs");
+const require_eventemitter3 = require("./chunks/eventemitter3-D38u8ta_.cjs");
 const require_uuid = require("./chunks/uuid-BhG0ngwk.cjs");
-const require_jszip = require("./chunks/jszip-D8mAFF-r.cjs");
-const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-CqGmoMMA.cjs");
+const require_jszip = require("./chunks/jszip-RC64TPzL.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-Bom7oDPv.cjs");
 const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-SDR04tiH.cjs");
 const require_constants = require("./chunks/constants-DpXuDx_g.cjs");
 let vue = require("vue");
@@ -3752,9 +3752,7 @@ var getDeep = (object, path) => {
 				case "key":
 					object = keyOfRow;
 					break;
-				case "value":
-					object = object.get(keyOfRow);
-					break;
+				case "value": object = object.get(keyOfRow);
 			}
 		} else object = object[key];
 	}
@@ -3782,9 +3780,7 @@ var setDeep = (object, path, mapper) => {
 				case "key":
 					parent = keyOfRow;
 					break;
-				case "value":
-					parent = parent.get(keyOfRow);
-					break;
+				case "value": parent = parent.get(keyOfRow);
 			}
 		}
 	}
@@ -3809,9 +3805,7 @@ var setDeep = (object, path, mapper) => {
 				if (newKey !== keyToRow) parent.delete(keyToRow);
 				break;
 			}
-			case "value":
-				parent.set(keyToRow, mapper(parent.get(keyToRow)));
-				break;
+			case "value": parent.set(keyToRow, mapper(parent.get(keyToRow)));
 		}
 	}
 	return object;
@@ -5602,9 +5596,7 @@ var syncCommentsToClients = (superdoc, event) => {
 		case "resolved":
 			updateYComment(yArray, superdoc.ydoc, event, user);
 			break;
-		case "deleted":
-			deleteYComment(yArray, superdoc.ydoc, event, user);
-			break;
+		case "deleted": deleteYComment(yArray, superdoc.ydoc, event, user);
 	}
 };
 //#endregion
@@ -5745,6 +5737,7 @@ function useComment(params) {
 	const trackedChangeLabel = (0, vue.ref)(params.trackedChangeLabel || null);
 	const trackedChangeDetailLines = (0, vue.ref)(params.trackedChangeDetailLines || null);
 	const trackedChangeImagePreview = (0, vue.ref)(params.trackedChangeImagePreview || null);
+	const customAttributes = (0, vue.ref)(params.customAttributes ?? null);
 	const resolvedTime = (0, vue.ref)(params.resolvedTime || null);
 	const resolvedById = (0, vue.ref)(params.resolvedById || null);
 	const resolvedByEmail = (0, vue.ref)(params.resolvedByEmail || null);
@@ -5982,6 +5975,7 @@ function useComment(params) {
 			trackedChangeLabel: trackedChangeLabel.value,
 			trackedChangeDetailLines: trackedChangeDetailLines.value,
 			trackedChangeImagePreview: trackedChangeImagePreview.value,
+			customAttributes: customAttributes.value,
 			deletedText: deletedText.value,
 			resolvedTime: resolvedTime.value,
 			resolvedById: resolvedById.value,
@@ -6032,6 +6026,7 @@ function useComment(params) {
 		trackedChangeLabel,
 		trackedChangeDetailLines,
 		trackedChangeImagePreview,
+		customAttributes,
 		resolvedTime,
 		resolvedById,
 		resolvedByEmail,
@@ -7097,6 +7092,20 @@ var trackedChangeDetailLinesEqual = (a, b) => {
 	if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) return false;
 	return a.every((line, index) => shallowEqual(line, b[index]));
 };
+var normalizeTrackedChangeCustomAttributes = (attributes) => {
+	if (!Array.isArray(attributes)) return null;
+	return attributes.filter((attribute) => attribute && typeof attribute === "object").map((attribute) => ({
+		name: typeof attribute.name === "string" ? attribute.name : "",
+		namespaceUri: typeof attribute.namespaceUri === "string" ? attribute.namespaceUri : "",
+		localName: typeof attribute.localName === "string" ? attribute.localName : "",
+		value: typeof attribute.value === "string" ? attribute.value : ""
+	})).filter((attribute) => attribute.name && attribute.namespaceUri && attribute.localName);
+};
+var trackedChangeCustomAttributesEqual = (left, right) => {
+	if (left === right) return true;
+	if (!Array.isArray(left) || !Array.isArray(right) || left.length !== right.length) return false;
+	return left.every((attribute, index) => shallowEqual(attribute, right[index]));
+};
 var normalizeTrackedChangeImagePreview = (preview) => {
 	if (!preview || typeof preview !== "object") return null;
 	const src = typeof preview.src === "string" ? preview.src : null;
@@ -7823,12 +7832,14 @@ var 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, trackedChangePositionAliases, importedId } = params;
+			const { event, changeId, trackedChangeText, trackedChangeType, trackedChangeDisplayType, semanticColorKey, semanticColor, deletedText, trackedChangeLabel, trackedChangeDetailLines, trackedChangeImagePreview, customAttributes, 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 hasCustomAttributes = Object.prototype.hasOwnProperty.call(params, "customAttributes");
+			const normalizedCustomAttributes = hasCustomAttributes ? normalizeTrackedChangeCustomAttributes(customAttributes) : void 0;
 			const normalizedImportedId = hasImportedId ? importedId != null ? String(importedId) : null : void 0;
 			const normalizedDocumentId = documentId != null ? String(documentId) : null;
 			if (!(trackedChangeDisplayType === "tableInsert" || trackedChangeDisplayType === "tableDelete") && normalizedChangeId) {
@@ -7872,6 +7883,7 @@ var useCommentsStore = defineStore("comments", () => {
 				trackedChangeLabel: normalizedTrackedChangeLabel,
 				trackedChangeDetailLines: normalizedTrackedChangeDetailLines,
 				trackedChangeImagePreview: normalizedTrackedChangeImagePreview,
+				...hasCustomAttributes ? { customAttributes: normalizedCustomAttributes } : {},
 				createdTime: date,
 				creatorId: authorId ?? null,
 				creatorName: authorName,
@@ -7987,6 +7999,10 @@ var useCommentsStore = defineStore("comments", () => {
 					target.trackedChangeDetailLines = normalizedTrackedChangeDetailLines;
 					didChange = true;
 				}
+				if (hasCustomAttributes && target && !trackedChangeCustomAttributesEqual(target.customAttributes, normalizedCustomAttributes)) {
+					target.customAttributes = normalizedCustomAttributes;
+					didChange = true;
+				}
 				return applyStoryMetadata(target) || didChange;
 			};
 			const updateExistingTrackedChange = (trackedComment) => {
@@ -8681,6 +8697,7 @@ var useCommentsStore = defineStore("comments", () => {
 			trackedChangeLabel: typeof params.trackedChangeLabel === "string" && params.trackedChangeLabel.length > 0 ? params.trackedChangeLabel : null,
 			trackedChangeDetailLines: normalizeTrackedChangeDetailLines(params.trackedChangeDetailLines),
 			trackedChangeImagePreview: normalizeTrackedChangeImagePreview(params.trackedChangeImagePreview),
+			...Object.prototype.hasOwnProperty.call(params, "customAttributes") ? { customAttributes: normalizeTrackedChangeCustomAttributes(params.customAttributes) } : {},
 			createdTime: params.date,
 			creatorId: params.authorId ?? null,
 			creatorName: params.author,
@@ -12410,6 +12427,7 @@ var _sfc_main$33 = {
 		const commentsAreReadOnly = () => getConfig.value?.readOnly === true;
 		const isReplying = (0, vue.ref)(false);
 		const isSubmittingReply = (0, vue.ref)(false);
+		const isSubmittingNewComment = (0, vue.ref)(false);
 		const startReply = () => {
 			if (commentsAreReadOnly()) return readOnlyMutationOutcome();
 			if (isV2WriteDisabled.value) return {
@@ -12498,7 +12516,7 @@ var _sfc_main$33 = {
 			if (!shouldCollapseThread.value) return comments.value;
 			return [comments.value[0], childComments.value[childComments.value.length - 1]].filter(Boolean);
 		});
-		(0, vue.watch)((0, vue.computed)(() => {
+		const overflowMeasurementKey = (0, vue.computed)(() => {
 			const comment = visibleComments.value[0];
 			if (!comment) return "";
 			return JSON.stringify({
@@ -12511,7 +12529,8 @@ var _sfc_main$33 = {
 				trackedChangeDisplayType: comment.trackedChangeDisplayType,
 				trackedChangeDetailLines: comment.trackedChangeDetailLines
 			});
-		}), () => {
+		});
+		(0, vue.watch)(overflowMeasurementKey, () => {
 			(0, vue.nextTick)(checkOverflow);
 		});
 		const collapsedReplyCount = (0, vue.computed)(() => {
@@ -12655,9 +12674,10 @@ var _sfc_main$33 = {
 				};
 				isSubmittingReply.value = true;
 				try {
+					const parentCommentId = getV2ExistingReplyParentId(props.comment);
 					const outcome = await commentsStore.replyCommentV2({
 						superdoc: proxy.$superdoc,
-						parentCommentId: getV2ExistingReplyParentId(props.comment),
+						parentCommentId,
 						text: currentCommentText.value
 					});
 					if (!outcome?.ok) {
@@ -12672,6 +12692,13 @@ var _sfc_main$33 = {
 					isSubmittingReply.value = false;
 				}
 			}
+			if (isPendingNewComment.value) {
+				if (isSubmittingNewComment.value) return {
+					ok: false,
+					reason: "comment-submit-in-flight"
+				};
+				isSubmittingNewComment.value = true;
+			}
 			const options = {
 				documentId: props.comment.fileId,
 				isInternal: pendingComment.value ? pendingComment.value.isInternal : isInternal.value,
@@ -12683,10 +12710,13 @@ var _sfc_main$33 = {
 				text: currentCommentText.value,
 				suppressUpdate: true
 			});
-			Promise.resolve(addComment({
+			Promise.resolve().then(() => addComment({
 				superdoc: proxy.$superdoc,
 				comment
-			})).finally(() => {
+			})).catch((err) => {
+				console.error("[SuperDoc] addComment failed", err);
+			}).finally(() => {
+				isSubmittingNewComment.value = false;
 				isReplying.value = false;
 				(0, vue.nextTick)(() => emit("resize"));
 			});
@@ -12935,12 +12965,10 @@ var _sfc_main$33 = {
 						focusEditInput(comment.commentId);
 					});
 					break;
-				case "delete":
-					deleteComment({
-						superdoc: proxy.$superdoc,
-						commentId: comment.commentId
-					});
-					break;
+				case "delete": deleteComment({
+					superdoc: proxy.$superdoc,
+					commentId: comment.commentId
+				});
 			}
 		};
 		const handleCommentUpdate = async (comment) => {
@@ -13079,9 +13107,9 @@ var _sfc_main$33 = {
 					class: "sd-button reply-btn-cancel",
 					onClick: (0, vue.withModifiers)(handleCancel, ["stop", "prevent"])
 				}, "Cancel"), (0, vue.createElementVNode)("button", {
-					class: (0, vue.normalizeClass)(["sd-button primary reply-btn-primary", { "sd-is-disabled": !hasTextContent.value }]),
+					class: (0, vue.normalizeClass)(["sd-button primary reply-btn-primary", { "sd-is-disabled": !hasTextContent.value || isSubmittingNewComment.value }]),
 					onClick: (0, vue.withModifiers)(handleAddComment, ["stop", "prevent"]),
-					disabled: !hasTextContent.value
+					disabled: !hasTextContent.value || isSubmittingNewComment.value
 				}, " Comment ", 10, _hoisted_5$6)])
 			], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [
 				resolvedBadgeLabel.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6$5, [(0, vue.createElementVNode)("span", {
@@ -13256,7 +13284,7 @@ var _sfc_main$33 = {
 		};
 	}
 };
-var CommentDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$33, [["__scopeId", "data-v-0277e53b"]]);
+var CommentDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$33, [["__scopeId", "data-v-fd214e1f"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$25 = [
@@ -21769,17 +21797,20 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 				},
 				fontAssets: proxy.$superdoc.config.fonts,
 				workerUrls: proxy.$superdoc.config.workerUrls,
+				workerStartupTimeoutMs: proxy.$superdoc.config.workerStartupTimeoutMs,
 				proofing: resolvedProofingConfig.value,
 				isNewFile,
 				password: getDocumentLoadPassword(doc),
 				handleImageUpload: proxy.$superdoc.config.handleImageUpload,
 				externalExtensions: proxy.$superdoc.config.editorExtensions || [],
 				extensions: proxy.$superdoc.config.extensions || [],
+				...pdfConfig?.pdfLib ? { pdfLib: pdfConfig.pdfLib } : {},
 				suppressDefaultDocxStyles: proxy.$superdoc.config.suppressDefaultDocxStyles,
 				disableContextMenu: !proxy.$superdoc.uiConfig.contextMenu.enabled || proxy.$superdoc.config.disableContextMenu === true,
 				jsonOverride: proxy.$superdoc.config.jsonOverride,
 				viewOptions: proxy.$superdoc.config.viewOptions,
 				contained: proxy.$superdoc.config.contained,
+				documentLoading: proxy.$superdoc.uiConfig.loading.enabled,
 				linkPopoverResolver: proxy.$superdoc.uiConfig.linkPopover.options.popoverResolver,
 				layoutEngineOptions: useLayoutEngine ? {
 					...proxy.$superdoc.config.layoutEngineOptions || {},
@@ -22764,7 +22795,7 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-7770edae"]]);
+}, [["__scopeId", "data-v-af3574db"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -26842,9 +26873,7 @@ function parseCSSFilters(cssFilter) {
 				const KonvaFilters = Konva$2.Filters;
 				if (KonvaFilters && KonvaFilters.Invert) KonvaFilters.Invert.call(this, imageData);
 			};
-			default:
-				Util.warn(`CSS filter "${filterName}" is not supported in fallback mode. Consider using function filters for better compatibility.`);
-				break;
+			default: Util.warn(`CSS filter "${filterName}" is not supported in fallback mode. Consider using function filters for better compatibility.`);
 		}
 	}
 	return () => {};
@@ -31264,7 +31293,6 @@ var Path = class Path extends Shape {
 				case "z":
 					isClosed = true;
 					context.closePath();
-					break;
 			}
 		}
 		if (!isClosed && !this.hasFill()) context.strokeShape(this);
@@ -31734,7 +31762,6 @@ var Path = class Path extends Shape {
 						cpy += p.shift();
 						cmd = "A";
 						points = this.convertEndpointToCenterParameterization(x1, y1, cpx, cpy, fa, fs, rx, ry, psi);
-						break;
 				}
 				ca.push({
 					command: cmd || c,
@@ -32192,7 +32219,6 @@ var Label = class extends Group {
 				case LEFT$1:
 					x = -1 * pointerWidth;
 					y = height / 2;
-					break;
 			}
 			tag.setAttrs({
 				x: -1 * x,
@@ -35275,11 +35301,14 @@ function backgroundMask(idata, threshold) {
 			rgbv_so
 		]);
 		const mask = [];
-		for (let i = 0; i < idata.width * idata.height; i++) mask[i] = rgbDistance(mean, [
-			idata.data[i * 4],
-			idata.data[i * 4 + 1],
-			idata.data[i * 4 + 2]
-		]) < thres ? 0 : 255;
+		for (let i = 0; i < idata.width * idata.height; i++) {
+			const d = rgbDistance(mean, [
+				idata.data[i * 4],
+				idata.data[i * 4 + 1],
+				idata.data[i * 4 + 2]
+			]);
+			mask[i] = d < thres ? 0 : 255;
+		}
 		return mask;
 	}
 }
@@ -36136,6 +36165,7 @@ var HISTORICAL_DEFAULTS = Object.freeze({
 	toolbar: true,
 	comments: true,
 	contextMenu: true,
+	loading: true,
 	search: false,
 	linkPopover: false,
 	ruler: false,
@@ -36222,6 +36252,7 @@ function withoutCommentPolicy(options) {
 *   toolbar: { enabled: boolean, container: string | HTMLElement | null, options: Record<string, unknown> },
 *   comments: { enabled: boolean, options: Record<string, unknown> },
 *   contextMenu: { enabled: boolean, suppressed: boolean, options: Record<string, unknown> },
+*   loading: { enabled: boolean },
 *   search: { enabled: boolean, options: Record<string, unknown> },
 *   linkPopover: { enabled: boolean, suppressed: boolean, options: Record<string, unknown> },
 *   ruler: { enabled: boolean, suppressed: boolean, container: string | HTMLElement | null },
@@ -36278,6 +36309,7 @@ function normalizeUiConfig(config = {}) {
 			suppressed: allDisabled || explicit("contextMenu") === false,
 			options: allDisabled ? {} : mergeDefined(legacyContextMenu, options("contextMenu"))
 		},
+		loading: { enabled: enabled("loading") },
 		search: {
 			enabled: explicit("search") ?? (!allDisabled && Boolean(config.modules?.surfaces?.findReplace)),
 			options: allDisabled ? {} : mergeDefined(legacySearch, options("search"))
@@ -38243,8 +38275,6 @@ var _sfc_main$14 = {
 					event.preventDefault();
 					resetToApplied();
 					(0, vue.nextTick)(() => inputRef.value?.focus());
-					break;
-				default: break;
 			}
 		};
 		const onCaretMousedown = (event) => {
@@ -38301,8 +38331,6 @@ var _sfc_main$14 = {
 						shiftKey: event.shiftKey,
 						target: inputRef.value
 					});
-					break;
-				default: break;
 			}
 		};
 		const handleDocumentPointerDown = (event) => {
@@ -39043,11 +39071,8 @@ var _sfc_main$10 = {
 					closeDropdowns();
 					moveToPreviousButton(e);
 					break;
-				case "Tab":
-					if (e.shiftKey) moveToPreviousButtonGroup(e);
-					else moveToNextButtonGroup(e);
-					break;
-				default: break;
+				case "Tab": if (e.shiftKey) moveToPreviousButtonGroup(e);
+				else moveToNextButtonGroup(e);
 			}
 		};
 		const handleFocus = (e) => {
@@ -39835,10 +39860,7 @@ var AlignmentButtons_default = /*#__PURE__*/ require__plugin_vue_export_helper._
 				case "ArrowRight":
 					moveToNextButton(index);
 					break;
-				case "Enter":
-					select(alignmentButtons[index].key);
-					break;
-				default: break;
+				case "Enter": select(alignmentButtons[index].key);
 			}
 		};
 		(0, vue.onMounted)(() => {
@@ -39928,10 +39950,7 @@ var _sfc_main$7 = {
 				case "ArrowRight":
 					moveToNextButton(index);
 					break;
-				case "Enter":
-					select(props.buttons[index].key);
-					break;
-				default: break;
+				case "Enter": select(props.buttons[index].key);
 			}
 		};
 		(0, vue.onMounted)(() => {
@@ -40066,10 +40085,7 @@ var _sfc_main$6 = {
 				case "ArrowUp":
 					moveToPreviousOption(index);
 					break;
-				case "Enter":
-					handleClick(props.options[index]);
-					break;
-				default: break;
+				case "Enter": handleClick(props.options[index]);
 			}
 		};
 		(0, vue.onMounted)(() => {
@@ -40162,8 +40178,6 @@ var _sfc_main$5 = {
 				case "Enter":
 					event.preventDefault();
 					select(style);
-					break;
-				default: break;
 			}
 		};
 		const styleLabel = (style) => style?.name ?? style?.id ?? "";
@@ -40465,10 +40479,7 @@ var _sfc_main$3 = {
 				case "Enter":
 					handleClick(option);
 					break;
-				case "Escape":
-					emit("clickoutside");
-					break;
-				default: break;
+				case "Escape": emit("clickoutside");
 			}
 		};
 		return (_ctx, _cache) => {
@@ -40753,13 +40764,10 @@ var TableGrid_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_
 					selectGridItems(tableGridItems.value, cols, rows - 1);
 					break;
 				}
-				case "Enter":
-					handleClick({
-						cols,
-						rows
-					});
-					break;
-				default: break;
+				case "Enter": handleClick({
+					cols,
+					rows
+				});
 			}
 		};
 		(0, vue.onMounted)(() => {
@@ -41709,8 +41717,9 @@ var makeDefaultItems = ({ superToolbar, toolbarIcons, toolbarTexts, toolbarFonts
 		}
 	];
 	function renderDocumentMode(renderDocumentButton) {
+		const optionsAfterRole = getDocumentOptionsAfterRole(role, documentOptions);
 		return (0, vue.h)(DocumentMode_default, {
-			options: getDocumentOptionsAfterRole(role, documentOptions),
+			options: optionsAfterRole,
 			onSelect: (item) => {
 				const selectedEditor = superToolbar.superdoc?.activeEditor ?? superToolbar.activeEditor;
 				closeDropdown(renderDocumentButton);
@@ -43268,7 +43277,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.4.0";
+		this.version = "2.5.0";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];