@templatical/editor 0.10.1 → 0.10.2

package/dist/cdn/chunks/{styles-1uFWdD5T.js → styles-BDVaiw3K.js}

@@ -1,11 +1,11 @@
-import { C as e, F as t, G as n, H as r, J as i, L as a, M as o, O as s, P as c, T as l, V as u, Y as d, Z as f, b as p, c as m, ct as h, f as g, g as _, h as v, it as y, l as b, m as x, n as S, o as C, ot as w, p as T, s as E, st as D, t as ee, u as O, v as k, x as A, y as j, z as M } from "./draggable-J_1CPXYc.js";
-import { $ as N, Bt as P, Cn as te, Ct as F, Dn as I, Dt as L, F as R, Ft as z, G as B, Gt as ne, H as re, I as ie, J as ae, Jt as oe, K as se, Kt as ce, L as le, Lt as ue, M as de, Mt as fe, N as pe, O as V, P as me, Pt as he, Qt as ge, R as _e, St as ve, Tn as ye, Tt as be, U as xe, V as Se, Vt as Ce, W as we, Wt as Te, Xt as Ee, Yt as De, Zt as Oe, _n as ke, at as Ae, bt as je, ct as Me, dn as Ne, et as Pe, hn as Fe, in as Ie, it as Le, j as Re, kt as ze, mn as Be, mt as Ve, nn as He, q as Ue, qt as We, rn as Ge, rt as Ke, tn as qe, ut as Je, vn as Ye, wn as Xe, wt as Ze, xn as Qe, xt as $e, yn as et, yt as tt, z as nt, zt as rt } from "./features-_ar9QbVv.js";
-import { A as it, F as at, G as ot, I as st, M as ct, N as lt, O as ut, P as dt, T as H, V as ft, Y as pt, _ as mt, b as ht, c as gt, h as _t, m as vt, o as yt, s as bt, u as xt, v as St, y as Ct, z as wt } from "./icons-CnwCLJX-.js";
+import { C as e, F as t, G as n, H as r, J as i, L as a, M as o, O as s, P as c, T as l, V as u, Y as d, Z as f, b as p, c as m, ct as h, f as g, g as _, h as v, it as y, l as b, m as x, n as S, o as C, ot as w, p as T, s as E, st as D, t as ee, u as O, v as k, x as A, y as j, z as M } from "./draggable-BTGr7_-X.js";
+import { $ as N, Bt as P, Ct as te, Dt as ne, En as F, F as I, Ft as L, G as R, Gt as z, H as re, I as ie, J as ae, Jt as oe, K as se, Kt as ce, L as le, Lt as ue, M as de, Mt as fe, N as pe, O as me, P as he, Pt as B, Qt as ge, R as _e, St as ve, Tn as ye, Tt as be, U as xe, V as Se, Vt as Ce, W as we, Wt as Te, Xt as Ee, Yt as De, Zt as Oe, _n as ke, at as Ae, bt as je, ct as Me, dn as Ne, et as Pe, hn as Fe, in as Ie, it as Le, j as Re, kn as ze, kt as Be, mn as Ve, mt as He, nn as Ue, q as We, qt as Ge, rn as Ke, rt as V, tn as qe, ut as Je, vn as Ye, wn as Xe, wt as Ze, xn as Qe, xt as $e, yn as et, yt as tt, z as nt, zt as rt } from "./features-A28DQtjE.js";
+import { A as it, F as at, G as ot, I as st, M as ct, N as lt, O as ut, P as dt, T as H, V as ft, Y as pt, _ as mt, b as ht, c as gt, h as _t, m as vt, o as yt, s as bt, u as xt, v as St, y as Ct, z as wt } from "./icons-C9D3N0-J.js";
 import { t as Tt } from "./readableTextColor-f8Kykfnh.js";
-import { t as Et } from "./CountdownBlock-DU9ga9Ki.js";
-import { t as Dt } from "./blockTypeIcons-D05Wqf5u.js";
+import { t as Et } from "./CountdownBlock-gqnpxKp_.js";
+import { t as Dt } from "./blockTypeIcons-Xz6OBq3U.js";
 import { _ as Ot, c as kt, f as U, g as At, h as W, l as jt, m as G, p as K, t as Mt } from "./styleConstants-lGobwiLH.js";
