superdoc 2.23.1-next.6 → 2.23.1-next.8

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.6";
+		return "2.23.1-next.8";
 	} catch {
 		return "unknown";
 	}
@@ -12200,7 +12200,7 @@ function useUiFontFamily() {
 }
 //#endregion
 //#region src/components/CommentsLayer/CommentsDropdown.vue
-var _hoisted_1$32 = { class: "comments-dropdown" };
+var _hoisted_1$31 = { class: "comments-dropdown" };
 var _hoisted_2$25 = ["onClick"];
 var _hoisted_3$21 = {
 	key: 0,
@@ -12331,7 +12331,7 @@ var CommentsDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			window.removeEventListener("scroll", updateMenuPosition, true);
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$32, [createElementVNode("div", {
+			return openBlock(), createElementBlock("div", _hoisted_1$31, [createElementVNode("div", {
 				ref_key: "triggerRef",
 				ref: triggerRef,
 				class: "comments-dropdown__trigger",
@@ -12360,7 +12360,7 @@ var CommentsDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 }, [["__scopeId", "data-v-7eced80a"]]);
 //#endregion
 //#region src/components/CommentsLayer/InternalDropdown.vue
-var _hoisted_1$31 = { class: "sd-comment-option" };
+var _hoisted_1$30 = { class: "sd-comment-option" };
 var _hoisted_2$24 = ["innerHTML"];
 var _hoisted_3$20 = { class: "sd-option-state" };
 var _hoisted_4$12 = ["innerHTML"];
@@ -12431,7 +12431,7 @@ var InternalDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				disabled: __props.isDisabled,
 				"content-style": { fontFamily: unref(uiFontFamily) }
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$31, [
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$30, [
 					createElementVNode("div", {
 						class: "sd-active-icon",
 						innerHTML: activeIcon.value
@@ -12596,7 +12596,7 @@ var isAllowed = (permission, role, isInternal, context = {}) => {
 };
 //#endregion
 //#region src/components/general/Avatar.vue
-var _hoisted_1$30 = { class: "user-container" };
+var _hoisted_1$29 = { class: "user-container" };
 var _hoisted_2$23 = ["src"];
 var _hoisted_3$19 = {
 	key: 1,
@@ -12619,7 +12619,7 @@ var Avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return email?.substring(0, 1)?.toUpperCase() || null;
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$30, [__props.user.image ? (openBlock(), createElementBlock("img", {
+			return openBlock(), createElementBlock("div", _hoisted_1$29, [__props.user.image ? (openBlock(), createElementBlock("img", {
 				key: 0,
 				class: "user-bg",
 				src: __props.user.image.startsWith("http") ? __props.user.image : `data:image/png;base64,${__props.user.image}`
@@ -12629,7 +12629,7 @@ var Avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 }, [["__scopeId", "data-v-c95b2073"]]);
 //#endregion
 //#region src/components/CommentsLayer/CommentHeader.vue
-var _hoisted_1$29 = { class: "card-section comment-header" };
+var _hoisted_1$28 = { class: "card-section comment-header" };
 var _hoisted_2$22 = { class: "comment-header-left" };
 var _hoisted_3$18 = { class: "user-info" };
 var _hoisted_4$11 = { class: "user-name" };
@@ -12889,7 +12889,7 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return user;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$29, [createElementVNode("div", _hoisted_2$22, [createVNode(Avatar_default, {
+			return openBlock(), createElementBlock("div", _hoisted_1$28, [createElementVNode("div", _hoisted_2$22, [createVNode(Avatar_default, {
 				user: getCurrentUser.value,
 				class: "avatar"
 			}, null, 8, ["user"]), createElementVNode("div", _hoisted_3$18, [createElementVNode("div", _hoisted_4$11, [createTextVNode(toDisplayString(getCurrentUser.value.name), 1), isImported.value ? (openBlock(), createElementBlock("span", _hoisted_5$9, "IMPORTED")) : createCommentVNode("", true)]), props.comment.createdTime ? (openBlock(), createElementBlock("div", _hoisted_6$8, toDisplayString(unref(formatDate)(props.comment.createdTime)), 1)) : createCommentVNode("", true)])]), createElementVNode("div", { class: normalizeClass(["overflow-menu", { "is-visible": props.isActive }]) }, [
@@ -12940,7 +12940,7 @@ var CommentHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 }, [["__scopeId", "data-v-f2f11c96"]]);
 //#endregion
 //#region src/components/CommentsLayer/CommentInput.vue
-var _hoisted_1$28 = { class: "input-section" };
+var _hoisted_1$27 = { class: "input-section" };
 var _hoisted_2$21 = { class: "comment-composer" };
 var _hoisted_3$17 = [
 	"aria-expanded",
@@ -13114,7 +13114,7 @@ var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		watch$1(currentCommentText, scheduleInputHeightSync);
 		__expose({ focus });
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$28, [__props.includeHeader ? (openBlock(), createBlock(CommentHeader_default, {
+			return openBlock(), createElementBlock("div", _hoisted_1$27, [__props.includeHeader ? (openBlock(), createBlock(CommentHeader_default, {
 				key: 0,
 				config: __props.config,
 				comment: __props.comment,
@@ -13159,8 +13159,116 @@ var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	}
 }, [["__scopeId", "data-v-0720a671"]]);
 //#endregion
+//#region src/internal/toolbar/built-in/url-safety.js
+/**
+* Minimal href sanitizer for the built-in link popover.
+*
+* The v1 toolbar used the shared `@superdoc/url-validation` package, which is not
+* a resolvable runtime dependency of the published `superdoc` ES build. This
+* keeps the same fail-closed posture (only known-safe schemes pass) without
+* pulling in that package: dangerous schemes (`javascript:`, `data:`,
+* `vbscript:`) return `null`, mirroring the v1 contract that callers treat a
+* `null` result as an invalid URL.
+*/
+var SAFE_SCHEME = /^(https?|mailto|tel):/i;
+var DANGEROUS_SCHEME = /^(javascript|data|vbscript):/i;
+var HAS_SCHEME = /^[a-z][a-z0-9+.-]*:/i;
+/**
+* Validate and normalize an href. Returns `{ href }` for safe values, or `null`.
+* @param {string} value
+* @returns {{ href: string }|null}
+*/
+function sanitizeHref(value) {
+	if (typeof value !== "string") return null;
+	const trimmed = value.trim();
+	if (!trimmed) return null;
+	if (trimmed.startsWith("#")) return { href: trimmed };
+	if (DANGEROUS_SCHEME.test(trimmed)) return null;
+	if (HAS_SCHEME.test(trimmed)) return SAFE_SCHEME.test(trimmed) ? { href: trimmed } : null;
+	return { href: trimmed };
+}
+//#endregion
+//#region src/components/CommentsLayer/comment-urls.js
+function isAbsoluteWebUrl(value) {
+	if (!/^https?:\/\/[^\s/?#\\]+/i.test(value) || /[\s\\]/u.test(value)) return false;
+	try {
+		const url = new URL(value);
+		return (url.protocol === "https:" || url.protocol === "http:") && Boolean(url.hostname);
+	} catch {
+		return false;
+	}
+}
+function trimUrlPunctuation(value) {
+	const closingDelimiter = {
+		"(": ")",
+		"[": "]",
+		"{": "}"
+	};
+	const balance = {
+		")": 0,
+		"]": 0,
+		"}": 0
+	};
+	for (const character of value) {
+		const close = closingDelimiter[character];
+		if (close) balance[close] += 1;
+		else if (Object.hasOwn(balance, character)) balance[character] -= 1;
+	}
+	let end = value.length;
+	while (end > 0) {
+		const character = value[end - 1];
+		if (".,!?;:".includes(character)) end -= 1;
+		else if (balance[character] < 0) {
+			balance[character] += 1;
+			end -= 1;
+		} else break;
+	}
+	return value.slice(0, end);
+}
+function configureLink(link, href) {
+	link.setAttribute("href", href);
+	link.setAttribute("target", "_blank");
+	link.setAttribute("rel", "noopener noreferrer");
+}
+/** Render links without rewriting stored comment HTML or its rich-text structure. */
+function renderCommentHtml(value) {
+	if (typeof value !== "string") return "";
+	if (typeof document === "undefined") return value;
+	const template = document.createElement("template");
+	template.innerHTML = value;
+	for (const link of template.content.querySelectorAll("a")) {
+		const safe = sanitizeHref(link.getAttribute("href"));
+		if (safe && (isAbsoluteWebUrl(safe.href) || /^(mailto|tel):\S+$/i.test(safe.href))) configureLink(link, safe.href);
+		else link.replaceWith(...link.childNodes);
+	}
+	const walker = document.createTreeWalker(template.content, NodeFilter.SHOW_TEXT);
+	const textNodes = [];
+	while (walker.nextNode()) textNodes.push(walker.currentNode);
+	for (const node of textNodes) {
+		if (node.parentElement?.closest("a, script, style, textarea, code, pre")) continue;
+		const text = node.textContent;
+		const fragment = document.createDocumentFragment();
+		let end = 0;
+		for (const match of text.matchAll(/(^|[\s([{])(https?:\/\/[^\s<>"']+)/gi)) {
+			const href = trimUrlPunctuation(match[2]);
+			if (!isAbsoluteWebUrl(href)) continue;
+			const start = match.index + match[1].length;
+			fragment.append(document.createTextNode(text.slice(end, start)));
+			const link = document.createElement("a");
+			configureLink(link, href);
+			link.textContent = href;
+			fragment.append(link);
+			end = start + href.length;
+		}
+		if (end === 0) continue;
+		fragment.append(document.createTextNode(text.slice(end)));
+		node.replaceWith(fragment);
+	}
+	return template.innerHTML;
+}
+//#endregion
 //#region src/components/CommentsLayer/CommentDialog.vue
-var _hoisted_1$27 = [
+var _hoisted_1$26 = [
 	"aria-label",
 	"data-comment-instance-id",
 	"data-comment-thread-id",
@@ -13540,6 +13648,12 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				return a.createdTime - b.createdTime;
 			});
 		});
+		const renderedCommentTexts = computed$1(() => new Map(comments.value.map((comment) => [comment.commentId, renderCommentHtml(comment.commentText)])));
+		const handleDialogClick = (event) => {
+			if (event.target instanceof Element && event.target.closest(".comment a[href]")) return;
+			event.preventDefault();
+			return setFocus();
+		};
 		const dialogAccessibleLabel = computed$1(() => {
 			if (props.comment.trackedChangeLabel) return props.comment.trackedChangeLabel;
 			if (props.comment.trackedChange) return "Tracked change discussion";
@@ -14168,7 +14282,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"is-active": isDialogActive.value || isPendingNewComment.value,
 					"is-resolved": props.comment.resolvedTime
 				}]),
-				onClick: withModifiers(setFocus, ["stop", "prevent"]),
+				onClick: withModifiers(handleDialogClick, ["stop"]),
 				style: normalizeStyle(getSidebarCommentStyle.value),
 				ref_key: "commentDialogElement",
 				ref: commentDialogElement,
@@ -14305,7 +14419,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 								class: normalizeClass(["comment", index === 0 ? bodyOverflowClass.value : void 0]),
 								ref_for: true,
 								ref: index === 0 ? setParentBodyRef : void 0,
-								innerHTML: comment.commentText
+								innerHTML: renderedCommentTexts.value.get(comment.commentId)
 							}, null, 10, _hoisted_38)) : unref(isDebugging) && !isEditingThisComment.value(comment) ? (openBlock(), createElementBlock("div", _hoisted_39, toDisplayString(unref(editorCommentPositions)[comment.importedId !== void 0 ? comment.importedId : comment.commentId]?.bounds), 1)) : (openBlock(), createElementBlock("div", _hoisted_40, [createElementVNode("div", _hoisted_41, [createVNode(CommentInput_default, {
 								ref_for: true,
 								ref: setEditCommentInputRef(comment.commentId),
@@ -14378,13 +14492,13 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					disabled: !hasTextContent.value || isV2WriteDisabled.value || isSubmittingReply.value,
 					"data-disabled-reason": v2ReplyDisabledReason.value
 				}, " Reply ", 10, _hoisted_53)])]))], 64)) : createCommentVNode("", true)
-			], 64))], 14, _hoisted_1$27)), [[_directive_click_outside, handleClickOutside]]);
+			], 64))], 14, _hoisted_1$26)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
-}, [["__scopeId", "data-v-dcbcc0d4"]]);
+}, [["__scopeId", "data-v-c189ab35"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
-var _hoisted_1$26 = [
+var _hoisted_1$25 = [
 	"tabindex",
 	"aria-posinset",
 	"aria-setsize",
@@ -14522,13 +14636,13 @@ var ReviewDirectoryListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 				"floating-page-index",
 				"floating-position-entry",
 				"is-floating-instance-active"
-			])) : createCommentVNode("", true)], 44, _hoisted_1$26);
+			])) : createCommentVNode("", true)], 44, _hoisted_1$25);
 		};
 	}
 }, [["__scopeId", "data-v-29650a06"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/commentsList.vue
-var _hoisted_1$25 = ["aria-busy"];
+var _hoisted_1$24 = ["aria-busy"];
 var _hoisted_2$19 = { key: 0 };
 var _hoisted_3$15 = { key: 1 };
 var REPEATED_HEADER_FOOTER_STORY_TYPE = "headerFooterPart";
@@ -14689,7 +14803,7 @@ var commentsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"total",
 					"tab-index"
 				]);
-			}), 128))])) : createCommentVNode("", true)], 8, _hoisted_1$25);
+			}), 128))])) : createCommentVNode("", true)], 8, _hoisted_1$24);
 		};
 	}
 }, [["__scopeId", "data-v-89244745"]]);
