@templatical/editor 0.21.0 → 0.21.2

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

@@ -0,0 +1,3019 @@
+import { $ as e, A as t, C as n, F as r, G as i, H as a, J as o, K as s, L as c, M as l, N as u, O as d, P as f, T as p, U as m, V as h, X as g, Y as _, Z as v, at as y, b, c as x, ct as S, f as C, g as w, h as T, it as E, k as D, l as O, m as k, nt as A, ot as j, p as M, rt as N, s as P, st as F, t as ee, u as I, v as L, x as R, y as z, z as B } from "./draggable-D840DIZB.js";
+import "./timeouts-Bmi_yePw.js";
+import { A as V, C as te, D as ne, E as re, F as ie, J as ae, M as oe, N as se, O as ce, S as le, T as ue, _ as de, a as fe, b as pe, c as me, d as he, f as ge, g as _e, h as ve, i as ye, j as be, k as xe, l as Se, n as Ce, p as we, q as Te, r as H, s as Ee, t as De, u as Oe, v as ke, w as Ae, x as je, y as Me } from "./src-BKI1x1k7.js";
+import { _ as Ne, h as Pe, v as Fe, y as Ie } from "./dist-CiBEt0VR.js";
+import { a as U, c as Le, i as Re, r as ze } from "./dist-CxTt8FRE.js";
+import { A as Be, B as Ve, C as He, D as Ue, E as We, I as Ge, L as Ke, M as qe, N as Je, O as Ye, R as Xe, S as Ze, T as Qe, _ as $e, a as et, b as tt, d as nt, f as rt, g as it, h as W, i as at, j as ot, k as st, l as ct, m as lt, n as ut, o as dt, p as ft, s as pt, v as mt, w as ht, x as gt, y as _t, z as vt } from "./keys-D7kUmfpE.js";
+import { t as G } from "./useI18n-8Wd7G-cq.js";
+import { a as yt, i as bt, o as xt, r as K, t as St } from "./usePopoverPosition-Bx0QewTv.js";
+import { Ct, Et as wt, Lt as Tt, Rt as Et, V as Dt, Y as Ot, _t as kt, d as At, dt as jt, et as Mt, g as Nt, k as Pt, mt as Ft, o as It, rt as Lt, s as Rt, u as zt, wt as Bt } from "./icons-CYWw8Xfp.js";
+import { t as Vt } from "./LoadingTrack-D-CW2tUa.js";
+import { t as Ht } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import "./useCloudI18n-BjNENqkM.js";
+import { t as q } from "./useMergeTag-C7G31KV-.js";
+import { t as Ut } from "./useAliveFlag-aanU8uqB.js";
+//#region ../core/src/editor.ts
+function Wt(e) {
+	return e === "1" ? 1 : e === "3" ? 3 : 2;
+}
+function Gt(e) {
+	let t = _({
+		content: e.content ?? be(e.defaultFontFamily, e.templateDefaults),
+		selectedBlockId: null,
+		viewport: "desktop",
+		darkMode: !1,
+		previewMode: !1,
+		isDirty: !1,
+		uiTheme: "auto"
+	}), n = m({
+		get: () => t.content,
+		set: (e) => {
+			t.content = e, t.isDirty = !0;
+		}
+	}), r = m(() => t.selectedBlockId ? i(t.content.blocks, t.selectedBlockId) : null);
+	function i(e, t) {
+		for (let n of e) {
+			if (n.id === t) return n;
+			if (n.type === "section") for (let e of n.children) {
+				let n = i(e, t);
+				if (n) return n;
+			}
+		}
+		return null;
+	}
+	function a(e, t) {
+		if (t.add(e.id), e.type === "section") for (let n of e.children) for (let e of n) a(e, t);
+	}
+	function o(e, t, n = { blocks: e }) {
+		for (let r = 0; r < e.length; r++) {
+			let i = e[r];
+			if (i.id === t) return n;
+			if (i.type === "section") for (let e = 0; e < i.children.length; e++) {
+				let n = o(i.children[e], t, {
+					blocks: i.children[e],
+					sectionId: i.id,
+					columnIndex: e
+				});
+				if (n) return n;
+			}
+		}
+		return null;
+	}
+	function s(t) {
+		return e.lockedBlocks?.value.has(t) ?? !1;
+	}
+	function c(e) {
+		let n = o(t.content.blocks, e);
+		if (!n) return null;
+		let r = n.blocks.findIndex((t) => t.id === e);
+		return r === -1 ? null : {
+			targetSectionId: n.sectionId,
+			columnIndex: n.columnIndex,
+			index: r
+		};
+	}
+	function l(e, n = !0) {
+		t.content = e, n && (t.isDirty = !0);
+	}
+	function u(e) {
+		e && s(e) || (t.selectedBlockId = e);
+	}
+	function d(e) {
+		t.viewport = e;
+	}
+	function f(e) {
+		t.darkMode = e;
+	}
+	function p(e) {
+		t.uiTheme = e;
+	}
+	function h(e) {
+		t.previewMode = e, e && (t.selectedBlockId = null);
+	}
+	function v(e, n) {
+		if (s(e)) return;
+		let r = i(t.content.blocks, e);
+		r && (Object.assign(r, n), t.isDirty = !0);
+	}
+	function y(e) {
+		t.content.settings = {
+			...t.content.settings,
+			...e
+		}, t.isDirty = !0;
+	}
+	function b(e, n, r = 0, a) {
+		if (!(n && e.type === "section")) {
+			if (n) {
+				if (s(n)) return;
+				let o = i(t.content.blocks, n);
+				if (o && o.type === "section") {
+					if (r < 0 || r >= Wt(o.columns)) return;
+					o.children[r] = o.children[r] || [];
+					let t = o.children[r];
+					a !== void 0 && a < t.length ? t.splice(a, 0, e) : t.push(e);
+				}
+			} else a !== void 0 && a < t.content.blocks.length ? t.content.blocks.splice(a, 0, e) : t.content.blocks.push(e);
+			t.isDirty = !0;
+		}
+	}
+	function x(e) {
+		if (s(e)) return;
+		let n = o(t.content.blocks, e);
+		if (n) {
+			let r = n.blocks.findIndex((t) => t.id === e);
+			if (r !== -1) {
+				let [e] = n.blocks.splice(r, 1);
+				if (t.selectedBlockId) {
+					let n = /* @__PURE__ */ new Set();
+					a(e, n), n.has(t.selectedBlockId) && (t.selectedBlockId = null);
+				}
+				t.isDirty = !0;
+			}
+		}
+	}
+	function S(e, n, r, a = 0) {
+		if (s(e) || r && s(r)) return;
+		let c = o(t.content.blocks, e);
+		if (!c) return;
+		let l = c.blocks.findIndex((t) => t.id === e);
+		if (l === -1 || r && c.blocks[l].type === "section") return;
+		let u;
+		if (r) {
+			let e = i(t.content.blocks, r);
+			if (!e || e.type !== "section" || a < 0 || a >= Wt(e.columns)) return;
+			e.children[a] = e.children[a] || [], u = e.children[a];
+		} else u = t.content.blocks;
+		let [d] = c.blocks.splice(l, 1);
+		u.splice(n, 0, d), t.isDirty = !0;
+	}
+	function C() {
+		t.isDirty = !0;
+	}
+	return {
+		state: g(t),
+		content: n,
+		selectedBlock: r,
+		isBlockLocked: s,
+		setContent: l,
+		selectBlock: u,
+		setViewport: d,
+		setDarkMode: f,
+		setUiTheme: p,
+		setPreviewMode: h,
+		updateBlock: v,
+		updateSettings: y,
+		addBlock: b,
+		removeBlock: x,
+		moveBlock: S,
+		markDirty: C,
+		findBlockLocation: c
+	};
+}
+//#endregion
+//#region ../core/src/history.ts
+var Kt = 50, qt = 300, Jt = 1500;
+function Yt(e) {
+	let { content: t, setContent: n, isRemoteOperation: r, maxSize: i = Kt } = e, a = v([]), o = v([]), s = v(!1), c = null, l = null, u = m(() => a.value.length > 0), d = m(() => o.value.length > 0);
+	function f() {
+		return we(t.value);
+	}
+	function p(e) {
+		a.value.push(e), a.value.length > i && a.value.splice(0, a.value.length - i);
+	}
+	function h() {
+		l &&= (clearTimeout(l.timeoutId), null);
+	}
+	function g() {
+		r?.() || (h(), p(f()), o.value = []);
+	}
+	function _(e) {
+		if (!r?.()) {
+			if (l && l.blockId === e) {
+				clearTimeout(l.timeoutId), l.timeoutId = setTimeout(() => {
+					l = null;
+				}, qt);
+				return;
+			}
+			h(), p(f()), o.value = [], l = {
+				blockId: e,
+				timeoutId: setTimeout(() => {
+					l = null;
+				}, qt)
+			};
+		}
+	}
+	function y() {
+		s.value = !0, c && clearTimeout(c), c = setTimeout(() => {
+			s.value = !1, c = null;
+		}, Jt);
+	}
+	function b() {
+		if (a.value.length === 0) return;
+		h();
+		let e = a.value.pop();
+		o.value.push(f()), n(e, !0), y();
+	}
+	function x() {
+		if (o.value.length === 0) return;
+		h();
+		let e = o.value.pop();
+		a.value.push(f()), n(e, !0), y();
+	}
+	function S() {
+		a.value = [], o.value = [], h();
+	}
+	function C() {
+		S(), c &&= (clearTimeout(c), null);
+	}
+	return {
+		canUndo: u,
+		canRedo: d,
+		isNavigating: s,
+		undo: b,
+		redo: x,
+		record: g,
+		recordDebounced: _,
+		clear: S,
+		destroy: C
+	};
+}
+//#endregion
+//#region ../core/src/block-actions.ts
+function Xt(e) {
+	e.type === "table" ? e.rows = e.rows.map((e) => ({
+		...e,
+		id: V(),
+		cells: e.cells.map((e) => ({
+			...e,
+			id: V()
+		}))
+	})) : e.type === "social" ? e.icons = e.icons.map((e) => ({
+		...e,
+		id: V()
+	})) : e.type === "menu" && (e.items = e.items.map((e) => ({
+		...e,
+		id: V()
+	})));
+}
+function Zt(e) {
+	let { addBlock: t, removeBlock: n, updateBlock: r, selectBlock: i, findBlockLocation: a } = e;
+	function o(n, r, a) {
+		let o = ve(n, e.blockDefaults);
+		return t(o, r, a), i(o.id), o;
+	}
+	function s(e, n, r) {
+		let o = JSON.parse(JSON.stringify(e));
+		if (o.id = V(), Xt(o), o.type === "section" && (o.children = o.children.map((e) => e.map((e) => {
+			let t = JSON.parse(JSON.stringify(e));
+			return t.id = V(), Xt(t), t;
+		}))), n !== void 0 || r !== void 0) t(o, n, r);
+		else {
+			let i = a?.(e.id) ?? null;
+			i ? t(o, i.targetSectionId, i.columnIndex, i.index + 1) : t(o, n, r);
+		}
+		return i(o.id), o;
+	}
+	function c(e) {
+		n(e);
+	}
+	function l(e, t, n) {
+		r(e, { [t]: n });
+	}
+	return {
+		createAndAddBlock: o,
+		duplicateBlock: s,
+		deleteBlock: c,
+		updateBlockProperty: l
+	};
+}
+//#endregion
+//#region ../core/src/auto-save.ts
+function Qt(e) {
+	let { content: t, isDirty: n, onChange: r, debounce: i = 1e3, enabled: a = !0 } = e, o = null, s = !1;
+	function c() {
+		return typeof a == "function" ? a() : a;
+	}
+	function l() {
+		s = !0, d();
+	}
+	function u() {
+		s = !1;
+	}
+	function d() {
+		o &&= (clearTimeout(o), null);
+	}
+	function f() {
+		d(), n() && r(JSON.parse(JSON.stringify(t.value)));
+	}
+	function p() {
+		!c() || s || (d(), o = setTimeout(() => {
+			o = null, c() && !s && n() && r(JSON.parse(JSON.stringify(t.value)));
+		}, i));
+	}
+	let m = y(t, () => {
+		c() && !s && n() && p();
+	}, { deep: !0 });
+	function h() {
+		m(), d();
+	}
+	return {
+		flush: f,
+		cancel: d,
+		pause: l,
+		resume: u,
+		destroy: h
+	};
+}
+//#endregion
+//#region ../core/src/condition-preview.ts
+function $t(e) {
+	let t = _(/* @__PURE__ */ new Set()), n = m(() => t.size > 0);
+	function r(e) {
+		return t.has(e);
+	}
+	function i(n) {
+		t.has(n) ? t.delete(n) : (t.add(n), e.state.selectedBlockId === n && e.selectBlock(null));
+	}
+	function a() {
+		t.clear();
+	}
+	return {
+		isHidden: r,
+		toggleBlock: i,
+		reset: a,
+		hasHiddenBlocks: n
+	};
+}
+//#endregion
+//#region ../core/src/data-source-fetch.ts
+function en(e) {
+	let t = v(!1), n = v(!1), r = m(() => !!e.definition.value?.dataSource), i = m(() => r.value && !e.block.value.dataSourceFetched);
+	async function a() {
+		let r = e.definition.value;
+		if (r?.dataSource) {
+			t.value = !0, n.value = !1;
+			try {
+				let t = await r.dataSource.onFetch({
+					fieldValues: { ...e.block.value.fieldValues },
+					blockId: e.block.value.id
+				});
+				if (t == null) return;
+				let n = { ...e.block.value.fieldValues };
+				for (let e of Object.keys(n)) e in t && (n[e] = t[e]);
+				e.onUpdate(n, !0);
+			} catch (e) {
+				console.warn("[Templatical] Data source fetch error:", e), n.value = !0;
+			} finally {
+				t.value = !1;
+			}
+		}
+	}
+	return {
+		isFetching: t,
+		fetchError: n,
+		fetch: a,
+		hasDataSource: r,
+		needsFetch: i
+	};
+}
+//#endregion
+//#region ../core/src/history-interceptor.ts
+function tn(e, t) {
+	let n = e.addBlock, r = e.removeBlock, i = e.moveBlock, a = e.updateBlock, o = e.updateSettings;
+	e.addBlock = (r, i, a, o) => {
+		i && e.isBlockLocked(i) || (t.record(), n(r, i, a, o));
+	}, e.removeBlock = (n) => {
+		e.isBlockLocked(n) || (t.record(), r(n));
+	}, e.moveBlock = (n, r, a, o) => {
+		e.isBlockLocked(n) || a && e.isBlockLocked(a) || (t.record(), i(n, r, a, o));
+	}, e.updateBlock = (n, r) => {
+		e.isBlockLocked(n) || (t.recordDebounced(n), a(n, r));
+	}, e.updateSettings = (e) => {
+		t.record(), o(e);
+	};
+}
+//#endregion
+//#region ../core/src/saved-blocks.ts
+function nn(e) {
+	let { provider: t } = e, n = v([]), r = v(!1), i = C(() => {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of n.value) {
+			let n = t.category?.trim();
+			n && e.add(n);
+		}
+		return [...e].sort((e, t) => e.localeCompare(t));
+	}), a = C(() => typeof t.create == "function"), o = C(() => typeof t.update == "function"), s = C(() => typeof t.delete == "function");
+	function c(e) {
+		return o.value && e.canUpdate !== !1;
+	}
+	function l(e) {
+		return s.value && e.canDelete !== !1;
+	}
+	function u(e, t) {
+		throw new De(`[Templatical] Saved blocks: ${e} is ${t}. Check the capability before calling — the editor's own UI hides the action.`);
+	}
+	async function d(i) {
+		r.value = !0;
+		try {
+			n.value = await t.list(i);
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			r.value = !1;
+		}
+	}
+	async function f(r, i, a) {
+		let { create: o } = t;
+		typeof o != "function" && u("create", "disabled by the provider");
+		try {
+			let e = await o(a ? {
+				name: r,
+				content: i,
+				category: a
+			} : {
+				name: r,
+				content: i
+			});
+			return n.value = [e, ...n.value], e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function p(r, i) {
+		let { update: a } = t;
+		typeof a != "function" && u("update", "disabled by the provider");
+		let o = n.value.find((e) => e.id === r);
+		o && o.canUpdate === !1 && u("update", `not permitted for entry "${r}"`);
+		try {
+			let e = await a(r, i);
+			return n.value = n.value.map((t) => t.id === r ? e : t), e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function m(r) {
+		let { delete: i } = t;
+		typeof i != "function" && u("delete", "disabled by the provider");
+		let a = n.value.find((e) => e.id === r);
+		a && a.canDelete === !1 && u("delete", `not permitted for entry "${r}"`);
+		try {
+			await i(r), n.value = n.value.filter((e) => e.id !== r);
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	return {
+		savedBlocks: n,
+		isLoading: r,
+		categories: i,
+		canCreate: a,
+		canUpdate: o,
+		canDelete: s,
+		canUpdateBlock: c,
+		canDeleteBlock: l,
+		load: d,
+		create: f,
+		update: p,
+		remove: m
+	};
+}
+//#endregion
+//#region ../core/src/saved-blocks-local.ts
+var rn = "templatical:saved-blocks";
+function an(e = {}) {
+	let t = e.key ?? rn;
+	function n() {
+		if (typeof localStorage > "u") throw Error("[Templatical] createLocalStorageSavedBlocksProvider requires a browser environment with localStorage. Supply your own SavedBlocksProvider for server-side or non-browser use.");
+		return localStorage;
+	}
+	function r() {
+		let e = n().getItem(t);
+		if (!e) return [];
+		try {
+			let t = JSON.parse(e);
+			return Array.isArray(t) ? t : [];
+		} catch {
+			return [];
+		}
+	}
+	function i(e) {
+		n().setItem(t, JSON.stringify(e));
+	}
+	return {
+		async list(e) {
+			let t = r(), n = e?.search?.trim().toLowerCase(), i = e?.category?.trim();
+			return t.filter((e) => !(n && !e.name.toLowerCase().includes(n) || i && e.category !== i));
+		},
+		async create(e) {
+			let t = (/* @__PURE__ */ new Date()).toISOString(), n = {
+				id: V(),
+				name: e.name,
+				content: e.content,
+				...e.category ? { category: e.category } : {},
+				createdAt: t,
+				updatedAt: t
+			};
+			return i([n, ...r()]), n;
+		},
+		async update(e, t) {
+			let n = r(), a = n.findIndex((t) => t.id === e);
+			if (a === -1) throw Error(`[Templatical] Saved block not found: ${e}`);
+			let o = {
+				...n[a],
+				...t,
+				updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+			}, s = [...n];
+			return s[a] = o, i(s), o;
+		},
+		async delete(e) {
+			let t = r();
+			if (!t.some((t) => t.id === e)) throw Error(`[Templatical] Saved block not found: ${e}`);
+			i(t.filter((t) => t.id !== e));
+		}
+	};
+}
+//#endregion
+//#region src/utils/activeEditorTracker.ts
+var J = /* @__PURE__ */ new Set(), Y = 0, on = 0;
+function sn() {
+	let e = ++on;
+	return J.add(e), Y === 0 && (Y = e), {
+		id: e,
+		isActive: () => J.size <= 1 || Y === e,
+		claim: () => {
+			Y = e;
+		},
+		dispose: () => {
+			if (J.delete(e), Y === e) {
+				let e = Array.from(J);
+				Y = e[e.length - 1] ?? 0;
+			}
+		}
+	};
+}
+//#endregion
+//#region src/composables/useImageUrlResolver.ts
+function cn(e) {
+	let t = _(/* @__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 X(e) {
+	let t = p(tt, null), n = C(e);
+	if (!t) return n;
+	let r;
+	function a() {
+		r !== void 0 && (clearTimeout(r), r = void 0);
+	}
+	i() && o(a);
+	let s = !0;
+	return B(n, (e) => {
+		a();
+		let n = s;
+		if (s = !1, !(!e || t.has(e))) {
+			if (n) {
+				t.lookup(e);
+				return;
+			}
+			r = setTimeout(() => {
+				r = void 0, t.lookup(e);
+			}, 300);
+		}
+	}, { immediate: !0 }), C(() => {
+		let e = n.value;
+		if (!e) return e;
+		let r = t.get(e);
+		return typeof r == "string" && r.length > 0 ? r : e;
+	});
+}
+//#endregion
+//#region src/composables/useMergeTagPicker.ts
+function ln() {
+	let e = v(!1), t = v([]), n = null;
+	function r(r) {
+		if (n) {
+			let e = n;
+			n = null, e(null);
+		}
+		return t.value = r, e.value = !0, new Promise((e) => {
+			n = e;
+		});
+	}
+	function a(r) {
+		let i = n;
+		n = null, e.value = !1, t.value = [], i && i(r);
+	}
+	return i() && o(() => {
+		if (n) {
+			let e = n;
+			n = null, e(null);
+		}
+		e.value = !1, t.value = [];
+	}), {
+		isOpen: e,
+		tags: t,
+		open: r,
+		resolve: a
+	};
+}
+//#endregion
+//#region src/composables/useLogicTagPicker.ts
+function un() {
+	let e = v(!1), t = v([]), n = v([]), r = null;
+	function a(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 s(i) {
+		let a = r;
+		r = null, e.value = !1, t.value = [], n.value = [], a && a(i);
+	}
+	return i() && o(() => {
+		if (r) {
+			let e = r;
+			r = null, e(null);
+		}
+		e.value = !1, t.value = [], n.value = [];
+	}), {
+		isOpen: e,
+		tags: t,
+		pairs: n,
+		open: a,
+		resolve: s
+	};
+}
+//#endregion
+//#region src/composables/useTemplateLint.ts
+function dn(e) {
+	return e ? e.disabled === !0 || e.accessibility === !1 && e.structure === !1 && e.links === !1 : !1;
+}
+function fn(t) {
+	let n = v([]), r = v(!1), i = v(!1), a = e(null), o = dn(t.options), s = null, c = !1;
+	o || l();
+	async function l() {
+		try {
+			let e = await import("./src-CM0gCvAS.js");
+			if (c) return;
+			a.value = { lintTemplate: e.lintTemplate }, r.value = !0, u(), s = Ie(t.content, u, {
+				debounce: t.debounce ?? 500,
+				deep: !0
+			});
+		} catch {
+			if (c) return;
+			i.value = !0;
+		}
+	}
+	function u() {
+		a.value && (n.value = a.value.lintTemplate(t.content.value, t.options));
+	}
+	let d = B(() => t.options, () => {
+		a.value && u();
+	}, { deep: !0 });
+	function f(e) {
+		e.fix && e.fix.apply({
+			updateBlock: t.updateBlock,
+			updateSettings: t.updateSettings,
+			removeBlock: t.removeBlock
+		});
+	}
+	function p() {
+		c = !0, s?.(), d();
+	}
+	return {
+		issues: n,
+		ready: r,
+		unavailable: i,
+		applyFix: f,
+		destroy: p
+	};
+}
+//#endregion
+//#region src/utils/blockTypeLabels.ts
+function pn(e, t) {
+	return t.blocks[e] ?? e;
+}
+function mn(e, t, n = []) {
+	if (e.type !== "custom") return pn(e.type, t);
+	let { customType: r } = e;
+	return n.find((e) => e.type === r)?.name ?? r;
+}
+//#endregion
+//#region src/composables/useKeyboardReorder.ts
+function hn(e, t, n = []) {
+	let r = v(null), i = v(""), 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 ? mn(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 l(e) {
+		i.value = "", queueMicrotask(() => {
+			i.value = e;
+		});
+	}
+	function u(e) {
+		return r.value === e;
+	}
+	function d(e) {
+		let n = o(e);
+		n && (r.value = e, a = n, l(t.format(t.t.blockActions.lifted, {
+			block: s(e),
+			position: String(n.index + 1),
+			total: String(n.total)
+		})));
+	}
+	function f(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), l(t.format(t.t.blockActions.moved, {
+			block: s(n),
+			position: String(a + 1),
+			total: String(i.total)
+		})));
+	}
+	function p(e) {
+		f(e, -1);
+	}
+	function m(e) {
+		f(e, 1);
+	}
+	function h(e) {
+		let n = o(e);
+		n && l(t.format(t.t.blockActions.dropped, {
+			block: s(e),
+			position: String(n.index + 1),
+			total: String(n.total)
+		})), r.value = null, a = null;
+	}
+	function g() {
+		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), l(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: u,
+		lift: d,
+		cancel: g,
+		moveUp: p,
+		moveDown: m,
+		drop: h
+	};
+}
+//#endregion
+//#region src/composables/useUiTheme.ts
+function gn(e) {
+	let t = Le("(prefers-color-scheme: dark)");
+	return { resolvedTheme: C(() => e.value === "auto" ? t.value ? "dark" : "light" : e.value) };
+}
+//#endregion
+//#region src/composables/useThemeStyles.ts
+var _n = {
+	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 vn({ themeOverrides: e, resolvedTheme: t, extraStyles: n }) {
+	return { themeStyles: C(() => {
+		let r = {}, i = e.value, a = t.value === "dark" ? i.dark : i;
+		if (a) for (let [e, t] of Object.entries(_n)) {
+			let n = a[e];
+			n && (r[t] = n);
+		}
+		return n && Object.assign(r, n()), r;
+	}) };
+}
+//#endregion
+//#region src/utils/logger.ts
+var Z = "[Templatical]";
+function yn() {
+	return typeof process < "u" && !0;
+}
+var Q = {
+	warn(...e) {
+		console.warn(Z, ...e);
+	},
+	error(...e) {
+		console.error(Z, ...e);
+	},
+	debug(...e) {
+		yn() || console.debug(Z, ...e);
+	},
+	info(...e) {
+		yn() || console.info(Z, ...e);
+	}
+};
+//#endregion
+//#region src/composables/useBlockRegistry.ts
+function bn() {
+	let t = e(/* @__PURE__ */ new Map());
+	function n(e, n) {
+		t.value.set(e, n), N(t);
+	}
+	function r(e, n) {
+		let r = `custom:${e.type}`;
+		t.value.set(r, {
+			component: n,
+			createBlock: () => ke(e),
+			definition: e
+		}), N(t);
+	}
+	function i(e) {
+		if (e.type === "custom") {
+			let n = `custom:${e.customType}`;
+			return t.value.get(n)?.component;
+		}
+		return t.value.get(e.type)?.component;
+	}
+	function a(e) {
+		return t.value.get(e)?.createBlock();
+	}
+	function o(e) {
+		let n = `custom:${e}`;
+		return t.value.get(n)?.definition;
+	}
+	function s(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 c(e) {
+		let t = o(e.customType);
+		if (!t) return s("Block definition not found");
+		try {
+			let { Liquid: n } = await import("./liquid.browser-BJOEu6Cg.js");
+			return await new n({
+				strictVariables: !1,
+				strictFilters: !1
+			}).parseAndRender(t.template, e.fieldValues);
+		} catch (t) {
+			return Q.error(`Failed to render custom block "${e.customType}":`, t), s(`Render error: ${e.customType}`);
+		}
+	}
+	function l(e) {
+		return t.value.has(e);
+	}
+	return {
+		registerBuiltIn: n,
+		registerCustom: r,
+		getComponent: i,
+		createBlock: a,
+		getDefinition: o,
+		renderCustomBlock: c,
+		isRegistered: l
+	};
+}
+//#endregion
+//#region src/composables/useCustomBlockStylesheets.ts
+function xn(e, t) {
+	return C(() => {
+		let n = Sn(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 Sn(e) {
+	let t = /* @__PURE__ */ new Set();
+	return Cn(e, t), t;
+}
+function Cn(e, t) {
+	for (let n of e) {
+		if (ie(n)) {
+			t.add(n.customType);
+			continue;
+		}
+		if (n.type === "section") {
+			let e = n.children;
+			if (!e) continue;
+			for (let n of e) Cn(n, t);
+		}
+	}
+}
+//#endregion
+//#region src/utils/registerBuiltInBlocks.ts
+var wn = [
+	{
+		type: "section",
+		createBlock: Ae
+	},
+	{
+		type: "title",
+		createBlock: ce
+	},
+	{
+		type: "paragraph",
+		createBlock: te
+	},
+	{
+		type: "image",
+		createBlock: je
+	},
+	{
+		type: "button",
+		createBlock: _e
+	},
+	{
+		type: "divider",
+		createBlock: Me
+	},
+	{
+		type: "video",
+		createBlock: xe
+	},
+	{
+		type: "social",
+		createBlock: ue
+	},
+	{
+		type: "menu",
+		createBlock: le
+	},
+	{
+		type: "table",
+		createBlock: ne
+	},
+	{
+		type: "spacer",
+		createBlock: re
+	},
+	{
+		type: "html",
+		createBlock: pe
+	},
+	{
+		type: "countdown",
+		createBlock: de
+	}
+];
+function Tn(e, t) {
+	for (let n of wn) {
+		let r = t[n.type];
+		r && e.registerBuiltIn(n.type, {
+			component: r,
+			createBlock: n.createBlock
+		});
+	}
+}
+//#endregion
+//#region src/utils/resolveHtmlBlockPreview.ts
+function En(e) {
+	return typeof e == "boolean" ? e : e?.enabled ?? !1;
+}
+//#endregion
+//#region src/utils/collectOffPaletteDefaults.ts
+function Dn(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function On(e, t, n) {
+	let r = new Set(e.map((e) => K(e))), i = [], a = (e, t) => {
+		for (let [n, o] of Object.entries(e)) typeof o == "string" ? o !== "" && /color$/i.test(n) && !r.has(K(o)) && i.push(`${t}.${n}: ${o}`) : Dn(o) && a(o, `${t}.${n}`);
+	}, o = t;
+	for (let [e, t] of Object.entries(oe)) {
+		let n = o?.[e];
+		a({
+			...t,
+			...Dn(n) ? n : {}
+		}, e);
+	}
+	return a({
+		...se,
+		...n ?? {}
+	}, "template"), i;
+}
+//#endregion
+//#region src/utils/resolveFieldColors.ts
+function kn(e, t) {
+	let n = xt({ presets: e.presets }, yt), r = n.presets.length === 0;
+	return {
+		presets: r ? t.presets : n.presets,
+		allowCustom: t.allowCustom === !1 ? !1 : e.allowCustom ?? t.allowCustom,
+		invalidPresets: n.invalidPresets,
+		emptyPresets: e.presets !== void 0 && e.presets.length === 0,
+		presetsInherited: r,
+		allowCustomIgnored: e.allowCustom === !0 && t.allowCustom === !1
+	};
+}
+//#endregion
+//#region src/utils/collectColorFieldIssues.ts
+function An(e, t) {
+	let n = [], r = (r, i) => {
+		let a = kn(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) => K(e)));
+			e !== "" && !t.has(K(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 jn(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 Mn(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 (jn(e)) return;
+		e.preventDefault(), e.shiftKey ? t.history.redo() : (t.onBeforeUndo?.(), t.history.undo());
+		return;
+	}
+	if (t.isPicking?.() && !jn(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() && !jn(e) && (e.preventDefault(), t.history.record(), t.removeBlock(t.getSelectedBlockId()));
+}
+//#endregion
+//#region src/utils/mergeTagLabelSegments.ts
+function Nn(e, t, n) {
+	if (!e) return [];
+	let r = RegExp(`(${n.value.source}|${n.logic.source})`, "g"), i = [], a = 0, o;
+	for (; (o = r.exec(e)) !== null;) {
+		o.index > a && i.push({
+			type: "text",
+			value: e.slice(a, o.index)
+		});
+		let r = o[0];
+		Se(r, n) ? i.push({
+			type: "tag",
+			value: fe(r, t)
+		}) : me(r, n) ? i.push({
+			type: "tag",
+			value: ye(r, n)
+		}) : i.push({
+			type: "text",
+			value: r
+		}), a = o.index + r.length;
+	}
+	return a < e.length && i.push({
+		type: "text",
+		value: e.slice(a)
+	}), i;
+}
+//#endregion
+//#region src/components/MergeTagPreviewText.vue
+var Pn = R({
+	name: "MergeTagPreviewText",
+	props: { text: {
+		type: String,
+		required: !0
+	} },
+	setup(e) {
+		let t = p(Qe, []), r = p(Ye, Ce.liquid), i = C(() => Nn(e.text, t, r));
+		return () => i.value.map((e, t) => e.type === "tag" ? n("span", {
+			key: t,
+			class: "tpl-merge-tag-label"
+		}, e.value) : e.value);
+	}
+}), Fn = { class: "tpl:text-center" }, In = ["href"], Ln = /* @__PURE__ */ R({
+	__name: "ButtonBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, n = C(() => {
+			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;
+		});
+		return (t, r) => (l(), w("div", Fn, [M("a", {
+			href: e.block.url || "#",
+			style: F(n.value),
+			class: "tpl:cursor-default",
+			onClick: r[0] ||= O(() => {}, ["prevent"])
+		}, [z(Pn, { text: e.block.text }, null, 8, ["text"])], 12, In)]));
+	}
+}), Rn = ["innerHTML"], zn = [
+	"src",
+	"width",
+	"height"
+], Bn = /* @__PURE__ */ R({
+	__name: "CustomBlockIcon",
+	props: {
+		icon: {},
+		size: {}
+	},
+	setup(e) {
+		let t = e, n = C(() => t.size ?? 20), r = C(() => t.icon && (t.icon.trimStart().startsWith("<svg") || t.icon.trimStart().startsWith("<SVG"))), i = C(() => t.icon && !r.value && (t.icon.startsWith("http") || t.icon.startsWith("/")));
+		return (t, a) => r.value ? (l(), w("span", {
+			key: 0,
+			class: "tpl:inline-flex tpl:items-center tpl:justify-center",
+			style: F({
+				width: `${n.value}px`,
+				height: `${n.value}px`
+			}),
+			innerHTML: e.icon
+		}, null, 12, Rn)) : i.value ? (l(), w("img", {
+			key: 1,
+			src: e.icon,
+			width: n.value,
+			height: n.value,
+			class: "tpl:inline-block",
+			alt: ""
+		}, null, 8, zn)) : (l(), k(E(Tt), {
+			key: 2,
+			size: n.value,
+			"stroke-width": 1.5
+		}, null, 8, ["size"]));
+	}
+});
+//#endregion
+//#region src/composables/useEditorRoot.ts
+function Vn() {
+	return p(it, document) ?? document;
+}
+//#endregion
+//#region src/composables/useFocusTrap.ts
+var Hn = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function Un(e, t) {
+	let n = Vn(), r = null, i = null, a = null;
+	function s() {
+		return e.value ? Array.from(e.value.querySelectorAll(Hn)).filter((e) => e.offsetParent !== null) : [];
+	}
+	function c(e) {
+		if (e.key !== "Tab") return;
+		let t = s();
+		if (t.length === 0) return;
+		let r = t[0], i = t[t.length - 1];
+		e.shiftKey ? n.activeElement === r && (e.preventDefault(), i.focus()) : n.activeElement === i && (e.preventDefault(), r.focus());
+	}
+	function l() {
+		let t = i !== null || a !== null;
+		t && u({ restoreFocus: !1 }), t || (r = n.activeElement), a = requestAnimationFrame(() => {
+			a = null;
+			let t = s();
+			t.length > 0 && (e.value?.querySelector("[autofocus], input:not([disabled])") ?? t[0]).focus();
+		}), i = U(e, "keydown", c);
+	}
+	function u(e = {}) {
+		let t = e.restoreFocus !== !1;
+		a !== null && (typeof cancelAnimationFrame < "u" && cancelAnimationFrame(a), a = null), i?.(), i = null, t && r && r.focus && (r.focus(), r = null);
+	}
+	let d = B([t, e], ([e, t]) => {
+		e && t ? l() : u();
+	}, { flush: "post" });
+	o(() => {
+		d(), u();
+	});
+}
+//#endregion
+//#region src/composables/useEmoji.ts
+function Wn() {
+	let [t, n] = Fe(!1), r = e([]), i = !1;
+	o(() => {
+		i = !0;
+	}), B(t, 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 s() {
+		t.value = !1;
+	}
+	return {
+		categories: r,
+		isOpen: t,
+		toggle: a,
+		close: s
+	};
+}
+//#endregion
+//#region src/composables/useDragDrop.ts
+function Gn(e) {
+	let { onBlockMove: t, onBlockAdd: n } = e, r = v(!1), i = v(null), a = v(null);
+	function o(e) {
+		r.value = !0, i.value = e;
+	}
+	function s() {
+		r.value = !1, i.value = null, a.value = null;
+	}
+	function c(e) {
+		a.value = e;
+	}
+	function l(e, r, a, o) {
+		i.value && (e.findIndex((e) => e.id === i.value.id) === -1 ? n(i.value, a, o) : t(i.value.id, r, a, o), s());
+	}
+	function u(e, n, i) {
+		return {
+			group: e,
+			animation: 150,
+			ghostClass: "tpl-ghost",
+			dragClass: "tpl-drag",
+			handle: ".tpl-drag-handle",
+			onStart: (e) => {
+				e.item.dataset.blockId && (r.value = !0);
+			},
+			onEnd: () => {
+				s();
+			},
+			onAdd: (e) => {
+				let r = e.item.dataset.blockId;
+				r && t(r, e.newIndex, n, i);
+			},
+			onUpdate: (e) => {
+				let r = e.item.dataset.blockId;
+				r && t(r, e.newIndex, n, i);
+			}
+		};
+	}
+	return {
+		isDragging: r,
+		draggedBlock: i,
+		dropTargetId: a,
+		startDrag: o,
+		endDrag: s,
+		setDropTarget: c,
+		handleDrop: l,
+		getSortableOptions: u
+	};
+}
+//#endregion
+//#region src/composables/useFonts.ts
+var Kn = [
+	{
+		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"
+	}
+], qn = {
+	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"
+}, $ = "Arial, sans-serif";
+function Jn(e) {
+	if (e === void 0 || e === !0) return [...Kn];
+	if (e === !1) return [];
+	let t = [], n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
+	for (let i of e) {
+		let e = i.toLowerCase(), a = Kn.find((t) => t.value.toLowerCase() === e);
+		if (!a) {
+			r.has(e) || (r.add(e), Q.warn(`config.fonts.builtIns: "${i}" is not a built-in font — skipping it. Built-in fonts are: ${Kn.map((e) => e.value).join(", ")}.`));
+			continue;
+		}
+		n.has(a.value) || (n.add(a.value), t.push(a));
+	}
+	return t;
+}
+function Yn(e) {
+	let t = v(e?.customFonts ?? []), n = v(!0), r = v(!1), a = Jn(e?.builtIns), s = C(() => e?.defaultFallback ?? $);
+	function c(e) {
+		n.value = e;
+	}
+	let l = C(() => {
+		let e = [...a];
+		if (!n.value) return e.sort((e, t) => e.label.localeCompare(t.label));
+		let r = t.value.map((e) => ({
+			value: e.name,
+			label: e.name,
+			isCustom: !0
+		})), i = [...e, ...r];
+		return i.sort((e, t) => e.label.localeCompare(t.label)), i;
+	});
+	function u(e) {
+		return l.value.some((t) => t.label.toLowerCase() === e.toLowerCase() || t.value.toLowerCase().startsWith(e.toLowerCase()));
+	}
+	let d = e?.defaultFont ?? $.split(",")[0].trim();
+	u(d) || Q.warn(`config.fonts: new templates seed "${d}", 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 f(e) {
+		return Kn.some((t) => t.label.toLowerCase() === e.toLowerCase() || t.value.toLowerCase().startsWith(e.toLowerCase()));
+	}
+	function p() {
+		if (e?.defaultFont) {
+			if (!n.value && !f(e.defaultFont)) return $;
+			if (u(e.defaultFont)) {
+				let t = l.value.find((t) => t.label.toLowerCase() === e.defaultFont.toLowerCase() || t.value.toLowerCase().startsWith(e.defaultFont.toLowerCase()));
+				if (t) return t.value;
+			}
+		}
+		return $;
+	}
+	let m = C(() => p());
+	function h(e) {
+		if (!e) return s.value;
+		let n = t.value.find((t) => t.name.toLowerCase() === e.toLowerCase());
+		return n ? `'${n.name}', ${n.fallback ?? s.value}` : qn[e.toLowerCase()] || (e.includes(",") ? e : `${e}, ${s.value}`);
+	}
+	let g = [], _ = !1;
+	async function y() {
+		if (t.value.length === 0) {
+			_ || (r.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), g.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) {
+				Q.warn(`Failed to load custom font "${e.name}":`, t);
+			}
+		});
+		await Promise.allSettled(e), !_ && (r.value = !0);
+	}
+	function b() {
+		for (let e of g) e.remove();
+		g.length = 0;
+	}
+	return i() && o(() => {
+		_ = !0, b();
+	}), {
+		fonts: l,
+		defaultFont: m,
+		defaultFallback: s,
+		customFonts: t,
+		customFontsEnabled: n,
+		isLoaded: r,
+		setCustomFontsEnabled: c,
+		loadCustomFonts: y,
+		cleanupFontLinks: b,
+		getFontWithFallback: h,
+		getDefaultFont: p
+	};
+}
+//#endregion
+//#region src/composables/useLogicTag.ts
+function Xn() {
+	let e = p(He, []), t = p(Ze, []), n = p(Ye, Ce.liquid), r = p(st, null), i = p(ht, null), a = v(!1), o = !!r || e.length > 0 || t.length > 0, s = e.length > 0 || t.length > 0;
+	async function c() {
+		if (r) {
+			a.value = !0;
+			try {
+				return await r();
+			} finally {
+				a.value = !1;
+			}
+		}
+		if (i && s) {
+			a.value = !0;
+			try {
+				return await i.open(e, t);
+			} finally {
+				a.value = !1;
+			}
+		}
+		return null;
+	}
+	return {
+		logicTags: e,
+		logicPairs: t,
+		syntax: n,
+		canInsertLogicTag: o,
+		isRequesting: a,
+		requestLogicTag: c
+	};
+}
+//#endregion
+//#region src/utils/mergeTagNodeSpec.ts
+function Zn(e, t, n) {
+	return me(e, n) ? {
+		type: "logicMergeTagNode",
+		attrs: {
+			value: e,
+			keyword: ye(e, n)
+		}
+	} : {
+		type: "mergeTagNode",
+		attrs: {
+			label: t,
+			value: e
+		}
+	};
+}
+//#endregion
+//#region src/utils/insertLogicTag.ts
+function Qn(e) {
+	return "before" in e && "after" in e;
+}
+function $n(e, t, n) {
+	if (!Qn(t)) {
+		e.chain().focus().insertContent(Zn(t.value, t.label, n)).run();
+		return;
+	}
+	let r = Zn(t.before, t.label, n), i = Zn(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 er(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) => er(bt(e.style.color)),
+				renderHTML: (e) => {
+					let t = er(e.color);
+					return t ? { style: `color: ${t}` } : {};
+				}
+			}
+		};
+	} });
+}
+//#endregion
+//#region src/composables/useRichTextLinkDialog.ts
+function nr(e) {
+	let t = v(!1), n = v(""), r = v(""), i = v(null);
+	Un(i, t);
+	function a() {
+		let i = e.value?.getAttributes("link") ?? {};
+		n.value = i.href || "", r.value = i.color || "", t.value = !0;
+	}
+	function o() {
+		if (n.value) {
+			let t = c(n.value);
+			if (t !== null) {
+				let n = er(r.value), i = e.value?.chain().focus().extendMarkRange("link").setLink({ href: t }).updateAttributes("link", { color: n });
+				n && typeof e.value?.commands.unsetColor == "function" && i?.unsetColor(), i?.run();
+			}
+		}
+		u();
+	}
+	let s = /* @__PURE__ */ new Set([
+		"http",
+		"https",
+		"mailto",
+		"tel",
+		"ftp",
+		"ftps",
+		"sms",
+		"xmpp",
+		"cid"
+	]);
+	function c(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 ? s.has(n[1].toLowerCase()) ? t : null : `https://${t}`;
+	}
+	function l() {
+		e.value?.chain().focus().extendMarkRange("link").unsetLink().run(), u();
+	}
+	function u() {
+		t.value = !1, n.value = "", r.value = "";
+	}
+	function d(e) {
+		e.key === "Enter" ? (e.preventDefault(), o()) : e.key === "Escape" && u();
+	}
+	return {
+		showLinkDialog: t,
+		linkUrl: n,
+		linkColor: r,
+		linkDialogRef: i,
+		openLinkDialog: a,
+		insertLink: o,
+		removeLink: l,
+		closeLinkDialog: u,
+		handleLinkKeydown: d
+	};
+}
+//#endregion
+//#region src/composables/useRichTextEditor.ts
+function rr(t) {
+	let n = p(W, null), { mergeTags: r, canRequestMergeTag: i, isRequesting: a, requestMergeTag: o, syntax: c, autocomplete: l } = q(), { canInsertLogicTag: u, isRequesting: d, requestLogicTag: f } = Xn(), m = p(Xe, null), h = (s(m) ? m.value : m)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", g = Ee(c), _ = e(null), { showLinkDialog: y, linkUrl: b, linkColor: x, linkDialogRef: S, openLinkDialog: C, insertLink: w, removeLink: T, closeLinkDialog: E, handleLinkKeydown: O } = nr(_), { start: k, stop: A } = Ne(() => _.value?.commands.focus("end"), 0, { immediate: !1 }), j = e(null), M = v(!0), N = v(null), P = !1;
+	async function F() {
+		N.value = null, M.value = !0;
+		try {
+			let { TiptapEditor: e, EC: i, extensions: a } = await t.loadExtensions({
+				mergeTags: r,
+				syntax: c,
+				triggerChar: g,
+				autocompleteEnabled: l,
+				suggestionEmptyText: h
+			});
+			if (P) return;
+			j.value = i;
+			let o = /* @__PURE__ */ new Map();
+			a.forEach((e, t) => o.set(e.name, t));
+			let s = new e({
+				extensions: a.filter((e, t) => o.get(e.name) === t),
+				content: t.blockContent(),
+				editable: !0,
+				onUpdate: ({ editor: e }) => {
+					P || n && n.updateBlock(t.blockId(), { content: e.getHTML() });
+				}
+			});
+			if (P) {
+				s.destroy();
+				return;
+			}
+			_.value = s, M.value = !1, k();
+		} catch (e) {
+			if (P) return;
+			Q.error(`[${t.editorName ?? "RichTextEditor"}] Failed to initialize TipTap editor:`, e), N.value = e instanceof Error ? e.message : "Failed to load editor", M.value = !1;
+		}
+	}
+	function ee() {
+		_.value?.destroy(), _.value = null, F();
+	}
+	F();
+	let I = B(() => t.blockContent(), (e) => {
+		_.value && _.value.getHTML() !== e && _.value.commands.setContent(e, { emitUpdate: !1 });
+	});
+	function L(e) {
+		if (a.value || d.value) return;
+		let n = e.composedPath(), r = n.find((e) => e instanceof HTMLElement);
+		if (!r) return;
+		t.onClickOutsideSideEffect?.(r);
+		let i = n.some((e) => e instanceof HTMLElement && e.classList.contains("tpl-color-popover"));
+		r.closest(".tpl-text-editor-wrapper") || r.closest(".tpl-text-toolbar") || r.closest(".tpl-link-dialog") || i || t.onDone();
+	}
+	U(document, "mousedown", L), D(() => {
+		P = !0, I(), A(), _.value?.destroy();
+	});
+	async function R() {
+		let e = await o();
+		P || (e && _.value ? _.value.chain().focus().insertMergeTag({
+			label: e.label,
+			value: e.value
+		}).run() : _.value?.commands.focus());
+	}
+	async function z() {
+		let e = await f();
+		P || (e && _.value ? $n(_.value, e, c) : _.value?.commands.focus());
+	}
+	return {
+		editor: _,
+		EditorContent: j,
+		isLoading: M,
+		initError: N,
+		retry: ee,
+		showLinkDialog: y,
+		linkUrl: b,
+		linkColor: x,
+		linkDialogRef: S,
+		mergeTags: r,
+		canRequestMergeTag: i,
+		isRequestingMergeTag: a,
+		syntax: c,
+		canInsertLogicTag: u,
+		isRequestingLogicTag: d,
+		openLinkDialog: C,
+		insertLink: w,
+		removeLink: T,
+		closeLinkDialog: E,
+		handleLinkKeydown: O,
+		handleAddMergeTag: R,
+		handleAddLogicTag: z
+	};
+}
+//#endregion
+//#region src/composables/useSmallScreenNotice.ts
+var ir = "(max-width: 767px)";
+function ar(e) {
+	let t = Le(ir);
+	return {
+		isSmallScreen: t,
+		showNotice: C(() => (A(e) ?? !0) && t.value)
+	};
+}
+//#endregion
+//#region src/components/blocks/CustomBlock.vue?vue&type=script&setup=true&lang.ts
+var or = { class: "tpl:w-full" }, sr = {
+	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)]"
+}, cr = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, lr = {
+	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)]"
+}, ur = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, dr = {
+	key: 2,
+	class: "tpl:relative"
+}, fr = ["innerHTML"], pr = {
+	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)" }
+}, mr = /* @__PURE__ */ R({
+	__name: "CustomBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	emits: ["fetchData"],
+	setup(e, { emit: n }) {
+		let r = e, i = n, { t: a } = G(), o = p(dt, null), s = v(""), c = v(!1), u = C(() => o?.getDefinition(r.block.customType)), d = C(() => !!u.value), { isFetching: f, fetch: m, needsFetch: h, hasDataSource: g } = en({
+			definition: u,
+			block: C(() => r.block),
+			onUpdate: (e, t) => {
+				i("fetchData", {
+					fieldValues: e,
+					dataSourceFetched: t
+				});
+			}
+		});
+		async function _() {
+			if (o) {
+				c.value = !1;
+				try {
+					let e = await o.renderCustomBlock(r.block);
+					e.includes("Template render error:") && (c.value = !0), s.value = e;
+				} catch {
+					c.value = !0, s.value = "";
+				}
+			}
+		}
+		let y = Pe(_, 150);
+		return t(() => {
+			_();
+		}), B(() => r.block.fieldValues, () => {
+			y();
+		}, { deep: !0 }), (e, t) => (l(), w("div", or, [d.value ? c.value ? (l(), w("div", lr, [z(E(zt), {
+			size: 24,
+			class: "tpl:text-[var(--tpl-danger)]"
+		}), M("span", ur, S(E(a).customBlocks.renderError), 1)])) : (l(), w("div", dr, [M("div", { innerHTML: s.value }, null, 8, fr), E(g) && E(h) ? (l(), w("div", pr, [E(f) ? (l(), k(Vt, {
+			key: 1,
+			class: "tpl:w-48"
+		})) : (l(), w("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-sm tpl:transition-all tpl:duration-150 hover:tpl:border-[var(--tpl-primary)] hover:tpl:shadow-md tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
+			onClick: t[0] ||= O((...e) => E(m) && E(m)(...e), ["stop"])
+		}, [u.value?.icon ? (l(), k(Bn, {
+			key: 0,
+			icon: u.value.icon,
+			size: 16
+		}, null, 8, ["icon"])) : T("", !0), L(" " + S(u.value?.dataSource?.label || E(a).customBlocks.dataSource.fetchButton), 1)]))])) : T("", !0)])) : (l(), w("div", sr, [z(E(Dt), {
+			size: 24,
+			class: "tpl:text-[var(--tpl-warning)]"
+		}), M("span", cr, S(E(a).customBlocks.definitionNotFound), 1)]))]));
+	}
+}), hr = { class: "tpl:w-full" }, gr = /* @__PURE__ */ R({
+	__name: "DividerBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, n = C(() => ({
+			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) => (l(), w("div", hr, [M("hr", {
+			class: "tpl:m-0 tpl:border-none",
+			style: F(n.value)
+		}, null, 4)]));
+	}
+}), _r = { class: "tpl:w-full" }, vr = ["srcdoc", "title"], yr = {
+	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)]"
+}, br = {
+	key: 0,
+	class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]"
+}, xr = {
+	key: 1,
+	class: "tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
+}, Sr = /* @__PURE__ */ R({
+	__name: "HtmlBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, { t: n } = G(), r = p(_t, !1), i = C(() => t.block.content.trim().length > 0), a = C(() => r && i.value), o = v(null), s = v(60), c = null;
+		function u() {
+			let e = o.value?.contentDocument;
+			e && (s.value = Math.max(e.body?.scrollHeight ?? 0, e.documentElement?.scrollHeight ?? 0));
+		}
+		function d() {
+			c?.disconnect(), c = null, u();
+			let e = o.value?.contentDocument?.documentElement;
+			e && typeof ResizeObserver < "u" && (c = new ResizeObserver(() => u()), c.observe(e));
+		}
+		return B(a, (e) => {
+			e || (c?.disconnect(), c = null);
+		}), D(() => {
+			c?.disconnect(), c = null;
+		}), (t, r) => (l(), w("div", _r, [a.value ? (l(), w("iframe", {
+			key: 0,
+			ref_key: "iframeRef",
+			ref: o,
+			srcdoc: e.block.content,
+			sandbox: "allow-same-origin",
+			title: E(n).html.preview,
+			class: "tpl:block tpl:w-full tpl:border-0",
+			style: F({ height: `${s.value}px` }),
+			onLoad: d
+		}, null, 44, vr)) : (l(), w("div", yr, [z(E(wt), {
+			size: 24,
+			class: "tpl:text-[var(--tpl-text-dim)]"
+		}), i.value ? (l(), w("span", br, S(E(n).html.preview), 1)) : (l(), w("span", xr, S(E(n).html.empty), 1))]))]));
+	}
+}), Cr = "image/";
+function wr(e) {
+	let { target: t, onFiles: n, enabled: r } = e, i = () => r === void 0 || A(r), { isOverDropZone: a } = ze(t, {
+		preventDefaultForUnhandled: !0,
+		onDrop: (e) => {
+			if (!i()) return;
+			let t = (e ?? []).filter((e) => e.type.startsWith(Cr));
+			t.length > 0 && n([t[0]]);
+		}
+	});
+	return { isOver: C(() => i() && a.value) };
+}
+//#endregion
+//#region src/components/blocks/ImageBlock.vue?vue&type=script&setup=true&lang.ts
+var Tr = {
+	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)" }
+}, Er = ["href"], Dr = ["src", "alt"], Or = ["src", "alt"], kr = {
+	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" }
+}, Ar = ["href"], jr = ["src", "alt"], Mr = ["src", "alt"], Nr = {
+	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)]"
+}, Pr = ["aria-label"], Fr = { key: 1 }, Ir = /* @__PURE__ */ R({
+	__name: "ImageBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	emits: ["update"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, { t: i } = G(), { syntax: a } = q(), o = p(Be, null), s = C(() => !!o), c = Ut();
+		async function u() {
+			let e = await o?.({ accept: ["images"] });
+			if (c.alive && e) {
+				let t = { src: e.url };
+				e.alt && (t.alt = e.alt), r("update", t);
+			}
+		}
+		let d = v(), f = v(!1), m = C(() => s.value && !f.value && !b.value);
+		async function h(e) {
+			if (o) {
+				f.value = !0;
+				try {
+					let t = await o({
+						accept: ["images"],
+						files: e
+					});
+					if (!c.alive) return;
+					if (t) {
+						let e = { src: t.url };
+						t.alt && (e.alt = t.alt), r("update", e);
+					}
+				} finally {
+					c.alive && (f.value = !1);
+				}
+			}
+		}
+		let { isOver: g } = wr({
+			target: d,
+			enabled: m,
+			onFiles: h
+		}), _ = C(() => ({ textAlign: n.block.align })), y = C(() => {
+			let e = n.block.align;
+			return {
+				maxWidth: "100%",
+				width: n.block.width === "full" ? "100%" : `${n.block.width}px`,
+				display: "block",
+				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
+				marginRight: e === "center" ? "auto" : void 0
+			};
+		}), b = C(() => H(n.block.src, a)), x = X(() => b.value ? void 0 : n.block.src), D = X(() => b.value ? n.block.placeholderUrl : void 0);
+		return (t, n) => (l(), w("div", {
+			ref_key: "dropZoneRef",
+			ref: d,
+			"data-testid": "image-drop-zone",
+			class: "tpl:relative tpl:w-full",
+			style: F(_.value)
+		}, [m.value && (E(g) || f.value) ? (l(), w("div", Tr, [f.value ? (l(), w(I, { key: 0 }, [z(E(Lt), {
+			class: "tpl-spinner",
+			size: 20,
+			"stroke-width": 2
+		}), L(" " + S(E(i).image.uploading), 1)], 64)) : (l(), w(I, { key: 1 }, [z(E(Rt), {
+			size: 20,
+			"stroke-width": 1.5
+		}), L(" " + S(E(i).image.dropToUpload), 1)], 64))])) : T("", !0), e.block.src && b.value && e.block.placeholderUrl ? (l(), w(I, { key: 1 }, [e.block.linkUrl ? (l(), w("a", {
+			key: 0,
+			href: e.block.linkUrl,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			onClick: n[0] ||= O(() => {}, ["prevent"])
+		}, [M("img", {
+			class: "tpl:border-0",
+			loading: "lazy",
+			src: E(D),
+			alt: e.block.alt || E(i).image.altTextPlaceholder,
+			style: F(y.value)
+		}, null, 12, Dr)], 8, Er)) : (l(), w("img", {
+			key: 1,
+			class: "tpl:border-0",
+			src: E(D),
+			alt: e.block.alt,
+			style: F(y.value)
+		}, null, 12, Or))], 64)) : e.block.src && b.value ? (l(), w("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: F([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, y.value])
+		}, [z(E(jt), {
+			size: 32,
+			"stroke-width": 1.5,
+			class: "tpl:text-[var(--tpl-primary)]",
+			style: { opacity: "0.5" }
+		}), M("span", kr, [z(Pn, { text: e.block.src }, null, 8, ["text"])])], 4)) : e.block.src ? (l(), w(I, { key: 3 }, [e.block.linkUrl ? (l(), w("a", {
+			key: 0,
+			href: e.block.linkUrl,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			onClick: n[1] ||= O(() => {}, ["prevent"])
+		}, [M("img", {
+			class: "tpl:border-0",
+			loading: "lazy",
+			src: E(x),
+			alt: e.block.alt || E(i).image.altTextPlaceholder,
+			style: F(y.value)
+		}, null, 12, jr)], 8, Ar)) : (l(), w("img", {
+			key: 1,
+			class: "tpl:border-0",
+			src: E(x),
+			alt: e.block.alt,
+			style: F(y.value)
+		}, null, 12, Mr))], 64)) : (l(), w("div", Nr, [s.value ? (l(), w("button", {
+			key: 0,
+			"aria-label": E(i).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:duration-150 tpl:cursor-pointer tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
+			onClick: O(u, ["stop"])
+		}, [z(E(jt), {
+			size: 14,
+			"stroke-width": 1.5
+		}), L(" " + S(E(i).image.browseMedia), 1)], 8, Pr)) : (l(), w("span", Fr, S(E(i).image.clickToAdd), 1))]))], 4));
+	}
+}), Lr = { class: "tpl:w-full" }, Rr = ["href"], zr = {
+	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)]"
+}, Br = /* @__PURE__ */ R({
+	__name: "MenuBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, { t: n } = G(), r = C(() => ({
+			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"
+		})), i = C(() => t.block.items.length > 0);
+		function a(e) {
+			return e || t.block.linkColor || t.block.color;
+		}
+		return (t, o) => (l(), w("div", Lr, [i.value ? (l(), w("div", {
+			key: 0,
+			style: F(r.value)
+		}, [(l(!0), w(I, null, f(e.block.items, (t, n) => (l(), w(I, { key: t.id }, [M("a", {
+			href: t.url || "#",
+			class: "tpl:cursor-default tpl:no-underline",
+			style: F({
+				color: a(t.color),
+				fontWeight: t.bold ? "bold" : "normal",
+				textDecoration: t.underline ? "underline" : "none"
+			}),
+			onClick: o[0] ||= O(() => {}, ["prevent"])
+		}, [z(Pn, { text: t.text || "..." }, null, 8, ["text"])], 12, Rr), n < e.block.items.length - 1 ? (l(), w("span", {
+			key: 0,
+			style: F({
+				color: e.block.separatorColor,
+				padding: `0 ${e.block.spacing}px`
+			})
+		}, S(e.block.separator), 5)) : T("", !0)], 64))), 128))], 4)) : (l(), w("div", zr, [z(E(Ot), { size: 16 }), M("span", null, S(E(n).menu.addLinks), 1)]))]));
+	}
+}), Vr = /* @__PURE__ */ new Set([
+	"http",
+	"https",
+	"mailto",
+	"tel",
+	"ftp",
+	"ftps",
+	"sms",
+	"xmpp",
+	"cid"
+]), Hr = /* @__PURE__ */ new Set([
+	"SCRIPT",
+	"STYLE",
+	"IFRAME",
+	"OBJECT",
+	"EMBED",
+	"LINK",
+	"META",
+	"BASE",
+	"FORM"
+]), Ur = /* @__PURE__ */ new Set([
+	"href",
+	"xlink:href",
+	"formaction",
+	"action",
+	"ping",
+	"background",
+	"poster"
+]);
+function Wr(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 Vr.has(i) ? !0 : t && i === "data" ? /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(n) : !1;
+}
+function Gr(e) {
+	if (Hr.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 (Ur.has(t)) {
+			Wr(e.getAttribute(n) ?? "", !1) || e.removeAttribute(n);
+			continue;
+		}
+		if (t === "src") {
+			Wr(e.getAttribute(n) ?? "", !0) || e.removeAttribute(n);
+			continue;
+		}
+		t === "srcdoc" && e.removeAttribute(n);
+	}
+	let n = Array.from(e.children);
+	for (let e of n) Gr(e);
+}
+function Kr(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) Gr(e);
+	return t.innerHTML;
+}
+//#endregion
+//#region src/composables/useEditableTextBlock.ts
+function qr(e) {
+	let t = p(Qe, []), { syntax: n } = q(), r = C(() => Kr(Oe(he(e(), t), n))), i = v(!1), a = v(null), { top: o, left: s } = Re(a), { toLocal: c } = St(), l = C(() => c({
+		top: o.value - 8,
+		left: s.value
+	}));
+	function u() {
+		i.value = !0;
+	}
+	function d() {
+		i.value = !1;
+	}
+	return {
+		isEditing: i,
+		blockRef: a,
+		toolbarPosition: l,
+		resolvedContent: r,
+		handleDoubleClick: u,
+		handleEditorDone: d
+	};
+}
+//#endregion
+//#region src/components/blocks/ParagraphBlock.vue?vue&type=script&setup=true&lang.ts
+var Jr = ["innerHTML"], Yr = /* @__PURE__ */ R({
+	__name: "ParagraphBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, n = b(() => import("./ParagraphEditor-CtaRa1vr.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = qr(() => t.block.content);
+		return (t, u) => (l(), w("div", {
+			ref_key: "blockRef",
+			ref: i,
+			class: "tpl:min-h-[1em] tpl:w-full",
+			onDblclick: u[0] ||= (...e) => E(s) && E(s)(...e)
+		}, [E(r) ? (l(), k(E(n), {
+			key: 0,
+			block: e.block,
+			"toolbar-position": E(a),
+			onDone: E(c)
+		}, null, 8, [
+			"block",
+			"toolbar-position",
+			"onDone"
+		])) : (l(), w("div", {
+			key: 1,
+			class: "tpl-text-content tpl:outline-none [&_a]:tpl:underline [&_li]:tpl:my-1 [&_ol]:tpl:my-2 [&_ol]:tpl:pl-6 [&_p]:tpl:m-0 [&_p]:tpl:mb-2 [&_p:last-child]:tpl:mb-0 [&_s]:tpl:line-through [&_sub]:tpl:align-sub [&_sub]:tpl:text-[0.75em] [&_sup]:tpl:align-super [&_sup]:tpl:text-[0.75em] [&_ul]:tpl:my-2 [&_ul]:tpl:pl-6",
+			innerHTML: E(o)
+		}, null, 8, Jr))], 544));
+	}
+});
+//#endregion
+//#region src/utils/blockComponentResolver.ts
+function Xr(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 Zr(e, t, n) {
+	if (t) {
+		let n = t.getComponent(e);
+		if (n) return n;
+	}
+	return n[e.type] ?? null;
+}
+function Qr(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 === "section" && e.borderRadius && e.borderRadius > 0 && (r.borderRadius = `${e.borderRadius}px`), r;
+}
+function $r(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 ei = [
+	"data-block-id",
+	"data-block-type",
+	"data-tpl-picked"
+], ti = ["aria-label"], ni = [
+	"aria-label",
+	"aria-pressed",
+	"title"
+], ri = ["aria-label", "title"], ii = ["aria-label", "title"], ai = ["aria-label", "title"], oi = {
+	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"
+}, si = { 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)]" }, ci = {
+	key: 2,
+	class: "tpl:absolute tpl:-left-1 tpl:top-1/2 tpl:z-[5] tpl:-translate-x-full tpl:-translate-y-1/2"
+}, li = ["aria-label", "title"], ui = {
+	key: 3,
+	class: "tpl:absolute tpl:-right-1 tpl:-top-1 tpl:z-[5] tpl:translate-x-full"
+}, di = ["aria-label"], fi = /*#__PURE__*/ Ht(/* @__PURE__ */ R({
+	__name: "BlockWrapper",
+	props: {
+		block: {},
+		isSelected: { type: Boolean },
+		viewport: {},
+		previewMode: { type: Boolean },
+		nested: { type: Boolean },
+		picked: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = b(() => import("./BlockIssueBadge-Da4yR-mh.js")), i = e, a = t, { t: o, format: s } = G(), c = p(gt, null), u = v(null), f = C(() => c?.liftedBlockId.value === i.block.id), m = C(() => f.value ? s(o.blockActions.dragLifted, { block: i.block.type }) : o.blockActions.drag);
+		async function h() {
+			await d(), u.value?.focus();
+		}
+		function g(e) {
+			if (c) {
+				if (e.key === " " || e.key === "Enter") {
+					e.preventDefault(), e.stopPropagation(), f.value ? c.drop(i.block.id) : c.lift(i.block.id);
+					return;
+				}
+				if (f.value) {
+					if (e.key === "Escape") {
+						e.preventDefault(), e.stopPropagation(), c.cancel(), h();
+						return;
+					}
+					if (e.key === "ArrowUp") {
+						e.preventDefault(), e.stopPropagation(), c.moveUp(i.block.id), h();
+						return;
+					}
+					e.key === "ArrowDown" && (e.preventDefault(), e.stopPropagation(), c.moveDown(i.block.id), h());
+				}
+			}
+		}
+		let _ = C(() => !i.viewport || !i.block.visibility ? !1 : i.block.visibility[i.viewport] === !1), y = C(() => i.previewMode === !0 && _.value), x = C(() => i.viewport ? {
+			desktop: o.viewport.desktop,
+			mobile: o.viewport.mobile
+		}[i.viewport] ?? i.viewport : ""), D = C(() => !!i.block.displayCondition), k = p(at, null), A = p(nt, null), N = p(pt, {}), P = C(() => N.savedBlocks?.isPicking.value === !0), ee = C(() => !i.nested && N.savedBlocks?.isAvailable.value === !0 && N.savedBlocks?.canCreate.value === !0), I = C(() => i.isSelected && !P.value), R = C(() => N.comments?.getBlockCount(i.block.id) ?? 0), B = C(() => {
+			let e = Qr(i.block), t = {
+				padding: e.padding,
+				backgroundColor: e.backgroundColor
+			};
+			return e.borderRadius && (t.borderRadius = e.borderRadius), t;
+		}), V = C(() => $r(i.block));
+		function te(e) {
+			i.previewMode || (e.target?.closest("a") && e.preventDefault(), e.stopPropagation(), a("select"));
+		}
+		function ne() {
+			k?.deleteBlock(i.block.id);
+		}
+		function re() {
+			k?.duplicateBlock(i.block);
+		}
+		function ie() {
+			N.savedBlocks?.startPicking(i.block.id);
+		}
+		function ae() {
+			A?.toggleBlock(i.block.id);
+		}
+		return (t, i) => y.value ? T("", !0) : (l(), w("div", {
+			key: 0,
+			class: j(["tpl-block tpl:group tpl:relative tpl:cursor-pointer tpl:rounded-sm tpl:transition-shadow tpl:duration-150", {
+				"tpl-block--selected": e.isSelected,
+				"tpl-block--picked": e.picked,
+				"tpl-block--idle": !e.isSelected && !e.picked,
+				"tpl-block--lifted": f.value
+			}]),
+			"data-block-id": e.block.id,
+			"data-block-type": e.block.type,
+			"data-tpl-picked": e.picked || void 0,
+			onClick: te
+		}, [
+			z(E(n), { "block-id": e.block.id }, null, 8, ["block-id"]),
+			I.value ? (l(), w("div", {
+				key: 0,
+				role: "toolbar",
+				"aria-label": E(o).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)]"
+			}, [
+				M("button", {
+					ref_key: "dragButtonRef",
+					ref: u,
+					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:duration-150 tpl:active:cursor-grabbing",
+					"aria-label": m.value,
+					"aria-pressed": f.value,
+					"aria-keyshortcuts": "Space Enter ArrowUp ArrowDown Escape",
+					title: E(o).blockActions.drag,
+					onKeydown: g
+				}, [z(E(Ft), {
+					size: 14,
+					"stroke-width": 1.5
+				})], 40, ni),
+				M("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 tpl:duration-150",
+					"aria-label": E(o).blockActions.duplicate,
+					title: E(o).blockActions.duplicate,
+					onClick: O(re, ["stop"])
+				}, [z(E(Bt), {
+					size: 14,
+					"stroke-width": 1.5
+				})], 8, ri),
+				ee.value ? (l(), w("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 tpl:duration-150",
+					"aria-label": E(o).blockActions.saveAsBlock,
+					title: E(o).blockActions.saveAsBlock,
+					onClick: O(ie, ["stop"])
+				}, [z(E(Et), {
+					size: 14,
+					"stroke-width": 1.5
+				})], 8, ii)) : T("", !0),
+				M("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 tpl:duration-150",
+					"aria-label": E(o).blockActions.delete,
+					title: E(o).blockActions.delete,
+					onClick: O(ne, ["stop"])
+				}, [z(E(At), {
+					size: 14,
+					"stroke-width": 1.5
+				})], 8, ai)
+			], 8, ti)) : T("", !0),
+			_.value ? (l(), w("div", oi, [M("span", si, [z(E(Ct), {
+				size: 12,
+				"stroke-width": 1.5
+			}), L(" " + S(E(s)(E(o).blockActions.hiddenOnViewport, { viewport: x.value })), 1)])])) : T("", !0),
+			D.value && !_.value ? (l(), w("div", ci, [M("button", {
+				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:duration-150 tpl:bg-[var(--tpl-chrome-bg-elevated)] tpl:text-[var(--tpl-primary)] tpl:border tpl:border-[var(--tpl-border)]",
+				"aria-label": E(o).blockActions.conditionToggle,
+				title: e.block.displayCondition?.label,
+				onClick: O(ae, ["stop"])
+			}, [z(E(kt), {
+				size: 12,
+				"stroke-width": 2
+			})], 8, li)])) : T("", !0),
+			R.value > 0 && !_.value ? (l(), w("div", ui, [M("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:duration-150 tpl:bg-[var(--tpl-chrome-primary-light)] tpl:text-[var(--tpl-primary)]",
+				"aria-label": E(s)(E(o).blockActions.comments, { count: String(R.value) }),
+				onClick: i[0] ||= O((t) => E(N).comments?.openForBlock(e.block.id), ["stop"])
+			}, [z(E(Mt), {
+				size: 12,
+				"stroke-width": 2.5
+			}), L(" " + S(R.value), 1)], 8, di)])) : T("", !0),
+			V.value ? (l(), w("div", {
+				key: 4,
+				class: "tpl-section-wrapper",
+				style: F(V.value)
+			}, [M("div", {
+				class: "tpl-block-content",
+				style: F(B.value)
+			}, [r(t.$slots, "default", {}, void 0, !0)], 4)], 4)) : (l(), w("div", {
+				key: 5,
+				class: "tpl-block-content",
+				style: F(B.value)
+			}, [r(t.$slots, "default", {}, void 0, !0)], 4))
+		], 10, ei));
+	}
+}), [["__scopeId", "data-v-43c10a08"]]);
+//#endregion
+//#region src/utils/unwrapParagraph.ts
+function pi(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 mi = /* @__PURE__ */ R({
+	__name: "TitleBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, n = b(() => import("./TitleEditor-BJ7LFykI.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: u } = qr(() => t.block.content), d = C(() => {
+			let e = {
+				fontSize: `${ae[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 = C(() => `h${t.block.level}`), p = C(() => pi(o.value));
+		return (t, o) => (l(), w("div", {
+			ref_key: "blockRef",
+			ref: i,
+			class: "tpl:min-h-[1em] tpl:w-full",
+			style: F(d.value),
+			onDblclick: o[0] ||= (...e) => E(s) && E(s)(...e)
+		}, [E(r) ? (l(), k(E(n), {
+			key: 0,
+			block: e.block,
+			"toolbar-position": E(a),
+			onDone: E(u)
+		}, null, 8, [
+			"block",
+			"toolbar-position",
+			"onDone"
+		])) : (l(), k(c(f.value), {
+			key: 1,
+			class: "tpl-text-content tpl:m-0 tpl:font-[inherit] tpl:text-[length:inherit] tpl:leading-tight tpl:outline-none [&_a]:tpl:underline [&_p]:tpl:m-0 [&_p]:tpl:mb-2 [&_p:last-child]:tpl:mb-0",
+			style: { color: "inherit" },
+			innerHTML: p.value
+		}, null, 8, ["innerHTML"]))], 36));
+	}
+});
+//#endregion
+//#region src/utils/sectionColumnDrop.ts
+function hi(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 gi = { class: "tpl:w-full" }, _i = {
+	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__ */ R({
+	__name: "SectionBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = {
+			title: mi,
+			paragraph: Yr,
+			image: Ir,
+			button: Ln,
+			divider: gr,
+			custom: mr
+		}, n = e, { t: r } = G(), i = Ve(W, "SectionBlock"), o = p(nt, null), s = p(dt, null), u = p(pt, {});
+		function d(e) {
+			let t = u.savedBlocks;
+			if (t?.isPicking.value) {
+				t.togglePick(n.block.id);
+				return;
+			}
+			i.selectBlock(e);
+		}
+		let m = C(() => {
+			switch (n.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%"];
+			}
+		}), g = C(() => {
+			let e = m.value.length, t = [...n.block.children];
+			for (; t.length < e;) t.push([]);
+			return t.slice(0, e);
+		}), _ = C(() => n.viewport === "mobile" && n.block.stackOnMobile !== !1);
+		function v(e) {
+			return g.value[e] || [];
+		}
+		function y(e, t) {
+			let r = t.map((e) => JSON.parse(JSON.stringify(e))), a = [...n.block.children];
+			for (; a.length <= e;) a.push([]);
+			a[e] = r, i.updateBlock(n.block.id, { children: a });
+		}
+		function b(e) {
+			return Zr(e, s, t);
+		}
+		function x(e, t) {
+			e.type === "custom" && i.updateBlock(e.id, {
+				fieldValues: t.fieldValues,
+				dataSourceFetched: t.dataSourceFetched
+			});
+		}
+		return (t, n) => (l(), w("div", gi, [M("div", { class: j(["tpl:flex tpl:gap-0", { "tpl:flex-col": _.value }]) }, [(l(!0), w(I, null, f(g.value, (t, n) => (l(), w("div", {
+			key: n,
+			class: j(["tpl:relative tpl:min-h-[60px] tpl:rounded", v(n).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
+			style: F({ width: _.value ? "100%" : m.value[n] })
+		}, [z(E(ee), {
+			"model-value": v(n),
+			group: {
+				name: "blocks",
+				pull: !0,
+				put: (e, t, n) => E(hi)(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) => y(n, e)
+		}, {
+			default: h(() => [(l(!0), w(I, null, f(v(n), (t) => a((l(), w("div", { key: t.id }, [z(fi, {
+				block: t,
+				"is-selected": E(i).state.selectedBlockId === t.id,
+				viewport: e.viewport,
+				"preview-mode": E(i).state.previewMode,
+				nested: "",
+				onSelect: (e) => d(t.id)
+			}, {
+				default: h(() => [(l(), k(c(b(t)), {
+					block: t,
+					viewport: e.viewport,
+					onFetchData: (e) => x(t, e),
+					onUpdate: (e) => E(i).updateBlock(t.id, e)
+				}, null, 40, [
+					"block",
+					"viewport",
+					"onFetchData",
+					"onUpdate"
+				]))]),
+				_: 2
+			}, 1032, [
+				"block",
+				"is-selected",
+				"viewport",
+				"preview-mode",
+				"onSelect"
+			])])), [[P, !E(o)?.isHidden(t.id)]])), 128))]),
+			_: 2
+		}, 1032, [
+			"model-value",
+			"group",
+			"onUpdate:modelValue"
+		]), v(n).length === 0 ? (l(), w("div", _i, [M("span", null, S(E(r).section.dropHere), 1)])) : T("", !0)], 6))), 128))], 2)]));
+	}
+}), yi = Te, bi = {
+	small: 24,
+	medium: 32,
+	large: 48
+}, xi = [
+	"facebook",
+	"twitter",
+	"instagram",
+	"linkedin",
+	"youtube",
+	"tiktok",
+	"pinterest",
+	"email",
+	"website",
+	"whatsapp",
+	"telegram",
+	"discord",
+	"snapchat",
+	"reddit",
+	"github",
+	"dribbble",
+	"behance"
+], Si = [
+	"width",
+	"height",
+	"fill"
+], Ci = ["d"], wi = /* @__PURE__ */ R({
+	__name: "SocialIconSvg",
+	props: {
+		platform: {},
+		iconStyle: {},
+		iconSize: {}
+	},
+	setup(e) {
+		let t = e, n = C(() => yi[t.platform]), r = C(() => bi[t.iconSize]), i = C(() => {
+			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 = C(() => Math.floor(r.value * .6)), o = C(() => t.iconStyle === "outlined" ? n.value.color : "#ffffff");
+		return (e, t) => (l(), w("span", { style: F(i.value) }, [(l(), w("svg", {
+			width: a.value,
+			height: a.value,
+			viewBox: "0 0 24 24",
+			fill: o.value,
+			xmlns: "http://www.w3.org/2000/svg"
+		}, [M("path", { d: n.value.path }, null, 8, Ci)], 8, Si))], 4));
+	}
+}), Ti = { class: "tpl:w-full" }, Ei = ["href"], Di = {
+	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)]"
+}, Oi = /* @__PURE__ */ R({
+	__name: "SocialIconsBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, { t: n } = G(), r = C(() => ({
+			display: "flex",
+			flexWrap: "wrap",
+			gap: `${t.block.spacing}px`,
+			justifyContent: t.block.align === "left" ? "flex-start" : t.block.align === "right" ? "flex-end" : "center"
+		})), i = C(() => t.block.icons.length > 0);
+		return (t, a) => (l(), w("div", Ti, [i.value ? (l(), w("div", {
+			key: 0,
+			style: F(r.value)
+		}, [(l(!0), w(I, null, f(e.block.icons, (t) => (l(), w("a", {
+			key: t.id,
+			href: t.url || "#",
+			class: "tpl:cursor-default",
+			onClick: a[0] ||= O(() => {}, ["prevent"])
+		}, [z(wi, {
+			platform: t.platform,
+			"icon-style": e.block.iconStyle,
+			"icon-size": e.block.iconSize
+		}, null, 8, [
+			"platform",
+			"icon-style",
+			"icon-size"
+		])], 8, Ei))), 128))], 4)) : (l(), w("div", Di, [z(E(Pt), { size: 16 }), M("span", null, S(E(n).social.addIcons), 1)]))]));
+	}
+}), ki = { class: "tpl:w-full" }, Ai = {
+	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)"
+	}
+}, ji = /* @__PURE__ */ R({
+	__name: "SpacerBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, n = Ve(W, "SpacerBlock"), r = C(() => ({
+			height: `${t.block.height}px`,
+			minHeight: `${t.block.height}px`,
+			...n.state.previewMode ? {} : { borderColor: "var(--tpl-border)" }
+		}));
+		return (t, i) => (l(), w("div", ki, [M("div", {
+			style: F(r.value),
+			class: j(["tpl:relative tpl:flex tpl:items-center tpl:justify-center", { "tpl:border-y tpl:border-dashed": !E(n).state.previewMode }])
+		}, [E(n).state.previewMode ? T("", !0) : (l(), w("span", Ai, S(e.block.height) + "px ", 1))], 6)]));
+	}
+}), Mi = { class: "tpl:w-full" }, Ni = { key: 0 }, Pi = [
+	"aria-label",
+	"data-placeholder",
+	"onBlur"
+], Fi = [
+	"aria-label",
+	"data-placeholder",
+	"onBlur"
+], Ii = {
+	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__*/ Ht(/* @__PURE__ */ R({
+	__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: r } = G(), i = Ve(W, "TableBlock"), o = C(() => n.block.rows.length > 0), s = C(() => {
+			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;
+		}), c = C(() => ({
+			border: `${n.block.borderWidth}px solid ${n.block.borderColor}`,
+			padding: `${n.block.cellPadding}px`,
+			textAlign: n.block.textAlign
+		})), u = C(() => ({
+			...c.value,
+			fontWeight: "bold",
+			backgroundColor: n.block.headerBackgroundColor || "transparent"
+		})), d = C(() => n.block.hasHeaderRow && n.block.rows.length > 0 ? n.block.rows[0] : null), p = C(() => n.block.hasHeaderRow ? n.block.rows.slice(1) : n.block.rows);
+		function m() {
+			i.selectBlock(n.block.id);
+		}
+		function h(e, t, r) {
+			let a = r.target.innerText.trim(), o = n.block.rows.map((n) => n.id === e ? {
+				...n,
+				cells: n.cells.map((e) => e.id === t ? {
+					...e,
+					content: a
+				} : e)
+			} : n);
+			i.updateBlock(n.block.id, { rows: o });
+		}
+		return (e, n) => (l(), w("div", Mi, [o.value ? (l(), w("table", {
+			key: 0,
+			style: F(s.value),
+			class: "tpl-table-editable"
+		}, [d.value ? (l(), w("thead", Ni, [M("tr", null, [(l(!0), w(I, null, f(d.value.cells, (e) => a((l(), w("th", {
+			key: e.id,
+			style: F(u.value),
+			"aria-label": E(r).table.cellPlaceholder,
+			contenteditable: "true",
+			"data-placeholder": E(r).table.cellPlaceholder,
+			onBlur: (t) => h(d.value.id, e.id, t),
+			onKeydown: n[0] ||= x(O((e) => e.target.blur(), ["prevent"]), ["enter"]),
+			onClick: O(m, ["stop"])
+		}, null, 44, Pi)), [[t, e.content]])), 128))])])) : T("", !0), M("tbody", null, [(l(!0), w(I, null, f(p.value, (e) => (l(), w("tr", { key: e.id }, [(l(!0), w(I, null, f(e.cells, (i) => a((l(), w("td", {
+			key: i.id,
+			style: F(c.value),
+			"aria-label": E(r).table.cellPlaceholder,
+			contenteditable: "true",
+			"data-placeholder": E(r).table.cellPlaceholder,
+			onBlur: (t) => h(e.id, i.id, t),
+			onKeydown: n[1] ||= x(O((e) => e.target.blur(), ["prevent"]), ["enter"]),
+			onClick: O(m, ["stop"])
+		}, null, 44, Fi)), [[t, i.content]])), 128))]))), 128))])], 4)) : (l(), w("div", Ii, [z(E(Nt), { size: 16 }), M("span", null, S(E(r).table.empty), 1)]))]));
+	}
+}), [["__scopeId", "data-v-963ac422"]]), Ri = /* @__PURE__ */ R({
+	__name: "VideoPlayButton",
+	props: { hoverEffect: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e) {
+		return (t, n) => (l(), w("div", { class: j(["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] ||= [M("div", { class: "tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-white/90 tpl:shadow-lg" }, [M("svg", {
+			class: "tpl:ml-1 tpl:text-[var(--tpl-danger)]",
+			width: "28",
+			height: "28",
+			viewBox: "0 0 24 24",
+			fill: "currentColor"
+		}, [M("polygon", { points: "5,3 19,12 5,21" })])], -1)]], 2));
+	}
+});
+//#endregion
+//#region src/utils/videoThumbnail.ts
+function zi(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 Bi(e, t) {
+	return t || zi(e).thumbnailUrl;
+}
+//#endregion
+//#region src/components/blocks/VideoBlock.vue?vue&type=script&setup=true&lang.ts
+var Vi = ["src", "alt"], Hi = {
+	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" }
+}, Ui = ["href"], Wi = ["src", "alt"], Gi = ["src", "alt"], Ki = {
+	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)]"
+}, qi = /* @__PURE__ */ R({
+	__name: "VideoBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, { t: n } = G(), { syntax: r } = q(), i = C(() => H(t.block.url, r) || H(t.block.thumbnailUrl, r)), a = X(() => i.value ? void 0 : t.block.thumbnailUrl || void 0), o = X(() => i.value ? t.block.placeholderUrl : void 0), s = C(() => i.value ? null : t.block.thumbnailUrl ? a.value ?? null : Bi(t.block.url)), c = C(() => ({ textAlign: t.block.align })), u = C(() => {
+			let e = t.block.align;
+			return {
+				maxWidth: "100%",
+				width: t.block.width === "full" ? "100%" : `${t.block.width}px`,
+				display: "block",
+				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
+				marginRight: e === "center" ? "auto" : void 0
+			};
+		}), d = C(() => H(t.block.url, r) ? t.block.url : t.block.thumbnailUrl);
+		return (t, r) => (l(), w("div", {
+			class: "tpl:w-full",
+			style: F(c.value)
+		}, [i.value && e.block.placeholderUrl ? (l(), w("div", {
+			key: 0,
+			class: "tpl:relative tpl:inline-block",
+			style: F(u.value)
+		}, [M("img", {
+			class: "tpl:w-full tpl:border-0",
+			src: E(o),
+			alt: e.block.alt
+		}, null, 8, Vi), z(Ri)], 4)) : i.value ? (l(), w("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: F([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, u.value])
+		}, [z(E(It), {
+			size: 36,
+			"stroke-width": 1.5,
+			class: "tpl:text-[var(--tpl-primary)]",
+			style: { opacity: "0.5" }
+		}), M("span", Hi, [z(Pn, { text: d.value }, null, 8, ["text"])])], 4)) : s.value ? (l(), w(I, { key: 2 }, [e.block.url ? (l(), w("a", {
+			key: 0,
+			href: e.block.url,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			class: "tpl:group tpl:relative tpl:inline-block",
+			style: F(u.value),
+			onClick: r[0] ||= O(() => {}, ["prevent"])
+		}, [M("img", {
+			class: "tpl:w-full tpl:border-0",
+			src: s.value,
+			alt: e.block.alt
+		}, null, 8, Wi), z(Ri, { "hover-effect": "" })], 12, Ui)) : (l(), w("div", {
+			key: 1,
+			class: "tpl:relative tpl:inline-block",
+			style: F(u.value)
+		}, [M("img", {
+			class: "tpl:w-full tpl:border-0",
+			src: s.value,
+			alt: e.block.alt
+		}, null, 8, Gi), z(Ri)], 4))], 64)) : (l(), w("div", Ki, [z(E(It), {
+			size: 40,
+			"stroke-width": 1.5,
+			class: "tpl:text-[var(--tpl-border-light)]"
+		}), M("span", null, S(E(n).video.addVideo), 1)]))], 4));
+	}
+}), Ji = {
+	section: vi,
+	title: mi,
+	paragraph: Yr,
+	image: Ir,
+	button: Ln,
+	divider: gr,
+	video: qi,
+	social: Oi,
+	menu: Br,
+	table: Li,
+	spacer: ji,
+	html: Sr,
+	countdown: b(() => import("./CountdownBlock-Bffpoppw.js"))
+};
+function Yi(e) {
+	let { editor: t, config: n, translations: r, fontsManager: a } = e, { t: s, format: c } = G(r);
+	t.setUiTheme(n.uiTheme ?? "auto");
+	let { resolvedTheme: l } = gn(C(() => t.state.uiTheme)), d = v(n.theme ?? {}), { themeStyles: f } = vn({
+		themeOverrides: d,
+		resolvedTheme: l,
+		extraStyles: e.themeExtraStyles
+	}), p = Yt({
+		content: t.content,
+		setContent: (e, n) => t.setContent(e, n),
+		...e.historyOptions
+	});
+	tn(t, p);
+	let m = Zt({
+		addBlock: t.addBlock,
+		removeBlock: t.removeBlock,
+		updateBlock: t.updateBlock,
+		selectBlock: t.selectBlock,
+		findBlockLocation: t.findBlockLocation,
+		blockDefaults: n.blockDefaults
+	}), h = $t(t), g = e.autoSaveOptions !== null && e.autoSaveOptions !== void 0 ? Qt({
+		content: t.content,
+		isDirty: () => t.state.isDirty,
+		...e.autoSaveOptions
+	}) : null, _ = null;
+	g && (_ = B(p.isNavigating, (e) => {
+		e ? g.pause() : g.resume();
+	}));
+	let y = hn(t, {
+		t: s,
+		format: c
+	}, n.customBlocks ?? []), b = xt(n.colors);
+	if (b.allowCustomIgnored && Q.warn("config.colors.allowCustom: false is ignored without presets — keeping the color wheel and hex input so a color can still be chosen."), b.invalidPresets.length > 0 && Q.warn(`config.colors.presets skipped invalid entries: ${b.invalidPresets.join(", ")} — presets must be hex colors (#rgb or #rrggbb).`), b.allowCustom === !1) {
+		let e = On(b.presets, n.blockDefaults, n.templateDefaults);
+		e.length > 0 && Q.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 x = bn();
+	Tn(x, Ji);
+	let S = /* @__PURE__ */ new Set();
+	function w(e) {
+		for (let t of e) {
+			x.registerCustom(t, mr);
+			for (let e of An(t, b)) S.has(e.id) || (S.add(e.id), Q.warn(e.message));
+		}
+	}
+	n.customBlocks?.length && w(n.customBlocks);
+	let T = sn();
+	if (i() && o(T.dispose), e.containerEl) {
+		let t = e.containerEl;
+		U(document, "pointerdown", (e) => {
+			let n = t.value;
+			n && (e.composedPath?.() ?? []).includes(n) && T.claim();
+		}, { capture: !0 });
+	}
+	function E(r) {
+		T.isActive() && Mn(r, {
+			history: p,
+			selectBlock: (e) => t.selectBlock(e),
+			getSelectedBlockId: () => t.state.selectedBlockId,
+			removeBlock: (e) => t.removeBlock(e),
+			onSave: n.onSave,
+			onBeforeUndo: e.keyboardOptions?.onBeforeUndo,
+			isPicking: () => e.capabilities?.savedBlocks?.isPicking.value === !0,
+			onConfirmPick: () => e.capabilities?.savedBlocks?.confirmPicking(),
+			onCancelPick: () => e.capabilities?.savedBlocks?.cancelPicking()
+		});
+	}
+	U(document, "keydown", E);
+	let D = v(null);
+	u(it, e.editorRoot ?? document), u(Je, D), u(Xe, r), u(W, t), u(mt, p), u(at, m), u(nt, h), u($e, a), u(Ke, f), u(vt, l), u(et, n.blockDefaults), u(dt, x), u(rt, n.customBlocks ?? []), u(qe, n.paletteBlocks), u(_t, En(n.htmlBlockPreview)), u(ct, b), u(ft, xn(t.content, x));
+	let O = ge(n.mergeTags?.syntax);
+	u(Qe, n.mergeTags?.tags ?? []), u(Ye, O), u(ot, n.mergeTags?.onRequest ?? null), u(We, n.mergeTags?.autocomplete !== !1), u(Ue, ln()), u(He, n.logicTags?.tags ?? []), u(Ze, n.logicTags?.pairs ?? []), u(st, n.logicTags?.onRequest ?? null), u(ht, un()), u(Be, n.onRequestMedia ?? null), u(tt, n.resolveImageUrl ? cn(n.resolveImageUrl) : null), u(lt, n.displayConditions?.conditions ?? []), u(ut, n.displayConditions?.allowCustom ?? !1), u(pt, e.capabilities ?? {}), u(gt, y);
+	let k = dn(n.lint) ? null : fn({
+		content: t.content,
+		options: n.lint ?? {},
+		updateBlock: t.updateBlock,
+		updateSettings: t.updateSettings,
+		removeBlock: t.removeBlock
+	});
+	u(Ge, k);
+	function A() {
+		_?.(), k?.destroy(), g?.destroy(), p.destroy();
+	}
+	return {
+		t: s,
+		format: c,
+		history: p,
+		blockActions: m,
+		conditionPreview: h,
+		autoSave: g,
+		resolvedTheme: l,
+		themeStyles: f,
+		themeOverrides: d,
+		registry: x,
+		keyboardReorder: y,
+		templateLint: k,
+		popoverRoot: D,
+		registerCustomBlocks: w,
+		destroy: A
+	};
+}
+//#endregion
+export { kn as A, Xn as C, Un as D, Wn as E, nn as F, en as I, Gt as L, mn as M, pn as N, Bn as O, an as P, tr as S, Gn as T, Sr as _, Oi as a, ar as b, mi as c, Xr as d, Zr as f, wr as g, Ir as h, ji as i, Q as j, Ln as k, fi as l, Br as m, qi as n, xi as o, Yr as p, Li as r, vi as s, Yi as t, Qr as u, gr as v, Yn as w, rr as x, mr as y };
+
+//# sourceMappingURL=useEditorCore-BA6mspzD.js.map