@markweave/vue2 0.2.6 → 0.3.0

package/dist/index.js

@@ -8,19 +8,21 @@ import { MarkweaveLinkCard as h } from "markweave/internal/plugins/link-card/lin
 import { openMarkweaveLinkCardComposer as g } from "markweave/internal/plugins/link-card/link-card-composer";
 import { normalizeMarkweaveLinkCardAttrs as _, normalizeMarkweaveLinkCardHref as v, replaceMarkweaveLinkCardWithLink as y } from "markweave/internal/plugins/link-card/link-card";
 import { openMarkweaveImagePreview as b } from "markweave/internal/plugins/media/image-preview";
-import { MarkweaveCoreImage as x, MarkweaveCoreVideo as S, attrsFromMarkweaveImageUploadResult as C, attrsFromMarkweaveVideoUploadResult as w, attrsFromMarkweaveVideoUrl as T, clampMarkweaveImageWidth as E, createMarkweaveImageUploadRequest as ee, createMarkweaveVideoUploadRequest as D, downloadMarkweaveImage as O, markweaveVideoIframeAllow as k, normalizeMarkweaveCoreImageAlign as A, normalizeMarkweaveVideoEmbedUrl as j, numberAttribute as M, stringAttribute as N } from "markweave/internal/plugins/media/core-media-nodes";
-import { detectUploadSource as P, getDirectUploadResult as te, resolveMarkweaveUploadResult as F } from "markweave/internal/plugins/slash-command/upload";
-import { BubbleMenu as ne } from "@tiptap/vue-2/menus";
-import { isEditorComposing as re } from "markweave/internal/editor-core/composition-guard";
-import { saveMarkweaveBrowserFile as ie } from "markweave/internal/core/browser-file-save";
-import { createMarkweaveFrameScheduler as ae } from "markweave/internal/editor-core/frame-scheduler";
-import { createMarkweaveEditorUpdatePayload as oe, getMarkweaveContentType as I, isEditorContentCurrent as L, isMarkweaveControlledContentEchoCurrent as se, normalizeMarkweaveContentFormat as ce } from "markweave/internal/editor-core/editor-content";
-import { getCurrentFloatingToolbarBlockType as le, getFloatingToolbarHighlightColorOptions as ue, getFloatingToolbarMoreActions as R, getFloatingToolbarTextColorOptions as de, getFloatingToolbarTurnIntoOptions as fe, runFloatingToolbarMoreAction as pe, setFloatingToolbarTurnInto as me } from "markweave/internal/editor-core/floating-toolbar-model";
-import { openMarkweaveReadonlyLinkFromEvent as he } from "markweave/internal/editor-core/readonly-link";
-import { createMarkweaveEditorRuntimeSnapshot as ge } from "markweave/internal/editor-core/runtime-snapshot";
-import { areEditorSelectionSnapshotsEquivalent as _e, calculateFloatingToolbarPopoverPlacement as ve, createSelectionSnapshot as ye, markweaveRuntimeProjectionDelayMs as be, shouldShowFloatingToolbar as z } from "markweave/internal/editor-core/selection-state";
+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 { 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";
+import { areEditorSelectionSnapshotsEquivalent as ge, calculateFloatingToolbarPopoverPlacement as _e, createSelectionSnapshot as ve, markweaveRuntimeProjectionDelayMs as ye, shouldShowFloatingToolbar as be } from "markweave/internal/editor-core/selection-state";
 import { normalizeMarkweaveCanvasColor as xe, normalizeMarkweaveTheme as Se } from "markweave/internal/core/theme";
-import { createMarkweaveTocState as Ce, emptyMarkweaveTocState as we, getActiveMarkweaveTocId as Te, getMarkweaveTocItems as Ee, getValidMarkweaveTocActiveId as De, normalizeMarkweaveInnerTocPlacement as Oe, observeMarkweaveInnerTocContainerPosition as ke, scrollToMarkweaveTocItem as Ae } from "markweave/internal/core/toc-state";
+import { createMarkweaveTocState as Ce, emptyMarkweaveTocState as we, getActiveMarkweaveTocId as Te, getMarkweaveTocItemsFromState as Ee, getValidMarkweaveTocActiveId as De, normalizeMarkweaveInnerTocPlacement as Oe, observeMarkweaveInnerTocContainerPosition as ke, scrollToMarkweaveTocItem as Ae } from "markweave/internal/core/toc-state";
 import { codeBlockCollapsePluginKey as je, copyActiveCodeBlock as Me, getActiveCodeBlockState as Ne, getCodeBlockCopyFeedbackSnapshot as Pe, markweaveCodeBlockBehavior as Fe, setCodeBlockCollapsedAtPosition as Ie, setCodeBlockLanguageAtPosition as Le, setCodeBlockMermaidPreviewModeAtPosition as Re } from "markweave/internal/plugins/codeblock/codeblock-behavior";
 import { calculateCodeBlockLanguageMenuPosition as ze, clampFullscreenScale as Be, codeBlockCopyFeedbackTimeoutMs as Ve, copyCodeBlockText as He, createCodeBlockLanguageMenuDomId as Ue, createCodeBlockOverlayPosition as We, createMermaidFullscreenViewerState as Ge, createMermaidTabPosition as Ke, focusCodeBlockTarget as qe, formatCodeBlockLanguageLabel as Je, formatFullscreenZoom as Ye, getActiveCodeBlockElement as Xe, getAnchoredRect as Ze, getCodeBlockLanguageItems as Qe, getCodeBlockLanguageOptionDomId as $e, getCodeBlockPositionFromEventTarget as et, getCodeBlockStateAtPosition as tt, getFrameElement as nt, getInitialCodeBlockLanguageItemIndex as rt, getMermaidCodeBlockTargets as it, getMermaidSvgMarkup as at, isCodeBlockTargetCollapsed as ot, mergeStableMermaidTabPositions as st, mermaidFullscreenZoomStep as ct, moveCodeBlockLanguageItemIndex as lt, moveMermaidFullscreenViewer as ut, scrollCodeBlockLanguageItemIntoView as dt } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
 import { normalizeMarkdownLinkHref as ft } from "markweave/internal/plugins/markdown/markdown-input";
@@ -108,34 +110,34 @@ function xn(e) {
 function Sn(e) {
 	return typeof e == "function" ? xn(e()) : yn(e) ? xn(e.default()) : bn(e) ? [e] : e;
 }
-function B(e, t, n) {
+function H(e, t, n) {
 	if (!mn) throw Error("Vue 2 render context is not available.");
 	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? _n(r) : vn(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : Sn(n);
 	return mn(e, i, a);
 }
-function V(e) {
+function U(e) {
 	return dn.observable({ value: e });
 }
-var H = V;
-function U(e) {
+var W = U;
+function G(e) {
 	return { get value() {
 		return e();
 	} };
 }
-function W(e, t, n) {
+function K(e, t, n) {
 	let r = typeof e == "function" ? e : () => e.value;
 	return fn?.$watch ? fn.$watch(r, t, n) : () => void 0;
 }
-function G(e) {
+function Cn(e) {
 	pn?.mounted.push(e);
 }
-function K(e) {
+function q(e) {
 	pn?.beforeUnmount.push(e);
 }
-function q(e) {
+function J(e) {
 	return dn.nextTick(e);
 }
-function J(e) {
+function Y(e) {
 	return dn.extend({
 		name: e.name,
 		props: e.props,
@@ -171,7 +173,7 @@ function J(e) {
 }
 //#endregion
 //#region src/vue2-icons.ts
-var Cn = {
+var wn = {
 	AlignCenter: {
 		iconName: "text-align-center",
 		node: [
@@ -1036,11 +1038,11 @@ var Cn = {
 		}]]
 	}
 };
-function wn(e) {
-	return e.map(([e, t]) => B(e, t));
+function Tn(e) {
+	return e.map(([e, t]) => H(e, t));
 }
-function Y(e) {
-	return J({
+function X(e) {
+	return Y({
 		name: `MarkweaveVue2Icon${e}`,
 		props: {
 			size: {
@@ -1057,8 +1059,8 @@ function Y(e) {
 			}
 		},
 		setup(t) {
-			let n = Cn[e];
-			return () => B("svg", {
+			let n = wn[e];
+			return () => H("svg", {
 				class: `lucide lucide-${n.iconName}`,
 				viewBox: "0 0 24 24",
 				width: t.size,
@@ -1070,12 +1072,12 @@ function Y(e) {
 				"stroke-width": t.absoluteStrokeWidth && t.size ? Number(t.strokeWidth) * 24 / Number(t.size) : t.strokeWidth,
 				"aria-hidden": "true",
 				focusable: "false"
-			}, wn(n.node));
+			}, Tn(n.node));
 		}
 	});
 }
-var Tn = Y("AlignCenter"), En = Y("AlignJustify"), Dn = Y("AlignLeft"), On = Y("AlignRight"), kn = Y("AlertTriangle"), An = Y("Bold"), jn = Y("Braces"), Mn = Y("Captions"), Nn = Y("CheckCircle2"), Pn = Y("ChevronDown"), Fn = Y("ChevronUp"), In = Y("CircleX"), Ln = Y("Code2"), Rn = Y("CornerDownLeft"), zn = Y("Download"), Bn = Y("Eye"), Vn = Y("ExternalLink"), Hn = Y("Heading1"), Un = Y("Heading2"), Wn = Y("Heading3"), Gn = Y("Image"), Kn = Y("ImageUp"), qn = Y("IndentDecrease"), Jn = Y("IndentIncrease"), Yn = Y("Info"), Xn = Y("Italic"), Zn = Y("Lightbulb"), Qn = Y("Link2"), $n = Y("List"), er = Y("ListChecks"), tr = Y("ListOrdered"), nr = Y("Minus"), rr = Y("MoreVertical"), ir = Y("Paperclip"), ar = Y("PencilLine"), or = Y("Quote"), sr = Y("Replace"), cr = Y("Sigma"), lr = Y("SmilePlus"), ur = Y("Strikethrough"), dr = Y("Subscript"), fr = Y("Superscript"), pr = Y("Table2"), mr = Y("Text"), hr = Y("Trash2"), gr = Y("Type"), _r = Y("Underline"), vr = Y("Upload"), yr = Y("Video"), br = A;
-function xr(e) {
+var En = X("AlignCenter"), Dn = X("AlignJustify"), On = X("AlignLeft"), kn = X("AlignRight"), An = X("AlertTriangle"), jn = X("Bold"), Mn = X("Braces"), Nn = X("Captions"), Pn = X("CheckCircle2"), Fn = X("ChevronDown"), In = X("ChevronUp"), Ln = X("CircleX"), Rn = X("Code2"), zn = X("CornerDownLeft"), Bn = X("Download"), Vn = X("Eye"), Hn = X("ExternalLink"), Un = X("Heading1"), Wn = X("Heading2"), Gn = X("Heading3"), Kn = X("Image"), qn = X("ImageUp"), Jn = X("IndentDecrease"), Yn = X("IndentIncrease"), Xn = X("Info"), Zn = X("Italic"), Qn = X("Lightbulb"), $n = X("Link2"), er = X("List"), tr = X("ListChecks"), nr = X("ListOrdered"), rr = X("Minus"), ir = X("MoreVertical"), ar = X("Paperclip"), or = X("PencilLine"), sr = X("Quote"), cr = X("Replace"), lr = X("Sigma"), ur = X("SmilePlus"), dr = X("Strikethrough"), fr = X("Subscript"), pr = X("Superscript"), mr = X("Table2"), hr = X("Text"), gr = X("Trash2"), _r = X("Type"), vr = X("Underline"), yr = X("Upload"), br = X("Video"), xr = N;
+function Sr(e) {
 	let t = e.view.dom.closest(".markweave-editor-frame"), n = () => {
 		let n = t?.getAttribute("data-markweave-mode");
 		return n === "view" ? {
@@ -1085,7 +1087,7 @@ function xr(e) {
 			mode: "live",
 			editable: e.isEditable
 		} : u(e);
-	}, r = V(n()), i = m(e, () => {
+	}, r = U(n()), i = m(e, () => {
 		r.value = n();
 	}), a = typeof MutationObserver > "u" || !t ? null : new MutationObserver(() => {
 		r.value = n();
@@ -1093,28 +1095,28 @@ function xr(e) {
 	return a && t && a.observe(t, {
 		attributes: !0,
 		attributeFilter: ["data-markweave-mode"]
-	}), K(() => {
+	}), q(() => {
 		i(), a?.disconnect();
 	}), r;
 }
-function Sr(e) {
+function Cr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function Cr(e) {
+function wr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function wr(e) {
+function Tr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function Tr(e, t) {
-	return B(e, {
+function Er(e, t) {
+	return H(e, {
 		size: 18,
 		strokeWidth: 1.8,
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function X(e) {
-	return B("button", {
+function Dr(e) {
+	return H("button", {
 		type: "button",
 		"aria-label": e.label,
 		title: e.label,
@@ -1122,14 +1124,14 @@ function X(e) {
 		"data-active": e.active ? "true" : "false",
 		onMousedown: (e) => e.preventDefault(),
 		onClick: e.onClick
-	}, [Tr(e.icon, e.label), B("span", {
+	}, [Er(e.icon, e.label), H("span", {
 		class: "markweave-image-tooltip",
 		role: "tooltip"
 	}, e.label)]);
 }
-function Er(e) {
-	let t = V(null), n = e.messages.image;
-	return B("section", {
+function Or(e) {
+	let t = U(null), n = e.messages.image;
+	return H("section", {
 		class: "markweave-image-upload-placeholder",
 		"data-testid": "markweave-image-upload-placeholder",
 		"data-drag-active": e.dragActive ? "true" : "false",
@@ -1147,7 +1149,7 @@ function Er(e) {
 			n && e.onFile(n);
 		}
 	}, [
-		B("input", {
+		H("input", {
 			ref: t,
 			"data-testid": "markweave-image-file-input",
 			type: "file",
@@ -1158,20 +1160,20 @@ function Er(e) {
 				r && e.onFile(r), n.value = "";
 			}
 		}),
-		B("div", {
+		H("div", {
 			class: "markweave-image-upload-icon",
 			"aria-hidden": "true"
-		}, [B(Kn, {
+		}, [H(qn, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
-		B("div", { class: "markweave-image-upload-copy" }, [B("button", {
+		H("div", { class: "markweave-image-upload-copy" }, [H("button", {
 			type: "button",
 			onClick: () => t.value?.click()
-		}, n.clickToUpload), B("span", null, n.dragAndDrop)]),
-		B("div", { class: "markweave-image-upload-note" }, n.uploadNote),
-		B("div", { class: "markweave-image-upload-row" }, [
-			B("input", {
+		}, n.clickToUpload), H("span", null, n.dragAndDrop)]),
+		H("div", { class: "markweave-image-upload-note" }, n.uploadNote),
+		H("div", { class: "markweave-image-upload-row" }, [
+			H("input", {
 				"data-testid": "markweave-image-url-input",
 				value: e.inputValue,
 				placeholder: n.uploadInputPlaceholder,
@@ -1181,30 +1183,30 @@ function Er(e) {
 					t.key === "Enter" && (t.preventDefault(), e.onSubmit());
 				}
 			}),
-			B("button", {
+			H("button", {
 				type: "button",
 				"data-testid": "markweave-image-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [B(Kn, {
+			}, [H(qn, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
-			B("button", {
+			H("button", {
 				type: "button",
 				"data-testid": "markweave-image-upload-cancel",
 				onClick: e.onCancel
 			}, e.messages.common.cancel)
 		]),
-		e.error ? B("div", {
+		e.error ? H("div", {
 			class: "markweave-image-upload-error",
 			role: "alert"
 		}, e.error) : null
 	]);
 }
-function Dr(e) {
-	let t = V(null), n = e.messages.video;
-	return B("section", {
+function kr(e) {
+	let t = U(null), n = e.messages.video;
+	return H("section", {
 		class: "markweave-video-upload-placeholder",
 		"data-testid": "markweave-video-upload-placeholder",
 		"data-drag-active": e.dragActive ? "true" : "false",
@@ -1222,7 +1224,7 @@ function Dr(e) {
 			n && e.onFile(n);
 		}
 	}, [
-		B("input", {
+		H("input", {
 			ref: t,
 			"data-testid": "markweave-video-file-input",
 			type: "file",
@@ -1233,20 +1235,20 @@ function Dr(e) {
 				r && e.onFile(r), n.value = "";
 			}
 		}),
-		B("div", {
+		H("div", {
 			class: "markweave-video-upload-icon",
 			"aria-hidden": "true"
-		}, [B(yr, {
+		}, [H(br, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
-		B("div", { class: "markweave-video-upload-copy" }, [B("button", {
+		H("div", { class: "markweave-video-upload-copy" }, [H("button", {
 			type: "button",
 			onClick: () => t.value?.click()
-		}, n.clickToUpload), B("span", null, n.dragAndDrop)]),
-		B("div", { class: "markweave-video-upload-note" }, n.uploadNote),
-		B("div", { class: "markweave-video-upload-row" }, [
-			B("input", {
+		}, n.clickToUpload), H("span", null, n.dragAndDrop)]),
+		H("div", { class: "markweave-video-upload-note" }, n.uploadNote),
+		H("div", { class: "markweave-video-upload-row" }, [
+			H("input", {
 				"data-testid": "markweave-video-url-input",
 				value: e.inputValue,
 				placeholder: n.uploadInputPlaceholder,
@@ -1256,28 +1258,28 @@ function Dr(e) {
 					t.key === "Enter" && (t.preventDefault(), e.onSubmit());
 				}
 			}),
-			B("button", {
+			H("button", {
 				type: "button",
 				"data-testid": "markweave-video-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [B(vr, {
+			}, [H(yr, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
-			B("button", {
+			H("button", {
 				type: "button",
 				"data-testid": "markweave-video-upload-cancel",
 				onClick: e.onCancel
 			}, e.messages.common.cancel)
 		]),
-		e.error ? B("div", {
+		e.error ? H("div", {
 			class: "markweave-video-upload-error",
 			role: "alert"
 		}, e.error) : null
 	]);
 }
-var Or = J({
+var Ar = Y({
 	name: "MarkweaveVueImageNodeView",
 	props: {
 		editor: {
@@ -1310,10 +1312,31 @@ var Or = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), r = V(!1), i = V(!1), a = V(!1), o = V(""), c = V(null), l = V(!1), u = U(() => e.node.attrs), f = V(!!N(u.value.caption)), p = V(N(u.value.caption) ?? ""), m = xr(e.editor), h = U(() => d(m.value)), g = U(() => e.extension.options?.messages ?? n("zh")), _ = U(() => g.value.image), v = U(() => N(u.value.src)), y = U(() => br(u.value.align)), x = U(() => M(u.value.width)), S = U(() => N(u.value.caption)), w = U(() => h.value && (!v.value || i.value)), T = () => {
-			v.value && b({
-				src: v.value,
-				alt: N(u.value.alt) ?? "",
+		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 = Sr(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;
+		K(v, (t) => {
+			if (C?.abort(), C = null, !t) {
+				x.value = null;
+				return;
+			}
+			let n = y.value;
+			if (!n) {
+				x.value = { src: t };
+				return;
+			}
+			let r = new AbortController();
+			C = r, S(n, {
+				kind: "image",
+				priority: e.selected ? "visible" : "nearby",
+				signal: r.signal,
+				src: t
+			}).then((e) => {
+				r.signal.aborted || (x.value = e);
+			});
+		}, { immediate: !0 }), q(() => C?.abort());
+		let w = G(() => x.value?.src ?? (y.value ? null : v.value)), E = G(() => xr(u.value.align)), D = G(() => F(u.value.width)), A = G(() => I(u.value.caption)), M = G(() => h.value && (!v.value || i.value)), N = () => {
+			w.value && b({
+				src: w.value,
+				alt: I(u.value.alt) ?? "",
 				messages: {
 					dialogAriaLabel: _.value.previewDialogAriaLabel,
 					zoomOut: _.value.previewZoomOut,
@@ -1323,67 +1346,67 @@ var Or = J({
 				}
 			});
 		};
-		W(S, (e) => {
+		K(A, (e) => {
 			f.value || (p.value = e ?? "");
 		});
-		let D = () => {
+		let P = () => {
 			if (!h.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
-		}, k = () => {
+		}, ee = () => {
 			if (o.value = "", c.value = null, a.value = !1, v.value) {
 				i.value = !1;
 				return;
 			}
 			e.deleteNode();
-		}, A = async (t) => {
+		}, z = async (t) => {
 			if (!h.value) return;
 			let n = e.extension.options;
 			l.value = !0, c.value = null;
 			try {
-				let r = await F(ee(t, v.value && i.value ? "image-replace" : "image-insert"), n?.onUpload);
-				e.updateAttributes(C(u.value, r)), o.value = "", i.value = !1;
+				let r = await R(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;
 			}
-		}, j = () => {
+		}, te = () => {
 			if (!o.value.trim()) {
 				c.value = _.value.uploadRequiredError;
 				return;
 			}
-			A(P(o.value));
-		}, te = (e) => {
-			A({
+			z(L(o.value));
+		}, ne = (e) => {
+			z({
 				type: "file",
 				file: e,
 				mimeType: e.type || "image/*"
 			});
-		}, ne = () => {
-			f.value = !f.value, f.value && (p.value = S.value ?? "");
-		}, re = (n, r) => {
+		}, B = () => {
+			f.value = !f.value, f.value && (p.value = A.value ?? "");
+		}, V = (n, r) => {
 			if (!h.value || !v.value) return;
-			r.preventDefault(), r.stopPropagation(), D();
+			r.preventDefault(), r.stopPropagation(), P();
 			let i = t.value;
 			if (!i) return;
-			let a = r.clientX, o = i.getBoundingClientRect().width || x.value || 320, s = i.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? i.parentElement?.getBoundingClientRect().width ?? o, c = (t) => {
+			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) => {
 				let r = n === "right" ? t.clientX - a : a - t.clientX;
-				e.updateAttributes({ width: E(o + r, s) });
+				e.updateAttributes({ width: O(o + r, s) });
 			}, l = () => {
 				window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l);
 			};
 			window.addEventListener("pointermove", c), window.addEventListener("pointerup", l, { once: !0 });
 		};
-		return () => w.value ? B(s, {
+		return () => M.value ? H(s, {
 			as: "figure",
 			class: "markweave-image-node",
 			"data-testid": "markweave-image-node",
-			"data-align": y.value,
+			"data-align": E.value,
 			"data-selected": "false",
 			"data-hovered": "false",
 			"data-empty": "true"
-		}, () => Er({
+		}, () => Or({
 			messages: g.value,
 			inputValue: o.value,
 			error: c.value,
@@ -1392,17 +1415,17 @@ var Or = J({
 			onInputValue: (e) => {
 				o.value = e;
 			},
-			onFile: te,
-			onSubmit: j,
-			onCancel: k,
+			onFile: ne,
+			onSubmit: te,
+			onCancel: ee,
 			onDragActive: (e) => {
 				a.value = e;
 			}
-		})) : B(s, {
+		})) : H(s, {
 			as: "figure",
 			class: "markweave-image-node",
 			"data-testid": "markweave-image-node",
-			"data-align": y.value,
+			"data-align": E.value,
 			"data-selected": h.value && e.selected ? "true" : "false",
 			"data-hovered": r.value ? "true" : "false",
 			"data-empty": "false",
@@ -1413,97 +1436,104 @@ var Or = J({
 				r.value = !1;
 			},
 			onMousedown: (e) => {
-				h.value && !Sr(e.target) && D();
+				h.value && !Cr(e.target) && P();
 			}
 		}, () => [
-			h.value ? B("div", {
+			h.value ? H("div", {
 				class: "markweave-image-toolbar",
 				"data-testid": "markweave-image-toolbar",
 				"data-markweave-image-ui": "true",
 				"aria-label": _.value.toolsAriaLabel
 			}, [
-				X({
+				Dr({
 					testId: "markweave-image-align-left",
 					label: _.value.alignLeft,
-					icon: Dn,
-					active: y.value === "left",
+					icon: On,
+					active: E.value === "left",
 					onClick: () => e.updateAttributes({ align: "left" })
 				}),
-				X({
+				Dr({
 					testId: "markweave-image-align-center",
 					label: _.value.alignCenter,
-					icon: Tn,
-					active: y.value === "center",
+					icon: En,
+					active: E.value === "center",
 					onClick: () => e.updateAttributes({ align: "center" })
 				}),
-				X({
+				Dr({
 					testId: "markweave-image-align-right",
 					label: _.value.alignRight,
-					icon: On,
-					active: y.value === "right",
+					icon: kn,
+					active: E.value === "right",
 					onClick: () => e.updateAttributes({ align: "right" })
 				}),
-				B("span", {
+				H("span", {
 					class: "markweave-image-toolbar-divider",
 					"aria-hidden": "true"
 				}),
-				X({
+				Dr({
 					testId: "markweave-image-caption",
 					label: _.value.caption,
-					icon: Mn,
-					active: f.value || !!S.value,
-					onClick: ne
+					icon: Nn,
+					active: f.value || !!A.value,
+					onClick: B
 				}),
-				X({
+				Dr({
 					testId: "markweave-image-preview",
 					label: _.value.preview,
-					icon: Bn,
-					onClick: T
+					icon: Vn,
+					onClick: N
 				}),
-				X({
+				Dr({
 					testId: "markweave-image-download",
 					label: _.value.download,
-					icon: zn,
+					icon: Bn,
 					onClick: () => {
-						v.value && O(v.value);
+						w.value && j(w.value);
 					}
 				}),
-				X({
+				Dr({
 					testId: "markweave-image-replace",
 					label: _.value.replace,
-					icon: sr,
+					icon: cr,
 					onClick: () => {
 						o.value = "", c.value = null, i.value = !0;
 					}
 				}),
-				B("span", {
+				H("span", {
 					class: "markweave-image-toolbar-divider",
 					"aria-hidden": "true"
 				}),
-				X({
+				Dr({
 					testId: "markweave-image-delete",
 					label: _.value.delete,
-					icon: hr,
+					icon: gr,
 					onClick: () => e.deleteNode()
 				})
 			]) : null,
-			B("div", {
+			H("div", {
 				ref: t,
 				class: "markweave-image-box",
-				style: x.value ? { width: `${Math.round(x.value)}px` } : void 0
+				style: {
+					...D.value ? { width: `${Math.round(D.value)}px` } : {},
+					...x.value?.width && x.value.height ? { aspectRatio: `${x.value.width} / ${x.value.height}` } : {}
+				}
 			}, [
-				v.value ? B("img", {
+				w.value ? H("img", {
 					class: "markweave-image",
-					src: v.value,
-					alt: N(u.value.alt) ?? "",
-					title: N(u.value.title) ?? void 0,
-					draggable: !1
-				}) : B("div", {
+					src: w.value,
+					alt: I(u.value.alt) ?? "",
+					title: I(u.value.title) ?? void 0,
+					draggable: !1,
+					loading: "lazy",
+					decoding: "async",
+					width: x.value?.width,
+					height: x.value?.height
+				}) : H("div", {
 					class: "markweave-image-readonly-empty",
 					"data-testid": "markweave-image-readonly-empty",
 					"aria-hidden": "true"
 				}),
-				!h.value && v.value ? B("button", {
+				!h.value && w.value ? H("button", {
 					type: "button",
 					class: "markweave-image-preview-trigger",
 					"data-testid": "markweave-image-preview",
@@ -1511,34 +1541,34 @@ var Or = J({
 					"aria-label": _.value.preview,
 					title: _.value.preview,
 					onMousedown: (e) => e.preventDefault(),
-					onClick: T
-				}, [B(Bn, {
+					onClick: N
+				}, [H(Vn, {
 					size: 16,
 					strokeWidth: 1.8
-				}), B("span", {
+				}), H("span", {
 					class: "markweave-image-tooltip",
 					role: "tooltip"
 				}, _.value.preview)]) : null,
-				h.value ? B("button", {
+				h.value ? H("button", {
 					type: "button",
 					class: "markweave-image-resize-handle",
 					"data-testid": "markweave-image-resize-left",
 					"data-side": "left",
 					"aria-label": _.value.resizeLeft,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => re("left", e)
+					onPointerdown: (e) => V("left", e)
 				}) : null,
-				h.value ? B("button", {
+				h.value ? H("button", {
 					type: "button",
 					class: "markweave-image-resize-handle",
 					"data-testid": "markweave-image-resize-right",
 					"data-side": "right",
 					"aria-label": _.value.resizeRight,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => re("right", e)
+					onPointerdown: (e) => V("right", e)
 				}) : null
 			]),
-			h.value && (f.value || S.value) ? B("input", {
+			h.value && (f.value || A.value) ? H("input", {
 				class: "markweave-image-caption-input",
 				"data-testid": "markweave-image-caption-input",
 				"data-markweave-image-ui": "true",
@@ -1551,13 +1581,13 @@ var Or = J({
 				onKeydown: (e) => {
 					e.key === "Escape" && (e.preventDefault(), f.value = !1);
 				}
-			}) : S.value ? B("figcaption", {
+			}) : A.value ? H("figcaption", {
 				class: "markweave-image-caption",
 				"data-testid": "markweave-image-caption"
-			}, S.value) : null
+			}, A.value) : null
 		]);
 	}
-}), kr = J({
+}), jr = Y({
 	name: "MarkweaveVueVideoNodeView",
 	props: {
 		editor: {
@@ -1590,15 +1620,15 @@ var Or = J({
 		}
 	},
 	setup(e) {
-		let t = V(!1), r = V(""), i = V(null), a = V(!1), o = xr(e.editor), c = U(() => d(o.value)), l = U(() => e.extension.options?.messages ?? n("zh")), u = U(() => l.value.video), f = U(() => e.node.attrs), p = U(() => N(f.value.src)), m = U(() => N(f.value.embedUrl)), h = U(() => N(f.value.provider)), g = U(() => m.value ? j(m.value, h.value) : null), _ = U(() => N(f.value.mimeType)), v = U(() => N(f.value.title)), y = () => {
+		let t = U(!1), r = U(""), i = U(null), a = U(!1), o = Sr(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 = () => {
 			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 F(D(n), o?.onUpload);
-				e.updateAttributes(w(t)), r.value = "";
+				let t = await R(A(n), o?.onUpload);
+				e.updateAttributes(E(t)), r.value = "";
 			} catch (e) {
 				i.value = e instanceof Error ? e.message : u.value.uploadFailedError;
 			} finally {
@@ -1606,7 +1636,7 @@ var Or = J({
 			}
 		}, x = () => {
 			if (!c.value) return;
-			let t = T(r.value);
+			let t = D(r.value);
 			if (!t) {
 				i.value = u.value.unsupportedUrlError;
 				return;
@@ -1622,16 +1652,16 @@ var Or = J({
 			if (!c.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
-		}, E = (t) => {
+		}, w = (t) => {
 			c.value && e.selected && (t.key === "Backspace" || t.key === "Delete") && (t.preventDefault(), e.deleteNode());
 		};
-		return () => c.value && !p.value ? B(s, {
+		return () => c.value && !p.value ? H(s, {
 			as: "figure",
 			class: "markweave-video-node",
 			"data-testid": "markweave-video-node",
 			"data-empty": "true",
 			"data-selected": "false"
-		}, () => Dr({
+		}, () => kr({
 			messages: l.value,
 			inputValue: r.value,
 			error: i.value,
@@ -1646,7 +1676,7 @@ var Or = J({
 			onDragActive: (e) => {
 				t.value = e;
 			}
-		})) : B(s, {
+		})) : H(s, {
 			as: "figure",
 			class: "markweave-video-node",
 			"data-testid": "markweave-video-node",
@@ -1656,27 +1686,27 @@ var Or = J({
 			"aria-label": u.value.nodeAriaLabel,
 			tabindex: c.value ? 0 : void 0,
 			onFocus: C,
-			onKeydown: E,
+			onKeydown: w,
 			onMousedown: (e) => {
-				c.value && !Cr(e.target) && (e.preventDefault(), C());
+				c.value && !wr(e.target) && (e.preventDefault(), C());
 			}
-		}, () => [g.value ? B("div", { class: "markweave-video-embed" }, [B("iframe", {
+		}, () => [g.value ? H("div", { class: "markweave-video-embed" }, [H("iframe", {
 			class: "markweave-video-iframe",
 			src: g.value,
 			title: v.value ?? `${h.value ?? "Video"} embed`,
 			"data-markweave-video-embed": "true",
 			"data-markweave-video-provider": h.value ?? void 0,
 			"data-markweave-video-src": p.value ?? void 0,
-			allow: k,
+			allow: M,
 			loading: "lazy",
 			allowfullscreen: "true"
-		}), c.value ? B("button", {
+		}), c.value ? H("button", {
 			type: "button",
 			class: "markweave-video-selection-layer",
 			"data-testid": "markweave-video-selection-layer",
 			tabindex: -1,
 			"aria-label": u.value.selectAriaLabel
-		}) : null]) : p.value ? B("div", { class: "markweave-video-box" }, [B("video", {
+		}) : null]) : p.value ? H("div", { class: "markweave-video-box" }, [H("video", {
 			class: "markweave-video",
 			src: p.value,
 			title: v.value ?? void 0,
@@ -1684,41 +1714,51 @@ var Or = J({
 			controls: !0,
 			"data-markweave-video": "true",
 			"data-markweave-mime-type": _.value ?? void 0
-		}), c.value ? B("button", {
+		}), c.value ? H("button", {
 			type: "button",
 			class: "markweave-video-selection-layer",
 			"data-testid": "markweave-video-selection-layer",
 			tabindex: -1,
 			"aria-label": u.value.selectAriaLabel
-		}) : null]) : B("div", {
+		}) : null]) : H("div", {
 			class: "markweave-video-readonly-empty",
 			"data-testid": "markweave-video-readonly-empty",
 			"aria-hidden": "true"
 		})]);
 	}
-}), Ar = x.extend({
+}), Mr = C.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
 			messages: n("zh"),
-			onUpload: void 0
+			onUpload: void 0,
+			resolveMediaSource: void 0
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(Or, { stopEvent: ({ event: e }) => Sr(e.target) });
+		if (typeof document > "u") return null;
+		let e = c(Ar, { stopEvent: ({ event: e }) => Cr(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);
 	}
-}), jr = S.extend({
+}), Nr = w.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
 			messages: n("zh"),
-			onUpload: void 0
+			onUpload: void 0,
+			resolveMediaSource: void 0
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(kr, { stopEvent: ({ event: e }) => Cr(e.target) });
+		return typeof document > "u" ? null : c(jr, { stopEvent: ({ event: e }) => wr(e.target) });
 	}
-}), Mr = J({
+}), Pr = Y({
 	name: "MarkweaveVueLinkCardNodeView",
 	props: {
 		editor: {
@@ -1751,11 +1791,11 @@ var Or = J({
 		}
 	},
 	setup(e) {
-		let t = e.extension.options, r = t.messages ?? n("zh"), i = xr(e.editor), a = V(!1), o = V(!1), c = V(!1), l = U(() => _(e.node.attrs ?? {})), u = V(l.value?.title ?? ""), f = V(l.value?.href ?? "");
-		W(l, (e) => {
+		let t = e.extension.options, r = t.messages ?? n("zh"), i = Sr(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;
 		});
-		let p = U(() => d(i.value)), m = U(() => {
+		let p = G(() => d(i.value)), m = G(() => {
 			try {
 				return new URL(l.value?.href ?? "").host;
 			} catch {
@@ -1779,18 +1819,18 @@ var Or = J({
 				...r,
 				...i
 			}) ?? r);
-		}, C = (e, t, n, r) => B("button", {
+		}, C = (e, t, n, r) => H("button", {
 			type: "button",
 			title: e,
 			"aria-label": e,
 			"data-testid": n,
 			onMousedown: h,
 			onClick: r
-		}, [Tr(t, e), B("span", { role: "tooltip" }, e)]);
+		}, [Er(t, e), H("span", { role: "tooltip" }, e)]);
 		return () => {
 			let n = l.value;
 			if (!n) return null;
-			let i = !c.value && n.imageUrl ? B("img", {
+			let i = !c.value && n.imageUrl ? H("img", {
 				src: n.imageUrl,
 				alt: "",
 				loading: "lazy",
@@ -1798,7 +1838,7 @@ var Or = J({
 				onError: () => {
 					c.value = !0;
 				}
-			}) : !c.value && n.faviconUrl ? B("img", {
+			}) : !c.value && n.faviconUrl ? H("img", {
 				class: "markweave-link-card-favicon",
 				src: n.faviconUrl,
 				alt: "",
@@ -1807,8 +1847,8 @@ var Or = J({
 				onError: () => {
 					c.value = !0;
 				}
-			}) : B("b", null, m.value.slice(0, 1).toUpperCase());
-			return B(s, {
+			}) : H("b", null, m.value.slice(0, 1).toUpperCase());
+			return H(s, {
 				as: "article",
 				class: "markweave-link-card",
 				"data-testid": "markweave-link-card",
@@ -1822,32 +1862,32 @@ var Or = J({
 					a.value = !1;
 				},
 				onMousedown: (e) => {
-					wr(e.target) || e.preventDefault();
+					Tr(e.target) || e.preventDefault();
 				},
 				onClick: (e) => {
-					wr(e.target) || (e.preventDefault(), n.href && window.open(n.href, "_blank", "noopener,noreferrer"));
+					Tr(e.target) || (e.preventDefault(), n.href && window.open(n.href, "_blank", "noopener,noreferrer"));
 				}
 			}, () => [
-				B("a", {
+				H("a", {
 					class: "markweave-link-card-main",
 					href: n.href,
 					"aria-label": r.linkCard.open
-				}, [B("span", { class: "markweave-link-card-copy" }, [
-					B("strong", null, n.title),
-					n.description ? B("span", null, n.description) : null,
-					B("small", null, n.siteName ?? m.value)
-				]), B("span", {
+				}, [H("span", { class: "markweave-link-card-copy" }, [
+					H("strong", null, n.title),
+					n.description ? H("span", null, n.description) : null,
+					H("small", null, n.siteName ?? m.value)
+				]), H("span", {
 					class: "markweave-link-card-media",
 					"aria-hidden": "true"
 				}, [i])]),
-				p.value && a.value ? B("div", {
+				p.value && a.value ? H("div", {
 					class: "markweave-link-card-tools",
 					"data-markweave-link-card-ui": "true",
 					"aria-label": r.linkCard.toolsAriaLabel
 				}, [
-					C(r.linkCard.convertToLink, Qn, "markweave-link-card-convert", x),
-					C(r.linkCard.copyAddress, zn, "markweave-link-card-copy", () => b(n.href)),
-					C(r.linkCard.edit, ar, "markweave-link-card-edit", (i) => g({
+					C(r.linkCard.convertToLink, $n, "markweave-link-card-convert", x),
+					C(r.linkCard.copyAddress, Bn, "markweave-link-card-copy", () => b(n.href)),
+					C(r.linkCard.edit, or, "markweave-link-card-edit", (i) => g({
 						anchor: i.currentTarget,
 						editor: e.editor,
 						messages: r,
@@ -1857,15 +1897,15 @@ var Or = J({
 							attrs: n
 						}
 					})),
-					C(r.linkCard.delete, hr, "markweave-link-card-delete", () => e.deleteNode())
+					C(r.linkCard.delete, gr, "markweave-link-card-delete", () => e.deleteNode())
 				]) : null,
-				p.value && o.value ? B("form", {
+				p.value && o.value ? H("form", {
 					class: "markweave-link-card-editor",
 					"data-markweave-link-card-ui": "true",
 					"data-testid": "markweave-link-card-editor",
 					onSubmit: S
 				}, [
-					B("label", null, [B("span", null, r.linkCard.titleLabel), B("input", {
+					H("label", null, [H("span", null, r.linkCard.titleLabel), H("input", {
 						value: u.value,
 						placeholder: r.linkCard.titlePlaceholder,
 						"aria-label": r.linkCard.titleLabel,
@@ -1873,7 +1913,7 @@ var Or = J({
 							u.value = e.target.value;
 						}
 					})]),
-					B("label", null, [B("span", null, r.linkCard.addressLabel), B("input", {
+					H("label", null, [H("span", null, r.linkCard.addressLabel), H("input", {
 						value: f.value,
 						placeholder: r.linkCard.addressPlaceholder,
 						"aria-label": r.linkCard.addressLabel,
@@ -1881,16 +1921,16 @@ var Or = J({
 							f.value = e.target.value;
 						}
 					})]),
-					B("button", {
+					H("button", {
 						type: "submit",
 						disabled: !v(f.value),
 						"aria-label": r.linkCard.edit
-					}, [Tr(Qn, r.linkCard.edit)])
+					}, [Er($n, r.linkCard.edit)])
 				]) : null
 			]);
 		};
 	}
-}), Nr = h.extend({
+}), Fr = h.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1899,32 +1939,33 @@ var Or = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(Mr, { stopEvent: ({ event: e }) => wr(e.target) });
+		return typeof document > "u" ? null : c(Pr, { stopEvent: ({ event: e }) => Tr(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function Pr(t = {}) {
+function Ir(t = {}) {
 	return e({
 		lang: t.lang,
 		onImageUpload: t.onImageUpload,
-		linkCardExtension: Nr.configure({
+		linkCardExtension: Fr.configure({
 			lang: t.lang,
 			messages: n(t.lang),
 			resolver: t.linkCardResolver
 		}),
 		mediaExtensions: i({
-			image: Ar,
-			video: jr,
+			image: Mr,
+			video: Nr,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
-			onVideoUpload: t.onVideoUpload
+			onVideoUpload: t.onVideoUpload,
+			resolveMediaSource: t.resolveMediaSource
 		})
 	});
 }
 //#endregion
 //#region src/MarkweaveEditor.ts
-var Fr = {
+var Lr = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -1932,17 +1973,17 @@ var Fr = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, Ir = {
+}, Rr = {
 	active: !1,
 	language: Fe.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
 };
-function Lr(e) {
+function zr(e) {
 	return Gt.getState(e.state) ?? Wt;
 }
-function Rr(e) {
+function Br(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -1953,133 +1994,133 @@ function Rr(e) {
 	return null;
 }
 function Z(e, t, n = 18, r = 1.8) {
-	return B(e, {
+	return H(e, {
 		size: n,
 		strokeWidth: r,
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function zr(e) {
-	return e === "clipboard" ? [B("path", { d: "M9 4.5h6a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 15 18.5H7A1.5 1.5 0 0 1 5.5 17V6A1.5 1.5 0 0 1 7 4.5h2" }), B("path", { d: "M8.5 5.5v-1A1.5 1.5 0 0 1 10 3h2a1.5 1.5 0 0 1 1.5 1.5v1h-5Z" })] : e === "search" ? [B("circle", {
+function Vr(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",
 		r: "5.5"
-	}), B("path", { d: "m14 14 4 4" })] : e === "check" ? [B("path", { d: "m5 11 4 4 8-9" })] : e === "expand" ? [
-		B("path", { d: "M8 4H4v4" }),
-		B("path", { d: "M4 4l5 5" }),
-		B("path", { d: "M16 4h4v4" }),
-		B("path", { d: "m20 4-5 5" }),
-		B("path", { d: "M8 20H4v-4" }),
-		B("path", { d: "m4 20 5-5" }),
-		B("path", { d: "M16 20h4v-4" }),
-		B("path", { d: "m20 20-5-5" })
+	}), H("path", { d: "m14 14 4 4" })] : e === "check" ? [H("path", { d: "m5 11 4 4 8-9" })] : e === "expand" ? [
+		H("path", { d: "M8 4H4v4" }),
+		H("path", { d: "M4 4l5 5" }),
+		H("path", { d: "M16 4h4v4" }),
+		H("path", { d: "m20 4-5 5" }),
+		H("path", { d: "M8 20H4v-4" }),
+		H("path", { d: "m4 20 5-5" }),
+		H("path", { d: "M16 20h4v-4" }),
+		H("path", { d: "m20 20-5-5" })
 	] : e === "download" ? [
-		B("path", { d: "M12 4v10" }),
-		B("path", { d: "m8 10 4 4 4-4" }),
-		B("path", { d: "M5 19h14" })
-	] : e === "close" ? [B("path", { d: "M6 6l12 12" }), B("path", { d: "M18 6 6 18" })] : e === "zoomOut" ? [
-		B("circle", {
+		H("path", { d: "M12 4v10" }),
+		H("path", { d: "m8 10 4 4 4-4" }),
+		H("path", { d: "M5 19h14" })
+	] : e === "close" ? [H("path", { d: "M6 6l12 12" }), H("path", { d: "M18 6 6 18" })] : e === "zoomOut" ? [
+		H("circle", {
 			cx: "10",
 			cy: "10",
 			r: "5.25"
 		}),
-		B("path", { d: "M7.5 10h5" }),
-		B("path", { d: "m14 14 4 4" })
+		H("path", { d: "M7.5 10h5" }),
+		H("path", { d: "m14 14 4 4" })
 	] : e === "zoomIn" ? [
-		B("circle", {
+		H("circle", {
 			cx: "10",
 			cy: "10",
 			r: "5.25"
 		}),
-		B("path", { d: "M7.5 10h5" }),
-		B("path", { d: "M10 7.5v5" }),
-		B("path", { d: "m14 14 4 4" })
-	] : e === "reset" ? [B("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), B("path", { d: "M6.5 8.5H3.5v-3" })] : [B("path", { d: "m6 9 6 6 6-6" })];
+		H("path", { d: "M7.5 10h5" }),
+		H("path", { d: "M10 7.5v5" }),
+		H("path", { d: "m14 14 4 4" })
+	] : e === "reset" ? [H("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), H("path", { d: "M6.5 8.5H3.5v-3" })] : [H("path", { d: "m6 9 6 6 6-6" })];
 }
 function Q(e) {
-	return B("svg", {
+	return H("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
 		focusable: "false"
-	}, B("g", {
+	}, H("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "1.8"
-	}, zr(e)));
+	}, Vr(e)));
 }
 function $(e) {
 	e.preventDefault();
 }
-function Br(e) {
+function Hr(e) {
 	let t = ft(e);
 	return !t || typeof window > "u" || typeof window.open != "function" ? !1 : (window.open(t, "_blank", "noopener,noreferrer"), !0);
 }
-var Vr = {
-	bold: An,
-	italic: Xn,
-	underline: _r,
-	strike: ur,
-	"inline-code": Ln,
-	link: Qn,
-	more: rr,
-	superscript: fr,
-	subscript: dr,
-	"inline-math": cr,
-	"align-left": Dn,
-	"align-center": Tn,
-	"align-right": On,
-	"align-justify": En,
-	"decrease-indent": qn,
-	"increase-indent": Jn
-}, Hr = {
-	type: mr,
-	"heading-1": Hn,
-	"heading-2": Un,
-	"heading-3": Wn,
-	"bullet-list": $n,
-	"ordered-list": tr,
-	"task-list": er,
-	blockquote: or,
-	"code-block": jn,
-	info: Yn,
-	tip: Zn,
-	warning: kn,
-	error: In,
-	success: Nn,
-	emoji: lr,
-	math: cr,
-	table: pr,
-	separator: nr,
-	image: Gn,
-	video: yr,
-	attachment: ir
+var Ur = {
+	bold: jn,
+	italic: Zn,
+	underline: vr,
+	strike: dr,
+	"inline-code": Rn,
+	link: $n,
+	more: ir,
+	superscript: pr,
+	subscript: fr,
+	"inline-math": lr,
+	"align-left": On,
+	"align-center": En,
+	"align-right": kn,
+	"align-justify": Dn,
+	"decrease-indent": Jn,
+	"increase-indent": Yn
+}, Wr = {
+	type: hr,
+	"heading-1": Un,
+	"heading-2": Wn,
+	"heading-3": Gn,
+	"bullet-list": er,
+	"ordered-list": nr,
+	"task-list": tr,
+	blockquote: sr,
+	"code-block": Mn,
+	info: Xn,
+	tip: Qn,
+	warning: An,
+	error: Ln,
+	success: Pn,
+	emoji: ur,
+	math: lr,
+	table: mr,
+	separator: rr,
+	image: Kn,
+	video: br,
+	attachment: ar
 };
-function Ur(e) {
-	let t = Hr[e];
-	return B(t, {
+function Gr(e) {
+	let t = Wr[e];
+	return H(t, {
 		size: 18,
 		strokeWidth: 1.6,
 		absoluteStrokeWidth: !0,
 		"aria-hidden": "true"
 	});
 }
-var Wr = {
-	paragraph: gr,
-	"heading-1": Hn,
-	"heading-2": Un,
-	"heading-3": Wn,
-	"bullet-list": $n,
-	"numbered-list": tr,
-	"todo-list": er,
-	quote: or,
-	"code-block": jn
+var Kr = {
+	paragraph: _r,
+	"heading-1": Un,
+	"heading-2": Wn,
+	"heading-3": Gn,
+	"bullet-list": er,
+	"numbered-list": nr,
+	"todo-list": tr,
+	quote: sr,
+	"code-block": Mn
 };
-function Gr(e, t) {
-	return le(e, t).label;
+function qr(e, t) {
+	return se(e, t).label;
 }
-var Kr = J({
+var Jr = Y({
 	name: "MarkweaveVueFloatingToolbar",
 	props: {
 		editor: {
@@ -2096,28 +2137,28 @@ var Kr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V(""), r = V(null), i = V(null), a = V("bottom"), o = V(null), s = V(null), c = V(null), l = U(() => ft(n.value.trim())), u = U(() => e.messages.floatingToolbar), d = U(() => fe(e.messages).map((e) => [
+		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,
-			Wr[e.id]
-		])), f = U(() => de(e.messages).map((e) => [
+			Kr[e.id]
+		])), f = G(() => ue(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), p = U(() => ue(e.messages).map((e) => [
+		])), p = G(() => ce(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), m = U(() => R(e.messages).map((e) => e.id)), h = () => {
+		])), m = G(() => le(e.messages).map((e) => e.id)), h = () => {
 			l.value && (e.editor.chain().focus().extendMarkRange("link").setLink({ href: l.value }).run(), t.value = null);
 		}, g = () => {
 			e.editor.isActive("link") && e.editor.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", t.value = null;
 		}, _ = (r) => {
 			t.value = t.value === r ? null : r, r === "link" && (n.value = e.editor.getAttributes("link").href ?? "");
-		}, v = ae(() => {
+		}, v = B(() => {
 			let n = o.value, r = c.value, i = e.editor.view.dom.closest(".markweave-editor-frame");
 			if (!t.value || !n || !r) return;
-			let s = ve({
+			let s = _e({
 				toolbarRect: n.getBoundingClientRect(),
 				popoverSize: r.getBoundingClientRect(),
 				viewport: {
@@ -2129,11 +2170,11 @@ var Kr = J({
 			});
 			a.value = s.placement;
 		});
-		W(t, (e) => {
-			e && q(v.schedule);
-		}), G(() => {
+		K(t, (e) => {
+			e && J(v.schedule);
+		}), Cn(() => {
 			window.addEventListener("resize", v.schedule), window.addEventListener("scroll", v.schedule, !0);
-		}), K(() => {
+		}), q(() => {
 			v.cancel(), window.removeEventListener("resize", v.schedule), window.removeEventListener("scroll", v.schedule, !0);
 		});
 		let y = (n) => n === "block-type" || n === "color" || n === "more" ? t.value === n : n === "bold" ? e.editor.isActive("bold") : n === "italic" ? e.editor.isActive("italic") : n === "underline" ? e.editor.isActive("underline") : n === "strike" ? e.editor.isActive("strike") : n === "inline-code" ? e.editor.isActive("code") : n === "link" ? e.editor.isActive("link") : !1, b = (e, t) => {
@@ -2147,7 +2188,7 @@ var Kr = J({
 			let e = r.value;
 			if (!e || t.value !== null) return null;
 			let n = u.value.buttons[e];
-			return n ? B("div", {
+			return n ? H("div", {
 				class: "markweave-floating-toolbar-tooltip",
 				role: "tooltip",
 				"data-testid": "markweave-floating-toolbar-tooltip",
@@ -2155,7 +2196,7 @@ var Kr = J({
 				"data-active": y(e),
 				style: i.value === null ? void 0 : { "--markweave-floating-toolbar-tooltip-left": `${i.value}px` }
 			}, n) : null;
-		}, S = (n, i, a, o, s = !1, c) => B("button", {
+		}, S = (n, i, a, o, s = !1, c) => H("button", {
 			type: "button",
 			class: `markweave-floating-toolbar-button markweave-floating-toolbar-button--${n}`,
 			"aria-label": i,
@@ -2174,13 +2215,13 @@ var Kr = J({
 			onMouseenter: (e) => b(n, e.currentTarget),
 			onMouseleave: () => b(null),
 			onClick: o
-		}, n === "block-type" ? [B("span", { class: "markweave-floating-toolbar-button-inner" }, [B("span", { class: "markweave-floating-toolbar-block-label" }, Gr(e.editor, e.messages)), Z(t.value === "block-type" ? Fn : Pn, i)])] : n === "color" ? [B("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [B("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? Fn : Pn, i)])] : [Z(a, i)]), C = () => B("span", {
+		}, n === "block-type" ? [H("span", { class: "markweave-floating-toolbar-button-inner" }, [H("span", { class: "markweave-floating-toolbar-block-label" }, qr(e.editor, e.messages)), Z(t.value === "block-type" ? In : Fn, 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" ? In : Fn, i)])] : [Z(a, i)]), C = () => H("span", {
 			class: "markweave-floating-toolbar-divider",
 			"aria-hidden": "true"
-		}), w = (n, r, i) => B("section", {
+		}), w = (n, r, i) => H("section", {
 			class: "markweave-floating-toolbar-color-section",
 			"aria-label": n
-		}, [B("div", { class: "markweave-floating-toolbar-menu-title" }, n), B("div", { class: "markweave-floating-toolbar-swatch-grid" }, i.map(([n, i, a]) => B("button", {
+		}, [H("div", { class: "markweave-floating-toolbar-menu-title" }, n), H("div", { class: "markweave-floating-toolbar-swatch-grid" }, i.map(([n, i, a]) => H("button", {
 			key: `${r}-${n}`,
 			type: "button",
 			"aria-label": a,
@@ -2189,33 +2230,33 @@ var Kr = J({
 			onClick: () => {
 				r === "text" ? i ? e.editor.chain().focus().setColor(i).run() : e.editor.chain().focus().unsetColor().run() : i ? e.editor.chain().focus().toggleHighlight({ color: i }).run() : e.editor.chain().focus().unsetHighlight().run(), t.value = null;
 			}
-		}, r === "text" ? [B("span", {
+		}, r === "text" ? [H("span", {
 			class: "markweave-floating-toolbar-text-swatch",
 			style: { color: i ?? "#646970" }
-		}, "A")] : [B("span", {
+		}, "A")] : [H("span", {
 			class: "markweave-floating-toolbar-highlight-swatch",
 			style: { backgroundColor: i ?? "#ffffff" },
 			"aria-hidden": "true"
-		})])))]), T = () => t.value === "block-type" ? B("div", {
+		})])))]), T = () => t.value === "block-type" ? H("div", {
 			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
 			"data-testid": "markweave-floating-toolbar-turn-menu"
-		}, [B("div", { class: "markweave-floating-toolbar-menu-title" }, u.value.turnIntoTitle), ...d.value.map(([n, r, i]) => B("button", {
+		}, [H("div", { class: "markweave-floating-toolbar-menu-title" }, u.value.turnIntoTitle), ...d.value.map(([n, r, i]) => H("button", {
 			key: n,
 			type: "button",
 			"data-testid": `markweave-floating-toolbar-turn-${n}`,
 			onMousedown: $,
 			onClick: () => {
-				me(e.editor, n), t.value = null;
+				pe(e.editor, n), t.value = null;
 			}
-		}, [B("span", { class: "markweave-floating-toolbar-menu-icon" }, [Z(i, r)]), B("span", null, r)]))]) : t.value === "link" ? B("form", {
+		}, [H("span", { class: "markweave-floating-toolbar-menu-icon" }, [Z(i, r)]), H("span", null, r)]))]) : t.value === "link" ? H("form", {
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
 			ref: c,
 			"data-testid": "markweave-floating-toolbar-link-popover",
 			onSubmit: (e) => {
 				e.preventDefault(), h();
 			}
-		}, [B("input", {
+		}, [H("input", {
 			value: n.value,
 			placeholder: u.value.linkPlaceholder,
 			"aria-label": u.value.linkUrlLabel,
@@ -2223,45 +2264,45 @@ var Kr = J({
 			onInput: (e) => {
 				n.value = e.target.value;
 			}
-		}), B("span", { class: "markweave-floating-toolbar-link-actions" }, [
-			B("button", {
+		}), H("span", { class: "markweave-floating-toolbar-link-actions" }, [
+			H("button", {
 				type: "submit",
 				disabled: !l.value,
 				"aria-label": u.value.applyLink,
 				"data-testid": "markweave-floating-toolbar-link-apply",
 				onMousedown: $
-			}, [Z(Rn, u.value.applyLink)]),
-			B("span", {
+			}, [Z(zn, u.value.applyLink)]),
+			H("span", {
 				class: "markweave-floating-toolbar-link-divider",
 				"aria-hidden": "true"
 			}),
-			B("button", {
+			H("button", {
 				type: "button",
 				disabled: !l.value,
 				"aria-label": u.value.openLink,
 				"data-testid": "markweave-floating-toolbar-link-open",
 				onMousedown: $,
-				onClick: () => Br(n.value)
-			}, [Z(Vn, u.value.openLink)]),
-			B("button", {
+				onClick: () => Hr(n.value)
+			}, [Z(Hn, u.value.openLink)]),
+			H("button", {
 				type: "button",
 				"aria-label": u.value.removeLink,
 				"data-testid": "markweave-floating-toolbar-link-remove",
 				onMousedown: $,
 				onClick: g
-			}, [Z(hr, u.value.removeLink)])
-		])]) : t.value === "color" ? B("div", {
+			}, [Z(gr, u.value.removeLink)])
+		])]) : t.value === "color" ? H("div", {
 			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
 			"data-testid": "markweave-floating-toolbar-color-menu"
-		}, [w(u.value.textColorTitle, "text", f.value), w(u.value.highlightColorTitle, "highlight", p.value)]) : t.value === "more" ? B("div", {
+		}, [w(u.value.textColorTitle, "text", f.value), w(u.value.highlightColorTitle, "highlight", p.value)]) : t.value === "more" ? H("div", {
 			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
 			"data-testid": "markweave-floating-toolbar-more-menu"
-		}, m.value.map((n) => B("span", {
+		}, m.value.map((n) => H("span", {
 			key: n,
 			class: "markweave-floating-toolbar-more-item"
-		}, [B("button", {
+		}, [H("button", {
 			type: "button",
 			"aria-label": u.value.moreActions[n],
 			"data-testid": `markweave-floating-toolbar-more-${n}`,
@@ -2274,43 +2315,43 @@ var Kr = J({
 				r.value = null;
 			},
 			onClick: () => {
-				pe(e.editor, n), t.value = null;
+				fe(e.editor, n), t.value = null;
 			}
-		}, [Z(Vr[n], u.value.moreActions[n])]), r.value === n ? B("div", {
+		}, [Z(Ur[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 () => B(ne, {
+		return () => H(z, {
 			editor: e.editor,
-			shouldShow: ({ editor: e }) => e.isEditable && z(ye(e)),
+			shouldShow: ({ editor: e }) => e.isEditable && be(ve(e)),
 			options: { placement: "top" }
-		}, { default: () => B("div", {
+		}, { default: () => H("div", {
 			ref: o,
 			class: "markweave-floating-toolbar markweave-floating-toolbar--default markweave-floating-toolbar--motion-entered",
 			"data-popover-placement": t.value ? a.value : void 0,
 			"data-testid": "markweave-floating-toolbar"
-		}, [B("div", {
+		}, [H("div", {
 			ref: s,
 			class: "markweave-floating-toolbar-content",
 			"data-menu": t.value ?? "none"
 		}, [
-			S("block-type", u.value.buttons["block-type"], gr, () => _("block-type"), t.value === "block-type"),
+			S("block-type", u.value.buttons["block-type"], _r, () => _("block-type"), t.value === "block-type"),
 			C(),
-			S("bold", u.value.buttons.bold, An, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
-			S("italic", u.value.buttons.italic, Xn, () => 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, ur, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
-			S("inline-code", u.value.buttons["inline-code"], Ln, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
+			S("bold", u.value.buttons.bold, jn, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
+			S("italic", u.value.buttons.italic, Zn, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
+			S("underline", u.value.buttons.underline, vr, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
+			S("strike", u.value.buttons.strike, dr, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
+			S("inline-code", u.value.buttons["inline-code"], Rn, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
 			C(),
-			S("link", u.value.buttons.link, Qn, () => _("link"), e.editor.isActive("link")),
-			S("color", u.value.buttons.color, gr, () => _("color"), t.value === "color"),
+			S("link", u.value.buttons.link, $n, () => _("link"), e.editor.isActive("link")),
+			S("color", u.value.buttons.color, _r, () => _("color"), t.value === "color"),
 			C(),
-			S("more", u.value.buttons.more, rr, () => _("more"), t.value === "more"),
+			S("more", u.value.buttons.more, ir, () => _("more"), t.value === "more"),
 			T(),
 			x()
 		])]) });
 	}
-}), qr = J({
+}), Yr = Y({
 	name: "MarkweaveVueMathEditorPopover",
 	props: {
 		editor: {
@@ -2331,10 +2372,10 @@ var Kr = J({
 		}
 	},
 	setup(e) {
-		let t = V(e.target.latex), n = H(null), r = V(null), i = V(null), a = H(_t(e.editor, e.target)), o = U(() => t.value === e.target.latex && a.value ? {
+		let t = U(e.target.latex), n = W(null), r = U(null), i = U(null), a = W(_t(e.editor, e.target)), o = G(() => t.value === e.target.latex && a.value ? {
 			html: a.value,
 			error: !1
-		} : xt(t.value, e.target.kind, e.editor)), s = U(() => t.value.trim().length > 0), c = U(() => e.messages.math), l = U(() => gt(e.editor, e.target) ?? 1), u = () => {
+		} : xt(t.value, e.target.kind, e.editor)), s = G(() => t.value.trim().length > 0), c = G(() => e.messages.math), l = G(() => gt(e.editor, e.target) ?? 1), u = () => {
 			if (typeof window > "u") return;
 			let r = ht(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 			if (!r || !i) {
@@ -2361,13 +2402,13 @@ var Kr = J({
 			let n = t.target;
 			n instanceof Node && (r.value?.contains(n) || n instanceof Element && n.closest(".tiptap-mathematics-render") || e.onClose());
 		};
-		return W(() => [e.target.pos, e.target.latex], () => {
-			t.value = e.target.latex, a.value = _t(e.editor, e.target), q(u);
-		}), G(() => {
-			St(e.editor, e.target, !0), u(), q(() => {
+		return K(() => [e.target.pos, e.target.latex], () => {
+			t.value = e.target.latex, a.value = _t(e.editor, e.target), J(u);
+		}), Cn(() => {
+			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);
-		}), K(() => {
+		}), q(() => {
 			St(e.editor, e.target, !1), window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), document.removeEventListener("mousedown", p);
 		}), () => {
 			let a = e.target.kind === "block" ? c.value.blockTitle : c.value.inlineTitle, u = {
@@ -2381,7 +2422,7 @@ var Kr = J({
 				},
 				onKeydown: f
 			};
-			return e.target.kind === "inline" ? B("form", {
+			return e.target.kind === "inline" ? H("form", {
 				ref: r,
 				class: "markweave-math-editor-popover markweave-math-editor-popover--inline",
 				"aria-label": a,
@@ -2396,22 +2437,22 @@ var Kr = J({
 				onSubmit: (e) => {
 					e.preventDefault(), d();
 				}
-			}, [B("label", {
+			}, [H("label", {
 				class: "markweave-math-inline-source",
 				"data-testid": "markweave-math-inline-source"
 			}, [
-				B("span", { attrs: { "aria-hidden": "true" } }, "$"),
-				B("input", {
+				H("span", { attrs: { "aria-hidden": "true" } }, "$"),
+				H("input", {
 					...u,
 					"aria-label": c.value.latexLabel,
 					size: Math.max(t.value.length, 1)
 				}),
-				B("span", { attrs: { "aria-hidden": "true" } }, "$")
-			]), B("div", {
+				H("span", { attrs: { "aria-hidden": "true" } }, "$")
+			]), H("div", {
 				class: "markweave-math-inline-preview",
 				"data-error": o.value.error ? "true" : "false",
 				"data-testid": "markweave-math-editor-preview"
-			}, [B("div", { innerHTML: o.value.html || " " }), o.value.error ? B("small", null, c.value.invalidPreview) : null])]) : B("form", {
+			}, [H("div", { innerHTML: o.value.html || " " }), o.value.error ? H("small", null, c.value.invalidPreview) : null])]) : H("form", {
 				ref: r,
 				class: "markweave-math-editor-popover markweave-math-editor-popover--block",
 				"aria-label": a,
@@ -2427,39 +2468,39 @@ var Kr = J({
 					e.preventDefault(), d();
 				}
 			}, [
-				B("div", { class: "markweave-math-block-toolbar" }, [
-					B("span", null, c.value.label),
-					Z(Ln, c.value.label, 15, 1.75),
-					B("button", {
+				H("div", { class: "markweave-math-block-toolbar" }, [
+					H("span", null, c.value.label),
+					Z(Rn, 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(Nn, c.value.apply, 16, 2)])
+					}, [Z(Pn, c.value.apply, 16, 2)])
 				]),
-				B("label", {
+				H("label", {
 					class: "markweave-math-block-source",
 					"data-testid": "markweave-math-block-source"
 				}, [
-					B("span", { attrs: { "aria-hidden": "true" } }, "$$"),
-					B("textarea", {
+					H("span", { attrs: { "aria-hidden": "true" } }, "$$"),
+					H("textarea", {
 						...u,
 						"aria-label": c.value.latexLabel,
 						rows: 3
 					}),
-					B("span", { attrs: { "aria-hidden": "true" } }, "$$")
+					H("span", { attrs: { "aria-hidden": "true" } }, "$$")
 				]),
-				B("div", {
+				H("div", {
 					class: "markweave-math-block-preview",
 					"data-error": o.value.error ? "true" : "false",
 					"data-math-number": String(l.value),
 					"data-testid": "markweave-math-editor-preview"
-				}, [B("div", { innerHTML: o.value.html || " " }), o.value.error ? B("small", null, c.value.invalidPreview) : null])
+				}, [H("div", { innerHTML: o.value.html || " " }), o.value.error ? H("small", null, c.value.invalidPreview) : null])
 			]);
 		};
 	}
-}), Jr = J({
+}), Xr = Y({
 	name: "MarkweaveVueSlashCommandMenu",
 	props: {
 		commands: {
@@ -2496,7 +2537,7 @@ var Kr = J({
 		}
 	},
 	setup(e) {
-		let t = V(""), n = V(null), r = V(null), i = V(!1), a = V(""), o = V(0), s = U(() => {
+		let t = U(""), n = U(null), r = U(null), i = U(!1), a = U(""), o = U(0), s = G(() => {
 			let t = a.value.trim().toLowerCase();
 			return (t ? e.messages.slash.emojiItems.filter((e) => [
 				e.emoji,
@@ -2518,13 +2559,13 @@ var Kr = J({
 					} : {
 						kind: e.inputCommand.uploadKind ?? "attachment",
 						trigger: "slash-command",
-						source: P(t.value)
+						source: L(t.value)
 					};
 					if (!n.value && !t.value.trim()) {
 						r.value = e.messages.slash.uploadRequiredError;
 						return;
 					}
-					let a = await F(i, e.onUpload);
+					let a = await R(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;
@@ -2551,32 +2592,32 @@ var Kr = J({
 				group: t,
 				commands: e.commands.filter((e) => e.group === t)
 			})).filter((e) => e.commands.length);
-			return B("div", {
+			return H("div", {
 				class: "markweave-slash-layer",
 				style: { display: "contents" },
 				"data-testid": "markweave-slash-layer"
-			}, [B("div", {
+			}, [H("div", {
 				class: "markweave-slash-trigger",
 				style: d,
 				"aria-hidden": "true",
 				"data-testid": "markweave-slash-trigger"
-			}, [B("span", null, "/"), B("em", null, e.state.query || e.messages.slash.filterPlaceholder)]), B("div", {
+			}, [H("span", null, "/"), H("em", null, e.state.query || e.messages.slash.filterPlaceholder)]), H("div", {
 				class: "markweave-slash-menu",
 				style: u,
 				role: "listbox",
 				"aria-label": e.messages.slash.ariaLabel,
 				"data-placement": e.position.placement,
 				"data-testid": "markweave-slash-menu"
-			}, [e.inputCommand?.inputKind === "emoji" ? B("div", {
+			}, [e.inputCommand?.inputKind === "emoji" ? H("div", {
 				class: "markweave-slash-subpanel",
 				"data-testid": "markweave-slash-emoji-picker"
 			}, [
-				B("div", { class: "markweave-slash-subpanel-header" }, [B("button", {
+				H("div", { class: "markweave-slash-subpanel-header" }, [H("button", {
 					type: "button",
 					onMousedown: $,
 					onClick: () => e.onInputCommandChange(null)
-				}, e.messages.common.back), B("span", null, e.messages.slash.emojiTitle)]),
-				B("label", { class: "markweave-slash-input" }, [B("span", null, "/"), B("input", {
+				}, e.messages.common.back), H("span", null, e.messages.slash.emojiTitle)]),
+				H("label", { class: "markweave-slash-input" }, [H("span", null, "/"), H("input", {
 					autofocus: !0,
 					value: a.value,
 					placeholder: e.messages.slash.emojiSearchPlaceholder,
@@ -2587,11 +2628,11 @@ var Kr = J({
 						t.key === "Escape" ? (t.preventDefault(), e.onInputCommandChange(null)) : t.key === "ArrowDown" ? (t.preventDefault(), o.value = s.value.length ? (o.value + 1) % s.value.length : 0) : t.key === "ArrowUp" ? (t.preventDefault(), o.value = s.value.length ? (o.value - 1 + s.value.length) % s.value.length : 0) : (t.key === "Enter" || t.key === "Tab") && (t.preventDefault(), l(o.value));
 					}
 				})]),
-				B("div", {
+				H("div", {
 					class: "markweave-slash-emoji-grid",
 					role: "listbox",
 					"aria-label": e.messages.slash.emojiTitle
-				}, s.value.map((e, t) => B("button", {
+				}, s.value.map((e, t) => H("button", {
 					key: `${e.emoji}-${e.label}`,
 					type: "button",
 					role: "option",
@@ -2600,17 +2641,17 @@ var Kr = J({
 					onMouseenter: () => o.value = t,
 					onMousedown: $,
 					onClick: () => l(t)
-				}, [B("span", null, e.emoji), B("small", null, e.label)])))
-			]) : e.inputCommand?.inputKind === "upload" ? B("div", {
+				}, [H("span", null, e.emoji), H("small", null, e.label)])))
+			]) : e.inputCommand?.inputKind === "upload" ? H("div", {
 				class: "markweave-slash-subpanel",
 				"data-testid": "markweave-slash-upload-panel"
 			}, [
-				B("div", { class: "markweave-slash-upload-header" }, [B("button", {
+				H("div", { class: "markweave-slash-upload-header" }, [H("button", {
 					type: "button",
 					onMousedown: $,
 					onClick: () => e.onInputCommandChange(null)
-				}, e.messages.common.back), B("strong", null, e.inputCommand ? e.messages.slash.uploadKindLabels[e.inputCommand.uploadKind ?? "upload"] : e.messages.slash.uploadKindLabels.upload)]),
-				B("label", { class: "markweave-slash-upload-field" }, [B("span", null, e.messages.slash.uploadValueLabel), B("input", {
+				}, e.messages.common.back), H("strong", null, e.inputCommand ? e.messages.slash.uploadKindLabels[e.inputCommand.uploadKind ?? "upload"] : e.messages.slash.uploadKindLabels.upload)]),
+				H("label", { class: "markweave-slash-upload-field" }, [H("span", null, e.messages.slash.uploadValueLabel), H("input", {
 					autofocus: !0,
 					value: t.value,
 					placeholder: e.messages.slash.uploadValuePlaceholder,
@@ -2621,32 +2662,32 @@ var Kr = J({
 						e.key === "Enter" && (e.preventDefault(), c());
 					}
 				})]),
-				B("label", { class: "markweave-slash-upload-field" }, [B("span", null, e.messages.common.file), B("input", {
+				H("label", { class: "markweave-slash-upload-field" }, [H("span", null, e.messages.common.file), H("input", {
 					type: "file",
 					onChange: (e) => n.value = e.target.files?.[0] ?? null
 				})]),
-				r.value ? B("div", {
+				r.value ? H("div", {
 					class: "markweave-slash-upload-error",
 					role: "alert"
 				}, r.value) : null,
-				B("div", { class: "markweave-slash-upload-actions" }, [B("button", {
+				H("div", { class: "markweave-slash-upload-actions" }, [H("button", {
 					type: "button",
 					onMousedown: $,
 					onClick: () => e.onInputCommandChange(null)
-				}, e.messages.common.cancel), B("button", {
+				}, e.messages.common.cancel), H("button", {
 					type: "button",
 					"data-primary": "true",
 					disabled: i.value,
 					onMousedown: $,
 					onClick: c
 				}, e.messages.common.insert)])
-			]) : e.commands.length ? B("div", { class: "markweave-slash-command-list" }, f.map((t) => B("section", {
+			]) : e.commands.length ? H("div", { class: "markweave-slash-command-list" }, f.map((t) => H("section", {
 				key: t.group,
 				class: "markweave-slash-group",
 				"aria-label": t.group
-			}, [B("div", { class: "markweave-slash-group-title" }, t.group), ...t.commands.map((t) => {
+			}, [H("div", { class: "markweave-slash-group-title" }, t.group), ...t.commands.map((t) => {
 				let n = e.commands.indexOf(t) === e.state.activeIndex, r = jt(t);
-				return B("button", {
+				return H("button", {
 					key: t.id,
 					type: "button",
 					role: "option",
@@ -2668,18 +2709,18 @@ var Kr = J({
 						}
 					}
 				}, [
-					Ur(t.icon),
-					B("span", null, t.label),
-					t.disabledReason ? B("small", null, t.disabledReason) : null
+					Gr(t.icon),
+					H("span", null, t.label),
+					t.disabledReason ? H("small", null, t.disabledReason) : null
 				]);
-			})]))) : B("div", {
+			})]))) : H("div", {
 				class: "markweave-slash-menu__empty",
 				role: "option",
 				"aria-disabled": "true"
 			}, e.messages.slash.noResults)])]);
 		};
 	}
-}), Yr = J({
+}), Zr = Y({
 	name: "MarkweaveVueTableControls",
 	props: {
 		editor: {
@@ -2712,7 +2753,7 @@ var Kr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V("row-edge"), r = V(null), i = V(null), a = V(null), o = V(null), s = V(null), c = V(null), l = V(null), u = V(null), d = V(null), f = V(null), p = null, m = U(() => e.active ? Ht(e.editor.state) : Fr), h = U(() => en(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = U(() => en(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = U(() => Qt(e.editor)), v = U(() => _.value.length > 0), y = U(() => t.value ? an(e.editor, t.value) : []), b = () => {
+		let t = U(null), n = U("row-edge"), r = U(null), 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(null), p = null, m = G(() => e.active ? Ht(e.editor.state) : Lr), h = G(() => en(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = G(() => en(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = G(() => Qt(e.editor)), v = G(() => _.value.length > 0), y = G(() => t.value ? an(e.editor, t.value) : []), b = () => {
 			p === null || typeof window > "u" || (window.clearTimeout(p), p = null);
 		}, x = (e) => {
 			b(), s.value = e, !(!e || typeof window > "u") && (p = window.setTimeout(() => {
@@ -2770,20 +2811,20 @@ var Kr = J({
 		}, w = () => {
 			S(), C();
 		}, T = () => {
-			q(w);
+			J(w);
 		}, E = (e, r) => {
 			let i = t.value === e && n.value === r;
 			n.value = r, t.value = i ? null : e, T();
-		}, ee = () => {
+		}, D = () => {
 			e.editor.view.dispatch(zt(e.editor.state.tr, null));
-		}, D = (t, n) => {
+		}, O = (t, n) => {
 			let r = e.interactionState.hoverCellPos ?? m.value.activeCellPos, i = e.interactionState.hoverCellPos === null ? null : t === "row" ? e.interactionState.hoverVisualRowIndex : e.interactionState.hoverVisualColumnIndex;
 			r !== null && cn(e.editor, r, t, { visualIndex: i }), E(t, n);
-		}, O = () => {
-			ee(), E("selection", "selection-edge");
-		}, k = (n = !1) => {
+		}, k = () => {
+			D(), E("selection", "selection-edge");
+		}, A = (n = !1) => {
 			t.value = null, o.value = null, n && e.editor.view.focus();
-		}, A = async (n, r) => {
+		}, j = async (n, r) => {
 			let i = await Yt({
 				editor: e.editor,
 				commandId: n,
@@ -2791,19 +2832,19 @@ var Kr = J({
 				messages: e.messages
 			});
 			return i.copyFeedback ? (x(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : x(null), e.onCommandResult?.(i.commandResult), i.success;
-		}, j = (t) => {
+		}, M = (t) => {
 			let n = tn(e.editor, t);
-			n && e.onEditWithAi?.(n), k(!0);
-		}, M = (e) => {
-			!t.value || e.key !== "Escape" || k(!0);
+			n && e.onEditWithAi?.(n), A(!0);
 		}, N = (e) => {
-			t.value && (e.target instanceof Node && c.value?.contains(e.target) || k());
+			!t.value || e.key !== "Escape" || A(!0);
+		}, P = (e) => {
+			t.value && (e.target instanceof Node && c.value?.contains(e.target) || A());
 		};
-		G(() => {
-			w(), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), document.addEventListener("keydown", M), document.addEventListener("mousedown", N);
-		}), K(() => {
-			b(), window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0), document.removeEventListener("keydown", M), document.removeEventListener("mousedown", N);
-		}), W(() => [
+		Cn(() => {
+			w(), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), document.addEventListener("keydown", N), document.addEventListener("mousedown", P);
+		}), q(() => {
+			b(), window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0), document.removeEventListener("keydown", N), document.removeEventListener("mousedown", P);
+		}), K(() => [
 			e.active,
 			m.value.activeCellPos,
 			m.value.selectionFrom,
@@ -2814,7 +2855,7 @@ var Kr = J({
 			t.value,
 			n.value
 		], T, { flush: "post" });
-		let P = () => t.value ? B("div", {
+		let F = () => t.value ? H("div", {
 			ref: f,
 			class: "markweave-table-menu",
 			role: "menu",
@@ -2827,7 +2868,7 @@ var Kr = J({
 			} : void 0
 		}, y.value.map((n, r) => {
 			let i = nn(n), a = r === 0 ? i : nn(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : Jt(e.editor, n.commandId), c = rn(n, e.messages);
-			return B("button", {
+			return H("button", {
 				key: `${n.id}-${r}`,
 				type: "button",
 				role: "menuitem",
@@ -2842,15 +2883,15 @@ var Kr = J({
 				onClick: () => {
 					if (s) {
 						if (n.commandId === null) {
-							j(t.value === "row" || t.value === "column" ? t.value : "selection");
+							M(t.value === "row" || t.value === "column" ? t.value : "selection");
 							return;
 						}
-						A(n.commandId).finally(() => k());
+						j(n.commandId).finally(() => A());
 					}
 				}
 			}, c);
 		})) : null;
-		return () => e.active ? B("div", {
+		return () => e.active ? H("div", {
 			ref: c,
 			class: "markweave-table-controls",
 			"data-testid": "markweave-table-controls",
@@ -2858,7 +2899,7 @@ var Kr = J({
 			"data-open-menu": t.value ?? "none",
 			"data-positioned": r.value || i.value || a.value ? "true" : "false"
 		}, [
-			s.value ? B("div", {
+			s.value ? H("div", {
 				class: "markweave-table-copy-feedback",
 				role: "status",
 				"aria-live": "polite",
@@ -2867,7 +2908,7 @@ var Kr = J({
 				"data-text-length": s.value.textLength,
 				"data-html-length": s.value.htmlLength
 			}, Xt(s.value)) : null,
-			r.value ? B("button", {
+			r.value ? H("button", {
 				ref: l,
 				type: "button",
 				class: "markweave-table-edge-handle markweave-table-edge-handle--row",
@@ -2885,9 +2926,9 @@ var Kr = J({
 					top: `${r.value.top}px`
 				},
 				onMousedown: $,
-				onClick: () => D("row", "row-edge")
-			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
-			i.value ? B("button", {
+				onClick: () => O("row", "row-edge")
+			}, [H("span", { "aria-hidden": "true" }, "...")]) : null,
+			i.value ? H("button", {
 				ref: u,
 				type: "button",
 				class: "markweave-table-edge-handle markweave-table-edge-handle--column",
@@ -2905,9 +2946,9 @@ var Kr = J({
 					top: `${i.value.top}px`
 				},
 				onMousedown: $,
-				onClick: () => D("column", "column-edge")
-			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
-			v.value && a.value ? B("button", {
+				onClick: () => O("column", "column-edge")
+			}, [H("span", { "aria-hidden": "true" }, "...")]) : null,
+			v.value && a.value ? H("button", {
 				ref: d,
 				type: "button",
 				class: "markweave-table-edge-handle markweave-table-edge-handle--selection",
@@ -2921,12 +2962,12 @@ var Kr = J({
 					top: `${a.value.top}px`
 				},
 				onMousedown: $,
-				onClick: O
-			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
-			P()
+				onClick: k
+			}, [H("span", { "aria-hidden": "true" }, "...")]) : null,
+			F()
 		]) : null;
 	}
-}), Xr = J({
+}), Qr = Y({
 	name: "MarkweaveVueTableSelectionOverlay",
 	props: {
 		editor: {
@@ -2939,18 +2980,18 @@ var Kr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = () => {
+		let t = U(null), n = () => {
 			if (e.focusState.mode !== "cell-selection") {
 				t.value = null;
 				return;
 			}
 			t.value = sn(e.editor, Ut(e.editor.state));
 		};
-		return G(() => {
+		return Cn(() => {
 			n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
-		}), K(() => {
+		}), q(() => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
-		}), W(() => [
+		}), K(() => [
 			e.focusState.activeCellPos,
 			e.focusState.anchorCellPos,
 			e.focusState.mode,
@@ -2958,10 +2999,10 @@ var Kr = J({
 			e.focusState.selectionFrom,
 			e.focusState.selectionTo
 		], () => {
-			q(n);
+			J(n);
 		}, { flush: "post" }), () => {
 			let e = t.value;
-			return e ? B("div", {
+			return e ? H("div", {
 				"aria-hidden": "true",
 				class: "markweave-table-selection-overlay",
 				"data-anchor-cell-pos": e.anchorCellPos ?? "",
@@ -2982,7 +3023,7 @@ var Kr = J({
 			}) : null;
 		};
 	}
-}), Zr = J({
+}), $r = Y({
 	name: "MarkweaveVueCodeBlockControls",
 	props: {
 		editor: {
@@ -3011,46 +3052,46 @@ var Kr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V(null), r = V(null), i = V(null), a = V(null), o = V(null), s = V(null), c = V([]), l = V(null), u = V(!1), d = V(""), f = V(-1), p = V(null), m = V(!1), h = V(null), g = V(null), _ = V(!1), v = V({
+		let t = U(null), n = U(null), r = U(null), i = U(null), a = U(null), o = U(null), s = U(null), c = U([]), l = U(null), u = U(!1), d = U(""), f = U(-1), p = U(null), m = U(!1), h = U(null), g = U(null), _ = U(!1), v = U({
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}), y = V(0), b = V(0), x = V(0), S = null, C = U(() => (x.value, tt(e.editor, o.value))), w = U(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
+		}), y = U(0), b = U(0), x = U(0), S = null, C = G(() => (x.value, tt(e.editor, o.value))), w = G(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
 			...e.state,
 			pos: e.state.pos,
 			active: !0
-		} : null), T = U(() => C.value ?? w.value), E = U(() => T.value !== null), ee = U(() => T.value?.language === "mermaid"), D = U(() => ot(e.editor, T.value)), O = U(() => E.value && T.value !== null && !D.value), k = U(() => !e.readOnly), A = U(() => T.value ? Je(T.value.language) : Je("text")), j = U(() => p.value?.status ?? "idle"), M = U(() => T.value?.mermaidPreviewMode ?? e.mermaidMode), N = U(() => ee.value && M.value === "preview"), P = U(() => (x.value, y.value, b.value, it(e.editor))), te = U(() => `${b.value}|${P.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), F = U(() => Qe(d.value)), ne = U(() => T.value ? `${T.value.pos}:${T.value.language}:${T.value.text}` : "none"), re = () => {
+		} : 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 = () => {
 			S !== null && (window.clearTimeout(S), S = null);
-		}, ae = (e) => {
-			re(), p.value = e, e && (S = window.setTimeout(() => {
+		}, z = (e) => {
+			R(), p.value = e, e && (S = window.setTimeout(() => {
 				p.value = null, S = null;
 			}, Ve));
-		}, oe = () => {
+		}, te = () => {
 			h.value = null, g.value = null, _.value = !1, v.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, e.editor.view.focus();
-		}, I = () => {
+		}, B = () => {
 			let n = t.value;
 			if (!n) return;
-			if (!nt(n) || P.value.length === 0) {
+			if (!nt(n) || F.value.length === 0) {
 				c.value = [];
 				return;
 			}
-			let r = n.getBoundingClientRect(), i = P.value.flatMap((t) => {
+			let r = n.getBoundingClientRect(), i = F.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, P.value.map((e) => e.pos));
-		}, L = () => {
-			if (!O.value || !T.value) {
+			c.value = st(c.value, i, F.value.map((e) => e.pos));
+		}, V = () => {
+			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, M.value), a = r.getBoundingClientRect(), o = Ze(i, a);
+			let i = Xe(e.editor, T.value.pos, N.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;
@@ -3064,57 +3105,57 @@ var Kr = J({
 					windowHeight: window.innerHeight
 				});
 			}
-		}, se = async () => {
+		}, re = async () => {
 			if (e.readOnly) {
 				if (!T.value) return;
 				let e = await He(T.value.text);
-				ae(Pe(T.value, e ? "copied" : "failed"));
+				z(Pe(T.value, e ? "copied" : "failed"));
 				return;
 			}
 			if (!qe(e.editor, T.value)) return;
 			let t = await Me(e.editor);
-			ae(Pe(Ne(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
-		}, ce = (t, n) => {
+			z(Pe(Ne(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
+		}, ie = (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());
-		}, le = (t) => {
+		}, ae = (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());
-		}, ue = () => {
-			u.value = !u.value, u.value && a.value === null && (a.value = Ue()), f.value = u.value ? rt(F.value, T.value?.language ?? null) : -1;
-		}, R = (e) => {
+		}, 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;
+		}, se = (e) => {
 			let t = Qe(e);
 			d.value = e, f.value = rt(t, e.trim() ? null : T.value?.language ?? null);
-		}, de = (t) => {
+		}, ce = (t) => {
 			if (!t.isComposing) {
 				if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-					t.preventDefault(), f.value = lt(f.value, F.value.length, t.key === "ArrowUp" ? "previous" : "next");
+					t.preventDefault(), f.value = lt(f.value, L.value.length, t.key === "ArrowUp" ? "previous" : "next");
 					return;
 				}
 				if (t.key === "Enter") {
-					let e = F.value[f.value];
-					e && (t.preventDefault(), le(e.language));
+					let e = L.value[f.value];
+					e && (t.preventDefault(), ae(e.language));
 					return;
 				}
 				t.key === "Escape" && (t.preventDefault(), u.value = !1, f.value = -1, e.editor.view.focus());
 			}
-		}, fe = () => {
-			e.readOnly || !T.value || Ie(e.editor, T.value.pos, !D.value) && (y.value += 1, x.value += 1, o.value = null);
-		}, pe = () => {
+		}, le = () => {
+			e.readOnly || !T.value || Ie(e.editor, T.value.pos, !O.value) && (y.value += 1, x.value += 1, o.value = null);
+		}, ue = () => {
 			if (!T.value) return;
 			let t = at(e.editor, T.value.pos);
-			t && ie({
+			t && ne({
 				data: new Blob([t], { type: "image/svg+xml" }),
 				fileName: "markweave-mermaid.svg",
 				onSettled: () => e.editor.view.focus(),
 				ownerDocument: document
 			});
-		}, me = () => {
+		}, de = () => {
 			if (!T.value) return;
 			let t = at(e.editor, T.value.pos);
 			t && (h.value = Ge(t), g.value = null, _.value = !1, v.value = {
@@ -3122,26 +3163,26 @@ var Kr = J({
 				lastX: 0,
 				lastY: 0
 			});
-		}, he = (e) => {
+		}, fe = (e) => {
 			h.value = h.value ? {
 				...h.value,
 				scale: Be(h.value.scale + e)
 			} : null;
-		}, ge = () => {
+		}, pe = () => {
 			h.value = h.value ? Ge(h.value.svg) : null, v.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, _.value = !1;
-		}, _e = (e) => {
-			e.preventDefault(), he(e.deltaY < 0 ? ct : -ct);
-		}, ve = (e) => {
+		}, me = (e) => {
+			e.preventDefault(), fe(e.deltaY < 0 ? ct : -ct);
+		}, he = (e) => {
 			e.button === 0 && (e.preventDefault(), v.value = {
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
 			}, _.value = !0);
-		}, ye = (e) => {
+		}, ge = (e) => {
 			let t = v.value;
 			if (!t.active) return;
 			let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
@@ -3150,52 +3191,52 @@ var Kr = J({
 				lastX: e.clientX,
 				lastY: e.clientY
 			}, h.value = ut(h.value, n, r);
-		}, be = () => {
+		}, _e = () => {
 			v.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, _.value = !1;
 		};
-		W(() => e.readOnly, (e) => {
+		K(() => e.readOnly, (e) => {
 			e && (u.value = !1, d.value = "");
-		}), W(ne, () => {
-			ae(null), u.value = !1, d.value = "", f.value = -1, h.value = null, g.value = null, _.value = !1;
-		}), W(u, async (e) => {
+		}), K(ee, () => {
+			z(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 q(), L(), r.value?.focus({ preventScroll: !0 });
-		}), W(() => [
+			await J(), V(), r.value?.focus({ preventScroll: !0 });
+		}), K(() => [
 			u.value,
 			d.value,
 			f.value
 		], async () => {
 			if (!u.value || f.value < 0) return;
-			await q();
+			await J();
 			let e = i.value, t = e?.querySelector(`[data-language-index="${f.value}"]`);
 			e && t && dt(e, t);
-		}, { flush: "post" }), W(() => [
-			O.value,
+		}, { flush: "post" }), K(() => [
+			k.value,
 			y.value,
 			T.value?.pos ?? null,
 			u.value,
-			M.value
+			N.value
 		], async () => {
-			await q(), L();
+			await J(), V();
 		}, {
 			flush: "post",
 			immediate: !0
-		}), W(te, async () => {
-			await q(), I(), window.requestAnimationFrame(I);
+		}), K(I, async () => {
+			await J(), B(), window.requestAnimationFrame(B);
 		}, {
 			flush: "post",
 			immediate: !0
 		});
-		let z = null;
-		return G(() => {
-			q(() => {
+		let ve = null;
+		return Cn(() => {
+			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;
 					let r = et(e.editor, n.target), i = tt(e.editor, r), a = i && !ot(e.editor, i) ? i.pos : null;
@@ -3205,7 +3246,7 @@ var Kr = J({
 				}, a = (t) => {
 					if (t.key === "Escape") {
 						if (h.value) {
-							oe();
+							te();
 							return;
 						}
 						u.value && (u.value = !1, f.value = -1, e.editor.view.focus());
@@ -3215,14 +3256,14 @@ var Kr = J({
 				}, 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", L), window.addEventListener("scroll", L, !0), window.addEventListener("resize", I), window.addEventListener("scroll", I, !0), document.addEventListener("keydown", a), document.addEventListener("mousedown", s), e.editor.on("transaction", c), z = () => {
-					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", i), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", I), window.removeEventListener("scroll", I, !0), document.removeEventListener("keydown", a), document.removeEventListener("mousedown", s), e.editor.off("transaction", c), re();
+				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();
 				};
 			});
-		}), K(() => {
-			z?.(), z = null, re();
+		}), q(() => {
+			ve?.(), ve = null, R();
 		}), () => {
-			if (!O.value && P.value.length === 0 && !h.value) return null;
+			if (!k.value && F.value.length === 0 && !h.value) return null;
 			let o = s.value ? {
 				top: `${s.value.top}px`,
 				right: `${s.value.right}px`
@@ -3230,15 +3271,15 @@ var Kr = J({
 				left: `${l.value.left}px`,
 				top: `${l.value.top}px`
 			} : void 0;
-			return B("div", {
+			return H("div", {
 				ref: t,
 				class: "markweave-codeblock-overlay",
 				"data-testid": "markweave-codeblock-overlay",
 				"data-read-only": e.readOnly ? "true" : "false"
 			}, [
-				...P.value.map((e) => {
+				...F.value.map((e) => {
 					let t = c.value.find((t) => t.pos === e.pos);
-					return B("div", {
+					return H("div", {
 						key: e.pos,
 						class: "markweave-mermaid-tabs",
 						"data-testid": "markweave-mermaid-tabs",
@@ -3248,29 +3289,29 @@ var Kr = J({
 							top: `${t.top}px`,
 							left: `${t.left}px`
 						} : void 0
-					}, ["code", "preview"].map((t) => B("button", {
+					}, ["code", "preview"].map((t) => H("button", {
 						key: t,
 						type: "button",
 						"data-testid": `markweave-mermaid-mode-${t}`,
 						"data-active": e.mermaidPreviewMode === t ? "true" : "false",
 						onMousedown: $,
-						onClick: () => ce(e, t)
+						onClick: () => ie(e, t)
 					}, t === "code" ? "Code" : "Preview")));
 				}),
-				O.value && T.value ? B("div", {
+				k.value && T.value ? H("div", {
 					class: "markweave-codeblock-controls",
 					"data-testid": "markweave-codeblock-controls",
 					"data-positioned": s.value ? "true" : "false",
-					"data-collapsed": D.value ? "true" : "false",
+					"data-collapsed": O.value ? "true" : "false",
 					"data-read-only": e.readOnly ? "true" : "false",
 					"aria-label": "Code block controls",
 					style: o
 				}, [
-					e.readOnly ? B("span", {
+					e.readOnly ? H("span", {
 						class: "markweave-codeblock-language-button markweave-codeblock-language-label",
 						"aria-label": "Code block language",
 						"data-testid": "markweave-codeblock-language"
-					}, [B("span", null, A.value)]) : B("button", {
+					}, [H("span", null, j.value)]) : H("button", {
 						ref: n,
 						type: "button",
 						class: "markweave-codeblock-language-button",
@@ -3279,24 +3320,24 @@ var Kr = J({
 						"aria-haspopup": "listbox",
 						"data-testid": "markweave-codeblock-language",
 						onMousedown: $,
-						onClick: ue
-					}, [B("span", null, A.value), Q("chevron")]),
-					k.value ? B("button", {
+						onClick: oe
+					}, [H("span", null, j.value), Q("chevron")]),
+					A.value ? H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
-						"aria-label": D.value ? "Expand code block" : "Collapse code block",
-						title: D.value ? "Expand code block" : "Collapse code block",
+						"aria-label": O.value ? "Expand code block" : "Collapse code block",
+						title: O.value ? "Expand code block" : "Collapse code block",
 						"data-testid": "markweave-codeblock-collapse",
-						"data-collapsed": D.value ? "true" : "false",
+						"data-collapsed": O.value ? "true" : "false",
 						onMousedown: $,
-						onClick: fe
+						onClick: le
 					}, [Q("chevron")]) : null,
-					B("span", { class: "markweave-codeblock-copy-wrap" }, [B("button", {
+					H("span", { class: "markweave-codeblock-copy-wrap" }, [H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Copy to clipboard",
 						"data-testid": "markweave-codeblock-copy",
-						"data-copy-state": j.value,
+						"data-copy-state": M.value,
 						onMousedown: $,
 						onMouseenter: () => {
 							m.value = !0;
@@ -3311,63 +3352,63 @@ var Kr = J({
 							m.value = !1;
 						},
 						onClick: () => {
-							se();
+							re();
 						}
-					}, [Q(j.value === "copied" ? "check" : "clipboard")]), m.value ? B("span", {
+					}, [Q(M.value === "copied" ? "check" : "clipboard")]), m.value ? H("span", {
 						class: "markweave-codeblock-tooltip",
 						role: "tooltip",
 						"data-testid": "markweave-codeblock-copy-tooltip"
 					}, "Copy to clipboard") : null]),
-					ee.value && M.value === "preview" ? B("div", {
+					D.value && N.value === "preview" ? H("div", {
 						class: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions"
-					}, [B("button", {
+					}, [H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen",
-						disabled: !N.value,
+						disabled: !P.value,
 						onMousedown: $,
-						onClick: me
-					}, [Q("expand")]), B("button", {
+						onClick: de
+					}, [Q("expand")]), H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Download Mermaid SVG",
 						"data-testid": "markweave-mermaid-download",
-						disabled: !N.value,
+						disabled: !P.value,
 						onMousedown: $,
-						onClick: pe
+						onClick: ue
 					}, [Q("download")])]) : null
 				]) : null,
-				k.value && O.value && u.value && T.value ? B("div", {
+				A.value && k.value && u.value && T.value ? H("div", {
 					class: "markweave-codeblock-language-menu",
 					"data-testid": "markweave-codeblock-language-menu",
 					"data-positioned": l.value ? "true" : "false",
 					style: p
-				}, [B("label", { class: "markweave-codeblock-language-search" }, [B("input", {
+				}, [H("label", { class: "markweave-codeblock-language-search" }, [H("input", {
 					ref: r,
 					role: "combobox",
 					"aria-autocomplete": "list",
 					"aria-controls": a.value ?? void 0,
 					"aria-expanded": "true",
-					"aria-activedescendant": a.value && F.value[f.value] ? $e(a.value, F.value[f.value].language) : void 0,
+					"aria-activedescendant": a.value && L.value[f.value] ? $e(a.value, L.value[f.value].language) : void 0,
 					"aria-label": "Search code block languages",
 					value: d.value,
 					placeholder: "Search...",
 					"data-testid": "markweave-codeblock-language-search",
 					onInput: (e) => {
-						R(e.target.value);
+						se(e.target.value);
 					},
-					onKeydown: de
-				}), Q("search")]), B("div", {
+					onKeydown: ce
+				}), Q("search")]), H("div", {
 					ref: i,
 					id: a.value ?? void 0,
 					class: "markweave-codeblock-language-list",
 					role: "listbox",
 					"aria-label": "Code block languages"
-				}, F.value.map((e, t) => {
+				}, L.value.map((e, t) => {
 					let n = T.value?.language === e.language, r = t === f.value;
-					return B("button", {
+					return H("button", {
 						key: e.language,
 						id: a.value ? $e(a.value, e.language) : void 0,
 						type: "button",
@@ -3381,21 +3422,21 @@ var Kr = J({
 						onMouseenter: () => {
 							f.value = t;
 						},
-						onClick: () => le(e.language)
-					}, [B("span", null, e.label), n ? Q("check") : null]);
+						onClick: () => ae(e.language)
+					}, [H("span", null, e.label), n ? Q("check") : null]);
 				}))]) : null,
-				h.value ? B("div", {
+				h.value ? H("div", {
 					class: "markweave-mermaid-fullscreen-layer",
 					role: "dialog",
 					"aria-modal": "true",
 					"aria-label": "Mermaid preview",
 					"data-testid": "markweave-mermaid-fullscreen-layer"
 				}, [
-					B("div", {
+					H("div", {
 						class: "markweave-mermaid-fullscreen-toolbar",
 						"data-testid": "markweave-mermaid-fullscreen-toolbar"
 					}, [
-						B("button", {
+						H("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Zoom out",
@@ -3412,13 +3453,13 @@ var Kr = J({
 							onBlur: () => {
 								g.value = null;
 							},
-							onClick: () => he(-ct)
+							onClick: () => fe(-ct)
 						}, [Q("zoomOut")]),
-						B("span", {
+						H("span", {
 							class: "markweave-mermaid-fullscreen-zoom-label",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-label"
 						}, Ye(h.value.scale)),
-						B("button", {
+						H("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Zoom in",
@@ -3435,9 +3476,9 @@ var Kr = J({
 							onBlur: () => {
 								g.value = null;
 							},
-							onClick: () => he(ct)
+							onClick: () => fe(ct)
 						}, [Q("zoomIn")]),
-						B("button", {
+						H("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Reset zoom",
@@ -3454,31 +3495,31 @@ var Kr = J({
 							onBlur: () => {
 								g.value = null;
 							},
-							onClick: ge
+							onClick: pe
 						}, [Q("reset")]),
-						g.value ? B("span", {
+						g.value ? H("span", {
 							class: "markweave-mermaid-fullscreen-tooltip",
 							role: "tooltip",
 							"data-testid": "markweave-mermaid-fullscreen-tooltip"
 						}, g.value === "zoom-out" ? "Zoom out" : g.value === "zoom-in" ? "Zoom in" : "Reset") : null
 					]),
-					B("button", {
+					H("button", {
 						type: "button",
 						class: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: oe
+						onClick: te
 					}, [Q("close")]),
-					B("div", {
+					H("div", {
 						class: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
 						"data-dragging": _.value ? "true" : "false",
-						onWheel: _e,
-						onMousedown: ve,
-						onMousemove: ye,
-						onMouseup: be,
-						onMouseleave: be
-					}, [B("div", {
+						onWheel: me,
+						onMousedown: he,
+						onMousemove: ge,
+						onMouseup: _e,
+						onMouseleave: _e
+					}, [H("div", {
 						class: "markweave-mermaid-fullscreen-content",
 						"data-testid": "markweave-mermaid-fullscreen-content",
 						"data-scale-percent": Math.round(h.value.scale * 100),
@@ -3494,7 +3535,7 @@ var Kr = J({
 			]);
 		};
 	}
-}), Qr = J({
+}), ei = Y({
 	name: "MarkweaveVueInnerToc",
 	props: {
 		editor: {
@@ -3519,22 +3560,22 @@ var Kr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n, r = () => {
+		let t = U(null), n, r = () => {
 			n?.(), n = e.placement === "container" && t.value ? ke(t.value) : void 0;
 		};
-		return G(r), K(() => n?.()), W(() => e.placement, r), () => e.state.items.length ? B("nav", {
+		return Cn(r), q(() => n?.()), K(() => e.placement, r), () => e.state.items.length ? H("nav", {
 			ref: t,
 			class: "markweave-inner-toc",
 			"data-testid": "markweave-inner-toc",
 			"aria-label": e.messages.toc.ariaLabel
-		}, [B("div", {
+		}, [H("div", {
 			class: "markweave-inner-toc-rail",
 			"aria-hidden": "true"
-		}, e.state.items.map((e) => B("span", {
+		}, e.state.items.map((e) => H("span", {
 			key: e.id,
 			"data-level": e.level,
 			"data-active": e.active ? "true" : "false"
-		}))), B("div", { class: "markweave-inner-toc-panel" }, [B("div", { class: "markweave-inner-toc-list" }, e.state.items.map((t) => B("button", {
+		}))), H("div", { class: "markweave-inner-toc-panel" }, [H("div", { class: "markweave-inner-toc-list" }, e.state.items.map((t) => H("button", {
 			key: t.id,
 			type: "button",
 			class: "markweave-inner-toc-item",
@@ -3550,68 +3591,70 @@ var Kr = J({
 		}, t.text)))])]) : null;
 	}
 });
-function $r(e = {}) {
-	let i = r(e.lang), o = n(i), s = t(i), c = V(f(e.mode)), l = U(() => Se(e.theme)), u = U(() => c.value === "live" && e.editable !== !1), d = V(0), m = H(null), h = V(Lt), g = H(null), _ = H(null), v = V("code"), y = H(null), b = H(Wt), x = V(null), S = V(!1), C = H(null), w = ce(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), T = null;
-	function E() {
-		T !== null && (window.clearTimeout(T), T = null), d.value += 1;
+function ti(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(Lt), g = W(null), _ = W(null), v = U("code"), y = W(null), b = W(Wt), 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 O() {
+		D !== null && (window.clearTimeout(D), D = null), d.value += 1;
 	}
-	function ee() {
-		T !== null && window.clearTimeout(T), T = window.setTimeout(() => {
-			T = null, d.value += 1;
-		}, be);
+	function k() {
+		D !== null && window.clearTimeout(D), D = window.setTimeout(() => {
+			D = null, d.value += 1;
+		}, ye);
 	}
-	let D = e.onSlashCommandUpload, O = H(null);
-	O.value = new a({
-		extensions: Pr({
+	let A = e.onSlashCommandUpload, j = W(null);
+	j.value = new a({
+		extensions: Ir({
 			lang: i,
 			linkCardResolver: e.linkCardResolver,
-			onImageUpload: (e) => D?.(e) ?? te(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
-			onVideoUpload: (e) => D?.(e) ?? te(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler."))
+			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.")),
+			resolveMediaSource: e.resolveMediaSource
 		}),
-		content: e.content ?? e.defaultContent ?? "",
-		contentType: I(w),
+		content: T,
+		contentType: re(w),
 		editable: u.value,
 		autofocus: e.autofocus,
 		editorProps: {
 			attributes: {
 				class: "markweave-editor-surface",
 				"data-testid": "markweave-editor-surface",
+				"data-markweave-large-document": E ? "true" : "false",
 				autocapitalize: "off",
 				autocorrect: "off",
 				spellcheck: "false",
 				translate: "no"
 			},
 			handleClick: (e, t, n) => {
-				if (!u.value) return he(n);
+				if (!u.value) return me(n);
 				let r = yt(e, n);
-				return r ? (n.preventDefault(), n.stopPropagation(), A(), Ct(e, r, !0), wt(e, r), y.value = r, !0) : (y.value = null, !1);
+				return r ? (n.preventDefault(), n.stopPropagation(), N(), Ct(e, r, !0), wt(e, r), y.value = r, !0) : (y.value = null, !1);
 			},
 			handleDOMEvents: {
 				compositionstart: () => u.value ? (h.value = Rt(h.value, { type: "composition-start" }), g.value = null, !1) : !1,
-				compositionend: (e) => (u.value && window.setTimeout(() => j(e), 0), !1),
+				compositionend: (e) => (u.value && window.setTimeout(() => P(e), 0), !1),
 				click: (e, t) => {
-					if (!u.value) return he(t);
+					if (!u.value) return me(t);
 					let n = yt(e, t);
-					return n ? (t.preventDefault(), t.stopPropagation(), A(), Ct(e, n, !0), wt(e, n), y.value = n, !0) : (y.value = null, !1);
+					return n ? (t.preventDefault(), t.stopPropagation(), N(), Ct(e, n, !0), wt(e, n), y.value = n, !0) : (y.value = null, !1);
 				}
 			}
 		},
-		onSelectionUpdate: ({ editor: e }) => N(e),
+		onSelectionUpdate: ({ editor: e }) => I(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 && Vt(t), P(t), N(t), E();
+			}), Et(t, l.value), Dt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && Vt(t), L(t), I(t), O();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			if (P(e), (t.docChanged || Tt(t)) && ee(), t.docChanged && y.value) {
+			if (L(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 }) => {
-			N(t), u.value && M(t), S.value || e.onUpdate?.(oe(t, { onContentRead: (n, r) => {
-				let i = ce(e.contentFormat);
+			I(t), u.value && F(t), S.value || e.onUpdate?.(V(t, { onContentRead: (n, r) => {
+				let i = oe(e.contentFormat);
 				e.content !== void 0 && n === i && (C.value = {
 					content: r,
 					format: n,
@@ -3620,11 +3663,11 @@ function $r(e = {}) {
 			} }));
 		}
 	});
-	let k = U(() => O.value ?? null);
-	function A() {
+	let M = G(() => j.value ?? null);
+	function N() {
 		g.value = null, _.value = null, h.value = Lt;
 	}
-	function j(e) {
+	function P(e) {
 		let t = It(e.state);
 		if (!t) {
 			h.value = h.value.name === "idle" ? h.value : Lt, g.value = null, _.value = null;
@@ -3636,67 +3679,67 @@ function $r(e = {}) {
 			triggerRect: r
 		}), h.value = Pt(h.value, t);
 	}
-	function M(e) {
-		j(e.view);
+	function F(e) {
+		P(e.view);
 	}
-	function N(e) {
-		let t = ye(e);
-		_e(m.value, t) || (m.value = t);
+	function I(e) {
+		let t = ve(e);
+		ge(m.value, t) || (m.value = t);
 		let n = bt(e);
 		n && (St(e, n, !0), y.value = n);
 		let r = Ne(e);
 		r.active && r.language === "mermaid" && (v.value = r.mermaidPreviewMode);
 	}
-	function P(e) {
-		b.value = Lr(e);
+	function L(e) {
+		b.value = zr(e);
 	}
-	let F = U(() => k.value ? Ne(k.value) : Ir), ne = U(() => k.value ? Ht(k.value.state) : Fr), ie = U(() => m.value?.currentNode === "codeBlock"), ae = U(() => ie.value && F.value.language === "mermaid"), le = U(() => k.value ? kt({
-		active: ae.value,
+	let R = G(() => M.value ? Ne(M.value) : Rr), z = G(() => M.value ? Ht(M.value.state) : Lr), ne = G(() => m.value?.currentNode === "codeBlock"), B = G(() => ne.value && R.value.language === "mermaid"), se = G(() => M.value ? kt({
+		active: B.value,
 		mode: v.value,
-		source: F.value.text
+		source: R.value.text
 	}) : kt({
 		active: !1,
 		mode: "code",
 		source: ""
-	})), ue = U(() => k.value ? Bt(k.value.state) : null), R = U(() => k.value ? Ee(k.value.state.doc) : we.items), de = U(() => De(R.value, x.value)), fe = U(() => Ce(R.value, de.value)), pe = U(() => At(h.value.query, s)), me = U(() => ge({
+	})), ce = G(() => M.value && e.onRuntimeStateChange ? Bt(M.value.state) : null), le = G(() => M.value ? Ee(M.value.state) : we.items), ue = G(() => De(le.value, x.value)), de = G(() => Ce(le.value, ue.value)), fe = G(() => At(h.value.query, s)), pe = G(() => he({
 		revision: d.value,
 		mode: c.value,
 		editable: u.value,
-		toc: fe.value,
+		toc: de.value,
 		selection: m.value,
 		slash: h.value,
-		table: ne.value,
+		table: z.value,
 		tableInteraction: b.value,
-		codeBlock: F.value,
-		mermaid: le.value,
-		tableDebugSnapshot: ue.value
-	})), ve = {
-		closeSlashMenu: A,
-		focusFirstTableBodyCell: () => k.value ? Vt(k.value) : !1,
+		codeBlock: R.value,
+		mermaid: se.value,
+		tableDebugSnapshot: ce.value
+	})), _e = {
+		closeSlashMenu: N,
+		focusFirstTableBodyCell: () => M.value ? Vt(M.value) : !1,
 		setContent: (e, t = {}) => {
-			if (!k.value) return !1;
-			let n = ce(t.format);
-			return k.value.commands.setContent(e, {
-				contentType: I(n),
+			if (!M.value) return !1;
+			let n = oe(t.format);
+			return M.value.commands.setContent(e, {
+				contentType: re(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && Vt(k.value), N(k.value), u.value && M(k.value), P(k.value), E(), !0;
+			}), t.focusFirstTableBodyCell && Vt(M.value), I(M.value), u.value && F(M.value), L(M.value), O(), !0;
 		}
 	};
-	function z(e, t) {
-		if (!(!k.value || !u.value || !jt(e))) {
+	function be(e, t) {
+		if (!(!M.value || !u.value || !jt(e))) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
 				_.value = e;
 				return;
 			}
-			Nt(k.value, h.value, e, t), h.value = Rt(h.value, { type: "execute" }), A();
+			Nt(M.value, h.value, e, t), h.value = Rt(h.value, { type: "execute" }), N();
 		}
 	}
 	function xe(e) {
-		if (!k.value || _.value || !u.value) return;
-		let t = Mt(h.value, pe.value, e.key, { isComposing: e.isComposing || re(k.value.state) });
+		if (!M.value || _.value || !u.value) return;
+		let t = Mt(h.value, fe.value, e.key, { isComposing: e.isComposing || te(M.value.state) });
 		if (t.type !== "ignore") {
 			if (e.preventDefault(), t.type === "close") {
-				h.value = Rt(h.value, { type: "escape" }), A();
+				h.value = Rt(h.value, { type: "escape" }), N();
 				return;
 			}
 			if (t.type === "move-active") {
@@ -3707,78 +3750,78 @@ function $r(e = {}) {
 				});
 				return;
 			}
-			z(t.command);
+			be(t.command);
 		}
 	}
-	W(() => [e.mode, e.editable], () => {
-		c.value = f(e.mode), k.value && (k.value.setEditable(u.value), p(k.value, {
+	K(() => [e.mode, e.editable], () => {
+		c.value = f(e.mode), M.value && (M.value.setEditable(u.value), p(M.value, {
 			mode: c.value,
 			editable: u.value
-		}), Dt(k.value, u.value ? "live" : "view"), E(), u.value || A());
-	}, { immediate: !0 }), W(() => e.theme, () => {
-		k.value && Et(k.value, l.value);
-	}, { immediate: !0 }), W(() => e.content, (t) => {
-		let n = ce(e.contentFormat);
-		if (!(!k.value || t === void 0)) {
-			if (se(k.value, C.value, t, n)) {
+		}), Dt(M.value, u.value ? "live" : "view"), O(), u.value || N());
+	}, { immediate: !0 }), K(() => e.theme, () => {
+		M.value && Et(M.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)) {
 				C.value = null;
 				return;
 			}
-			C.value = null, !L(k.value, t, n) && (S.value = !0, k.value.commands.setContent(t, {
-				contentType: I(n),
+			C.value = null, !ie(M.value, t, n) && (S.value = !0, M.value.commands.setContent(t, {
+				contentType: re(n),
 				emitUpdate: !1
-			}), S.value = !1, N(k.value), u.value && M(k.value), P(k.value), E());
+			}), S.value = !1, I(M.value), u.value && F(M.value), L(M.value), O());
 		}
-	}), W(me, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), W(fe, (t) => e.onTocChange?.(t), { immediate: !0 }), W(R, (e) => {
+	}), K(pe, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), K(de, (t) => e.onTocChange?.(t), { immediate: !0 }), K(le, (e) => {
 		let t = De(e, x.value);
 		x.value !== t && (x.value = t);
 	});
 	let Oe = null;
-	return K(() => {
-		T !== null && window.clearTimeout(T);
-	}), G(() => {
+	return q(() => {
+		D !== null && window.clearTimeout(D);
+	}), Cn(() => {
 		let e = () => {
-			if (!k.value || !R.value.length) {
+			if (!M.value || !le.value.length) {
 				x.value = null;
 				return;
 			}
 			let e = null;
 			try {
-				e = Te(k.value, R.value);
+				e = Te(M.value, le.value);
 			} catch {
 				return;
 			}
 			x.value !== e && (x.value = e);
-		}, t = () => window.requestAnimationFrame(e), n = Rr(k.value?.view.dom ?? null);
+		}, t = () => window.requestAnimationFrame(e), n = Br(M.value?.view.dom ?? null);
 		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), Oe = () => {
 			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t);
 		};
-	}), K(() => {
+	}), q(() => {
 		Oe?.();
-		let e = O.value;
-		O.value = null, q(() => e?.destroy());
+		let e = j.value;
+		j.value = null, J(() => e?.destroy());
 	}), {
-		editor: k,
-		runtimeSnapshot: me,
-		actions: ve,
+		editor: M,
+		runtimeSnapshot: pe,
+		actions: _e,
 		__render: {
 			messages: o,
 			effectiveEditable: u,
-			tableFocusState: ne,
+			tableFocusState: z,
 			tableInteractionState: b,
-			codeBlockState: F,
-			isCodeBlockActive: ie,
+			codeBlockState: R,
+			isCodeBlockActive: ne,
 			mermaidMode: v,
 			mathTarget: y,
 			setMermaidMode: (e) => {
 				v.value = e;
 			},
-			tocState: fe,
-			filteredSlashCommands: pe,
+			tocState: de,
+			filteredSlashCommands: fe,
 			slashState: h,
 			slashMenuPosition: g,
 			slashInputCommand: _,
-			runSlashCommand: z,
+			runSlashCommand: be,
 			handleEditorKeyDown: xe,
 			setSlashInputCommand: (e) => {
 				_.value = e;
@@ -3786,7 +3829,7 @@ function $r(e = {}) {
 		}
 	};
 }
-var ei = J({
+var ni = Y({
 	name: "MarkweaveEditor",
 	props: {
 		defaultContent: {
@@ -3849,6 +3892,10 @@ var ei = J({
 			type: Function,
 			default: void 0
 		},
+		resolveMediaSource: {
+			type: Function,
+			default: void 0
+		},
 		className: {
 			type: String,
 			default: void 0
@@ -3891,12 +3938,12 @@ var ei = J({
 		}
 	},
 	setup(e) {
-		let t = $r(e);
+		let t = ti(e);
 		return () => {
 			let n = t.editor.value;
 			if (!n) return null;
 			let r = t.__render, i = ["markweave-editor-frame", e.className].filter(Boolean).join(" "), a = xe(e.canvasColor);
-			return B("section", {
+			return H("section", {
 				class: i,
 				"aria-label": e.ariaLabel ?? r.messages.common.editorAriaLabel,
 				"data-testid": "markweave-editor-frame",
@@ -3909,11 +3956,11 @@ var ei = J({
 				"data-table-focus-mode": r.tableFocusState.value.mode,
 				onKeydownCapture: r.handleEditorKeyDown
 			}, [
-				r.effectiveEditable.value ? B(Kr, {
+				r.effectiveEditable.value ? H(Jr, {
 					editor: n,
 					messages: r.messages
 				}) : null,
-				r.effectiveEditable.value ? B(Jr, {
+				r.effectiveEditable.value ? H(Xr, {
 					commands: r.filteredSlashCommands.value,
 					state: r.slashState.value,
 					position: r.slashMenuPosition.value,
@@ -3923,7 +3970,7 @@ var ei = J({
 					onInputCommandChange: r.setSlashInputCommand,
 					onUpload: e.onSlashCommandUpload
 				}) : null,
-				r.effectiveEditable.value ? B(Yr, {
+				r.effectiveEditable.value ? H(Zr, {
 					editor: n,
 					active: r.tableFocusState.value.active,
 					interactionState: r.tableInteractionState.value,
@@ -3932,11 +3979,11 @@ var ei = J({
 					onCommandResult: e.onTableCommandResult,
 					onEditWithAi: e.onEditWithAi
 				}) : null,
-				r.effectiveEditable.value ? B(Xr, {
+				r.effectiveEditable.value ? H(Qr, {
 					editor: n,
 					focusState: r.tableFocusState.value
 				}) : null,
-				B(Zr, {
+				H($r, {
 					editor: n,
 					state: r.codeBlockState.value,
 					active: r.effectiveEditable.value && r.isCodeBlockActive.value,
@@ -3944,23 +3991,23 @@ var ei = J({
 					onMermaidModeChange: r.setMermaidMode,
 					readOnly: !r.effectiveEditable.value
 				}),
-				e.innerToc && r.tocState.value.items.length ? B(Qr, {
+				e.innerToc && r.tocState.value.items.length ? H(ei, {
 					editor: n,
 					state: r.tocState.value,
 					messages: r.messages,
 					editable: r.effectiveEditable.value,
 					placement: Oe(e.innerTocPlacement)
 				}) : null,
-				r.effectiveEditable.value && r.mathTarget.value ? B(qr, {
+				r.effectiveEditable.value && r.mathTarget.value ? H(Yr, {
 					editor: n,
 					messages: r.messages,
 					target: r.mathTarget.value,
 					onClose: () => r.mathTarget.value = null
 				}) : null,
-				B(o, { editor: n })
+				H(o, { editor: n })
 			]);
 		};
 	}
 });
 //#endregion
-export { ei as MarkweaveEditor, Pr as createMarkweaveEditorExtensions, Pr as createMarkweaveVue2EditorExtensions, $r as useMarkweaveEditorController };
+export { ni as MarkweaveEditor, Ir as createMarkweaveEditorExtensions, Ir as createMarkweaveVue2EditorExtensions, ti as useMarkweaveEditorController };