@@ -15158,7 +15272,7 @@ var resolveRemovedReviewCardContinuityTarget = ({ previousIds, currentIds, remov
 };
 //#endregion
 //#region src/components/CommentsLayer/FloatingComments.vue
-var _hoisted_1$24 = [
+var _hoisted_1$23 = [
 	"data-comment-id",
 	"data-comment-instance-id",
 	"data-comment-thread-id",
@@ -16028,14 +16142,14 @@ var FloatingComments_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"floating-page-index",
 					"floating-position-entry",
 					"is-floating-instance-active"
-				])) : createCommentVNode("", true)], 14, _hoisted_1$24);
+				])) : createCommentVNode("", true)], 14, _hoisted_1$23);
 			}), 128))], 4)], 36);
 		};
 	}
 }, [["__scopeId", "data-v-15b59a51"]]);
 //#endregion
 //#region src/components/CommentsLayer/PdfCommentsLayer.vue
-var _hoisted_1$23 = {
+var _hoisted_1$22 = {
 	class: "superdoc__pdf-comments-layer pdf-comments-layer",
 	"aria-hidden": "false"
 };
@@ -16141,7 +16255,7 @@ var PdfCommentsLayer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			emit("anchor-activate", anchor.commentId);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$23, [(openBlock(true), createElementBlock(Fragment, null, renderList(pdfCommentAnchors.value, (anchor) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$22, [(openBlock(true), createElementBlock(Fragment, null, renderList(pdfCommentAnchors.value, (anchor) => {
 				return openBlock(), createElementBlock("div", {
 					key: anchor.commentId,
 					class: "sd-comment-anchor sd-highlight",
@@ -16310,7 +16424,7 @@ var useWhiteboard = ({ proxy, layers, documents, modules }) => {
 };
 //#endregion
 //#region src/components/Whiteboard/WhiteboardPage.vue
-var _hoisted_1$22 = ["data-page-index"];
+var _hoisted_1$21 = ["data-page-index"];
 var WhiteboardPage_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "WhiteboardPage",
 	props: {
@@ -16442,7 +16556,7 @@ var WhiteboardPage_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					height: (__props.pageSize?.height ?? __props.page.size?.height) + "px",
 					transform: `translate(${__props.pageOffset?.left ?? 0}px, ${__props.pageOffset?.top ?? 0}px)`
 				})
-			}, null, 44, _hoisted_1$22);
+			}, null, 44, _hoisted_1$21);
 		};
 	}
 }, [["__scopeId", "data-v-c876c9b5"]]);
@@ -16517,7 +16631,7 @@ var WhiteboardLayer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 }, [["__scopeId", "data-v-54546c3d"]]);
 //#endregion
 //#region src/components/HtmlViewer/HtmlViewer.vue
-var _hoisted_1$21 = { class: "superdoc-html-viewer" };
+var _hoisted_1$20 = { class: "superdoc-html-viewer" };
 var _hoisted_2$17 = { class: "superdoc-html-viewer__document" };
 var _hoisted_3$14 = ["innerHTML"];
 var HtmlViewer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
@@ -16567,7 +16681,7 @@ var HtmlViewer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			initViewer();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$21, [createElementVNode("div", _hoisted_2$17, [createElementVNode("div", {
+			return openBlock(), createElementBlock("div", _hoisted_1$20, [createElementVNode("div", _hoisted_2$17, [createElementVNode("div", {
 				class: "superdoc-html-viewer__content",
 				innerHTML: documentContent.value,
 				onMouseup: handleSelectionChange
@@ -18607,35 +18721,6 @@ function shouldHandleFindShortcut(event, { focusInside, owner }) {
 	return (!active || active === document.body || active === document.documentElement) && ownsAmbientFindShortcut(owner);
 }
 //#endregion
-//#region src/internal/toolbar/built-in/url-safety.js
-/**
-* Minimal href sanitizer for the built-in link popover.
-*
-* The v1 toolbar used the shared `@superdoc/url-validation` package, which is not
-* a resolvable runtime dependency of the published `superdoc` ES build. This
-* keeps the same fail-closed posture (only known-safe schemes pass) without
-* pulling in that package: dangerous schemes (`javascript:`, `data:`,
-* `vbscript:`) return `null`, mirroring the v1 contract that callers treat a
-* `null` result as an invalid URL.
-*/
-var SAFE_SCHEME = /^(https?|mailto|tel):/i;
-var DANGEROUS_SCHEME = /^(javascript|data|vbscript):/i;
-var HAS_SCHEME = /^[a-z][a-z0-9+.-]*:/i;
-/**
-* Validate and normalize an href. Returns `{ href }` for safe values, or `null`.
-* @param {string} value
-* @returns {{ href: string }|null}
-*/
-function sanitizeHref(value) {
-	if (typeof value !== "string") return null;
-	const trimmed = value.trim();
-	if (!trimmed) return null;
-	if (trimmed.startsWith("#")) return { href: trimmed };
-	if (DANGEROUS_SCHEME.test(trimmed)) return null;
-	if (HAS_SCHEME.test(trimmed)) return SAFE_SCHEME.test(trimmed) ? { href: trimmed } : null;
-	return { href: trimmed };
-}
-//#endregion
 //#region ../../shared/common/icons/bold-solid.svg?raw
 var bold_solid_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M0 64C0 46.3 14.3 32 32 32l48 0 16 0 128 0c70.7 0 128 57.3 128 128c0 31.3-11.3 60.1-30 82.3c37.1 22.4 62 63.1 62 109.7c0 70.7-57.3 128-128 128L96 480l-16 0-48 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l16 0 0-160L48 96 32 96C14.3 96 0 81.7 0 64zM224 224c35.3 0 64-28.7 64-64s-28.7-64-64-64L112 96l0 128 112 0zM112 288l0 128 144 0c35.3 0 64-28.7 64-64s-28.7-64-64-64l-32 0-112 0z\"/></svg>";
 //#endregion
@@ -18858,7 +18943,7 @@ var toolbarIcons = {
 };
 //#endregion
 //#region src/internal/toolbar/built-in/LinkInput.vue
-var _hoisted_1$20 = {
+var _hoisted_1$19 = {
 	key: 0,
 	class: "link-title"
 };
@@ -19101,7 +19186,7 @@ var LinkInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			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, [
+			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",
@@ -21474,7 +21559,7 @@ var FOCUSABLE_SELECTOR = [
 ].join(", ");
 //#endregion
 //#region src/components/surfaces/SurfaceDialog.vue
-var _hoisted_1$19 = ["aria-labelledby", "aria-label"];
+var _hoisted_1$18 = ["aria-labelledby", "aria-label"];
 var _hoisted_2$15 = ["id"];
 var _hoisted_3$12 = { class: "sd-surface-dialog__content" };
 var SurfaceDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
@@ -21622,13 +21707,13 @@ var SurfaceDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				"render",
 				"resolve",
 				"close"
-			])) : __props.surface.component ? (openBlock(), createBlock(resolveDynamicComponent(__props.surface.component), normalizeProps(mergeProps({ key: 1 }, mergedComponentProps.value)), null, 16)) : createCommentVNode("", true)])], 12, _hoisted_1$19)], 32);
+			])) : __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"]]);
 //#endregion
 //#region src/components/surfaces/SurfaceFloating.vue
-var _hoisted_1$18 = ["aria-labelledby", "aria-label"];
+var _hoisted_1$17 = ["aria-labelledby", "aria-label"];
 var _hoisted_2$14 = ["id"];
 var _hoisted_3$11 = { class: "sd-surface-floating__content" };
 var SurfaceFloating_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
@@ -21776,7 +21861,7 @@ var SurfaceFloating_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				"render",
 				"resolve",
 				"close"
-			])) : __props.surface.component ? (openBlock(), createBlock(resolveDynamicComponent(__props.surface.component), normalizeProps(mergeProps({ key: 1 }, mergedComponentProps.value)), null, 16)) : createCommentVNode("", true)])], 14, _hoisted_1$18);
+			])) : __props.surface.component ? (openBlock(), createBlock(resolveDynamicComponent(__props.surface.component), normalizeProps(mergeProps({ key: 1 }, mergedComponentProps.value)), null, 16)) : createCommentVNode("", true)])], 14, _hoisted_1$17);
 		};
 	}
 }, [["__scopeId", "data-v-cd2be5db"]]);
