@templatical/editor 0.26.3 → 0.27.0

package/dist/{ParagraphEditor-6WN5jmXr.js → ParagraphEditor-vDU-5y6r.js}

@@ -1,16 +1,18 @@
-import { A as e, Dt as t, Et as n, N as r, O as i, Ot as a, W as o, Y as s, _ as c, c as l, d as u, h as d, i as f, l as p, m, nt as h, r as g, s as _, u as v, x as y } from "./vue.runtime.esm-bundler-D1diBMsm.js";
-import { c as b, s as x } from "./runtime-dom.esm-bundler-CepEmvwF.js";
-import { C as S, D as C, O as w, S as T } from "./useEditorCore-P4UkhcyS.js";
-import { n as E, s as D } from "./usePopoverPosition-C0dPEF4X.js";
-import { G as O, O as k, T as A, U as ee, V as te, g as ne, v as re } from "./keys-fwF3qZax.js";
-import { t as j } from "./useI18n-DoVKdCTH.js";
-import { t as M } from "./createLucideIcon-C8WzBYCv.js";
-import { a as N, i as ie, n as P, r as ae, t as F } from "./RichTextEditorContent-fbYJXAio.js";
-import { n as oe, t as se } from "./scan-line-DwSVj25O.js";
-import { t as ce } from "./loader-circle-bO7o7_HD.js";
-import { n as le, r as ue, t as de } from "./text-align-start-Ir8Ah4mT.js";
+import { Dt as e, G as t, Ot as n, P as r, S as i, X as a, c as o, d as s, g as c, h as l, i as u, j as d, k as f, kt as p, l as m, r as h, rt as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+import { c as b, s as x } from "./runtime-dom.esm-bundler-BgKXIPLV.js";
+import { C as S, D as C, E as w, S as T } from "./useEditorCore-B-kONNRw.js";
+import { t as E } from "./dist-B5iReTtK.js";
+import { B as D, D as O, H as k, W as ee, _ as te, h as ne, w as re } from "./keys-BxixS0TN.js";
+import { t as A } from "./useI18n-BfXff_Sy.js";
+import { n as j } from "./usePopoverPosition-CxhCX3SQ.js";
+import { t as M } from "./createLucideIcon-L-wQXW_R.js";
+import { a as N, i as ie, n as P, r as ae, t as F } from "./RichTextEditorContent-I83k5DtQ.js";
+import { n as oe, t as se } from "./scan-line-DyaSTsJ5.js";
+import { t as ce } from "./loader-circle-DqTxB7Kr.js";
+import { n as le, r as ue, t as de } from "./text-align-start-CzjLeBLe.js";
 import { t as I } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as fe, o as pe, r as me, s as he, t as L } from "./ColorPicker-ClETsjA3.js";
