@templatical/editor 0.39.4 → 0.41.0

package/dist/cdn/chunks/{LogicTagInsertButton-DpyPozop.js → LogicTagInsertButton-CHc1yZ9v.js}

@@ -1,40 +1,40 @@
 import { E as e, F as t, H as n, K as r, N as i, Q as a, S as o, Y as s, at as c, b as l, c as u, ct as d, d as f, f as p, g as m, h, k as g, l as _, lt as v, m as y, n as b, p as x, q as S, r as C, u as w, ut as T, w as E, y as D } from "./draggable-IB4x6w2O.js";
-import { a as O, c as k, d as ee, l as A } from "./src-Dwgq7hf4.js";
-import { t as te } from "./dist-CXB2_kBa.js";
-import { K as ne, Y as re, d as ie, q as j } from "./keys-dJbD1QPs.js";
-import { t as M } from "./useI18n-DTZ9sIcv.js";
-import { a as ae, i as oe, n as se, r as ce, t as le } from "./usePopoverPosition-gB9q-ql7.js";
-import { K as N, P as ue, Rt as P, n as F } from "./icons-BKkJ-5xF.js";
-import { t as I } from "./useMergeTag-BE8oDoha.js";
-import { t as L } from "./useLogicTag-E2V0Xdcb.js";
-import { u as de } from "./styleConstants-C_YAPdQS.js";
+import { a as O, c as k, d as A, l as j } from "./src-DveVYoWS.js";
+import { t as ee } from "./dist-CXB2_kBa.js";
+import { J as te, Y as M, Z as ne, d as re } from "./keys-DCWeHkSF.js";
+import { t as N } from "./useI18n-CyO_Nmca.js";
+import { a as ie, i as ae, n as oe, r as se, t as ce } from "./usePopoverPosition-BJRvAb-h.js";
+import { K as P, P as le, Rt as F, n as I } from "./icons-BKkJ-5xF.js";
+import { t as L } from "./useMergeTag-DbIHw4NG.js";
+import { t as R } from "./useLogicTag-DF7-l66G.js";
+import { u as ue } from "./styleConstants-C_YAPdQS.js";
 //#region ../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/math.js
-var R = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, z = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n, B = (e) => he(V(e)), V = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+var z = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, B = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n, V = (e) => me(H(e)), H = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
 	r: parseInt(e[0] + e[0], 16),
 	g: parseInt(e[1] + e[1], 16),
 	b: parseInt(e[2] + e[2], 16),
