@cocoar/vue-markdown-editor 2.11.0 → 2.13.0

package/dist/index.js

@@ -1,31 +1,31 @@
-import { Fragment as e, Teleport as t, computed as n, createApp as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, h as d, inject as f, markRaw as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as ee, onMounted as g, openBlock as _, ref as v, renderList as y, shallowRef as b, toDisplayString as x, unref as S, useId as C, useTemplateRef as w, vModelText as T, vShow as E, watch as D, withCtx as O, withDirectives as k, withKeys as A, withModifiers as j } from "vue";
-import { Editor as te, commandsCtx as M, defaultValueCtx as N, editorViewCtx as P, editorViewOptionsCtx as F, rootCtx as I } from "@milkdown/core";
-import { Milkdown as ne, MilkdownProvider as re, useEditor as ie, useInstance as ae } from "@milkdown/vue";
-import { CoarButton as L, CoarCodeBlock as R, CoarContextMenu as oe, CoarFormField as z, CoarIcon as B, CoarMenuDivider as se, CoarMenuItem as ce, CoarSelect as V, CoarSidebar as le, CoarSidebarDivider as H, CoarSidebarGroup as ue, CoarSidebarItem as U, CoarTextInput as W, FORM_FIELD_INJECTION_KEY as G, menuPreset as K, useContextMenu as de, useDialog as fe, useOverlay as pe } from "@cocoar/vue-ui";
-import { codeBlockSchema as me, commonmark as q, createCodeBlockCommand as he, insertHrCommand as ge, insertImageCommand as _e, liftListItemCommand as ve, sinkListItemCommand as ye, toggleEmphasisCommand as be, toggleInlineCodeCommand as xe, toggleStrongCommand as Se, turnIntoTextCommand as Ce, wrapInBlockquoteCommand as we, wrapInBulletListCommand as Te, wrapInHeadingCommand as J, wrapInOrderedListCommand as Ee } from "@milkdown/preset-commonmark";
-import { Plugin as De, PluginKey as Oe, TextSelection as ke } from "@milkdown/prose/state";
-import { $markSchema as Ae, $nodeSchema as je, $prose as Me, $remark as Ne, $view as Pe, replaceAll as Fe } from "@milkdown/utils";
-import { isColorSpanClose as Ie, parse as Le, parseColorSpanOpen as Re, parseFrontmatter as ze, sanitizeColor as Y, serializeColorSpanClose as Be, serializeColorSpanOpen as Ve } from "@cocoar/vue-markdown-core";
-import { CoarMarkdown as He } from "@cocoar/vue-markdown";
-import { addColAfterCommand as Ue, addColBeforeCommand as We, addRowAfterCommand as Ge, addRowBeforeCommand as Ke, deleteSelectedCellsCommand as qe, gfm as Je, insertTableCommand as Ye, moveColCommand as Xe, moveRowCommand as Ze, selectColCommand as Qe, selectRowCommand as $e, selectTableCommand as et, toggleStrikethroughCommand as tt } from "@milkdown/preset-gfm";
-import { Decoration as nt, DecorationSet as rt } from "@milkdown/prose/view";
-import { history as it, redoCommand as at, undoCommand as ot } from "@milkdown/plugin-history";
-import { clipboard as st } from "@milkdown/plugin-clipboard";
-import { listener as ct, listenerCtx as lt } from "@milkdown/plugin-listener";
+import { Fragment as e, Teleport as t, computed as n, createApp as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, h as f, inject as p, markRaw as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as ee, onMounted as _, openBlock as v, ref as y, render as b, renderList as x, shallowRef as te, toDisplayString as S, unref as C, useId as w, useTemplateRef as T, vModelText as E, vShow as D, watch as O, withCtx as k, withDirectives as A, withKeys as j, withModifiers as M } from "vue";
+import { Editor as N, commandsCtx as P, defaultValueCtx as F, editorViewCtx as I, editorViewOptionsCtx as L, rootCtx as ne } from "@milkdown/core";
+import { Milkdown as re, MilkdownProvider as R, useEditor as z, useInstance as ie } from "@milkdown/vue";
+import { CoarButton as B, CoarCodeBlock as ae, CoarContextMenu as oe, CoarFormField as V, CoarIcon as H, CoarMenuDivider as se, CoarMenuItem as U, CoarSelect as W, CoarSidebar as ce, CoarSidebarDivider as le, CoarSidebarGroup as ue, CoarSidebarItem as G, CoarTextInput as K, FORM_FIELD_INJECTION_KEY as de, menuPreset as fe, useContextMenu as pe, useDialog as me, useOverlay as he } from "@cocoar/vue-ui";
+import { codeBlockSchema as q, commonmark as ge, createCodeBlockCommand as _e, insertHrCommand as ve, insertImageCommand as ye, liftListItemCommand as be, sinkListItemCommand as xe, toggleEmphasisCommand as Se, toggleInlineCodeCommand as Ce, toggleStrongCommand as we, turnIntoTextCommand as Te, wrapInBlockquoteCommand as Ee, wrapInBulletListCommand as De, wrapInHeadingCommand as J, wrapInOrderedListCommand as Oe } from "@milkdown/preset-commonmark";
+import { Plugin as ke, PluginKey as Ae, TextSelection as je } from "@milkdown/prose/state";
+import { $markSchema as Me, $nodeSchema as Ne, $prose as Pe, $remark as Fe, $view as Ie, replaceAll as Le } from "@milkdown/utils";
+import { isColorSpanClose as Re, parse as ze, parseColorSpanOpen as Be, parseEmbedDirective as Ve, parseFrontmatter as He, sanitizeColor as Y, serializeColorSpanClose as Ue, serializeColorSpanOpen as We, serializeEmbedDirective as Ge, toEmbedProps as Ke } from "@cocoar/vue-markdown-core";
+import { CoarMarkdown as qe, EmbedRenderer as Je, EmbedRenderer as Ye, MARKDOWN_EMBEDS_KEY as Xe, resolveEmbed as Ze, resolveEmbed as Qe } from "@cocoar/vue-markdown";
+import { addColAfterCommand as $e, addColBeforeCommand as et, addRowAfterCommand as tt, addRowBeforeCommand as nt, deleteSelectedCellsCommand as rt, gfm as it, insertTableCommand as at, moveColCommand as ot, moveRowCommand as st, selectColCommand as ct, selectRowCommand as lt, selectTableCommand as ut, toggleStrikethroughCommand as dt } from "@milkdown/preset-gfm";
+import { Decoration as ft, DecorationSet as pt } from "@milkdown/prose/view";
+import { history as mt, redoCommand as ht, undoCommand as gt } from "@milkdown/plugin-history";
+import { clipboard as _t } from "@milkdown/plugin-clipboard";
+import { listener as vt, listenerCtx as yt } from "@milkdown/plugin-listener";
 //#region \0rolldown/runtime.js
