superdoc 2.23.0-next.12 → 2.23.0-next.14

package/dist/superdoc.es.js

@@ -1,6 +1,6 @@
 import { i as __toESM$2 } from "./chunks/rolldown-runtime-0pSA04fp.es.js";
 import { t as blank_default } from "./chunks/blank-docx-DzQccOlW.es.js";
-import { c as createImageFilePicker, d as DOM_CLASS_NAMES, f as closeInteractionHistory, g as recordInteraction, h as isWorkflowRecordingEnabled, i as registerFirstPartyCommandMutation, l as resolveImageSrc, m as getWorkflowRecording, n as executeFirstPartyCommandAsync, o as applyV2CommentInvalidationFromMutation, p as createInteractionHistory, r as readFirstPartyPageNumbers, s as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-DHW9Toxn.es.js";
+import { c as createImageFilePicker, d as DOM_CLASS_NAMES, f as closeInteractionHistory, g as recordInteraction, h as isWorkflowRecordingEnabled, i as registerFirstPartyCommandMutation, l as resolveImageSrc, m as getWorkflowRecording, n as executeFirstPartyCommandAsync, o as applyV2CommentInvalidationFromMutation, p as createInteractionHistory, r as readFirstPartyPageNumbers, s as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-B8N_IUG2.es.js";
 import { t as import_eventemitter3 } from "./chunks/eventemitter3-DEIiXiH2.es.js";
 import { t as v4 } from "./chunks/uuid-H0Xcmmhy.es.js";
 import { $ as watch$1, A as onActivated, B as resolveDirective, C as isRef$1, D as normalizeClass, E as nextTick, F as openBlock, G as toRef, H as shallowRef$1, I as reactive, J as useAttrs, K as toRefs, L as ref, M as onDeactivated, N as onMounted, O as normalizeProps, P as onScopeDispose$1, Q as vModelText, R as renderList, S as isReactive$1, T as mergeProps, U as toDisplayString, V as resolveDynamicComponent, W as toRaw$2, X as vModelCheckbox, Y as useSlots, Z as vModelSelect, _ as getCurrentInstance, a as computed$1, b as hasInjectionContext, c as createCommentVNode, d as createStaticVNode, et as withCtx, f as createTextVNode, g as effectScope, h as defineComponent, i as Transition, j as onBeforeUnmount, k as normalizeStyle, l as createElementBlock, m as defineAsyncComponent, n as Fragment, nt as withKeys, o as createApp, p as createVNode, q as unref, r as Teleport, rt as withModifiers, s as createBlock, t as _plugin_vue_export_helper_default, tt as withDirectives, u as createElementVNode, v as getCurrentScope, w as markRaw, x as inject$1, y as h, z as renderSlot } from "./chunks/_plugin-vue_export-helper-DHiJKCsy.es.js";
@@ -302,7 +302,7 @@ var awarenessStatesToArray = (context, states) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.23.0-next.12";
+		return "2.23.0-next.14";
 	} catch {
 		return "unknown";
 	}
@@ -13198,12 +13198,12 @@ var _hoisted_14$2 = {
 	key: 0,
 	class: "tracked-change-text"
 };
-var _hoisted_15$1 = {
+var _hoisted_15$2 = {
 	key: 1,
 	class: "change-type"
 };
-var _hoisted_16$1 = { class: "change-type" };
-var _hoisted_17$1 = { key: 1 };
+var _hoisted_16$2 = { class: "change-type" };
+var _hoisted_17$2 = { key: 1 };
 var _hoisted_18$1 = { class: "tracked-change-text is-inserted" };
 var _hoisted_19$1 = { key: 2 };
 var _hoisted_20$1 = { class: "tracked-change-text is-inserted" };
@@ -14268,10 +14268,10 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 									class: "tracked-change-detail-line"
 								}, [
 									line.excerpt ? (openBlock(), createElementBlock("span", _hoisted_14$2, "\"" + toDisplayString(line.excerpt) + "\"", 1)) : createCommentVNode("", true),
-									line.excerpt ? (openBlock(), createElementBlock("span", _hoisted_15$1, " — ")) : createCommentVNode("", true),
-									createElementVNode("span", _hoisted_16$1, toDisplayString(line.label), 1)
+									line.excerpt ? (openBlock(), createElementBlock("span", _hoisted_15$2, " — ")) : createCommentVNode("", true),
+									createElementVNode("span", _hoisted_16$2, toDisplayString(line.label), 1)
 								]);
