@templatical/editor 0.35.0 → 0.36.0

package/dist/{IssuesPanel-Cig46N1i.js → IssuesPanel-BLbNFMSX.js}

@@ -1,11 +1,11 @@
-import { Dt as e, P as t, S as n, c as r, d as i, g as a, h as o, j as s, k as c, kt as l, l as u, r as d, rt as f, s as p, u as m, v as h } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { V as g, h as _ } from "./keys-C3P1yxnr.js";
-import { t as v } from "./useI18n-CL6RfPzK.js";
-import { t as y } from "./createLucideIcon-05lB8iWe.js";
-import { t as b } from "./circle-alert-L5uGGFRP.js";
-import { t as x } from "./info-c3KI927I.js";
-import { n as S, t as C } from "./useScrollToBlock-oUx1HIZ2.js";
-import { t as w } from "./triangle-alert-Bn8Bd2Yv.js";
+import { A as e, F as t, M as n, S as r, at as i, c as a, d as o, g as s, h as c, jt as l, kt as u, l as d, r as f, s as p, u as m, v as h } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { H as g, g as _ } from "./keys-DQA2i1k1.js";
+import { t as v } from "./useI18n-BbdxxpOE.js";
+import { t as y } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as b } from "./circle-alert-CjzUTwy3.js";
+import { t as x } from "./info-BQ60P82u.js";
+import { n as S, t as C } from "./useScrollToBlock-BTFw0b9O.js";
+import { t as w } from "./triangle-alert-C6tGa6jw.js";
 var T = y({
 	name: "arrow-right",
 	size: 24,
@@ -35,81 +35,81 @@ var T = y({
 }, F = { class: "tpl:m-0 tpl:mb-2 tpl:text-xs tpl:text-[var(--tpl-text)]" }, I = { class: "tpl:m-0 tpl:mb-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]" }, L = { class: "tpl:flex tpl:gap-1.5" }, R = ["onClick"], z = ["title", "onClick"], B = /* @__PURE__ */ h({
 	__name: "IssuesPanel",
 	setup(h) {
-		let { t: y, format: B } = v(), V = n(g, null), H = n(_, null), U = C(), W = p(() => (V?.issues.value ?? []).filter((e) => e.severity === "error")), G = p(() => (V?.issues.value ?? []).filter((e) => e.severity === "warning")), K = p(() => (V?.issues.value ?? []).filter((e) => e.severity === "info")), q = p(() => W.value.length + G.value.length + K.value.length);
+		let { t: y, format: B } = v(), V = r(g, null), H = r(_, null), U = C(), W = p(() => (V?.issues.value ?? []).filter((e) => e.severity === "error")), G = p(() => (V?.issues.value ?? []).filter((e) => e.severity === "warning")), K = p(() => (V?.issues.value ?? []).filter((e) => e.severity === "info")), q = p(() => W.value.length + G.value.length + K.value.length);
 		function J(e) {
 			H && e.blockId && (H.selectBlock(e.blockId), U(e.blockId));
 		}
 		function Y(e) {
 			V?.applyFix(e);
 		}
-		return (n, p) => (c(), i("div", D, [r("header", O, [
-			a(f(S), {
+		return (r, p) => (e(), o("div", D, [a("header", O, [
+			s(i(S), {
 				size: 16,
 				"stroke-width": 1.5
 			}),
-			r("h3", k, l(f(y).issues.panelTitle), 1),
-			q.value > 0 ? (c(), i("span", {
+			a("h3", k, l(i(y).issues.panelTitle), 1),
+			q.value > 0 ? (e(), o("span", {
 				key: 0,
 				class: "tpl:ml-auto tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-0.5 tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]",
-				title: f(B)(f(y).issues.issueCountTooltip, { count: q.value })
+				title: i(B)(i(y).issues.issueCountTooltip, { count: q.value })
 			}, l(q.value), 9, A)) : m("", !0)
-		]), !f(V) || f(V).unavailable.value ? (c(), i("div", j)) : q.value === 0 ? (c(), i("div", M, l(f(y).issues.emptyState), 1)) : (c(!0), i(d, { key: 2 }, s([
+		]), !i(V) || i(V).unavailable.value ? (e(), o("div", j)) : q.value === 0 ? (e(), o("div", M, l(i(y).issues.emptyState), 1)) : (e(!0), o(f, { key: 2 }, n([
 			{
 				key: "errors",
-				title: f(y).issues.groupErrors,
-				icon: f(b),
+				title: i(y).issues.groupErrors,
+				icon: i(b),
 				items: W.value,
 				tone: "tpl:text-[var(--tpl-danger)]"
 			},
 			{
 				key: "warnings",
-				title: f(y).issues.groupWarnings,
-				icon: f(w),
+				title: i(y).issues.groupWarnings,
+				icon: i(w),
 				items: G.value,
 				tone: "tpl:text-[var(--tpl-warning)]"
 			},
 			{
 				key: "info",
-				title: f(y).issues.groupInfo,
-				icon: f(x),
+				title: i(y).issues.groupInfo,
+				icon: i(x),
 				items: K.value,
 				tone: "tpl:text-[var(--tpl-text-muted)]"
 			}
-		], (n) => (c(), i("section", { key: n.key }, [n.items.length > 0 ? (c(), i("header", {
+		], (r) => (e(), o("section", { key: r.key }, [r.items.length > 0 ? (e(), o("header", {
 			key: 0,
-			class: e(["tpl:mb-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-[11px] tpl:font-semibold tpl:uppercase tpl:tracking-wide", n.tone])
+			class: u(["tpl:mb-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-[11px] tpl:font-semibold tpl:uppercase tpl:tracking-wide", r.tone])
 		}, [
-			(c(), u(t(n.icon), {
+			(e(), d(t(r.icon), {
 				size: 12,
 				"stroke-width": 2
 			})),
-			o(" " + l(n.title) + " ", 1),
-			r("span", N, l(n.items.length), 1)
-		], 2)) : m("", !0), n.items.length > 0 ? (c(), i("ul", P, [(c(!0), i(d, null, s(n.items, (e) => (c(), i("li", {
-			key: `${e.ruleId}-${e.blockId ?? "template"}`,
+			c(" " + l(r.title) + " ", 1),
+			a("span", N, l(r.items.length), 1)
+		], 2)) : m("", !0), r.items.length > 0 ? (e(), o("ul", P, [(e(!0), o(f, null, n(r.items, (t) => (e(), o("li", {
+			key: `${t.ruleId}-${t.blockId ?? "template"}`,
 			class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3"
 		}, [
-			r("p", F, l(e.message), 1),
-			r("p", I, l(e.ruleId), 1),
-			r("div", L, [e.blockId ? (c(), i("button", {
+			a("p", F, l(t.message), 1),
+			a("p", I, l(t.ruleId), 1),
+			a("div", L, [t.blockId ? (e(), o("button", {
 				key: 0,
 				type: "button",
 				"data-testid": "issue-jump",
 				class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text)]",
-				onClick: (t) => J(e)
-			}, [a(f(T), {
+				onClick: (e) => J(t)
+			}, [s(i(T), {
 				size: 10,
 				"stroke-width": 2
-			}), o(" " + l(f(y).issues.jump), 1)], 8, R)) : m("", !0), e.fix ? (c(), i("button", {
+			}), c(" " + l(i(y).issues.jump), 1)], 8, R)) : m("", !0), t.fix ? (e(), o("button", {
 				key: 1,
 				type: "button",
 				class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-md tpl:bg-[var(--tpl-primary)] tpl:px-2 tpl:py-1 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-on-primary)]",
-				title: e.fix.description,
-				onClick: (t) => Y(e)
-			}, [a(f(E), {
+				title: t.fix.description,
+				onClick: (e) => Y(t)
+			}, [s(i(E), {
 				size: 10,
 				"stroke-width": 2
-			}), o(" " + l(f(y).issues.fix), 1)], 8, z)) : m("", !0)])
+			}), c(" " + l(i(y).issues.fix), 1)], 8, z)) : m("", !0)])
 		]))), 128))])) : m("", !0)]))), 128))]));
 	}
 });

package/dist/{LoadingTrack-SQXoZVf2.js → LoadingTrack-BlTL4zFv.js}

@@ -1,9 +1,9 @@
-import { d as e, k as t } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { A as e, d as t } from "./vue.runtime.esm-bundler-DShF3P6k.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 //#region src/components/LoadingTrack.vue
 var r = {}, i = { class: "tpl-loading-track" };
 function a(n, r) {
-	return t(), e("div", i);
+	return e(), t("div", i);
 }
 var o = /*#__PURE__*/ n(r, [["render", a], ["__scopeId", "data-v-c3d50014"]]);
 //#endregion

package/dist/MediaPanels-CMTAhDXB.js

@@ -0,0 +1,43 @@
+import { A as e, _ as t, at as n, l as r, u as i, v as a } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+//#endregion
+//#region src/components/MediaPanels.vue
+var o = /* @__PURE__ */ a({
+	__name: "MediaPanels",
+	props: {
+		feature: {},
+		provider: {},
+		locale: {},
+		uiTheme: {},
+		popoverTarget: {}
+	},
+	setup(a) {
+		let o = a, s = t(async () => (await import("./editor-modal-B_LaQf0s.js")).MediaLibraryModal);
+		function c(e) {
+			o.feature.select(e);
+		}
+		return (t, o) => a.feature.isModalOpen.value ? (e(), r(n(s), {
+			key: 0,
+			visible: a.feature.isModalOpen.value,
+			provider: a.provider,
+			accept: a.feature.accept.value,
+			"popover-target": a.popoverTarget,
+			locale: a.locale,
+			"ui-theme": a.uiTheme,
+			"template-id": a.feature.templateId.value,
+			"on-error": a.feature.onError,
+			onSelect: c,
+			onClose: o[0] ||= (e) => a.feature.close()
+		}, null, 8, [
+			"visible",
+			"provider",
+			"accept",
+			"popover-target",
+			"locale",
+			"ui-theme",
+			"template-id",
+			"on-error"
+		])) : i("", !0);
+	}
+});
+//#endregion
+export { o as default };

package/dist/{MergeTagInput-D1hzsn2b.js → MergeTagInput-BEjzj4Iu.js}

@@ -1,16 +1,16 @@
-import { Dt as e, G as t, S as n, T as r, U as i, X as a, c as o, d as s, g as c, h as l, j as u, k as d, kt as f, l as p, q as m, r as h, rt as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
-import { c as b, s as x } from "./runtime-dom.esm-bundler-BuG03jBM.js";
+import { A as e, E as t, J as n, K as r, M as i, S as a, W as o, Z as s, at as c, c as l, d as u, g as d, h as f, jt as p, kt as m, l as h, r as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { c as b, s as x } from "./runtime-dom.esm-bundler-PnoZU512.js";
 import { F as S, M as C, O as w, j as T } from "./dist-tGkjkX-v.js";
-import { w as E } from "./useEditorCore-CYGvurZa.js";
-import { W as D } from "./keys-C3P1yxnr.js";
-import { t as O } from "./useI18n-CL6RfPzK.js";
-import { n as k } from "./usePopoverPosition-CWxaIWd3.js";
-import { t as A } from "./createLucideIcon-05lB8iWe.js";
-import { t as j } from "./x-BPKoRPTG.js";
+import { w as E } from "./useEditorCore-DhlKOYwe.js";
+import { G as D } from "./keys-DQA2i1k1.js";
+import { t as O } from "./useI18n-BbdxxpOE.js";
+import { n as k } from "./usePopoverPosition-CprM5p-c.js";
+import { t as A } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as j } from "./x-D_-42Ukq.js";
 import { t as M } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as N } from "./useMergeTag-C9GEpljB.js";
+import { t as N } from "./useMergeTag-DlvOBW_B.js";
 import { p as P } from "./styleConstants-C_YAPdQS.js";
-import { n as F, r as I } from "./MergeTagSuggestion-CoCuzEmW.js";
+import { n as F, r as I } from "./MergeTagSuggestion-DKoLEeoj.js";
 var L = A({
 	name: "braces",
 	size: 24,
@@ -107,25 +107,25 @@ var U = /* @__PURE__ */ new Set([
 	"End"
 ]);
 function W(e) {
-	let { elementRef: a, modelValue: o, emit: s, mergeTags: c, syntax: l, enabled: u, onInsert: d } = e, f = C(l), p = T(l), h = u && f !== null && c.length > 0, g = n(D, null), _ = (t(g) ? g.value : g)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", v = k(), y = F(_, v), b = !1;
-	i() && m(() => {
+	let { elementRef: i, modelValue: s, emit: c, mergeTags: l, syntax: u, enabled: d, onInsert: f } = e, p = C(u), m = T(u), h = d && p !== null && l.length > 0, g = a(D, null), _ = (r(g) ? g.value : g)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", v = k(), y = F(_, v), b = !1;
+	o() && n(() => {
 		b = !0, y.close();
 	});
 	function x(e) {
 		let t = e.value ?? "";
-		return z(t, e.selectionStart ?? t.length, f, p);
+		return z(t, e.selectionStart ?? t.length, p, m);
 	}
-	function S(e, t, n) {
-		let i = e.value ?? o(), c = i.slice(t.caret), l = p && c.startsWith(p) ? p.length : 0, u = i.slice(0, t.triggerStart), f = i.slice(t.caret + l), m = u + n.value + f, h = u.length + n.value.length;
-		d?.(), s(m), y.close(), r(() => {
+	function S(e, n, r) {
+		let a = e.value ?? s(), o = a.slice(n.caret), l = m && o.startsWith(m) ? m.length : 0, u = a.slice(0, n.triggerStart), d = a.slice(n.caret + l), p = u + r.value + d, h = u.length + r.value.length;
+		f?.(), c(p), y.close(), t(() => {
 			if (b) return;
-			let e = a.value;
+			let e = i.value;
 			e?.focus(), e?.setSelectionRange(h, h);
 		});
 	}
 	function w() {
 		if (!h || b) return;
-		let e = a.value;
+		let e = i.value;
 		if (!e) {
 			y.close();
 			return;
@@ -135,16 +135,16 @@ function W(e) {
 			y.close();
 			return;
 		}
-		let n = I(c, t.query), r = () => H(e, t.triggerStart), i = (n) => S(e, t, n);
+		let n = I(l, t.query), r = () => H(e, t.triggerStart), a = (n) => S(e, t, n);
 		y.isOpen() ? y.update({
 			items: n,
 			getRect: r,
-			onCommand: i
+			onCommand: a
 		}) : y.open({
 			items: n,
 			getRect: r,
 			anchorEl: e,
-			onCommand: i
+			onCommand: a
 		});
 	}
 	function E(e) {
@@ -161,60 +161,60 @@ function W(e) {
 //#endregion
 //#region src/composables/useMergeTagField.ts
 function G(e) {
-	let { modelValue: t, emit: n, elementRef: o } = e, { mergeTags: s, canRequestMergeTag: c, isRequesting: l, isMergeTagValue: u, getMergeTagLabel: d, requestMergeTag: f, syntax: p, autocomplete: h } = N(), { canInsertLogicTag: g, isRequesting: v, requestLogicTag: y } = E(), b = a(!1), x = !1, C = !1;
-	i() && m(() => {
+	let { modelValue: r, emit: i, elementRef: a } = e, { mergeTags: c, canRequestMergeTag: l, isRequesting: u, isMergeTagValue: d, getMergeTagLabel: f, requestMergeTag: p, syntax: m, autocomplete: h } = N(), { canInsertLogicTag: g, isRequesting: v, requestLogicTag: y } = E(), b = s(!1), x = !1, C = !1;
+	o() && n(() => {
 		C = !0;
 	});
 	let T = W({
-		elementRef: o,
-		modelValue: t,
-		emit: n,
-		mergeTags: s,
-		syntax: p,
+		elementRef: a,
+		modelValue: r,
+		emit: i,
+		mergeTags: c,
+		syntax: m,
 		enabled: h,
 		onInsert: () => {
 			b.value = !0;
 		}
 	}), D = _(() => {
-		let e = t();
+		let e = r();
 		if (!e) return [];
-		let n = [], r = `(${p.value.source}|${p.logic.source})`, i = new RegExp(r, "g"), a = 0, o;
+		let t = [], n = `(${m.value.source}|${m.logic.source})`, i = new RegExp(n, "g"), a = 0, o;
 		for (; (o = i.exec(e)) !== null;) {
-			o.index > a && n.push({
+			o.index > a && t.push({
 				type: "text",
 				value: e.slice(a, o.index)
 			});
-			let t = o[0];
-			u(t) ? n.push({
+			let n = o[0];
+			d(n) ? t.push({
 				type: "mergeTag",
-				value: t,
-				label: d(t)
-			}) : S(t, p) ? n.push({
+				value: n,
+				label: f(n)
+			}) : S(n, m) ? t.push({
 				type: "logicMergeTag",
-				value: t,
-				keyword: w(t, p)
-			}) : n.push({
+				value: n,
+				keyword: w(n, m)
+			}) : t.push({
 				type: "text",
-				value: t
-			}), a = o.index + t.length;
+				value: n
+			}), a = o.index + n.length;
 		}
-		return a < e.length && n.push({
+		return a < e.length && t.push({
 			type: "text",
 			value: e.slice(a)
-		}), n;
+		}), t;
 	}), O = _(() => D.value.some((e) => e.type === "mergeTag" || e.type === "logicMergeTag"));
 	function k() {
-		b.value = !0, r(() => {
-			o.value?.focus();
-			let e = t()?.length || 0;
-			o.value?.setSelectionRange(e, e);
+		b.value = !0, t(() => {
+			a.value?.focus();
+			let e = r()?.length || 0;
+			a.value?.setSelectionRange(e, e);
 		});
 	}
 	function A() {
 		x || (b.value = !1);
 	}
 	function j(e) {
-		n(e.target.value), T.refresh();
+		i(e.target.value), T.refresh();
 	}
 	function M(e) {
 		return T.handleKeydown(e) ? (e.preventDefault(), !0) : (e.key === "Escape" && A(), !1);
@@ -226,28 +226,28 @@ function G(e) {
 		T.close(), A();
 	}
 	function I() {
-		n("");
+		i("");
 	}
 	async function L() {
-		let e = b.value && o.value ? o.value.selectionStart ?? t().length : t().length;
+		let e = b.value && a.value ? a.value.selectionStart ?? r().length : r().length;
 		x = !0;
-		let i;
+		let n;
 		try {
-			i = await f();
+			n = await p();
 		} finally {
 			x = !1;
 		}
-		if (!C && i) {
-			let a = t().slice(0, e), s = t().slice(e), c = a + i.value + s;
-			n(c), b.value = !0, r(() => {
+		if (!C && n) {
+			let o = r().slice(0, e), s = r().slice(e), c = o + n.value + s;
+			i(c), b.value = !0, t(() => {
 				if (C) return;
-				let t = e + i.value.length;
-				o.value?.focus(), o.value?.setSelectionRange(t, t);
+				let t = e + n.value.length;
+				a.value?.focus(), a.value?.setSelectionRange(t, t);
 			});
 		}
 	}
 	async function R() {
-		let e = o.value, i = e?.selectionStart ?? t().length, a = e?.selectionEnd ?? i;
+		let e = a.value, n = e?.selectionStart ?? r().length, o = e?.selectionEnd ?? n;
 		x = !0;
 		let s;
 		try {
@@ -256,16 +256,16 @@ function G(e) {
 			x = !1;
 		}
 		if (C || !s) return;
-		let c = t(), l, u;
-		"before" in s ? (l = c.slice(0, i) + s.before + c.slice(i, a) + s.after + c.slice(a), u = i + s.before.length + (a - i)) : (l = c.slice(0, i) + s.value + c.slice(i), u = i + s.value.length), n(l), b.value = !0, r(() => {
-			C || (o.value?.focus(), o.value?.setSelectionRange(u, u));
+		let c = r(), l, u;
+		"before" in s ? (l = c.slice(0, n) + s.before + c.slice(n, o) + s.after + c.slice(o), u = n + s.before.length + (o - n)) : (l = c.slice(0, n) + s.value + c.slice(n), u = n + s.value.length), i(l), b.value = !0, t(() => {
+			C || (a.value?.focus(), a.value?.setSelectionRange(u, u));
 		});
 	}
 	return {
 		segments: D,
 		hasMergeTags: O,
-		canRequestMergeTag: c,
-		isRequestingMergeTag: l,
+		canRequestMergeTag: l,
+		isRequestingMergeTag: u,
 		canInsertLogicTag: g,
 		isRequestingLogicTag: v,
 		isEditing: b,
@@ -295,41 +295,41 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 	},
 	emits: ["edit", "clear"],
 	setup(t, { emit: n }) {
-		let r = n, { t: i } = O();
-		function a() {
+		let r = n, { t: a } = O();
+		function o() {
 			r("edit");
 		}
-		return (n, l) => (d(), s("div", {
+		return (n, s) => (e(), u("div", {
 			role: "button",
 			tabindex: "0",
-			"aria-label": g(i).mergeTag.clickToEdit,
-			class: e([t.displayClass, { "tpl-pulse-fill": t.pulse }]),
-			onClick: a,
-			onKeydown: [x(a, ["enter"]), x(b(a, ["prevent"]), ["space"])]
-		}, [(d(!0), s(h, null, u(t.segments, (e, t) => (d(), s(h, { key: `${e.type}-${t}-${e.value}` }, [e.type === "mergeTag" ? (d(), s("span", {
+			"aria-label": c(a).mergeTag.clickToEdit,
+			class: m([t.displayClass, { "tpl-pulse-fill": t.pulse }]),
+			onClick: o,
+			onKeydown: [x(o, ["enter"]), x(b(o, ["prevent"]), ["space"])]
+		}, [(e(!0), u(g, null, i(t.segments, (t, n) => (e(), u(g, { key: `${t.type}-${n}-${t.value}` }, [t.type === "mergeTag" ? (e(), u("span", {
 			key: 0,
 			class: "tpl-tooltip 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",
-			"data-tooltip": e.value,
+			"data-tooltip": t.value,
 			style: {
 				"background-color": "color-mix(\n            in srgb,\n            var(--tpl-primary) 20%,\n            transparent\n          )",
 				color: "var(--tpl-primary)"
 			}
-		}, f(e.label), 9, q)) : e.type === "logicMergeTag" ? (d(), s("span", {
+		}, p(t.label), 9, q)) : t.type === "logicMergeTag" ? (e(), u("span", {
 			key: 1,
 			class: "tpl-tooltip tpl:inline-flex tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase",
-			"data-tooltip": e.value,
+			"data-tooltip": t.value,
 			style: {
 				"background-color": "transparent",
 				border: "1.5px solid\n            color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
 				color: "var(--tpl-primary)"
 			}
-		}, f(e.keyword), 9, J)) : (d(), s("span", Y, f(e.value), 1))], 64))), 128)), o("button", {
+		}, p(t.keyword), 9, J)) : (e(), u("span", Y, p(t.value), 1))], 64))), 128)), l("button", {
 			type: "button",
 			class: "tpl:ml-auto tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-dim)] tpl:opacity-60 tpl:transition-all tpl:hover:text-[var(--tpl-danger)] tpl:hover:opacity-100",
-			"aria-label": g(i).mergeTag.remove,
-			title: g(i).mergeTag.remove,
-			onClick: l[0] ||= b((e) => r("clear"), ["stop"])
-		}, [c(g(j), {
+			"aria-label": c(a).mergeTag.remove,
+			title: c(a).mergeTag.remove,
+			onClick: s[0] ||= b((e) => r("clear"), ["stop"])
+		}, [d(c(j), {
 			size: 12,
 			"stroke-width": 2.5
 		})], 8, X)], 42, K));
@@ -344,18 +344,18 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 	emits: ["insert"],
 	setup(t) {
 		let { t: n } = O();
-		return (r, i) => (d(), s("button", {
+		return (r, i) => (e(), u("button", {
 			type: "button",
-			class: e([te, "tpl:mt-1.5"]),
-			"aria-label": g(n).mergeTag.insert,
-			title: g(n).mergeTag.insert,
+			class: m([te, "tpl:mt-1.5"]),
+			"aria-label": c(n).mergeTag.insert,
+			title: c(n).mergeTag.insert,
 			disabled: t.disabled,
 			onMousedown: i[0] ||= b(() => {}, ["prevent"]),
 			onClick: i[1] ||= (e) => r.$emit("insert")
-		}, [c(g(R), {
+		}, [d(c(R), {
 			size: 12,
 			"stroke-width": 2
-		}), l(" " + f(g(n).mergeTag.insertShort), 1)], 42, ee));
+		}), f(" " + p(c(n).mergeTag.insertShort), 1)], 42, ee));
 	}
 }), ne = [
 	"aria-label",
@@ -367,19 +367,19 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 	emits: ["insert"],
 	setup(t) {
 		let { t: n } = O();
-		return (r, i) => (d(), s("button", {
+		return (r, i) => (e(), u("button", {
 			type: "button",
-			class: e([re, "tpl:mt-1.5"]),
-			"aria-label": g(n).logicTag.insert,
-			title: g(n).logicTag.insert,
+			class: m([re, "tpl:mt-1.5"]),
+			"aria-label": c(n).logicTag.insert,
+			title: c(n).logicTag.insert,
 			disabled: t.disabled,
 			"data-testid": "field-insert-logic-button",
 			onMousedown: i[0] ||= b(() => {}, ["prevent"]),
 			onClick: i[1] ||= (e) => r.$emit("insert")
-		}, [c(g(L), {
+		}, [d(c(L), {
 			size: 12,
 			"stroke-width": 2
-		}), l(" " + f(g(n).logicTag.insertShort), 1)], 42, ne));
+		}), f(" " + p(c(n).logicTag.insertShort), 1)], 42, ne));
 	}
 }), ie = { key: 0 }, ae = {
 	key: 0,
@@ -404,52 +404,52 @@ var K = ["aria-label", "onKeydown"], q = ["data-tooltip"], J = ["data-tooltip"],
 	},
 	emits: ["update:modelValue", "keydown"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, l = a(null), { segments: u, hasMergeTags: f, canRequestMergeTag: m, isRequestingMergeTag: h, canInsertLogicTag: _, isRequestingLogicTag: y, isEditing: b, startEditing: x, handleInput: S, handleKeydown: C, handleClick: w, handleBlur: T, clearValue: E, insertMergeTag: D, insertLogicTag: O } = G({
+		let r = t, i = n, a = s(null), { segments: o, hasMergeTags: f, canRequestMergeTag: p, isRequestingMergeTag: g, canInsertLogicTag: _, isRequestingLogicTag: y, isEditing: b, startEditing: x, handleInput: S, handleKeydown: C, handleClick: w, handleBlur: T, clearValue: E, insertMergeTag: D, insertLogicTag: O } = G({
 			modelValue: () => r.modelValue,
 			emit: (e) => i("update:modelValue", e),
-			elementRef: l
+			elementRef: a
 		});
 		function k(e) {
 			C(e) || i("keydown", e);
 		}
-		return (n, r) => g(f) && !g(b) ? (d(), s("div", ie, [c(Z, {
-			segments: g(u),
+		return (n, r) => c(f) && !c(b) ? (e(), u("div", ie, [d(Z, {
+			segments: c(o),
 			"display-class": le,
 			pulse: t.pulse,
-			onEdit: g(x),
-			onClear: g(E)
+			onEdit: c(x),
+			onClear: c(E)
 		}, null, 8, [
 			"segments",
 			"pulse",
 			"onEdit",
 			"onClear"
-		]), g(m) || g(_) ? (d(), s("div", ae, [g(m) ? (d(), p(Q, {
+		]), c(p) || c(_) ? (e(), u("div", ae, [c(p) ? (e(), h(Q, {
 			key: 0,
-			disabled: g(h),
-			onInsert: g(D)
-		}, null, 8, ["disabled", "onInsert"])) : v("", !0), g(_) ? (d(), p($, {
+			disabled: c(g),
+			onInsert: c(D)
+		}, null, 8, ["disabled", "onInsert"])) : v("", !0), c(_) ? (e(), h($, {
 			key: 1,
-			disabled: g(y),
-			onInsert: g(O)
-		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)])) : (d(), s("div", oe, [o("input", {
+			disabled: c(y),
+			onInsert: c(O)
+		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)])) : (e(), u("div", oe, [l("input", {
 			ref_key: "inputRef",
-			ref: l,
+			ref: a,
 			type: t.type,
-			class: e([g(P), { "tpl-pulse-fill": t.pulse }]),
+			class: m([c(P), { "tpl-pulse-fill": t.pulse }]),
 			value: t.modelValue,
 			placeholder: t.placeholder,
-			onInput: r[0] ||= (...e) => g(S) && g(S)(...e),
+			onInput: r[0] ||= (...e) => c(S) && c(S)(...e),
 			onKeydown: k,
-			onClick: r[1] ||= (...e) => g(w) && g(w)(...e),
-			onBlur: r[2] ||= (...e) => g(T) && g(T)(...e)
-		}, null, 42, se), g(m) || g(_) ? (d(), s("div", ce, [g(m) ? (d(), p(Q, {
+			onClick: r[1] ||= (...e) => c(w) && c(w)(...e),
+			onBlur: r[2] ||= (...e) => c(T) && c(T)(...e)
+		}, null, 42, se), c(p) || c(_) ? (e(), u("div", ce, [c(p) ? (e(), h(Q, {
 			key: 0,
-			disabled: g(h),
-			onInsert: g(D)
-		}, null, 8, ["disabled", "onInsert"])) : v("", !0), g(_) ? (d(), p($, {
+			disabled: c(g),
+			onInsert: c(D)
+		}, null, 8, ["disabled", "onInsert"])) : v("", !0), c(_) ? (e(), h($, {
 			key: 1,
-			disabled: g(y),
-			onInsert: g(O)
+			disabled: c(y),
+			onInsert: c(O)
 		}, null, 8, ["disabled", "onInsert"])) : v("", !0)])) : v("", !0)]));
 	}
 }), [["__scopeId", "data-v-31b31866"]]);