superdoc 2.4.0-next.27 → 2.4.0-next.29

package/dist/superdoc.cjs

@@ -1,9 +1,9 @@
 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_jszip = require("./chunks/jszip-RC64TPzL.cjs");
 const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-CqGmoMMA.cjs");
 const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-SDR04tiH.cjs");
 const require_constants = require("./chunks/constants-DpXuDx_g.cjs");
@@ -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
@@ -12498,7 +12490,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 +12503,8 @@ var _sfc_main$33 = {
 				trackedChangeDisplayType: comment.trackedChangeDisplayType,
 				trackedChangeDetailLines: comment.trackedChangeDetailLines
 			});
-		}), () => {
+		});
+		(0, vue.watch)(overflowMeasurementKey, () => {
 			(0, vue.nextTick)(checkOverflow);
 		});
 		const collapsedReplyCount = (0, vue.computed)(() => {
@@ -12935,12 +12928,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) => {
@@ -21769,6 +21760,7 @@ 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),
@@ -22764,7 +22756,7 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-7770edae"]]);
+}, [["__scopeId", "data-v-d39f5239"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -26842,9 +26834,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 +31254,6 @@ var Path = class Path extends Shape {
 				case "z":
 					isClosed = true;
 					context.closePath();
-					break;
 			}
 		}
 		if (!isClosed && !this.hasFill()) context.strokeShape(this);
@@ -31734,7 +31723,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 +32180,6 @@ var Label = class extends Group {
 				case LEFT$1:
 					x = -1 * pointerWidth;
 					y = height / 2;
-					break;
 			}
 			tag.setAttrs({
 				x: -1 * x,
@@ -35275,11 +35262,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;
 	}
 }
@@ -38243,8 +38233,6 @@ var _sfc_main$14 = {
 					event.preventDefault();
 					resetToApplied();
 					(0, vue.nextTick)(() => inputRef.value?.focus());
-					break;
-				default: break;
 			}
 		};
 		const onCaretMousedown = (event) => {
@@ -38301,8 +38289,6 @@ var _sfc_main$14 = {
 						shiftKey: event.shiftKey,
 						target: inputRef.value
 					});
-					break;
-				default: break;
 			}
 		};
 		const handleDocumentPointerDown = (event) => {
@@ -39043,11 +39029,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 +39818,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 +39908,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 +40043,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 +40136,6 @@ var _sfc_main$5 = {
 				case "Enter":
 					event.preventDefault();
 					select(style);
-					break;
-				default: break;
 			}
 		};
 		const styleLabel = (style) => style?.name ?? style?.id ?? "";
@@ -40465,10 +40437,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 +40722,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 +41675,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 +43235,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-next.27";
+		this.version = "2.4.0-next.29";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];

package/dist/superdoc.es.js

@@ -1,8 +1,8 @@
-import { i as __toESM$2 } from "./chunks/rolldown-runtime-0pSA04fp.es.js";
+import { i as __toESM$2 } from "./chunks/rolldown-runtime-B5TtN50X.es.js";
 import { t as blank_default } from "./chunks/blank-docx-DzQccOlW.es.js";
-import { t as import_eventemitter3 } from "./chunks/eventemitter3-DEIiXiH2.es.js";
+import { t as import_eventemitter3 } from "./chunks/eventemitter3-CMOjDs74.es.js";
 import { t as v4 } from "./chunks/uuid-H0Xcmmhy.es.js";
-import { a as init_dist$1, i as global, n as init_dist$2, o as Buffer, r as process$1, s as init_dist, t as require_jszip_min } from "./chunks/jszip-BzJ3CyxR.es.js";
+import { a as init_dist$1, i as global, n as init_dist$2, o as Buffer, r as process$1, s as init_dist, t as require_jszip_min } from "./chunks/jszip-VxCFV9YS.es.js";
 import { a as DOM_CLASS_NAMES, i as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-CmOSA_lN.es.js";
 import { t as _plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper-BOaGB7Aw.es.js";
 import { t as PDF_TO_CSS_UNITS } from "./chunks/constants-B6VBlmKp.es.js";
@@ -3751,9 +3751,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];
 	}
@@ -3781,9 +3779,7 @@ var setDeep = (object, path, mapper) => {
 				case "key":
 					parent = keyOfRow;
 					break;
-				case "value":
-					parent = parent.get(keyOfRow);
-					break;
+				case "value": parent = parent.get(keyOfRow);
 			}
 		}
 	}
@@ -3808,9 +3804,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;
@@ -5601,9 +5595,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
@@ -12492,7 +12484,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			if (!shouldCollapseThread.value) return comments.value;
 			return [comments.value[0], childComments.value[childComments.value.length - 1]].filter(Boolean);
 		});