-							}), 128))])) : createCommentVNode("", true)])) : comment.trackedChangeDisplayType === "hyperlinkAdded" ? (openBlock(), createElementBlock("div", _hoisted_17$1, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "change-type" }, "Added hyperlink ", -1)), createElementVNode("span", _hoisted_18$1, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "hyperlinkModified" ? (openBlock(), createElementBlock("div", _hoisted_19$1, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "change-type" }, "Changed hyperlink to ", -1)), createElementVNode("span", _hoisted_20$1, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "paragraphSplit" ? (openBlock(), createElementBlock("div", _hoisted_21$1, [..._cache[4] || (_cache[4] = [createElementVNode("span", { class: "change-type" }, "Added new line", -1)])])) : comment.trackedChangeDisplayType === "tableInsert" ? (openBlock(), createElementBlock("div", _hoisted_22$1, [..._cache[5] || (_cache[5] = [createElementVNode("span", { class: "change-type" }, "Added table", -1)])])) : comment.trackedChangeDisplayType === "tableDelete" ? (openBlock(), createElementBlock("div", _hoisted_23$1, [..._cache[6] || (_cache[6] = [createElementVNode("span", { class: "change-type" }, "Deleted table", -1)])])) : comment.trackedChangeType === "trackFormat" ? (openBlock(), createElementBlock("div", _hoisted_24, [_cache[7] || (_cache[7] = createElementVNode("span", { class: "change-type" }, "Format: ", -1)), createElementVNode("span", _hoisted_25, toDisplayString(comment.trackedChangeText), 1)])) : comment.trackedChangeType === "both" ? (openBlock(), createElementBlock("div", _hoisted_26, [
+							}), 128))])) : createCommentVNode("", true)])) : comment.trackedChangeDisplayType === "hyperlinkAdded" ? (openBlock(), createElementBlock("div", _hoisted_17$2, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "change-type" }, "Added hyperlink ", -1)), createElementVNode("span", _hoisted_18$1, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "hyperlinkModified" ? (openBlock(), createElementBlock("div", _hoisted_19$1, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "change-type" }, "Changed hyperlink to ", -1)), createElementVNode("span", _hoisted_20$1, "\"" + toDisplayString(comment.trackedChangeText) + "\"", 1)])) : comment.trackedChangeDisplayType === "paragraphSplit" ? (openBlock(), createElementBlock("div", _hoisted_21$1, [..._cache[4] || (_cache[4] = [createElementVNode("span", { class: "change-type" }, "Added new line", -1)])])) : comment.trackedChangeDisplayType === "tableInsert" ? (openBlock(), createElementBlock("div", _hoisted_22$1, [..._cache[5] || (_cache[5] = [createElementVNode("span", { class: "change-type" }, "Added table", -1)])])) : comment.trackedChangeDisplayType === "tableDelete" ? (openBlock(), createElementBlock("div", _hoisted_23$1, [..._cache[6] || (_cache[6] = [createElementVNode("span", { class: "change-type" }, "Deleted table", -1)])])) : comment.trackedChangeType === "trackFormat" ? (openBlock(), createElementBlock("div", _hoisted_24, [_cache[7] || (_cache[7] = createElementVNode("span", { class: "change-type" }, "Format: ", -1)), createElementVNode("span", _hoisted_25, toDisplayString(comment.trackedChangeText), 1)])) : comment.trackedChangeType === "both" ? (openBlock(), createElementBlock("div", _hoisted_26, [
 								_cache[8] || (_cache[8] = createElementVNode("span", { class: "change-type" }, "Replaced ", -1)),
 								createElementVNode("span", _hoisted_27, "\"" + toDisplayString(comment.deletedText) + "\"", 1),
 								_cache[9] || (_cache[9] = createElementVNode("span", { class: "change-type" }, " with ", -1)),
@@ -18888,8 +18888,15 @@ var _hoisted_12$1 = {
 	key: 0,
 	class: "input-row link-buttons"
 };
-var _hoisted_13$1 = ["innerHTML"];
-var _hoisted_14$1 = {
+var _hoisted_13$1 = ["disabled"];
+var _hoisted_14$1 = ["innerHTML"];
+var _hoisted_15$1 = ["disabled"];
+var _hoisted_16$1 = {
+	key: 1,
+	role: "alert",
+	class: "sd-error"
+};
+var _hoisted_17$1 = {
 	key: 5,
 	class: "input-row go-to-anchor clickable"
 };
@@ -18954,6 +18961,10 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			type: Object,
 			default: null
 		},
+		selectedText: {
+			type: String,
+			default: null
+		},
 		/**
 		* Re-applies the toolbar's pre-interaction selection capture before the link
 		* command runs. LinkInput executes the command directly (bypassing Toolbar.vue's
@@ -18974,8 +18985,11 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const props = __props;
 		const { isHighContrastMode } = useHighContrastMode();
 		const urlError = ref(false);
+		const commandError = ref("");
+		const isSubmitting = ref(false);
 		const readSelectedText = () => {
 			if (typeof props.hyperlinkText === "string" && props.hyperlinkText) return props.hyperlinkText;
+			if (typeof props.selectedText === "string" && props.selectedText) return props.selectedText;
 			const snapshot = props.ui?.selection?.getSnapshot?.();
 			if (typeof snapshot?.quotedText === "string" && snapshot.quotedText) return snapshot.quotedText;
 			const clickedText = props.clickedElement?.innerText ?? props.clickedElement?.textContent;
@@ -19006,7 +19020,7 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const validUrl = computed$1(() => sanitizedUrl.value !== null);
 		const hadExistingLink = ref(false);
 		const isEditing = computed$1(() => !isAnchor.value && hadExistingLink.value);
-		const isDisabled = computed$1(() => !validUrl.value);
+		const isDisabled = computed$1(() => !validUrl.value || isSubmitting.value);
 		const isViewingMode = computed$1(() => readDocumentMode() === "viewing");
 		const openLink = () => {
 			const href = sanitizedUrl.value?.href;
@@ -19025,20 +19039,36 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			isAnchor.value = rawUrl.value.startsWith("#");
 			if (props.showInput && !isViewingMode.value) focusInput();
 		});
-		const runLinkCommand = (payload) => {
+		const runLinkCommand = async (payload) => {
 			const ui = props.ui;
-			if (!ui?.commands?.execute) return false;
+			if (!ui?.commands?.executeAsync) return false;
 			props.restoreSelection?.();
-			return ui.commands.execute("link", payload);
+			return executeFirstPartyCommandAsync(ui, "link", payload);
 		};
-		const handleSubmit = () => {
-			if (isViewingMode.value) return;
+		const applyLinkCommand = async (payload) => {
+			if (isSubmitting.value) return;
+			isSubmitting.value = true;
+			commandError.value = "";
+			try {
+				const result = await runLinkCommand(payload);
+				if (result === false || result == null || typeof result === "object" && (result.success === false || result.status === "rejected")) {
+					commandError.value = "Could not apply link. Check the selection and try again.";
+					return;
+				}
+				props.closePopover();
+			} catch {
+				commandError.value = "Could not apply link. Check the selection and try again.";
+			} finally {
+				isSubmitting.value = false;
+			}
+		};
+		const handleSubmit = async () => {
+			if (isViewingMode.value || isSubmitting.value) return;
 			if (!rawUrl.value) {
-				runLinkCommand({
+				await applyLinkCommand({
 					href: null,
 					hyperlinkTarget: props.hyperlinkTarget
 				});
-				props.closePopover();
 				return;
 			}
 			if (!validUrl.value) {
@@ -19057,23 +19087,22 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				textTarget: props.textTarget
 			};
 			if (text.value) payload.text = text.value;
-			else if (!isEditing.value) payload.text = href;
-			runLinkCommand(payload);
-			props.closePopover();
+			else if (!isEditing.value && !props.textTarget) payload.text = href;
+			await applyLinkCommand(payload);
 		};
-		const handleRemove = () => {
-			runLinkCommand({
+		const handleRemove = async () => {
+			if (isViewingMode.value || isSubmitting.value) return;
+			await applyLinkCommand({
 				href: null,
 				hyperlinkTarget: props.hyperlinkTarget
 			});
-			props.closePopover();
 		};
 		const navigateToAnchor = (anchorUrl) => {
 			if (props.goToAnchor) props.goToAnchor(anchorUrl);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["link-input-ctn", { "high-contrast": unref(isHighContrastMode) }]) }, [isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_1$20, "Page anchor")) : isViewingMode.value ? (openBlock(), createElementBlock("div", _hoisted_2$16, "Link details")) : isEditing.value ? (openBlock(), createElementBlock("div", _hoisted_3$13, "Edit link")) : (openBlock(), createElementBlock("div", _hoisted_4$8, "Add link")), __props.showInput && !isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
-				createElementVNode("div", _hoisted_6$5, [_cache[4] || (_cache[4] = createElementVNode("div", { class: "input-icon text-input-icon" }, "T", -1)), withDirectives(createElementVNode("input", {
+				createElementVNode("div", _hoisted_6$5, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "input-icon text-input-icon" }, "T", -1)), withDirectives(createElementVNode("input", {
 					type: "text",
 					name: "text",
 					placeholder: "Text",
@@ -19093,7 +19122,8 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 						class: normalizeClass({ "sd-error": urlError.value }),
 						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rawUrl.value = $event),
 						readonly: isViewingMode.value,
-						onKeydown: [withKeys(withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"]), _cache[2] || (_cache[2] = ($event) => urlError.value = false)]
+						onInput: _cache[2] || (_cache[2] = ($event) => commandError.value = ""),
+						onKeydown: [withKeys(withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"]), _cache[3] || (_cache[3] = ($event) => urlError.value = false)]
 					}, null, 42, _hoisted_10$2), [[vModelText, rawUrl.value]]),
 					createElementVNode("div", {
 						class: normalizeClass(["open-link-icon", { "sd-disabled": !validUrl.value }]),
@@ -19106,19 +19136,22 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					key: 0,
 					class: "remove-btn",
 					onClick: handleRemove,
+					disabled: isSubmitting.value,
 					"data-item": "btn-link-remove"
 				}, [createElementVNode("div", {
 					class: "remove-btn__icon",
 					innerHTML: unref(toolbarIcons).removeLink
-				}, null, 8, _hoisted_13$1), _cache[5] || (_cache[5] = createTextVNode(" Remove ", -1))])) : createCommentVNode("", true), createElementVNode("button", {
+				}, null, 8, _hoisted_14$1), _cache[6] || (_cache[6] = createTextVNode(" Remove ", -1))], 8, _hoisted_13$1)) : createCommentVNode("", true), createElementVNode("button", {
 					class: normalizeClass(["sd-submit-btn", { "disable-btn": isDisabled.value }]),
 					onClick: handleSubmit,
+					disabled: isSubmitting.value,
 					"data-item": "btn-link-apply"
-				}, " Apply ", 2)])) : createCommentVNode("", true)
-			])) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_14$1, [createElementVNode("a", { onClick: _cache[3] || (_cache[3] = withModifiers(($event) => navigateToAnchor(rawUrl.value), ["stop", "prevent"])) }, "Go to " + toDisplayString(rawUrl.value.startsWith("#_") ? rawUrl.value.substring(2) : rawUrl.value), 1)])) : createCommentVNode("", true)], 2);
+				}, " Apply ", 10, _hoisted_15$1)])) : createCommentVNode("", true),
+				commandError.value ? (openBlock(), createElementBlock("div", _hoisted_16$1, toDisplayString(commandError.value), 1)) : createCommentVNode("", true)
+			])) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_17$1, [createElementVNode("a", { onClick: _cache[4] || (_cache[4] = withModifiers(($event) => navigateToAnchor(rawUrl.value), ["stop", "prevent"])) }, "Go to " + toDisplayString(rawUrl.value.startsWith("#_") ? rawUrl.value.substring(2) : rawUrl.value), 1)])) : createCommentVNode("", true)], 2);
 		};
 	}
-}, [["__scopeId", "data-v-3e4bd44e"]]);
+}, [["__scopeId", "data-v-498a6e6e"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/scroll-helpers.js
 function getScrollableParent(element) {
@@ -22206,6 +22239,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return () => {
 				const linkItem = toolbar.getToolbarItemByName("link");
 				if (!linkItem || linkItem.disabled?.value === true) return;
+				toolbar.pendingSelectionCapture = toolbar.ui?.selection?.capture?.() ?? null;
 				if (linkItem.expand && typeof linkItem.expand === "object" && "value" in linkItem.expand) linkItem.expand.value = true;
 				toolbar.updateToolbarState?.();
 			};
@@ -24568,7 +24602,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-3a8bc935"]]);
+}, [["__scopeId", "data-v-f53aafe0"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -43910,16 +43944,18 @@ var makeDefaultItems = ({ superToolbar, toolbarIcons, toolbarTexts, toolbarFonts
 		}
 	});
 	function renderLinkDropdown(link) {
-		const selection = currentSelectionSnapshot(superToolbar);
-		const selectionTarget = selection?.selectionTarget ?? selectionTargetFromTextTarget(selection?.target);
+		const capture = superToolbar.pendingSelectionCapture;
+		const liveSelection = currentSelectionSnapshot(superToolbar);
+		const selection = liveSelection?.quotedText && JSON.stringify(liveSelection.selectionTarget ?? liveSelection.target) !== JSON.stringify(capture?.selectionTarget ?? capture?.target) ? liveSelection : capture ?? liveSelection;
+		const selectionTarget = selection?.selectionTarget ?? selectionTargetFromTextTarget(selection?.target) ?? selection?.target;
 		const restoreSelection = () => {
-			const capture = superToolbar.pendingSelectionCapture;
-			if (capture && typeof superToolbar.ui?.selection?.restore === "function") superToolbar.ui.selection.restore(capture);
+			if (selection === capture && typeof superToolbar.ui?.selection?.restore === "function") superToolbar.ui.selection.restore(capture);
 		};
 		return h("div", {}, [h(LinkInput_default, {
 			ui: superToolbar.ui,
 			linkItem: link,
 			textTarget: selectionTarget,
+			selectedText: selection?.quotedText ?? null,
 			restoreSelection,
 			closePopover: () => {
 				closeDropdown(link);
@@ -46362,7 +46398,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.23.0-next.12";
+		this.version = "2.23.0-next.14";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];