superdoc 2.23.1-next.8 → 2.24.0-next.1

package/dist/superdoc.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.1-next.8";
+		return "2.24.0-next.1";
 	} catch {
 		return "unknown";
 	}
@@ -13312,7 +13312,7 @@ var _hoisted_15$2 = {
 };
 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_18$2 = { class: "tracked-change-text is-inserted" };
 var _hoisted_19$1 = { key: 2 };
 var _hoisted_20$1 = { class: "tracked-change-text is-inserted" };
 var _hoisted_21$1 = { key: 3 };
@@ -14385,7 +14385,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 									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$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, [
+							}), 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$2, "\"" + 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)),
@@ -18985,6 +18985,11 @@ var _hoisted_17$1 = {
 	key: 5,
 	class: "input-row go-to-anchor clickable"
 };
+var _hoisted_18$1 = {
+	key: 6,
+	role: "status",
+	class: "sd-error"
+};
 var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "LinkInput",
 	props: {
@@ -19182,61 +19187,71 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				hyperlinkTarget: props.hyperlinkTarget
 			});
 		};
-		const navigateToAnchor = (anchorUrl) => {
-			if (props.goToAnchor) props.goToAnchor(anchorUrl);
+		const navigationError = ref("");
+		const navigateToAnchor = async (anchorUrl) => {
+			navigationError.value = "";
+			try {
+				if (await props.goToAnchor?.(anchorUrl) === false) navigationError.value = "Reference target is unavailable";
+			} catch {
+				navigationError.value = "Reference target is unavailable";
+			}
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["link-input-ctn", { "high-contrast": unref(isHighContrastMode) }]) }, [isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_1$19, "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[5] || (_cache[5] = createElementVNode("div", { class: "input-icon text-input-icon" }, "T", -1)), withDirectives(createElementVNode("input", {
-					type: "text",
-					name: "text",
-					placeholder: "Text",
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => text.value = $event),
-					readonly: isViewingMode.value,
-					onKeydown: withKeys(withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"])
-				}, null, 40, _hoisted_7$3), [[vModelText, text.value]])]),
-				createElementVNode("div", _hoisted_8$3, [
-					createElementVNode("div", {
-						class: "input-icon",
-						innerHTML: unref(toolbarIcons).linkInput
-					}, null, 8, _hoisted_9$2),
-					withDirectives(createElementVNode("input", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["link-input-ctn", { "high-contrast": unref(isHighContrastMode) }]) }, [
+				isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_1$19, "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[5] || (_cache[5] = createElementVNode("div", { class: "input-icon text-input-icon" }, "T", -1)), withDirectives(createElementVNode("input", {
 						type: "text",
-						name: "link",
-						placeholder: "Type or paste a link",
-						class: normalizeClass({ "sd-error": urlError.value }),
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rawUrl.value = $event),
+						name: "text",
+						placeholder: "Text",
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => text.value = $event),
 						readonly: isViewingMode.value,
-						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 }]),
-						innerHTML: unref(toolbarIcons).openLink,
-						onClick: openLink,
-						"data-item": "btn-link-open"
-					}, null, 10, _hoisted_11$2)
-				]),
-				!isViewingMode.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [isEditing.value ? (openBlock(), createElementBlock("button", {
-					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_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 ", 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-498a6e6e"]]);
+						onKeydown: withKeys(withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"])
+					}, null, 40, _hoisted_7$3), [[vModelText, text.value]])]),
+					createElementVNode("div", _hoisted_8$3, [
+						createElementVNode("div", {
+							class: "input-icon",
+							innerHTML: unref(toolbarIcons).linkInput
+						}, null, 8, _hoisted_9$2),
+						withDirectives(createElementVNode("input", {
+							type: "text",
+							name: "link",
+							placeholder: "Type or paste a link",
+							class: normalizeClass({ "sd-error": urlError.value }),
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rawUrl.value = $event),
+							readonly: isViewingMode.value,
+							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 }]),
+							innerHTML: unref(toolbarIcons).openLink,
+							onClick: openLink,
+							"data-item": "btn-link-open"
+						}, null, 10, _hoisted_11$2)
+					]),
+					!isViewingMode.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [isEditing.value ? (openBlock(), createElementBlock("button", {
+						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_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 ", 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),
+				navigationError.value ? (openBlock(), createElementBlock("div", _hoisted_18$1, toDisplayString(navigationError.value), 1)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+}, [["__scopeId", "data-v-360db842"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/scroll-helpers.js
 function getScrollableParent(element) {
@@ -19356,7 +19371,8 @@ function scrollToElement(targetElement, options = {
 * which keeps anchor navigation scoped to body targets.
 * @typedef {Object} BookmarkGetResult
 * @property {{ story?: { kind?: string, storyType?: string } }} [address]
-* @property {{ from?: { blockId?: string } }} [range]
+* @property {{ from?: { blockId?: string, offset?: number } }} [range]
+* @property {{ colFirst: number, colLast: number }} [tableColumn]
 */
 /**
 * The narrow Document API subset this composable reads. The host facade
@@ -19369,7 +19385,7 @@ function scrollToElement(targetElement, options = {
 * @property {{ list?: () => BlocksListResult | null | undefined } | null} [blocks]
 * @property {{ match?: (query: { select: { type: 'text', pattern: string, caseSensitive: boolean }, require: 'any' }) => QueryMatchResult | null | undefined } | null} [query]
 * @property {{ list?: () => HyperlinksListResult | Promise<HyperlinksListResult | null | undefined> | null | undefined, get?: (input: { storyId: string, hyperlinkNodeId: string }) => HyperlinkGetResult | Promise<HyperlinkGetResult | null | undefined> | null | undefined } | null} [hyperlinks]
-* @property {{ get?: (input: { target: { kind: 'entity', entityType: 'bookmark', name: string } }) => BookmarkGetResult | Promise<BookmarkGetResult | null | undefined> | null | undefined } | null} [bookmarks]
+* @property {{ list?: () => Promise<{ items: Array<{ name: string }> }> | { items: Array<{ name: string }> }, get?: (input: { target: { kind: 'entity', entityType: 'bookmark', name: string } }) => BookmarkGetResult | Promise<BookmarkGetResult | null | undefined> | null | undefined } | null} [bookmarks]
 */
 /**
 * The `v2-link-click` payload the shell relays from the v2 host's
@@ -19798,7 +19814,7 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 	* editing/suggesting via `placeCaret`.
 	* @param {string} blockId
 	*/
-	async function placeCaretAtHeadingStart(blockId) {
+	async function placeCaretAtBookmark(blockId, offset) {
 		const setSelectionTarget = getActiveEditor()?.authoring?.setSelectionTarget;
 		if (typeof setSelectionTarget !== "function") return;
 		const story = {
@@ -19808,7 +19824,7 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 		const anchor = {
 			kind: "text",
 			blockId,
-			offset: 0,
+			offset,
 			story
 		};
 		const target = {
@@ -19832,22 +19848,29 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 	* @param {{ placeCaret?: boolean }} [options]
 	*/
 	async function navigateToAnchor(anchorUrl, { placeCaret = false } = {}) {
-		if (typeof anchorUrl !== "string" || !anchorUrl.startsWith("#")) return;
+		if (typeof anchorUrl !== "string" || !anchorUrl.startsWith("#")) return false;
 		const anchorName = decodeAnchorFragment(anchorUrl.slice(1));
+		const editor = getActiveEditor();
+		const generation = openGeneration;
 		/** @type {LinkPopoverDocumentApi | null | undefined} */
-		const doc = getActiveEditor()?.doc;
+		const doc = editor?.doc;
 		const bookmarkGet = doc?.bookmarks?.get;
 		if (typeof bookmarkGet !== "function") {
 			const mountedAnchor = findMountedAnchor(getUi()?.viewport?.getHost?.() ?? null, cssEscape(anchorName));
-			if (mountedAnchor) scrollToElement(mountedAnchor, {
+			if (!mountedAnchor) return false;
+			scrollToElement(mountedAnchor, {
 				block: "start",
 				behavior: "instant"
 			});
-			return;
+			return true;
 		}
 		/** @type {BookmarkGetResult | null} */
 		let bookmark = null;
 		try {
+			const list = doc?.bookmarks?.list;
+			if (typeof list === "function") {
+				if ((await Promise.resolve(list.call(doc.bookmarks)))?.items?.filter((item) => item.name === anchorName).length !== 1) return false;
+			}
 			bookmark = await Promise.resolve(bookmarkGet.call(doc.bookmarks, { target: {
 				kind: "entity",
 				entityType: "bookmark",
@@ -19855,33 +19878,38 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 			} }));
 			bookmark ??= null;
 		} catch {
-			return;
+			return false;
 		}
+		if (editor !== getActiveEditor() || generation !== openGeneration) return false;
 		const story = bookmark?.address?.story;
-		if (story && story.storyType !== "body") return;
+		if (story && story.storyType !== "body" || bookmark?.tableColumn) return false;
 		const blockId = bookmark?.range?.from?.blockId;
-		if (typeof blockId !== "string") return;
-		if (placeCaret) await placeCaretAtHeadingStart(blockId);
+		const offset = bookmark?.range?.from?.offset ?? 0;
+		if (typeof blockId !== "string" || !Number.isInteger(offset) || offset < 0) return false;
+		if (placeCaret) await placeCaretAtBookmark(blockId, offset);
 		const viewport = getUi()?.viewport;
 		const scrollIntoView = viewport?.scrollIntoView;
-		if (typeof scrollIntoView !== "function") return;
+		if (typeof scrollIntoView !== "function") return false;
 		const target = {
 			kind: "text",
 			blockId,
 			range: {
-				start: 0,
-				end: 0
+				start: offset,
+				end: offset
 			}
 		};
 		for (let step = 0; step < MAX_ANCHOR_NAVIGATION_STEPS; step += 1) try {
-			if ((await Promise.resolve(scrollIntoView.call(viewport, {
+			const result = await Promise.resolve(scrollIntoView.call(viewport, {
 				target,
 				block: "start",
 				behavior: "instant"
-			})))?.success !== false) return;
+			}));
+			if (editor !== getActiveEditor() || generation !== openGeneration) return false;
+			if (result?.success !== false) return true;
 		} catch {
-			return;
+			return false;
 		}
+		return false;
 	}
 	/**
 	* @param {HyperlinkActivationContext} ctx
@@ -20015,9 +20043,10 @@ function useLinkPopover({ getSurfaceManager, getActiveEditor, getUi, getActivati
 		if (getBuiltInEditorDisabled()) return;
 		const closePopover = () => closeCurrentPopover("closed");
 		/** @param {string | null | undefined} anchorUrl */
-		const goToAnchor = (anchorUrl) => {
-			closePopover();
-			navigateToAnchor(anchorUrl, { placeCaret: true });
+		const goToAnchor = async (anchorUrl) => {
+			const success = await navigateToAnchor(anchorUrl, { placeCaret: ctx.documentMode !== "viewing" });
+			if (success) closePopover();
+			return success;
 		};
 		const generation = openGeneration;
 		/** @param {ResolvedHyperlinkTarget | null} hyperlinkTarget */
@@ -21599,7 +21628,7 @@ var SurfaceDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		}
 		function setInitialFocus() {
 			if (!dialogRef.value) return;
-			const firstFocusable = dialogRef.value.querySelector(FOCUSABLE_SELECTOR);
+			const firstFocusable = dialogRef.value.querySelector("[data-sd-autofocus]") ?? dialogRef.value.querySelector(FOCUSABLE_SELECTOR);
 			if (firstFocusable) firstFocusable.focus();
 			else dialogRef.value.focus();
 		}
@@ -21710,7 +21739,7 @@ var SurfaceDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			])) : __props.surface.component ? (openBlock(), createBlock(resolveDynamicComponent(__props.surface.component), normalizeProps(mergeProps({ key: 1 }, mergedComponentProps.value)), null, 16)) : createCommentVNode("", true)])], 12, _hoisted_1$18)], 32);
 		};
 	}
-}, [["__scopeId", "data-v-582b6534"]]);
+}, [["__scopeId", "data-v-5cee3b11"]]);
 //#endregion
 //#region src/components/surfaces/SurfaceFloating.vue
 var _hoisted_1$17 = ["aria-labelledby", "aria-label"];
