@templatical/editor 0.6.7 → 0.7.0

package/dist/cdn/chunks/{ParagraphEditor-CSfShBAO.js → ParagraphEditor-DlpZX_x4.js}

@@ -1,63 +1,63 @@
-import { K as e, L as t, M as n, P as r, T as i, Z as a, at as o, c as s, d as c, f as l, g as u, h as d, l as f, m as p, ot as m, p as h, rt as g, st as _, u as v, v as y, x as b, y as x } from "./draggable-CNhyCGIO.js";
-import { $t as S, Nt as C, Qt as w, X as T, en as E, et as D, gt as O, q as k, qt as ee, tn as A, tt as j } from "./features-U3nzKc-R.js";
-import { B as M, H as N, R as P, X as F, _ as I, c as te, f as ne, i as re, o as ie, p as L, s as R, u as z, w as B, x as V, z as H } from "./icons-QcjADKIW.js";
-import { a as U, o as W, s as G } from "./styleConstants-DP1VOca8.js";
-import { n as K, t as q } from "./RichTextEditorContent-DgqZzl8n.js";
+import { K as e, L as t, M as n, P as r, T as i, Z as a, c as o, ct as s, d as c, f as l, g as u, h as d, it as f, l as p, m, ot as h, p as g, st as _, u as v, v as y, x as b, y as x } from "./draggable-P6QWzy4g.js";
+import { $t as S, J as C, Jt as w, Pt as T, Z as E, _t as D, a as O, en as k, nn as A, nt as j, tn as ee, tt as M } from "./features-DzIN-Nua.js";
+import { B as N, H as P, R as te, X as ne, _ as F, c as re, f as ie, i as ae, o as oe, p as I, s as L, u as R, w as z, x as B, z as V } from "./icons-Nvr6w13E.js";
+import { a as H, o as U, s as W } from "./styleConstants-DP1VOca8.js";
+import { n as G, t as K } from "./RichTextEditorContent-CPGT8h-O.js";
 //#region src/components/blocks/EmojiPickerDropdown.vue?vue&type=script&setup=true&lang.ts
