@templatical/editor 0.26.2 → 0.27.0

package/dist/cdn/chunks/{useEditorCore-CKQ9gmoo.js → useEditorCore-CTu_qZ3W.js}

@@ -1,55 +1,63 @@
-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, lt as k, m as A, nt 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-DCs9qL-b.js";
-import "./timeouts-SsLMC4a3.js";
-import { A as te, B as ne, C as re, D as ie, E as ae, F as oe, H as se, I as ce, L as V, M as le, N as ue, O as de, P as fe, R as pe, S as me, T as he, _ as ge, a as _e, b as ve, d as ye, et as be, f as xe, g as Se, h as Ce, i as H, j as we, k as Te, l as Ee, m as De, n as Oe, o as ke, p as Ae, r as je, s as Me, t as Ne, tt as Pe, u as Fe, w as Ie, z as Le } from "./src-B_QJduQD.js";
-import { _ as Re, h as ze, v as Be, y as Ve } from "./dist-C6z8AjBC.js";
-import { a as U, c as He, i as Ue, r as We } from "./dist-B2HKGHnc.js";
-import { A as Ge, B as Ke, C as qe, D as Je, E as W, F as Ye, G as Xe, H as Ze, I as Qe, L as $e, M as et, N as tt, O as nt, P as rt, S as it, T as at, U as ot, V as st, W as G, _ as ct, a as lt, b as ut, c as dt, f as ft, g as K, h as pt, j as mt, k as ht, m as gt, n as _t, o as vt, p as yt, r as bt, s as xt, u as St, v as Ct, w as wt, x as Tt, y as Et } from "./keys-Cmc2Yl3D.js";
-import { t as q } from "./useI18n-UMs0F71x.js";
-import { a as Dt, i as Ot, o as kt, r as J, t as At } from "./usePopoverPosition-cf8Y-ynK.js";
-import { A as jt, Bt as Mt, Et as Nt, H as Pt, Ot as Ft, Tt as It, X as Lt, d as Rt, ft as zt, ht as Bt, it as Vt, o as Ht, s as Ut, tt as Wt, u as Gt, v as Kt, vt as qt, zt as Jt } from "./icons-CvYN6zrM.js";
-import { t as Yt } from "./LoadingTrack-C52ZGL5q.js";
-import { t as Xt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import "./useCloudI18n-8wkJtuJD.js";
-import { t as Y } from "./useMergeTag-JmXOtpln.js";
-import { t as Zt } from "./useAliveFlag-Dxwgo6P4.js";
+import { A as e, B as t, E as n, F as r, H as i, I as a, K as o, N as s, P as c, Q as l, R as u, S as d, U as f, W as p, X as m, Y as h, Z as g, at as _, b as v, c as y, ct as b, et as x, f as S, g as C, h as w, it as T, j as E, k as D, l as O, lt as k, m as A, ot as j, p as M, q as N, rt as P, s as F, t as I, u as L, ut as R, w as z, x as B, y as V } from "./draggable-BfpsXFg7.js";
+import { A as ee, B as te, C as ne, D as re, E as ie, F as ae, H as oe, I as se, L as H, M as ce, N as le, O as ue, P as de, R as fe, S as pe, T as me, _ as he, a as ge, b as _e, d as ve, et as ye, f as be, g as xe, h as Se, i as U, j as Ce, k as we, l as Te, m as Ee, n as De, o as Oe, p as ke, r as Ae, s as je, t as W, tt as Me, u as Ne, w as Pe, z as Fe } from "./src-B_QJduQD.js";
+import { _ as Ie, h as Le, v as Re, y as ze } from "./dist-CYLJiSiH.js";
+import { a as G, c as Be, i as Ve, r as He } from "./dist-CM8TB0VD.js";
+import { A as Ue, B as We, C as Ge, D as Ke, E as qe, F as Je, H as Ye, I as Xe, M as Ze, N as Qe, O as $e, P as et, S as tt, T as K, U as q, V as nt, W as rt, _ as it, a as at, b as ot, c as st, d as ct, f as lt, g as ut, h as J, j as dt, k as ft, m as pt, n as mt, o as ht, p as gt, r as _t, s as vt, u as yt, v as bt, w as xt, x as St, y as Ct, z as wt } from "./keys-CbQuRX85.js";
+import "./timeouts-DHPZQ0G3.js";
+import { t as Y } from "./useI18n-DVWCJJFH.js";
+import { t as X } from "./logger-ByvdoAwq.js";
+import { a as Tt, i as Et, o as Dt, r as Z, t as Ot } from "./usePopoverPosition-BC-HA7TK.js";
+import { A as kt, Bt as At, Et as jt, H as Mt, Ot as Nt, Tt as Pt, X as Ft, d as It, ft as Lt, ht as Rt, it as zt, o as Bt, s as Vt, tt as Ht, u as Ut, v as Wt, vt as Gt, zt as Kt } from "./icons-C36Ha5VU.js";
+import { t as qt } from "./LoadingTrack-Dp_QZvAK.js";
+import { t as Jt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import "./useCloudI18n-NVa1aeY8.js";
+import { t as Q } from "./useMergeTag-BfZBRPQp.js";
+import { t as Yt } from "./useAliveFlag-Dtm174fG.js";
 //#region ../core/src/editor.ts
-function Qt(e) {
+function Xt(e) {
 	return e === "1" ? 1 : e === "3" ? 3 : 2;
 }
-function $t(e) {
-	let t = _({
-		content: e.content ?? pe(e.defaultFontFamily, e.templateDefaults),
+function Zt(e) {
+	let t = m({
+		template: null,
+		content: e.content ?? fe(e.defaultFontFamily, e.templateDefaults),
 		selectedBlockId: null,
 		viewport: "desktop",
 		darkMode: !1,
 		previewMode: !1,
 		isDirty: !1,
+		isSaving: !1,
+		isLoading: !1,
 		uiTheme: "auto"
-	}), n = m({
+	}), n = 0;
+	function r() {
+		t.isDirty = !0, n++;
+	}
+	let i = p({
 		get: () => t.content,
 		set: (e) => {
-			t.content = e, t.isDirty = !0;
+			t.content = e, r();
 		}
-	}), r = m(() => t.selectedBlockId ? i(t.content.blocks, t.selectedBlockId) : null);
-	function i(e, t) {
+	}), a = p(() => t.selectedBlockId ? o(t.content.blocks, t.selectedBlockId) : null);
+	function o(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);
+				let n = o(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 s(e, t) {
+		if (t.add(e.id), e.type === "section") for (let n of e.children) for (let e of n) s(e, t);
 	}
-	function o(e, t, n = { blocks: e }) {
+	function c(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, {
+				let n = c(i.children[e], t, {
 					blocks: i.children[e],
 					sectionId: i.id,
 					columnIndex: e
@@ -59,11 +67,11 @@ function $t(e) {
 		}
 		return null;
 	}
-	function s(t) {
+	function l(t) {
 		return e.lockedBlocks?.value.has(t) ?? !1;
 	}
-	function c(e) {
-		let n = o(t.content.blocks, e);
+	function u(e) {
+		let n = c(t.content.blocks, e);
 		if (!n) return null;
 		let r = n.blocks.findIndex((t) => t.id === e);
 		return r === -1 ? null : {
@@ -72,200 +80,275 @@ function $t(e) {
 			index: r
 		};
 	}
-	function l(e, n = !0) {
-		t.content = e, n && (t.isDirty = !0);
+	function d(e, n = !0) {
+		t.content = e, n && r();
 	}
-	function u(e) {
-		e && s(e) || (t.selectedBlockId = e);
+	function f(e) {
+		e && l(e) || (t.selectedBlockId = e);
 	}
-	function d(e) {
+	function h(e) {
 		t.viewport = e;
 	}
-	function f(e) {
+	function _(e) {
 		t.darkMode = e;
 	}
-	function p(e) {
+	function v(e) {
 		t.uiTheme = e;
 	}
-	function h(e) {
+	function y(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 b(e, n) {
+		if (l(e)) return;
+		let i = o(t.content.blocks, e);
+		i && (Object.assign(i, n), r());
 	}
-	function y(e) {
+	function x(e) {
 		t.content.settings = {
 			...t.content.settings,
 			...e
-		}, t.isDirty = !0;
+		}, r();
 	}
-	function b(e, n, r = 0, a) {
+	function S(e, n, i = 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 >= Qt(o.columns)) return;
-					o.children[r] = o.children[r] || [];
-					let t = o.children[r];
+				if (l(n)) return;
+				let r = o(t.content.blocks, n);
+				if (r && r.type === "section") {
+					if (i < 0 || i >= Xt(r.columns)) return;
+					r.children[i] = r.children[i] || [];
+					let t = r.children[i];
 					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;
+			r();
 		}
 	}
-	function x(e) {
-		if (s(e)) return;
-		let n = o(t.content.blocks, e);
+	function C(e) {
+		if (l(e)) return;
+		let n = c(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);
+			let i = n.blocks.findIndex((t) => t.id === e);
+			if (i !== -1) {
+				let [e] = n.blocks.splice(i, 1);
 				if (t.selectedBlockId) {
 					let n = /* @__PURE__ */ new Set();
-					a(e, n), n.has(t.selectedBlockId) && (t.selectedBlockId = null);
+					s(e, n), n.has(t.selectedBlockId) && (t.selectedBlockId = null);
 				}
-				t.isDirty = !0;
+				r();
 			}
 		}
 	}
-	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 >= Qt(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 w(e, n, i, a = 0) {
+		if (l(e) || i && l(i)) return;
+		let s = c(t.content.blocks, e);
+		if (!s) return;
+		let u = s.blocks.findIndex((t) => t.id === e);
+		if (u === -1 || i && s.blocks[u].type === "section") return;
+		let d;
+		if (i) {
+			let e = o(t.content.blocks, i);
+			if (!e || e.type !== "section" || a < 0 || a >= Xt(e.columns)) return;
+			e.children[a] = e.children[a] || [], d = e.children[a];
+		} else d = t.content.blocks;
+		let [f] = s.blocks.splice(u, 1);
+		d.splice(n, 0, f), r();
+	}
+	function T() {
+		r();
+	}
+	function E(e, t) {
+		throw new W(`[Templatical] Templates: ${e} ${t}`);
+	}
+	function D(t) {
+		let { templates: n } = e;
+		return n || E(t, "needs a templates provider. Pass one as `init({ templates })` to enable saving and loading."), n;
+	}
+	function O(e) {
+		t.template && (t.template = {
+			...t.template,
+			name: e
+		}, r());
+	}
+	async function k(r) {
+		let { create: i } = D("create()");
+		typeof i != "function" && E("create()", "is disabled by the provider — its `create` is `false`."), t.isLoading = !0;
+		try {
+			r?.content && (t.content = r.content);
+			let e = n, a = await i(r?.name === void 0 ? { content: t.content } : {
+				name: r.name,
+				content: t.content
+			});
+			return t.template = a, n === e && (t.isDirty = !1), a;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			t.isLoading = !1;
+		}
 	}
-	function C() {
-		t.isDirty = !0;
+	async function A(n) {
+		let r = D("load()");
+		t.isLoading = !0;
+		try {
+			let e = await r.load(n);
+			return t.template = e, t.content = e.content, t.isDirty = !1, e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			t.isLoading = !1;
+		}
+	}
+	async function j() {
+		let { save: r } = D("save()");
+		typeof r != "function" && E("save()", "is disabled by the provider — its `save` is `false`.");
+		let i = t.template;
+		i || E("save()", "has no template loaded. Call create() or load() first.");
+		let a = i.name === void 0 ? { content: t.content } : {
+			name: i.name,
+			content: t.content
+		};
+		t.isSaving = !0;
+		try {
+			let e = n, o = await r(i.id, a);
+			if (t.template?.id === i.id) {
+				let e = t.template.name;
+				t.template = e === i.name ? o : {
+					...o,
+					name: e
+				};
+			}
+			return n === e && (t.isDirty = !1), o;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			t.isSaving = !1;
+		}
+	}
+	function M() {
+		return t.template?.id !== void 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
+		content: i,
+		selectedBlock: a,
+		isBlockLocked: l,
+		setContent: d,
+		selectBlock: f,
+		setViewport: h,
+		setDarkMode: _,
+		setUiTheme: v,
+		setPreviewMode: y,
+		updateBlock: b,
+		updateSettings: x,
+		addBlock: S,
+		removeBlock: C,
+		moveBlock: w,
+		markDirty: T,
+		findBlockLocation: u,
+		setName: O,
+		create: k,
+		load: A,
+		save: j,
+		hasTemplate: M
 	};
 }
 //#endregion
 //#region ../core/src/history.ts
-var en = 50, tn = 300, nn = 1500;
-function rn(e) {
-	let { content: t, setContent: n, isRemoteOperation: r, maxSize: i = en } = 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 ve(t.value);
+var Qt = 50, $t = 300, en = 1500;
+function tn(e) {
+	let { content: t, setContent: n, isRemoteOperation: r, maxSize: i = Qt } = e, a = l([]), o = l([]), s = l(!1), c = null, u = null, d = p(() => a.value.length > 0), f = p(() => o.value.length > 0);
+	function m() {
+		return _e(t.value);
 	}
-	function p(e) {
+	function h(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 = []);
+		u &&= (clearTimeout(u.timeoutId), null);
 	}
-	function _(e) {
+	function _() {
+		r?.() || (g(), h(m()), o.value = []);
+	}
+	function v(e) {
 		if (!r?.()) {
-			if (l && l.blockId === e) {
-				clearTimeout(l.timeoutId), l.timeoutId = setTimeout(() => {
-					l = null;
-				}, tn);
+			if (u && u.blockId === e) {
+				clearTimeout(u.timeoutId), u.timeoutId = setTimeout(() => {
+					u = null;
+				}, $t);
 				return;
 			}
-			h(), p(f()), o.value = [], l = {
+			g(), h(m()), o.value = [], u = {
 				blockId: e,
 				timeoutId: setTimeout(() => {
-					l = null;
-				}, tn)
+					u = null;
+				}, $t)
 			};
 		}
 	}
 	function y() {
 		s.value = !0, c && clearTimeout(c), c = setTimeout(() => {
 			s.value = !1, c = null;
-		}, nn);
+		}, en);
 	}
 	function b() {
 		if (a.value.length === 0) return;
-		h();
+		g();
 		let e = a.value.pop();
-		o.value.push(f()), n(e, !0), y();
+		o.value.push(m()), n(e, !0), y();
 	}
 	function x() {
 		if (o.value.length === 0) return;
-		h();
+		g();
 		let e = o.value.pop();
-		a.value.push(f()), n(e, !0), y();
+		a.value.push(m()), n(e, !0), y();
 	}
 	function S() {
-		a.value = [], o.value = [], h();
+		a.value = [], o.value = [], g();
 	}
 	function C() {
 		S(), c &&= (clearTimeout(c), null);
 	}
 	return {
-		canUndo: u,
-		canRedo: d,
+		canUndo: d,
+		canRedo: f,
 		isNavigating: s,
 		undo: b,
 		redo: x,
-		record: g,
-		recordDebounced: _,
+		record: _,
+		recordDebounced: v,
 		clear: S,
 		destroy: C
 	};
 }
 //#endregion
 //#region ../core/src/block-actions.ts
-function an(e) {
+function nn(e) {
 	e.type === "table" ? e.rows = e.rows.map((e) => ({
 		...e,
-		id: V(),
+		id: H(),
 		cells: e.cells.map((e) => ({
 			...e,
-			id: V()
+			id: H()
 		}))
 	})) : e.type === "social" ? e.icons = e.icons.map((e) => ({
 		...e,
-		id: V()
+		id: H()
 	})) : e.type === "menu" && (e.items = e.items.map((e) => ({
 		...e,
-		id: V()
+		id: H()
 	})));
 }
-function on(e) {
+function rn(e) {
 	let { addBlock: t, removeBlock: n, updateBlock: r, selectBlock: i, findBlockLocation: a } = e;
 	function o(n, r, a) {
-		let o = me(n, e.blockDefaults);
+		let o = pe(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(), an(o), o.type === "section" && (o.children = o.children.map((e) => e.map((e) => {
+		if (o.id = H(), nn(o), o.type === "section" && (o.children = o.children.map((e) => e.map((e) => {
 			let t = JSON.parse(JSON.stringify(e));
-			return t.id = V(), an(t), t;
+			return t.id = H(), nn(t), t;
 		}))), n !== void 0 || r !== void 0) t(o, n, r);
 		else {
 			let i = a?.(e.id) ?? null;
@@ -288,8 +371,9 @@ function on(e) {
 }
 //#endregion
 //#region ../core/src/auto-save.ts
-function sn(e) {
-	let { content: t, isDirty: n, onChange: r, debounce: i = 1e3, enabled: a = !0 } = e, o = null, s = !1;
+var an = 2e3;
+function on(e) {
+	let { content: t, isDirty: n, onChange: r, debounce: i = an, enabled: a = !0 } = e, o = null, s = !1;
 	function c() {
 		return typeof a == "function" ? a() : a;
 	}
@@ -310,7 +394,7 @@ function sn(e) {
 			o = null, c() && !s && n() && r(JSON.parse(JSON.stringify(t.value)));
 		}, i));
 	}
-	let m = y(t, () => {
+	let m = j(t, () => {
 		p();
 	}, { deep: !0 });
 	function h() {
@@ -326,8 +410,8 @@ function sn(e) {
 }
 //#endregion
 //#region ../core/src/condition-preview.ts
-function cn(e) {
-	let t = _(/* @__PURE__ */ new Set()), n = m(() => t.size > 0);
+function sn(e) {
+	let t = m(/* @__PURE__ */ new Set()), n = p(() => t.size > 0);
 	function r(e) {
 		return t.has(e);
 	}
@@ -346,8 +430,8 @@ function cn(e) {
 }
 //#endregion
 //#region ../core/src/data-source-fetch.ts
-function ln(e) {
-	let t = v(!1), n = v(!1), r = m(() => !!e.definition.value?.dataSource), i = m(() => r.value && !e.block.value.dataSourceFetched);
+function cn(e) {
+	let t = l(!1), n = l(!1), r = p(() => !!e.definition.value?.dataSource), i = p(() => r.value && !e.block.value.dataSourceFetched);
 	async function a() {
 		let r = e.definition.value;
 		if (r?.dataSource) {
@@ -378,7 +462,7 @@ function ln(e) {
 }
 //#endregion
 //#region ../core/src/history-interceptor.ts
-function un(e, t) {
+function ln(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));
@@ -394,25 +478,25 @@ function un(e, t) {
 }
 //#endregion
 //#region ../core/src/saved-blocks.ts
-function dn(e) {
-	let { provider: t } = e, n = v([]), r = v(!1), i = C(() => {
+function un(e) {
+	let { provider: t } = e, n = l([]), r = l(!1), i = S(() => {
 		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");
+	}), a = S(() => typeof t.create == "function"), o = S(() => typeof t.update == "function"), s = S(() => typeof t.delete == "function");
 	function c(e) {
 		return o.value && e.canUpdate !== !1;
 	}
-	function l(e) {
+	function u(e) {
 		return s.value && e.canDelete !== !1;
 	}
-	function u(e, t) {
-		throw new Ne(`[Templatical] Saved blocks: ${e} is ${t}. Check the capability before calling — the editor's own UI hides the action.`);
+	function d(e, t) {
+		throw new W(`[Templatical] Saved blocks: ${e} is ${t}. Check the capability before calling — the editor's own UI hides the action.`);
 	}
-	async function d(i) {
+	async function f(i) {
 		r.value = !0;
 		try {
 			n.value = await t.list(i);
@@ -422,9 +506,9 @@ function dn(e) {
 			r.value = !1;
 		}
 	}
-	async function f(r, i, a) {
+	async function p(r, i, a) {
 		let { create: o } = t;
-		typeof o != "function" && u("create", "disabled by the provider");
+		typeof o != "function" && d("create", "disabled by the provider");
 		try {
 			let e = await o(a ? {
 				name: r,
@@ -439,11 +523,11 @@ function dn(e) {
 			throw e.onError?.(t), t;
 		}
 	}
-	async function p(r, i) {
+	async function m(r, i) {
 		let { update: a } = t;
-		typeof a != "function" && u("update", "disabled by the provider");
+		typeof a != "function" && d("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}"`);
+		o && o.canUpdate === !1 && d("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;
@@ -451,11 +535,11 @@ function dn(e) {
 			throw e.onError?.(t), t;
 		}
 	}
-	async function m(r) {
+	async function h(r) {
 		let { delete: i } = t;
-		typeof i != "function" && u("delete", "disabled by the provider");
+		typeof i != "function" && d("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}"`);
+		a && a.canDelete === !1 && d("delete", `not permitted for entry "${r}"`);
 		try {
 			await i(r), n.value = n.value.filter((e) => e.id !== r);
 		} catch (t) {
@@ -470,18 +554,18 @@ function dn(e) {
 		canUpdate: o,
 		canDelete: s,
 		canUpdateBlock: c,
-		canDeleteBlock: l,
-		load: d,
-		create: f,
-		update: p,
-		remove: m
+		canDeleteBlock: u,
+		load: f,
+		create: p,
+		update: m,
+		remove: h
 	};
 }
 //#endregion
 //#region ../core/src/saved-blocks-local.ts
-var fn = "templatical:saved-blocks";
-function pn(e = {}) {
-	let t = e.key ?? fn;
+var dn = "templatical:saved-blocks";
+function fn(e = {}) {
+	let t = e.key ?? dn;
 	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;
@@ -506,7 +590,7 @@ function pn(e = {}) {
 		},
 		async create(e) {
 			let t = (/* @__PURE__ */ new Date()).toISOString(), n = {
-				id: V(),
+				id: H(),
 				name: e.name,
 				content: e.content,
 				...e.category ? { category: e.category } : {},
@@ -533,88 +617,364 @@ function pn(e = {}) {
 	};
 }
 //#endregion
+//#region ../core/src/version-history.ts
+function pn(e) {
+	let { provider: t, getTemplateId: n } = e, r = l([]), i = l(!1), a = l(void 0), o = l(!1), s = /* @__PURE__ */ new Map(), c = S(() => typeof t.create == "function"), u = S(() => typeof t.restore == "function");
+	function d(e) {
+		let t = n();
+		if (!t) throw new W(`[Templatical] Version history: ${e} needs a template. Call create() or load() first.`);
+		return t;
+	}
+	function f(e) {
+		throw new W(`[Templatical] Version history: ${e} is disabled by the provider. Check the capability before calling — the editor's own UI hides the action.`);
+	}
+	async function p(n) {
+		let o = d("list");
+		i.value = !0;
+		try {
+			let e = await t.list(o, n);
+			r.value = e.versions, a.value = e.nextCursor;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			i.value = !1;
+		}
+	}
+	function m(e) {
+		return e.content ?? s.get(e.id) ?? null;
+	}
+	async function h(n) {
+		let r = m(n);
+		if (r) return r;
+		let i = d("get");
+		try {
+			let e = await t.get(i, n.id);
+			return s.set(n.id, e), e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function g(n, i) {
+		let { create: a } = t;
+		typeof a != "function" && f("create");
+		let o = d("create");
+		try {
+			let e = await a(o, n, i);
+			return r.value = [e, ...r.value], e;
+		} catch (t) {
+			throw e.onError?.(t), t;
+		}
+	}
+	async function _(n) {
+		let { restore: r } = t;
+		typeof r != "function" && f("restore");
+		let i = d("restore");
+		o.value = !0;
+		try {
+			return await r(i, n);
+		} catch (t) {
+			throw e.onError?.(t), t;
+		} finally {
+			o.value = !1;
+		}
+	}
+	return {
+		nextCursor: a,
+		versions: r,
+		isLoading: i,
+		isRestoring: o,
+		canCreate: c,
+		canRestore: u,
+		load: p,
+		peekContent: m,
+		resolveContent: h,
+		create: g,
+		restore: _
+	};
+}
+//#endregion
+//#region ../core/src/comments.ts
+function mn(e) {
+	let { provider: t, getTemplateId: n, getUser: r } = e, i = l([]), a = l(!1), o = l(!1), s = S(() => typeof t.create == "function"), c = S(() => typeof t.update == "function"), u = S(() => typeof t.delete == "function"), d = S(() => typeof t.setResolved == "function"), f = S(() => i.value.reduce((e, t) => e + 1 + (t.replies?.length ?? 0), 0)), p = S(() => i.value.filter((e) => !e.resolvedAt).length), m = S(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of i.value) t.blockId && e.set(t.blockId, (e.get(t.blockId) ?? 0) + 1 + (t.replies?.length ?? 0));
+		return e;
+	});
+	function h(e) {
+		let t = n();
+		if (!t) throw new W(`[Templatical] Comments: ${e} needs a template. Call create() or load() first.`);
+		return t;
+	}
+	function g(e) {
+		let t = r();
+		if (!t) throw new W(`[Templatical] Comments: ${e} needs to know who is commenting. Pass init({ user: { id, name } }) — an unattributed comment is not written.`);
+		return t;
+	}
+	function _(e) {
+		throw new W(`[Templatical] Comments: ${e} is disabled by the provider. Check the capability before calling — the editor's own UI hides the action.`);
+	}
+	function v(e) {
+		for (let t of i.value) {
+			if (t.id === e) return t;
+			for (let n of t.replies ?? []) if (n.id === e) return n;
+		}
+		return null;
+	}
+	function y(e) {
+		let t = r();
+		return t !== null && e.author.id === t.id;
+	}
+	function b(t, n) {
+		e.onComment?.({
+			type: t,
+			comment: n
+		});
+	}
+	function x(t) {
+		let n = t instanceof Error ? t : Error(String(t), { cause: t });
+		throw e.onError?.(n), n;
+	}
+	function C(e, t, n) {
+		return [
+			...e.slice(0, t),
+			n,
+			...e.slice(t + 1)
+		];
+	}
+	function w(e) {
+		if (e.parentId) {
+			i.value = i.value.map((t) => {
+				if (t.id !== e.parentId) return t;
+				let n = t.replies ?? [], r = n.findIndex((t) => t.id === e.id);
+				return {
+					...t,
+					replies: r === -1 ? [...n, e] : C(n, r, e)
+				};
+			});
+			return;
+		}
+		let t = i.value.findIndex((t) => t.id === e.id);
+		if (t === -1) {
+			i.value = [...i.value, e];
+			return;
+		}
+		i.value = C(i.value, t, {
+			...e,
+			replies: e.replies ?? i.value[t].replies
+		});
+	}
+	function T(e, t) {
+		let n = v(e), r = t ?? n?.parentId ?? null;
+		return r ? i.value = i.value.map((t) => t.id === r ? {
+			...t,
+			replies: (t.replies ?? []).filter((t) => t.id !== e)
+		} : t) : i.value = i.value.filter((t) => t.id !== e), n;
+	}
+	async function E(e) {
+		let n = h("list");
+		a.value = !0;
+		try {
+			i.value = await t.list(n, e);
+		} catch (e) {
+			x(e);
+		} finally {
+			a.value = !1;
+		}
+	}
+	async function D(e) {
+		let { create: n } = t;
+		typeof n != "function" && _("create");
+		let r = h("create");
+		g("create"), o.value = !0;
+		try {
+			let t = await n(r, e);
+			return w(t), b("created", t), t;
+		} catch (e) {
+			x(e);
+		} finally {
+			o.value = !1;
+		}
+	}
+	async function O(e, n) {
+		let { update: r } = t;
+		typeof r != "function" && _("update");
+		let i = h("update");
+		g("update"), o.value = !0;
+		try {
+			let t = await r(i, e, n);
+			return w(t), b("updated", t), t;
+		} catch (e) {
+			x(e);
+		} finally {
+			o.value = !1;
+		}
+	}
+	async function k(e) {
+		let { delete: n } = t;
+		typeof n != "function" && _("delete");
+		let r = h("delete");
+		g("delete");
+		let i = v(e);
+		o.value = !0;
+		try {
+			await n(r, e), T(e), i && b("deleted", i);
+		} catch (e) {
+			x(e);
+		} finally {
+			o.value = !1;
+		}
+	}
+	async function A(e, n) {
+		let { setResolved: r } = t;
+		typeof r != "function" && _("setResolved");
+		let i = h("setResolved");
+		g("setResolved"), o.value = !0;
+		try {
+			let t = await r(i, e, n);
+			return w(t), b(t.resolvedAt ? "resolved" : "unresolved", t), t;
+		} catch (e) {
+			x(e);
+		} finally {
+			o.value = !1;
+		}
+	}
+	function j(e) {
+		w(e), b("created", e);
+	}
+	function M(e) {
+		w(e), b(e.resolvedAt ? "resolved" : "updated", e);
+	}
+	function N(e, t) {
+		let n = T(e, t);
+		n && b("deleted", n);
+	}
+	return {
+		comments: i,
+		isLoading: a,
+		isSubmitting: o,
+		canCreate: s,
+		canUpdate: c,
+		canDelete: u,
+		canResolve: d,
+		totalCount: f,
+		unresolvedCount: p,
+		commentCountByBlock: m,
+		load: E,
+		create: D,
+		update: O,
+		remove: k,
+		setResolved: A,
+		find: v,
+		isOwn: y,
+		applyRemoteCreate: j,
+		applyRemoteUpdate: M,
+		applyRemoteDelete: N
+	};
+}
+function hn(e) {
+	let { comments: n, provider: r, getTemplateId: i } = e, { subscribe: a } = r;
+	if (typeof a != "function") return;
+	let o = null;
+	function s() {
+		o?.(), o = null;
+	}
+	t(() => i(), (e) => {
+		s(), e && (o = a(e, (e) => {
+			switch (e.type) {
+				case "created":
+					n.applyRemoteCreate(e.comment);
+					break;
+				case "updated":
+					n.applyRemoteUpdate(e.comment);
+					break;
+				case "deleted": n.applyRemoteDelete(e.commentId, e.parentId);
+			}
+		}));
+	}, { immediate: !0 }), h(s);
+}
+//#endregion
 //#region src/utils/activeEditorTracker.ts
-var X = /* @__PURE__ */ new Set(), Z = 0, mn = 0;
-function hn() {
-	let e = ++mn;
-	return X.add(e), Z === 0 && (Z = e), {
+var gn = /* @__PURE__ */ new Set(), $ = 0, _n = 0;
+function vn() {
+	let e = ++_n;
+	return gn.add(e), $ === 0 && ($ = e), {
 		id: e,
-		isActive: () => X.size <= 1 || Z === e,
+		isActive: () => gn.size <= 1 || $ === e,
 		claim: () => {
-			Z = e;
+			$ = e;
 		},
 		dispose: () => {
-			if (X.delete(e), Z === e) {
-				let e = Array.from(X);
-				Z = e[e.length - 1] ?? 0;
+			if (gn.delete(e), $ === e) {
+				let e = Array.from(gn);
+				$ = e[e.length - 1] ?? 0;
 			}
 		}
 	};
 }
 //#endregion
 //#region src/composables/usePreviewResolution.ts
-var gn = 500;
-function _n(e) {
-	let t = typeof e.resolvePreview == "function", n = v(null), r = v(!1), i = v(!1), a = 0, s = null;
+var yn = 500;
+function bn(e) {
+	let n = typeof e.resolvePreview == "function", r = l(null), i = l(!1), a = l(!1), o = 0, s = null;
 	function c() {
 		s !== null && (clearTimeout(s), s = null);
 	}
-	async function l() {
+	async function u() {
 		let t = e.resolvePreview;
 		if (!t) return;
-		let o = ++a;
-		r.value = !0;
+		let n = ++o;
+		i.value = !0;
 		let s = {
-			content: ve(e.getContent()),
+			content: _e(e.getContent()),
 			...e.getRecipient?.() === void 0 ? {} : { recipient: e.getRecipient() }
 		};
 		try {
 			let e = await t(s);
-			if (o !== a) return;
-			if (!Oe(e)) {
-				i.value = !0;
+			if (n !== o) return;
+			if (!De(e)) {
+				a.value = !0;
 				return;
 			}
-			n.value = e, i.value = !1;
+			r.value = e, a.value = !1;
 		} catch {
-			if (o !== a) return;
-			i.value = !0;
+			if (n !== o) return;
+			a.value = !0;
 		} finally {
-			o === a && (r.value = !1);
+			n === o && (i.value = !1);
 		}
 	}
-	function u() {
-		if (t) {
-			if (c(), n.value === null) {
-				l();
+	function d() {
+		if (n) {
+			if (c(), r.value === null) {
+				u();
 				return;
 			}
 			s = setTimeout(() => {
-				s = null, l();
-			}, gn);
+				s = null, u();
+			}, yn);
 		}
 	}
-	return B(() => [e.isActive(), e.getRecipient?.()], ([e]) => {
+	return t(() => [e.isActive(), e.getRecipient?.()], ([e]) => {
 		if (!e) {
-			c(), a++, r.value = !1, n.value = null, i.value = !1;
+			c(), o++, i.value = !1, r.value = null, a.value = !1;
 			return;
 		}
-		u();
-	}, { immediate: !0 }), o(() => {
-		c(), a++;
+		d();
+	}, { immediate: !0 }), h(() => {
+		c(), o++;
 	}), {
-		isConfigured: t,
-		content: C(() => n.value ?? e.getContent()),
-		isResolving: r,
-		isInitialResolve: C(() => r.value && n.value === null),
-		hasFailed: i,
-		supersedesSamples: C(() => t)
+		isConfigured: n,
+		content: S(() => r.value ?? e.getContent()),
+		isResolving: i,
+		isInitialResolve: S(() => i.value && r.value === null),
+		hasFailed: a,
+		supersedesSamples: S(() => n)
 	};
 }
 //#endregion
 //#region src/composables/useImageUrlResolver.ts
-function vn(e) {
-	let t = _(/* @__PURE__ */ new Map()), n = /* @__PURE__ */ new Set();
+function xn(e) {
+	let t = m(/* @__PURE__ */ new Map()), n = /* @__PURE__ */ new Set();
 	function r(e) {
 		return t.get(e);
 	}
@@ -646,38 +1006,38 @@ function vn(e) {
 		lookup: a
 	};
 }
-function Q(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);
+function Sn(e) {
+	let r = n(ot, null), i = S(e);
+	if (!r) return i;
+	let a;
+	function s() {
+		a !== void 0 && (clearTimeout(a), a = void 0);
+	}
+	o() && h(s);
+	let c = !0;
+	return t(i, (e) => {
+		s();
+		let t = c;
+		if (c = !1, !(!e || r.has(e))) {
+			if (t) {
+				r.lookup(e);
 				return;
 			}
-			r = setTimeout(() => {
-				r = void 0, t.lookup(e);
+			a = setTimeout(() => {
+				a = void 0, r.lookup(e);
 			}, 300);
 		}
-	}, { immediate: !0 }), C(() => {
-		let e = n.value;
+	}, { immediate: !0 }), S(() => {
+		let e = i.value;
 		if (!e) return e;
-		let r = t.get(e);
-		return typeof r == "string" && r.length > 0 ? r : e;
+		let t = r.get(e);
+		return typeof t == "string" && t.length > 0 ? t : e;
 	});
 }
 //#endregion
 //#region src/composables/useMergeTagPicker.ts
-function yn() {
-	let e = v(!1), t = v([]), n = null;
+function Cn() {
+	let e = l(!1), t = l([]), n = null;
 	function r(r) {
 		if (n) {
 			let e = n;
@@ -687,11 +1047,11 @@ function yn() {
 			n = e;
 		});
 	}
-	function a(r) {
+	function i(r) {
 		let i = n;
 		n = null, e.value = !1, t.value = [], i && i(r);
 	}
-	return i() && o(() => {
+	return o() && h(() => {
 		if (n) {
 			let e = n;
 			n = null, e(null);
@@ -701,14 +1061,14 @@ function yn() {
 		isOpen: e,
 		tags: t,
 		open: r,
-		resolve: a
+		resolve: i
 	};
 }
 //#endregion
 //#region src/composables/useLogicTagPicker.ts
-function bn() {
-	let e = v(!1), t = v([]), n = v([]), r = null;
-	function a(i, a) {
+function wn() {
+	let e = l(!1), t = l([]), n = l([]), r = null;
+	function i(i, a) {
 		if (r) {
 			let e = r;
 			r = null, e(null);
@@ -717,11 +1077,11 @@ function bn() {
 			r = e;
 		});
 	}
-	function s(i) {
+	function a(i) {
 		let a = r;
 		r = null, e.value = !1, t.value = [], n.value = [], a && a(i);
 	}
-	return i() && o(() => {
+	return o() && h(() => {
 		if (r) {
 			let e = r;
 			r = null, e(null);
@@ -731,24 +1091,24 @@ function bn() {
 		isOpen: e,
 		tags: t,
 		pairs: n,
-		open: a,
-		resolve: s
+		open: i,
+		resolve: a
 	};
 }
 //#endregion
 //#region src/composables/useTemplateLint.ts
-function xn(e) {
+function Tn(e) {
 	return e ? e.disabled === !0 || e.accessibility === !1 && e.structure === !1 && e.links === !1 : !1;
 }
-function Sn(t) {
-	let n = v([]), r = v(!1), i = v(!1), a = e(null), o = xn(t.options), s = null, c = !1;
-	o || l();
-	async function l() {
+function En(e) {
+	let n = l([]), r = l(!1), i = l(!1), a = x(null), o = Tn(e.options), s = null, c = !1;
+	o || u();
+	async function u() {
 		try {
-			let e = await import("./src-Cx70q30o.js");
+			let t = await import("./src-Cx70q30o.js");
 			if (c) return;
-			a.value = { lintTemplate: e.lintTemplate }, r.value = !0, u(), s = Ve(t.content, u, {
-				debounce: t.debounce ?? 500,
+			a.value = { lintTemplate: t.lintTemplate }, r.value = !0, d(), s = ze(e.content, d, {
+				debounce: e.debounce ?? 500,
 				deep: !0
 			});
 		} catch {
@@ -756,44 +1116,44 @@ function Sn(t) {
 			i.value = !0;
 		}
 	}
-	function u() {
-		a.value && (n.value = a.value.lintTemplate(t.content.value, t.options));
+	function d() {
+		a.value && (n.value = a.value.lintTemplate(e.content.value, e.options));
 	}
-	let d = B(() => t.options, () => {
-		a.value && u();
+	let f = t(() => e.options, () => {
+		a.value && d();
 	}, { deep: !0 });
-	function f(e) {
-		e.fix && e.fix.apply({
-			updateBlock: t.updateBlock,
-			updateSettings: t.updateSettings,
-			removeBlock: t.removeBlock
+	function p(t) {
+		t.fix && t.fix.apply({
+			updateBlock: e.updateBlock,
+			updateSettings: e.updateSettings,
+			removeBlock: e.removeBlock
 		});
 	}
-	function p() {
-		c = !0, s?.(), d();
+	function m() {
+		c = !0, s?.(), f();
 	}
 	return {
 		issues: n,
 		ready: r,
 		unavailable: i,
-		applyFix: f,
-		destroy: p
+		applyFix: p,
+		destroy: m
 	};
 }
 //#endregion
 //#region src/utils/blockTypeLabels.ts
-function Cn(e, t) {
+function Dn(e, t) {
 	return t.blocks[e] ?? e;
 }
-function wn(e, t, n = []) {
-	if (e.type !== "custom") return Cn(e.type, t);
+function On(e, t, n = []) {
+	if (e.type !== "custom") return Dn(e.type, t);
 	let { customType: r } = e;
 	return n.find((e) => e.type === r)?.name ?? r;
 }
 //#endregion
 //#region src/composables/useKeyboardReorder.ts
-function Tn(e, t, n = []) {
-	let r = v(null), i = v(""), a = null;
+function kn(e, t, n = []) {
+	let r = l(null), i = l(""), a = null;
 	function o(t) {
 		let n = e.content.value.blocks, r = n.findIndex((e) => e.id === t);
 		if (r !== -1) return {
@@ -819,56 +1179,56 @@ function Tn(e, t, n = []) {
 		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 ? wn(a, t.t, n) : "";
+		return a ? On(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) {
+	function u(e) {
 		i.value = "", queueMicrotask(() => {
 			i.value = e;
 		});
 	}
-	function u(e) {
+	function d(e) {
 		return r.value === e;
 	}
-	function d(e) {
+	function f(e) {
 		let n = o(e);
-		n && (r.value = e, a = n, l(t.format(t.t.blockActions.lifted, {
+		n && (r.value = e, a = n, u(t.format(t.t.blockActions.lifted, {
 			block: s(e),
 			position: String(n.index + 1),
 			total: String(n.total)
 		})));
 	}
-	function f(n, r) {
+	function p(n, r) {
 		let i = o(n);
 		if (!i) return;
 		let a = i.index + r;
-		a < 0 || a >= i.total || (e.moveBlock(n, a, i.sectionId, i.columnIndex), l(t.format(t.t.blockActions.moved, {
+		a < 0 || a >= i.total || (e.moveBlock(n, a, i.sectionId, i.columnIndex), u(t.format(t.t.blockActions.moved, {
 			block: s(n),
 			position: String(a + 1),
 			total: String(i.total)
 		})));
 	}
-	function p(e) {
-		f(e, -1);
-	}
 	function m(e) {
-		f(e, 1);
+		p(e, -1);
 	}
 	function h(e) {
+		p(e, 1);
+	}
+	function g(e) {
 		let n = o(e);
-		n && l(t.format(t.t.blockActions.dropped, {
+		n && u(t.format(t.t.blockActions.dropped, {
 			block: s(e),
 			position: String(n.index + 1),
 			total: String(n.total)
 		})), r.value = null, a = null;
 	}
-	function g() {
+	function _() {
 		let n = r.value;
 		if (n && a) {
 			let r = o(n);
-			r && (r && (r.sectionId !== a.sectionId || r.columnIndex !== a.columnIndex) || r && r.index !== a.index) && e.moveBlock(n, a.index, a.sectionId, a.columnIndex), l(t.format(t.t.blockActions.cancelled, {
+			r && (r && (r.sectionId !== a.sectionId || r.columnIndex !== a.columnIndex) || r && r.index !== a.index) && e.moveBlock(n, a.index, a.sectionId, a.columnIndex), u(t.format(t.t.blockActions.cancelled, {
 				block: s(n),
 				position: String(a.index + 1)
 			}));
@@ -878,23 +1238,23 @@ function Tn(e, t, n = []) {
 	return {
 		liftedBlockId: r,
 		announcement: i,
-		isLifted: u,
-		lift: d,
-		cancel: g,
-		moveUp: p,
-		moveDown: m,
-		drop: h
+		isLifted: d,
+		lift: f,
+		cancel: _,
+		moveUp: m,
+		moveDown: h,
+		drop: g
 	};
 }
 //#endregion
 //#region src/composables/useUiTheme.ts
-function En(e) {
-	let t = He("(prefers-color-scheme: dark)");
-	return { resolvedTheme: C(() => e.value === "auto" ? t.value ? "dark" : "light" : e.value) };
+function An(e) {
+	let t = Be("(prefers-color-scheme: dark)");
+	return { resolvedTheme: S(() => e.value === "auto" ? t.value ? "dark" : "light" : e.value) };
 }
 //#endregion
 //#region src/composables/useThemeStyles.ts
-var Dn = {
+var jn = {
 	bg: "--tpl-bg",
 	bgElevated: "--tpl-bg-elevated",
 	bgHover: "--tpl-bg-hover",
@@ -918,10 +1278,10 @@ var Dn = {
 	dangerLight: "--tpl-danger-light",
 	canvasBg: "--tpl-canvas-bg"
 };
-function On({ themeOverrides: e, resolvedTheme: t, extraStyles: n }) {
-	return { themeStyles: C(() => {
+function Mn({ themeOverrides: e, resolvedTheme: t, extraStyles: n }) {
+	return { themeStyles: S(() => {
 		let r = {}, i = e.value, a = t.value === "dark" ? i.dark : i;
-		if (a) for (let [e, t] of Object.entries(Dn)) {
+		if (a) for (let [e, t] of Object.entries(jn)) {
 			let n = a[e];
 			n && (r[t] = n);
 		}
@@ -929,60 +1289,40 @@ function On({ themeOverrides: e, resolvedTheme: t, extraStyles: n }) {
 	}) };
 }
 //#endregion
-//#region src/utils/logger.ts
-var kn = "[Templatical]";
-function An() {
-	return typeof process < "u" && !0;
-}
-var $ = {
-	warn(...e) {
-		console.warn(kn, ...e);
-	},
-	error(...e) {
-		console.error(kn, ...e);
-	},
-	debug(...e) {
-		An() || console.debug(kn, ...e);
-	},
-	info(...e) {
-		An() || console.info(kn, ...e);
-	}
-};
-//#endregion
 //#region src/composables/useBlockRegistry.ts
-function jn() {
-	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, {
+function Nn() {
+	let e = x(/* @__PURE__ */ new Map());
+	function t(t, n) {
+		e.value.set(t, n), T(e);
+	}
+	function n(t, n) {
+		let r = `custom:${t.type}`;
+		e.value.set(r, {
 			component: n,
-			createBlock: () => he(e),
-			definition: e
-		}), N(t);
+			createBlock: () => me(t),
+			definition: t
+		}), T(e);
 	}
-	function i(e) {
-		if (e.type === "custom") {
-			let n = `custom:${e.customType}`;
-			return t.value.get(n)?.component;
+	function r(t) {
+		if (t.type === "custom") {
+			let n = `custom:${t.customType}`;
+			return e.value.get(n)?.component;
 		}
-		return t.value.get(e.type)?.component;
+		return e.value.get(t.type)?.component;
 	}
-	function a(e) {
-		return t.value.get(e)?.createBlock();
+	function i(t) {
+		return e.value.get(t)?.createBlock();
 	}
-	function o(e) {
-		let n = `custom:${e}`;
-		return t.value.get(n)?.definition;
+	function a(t) {
+		let n = `custom:${t}`;
+		return e.value.get(n)?.definition;
 	}
-	function s(e) {
+	function o(e) {
 		return `<div style="color: var(--tpl-text-muted); padding: 16px; text-align: center; border: 1px dashed var(--tpl-border); border-radius: var(--tpl-radius-sm); font-family: var(--tpl-font-family); font-size: 14px;">${e}</div>`;
 	}
-	async function c(e) {
-		let t = o(e.customType);
-		if (!t) return s("Block definition not found");
+	async function s(e) {
+		let t = a(e.customType);
+		if (!t) return o("Block definition not found");
 		try {
 			let { Liquid: n } = await import("./liquid.browser-UlAOKBjI.js");
 			return await new n({
@@ -990,27 +1330,27 @@ function jn() {
 				strictFilters: !1
 			}).parseAndRender(t.template, e.fieldValues);
 		} catch (t) {
-			return $.error(`Failed to render custom block "${e.customType}":`, t), s(`Render error: ${e.customType}`);
+			return X.error(`Failed to render custom block "${e.customType}":`, t), o(`Render error: ${e.customType}`);
 		}
 	}
-	function l(e) {
-		return t.value.has(e);
+	function c(t) {
+		return e.value.has(t);
 	}
 	return {
-		registerBuiltIn: n,
-		registerCustom: r,
-		getComponent: i,
-		createBlock: a,
-		getDefinition: o,
-		renderCustomBlock: c,
-		isRegistered: l
+		registerBuiltIn: t,
+		registerCustom: n,
+		getComponent: r,
+		createBlock: i,
+		getDefinition: a,
+		renderCustomBlock: s,
+		isRegistered: c
 	};
 }
 //#endregion
 //#region src/composables/useCustomBlockStylesheets.ts
-function Mn(e, t) {
-	return C(() => {
-		let n = Nn(e.value.blocks);
+function Pn(e, t) {
+	return S(() => {
+		let n = Fn(e.value.blocks);
 		if (n.size === 0) return [];
 		let r = /* @__PURE__ */ new Set(), i = [];
 		for (let e of n) {
@@ -1022,81 +1362,81 @@ function Mn(e, t) {
 		return i;
 	});
 }
-function Nn(e) {
+function Fn(e) {
 	let t = /* @__PURE__ */ new Set();
-	return Pn(e, t), t;
+	return In(e, t), t;
 }
-function Pn(e, t) {
+function In(e, t) {
 	for (let n of e) {
-		if (se(n)) {
+		if (oe(n)) {
 			t.add(n.customType);
 			continue;
 		}
 		if (n.type === "section") {
 			let e = n.children;
 			if (!e) continue;
-			for (let n of e) Pn(n, t);
+			for (let n of e) In(n, t);
 		}
 	}
 }
 //#endregion
 //#region src/utils/registerBuiltInBlocks.ts
-var Fn = [
+var Ln = [
 	{
 		type: "section",
-		createBlock: we
+		createBlock: Ce
 	},
 	{
 		type: "title",
-		createBlock: oe
+		createBlock: ae
 	},
 	{
 		type: "paragraph",
-		createBlock: te
+		createBlock: ee
 	},
 	{
 		type: "image",
-		createBlock: de
+		createBlock: ue
 	},
 	{
 		type: "button",
-		createBlock: re
+		createBlock: ne
 	},
 	{
 		type: "divider",
-		createBlock: ae
+		createBlock: ie
 	},
 	{
 		type: "video",
-		createBlock: ce
+		createBlock: se
 	},
 	{
 		type: "social",
-		createBlock: le
+		createBlock: ce
 	},
 	{
 		type: "menu",
-		createBlock: Te
+		createBlock: we
 	},
 	{
 		type: "table",
-		createBlock: fe
+		createBlock: de
 	},
 	{
 		type: "spacer",
-		createBlock: ue
+		createBlock: le
 	},
 	{
 		type: "html",
-		createBlock: ie
+		createBlock: re
 	},
 	{
 		type: "countdown",
-		createBlock: Ie
+		createBlock: Pe
 	}
 ];
-function In(e, t) {
-	for (let n of Fn) {
+function Rn(e, t) {
+	for (let n of Ln) {
 		let r = t[n.type];
 		r && e.registerBuiltIn(n.type, {
 			component: r,
@@ -1106,34 +1446,34 @@ function In(e, t) {
 }
 //#endregion
 //#region src/utils/resolveHtmlBlockPreview.ts
-function Ln(e) {
+function zn(e) {
 	return typeof e == "boolean" ? e : e?.enabled ?? !1;
 }
 //#endregion
 //#region src/utils/collectOffPaletteDefaults.ts
-function Rn(e) {
+function Bn(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function zn(e, t, n) {
-	let r = new Set(e.map((e) => J(e))), i = [], a = (e, t) => {
-		for (let [n, o] of Object.entries(e)) typeof o == "string" ? o !== "" && /color$/i.test(n) && !r.has(J(o)) && i.push(`${t}.${n}: ${o}`) : Rn(o) && a(o, `${t}.${n}`);
+function Vn(e, t, n) {
+	let r = new Set(e.map((e) => Z(e))), i = [], a = (e, t) => {
+		for (let [n, o] of Object.entries(e)) typeof o == "string" ? o !== "" && /color$/i.test(n) && !r.has(Z(o)) && i.push(`${t}.${n}: ${o}`) : Bn(o) && a(o, `${t}.${n}`);
 	}, o = t;
-	for (let [e, t] of Object.entries(Le)) {
+	for (let [e, t] of Object.entries(Fe)) {
 		let n = o?.[e];
 		a({
 			...t,
-			...Rn(n) ? n : {}
+			...Bn(n) ? n : {}
 		}, e);
 	}
 	return a({
-		...ne,
+		...te,
 		...n ?? {}
 	}, "template"), i;
 }
 //#endregion
 //#region src/utils/resolveFieldColors.ts
-function Bn(e, t) {
-	let n = kt({ presets: e.presets }, Dt), r = n.presets.length === 0;
+function Hn(e, t) {
+	let n = Dt({ presets: e.presets }, Tt), r = n.presets.length === 0;
 	return {
 		presets: r ? t.presets : n.presets,
 		allowCustom: t.allowCustom === !1 ? !1 : e.allowCustom ?? t.allowCustom,
@@ -1145,9 +1485,9 @@ function Bn(e, t) {
 }
 //#endregion
 //#region src/utils/collectColorFieldIssues.ts
-function Vn(e, t) {
+function Un(e, t) {
 	let n = [], r = (r, i) => {
-		let a = Bn(r, t), o = `custom block "${e.type}" field "${i}"`, s = (t) => `${e.type}:${i}:${t}`;
+		let a = Hn(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." : "")
@@ -1158,8 +1498,8 @@ function Vn(e, t) {
 			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) => J(e)));
-			e !== "" && !t.has(J(e)) && n.push({
+			let e = r.default ?? "", t = new Set(a.presets.map((e) => Z(e)));
+			e !== "" && !t.has(Z(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.`
 			});
@@ -1171,7 +1511,7 @@ function Vn(e, t) {
 }
 //#endregion
 //#region src/utils/keyboardShortcuts.ts
-function Hn(e) {
+function Wn(e) {
 	for (let t of e.composedPath()) {
 		if (!(t instanceof HTMLElement)) continue;
 		if (t.isContentEditable) return !0;
@@ -1180,18 +1520,18 @@ function Hn(e) {
 	}
 	return !1;
 }
-function Un(e, t) {
+function Gn(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 (Hn(e)) return;
+		if (Wn(e)) return;
 		e.preventDefault(), e.shiftKey ? t.history.redo() : (t.onBeforeUndo?.(), t.history.undo());
 		return;
 	}
-	if (t.isPicking?.() && !Hn(e)) {
+	if (t.isPicking?.() && !Wn(e)) {
 		if (e.key === "Escape") {
 			e.preventDefault(), t.onCancelPick?.();
 			return;
@@ -1209,11 +1549,11 @@ function Un(e, t) {
 		t.selectBlock(null);
 		return;
 	}
-	(e.key === "Delete" || e.key === "Backspace") && t.getSelectedBlockId() && !Hn(e) && (e.preventDefault(), t.history.record(), t.removeBlock(t.getSelectedBlockId()));
+	(e.key === "Delete" || e.key === "Backspace") && t.getSelectedBlockId() && !Wn(e) && (e.preventDefault(), t.history.record(), t.removeBlock(t.getSelectedBlockId()));
 }
 //#endregion
 //#region src/utils/mergeTagLabelSegments.ts
-function Wn(e, t, n, r = !1) {
+function Kn(e, t, n, r = !1) {
 	if (!e) return [];
 	let i = RegExp(`(${n.value.source}|${n.logic.source})`, "g"), a = [], o = 0, s;
 	for (; (s = i.exec(e)) !== null;) {
@@ -1222,18 +1562,18 @@ function Wn(e, t, n, r = !1) {
 			value: e.slice(o, s.index)
 		});
 		let i = s[0];
-		if (xe(i, n)) {
-			let e = r ? Me(i, t) : void 0;
+		if (be(i, n)) {
+			let e = r ? je(i, t) : void 0;
 			a.push(e === void 0 ? {
 				type: "tag",
-				value: ke(i, t)
+				value: Oe(i, t)
 			} : {
 				type: "text",
 				value: e
 			});
-		} else ye(i, n) ? a.push({
+		} else ve(i, n) ? a.push({
 			type: "tag",
-			value: _e(i, n)
+			value: ge(i, n)
 		}) : a.push({
 			type: "text",
 			value: i
@@ -1247,27 +1587,27 @@ function Wn(e, t, n, r = !1) {
 }
 //#endregion
 //#region src/components/MergeTagPreviewText.vue
-var Gn = R({
+var qn = d({
 	name: "MergeTagPreviewText",
 	props: { text: {
 		type: String,
 		required: !0
 	} },
 	setup(e) {
-		let t = p(W, []), r = p(Ge, je.liquid), i = p(G, null), a = C(() => Wn(e.text, t, r, i?.value ?? !1));
-		return () => a.value.map((e, t) => e.type === "tag" ? n("span", {
+		let t = n(K, []), r = n(ft, Ae.liquid), i = n(q, null), a = S(() => Kn(e.text, t, r, i?.value ?? !1));
+		return () => a.value.map((e, t) => e.type === "tag" ? z("span", {
 			key: t,
 			class: "tpl-merge-tag-label"
 		}, e.value) : e.value);
 	}
-}), Kn = ["href"], qn = /* @__PURE__ */ R({
+}), Jn = ["href"], Yn = /* @__PURE__ */ d({
 	__name: "ButtonBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = C(() => {
+		let t = e, n = S(() => {
 			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`,
@@ -1280,42 +1620,42 @@ var Gn = R({
 				textAlign: "center"
 			};
 			return t.block.fontFamily && (e.fontFamily = t.block.fontFamily), t.block.width === "full" ? (e.display = "block", e.width = "100%", e.boxSizing = "border-box") : typeof t.block.width == "number" && (e.width = `${t.block.width}px`, e.boxSizing = "border-box"), e;
-		}), r = C(() => ({ textAlign: t.block.align ?? "center" }));
-		return (t, i) => (l(), w("div", { style: S(r.value) }, [M("a", {
+		}), r = S(() => ({ textAlign: t.block.align ?? "center" }));
+		return (t, i) => (s(), C("div", { style: k(r.value) }, [M("a", {
 			href: e.block.url || "#",
-			style: S(n.value),
+			style: k(n.value),
 			class: "tpl:cursor-default",
 			onClick: i[0] ||= O(() => {}, ["prevent"])
-		}, [z(Gn, { text: e.block.text }, null, 8, ["text"])], 12, Kn)], 4));
+		}, [v(qn, { text: e.block.text }, null, 8, ["text"])], 12, Jn)], 4));
 	}
-}), Jn = ["innerHTML"], Yn = [
+}), Xn = ["innerHTML"], Zn = [
 	"src",
 	"width",
 	"height"
-], Xn = /* @__PURE__ */ R({
+], Qn = /* @__PURE__ */ d({
 	__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", {
+		let t = e, n = S(() => t.size ?? 20), r = S(() => t.icon && (t.icon.trimStart().startsWith("<svg") || t.icon.trimStart().startsWith("<SVG"))), i = S(() => t.icon && !r.value && (t.icon.startsWith("http") || t.icon.startsWith("/")));
+		return (t, a) => r.value ? (s(), C("span", {
 			key: 0,
 			class: "tpl:inline-flex tpl:items-center tpl:justify-center",
-			style: S({
+			style: k({
 				width: `${n.value}px`,
 				height: `${n.value}px`
 			}),
 			innerHTML: e.icon
-		}, null, 12, Jn)) : i.value ? (l(), w("img", {
+		}, null, 12, Xn)) : i.value ? (s(), C("img", {
 			key: 1,
 			src: e.icon,
 			width: n.value,
 			height: n.value,
 			class: "tpl:inline-block",
 			alt: ""
-		}, null, 8, Yn)) : (l(), A(E(Jt), {
+		}, null, 8, Zn)) : (s(), A(_(Kt), {
 			key: 2,
 			size: n.value,
 			"stroke-width": 1.5
@@ -1324,50 +1664,50 @@ var Gn = R({
 });
 //#endregion
 //#region src/composables/useEditorRoot.ts
-function Zn() {
-	return p(ct, document) ?? document;
+function $n() {
+	return n(ut, document) ?? document;
 }
 //#endregion
 //#region src/composables/useFocusTrap.ts
-var Qn = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function $n(e, t) {
-	let n = Zn(), r = null, i = null, a = null;
+var er = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function tr(e, n) {
+	let r = $n(), i = null, a = null, o = null;
 	function s() {
-		return e.value ? Array.from(e.value.querySelectorAll(Qn)).filter((e) => e.offsetParent !== null) : [];
+		return e.value ? Array.from(e.value.querySelectorAll(er)).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());
+		let n = t[0], i = t[t.length - 1];
+		e.shiftKey ? r.activeElement === n && (e.preventDefault(), i.focus()) : r.activeElement === i && (e.preventDefault(), n.focus());
 	}
 	function l() {
-		let t = i !== null || a !== null;
-		t && u({ restoreFocus: !1 }), t || (r = n.activeElement), a = requestAnimationFrame(() => {
-			a = null;
+		let t = a !== null || o !== null;
+		t && u({ restoreFocus: !1 }), t || (i = r.activeElement), o = requestAnimationFrame(() => {
+			o = null;
 			let t = s();
 			t.length > 0 && (e.value?.querySelector("[autofocus], input:not([disabled])") ?? t[0]).focus();
-		}), i = U(e, "keydown", c);
+		}), a = G(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);
+		o !== null && (typeof cancelAnimationFrame < "u" && cancelAnimationFrame(o), o = null), a?.(), a = null, t && i && i.focus && (i.focus(), i = null);
 	}
-	let d = B([t, e], ([e, t]) => {
+	let d = t([n, e], ([e, t]) => {
 		e && t ? l() : u();
 	}, { flush: "post" });
-	o(() => {
+	h(() => {
 		d(), u();
 	});
 }
 //#endregion
 //#region src/composables/useEmoji.ts
-function er() {
-	let [t, n] = Be(!1), r = e([]), i = !1;
-	o(() => {
+function nr() {
+	let [e, n] = Re(!1), r = x([]), i = !1;
+	h(() => {
 		i = !0;
-	}), B(t, async (e) => {
+	}), t(e, async (e) => {
 		if (e && r.value.length === 0) {
 			let { emojiCategories: e } = await import("./emojiData-6m0DBh7O.js");
 			if (i) return;
@@ -1377,69 +1717,19 @@ function er() {
 	function a() {
 		n();
 	}
-	function s() {
-		t.value = !1;
+	function o() {
+		e.value = !1;
 	}
 	return {
 		categories: r,
-		isOpen: t,
+		isOpen: e,
 		toggle: a,
-		close: s
-	};
-}
-//#endregion
-//#region src/composables/useDragDrop.ts
-function tr(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
+		close: o
 	};
 }
 //#endregion
 //#region src/composables/useFonts.ts
-var nr = [
+var rr = [
 	{
 		value: "Arial",
 		label: "Arial"
@@ -1468,7 +1758,7 @@ var nr = [
 		value: "Courier New",
 		label: "Courier New"
 	}
-], rr = {
+], ir = {
 	arial: "Arial, sans-serif",
 	helvetica: "Helvetica, sans-serif",
 	georgia: "Georgia, serif",
@@ -1476,118 +1766,104 @@ var nr = [
 	verdana: "Verdana, sans-serif",
 	"trebuchet ms": "'Trebuchet MS', sans-serif",
 	"courier new": "'Courier New', monospace"
-}, ir = "Arial, sans-serif";
-function ar(e) {
-	if (e === void 0 || e === !0) return [...nr];
+}, ar = "Arial, sans-serif";
+function or(e) {
+	if (e === void 0 || e === !0) return [...rr];
 	if (e === !1) return [];
 	let t = [], n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
 	for (let i of e) {
-		let e = i.toLowerCase(), a = nr.find((t) => t.value.toLowerCase() === e);
+		let e = i.toLowerCase(), a = rr.find((t) => t.value.toLowerCase() === e);
 		if (!a) {
-			r.has(e) || (r.add(e), $.warn(`config.fonts.builtIns: "${i}" is not a built-in font — skipping it. Built-in fonts are: ${nr.map((e) => e.value).join(", ")}.`));
+			r.has(e) || (r.add(e), X.warn(`config.fonts.builtIns: "${i}" is not a built-in font — skipping it. Built-in fonts are: ${rr.map((e) => e.value).join(", ")}.`));
 			continue;
 		}
 		n.has(a.value) || (n.add(a.value), t.push(a));
 	}
 	return t;
 }
-function or(e) {
-	let t = v(e?.customFonts ?? []), n = v(!0), r = v(!1), a = ar(e?.builtIns), s = C(() => e?.defaultFallback ?? ir);
-	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) => ({
+function sr(e) {
+	let t = l(e?.customFonts ?? []), n = l(!1), r = or(e?.builtIns), i = S(() => e?.defaultFallback ?? ar), a = S(() => {
+		let e = [...r], n = t.value.map((e) => ({
 			value: e.name,
 			label: e.name,
 			isCustom: !0
-		})), i = [...e, ...r];
+		})), i = [...e, ...n];
 		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 ?? ir.split(",")[0].trim();
-	u(d) || $.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 nr.some((t) => t.label.toLowerCase() === e.toLowerCase() || t.value.toLowerCase().startsWith(e.toLowerCase()));
+	function s(e) {
+		return a.value.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 ir;
-			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;
-			}
+	let c = e?.defaultFont ?? ar.split(",")[0].trim();
+	s(c) || X.warn(`config.fonts: new templates seed "${c}", which the font picker doesn't offer — authors can't reselect it. Either add it to fonts.builtIns, or set fonts.defaultFont to an offered font.`);
+	function u() {
+		if (e?.defaultFont && s(e.defaultFont)) {
+			let t = a.value.find((t) => t.label.toLowerCase() === e.defaultFont.toLowerCase() || t.value.toLowerCase().startsWith(e.defaultFont.toLowerCase()));
+			if (t) return t.value;
 		}
-		return ir;
+		return ar;
 	}
-	let m = C(() => p());
-	function h(e) {
-		if (!e) return s.value;
+	let d = S(() => u());
+	function f(e) {
+		if (!e) return i.value;
 		let n = t.value.find((t) => t.name.toLowerCase() === e.toLowerCase());
-		return n ? `'${n.name}', ${n.fallback ?? s.value}` : rr[e.toLowerCase()] || (e.includes(",") ? e : `${e}, ${s.value}`);
+		return n ? `'${n.name}', ${n.fallback ?? i.value}` : ir[e.toLowerCase()] || (e.includes(",") ? e : `${e}, ${i.value}`);
 	}
-	let g = [], _ = !1;
-	async function y() {
+	let p = [], m = !1;
+	async function g() {
 		if (t.value.length === 0) {
-			_ || (r.value = !0);
+			m || (n.value = !0);
 			return;
 		}
 		let e = t.value.map(async (e) => {
 			try {
 				if (document.querySelector(`link[data-custom-font="${CSS.escape(e.name)}"]`)) return;
 				let t = document.createElement("link");
-				t.rel = "stylesheet", t.href = e.url, t.setAttribute("data-custom-font", e.name), g.push(t), await new Promise((n, r) => {
+				t.rel = "stylesheet", t.href = e.url, t.setAttribute("data-custom-font", e.name), p.push(t), await new Promise((n, r) => {
 					t.onload = () => n(), t.onerror = () => r(/* @__PURE__ */ Error(`Failed to load font: ${e.name}`)), document.head.appendChild(t);
 				});
 			} catch (t) {
-				$.warn(`Failed to load custom font "${e.name}":`, t);
+				X.warn(`Failed to load custom font "${e.name}":`, t);
 			}
 		});
-		await Promise.allSettled(e), !_ && (r.value = !0);
+		await Promise.allSettled(e), !m && (n.value = !0);
 	}
-	function b() {
-		for (let e of g) e.remove();
-		g.length = 0;
+	function _() {
+		for (let e of p) e.remove();
+		p.length = 0;
 	}
-	return i() && o(() => {
-		_ = !0, b();
+	return o() && h(() => {
+		m = !0, _();
 	}), {
-		fonts: l,
-		defaultFont: m,
-		defaultFallback: s,
+		fonts: a,
+		defaultFont: d,
+		defaultFallback: i,
 		customFonts: t,
-		customFontsEnabled: n,
-		isLoaded: r,
-		setCustomFontsEnabled: c,
-		loadCustomFonts: y,
-		cleanupFontLinks: b,
-		getFontWithFallback: h,
-		getDefaultFont: p
+		isLoaded: n,
+		loadCustomFonts: g,
+		cleanupFontLinks: _,
+		getFontWithFallback: f,
+		getDefaultFont: u
 	};
 }
 //#endregion
 //#region src/composables/useLogicTag.ts
-function sr() {
-	let e = p(wt, []), t = p(qe, []), n = p(Ge, je.liquid), r = p(mt, null), i = p(at, 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;
+function cr() {
+	let e = n(Ge, []), t = n(tt, []), r = n(ft, Ae.liquid), i = n(Ue, null), a = n(xt, null), o = l(!1), s = !!i || e.length > 0 || t.length > 0, c = e.length > 0 || t.length > 0;
+	async function u() {
+		if (i) {
+			o.value = !0;
 			try {
-				return await r();
+				return await i();
 			} finally {
-				a.value = !1;
+				o.value = !1;
 			}
 		}
-		if (i && s) {
-			a.value = !0;
+		if (a && c) {
+			o.value = !0;
 			try {
-				return await i.open(e, t);
+				return await a.open(e, t);
 			} finally {
-				a.value = !1;
+				o.value = !1;
 			}
 		}
 		return null;
@@ -1595,20 +1871,20 @@ function sr() {
 	return {
 		logicTags: e,
 		logicPairs: t,
-		syntax: n,
-		canInsertLogicTag: o,
-		isRequesting: a,
-		requestLogicTag: c
+		syntax: r,
+		canInsertLogicTag: s,
+		isRequesting: o,
+		requestLogicTag: u
 	};
 }
 //#endregion
 //#region src/utils/mergeTagNodeSpec.ts
-function cr(e, t, n) {
-	return ye(e, n) ? {
+function lr(e, t, n) {
+	return ve(e, n) ? {
 		type: "logicMergeTagNode",
 		attrs: {
 			value: e,
-			keyword: _e(e, n)
+			keyword: ge(e, n)
 		}
 	} : {
 		type: "mergeTagNode",
@@ -1620,15 +1896,15 @@ function cr(e, t, n) {
 }
 //#endregion
 //#region src/utils/insertLogicTag.ts
-function lr(e) {
+function ur(e) {
 	return "before" in e && "after" in e;
 }
-function ur(e, t, n) {
-	if (!lr(t)) {
-		e.chain().focus().insertContent(cr(t.value, t.label, n)).run();
+function dr(e, t, n) {
+	if (!ur(t)) {
+		e.chain().focus().insertContent(lr(t.value, t.label, n)).run();
 		return;
 	}
-	let r = cr(t.before, t.label, n), i = cr(t.after, t.label, n), { from: a, to: o } = e.state.selection;
+	let r = lr(t.before, t.label, n), i = lr(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;
@@ -1637,20 +1913,20 @@ function ur(e, t, n) {
 }
 //#endregion
 //#region src/utils/linkColorExtension.ts
-function dr(e) {
+function fr(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 fr(e) {
+function pr(e) {
 	return e.extend({ addAttributes() {
 		return {
 			...this.parent?.(),
 			color: {
 				default: null,
-				parseHTML: (e) => dr(Ot(e.style.color)),
+				parseHTML: (e) => fr(Et(e.style.color)),
 				renderHTML: (e) => {
-					let t = dr(e.color);
+					let t = fr(e.color);
 					return t ? { style: `color: ${t}` } : {};
 				}
 			}
@@ -1659,9 +1935,9 @@ function fr(e) {
 }
 //#endregion
 //#region src/composables/useRichTextLinkDialog.ts
-function pr(e) {
-	let t = v(!1), n = v(""), r = v(""), i = v(null);
-	$n(i, t);
+function mr(e) {
+	let t = l(!1), n = l(""), r = l(""), i = l(null);
+	tr(i, t);
 	function a() {
 		let i = e.value?.getAttributes("link") ?? {};
 		n.value = i.href || "", r.value = i.color || "", t.value = !0;
@@ -1670,11 +1946,11 @@ function pr(e) {
 		if (n.value) {
 			let t = c(n.value);
 			if (t !== null) {
-				let n = dr(r.value), i = e.value?.chain().focus().extendMarkRange("link").setLink({ href: t }).updateAttributes("link", { color: n });
+				let n = fr(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();
+		d();
 	}
 	let s = /* @__PURE__ */ new Set([
 		"http",
@@ -1694,14 +1970,14 @@ function pr(e) {
 		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() {
+		e.value?.chain().focus().extendMarkRange("link").unsetLink().run(), d();
+	}
+	function d() {
 		t.value = !1, n.value = "", r.value = "";
 	}
-	function d(e) {
-		e.key === "Enter" ? (e.preventDefault(), o()) : e.key === "Escape" && u();
+	function f(e) {
+		e.key === "Enter" ? (e.preventDefault(), o()) : e.key === "Escape" && d();
 	}
 	return {
 		showLinkDialog: t,
@@ -1710,277 +1986,277 @@ function pr(e) {
 		linkDialogRef: i,
 		openLinkDialog: a,
 		insertLink: o,
-		removeLink: l,
-		closeLinkDialog: u,
-		handleLinkKeydown: d
+		removeLink: u,
+		closeLinkDialog: d,
+		handleLinkKeydown: f
 	};
 }
 //#endregion
 //#region src/composables/useRichTextEditor.ts
-function mr(t) {
-	let n = p(K, null), { mergeTags: r, canRequestMergeTag: i, isRequesting: a, requestMergeTag: o, syntax: c, autocomplete: l } = Y(), { canInsertLogicTag: u, isRequesting: d, requestLogicTag: f } = sr(), m = p(Ze, 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 } = pr(_), { start: k, stop: A } = Re(() => _.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;
+function hr(r) {
+	let i = n(J, null), { mergeTags: a, canRequestMergeTag: o, isRequesting: s, requestMergeTag: c, syntax: u, autocomplete: d } = Q(), { canInsertLogicTag: f, isRequesting: p, requestLogicTag: m } = cr(), h = n(nt, null), g = (N(h) ? h.value : h)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", _ = Te(u), v = x(null), { showLinkDialog: y, linkUrl: b, linkColor: S, linkDialogRef: C, openLinkDialog: w, insertLink: T, removeLink: E, closeLinkDialog: D, handleLinkKeydown: O } = mr(v), { start: k, stop: A } = Ie(() => v.value?.commands.focus("end"), 0, { immediate: !1 }), j = x(null), M = l(!0), P = l(null), F = !1;
+	async function I() {
+		P.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
+			let { TiptapEditor: e, EC: t, extensions: n } = await r.loadExtensions({
+				mergeTags: a,
+				syntax: u,
+				triggerChar: _,
+				autocompleteEnabled: d,
+				suggestionEmptyText: g
 			});
-			if (P) return;
-			j.value = i;
+			if (F) return;
+			j.value = t;
 			let o = /* @__PURE__ */ new Map();
-			a.forEach((e, t) => o.set(e.name, t));
+			n.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(),
+				extensions: n.filter((e, t) => o.get(e.name) === t),
+				content: r.blockContent(),
 				editable: !0,
 				onUpdate: ({ editor: e }) => {
-					P || n && n.updateBlock(t.blockId(), { content: e.getHTML() });
+					F || i && i.updateBlock(r.blockId(), { content: e.getHTML() });
 				}
 			});
-			if (P) {
+			if (F) {
 				s.destroy();
 				return;
 			}
-			_.value = s, M.value = !1, k();
+			v.value = s, M.value = !1, k();
 		} catch (e) {
-			if (P) return;
-			$.error(`[${t.editorName ?? "RichTextEditor"}] Failed to initialize TipTap editor:`, e), N.value = e instanceof Error ? e.message : "Failed to load editor", M.value = !1;
+			if (F) return;
+			X.error(`[${r.editorName ?? "RichTextEditor"}] Failed to initialize TipTap editor:`, e), P.value = e instanceof Error ? e.message : "Failed to load editor", M.value = !1;
 		}
 	}
-	function ee() {
-		_.value?.destroy(), _.value = null, F();
+	function L() {
+		v.value?.destroy(), v.value = null, I();
 	}
-	F();
-	let I = B(() => t.blockContent(), (e) => {
-		_.value && _.value.getHTML() !== e && _.value.commands.setContent(e, { emitUpdate: !1 });
+	I();
+	let R = t(() => r.blockContent(), (e) => {
+		v.value && v.value.getHTML() !== e && v.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();
+	function z(e) {
+		if (s.value || p.value) return;
+		let t = e.composedPath(), n = t.find((e) => e instanceof HTMLElement);
+		if (!n) return;
+		r.onClickOutsideSideEffect?.(n);
+		let i = t.some((e) => e instanceof HTMLElement && e.classList.contains("tpl-color-popover"));
+		n.closest(".tpl-text-editor-wrapper") || n.closest(".tpl-text-toolbar") || n.closest(".tpl-link-dialog") || i || r.onDone();
+	}
+	G(document, "mousedown", z), e(() => {
+		F = !0, R(), A(), v.value?.destroy();
 	});
-	async function R() {
-		let e = await o();
-		P || (e && _.value ? _.value.chain().focus().insertMergeTag({
+	async function B() {
+		let e = await c();
+		F || (e && v.value ? v.value.chain().focus().insertMergeTag({
 			label: e.label,
 			value: e.value
-		}).run() : _.value?.commands.focus());
+		}).run() : v.value?.commands.focus());
 	}
-	async function z() {
-		let e = await f();
-		P || (e && _.value ? ur(_.value, e, c) : _.value?.commands.focus());
+	async function V() {
+		let e = await m();
+		F || (e && v.value ? dr(v.value, e, u) : v.value?.commands.focus());
 	}
 	return {
-		editor: _,
+		editor: v,
 		EditorContent: j,
 		isLoading: M,
-		initError: N,
-		retry: ee,
+		initError: P,
+		retry: L,
 		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,
+		linkColor: S,
+		linkDialogRef: C,
+		mergeTags: a,
+		canRequestMergeTag: o,
+		isRequestingMergeTag: s,
+		syntax: u,
+		canInsertLogicTag: f,
+		isRequestingLogicTag: p,
+		openLinkDialog: w,
+		insertLink: T,
+		removeLink: E,
+		closeLinkDialog: D,
 		handleLinkKeydown: O,
-		handleAddMergeTag: R,
-		handleAddLogicTag: z
+		handleAddMergeTag: B,
+		handleAddLogicTag: V
 	};
 }
 //#endregion
 //#region src/composables/useSmallScreenNotice.ts
-var hr = "(max-width: 767px)";
-function gr(e) {
-	let t = He(hr);
+var gr = "(max-width: 767px)";
+function _r(e) {
+	let t = Be(gr);
 	return {
 		isSmallScreen: t,
-		showNotice: C(() => (j(e) ?? !0) && t.value)
+		showNotice: S(() => (P(e) ?? !0) && t.value)
 	};
 }
 //#endregion
 //#region src/components/blocks/CustomBlock.vue?vue&type=script&setup=true&lang.ts
-var _r = { class: "tpl:w-full" }, vr = {
+var vr = { class: "tpl:w-full" }, yr = {
 	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)]"
-}, yr = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, br = {
+}, br = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, xr = {
 	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)]"
-}, xr = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Sr = {
+}, Sr = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Cr = {
 	key: 2,
 	class: "tpl:relative"
-}, Cr = ["innerHTML"], wr = {
+}, wr = ["innerHTML"], Tr = {
 	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)" }
-}, Tr = /* @__PURE__ */ R({
+}, Er = /* @__PURE__ */ d({
 	__name: "CustomBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	emits: ["fetchData"],
-	setup(e, { emit: n }) {
-		let r = e, i = n, { t: a } = q(), o = p(xt, 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 } = ln({
-			definition: u,
-			block: C(() => r.block),
+	setup(e, { emit: r }) {
+		let i = e, a = r, { t: o } = Y(), c = n(vt, null), u = l(""), d = l(!1), f = S(() => c?.getDefinition(i.block.customType)), p = S(() => !!f.value), { isFetching: m, fetch: h, needsFetch: g, hasDataSource: y } = cn({
+			definition: f,
+			block: S(() => i.block),
 			onUpdate: (e, t) => {
-				i("fetchData", {
+				a("fetchData", {
 					fieldValues: e,
 					dataSourceFetched: t
 				});
 			}
-		}), _ = p(W, []), y = p(G, null), b = C(() => {
-			if (!y?.value) return r.block;
+		}), b = n(K, []), x = n(q, null), T = S(() => {
+			if (!x?.value) return i.block;
 			let e = {};
-			for (let [t, n] of Object.entries(r.block.fieldValues)) e[t] = typeof n == "string" ? ge(n, _) : n;
+			for (let [t, n] of Object.entries(i.block.fieldValues)) e[t] = typeof n == "string" ? he(n, b) : n;
 			return {
-				...r.block,
+				...i.block,
 				fieldValues: e
 			};
 		});
-		async function x() {
-			if (o) {
-				c.value = !1;
+		async function D() {
+			if (c) {
+				d.value = !1;
 				try {
-					let e = await o.renderCustomBlock(b.value);
-					e.includes("Template render error:") && (c.value = !0), s.value = e;
+					let e = await c.renderCustomBlock(T.value);
+					e.includes("Template render error:") && (d.value = !0), u.value = e;
 				} catch {
-					c.value = !0, s.value = "";
+					d.value = !0, u.value = "";
 				}
 			}
 		}
-		let S = ze(x, 150);
-		return t(() => {
-			x();
-		}), B(() => r.block.fieldValues, () => {
-			S();
-		}, { deep: !0 }), B(() => y?.value, () => {
-			S();
-		}), (e, t) => (l(), w("div", _r, [d.value ? c.value ? (l(), w("div", br, [z(E(Gt), {
+		let k = Le(D, 150);
+		return E(() => {
+			D();
+		}), t(() => i.block.fieldValues, () => {
+			k();
+		}, { deep: !0 }), t(() => x?.value, () => {
+			k();
+		}), (e, t) => (s(), C("div", vr, [p.value ? d.value ? (s(), C("div", xr, [v(_(Ut), {
 			size: 24,
 			class: "tpl:text-[var(--tpl-danger)]"
-		}), M("span", xr, k(E(a).customBlocks.renderError), 1)])) : (l(), w("div", Sr, [M("div", { innerHTML: s.value }, null, 8, Cr), E(g) && E(h) ? (l(), w("div", wr, [E(f) ? (l(), A(Yt, {
+		}), M("span", Sr, R(_(o).customBlocks.renderError), 1)])) : (s(), C("div", Cr, [M("div", { innerHTML: u.value }, null, 8, wr), _(y) && _(g) ? (s(), C("div", Tr, [_(m) ? (s(), A(qt, {
 			key: 1,
 			class: "tpl:w-48"
-		})) : (l(), w("button", {
+		})) : (s(), C("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(), A(Xn, {
+			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:shadow-[var(--tpl-shadow)] tpl:transition-all tpl:hover:border-[var(--tpl-primary)] tpl:hover:shadow-[var(--tpl-shadow-md)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
+			onClick: t[0] ||= O((...e) => _(h) && _(h)(...e), ["stop"])
+		}, [f.value?.icon ? (s(), A(Qn, {
 			key: 0,
-			icon: u.value.icon,
+			icon: f.value.icon,
 			size: 16
-		}, null, 8, ["icon"])) : T("", !0), L(" " + k(u.value?.dataSource?.label || E(a).customBlocks.dataSource.fetchButton), 1)]))])) : T("", !0)])) : (l(), w("div", vr, [z(E(Pt), {
+		}, null, 8, ["icon"])) : w("", !0), V(" " + R(f.value?.dataSource?.label || _(o).customBlocks.dataSource.fetchButton), 1)]))])) : w("", !0)])) : (s(), C("div", yr, [v(_(Mt), {
 			size: 24,
 			class: "tpl:text-[var(--tpl-warning)]"
-		}), M("span", yr, k(E(a).customBlocks.definitionNotFound), 1)]))]));
+		}), M("span", br, R(_(o).customBlocks.definitionNotFound), 1)]))]));
 	}
-}), Er = { class: "tpl:w-full" }, Dr = /* @__PURE__ */ R({
+}), Dr = { class: "tpl:w-full" }, Or = /* @__PURE__ */ d({
 	__name: "DividerBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = C(() => ({
+		let t = e, n = S(() => ({
 			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", Er, [M("hr", {
+		return (e, t) => (s(), C("div", Dr, [M("hr", {
 			class: "tpl:m-0 tpl:border-none",
-			style: S(n.value)
+			style: k(n.value)
 		}, null, 4)]));
 	}
-}), Or = { class: "tpl:w-full" }, kr = ["srcdoc", "title"], Ar = {
+}), kr = { class: "tpl:w-full" }, Ar = ["srcdoc", "title"], jr = {
 	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)]"
-}, jr = {
+}, Mr = {
 	key: 0,
 	class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]"
-}, Mr = {
+}, Nr = {
 	key: 1,
 	class: "tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, Nr = /* @__PURE__ */ R({
+}, Pr = /* @__PURE__ */ d({
 	__name: "HtmlBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
-	setup(e) {
-		let t = e, { t: n } = q(), r = p(ut, !1), i = C(() => t.block.content.trim().length > 0), a = C(() => r && i.value), o = p(W, []), s = p(G, null), c = C(() => s?.value ? ge(t.block.content, o) : t.block.content), u = v(null), d = v(60), f = null;
-		function m() {
-			let e = u.value?.contentDocument;
-			e && (d.value = Math.max(e.body?.scrollHeight ?? 0, e.documentElement?.scrollHeight ?? 0));
-		}
-		function h() {
-			f?.disconnect(), f = null, m();
-			let e = u.value?.contentDocument?.documentElement;
-			e && typeof ResizeObserver < "u" && (f = new ResizeObserver(() => m()), f.observe(e));
-		}
-		return B(a, (e) => {
-			e || (f?.disconnect(), f = null);
-		}), D(() => {
-			f?.disconnect(), f = null;
-		}), (e, t) => (l(), w("div", Or, [a.value ? (l(), w("iframe", {
+	setup(r) {
+		let i = r, { t: a } = Y(), o = n(Ct, !1), c = S(() => i.block.content.trim().length > 0), u = S(() => o && c.value), d = n(K, []), f = n(q, null), p = S(() => f?.value ? he(i.block.content, d) : i.block.content), m = l(null), h = l(60), g = null;
+		function y() {
+			let e = m.value?.contentDocument;
+			e && (h.value = Math.max(e.body?.scrollHeight ?? 0, e.documentElement?.scrollHeight ?? 0));
+		}
+		function b() {
+			g?.disconnect(), g = null, y();
+			let e = m.value?.contentDocument?.documentElement;
+			e && typeof ResizeObserver < "u" && (g = new ResizeObserver(() => y()), g.observe(e));
+		}
+		return t(u, (e) => {
+			e || (g?.disconnect(), g = null);
+		}), e(() => {
+			g?.disconnect(), g = null;
+		}), (e, t) => (s(), C("div", kr, [u.value ? (s(), C("iframe", {
 			key: 0,
 			ref_key: "iframeRef",
-			ref: u,
-			srcdoc: c.value,
+			ref: m,
+			srcdoc: p.value,
 			sandbox: "allow-same-origin",
-			title: E(n).html.preview,
+			title: _(a).html.preview,
 			class: "tpl:block tpl:w-full tpl:border-0",
-			style: S({ height: `${d.value}px` }),
-			onLoad: h
-		}, null, 44, kr)) : (l(), w("div", Ar, [z(E(Ft), {
+			style: k({ height: `${h.value}px` }),
+			onLoad: b
+		}, null, 44, Ar)) : (s(), C("div", jr, [v(_(Nt), {
 			size: 24,
 			class: "tpl:text-[var(--tpl-text-dim)]"
-		}), i.value ? (l(), w("span", jr, k(E(n).html.preview), 1)) : (l(), w("span", Mr, k(E(n).html.empty), 1))]))]));
+		}), c.value ? (s(), C("span", Mr, R(_(a).html.preview), 1)) : (s(), C("span", Nr, R(_(a).html.empty), 1))]))]));
 	}
-}), Pr = "image/";
-function Fr(e) {
-	let { target: t, onFiles: n, enabled: r } = e, i = () => r === void 0 || j(r), { isOverDropZone: a } = We(t, {
+}), Fr = "image/";
+function Ir(e) {
+	let { target: t, onFiles: n, enabled: r } = e, i = () => r === void 0 || P(r), { isOverDropZone: a } = He(t, {
 		preventDefaultForUnhandled: !0,
 		onDrop: (e) => {
 			if (!i()) return;
-			let t = (e ?? []).filter((e) => e.type.startsWith(Pr));
+			let t = (e ?? []).filter((e) => e.type.startsWith(Fr));
 			t.length > 0 && n([t[0]]);
 		}
 	});
-	return { isOver: C(() => i() && a.value) };
+	return { isOver: S(() => i() && a.value) };
 }
 //#endregion
 //#region src/components/blocks/ImageBlock.vue?vue&type=script&setup=true&lang.ts
-var Ir = {
+var Lr = {
 	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)" }
-}, Lr = ["href"], Rr = ["src", "alt"], zr = ["src", "alt"], Br = {
+}, Rr = ["href"], zr = ["src", "alt"], Br = ["src", "alt"], Vr = {
 	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" }
-}, Vr = ["href"], Hr = ["src", "alt"], Ur = ["src", "alt"], Wr = {
+}, Hr = ["href"], Ur = ["src", "alt"], Wr = ["src", "alt"], Gr = {
 	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)]"
-}, Gr = ["aria-label"], Kr = { key: 1 }, qr = /* @__PURE__ */ R({
+}, Kr = ["aria-label"], qr = { key: 1 }, Jr = /* @__PURE__ */ d({
 	__name: "ImageBlock",
 	props: {
 		block: {},
@@ -1988,61 +2264,61 @@ var Ir = {
 	},
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = q(), { syntax: a } = Y(), o = p(et, null), s = C(() => !!o), c = Zt();
-		async function u() {
-			let e = await o?.({ accept: ["images"] });
-			if (c.alive && e) {
+		let r = e, i = t, { t: a } = Y(), { syntax: o } = Q(), c = n(dt, null), u = S(() => !!c), d = Yt();
+		async function f() {
+			let e = await c?.({ accept: ["images"] });
+			if (d.alive && e) {
 				let t = { src: e.url };
-				e.alt && (t.alt = e.alt), r("update", t);
+				e.alt && (t.alt = e.alt), i("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;
+		let p = l(), m = l(!1), h = S(() => u.value && !m.value && !T.value);
+		async function g(e) {
+			if (c) {
+				m.value = !0;
 				try {
-					let t = await o({
+					let t = await c({
 						accept: ["images"],
 						files: e
 					});
-					if (!c.alive) return;
+					if (!d.alive) return;
 					if (t) {
 						let e = { src: t.url };
-						t.alt && (e.alt = t.alt), r("update", e);
+						t.alt && (e.alt = t.alt), i("update", e);
 					}
 				} finally {
-					c.alive && (f.value = !1);
+					d.alive && (m.value = !1);
 				}
 			}
 		}
-		let { isOver: g } = Fr({
-			target: d,
-			enabled: m,
-			onFiles: h
-		}), _ = C(() => ({ textAlign: n.block.align })), y = C(() => {
-			let e = n.block.align;
+		let { isOver: y } = Ir({
+			target: p,
+			enabled: h,
+			onFiles: g
+		}), b = S(() => ({ textAlign: r.block.align })), x = S(() => {
+			let e = r.block.align;
 			return {
 				maxWidth: "100%",
-				width: n.block.width === "full" ? "100%" : `${n.block.width}px`,
+				width: r.block.width === "full" ? "100%" : `${r.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 = Q(() => b.value ? void 0 : n.block.src), D = Q(() => b.value ? n.block.placeholderUrl : void 0);
-		return (t, n) => (l(), w("div", {
+		}), T = S(() => U(r.block.src, o)), E = Sn(() => T.value ? void 0 : r.block.src), D = Sn(() => T.value ? r.block.placeholderUrl : void 0);
+		return (t, n) => (s(), C("div", {
 			ref_key: "dropZoneRef",
-			ref: d,
+			ref: p,
 			"data-testid": "image-drop-zone",
 			class: "tpl:relative tpl:w-full",
-			style: S(_.value)
-		}, [m.value && (E(g) || f.value) ? (l(), w("div", Ir, [f.value ? (l(), w(I, { key: 0 }, [z(E(Vt), {
+			style: k(b.value)
+		}, [h.value && (_(y) || m.value) ? (s(), C("div", Lr, [m.value ? (s(), C(L, { key: 0 }, [v(_(zt), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2
-		}), L(" " + k(E(i).image.uploading), 1)], 64)) : (l(), w(I, { key: 1 }, [z(E(Ut), {
+		}), V(" " + R(_(a).image.uploading), 1)], 64)) : (s(), C(L, { key: 1 }, [v(_(Vt), {
 			size: 20,
 			"stroke-width": 1.5
-		}), L(" " + k(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", {
+		}), V(" " + R(_(a).image.dropToUpload), 1)], 64))])) : w("", !0), e.block.src && T.value && e.block.placeholderUrl ? (s(), C(L, { key: 1 }, [e.block.linkUrl ? (s(), C("a", {
 			key: 0,
 			href: e.block.linkUrl,
 			target: "_blank",
@@ -2051,25 +2327,25 @@ var Ir = {
 		}, [M("img", {
 			class: "tpl:border-0",
 			loading: "lazy",
-			src: E(D),
-			alt: e.block.alt || E(i).image.altTextPlaceholder,
-			style: S(y.value)
-		}, null, 12, Rr)], 8, Lr)) : (l(), w("img", {
+			src: _(D),
+			alt: e.block.alt || _(a).image.altTextPlaceholder,
+			style: k(x.value)
+		}, null, 12, zr)], 8, Rr)) : (s(), C("img", {
 			key: 1,
 			class: "tpl:border-0",
-			src: E(D),
+			src: _(D),
 			alt: e.block.alt,
-			style: S(y.value)
-		}, null, 12, zr))], 64)) : e.block.src && b.value ? (l(), w("div", {
+			style: k(x.value)
+		}, null, 12, Br))], 64)) : e.block.src && T.value ? (s(), C("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: S([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, y.value])
-		}, [z(E(zt), {
+			style: k([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, x.value])
+		}, [v(_(Lt), {
 			size: 32,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-primary)]",
 			style: { opacity: "0.5" }
-		}), M("span", Br, [z(Gn, { text: e.block.src }, null, 8, ["text"])])], 4)) : e.block.src ? (l(), w(I, { key: 3 }, [e.block.linkUrl ? (l(), w("a", {
+		}), M("span", Vr, [v(qn, { text: e.block.src }, null, 8, ["text"])])], 4)) : e.block.src ? (s(), C(L, { key: 3 }, [e.block.linkUrl ? (s(), C("a", {
 			key: 0,
 			href: e.block.linkUrl,
 			target: "_blank",
@@ -2078,36 +2354,36 @@ var Ir = {
 		}, [M("img", {
 			class: "tpl:border-0",
 			loading: "lazy",
-			src: E(x),
-			alt: e.block.alt || E(i).image.altTextPlaceholder,
-			style: S(y.value)
-		}, null, 12, Hr)], 8, Vr)) : (l(), w("img", {
+			src: _(E),
+			alt: e.block.alt || _(a).image.altTextPlaceholder,
+			style: k(x.value)
+		}, null, 12, Ur)], 8, Hr)) : (s(), C("img", {
 			key: 1,
 			class: "tpl:border-0",
-			src: E(x),
+			src: _(E),
 			alt: e.block.alt,
-			style: S(y.value)
-		}, null, 12, Ur))], 64)) : (l(), w("div", Wr, [s.value ? (l(), w("button", {
+			style: k(x.value)
+		}, null, 12, Wr))], 64)) : (s(), C("div", Gr, [u.value ? (s(), C("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(zt), {
+			"aria-label": _(a).image.browseMedia,
+			class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:cursor-pointer tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
+			onClick: O(f, ["stop"])
+		}, [v(_(Lt), {
 			size: 14,
 			"stroke-width": 1.5
-		}), L(" " + k(E(i).image.browseMedia), 1)], 8, Gr)) : (l(), w("span", Kr, k(E(i).image.clickToAdd), 1))]))], 4));
+		}), V(" " + R(_(a).image.browseMedia), 1)], 8, Kr)) : (s(), C("span", qr, R(_(a).image.clickToAdd), 1))]))], 4));
 	}
-}), Jr = { class: "tpl:w-full" }, Yr = ["href"], Xr = {
+}), Yr = { class: "tpl:w-full" }, Xr = ["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)]"
-}, Zr = /* @__PURE__ */ R({
+}, Qr = /* @__PURE__ */ d({
 	__name: "MenuBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = q(), r = C(() => ({
+		let t = e, { t: n } = Y(), i = S(() => ({
 			display: "flex",
 			flexWrap: "wrap",
 			gap: `0 ${t.block.spacing}px`,
@@ -2115,31 +2391,31 @@ var Ir = {
 			fontSize: `${t.block.fontSize}px`,
 			fontFamily: t.block.fontFamily || "inherit",
 			alignItems: "center"
-		})), i = C(() => t.block.items.length > 0);
-		function a(e) {
+		})), a = S(() => t.block.items.length > 0);
+		function o(e) {
 			return e || t.block.linkColor || t.block.color;
 		}
-		return (t, o) => (l(), w("div", Jr, [i.value ? (l(), w("div", {
+		return (t, c) => (s(), C("div", Yr, [a.value ? (s(), C("div", {
 			key: 0,
-			style: S(r.value)
-		}, [(l(!0), w(I, null, f(e.block.items, (t, n) => (l(), w(I, { key: t.id }, [M("a", {
+			style: k(i.value)
+		}, [(s(!0), C(L, null, r(e.block.items, (t, n) => (s(), C(L, { key: t.id }, [M("a", {
 			href: t.url || "#",
 			class: "tpl:cursor-default tpl:no-underline",
-			style: S({
-				color: a(t.color),
+			style: k({
+				color: o(t.color),
 				fontWeight: t.bold ? "bold" : "normal",
 				textDecoration: t.underline ? "underline" : "none"
 			}),
-			onClick: o[0] ||= O(() => {}, ["prevent"])
-		}, [z(Gn, { text: t.text || "..." }, null, 8, ["text"])], 12, Yr), n < e.block.items.length - 1 ? (l(), w("span", {
+			onClick: c[0] ||= O(() => {}, ["prevent"])
+		}, [v(qn, { text: t.text || "..." }, null, 8, ["text"])], 12, Xr), n < e.block.items.length - 1 ? (s(), C("span", {
 			key: 0,
-			style: S({
+			style: k({
 				color: e.block.separatorColor,
 				padding: `0 ${e.block.spacing}px`
 			})
-		}, k(e.block.separator), 5)) : T("", !0)], 64))), 128))], 4)) : (l(), w("div", Xr, [z(E(Lt), { size: 16 }), M("span", null, k(E(n).menu.addLinks), 1)]))]));
+		}, R(e.block.separator), 5)) : w("", !0)], 64))), 128))], 4)) : (s(), C("div", Zr, [v(_(Ft), { size: 16 }), M("span", null, R(_(n).menu.addLinks), 1)]))]));
 	}
-}), Qr = /* @__PURE__ */ new Set([
+}), $r = /* @__PURE__ */ new Set([
 	"http",
 	"https",
 	"mailto",
@@ -2149,7 +2425,7 @@ var Ir = {
 	"sms",
 	"xmpp",
 	"cid"
-]), $r = /* @__PURE__ */ new Set([
+]), ei = /* @__PURE__ */ new Set([
 	"SCRIPT",
 	"STYLE",
 	"IFRAME",
@@ -2159,7 +2435,7 @@ var Ir = {
 	"META",
 	"BASE",
 	"FORM"
-]), ei = /* @__PURE__ */ new Set([
+]), ti = /* @__PURE__ */ new Set([
 	"href",
 	"xlink:href",
 	"formaction",
@@ -2168,16 +2444,16 @@ var Ir = {
 	"background",
 	"poster"
 ]);
-function ti(e, t) {
+function ni(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 Qr.has(i) ? !0 : t && i === "data" ? /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(n) : !1;
+	return $r.has(i) ? !0 : t && i === "data" ? /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(n) : !1;
 }
-function ni(e) {
-	if ($r.has(e.tagName)) {
+function ri(e) {
+	if (ei.has(e.tagName)) {
 		e.remove();
 		return;
 	}
@@ -2189,123 +2465,123 @@ function ni(e) {
 			e.removeAttribute(n);
 			continue;
 		}
-		if (ei.has(t)) {
-			ti(e.getAttribute(n) ?? "", !1) || e.removeAttribute(n);
+		if (ti.has(t)) {
+			ni(e.getAttribute(n) ?? "", !1) || e.removeAttribute(n);
 			continue;
 		}
 		if (t === "src") {
-			ti(e.getAttribute(n) ?? "", !0) || e.removeAttribute(n);
+			ni(e.getAttribute(n) ?? "", !0) || e.removeAttribute(n);
 			continue;
 		}
 		t === "srcdoc" && e.removeAttribute(n);
 	}
 	let n = Array.from(e.children);
-	for (let e of n) ni(e);
+	for (let e of n) ri(e);
 }
-function ri(e) {
+function ii(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) ni(e);
+	for (let e of n) ri(e);
 	return t.innerHTML;
 }
 //#endregion
 //#region src/composables/useEditableTextBlock.ts
-function ii(e) {
-	let t = p(W, []), n = p(G, null), { syntax: r } = Y(), i = C(() => n?.value ? Se(e(), t) : De(e(), t)), a = C(() => ri(Ae(i.value, r))), o = v(!1), s = v(null), { top: c, left: l } = Ue(s), { toLocal: u } = At(), d = C(() => u({
-		top: c.value - 8,
-		left: l.value
+function ai(e) {
+	let t = n(K, []), r = n(q, null), { syntax: i } = Q(), a = S(() => r?.value ? xe(e(), t) : Ee(e(), t)), o = S(() => ii(ke(a.value, i))), s = l(!1), c = l(null), { top: u, left: d } = Ve(c), { toLocal: f } = Ot(), p = S(() => f({
+		top: u.value - 8,
+		left: d.value
 	}));
-	function f() {
-		o.value = !0;
-	}
 	function m() {
-		o.value = !1;
+		s.value = !0;
+	}
+	function h() {
+		s.value = !1;
 	}
 	return {
-		isEditing: o,
-		blockRef: s,
-		toolbarPosition: d,
-		resolvedContent: a,
-		handleDoubleClick: f,
-		handleEditorDone: m
+		isEditing: s,
+		blockRef: c,
+		toolbarPosition: p,
+		resolvedContent: o,
+		handleDoubleClick: m,
+		handleEditorDone: h
 	};
 }
 //#endregion
 //#region src/components/blocks/ParagraphBlock.vue?vue&type=script&setup=true&lang.ts
-var ai = ["innerHTML"], oi = /* @__PURE__ */ R({
+var oi = ["innerHTML"], si = /* @__PURE__ */ d({
 	__name: "ParagraphBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = b(() => import("./ParagraphEditor-Bzcma_Lm.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = ii(() => t.block.content);
-		return (t, u) => (l(), w("div", {
+		let t = e, n = B(() => import("./ParagraphEditor-BJJ925sx.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: c, handleEditorDone: l } = ai(() => t.block.content);
+		return (t, u) => (s(), C("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(), A(E(n), {
+			onDblclick: u[0] ||= (...e) => _(c) && _(c)(...e)
+		}, [_(r) ? (s(), A(_(n), {
 			key: 0,
 			block: e.block,
-			"toolbar-position": E(a),
-			onDone: E(c)
+			"toolbar-position": _(a),
+			onDone: _(l)
 		}, null, 8, [
 			"block",
 			"toolbar-position",
 			"onDone"
-		])) : (l(), w("div", {
+		])) : (s(), C("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, ai))], 544));
+			innerHTML: _(o)
+		}, null, 8, oi))], 544));
 	}
 });
 //#endregion
 //#region src/utils/blockComponentResolver.ts
-function si(e) {
+function ci(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 ci(e, t, n) {
+function li(e, t, n) {
 	if (t) {
 		let n = t.getComponent(e);
 		if (n) return n;
 	}
 	return n[e.type] ?? null;
 }
-function li(e) {
+function ui(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 ui(e) {
+function di(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 di = [
+var fi = [
 	"data-block-id",
 	"data-block-type",
 	"data-tpl-picked"
-], fi = ["aria-label"], pi = [
+], pi = ["aria-label"], mi = [
 	"aria-label",
 	"aria-pressed",
 	"title"
-], mi = ["aria-label", "title"], hi = ["aria-label", "title"], gi = ["aria-label", "title"], _i = {
+], hi = ["aria-label", "title"], gi = ["aria-label", "title"], _i = ["aria-label", "title"], vi = {
 	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"
-}, vi = { 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)]" }, yi = {
+}, yi = { 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)]" }, bi = {
 	key: 2,
 	class: "tpl:absolute tpl:-left-1 tpl:top-1/2 tpl:z-[5] tpl:-translate-x-full tpl:-translate-y-1/2"
-}, bi = ["aria-label", "title"], xi = {
+}, xi = ["aria-label", "title"], Si = {
 	key: 3,
 	class: "tpl:absolute tpl:-right-1 tpl:-top-1 tpl:z-[5] tpl:translate-x-full"
-}, Si = ["aria-label"], Ci = /*#__PURE__*/ Xt(/* @__PURE__ */ R({
+}, Ci = ["aria-label"], wi = /*#__PURE__*/ Jt(/* @__PURE__ */ d({
 	__name: "BlockWrapper",
 	props: {
 		block: {},
@@ -2317,191 +2593,191 @@ var di = [
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = b(() => import("./BlockIssueBadge-BEEY9o2o.js")), i = e, a = t, { t: o, format: s } = q(), c = p(it, 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);
+		let r = B(() => import("./BlockIssueBadge-UzSSOM_2.js")), i = e, o = t, { t: c, format: u } = Y(), d = n(St, null), f = l(null), p = S(() => d?.liftedBlockId.value === i.block.id), m = S(() => p.value ? u(c.blockActions.dragLifted, { block: i.block.type }) : c.blockActions.drag);
 		async function h() {
-			await d(), u.value?.focus();
+			await D(), f.value?.focus();
 		}
 		function g(e) {
-			if (c) {
+			if (d) {
 				if (e.key === " " || e.key === "Enter") {
-					e.preventDefault(), e.stopPropagation(), f.value ? c.drop(i.block.id) : c.lift(i.block.id);
+					e.preventDefault(), e.stopPropagation(), p.value ? d.drop(i.block.id) : d.lift(i.block.id);
 					return;
 				}
-				if (f.value) {
+				if (p.value) {
 					if (e.key === "Escape") {
-						e.preventDefault(), e.stopPropagation(), c.cancel(), h();
+						e.preventDefault(), e.stopPropagation(), d.cancel(), h();
 						return;
 					}
 					if (e.key === "ArrowUp") {
-						e.preventDefault(), e.stopPropagation(), c.moveUp(i.block.id), h();
+						e.preventDefault(), e.stopPropagation(), d.moveUp(i.block.id), h();
 						return;
 					}
-					e.key === "ArrowDown" && (e.preventDefault(), e.stopPropagation(), c.moveDown(i.block.id), h());
+					e.key === "ArrowDown" && (e.preventDefault(), e.stopPropagation(), d.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), A = p(lt, null), j = p(ft, null), N = p(dt, {}), 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 = li(i.block), t = {
+		let y = S(() => !i.viewport || !i.block.visibility ? !1 : i.block.visibility[i.viewport] === !1), x = S(() => i.previewMode === !0 && y.value), T = S(() => i.viewport ? {
+			desktop: c.viewport.desktop,
+			mobile: c.viewport.mobile
+		}[i.viewport] ?? i.viewport : ""), E = S(() => !!i.block.displayCondition), A = n(at, null), j = n(ct, null), N = n(st, {}), P = S(() => N.savedBlocks?.isPicking.value === !0), F = S(() => !i.nested && N.savedBlocks?.isAvailable.value === !0 && N.savedBlocks?.canCreate.value === !0), I = S(() => i.isSelected && !P.value), L = S(() => N.comments?.getBlockCount(i.block.id) ?? 0), z = S(() => {
+			let e = ui(i.block), t = {
 				padding: e.padding,
 				backgroundColor: e.backgroundColor
 			};
 			return e.borderRadius && (t.borderRadius = e.borderRadius), t;
-		}), te = C(() => ui(i.block));
-		function ne(e) {
-			i.previewMode || (e.target?.closest("a") && e.preventDefault(), e.stopPropagation(), a("select"));
+		}), ee = S(() => di(i.block));
+		function te(e) {
+			i.previewMode || (e.target?.closest("a") && e.preventDefault(), e.stopPropagation(), o("select"));
 		}
-		function re() {
+		function ne() {
 			A?.deleteBlock(i.block.id);
 		}
-		function ie() {
+		function re() {
 			A?.duplicateBlock(i.block);
 		}
-		function ae() {
+		function ie() {
 			N.savedBlocks?.startPicking(i.block.id);
 		}
-		function oe() {
+		function ae() {
 			j?.toggleBlock(i.block.id);
 		}
-		return (t, i) => y.value ? T("", !0) : (l(), w("div", {
+		return (t, n) => x.value ? w("", !0) : (s(), C("div", {
 			key: 0,
-			class: F(["tpl-block tpl:group tpl:relative tpl:cursor-pointer tpl:rounded-sm tpl:transition-shadow tpl:duration-150", {
+			class: b(["tpl-block tpl:group tpl:relative tpl:cursor-pointer tpl:rounded-sm tpl:transition-shadow", {
 				"tpl-block--selected": e.isSelected,
 				"tpl-block--picked": e.picked,
 				"tpl-block--idle": !e.isSelected && !e.picked,
-				"tpl-block--lifted": f.value
+				"tpl-block--lifted": p.value
 			}]),
 			"data-block-id": e.block.id,
 			"data-block-type": e.block.type,
 			"data-tpl-picked": e.picked || void 0,
-			onClick: ne
+			onClick: te
 		}, [
-			z(E(n), { "block-id": e.block.id }, null, 8, ["block-id"]),
-			I.value ? (l(), w("div", {
+			v(_(r), { "block-id": e.block.id }, null, 8, ["block-id"]),
+			I.value ? (s(), C("div", {
 				key: 0,
 				role: "toolbar",
-				"aria-label": E(o).blockActions.drag,
+				"aria-label": _(c).blockActions.drag,
 				class: "tpl-block-actions tpl-fade-in tpl:absolute tpl:-right-2 tpl:top-1/2 tpl:z-10 tpl:flex tpl:-translate-y-1/2 tpl:translate-x-full tpl:gap-0.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-chrome-bg-elevated)] tpl:shadow-[var(--tpl-shadow-md)] tpl:border tpl:border-[var(--tpl-border)]"
 			}, [
 				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",
+					ref: f,
+					class: "tpl-block-btn tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-grab tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:active:cursor-grabbing",
 					"aria-label": m.value,
-					"aria-pressed": f.value,
+					"aria-pressed": p.value,
 					"aria-keyshortcuts": "Space Enter ArrowUp ArrowDown Escape",
-					title: E(o).blockActions.drag,
+					title: _(c).blockActions.drag,
 					onKeydown: g
-				}, [z(E(Bt), {
+				}, [v(_(Rt), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 40, pi),
+				})], 40, mi),
 				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(ie, ["stop"])
-				}, [z(E(Nt), {
+					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors",
+					"aria-label": _(c).blockActions.duplicate,
+					title: _(c).blockActions.duplicate,
+					onClick: O(re, ["stop"])
+				}, [v(_(jt), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, mi),
-				ee.value ? (l(), w("button", {
+				})], 8, hi),
+				F.value ? (s(), C("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(ae, ["stop"])
-				}, [z(E(Mt), {
+					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors",
+					"aria-label": _(c).blockActions.saveAsBlock,
+					title: _(c).blockActions.saveAsBlock,
+					onClick: O(ie, ["stop"])
+				}, [v(_(At), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, hi)) : T("", !0),
+				})], 8, gi)) : w("", !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(re, ["stop"])
-				}, [z(E(Rt), {
+					class: "tpl-block-action-btn tpl-block-delete-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors",
+					"aria-label": _(c).blockActions.delete,
+					title: _(c).blockActions.delete,
+					onClick: O(ne, ["stop"])
+				}, [v(_(It), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, gi)
-			], 8, fi)) : T("", !0),
-			_.value ? (l(), w("div", _i, [M("span", vi, [z(E(It), {
+				})], 8, _i)
+			], 8, pi)) : w("", !0),
+			y.value ? (s(), C("div", vi, [M("span", yi, [v(_(Pt), {
 				size: 12,
 				"stroke-width": 1.5
-			}), L(" " + k(E(s)(E(o).blockActions.hiddenOnViewport, { viewport: x.value })), 1)])])) : T("", !0),
-			D.value && !_.value ? (l(), w("div", yi, [M("button", {
+			}), V(" " + R(_(u)(_(c).blockActions.hiddenOnViewport, { viewport: T.value })), 1)])])) : w("", !0),
+			E.value && !y.value ? (s(), C("div", bi, [M("button", {
 				"data-testid": "condition-toggle",
-				class: "tpl-condition-toggle tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1 tpl:transition-colors tpl: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,
+				class: "tpl-condition-toggle tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1 tpl:transition-colors tpl:bg-[var(--tpl-chrome-bg-elevated)] tpl:text-[var(--tpl-primary)] tpl:border tpl:border-[var(--tpl-border)]",
+				"aria-label": _(c).blockActions.conditionToggle,
 				title: e.block.displayCondition?.label,
-				onClick: O(oe, ["stop"])
-			}, [z(E(qt), {
+				onClick: O(ae, ["stop"])
+			}, [v(_(Gt), {
 				size: 12,
 				"stroke-width": 2
-			})], 8, bi)])) : T("", !0),
-			R.value > 0 && !_.value ? (l(), w("div", xi, [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(Wt), {
+			})], 8, xi)])) : w("", !0),
+			L.value > 0 && !y.value ? (s(), C("div", Si, [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:bg-[var(--tpl-chrome-primary-light)] tpl:text-[var(--tpl-primary)]",
+				"aria-label": _(u)(_(c).blockActions.comments, { count: String(L.value) }),
+				onClick: n[0] ||= O((t) => _(N).comments?.openForBlock(e.block.id), ["stop"])
+			}, [v(_(Ht), {
 				size: 12,
 				"stroke-width": 2.5
-			}), L(" " + k(R.value), 1)], 8, Si)])) : T("", !0),
-			te.value ? (l(), w("div", {
+			}), V(" " + R(L.value), 1)], 8, Ci)])) : w("", !0),
+			ee.value ? (s(), C("div", {
 				key: 4,
 				class: "tpl-section-wrapper",
-				style: S(te.value)
+				style: k(ee.value)
 			}, [M("div", {
 				class: "tpl-block-content",
-				style: S(B.value)
-			}, [r(t.$slots, "default", {}, void 0, !0)], 4)], 4)) : (l(), w("div", {
+				style: k(z.value)
+			}, [a(t.$slots, "default", {}, void 0, !0)], 4)], 4)) : (s(), C("div", {
 				key: 5,
 				class: "tpl-block-content",
-				style: S(B.value)
-			}, [r(t.$slots, "default", {}, void 0, !0)], 4))
-		], 10, di));
+				style: k(z.value)
+			}, [a(t.$slots, "default", {}, void 0, !0)], 4))
+		], 10, fi));
 	}
-}), [["__scopeId", "data-v-8e4583ee"]]);
+}), [["__scopeId", "data-v-096f1d37"]]);
 //#endregion
 //#region src/utils/unwrapParagraph.ts
-function wi(e) {
+function Ti(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 Ti = /* @__PURE__ */ R({
+var Ei = /* @__PURE__ */ d({
 	__name: "TitleBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = b(() => import("./TitleEditor-D0_LY2Ex.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: u } = ii(() => t.block.content), d = C(() => {
+		let t = e, n = B(() => import("./TitleEditor-nUAF7fKr.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: c, handleEditorDone: l } = ai(() => t.block.content), d = S(() => {
 			let e = {
-				fontSize: `${Pe[t.block.level]}px`,
+				fontSize: `${Me[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(() => wi(o.value));
-		return (t, o) => (l(), w("div", {
+		}), f = S(() => `h${t.block.level}`), p = S(() => Ti(o.value));
+		return (t, o) => (s(), C("div", {
 			ref_key: "blockRef",
 			ref: i,
 			class: "tpl:min-h-[1em] tpl:w-full",
-			style: S(d.value),
-			onDblclick: o[0] ||= (...e) => E(s) && E(s)(...e)
-		}, [E(r) ? (l(), A(E(n), {
+			style: k(d.value),
+			onDblclick: o[0] ||= (...e) => _(c) && _(c)(...e)
+		}, [_(r) ? (s(), A(_(n), {
 			key: 0,
 			block: e.block,
-			"toolbar-position": E(a),
-			onDone: E(u)
+			"toolbar-position": _(a),
+			onDone: _(l)
 		}, null, 8, [
 			"block",
 			"toolbar-position",
 			"onDone"
-		])) : (l(), A(c(f.value), {
+		])) : (s(), A(u(f.value), {
 			key: 1,
 			class: "tpl-text-content tpl:m-0 tpl:font-[inherit] tpl:text-[length:inherit] tpl:leading-tight tpl:outline-none [&_a]:tpl:underline [&_p]:tpl:m-0 [&_p]:tpl:mb-2 [&_p:last-child]:tpl:mb-0",
 			style: { color: "inherit" },
@@ -2511,16 +2787,16 @@ var Ti = /* @__PURE__ */ R({
 });
 //#endregion
 //#region src/utils/sectionColumnDrop.ts
-function Ei(e) {
+function Di(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 Di = { class: "tpl:w-full" }, Oi = {
+var Oi = { class: "tpl:w-full" }, ki = {
 	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)]"
-}, ki = /* @__PURE__ */ R({
+}, Ai = /* @__PURE__ */ d({
 	__name: "SectionBlock",
 	props: {
 		block: {},
@@ -2528,23 +2804,23 @@ var Di = { class: "tpl:w-full" }, Oi = {
 	},
 	setup(e) {
 		let t = {
-			title: Ti,
-			paragraph: oi,
-			image: qr,
-			button: qn,
-			divider: Dr,
-			custom: Tr
-		}, n = e, { t: r } = q(), i = Xe(K, "SectionBlock"), o = p(ft, null), s = p(xt, null), u = p(dt, {}), d = p(bt, null);
-		function m(e) {
-			let t = u.savedBlocks;
+			title: Ei,
+			paragraph: si,
+			image: Jr,
+			button: Yn,
+			divider: Or,
+			custom: Er
+		}, a = e, { t: o } = Y(), c = rt(J, "SectionBlock"), l = n(ct, null), d = n(vt, null), p = n(st, {}), m = n(_t, null);
+		function h(e) {
+			let t = p.savedBlocks;
 			if (t?.isPicking.value) {
-				t.togglePick(n.block.id);
+				t.togglePick(a.block.id);
 				return;
 			}
-			i.selectBlock(e);
+			c.selectBlock(e);
 		}
-		let g = C(() => {
-			switch (n.block.columns) {
+		let g = S(() => {
+			switch (a.block.columns) {
 				case "2": return ["50%", "50%"];
 				case "3": return [
 					"33.33%",
@@ -2555,38 +2831,38 @@ var Di = { class: "tpl:w-full" }, Oi = {
 				case "2-1": return ["66.67%", "33.33%"];
 				default: return ["100%"];
 			}
-		}), _ = C(() => {
-			let e = g.value.length, t = [...n.block.children];
+		}), y = S(() => {
+			let e = g.value.length, t = [...a.block.children];
 			for (; t.length < e;) t.push([]);
 			return t.slice(0, e);
-		}), v = C(() => n.viewport === "mobile" && n.block.stackOnMobile !== !1);
-		function y(e) {
-			return _.value[e] || [];
+		}), x = S(() => a.viewport === "mobile" && a.block.stackOnMobile !== !1);
+		function T(e) {
+			return y.value[e] || [];
 		}
-		function b(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 E(e, t) {
+			let n = t.map((e) => JSON.parse(JSON.stringify(e))), r = [...a.block.children];
+			for (; r.length <= e;) r.push([]);
+			r[e] = n, c.updateBlock(a.block.id, { children: r });
 		}
-		function x(e) {
-			return ci(e, s, t);
+		function D(e) {
+			return li(e, d, t);
 		}
-		function D(e, t) {
-			e.type === "custom" && i.updateBlock(e.id, {
+		function O(e, t) {
+			e.type === "custom" && c.updateBlock(e.id, {
 				fieldValues: t.fieldValues,
 				dataSourceFetched: t.dataSourceFetched
 			});
 		}
-		return (t, n) => (l(), w("div", Di, [M("div", { class: F(["tpl:flex tpl:gap-0", { "tpl:flex-col": v.value }]) }, [(l(!0), w(I, null, f(_.value, (t, n) => (l(), w("div", {
+		return (t, n) => (s(), C("div", Oi, [M("div", { class: b(["tpl:flex tpl:gap-0", { "tpl:flex-col": x.value }]) }, [(s(!0), C(L, null, r(y.value, (t, n) => (s(), C("div", {
 			key: n,
-			class: F(["tpl:relative tpl:min-h-[60px] tpl:rounded", y(n).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
-			style: S({ width: v.value ? "100%" : g.value[n] })
-		}, [z(E(ee), {
-			"model-value": y(n),
+			class: b(["tpl:relative tpl:min-h-[60px] tpl:rounded", T(n).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
+			style: k({ width: x.value ? "100%" : g.value[n] })
+		}, [v(_(I), {
+			"model-value": T(n),
 			group: {
 				name: "blocks",
 				pull: !0,
-				put: (e, t, n) => E(Ei)(n)
+				put: (e, t, n) => _(Di)(n)
 			},
 			animation: 150,
 			"ghost-class": "tpl-ghost",
@@ -2597,21 +2873,21 @@ var Di = { class: "tpl:w-full" }, Oi = {
 			"empty-insert-threshold": 20,
 			"force-fallback": !0,
 			class: "tpl:min-h-[60px]",
-			"onUpdate:modelValue": (e) => b(n, e)
+			"onUpdate:modelValue": (e) => E(n, e)
 		}, {
-			default: h(() => [(l(!0), w(I, null, f(y(n), (t) => a((l(), w("div", { key: t.id }, [z(Ci, {
+			default: i(() => [(s(!0), C(L, null, r(T(n), (t) => f((s(), C("div", { key: t.id }, [v(wi, {
 				block: t,
-				"is-selected": E(i).state.selectedBlockId === t.id,
+				"is-selected": _(c).state.selectedBlockId === t.id,
 				viewport: e.viewport,
-				"preview-mode": E(i).state.previewMode,
+				"preview-mode": _(c).state.previewMode,
 				nested: "",
-				onSelect: (e) => m(t.id)
+				onSelect: (e) => h(t.id)
 			}, {
-				default: h(() => [(l(), A(c(x(t)), {
+				default: i(() => [(s(), A(u(D(t)), {
 					block: t,
 					viewport: e.viewport,
-					onFetchData: (e) => D(t, e),
-					onUpdate: (e) => E(i).updateBlock(t.id, e)
+					onFetchData: (e) => O(t, e),
+					onUpdate: (e) => _(c).updateBlock(t.id, e)
 				}, null, 40, [
 					"block",
 					"viewport",
@@ -2625,19 +2901,19 @@ var Di = { class: "tpl:w-full" }, Oi = {
 				"viewport",
 				"preview-mode",
 				"onSelect"
-			])])), [[P, E(d) === !1 || !E(o)?.isHidden(t.id)]])), 128))]),
+			])])), [[F, _(m) === !1 || !_(l)?.isHidden(t.id)]])), 128))]),
 			_: 2
 		}, 1032, [
 			"model-value",
 			"group",
 			"onUpdate:modelValue"
-		]), y(n).length === 0 ? (l(), w("div", Oi, [M("span", null, k(E(r).section.dropHere), 1)])) : T("", !0)], 6))), 128))], 2)]));
+		]), T(n).length === 0 ? (s(), C("div", ki, [M("span", null, R(_(o).section.dropHere), 1)])) : w("", !0)], 6))), 128))], 2)]));
 	}
-}), Ai = be, ji = {
+}), ji = ye, Mi = {
 	small: 24,
 	medium: 32,
 	large: 48
-}, Mi = [
+}, Ni = [
 	"facebook",
 	"twitter",
 	"instagram",
@@ -2655,11 +2931,11 @@ var Di = { class: "tpl:w-full" }, Oi = {
 	"github",
 	"dribbble",
 	"behance"
-], Ni = [
+], Pi = [
 	"width",
 	"height",
 	"fill"
-], Pi = ["d"], Fi = /* @__PURE__ */ R({
+], Fi = ["d"], Ii = /* @__PURE__ */ d({
 	__name: "SocialIconSvg",
 	props: {
 		platform: {},
@@ -2667,7 +2943,7 @@ var Di = { class: "tpl:w-full" }, Oi = {
 		iconSize: {}
 	},
 	setup(e) {
-		let t = e, n = C(() => Ai[t.platform]), r = C(() => ji[t.iconSize]), i = C(() => {
+		let t = e, n = S(() => ji[t.platform]), r = S(() => Mi[t.iconSize]), i = S(() => {
 			let e = {
 				display: "inline-flex",
 				alignItems: "center",
@@ -2704,40 +2980,40 @@ var Di = { class: "tpl:w-full" }, Oi = {
 				};
 				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: S(i.value) }, [(l(), w("svg", {
+		}), a = S(() => Math.floor(r.value * .6)), o = S(() => t.iconStyle === "outlined" ? n.value.color : "#ffffff");
+		return (e, t) => (s(), C("span", { style: k(i.value) }, [(s(), C("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, Pi)], 8, Ni))], 4));
+		}, [M("path", { d: n.value.path }, null, 8, Fi)], 8, Pi))], 4));
 	}
-}), Ii = { class: "tpl:w-full" }, Li = ["href"], Ri = {
+}), Li = { class: "tpl:w-full" }, Ri = ["href"], zi = {
 	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)]"
-}, zi = /* @__PURE__ */ R({
+}, Bi = /* @__PURE__ */ d({
 	__name: "SocialIconsBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = q(), r = C(() => ({
+		let t = e, { t: n } = Y(), i = S(() => ({
 			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", Ii, [i.value ? (l(), w("div", {
+		})), a = S(() => t.block.icons.length > 0);
+		return (t, o) => (s(), C("div", Li, [a.value ? (s(), C("div", {
 			key: 0,
-			style: S(r.value)
-		}, [(l(!0), w(I, null, f(e.block.icons, (t) => (l(), w("a", {
+			style: k(i.value)
+		}, [(s(!0), C(L, null, r(e.block.icons, (t) => (s(), C("a", {
 			key: t.id,
 			href: t.url || "#",
 			class: "tpl:cursor-default",
-			onClick: a[0] ||= O(() => {}, ["prevent"])
-		}, [z(Fi, {
+			onClick: o[0] ||= O(() => {}, ["prevent"])
+		}, [v(Ii, {
 			platform: t.platform,
 			"icon-style": e.block.iconStyle,
 			"icon-size": e.block.iconSize
@@ -2745,44 +3021,44 @@ var Di = { class: "tpl:w-full" }, Oi = {
 			"platform",
 			"icon-style",
 			"icon-size"
-		])], 8, Li))), 128))], 4)) : (l(), w("div", Ri, [z(E(jt), { size: 16 }), M("span", null, k(E(n).social.addIcons), 1)]))]));
+		])], 8, Ri))), 128))], 4)) : (s(), C("div", zi, [v(_(kt), { size: 16 }), M("span", null, R(_(n).social.addIcons), 1)]))]));
 	}
-}), Bi = { class: "tpl:w-full" }, Vi = {
+}), Vi = { class: "tpl:w-full" }, Hi = {
 	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)"
 	}
-}, Hi = /* @__PURE__ */ R({
+}, Ui = /* @__PURE__ */ d({
 	__name: "SpacerBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = Xe(K, "SpacerBlock"), r = C(() => ({
+		let t = e, n = rt(J, "SpacerBlock"), r = S(() => ({
 			height: `${t.block.height}px`,
 			minHeight: `${t.block.height}px`,
 			...n.state.previewMode ? {} : { borderColor: "var(--tpl-border)" }
 		}));
-		return (t, i) => (l(), w("div", Bi, [M("div", {
-			style: S(r.value),
-			class: F(["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", Vi, k(e.block.height) + "px ", 1))], 6)]));
+		return (t, i) => (s(), C("div", Vi, [M("div", {
+			style: k(r.value),
+			class: b(["tpl:relative tpl:flex tpl:items-center tpl:justify-center", { "tpl:border-y tpl:border-dashed": !_(n).state.previewMode }])
+		}, [_(n).state.previewMode ? w("", !0) : (s(), C("span", Hi, R(e.block.height) + "px ", 1))], 6)]));
 	}
-}), Ui = { class: "tpl:w-full" }, Wi = { key: 0 }, Gi = [
+}), Wi = { class: "tpl:w-full" }, Gi = { key: 0 }, Ki = [
 	"aria-label",
 	"data-placeholder",
 	"onBlur"
-], Ki = [
+], qi = [
 	"aria-label",
 	"data-placeholder",
 	"onBlur"
-], qi = {
+], Ji = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
-}, Ji = /*#__PURE__*/ Xt(/* @__PURE__ */ R({
+}, Yi = /*#__PURE__*/ Jt(/* @__PURE__ */ d({
 	__name: "TableBlock",
 	props: {
 		block: {},
@@ -2796,7 +3072,7 @@ var Di = { class: "tpl:w-full" }, Oi = {
 			updated(e, t) {
 				t.value !== t.oldValue && e.getRootNode().activeElement !== e && (e.textContent = t.value ?? "");
 			}
-		}, n = e, { t: r } = q(), i = Xe(K, "TableBlock"), o = C(() => n.block.rows.length > 0), s = C(() => {
+		}, n = e, { t: i } = Y(), a = rt(J, "TableBlock"), o = S(() => n.block.rows.length > 0), c = S(() => {
 			let e = {
 				width: "100%",
 				borderCollapse: "collapse",
@@ -2805,60 +3081,60 @@ var Di = { class: "tpl:w-full" }, Oi = {
 				fontFamily: n.block.fontFamily || "inherit"
 			};
 			return n.block.color && (e.color = n.block.color), e;
-		}), c = C(() => ({
+		}), l = S(() => ({
 			border: `${n.block.borderWidth}px solid ${n.block.borderColor}`,
 			padding: `${n.block.cellPadding}px`,
 			textAlign: n.block.textAlign
-		})), u = C(() => ({
-			...c.value,
+		})), u = S(() => ({
+			...l.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);
+		})), d = S(() => n.block.hasHeaderRow && n.block.rows.length > 0 ? n.block.rows[0] : null), p = S(() => n.block.hasHeaderRow ? n.block.rows.slice(1) : n.block.rows);
 		function m() {
-			i.selectBlock(n.block.id);
+			a.selectBlock(n.block.id);
 		}
 		function h(e, t, r) {
-			let a = r.target.innerText.trim(), o = n.block.rows.map((n) => n.id === e ? {
+			let i = r.target.innerText.trim(), o = n.block.rows.map((n) => n.id === e ? {
 				...n,
 				cells: n.cells.map((e) => e.id === t ? {
 					...e,
-					content: a
+					content: i
 				} : e)
 			} : n);
-			i.updateBlock(n.block.id, { rows: o });
+			a.updateBlock(n.block.id, { rows: o });
 		}
-		return (e, n) => (l(), w("div", Ui, [o.value ? (l(), w("table", {
+		return (e, n) => (s(), C("div", Wi, [o.value ? (s(), C("table", {
 			key: 0,
-			style: S(s.value),
+			style: k(c.value),
 			class: "tpl-table-editable"
-		}, [d.value ? (l(), w("thead", Wi, [M("tr", null, [(l(!0), w(I, null, f(d.value.cells, (e) => a((l(), w("th", {
+		}, [d.value ? (s(), C("thead", Gi, [M("tr", null, [(s(!0), C(L, null, r(d.value.cells, (e) => f((s(), C("th", {
 			key: e.id,
-			style: S(u.value),
-			"aria-label": E(r).table.cellPlaceholder,
+			style: k(u.value),
+			"aria-label": _(i).table.cellPlaceholder,
 			contenteditable: "true",
-			"data-placeholder": E(r).table.cellPlaceholder,
+			"data-placeholder": _(i).table.cellPlaceholder,
 			onBlur: (t) => h(d.value.id, e.id, t),
-			onKeydown: n[0] ||= x(O((e) => e.target.blur(), ["prevent"]), ["enter"]),
+			onKeydown: n[0] ||= y(O((e) => e.target.blur(), ["prevent"]), ["enter"]),
 			onClick: O(m, ["stop"])
-		}, null, 44, Gi)), [[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: S(c.value),
-			"aria-label": E(r).table.cellPlaceholder,
+		}, null, 44, Ki)), [[t, e.content]])), 128))])])) : w("", !0), M("tbody", null, [(s(!0), C(L, null, r(p.value, (e) => (s(), C("tr", { key: e.id }, [(s(!0), C(L, null, r(e.cells, (r) => f((s(), C("td", {
+			key: r.id,
+			style: k(l.value),
+			"aria-label": _(i).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"]),
+			"data-placeholder": _(i).table.cellPlaceholder,
+			onBlur: (t) => h(e.id, r.id, t),
+			onKeydown: n[1] ||= y(O((e) => e.target.blur(), ["prevent"]), ["enter"]),
 			onClick: O(m, ["stop"])
-		}, null, 44, Ki)), [[t, i.content]])), 128))]))), 128))])], 4)) : (l(), w("div", qi, [z(E(Kt), { size: 16 }), M("span", null, k(E(r).table.empty), 1)]))]));
+		}, null, 44, qi)), [[t, r.content]])), 128))]))), 128))])], 4)) : (s(), C("div", Ji, [v(_(Wt), { size: 16 }), M("span", null, R(_(i).table.empty), 1)]))]));
 	}
-}), [["__scopeId", "data-v-963ac422"]]), Yi = /* @__PURE__ */ R({
+}), [["__scopeId", "data-v-963ac422"]]), Xi = /* @__PURE__ */ d({
 	__name: "VideoPlayButton",
 	props: { hoverEffect: {
 		type: Boolean,
 		default: !1
 	} },
 	setup(e) {
-		return (t, n) => (l(), w("div", { class: F(["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", {
+		return (t, n) => (s(), C("div", { class: b(["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-[color-mix(in_srgb,var(--tpl-bg)_90%,transparent)] tpl:shadow-[var(--tpl-shadow-lg)]" }, [M("svg", {
 			class: "tpl:ml-1 tpl:text-[var(--tpl-danger)]",
 			width: "28",
 			height: "28",
@@ -2869,7 +3145,7 @@ var Di = { class: "tpl:w-full" }, Oi = {
 });
 //#endregion
 //#region src/utils/videoThumbnail.ts
-function Xi(e) {
+function Zi(e) {
 	if (!e) return {
 		platform: "unknown",
 		videoId: null,
@@ -2901,25 +3177,25 @@ function Xi(e) {
 		thumbnailUrl: null
 	};
 }
-function Zi(e, t) {
-	return t || Xi(e).thumbnailUrl;
+function Qi(e, t) {
+	return t || Zi(e).thumbnailUrl;
 }
 //#endregion
 //#region src/components/blocks/VideoBlock.vue?vue&type=script&setup=true&lang.ts
-var Qi = ["src", "alt"], $i = {
+var $i = ["src", "alt"], ea = {
 	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" }
-}, ea = ["href"], ta = ["src", "alt"], na = ["src", "alt"], ra = {
+}, ta = ["href"], na = ["src", "alt"], ra = ["src", "alt"], ia = {
 	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)]"
-}, ia = /* @__PURE__ */ R({
+}, aa = /* @__PURE__ */ d({
 	__name: "VideoBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = q(), { syntax: r } = Y(), i = C(() => H(t.block.url, r) || H(t.block.thumbnailUrl, r)), a = Q(() => i.value ? void 0 : t.block.thumbnailUrl || void 0), o = Q(() => i.value ? t.block.placeholderUrl : void 0), s = C(() => i.value ? null : t.block.thumbnailUrl ? a.value ?? null : Zi(t.block.url)), c = C(() => ({ textAlign: t.block.align })), u = C(() => {
+		let t = e, { t: n } = Y(), { syntax: r } = Q(), i = S(() => U(t.block.url, r) || U(t.block.thumbnailUrl, r)), a = Sn(() => i.value ? void 0 : t.block.thumbnailUrl || void 0), o = Sn(() => i.value ? t.block.placeholderUrl : void 0), c = S(() => i.value ? null : t.block.thumbnailUrl ? a.value ?? null : Qi(t.block.url)), l = S(() => ({ textAlign: t.block.align })), u = S(() => {
 			let e = t.block.align;
 			return {
 				maxWidth: "100%",
@@ -2928,185 +3204,196 @@ var Qi = ["src", "alt"], $i = {
 				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", {
+		}), d = S(() => U(t.block.url, r) ? t.block.url : t.block.thumbnailUrl);
+		return (t, r) => (s(), C("div", {
 			class: "tpl:w-full",
-			style: S(c.value)
-		}, [i.value && e.block.placeholderUrl ? (l(), w("div", {
+			style: k(l.value)
+		}, [i.value && e.block.placeholderUrl ? (s(), C("div", {
 			key: 0,
 			class: "tpl:relative tpl:inline-block",
-			style: S(u.value)
+			style: k(u.value)
 		}, [M("img", {
 			class: "tpl:w-full tpl:border-0",
-			src: E(o),
+			src: _(o),
 			alt: e.block.alt
-		}, null, 8, Qi), z(Yi)], 4)) : i.value ? (l(), w("div", {
+		}, null, 8, $i), v(Xi)], 4)) : i.value ? (s(), C("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: S([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, u.value])
-		}, [z(E(Ht), {
+			style: k([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, u.value])
+		}, [v(_(Bt), {
 			size: 36,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-primary)]",
 			style: { opacity: "0.5" }
-		}), M("span", $i, [z(Gn, { text: d.value }, null, 8, ["text"])])], 4)) : s.value ? (l(), w(I, { key: 2 }, [e.block.url ? (l(), w("a", {
+		}), M("span", ea, [v(qn, { text: d.value }, null, 8, ["text"])])], 4)) : c.value ? (s(), C(L, { key: 2 }, [e.block.url ? (s(), C("a", {
 			key: 0,
 			href: e.block.url,
 			target: "_blank",
 			rel: "noopener noreferrer",
 			class: "tpl:group tpl:relative tpl:inline-block",
-			style: S(u.value),
+			style: k(u.value),
 			onClick: r[0] ||= O(() => {}, ["prevent"])
 		}, [M("img", {
 			class: "tpl:w-full tpl:border-0",
-			src: s.value,
+			src: c.value,
 			alt: e.block.alt
-		}, null, 8, ta), z(Yi, { "hover-effect": "" })], 12, ea)) : (l(), w("div", {
+		}, null, 8, na), v(Xi, { "hover-effect": "" })], 12, ta)) : (s(), C("div", {
 			key: 1,
 			class: "tpl:relative tpl:inline-block",
-			style: S(u.value)
+			style: k(u.value)
 		}, [M("img", {
 			class: "tpl:w-full tpl:border-0",
-			src: s.value,
+			src: c.value,
 			alt: e.block.alt
-		}, null, 8, na), z(Yi)], 4))], 64)) : (l(), w("div", ra, [z(E(Ht), {
+		}, null, 8, ra), v(Xi)], 4))], 64)) : (s(), C("div", ia, [v(_(Bt), {
 			size: 40,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-border-light)]"
-		}), M("span", null, k(E(n).video.addVideo), 1)]))], 4));
-	}
-}), aa = {
-	section: ki,
-	title: Ti,
-	paragraph: oi,
-	image: qr,
-	button: qn,
-	divider: Dr,
-	video: ia,
-	social: zi,
-	menu: Zr,
-	table: Ji,
-	spacer: Hi,
-	html: Nr,
-	countdown: b(() => import("./CountdownBlock-vLTkTI9e.js"))
+		}), M("span", null, R(_(n).video.addVideo), 1)]))], 4));
+	}
+}), oa = {
+	section: Ai,
+	title: Ei,
+	paragraph: si,
+	image: Jr,
+	button: Yn,
+	divider: Or,
+	video: aa,
+	social: Bi,
+	menu: Qr,
+	table: Yi,
+	spacer: Ui,
+	html: Pr,
+	countdown: B(() => import("./CountdownBlock-BYSrJWxg.js"))
 };
-function oa(e) {
-	let { editor: t, config: n, translations: r, fontsManager: a } = e, { t: s, format: c } = q(r);
-	t.setUiTheme(n.uiTheme ?? "auto");
-	let { resolvedTheme: l } = En(C(() => t.state.uiTheme)), d = v(n.theme ?? {}), { themeStyles: f } = On({
-		themeOverrides: d,
-		resolvedTheme: l,
-		extraStyles: e.themeExtraStyles
-	}), p = rn({
-		content: t.content,
-		setContent: (e, n) => t.setContent(e, n),
+function sa(e) {
+	let { editor: n, config: r, translations: i, fontsManager: a } = e, { t: s, format: u } = Y(i);
+	n.setUiTheme(r.uiTheme ?? "auto");
+	let { resolvedTheme: d } = An(S(() => n.state.uiTheme)), f = l(r.theme ?? {}), { themeStyles: p } = Mn({
+		themeOverrides: f,
+		resolvedTheme: d,
+		extraStyles: () => ({
+			"--tpl-drop-text": `"${i.canvas.dropHere}"`,
+			...e.themeExtraStyles?.()
+		})
+	}), m = tn({
+		content: n.content,
+		setContent: (e, t) => n.setContent(e, t),
 		...e.historyOptions
 	});
-	un(t, p);
-	let m = on({
-		addBlock: t.addBlock,
-		removeBlock: t.removeBlock,
-		updateBlock: t.updateBlock,
-		selectBlock: t.selectBlock,
-		findBlockLocation: t.findBlockLocation,
-		blockDefaults: n.blockDefaults
-	}), h = cn(t), g = e.autoSaveOptions !== null && e.autoSaveOptions !== void 0 ? sn({
-		content: t.content,
-		isDirty: () => t.state.isDirty,
+	ln(n, m);
+	let g = rn({
+		addBlock: n.addBlock,
+		removeBlock: n.removeBlock,
+		updateBlock: n.updateBlock,
+		selectBlock: n.selectBlock,
+		findBlockLocation: n.findBlockLocation,
+		blockDefaults: r.blockDefaults
+	}), _ = sn(n), v = e.autoSaveOptions !== null && e.autoSaveOptions !== void 0 ? on({
+		content: n.content,
+		isDirty: () => n.state.isDirty,
 		...e.autoSaveOptions
-	}) : null, _ = null;
-	g && (_ = B(p.isNavigating, (e) => {
-		e ? g.pause() : g.resume();
+	}) : null, y = null;
+	v && (y = t(m.isNavigating, (e) => {
+		e ? v.pause() : v.resume();
 	}));
-	let y = Tn(t, {
+	let b = kn(n, {
 		t: s,
-		format: c
-	}, n.customBlocks ?? []), b = kt(n.colors);
-	if (b.allowCustomIgnored && $.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 && $.warn(`config.colors.presets skipped invalid entries: ${b.invalidPresets.join(", ")} — presets must be hex colors (#rgb or #rrggbb).`), b.allowCustom === !1) {
-		let e = zn(b.presets, n.blockDefaults, n.templateDefaults);
-		e.length > 0 && $.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 = jn();
-	In(x, aa);
-	let S = /* @__PURE__ */ new Set();
-	function w(e) {
+		format: u
+	}, r.customBlocks ?? []), x = Dt(r.colors);
+	if (x.allowCustomIgnored && X.warn("config.colors.allowCustom: false is ignored without presets — keeping the color wheel and hex input so a color can still be chosen."), x.invalidPresets.length > 0 && X.warn(`config.colors.presets skipped invalid entries: ${x.invalidPresets.join(", ")} — presets must be hex colors (#rgb or #rrggbb).`), x.allowCustom === !1) {
+		let e = Vn(x.presets, r.blockDefaults, r.templateDefaults);
+		e.length > 0 && X.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 C = Nn();
+	Rn(C, oa);
+	let w = /* @__PURE__ */ new Set();
+	function T(e) {
 		for (let t of e) {
-			x.registerCustom(t, Tr);
-			for (let e of Vn(t, b)) S.has(e.id) || (S.add(e.id), $.warn(e.message));
+			C.registerCustom(t, Er);
+			for (let e of Un(t, x)) w.has(e.id) || (w.add(e.id), X.warn(e.message));
 		}
 	}
-	n.customBlocks?.length && w(n.customBlocks);
-	let T = hn();
-	if (i() && o(T.dispose), e.containerEl) {
+	r.customBlocks?.length && T(r.customBlocks);
+	let E = vn();
+	if (o() && h(E.dispose), e.containerEl) {
 		let t = e.containerEl;
-		U(document, "pointerdown", (e) => {
+		G(document, "pointerdown", (e) => {
 			let n = t.value;
-			n && (e.composedPath?.() ?? []).includes(n) && T.claim();
+			n && (e.composedPath?.() ?? []).includes(n) && E.claim();
 		}, { capture: !0 });
 	}
-	function E(r) {
-		T.isActive() && Un(r, {
-			history: p,
-			selectBlock: (e) => t.selectBlock(e),
-			getSelectedBlockId: () => t.state.selectedBlockId,
-			removeBlock: (e) => t.removeBlock(e),
-			onSave: n.onSave,
+	function D() {
+		let t = e.capabilities?.templates;
+		if (t) {
+			t.save();
+			return;
+		}
+		v?.flush();
+	}
+	function O(t) {
+		E.isActive() && Gn(t, {
+			history: m,
+			selectBlock: (e) => n.selectBlock(e),
+			getSelectedBlockId: () => n.state.selectedBlockId,
+			removeBlock: (e) => n.removeBlock(e),
+			onSave: D,
 			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(ct, e.editorRoot ?? document), u(Ye, D), u(Ze, r), u(K, t), u(Et, p), u(lt, m), u(ft, h), u(Ct, a), u(st, f), u(ot, l), u(vt, n.blockDefaults), u(xt, x), u(yt, n.customBlocks ?? []), u(rt, n.paletteBlocks), u(ut, Ln(n.htmlBlockPreview)), u(St, b), u(gt, Mn(t.content, x));
-	let O = Ce(n.mergeTags?.syntax);
-	u(W, n.mergeTags?.tags ?? []), u(Ge, O), u(tt, n.mergeTags?.onRequest ?? null), u(Je, n.mergeTags?.autocomplete !== !1);
-	let k = v(Fe(n.mergeTags?.tags ?? []));
-	u(ht, k);
-	let A = _n({
-		resolvePreview: n.resolvePreview,
-		getContent: () => t.content.value,
-		isActive: () => t.state.previewMode
+	G(document, "keydown", O);
+	let k = l(null);
+	c(ut, e.editorRoot ?? document), c(et, k), c(nt, i), c(J, n), c(bt, m), c(at, g), c(ct, _), c(it, a), c(We, p), c(Ye, d), c(ht, r.blockDefaults), c(vt, C), c(lt, r.customBlocks ?? []), c(Qe, r.paletteBlocks), c(Ct, zn(r.htmlBlockPreview)), c(yt, x), c(gt, Pn(n.content, C));
+	let A = Se(r.mergeTags?.syntax);
+	c(K, r.mergeTags?.tags ?? []), c(ft, A), c(Ze, r.mergeTags?.onRequest ?? null), c(qe, r.mergeTags?.autocomplete !== !1);
+	let j = l(Ne(r.mergeTags?.tags ?? []));
+	c($e, j);
+	let M = bn({
+		resolvePreview: r.resolvePreview,
+		getContent: () => n.content.value,
+		isActive: () => n.state.previewMode
 	});
-	u(Qe, A), u($e, n.resolvePreview);
-	let j = C(() => !(t.state.previewMode && A.isConfigured));
-	u(bt, j);
-	let M = yn();
-	u(nt, M), u(wt, n.logicTags?.tags ?? []), u(qe, n.logicTags?.pairs ?? []), u(mt, n.logicTags?.onRequest ?? null), u(at, bn()), u(et, n.onRequestMedia ?? null), u(Tt, n.resolveImageUrl ? vn(n.resolveImageUrl) : null), u(pt, n.displayConditions?.conditions ?? []), u(_t, n.displayConditions?.allowCustom ?? !1), u(dt, e.capabilities ?? {}), u(it, y);
-	let N = xn(n.lint) ? null : Sn({
-		content: t.content,
-		options: n.lint ?? {},
-		updateBlock: t.updateBlock,
-		updateSettings: t.updateSettings,
-		removeBlock: t.removeBlock
+	c(Je, M), c(Xe, r.resolvePreview);
+	let N = S(() => !(n.state.previewMode && M.isConfigured));
+	c(_t, N);
+	let P = Cn();
+	c(Ke, P), c(Ge, r.logicTags?.tags ?? []), c(tt, r.logicTags?.pairs ?? []), c(Ue, r.logicTags?.onRequest ?? null), c(xt, wn()), c(dt, r.onRequestMedia ?? null), c(ot, r.resolveImageUrl ? xn(r.resolveImageUrl) : null), c(pt, r.displayConditions?.conditions ?? []), c(mt, r.displayConditions?.allowCustom ?? !1), c(st, e.capabilities ?? {}), c(St, b);
+	let F = Tn(r.lint) ? null : En({
+		content: n.content,
+		options: r.lint ?? {},
+		updateBlock: n.updateBlock,
+		updateSettings: n.updateSettings,
+		removeBlock: n.removeBlock
 	});
-	u(Ke, N);
-	function P() {
-		_?.(), N?.destroy(), g?.destroy(), p.destroy();
+	c(wt, F);
+	function I() {
+		y?.(), F?.destroy(), v?.destroy(), m.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: N,
-		popoverRoot: D,
-		mergeTagSampleMode: k,
-		previewResolution: A,
-		appliesConditionFilter: j,
-		registerCustomBlocks: w,
-		destroy: P
+		format: u,
+		history: m,
+		blockActions: g,
+		conditionPreview: _,
+		autoSave: v,
+		resolvedTheme: d,
+		themeStyles: p,
+		themeOverrides: f,
+		registry: C,
+		keyboardReorder: b,
+		templateLint: F,
+		popoverRoot: k,
+		mergeTagSampleMode: j,
+		previewResolution: M,
+		appliesConditionFilter: N,
+		registerCustomBlocks: T,
+		destroy: I
 	};
 }
 //#endregion
-export { Bn as A, sr as C, $n as D, er as E, pn as F, dn as I, ln as L, wn as M, Cn as N, Xn as O, _n as P, $t as R, fr as S, tr as T, Nr as _, zi as a, gr as b, Ti as c, si as d, ci as f, Fr as g, qr as h, Hi as i, $ as j, qn as k, Ci as l, Zr as m, ia as n, Mi as o, oi as p, Ji as r, ki as s, oa as t, li as u, Dr as v, or as w, mr as x, Tr as y };
+export { On as A, Zt as B, cr as C, Qn as D, tr as E, pn as F, fn as I, un as L, bn as M, hn as N, Yn as O, mn as P, cn as R, pr as S, nr as T, Pr as _, Bi as a, _r as b, Ei as c, ci as d, li as f, Ir as g, Jr as h, Ui as i, Dn as j, Hn as k, wi as l, Qr as m, aa as n, Ni as o, si as p, Yi as r, Ai as s, sa as t, ui as u, Or as v, sr as w, hr as x, Er as y, an as z };
 
-//# sourceMappingURL=useEditorCore-CKQ9gmoo.js.map
+//# sourceMappingURL=useEditorCore-CTu_qZ3W.js.map