+import { a as fe, n as pe, o as me, s as he } from "./styleConstants-ByDqaYj_.js";
+import { t as L } from "./ColorPicker-DCjFQCAg.js";
 var R = M("face-slightly-smiling", [
 	["path", {
 		d: "M15 10V9",
@@ -169,60 +171,60 @@ var R = M("face-slightly-smiling", [
 	"aria-label",
 	"title",
 	"aria-expanded"
-], B = ["aria-label"], V = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, H = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, U = ["aria-label", "onClick"], we = /* @__PURE__ */ c({
+], B = ["aria-label"], V = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, H = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, U = ["aria-label", "onClick"], we = /* @__PURE__ */ y({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
-	setup(t, { emit: r }) {
-		let o = r, { categories: c, isOpen: f, toggle: p, close: m } = C(), { t: y, format: S } = j(), T = s(null), E = s(null), O = _(() => f.value);
-		w(T, O), D(E, () => {
-			f.value && m();
+	setup(t, { emit: n }) {
+		let r = n, { categories: i, isOpen: l, toggle: u, close: m } = w(), { t: y, format: S } = A(), T = a(null), D = a(null), O = _(() => l.value);
+		C(T, O), E(D, () => {
+			l.value && m();
 		});
 		function k(e) {
-			o("insert", e), m();
+			r("insert", e), m();
 		}
-		return (t, r) => (i(), u("div", {
+		return (t, n) => (f(), s("div", {
 			ref_key: "rootRef",
-			ref: E,
+			ref: D,
 			class: "tpl:relative"
-		}, [l("button", {
+		}, [o("button", {
 			type: "button",
-			class: n(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": h(f) }]),
-			"aria-label": h(y).paragraphEditor.insertEmoji,
-			title: h(y).paragraphEditor.insertEmoji,
-			"aria-expanded": h(f),
+			class: e(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": g(l) }]),
+			"aria-label": g(y).paragraphEditor.insertEmoji,
+			title: g(y).paragraphEditor.insertEmoji,
+			"aria-expanded": g(l),
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
-			onClick: r[0] ||= (...e) => h(p) && h(p)(...e)
-		}, [d(h(R), {
+			onClick: n[0] ||= (...e) => g(u) && g(u)(...e)
+		}, [c(g(R), {
 			size: 16,
 			"stroke-width": 2
-		})], 10, z), h(f) ? (i(), u("div", {
+		})], 10, z), g(l) ? (f(), s("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
 			ref: T,
 			role: "dialog",
 			"aria-modal": "false",
-			"aria-label": h(y).paragraphEditor.insertEmoji,
+			"aria-label": g(y).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: r[1] ||= x(b((...e) => h(m) && h(m)(...e), ["stop", "prevent"]), ["esc"])
-		}, [(i(!0), u(g, null, e(h(c), (t) => (i(), u("div", {
-			key: t.key,
+			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-[var(--tpl-shadow-lg)]",
+			onKeydown: n[1] ||= x(b((...e) => g(m) && g(m)(...e), ["stop", "prevent"]), ["esc"])
+		}, [(f(!0), s(h, null, d(g(i), (e) => (f(), s("div", {
+			key: e.key,
 			class: "tpl:mb-2 tpl:last:mb-0"
-		}, [l("div", V, a(h(y).emoji[t.key]), 1), l("div", H, [(i(!0), u(g, null, e(t.emojis, (e) => (i(), u("button", {
+		}, [o("div", V, p(g(y).emoji[e.key]), 1), o("div", H, [(f(!0), s(h, null, d(e.emojis, (e) => (f(), s("button", {
 			key: e,
 			type: "button",
-			"aria-label": h(S)(h(y).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)]",
+			"aria-label": g(S)(g(y).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:hover:scale-125 tpl:hover:bg-[var(--tpl-bg-active)]",
 			onClick: (t) => k(e)
-		}, a(e), 9, U))), 128))])]))), 128))], 40, B)) : v("", !0)], 512));
+		}, p(e), 9, U))), 128))])]))), 128))], 40, B)) : v("", !0)], 512));
 	}
 }), W = [
 	"aria-label",
 	"title",
 	"aria-pressed"
-], G = /* @__PURE__ */ c({
+], G = /* @__PURE__ */ y({
 	__name: "ToolbarIconButton",
 	props: {
 		icon: {},
@@ -231,16 +233,16 @@ var R = M("face-slightly-smiling", [
 		strokeWidth: {},
 		size: {}
 	},
-	setup(e) {
-		return (t, a) => (i(), u("button", {
+	setup(t) {
+		return (n, i) => (f(), s("button", {
 			type: "button",
-			class: n(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": e.active }]),
-			"aria-label": e.label,
-			title: e.label,
-			"aria-pressed": e.active ? "true" : "false"
-		}, [(i(), p(r(e.icon), {
-			size: e.size ?? 16,
-			"stroke-width": e.strokeWidth ?? 2
+			class: e(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": t.active }]),
+			"aria-label": t.label,
+			title: t.label,
+			"aria-pressed": t.active ? "true" : "false"
+		}, [(f(), m(r(t.icon), {
+			size: t.size ?? 16,
+			"stroke-width": t.strokeWidth ?? 2
 		}, null, 8, ["size", "stroke-width"]))], 10, W));
 	}
 }), K = {}, q = {
@@ -248,13 +250,13 @@ var R = M("face-slightly-smiling", [
 	"aria-hidden": "true"
 };
 function J(e, t) {
-	return i(), u("span", q);
+	return f(), s("span", q);
 }
 var Y = /*#__PURE__*/ I(K, [["render", J]]), X = [
 	"value",
 	"aria-label",
 	"title"
-], Te = { value: "" }, Ee = ["value"], Z = /* @__PURE__ */ c({
+], Te = { value: "" }, Ee = ["value"], Z = /* @__PURE__ */ y({
 	__name: "ToolbarSelect",
 	props: {
 		modelValue: {},
@@ -264,27 +266,27 @@ var Y = /*#__PURE__*/ I(K, [["render", J]]), X = [
 		widthClass: {}
 	},
 	emits: ["update:modelValue"],
-	setup(t, { emit: r }) {
-		let o = r;
-		function s(e) {
-			o("update:modelValue", e.target.value);
+	setup(t, { emit: n }) {
+		let r = n;
+		function i(e) {
+			r("update:modelValue", e.target.value);
 		}
-		function c(e) {
+		function a(e) {
 			return typeof e == "string" ? e : e.value;
 		}
-		function d(e) {
+		function c(e) {
 			return typeof e == "string" ? e : e.label;
 		}
-		return (r, o) => (i(), u("select", {
-			class: n(["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", t.widthClass ?? "tpl:w-20"]),
+		return (n, r) => (f(), s("select", {
+			class: e(["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", t.widthClass ?? "tpl:w-20"]),
 			value: t.modelValue,
 			"aria-label": t.label,
 			title: t.label,
-			onChange: s
-		}, [l("option", Te, a(t.placeholder ?? ""), 1), (i(!0), u(g, null, e(t.options, (e) => (i(), u("option", {
-			key: c(e),
-			value: c(e)
-		}, a(d(e)), 9, Ee))), 128))], 42, X));
+			onChange: i
+		}, [o("option", Te, p(t.placeholder ?? ""), 1), (f(!0), s(h, null, d(t.options, (e) => (f(), s("option", {
+			key: a(e),
+			value: a(e)
+		}, p(c(e)), 9, Ee))), 128))], 42, X));
 	}
 });
 //#endregion
@@ -297,7 +299,7 @@ function Q(e, t) {
 var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Oe = { class: "tpl:flex tpl:items-center tpl:gap-1" }, ke = ["aria-label", "title"], Ae = ["aria-label", "title"], je = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, Me = /* @__PURE__ */ c({
+}, Me = /* @__PURE__ */ y({
 	__name: "ParagraphToolbar",
 	props: {
 		editor: {},
@@ -311,8 +313,8 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 		"add-merge-tag",
 		"add-logic-tag"
 	],
-	setup(e, { emit: n }) {
-		let r = e, o = n, s = y(te, null), c = y(ee, null), b = O(re, "ParagraphToolbar"), x = E(), S = y(k, null), C = y(A, null), w = y(ne, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: D } = j(), M = b.fonts;
+	setup(e, { emit: t }) {
+		let r = e, a = t, d = i(D, null), y = i(k, null), b = ee(te, "ParagraphToolbar"), x = j(), S = i(O, null), C = i(re, null), w = i(ne, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = A(), M = b.fonts;
 		function P(e) {
 			r.editor?.chain().focus().insertContent(e).run();
 		}
@@ -362,27 +364,27 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 			let t = r.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
-		return (n, r) => h(x) && !T.value ? (i(), p(f, {
+		return (t, r) => g(x) && !T.value ? (f(), m(u, {
 			key: 0,
-			to: h(x)
-		}, [l("div", {
-			"data-tpl-theme": h(c),
+			to: g(x)
+		}, [o("div", {
+			"data-tpl-theme": g(y),
 			role: "toolbar",
-			"aria-label": h(D).paragraphEditor.toolbar,
-			class: "tpl tpl-text-toolbar tpl:absolute 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: t({
-				...h(s),
+			"aria-label": g(E).paragraphEditor.toolbar,
+			class: "tpl tpl-text-toolbar tpl:absolute 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-[var(--tpl-shadow-lg)]",
+			style: n({
+				...g(d),
 				top: `${e.toolbarPosition.top}px`,
 				left: `${e.toolbarPosition.left}px`,
 				transform: "translateY(-100%)",
 				flexDirection: "column"
 			})
-		}, [!e.isLoading && e.editor ? (i(), u(g, { key: 0 }, [l("div", $, [
-			d(Z, {
+		}, [!e.isLoading && e.editor ? (f(), s(h, { key: 0 }, [o("div", $, [
+			c(Z, {
 				"model-value": F("fontFamily"),
-				options: h(M),
-				label: h(D).paragraphEditor.fontFamily,
-				placeholder: h(D).paragraphEditor.defaultFont,
+				options: g(M),
+				label: g(E).paragraphEditor.fontFamily,
+				placeholder: g(E).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
 				"onUpdate:modelValue": I
 			}, null, 8, [
@@ -391,11 +393,11 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"placeholder"
 			]),
-			d(Z, {
+			c(Z, {
 				"model-value": F("fontSize"),
-				options: h(pe),
-				label: h(D).paragraphEditor.fontSize,
-				placeholder: h(D).paragraphEditor.defaultSize,
+				options: g(fe),
+				label: g(E).paragraphEditor.fontSize,
+				placeholder: g(E).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
 				"onUpdate:modelValue": R
 			}, null, 8, [
@@ -404,37 +406,37 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"placeholder"
 			]),
-			d(Y),
-			d(L, {
+			c(Y),
+			c(L, {
 				"swatch-only": "",
 				size: "sm",
 				"data-testid": "text-color-picker",
 				"model-value": U(),
 				"seed-color": H(),
-				"aria-label": h(D).paragraphEditor.textColor,
+				"aria-label": g(E).paragraphEditor.textColor,
 				"onUpdate:modelValue": V
 			}, null, 8, [
 				"model-value",
 				"seed-color",
 				"aria-label"
 			]),
-			d(L, {
+			c(L, {
 				"swatch-only": "",
 				size: "sm",
 				"data-testid": "highlight-color-picker",
 				"model-value": J(),
-				"seed-color": h(me),
-				"aria-label": h(D).paragraphEditor.highlightColor,
+				"seed-color": g(pe),
+				"aria-label": g(E).paragraphEditor.highlightColor,
 				"onUpdate:modelValue": X
 			}, null, 8, [
 				"model-value",
 				"seed-color",
 				"aria-label"
 			]),
-			d(Y),
-			d(G, {
-				icon: h(N),
-				label: h(D).paragraphEditor.bold,
+			c(Y),
+			c(G, {
+				icon: g(N),
+				label: g(E).paragraphEditor.bold,
 				active: e.editor.isActive("bold"),
 				"stroke-width": 2.5,
 				onClick: r[0] ||= (t) => e.editor.chain().focus().toggleBold().run()
@@ -443,9 +445,9 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			d(G, {
-				icon: h(ie),
-				label: h(D).paragraphEditor.italic,
+			c(G, {
+				icon: g(ie),
+				label: g(E).paragraphEditor.italic,
 				active: e.editor.isActive("italic"),
 				onClick: r[1] ||= (t) => e.editor.chain().focus().toggleItalic().run()
 			}, null, 8, [
@@ -453,9 +455,9 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			d(G, {
-				icon: h(Ce),
-				label: h(D).paragraphEditor.underline,
+			c(G, {
+				icon: g(Ce),
+				label: g(E).paragraphEditor.underline,
 				active: e.editor.isActive("underline"),
 				onClick: r[2] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
 			}, null, 8, [
@@ -463,9 +465,9 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			d(G, {
-				icon: h(ye),
-				label: h(D).paragraphEditor.strikethrough,
+			c(G, {
+				icon: g(ye),
+				label: g(E).paragraphEditor.strikethrough,
 				active: e.editor.isActive("strike"),
 				onClick: r[3] ||= (t) => e.editor.chain().focus().toggleStrike().run()
 			}, null, 8, [
@@ -473,10 +475,10 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			d(Y),
-			d(G, {
-				icon: h(be),
-				label: h(D).paragraphEditor.subscript,
+			c(Y),
+			c(G, {
+				icon: g(be),
+				label: g(E).paragraphEditor.subscript,
 				active: e.editor.isActive("subscript"),
 				onClick: r[4] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
 			}, null, 8, [
@@ -484,9 +486,9 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			d(G, {
-				icon: h(xe),
-				label: h(D).paragraphEditor.superscript,
+			c(G, {
+				icon: g(xe),
+				label: g(E).paragraphEditor.superscript,
 				active: e.editor.isActive("superscript"),
 				onClick: r[5] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
 			}, null, 8, [
@@ -494,21 +496,21 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			d(Y),
-			d(G, {
-				icon: h(ae),
-				label: h(D).paragraphEditor.addLink,
+			c(Y),
+			c(G, {
+				icon: g(ae),
+				label: g(E).paragraphEditor.addLink,
 				active: e.editor.isActive("link"),
-				onClick: r[6] ||= (e) => o("open-link-dialog")
+				onClick: r[6] ||= (e) => a("open-link-dialog")
 			}, null, 8, [
 				"icon",
 				"label",
 				"active"
 			])
-		]), l("div", Oe, [
-			d(G, {
-				icon: h(_e),
-				label: h(D).paragraphEditor.bulletList,
+		]), o("div", Oe, [
+			c(G, {
+				icon: g(_e),
+				label: g(E).paragraphEditor.bulletList,
 				active: e.editor.isActive("bulletList"),
 				onClick: r[7] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
 			}, null, 8, [
@@ -516,9 +518,9 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			d(G, {
-				icon: h(ge),
-				label: h(D).paragraphEditor.numberedList,
+			c(G, {
+				icon: g(ge),
+				label: g(E).paragraphEditor.numberedList,
 				active: e.editor.isActive("orderedList"),
 				onClick: r[8] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
 			}, null, 8, [
@@ -526,10 +528,10 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			d(Y),
-			d(G, {
-				icon: h(de),
-				label: h(D).paragraphEditor.alignLeft,
+			c(Y),
+			c(G, {
+				icon: g(de),
+				label: g(E).paragraphEditor.alignLeft,
 				active: e.editor.isActive({ textAlign: "left" }),
 				onClick: r[9] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
 			}, null, 8, [
@@ -537,9 +539,9 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			d(G, {
-				icon: h(ue),
-				label: h(D).paragraphEditor.alignCenter,
+			c(G, {
+				icon: g(ue),
+				label: g(E).paragraphEditor.alignCenter,
 				active: e.editor.isActive({ textAlign: "center" }),
 				onClick: r[10] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
 			}, null, 8, [
@@ -547,9 +549,9 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			d(G, {
-				icon: h(le),
-				label: h(D).paragraphEditor.alignRight,
+			c(G, {
+				icon: g(le),
+				label: g(E).paragraphEditor.alignRight,
 				active: e.editor.isActive({ textAlign: "right" }),
 				onClick: r[11] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
 			}, null, 8, [
@@ -557,9 +559,9 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			d(G, {
-				icon: h(Se),
-				label: h(D).paragraphEditor.alignJustify,
+			c(G, {
+				icon: g(Se),
+				label: g(E).paragraphEditor.alignJustify,
 				active: e.editor.isActive({ textAlign: "justify" }),
 				onClick: r[12] ||= (t) => e.editor.chain().focus().setTextAlign("justify").run()
 			}, null, 8, [
@@ -567,11 +569,11 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"label",
 				"active"
 			]),
-			d(Y),
-			d(Z, {
+			c(Y),
+			c(Z, {
 				"model-value": W(),
-				options: h(fe),
-				label: h(D).paragraphEditor.lineHeight,
+				options: g(he),
+				label: g(E).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
 				"onUpdate:modelValue": K
@@ -580,10 +582,10 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"options",
 				"label"
 			]),
-			d(Z, {
+			c(Z, {
 				"model-value": F("letterSpacing"),
-				options: h(he),
-				label: h(D).paragraphEditor.letterSpacing,
+				options: g(me),
+				label: g(E).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
 				"onUpdate:modelValue": q
@@ -592,57 +594,57 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"options",
 				"label"
 			]),
-			d(Y),
-			d(G, {
-				icon: h(ve),
-				label: h(D).paragraphEditor.clearFormatting,
+			c(Y),
+			c(G, {
+				icon: g(ve),
+				label: g(E).paragraphEditor.clearFormatting,
 				onClick: r[13] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
-			d(Y),
-			d(we, { onInsert: P }),
-			e.canRequestMergeTag ? (i(), u(g, { key: 0 }, [d(Y), l("button", {
+			c(Y),
+			c(we, { onInsert: P }),
+			e.canRequestMergeTag ? (f(), s(h, { key: 0 }, [c(Y), o("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": h(D).mergeTag.insert,
-				title: h(D).mergeTag.insert,
-				onClick: r[14] ||= (e) => o("add-merge-tag")
-			}, [d(h(se), {
+				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:hover:bg-[var(--tpl-bg-active)]",
+				"aria-label": g(E).mergeTag.insert,
+				title: g(E).mergeTag.insert,
+				onClick: r[14] ||= (e) => a("add-merge-tag")
+			}, [c(g(se), {
 				size: 16,
 				"stroke-width": 2
-			}), m(" " + a(h(D).mergeTag.insertShort), 1)], 8, ke)], 64)) : v("", !0),
-			e.canInsertLogicTag ? (i(), u(g, { key: 1 }, [d(Y), l("button", {
+			}), l(" " + p(g(E).mergeTag.insertShort), 1)], 8, ke)], 64)) : v("", !0),
+			e.canInsertLogicTag ? (f(), s(h, { key: 1 }, [c(Y), o("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": h(D).logicTag.insert,
-				title: h(D).logicTag.insert,
+				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:hover:bg-[var(--tpl-bg-active)]",
+				"aria-label": g(E).logicTag.insert,
+				title: g(E).logicTag.insert,
 				"data-testid": "insert-logic-button",
-				onClick: r[15] ||= (e) => o("add-logic-tag")
-			}, [d(h(oe), {
+				onClick: r[15] ||= (e) => a("add-logic-tag")
+			}, [c(g(oe), {
 				size: 16,
 				"stroke-width": 2
-			}), m(" " + a(h(D).logicTag.insertShort), 1)], 8, Ae)], 64)) : v("", !0)
-		])], 64)) : (i(), u("div", je, [d(h(ce), {
+			}), l(" " + p(g(E).logicTag.insertShort), 1)], 8, Ae)], 64)) : v("", !0)
+		])], 64)) : (f(), s("div", je, [c(g(ce), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
-		}), m(" " + a(h(D).errors.editorLoading), 1)]))], 12, De)], 8, ["to"])) : v("", !0);
+		}), l(" " + p(g(E).errors.editorLoading), 1)]))], 12, De)], 8, ["to"])) : v("", !0);
 	}
-}), Ne = { class: "tpl-text-editor-wrapper tpl:relative" }, Pe = /* @__PURE__ */ c({
+}), Ne = { class: "tpl-text-editor-wrapper tpl:relative" }, Pe = /* @__PURE__ */ y({
 	__name: "ParagraphEditor",
 	props: {
 		block: {},
 		toolbarPosition: {}
 	},
 	emits: ["done"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, a = E(), { editor: s, EditorContent: c, isLoading: l, initError: f, retry: p, showLinkDialog: m, linkUrl: g, linkColor: _, linkDialogRef: v, canRequestMergeTag: y, canInsertLogicTag: b, openLinkDialog: x, insertLink: C, removeLink: w, closeLinkDialog: D, handleLinkKeydown: O, handleAddMergeTag: k, handleAddLogicTag: A } = T({
-			blockId: () => n.block.id,
-			blockContent: () => n.block.content,
-			onDone: () => r("done"),
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = j(), { editor: o, EditorContent: l, isLoading: u, initError: d, retry: p, showLinkDialog: m, linkUrl: h, linkColor: _, linkDialogRef: v, canRequestMergeTag: y, canInsertLogicTag: b, openLinkDialog: x, insertLink: C, removeLink: w, closeLinkDialog: E, handleLinkKeydown: D, handleAddMergeTag: O, handleAddLogicTag: k } = T({
+			blockId: () => r.block.id,
+			blockContent: () => r.block.content,
+			onDone: () => i("done"),
 			editorName: "ParagraphEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
 				let [{ Editor: o, 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: C, LetterSpacing: w, LineBoundaryKeys: T }] = await Promise.all([
-					import("./dist-Cl8J0IES.js").then((e) => e.r),
+					import("./dist-Ck9roB6K.js").then((e) => e.r),
 					import("./dist-DMJRSouD.js"),
 					import("./dist-M7m1lYRe.js"),
 					import("./dist-DfpeSdmE.js"),
@@ -653,7 +655,7 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 					import("./dist-8vlm9kfO.js"),
 					import("./dist-6YJAWMuf.js"),
 					import("./dist-C08jiemd.js"),
-					import("./extensions-Cwg9S-0f.js")
+					import("./extensions-CX87G4aL.js")
 				]);
 				return {
 					TiptapEditor: o,
@@ -701,16 +703,16 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				};
 			}
 		});
-		return (t, n) => (i(), u("div", Ne, [
-			d(Me, {
-				editor: h(s),
+		return (n, r) => (f(), s("div", Ne, [
+			c(Me, {
+				editor: g(o),
 				"toolbar-position": e.toolbarPosition,
-				"is-loading": h(l),
-				"can-request-merge-tag": h(y),
-				"can-insert-logic-tag": h(b),
-				onOpenLinkDialog: h(x),
-				onAddMergeTag: h(k),
-				onAddLogicTag: h(A)
+				"is-loading": g(u),
+				"can-request-merge-tag": g(y),
+				"can-insert-logic-tag": g(b),
+				onOpenLinkDialog: g(x),
+				onAddMergeTag: g(O),
+				onAddLogicTag: g(k)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -721,12 +723,12 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"onAddMergeTag",
 				"onAddLogicTag"
 			]),
-			d(F, {
-				editor: h(s),
-				"editor-content": h(c),
-				"is-loading": h(l),
-				"init-error": h(f),
-				onRetry: h(p)
+			c(F, {
+				editor: g(o),
+				"editor-content": g(l),
+				"is-loading": g(u),
+				"init-error": g(d),
+				onRetry: g(p)
 			}, null, 8, [
 				"editor",
 				"editor-content",
@@ -734,19 +736,19 @@ var De = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
 				"init-error",
 				"onRetry"
 			]),
-			d(P, {
-				visible: h(m),
-				"is-editing-link": h(s)?.isActive("link") ?? !1,
-				"dialog-ref": h(v),
-				"onUpdate:dialogRef": n[0] ||= (e) => o(v) ? v.value = e : null,
-				"link-url": h(g),
-				"onUpdate:linkUrl": n[1] ||= (e) => o(g) ? g.value = e : null,
-				"link-color": h(_),
-				"onUpdate:linkColor": n[2] ||= (e) => o(_) ? _.value = e : null,
-				onClose: h(D),
-				onInsert: h(C),
-				onRemove: h(w),
-				onKeydown: h(O)
+			c(P, {
+				visible: g(m),
+				"is-editing-link": g(o)?.isActive("link") ?? !1,
+				"dialog-ref": g(v),
+				"onUpdate:dialogRef": r[0] ||= (e) => t(v) ? v.value = e : null,
+				"link-url": g(h),
+				"onUpdate:linkUrl": r[1] ||= (e) => t(h) ? h.value = e : null,
+				"link-color": g(_),
+				"onUpdate:linkColor": r[2] ||= (e) => t(_) ? _.value = e : null,
+				onClose: g(E),
+				onInsert: g(C),
+				onRemove: g(w),
+				onKeydown: g(D)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",