-	a: e.length === 4 ? z(parseInt(e[3] + e[3], 16) / 255, 2) : 1
+	a: e.length === 4 ? B(parseInt(e[3] + e[3], 16) / 255, 2) : 1
 } : {
 	r: parseInt(e.substring(0, 2), 16),
 	g: parseInt(e.substring(2, 4), 16),
 	b: parseInt(e.substring(4, 6), 16),
-	a: e.length === 8 ? z(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
-}), H = (e) => me(pe(e)), fe = ({ h: e, s: t, v: n, a: r }) => {
+	a: e.length === 8 ? B(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
+}), U = (e) => pe(fe(e)), de = ({ h: e, s: t, v: n, a: r }) => {
 	let i = (200 - t) * n / 100;
 	return {
-		h: z(e),
-		s: z(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
-		l: z(i / 2),
-		a: z(r, 2)
+		h: B(e),
+		s: B(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
+		l: B(i / 2),
+		a: B(r, 2)
 	};
-}, U = (e) => {
-	let { h: t, s: n, l: r } = fe(e);
+}, W = (e) => {
+	let { h: t, s: n, l: r } = de(e);
 	return `hsl(${t}, ${n}%, ${r}%)`;
-}, pe = ({ h: e, s: t, v: n, a: r }) => {
+}, fe = ({ h: e, s: t, v: n, a: r }) => {
 	e = e / 360 * 6, t /= 100, n /= 100;
 	let i = Math.floor(e), a = n * (1 - t), o = n * (1 - (e - i) * t), s = n * (1 - (1 - e + i) * t), c = i % 6;
 	return {
-		r: z([
+		r: B([
 			n,
 			o,
 			a,
@@ -42,7 +42,7 @@ var R = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, z = (e, t = 0, n = 10 **
 			s,
 			n
 		][c] * 255),
-		g: z([
+		g: B([
 			s,
 			n,
 			n,
@@ -50,7 +50,7 @@ var R = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, z = (e, t = 0, n = 10 **
 			a,
 			a
 		][c] * 255),
-		b: z([
+		b: B([
 			a,
 			a,
 			s,
@@ -58,73 +58,73 @@ var R = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, z = (e, t = 0, n = 10 **
 			n,
 			o
 		][c] * 255),
-		a: z(r, 2)
+		a: B(r, 2)
 	};
-}, W = (e) => {
+}, G = (e) => {
 	let t = e.toString(16);
 	return t.length < 2 ? "0" + t : t;
+}, pe = ({ r: e, g: t, b: n, a: r }) => {
+	let i = r < 1 ? G(B(r * 255)) : "";
+	return "#" + G(e) + G(t) + G(n) + i;
 }, me = ({ r: e, g: t, b: n, a: r }) => {
-	let i = r < 1 ? W(z(r * 255)) : "";
-	return "#" + W(e) + W(t) + W(n) + i;
-}, he = ({ r: e, g: t, b: n, a: r }) => {
 	let i = Math.max(e, t, n), a = i - Math.min(e, t, n), o = a ? i === e ? (t - n) / a : i === t ? 2 + (n - e) / a : 4 + (e - t) / a : 0;
 	return {
-		h: z(60 * (o < 0 ? o + 6 : o)),
-		s: z(i ? a / i * 100 : 0),
-		v: z(i / 255 * 100),
+		h: B(60 * (o < 0 ? o + 6 : o)),
+		s: B(i ? a / i * 100 : 0),
+		v: B(i / 255 * 100),
 		a: r
 	};
-}, G = (e, t) => {
+}, K = (e, t) => {
 	if (e === t) return !0;
 	for (let n in e) if (e[n] !== t[n]) return !1;
 	return !0;
-}, K = (e, t) => e.toLowerCase() === t.toLowerCase() || G(V(e), V(t)), q = {}, J = (e) => {
-	let t = q[e];
-	return t || (t = document.createElement("template"), t.innerHTML = e, q[e] = t), t;
-}, Y = (e, t, n) => {
+}, q = (e, t) => e.toLowerCase() === t.toLowerCase() || K(H(e), H(t)), J = {}, Y = (e) => {
+	let t = J[e];
+	return t || (t = document.createElement("template"), t.innerHTML = e, J[e] = t), t;
+}, X = (e, t, n) => {
 	e.dispatchEvent(new CustomEvent(t, {
 		bubbles: !0,
 		detail: n
 	}));
-}, X = !1, Z = (e) => "touches" in e, ge = (e) => X && !Z(e) ? !1 : (X ||= Z(e), !0), _e = (e, t) => {
-	let n = Z(t) ? t.touches[0] : t, r = e.el.getBoundingClientRect();
-	Y(e.el, "move", e.getMove({
-		x: R((n.pageX - (r.left + window.pageXOffset)) / r.width),
-		y: R((n.pageY - (r.top + window.pageYOffset)) / r.height)
+}, Z = !1, Q = (e) => "touches" in e, he = (e) => Z && !Q(e) ? !1 : (Z ||= Q(e), !0), ge = (e, t) => {
+	let n = Q(t) ? t.touches[0] : t, r = e.el.getBoundingClientRect();
+	X(e.el, "move", e.getMove({
+		x: z((n.pageX - (r.left + window.pageXOffset)) / r.width),
+		y: z((n.pageY - (r.top + window.pageYOffset)) / r.height)
 	}));
-}, ve = (e, t) => {
+}, _e = (e, t) => {
 	let n = t.keyCode;
-	n > 40 || e.xy && n < 37 || n < 33 || (t.preventDefault(), Y(e.el, "move", e.getMove({
+	n > 40 || e.xy && n < 37 || n < 33 || (t.preventDefault(), X(e.el, "move", e.getMove({
 		x: n === 39 ? .01 : n === 37 ? -.01 : n === 34 ? .05 : n === 33 ? -.05 : n === 35 ? 1 : n === 36 ? -1 : 0,
 		y: n === 40 ? .01 : n === 38 ? -.01 : 0
 	}, !0)));
-}, ye = class {
+}, ve = class {
 	constructor(e, t, n, r) {
-		let i = J(`<div role="slider" tabindex="0" part="${t}" ${n}><div part="${t}-pointer"></div></div>`);
+		let i = Y(`<div role="slider" tabindex="0" part="${t}" ${n}><div part="${t}-pointer"></div></div>`);
 		e.appendChild(i.content.cloneNode(!0));
 		let a = e.querySelector(`[part=${t}]`);
 		a.addEventListener("mousedown", this), a.addEventListener("touchstart", this), a.addEventListener("keydown", this), this.el = a, this.xy = r, this.nodes = [a.firstChild, a];
 	}
 	set dragging(e) {
 		let t = e ? document.addEventListener : document.removeEventListener;
-		t(X ? "touchmove" : "mousemove", this), t(X ? "touchend" : "mouseup", this);
+		t(Z ? "touchmove" : "mousemove", this), t(Z ? "touchend" : "mouseup", this);
 	}
 	handleEvent(e) {
 		switch (e.type) {
 			case "mousedown":
 			case "touchstart":
-				if (e.preventDefault(), !ge(e) || !X && e.button != 0) return;
-				this.el.focus(), _e(this, e), this.dragging = !0;
+				if (e.preventDefault(), !he(e) || !Z && e.button != 0) return;
+				this.el.focus(), ge(this, e), this.dragging = !0;
 				break;
 			case "mousemove":
 			case "touchmove":
-				e.preventDefault(), _e(this, e);
+				e.preventDefault(), ge(this, e);
 				break;
 			case "mouseup":
 			case "touchend":
 				this.dragging = !1;
 				break;
-			case "keydown": ve(this, e);
+			case "keydown": _e(this, e);
 		}
 	}
 	style(e) {
@@ -132,25 +132,25 @@ var R = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, z = (e, t = 0, n = 10 **
 			for (let n in e) this.nodes[t].style.setProperty(n, e[n]);
 		});
 	}
-}, be = class extends ye {
+}, ye = class extends ve {
 	constructor(e) {
 		super(e, "hue", "aria-label=\"Hue\" aria-valuemin=\"0\" aria-valuemax=\"360\"", !1);
 	}
 	update({ h: e }) {
 		this.h = e, this.style([{
 			left: `${e / 360 * 100}%`,
-			color: U({
+			color: W({
 				h: e,
 				s: 100,
 				v: 100,
 				a: 1
 			})
-		}]), this.el.setAttribute("aria-valuenow", `${z(e)}`);
+		}]), this.el.setAttribute("aria-valuenow", `${B(e)}`);
 	}
 	getMove(e, t) {
-		return { h: t ? R(this.h + e.x * 360, 0, 360) : 360 * e.x };
+		return { h: t ? z(this.h + e.x * 360, 0, 360) : 360 * e.x };
 	}
-}, xe = class extends ye {
+}, be = class extends ve {
 	constructor(e) {
 		super(e, "saturation", "aria-label=\"Color\"", !0);
 	}
@@ -158,46 +158,46 @@ var R = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, z = (e, t = 0, n = 10 **
 		this.hsva = e, this.style([{
 			top: `${100 - e.v}%`,
 			left: `${e.s}%`,
-			color: U(e)
-		}, { "background-color": U({
+			color: W(e)
+		}, { "background-color": W({
 			h: e.h,
 			s: 100,
 			v: 100,
 			a: 1
-		}) }]), this.el.setAttribute("aria-valuetext", `Saturation ${z(e.s)}%, Brightness ${z(e.v)}%`);
+		}) }]), this.el.setAttribute("aria-valuetext", `Saturation ${B(e.s)}%, Brightness ${B(e.v)}%`);
 	}
 	getMove(e, t) {
 		return {
-			s: t ? R(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
-			v: t ? R(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
+			s: t ? z(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
+			v: t ? z(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
 		};
 	}
-}, Se = ":host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:\"\";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}", Ce = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", we = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}", Q = Symbol("same"), $ = Symbol("color"), Te = Symbol("hsva"), Ee = Symbol("update"), De = Symbol("parts"), Oe = Symbol("css"), ke = Symbol("sliders"), Ae = class extends HTMLElement {
+}, xe = ":host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:\"\";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}", Se = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", Ce = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}", $ = Symbol("same"), we = Symbol("color"), Te = Symbol("hsva"), Ee = Symbol("update"), De = Symbol("parts"), Oe = Symbol("css"), ke = Symbol("sliders"), Ae = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["color"];
 	}
 	get [Oe]() {
 		return [
+			xe,
 			Se,
-			Ce,
-			we
+			Ce
 		];
 	}
 	get [ke]() {
-		return [xe, be];
+		return [be, ye];
 	}
 	get color() {
-		return this[$];
+		return this[we];
 	}
 	set color(e) {
-		if (!this[Q](e)) {
+		if (!this[$](e)) {
 			let t = this.colorModel.toHsva(e);
-			this[Ee](t), this[$] = e;
+			this[Ee](t), this[we] = e;
 		}
 	}
 	constructor() {
 		super();
-		let e = J(`<style>${this[Oe].join("")}</style>`), t = this.attachShadow({ mode: "open" });
+		let e = Y(`<style>${this[Oe].join("")}</style>`), t = this.attachShadow({ mode: "open" });
 		t.appendChild(e.content.cloneNode(!0)), t.addEventListener("move", this), this[De] = this[ke].map((e) => new e(t));
 	}
 	connectedCallback() {
@@ -208,7 +208,7 @@ var R = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, z = (e, t = 0, n = 10 **
 	}
 	attributeChangedCallback(e, t, n) {
 		let r = this.colorModel.fromAttr(n);
-		this[Q](r) || (this.color = r);
+		this[$](r) || (this.color = r);
 	}
 	handleEvent(e) {
 		let t = this[Te], n = {
@@ -217,9 +217,9 @@ var R = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, z = (e, t = 0, n = 10 **
 		};
 		this[Ee](n);
 		let r;
-		!G(n, t) && !this[Q](r = this.colorModel.fromHsva(n)) && (this[$] = r, Y(this, "color-changed", { value: r }));
+		!K(n, t) && !this[$](r = this.colorModel.fromHsva(n)) && (this[we] = r, X(this, "color-changed", { value: r }));
 	}
-	[Q](e) {
+	[$](e) {
 		return this.color && this.colorModel.equal(e, this.color);
 	}
 	[Ee](e) {
@@ -227,14 +227,14 @@ var R = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, z = (e, t = 0, n = 10 **
 	}
 }, je = {
 	defaultColor: "#000",
-	toHsva: B,
-	fromHsva: ({ h: e, s: t, v: n }) => H({
+	toHsva: V,
+	fromHsva: ({ h: e, s: t, v: n }) => U({
 		h: e,
 		s: t,
 		v: n,
 		a: 1
 	}),
-	equal: K,
+	equal: q,
 	fromAttr: (e) => e
 }, Me = class extends Ae {
 	get colorModel() {
@@ -300,33 +300,33 @@ var Ne = [
 	},
 	emits: ["update:modelValue"],
 	setup(r, { emit: o }) {
-		let s = r, g = o, { t: S } = M(), C = a(!1), T = a(), E = a(), D = a(!1);
-		te(T, () => {
+		let s = r, g = o, { t: S } = N(), C = a(!1), T = a(), E = a(), D = a(!1);
+		ee(T, () => {
 			C.value = !1;
 		}, { ignore: [E] });
-		let O = p(() => !s.modelValue), k = p(() => oe(s.modelValue)), ee = p(() => oe(s.modelValue || s.seedColor)), A = p(() => !s.disabled && !O.value), j = e(ie, ae), N = p(() => [...new Set(s.presets ?? j.presets)]), ue = p(() => s.allowCustom ?? j.allowCustom), P = p(() => N.value.length > 0), I = p(() => ue.value || !P.value), L = p(() => ce(s.modelValue));
-		function R(e) {
-			return L.value !== "" && ce(e) === L.value;
-		}
+		let O = p(() => !s.modelValue), k = p(() => ae(s.modelValue)), A = p(() => ae(s.modelValue || s.seedColor)), j = p(() => !s.disabled && !O.value), M = e(re, ie), P = p(() => [...new Set(s.presets ?? M.presets)]), le = p(() => s.allowCustom ?? M.allowCustom), F = p(() => P.value.length > 0), L = p(() => le.value || !F.value), R = p(() => se(s.modelValue));
 		function z(e) {
+			return R.value !== "" && se(e) === R.value;
+		}
+		function B(e) {
 			g("update:modelValue", e);
 		}
-		let B = p(() => P.value && !I.value);
-		function V(e) {
-			return B.value ? e + 1 : e;
+		let V = p(() => F.value && !L.value);
+		function H(e) {
+			return V.value ? e + 1 : e;
 		}
-		let H = p(() => {
-			if (B.value && O.value) return 0;
-			let e = N.value.findIndex((e) => R(e));
-			return e === -1 ? 0 : V(e);
+		let U = p(() => {
+			if (V.value && O.value) return 0;
+			let e = P.value.findIndex((e) => z(e));
+			return e === -1 ? 0 : H(e);
 		});
-		function fe() {
-			return H.value === 0 ? 0 : -1;
+		function de() {
+			return U.value === 0 ? 0 : -1;
 		}
-		function U(e) {
-			return V(e) === H.value ? 0 : -1;
+		function W(e) {
+			return H(e) === U.value ? 0 : -1;
 		}
-		function pe(e) {
+		function fe(e) {
 			if (![
 				"ArrowRight",
 				"ArrowDown",
@@ -336,32 +336,32 @@ var Ne = [
 			let t = Array.from(e.currentTarget.querySelectorAll("[role=\"radio\"]")), n = e.target.closest("[role=\"radio\"]"), r = n ? t.indexOf(n) : -1;
 			r !== -1 && (t[(r + (e.key === "ArrowRight" || e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus(), e.preventDefault());
 		}
-		function W(e) {
+		function G(e) {
 			D.value = !0, g("update:modelValue", e.detail.value);
 		}
-		function me() {
+		function pe() {
 			D.value = !1;
 		}
-		function he() {
-			!D.value && O.value && g("update:modelValue", ee.value);
+		function me() {
+			!D.value && O.value && g("update:modelValue", A.value);
 		}
-		function G(e) {
+		function K(e) {
 			g("update:modelValue", e.target.value);
 		}
-		function K() {
+		function q() {
 			g("update:modelValue", "");
 		}
-		let q = se(), { toLocal: J } = le(), Y = e(ne, null), X = e(re, null), Z = a({
+		let J = oe(), { toLocal: Y } = ce(), X = e(te, null), Z = e(ne, null), Q = a({
 			top: 0,
 			left: 0
 		});
-		function ge() {
+		function he() {
 			if (!s.disabled) {
 				if (!C.value) {
 					let e = E.value?.getBoundingClientRect();
 					if (e) {
 						let t = e.bottom + 8 + 240 <= window.innerHeight ? e.bottom + 8 : Math.max(8, e.top - 240 - 8);
-						Z.value = J({
+						Q.value = Y({
 							top: t,
 							left: e.left
 						});
@@ -385,34 +385,34 @@ var Ne = [
 					C.value ? "tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]" : !r.disabled && "tpl:hover:border-[var(--tpl-text-dim)]",
 					r.size === "sm" ? "tpl:size-8" : "tpl:size-10"
 				]),
-				onClick: ge
+				onClick: he
 			}, [x("span", {
 				class: d(["tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]", { "tpl-color-swatch-empty": O.value }]),
 				style: v(O.value ? void 0 : { backgroundColor: k.value })
 			}, null, 6)], 10, Ne),
-			!r.swatchOnly && I.value ? (i(), m("div", Pe, [x("input", {
+			!r.swatchOnly && L.value ? (i(), m("div", Pe, [x("input", {
 				type: "text",
-				class: d([c(de), "tpl:w-full"]),
-				style: v(A.value ? { paddingRight: "2.25rem" } : void 0),
+				class: d([c(ue), "tpl:w-full"]),
+				style: v(j.value ? { paddingRight: "2.25rem" } : void 0),
 				value: k.value,
 				placeholder: r.placeholder || c(S).colorPicker.notSet,
 				disabled: r.disabled,
 				"aria-label": c(S).colorPicker.hexValue,
-				onInput: G
-			}, null, 46, Fe), A.value ? (i(), m("button", {
+				onInput: K
+			}, null, 46, Fe), j.value ? (i(), m("button", {
 				key: 0,
 				type: "button",
 				"aria-label": c(S).colorPicker.clear,
 				title: c(S).colorPicker.clear,
 				class: "tpl:absolute tpl:right-2 tpl:top-1/2 tpl:flex tpl:size-6 tpl:-translate-y-1/2 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
-				onClick: K
-			}, [l(c(F), {
+				onClick: q
+			}, [l(c(I), {
 				size: 14,
 				"stroke-width": 1.5
 			})], 8, Ie)) : h("", !0)])) : h("", !0),
 			(i(), y(f, {
-				to: c(q),
-				disabled: !c(q)
+				to: c(J),
+				disabled: !c(J)
 			}, [l(b, {
 				"enter-active-class": "tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
 				"enter-from-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1",
@@ -425,69 +425,69 @@ var Ne = [
 					key: 0,
 					ref_key: "popoverRef",
 					ref: T,
-					"data-tpl-theme": c(X),
+					"data-tpl-theme": c(Z),
 					class: "tpl-color-popover tpl:absolute tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3 tpl:shadow-[var(--tpl-shadow-lg)]",
 					style: v({
-						top: `${Z.value.top}px`,
-						left: `${Z.value.left}px`,
-						...c(Y)
+						top: `${Q.value.top}px`,
+						left: `${Q.value.left}px`,
+						...c(X)
 					})
 				}, [
-					P.value ? (i(), m("div", {
+					F.value ? (i(), m("div", {
 						key: 0,
 						role: "radiogroup",
 						"aria-label": c(S).colorPicker.presetColors,
-						class: d(["tpl:flex tpl:flex-wrap tpl:gap-1.5", I.value && "tpl:mb-2"]),
-						onKeydown: pe
-					}, [B.value ? (i(), m("button", {
+						class: d(["tpl:flex tpl:flex-wrap tpl:gap-1.5", L.value && "tpl:mb-2"]),
+						onKeydown: fe
+					}, [V.value ? (i(), m("button", {
 						key: 0,
 						type: "button",
 						role: "radio",
 						"aria-label": c(S).colorPicker.clear,
 						title: c(S).colorPicker.clear,
 						"aria-checked": O.value,
-						tabindex: fe(),
+						tabindex: de(),
 						class: d(["tpl-color-swatch-empty tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:focus-visible:ring-2 tpl:focus-visible:ring-[var(--tpl-primary)] tpl:focus-visible:ring-offset-1 tpl:focus-visible:ring-offset-[var(--tpl-bg-elevated)]", O.value ? "tpl:ring-2 tpl:ring-[var(--tpl-primary)] tpl:ring-offset-1 tpl:ring-offset-[var(--tpl-bg-elevated)]" : "tpl:hover:border-[var(--tpl-text-dim)]"]),
-						onClick: K
-					}, null, 10, ze)) : h("", !0), (i(!0), m(w, null, t(N.value, (e, t) => (i(), m("button", {
+						onClick: q
+					}, null, 10, ze)) : h("", !0), (i(!0), m(w, null, t(P.value, (e, t) => (i(), m("button", {
 						key: e,
 						type: "button",
 						role: "radio",
 						"aria-label": e,
 						title: e,
-						"aria-checked": R(e),
-						tabindex: U(t),
+						"aria-checked": z(e),
+						tabindex: W(t),
 						style: v({ backgroundColor: e }),
-						class: d(["tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:focus-visible:ring-2 tpl:focus-visible:ring-[var(--tpl-primary)] tpl:focus-visible:ring-offset-1 tpl:focus-visible:ring-offset-[var(--tpl-bg-elevated)]", R(e) ? "tpl:ring-2 tpl:ring-[var(--tpl-primary)] tpl:ring-offset-1 tpl:ring-offset-[var(--tpl-bg-elevated)]" : "tpl:hover:border-[var(--tpl-text-dim)]"]),
-						onClick: (t) => z(e)
+						class: d(["tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:focus-visible:ring-2 tpl:focus-visible:ring-[var(--tpl-primary)] tpl:focus-visible:ring-offset-1 tpl:focus-visible:ring-offset-[var(--tpl-bg-elevated)]", z(e) ? "tpl:ring-2 tpl:ring-[var(--tpl-primary)] tpl:ring-offset-1 tpl:ring-offset-[var(--tpl-bg-elevated)]" : "tpl:hover:border-[var(--tpl-text-dim)]"]),
+						onClick: (t) => B(e)
 					}, null, 14, Be))), 128))], 42, Re)) : h("", !0),
-					I.value ? (i(), m("hex-color-picker", {
+					L.value ? (i(), m("hex-color-picker", {
 						key: 1,
-						color: ee.value,
+						color: A.value,
 						"aria-label": c(S).colorPicker.pickColor,
-						onColorChanged: W,
-						onPointerdown: me,
-						onPointerup: he,
+						onColorChanged: G,
+						onPointerdown: pe,
+						onPointerup: me,
 						onKeydown: a[0] ||= u((e) => C.value = !1, ["escape"])
 					}, null, 40, Ve)) : h("", !0),
-					r.swatchOnly && I.value ? (i(), m("div", He, [x("input", {
+					r.swatchOnly && L.value ? (i(), m("div", He, [x("input", {
 						type: "text",
-						class: d([c(de), "tpl:w-full"]),
-						style: v(A.value ? { paddingRight: "2.25rem" } : void 0),
+						class: d([c(ue), "tpl:w-full"]),
+						style: v(j.value ? { paddingRight: "2.25rem" } : void 0),
 						value: k.value,
 						placeholder: r.placeholder || c(S).colorPicker.notSet,
 						disabled: r.disabled,
 						"aria-label": c(S).colorPicker.hexValue,
-						onChange: G,
+						onChange: K,
 						onKeydown: a[1] ||= u(_((e) => e.target.blur(), ["prevent"]), ["enter"])
-					}, null, 46, Ue), A.value ? (i(), m("button", {
+					}, null, 46, Ue), j.value ? (i(), m("button", {
 						key: 0,
 						type: "button",
 						"aria-label": c(S).colorPicker.clear,
 						title: c(S).colorPicker.clear,
 						class: "tpl:absolute tpl:right-2 tpl:top-1/2 tpl:flex tpl:size-6 tpl:-translate-y-1/2 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
-						onClick: K
-					}, [l(c(F), {
+						onClick: q
+					}, [l(c(I), {
 						size: 14,
 						"stroke-width": 1.5
 					})], 8, We)) : h("", !0)])) : h("", !0)
@@ -705,7 +705,7 @@ var st = /* @__PURE__ */ new Set([
 	"End"
 ]);
 function ct(t) {
-	let { elementRef: n, modelValue: i, emit: a, mergeTags: o, syntax: c, enabled: l, onInsert: u } = t, d = A(c), f = k(c), m = p(() => l && d !== null && o.value.length > 0), h = e(j, null), _ = nt((S(h) ? h.value : h)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", se()), v = !1;
+	let { elementRef: n, modelValue: i, emit: a, mergeTags: o, syntax: c, enabled: l, onInsert: u } = t, d = j(c), f = k(c), m = p(() => l && d !== null && o.value.length > 0), h = e(M, null), _ = nt((S(h) ? h.value : h)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", oe()), v = !1;
 	r() && s(() => {
 		v = !0, _.close();
 	});
@@ -759,7 +759,7 @@ function ct(t) {
 //#endregion
 //#region src/composables/useMergeTagField.ts
 function lt(e) {
-	let { modelValue: t, emit: n, elementRef: i } = e, { mergeTags: o, canRequestMergeTag: c, isRequesting: l, isMergeTagValue: u, getMergeTagDisplayLabel: d, findMergeTag: f, requestMergeTag: m, syntax: h, autocomplete: _ } = I(), { canInsertLogicTag: v, isRequesting: y, requestLogicTag: b } = L(), x = a(!1), S = !1, C = !1;
+	let { modelValue: t, emit: n, elementRef: i } = e, { mergeTags: o, canRequestMergeTag: c, isRequesting: l, isMergeTagValue: u, getMergeTagDisplayLabel: d, findMergeTag: f, requestMergeTag: m, syntax: h, autocomplete: _ } = L(), { canInsertLogicTag: v, isRequesting: y, requestLogicTag: b } = R(), x = a(!1), S = !1, C = !1;
 	r() && s(() => {
 		C = !0;
 	});
@@ -787,7 +787,7 @@ function lt(e) {
 				type: "mergeTag",
 				value: t,
 				label: d(t)
-			}) : ee(t, h) ? n.push({
+			}) : A(t, h) ? n.push({
 				type: "logicMergeTag",
 				value: t,
 				keyword: O(t, h)
@@ -811,22 +811,22 @@ function lt(e) {
 	function k() {
 		S || (x.value = !1);
 	}
-	function A(e) {
+	function j(e) {
 		n(e.target.value), w.refresh();
 	}
-	function te(e) {
+	function ee(e) {
 		return w.handleKeydown(e) ? (e.preventDefault(), !0) : (e.key === "Escape" && k(), !1);
 	}
-	function ne() {
+	function te() {
 		w.refresh();
 	}
-	function re() {
+	function M() {
 		w.close(), k();
 	}
-	function ie() {
+	function ne() {
 		n("");
 	}
-	async function j() {
+	async function re() {
 		let e = x.value && i.value ? i.value.selectionStart ?? t().length : t().length;
 		S = !0;
 		let r;
@@ -844,7 +844,7 @@ function lt(e) {
 			});
 		}
 	}
-	async function M(e) {
+	async function N(e) {
 		let t = T.value, r = t[e];
 		if (r?.type !== "mergeTag") return;
 		S = !0;
@@ -859,7 +859,7 @@ function lt(e) {
 		}
 		!C && i && n(t.map((t, n) => n === e ? i.value : t.value).join(""));
 	}
-	async function ae() {
+	async function ie() {
 		let e = i.value, r = e?.selectionStart ?? t().length, a = e?.selectionEnd ?? r;
 		S = !0;
 		let o;
@@ -884,14 +884,14 @@ function lt(e) {
 		isEditing: x,
 		startEditing: D,
 		stopEditing: k,
-		handleInput: A,
-		handleKeydown: te,
-		handleClick: ne,
-		handleBlur: re,
-		clearValue: ie,
-		insertMergeTag: j,
-		replaceMergeTagAt: M,
-		insertLogicTag: ae,
+		handleInput: j,
+		handleKeydown: ee,
+		handleClick: te,
+		handleBlur: M,
+		clearValue: ne,
+		insertMergeTag: re,
+		replaceMergeTagAt: N,
+		insertLogicTag: ie,
 		autocompleteAvailable: w.available
 	};
 }
@@ -917,7 +917,7 @@ var ut = ["aria-label"], dt = [
 		"repick"
 	],
 	setup(e, { emit: n }) {
-		let r = n, { t: a, format: o } = M(), { canRepickMergeTag: s, showRawValue: u } = I();
+		let r = n, { t: a, format: o } = N(), { canRepickMergeTag: s, showRawValue: u } = L();
 		function f() {
 			r("edit");
 		}
@@ -964,7 +964,7 @@ var ut = ["aria-label"], dt = [
 				title: c(a).mergeTag.editAsText,
 				"data-testid": "merge-tag-field-edit",
 				onClick: _(f, ["stop"])
-			}, [l(c(N), {
+			}, [l(c(P), {
 				size: 12,
 				"stroke-width": 2
 			})], 8, ht),
@@ -975,7 +975,7 @@ var ut = ["aria-label"], dt = [
 				title: c(a).mergeTag.remove,
 				"data-testid": "merge-tag-field-clear",
 				onClick: p[0] ||= _((e) => r("clear"), ["stop"])
-			}, [l(c(F), {
+			}, [l(c(I), {
 				size: 12,
 				"stroke-width": 2.5
 			})], 8, gt)
@@ -990,7 +990,7 @@ var ut = ["aria-label"], dt = [
 	props: { disabled: { type: Boolean } },
 	emits: ["insert"],
 	setup(e) {
-		let { t } = M();
+		let { t } = N();
 		return (n, r) => (i(), m("button", {
 			type: "button",
 			class: d([yt, "tpl:mt-1.5"]),
@@ -999,7 +999,7 @@ var ut = ["aria-label"], dt = [
 			disabled: e.disabled,
 			onMousedown: r[0] ||= _(() => {}, ["prevent"]),
 			onClick: r[1] ||= (e) => n.$emit("insert")
-		}, [l(c(ue), {
+		}, [l(c(le), {
 			size: 12,
 			"stroke-width": 2
 		}), D(" " + T(c(t).mergeTag.insertShort), 1)], 42, vt));
@@ -1013,7 +1013,7 @@ var ut = ["aria-label"], dt = [
 	props: { disabled: { type: Boolean } },
 	emits: ["insert"],
 	setup(e) {
-		let { t } = M();
+		let { t } = N();
 		return (n, r) => (i(), m("button", {
 			type: "button",
 			class: d([St, "tpl:mt-1.5"]),
@@ -1023,7 +1023,7 @@ var ut = ["aria-label"], dt = [
 			"data-testid": "field-insert-logic-button",
 			onMousedown: r[0] ||= _(() => {}, ["prevent"]),
 			onClick: r[1] ||= (e) => n.$emit("insert")
-		}, [l(c(P), {
+		}, [l(c(F), {
 			size: 12,
 			"stroke-width": 2
 		}), D(" " + T(c(t).logicTag.insertShort), 1)], 42, xt));
@@ -1032,4 +1032,4 @@ var ut = ["aria-label"], dt = [
 //#endregion
 export { nt as a, Ge as c, lt as i, bt as n, et as o, _t as r, tt as s, Ct as t };
 
-//# sourceMappingURL=LogicTagInsertButton-DpyPozop.js.map
+//# sourceMappingURL=LogicTagInsertButton-CHc1yZ9v.js.map