@@ -40852,19 +40881,25 @@ var SdTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const contentRef = ref(null);
 		const position = ref({
 			top: "0px",
-			left: "0px"
+			left: "0px",
+			below: false
 		});
 		let closeTimeout = null;
 		let openTimeout = null;
 		let autoHideTimeout = null;
-		const mergedContentClass = computed$1(() => ["sd-tooltip-content", attrs.class]);
+		const mergedContentClass = computed$1(() => [
+			"sd-tooltip-content",
+			position.value.below && "sd-tooltip-below",
+			attrs.class
+		]);
 		const contentStyle = computed$1(() => ({
 			...props.contentStyle,
 			...attrs.style || {},
 			position: "fixed",
 			top: position.value.top,
 			left: position.value.left,
-			zIndex: 2100
+			zIndex: 2100,
+			transformOrigin: position.value.below ? "top center" : "bottom center"
 		}));
 		const clearCloseTimeout = () => {
 			if (closeTimeout) {
@@ -40897,12 +40932,18 @@ var SdTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			const contentWidth = contentRef.value.offsetWidth;
 			const contentHeight = contentRef.value.offsetHeight;
 			const viewportWidth = window.innerWidth || document.documentElement.clientWidth || 0;
+			const viewportHeight = window.innerHeight || document.documentElement.clientHeight || 0;
 			const gutter = 8;
 			let left = triggerRect.left + triggerRect.width / 2 - contentWidth / 2;
 			left = Math.max(gutter, Math.min(left, viewportWidth - contentWidth - gutter));
+			const aboveTop = triggerRect.top - contentHeight - 10;
+			const below = aboveTop < gutter;
+			const preferredTop = below ? triggerRect.bottom + 10 : aboveTop;
+			const top = Math.max(gutter, Math.min(preferredTop, viewportHeight - contentHeight - gutter));
 			position.value = {
-				top: `${triggerRect.top - contentHeight - 10}px`,
-				left: `${left}px`
+				top: `${top}px`,
+				left: `${left}px`,
+				below
 			};
 		};
 		const open = async () => {
@@ -41022,7 +41063,7 @@ var SdTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}, 8, ["css"])]))], 64);
 		};
 	}
-}), [["__scopeId", "data-v-1449088a"]]);
+}), [["__scopeId", "data-v-71c6de4c"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ButtonGroup.vue
 var _hoisted_1$10 = [
@@ -46452,7 +46493,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.23.1-next.8";
+		this.version = "2.24.0-next.1";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];