-var J = [
+var q = [
 	"aria-label",
 	"title",
 	"aria-expanded"
-], Y = ["aria-label"], ae = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, oe = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, se = ["aria-label", "onClick"], ce = /* @__PURE__ */ b({
+], J = ["aria-label"], Y = { 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__ */ b({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(e, { emit: t }) {
-		let i = t, { categories: c, isOpen: p, toggle: m, close: y } = T(), { t: b, format: S } = C(), w = a(null), E = a(null);
-		D(w, l(() => p.value)), A(E, () => {
-			p.value && y();
+		let i = t, { categories: c, isOpen: m, toggle: _, close: y } = E(), { t: b, format: S } = T(), C = a(null), w = a(null);
+		M(C, l(() => m.value)), A(w, () => {
+			m.value && y();
 		});
-		function O(e) {
+		function D(e) {
 			i("insert", e), y();
 		}
 		return (e, t) => (n(), u("div", {
 			ref_key: "rootRef",
-			ref: E,
+			ref: w,
 			class: "tpl:relative"
-		}, [h("button", {
+		}, [g("button", {
 			type: "button",
-			class: o(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": g(p) }]),
-			"aria-label": g(b).paragraphEditor.insertEmoji,
-			title: g(b).paragraphEditor.insertEmoji,
-			"aria-expanded": g(p),
+			class: h(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": f(m) }]),
+			"aria-label": f(b).paragraphEditor.insertEmoji,
+			title: f(b).paragraphEditor.insertEmoji,
+			"aria-expanded": f(m),
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
-			onClick: t[0] ||= (...e) => g(m) && g(m)(...e)
-		}, [x(g(I), {
+			onClick: t[0] ||= (...e) => f(_) && f(_)(...e)
+		}, [x(f(F), {
 			size: 16,
 			"stroke-width": 2
-		})], 10, J), g(p) ? (n(), u("div", {
+		})], 10, q), f(m) ? (n(), u("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
-			ref: w,
+			ref: C,
 			role: "dialog",
 			"aria-modal": "false",
-			"aria-label": g(b).paragraphEditor.insertEmoji,
+			"aria-label": f(b).paragraphEditor.insertEmoji,
 			tabindex: "-1",
 			class: "tpl-emoji-picker tpl:absolute tpl:top-full tpl:left-0 tpl:z-10 tpl:mt-2 tpl:w-72 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:shadow-lg",
-			onKeydown: t[1] ||= s(f((...e) => g(y) && g(y)(...e), ["stop", "prevent"]), ["esc"])
-		}, [(n(!0), u(v, null, r(g(c), (e) => (n(), u("div", {
+			onKeydown: t[1] ||= o(p((...e) => f(y) && f(y)(...e), ["stop", "prevent"]), ["esc"])
+		}, [(n(!0), u(v, null, r(f(c), (e) => (n(), u("div", {
 			key: e.key,
 			class: "tpl:mb-2 tpl:last:mb-0"
-		}, [h("div", ae, _(g(b).emoji[e.key]), 1), h("div", oe, [(n(!0), u(v, null, r(e.emojis, (e) => (n(), u("button", {
+		}, [g("div", Y, s(f(b).emoji[e.key]), 1), g("div", se, [(n(!0), u(v, null, r(e.emojis, (e) => (n(), u("button", {
 			key: e,
 			type: "button",
-			"aria-label": g(S)(g(b).paragraphEditor.emojiItemLabel, { emoji: e }),
+			"aria-label": f(S)(f(b).paragraphEditor.emojiItemLabel, { emoji: e }),
 			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: (t) => O(e)
-		}, _(e), 9, se))), 128))])]))), 128))], 40, Y)) : d("", !0)], 512));
+			onClick: (t) => D(e)
+		}, s(e), 9, ce))), 128))])]))), 128))], 40, J)) : d("", !0)], 512));
 	}
-}), le = [
+}), ue = [
 	"aria-label",
 	"title",
 	"aria-pressed"
@@ -73,27 +73,27 @@ var J = [
 	setup(e) {
 		return (r, i) => (n(), u("button", {
 			type: "button",
-			class: o(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.active }]),
+			class: h(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.active }]),
 			"aria-label": e.label,
 			title: e.label,
 			"aria-pressed": e.active ? "true" : "false"
-		}, [(n(), p(t(e.icon), {
+		}, [(n(), m(t(e.icon), {
 			size: e.size ?? 16,
 			"stroke-width": e.strokeWidth ?? 2
-		}, null, 8, ["size", "stroke-width"]))], 10, le));
+		}, null, 8, ["size", "stroke-width"]))], 10, ue));
 	}
-}), ue = {}, de = {
+}), de = {}, fe = {
 	class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
 	"aria-hidden": "true"
 };
