@templatical/editor 0.12.1 → 0.14.0

package/dist/{ParagraphEditor-BqRFV_Y-.js → ParagraphEditor-DMzkVnST.js}

@@ -1,17 +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-B2k01iQh.js";
-import { C as S, b as C, w } from "./useEditorCore-D7dQFRkw.js";
-import { t as T } from "./dist-DJ9aD8yA.js";
-import { A as E, M as D, N as O, g as ee, x as te } from "./keys-mFiJ5N0_.js";
-import { t as k } from "./useI18n-CTs_bP9d.js";
-import { t as A } from "./createLucideIcon-CmPAC-gt.js";
-import { t as ne } from "./loader-circle-CDF8eR_Q.js";
-import { n as j, r as M, t as re } from "./text-align-start-Bxnps8fH.js";
-import { a as ie, i as ae, n as N, r as oe, t as P } from "./RichTextEditorContent-Q5altsx1.js";
-import { t as se } from "./scan-line-XYEqim_E.js";
+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-BPa483TZ.js";
+import { E as S, T as C, x as w } from "./useEditorCore-8JxXDOA4.js";
+import { t as T } from "./dist-DuCzdgDA.js";
+import { I as E, L as D, P as O, g as ee, w as te, x as ne } from "./keys-DgYXDafq.js";
+import { t as k } from "./useI18n-BWqM8i78.js";
+import { t as A } from "./createLucideIcon-Bad2kKE0.js";
+import { a as j, i as M, n as N, r as re, t as P } from "./RichTextEditorContent-CRCxCwKf.js";
+import { n as ie, t as ae } from "./scan-line-BtK5dEai.js";
+import { t as oe } from "./loader-circle-CLZ0_FvW.js";
+import { n as se, r as ce, t as le } from "./text-align-start-C3r_Rnvy.js";
 import { t as F } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { a as ce, o as le, s as I } from "./styleConstants-lGobwiLH.js";
-import { t as L } from "./usePopoverRoot-DVh7NY1q.js";
-var R = A("list-ordered", [
+import { a as ue, o as I, s as L } from "./styleConstants-lGobwiLH.js";
+import { t as R } from "./usePopoverRoot-B1sdY4es.js";
+var z = A("list-ordered", [
 	["path", {
 		d: "M11 5h10",
 		key: "1cz7ny"
@@ -36,7 +36,7 @@ var R = A("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"
 	}]
-]), z = A("list", [
+]), B = A("list", [
 	["path", {
 		d: "M3 5h.01",
 		key: "18ugdj"
@@ -61,7 +61,7 @@ var R = A("list-ordered", [
 		d: "M8 19h13",
 		key: "m83p4d"
 	}]
-]), B = A("remove-formatting", [
+]), V = A("remove-formatting", [
 	["path", {
 		d: "M4 7V4h16v3",
 		key: "9msm58"
@@ -82,7 +82,7 @@ var R = A("list-ordered", [
 		d: "m20 15-5 5",
 		key: "11p7ol"
 	}]
-]), V = A("smile", [
+]), H = A("smile", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -107,7 +107,7 @@ var R = A("list-ordered", [
 		y2: "9",
 		key: "1p4y9e"
 	}]
-]), H = A("strikethrough", [
+]), U = A("strikethrough", [
 	["path", {
 		d: "M16 4H9a3 3 0 0 0-2.83 4",
 		key: "43sutm"
@@ -123,7 +123,7 @@ var R = A("list-ordered", [
 		y2: "12",
 		key: "1e0a9i"
 	}]
-]), U = A("subscript", [
+]), de = A("subscript", [
 	["path", {
 		d: "m4 5 8 8",
 		key: "1eunvl"
@@ -136,7 +136,7 @@ var R = A("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"
 	}]
-]), W = A("superscript", [
+]), fe = A("superscript", [
 	["path", {
 		d: "m4 19 8-8",
 		key: "hr47gm"
@@ -149,7 +149,7 @@ var R = A("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"
 	}]
-]), ue = A("underline", [["path", {
+]), pe = A("underline", [["path", {
 	d: "M6 4v6a6 6 0 0 0 12 0V4",
 	key: "9kb039"
 }], ["line", {
@@ -158,16 +158,16 @@ var R = A("list-ordered", [
 	y1: "20",
 	y2: "20",
 	key: "nun2al"
-}]]), G = [
+}]]), W = [
 	"aria-label",
 	"title",
 	"aria-expanded"
-], K = ["aria-label"], q = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, J = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, Y = ["aria-label", "onClick"], de = /* @__PURE__ */ s({
+], G = ["aria-label"], K = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, q = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, J = ["aria-label", "onClick"], me = /* @__PURE__ */ s({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(t, { emit: n }) {
-		let a = n, { categories: s, isOpen: m, toggle: h, close: y } = S(), { t: x, format: C } = k(), E = i(null), D = i(null);
-		w(E, l(() => m.value)), T(D, () => {
+		let a = n, { categories: s, isOpen: m, toggle: h, close: y } = C(), { t: x, format: w } = k(), E = i(null), D = i(null);
+		S(E, l(() => m.value)), T(D, () => {
 			m.value && y();
 		});
 		function O(e) {
@@ -186,10 +186,10 @@ var R = A("list-ordered", [
 			"aria-haspopup": "dialog",
 			"aria-controls": "tpl-emoji-picker",
 			onClick: n[0] ||= (...e) => g(h) && g(h)(...e)
-		}, [b(g(V), {
+		}, [b(g(H), {
 			size: 16,
 			"stroke-width": 2
-		})], 10, G), g(m) ? (e(), d("div", {
+		})], 10, W), g(m) ? (e(), d("div", {
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
@@ -203,15 +203,15 @@ var R = A("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", q, v(g(x).emoji[t.key]), 1), u("div", J, [(e(!0), d(f, null, r(t.emojis, (t) => (e(), d("button", {
+		}, [u("div", K, v(g(x).emoji[t.key]), 1), u("div", q, [(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 }),
+			"aria-label": g(w)(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, Y))), 128))])]))), 128))], 40, K)) : p("", !0)], 512));
+		}, v(t), 9, J))), 128))])]))), 128))], 40, G)) : p("", !0)], 512));
 	}
