@aswin.dev/editor 0.8.5 → 0.8.7

package/dist/{styles-ZIYLQwFf.js → styles-BRNubGRJ.js}

@@ -1,17 +1,17 @@
 import { a as e } from "./rolldown-runtime-BZGGJVDF.js";
 import { At as t, C as n, D as r, F as i, Ft as a, I as o, M as s, N as c, Q as l, R as u, S as d, U as f, V as p, W as m, _ as h, b as g, c as _, d as v, et as y, f as b, g as x, h as S, j as C, jt as w, k as T, l as E, m as D, nt as O, p as k, st as A, t as j, u as M, v as N, x as P, z as F } from "./vue.runtime.esm-bundler-CjauPXjj.js";
-import { A as I, B as ee, I as te, L, N as R, P as z, R as ne, W as B, _ as re, c as ie, d as ae, f as V, i as oe, k as se, m as ce, n as le, r as ue, s as de, z as fe } from "./dist-Bcqepqv3.js";
-import { B as pe, F as me, I as he, M as ge, N as _e, O as ve, P as ye, R as be, S as xe, _ as Se, a as Ce, b as we, c as Te, d as Ee, f as De, g as Oe, h as ke, i as Ae, l as je, m as Me, n as Ne, o as Pe, r as Fe, s as Ie, u as Le, v as Re, x as ze, y as Be } from "./useEditorCore-BHSyoxSK.js";
-import { a as Ve, l as He, n as Ue, o as We, r as Ge, s as Ke, t as qe, u as Je } from "./dist-Djgi0A6k.js";
-import { A as Ye, S as Xe, _ as Ze, c as Qe, d as $e, f as H, g as et, h as tt, m as nt, o as rt, p as it, r as at, s as ot, t as st, w as ct, x as lt } from "./keys-CvX8D-8C.js";
-import { t as U } from "./useI18n-C2xQZ6K9.js";
+import { A as I, B as L, I as ee, L as R, N as z, P as B, R as te, W as V, _ as ne, c as re, d as ie, f as H, i as ae, k as oe, m as se, n as ce, r as le, s as ue, z as de } from "./dist-Bcqepqv3.js";
+import { B as fe, F as pe, I as me, M as he, N as ge, O as _e, P as ve, R as ye, S as be, _ as xe, a as Se, b as Ce, c as we, d as Te, f as Ee, g as De, h as Oe, i as ke, l as Ae, m as je, n as Me, o as Ne, r as Pe, s as Fe, u as Ie, v as Le, x as Re, y as ze } from "./useEditorCore-DB4A_cje.js";
+import { a as Be, l as Ve, n as He, o as Ue, r as We, s as Ge, t as Ke, u as qe } from "./dist-Djgi0A6k.js";
+import { C as Je, S as Ye, T as Xe, _ as Ze, c as Qe, d as $e, f as et, g as tt, h as nt, j as rt, o as it, p as at, r as ot, s as st, t as ct, v as lt } from "./keys-CqdzeWhT.js";
+import { t as U } from "./useI18n-DLZJ6wNn.js";
 import { t as W } from "./createLucideIcon-ClREiSx3.js";
 import { t as ut } from "./accessibility-BU09xZrQ.js";
 import { n as dt, t as ft } from "./pencil-Bpimrzzw.js";
 import { t as pt } from "./chevron-down-C5oBUhT8.js";
 import { n as mt, t as ht } from "./chevron-right-BqCptpdp.js";
 import { t as gt } from "./circle-alert-ZQQc98HC.js";
-import { n as _t, r as vt, t as yt } from "./blockTypeIcons-JjmIZ_Vx.js";
+import { n as _t, r as vt, t as yt } from "./blockTypeIcons-CeaSm2Xd.js";
 import { n as bt, t as xt } from "./refresh-cw-DwDqGUM0.js";
 import { t as St } from "./image-up-DT7gcJLN.js";
 import { t as Ct } from "./info-BSPGcsSM.js";
@@ -23,12 +23,12 @@ import { t as jt } from "./trash-2-CtK2apEH.js";
 import { t as Mt } from "./triangle-alert-KpDVNbpn.js";
 import { t as Nt } from "./x-BkaOMosX.js";
 import { t as G } from "./_plugin-vue_export-helper-BVAJ4lgT.js";
-import { t as Pt } from "./useCloudI18n-DOKSZql1.js";
-import { t as Ft } from "./useMergeTag-BfVcyNSv.js";
-import { t as It } from "./CountdownBlock-Ba3T-i2X.js";
+import { t as Pt } from "./useCloudI18n-CDhjmAgB.js";
+import { t as Ft } from "./useMergeTag-D-kqWENN.js";
+import { t as It } from "./CountdownBlock-CrpaDWze.js";
 import { t as Lt } from "./readableTextColor-C_9OpzBw.js";
 import { _ as Rt, c as zt, f as K, g as Bt, h as q, l as Vt, m as J, p as Y, t as Ht } from "./styleConstants-34eUKPOZ.js";