-import { i as q, n as J, r as Y, t as Nt } from "./NumberWithSuffix-DuUcF2zG.js";
+import { i as q, n as J, r as Y, t as Nt } from "./NumberWithSuffix-D4wtmU9O.js";
 //#region src/utils/resolveLintOptions.ts
 function Pt(e) {
 	return {
@@ -27,7 +27,7 @@ var Ft = ["aria-label"], It = {
 }, Ht = { class: "tpl:relative" }, Ut = {
 	class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[8px] tpl:font-bold",
 	style: { "background-color": "color-mix(\n                      in srgb,\n                      var(--tpl-bg) 30%,\n                      transparent\n                    )" }
-}, Wt = /* @__PURE__ */ Ke(/* @__PURE__ */ A({
+}, Wt = /*#__PURE__*/ V(/* @__PURE__ */ A({
 	__name: "Canvas",
 	props: {
 		viewport: {},
@@ -49,16 +49,16 @@ var Ft = ["aria-label"], It = {
 			paragraph: re,
 			image: we,
 			button: fe,
-			divider: Ue,
+			divider: We,
 			spacer: pe,
 			html: se,
-			social: me,
+			social: he,
 			menu: xe,
 			table: de,
 			video: Re,
 			countdown: Et,
 			custom: ae
-		}, i = e, s = t, { t: d } = z(), { t: p } = Pe(), m = Ie(oe, "Canvas"), b = l(Te, null), S = l(P, null), C = l(Ce, {}), A = g(() => (C.plan?.hasFeature("ai_generation") ?? !1) && (C.ai?.isFeatureEnabled("chat") ?? !1)), M = g(() => (C.plan?.hasFeature("ai_generation") ?? !1) && (C.ai?.isFeatureEnabled("designToTemplate") ?? !1)), N = g({
+		}, i = e, s = t, { t: d } = L(), { t: p } = Pe(), m = Ie(oe, "Canvas"), b = l(Te, null), S = l(P, null), C = l(Ce, {}), A = g(() => (C.plan?.hasFeature("ai_generation") ?? !1) && (C.ai?.isFeatureEnabled("chat") ?? !1)), M = g(() => (C.plan?.hasFeature("ai_generation") ?? !1) && (C.ai?.isFeatureEnabled("designToTemplate") ?? !1)), N = g({
 			get: () => i.content.blocks,
 			set: (e) => {
 				m.setContent({
@@ -71,26 +71,26 @@ var Ft = ["aria-label"], It = {
 				case "mobile": return 375;
 				default: return i.content.settings.width;
 			}
-		}), F = g(() => ({ fontFamily: i.content.settings.fontFamily })), I = g(() => N.value.length === 0 && !i.previewMode), L = f(0), R = g(() => I.value && L.value > 0);
-		function B() {
-			I.value && (L.value += 1);
-		}
-		function ne() {
-			I.value && (L.value = Math.max(0, L.value - 1));
+		}), ne = g(() => ({ fontFamily: i.content.settings.fontFamily })), F = g(() => N.value.length === 0 && !i.previewMode), I = f(0), R = g(() => F.value && I.value > 0);
+		function z() {
+			F.value && (I.value += 1);
 		}
 		function ie() {
-			L.value = 0;
+			F.value && (I.value = Math.max(0, I.value - 1));
 		}
-		function ce(e) {
-			i.previewMode || e.target === e.currentTarget && s("select-block", null);
+		function ce() {
+			I.value = 0;
 		}
 		function ue(e) {
+			i.previewMode || e.target === e.currentTarget && s("select-block", null);
+		}
+		function me(e) {
 			return Se(e, S, n);
 		}
-		function V(e) {
+		function B(e) {
 			return i.lockedBlocks?.get(e) ?? null;
 		}
-		function he(e, t) {
+		function ge(e, t) {
 			e.type === "custom" && m.updateBlock(e.id, {
 				fieldValues: t.fieldValues,
 				dataSourceFetched: t.dataSourceFetched
@@ -118,8 +118,8 @@ var Ft = ["aria-label"], It = {
 				"tpl-canvas--dark-mode": e.darkMode,
 				"tpl-preview-mode": e.previewMode
 			}]),
-			style: D(F.value),
-			onClick: ce
+			style: D(ne.value),
+			onClick: ue
 		}, [j(y(ee), {
 			modelValue: N.value,
 			"onUpdate:modelValue": n[2] ||= (e) => N.value = e,
@@ -135,15 +135,15 @@ var Ft = ["aria-label"], It = {
 			"force-fallback": !0,
 			class: w([
 				"tpl-canvas-blocks",
-				I.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 tpl:duration-150" : "",
-				I.value && R.value ? "tpl-canvas-empty--drag-over tpl:border-[var(--tpl-primary-hover)] tpl:bg-[var(--tpl-primary-light)]" : "",
-				I.value && !R.value ? "tpl:border-[var(--tpl-primary)]" : ""
+				F.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 tpl:duration-150" : "",
+				F.value && R.value ? "tpl-canvas-empty--drag-over tpl:border-[var(--tpl-primary-hover)] tpl:bg-[var(--tpl-primary-light)]" : "",
+				F.value && !R.value ? "tpl:border-[var(--tpl-primary)]" : ""
 			]),
-			onDragenter: B,
-			onDragleave: ne,
-			onDrop: ie
+			onDragenter: z,
+			onDragleave: ie,
+			onDrop: ce
 		}, {
-			default: u(() => [I.value ? (o(), _("div", It, [
+			default: u(() => [F.value ? (o(), _("div", It, [
 				T("div", Lt, [j(y(_t), {
 					size: 48,
 					"stroke-width": 1
@@ -175,30 +175,30 @@ var Ft = ["aria-label"], It = {
 			])) : v("", !0), (o(!0), _(O, null, c(N.value, (t) => r((o(), _("div", {
 				key: t.id,
 				class: "tpl-block-item"
-			}, [T("div", Ht, [V(t.id) ? (o(), _("div", {
+			}, [T("div", Ht, [B(t.id) ? (o(), _("div", {
 				key: 0,
 				class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
 				style: D({
-					outline: `2px solid ${V(t.id).color}`,
+					outline: `2px solid ${B(t.id).color}`,
 					outlineOffset: "-1px"
 				})
 			}, [T("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: D({
-					backgroundColor: V(t.id).color,
-					color: y(Tt)(V(t.id).color)
+					backgroundColor: B(t.id).color,
+					color: y(Tt)(B(t.id).color)
 				})
-			}, [T("span", Ut, h(V(t.id).name.charAt(0)), 1), k(" " + h(V(t.id).name), 1)], 4)], 4)) : v("", !0), j(nt, {
+			}, [T("span", Ut, h(B(t.id).name.charAt(0)), 1), k(" " + h(B(t.id).name), 1)], 4)], 4)) : v("", !0), j(nt, {
 				block: t,
-				"is-selected": !e.previewMode && e.selectedBlockId === t.id && !V(t.id),
+				"is-selected": !e.previewMode && e.selectedBlockId === t.id && !B(t.id),
 				viewport: e.viewport,
 				"preview-mode": e.previewMode,
-				onSelect: (n) => e.previewMode || V(t.id) ? void 0 : s("select-block", t.id)
+				onSelect: (n) => e.previewMode || B(t.id) ? void 0 : s("select-block", t.id)
 			}, {
-				default: u(() => [(o(), x(a(ue(t)), {
+				default: u(() => [(o(), x(a(me(t)), {
 					block: t,
 					viewport: e.viewport,
-					onFetchData: (e) => he(t, e),
+					onFetchData: (e) => ge(t, e),
 					onUpdate: (e) => y(m).updateBlock(t.id, e)
 				}, null, 40, [
 					"block",
@@ -251,7 +251,7 @@ var Ft = ["aria-label"], It = {
 }, en = /* @__PURE__ */ A({
 	__name: "Sidebar",
 	setup(e) {
-		let { t, format: n } = z(), { t: r } = Pe(), i = l(ne, []), s = l(rt, void 0), d = l(oe, null), p = l(Ce, {}), m = g(() => (p.savedModules?.moduleCount.value ?? 0) > 0), b = f(!1), S = f(!1);
+		let { t, format: n } = L(), { t: r } = Pe(), i = l(z, []), s = l(rt, void 0), d = l(oe, null), p = l(Ce, {}), m = g(() => (p.savedModules?.moduleCount.value ?? 0) > 0), b = f(!1), S = f(!1);
 		function C() {
 			S.value || (b.value = !1);
 		}
@@ -277,11 +277,11 @@ var Ft = ["aria-label"], It = {
 		], A = g(() => {
 			let e = k.map((e) => ({
 				type: e,
-				label: he(e, t)
+				label: B(e, t)
 			}));
 			return p.plan && e.splice(-1, 0, {
 				type: "countdown",
-				label: he("countdown", t)
+				label: B("countdown", t)
 			}), e;
 		}), M = g(() => i.map((e) => ({
 			type: `custom:${e.type}`,
@@ -292,17 +292,17 @@ var Ft = ["aria-label"], It = {
 		function P(e) {
 			if (e.isCustom) {
 				let t = e.type.replace("custom:", ""), n = i.find((e) => e.type === t);
-				if (n) return Xe(n);
+				if (n) return ye(n);
 			}
-			return te(e.type, s);
+			return Xe(e.type, s);
 		}
-		function F(e) {
+		function te(e) {
 			if (!d) return;
 			let t = P(e);
 			d.addBlock(t), d.selectBlock(t.id);
 		}
-		function I(e, t) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), F(t));
+		function ne(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), te(t));
 		}
 		return (e, i) => (o(), _("aside", {
 			"aria-label": y(t).sidebarNav.palette,
@@ -355,8 +355,8 @@ var Ft = ["aria-label"], It = {
 				"aria-label": y(n)(y(t).sidebarNav.insertBlock, { block: e.label }),
 				class: "tpl:flex tpl:h-10 tpl:w-full 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)] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] active:tpl:cursor-grabbing",
 				style: D({ justifyContent: b.value ? "flex-start" : "center" }),
-				onClick: (t) => F(e),
-				onKeydown: (t) => I(t, e)
+				onClick: (t) => te(e),
+				onKeydown: (t) => ne(t, e)
 			}, [T("div", Qt, [y(Dt)[e.type] ? (o(), x(a(y(Dt)[e.type]), {
 				key: 0,
 				size: 20,
@@ -466,7 +466,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	},
 	emits: ["edit", "clear"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		function i() {
 			n("edit");
 		}
@@ -514,7 +514,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	props: { disabled: { type: Boolean } },
 	emits: ["insert"],
 	setup(e) {
-		let { t } = z();
+		let { t } = L();
 		return (n, r) => (o(), _("button", {
 			type: "button",
 			class: w([un, "tpl:mt-1.5"]),
@@ -579,7 +579,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	props: { settings: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), a = Ie(De, "TemplateSettings"), s = g(() => a.fonts.value), l = g(() => s.value.some((e) => e.value === n.settings.fontFamily) ? n.settings.fontFamily : a.defaultFont.value), u = [
+		let n = e, r = t, { t: i } = L(), a = Ie(De, "TemplateSettings"), s = g(() => a.fonts.value), l = g(() => s.value.some((e) => e.value === n.settings.fontFamily) ? n.settings.fontFamily : a.defaultFont.value), u = [
 			{
 				value: 480,
 				label: "480px"
@@ -685,7 +685,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	"type",
 	"value",
 	"placeholder"
-], Jn = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", X = /* @__PURE__ */ Ke(/* @__PURE__ */ A({
+], Jn = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", X = /*#__PURE__*/ V(/* @__PURE__ */ A({
 	__name: "MergeTagInput",
 	props: {
 		modelValue: {},
@@ -745,7 +745,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	},
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		function i(e, t) {
 			n("update", { [e]: t });
 		}
@@ -802,7 +802,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 			}, null, 42, fr), T("span", { class: w(y(G)) }, "px", 2)])])])
 		], 64));
 	}
-}), mr = { class: "spacing-control" }, hr = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, gr = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, _r = { class: "tpl:flex tpl:items-center" }, vr = ["aria-label"], yr = ["value", "aria-label"], br = ["aria-label"], xr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Sr = { class: "tpl:flex tpl:items-center" }, Cr = ["aria-label"], wr = ["value", "aria-label"], Tr = ["aria-label"], Er = ["aria-label", "title"], Dr = { class: "tpl:flex tpl:items-center" }, Or = ["aria-label"], kr = ["value", "aria-label"], Ar = ["aria-label"], jr = { class: "tpl:flex tpl:items-center" }, Mr = ["aria-label"], Nr = ["value", "aria-label"], Pr = ["aria-label"], Z = "tpl:flex tpl:items-center tpl:justify-center tpl:w-8 tpl:h-8 tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:cursor-pointer tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)] active:tpl:bg-[var(--tpl-bg-active)]", Fr = "tpl:w-10 tpl:h-8 tpl:text-center tpl:text-xs tpl:font-medium tpl:border-y tpl:border-x-0 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", Ir = /* @__PURE__ */ Ke(/* @__PURE__ */ A({
+}), mr = { class: "spacing-control" }, hr = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, gr = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, _r = { class: "tpl:flex tpl:items-center" }, vr = ["aria-label"], yr = ["value", "aria-label"], br = ["aria-label"], xr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Sr = { class: "tpl:flex tpl:items-center" }, Cr = ["aria-label"], wr = ["value", "aria-label"], Tr = ["aria-label"], Er = ["aria-label", "title"], Dr = { class: "tpl:flex tpl:items-center" }, Or = ["aria-label"], kr = ["value", "aria-label"], Ar = ["aria-label"], jr = { class: "tpl:flex tpl:items-center" }, Mr = ["aria-label"], Nr = ["value", "aria-label"], Pr = ["aria-label"], Z = "tpl:flex tpl:items-center tpl:justify-center tpl:w-8 tpl:h-8 tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:cursor-pointer tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)] active:tpl:bg-[var(--tpl-bg-active)]", Fr = "tpl:w-10 tpl:h-8 tpl:text-center tpl:text-xs tpl:font-medium tpl:border-y tpl:border-x-0 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", Ir = /*#__PURE__*/ V(/* @__PURE__ */ A({
 	__name: "SpacingControl",
 	props: {
 		modelValue: {},
@@ -810,7 +810,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), a = g(() => n.modelValue.top === n.modelValue.right && n.modelValue.right === n.modelValue.bottom && n.modelValue.bottom === n.modelValue.left), s = f(a.value);
+		let n = e, r = t, { t: i } = L(), a = g(() => n.modelValue.top === n.modelValue.right && n.modelValue.right === n.modelValue.bottom && n.modelValue.bottom === n.modelValue.left), s = f(a.value);
 		M(a, (e) => {
 			!e && s.value && (s.value = !1);
 		});
@@ -985,7 +985,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 			type: "button",
 			class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
 			onClick: i[0] ||= (e) => n.$emit("toggle")
-		}, [j(y(ze), {
+		}, [j(y(Be), {
 			class: w(["tpl:transition-transform tpl:duration-200", e.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
 			size: 12,
 			"stroke-width": 2
@@ -1011,7 +1011,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	},
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, { t: s } = z(), p = l(We, []), m = l(ue, !1), b = d(/* @__PURE__ */ new Set()), S = f(!1), E = f(""), D = f(""), ee = [{
+		let n = e, i = t, { t: s } = L(), p = l(Ge, []), m = l(ue, !1), b = d(/* @__PURE__ */ new Set()), S = f(!1), E = f(""), D = f(""), ee = [{
 			key: "desktop",
 			icon: lt,
 			labelKey: "showOnDesktop"
@@ -1027,7 +1027,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 		function te() {
 			S.value = !0, P.value && n.block.displayCondition ? (E.value = n.block.displayCondition.before, D.value = n.block.displayCondition.after ?? "") : (E.value = "", D.value = "");
 		}
-		function F() {
+		function ne() {
 			E.value.trim() && (i("update", { displayCondition: {
 				label: s.blockSettings.customCondition,
 				before: E.value.trim(),
@@ -1041,7 +1041,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 			}
 			P.value && (E.value = e.before, D.value = e.after ?? "");
 		}, { immediate: !0 });
-		let I = g(() => {
+		let F = g(() => {
 			let e = {};
 			for (let t of p) {
 				let n = t.group ?? "";
@@ -1049,7 +1049,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 			}
 			return e;
 		});
-		function L(e, t) {
+		function I(e, t) {
 			i("update", { styles: {
 				...n.block.styles,
 				[e]: t
@@ -1058,7 +1058,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 		function R(e) {
 			return n.block.visibility?.[e] !== !1;
 		}
-		function B(e) {
+		function z(e) {
 			let t = {
 				desktop: R("desktop"),
 				mobile: R("mobile")
@@ -1075,7 +1075,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 				default: u(() => [j(Ir, {
 					label: y(s).blockSettings.padding,
 					"model-value": e.block.styles.padding,
-					"onUpdate:modelValue": n[0] ||= (e) => L("padding", e)
+					"onUpdate:modelValue": n[0] ||= (e) => I("padding", e)
 				}, null, 8, ["label", "model-value"])]),
 				_: 1
 			}, 8, [
@@ -1091,7 +1091,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 				default: u(() => [T("label", { class: w(y(W)) }, h(y(s).blockSettings.color), 3), j(q, {
 					size: "large",
 					"model-value": e.block.styles.backgroundColor || y("#ffffff"),
-					"onUpdate:modelValue": n[2] ||= (e) => L("backgroundColor", e)
+					"onUpdate:modelValue": n[2] ||= (e) => I("backgroundColor", e)
 				}, null, 8, ["model-value"])]),
 				_: 1
 			}, 8, ["title", "open"]),
@@ -1108,7 +1108,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 						type: "checkbox",
 						class: "tpl:accent-[var(--tpl-primary)]",
 						checked: R(e.key),
-						onChange: (t) => B(e.key)
+						onChange: (t) => z(e.key)
 					}, null, 40, Br),
 					(o(), x(a(e.icon), {
 						size: 14,
@@ -1142,7 +1142,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 					}
 				}, [
 					T("option", Ur, h(y(s).blockSettings.noCondition), 1),
-					(o(!0), _(O, null, c(I.value, (e, t) => (o(), _(O, { key: t }, [t ? (o(), _("optgroup", {
+					(o(!0), _(O, null, c(F.value, (e, t) => (o(), _(O, { key: t }, [t ? (o(), _("optgroup", {
 						key: 0,
 						label: String(t)
 					}, [(o(!0), _(O, null, c(e, (e) => (o(), _("option", {
@@ -1168,7 +1168,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["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: F
+						onClick: ne
 					}, h(y(s).blockSettings.applyCondition), 9, Qr)])
 				])) : e.block.displayCondition && !P.value ? (o(), _(O, { key: 1 }, [e.block.displayCondition.description ? (o(), _("p", $r, h(e.block.displayCondition.description), 1)) : v("", !0), T("div", ei, [T("pre", ti, h(e.block.displayCondition.before), 1), e.block.displayCondition.after ? (o(), _("pre", ni, h(e.block.displayCondition.after), 1)) : v("", !0)])], 64)) : v("", !0)])]),
 				_: 1
@@ -1191,7 +1191,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		return (t, i) => (o(), _("div", {
 			class: "tpl:mb-3.5",
 			title: e.readOnly ? y(r).customBlocks.dataSource.readOnlyTooltip : void 0
@@ -1247,7 +1247,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		return (t, i) => (o(), x(Q, {
 			label: e.field.label,
 			required: e.field.required,
@@ -1285,7 +1285,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z(), i = l(ge, null), a = B(), s = g(() => !!i);
+		let n = t, { t: r } = L(), i = l(ge, null), a = R(), s = g(() => !!i);
 		async function c() {
 			let e = await i?.({ accept: ["images"] });
 			a.alive && e && n("update:modelValue", e.url);
@@ -1342,7 +1342,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		return (t, i) => (o(), x(Q, {
 			label: e.field.label,
 			required: e.field.required,
@@ -1379,7 +1379,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), s = g(() => n.modelValue || []), l = g(() => !n.field.maxItems || s.value.length < n.field.maxItems), d = g(() => !n.field.minItems || s.value.length > n.field.minItems);
+		let n = e, r = t, { t: i } = L(), s = g(() => n.modelValue || []), l = g(() => !n.field.maxItems || s.value.length < n.field.maxItems), d = g(() => !n.field.minItems || s.value.length > n.field.minItems);
 		function f() {
 			if (!l.value || n.readOnly) return;
 			let e = {};
@@ -1458,7 +1458,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		return (t, i) => (o(), x(Q, {
 			label: e.field.label,
 			required: e.field.required,
@@ -1494,7 +1494,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		return (t, i) => (o(), x(Q, {
 			label: e.field.label,
 			required: e.field.required,
@@ -1536,7 +1536,7 @@ var nn = ["aria-label", "onKeydown"], rn = ["data-tooltip"], an = ["data-tooltip
 		},
 		emits: ["update:modelValue"],
 		setup(e, { emit: t }) {
-			let n = t, { t: r } = z();
+			let n = t, { t: r } = L();
 			return (t, i) => (o(), x(Q, {
 				label: e.field.label,
 				required: e.field.required,
@@ -1599,7 +1599,7 @@ var Mi = {
 	props: { block: {} },
 	emits: ["updateFieldValues", "updateDataSourceFetched"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), s = l(ne, []), u = g(() => s.find((e) => e.type === n.block.customType)), { isFetching: d, fetchError: f, fetch: p, hasDataSource: m, needsFetch: b } = Fe({
+		let n = e, r = t, { t: i } = L(), s = l(z, []), u = g(() => s.find((e) => e.type === n.block.customType)), { isFetching: d, fetchError: f, fetch: p, hasDataSource: m, needsFetch: b } = Fe({
 			definition: u,
 			block: g(() => n.block),
 			onUpdate: (e, t) => {
@@ -1627,7 +1627,7 @@ var Mi = {
 				type: "button",
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]",
 				onClick: n[1] ||= (...e) => y(p) && y(p)(...e)
-			}, [j(y(Ve), { size: 12 }), k(" " + h(y(i).customBlocks.dataSource.changeButton), 1)]))])), y(f) ? (o(), _("p", zi, [j(y(L), {
+			}, [j(y(He), { size: 12 }), k(" " + h(y(i).customBlocks.dataSource.changeButton), 1)]))])), y(f) ? (o(), _("p", zi, [j(y(ne), {
 				size: 14,
 				class: "tpl:shrink-0"
 			}), k(" " + h(y(i).customBlocks.dataSource.fetchError), 1)])) : v("", !0)])) : v("", !0),
@@ -1650,7 +1650,7 @@ var Mi = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		function i(e, t) {
 			n("update", { [e]: t });
 		}
@@ -1692,7 +1692,7 @@ var Mi = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		return (t, i) => (o(), _("div", qi, [
 			T("label", { class: w(y(W)) }, h(y(r).html.content), 3),
 			T("textarea", {
@@ -1719,7 +1719,7 @@ var Mi = {
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z(), i = l(ge, null), a = l(Oe, ke.liquid), s = B(), c = g(() => !!i), u = f(!1), d = f(!1), { start: p } = Be(() => {
+		let n = t, { t: r } = L(), i = l(ge, null), a = l(Oe, ke.liquid), s = R(), c = g(() => !!i), u = f(!1), d = f(!1), { start: p } = Ve(() => {
 			u.value = !1;
 		}, 1e3, { immediate: !1 });
 		function m(e, t) {
@@ -1843,7 +1843,7 @@ var Mi = {
 	},
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), a = g(() => [
+		let n = e, r = t, { t: i } = L(), a = g(() => [
 			{
 				key: "openInNewTab",
 				label: i.menu.openInNewTab
@@ -1878,7 +1878,7 @@ var Mi = {
 		}
 		function d() {
 			let e = {
-				id: ye(),
+				id: F(),
 				text: "",
 				url: "",
 				openInNewTab: !1,
@@ -2043,7 +2043,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), a = g(() => [
+		let n = e, r = t, { t: i } = L(), a = g(() => [
 			{
 				value: "1",
 				label: i.section.column1
@@ -2086,13 +2086,13 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z();
+		let n = e, r = t, { t: i } = L();
 		function a(e, t) {
 			r("update", { [e]: t });
 		}
 		function s() {
 			let e = {
-				id: ye(),
+				id: F(),
 				platform: "facebook",
 				url: ""
 			};
@@ -2119,7 +2119,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 			}, [(o(!0), _(O, null, c(y(ie), (e) => (o(), _("option", {
 				key: e,
 				value: e
-			}, h(y(R)[e].name), 9, Pa))), 128))], 42, Na), T("button", {
+			}, h(y(I)[e].name), 9, Pa))), 128))], 42, Na), T("button", {
 				class: w(y(Ot)),
 				title: y(i).social.removeIcon,
 				onClick: (t) => u(e.id)
@@ -2207,7 +2207,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		return (t, i) => (o(), _("div", Ya, [
 			T("label", { class: w(y(W)) }, h(y(r).spacer.height), 3),
 			T("div", Xa, [T("input", {
@@ -2239,15 +2239,15 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 	},
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), a = g(() => n.block.rows.length > 0 ? n.block.rows[0].cells.length : 0);
+		let n = e, r = t, { t: i } = L(), a = g(() => n.block.rows.length > 0 ? n.block.rows[0].cells.length : 0);
 		function s(e, t) {
 			r("update", { [e]: t });
 		}
 		function l() {
 			let e = n.block.rows.length > 0 ? n.block.rows[0].cells.length : 3, t = {
-				id: ye(),
+				id: F(),
 				cells: Array.from({ length: e }, () => ({
-					id: ye(),
+					id: F(),
 					content: ""
 				}))
 			};
@@ -2260,7 +2260,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 			r("update", { rows: n.block.rows.map((e) => ({
 				...e,
 				cells: [...e.cells, {
-					id: ye(),
+					id: F(),
 					content: ""
 				}]
 			})) });
@@ -2389,7 +2389,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 	},
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		function i(e, t) {
 			n("update", { [e]: t });
 		}
@@ -2454,7 +2454,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 	props: { block: {} },
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), a = l(ge, null), s = l(Oe, ke.liquid), c = B(), u = g(() => !!a), d = g(() => Ye(n.block.url, s)), p = f(!1), { start: m } = Be(() => {
+		let n = e, r = t, { t: i } = L(), a = l(ge, null), s = l(Oe, ke.liquid), c = R(), u = g(() => !!a), d = g(() => Ye(n.block.url, s)), p = f(!1), { start: m } = Ve(() => {
 			p.value = !1;
 		}, 1e3, { immediate: !1 });
 		function b(e, t) {
@@ -2551,7 +2551,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 			}, null, 8, ["options", "model-value"])])
 		], 64));
 	}
-}), ss = ["aria-label"], cs = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, ls = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, us = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ds = { class: "tpl:flex tpl:gap-1" }, fs = ["title"], ps = ["title"], ms = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, hs = /* @__PURE__ */ Ke(/* @__PURE__ */ A({
+}), ss = ["aria-label"], cs = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, ls = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, us = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ds = { class: "tpl:flex tpl:gap-1" }, fs = ["title"], ps = ["title"], ms = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, hs = /*#__PURE__*/ V(/* @__PURE__ */ A({
 	__name: "Toolbar",
 	props: { block: {} },
 	emits: [
@@ -2560,9 +2560,9 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 		"duplicate"
 	],
 	setup(e, { emit: t }) {
-		let n = p(() => import("./CountdownToolbar-BHWsxth7.js")), r = e, i = t, { t: s } = z(), c = Ie(De, "Toolbar"), u = l(ne, []), d = g(() => r.block.type), f = g(() => I(r.block)), m = g(() => {
+		let n = p(() => import("./CountdownToolbar-xHpaWQE2.js")), r = e, i = t, { t: s } = L(), c = Ie(De, "Toolbar"), u = l(z, []), d = g(() => r.block.type), f = g(() => ze(r.block)), m = g(() => {
 			if (f.value) return u.find((e) => e.type === r.block.customType);
-		}), b = g(() => f.value ? m.value?.name ?? r.block.customType : he(d.value, s)), S = c.fonts;
+		}), b = g(() => f.value ? m.value?.name ?? r.block.customType : B(d.value, s)), S = c.fonts;
 		function C(e) {
 			i("update", e);
 		}
@@ -2708,7 +2708,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 		"update-settings"
 	],
 	setup(e, { emit: t }) {
-		let n = p(() => import("./IssuesPanel-BkYhij39.js")), r = e, i = t, { t: a } = z(), s = f("content"), c = l(qe, null), u = g(() => c !== null), d = g(() => c?.issues.value.length ?? 0);
+		let n = p(() => import("./IssuesPanel-DHTTHu65.js")), r = e, i = t, { t: a } = L(), s = f("content"), c = l(qe, null), u = g(() => c !== null), d = g(() => c?.issues.value.length ?? 0);
 		function m(e) {
 			return s.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)]";
 		}
@@ -2804,7 +2804,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 	props: { viewport: {} },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), a = g(() => [{
+		let n = e, r = t, { t: i } = L(), a = g(() => [{
 			value: "desktop",
 			label: i.viewport.desktop
 		}, {
@@ -2855,12 +2855,12 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 	"aria-label",
 	"title",
 	"aria-pressed"
-], Ls = /* @__PURE__ */ Ke(/* @__PURE__ */ A({
+], Ls = /*#__PURE__*/ V(/* @__PURE__ */ A({
 	__name: "PreviewToggle",
 	props: { previewMode: { type: Boolean } },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		return (t, i) => (o(), _("button", {
 			class: "tpl-preview-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all tpl:duration-150",
 			style: D({
@@ -2882,7 +2882,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 				key: "eye",
 				size: 18,
 				"stroke-width": 1.5
-			})) : (o(), x(y(F), {
+			})) : (o(), x(y(te), {
 				key: "eye-off",
 				size: 18,
 				"stroke-width": 1.5
@@ -2894,12 +2894,12 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 	"aria-label",
 	"title",
 	"aria-pressed"
-], zs = /* @__PURE__ */ Ke(/* @__PURE__ */ A({
+], zs = /*#__PURE__*/ V(/* @__PURE__ */ A({
 	__name: "DarkModeToggle",
 	props: { darkMode: { type: Boolean } },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z();
+		let n = t, { t: r } = L();
 		return (t, i) => (o(), _("button", {
 			class: "tpl-dark-mode-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all tpl:duration-150",
 			style: D({
@@ -2946,7 +2946,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 	__name: "EditorFooter",
 	props: { positionClass: {} },
 	setup(e) {
-		let { t } = z();
+		let { t } = L();
 		return (n, r) => (o(), _("footer", { class: w(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [T("div", Bs, [
 			T("span", null, h(y(t).footer.poweredBy), 1),
 			r[0] ||= T("a", {
@@ -3002,7 +3002,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 }, $ = "tpl-merge-tag-picker-list", oc = /* @__PURE__ */ A({
 	__name: "MergeTagPickerModal",
 	setup(e) {
-		let t = Ie(Ee, "MergeTagPickerModal"), { t: n, format: i } = z(), a = l(He, null), d = l(Ge, null), p = f(""), S = Ne(p, 200), E = f(null), ee = g(() => S.value.trim().length > 0), k = f(0), A = g(() => t.tags.value.some((e) => !!e.group)), N = f(/* @__PURE__ */ new Set());
+		let t = Ie(Ee, "MergeTagPickerModal"), { t: n, format: i } = L(), a = l(Ue, null), d = l(Ke, null), p = f(""), S = Ne(p, 200), E = f(null), ee = g(() => S.value.trim().length > 0), k = f(0), A = g(() => t.tags.value.some((e) => !!e.group)), N = f(/* @__PURE__ */ new Set());
 		function P(e) {
 			return N.value.has(e);
 		}
@@ -3010,14 +3010,14 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 			let t = new Set(N.value);
 			t.has(e) ? t.delete(e) : t.add(e), N.value = t, k.value = 0;
 		}
-		let F = g(() => {
+		let ne = g(() => {
 			let e = S.value.trim().toLowerCase();
 			return e ? t.tags.value.filter((t) => [
 				t.label,
 				t.value,
 				t.description ?? ""
 			].join(" ").toLowerCase().includes(e)) : t.tags.value;
-		}), I = g(() => {
+		}), F = g(() => {
 			if (!A.value) return [];
 			let e = n.mergeTag.picker.otherGroup, r = /* @__PURE__ */ new Set(), i = [];
 			for (let n of t.tags.value) {
@@ -3025,8 +3025,8 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 				r.has(t) || (r.add(t), i.push(t));
 			}
 			return i;
-		}), L = g(() => {
-			let e = F.value;
+		}), I = g(() => {
+			let e = ne.value;
 			if (!A.value || ee.value) return e.map((e, t) => ({
 				kind: "tag",
 				tag: e,
@@ -3051,7 +3051,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 				}), o++;
 			}
 			return a;
-		}), R = g(() => L.value.flatMap((e) => e.kind === "tag" ? [e.tag] : []));
+		}), R = g(() => I.value.flatMap((e) => e.kind === "tag" ? [e.tag] : []));
 		M(() => t.isOpen.value, (e) => {
 			e && (p.value = "", k.value = 0, N.value = /* @__PURE__ */ new Set(), s(() => {
 				E.value?.focus();
@@ -3059,34 +3059,34 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 		}), M(R, (e) => {
 			k.value >= e.length && (k.value = Math.max(0, e.length - 1));
 		});
-		function B(e) {
+		function z(e) {
 			t.resolve(e);
 		}
-		function ne() {
+		function re() {
 			t.resolve(null);
 		}
-		function re(e) {
+		function ie(e) {
 			if (R.value.length === 0) return;
 			let t = k.value + e;
-			k.value = Math.max(0, Math.min(R.value.length - 1, t)), se();
+			k.value = Math.max(0, Math.min(R.value.length - 1, t)), ce();
 		}
-		let ie = f(null), ae = f({});
-		function oe(e, t) {
-			ae.value[e] = t ?? null;
+		let ae = f(null), oe = f({});
+		function se(e, t) {
+			oe.value[e] = t ?? null;
 		}
-		function se() {
+		function ce() {
 			s(() => {
-				let e = ie.value;
+				let e = ae.value;
 				e && e.querySelector(`[data-merge-tag-index="${k.value}"]`)?.scrollIntoView({ block: "nearest" });
 			});
 		}
-		function ce(e) {
+		function le(e) {
 			if (N.value.has(e)) {
 				let t = new Set(N.value);
 				t.delete(e), N.value = t;
 			}
 			s(() => {
-				let t = ie.value;
+				let t = ae.value;
 				if (!t) return;
 				let n = 0, r = !1;
 				for (let i of Array.from(t.children)) {
@@ -3102,26 +3102,26 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 				});
 			});
 		}
-		function le(e) {
-			if (e.key === "ArrowDown") e.preventDefault(), re(1);
-			else if (e.key === "ArrowUp") e.preventDefault(), re(-1);
+		function ue(e) {
+			if (e.key === "ArrowDown") e.preventDefault(), ie(1);
+			else if (e.key === "ArrowUp") e.preventDefault(), ie(-1);
 			else if (e.key === "Enter") {
 				e.preventDefault();
 				let t = R.value[k.value];
-				t && B(t);
+				t && z(t);
 			}
 		}
-		function ue() {
+		function de() {
 			if (R.value.length !== 0) return `${$}-opt-${k.value}`;
 		}
-		function de(e) {
+		function fe(e) {
 			return `${$}-opt-${e}`;
 		}
-		let fe = g(() => t.tags.value.length === 0), pe = g(() => !fe.value && F.value.length === 0), me = g(() => A.value && I.value.length > 1 && !ee.value);
-		return (e, s) => (o(), x(V, {
+		let pe = g(() => t.tags.value.length === 0), he = g(() => !pe.value && ne.value.length === 0), B = g(() => A.value && F.value.length > 1 && !ee.value);
+		return (e, s) => (o(), x(me, {
 			visible: y(t).isOpen.value,
-			onClose: ne,
-			onKeydown: le
+			onClose: re,
+			onKeydown: ue
 		}, {
 			default: u(() => [T("div", {
 				role: "dialog",
@@ -3140,7 +3140,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 					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": y(n).mergeTag.picker.close,
 					"data-testid": "merge-tag-picker-close",
-					onClick: ne
+					onClick: re
 				}, [j(y(Ae), {
 					size: 16,
 					"stroke-width": 2
@@ -3159,30 +3159,30 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 					placeholder: y(n).mergeTag.picker.searchPlaceholder,
 					"aria-label": y(n).mergeTag.picker.searchAriaLabel,
 					"aria-controls": $,
-					"aria-activedescendant": ue(),
+					"aria-activedescendant": de(),
 					"data-testid": "merge-tag-picker-search",
 					onKeydown: s[1] ||= m(b(() => {}, ["prevent"]), ["enter"])
 				}, null, 40, Js), [[C, p.value]])]),
-				me.value ? (o(), _("div", Ys, [(o(!0), _(O, null, c(I.value, (e) => (o(), _("button", {
+				B.value ? (o(), _("div", Ys, [(o(!0), _(O, null, c(F.value, (e) => (o(), _("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)]",
 					"data-testid": "merge-tag-picker-group-pill",
 					"data-group-name": e,
-					onClick: (t) => ce(e)
+					onClick: (t) => le(e)
 				}, h(e), 9, Xs))), 128))])) : v("", !0),
 				T("div", {
 					id: $,
 					ref_key: "listRef",
-					ref: ie,
+					ref: ae,
 					class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
 					role: "listbox",
 					"aria-label": y(n).mergeTag.picker.title,
 					"data-testid": "merge-tag-picker-list"
-				}, [fe.value ? (o(), _("div", Qs, h(y(n).mergeTag.picker.empty), 1)) : pe.value ? (o(), _("div", $s, h(y(n).mergeTag.picker.noResults), 1)) : (o(!0), _(O, { key: 2 }, c(L.value, (e, t) => (o(), _(O, { key: t }, [e.kind === "header" ? (o(), _("button", {
+				}, [pe.value ? (o(), _("div", Qs, h(y(n).mergeTag.picker.empty), 1)) : he.value ? (o(), _("div", $s, h(y(n).mergeTag.picker.noResults), 1)) : (o(!0), _(O, { key: 2 }, c(I.value, (e, t) => (o(), _(O, { key: t }, [e.kind === "header" ? (o(), _("button", {
 					key: 0,
 					ref_for: !0,
-					ref: (t) => oe(e.group, t),
+					ref: (t) => se(e.group, t),
 					type: "button",
 					"aria-expanded": !P(e.group),
 					"aria-controls": $,
@@ -3192,7 +3192,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 					"data-group-collapsed": P(e.group) ? "true" : "false",
 					onClick: (t) => te(e.group)
 				}, [
-					j(y(ze), {
+					j(y(Be), {
 						size: 12,
 						"stroke-width": 2,
 						class: w(["tpl:transition-transform", P(e.group) ? "tpl:-rotate-90" : ""])
@@ -3201,7 +3201,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 					T("span", tc, " (" + h(y(i)(y(n).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
 				], 8, ec)) : (o(), _("button", {
 					key: 1,
-					id: de(e.index),
+					id: fe(e.index),
 					type: "button",
 					role: "option",
 					"aria-selected": e.index === k.value,
@@ -3212,7 +3212,7 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 					class: w(["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 === k.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) => k.value = e.index,
-					onClick: (t) => B(e.tag)
+					onClick: (t) => z(e.tag)
 				}, [
 					T("span", rc, h(e.tag.label), 1),
 					T("span", ic, h(e.tag.value), 1),
@@ -3226,4 +3226,4 @@ var Ea = { class: "tpl:mb-3.5" }, Da = ["value"], Oa = ["value"], ka = /* @__PUR
 //#endregion
 export { Fs as a, Gt as c, Ls as i, Wt as l, Hs as n, Ms as o, zs as r, en as s, oc as t, Pt as u };
 
-//# sourceMappingURL=styles-1uFWdD5T.js.map
+//# sourceMappingURL=styles-BDVaiw3K.js.map