@templatical/editor 0.27.3 → 0.27.4

package/dist/templatical-editor.js

@@ -1,32 +1,32 @@
 import { A as e, B as t, D as n, Dt as r, G as i, J as a, L as o, M as s, O as c, Ot as l, P as u, S as d, T as f, U as p, X as m, _ as h, b as g, c as _, d as v, g as y, h as b, j as x, k as S, kt as C, l as w, p as T, q as E, r as D, rt as O, s as k, u as A, v as j, z as M } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
-import { a as N, c as P, n as F, o as I, s as L, t as R } from "./runtime-dom.esm-bundler-BgKXIPLV.js";
-import { A as z, D as B, E as V, M as ee, N as H, R as U, T as W, a as G, c as te, f as ne, k as K, l as re, p as ie, s as ae, z as oe } from "./dist-B1kLn1rs.js";
-import { F as se, G as ce, I as le, J as ue, K as de, M as fe, O as pe, P as me, R as he, T as ge, V as _e, W as ve, X as ye, Y as be, _ as xe, a as Se, b as Ce, c as we, f as Te, g as Ee, h as De, i as Oe, l as ke, m as Ae, n as je, o as Me, p as Ne, q as Pe, r as Fe, s as Ie, t as Le, u as Re, v as ze, w as Be, x as Ve, y as He, z as Ue } from "./useEditorCore-DoKDh27o.js";
+import { a as N, c as P, n as F, o as I, s as L, t as ee } from "./runtime-dom.esm-bundler-BgKXIPLV.js";
+import { A as R, D as z, E as B, M as V, N as H, R as U, T as W, a as G, c as te, f as ne, k as K, l as re, p as ie, s as ae, z as oe } from "./dist-B1kLn1rs.js";
+import { F as se, G as ce, I as le, J as ue, K as de, M as fe, O as pe, P as me, R as he, T as ge, V as _e, W as ve, X as ye, Y as be, _ as xe, a as Se, b as Ce, c as we, f as Te, g as Ee, h as De, i as Oe, l as ke, m as Ae, n as je, o as Me, p as Ne, q as Pe, r as Fe, s as Ie, t as Le, u as Re, v as ze, w as Be, x as Ve, y as He, z as Ue } from "./useEditorCore-D7Gz7_CW.js";
 import { c as We, m as Ge, p as Ke } from "./dist-CqcGTIiX.js";
 import { i as qe } from "./dist-B5iReTtK.js";
 import { B as Je, D as Ye, F as Xe, H as Ze, L as Qe, N as $e, O as et, U as tt, V as nt, W as rt, _ as it, c as at, d as ot, f as st, h as ct, j as lt, k as ut, m as dt, n as ft, o as pt, p as mt, r as ht, s as gt, u as _t, w as vt, z as yt } from "./keys-CVpi8xCT.js";
 import { t as q } from "./useI18n-CvYvat9_.js";
 import { t as bt } from "./logger-BBlvSn6q.js";
 import { a as xt, n as St } from "./usePopoverPosition-WslxM_PU.js";
-import { t as J } from "./createLucideIcon-L-wQXW_R.js";
-import { n as Ct, t as wt } from "./scan-line-DyaSTsJ5.js";
-import { t as Tt } from "./check-DZbmkMQe.js";
-import { t as Et } from "./chevron-down-nYScOLeZ.js";
-import { t as Dt } from "./circle-alert-CuuK6thq.js";
-import { i as Ot, n as kt, r as At, t as jt } from "./blockTypeIcons-BRCuWioG.js";
-import { n as Mt, t as Nt } from "./refresh-cw-OK_O-cL0.js";
-import { t as Pt } from "./image-up-DouZRGVt.js";
-import { t as Ft } from "./info-puX5V6Iq.js";
-import { n as It, t as Lt } from "./useScrollToBlock-KA65jhQ_.js";
-import { t as Rt } from "./loader-circle-DqTxB7Kr.js";
-import { t as zt } from "./message-circle-BZ7YpB22.js";
-import { i as Bt, n as Vt, r as Ht, t as Ut } from "./MergeTagModeToggle-koHNtEJe.js";
-import { t as Wt } from "./send-B-wasJJC.js";
-import { t as Gt } from "./sparkles-DYEMATWC.js";
-import { n as Kt, r as qt, t as Jt } from "./text-align-start-CzjLeBLe.js";
-import { t as Yt } from "./trash-2-C0shEPry.js";
-import { t as Xt } from "./upload-D69C2CBx.js";
-import { t as Zt } from "./x-BjTlFqRv.js";
+import { t as J } from "./createLucideIcon-CAmDKr5Z.js";
+import { n as Ct, t as wt } from "./scan-line-B5EvAPSG.js";
+import { t as Tt } from "./check-GRcTaHlZ.js";
+import { t as Et } from "./chevron-down-NUIAa2Qf.js";
+import { t as Dt } from "./circle-alert-FpQ8ykQL.js";
+import { i as Ot, n as kt, r as At, t as jt } from "./blockTypeIcons-BjUkQsAe.js";
+import { n as Mt, t as Nt } from "./refresh-cw-BDAUomac.js";
+import { t as Pt } from "./image-up-CIGT4cSb.js";
+import { t as Ft } from "./info-9YwKinXj.js";
+import { n as It, t as Lt } from "./useScrollToBlock-DcImB73T.js";
+import { t as Rt } from "./loader-circle-QyURl47g.js";
+import { t as zt } from "./message-circle-C9pycEzV.js";
+import { i as Bt, n as Vt, r as Ht, t as Ut } from "./MergeTagModeToggle-CVzJY9b2.js";
+import { t as Wt } from "./send-BAUn7DLp.js";
+import { t as Gt } from "./sparkles-X6C0spo6.js";
+import { n as Kt, r as qt, t as Jt } from "./text-align-start-C6FXOoEj.js";
+import { t as Yt } from "./trash-2-balHkQP4.js";
+import { t as Xt } from "./upload-D70OYprI.js";
+import { t as Zt } from "./x-DTUPbuwx.js";
 import { t as Qt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as $t } from "./useCloudI18n-DmWo4nzs.js";
 import { t as en } from "./useMergeTag-D6Z6cyDa.js";
