@markweave/vue2 0.3.3 → 0.3.5

package/dist/index.js

@@ -10,13 +10,13 @@ import { normalizeMarkweaveLinkCardAttrs as _, normalizeMarkweaveLinkCardHref as
 import { openMarkweaveImagePreview as b } from "markweave/internal/plugins/media/image-preview";
 import { createMarkweaveLightweightImageNodeViewRenderer as x } from "markweave/internal/plugins/media/lightweight-image-node-view";
 import { resolveMarkweaveMediaSource as S } from "markweave/internal/plugins/media/media-source";
-import { MarkweaveCoreImage as C, MarkweaveCoreVideo as w, attrsFromMarkweaveImageUploadResult as T, attrsFromMarkweaveVideoUploadResult as E, attrsFromMarkweaveVideoUrl as D, clampMarkweaveImageWidth as O, createMarkweaveImageUploadRequest as k, createMarkweaveVideoUploadRequest as A, downloadMarkweaveImage as j, markweaveVideoIframeAllow as M, normalizeMarkweaveCoreImageAlign as N, normalizeMarkweaveVideoEmbedUrl as P, numberAttribute as F, stringAttribute as I } from "markweave/internal/plugins/media/core-media-nodes";
-import { detectUploadSource as L, getDirectUploadResult as ee, resolveMarkweaveUploadResult as R } from "markweave/internal/plugins/slash-command/upload";
-import { BubbleMenu as z } from "@tiptap/vue-2/menus";
-import { isEditorComposing as te } from "markweave/internal/editor-core/composition-guard";
-import { saveMarkweaveBrowserFile as ne } from "markweave/internal/core/browser-file-save";
-import { createMarkweaveFrameScheduler as B } from "markweave/internal/editor-core/frame-scheduler";
-import { createMarkweaveEditorUpdatePayload as V, getMarkweaveContentType as re, isEditorContentCurrent as ie, isMarkweaveControlledContentEchoCurrent as ae, normalizeMarkweaveContentFormat as oe } from "markweave/internal/editor-core/editor-content";
+import { MarkweaveCoreImage as C, MarkweaveCoreVideo as w, attrsFromMarkweaveImageUploadResult as T, attrsFromMarkweaveVideoUploadResult as E, attrsFromMarkweaveVideoUrl as D, clampMarkweaveImageWidth as O, createMarkweaveImageUploadRequest as k, createMarkweaveVideoUploadRequest as A, downloadMarkweaveImage as ee, markweaveVideoIframeAllow as j, normalizeMarkweaveCoreImageAlign as M, normalizeMarkweaveVideoEmbedUrl as N, numberAttribute as P, stringAttribute as F } from "markweave/internal/plugins/media/core-media-nodes";
+import { detectUploadSource as I, getDirectUploadResult as te, resolveMarkweaveUploadResult as L } from "markweave/internal/plugins/slash-command/upload";
+import { BubbleMenu as R } from "@tiptap/vue-2/menus";
+import { isEditorComposing as ne } from "markweave/internal/editor-core/composition-guard";
+import { saveMarkweaveBrowserFile as re } from "markweave/internal/core/browser-file-save";
+import { createMarkweaveFrameScheduler as z } from "markweave/internal/editor-core/frame-scheduler";
+import { createMarkweaveEditorUpdatePayload as B, getMarkweaveContentType as ie, isEditorContentCurrent as ae, isMarkweaveControlledContentEchoCurrent as oe, normalizeMarkweaveContentFormat as V } from "markweave/internal/editor-core/editor-content";
 import { getCurrentFloatingToolbarBlockType as se, getFloatingToolbarHighlightColorOptions as ce, getFloatingToolbarMoreActions as le, getFloatingToolbarTextColorOptions as ue, getFloatingToolbarTurnIntoOptions as de, runFloatingToolbarMoreAction as fe, setFloatingToolbarTurnInto as pe } from "markweave/internal/editor-core/floating-toolbar-model";
 import { openMarkweaveReadonlyLinkFromEvent as me } from "markweave/internal/editor-core/readonly-link";
 import { createMarkweaveEditorRuntimeSnapshot as he } from "markweave/internal/editor-core/runtime-snapshot";
@@ -38,24 +38,24 @@ import { getFirstTableDebugSnapshot as Ht } from "markweave/internal/plugins/tab
 import { focusFirstTableBodyCell as Ut } from "markweave/internal/plugins/table/table-focus-position";
 import { getTableFocusState as Wt } from "markweave/internal/plugins/table/table-focus-state";
 import { getTableSelectionOverlayState as Gt, initialTableInteractionState as Kt, tableInteractionPluginKey as qt } from "markweave/internal/plugins/table/table-interaction-layer";
-import { applyTableAxisAlignment as Jt, applyTableAxisBackgroundColor as Yt, applyTableAxisTextColor as Xt, calculateAnchoredTableMenuPosition as Zt, calculateTableAxisHandleLayout as Qt, calculateTableExtendButtonLayout as $t, canRunTableCommand as en, executeTableMenuCommand as tn, formatTableCopyFeedback as nn, getActiveTableElement as rn, getAvailableCellMenuCommandSpecs as an, getTableAxisDropIndexAtPoint as on, getTableAxisFormattingState as sn, getTableAxisTargetRect as cn, getTableControlAxisSelectionModel as ln, getTableEditWithAiRequest as un, getTableMenuItemGroup as dn, getTableMenuItemLabel as fn, getTableMenuItems as pn, getTableSelectionTargetRect as mn, measureTableSelectionOverlay as hn, moveTargetedTableAxis as gn, selectTableAxisFromCell as _n, tableColorOptions as vn, tableCopyFeedbackTimeoutMs as yn, tableHorizontalAlignmentOptions as bn, tableMenuLabel as xn, tableVerticalAlignmentOptions as Sn, targetTableAxisFromCell as Cn } from "markweave/internal/plugins/table/table-ui-model";
+import { applyTableAxisAlignment as Jt, applyTableAxisBackgroundColor as Yt, applyTableAxisTextColor as Xt, calculateAnchoredTableMenuPosition as Zt, calculateAnchoredTableSubmenuPosition as Qt, calculateTableAxisHandleLayout as $t, calculateTableExtendButtonLayout as en, canRunTableCommand as tn, executeTableMenuCommand as nn, formatTableCopyFeedback as rn, getActiveTableElement as an, getAvailableCellMenuCommandSpecs as on, getTableAxisDropIndexAtPoint as sn, getTableAxisFormattingState as cn, getTableAxisTargetRect as ln, getTableControlAxisSelectionModel as un, getTableEditWithAiRequest as dn, getTableMenuBoundaryRect as fn, getTableMenuItemGroup as pn, getTableMenuItemLabel as mn, getTableMenuItems as hn, getTableSelectionTargetRect as gn, measureTableSelectionOverlay as _n, moveTargetedTableAxis as vn, selectTableAxisFromCell as yn, tableColorOptions as bn, tableCopyFeedbackTimeoutMs as xn, tableHorizontalAlignmentOptions as Sn, tableMenuLabel as Cn, tableVerticalAlignmentOptions as wn, targetTableAxisFromCell as Tn } from "markweave/internal/plugins/table/table-ui-model";
 //#region src/vue2-compat.ts
-var wn = l.default ?? l, Tn = null, En = null, Dn = null;
-function On(e) {
+var En = l.default ?? l, Dn = null, On = null, kn = null;
+function An(e) {
 	return !!(e && typeof e == "object" && "value" in e);
 }
-function kn(e) {
+function jn(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 An(e) {
+function Mn(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" && On(s)) {
+		if (o === "ref" && An(s)) {
 			a.insert = (e) => {
 				s.value = e.elm;
 			}, a.destroy = () => {
@@ -64,7 +64,7 @@ function An(e) {
 			continue;
 		}
 		if (/^on[A-Z]/.test(o)) {
-			i[kn(o)] = s;
+			i[jn(o)] = s;
 			continue;
 		}
 		if (o === "value" || o === "checked" || o === "innerHTML" || o === "textContent") {
@@ -75,14 +75,14 @@ function An(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 jn(e) {
+function Nn(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" && On(o)) {
+		if (a === "ref" && An(o)) {
 			i.insert = (e) => {
 				o.value = e.componentInstance ?? e.elm;
 			}, i.destroy = () => {
@@ -98,25 +98,25 @@ function jn(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 Mn(e) {
+function Pn(e) {
 	return !!(e && typeof e == "object" && "default" in e && typeof e.default == "function");
 }
-function Nn(e) {
+function Fn(e) {
 	return !!(e && typeof e == "object" && ("tag" in e || "text" in e || "elm" in e || "componentOptions" in e || "componentInstance" in e));
 }
-function Pn(e) {
+function In(e) {
 	return e == null || Array.isArray(e) ? e : [e];
 }
-function Fn(e) {
-	return typeof e == "function" ? Pn(e()) : Mn(e) ? Pn(e.default()) : Nn(e) ? [e] : e;
+function Ln(e) {
+	return typeof e == "function" ? In(e()) : Pn(e) ? In(e.default()) : Fn(e) ? [e] : e;
 }
 function H(e, t, n) {
-	if (!Dn) 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) : jn(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : Fn(n);
-	return Dn(e, i, a);
+	if (!kn) throw Error("Vue 2 render context is not available.");
+	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? Mn(r) : Nn(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : Ln(n);
+	return kn(e, i, a);
 }
 function U(e) {
-	return wn.observable({ value: e });
+	return En.observable({ value: e });
 }
 var W = U;
 function G(e) {
@@ -126,19 +126,19 @@ function G(e) {
 }
 function K(e, t, n) {
 	let r = typeof e == "function" ? e : () => e.value;
-	return Tn?.$watch ? Tn.$watch(r, t, n) : () => void 0;
+	return Dn?.$watch ? Dn.$watch(r, t, n) : () => void 0;
 }
-function In(e) {
-	En?.mounted.push(e);
+function Rn(e) {
+	On?.mounted.push(e);
 }
 function q(e) {
-	En?.beforeUnmount.push(e);
+	On?.beforeUnmount.push(e);
 }
 function J(e) {
-	return wn.nextTick(e);
+	return En.nextTick(e);
 }
 function Y(e) {
-	return wn.extend({
+	return En.extend({
 		name: e.name,
 		props: e.props,
 		created() {
@@ -146,12 +146,12 @@ function Y(e) {
 				mounted: [],
 				beforeUnmount: []
 			};
-			Tn = this, En = t;
+			Dn = this, On = t;
 			try {
 				let n = e.setup?.(this.$props ?? this) ?? null;
 				this.__markweaveVue2Render = typeof n == "function" ? n : null, this.__markweaveVue2Lifecycle = t;
 			} finally {
-				Tn = null, En = null;
+				Dn = null, On = null;
 			}
 		},
 		mounted() {
@@ -161,19 +161,19 @@ function Y(e) {
 			this.__markweaveVue2Lifecycle?.beforeUnmount.forEach((e) => e());
 		},
 		render(t) {
-			Dn = t;
+			kn = t;
 			try {
 				let n = this.__markweaveVue2Render;
 				return n ? n() : e.render?.(t) ?? null;
 			} finally {
-				Dn = null;
+				kn = null;
 			}
 		}
 	});
 }
 //#endregion
 //#region src/vue2-icons.ts
-var Ln = {
+var zn = {
 	AlignVerticalJustifyCenter: {
 		iconName: "align-vertical-justify-center",
 		node: [
@@ -1432,7 +1432,7 @@ var Ln = {
 		}]]
 	}
 };
-function Rn(e) {
+function Bn(e) {
 	return e.map(([e, t]) => H(e, t));
 }
 function X(e) {
@@ -1453,7 +1453,7 @@ function X(e) {
 			}
 		},
 		setup(t) {
-			let n = Ln[e];
+			let n = zn[e];
 			return () => H("svg", {
 				class: `lucide lucide-${n.iconName}`,
 				viewBox: "0 0 24 24",
@@ -1466,12 +1466,12 @@ function X(e) {
 				"stroke-width": t.absoluteStrokeWidth && t.size ? Number(t.strokeWidth) * 24 / Number(t.size) : t.strokeWidth,
 				"aria-hidden": "true",
 				focusable: "false"
-			}, Rn(n.node));
+			}, Bn(n.node));
 		}
 	});
 }
-var zn = X("AlignCenter"), Bn = X("AlignJustify"), Vn = X("AlignLeft"), Hn = X("AlignRight"), Un = X("AlignVerticalJustifyCenter"), Wn = X("AlignVerticalJustifyEnd"), Gn = X("AlignVerticalJustifyStart"), Kn = X("AlertTriangle"), qn = X("ArrowDown"), Jn = X("ArrowDownAZ"), Yn = X("ArrowLeft"), Xn = X("ArrowRight"), Zn = X("ArrowUp"), Qn = X("ArrowUpZA"), $n = X("BetweenHorizontalEnd"), er = X("BetweenHorizontalStart"), tr = X("BetweenVerticalEnd"), nr = X("BetweenVerticalStart"), rr = X("Bold"), ir = X("Braces"), ar = X("Captions"), or = X("CheckCircle2"), sr = X("ChevronDown"), cr = X("ChevronRight"), lr = X("ChevronUp"), ur = X("CircleX"), dr = X("Code2"), fr = X("CornerDownLeft"), pr = X("Copy"), mr = X("Download"), hr = X("Eye"), gr = X("ExternalLink"), _r = X("Heading1"), vr = X("Heading2"), yr = X("Heading3"), br = X("Image"), xr = X("ImageUp"), Sr = X("IndentDecrease"), Cr = X("IndentIncrease"), wr = X("Info"), Tr = X("Italic"), Er = X("Lightbulb"), Dr = X("Link2"), Or = X("List"), kr = X("ListChecks"), Ar = X("ListOrdered"), jr = X("Minus"), Mr = X("MoreVertical"), Nr = X("PaintBucket"), Pr = X("Paperclip"), Fr = X("PencilLine"), Ir = X("Plus"), Lr = X("Quote"), Rr = X("Replace"), zr = X("Sigma"), Br = X("SmilePlus"), Vr = X("SquareX"), Hr = X("Strikethrough"), Ur = X("Subscript"), Wr = X("Superscript"), Gr = X("Table2"), Kr = X("TableCellsMerge"), qr = X("TableCellsSplit"), Jr = X("Text"), Yr = X("Trash2"), Xr = X("Type"), Zr = X("Underline"), Qr = X("Upload"), $r = X("Video"), ei = N;
-function ti(e) {
+var Vn = X("AlignCenter"), Hn = X("AlignJustify"), Un = X("AlignLeft"), Wn = X("AlignRight"), Gn = X("AlignVerticalJustifyCenter"), Kn = X("AlignVerticalJustifyEnd"), qn = X("AlignVerticalJustifyStart"), Jn = X("AlertTriangle"), Yn = X("ArrowDown"), Xn = X("ArrowDownAZ"), Zn = X("ArrowLeft"), Qn = X("ArrowRight"), $n = X("ArrowUp"), er = X("ArrowUpZA"), tr = X("BetweenHorizontalEnd"), nr = X("BetweenHorizontalStart"), rr = X("BetweenVerticalEnd"), ir = X("BetweenVerticalStart"), ar = X("Bold"), or = X("Braces"), sr = X("Captions"), cr = X("CheckCircle2"), lr = X("ChevronDown"), ur = X("ChevronRight"), dr = X("ChevronUp"), fr = X("CircleX"), pr = X("Code2"), mr = X("CornerDownLeft"), hr = X("Copy"), gr = X("Download"), _r = X("Eye"), vr = X("ExternalLink"), yr = X("Heading1"), br = X("Heading2"), xr = X("Heading3"), Sr = X("Image"), Cr = X("ImageUp"), wr = X("IndentDecrease"), Tr = X("IndentIncrease"), Er = X("Info"), Dr = X("Italic"), Or = X("Lightbulb"), kr = X("Link2"), Ar = X("List"), jr = X("ListChecks"), Mr = X("ListOrdered"), Nr = X("Minus"), Pr = X("MoreVertical"), Fr = X("PaintBucket"), Ir = X("Paperclip"), Lr = X("PencilLine"), Rr = X("Plus"), zr = X("Quote"), Br = X("Replace"), Vr = X("Sigma"), Hr = X("SmilePlus"), Ur = X("SquareX"), Wr = X("Strikethrough"), Gr = X("Subscript"), Kr = X("Superscript"), qr = X("Table2"), Jr = X("TableCellsMerge"), Yr = X("TableCellsSplit"), Xr = X("Text"), Zr = X("Trash2"), Qr = X("Type"), $r = X("Underline"), ei = X("Upload"), ti = X("Video"), ni = M;
+function ri(e) {
 	let t = e.view.dom.closest(".markweave-editor-frame"), n = () => {
 		let n = t?.getAttribute("data-markweave-mode");
 		return n === "view" ? {
@@ -1493,23 +1493,23 @@ function ti(e) {
 		i(), a?.disconnect();
 	}), r;
 }
-function ni(e) {
+function ii(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function ri(e) {
+function ai(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function ii(e) {
+function oi(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function ai(e, t) {
+function si(e, t) {
 	return H(e, {
 		size: 18,
 		strokeWidth: 1.8,
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function oi(e) {
+function ci(e) {
 	return H("button", {
 		type: "button",
 		"aria-label": e.label,
@@ -1518,12 +1518,12 @@ function oi(e) {
 		"data-active": e.active ? "true" : "false",
 		onMousedown: (e) => e.preventDefault(),
 		onClick: e.onClick
-	}, [ai(e.icon, e.label), H("span", {
+	}, [si(e.icon, e.label), H("span", {
 		class: "markweave-image-tooltip",
 		role: "tooltip"
 	}, e.label)]);
 }
-function si(e) {
+function li(e) {
 	let t = U(null), n = e.messages.image;
 	return H("section", {
 		class: "markweave-image-upload-placeholder",
@@ -1557,7 +1557,7 @@ function si(e) {
 		H("div", {
 			class: "markweave-image-upload-icon",
 			"aria-hidden": "true"
-		}, [H(xr, {
+		}, [H(Cr, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
@@ -1582,7 +1582,7 @@ function si(e) {
 				"data-testid": "markweave-image-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [H(xr, {
+			}, [H(Cr, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
@@ -1598,7 +1598,7 @@ function si(e) {
 		}, e.error) : null
 	]);
 }
-function ci(e) {
+function ui(e) {
 	let t = U(null), n = e.messages.video;
 	return H("section", {
 		class: "markweave-video-upload-placeholder",
@@ -1632,7 +1632,7 @@ function ci(e) {
 		H("div", {
 			class: "markweave-video-upload-icon",
 			"aria-hidden": "true"
-		}, [H($r, {
+		}, [H(ti, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
@@ -1657,7 +1657,7 @@ function ci(e) {
 				"data-testid": "markweave-video-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [H(Qr, {
+			}, [H(ei, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
@@ -1673,7 +1673,7 @@ function ci(e) {
 		}, e.error) : null
 	]);
 }
-var li = Y({
+var di = Y({
 	name: "MarkweaveVueImageNodeView",
 	props: {
 		editor: {
@@ -1706,7 +1706,7 @@ var li = Y({
 		}
 	},
 	setup(e) {
-		let t = U(null), r = U(!1), i = U(!1), a = U(!1), o = U(""), c = U(null), l = U(!1), u = G(() => e.node.attrs), f = U(!!I(u.value.caption)), p = U(I(u.value.caption) ?? ""), m = ti(e.editor), h = G(() => d(m.value)), g = G(() => e.extension.options?.messages ?? n("zh")), _ = G(() => g.value.image), v = G(() => I(u.value.src)), y = G(() => e.extension.options?.resolveMediaSource), x = U(null), C = null;
+		let t = U(null), r = U(!1), i = U(!1), a = U(!1), o = U(""), c = U(null), l = U(!1), u = G(() => e.node.attrs), f = U(!!F(u.value.caption)), p = U(F(u.value.caption) ?? ""), m = ri(e.editor), h = G(() => d(m.value)), g = G(() => e.extension.options?.messages ?? n("zh")), _ = G(() => g.value.image), v = G(() => F(u.value.src)), y = G(() => e.extension.options?.resolveMediaSource), x = U(null), C = null;
 		K(v, (t) => {
 			if (C?.abort(), C = null, !t) {
 				x.value = null;
@@ -1727,10 +1727,10 @@ var li = Y({
 				r.signal.aborted || (x.value = e);
 			});
 		}, { immediate: !0 }), q(() => C?.abort());
-		let w = G(() => x.value?.src ?? (y.value ? null : v.value)), E = G(() => ei(u.value.align)), D = G(() => F(u.value.width)), A = G(() => I(u.value.caption)), M = G(() => h.value && (!v.value || i.value)), N = () => {
+		let w = G(() => x.value?.src ?? (y.value ? null : v.value)), E = G(() => ni(u.value.align)), D = G(() => P(u.value.width)), A = G(() => F(u.value.caption)), j = G(() => h.value && (!v.value || i.value)), M = () => {
 			w.value && b({
 				src: w.value,
-				alt: I(u.value.alt) ?? "",
+				alt: F(u.value.alt) ?? "",
 				messages: {
 					dialogAriaLabel: _.value.previewDialogAriaLabel,
 					zoomOut: _.value.previewZoomOut,
@@ -1743,45 +1743,45 @@ var li = Y({
 		K(A, (e) => {
 			f.value || (p.value = e ?? "");
 		});
-		let P = () => {
+		let N = () => {
 			if (!h.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
-		}, ee = () => {
+		}, te = () => {
 			if (o.value = "", c.value = null, a.value = !1, v.value) {
 				i.value = !1;
 				return;
 			}
 			e.deleteNode();
-		}, z = async (t) => {
+		}, R = async (t) => {
 			if (!h.value) return;
 			let n = e.extension.options;
 			l.value = !0, c.value = null;
 			try {
-				let r = await R(k(t, v.value && i.value ? "image-replace" : "image-insert"), n?.onUpload);
+				let r = await L(k(t, v.value && i.value ? "image-replace" : "image-insert"), n?.onUpload);
 				e.updateAttributes(T(u.value, r)), o.value = "", i.value = !1;
 			} catch (e) {
 				c.value = e instanceof Error ? e.message : _.value.uploadFailedError;
 			} finally {
 				l.value = !1, a.value = !1;
 			}
-		}, te = () => {
+		}, ne = () => {
 			if (!o.value.trim()) {
 				c.value = _.value.uploadRequiredError;
 				return;
 			}
-			z(L(o.value));
-		}, ne = (e) => {
-			z({
+			R(I(o.value));
+		}, re = (e) => {
+			R({
 				type: "file",
 				file: e,
 				mimeType: e.type || "image/*"
 			});
-		}, B = () => {
+		}, z = () => {
 			f.value = !f.value, f.value && (p.value = A.value ?? "");
-		}, V = (n, r) => {
+		}, B = (n, r) => {
 			if (!h.value || !v.value) return;
-			r.preventDefault(), r.stopPropagation(), P();
+			r.preventDefault(), r.stopPropagation(), N();
 			let i = t.value;
 			if (!i) return;
 			let a = r.clientX, o = i.getBoundingClientRect().width || D.value || 320, s = i.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? i.parentElement?.getBoundingClientRect().width ?? o, c = (t) => {
@@ -1792,7 +1792,7 @@ var li = Y({
 			};
 			window.addEventListener("pointermove", c), window.addEventListener("pointerup", l, { once: !0 });
 		};
-		return () => M.value ? H(s, {
+		return () => j.value ? H(s, {
 			as: "figure",
 			class: "markweave-image-node",
 			"data-testid": "markweave-image-node",
@@ -1800,7 +1800,7 @@ var li = Y({
 			"data-selected": "false",
 			"data-hovered": "false",
 			"data-empty": "true"
-		}, () => si({
+		}, () => li({
 			messages: g.value,
 			inputValue: o.value,
 			error: c.value,
@@ -1809,9 +1809,9 @@ var li = Y({
 			onInputValue: (e) => {
 				o.value = e;
 			},
-			onFile: ne,
-			onSubmit: te,
-			onCancel: ee,
+			onFile: re,
+			onSubmit: ne,
+			onCancel: te,
 			onDragActive: (e) => {
 				a.value = e;
 			}
@@ -1830,7 +1830,7 @@ var li = Y({
 				r.value = !1;
 			},
 			onMousedown: (e) => {
-				h.value && !ni(e.target) && P();
+				h.value && !ii(e.target) && N();
 			}
 		}, () => [
 			h.value ? H("div", {
@@ -1839,24 +1839,24 @@ var li = Y({
 				"data-markweave-image-ui": "true",
 				"aria-label": _.value.toolsAriaLabel
 			}, [
-				oi({
+				ci({
 					testId: "markweave-image-align-left",
 					label: _.value.alignLeft,
-					icon: Vn,
+					icon: Un,
 					active: E.value === "left",
 					onClick: () => e.updateAttributes({ align: "left" })
 				}),
-				oi({
+				ci({
 					testId: "markweave-image-align-center",
 					label: _.value.alignCenter,
-					icon: zn,
+					icon: Vn,
 					active: E.value === "center",
 					onClick: () => e.updateAttributes({ align: "center" })
 				}),
-				oi({
+				ci({
 					testId: "markweave-image-align-right",
 					label: _.value.alignRight,
-					icon: Hn,
+					icon: Wn,
 					active: E.value === "right",
 					onClick: () => e.updateAttributes({ align: "right" })
 				}),
@@ -1864,31 +1864,31 @@ var li = Y({
 					class: "markweave-image-toolbar-divider",
 					"aria-hidden": "true"
 				}),
-				oi({
+				ci({
 					testId: "markweave-image-caption",
 					label: _.value.caption,
-					icon: ar,
+					icon: sr,
 					active: f.value || !!A.value,
-					onClick: B
+					onClick: z
 				}),
-				oi({
+				ci({
 					testId: "markweave-image-preview",
 					label: _.value.preview,
-					icon: hr,
-					onClick: N
+					icon: _r,
+					onClick: M
 				}),
-				oi({
+				ci({
 					testId: "markweave-image-download",
 					label: _.value.download,
-					icon: mr,
+					icon: gr,
 					onClick: () => {
-						w.value && j(w.value);
+						w.value && ee(w.value);
 					}
 				}),
-				oi({
+				ci({
 					testId: "markweave-image-replace",
 					label: _.value.replace,
-					icon: Rr,
+					icon: Br,
 					onClick: () => {
 						o.value = "", c.value = null, i.value = !0;
 					}
@@ -1897,10 +1897,10 @@ var li = Y({
 					class: "markweave-image-toolbar-divider",
 					"aria-hidden": "true"
 				}),
-				oi({
+				ci({
 					testId: "markweave-image-delete",
 					label: _.value.delete,
-					icon: Yr,
+					icon: Zr,
 					onClick: () => e.deleteNode()
 				})
 			]) : null,
@@ -1915,8 +1915,8 @@ var li = Y({
 				w.value ? H("img", {
 					class: "markweave-image",
 					src: w.value,
-					alt: I(u.value.alt) ?? "",
-					title: I(u.value.title) ?? void 0,
+					alt: F(u.value.alt) ?? "",
+					title: F(u.value.title) ?? void 0,
 					draggable: !1,
 					loading: "lazy",
 					decoding: "async",
@@ -1935,8 +1935,8 @@ var li = Y({
 					"aria-label": _.value.preview,
 					title: _.value.preview,
 					onMousedown: (e) => e.preventDefault(),
-					onClick: N
-				}, [H(hr, {
+					onClick: M
+				}, [H(_r, {
 					size: 16,
 					strokeWidth: 1.8
 				}), H("span", {
@@ -1950,7 +1950,7 @@ var li = Y({
 					"data-side": "left",
 					"aria-label": _.value.resizeLeft,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => V("left", e)
+					onPointerdown: (e) => B("left", e)
 				}) : null,
 				h.value ? H("button", {
 					type: "button",
@@ -1959,7 +1959,7 @@ var li = Y({
 					"data-side": "right",
 					"aria-label": _.value.resizeRight,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => V("right", e)
+					onPointerdown: (e) => B("right", e)
 				}) : null
 			]),
 			h.value && (f.value || A.value) ? H("input", {
@@ -1981,7 +1981,7 @@ var li = Y({
 			}, A.value) : null
 		]);
 	}
-}), ui = Y({
+}), fi = Y({
 	name: "MarkweaveVueVideoNodeView",
 	props: {
 		editor: {
@@ -2014,14 +2014,14 @@ var li = Y({
 		}
 	},
 	setup(e) {
-		let t = U(!1), r = U(""), i = U(null), a = U(!1), o = ti(e.editor), c = G(() => d(o.value)), l = G(() => e.extension.options?.messages ?? n("zh")), u = G(() => l.value.video), f = G(() => e.node.attrs), p = G(() => I(f.value.src)), m = G(() => I(f.value.embedUrl)), h = G(() => I(f.value.provider)), g = G(() => m.value ? P(m.value, h.value) : null), _ = G(() => I(f.value.mimeType)), v = G(() => I(f.value.title)), y = () => {
+		let t = U(!1), r = U(""), i = U(null), a = U(!1), o = ri(e.editor), c = G(() => d(o.value)), l = G(() => e.extension.options?.messages ?? n("zh")), u = G(() => l.value.video), f = G(() => e.node.attrs), p = G(() => F(f.value.src)), m = G(() => F(f.value.embedUrl)), h = G(() => F(f.value.provider)), g = G(() => m.value ? N(m.value, h.value) : null), _ = G(() => F(f.value.mimeType)), v = G(() => F(f.value.title)), y = () => {
 			p.value || e.deleteNode(), r.value = "", i.value = null, t.value = !1;
 		}, b = async (n) => {
 			if (!c.value) return;
 			let o = e.extension.options;
 			a.value = !0, i.value = null;
 			try {
-				let t = await R(A(n), o?.onUpload);
+				let t = await L(A(n), o?.onUpload);
 				e.updateAttributes(E(t)), r.value = "";
 			} catch (e) {
 				i.value = e instanceof Error ? e.message : u.value.uploadFailedError;
@@ -2055,7 +2055,7 @@ var li = Y({
 			"data-testid": "markweave-video-node",
 			"data-empty": "true",
 			"data-selected": "false"
-		}, () => ci({
+		}, () => ui({
 			messages: l.value,
 			inputValue: r.value,
 			error: i.value,
@@ -2082,7 +2082,7 @@ var li = Y({
 			onFocus: C,
 			onKeydown: w,
 			onMousedown: (e) => {
-				c.value && !ri(e.target) && (e.preventDefault(), C());
+				c.value && !ai(e.target) && (e.preventDefault(), C());
 			}
 		}, () => [g.value ? H("div", { class: "markweave-video-embed" }, [H("iframe", {
 			class: "markweave-video-iframe",
@@ -2091,7 +2091,7 @@ var li = Y({
 			"data-markweave-video-embed": "true",
 			"data-markweave-video-provider": h.value ?? void 0,
 			"data-markweave-video-src": p.value ?? void 0,
-			allow: M,
+			allow: j,
 			loading: "lazy",
 			allowfullscreen: "true"
 		}), c.value ? H("button", {
@@ -2120,7 +2120,7 @@ var li = Y({
 			"aria-hidden": "true"
 		})]);
 	}
-}), di = C.extend({
+}), pi = C.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -2131,16 +2131,16 @@ var li = Y({
 	},
 	addNodeView() {
 		if (typeof document > "u") return null;
-		let e = c(li, { stopEvent: ({ event: e }) => ni(e.target) }), t = this.options.resolveMediaSource;
+		let e = c(di, { stopEvent: ({ event: e }) => ii(e.target) }), t = this.options.resolveMediaSource;
 		if (!t) return e;
 		let r = x({
 			messages: this.options.messages ?? n("zh"),
 			onUpload: this.options.onUpload,
 			resolveMediaSource: t
 		});
-		return (t) => I(t.node.attrs.src) ? r(t) : e(t);
+		return (t) => F(t.node.attrs.src) ? r(t) : e(t);
 	}
-}), fi = w.extend({
+}), mi = w.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -2150,9 +2150,9 @@ var li = Y({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(ui, { stopEvent: ({ event: e }) => ri(e.target) });
+		return typeof document > "u" ? null : c(fi, { stopEvent: ({ event: e }) => ai(e.target) });
 	}
-}), pi = Y({
+}), hi = Y({
 	name: "MarkweaveVueLinkCardNodeView",
 	props: {
 		editor: {
@@ -2185,7 +2185,7 @@ var li = Y({
 		}
 	},
 	setup(e) {
-		let t = e.extension.options, r = t.messages ?? n("zh"), i = ti(e.editor), a = U(!1), o = U(!1), c = U(!1), l = G(() => _(e.node.attrs ?? {})), u = U(l.value?.title ?? ""), f = U(l.value?.href ?? "");
+		let t = e.extension.options, r = t.messages ?? n("zh"), i = ri(e.editor), a = U(!1), o = U(!1), c = U(!1), l = G(() => _(e.node.attrs ?? {})), u = U(l.value?.title ?? ""), f = U(l.value?.href ?? "");
 		K(l, (e) => {
 			u.value = e?.title ?? "", f.value = e?.href ?? "", c.value = !1;
 		});
@@ -2220,7 +2220,7 @@ var li = Y({
 			"data-testid": n,
 			onMousedown: h,
 			onClick: r
-		}, [ai(t, e), H("span", { role: "tooltip" }, e)]);
+		}, [si(t, e), H("span", { role: "tooltip" }, e)]);
 		return () => {
 			let n = l.value;
 			if (!n) return null;
@@ -2256,10 +2256,10 @@ var li = Y({
 					a.value = !1;
 				},
 				onMousedown: (e) => {
-					ii(e.target) || e.preventDefault();
+					oi(e.target) || e.preventDefault();
 				},
 				onClick: (e) => {
-					ii(e.target) || (e.preventDefault(), n.href && window.open(n.href, "_blank", "noopener,noreferrer"));
+					oi(e.target) || (e.preventDefault(), n.href && window.open(n.href, "_blank", "noopener,noreferrer"));
 				}
 			}, () => [
 				H("a", {
@@ -2279,9 +2279,9 @@ var li = Y({
 					"data-markweave-link-card-ui": "true",
 					"aria-label": r.linkCard.toolsAriaLabel
 				}, [
-					C(r.linkCard.convertToLink, Dr, "markweave-link-card-convert", x),
-					C(r.linkCard.copyAddress, mr, "markweave-link-card-copy", () => b(n.href)),
-					C(r.linkCard.edit, Fr, "markweave-link-card-edit", (i) => g({
+					C(r.linkCard.convertToLink, kr, "markweave-link-card-convert", x),
+					C(r.linkCard.copyAddress, gr, "markweave-link-card-copy", () => b(n.href)),
+					C(r.linkCard.edit, Lr, "markweave-link-card-edit", (i) => g({
 						anchor: i.currentTarget,
 						editor: e.editor,
 						messages: r,
@@ -2291,7 +2291,7 @@ var li = Y({
 							attrs: n
 						}
 					})),
-					C(r.linkCard.delete, Yr, "markweave-link-card-delete", () => e.deleteNode())
+					C(r.linkCard.delete, Zr, "markweave-link-card-delete", () => e.deleteNode())
 				]) : null,
 				p.value && o.value ? H("form", {
 					class: "markweave-link-card-editor",
@@ -2319,12 +2319,12 @@ var li = Y({
 						type: "submit",
 						disabled: !v(f.value),
 						"aria-label": r.linkCard.edit
-					}, [ai(Dr, r.linkCard.edit)])
+					}, [si(kr, r.linkCard.edit)])
 				]) : null
 			]);
 		};
 	}
-}), mi = h.extend({
+}), gi = h.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -2333,23 +2333,23 @@ var li = Y({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(pi, { stopEvent: ({ event: e }) => ii(e.target) });
+		return typeof document > "u" ? null : c(hi, { stopEvent: ({ event: e }) => oi(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function hi(t = {}) {
+function _i(t = {}) {
 	return e({
 		lang: t.lang,
 		onImageUpload: t.onImageUpload,
-		linkCardExtension: mi.configure({
+		linkCardExtension: gi.configure({
 			lang: t.lang,
 			messages: n(t.lang),
 			resolver: t.linkCardResolver
 		}),
 		mediaExtensions: i({
-			image: di,
-			video: fi,
+			image: pi,
+			video: mi,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
 			onVideoUpload: t.onVideoUpload,
@@ -2359,7 +2359,7 @@ function hi(t = {}) {
 }
 //#endregion
 //#region src/MarkweaveEditor.ts
-var gi = {
+var vi = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -2367,17 +2367,17 @@ var gi = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, _i = {
+}, yi = {
 	active: !1,
 	language: Fe.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
 };
-function vi(e) {
+function bi(e) {
 	return qt.getState(e.state) ?? Kt;
 }
-function yi(e) {
+function xi(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -2394,7 +2394,7 @@ function Z(e, t, n = 18, r = 1.8) {
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function bi(e) {
+function Si(e) {
 	return e === "clipboard" ? [H("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" }), H("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" ? [H("circle", {
 		cx: "10",
 		cy: "10",
@@ -2442,57 +2442,57 @@ function Q(e) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "1.8"
-	}, bi(e)));
+	}, Si(e)));
 }
 function $(e) {
 	e.preventDefault();
 }
-function xi(e) {
+function Ci(e) {
 	let t = ft(e);
 	return !t || typeof window > "u" || typeof window.open != "function" ? !1 : (window.open(t, "_blank", "noopener,noreferrer"), !0);
 }
-var Si = {
-	bold: rr,
-	italic: Tr,
-	underline: Zr,
-	strike: Hr,
-	"inline-code": dr,
-	link: Dr,
-	more: Mr,
-	superscript: Wr,
-	subscript: Ur,
-	"inline-math": zr,
-	"align-left": Vn,
-	"align-center": zn,
-	"align-right": Hn,
-	"align-justify": Bn,
-	"decrease-indent": Sr,
-	"increase-indent": Cr
-}, Ci = {
-	type: Jr,
-	"heading-1": _r,
-	"heading-2": vr,
-	"heading-3": yr,
-	"bullet-list": Or,
-	"ordered-list": Ar,
-	"task-list": kr,
-	blockquote: Lr,
-	"code-block": ir,
-	info: wr,
-	tip: Er,
-	warning: Kn,
-	error: ur,
-	success: or,
-	emoji: Br,
-	math: zr,
-	table: Gr,
-	separator: jr,
-	image: br,
-	video: $r,
-	attachment: Pr
+var wi = {
+	bold: ar,
+	italic: Dr,
+	underline: $r,
+	strike: Wr,
+	"inline-code": pr,
+	link: kr,
+	more: Pr,
+	superscript: Kr,
+	subscript: Gr,
+	"inline-math": Vr,
+	"align-left": Un,
+	"align-center": Vn,
+	"align-right": Wn,
+	"align-justify": Hn,
+	"decrease-indent": wr,
+	"increase-indent": Tr
+}, Ti = {
+	type: Xr,
+	"heading-1": yr,
+	"heading-2": br,
+	"heading-3": xr,
+	"bullet-list": Ar,
+	"ordered-list": Mr,
+	"task-list": jr,
+	blockquote: zr,
+	"code-block": or,
+	info: Er,
+	tip: Or,
+	warning: Jn,
+	error: fr,
+	success: cr,
+	emoji: Hr,
+	math: Vr,
+	table: qr,
+	separator: Nr,
+	image: Sr,
+	video: ti,
+	attachment: Ir
 };
-function wi(e) {
-	let t = Ci[e];
+function Ei(e) {
+	let t = Ti[e];
 	return H(t, {
 		size: 18,
 		strokeWidth: 1.6,
@@ -2500,21 +2500,21 @@ function wi(e) {
 		"aria-hidden": "true"
 	});
 }
-var Ti = {
-	paragraph: Xr,
-	"heading-1": _r,
-	"heading-2": vr,
-	"heading-3": yr,
-	"bullet-list": Or,
-	"numbered-list": Ar,
-	"todo-list": kr,
-	quote: Lr,
-	"code-block": ir
+var Di = {
+	paragraph: Qr,
+	"heading-1": yr,
+	"heading-2": br,
+	"heading-3": xr,
+	"bullet-list": Ar,
+	"numbered-list": Mr,
+	"todo-list": jr,
+	quote: zr,
+	"code-block": or
 };
-function Ei(e, t) {
+function Oi(e, t) {
 	return se(e, t).label;
 }
-var Di = Y({
+var ki = Y({
 	name: "MarkweaveVueFloatingToolbar",
 	props: {
 		editor: {
@@ -2534,7 +2534,7 @@ var Di = Y({
 		let t = U(null), n = U(""), r = U(null), i = U(null), a = U("bottom"), o = U(null), s = U(null), c = U(null), l = G(() => ft(n.value.trim())), u = G(() => e.messages.floatingToolbar), d = G(() => de(e.messages).map((e) => [
 			e.id,
 			e.label,
-			Ti[e.id]
+			Di[e.id]
 		])), f = G(() => ue(e.messages).map((e) => [
 			e.id,
 			e.value,
@@ -2549,7 +2549,7 @@ var Di = Y({
 			e.editor.isActive("link") && e.editor.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", t.value = null;
 		}, _ = (r) => {
 			t.value = t.value === r ? null : r, r === "link" && (n.value = e.editor.getAttributes("link").href ?? "");
-		}, v = B(() => {
+		}, v = z(() => {
 			let n = o.value, r = c.value, i = e.editor.view.dom.closest(".markweave-editor-frame");
 			if (!t.value || !n || !r) return;
 			let s = _e({
@@ -2566,7 +2566,7 @@ var Di = Y({
 		});
 		K(t, (e) => {
 			e && J(v.schedule);
-		}), In(() => {
+		}), Rn(() => {
 			window.addEventListener("resize", v.schedule), window.addEventListener("scroll", v.schedule, !0);
 		}), q(() => {
 			v.cancel(), window.removeEventListener("resize", v.schedule), window.removeEventListener("scroll", v.schedule, !0);
@@ -2609,7 +2609,7 @@ var Di = Y({
 			onMouseenter: (e) => b(n, e.currentTarget),
 			onMouseleave: () => b(null),
 			onClick: o
-		}, n === "block-type" ? [H("span", { class: "markweave-floating-toolbar-button-inner" }, [H("span", { class: "markweave-floating-toolbar-block-label" }, Ei(e.editor, e.messages)), Z(t.value === "block-type" ? lr : sr, i)])] : n === "color" ? [H("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [H("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? lr : sr, i)])] : [Z(a, i)]), C = () => H("span", {
+		}, n === "block-type" ? [H("span", { class: "markweave-floating-toolbar-button-inner" }, [H("span", { class: "markweave-floating-toolbar-block-label" }, Oi(e.editor, e.messages)), Z(t.value === "block-type" ? dr : lr, i)])] : n === "color" ? [H("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [H("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? dr : lr, i)])] : [Z(a, i)]), C = () => H("span", {
 			class: "markweave-floating-toolbar-divider",
 			"aria-hidden": "true"
 		}), w = (n, r, i) => H("section", {
@@ -2665,7 +2665,7 @@ var Di = Y({
 				"aria-label": u.value.applyLink,
 				"data-testid": "markweave-floating-toolbar-link-apply",
 				onMousedown: $
-			}, [Z(fr, u.value.applyLink)]),
+			}, [Z(mr, u.value.applyLink)]),
 			H("span", {
 				class: "markweave-floating-toolbar-link-divider",
 				"aria-hidden": "true"
@@ -2676,15 +2676,15 @@ var Di = Y({
 				"aria-label": u.value.openLink,
 				"data-testid": "markweave-floating-toolbar-link-open",
 				onMousedown: $,
-				onClick: () => xi(n.value)
-			}, [Z(gr, u.value.openLink)]),
+				onClick: () => Ci(n.value)
+			}, [Z(vr, u.value.openLink)]),
 			H("button", {
 				type: "button",
 				"aria-label": u.value.removeLink,
 				"data-testid": "markweave-floating-toolbar-link-remove",
 				onMousedown: $,
 				onClick: g
-			}, [Z(Yr, u.value.removeLink)])
+			}, [Z(Zr, u.value.removeLink)])
 		])]) : t.value === "color" ? H("div", {
 			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
@@ -2711,11 +2711,11 @@ var Di = Y({
 			onClick: () => {
 				fe(e.editor, n), t.value = null;
 			}
-		}, [Z(Si[n], u.value.moreActions[n])]), r.value === n ? H("div", {
+		}, [Z(wi[n], u.value.moreActions[n])]), r.value === n ? H("div", {
 			class: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip"
 		}, u.value.moreActions[n]) : null]))) : null;
-		return () => H(z, {
+		return () => H(R, {
 			editor: e.editor,
 			shouldShow: ({ editor: e }) => e.isEditable && be(ve(e)),
 			options: { placement: "top" }
@@ -2729,23 +2729,23 @@ var Di = Y({
 			class: "markweave-floating-toolbar-content",
 			"data-menu": t.value ?? "none"
 		}, [
-			S("block-type", u.value.buttons["block-type"], Xr, () => _("block-type"), t.value === "block-type"),
+			S("block-type", u.value.buttons["block-type"], Qr, () => _("block-type"), t.value === "block-type"),
 			C(),
-			S("bold", u.value.buttons.bold, rr, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
-			S("italic", u.value.buttons.italic, Tr, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
-			S("underline", u.value.buttons.underline, Zr, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
-			S("strike", u.value.buttons.strike, Hr, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
-			S("inline-code", u.value.buttons["inline-code"], dr, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
+			S("bold", u.value.buttons.bold, ar, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
+			S("italic", u.value.buttons.italic, Dr, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
+			S("underline", u.value.buttons.underline, $r, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
+			S("strike", u.value.buttons.strike, Wr, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
+			S("inline-code", u.value.buttons["inline-code"], pr, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
 			C(),
-			S("link", u.value.buttons.link, Dr, () => _("link"), e.editor.isActive("link")),
-			S("color", u.value.buttons.color, Xr, () => _("color"), t.value === "color"),
+			S("link", u.value.buttons.link, kr, () => _("link"), e.editor.isActive("link")),
+			S("color", u.value.buttons.color, Qr, () => _("color"), t.value === "color"),
 			C(),
-			S("more", u.value.buttons.more, Mr, () => _("more"), t.value === "more"),
+			S("more", u.value.buttons.more, Pr, () => _("more"), t.value === "more"),
 			T(),
 			x()
 		])]) });
 	}
-}), Oi = Y({
+}), Ai = Y({
 	name: "MarkweaveVueMathEditorPopover",
 	props: {
 		editor: {
@@ -2798,7 +2798,7 @@ var Di = Y({
 		};
 		return K(() => [e.target.pos, e.target.latex], () => {
 			t.value = e.target.latex, a.value = _t(e.editor, e.target), J(u);
-		}), In(() => {
+		}), Rn(() => {
 			St(e.editor, e.target, !0), u(), J(() => {
 				i.value?.focus({ preventScroll: !0 }), i.value?.select(), u();
 			}), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), document.addEventListener("mousedown", p);
@@ -2864,14 +2864,14 @@ var Di = Y({
 			}, [
 				H("div", { class: "markweave-math-block-toolbar" }, [
 					H("span", null, c.value.label),
-					Z(dr, c.value.label, 15, 1.75),
+					Z(pr, c.value.label, 15, 1.75),
 					H("button", {
 						type: "submit",
 						title: c.value.apply,
 						"aria-label": c.value.apply,
 						disabled: !s.value,
 						"data-testid": "markweave-math-editor-apply"
-					}, [Z(or, c.value.apply, 16, 2)])
+					}, [Z(cr, c.value.apply, 16, 2)])
 				]),
 				H("label", {
 					class: "markweave-math-block-source",
@@ -2894,7 +2894,7 @@ var Di = Y({
 			]);
 		};
 	}
-}), ki = Y({
+}), ji = Y({
 	name: "MarkweaveVueSlashCommandMenu",
 	props: {
 		commands: {
@@ -2953,13 +2953,13 @@ var Di = Y({
 					} : {
 						kind: e.inputCommand.uploadKind ?? "attachment",
 						trigger: "slash-command",
-						source: L(t.value)
+						source: I(t.value)
 					};
 					if (!n.value && !t.value.trim()) {
 						r.value = e.messages.slash.uploadRequiredError;
 						return;
 					}
-					let a = await R(i, e.onUpload);
+					let a = await L(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;
@@ -3103,7 +3103,7 @@ var Di = Y({
 						}
 					}
 				}, [
-					wi(t.icon),
+					Ei(t.icon),
 					H("span", null, t.label),
 					t.disabledReason ? H("small", null, t.disabledReason) : null
 				]);
@@ -3114,33 +3114,33 @@ var Di = Y({
 			}, e.messages.slash.noResults)])]);
 		};
 	}
-}), Ai = {
-	"move-left": Yn,
-	"move-right": Xn,
-	"move-up": Zn,
-	"move-down": qn,
-	"insert-left": nr,
-	"insert-right": tr,
-	"insert-above": er,
-	"insert-below": $n,
-	"sort-asc": Jn,
-	"sort-desc": Qn,
-	color: Nr,
-	alignment: Vn,
-	clear: Vr,
-	duplicate: pr,
-	copy: pr,
-	merge: Kr,
-	split: qr,
-	delete: Yr
-}, ji = {
-	left: Vn,
-	center: zn,
-	right: Hn,
-	top: Gn,
-	middle: Un,
-	bottom: Wn
-}, Mi = Y({
+}), Mi = {
+	"move-left": Zn,
+	"move-right": Qn,
+	"move-up": $n,
+	"move-down": Yn,
+	"insert-left": ir,
+	"insert-right": rr,
+	"insert-above": nr,
+	"insert-below": tr,
+	"sort-asc": Xn,
+	"sort-desc": er,
+	color: Fr,
+	alignment: Un,
+	clear: Ur,
+	duplicate: hr,
+	copy: hr,
+	merge: Jr,
+	split: Yr,
+	delete: Zr
+}, Ni = {
+	left: Un,
+	center: Vn,
+	right: Wn,
+	top: qn,
+	middle: Gn,
+	bottom: Kn
+}, Pi = Y({
 	name: "MarkweaveVueTableControls",
 	props: {
 		editor: {
@@ -3173,15 +3173,15 @@ var Di = Y({
 		}
 	},
 	setup(e) {
-		let t = U(null), n = U(null), r = U("row-edge"), i = U(null), a = U(null), o = U(null), s = U(null), c = U(null), l = U(null), u = U(null), d = U(0), f = U(null), p = U(null), m = U(null), h = U(null), g = U(null), _ = null, v = null, y = null, b = G(() => e.active ? Wt(e.editor.state) : gi), x = G(() => ln(e.editor, e.interactionState, "row", b.value.activeCellPos)), S = G(() => ln(e.editor, e.interactionState, "column", b.value.activeCellPos)), C = G(() => an(e.editor)), w = G(() => (C.value, b.value.active)), T = G(() => t.value ? pn(e.editor, t.value) : []), E = () => {
-			_ === null || typeof window > "u" || (window.clearTimeout(_), _ = null);
-		}, D = (e) => {
-			E(), u.value = e, !(!e || typeof window > "u") && (_ = window.setTimeout(() => {
-				u.value = null, _ = null;
-			}, yn));
-		}, O = () => {
+		let t = U(null), n = U(null), r = U("row-edge"), i = U(null), a = U(null), o = U(null), s = U(null), c = U(null), l = U(null), u = U(null), d = U(null), f = U(0), p = U(null), m = U(null), h = U(null), g = U(null), _ = U(null), v = U(null), y = U(null), b = null, x = null, S = null, C = G(() => e.active ? Wt(e.editor.state) : vi), w = G(() => un(e.editor, e.interactionState, "row", C.value.activeCellPos)), T = G(() => un(e.editor, e.interactionState, "column", C.value.activeCellPos)), E = G(() => on(e.editor)), D = G(() => (E.value, C.value.active)), O = G(() => t.value ? hn(e.editor, t.value) : []), k = () => {
+			b === null || typeof window > "u" || (window.clearTimeout(b), b = null);
+		}, A = (e) => {
+			k(), d.value = e, !(!e || typeof window > "u") && (b = window.setTimeout(() => {
+				d.value = null, b = null;
+			}, xn));
+		}, ee = () => {
 			if (!e.active) {
-				i.value = null, a.value = null, o.value = null, s.value = null, c.value = null, D(null);
+				i.value = null, a.value = null, o.value = null, s.value = null, c.value = null, A(null);
 				return;
 			}
 			let n = e.editor.view.dom.closest(".markweave-editor-frame") ?? e.editor.view.dom.parentElement;
@@ -3189,137 +3189,159 @@ var Di = Y({
 				i.value = null, a.value = null, o.value = null, s.value = null, c.value = null;
 				return;
 			}
-			let l = n.getBoundingClientRect(), u = x.value ? cn(e.editor, x.value) : null, d = S.value ? cn(e.editor, S.value) : null, f = w.value ? mn(e.editor) : null, p = rn(e.editor)?.getBoundingClientRect() ?? null;
-			u ? i.value = Qt({
+			let l = n.getBoundingClientRect(), u = w.value ? ln(e.editor, w.value) : null, d = T.value ? ln(e.editor, T.value) : null, f = D.value ? gn(e.editor) : null, p = an(e.editor)?.getBoundingClientRect() ?? null;
+			u ? i.value = $t({
 				targetRect: u,
 				frameRect: l,
 				kind: "row"
-			}) : t.value === "row" && r.value === "row-edge" || (i.value = null), d ? a.value = Qt({
+			}) : t.value === "row" && r.value === "row-edge" || (i.value = null), d ? a.value = $t({
 				targetRect: d,
 				frameRect: l,
 				kind: "column"
-			}) : t.value === "column" && r.value === "column-edge" || (a.value = null), f ? o.value = Qt({
+			}) : t.value === "column" && r.value === "column-edge" || (a.value = null), f ? o.value = $t({
 				targetRect: f,
 				frameRect: l,
 				kind: "selection"
 			}) : t.value === "selection" && r.value === "selection-edge" || (o.value = null);
-			let m = e.interactionState.hoverCellPos !== null && !!(x.value && x.value.index === x.value.visualHeight - 1), h = e.interactionState.hoverCellPos !== null && !!(S.value && S.value.index === S.value.visualWidth - 1);
-			s.value = p && m ? $t({
+			let m = e.interactionState.hoverCellPos !== null && !!(w.value && w.value.index === w.value.visualHeight - 1), h = e.interactionState.hoverCellPos !== null && !!(T.value && T.value.index === T.value.visualWidth - 1);
+			s.value = p && m ? en({
 				tableRect: p,
 				frameRect: l,
 				kind: "row"
-			}) : null, c.value = p && h ? $t({
+			}) : null, c.value = p && h ? en({
 				tableRect: p,
 				frameRect: l,
 				kind: "column"
 			}) : null;
-		}, k = () => {
+		}, j = () => {
 			if (!e.active || !t.value) {
 				l.value = null;
 				return;
 			}
-			let n = e.editor.view.dom.closest(".markweave-editor-frame") ?? e.editor.view.dom.parentElement, i = r.value === "row-edge" ? p.value : r.value === "column-edge" ? m.value : h.value;
-			if (!n || !i || !g.value) {
+			let n = e.editor.view.dom.closest(".markweave-editor-frame") ?? e.editor.view.dom.parentElement, i = r.value === "row-edge" ? m.value : r.value === "column-edge" ? h.value : g.value;
+			if (!n || !i || !_.value) {
 				l.value = null;
 				return;
 			}
-			let a = i.getBoundingClientRect(), o = t.value === "row" ? rn(e.editor)?.getBoundingClientRect() : null, s = o ? {
+			let a = i.getBoundingClientRect(), o = t.value === "row" ? an(e.editor)?.getBoundingClientRect() : null, s = o ? {
 				left: a.left,
 				top: o.top,
 				width: a.width,
 				height: a.height
-			} : a, c = n.getBoundingClientRect(), u = g.value.getBoundingClientRect();
+			} : a, c = n.getBoundingClientRect(), u = _.value.getBoundingClientRect(), d = v.value?.scrollHeight ?? 0, f = d > 0 ? d + 12 : 0;
 			l.value = Zt({
 				anchorRect: s,
 				frameRect: c,
+				boundaryRect: fn(n),
 				menuSize: {
 					width: u.width || 254,
-					height: u.height || 410
+					height: f || u.height || 410
 				},
 				kind: t.value
 			});
-		}, A = () => {
-			O(), k();
-		}, j = () => {
-			J(A);
-		}, M = (e, i) => {
-			let a = t.value === e && r.value === i;
-			r.value = i, t.value = a ? null : e, n.value = null, j();
+		}, M = () => {
+			if (!e.active || !t.value || !n.value || !l.value) {
+				u.value = null;
+				return;
+			}
+			let r = e.editor.view.dom.closest(".markweave-editor-frame") ?? e.editor.view.dom.parentElement, i = _.value?.querySelector(`[data-submenu-trigger="${n.value}"]`);
+			if (!r || !_.value || !y.value || !i) {
+				u.value = null;
+				return;
+			}
+			let a = y.value.getBoundingClientRect(), o = Math.max(y.value.scrollHeight + 2, a.height);
+			u.value = Qt({
+				triggerRect: i.getBoundingClientRect(),
+				parentMenuRect: _.value.getBoundingClientRect(),
+				boundaryRect: fn(r),
+				submenuSize: {
+					width: a.width || 238,
+					height: o || 410
+				}
+			});
 		}, N = () => {
+			ee(), j(), M();
+		}, P = () => {
+			J(N);
+		}, F = (e, i) => {
+			let a = t.value === e && r.value === i;
+			r.value = i, t.value = a ? null : e, n.value = null, u.value = null, P();
+		}, I = () => {
 			e.editor.view.dispatch(Vt(e.editor.state.tr, null));
-		}, P = (t, n) => {
-			let r = e.interactionState.hoverCellPos ?? b.value.activeCellPos, i = e.interactionState.hoverCellPos === null ? null : t === "row" ? e.interactionState.hoverVisualRowIndex : e.interactionState.hoverVisualColumnIndex;
-			r !== null && _n(e.editor, r, t, { visualIndex: i }), M(t, n);
-		}, F = () => {
-			N(), M("selection", "selection-edge");
-		}, I = (r = !1) => {
-			t.value = null, n.value = null, l.value = null, r && e.editor.view.focus();
-		}, L = async (n, r) => {
-			let i = await tn({
+		}, te = (t, n) => {
+			let r = e.interactionState.hoverCellPos ?? C.value.activeCellPos, i = e.interactionState.hoverCellPos === null ? null : t === "row" ? e.interactionState.hoverVisualRowIndex : e.interactionState.hoverVisualColumnIndex;
+			r !== null && yn(e.editor, r, t, { visualIndex: i }), F(t, n);
+		}, L = () => {
+			I(), F("selection", "selection-edge");
+		}, R = (r = !1) => {
+			t.value = null, n.value = null, l.value = null, u.value = null, r && e.editor.view.focus();
+		}, ne = async (n, r) => {
+			let i = await nn({
 				editor: e.editor,
 				commandId: n,
 				menu: r ?? t.value ?? "selection",
 				messages: e.messages
 			});
-			return i.copyFeedback ? (D(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : D(null), e.onCommandResult?.(i.commandResult), i.success;
-		}, ee = (t) => {
-			let n = un(e.editor, t);
-			n && e.onEditWithAi?.(n), I(!0);
-		}, R = (e) => {
-			t.value !== "row" && t.value !== "column" || e(t.value) && (d.value += 1, j());
-		}, z = (t) => {
-			let n = t === "row" ? x.value : S.value, r = e.interactionState.hoverCellPos ?? b.value.activeCellPos;
-			!n || r === null || Cn(e.editor, r, t, { visualIndex: n.index }) && L(t === "row" ? "add-row-after" : "add-column-after", t);
-		}, te = (e, t, n) => {
-			v = {
+			return i.copyFeedback ? (A(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : A(null), e.onCommandResult?.(i.commandResult), i.success;
+		}, re = (t) => {
+			let n = dn(e.editor, t);
+			n && e.onEditWithAi?.(n), R(!0);
+		}, z = (e) => {
+			t.value !== "row" && t.value !== "column" || e(t.value) && (f.value += 1, P());
+		}, B = (t) => {
+			let n = t === "row" ? w.value : T.value, r = e.interactionState.hoverCellPos ?? C.value.activeCellPos;
+			!n || r === null || Tn(e.editor, r, t, { visualIndex: n.index }) && ne(t === "row" ? "add-row-after" : "add-column-after", t);
+		}, ie = (e, t, n) => {
+			x = {
 				axis: e,
 				index: t
-			}, y = t, n.dataTransfer?.setData("application/x-markweave-table-axis", `${e}:${t}`), n.dataTransfer && (n.dataTransfer.effectAllowed = "move");
-		}, ne = (t) => {
-			if (!v) return;
-			let n = on(e.editor, v.axis, t.clientX, t.clientY);
-			n !== null && (t.preventDefault(), y = n, t.dataTransfer && (t.dataTransfer.dropEffect = "move"));
-		}, B = (t) => {
-			let n = v;
+			}, S = t, n.dataTransfer?.setData("application/x-markweave-table-axis", `${e}:${t}`), n.dataTransfer && (n.dataTransfer.effectAllowed = "move");
+		}, ae = (t) => {
+			if (!x) return;
+			let n = sn(e.editor, x.axis, t.clientX, t.clientY);
+			n !== null && (t.preventDefault(), S = n, t.dataTransfer && (t.dataTransfer.dropEffect = "move"));
+		}, oe = (t) => {
+			let n = x;
 			if (!n) return;
-			let r = on(e.editor, n.axis, t.clientX, t.clientY) ?? y;
-			t.preventDefault(), v = null, y = null, r !== null && gn(e.editor, n.axis, n.index, r);
-		}, V = G(() => (d.value, t.value === "row" || t.value === "column" ? sn(e.editor, t.value) : null)), re = (e) => {
+			let r = sn(e.editor, n.axis, t.clientX, t.clientY) ?? S;
+			t.preventDefault(), x = null, S = null, r !== null && vn(e.editor, n.axis, n.index, r);
+		}, V = G(() => (f.value, t.value === "row" || t.value === "column" ? cn(e.editor, t.value) : null)), se = (e) => {
 			if (!(!t.value || e.key !== "Escape")) {
 				if (n.value) {
 					n.value = null;
 					return;
 				}
-				I(!0);
+				R(!0);
 			}
-		}, ie = (e) => {
+		}, ce = (e) => {
 			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			let t = e.currentTarget;
 			if (!(t instanceof HTMLElement)) return;
-			let n = Array.from(t.querySelectorAll(":scope > button[role=\"menuitem\"]:not(:disabled), :scope > button[role=\"menuitemradio\"]:not(:disabled)")), r = n.indexOf(document.activeElement), i = e.key === "ArrowDown" ? 1 : -1, a = r < 0 ? 0 : Math.min(n.length - 1, Math.max(0, r + i));
-			e.preventDefault(), e.stopPropagation(), n[a]?.focus();
-		}, ae = (e) => {
-			t.value && (e.target instanceof Node && f.value?.contains(e.target) || I());
+			let n = t.classList.contains("markweave-table-menu") ? t.querySelector(":scope > .markweave-table-menu-scroll") ?? t : t, r = Array.from(n.querySelectorAll(":scope > button[role=\"menuitem\"]:not(:disabled), :scope > button[role=\"menuitemradio\"]:not(:disabled)")), i = r.indexOf(document.activeElement), a = e.key === "ArrowDown" ? 1 : -1, o = i < 0 ? 0 : Math.min(r.length - 1, Math.max(0, i + a));
+			e.preventDefault(), e.stopPropagation(), r[o]?.focus();
+		}, le = (e) => {
+			t.value && (e.target instanceof Node && p.value?.contains(e.target) || R());
 		};
-		In(() => {
-			A(), window.addEventListener("resize", A), window.addEventListener("scroll", A, !0), document.addEventListener("keydown", re), document.addEventListener("mousedown", ae), document.addEventListener("dragover", ne), document.addEventListener("drop", B);
+		Rn(() => {
+			N(), window.addEventListener("resize", N), window.addEventListener("scroll", N, !0), document.addEventListener("keydown", se), document.addEventListener("mousedown", le), document.addEventListener("dragover", ae), document.addEventListener("drop", oe);
 		}), q(() => {
-			E(), window.removeEventListener("resize", A), window.removeEventListener("scroll", A, !0), document.removeEventListener("keydown", re), document.removeEventListener("mousedown", ae), document.removeEventListener("dragover", ne), document.removeEventListener("drop", B);
+			k(), window.removeEventListener("resize", N), window.removeEventListener("scroll", N, !0), document.removeEventListener("keydown", se), document.removeEventListener("mousedown", le), document.removeEventListener("dragover", ae), document.removeEventListener("drop", oe);
 		}), K(() => [
 			e.active,
-			b.value.activeCellPos,
-			b.value.selectionFrom,
-			b.value.selectionTo,
+			C.value.activeCellPos,
+			C.value.selectionFrom,
+			C.value.selectionTo,
 			e.interactionState.hoverCellPos,
 			e.interactionState.hoverVisualColumnIndex,
 			e.interactionState.hoverVisualRowIndex,
 			t.value,
+			n.value,
 			r.value
-		], j, { flush: "post" });
-		let oe = () => {
+		], P, { flush: "post" });
+		let ue = () => {
 			if (!t.value) return null;
-			let r = T.value.map((r, i) => {
-				let a = dn(r), o = i === 0 ? a : dn(T.value[i - 1]), s = i > 0 && o !== a, c = r.submenuId ? !0 : r.commandId === null ? !!e.onEditWithAi : en(e.editor, r.commandId), l = fn(r, e.messages), u = Ai[r.icon];
+			let r = O.value.map((r, i) => {
+				let a = pn(r), o = i === 0 ? a : pn(O.value[i - 1]), s = i > 0 && o !== a, c = r.submenuId ? !0 : r.commandId === null ? !!e.onEditWithAi : tn(e.editor, r.commandId), l = mn(r, e.messages), u = Mi[r.icon];
 				return H("button", {
 					key: `${r.id}-${i}`,
 					type: "button",
@@ -3345,10 +3367,10 @@ var Di = Y({
 								return;
 							}
 							if (r.commandId === null) {
-								ee(t.value === "row" || t.value === "column" ? t.value : "selection");
+								re(t.value === "row" || t.value === "column" ? t.value : "selection");
 								return;
 							}
-							L(r.commandId).finally(() => I());
+							ne(r.commandId).finally(() => R());
 						}
 					}
 				}, [
@@ -3360,22 +3382,34 @@ var Di = Y({
 						strokeWidth: 1.8
 					})]),
 					H("span", { class: "markweave-table-menu-item-label" }, l),
-					r.submenuId ? H(cr, {
+					r.submenuId ? H(ur, {
 						class: "markweave-table-menu-chevron",
 						size: 16,
 						"aria-hidden": "true"
 					}) : null
 				]);
-			});
-			if (n.value === "color" && (t.value === "row" || t.value === "column") && r.push(H("div", {
+			}), i = [H("div", {
+				ref: v,
+				class: "markweave-table-menu-scroll",
+				style: l.value ? { maxHeight: `${Math.max(1, l.value.maxHeight - 12)}px` } : void 0
+			}, r)];
+			if (n.value === "color" && (t.value === "row" || t.value === "column") && i.push(H("div", {
+				ref: y,
 				class: "markweave-table-submenu markweave-table-color-menu",
 				role: "menu",
 				"aria-label": e.messages.table.submenus.color,
 				"data-testid": "markweave-table-color-menu",
-				onKeydown: ie
+				"data-positioned": u.value ? "true" : "false",
+				"data-placement": u.value?.placement,
+				style: u.value ? {
+					left: `${u.value.left}px`,
+					top: `${u.value.top}px`,
+					maxHeight: `${u.value.maxHeight}px`
+				} : void 0,
+				onKeydown: ce
 			}, [
 				H("div", { class: "markweave-table-submenu-title" }, e.messages.table.submenus.textColor),
-				...vn.map((t) => H("button", {
+				...bn.map((t) => H("button", {
 					key: `text-${t.id}`,
 					type: "button",
 					role: "menuitemradio",
@@ -3383,7 +3417,7 @@ var Di = Y({
 					"data-active": V.value?.textColorId === t.id ? "true" : "false",
 					"data-testid": `markweave-table-text-color-${t.id}`,
 					onMousedown: $,
-					onClick: () => R((n) => Xt(e.editor, n, t.id))
+					onClick: () => z((n) => Xt(e.editor, n, t.id))
 				}, [H("span", {
 					class: "markweave-table-color-swatch markweave-table-text-color-swatch",
 					"aria-hidden": "true",
@@ -3391,7 +3425,7 @@ var Di = Y({
 				}), H("span", null, e.messages.table.colors[t.id].text)])),
 				H("div", { class: "markweave-table-submenu-separator" }),
 				H("div", { class: "markweave-table-submenu-title" }, e.messages.table.submenus.backgroundColor),
-				...vn.map((t) => H("button", {
+				...bn.map((t) => H("button", {
 					key: `background-${t.id}`,
 					type: "button",
 					role: "menuitemradio",
@@ -3399,7 +3433,7 @@ var Di = Y({
 					"data-active": V.value?.backgroundColorId === t.id ? "true" : "false",
 					"data-testid": `markweave-table-background-color-${t.id}`,
 					onMousedown: $,
-					onClick: () => R((n) => Yt(e.editor, n, t.id))
+					onClick: () => z((n) => Yt(e.editor, n, t.id))
 				}, [H("span", {
 					class: "markweave-table-color-swatch",
 					"aria-hidden": "true",
@@ -3407,7 +3441,7 @@ var Di = Y({
 				}), H("span", null, e.messages.table.colors[t.id].background)]))
 			])), n.value === "alignment" && (t.value === "row" || t.value === "column")) {
 				let t = (t, n) => {
-					let r = ji[t];
+					let r = Ni[t];
 					return H("button", {
 						key: t,
 						type: "button",
@@ -3416,42 +3450,51 @@ var Di = Y({
 						"data-active": n ? "true" : "false",
 						"data-testid": `markweave-table-alignment-${t}`,
 						onMousedown: $,
-						onClick: () => R((n) => Jt(e.editor, n, t))
+						onClick: () => z((n) => Jt(e.editor, n, t))
 					}, [H(r, {
 						size: 18,
 						strokeWidth: 1.8,
 						"aria-hidden": "true"
 					}), H("span", null, e.messages.table.alignments[t])]);
 				};
-				r.push(H("div", {
+				i.push(H("div", {
+					ref: y,
 					class: "markweave-table-submenu markweave-table-alignment-menu",
 					role: "menu",
 					"aria-label": e.messages.table.submenus.alignment,
 					"data-testid": "markweave-table-alignment-menu",
-					onKeydown: ie
+					"data-positioned": u.value ? "true" : "false",
+					"data-placement": u.value?.placement,
+					style: u.value ? {
+						left: `${u.value.left}px`,
+						top: `${u.value.top}px`,
+						maxHeight: `${u.value.maxHeight}px`
+					} : void 0,
+					onKeydown: ce
 				}, [
-					...bn.map((e) => t(e, V.value?.textAlign === e)),
+					...Sn.map((e) => t(e, V.value?.textAlign === e)),
 					H("div", { class: "markweave-table-submenu-separator" }),
-					...Sn.map((e) => t(e, V.value?.verticalAlign === e))
+					...wn.map((e) => t(e, V.value?.verticalAlign === e))
 				]));
 			}
 			return H("div", {
-				ref: g,
+				ref: _,
 				class: "markweave-table-menu",
 				role: "menu",
-				"aria-label": xn(t.value, e.messages),
+				"aria-label": Cn(t.value, e.messages),
 				"data-testid": "markweave-table-menu",
 				"data-positioned": l.value ? "true" : "false",
+				"data-placement": l.value?.placement,
 				"data-submenu": n.value ?? "none",
 				style: l.value ? {
 					left: `${l.value.left}px`,
 					top: `${l.value.top}px`
 				} : void 0,
-				onKeydown: ie
-			}, r);
+				onKeydown: ce
+			}, i);
 		};
 		return () => e.active ? H("div", {
-			ref: f,
+			ref: p,
 			class: "markweave-table-controls",
 			"data-testid": "markweave-table-controls",
 			"aria-label": e.messages.table.controlsAriaLabel,
@@ -3459,17 +3502,17 @@ var Di = Y({
 			"data-positioned": i.value || a.value || o.value ? "true" : "false",
 			onMouseleave: () => e.editor.view.dispatch(e.editor.state.tr.setMeta(qt, { type: "clear-hover" }))
 		}, [
-			u.value ? H("div", {
+			d.value ? H("div", {
 				class: "markweave-table-copy-feedback",
 				role: "status",
 				"aria-live": "polite",
 				"data-testid": "markweave-table-copy-feedback",
-				"data-copy-kind": u.value.kind,
-				"data-text-length": u.value.textLength,
-				"data-html-length": u.value.htmlLength
-			}, nn(u.value)) : null,
+				"data-copy-kind": d.value.kind,
+				"data-text-length": d.value.textLength,
+				"data-html-length": d.value.htmlLength
+			}, rn(d.value)) : null,
 			i.value ? H("button", {
-				ref: p,
+				ref: m,
 				type: "button",
 				draggable: !0,
 				class: "markweave-table-edge-handle markweave-table-edge-handle--row",
@@ -3478,10 +3521,10 @@ var Di = Y({
 				"aria-haspopup": "menu",
 				title: e.messages.table.rowActions,
 				"data-testid": "markweave-table-hover-row-handle",
-				"data-axis-index": x.value?.index ?? "",
-				"data-axis-selected-cells": x.value?.selectedCellCount ?? "",
-				"data-axis-visual-cells": x.value?.visualCellCount ?? "",
-				"data-axis-visual-size": x.value?.visualHeight ?? "",
+				"data-axis-index": w.value?.index ?? "",
+				"data-axis-selected-cells": w.value?.selectedCellCount ?? "",
+				"data-axis-visual-cells": w.value?.visualCellCount ?? "",
+				"data-axis-visual-size": w.value?.visualHeight ?? "",
 				style: {
 					left: `${i.value.left}px`,
 					top: `${i.value.top}px`,
@@ -3489,17 +3532,17 @@ var Di = Y({
 					height: `${i.value.height}px`
 				},
 				onMousedown: $,
-				onClick: () => P("row", "row-edge"),
-				onDragstart: (e) => te("row", x.value?.index ?? 0, e),
+				onClick: () => te("row", "row-edge"),
+				onDragstart: (e) => ie("row", w.value?.index ?? 0, e),
 				onDragend: () => {
-					v = null, y = null;
+					x = null, S = null;
 				}
-			}, [H(Mr, {
+			}, [H(Pr, {
 				size: 14,
 				"aria-hidden": "true"
 			})]) : null,
 			a.value ? H("button", {
-				ref: m,
+				ref: h,
 				type: "button",
 				draggable: !0,
 				class: "markweave-table-edge-handle markweave-table-edge-handle--column",
@@ -3508,10 +3551,10 @@ var Di = Y({
 				"aria-haspopup": "menu",
 				title: e.messages.table.columnActions,
 				"data-testid": "markweave-table-hover-column-handle",
-				"data-axis-index": S.value?.index ?? "",
-				"data-axis-selected-cells": S.value?.selectedCellCount ?? "",
-				"data-axis-visual-cells": S.value?.visualCellCount ?? "",
-				"data-axis-visual-size": S.value?.visualWidth ?? "",
+				"data-axis-index": T.value?.index ?? "",
+				"data-axis-selected-cells": T.value?.selectedCellCount ?? "",
+				"data-axis-visual-cells": T.value?.visualCellCount ?? "",
+				"data-axis-visual-size": T.value?.visualWidth ?? "",
 				style: {
 					left: `${a.value.left}px`,
 					top: `${a.value.top}px`,
@@ -3519,17 +3562,17 @@ var Di = Y({
 					height: `${a.value.height}px`
 				},
 				onMousedown: $,
-				onClick: () => P("column", "column-edge"),
-				onDragstart: (e) => te("column", S.value?.index ?? 0, e),
+				onClick: () => te("column", "column-edge"),
+				onDragstart: (e) => ie("column", T.value?.index ?? 0, e),
 				onDragend: () => {
-					v = null, y = null;
+					x = null, S = null;
 				}
-			}, [H(Mr, {
+			}, [H(Pr, {
 				size: 14,
 				"aria-hidden": "true"
 			})]) : null,
-			w.value && o.value ? H("button", {
-				ref: h,
+			D.value && o.value ? H("button", {
+				ref: g,
 				type: "button",
 				class: "markweave-table-edge-handle markweave-table-edge-handle--selection",
 				"aria-label": e.messages.table.selectionActions,
@@ -3544,8 +3587,8 @@ var Di = Y({
 					height: `${o.value.height}px`
 				},
 				onMousedown: $,
-				onClick: F
-			}, [H(Mr, {
+				onClick: L
+			}, [H(Pr, {
 				size: 14,
 				"aria-hidden": "true"
 			})]) : null,
@@ -3562,8 +3605,8 @@ var Di = Y({
 					height: `${s.value.height}px`
 				},
 				onMousedown: $,
-				onClick: () => z("row")
-			}, [H(Ir, {
+				onClick: () => B("row")
+			}, [H(Rr, {
 				size: 14,
 				"aria-hidden": "true"
 			})]) : null,
@@ -3580,15 +3623,15 @@ var Di = Y({
 					height: `${c.value.height}px`
 				},
 				onMousedown: $,
-				onClick: () => z("column")
-			}, [H(Ir, {
+				onClick: () => B("column")
+			}, [H(Rr, {
 				size: 14,
 				"aria-hidden": "true"
 			})]) : null,
-			oe()
+			ue()
 		]) : null;
 	}
-}), Ni = Y({
+}), Fi = Y({
 	name: "MarkweaveVueTableSelectionOverlay",
 	props: {
 		editor: {
@@ -3606,9 +3649,9 @@ var Di = Y({
 				t.value = null;
 				return;
 			}
-			t.value = hn(e.editor, Gt(e.editor.state));
+			t.value = _n(e.editor, Gt(e.editor.state));
 		};
-		return In(() => {
+		return Rn(() => {
 			n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
 		}), q(() => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
@@ -3626,6 +3669,7 @@ var Di = Y({
 			return e ? H("div", {
 				"aria-hidden": "true",
 				class: "markweave-table-selection-overlay",
+				"data-axis-target": e.axisTarget ?? "none",
 				"data-anchor-cell-pos": e.anchorCellPos ?? "",
 				"data-head-cell-pos": e.headCellPos ?? "",
 				"data-selected-cells": e.selectedCellCount,
@@ -3644,7 +3688,7 @@ var Di = Y({
 			}) : null;
 		};
 	}
-}), Pi = Y({
+}), Ii = Y({
 	name: "MarkweaveVueCodeBlockControls",
 	props: {
 		editor: {
@@ -3681,38 +3725,38 @@ var Di = Y({
 			...e.state,
 			pos: e.state.pos,
 			active: !0
-		} : null), T = G(() => C.value ?? w.value), E = G(() => T.value !== null), D = G(() => T.value?.language === "mermaid"), O = G(() => ot(e.editor, T.value)), k = G(() => E.value && T.value !== null && !O.value), A = G(() => !e.readOnly), j = G(() => T.value ? Je(T.value.language) : Je("text")), M = G(() => p.value?.status ?? "idle"), N = G(() => T.value?.mermaidPreviewMode ?? e.mermaidMode), P = G(() => D.value && N.value === "preview"), F = G(() => (x.value, y.value, b.value, it(e.editor))), I = G(() => `${b.value}|${F.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), L = G(() => Qe(d.value)), ee = G(() => T.value ? `${T.value.pos}:${T.value.language}:${T.value.text}` : "none"), R = () => {
+		} : null), T = G(() => C.value ?? w.value), E = G(() => T.value !== null), D = G(() => T.value?.language === "mermaid"), O = G(() => ot(e.editor, T.value)), k = G(() => E.value && T.value !== null && !O.value), A = G(() => !e.readOnly), ee = G(() => T.value ? Je(T.value.language) : Je("text")), j = G(() => p.value?.status ?? "idle"), M = G(() => T.value?.mermaidPreviewMode ?? e.mermaidMode), N = G(() => D.value && M.value === "preview"), P = G(() => (x.value, y.value, b.value, it(e.editor))), F = G(() => `${b.value}|${P.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), I = G(() => Qe(d.value)), te = G(() => T.value ? `${T.value.pos}:${T.value.language}:${T.value.text}` : "none"), L = () => {
 			S !== null && (window.clearTimeout(S), S = null);
-		}, z = (e) => {
-			R(), p.value = e, e && (S = window.setTimeout(() => {
+		}, R = (e) => {
+			L(), p.value = e, e && (S = window.setTimeout(() => {
 				p.value = null, S = null;
 			}, Ve));
-		}, te = () => {
+		}, ne = () => {
 			h.value = null, g.value = null, _.value = !1, v.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, e.editor.view.focus();
-		}, B = () => {
+		}, z = () => {
 			let n = t.value;
 			if (!n) return;
-			if (!nt(n) || F.value.length === 0) {
+			if (!nt(n) || P.value.length === 0) {
 				c.value = [];
 				return;
 			}
-			let r = n.getBoundingClientRect(), i = F.value.flatMap((t) => {
+			let r = n.getBoundingClientRect(), i = P.value.flatMap((t) => {
 				let n = Ze(Xe(e.editor, t.pos, t.mermaidPreviewMode), r);
 				return n ? [Ke(t, n, r)] : [];
 			});
-			c.value = st(c.value, i, F.value.map((e) => e.pos));
-		}, V = () => {
+			c.value = st(c.value, i, P.value.map((e) => e.pos));
+		}, B = () => {
 			if (!k.value || !T.value) {
 				s.value = null, l.value = null;
 				return;
 			}
 			let r = t.value;
 			if (!r) return;
-			let i = Xe(e.editor, T.value.pos, N.value), a = r.getBoundingClientRect(), o = Ze(i, a);
+			let i = Xe(e.editor, T.value.pos, M.value), a = r.getBoundingClientRect(), o = Ze(i, a);
 			if (!o) {
 				s.value = s.value?.pos === T.value.pos ? s.value : null, l.value = u.value ? l.value : null;
 				return;
@@ -3726,41 +3770,41 @@ var Di = Y({
 					windowHeight: window.innerHeight
 				});
 			}
-		}, re = async () => {
+		}, ie = async () => {
 			if (e.readOnly) {
 				if (!T.value) return;
 				let e = await He(T.value.text);
-				z(Pe(T.value, e ? "copied" : "failed"));
+				R(Pe(T.value, e ? "copied" : "failed"));
 				return;
 			}
 			if (!qe(e.editor, T.value)) return;
 			let t = await Me(e.editor);
-			z(Pe(Ne(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
-		}, ie = (t, n) => {
+			R(Pe(Ne(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
+		}, ae = (t, n) => {
 			if (e.readOnly) {
 				Ot(e.editor, t.pos, n) && (b.value += 1, x.value += 1);
 				return;
 			}
 			let r = e.state.active && e.state.pos === t.pos;
 			Re(e.editor, t.pos, n) && (e.onMermaidModeChange(n), x.value += 1, r && e.editor.view.focus());
-		}, ae = (t) => {
+		}, oe = (t) => {
 			if (e.readOnly || !T.value) return;
 			let n = e.state.active && e.state.pos === T.value.pos;
 			Le(e.editor, T.value.pos, t) && (t === "mermaid" && Re(e.editor, T.value.pos, "preview") && e.onMermaidModeChange("preview"), u.value = !1, d.value = "", f.value = -1, x.value += 1, n && e.editor.view.focus());
-		}, oe = () => {
-			u.value = !u.value, u.value && a.value === null && (a.value = Ue()), f.value = u.value ? rt(L.value, T.value?.language ?? null) : -1;
+		}, V = () => {
+			u.value = !u.value, u.value && a.value === null && (a.value = Ue()), f.value = u.value ? rt(I.value, T.value?.language ?? null) : -1;
 		}, se = (e) => {
 			let t = Qe(e);
 			d.value = e, f.value = rt(t, e.trim() ? null : T.value?.language ?? null);
 		}, ce = (t) => {
 			if (!t.isComposing) {
 				if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-					t.preventDefault(), f.value = lt(f.value, L.value.length, t.key === "ArrowUp" ? "previous" : "next");
+					t.preventDefault(), f.value = lt(f.value, I.value.length, t.key === "ArrowUp" ? "previous" : "next");
 					return;
 				}
 				if (t.key === "Enter") {
-					let e = L.value[f.value];
-					e && (t.preventDefault(), ae(e.language));
+					let e = I.value[f.value];
+					e && (t.preventDefault(), oe(e.language));
 					return;
 				}
 				t.key === "Escape" && (t.preventDefault(), u.value = !1, f.value = -1, e.editor.view.focus());
@@ -3770,7 +3814,7 @@ var Di = Y({
 		}, ue = () => {
 			if (!T.value) return;
 			let t = at(e.editor, T.value.pos);
-			t && ne({
+			t && re({
 				data: new Blob([t], { type: "image/svg+xml" }),
 				fileName: "markweave-mermaid.svg",
 				onSettled: () => e.editor.view.focus(),
@@ -3821,14 +3865,14 @@ var Di = Y({
 		};
 		K(() => e.readOnly, (e) => {
 			e && (u.value = !1, d.value = "");
-		}), K(ee, () => {
-			z(null), u.value = !1, d.value = "", f.value = -1, h.value = null, g.value = null, _.value = !1;
+		}), K(te, () => {
+			R(null), u.value = !1, d.value = "", f.value = -1, h.value = null, g.value = null, _.value = !1;
 		}), K(u, async (e) => {
 			if (!e) {
 				f.value = -1;
 				return;
 			}
-			await J(), V(), r.value?.focus({ preventScroll: !0 });
+			await J(), B(), r.value?.focus({ preventScroll: !0 });
 		}), K(() => [
 			u.value,
 			d.value,
@@ -3843,20 +3887,20 @@ var Di = Y({
 			y.value,
 			T.value?.pos ?? null,
 			u.value,
-			N.value
+			M.value
 		], async () => {
-			await J(), V();
+			await J(), B();
 		}, {
 			flush: "post",
 			immediate: !0
-		}), K(I, async () => {
-			await J(), B(), window.requestAnimationFrame(B);
+		}), K(F, async () => {
+			await J(), z(), window.requestAnimationFrame(z);
 		}, {
 			flush: "post",
 			immediate: !0
 		});
 		let ve = null;
-		return In(() => {
+		return Rn(() => {
 			J(() => {
 				let n = e.editor.view.dom.closest(".markweave-editor-frame"), r = (n) => {
 					if (n.target instanceof Node && t.value?.contains(n.target) || u.value) return;
@@ -3867,7 +3911,7 @@ var Di = Y({
 				}, a = (t) => {
 					if (t.key === "Escape") {
 						if (h.value) {
-							te();
+							ne();
 							return;
 						}
 						u.value && (u.value = !1, f.value = -1, e.editor.view.focus());
@@ -3877,14 +3921,14 @@ var Di = Y({
 				}, c = ({ transaction: e }) => {
 					e.getMeta(je) && (y.value += 1), (e.docChanged || e.selectionSet || e.getMeta(je) || Tt(e)) && (x.value += 1);
 				};
-				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", i), window.addEventListener("resize", V), window.addEventListener("scroll", V, !0), window.addEventListener("resize", B), window.addEventListener("scroll", B, !0), document.addEventListener("keydown", a), document.addEventListener("mousedown", s), e.editor.on("transaction", c), ve = () => {
-					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", i), window.removeEventListener("resize", V), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0), document.removeEventListener("keydown", a), document.removeEventListener("mousedown", s), e.editor.off("transaction", c), R();
+				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", i), window.addEventListener("resize", B), window.addEventListener("scroll", B, !0), window.addEventListener("resize", z), window.addEventListener("scroll", z, !0), document.addEventListener("keydown", a), document.addEventListener("mousedown", s), e.editor.on("transaction", c), ve = () => {
+					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", i), window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0), window.removeEventListener("resize", z), window.removeEventListener("scroll", z, !0), document.removeEventListener("keydown", a), document.removeEventListener("mousedown", s), e.editor.off("transaction", c), L();
 				};
 			});
 		}), q(() => {
-			ve?.(), ve = null, R();
+			ve?.(), ve = null, L();
 		}), () => {
-			if (!k.value && F.value.length === 0 && !h.value) return null;
+			if (!k.value && P.value.length === 0 && !h.value) return null;
 			let o = s.value ? {
 				top: `${s.value.top}px`,
 				right: `${s.value.right}px`
@@ -3898,7 +3942,7 @@ var Di = Y({
 				"data-testid": "markweave-codeblock-overlay",
 				"data-read-only": e.readOnly ? "true" : "false"
 			}, [
-				...F.value.map((e) => {
+				...P.value.map((e) => {
 					let t = c.value.find((t) => t.pos === e.pos);
 					return H("div", {
 						key: e.pos,
@@ -3916,7 +3960,7 @@ var Di = Y({
 						"data-testid": `markweave-mermaid-mode-${t}`,
 						"data-active": e.mermaidPreviewMode === t ? "true" : "false",
 						onMousedown: $,
-						onClick: () => ie(e, t)
+						onClick: () => ae(e, t)
 					}, t === "code" ? "Code" : "Preview")));
 				}),
 				k.value && T.value ? H("div", {
@@ -3932,7 +3976,7 @@ var Di = Y({
 						class: "markweave-codeblock-language-button markweave-codeblock-language-label",
 						"aria-label": "Code block language",
 						"data-testid": "markweave-codeblock-language"
-					}, [H("span", null, j.value)]) : H("button", {
+					}, [H("span", null, ee.value)]) : H("button", {
 						ref: n,
 						type: "button",
 						class: "markweave-codeblock-language-button",
@@ -3941,8 +3985,8 @@ var Di = Y({
 						"aria-haspopup": "listbox",
 						"data-testid": "markweave-codeblock-language",
 						onMousedown: $,
-						onClick: oe
-					}, [H("span", null, j.value), Q("chevron")]),
+						onClick: V
+					}, [H("span", null, ee.value), Q("chevron")]),
 					A.value ? H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
@@ -3958,7 +4002,7 @@ var Di = Y({
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Copy to clipboard",
 						"data-testid": "markweave-codeblock-copy",
-						"data-copy-state": M.value,
+						"data-copy-state": j.value,
 						onMousedown: $,
 						onMouseenter: () => {
 							m.value = !0;
@@ -3973,14 +4017,14 @@ var Di = Y({
 							m.value = !1;
 						},
 						onClick: () => {
-							re();
+							ie();
 						}
-					}, [Q(M.value === "copied" ? "check" : "clipboard")]), m.value ? H("span", {
+					}, [Q(j.value === "copied" ? "check" : "clipboard")]), m.value ? H("span", {
 						class: "markweave-codeblock-tooltip",
 						role: "tooltip",
 						"data-testid": "markweave-codeblock-copy-tooltip"
 					}, "Copy to clipboard") : null]),
-					D.value && N.value === "preview" ? H("div", {
+					D.value && M.value === "preview" ? H("div", {
 						class: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions"
 					}, [H("button", {
@@ -3988,7 +4032,7 @@ var Di = Y({
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen",
-						disabled: !P.value,
+						disabled: !N.value,
 						onMousedown: $,
 						onClick: de
 					}, [Q("expand")]), H("button", {
@@ -3996,7 +4040,7 @@ var Di = Y({
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Download Mermaid SVG",
 						"data-testid": "markweave-mermaid-download",
-						disabled: !P.value,
+						disabled: !N.value,
 						onMousedown: $,
 						onClick: ue
 					}, [Q("download")])]) : null
@@ -4012,7 +4056,7 @@ var Di = Y({
 					"aria-autocomplete": "list",
 					"aria-controls": a.value ?? void 0,
 					"aria-expanded": "true",
-					"aria-activedescendant": a.value && L.value[f.value] ? $e(a.value, L.value[f.value].language) : void 0,
+					"aria-activedescendant": a.value && I.value[f.value] ? $e(a.value, I.value[f.value].language) : void 0,
 					"aria-label": "Search code block languages",
 					value: d.value,
 					placeholder: "Search...",
@@ -4027,7 +4071,7 @@ var Di = Y({
 					class: "markweave-codeblock-language-list",
 					role: "listbox",
 					"aria-label": "Code block languages"
-				}, L.value.map((e, t) => {
+				}, I.value.map((e, t) => {
 					let n = T.value?.language === e.language, r = t === f.value;
 					return H("button", {
 						key: e.language,
@@ -4043,7 +4087,7 @@ var Di = Y({
 						onMouseenter: () => {
 							f.value = t;
 						},
-						onClick: () => ae(e.language)
+						onClick: () => oe(e.language)
 					}, [H("span", null, e.label), n ? Q("check") : null]);
 				}))]) : null,
 				h.value ? H("div", {
@@ -4129,7 +4173,7 @@ var Di = Y({
 						class: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: te
+						onClick: ne
 					}, [Q("close")]),
 					H("div", {
 						class: "markweave-mermaid-fullscreen-viewport",
@@ -4156,7 +4200,7 @@ var Di = Y({
 			]);
 		};
 	}
-}), Fi = Y({
+}), Li = Y({
 	name: "MarkweaveVueInnerToc",
 	props: {
 		editor: {
@@ -4184,7 +4228,7 @@ var Di = Y({
 		let t = U(null), n, r = () => {
 			n?.(), n = e.placement === "container" && t.value ? ke(t.value) : void 0;
 		};
-		return In(r), q(() => n?.()), K(() => e.placement, r), () => e.state.items.length ? H("nav", {
+		return Rn(r), q(() => n?.()), K(() => e.placement, r), () => e.state.items.length ? H("nav", {
 			ref: t,
 			class: "markweave-inner-toc",
 			"data-testid": "markweave-inner-toc",
@@ -4212,8 +4256,8 @@ var Di = Y({
 		}, t.text)))])]) : null;
 	}
 });
-function Ii(e = {}) {
-	let i = r(e.lang), o = n(i), s = t(i), c = U(f(e.mode)), l = G(() => Se(e.theme)), u = G(() => c.value === "live" && e.editable !== !1), d = U(0), m = W(null), h = U(zt), g = W(null), _ = W(null), v = U("code"), y = W(null), b = W(Kt), x = U(null), S = U(!1), C = W(null), w = oe(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), T = e.content ?? e.defaultContent ?? "", E = typeof T == "string" && T.length >= 2e5, D = null;
+function Ri(e = {}) {
+	let i = r(e.lang), o = n(i), s = t(i), c = U(f(e.mode)), l = G(() => Se(e.theme)), u = G(() => c.value === "live" && e.editable !== !1), d = U(0), m = W(null), h = U(zt), g = W(null), _ = W(null), v = U("code"), y = W(null), b = W(Kt), x = U(null), S = U(!1), C = W(null), w = V(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), T = e.content ?? e.defaultContent ?? "", E = typeof T == "string" && T.length >= 2e5, D = null;
 	function O() {
 		D !== null && (window.clearTimeout(D), D = null), d.value += 1;
 	}
@@ -4222,17 +4266,17 @@ function Ii(e = {}) {
 			D = null, d.value += 1;
 		}, ye);
 	}
-	let A = e.onSlashCommandUpload, j = W(null);
-	j.value = new a({
-		extensions: hi({
+	let A = e.onSlashCommandUpload, ee = W(null);
+	ee.value = new a({
+		extensions: _i({
 			lang: i,
 			linkCardResolver: e.linkCardResolver,
-			onImageUpload: (e) => A?.(e) ?? ee(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
-			onVideoUpload: (e) => A?.(e) ?? ee(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			onImageUpload: (e) => A?.(e) ?? te(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			onVideoUpload: (e) => A?.(e) ?? te(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
 			resolveMediaSource: e.resolveMediaSource
 		}),
 		content: T,
-		contentType: re(w),
+		contentType: ie(w),
 		editable: u.value,
 		autofocus: e.autofocus,
 		editorProps: {
@@ -4248,34 +4292,34 @@ function Ii(e = {}) {
 			handleClick: (e, t, n) => {
 				if (!u.value) return me(n);
 				let r = yt(e, n);
-				return r ? (n.preventDefault(), n.stopPropagation(), N(), Ct(e, r, !0), wt(e, r), y.value = r, !0) : (y.value = null, !1);
+				return r ? (n.preventDefault(), n.stopPropagation(), M(), Ct(e, r, !0), wt(e, r), y.value = r, !0) : (y.value = null, !1);
 			},
 			handleDOMEvents: {
 				compositionstart: () => u.value ? (h.value = Bt(h.value, { type: "composition-start" }), g.value = null, !1) : !1,
-				compositionend: (e) => (u.value && window.setTimeout(() => P(e), 0), !1),
+				compositionend: (e) => (u.value && window.setTimeout(() => N(e), 0), !1),
 				click: (e, t) => {
 					if (!u.value) return me(t);
 					let n = yt(e, t);
-					return n ? (t.preventDefault(), t.stopPropagation(), N(), Ct(e, n, !0), wt(e, n), y.value = n, !0) : (y.value = null, !1);
+					return n ? (t.preventDefault(), t.stopPropagation(), M(), Ct(e, n, !0), wt(e, n), y.value = n, !0) : (y.value = null, !1);
 				}
 			}
 		},
-		onSelectionUpdate: ({ editor: e }) => I(e),
+		onSelectionUpdate: ({ editor: e }) => F(e),
 		onCreate: ({ editor: t }) => {
 			p(t, {
 				mode: c.value,
 				editable: u.value
-			}), Et(t, l.value), Dt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && Ut(t), L(t), I(t), O();
+			}), Et(t, l.value), Dt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && Ut(t), I(t), F(t), O();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			if (L(e), (t.docChanged || Tt(t)) && k(), t.docChanged && y.value) {
+			if (I(e), (t.docChanged || Tt(t)) && k(), t.docChanged && y.value) {
 				let t = vt(e, y.value.pos);
 				y.value = t?.kind === y.value.kind ? t : null;
 			}
 		},
 		onUpdate: ({ editor: t }) => {
-			I(t), u.value && F(t), S.value || e.onUpdate?.(V(t, { onContentRead: (n, r) => {
-				let i = oe(e.contentFormat);
+			F(t), u.value && P(t), S.value || e.onUpdate?.(B(t, { onContentRead: (n, r) => {
+				let i = V(e.contentFormat);
 				e.content !== void 0 && n === i && (C.value = {
 					content: r,
 					format: n,
@@ -4284,11 +4328,11 @@ function Ii(e = {}) {
 			} }));
 		}
 	});
-	let M = G(() => j.value ?? null);
-	function N() {
+	let j = G(() => ee.value ?? null);
+	function M() {
 		g.value = null, _.value = null, h.value = zt;
 	}
-	function P(e) {
+	function N(e) {
 		let t = Lt(e.state);
 		if (!t) {
 			h.value = h.value.name === "idle" ? h.value : zt, g.value = null, _.value = null;
@@ -4296,7 +4340,7 @@ function Ii(e = {}) {
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 		if (!Rt(r, { frameRect: i })) {
-			N();
+			M();
 			return;
 		}
 		let a = It(n, {
@@ -4305,10 +4349,10 @@ function Ii(e = {}) {
 		});
 		Nt(g.value, a) || (g.value = a), h.value = Ft(h.value, t);
 	}
-	function F(e) {
-		P(e.view);
+	function P(e) {
+		N(e.view);
 	}
-	function I(e) {
+	function F(e) {
 		let t = ve(e);
 		ge(m.value, t) || (m.value = t);
 		let n = bt(e);
@@ -4316,56 +4360,56 @@ function Ii(e = {}) {
 		let r = Ne(e);
 		r.active && r.language === "mermaid" && (v.value = r.mermaidPreviewMode);
 	}
-	function L(e) {
-		b.value = vi(e);
+	function I(e) {
+		b.value = bi(e);
 	}
-	let R = G(() => M.value ? Ne(M.value) : _i), z = G(() => M.value ? Wt(M.value.state) : gi), ne = G(() => m.value?.currentNode === "codeBlock"), se = G(() => ne.value && R.value.language === "mermaid"), ce = G(() => M.value ? kt({
+	let L = G(() => j.value ? Ne(j.value) : yi), R = G(() => j.value ? Wt(j.value.state) : vi), re = G(() => m.value?.currentNode === "codeBlock"), se = G(() => re.value && L.value.language === "mermaid"), ce = G(() => j.value ? kt({
 		active: se.value,
 		mode: v.value,
-		source: R.value.text
+		source: L.value.text
 	}) : kt({
 		active: !1,
 		mode: "code",
 		source: ""
-	})), le = G(() => M.value && e.onRuntimeStateChange ? Ht(M.value.state) : null), ue = G(() => M.value ? Ee(M.value.state) : we.items), de = G(() => De(ue.value, x.value)), fe = G(() => Ce(ue.value, de.value)), pe = G(() => At(h.value.query, s)), _e = G(() => he({
+	})), le = G(() => j.value && e.onRuntimeStateChange ? Ht(j.value.state) : null), ue = G(() => j.value ? Ee(j.value.state) : we.items), de = G(() => De(ue.value, x.value)), fe = G(() => Ce(ue.value, de.value)), pe = G(() => At(h.value.query, s)), _e = G(() => he({
 		revision: d.value,
 		mode: c.value,
 		editable: u.value,
 		toc: fe.value,
 		selection: m.value,
 		slash: h.value,
-		table: z.value,
+		table: R.value,
 		tableInteraction: b.value,
-		codeBlock: R.value,
+		codeBlock: L.value,
 		mermaid: ce.value,
 		tableDebugSnapshot: le.value
 	})), be = {
-		closeSlashMenu: N,
-		focusFirstTableBodyCell: () => M.value ? Ut(M.value) : !1,
+		closeSlashMenu: M,
+		focusFirstTableBodyCell: () => j.value ? Ut(j.value) : !1,
 		setContent: (e, t = {}) => {
-			if (!M.value) return !1;
-			let n = oe(t.format);
-			return M.value.commands.setContent(e, {
-				contentType: re(n),
+			if (!j.value) return !1;
+			let n = V(t.format);
+			return j.value.commands.setContent(e, {
+				contentType: ie(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && Ut(M.value), I(M.value), u.value && F(M.value), L(M.value), O(), !0;
+			}), t.focusFirstTableBodyCell && Ut(j.value), F(j.value), u.value && P(j.value), I(j.value), O(), !0;
 		}
 	};
 	function xe(e, t) {
-		if (!(!M.value || !u.value || !jt(e))) {
+		if (!(!j.value || !u.value || !jt(e))) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
 				_.value = e;
 				return;
 			}
-			Pt(M.value, h.value, e, t), h.value = Bt(h.value, { type: "execute" }), N();
+			Pt(j.value, h.value, e, t), h.value = Bt(h.value, { type: "execute" }), M();
 		}
 	}
 	function Oe(e) {
-		if (!M.value || _.value || !u.value) return;
-		let t = Mt(h.value, pe.value, e.key, { isComposing: e.isComposing || te(M.value.state) });
+		if (!j.value || _.value || !u.value) return;
+		let t = Mt(h.value, pe.value, e.key, { isComposing: e.isComposing || ne(j.value.state) });
 		if (t.type !== "ignore") {
 			if (e.preventDefault(), t.type === "close") {
-				h.value = Bt(h.value, { type: "escape" }), N();
+				h.value = Bt(h.value, { type: "escape" }), M();
 				return;
 			}
 			if (t.type === "move-active") {
@@ -4380,36 +4424,36 @@ function Ii(e = {}) {
 		}
 	}
 	K(() => [e.mode, e.editable], () => {
-		c.value = f(e.mode), M.value && (M.value.setEditable(u.value), p(M.value, {
+		c.value = f(e.mode), j.value && (j.value.setEditable(u.value), p(j.value, {
 			mode: c.value,
 			editable: u.value
-		}), Dt(M.value, u.value ? "live" : "view"), O(), u.value || N());
+		}), Dt(j.value, u.value ? "live" : "view"), O(), u.value || M());
 	}, { immediate: !0 }), K(() => e.theme, () => {
-		M.value && Et(M.value, l.value);
+		j.value && Et(j.value, l.value);
 	}, { immediate: !0 }), K(() => e.content, (t) => {
-		let n = oe(e.contentFormat);
-		if (!(!M.value || t === void 0)) {
-			if (ae(M.value, C.value, t, n)) {
+		let n = V(e.contentFormat);
+		if (!(!j.value || t === void 0)) {
+			if (oe(j.value, C.value, t, n)) {
 				C.value = null;
 				return;
 			}
-			C.value = null, !ie(M.value, t, n) && (S.value = !0, M.value.commands.setContent(t, {
-				contentType: re(n),
+			C.value = null, !ae(j.value, t, n) && (S.value = !0, j.value.commands.setContent(t, {
+				contentType: ie(n),
 				emitUpdate: !1
-			}), S.value = !1, I(M.value), u.value && F(M.value), L(M.value), O());
+			}), S.value = !1, F(j.value), u.value && P(j.value), I(j.value), O());
 		}
 	}), K(_e, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), K(fe, (t) => e.onTocChange?.(t), { immediate: !0 }), K(ue, (e) => {
 		let t = De(e, x.value);
 		x.value !== t && (x.value = t);
 	});
-	let ke = B(() => {
-		M.value && g.value && P(M.value.view);
+	let ke = z(() => {
+		j.value && g.value && N(j.value.view);
 	}), Ae = () => {
 		g.value && ke.schedule();
 	};
 	K(g, (e) => {
 		e ? Ae() : ke.cancel();
-	}), In(() => {
+	}), Rn(() => {
 		window.addEventListener("resize", Ae), window.addEventListener("scroll", Ae, !0);
 	}), q(() => {
 		ke.cancel(), window.removeEventListener("resize", Ae), window.removeEventListener("scroll", Ae, !0);
@@ -4417,38 +4461,38 @@ function Ii(e = {}) {
 	let je = null;
 	return q(() => {
 		D !== null && window.clearTimeout(D);
-	}), In(() => {
+	}), Rn(() => {
 		let e = () => {
-			if (!M.value || !ue.value.length) {
+			if (!j.value || !ue.value.length) {
 				x.value = null;
 				return;
 			}
 			let e = null;
 			try {
-				e = Te(M.value, ue.value);
+				e = Te(j.value, ue.value);
 			} catch {
 				return;
 			}
 			x.value !== e && (x.value = e);
-		}, t = () => window.requestAnimationFrame(e), n = yi(M.value?.view.dom ?? null);
+		}, t = () => window.requestAnimationFrame(e), n = xi(j.value?.view.dom ?? null);
 		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), je = () => {
 			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t);
 		};
 	}), q(() => {
 		je?.();
-		let e = j.value;
-		j.value = null, J(() => e?.destroy());
+		let e = ee.value;
+		ee.value = null, J(() => e?.destroy());
 	}), {
-		editor: M,
+		editor: j,
 		runtimeSnapshot: _e,
 		actions: be,
 		__render: {
 			messages: o,
 			effectiveEditable: u,
-			tableFocusState: z,
+			tableFocusState: R,
 			tableInteractionState: b,
-			codeBlockState: R,
-			isCodeBlockActive: ne,
+			codeBlockState: L,
+			isCodeBlockActive: re,
 			mermaidMode: v,
 			mathTarget: y,
 			setMermaidMode: (e) => {
@@ -4467,7 +4511,7 @@ function Ii(e = {}) {
 		}
 	};
 }
-var Li = Y({
+var zi = Y({
 	name: "MarkweaveEditor",
 	props: {
 		defaultContent: {
@@ -4576,7 +4620,7 @@ var Li = Y({
 		}
 	},
 	setup(e) {
-		let t = Ii(e);
+		let t = Ri(e);
 		return () => {
 			let n = t.editor.value;
 			if (!n) return null;
@@ -4594,11 +4638,11 @@ var Li = Y({
 				"data-table-focus-mode": r.tableFocusState.value.mode,
 				onKeydownCapture: r.handleEditorKeyDown
 			}, [
-				r.effectiveEditable.value ? H(Di, {
+				r.effectiveEditable.value ? H(ki, {
 					editor: n,
 					messages: r.messages
 				}) : null,
-				r.effectiveEditable.value ? H(ki, {
+				r.effectiveEditable.value ? H(ji, {
 					commands: r.filteredSlashCommands.value,
 					state: r.slashState.value,
 					position: r.slashMenuPosition.value,
@@ -4608,7 +4652,7 @@ var Li = Y({
 					onInputCommandChange: r.setSlashInputCommand,
 					onUpload: e.onSlashCommandUpload
 				}) : null,
-				r.effectiveEditable.value ? H(Mi, {
+				r.effectiveEditable.value ? H(Pi, {
 					editor: n,
 					active: r.tableFocusState.value.active,
 					interactionState: r.tableInteractionState.value,
@@ -4617,11 +4661,11 @@ var Li = Y({
 					onCommandResult: e.onTableCommandResult,
 					onEditWithAi: e.onEditWithAi
 				}) : null,
-				r.effectiveEditable.value ? H(Ni, {
+				r.effectiveEditable.value ? H(Fi, {
 					editor: n,
 					focusState: r.tableFocusState.value
 				}) : null,
-				H(Pi, {
+				H(Ii, {
 					editor: n,
 					state: r.codeBlockState.value,
 					active: r.effectiveEditable.value && r.isCodeBlockActive.value,
@@ -4629,14 +4673,14 @@ var Li = Y({
 					onMermaidModeChange: r.setMermaidMode,
 					readOnly: !r.effectiveEditable.value
 				}),
-				e.innerToc && r.tocState.value.items.length ? H(Fi, {
+				e.innerToc && r.tocState.value.items.length ? H(Li, {
 					editor: n,
 					state: r.tocState.value,
 					messages: r.messages,
 					editable: r.effectiveEditable.value,
 					placement: Oe(e.innerTocPlacement)
 				}) : null,
-				r.effectiveEditable.value && r.mathTarget.value ? H(Oi, {
+				r.effectiveEditable.value && r.mathTarget.value ? H(Ai, {
 					editor: n,
 					messages: r.messages,
 					target: r.mathTarget.value,
@@ -4648,4 +4692,4 @@ var Li = Y({
 	}
 });
 //#endregion
-export { Li as MarkweaveEditor, hi as createMarkweaveEditorExtensions, hi as createMarkweaveVue2EditorExtensions, Ii as useMarkweaveEditorController };
+export { zi as MarkweaveEditor, _i as createMarkweaveEditorExtensions, _i as createMarkweaveVue2EditorExtensions, Ri as useMarkweaveEditorController };