-}), fe = [
+}), Y = [
 	"aria-label",
 	"title",
 	"aria-pressed"
@@ -234,20 +234,20 @@ var R = A("list-ordered", [
 		}, [(e(), h(t(n.icon), {
 			size: n.size ?? 16,
 			"stroke-width": n.strokeWidth ?? 2
-		}, null, 8, ["size", "stroke-width"]))], 10, fe));
+		}, null, 8, ["size", "stroke-width"]))], 10, Y));
 	}
-}), pe = {}, me = {
+}), he = {}, ge = {
 	class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
 	"aria-hidden": "true"
 };
-function he(t, n) {
-	return e(), d("span", me);
+function _e(t, n) {
+	return e(), d("span", ge);
 }
-var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
+var Z = /*#__PURE__*/ F(he, [["render", _e]]), ve = [
 	"value",
 	"aria-label",
 	"title"
-], _e = { value: "" }, ve = ["value"], Q = /* @__PURE__ */ s({
+], ye = { value: "" }, be = ["value"], Q = /* @__PURE__ */ s({
 	__name: "ToolbarSelect",
 	props: {
 		modelValue: {},
@@ -274,48 +274,53 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 			"aria-label": t.label,
 			title: t.label,
 			onChange: a
-		}, [u("option", _e, v(t.placeholder ?? ""), 1), (e(!0), d(f, null, r(t.options, (t) => (e(), d("option", {
+		}, [u("option", ye, 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, ve))), 128))], 42, ge));
+		}, v(c(t)), 9, be))), 128))], 42, ve));
 	}
