@templatical/editor 0.37.0 → 0.39.0

package/dist/{extensions-CHOBZRab.js → extensions-CcGj7OfS.js}

@@ -1,13 +1,13 @@
-import { A as e, At as t, B as n, E as r, V as i, Z as a, at as o, c as s, d as c, jt as l, kt as u, l as d, s as f, u as p, v as m } from "./vue.runtime.esm-bundler-DShF3P6k.js";
-import { a as h, c as g, s as _ } from "./runtime-dom.esm-bundler-PnoZU512.js";
-import { F as v, O as y, k as b, o as x } from "./dist-tGkjkX-v.js";
-import { t as S } from "./useI18n-BbdxxpOE.js";
-import { t as C } from "./useMergeTag-DlvOBW_B.js";
-import { gn as w, m as T, s as E, u as D, v as O } from "./dist-DL9334yz.js";
-import { i as k, r as A, t as j } from "./MergeTagSuggestion-DKoLEeoj.js";
-import { n as M, t as N } from "./dist-BVqAYoRB.js";
+import { A as e, At as t, B as n, E as r, J as i, V as a, Z as o, at as s, c, d as l, jt as u, kt as d, l as f, s as p, u as m, v as h } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { a as g, c as _, s as v } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { F as y, O as b, k as x, o as S } from "./dist-tGkjkX-v.js";
+import { t as C } from "./useI18n-VOtdfENx.js";
+import { t as w } from "./useMergeTag-CQM9pFca.js";
+import { gn as T, m as E, s as D, u as O, v as k } from "./dist-DL9334yz.js";
+import { i as A, r as j, t as M } from "./MergeTagSuggestion-BXO3UIXW.js";
+import { n as N, t as P } from "./dist-BVqAYoRB.js";
 //#region src/extensions/FontSize.ts
