superdoc 2.4.0-next.4 → 2.4.0-next.6

package/dist/style.layered.css

@@ -1734,11 +1734,11 @@ img[data-v-c95b2073] {
   pointer-events: auto;
 }
 
-.superdoc[data-v-c3bc8a46] {
+.superdoc[data-v-acf35f4b] {
   display: flex;
   position: relative;
 }
-.sd-visually-hidden[data-v-c3bc8a46] {
+.sd-visually-hidden[data-v-acf35f4b] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -1749,30 +1749,30 @@ img[data-v-c95b2073] {
   white-space: nowrap;
   border: 0;
 }
-.right-sidebar[data-v-c3bc8a46] {
+.right-sidebar[data-v-acf35f4b] {
   min-width: 320px;
   height: 100%;
 }
-.floating-comments[data-v-c3bc8a46] {
+.floating-comments[data-v-acf35f4b] {
   min-width: 300px;
   width: 300px;
   height: 100%;
   overflow: visible;
 }
-.superdoc__layers[data-v-c3bc8a46] {
+.superdoc__layers[data-v-acf35f4b] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-c3bc8a46] {
+.superdoc__document[data-v-acf35f4b] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-c3bc8a46] {
+.superdoc__sub-document[data-v-acf35f4b] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-c3bc8a46] {
+.superdoc__selection-layer[data-v-acf35f4b] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
@@ -1783,13 +1783,13 @@ img[data-v-c95b2073] {
 /* SD-3497: PDF whiteboard overlay sits above the rendered PDF canvas but below
    the PDF comment anchors (z-index 6 in PdfCommentsLayer) so anchors stay
    clickable, and below the selection layer (z-index 10). */
-.superdoc__whiteboard-layer[data-v-c3bc8a46] {
+.superdoc__whiteboard-layer[data-v-acf35f4b] {
   z-index: 4;
 }
-.superdoc__temp-selection[data-v-c3bc8a46] {
+.superdoc__temp-selection[data-v-acf35f4b] {
   position: absolute;
 }
-.superdoc__right-sidebar[data-v-c3bc8a46] {
+.superdoc__right-sidebar[data-v-acf35f4b] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -1797,7 +1797,7 @@ img[data-v-c95b2073] {
   position: relative;
   z-index: 2;
 }
-.superdoc__compact-comment-popover[data-v-c3bc8a46] {
+.superdoc__compact-comment-popover[data-v-acf35f4b] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -1806,14 +1806,14 @@ img[data-v-c95b2073] {
 }
 
 /* Tools styles */
-.tools[data-v-c3bc8a46] {
+.tools[data-v-acf35f4b] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: var(--sd-ui-tools-gap, 6px);
 }
-.tools-item[data-v-c3bc8a46] {
+.tools-item[data-v-acf35f4b] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1824,10 +1824,10 @@ img[data-v-c95b2073] {
   cursor: pointer;
   position: relative;
 }
-.tools-item i[data-v-c3bc8a46] {
+.tools-item i[data-v-acf35f4b] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-c3bc8a46] {
+.superdoc__tools-icon[data-v-acf35f4b] {
   width: var(--sd-ui-tools-icon-size, 20px);
   height: var(--sd-ui-tools-icon-size, 20px);
   flex-shrink: 0;
@@ -1842,22 +1842,22 @@ img[data-v-c95b2073] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-c3bc8a46] {
+.superdoc .superdoc__layers[data-v-acf35f4b] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-c3bc8a46] {
+.superdoc__sub-document[data-v-acf35f4b] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-c3bc8a46] {
+.superdoc__right-sidebar[data-v-acf35f4b] {
     padding: 10px;
     position: relative;
 }
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-c3bc8a46] {
+.ai-writer-container[data-v-acf35f4b] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -1873,10 +1873,10 @@ img[data-v-c95b2073] {
   transform: translateY(-50%);
   z-index: 50;
 } */
-.ai-tool > svg[data-v-c3bc8a46] {
+.ai-tool > svg[data-v-acf35f4b] {
   fill: transparent;
 }
-.ai-tool[data-v-c3bc8a46]::before {
+.ai-tool[data-v-acf35f4b]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -1897,7 +1897,7 @@ img[data-v-c95b2073] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-c3bc8a46]:hover::before {
+.ai-tool[data-v-acf35f4b]:hover::before {
   filter: brightness(1.3);
 }
 

package/dist/superdoc.cjs

@@ -4,9 +4,9 @@ const require_blank_docx = require("./chunks/blank-docx-DP8RUPW-.cjs");
 const require_eventemitter3 = require("./chunks/eventemitter3-DqY4aSMf.cjs");
 const require_uuid = require("./chunks/uuid-CFp0WGVU.cjs");
 const require_jszip = require("./chunks/jszip-Cs9JBLlJ.cjs");
-const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-BTwbGDKw.cjs");
-const require_constants = require("./chunks/constants-sbCZ2O_A.cjs");
-const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-BHMQEL2y.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-sMXbYzhs.cjs");
+const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-CZ1Nl59K.cjs");
+const require_constants = require("./chunks/constants-D7TNtyJd.cjs");
 let vue = require("vue");
 vue = require_rolldown_runtime.__toESM(vue);
 require("y-websocket");
@@ -14760,7 +14760,7 @@ function usePasswordPrompt({ getSurfaceManager, getPasswordPromptConfig, onUnhan
 				})
 			});
 		} else {
-			const PasswordPromptSurface = (await Promise.resolve().then(() => require("./chunks/PasswordPromptSurface-BUUVC2ee.cjs"))).default;
+			const PasswordPromptSurface = (await Promise.resolve().then(() => require("./chunks/PasswordPromptSurface-Bu5xHm91.cjs"))).default;
 			const surfaceId = `password-prompt-${doc.id}`;
 			handle = manager.open({
 				id: surfaceId,
@@ -15409,7 +15409,7 @@ function useFindReplace({ getSurfaceManager, getActiveEditor, activeEditorRef, g
 			} else {
 				let FindReplaceSurface;
 				try {
-					FindReplaceSurface = (await Promise.resolve().then(() => require("./chunks/FindReplaceSurface-Dx0llWqP.cjs"))).default;
+					FindReplaceSurface = (await Promise.resolve().then(() => require("./chunks/FindReplaceSurface-C-I4GcRE.cjs"))).default;
 				} catch {
 					opening = false;
 					return;
@@ -18105,7 +18105,7 @@ var _sfc_main$20 = {
 	__name: "SuperDoc",
 	emits: ["selection-update"],
 	setup(__props, { emit: __emit }) {
-		const PdfViewer = (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./chunks/PdfViewer-qpvzwYMz.cjs")));
+		const PdfViewer = (0, vue.defineAsyncComponent)(() => Promise.resolve().then(() => require("./chunks/PdfViewer-D4eD2dV1.cjs")));
 		const getDocumentLoadPassword = (doc) => doc.password ?? proxy.$superdoc.config.password;
 		const resolveDocumentV2Collaboration = (doc) => {
 			const rawConfig = doc?.v2Collaboration;
@@ -19618,7 +19618,7 @@ var _sfc_main$20 = {
 					zoom: (activeZoom.value ?? 100) / 100,
 					emitCommentPositionsInViewing: isViewingMode() && shouldRenderCommentsInViewing.value,
 					enableCommentsInViewing: isViewingCommentsVisible.value,
-					contentControlsChrome: !proxy.$superdoc.uiConfig.contentControls.enabled ? "none" : proxy.$superdoc.uiConfig.contentControls.options.chrome ?? (proxy.$superdoc.config.modules?.contentControls?.chrome === "none" ? void 0 : proxy.$superdoc.config.modules?.contentControls?.chrome),
+					contentControlsChrome: proxy.$superdoc.uiConfig.contentControls.options.chrome,
 					resolveTrackedChangeColor: require_create_super_doc_ui.composeAuthorColorResolver(proxy.$superdoc.config.modules?.trackChanges?.authorColors)
 				} : void 0,
 				permissionResolver: (payload = {}) => proxy.$superdoc.canPerformPermission({
@@ -20560,7 +20560,7 @@ var _sfc_main$20 = {
 		};
 	}
 };
-var SuperDoc_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$20, [["__scopeId", "data-v-c3bc8a46"]]);
+var SuperDoc_default = /* @__PURE__ */ require__plugin_vue_export_helper.__plugin_vue_export_helper_default(_sfc_main$20, [["__scopeId", "data-v-acf35f4b"]]);
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
 var PINIA_DEVTOOLS_PLUGIN_ID = "dev.esm.pinia";
 var piniaDevtoolsSuppressionState = {
@@ -32995,6 +32995,8 @@ function normalizeUiConfig(config = {}) {
 	};
 	const options = (key) => allDisabled ? {} : resolveOptions(ui, key);
 	const rulerSuppressed = allDisabled || explicit("ruler") === false;
+	const contentControlsEnabled = explicit("contentControls") ?? (!allDisabled && config.modules?.contentControls?.chrome !== "none");
+	const legacyContentControlsChrome = config.modules?.contentControls?.chrome === "none" ? void 0 : config.modules?.contentControls?.chrome;
 	const toolbarOptions = options("toolbar");
 	const legacyToolbar = config.modules?.toolbar;
 	const legacyToolbarOptions = isPlainObject$2(legacyToolbar) ? legacyToolbar : {};
@@ -33045,8 +33047,8 @@ function normalizeUiConfig(config = {}) {
 			container: rulerSuppressed ? null : options("ruler").container ?? config.rulerContainer ?? null
 		},
 		contentControls: {
-			enabled: explicit("contentControls") ?? (!allDisabled && config.modules?.contentControls?.chrome !== "none"),
-			options: options("contentControls")
+			enabled: contentControlsEnabled,
+			options: contentControlsEnabled ? mergeDefined({ chrome: legacyContentControlsChrome }, options("contentControls")) : { chrome: "none" }
 		}
 	};
 }
@@ -39026,6 +39028,11 @@ var BuiltInToolbar = class extends require_eventemitter3.import_eventemitter3.de
 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",
@@ -39113,6 +39120,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(require_create_super_doc_ui.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);
 }
@@ -39166,6 +39200,10 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 	#v2LockUnsub = null;
 	#pendingV2LockSeed = null;
 	#mountWrapper = null;
+	#contentControlClickRoot = null;
+	#handleContentControlClick = (event) => {
+		this.#emitContentControlClick(event);
+	};
 	#ui = null;
 	#uiConfig = normalizeUiConfig({});
 	get uiConfig() {
@@ -39249,8 +39287,28 @@ var SuperDoc = class extends require_eventemitter3.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,
@@ -39297,7 +39355,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.4";
+		this.version = "2.4.0-next.6";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4_default();
 		this.colors = this.config.colors ?? [];
@@ -40825,6 +40883,8 @@ var SuperDoc = class extends require_eventemitter3.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;

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;
@@ -19575,7 +19575,7 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 					zoom: (activeZoom.value ?? 100) / 100,
 					emitCommentPositionsInViewing: isViewingMode() && shouldRenderCommentsInViewing.value,
 					enableCommentsInViewing: isViewingCommentsVisible.value,
-					contentControlsChrome: !proxy.$superdoc.uiConfig.contentControls.enabled ? "none" : proxy.$superdoc.uiConfig.contentControls.options.chrome ?? (proxy.$superdoc.config.modules?.contentControls?.chrome === "none" ? void 0 : proxy.$superdoc.config.modules?.contentControls?.chrome),
+					contentControlsChrome: proxy.$superdoc.uiConfig.contentControls.options.chrome,
 					resolveTrackedChangeColor: composeAuthorColorResolver(proxy.$superdoc.config.modules?.trackChanges?.authorColors)
 				} : void 0,
 				permissionResolver: (payload = {}) => proxy.$superdoc.canPerformPermission({
@@ -20516,7 +20516,7 @@ var SuperDoc_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-c3bc8a46"]]);
+}, [["__scopeId", "data-v-acf35f4b"]]);
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
 var PINIA_DEVTOOLS_PLUGIN_ID = "dev.esm.pinia";
 var piniaDevtoolsSuppressionState = {
@@ -32950,6 +32950,8 @@ function normalizeUiConfig(config = {}) {
 	};
 	const options = (key) => allDisabled ? {} : resolveOptions(ui, key);
 	const rulerSuppressed = allDisabled || explicit("ruler") === false;
+	const contentControlsEnabled = explicit("contentControls") ?? (!allDisabled && config.modules?.contentControls?.chrome !== "none");
+	const legacyContentControlsChrome = config.modules?.contentControls?.chrome === "none" ? void 0 : config.modules?.contentControls?.chrome;
 	const toolbarOptions = options("toolbar");
 	const legacyToolbar = config.modules?.toolbar;
 	const legacyToolbarOptions = isPlainObject$2(legacyToolbar) ? legacyToolbar : {};
@@ -33000,8 +33002,8 @@ function normalizeUiConfig(config = {}) {
 			container: rulerSuppressed ? null : options("ruler").container ?? config.rulerContainer ?? null
 		},
 		contentControls: {
-			enabled: explicit("contentControls") ?? (!allDisabled && config.modules?.contentControls?.chrome !== "none"),
-			options: options("contentControls")
+			enabled: contentControlsEnabled,
+			options: contentControlsEnabled ? mergeDefined({ chrome: legacyContentControlsChrome }, options("contentControls")) : { chrome: "none" }
 		}
 	};
 }
@@ -38959,6 +38961,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 +39053,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 +39133,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 +39220,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 +39288,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.6";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4_default();
 		this.colors = this.config.colors ?? [];
@@ -40758,6 +40816,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;