@templatical/editor 0.39.0 → 0.39.1

package/dist/cdn/chunks/useEditorCore-BHmIp1hW.js

@@ -0,0 +1,2592 @@
+import { A as e, B as t, E as n, F as r, H as i, I as a, K as o, N as s, P as c, Q as l, R as u, S as d, U as f, X as p, Y as m, at as h, b as g, c as _, ct as v, et as y, f as b, g as x, h as S, it as C, j as w, k as T, l as E, lt as D, m as O, p as k, q as A, rt as j, s as M, t as N, u as P, ut as F, w as I, x as L, y as R } from "./draggable-IB4x6w2O.js";
+import { A as z, B, C as V, D as H, E as ee, F as te, H as U, I as ne, M as re, N as ie, O as ae, P as oe, R as se, T as ce, V as le, W as ue, _ as de, a as fe, b as pe, d as me, f as he, g as ge, h as _e, i as W, it as ve, j as ye, k as be, l as xe, m as Se, n as Ce, o as we, p as Te, r as Ee, rt as De, s as Oe, u as ke, w as Ae } from "./src-Dwgq7hf4.js";
+import { a as je, b as Me, g as Ne, h as Pe, i as Fe, m as Ie, n as Le, o as Re, t as ze, v as Be, y as Ve } from "./socialIcons-9VrG8X3m.js";
+import { _ as He, h as Ue, v as We, y as Ge } from "./dist-BRZhN8qJ.js";
+import { a as G, c as Ke, i as qe } from "./dist-CXB2_kBa.js";
+import { A as Je, B as Ye, C as Xe, D as K, E as Ze, F as Qe, G as $e, I as et, J as tt, K as nt, L as rt, M as it, N as at, O as ot, P as q, R as st, S as ct, T as lt, V as ut, W as dt, X as J, Y as ft, Z as pt, _ as mt, a as ht, b as gt, c as _t, d as vt, f as yt, g as Y, h as bt, j as xt, k as St, l as Ct, m as wt, n as Tt, o as Et, p as Dt, q as Ot, r as kt, s as At, v as jt, w as Mt, x as Nt, y as Pt, z as Ft } from "./keys-dJbD1QPs.js";
+import "./timeouts-DHPZQ0G3.js";
+import { t as X } from "./useI18n-DTZ9sIcv.js";
+import { t as Z } from "./logger-ByvdoAwq.js";
+import { i as It, o as Lt, r as Rt, t as zt } from "./usePopoverPosition-gB9q-ql7.js";
+import { r as Bt, t as Vt } from "./templateSettingsFields-YCFVBVYh.js";
+import { A as Ht, Bt as Ut, Et as Wt, H as Gt, Ot as Kt, Tt as qt, X as Jt, d as Yt, ft as Xt, ht as Zt, it as Qt, o as $t, s as en, tt as tn, u as nn, v as rn, vt as an, zt as on } from "./icons-BKkJ-5xF.js";
+import { t as sn } from "./LoadingTrack-Ba5xh5HD.js";
+import { t as cn } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as ln } from "./useEditorRoot-DFx2fXJP.js";
+import "./useCloudI18n-C09JcFS0.js";
+import { t as un } from "./useMergeTag-BE8oDoha.js";
+import { t as dn } from "./useLogicTag-E2V0Xdcb.js";
+import { t as fn } from "./useAliveFlag-DAlQLbM2.js";
+//#region src/utils/activeEditorTracker.ts
+var pn = /* @__PURE__ */ new Set(), Q = 0, mn = 0;
+function hn() {
+	let e = ++mn;
+	return pn.add(e), Q === 0 && (Q = e), {
+		id: e,
+		isActive: () => pn.size <= 1 || Q === e,
+		claim: () => {
+			Q = e;
+		},
+		dispose: () => {
+			if (pn.delete(e), Q === e) {
+				let e = Array.from(pn);
+				Q = e[e.length - 1] ?? 0;
+			}
+		}
+	};
+}
+//#endregion
+//#region src/composables/usePreviewResolution.ts
+var gn = 500;
+function _n(e) {
+	let n = typeof e.resolvePreview == "function", r = l(null), i = l(!1), a = l(!1), o = 0, s = null;
+	function c() {
+		s !== null && (clearTimeout(s), s = null);
+	}
+	async function u() {
+		let t = e.resolvePreview;
+		if (!t) return;
+		let n = ++o;
+		i.value = !0;
+		let s = {
+			content: pe(e.getContent()),
+			...e.getRecipient?.() === void 0 ? {} : { recipient: e.getRecipient() }
+		};
+		try {
+			let e = await t(s);
+			if (n !== o) return;
+			if (!Ce(e)) {
+				a.value = !0;
+				return;
+			}
+			r.value = e, a.value = !1;
+		} catch {
+			if (n !== o) return;
+			a.value = !0;
+		} finally {
+			n === o && (i.value = !1);
+		}
+	}
+	function d() {
+		if (n) {
+			if (c(), r.value === null) {
+				u();
+				return;
+			}
+			s = setTimeout(() => {
+				s = null, u();
+			}, gn);
+		}
+	}
+	return t(() => [e.isActive(), e.getRecipient?.()], ([e]) => {
+		if (!e) {
+			c(), o++, i.value = !1, r.value = null, a.value = !1;
+			return;
+		}
+		d();
+	}, { immediate: !0 }), m(() => {
+		c(), o++;
+	}), {
+		isConfigured: n,
+		content: b(() => r.value ?? e.getContent()),
+		isResolving: i,
+		isInitialResolve: b(() => i.value && r.value === null),
+		hasFailed: a,
+		supersedesSamples: b(() => n)
+	};
+}
+//#endregion
+//#region src/composables/useImageUrlResolver.ts
+function vn(e) {
+	let t = p(/* @__PURE__ */ new Map()), n = /* @__PURE__ */ new Set();
+	function r(e) {
+		return t.get(e);
+	}
+	function i(e) {
+		return t.has(e) || n.has(e);
+	}
+	function a(r) {
+		if (i(r)) return;
+		let a;
+		try {
+			a = e(r);
+		} catch {
+			t.set(r, null);
+			return;
+		}
+		if (a === null || typeof a == "string") {
+			t.set(r, a);
+			return;
+		}
+		n.add(r), Promise.resolve(a).then((e) => {
+			t.set(r, typeof e == "string" ? e : null);
+		}, () => {
+			t.set(r, null);
+		}).finally(() => n.delete(r));
+	}
+	return {
+		get: r,
+		has: i,
+		lookup: a
+	};
+}
+function yn(e) {
+	let r = n(Nt, null), i = b(e);
+	if (!r) return i;
+	let a;
+	function s() {
+		a !== void 0 && (clearTimeout(a), a = void 0);
+	}
+	o() && m(s);
+	let c = !0;
+	return t(i, (e) => {
+		s();
+		let t = c;
+		if (c = !1, e && !r.has(e)) {
+			if (t) {
+				r.lookup(e);
+				return;
+			}
+			a = setTimeout(() => {
+				a = void 0, r.lookup(e);
+			}, 300);
+		}
+	}, { immediate: !0 }), b(() => {
+		let e = i.value;
+		if (!e) return e;
+		let t = r.get(e);
+		return typeof t == "string" && t.length > 0 ? t : e;
+	});
+}
+//#endregion
+//#region src/composables/useMergeTagPicker.ts
+function bn() {
+	let e = l(!1), t = l([]), n = l(null), r = null;
+	function i(i, a) {
+		if (r) {
+			let e = r;
+			r = null, e(null);
+		}
+		return t.value = i, n.value = a?.current ?? null, e.value = !0, new Promise((e) => {
+			r = e;
+		});
+	}
+	function a(i) {
+		let a = r;
+		r = null, e.value = !1, t.value = [], n.value = null, a && a(i);
+	}
+	return o() && m(() => {
+		if (r) {
+			let e = r;
+			r = null, e(null);
+		}
+		e.value = !1, t.value = [], n.value = null;
+	}), {
+		isOpen: e,
+		tags: t,
+		current: n,
+		open: i,
+		resolve: a
+	};
+}
+//#endregion
+//#region src/composables/useLogicTagPicker.ts
+function xn() {
+	let e = l(!1), t = l([]), n = l([]), r = null;
+	function i(i, a) {
+		if (r) {
+			let e = r;
+			r = null, e(null);
+		}
+		return t.value = i, n.value = a, e.value = !0, new Promise((e) => {
+			r = e;
+		});
+	}
+	function a(i) {
+		let a = r;
+		r = null, e.value = !1, t.value = [], n.value = [], a && a(i);
+	}
+	return o() && m(() => {
+		if (r) {
+			let e = r;
+			r = null, e(null);
+		}
+		e.value = !1, t.value = [], n.value = [];
+	}), {
+		isOpen: e,
+		tags: t,
+		pairs: n,
+		open: i,
+		resolve: a
+	};
+}
+//#endregion
+//#region src/composables/useTemplateLint.ts
+function Sn(e) {
+	return e ? e.disabled === !0 || e.accessibility === !1 && e.structure === !1 && e.links === !1 : !1;
+}
+function Cn(e) {
+	let n = l([]), r = l(!1), i = l(!1), a = y(null), o = Sn(e.options), s = null, c = !1;
+	o || u();
+	async function u() {
+		try {
+			let t = await import("./src-CaNsA_WX.js");
+			if (c) return;
+			a.value = { lintTemplate: t.lintTemplate }, r.value = !0, d(), s = Ge(e.content, d, {
+				debounce: e.debounce ?? 500,
+				deep: !0
+			});
+		} catch {
+			if (c) return;
+			i.value = !0;
+		}
+	}
+	function d() {
+		a.value && (n.value = a.value.lintTemplate(e.content.value, e.options));
+	}
+	let f = t(() => e.options, () => {
+		a.value && d();
+	}, { deep: !0 });
+	function p(t) {
+		t.fix && t.fix.apply({
+			updateBlock: e.updateBlock,
+			updateSettings: e.updateSettings,
+			removeBlock: e.removeBlock
+		});
+	}
+	function m() {
+		c = !0, s?.(), f();
+	}
+	return {
+		issues: n,
+		ready: r,
+		unavailable: i,
+		applyFix: p,
+		destroy: m
+	};
+}
+//#endregion
+//#region src/composables/useKeyboardReorder.ts
+function wn(e, t, n = []) {
+	let r = l(null), i = l(""), a = null;
+	function o(t) {
+		let n = e.content.value.blocks, r = n.findIndex((e) => e.id === t);
+		if (r !== -1) return {
+			index: r,
+			total: n.length
+		};
+		for (let e of n) {
+			if (e.type !== "section") continue;
+			let n = e;
+			for (let e = 0; e < n.children.length; e++) {
+				let r = n.children[e], i = r.findIndex((e) => e.id === t);
+				if (i !== -1) return {
+					index: i,
+					total: r.length,
+					sectionId: n.id,
+					columnIndex: e
+				};
+			}
+		}
+		return null;
+	}
+	function s(r) {
+		let i = o(r);
+		if (!i) return "";
+		let a = (i.sectionId ? c(i.sectionId, i.columnIndex ?? 0) : e.content.value.blocks)?.[i.index];
+		return a ? Re(a, t.t, n) : "";
+	}
+	function c(t, n) {
+		return e.content.value.blocks.find((e) => e.id === t && e.type === "section")?.children[n] ?? null;
+	}
+	function u(e) {
+		i.value = "", queueMicrotask(() => {
+			i.value = e;
+		});
+	}
+	function d(e) {
+		return r.value === e;
+	}
+	function f(e) {
+		let n = o(e);
+		n && (r.value = e, a = n, u(t.format(t.t.blockActions.lifted, {
+			block: s(e),
+			position: String(n.index + 1),
+			total: String(n.total)
+		})));
+	}
+	function p(n, r) {
+		let i = o(n);
+		if (!i) return;
+		let a = i.index + r;
+		a < 0 || a >= i.total || (e.moveBlock(n, a, i.sectionId, i.columnIndex), u(t.format(t.t.blockActions.moved, {
+			block: s(n),
+			position: String(a + 1),
+			total: String(i.total)
+		})));
+	}
+	function m(e) {
+		p(e, -1);
+	}
+	function h(e) {
+		p(e, 1);
+	}
+	function g(e) {
+		let n = o(e);
+		n && u(t.format(t.t.blockActions.dropped, {
+			block: s(e),
+			position: String(n.index + 1),
+			total: String(n.total)
+		})), r.value = null, a = null;
+	}
+	function _() {
+		let n = r.value;
+		if (n && a) {
+			let r = o(n);
+			r && (r && (r.sectionId !== a.sectionId || r.columnIndex !== a.columnIndex) || r && r.index !== a.index) && e.moveBlock(n, a.index, a.sectionId, a.columnIndex), u(t.format(t.t.blockActions.cancelled, {
+				block: s(n),
+				position: String(a.index + 1)
+			}));
+		}
+		r.value = null, a = null;
+	}
+	return {
+		liftedBlockId: r,
+		announcement: i,
+		isLifted: d,
+		lift: f,
+		cancel: _,
+		moveUp: m,
+		moveDown: h,
+		drop: g
+	};
+}
+//#endregion
+//#region src/composables/useUiTheme.ts
+function Tn(e) {
+	let t = Ke("(prefers-color-scheme: dark)");
+	return { resolvedTheme: b(() => e.value === "auto" ? t.value ? "dark" : "light" : e.value) };
+}
+//#endregion
+//#region src/composables/useThemeStyles.ts
+var En = {
+	bg: "--tpl-bg",
+	bgElevated: "--tpl-bg-elevated",
+	bgHover: "--tpl-bg-hover",
+	bgActive: "--tpl-bg-active",
+	border: "--tpl-border",
+	borderLight: "--tpl-border-light",
+	text: "--tpl-text",
+	textMuted: "--tpl-text-muted",
+	textDim: "--tpl-text-dim",
+	primary: "--tpl-primary",
+	primaryHover: "--tpl-primary-hover",
+	primaryLight: "--tpl-primary-light",
+	secondary: "--tpl-secondary",
+	secondaryHover: "--tpl-secondary-hover",
+	secondaryLight: "--tpl-secondary-light",
+	success: "--tpl-success",
+	successLight: "--tpl-success-light",
+	warning: "--tpl-warning",
+	warningLight: "--tpl-warning-light",
+	danger: "--tpl-danger",
+	dangerLight: "--tpl-danger-light",
+	canvasBg: "--tpl-canvas-bg"
+};
+function Dn({ themeOverrides: e, resolvedTheme: t, extraStyles: n }) {
+	return { themeStyles: b(() => {
+		let r = {}, i = e.value, a = t.value === "dark" ? i.dark : i;
+		if (a) for (let [e, t] of Object.entries(En)) {
+			let n = a[e];
+			n && (r[t] = n);
+		}
+		return n && Object.assign(r, n()), r;
+	}) };
+}
+//#endregion
+//#region src/composables/useBlockRegistry.ts
+function On() {
+	let e = y(/* @__PURE__ */ new Map());
+	function t(t, n) {
+		e.value.set(t, n), C(e);
+	}
+	function n(t, n) {
+		let r = `custom:${t.type}`;
+		e.value.set(r, {
+			component: n,
+			createBlock: () => ce(t),
+			definition: t
+		}), C(e);
+	}
+	function r(t) {
+		if (t.type === "custom") {
+			let n = `custom:${t.customType}`;
+			return e.value.get(n)?.component;
+		}
+		return e.value.get(t.type)?.component;
+	}
+	function i(t) {
+		return e.value.get(t)?.createBlock();
+	}
+	function a(t) {
+		let n = `custom:${t}`;
+		return e.value.get(n)?.definition;
+	}
+	function o(e) {
+		return `<div style="color: var(--tpl-text-muted); padding: 16px; text-align: center; border: 1px dashed var(--tpl-border); border-radius: var(--tpl-radius-sm); font-family: var(--tpl-font-family); font-size: 14px;">${e}</div>`;
+	}
+	async function s(e) {
+		let t = a(e.customType);
+		if (!t) return o("Block definition not found");
+		try {
+			let { Liquid: n } = await import("./liquid.browser-BypTT2oc.js");
+			return await new n({
+				strictVariables: !1,
+				strictFilters: !1
+			}).parseAndRender(t.template, e.fieldValues);
+		} catch (t) {
+			return Z.error(`Failed to render custom block "${e.customType}":`, t), o(`Render error: ${e.customType}`);
+		}
+	}
+	function c(t) {
+		return e.value.has(t);
+	}
+	return {
+		registerBuiltIn: t,
+		registerCustom: n,
+		getComponent: r,
+		createBlock: i,
+		getDefinition: a,
+		renderCustomBlock: s,
+		isRegistered: c
+	};
+}
+//#endregion
+//#region src/composables/useCustomBlockStylesheets.ts
+function kn(e, t) {
+	return b(() => {
+		let n = An(e.value.blocks);
+		if (n.size === 0) return [];
+		let r = /* @__PURE__ */ new Set(), i = [];
+		for (let e of n) {
+			let n = t.getDefinition(e)?.stylesheet;
+			if (!n) continue;
+			let a = n.trim();
+			a === "" || r.has(a) || (r.add(a), i.push(a));
+		}
+		return i;
+	});
+}
+function An(e) {
+	let t = /* @__PURE__ */ new Set();
+	return jn(e, t), t;
+}
+function jn(e, t) {
+	for (let n of e) {
+		if (ue(n)) {
+			t.add(n.customType);
+			continue;
+		}
+		if (n.type === "section") {
+			let e = n.children;
+			if (!e) continue;
+			for (let n of e) jn(n, t);
+		}
+	}
+}
+//#endregion
+//#region src/utils/registerBuiltInBlocks.ts
+var Mn = [
+	{
+		type: "section",
+		createBlock: ye
+	},
+	{
+		type: "title",
+		createBlock: te
+	},
+	{
+		type: "paragraph",
+		createBlock: z
+	},
+	{
+		type: "image",
+		createBlock: ae
+	},
+	{
+		type: "button",
+		createBlock: V
+	},
+	{
+		type: "divider",
+		createBlock: ee
+	},
+	{
+		type: "video",
+		createBlock: ne
+	},
+	{
+		type: "social",
+		createBlock: re
+	},
+	{
+		type: "menu",
+		createBlock: be
+	},
+	{
+		type: "table",
+		createBlock: oe
+	},
+	{
+		type: "spacer",
+		createBlock: ie
+	},
+	{
+		type: "html",
+		createBlock: H
+	},
+	{
+		type: "countdown",
+		createBlock: Ae
+	}
+];
+function Nn(e, t) {
+	for (let n of Mn) {
+		let r = t[n.type];
+		r && e.registerBuiltIn(n.type, {
+			component: r,
+			createBlock: n.createBlock
+		});
+	}
+}
+//#endregion
+//#region src/utils/resolveHtmlBlockPreview.ts
+function Pn(e) {
+	return typeof e == "boolean" ? e : e?.enabled ?? !1;
+}
+//#endregion
+//#region src/utils/collectOffPaletteDefaults.ts
+function Fn(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function In(e, t, n) {
+	let r = new Set(e.map((e) => Rt(e))), i = [], a = (e, t) => {
+		for (let [n, o] of Object.entries(e)) typeof o == "string" ? o !== "" && /color$/i.test(n) && !r.has(Rt(o)) && i.push(`${t}.${n}: ${o}`) : Fn(o) && a(o, `${t}.${n}`);
+	}, o = t;
+	for (let [e, t] of Object.entries(B)) {
+		let n = o?.[e];
+		a({
+			...t,
+			...Fn(n) ? n : {}
+		}, e);
+	}
+	return a({
+		...le,
+		...n ?? {}
+	}, "template"), i;
+}
+//#endregion
+//#region src/utils/localizedBlockDefaults.ts
+function Ln(e) {
+	return {
+		title: { content: `<p>${e.blockDefaults.title}</p>` },
+		paragraph: { content: `<p>${e.blockDefaults.paragraph}</p>` },
+		button: { text: e.blockDefaults.button }
+	};
+}
+//#endregion
+//#region src/i18n/index.ts
+var Rn = /* #__PURE__ */ Object.assign({
+	"./locales/ca.ts": () => import("./ca-YlPDhElv.js"),
+	"./locales/de.ts": () => import("./de-CONjnzrF.js"),
+	"./locales/en.ts": () => import("./en-BAMooiOF.js"),
+	"./locales/es.ts": () => import("./es-I47lHs2m.js"),
+	"./locales/fr.ts": () => import("./fr-B8MIKjT4.js"),
+	"./locales/nl.ts": () => import("./nl-CBLxcb-0.js"),
+	"./locales/pt-BR.ts": () => import("./pt-BR-CMSRfX7t.js")
+}), zn = /* #__PURE__ */ Object.assign({
+	"./locales/cloud/de.ts": () => import("./de-BytZwgn6.js"),
+	"./locales/cloud/en.ts": () => import("./en-DyOSV0lY.js"),
+	"./locales/cloud/pt-BR.ts": () => import("./pt-BR-C1WLSGDh.js")
+});
+function Bn(e) {
+	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
+}
+var Vn = Bn(Rn), Hn = Bn(zn);
+function Un(e) {
+	return e.trim().replace(/_/g, "-").toLowerCase();
+}
+function Wn(e, t) {
+	let n = Un(e);
+	return t.find((e) => Un(e) === n);
+}
+function Gn(e) {
+	return Un(e).split("-")[0];
+}
+function Kn(e, t) {
+	return Wn(e, t) ?? Wn(Gn(e), t);
+}
+function qn(e, t) {
+	return Kn(e, t) ?? "en";
+}
+async function Jn(e) {
+	let t = Rn[`./locales/${qn(e, Vn)}.ts`];
+	return (await t()).default;
+}
+async function Yn(e) {
+	let t = zn[`./locales/cloud/${qn(e, Hn)}.ts`];
+	return (await t()).default;
+}
+function Xn(e) {
+	return Kn(e, Vn) !== void 0;
+}
+function Zn(e) {
+	return Kn(e, Hn) !== void 0;
+}
+function Qn() {
+	return [...Vn];
+}
+function $n() {
+	return [...Hn];
+}
+//#endregion
+//#region src/i18n/contentDefaults.ts
+var $ = {
+	en: {
+		video: "Video",
+		days: "Days",
+		hours: "Hours",
+		minutes: "Minutes",
+		seconds: "Seconds",
+		expired: "This offer has expired"
+	},
+	de: {
+		video: "Video",
+		days: "Tage",
+		hours: "Stunden",
+		minutes: "Minuten",
+		seconds: "Sekunden",
+		expired: "Dieses Angebot ist abgelaufen"
+	},
+	es: {
+		video: "Vídeo",
+		days: "Días",
+		hours: "Horas",
+		minutes: "Minutos",
+		seconds: "Segundos",
+		expired: "Esta oferta ha expirado"
+	},
+	fr: {
+		video: "Vidéo",
+		days: "Jours",
+		hours: "Heures",
+		minutes: "Minutes",
+		seconds: "Secondes",
+		expired: "Cette offre a expiré"
+	},
+	nl: {
+		video: "Video",
+		days: "Dagen",
+		hours: "Uren",
+		minutes: "Minuten",
+		seconds: "Seconden",
+		expired: "Deze aanbieding is verlopen"
+	},
+	"pt-BR": {
+		video: "Vídeo",
+		days: "Dias",
+		hours: "Horas",
+		minutes: "Minutos",
+		seconds: "Segundos",
+		expired: "Esta oferta expirou"
+	},
+	ca: {
+		video: "Vídeo",
+		days: "Dies",
+		hours: "Hores",
+		minutes: "Minuts",
+		seconds: "Segons",
+		expired: "Aquesta oferta ha caducat"
+	}
+}, er = new Map(Object.keys($).map((e) => [e.toLowerCase(), e]));
+function tr(e) {
+	if (!e) return $.en;
+	let t = e.trim().replace(/_/g, "-").toLowerCase(), n = er.get(t);
+	if (n) return $[n];
+	let r = er.get(Gn(t));
+	return r ? $[r] : $.en;
+}
+function nr(e) {
+	let t = tr(e);
+	return {
+		video: { alt: t.video },
+		countdown: {
+			labelDays: t.days,
+			labelHours: t.hours,
+			labelMinutes: t.minutes,
+			labelSeconds: t.seconds,
+			expiredMessage: t.expired
+		}
+	};
+}
+//#endregion
+//#region src/utils/collectColorFieldIssues.ts
+function rr(e, t) {
+	let n = [], r = (r, i) => {
+		let a = je(r, t), o = `custom block "${e.type}" field "${i}"`, s = (t) => `${e.type}:${i}:${t}`;
+		if (a.invalidPresets.length > 0 && n.push({
+			id: s("invalid-presets"),
+			message: `${o}: presets skipped invalid entries: ${a.invalidPresets.join(", ")} — presets must be hex colors (#rgb or #rrggbb).` + (a.presetsInherited ? " No valid entries are left, so the field inherits colors.presets." : "")
+		}), a.emptyPresets && n.push({
+			id: s("empty-presets"),
+			message: `${o}: presets is empty — a field palette can only narrow the editor's, so an empty list is ignored and the field inherits colors.presets.`
+		}), a.allowCustomIgnored && n.push({
+			id: s("allow-custom-ignored"),
+			message: `${o}: allowCustom: true is ignored because colors.allowCustom is false — a field can narrow the editor-wide palette, never unlock it.`
+		}), !a.allowCustom && a.presets.length > 0) {
+			let e = r.default ?? "", t = new Set(a.presets.map((e) => Rt(e)));
+			e !== "" && !t.has(Rt(e)) && n.push({
+				id: s("off-palette-default"),
+				message: `${o} locks custom colours, but its default ${e} falls outside the field's presets: ${a.presets.join(", ")}. New blocks start on a colour the picker can't reselect — set the default from the same palette.`
+			});
+		}
+	};
+	for (let t of e.fields) if (t.type === "color") r(t, t.key);
+	else if (t.type === "repeatable") for (let e of t.fields) e.type === "color" && r(e, `${t.key}[].${e.key}`);
+	return n;
+}
+//#endregion
+//#region src/utils/keyboardShortcuts.ts
+function ir(e) {
+	for (let t of e.composedPath()) {
+		if (!(t instanceof HTMLElement)) continue;
+		if (t.isContentEditable) return !0;
+		let e = t.tagName;
+		if (e === "INPUT" || e === "TEXTAREA" || e === "SELECT") return !0;
+	}
+	return !1;
+}
+function ar(e, t) {
+	let n = e.metaKey || e.ctrlKey;
+	if (n && e.key.toLowerCase() === "s") {
+		e.preventDefault(), t.onSave?.();
+		return;
+	}
+	if (n && e.key.toLowerCase() === "z") {
+		if (ir(e)) return;
+		e.preventDefault(), e.shiftKey ? t.history.redo() : (t.onBeforeUndo?.(), t.history.undo());
+		return;
+	}
+	if (t.isPicking?.() && !ir(e)) {
+		if (e.key === "Escape") {
+			e.preventDefault(), t.onCancelPick?.();
+			return;
+		}
+		if (e.key === "Enter") {
+			e.preventDefault(), t.onConfirmPick?.();
+			return;
+		}
+		if (e.key === "Delete" || e.key === "Backspace") {
+			e.preventDefault();
+			return;
+		}
+	}
+	if (e.key === "Escape") {
+		t.selectBlock(null);
+		return;
+	}
+	(e.key === "Delete" || e.key === "Backspace") && t.getSelectedBlockId() && !ir(e) && (e.preventDefault(), t.history.record(), t.removeBlock(t.getSelectedBlockId()));
+}
+//#endregion
+//#region src/utils/mergeTagLabelSegments.ts
+function or(e, t, n, r = !1) {
+	if (!e) return [];
+	let i = RegExp(`(${n.value.source}|${n.logic.source})`, "g"), a = [], o = 0, s;
+	for (; (s = i.exec(e)) !== null;) {
+		s.index > o && a.push({
+			type: "text",
+			value: e.slice(o, s.index)
+		});
+		let i = s[0];
+		if (he(i, n)) {
+			let e = r ? Oe(i, t) : void 0;
+			a.push(e === void 0 ? {
+				type: "tag",
+				value: we(i, t)
+			} : {
+				type: "text",
+				value: e
+			});
+		} else me(i, n) ? a.push({
+			type: "tag",
+			value: fe(i, n)
+		}) : a.push({
+			type: "text",
+			value: i
+		});
+		o = s.index + i.length;
+	}
+	return o < e.length && a.push({
+		type: "text",
+		value: e.slice(o)
+	}), a;
+}
+//#endregion
+//#region src/components/MergeTagPreviewText.vue
+var sr = d({
+	name: "MergeTagPreviewText",
+	props: { text: {
+		type: String,
+		required: !0
+	} },
+	setup(e) {
+		let t = n(K, q), r = n(at, Ee.liquid), i = n(J, null), a = b(() => or(e.text, t.value, r, i?.value ?? !1));
+		return () => a.value.map((e, t) => e.type === "tag" ? I("span", {
+			key: t,
+			class: "tpl-merge-tag-label"
+		}, e.value) : e.value);
+	}
+}), cr = ["href"], lr = /* @__PURE__ */ d({
+	__name: "ButtonBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, n = b(() => {
+			let e = {
+				display: "inline-block",
+				padding: `${t.block.buttonPadding.top}px ${t.block.buttonPadding.right}px ${t.block.buttonPadding.bottom}px ${t.block.buttonPadding.left}px`,
+				backgroundColor: t.block.backgroundColor,
+				color: t.block.textColor,
+				fontSize: `${t.block.fontSize}px`,
+				fontWeight: "bold",
+				textDecoration: "none",
+				borderRadius: `${t.block.borderRadius}px`,
+				textAlign: "center"
+			};
+			return t.block.fontFamily && (e.fontFamily = t.block.fontFamily), t.block.width === "full" ? (e.display = "block", e.width = "100%", e.boxSizing = "border-box") : typeof t.block.width == "number" && (e.width = `${t.block.width}px`, e.boxSizing = "border-box"), e;
+		}), r = b(() => ({ textAlign: t.block.align ?? "center" }));
+		return (t, i) => (s(), x("div", { style: D(r.value) }, [k("a", {
+			href: e.block.url || "#",
+			style: D(n.value),
+			class: "tpl:cursor-default",
+			onClick: i[0] ||= E(() => {}, ["prevent"])
+		}, [g(sr, { text: e.block.text }, null, 8, ["text"])], 12, cr)], 4));
+	}
+}), ur = ["innerHTML"], dr = [
+	"src",
+	"width",
+	"height"
+], fr = /* @__PURE__ */ d({
+	__name: "CustomBlockIcon",
+	props: {
+		icon: {},
+		size: {}
+	},
+	setup(e) {
+		let t = e, n = b(() => t.size ?? 20), r = b(() => t.icon && (t.icon.trimStart().startsWith("<svg") || t.icon.trimStart().startsWith("<SVG"))), i = b(() => t.icon && !r.value && (t.icon.startsWith("http") || t.icon.startsWith("/")));
+		return (t, a) => r.value ? (s(), x("span", {
+			key: 0,
+			class: "tpl:inline-flex tpl:items-center tpl:justify-center",
+			style: D({
+				width: `${n.value}px`,
+				height: `${n.value}px`
+			}),
+			innerHTML: e.icon
+		}, null, 12, ur)) : i.value ? (s(), x("img", {
+			key: 1,
+			src: e.icon,
+			width: n.value,
+			height: n.value,
+			class: "tpl:inline-block",
+			alt: ""
+		}, null, 8, dr)) : (s(), O(h(on), {
+			key: 2,
+			size: n.value,
+			"stroke-width": 1.5
+		}, null, 8, ["size"]));
+	}
+}), pr = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function mr(e, n) {
+	let r = ln(), i = null, a = null, o = null;
+	function s() {
+		return e.value ? Array.from(e.value.querySelectorAll(pr)).filter((e) => e.offsetParent !== null) : [];
+	}
+	function c(e) {
+		if (e.key !== "Tab") return;
+		let t = s();
+		if (t.length === 0) return;
+		let n = t[0], i = t[t.length - 1];
+		e.shiftKey ? r.activeElement === n && (e.preventDefault(), i.focus()) : r.activeElement === i && (e.preventDefault(), n.focus());
+	}
+	function l() {
+		let t = a !== null || o !== null;
+		t && u({ restoreFocus: !1 }), t || (i = r.activeElement), o = requestAnimationFrame(() => {
+			o = null;
+			let t = s();
+			t.length > 0 && (e.value?.querySelector("[autofocus], input:not([disabled])") ?? t[0]).focus();
+		}), a = G(e, "keydown", c);
+	}
+	function u(e = {}) {
+		let t = e.restoreFocus !== !1;
+		o !== null && (typeof cancelAnimationFrame < "u" && cancelAnimationFrame(o), o = null), a?.(), a = null, t && i && i.focus && (i.focus(), i = null);
+	}
+	let d = t([n, e], ([e, t]) => {
+		e && t ? l() : u();
+	}, { flush: "post" });
+	m(() => {
+		d(), u();
+	});
+}
+//#endregion
+//#region src/composables/useEmoji.ts
+function hr() {
+	let [e, n] = We(!1), r = y([]), i = !1;
+	m(() => {
+		i = !0;
+	}), t(e, async (e) => {
+		if (e && r.value.length === 0) {
+			let { emojiCategories: e } = await import("./emojiData-6m0DBh7O.js");
+			if (i) return;
+			r.value = e;
+		}
+	});
+	function a() {
+		n();
+	}
+	function o() {
+		e.value = !1;
+	}
+	return {
+		categories: r,
+		isOpen: e,
+		toggle: a,
+		close: o
+	};
+}
+//#endregion
+//#region src/composables/useFonts.ts
+var gr = [
+	{
+		value: "Arial",
+		label: "Arial"
+	},
+	{
+		value: "Helvetica",
+		label: "Helvetica"
+	},
+	{
+		value: "Georgia",
+		label: "Georgia"
+	},
+	{
+		value: "Times New Roman",
+		label: "Times New Roman"
+	},
+	{
+		value: "Verdana",
+		label: "Verdana"
+	},
+	{
+		value: "Trebuchet MS",
+		label: "Trebuchet MS"
+	},
+	{
+		value: "Courier New",
+		label: "Courier New"
+	}
+], _r = {
+	arial: "Arial, sans-serif",
+	helvetica: "Helvetica, sans-serif",
+	georgia: "Georgia, serif",
+	"times new roman": "'Times New Roman', serif",
+	verdana: "Verdana, sans-serif",
+	"trebuchet ms": "'Trebuchet MS', sans-serif",
+	"courier new": "'Courier New', monospace"
+}, vr = "Arial, sans-serif";
+function yr(e) {
+	if (e === void 0 || e === !0) return [...gr];
+	if (e === !1) return [];
+	let t = [], n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
+	for (let i of e) {
+		let e = i.toLowerCase(), a = gr.find((t) => t.value.toLowerCase() === e);
+		if (!a) {
+			r.has(e) || (r.add(e), Z.warn(`config.fonts.builtIns: "${i}" is not a built-in font — skipping it. Built-in fonts are: ${gr.map((e) => e.value).join(", ")}.`));
+			continue;
+		}
+		n.has(a.value) || (n.add(a.value), t.push(a));
+	}
+	return t;
+}
+function br(e) {
+	let t = l(e?.customFonts ?? []), n = l(!1), r = yr(e?.builtIns), i = b(() => e?.defaultFallback ?? vr), a = b(() => {
+		let e = [...r], n = t.value.map((e) => ({
+			value: e.name,
+			label: e.name,
+			isCustom: !0
+		})), i = [...e, ...n];
+		return i.sort((e, t) => e.label.localeCompare(t.label)), i;
+	});
+	function s(e) {
+		return a.value.some((t) => t.label.toLowerCase() === e.toLowerCase() || t.value.toLowerCase().startsWith(e.toLowerCase()));
+	}
+	let c = e?.defaultFont ?? vr.split(",")[0].trim();
+	s(c) || Z.warn(`config.fonts: new templates seed "${c}", which the font picker doesn't offer — authors can't reselect it. Either add it to fonts.builtIns, or set fonts.defaultFont to an offered font.`);
+	function u() {
+		if (e?.defaultFont && s(e.defaultFont)) {
+			let t = a.value.find((t) => t.label.toLowerCase() === e.defaultFont.toLowerCase() || t.value.toLowerCase().startsWith(e.defaultFont.toLowerCase()));
+			if (t) return t.value;
+		}
+		return vr;
+	}
+	let d = b(() => u());
+	function f(e) {
+		if (!e) return i.value;
+		let n = t.value.find((t) => t.name.toLowerCase() === e.toLowerCase());
+		return n ? `'${n.name}', ${n.fallback ?? i.value}` : _r[e.toLowerCase()] || (e.includes(",") ? e : `${e}, ${i.value}`);
+	}
+	let p = [], h = !1;
+	async function g() {
+		if (t.value.length === 0) {
+			h || (n.value = !0);
+			return;
+		}
+		let e = t.value.map(async (e) => {
+			try {
+				if (document.querySelector(`link[data-custom-font="${CSS.escape(e.name)}"]`)) return;
+				let t = document.createElement("link");
+				t.rel = "stylesheet", t.href = e.url, t.setAttribute("data-custom-font", e.name), p.push(t), await new Promise((n, r) => {
+					t.onload = () => n(), t.onerror = () => r(/* @__PURE__ */ Error(`Failed to load font: ${e.name}`)), document.head.appendChild(t);
+				});
+			} catch (t) {
+				Z.warn(`Failed to load custom font "${e.name}":`, t);
+			}
+		});
+		await Promise.allSettled(e), !h && (n.value = !0);
+	}
+	function _() {
+		for (let e of p) e.remove();
+		p.length = 0;
+	}
+	return o() && m(() => {
+		h = !0, _();
+	}), {
+		fonts: a,
+		defaultFont: d,
+		defaultFallback: i,
+		customFonts: t,
+		isLoaded: n,
+		loadCustomFonts: g,
+		cleanupFontLinks: _,
+		getFontWithFallback: f,
+		getDefaultFont: u
+	};
+}
+//#endregion
+//#region src/utils/mergeTagNodeSpec.ts
+function xr(e, t, n) {
+	return me(e, n) ? {
+		type: "logicMergeTagNode",
+		attrs: {
+			value: e,
+			keyword: fe(e, n)
+		}
+	} : {
+		type: "mergeTagNode",
+		attrs: {
+			label: t,
+			value: e
+		}
+	};
+}
+//#endregion
+//#region src/utils/insertLogicTag.ts
+function Sr(e) {
+	return "before" in e && "after" in e;
+}
+function Cr(e, t, n) {
+	if (!Sr(t)) {
+		e.chain().focus().insertContent(xr(t.value, t.label, n)).run();
+		return;
+	}
+	let r = xr(t.before, t.label, n), i = xr(t.after, t.label, n), { from: a, to: o } = e.state.selection;
+	if (a !== o) {
+		e.chain().focus().insertContentAt(o, i).insertContentAt(a, r).run();
+		return;
+	}
+	e.chain().focus().insertContentAt(a, [r, i]).setTextSelection(a + 1).run();
+}
+//#endregion
+//#region src/utils/linkColorExtension.ts
+function wr(e) {
+	if (!e) return null;
+	let t = e.trim();
+	return /^#[0-9a-f]{3,8}$/i.test(t) || /^(rgb|rgba|hsl|hsla)\(\s*[0-9.,%/\s]+\)$/i.test(t) || /^[a-z]+$/i.test(t) ? t : null;
+}
+function Tr(e) {
+	return e.extend({ addAttributes() {
+		return {
+			...this.parent?.(),
+			color: {
+				default: null,
+				parseHTML: (e) => wr(It(e.style.color)),
+				renderHTML: (e) => {
+					let t = wr(e.color);
+					return t ? { style: `color: ${t}` } : {};
+				}
+			}
+		};
+	} });
+}
+//#endregion
+//#region src/composables/useRichTextLinkDialog.ts
+function Er(e, t = Ee.liquid) {
+	let n = l(!1), r = l(""), i = l(""), a = l(null);
+	mr(a, n);
+	function o() {
+		let t = e.value?.getAttributes("link") ?? {};
+		r.value = t.href || "", i.value = t.color || "", n.value = !0;
+	}
+	function s() {
+		if (r.value) {
+			let t = d(r.value);
+			if (t !== null) {
+				let n = wr(i.value), r = e.value?.chain().focus().extendMarkRange("link").setLink({ href: t }).updateAttributes("link", { color: n });
+				n && typeof e.value?.commands.unsetColor == "function" && r?.unsetColor(), r?.run();
+			}
+		}
+		p();
+	}
+	let c = /* @__PURE__ */ new Set([
+		"http",
+		"https",
+		"mailto",
+		"tel",
+		"ftp",
+		"ftps",
+		"sms",
+		"xmpp",
+		"cid"
+	]);
+	function u(e) {
+		return RegExp(`^(?:${t.value.source})`).test(e);
+	}
+	function d(e) {
+		let t = e.trim();
+		if (!t) return null;
+		if (t.startsWith("#")) return t;
+		let n = /^([a-z][a-z0-9+.-]*):/i.exec(t);
+		return n ? c.has(n[1].toLowerCase()) ? t : null : u(t) ? t : `https://${t}`;
+	}
+	function f() {
+		e.value?.chain().focus().extendMarkRange("link").unsetLink().run(), p();
+	}
+	function p() {
+		n.value = !1, r.value = "", i.value = "";
+	}
+	function m(e) {
+		e.key === "Enter" ? (e.preventDefault(), s()) : e.key === "Escape" && p();
+	}
+	return {
+		showLinkDialog: n,
+		linkUrl: r,
+		linkColor: i,
+		linkDialogRef: a,
+		openLinkDialog: o,
+		insertLink: s,
+		removeLink: f,
+		closeLinkDialog: p,
+		handleLinkKeydown: m
+	};
+}
+//#endregion
+//#region src/composables/useRichTextEditor.ts
+function Dr(r) {
+	let i = n(Y, null), { mergeTags: a, canRequestMergeTag: o, isRequesting: s, requestMergeTag: c, syntax: u, autocomplete: d } = un(), { canInsertLogicTag: f, isRequesting: p, requestLogicTag: m } = dn(), h = n(Ot, null), g = (A(h) ? h.value : h)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", _ = xe(u), v = y(null), b = () => se(i?.content?.value?.settings ?? { locale: "en" });
+	t(b, (e) => {
+		let t = v.value?.view.dom;
+		t && t.setAttribute("dir", e);
+	});
+	let { showLinkDialog: x, linkUrl: S, linkColor: C, linkDialogRef: w, openLinkDialog: T, insertLink: E, removeLink: D, closeLinkDialog: O, handleLinkKeydown: k } = Er(v, u), { start: j, stop: M } = He(() => v.value?.commands.focus("end"), 0, { immediate: !1 }), N = y(null), P = l(!0), F = l(null), I = !1;
+	async function L() {
+		F.value = null, P.value = !0;
+		try {
+			let { TiptapEditor: e, EC: t, extensions: n } = await r.loadExtensions({
+				mergeTags: a,
+				syntax: u,
+				triggerChar: _,
+				autocompleteEnabled: d,
+				suggestionEmptyText: g
+			});
+			if (I) return;
+			N.value = t;
+			let o = /* @__PURE__ */ new Map();
+			n.forEach((e, t) => o.set(e.name, t));
+			let s = new e({
+				extensions: n.filter((e, t) => o.get(e.name) === t),
+				content: r.blockContent(),
+				editable: !0,
+				editorProps: { attributes: { dir: b() } },
+				onUpdate: ({ editor: e }) => {
+					I || i && i.updateBlock(r.blockId(), { content: e.getHTML() });
+				}
+			});
+			if (I) {
+				s.destroy();
+				return;
+			}
+			v.value = s, P.value = !1, j();
+		} catch (e) {
+			if (I) return;
+			Z.error(`[${r.editorName ?? "RichTextEditor"}] Failed to initialize TipTap editor:`, e), F.value = e instanceof Error ? e.message : "Failed to load editor", P.value = !1;
+		}
+	}
+	function R() {
+		v.value?.destroy(), v.value = null, L();
+	}
+	L();
+	let z = t(() => r.blockContent(), (e) => {
+		v.value && v.value.getHTML() !== e && v.value.commands.setContent(e, { emitUpdate: !1 });
+	});
+	function B(e) {
+		if (s.value || p.value) return;
+		let t = e.composedPath(), n = t.find((e) => e instanceof HTMLElement);
+		if (!n) return;
+		r.onClickOutsideSideEffect?.(n);
+		let i = t.some((e) => e instanceof HTMLElement && e.classList.contains("tpl-color-popover"));
+		n.closest(".tpl-text-editor-wrapper") || n.closest(".tpl-text-toolbar") || n.closest(".tpl-link-dialog") || i || r.onDone();
+	}
+	G(document, "mousedown", B), e(() => {
+		I = !0, z(), M(), v.value?.destroy();
+	});
+	async function V() {
+		let e = await c();
+		I || (e && v.value ? v.value.chain().focus().insertMergeTag({
+			label: e.label,
+			value: e.value
+		}).run() : v.value?.commands.focus());
+	}
+	async function H() {
+		let e = await m();
+		I || (e && v.value ? Cr(v.value, e, u) : v.value?.commands.focus());
+	}
+	return {
+		editor: v,
+		EditorContent: N,
+		isLoading: P,
+		initError: F,
+		retry: R,
+		showLinkDialog: x,
+		linkUrl: S,
+		linkColor: C,
+		linkDialogRef: w,
+		mergeTags: a,
+		canRequestMergeTag: o,
+		isRequestingMergeTag: s,
+		syntax: u,
+		canInsertLogicTag: f,
+		isRequestingLogicTag: p,
+		openLinkDialog: T,
+		insertLink: E,
+		removeLink: D,
+		closeLinkDialog: O,
+		handleLinkKeydown: k,
+		handleAddMergeTag: V,
+		handleAddLogicTag: H
+	};
+}
+//#endregion
+//#region src/composables/useSmallScreenNotice.ts
+var Or = "(max-width: 767px)";
+function kr(e) {
+	let t = Ke(Or);
+	return {
+		isSmallScreen: t,
+		showNotice: b(() => (j(e) ?? !0) && t.value)
+	};
+}
+//#endregion
+//#region src/components/blocks/CustomBlock.vue?vue&type=script&setup=true&lang.ts
+var Ar = { class: "tpl:w-full" }, jr = {
+	key: 0,
+	class: "tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-warning)] tpl:bg-[var(--tpl-warning-light)]"
+}, Mr = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Nr = {
+	key: 1,
+	class: "tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-danger)] tpl:bg-[var(--tpl-danger-light)]"
+}, Pr = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Fr = {
+	key: 2,
+	class: "tpl:relative"
+}, Ir = ["innerHTML"], Lr = {
+	key: 0,
+	class: "tpl:absolute tpl:inset-0 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:rounded tpl:backdrop-blur-[2px]",
+	style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 80%, transparent)" }
+}, Rr = /* @__PURE__ */ d({
+	__name: "CustomBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	emits: ["fetchData"],
+	setup(e, { emit: r }) {
+		let i = e, a = r, { t: o } = X(), c = n(At, null), u = l(""), d = l(!1), f = b(() => c?.getDefinition(i.block.customType)), p = b(() => !!f.value), m = b(() => i.block), { isFetching: _, fetch: v, needsFetch: y, hasDataSource: C } = Pe({
+			definition: f,
+			block: m,
+			onUpdate: (e, t) => {
+				a("fetchData", {
+					fieldValues: e,
+					dataSourceFetched: t
+				});
+			}
+		}), T = n(K, q), D = n(J, null), A = b(() => {
+			if (!D?.value) return i.block;
+			let e = {};
+			for (let [t, n] of Object.entries(i.block.fieldValues)) e[t] = typeof n == "string" ? de(n, T.value) : n;
+			return {
+				...i.block,
+				fieldValues: e
+			};
+		});
+		async function j() {
+			if (c) {
+				d.value = !1;
+				try {
+					let e = await c.renderCustomBlock(A.value);
+					e.includes("Template render error:") && (d.value = !0), u.value = e;
+				} catch {
+					d.value = !0, u.value = "";
+				}
+			}
+		}
+		let M = Ue(j, 150);
+		return w(() => {
+			j();
+		}), t(() => i.block.fieldValues, () => {
+			M();
+		}, { deep: !0 }), t(() => D?.value, () => {
+			M();
+		}), (e, t) => (s(), x("div", Ar, [p.value ? d.value ? (s(), x("div", Nr, [g(h(nn), {
+			size: 24,
+			class: "tpl:text-[var(--tpl-danger)]"
+		}), k("span", Pr, F(h(o).customBlocks.renderError), 1)])) : (s(), x("div", Fr, [k("div", { innerHTML: u.value }, null, 8, Ir), h(C) && h(y) ? (s(), x("div", Lr, [h(_) ? (s(), O(sn, {
+			key: 1,
+			class: "tpl:w-48"
+		})) : (s(), x("button", {
+			key: 0,
+			type: "button",
+			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:shadow-[var(--tpl-shadow)] tpl:transition-all tpl:hover:border-[var(--tpl-primary)] tpl:hover:shadow-[var(--tpl-shadow-md)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
+			onClick: t[0] ||= E((...e) => h(v) && h(v)(...e), ["stop"])
+		}, [f.value?.icon ? (s(), O(fr, {
+			key: 0,
+			icon: f.value.icon,
+			size: 16
+		}, null, 8, ["icon"])) : S("", !0), R(" " + F(f.value?.dataSource?.label || h(o).customBlocks.dataSource.fetchButton), 1)]))])) : S("", !0)])) : (s(), x("div", jr, [g(h(Gt), {
+			size: 24,
+			class: "tpl:text-[var(--tpl-warning)]"
+		}), k("span", Mr, F(h(o).customBlocks.definitionNotFound), 1)]))]));
+	}
+}), zr = { class: "tpl:w-full" }, Br = /* @__PURE__ */ d({
+	__name: "DividerBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, n = b(() => ({
+			borderTop: `${t.block.thickness}px ${t.block.lineStyle} ${t.block.color}`,
+			width: t.block.width === "full" ? "100%" : `${t.block.width}px`,
+			margin: t.block.width === "full" ? "0" : "0 auto"
+		}));
+		return (e, t) => (s(), x("div", zr, [k("hr", {
+			class: "tpl:m-0 tpl:border-none",
+			style: D(n.value)
+		}, null, 4)]));
+	}
+}), Vr = { class: "tpl:w-full" }, Hr = ["srcdoc", "title"], Ur = {
+	key: 1,
+	class: "tpl:flex tpl:min-h-[80px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)]"
+}, Wr = {
+	key: 0,
+	class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]"
+}, Gr = {
+	key: 1,
+	class: "tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
+}, Kr = /* @__PURE__ */ d({
+	__name: "HtmlBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(r) {
+		let i = r, { t: a } = X(), o = n(gt, !1), c = b(() => i.block.content.trim().length > 0), u = b(() => o && c.value), d = n(K, q), f = n(J, null), p = b(() => f?.value ? de(i.block.content, d.value) : i.block.content), m = l(null), _ = l(60), v = null;
+		function y() {
+			let e = m.value?.contentDocument;
+			e && (_.value = Math.max(e.body?.scrollHeight ?? 0, e.documentElement?.scrollHeight ?? 0));
+		}
+		function S() {
+			v?.disconnect(), v = null, y();
+			let e = m.value?.contentDocument?.documentElement;
+			e && typeof ResizeObserver < "u" && (v = new ResizeObserver(() => y()), v.observe(e));
+		}
+		return t(u, (e) => {
+			e || (v?.disconnect(), v = null);
+		}), e(() => {
+			v?.disconnect(), v = null;
+		}), (e, t) => (s(), x("div", Vr, [u.value ? (s(), x("iframe", {
+			key: 0,
+			ref_key: "iframeRef",
+			ref: m,
+			srcdoc: p.value,
+			sandbox: "allow-same-origin",
+			title: h(a).html.preview,
+			class: "tpl:block tpl:w-full tpl:border-0",
+			style: D({ height: `${_.value}px` }),
+			onLoad: S
+		}, null, 44, Hr)) : (s(), x("div", Ur, [g(h(Kt), {
+			size: 24,
+			class: "tpl:text-[var(--tpl-text-dim)]"
+		}), c.value ? (s(), x("span", Wr, F(h(a).html.preview), 1)) : (s(), x("span", Gr, F(h(a).html.empty), 1))]))]));
+	}
+}), qr = ["data-drop-enabled"], Jr = {
+	key: 0,
+	class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-xs tpl:font-medium tpl:border-[var(--tpl-primary)] tpl:text-[var(--tpl-primary)]",
+	style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 85%, transparent)" }
+}, Yr = ["href"], Xr = ["src", "alt"], Zr = ["src", "alt"], Qr = {
+	class: "tpl:max-w-full tpl:truncate tpl:px-3 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-primary)]",
+	style: { opacity: "0.7" }
+}, $r = ["href"], ei = ["src", "alt"], ti = ["src", "alt"], ni = {
+	key: 4,
+	class: "tpl:flex tpl:min-h-[100px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-sm tpl:border-[var(--tpl-border-light)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-dim)]"
+}, ri = ["aria-label"], ii = { key: 1 }, ai = /* @__PURE__ */ d({
+	__name: "ImageBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	emits: ["update"],
+	setup(e, { emit: t }) {
+		let r = e, i = t, { t: a } = X(), { syntax: o } = un(), c = n(et, null), u = n(_t, null), d = b(() => !!c), f = fn();
+		async function p() {
+			let e = await c?.({ accept: ["images"] });
+			if (f.alive && e) {
+				let t = { src: e.url };
+				e.alt && (t.alt = e.alt), i("update", t);
+			}
+		}
+		let m = l(), _ = l(!1), v = b(() => (u?.value ?? !!c) && !_.value && !O.value);
+		async function y(e) {
+			if (c) {
+				_.value = !0;
+				try {
+					let t = await c({
+						accept: ["images"],
+						files: e
+					});
+					if (!f.alive) return;
+					if (t) {
+						let e = { src: t.url };
+						t.alt && (e.alt = t.alt), i("update", e);
+					}
+				} finally {
+					f.alive && (_.value = !1);
+				}
+			}
+		}
+		let { isOver: C } = Fe({
+			target: m,
+			enabled: v,
+			onFiles: y
+		}), w = b(() => ({ textAlign: r.block.align })), T = b(() => {
+			let e = r.block.align;
+			return {
+				maxWidth: "100%",
+				width: r.block.width === "full" ? "100%" : `${r.block.width}px`,
+				height: r.block.height ? `${r.block.height}px` : void 0,
+				borderRadius: r.block.borderRadius && r.block.borderRadius > 0 ? `${r.block.borderRadius}px` : void 0,
+				display: "block",
+				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
+				marginRight: e === "center" ? "auto" : void 0
+			};
+		}), O = b(() => W(r.block.src, o)), A = yn(() => O.value ? void 0 : r.block.src), j = yn(() => O.value ? r.block.placeholderUrl : void 0);
+		return (t, n) => (s(), x("div", {
+			ref_key: "dropZoneRef",
+			ref: m,
+			"data-testid": "image-drop-zone",
+			"data-drop-enabled": v.value,
+			class: "tpl:relative tpl:w-full",
+			style: D(w.value)
+		}, [v.value && (h(C) || _.value) ? (s(), x("div", Jr, [_.value ? (s(), x(P, { key: 0 }, [g(h(Qt), {
+			class: "tpl-spinner",
+			size: 20,
+			"stroke-width": 2
+		}), R(" " + F(h(a).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [g(h(en), {
+			size: 20,
+			"stroke-width": 1.5
+		}), R(" " + F(h(a).image.dropToUpload), 1)], 64))])) : S("", !0), e.block.src && O.value && e.block.placeholderUrl ? (s(), x(P, { key: 1 }, [e.block.linkUrl ? (s(), x("a", {
+			key: 0,
+			href: e.block.linkUrl,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			onClick: n[0] ||= E(() => {}, ["prevent"])
+		}, [k("img", {
+			class: "tpl:border-0",
+			loading: "lazy",
+			src: h(j),
+			alt: e.block.alt || h(a).image.altTextPlaceholder,
+			style: D(T.value)
+		}, null, 12, Xr)], 8, Yr)) : (s(), x("img", {
+			key: 1,
+			class: "tpl:border-0",
+			src: h(j),
+			alt: e.block.alt,
+			style: D(T.value)
+		}, null, 12, Zr))], 64)) : e.block.src && O.value ? (s(), x("div", {
+			key: 2,
+			class: "tpl:!flex tpl:min-h-[120px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]",
+			style: D([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, T.value])
+		}, [g(h(Xt), {
+			size: 32,
+			"stroke-width": 1.5,
+			class: "tpl:text-[var(--tpl-primary)]",
+			style: { opacity: "0.5" }
+		}), k("span", Qr, [g(sr, { text: e.block.src }, null, 8, ["text"])])], 4)) : e.block.src ? (s(), x(P, { key: 3 }, [e.block.linkUrl ? (s(), x("a", {
+			key: 0,
+			href: e.block.linkUrl,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			onClick: n[1] ||= E(() => {}, ["prevent"])
+		}, [k("img", {
+			class: "tpl:border-0",
+			loading: "lazy",
+			src: h(A),
+			alt: e.block.alt || h(a).image.altTextPlaceholder,
+			style: D(T.value)
+		}, null, 12, ei)], 8, $r)) : (s(), x("img", {
+			key: 1,
+			class: "tpl:border-0",
+			src: h(A),
+			alt: e.block.alt,
+			style: D(T.value)
+		}, null, 12, ti))], 64)) : (s(), x("div", ni, [d.value ? (s(), x("button", {
+			key: 0,
+			"aria-label": h(a).image.browseMedia,
+			class: "tpl:flex tpl:items-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:cursor-pointer tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
+			onClick: E(p, ["stop"])
+		}, [g(h(Xt), {
+			size: 14,
+			"stroke-width": 1.5
+		}), R(" " + F(h(a).image.browseMedia), 1)], 8, ri)) : (s(), x("span", ii, F(h(a).image.clickToAdd), 1))]))], 12, qr));
+	}
+}), oi = { class: "tpl:w-full" }, si = ["href"], ci = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
+}, li = /* @__PURE__ */ d({
+	__name: "MenuBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, { t: n } = X(), i = b(() => ({
+			display: "flex",
+			flexWrap: "wrap",
+			gap: `0 ${t.block.spacing}px`,
+			justifyContent: t.block.textAlign === "left" ? "flex-start" : t.block.textAlign === "right" ? "flex-end" : "center",
+			fontSize: `${t.block.fontSize}px`,
+			fontFamily: t.block.fontFamily || "inherit",
+			alignItems: "center"
+		})), a = b(() => t.block.items.length > 0);
+		function o(e) {
+			return e || t.block.linkColor || t.block.color;
+		}
+		return (t, c) => (s(), x("div", oi, [a.value ? (s(), x("div", {
+			key: 0,
+			style: D(i.value)
+		}, [(s(!0), x(P, null, r(e.block.items, (t, n) => (s(), x(P, { key: t.id }, [k("a", {
+			href: t.url || "#",
+			class: "tpl:cursor-default tpl:no-underline",
+			style: D({
+				color: o(t.color),
+				fontWeight: t.bold ? "bold" : "normal",
+				textDecoration: t.underline ? "underline" : "none"
+			}),
+			onClick: c[0] ||= E(() => {}, ["prevent"])
+		}, [g(sr, { text: t.text || "..." }, null, 8, ["text"])], 12, si), n < e.block.items.length - 1 ? (s(), x("span", {
+			key: 0,
+			style: D({
+				color: e.block.separatorColor,
+				padding: `0 ${e.block.spacing}px`
+			})
+		}, F(e.block.separator), 5)) : S("", !0)], 64))), 128))], 4)) : (s(), x("div", ci, [g(h(Jt), { size: 16 }), k("span", null, F(h(n).menu.addLinks), 1)]))]));
+	}
+}), ui = /* @__PURE__ */ new Set([
+	"http",
+	"https",
+	"mailto",
+	"tel",
+	"ftp",
+	"ftps",
+	"sms",
+	"xmpp",
+	"cid"
+]), di = /* @__PURE__ */ new Set([
+	"SCRIPT",
+	"STYLE",
+	"IFRAME",
+	"OBJECT",
+	"EMBED",
+	"LINK",
+	"META",
+	"BASE",
+	"FORM"
+]), fi = /* @__PURE__ */ new Set([
+	"href",
+	"xlink:href",
+	"formaction",
+	"action",
+	"ping",
+	"background",
+	"poster"
+]);
+function pi(e, t) {
+	let n = e.replace(/[\t\n\r]/g, "").replace(/^[\u0000-\u0020]+/, "").trimEnd();
+	if (!n || n.startsWith("#")) return !0;
+	let r = /^([a-z][a-z0-9+.-]*):/i.exec(n);
+	if (!r) return !0;
+	let i = r[1].toLowerCase();
+	return ui.has(i) ? !0 : t && i === "data" ? /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(n) : !1;
+}
+function mi(e) {
+	if (di.has(e.tagName)) {
+		e.remove();
+		return;
+	}
+	let t = [];
+	for (let n = 0; n < e.attributes.length; n++) t.push(e.attributes[n].name);
+	for (let n of t) {
+		let t = n.toLowerCase();
+		if (t.startsWith("on")) {
+			e.removeAttribute(n);
+			continue;
+		}
+		if (fi.has(t)) {
+			pi(e.getAttribute(n) ?? "", !1) || e.removeAttribute(n);
+			continue;
+		}
+		if (t === "src") {
+			pi(e.getAttribute(n) ?? "", !0) || e.removeAttribute(n);
+			continue;
+		}
+		t === "srcdoc" && e.removeAttribute(n);
+	}
+	let n = Array.from(e.children);
+	for (let e of n) mi(e);
+}
+function hi(e) {
+	if (typeof DOMParser > "u") return e;
+	let t = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html").body, n = Array.from(t.children);
+	for (let e of n) mi(e);
+	return t.innerHTML;
+}
+//#endregion
+//#region src/composables/useEditableTextBlock.ts
+function gi(e) {
+	let t = n(K, q), r = n(J, null), { syntax: i } = un(), a = b(() => r?.value ? ge(e(), t.value) : Se(e(), t.value)), o = b(() => hi(Te(a.value, i))), s = l(!1), c = l(null), { top: u, left: d } = qe(c), { toLocal: f } = zt(), p = b(() => f({
+		top: u.value - 8,
+		left: d.value
+	}));
+	function m() {
+		s.value = !0;
+	}
+	function h() {
+		s.value = !1;
+	}
+	return {
+		isEditing: s,
+		blockRef: c,
+		toolbarPosition: p,
+		resolvedContent: o,
+		handleDoubleClick: m,
+		handleEditorDone: h
+	};
+}
+//#endregion
+//#region src/components/blocks/ParagraphBlock.vue?vue&type=script&setup=true&lang.ts
+var _i = ["innerHTML"], vi = /* @__PURE__ */ d({
+	__name: "ParagraphBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, n = L(() => import("./ParagraphEditor-DO4RzP8l.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: c, handleEditorDone: l } = gi(() => t.block.content);
+		return (t, u) => (s(), x("div", {
+			ref_key: "blockRef",
+			ref: i,
+			class: "tpl:min-h-[1em] tpl:w-full",
+			onDblclick: u[0] ||= (...e) => h(c) && h(c)(...e)
+		}, [h(r) ? (s(), O(h(n), {
+			key: 0,
+			block: e.block,
+			"toolbar-position": h(a),
+			onDone: h(l)
+		}, null, 8, [
+			"block",
+			"toolbar-position",
+			"onDone"
+		])) : (s(), x("div", {
+			key: 1,
+			class: "tpl-text-content tpl:outline-none",
+			innerHTML: h(o)
+		}, null, 8, _i))], 544));
+	}
+});
+//#endregion
+//#region src/utils/blockComponentResolver.ts
+function yi(e) {
+	let t = { fontFamily: e.fontFamily };
+	return e.textColor && (t.color = e.textColor), e.linkColor && (t["--tpl-doc-link-color"] = e.linkColor), e.linkUnderline && (t["--tpl-doc-link-underline"] = "underline"), t;
+}
+function bi(e, t, n) {
+	if (t) {
+		let n = t.getComponent(e);
+		if (n) return n;
+	}
+	return n[e.type] ?? null;
+}
+function xi(e) {
+	let { padding: t, backgroundColor: n } = e.styles, r = {
+		padding: `${t.top}px ${t.right}px ${t.bottom}px ${t.left}px`,
+		backgroundColor: n || "transparent"
+	};
+	return (e.type === "paragraph" || e.type === "title") && (r["--tpl-doc-paragraph-spacing"] = `${e.type === "paragraph" ? e.paragraphSpacing ?? ve.paragraphGap : ve.paragraphGap}px`), e.type === "section" && e.borderRadius && e.borderRadius > 0 && (r.borderRadius = `${e.borderRadius}px`), r;
+}
+function Si(e) {
+	if (e.type !== "section" || !e.wrapper) return null;
+	let t = e.wrapper, n = {};
+	return t.backgroundColor && (n.backgroundColor = t.backgroundColor), t.padding && (n.padding = `${t.padding.top}px ${t.padding.right}px ${t.padding.bottom}px ${t.padding.left}px`), t.borderRadius && t.borderRadius > 0 && (n.borderRadius = `${t.borderRadius}px`), n;
+}
+//#endregion
+//#region src/components/blocks/BlockWrapper.vue?vue&type=script&setup=true&lang.ts
+var Ci = [
+	"data-block-id",
+	"data-block-type",
+	"data-tpl-picked"
+], wi = ["aria-label"], Ti = [
+	"aria-label",
+	"aria-pressed",
+	"title"
+], Ei = ["aria-label", "title"], Di = ["aria-label", "title"], Oi = ["aria-label", "title"], ki = {
+	key: 1,
+	class: "tpl-block-hidden-overlay tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[5] tpl:flex tpl:items-center tpl:justify-center tpl:rounded-sm"
+}, Ai = { class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-2 tpl:py-1 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-chrome-bg-elevated)] tpl:text-[var(--tpl-chrome-text-muted)] tpl:shadow-[var(--tpl-shadow-sm)]" }, ji = {
+	key: 2,
+	class: "tpl:absolute tpl:-left-1 tpl:top-1/2 tpl:z-[5] tpl:-translate-x-full tpl:-translate-y-1/2"
+}, Mi = ["aria-label", "title"], Ni = {
+	key: 3,
+	class: "tpl:absolute tpl:-right-1 tpl:-top-1 tpl:z-[5] tpl:translate-x-full"
+}, Pi = ["aria-label"], Fi = /*#__PURE__*/ cn(/* @__PURE__ */ d({
+	__name: "BlockWrapper",
+	props: {
+		block: {},
+		isSelected: { type: Boolean },
+		viewport: {},
+		previewMode: { type: Boolean },
+		nested: { type: Boolean },
+		picked: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let r = L(() => import("./BlockIssueBadge-9hHpaXb9.js")), i = e, o = t, { t: c, format: u } = X(), d = n(ct, null), f = l(null), p = b(() => d?.liftedBlockId.value === i.block.id), m = b(() => p.value ? u(c.blockActions.dragLifted, { block: i.block.type }) : c.blockActions.drag);
+		async function _() {
+			await T(), f.value?.focus();
+		}
+		function y(e) {
+			if (d) {
+				if (e.key === " " || e.key === "Enter") {
+					e.preventDefault(), e.stopPropagation(), p.value ? d.drop(i.block.id) : d.lift(i.block.id);
+					return;
+				}
+				if (p.value) {
+					if (e.key === "Escape") {
+						e.preventDefault(), e.stopPropagation(), d.cancel(), _();
+						return;
+					}
+					if (e.key === "ArrowUp") {
+						e.preventDefault(), e.stopPropagation(), d.moveUp(i.block.id), _();
+						return;
+					}
+					e.key === "ArrowDown" && (e.preventDefault(), e.stopPropagation(), d.moveDown(i.block.id), _());
+				}
+			}
+		}
+		let C = b(() => !i.viewport || !i.block.visibility ? !1 : i.block.visibility[i.viewport] === !1), w = b(() => i.previewMode === !0 && C.value), O = b(() => i.viewport ? {
+			desktop: c.viewport.desktop,
+			mobile: c.viewport.mobile
+		}[i.viewport] ?? i.viewport : ""), A = b(() => !!i.block.displayCondition), j = n(ht, null), M = n(yt, null), N = n(Ct, {}), P = b(() => N.savedBlocks?.isPicking.value === !0), I = b(() => !i.nested && N.savedBlocks?.isAvailable.value === !0 && N.savedBlocks?.canCreate.value === !0), z = b(() => i.isSelected && !P.value), B = b(() => N.comments?.getBlockCount(i.block.id) ?? 0), V = b(() => xi(i.block)), H = b(() => Si(i.block));
+		function ee(e) {
+			i.previewMode || (e.target?.closest("a") && e.preventDefault(), e.stopPropagation(), o("select"));
+		}
+		function te() {
+			j?.deleteBlock(i.block.id);
+		}
+		function U() {
+			j?.duplicateBlock(i.block);
+		}
+		function ne() {
+			N.savedBlocks?.startPicking(i.block.id);
+		}
+		function re() {
+			M?.toggleBlock(i.block.id);
+		}
+		return (t, n) => w.value ? S("", !0) : (s(), x("div", {
+			key: 0,
+			class: v(["tpl-block tpl:group tpl:relative tpl:cursor-pointer tpl:rounded-sm tpl:transition-shadow", {
+				"tpl-block--selected": e.isSelected,
+				"tpl-block--picked": e.picked,
+				"tpl-block--idle": !e.isSelected && !e.picked,
+				"tpl-block--lifted": p.value
+			}]),
+			"data-block-id": e.block.id,
+			"data-block-type": e.block.type,
+			"data-tpl-picked": e.picked || void 0,
+			onClick: ee
+		}, [
+			g(h(r), { "block-id": e.block.id }, null, 8, ["block-id"]),
+			z.value ? (s(), x("div", {
+				key: 0,
+				role: "toolbar",
+				"aria-label": h(c).blockActions.drag,
+				class: "tpl-block-actions tpl-fade-in tpl:absolute tpl:-right-2 tpl:top-1/2 tpl:z-10 tpl:flex tpl:-translate-y-1/2 tpl:translate-x-full tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-chrome-bg-elevated)] tpl:shadow-[var(--tpl-shadow-md)] tpl:border tpl:border-[var(--tpl-border)]"
+			}, [
+				k("button", {
+					ref_key: "dragButtonRef",
+					ref: f,
+					class: "tpl-block-btn tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-grab tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:active:cursor-grabbing",
+					"aria-label": m.value,
+					"aria-pressed": p.value,
+					"aria-keyshortcuts": "Space Enter ArrowUp ArrowDown Escape",
+					title: h(c).blockActions.drag,
+					onKeydown: y
+				}, [g(h(Zt), {
+					size: 14,
+					"stroke-width": 1.5
+				})], 40, Ti),
+				k("button", {
+					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors",
+					"aria-label": h(c).blockActions.duplicate,
+					title: h(c).blockActions.duplicate,
+					onClick: E(U, ["stop"])
+				}, [g(h(Wt), {
+					size: 14,
+					"stroke-width": 1.5
+				})], 8, Ei),
+				I.value ? (s(), x("button", {
+					key: 0,
+					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors",
+					"aria-label": h(c).blockActions.saveAsBlock,
+					title: h(c).blockActions.saveAsBlock,
+					onClick: E(ne, ["stop"])
+				}, [g(h(Ut), {
+					size: 14,
+					"stroke-width": 1.5
+				})], 8, Di)) : S("", !0),
+				k("button", {
+					class: "tpl-block-action-btn tpl-block-delete-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors",
+					"aria-label": h(c).blockActions.delete,
+					title: h(c).blockActions.delete,
+					onClick: E(te, ["stop"])
+				}, [g(h(Yt), {
+					size: 14,
+					"stroke-width": 1.5
+				})], 8, Oi)
+			], 8, wi)) : S("", !0),
+			C.value ? (s(), x("div", ki, [k("span", Ai, [g(h(qt), {
+				size: 12,
+				"stroke-width": 1.5
+			}), R(" " + F(h(u)(h(c).blockActions.hiddenOnViewport, { viewport: O.value })), 1)])])) : S("", !0),
+			A.value && !C.value ? (s(), x("div", ji, [k("button", {
+				"data-testid": "condition-toggle",
+				class: "tpl-condition-toggle tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1 tpl:transition-colors tpl:bg-[var(--tpl-chrome-bg-elevated)] tpl:text-[var(--tpl-primary)] tpl:border tpl:border-[var(--tpl-border)]",
+				"aria-label": h(c).blockActions.conditionToggle,
+				title: e.block.displayCondition?.label,
+				onClick: E(re, ["stop"])
+			}, [g(h(an), {
+				size: 12,
+				"stroke-width": 2
+			})], 8, Mi)])) : S("", !0),
+			B.value > 0 && !C.value ? (s(), x("div", Ni, [k("button", {
+				class: "tpl-comment-indicator tpl:flex tpl:min-h-6 tpl:min-w-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-0.5 tpl:rounded-full tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-semibold tpl:transition-colors tpl:bg-[var(--tpl-chrome-primary-light)] tpl:text-[var(--tpl-primary)]",
+				"aria-label": h(u)(h(c).blockActions.comments, { count: String(B.value) }),
+				onClick: n[0] ||= E((t) => h(N).comments?.openForBlock(e.block.id), ["stop"])
+			}, [g(h(tn), {
+				size: 12,
+				"stroke-width": 2.5
+			}), R(" " + F(B.value), 1)], 8, Pi)])) : S("", !0),
+			H.value ? (s(), x("div", {
+				key: 4,
+				class: "tpl-section-wrapper",
+				style: D(H.value)
+			}, [k("div", {
+				class: "tpl-block-content",
+				style: D(V.value)
+			}, [a(t.$slots, "default", {}, void 0, !0)], 4)], 4)) : (s(), x("div", {
+				key: 5,
+				class: "tpl-block-content",
+				style: D(V.value)
+			}, [a(t.$slots, "default", {}, void 0, !0)], 4))
+		], 10, Ci));
+	}
+}), [["__scopeId", "data-v-2c239048"]]);
+//#endregion
+//#region src/utils/unwrapParagraph.ts
+function Ii(e) {
+	let t = e.match(/^\s*<p\b[^>]*>([\s\S]*)<\/p>\s*$/);
+	return !t || /<\/p>\s*<p\b/i.test(t[1]) ? e : t[1];
+}
+//#endregion
+//#region src/components/blocks/TitleBlock.vue
+var Li = /* @__PURE__ */ d({
+	__name: "TitleBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, n = L(() => import("./TitleEditor-uKu33Nwr.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: c, handleEditorDone: l } = gi(() => t.block.content), d = b(() => {
+			let e = {
+				fontSize: `${De[t.block.level]}px`,
+				textAlign: t.block.textAlign
+			};
+			return t.block.color && (e.color = t.block.color), t.block.fontFamily && (e.fontFamily = t.block.fontFamily), e;
+		}), f = b(() => `h${t.block.level}`), p = b(() => Ii(o.value));
+		return (t, o) => (s(), x("div", {
+			ref_key: "blockRef",
+			ref: i,
+			class: "tpl:min-h-[1em] tpl:w-full",
+			style: D(d.value),
+			onDblclick: o[0] ||= (...e) => h(c) && h(c)(...e)
+		}, [h(r) ? (s(), O(h(n), {
+			key: 0,
+			block: e.block,
+			"toolbar-position": h(a),
+			onDone: h(l)
+		}, null, 8, [
+			"block",
+			"toolbar-position",
+			"onDone"
+		])) : (s(), O(u(f.value), {
+			key: 1,
+			class: "tpl-text-content tpl:m-0 tpl:font-[inherit] tpl:text-[length:inherit] tpl:leading-tight tpl:outline-none",
+			style: { color: "inherit" },
+			innerHTML: p.value
+		}, null, 8, ["innerHTML"]))], 36));
+	}
+});
+//#endregion
+//#region src/utils/sectionColumnDrop.ts
+function Ri(e) {
+	return e.dataset.blockType !== "section" && e.dataset.paletteType !== "section";
+}
+//#endregion
+//#region src/components/blocks/SectionBlock.vue?vue&type=script&setup=true&lang.ts
+var zi = { class: "tpl:w-full" }, Bi = {
+	key: 0,
+	"data-testid": "section-drop-hint",
+	class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center tpl:text-xs tpl:text-[var(--tpl-chrome-text-dim)]"
+}, Vi = /* @__PURE__ */ d({
+	__name: "SectionBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = {
+			title: Li,
+			paragraph: vi,
+			image: ai,
+			button: lr,
+			divider: Br,
+			custom: Rr
+		}, a = e, { t: o } = X(), c = pt(Y, "SectionBlock"), l = n(yt, null), d = n(At, null), p = n(Ct, {}), m = n(kt, null);
+		function _(e) {
+			let t = p.savedBlocks;
+			if (t?.isPicking.value) {
+				t.togglePick(a.block.id);
+				return;
+			}
+			c.selectBlock(e);
+		}
+		let y = b(() => {
+			switch (a.block.columns) {
+				case "2": return ["50%", "50%"];
+				case "3": return [
+					"33.33%",
+					"33.33%",
+					"33.33%"
+				];
+				case "1-2": return ["33.33%", "66.67%"];
+				case "2-1": return ["66.67%", "33.33%"];
+				default: return ["100%"];
+			}
+		}), C = b(() => {
+			let e = y.value.length, t = [...a.block.children];
+			for (; t.length < e;) t.push([]);
+			return t.slice(0, e);
+		}), w = b(() => a.viewport === "mobile" && a.block.stackOnMobile !== !1);
+		function T(e) {
+			return C.value[e] || [];
+		}
+		function E(e, t) {
+			let n = t.map((e) => JSON.parse(JSON.stringify(e))), r = [...a.block.children];
+			for (; r.length <= e;) r.push([]);
+			r[e] = n, c.updateBlock(a.block.id, { children: r });
+		}
+		function A(e) {
+			return bi(e, d, t);
+		}
+		function j(e, t) {
+			e.type === "custom" && c.updateBlock(e.id, {
+				fieldValues: t.fieldValues,
+				dataSourceFetched: t.dataSourceFetched
+			});
+		}
+		return (t, n) => (s(), x("div", zi, [k("div", { class: v(["tpl:flex tpl:gap-0", { "tpl:flex-col": w.value }]) }, [(s(!0), x(P, null, r(C.value, (t, n) => (s(), x("div", {
+			key: n,
+			class: v(["tpl:relative tpl:min-h-[60px] tpl:rounded", T(n).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
+			style: D({ width: w.value ? "100%" : y.value[n] })
+		}, [g(h(N), {
+			"model-value": T(n),
+			group: {
+				name: "blocks",
+				pull: !0,
+				put: (e, t, n) => h(Ri)(n)
+			},
+			animation: 150,
+			"ghost-class": "tpl-ghost",
+			"drag-class": "tpl-dragging",
+			handle: ".tpl-block-btn",
+			"invert-swap": !0,
+			"inverted-swap-threshold": .65,
+			"empty-insert-threshold": 20,
+			"force-fallback": !0,
+			class: "tpl:min-h-[60px]",
+			"onUpdate:modelValue": (e) => E(n, e)
+		}, {
+			default: i(() => [(s(!0), x(P, null, r(T(n), (t) => f((s(), x("div", { key: t.id }, [g(Fi, {
+				block: t,
+				"is-selected": h(c).state.selectedBlockId === t.id,
+				viewport: e.viewport,
+				"preview-mode": h(c).state.previewMode,
+				nested: "",
+				onSelect: (e) => _(t.id)
+			}, {
+				default: i(() => [(s(), O(u(A(t)), {
+					block: t,
+					viewport: e.viewport,
+					onFetchData: (e) => j(t, e),
+					onUpdate: (e) => h(c).updateBlock(t.id, e)
+				}, null, 40, [
+					"block",
+					"viewport",
+					"onFetchData",
+					"onUpdate"
+				]))]),
+				_: 2
+			}, 1032, [
+				"block",
+				"is-selected",
+				"viewport",
+				"preview-mode",
+				"onSelect"
+			])])), [[M, h(m) === !1 || !h(l)?.isHidden(t.id)]])), 128))]),
+			_: 2
+		}, 1032, [
+			"model-value",
+			"group",
+			"onUpdate:modelValue"
+		]), T(n).length === 0 ? (s(), x("div", Bi, [k("span", null, F(h(o).section.dropHere), 1)])) : S("", !0)], 6))), 128))], 2)]));
+	}
+}), Hi = [
+	"width",
+	"height",
+	"fill"
+], Ui = ["d"], Wi = /* @__PURE__ */ d({
+	__name: "SocialIconSvg",
+	props: {
+		platform: {},
+		iconStyle: {},
+		iconSize: {}
+	},
+	setup(e) {
+		let t = e, n = b(() => Le[t.platform]), r = b(() => ze[t.iconSize]), i = b(() => {
+			let e = {
+				display: "inline-flex",
+				alignItems: "center",
+				justifyContent: "center",
+				width: `${r.value}px`,
+				height: `${r.value}px`
+			};
+			switch (t.iconStyle) {
+				case "solid": return {
+					...e,
+					backgroundColor: n.value.color,
+					borderRadius: "4px"
+				};
+				case "outlined": return {
+					...e,
+					backgroundColor: "transparent",
+					border: `2px solid ${n.value.color}`,
+					borderRadius: "4px"
+				};
+				case "rounded": return {
+					...e,
+					backgroundColor: n.value.color,
+					borderRadius: "8px"
+				};
+				case "square": return {
+					...e,
+					backgroundColor: n.value.color,
+					borderRadius: "0"
+				};
+				case "circle": return {
+					...e,
+					backgroundColor: n.value.color,
+					borderRadius: "50%"
+				};
+				default: return e;
+			}
+		}), a = b(() => Math.floor(r.value * .6)), o = b(() => t.iconStyle === "outlined" ? n.value.color : "#ffffff");
+		return (e, t) => (s(), x("span", { style: D(i.value) }, [(s(), x("svg", {
+			width: a.value,
+			height: a.value,
+			viewBox: "0 0 24 24",
+			fill: o.value,
+			xmlns: "http://www.w3.org/2000/svg"
+		}, [k("path", { d: n.value.path }, null, 8, Ui)], 8, Hi))], 4));
+	}
+}), Gi = { class: "tpl:w-full" }, Ki = ["href"], qi = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
+}, Ji = /* @__PURE__ */ d({
+	__name: "SocialIconsBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, { t: n } = X(), i = b(() => ({
+			display: "flex",
+			flexWrap: "wrap",
+			gap: `${t.block.spacing}px`,
+			justifyContent: t.block.align === "left" ? "flex-start" : t.block.align === "right" ? "flex-end" : "center"
+		})), a = b(() => t.block.icons.length > 0);
+		return (t, o) => (s(), x("div", Gi, [a.value ? (s(), x("div", {
+			key: 0,
+			style: D(i.value)
+		}, [(s(!0), x(P, null, r(e.block.icons, (t) => (s(), x("a", {
+			key: t.id,
+			href: t.url || "#",
+			class: "tpl:cursor-default",
+			onClick: o[0] ||= E(() => {}, ["prevent"])
+		}, [g(Wi, {
+			platform: t.platform,
+			"icon-style": e.block.iconStyle,
+			"icon-size": e.block.iconSize
+		}, null, 8, [
+			"platform",
+			"icon-style",
+			"icon-size"
+		])], 8, Ki))), 128))], 4)) : (s(), x("div", qi, [g(h(Ht), { size: 16 }), k("span", null, F(h(n).social.addIcons), 1)]))]));
+	}
+}), Yi = { class: "tpl:w-full" }, Xi = {
+	key: 0,
+	class: "tpl:absolute tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium",
+	style: {
+		"background-color": "var(--tpl-bg-hover)",
+		color: "var(--tpl-text-dim)"
+	}
+}, Zi = /* @__PURE__ */ d({
+	__name: "SpacerBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, n = pt(Y, "SpacerBlock"), r = b(() => ({
+			height: `${t.block.height}px`,
+			minHeight: `${t.block.height}px`,
+			...n.state.previewMode ? {} : { borderColor: "var(--tpl-border)" }
+		}));
+		return (t, i) => (s(), x("div", Yi, [k("div", {
+			style: D(r.value),
+			class: v(["tpl:relative tpl:flex tpl:items-center tpl:justify-center", { "tpl:border-y tpl:border-dashed": !h(n).state.previewMode }])
+		}, [h(n).state.previewMode ? S("", !0) : (s(), x("span", Xi, F(e.block.height) + "px ", 1))], 6)]));
+	}
+}), Qi = { class: "tpl:w-full" }, $i = { key: 0 }, ea = [
+	"aria-label",
+	"data-placeholder",
+	"onBlur"
+], ta = [
+	"aria-label",
+	"data-placeholder",
+	"onBlur"
+], na = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
+}, ra = /*#__PURE__*/ cn(/* @__PURE__ */ d({
+	__name: "TableBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = {
+			mounted(e, t) {
+				e.textContent = t.value ?? "";
+			},
+			updated(e, t) {
+				t.value !== t.oldValue && e.getRootNode().activeElement !== e && (e.textContent = t.value ?? "");
+			}
+		}, n = e, { t: i } = X(), a = pt(Y, "TableBlock"), o = b(() => n.block.rows.length > 0), c = b(() => {
+			let e = {
+				width: "100%",
+				borderCollapse: "collapse",
+				fontSize: `${n.block.fontSize}px`,
+				textAlign: n.block.textAlign,
+				fontFamily: n.block.fontFamily || "inherit"
+			};
+			return n.block.color && (e.color = n.block.color), e;
+		}), l = b(() => ({
+			border: `${n.block.borderWidth}px solid ${n.block.borderColor}`,
+			padding: `${n.block.cellPadding}px`,
+			textAlign: n.block.textAlign
+		})), u = b(() => ({
+			...l.value,
+			fontWeight: "bold",
+			backgroundColor: n.block.headerBackgroundColor || "transparent"
+		})), d = b(() => n.block.hasHeaderRow && n.block.rows.length > 0 ? n.block.rows[0] : null), p = b(() => n.block.hasHeaderRow ? n.block.rows.slice(1) : n.block.rows);
+		function m() {
+			a.selectBlock(n.block.id);
+		}
+		function v(e, t, r) {
+			let i = r.target.innerText.trim(), o = n.block.rows.map((n) => n.id === e ? {
+				...n,
+				cells: n.cells.map((e) => e.id === t ? {
+					...e,
+					content: i
+				} : e)
+			} : n);
+			a.updateBlock(n.block.id, { rows: o });
+		}
+		return (e, n) => (s(), x("div", Qi, [o.value ? (s(), x("table", {
+			key: 0,
+			style: D(c.value),
+			class: "tpl-table-editable"
+		}, [d.value ? (s(), x("thead", $i, [k("tr", null, [(s(!0), x(P, null, r(d.value.cells, (e) => f((s(), x("th", {
+			key: e.id,
+			style: D(u.value),
+			"aria-label": h(i).table.cellPlaceholder,
+			contenteditable: "true",
+			"data-placeholder": h(i).table.cellPlaceholder,
+			onBlur: (t) => v(d.value.id, e.id, t),
+			onKeydown: n[0] ||= _(E((e) => e.target.blur(), ["prevent"]), ["enter"]),
+			onClick: E(m, ["stop"])
+		}, null, 44, ea)), [[t, e.content]])), 128))])])) : S("", !0), k("tbody", null, [(s(!0), x(P, null, r(p.value, (e) => (s(), x("tr", { key: e.id }, [(s(!0), x(P, null, r(e.cells, (r) => f((s(), x("td", {
+			key: r.id,
+			style: D(l.value),
+			"aria-label": h(i).table.cellPlaceholder,
+			contenteditable: "true",
+			"data-placeholder": h(i).table.cellPlaceholder,
+			onBlur: (t) => v(e.id, r.id, t),
+			onKeydown: n[1] ||= _(E((e) => e.target.blur(), ["prevent"]), ["enter"]),
+			onClick: E(m, ["stop"])
+		}, null, 44, ta)), [[t, r.content]])), 128))]))), 128))])], 4)) : (s(), x("div", na, [g(h(rn), { size: 16 }), k("span", null, F(h(i).table.empty), 1)]))]));
+	}
+}), [["__scopeId", "data-v-963ac422"]]), ia = /* @__PURE__ */ d({
+	__name: "VideoPlayButton",
+	props: { hoverEffect: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e) {
+		return (t, n) => (s(), x("div", { class: v(["tpl:absolute tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center tpl:bg-black/30", e.hoverEffect && "tpl:transition-opacity tpl:group-hover:bg-black/40"]) }, [...n[0] ||= [k("div", { class: "tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-[color-mix(in_srgb,var(--tpl-bg)_90%,transparent)] tpl:shadow-[var(--tpl-shadow-lg)]" }, [k("svg", {
+			class: "tpl:ml-1 tpl:text-[var(--tpl-danger)]",
+			width: "28",
+			height: "28",
+			viewBox: "0 0 24 24",
+			fill: "currentColor"
+		}, [k("polygon", { points: "5,3 19,12 5,21" })])], -1)]], 2));
+	}
+});
+//#endregion
+//#region src/utils/videoThumbnail.ts
+function aa(e) {
+	if (!e) return {
+		platform: "unknown",
+		videoId: null,
+		thumbnailUrl: null
+	};
+	for (let t of [/(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([a-zA-Z0-9_-]{11})/i, /youtube\.com\/shorts\/([a-zA-Z0-9_-]{11})/i]) {
+		let n = e.match(t);
+		if (n) {
+			let e = n[1];
+			return {
+				platform: "youtube",
+				videoId: e,
+				thumbnailUrl: `https://img.youtube.com/vi/${e}/maxresdefault.jpg`
+			};
+		}
+	}
+	let t = e.match(/vimeo\.com\/(?:video\/)?(\d+)/i);
+	if (t) {
+		let e = t[1];
+		return {
+			platform: "vimeo",
+			videoId: e,
+			thumbnailUrl: `https://vumbnail.com/${e}.jpg`
+		};
+	}
+	return {
+		platform: "unknown",
+		videoId: null,
+		thumbnailUrl: null
+	};
+}
+function oa(e, t) {
+	return t || aa(e).thumbnailUrl;
+}
+//#endregion
+//#region src/components/blocks/VideoBlock.vue?vue&type=script&setup=true&lang.ts
+var sa = ["src", "alt"], ca = {
+	class: "tpl:max-w-full tpl:truncate tpl:px-3 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-primary)]",
+	style: { opacity: "0.7" }
+}, la = ["href"], ua = ["src", "alt"], da = ["src", "alt"], fa = {
+	key: 3,
+	class: "tpl:flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-sm tpl:border-[var(--tpl-border-light)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-dim)]"
+}, pa = /* @__PURE__ */ d({
+	__name: "VideoBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, { t: n } = X(), { syntax: r } = un(), i = b(() => W(t.block.url, r) || W(t.block.thumbnailUrl, r)), a = yn(() => i.value ? void 0 : t.block.thumbnailUrl || void 0), o = yn(() => i.value ? t.block.placeholderUrl : void 0), c = b(() => i.value ? null : t.block.thumbnailUrl ? a.value ?? null : oa(t.block.url)), l = b(() => ({ textAlign: t.block.align })), u = b(() => {
+			let e = t.block.align;
+			return {
+				maxWidth: "100%",
+				width: t.block.width === "full" ? "100%" : `${t.block.width}px`,
+				height: t.block.height ? `${t.block.height}px` : void 0,
+				display: "block",
+				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
+				marginRight: e === "center" ? "auto" : void 0
+			};
+		}), d = b(() => ({ height: t.block.height ? `${t.block.height}px` : void 0 })), f = b(() => W(t.block.url, r) ? t.block.url : t.block.thumbnailUrl);
+		return (t, r) => (s(), x("div", {
+			class: "tpl:w-full",
+			style: D(l.value)
+		}, [i.value && e.block.placeholderUrl ? (s(), x("div", {
+			key: 0,
+			class: "tpl:relative tpl:inline-block",
+			style: D(u.value)
+		}, [k("img", {
+			class: "tpl:w-full tpl:border-0",
+			src: h(o),
+			alt: e.block.alt,
+			style: D(d.value)
+		}, null, 12, sa), g(ia)], 4)) : i.value ? (s(), x("div", {
+			key: 1,
+			class: "tpl:relative tpl:!flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]",
+			style: D([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, u.value])
+		}, [g(h($t), {
+			size: 36,
+			"stroke-width": 1.5,
+			class: "tpl:text-[var(--tpl-primary)]",
+			style: { opacity: "0.5" }
+		}), k("span", ca, [g(sr, { text: f.value }, null, 8, ["text"])])], 4)) : c.value ? (s(), x(P, { key: 2 }, [e.block.url ? (s(), x("a", {
+			key: 0,
+			href: e.block.url,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			class: "tpl:group tpl:relative tpl:inline-block",
+			style: D(u.value),
+			onClick: r[0] ||= E(() => {}, ["prevent"])
+		}, [k("img", {
+			class: "tpl:w-full tpl:border-0",
+			src: c.value,
+			alt: e.block.alt,
+			style: D(d.value)
+		}, null, 12, ua), g(ia, { "hover-effect": "" })], 12, la)) : (s(), x("div", {
+			key: 1,
+			class: "tpl:relative tpl:inline-block",
+			style: D(u.value)
+		}, [k("img", {
+			class: "tpl:w-full tpl:border-0",
+			src: c.value,
+			alt: e.block.alt,
+			style: D(d.value)
+		}, null, 12, da), g(ia)], 4))], 64)) : (s(), x("div", fa, [g(h($t), {
+			size: 40,
+			"stroke-width": 1.5,
+			class: "tpl:text-[var(--tpl-border-light)]"
+		}), k("span", null, F(h(n).video.addVideo), 1)]))], 4));
+	}
+}), ma = {
+	section: Vi,
+	title: Li,
+	paragraph: vi,
+	image: ai,
+	button: lr,
+	divider: Br,
+	video: pa,
+	social: Ji,
+	menu: li,
+	table: ra,
+	spacer: Zi,
+	html: Kr,
+	countdown: L(() => import("./CountdownBlock-DdC8Lg5F.js"))
+};
+function ha(e) {
+	let { editor: n, config: r, translations: i, fontsManager: a } = e, { t: s, format: u } = X(i), d = b(() => U(U(U(Ln(i), nr(n.content.value.settings?.locale)), se(n.content.value.settings) === "rtl" ? {
+		title: { textAlign: "right" },
+		table: { textAlign: "right" }
+	} : {}), r.blockDefaults ?? {}));
+	n.setUiTheme(r.uiTheme ?? "auto");
+	let { resolvedTheme: f } = Tn(b(() => n.state.uiTheme)), p = l(r.theme ?? {}), { themeStyles: h } = Dn({
+		themeOverrides: p,
+		resolvedTheme: f,
+		extraStyles: () => ({
+			"--tpl-drop-text": `"${i.canvas.dropHere}"`,
+			...e.themeExtraStyles?.()
+		})
+	}), g = Me({
+		content: n.content,
+		setContent: (e, t) => n.setContent(e, t),
+		...e.historyOptions
+	});
+	Ie(n, g);
+	let _ = Ve({
+		addBlock: n.addBlock,
+		removeBlock: n.removeBlock,
+		updateBlock: n.updateBlock,
+		selectBlock: n.selectBlock,
+		findBlockLocation: n.findBlockLocation,
+		blockDefaults: () => d.value
+	}), v = Ne(n), x = e.autoSaveOptions !== null && e.autoSaveOptions !== void 0 ? Be({
+		content: n.content,
+		isDirty: () => n.state.isDirty,
+		...e.autoSaveOptions
+	}) : null, S = null;
+	x && (S = t(g.isNavigating, (e) => {
+		e ? x.pause() : x.resume();
+	}));
+	let C = wn(n, {
+		t: s,
+		format: u
+	}, r.customBlocks ?? []), w = Lt(r.colors);
+	if (w.allowCustomIgnored && Z.warn("config.colors.allowCustom: false is ignored without presets — keeping the color wheel and hex input so a color can still be chosen."), w.invalidPresets.length > 0 && Z.warn(`config.colors.presets skipped invalid entries: ${w.invalidPresets.join(", ")} — presets must be hex colors (#rgb or #rrggbb).`), w.allowCustom === !1) {
+		let e = In(w.presets, r.blockDefaults, r.templateDefaults);
+		e.length > 0 && Z.warn(`config.colors locks custom colours, but these block/template default colours fall outside colors.presets: ${e.join(", ")}. New blocks start on a colour the palette can't reselect — set blockDefaults / templateDefaults from the same palette.`);
+	}
+	let T = Bt(r.templateSettings);
+	for (let e of T.unknown) Z.warn(`config.templateSettings.fields: "${e}" is not a template setting (expected one of ${Vt.join(", ")}) — skipping it.`);
+	let E = On();
+	Nn(E, ma);
+	let D = /* @__PURE__ */ new Set();
+	function O(e) {
+		for (let t of e) {
+			E.registerCustom(t, Rr);
+			for (let e of rr(t, w)) D.has(e.id) || (D.add(e.id), Z.warn(e.message));
+		}
+	}
+	r.customBlocks?.length && O(r.customBlocks);
+	let k = hn();
+	if (o() && m(k.dispose), e.containerEl) {
+		let t = e.containerEl;
+		G(document, "pointerdown", (e) => {
+			let n = t.value;
+			n && (e.composedPath?.() ?? []).includes(n) && k.claim();
+		}, { capture: !0 });
+	}
+	function A() {
+		let t = e.capabilities?.templates;
+		if (t) {
+			t.save();
+			return;
+		}
+		x?.flush();
+	}
+	function j(t) {
+		k.isActive() && ar(t, {
+			history: g,
+			selectBlock: (e) => n.selectBlock(e),
+			getSelectedBlockId: () => n.state.selectedBlockId,
+			removeBlock: (e) => n.removeBlock(e),
+			onSave: A,
+			onBeforeUndo: e.keyboardOptions?.onBeforeUndo,
+			isPicking: () => e.capabilities?.savedBlocks?.isPicking.value === !0,
+			onConfirmPick: () => e.capabilities?.savedBlocks?.confirmPicking(),
+			onCancelPick: () => e.capabilities?.savedBlocks?.cancelPicking()
+		});
+	}
+	G(document, "keydown", j);
+	let M = l(null);
+	c(mt, e.editorRoot ?? document), c(Ft, M), c(Ot, i), c(Y, n), c(Pt, g), c(ht, _), c(yt, v), c(jt, a), c(nt, h), c(ft, f), c(Et, d), c(tt, r.locale), c(At, E), c(Dt, r.customBlocks ?? []), c(st, r.paletteBlocks), c(gt, Pn(r.htmlBlockPreview)), c(vt, w), c($e, T.fields), c(wt, kn(n.content, E));
+	let N = _e(r.mergeTags?.syntax), P = y(r.mergeTags?.tags ?? []);
+	function F(e) {
+		if (!Array.isArray(e)) {
+			Z.warn(`setMergeTags() expects an array of merge tags, received ${typeof e} — ignoring.`);
+			return;
+		}
+		P.value = e;
+	}
+	c(K, P), c(at, N), c(rt, r.mergeTags?.onRequest ?? null), c(ot, r.mergeTags?.autocomplete !== !1), c(it, r.mergeTags?.showRawValue !== !1);
+	let I = l(ke(r.mergeTags?.tags ?? []));
+	c(xt, I);
+	let L = _n({
+		resolvePreview: r.resolvePreview,
+		getContent: () => n.content.value,
+		isActive: () => n.state.previewMode
+	});
+	c(Ye, L), c(ut, r.resolvePreview);
+	let R = b(() => !(n.state.previewMode && L.isConfigured));
+	c(kt, R);
+	let z = bn();
+	c(St, z), c(Je, l(!1)), c(Ze, l(!1)), c(Mt, r.logicTags?.tags ?? []), c(Xe, r.logicTags?.pairs ?? []), c(Qe, r.logicTags?.onRequest ?? null), c(lt, xn()), c(et, r.onRequestMedia ?? null), c(_t, r.canDropMedia ?? null), c(Nt, r.resolveImageUrl ? vn(r.resolveImageUrl) : null), c(bt, r.displayConditions?.conditions ?? []), c(Tt, r.displayConditions?.allowCustom ?? !1), c(Ct, e.capabilities ?? {}), c(ct, C);
+	let B = Sn(r.lint) ? null : Cn({
+		content: n.content,
+		options: r.lint ?? {},
+		updateBlock: n.updateBlock,
+		updateSettings: n.updateSettings,
+		removeBlock: n.removeBlock
+	});
+	c(dt, B);
+	function V() {
+		S?.(), B?.destroy(), x?.destroy(), g.destroy();
+	}
+	return {
+		t: s,
+		format: u,
+		history: g,
+		blockActions: _,
+		conditionPreview: v,
+		autoSave: x,
+		resolvedTheme: f,
+		themeStyles: h,
+		themeOverrides: p,
+		registry: E,
+		keyboardReorder: C,
+		templateLint: B,
+		popoverRoot: M,
+		mergeTagSampleMode: I,
+		previewResolution: L,
+		appliesConditionFilter: R,
+		registerCustomBlocks: O,
+		setMergeTags: F,
+		destroy: V
+	};
+}
+//#endregion
+export { Xn as A, mr as C, $n as D, Gn as E, Jn as M, _n as N, Qn as O, hr as S, lr as T, Rr as _, Ji as a, Tr as b, Fi as c, bi as d, vi as f, Br as g, Kr as h, Zi as i, Yn as j, Zn as k, xi as l, ai as m, pa as n, Vi as o, li as p, ra as r, Li as s, ha as t, yi as u, kr as v, fr as w, br as x, Dr as y };
+
+//# sourceMappingURL=useEditorCore-BHmIp1hW.js.map