-var P = E.create({
+var F = D.create({
 	name: "fontSize",
 	addOptions() {
 		return { types: ["textStyle"] };
@@ -28,7 +28,7 @@ var P = E.create({
 			unsetFontSize: () => ({ chain: e }) => e().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
 		};
 	}
-}), F = E.create({
+}), I = D.create({
 	name: "letterSpacing",
 	addOptions() {
 		return { types: ["textStyle"] };
@@ -49,7 +49,7 @@ var P = E.create({
 			unsetLetterSpacing: () => ({ chain: e }) => e().setMark("textStyle", { letterSpacing: null }).removeEmptyTextStyle().run()
 		};
 	}
-}), I = E.create({
+}), L = D.create({
 	name: "lineBoundaryKeys",
 	addKeyboardShortcuts() {
 		let e = (e) => ({ editor: t }) => {
@@ -63,7 +63,7 @@ var P = E.create({
 			Home: e("backward")
 		};
 	}
-}), L = E.create({
+}), R = D.create({
 	name: "lineHeight",
 	addOptions() {
 		return {
@@ -87,11 +87,11 @@ var P = E.create({
 			unsetLineHeight: () => ({ commands: e }) => this.options.types.every((t) => e.resetAttributes(t, "lineHeight"))
 		};
 	}
-}), R = [
+}), z = [
 	"aria-label",
 	"data-tooltip",
 	"onKeydown"
-], z = ["aria-label", "onKeydown"], B = ["aria-label"], V = /* @__PURE__ */ m({
+], B = ["aria-label", "onKeydown"], V = ["aria-label"], H = /* @__PURE__ */ h({
 	__name: "LogicMergeTagNodeView",
 	props: {
 		node: {},
@@ -100,10 +100,10 @@ var P = E.create({
 		deleteNode: { type: Function },
 		updateAttributes: { type: Function }
 	},
-	setup(m) {
-		let b = m, { syntax: x } = C(), { t: w } = S(), T = f(() => v(b.node.attrs.value, x)), E = f(() => y(b.node.attrs.value, x)), D = a(!1), O = a(""), k = a(null), A = !1;
+	setup(i) {
+		let h = i, { syntax: x } = w(), { t: S } = C(), T = p(() => y(h.node.attrs.value, x)), E = p(() => b(h.node.attrs.value, x)), D = o(!1), O = o(""), k = o(null), A = !1;
 		function j() {
-			O.value = b.node.attrs.value, A = !1, D.value = !0, r(() => {
+			O.value = h.node.attrs.value, A = !1, D.value = !0, r(() => {
 				k.value?.focus(), k.value?.select();
 			});
 		}
@@ -115,53 +115,53 @@ var P = E.create({
 				D.value = !1;
 				return;
 			}
-			e !== b.node.attrs.value && b.updateAttributes({
+			e !== h.node.attrs.value && h.updateAttributes({
 				value: e,
-				keyword: v(e, x) ? y(e, x) : ""
+				keyword: y(e, x) ? b(e, x) : ""
 			}), D.value = !1;
 		}
-		function P(e) {
+		function N(e) {
 			e.key === "Enter" ? (e.preventDefault(), M()) : e.key === "Escape" && (D.value = !1);
 		}
-		return (r, a) => (e(), d(o(N), {
+		return (r, o) => (e(), f(s(P), {
 			as: "span",
-			class: u(T.value ? "tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none" : ""),
+			class: d(T.value ? "tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none" : ""),
 			style: t(T.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
 			contenteditable: "false"
 		}, {
-			default: n(() => [D.value ? i((e(), c("input", {
+			default: n(() => [D.value ? a((e(), l("input", {
 				key: 0,
 				ref_key: "inputRef",
 				ref: k,
-				"onUpdate:modelValue": a[0] ||= (e) => O.value = e,
+				"onUpdate:modelValue": o[0] ||= (e) => O.value = e,
 				type: "text",
 				class: "tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]",
 				onBlur: M,
-				onKeydown: P
-			}, null, 544)), [[h, O.value]]) : T.value ? (e(), c("span", {
+				onKeydown: N
+			}, null, 544)), [[g, O.value]]) : T.value ? (e(), l("span", {
 				key: 1,
 				role: "button",
 				tabindex: "0",
-				"aria-label": o(w).mergeTag.editValue,
+				"aria-label": s(S).mergeTag.editValue,
 				class: "tpl-tooltip tpl:cursor-pointer",
-				"data-tooltip": m.node.attrs.value,
-				onClick: g(j, ["stop"]),
-				onKeydown: [_(g(j, ["stop"]), ["enter"]), _(g(j, ["prevent", "stop"]), ["space"])]
-			}, l(E.value), 41, R)) : (e(), c("span", {
+				"data-tooltip": i.node.attrs.value,
+				onClick: _(j, ["stop"]),
+				onKeydown: [v(_(j, ["stop"]), ["enter"]), v(_(j, ["prevent", "stop"]), ["space"])]
+			}, u(E.value), 41, z)) : (e(), l("span", {
 				key: 2,
 				role: "button",
 				tabindex: "0",
-				"aria-label": o(w).mergeTag.editValue,
-				onClick: g(j, ["stop"]),
-				onKeydown: [_(g(j, ["stop"]), ["enter"]), _(g(j, ["prevent", "stop"]), ["space"])]
-			}, l(m.node.attrs.value), 41, z)), T.value ? (e(), c("button", {
+				"aria-label": s(S).mergeTag.editValue,
+				onClick: _(j, ["stop"]),
+				onKeydown: [v(_(j, ["stop"]), ["enter"]), v(_(j, ["prevent", "stop"]), ["space"])]
+			}, u(i.node.attrs.value), 41, B)), T.value ? (e(), l("button", {
 				key: 3,
 				type: "button",
-				"aria-label": o(w).mergeTag.deleteMergeTag,
+				"aria-label": s(S).mergeTag.deleteMergeTag,
 				class: "tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all tpl:hover:opacity-100 tpl:text-[var(--tpl-primary)]",
 				contenteditable: "false",
-				onClick: a[1] ||= g((...e) => m.deleteNode && m.deleteNode(...e), ["stop", "prevent"])
-			}, [...a[2] ||= [s("svg", {
+				onClick: o[1] ||= _((...e) => i.deleteNode && i.deleteNode(...e), ["stop", "prevent"])
+			}, [...o[2] ||= [c("svg", {
 				width: "10",
 				height: "10",
 				viewBox: "0 0 24 24",
@@ -169,41 +169,41 @@ var P = E.create({
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"aria-hidden": "true"
-			}, [s("line", {
+			}, [c("line", {
 				x1: "18",
 				y1: "6",
 				x2: "6",
 				y2: "18"
-			}), s("line", {
+			}), c("line", {
 				x1: "6",
 				y1: "6",
 				x2: "18",
 				y2: "18"
-			})], -1)]], 8, B)) : p("", !0)]),
+			})], -1)]], 8, V)) : m("", !0)]),
 			_: 1
 		}, 8, ["class", "style"]));
 	}
 });
 //#endregion
 //#region src/extensions/isNodeSelected.ts
-function H(e, t) {
+function U(e, t) {
 	let { $from: n, $to: r } = e.state.selection;
 	return n.pos === r.pos ? n.pos > 0 && n.nodeBefore?.type.name === t || n.nodeAfter?.type.name === t : !1;
 }
 //#endregion
 //#region src/extensions/renderVueNodeView.ts
-function U(e) {
-	return M(e);
+function W(e) {
+	return N(e);
 }
 //#endregion
 //#region src/extensions/LogicMergeTagNode.ts
-var W = T.create({
+var G = E.create({
 	name: "logicMergeTagNode",
 	group: "inline",
 	inline: !0,
 	atom: !0,
 	addOptions() {
-		return { syntax: x.liquid };
+		return { syntax: S.liquid };
 	},
 	addAttributes() {
 		return {
@@ -223,15 +223,15 @@ var W = T.create({
 		return [{ tag: "span[data-logic-merge-tag]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		if (!v(e.attrs.value, this.options.syntax)) return [
+		if (!y(e.attrs.value, this.options.syntax)) return [
 			"span",
 			{},
 			e.attrs.value
 		];
-		let n = y(e.attrs.value, this.options.syntax);
+		let n = b(e.attrs.value, this.options.syntax);
 		return [
 			"span",
-			w(t, {
+			T(t, {
 				"data-logic-merge-tag": e.attrs.value,
 				"data-keyword": n
 			}),
@@ -239,22 +239,22 @@ var W = T.create({
 		];
 	},
 	addNodeView() {
-		return U(V);
+		return W(H);
 	},
 	addKeyboardShortcuts() {
 		return {
-			Backspace: () => H(this.editor, this.name),
-			Delete: () => H(this.editor, this.name)
+			Backspace: () => U(this.editor, this.name),
+			Delete: () => U(this.editor, this.name)
 		};
 	},
 	addInputRules() {
 		let e = RegExp(this.options.syntax.logic.source + "$", "");
-		return [new D({
+		return [new O({
 			find: e,
 			handler: ({ state: e, range: t, match: n }) => {
 				let r = n[0];
-				if (!v(r, this.options.syntax)) return;
-				let i = y(r, this.options.syntax), a = this.type.create({
+				if (!y(r, this.options.syntax)) return;
+				let i = b(r, this.options.syntax), a = this.type.create({
 					value: r,
 					keyword: i
 				});
@@ -264,12 +264,12 @@ var W = T.create({
 	},
 	addPasteRules() {
 		let e = new RegExp(this.options.syntax.logic.source, "g");
-		return [new O({
+		return [new k({
 			find: e,
 			handler: ({ state: e, range: t, match: n }) => {
 				let r = n[0];
-				if (!v(r, this.options.syntax)) return;
-				let i = y(r, this.options.syntax), a = this.type.create({
+				if (!y(r, this.options.syntax)) return;
+				let i = b(r, this.options.syntax), a = this.type.create({
 					value: r,
 					keyword: i
 				});
@@ -277,11 +277,11 @@ var W = T.create({
 			}
 		})];
 	}
-}), G = [
+}), K = ["aria-invalid"], q = [
 	"aria-label",
 	"data-tooltip",
 	"onKeydown"
-], K = ["aria-label"], q = /* @__PURE__ */ m({
+], J = ["aria-label"], Y = /* @__PURE__ */ h({
 	__name: "MergeTagNodeView",
 	props: {
 		node: {},
@@ -289,53 +289,78 @@ var W = T.create({
 		updateAttributes: { type: Function }
 	},
 	setup(t) {
-		let u = t, { getMergeTagLabel: p } = C(), { t: m } = S(), v = f(() => p(u.node.attrs.value)), y = a(!1), b = a(""), x = a(null);
-		function w() {
-			b.value = u.node.attrs.value, y.value = !0, r(() => {
-				x.value?.focus(), x.value?.select();
+		let m = t, { getMergeTagLabel: h, getMergeTagDisplayLabel: y, findMergeTag: b, canRepickMergeTag: x, showRawValue: S, isMergeTagValue: T, requestMergeTag: E } = w(), { t: D, format: O } = C(), k = p(() => y(m.node.attrs.value, m.node.attrs.label)), A = p(() => x(m.node.attrs.value)), j = o(!1), M = o(""), N = o(null), F = !1;
+		i(() => {
+			F = !0;
+		});
+		let I = p(() => M.value.trim() === "" || T(M.value.trim()));
+		async function L() {
+			let e = await E({
+				reason: "edit",
+				current: b(m.node.attrs.value)
+			});
+			!F && e && m.updateAttributes({
+				value: e.value,
+				label: e.label
 			});
 		}
-		function T() {
-			let e = b.value.trim();
-			e && e !== u.node.attrs.value && u.updateAttributes({
+		function R() {
+			M.value = m.node.attrs.value, j.value = !0, r(() => {
+				N.value?.focus(), N.value?.select();
+			});
+		}
+		function z() {
+			if (A.value) {
+				L();
+				return;
+			}
+			R();
+		}
+		function B() {
+			let e = M.value.trim();
+			e && e !== m.node.attrs.value && T(e) && m.updateAttributes({
 				value: e,
-				label: p(e)
-			}), y.value = !1;
+				label: h(e)
+			}), j.value = !1;
 		}
-		function E(e) {
-			e.key === "Enter" ? (e.preventDefault(), T()) : e.key === "Escape" && (y.value = !1);
+		function V(e) {
+			if (e.key === "Enter") {
+				if (e.preventDefault(), !I.value) return;
+				B();
+			} else e.key === "Escape" && (j.value = !1);
 		}
-		return (r, a) => (e(), d(o(N), {
+		return (r, i) => (e(), f(s(P), {
 			as: "span",
 			class: "tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]",
 			style: { "background-color": "color-mix(in srgb, var(--tpl-primary) 20%, transparent)" },
 			contenteditable: "false"
 		}, {
-			default: n(() => [y.value ? i((e(), c("input", {
+			default: n(() => [j.value ? a((e(), l("input", {
 				key: 0,
 				ref_key: "inputRef",
-				ref: x,
-				"onUpdate:modelValue": a[0] ||= (e) => b.value = e,
+				ref: N,
+				"onUpdate:modelValue": i[0] ||= (e) => M.value = e,
 				type: "text",
-				class: "tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]",
-				onBlur: T,
-				onKeydown: E
-			}, null, 544)), [[h, b.value]]) : (e(), c("span", {
+				"aria-invalid": I.value ? void 0 : "true",
+				class: d(["tpl:w-32 tpl:rounded tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]", I.value ? "tpl:border-none" : "tpl:border tpl:border-[var(--tpl-danger)]"]),
+				onBlur: B,
+				onKeydown: V
+			}, null, 42, K)), [[g, M.value]]) : (e(), l("span", {
 				key: 1,
 				role: "button",
 				tabindex: "0",
-				"aria-label": o(m).mergeTag.editValue,
-				class: "tpl-tooltip tpl:cursor-pointer",
-				"data-tooltip": t.node.attrs.value,
-				onClick: g(w, ["stop"]),
-				onKeydown: [_(g(w, ["stop"]), ["enter"]), _(g(w, ["prevent", "stop"]), ["space"])]
-			}, l(v.value), 41, G)), s("button", {
+				"aria-label": A.value ? s(O)(s(D).mergeTag.changeTag, { label: k.value }) : s(D).mergeTag.editValue,
+				class: d(["tpl:cursor-pointer", s(S) ? "tpl-tooltip" : ""]),
+				"data-tooltip": s(S) ? t.node.attrs.value : void 0,
+				onClick: _(z, ["stop"]),
+				onKeydown: [v(_(z, ["stop"]), ["enter"]), v(_(z, ["prevent", "stop"]), ["space"])]
+			}, u(k.value), 43, q)), c("button", {
 				type: "button",
-				"aria-label": o(m).mergeTag.deleteMergeTag,
+				"aria-label": s(D).mergeTag.deleteMergeTag,
 				class: "tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all tpl:hover:opacity-100 tpl:text-[var(--tpl-primary)]",
 				contenteditable: "false",
-				onClick: a[1] ||= g((...e) => t.deleteNode && t.deleteNode(...e), ["stop", "prevent"])
-			}, [...a[2] ||= [s("svg", {
+				onClick: i[1] ||= _((...e) => t.deleteNode && t.deleteNode(...e), ["stop", "prevent"])
+			}, [...i[2] ||= [c("svg", {
 				width: "10",
 				height: "10",
 				viewBox: "0 0 24 24",
@@ -343,29 +368,29 @@ var W = T.create({
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"aria-hidden": "true"
-			}, [s("line", {
+			}, [c("line", {
 				x1: "18",
 				y1: "6",
 				x2: "6",
 				y2: "18"
-			}), s("line", {
+			}), c("line", {
 				x1: "6",
 				y1: "6",
 				x2: "18",
 				y2: "18"
-			})], -1)]], 8, K)]),
+			})], -1)]], 8, J)]),
 			_: 1
 		}));
 	}
-}), J = T.create({
+}), X = E.create({
 	name: "mergeTagNode",
 	group: "inline",
 	inline: !0,
 	atom: !0,
 	addOptions() {
 		return {
-			mergeTags: [],
-			syntax: x.liquid
+			mergeTags: () => [],
+			syntax: S.liquid
 		};
 	},
 	addAttributes() {
@@ -386,10 +411,10 @@ var W = T.create({
 		return [{ tag: "span[data-merge-tag]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		let n = b(e.attrs.value, this.options.mergeTags);
+		let n = x(e.attrs.value, this.options.mergeTags());
 		return [
 			"span",
-			w(t, {
+			T(t, {
 				"data-merge-tag": e.attrs.value,
 				"data-label": n
 			}),
@@ -397,7 +422,7 @@ var W = T.create({
 		];
 	},
 	addNodeView() {
-		return U(q);
+		return W(Y);
 	},
 	addCommands() {
 		return { insertMergeTag: (e) => ({ commands: t }) => t.insertContent({
@@ -410,16 +435,16 @@ var W = T.create({
 	},
 	addKeyboardShortcuts() {
 		return {
-			Backspace: () => H(this.editor, this.name),
-			Delete: () => H(this.editor, this.name)
+			Backspace: () => U(this.editor, this.name),
+			Delete: () => U(this.editor, this.name)
 		};
 	},
 	addInputRules() {
 		let e = RegExp(this.options.syntax.value.source + "$", "");
-		return [new D({
+		return [new O({
 			find: e,
 			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0], i = b(r, this.options.mergeTags), a = this.type.create({
+				let r = n[0], i = x(r, this.options.mergeTags()), a = this.type.create({
 					label: i,
 					value: r
 				});
@@ -429,10 +454,10 @@ var W = T.create({
 	},
 	addPasteRules() {
 		let e = new RegExp(this.options.syntax.value.source, "g");
-		return [new O({
+		return [new k({
 			find: e,
 			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0], i = b(r, this.options.mergeTags), a = this.type.create({
+				let r = n[0], i = x(r, this.options.mergeTags()), a = this.type.create({
 					label: i,
 					value: r
 				});
@@ -442,4 +467,4 @@ var W = T.create({
 	}
 });
 //#endregion
-export { P as FontSize, F as LetterSpacing, I as LineBoundaryKeys, L as LineHeight, W as LogicMergeTagNode, J as MergeTagNode, j as MergeTagSuggestion, A as filterMergeTags, k as handleSuggestionKeyDown };
+export { F as FontSize, I as LetterSpacing, L as LineBoundaryKeys, R as LineHeight, G as LogicMergeTagNode, X as MergeTagNode, M as MergeTagSuggestion, j as filterMergeTags, A as handleSuggestionKeyDown };

package/dist/{eye-BuGtFUoJ.js → eye-DwhBOaV8.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as e } from "./createLucideIcon-CDDkF1Tm.js";
 var t = e({
 	name: "eye",
 	size: 24,

package/dist/{fr-Brr8mJ9e.js → fr-B8MIKjT4.js}

@@ -424,15 +424,19 @@ var e = {
 		presetColors: "Couleurs prédéfinies"
 	},
 	mergeTag: {
-		clickToEdit: "Cliquez pour modifier",
+		editAsText: "Modifier comme texte",
+		fieldGroup: "Valeur avec balises de fusion",
 		remove: "Supprimer la balise de fusion",
 		insert: "Insérer une balise de fusion",
 		insertShort: "Balise de fusion",
 		editValue: "Modifier la valeur de la balise de fusion",
+		changeTag: "Remplacer la balise de fusion : {label}",
+		unknownLabel: "Balise de fusion",
 		deleteMergeTag: "Supprimer la balise de fusion",
 		suggestionEmpty: "Aucune balise de fusion correspondante",
 		picker: {
 			title: "Insérer une balise de fusion",
+			changeTitle: "Remplacer la balise de fusion",
 			searchPlaceholder: "Rechercher des balises de fusion",
 			searchAriaLabel: "Rechercher des balises de fusion",
 			noResults: "Aucune balise de fusion correspondante",

package/dist/{image-up-gH4JEpU5.js → image-up-CiyQNZBt.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as e } from "./createLucideIcon-CDDkF1Tm.js";
 var t = e({
 	name: "image-up",
 	size: 24,

package/dist/index.d.ts

@@ -26,6 +26,7 @@ import { MediaOptions } from '@templatical/types';
 import { MediaProvider as MediaProvider_2 } from '@templatical/types';
 import { MediaRequestContext } from '@templatical/types';
 import type { MediaResult } from '@templatical/types';
+import type { MergeTag } from '@templatical/types';
 import { MergeTagsConfig } from '@templatical/types';
 import { Ref } from 'vue';
 import { RenderPayload } from '@templatical/types';
@@ -743,6 +744,20 @@ declare interface TemplaticalEditorBase {
     getContent(): TemplateContent;
     setContent(content: TemplateContent): void;
     setTheme(theme: UiTheme): void;
+    /**
+     * Replace the configured merge tags after `init()`.
+     *
+     * Everything that renders a tag reads the same list, so a replacement
+     * repaints the canvas, the sidebar fields and the built-in picker together.
+     * Use it when tags are minted or renamed while the editor is open — mutating
+     * the array you passed to `init()` is not a supported substitute and will
+     * not repaint anything already on screen.
+     *
+     * Type-ahead autocomplete is the one exception: whether it is active is
+     * decided when a block opens for editing, so going from no tags to some
+     * enables it for the next block opened, not one already being edited.
+     */
+    setMergeTags(tags: MergeTag[]): void;
     unmount(): void;
     /**
      * Render the current template to MJML.

package/dist/{info-BQ60P82u.js → info-D6A1qEiF.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as e } from "./createLucideIcon-CDDkF1Tm.js";
 var t = e({
 	name: "info",
 	size: 24,

package/dist/keys-DD1rl72F.js

@@ -0,0 +1,10 @@
+import { $ as e, S as t } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+//#region src/keys.ts
+var n = Symbol("translations"), r = Symbol("editor"), i = Symbol("history"), a = Symbol("blockActions"), o = Symbol("conditionPreview"), s = Symbol("appliesConditionFilter"), c = Symbol("fontsManager"), l = Symbol("themeStyles"), u = Symbol("tplUiTheme"), d = Symbol("tplUiLocale"), f = Symbol("blockDefaults"), p = Symbol("blockRegistry"), m = Symbol("customBlockDefinitions"), h = Symbol("paletteBlocks"), g = Symbol("htmlBlockPreview"), _ = Symbol("colors"), v = Symbol("templateSettingsFields"), y = Symbol("customBlockStylesheets"), b = Symbol("mergeTags"), x = e([]), S = Symbol("mergeTagSyntax"), C = Symbol("onRequestMergeTag"), w = Symbol("mergeTagAutocomplete"), T = Symbol("mergeTagShowRawValue"), E = Symbol("mergeTagSampleMode"), D = Symbol("useMergeTagSamples"), O = Symbol("resolvePreview"), k = Symbol("previewResolution"), A = Symbol("mergeTagPicker"), j = Symbol("mergeTagRequesting"), M = Symbol("logicTagRequesting"), N = Symbol("logicTags"), P = Symbol("logicPairs"), F = Symbol("logicPicker"), I = Symbol("onRequestLogic"), L = Symbol("onRequestMedia"), R = Symbol("canDropMedia"), z = Symbol("imageUrlResolver"), B = Symbol("displayConditions"), V = Symbol("allowCustomConditions"), H = Symbol("capabilities"), U = Symbol("keyboardReorder"), W = Symbol("templateLint"), G = Symbol("editorRoot"), K = Symbol("popoverRoot"), q = Symbol("savedBlocks"), J = Symbol("authManager"), Y = Symbol("aiConfig"), X = Symbol("scoring"), Z = Symbol("cloudTranslations");
+function Q(e, n) {
+	let r = t(e, null);
+	if (r == null) throw Error(`${n} requires a provider for ${e.description ?? "unknown key"}. Ensure it renders inside the editor, below Editor.vue.`);
+	return r;
+}
+//#endregion
+export { j as A, k as B, P as C, b as D, M as E, I as F, v as G, q as H, L as I, d as J, l as K, C as L, T as M, S as N, w as O, x as P, h as R, U as S, F as T, X as U, O as V, W, D as X, u as Y, Q as Z, G as _, a, g as b, R as c, _ as d, o as f, r as g, B as h, J as i, E as j, A as k, H as l, y as m, V as n, f as o, m as p, n as q, s as r, p as s, Y as t, Z as u, c as v, N as w, z as x, i as y, K as z };

package/dist/{link-3R8it3J7.js → link-tKGmYWsB.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as e } from "./createLucideIcon-CDDkF1Tm.js";
 var t = e({
 	name: "link",
 	size: 24,

package/dist/{list-Ccdgj46T.js → list-DjZQRpeI.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as e } from "./createLucideIcon-CDDkF1Tm.js";
 var t = e({
 	name: "list",
 	size: 24,

package/dist/{loader-circle-B_tAD4k6.js → loader-circle-D9ZL3Sv0.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as e } from "./createLucideIcon-CDDkF1Tm.js";
 var t = e({
 	name: "loader-circle",
 	size: 24,

package/dist/{message-circle-P-KSc6V0.js → message-circle-KTHxCcpB.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as e } from "./createLucideIcon-CDDkF1Tm.js";
 var t = e({
 	name: "message-circle",
 	size: 24,

package/dist/{cdn/chunks/nl-Co3_RL0M.js → nl-CBLxcb-0.js}

@@ -424,15 +424,19 @@ var e = {
 		presetColors: "Vooraf ingestelde kleuren"
 	},
 	mergeTag: {
-		clickToEdit: "Klik om te bewerken",
+		editAsText: "Als tekst bewerken",
+		fieldGroup: "Waarde met samenvoegvelden",
 		remove: "Samenvoegveld verwijderen",
 		insert: "Samenvoegveld invoegen",
 		insertShort: "Samenvoegveld",
 		editValue: "Waarde van het samenvoegveld bewerken",
+		changeTag: "Samenvoegveld wijzigen: {label}",
+		unknownLabel: "Samenvoegveld",
 		deleteMergeTag: "Samenvoegveld verwijderen",
 		suggestionEmpty: "Geen overeenkomende samenvoegvelden",
 		picker: {
 			title: "Samenvoegveld invoegen",
+			changeTitle: "Samenvoegveld wijzigen",
 			searchPlaceholder: "Samenvoegvelden zoeken",
 			searchAriaLabel: "Samenvoegvelden zoeken",
 			noResults: "Geen overeenkomende samenvoegvelden",
@@ -615,5 +619,3 @@ var e = {
 };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=nl-Co3_RL0M.js.map

package/dist/{pencil-9ZiwqS4r.js → pencil-Bq-nbQ7F.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as e } from "./createLucideIcon-CDDkF1Tm.js";
 var t = e({
 	name: "pencil",
 	size: 24,

package/dist/{plus-BwJEzCaO.js → plus-CRMnR4IG.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as e } from "./createLucideIcon-CDDkF1Tm.js";
 var t = e({
 	name: "plus",
 	size: 24,