-		watch(computed(() => {
+		const overflowMeasurementKey = computed(() => {
 			const comment = visibleComments.value[0];
 			if (!comment) return "";
 			return JSON.stringify({
@@ -12505,7 +12497,8 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				trackedChangeDisplayType: comment.trackedChangeDisplayType,
 				trackedChangeDetailLines: comment.trackedChangeDetailLines
 			});
-		}), () => {
+		});
+		watch(overflowMeasurementKey, () => {
 			nextTick(checkOverflow);
 		});
 		const collapsedReplyCount = computed(() => {
@@ -12929,12 +12922,10 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 						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) => {
@@ -21729,6 +21720,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				},
 				fontAssets: proxy.$superdoc.config.fonts,
 				workerUrls: proxy.$superdoc.config.workerUrls,
+				workerStartupTimeoutMs: proxy.$superdoc.config.workerStartupTimeoutMs,
 				proofing: resolvedProofingConfig.value,
 				isNewFile,
 				password: getDocumentLoadPassword(doc),
@@ -22724,7 +22716,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-7770edae"]]);
+}, [["__scopeId", "data-v-d39f5239"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -26802,9 +26794,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 () => {};
@@ -31224,7 +31214,6 @@ var Path = class Path extends Shape {
 				case "z":
 					isClosed = true;
 					context.closePath();
-					break;
 			}
 		}
 		if (!isClosed && !this.hasFill()) context.strokeShape(this);
@@ -31694,7 +31683,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,
@@ -32152,7 +32140,6 @@ var Label = class extends Group {
 				case LEFT$1:
 					x = -1 * pointerWidth;
 					y = height / 2;
-					break;
 			}
 			tag.setAttrs({
 				x: -1 * x,
@@ -35235,11 +35222,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;
 	}
 }
@@ -38198,8 +38188,6 @@ var ToolbarComboBox_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					event.preventDefault();
 					resetToApplied();
 					nextTick(() => inputRef.value?.focus());
-					break;
-				default: break;
 			}
 		};
 		const onCaretMousedown = (event) => {
@@ -38256,8 +38244,6 @@ var ToolbarComboBox_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 						shiftKey: event.shiftKey,
 						target: inputRef.value
 					});
-					break;
-				default: break;
 			}
 		};
 		const handleDocumentPointerDown = (event) => {
@@ -38996,11 +38982,8 @@ var ButtonGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					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) => {
@@ -39787,10 +39770,7 @@ var AlignmentButtons_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				case "ArrowRight":
 					moveToNextButton(index);
 					break;
-				case "Enter":
-					select(alignmentButtons[index].key);
-					break;
-				default: break;
+				case "Enter": select(alignmentButtons[index].key);
 			}
 		};
 		onMounted(() => {
@@ -39880,10 +39860,7 @@ var StyleButtonsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				case "ArrowRight":
 					moveToNextButton(index);
 					break;
-				case "Enter":
-					select(props.buttons[index].key);
-					break;
-				default: break;
+				case "Enter": select(props.buttons[index].key);
 			}
 		};
 		onMounted(() => {
@@ -40017,10 +39994,7 @@ var DocumentMode_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				case "ArrowUp":
 					moveToPreviousOption(index);
 					break;
-				case "Enter":
-					handleClick(props.options[index]);
-					break;
-				default: break;
+				case "Enter": handleClick(props.options[index]);
 			}
 		};
 		onMounted(() => {
@@ -40100,8 +40074,6 @@ var LinkedStyle_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				case "Enter":
 					event.preventDefault();
 					select(style);
-					break;
-				default: break;
 			}
 		};
 		const styleLabel = (style) => style?.name ?? style?.id ?? "";
@@ -40401,10 +40373,7 @@ var IconGridRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				case "Enter":
 					handleClick(option);
 					break;
-				case "Escape":
-					emit("clickoutside");
-					break;
-				default: break;
+				case "Escape": emit("clickoutside");
 			}
 		};
 		return (_ctx, _cache) => {
@@ -40687,13 +40656,10 @@ var TableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					selectGridItems(tableGridItems.value, cols, rows - 1);
 					break;
 				}
-				case "Enter":
-					handleClick({
-						cols,
-						rows
-					});
-					break;
-				default: break;
+				case "Enter": handleClick({
+					cols,
+					rows
+				});
 			}
 		};
 		onMounted(() => {
@@ -41642,8 +41608,9 @@ var makeDefaultItems = ({ superToolbar, toolbarIcons, toolbarTexts, toolbarFonts
 		}
 	];
 	function renderDocumentMode(renderDocumentButton) {
+		const optionsAfterRole = getDocumentOptionsAfterRole(role, documentOptions);
 		return h(DocumentMode_default, {
-			options: getDocumentOptionsAfterRole(role, documentOptions),
+			options: optionsAfterRole,
 			onSelect: (item) => {
 				const selectedEditor = superToolbar.superdoc?.activeEditor ?? superToolbar.activeEditor;
 				closeDropdown(renderDocumentButton);
@@ -43201,7 +43168,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.4.0-next.27";
+		this.version = "2.4.0-next.29";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];