@@ -22004,7 +22089,7 @@ var SurfaceHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 }, [["__scopeId", "data-v-dad99b67"]]);
 //#endregion
 //#region src/SuperDoc.vue
-var _hoisted_1$17 = ["innerHTML"];
+var _hoisted_1$16 = ["innerHTML"];
 var _hoisted_2$13 = { class: "superdoc__document document" };
 var _hoisted_3$10 = { class: "floating-comments" };
 var TRACKED_CHANGE_CARRIERS_RESTAMPED_EVENT = "superdoc:v2-tracked-change-carriers-restamped";
@@ -24452,7 +24537,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				}, [createElementVNode("div", {
 					class: "superdoc__tools-icon",
 					innerHTML: unref(superdocIcons).comment
-				}, null, 8, _hoisted_1$17)], 32)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$13, [
+				}, null, 8, _hoisted_1$16)], 32)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$13, [
 					isCommentsEnabled.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: "superdoc__selection-layer selection-layer",
@@ -39148,7 +39233,7 @@ var throttle = (func, wait, options) => {
 };
 //#endregion
 //#region src/internal/toolbar/built-in/ToolbarButtonIcon.vue
-var _hoisted_1$16 = { class: "sd-toolbar-icon" };
+var _hoisted_1$15 = { class: "sd-toolbar-icon" };
 var _hoisted_2$12 = ["innerHTML"];
 var ToolbarButtonIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "ToolbarButtonIcon",
@@ -39176,7 +39261,7 @@ var ToolbarButtonIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			return ["color", "highlight"].includes(props.name);
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$16, [createElementVNode("div", {
+			return openBlock(), createElementBlock("div", _hoisted_1$15, [createElementVNode("div", {
 				class: normalizeClass(["sd-toolbar-icon__icon", [`sd-toolbar-icon__icon--${props.name}`]]),
 				innerHTML: __props.icon
 			}, null, 10, _hoisted_2$12), hasColorBar.value ? (openBlock(), createElementBlock("div", {
@@ -39189,7 +39274,7 @@ var ToolbarButtonIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 }, [["__scopeId", "data-v-65ecd5b1"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ToolbarButton.vue
-var _hoisted_1$15 = [
+var _hoisted_1$14 = [
 	"role",
 	"aria-label",
 	"aria-disabled"
@@ -39483,13 +39568,13 @@ var ToolbarButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					}, null, 12, _hoisted_10$1)) : createCommentVNode("", true)
 				], 64)),
 				createElementVNode("div", _hoisted_11$1, toDisplayString(`${unref(attributes).ariaLabel} ${unref(active) ? "selected" : "unset"}`), 1)
-			], 10, _hoisted_2$11)], 46, _hoisted_1$15);
+			], 10, _hoisted_2$11)], 46, _hoisted_1$14);
 		};
 	}
 }, [["__scopeId", "data-v-96796456"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ToolbarSeparator.vue
-var _hoisted_1$14 = {
+var _hoisted_1$13 = {
 	class: "toolbar-separator",
 	role: "separator",
 	"aria-label": "Toolbar separator"
@@ -39508,7 +39593,7 @@ var ToolbarSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			return "var(--sd-ui-border, #dbdbdb)";
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$14, [createElementVNode("div", {
+			return openBlock(), createElementBlock("div", _hoisted_1$13, [createElementVNode("div", {
 				class: "separator-inner",
 				style: normalizeStyle({ backgroundColor: getSeparatorColor() })
 			}, null, 4)]);
@@ -39517,7 +39602,7 @@ var ToolbarSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 }, [["__scopeId", "data-v-cb82253a"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ToolbarDropdown.vue
-var _hoisted_1$13 = { class: "toolbar-dropdown" };
+var _hoisted_1$12 = { class: "toolbar-dropdown" };
 var _hoisted_2$10 = ["onClick"];
 var _hoisted_3$8 = {
 	key: 0,
@@ -39872,7 +39957,7 @@ var ToolbarDropdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			window.removeEventListener("scroll", updateMenuPosition, true);
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$13, [createElementVNode("div", {
+			return openBlock(), createElementBlock("div", _hoisted_1$12, [createElementVNode("div", {
 				ref_key: "triggerRef",
 				ref: triggerRef,
 				class: "toolbar-dropdown-trigger",
@@ -40135,7 +40220,7 @@ var normalizeCustomFontSize = (value) => {
 };
 //#endregion
 //#region src/internal/toolbar/built-in/ToolbarComboBox.vue
-var _hoisted_1$12 = ["data-item"];
+var _hoisted_1$11 = ["data-item"];
 var _hoisted_2$9 = [
 	"id",
 	"value",
@@ -40646,7 +40731,7 @@ var ToolbarComboBox_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					}), [createElementVNode("span", _hoisted_7$1, toDisplayString(option.label), 1)], 16, _hoisted_6$3);
 				}), 128))], 14, _hoisted_5$4)) : createCommentVNode("", true)])),
 				createElementVNode("span", _hoisted_8$1, toDisplayString(appliedLabel.value), 1)
-			], 14, _hoisted_1$12);
+			], 14, _hoisted_1$11);
 		};
 	}
 }, [["__scopeId", "data-v-e288ef9f"]]);