-}), ye = ["data-tpl-theme", "aria-label"], be = { class: "tpl:flex tpl:items-center tpl:gap-1" }, $ = { class: "tpl:relative" }, xe = [
+}), $ = ["data-tpl-theme", "aria-label"], xe = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Se = { class: "tpl:relative" }, Ce = [
 	"value",
 	"aria-label",
 	"title"
-], Se = { class: "tpl:relative" }, Ce = [
+], we = { class: "tpl:relative" }, Te = [
 	"value",
 	"aria-label",
 	"title"
-], we = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Te = ["aria-label", "title"], Ee = {
+], Ee = { class: "tpl:flex tpl:items-center tpl:gap-1" }, De = ["aria-label", "title"], Oe = ["aria-label", "title"], ke = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, De = /* @__PURE__ */ s({
+}, Ae = /* @__PURE__ */ s({
 	__name: "ParagraphToolbar",
 	props: {
 		editor: {},
 		toolbarPosition: {},
 		isLoading: { type: Boolean },
-		canRequestMergeTag: { type: Boolean }
+		canRequestMergeTag: { type: Boolean },
+		canInsertLogicTag: { type: Boolean }
 	},
-	emits: ["open-link-dialog", "add-merge-tag"],
+	emits: [
+		"open-link-dialog",
+		"add-merge-tag",
+		"add-logic-tag"
+	],
 	setup(t, { emit: n }) {
-		let r = t, i = n, o = x(E, null), s = x(D, null), c = O(ee, "ParagraphToolbar"), _ = L(), S = x(te, null), C = l(() => S?.isOpen.value ?? !1), { t: w } = k(), T = c.fonts;
-		function A(e) {
+		let r = t, i = n, o = x(O, null), s = x(E, null), c = D(ee, "ParagraphToolbar"), _ = R(), S = x(te, null), C = x(ne, null), w = l(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: T } = k(), A = c.fonts;
+		function N(e) {
 			r.editor?.chain().focus().insertContent(e).run();
 		}
-		function N(e) {
+		function P(e) {
 			return r.editor?.getAttributes("textStyle")[e] || "";
 		}
-		function P(e) {
+		function F(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
-		function F(e) {
+		function H(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
 		}
-		function V(e) {
+		function W(e) {
 			let t = r.editor?.chain().focus();
 			e ? t?.setColor(e).run() : t?.unsetColor().run();
 		}
@@ -337,13 +342,13 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 			let t = r.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
-		return (n, r) => g(_) && !C.value ? (e(), h(y, {
+		return (n, r) => g(_) && !w.value ? (e(), h(y, {
 			key: 0,
 			to: g(_)
 		}, [u("div", {
 			"data-tpl-theme": g(s),
 			role: "toolbar",
-			"aria-label": g(w).paragraphEditor.toolbar,
+			"aria-label": g(T).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),
@@ -352,14 +357,14 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				transform: "translateY(-100%)",
 				flexDirection: "column"
 			})
-		}, [!t.isLoading && t.editor ? (e(), d(f, { key: 0 }, [u("div", be, [
+		}, [!t.isLoading && t.editor ? (e(), d(f, { key: 0 }, [u("div", xe, [
 			b(Q, {
-				"model-value": N("fontFamily"),
-				options: g(T),
-				label: g(w).paragraphEditor.fontFamily,
-				placeholder: g(w).paragraphEditor.defaultFont,
+				"model-value": P("fontFamily"),
+				options: g(A),
+				label: g(T).paragraphEditor.fontFamily,
+				placeholder: g(T).paragraphEditor.defaultFont,
 				"width-class": "tpl:w-32",
-				"onUpdate:modelValue": P
+				"onUpdate:modelValue": F
 			}, null, 8, [
 				"model-value",
 				"options",
@@ -367,12 +372,12 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				"placeholder"
 			]),
 			b(Q, {
-				"model-value": N("fontSize"),
-				options: g(ce),
-				label: g(w).paragraphEditor.fontSize,
-				placeholder: g(w).paragraphEditor.defaultSize,
+				"model-value": P("fontSize"),
+				options: g(ue),
+				label: g(T).paragraphEditor.fontSize,
+				placeholder: g(T).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": F
+				"onUpdate:modelValue": H
 			}, null, 8, [
 				"model-value",
 				"options",
@@ -380,27 +385,27 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				"placeholder"
 			]),
 			b(Z),
-			u("div", $, [u("input", {
+			u("div", Se, [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: N("color") || g("#000000"),
-				"aria-label": g(w).paragraphEditor.textColor,
-				title: g(w).paragraphEditor.textColor,
-				onInput: r[0] ||= (e) => V(e.target.value)
-			}, null, 40, xe)]),
-			u("div", Se, [u("input", {
+				value: P("color") || g("#000000"),
+				"aria-label": g(T).paragraphEditor.textColor,
+				title: g(T).paragraphEditor.textColor,
+				onInput: r[0] ||= (e) => W(e.target.value)
+			}, null, 40, Ce)]),
+			u("div", we, [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: J() || "var(--tpl-bg)" }),
 				value: J() || g("#ffff00"),
-				"aria-label": g(w).paragraphEditor.highlightColor,
-				title: g(w).paragraphEditor.highlightColor,
+				"aria-label": g(T).paragraphEditor.highlightColor,
+				title: g(T).paragraphEditor.highlightColor,
 				onInput: r[1] ||= (e) => Y(e.target.value)
-			}, null, 44, Ce)]),
+			}, null, 44, Te)]),
 			b(Z),
 			b(X, {
-				icon: g(ie),
-				label: g(w).paragraphEditor.bold,
+				icon: g(j),
+				label: g(T).paragraphEditor.bold,
 				active: t.editor.isActive("bold"),
 				"stroke-width": 2.5,
 				onClick: r[2] ||= (e) => t.editor.chain().focus().toggleBold().run()
@@ -410,8 +415,8 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				"active"
 			]),
 			b(X, {
-				icon: g(ae),
-				label: g(w).paragraphEditor.italic,
+				icon: g(M),
+				label: g(T).paragraphEditor.italic,
 				active: t.editor.isActive("italic"),
 				onClick: r[3] ||= (e) => t.editor.chain().focus().toggleItalic().run()
 			}, null, 8, [
@@ -420,8 +425,8 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				"active"
 			]),
 			b(X, {
-				icon: g(ue),
-				label: g(w).paragraphEditor.underline,
+				icon: g(pe),
+				label: g(T).paragraphEditor.underline,
 				active: t.editor.isActive("underline"),
 				onClick: r[4] ||= (e) => t.editor.chain().focus().toggleUnderline().run()
 			}, null, 8, [
@@ -430,8 +435,8 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				"active"
 			]),
 			b(X, {
-				icon: g(H),
-				label: g(w).paragraphEditor.strikethrough,
+				icon: g(U),
+				label: g(T).paragraphEditor.strikethrough,
 				active: t.editor.isActive("strike"),
 				onClick: r[5] ||= (e) => t.editor.chain().focus().toggleStrike().run()
 			}, null, 8, [
@@ -441,8 +446,8 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 			]),
 			b(Z),
 			b(X, {
-				icon: g(U),
-				label: g(w).paragraphEditor.subscript,
+				icon: g(de),
+				label: g(T).paragraphEditor.subscript,
 				active: t.editor.isActive("subscript"),
 				onClick: r[6] ||= (e) => t.editor.chain().focus().toggleSubscript().run()
 			}, null, 8, [
@@ -451,8 +456,8 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				"active"
 			]),
 			b(X, {
-				icon: g(W),
-				label: g(w).paragraphEditor.superscript,
+				icon: g(fe),
+				label: g(T).paragraphEditor.superscript,
 				active: t.editor.isActive("superscript"),
 				onClick: r[7] ||= (e) => t.editor.chain().focus().toggleSuperscript().run()
 			}, null, 8, [
@@ -462,8 +467,8 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 			]),
 			b(Z),
 			b(X, {
-				icon: g(oe),
-				label: g(w).paragraphEditor.addLink,
+				icon: g(re),
+				label: g(T).paragraphEditor.addLink,
 				active: t.editor.isActive("link"),
 				onClick: r[8] ||= (e) => i("open-link-dialog")
 			}, null, 8, [
@@ -471,10 +476,10 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				"label",
 				"active"
 			])
-		]), u("div", we, [
+		]), u("div", Ee, [
 			b(X, {
-				icon: g(z),
-				label: g(w).paragraphEditor.bulletList,
+				icon: g(B),
+				label: g(T).paragraphEditor.bulletList,
 				active: t.editor.isActive("bulletList"),
 				onClick: r[9] ||= (e) => t.editor.chain().focus().toggleBulletList().run()
 			}, null, 8, [
@@ -483,8 +488,8 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				"active"
 			]),
 			b(X, {
-				icon: g(R),
-				label: g(w).paragraphEditor.numberedList,
+				icon: g(z),
+				label: g(T).paragraphEditor.numberedList,
 				active: t.editor.isActive("orderedList"),
 				onClick: r[10] ||= (e) => t.editor.chain().focus().toggleOrderedList().run()
 			}, null, 8, [
@@ -494,8 +499,8 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 			]),
 			b(Z),
 			b(X, {
-				icon: g(re),
-				label: g(w).paragraphEditor.alignLeft,
+				icon: g(le),
+				label: g(T).paragraphEditor.alignLeft,
 				active: t.editor.isActive({ textAlign: "left" }),
 				onClick: r[11] ||= (e) => t.editor.chain().focus().setTextAlign("left").run()
 			}, null, 8, [
@@ -504,8 +509,8 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				"active"
 			]),
 			b(X, {
-				icon: g(M),
-				label: g(w).paragraphEditor.alignCenter,
+				icon: g(ce),
+				label: g(T).paragraphEditor.alignCenter,
 				active: t.editor.isActive({ textAlign: "center" }),
 				onClick: r[12] ||= (e) => t.editor.chain().focus().setTextAlign("center").run()
 			}, null, 8, [
@@ -514,8 +519,8 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				"active"
 			]),
 			b(X, {
-				icon: g(j),
-				label: g(w).paragraphEditor.alignRight,
+				icon: g(se),
+				label: g(T).paragraphEditor.alignRight,
 				active: t.editor.isActive({ textAlign: "right" }),
 				onClick: r[13] ||= (e) => t.editor.chain().focus().setTextAlign("right").run()
 			}, null, 8, [
@@ -526,8 +531,8 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 			b(Z),
 			b(Q, {
 				"model-value": G(),
-				options: g(I),
-				label: g(w).paragraphEditor.lineHeight,
+				options: g(L),
+				label: g(T).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
 				"onUpdate:modelValue": K
@@ -537,9 +542,9 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				"label"
 			]),
 			b(Q, {
-				"model-value": N("letterSpacing"),
-				options: g(le),
-				label: g(w).paragraphEditor.letterSpacing,
+				"model-value": P("letterSpacing"),
+				options: g(I),
+				label: g(T).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
 				"onUpdate:modelValue": q
@@ -550,29 +555,40 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 			]),
 			b(Z),
 			b(X, {
-				icon: g(B),
-				label: g(w).paragraphEditor.clearFormatting,
+				icon: g(V),
+				label: g(T).paragraphEditor.clearFormatting,
 				onClick: r[14] ||= (e) => t.editor.chain().focus().clearNodes().unsetAllMarks().run()
 			}, null, 8, ["icon", "label"]),
 			b(Z),
-			b(de, { onInsert: A }),
+			b(me, { onInsert: N }),
 			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(w).mergeTag.insert,
-				title: g(w).mergeTag.insert,
+				"aria-label": g(T).mergeTag.insert,
+				title: g(T).mergeTag.insert,
 				onClick: r[15] ||= (e) => i("add-merge-tag")
-			}, [b(g(se), {
+			}, [b(g(ae), {
+				size: 16,
+				"stroke-width": 2
+			}), a(" " + v(g(T).mergeTag.insertShort), 1)], 8, De)], 64)) : p("", !0),
+			t.canInsertLogicTag ? (e(), d(f, { key: 1 }, [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(T).logicTag.insert,
+				title: g(T).logicTag.insert,
+				"data-testid": "insert-logic-button",
+				onClick: r[16] ||= (e) => i("add-logic-tag")
+			}, [b(g(ie), {
 				size: 16,
 				"stroke-width": 2
-			}), a(" " + v(g(w).mergeTag.insert), 1)], 8, Te)], 64)) : p("", !0)
-		])], 64)) : (e(), d("div", Ee, [b(g(ne), {
+			}), a(" " + v(g(T).logicTag.insertShort), 1)], 8, Oe)], 64)) : p("", !0)
+		])], 64)) : (e(), d("div", ke, [b(g(oe), {
 			class: "tpl-spinner",
 			size: 14,
 			"stroke-width": 2
-		}), a(" " + v(g(w).errors.editorLoading), 1)]))], 12, ye)], 8, ["to"])) : p("", !0);
+		}), a(" " + v(g(T).errors.editorLoading), 1)]))], 12, $)], 8, ["to"])) : p("", !0);
 	}