-import { a as X, i as Ut, n as Wt, r as Z, t as Gt } from "./SlidingPillSelect-DfcBdJqN.js";
+import { a as X, i as Ut, n as Wt, r as Z, t as Gt } from "./SlidingPillSelect-Dt34f5VF.js";
 var Kt = W("arrow-down-from-line", [
 	["path", {
 		d: "M19 3H5",
@@ -566,11 +566,11 @@ function Cn(e) {
 }
 //#endregion
 //#region src/utils/resolvePopupEmbed.ts
-var wn = /* @__PURE__ */ e(Fe(), 1);
+var wn = /* @__PURE__ */ e(Pe(), 1);
 function Tn(e) {
-	let t = V(), n = e.popup;
+	let t = H(), n = e.popup;
 	return n ? {
-		triggers: ne(t.triggers, n.triggers),
+		triggers: te(t.triggers, n.triggers),
 		design: {
 			...t.design,
 			...n.design ?? {},
@@ -584,7 +584,7 @@ function Tn(e) {
 			...n.schedule ?? {},
 			slots: n.schedule?.slots === void 0 ? t.schedule.slots : n.schedule.slots
 		},
-		frequency: L(n.frequency)
+		frequency: R(n.frequency)
 	} : t;
 }
 //#endregion
@@ -623,29 +623,29 @@ var En = {
 	],
 	setup(e, { emit: n }) {
 		let i = {
-			section: Ne,
-			title: Ce,
-			paragraph: ke,
-			image: Re,
-			button: he,
-			input: Se,
-			divider: we,
-			spacer: Ie,
-			html: Be,
-			social: Te,
-			menu: Oe,
-			table: Pe,
-			video: Ae,
+			section: Me,
+			title: Se,
+			paragraph: Oe,
+			image: Le,
+			button: me,
+			input: xe,
+			divider: Ce,
+			spacer: Fe,
+			html: ze,
+			social: we,
+			menu: De,
+			table: Ne,
+			video: ke,
 			countdown: It,
-			form: Ee,
-			discountCoupon: ze,
-			custom: xe
-		}, o = e, s = n, { t: l } = U(), { t: d } = Pt(), _ = Ye(nt, "Canvas"), v = r($e, null), b = r(ot, null), O = r(Qe, {}), k = D(() => (O.plan?.hasFeature("ai_generation") ?? !1) && (O.ai?.isFeatureEnabled("chat") ?? !1)), j = D(() => (O.plan?.hasFeature("ai_generation") ?? !1) && (O.ai?.isFeatureEnabled("designToTemplate") ?? !1)), M = D({
+			form: Te,
+			discountCoupon: Re,
+			custom: be
+		}, o = e, s = n, { t: l } = U(), { t: d } = Pt(), _ = rt(nt, "Canvas"), v = r($e, null), b = r(st, null), O = r(Qe, {}), k = D(() => (O.plan?.hasFeature("ai_generation") ?? !1) && (O.ai?.isFeatureEnabled("chat") ?? !1)), j = D(() => (O.plan?.hasFeature("ai_generation") ?? !1) && (O.ai?.isFeatureEnabled("designToTemplate") ?? !1)), M = D({
 			get: () => o.content.blocks,
 			set: (e) => {
 				let t = o.content, n = t.activeCanvasPageId;
 				if (t.canvasPages?.length && n) {
-					_.setContent(fe({
+					_.setContent(de({
 						...t,
 						canvasPages: t.canvasPages.map((t) => t.id === n ? {
 							...t,
@@ -671,11 +671,11 @@ var En = {
 				case "tablet": return 768;
 				default: return o.content.settings.width;
 			}
-		}), I = D(() => (o.content.canvasPages ?? []).length > 0), ee = D(() => o.multiPageCanvas === !0 && I.value);
-		function te(e) {
+		}), I = D(() => (o.content.canvasPages ?? []).length > 0), L = D(() => o.multiPageCanvas === !0 && I.value);
+		function ee(e) {
 			return Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
 		}
-		function L(e, t) {
+		function R(e, t) {
 			if (!e) return e;
 			let n = Math.min(1, Math.max(0, t === void 0 || !Number.isFinite(t) ? 1 : t));
 			if (n === 1) return e;
@@ -684,48 +684,48 @@ var En = {
 			let a = Number.parseInt(i, 16);
 			return Number.isFinite(a) ? `rgba(${a >> 16 & 255}, ${a >> 8 & 255}, ${a & 255}, ${n})` : e;
 		}
-		function R(e) {
+		function z(e) {
 			if (e === void 0 || !Number.isFinite(e)) return;
 			let t = Math.min(1, Math.max(0, e));
 			return t === 0 ? "none" : `0 ${Math.round(t * 12)}px ${Math.round(t * 60)}px rgba(0, 0, 0, ${Number((t * .35).toFixed(3))})`;
 		}
-		let z = D(() => o.content.settings.popup ? Tn(o.content.settings).design : null);
-		function ne(e) {
+		let B = D(() => o.content.settings.popup ? Tn(o.content.settings).design : null);
+		function te(e) {
 			return e === void 0 || !Number.isFinite(e) ? Ln : Math.min(30, Math.max(0, e));
 		}
-		let B = D(() => {
-			let e = z.value;
+		let V = D(() => {
+			let e = B.value;
 			return e?.useOverlay ? e : null;
-		}), re = D(() => z.value?.sizePreset ?? "large"), ie = D(() => !!B.value && re.value === "fullHeight"), ae = D(() => !!B.value && re.value === "fullscreen"), V = D(() => ie.value || ae.value), oe = y(null);
+		}), ne = D(() => B.value?.sizePreset ?? "large"), re = D(() => !!V.value && ne.value === "fullHeight"), ie = D(() => !!V.value && ne.value === "fullscreen"), H = D(() => re.value || ie.value), ae = y(null);
 		p(() => {
-			let e = z.value;
+			let e = B.value;
 			return e?.backgroundImage && e.backgroundImageUrl ? e.backgroundImageUrl : "";
 		}, (e) => {
-			if (oe.value = null, !e) return;
+			if (ae.value = null, !e) return;
 			let t = new Image(), n = e;
 			t.onload = () => {
-				n === z.value?.backgroundImageUrl && (!t.naturalWidth || !t.naturalHeight || (oe.value = t.naturalWidth / t.naturalHeight));
+				n === B.value?.backgroundImageUrl && (!t.naturalWidth || !t.naturalHeight || (ae.value = t.naturalWidth / t.naturalHeight));
 			}, t.onerror = () => {
-				oe.value = null;
+				ae.value = null;
 			}, t.src = e;
 		}, { immediate: !0 });
-		let { height: se } = Ke(), ce = D(() => Math.max(zn, se.value - Rn)), le = D(() => o.viewport === "desktop"), ue = D(() => {
+		let { height: oe } = Ge(), se = D(() => Math.max(zn, oe.value - Rn)), ce = D(() => o.viewport === "desktop"), le = D(() => {
 			switch (o.viewport) {
 				case "mobile": return 375;
 				case "tablet": return 768;
 				default: return 0;
 			}
-		}), de = D(() => {
+		}), ue = D(() => {
 			switch (o.viewport) {
 				case "mobile": return 600;
 				case "tablet": return 600;
 				default: return 600;
 			}
-		}), pe = D(() => {
+		}), fe = D(() => {
 			let e = o.content.settings.width;
-			return le.value ? e : Math.min(e, ue.value);
+			return ce.value ? e : Math.min(e, le.value);
 		});
-		function me(e) {
+		function pe(e) {
 			switch (e) {
 				case "topLeft":
 				case "middleLeft":
@@ -736,10 +736,10 @@ var En = {
 				default: return "tpl:justify-center";
 			}
 		}
-		let ge = D(() => {
-			let e = B.value?.popupPosition ?? "center";
-			if (ae.value) return "tpl:items-stretch tpl:justify-center";
-			if (ie.value) return `tpl:items-stretch ${me(e)}`;
+		let he = D(() => {
+			let e = V.value?.popupPosition ?? "center";
+			if (ie.value) return "tpl:items-stretch tpl:justify-center";
+			if (re.value) return `tpl:items-stretch ${pe(e)}`;
 			switch (e) {
 				case "topLeft": return "tpl:items-start tpl:justify-start";
 				case "topCenter": return "tpl:items-start tpl:justify-center";
@@ -751,10 +751,10 @@ var En = {
 				case "bottomRight": return "tpl:items-end tpl:justify-end";
 				default: return "tpl:items-center tpl:justify-center";
 			}
-		}), _e = D(() => {
-			let e = { width: le.value ? "100%" : `${ue.value}px` };
-			if (V.value) {
-				let t = ce.value;
+		}), ge = D(() => {
+			let e = { width: ce.value ? "100%" : `${le.value}px` };
+			if (H.value) {
+				let t = se.value;
 				return {
 					...e,
 					minHeight: `${t}px`,
@@ -763,17 +763,17 @@ var En = {
 			}
 			return {
 				...e,
-				minHeight: `${de.value}px`
+				minHeight: `${ue.value}px`
 			};
-		}), ve = D(() => {
-			let e = !!B.value, t = e ? `${pe.value}px` : ee.value ? "100%" : `${F.value}px`, n = B.value, r = n?.backgroundImage && n.backgroundImageUrl ? n.backgroundImageUrl : "", i = n?.backgroundImageFit ?? "cover", a = r && i === "auto" && oe.value !== null, s = a ? "100% 100%" : i === "contain" ? "contain" : "cover", c = null, l = null;
-			if (a && e && !V.value) {
-				let e = oe.value, t = pe.value, n = t / e;
-				n > ce.value ? (l = ce.value, c = l * e) : (c = t, l = n);
+		}), _e = D(() => {
+			let e = !!V.value, t = e ? `${fe.value}px` : L.value ? "100%" : `${F.value}px`, n = V.value, r = n?.backgroundImage && n.backgroundImageUrl ? n.backgroundImageUrl : "", i = n?.backgroundImageFit ?? "cover", a = r && i === "auto" && ae.value !== null, s = a ? "100% 100%" : i === "contain" ? "contain" : "cover", c = null, l = null;
+			if (a && e && !H.value) {
+				let e = ae.value, t = fe.value, n = t / e;
+				n > se.value ? (l = se.value, c = l * e) : (c = t, l = n);
 			}
-			let u = R(o.content.settings.backgroundShadow), d = {
+			let u = z(o.content.settings.backgroundShadow), d = {
 				width: c === null ? t : `${Math.round(c)}px`,
-				backgroundColor: L(o.content.settings.backgroundColor, o.content.settings.backgroundOpacity),
+				backgroundColor: R(o.content.settings.backgroundColor, o.content.settings.backgroundOpacity),
 				backgroundImage: r ? `url("${r}")` : void 0,
 				backgroundSize: r ? s : void 0,
 				backgroundPosition: r ? "center" : void 0,
@@ -782,19 +782,19 @@ var En = {
 				filter: o.darkMode ? "invert(1) hue-rotate(180deg)" : "none",
 				transition: "width 300ms cubic-bezier(0.34, 1.56, 0.64, 1), filter 300ms ease"
 			};
-			if (l !== null && (d.height = `${Math.round(l)}px`, d.minHeight = "0"), e && ae.value) d.width = "100%", d.height = "100%", d.minHeight = "100%", d.maxHeight = "none", d.borderRadius = "0";
-			else if (e && ie.value) {
-				let e = ce.value;
-				d.width = `${pe.value}px`, d.height = `${e}px`, d.minHeight = `${e}px`, d.maxHeight = `${e}px`, d.borderRadius = "0";
+			if (l !== null && (d.height = `${Math.round(l)}px`, d.minHeight = "0"), e && ie.value) d.width = "100%", d.height = "100%", d.minHeight = "100%", d.maxHeight = "none", d.borderRadius = "0";
+			else if (e && re.value) {
+				let e = se.value;
+				d.width = `${fe.value}px`, d.height = `${e}px`, d.minHeight = `${e}px`, d.maxHeight = `${e}px`, d.borderRadius = "0";
 			}
 			return d;
-		}), ye = D(() => B.value ? le.value ? { width: "100%" } : { width: `${ue.value}px` } : ee.value ? { width: `${F.value}px` } : void 0), be = D(() => {
-			let e = B.value;
+		}), ve = D(() => V.value ? ce.value ? { width: "100%" } : { width: `${le.value}px` } : L.value ? { width: `${F.value}px` } : void 0), ye = D(() => {
+			let e = V.value;
 			return {
-				backgroundColor: e?.backgroundImage && e.backgroundImageUrl ? "transparent" : L(o.content.settings.backgroundColor, o.content.settings.backgroundOpacity),
+				backgroundColor: e?.backgroundImage && e.backgroundImageUrl ? "transparent" : R(o.content.settings.backgroundColor, o.content.settings.backgroundOpacity),
 				fontFamily: o.content.settings.fontFamily
 			};
-		}), je = D(() => {
+		}), Ae = D(() => {
 			if (!o.content.settings.popup) return {};
 			let e = Tn(o.content.settings).design.contentPadding;
 			return {
@@ -803,27 +803,27 @@ var En = {
 				paddingBottom: `${e.bottom}px`,
 				paddingLeft: `${e.left}px`
 			};
-		}), Fe = D(() => {
-			let e = B.value;
+		}), Pe = D(() => {
+			let e = V.value;
 			return !!(e?.overlayImage && e.overlayImageUrl);
-		}), Le = D(() => {
-			let e = B.value;
+		}), Ie = D(() => {
+			let e = V.value;
 			if (!e) return {};
-			let t = ne(e.overlayBlur), n = t > 0 ? `blur(${t}px)` : "none";
+			let t = te(e.overlayBlur), n = t > 0 ? `blur(${t}px)` : "none";
 			return {
 				backdropFilter: n,
 				WebkitBackdropFilter: n,
-				backgroundColor: Fe.value ? "transparent" : "rgba(0, 0, 0, 0.1)"
+				backgroundColor: Pe.value ? "transparent" : "rgba(0, 0, 0, 0.1)"
 			};
-		}), Ve = D(() => B.value?.overlayImageUrl ?? ""), He = D(() => te(B.value?.overlayImageOpacity ?? 1)), Ue = D(() => {
-			let e = ne(B.value?.overlayBlur), t = e > 0 ? `blur(${e}px)` : "none";
+		}), Be = D(() => V.value?.overlayImageUrl ?? ""), Ve = D(() => ee(V.value?.overlayImageOpacity ?? 1)), He = D(() => {
+			let e = te(V.value?.overlayBlur), t = e > 0 ? `blur(${e}px)` : "none";
 			return {
-				opacity: He.value,
+				opacity: Ve.value,
 				filter: t,
 				WebkitFilter: t
 			};
 		});
-		function We(e, t) {
+		function Ue(e, t) {
 			if (e === "none") return "";
 			if (e === "fadeIn") return "tpl-popup-fadeIn";
 			let n = e === "smooth";
@@ -839,69 +839,69 @@ var En = {
 				default: return n ? "tpl-popup-smoothTop" : "tpl-popup-topToBottom";
 			}
 		}
-		let Ge = D(() => {
-			let e = B.value;
-			return e ? We(e.displayAnimation, e.popupPosition) : "";
-		}), qe = y(!0);
+		let We = D(() => {
+			let e = V.value;
+			return e ? Ue(e.displayAnimation, e.popupPosition) : "";
+		}), Ke = y(!0);
 		p(() => {
-			let e = B.value;
+			let e = V.value;
 			return e ? `${e.displayAnimation}|${e.popupPosition}` : "";
 		}, async () => {
-			qe.value = !1, await T(), qe.value = !0;
+			Ke.value = !1, await T(), Ke.value = !0;
 		});
-		let Je = D(() => {
-			if (!B.value) return {};
-			let e = Ge.value;
-			return !e || !qe.value ? { animation: "none" } : { animation: `${e} ${Bn} ${Vn} ${Hn} both` };
+		let qe = D(() => {
+			if (!V.value) return {};
+			let e = We.value;
+			return !e || !Ke.value ? { animation: "none" } : { animation: `${e} ${Bn} ${Vn} ${Hn} both` };
 		});
-		function Xe(e) {
+		function Je(e) {
 			o.previewMode || e.target === e.currentTarget && s("select-block", null);
 		}
-		function Ze(e) {
-			return Me(e, b, i);
+		function Ye(e) {
+			return je(e, b, i);
 		}
-		function H(e) {
+		function Xe(e) {
 			return o.lockedBlocks?.get(e) ?? null;
 		}
-		function et(e, t) {
+		function Ze(e, t) {
 			e.type === "custom" && _.updateBlock(e.id, {
 				fieldValues: t.fieldValues,
 				dataSourceFetched: t.dataSourceFetched
 			});
 		}
 		return (n, r) => (c(), N("div", {
-			class: t(["tpl-canvas-root tpl:box-border tpl:max-w-full", B.value ? "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col" : ""]),
-			style: w(ye.value)
+			class: t(["tpl-canvas-root tpl:box-border tpl:max-w-full", V.value ? "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col" : ""]),
+			style: w(ve.value)
 		}, [S("div", {
-			class: t(B.value ? "tpl-popup-frame tpl:relative tpl:flex tpl:flex-col tpl:max-w-full tpl:overflow-hidden" : "tpl:contents"),
-			style: w(B.value ? _e.value : void 0)
-		}, [B.value ? (c(), N("div", En, [S("div", {
+			class: t(V.value ? "tpl-popup-frame tpl:relative tpl:flex tpl:flex-col tpl:max-w-full tpl:overflow-hidden" : "tpl:contents"),
+			style: w(V.value ? ge.value : void 0)
+		}, [V.value ? (c(), N("div", En, [S("div", {
 			class: "tpl:absolute tpl:inset-0",
-			style: w(Le.value)
-		}, null, 4), Fe.value ? (c(), N("img", {
+			style: w(Ie.value)
+		}, null, 4), Pe.value ? (c(), N("img", {
 			key: 0,
-			src: Ve.value,
+			src: Be.value,
 			alt: "",
 			class: "tpl:absolute tpl:inset-0 tpl:h-full tpl:w-full tpl:object-cover",
-			style: w(Ue.value)
-		}, null, 12, Dn)) : h("", !0)])) : h("", !0), S("div", { class: t(B.value ? `tpl:relative tpl:z-[1] tpl:flex tpl:h-full tpl:min-h-0 tpl:flex-1 tpl:w-full ${ge.value}` : "tpl:contents") }, [S("div", {
+			style: w(He.value)
+		}, null, 12, Dn)) : h("", !0)])) : h("", !0), S("div", { class: t(V.value ? `tpl:relative tpl:z-[1] tpl:flex tpl:h-full tpl:min-h-0 tpl:flex-1 tpl:w-full ${he.value}` : "tpl:contents") }, [S("div", {
 			"data-testid": "canvas-wrapper",
 			role: "region",
 			"aria-label": A(l).landmarks.canvas,
-			class: t(["tpl-canvas-wrapper tpl:rounded-lg", V.value ? "tpl:flex tpl:h-full tpl:min-h-0 tpl:flex-col !tpl:rounded-none" : "tpl:shrink-0"]),
-			style: w([ve.value, Je.value])
+			class: t(["tpl-canvas-wrapper tpl:rounded-lg", H.value ? "tpl:flex tpl:h-full tpl:min-h-0 tpl:flex-col !tpl:rounded-none" : "tpl:shrink-0"]),
+			style: w([_e.value, qe.value])
 		}, [S("div", {
 			class: t(["tpl-canvas tpl:rounded-lg", {
 				"tpl-canvas--dark-mode": e.darkMode,
 				"tpl-preview-mode": e.previewMode,
-				"tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto": V.value,
-				"!tpl:rounded-none": V.value
+				"tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto": H.value,
+				"!tpl:rounded-none": H.value
 			}]),
 			style: w({
-				...be.value,
-				...je.value
+				...ye.value,
+				...Ae.value
 			}),
-			onClick: Xe
+			onClick: Je
 		}, [P(A(wn.default), {
 			modelValue: M.value,
 			"onUpdate:modelValue": r[2] ||= (e) => M.value = e,
@@ -916,30 +916,30 @@ var En = {
 			disabled: e.previewMode,
 			class: "tpl-canvas-blocks"
 		}, {
-			item: f(({ element: t }) => [m(S("div", null, [S("div", kn, [H(t.id) ? (c(), N("div", {
+			item: f(({ element: t }) => [m(S("div", null, [S("div", kn, [Xe(t.id) ? (c(), N("div", {
 				key: 0,
 				class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
 				style: w({
-					outline: `2px solid ${H(t.id).color}`,
+					outline: `2px solid ${Xe(t.id).color}`,
 					outlineOffset: "-1px"
 				})
 			}, [S("span", {
 				class: "tpl:absolute tpl:-top-0.5 tpl:left-1/2 tpl:z-[5] tpl:flex tpl:-translate-x-1/2 tpl:-translate-y-full tpl:items-center tpl:gap-1 tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:whitespace-nowrap",
 				style: w({
-					backgroundColor: H(t.id).color,
-					color: A(Lt)(H(t.id).color)
+					backgroundColor: Xe(t.id).color,
+					color: A(Lt)(Xe(t.id).color)
 				})
-			}, [S("span", An, a(H(t.id).name.charAt(0)), 1), g(" " + a(H(t.id).name), 1)], 4)], 4)) : h("", !0), P(De, {
+			}, [S("span", An, a(Xe(t.id).name.charAt(0)), 1), g(" " + a(Xe(t.id).name), 1)], 4)], 4)) : h("", !0), P(Ee, {
 				block: t,
-				"is-selected": !e.previewMode && e.selectedBlockId === t.id && !H(t.id),
+				"is-selected": !e.previewMode && e.selectedBlockId === t.id && !Xe(t.id),
 				viewport: e.viewport,
 				"preview-mode": e.previewMode,
-				onSelect: (n) => e.previewMode || H(t.id) ? void 0 : s("select-block", t.id)
+				onSelect: (n) => e.previewMode || Xe(t.id) ? void 0 : s("select-block", t.id)
 			}, {
-				default: f(() => [(c(), x(u(Ze(t)), {
+				default: f(() => [(c(), x(u(Ye(t)), {
 					block: t,
 					viewport: e.viewport,
-					onFetchData: (e) => et(t, e),
+					onFetchData: (e) => Ze(t, e),
 					onUpdate: (e) => A(_).updateBlock(t.id, e)
 				}, null, 40, [
 					"block",
@@ -1013,7 +1013,7 @@ var En = {
 		multiPageCanvas: { type: Boolean }
 	},
 	setup(e) {
-		let n = e, { t: r } = U(), o = Ye(nt, "CanvasPagesNav"), s = D(() => o.content.value.canvasPages ?? []), l = D(() => o.content.value.activeCanvasPageId ?? null), u = y(null), d = y(null), f = y(null), p = y(null);
+		let n = e, { t: r } = U(), o = rt(nt, "CanvasPagesNav"), s = D(() => o.content.value.canvasPages ?? []), l = D(() => o.content.value.activeCanvasPageId ?? null), u = y(null), d = y(null), f = y(null), p = y(null);
 		function m(e, t) {
 			let n = t.currentTarget;
 			if (!n) return;
@@ -1040,7 +1040,7 @@ var En = {
 			for (let n = 1; n < e.length; n += 1) T(e[n - 1].blocks) || t.add(e[n].id);
 			return t;
 		});
-		qe(u, () => {
+		Ke(u, () => {
 			d.value = null;
 		}), C(() => {
 			n.multiPageCanvas && o.ensureCanvasPages();
@@ -1059,7 +1059,7 @@ var En = {
 			let n = window.prompt(r.canvas.pages.renamePrompt, t);
 			n !== null && (o.renameCanvasPage(e, n), d.value = null);
 		}
-		function ee(e) {
+		function L(e) {
 			s.value.length <= 1 || (o.removeCanvasPage(e), d.value = null);
 		}
 		return (n, o) => (c(), N(b, null, [O.value ? (c(), N("nav", {
@@ -1120,7 +1120,7 @@ var En = {
 			type: "button",
 			role: "menuitem",
 			class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:border-none tpl:bg-transparent tpl:px-3 tpl:py-2 tpl:text-left tpl:text-sm tpl:text-[var(--tpl-danger)] tpl:outline-none hover:tpl:bg-[var(--tpl-bg-elevated)]",
-			onClick: (e) => ee(n.id)
+			onClick: (e) => L(n.id)
 		}, a(A(r).canvas.pages.delete), 9, Zn)) : h("", !0)])) : h("", !0)])], 64))), 128)), e.previewMode ? h("", !0) : (c(), N("button", {
 			key: 0,
 			type: "button",
@@ -1170,7 +1170,7 @@ var En = {
 	props: { imageUrl: {} },
 	emits: ["set-url"],
 	setup(e, { emit: n }) {
-		let i = e, o = n, { t: s } = U(), l = r(Xe, null), u = D(() => l !== null), d = y(null), f = y(!1);
+		let i = e, o = n, { t: s } = U(), l = r(Je, null), u = D(() => l !== null), d = y(null), f = y(!1);
 		function p(e) {
 			let t = e?.[0];
 			if (!t || !t.type.startsWith("image/")) return;
@@ -1268,7 +1268,7 @@ var En = {
 			onDrop: v(h, ["prevent"]),
 			onClick: _
 		}, [
-			P(A(ge), {
+			P(A(he), {
 				size: 28,
 				"stroke-width": 1.5,
 				class: "tpl:text-[var(--tpl-text-muted)]"
@@ -1350,7 +1350,7 @@ var En = {
 				...t,
 				design: n
 			} };
-			e.sizePreset !== void 0 && (r.width = ue[e.sizePreset]), o.updateSettings(r);
+			e.sizePreset !== void 0 && (r.width = le[e.sizePreset]), o.updateSettings(r);
 		}
 		function g(e, t) {
 			m({ [e]: t });
@@ -1452,13 +1452,13 @@ var En = {
 				label: s.popupDesign.animationNone
 			}
 		]);
-		function ee(e) {
+		function L(e) {
 			m({ displayAnimation: e.target.value });
 		}
-		function te(e) {
+		function ee(e) {
 			m({ closeButtonPosition: e.target.value });
 		}
-		let L = D(() => [
+		let R = D(() => [
 			"small",
 			"medium",
 			"large",
@@ -1476,7 +1476,7 @@ var En = {
 			onClick: (t) => d.value = e.id
 		}, a(e.label), 11, _r))), 128))]), d.value === "style" ? (c(), N(b, { key: 0 }, [
 			S("p", vr, a(A(s).popupDesign.standardSize), 1),
-			S("div", { class: t(u.value) }, [(c(!0), N(b, null, i(L.value, (e) => (c(), N("button", {
+			S("div", { class: t(u.value) }, [(c(!0), N(b, null, i(R.value, (e) => (c(), N("button", {
 				key: e.id,
 				type: "button",
 				class: t(["tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3 tpl:text-center tpl:transition-shadow hover:tpl:border-[var(--tpl-primary)]", p.value.design.sizePreset === e.id ? "tpl:ring-2 tpl:ring-[var(--tpl-text)] tpl:ring-offset-2 tpl:ring-offset-[var(--tpl-bg)]" : ""]),
@@ -1575,7 +1575,7 @@ var En = {
 				id: "popup-display-animation",
 				class: "tpl:w-full tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none focus-visible:tpl:ring-2 focus-visible:tpl:ring-[var(--tpl-primary)] focus-visible:tpl:ring-offset-2 focus-visible:tpl:ring-offset-[var(--tpl-bg)]",
 				value: p.value.design.displayAnimation,
-				onChange: ee
+				onChange: L
 			}, [(c(!0), N(b, null, i(I.value, (e) => (c(), N("option", {
 				key: e.id,
 				value: e.id
@@ -1589,7 +1589,7 @@ var En = {
 				id: "popup-close-button-position",
 				class: "tpl:w-full tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none focus-visible:tpl:ring-2 focus-visible:tpl:ring-[var(--tpl-primary)] focus-visible:tpl:ring-offset-2 focus-visible:tpl:ring-offset-[var(--tpl-bg)]",
 				value: p.value.design.closeButtonPosition,
-				onChange: te
+				onChange: ee
 			}, [S("option", ci, a(A(s).popupDesign.closingButtonPositionLeft), 1), S("option", li, a(A(s).popupDesign.closingButtonPositionRight), 1)], 40, si)])) : h("", !0),
 			S("div", ui, [S("span", di, a(A(s).popupDesign.closingOnOverlayClick), 1), P(tr, {
 				checked: p.value.design.closeOnOverlayClick,
@@ -1604,7 +1604,7 @@ function gi(e, t) {
 	if (!e?.length) return !1;
 	for (let n of e) {
 		if (t(n)) return !0;
-		if (te(n)) {
+		if (ee(n)) {
 			for (let e of n.children) if (Array.isArray(e) && gi(e, t)) return !0;
 		}
 	}
@@ -1655,7 +1655,7 @@ function Ti(e) {
 	if (!e?.length) return !1;
 	for (let t of e) {
 		if (t.type === "discountCoupon") return !0;
-		if (te(t)) {
+		if (ee(t)) {
 			for (let e of t.children) if (Array.isArray(e) && Ti(e)) return !0;
 		}
 	}
@@ -1671,7 +1671,7 @@ function Ei(e) {
 	return Ti(e.blocks);
 }
 function Di() {
-	let { t: e, format: t } = U(), n = r(H, []), i = r(rt, void 0), a = r(nt, null), o = r(Qe, {}), s = r(tt, "email"), c = D(() => (o.savedModules?.moduleCount.value ?? 0) > 0), l = [
+	let { t: e, format: t } = U(), n = r(et, []), i = r(it, void 0), a = r(nt, null), o = r(Qe, {}), s = r(tt, "email"), c = D(() => (o.savedModules?.moduleCount.value ?? 0) > 0), l = [
 		"section",
 		"image",
 		"title",
@@ -1692,7 +1692,7 @@ function Di() {
 		let t = s === "popup" ? Ci : wi;
 		return l.filter((e) => !t.has(e)).map((t) => ({
 			type: t,
-			label: be(t, e)
+			label: ye(t, e)
 		}));
 	}), d = D(() => n.map((e) => ({
 		type: `custom:${e.type}`,
@@ -1709,9 +1709,9 @@ function Di() {
 	function _(e) {
 		if (e.isCustom) {
 			let t = e.type.replace("custom:", ""), r = n.find((e) => e.type === t);
-			if (r) return ae(r);
+			if (r) return ie(r);
 		}
-		return ie(e.type, i);
+		return re(e.type, i);
 	}
 	function v(e) {
 		if (!a || h(e)) return;
@@ -1846,7 +1846,7 @@ var Oi = ["aria-label"], ki = {
 				key: 0,
 				size: 20,
 				"stroke-width": 1.5
-			})) : e.isCustom ? (c(), x(ve, {
+			})) : e.isCustom ? (c(), x(_e, {
 				key: 1,
 				icon: e.icon,
 				size: 20
@@ -1865,7 +1865,7 @@ var Oi = ["aria-label"], ki = {
 }), Li = ["aria-label"], Ri = ["aria-label"], zi = ["aria-current", "onClick"], Bi = { class: "tpl:max-w-[4.25rem] tpl:text-center tpl:text-[10px] tpl:font-medium tpl:leading-tight" }, Vi = ["aria-label"], Hi = /* @__PURE__ */ n({
 	__name: "PopupLeftChrome",
 	setup(e) {
-		let n = r(ct, y("blocks")), { t: o } = U(), s = D(() => [
+		let n = r(Xe, y("blocks")), { t: o } = U(), s = D(() => [
 			{
 				id: "design",
 				icon: dn,
@@ -1942,7 +1942,7 @@ function Wi(e) {
 				type: "mergeTag",
 				value: t,
 				label: s(t)
-			}) : z(t, l) ? n.push({
+			}) : B(t, l) ? n.push({
 				type: "logicMergeTag",
 				value: t,
 				keyword: I(t, l)
@@ -2302,7 +2302,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 	props: { settings: {} },
 	emits: ["update"],
 	setup(e, { emit: n }) {
-		let r = e, o = n, { t: s } = U(), l = Ye(et, "TemplateSettings"), u = D(() => l.fonts.value), d = D(() => u.value.some((e) => e.value === r.settings.fontFamily) ? r.settings.fontFamily : l.defaultFont.value), f = [
+		let r = e, o = n, { t: s } = U(), l = rt(Ze, "TemplateSettings"), u = D(() => l.fonts.value), d = D(() => u.value.some((e) => e.value === r.settings.fontFamily) ? r.settings.fontFamily : l.defaultFont.value), f = [
 			{
 				value: 480,
 				label: "480px"
@@ -2692,7 +2692,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 	},
 	emits: ["update"],
 	setup(e, { emit: n }) {
-		let o = e, s = n, { t: d } = U(), v = r(it, []), C = r(at, !1), w = l(/* @__PURE__ */ new Set()), T = y(!1), E = y(""), O = y(""), k = [
+		let o = e, s = n, { t: d } = U(), v = r(at, []), C = r(ot, !1), w = l(/* @__PURE__ */ new Set()), T = y(!1), E = y(""), O = y(""), k = [
 			{
 				key: "desktop",
 				icon: sn,
@@ -2716,7 +2716,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 		function I() {
 			T.value = !0, F.value && o.block.displayCondition ? (E.value = o.block.displayCondition.before, O.value = o.block.displayCondition.after ?? "") : (E.value = "", O.value = "");
 		}
-		function ee() {
+		function L() {
 			E.value.trim() && (s("update", { displayCondition: {
 				label: d.blockSettings.customCondition,
 				before: E.value.trim(),
@@ -2730,7 +2730,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 			}
 			F.value && (E.value = e.before, O.value = e.after ?? "");
 		}, { immediate: !0 });
-		let te = D(() => {
+		let ee = D(() => {
 			let e = {};
 			for (let t of v) {
 				let n = t.group ?? "";
@@ -2738,20 +2738,20 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 			}
 			return e;
 		});
-		function L(e, t) {
+		function R(e, t) {
 			s("update", { styles: {
 				...o.block.styles,
 				[e]: t
 			} });
 		}
-		function R(e) {
+		function z(e) {
 			return o.block.visibility?.[e] !== !1;
 		}
-		function z(e) {
+		function B(e) {
 			let t = {
-				desktop: R("desktop"),
-				tablet: R("tablet"),
-				mobile: R("mobile")
+				desktop: z("desktop"),
+				tablet: z("tablet"),
+				mobile: z("mobile")
 			};
 			t[e] = !t[e], s("update", { visibility: t });
 		}
@@ -2765,11 +2765,11 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 				default: f(() => [P(ka, {
 					label: A(d).blockSettings.padding,
 					"model-value": e.block.styles.padding,
-					"onUpdate:modelValue": r[0] ||= (e) => L("padding", e)
+					"onUpdate:modelValue": r[0] ||= (e) => R("padding", e)
 				}, null, 8, ["label", "model-value"]), S("div", Qo, [P(ka, {
 					label: A(d).blockSettings.margin,
 					"model-value": e.block.styles.margin,
-					"onUpdate:modelValue": r[1] ||= (e) => L("margin", e)
+					"onUpdate:modelValue": r[1] ||= (e) => R("margin", e)
 				}, null, 8, ["label", "model-value"])])]),
 				_: 1
 			}, 8, [
@@ -2785,7 +2785,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 				default: f(() => [S("label", { class: t(A(q)) }, a(A(d).blockSettings.color), 3), P(X, {
 					size: "large",
 					"model-value": e.block.styles.backgroundColor || A("#ffffff"),
-					"onUpdate:modelValue": r[3] ||= (e) => L("backgroundColor", e)
+					"onUpdate:modelValue": r[3] ||= (e) => R("backgroundColor", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["title", "open"]),
@@ -2801,8 +2801,8 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 					S("input", {
 						type: "checkbox",
 						class: "tpl:accent-[var(--tpl-primary)]",
-						checked: R(e.key),
-						onChange: (t) => z(e.key)
+						checked: z(e.key),
+						onChange: (t) => B(e.key)
 					}, null, 40, es),
 					(c(), x(u(e.icon), {
 						size: 14,
@@ -2850,7 +2850,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 					}
 				}, [
 					S("option", is, a(A(d).blockSettings.noCondition), 1),
-					(c(!0), N(b, null, i(te.value, (e, t) => (c(), N(b, { key: t }, [t ? (c(), N("optgroup", {
+					(c(!0), N(b, null, i(ee.value, (e, t) => (c(), N(b, { key: t }, [t ? (c(), N("optgroup", {
 						key: 0,
 						label: String(t)
 					}, [(c(!0), N(b, null, i(e, (e) => (c(), N("option", {
@@ -2876,7 +2876,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 						type: "button",
 						class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-bg)] tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:opacity-50",
 						disabled: !E.value.trim(),
-						onClick: ee
+						onClick: L
 					}, a(A(d).blockSettings.applyCondition), 9, ps)])
 				])) : e.block.displayCondition && !F.value ? (c(), N(b, { key: 1 }, [e.block.displayCondition.description ? (c(), N("p", ms, a(e.block.displayCondition.description), 1)) : h("", !0), S("div", hs, [S("pre", gs, a(e.block.displayCondition.before), 1), e.block.displayCondition.after ? (c(), N("pre", _s, a(e.block.displayCondition.after), 1)) : h("", !0)])], 64)) : h("", !0)])]),
 				_: 1
@@ -3063,7 +3063,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 			E.value = E.value === e ? null : e;
 		}
 		function M(e) {
-			let t = re(e);
+			let t = ne(e);
 			o("update", { fields: [...r.block.fields, t] }), E.value = t.id, O.value = !1;
 		}
 		function F(e) {
@@ -3075,10 +3075,10 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 				...t
 			} : n) });
 		}
-		function ee(e) {
+		function L(e) {
 			return C[e].icon;
 		}
-		let te = [
+		let ee = [
 			{
 				value: "next_step",
 				label: s.form.buttonActions.nextStep
@@ -3096,7 +3096,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 				label: s.form.buttonActions.none
 			}
 		];
-		function L(e) {
+		function R(e) {
 			p("buttonLayout", e);
 		}
 		return (n, r) => (c(), N("div", null, [S("div", ys, [(c(), N(b, null, i(d, (e) => S("button", {
@@ -3129,7 +3129,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 			type: "button",
 			class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-between tpl:gap-2 tpl:border-none tpl:bg-transparent tpl:px-3 tpl:py-2.5 tpl:text-left",
 			onClick: (t) => j(e.id)
-		}, [S("span", ks, [(c(), x(u(ee(e.type)), {
+		}, [S("span", ks, [(c(), x(u(L(e.type)), {
 			size: 14,
 			"stroke-width": 1.75
 		})), g(" " + a(C[e.type].label), 1)]), S("span", As, [S("button", {
@@ -3238,7 +3238,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 				class: t(A(K)),
 				value: e.block.buttonAction,
 				onChange: r[3] ||= (e) => p("buttonAction", e.target.value)
-			}, [(c(), N(b, null, i(te, (e) => S("option", {
+			}, [(c(), N(b, null, i(ee, (e) => S("option", {
 				key: e.value,
 				value: e.value
 			}, a(e.label), 9, oc)), 64))], 42, ac)]),
@@ -3252,7 +3252,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 			S("div", lc, [S("label", uc, a(A(s).form.button.position), 1), S("div", dc, [S("button", {
 				type: "button",
 				class: t(["tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-3 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150", e.block.buttonLayout === "one_line" ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-text)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] hover:tpl:border-[var(--tpl-text-muted)]"]),
-				onClick: r[5] ||= (e) => L("one_line")
+				onClick: r[5] ||= (e) => R("one_line")
 			}, [r[12] ||= S("svg", {
 				width: "56",
 				height: "20",
@@ -3278,7 +3278,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 			})], -1), g(" " + a(A(s).form.button.oneLine), 1)], 2), S("button", {
 				type: "button",
 				class: t(["tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-3 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150", e.block.buttonLayout === "two_lines" ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-text)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] hover:tpl:border-[var(--tpl-text-muted)]"]),
-				onClick: r[6] ||= (e) => L("two_lines")
+				onClick: r[6] ||= (e) => R("two_lines")
 			}, [r[13] ||= S("svg", {
 				width: "56",
 				height: "28",
@@ -3681,7 +3681,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: n }) {
-		let i = n, { t: o } = U(), s = r(Xe, null), l = D(() => !!s);
+		let i = n, { t: o } = U(), s = r(Je, null), l = D(() => !!s);
 		async function u() {
 			let e = await s?.({ accept: ["images"] });
 			e && i("update:modelValue", e.url);
@@ -3710,7 +3710,7 @@ var Gi = ["aria-label", "onKeydown"], Ki = ["data-tooltip"], qi = ["data-tooltip
 				key: 2,
 				class: "tpl:mt-2 tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
 				onClick: r[1] ||= (e) => u()
-			}, [P(A(ge), {
+			}, [P(A(he), {
 				size: 14,
 				"stroke-width": 1.5
 			}), g(" " + a(A(o).image.browseMedia), 1)])) : h("", !0)]),
@@ -3995,7 +3995,7 @@ var Xl = {
 	props: { block: {} },
 	emits: ["updateFieldValues", "updateDataSourceFetched"],
 	setup(e, { emit: t }) {
-		let n = e, o = t, { t: s } = U(), l = r(H, []), d = D(() => l.find((e) => e.type === n.block.customType)), { isFetching: f, fetchError: p, fetch: m, hasDataSource: _, needsFetch: v } = pe({
+		let n = e, o = t, { t: s } = U(), l = r(et, []), d = D(() => l.find((e) => e.type === n.block.customType)), { isFetching: f, fetchError: p, fetch: m, hasDataSource: _, needsFetch: v } = fe({
 			definition: d,
 			block: D(() => n.block),
 			onUpdate: (e, t) => {
@@ -4120,7 +4120,7 @@ var Xl = {
 				value: "free_shipping",
 				label: l.discountCoupon.types.freeShipping
 			}
-		], ee = [
+		], L = [
 			{
 				mode: "none",
 				label: l.discountCoupon.modeNone
@@ -4133,7 +4133,7 @@ var Xl = {
 				mode: "manual_shopify",
 				label: l.discountCoupon.modeManual
 			}
-		], te = D(() => o.block.discountMode !== "none"), L = [
+		], ee = D(() => o.block.discountMode !== "none"), R = [
 			{
 				value: "none",
 				label: l.discountCoupon.afterClickNone
@@ -4162,7 +4162,7 @@ var Xl = {
 				class: "tpl:mb-4 tpl:flex tpl:flex-col tpl:gap-3",
 				role: "radiogroup",
 				"aria-label": A(l).blocks.discountCoupon
-			}, [(c(), N(b, null, i(ee, (n) => S("label", {
+			}, [(c(), N(b, null, i(L, (n) => S("label", {
 				key: n.mode,
 				class: t(["tpl:flex tpl:items-start tpl:gap-2 tpl:text-sm", _(n.mode) ? "tpl:cursor-not-allowed tpl:text-[var(--tpl-text-muted)] tpl:opacity-70" : "tpl:cursor-pointer tpl:text-[var(--tpl-text)]"])
 			}, [S("input", {
@@ -4267,7 +4267,7 @@ var Xl = {
 				rel: "noopener noreferrer",
 				class: "tpl:text-[var(--tpl-primary)] tpl:underline tpl:underline-offset-2"
 			}, a(A(l).discountCoupon.manualFooterLead), 9, Cu), g(a(A(l).discountCoupon.manualFooterTail), 1)])], 64)) : h("", !0),
-			te.value ? (c(), N("div", wu, [
+			ee.value ? (c(), N("div", wu, [
 				S("label", { class: t([A(q), "tpl:!mb-2 tpl:!text-[10px] tpl:!font-semibold tpl:!uppercase tpl:!tracking-wide tpl:!text-[var(--tpl-text-muted)]"]) }, a(A(l).discountCoupon.confirmationTextLabel), 3),
 				S("input", {
 					type: "text",
@@ -4281,7 +4281,7 @@ var Xl = {
 					class: "tpl:mt-4 tpl:flex tpl:flex-col tpl:gap-2",
 					role: "radiogroup",
 					"aria-label": A(l).discountCoupon.afterClickLabel
-				}, [S("span", { class: t([A(q), "tpl:!mb-0 tpl:!text-[10px] tpl:!font-semibold tpl:!uppercase tpl:!tracking-wide tpl:!text-[var(--tpl-text-muted)]"]) }, a(A(l).discountCoupon.afterClickLabel), 3), (c(), N(b, null, i(L, (t) => S("label", {
+				}, [S("span", { class: t([A(q), "tpl:!mb-0 tpl:!text-[10px] tpl:!font-semibold tpl:!uppercase tpl:!tracking-wide tpl:!text-[var(--tpl-text-muted)]"]) }, a(A(l).discountCoupon.afterClickLabel), 3), (c(), N(b, null, i(R, (t) => S("label", {
 					key: t.value,
 					class: "tpl:flex tpl:cursor-pointer tpl:items-start tpl:gap-2 tpl:text-sm tpl:text-[var(--tpl-text)]"
 				}, [S("input", {
@@ -4373,7 +4373,7 @@ var Xl = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: n }) {
-		let i = n, { t: o } = U(), s = r(Xe, null), l = r(lt, oe.liquid), u = D(() => !!s), d = y(!1), f = y(!1), { start: p } = Je(() => {
+		let i = n, { t: o } = U(), s = r(Je, null), l = r(Ye, ae.liquid), u = D(() => !!s), d = y(!1), f = y(!1), { start: p } = qe(() => {
 			d.value = !1;
 		}, 1e3, { immediate: !1 });
 		function m(e, t) {
@@ -4406,12 +4406,12 @@ var Xl = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: _
-				}, [P(A(ge), {
+				}, [P(A(he), {
 					size: 14,
 					"stroke-width": 1.5
 				}), g(" " + a(A(o).image.browseMedia), 1)])) : h("", !0)
 			]),
-			A(de)(e.block.src, A(l)) ? (c(), N("div", Vu, [S("label", { class: t(A(q)) }, [g(a(A(o).image.placeholderUrl) + " ", 1), r[8] ||= S("span", { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, a("(optional)"), -1)], 2), S("input", {
+			A(ue)(e.block.src, A(l)) ? (c(), N("div", Vu, [S("label", { class: t(A(q)) }, [g(a(A(o).image.placeholderUrl) + " ", 1), r[8] ||= S("span", { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, a("(optional)"), -1)], 2), S("input", {
 				type: "url",
 				class: t(A(K)),
 				value: e.block.placeholderUrl || "",
@@ -4532,7 +4532,7 @@ var Xl = {
 		}
 		function p() {
 			let e = {
-				id: se(),
+				id: oe(),
 				text: "",
 				url: "",
 				openInNewTab: !1,
@@ -4721,7 +4721,7 @@ var Xl = {
 		}
 		function u() {
 			let e = {
-				id: se(),
+				id: oe(),
 				platform: "facebook",
 				url: ""
 			};
@@ -4744,10 +4744,10 @@ var Xl = {
 				class: t([A(K), "tpl:flex-1"]),
 				value: e.platform,
 				onChange: (t) => d(e.id, "platform", t.target.value)
-			}, [(c(!0), N(b, null, i(A(Le), (e) => (c(), N("option", {
+			}, [(c(!0), N(b, null, i(A(Ie), (e) => (c(), N("option", {
 				key: e,
 				value: e
-			}, a(A(je)[e].name), 9, xd))), 128))], 42, bd), S("button", {
+			}, a(A(Ae)[e].name), 9, xd))), 128))], 42, bd), S("button", {
 				class: t(A(Rt)),
 				title: A(s).social.removeIcon,
 				onClick: (t) => f(e.id)
@@ -4888,9 +4888,9 @@ var Xl = {
 		}
 		function d() {
 			let e = r.block.rows.length > 0 ? r.block.rows[0].cells.length : 3, t = {
-				id: se(),
+				id: oe(),
 				cells: Array.from({ length: e }, () => ({
-					id: se(),
+					id: oe(),
 					content: ""
 				}))
 			};
@@ -4903,7 +4903,7 @@ var Xl = {
 			o("update", { rows: r.block.rows.map((e) => ({
 				...e,
 				cells: [...e.cells, {
-					id: se(),
+					id: oe(),
 					content: ""
 				}]
 			})) });
@@ -5097,7 +5097,7 @@ var Xl = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: n }) {
-		let i = e, o = n, { t: s } = U(), l = r(Xe, null), u = r(lt, oe.liquid), d = D(() => !!l), f = D(() => de(i.block.url, u)), p = y(!1), { start: m } = Je(() => {
+		let i = e, o = n, { t: s } = U(), l = r(Je, null), u = r(Ye, ae.liquid), d = D(() => !!l), f = D(() => ue(i.block.url, u)), p = y(!1), { start: m } = qe(() => {
 			p.value = !1;
 		}, 1e3, { immediate: !1 });
 		function _(e, t) {
@@ -5153,7 +5153,7 @@ var Xl = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: v
-				}, [P(A(ge), {
+				}, [P(A(he), {
 					size: 14,
 					"stroke-width": 1.5
 				}), g(" " + a(A(s).image.browseMedia), 1)])) : h("", !0)
@@ -5203,9 +5203,9 @@ var Xl = {
 		"duplicate"
 	],
 	setup(e, { emit: t }) {
-		let n = d(() => import("./CountdownToolbar-B9IAZzeV.js")), i = e, o = t, { t: s } = U(), l = Ye(et, "Toolbar"), f = r(H, []), p = D(() => i.block.type), m = D(() => R(i.block)), g = D(() => {
+		let n = d(() => import("./CountdownToolbar-D1tb2T_b.js")), i = e, o = t, { t: s } = U(), l = rt(Ze, "Toolbar"), f = r(et, []), p = D(() => i.block.type), m = D(() => z(i.block)), g = D(() => {
 			if (m.value) return f.find((e) => e.type === i.block.customType);
-		}), _ = D(() => m.value ? g.value?.name ?? i.block.customType : be(p.value, s)), v = l.fonts;
+		}), _ = D(() => m.value ? g.value?.name ?? i.block.customType : ye(p.value, s)), v = l.fonts;
 		function y(e) {
 			o("update", e);
 		}
@@ -5216,7 +5216,7 @@ var Xl = {
 			key: 0,
 			size: 16,
 			"stroke-width": 1.5
-		})) : m.value ? (c(), x(A(me), {
+		})) : m.value ? (c(), x(A(pe), {
 			key: 1,
 			size: 16,
 			"stroke-width": 1.5
@@ -5224,7 +5224,7 @@ var Xl = {
 			class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)] tpl:hover:text-[var(--tpl-text)]",
 			title: A(s).toolbar.duplicate,
 			onClick: r[0] ||= (e) => o("duplicate")
-		}, [P(A(ye), {
+		}, [P(A(ve), {
 			size: 14,
 			"stroke-width": 2
 		})], 8, qf), S("button", {
@@ -5364,7 +5364,7 @@ var Xl = {
 		"update-settings"
 	],
 	setup(e, { emit: n }) {
-		let i = d(() => import("./AccessibilityPanel-COL6Wm7p.js")), o = e, s = n, { t: l } = U(), u = y("content"), f = r(st, null), m = D(() => f !== null), g = D(() => f?.issues.value.length ?? 0);
+		let i = d(() => import("./AccessibilityPanel-B39ct5ON.js")), o = e, s = n, { t: l } = U(), u = y("content"), f = r(ct, null), m = D(() => f !== null), g = D(() => f?.issues.value.length ?? 0);
 		function _(e) {
 			return u.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] hover:tpl:text-[var(--tpl-text)]";
 		}
@@ -5462,7 +5462,7 @@ var Xl = {
 	__name: "HistoryUndoRedo",
 	props: { onBeforeUndo: { type: Function } },
 	setup(e) {
-		let t = e, n = r(Ze, null), { t: i } = U(), a = D(() => n?.canUndo.value ?? !1), o = D(() => n?.canRedo.value ?? !1);
+		let t = e, n = r(lt, null), { t: i } = U(), a = D(() => n?.canUndo.value ?? !1), o = D(() => n?.canRedo.value ?? !1);
 		function s() {
 			!n || !a.value || (t.onBeforeUndo?.(), n.undo());
 		}
@@ -5591,7 +5591,7 @@ var Xl = {
 				key: "eye",
 				size: 18,
 				"stroke-width": 1.5
-			})) : (c(), x(A(_e), {
+			})) : (c(), x(A(ge), {
 				key: "eye-off",
 				size: 18,
 				"stroke-width": 1.5
@@ -5734,18 +5734,18 @@ var Rp = ["aria-label"], zp = { class: "tpl-editor-tour-tooltip-body" }, Bp = {
 		}
 	},
 	setup(e, { expose: n }) {
-		let r = e, { t: i, format: o } = U(), l = y(!1), u = y(0), d = y(null), m = y(""), _ = Ve(), b = O([]), E = We(document.body);
+		let r = e, { t: i, format: o } = U(), l = y(!1), u = y(0), d = y(null), m = y(""), _ = Be(), b = O([]), E = Ue(document.body);
 		p(l, (e, t, n) => {
 			if (E.value = e, !e) return;
 			let r = (e) => {
-				e.key === "Escape" && (e.preventDefault(), V(!0));
+				e.key === "Escape" && (e.preventDefault(), H(!0));
 			};
 			document.addEventListener("keydown", r, !0), n(() => document.removeEventListener("keydown", r, !0));
 		}, { immediate: !0 });
-		let M = 0, { pause: F, resume: I } = He(() => {
-			let e = z.value;
+		let M = 0, { pause: F, resume: I } = Ve(() => {
+			let e = B.value;
 			M < e.length ? (m.value = e.slice(0, M + 1), M++) : F();
-		}, 25, { immediate: !1 }), ee = D(() => [
+		}, 25, { immediate: !1 }), L = D(() => [
 			{
 				target: ".tpl-body",
 				placement: "canvas",
@@ -5765,15 +5765,15 @@ var Rp = ["aria-label"], zp = { class: "tpl-editor-tour-tooltip-body" }, Bp = {
 				text: i.tour.defaults.rightSidebar.text
 			}
 		]);
-		function te(e) {
+		function ee(e) {
 			return e.filter((e) => document.querySelector(e.target) ? !0 : e.skipIfMissing === !1);
 		}
-		let L = D(() => b.value[u.value] ?? null), R = D(() => L.value?.title ?? ""), z = D(() => L.value?.text ?? "");
-		function ne(e) {
+		let R = D(() => b.value[u.value] ?? null), z = D(() => R.value?.title ?? ""), B = D(() => R.value?.text ?? "");
+		function te(e) {
 			return e?.placement ?? "below";
 		}
-		function B() {
-			let e = L.value;
+		function V() {
+			let e = R.value;
 			if (!e) {
 				d.value = null;
 				return;
@@ -5783,52 +5783,52 @@ var Rp = ["aria-label"], zp = { class: "tpl-editor-tour-tooltip-body" }, Bp = {
 				d.value = null;
 				return;
 			}
-			ne(e) === "below" && t.scrollIntoView({
+			te(e) === "below" && t.scrollIntoView({
 				behavior: "instant",
 				block: "nearest",
 				inline: "nearest"
 			}), d.value = t.getBoundingClientRect();
 		}
-		function re() {
+		function ne() {
 			F();
-			let e = z.value;
+			let e = B.value;
 			if (m.value = "", _.value === "reduce") {
 				m.value = e;
 				return;
 			}
 			M = 0, I();
 		}
-		function ie() {
-			return te(r.tourConfig.steps === void 0 ? ee.value : r.tourConfig.steps);
+		function re() {
+			return ee(r.tourConfig.steps === void 0 ? L.value : r.tourConfig.steps);
 		}
-		function ae(e) {
-			let t = ie();
+		function ie(e) {
+			let t = re();
 			if (b.value = t, t.length === 0) {
 				l.value = !1;
 				return;
 			}
 			u.value = Math.min(Math.max(0, e?.stepIndex ?? 0), t.length - 1), l.value = !0, T(() => {
-				B(), re();
+				V(), ne();
 			});
 		}
-		function V(e) {
+		function H(e) {
 			F(), l.value = !1, d.value = null, e && Ip(r.tourConfig);
 		}
-		function oe() {
+		function ae() {
 			u.value < b.value.length - 1 ? (u.value++, T(() => {
-				B(), re();
-			})) : V(!0);
+				V(), ne();
+			})) : H(!0);
 		}
-		function se() {
+		function oe() {
 			return Fp(r.tourConfig);
 		}
-		function ce() {
+		function se() {
 			Lp(r.tourConfig);
 		}
-		let le = D(() => {
+		let ce = D(() => {
 			let e = d.value;
 			if (!e) return {};
-			let t = ne(L.value);
+			let t = te(R.value);
 			return t === "canvas" ? {
 				top: `${e.top + e.height / 3}px`,
 				left: `${e.left + e.width / 2}px`,
@@ -5843,10 +5843,10 @@ var Rp = ["aria-label"], zp = { class: "tpl-editor-tour-tooltip-body" }, Bp = {
 				top: `${e.bottom + 12}px`,
 				left: `${Math.min(e.left, typeof window < "u" ? window.innerWidth - 320 : e.left)}px`
 			};
-		}), ue = D(() => {
+		}), le = D(() => {
 			let e = d.value;
 			if (!e) return {};
-			let t = ne(L.value), n = t === "canvas" || t === "sidebar" || t === "rightSidebar", r = e.width + 12, i = e.height + 12, a = e.left - 6, o = e.top - 6;
+			let t = te(R.value), n = t === "canvas" || t === "sidebar" || t === "rightSidebar", r = e.width + 12, i = e.height + 12, a = e.left - 6, o = e.top - 6;
 			return {
 				width: `${r}px`,
 				height: `${i}px`,
@@ -5855,51 +5855,51 @@ var Rp = ["aria-label"], zp = { class: "tpl-editor-tour-tooltip-body" }, Bp = {
 			};
 		});
 		return C(() => {
-			r.tourConfig.autoStart && !Fp(r.tourConfig) && ae();
+			r.tourConfig.autoStart && !Fp(r.tourConfig) && ie();
 		}), s(() => {
 			F(), E.value = !1;
 		}), n({
-			start: ae,
-			dismiss: () => V(!0),
-			resetDismissed: ce,
-			isDismissed: se
+			start: ie,
+			dismiss: () => H(!0),
+			resetDismissed: se,
+			isDismissed: oe
 		}), (n, r) => (c(), x(k, { to: "body" }, [P(j, { name: "tpl-editor-tour" }, {
 			default: f(() => [l.value ? (c(), N("div", {
 				key: 0,
 				class: t(["tpl-editor-tour-overlay tpl:fixed tpl:inset-0 tpl:z-[10001]", { "tpl-editor-tour-overlay--dark": e.darkMode }]),
 				"data-testid": "editor-tour-overlay",
-				onClick: r[2] ||= v((e) => V(!0), ["self"])
+				onClick: r[2] ||= v((e) => H(!0), ["self"])
 			}, [d.value ? (c(), N("div", {
 				key: 0,
 				"data-testid": "editor-tour-spotlight",
 				class: "tpl-editor-tour-spotlight tpl:absolute tpl:top-0 tpl:left-0",
-				style: w(ue.value),
-				onClick: r[0] ||= (e) => V(!0)
-			}, null, 4)) : h("", !0), d.value && L.value ? (c(), N("div", {
+				style: w(le.value),
+				onClick: r[0] ||= (e) => H(!0)
+			}, null, 4)) : h("", !0), d.value && R.value ? (c(), N("div", {
 				key: 1,
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-label": R.value,
+				"aria-label": z.value,
 				"data-testid": "editor-tour-tooltip",
 				class: "tpl-editor-tour-tooltip tpl-editor-tour-tooltip-shell tpl:fixed tpl:z-[10002]",
-				style: w(le.value)
+				style: w(ce.value)
 			}, [S("div", zp, [
 				S("div", Bp, a(A(o)(A(i).tour.stepCounter, {
 					current: String(u.value + 1),
 					total: String(b.value.length)
 				})), 1),
-				S("div", Vp, a(R.value), 1),
-				S("div", Hp, [g(a(m.value), 1), m.value.length < z.value.length ? (c(), N("span", Up, "|")) : h("", !0)])
+				S("div", Vp, a(z.value), 1),
+				S("div", Hp, [g(a(m.value), 1), m.value.length < B.value.length ? (c(), N("span", Up, "|")) : h("", !0)])
 			]), S("div", Wp, [S("button", {
 				type: "button",
 				"data-testid": "editor-tour-skip",
 				class: "tpl-editor-tour-skip",
-				onClick: r[1] ||= (e) => V(!0)
+				onClick: r[1] ||= (e) => H(!0)
 			}, a(A(i).tour.skip), 1), S("button", {
 				type: "button",
 				"data-testid": "editor-tour-next",
 				class: "tpl-editor-tour-next",
-				onClick: oe
+				onClick: ae
 			}, [g(a(u.value < b.value.length - 1 ? A(i).tour.next : A(i).tour.done) + " ", 1), u.value < b.value.length - 1 ? (c(), x(A(ht), {
 				key: 0,
 				size: 12,
@@ -6092,7 +6092,7 @@ var Rp = ["aria-label"], zp = { class: "tpl-editor-tour-tooltip-body" }, Bp = {
 			}
 		]), _ = y(!1), C = y(!1);
 		function w(e) {
-			return ee(d.value.triggers[e].triggerConditions);
+			return L(d.value.triggers[e].triggerConditions);
 		}
 		function T(e, t) {
 			p(e, { triggerConditions: {
@@ -6102,7 +6102,7 @@ var Rp = ["aria-label"], zp = { class: "tpl-editor-tour-tooltip-body" }, Bp = {
 		}
 		function E(e, t) {
 			t ? p(e, { triggerConditions: {
-				...ce(),
+				...se(),
 				enabled: !0,
 				delaySeconds: 5,
 				pageViews: 3,
@@ -6122,7 +6122,7 @@ var Rp = ["aria-label"], zp = { class: "tpl-editor-tour-tooltip-body" }, Bp = {
 			} : t.frequency.stopShowing;
 			f({
 				...t,
-				frequency: L({
+				frequency: R({
 					showAgain: n,
 					stopShowing: r
 				})
@@ -6142,21 +6142,21 @@ var Rp = ["aria-label"], zp = { class: "tpl-editor-tour-tooltip-body" }, Bp = {
 			let t = Number(e.target.value);
 			O({ stopShowing: { afterSeenCount: Number.isFinite(t) ? Math.max(1, Math.floor(t)) : 1 } });
 		}
-		function te(e) {
+		function ee(e) {
 			O({ stopShowing: { afterClosedBehavior: e } });
 		}
-		function R(e) {
+		function z(e) {
 			let t = e.target.value;
 			(t === "minutes" || t === "hours" || t === "days") && F(t);
 		}
-		function z(e) {
+		function B(e) {
 			let t = e.target.value;
-			(t === "never_display_again" || t === "respect_show_again") && te(t);
+			(t === "never_display_again" || t === "respect_show_again") && ee(t);
 		}
-		let ne = D(() => JSON.stringify({ triggers: B(d.value.triggers) }, null, 2));
-		async function re() {
+		let te = D(() => JSON.stringify({ triggers: V(d.value.triggers) }, null, 2));
+		async function ne() {
 			try {
-				await navigator.clipboard.writeText(ne.value), C.value = !0, window.setTimeout(() => {
+				await navigator.clipboard.writeText(te.value), C.value = !0, window.setTimeout(() => {
 					C.value = !1;
 				}, 2e3);
 			} catch {
@@ -6211,7 +6211,7 @@ var Rp = ["aria-label"], zp = { class: "tpl-editor-tour-tooltip-body" }, Bp = {
 						class: "tpl:min-w-[7rem] tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2 tpl:py-1 tpl:text-sm disabled:tpl:cursor-not-allowed disabled:tpl:opacity-50",
 						disabled: d.value.frequency.showAgain.mode !== "interval",
 						value: d.value.frequency.showAgain.intervalUnit,
-						onChange: n[4] ||= (e) => R(e)
+						onChange: n[4] ||= (e) => z(e)
 					}, [
 						S("option", Tm, a(A(o).popupDisplayRules.frequencyIntervalUnitMinutes), 1),
 						S("option", Em, a(A(o).popupDisplayRules.frequencyIntervalUnitHours), 1),
@@ -6255,7 +6255,7 @@ var Rp = ["aria-label"], zp = { class: "tpl-editor-tour-tooltip-body" }, Bp = {
 						class: "tpl:min-w-[12rem] tpl:max-w-full tpl:flex-1 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm disabled:tpl:cursor-not-allowed disabled:tpl:opacity-50",
 						disabled: !d.value.frequency.stopShowing.afterClosedEnabled,
 						value: d.value.frequency.stopShowing.afterClosedBehavior,
-						onChange: n[9] ||= (e) => z(e)
+						onChange: n[9] ||= (e) => B(e)
 					}, [S("option", Wm, a(A(o).popupDisplayRules.frequencyClosedNeverAgain), 1), S("option", Gm, a(A(o).popupDisplayRules.frequencyClosedRespectRules), 1)], 40, Um),
 					S("button", {
 						type: "button",
@@ -6450,13 +6450,13 @@ var Rp = ["aria-label"], zp = { class: "tpl-editor-tour-tooltip-body" }, Bp = {
 			S("div", zh, [S("h2", Bh, a(A(o).popupDisplayRules.debugJsonTitle), 1), S("div", Vh, [S("button", {
 				type: "button",
 				class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:hover:bg-[var(--tpl-bg-hover)]",
-				onClick: re
+				onClick: ne
 			}, a(C.value ? A(o).popupDisplayRules.copyJsonDone : A(o).popupDisplayRules.copyJson), 1), S("button", {
 				type: "button",
 				class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)]",
 				onClick: n[28] ||= (e) => _.value = !1
 			}, a(A(o).popupDisplayRules.debugJsonClose), 1)])]),
-			S("pre", Hh, a(ne.value), 1),
+			S("pre", Hh, a(te.value), 1),
 			S("p", Uh, a(A(o).popupDisplayRules.debugJsonHint), 1)
 		])], 8, Lh)) : h("", !0)]))], 64));
 	}
@@ -6488,7 +6488,7 @@ var Kh = { class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:rounded-lg tpl:bord
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: n }) {
-		let r = e, o = n, { t: s } = U(), l = y(!1), u = y(null), d = y(null), f = y((/* @__PURE__ */ new Date()).getFullYear()), m = y((/* @__PURE__ */ new Date()).getMonth()), { bottom: g, left: _, width: v, update: C } = Ue(u), E = D(() => ({
+		let r = e, o = n, { t: s } = U(), l = y(!1), u = y(null), d = y(null), f = y((/* @__PURE__ */ new Date()).getFullYear()), m = y((/* @__PURE__ */ new Date()).getMonth()), { bottom: g, left: _, width: v, update: C } = He(u), E = D(() => ({
 			top: `${g.value + 4}px`,
 			left: `${_.value}px`,
 			width: `${Math.max(v.value, 268)}px`
@@ -6536,18 +6536,18 @@ var Kh = { class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:rounded-lg tpl:bord
 			});
 			return n;
 		}
-		let ee = D(() => {
+		let L = D(() => {
 			let e = [], t = new Date(2024, 0, 7);
 			for (let n = 0; n < 7; n++) {
 				let r = new Date(t);
 				r.setDate(t.getDate() + n), e.push(new Intl.DateTimeFormat(void 0, { weekday: "short" }).format(r));
 			}
 			return e;
-		}), te = D(() => new Intl.DateTimeFormat(void 0, {
+		}), ee = D(() => new Intl.DateTimeFormat(void 0, {
 			month: "long",
 			year: "numeric"
-		}).format(new Date(f.value, m.value, 1))), L = D(() => I(f.value, m.value)), R = D(() => F());
-		function z(e) {
+		}).format(new Date(f.value, m.value, 1))), R = D(() => I(f.value, m.value)), z = D(() => F());
+		function B(e) {
 			let t = M(e);
 			return t ? new Intl.DateTimeFormat(void 0, {
 				year: "numeric",
@@ -6555,7 +6555,7 @@ var Kh = { class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:rounded-lg tpl:bord
 				day: "numeric"
 			}).format(new Date(t.y, t.m, t.d)) : e;
 		}
-		function ne() {
+		function te() {
 			let e = M(r.modelValue);
 			if (e) f.value = e.y, m.value = e.m;
 			else {
@@ -6563,30 +6563,30 @@ var Kh = { class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:rounded-lg tpl:bord
 				f.value = e.getFullYear(), m.value = e.getMonth();
 			}
 		}
-		function B() {
+		function V() {
 			l.value = !l.value;
 		}
 		p(l, async (e) => {
-			e && (ne(), await T(), await T(), C(), Gh(u.value, d.value));
-		}), qe(d, () => {
+			e && (te(), await T(), await T(), C(), Gh(u.value, d.value));
+		}), Ke(d, () => {
 			l.value = !1;
-		}, { ignore: [u] }), Ge(window, "keydown", (e) => {
+		}, { ignore: [u] }), We(window, "keydown", (e) => {
 			e.key === "Escape" && (l.value = !1);
-		}), Ge(window, "scroll", () => l.value && C(), { capture: !0 }), Ge(window, "resize", () => l.value && C());
-		function re() {
+		}), We(window, "scroll", () => l.value && C(), { capture: !0 }), We(window, "resize", () => l.value && C());
+		function ne() {
 			m.value === 0 ? (m.value = 11, f.value--) : m.value--;
 		}
-		function ie() {
+		function re() {
 			m.value === 11 ? (m.value = 0, f.value++) : m.value++;
 		}
-		function ae(e) {
+		function ie(e) {
 			o("update:modelValue", e), l.value = !1;
 		}
-		function V() {
+		function H() {
 			o("update:modelValue", ""), l.value = !1;
 		}
-		function oe() {
-			ae(F());
+		function ae() {
+			ie(F());
 		}
 		return (n, r) => (c(), N(b, null, [S("div", Kh, [S("button", {
 			id: e.inputId,
@@ -6596,8 +6596,8 @@ var Kh = { class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:rounded-lg tpl:bord
 			class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-lg tpl:border-none tpl:bg-transparent tpl:px-3 tpl:py-2.5 tpl:text-left tpl:text-sm tpl:outline-none focus-visible:tpl:ring-2 focus-visible:tpl:ring-[var(--tpl-primary)] focus-visible:tpl:ring-offset-2 focus-visible:tpl:ring-offset-[var(--tpl-bg)]",
 			"aria-expanded": l.value,
 			"aria-haspopup": "dialog",
-			onClick: B
-		}, [S("span", { class: t(e.modelValue ? "tpl:text-[var(--tpl-text)]" : "tpl:text-[var(--tpl-text-muted)]") }, a(e.modelValue ? z(e.modelValue) : e.placeholder), 3), P(A(qt), {
+			onClick: V
+		}, [S("span", { class: t(e.modelValue ? "tpl:text-[var(--tpl-text)]" : "tpl:text-[var(--tpl-text-muted)]") }, a(e.modelValue ? B(e.modelValue) : e.placeholder), 3), P(A(qt), {
 			size: 16,
 			"stroke-width": 1.5,
 			class: "tpl:ml-auto tpl:shrink-0 tpl:opacity-60",
@@ -6607,7 +6607,7 @@ var Kh = { class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:rounded-lg tpl:bord
 			type: "button",
 			class: "tpl:flex tpl:h-8 tpl:w-8 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-muted)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)] focus-visible:tpl:outline focus-visible:tpl:outline-2 focus-visible:tpl:outline-[var(--tpl-primary)]",
 			"aria-label": e.clearLabel,
-			onClick: V
+			onClick: H
 		}, " × ", 8, Jh)) : h("", !0)]), (c(), x(k, { to: "body" }, [l.value ? (c(), N("div", {
 			key: 0,
 			ref_key: "popoverRef",
@@ -6623,43 +6623,43 @@ var Kh = { class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:rounded-lg tpl:bord
 					type: "button",
 					class: "tpl:flex tpl:h-8 tpl:w-8 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-muted)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)] focus-visible:tpl:outline focus-visible:tpl:outline-2 focus-visible:tpl:outline-[var(--tpl-primary)]",
 					"aria-label": A(s).popupSchedule.calendarPrevMonth,
-					onClick: re
+					onClick: ne
 				}, [P(A(mt), {
 					size: 18,
 					"stroke-width": 1.75,
 					"aria-hidden": "true"
 				})], 8, Zh),
-				S("span", Qh, a(te.value), 1),
+				S("span", Qh, a(ee.value), 1),
 				S("button", {
 					type: "button",
 					class: "tpl:flex tpl:h-8 tpl:w-8 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-muted)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)] focus-visible:tpl:outline focus-visible:tpl:outline-2 focus-visible:tpl:outline-[var(--tpl-primary)]",
 					"aria-label": A(s).popupSchedule.calendarNextMonth,
-					onClick: ie
+					onClick: re
 				}, [P(A(ht), {
 					size: 18,
 					"stroke-width": 1.75,
 					"aria-hidden": "true"
 				})], 8, $h)
 			]),
-			S("div", eg, [(c(!0), N(b, null, i(ee.value, (e, t) => (c(), N("span", {
+			S("div", eg, [(c(!0), N(b, null, i(L.value, (e, t) => (c(), N("span", {
 				key: `wd-${t}`,
 				class: "tpl:block tpl:text-center"
 			}, a(e), 1))), 128))]),
-			S("div", tg, [(c(!0), N(b, null, i(L.value, (n, r) => (c(), N("button", {
+			S("div", tg, [(c(!0), N(b, null, i(R.value, (n, r) => (c(), N("button", {
 				key: `${n.iso}-${r}`,
 				type: "button",
-				class: t(["tpl:flex tpl:h-9 tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:text-sm tpl:outline-none focus-visible:tpl:ring-2 focus-visible:tpl:ring-[var(--tpl-primary)] focus-visible:tpl:ring-offset-2 focus-visible:tpl:ring-offset-[var(--tpl-bg)]", [n.inMonth ? "tpl:text-[var(--tpl-text)]" : "tpl:text-[var(--tpl-text-muted)] tpl:opacity-70", e.modelValue === n.iso ? "tpl:bg-[var(--tpl-primary)] tpl:font-medium tpl:text-white hover:tpl:bg-[var(--tpl-primary)]" : n.iso === R.value ? "tpl:ring-1 tpl:ring-[var(--tpl-border)] tpl:ring-inset" : "hover:tpl:bg-[var(--tpl-bg-hover)]"]]),
-				onClick: (e) => ae(n.iso)
+				class: t(["tpl:flex tpl:h-9 tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:text-sm tpl:outline-none focus-visible:tpl:ring-2 focus-visible:tpl:ring-[var(--tpl-primary)] focus-visible:tpl:ring-offset-2 focus-visible:tpl:ring-offset-[var(--tpl-bg)]", [n.inMonth ? "tpl:text-[var(--tpl-text)]" : "tpl:text-[var(--tpl-text-muted)] tpl:opacity-70", e.modelValue === n.iso ? "tpl:bg-[var(--tpl-primary)] tpl:font-medium tpl:text-white hover:tpl:bg-[var(--tpl-primary)]" : n.iso === z.value ? "tpl:ring-1 tpl:ring-[var(--tpl-border)] tpl:ring-inset" : "hover:tpl:bg-[var(--tpl-bg-hover)]"]]),
+				onClick: (e) => ie(n.iso)
 			}, a(n.day), 11, ng))), 128))]),
 			S("div", rg, [S("button", {
 				type: "button",
 				class: "tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-primary)] tpl:underline tpl:underline-offset-2 hover:tpl:bg-[var(--tpl-bg-hover)] focus-visible:tpl:outline focus-visible:tpl:outline-2 focus-visible:tpl:outline-[var(--tpl-primary)]",
-				onClick: oe
+				onClick: ae
 			}, a(A(s).popupSchedule.calendarToday), 1), e.modelValue ? (c(), N("button", {
 				key: 0,
 				type: "button",
 				class: "tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)] focus-visible:tpl:outline focus-visible:tpl:outline-2 focus-visible:tpl:outline-[var(--tpl-primary)]",
-				onClick: V
+				onClick: H
 			}, a(A(s).popupSchedule.calendarClear), 1)) : h("", !0)])
 		], 12, Yh)) : h("", !0)]))], 64));
 	}
@@ -6721,10 +6721,10 @@ var Kh = { class: "tpl:flex tpl:items-center tpl:gap-0.5 tpl:rounded-lg tpl:bord
 			return e.includes("23:59") || e.push("23:59"), e;
 		}), v = D(() => {
 			let e = u.value.schedule.timeZone;
-			return le.some((t) => t.id === e) ? [...le] : [{
+			return ce.some((t) => t.id === e) ? [...ce] : [{
 				id: e,
 				label: e
-			}, ...le];
+			}, ...ce];
 		}), y = D(() => [
 			"everyday",
 			"monday",