@@ -40734,7 +40819,6 @@ var _sfc_main$13 = {
 };
 //#endregion
 //#region src/internal/toolbar/built-in/SdTooltip.vue
-var _hoisted_1$11 = ["data-placement"];
 var AUTO_HIDE_DELAY = 2500;
 var SdTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
 	__name: "SdTooltip",
@@ -40770,7 +40854,6 @@ var SdTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			top: "0px",
 			left: "0px"
 		});
-		const placement = ref("top");
 		let closeTimeout = null;
 		let openTimeout = null;
 		let autoHideTimeout = null;
@@ -40808,48 +40891,17 @@ var SdTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				close();
 			}, AUTO_HIDE_DELAY);
 		};
-		const getElementSize = (element, dimension) => {
-			const styles = window.getComputedStyle(element);
-			const size = parseFloat(styles[dimension]);
-			if (!Number.isFinite(size)) return dimension === "width" ? element.offsetWidth : element.offsetHeight;
-			if (styles.boxSizing === "border-box") return size;
-			return (dimension === "width" ? [
-				"paddingLeft",
-				"paddingRight",
-				"borderLeftWidth",
-				"borderRightWidth"
-			] : [
-				"paddingTop",
-				"paddingBottom",
-				"borderTopWidth",
-				"borderBottomWidth"
-			]).reduce((total, property) => total + (parseFloat(styles[property]) || 0), size);
-		};
 		const updatePosition = () => {
 			if (!triggerRef.value || !contentRef.value) return;
 			const triggerRect = triggerRef.value.getBoundingClientRect();
-			const contentWidth = getElementSize(contentRef.value, "width");
-			const contentHeight = getElementSize(contentRef.value, "height");
+			const contentWidth = contentRef.value.offsetWidth;
+			const contentHeight = contentRef.value.offsetHeight;
 			const viewportWidth = window.innerWidth || document.documentElement.clientWidth || 0;
-			const viewportHeight = document.documentElement.clientHeight || window.innerHeight || 0;
 			const gutter = 8;
-			const offset = 10;
 			let left = triggerRect.left + triggerRect.width / 2 - contentWidth / 2;
 			left = Math.max(gutter, Math.min(left, viewportWidth - contentWidth - gutter));
-			const topAbove = triggerRect.top - contentHeight - offset;
-			const topBelow = triggerRect.bottom + offset;
-			const fitsAbove = topAbove >= gutter;
-			const fitsBelow = topBelow + contentHeight <= viewportHeight - gutter;
-			const availableAbove = triggerRect.top - offset;
-			const availableBelow = viewportHeight - triggerRect.bottom - offset;
-			if (fitsAbove) placement.value = "top";
-			else if (fitsBelow) placement.value = "bottom";
-			else placement.value = availableAbove >= availableBelow ? "top" : "bottom";
-			const desiredTop = placement.value === "top" ? topAbove : topBelow;
-			const minTop = Math.min(gutter, Math.max(0, viewportHeight - contentHeight));
-			const maxTop = Math.max(minTop, viewportHeight - contentHeight - gutter);
 			position.value = {
-				top: `${Math.max(minTop, Math.min(desiredTop, maxTop))}px`,
+				top: `${triggerRect.top - contentHeight - 10}px`,
 				left: `${left}px`
 			};
 		};
@@ -40960,18 +41012,17 @@ var SdTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					ref: contentRef,
 					class: normalizeClass(mergedContentClass.value),
 					style: normalizeStyle(contentStyle.value),
-					"data-placement": placement.value,
 					onMouseenter: handleContentMouseEnter,
 					onMouseleave: handleContentMouseLeave
 				}, [_cache[0] || (_cache[0] = createElementVNode("span", {
 					class: "sd-tooltip-arrow",
 					"aria-hidden": "true"
-				}, null, -1)), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 46, _hoisted_1$11)) : createCommentVNode("", true)]),
+				}, null, -1)), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 38)) : createCommentVNode("", true)]),
 				_: 3
 			}, 8, ["css"])]))], 64);
 		};
 	}
-}), [["__scopeId", "data-v-44bd03f9"]]);
+}), [["__scopeId", "data-v-1449088a"]]);
 //#endregion
 //#region src/internal/toolbar/built-in/ButtonGroup.vue
 var _hoisted_1$10 = [
@@ -46401,7 +46452,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		}
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.23.1-next.6";
+		this.version = "2.23.1-next.8";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];