superdoc 2.4.0-next.4 → 2.4.0-next.5

package/dist/superdoc.es.js

@@ -3,9 +3,9 @@ import { t as blank_default } from "./chunks/blank-docx-XRX6Ker2.es.js";
 import { t as import_eventemitter3 } from "./chunks/eventemitter3-Bt2s0X0a.es.js";
 import { t as v4_default } from "./chunks/uuid-B2Sqk-3p.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-C8srOKAO.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, s as composeAuthorColorResolver, t as createSuperDocUI } from "./chunks/create-super-doc-ui-Dli6Wq70.es.js";
+import { a as createV2ReviewMutationReconciler, c as DOM_CLASS_NAMES, i as isV2EditableTextMutationEvent, o as getV2TrackedChangeMutationImpact, s as composeAuthorColorResolver, t as createSuperDocUI } from "./chunks/create-super-doc-ui-BquF8bnZ.es.js";
+import { t as __plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper-DSMAhhwD.es.js";
+import { n as PDF_TO_CSS_UNITS } from "./chunks/constants-BfH0br5u.es.js";
 import * as Vue from "vue";
 import { Fragment, Teleport, Transition, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, effectScope, getCurrentInstance, getCurrentScope, h, hasInjectionContext, inject, isReactive, isRef, markRaw, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeUnmount, onDeactivated, onMounted, onScopeDispose, openBlock, reactive, ref, renderList, renderSlot, resolveDirective, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toRef, toRefs, unref, useAttrs, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import "y-websocket";
@@ -14734,7 +14734,7 @@ function usePasswordPrompt({ getSurfaceManager, getPasswordPromptConfig, onUnhan
 				})
 			});
 		} else {
-			const PasswordPromptSurface = (await import("./chunks/PasswordPromptSurface-BA6HHqEa.es.js")).default;
+			const PasswordPromptSurface = (await import("./chunks/PasswordPromptSurface-Bz9_sKhX.es.js")).default;
 			const surfaceId = `password-prompt-${doc.id}`;
 			handle = manager.open({
 				id: surfaceId,
@@ -15383,7 +15383,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 			} else {
 				let FindReplaceSurface;
 				try {
-					FindReplaceSurface = (await import("./chunks/FindReplaceSurface-BEW-1NhM.es.js")).default;
+					FindReplaceSurface = (await import("./chunks/FindReplaceSurface-B_1Ksbr0.es.js")).default;
 				} catch {
 					opening = false;
 					return;
@@ -18062,7 +18062,7 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 	__name: "SuperDoc",
 	emits: ["selection-update"],
 	setup(__props, { emit: __emit }) {
-		const PdfViewer = defineAsyncComponent(() => import("./chunks/PdfViewer-CNOtyS-I.es.js"));
+		const PdfViewer = defineAsyncComponent(() => import("./chunks/PdfViewer-CdVGB6Fe.es.js"));
 		const getDocumentLoadPassword = (doc) => doc.password ?? proxy.$superdoc.config.password;
 		const resolveDocumentV2Collaboration = (doc) => {
 			const rawConfig = doc?.v2Collaboration;
@@ -38959,6 +38959,11 @@ var BuiltInToolbar = class extends import_eventemitter3.default {
 function createBuiltInToolbar(config) {
 	return new BuiltInToolbar(config);
 }
+var STRUCTURED_CONTENT_FRAME_SELECTOR = [
+	"[data-sdt-type=\"structuredContent\"][data-sdt-id]",
+	"[data-sdt-type=\"structuredContent\"][data-sdt-container-id]",
+	"[data-sdt-container-type=\"structuredContent\"][data-sdt-container-id]"
+].join(", ");
 var DEFAULT_AWARENESS_PALETTE = Object.freeze([
 	"#FF6B6B",
 	"#4ECDC4",
@@ -39046,6 +39051,33 @@ function onCollaborationProviderSynced(provider, onSynced) {
 	if (isCollaborationProviderSynced(provider)) finish();
 	return cleanup;
 }
+function getClickedContentControlId(event, root) {
+	const path = event.composedPath();
+	if (!path.includes(root)) return null;
+	const control = path.find((target$1) => target$1 instanceof HTMLElement && target$1.matches(STRUCTURED_CONTENT_FRAME_SELECTOR));
+	if (!control) return null;
+	const onBlockLabel = path.some((target$1) => target$1 instanceof HTMLElement && target$1.classList.contains(DOM_CLASS_NAMES.BLOCK_SDT_LABEL));
+	const containerId = control.getAttribute("data-sdt-container-id")?.trim() || null;
+	const sdtId = control.getAttribute("data-sdt-id")?.trim() || null;
+	return onBlockLabel ? containerId ?? sdtId : sdtId ?? containerId;
+}
+function getContentControlItems(result) {
+	if (!result || typeof result !== "object") return [];
+	const items = result.items;
+	return Array.isArray(items) ? items : [];
+}
+function toSdtRef(item) {
+	if (!item || typeof item.id !== "string" || item.kind !== "inline" && item.kind !== "block" || typeof item.controlType !== "string") return null;
+	const tag = item.properties?.tag;
+	const alias = item.properties?.alias;
+	return {
+		id: item.id,
+		controlType: item.controlType,
+		scope: item.kind,
+		...typeof tag === "string" && tag ? { tag } : {},
+		...typeof alias === "string" && alias ? { alias } : {}
+	};
+}
 function isV2ActiveEditorFacade(editor) {
 	return Boolean(editor && typeof editor === "object" && editor.editorVersion === 2);
 }
@@ -39099,6 +39131,10 @@ var SuperDoc = class extends import_eventemitter3.default {
 	#v2LockUnsub = null;
 	#pendingV2LockSeed = null;
 	#mountWrapper = null;
+	#contentControlClickRoot = null;
+	#handleContentControlClick = (event) => {
+		this.#emitContentControlClick(event);
+	};
 	#ui = null;
 	#uiConfig = normalizeUiConfig({});
 	get uiConfig() {
@@ -39182,8 +39218,28 @@ var SuperDoc = class extends import_eventemitter3.default {
 		const container = typeof config.selector === "string" ? document.querySelector(config.selector) : config.selector;
 		if (!(container instanceof HTMLElement)) throw new Error("SuperDoc: selector must be a valid CSS selector string or DOM element");
 		this.#surfaceManager = new SurfaceManager({ getModuleConfig: () => this.#surfacesConfig });
+		this.#contentControlClickRoot = container;
+		container.addEventListener("click", this.#handleContentControlClick, true);
 		this.#init(config, container);
 	}
+	async #emitContentControlClick(event) {
+		const root = this.#contentControlClickRoot;
+		if (!root) return;
+		const id = getClickedContentControlId(event, root);
+		const list = this.activeEditor?.doc?.contentControls?.list;
+		if (!id || typeof list !== "function") return;
+		try {
+			const result = await list();
+			if (this.#destroyed) return;
+			const target$1 = toSdtRef(getContentControlItems(result).find((item) => item.id === id));
+			if (target$1) this.emit("content-control:click", {
+				target: target$1,
+				source: "pointer"
+			});
+		} catch {
+			return;
+		}
+	}
 	async #init(config, container) {
 		this.config = {
 			...this.config,
@@ -39230,7 +39286,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.4";
+		this.version = "2.4.0-next.5";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4_default();
 		this.colors = this.config.colors ?? [];
@@ -40758,6 +40814,8 @@ var SuperDoc = class extends import_eventemitter3.default {
 	}
 	destroy() {
 		this.#destroyed = true;
+		this.#contentControlClickRoot?.removeEventListener("click", this.#handleContentControlClick, true);
+		this.#contentControlClickRoot = null;
 		if (this.#abortUpgrade) {
 			this.#abortUpgrade();
 			this.#abortUpgrade = null;