@templatical/editor 0.6.7 → 0.7.1

package/dist/{ParagraphEditor-DjDiUzmv.js → ParagraphEditor-BRQTNDFO.js}

@@ -1,16 +1,17 @@
 import { A as e, F as t, G as n, M as r, X as i, _ as a, at as o, b as s, c, d as l, f as u, h as d, l as f, m as p, ot as m, p as h, rt as g, s as _, st as v, u as y, v as b, w as x } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import { C as S, b as C, w } from "./useEditorCore-CnXrv71D.js";
+import { C as S, b as C, w } from "./useEditorCore-uCU9Ny0M.js";
 import { t as T } from "./dist-BzRLLpfq.js";
-import { D as E, O as D, T as O, h as k } from "./keys-Bqs_0du9.js";
-import { t as A } from "./useI18n-CgmQftNf.js";
+import { A as E, D, g as O, k } from "./keys-B5SJtPWf.js";
+import { t as A } from "./useI18n-PEB8ioi_.js";
 import { t as j } from "./createLucideIcon-Di4mqmGn.js";
-import { a as ee, i as M, n as N, r as P, t as F } from "./RichTextEditorContent-CK3Om7ES.js";
-import { t as te } from "./loader-circle-_9bP23op.js";
-import { t as ne } from "./scan-line-DUEg6DoT.js";
-import { n as re, r as ie, t as I } from "./text-align-start-DG3aAH7Y.js";
-import { t as L } from "./_plugin-vue_export-helper-B0hnzhyu.js";
-import { a as R, o as z, s as B } from "./styleConstants-fWzlIIwN.js";
-var V = j("list-ordered", [
+import { a as ee, i as te, n as M, r as N, t as P } from "./RichTextEditorContent-C3QSg7gd.js";
+import { t as ne } from "./loader-circle-_9bP23op.js";
+import { t as re } from "./scan-line-DUEg6DoT.js";
+import { n as ie, r as ae, t as oe } from "./text-align-start-DG3aAH7Y.js";
+import { t as F } from "./_plugin-vue_export-helper-B0hnzhyu.js";
+import { a as I, o as L, s as R } from "./styleConstants-fWzlIIwN.js";
+import { t as z } from "./usePopoverRoot-BxJrqnMD.js";
+var B = j("list-ordered", [
 	["path", {
 		d: "M11 5h10",
 		key: "1cz7ny"
@@ -35,7 +36,7 @@ var V = j("list-ordered", [
 		d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02",
 		key: "xtkcd5"
 	}]
-]), H = j("list", [
+]), V = j("list", [
 	["path", {
 		d: "M3 5h.01",
 		key: "18ugdj"
@@ -60,7 +61,7 @@ var V = j("list-ordered", [
 		d: "M8 19h13",
 		key: "m83p4d"
 	}]
-]), U = j("remove-formatting", [
+]), H = j("remove-formatting", [
 	["path", {
 		d: "M4 7V4h16v3",
 		key: "9msm58"
@@ -81,7 +82,7 @@ var V = j("list-ordered", [
 		d: "m20 15-5 5",
 		key: "11p7ol"
 	}]
-]), W = j("smile", [
+]), U = j("smile", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -106,7 +107,7 @@ var V = j("list-ordered", [
 		y2: "9",
 		key: "1p4y9e"
 	}]
-]), G = j("strikethrough", [
+]), W = j("strikethrough", [
 	["path", {
 		d: "M16 4H9a3 3 0 0 0-2.83 4",
 		key: "43sutm"
@@ -122,7 +123,7 @@ var V = j("list-ordered", [
 		y2: "12",
 		key: "1e0a9i"
 	}]
-]), K = j("subscript", [
+]), G = j("subscript", [
 	["path", {
 		d: "m4 5 8 8",
 		key: "1eunvl"
@@ -135,7 +136,7 @@ var V = j("list-ordered", [
 		d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07",
 		key: "e8ta8j"
 	}]
-]), q = j("superscript", [
+]), K = j("superscript", [
 	["path", {
 		d: "m4 19 8-8",
 		key: "hr47gm"
@@ -148,7 +149,7 @@ var V = j("list-ordered", [
 		d: "M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06",
 		key: "1dfcux"
 	}]
-]), J = j("underline", [["path", {
+]), q = j("underline", [["path", {
 	d: "M6 4v6a6 6 0 0 0 12 0V4",
 	key: "9kb039"
 }], ["line", {
@@ -157,11 +158,11 @@ var V = j("list-ordered", [
 	y1: "20",
 	y2: "20",
 	key: "nun2al"
-}]]), Y = [
+}]]), J = [
 	"aria-label",
 	"title",
 	"aria-expanded"
-], ae = ["aria-label"], oe = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, se = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, ce = ["aria-label", "onClick"], le = /* @__PURE__ */ s({
+], Y = ["aria-label"], se = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, ce = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, le = ["aria-label", "onClick"], ue = /* @__PURE__ */ s({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(t, { emit: n }) {
@@ -185,10 +186,10 @@ var V = j("list-ordered", [
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
 			onClick: n[0] ||= (...e) => g(h) && g(h)(...e)
-		}, [b(g(W), {
+		}, [b(g(U), {
 			size: 16,
 			"stroke-width": 2
-		})], 10, Y), g(m) ? (e(), d("div", {
+		})], 10, J), g(m) ? (e(), d("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
@@ -202,15 +203,15 @@ var V = j("list-ordered", [
 		}, [(e(!0), d(f, null, r(g(s), (t) => (e(), d("div", {
 			key: t.key,
 			class: "tpl:mb-2 tpl:last:mb-0"
-		}, [u("div", oe, v(g(x).emoji[t.key]), 1), u("div", se, [(e(!0), d(f, null, r(t.emojis, (t) => (e(), d("button", {
+		}, [u("div", se, v(g(x).emoji[t.key]), 1), u("div", ce, [(e(!0), d(f, null, r(t.emojis, (t) => (e(), d("button", {
 			key: t,
 			type: "button",
 			"aria-label": g(C)(g(x).paragraphEditor.emojiItemLabel, { emoji: t }),
 			class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:text-base tpl:transition-all tpl:duration-100 tpl:hover:scale-125 tpl:hover:bg-[var(--tpl-bg-active)]",
 			onClick: (e) => O(t)
-		}, v(t), 9, ce))), 128))])]))), 128))], 40, ae)) : p("", !0)], 512));
+		}, v(t), 9, le))), 128))])]))), 128))], 40, Y)) : p("", !0)], 512));
 	}
-}), ue = [
+}), de = [
 	"aria-label",
 	"title",
 	"aria-pressed"
@@ -233,20 +234,20 @@ var V = j("list-ordered", [
 		}, [(e(), h(t(n.icon), {
 			size: n.size ?? 16,
 			"stroke-width": n.strokeWidth ?? 2
-		}, null, 8, ["size", "stroke-width"]))], 10, ue));
+		}, null, 8, ["size", "stroke-width"]))], 10, de));
 	}
