@templatical/editor 0.38.0 → 0.39.1

package/dist/TemplateSettings-C_5leDdF.js

@@ -0,0 +1,245 @@
+import { A as e, At as t, M as n, S as ee, at as r, c as i, d as a, g as o, jt as s, kt as c, r as l, s as u, u as d, v as f } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { R as te } from "./dist-tGkjkX-v.js";
+import { G as ne, Z as re, v as p } from "./keys-BdoSgsz9.js";
+import { t as m } from "./useI18n-Ds_-druD.js";
+import { n as ie, t as h } from "./templateSettingsFields-YCFVBVYh.js";
+import { t as g } from "./createLucideIcon-BxY5yz5u.js";
+import { c as _ } from "./LogicTagInsertButton-D8IwH-9Z.js";
+import { t as ae } from "./eye-DphkRtAD.js";
+import { t as oe } from "./info-VSyAs02q.js";
+import { g as v, h as se, l as ce, m as le, p as y, t as b } from "./styleConstants-C_YAPdQS.js";
+import { n as x, t as S } from "./ToggleSwitch-JvQ_CmI1.js";
+var C = g({
+	name: "circle",
+	size: 24,
+	node: [["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}]]
+}), w = g({
+	name: "globe",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "12",
+			cy: "12",
+			r: "10",
+			key: "1mglay"
+		}],
+		["path", {
+			d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",
+			key: "13o1zl"
+		}],
+		["path", {
+			d: "M2 12h20",
+			key: "9i4pu4"
+		}]
+	]
+}), T = g({
+	name: "square",
+	size: 24,
+	node: [["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2",
+		key: "afitv7"
+	}]]
+}), E = {
+	"data-testid": "template-settings",
+	class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
+}, D = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, O = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, k = {
+	key: 0,
+	"data-testid": "template-settings-width-preset"
+}, A = { class: "tpl:grid tpl:grid-cols-4 tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, j = ["onClick"], M = {
+	key: 1,
+	"data-testid": "template-settings-width-custom"
+}, N = { class: "tpl:flex tpl:items-stretch" }, P = ["value"], F = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, I = {
+	key: 0,
+	"data-testid": "template-settings-background"
+}, L = {
+	key: 1,
+	"data-testid": "template-settings-text-color"
+}, R = {
+	key: 2,
+	"data-testid": "template-settings-link-color"
+}, z = {
+	key: 3,
+	"data-testid": "template-settings-link-underline"
+}, B = {
+	key: 4,
+	"data-testid": "template-settings-font-family"
+}, V = ["value"], H = ["value"], ue = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, U = {
+	key: 0,
+	"data-testid": "template-settings-locale"
+}, de = ["value"], fe = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, pe = {
+	key: 1,
+	"data-testid": "template-settings-direction"
+}, me = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, he = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ge = {
+	key: 0,
+	"data-testid": "template-settings-preheader"
+}, _e = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, ve = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, ye = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, be = {
+	key: 4,
+	class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3",
+	"data-testid": "template-settings-card-tips"
+}, xe = { class: "tpl:mb-2.5 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text-muted)]" }, Se = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Ce = { class: "tpl:mb-1 tpl:last:mb-0" }, we = { class: "tpl:mb-1 tpl:last:mb-0" }, Te = { class: "tpl:mb-1 tpl:last:mb-0" }, Ee = 150, W = /* @__PURE__ */ f({
+	__name: "TemplateSettings",
+	props: { settings: {} },
+	emits: ["update"],
+	setup(f, { emit: g }) {
+		let W = f, G = g, { t: K } = m(), q = re(p, "TemplateSettings"), J = u(() => q.fonts.value), De = u(() => J.value.some((e) => e.value === W.settings.fontFamily) ? W.settings.fontFamily : q.defaultFont.value), Y = [
+			{
+				value: 480,
+				label: "480px"
+			},
+			{
+				value: 600,
+				label: "600px"
+			},
+			{
+				value: 700,
+				label: "700px"
+			},
+			{
+				value: 800,
+				label: "800px"
+			}
+		], X = ee(ne, new Set(h));
+		function Z(e) {
+			return X.has(e);
+		}
+		function Q(e) {
+			return h.some((t) => ie[t] === e && Z(t));
+		}
+		let Oe = X.size > 0, ke = u(() => te(W.settings) === "rtl"), $ = `${ce} tpl:flex tpl:flex-col tpl:gap-3.5`;
+		return (ee, u) => (e(), a("aside", E, [i("div", D, [
+			Q("layout") ? (e(), a("div", {
+				key: 0,
+				class: c($),
+				"data-testid": "template-settings-card-layout"
+			}, [
+				i("div", O, [o(r(T), {
+					class: "tpl:text-[var(--tpl-text-muted)]",
+					size: 14,
+					"stroke-width": 2
+				}), i("span", null, s(r(K).templateSettings.layout), 1)]),
+				Z("width") ? (e(), a("div", k, [i("label", { class: c(r(v)) }, s(r(K).templateSettings.widthPreset), 3), i("div", A, [(e(), a(l, null, n(Y, (e) => i("button", {
+					key: e.value,
+					class: "tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
+					style: t({
+						backgroundColor: f.settings.width === e.value ? "var(--tpl-bg)" : "transparent",
+						color: f.settings.width === e.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						boxShadow: f.settings.width === e.value ? "var(--tpl-shadow)" : "none"
+					}),
+					onClick: (t) => G("update", { width: e.value })
+				}, s(e.label), 13, j)), 64))])])) : d("", !0),
+				Z("width") ? (e(), a("div", M, [i("label", { class: c(r(v)) }, s(r(K).templateSettings.customWidth), 3), i("div", N, [i("input", {
+					type: "number",
+					class: c(r(le)),
+					value: f.settings.width,
+					min: "300",
+					max: "900",
+					onInput: u[0] ||= (e) => G("update", { width: Number(e.target.value) })
+				}, null, 42, P), i("span", { class: c(r(se)) }, "px", 2)])])) : d("", !0)
+			])) : d("", !0),
+			Q("appearance") ? (e(), a("div", {
+				key: 1,
+				class: c($),
+				"data-testid": "template-settings-card-appearance"
+			}, [
+				i("div", F, [o(r(C), {
+					class: "tpl:text-[var(--tpl-text-muted)]",
+					size: 14,
+					"stroke-width": 2
+				}), i("span", null, s(r(K).templateSettings.appearance), 1)]),
+				Z("backgroundColor") ? (e(), a("div", I, [i("label", { class: c(r(v)) }, s(r(K).templateSettings.backgroundColor), 3), o(_, {
+					"model-value": f.settings.backgroundColor,
+					placeholder: r(b),
+					"onUpdate:modelValue": u[1] ||= (e) => G("update", { backgroundColor: e })
+				}, null, 8, ["model-value", "placeholder"])])) : d("", !0),
+				Z("textColor") ? (e(), a("div", L, [i("label", { class: c(r(v)) }, s(r(K).templateSettings.textColor), 3), o(_, {
+					"model-value": f.settings.textColor ?? "",
+					"seed-color": "#1a1a1a",
+					"onUpdate:modelValue": u[2] ||= (e) => G("update", { textColor: e })
+				}, null, 8, ["model-value"])])) : d("", !0),
+				Z("linkColor") ? (e(), a("div", R, [i("label", { class: c(r(v)) }, s(r(K).templateSettings.linkColor), 3), o(_, {
+					"model-value": f.settings.linkColor ?? "",
+					"seed-color": "#0066cc",
+					"onUpdate:modelValue": u[3] ||= (e) => G("update", { linkColor: e || void 0 })
+				}, null, 8, ["model-value"])])) : d("", !0),
+				Z("linkUnderline") ? (e(), a("div", z, [o(S, {
+					class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
+					"model-value": f.settings.linkUnderline,
+					label: r(K).templateSettings.linkUnderline,
+					"onUpdate:modelValue": u[4] ||= (e) => G("update", { linkUnderline: e })
+				}, null, 8, ["model-value", "label"])])) : d("", !0),
+				Z("fontFamily") ? (e(), a("div", B, [i("label", { class: c(r(v)) }, s(r(K).templateSettings.fontFamily), 3), i("select", {
+					class: c(r(y)),
+					value: De.value,
+					onChange: u[5] ||= (e) => G("update", { fontFamily: e.target.value })
+				}, [(e(!0), a(l, null, n(J.value, (t) => (e(), a("option", {
+					key: t.value,
+					value: t.value
+				}, s(t.label), 9, H))), 128))], 42, V)])) : d("", !0)
+			])) : d("", !0),
+			Q("language") ? (e(), a("div", {
+				key: 2,
+				class: c($),
+				"data-testid": "template-settings-card-language"
+			}, [
+				i("div", ue, [o(r(w), {
+					class: "tpl:text-[var(--tpl-text-muted)]",
+					size: 14,
+					"stroke-width": 2
+				}), i("span", null, s(r(K).templateSettings.language), 1)]),
+				Z("locale") ? (e(), a("div", U, [
+					i("label", { class: c(r(v)) }, s(r(K).templateSettings.contentLocale), 3),
+					i("input", {
+						type: "text",
+						class: c(r(y)),
+						value: f.settings.locale ?? "",
+						placeholder: "en",
+						spellcheck: "false",
+						autocapitalize: "off",
+						autocomplete: "off",
+						onInput: u[6] ||= (e) => G("update", { locale: e.target.value.trim() || void 0 })
+					}, null, 42, de),
+					i("p", fe, s(r(K).templateSettings.contentLocaleHint), 1)
+				])) : d("", !0),
+				Z("direction") ? (e(), a("div", pe, [o(S, {
+					class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
+					"model-value": ke.value,
+					label: r(K).templateSettings.contentDirection,
+					"onUpdate:modelValue": u[7] ||= (e) => G("update", { direction: e ? "rtl" : "ltr" })
+				}, null, 8, ["model-value", "label"]), i("p", me, s(r(K).templateSettings.contentDirectionHint), 1)])) : d("", !0)
+			])) : d("", !0),
+			Q("preheader") ? (e(), a("div", {
+				key: 3,
+				class: c($),
+				"data-testid": "template-settings-card-preheader"
+			}, [i("div", he, [o(r(ae), {
+				class: "tpl:text-[var(--tpl-text-muted)]",
+				size: 14,
+				"stroke-width": 2
+			}), i("span", null, s(r(K).templateSettings.preheaderText), 1)]), Z("preheaderText") ? (e(), a("div", ge, [o(x, {
+				"model-value": f.settings.preheaderText ?? "",
+				placeholder: r(K).templateSettings.preheaderTextPlaceholder,
+				rows: 2,
+				"onUpdate:modelValue": u[8] ||= (e) => G("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
+			}, null, 8, ["model-value", "placeholder"]), i("div", _e, [i("span", ve, s(r(K).templateSettings.preheaderTextHint), 1), i("span", ye, s((f.settings.preheaderText ?? "").length) + "/" + s(Ee), 1)])])) : d("", !0)])) : d("", !0),
+			Oe ? (e(), a("div", be, [i("div", xe, [o(r(oe), {
+				size: 14,
+				"stroke-width": 2
+			}), i("span", null, s(r(K).templateSettings.tips), 1)]), i("ul", Se, [
+				i("li", Ce, s(r(K).templateSettings.tip1), 1),
+				i("li", we, s(r(K).templateSettings.tip2), 1),
+				i("li", Te, s(r(K).templateSettings.tip3), 1)
+			])])) : d("", !0)
+		])]));
+	}
+});
+//#endregion
+export { W as default };

package/dist/{TestEmailModal-BxizsRCd.js → TestEmailModal-DJ5q_u4N.js}

@@ -1,18 +1,18 @@
-import { A as e, B as t, M as n, R as r, S as i, V as a, Z as o, at as s, c, d as l, g as u, h as d, jt as f, kt as p, l as m, r as h, s as g, u as _, v } from "./vue.runtime.esm-bundler-DShF3P6k.js";
-import { a as ee, i as y } from "./runtime-dom.esm-bundler-PnoZU512.js";
-import { N as te } from "./dist-tGkjkX-v.js";
-import { X as ne } from "./useEditorCore-DhlKOYwe.js";
-import { D as re, g as ie, j as ae, z as oe } from "./keys-DQA2i1k1.js";
-import { t as se } from "./useI18n-BbdxxpOE.js";
-import { t as ce } from "./check-DWtkBzBU.js";
-import { t as le } from "./loader-circle-B_tAD4k6.js";
-import { n as ue, t as de } from "./MergeTagModeToggle-DKN6ihI5.js";
-import { v as fe } from "./styleConstants-C_YAPdQS.js";
-import { t as pe } from "./TplModal-Q9fDgS1M.js";
-import { t as me } from "./BlockPreviewCanvas-DDCmMram.js";
+import { A as e, B as t, M as n, R as r, S as i, V as a, Z as o, at as s, c, d as l, g as u, h as d, jt as f, kt as p, l as m, r as h, s as g, u as _, v } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { a as ee, i as te } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
+import { N as ne } from "./dist-tGkjkX-v.js";
+import { L as re } from "./useEditorCore-C5APBjjV.js";
+import { D as ie, P as ae, V as y, g as oe, j as se } from "./keys-BdoSgsz9.js";
+import { t as ce } from "./useI18n-Ds_-druD.js";
+import { t as le } from "./check-eqb2JhqU.js";
+import { t as ue } from "./loader-circle-z5eeqasv.js";
+import { n as de, t as fe } from "./MergeTagModeToggle-D793Bj_E.js";
+import { v as pe } from "./styleConstants-C_YAPdQS.js";
+import { t as me } from "./TplModal-C8xGjC1l.js";
+import { t as he } from "./BlockPreviewCanvas-DXGjUECG.js";
 //#region src/utils/validateEmailShape.ts
 var b = /[,;<>()[\]\\"'`|/?#@!$%^&*+=~{}]/;
-function he(e) {
+function x(e) {
 	let t = e.trim();
 	if (t.length === 0 || /\s/.test(t)) return !1;
 	let n = t.split("@");
@@ -24,47 +24,47 @@ function he(e) {
 }
 //#endregion
 //#region src/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
-var x = ["aria-busy"], S = {
+var S = ["aria-busy"], C = {
 	id: "tpl-test-email-title",
 	class: "tpl:mb-4 tpl:shrink-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, C = { class: "tpl:mb-3 tpl:shrink-0" }, w = {
+}, w = { class: "tpl:mb-3 tpl:shrink-0" }, T = {
 	for: "tpl-test-email-recipient",
 	class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]"
-}, T = ["value"], E = ["disabled"], D = ["value"], O = ["placeholder", "disabled"], k = {
+}, E = ["value"], D = ["disabled"], O = ["value"], k = ["placeholder", "disabled"], A = {
 	key: 3,
 	class: "tpl:mt-1.5 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, A = { class: "tpl:mb-2 tpl:shrink-0" }, j = { class: "tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-between tpl:gap-2" }, M = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, N = { class: "tpl:flex tpl:items-center tpl:gap-2" }, P = {
+}, j = { class: "tpl:mb-2 tpl:shrink-0" }, M = { class: "tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-between tpl:gap-2" }, N = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, P = { class: "tpl:flex tpl:items-center tpl:gap-2" }, F = {
 	"data-testid": "test-email-preview-hint",
 	class: "tpl:mt-1 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, F = {
+}, I = {
 	id: "tpl-test-email-preview",
 	"data-testid": "test-email-preview",
 	class: "tpl:mb-3 tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius-sm)] tpl:p-3 tpl:bg-[var(--tpl-canvas-bg)]"
-}, I = {
+}, L = {
 	key: 0,
 	role: "status",
 	"aria-busy": "true",
 	"data-testid": "preview-resolution-loading",
 	class: "tpl:flex tpl:flex-col tpl:gap-3"
-}, L = { class: "tpl:sr-only" }, R = {
+}, R = { class: "tpl:sr-only" }, ge = {
 	key: 1,
 	role: "status",
 	"data-testid": "preview-resolution-failed",
 	class: "tpl:mb-2 tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg-hover)]"
-}, ge = {
+}, _e = {
 	key: 0,
 	role: "status",
 	"data-testid": "test-email-success",
 	class: "tpl:mb-3 tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success,var(--tpl-primary))]"
-}, _e = {
+}, ve = {
 	key: 1,
 	role: "alert",
 	"data-testid": "test-email-error",
 	class: "tpl:mb-3 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-danger)]"
-}, ve = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2" }, ye = ["disabled"], be = ["disabled"], xe = {
+}, ye = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2" }, be = ["disabled"], xe = ["disabled"], Se = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, Se = { key: 1 }, z = /* @__PURE__ */ v({
+}, Ce = { key: 1 }, z = /* @__PURE__ */ v({
 	__name: "TestEmailModal",
 	props: {
 		visible: { type: Boolean },
@@ -76,37 +76,37 @@ var x = ["aria-busy"], S = {
 	},
 	emits: ["send", "close"],
 	setup(v, { emit: b }) {
-		let z = v, B = b, { t: V } = se(), Ce = i(ie, null), H = o(""), U = o("desktop"), we = i(oe, void 0), W = ne({
-			resolvePreview: we ?? void 0,
-			getContent: () => Ce?.content.value ?? {
+		let z = v, B = b, { t: V } = ce(), we = i(oe, null), H = o(""), U = o("desktop"), Te = i(y, void 0), W = re({
+			resolvePreview: Te ?? void 0,
+			getContent: () => we?.content.value ?? {
 				blocks: [],
 				settings: {}
 			},
 			isActive: () => z.visible,
 			getRecipient: () => H.value || void 0
-		}), G = i(ae, null), K = o(te(i(re, []))), q = g({
+		}), G = i(se, null), K = o(ne(i(ie, ae).value)), q = g({
 			get: () => W.isConfigured ? !1 : G?.value ?? K.value,
 			set: (e) => {
 				G ? G.value = e : K.value = e;
 			}
-		}), Te = g(() => W.content.value.blocks ?? []), J = g(() => z.allowedRecipients !== void 0 && z.allowedRecipients.length > 0), Ee = g(() => z.allowedRecipients?.length === 1);
+		}), Ee = g(() => W.content.value.blocks ?? []), J = g(() => z.allowedRecipients !== void 0 && z.allowedRecipients.length > 0), De = g(() => z.allowedRecipients?.length === 1);
 		r(() => z.visible, (e) => {
 			e && (H.value = z.defaultRecipient ?? z.allowedRecipients?.[0] ?? "");
 		}, { immediate: !0 });
-		let Y = g(() => J.value ? H.value.length > 0 : he(H.value)), X = g(() => Y.value && !z.isSending && !z.justSent), De = g(() => !J.value && H.value.trim().length > 0 && !Y.value), Z = g(() => z.error ? z.error.kind === "provider" ? z.error.message : V.testEmail.recipientNotAllowed : null);
+		let Y = g(() => J.value ? H.value.length > 0 : x(H.value)), X = g(() => Y.value && !z.isSending && !z.justSent), Oe = g(() => !J.value && H.value.trim().length > 0 && !Y.value), Z = g(() => z.error ? z.error.kind === "provider" ? z.error.message : V.testEmail.recipientNotAllowed : null);
 		function Q() {
 			X.value && B("send", H.value.trim());
 		}
 		function $() {
 			z.isSending || B("close");
 		}
-		function Oe(e) {
+		function ke(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
 		}
-		return (r, i) => (e(), m(pe, {
+		return (r, i) => (e(), m(me, {
 			visible: v.visible,
 			onClose: $,
-			onKeydown: Oe
+			onKeydown: ke
 		}, {
 			default: t(() => [c("div", {
 				role: "dialog",
@@ -119,10 +119,10 @@ var x = ["aria-busy"], S = {
 					"box-shadow": "var(--tpl-shadow-xl)"
 				}
 			}, [
-				c("h3", S, f(s(V).testEmail.title), 1),
-				c("div", C, [
-					c("label", w, f(s(V).testEmail.recipientLabel), 1),
-					Ee.value ? (e(), l("input", {
+				c("h3", C, f(s(V).testEmail.title), 1),
+				c("div", w, [
+					c("label", T, f(s(V).testEmail.recipientLabel), 1),
+					De.value ? (e(), l("input", {
 						key: 0,
 						id: "tpl-test-email-recipient",
 						type: "text",
@@ -130,7 +130,7 @@ var x = ["aria-busy"], S = {
 						disabled: "",
 						"data-testid": "test-email-recipient",
 						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:opacity-70 tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-					}, null, 8, T)) : J.value ? a((e(), l("select", {
+					}, null, 8, E)) : J.value ? a((e(), l("select", {
 						key: 1,
 						id: "tpl-test-email-recipient",
 						"onUpdate:modelValue": i[0] ||= (e) => H.value = e,
@@ -140,7 +140,7 @@ var x = ["aria-busy"], S = {
 					}, [(e(!0), l(h, null, n(v.allowedRecipients, (t) => (e(), l("option", {
 						key: t,
 						value: t
-					}, f(t), 9, D))), 128))], 8, E)), [[y, H.value]]) : a((e(), l("input", {
+					}, f(t), 9, O))), 128))], 8, D)), [[te, H.value]]) : a((e(), l("input", {
 						key: 2,
 						id: "tpl-test-email-recipient",
 						"onUpdate:modelValue": i[1] ||= (e) => H.value = e,
@@ -151,24 +151,24 @@ var x = ["aria-busy"], S = {
 						disabled: v.isSending || v.justSent,
 						"data-testid": "test-email-recipient",
 						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-					}, null, 8, O)), [[ee, H.value]]),
-					De.value ? (e(), l("p", k, f(s(V).testEmail.invalidAddress), 1)) : _("", !0)
+					}, null, 8, k)), [[ee, H.value]]),
+					Oe.value ? (e(), l("p", A, f(s(V).testEmail.invalidAddress), 1)) : _("", !0)
 				]),
-				c("div", A, [c("div", j, [c("span", M, f(s(V).testEmail.preview), 1), c("div", N, [s(W).supersedesSamples.value ? _("", !0) : (e(), m(de, {
+				c("div", j, [c("div", M, [c("span", N, f(s(V).testEmail.preview), 1), c("div", P, [s(W).supersedesSamples.value ? _("", !0) : (e(), m(fe, {
 					key: 0,
 					"sample-mode": q.value,
 					onChange: i[2] ||= (e) => q.value = e
-				}, null, 8, ["sample-mode"])), u(ue, {
+				}, null, 8, ["sample-mode"])), u(de, {
 					viewport: U.value,
 					onChange: i[3] ||= (e) => U.value = e
-				}, null, 8, ["viewport"])])]), c("p", P, f(s(W).supersedesSamples.value ? s(V).previewResolution.hint : q.value ? s(V).testEmail.previewHintSample : s(V).testEmail.previewHint), 1)]),
-				c("div", F, [s(W).isInitialResolve.value ? (e(), l("div", I, [c("span", L, f(s(V).previewResolution.resolving), 1), (e(), l(h, null, n(3, (e) => c("div", {
+				}, null, 8, ["viewport"])])]), c("p", F, f(s(W).supersedesSamples.value ? s(V).previewResolution.hint : q.value ? s(V).testEmail.previewHintSample : s(V).testEmail.previewHint), 1)]),
+				c("div", I, [s(W).isInitialResolve.value ? (e(), l("div", L, [c("span", R, f(s(V).previewResolution.resolving), 1), (e(), l(h, null, n(3, (e) => c("div", {
 					key: e,
 					"aria-hidden": "true",
 					class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
-				})), 64))])) : s(W).hasFailed.value ? (e(), l("p", R, f(s(V).previewResolution.failed), 1)) : _("", !0), s(W).isInitialResolve.value ? _("", !0) : (e(), m(me, {
+				})), 64))])) : s(W).hasFailed.value ? (e(), l("p", ge, f(s(V).previewResolution.failed), 1)) : _("", !0), s(W).isInitialResolve.value ? _("", !0) : (e(), m(he, {
 					key: 2,
-					blocks: Te.value,
+					blocks: Ee.value,
 					viewport: U.value,
 					"apply-condition-filter": !s(W).isConfigured
 				}, null, 8, [
@@ -176,28 +176,28 @@ var x = ["aria-busy"], S = {
 					"viewport",
 					"apply-condition-filter"
 				]))]),
-				v.justSent ? (e(), l("p", ge, [u(s(ce), {
+				v.justSent ? (e(), l("p", _e, [u(s(le), {
 					size: 13,
 					"stroke-width": 2.5
-				}), d(" " + f(s(V).testEmail.success), 1)])) : Z.value ? (e(), l("p", _e, f(Z.value), 1)) : _("", !0),
-				c("div", ve, [c("button", {
+				}), d(" " + f(s(V).testEmail.success), 1)])) : Z.value ? (e(), l("p", ve, f(Z.value), 1)) : _("", !0),
+				c("div", ye, [c("button", {
 					type: "button",
 					"data-testid": "test-email-cancel",
 					class: p(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-[var(--tpl-shadow-sm)] tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": v.isSending }]),
 					disabled: v.isSending,
 					onClick: $
-				}, f(s(V).testEmail.cancel), 11, ye), c("button", {
+				}, f(s(V).testEmail.cancel), 11, be), c("button", {
 					type: "button",
 					"data-testid": "test-email-send",
-					class: p(s(fe)),
+					class: p(s(pe)),
 					disabled: !X.value,
 					onClick: Q
-				}, [v.isSending ? (e(), l("span", xe, [u(s(le), {
+				}, [v.isSending ? (e(), l("span", Se, [u(s(ue), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), d(" " + f(s(V).testEmail.sending), 1)])) : (e(), l("span", Se, f(s(V).testEmail.send), 1))], 10, be)])
-			], 8, x)]),
+				}), d(" " + f(s(V).testEmail.sending), 1)])) : (e(), l("span", Ce, f(s(V).testEmail.send), 1))], 10, xe)])
+			], 8, S)]),
 			_: 1
 		}, 8, ["visible"]));
 	}

package/dist/{TestEmailPanel-vd2e5HzT.js → TestEmailPanel-CP24UGst.js}

@@ -1,11 +1,11 @@
-import { A as e, _ as t, at as n, l as r, u as i, v as a } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { A as e, _ as t, at as n, l as r, u as i, v as a } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 //#endregion
 //#region src/components/TestEmailPanel.vue
 var o = /* @__PURE__ */ a({
 	__name: "TestEmailPanel",
 	props: { feature: {} },
 	setup(a) {
-		let o = a, s = t(() => import("./TestEmailModal-BxizsRCd.js"));
+		let o = a, s = t(() => import("./TestEmailModal-DJ5q_u4N.js"));
 		function c(e) {
 			o.feature.send(e);
 		}

package/dist/{TitleEditor-CLJ68Ty4.js → TitleEditor-QBBOXtxx.js}

@@ -1,12 +1,12 @@
-import { A as e, At as t, K as n, S as r, at as i, c as a, d as o, g as s, h as c, i as l, jt as u, kt as d, l as f, r as p, s as m, u as h, v as g } from "./vue.runtime.esm-bundler-DShF3P6k.js";
-import { C as ee, S as te } from "./useEditorCore-DhlKOYwe.js";
-import { T as ne, W as re, k as _, q as v } from "./keys-DQA2i1k1.js";
-import { t as y } from "./useI18n-BbdxxpOE.js";
-import { n as b } from "./usePopoverPosition-CprM5p-c.js";
-import { i as x, n as S, r as ie, t as ae } from "./RichTextEditorContent-BnxbQUV9.js";
-import { o as oe, s as se } from "./MergeTagInput-BEjzj4Iu.js";
-import { t as ce } from "./link-3R8it3J7.js";
-import { t as C } from "./loader-circle-B_tAD4k6.js";
+import { A as e, At as t, K as n, S as r, at as i, c as a, d as o, g as s, h as c, i as l, jt as u, kt as d, l as f, r as p, s as m, u as h, v as g } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { b as ee, x as te } from "./useEditorCore-C5APBjjV.js";
+import { K as ne, T as re, Y as _, k as v } from "./keys-BdoSgsz9.js";
+import { t as y } from "./useI18n-Ds_-druD.js";
+import { n as b } from "./usePopoverPosition-Du-Ah8E9.js";
+import { i as x, n as S, r as ie, t as ae } from "./RichTextEditorContent-BC5UTVnb.js";
+import { l as oe, u as se } from "./LogicTagInsertButton-D8IwH-9Z.js";
+import { t as ce } from "./link-CNuozGqD.js";
+import { t as C } from "./loader-circle-z5eeqasv.js";
 //#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme", "aria-label"], E = ["aria-label", "title"], D = ["aria-label", "title"], O = ["aria-label", "title"], k = {
 	key: 0,
@@ -25,17 +25,17 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 	},
 	emits: ["done"],
 	setup(g, { emit: P }) {
-		let F = g, I = P, L = r(re, null), R = r(v, null), z = b(), B = r(_, null), V = r(ne, null), le = m(() => (B?.isOpen.value ?? !1) || (V?.isOpen.value ?? !1)), { t: H } = y(), { editor: U, EditorContent: W, isLoading: G, initError: ue, retry: de, showLinkDialog: fe, linkUrl: K, linkColor: q, linkDialogRef: J, canRequestMergeTag: Y, canInsertLogicTag: X, openLinkDialog: Z, insertLink: pe, removeLink: me, closeLinkDialog: he, handleLinkKeydown: ge, handleAddMergeTag: Q, handleAddLogicTag: $ } = te({
+		let F = g, I = P, L = r(ne, null), R = r(_, null), z = b(), B = r(v, null), V = r(re, null), le = m(() => (B?.isOpen.value ?? !1) || (V?.isOpen.value ?? !1)), { t: H } = y(), { editor: U, EditorContent: W, isLoading: G, initError: ue, retry: de, showLinkDialog: fe, linkUrl: K, linkColor: q, linkDialogRef: J, canRequestMergeTag: Y, canInsertLogicTag: X, openLinkDialog: Z, insertLink: pe, removeLink: me, closeLinkDialog: he, handleLinkKeydown: ge, handleAddMergeTag: Q, handleAddLogicTag: $ } = ee({
 			blockId: () => F.block.id,
 			blockContent: () => F.block.content,
 			onDone: () => I("done"),
 			editorName: "TitleEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
 				let [{ Editor: a, EditorContent: o }, { default: s }, { default: c }, { MergeTagNode: l, MergeTagSuggestion: u, LogicMergeTagNode: d, LineBoundaryKeys: f }] = await Promise.all([
-					import("./dist-BVqAYoRB.js").then((e) => e.r),
-					import("./dist-DkcA6epL.js"),
-					import("./dist-C1tsW_99.js"),
-					import("./extensions-CHOBZRab.js")
+					import("./dist-BmsLcnrO.js").then((e) => e.r),
+					import("./dist-BdHF7nyq.js"),
+					import("./dist-wyXxj3R1.js"),
+					import("./extensions-DRN-elXT.js")
 				]);
 				return {
 					TiptapEditor: a,
@@ -52,7 +52,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 							strike: !1,
 							link: !1
 						}),
-						ee(c).configure({
+						te(c).configure({
 							openOnClick: !1,
 							HTMLAttributes: {
 								target: "_blank",
@@ -60,13 +60,13 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 							}
 						}),
 						l.configure({
-							mergeTags: e,
+							mergeTags: () => e.value,
 							syntax: t
 						}),
 						d.configure({ syntax: t }),
 						f,
-						...r && n && e.length > 0 ? [u.configure({
-							mergeTags: e,
+						...r && n && e.value.length > 0 ? [u.configure({
+							mergeTags: () => e.value,
 							char: n,
 							emptyText: i,
 							popoverRoot: z