@templatical/editor 0.6.7 → 0.7.0

package/dist/cdn/chunks/{extensions-CUvwrffu.js → extensions-BZYkPlKr.js}

@@ -1,6 +1,6 @@
-import { C as e, H as t, M as n, O as r, P as i, V as a, Z as o, at as s, c, f as l, g as u, h as d, l as f, m as p, o as m, ot as h, p as g, r as _, rt as v, st as y, u as b, x } from "./draggable-CNhyCGIO.js";
-import { Nt as S, Z as C, fn as w, gn as T, hn as E, mn as D } from "./features-U3nzKc-R.js";
-import { _ as O, g as k, h as A, n as j, r as M, t as N, v as P, y as F } from "./tiptap-IyIsncxY.js";
+import { C as e, H as t, M as n, O as r, P as i, V as a, Z as o, c as s, ct as c, f as l, g as u, h as d, it as f, l as p, m, o as h, ot as g, p as _, r as v, st as y, u as b, x } from "./draggable-P6QWzy4g.js";
+import { Pt as S, Q as C, _n as w, gn as T, hn as E, pn as D } from "./features-DzIN-Nua.js";
+import { _ as O, g as k, h as A, n as j, r as M, t as N, v as P, y as F } from "./tiptap-BwTCLVWl.js";
 //#region src/extensions/FontSize.ts
 var I = A.create({
 	name: "fontSize",
@@ -82,9 +82,9 @@ var I = A.create({
 		updateAttributes: { type: Function }
 	},
 	setup(e) {
-		let i = e, { syntax: _ } = C(), { t: b } = S(), x = l(() => T(i.node.attrs.value, _)), w = l(() => D(i.node.attrs.value, _)), E = o(!1), O = o(""), k = o(null), A = !1;
+		let i = e, { syntax: v } = C(), { t: b } = S(), x = l(() => w(i.node.attrs.value, v)), T = l(() => E(i.node.attrs.value, v)), D = o(!1), O = o(""), k = o(null), A = !1;
 		function M() {
-			O.value = i.node.attrs.value, A = !1, E.value = !0, r(() => {
+			O.value = i.node.attrs.value, A = !1, D.value = !0, r(() => {
 				k.value?.focus(), k.value?.select();
 			});
 		}
@@ -93,24 +93,24 @@ var I = A.create({
 			A = !0;
 			let e = O.value.trim();
 			if (!e) {
-				E.value = !1;
+				D.value = !1;
 				return;
 			}
 			e !== i.node.attrs.value && i.updateAttributes({
 				value: e,
-				keyword: T(e, _) ? D(e, _) : ""
-			}), E.value = !1;
+				keyword: w(e, v) ? E(e, v) : ""
+			}), D.value = !1;
 		}
 		function P(e) {
-			e.key === "Enter" ? (e.preventDefault(), N()) : e.key === "Escape" && (E.value = !1);
+			e.key === "Enter" ? (e.preventDefault(), N()) : e.key === "Escape" && (D.value = !1);
 		}
-		return (r, i) => (n(), p(v(j), {
+		return (r, i) => (n(), m(f(j), {
 			as: "span",
-			class: s(x.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: h(x.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
+			class: g(x.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: y(x.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
 			contenteditable: "false"
 		}, {
-			default: a(() => [E.value ? t((n(), u("input", {
+			default: a(() => [D.value ? t((n(), u("input", {
 				key: 0,
 				ref_key: "inputRef",
 				ref: k,
@@ -119,30 +119,30 @@ var I = A.create({
 				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: N,
 				onKeydown: P
-			}, null, 544)), [[m, O.value]]) : x.value ? (n(), u("span", {
+			}, null, 544)), [[h, O.value]]) : x.value ? (n(), u("span", {
 				key: 1,
 				role: "button",
 				tabindex: "0",
-				"aria-label": v(b).mergeTag.editValue,
+				"aria-label": f(b).mergeTag.editValue,
 				class: "tpl-tooltip tpl:cursor-pointer",
 				"data-tooltip": e.node.attrs.value,
-				onClick: f(M, ["stop"]),
-				onKeydown: [c(f(M, ["stop"]), ["enter"]), c(f(M, ["prevent", "stop"]), ["space"])]
-			}, y(w.value), 41, ee)) : (n(), u("span", {
+				onClick: p(M, ["stop"]),
+				onKeydown: [s(p(M, ["stop"]), ["enter"]), s(p(M, ["prevent", "stop"]), ["space"])]
+			}, c(T.value), 41, ee)) : (n(), u("span", {
 				key: 2,
 				role: "button",
 				tabindex: "0",
-				"aria-label": v(b).mergeTag.editValue,
-				onClick: f(M, ["stop"]),
-				onKeydown: [c(f(M, ["stop"]), ["enter"]), c(f(M, ["prevent", "stop"]), ["space"])]
-			}, y(e.node.attrs.value), 41, te)), x.value ? (n(), u("button", {
+				"aria-label": f(b).mergeTag.editValue,
+				onClick: p(M, ["stop"]),
+				onKeydown: [s(p(M, ["stop"]), ["enter"]), s(p(M, ["prevent", "stop"]), ["space"])]
+			}, c(e.node.attrs.value), 41, te)), x.value ? (n(), u("button", {
 				key: 3,
 				type: "button",
-				"aria-label": v(b).mergeTag.deleteMergeTag,
+				"aria-label": f(b).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 hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]",
 				contenteditable: "false",
-				onClick: i[1] ||= f((...t) => e.deleteNode && e.deleteNode(...t), ["stop", "prevent"])
-			}, [...i[2] ||= [g("svg", {
+				onClick: i[1] ||= p((...t) => e.deleteNode && e.deleteNode(...t), ["stop", "prevent"])
+			}, [...i[2] ||= [_("svg", {
 				width: "10",
 				height: "10",
 				viewBox: "0 0 24 24",
@@ -150,12 +150,12 @@ var I = A.create({
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"aria-hidden": "true"
-			}, [g("line", {
+			}, [_("line", {
 				x1: "18",
 				y1: "6",
 				x2: "6",
 				y2: "18"
-			}), g("line", {
+			}), _("line", {
 				x1: "6",
 				y1: "6",
 				x2: "18",
@@ -168,10 +168,8 @@ var I = A.create({
 //#endregion
 //#region src/extensions/isNodeSelected.ts
 function B(e, t) {
-	let { selection: n } = e.state, { $from: r, $to: i } = n, a = !1;
-	return e.state.doc.nodesBetween(r.pos, i.pos, (e) => {
-		if (e.type.name === t) return a = !0, !1;
-	}), !!(a || r.pos > 0 && r.nodeBefore?.type.name === t || r.nodeAfter?.type.name === 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
@@ -186,7 +184,7 @@ var H = O.create({
 	inline: !0,
 	atom: !0,
 	addOptions() {
-		return { syntax: w.liquid };
+		return { syntax: D.liquid };
 	},
 	addAttributes() {
 		return {
@@ -204,12 +202,12 @@ var H = O.create({
 		return [{ tag: "span[data-logic-merge-tag]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		if (!T(e.attrs.value, this.options.syntax)) return [
+		if (!w(e.attrs.value, this.options.syntax)) return [
 			"span",
 			{},
 			e.attrs.value
 		];
-		let n = D(e.attrs.value, this.options.syntax);
+		let n = E(e.attrs.value, this.options.syntax);
 		return [
 			"span",
 			F(t, {
@@ -233,8 +231,8 @@ var H = O.create({
 			find: RegExp(this.options.syntax.logic.source + "$", ""),
 			handler: ({ state: e, range: t, match: n }) => {
 				let r = n[0];
-				if (!T(r, this.options.syntax)) return;
-				let i = D(r, this.options.syntax), a = this.type.create({
+				if (!w(r, this.options.syntax)) return;
+				let i = E(r, this.options.syntax), a = this.type.create({
 					value: r,
 					keyword: i
 				});
@@ -247,8 +245,8 @@ var H = O.create({
 			find: new RegExp(this.options.syntax.logic.source, "g"),
 			handler: ({ state: e, range: t, match: n }) => {
 				let r = n[0];
-				if (!T(r, this.options.syntax)) return;
-				let i = D(r, this.options.syntax), a = this.type.create({
+				if (!w(r, this.options.syntax)) return;
+				let i = E(r, this.options.syntax), a = this.type.create({
 					value: r,
 					keyword: i
 				});
@@ -268,9 +266,9 @@ var H = O.create({
 		updateAttributes: { type: Function }
 	},
 	setup(e) {
-		let i = e, { getMergeTagLabel: s } = C(), { t: d } = S(), h = l(() => s(i.node.attrs.value)), _ = o(!1), b = o(""), x = o(null);
+		let i = e, { getMergeTagLabel: d } = C(), { t: g } = S(), v = l(() => d(i.node.attrs.value)), y = o(!1), b = o(""), x = o(null);
 		function w() {
-			b.value = i.node.attrs.value, _.value = !0, r(() => {
+			b.value = i.node.attrs.value, y.value = !0, r(() => {
 				x.value?.focus(), x.value?.select();
 			});
 		}
@@ -278,19 +276,19 @@ var H = O.create({
 			let e = b.value.trim();
 			e && e !== i.node.attrs.value && i.updateAttributes({
 				value: e,
-				label: s(e)
-			}), _.value = !1;
+				label: d(e)
+			}), y.value = !1;
 		}
 		function E(e) {
-			e.key === "Enter" ? (e.preventDefault(), T()) : e.key === "Escape" && (_.value = !1);
+			e.key === "Enter" ? (e.preventDefault(), T()) : e.key === "Escape" && (y.value = !1);
 		}
-		return (r, i) => (n(), p(v(j), {
+		return (r, i) => (n(), m(f(j), {
 			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: a(() => [_.value ? t((n(), u("input", {
+			default: a(() => [y.value ? t((n(), u("input", {
 				key: 0,
 				ref_key: "inputRef",
 				ref: x,
@@ -299,22 +297,22 @@ var H = O.create({
 				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)), [[m, b.value]]) : (n(), u("span", {
+			}, null, 544)), [[h, b.value]]) : (n(), u("span", {
 				key: 1,
 				role: "button",
 				tabindex: "0",
-				"aria-label": v(d).mergeTag.editValue,
+				"aria-label": f(g).mergeTag.editValue,
 				class: "tpl-tooltip tpl:cursor-pointer",
 				"data-tooltip": e.node.attrs.value,
-				onClick: f(w, ["stop"]),
-				onKeydown: [c(f(w, ["stop"]), ["enter"]), c(f(w, ["prevent", "stop"]), ["space"])]
-			}, y(h.value), 41, U)), g("button", {
+				onClick: p(w, ["stop"]),
+				onKeydown: [s(p(w, ["stop"]), ["enter"]), s(p(w, ["prevent", "stop"]), ["space"])]
+			}, c(v.value), 41, U)), _("button", {
 				type: "button",
-				"aria-label": v(d).mergeTag.deleteMergeTag,
+				"aria-label": f(g).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 hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]",
 				contenteditable: "false",
-				onClick: i[1] ||= f((...t) => e.deleteNode && e.deleteNode(...t), ["stop", "prevent"])
-			}, [...i[2] ||= [g("svg", {
+				onClick: i[1] ||= p((...t) => e.deleteNode && e.deleteNode(...t), ["stop", "prevent"])
+			}, [...i[2] ||= [_("svg", {
 				width: "10",
 				height: "10",
 				viewBox: "0 0 24 24",
@@ -322,12 +320,12 @@ var H = O.create({
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"aria-hidden": "true"
-			}, [g("line", {
+			}, [_("line", {
 				x1: "18",
 				y1: "6",
 				x2: "6",
 				y2: "18"
-			}), g("line", {
+			}), _("line", {
 				x1: "6",
 				y1: "6",
 				x2: "18",
@@ -344,7 +342,7 @@ var H = O.create({
 	addOptions() {
 		return {
 			mergeTags: [],
-			syntax: w.liquid
+			syntax: D.liquid
 		};
 	},
 	addAttributes() {
@@ -363,7 +361,7 @@ var H = O.create({
 		return [{ tag: "span[data-merge-tag]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		let n = E(e.attrs.value, this.options.mergeTags);
+		let n = T(e.attrs.value, this.options.mergeTags);
 		return [
 			"span",
 			F(t, {
@@ -392,7 +390,7 @@ var H = O.create({
 		return [new k({
 			find: RegExp(this.options.syntax.value.source + "$", ""),
 			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0], i = E(r, this.options.mergeTags), a = this.type.create({
+				let r = n[0], i = T(r, this.options.mergeTags), a = this.type.create({
 					label: i,
 					value: r
 				});
@@ -404,7 +402,7 @@ var H = O.create({
 		return [new P({
 			find: new RegExp(this.options.syntax.value.source, "g"),
 			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0], i = E(r, this.options.mergeTags), a = this.type.create({
+				let r = n[0], i = T(r, this.options.mergeTags), a = this.type.create({
 					label: i,
 					value: r
 				});
@@ -442,7 +440,7 @@ var H = O.create({
 			class: "tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:py-1 tpl:shadow-lg",
 			role: "listbox",
 			"data-testid": "merge-tag-suggestion-list"
-		}, [e.items.length === 0 ? (n(), u("div", J, y(e.emptyText), 1)) : d("", !0), (n(!0), u(b, null, i(e.items, (i, a) => (n(), u("button", {
+		}, [e.items.length === 0 ? (n(), u("div", J, c(e.emptyText), 1)) : d("", !0), (n(!0), u(b, null, i(e.items, (i, a) => (n(), u("button", {
 			key: i.value,
 			id: r(a),
 			type: "button",
@@ -450,10 +448,10 @@ var H = O.create({
 			"aria-selected": a === e.selectedIndex,
 			"data-selected": a === e.selectedIndex ? "true" : "false",
 			"data-merge-tag-value": i.value,
-			class: s(["tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors", a === e.selectedIndex ? "tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]"]),
-			onMousedown: f((e) => t.$emit("select", i), ["prevent", "stop"]),
+			class: g(["tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors", a === e.selectedIndex ? "tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]"]),
+			onMousedown: p((e) => t.$emit("select", i), ["prevent", "stop"]),
 			onMousemove: (n) => a !== e.selectedIndex && t.$emit("hover", a)
-		}, [g("span", X, y(i.label), 1), g("span", re, y(i.value), 1)], 42, Y))), 128))], 8, q));
+		}, [_("span", X, c(i.label), 1), _("span", re, c(i.value), 1)], 42, Y))), 128))], 8, q));
 	}
 }), Z = 10, ae = 0;
 function Q(e, t) {
@@ -472,11 +470,12 @@ var oe = A.create({
 		return {
 			mergeTags: [],
 			char: "{{",
-			emptyText: "No matching merge tags"
+			emptyText: "No matching merge tags",
+			popoverRoot: null
 		};
 	},
 	addProseMirrorPlugins() {
-		let t = this.options.mergeTags, n = this.options.emptyText, r = {
+		let t = this.options.mergeTags, n = this.options.emptyText, r = this.options.popoverRoot, i = {
 			char: this.options.char,
 			allowSpaces: !1,
 			startOfLine: !1,
@@ -492,14 +491,14 @@ var oe = A.create({
 				}).run();
 			},
 			render: () => {
-				let t = null, r = null, i = null, a = o([]), s = o(0), c = null, l = `tpl-merge-tag-suggestion-${++ae}`, u = null, d = [];
-				function f() {
-					v(u?.() ?? null);
-				}
+				let t = null, i = null, a = null, s = o([]), c = o(0), l = null, u = `tpl-merge-tag-suggestion-${++ae}`, d = null, f = [];
 				function p() {
-					f(), requestAnimationFrame(f);
+					y(d?.() ?? null);
+				}
+				function m() {
+					p(), requestAnimationFrame(p);
 				}
-				function m(e) {
+				function h(e) {
 					let t = [], n = e?.parentElement ?? null;
 					for (; n && n !== document.body && n !== document.documentElement;) {
 						let e = window.getComputedStyle(n), r = e.overflow + e.overflowX + e.overflowY;
@@ -507,28 +506,28 @@ var oe = A.create({
 					}
 					return t;
 				}
-				function h(e) {
-					d = [window, ...m(e)];
-					for (let e of d) e.addEventListener("scroll", f, {
+				function g(e) {
+					f = [window, ...h(e)];
+					for (let e of f) e.addEventListener("scroll", p, {
 						passive: !0,
 						capture: !0
 					});
-					window.addEventListener("resize", f, { passive: !0 });
+					window.addEventListener("resize", p, { passive: !0 });
 				}
-				function g() {
-					for (let e of d) e.removeEventListener("scroll", f, { capture: !0 });
-					window.removeEventListener("resize", f), d = [];
+				function _() {
+					for (let e of f) e.removeEventListener("scroll", p, { capture: !0 });
+					window.removeEventListener("resize", p), f = [];
 				}
-				function v(e) {
-					if (!r || !e || e.bottom < 0 || e.top > window.innerHeight) return;
-					r.style.position = "fixed", r.style.left = `${e.left}px`, r.style.zIndex = "9999", r.style.top = `${e.bottom}px`;
-					let t = r.offsetHeight;
+				function y(e) {
+					if (!i || !e || e.bottom < 0 || e.top > window.innerHeight) return;
+					i.style.position = "fixed", i.style.left = `${e.left}px`, i.style.zIndex = "9999", i.style.top = `${e.bottom}px`;
+					let t = i.offsetHeight;
 					if (t !== 0 && window.innerHeight - e.bottom < t) {
 						let n = Math.max(0, e.top - t);
-						r.style.top = `${n}px`;
+						i.style.top = `${n}px`;
 					}
 				}
-				function y(e, t) {
+				function b(e, t) {
 					let n = t?.closest("[data-tpl-theme]");
 					if (!n) return;
 					let r = n.getAttribute("data-tpl-theme");
@@ -540,59 +539,59 @@ var oe = A.create({
 					}
 					e.style.fontFamily = i.fontFamily, e.style.fontSize = i.fontSize, e.style.lineHeight = i.lineHeight;
 				}
-				function b(e) {
-					i && (e ? (i.setAttribute("role", "combobox"), i.setAttribute("aria-haspopup", "listbox"), i.setAttribute("aria-expanded", "true"), i.setAttribute("aria-controls", l)) : (i.removeAttribute("aria-expanded"), i.removeAttribute("aria-controls"), i.removeAttribute("aria-activedescendant"), i.removeAttribute("aria-haspopup"), i.removeAttribute("role")));
+				function x(e) {
+					a && (e ? (a.setAttribute("role", "combobox"), a.setAttribute("aria-haspopup", "listbox"), a.setAttribute("aria-expanded", "true"), a.setAttribute("aria-controls", u)) : (a.removeAttribute("aria-expanded"), a.removeAttribute("aria-controls"), a.removeAttribute("aria-activedescendant"), a.removeAttribute("aria-haspopup"), a.removeAttribute("role")));
 				}
-				function x() {
-					if (i) {
-						if (a.value.length === 0) {
-							i.removeAttribute("aria-activedescendant");
+				function S() {
+					if (a) {
+						if (s.value.length === 0) {
+							a.removeAttribute("aria-activedescendant");
 							return;
 						}
-						i.setAttribute("aria-activedescendant", `${l}-opt-${s.value}`);
+						a.setAttribute("aria-activedescendant", `${u}-opt-${c.value}`);
 					}
 				}
-				function S(e) {
-					c?.(e);
+				function C(e) {
+					l?.(e);
 				}
 				return {
 					onStart: (o) => {
-						a.value = o.items, s.value = 0, c = (e) => o.command(e), r = document.createElement("div"), r.setAttribute("data-testid", "merge-tag-suggestion-popup");
-						let d = o.editor.view?.dom;
-						i = d ?? null, y(r, d ?? null), document.body.appendChild(r), t = _({ render() {
+						s.value = o.items, c.value = 0, l = (e) => o.command(e), i = document.createElement("div"), i.setAttribute("data-testid", "merge-tag-suggestion-popup");
+						let f = o.editor.view?.dom;
+						a = f ?? null, b(i, f ?? null), (r?.value ?? document.body).appendChild(i), t = v({ render() {
 							return e(ie, {
-								items: a.value,
-								selectedIndex: s.value,
+								items: s.value,
+								selectedIndex: c.value,
 								emptyText: n,
-								listId: l,
-								onSelect: (e) => S(e),
+								listId: u,
+								onSelect: (e) => C(e),
 								onHover: (e) => {
-									s.value = e, x();
+									c.value = e, S();
 								}
 							});
-						} }), t.mount(r), b(!0), x(), u = o.clientRect ?? null, p(), h(d ?? null);
+						} }), t.mount(i), x(!0), S(), d = o.clientRect ?? null, m(), g(f ?? null);
 					},
 					onUpdate: (e) => {
-						a.value = e.items, s.value >= e.items.length && (s.value = 0), c = (t) => e.command(t), x(), u = e.clientRect ?? null, p();
+						s.value = e.items, c.value >= e.items.length && (c.value = 0), l = (t) => e.command(t), S(), d = e.clientRect ?? null, m();
 					},
 					onKeyDown: (e) => {
 						if (e.event.key === "Escape") return !0;
-						let t = $(e.event, a.value, s, S);
-						return t && x(), t;
+						let t = $(e.event, s.value, c, C);
+						return t && S(), t;
 					},
 					onExit: () => {
-						g(), b(!1), t?.unmount(), r?.remove(), t = null, r = null, i = null, c = null, u = null;
+						_(), x(!1), t?.unmount(), i?.remove(), t = null, i = null, a = null, l = null, d = null;
 					}
 				};
 			}
 		};
 		return [N({
 			editor: this.editor,
-			...r
+			...i
 		})];
 	}
 });
 //#endregion
 export { I as FontSize, L as LetterSpacing, R as LineHeight, H as LogicMergeTagNode, K as MergeTagNode, oe as MergeTagSuggestion, Q as filterMergeTags, $ as handleSuggestionKeyDown };
 
-//# sourceMappingURL=extensions-CUvwrffu.js.map
+//# sourceMappingURL=extensions-BZYkPlKr.js.map

package/dist/cdn/chunks/extensions-BZYkPlKr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extensions-BZYkPlKr.js","names":["$emit"],"sources":["../../../src/extensions/FontSize.ts","../../../src/extensions/LetterSpacing.ts","../../../src/extensions/LineHeight.ts","../../../src/extensions/LogicMergeTagNodeView.vue","../../../src/extensions/LogicMergeTagNodeView.vue","../../../src/extensions/isNodeSelected.ts","../../../src/extensions/renderVueNodeView.ts","../../../src/extensions/LogicMergeTagNode.ts","../../../src/extensions/MergeTagNodeView.vue","../../../src/extensions/MergeTagNodeView.vue","../../../src/extensions/MergeTagNode.ts","../../../src/components/MergeTagSuggestionList.vue","../../../src/components/MergeTagSuggestionList.vue","../../../src/extensions/MergeTagSuggestion.ts"],"sourcesContent":["import { Extension } from \"@tiptap/core\";\n\nexport interface FontSizeOptions {\n  types: string[];\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    fontSize: {\n      setFontSize: (size: string) => ReturnType;\n      unsetFontSize: () => ReturnType;\n    };\n  }\n}\n\nexport const FontSize = Extension.create<FontSizeOptions>({\n  name: \"fontSize\",\n\n  addOptions() {\n    return {\n      types: [\"textStyle\"],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          fontSize: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.fontSize?.replace(/['\"]+/g, \"\") || null,\n            renderHTML: (attributes) => {\n              if (!attributes.fontSize) {\n                return {};\n              }\n              return {\n                style: `font-size: ${attributes.fontSize}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setFontSize:\n        (size: string) =>\n        ({ chain }) => {\n          return chain().setMark(\"textStyle\", { fontSize: size }).run();\n        },\n      unsetFontSize:\n        () =>\n        ({ chain }) => {\n          return chain()\n            .setMark(\"textStyle\", { fontSize: null })\n            .removeEmptyTextStyle()\n            .run();\n        },\n    };\n  },\n});\n","import { Extension } from \"@tiptap/core\";\n\nexport interface LetterSpacingOptions {\n  types: string[];\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    letterSpacing: {\n      setLetterSpacing: (spacing: string) => ReturnType;\n      unsetLetterSpacing: () => ReturnType;\n    };\n  }\n}\n\nexport const LetterSpacing = Extension.create<LetterSpacingOptions>({\n  name: \"letterSpacing\",\n\n  addOptions() {\n    return {\n      types: [\"textStyle\"],\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          letterSpacing: {\n            default: null,\n            parseHTML: (element) =>\n              element.style.letterSpacing?.replace(/['\"]+/g, \"\") || null,\n            renderHTML: (attributes) => {\n              if (!attributes.letterSpacing) {\n                return {};\n              }\n              return {\n                style: `letter-spacing: ${attributes.letterSpacing}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLetterSpacing:\n        (spacing: string) =>\n        ({ chain }) => {\n          return chain().setMark(\"textStyle\", { letterSpacing: spacing }).run();\n        },\n      unsetLetterSpacing:\n        () =>\n        ({ chain }) => {\n          return chain()\n            .setMark(\"textStyle\", { letterSpacing: null })\n            .removeEmptyTextStyle()\n            .run();\n        },\n    };\n  },\n});\n","import { Extension } from \"@tiptap/core\";\n\nexport interface LineHeightOptions {\n  types: string[];\n  defaultLineHeight: string;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    lineHeight: {\n      setLineHeight: (lineHeight: string) => ReturnType;\n      unsetLineHeight: () => ReturnType;\n    };\n  }\n}\n\nexport const LineHeight = Extension.create<LineHeightOptions>({\n  name: \"lineHeight\",\n\n  addOptions() {\n    return {\n      types: [\"paragraph\"],\n      defaultLineHeight: \"1.5\",\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          lineHeight: {\n            default: null,\n            parseHTML: (element) => element.style.lineHeight || null,\n            renderHTML: (attributes) => {\n              if (!attributes.lineHeight) {\n                return {};\n              }\n              return {\n                style: `line-height: ${attributes.lineHeight}`,\n              };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setLineHeight:\n        (lineHeight: string) =>\n        ({ commands }) => {\n          return this.options.types.every((type) =>\n            commands.updateAttributes(type, { lineHeight }),\n          );\n        },\n      unsetLineHeight:\n        () =>\n        ({ commands }) => {\n          return this.options.types.every((type) =>\n            commands.resetAttributes(type, \"lineHeight\"),\n          );\n        },\n    };\n  },\n});\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n} from \"@templatical/types\";\nimport type { Editor } from \"@tiptap/core\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      value: string;\n      keyword: string;\n    };\n  };\n  editor: Editor;\n  getPos: () => number;\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { syntax } = useMergeTag();\nconst { t } = useI18n();\n\nconst isValid = computed(() =>\n  isLogicMergeTagValue(props.node.attrs.value, syntax),\n);\nconst displayKeyword = computed(() =>\n  getLogicMergeTagKeyword(props.node.attrs.value, syntax),\n);\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\nlet handled = false;\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  handled = false;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  if (handled) {\n    return;\n  }\n  handled = true;\n\n  const newValue = editValue.value.trim();\n  if (!newValue) {\n    isEditing.value = false;\n    return;\n  }\n\n  if (newValue !== props.node.attrs.value) {\n    props.updateAttributes({\n      value: newValue,\n      keyword: isLogicMergeTagValue(newValue, syntax)\n        ? getLogicMergeTagKeyword(newValue, syntax)\n        : \"\",\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    :class=\"\n      isValid\n        ? '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'\n        : ''\n    \"\n    :style=\"\n      isValid\n        ? 'background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);'\n        : ''\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      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)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode: valid merge tag -->\n    <span\n      v-else-if=\"isValid\"\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayKeyword }}\n    </span>\n    <!-- Display mode: invalid (plain text) -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ node.attrs.value }}\n    </span>\n    <button\n      v-if=\"isValid\"\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      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 hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n} from \"@templatical/types\";\nimport type { Editor } from \"@tiptap/core\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      value: string;\n      keyword: string;\n    };\n  };\n  editor: Editor;\n  getPos: () => number;\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { syntax } = useMergeTag();\nconst { t } = useI18n();\n\nconst isValid = computed(() =>\n  isLogicMergeTagValue(props.node.attrs.value, syntax),\n);\nconst displayKeyword = computed(() =>\n  getLogicMergeTagKeyword(props.node.attrs.value, syntax),\n);\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\nlet handled = false;\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  handled = false;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  if (handled) {\n    return;\n  }\n  handled = true;\n\n  const newValue = editValue.value.trim();\n  if (!newValue) {\n    isEditing.value = false;\n    return;\n  }\n\n  if (newValue !== props.node.attrs.value) {\n    props.updateAttributes({\n      value: newValue,\n      keyword: isLogicMergeTagValue(newValue, syntax)\n        ? getLogicMergeTagKeyword(newValue, syntax)\n        : \"\",\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    :class=\"\n      isValid\n        ? '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'\n        : ''\n    \"\n    :style=\"\n      isValid\n        ? 'background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);'\n        : ''\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      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)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode: valid merge tag -->\n    <span\n      v-else-if=\"isValid\"\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayKeyword }}\n    </span>\n    <!-- Display mode: invalid (plain text) -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ node.attrs.value }}\n    </span>\n    <button\n      v-if=\"isValid\"\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      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 hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","import type { Editor } from \"@tiptap/core\";\n\n/**\n * Decides whether MergeTagNode / LogicMergeTagNode should swallow a\n * Backspace/Delete keystroke (returning `true` from a TipTap keymap\n * suppresses the default behavior).\n *\n * Only suppresses in the cursor-adjacent case so the \"first press\n * selects the atom, second press deletes it\" UX works. Range selections\n * (Cmd+A, drag-select, double-click-word) explicitly fall through —\n * default `replaceSelection` then deletes the entire range including\n * any merge-tag atoms inside it.\n *\n * Earlier revisions also returned `true` whenever `nodesBetween($from,\n * $to)` found a merge tag anywhere in the selection range — which\n * silently broke Cmd+A + Backspace for any paragraph containing a\n * merge tag (entire deletion was cancelled, nothing happened). The\n * cursor-adjacent protection is the only piece that should survive.\n */\nexport function isNodeSelected(editor: Editor, nodeTypeName: string): boolean {\n  const { $from, $to } = editor.state.selection;\n\n  // Range selection: let TipTap's default range-delete run. Even when\n  // the range contains atom nodes, ProseMirror's replaceSelection\n  // handles atomic deletion correctly.\n  if ($from.pos !== $to.pos) return false;\n\n  // Cursor-adjacent atom: protect from single-keystroke deletion.\n  // (`$from.pos > 0` guards against reading `nodeBefore` at doc start\n  // where ProseMirror's index would be undefined for nodeBefore.)\n  if ($from.pos > 0 && $from.nodeBefore?.type.name === nodeTypeName) {\n    return true;\n  }\n  if ($from.nodeAfter?.type.name === nodeTypeName) {\n    return true;\n  }\n\n  return false;\n}\n","import type { Component } from \"vue\";\nimport { VueNodeViewRenderer } from \"@tiptap/vue-3\";\n\n/**\n * Typed wrapper for VueNodeViewRenderer that handles the known type mismatch\n * between Vue SFC default exports and TipTap's expected component type.\n */\nexport function renderVueNodeView(component: Component) {\n  return VueNodeViewRenderer(\n    component as Parameters<typeof VueNodeViewRenderer>[0],\n  );\n}\n","import LogicMergeTagNodeView from \"./LogicMergeTagNodeView.vue\";\nimport type { SyntaxPreset } from \"@templatical/types\";\nimport {\n  getLogicMergeTagKeyword,\n  isLogicMergeTagValue,\n  SYNTAX_PRESETS,\n} from \"@templatical/types\";\nimport { InputRule, mergeAttributes, Node, PasteRule } from \"@tiptap/core\";\nimport { isNodeSelected } from \"./isNodeSelected\";\nimport { renderVueNodeView } from \"./renderVueNodeView\";\n\nexport interface LogicMergeTagNodeOptions {\n  syntax: SyntaxPreset;\n}\n\nexport const LogicMergeTagNode = Node.create<LogicMergeTagNodeOptions>({\n  name: \"logicMergeTagNode\",\n\n  group: \"inline\",\n\n  inline: true,\n\n  atom: true,\n\n  addOptions() {\n    return {\n      syntax: SYNTAX_PRESETS.liquid,\n    };\n  },\n\n  addAttributes() {\n    return {\n      value: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-logic-merge-tag\") || \"\",\n      },\n      keyword: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-keyword\") || element.textContent || \"\",\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-logic-merge-tag]\",\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    if (!isLogicMergeTagValue(node.attrs.value, this.options.syntax)) {\n      return [\"span\", {}, node.attrs.value];\n    }\n\n    const keyword = getLogicMergeTagKeyword(\n      node.attrs.value,\n      this.options.syntax,\n    );\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-logic-merge-tag\": node.attrs.value,\n        \"data-keyword\": keyword,\n      }),\n      keyword,\n    ];\n  },\n\n  addNodeView() {\n    return renderVueNodeView(LogicMergeTagNodeView);\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => isNodeSelected(this.editor, this.name),\n      Delete: () => isNodeSelected(this.editor, this.name),\n    };\n  },\n\n  addInputRules() {\n    const inputRegex = new RegExp(this.options.syntax.logic.source + \"$\", \"\");\n\n    return [\n      new InputRule({\n        find: inputRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          if (!isLogicMergeTagValue(fullValue, this.options.syntax)) {\n            return;\n          }\n\n          const keyword = getLogicMergeTagKeyword(\n            fullValue,\n            this.options.syntax,\n          );\n\n          const node = this.type.create({\n            value: fullValue,\n            keyword,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n\n  addPasteRules() {\n    const pasteRegex = new RegExp(this.options.syntax.logic.source, \"g\");\n\n    return [\n      new PasteRule({\n        find: pasteRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          if (!isLogicMergeTagValue(fullValue, this.options.syntax)) {\n            return;\n          }\n\n          const keyword = getLogicMergeTagKeyword(\n            fullValue,\n            this.options.syntax,\n          );\n\n          const node = this.type.create({\n            value: fullValue,\n            keyword,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n});\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      label: string;\n      value: string;\n    };\n  };\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { getMergeTagLabel } = useMergeTag();\nconst { t } = useI18n();\n\nconst displayLabel = computed(() => getMergeTagLabel(props.node.attrs.value));\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  const newValue = editValue.value.trim();\n  if (newValue && newValue !== props.node.attrs.value) {\n    // Update with new value and derive label from it\n    props.updateAttributes({\n      value: newValue,\n      label: getMergeTagLabel(newValue),\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    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)]\"\n    style=\"\n      background-color: color-mix(in srgb, var(--tpl-primary) 20%, transparent);\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      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)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayLabel }}\n    </span>\n    <button\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      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 hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","<script setup lang=\"ts\">\nimport { useI18n } from \"../composables/useI18n\";\nimport { useMergeTag } from \"../composables/useMergeTag\";\nimport { NodeViewWrapper } from \"@tiptap/vue-3\";\nimport { computed, nextTick, ref } from \"vue\";\n\nconst props = defineProps<{\n  node: {\n    attrs: {\n      label: string;\n      value: string;\n    };\n  };\n  deleteNode: () => void;\n  updateAttributes: (attrs: Record<string, unknown>) => void;\n}>();\n\nconst { getMergeTagLabel } = useMergeTag();\nconst { t } = useI18n();\n\nconst displayLabel = computed(() => getMergeTagLabel(props.node.attrs.value));\n\nconst isEditing = ref(false);\nconst editValue = ref(\"\");\nconst inputRef = ref<HTMLInputElement | null>(null);\n\nfunction startEditing(): void {\n  editValue.value = props.node.attrs.value;\n  isEditing.value = true;\n  nextTick(() => {\n    inputRef.value?.focus();\n    inputRef.value?.select();\n  });\n}\n\nfunction finishEditing(): void {\n  const newValue = editValue.value.trim();\n  if (newValue && newValue !== props.node.attrs.value) {\n    // Update with new value and derive label from it\n    props.updateAttributes({\n      value: newValue,\n      label: getMergeTagLabel(newValue),\n    });\n  }\n  isEditing.value = false;\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key === \"Enter\") {\n    event.preventDefault();\n    finishEditing();\n  } else if (event.key === \"Escape\") {\n    isEditing.value = false;\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"span\"\n    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)]\"\n    style=\"\n      background-color: color-mix(in srgb, var(--tpl-primary) 20%, transparent);\n    \"\n    contenteditable=\"false\"\n  >\n    <!-- Edit mode -->\n    <input\n      v-if=\"isEditing\"\n      ref=\"inputRef\"\n      v-model=\"editValue\"\n      type=\"text\"\n      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)]\"\n      @blur=\"finishEditing\"\n      @keydown=\"handleKeydown\"\n    />\n    <!-- Display mode -->\n    <span\n      v-else\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"t.mergeTag.editValue\"\n      class=\"tpl-tooltip tpl:cursor-pointer\"\n      :data-tooltip=\"node.attrs.value\"\n      @click.stop=\"startEditing\"\n      @keydown.enter.stop=\"startEditing\"\n      @keydown.space.prevent.stop=\"startEditing\"\n    >\n      {{ displayLabel }}\n    </span>\n    <button\n      type=\"button\"\n      :aria-label=\"t.mergeTag.deleteMergeTag\"\n      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 hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]\"\n      contenteditable=\"false\"\n      @click.stop.prevent=\"deleteNode\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        aria-hidden=\"true\"\n      >\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </svg>\n    </button>\n  </NodeViewWrapper>\n</template>\n","import MergeTagNodeView from \"./MergeTagNodeView.vue\";\nimport type { MergeTag, SyntaxPreset } from \"@templatical/types\";\nimport { getMergeTagLabel, SYNTAX_PRESETS } from \"@templatical/types\";\nimport { InputRule, mergeAttributes, Node, PasteRule } from \"@tiptap/core\";\nimport { isNodeSelected } from \"./isNodeSelected\";\nimport { renderVueNodeView } from \"./renderVueNodeView\";\n\nexport interface MergeTagNodeOptions {\n  mergeTags: MergeTag[];\n  syntax: SyntaxPreset;\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    mergeTagNode: {\n      insertMergeTag: (attrs: MergeTag) => ReturnType;\n    };\n  }\n}\n\nexport const MergeTagNode = Node.create<MergeTagNodeOptions>({\n  name: \"mergeTagNode\",\n\n  group: \"inline\",\n\n  inline: true,\n\n  atom: true,\n\n  addOptions() {\n    return {\n      mergeTags: [],\n      syntax: SYNTAX_PRESETS.liquid,\n    };\n  },\n\n  addAttributes() {\n    return {\n      label: {\n        default: \"\",\n        parseHTML: (element) =>\n          element.getAttribute(\"data-label\") || element.textContent || \"\",\n      },\n      value: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"data-merge-tag\") || \"\",\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: \"span[data-merge-tag]\",\n      },\n    ];\n  },\n\n  renderHTML({ node, HTMLAttributes }) {\n    const label = getMergeTagLabel(node.attrs.value, this.options.mergeTags);\n\n    return [\n      \"span\",\n      mergeAttributes(HTMLAttributes, {\n        \"data-merge-tag\": node.attrs.value,\n        \"data-label\": label,\n      }),\n      label,\n    ];\n  },\n\n  addNodeView() {\n    return renderVueNodeView(MergeTagNodeView);\n  },\n\n  addCommands() {\n    return {\n      insertMergeTag:\n        (attrs: MergeTag) =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: this.name,\n            attrs,\n          });\n        },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => isNodeSelected(this.editor, this.name),\n      Delete: () => isNodeSelected(this.editor, this.name),\n    };\n  },\n\n  addInputRules() {\n    const inputRegex = new RegExp(this.options.syntax.value.source + \"$\", \"\");\n\n    return [\n      new InputRule({\n        find: inputRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          const label = getMergeTagLabel(fullValue, this.options.mergeTags);\n\n          const node = this.type.create({\n            label,\n            value: fullValue,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n\n  addPasteRules() {\n    const pasteRegex = new RegExp(this.options.syntax.value.source, \"g\");\n\n    return [\n      new PasteRule({\n        find: pasteRegex,\n        handler: ({ state, range, match }) => {\n          const fullValue = match[0];\n          const label = getMergeTagLabel(fullValue, this.options.mergeTags);\n\n          const node = this.type.create({\n            label,\n            value: fullValue,\n          });\n\n          state.tr.replaceWith(range.from, range.to, node);\n        },\n      }),\n    ];\n  },\n});\n","<script setup lang=\"ts\">\nimport type { MergeTag } from \"@templatical/types\";\n\nconst props = defineProps<{\n  items: MergeTag[];\n  selectedIndex: number;\n  emptyText: string;\n  /** Stable id used for aria-controls + per-option id derivation. */\n  listId?: string;\n}>();\n\ndefineEmits<{\n  (e: \"select\", item: MergeTag): void;\n  (e: \"hover\", index: number): void;\n}>();\n\nfunction optionId(index: number): string | undefined {\n  return props.listId ? `${props.listId}-opt-${index}` : undefined;\n}\n</script>\n\n<template>\n  <div\n    :id=\"listId\"\n    class=\"tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:py-1 tpl:shadow-lg\"\n    role=\"listbox\"\n    data-testid=\"merge-tag-suggestion-list\"\n  >\n    <div\n      v-if=\"items.length === 0\"\n      class=\"tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n      data-testid=\"merge-tag-suggestion-empty\"\n    >\n      {{ emptyText }}\n    </div>\n    <button\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      :id=\"optionId(index)\"\n      type=\"button\"\n      role=\"option\"\n      :aria-selected=\"index === selectedIndex\"\n      :data-selected=\"index === selectedIndex ? 'true' : 'false'\"\n      :data-merge-tag-value=\"item.value\"\n      class=\"tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors\"\n      :class=\"\n        index === selectedIndex\n          ? 'tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]'\n          : 'tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]'\n      \"\n      @mousedown.prevent.stop=\"$emit('select', item)\"\n      @mousemove=\"index !== selectedIndex && $emit('hover', index)\"\n    >\n      <span class=\"tpl:font-medium\">{{ item.label }}</span>\n      <span class=\"tpl:text-[var(--tpl-text-dim)] tpl:font-mono\">{{\n        item.value\n      }}</span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { MergeTag } from \"@templatical/types\";\n\nconst props = defineProps<{\n  items: MergeTag[];\n  selectedIndex: number;\n  emptyText: string;\n  /** Stable id used for aria-controls + per-option id derivation. */\n  listId?: string;\n}>();\n\ndefineEmits<{\n  (e: \"select\", item: MergeTag): void;\n  (e: \"hover\", index: number): void;\n}>();\n\nfunction optionId(index: number): string | undefined {\n  return props.listId ? `${props.listId}-opt-${index}` : undefined;\n}\n</script>\n\n<template>\n  <div\n    :id=\"listId\"\n    class=\"tpl:min-w-[200px] tpl:max-w-[320px] tpl:max-h-[50vh] tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:py-1 tpl:shadow-lg\"\n    role=\"listbox\"\n    data-testid=\"merge-tag-suggestion-list\"\n  >\n    <div\n      v-if=\"items.length === 0\"\n      class=\"tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]\"\n      data-testid=\"merge-tag-suggestion-empty\"\n    >\n      {{ emptyText }}\n    </div>\n    <button\n      v-for=\"(item, index) in items\"\n      :key=\"item.value\"\n      :id=\"optionId(index)\"\n      type=\"button\"\n      role=\"option\"\n      :aria-selected=\"index === selectedIndex\"\n      :data-selected=\"index === selectedIndex ? 'true' : 'false'\"\n      :data-merge-tag-value=\"item.value\"\n      class=\"tpl:flex tpl:w-full tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors\"\n      :class=\"\n        index === selectedIndex\n          ? 'tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]'\n          : 'tpl:text-[var(--tpl-text)] hover:tpl:bg-[var(--tpl-bg-hover)]'\n      \"\n      @mousedown.prevent.stop=\"$emit('select', item)\"\n      @mousemove=\"index !== selectedIndex && $emit('hover', index)\"\n    >\n      <span class=\"tpl:font-medium\">{{ item.label }}</span>\n      <span class=\"tpl:text-[var(--tpl-text-dim)] tpl:font-mono\">{{\n        item.value\n      }}</span>\n    </button>\n  </div>\n</template>\n","import type { MergeTag } from \"@templatical/types\";\nimport { Extension } from \"@tiptap/core\";\nimport Suggestion, {\n  type SuggestionOptions,\n  type SuggestionProps,\n  type SuggestionKeyDownProps,\n} from \"@tiptap/suggestion\";\nimport { type App, createApp, h, ref, type Ref } from \"vue\";\nimport MergeTagSuggestionList from \"../components/MergeTagSuggestionList.vue\";\n\nconst MAX_RESULTS = 10;\n\n// Monotonic counter for unique listbox IDs across multiple popup instances.\nlet POPUP_ID_SEQ = 0;\n\nexport interface MergeTagSuggestionOptions {\n  /** Available merge tags */\n  mergeTags: MergeTag[];\n  /** Trigger string (e.g. \"{{\", \"*|\", \"%%=\") */\n  char: string;\n  /** Localized empty-state label */\n  emptyText: string;\n  /**\n   * Mount target for the suggestion popup. When provided with a non-null\n   * `.value`, the popup attaches into that element instead of\n   * `document.body` — keeping it inside the editor's effective DOM root\n   * (shadow-aware). Pass the ref returned by `usePopoverRoot()`.\n   *\n   * Falls back to `document.body` when omitted or when the ref's value is\n   * null at popup-open time (e.g. headless/test editors without an editor\n   * shell). Preserves pre-Phase-3 behavior for callers that don't migrate.\n   */\n  popoverRoot?: Ref<HTMLElement | null> | null;\n}\n\n/**\n * Filter merge tags by query against label and value (case-insensitive).\n * Capped at MAX_RESULTS. Exported for testing.\n */\nexport function filterMergeTags(tags: MergeTag[], query: string): MergeTag[] {\n  const trimmed = query.trim().toLowerCase();\n  if (trimmed === \"\") {\n    return tags.slice(0, MAX_RESULTS);\n  }\n  return tags\n    .filter((tag) => {\n      const label = tag.label.toLowerCase();\n      const value = tag.value.toLowerCase();\n      return label.includes(trimmed) || value.includes(trimmed);\n    })\n    .slice(0, MAX_RESULTS);\n}\n\n/**\n * Handle a keydown event against a list of items. Returns whether the\n * event was handled (so the suggestion plugin can stop propagation).\n * Exported for testing.\n */\nexport function handleSuggestionKeyDown(\n  event: KeyboardEvent,\n  items: MergeTag[],\n  selectedIndex: Ref<number>,\n  onSelect: (item: MergeTag) => void,\n): boolean {\n  if (items.length === 0) {\n    if (event.key === \"Enter\" || event.key === \"Tab\") return true;\n    return false;\n  }\n\n  if (event.key === \"ArrowDown\") {\n    selectedIndex.value = (selectedIndex.value + 1) % items.length;\n    return true;\n  }\n  if (event.key === \"ArrowUp\") {\n    selectedIndex.value =\n      (selectedIndex.value - 1 + items.length) % items.length;\n    return true;\n  }\n  if (event.key === \"Enter\" || event.key === \"Tab\") {\n    onSelect(items[selectedIndex.value]);\n    return true;\n  }\n  return false;\n}\n\nexport const MergeTagSuggestion = Extension.create<MergeTagSuggestionOptions>({\n  name: \"mergeTagSuggestion\",\n\n  addOptions() {\n    return {\n      mergeTags: [],\n      char: \"{{\",\n      emptyText: \"No matching merge tags\",\n      popoverRoot: null,\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const tags = this.options.mergeTags;\n    const emptyText = this.options.emptyText;\n    const popoverRootRef = this.options.popoverRoot;\n\n    const config: Omit<SuggestionOptions<MergeTag>, \"editor\"> = {\n      char: this.options.char,\n      allowSpaces: false,\n      startOfLine: false,\n      // Default is [\" \"] which requires whitespace/line-start before the\n      // trigger char — so `.{{` would not fire. Allow any preceding char.\n      allowedPrefixes: null,\n      items: ({ query }: { query: string }) => filterMergeTags(tags, query),\n      command: ({\n        editor,\n        range,\n        props,\n      }: {\n        editor: SuggestionProps<MergeTag>[\"editor\"];\n        range: { from: number; to: number };\n        props: MergeTag;\n      }) => {\n        // Use insertContentAt for atomic replace (matches the canonical\n        // @tiptap/suggestion + Mention pattern). Avoids edge cases where\n        // chained deleteRange + insertMergeTag fails to insert when the\n        // selection state shifts mid-chain.\n        editor\n          .chain()\n          .focus()\n          .insertContentAt(range, {\n            type: \"mergeTagNode\",\n            attrs: { label: props.label, value: props.value },\n          })\n          .run();\n      },\n      render: () => {\n        let app: App | null = null;\n        let container: HTMLElement | null = null;\n        let editableEl: HTMLElement | null = null;\n        const itemsRef = ref<MergeTag[]>([]);\n        const selectedIndex = ref(0);\n        let currentCommand: ((item: MergeTag) => void) | null = null;\n        const listId = `tpl-merge-tag-suggestion-${++POPUP_ID_SEQ}`;\n        let latestClientRect: (() => DOMRect | null) | null = null;\n        let scrollTargets: Array<EventTarget> = [];\n\n        function reposition(): void {\n          position(latestClientRect?.() ?? null);\n        }\n\n        /**\n         * Reposition immediately and on the next animation frame.\n         * After a keystroke triggers the suggestion, TipTap may run its\n         * own `scrollIntoView` to keep the caret visible. That scroll\n         * lands AFTER the current task's `position()` call but BEFORE\n         * the browser's next paint, so we re-measure on rAF to catch\n         * the post-scroll caret rect. Without this, the popup pins to\n         * the pre-scroll caret position and ends up offset on slower\n         * runners.\n         */\n        function repositionAfterPaint(): void {\n          reposition();\n          requestAnimationFrame(reposition);\n        }\n\n        function collectScrollAncestors(el: HTMLElement | null): HTMLElement[] {\n          // Walk up the DOM finding scrollable ancestors. ProseMirror's\n          // scrollIntoView fires on whichever ancestor scrolls — listening\n          // to all of them ensures we reposition regardless of which one\n          // moves.\n          const result: HTMLElement[] = [];\n          let node: HTMLElement | null = el?.parentElement ?? null;\n          while (\n            node &&\n            // shadow-ok: ancestor walk terminator; not a mount target\n            node !== document.body &&\n            node !== document.documentElement\n          ) {\n            const style = window.getComputedStyle(node);\n            const overflow = style.overflow + style.overflowX + style.overflowY;\n            if (/(auto|scroll|overlay)/.test(overflow)) {\n              result.push(node);\n            }\n            node = node.parentElement;\n          }\n          return result;\n        }\n\n        function attachScrollListeners(viewDom: HTMLElement | null): void {\n          scrollTargets = [window, ...collectScrollAncestors(viewDom)];\n          for (const target of scrollTargets) {\n            target.addEventListener(\"scroll\", reposition, {\n              passive: true,\n              capture: true,\n            });\n          }\n          window.addEventListener(\"resize\", reposition, { passive: true });\n        }\n\n        function detachScrollListeners(): void {\n          for (const target of scrollTargets) {\n            target.removeEventListener(\"scroll\", reposition, {\n              capture: true,\n            } as EventListenerOptions);\n          }\n          window.removeEventListener(\"resize\", reposition);\n          scrollTargets = [];\n        }\n\n        function position(rect: DOMRect | null): void {\n          if (!container || !rect) return;\n          // If the caret has scrolled out of the viewport, freeze the\n          // popup at its last on-screen position. Following the caret\n          // off-screen produces an invisible popup the user can't reach,\n          // and lets pathological scroll loops drag the popup further\n          // each tick.\n          if (rect.bottom < 0 || rect.top > window.innerHeight) return;\n          container.style.position = \"fixed\";\n          container.style.left = `${rect.left}px`;\n          container.style.zIndex = \"9999\";\n          // Place below caret first; offsetHeight is sync-readable after\n          // the Vue app has mounted (or after onUpdate's reactive flush).\n          container.style.top = `${rect.bottom}px`;\n          const popupHeight = container.offsetHeight;\n          if (popupHeight === 0) return;\n          const spaceBelow = window.innerHeight - rect.bottom;\n          if (spaceBelow < popupHeight) {\n            // Not enough room below — flip above. Clamp to 0 so the\n            // popup never positions off the top of the viewport.\n            const flippedTop = Math.max(0, rect.top - popupHeight);\n            container.style.top = `${flippedTop}px`;\n          }\n        }\n\n        function applyThemeContext(\n          target: HTMLElement,\n          editorEl: HTMLElement | null | undefined,\n        ): void {\n          // When the popup mounts to document.body its `position: fixed`\n          // resolves against the viewport — any transform/filter on a\n          // consumer-page ancestor (route transitions, reveal animations,\n          // dark canvas inversion) creates a containing block and moves\n          // fixed descendants with it. Body ancestors don't transform.\n          //\n          // When mounting inside the editor's popover root, the popup is a\n          // descendant of the `.tpl[data-tpl-theme]` root so CSS vars + font\n          // would inherit — but the snapshot below is still emitted inline\n          // because inline declarations win and the cost is negligible. This\n          // keeps a single behavior across both mount paths.\n          //\n          // CSS vars (--tpl-bg-elevated, --tpl-border, etc.) are scoped to\n          // `.tpl` and `.tpl[data-tpl-theme=\"dark\"]` in the editor's\n          // stylesheet, so the popup wouldn't inherit them at body root.\n          // Adding `class=\"tpl\"` would also pull base rules (min-height,\n          // flex, full-page bg) we don't want on a popup. Instead, snapshot\n          // every --tpl-* custom property from the editor's theme root and\n          // re-emit them inline on the popup wrapper.\n          const themeRoot = editorEl?.closest<HTMLElement>(\"[data-tpl-theme]\");\n          if (!themeRoot) return;\n          const themeValue = themeRoot.getAttribute(\"data-tpl-theme\");\n          if (themeValue) target.setAttribute(\"data-tpl-theme\", themeValue);\n          const computed = window.getComputedStyle(themeRoot);\n          for (let i = 0; i < computed.length; i++) {\n            const prop = computed[i];\n            if (prop.startsWith(\"--tpl-\")) {\n              target.style.setProperty(prop, computed.getPropertyValue(prop));\n            }\n          }\n          // The popup no longer inherits font from the editor wrapper, so\n          // its content would render in the page's default font and end up\n          // at a different height — which changes the flip-above decision\n          // and shifts the popup off the caret. Copy typography too.\n          target.style.fontFamily = computed.fontFamily;\n          target.style.fontSize = computed.fontSize;\n          target.style.lineHeight = computed.lineHeight;\n        }\n\n        function setEditableAria(active: boolean): void {\n          if (!editableEl) return;\n          if (active) {\n            editableEl.setAttribute(\"role\", \"combobox\");\n            editableEl.setAttribute(\"aria-haspopup\", \"listbox\");\n            editableEl.setAttribute(\"aria-expanded\", \"true\");\n            editableEl.setAttribute(\"aria-controls\", listId);\n          } else {\n            editableEl.removeAttribute(\"aria-expanded\");\n            editableEl.removeAttribute(\"aria-controls\");\n            editableEl.removeAttribute(\"aria-activedescendant\");\n            editableEl.removeAttribute(\"aria-haspopup\");\n            editableEl.removeAttribute(\"role\");\n          }\n        }\n\n        function setActiveDescendant(): void {\n          if (!editableEl) return;\n          if (itemsRef.value.length === 0) {\n            editableEl.removeAttribute(\"aria-activedescendant\");\n            return;\n          }\n          editableEl.setAttribute(\n            \"aria-activedescendant\",\n            `${listId}-opt-${selectedIndex.value}`,\n          );\n        }\n\n        function select(item: MergeTag): void {\n          currentCommand?.(item);\n        }\n\n        return {\n          onStart: (props: SuggestionProps<MergeTag>) => {\n            itemsRef.value = props.items;\n            selectedIndex.value = 0;\n            currentCommand = (item) => props.command(item);\n\n            container = document.createElement(\"div\");\n            container.setAttribute(\"data-testid\", \"merge-tag-suggestion-popup\");\n            // Use view.dom (ProseMirror contenteditable, actually\n            // attached to the DOM) rather than options.element, which may\n            // be a detached div when no `element` is passed to the editor\n            // constructor (as is the case with @tiptap/vue-3 EditorContent).\n            const viewDom = props.editor.view?.dom as HTMLElement | undefined;\n            editableEl = viewDom ?? null;\n            applyThemeContext(container, viewDom ?? null);\n            // Prefer the editor's popover root (shadow-aware) when wired by\n            // the consumer. Falls back to document.body for headless callers\n            // that don't pass `popoverRoot` to configure().\n            // shadow-ok: fallback when popoverRoot wasn't provided (e.g., headless caller); editor mounts pass the shadow-aware root\n            const mountTarget = popoverRootRef?.value ?? document.body;\n            mountTarget.appendChild(container);\n\n            app = createApp({\n              render() {\n                return h(MergeTagSuggestionList, {\n                  items: itemsRef.value,\n                  selectedIndex: selectedIndex.value,\n                  emptyText,\n                  listId,\n                  onSelect: (item: MergeTag) => select(item),\n                  onHover: (index: number) => {\n                    selectedIndex.value = index;\n                    setActiveDescendant();\n                  },\n                });\n              },\n            });\n            app.mount(container);\n            setEditableAria(true);\n            setActiveDescendant();\n            latestClientRect = props.clientRect ?? null;\n            repositionAfterPaint();\n            attachScrollListeners(viewDom ?? null);\n          },\n          onUpdate: (props: SuggestionProps<MergeTag>) => {\n            itemsRef.value = props.items;\n            // Reset selection when item set changes (query changed).\n            if (selectedIndex.value >= props.items.length) {\n              selectedIndex.value = 0;\n            }\n            currentCommand = (item) => props.command(item);\n            setActiveDescendant();\n            latestClientRect = props.clientRect ?? null;\n            repositionAfterPaint();\n          },\n          onKeyDown: (props: SuggestionKeyDownProps): boolean => {\n            if (props.event.key === \"Escape\") {\n              return true;\n            }\n            const handled = handleSuggestionKeyDown(\n              props.event,\n              itemsRef.value,\n              selectedIndex,\n              select,\n            );\n            if (handled) setActiveDescendant();\n            return handled;\n          },\n          onExit: () => {\n            detachScrollListeners();\n            setEditableAria(false);\n            app?.unmount();\n            container?.remove();\n            app = null;\n            container = null;\n            editableEl = null;\n            currentCommand = null;\n            latestClientRect = null;\n          },\n        };\n      },\n    };\n\n    return [\n      Suggestion({\n        editor: this.editor,\n        ...config,\n      }),\n    ];\n  },\n});\n"],"mappings":"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"}