@@ -35,11 +35,11 @@ import { t as nn } from "./preRenderCustomBlocks-BebjKtmw.js";
 import { n as rn, t as an } from "./emailFrameWidth-BmFCN2dp.js";
 import { t as on } from "./readableTextColor-f8Kykfnh.js";
 import { S as sn, _ as cn, b as ln, c as un, g as Y, h as X, l as dn, m as Z, p as Q, r as fn, t as pn, y as mn } from "./styleConstants-9oK5kn21.js";
-import { t as $ } from "./ColorPicker-ClUa_hMj.js";
+import { t as $ } from "./ColorPicker-j0TQu5lE.js";
 import { n as hn, r as gn } from "./MergeTagSuggestion-DGha0WRp.js";
 import { i as _n, n as vn, r as yn, t as bn } from "./NumberWithSuffix-D9mPtMJB.js";
 import { t as xn } from "./formatRelativeTime-CtUU-QZ8.js";
-import { t as Sn } from "./TplModal-CyBCFn5s.js";
+import { t as Sn } from "./TplModal-CJLs8as_.js";
 var Cn = J("circle", [["circle", {
 	cx: "12",
 	cy: "12",
@@ -747,7 +747,7 @@ function Qn(e, t, n) {
 			}), o = a.exec(e);
 		}
 	};
-	return i(n.logic, "data-logic-merge-tag", (e) => V(e, n)), i(n.value, "data-merge-tag", (e) => B(e, t)), r.sort((e, t) => e.start - t.start);
+	return i(n.logic, "data-logic-merge-tag", (e) => B(e, n)), i(n.value, "data-merge-tag", (e) => z(e, t)), r.sort((e, t) => e.start - t.start);
 }
 function $n(e) {
 	let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
@@ -899,15 +899,15 @@ var or = ["aria-label"], sr = {
 					blocks: e
 				});
 			}