-}), Oe = { class: "tpl-text-editor-wrapper tpl:relative" }, ke = /* @__PURE__ */ s({
+}), je = { class: "tpl-text-editor-wrapper tpl:relative" }, Me = /* @__PURE__ */ s({
 	__name: "ParagraphEditor",
 	props: {
 		block: {},
@@ -580,25 +596,25 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 	},
 	emits: ["done"],
 	setup(t, { emit: r }) {
-		let i = t, a = r, o = L(), { 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({
+		let i = t, a = r, o = R(), { editor: s, EditorContent: c, isLoading: l, initError: u, retry: f, showLinkDialog: p, linkUrl: m, linkDialogRef: h, canRequestMergeTag: _, canInsertLogicTag: v, openLinkDialog: y, insertLink: x, removeLink: S, closeLinkDialog: C, handleLinkKeydown: T, handleAddMergeTag: E, handleAddLogicTag: D } = w({
 			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: 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-D6x1cQeh.js").then((e) => e.r),
-					import("./dist-DULfKmTh.js"),
-					import("./dist-BlG7k25W.js"),
-					import("./dist-o73iaGqy.js"),
-					import("./dist-Cz79qrLL.js"),
-					import("./dist-412xXefB.js"),
-					import("./dist-BwgjpLfr.js"),
-					import("./dist-BCQZZUE9.js"),
-					import("./dist-BNEdeWub.js"),
-					import("./dist-u0iIJH3V.js"),
-					import("./dist-b7Ak-CuM.js"),
-					import("./extensions-XPlNAKIL.js")
+					import("./dist-Dd3ibRZm.js").then((e) => e.r),
+					import("./dist-BX3gGwL8.js"),
+					import("./dist-CLpPNKy9.js"),
+					import("./dist-U5vfDdYI.js"),
+					import("./dist-B7w6xTU6.js"),
+					import("./dist-Bn703mnA.js"),
+					import("./dist-34OcyoK1.js"),
+					import("./dist-ChMninLH.js"),
+					import("./dist-CGvz7vkq.js"),
+					import("./dist-CADDCv0o.js"),
+					import("./dist-CrQZ_af9.js"),
+					import("./extensions-J439b7y7.js")
 				]);
 				return {
 					TiptapEditor: a,
@@ -643,21 +659,25 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				};
 			}
 		});
-		return (r, i) => (e(), d("div", Oe, [
-			b(De, {
+		return (r, i) => (e(), d("div", je, [
+			b(Ae, {
 				editor: g(s),
 				"toolbar-position": t.toolbarPosition,
 				"is-loading": g(l),
 				"can-request-merge-tag": g(_),
-				onOpenLinkDialog: g(v),
-				onAddMergeTag: g(T)
+				"can-insert-logic-tag": g(v),
+				onOpenLinkDialog: g(y),
+				onAddMergeTag: g(E),
+				onAddLogicTag: g(D)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
 				"is-loading",
 				"can-request-merge-tag",
+				"can-insert-logic-tag",
 				"onOpenLinkDialog",
-				"onAddMergeTag"
+				"onAddMergeTag",
+				"onAddLogicTag"
 			]),
 			b(P, {
 				editor: g(s),
@@ -679,10 +699,10 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				"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)
+				onClose: g(C),
+				onInsert: g(x),
+				onRemove: g(S),
+				onKeydown: g(T)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",
@@ -697,4 +717,4 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 	}
 });
 //#endregion
-export { ke as default };
+export { Me as default };

package/dist/{RichTextEditorContent-Q5altsx1.js → RichTextEditorContent-CRCxCwKf.js}

@@ -1,9 +1,9 @@
-import { A as e, B as t, F as n, I as r, T as i, _ as a, a as o, b as s, c, f as l, h as u, m as d, ot as f, p, rt as m, st as h, u as g, v as _, w as v } from "./vue.runtime.esm-bundler-B2k01iQh.js";
-import { A as y, M as b } from "./keys-mFiJ5N0_.js";
-import { t as x } from "./useI18n-CTs_bP9d.js";
-import { t as S } from "./createLucideIcon-CmPAC-gt.js";
-import { t as C } from "./x-CGjkjdKK.js";
-import { t as w } from "./usePopoverRoot-DVh7NY1q.js";
+import { A as e, B as t, F as n, I as r, T as i, _ as a, a as o, b as s, c, f as l, h as u, m as d, ot as f, p, rt as m, st as h, u as g, v as _, w as v } from "./vue.runtime.esm-bundler-BPa483TZ.js";
+import { I as y, P as b } from "./keys-DgYXDafq.js";
+import { t as x } from "./useI18n-BWqM8i78.js";
+import { t as S } from "./createLucideIcon-Bad2kKE0.js";
+import { t as C } from "./x-DiPIbccg.js";
+import { t as w } from "./usePopoverRoot-B1sdY4es.js";
 var T = S("bold", [["path", {
 	d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",
 	key: "mg9rjx"
@@ -59,7 +59,7 @@ var T = S("bold", [["path", {
 		"keydown"
 	], ["update:linkUrl", "update:dialogRef"]),
 	setup(n, { emit: i }) {
-		let a = r(n, "linkUrl"), s = r(n, "dialogRef"), S = i, T = v(y, null), E = v(b, null), D = w(), { t: R } = x();
+		let a = r(n, "linkUrl"), s = r(n, "dialogRef"), S = i, T = v(b, null), E = v(y, null), D = w(), { t: R } = x();
 		return (r, i) => m(D) ? (e(), p(g, {
 			key: 0,
 			to: m(D)