-function fe(e, t) {
-	return n(), u("span", de);
+function pe(e, t) {
+	return n(), u("span", fe);
 }
-var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
+var Z = /* @__PURE__ */ j(de, [["render", pe]]), me = [
 	"value",
 	"aria-label",
 	"title"
-], me = { value: "" }, he = ["value"], Q = /* @__PURE__ */ b({
+], he = { value: "" }, ge = ["value"], Q = /* @__PURE__ */ b({
 	__name: "ToolbarSelect",
 	props: {
 		modelValue: {},
@@ -108,35 +108,35 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 		function a(e) {
 			i("update:modelValue", e.target.value);
 		}
-		function s(e) {
+		function o(e) {
 			return typeof e == "string" ? e : e.value;
 		}
 		function c(e) {
 			return typeof e == "string" ? e : e.label;
 		}
 		return (t, i) => (n(), u("select", {
-			class: o(["tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none", e.widthClass ?? "tpl:w-20"]),
+			class: h(["tpl:h-8 tpl:cursor-pointer tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none", e.widthClass ?? "tpl:w-20"]),
 			value: e.modelValue,
 			"aria-label": e.label,
 			title: e.label,
 			onChange: a
-		}, [h("option", me, _(e.placeholder ?? ""), 1), (n(!0), u(v, null, r(e.options, (e) => (n(), u("option", {
-			key: s(e),
-			value: s(e)
-		}, _(c(e)), 9, he))), 128))], 42, pe));
+		}, [g("option", he, s(e.placeholder ?? ""), 1), (n(!0), u(v, null, r(e.options, (e) => (n(), u("option", {
+			key: o(e),
+			value: o(e)
+		}, s(c(e)), 9, ge))), 128))], 42, me));
 	}
-}), ge = ["data-tpl-theme", "aria-label"], _e = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ve = { class: "tpl:relative" }, ye = [
+}), _e = ["data-tpl-theme", "aria-label"], ve = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ye = { class: "tpl:relative" }, be = [
 	"value",
 	"aria-label",
 	"title"
-], be = { class: "tpl:relative" }, $ = [
+], $ = { class: "tpl:relative" }, xe = [
 	"value",
 	"aria-label",
 	"title"
-], xe = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Se = ["aria-label", "title"], Ce = {
+], Se = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Ce = ["aria-label", "title"], we = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, we = /* @__PURE__ */ b({
+}, Te = /* @__PURE__ */ b({
 	__name: "ParagraphToolbar",
 	props: {
 		editor: {},
@@ -146,26 +146,26 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 	},
 	emits: ["open-link-dialog", "add-merge-tag"],
 	setup(e, { emit: t }) {
-		let r = e, a = t, o = i(w, null), s = i(S, null), l = E(ee, "ParagraphToolbar"), { t: f } = C(), b = l.fonts;
-		function T(e) {
+		let r = e, a = t, o = i(S, null), l = i(k, null), p = ee(w, "ParagraphToolbar"), h = O(), { t: b } = T(), C = p.fonts;
+		function E(e) {
 			r.editor?.chain().focus().insertContent(e).run();
 		}
-		function D(e) {
+		function A(e) {
 			return r.editor?.getAttributes("textStyle")[e] || "";
 		}
-		function k(e) {
+		function j(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
-		function A(e) {
+		function M(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
 		}
-		function j(e) {
+		function F(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setColor(e).run() : t?.unsetColor().run();
 		}
-		function I() {
+		function G() {
 			return r.editor?.getAttributes("paragraph").lineHeight || "";
 		}
 		function K(e) {
@@ -183,26 +183,29 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 			let t = r.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
-		return (t, r) => (n(), p(c, { to: "body" }, [h("div", {
-			"data-tpl-theme": g(s),
+		return (t, r) => f(h) ? (n(), m(c, {
+			key: 0,
+			to: f(h)
+		}, [g("div", {
+			"data-tpl-theme": f(l),
 			role: "toolbar",
-			"aria-label": g(f).paragraphEditor.toolbar,
+			"aria-label": f(b).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),
+			style: _({
+				...f(o),
 				top: `${e.toolbarPosition.top}px`,
 				left: `${e.toolbarPosition.left}px`,
 				transform: "translateY(-100%)",
 				flexDirection: "column"
 			})
-		}, [!e.isLoading && e.editor ? (n(), u(v, { key: 0 }, [h("div", _e, [
+		}, [!e.isLoading && e.editor ? (n(), u(v, { key: 0 }, [g("div", ve, [
 			x(Q, {
-				"model-value": D("fontFamily"),
-				options: g(b),
-				label: g(f).paragraphEditor.fontFamily,
-				placeholder: g(f).paragraphEditor.defaultFont,
+				"model-value": A("fontFamily"),
+				options: f(C),
+				label: f(b).paragraphEditor.fontFamily,
+				placeholder: f(b).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
-				"onUpdate:modelValue": k
+				"onUpdate:modelValue": j
 			}, null, 8, [
 				"model-value",
 				"options",
@@ -210,12 +213,12 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"placeholder"
 			]),
 			x(Q, {
-				"model-value": D("fontSize"),
-				options: g(U),
-				label: g(f).paragraphEditor.fontSize,
-				placeholder: g(f).paragraphEditor.defaultSize,
+				"model-value": A("fontSize"),
+				options: f(H),
+				label: f(b).paragraphEditor.fontSize,
+				placeholder: f(b).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": A
+				"onUpdate:modelValue": M
 			}, null, 8, [
 				"model-value",
 				"options",
@@ -223,27 +226,27 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"placeholder"
 			]),
 			x(Z),
-			h("div", ve, [h("input", {
+			g("div", ye, [g("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: D("color") || g("#000000"),
-				"aria-label": g(f).paragraphEditor.textColor,
-				title: g(f).paragraphEditor.textColor,
-				onInput: r[0] ||= (e) => j(e.target.value)
-			}, null, 40, ye)]),
-			h("div", be, [h("input", {
+				value: A("color") || f("#000000"),
+				"aria-label": f(b).paragraphEditor.textColor,
+				title: f(b).paragraphEditor.textColor,
+				onInput: r[0] ||= (e) => F(e.target.value)
+			}, null, 40, be)]),
+			g("div", $, [g("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: J() || "var(--tpl-bg)" }),
-				value: J() || g("#ffff00"),
-				"aria-label": g(f).paragraphEditor.highlightColor,
-				title: g(f).paragraphEditor.highlightColor,
+				style: _({ backgroundColor: J() || "var(--tpl-bg)" }),
+				value: J() || f("#ffff00"),
+				"aria-label": f(b).paragraphEditor.highlightColor,
+				title: f(b).paragraphEditor.highlightColor,
 				onInput: r[1] ||= (e) => Y(e.target.value)
-			}, null, 44, $)]),
+			}, null, 44, xe)]),
 			x(Z),
 			x(X, {
-				icon: g(F),
-				label: g(f).paragraphEditor.bold,
+				icon: f(ne),
+				label: f(b).paragraphEditor.bold,
 				active: e.editor.isActive("bold"),
 				"stroke-width": 2.5,
 				onClick: r[2] ||= (t) => e.editor.chain().focus().toggleBold().run()
@@ -253,8 +256,8 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			x(X, {
-				icon: g(N),
-				label: g(f).paragraphEditor.italic,
+				icon: f(P),
+				label: f(b).paragraphEditor.italic,
 				active: e.editor.isActive("italic"),
 				onClick: r[3] ||= (t) => e.editor.chain().focus().toggleItalic().run()
 			}, null, 8, [
@@ -263,8 +266,8 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			x(X, {
-				icon: g(re),
-				label: g(f).paragraphEditor.underline,
+				icon: f(ae),
+				label: f(b).paragraphEditor.underline,
 				active: e.editor.isActive("underline"),
 				onClick: r[4] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
 			}, null, 8, [
@@ -273,8 +276,8 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			x(X, {
-				icon: g(L),
-				label: g(f).paragraphEditor.strikethrough,
+				icon: f(I),
+				label: f(b).paragraphEditor.strikethrough,
 				active: e.editor.isActive("strike"),
 				onClick: r[5] ||= (t) => e.editor.chain().focus().toggleStrike().run()
 			}, null, 8, [
@@ -284,8 +287,8 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 			]),
 			x(Z),
 			x(X, {
-				icon: g(ne),
-				label: g(f).paragraphEditor.subscript,
+				icon: f(ie),
+				label: f(b).paragraphEditor.subscript,
 				active: e.editor.isActive("subscript"),
 				onClick: r[6] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
 			}, null, 8, [
@@ -294,8 +297,8 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			x(X, {
-				icon: g(z),
-				label: g(f).paragraphEditor.superscript,
+				icon: f(R),
+				label: f(b).paragraphEditor.superscript,
 				active: e.editor.isActive("superscript"),
 				onClick: r[7] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
 			}, null, 8, [
@@ -305,8 +308,8 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 			]),
 			x(Z),
 			x(X, {
-				icon: g(M),
-				label: g(f).paragraphEditor.addLink,
+				icon: f(N),
+				label: f(b).paragraphEditor.addLink,
 				active: e.editor.isActive("link"),
 				onClick: r[8] ||= (e) => a("open-link-dialog")
 			}, null, 8, [
@@ -314,10 +317,10 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label",
 				"active"
 			])
-		]), h("div", xe, [
+		]), g("div", Se, [
 			x(X, {
-				icon: g(P),
-				label: g(f).paragraphEditor.bulletList,
+				icon: f(te),
+				label: f(b).paragraphEditor.bulletList,
 				active: e.editor.isActive("bulletList"),
 				onClick: r[9] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
 			}, null, 8, [
@@ -326,8 +329,8 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			x(X, {
-				icon: g(H),
-				label: g(f).paragraphEditor.numberedList,
+				icon: f(V),
+				label: f(b).paragraphEditor.numberedList,
 				active: e.editor.isActive("orderedList"),
 				onClick: r[10] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
 			}, null, 8, [
@@ -337,8 +340,8 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 			]),
 			x(Z),
 			x(X, {
-				icon: g(ie),
-				label: g(f).paragraphEditor.alignLeft,
+				icon: f(oe),
+				label: f(b).paragraphEditor.alignLeft,
 				active: e.editor.isActive({ textAlign: "left" }),
 				onClick: r[11] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
 			}, null, 8, [
@@ -347,8 +350,8 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			x(X, {
-				icon: g(te),
-				label: g(f).paragraphEditor.alignCenter,
+				icon: f(re),
+				label: f(b).paragraphEditor.alignCenter,
 				active: e.editor.isActive({ textAlign: "center" }),
 				onClick: r[12] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
 			}, null, 8, [
@@ -357,8 +360,8 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			x(X, {
-				icon: g(R),
-				label: g(f).paragraphEditor.alignRight,
+				icon: f(L),
+				label: f(b).paragraphEditor.alignRight,
 				active: e.editor.isActive({ textAlign: "right" }),
 				onClick: r[13] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
 			}, null, 8, [
@@ -368,9 +371,9 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 			]),
 			x(Z),
 			x(Q, {
-				"model-value": I(),
-				options: g(G),
-				label: g(f).paragraphEditor.lineHeight,
+				"model-value": G(),
+				options: f(W),
+				label: f(b).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
 				"onUpdate:modelValue": K
@@ -380,9 +383,9 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"label"
 			]),
 			x(Q, {
-				"model-value": D("letterSpacing"),
-				options: g(W),
-				label: g(f).paragraphEditor.letterSpacing,
+				"model-value": A("letterSpacing"),
+				options: f(U),
+				label: f(b).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
 				"onUpdate:modelValue": q
@@ -393,29 +396,29 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 			]),
 			x(Z),
 			x(X, {
-				icon: g(B),
-				label: g(f).paragraphEditor.clearFormatting,
+				icon: f(z),
+				label: f(b).paragraphEditor.clearFormatting,
 				onClick: r[14] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
 			x(Z),
-			x(ce, { onInsert: T }),
-			e.canRequestMergeTag ? (n(), u(v, { key: 0 }, [x(Z), h("button", {
+			x(le, { onInsert: E }),
+			e.canRequestMergeTag ? (n(), u(v, { key: 0 }, [x(Z), g("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(f).mergeTag.add,
-				title: g(f).mergeTag.add,
+				"aria-label": f(b).mergeTag.add,
+				title: f(b).mergeTag.add,
 				onClick: r[15] ||= (e) => a("add-merge-tag")
-			}, [x(g(V), {
+			}, [x(f(B), {
 				size: 16,
 				"stroke-width": 2
-			}), y(" " + _(g(f).mergeTag.add), 1)], 8, Se)], 64)) : d("", !0)
-		])], 64)) : (n(), u("div", Ce, [x(g(O), {
+			}), y(" " + s(f(b).mergeTag.add), 1)], 8, Ce)], 64)) : d("", !0)
+		])], 64)) : (n(), u("div", we, [x(f(D), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
-		}), y(" " + _(g(f).errors.editorLoading), 1)]))], 12, ge)]));
+		}), y(" " + s(f(b).errors.editorLoading), 1)]))], 12, _e)], 8, ["to"])) : d("", !0);
 	}
-}), Te = { class: "tpl-text-editor-wrapper tpl:relative" }, Ee = /* @__PURE__ */ b({
+}), Ee = { class: "tpl-text-editor-wrapper tpl:relative" }, De = /* @__PURE__ */ b({
 	__name: "ParagraphEditor",
 	props: {
 		block: {},
@@ -423,76 +426,77 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 	},
 	emits: ["done"],
 	setup(t, { emit: r }) {
-		let i = t, a = r, { editor: o, EditorContent: s, isLoading: c, initError: l, retry: d, showLinkDialog: f, linkUrl: p, linkDialogRef: m, canRequestMergeTag: h, openLinkDialog: _, insertLink: v, removeLink: y, closeLinkDialog: b, handleLinkKeydown: S, handleAddMergeTag: C } = k({
+		let i = t, a = r, o = O(), { editor: s, EditorContent: c, isLoading: l, initError: d, retry: p, showLinkDialog: m, linkUrl: h, linkDialogRef: g, canRequestMergeTag: _, openLinkDialog: v, insertLink: y, removeLink: b, 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([
-					import("./tiptap-IyIsncxY.js").then((e) => e.i),
-					import("./tiptap-IyIsncxY.js").then((e) => e.a),
-					import("./tiptap-IyIsncxY.js").then((e) => e.u),
-					import("./tiptap-IyIsncxY.js").then((e) => e.o),
-					import("./tiptap-IyIsncxY.js").then((e) => e.l),
-					import("./tiptap-IyIsncxY.js").then((e) => e.c),
-					import("./tiptap-IyIsncxY.js").then((e) => e.s),
-					import("./tiptap-IyIsncxY.js").then((e) => e.m),
-					import("./tiptap-IyIsncxY.js").then((e) => e.p),
-					import("./tiptap-IyIsncxY.js").then((e) => e.f),
-					import("./tiptap-IyIsncxY.js").then((e) => e.d),
-					import("./extensions-CUvwrffu.js")
+				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("./tiptap-BwTCLVWl.js").then((e) => e.i),
+					import("./tiptap-BwTCLVWl.js").then((e) => e.a),
+					import("./tiptap-BwTCLVWl.js").then((e) => e.u),
+					import("./tiptap-BwTCLVWl.js").then((e) => e.o),
+					import("./tiptap-BwTCLVWl.js").then((e) => e.l),
+					import("./tiptap-BwTCLVWl.js").then((e) => e.c),
+					import("./tiptap-BwTCLVWl.js").then((e) => e.s),
+					import("./tiptap-BwTCLVWl.js").then((e) => e.m),
+					import("./tiptap-BwTCLVWl.js").then((e) => e.p),
+					import("./tiptap-BwTCLVWl.js").then((e) => e.f),
+					import("./tiptap-BwTCLVWl.js").then((e) => e.d),
+					import("./extensions-BZYkPlKr.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) => (n(), u("div", Te, [
-			x(we, {
-				editor: g(o),
+		return (r, i) => (n(), u("div", Ee, [
+			x(Te, {
+				editor: f(s),
 				"toolbar-position": t.toolbarPosition,
-				"is-loading": g(c),
-				"can-request-merge-tag": g(h),
-				onOpenLinkDialog: g(_),
-				onAddMergeTag: g(C)
+				"is-loading": f(l),
+				"can-request-merge-tag": f(_),
+				onOpenLinkDialog: f(v),
+				onAddMergeTag: f(T)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -501,12 +505,12 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"onOpenLinkDialog",
 				"onAddMergeTag"
 			]),
-			x(q, {
-				editor: g(o),
-				"editor-content": g(s),
-				"is-loading": g(c),
-				"init-error": g(l),
-				onRetry: g(d)
+			x(K, {
+				editor: f(s),
+				"editor-content": f(c),
+				"is-loading": f(l),
+				"init-error": f(d),
+				onRetry: f(p)
 			}, null, 8, [
 				"editor",
 				"editor-content",
@@ -514,17 +518,17 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 				"init-error",
 				"onRetry"
 			]),
-			x(K, {
-				visible: g(f),
-				"is-editing-link": g(o)?.isActive("link") ?? !1,
-				"dialog-ref": g(m),
-				"onUpdate:dialogRef": i[0] ||= (t) => e(m) ? m.value = t : null,
-				"link-url": g(p),
-				"onUpdate:linkUrl": i[1] ||= (t) => e(p) ? p.value = t : null,
-				onClose: g(b),
-				onInsert: g(v),
-				onRemove: g(y),
-				onKeydown: g(S)
+			x(G, {
+				visible: f(m),
+				"is-editing-link": f(s)?.isActive("link") ?? !1,
+				"dialog-ref": f(g),
+				"onUpdate:dialogRef": i[0] ||= (t) => e(g) ? g.value = t : null,
+				"link-url": f(h),
+				"onUpdate:linkUrl": i[1] ||= (t) => e(h) ? h.value = t : null,
+				onClose: f(S),
+				onInsert: f(y),
+				onRemove: f(b),
+				onKeydown: f(w)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",
@@ -539,6 +543,6 @@ var Z = /* @__PURE__ */ j(ue, [["render", fe]]), pe = [
 	}
 });
 //#endregion
-export { Ee as default };
+export { De as default };
 
-//# sourceMappingURL=ParagraphEditor-CSfShBAO.js.map
+//# sourceMappingURL=ParagraphEditor-DlpZX_x4.js.map