-		}), R = k(() => rn(o.content.settings, o.viewport)), z = k(() => R.value + 192), B = k(() => Te(o.content.settings)), V = k(() => L.value.length === 0 && !o.previewMode), ee = m(0), H = k(() => V.value && ee.value > 0);
+		}), ee = k(() => rn(o.content.settings, o.viewport)), R = k(() => ee.value + 192), z = k(() => Te(o.content.settings)), B = k(() => L.value.length === 0 && !o.previewMode), V = m(0), H = k(() => B.value && V.value > 0);
 		function U() {
-			V.value && (ee.value += 1);
+			B.value && (V.value += 1);
 		}
 		function W() {
-			V.value && (ee.value = Math.max(0, ee.value - 1));
+			B.value && (V.value = Math.max(0, V.value - 1));
 		}
 		function G() {
-			ee.value = 0;
+			V.value = 0;
 		}
 		function te(e) {
 			o.previewMode || T.savedBlocks?.isPicking.value || e.target === e.currentTarget && s("select-block", null);
@@ -940,7 +940,7 @@ var or = ["aria-label"], sr = {
 		return (e, i) => (S(), v("div", {
 			class: "tpl-canvas-stage tpl:relative tpl:flex tpl:justify-center tpl:rounded-lg",
 			style: l({
-				width: `${z.value}px`,
+				width: `${R.value}px`,
 				boxShadow: n.darkMode ? "none" : "var(--tpl-shadow-xl)",
 				transition: O(an)
 			})
@@ -957,7 +957,7 @@ var or = ["aria-label"], sr = {
 			"aria-label": O(c).landmarks.canvas,
 			class: "tpl-canvas-wrapper tpl:relative",
 			style: l({
-				width: `${R.value}px`,
+				width: `${ee.value}px`,
 				transition: O(an)
 			})
 		}, [_("div", {
@@ -965,7 +965,7 @@ var or = ["aria-label"], sr = {
 				"tpl-canvas--dark-mode": n.darkMode,
 				"tpl-preview-mode": n.previewMode
 			}]),
-			style: l(B.value),
+			style: l(z.value),
 			onClick: te
 		}, [O(j)?.isInitialResolve.value ? (S(), v("div", sr, [_("span", cr, C(O(c).previewResolution.resolving), 1), (S(), v(D, null, x(3, (e) => _("div", {
 			key: e,
@@ -986,15 +986,15 @@ var or = ["aria-label"], sr = {
 			"force-fallback": !0,
 			class: r([
 				"tpl-canvas-blocks",
-				V.value ? "tpl-canvas-empty tpl:m-6 tpl:flex tpl:min-h-[400px] tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-xl tpl:border-2 tpl:border-dashed tpl:px-10 tpl:py-12 tpl:text-center tpl:bg-[var(--tpl-bg-elevated)] tpl:font-[var(--tpl-font-family)] tpl:transition-colors" : "",
-				V.value && H.value ? "tpl-canvas-empty--drag-over tpl:border-[var(--tpl-primary-hover)] tpl:bg-[var(--tpl-primary-light)]" : "",
-				V.value && !H.value ? "tpl:border-[var(--tpl-primary)]" : ""
+				B.value ? "tpl-canvas-empty tpl:m-6 tpl:flex tpl:min-h-[400px] tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-xl tpl:border-2 tpl:border-dashed tpl:px-10 tpl:py-12 tpl:text-center tpl:bg-[var(--tpl-bg-elevated)] tpl:font-[var(--tpl-font-family)] tpl:transition-colors" : "",
+				B.value && H.value ? "tpl-canvas-empty--drag-over tpl:border-[var(--tpl-primary-hover)] tpl:bg-[var(--tpl-primary-light)]" : "",
+				B.value && !H.value ? "tpl:border-[var(--tpl-primary)]" : ""
 			]),
 			onDragenter: U,
 			onDragleave: W,
 			onDrop: G
 		}, {
-			default: M(() => [V.value ? (S(), v("div", ur, [
+			default: M(() => [B.value ? (S(), v("div", ur, [
 				_("div", dr, [y(O(Pn), {
 					size: 48,
 					"stroke-width": 1
@@ -1141,17 +1141,27 @@ var Sr = ["aria-label"], Cr = {
 }, kr = /* @__PURE__ */ j({
 	__name: "Sidebar",
 	setup(e) {
-		let { t, format: n } = q(), r = d(st, []), i = d($e, void 0), a = d(pt, void 0), s = d(ct, null), c = Lt(), f = d(at, {}), p = k(() => f.savedBlocks?.isAvailable.value === !0), h = m(!1), g = m(!1);
-		function b() {
-			g.value || (h.value = !1);
-		}
+		let { t, format: n } = q(), r = d(st, []), i = d($e, void 0), a = d(pt, void 0), s = d(ct, null), c = Lt(), f = d(at, {}), p = k(() => f.savedBlocks?.isAvailable.value === !0), h = m(!1), g = m(!1), b = m(null);
 		function T() {
-			g.value = !0;
+			try {
+				return b.value?.querySelector(":focus-visible") != null;
+			} catch {
+				return !1;
+			}
 		}
 		function E() {
+			g.value || T() || (h.value = !1);
+		}
+		function j() {
+			g.value = !0;
+		}
+		function N() {
+			g.value = !1;
+		}
+		function P() {
 			g.value = !1, h.value = !1;
 		}
-		let j = [
+		let F = [
 			"section",
 			"image",
 			"title",
@@ -1164,8 +1174,8 @@ var Sr = ["aria-label"], Cr = {
 			"table",
 			"spacer",
 			"html"
-		], N = k(() => {
-			let e = j.map((e) => ({
+		], I = k(() => {
+			let e = F.map((e) => ({
 				type: e,
 				label: _e(e, t)
 			}));
@@ -1173,25 +1183,25 @@ var Sr = ["aria-label"], Cr = {
 				type: "countdown",
 				label: _e("countdown", t)
 			}), e;
-		}), P = k(() => r.map((e) => ({
+		}), L = k(() => r.map((e) => ({
 			type: `custom:${e.type}`,
 			label: e.name,
 			isCustom: !0,
 			icon: e.icon
-		}))), F = k(() => [...N.value, ...P.value]), I = k(() => br(F.value, i)), L = k(() => I.value.items), R = /* @__PURE__ */ new Set();
-		o(() => I.value.unknown, (e) => {
-			for (let t of e) R.has(t) || (R.add(t), bt.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
+		}))), ee = k(() => [...I.value, ...L.value]), R = k(() => br(ee.value, i)), z = k(() => R.value.items), B = /* @__PURE__ */ new Set();
+		o(() => R.value.unknown, (e) => {
+			for (let t of e) B.has(t) || (B.add(t), bt.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
 		}, { immediate: !0 });
-		function z(e) {
+		function V(e) {
 			if (e.isCustom) {
 				let t = e.type.replace("custom:", ""), n = r.find((e) => e.type === t);
 				if (n) return ne(n);
 			}
 			return re(e.type, a);
 		}
-		function B(e) {
+		function H(e) {
 			if (!s) return;
-			let t = z(e), { targetSectionId: n, columnIndex: r, index: i } = xr({
+			let t = V(e), { targetSectionId: n, columnIndex: r, index: i } = xr({
 				blockType: e.type,
 				selectedBlockId: s.state.selectedBlockId,
 				findBlockLocation: s.findBlockLocation,
@@ -1199,10 +1209,12 @@ var Sr = ["aria-label"], Cr = {
 			});
 			s.addBlock(t, n, r, i), s.selectBlock(t.id), c(t.id);
 		}
-		function V(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), B(t));
+		function U(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), H(t));
 		}
 		return (e, r) => (S(), v("aside", {
+			ref_key: "railEl",
+			ref: b,
 			"aria-label": O(t).sidebarNav.palette,
 			class: "tpl-sidebar-rail tpl:absolute tpl:top-14 tpl:bottom-0 tpl:left-0 tpl:z-40 tpl:flex tpl:flex-col tpl:overflow-hidden",
 			style: l({
@@ -1213,7 +1225,7 @@ var Sr = ["aria-label"], Cr = {
 				transition: "width 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1)"
 			}),
 			onMouseenter: r[1] ||= (e) => h.value = !0,
-			onMouseleave: b,
+			onMouseleave: E,
 			onFocusin: r[2] ||= (e) => h.value = !0,
 			onFocusout: r[3] ||= (e) => h.value = !1
 		}, [p.value ? (S(), v("div", Cr, [_("button", {
@@ -1227,29 +1239,30 @@ var Sr = ["aria-label"], Cr = {
 			"stroke-width": 1.5,
 			class: "tpl:shrink-0"
 		}), h.value ? (S(), v("span", Tr, C(O(t).savedBlocks.title), 1)) : A("", !0)], 12, wr)])) : A("", !0), y(O(we), {
-			"model-value": L.value,
+			"model-value": z.value,
 			group: {
 				name: "blocks",
 				pull: "clone",
 				put: !1
 			},
-			clone: z,
+			clone: V,
 			sort: !1,
 			animation: 150,
 			"force-fallback": !0,
 			class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:gap-0.5 tpl:overflow-y-auto tpl:p-1",
-			onChoose: T,
-			onEnd: E
+			onChoose: j,
+			onUnchoose: N,
+			onEnd: P
 		}, {
-			default: M(() => [(S(!0), v(D, null, x(L.value, (e) => (S(), v("button", {
+			default: M(() => [(S(!0), v(D, null, x(z.value, (e) => (S(), v("button", {
 				key: e.type,
 				type: "button",
 				"data-palette-type": e.type,
 				"aria-label": O(n)(O(t).sidebarNav.insertBlock, { block: e.label }),
 				class: "tpl:flex tpl:h-10 tpl:w-full tpl:shrink-0 tpl:cursor-grab tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:active:cursor-grabbing",
 				style: l({ justifyContent: h.value ? "flex-start" : "center" }),
-				onClick: (t) => B(e),
-				onKeydown: (t) => V(t, e)
+				onClick: (t) => H(e),
+				onKeydown: (t) => U(t, e)
 			}, [_("div", Dr, [O(jt)[e.type] ? (S(), w(u(O(jt)[e.type]), {
 				key: 0,
 				size: 20,
@@ -1322,7 +1335,7 @@ var Pr = /* @__PURE__ */ new Set([
 	"End"
 ]);
 function Fr(e) {
-	let { elementRef: t, modelValue: n, emit: r, mergeTags: a, syntax: o, enabled: s, onInsert: c } = e, l = z(o), u = K(o), m = s && l !== null && a.length > 0, h = d(nt, null), g = (i(h) ? h.value : h)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", _ = St(), v = hn(g, _), y = !1;
+	let { elementRef: t, modelValue: n, emit: r, mergeTags: a, syntax: o, enabled: s, onInsert: c } = e, l = R(o), u = K(o), m = s && l !== null && a.length > 0, h = d(nt, null), g = (i(h) ? h.value : h)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", _ = St(), v = hn(g, _), y = !1;
 	p() && E(() => {
 		y = !0, v.close();
 	});
@@ -1407,7 +1420,7 @@ function Ir(e) {
 			}) : H(t, u) ? n.push({
 				type: "logicMergeTag",
 				value: t,
-				keyword: V(t, u)
+				keyword: B(t, u)
 			}) : n.push({
 				type: "text",
 				value: t
@@ -2216,7 +2229,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 			}
 			F.value && (g.value = e.before, T.value = e.after ?? "");
 		}, { immediate: !0 });
-		let R = k(() => {
+		let ee = k(() => {
 			let e = {};
 			for (let t of l) {
 				let n = t.group ?? "";
@@ -2224,19 +2237,19 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 			}
 			return e;
 		});
-		function z(e, t) {
+		function R(e, t) {
 			s("update", { styles: {
 				...i.block.styles,
 				[e]: t
 			} });
 		}
-		function B(e) {
+		function z(e) {
 			return i.block.visibility?.[e] !== !1;
 		}
-		function V(e) {
+		function B(e) {
 			let t = {
-				desktop: B("desktop"),
-				mobile: B("mobile")
+				desktop: z("desktop"),
+				mobile: z("mobile")
 			};
 			t[e] = !t[e], s("update", { visibility: t });
 		}
@@ -2250,7 +2263,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 				default: M(() => [y(Pa, {
 					label: O(c).blockSettings.padding,
 					"model-value": e.block.styles.padding,
-					"onUpdate:modelValue": i[0] ||= (e) => z("padding", e)
+					"onUpdate:modelValue": i[0] ||= (e) => R("padding", e)
 				}, null, 8, ["label", "model-value"])]),
 				_: 1
 			}, 8, [
@@ -2265,7 +2278,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 			}, {
 				default: M(() => [_("label", { class: r(O(Y)) }, C(O(c).blockSettings.color), 3), y($, {
 					"model-value": e.block.styles.backgroundColor ?? "",
-					"onUpdate:modelValue": i[2] ||= (e) => z("backgroundColor", e)
+					"onUpdate:modelValue": i[2] ||= (e) => R("backgroundColor", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["title", "open"]),
@@ -2277,9 +2290,9 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 				default: M(() => [_("div", Ra, [(S(), v(D, null, x(E, (e) => y(_n, {
 					key: e.key,
 					class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
-					"model-value": B(e.key),
+					"model-value": z(e.key),
 					label: O(c).blockSettings[e.labelKey],
-					"onUpdate:modelValue": (t) => V(e.key)
+					"onUpdate:modelValue": (t) => B(e.key)
 				}, {
 					default: M(() => [_("span", za, [(S(), w(u(e.icon), {
 						size: 14,
@@ -2319,7 +2332,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
 					}
 				}, [
 					_("option", Ha, C(O(c).blockSettings.noCondition), 1),
-					(S(!0), v(D, null, x(R.value, (e, t) => (S(), v(D, { key: t }, [t ? (S(), v("optgroup", {
+					(S(!0), v(D, null, x(ee.value, (e, t) => (S(), v(D, { key: t }, [t ? (S(), v("optgroup", {
 						key: 0,
 						label: String(t)
 					}, [(S(!0), v(D, null, x(e, (e) => (S(), v("option", {
@@ -2995,7 +3008,7 @@ var Fo = {
 				}
 			}
 		}
-		let { isOver: R } = xe({
+		let { isOver: ee } = xe({
 			target: N,
 			enabled: I,
 			onFiles: L
@@ -3006,7 +3019,7 @@ var Fo = {
 				ref: N,
 				class: "tpl:relative"
 			}, [
-				I.value && (O(R) || P.value) ? (S(), v("div", ts, [P.value ? (S(), v(D, { key: 0 }, [y(O(Rt), {
+				I.value && (O(ee) || P.value) ? (S(), v("div", ts, [P.value ? (S(), v(D, { key: 0 }, [y(O(Rt), {
 					class: "tpl-spinner",
 					size: 18,
 					"stroke-width": 2
@@ -3944,7 +3957,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 		"duplicate"
 	],
 	setup(e, { emit: t }) {
-		let n = h(() => import("./CountdownToolbar-BpnKUXN_.js")), r = e, i = t, { t: a } = q(), o = rt(it, "Toolbar"), s = d(st, []), c = k(() => r.block.type), l = k(() => ee(r.block)), f = k(() => {
+		let n = h(() => import("./CountdownToolbar-UPdwNvVI.js")), r = e, i = t, { t: a } = q(), o = rt(it, "Toolbar"), s = d(st, []), c = k(() => r.block.type), l = k(() => V(r.block)), f = k(() => {
 			if (l.value) return s.find((e) => e.type === r.block.customType);
 		}), p = k(() => l.value ? f.value?.name ?? r.block.customType : _e(c.value, a)), m = o.fonts;
 		function g(e) {
@@ -4092,7 +4105,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 		"update-settings"
 	],
 	setup(e, { emit: t }) {
-		let n = h(() => import("./IssuesPanel-BFczwZkL.js")), i = e, a = t, { t: s } = q(), c = m("content"), u = d(yt, null), f = k(() => u !== null), p = k(() => u?.issues.value.length ?? 0);
+		let n = h(() => import("./IssuesPanel-D49aJjLS.js")), i = e, a = t, { t: s } = q(), c = m("content"), u = d(yt, null), f = k(() => u !== null), p = k(() => u?.issues.value.length ?? 0);
 		function g(e) {
 			return c.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:text-[var(--tpl-text)]";
 		}
@@ -4252,7 +4265,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 			title: e.darkMode ? O(r).darkMode.disable : O(r).darkMode.enable,
 			"aria-pressed": e.darkMode,
 			onClick: i[0] ||= (t) => n("change", !e.darkMode)
-		}, [y(R, {
+		}, [y(ee, {
 			"enter-active-class": "tpl-icon-enter-active",
 			"leave-active-class": "tpl-icon-leave-active",
 			"enter-from-class": "tpl-icon-enter-from",
@@ -4291,7 +4304,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 			title: e.previewMode ? O(r).previewMode.disable : O(r).previewMode.enable,
 			"aria-pressed": e.previewMode,
 			onClick: i[0] ||= (t) => n("change", !e.previewMode)
-		}, [y(R, {
+		}, [y(ee, {
 			"enter-active-class": "tpl-icon-enter-active",
 			"leave-active-class": "tpl-icon-leave-active",
 			"enter-from-class": "tpl-icon-enter-from",
@@ -4436,7 +4449,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 		comments: {}
 	},
 	setup(e) {
-		let t = h(() => import("./VersionHistoryMenu-8nd_aOnh.js"));
+		let t = h(() => import("./VersionHistoryMenu-CrIVG_SN.js"));
 		return (n, i) => (S(), v("header", su, [
 			_("div", cu, [e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (S(), v("div", {
 				key: 0,
@@ -4618,7 +4631,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 				t.value,
 				t.description ?? ""
 			].join(" ").toLowerCase().includes(e)) : n.tags.value;
-		}), R = k(() => {
+		}), ee = k(() => {
 			if (!T.value) return [];
 			let e = i.mergeTag.picker.otherGroup, t = /* @__PURE__ */ new Set(), r = [];
 			for (let i of n.tags.value) {
@@ -4626,7 +4639,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 				t.has(n) || (t.add(n), r.push(n));
 			}
 			return r;
-		}), z = k(() => {
+		}), R = k(() => {
 			let e = I.value;
 			if (!T.value || g.value) return e.map((e, t) => ({
 				kind: "tag",
@@ -4652,24 +4665,24 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 				}), o++;
 			}
 			return a;
-		}), B = k(() => z.value.flatMap((e) => e.kind === "tag" ? [e.tag] : []));
+		}), z = k(() => R.value.flatMap((e) => e.kind === "tag" ? [e.tag] : []));
 		o(() => n.isOpen.value, (e) => {
 			e && (u.value = "", b.value = 0, E.value = /* @__PURE__ */ new Set(), f(() => {
 				h.value?.focus();
 			}));
-		}), o(B, (e) => {
+		}), o(z, (e) => {
 			b.value >= e.length && (b.value = Math.max(0, e.length - 1));
 		});
-		function V(e) {
+		function B(e) {
 			n.resolve(e);
 		}
-		function ee() {
+		function V() {
 			n.resolve(null);
 		}
 		function H(e) {
-			if (B.value.length === 0) return;
+			if (z.value.length === 0) return;
 			let t = b.value + e;
-			b.value = Math.max(0, Math.min(B.value.length - 1, t)), te();
+			b.value = Math.max(0, Math.min(z.value.length - 1, t)), te();
 		}
 		let U = m(null), W = m({});
 		function G(e, t) {
@@ -4708,20 +4721,20 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 			else if (e.key === "ArrowUp") e.preventDefault(), H(-1);
 			else if (e.key === "Enter") {
 				e.preventDefault();
-				let t = B.value[b.value];
-				t && V(t);
+				let t = z.value[b.value];
+				t && B(t);
 			}
 		}
 		function re() {
-			if (B.value.length !== 0) return `${Pu}-opt-${b.value}`;
+			if (z.value.length !== 0) return `${Pu}-opt-${b.value}`;
 		}
 		function ie(e) {
 			return `${Pu}-opt-${e}`;
 		}
-		let ae = k(() => n.tags.value.length === 0), oe = k(() => !ae.value && I.value.length === 0), se = k(() => T.value && R.value.length > 1 && !g.value);
+		let ae = k(() => n.tags.value.length === 0), oe = k(() => !ae.value && I.value.length === 0), se = k(() => T.value && ee.value.length > 1 && !g.value);
 		return (e, o) => (S(), w(Sn, {
 			visible: O(n).isOpen.value,
-			onClose: ee,
+			onClose: V,
 			onKeydown: K
 		}, {
 			default: M(() => [_("div", {
@@ -4741,7 +4754,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 					class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
 					"aria-label": O(i).mergeTag.picker.close,
 					"data-testid": "merge-tag-picker-close",
-					onClick: ee
+					onClick: V
 				}, [y(O(Zt), {
 					size: 16,
 					"stroke-width": 2
@@ -4764,7 +4777,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 					"data-testid": "merge-tag-picker-search",
 					onKeydown: o[1] ||= L(P(() => {}, ["prevent"]), ["enter"])
 				}, null, 40, xu), [[N, u.value]])]),
-				se.value ? (S(), v("div", Su, [(S(!0), v(D, null, x(R.value, (e) => (S(), v("button", {
+				se.value ? (S(), v("div", Su, [(S(!0), v(D, null, x(ee.value, (e) => (S(), v("button", {
 					key: e,
 					type: "button",
 					class: "tpl:flex tpl:flex-shrink-0 tpl:cursor-pointer tpl:items-center tpl:rounded-full tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-2.5 tpl:py-0.5 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
@@ -4780,7 +4793,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 					role: "listbox",
 					"aria-label": O(i).mergeTag.picker.title,
 					"data-testid": "merge-tag-picker-list"
-				}, [ae.value ? (S(), v("div", Tu, C(O(i).mergeTag.picker.empty), 1)) : oe.value ? (S(), v("div", Eu, C(O(i).mergeTag.picker.noResults), 1)) : (S(!0), v(D, { key: 2 }, x(z.value, (e, t) => (S(), v(D, { key: t }, [e.kind === "header" ? (S(), v("button", {
+				}, [ae.value ? (S(), v("div", Tu, C(O(i).mergeTag.picker.empty), 1)) : oe.value ? (S(), v("div", Eu, C(O(i).mergeTag.picker.noResults), 1)) : (S(!0), v(D, { key: 2 }, x(R.value, (e, t) => (S(), v(D, { key: t }, [e.kind === "header" ? (S(), v("button", {
 					key: 0,
 					ref_for: !0,
 					ref: (t) => G(e.group, t),
@@ -4813,7 +4826,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 					class: r(["tpl:flex tpl:w-full tpl:cursor-pointer tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:border-none tpl:px-3 tpl:py-1.5 tpl:text-left tpl:transition-colors", e.index === b.value ? "tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:bg-transparent tpl:text-[var(--tpl-text)] tpl:hover:bg-[var(--tpl-bg-hover)]"]),
 					"data-testid": "merge-tag-picker-item",
 					onMousemove: (t) => b.value = e.index,
-					onClick: (t) => V(e.tag)
+					onClick: (t) => B(e.tag)
 				}, [
 					_("span", Au, C(e.tag.label), 1),
 					_("span", ju, C(e.tag.value), 1),
@@ -4831,7 +4844,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 		syntax: {}
 	},
 	setup(e) {
-		let t = e, n = k(() => H(t.value, t.syntax)), r = k(() => V(t.value, t.syntax));
+		let t = e, n = k(() => H(t.value, t.syntax)), r = k(() => B(t.value, t.syntax));
 		return (e, t) => n.value ? (S(), v("span", {
 			key: 0,
 			class: "tpl:inline-flex tpl:flex-shrink-0 tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:leading-none tpl:font-bold tpl:tracking-wide tpl:uppercase",
@@ -4899,7 +4912,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 			tag: e,
 			group: e.group
 		}))]), I = k(() => n.tags.value.some((e) => !!e.group) || n.pairs.value.some((e) => !!e.group));
-		function R(e) {
+		function ee(e) {
 			let t = i.logicTag.picker.otherGroup, n = /* @__PURE__ */ new Map(), r = [];
 			for (let i of e) {
 				let e = i.group ?? t;
@@ -4907,7 +4920,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 			}
 			return r.map((e) => [e, n.get(e)]);
 		}
-		let z = k(() => {
+		let R = k(() => {
 			let e = [], t = [], n = 0, r = (r) => {
 				r.kind === "tag" ? (e.push({
 					kind: "tag",
@@ -4920,7 +4933,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 				}), t.push(r.pair)), n++;
 			}, i = F.value;
 			if (g.value || !I.value) for (let e of i) r(e);
-			else for (let [t, n] of R(i)) {
+			else for (let [t, n] of ee(i)) {
 				e.push({
 					kind: "header",
 					label: t
@@ -4931,10 +4944,10 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 				rows: e,
 				items: t
 			};
-		}), B = k(() => z.value.items), V = k(() => n.tags.value.length === 0 && n.pairs.value.length === 0), ee = k(() => !V.value && B.value.length === 0);
+		}), z = k(() => R.value.items), B = k(() => n.tags.value.length === 0 && n.pairs.value.length === 0), V = k(() => !B.value && z.value.length === 0);
 		o(() => n.isOpen.value, (e) => {
 			e && (u.value = "", b.value = 0, f(() => h.value?.focus()));
-		}), o(B, (e) => {
+		}), o(z, (e) => {
 			b.value >= e.length && (b.value = Math.max(0, e.length - 1));
 		});
 		let H = m(null);
@@ -4945,7 +4958,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 			n.resolve(null);
 		}
 		function te(e) {
-			B.value.length !== 0 && (b.value = Math.max(0, Math.min(B.value.length - 1, b.value + e)), f(() => {
+			z.value.length !== 0 && (b.value = Math.max(0, Math.min(z.value.length - 1, b.value + e)), f(() => {
 				H.value?.querySelector(`[data-logic-index="${b.value}"]`)?.scrollIntoView({ block: "nearest" });
 			}));
 		}
@@ -4954,7 +4967,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 			else if (e.key === "ArrowUp") e.preventDefault(), te(-1);
 			else if (e.key === "Enter") {
 				e.preventDefault();
-				let t = B.value[b.value];
+				let t = z.value[b.value];
 				t && U(t);
 			}
 		}
@@ -4962,7 +4975,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 			return `${td}-opt-${e}`;
 		}
 		function re() {
-			return B.value.length === 0 ? void 0 : `${td}-opt-${b.value}`;
+			return z.value.length === 0 ? void 0 : `${td}-opt-${b.value}`;
 		}
 		return (e, o) => (S(), w(Sn, {
 			visible: O(n).isOpen.value,
@@ -5017,7 +5030,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 					role: "listbox",
 					"aria-label": O(i).logicTag.picker.title,
 					"data-testid": "logic-picker-list"
-				}, [V.value ? (S(), v("div", Gu, C(O(i).logicTag.picker.empty), 1)) : ee.value ? (S(), v("div", Ku, C(O(i).logicTag.picker.noResults), 1)) : (S(!0), v(D, { key: 2 }, x(z.value.rows, (e, t) => (S(), v(D, { key: t }, [e.kind === "header" ? (S(), v("div", {
+				}, [B.value ? (S(), v("div", Gu, C(O(i).logicTag.picker.empty), 1)) : V.value ? (S(), v("div", Ku, C(O(i).logicTag.picker.noResults), 1)) : (S(!0), v(D, { key: 2 }, x(R.value.rows, (e, t) => (S(), v(D, { key: t }, [e.kind === "header" ? (S(), v("div", {
 					key: 0,
 					class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
 					"data-testid": "logic-picker-header",
@@ -5086,13 +5099,13 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 			editor: u,
 			onError: a.config.onError,
 			isAvailable: a.cloud ? () => a.cloud.isSavedBlocksAvailable() : void 0
-		}) : null, x = h(() => import("./SavedBlocksPanels-D5T63WyR.js")), E = a.config.testEmail ? Wn({
+		}) : null, x = h(() => import("./SavedBlocksPanels-DBfPz4iB.js")), E = a.config.testEmail ? Wn({
 			provider: a.config.testEmail,
 			getContent: () => u.content.value,
 			renderMjml: te,
 			onError: a.config.onError,
 			isAvailable: a.cloud ? () => a.cloud.isTestEmailAvailable() : void 0
-		}) : null, D = h(() => import("./TestEmailPanel-3Y6uUX3Z.js")), j = a.config.comments ? Ln({
+		}) : null, D = h(() => import("./TestEmailPanel-BkgAew1S.js")), j = a.config.comments ? Ln({
 			provider: a.config.comments,
 			editor: u,
 			user: a.config.user,
@@ -5101,13 +5114,13 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 			onError: a.config.onError,
 			isAvailable: a.cloud ? () => a.cloud.isCommentsAvailable() : void 0,
 			isBlockSaved: a.cloud ? (e) => a.cloud.isBlockSaved(e) : void 0
-		}) : null, N = h(() => import("./CommentsPanel-CB1-poNb.js")), F = h(() => import("./CloudPanels-oFNlTOO5.js")), L = h(() => import("./CloudHeaderExtras-Bgr-Ox9M.js")), z = h(() => import("./VersionHistoryPanels-Cm7MxfrI.js")), B = Kn(a.config.autoSave, !1), V = B.enabled && f !== null;
-		B.enabled && f === null && bt.warn("config.autoSave is on but no `templates` provider is configured — there is nothing to save to. Pass `templates` to enable it, or use `onChange` to persist the content yourself.");
-		let ee = a.config.onChange || V ? {
+		}) : null, N = h(() => import("./CommentsPanel-c5LmzlNN.js")), F = h(() => import("./CloudPanels-DCeNSwXy.js")), L = h(() => import("./CloudHeaderExtras-DX0j3CJ3.js")), R = h(() => import("./VersionHistoryPanels-s45U7XY-.js")), z = Kn(a.config.autoSave, !1), B = z.enabled && f !== null;
+		z.enabled && f === null && bt.warn("config.autoSave is on but no `templates` provider is configured — there is nothing to save to. Pass `templates` to enable it, or use `onChange` to persist the content yourself.");
+		let V = a.config.onChange || B ? {
 			onChange: () => {
-				a.config.onChange?.(JSON.parse(JSON.stringify(u.state.content))), V && f.requestAutoSave();
+				a.config.onChange?.(JSON.parse(JSON.stringify(u.state.content))), B && f.requestAutoSave();
 			},
-			...B.debounce === void 0 ? {} : { debounce: B.debounce }
+			...z.debounce === void 0 ? {} : { debounce: z.debounce }
 		} : null, H = {
 			...g ? { savedBlocks: g.capability } : {},
 			...f ? { templates: f.capability } : {},
@@ -5135,7 +5148,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 			},
 			translations: a.translations,
 			fontsManager: a.fontsManager,
-			autoSaveOptions: ee,
+			autoSaveOptions: V,
 			capabilities: H,
 			editorRoot: a.shadowRoot,
 			historyOptions: a.cloud ? { isRemoteOperation: () => a.cloud.isRemoteOperation() } : void 0,
@@ -5241,7 +5254,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 			_("div", {
 				class: r(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [K.value, O(G)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
 				style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
-			}, [_("div", id, [y(R, { name: "tpl-restore-btn" }, {
+			}, [_("div", id, [y(ee, { name: "tpl-restore-btn" }, {
 				default: M(() => [O(U).conditionPreview.hasHiddenBlocks.value && O(U).appliesConditionFilter.value ? (S(), v("button", {
 					key: 0,
 					class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:-translate-x-1/2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-full tpl:border tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:whitespace-nowrap tpl:shadow-[var(--tpl-shadow-md)] tpl:hover:opacity-80 tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)] tpl:border-[var(--tpl-warning)]",
@@ -5318,7 +5331,7 @@ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
 				key: 3,
 				feature: O(j)
 			}, null, 8, ["feature"])) : A("", !0),
-			O(G)?.isAvailable.value ? (S(), w(O(z), {
+			O(G)?.isAvailable.value ? (S(), w(O(R), {
 				key: 4,
 				feature: O(G)
 			}, null, 8, ["feature"])) : A("", !0),