@markweave/vue2 0.1.5 → 0.1.7

package/dist/index.js

@@ -5,49 +5,51 @@ import * as o from "vue";
 import { getMarkweaveEditorModeState as s, isMarkweaveEditorLiveEditable as c, normalizeMarkweaveEditorMode as l, setMarkweaveEditorModeState as u, subscribeToMarkweaveEditorMode as d } from "markweave/internal/core/editor-mode-state";
 import { getLocalizedSlashCommandSpecs as f, getMarkweaveMessages as p, normalizeMarkweaveLang as m } from "markweave/internal/i18n";
 import { openMarkweaveImagePreview as h } from "markweave/internal/plugins/media/image-preview";
-import { MarkweaveCoreImage as g, MarkweaveCoreVideo as _, attrsFromMarkweaveImageUploadResult as v, attrsFromMarkweaveVideoUploadResult as y, attrsFromMarkweaveVideoUrl as b, clampMarkweaveImageWidth as x, createMarkweaveImageUploadRequest as S, createMarkweaveVideoUploadRequest as C, downloadMarkweaveImage as w, markweaveVideoIframeAllow as T, normalizeMarkweaveCoreImageAlign as E, normalizeMarkweaveVideoEmbedUrl as D, numberAttribute as O, stringAttribute as k } from "markweave/internal/plugins/media/core-media-nodes";
-import { detectUploadSource as A, getDirectUploadResult as j, resolveMarkweaveUploadResult as M } from "markweave/internal/plugins/slash-command/upload";
-import { BubbleMenu as N } from "@tiptap/vue-2/menus";
-import { isEditorComposing as ee } from "markweave/internal/editor-core/composition-guard";
-import { createMarkweaveEditorUpdatePayload as te, getMarkweaveContentType as P, isEditorContentCurrent as F, normalizeMarkweaveContentFormat as I } from "markweave/internal/editor-core/editor-content";
-import { getCurrentFloatingToolbarBlockType as L, getFloatingToolbarHighlightColorOptions as R, getFloatingToolbarMoreActions as ne, getFloatingToolbarTextColorOptions as re, getFloatingToolbarTurnIntoOptions as z, runFloatingToolbarMoreAction as ie, setFloatingToolbarTurnInto as ae } from "markweave/internal/editor-core/floating-toolbar-model";
-import { openMarkweaveReadonlyLinkFromEvent as oe } from "markweave/internal/editor-core/readonly-link";
-import { createMarkweaveEditorRuntimeSnapshot as se } from "markweave/internal/editor-core/runtime-snapshot";
-import { createSelectionSnapshot as ce, shouldShowFloatingToolbar as le } from "markweave/internal/editor-core/selection-state";
-import { createMarkweaveTocState as ue, emptyMarkweaveTocState as de, getActiveMarkweaveTocId as fe, getMarkweaveTocItems as pe, getValidMarkweaveTocActiveId as me, normalizeMarkweaveInnerTocPlacement as he, observeMarkweaveInnerTocContainerPosition as ge, scrollToMarkweaveTocItem as _e } from "markweave/internal/core/toc-state";
-import { codeBlockCollapsePluginKey as ve, copyActiveCodeBlock as ye, getActiveCodeBlockState as be, getCodeBlockCopyFeedbackSnapshot as xe, markweaveCodeBlockBehavior as Se, setCodeBlockCollapsedAtPosition as Ce, setCodeBlockLanguageAtPosition as we, setCodeBlockMermaidPreviewModeAtPosition as Te } from "markweave/internal/plugins/codeblock/codeblock-behavior";
-import { calculateCodeBlockLanguageMenuPosition as Ee, clampFullscreenScale as De, codeBlockCopyFeedbackTimeoutMs as Oe, copyCodeBlockText as ke, createCodeBlockOverlayPosition as Ae, createMermaidFullscreenViewerState as je, createMermaidTabPosition as Me, focusCodeBlockTarget as Ne, formatCodeBlockLanguageLabel as Pe, formatFullscreenZoom as Fe, getActiveCodeBlockElement as Ie, getAnchoredRect as Le, getCodeBlockLanguageItems as Re, getCodeBlockPositionFromEventTarget as ze, getCodeBlockStateAtPosition as Be, getFrameElement as Ve, getMermaidCodeBlockTargets as He, getMermaidSvgMarkup as Ue, isCodeBlockTargetCollapsed as We, mergeStableMermaidTabPositions as Ge, mermaidFullscreenZoomStep as Ke, moveMermaidFullscreenViewer as qe } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
-import { normalizeMarkdownLinkHref as Je } from "markweave/internal/plugins/markdown/markdown-input";
-import { applyMarkweaveMathLatex as Ye, calculateMarkweaveMathPopoverPosition as Xe, getMarkweaveMathAnchorRect as Ze, getMarkweaveMathBlockIndex as Qe, getMarkweaveMathRenderedHtml as $e, getMarkweaveMathTargetAtPos as et, getMarkweaveMathTargetFromDomEvent as tt, getMarkweaveMathTargetFromSelection as nt, renderMarkweaveMathPreview as rt, setMarkweaveMathEditingDomState as it, setMarkweaveMathEditingDomStateInView as at, setMarkweaveMathSelectionInView as ot } from "markweave/internal/plugins/math/math-ui-model";
-import { isMermaidInlinePreviewTransaction as st, setMermaidInlinePreviewEditorMode as ct, setReadonlyMermaidPreviewMode as lt } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
-import { getMermaidPreviewState as ut } from "markweave/internal/plugins/mermaid/mermaid-renderer";
-import { filterSlashCommands as dt, isExecutableSlashCommand as ft } from "markweave/internal/plugins/slash-command/command-spec";
-import { getSlashCommandKeyboardAction as pt } from "markweave/internal/plugins/slash-command/slash-keyboard";
-import { executeSlashCommand as mt, getNextSlashCommandState as ht, getSlashCommandAnchoredMenuPosition as gt, getSlashCommandContext as _t } from "markweave/internal/plugins/slash-command/slash-runtime";
-import { initialSlashCommandState as vt, reduceSlashCommandState as yt } from "markweave/internal/plugins/slash-command/slash-state";
-import { setMarkweaveTableMenuAxisTarget as bt } from "markweave/internal/plugins/table/table-clipboard";
-import { getFirstTableDebugSnapshot as xt } from "markweave/internal/plugins/table/table-debug-snapshot";
-import { focusFirstTableBodyCell as St } from "markweave/internal/plugins/table/table-focus-position";
-import { getTableFocusState as Ct } from "markweave/internal/plugins/table/table-focus-state";
-import { getTableSelectionOverlayState as wt, initialTableInteractionState as Tt, tableInteractionPluginKey as Et } from "markweave/internal/plugins/table/table-interaction-layer";
-import { calculateAnchoredTableMenuPosition as Dt, calculateTableEdgeHandlePosition as Ot, canRunTableCommand as kt, executeTableMenuCommand as At, formatTableCopyFeedback as jt, getActiveTableElement as Mt, getAvailableCellMenuCommandSpecs as Nt, getTableAxisTargetRect as Pt, getTableControlAxisSelectionModel as Ft, getTableEditWithAiRequest as It, getTableMenuItemGroup as Lt, getTableMenuItemLabel as Rt, getTableMenuItems as zt, getTableSelectionTargetRect as Bt, measureTableSelectionOverlay as Vt, selectTableAxisFromCell as Ht, tableCopyFeedbackTimeoutMs as Ut, tableMenuLabel as Wt } from "markweave/internal/plugins/table/table-ui-model";
+import { MarkweaveCoreImage as g, MarkweaveCoreVideo as _, attrsFromMarkweaveImageUploadResult as v, attrsFromMarkweaveVideoUploadResult as y, attrsFromMarkweaveVideoUrl as b, clampMarkweaveImageWidth as x, createMarkweaveImageUploadRequest as S, createMarkweaveVideoUploadRequest as C, downloadMarkweaveImage as w, markweaveVideoIframeAllow as T, normalizeMarkweaveCoreImageAlign as E, normalizeMarkweaveVideoEmbedUrl as ee, numberAttribute as D, stringAttribute as O } from "markweave/internal/plugins/media/core-media-nodes";
+import { detectUploadSource as k, getDirectUploadResult as A, resolveMarkweaveUploadResult as j } from "markweave/internal/plugins/slash-command/upload";
+import { BubbleMenu as M } from "@tiptap/vue-2/menus";
+import { isEditorComposing as te } from "markweave/internal/editor-core/composition-guard";
+import { createMarkweaveFrameScheduler as N } from "markweave/internal/editor-core/frame-scheduler";
+import { createMarkweaveEditorUpdatePayload as ne, getMarkweaveContentType as P, isEditorContentCurrent as re, isMarkweaveControlledContentEchoCurrent as F, normalizeMarkweaveContentFormat as I } from "markweave/internal/editor-core/editor-content";
+import { getCurrentFloatingToolbarBlockType as L, getFloatingToolbarHighlightColorOptions as R, getFloatingToolbarMoreActions as ie, getFloatingToolbarTextColorOptions as ae, getFloatingToolbarTurnIntoOptions as oe, runFloatingToolbarMoreAction as se, setFloatingToolbarTurnInto as ce } from "markweave/internal/editor-core/floating-toolbar-model";
+import { openMarkweaveReadonlyLinkFromEvent as le } from "markweave/internal/editor-core/readonly-link";
+import { createMarkweaveEditorRuntimeSnapshot as ue } from "markweave/internal/editor-core/runtime-snapshot";
+import { areEditorSelectionSnapshotsEquivalent as de, calculateFloatingToolbarPopoverPlacement as fe, createSelectionSnapshot as pe, markweaveRuntimeProjectionDelayMs as me, shouldShowFloatingToolbar as z } from "markweave/internal/editor-core/selection-state";
+import { normalizeMarkweaveTheme as he } from "markweave/internal/core/theme";
+import { createMarkweaveTocState as ge, emptyMarkweaveTocState as _e, getActiveMarkweaveTocId as ve, getMarkweaveTocItems as ye, getValidMarkweaveTocActiveId as be, normalizeMarkweaveInnerTocPlacement as xe, observeMarkweaveInnerTocContainerPosition as Se, scrollToMarkweaveTocItem as Ce } from "markweave/internal/core/toc-state";
+import { codeBlockCollapsePluginKey as we, copyActiveCodeBlock as Te, getActiveCodeBlockState as Ee, getCodeBlockCopyFeedbackSnapshot as De, markweaveCodeBlockBehavior as Oe, setCodeBlockCollapsedAtPosition as ke, setCodeBlockLanguageAtPosition as Ae, setCodeBlockMermaidPreviewModeAtPosition as je } from "markweave/internal/plugins/codeblock/codeblock-behavior";
+import { calculateCodeBlockLanguageMenuPosition as Me, clampFullscreenScale as Ne, codeBlockCopyFeedbackTimeoutMs as Pe, copyCodeBlockText as Fe, createCodeBlockOverlayPosition as Ie, createMermaidFullscreenViewerState as Le, createMermaidTabPosition as Re, focusCodeBlockTarget as ze, formatCodeBlockLanguageLabel as Be, formatFullscreenZoom as Ve, getActiveCodeBlockElement as He, getAnchoredRect as Ue, getCodeBlockLanguageItems as We, getCodeBlockPositionFromEventTarget as Ge, getCodeBlockStateAtPosition as Ke, getFrameElement as qe, getMermaidCodeBlockTargets as Je, getMermaidSvgMarkup as Ye, isCodeBlockTargetCollapsed as Xe, mergeStableMermaidTabPositions as Ze, mermaidFullscreenZoomStep as Qe, moveMermaidFullscreenViewer as $e } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
+import { normalizeMarkdownLinkHref as et } from "markweave/internal/plugins/markdown/markdown-input";
+import { applyMarkweaveMathLatex as tt, calculateMarkweaveMathPopoverPosition as nt, getMarkweaveMathAnchorRect as rt, getMarkweaveMathBlockIndex as it, getMarkweaveMathRenderedHtml as at, getMarkweaveMathTargetAtPos as ot, getMarkweaveMathTargetFromDomEvent as st, getMarkweaveMathTargetFromSelection as ct, renderMarkweaveMathPreview as lt, setMarkweaveMathEditingDomState as ut, setMarkweaveMathEditingDomStateInView as dt, setMarkweaveMathSelectionInView as ft } from "markweave/internal/plugins/math/math-ui-model";
+import { isMermaidInlinePreviewTransaction as pt, setMarkweaveMermaidTheme as mt, setMermaidInlinePreviewEditorMode as ht, setReadonlyMermaidPreviewMode as gt } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
+import { getMermaidPreviewState as _t } from "markweave/internal/plugins/mermaid/mermaid-renderer";
+import { filterSlashCommands as vt, isExecutableSlashCommand as yt } from "markweave/internal/plugins/slash-command/command-spec";
+import { getSlashCommandKeyboardAction as bt } from "markweave/internal/plugins/slash-command/slash-keyboard";
+import { executeSlashCommand as xt, getNextSlashCommandState as St, getSlashCommandAnchoredMenuPosition as Ct, getSlashCommandContext as wt } from "markweave/internal/plugins/slash-command/slash-runtime";
+import { initialSlashCommandState as Tt, reduceSlashCommandState as Et } from "markweave/internal/plugins/slash-command/slash-state";
+import { setMarkweaveTableMenuAxisTarget as Dt } from "markweave/internal/plugins/table/table-clipboard";
+import { getFirstTableDebugSnapshot as Ot } from "markweave/internal/plugins/table/table-debug-snapshot";
+import { focusFirstTableBodyCell as kt } from "markweave/internal/plugins/table/table-focus-position";
+import { getTableFocusState as At } from "markweave/internal/plugins/table/table-focus-state";
+import { getTableSelectionOverlayState as jt, initialTableInteractionState as Mt, tableInteractionPluginKey as Nt } from "markweave/internal/plugins/table/table-interaction-layer";
+import { calculateAnchoredTableMenuPosition as Pt, calculateTableEdgeHandlePosition as Ft, canRunTableCommand as It, executeTableMenuCommand as Lt, formatTableCopyFeedback as Rt, getActiveTableElement as zt, getAvailableCellMenuCommandSpecs as Bt, getTableAxisTargetRect as Vt, getTableControlAxisSelectionModel as Ht, getTableEditWithAiRequest as Ut, getTableMenuItemGroup as Wt, getTableMenuItemLabel as Gt, getTableMenuItems as Kt, getTableSelectionTargetRect as qt, measureTableSelectionOverlay as Jt, selectTableAxisFromCell as Yt, tableCopyFeedbackTimeoutMs as Xt, tableMenuLabel as Zt } from "markweave/internal/plugins/table/table-ui-model";
 //#region src/vue2-compat.ts