-}), de = {}, fe = {
+}), fe = {}, pe = {
 	class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
 	"aria-hidden": "true"
 };
-function pe(t, n) {
-	return e(), d("span", fe);
+function me(t, n) {
+	return e(), d("span", pe);
 }
-var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
+var Z = /* @__PURE__ */ F(fe, [["render", me]]), he = [
 	"value",
 	"aria-label",
 	"title"
-], he = { value: "" }, ge = ["value"], Q = /* @__PURE__ */ s({
+], ge = { value: "" }, _e = ["value"], Q = /* @__PURE__ */ s({
 	__name: "ToolbarSelect",
 	props: {
 		modelValue: {},
@@ -273,23 +274,23 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 			"aria-label": t.label,
 			title: t.label,
 			onChange: a
-		}, [u("option", he, v(t.placeholder ?? ""), 1), (e(!0), d(f, null, r(t.options, (t) => (e(), d("option", {
+		}, [u("option", ge, v(t.placeholder ?? ""), 1), (e(!0), d(f, null, r(t.options, (t) => (e(), d("option", {
 			key: s(t),
 			value: s(t)
-		}, v(c(t)), 9, ge))), 128))], 42, me));
+		}, v(c(t)), 9, _e))), 128))], 42, he));
 	}
-}), _e = ["data-tpl-theme", "aria-label"], ve = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ye = { class: "tpl:relative" }, be = [
+}), ve = ["data-tpl-theme", "aria-label"], ye = { class: "tpl:flex tpl:items-center tpl:gap-1" }, be = { class: "tpl:relative" }, xe = [
 	"value",
 	"aria-label",
 	"title"
-], $ = { class: "tpl:relative" }, xe = [
+], Se = { class: "tpl:relative" }, Ce = [
 	"value",
 	"aria-label",
 	"title"
-], Se = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Ce = ["aria-label", "title"], we = {
+], $ = { class: "tpl:flex tpl:items-center tpl:gap-1" }, we = ["aria-label", "title"], Te = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Te = /* @__PURE__ */ s({
+}, Ee = /* @__PURE__ */ s({
 	__name: "ParagraphToolbar",
 	props: {
 		editor: {},
@@ -299,47 +300,50 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 	},
 	emits: ["open-link-dialog", "add-merge-tag"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, o = x(O, null), s = x(E, null), c = D(k, "ParagraphToolbar"), { t: l } = A(), _ = c.fonts;
-		function S(e) {
+		let r = t, i = n, o = x(D, null), s = x(k, null), c = E(O, "ParagraphToolbar"), l = z(), { t: _ } = A(), S = c.fonts;
+		function C(e) {
 			r.editor?.chain().focus().insertContent(e).run();
 		}
-		function C(e) {
+		function w(e) {
 			return r.editor?.getAttributes("textStyle")[e] || "";
 		}
-		function w(e) {
+		function T(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
-		function T(e) {
+		function j(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
 		}
-		function j(e) {
+		function M(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setColor(e).run() : t?.unsetColor().run();
 		}
-		function N() {
+		function P() {
 			return r.editor?.getAttributes("paragraph").lineHeight || "";
 		}
 		function F(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setLineHeight(e).run() : t?.unsetLineHeight().run();
 		}
-		function L(e) {
+		function U(e) {
 			let t = r.editor?.chain().focus();
 			e && e !== "normal" ? t?.setLetterSpacing(e).run() : t?.unsetLetterSpacing().run();
 		}
-		function W() {
+		function J() {
 			return r.editor?.getAttributes("highlight").color || "";
 		}
 		function Y(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
-		return (n, r) => (e(), h(y, { to: "body" }, [u("div", {
+		return (n, r) => g(l) ? (e(), h(y, {
+			key: 0,
+			to: g(l)
+		}, [u("div", {
 			"data-tpl-theme": g(s),
 			role: "toolbar",
-			"aria-label": g(l).paragraphEditor.toolbar,
+			"aria-label": g(_).paragraphEditor.toolbar,
 			class: "tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg",
 			style: m({
 				...g(o),
@@ -348,14 +352,14 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				transform: "translateY(-100%)",
 				flexDirection: "column"
 			})
-		}, [!t.isLoading && t.editor ? (e(), d(f, { key: 0 }, [u("div", ve, [
+		}, [!t.isLoading && t.editor ? (e(), d(f, { key: 0 }, [u("div", ye, [
 			b(Q, {
-				"model-value": C("fontFamily"),
-				options: g(_),
-				label: g(l).paragraphEditor.fontFamily,
-				placeholder: g(l).paragraphEditor.defaultFont,
+				"model-value": w("fontFamily"),
+				options: g(S),
+				label: g(_).paragraphEditor.fontFamily,
+				placeholder: g(_).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
-				"onUpdate:modelValue": w
+				"onUpdate:modelValue": T
 			}, null, 8, [
 				"model-value",
 				"options",
@@ -363,12 +367,12 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"placeholder"
 			]),
 			b(Q, {
-				"model-value": C("fontSize"),
-				options: g(R),
-				label: g(l).paragraphEditor.fontSize,
-				placeholder: g(l).paragraphEditor.defaultSize,
+				"model-value": w("fontSize"),
+				options: g(I),
+				label: g(_).paragraphEditor.fontSize,
+				placeholder: g(_).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": T
+				"onUpdate:modelValue": j
 			}, null, 8, [
 				"model-value",
 				"options",
@@ -376,27 +380,27 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"placeholder"
 			]),
 			b(Z),
-			u("div", ye, [u("input", {
+			u("div", be, [u("input", {
 				type: "color",
 				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-1",
-				value: C("color") || g("#000000"),
-				"aria-label": g(l).paragraphEditor.textColor,
-				title: g(l).paragraphEditor.textColor,
-				onInput: r[0] ||= (e) => j(e.target.value)
-			}, null, 40, be)]),
-			u("div", $, [u("input", {
+				value: w("color") || g("#000000"),
+				"aria-label": g(_).paragraphEditor.textColor,
+				title: g(_).paragraphEditor.textColor,
+				onInput: r[0] ||= (e) => M(e.target.value)
+			}, null, 40, xe)]),
+			u("div", Se, [u("input", {
 				type: "color",
 				class: "tpl:size-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:p-1",
-				style: m({ backgroundColor: W() || "var(--tpl-bg)" }),
-				value: W() || g("#ffff00"),
-				"aria-label": g(l).paragraphEditor.highlightColor,
-				title: g(l).paragraphEditor.highlightColor,
+				style: m({ backgroundColor: J() || "var(--tpl-bg)" }),
+				value: J() || g("#ffff00"),
+				"aria-label": g(_).paragraphEditor.highlightColor,
+				title: g(_).paragraphEditor.highlightColor,
 				onInput: r[1] ||= (e) => Y(e.target.value)
-			}, null, 44, xe)]),
+			}, null, 44, Ce)]),
 			b(Z),
 			b(X, {
 				icon: g(ee),
-				label: g(l).paragraphEditor.bold,
+				label: g(_).paragraphEditor.bold,
 				active: t.editor.isActive("bold"),
 				"stroke-width": 2.5,
 				onClick: r[2] ||= (e) => t.editor.chain().focus().toggleBold().run()
@@ -406,8 +410,8 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"active"
 			]),
 			b(X, {
-				icon: g(M),
-				label: g(l).paragraphEditor.italic,
+				icon: g(te),
+				label: g(_).paragraphEditor.italic,
 				active: t.editor.isActive("italic"),
 				onClick: r[3] ||= (e) => t.editor.chain().focus().toggleItalic().run()
 			}, null, 8, [
@@ -416,8 +420,8 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"active"
 			]),
 			b(X, {
-				icon: g(J),
-				label: g(l).paragraphEditor.underline,
+				icon: g(q),
+				label: g(_).paragraphEditor.underline,
 				active: t.editor.isActive("underline"),
 				onClick: r[4] ||= (e) => t.editor.chain().focus().toggleUnderline().run()
 			}, null, 8, [
@@ -426,8 +430,8 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"active"
 			]),
 			b(X, {
-				icon: g(G),
-				label: g(l).paragraphEditor.strikethrough,
+				icon: g(W),
+				label: g(_).paragraphEditor.strikethrough,
 				active: t.editor.isActive("strike"),
 				onClick: r[5] ||= (e) => t.editor.chain().focus().toggleStrike().run()
 			}, null, 8, [
@@ -437,8 +441,8 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 			]),
 			b(Z),
 			b(X, {
-				icon: g(K),
-				label: g(l).paragraphEditor.subscript,
+				icon: g(G),
+				label: g(_).paragraphEditor.subscript,
 				active: t.editor.isActive("subscript"),
 				onClick: r[6] ||= (e) => t.editor.chain().focus().toggleSubscript().run()
 			}, null, 8, [
@@ -447,8 +451,8 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"active"
 			]),
 			b(X, {
-				icon: g(q),
-				label: g(l).paragraphEditor.superscript,
+				icon: g(K),
+				label: g(_).paragraphEditor.superscript,
 				active: t.editor.isActive("superscript"),
 				onClick: r[7] ||= (e) => t.editor.chain().focus().toggleSuperscript().run()
 			}, null, 8, [
@@ -458,8 +462,8 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 			]),
 			b(Z),
 			b(X, {
-				icon: g(P),
-				label: g(l).paragraphEditor.addLink,
+				icon: g(N),
+				label: g(_).paragraphEditor.addLink,
 				active: t.editor.isActive("link"),
 				onClick: r[8] ||= (e) => i("open-link-dialog")
 			}, null, 8, [
@@ -467,10 +471,10 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"label",
 				"active"
 			])
-		]), u("div", Se, [
+		]), u("div", $, [
 			b(X, {
-				icon: g(H),
-				label: g(l).paragraphEditor.bulletList,
+				icon: g(V),
+				label: g(_).paragraphEditor.bulletList,
 				active: t.editor.isActive("bulletList"),
 				onClick: r[9] ||= (e) => t.editor.chain().focus().toggleBulletList().run()
 			}, null, 8, [
@@ -479,8 +483,8 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"active"
 			]),
 			b(X, {
-				icon: g(V),
-				label: g(l).paragraphEditor.numberedList,
+				icon: g(B),
+				label: g(_).paragraphEditor.numberedList,
 				active: t.editor.isActive("orderedList"),
 				onClick: r[10] ||= (e) => t.editor.chain().focus().toggleOrderedList().run()
 			}, null, 8, [
@@ -490,8 +494,8 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 			]),
 			b(Z),
 			b(X, {
-				icon: g(I),
-				label: g(l).paragraphEditor.alignLeft,
+				icon: g(oe),
+				label: g(_).paragraphEditor.alignLeft,
 				active: t.editor.isActive({ textAlign: "left" }),
 				onClick: r[11] ||= (e) => t.editor.chain().focus().setTextAlign("left").run()
 			}, null, 8, [
@@ -500,8 +504,8 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"active"
 			]),
 			b(X, {
-				icon: g(ie),
-				label: g(l).paragraphEditor.alignCenter,
+				icon: g(ae),
+				label: g(_).paragraphEditor.alignCenter,
 				active: t.editor.isActive({ textAlign: "center" }),
 				onClick: r[12] ||= (e) => t.editor.chain().focus().setTextAlign("center").run()
 			}, null, 8, [
@@ -510,8 +514,8 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"active"
 			]),
 			b(X, {
-				icon: g(re),
-				label: g(l).paragraphEditor.alignRight,
+				icon: g(ie),
+				label: g(_).paragraphEditor.alignRight,
 				active: t.editor.isActive({ textAlign: "right" }),
 				onClick: r[13] ||= (e) => t.editor.chain().focus().setTextAlign("right").run()
 			}, null, 8, [
@@ -521,9 +525,9 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 			]),
 			b(Z),
 			b(Q, {
-				"model-value": N(),
-				options: g(B),
-				label: g(l).paragraphEditor.lineHeight,
+				"model-value": P(),
+				options: g(R),
+				label: g(_).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
 				"onUpdate:modelValue": F
@@ -533,12 +537,12 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"label"
 			]),
 			b(Q, {
-				"model-value": C("letterSpacing"),
-				options: g(z),
-				label: g(l).paragraphEditor.letterSpacing,
+				"model-value": w("letterSpacing"),
+				options: g(L),
+				label: g(_).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": L
+				"onUpdate:modelValue": U
 			}, null, 8, [
 				"model-value",
 				"options",
@@ -546,29 +550,29 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 			]),
 			b(Z),
 			b(X, {
-				icon: g(U),
-				label: g(l).paragraphEditor.clearFormatting,
+				icon: g(H),
+				label: g(_).paragraphEditor.clearFormatting,
 				onClick: r[14] ||= (e) => t.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
 			b(Z),
-			b(le, { onInsert: S }),
+			b(ue, { onInsert: C }),
 			t.canRequestMergeTag ? (e(), d(f, { key: 0 }, [b(Z), u("button", {
 				type: "button",
 				class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
-				"aria-label": g(l).mergeTag.add,
-				title: g(l).mergeTag.add,
+				"aria-label": g(_).mergeTag.add,
+				title: g(_).mergeTag.add,
 				onClick: r[15] ||= (e) => i("add-merge-tag")
-			}, [b(g(ne), {
+			}, [b(g(re), {
 				size: 16,
 				"stroke-width": 2
-			}), a(" " + v(g(l).mergeTag.add), 1)], 8, Ce)], 64)) : p("", !0)
-		])], 64)) : (e(), d("div", we, [b(g(te), {
+			}), a(" " + v(g(_).mergeTag.add), 1)], 8, we)], 64)) : p("", !0)
+		])], 64)) : (e(), d("div", Te, [b(g(ne), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
-		}), a(" " + v(g(l).errors.editorLoading), 1)]))], 12, _e)]));
+		}), a(" " + v(g(_).errors.editorLoading), 1)]))], 12, ve)], 8, ["to"])) : p("", !0);
 	}
-}), Ee = { class: "tpl-text-editor-wrapper tpl:relative" }, De = /* @__PURE__ */ s({
+}), De = { class: "tpl-text-editor-wrapper tpl:relative" }, Oe = /* @__PURE__ */ s({
 	__name: "ParagraphEditor",
 	props: {
 		block: {},
@@ -576,13 +580,13 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 	},
 	emits: ["done"],
 	setup(t, { emit: r }) {
-		let i = t, a = r, { editor: o, EditorContent: s, isLoading: c, initError: l, retry: u, showLinkDialog: f, linkUrl: p, linkDialogRef: m, canRequestMergeTag: h, openLinkDialog: _, insertLink: v, removeLink: y, closeLinkDialog: x, handleLinkKeydown: S, handleAddMergeTag: w } = C({
+		let i = t, a = r, o = z(), { editor: s, EditorContent: c, isLoading: l, initError: u, retry: f, showLinkDialog: p, linkUrl: m, linkDialogRef: h, canRequestMergeTag: _, openLinkDialog: v, insertLink: y, removeLink: x, closeLinkDialog: S, handleLinkKeydown: w, handleAddMergeTag: T } = C({
 			blockId: () => i.block.id,
 			blockContent: () => i.block.content,
 			onDone: () => a("done"),
 			editorName: "ParagraphEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
-				let [{ Editor: a, EditorContent: o }, { default: s }, { default: c }, { default: l }, { default: u }, { default: d }, { default: f }, { TextStyle: p }, { default: m }, { default: h }, { default: g }, { MergeTagNode: _, MergeTagSuggestion: v, LogicMergeTagNode: y, FontSize: b, LineHeight: x, LetterSpacing: S }] = await Promise.all([
+				let [{ Editor: a, EditorContent: s }, { default: c }, { default: l }, { default: u }, { default: d }, { default: f }, { default: p }, { TextStyle: m }, { default: h }, { default: g }, { default: _ }, { MergeTagNode: v, MergeTagSuggestion: y, LogicMergeTagNode: b, FontSize: x, LineHeight: S, LetterSpacing: C }] = await Promise.all([
 					import("./dist-Pk4MhWMP.js").then((e) => e.r),
 					import("./dist-D90y8dvT.js"),
 					import("./dist-DDJIWTRY.js"),
@@ -594,58 +598,59 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 					import("./dist-D6uC2xhi.js"),
 					import("./dist-wzMIGj-D.js"),
 					import("./dist-DjviJBCi.js"),
-					import("./extensions-BF39Siqk.js")
+					import("./extensions-D-J02CiP.js")
 				]);
 				return {
 					TiptapEditor: a,
-					EC: o,
+					EC: s,
 					extensions: [
-						s.configure({
+						c.configure({
 							heading: !1,
 							codeBlock: !1,
 							blockquote: !1,
 							horizontalRule: !1
 						}),
-						l,
 						u,
 						d,
-						c.configure({
+						f,
+						l.configure({
 							openOnClick: !1,
 							HTMLAttributes: {
 								target: "_blank",
 								rel: "noopener noreferrer"
 							}
 						}),
-						f.configure({ types: ["paragraph"] }),
-						p,
+						p.configure({ types: ["paragraph"] }),
 						m,
 						h,
-						g.configure({ multicolor: !0 }),
-						b,
+						g,
+						_.configure({ multicolor: !0 }),
 						x,
 						S,
-						_.configure({
+						C,
+						v.configure({
 							mergeTags: e,
 							syntax: t
 						}),
-						y.configure({ syntax: t }),
-						...r && n && e.length > 0 ? [v.configure({
+						b.configure({ syntax: t }),
+						...r && n && e.length > 0 ? [y.configure({
 							mergeTags: e,
 							char: n,
-							emptyText: i
+							emptyText: i,
+							popoverRoot: o
 						})] : []
 					]
 				};
 			}
 		});
-		return (r, i) => (e(), d("div", Ee, [
-			b(Te, {
-				editor: g(o),
+		return (r, i) => (e(), d("div", De, [
+			b(Ee, {
+				editor: g(s),
 				"toolbar-position": t.toolbarPosition,
-				"is-loading": g(c),
-				"can-request-merge-tag": g(h),
-				onOpenLinkDialog: g(_),
-				onAddMergeTag: g(w)
+				"is-loading": g(l),
+				"can-request-merge-tag": g(_),
+				onOpenLinkDialog: g(v),
+				onAddMergeTag: g(T)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -654,12 +659,12 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"onOpenLinkDialog",
 				"onAddMergeTag"
 			]),
-			b(F, {
-				editor: g(o),
-				"editor-content": g(s),
-				"is-loading": g(c),
-				"init-error": g(l),
-				onRetry: g(u)
+			b(P, {
+				editor: g(s),
+				"editor-content": g(c),
+				"is-loading": g(l),
+				"init-error": g(u),
+				onRetry: g(f)
 			}, null, 8, [
 				"editor",
 				"editor-content",
@@ -667,17 +672,17 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 				"init-error",
 				"onRetry"
 			]),
-			b(N, {
-				visible: g(f),
-				"is-editing-link": g(o)?.isActive("link") ?? !1,
-				"dialog-ref": g(m),
-				"onUpdate:dialogRef": i[0] ||= (e) => n(m) ? m.value = e : null,
-				"link-url": g(p),
-				"onUpdate:linkUrl": i[1] ||= (e) => n(p) ? p.value = e : null,
-				onClose: g(x),
-				onInsert: g(v),
-				onRemove: g(y),
-				onKeydown: g(S)
+			b(M, {
+				visible: g(p),
+				"is-editing-link": g(s)?.isActive("link") ?? !1,
+				"dialog-ref": g(h),
+				"onUpdate:dialogRef": i[0] ||= (e) => n(h) ? h.value = e : null,
+				"link-url": g(m),
+				"onUpdate:linkUrl": i[1] ||= (e) => n(m) ? m.value = e : null,
+				onClose: g(S),
+				onInsert: g(y),
+				onRemove: g(x),
+				onKeydown: g(w)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",
@@ -692,4 +697,4 @@ var Z = /* @__PURE__ */ L(de, [["render", pe]]), me = [
 	}
 });
 //#endregion
-export { De as default };
+export { Oe as default };