-var ut = Object.create, dt = Object.defineProperty, ft = Object.getOwnPropertyDescriptor, pt = Object.getOwnPropertyNames, mt = Object.getPrototypeOf, ht = Object.prototype.hasOwnProperty, gt = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), _t = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = pt(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !ht.call(e, s) && s !== n && dt(e, s, {
+var bt = Object.create, xt = Object.defineProperty, St = Object.getOwnPropertyDescriptor, Ct = Object.getOwnPropertyNames, wt = Object.getPrototypeOf, Tt = Object.prototype.hasOwnProperty, Et = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), Dt = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = Ct(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !Tt.call(e, s) && s !== n && xt(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = ft(t, s)) || r.enumerable
+		enumerable: !(r = St(t, s)) || r.enumerable
 	});
 	return e;
-}, vt = (e, t, n) => (n = e == null ? {} : ut(mt(e)), _t(t || !e || !e.__esModule ? dt(n, "default", {
+}, Ot = (e, t, n) => (n = e == null ? {} : bt(wt(e)), Dt(t || !e || !e.__esModule ? xt(n, "default", {
 	value: e,
 	enumerable: !0
 }) : n, e));
 //#endregion
 //#region src/toolbar-helpers.ts
-function yt(e, t) {
+function kt(e, t) {
 	switch (e) {
 		case "table":
 		case "tableOps":
@@ -35,38 +35,42 @@ function yt(e, t) {
 		default: return !0;
 	}
 }
-function bt(e, t) {
+function At(e, t) {
 	return t === void 0 ? !0 : "has" in t ? t.has(e) : t.includes(e);
 }
-function xt(e) {
+function jt(e) {
 	let { target: t, inBulletList: n, inOrderedList: r } = e;
 	return (t === "bullet_list" ? n : r) ? "lift" : (t === "bullet_list" ? r : n) ? "switch" : "wrap";
 }
 //#endregion
 //#region src/flavor.ts
-var St = {
+var Mt = {
 	commonmark: {
 		gfm: !1,
-		textColor: !1
+		textColor: !1,
+		embeds: !1
 	},
 	gfm: {
 		gfm: !0,
-		textColor: !1
+		textColor: !1,
+		embeds: !1
 	},
 	cocoar: {
 		gfm: !0,
-		textColor: !0
+		textColor: !0,
+		embeds: !0
 	}
 };
-function Ct(e) {
-	return e === void 0 ? { ...St.cocoar } : typeof e == "string" ? { ...St[e] ?? St.cocoar } : {
+function Nt(e) {
+	return e === void 0 ? { ...Mt.cocoar } : typeof e == "string" ? { ...Mt[e] ?? Mt.cocoar } : {
 		gfm: e.gfm ?? !1,
-		textColor: e.textColor ?? !1
+		textColor: e.textColor ?? !1,
+		embeds: e.embeds ?? !1
 	};
 }
 //#endregion
 //#region src/code-block-view/CodeBlockShell.vue?vue&type=script&setup=true&lang.ts
-var wt = { class: "coar-md-code-render" }, Tt = { class: "coar-md-code-edit" }, Et = { class: "coar-md-code-lang-row" }, Dt = /* @__PURE__ */ u({
+var Pt = { class: "coar-md-code-render" }, Ft = { class: "coar-md-code-edit" }, It = { class: "coar-md-code-lang-row" }, Lt = /* @__PURE__ */ u({
 	__name: "CodeBlockShell",
 	props: {
 		text: {},
@@ -109,13 +113,13 @@ var wt = { class: "coar-md-code-render" }, Tt = { class: "coar-md-code-edit" },
 				value: "bash",
 				label: "Bash"
 			}
-		], a = w("contentMount");
-		return D([a, () => n.contentDOM], ([e, t]) => {
+		], a = T("contentMount");
+		return O([a, () => n.contentDOM], ([e, t]) => {
 			e && t && t.parentElement !== e && e.appendChild(t);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), (t, n) => (_(), o("div", { class: m(["coar-md-code-host", { "coar-md-code-host--editing": e.editing }]) }, [k(s("div", wt, [l(S(R), {
+		}), (t, n) => (v(), o("div", { class: h(["coar-md-code-host", { "coar-md-code-host--editing": e.editing }]) }, [A(s("div", Pt, [l(C(ae), {
 			code: e.text,
 			language: e.language || "text",
 			collapsible: !1,
@@ -124,11 +128,11 @@ var wt = { class: "coar-md-code-render" }, Tt = { class: "coar-md-code-edit" },
 			class: "coar-md-code-edit-btn",
 			type: "button",
 			title: "Edit code block",
-			onMousedown: n[0] ||= j((e) => r("enterEdit"), ["prevent"])
-		}, [l(S(B), {
+			onMousedown: n[0] ||= M((e) => r("enterEdit"), ["prevent"])
+		}, [l(C(H), {
 			name: "pencil",
 			size: "xs"
-		}), n[2] ||= s("span", null, "Edit", -1)], 32)], 512), [[E, !e.editing]]), k(s("div", Tt, [s("div", Et, [l(S(V), {
+		}), n[2] ||= s("span", null, "Edit", -1)], 32)], 512), [[D, !e.editing]]), A(s("div", Ft, [s("div", It, [l(C(W), {
 			class: "coar-md-code-lang-select",
 			"model-value": e.language,
 			options: i,
@@ -138,21 +142,21 @@ var wt = { class: "coar-md-code-render" }, Tt = { class: "coar-md-code-edit" },
 			ref_key: "contentMount",
 			ref: a,
 			class: "coar-md-code-content"
-		}, null, 512)], 512), [[E, e.editing]])], 2));
+		}, null, 512)], 512), [[D, e.editing]])], 2));
 	}
-}), Ot = /* @__PURE__ */ new Set(), kt = class {
+}), Rt = /* @__PURE__ */ new Set(), zt = class {
 	dom;
 	contentDOM;
 	app;
-	text = v("");
-	language = v("");
-	editing = v(!1);
+	text = y("");
+	language = y("");
+	editing = y(!1);
 	constructor(e, t, n) {
-		this.node = e, this.view = t, this.getPos = n, Ot.add(this), this.dom = document.createElement("div"), this.dom.className = "coar-md-code-host-mount";
+		this.node = e, this.view = t, this.getPos = n, Rt.add(this), this.dom = document.createElement("div"), this.dom.className = "coar-md-code-host-mount";
 		let i = document.createElement("pre"), a = document.createElement("code");
 		i.appendChild(a), this.contentDOM = a, this.text.value = e.textContent, this.language.value = e.attrs.language ?? "", this.app = r({
 			name: "CodeBlockShellRoot",
-			setup: () => () => d(Dt, {
+			setup: () => () => f(Lt, {
 				text: this.text.value,
 				language: this.language.value,
 				editing: this.editing.value,
@@ -174,7 +178,7 @@ var wt = { class: "coar-md-code-render" }, Tt = { class: "coar-md-code-edit" },
 		this.editing.value = !1;
 	}
 	destroy() {
-		Ot.delete(this), this.app.unmount();
+		Rt.delete(this), this.app.unmount();
 	}
 	notifySelectionChanged() {
 		let e = this.getPos();
@@ -192,17 +196,17 @@ var wt = { class: "coar-md-code-render" }, Tt = { class: "coar-md-code-edit" },
 		let e = this.getPos();
 		if (e == null) return;
 		let { tr: t } = this.view.state;
-		t.setSelection(ke.create(this.view.state.doc, e + 1)), this.view.dispatch(t), this.view.focus();
+		t.setSelection(je.create(this.view.state.doc, e + 1)), this.view.dispatch(t), this.view.focus();
 	};
 	handleLanguageChange = (e) => {
 		let t = this.getPos();
 		t != null && this.view.dispatch(this.view.state.tr.setNodeAttribute(t, "language", e));
 	};
-}, At = [Pe(me.node, () => (e, t, n) => new kt(e, t, n)), Me(() => new De({ view: () => ({ update(e, t) {
-	e.state.selection.eq(t.selection) || Ot.forEach((t) => {
+}, Bt = [Ie(q.node, () => (e, t, n) => new zt(e, t, n)), Pe(() => new ke({ view: () => ({ update(e, t) {
+	e.state.selection.eq(t.selection) || Rt.forEach((t) => {
 		t.view === e && t.notifySelectionChanged();
 	});
-} }) }))].flat(), jt = function() {
+} }) }))].flat(), Vt = function() {
 	let e = this.data();
 	return (e.toMarkdownExtensions ??= []).push({ handlers: { colorTextSpan(e, t, n) {
 		let r = Y(e.color ?? "") ?? "";
@@ -214,45 +218,45 @@ var wt = { class: "coar-md-code-render" }, Tt = { class: "coar-md-code-edit" },
 			before: ">",
 			after: "<"
 		});
-		return `${Ve(r)}${i}${Be()}`;
+		return `${We(r)}${i}${Ue()}`;
 	} } }), (e) => {
 		t(e);
 	};
 	function t(e) {
 		if (Array.isArray(e.children)) {
-			let n = Pt(e.children);
+			let n = Wt(e.children);
 			e.children = n;
 			for (let e of n) t(e);
 		}
 	}
 };
-function Mt(e) {
+function Ht(e) {
 	return !!e && e.type === "html" && typeof e.value == "string";
 }
-function Nt(e, t) {
+function Ut(e, t) {
 	let n = 1;
 	for (let r = t + 1; r < e.length; r++) {
 		let t = e[r];
-		if (Mt(t)) {
-			if (Re(t.value)) {
+		if (Ht(t)) {
+			if (Be(t.value)) {
 				n++;
 				continue;
 			}
-			if (Ie(t.value) && (n--, n === 0)) return r;
+			if (Re(t.value) && (n--, n === 0)) return r;
 		}
 	}
 	return null;
 }
-function Pt(e) {
+function Wt(e) {
 	let t = [], n = 0;
 	for (; n < e.length;) {
 		let r = e[n];
-		if (Mt(r)) {
-			let i = Re(r.value);
+		if (Ht(r)) {
+			let i = Be(r.value);
 			if (i) {
-				let r = Nt(e, n);
+				let r = Ut(e, n);
 				if (r !== null) {
-					let a = Pt(e.slice(n + 1, r)), o = {
+					let a = Wt(e.slice(n + 1, r)), o = {
 						type: "colorTextSpan",
 						color: i.color,
 						children: a,
@@ -267,7 +271,7 @@ function Pt(e) {
 	}
 	return t;
 }
-var Ft = [Ne("textColor", () => jt), Ae("text_color", () => ({
+var Gt = [Fe("textColor", () => Vt), Me("text_color", () => ({
 	attrs: { color: { default: "" } },
 	inclusive: !0,
 	parseDOM: [{
@@ -314,7 +318,7 @@ var Ft = [Ne("textColor", () => jt), Ae("text_color", () => ({
 			n.length !== 0 && e.withMark(t, "colorTextSpan", void 0, { color: n });
 		}
 	}
-}))].flat(), It = [
+}))].flat(), Kt = [
 	{
 		name: "Default",
 		value: ""
@@ -351,26 +355,26 @@ var Ft = [Ne("textColor", () => jt), Ae("text_color", () => ({
 		name: "Gray",
 		value: "#6b7280"
 	}
-], Lt = {
+], qt = {
 	class: "coar-md-placeholder",
 	"aria-hidden": "true"
-}, Rt = /* @__PURE__ */ u({
+}, Jt = /* @__PURE__ */ u({
 	__name: "PlaceholderOverlay",
 	props: { source: {} },
 	setup(e) {
-		let t = e, r = n(() => Le(t.source));
-		return (e, t) => (_(), o("div", Lt, [l(S(He), { doc: r.value }, null, 8, ["doc"])]));
+		let t = e, r = n(() => ze(t.source));
+		return (e, t) => (v(), o("div", qt, [l(C(qe), { doc: r.value }, null, 8, ["doc"])]));
 	}
 });
-function zt(e) {
+function Yt(e) {
 	return e !== null && e < -2;
 }
-function Bt(e) {
+function Xt(e) {
 	return e === -2 || e === -1 || e === 32;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/fault@2.0.1/node_modules/fault/index.js
-var Vt = /* @__PURE__ */ vt((/* @__PURE__ */ gt(((e, t) => {
+var Zt = /* @__PURE__ */ Ot((/* @__PURE__ */ Et(((e, t) => {
 	(function() {
 		var e = t === void 0 ? function() {
 			return this || (0, eval)("this");
@@ -424,7 +428,7 @@ var Vt = /* @__PURE__ */ vt((/* @__PURE__ */ gt(((e, t) => {
 			return a;
 		}
 	})();
-})))(), 1), Ht = Object.assign(X(Error), {
+})))(), 1), Qt = Object.assign(X(Error), {
 	eval: X(EvalError),
 	range: X(RangeError),
 	reference: X(ReferenceError),
@@ -435,44 +439,44 @@ var Vt = /* @__PURE__ */ vt((/* @__PURE__ */ gt(((e, t) => {
 function X(e) {
 	return t.displayName = e.displayName || e.name, t;
 	function t(t, ...n) {
-		return new e(t && (0, Vt.default)(t, ...n));
+		return new e(t && (0, Zt.default)(t, ...n));
 	}
 }
 //#endregion
 //#region ../../node_modules/.pnpm/micromark-extension-frontmatter@2.0.0/node_modules/micromark-extension-frontmatter/lib/to-matters.js
-var Ut = {}.hasOwnProperty, Wt = {
+var $t = {}.hasOwnProperty, en = {
 	yaml: "-",
 	toml: "+"
 };
-function Gt(e) {
+function tn(e) {
 	let t = [], n = -1, r = Array.isArray(e) ? e : e ? [e] : ["yaml"];
-	for (; ++n < r.length;) t[n] = Kt(r[n]);
+	for (; ++n < r.length;) t[n] = nn(r[n]);
 	return t;
 }
-function Kt(e) {
+function nn(e) {
 	let t = e;
 	if (typeof t == "string") {
-		if (!Ut.call(Wt, t)) throw Ht("Missing matter definition for `%s`", t);
+		if (!$t.call(en, t)) throw Qt("Missing matter definition for `%s`", t);
 		t = {
 			type: t,
-			marker: Wt[t]
+			marker: en[t]
 		};
-	} else if (typeof t != "object") throw Ht("Expected matter to be an object, not `%j`", t);
-	if (!Ut.call(t, "type")) throw Ht("Missing `type` in matter `%j`", t);
-	if (!Ut.call(t, "fence") && !Ut.call(t, "marker")) throw Ht("Missing `marker` or `fence` in matter `%j`", t);
+	} else if (typeof t != "object") throw Qt("Expected matter to be an object, not `%j`", t);
+	if (!$t.call(t, "type")) throw Qt("Missing `type` in matter `%j`", t);
+	if (!$t.call(t, "fence") && !$t.call(t, "marker")) throw Qt("Missing `marker` or `fence` in matter `%j`", t);
 	return t;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/micromark-extension-frontmatter@2.0.0/node_modules/micromark-extension-frontmatter/lib/syntax.js
-function qt(e) {
-	let t = Gt(e), n = {}, r = -1;
+function rn(e) {
+	let t = tn(e), n = {}, r = -1;
 	for (; ++r < t.length;) {
-		let e = t[r], i = Yt(e, "open").charCodeAt(0), a = Jt(e), o = n[i];
+		let e = t[r], i = on(e, "open").charCodeAt(0), a = an(e), o = n[i];
 		Array.isArray(o) ? o.push(a) : n[i] = [a];
 	}
 	return { flow: n };
 }
-function Jt(e) {
+function an(e) {
 	let t = e.anywhere, n = e.type, r = n + "Fence", i = r + "Sequence", a = n + "Value", o = {
 		tokenize: u,
 		partial: !0
@@ -486,25 +490,25 @@ function Jt(e) {
 		return p;
 		function p(a) {
 			let o = f.now();
-			return o.column === 1 && (o.line === 1 || t) && (s = Yt(e, "open"), c = 0, a === s.charCodeAt(c)) ? (l.enter(n), l.enter(r), l.enter(i), m(a)) : d(a);
+			return o.column === 1 && (o.line === 1 || t) && (s = on(e, "open"), c = 0, a === s.charCodeAt(c)) ? (l.enter(n), l.enter(r), l.enter(i), m(a)) : d(a);
 		}
 		function m(e) {
-			return c === s.length ? (l.exit(i), Bt(e) ? (l.enter("whitespace"), h(e)) : ee(e)) : e === s.charCodeAt(c++) ? (l.consume(e), m) : d(e);
+			return c === s.length ? (l.exit(i), Xt(e) ? (l.enter("whitespace"), h(e)) : g(e)) : e === s.charCodeAt(c++) ? (l.consume(e), m) : d(e);
 		}
 		function h(e) {
-			return Bt(e) ? (l.consume(e), h) : (l.exit("whitespace"), ee(e));
+			return Xt(e) ? (l.consume(e), h) : (l.exit("whitespace"), g(e));
 		}
-		function ee(t) {
-			return zt(t) ? (l.exit(r), l.enter("lineEnding"), l.consume(t), l.exit("lineEnding"), s = Yt(e, "close"), c = 0, l.attempt(o, y, g)) : d(t);
+		function g(t) {
+			return Yt(t) ? (l.exit(r), l.enter("lineEnding"), l.consume(t), l.exit("lineEnding"), s = on(e, "close"), c = 0, l.attempt(o, y, ee)) : d(t);
 		}
-		function g(e) {
-			return e === null || zt(e) ? v(e) : (l.enter(a), _(e));
+		function ee(e) {
+			return e === null || Yt(e) ? v(e) : (l.enter(a), _(e));
 		}
 		function _(e) {
-			return e === null || zt(e) ? (l.exit(a), v(e)) : (l.consume(e), _);
+			return e === null || Yt(e) ? (l.exit(a), v(e)) : (l.consume(e), _);
 		}
 		function v(e) {
-			return e === null ? d(e) : (l.enter("lineEnding"), l.consume(e), l.exit("lineEnding"), l.attempt(o, y, g));
+			return e === null ? d(e) : (l.enter("lineEnding"), l.consume(e), l.exit("lineEnding"), l.attempt(o, y, ee));
 		}
 		function y(e) {
 			return l.exit(n), u(e);
@@ -517,42 +521,42 @@ function Jt(e) {
 			return t === s.charCodeAt(a) ? (e.enter(r), e.enter(i), c(t)) : n(t);
 		}
 		function c(t) {
-			return a === s.length ? (e.exit(i), Bt(t) ? (e.enter("whitespace"), l(t)) : u(t)) : t === s.charCodeAt(a++) ? (e.consume(t), c) : n(t);
+			return a === s.length ? (e.exit(i), Xt(t) ? (e.enter("whitespace"), l(t)) : u(t)) : t === s.charCodeAt(a++) ? (e.consume(t), c) : n(t);
 		}
 		function l(t) {
-			return Bt(t) ? (e.consume(t), l) : (e.exit("whitespace"), u(t));
+			return Xt(t) ? (e.consume(t), l) : (e.exit("whitespace"), u(t));
 		}
 		function u(i) {
-			return i === null || zt(i) ? (e.exit(r), t(i)) : n(i);
+			return i === null || Yt(i) ? (e.exit(r), t(i)) : n(i);
 		}
 	}
 }
-function Yt(e, t) {
-	return e.marker ? Xt(e.marker, t).repeat(3) : Xt(e.fence, t);
+function on(e, t) {
+	return e.marker ? sn(e.marker, t).repeat(3) : sn(e.fence, t);
 }
-function Xt(e, t) {
+function sn(e, t) {
 	return typeof e == "string" ? e : e[t];
 }
 //#endregion
 //#region ../../node_modules/.pnpm/escape-string-regexp@5.0.0/node_modules/escape-string-regexp/index.js
-function Zt(e) {
+function cn(e) {
 	if (typeof e != "string") throw TypeError("Expected a string");
 	return e.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
 }
 //#endregion
 //#region ../../node_modules/.pnpm/mdast-util-frontmatter@2.0.1/node_modules/mdast-util-frontmatter/lib/index.js
-function Qt(e) {
-	let t = Gt(e), n = {}, r = {}, i = -1;
+function ln(e) {
+	let t = tn(e), n = {}, r = {}, i = -1;
 	for (; ++i < t.length;) {
 		let e = t[i];
-		n[e.type] = $t(e), r[e.type] = en, r[e.type + "Value"] = tn;
+		n[e.type] = un(e), r[e.type] = dn, r[e.type + "Value"] = fn;
 	}
 	return {
 		enter: n,
 		exit: r
 	};
 }
-function $t(e) {
+function un(e) {
 	return t;
 	function t(t) {
 		this.enter({
@@ -561,23 +565,23 @@ function $t(e) {
 		}, t), this.buffer();
 	}
 }
-function en(e) {
+function dn(e) {
 	let t = this.resume(), n = this.stack[this.stack.length - 1];
 	"value" in n, this.exit(e), n.value = t.replace(/^(\r?\n|\r)|(\r?\n|\r)$/g, "");
 }
-function tn(e) {
+function fn(e) {
 	this.config.enter.data.call(this, e), this.config.exit.data.call(this, e);
 }
-function nn(e) {
-	let t = [], n = {}, r = Gt(e), i = -1;
+function pn(e) {
+	let t = [], n = {}, r = tn(e), i = -1;
 	for (; ++i < r.length;) {
 		let e = r[i];
-		n[e.type] = rn(e);
-		let a = an(e, "open");
+		n[e.type] = mn(e);
+		let a = hn(e, "open");
 		t.push({
 			atBreak: !0,
 			character: a.charAt(0),
-			after: Zt(a.charAt(1))
+			after: cn(a.charAt(1))
 		});
 	}
 	return {
@@ -585,29 +589,29 @@ function nn(e) {
 		handlers: n
 	};
 }
-function rn(e) {
-	let t = an(e, "open"), n = an(e, "close");
+function mn(e) {
+	let t = hn(e, "open"), n = hn(e, "close");
 	return r;
 	function r(e) {
 		return t + (e.value ? "\n" + e.value : "") + "\n" + n;
 	}
 }
-function an(e, t) {
-	return e.marker ? on(e.marker, t).repeat(3) : on(e.fence, t);
+function hn(e, t) {
+	return e.marker ? gn(e.marker, t).repeat(3) : gn(e.fence, t);
 }
-function on(e, t) {
+function gn(e, t) {
 	return typeof e == "string" ? e : e[t];
 }
 //#endregion
 //#region ../../node_modules/.pnpm/remark-frontmatter@5.0.0/node_modules/remark-frontmatter/lib/index.js
-var sn = "yaml";
-function cn(e) {
-	let t = this, n = e || sn, r = t.data(), i = r.micromarkExtensions ||= [], a = r.fromMarkdownExtensions ||= [], o = r.toMarkdownExtensions ||= [];
-	i.push(qt(n)), a.push(Qt(n)), o.push(nn(n));
+var _n = "yaml";
+function vn(e) {
+	let t = this, n = e || _n, r = t.data(), i = r.micromarkExtensions ||= [], a = r.fromMarkdownExtensions ||= [], o = r.toMarkdownExtensions ||= [];
+	i.push(rn(n)), a.push(ln(n)), o.push(pn(n));
 }
 //#endregion
 //#region src/frontmatter/index.ts
-var ln = Ne("coarRemarkFrontmatter", () => cn, ["yaml"]), un = je("frontmatter", () => ({
+var yn = Fe("coarRemarkFrontmatter", () => vn, ["yaml"]), bn = Ne("frontmatter", () => ({
 	group: "block",
 	atom: !0,
 	marks: "",
@@ -635,8 +639,8 @@ var ln = Ne("coarRemarkFrontmatter", () => cn, ["yaml"]), un = je("frontmatter",
 		}
 	}
 }));
-function dn(e, t) {
-	let { entries: n } = ze(t);
+function xn(e, t) {
+	let { entries: n } = He(t);
 	if (e.replaceChildren(), n.length === 0) {
 		let n = document.createElement("pre");
 		n.className = "coar-markdown-frontmatter__raw", n.textContent = t, e.appendChild(n);
@@ -651,14 +655,14 @@ function dn(e, t) {
 		i.className = "coar-markdown-frontmatter__value", i.textContent = t.value, n.append(r, document.createTextNode(": "), i), e.appendChild(n);
 	}
 }
-var fn = class {
+var Sn = class {
 	dom;
 	node;
 	constructor(e) {
 		this.node = e, this.dom = document.createElement("div"), this.dom.className = "coar-markdown-frontmatter", this.dom.setAttribute("data-type", "frontmatter"), this.dom.setAttribute("aria-label", "Document metadata"), this.dom.contentEditable = "false", this.dom.draggable = !1, this.renderCard();
 	}
 	renderCard() {
-		dn(this.dom, this.node.attrs.value ?? "");
+		xn(this.dom, this.node.attrs.value ?? "");
 	}
 	update(e) {
 		if (e.type !== this.node.type) return !1;
@@ -671,66 +675,213 @@ var fn = class {
 	stopEvent() {
 		return !1;
 	}
-}, pn = [
-	ln,
-	un,
-	Pe(un.node, () => (e) => new fn(e))
-].flat(), mn = { class: "coar-md-color-grid" }, hn = [
+}, Cn = [
+	yn,
+	bn,
+	Ie(bn.node, () => (e) => new Sn(e))
+].flat();
+//#endregion
+//#region src/embed/index.ts
+function wn(e, t) {
+	let n = e.position?.start?.offset, r = e.position?.end?.offset;
+	if (t && typeof n == "number" && typeof r == "number") return t.slice(n, r).trim();
+	let i = e.children;
+	return Array.isArray(i) && i.length === 1 && i[0]?.type === "text" && typeof i[0].value == "string" ? i[0].value.trim() : null;
+}
+function Tn(e, t) {
+	Array.isArray(e.children) && (e.children = e.children.map((e) => {
+		if (e.type === "paragraph") {
+			let n = wn(e, t);
+			if (n) {
+				let t = Ve(n);
+				if (t) return {
+					type: "embed",
+					embedKey: t.key,
+					props: t.props,
+					position: e.position
+				};
+			}
+		}
+		return Tn(e, t), e;
+	}));
+}
+var En = function() {
+	let e = this.data();
+	return (e.toMarkdownExtensions ??= []).push({ handlers: { embed(e) {
+		let t = typeof e.embedKey == "string" ? e.embedKey : "";
+		return t.length === 0 ? "" : Ge({
+			key: t,
+			props: Ke(e.props)
+		});
+	} } }), (e, t) => {
+		Tn(e, typeof t?.value == "string" ? t.value : "");
+	};
+}, Dn = Fe("coarEmbed", () => En), On = Ne("embed", () => ({
+	group: "block",
+	atom: !0,
+	marks: "",
+	selectable: !0,
+	draggable: !1,
+	isolating: !0,
+	attrs: {
+		embedKey: { default: "" },
+		props: { default: {} }
+	},
+	parseDOM: [{
+		tag: "div[data-type=\"embed\"]",
+		getAttrs: (e) => {
+			let t = e, n;
+			try {
+				n = JSON.parse(t.getAttribute("data-embed-props") ?? "{}");
+			} catch {
+				n = {};
+			}
+			return {
+				embedKey: t.getAttribute("data-embed-key") ?? "",
+				props: n
+			};
+		}
+	}],
+	toDOM: (e) => ["div", {
+		"data-type": "embed",
+		"data-embed-key": e.attrs.embedKey ?? "",
+		"data-embed-props": JSON.stringify(e.attrs.props ?? {})
+	}],
+	parseMarkdown: {
+		match: (e) => e.type === "embed",
+		runner: (e, t, n) => {
+			e.addNode(n, {
+				embedKey: typeof t.embedKey == "string" ? t.embedKey : "",
+				props: t.props && typeof t.props == "object" ? t.props : {}
+			});
+		}
+	},
+	toMarkdown: {
+		match: (e) => e.type.name === "embed",
+		runner: (e, t) => {
+			e.addNode("embed", void 0, void 0, {
+				embedKey: t.attrs.embedKey ?? "",
+				props: t.attrs.props ?? {}
+			});
+		}
+	}
+})), kn = class {
+	dom;
+	node;
+	view;
+	getPos;
+	options;
+	constructor(e, t, n, r) {
+		this.node = e, this.view = t, this.getPos = n, this.options = r, this.dom = document.createElement("div"), this.dom.className = "coar-markdown-embed-host", this.dom.setAttribute("data-type", "embed"), this.dom.contentEditable = "false", this.dom.draggable = !1, this.renderPreview();
+	}
+	updateProps(e) {
+		let t = this.getPos();
+		if (t == null) return;
+		let n = this.view.state.tr.setNodeMarkup(t, void 0, {
+			embedKey: this.node.attrs.embedKey ?? "",
+			props: e
+		});
+		this.view.dispatch(n);
+	}
+	renderPreview() {
+		let e = this.node.attrs.embedKey ?? "", t = this.node.attrs.props ?? {}, n = this.options.resolveRegistry(), r = Qe(n, e), i = r?.editor ? f(r.editor, { controller: {
+			props: t,
+			update: (e) => this.updateProps(e),
+			patch: (e) => this.updateProps({
+				...t,
+				...e
+			})
+		} }) : f(Ye, {
+			embedKey: e,
+			embedProps: t,
+			registry: n
+		});
+		this.options.appContext && (i.appContext = this.options.appContext), b(i, this.dom);
+	}
+	update(e) {
+		return e.type === this.node.type ? (this.node = e, this.renderPreview(), !0) : !1;
+	}
+	selectNode() {
+		this.dom.classList.add("coar-markdown-embed-host--selected");
+	}
+	deselectNode() {
+		this.dom.classList.remove("coar-markdown-embed-host--selected");
+	}
+	stopEvent() {
+		return !0;
+	}
+	ignoreMutation() {
+		return !0;
+	}
+	destroy() {
+		b(null, this.dom);
+	}
+}, An = (e) => Ie(On.node, () => (t, n, r) => new kn(t, n, r, e));
+function jn(e) {
+	return [
+		Dn,
+		On,
+		An(e)
+	].flat();
+}
+//#endregion
+//#region src/text-color/ColorPickerPanel.vue?vue&type=script&setup=true&lang.ts
+var Mn = { class: "coar-md-color-grid" }, Nn = [
 	"title",
 	"aria-label",
 	"onMousedown"
-], gn = { class: "coar-md-color-custom" }, _n = /* @__PURE__ */ u({
+], Pn = { class: "coar-md-color-custom" }, Fn = /* @__PURE__ */ u({
 	__name: "ColorPickerPanel",
 	props: {
 		currentColor: {},
 		pick: { type: Function }
 	},
 	setup(t) {
-		let n = v(t.currentColor ?? "#000000");
-		return (r, c) => (_(), o("div", {
+		let n = y(t.currentColor ?? "#000000");
+		return (r, c) => (v(), o("div", {
 			class: "coar-md-color-picker",
 			role: "menu",
-			onMousedown: c[2] ||= j(() => {}, ["stop"])
-		}, [s("div", mn, [(_(!0), o(e, null, y(S(It), (e) => (_(), o("button", {
+			onMousedown: c[2] ||= M(() => {}, ["stop"])
+		}, [s("div", Mn, [(v(!0), o(e, null, x(C(Kt), (e) => (v(), o("button", {
 			key: e.value || "default",
 			type: "button",
-			class: m([
+			class: h([
 				"coar-md-color-swatch",
 				e.value === "" ? "coar-md-color-swatch--clear" : "",
 				e.value !== "" && t.currentColor === e.value ? "coar-md-color-swatch--active" : ""
 			]),
-			style: h(e.value ? { "--coar-md-swatch": e.value } : void 0),
+			style: g(e.value ? { "--coar-md-swatch": e.value } : void 0),
 			title: e.name,
 			"aria-label": e.name,
-			onMousedown: j((n) => t.pick(e.value === "" ? null : e.value), ["prevent"])
-		}, [e.value === "" ? (_(), i(S(B), {
+			onMousedown: M((n) => t.pick(e.value === "" ? null : e.value), ["prevent"])
+		}, [e.value === "" ? (v(), i(C(H), {
 			key: 0,
 			name: "ban",
 			size: "s"
-		})) : a("", !0)], 46, hn))), 128))]), s("div", gn, [c[3] ||= s("label", {
+		})) : a("", !0)], 46, Nn))), 128))]), s("div", Pn, [c[3] ||= s("label", {
 			class: "coar-md-color-custom-label",
 			for: "coar-md-color-custom-input"
-		}, " Custom ", -1), k(s("input", {
+		}, " Custom ", -1), A(s("input", {
 			id: "coar-md-color-custom-input",
 			"onUpdate:modelValue": c[0] ||= (e) => n.value = e,
 			type: "color",
 			class: "coar-md-color-custom-input",
 			onChange: c[1] ||= (e) => t.pick(n.value)
-		}, null, 544), [[T, n.value]])])], 32));
+		}, null, 544), [[E, n.value]])])], 32));
 	}
-}), vn = [
+}), In = [
 	"aria-label",
 	"onMouseover",
 	"onFocus",
 	"onClick"
-], yn = { class: "coar-md-table-picker__label" }, bn = /* @__PURE__ */ u({
+], Ln = { class: "coar-md-table-picker__label" }, Rn = /* @__PURE__ */ u({
 	__name: "TableSizePicker",
 	props: {
 		pick: { type: Function },
 		max: {}
 	},
 	setup(t) {
-		let r = t.max ?? 8, i = Array.from({ length: r }, (e, t) => t + 1), a = v(0), l = v(0), u = n(() => a.value > 0 ? `${l.value} × ${a.value}` : "Pick size");
+		let r = t.max ?? 8, i = Array.from({ length: r }, (e, t) => t + 1), a = y(0), l = y(0), u = n(() => a.value > 0 ? `${l.value} × ${a.value}` : "Pick size");
 		function d(e, t) {
 			a.value = e, l.value = t;
 		}
@@ -740,23 +891,23 @@ var fn = class {
 		function p(e, t) {
 			return e <= a.value && t <= l.value;
 		}
-		return (n, a) => (_(), o("div", {
+		return (n, a) => (v(), o("div", {
 			class: "coar-md-table-picker",
 			onMouseleave: f
 		}, [
 			s("div", {
 				class: "coar-md-table-picker__grid",
-				style: h({ gridTemplateColumns: `repeat(${S(r)}, 1fr)` })
-			}, [(_(!0), o(e, null, y(S(i), (n) => (_(), o(e, { key: n }, [(_(!0), o(e, null, y(S(i), (e) => (_(), o("button", {
+				style: g({ gridTemplateColumns: `repeat(${C(r)}, 1fr)` })
+			}, [(v(!0), o(e, null, x(C(i), (n) => (v(), o(e, { key: n }, [(v(!0), o(e, null, x(C(i), (e) => (v(), o("button", {
 				key: `${n}-${e}`,
 				type: "button",
-				class: m(["coar-md-table-picker__cell", { "coar-md-table-picker__cell--on": p(n, e) }]),
+				class: h(["coar-md-table-picker__cell", { "coar-md-table-picker__cell--on": p(n, e) }]),
 				"aria-label": `${e} by ${n}`,
 				onMouseover: (t) => d(n, e),
 				onFocus: (t) => d(n, e),
 				onClick: (r) => t.pick(n, e)
-			}, null, 42, vn))), 128))], 64))), 128))], 4),
-			s("div", yn, x(u.value), 1),
+			}, null, 42, In))), 128))], 64))), 128))], 4),
+			s("div", Ln, S(u.value), 1),
 			a[0] ||= s("div", { class: "coar-md-table-picker__hint" }, [
 				c(" or type "),
 				s("code", null, "|3x4|"),
@@ -764,31 +915,31 @@ var fn = class {
 			], -1)
 		], 32));
 	}
-}), xn = (e, t) => {
+}), zn = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Sn = /* @__PURE__ */ xn(bn, [["__scopeId", "data-v-68fa1760"]]), Cn = {
+}, Bn = /* @__PURE__ */ zn(Rn, [["__scopeId", "data-v-68fa1760"]]), Vn = {
 	key: 0,
 	class: "coar-md-th"
-}, wn = [
+}, Hn = [
 	"aria-label",
 	"onMouseenter",
 	"onMousedown"
-], Tn = [
+], Un = [
 	"aria-label",
 	"onMouseenter",
 	"onMousedown"
-], Z = 14, En = 4, Dn = /* @__PURE__ */ xn(/* @__PURE__ */ u({
+], Z = 14, Wn = 4, Gn = /* @__PURE__ */ zn(/* @__PURE__ */ u({
 	__name: "TableHandles",
 	props: { area: {} },
 	emits: ["menuToggle"],
 	setup(r, { emit: s }) {
-		let c = r, u = s, [, d] = ae(), f = b(null), p = v(null), x = v(null), C = v(null), w = de();
-		D(w.isOpen, (e) => {
-			!e && x.value && (x.value = null, p.value = null, u("menuToggle", !1));
+		let c = r, u = s, [, d] = ie(), f = te(null), p = y(null), m = y(null), b = y(null), S = pe();
+		O(S.isOpen, (e) => {
+			!e && m.value && (m.value = null, p.value = null, u("menuToggle", !1));
 		});
-		function T(e) {
+		function w(e) {
 			return {
 				left: e.left,
 				top: e.top,
@@ -796,22 +947,22 @@ var fn = class {
 				height: e.height
 			};
 		}
-		function E(e) {
+		function T(e) {
 			let t = Array.from(e.querySelectorAll("tr")), n = t[0];
 			if (!n) return null;
 			let r = Array.from(n.children);
 			return r.length === 0 ? null : {
 				table: e,
-				rect: T(e.getBoundingClientRect()),
-				cols: r.map((e) => T(e.getBoundingClientRect())),
-				rows: t.map((e) => T(e.getBoundingClientRect()))
+				rect: w(e.getBoundingClientRect()),
+				cols: r.map((e) => w(e.getBoundingClientRect())),
+				rows: t.map((e) => w(e.getBoundingClientRect()))
 			};
 		}
-		function k(e, t, n) {
+		function E(e, t, n) {
 			return t >= e.rect.left - Z - 4 && t <= e.rect.left + e.rect.width + Z + 4 && n >= e.rect.top - Z - 4 && n <= e.rect.top + e.rect.height + Z + 4;
 		}
-		let A = !1;
-		function j(e, t) {
+		let D = !1;
+		function A(e, t) {
 			let n = c.area?.querySelectorAll("table");
 			if (!n) return null;
 			for (let r of Array.from(n)) {
@@ -820,71 +971,71 @@ var fn = class {
 			}
 			return null;
 		}
-		function te(e) {
-			x.value || R || C.value || A || (A = !0, requestAnimationFrame(() => {
-				A = !1;
+		function j(e) {
+			m.value || z || b.value || D || (D = !0, requestAnimationFrame(() => {
+				D = !1;
 				let t = e.clientX, n = e.clientY;
-				if (f.value && k(f.value, t, n)) return;
-				let r = j(t, n);
-				r ? f.value = E(r) : (f.value = null, p.value = null);
+				if (f.value && E(f.value, t, n)) return;
+				let r = A(t, n);
+				r ? f.value = T(r) : (f.value = null, p.value = null);
 			}));
 		}
-		function N() {
+		function M() {
 			if (f.value) {
-				let e = E(f.value.table);
-				f.value = e, e || (p.value = null, w.close());
+				let e = T(f.value.table);
+				f.value = e, e || (p.value = null, S.close());
 			}
 		}
-		g(() => {
-			document.addEventListener("mousemove", te, !0), window.addEventListener("scroll", N, !0), window.addEventListener("resize", N);
+		_(() => {
+			document.addEventListener("mousemove", j, !0), window.addEventListener("scroll", M, !0), window.addEventListener("resize", M);
 		}), ee(() => {
-			document.removeEventListener("mousemove", te, !0), document.removeEventListener("mousemove", le, !0), document.removeEventListener("mouseup", H, !0), window.removeEventListener("scroll", N, !0), window.removeEventListener("resize", N);
+			document.removeEventListener("mousemove", j, !0), document.removeEventListener("mousemove", H, !0), document.removeEventListener("mouseup", W, !0), window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M);
 		});
-		function F(e, t) {
+		function N(e, t) {
 			let n = f.value, r = d();
 			if (!n || !r) return null;
 			let i = null;
 			return r.action((r) => {
-				let a = r.get(P), o = e === "col" ? n.table.querySelector("tr")?.children[t] : n.table.querySelectorAll("tr")[t]?.children[0];
+				let a = r.get(I), o = e === "col" ? n.table.querySelector("tr")?.children[t] : n.table.querySelectorAll("tr")[t]?.children[0];
 				o && (i = a.posAtDOM(o, 0));
 			}), i;
 		}
-		function I(e, t, ...n) {
-			let r = d(), i = F(e, t);
+		function F(e, t, ...n) {
+			let r = d(), i = N(e, t);
 			if (!r || i == null) return;
-			let a = e === "col" ? Qe : $e;
+			let a = e === "col" ? ct : lt;
 			r.action((e) => {
-				let r = e.get(M);
+				let r = e.get(P);
 				r.call(a.key, {
 					index: t,
 					pos: i
 				});
 				for (let e of n) r.call(e.key);
-			}), w.close(), f.value = null;
+			}), S.close(), f.value = null;
+		}
+		function L() {
+			m.value && F(m.value.kind, m.value.index, rt);
 		}
 		function ne() {
-			x.value && I(x.value.kind, x.value.index, qe);
+			if (!m.value) return;
+			let { kind: e, index: t } = m.value;
+			F(e, t, e === "col" ? et : nt);
 		}
 		function re() {
-			if (!x.value) return;
-			let { kind: e, index: t } = x.value;
-			I(e, t, e === "col" ? We : Ke);
-		}
-		function ie() {
-			if (!x.value) return;
-			let { kind: e, index: t } = x.value;
-			I(e, t, e === "col" ? Ue : Ge);
+			if (!m.value) return;
+			let { kind: e, index: t } = m.value;
+			F(e, t, e === "col" ? $e : tt);
 		}
-		function L(e, t) {
-			return p.value?.kind === e && p.value.index === t || x.value?.kind === e && x.value.index === t || C.value?.kind === e && C.value.from === t;
+		function R(e, t) {
+			return p.value?.kind === e && p.value.index === t || m.value?.kind === e && m.value.index === t || b.value?.kind === e && b.value.from === t;
 		}
-		let R = null;
-		function z(e, t, n) {
-			let r = d(), i = F(e, t);
+		let z = null;
+		function B(e, t, n) {
+			let r = d(), i = N(e, t);
 			if (!r || i == null || t === n) return;
-			let a = e === "col" ? Qe : $e, o = e === "col" ? Xe : Ze;
+			let a = e === "col" ? ct : lt, o = e === "col" ? ot : st;
 			r.action((e) => {
-				let r = e.get(M);
+				let r = e.get(P);
 				r.call(a.key, {
 					index: t,
 					pos: i
@@ -893,11 +1044,11 @@ var fn = class {
 					to: n,
 					pos: i
 				});
-				let s = e.get(P), { state: c } = s;
-				c.selection.empty || s.dispatch(c.tr.setSelection(ke.create(c.doc, c.selection.from)));
+				let s = e.get(I), { state: c } = s;
+				c.selection.empty || s.dispatch(c.tr.setSelection(je.create(c.doc, c.selection.from)));
 			}), f.value = null, p.value = null;
 		}
-		function B(e, t, n) {
+		function ae(e, t, n) {
 			let r = f.value;
 			if (!r) return 0;
 			if (e === "col") {
@@ -908,44 +1059,44 @@ var fn = class {
 			return i === -1 ? r.rows.length - 1 : i;
 		}
 		function V(e, t, n) {
-			n.preventDefault(), n.stopPropagation(), R = {
+			n.preventDefault(), n.stopPropagation(), z = {
 				kind: e,
 				from: t,
 				x: n.clientX,
 				y: n.clientY,
 				ev: n
-			}, document.addEventListener("mousemove", le, !0), document.addEventListener("mouseup", H, !0);
-		}
-		function le(e) {
-			if (R) {
-				if (!C.value) {
-					if (Math.hypot(e.clientX - R.x, e.clientY - R.y) < En) return;
-					C.value = {
-						kind: R.kind,
-						from: R.from,
-						target: R.from
+			}, document.addEventListener("mousemove", H, !0), document.addEventListener("mouseup", W, !0);
+		}
+		function H(e) {
+			if (z) {
+				if (!b.value) {
+					if (Math.hypot(e.clientX - z.x, e.clientY - z.y) < Wn) return;
+					b.value = {
+						kind: z.kind,
+						from: z.from,
+						target: z.from
 					};
 				}
-				C.value = {
-					...C.value,
-					target: B(C.value.kind, e.clientX, e.clientY)
+				b.value = {
+					...b.value,
+					target: ae(b.value.kind, e.clientX, e.clientY)
 				};
 			}
 		}
-		function H() {
-			if (document.removeEventListener("mousemove", le, !0), document.removeEventListener("mouseup", H, !0), C.value) {
-				let { kind: e, from: t, target: n } = C.value;
-				C.value = null, z(e, t, n);
-			} else R && ue(R.kind, R.from, R.ev);
-			R = null;
+		function W() {
+			if (document.removeEventListener("mousemove", H, !0), document.removeEventListener("mouseup", W, !0), b.value) {
+				let { kind: e, from: t, target: n } = b.value;
+				b.value = null, B(e, t, n);
+			} else z && ce(z.kind, z.from, z.ev);
+			z = null;
 		}
-		function ue(e, t, n) {
-			n.preventDefault(), n.stopPropagation(), x.value = {
+		function ce(e, t, n) {
+			n.preventDefault(), n.stopPropagation(), m.value = {
 				kind: e,
 				index: t
-			}, u("menuToggle", !0), w.open(n), requestAnimationFrame(N);
+			}, u("menuToggle", !0), S.open(n), requestAnimationFrame(M);
 		}
-		let U = n(() => {
+		let le = n(() => {
 			let e = f.value;
 			return e ? [{
 				key: "top",
@@ -960,7 +1111,7 @@ var fn = class {
 				width: e.rect.width,
 				height: Z
 			}] : [];
-		}), W = n(() => {
+		}), ue = n(() => {
 			let e = f.value;
 			return e ? [{
 				key: "left",
@@ -976,9 +1127,9 @@ var fn = class {
 				height: e.rect.height
 			}] : [];
 		}), G = n(() => {
-			let e = f.value, t = p.value ?? x.value ?? (C.value ? {
-				kind: C.value.kind,
-				index: C.value.from
+			let e = f.value, t = p.value ?? m.value ?? (b.value ? {
+				kind: b.value.kind,
+				index: b.value.from
 			} : null);
 			if (!e || !t) return null;
 			if (t.kind === "col") {
@@ -998,7 +1149,7 @@ var fn = class {
 				height: `${n.height}px`
 			};
 		}), K = n(() => {
-			let e = f.value, t = C.value;
+			let e = f.value, t = b.value;
 			if (!e || !t) return null;
 			if (t.kind === "col") {
 				let n = e.cols[t.target], r = t.target >= t.from ? n.left + n.width : n.left;
@@ -1017,31 +1168,31 @@ var fn = class {
 				height: "2px"
 			};
 		});
-		return (n, r) => (_(), i(t, { to: "body" }, [f.value ? (_(), o("div", Cn, [
-			G.value ? (_(), o("div", {
+		return (n, r) => (v(), i(t, { to: "body" }, [f.value ? (v(), o("div", Vn, [
+			G.value ? (v(), o("div", {
 				key: 0,
 				class: "coar-md-th__hl",
-				style: h(G.value)
+				style: g(G.value)
 			}, null, 4)) : a("", !0),
-			K.value ? (_(), o("div", {
+			K.value ? (v(), o("div", {
 				key: 1,
 				class: "coar-md-th__drop",
-				style: h(K.value)
+				style: g(K.value)
 			}, null, 4)) : a("", !0),
-			(_(!0), o(e, null, y(U.value, (t) => (_(), o("div", {
+			(v(!0), o(e, null, x(le.value, (t) => (v(), o("div", {
 				key: t.key,
 				class: "coar-md-th__bar coar-md-th__bar--col",
-				style: h({
+				style: g({
 					left: `${t.left}px`,
 					top: `${t.top}px`,
 					width: `${t.width}px`,
 					height: `${t.height}px`
 				})
-			}, [(_(!0), o(e, null, y(f.value.cols, (e, t) => (_(), o("button", {
+			}, [(v(!0), o(e, null, x(f.value.cols, (e, t) => (v(), o("button", {
 				key: `c${t}`,
 				type: "button",
-				class: m(["coar-md-th__grip", { "coar-md-th__grip--active": L("col", t) }]),
-				style: h({
+				class: h(["coar-md-th__grip", { "coar-md-th__grip--active": R("col", t) }]),
+				style: g({
 					left: `${e.left - f.value.rect.left}px`,
 					width: `${e.width}px`
 				}),
@@ -1052,21 +1203,21 @@ var fn = class {
 				},
 				onMouseleave: r[0] ||= (e) => p.value = null,
 				onMousedown: (e) => V("col", t, e)
-			}, null, 46, wn))), 128))], 4))), 128)),
-			(_(!0), o(e, null, y(W.value, (t) => (_(), o("div", {
+			}, null, 46, Hn))), 128))], 4))), 128)),
+			(v(!0), o(e, null, x(ue.value, (t) => (v(), o("div", {
 				key: t.key,
 				class: "coar-md-th__bar coar-md-th__bar--row",
-				style: h({
+				style: g({
 					left: `${t.left}px`,
 					top: `${t.top}px`,
 					width: `${t.width}px`,
 					height: `${t.height}px`
 				})
-			}, [(_(!0), o(e, null, y(f.value.rows, (e, t) => (_(), o("button", {
+			}, [(v(!0), o(e, null, x(f.value.rows, (e, t) => (v(), o("button", {
 				key: `r${t}`,
 				type: "button",
-				class: m(["coar-md-th__grip", { "coar-md-th__grip--active": L("row", t) }]),
-				style: h({
+				class: h(["coar-md-th__grip", { "coar-md-th__grip--active": R("row", t) }]),
+				style: g({
 					top: `${e.top - f.value.rect.top}px`,
 					height: `${e.height}px`
 				}),
@@ -1077,30 +1228,30 @@ var fn = class {
 				},
 				onMouseleave: r[1] ||= (e) => p.value = null,
 				onMousedown: (e) => V("row", t, e)
-			}, null, 46, Tn))), 128))], 4))), 128))
-		])) : a("", !0), l(S(oe), { menu: S(w) }, {
-			default: O(() => [
-				l(S(ce), {
-					label: x.value?.kind === "col" ? "Insert column left" : "Insert row above",
-					icon: x.value?.kind === "col" ? "table-column-plus-left" : "table-row-plus-above",
-					onClicked: re
+			}, null, 46, Un))), 128))], 4))), 128))
+		])) : a("", !0), l(C(oe), { menu: C(S) }, {
+			default: k(() => [
+				l(C(U), {
+					label: m.value?.kind === "col" ? "Insert column left" : "Insert row above",
+					icon: m.value?.kind === "col" ? "table-column-plus-left" : "table-row-plus-above",
+					onClicked: ne
 				}, null, 8, ["label", "icon"]),
-				l(S(ce), {
-					label: x.value?.kind === "col" ? "Insert column right" : "Insert row below",
-					icon: x.value?.kind === "col" ? "table-column-plus-right" : "table-row-plus-below",
-					onClicked: ie
+				l(C(U), {
+					label: m.value?.kind === "col" ? "Insert column right" : "Insert row below",
+					icon: m.value?.kind === "col" ? "table-column-plus-right" : "table-row-plus-below",
+					onClicked: re
 				}, null, 8, ["label", "icon"]),
-				l(S(se)),
-				l(S(ce), {
-					label: x.value?.kind === "col" ? "Delete column" : "Delete row",
+				l(C(se)),
+				l(C(U), {
+					label: m.value?.kind === "col" ? "Delete column" : "Delete row",
 					icon: "trash-2",
-					onClicked: ne
+					onClicked: L
 				}, null, 8, ["label"])
 			]),
 			_: 1
 		}, 8, ["menu"])]));
 	}
-}), [["__scopeId", "data-v-24e26df4"]]), On = ["onKeydown"], kn = { ref: "urlField" }, An = { class: "coar-md-image-dialog__actions" }, jn = /* @__PURE__ */ xn(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-24e26df4"]]), Kn = ["onKeydown"], qn = { ref: "urlField" }, Jn = { class: "coar-md-image-dialog__actions" }, Yn = /* @__PURE__ */ zn(/* @__PURE__ */ u({
 	__name: "ImageInsertDialog",
 	props: {
 		close: { type: Function },
@@ -1109,7 +1260,7 @@ var fn = class {
 		initialTitle: {}
 	},
 	setup(e) {
-		let t = e, r = v(t.initialUrl ?? ""), i = v(t.initialAlt ?? ""), a = v(t.initialTitle ?? ""), u = w("urlField"), d = n(() => r.value.trim().length > 0);
+		let t = e, r = y(t.initialUrl ?? ""), i = y(t.initialAlt ?? ""), a = y(t.initialTitle ?? ""), u = T("urlField"), d = n(() => r.value.trim().length > 0);
 		function f() {
 			d.value && t.close({
 				url: r.value.trim(),
@@ -1120,17 +1271,17 @@ var fn = class {
 		function p() {
 			t.close();
 		}
-		return g(() => {
+		return _(() => {
 			u.value?.querySelector("input")?.focus();
-		}), (e, t) => (_(), o("div", {
+		}), (e, t) => (v(), o("div", {
 			class: "coar-md-image-dialog",
-			onKeydown: A(j(f, ["prevent"]), ["enter"])
+			onKeydown: j(M(f, ["prevent"]), ["enter"])
 		}, [
-			s("div", kn, [l(S(z), {
+			s("div", qn, [l(C(V), {
 				label: "Image URL",
 				required: ""
 			}, {
-				default: O(() => [l(S(W), {
+				default: k(() => [l(C(K), {
 					modelValue: r.value,
 					"onUpdate:modelValue": t[0] ||= (e) => r.value = e,
 					placeholder: "https://example.com/image.png",
@@ -1138,8 +1289,8 @@ var fn = class {
 				}, null, 8, ["modelValue"])]),
 				_: 1
 			})], 512),
-			l(S(z), { label: "Alt text" }, {
-				default: O(() => [l(S(W), {
+			l(C(V), { label: "Alt text" }, {
+				default: k(() => [l(C(K), {
 					modelValue: i.value,
 					"onUpdate:modelValue": t[1] ||= (e) => i.value = e,
 					placeholder: "Describe the image",
@@ -1147,8 +1298,8 @@ var fn = class {
 				}, null, 8, ["modelValue"])]),
 				_: 1
 			}),
-			l(S(z), { label: "Title (optional)" }, {
-				default: O(() => [l(S(W), {
+			l(C(V), { label: "Title (optional)" }, {
+				default: k(() => [l(C(K), {
 					modelValue: a.value,
 					"onUpdate:modelValue": t[2] ||= (e) => a.value = e,
 					placeholder: "Shown on hover",
@@ -1156,39 +1307,39 @@ var fn = class {
 				}, null, 8, ["modelValue"])]),
 				_: 1
 			}),
-			s("div", An, [l(S(L), {
+			s("div", Jn, [l(C(B), {
 				variant: "tertiary",
 				type: "button",
 				onClick: p
 			}, {
-				default: O(() => [...t[3] ||= [c("Cancel", -1)]]),
+				default: k(() => [...t[3] ||= [c("Cancel", -1)]]),
 				_: 1
-			}), l(S(L), {
+			}), l(C(B), {
 				variant: "primary",
 				type: "button",
 				disabled: !d.value,
 				onClick: f
 			}, {
-				default: O(() => [...t[4] ||= [c("Insert", -1)]]),
+				default: k(() => [...t[4] ||= [c("Insert", -1)]]),
 				_: 1
 			}, 8, ["disabled"])])
-		], 40, On));
+		], 40, Kn));
 	}
-}), [["__scopeId", "data-v-a0456b93"]]), Q = new Oe("coar-image-upload-placeholder");
-function Mn() {
+}), [["__scopeId", "data-v-a0456b93"]]), Q = new Ae("coar-image-upload-placeholder");
+function Xn() {
 	let e = document.createElement("span");
 	return e.className = "coar-md-image-uploading", e.setAttribute("aria-label", "Uploading image…"), e.setAttribute("role", "img"), e;
 }
-function Nn(e, t) {
+function Zn(e, t) {
 	let n = Q.getState(e.state);
 	if (!n) return null;
 	let r = n.find(void 0, void 0, (e) => e.id === t);
 	return r.length ? r[0].from : null;
 }
-function Pn(e) {
+function Qn(e) {
 	return e ? Array.from(e.files).filter((e) => e.type.startsWith("image/")) : [];
 }
-function Fn(e, t, n, r) {
+function $n(e, t, n, r) {
 	let i = r.getUploader();
 	if (!i) return;
 	let a = { token: Symbol("coar-image-upload") };
@@ -1197,7 +1348,7 @@ function Fn(e, t, n, r) {
 		id: a,
 		pos: n
 	})), i(t).then(({ url: n, alt: r }) => {
-		let i = Nn(e, a);
+		let i = Zn(e, a);
 		if (i === null) return;
 		let o = e.state.schema.nodes.image;
 		if (!o) return;
@@ -1210,21 +1361,21 @@ function Fn(e, t, n, r) {
 		});
 		e.dispatch(c);
 	}).catch((n) => {
-		Nn(e, a) !== null && e.dispatch(e.state.tr.setMeta(Q, {
+		Zn(e, a) !== null && e.dispatch(e.state.tr.setMeta(Q, {
 			type: "remove",
 			id: a
 		})), (r.onError ?? ((e) => console.error("[CoarMarkdownEditor] image upload failed", e)))(n, t);
 	});
 }
-function In(e) {
-	return Me(() => new De({
+function er(e) {
+	return Pe(() => new ke({
 		key: Q,
 		state: {
-			init: () => rt.empty,
+			init: () => pt.empty,
 			apply(e, t) {
 				let n = t.map(e.mapping, e.doc), r = e.getMeta(Q);
 				if (r?.type === "add") {
-					let t = nt.widget(r.pos, Mn(), { id: r.id });
+					let t = ft.widget(r.pos, Xn(), { id: r.id });
 					n = n.add(e.doc, [t]);
 				} else r?.type === "remove" && (n = n.remove(n.find(void 0, void 0, (e) => e.id === r.id)));
 				return n;
@@ -1236,29 +1387,29 @@ function In(e) {
 			},
 			handlePaste(t, n) {
 				if (!e.getUploader()) return !1;
-				let r = Pn(n.clipboardData);
+				let r = Qn(n.clipboardData);
 				if (r.length === 0) return !1;
 				n.preventDefault();
 				let i = t.state.selection.from;
-				return r.forEach((n) => Fn(t, n, i, e)), !0;
+				return r.forEach((n) => $n(t, n, i, e)), !0;
 			},
 			handleDrop(t, n, r, i) {
 				if (i || !e.getUploader()) return !1;
-				let a = Pn(n.dataTransfer);
+				let a = Qn(n.dataTransfer);
 				if (a.length === 0) return !1;
 				n.preventDefault();
 				let o = t.posAtCoords({
 					left: n.clientX,
 					top: n.clientY
 				})?.pos ?? t.state.selection.from;
-				return a.forEach((n) => Fn(t, n, o, e)), !0;
+				return a.forEach((n) => $n(t, n, o, e)), !0;
 			}
 		}
 	}));
 }
 //#endregion
 //#region src/CoarMarkdownEditor.vue?vue&type=script&lang.ts
-var Ln = [
+var tr = [
 	"bold",
 	"italic",
 	"strikethrough",
@@ -1280,26 +1431,26 @@ var Ln = [
 	"undo",
 	"redo"
 ], $ = {
-	bold: { command: Se },
-	italic: { command: be },
-	strike: { command: tt },
-	code: { command: xe },
-	bulletList: { command: Te },
-	orderedList: { command: Ee },
-	blockquote: { command: we },
-	hr: { command: ge },
-	codeBlock: { command: he },
-	table: { command: Ye },
-	undo: { command: ot },
-	redo: { command: at },
-	paragraph: { command: Ce },
-	addRowBefore: { command: Ke },
-	addRowAfter: { command: Ge },
-	addColBefore: { command: We },
-	addColAfter: { command: Ue },
-	deleteCell: { command: qe },
-	indent: { command: ye },
-	outdent: { command: ve },
+	bold: { command: we },
+	italic: { command: Se },
+	strike: { command: dt },
+	code: { command: Ce },
+	bulletList: { command: De },
+	orderedList: { command: Oe },
+	blockquote: { command: Ee },
+	hr: { command: ve },
+	codeBlock: { command: _e },
+	table: { command: at },
+	undo: { command: gt },
+	redo: { command: ht },
+	paragraph: { command: Te },
+	addRowBefore: { command: nt },
+	addRowAfter: { command: tt },
+	addColBefore: { command: et },
+	addColAfter: { command: $e },
+	deleteCell: { command: rt },
+	indent: { command: xe },
+	outdent: { command: be },
 	h1: {
 		command: J,
 		payload: 1
@@ -1324,7 +1475,7 @@ var Ln = [
 		command: J,
 		payload: 6
 	}
-}, Rn = u({
+}, nr = u({
 	props: {
 		initialValue: {
 			type: String,
@@ -1394,56 +1545,63 @@ var Ln = [
 			type: Function,
 			default: void 0
 		},
+		embeds: {
+			type: Object,
+			default: void 0
+		},
 		onMarkdownChange: {
 			type: Function,
 			required: !0
 		}
 	},
 	setup(e) {
-		let t = v(e.initialValue), n = v("rendered"), r = Ct(e.flavor);
-		ie((n) => {
-			let i = te.make().config((r) => {
-				r.set(I, n), r.set(N, e.initialValue), r.update(F, (t) => ({
+		let t = d()?.appContext ?? null, n = y(e.initialValue), r = y("rendered"), i = Nt(e.flavor);
+		z((r) => {
+			let a = N.make().config((t) => {
+				t.set(ne, r), t.set(F, e.initialValue), t.update(L, (t) => ({
 					...t,
 					editable: () => !e.readonly
-				})), r.get(lt).markdownUpdated((n, r) => {
-					r !== t.value && (t.value = r, e.onMarkdownChange(r));
+				})), t.get(yt).markdownUpdated((t, r) => {
+					r !== n.value && (n.value = r, e.onMarkdownChange(r));
 				});
-			}).use(q);
-			return r.gfm && i.use(Je), i.use(pn).use(it).use(st).use(ct), r.textColor && i.use(Ft), i.use(At).use(In({ getUploader: () => e.uploadImage })), i;
+			}).use(ge);
+			return i.gfm && a.use(it), a.use(Cn).use(mt).use(_t).use(vt), i.textColor && a.use(Gt), i.embeds && a.use(jn({
+				resolveRegistry: () => e.embeds,
+				appContext: t
+			})), a.use(Bt).use(er({ getUploader: () => e.uploadImage })), a;
 		});
-		let [i, a] = ae(), o = v(null);
-		return D(() => e.externalValue.value, (e) => {
-			if (e === t.value) return;
-			if (n.value === "source") {
-				t.value = e;
+		let [a, o] = ie(), s = y(null);
+		return O(() => e.externalValue.value, (e) => {
+			if (e === n.value) return;
+			if (r.value === "source") {
+				n.value = e;
 				return;
 			}
-			let r = a();
-			if (!r) {
-				o.value = e;
+			let t = o();
+			if (!t) {
+				s.value = e;
 				return;
 			}
-			o.value = null, t.value = e, r.action(Fe(e));
-		}), D(n, (e) => {
+			s.value = null, n.value = e, t.action(Le(e));
+		}), O(r, (e) => {
 			if (e !== "rendered") return;
-			let n = a();
-			n && n.action(Fe(t.value));
-		}), D(i, (e) => {
-			if (e || o.value === null) return;
-			let n = a();
-			if (!n) return;
-			let r = o.value;
-			o.value = null, r !== t.value && (t.value = r, n.action(Fe(r)));
-		}, { immediate: !0 }), D(() => e.readonly, () => {
-			let t = a();
+			let t = o();
+			t && t.action(Le(n.value));
+		}), O(a, (e) => {
+			if (e || s.value === null) return;
+			let t = o();
+			if (!t) return;
+			let r = s.value;
+			s.value = null, r !== n.value && (n.value = r, t.action(Le(r)));
+		}, { immediate: !0 }), O(() => e.readonly, () => {
+			let t = o();
 			t && t.action((t) => {
-				t.update(F, (t) => ({
+				t.update(L, (t) => ({
 					...t,
 					editable: () => !e.readonly
-				})), t.get(P).update(t.get(P).props);
+				})), t.get(I).update(t.get(I).props);
 			});
-		}), () => d(zn, {
+		}), () => f(rr, {
 			readonly: e.readonly,
 			disabled: e.disabled,
 			toolbarMode: e.toolbarMode,
@@ -1456,20 +1614,21 @@ var Ln = [
 			required: e.required,
 			placeholder: e.placeholder,
 			pickImage: e.pickImage,
+			embeds: e.embeds,
 			flavor: e.flavor,
-			isEmpty: t.value.trim() === "",
+			isEmpty: n.value.trim() === "",
 			sourceToggle: e.sourceToggle,
-			viewMode: n.value,
-			sourceValue: t.value,
+			viewMode: r.value,
+			sourceValue: n.value,
 			onToggleView: (e) => {
-				n.value = e;
+				r.value = e;
 			},
-			onSourceInput: (n) => {
-				n !== t.value && (t.value = n, e.onMarkdownChange(n));
+			onSourceInput: (t) => {
+				t !== n.value && (n.value = t, e.onMarkdownChange(t));
 			}
 		});
 	}
-}), zn = u({
+}), rr = u({
 	props: {
 		readonly: {
 			type: Boolean,
@@ -1523,6 +1682,10 @@ var Ln = [
 			type: Function,
 			default: void 0
 		},
+		embeds: {
+			type: Object,
+			default: void 0
+		},
 		isEmpty: {
 			type: Boolean,
 			default: !1
@@ -1549,10 +1712,10 @@ var Ln = [
 		}
 	},
 	setup(e) {
-		let [, r] = ae(), i = v(null), a = v(null), o = v(!1), s = v(!1), c = v({
+		let [, r] = ie(), i = y(null), a = y(null), o = y(!1), s = y(!1), c = y({
 			left: "0px",
 			top: "0px"
-		}), l = v("text"), u = v(!1), f = {
+		}), l = y("text"), u = y(!1), d = {
 			strong: !1,
 			emphasis: !1,
 			strike_through: !1,
@@ -1567,19 +1730,38 @@ var Ln = [
 			cell_alignment: null,
 			code_block: !1,
 			list_item_depth: 0
-		}, m = pe(), h = fe(), _ = null, y = null, b = v({ ...f });
+		}, p = he(), h = me(), g = null, v = null, b = y({ ...d });
 		function x(t) {
 			if (e.readonly) return;
 			let n = r();
 			n && (n.action((e) => {
-				e.get(M).call(t.command.key, t.payload);
-			}), R());
+				e.get(P).call(t.command.key, t.payload);
+			}), B());
+		}
+		async function te(t) {
+			if (e.readonly) return;
+			let n = e.embeds?.[t], i = {};
+			if (n?.insert?.pick) {
+				let e = await n.insert.pick();
+				if (e == null) return;
+				i = e;
+			}
+			let a = r();
+			a && (a.action((e) => {
+				let n = e.get(I), r = n.state.schema.nodes.embed;
+				if (!r) return;
+				let a = r.create({
+					embedKey: t,
+					props: i
+				});
+				n.dispatch(n.state.tr.replaceSelectionWith(a).scrollIntoView()), n.focus();
+			}), B());
 		}
 		function S(t) {
 			if (e.readonly) return;
 			let n = r();
 			n && (n.action((e) => {
-				let n = e.get(P), { state: r } = n, { $from: i } = r.selection, a = -1, o = null, s = -1;
+				let n = e.get(I), { state: r } = n, { $from: i } = r.selection, a = -1, o = null, s = -1;
 				for (let e = i.depth; e > 0; e--) {
 					let t = i.node(e);
 					t.type.name === "table" && (o = t, a = i.before(e)), (t.type.name === "table_cell" || t.type.name === "table_header") && s < 0 && (s = e);
@@ -1596,32 +1778,39 @@ var Ln = [
 						});
 					});
 				}), l.docChanged && n.dispatch(l);
-			}), R());
+			}), B());
 		}
 		function C() {
 			if (e.readonly) return;
 			let t = r();
 			t && (t.action((e) => {
-				let t = e.get(M);
-				t.call(et.key), t.call(qe.key);
-			}), R());
+				let t = e.get(P);
+				t.call(ut.key), t.call(rt.key);
+			}), B());
 		}
 		function w(t) {
 			if (e.readonly) return;
-			let n = t === "bullet_list" ? $.bulletList : $.orderedList, r = xt({
+			let n = t === "bullet_list" ? $.bulletList : $.orderedList, r = jt({
 				target: t,
 				inBulletList: b.value.bullet_list,
 				inOrderedList: b.value.ordered_list
 			});
 			if (r === "lift") {
-				x({ command: ve });
+				x({ command: be });
 				return;
 			}
-			r === "switch" && x({ command: ve }), x(n);
+			r === "switch" && x({ command: be }), x(n);
 		}
-		let T = n(() => e.tools ? new Set(e.tools) : void 0), E = n(() => Ct(e.flavor));
+		let T = n(() => {
+			if (!e.tools) return;
+			let t = /* @__PURE__ */ new Set(), n = (e) => {
+				typeof e == "string" && e !== "divider" && !e.startsWith("embed:") && t.add(e);
+			};
+			for (let t of e.tools) typeof t == "string" ? n(t) : t && typeof t == "object" && Array.isArray(t.flyout) && t.flyout.forEach(n);
+			return t;
+		}), E = n(() => Nt(e.flavor));
 		function D(e) {
-			return yt(e, E.value) ? bt(e, T.value) : !1;
+			return kt(e, E.value) ? At(e, T.value) : !1;
 		}
 		function O(t) {
 			if (e.readonly) return;
@@ -1629,7 +1818,7 @@ var Ln = [
 			if (!n) return;
 			let i = t === null ? null : Y(t);
 			n.action((e) => {
-				let t = e.get(P), { state: n } = t, r = n.schema.marks.text_color;
+				let t = e.get(I), { state: n } = t, r = n.schema.marks.text_color;
 				if (!r) return;
 				let { from: a, to: o, empty: s } = n.selection;
 				if (s) {
@@ -1639,17 +1828,17 @@ var Ln = [
 					let e = n.tr.removeMark(a, o, r);
 					i && (e = e.addMark(a, o, r.create({ color: i }))), t.dispatch(e);
 				}
-			}), A(), R();
+			}), A(), B();
 		}
 		function k(e) {
 			if (e) {
-				if (_ && !_.isClosed) {
+				if (g && !g.isClosed) {
 					A();
 					return;
 				}
-				_ = m.open({
+				g = p.open({
 					spec: {
-						...K,
+						...fe,
 						anchor: {
 							kind: "element",
 							element: e
@@ -1657,39 +1846,39 @@ var Ln = [
 					},
 					content: {
 						kind: "component",
-						component: p(_n)
+						component: m(Fn)
 					},
 					inputs: {
 						currentColor: b.value.text_color,
 						pick: (e) => O(e)
 					}
-				}), _.afterClosed.then(() => {
-					_?.isClosed && (_ = null);
+				}), g.afterClosed.then(() => {
+					g?.isClosed && (g = null);
 				});
 			}
 		}
 		function A() {
-			_ && !_.isClosed && _.close(), _ = null;
+			g && !g.isClosed && g.close(), g = null;
 		}
 		function j(t, n) {
 			if (N(), e.readonly) return;
 			let i = r();
 			i && (i.action((e) => {
-				e.get(M).call(Ye.key, {
+				e.get(P).call(at.key, {
 					row: t,
 					col: n
 				});
-			}), R());
+			}), B());
 		}
-		function te(t) {
+		function M(t) {
 			if (!(!t || e.readonly)) {
-				if (y && !y.isClosed) {
+				if (v && !v.isClosed) {
 					N();
 					return;
 				}
-				y = m.open({
+				v = p.open({
 					spec: {
-						...K,
+						...fe,
 						anchor: {
 							kind: "element",
 							element: t
@@ -1697,48 +1886,48 @@ var Ln = [
 					},
 					content: {
 						kind: "component",
-						component: p(Sn)
+						component: m(Bn)
 					},
 					inputs: { pick: (e, t) => j(e, t) }
-				}), y.afterClosed.then(() => {
-					y?.isClosed && (y = null);
+				}), v.afterClosed.then(() => {
+					v?.isClosed && (v = null);
 				});
 			}
 		}
 		function N() {
-			y && !y.isClosed && y.close(), y = null;
+			v && !v.isClosed && v.close(), v = null;
 		}
 		function F(t) {
 			if (e.readonly || !t.url) return;
 			let n = r();
 			n && n.action((e) => {
-				e.get(M).call(_e.key, {
+				e.get(P).call(ye.key, {
 					src: t.url,
 					alt: t.alt || void 0,
 					title: t.title || void 0
 				});
 			});
 		}
-		function I() {
+		function L() {
 			let e = r();
 			if (!e) return "";
 			let t = "";
 			return e.action((e) => {
-				let { state: n } = e.get(P), { from: r, to: i } = n.selection;
+				let { state: n } = e.get(I), { from: r, to: i } = n.selection;
 				t = n.doc.textBetween(r, i, " ");
 			}), t;
 		}
-		function re() {
+		function ne() {
 			if (e.readonly) return;
 			let t = e.pickImage;
 			if (t) {
 				t({
 					insertImage: F,
-					selectedText: I()
+					selectedText: L()
 				});
 				return;
 			}
-			h.open(jn, {
+			h.open(Yn, {
 				title: "Insert image",
 				size: "s"
 			}).result.then((e) => {
@@ -1746,21 +1935,21 @@ var Ln = [
 				t?.url && F(t);
 			});
 		}
-		function ie() {
+		function R() {
 			if (e.readonly) return;
 			let t = r();
 			t && t.action((e) => {
-				let t = e.get(P), { state: n } = t, r = n.tr, { from: i, to: a, empty: o } = n.selection;
+				let t = e.get(I), { state: n } = t, r = n.tr, { from: i, to: a, empty: o } = n.selection;
 				o ? r = r.setStoredMarks([]) : Object.values(n.schema.marks).forEach((e) => {
 					r = r.removeMark(i, a, e);
-				}), t.dispatch(r), e.get(M).call(Ce.key);
+				}), t.dispatch(r), e.get(P).call(Te.key);
 			});
 		}
-		function L() {
+		function z() {
 			if (e.readonly) return;
 			let t = r();
 			t && t.action((e) => {
-				let n = e.get(P), { $from: r } = n.state.selection;
+				let n = e.get(I), { $from: r } = n.state.selection;
 				for (let e = r.depth; e > 0; e--) {
 					let t = r.node(e);
 					if (t.type.name === "list_item") {
@@ -1769,9 +1958,9 @@ var Ln = [
 						return;
 					}
 				}
-				e.get(M).call(Te.key), queueMicrotask(() => {
+				e.get(P).call(De.key), queueMicrotask(() => {
 					t.action((e) => {
-						let t = e.get(P), { $from: n } = t.state.selection;
+						let t = e.get(I), { $from: n } = t.state.selection;
 						for (let e = n.depth; e > 0; e--) if (n.node(e).type.name === "list_item") {
 							t.dispatch(t.state.tr.setNodeAttribute(n.before(e), "checked", !1));
 							return;
@@ -1780,11 +1969,11 @@ var Ln = [
 				});
 			});
 		}
-		function R() {
+		function B() {
 			let e = r();
 			if (e) try {
 				e.action((e) => {
-					let t = e.get(P).state, { from: n, to: r, empty: i, $from: a } = t.selection, o = t.storedMarks, s = { ...f }, c = (e) => {
+					let t = e.get(I).state, { from: n, to: r, empty: i, $from: a } = t.selection, o = t.storedMarks, s = { ...d }, c = (e) => {
 						let s = t.schema.marks[e];
 						if (!s) return !1;
 						if (i) {
@@ -1826,32 +2015,32 @@ var Ln = [
 					b.value = s;
 				});
 			} catch {
-				b.value = { ...f };
+				b.value = { ...d };
 			}
 		}
-		function oe(t) {
+		function ae(t) {
 			if (e.readonly) return;
 			let n = t.target, i = n.closest("li[data-item-type=\"task\"]");
 			if (i) {
 				let e = i.getBoundingClientRect();
 				if (t.clientX - e.left < 18) {
-					t.preventDefault(), z(i);
+					t.preventDefault(), oe(i);
 					return;
 				}
 			}
 			if (n.closest(".ProseMirror")) return;
 			let a = r();
 			a && (t.preventDefault(), a.action((e) => {
-				let t = e.get(P);
+				let t = e.get(I);
 				t.focus();
-				let n = t.state.tr.setSelection(ke.atEnd(t.state.doc));
+				let n = t.state.tr.setSelection(je.atEnd(t.state.doc));
 				t.dispatch(n);
 			}));
 		}
-		function z(e) {
+		function oe(e) {
 			let t = r();
 			t && t.action((t) => {
-				let n = t.get(P), r = n.posAtDOM(e, 0);
+				let n = t.get(I), r = n.posAtDOM(e, 0);
 				if (r < 0) return;
 				let i = n.state.doc.resolve(r);
 				for (let e = i.depth; e >= 0; e--) {
@@ -1864,13 +2053,13 @@ var Ln = [
 				}
 			});
 		}
-		function se() {
+		function V() {
 			let e = r();
 			if (!e) return "text";
 			try {
 				let t = "text";
 				return e.action((e) => {
-					let { $from: n } = e.get(P).state.selection;
+					let { $from: n } = e.get(I).state.selection;
 					for (let e = n.depth; e > 0; e--) if (n.node(e).type.name === "table") {
 						t = "table";
 						break;
@@ -1880,14 +2069,14 @@ var Ln = [
 				return "text";
 			}
 		}
-		function ce(e) {
+		function se(e) {
 			let t = e.left + e.width / 2, n = e.top - 8;
 			t = Math.max(108, Math.min(t, window.innerWidth - 108)), n < 50 && (n = e.bottom + 8), c.value = {
 				left: `${t}px`,
 				top: `${n}px`
 			};
 		}
-		function V() {
+		function U() {
 			if (e.readonly || e.toolbarMode === "fixed") {
 				o.value = !1;
 				return;
@@ -1902,13 +2091,13 @@ var Ln = [
 				o.value = !1, u.value = !1;
 				return;
 			}
-			ce(n.getBoundingClientRect()), l.value = se(), o.value = !0, u.value = !1;
+			se(n.getBoundingClientRect()), l.value = V(), o.value = !0, u.value = !1;
 		}
 		function W(e) {
 			let t = e.target;
 			t.closest(".coar-md-floating-toolbar") || t.closest(".coar-md-float-submenu") || t.closest(".coar-md-color-picker") || t.closest(".coar-overlay-outlet") || (!i.value || !i.value.contains(t)) && (o.value = !1, u.value = !1);
 		}
-		let G = null;
+		let K = null;
 		function de(e = 20) {
 			let t = r();
 			if (!t) {
@@ -1917,33 +2106,33 @@ var Ln = [
 			}
 			try {
 				t.action((e) => {
-					let t = e.get(lt);
-					G = () => queueMicrotask(R), t.selectionUpdated(G);
+					let t = e.get(yt);
+					K = () => queueMicrotask(B), t.selectionUpdated(K);
 				});
 			} catch {
 				e > 0 && setTimeout(() => de(e - 1), 50);
 			}
 		}
-		function me() {
-			if (!G) return;
+		function pe() {
+			if (!K) return;
 			let e = r();
 			if (e) {
 				try {
 					e.action((e) => {
-						let t = e.get(lt).listeners.selectionUpdated, n = t.indexOf(G);
+						let t = e.get(yt).listeners.selectionUpdated, n = t.indexOf(K);
 						n >= 0 && t.splice(n, 1);
 					});
 				} catch {}
-				G = null;
+				K = null;
 			}
 		}
-		g(() => {
-			document.addEventListener("selectionchange", V), document.addEventListener("mousedown", W, !0), de();
+		_(() => {
+			document.addEventListener("selectionchange", U), document.addEventListener("mousedown", W, !0), de();
 		}), ee(() => {
-			document.removeEventListener("selectionchange", V), document.removeEventListener("mousedown", W, !0), me(), A();
+			document.removeEventListener("selectionchange", U), document.removeEventListener("mousedown", W, !0), pe(), A();
 		});
 		function q(e, t, n, r = {}) {
-			return d(U, {
+			return f(G, {
 				icon: e,
 				label: t,
 				active: r.active ?? !1,
@@ -1951,113 +2140,205 @@ var Ln = [
 				onClick: r.disabled ? () => {} : r.onClick ?? (() => x(n))
 			});
 		}
-		function he() {
-			let t = b.value, n = t.heading != null;
-			function r(e, t, n) {
-				D(t) && e.push(n);
-			}
+		let ge = [
+			"bold",
+			"italic",
+			"strikethrough",
+			"inlineCode",
+			"textColor",
+			"headings",
+			"divider",
+			"bulletList",
+			"orderedList",
+			"taskList",
+			"outdent",
+			"indent",
+			"blockquote",
+			"horizontalRule",
+			"divider",
+			"codeBlock",
+			"table",
+			"image",
+			"divider",
+			"tableOps",
+			"divider",
+			"clearFormatting",
+			"divider",
+			"undo",
+			"redo"
+		];
+		function _e() {
+			let t = b.value, n = t.heading != null, r = E.value;
 			function i(e) {
-				e.length !== 0 && e[e.length - 1]?.type !== H && e.push(d(H));
+				e.length !== 0 && e[e.length - 1]?.type !== le && e.push(f(le));
 			}
-			let a = [];
+			function a(e) {
+				if (!kt(e, r)) return [];
+				switch (e) {
+					case "bold": return [q("bold", "Bold", $.bold, { active: t.strong })];
+					case "italic": return [q("italic", "Italic", $.italic, { active: t.emphasis })];
+					case "strikethrough": return [q("strikethrough", "Strikethrough", $.strike, { active: t.strike_through })];
+					case "inlineCode": return [q("code", "Inline Code", $.code, { active: t.inlineCode })];
+					case "textColor": return [f(G, {
+						icon: "palette",
+						label: "Text Color",
+						active: t.text_color !== null,
+						onClick: (e) => {
+							k(e.currentTarget ?? e.target);
+						}
+					})];
+					case "headings": return [f(ue, {
+						icon: "hash",
+						label: n ? `Heading ${t.heading}` : "Headings",
+						mode: "flyout",
+						openOnHover: !0
+					}, { default: () => [
+						f(G, {
+							icon: "pilcrow",
+							label: "Paragraph",
+							active: !n,
+							onClick: () => x($.paragraph)
+						}),
+						f(G, {
+							icon: "heading",
+							label: "Heading 1",
+							active: t.heading === 1,
+							onClick: () => x($.h1)
+						}),
+						f(G, {
+							icon: "heading",
+							label: "Heading 2",
+							active: t.heading === 2,
+							onClick: () => x($.h2)
+						}),
+						f(G, {
+							icon: "heading",
+							label: "Heading 3",
+							active: t.heading === 3,
+							onClick: () => x($.h3)
+						}),
+						f(G, {
+							icon: "heading",
+							label: "Heading 4",
+							active: t.heading === 4,
+							onClick: () => x($.h4)
+						}),
+						f(G, {
+							icon: "heading",
+							label: "Heading 5",
+							active: t.heading === 5,
+							onClick: () => x($.h5)
+						}),
+						f(G, {
+							icon: "heading",
+							label: "Heading 6",
+							active: t.heading === 6,
+							onClick: () => x($.h6)
+						})
+					] })];
+					case "bulletList": return [q("list", "Bullet List", $.bulletList, {
+						active: t.bullet_list,
+						onClick: () => w("bullet_list")
+					})];
+					case "orderedList": return [q("list-ordered", "Ordered List", $.orderedList, {
+						active: t.ordered_list,
+						onClick: () => w("ordered_list")
+					})];
+					case "taskList": return [q("clipboard-check", "Task List", $.bulletList, {
+						active: t.task_list,
+						onClick: z
+					})];
+					case "outdent": return [q("indent-decrease", "Outdent", $.outdent, { disabled: t.list_item_depth < 2 })];
+					case "indent": return [q("indent-increase", "Indent", $.indent, { disabled: t.list_item_depth < 1 })];
+					case "blockquote": return [q("text-quote", "Blockquote", $.blockquote, { active: t.blockquote })];
+					case "horizontalRule": return [q("minus", "Horizontal Rule", $.hr)];
+					case "codeBlock": return [q("square-code", "Code Block", $.codeBlock, { active: t.code_block })];
+					case "table": return [f(G, {
+						icon: "table",
+						label: "Insert Table",
+						active: t.table,
+						onClick: (e) => {
+							M(e.currentTarget ?? e.target);
+						}
+					})];
+					case "image": return [q("image", "Insert Image", $.bold, { onClick: ne })];
+					case "tableOps": return t.table ? [
+						q("table-row-plus-above", "Insert Row Above", $.addRowBefore),
+						q("table-row-plus-below", "Insert Row Below", $.addRowAfter),
+						q("table-column-plus-left", "Insert Column Left", $.addColBefore),
+						q("table-column-plus-right", "Insert Column Right", $.addColAfter),
+						q("align-left", "Align Left", $.deleteCell, {
+							active: t.cell_alignment === "left",
+							onClick: () => S("left")
+						}),
+						q("align-center", "Align Center", $.deleteCell, {
+							active: t.cell_alignment === "center",
+							onClick: () => S("center")
+						}),
+						q("align-right", "Align Right", $.deleteCell, {
+							active: t.cell_alignment === "right",
+							onClick: () => S("right")
+						}),
+						q("trash-2", "Delete Cell", $.deleteCell),
+						q("table", "Delete Table", $.deleteCell, { onClick: C })
+					] : [];
+					case "clearFormatting": return [q("eraser", "Clear Formatting", $.bold, { onClick: R })];
+					case "undo": return [q("undo-2", "Undo", $.undo)];
+					case "redo": return [q("redo-2", "Redo", $.redo)];
+					default: return [];
+				}
+			}
+			function o(t) {
+				if (!r.embeds) return [];
+				let n = e.embeds?.[t];
+				return n?.insert ? [f(G, {
+					icon: n.insert.icon ?? "layout-grid",
+					label: n.insert.label ?? t,
+					onClick: () => {
+						te(t);
+					}
+				})] : [];
+			}
+			function s(e) {
+				if (typeof e == "string") return e === "divider" ? [] : e.startsWith("embed:") ? o(e.slice(6)) : a(e);
+				if (e && typeof e == "object" && Array.isArray(e.flyout)) {
+					let t = e.flyout.flatMap((e) => s(e));
+					return t.length === 0 ? [] : [f(ue, {
+						icon: e.icon ?? "plus",
+						label: e.label ?? "",
+						mode: "flyout",
+						openOnHover: !0
+					}, { default: () => t })];
+				}
+				return [];
+			}
+			let c = [];
 			if (e.sourceToggle) {
 				let t = e.viewMode === "source";
-				if (a.push(d(U, {
+				if (c.push(f(G, {
 					icon: t ? "eye" : "code",
 					label: t ? "Rendered" : "Source",
 					active: t,
 					onClick: () => e.onToggleView?.(t ? "rendered" : "source")
-				})), t) return ge(a);
-				i(a);
+				})), t) return ve(c);
+				i(c);
 			}
-			return r(a, "bold", q("bold", "Bold", $.bold, { active: t.strong })), r(a, "italic", q("italic", "Italic", $.italic, { active: t.emphasis })), r(a, "strikethrough", q("strikethrough", "Strikethrough", $.strike, { active: t.strike_through })), r(a, "inlineCode", q("code", "Inline Code", $.code, { active: t.inlineCode })), r(a, "textColor", d(U, {
-				icon: "palette",
-				label: "Text Color",
-				active: t.text_color !== null,
-				onClick: (e) => {
-					k(e.currentTarget ?? e.target);
-				}
-			})), r(a, "headings", d(ue, {
-				icon: "hash",
-				label: n ? `Heading ${t.heading}` : "Headings",
-				mode: "flyout",
-				openOnHover: !0
-			}, { default: () => [
-				d(U, {
-					icon: "pilcrow",
-					label: "Paragraph",
-					active: !n,
-					onClick: () => x($.paragraph)
-				}),
-				d(U, {
-					icon: "heading",
-					label: "Heading 1",
-					active: t.heading === 1,
-					onClick: () => x($.h1)
-				}),
-				d(U, {
-					icon: "heading",
-					label: "Heading 2",
-					active: t.heading === 2,
-					onClick: () => x($.h2)
-				}),
-				d(U, {
-					icon: "heading",
-					label: "Heading 3",
-					active: t.heading === 3,
-					onClick: () => x($.h3)
-				}),
-				d(U, {
-					icon: "heading",
-					label: "Heading 4",
-					active: t.heading === 4,
-					onClick: () => x($.h4)
-				}),
-				d(U, {
-					icon: "heading",
-					label: "Heading 5",
-					active: t.heading === 5,
-					onClick: () => x($.h5)
-				}),
-				d(U, {
-					icon: "heading",
-					label: "Heading 6",
-					active: t.heading === 6,
-					onClick: () => x($.h6)
-				})
-			] })), i(a), r(a, "bulletList", q("list", "Bullet List", $.bulletList, {
-				active: t.bullet_list,
-				onClick: () => w("bullet_list")
-			})), r(a, "orderedList", q("list-ordered", "Ordered List", $.orderedList, {
-				active: t.ordered_list,
-				onClick: () => w("ordered_list")
-			})), r(a, "taskList", q("clipboard-check", "Task List", $.bulletList, {
-				active: t.task_list,
-				onClick: L
-			})), r(a, "outdent", q("indent-decrease", "Outdent", $.outdent, { disabled: t.list_item_depth < 2 })), r(a, "indent", q("indent-increase", "Indent", $.indent, { disabled: t.list_item_depth < 1 })), r(a, "blockquote", q("text-quote", "Blockquote", $.blockquote, { active: t.blockquote })), r(a, "horizontalRule", q("minus", "Horizontal Rule", $.hr)), i(a), r(a, "codeBlock", q("square-code", "Code Block", $.codeBlock, { active: t.code_block })), r(a, "table", d(U, {
-				icon: "table",
-				label: "Insert Table",
-				active: t.table,
-				onClick: (e) => {
-					te(e.currentTarget ?? e.target);
+			let l = e.tools ?? ge;
+			for (let e of l) {
+				if (e === "divider") {
+					i(c);
+					continue;
 				}
-			})), r(a, "image", q("image", "Insert Image", $.bold, { onClick: re })), t.table && D("tableOps") && (i(a), a.push(q("table-row-plus-above", "Insert Row Above", $.addRowBefore)), a.push(q("table-row-plus-below", "Insert Row Below", $.addRowAfter)), a.push(q("table-column-plus-left", "Insert Column Left", $.addColBefore)), a.push(q("table-column-plus-right", "Insert Column Right", $.addColAfter)), a.push(q("align-left", "Align Left", $.deleteCell, {
-				active: t.cell_alignment === "left",
-				onClick: () => S("left")
-			})), a.push(q("align-center", "Align Center", $.deleteCell, {
-				active: t.cell_alignment === "center",
-				onClick: () => S("center")
-			})), a.push(q("align-right", "Align Right", $.deleteCell, {
-				active: t.cell_alignment === "right",
-				onClick: () => S("right")
-			})), a.push(q("trash-2", "Delete Cell", $.deleteCell)), a.push(q("table", "Delete Table", $.deleteCell, { onClick: C }))), D("clearFormatting") && (i(a), a.push(q("eraser", "Clear Formatting", $.bold, { onClick: ie }))), i(a), r(a, "undo", q("undo-2", "Undo", $.undo)), r(a, "redo", q("redo-2", "Redo", $.redo)), a[a.length - 1]?.type === H && a.pop(), ge(a);
-		}
-		function ge(t) {
-			return d("div", {
+				for (let t of s(e)) c.push(t);
+			}
+			return c[c.length - 1]?.type === le && c.pop(), ve(c);
+		}
+		function ve(t) {
+			return f("div", {
 				key: "sidebar",
 				class: "coar-md-sidebar-wrap",
 				onMousedown: (e) => e.preventDefault()
-			}, [d(le, {
+			}, [f(ce, {
 				collapsed: !0,
 				side: e.toolbarPosition,
 				size: "s",
@@ -2065,8 +2346,8 @@ var Ln = [
 				borderless: !0
 			}, { default: () => t })]);
 		}
-		function ye() {
-			let e = (e, t, n, r = {}) => d("button", {
+		function xe() {
+			let e = (e, t, n, r = {}) => f("button", {
 				class: [
 					"coar-md-float-btn",
 					r.isActive ? "coar-md-float-btn--active" : "",
@@ -2078,10 +2359,10 @@ var Ln = [
 				onMousedown: (e) => {
 					e.preventDefault(), !r.disabled && (r.onClick ?? (() => x(n)))();
 				}
-			}, [d(B, {
+			}, [f(H, {
 				name: e,
 				size: "s"
-			})]), n = () => d("div", { class: "coar-md-float-sep" }), r = b.value;
+			})]), n = () => f("div", { class: "coar-md-float-sep" }), r = b.value;
 			function i(e, t, n) {
 				D(t) && e.push(n);
 			}
@@ -2091,7 +2372,7 @@ var Ln = [
 			let o = [];
 			if (i(o, "bold", e("bold", "Bold", $.bold, { isActive: r.strong })), i(o, "italic", e("italic", "Italic", $.italic, { isActive: r.emphasis })), i(o, "strikethrough", e("strikethrough", "Strikethrough", $.strike, { isActive: r.strike_through })), i(o, "inlineCode", e("code", "Inline Code", $.code, { isActive: r.inlineCode })), D("textColor")) {
 				let e = r.text_color !== null;
-				o.push(d("button", {
+				o.push(f("button", {
 					class: ["coar-md-float-btn", e ? "coar-md-float-btn--active" : ""],
 					type: "button",
 					title: e ? `Text Color (${r.text_color})` : "Text Color",
@@ -2099,22 +2380,22 @@ var Ln = [
 					onMousedown: (e) => {
 						e.preventDefault(), k(e.currentTarget);
 					}
-				}, [d(B, {
+				}, [f(H, {
 					name: "palette",
 					size: "s"
 				})]));
 			}
-			D("headings") && (a(o), o.push(d("div", { class: "coar-md-float-dropdown" }, [d("button", {
+			D("headings") && (a(o), o.push(f("div", { class: "coar-md-float-dropdown" }, [f("button", {
 				class: ["coar-md-float-btn", u.value || r.heading != null ? "coar-md-float-btn--active" : ""],
 				title: r.heading == null ? "Headings" : `Heading ${r.heading}`,
 				type: "button",
 				onMousedown: (e) => {
 					e.preventDefault(), u.value = !u.value;
 				}
-			}, [d(B, {
+			}, [f(H, {
 				name: "heading",
 				size: "s"
-			})]), u.value ? d("div", { class: "coar-md-float-submenu" }, [
+			})]), u.value ? f("div", { class: "coar-md-float-submenu" }, [
 				{
 					label: "Paragraph",
 					cmd: $.paragraph,
@@ -2157,16 +2438,16 @@ var Ln = [
 					icon: "heading",
 					activeLevel: 6
 				}
-			].map(({ label: e, cmd: t, icon: n, activeLevel: i }) => d("button", {
+			].map(({ label: e, cmd: t, icon: n, activeLevel: i }) => f("button", {
 				class: ["coar-md-float-submenu-item", (i === 0 ? r.heading == null : r.heading === i) ? "coar-md-float-submenu-item--active" : ""],
 				type: "button",
 				onMousedown: (e) => {
 					e.preventDefault(), x(t), u.value = !1;
 				}
-			}, [d(B, {
+			}, [f(H, {
 				name: n,
 				size: "xs"
-			}), d("span", null, e)]))) : null]))), a(o), i(o, "bulletList", e("list", "Bullet List", $.bulletList, {
+			}), f("span", null, e)]))) : null]))), a(o), i(o, "bulletList", e("list", "Bullet List", $.bulletList, {
 				isActive: r.bullet_list,
 				onClick: () => w("bullet_list")
 			})), i(o, "orderedList", e("list-ordered", "Ordered List", $.orderedList, {
@@ -2174,8 +2455,8 @@ var Ln = [
 				onClick: () => w("ordered_list")
 			})), i(o, "taskList", e("clipboard-check", "Task List", $.bulletList, {
 				isActive: r.task_list,
-				onClick: L
-			})), i(o, "outdent", e("indent-decrease", "Outdent", $.outdent, { disabled: r.list_item_depth < 2 })), i(o, "indent", e("indent-increase", "Indent", $.indent, { disabled: r.list_item_depth < 1 })), a(o), i(o, "blockquote", e("text-quote", "Blockquote", $.blockquote, { isActive: r.blockquote })), D("clearFormatting") && (a(o), o.push(e("eraser", "Clear Formatting", $.bold, { onClick: ie }))), o[o.length - 1]?.props?.class === "coar-md-float-sep" && o.pop();
+				onClick: z
+			})), i(o, "outdent", e("indent-decrease", "Outdent", $.outdent, { disabled: r.list_item_depth < 2 })), i(o, "indent", e("indent-increase", "Indent", $.indent, { disabled: r.list_item_depth < 1 })), a(o), i(o, "blockquote", e("text-quote", "Blockquote", $.blockquote, { isActive: r.blockquote })), D("clearFormatting") && (a(o), o.push(e("eraser", "Clear Formatting", $.bold, { onClick: R }))), o[o.length - 1]?.props?.class === "coar-md-float-sep" && o.pop();
 			let s = {
 				text: o,
 				table: D("tableOps") ? [
@@ -2218,16 +2499,16 @@ var Ln = [
 					e("trash-2", "Delete Row", $.deleteCell)
 				] : o
 			};
-			return d(t, { to: "body" }, d("div", {
+			return f(t, { to: "body" }, f("div", {
 				class: "coar-md-floating-toolbar",
 				style: `left:${c.value.left};top:${c.value.top};`
 			}, s[l.value] || o));
 		}
 		return () => {
 			let t = e.toolbarMode === "fixed" || e.toolbarMode === "both", n = e.sourceToggle && e.viewMode === "source", r = !e.readonly && !n && (e.toolbarMode === "floating" || e.toolbarMode === "both"), c = [], l = e.toolbarPosition === "left" || e.toolbarPosition === "top", u = e.toolbarPosition === "right" || e.toolbarPosition === "bottom";
-			t && l && c.push(he());
-			let f = e.isEmpty && e.placeholder.length > 0 && !n;
-			return c.push(d("div", {
+			t && l && c.push(_e());
+			let d = e.isEmpty && e.placeholder.length > 0 && !n;
+			return c.push(f("div", {
 				key: "area",
 				ref: a,
 				class: [
@@ -2235,21 +2516,21 @@ var Ln = [
 					"coar-markdown",
 					{ "coar-md-area--source": n }
 				],
-				onMousedown: n ? void 0 : oe
+				onMousedown: n ? void 0 : ae
 			}, [
-				d(ne),
-				f ? d(Rt, {
+				f(re),
+				d ? f(Jt, {
 					key: "placeholder",
 					source: e.placeholder
 				}) : null,
-				!e.readonly && !n && E.value.gfm ? d(Dn, {
+				!e.readonly && !n && E.value.gfm ? f(Gn, {
 					key: "table-handles",
 					area: a.value,
 					onMenuToggle: (e) => {
 						s.value = e;
 					}
 				}) : null,
-				n ? d("textarea", {
+				n ? f("textarea", {
 					key: "source",
 					class: "coar-md-source-area",
 					value: e.sourceValue,
@@ -2259,7 +2540,7 @@ var Ln = [
 					placeholder: e.placeholder || void 0,
 					onInput: (t) => e.onSourceInput?.(t.target.value)
 				}) : null,
-				e.sourceToggle && !t ? d("button", {
+				e.sourceToggle && !t ? f("button", {
 					key: "source-corner",
 					class: "coar-md-source-corner",
 					type: "button",
@@ -2268,11 +2549,11 @@ var Ln = [
 					onMousedown: (t) => {
 						t.preventDefault(), e.onToggleView?.(n ? "rendered" : "source");
 					}
-				}, [d(B, {
+				}, [f(H, {
 					name: n ? "eye" : "code",
 					size: "s"
 				})]) : null
-			])), t && u && c.push(he()), o.value && r && !s.value && c.push(ye()), d("div", {
+			])), t && u && c.push(_e()), o.value && r && !s.value && c.push(xe()), f("div", {
 				class: {
 					"coar-md-root": !0,
 					[`coar-md-root--toolbar-${e.toolbarPosition}`]: !0,
@@ -2291,7 +2572,7 @@ var Ln = [
 			}, c);
 		};
 	}
-}), Bn = u({
+}), ir = u({
 	name: "CoarMarkdownEditor",
 	props: {
 		modelValue: {
@@ -2353,19 +2634,23 @@ var Ln = [
 		pickImage: {
 			type: Function,
 			default: void 0
+		},
+		embeds: {
+			type: Object,
+			default: void 0
 		}
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let r = e.modelValue, i = b({ value: e.modelValue });
-		D(() => e.modelValue, (e) => {
+		let r = e.modelValue, i = te({ value: e.modelValue });
+		O(() => e.modelValue, (e) => {
 			i.value = { value: e };
 		});
-		let a = f(G, void 0), o = `coar-markdown-editor-${C()}`, s = n(() => e.id || a?.inputId.value || o), c = n(() => e.error || (a?.hasError.value ?? !1)), l = n(() => a?.messageId.value), u = n(() => e.disabled || (a?.disabled.value ?? !1)), p = n(() => e.readonly || u.value);
-		return () => d(re, null, () => d(Rn, {
+		let a = p(de, void 0), o = `coar-markdown-editor-${w()}`, s = n(() => e.id || a?.inputId.value || o), c = n(() => e.error || (a?.hasError.value ?? !1)), l = n(() => a?.messageId.value), u = n(() => e.disabled || (a?.disabled.value ?? !1)), d = n(() => e.readonly || u.value);
+		return () => f(R, null, () => f(nr, {
 			initialValue: r,
 			externalValue: i.value,
-			readonly: p.value,
+			readonly: d.value,
 			disabled: u.value,
 			sourceToggle: e.sourceToggle,
 			toolbarMode: e.toolbarMode,
@@ -2380,9 +2665,10 @@ var Ln = [
 			placeholder: e.placeholder,
 			uploadImage: e.uploadImage,
 			pickImage: e.pickImage,
+			embeds: e.embeds,
 			onMarkdownChange: (e) => t("update:modelValue", e)
 		}));
 	}
 });
 //#endregion
-export { Ln as COAR_MARKDOWN_EDITOR_ALL_TOOLS, Bn as CoarMarkdownEditor, Ct as resolveCapabilities };
+export { tr as COAR_MARKDOWN_EDITOR_ALL_TOOLS, ir as CoarMarkdownEditor, Je as EmbedRenderer, Xe as MARKDOWN_EMBEDS_KEY, Nt as resolveCapabilities, Ze as resolveEmbed };