-var Gt = o.default ?? o, Kt = null, qt = null, Jt = null;
-function Yt(e) {
+var Qt = o.default ?? o, $t = null, en = null, tn = null;
+function nn(e) {
 	return !!(e && typeof e == "object" && "value" in e);
 }
-function Xt(e) {
+function rn(e) {
 	let t = e.slice(2);
 	return t.endsWith("Capture") ? `!${t.slice(0, -7).replace(/^[A-Z]/, (e) => e.toLowerCase())}` : t.replace(/^[A-Z]/, (e) => e.toLowerCase());
 }
-function Zt(e) {
+function an(e) {
 	let t = {}, n = {}, r = {}, i = {}, a = {};
 	for (let [o, s] of Object.entries(e)) if (s !== void 0) {
 		if (o === "class" || o === "style" || o === "key") {
 			t[o] = s;
 			continue;
 		}
-		if (o === "ref" && Yt(s)) {
+		if (o === "ref" && nn(s)) {
 			a.insert = (e) => {
 				s.value = e.elm;
 			}, a.destroy = () => {
@@ -56,7 +58,7 @@ function Zt(e) {
 			continue;
 		}
 		if (/^on[A-Z]/.test(o)) {
-			i[Xt(o)] = s;
+			i[rn(o)] = s;
 			continue;
 		}
 		if (o === "value" || o === "checked" || o === "innerHTML" || o === "textContent") {
@@ -67,14 +69,14 @@ function Zt(e) {
 	}
 	return Object.keys(n).length && (t.attrs = n), Object.keys(r).length && (t.domProps = r), Object.keys(i).length && (t.on = i), Object.keys(a).length && (t.hook = a), t;
 }
-function Qt(e) {
+function on(e) {
 	let t = {}, n = {}, r = {}, i = {};
 	for (let [a, o] of Object.entries(e)) if (o !== void 0) {
 		if (a === "class" || a === "style" || a === "key") {
 			t[a] = o;
 			continue;
 		}
-		if (a === "ref" && Yt(o)) {
+		if (a === "ref" && nn(o)) {
 			i.insert = (e) => {
 				o.value = e.componentInstance ?? e.elm;
 			}, i.destroy = () => {
@@ -90,25 +92,25 @@ function Qt(e) {
 	}
 	return Object.keys(n).length && (t.props = n), Object.keys(r).length && (t.attrs = r), Object.keys(i).length && (t.hook = i), t;
 }
-function $t(e) {
+function sn(e) {
 	return !!(e && typeof e == "object" && "default" in e && typeof e.default == "function");
 }
-function en(e) {
+function cn(e) {
 	return !!(e && typeof e == "object" && ("tag" in e || "text" in e || "elm" in e || "componentOptions" in e || "componentInstance" in e));
 }
-function tn(e) {
+function ln(e) {
 	return e == null || Array.isArray(e) ? e : [e];
 }
-function nn(e) {
-	return typeof e == "function" ? tn(e()) : $t(e) ? tn(e.default()) : en(e) ? [e] : e;
+function un(e) {
+	return typeof e == "function" ? ln(e()) : sn(e) ? ln(e.default()) : cn(e) ? [e] : e;
 }
 function B(e, t, n) {
-	if (!Jt) throw Error("Vue 2 render context is not available.");
-	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? Zt(r) : Qt(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : nn(n);
-	return Jt(e, i, a);
+	if (!tn) throw Error("Vue 2 render context is not available.");
+	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? an(r) : on(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : un(n);
+	return tn(e, i, a);
 }
 function V(e) {
-	return Gt.observable({ value: e });
+	return Qt.observable({ value: e });
 }
 var H = V;
 function U(e) {
@@ -118,19 +120,19 @@ function U(e) {
 }
 function W(e, t, n) {
 	let r = typeof e == "function" ? e : () => e.value;
-	return Kt?.$watch ? Kt.$watch(r, t, n) : () => void 0;
+	return $t?.$watch ? $t.$watch(r, t, n) : () => void 0;
 }
 function G(e) {
-	qt?.mounted.push(e);
+	en?.mounted.push(e);
 }
 function K(e) {
-	qt?.beforeUnmount.push(e);
+	en?.beforeUnmount.push(e);
 }
 function q(e) {
-	return Gt.nextTick(e);
+	return Qt.nextTick(e);
 }
 function J(e) {
-	return Gt.extend({
+	return Qt.extend({
 		name: e.name,
 		props: e.props,
 		created() {
@@ -138,12 +140,12 @@ function J(e) {
 				mounted: [],
 				beforeUnmount: []
 			};
-			Kt = this, qt = t;
+			$t = this, en = t;
 			try {
 				let n = e.setup?.(this.$props ?? this) ?? null;
 				this.__markweaveVue2Render = typeof n == "function" ? n : null, this.__markweaveVue2Lifecycle = t;
 			} finally {
-				Kt = null, qt = null;
+				$t = null, en = null;
 			}
 		},
 		mounted() {
@@ -153,19 +155,19 @@ function J(e) {
 			this.__markweaveVue2Lifecycle?.beforeUnmount.forEach((e) => e());
 		},
 		render(t) {
-			Jt = t;
+			tn = t;
 			try {
 				let n = this.__markweaveVue2Render;
 				return n ? n() : e.render?.(t) ?? null;
 			} finally {
-				Jt = null;
+				tn = null;
 			}
 		}
 	});
 }
 //#endregion
 //#region src/vue2-icons.ts
-var rn = {
+var dn = {
 	AlignCenter: {
 		iconName: "text-align-center",
 		node: [
@@ -1030,7 +1032,7 @@ var rn = {
 		}]]
 	}
 };
-function an(e) {
+function fn(e) {
 	return e.map(([e, t]) => B(e, t));
 }
 function Y(e) {
@@ -1051,7 +1053,7 @@ function Y(e) {
 			}
 		},
 		setup(t) {
-			let n = rn[e];
+			let n = dn[e];
 			return () => B("svg", {
 				class: `lucide lucide-${n.iconName}`,
 				viewBox: "0 0 24 24",
@@ -1064,14 +1066,14 @@ function Y(e) {
 				"stroke-width": t.absoluteStrokeWidth && t.size ? Number(t.strokeWidth) * 24 / Number(t.size) : t.strokeWidth,
 				"aria-hidden": "true",
 				focusable: "false"
-			}, an(n.node));
+			}, fn(n.node));
 		}
 	});
 }
-var on = Y("AlignCenter"), sn = Y("AlignJustify"), cn = Y("AlignLeft"), ln = Y("AlignRight"), un = Y("AlertTriangle"), dn = Y("Bold"), fn = Y("Braces"), pn = Y("Captions"), mn = Y("CheckCircle2"), hn = Y("ChevronDown"), gn = Y("ChevronUp"), _n = Y("CircleX"), vn = Y("Code2"), yn = Y("CornerDownLeft"), bn = Y("Download"), xn = Y("Eye"), Sn = Y("ExternalLink"), Cn = Y("Heading1"), wn = Y("Heading2"), Tn = Y("Heading3"), En = Y("Image"), Dn = Y("ImageUp"), On = Y("IndentDecrease"), kn = Y("IndentIncrease"), An = Y("Info"), jn = Y("Italic"), Mn = Y("Lightbulb"), Nn = Y("Link2"), Pn = Y("List"), Fn = Y("ListChecks"), In = Y("ListOrdered"), Ln = Y("Minus"), Rn = Y("MoreVertical"), zn = Y("Paperclip");
+var pn = Y("AlignCenter"), mn = Y("AlignJustify"), hn = Y("AlignLeft"), gn = Y("AlignRight"), _n = Y("AlertTriangle"), vn = Y("Bold"), yn = Y("Braces"), bn = Y("Captions"), xn = Y("CheckCircle2"), Sn = Y("ChevronDown"), Cn = Y("ChevronUp"), wn = Y("CircleX"), Tn = Y("Code2"), En = Y("CornerDownLeft"), Dn = Y("Download"), On = Y("Eye"), kn = Y("ExternalLink"), An = Y("Heading1"), jn = Y("Heading2"), Mn = Y("Heading3"), Nn = Y("Image"), Pn = Y("ImageUp"), Fn = Y("IndentDecrease"), In = Y("IndentIncrease"), Ln = Y("Info"), Rn = Y("Italic"), zn = Y("Lightbulb"), Bn = Y("Link2"), Vn = Y("List"), Hn = Y("ListChecks"), Un = Y("ListOrdered"), Wn = Y("Minus"), Gn = Y("MoreVertical"), Kn = Y("Paperclip");
 Y("PencilLine");
-var Bn = Y("Quote"), Vn = Y("Replace"), Hn = Y("Sigma"), Un = Y("SmilePlus"), Wn = Y("Strikethrough"), Gn = Y("Subscript"), Kn = Y("Superscript"), qn = Y("Table2"), Jn = Y("Text"), Yn = Y("Trash2"), Xn = Y("Type"), Zn = Y("Underline"), Qn = Y("Upload"), $n = Y("Video"), er = E;
-function tr(e) {
+var qn = Y("Quote"), Jn = Y("Replace"), Yn = Y("Sigma"), Xn = Y("SmilePlus"), Zn = Y("Strikethrough"), Qn = Y("Subscript"), $n = Y("Superscript"), er = Y("Table2"), tr = Y("Text"), nr = Y("Trash2"), rr = Y("Type"), ir = Y("Underline"), ar = Y("Upload"), or = Y("Video"), sr = E;
+function cr(e) {
 	let t = e.view.dom.closest(".markweave-editor-frame"), n = () => {
 		let n = t?.getAttribute("data-markweave-mode");
 		return n === "view" ? {
@@ -1093,13 +1095,13 @@ function tr(e) {
 		i(), a?.disconnect();
 	}), r;
 }
-function nr(e) {
+function lr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function rr(e) {
+function ur(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function ir(e, t) {
+function dr(e, t) {
 	return B(e, {
 		size: 18,
 		strokeWidth: 1.8,
@@ -1115,12 +1117,12 @@ function X(e) {
 		"data-active": e.active ? "true" : "false",
 		onMousedown: (e) => e.preventDefault(),
 		onClick: e.onClick
-	}, [ir(e.icon, e.label), B("span", {
+	}, [dr(e.icon, e.label), B("span", {
 		class: "markweave-image-tooltip",
 		role: "tooltip"
 	}, e.label)]);
 }
-function ar(e) {
+function fr(e) {
 	let t = V(null), n = e.messages.image;
 	return B("section", {
 		class: "markweave-image-upload-placeholder",
@@ -1154,7 +1156,7 @@ function ar(e) {
 		B("div", {
 			class: "markweave-image-upload-icon",
 			"aria-hidden": "true"
-		}, [B(Dn, {
+		}, [B(Pn, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
@@ -1179,7 +1181,7 @@ function ar(e) {
 				"data-testid": "markweave-image-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [B(Dn, {
+			}, [B(Pn, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
@@ -1195,7 +1197,7 @@ function ar(e) {
 		}, e.error) : null
 	]);
 }
-function or(e) {
+function pr(e) {
 	let t = V(null), n = e.messages.video;
 	return B("section", {
 		class: "markweave-video-upload-placeholder",
@@ -1229,7 +1231,7 @@ function or(e) {
 		B("div", {
 			class: "markweave-video-upload-icon",
 			"aria-hidden": "true"
-		}, [B($n, {
+		}, [B(or, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
@@ -1254,7 +1256,7 @@ function or(e) {
 				"data-testid": "markweave-video-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [B(Qn, {
+			}, [B(ar, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
@@ -1270,7 +1272,7 @@ function or(e) {
 		}, e.error) : null
 	]);
 }
-var sr = J({
+var mr = J({
 	name: "MarkweaveVueImageNodeView",
 	props: {
 		editor: {
@@ -1303,10 +1305,10 @@ var sr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V(!1), r = V(!1), a = V(!1), o = V(""), s = V(null), l = V(!1), u = U(() => e.node.attrs), d = V(!!k(u.value.caption)), f = V(k(u.value.caption) ?? ""), m = tr(e.editor), g = U(() => c(m.value)), _ = U(() => e.extension.options?.messages ?? p("zh")), y = U(() => _.value.image), b = U(() => k(u.value.src)), C = U(() => er(u.value.align)), T = U(() => O(u.value.width)), E = U(() => k(u.value.caption)), D = U(() => g.value && (!b.value || r.value)), j = () => {
+		let t = V(null), n = V(!1), r = V(!1), a = V(!1), o = V(""), s = V(null), l = V(!1), u = U(() => e.node.attrs), d = V(!!O(u.value.caption)), f = V(O(u.value.caption) ?? ""), m = cr(e.editor), g = U(() => c(m.value)), _ = U(() => e.extension.options?.messages ?? p("zh")), y = U(() => _.value.image), b = U(() => O(u.value.src)), C = U(() => sr(u.value.align)), T = U(() => D(u.value.width)), E = U(() => O(u.value.caption)), ee = U(() => g.value && (!b.value || r.value)), A = () => {
 			b.value && h({
 				src: b.value,
-				alt: k(u.value.alt) ?? "",
+				alt: O(u.value.alt) ?? "",
 				messages: {
 					dialogAriaLabel: y.value.previewDialogAriaLabel,
 					zoomOut: y.value.previewZoomOut,
@@ -1319,45 +1321,45 @@ var sr = J({
 		W(E, (e) => {
 			d.value || (f.value = e ?? "");
 		});
-		let N = () => {
+		let M = () => {
 			if (!g.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
-		}, ee = () => {
+		}, te = () => {
 			if (o.value = "", s.value = null, a.value = !1, b.value) {
 				r.value = !1;
 				return;
 			}
 			e.deleteNode();
-		}, te = async (t) => {
+		}, N = async (t) => {
 			if (!g.value) return;
 			let n = e.extension.options;
 			l.value = !0, s.value = null;
 			try {
-				let i = await M(S(t, b.value && r.value ? "image-replace" : "image-insert"), n?.onUpload);
+				let i = await j(S(t, b.value && r.value ? "image-replace" : "image-insert"), n?.onUpload);
 				e.updateAttributes(v(u.value, i)), o.value = "", r.value = !1;
 			} catch (e) {
 				s.value = e instanceof Error ? e.message : y.value.uploadFailedError;
 			} finally {
 				l.value = !1, a.value = !1;
 			}
-		}, P = () => {
+		}, ne = () => {
 			if (!o.value.trim()) {
 				s.value = y.value.uploadRequiredError;
 				return;
 			}
-			te(A(o.value));
-		}, F = (e) => {
-			te({
+			N(k(o.value));
+		}, P = (e) => {
+			N({
 				type: "file",
 				file: e,
 				mimeType: e.type || "image/*"
 			});
-		}, I = () => {
+		}, re = () => {
 			d.value = !d.value, d.value && (f.value = E.value ?? "");
-		}, L = (n, r) => {
+		}, F = (n, r) => {
 			if (!g.value || !b.value) return;
-			r.preventDefault(), r.stopPropagation(), N();
+			r.preventDefault(), r.stopPropagation(), M();
 			let i = t.value;
 			if (!i) return;
 			let a = r.clientX, o = i.getBoundingClientRect().width || T.value || 320, s = i.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? i.parentElement?.getBoundingClientRect().width ?? o, c = (t) => {
@@ -1368,7 +1370,7 @@ var sr = J({
 			};
 			window.addEventListener("pointermove", c), window.addEventListener("pointerup", l, { once: !0 });
 		};
-		return () => D.value ? B(i, {
+		return () => ee.value ? B(i, {
 			as: "figure",
 			class: "markweave-image-node",
 			"data-testid": "markweave-image-node",
@@ -1376,7 +1378,7 @@ var sr = J({
 			"data-selected": "false",
 			"data-hovered": "false",
 			"data-empty": "true"
-		}, () => ar({
+		}, () => fr({
 			messages: _.value,
 			inputValue: o.value,
 			error: s.value,
@@ -1385,9 +1387,9 @@ var sr = J({
 			onInputValue: (e) => {
 				o.value = e;
 			},
-			onFile: F,
-			onSubmit: P,
-			onCancel: ee,
+			onFile: P,
+			onSubmit: ne,
+			onCancel: te,
 			onDragActive: (e) => {
 				a.value = e;
 			}
@@ -1406,7 +1408,7 @@ var sr = J({
 				n.value = !1;
 			},
 			onMousedown: (e) => {
-				g.value && !nr(e.target) && N();
+				g.value && !lr(e.target) && M();
 			}
 		}, () => [
 			g.value ? B("div", {
@@ -1418,21 +1420,21 @@ var sr = J({
 				X({
 					testId: "markweave-image-align-left",
 					label: y.value.alignLeft,
-					icon: cn,
+					icon: hn,
 					active: C.value === "left",
 					onClick: () => e.updateAttributes({ align: "left" })
 				}),
 				X({
 					testId: "markweave-image-align-center",
 					label: y.value.alignCenter,
-					icon: on,
+					icon: pn,
 					active: C.value === "center",
 					onClick: () => e.updateAttributes({ align: "center" })
 				}),
 				X({
 					testId: "markweave-image-align-right",
 					label: y.value.alignRight,
-					icon: ln,
+					icon: gn,
 					active: C.value === "right",
 					onClick: () => e.updateAttributes({ align: "right" })
 				}),
@@ -1443,20 +1445,20 @@ var sr = J({
 				X({
 					testId: "markweave-image-caption",
 					label: y.value.caption,
-					icon: pn,
+					icon: bn,
 					active: d.value || !!E.value,
-					onClick: I
+					onClick: re
 				}),
 				X({
 					testId: "markweave-image-preview",
 					label: y.value.preview,
-					icon: xn,
-					onClick: j
+					icon: On,
+					onClick: A
 				}),
 				X({
 					testId: "markweave-image-download",
 					label: y.value.download,
-					icon: bn,
+					icon: Dn,
 					onClick: () => {
 						b.value && w(b.value);
 					}
@@ -1464,7 +1466,7 @@ var sr = J({
 				X({
 					testId: "markweave-image-replace",
 					label: y.value.replace,
-					icon: Vn,
+					icon: Jn,
 					onClick: () => {
 						o.value = "", s.value = null, r.value = !0;
 					}
@@ -1476,7 +1478,7 @@ var sr = J({
 				X({
 					testId: "markweave-image-delete",
 					label: y.value.delete,
-					icon: Yn,
+					icon: nr,
 					onClick: () => e.deleteNode()
 				})
 			]) : null,
@@ -1488,8 +1490,8 @@ var sr = J({
 				b.value ? B("img", {
 					class: "markweave-image",
 					src: b.value,
-					alt: k(u.value.alt) ?? "",
-					title: k(u.value.title) ?? void 0,
+					alt: O(u.value.alt) ?? "",
+					title: O(u.value.title) ?? void 0,
 					draggable: !1
 				}) : B("div", {
 					class: "markweave-image-readonly-empty",
@@ -1504,8 +1506,8 @@ var sr = J({
 					"aria-label": y.value.preview,
 					title: y.value.preview,
 					onMousedown: (e) => e.preventDefault(),
-					onClick: j
-				}, [B(xn, {
+					onClick: A
+				}, [B(On, {
 					size: 16,
 					strokeWidth: 1.8
 				}), B("span", {
@@ -1519,7 +1521,7 @@ var sr = J({
 					"data-side": "left",
 					"aria-label": y.value.resizeLeft,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => L("left", e)
+					onPointerdown: (e) => F("left", e)
 				}) : null,
 				g.value ? B("button", {
 					type: "button",
@@ -1528,7 +1530,7 @@ var sr = J({
 					"data-side": "right",
 					"aria-label": y.value.resizeRight,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => L("right", e)
+					onPointerdown: (e) => F("right", e)
 				}) : null
 			]),
 			g.value && (d.value || E.value) ? B("input", {
@@ -1550,7 +1552,7 @@ var sr = J({
 			}, E.value) : null
 		]);
 	}
-}), cr = J({
+}), hr = J({
 	name: "MarkweaveVueVideoNodeView",
 	props: {
 		editor: {
@@ -1583,14 +1585,14 @@ var sr = J({
 		}
 	},
 	setup(e) {
-		let t = V(!1), n = V(""), r = V(null), a = V(!1), o = tr(e.editor), s = U(() => c(o.value)), l = U(() => e.extension.options?.messages ?? p("zh")), u = U(() => l.value.video), d = U(() => e.node.attrs), f = U(() => k(d.value.src)), m = U(() => k(d.value.embedUrl)), h = U(() => k(d.value.provider)), g = U(() => m.value ? D(m.value, h.value) : null), _ = U(() => k(d.value.mimeType)), v = U(() => k(d.value.title)), x = () => {
+		let t = V(!1), n = V(""), r = V(null), a = V(!1), o = cr(e.editor), s = U(() => c(o.value)), l = U(() => e.extension.options?.messages ?? p("zh")), u = U(() => l.value.video), d = U(() => e.node.attrs), f = U(() => O(d.value.src)), m = U(() => O(d.value.embedUrl)), h = U(() => O(d.value.provider)), g = U(() => m.value ? ee(m.value, h.value) : null), _ = U(() => O(d.value.mimeType)), v = U(() => O(d.value.title)), x = () => {
 			f.value || e.deleteNode(), n.value = "", r.value = null, t.value = !1;
 		}, S = async (i) => {
 			if (!s.value) return;
 			let o = e.extension.options;
 			a.value = !0, r.value = null;
 			try {
-				let t = await M(C(i), o?.onUpload);
+				let t = await j(C(i), o?.onUpload);
 				e.updateAttributes(y(t)), n.value = "";
 			} catch (e) {
 				r.value = e instanceof Error ? e.message : u.value.uploadFailedError;
@@ -1611,11 +1613,11 @@ var sr = J({
 				file: e,
 				mimeType: e.type || "video/*"
 			});
-		}, O = () => {
+		}, D = () => {
 			if (!s.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
-		}, A = (t) => {
+		}, k = (t) => {
 			s.value && e.selected && (t.key === "Backspace" || t.key === "Delete") && (t.preventDefault(), e.deleteNode());
 		};
 		return () => s.value && !f.value ? B(i, {
@@ -1624,7 +1626,7 @@ var sr = J({
 			"data-testid": "markweave-video-node",
 			"data-empty": "true",
 			"data-selected": "false"
-		}, () => or({
+		}, () => pr({
 			messages: l.value,
 			inputValue: n.value,
 			error: r.value,
@@ -1648,10 +1650,10 @@ var sr = J({
 			"data-selected": s.value && e.selected ? "true" : "false",
 			"aria-label": u.value.nodeAriaLabel,
 			tabindex: s.value ? 0 : void 0,
-			onFocus: O,
-			onKeydown: A,
+			onFocus: D,
+			onKeydown: k,
 			onMousedown: (e) => {
-				s.value && !rr(e.target) && (e.preventDefault(), O());
+				s.value && !ur(e.target) && (e.preventDefault(), D());
 			}
 		}, () => [g.value ? B("div", { class: "markweave-video-embed" }, [B("iframe", {
 			class: "markweave-video-iframe",
@@ -1661,6 +1663,7 @@ var sr = J({
 			"data-markweave-video-provider": h.value ?? void 0,
 			"data-markweave-video-src": f.value ?? void 0,
 			allow: T,
+			loading: "lazy",
 			allowfullscreen: "true"
 		}), s.value ? B("button", {
 			type: "button",
@@ -1672,6 +1675,7 @@ var sr = J({
 			class: "markweave-video",
 			src: f.value,
 			title: v.value ?? void 0,
+			preload: "metadata",
 			controls: !0,
 			"data-markweave-video": "true",
 			"data-markweave-mime-type": _.value ?? void 0
@@ -1687,7 +1691,7 @@ var sr = J({
 			"aria-hidden": "true"
 		})]);
 	}
-}), lr = g.extend({
+}), gr = g.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1696,9 +1700,9 @@ var sr = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : a(sr, { stopEvent: ({ event: e }) => nr(e.target) });
+		return typeof document > "u" ? null : a(mr, { stopEvent: ({ event: e }) => lr(e.target) });
 	}
-}), ur = _.extend({
+}), _r = _.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1707,17 +1711,17 @@ var sr = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : a(cr, { stopEvent: ({ event: e }) => rr(e.target) });
+		return typeof document > "u" ? null : a(hr, { stopEvent: ({ event: e }) => ur(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function dr(n = {}) {
+function vr(n = {}) {
 	return e({
 		lang: n.lang,
 		mediaExtensions: t({
-			image: lr,
-			video: ur,
+			image: gr,
+			video: _r,
 			lang: n.lang,
 			onImageUpload: n.onImageUpload,
 			onVideoUpload: n.onVideoUpload
@@ -1726,7 +1730,7 @@ function dr(n = {}) {
 }
 //#endregion
 //#region src/MarkweaveEditor.ts
-var fr = {
+var yr = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -1734,17 +1738,17 @@ var fr = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, pr = {
+}, br = {
 	active: !1,
-	language: Se.defaultLanguage,
+	language: Oe.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
 };
-function mr(e) {
-	return Et.getState(e.state) ?? Tt;
+function xr(e) {
+	return Nt.getState(e.state) ?? Mt;
 }
-function hr(e) {
+function Sr(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -1761,7 +1765,7 @@ function Z(e, t, n = 18, r = 1.8) {
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function gr(e) {
+function Cr(e) {
 	return e === "clipboard" ? [B("path", { d: "M9 4.5h6a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 15 18.5H7A1.5 1.5 0 0 1 5.5 17V6A1.5 1.5 0 0 1 7 4.5h2" }), B("path", { d: "M8.5 5.5v-1A1.5 1.5 0 0 1 10 3h2a1.5 1.5 0 0 1 1.5 1.5v1h-5Z" })] : e === "search" ? [B("circle", {
 		cx: "10",
 		cy: "10",
@@ -1809,57 +1813,57 @@ function Q(e) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "1.8"
-	}, gr(e)));
+	}, Cr(e)));
 }
 function $(e) {
 	e.preventDefault();
 }
-function _r(e) {
-	let t = Je(e);
+function wr(e) {
+	let t = et(e);
 	return !t || typeof window > "u" || typeof window.open != "function" ? !1 : (window.open(t, "_blank", "noopener,noreferrer"), !0);
 }
-var vr = {
-	bold: dn,
-	italic: jn,
-	underline: Zn,
-	strike: Wn,
-	"inline-code": vn,
-	link: Nn,
-	more: Rn,
-	superscript: Kn,
-	subscript: Gn,
-	"inline-math": Hn,
-	"align-left": cn,
-	"align-center": on,
-	"align-right": ln,
-	"align-justify": sn,
-	"decrease-indent": On,
-	"increase-indent": kn
-}, yr = {
-	type: Jn,
-	"heading-1": Cn,
-	"heading-2": wn,
-	"heading-3": Tn,
-	"bullet-list": Pn,
-	"ordered-list": In,
-	"task-list": Fn,
-	blockquote: Bn,
-	"code-block": fn,
-	info: An,
-	tip: Mn,
-	warning: un,
-	error: _n,
-	success: mn,
-	emoji: Un,
-	math: Hn,
-	table: qn,
-	separator: Ln,
-	image: En,
-	video: $n,
-	attachment: zn
+var Tr = {
+	bold: vn,
+	italic: Rn,
+	underline: ir,
+	strike: Zn,
+	"inline-code": Tn,
+	link: Bn,
+	more: Gn,
+	superscript: $n,
+	subscript: Qn,
+	"inline-math": Yn,
+	"align-left": hn,
+	"align-center": pn,
+	"align-right": gn,
+	"align-justify": mn,
+	"decrease-indent": Fn,
+	"increase-indent": In
+}, Er = {
+	type: tr,
+	"heading-1": An,
+	"heading-2": jn,
+	"heading-3": Mn,
+	"bullet-list": Vn,
+	"ordered-list": Un,
+	"task-list": Hn,
+	blockquote: qn,
+	"code-block": yn,
+	info: Ln,
+	tip: zn,
+	warning: _n,
+	error: wn,
+	success: xn,
+	emoji: Xn,
+	math: Yn,
+	table: er,
+	separator: Wn,
+	image: Nn,
+	video: or,
+	attachment: Kn
 };
-function br(e) {
-	let t = yr[e];
+function Dr(e) {
+	let t = Er[e];
 	return B(t, {
 		size: 18,
 		strokeWidth: 1.6,
@@ -1867,21 +1871,21 @@ function br(e) {
 		"aria-hidden": "true"
 	});
 }
-var xr = {
-	paragraph: Xn,
-	"heading-1": Cn,
-	"heading-2": wn,
-	"heading-3": Tn,
-	"bullet-list": Pn,
-	"numbered-list": In,
-	"todo-list": Fn,
-	quote: Bn,
-	"code-block": fn
+var Or = {
+	paragraph: rr,
+	"heading-1": An,
+	"heading-2": jn,
+	"heading-3": Mn,
+	"bullet-list": Vn,
+	"numbered-list": Un,
+	"todo-list": Hn,
+	quote: qn,
+	"code-block": yn
 };
-function Sr(e, t) {
+function kr(e, t) {
 	return L(e, t).label;
 }
-var Cr = J({
+var Ar = J({
 	name: "MarkweaveVueFloatingToolbar",
 	props: {
 		editor: {
@@ -1898,44 +1902,66 @@ var Cr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V(""), r = V(null), i = V(null), a = V(null), o = U(() => Je(n.value.trim())), s = U(() => e.messages.floatingToolbar), c = U(() => z(e.messages).map((e) => [
+		let t = V(null), n = V(""), r = V(null), i = V(null), a = V("bottom"), o = V(null), s = V(null), c = V(null), l = U(() => et(n.value.trim())), u = U(() => e.messages.floatingToolbar), d = U(() => oe(e.messages).map((e) => [
 			e.id,
 			e.label,
-			xr[e.id]
-		])), l = U(() => re(e.messages).map((e) => [
+			Or[e.id]
+		])), f = U(() => ae(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), u = U(() => R(e.messages).map((e) => [
+		])), p = U(() => R(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), d = U(() => ne(e.messages).map((e) => e.id)), f = () => {
-			o.value && (e.editor.chain().focus().extendMarkRange("link").setLink({ href: o.value }).run(), t.value = null);
-		}, p = () => {
+		])), m = U(() => ie(e.messages).map((e) => e.id)), h = () => {
+			l.value && (e.editor.chain().focus().extendMarkRange("link").setLink({ href: l.value }).run(), t.value = null);
+		}, g = () => {
 			e.editor.isActive("link") && e.editor.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", t.value = null;
-		}, m = (r) => {
+		}, _ = (r) => {
 			t.value = t.value === r ? null : r, r === "link" && (n.value = e.editor.getAttributes("link").href ?? "");
-		}, h = (n) => n === "block-type" || n === "color" || n === "more" ? t.value === n : n === "bold" ? e.editor.isActive("bold") : n === "italic" ? e.editor.isActive("italic") : n === "underline" ? e.editor.isActive("underline") : n === "strike" ? e.editor.isActive("strike") : n === "inline-code" ? e.editor.isActive("code") : n === "link" ? e.editor.isActive("link") : !1, g = (e, t) => {
-			if (r.value = e, !e || !(t instanceof HTMLElement) || !a.value) {
+		}, v = N(() => {
+			let n = o.value, r = c.value, i = e.editor.view.dom.closest(".markweave-editor-frame");
+			if (!t.value || !n || !r) return;
+			let s = fe({
+				toolbarRect: n.getBoundingClientRect(),
+				popoverSize: r.getBoundingClientRect(),
+				viewport: {
+					width: window.innerWidth,
+					height: window.innerHeight
+				},
+				frameRect: i?.getBoundingClientRect() ?? null,
+				gap: t.value === "more" ? 8 : 6
+			});
+			a.value = s.placement;
+		});
+		W(t, (e) => {
+			e && q(v.schedule);
+		}), G(() => {
+			window.addEventListener("resize", v.schedule), window.addEventListener("scroll", v.schedule, !0);
+		}), K(() => {
+			v.cancel(), window.removeEventListener("resize", v.schedule), window.removeEventListener("scroll", v.schedule, !0);
+		});
+		let y = (n) => n === "block-type" || n === "color" || n === "more" ? t.value === n : n === "bold" ? e.editor.isActive("bold") : n === "italic" ? e.editor.isActive("italic") : n === "underline" ? e.editor.isActive("underline") : n === "strike" ? e.editor.isActive("strike") : n === "inline-code" ? e.editor.isActive("code") : n === "link" ? e.editor.isActive("link") : !1, b = (e, t) => {
+			if (r.value = e, !e || !(t instanceof HTMLElement) || !s.value) {
 				i.value = null;
 				return;
 			}
-			let n = t.getBoundingClientRect(), o = a.value.getBoundingClientRect();
-			i.value = n.left + n.width / 2 - o.left;
-		}, _ = () => {
+			let n = t.getBoundingClientRect(), a = s.value.getBoundingClientRect();
+			i.value = n.left + n.width / 2 - a.left;
+		}, x = () => {
 			let e = r.value;
 			if (!e || t.value !== null) return null;
-			let n = s.value.buttons[e];
+			let n = u.value.buttons[e];
 			return n ? B("div", {
 				class: "markweave-floating-toolbar-tooltip",
 				role: "tooltip",
 				"data-testid": "markweave-floating-toolbar-tooltip",
 				"data-button-id": e,
-				"data-active": h(e),
+				"data-active": y(e),
 				style: i.value === null ? void 0 : { "--markweave-floating-toolbar-tooltip-left": `${i.value}px` }
 			}, n) : null;
-		}, v = (n, i, a, o, s = !1, c) => B("button", {
+		}, S = (n, i, a, o, s = !1, c) => B("button", {
 			type: "button",
 			class: `markweave-floating-toolbar-button markweave-floating-toolbar-button--${n}`,
 			"aria-label": i,
@@ -1948,16 +1974,16 @@ var Cr = J({
 			"data-active": s || t.value === n,
 			"data-tooltip-active": r.value === n ? "true" : "false",
 			"data-testid": `markweave-floating-toolbar-button-${n}`,
-			onBlur: () => g(null),
-			onFocus: (e) => g(n, e.currentTarget),
+			onBlur: () => b(null),
+			onFocus: (e) => b(n, e.currentTarget),
 			onMousedown: $,
-			onMouseenter: (e) => g(n, e.currentTarget),
-			onMouseleave: () => g(null),
+			onMouseenter: (e) => b(n, e.currentTarget),
+			onMouseleave: () => b(null),
 			onClick: o
-		}, n === "block-type" ? [B("span", { class: "markweave-floating-toolbar-button-inner" }, [B("span", { class: "markweave-floating-toolbar-block-label" }, Sr(e.editor, e.messages)), Z(t.value === "block-type" ? gn : hn, i)])] : n === "color" ? [B("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [B("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? gn : hn, i)])] : [Z(a, i)]), y = () => B("span", {
+		}, n === "block-type" ? [B("span", { class: "markweave-floating-toolbar-button-inner" }, [B("span", { class: "markweave-floating-toolbar-block-label" }, kr(e.editor, e.messages)), Z(t.value === "block-type" ? Cn : Sn, i)])] : n === "color" ? [B("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [B("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? Cn : Sn, i)])] : [Z(a, i)]), C = () => B("span", {
 			class: "markweave-floating-toolbar-divider",
 			"aria-hidden": "true"
-		}), b = (n, r, i) => B("section", {
+		}), w = (n, r, i) => B("section", {
 			class: "markweave-floating-toolbar-color-section",
 			"aria-label": n
 		}, [B("div", { class: "markweave-floating-toolbar-menu-title" }, n), B("div", { class: "markweave-floating-toolbar-swatch-grid" }, i.map(([n, i, a]) => B("button", {
@@ -1976,27 +2002,29 @@ var Cr = J({
 			class: "markweave-floating-toolbar-highlight-swatch",
 			style: { backgroundColor: i ?? "#ffffff" },
 			"aria-hidden": "true"
-		})])))]), x = () => t.value === "block-type" ? B("div", {
+		})])))]), T = () => t.value === "block-type" ? B("div", {
+			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
 			"data-testid": "markweave-floating-toolbar-turn-menu"
-		}, [B("div", { class: "markweave-floating-toolbar-menu-title" }, s.value.turnIntoTitle), ...c.value.map(([n, r, i]) => B("button", {
+		}, [B("div", { class: "markweave-floating-toolbar-menu-title" }, u.value.turnIntoTitle), ...d.value.map(([n, r, i]) => B("button", {
 			key: n,
 			type: "button",
 			"data-testid": `markweave-floating-toolbar-turn-${n}`,
 			onMousedown: $,
 			onClick: () => {
-				ae(e.editor, n), t.value = null;
+				ce(e.editor, n), t.value = null;
 			}
 		}, [B("span", { class: "markweave-floating-toolbar-menu-icon" }, [Z(i, r)]), B("span", null, r)]))]) : t.value === "link" ? B("form", {
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
+			ref: c,
 			"data-testid": "markweave-floating-toolbar-link-popover",
 			onSubmit: (e) => {
-				e.preventDefault(), f();
+				e.preventDefault(), h();
 			}
 		}, [B("input", {
 			value: n.value,
-			placeholder: s.value.linkPlaceholder,
-			"aria-label": s.value.linkUrlLabel,
+			placeholder: u.value.linkPlaceholder,
+			"aria-label": u.value.linkUrlLabel,
 			"data-testid": "markweave-floating-toolbar-link-input",
 			onInput: (e) => {
 				n.value = e.target.value;
@@ -2004,42 +2032,44 @@ var Cr = J({
 		}), B("span", { class: "markweave-floating-toolbar-link-actions" }, [
 			B("button", {
 				type: "submit",
-				disabled: !o.value,
-				"aria-label": s.value.applyLink,
+				disabled: !l.value,
+				"aria-label": u.value.applyLink,
 				"data-testid": "markweave-floating-toolbar-link-apply",
 				onMousedown: $
-			}, [Z(yn, s.value.applyLink)]),
+			}, [Z(En, u.value.applyLink)]),
 			B("span", {
 				class: "markweave-floating-toolbar-link-divider",
 				"aria-hidden": "true"
 			}),
 			B("button", {
 				type: "button",
-				disabled: !o.value,
-				"aria-label": s.value.openLink,
+				disabled: !l.value,
+				"aria-label": u.value.openLink,
 				"data-testid": "markweave-floating-toolbar-link-open",
 				onMousedown: $,
-				onClick: () => _r(n.value)
-			}, [Z(Sn, s.value.openLink)]),
+				onClick: () => wr(n.value)
+			}, [Z(kn, u.value.openLink)]),
 			B("button", {
 				type: "button",
-				"aria-label": s.value.removeLink,
+				"aria-label": u.value.removeLink,
 				"data-testid": "markweave-floating-toolbar-link-remove",
 				onMousedown: $,
-				onClick: p
-			}, [Z(Yn, s.value.removeLink)])
+				onClick: g
+			}, [Z(nr, u.value.removeLink)])
 		])]) : t.value === "color" ? B("div", {
+			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
 			"data-testid": "markweave-floating-toolbar-color-menu"
-		}, [b(s.value.textColorTitle, "text", l.value), b(s.value.highlightColorTitle, "highlight", u.value)]) : t.value === "more" ? B("div", {
+		}, [w(u.value.textColorTitle, "text", f.value), w(u.value.highlightColorTitle, "highlight", p.value)]) : t.value === "more" ? B("div", {
+			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
 			"data-testid": "markweave-floating-toolbar-more-menu"
-		}, d.value.map((n) => B("span", {
+		}, m.value.map((n) => B("span", {
 			key: n,
 			class: "markweave-floating-toolbar-more-item"
 		}, [B("button", {
 			type: "button",
-			"aria-label": s.value.moreActions[n],
+			"aria-label": u.value.moreActions[n],
 			"data-testid": `markweave-floating-toolbar-more-${n}`,
 			"data-tooltip-active": r.value === n ? "true" : "false",
 			onMousedown: $,
@@ -2050,41 +2080,43 @@ var Cr = J({
 				r.value = null;
 			},
 			onClick: () => {
-				ie(e.editor, n), t.value = null;
+				se(e.editor, n), t.value = null;
 			}
-		}, [Z(vr[n], s.value.moreActions[n])]), r.value === n ? B("div", {
+		}, [Z(Tr[n], u.value.moreActions[n])]), r.value === n ? B("div", {
 			class: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip"
-		}, s.value.moreActions[n]) : null]))) : null;
-		return () => B(N, {
+		}, u.value.moreActions[n]) : null]))) : null;
+		return () => B(M, {
 			editor: e.editor,
-			shouldShow: ({ editor: e }) => e.isEditable && le(ce(e)),
+			shouldShow: ({ editor: e }) => e.isEditable && z(pe(e)),
 			options: { placement: "top" }
 		}, { default: () => B("div", {
+			ref: o,
 			class: "markweave-floating-toolbar markweave-floating-toolbar--default markweave-floating-toolbar--motion-entered",
+			"data-popover-placement": t.value ? a.value : void 0,
 			"data-testid": "markweave-floating-toolbar"
 		}, [B("div", {
-			ref: a,
+			ref: s,
 			class: "markweave-floating-toolbar-content",
 			"data-menu": t.value ?? "none"
 		}, [
-			v("block-type", s.value.buttons["block-type"], Xn, () => m("block-type"), t.value === "block-type"),
-			y(),
-			v("bold", s.value.buttons.bold, dn, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
-			v("italic", s.value.buttons.italic, jn, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
-			v("underline", s.value.buttons.underline, Zn, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
-			v("strike", s.value.buttons.strike, Wn, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
-			v("inline-code", s.value.buttons["inline-code"], vn, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
-			y(),
-			v("link", s.value.buttons.link, Nn, () => m("link"), e.editor.isActive("link")),
-			v("color", s.value.buttons.color, Xn, () => m("color"), t.value === "color"),
-			y(),
-			v("more", s.value.buttons.more, Rn, () => m("more"), t.value === "more"),
-			x(),
-			_()
+			S("block-type", u.value.buttons["block-type"], rr, () => _("block-type"), t.value === "block-type"),
+			C(),
+			S("bold", u.value.buttons.bold, vn, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
+			S("italic", u.value.buttons.italic, Rn, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
+			S("underline", u.value.buttons.underline, ir, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
+			S("strike", u.value.buttons.strike, Zn, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
+			S("inline-code", u.value.buttons["inline-code"], Tn, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
+			C(),
+			S("link", u.value.buttons.link, Bn, () => _("link"), e.editor.isActive("link")),
+			S("color", u.value.buttons.color, rr, () => _("color"), t.value === "color"),
+			C(),
+			S("more", u.value.buttons.more, Gn, () => _("more"), t.value === "more"),
+			T(),
+			x()
 		])]) });
 	}
-}), wr = J({
+}), jr = J({
 	name: "MarkweaveVueMathEditorPopover",
 	props: {
 		editor: {
@@ -2105,17 +2137,17 @@ var Cr = J({
 		}
 	},
 	setup(e) {
-		let t = V(e.target.latex), n = H(null), r = V(null), i = V(null), a = H($e(e.editor, e.target)), o = U(() => t.value === e.target.latex && a.value ? {
+		let t = V(e.target.latex), n = H(null), r = V(null), i = V(null), a = H(at(e.editor, e.target)), o = U(() => t.value === e.target.latex && a.value ? {
 			html: a.value,
 			error: !1
-		} : rt(t.value, e.target.kind, e.editor)), s = U(() => t.value.trim().length > 0), c = U(() => e.messages.math), l = U(() => Qe(e.editor, e.target) ?? 1), u = () => {
+		} : lt(t.value, e.target.kind, e.editor)), s = U(() => t.value.trim().length > 0), c = U(() => e.messages.math), l = U(() => it(e.editor, e.target) ?? 1), u = () => {
 			if (typeof window > "u") return;
-			let r = Ze(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
+			let r = rt(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 			if (!r || !i) {
 				e.onClose();
 				return;
 			}
-			n.value = Xe({
+			n.value = nt({
 				anchorRect: r,
 				frameRect: i,
 				kind: e.target.kind,
@@ -2124,7 +2156,7 @@ var Cr = J({
 				viewportWidth: window.innerWidth
 			});
 		}, d = () => {
-			s.value && Ye(e.editor, e.target, t.value) && e.onClose();
+			s.value && tt(e.editor, e.target, t.value) && e.onClose();
 		}, f = (t) => {
 			if (t.key === "Escape") {
 				t.preventDefault(), e.onClose(), e.editor.commands.focus();
@@ -2136,13 +2168,13 @@ var Cr = J({
 			n instanceof Node && (r.value?.contains(n) || n instanceof Element && n.closest(".tiptap-mathematics-render") || e.onClose());
 		};
 		return W(() => [e.target.pos, e.target.latex], () => {
-			t.value = e.target.latex, a.value = $e(e.editor, e.target), q(u);
+			t.value = e.target.latex, a.value = at(e.editor, e.target), q(u);
 		}), G(() => {
-			it(e.editor, e.target, !0), u(), q(() => {
+			ut(e.editor, e.target, !0), u(), q(() => {
 				i.value?.focus({ preventScroll: !0 }), i.value?.select(), u();
 			}), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), document.addEventListener("mousedown", p);
 		}), K(() => {
-			it(e.editor, e.target, !1), window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), document.removeEventListener("mousedown", p);
+			ut(e.editor, e.target, !1), window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), document.removeEventListener("mousedown", p);
 		}), () => {
 			let a = e.target.kind === "block" ? c.value.blockTitle : c.value.inlineTitle, u = {
 				ref: i,
@@ -2203,14 +2235,14 @@ var Cr = J({
 			}, [
 				B("div", { class: "markweave-math-block-toolbar" }, [
 					B("span", null, c.value.label),
-					Z(vn, c.value.label, 15, 1.75),
+					Z(Tn, c.value.label, 15, 1.75),
 					B("button", {
 						type: "submit",
 						title: c.value.apply,
 						"aria-label": c.value.apply,
 						disabled: !s.value,
 						"data-testid": "markweave-math-editor-apply"
-					}, [Z(mn, c.value.apply, 16, 2)])
+					}, [Z(xn, c.value.apply, 16, 2)])
 				]),
 				B("label", {
 					class: "markweave-math-block-source",
@@ -2233,7 +2265,7 @@ var Cr = J({
 			]);
 		};
 	}
-}), Tr = J({
+}), Mr = J({
 	name: "MarkweaveVueSlashCommandMenu",
 	props: {
 		commands: {
@@ -2292,13 +2324,13 @@ var Cr = J({
 					} : {
 						kind: e.inputCommand.uploadKind ?? "attachment",
 						trigger: "slash-command",
-						source: A(t.value)
+						source: k(t.value)
 					};
 					if (!n.value && !t.value.trim()) {
 						r.value = e.messages.slash.uploadRequiredError;
 						return;
 					}
-					let a = await M(i, e.onUpload);
+					let a = await j(i, e.onUpload);
 					e.onSelect(e.inputCommand, { uploadResult: a }), e.onInputCommandChange(null), t.value = "", n.value = null;
 				} catch (t) {
 					r.value = t instanceof Error ? t.message : e.messages.slash.uploadFailedError;
@@ -2419,7 +2451,7 @@ var Cr = J({
 				class: "markweave-slash-group",
 				"aria-label": t.group
 			}, [B("div", { class: "markweave-slash-group-title" }, t.group), ...t.commands.map((t) => {
-				let n = e.commands.indexOf(t) === e.state.activeIndex, r = ft(t);
+				let n = e.commands.indexOf(t) === e.state.activeIndex, r = yt(t);
 				return B("button", {
 					key: t.id,
 					type: "button",
@@ -2442,7 +2474,7 @@ var Cr = J({
 						}
 					}
 				}, [
-					br(t.icon),
+					Dr(t.icon),
 					B("span", null, t.label),
 					t.disabledReason ? B("small", null, t.disabledReason) : null
 				]);
@@ -2453,7 +2485,7 @@ var Cr = J({
 			}, e.messages.slash.noResults)])]);
 		};
 	}
-}), Er = J({
+}), Nr = J({
 	name: "MarkweaveVueTableControls",
 	props: {
 		editor: {
@@ -2486,12 +2518,12 @@ var Cr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V("row-edge"), r = V(null), i = V(null), a = V(null), o = V(null), s = V(null), c = V(null), l = V(null), u = V(null), d = V(null), f = V(null), p = null, m = U(() => e.active ? Ct(e.editor.state) : fr), h = U(() => Ft(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = U(() => Ft(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = U(() => Nt(e.editor)), v = U(() => _.value.length > 0), y = U(() => t.value ? zt(e.editor, t.value) : []), b = () => {
+		let t = V(null), n = V("row-edge"), r = V(null), i = V(null), a = V(null), o = V(null), s = V(null), c = V(null), l = V(null), u = V(null), d = V(null), f = V(null), p = null, m = U(() => e.active ? At(e.editor.state) : yr), h = U(() => Ht(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = U(() => Ht(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = U(() => Bt(e.editor)), v = U(() => _.value.length > 0), y = U(() => t.value ? Kt(e.editor, t.value) : []), b = () => {
 			p === null || typeof window > "u" || (window.clearTimeout(p), p = null);
 		}, x = (e) => {
 			b(), s.value = e, !(!e || typeof window > "u") && (p = window.setTimeout(() => {
 				s.value = null, p = null;
-			}, Ut));
+			}, Xt));
 		}, S = () => {
 			if (!e.active) {
 				r.value = null, i.value = null, a.value = null, x(null);
@@ -2502,16 +2534,16 @@ var Cr = J({
 				r.value = null, i.value = null, a.value = null;
 				return;
 			}
-			let s = o.getBoundingClientRect(), c = h.value ? Pt(e.editor, h.value) : null, l = g.value ? Pt(e.editor, g.value) : null, u = v.value ? Bt(e.editor) : null;
-			c ? r.value = Ot({
+			let s = o.getBoundingClientRect(), c = h.value ? Vt(e.editor, h.value) : null, l = g.value ? Vt(e.editor, g.value) : null, u = v.value ? qt(e.editor) : null;
+			c ? r.value = Ft({
 				targetRect: c,
 				frameRect: s,
 				kind: "row"
-			}) : t.value === "row" && n.value === "row-edge" || (r.value = null), l ? i.value = Ot({
+			}) : t.value === "row" && n.value === "row-edge" || (r.value = null), l ? i.value = Ft({
 				targetRect: l,
 				frameRect: s,
 				kind: "column"
-			}) : t.value === "column" && n.value === "column-edge" || (i.value = null), u ? a.value = Ot({
+			}) : t.value === "column" && n.value === "column-edge" || (i.value = null), u ? a.value = Ft({
 				targetRect: u,
 				frameRect: s,
 				kind: "selection"
@@ -2526,13 +2558,13 @@ var Cr = J({
 				o.value = null;
 				return;
 			}
-			let a = i.getBoundingClientRect(), s = t.value === "row" ? Mt(e.editor)?.getBoundingClientRect() : null, c = s ? {
+			let a = i.getBoundingClientRect(), s = t.value === "row" ? zt(e.editor)?.getBoundingClientRect() : null, c = s ? {
 				left: a.left,
 				top: s.top,
 				width: a.width,
 				height: a.height
 			} : a, p = r.getBoundingClientRect(), m = f.value.getBoundingClientRect();
-			o.value = Dt({
+			o.value = Pt({
 				anchorRect: c,
 				frameRect: p,
 				menuSize: {
@@ -2548,35 +2580,35 @@ var Cr = J({
 		}, E = (e, r) => {
 			let i = t.value === e && n.value === r;
 			n.value = r, t.value = i ? null : e, T();
-		}, D = () => {
-			e.editor.view.dispatch(bt(e.editor.state.tr, null));
-		}, O = (t, n) => {
+		}, ee = () => {
+			e.editor.view.dispatch(Dt(e.editor.state.tr, null));
+		}, D = (t, n) => {
 			let r = e.interactionState.hoverCellPos ?? m.value.activeCellPos, i = e.interactionState.hoverCellPos === null ? null : t === "row" ? e.interactionState.hoverVisualRowIndex : e.interactionState.hoverVisualColumnIndex;
-			r !== null && Ht(e.editor, r, t, { visualIndex: i }), E(t, n);
-		}, k = () => {
-			D(), E("selection", "selection-edge");
-		}, A = (n = !1) => {
+			r !== null && Yt(e.editor, r, t, { visualIndex: i }), E(t, n);
+		}, O = () => {
+			ee(), E("selection", "selection-edge");
+		}, k = (n = !1) => {
 			t.value = null, o.value = null, n && e.editor.view.focus();
-		}, j = async (n, r) => {
-			let i = await At({
+		}, A = async (n, r) => {
+			let i = await Lt({
 				editor: e.editor,
 				commandId: n,
 				menu: r ?? t.value ?? "selection",
 				messages: e.messages
 			});
 			return i.copyFeedback ? (x(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : x(null), e.onCommandResult?.(i.commandResult), i.success;
-		}, M = (t) => {
-			let n = It(e.editor, t);
-			n && e.onEditWithAi?.(n), A(!0);
-		}, N = (e) => {
-			!t.value || e.key !== "Escape" || A(!0);
-		}, ee = (e) => {
-			t.value && (e.target instanceof Node && c.value?.contains(e.target) || A());
+		}, j = (t) => {
+			let n = Ut(e.editor, t);
+			n && e.onEditWithAi?.(n), k(!0);
+		}, M = (e) => {
+			!t.value || e.key !== "Escape" || k(!0);
+		}, te = (e) => {
+			t.value && (e.target instanceof Node && c.value?.contains(e.target) || k());
 		};
 		G(() => {
-			w(), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), document.addEventListener("keydown", N), document.addEventListener("mousedown", ee);
+			w(), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), document.addEventListener("keydown", M), document.addEventListener("mousedown", te);
 		}), K(() => {
-			b(), window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0), document.removeEventListener("keydown", N), document.removeEventListener("mousedown", ee);
+			b(), window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0), document.removeEventListener("keydown", M), document.removeEventListener("mousedown", te);
 		}), W(() => [
 			e.active,
 			m.value.activeCellPos,
@@ -2588,11 +2620,11 @@ var Cr = J({
 			t.value,
 			n.value
 		], T, { flush: "post" });
-		let te = () => t.value ? B("div", {
+		let N = () => t.value ? B("div", {
 			ref: f,
 			class: "markweave-table-menu",
 			role: "menu",
-			"aria-label": Wt(t.value, e.messages),
+			"aria-label": Zt(t.value, e.messages),
 			"data-testid": "markweave-table-menu",
 			"data-positioned": o.value ? "true" : "false",
 			style: o.value ? {
@@ -2600,7 +2632,7 @@ var Cr = J({
 				top: `${o.value.top}px`
 			} : void 0
 		}, y.value.map((n, r) => {
-			let i = Lt(n), a = r === 0 ? i : Lt(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : kt(e.editor, n.commandId), c = Rt(n, e.messages);
+			let i = Wt(n), a = r === 0 ? i : Wt(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : It(e.editor, n.commandId), c = Gt(n, e.messages);
 			return B("button", {
 				key: `${n.id}-${r}`,
 				type: "button",
@@ -2616,10 +2648,10 @@ var Cr = J({
 				onClick: () => {
 					if (s) {
 						if (n.commandId === null) {
-							M(t.value === "row" || t.value === "column" ? t.value : "selection");
+							j(t.value === "row" || t.value === "column" ? t.value : "selection");
 							return;
 						}
-						j(n.commandId).finally(() => A());
+						A(n.commandId).finally(() => k());
 					}
 				}
 			}, c);
@@ -2640,7 +2672,7 @@ var Cr = J({
 				"data-copy-kind": s.value.kind,
 				"data-text-length": s.value.textLength,
 				"data-html-length": s.value.htmlLength
-			}, jt(s.value)) : null,
+			}, Rt(s.value)) : null,
 			r.value ? B("button", {
 				ref: l,
 				type: "button",
@@ -2659,7 +2691,7 @@ var Cr = J({
 					top: `${r.value.top}px`
 				},
 				onMousedown: $,
-				onClick: () => O("row", "row-edge")
+				onClick: () => D("row", "row-edge")
 			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
 			i.value ? B("button", {
 				ref: u,
@@ -2679,7 +2711,7 @@ var Cr = J({
 					top: `${i.value.top}px`
 				},
 				onMousedown: $,
-				onClick: () => O("column", "column-edge")
+				onClick: () => D("column", "column-edge")
 			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
 			v.value && a.value ? B("button", {
 				ref: d,
@@ -2695,12 +2727,12 @@ var Cr = J({
 					top: `${a.value.top}px`
 				},
 				onMousedown: $,
-				onClick: k
+				onClick: O
 			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
-			te()
+			N()
 		]) : null;
 	}
-}), Dr = J({
+}), Pr = J({
 	name: "MarkweaveVueTableSelectionOverlay",
 	props: {
 		editor: {
@@ -2718,7 +2750,7 @@ var Cr = J({
 				t.value = null;
 				return;
 			}
-			t.value = Vt(e.editor, wt(e.editor.state));
+			t.value = Jt(e.editor, jt(e.editor.state));
 		};
 		return G(() => {
 			n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
@@ -2756,7 +2788,7 @@ var Cr = J({
 			}) : null;
 		};
 	}
-}), Or = J({
+}), Fr = J({
 	name: "MarkweaveVueCodeBlockControls",
 	props: {
 		editor: {
@@ -2789,112 +2821,112 @@ var Cr = J({
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}), g = V(0), _ = V(0), v = V(0), y = null, b = U(() => (v.value, Be(e.editor, i.value))), x = U(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
+		}), g = V(0), _ = V(0), v = V(0), y = null, b = U(() => (v.value, Ke(e.editor, i.value))), x = U(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
 			...e.state,
 			pos: e.state.pos,
 			active: !0
-		} : null), S = U(() => b.value ?? x.value), C = U(() => S.value !== null), w = U(() => S.value?.language === "mermaid"), T = U(() => We(e.editor, S.value)), E = U(() => C.value && S.value !== null && !T.value), D = U(() => !e.readOnly), O = U(() => S.value ? Pe(S.value.language) : Pe("text")), k = U(() => u.value?.status ?? "idle"), A = U(() => S.value?.mermaidPreviewMode ?? e.mermaidMode), j = U(() => w.value && A.value === "preview"), M = U(() => (v.value, g.value, _.value, He(e.editor))), N = U(() => `${_.value}|${M.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), ee = U(() => Re(l.value)), te = U(() => S.value ? `${S.value.pos}:${S.value.language}:${S.value.text}` : "none"), P = () => {
+		} : null), S = U(() => b.value ?? x.value), C = U(() => S.value !== null), w = U(() => S.value?.language === "mermaid"), T = U(() => Xe(e.editor, S.value)), E = U(() => C.value && S.value !== null && !T.value), ee = U(() => !e.readOnly), D = U(() => S.value ? Be(S.value.language) : Be("text")), O = U(() => u.value?.status ?? "idle"), k = U(() => S.value?.mermaidPreviewMode ?? e.mermaidMode), A = U(() => w.value && k.value === "preview"), j = U(() => (v.value, g.value, _.value, Je(e.editor))), M = U(() => `${_.value}|${j.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), te = U(() => We(l.value)), N = U(() => S.value ? `${S.value.pos}:${S.value.language}:${S.value.text}` : "none"), ne = () => {
 			y !== null && (window.clearTimeout(y), y = null);
-		}, F = (e) => {
-			P(), u.value = e, e && (y = window.setTimeout(() => {
+		}, P = (e) => {
+			ne(), u.value = e, e && (y = window.setTimeout(() => {
 				u.value = null, y = null;
-			}, Oe));
-		}, I = () => {
+			}, Pe));
+		}, re = () => {
 			f.value = null, p.value = null, m.value = !1, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, e.editor.view.focus();
-		}, L = () => {
+		}, F = () => {
 			let n = t.value;
 			if (!n) return;
-			if (!Ve(n) || M.value.length === 0) {
+			if (!qe(n) || j.value.length === 0) {
 				o.value = [];
 				return;
 			}
-			let r = n.getBoundingClientRect(), i = M.value.flatMap((t) => {
-				let n = Le(Ie(e.editor, t.pos, t.mermaidPreviewMode), r);
-				return n ? [Me(t, n, r)] : [];
+			let r = n.getBoundingClientRect(), i = j.value.flatMap((t) => {
+				let n = Ue(He(e.editor, t.pos, t.mermaidPreviewMode), r);
+				return n ? [Re(t, n, r)] : [];
 			});
-			o.value = Ge(o.value, i, M.value.map((e) => e.pos));
-		}, R = () => {
+			o.value = Ze(o.value, i, j.value.map((e) => e.pos));
+		}, I = () => {
 			if (!E.value || !S.value) {
 				a.value = null, s.value = null;
 				return;
 			}
 			let r = t.value;
 			if (!r) return;
-			let i = Ie(e.editor, S.value.pos, A.value), o = r.getBoundingClientRect(), l = Le(i, o);
+			let i = He(e.editor, S.value.pos, k.value), o = r.getBoundingClientRect(), l = Ue(i, o);
 			if (!l) {
 				a.value = a.value?.pos === S.value.pos ? a.value : null, s.value = c.value ? s.value : null;
 				return;
 			}
-			if (a.value = Ae(S.value.pos, l, o), c.value && n.value) {
+			if (a.value = Ie(S.value.pos, l, o), c.value && n.value) {
 				let e = n.value.getBoundingClientRect();
-				s.value = Ee({
+				s.value = Me({
 					overlayRect: o,
 					buttonRect: e,
 					windowWidth: window.innerWidth,
 					windowHeight: window.innerHeight
 				});
 			}
-		}, ne = async () => {
+		}, L = async () => {
 			if (e.readOnly) {
 				if (!S.value) return;
-				let e = await ke(S.value.text);
-				F(xe(S.value, e ? "copied" : "failed"));
+				let e = await Fe(S.value.text);
+				P(De(S.value, e ? "copied" : "failed"));
 				return;
 			}
-			if (!Ne(e.editor, S.value)) return;
-			let t = await ye(e.editor);
-			F(xe(be(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
-		}, re = (t, n) => {
+			if (!ze(e.editor, S.value)) return;
+			let t = await Te(e.editor);
+			P(De(Ee(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
+		}, R = (t, n) => {
 			if (e.readOnly) {
-				lt(e.editor, t.pos, n) && (_.value += 1, v.value += 1);
+				gt(e.editor, t.pos, n) && (_.value += 1, v.value += 1);
 				return;
 			}
 			let r = e.state.active && e.state.pos === t.pos;
-			Te(e.editor, t.pos, n) && (e.onMermaidModeChange(n), v.value += 1, r && e.editor.view.focus());
-		}, z = (t) => {
+			je(e.editor, t.pos, n) && (e.onMermaidModeChange(n), v.value += 1, r && e.editor.view.focus());
+		}, ie = (t) => {
 			if (e.readOnly || !S.value) return;
 			let n = e.state.active && e.state.pos === S.value.pos;
-			we(e.editor, S.value.pos, t) && (t === "mermaid" && Te(e.editor, S.value.pos, "preview") && e.onMermaidModeChange("preview"), c.value = !1, l.value = "", v.value += 1, n && e.editor.view.focus());
-		}, ie = () => {
-			e.readOnly || !S.value || Ce(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
+			Ae(e.editor, S.value.pos, t) && (t === "mermaid" && je(e.editor, S.value.pos, "preview") && e.onMermaidModeChange("preview"), c.value = !1, l.value = "", v.value += 1, n && e.editor.view.focus());
 		}, ae = () => {
+			e.readOnly || !S.value || ke(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
+		}, oe = () => {
 			if (!S.value) return;
-			let t = Ue(e.editor, S.value.pos);
+			let t = Ye(e.editor, S.value.pos);
 			if (!t) return;
 			let n = new Blob([t], { type: "image/svg+xml" }), r = URL.createObjectURL(n), i = document.createElement("a");
 			i.href = r, i.download = "markweave-mermaid.svg", i.click(), URL.revokeObjectURL(r), e.editor.view.focus();
-		}, oe = () => {
+		}, se = () => {
 			if (!S.value) return;
-			let t = Ue(e.editor, S.value.pos);
-			t && (f.value = je(t), p.value = null, m.value = !1, h.value = {
+			let t = Ye(e.editor, S.value.pos);
+			t && (f.value = Le(t), p.value = null, m.value = !1, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			});
-		}, se = (e) => {
+		}, ce = (e) => {
 			f.value = f.value ? {
 				...f.value,
-				scale: De(f.value.scale + e)
+				scale: Ne(f.value.scale + e)
 			} : null;
-		}, ce = () => {
-			f.value = f.value ? je(f.value.svg) : null, h.value = {
+		}, le = () => {
+			f.value = f.value ? Le(f.value.svg) : null, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, m.value = !1;
-		}, le = (e) => {
-			e.preventDefault(), se(e.deltaY < 0 ? Ke : -Ke);
 		}, ue = (e) => {
+			e.preventDefault(), ce(e.deltaY < 0 ? Qe : -Qe);
+		}, de = (e) => {
 			e.button === 0 && (e.preventDefault(), h.value = {
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
 			}, m.value = !0);
-		}, de = (e) => {
+		}, fe = (e) => {
 			let t = h.value;
 			if (!t.active) return;
 			let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
@@ -2902,8 +2934,8 @@ var Cr = J({
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
-			}, f.value = qe(f.value, n, r);
-		}, fe = () => {
+			}, f.value = $e(f.value, n, r);
+		}, pe = () => {
 			h.value = {
 				active: !1,
 				lastX: 0,
@@ -2912,40 +2944,40 @@ var Cr = J({
 		};
 		W(() => e.readOnly, (e) => {
 			e && (c.value = !1, l.value = "");
-		}), W(te, () => {
-			F(null), c.value = !1, l.value = "", f.value = null, p.value = null, m.value = !1;
+		}), W(N, () => {
+			P(null), c.value = !1, l.value = "", f.value = null, p.value = null, m.value = !1;
 		}), W(c, async (e) => {
-			e && (await q(), R(), r.value?.focus({ preventScroll: !0 }));
+			e && (await q(), I(), r.value?.focus({ preventScroll: !0 }));
 		}), W(() => [
 			E.value,
 			g.value,
 			S.value?.pos ?? null,
 			c.value,
-			A.value
+			k.value
 		], async () => {
-			await q(), R();
+			await q(), I();
 		}, {
 			flush: "post",
 			immediate: !0
-		}), W(N, async () => {
-			await q(), L(), window.requestAnimationFrame(L);
+		}), W(M, async () => {
+			await q(), F(), window.requestAnimationFrame(F);
 		}, {
 			flush: "post",
 			immediate: !0
 		});
-		let pe = null;
+		let me = null;
 		return G(() => {
 			q(() => {
 				let n = e.editor.view.dom.closest(".markweave-editor-frame"), r = (n) => {
 					if (n.target instanceof Node && t.value?.contains(n.target) || c.value) return;
-					let r = ze(e.editor, n.target), a = Be(e.editor, r), o = a && !We(e.editor, a) ? a.pos : null;
+					let r = Ge(e.editor, n.target), a = Ke(e.editor, r), o = a && !Xe(e.editor, a) ? a.pos : null;
 					i.value = i.value === o ? i.value : o;
 				}, a = () => {
 					c.value || (i.value = null);
 				}, o = (t) => {
 					if (t.key === "Escape") {
 						if (f.value) {
-							I();
+							re();
 							return;
 						}
 						c.value && (c.value = !1, e.editor.view.focus());
@@ -2953,16 +2985,16 @@ var Cr = J({
 				}, s = (e) => {
 					c.value && (e.target instanceof Node && t.value?.contains(e.target) || (c.value = !1));
 				}, l = ({ transaction: e }) => {
-					e.getMeta(ve) && (g.value += 1), (e.docChanged || e.selectionSet || e.getMeta(ve) || st(e)) && (v.value += 1);
+					e.getMeta(we) && (g.value += 1), (e.docChanged || e.selectionSet || e.getMeta(we) || pt(e)) && (v.value += 1);
 				};
-				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", a), window.addEventListener("resize", R), window.addEventListener("scroll", R, !0), window.addEventListener("resize", L), window.addEventListener("scroll", L, !0), document.addEventListener("keydown", o), document.addEventListener("mousedown", s), e.editor.on("transaction", l), pe = () => {
-					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", a), window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0), document.removeEventListener("keydown", o), document.removeEventListener("mousedown", s), e.editor.off("transaction", l), P();
+				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", a), window.addEventListener("resize", I), window.addEventListener("scroll", I, !0), window.addEventListener("resize", F), window.addEventListener("scroll", F, !0), document.addEventListener("keydown", o), document.addEventListener("mousedown", s), e.editor.on("transaction", l), me = () => {
+					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", a), window.removeEventListener("resize", I), window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", F), window.removeEventListener("scroll", F, !0), document.removeEventListener("keydown", o), document.removeEventListener("mousedown", s), e.editor.off("transaction", l), ne();
 				};
 			});
 		}), K(() => {
-			pe?.(), pe = null, P();
+			me?.(), me = null, ne();
 		}), () => {
-			if (!E.value && M.value.length === 0 && !f.value) return null;
+			if (!E.value && j.value.length === 0 && !f.value) return null;
 			let i = a.value ? {
 				top: `${a.value.top}px`,
 				right: `${a.value.right}px`
@@ -2976,7 +3008,7 @@ var Cr = J({
 				"data-testid": "markweave-codeblock-overlay",
 				"data-read-only": e.readOnly ? "true" : "false"
 			}, [
-				...M.value.map((e) => {
+				...j.value.map((e) => {
 					let t = o.value.find((t) => t.pos === e.pos);
 					return B("div", {
 						key: e.pos,
@@ -2994,7 +3026,7 @@ var Cr = J({
 						"data-testid": `markweave-mermaid-mode-${t}`,
 						"data-active": e.mermaidPreviewMode === t ? "true" : "false",
 						onMousedown: $,
-						onClick: () => re(e, t)
+						onClick: () => R(e, t)
 					}, t === "code" ? "Code" : "Preview")));
 				}),
 				E.value && S.value ? B("div", {
@@ -3010,7 +3042,7 @@ var Cr = J({
 						class: "markweave-codeblock-language-button markweave-codeblock-language-label",
 						"aria-label": "Code block language",
 						"data-testid": "markweave-codeblock-language"
-					}, [B("span", null, O.value)]) : B("button", {
+					}, [B("span", null, D.value)]) : B("button", {
 						ref: n,
 						type: "button",
 						class: "markweave-codeblock-language-button",
@@ -3022,8 +3054,8 @@ var Cr = J({
 						onClick: () => {
 							c.value = !c.value;
 						}
-					}, [B("span", null, O.value), Q("chevron")]),
-					D.value ? B("button", {
+					}, [B("span", null, D.value), Q("chevron")]),
+					ee.value ? B("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
 						"aria-label": T.value ? "Expand code block" : "Collapse code block",
@@ -3031,14 +3063,14 @@ var Cr = J({
 						"data-testid": "markweave-codeblock-collapse",
 						"data-collapsed": T.value ? "true" : "false",
 						onMousedown: $,
-						onClick: ie
+						onClick: ae
 					}, [Q("chevron")]) : null,
 					B("span", { class: "markweave-codeblock-copy-wrap" }, [B("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Copy to clipboard",
 						"data-testid": "markweave-codeblock-copy",
-						"data-copy-state": k.value,
+						"data-copy-state": O.value,
 						onMousedown: $,
 						onMouseenter: () => {
 							d.value = !0;
@@ -3053,14 +3085,14 @@ var Cr = J({
 							d.value = !1;
 						},
 						onClick: () => {
-							ne();
+							L();
 						}
-					}, [Q(k.value === "copied" ? "check" : "clipboard")]), d.value ? B("span", {
+					}, [Q(O.value === "copied" ? "check" : "clipboard")]), d.value ? B("span", {
 						class: "markweave-codeblock-tooltip",
 						role: "tooltip",
 						"data-testid": "markweave-codeblock-copy-tooltip"
 					}, "Copy to clipboard") : null]),
-					w.value && A.value === "preview" ? B("div", {
+					w.value && k.value === "preview" ? B("div", {
 						class: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions"
 					}, [B("button", {
@@ -3068,20 +3100,20 @@ var Cr = J({
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen",
-						disabled: !j.value,
+						disabled: !A.value,
 						onMousedown: $,
-						onClick: oe
+						onClick: se
 					}, [Q("expand")]), B("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Download Mermaid SVG",
 						"data-testid": "markweave-mermaid-download",
-						disabled: !j.value,
+						disabled: !A.value,
 						onMousedown: $,
-						onClick: ae
+						onClick: oe
 					}, [Q("download")])]) : null
 				]) : null,
-				D.value && E.value && c.value && S.value ? B("div", {
+				ee.value && E.value && c.value && S.value ? B("div", {
 					class: "markweave-codeblock-language-menu",
 					role: "listbox",
 					"aria-label": "Code block languages",
@@ -3099,7 +3131,7 @@ var Cr = J({
 					onKeydown: (t) => {
 						t.key === "Escape" && (t.preventDefault(), c.value = !1, e.editor.view.focus());
 					}
-				}), Q("search")]), B("div", { class: "markweave-codeblock-language-list" }, ee.value.map((e) => {
+				}), Q("search")]), B("div", { class: "markweave-codeblock-language-list" }, te.value.map((e) => {
 					let t = S.value?.language === e.language;
 					return B("button", {
 						key: e.language,
@@ -3109,7 +3141,7 @@ var Cr = J({
 						"data-testid": `markweave-codeblock-language-option-${e.language}`,
 						"data-active": t ? "true" : "false",
 						onMousedown: $,
-						onClick: () => z(e.language)
+						onClick: () => ie(e.language)
 					}, [B("span", null, e.label), t ? Q("check") : null]);
 				}))]) : null,
 				f.value ? B("div", {
@@ -3140,12 +3172,12 @@ var Cr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: () => se(-Ke)
+							onClick: () => ce(-Qe)
 						}, [Q("zoomOut")]),
 						B("span", {
 							class: "markweave-mermaid-fullscreen-zoom-label",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-label"
-						}, Fe(f.value.scale)),
+						}, Ve(f.value.scale)),
 						B("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
@@ -3163,7 +3195,7 @@ var Cr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: () => se(Ke)
+							onClick: () => ce(Qe)
 						}, [Q("zoomIn")]),
 						B("button", {
 							type: "button",
@@ -3182,7 +3214,7 @@ var Cr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: ce
+							onClick: le
 						}, [Q("reset")]),
 						p.value ? B("span", {
 							class: "markweave-mermaid-fullscreen-tooltip",
@@ -3195,17 +3227,17 @@ var Cr = J({
 						class: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: I
+						onClick: re
 					}, [Q("close")]),
 					B("div", {
 						class: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
 						"data-dragging": m.value ? "true" : "false",
-						onWheel: le,
-						onMousedown: ue,
-						onMousemove: de,
-						onMouseup: fe,
-						onMouseleave: fe
+						onWheel: ue,
+						onMousedown: de,
+						onMousemove: fe,
+						onMouseup: pe,
+						onMouseleave: pe
 					}, [B("div", {
 						class: "markweave-mermaid-fullscreen-content",
 						"data-testid": "markweave-mermaid-fullscreen-content",
@@ -3222,7 +3254,7 @@ var Cr = J({
 			]);
 		};
 	}
-}), kr = J({
+}), Ir = J({
 	name: "MarkweaveVueInnerToc",
 	props: {
 		editor: {
@@ -3248,7 +3280,7 @@ var Cr = J({
 	},
 	setup(e) {
 		let t = V(null), n, r = () => {
-			n?.(), n = e.placement === "container" && t.value ? ge(t.value) : void 0;
+			n?.(), n = e.placement === "container" && t.value ? Se(t.value) : void 0;
 		};
 		return G(r), K(() => n?.()), W(() => e.placement, r), () => e.state.items.length ? B("nav", {
 			ref: t,
@@ -3271,24 +3303,33 @@ var Cr = J({
 			"aria-current": t.active ? "location" : void 0,
 			"aria-label": `${e.messages.toc.itemAriaLabel}: ${t.text}`,
 			title: t.text,
-			onClick: () => _e(e.editor, t, {
+			onClick: () => Ce(e.editor, t, {
 				behavior: "smooth",
 				focus: e.editable
 			})
 		}, t.text)))])]) : null;
 	}
 });
-function Ar(e = {}) {
-	let t = m(e.lang), r = p(t), i = f(t), a = V(l(e.mode)), o = U(() => a.value === "live" && e.editable !== !1), s = V(0), c = H(null), d = V(vt), h = H(null), g = H(null), _ = V("code"), v = H(null), y = H(Tt), b = V(null), x = V(!1), S = I(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), C = e.onSlashCommandUpload, w = H(null);
-	w.value = new n({
-		extensions: dr({
+function Lr(e = {}) {
+	let t = m(e.lang), r = p(t), i = f(t), a = V(l(e.mode)), o = U(() => he(e.theme)), s = U(() => a.value === "live" && e.editable !== !1), c = V(0), d = H(null), h = V(Tt), g = H(null), _ = H(null), v = V("code"), y = H(null), b = H(Mt), x = V(null), S = V(!1), C = H(null), w = I(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), T = null;
+	function E() {
+		T !== null && (window.clearTimeout(T), T = null), c.value += 1;
+	}
+	function ee() {
+		T !== null && window.clearTimeout(T), T = window.setTimeout(() => {
+			T = null, c.value += 1;
+		}, me);
+	}
+	let D = e.onSlashCommandUpload, O = H(null);
+	O.value = new n({
+		extensions: vr({
 			lang: t,
-			onImageUpload: (e) => C?.(e) ?? j(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
-			onVideoUpload: (e) => C?.(e) ?? j(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler."))
+			onImageUpload: (e) => D?.(e) ?? A(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			onVideoUpload: (e) => D?.(e) ?? A(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler."))
 		}),
 		content: e.content ?? e.defaultContent ?? "",
-		contentType: P(S),
-		editable: o.value,
+		contentType: P(w),
+		editable: s.value,
 		autofocus: e.autofocus,
 		editorProps: {
 			attributes: {
@@ -3300,190 +3341,211 @@ function Ar(e = {}) {
 				translate: "no"
 			},
 			handleClick: (e, t, n) => {
-				if (!o.value) return oe(n);
-				let r = tt(e, n);
-				return r ? (n.preventDefault(), n.stopPropagation(), E(), at(e, r, !0), ot(e, r), v.value = r, !0) : (v.value = null, !1);
+				if (!s.value) return le(n);
+				let r = st(e, n);
+				return r ? (n.preventDefault(), n.stopPropagation(), j(), dt(e, r, !0), ft(e, r), y.value = r, !0) : (y.value = null, !1);
 			},
 			handleDOMEvents: {
-				compositionstart: () => o.value ? (d.value = yt(d.value, { type: "composition-start" }), h.value = null, !1) : !1,
-				compositionend: (e) => (o.value && window.setTimeout(() => D(e), 0), !1),
+				compositionstart: () => s.value ? (h.value = Et(h.value, { type: "composition-start" }), g.value = null, !1) : !1,
+				compositionend: (e) => (s.value && window.setTimeout(() => M(e), 0), !1),
 				click: (e, t) => {
-					if (!o.value) return oe(t);
-					let n = tt(e, t);
-					return n ? (t.preventDefault(), t.stopPropagation(), E(), at(e, n, !0), ot(e, n), v.value = n, !0) : (v.value = null, !1);
+					if (!s.value) return le(t);
+					let n = st(e, t);
+					return n ? (t.preventDefault(), t.stopPropagation(), j(), dt(e, n, !0), ft(e, n), y.value = n, !0) : (y.value = null, !1);
 				}
 			}
 		},
-		onSelectionUpdate: ({ editor: e }) => k(e),
+		onSelectionUpdate: ({ editor: e }) => L(e),
 		onCreate: ({ editor: t }) => {
 			u(t, {
 				mode: a.value,
-				editable: o.value
-			}), ct(t, o.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && o.value && St(t), A(t), k(t), s.value += 1;
+				editable: s.value
+			}), mt(t, o.value), ht(t, s.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && s.value && kt(t), R(t), L(t), E();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			if (A(e), (t.docChanged || st(t)) && (s.value += 1), t.docChanged && v.value) {
-				let t = et(e, v.value.pos);
-				v.value = t?.kind === v.value.kind ? t : null;
+			if (R(e), (t.docChanged || pt(t)) && ee(), t.docChanged && y.value) {
+				let t = ot(e, y.value.pos);
+				y.value = t?.kind === y.value.kind ? t : null;
 			}
 		},
 		onUpdate: ({ editor: t }) => {
-			k(t), o.value && O(t), x.value || e.onUpdate?.(te(t));
+			L(t), s.value && N(t), S.value || e.onUpdate?.(ne(t, { onContentRead: (n, r) => {
+				let i = I(e.contentFormat);
+				e.content !== void 0 && n === i && (C.value = {
+					content: r,
+					format: n,
+					doc: t.state.doc
+				});
+			} }));
 		}
 	});
-	let T = U(() => w.value ?? null);
-	function E() {
-		h.value = null, g.value = null, d.value = vt;
+	let k = U(() => O.value ?? null);
+	function j() {
+		g.value = null, _.value = null, h.value = Tt;
 	}
-	function D(e) {
-		let t = _t(e.state);
+	function M(e) {
+		let t = wt(e.state);
 		if (!t) {
-			d.value = d.value.name === "idle" ? d.value : vt, h.value = null, g.value = null;
+			h.value = h.value.name === "idle" ? h.value : Tt, g.value = null, _.value = null;
 			return;
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
-		h.value = gt(n, {
+		g.value = Ct(n, {
 			frameRect: i,
 			triggerRect: r
-		}), d.value = ht(d.value, t);
+		}), h.value = St(h.value, t);
 	}
-	function O(e) {
-		D(e.view);
+	function N(e) {
+		M(e.view);
 	}
-	function k(e) {
-		c.value = ce(e);
-		let t = nt(e);
-		t && (it(e, t, !0), v.value = t);
-		let n = be(e);
-		n.active && n.language === "mermaid" && (_.value = n.mermaidPreviewMode);
+	function L(e) {
+		let t = pe(e);
+		de(d.value, t) || (d.value = t);
+		let n = ct(e);
+		n && (ut(e, n, !0), y.value = n);
+		let r = Ee(e);
+		r.active && r.language === "mermaid" && (v.value = r.mermaidPreviewMode);
 	}
-	function A(e) {
-		y.value = mr(e);
+	function R(e) {
+		b.value = xr(e);
 	}
-	let M = U(() => T.value ? be(T.value) : pr), N = U(() => T.value ? Ct(T.value.state) : fr), L = U(() => c.value?.currentNode === "codeBlock"), R = U(() => L.value && M.value.language === "mermaid"), ne = U(() => T.value ? ut({
-		active: R.value,
-		mode: _.value,
-		source: M.value.text
-	}) : ut({
+	let ie = U(() => k.value ? Ee(k.value) : br), ae = U(() => k.value ? At(k.value.state) : yr), oe = U(() => d.value?.currentNode === "codeBlock"), se = U(() => oe.value && ie.value.language === "mermaid"), ce = U(() => k.value ? _t({
+		active: se.value,
+		mode: v.value,
+		source: ie.value.text
+	}) : _t({
 		active: !1,
 		mode: "code",
 		source: ""
-	})), re = U(() => T.value ? xt(T.value.state) : null), z = U(() => T.value ? pe(T.value.state.doc) : de.items), ie = U(() => me(z.value, b.value)), ae = U(() => ue(z.value, ie.value)), le = U(() => dt(d.value.query, i)), he = U(() => se({
-		revision: s.value,
+	})), fe = U(() => k.value ? Ot(k.value.state) : null), z = U(() => k.value ? ye(k.value.state.doc) : _e.items), xe = U(() => be(z.value, x.value)), Se = U(() => ge(z.value, xe.value)), Ce = U(() => vt(h.value.query, i)), we = U(() => ue({
+		revision: c.value,
 		mode: a.value,
-		editable: o.value,
-		toc: ae.value,
-		selection: c.value,
-		slash: d.value,
-		table: N.value,
-		tableInteraction: y.value,
-		codeBlock: M.value,
-		mermaid: ne.value,
-		tableDebugSnapshot: re.value
-	})), ge = {
-		closeSlashMenu: E,
-		focusFirstTableBodyCell: () => T.value ? St(T.value) : !1,
+		editable: s.value,
+		toc: Se.value,
+		selection: d.value,
+		slash: h.value,
+		table: ae.value,
+		tableInteraction: b.value,
+		codeBlock: ie.value,
+		mermaid: ce.value,
+		tableDebugSnapshot: fe.value
+	})), Te = {
+		closeSlashMenu: j,
+		focusFirstTableBodyCell: () => k.value ? kt(k.value) : !1,
 		setContent: (e, t = {}) => {
-			if (!T.value) return !1;
+			if (!k.value) return !1;
 			let n = I(t.format);
-			return T.value.commands.setContent(e, {
+			return k.value.commands.setContent(e, {
 				contentType: P(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && St(T.value), k(T.value), o.value && O(T.value), A(T.value), s.value += 1, !0;
+			}), t.focusFirstTableBodyCell && kt(k.value), L(k.value), s.value && N(k.value), R(k.value), E(), !0;
 		}
 	};
-	function _e(e, t) {
-		if (!(!T.value || !o.value || !ft(e))) {
+	function De(e, t) {
+		if (!(!k.value || !s.value || !yt(e))) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
-				g.value = e;
+				_.value = e;
 				return;
 			}
-			mt(T.value, d.value, e, t), d.value = yt(d.value, { type: "execute" }), E();
+			xt(k.value, h.value, e, t), h.value = Et(h.value, { type: "execute" }), j();
 		}
 	}
-	function ve(e) {
-		if (!T.value || g.value || !o.value) return;
-		let t = pt(d.value, le.value, e.key, { isComposing: e.isComposing || ee(T.value.state) });
+	function Oe(e) {
+		if (!k.value || _.value || !s.value) return;
+		let t = bt(h.value, Ce.value, e.key, { isComposing: e.isComposing || te(k.value.state) });
 		if (t.type !== "ignore") {
 			if (e.preventDefault(), t.type === "close") {
-				d.value = yt(d.value, { type: "escape" }), E();
+				h.value = Et(h.value, { type: "escape" }), j();
 				return;
 			}
 			if (t.type === "move-active") {
-				d.value = yt(d.value, {
+				h.value = Et(h.value, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
 				});
 				return;
 			}
-			_e(t.command);
+			De(t.command);
 		}
 	}
 	W(() => [e.mode, e.editable], () => {
-		a.value = l(e.mode), T.value && (T.value.setEditable(o.value), u(T.value, {
+		a.value = l(e.mode), k.value && (k.value.setEditable(s.value), u(k.value, {
 			mode: a.value,
-			editable: o.value
-		}), ct(T.value, o.value ? "live" : "view"), o.value || E());
+			editable: s.value
+		}), ht(k.value, s.value ? "live" : "view"), E(), s.value || j());
+	}, { immediate: !0 }), W(() => e.theme, () => {
+		k.value && mt(k.value, o.value);
 	}, { immediate: !0 }), W(() => e.content, (t) => {
-		!T.value || t === void 0 || F(T.value, t, I(e.contentFormat)) || (x.value = !0, T.value.commands.setContent(t, {
-			contentType: P(I(e.contentFormat)),
-			emitUpdate: !1
-		}), x.value = !1, k(T.value), o.value && O(T.value), A(T.value), s.value += 1);
-	}), W(he, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), W(ae, (t) => e.onTocChange?.(t), { immediate: !0 }), W(z, (e) => {
-		let t = me(e, b.value);
-		b.value !== t && (b.value = t);
+		let n = I(e.contentFormat);
+		if (!(!k.value || t === void 0)) {
+			if (F(k.value, C.value, t, n)) {
+				C.value = null;
+				return;
+			}
+			C.value = null, !re(k.value, t, n) && (S.value = !0, k.value.commands.setContent(t, {
+				contentType: P(n),
+				emitUpdate: !1
+			}), S.value = !1, L(k.value), s.value && N(k.value), R(k.value), E());
+		}
+	}), W(we, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), W(Se, (t) => e.onTocChange?.(t), { immediate: !0 }), W(z, (e) => {
+		let t = be(e, x.value);
+		x.value !== t && (x.value = t);
 	});
-	let ye = null;
-	return G(() => {
+	let ke = null;
+	return K(() => {
+		T !== null && window.clearTimeout(T);
+	}), G(() => {
 		let e = () => {
-			if (!T.value || !z.value.length) {
-				b.value = null;
+			if (!k.value || !z.value.length) {
+				x.value = null;
 				return;
 			}
 			let e = null;
 			try {
-				e = fe(T.value, z.value);
+				e = ve(k.value, z.value);
 			} catch {
 				return;
 			}
-			b.value !== e && (b.value = e);
-		}, t = () => window.requestAnimationFrame(e), n = hr(T.value?.view.dom ?? null);
-		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), ye = () => {
+			x.value !== e && (x.value = e);
+		}, t = () => window.requestAnimationFrame(e), n = Sr(k.value?.view.dom ?? null);
+		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), ke = () => {
 			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t);
 		};
 	}), K(() => {
-		ye?.(), w.value?.destroy(), w.value = null;
+		ke?.();
+		let e = O.value;
+		O.value = null, q(() => e?.destroy());
 	}), {
-		editor: T,
-		runtimeSnapshot: he,
-		actions: ge,
+		editor: k,
+		runtimeSnapshot: we,
+		actions: Te,
 		__render: {
 			messages: r,
-			effectiveEditable: o,
-			tableFocusState: N,
-			tableInteractionState: y,
-			codeBlockState: M,
-			isCodeBlockActive: L,
-			mermaidMode: _,
-			mathTarget: v,
+			effectiveEditable: s,
+			tableFocusState: ae,
+			tableInteractionState: b,
+			codeBlockState: ie,
+			isCodeBlockActive: oe,
+			mermaidMode: v,
+			mathTarget: y,
 			setMermaidMode: (e) => {
-				_.value = e;
+				v.value = e;
 			},
-			tocState: ae,
-			filteredSlashCommands: le,
-			slashState: d,
-			slashMenuPosition: h,
-			slashInputCommand: g,
-			runSlashCommand: _e,
-			handleEditorKeyDown: ve,
+			tocState: Se,
+			filteredSlashCommands: Ce,
+			slashState: h,
+			slashMenuPosition: g,
+			slashInputCommand: _,
+			runSlashCommand: De,
+			handleEditorKeyDown: Oe,
 			setSlashInputCommand: (e) => {
-				g.value = e;
+				_.value = e;
 			}
 		}
 	};
 }
-var jr = J({
+var Rr = J({
 	name: "MarkweaveEditor",
 	props: {
 		defaultContent: {
@@ -3510,6 +3572,10 @@ var jr = J({
 			type: String,
 			default: "live"
 		},
+		theme: {
+			type: String,
+			default: "light"
+		},
 		innerToc: {
 			type: Boolean,
 			default: !0
@@ -3576,7 +3642,7 @@ var jr = J({
 		}
 	},
 	setup(e) {
-		let t = Ar(e);
+		let t = Lr(e);
 		return () => {
 			let n = t.editor.value;
 			if (!n) return null;
@@ -3586,17 +3652,18 @@ var jr = J({
 				"aria-label": e.ariaLabel ?? i.messages.common.editorAriaLabel,
 				"data-testid": "markweave-editor-frame",
 				"data-markweave-mode": t.runtimeSnapshot.value.mode,
+				"data-markweave-theme": he(e.theme),
 				"data-markweave-inner-toc": e.innerToc ? "true" : "false",
-				"data-markweave-inner-toc-placement": he(e.innerTocPlacement),
+				"data-markweave-inner-toc-placement": xe(e.innerTocPlacement),
 				"data-mermaid-mode": t.runtimeSnapshot.value.mermaid.mode,
 				"data-table-focus-mode": i.tableFocusState.value.mode,
 				onKeydownCapture: i.handleEditorKeyDown
 			}, [
-				i.effectiveEditable.value ? B(Cr, {
+				i.effectiveEditable.value ? B(Ar, {
 					editor: n,
 					messages: i.messages
 				}) : null,
-				i.effectiveEditable.value ? B(Tr, {
+				i.effectiveEditable.value ? B(Mr, {
 					commands: i.filteredSlashCommands.value,
 					state: i.slashState.value,
 					position: i.slashMenuPosition.value,
@@ -3606,7 +3673,7 @@ var jr = J({
 					onInputCommandChange: i.setSlashInputCommand,
 					onUpload: e.onSlashCommandUpload
 				}) : null,
-				i.effectiveEditable.value ? B(Er, {
+				i.effectiveEditable.value ? B(Nr, {
 					editor: n,
 					active: i.tableFocusState.value.active,
 					interactionState: i.tableInteractionState.value,
@@ -3615,11 +3682,11 @@ var jr = J({
 					onCommandResult: e.onTableCommandResult,
 					onEditWithAi: e.onEditWithAi
 				}) : null,
-				i.effectiveEditable.value ? B(Dr, {
+				i.effectiveEditable.value ? B(Pr, {
 					editor: n,
 					focusState: i.tableFocusState.value
 				}) : null,
-				B(Or, {
+				B(Fr, {
 					editor: n,
 					state: i.codeBlockState.value,
 					active: i.effectiveEditable.value && i.isCodeBlockActive.value,
@@ -3627,14 +3694,14 @@ var jr = J({
 					onMermaidModeChange: i.setMermaidMode,
 					readOnly: !i.effectiveEditable.value
 				}),
-				e.innerToc && i.tocState.value.items.length ? B(kr, {
+				e.innerToc && i.tocState.value.items.length ? B(Ir, {
 					editor: n,
 					state: i.tocState.value,
 					messages: i.messages,
 					editable: i.effectiveEditable.value,
-					placement: he(e.innerTocPlacement)
+					placement: xe(e.innerTocPlacement)
 				}) : null,
-				i.effectiveEditable.value && i.mathTarget.value ? B(wr, {
+				i.effectiveEditable.value && i.mathTarget.value ? B(jr, {
 					editor: n,
 					messages: i.messages,
 					target: i.mathTarget.value,
@@ -3646,4 +3713,4 @@ var jr = J({
 	}
 });
 //#endregion
-export { jr as MarkweaveEditor, dr as createMarkweaveEditorExtensions, dr as createMarkweaveVue2EditorExtensions, Ar as useMarkweaveEditorController };
+export { Rr as MarkweaveEditor, vr as createMarkweaveEditorExtensions, vr as createMarkweaveVue2EditorExtensions, Lr as useMarkweaveEditorController };