@templatical/editor 0.40.0 → 0.42.0

package/dist/cdn/chunks/{useEditorCore-CQraU2s_.js → useEditorCore-yd40TFKy.js}

@@ -1,35 +1,35 @@
 import { A as e, B as t, E as n, F as r, H as i, I as a, K as o, N as s, P as c, Q as l, R as u, S as d, U as f, X as p, Y as m, at as h, b as g, c as _, ct as v, et as y, f as b, g as x, h as S, it as C, j as w, k as T, l as E, lt as D, m as O, p as k, q as A, rt as j, s as M, t as N, u as P, ut as F, w as I, x as L, y as R } from "./draggable-IB4x6w2O.js";
-import { A as z, B, F as V, G as ee, H as te, I as ne, J as re, M as ie, N as ae, O as oe, P as se, R as ce, T as le, V as ue, Y as de, Z as fe, _ as pe, a as me, b as he, d as ge, f as _e, ft as ve, g as ye, h as be, i as H, j as xe, k as Se, l as Ce, m as we, n as Te, o as Ee, p as De, pt as Oe, q as ke, r as Ae, s as je, u as Me, ut as Ne, z as Pe } from "./src-DveVYoWS.js";
-import { a as Fe, b as Ie, g as Le, h as Re, i as ze, m as Be, n as Ve, o as He, t as Ue, v as We, y as Ge } from "./socialIcons-BvYNMn1G.js";
-import { _ as Ke, h as qe, v as Je, y as Ye } from "./dist-BRZhN8qJ.js";
-import { a as U, c as Xe, i as Ze } from "./dist-CXB2_kBa.js";
-import { $ as Qe, A as $e, B as et, C as tt, D as nt, E as rt, F as W, G as it, H as at, I as ot, J as st, K as ct, L as lt, M as ut, N as dt, O as G, P as ft, Q as K, R as pt, S as mt, T as ht, V as gt, X as _t, Y as vt, Z as yt, _ as bt, a as xt, b as St, c as Ct, d as wt, f as Tt, g as q, h as Et, j as Dt, k as Ot, l as kt, m as At, n as jt, o as Mt, p as Nt, q as Pt, r as Ft, s as It, v as Lt, w as Rt, x as zt, y as Bt, z as Vt } from "./keys-DCWeHkSF.js";
+import { A as z, B, F as V, G as H, H as ee, I as te, J as ne, M as re, N as ie, O as ae, P as oe, R as se, T as ce, V as le, Y as ue, Z as de, _ as fe, _t as pe, a as me, b as he, d as ge, f as _e, g as ve, gt as ye, h as be, ht as xe, i as U, j as Se, k as Ce, l as we, m as Te, mt as Ee, n as De, o as Oe, p as ke, q as Ae, r as je, s as Me, u as Ne, ut as Pe, vt as W, z as Fe } from "./src-BR3I3gOW.js";
+import { a as Ie, b as Le, g as Re, h as ze, i as Be, m as Ve, n as He, o as Ue, t as We, v as Ge, y as Ke } from "./socialIcons-ZOCwCCyn.js";
+import { _ as qe, h as Je, v as Ye, y as Xe } from "./dist-BRZhN8qJ.js";
+import { a as G, c as Ze, i as Qe } from "./dist-CXB2_kBa.js";
+import { $ as $e, A as et, B as tt, C as nt, D as rt, E as it, F as K, G as at, H as ot, I as st, J as ct, K as lt, L as ut, M as dt, N as ft, O as q, P as pt, Q as J, R as mt, S as ht, T as gt, V as _t, X as vt, Y as yt, Z as bt, _ as xt, a as St, b as Ct, c as wt, d as Tt, f as Et, g as Y, h as Dt, j as Ot, k as kt, l as At, m as jt, n as Mt, o as Nt, p as Pt, q as Ft, r as It, s as Lt, v as Rt, w as zt, x as Bt, y as Vt, z as Ht } from "./keys-DCWeHkSF.js";
 import "./timeouts-DHPZQ0G3.js";
-import { t as J } from "./useI18n-CyO_Nmca.js";
-import { t as Y } from "./logger-ByvdoAwq.js";
-import { i as Ht, o as Ut, r as X, t as Wt } from "./usePopoverPosition-BJRvAb-h.js";
-import { r as Gt, t as Kt } from "./templateSettingsFields-YCFVBVYh.js";
-import { A as qt, Bt as Jt, Et as Yt, H as Xt, Ot as Zt, Tt as Qt, X as $t, d as en, ft as tn, ht as nn, it as rn, o as an, s as on, tt as sn, u as cn, v as ln, vt as un, zt as dn } from "./icons-BKkJ-5xF.js";
-import { t as fn } from "./LoadingTrack-_7DH_5aw.js";
-import { t as pn } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as mn } from "./useEditorRoot-CshefZLP.js";
+import { t as X } from "./useI18n-CyO_Nmca.js";
+import { t as Z } from "./logger-ByvdoAwq.js";
+import { i as Ut, r as Wt, s as Gt, t as Kt } from "./usePopoverPosition-DGXjXKjM.js";
+import { r as qt, t as Jt } from "./templateSettingsFields-YCFVBVYh.js";
+import { Bt as Yt, Dt as Xt, Et as Zt, U as Qt, Vt as $t, Z as en, at as tn, d as nn, f as rn, gt as an, j as on, kt as sn, nt as cn, o as ln, pt as un, s as dn, y as fn, yt as pn } from "./icons-Bad3WZ3G.js";
+import { t as mn } from "./LoadingTrack-_7DH_5aw.js";
+import { t as hn } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as gn } from "./useEditorRoot-CshefZLP.js";
 import "./useCloudI18n-CrjWbpbu.js";
-import { t as Z } from "./useMergeTag-DbIHw4NG.js";
-import { t as hn } from "./useLogicTag-DF7-l66G.js";
-import { t as gn } from "./useAliveFlag-DAlQLbM2.js";
+import { t as _n } from "./useMergeTag-C5MyHYxJ.js";
+import { t as vn } from "./useLogicTag-J_i_hvZg.js";
+import { t as yn } from "./useAliveFlag-DAlQLbM2.js";
 //#region src/utils/activeEditorTracker.ts
-var _n = /* @__PURE__ */ new Set(), Q = 0, vn = 0;
-function yn() {
-	let e = ++vn;
-	return _n.add(e), Q === 0 && (Q = e), {
+var bn = /* @__PURE__ */ new Set(), Q = 0, xn = 0;
+function Sn() {
+	let e = ++xn;
+	return bn.add(e), Q === 0 && (Q = e), {
 		id: e,
-		isActive: () => _n.size <= 1 || Q === e,
+		isActive: () => bn.size <= 1 || Q === e,
 		claim: () => {
 			Q = e;
 		},
 		dispose: () => {
-			if (_n.delete(e), Q === e) {
-				let e = Array.from(_n);
+			if (bn.delete(e), Q === e) {
+				let e = Array.from(bn);
 				Q = e[e.length - 1] ?? 0;
 			}
 		}
@@ -37,8 +37,8 @@ function yn() {
 }
 //#endregion
 //#region src/composables/usePreviewResolution.ts
-var bn = 500;
-function xn(e) {
+var Cn = 500;
+function wn(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);
@@ -49,13 +49,13 @@ function xn(e) {
 		let n = ++o;
 		i.value = !0;
 		let s = {
-			content: le(e.getContent()),
+			content: ce(e.getContent()),
 			...e.getRecipient?.() === void 0 ? {} : { recipient: e.getRecipient() }
 		};
 		try {
 			let e = await t(s);
 			if (n !== o) return;
-			if (!Te(e)) {
+			if (!De(e)) {
 				a.value = !0;
 				return;
 			}
@@ -75,7 +75,7 @@ function xn(e) {
 			}
 			s = setTimeout(() => {
 				s = null, u();
-			}, bn);
+			}, Cn);
 		}
 	}
 	return t(() => [e.isActive(), e.getRecipient?.()], ([e]) => {
@@ -97,7 +97,7 @@ function xn(e) {
 }
 //#endregion
 //#region src/composables/useImageUrlResolver.ts
-function Sn(e) {
+function Tn(e) {
 	let t = p(/* @__PURE__ */ new Map()), n = /* @__PURE__ */ new Set();
 	function r(e) {
 		return t.get(e);
@@ -130,8 +130,8 @@ function Sn(e) {
 		lookup: a
 	};
 }
-function Cn(e) {
-	let r = n(zt, null), i = b(e);
+function En(e) {
+	let r = n(Bt, null), i = b(e);
 	if (!r) return i;
 	let a;
 	function s() {
@@ -160,7 +160,7 @@ function Cn(e) {
 }
 //#endregion
 //#region src/composables/useMergeTagPicker.ts
-function wn() {
+function Dn() {
 	let e = l(!1), t = l([]), n = l(null), r = null;
 	function i(i, a) {
 		if (r) {
@@ -191,7 +191,7 @@ function wn() {
 }
 //#endregion
 //#region src/composables/useLogicTagPicker.ts
-function Tn() {
+function On() {
 	let e = l(!1), t = l([]), n = l([]), r = null;
 	function i(i, a) {
 		if (r) {
@@ -222,17 +222,17 @@ function Tn() {
 }
 //#endregion
 //#region src/composables/useTemplateLint.ts
-function En(e) {
+function kn(e) {
 	return e ? e.disabled === !0 || e.accessibility === !1 && e.structure === !1 && e.links === !1 : !1;
 }
-function Dn(e) {
-	let n = l([]), r = l(!1), i = l(!1), a = y(null), o = En(e.options), s = null, c = !1;
+function An(e) {
+	let n = l([]), r = l(!1), i = l(!1), a = y(null), o = kn(e.options), s = null, c = !1;
 	o || u();
 	async function u() {
 		try {
-			let t = await import("./src-Cnc5E71L.js");
+			let t = await import("./src-fZSLjhjy.js");
 			if (c) return;
-			a.value = { lintTemplate: t.lintTemplate }, r.value = !0, d(), s = Ye(e.content, d, {
+			a.value = { lintTemplate: t.lintTemplate }, r.value = !0, d(), s = Xe(e.content, d, {
 				debounce: e.debounce ?? 500,
 				deep: !0
 			});
@@ -267,7 +267,7 @@ function Dn(e) {
 }
 //#endregion
 //#region src/composables/useKeyboardReorder.ts
-function On(e, t, n = []) {
+function jn(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);
@@ -294,7 +294,7 @@ function On(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 ? He(a, t.t, n) : "";
+		return a ? Ue(a, t.t, n) : "";
 	}
 	function c(t, n) {
 		return e.content.value.blocks.find((e) => e.id === t && e.type === "section")?.children[n] ?? null;
@@ -363,13 +363,13 @@ function On(e, t, n = []) {
 }
 //#endregion
 //#region src/composables/useUiTheme.ts
-function kn(e) {
-	let t = Xe("(prefers-color-scheme: dark)");
+function Mn(e) {
+	let t = Ze("(prefers-color-scheme: dark)");
 	return { resolvedTheme: b(() => e.value === "auto" ? t.value ? "dark" : "light" : e.value) };
 }
 //#endregion
 //#region src/composables/useThemeStyles.ts
-var An = {
+var Nn = {
 	bg: "--tpl-bg",
 	bgElevated: "--tpl-bg-elevated",
 	bgHover: "--tpl-bg-hover",
@@ -393,10 +393,10 @@ var An = {
 	dangerLight: "--tpl-danger-light",
 	canvasBg: "--tpl-canvas-bg"
 };
-function jn({ themeOverrides: e, resolvedTheme: t, extraStyles: n }) {
+function Pn({ themeOverrides: e, resolvedTheme: t, extraStyles: n }) {
 	return { themeStyles: b(() => {
 		let r = {}, i = e.value, a = t.value === "dark" ? i.dark : i;
-		if (a) for (let [e, t] of Object.entries(An)) {
+		if (a) for (let [e, t] of Object.entries(Nn)) {
 			let n = a[e];
 			n && (r[t] = n);
 		}
@@ -405,7 +405,7 @@ function jn({ themeOverrides: e, resolvedTheme: t, extraStyles: n }) {
 }
 //#endregion
 //#region src/composables/useBlockRegistry.ts
-function Mn() {
+function Fn() {
 	let e = y(/* @__PURE__ */ new Map());
 	function t(t, n) {
 		e.value.set(t, n), C(e);
@@ -445,7 +445,7 @@ function Mn() {
 				strictFilters: !1
 			}).parseAndRender(t.template, e.fieldValues);
 		} catch (t) {
-			return Y.error(`Failed to render custom block "${e.customType}":`, t), o(`Render error: ${e.customType}`);
+			return Z.error(`Failed to render custom block "${e.customType}":`, t), o(`Render error: ${e.customType}`);
 		}
 	}
 	function c(t) {
@@ -463,9 +463,9 @@ function Mn() {
 }
 //#endregion
 //#region src/composables/useCustomBlockStylesheets.ts
-function Nn(e, t) {
+function In(e, t) {
 	return b(() => {
-		let n = Pn(e.value.blocks);
+		let n = Ln(e.value.blocks);
 		if (n.size === 0) return [];
 		let r = /* @__PURE__ */ new Set(), i = [];
 		for (let e of n) {
@@ -477,33 +477,33 @@ function Nn(e, t) {
 		return i;
 	});
 }
-function Pn(e) {
+function Ln(e) {
 	let t = /* @__PURE__ */ new Set();
-	return Fn(e, t), t;
+	return Rn(e, t), t;
 }
-function Fn(e, t) {
+function Rn(e, t) {
 	for (let n of e) {
-		if (fe(n)) {
+		if (de(n)) {
 			t.add(n.customType);
 			continue;
 		}
 		if (n.type === "section") {
 			let e = n.children;
 			if (!e) continue;
-			for (let n of e) Fn(n, t);
-		} else Ne(n) && Fn(n.children, t);
+			for (let n of e) Rn(n, t);
+		} else Pe(n) && Rn(n.children, t);
 	}
 }
 //#endregion
 //#region src/utils/registerBuiltInBlocks.ts
-var In = [
+var zn = [
 	{
 		type: "section",
-		createBlock: ne
+		createBlock: te
 	},
 	{
 		type: "title",
-		createBlock: ue
+		createBlock: le
 	},
 	{
 		type: "paragraph",
@@ -511,27 +511,27 @@ var In = [
 	},
 	{
 		type: "image",
-		createBlock: ae
+		createBlock: ie
 	},
 	{
 		type: "button",
-		createBlock: oe
+		createBlock: ae
 	},
 	{
 		type: "divider",
-		createBlock: xe
+		createBlock: Se
 	},
 	{
 		type: "video",
-		createBlock: te
+		createBlock: ee
 	},
 	{
 		type: "social",
-		createBlock: ce
+		createBlock: se
 	},
 	{
 		type: "menu",
-		createBlock: se
+		createBlock: oe
 	},
 	{
 		type: "table",
@@ -539,19 +539,19 @@ var In = [
 	},
 	{
 		type: "spacer",
-		createBlock: Pe
+		createBlock: Fe
 	},
 	{
 		type: "html",
-		createBlock: ie
+		createBlock: re
 	},
 	{
 		type: "countdown",
-		createBlock: Se
+		createBlock: Ce
 	}
 ];
-function Ln(e, t) {
-	for (let n of In) {
+function Bn(e, t) {
+	for (let n of zn) {
 		let r = t[n.type];
 		r && e.registerBuiltIn(n.type, {
 			component: r,
@@ -561,33 +561,33 @@ function Ln(e, t) {
 }
 //#endregion
 //#region src/utils/resolveHtmlBlockPreview.ts
-function Rn(e) {
+function Vn(e) {
 	return typeof e == "boolean" ? e : e?.enabled ?? !1;
 }
 //#endregion
 //#region src/utils/collectOffPaletteDefaults.ts
-function zn(e) {
+function Hn(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Bn(e, t, n) {
-	let r = new Set(e.map((e) => X(e))), i = [], a = (e, t) => {
-		for (let [n, o] of Object.entries(e)) typeof o == "string" ? o !== "" && /color$/i.test(n) && !r.has(X(o)) && i.push(`${t}.${n}: ${o}`) : zn(o) && a(o, `${t}.${n}`);
+function Un(e, t, n) {
+	let r = new Set(e.map((e) => Wt(e))), i = [], a = (e, t) => {
+		for (let [n, o] of Object.entries(e)) typeof o == "string" ? o !== "" && /color$/i.test(n) && !r.has(Wt(o)) && i.push(`${t}.${n}: ${o}`) : Hn(o) && a(o, `${t}.${n}`);
 	}, o = t;
-	for (let [e, t] of Object.entries(ke)) {
+	for (let [e, t] of Object.entries(Ae)) {
 		let n = o?.[e];
 		a({
 			...t,
-			...zn(n) ? n : {}
+			...Hn(n) ? n : {}
 		}, e);
 	}
 	return a({
-		...re,
+		...ne,
 		...n ?? {}
 	}, "template"), i;
 }
 //#endregion
 //#region src/utils/localizedBlockDefaults.ts
-function Vn(e) {
+function Wn(e) {
 	return {
 		title: { content: `<p>${e.blockDefaults.title}</p>` },
 		paragraph: { content: `<p>${e.blockDefaults.paragraph}</p>` },
@@ -596,58 +596,59 @@ function Vn(e) {
 }
 //#endregion
 //#region src/i18n/index.ts
-var Hn = /* #__PURE__ */ Object.assign({
-	"./locales/ca.ts": () => import("./ca-Ckgw9yd0.js"),
-	"./locales/de.ts": () => import("./de-D4dweQw8.js"),
-	"./locales/en.ts": () => import("./en-VE7R7NyL.js"),
-	"./locales/es.ts": () => import("./es-B9OhP8H3.js"),
-	"./locales/fr.ts": () => import("./fr-wrXhIi00.js"),
-	"./locales/nl.ts": () => import("./nl-DeFatKJe.js"),
-	"./locales/pt-BR.ts": () => import("./pt-BR-Bh1J8ey6.js")
-}), Un = /* #__PURE__ */ Object.assign({
+var Gn = /* #__PURE__ */ Object.assign({
+	"./locales/ca.ts": () => import("./ca--zGWn9AU.js"),
+	"./locales/de.ts": () => import("./de-BRNLKcDl.js"),
+	"./locales/en.ts": () => import("./en-JJjqHMjy.js"),
+	"./locales/es.ts": () => import("./es-BIh8BxV9.js"),
+	"./locales/fr.ts": () => import("./fr-C5VUZogP.js"),
+	"./locales/ja.ts": () => import("./ja-x5JYxaCW.js"),
+	"./locales/nl.ts": () => import("./nl-UXxFyXV6.js"),
+	"./locales/pt-BR.ts": () => import("./pt-BR-DHm3SP6W.js")
+}), Kn = /* #__PURE__ */ Object.assign({
 	"./locales/cloud/de.ts": () => import("./de-mMY5yQJu.js"),
 	"./locales/cloud/en.ts": () => import("./en-ChVeGQBY.js"),
 	"./locales/cloud/pt-BR.ts": () => import("./pt-BR-CoCwRUi0.js")
 });
-function Wn(e) {
+function qn(e) {
 	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
 }
-var Gn = Wn(Hn), Kn = Wn(Un);
-function qn(e) {
+var Jn = qn(Gn), Yn = qn(Kn);
+function Xn(e) {
 	return e.trim().replace(/_/g, "-").toLowerCase();
 }
-function Jn(e, t) {
-	let n = qn(e);
-	return t.find((e) => qn(e) === n);
+function Zn(e, t) {
+	let n = Xn(e);
+	return t.find((e) => Xn(e) === n);
 }
-function Yn(e) {
-	return qn(e).split("-")[0];
+function Qn(e) {
+	return Xn(e).split("-")[0];
 }
-function Xn(e, t) {
-	return Jn(e, t) ?? Jn(Yn(e), t);
+function $n(e, t) {
+	return Zn(e, t) ?? Zn(Qn(e), t);
 }
-function Zn(e, t) {
-	return Xn(e, t) ?? "en";
+function er(e, t) {
+	return $n(e, t) ?? "en";
 }
-async function Qn(e) {
-	let t = Hn[`./locales/${Zn(e, Gn)}.ts`];
+async function tr(e) {
+	let t = Gn[`./locales/${er(e, Jn)}.ts`];
 	return (await t()).default;
 }
-async function $n(e) {
-	let t = Un[`./locales/cloud/${Zn(e, Kn)}.ts`];
+async function nr(e) {
+	let t = Kn[`./locales/cloud/${er(e, Yn)}.ts`];
 	return (await t()).default;
 }
-function er(e) {
-	return Xn(e, Gn) !== void 0;
+function rr(e) {
+	return $n(e, Jn) !== void 0;
 }
-function tr(e) {
-	return Xn(e, Kn) !== void 0;
+function ir(e) {
+	return $n(e, Yn) !== void 0;
 }
-function nr() {
-	return [...Gn];
+function ar() {
+	return [...Jn];
 }
-function rr() {
-	return [...Kn];
+function or() {
+	return [...Yn];
 }
 //#endregion
 //#region src/i18n/contentDefaults.ts
@@ -707,17 +708,25 @@ var $ = {
 		minutes: "Minuts",
 		seconds: "Segons",
 		expired: "Aquesta oferta ha caducat"
-	}
-}, ir = new Map(Object.keys($).map((e) => [e.toLowerCase(), e]));
-function ar(e) {
+	},
+	ja: {
+		video: "動画",
+		days: "日",
+		hours: "時間",
+		minutes: "分",
+		seconds: "秒",
+		expired: "このオファーは終了しました"
+	}
+}, sr = new Map(Object.keys($).map((e) => [e.toLowerCase(), e]));
+function cr(e) {
 	if (!e) return $.en;
-	let t = e.trim().replace(/_/g, "-").toLowerCase(), n = ir.get(t);
+	let t = e.trim().replace(/_/g, "-").toLowerCase(), n = sr.get(t);
 	if (n) return $[n];
-	let r = ir.get(Yn(t));
+	let r = sr.get(Qn(t));
 	return r ? $[r] : $.en;
 }
-function or(e) {
-	let t = ar(e);
+function lr(e) {
+	let t = cr(e);
 	return {
 		video: { alt: t.video },
 		countdown: {
@@ -731,9 +740,9 @@ function or(e) {
 }
 //#endregion
 //#region src/utils/collectColorFieldIssues.ts
-function sr(e, t) {
+function ur(e, t) {
 	let n = [], r = (r, i) => {
-		let a = Fe(r, t), o = `custom block "${e.type}" field "${i}"`, s = (t) => `${e.type}:${i}:${t}`;
+		let a = Ie(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." : "")
@@ -744,8 +753,8 @@ function sr(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) => X(e)));
-			e !== "" && !t.has(X(e)) && n.push({
+			let e = r.default ?? "", t = new Set(a.presets.map((e) => Wt(e)));
+			e !== "" && !t.has(Wt(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.`
 			});
@@ -757,7 +766,7 @@ function sr(e, t) {
 }
 //#endregion
 //#region src/utils/keyboardShortcuts.ts
-function cr(e) {
+function dr(e) {
 	for (let t of e.composedPath()) {
 		if (!(t instanceof HTMLElement)) continue;
 		if (t.isContentEditable) return !0;
@@ -766,18 +775,18 @@ function cr(e) {
 	}
 	return !1;
 }
-function lr(e, t) {
+function fr(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 (cr(e)) return;
+		if (dr(e)) return;
 		e.preventDefault(), e.shiftKey ? t.history.redo() : (t.onBeforeUndo?.(), t.history.undo());
 		return;
 	}
-	if (t.isPicking?.() && !cr(e)) {
+	if (t.isPicking?.() && !dr(e)) {
 		if (e.key === "Escape") {
 			e.preventDefault(), t.onCancelPick?.();
 			return;
@@ -795,11 +804,57 @@ function lr(e, t) {
 		t.selectBlock(null);
 		return;
 	}
-	(e.key === "Delete" || e.key === "Backspace") && t.getSelectedBlockId() && !cr(e) && (e.preventDefault(), t.history.record(), t.removeBlock(t.getSelectedBlockId()));
+	(e.key === "Delete" || e.key === "Backspace") && t.getSelectedBlockId() && !dr(e) && (e.preventDefault(), t.history.record(), t.removeBlock(t.getSelectedBlockId()));
+}
+//#endregion
+//#region src/utils/blockComponentResolver.ts
+function pr(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 mr(e, t, n) {
+	if (t) {
+		let n = t.getComponent(e);
+		if (n) return n;
+	}
+	return n[e.type] ?? null;
+}
+function hr(e) {
+	if (e.type === "wrapper") return {};
+	let { padding: t, backgroundColor: n } = e.styles, r = {
+		padding: `${t.top}px ${t.right}px ${t.bottom}px ${t.left}px`,
+		backgroundColor: n || "transparent"
+	};
+	if ((e.type === "paragraph" || e.type === "title") && (r["--tpl-doc-paragraph-spacing"] = `${e.type === "paragraph" ? e.paragraphSpacing ?? xe.paragraphGap : xe.paragraphGap}px`), e.type === "section") {
+		let t = W(e.borderRadius);
+		t !== null && (r.borderRadius = t), Object.assign(r, gr(e.border));
+	}
+	return r;
+}
+function gr(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(pe(e))) t[n.replace(/-(\w)/g, (e, t) => t.toUpperCase())] = r;
+	return t;
+}
+function _r(e) {
+	if (e.type !== "section" || !e.wrapper) return null;
+	let t = e.wrapper, n = {};
+	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`);
+	let r = W(t.borderRadius);
+	return r !== null && (n.borderRadius = r), n;
+}
+function vr(e) {
+	if (e.type !== "wrapper") return null;
+	let t = {};
+	if (e.styles.backgroundColor && (t.backgroundColor = e.styles.backgroundColor), e.styles.padding) {
+		let n = e.styles.padding;
+		t.padding = `${n.top}px ${n.right}px ${n.bottom}px ${n.left}px`;
+	}
+	return e.borderRadius && e.borderRadius > 0 && (t.borderRadius = `${e.borderRadius}px`), t;
 }
 //#endregion
 //#region src/utils/mergeTagLabelSegments.ts
-function ur(e, t, n, r = !1) {
+function yr(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;) {
@@ -809,10 +864,10 @@ function ur(e, t, n, r = !1) {
 		});
 		let i = s[0];
 		if (_e(i, n)) {
-			let e = r ? je(i, t) : void 0;
+			let e = r ? Me(i, t) : void 0;
 			a.push(e === void 0 ? {
 				type: "tag",
-				value: Ee(i, t)
+				value: Oe(i, t)
 			} : {
 				type: "text",
 				value: e
@@ -833,20 +888,20 @@ function ur(e, t, n, r = !1) {
 }
 //#endregion
 //#region src/components/MergeTagPreviewText.vue
-var dr = d({
+var br = d({
 	name: "MergeTagPreviewText",
 	props: { text: {
 		type: String,
 		required: !0
 	} },
 	setup(e) {
-		let t = n(G, W), r = n(ft, Ae.liquid), i = n(K, null), a = b(() => ur(e.text, t.value, r, i?.value ?? !1));
+		let t = n(q, K), r = n(pt, je.liquid), i = n(J, null), a = b(() => yr(e.text, t.value, r, i?.value ?? !1));
 		return () => a.value.map((e, t) => e.type === "tag" ? I("span", {
 			key: t,
 			class: "tpl-merge-tag-label"
 		}, e.value) : e.value);
 	}
-}), fr = ["href"], pr = /* @__PURE__ */ d({
+}), xr = ["href"], Sr = /* @__PURE__ */ d({
 	__name: "ButtonBlock",
 	props: {
 		block: {},
@@ -862,23 +917,23 @@ var dr = d({
 				fontSize: `${t.block.fontSize}px`,
 				fontWeight: "bold",
 				textDecoration: "none",
-				borderRadius: `${t.block.borderRadius}px`,
+				borderRadius: typeof t.block.borderRadius == "number" ? `${t.block.borderRadius}px` : W(t.block.borderRadius) ?? "0px",
 				textAlign: "center"
 			};
-			return t.block.fontFamily && (e.fontFamily = t.block.fontFamily), t.block.width === "full" ? (e.display = "block", e.width = "100%", e.boxSizing = "border-box") : typeof t.block.width == "number" && (e.width = `${t.block.width}px`, e.boxSizing = "border-box"), e;
+			return Object.assign(e, gr(t.block.border)), t.block.fontFamily && (e.fontFamily = t.block.fontFamily), t.block.width === "full" ? (e.display = "block", e.width = "100%", e.boxSizing = "border-box") : typeof t.block.width == "number" && (e.width = `${t.block.width}px`, e.boxSizing = "border-box"), e;
 		}), r = b(() => ({ textAlign: t.block.align ?? "center" }));
 		return (t, i) => (s(), x("div", { style: D(r.value) }, [k("a", {
 			href: e.block.url || "#",
 			style: D(n.value),
 			class: "tpl:cursor-default",
 			onClick: i[0] ||= E(() => {}, ["prevent"])
-		}, [g(dr, { text: e.block.text }, null, 8, ["text"])], 12, fr)], 4));
+		}, [g(br, { text: e.block.text }, null, 8, ["text"])], 12, xr)], 4));
 	}
-}), mr = ["innerHTML"], hr = [
+}), Cr = ["innerHTML"], wr = [
 	"src",
 	"width",
 	"height"
-], gr = /* @__PURE__ */ d({
+], Tr = /* @__PURE__ */ d({
 	__name: "CustomBlockIcon",
 	props: {
 		icon: {},
@@ -894,24 +949,24 @@ var dr = d({
 				height: `${n.value}px`
 			}),
 			innerHTML: e.icon
-		}, null, 12, mr)) : i.value ? (s(), x("img", {
+		}, null, 12, Cr)) : i.value ? (s(), x("img", {
 			key: 1,
 			src: e.icon,
 			width: n.value,
 			height: n.value,
 			class: "tpl:inline-block",
 			alt: ""
-		}, null, 8, hr)) : (s(), O(h(dn), {
+		}, null, 8, wr)) : (s(), O(h(Yt), {
 			key: 2,
 			size: n.value,
 			"stroke-width": 1.5
 		}, null, 8, ["size"]));
 	}
-}), _r = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function vr(e, n) {
-	let r = mn(), i = null, a = null, o = null;
+}), Er = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function Dr(e, n) {
+	let r = gn(), i = null, a = null, o = null;
 	function s() {
-		return e.value ? Array.from(e.value.querySelectorAll(_r)).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;
@@ -926,7 +981,7 @@ function vr(e, n) {
 			o = null;
 			let t = s();
 			t.length > 0 && (e.value?.querySelector("[autofocus], input:not([disabled])") ?? t[0]).focus();
-		}), a = U(e, "keydown", c);
+		}), a = G(e, "keydown", c);
 	}
 	function u(e = {}) {
 		let t = e.restoreFocus !== !1;
@@ -941,8 +996,8 @@ function vr(e, n) {
 }
 //#endregion
 //#region src/composables/useEmoji.ts
-function yr() {
-	let [e, n] = Je(!1), r = y([]), i = !1;
+function Or() {
+	let [e, n] = Ye(!1), r = y([]), i = !1;
 	m(() => {
 		i = !0;
 	}), t(e, async (e) => {
@@ -967,7 +1022,7 @@ function yr() {
 }
 //#endregion
 //#region src/composables/useFonts.ts
-var br = [
+var kr = [
 	{
 		value: "Arial",
 		label: "Arial"
@@ -996,7 +1051,7 @@ var br = [
 		value: "Courier New",
 		label: "Courier New"
 	}
-], xr = {
+], Ar = {
 	arial: "Arial, sans-serif",
 	helvetica: "Helvetica, sans-serif",
 	georgia: "Georgia, serif",
@@ -1004,23 +1059,23 @@ var br = [
 	verdana: "Verdana, sans-serif",
 	"trebuchet ms": "'Trebuchet MS', sans-serif",
 	"courier new": "'Courier New', monospace"
-}, Sr = "Arial, sans-serif";
-function Cr(e) {
-	if (e === void 0 || e === !0) return [...br];
+}, jr = "Arial, sans-serif";
+function Mr(e) {
+	if (e === void 0 || e === !0) return [...kr];
 	if (e === !1) return [];
 	let t = [], n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
 	for (let i of e) {
-		let e = i.toLowerCase(), a = br.find((t) => t.value.toLowerCase() === e);
+		let e = i.toLowerCase(), a = kr.find((t) => t.value.toLowerCase() === e);
 		if (!a) {
-			r.has(e) || (r.add(e), Y.warn(`config.fonts.builtIns: "${i}" is not a built-in font — skipping it. Built-in fonts are: ${br.map((e) => e.value).join(", ")}.`));
+			r.has(e) || (r.add(e), Z.warn(`config.fonts.builtIns: "${i}" is not a built-in font — skipping it. Built-in fonts are: ${kr.map((e) => e.value).join(", ")}.`));
 			continue;
 		}
 		n.has(a.value) || (n.add(a.value), t.push(a));
 	}
 	return t;
 }
-function wr(e) {
-	let t = l(e?.customFonts ?? []), n = l(!1), r = Cr(e?.builtIns), i = b(() => e?.defaultFallback ?? Sr), a = b(() => {
+function Nr(e) {
+	let t = l(e?.customFonts ?? []), n = l(!1), r = Mr(e?.builtIns), i = b(() => e?.defaultFallback ?? jr), a = b(() => {
 		let e = [...r], n = t.value.map((e) => ({
 			value: e.name,
 			label: e.name,
@@ -1031,20 +1086,20 @@ function wr(e) {
 	function s(e) {
 		return a.value.some((t) => t.label.toLowerCase() === e.toLowerCase() || t.value.toLowerCase().startsWith(e.toLowerCase()));
 	}
-	let c = e?.defaultFont ?? Sr.split(",")[0].trim();
-	s(c) || Y.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.`);
+	let c = e?.defaultFont ?? jr.split(",")[0].trim();
+	s(c) || Z.warn(`config.fonts: new templates seed "${c}", which the font picker doesn't offer — authors can't reselect it. Either add it to fonts.builtIns, or set fonts.defaultFont to an offered font.`);
 	function u() {
 		if (e?.defaultFont && s(e.defaultFont)) {
 			let t = a.value.find((t) => t.label.toLowerCase() === e.defaultFont.toLowerCase() || t.value.toLowerCase().startsWith(e.defaultFont.toLowerCase()));
 			if (t) return t.value;
 		}
-		return Sr;
+		return jr;
 	}
 	let d = b(() => u());
 	function f(e) {
 		if (!e) return i.value;
 		let n = t.value.find((t) => t.name.toLowerCase() === e.toLowerCase());
-		return n ? `'${n.name}', ${n.fallback ?? i.value}` : xr[e.toLowerCase()] || (e.includes(",") ? e : `${e}, ${i.value}`);
+		return n ? `'${n.name}', ${n.fallback ?? i.value}` : Ar[e.toLowerCase()] || (e.includes(",") ? e : `${e}, ${i.value}`);
 	}
 	let p = [], h = !1;
 	async function g() {
@@ -1060,7 +1115,7 @@ function wr(e) {
 					t.onload = () => n(), t.onerror = () => r(/* @__PURE__ */ Error(`Failed to load font: ${e.name}`)), document.head.appendChild(t);
 				});
 			} catch (t) {
-				Y.warn(`Failed to load custom font "${e.name}":`, t);
+				Z.warn(`Failed to load custom font "${e.name}":`, t);
 			}
 		});
 		await Promise.allSettled(e), !h && (n.value = !0);
@@ -1085,7 +1140,7 @@ function wr(e) {
 }
 //#endregion
 //#region src/utils/mergeTagNodeSpec.ts
-function Tr(e, t, n) {
+function Pr(e, t, n) {
 	return ge(e, n) ? {
 		type: "logicMergeTagNode",
 		attrs: {
@@ -1102,15 +1157,15 @@ function Tr(e, t, n) {
 }
 //#endregion
 //#region src/utils/insertLogicTag.ts
-function Er(e) {
+function Fr(e) {
 	return "before" in e && "after" in e;
 }
-function Dr(e, t, n) {
-	if (!Er(t)) {
-		e.chain().focus().insertContent(Tr(t.value, t.label, n)).run();
+function Ir(e, t, n) {
+	if (!Fr(t)) {
+		e.chain().focus().insertContent(Pr(t.value, t.label, n)).run();
 		return;
 	}
-	let r = Tr(t.before, t.label, n), i = Tr(t.after, t.label, n), { from: a, to: o } = e.state.selection;
+	let r = Pr(t.before, t.label, n), i = Pr(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;
@@ -1119,20 +1174,20 @@ function Dr(e, t, n) {
 }
 //#endregion
 //#region src/utils/linkColorExtension.ts
-function Or(e) {
+function Lr(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 kr(e) {
+function Rr(e) {
 	return e.extend({ addAttributes() {
 		return {
 			...this.parent?.(),
 			color: {
 				default: null,
-				parseHTML: (e) => Or(Ht(e.style.color)),
+				parseHTML: (e) => Lr(Ut(e.style.color)),
 				renderHTML: (e) => {
-					let t = Or(e.color);
+					let t = Lr(e.color);
 					return t ? { style: `color: ${t}` } : {};
 				}
 			}
@@ -1141,9 +1196,9 @@ function kr(e) {
 }
 //#endregion
 //#region src/composables/useRichTextLinkDialog.ts
-function Ar(e, t = Ae.liquid) {
+function zr(e, t = je.liquid) {
 	let n = l(!1), r = l(""), i = l(""), a = l(null);
-	vr(a, n);
+	Dr(a, n);
 	function o() {
 		let t = e.value?.getAttributes("link") ?? {};
 		r.value = t.href || "", i.value = t.color || "", n.value = !0;
@@ -1152,7 +1207,7 @@ function Ar(e, t = Ae.liquid) {
 		if (r.value) {
 			let t = d(r.value);
 			if (t !== null) {
-				let n = Or(i.value), r = e.value?.chain().focus().extendMarkRange("link").setLink({ href: t }).updateAttributes("link", { color: n });
+				let n = Lr(i.value), r = e.value?.chain().focus().extendMarkRange("link").setLink({ href: t }).updateAttributes("link", { color: n });
 				n && typeof e.value?.commands.unsetColor == "function" && r?.unsetColor(), r?.run();
 			}
 		}
@@ -1202,13 +1257,13 @@ function Ar(e, t = Ae.liquid) {
 }
 //#endregion
 //#region src/composables/useRichTextEditor.ts
-function jr(r) {
-	let i = n(q, null), { mergeTags: a, canRequestMergeTag: o, isRequesting: s, requestMergeTag: c, syntax: u, autocomplete: d } = Z(), { canInsertLogicTag: f, isRequesting: p, requestLogicTag: m } = hn(), h = n(vt, null), g = (A(h) ? h.value : h)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", _ = Ce(u), v = y(null), b = () => ee(i?.content?.value?.settings ?? { locale: "en" });
+function Br(r) {
+	let i = n(Y, null), { mergeTags: a, canRequestMergeTag: o, isRequesting: s, requestMergeTag: c, syntax: u, autocomplete: d } = _n(), { canInsertLogicTag: f, isRequesting: p, requestLogicTag: m } = vn(), h = n(yt, null), g = (A(h) ? h.value : h)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", _ = we(u), v = y(null), b = () => H(i?.content?.value?.settings ?? { locale: "en" });
 	t(b, (e) => {
 		let t = v.value?.view.dom;
 		t && t.setAttribute("dir", e);
 	});
-	let { showLinkDialog: x, linkUrl: S, linkColor: C, linkDialogRef: w, openLinkDialog: T, insertLink: E, removeLink: D, closeLinkDialog: O, handleLinkKeydown: k } = Ar(v, u), { start: j, stop: M } = Ke(() => v.value?.commands.focus("end"), 0, { immediate: !1 }), N = y(null), P = l(!0), F = l(null), I = !1;
+	let { showLinkDialog: x, linkUrl: S, linkColor: C, linkDialogRef: w, openLinkDialog: T, insertLink: E, removeLink: D, closeLinkDialog: O, handleLinkKeydown: k } = zr(v, u), { start: j, stop: M } = qe(() => v.value?.commands.focus("end"), 0, { immediate: !1 }), N = y(null), P = l(!0), F = l(null), I = !1;
 	async function L() {
 		F.value = null, P.value = !0;
 		try {
@@ -1239,7 +1294,7 @@ function jr(r) {
 			v.value = s, P.value = !1, j();
 		} catch (e) {
 			if (I) return;
-			Y.error(`[${r.editorName ?? "RichTextEditor"}] Failed to initialize TipTap editor:`, e), F.value = e instanceof Error ? e.message : "Failed to load editor", P.value = !1;
+			Z.error(`[${r.editorName ?? "RichTextEditor"}] Failed to initialize TipTap editor:`, e), F.value = e instanceof Error ? e.message : "Failed to load editor", P.value = !1;
 		}
 	}
 	function R() {
@@ -1257,7 +1312,7 @@ function jr(r) {
 		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();
 	}
-	U(document, "mousedown", B), e(() => {
+	G(document, "mousedown", B), e(() => {
 		I = !0, z(), M(), v.value?.destroy();
 	});
 	async function V() {
@@ -1267,9 +1322,9 @@ function jr(r) {
 			value: e.value
 		}).run() : v.value?.commands.focus());
 	}
-	async function te() {
+	async function ee() {
 		let e = await m();
-		I || (e && v.value ? Dr(v.value, e, u) : v.value?.commands.focus());
+		I || (e && v.value ? Ir(v.value, e, u) : v.value?.commands.focus());
 	}
 	return {
 		editor: v,
@@ -1293,14 +1348,14 @@ function jr(r) {
 		closeLinkDialog: O,
 		handleLinkKeydown: k,
 		handleAddMergeTag: V,
-		handleAddLogicTag: te
+		handleAddLogicTag: ee
 	};
 }
 //#endregion
 //#region src/composables/useSmallScreenNotice.ts
-var Mr = "(max-width: 767px)";
-function Nr(e) {
-	let t = Xe(Mr);
+var Vr = "(max-width: 767px)";
+function Hr(e) {
+	let t = Ze(Vr);
 	return {
 		isSmallScreen: t,
 		showNotice: b(() => (j(e) ?? !0) && t.value)
@@ -1308,20 +1363,20 @@ function Nr(e) {
 }
 //#endregion
 //#region src/components/blocks/CustomBlock.vue?vue&type=script&setup=true&lang.ts
-var Pr = { class: "tpl:w-full" }, Fr = {
+var Ur = { class: "tpl:w-full" }, Wr = {
 	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)]"
-}, Ir = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Lr = {
+}, Gr = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Kr = {
 	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)]"
-}, Rr = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, zr = {
+}, qr = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Jr = {
 	key: 2,
 	class: "tpl:relative"
-}, Br = ["innerHTML"], Vr = {
+}, Yr = ["innerHTML"], Xr = {
 	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)" }
-}, Hr = /* @__PURE__ */ d({
+}, Zr = /* @__PURE__ */ d({
 	__name: "CustomBlock",
 	props: {
 		block: {},
@@ -1329,7 +1384,7 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 	},
 	emits: ["fetchData"],
 	setup(e, { emit: r }) {
-		let i = e, a = r, { t: o } = J(), c = n(It, null), u = l(""), d = l(!1), f = b(() => c?.getDefinition(i.block.customType)), p = b(() => !!f.value), m = b(() => i.block), { isFetching: _, fetch: v, needsFetch: y, hasDataSource: C } = Re({
+		let i = e, a = r, { t: o } = X(), c = n(Lt, null), u = l(""), d = l(!1), f = b(() => c?.getDefinition(i.block.customType)), p = b(() => !!f.value), m = b(() => i.block), { isFetching: _, fetch: v, needsFetch: y, hasDataSource: C } = ze({
 			definition: f,
 			block: m,
 			onUpdate: (e, t) => {
@@ -1338,10 +1393,10 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 					dataSourceFetched: t
 				});
 			}
-		}), T = n(G, W), D = n(K, null), A = b(() => {
+		}), T = n(q, K), D = n(J, null), A = b(() => {
 			if (!D?.value) return i.block;
 			let e = {};
-			for (let [t, n] of Object.entries(i.block.fieldValues)) e[t] = typeof n == "string" ? pe(n, T.value) : n;
+			for (let [t, n] of Object.entries(i.block.fieldValues)) e[t] = typeof n == "string" ? fe(n, T.value) : n;
 			return {
 				...i.block,
 				fieldValues: e
@@ -1358,17 +1413,17 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 				}
 			}
 		}
-		let M = qe(j, 150);
+		let M = Je(j, 150);
 		return w(() => {
 			j();
 		}), t(() => i.block.fieldValues, () => {
 			M();
 		}, { deep: !0 }), t(() => D?.value, () => {
 			M();
-		}), (e, t) => (s(), x("div", Pr, [p.value ? d.value ? (s(), x("div", Lr, [g(h(cn), {
+		}), (e, t) => (s(), x("div", Ur, [p.value ? d.value ? (s(), x("div", Kr, [g(h(nn), {
 			size: 24,
 			class: "tpl:text-[var(--tpl-danger)]"
-		}), k("span", Rr, F(h(o).customBlocks.renderError), 1)])) : (s(), x("div", zr, [k("div", { innerHTML: u.value }, null, 8, Br), h(C) && h(y) ? (s(), x("div", Vr, [h(_) ? (s(), O(fn, {
+		}), k("span", qr, F(h(o).customBlocks.renderError), 1)])) : (s(), x("div", Jr, [k("div", { innerHTML: u.value }, null, 8, Yr), h(C) && h(y) ? (s(), x("div", Xr, [h(_) ? (s(), O(mn, {
 			key: 1,
 			class: "tpl:w-48"
 		})) : (s(), x("button", {
@@ -1376,16 +1431,16 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 			type: "button",
 			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:shadow-[var(--tpl-shadow)] tpl:transition-all tpl:hover:border-[var(--tpl-primary)] tpl:hover:shadow-[var(--tpl-shadow-md)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
 			onClick: t[0] ||= E((...e) => h(v) && h(v)(...e), ["stop"])
-		}, [f.value?.icon ? (s(), O(gr, {
+		}, [f.value?.icon ? (s(), O(Tr, {
 			key: 0,
 			icon: f.value.icon,
 			size: 16
-		}, null, 8, ["icon"])) : S("", !0), R(" " + F(f.value?.dataSource?.label || h(o).customBlocks.dataSource.fetchButton), 1)]))])) : S("", !0)])) : (s(), x("div", Fr, [g(h(Xt), {
+		}, null, 8, ["icon"])) : S("", !0), R(" " + F(f.value?.dataSource?.label || h(o).customBlocks.dataSource.fetchButton), 1)]))])) : S("", !0)])) : (s(), x("div", Wr, [g(h(Qt), {
 			size: 24,
 			class: "tpl:text-[var(--tpl-warning)]"
-		}), k("span", Ir, F(h(o).customBlocks.definitionNotFound), 1)]))]));
+		}), k("span", Gr, F(h(o).customBlocks.definitionNotFound), 1)]))]));
 	}
-}), Ur = { class: "tpl:w-full" }, Wr = /* @__PURE__ */ d({
+}), Qr = { class: "tpl:w-full" }, $r = /* @__PURE__ */ d({
 	__name: "DividerBlock",
 	props: {
 		block: {},
@@ -1397,28 +1452,28 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 			width: t.block.width === "full" ? "100%" : `${t.block.width}px`,
 			margin: t.block.width === "full" ? "0" : "0 auto"
 		}));
-		return (e, t) => (s(), x("div", Ur, [k("hr", {
+		return (e, t) => (s(), x("div", Qr, [k("hr", {
 			class: "tpl:m-0 tpl:border-none",
 			style: D(n.value)
 		}, null, 4)]));
 	}
-}), Gr = { class: "tpl:w-full" }, Kr = ["srcdoc", "title"], qr = {
+}), ei = { class: "tpl:w-full" }, ti = ["srcdoc", "title"], ni = {
 	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 = {
+}, ri = {
 	key: 0,
 	class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]"
-}, Yr = {
+}, ii = {
 	key: 1,
 	class: "tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, Xr = /* @__PURE__ */ d({
+}, ai = /* @__PURE__ */ d({
 	__name: "HtmlBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(r) {
-		let i = r, { t: a } = J(), o = n(St, !1), c = b(() => i.block.content.trim().length > 0), u = b(() => o && c.value), d = n(G, W), f = n(K, null), p = b(() => f?.value ? pe(i.block.content, d.value) : i.block.content), m = l(null), _ = l(60), v = null;
+		let i = r, { t: a } = X(), o = n(Ct, !1), c = b(() => i.block.content.trim().length > 0), u = b(() => o && c.value), d = n(q, K), f = n(J, null), p = b(() => f?.value ? fe(i.block.content, d.value) : i.block.content), m = l(null), _ = l(60), v = null;
 		function y() {
 			let e = m.value?.contentDocument;
 			e && (_.value = Math.max(e.body?.scrollHeight ?? 0, e.documentElement?.scrollHeight ?? 0));
@@ -1432,7 +1487,7 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 			e || (v?.disconnect(), v = null);
 		}), e(() => {
 			v?.disconnect(), v = null;
-		}), (e, t) => (s(), x("div", Gr, [u.value ? (s(), x("iframe", {
+		}), (e, t) => (s(), x("div", ei, [u.value ? (s(), x("iframe", {
 			key: 0,
 			ref_key: "iframeRef",
 			ref: m,
@@ -1442,22 +1497,22 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 			class: "tpl:block tpl:w-full tpl:border-0",
 			style: D({ height: `${_.value}px` }),
 			onLoad: S
-		}, null, 44, Kr)) : (s(), x("div", qr, [g(h(Zt), {
+		}, null, 44, ti)) : (s(), x("div", ni, [g(h(sn), {
 			size: 24,
 			class: "tpl:text-[var(--tpl-text-dim)]"
-		}), c.value ? (s(), x("span", Jr, F(h(a).html.preview), 1)) : (s(), x("span", Yr, F(h(a).html.empty), 1))]))]));
+		}), c.value ? (s(), x("span", ri, F(h(a).html.preview), 1)) : (s(), x("span", ii, F(h(a).html.empty), 1))]))]));
 	}
-}), Zr = ["data-drop-enabled"], Qr = {
+}), oi = ["data-drop-enabled"], si = {
 	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)" }
-}, $r = ["href"], ei = ["src", "alt"], ti = ["src", "alt"], ni = {
+}, ci = ["href"], li = ["src", "alt"], ui = ["src", "alt"], di = {
 	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" }
-}, ri = ["href"], ii = ["src", "alt"], ai = ["src", "alt"], oi = {
+}, fi = ["href"], pi = ["src", "alt"], mi = ["src", "alt"], hi = {
 	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)]"
-}, si = ["aria-label"], ci = { key: 1 }, li = /* @__PURE__ */ d({
+}, gi = ["aria-label"], _i = { key: 1 }, vi = /* @__PURE__ */ d({
 	__name: "ImageBlock",
 	props: {
 		block: {},
@@ -1465,7 +1520,7 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 	},
 	emits: ["update"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = J(), { syntax: o } = Z(), c = n(lt, null), u = n(Ct, null), d = b(() => !!c), f = gn();
+		let r = e, i = t, { t: a } = X(), { syntax: o } = _n(), c = n(ut, null), u = n(wt, null), d = b(() => !!c), f = yn();
 		async function p() {
 			let e = await c?.({ accept: ["images"] });
 			if (f.alive && e) {
@@ -1473,7 +1528,7 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 				e.alt && (t.alt = e.alt), i("update", t);
 			}
 		}
-		let m = l(), _ = l(!1), v = b(() => (u?.value ?? !!c) && !_.value && !O.value);
+		let m = l(), _ = l(!1), v = b(() => (u?.value ?? !!c) && !_.value && !A.value);
 		async function y(e) {
 			if (c) {
 				_.value = !0;
@@ -1492,22 +1547,26 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 				}
 			}
 		}
-		let { isOver: C } = ze({
+		let { isOver: C } = Be({
 			target: m,
 			enabled: v,
 			onFiles: y
 		}), w = b(() => ({ textAlign: r.block.align })), T = b(() => {
+			let e = r.block.border, t = ["left", "right"].map((t) => ye(e?.[t]) === null ? 0 : e[t].width).reduce((e, t) => e + t, 0);
+			return t > 0 ? `calc(100% - ${t}px)` : "100%";
+		}), O = b(() => {
 			let e = r.block.align;
 			return {
 				maxWidth: "100%",
-				width: r.block.width === "full" ? "100%" : `${r.block.width}px`,
+				width: r.block.width === "full" ? T.value : `${r.block.width}px`,
 				height: r.block.height ? `${r.block.height}px` : void 0,
-				borderRadius: r.block.borderRadius && r.block.borderRadius > 0 ? `${r.block.borderRadius}px` : void 0,
+				borderRadius: W(r.block.borderRadius) ?? void 0,
+				...gr(r.block.border),
 				display: "block",
 				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
 				marginRight: e === "center" ? "auto" : void 0
 			};
-		}), O = b(() => H(r.block.src, o)), A = Cn(() => O.value ? void 0 : r.block.src), j = Cn(() => O.value ? r.block.placeholderUrl : void 0);
+		}), A = b(() => U(r.block.src, o)), j = En(() => A.value ? void 0 : r.block.src), M = En(() => A.value ? r.block.placeholderUrl : void 0);
 		return (t, n) => (s(), x("div", {
 			ref_key: "dropZoneRef",
 			ref: m,
@@ -1515,14 +1574,14 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 			"data-drop-enabled": v.value,
 			class: "tpl:relative tpl:w-full",
 			style: D(w.value)
-		}, [v.value && (h(C) || _.value) ? (s(), x("div", Qr, [_.value ? (s(), x(P, { key: 0 }, [g(h(rn), {
+		}, [v.value && (h(C) || _.value) ? (s(), x("div", si, [_.value ? (s(), x(P, { key: 0 }, [g(h(tn), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2
-		}), R(" " + F(h(a).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [g(h(on), {
+		}), R(" " + F(h(a).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [g(h(dn), {
 			size: 20,
 			"stroke-width": 1.5
-		}), R(" " + F(h(a).image.dropToUpload), 1)], 64))])) : S("", !0), e.block.src && O.value && e.block.placeholderUrl ? (s(), x(P, { key: 1 }, [e.block.linkUrl ? (s(), x("a", {
+		}), R(" " + F(h(a).image.dropToUpload), 1)], 64))])) : S("", !0), e.block.src && A.value && e.block.placeholderUrl ? (s(), x(P, { key: 1 }, [e.block.linkUrl ? (s(), x("a", {
 			key: 0,
 			href: e.block.linkUrl,
 			target: "_blank",
@@ -1531,25 +1590,25 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 		}, [k("img", {
 			class: "tpl:border-0",
 			loading: "lazy",
-			src: h(j),
+			src: h(M),
 			alt: e.block.alt || h(a).image.altTextPlaceholder,
-			style: D(T.value)
-		}, null, 12, ei)], 8, $r)) : (s(), x("img", {
+			style: D(O.value)
+		}, null, 12, li)], 8, ci)) : (s(), x("img", {
 			key: 1,
 			class: "tpl:border-0",
-			src: h(j),
+			src: h(M),
 			alt: e.block.alt,
-			style: D(T.value)
-		}, null, 12, ti))], 64)) : e.block.src && O.value ? (s(), x("div", {
+			style: D(O.value)
+		}, null, 12, ui))], 64)) : e.block.src && A.value ? (s(), x("div", {
 			key: 2,
 			class: "tpl:!flex tpl:min-h-[120px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]",
-			style: D([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, T.value])
-		}, [g(h(tn), {
+			style: D([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, O.value])
+		}, [g(h(un), {
 			size: 32,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-primary)]",
 			style: { opacity: "0.5" }
-		}), k("span", ni, [g(dr, { text: e.block.src }, null, 8, ["text"])])], 4)) : e.block.src ? (s(), x(P, { key: 3 }, [e.block.linkUrl ? (s(), x("a", {
+		}), k("span", di, [g(br, { text: e.block.src }, null, 8, ["text"])])], 4)) : e.block.src ? (s(), x(P, { key: 3 }, [e.block.linkUrl ? (s(), x("a", {
 			key: 0,
 			href: e.block.linkUrl,
 			target: "_blank",
@@ -1558,36 +1617,36 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 		}, [k("img", {
 			class: "tpl:border-0",
 			loading: "lazy",
-			src: h(A),
+			src: h(j),
 			alt: e.block.alt || h(a).image.altTextPlaceholder,
-			style: D(T.value)
-		}, null, 12, ii)], 8, ri)) : (s(), x("img", {
+			style: D(O.value)
+		}, null, 12, pi)], 8, fi)) : (s(), x("img", {
 			key: 1,
 			class: "tpl:border-0",
-			src: h(A),
+			src: h(j),
 			alt: e.block.alt,
-			style: D(T.value)
-		}, null, 12, ai))], 64)) : (s(), x("div", oi, [d.value ? (s(), x("button", {
+			style: D(O.value)
+		}, null, 12, mi))], 64)) : (s(), x("div", hi, [d.value ? (s(), x("button", {
 			key: 0,
 			"aria-label": h(a).image.browseMedia,
 			class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:cursor-pointer tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
 			onClick: E(p, ["stop"])
-		}, [g(h(tn), {
+		}, [g(h(un), {
 			size: 14,
 			"stroke-width": 1.5
-		}), R(" " + F(h(a).image.browseMedia), 1)], 8, si)) : (s(), x("span", ci, F(h(a).image.clickToAdd), 1))]))], 12, Zr));
+		}), R(" " + F(h(a).image.browseMedia), 1)], 8, gi)) : (s(), x("span", _i, F(h(a).image.clickToAdd), 1))]))], 12, oi));
 	}
-}), ui = { class: "tpl:w-full" }, di = ["href"], fi = {
+}), yi = { class: "tpl:w-full" }, bi = ["href"], xi = {
 	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)]"
-}, pi = /* @__PURE__ */ d({
+}, Si = /* @__PURE__ */ d({
 	__name: "MenuBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = J(), i = b(() => ({
+		let t = e, { t: n } = X(), i = b(() => ({
 			display: "flex",
 			flexWrap: "wrap",
 			gap: `0 ${t.block.spacing}px`,
@@ -1599,7 +1658,7 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 		function o(e) {
 			return e || t.block.linkColor || t.block.color;
 		}
-		return (t, c) => (s(), x("div", ui, [a.value ? (s(), x("div", {
+		return (t, c) => (s(), x("div", yi, [a.value ? (s(), x("div", {
 			key: 0,
 			style: D(i.value)
 		}, [(s(!0), x(P, null, r(e.block.items, (t, n) => (s(), x(P, { key: t.id }, [k("a", {
@@ -1611,15 +1670,15 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 				textDecoration: t.underline ? "underline" : "none"
 			}),
 			onClick: c[0] ||= E(() => {}, ["prevent"])
-		}, [g(dr, { text: t.text || "..." }, null, 8, ["text"])], 12, di), n < e.block.items.length - 1 ? (s(), x("span", {
+		}, [g(br, { text: t.text || "..." }, null, 8, ["text"])], 12, bi), n < e.block.items.length - 1 ? (s(), x("span", {
 			key: 0,
 			style: D({
 				color: e.block.separatorColor,
 				padding: `0 ${e.block.spacing}px`
 			})
-		}, F(e.block.separator), 5)) : S("", !0)], 64))), 128))], 4)) : (s(), x("div", fi, [g(h($t), { size: 16 }), k("span", null, F(h(n).menu.addLinks), 1)]))]));
+		}, F(e.block.separator), 5)) : S("", !0)], 64))), 128))], 4)) : (s(), x("div", xi, [g(h(en), { size: 16 }), k("span", null, F(h(n).menu.addLinks), 1)]))]));
 	}
-}), mi = /* @__PURE__ */ new Set([
+}), Ci = /* @__PURE__ */ new Set([
 	"http",
 	"https",
 	"mailto",
@@ -1629,7 +1688,7 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 	"sms",
 	"xmpp",
 	"cid"
-]), hi = /* @__PURE__ */ new Set([
+]), wi = /* @__PURE__ */ new Set([
 	"SCRIPT",
 	"STYLE",
 	"IFRAME",
@@ -1639,7 +1698,7 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 	"META",
 	"BASE",
 	"FORM"
-]), gi = /* @__PURE__ */ new Set([
+]), Ti = /* @__PURE__ */ new Set([
 	"href",
 	"xlink:href",
 	"formaction",
@@ -1648,16 +1707,16 @@ var Pr = { class: "tpl:w-full" }, Fr = {
 	"background",
 	"poster"
 ]);
-function _i(e, t) {
+function Ei(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 mi.has(i) ? !0 : t && i === "data" ? /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(n) : !1;
+	return Ci.has(i) ? !0 : t && i === "data" ? /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(n) : !1;
 }
-function vi(e) {
-	if (hi.has(e.tagName)) {
+function Di(e) {
+	if (wi.has(e.tagName)) {
 		e.remove();
 		return;
 	}
@@ -1669,29 +1728,29 @@ function vi(e) {
 			e.removeAttribute(n);
 			continue;
 		}
-		if (gi.has(t)) {
-			_i(e.getAttribute(n) ?? "", !1) || e.removeAttribute(n);
+		if (Ti.has(t)) {
+			Ei(e.getAttribute(n) ?? "", !1) || e.removeAttribute(n);
 			continue;
 		}
 		if (t === "src") {
-			_i(e.getAttribute(n) ?? "", !0) || e.removeAttribute(n);
+			Ei(e.getAttribute(n) ?? "", !0) || e.removeAttribute(n);
 			continue;
 		}
 		t === "srcdoc" && e.removeAttribute(n);
 	}
 	let n = Array.from(e.children);
-	for (let e of n) vi(e);
+	for (let e of n) Di(e);
 }
-function yi(e) {
+function Oi(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) vi(e);
+	for (let e of n) Di(e);
 	return t.innerHTML;
 }
 //#endregion
 //#region src/composables/useEditableTextBlock.ts
-function bi(e) {
-	let t = n(G, W), r = n(K, null), { syntax: i } = Z(), a = b(() => r?.value ? ye(e(), t.value) : we(e(), t.value)), o = b(() => yi(De(a.value, i))), s = l(!1), c = l(null), { top: u, left: d } = Ze(c), { toLocal: f } = Wt(), p = b(() => f({
+function ki(e) {
+	let t = n(q, K), r = n(J, null), { syntax: i } = _n(), a = b(() => r?.value ? ve(e(), t.value) : Te(e(), t.value)), o = b(() => Oi(ke(a.value, i))), s = l(!1), c = l(null), { top: u, left: d } = Qe(c), { toLocal: f } = Kt(), p = b(() => f({
 		top: u.value - 8,
 		left: d.value
 	}));
@@ -1712,14 +1771,14 @@ function bi(e) {
 }
 //#endregion
 //#region src/components/blocks/ParagraphBlock.vue?vue&type=script&setup=true&lang.ts
-var xi = ["innerHTML"], Si = /* @__PURE__ */ d({
+var Ai = ["innerHTML"], ji = /* @__PURE__ */ d({
 	__name: "ParagraphBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = L(() => import("./ParagraphEditor-BilbVtrG.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: c, handleEditorDone: l } = bi(() => t.block.content);
+		let t = e, n = L(() => import("./ParagraphEditor-DbjFDnYm.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: c, handleEditorDone: l } = ki(() => t.block.content);
 		return (t, u) => (s(), x("div", {
 			ref_key: "blockRef",
 			ref: i,
@@ -1738,64 +1797,26 @@ var xi = ["innerHTML"], Si = /* @__PURE__ */ d({
 			key: 1,
 			class: "tpl-text-content tpl:outline-none",
 			innerHTML: h(o)
-		}, null, 8, xi))], 544));
-	}
-});
-//#endregion
-//#region src/utils/blockComponentResolver.ts
-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 wi(e, t, n) {
-	if (t) {
-		let n = t.getComponent(e);
-		if (n) return n;
-	}
-	return n[e.type] ?? null;
-}
-function Ti(e) {
-	if (e.type === "wrapper") return {};
-	let { padding: t, backgroundColor: n } = e.styles, r = {
-		padding: `${t.top}px ${t.right}px ${t.bottom}px ${t.left}px`,
-		backgroundColor: n || "transparent"
-	};
-	return (e.type === "paragraph" || e.type === "title") && (r["--tpl-doc-paragraph-spacing"] = `${e.type === "paragraph" ? e.paragraphSpacing ?? Oe.paragraphGap : Oe.paragraphGap}px`), e.type === "section" && e.borderRadius && e.borderRadius > 0 && (r.borderRadius = `${e.borderRadius}px`), r;
-}
-function Ei(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;
-}
-function Di(e) {
-	if (e.type !== "wrapper") return null;
-	let t = {};
-	if (e.styles.backgroundColor && (t.backgroundColor = e.styles.backgroundColor), e.styles.padding) {
-		let n = e.styles.padding;
-		t.padding = `${n.top}px ${n.right}px ${n.bottom}px ${n.left}px`;
+		}, null, 8, Ai))], 544));
 	}
-	return e.borderRadius && e.borderRadius > 0 && (t.borderRadius = `${e.borderRadius}px`), t;
-}
-//#endregion
-//#region src/components/blocks/BlockWrapper.vue?vue&type=script&setup=true&lang.ts
-var Oi = [
+}), Mi = [
 	"data-block-id",
 	"data-block-type",
 	"data-tpl-picked"
-], ki = ["aria-label"], Ai = [
+], Ni = ["aria-label"], Pi = [
 	"aria-label",
 	"aria-pressed",
 	"title"
-], ji = ["aria-label", "title"], Mi = ["aria-label", "title"], Ni = ["aria-label", "title"], Pi = {
+], Fi = ["aria-label", "title"], Ii = ["aria-label", "title"], Li = ["aria-label", "title"], Ri = {
 	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"
-}, Fi = { 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)]" }, Ii = {
+}, zi = { 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"
-}, Li = ["aria-label", "title"], Ri = {
+}, Vi = ["aria-label", "title"], Hi = {
 	key: 3,
 	class: "tpl:absolute tpl:-right-1 tpl:-top-1 tpl:z-[5] tpl:translate-x-full"
-}, zi = ["aria-label"], Bi = /*#__PURE__*/ pn(/* @__PURE__ */ d({
+}, Ui = ["aria-label"], Wi = /*#__PURE__*/ hn(/* @__PURE__ */ d({
 	__name: "BlockWrapper",
 	props: {
 		block: {},
@@ -1807,7 +1828,7 @@ var Oi = [
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let r = L(() => import("./BlockIssueBadge-DS1pUf5g.js")), i = e, o = t, { t: c, format: u } = J(), d = n(mt, null), f = l(null), p = b(() => d?.liftedBlockId.value === i.block.id), m = b(() => p.value ? u(c.blockActions.dragLifted, { block: i.block.type }) : c.blockActions.drag);
+		let r = L(() => import("./BlockIssueBadge-BR_N3nRh.js")), i = e, o = t, { t: c, format: u } = X(), d = n(ht, null), f = l(null), p = b(() => d?.liftedBlockId.value === i.block.id), m = b(() => p.value ? u(c.blockActions.dragLifted, { block: i.block.type }) : c.blockActions.drag);
 		async function _() {
 			await T(), f.value?.focus();
 		}
@@ -1833,20 +1854,20 @@ var Oi = [
 		let C = b(() => !i.viewport || !i.block.visibility ? !1 : i.block.visibility[i.viewport] === !1), w = b(() => i.previewMode === !0 && C.value), O = b(() => i.viewport ? {
 			desktop: c.viewport.desktop,
 			mobile: c.viewport.mobile
-		}[i.viewport] ?? i.viewport : ""), A = b(() => !!i.block.displayCondition), j = n(xt, null), M = n(Tt, null), N = n(kt, {}), P = b(() => N.savedBlocks?.isPicking.value === !0), I = b(() => !i.nested && N.savedBlocks?.isAvailable.value === !0 && N.savedBlocks?.canCreate.value === !0), z = b(() => i.isSelected && !P.value), B = b(() => N.comments?.getBlockCount(i.block.id) ?? 0), V = b(() => Ti(i.block)), ee = b(() => Ei(i.block));
-		function te(e) {
+		}[i.viewport] ?? i.viewport : ""), A = b(() => !!i.block.displayCondition), j = n(St, null), M = n(Et, null), N = n(At, {}), P = b(() => N.savedBlocks?.isPicking.value === !0), I = b(() => !i.nested && N.savedBlocks?.isAvailable.value === !0 && N.savedBlocks?.canCreate.value === !0), z = b(() => i.isSelected && !P.value), B = b(() => N.comments?.getBlockCount(i.block.id) ?? 0), V = b(() => hr(i.block)), H = b(() => _r(i.block));
+		function ee(e) {
 			i.previewMode || (e.target?.closest("a") && e.preventDefault(), e.stopPropagation(), o("select"));
 		}
-		function ne() {
+		function te() {
 			j?.deleteBlock(i.block.id);
 		}
-		function re() {
+		function ne() {
 			j?.duplicateBlock(i.block);
 		}
-		function ie() {
+		function re() {
 			N.savedBlocks?.startPicking(i.block.id);
 		}
-		function ae() {
+		function ie() {
 			M?.toggleBlock(i.block.id);
 		}
 		return (t, n) => w.value ? S("", !0) : (s(), x("div", {
@@ -1860,7 +1881,7 @@ var Oi = [
 			"data-block-id": e.block.id,
 			"data-block-type": e.block.type,
 			"data-tpl-picked": e.picked || void 0,
-			onClick: te
+			onClick: ee
 		}, [
 			g(h(r), { "block-id": e.block.id }, null, 8, ["block-id"]),
 			z.value ? (s(), x("div", {
@@ -1878,65 +1899,65 @@ var Oi = [
 					"aria-keyshortcuts": "Space Enter ArrowUp ArrowDown Escape",
 					title: h(c).blockActions.drag,
 					onKeydown: y
-				}, [g(h(nn), {
+				}, [g(h(an), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 40, Ai),
+				})], 40, Pi),
 				k("button", {
 					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors",
 					"aria-label": h(c).blockActions.duplicate,
 					title: h(c).blockActions.duplicate,
-					onClick: E(re, ["stop"])
-				}, [g(h(Yt), {
+					onClick: E(ne, ["stop"])
+				}, [g(h(Xt), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, ji),
+				})], 8, Fi),
 				I.value ? (s(), x("button", {
 					key: 0,
 					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors",
 					"aria-label": h(c).blockActions.saveAsBlock,
 					title: h(c).blockActions.saveAsBlock,
-					onClick: E(ie, ["stop"])
-				}, [g(h(Jt), {
+					onClick: E(re, ["stop"])
+				}, [g(h($t), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, Mi)) : S("", !0),
+				})], 8, Ii)) : S("", !0),
 				k("button", {
 					class: "tpl-block-action-btn tpl-block-delete-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors",
 					"aria-label": h(c).blockActions.delete,
 					title: h(c).blockActions.delete,
-					onClick: E(ne, ["stop"])
-				}, [g(h(en), {
+					onClick: E(te, ["stop"])
+				}, [g(h(rn), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, Ni)
-			], 8, ki)) : S("", !0),
-			C.value ? (s(), x("div", Pi, [k("span", Fi, [g(h(Qt), {
+				})], 8, Li)
+			], 8, Ni)) : S("", !0),
+			C.value ? (s(), x("div", Ri, [k("span", zi, [g(h(Zt), {
 				size: 12,
 				"stroke-width": 1.5
 			}), R(" " + F(h(u)(h(c).blockActions.hiddenOnViewport, { viewport: O.value })), 1)])])) : S("", !0),
-			A.value && !C.value ? (s(), x("div", Ii, [k("button", {
+			A.value && !C.value ? (s(), x("div", Bi, [k("button", {
 				"data-testid": "condition-toggle",
 				class: "tpl-condition-toggle tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1 tpl:transition-colors tpl:bg-[var(--tpl-chrome-bg-elevated)] tpl:text-[var(--tpl-primary)] tpl:border tpl:border-[var(--tpl-border)]",
 				"aria-label": h(c).blockActions.conditionToggle,
 				title: e.block.displayCondition?.label,
-				onClick: E(ae, ["stop"])
-			}, [g(h(un), {
+				onClick: E(ie, ["stop"])
+			}, [g(h(pn), {
 				size: 12,
 				"stroke-width": 2
-			})], 8, Li)])) : S("", !0),
-			B.value > 0 && !C.value ? (s(), x("div", Ri, [k("button", {
+			})], 8, Vi)])) : S("", !0),
+			B.value > 0 && !C.value ? (s(), x("div", Hi, [k("button", {
 				class: "tpl-comment-indicator tpl:flex tpl:min-h-6 tpl:min-w-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-0.5 tpl:rounded-full tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-semibold tpl:transition-colors tpl:bg-[var(--tpl-chrome-primary-light)] tpl:text-[var(--tpl-primary)]",
 				"aria-label": h(u)(h(c).blockActions.comments, { count: String(B.value) }),
 				onClick: n[0] ||= E((t) => h(N).comments?.openForBlock(e.block.id), ["stop"])
-			}, [g(h(sn), {
+			}, [g(h(cn), {
 				size: 12,
 				"stroke-width": 2.5
-			}), R(" " + F(B.value), 1)], 8, zi)])) : S("", !0),
-			ee.value ? (s(), x("div", {
+			}), R(" " + F(B.value), 1)], 8, Ui)])) : S("", !0),
+			H.value ? (s(), x("div", {
 				key: 4,
 				class: "tpl-section-wrapper",
-				style: D(ee.value)
+				style: D(H.value)
 			}, [k("div", {
 				class: "tpl-block-content",
 				style: D(V.value)
@@ -1945,31 +1966,31 @@ var Oi = [
 				class: "tpl-block-content",
 				style: D(V.value)
 			}, [a(t.$slots, "default", {}, void 0, !0)], 4))
-		], 10, Oi));
+		], 10, Mi));
 	}
 }), [["__scopeId", "data-v-2c239048"]]);
 //#endregion
 //#region src/utils/unwrapParagraph.ts
-function Vi(e) {
+function Gi(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 Hi = /* @__PURE__ */ d({
+var Ki = /* @__PURE__ */ d({
 	__name: "TitleBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = L(() => import("./TitleEditor-pJeeZ-PX.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: c, handleEditorDone: l } = bi(() => t.block.content), d = b(() => {
+		let t = e, n = L(() => import("./TitleEditor-BRl2qKbd.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: c, handleEditorDone: l } = ki(() => t.block.content), d = b(() => {
 			let e = {
-				fontSize: `${ve[t.block.level]}px`,
+				fontSize: `${Ee[t.block.level]}px`,
 				textAlign: t.block.textAlign
 			};
 			return t.block.color && (e.color = t.block.color), t.block.fontFamily && (e.fontFamily = t.block.fontFamily), e;
-		}), f = b(() => `h${t.block.level}`), p = b(() => Vi(o.value));
+		}), f = b(() => `h${t.block.level}`), p = b(() => Gi(o.value));
 		return (t, o) => (s(), x("div", {
 			ref_key: "blockRef",
 			ref: i,
@@ -1995,16 +2016,16 @@ var Hi = /* @__PURE__ */ d({
 });
 //#endregion
 //#region src/utils/sectionColumnDrop.ts
-function Ui(e) {
+function qi(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 Wi = { class: "tpl:w-full" }, Gi = {
+var Ji = { class: "tpl:w-full" }, Yi = {
 	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__ */ d({
+}, Xi = /* @__PURE__ */ d({
 	__name: "SectionBlock",
 	props: {
 		block: {},
@@ -2012,13 +2033,13 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 	},
 	setup(e) {
 		let t = {
-			title: Hi,
-			paragraph: Si,
-			image: li,
-			button: pr,
-			divider: Wr,
-			custom: Hr
-		}, a = e, { t: o } = J(), c = Qe(q, "SectionBlock"), l = n(Tt, null), d = n(It, null), p = n(kt, {}), m = n(Ft, null);
+			title: Ki,
+			paragraph: ji,
+			image: vi,
+			button: Sr,
+			divider: $r,
+			custom: Zr
+		}, a = e, { t: o } = X(), c = $e(Y, "SectionBlock"), l = n(Et, null), d = n(Lt, null), p = n(At, {}), m = n(It, null);
 		function _(e) {
 			let t = p.savedBlocks;
 			if (t?.isPicking.value) {
@@ -2053,7 +2074,7 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 			r[e] = n, c.updateBlock(a.block.id, { children: r });
 		}
 		function A(e) {
-			return wi(e, d, t);
+			return mr(e, d, t);
 		}
 		function j(e, t) {
 			e.type === "custom" && c.updateBlock(e.id, {
@@ -2061,7 +2082,7 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 				dataSourceFetched: t.dataSourceFetched
 			});
 		}
-		return (t, n) => (s(), x("div", Wi, [k("div", { class: v(["tpl:flex tpl:gap-0", { "tpl:flex-col": w.value }]) }, [(s(!0), x(P, null, r(C.value, (t, n) => (s(), x("div", {
+		return (t, n) => (s(), x("div", Ji, [k("div", { class: v(["tpl:flex tpl:gap-0", { "tpl:flex-col": w.value }]) }, [(s(!0), x(P, null, r(C.value, (t, n) => (s(), x("div", {
 			key: n,
 			class: v(["tpl:relative tpl:min-h-[60px] tpl:rounded", T(n).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
 			style: D({ width: w.value ? "100%" : y.value[n] })
@@ -2070,7 +2091,7 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 			group: {
 				name: "blocks",
 				pull: !0,
-				put: (e, t, n) => h(Ui)(n)
+				put: (e, t, n) => h(qi)(n)
 			},
 			animation: 150,
 			"ghost-class": "tpl-ghost",
@@ -2083,7 +2104,7 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 			class: "tpl:min-h-[60px]",
 			"onUpdate:modelValue": (e) => E(n, e)
 		}, {
-			default: i(() => [(s(!0), x(P, null, r(T(n), (t) => f((s(), x("div", { key: t.id }, [g(Bi, {
+			default: i(() => [(s(!0), x(P, null, r(T(n), (t) => f((s(), x("div", { key: t.id }, [g(Wi, {
 				block: t,
 				"is-selected": h(c).state.selectedBlockId === t.id,
 				viewport: e.viewport,
@@ -2115,13 +2136,13 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 			"model-value",
 			"group",
 			"onUpdate:modelValue"
-		]), T(n).length === 0 ? (s(), x("div", Gi, [k("span", null, F(h(o).section.dropHere), 1)])) : S("", !0)], 6))), 128))], 2)]));
+		]), T(n).length === 0 ? (s(), x("div", Yi, [k("span", null, F(h(o).section.dropHere), 1)])) : S("", !0)], 6))), 128))], 2)]));
 	}
-}), qi = [
+}), Zi = [
 	"width",
 	"height",
 	"fill"
-], Ji = ["d"], Yi = /* @__PURE__ */ d({
+], Qi = ["d"], $i = /* @__PURE__ */ d({
 	__name: "SocialIconSvg",
 	props: {
 		platform: {},
@@ -2129,7 +2150,7 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 		iconSize: {}
 	},
 	setup(e) {
-		let t = e, n = b(() => Ve[t.platform]), r = b(() => Ue[t.iconSize]), i = b(() => {
+		let t = e, n = b(() => He[t.platform]), r = b(() => We[t.iconSize]), i = b(() => {
 			let e = {
 				display: "inline-flex",
 				alignItems: "center",
@@ -2173,25 +2194,25 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 			viewBox: "0 0 24 24",
 			fill: o.value,
 			xmlns: "http://www.w3.org/2000/svg"
-		}, [k("path", { d: n.value.path }, null, 8, Ji)], 8, qi))], 4));
+		}, [k("path", { d: n.value.path }, null, 8, Qi)], 8, Zi))], 4));
 	}
-}), Xi = { class: "tpl:w-full" }, Zi = ["href"], Qi = {
+}), ea = { class: "tpl:w-full" }, ta = ["href"], na = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
-}, $i = /* @__PURE__ */ d({
+}, ra = /* @__PURE__ */ d({
 	__name: "SocialIconsBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = J(), i = b(() => ({
+		let t = e, { t: n } = X(), i = b(() => ({
 			display: "flex",
 			flexWrap: "wrap",
 			gap: `${t.block.spacing}px`,
 			justifyContent: t.block.align === "left" ? "flex-start" : t.block.align === "right" ? "flex-end" : "center"
 		})), a = b(() => t.block.icons.length > 0);
-		return (t, o) => (s(), x("div", Xi, [a.value ? (s(), x("div", {
+		return (t, o) => (s(), x("div", ea, [a.value ? (s(), x("div", {
 			key: 0,
 			style: D(i.value)
 		}, [(s(!0), x(P, null, r(e.block.icons, (t) => (s(), x("a", {
@@ -2199,7 +2220,7 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 			href: t.url || "#",
 			class: "tpl:cursor-default",
 			onClick: o[0] ||= E(() => {}, ["prevent"])
-		}, [g(Yi, {
+		}, [g($i, {
 			platform: t.platform,
 			"icon-style": e.block.iconStyle,
 			"icon-size": e.block.iconSize
@@ -2207,44 +2228,44 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 			"platform",
 			"icon-style",
 			"icon-size"
-		])], 8, Zi))), 128))], 4)) : (s(), x("div", Qi, [g(h(qt), { size: 16 }), k("span", null, F(h(n).social.addIcons), 1)]))]));
+		])], 8, ta))), 128))], 4)) : (s(), x("div", na, [g(h(on), { size: 16 }), k("span", null, F(h(n).social.addIcons), 1)]))]));
 	}
-}), ea = { class: "tpl:w-full" }, ta = {
+}), ia = { class: "tpl:w-full" }, aa = {
 	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)"
 	}
-}, na = /* @__PURE__ */ d({
+}, oa = /* @__PURE__ */ d({
 	__name: "SpacerBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = Qe(q, "SpacerBlock"), r = b(() => ({
+		let t = e, n = $e(Y, "SpacerBlock"), r = b(() => ({
 			height: `${t.block.height}px`,
 			minHeight: `${t.block.height}px`,
 			...n.state.previewMode ? {} : { borderColor: "var(--tpl-border)" }
 		}));
-		return (t, i) => (s(), x("div", ea, [k("div", {
+		return (t, i) => (s(), x("div", ia, [k("div", {
 			style: D(r.value),
 			class: v(["tpl:relative tpl:flex tpl:items-center tpl:justify-center", { "tpl:border-y tpl:border-dashed": !h(n).state.previewMode }])
-		}, [h(n).state.previewMode ? S("", !0) : (s(), x("span", ta, F(e.block.height) + "px ", 1))], 6)]));
+		}, [h(n).state.previewMode ? S("", !0) : (s(), x("span", aa, F(e.block.height) + "px ", 1))], 6)]));
 	}
-}), ra = { class: "tpl:w-full" }, ia = { key: 0 }, aa = [
+}), sa = { class: "tpl:w-full" }, ca = { key: 0 }, la = [
 	"aria-label",
 	"data-placeholder",
 	"onBlur"
-], oa = [
+], ua = [
 	"aria-label",
 	"data-placeholder",
 	"onBlur"
-], sa = {
+], da = {
 	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)]"
-}, ca = /*#__PURE__*/ pn(/* @__PURE__ */ d({
+}, fa = /*#__PURE__*/ hn(/* @__PURE__ */ d({
 	__name: "TableBlock",
 	props: {
 		block: {},
@@ -2258,7 +2279,7 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 			updated(e, t) {
 				t.value !== t.oldValue && e.getRootNode().activeElement !== e && (e.textContent = t.value ?? "");
 			}
-		}, n = e, { t: i } = J(), a = Qe(q, "TableBlock"), o = b(() => n.block.rows.length > 0), c = b(() => {
+		}, n = e, { t: i } = X(), a = $e(Y, "TableBlock"), o = b(() => n.block.rows.length > 0), c = b(() => {
 			let e = {
 				width: "100%",
 				borderCollapse: "collapse",
@@ -2289,11 +2310,11 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 			} : n);
 			a.updateBlock(n.block.id, { rows: o });
 		}
-		return (e, n) => (s(), x("div", ra, [o.value ? (s(), x("table", {
+		return (e, n) => (s(), x("div", sa, [o.value ? (s(), x("table", {
 			key: 0,
 			style: D(c.value),
 			class: "tpl-table-editable"
-		}, [d.value ? (s(), x("thead", ia, [k("tr", null, [(s(!0), x(P, null, r(d.value.cells, (e) => f((s(), x("th", {
+		}, [d.value ? (s(), x("thead", ca, [k("tr", null, [(s(!0), x(P, null, r(d.value.cells, (e) => f((s(), x("th", {
 			key: e.id,
 			style: D(u.value),
 			"aria-label": h(i).table.cellPlaceholder,
@@ -2302,7 +2323,7 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 			onBlur: (t) => v(d.value.id, e.id, t),
 			onKeydown: n[0] ||= _(E((e) => e.target.blur(), ["prevent"]), ["enter"]),
 			onClick: E(m, ["stop"])
-		}, null, 44, aa)), [[t, e.content]])), 128))])])) : S("", !0), k("tbody", null, [(s(!0), x(P, null, r(p.value, (e) => (s(), x("tr", { key: e.id }, [(s(!0), x(P, null, r(e.cells, (r) => f((s(), x("td", {
+		}, null, 44, la)), [[t, e.content]])), 128))])])) : S("", !0), k("tbody", null, [(s(!0), x(P, null, r(p.value, (e) => (s(), x("tr", { key: e.id }, [(s(!0), x(P, null, r(e.cells, (r) => f((s(), x("td", {
 			key: r.id,
 			style: D(l.value),
 			"aria-label": h(i).table.cellPlaceholder,
@@ -2311,9 +2332,9 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 			onBlur: (t) => v(e.id, r.id, t),
 			onKeydown: n[1] ||= _(E((e) => e.target.blur(), ["prevent"]), ["enter"]),
 			onClick: E(m, ["stop"])
-		}, null, 44, oa)), [[t, r.content]])), 128))]))), 128))])], 4)) : (s(), x("div", sa, [g(h(ln), { size: 16 }), k("span", null, F(h(i).table.empty), 1)]))]));
+		}, null, 44, ua)), [[t, r.content]])), 128))]))), 128))])], 4)) : (s(), x("div", da, [g(h(fn), { size: 16 }), k("span", null, F(h(i).table.empty), 1)]))]));
 	}
-}), [["__scopeId", "data-v-963ac422"]]), la = /* @__PURE__ */ d({
+}), [["__scopeId", "data-v-963ac422"]]), pa = /* @__PURE__ */ d({
 	__name: "VideoPlayButton",
 	props: { hoverEffect: {
 		type: Boolean,
@@ -2331,7 +2352,7 @@ var Wi = { class: "tpl:w-full" }, Gi = {
 });
 //#endregion
 //#region src/utils/videoThumbnail.ts
-function ua(e) {
+function ma(e) {
 	if (!e) return {
 		platform: "unknown",
 		videoId: null,
@@ -2363,25 +2384,25 @@ function ua(e) {
 		thumbnailUrl: null
 	};
 }
-function da(e, t) {
-	return t || ua(e).thumbnailUrl;
+function ha(e, t) {
+	return t || ma(e).thumbnailUrl;
 }
 //#endregion
 //#region src/components/blocks/VideoBlock.vue?vue&type=script&setup=true&lang.ts
-var fa = ["src", "alt"], pa = {
+var ga = ["src", "alt"], _a = {
 	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" }
-}, ma = ["href"], ha = ["src", "alt"], ga = ["src", "alt"], _a = {
+}, va = ["href"], ya = ["src", "alt"], ba = ["src", "alt"], xa = {
 	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)]"
-}, va = /* @__PURE__ */ d({
+}, Sa = /* @__PURE__ */ d({
 	__name: "VideoBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = J(), { syntax: r } = Z(), i = b(() => H(t.block.url, r) || H(t.block.thumbnailUrl, r)), a = Cn(() => i.value ? void 0 : t.block.thumbnailUrl || void 0), o = Cn(() => i.value ? t.block.placeholderUrl : void 0), c = b(() => i.value ? null : t.block.thumbnailUrl ? a.value ?? null : da(t.block.url)), l = b(() => ({ textAlign: t.block.align })), u = b(() => {
+		let t = e, { t: n } = X(), { syntax: r } = _n(), i = b(() => U(t.block.url, r) || U(t.block.thumbnailUrl, r)), a = En(() => i.value ? void 0 : t.block.thumbnailUrl || void 0), o = En(() => i.value ? t.block.placeholderUrl : void 0), c = b(() => i.value ? null : t.block.thumbnailUrl ? a.value ?? null : ha(t.block.url)), l = b(() => ({ textAlign: t.block.align })), u = b(() => {
 			let e = t.block.align;
 			return {
 				maxWidth: "100%",
@@ -2391,7 +2412,7 @@ var fa = ["src", "alt"], pa = {
 				marginLeft: e === "center" || e === "right" ? "auto" : void 0,
 				marginRight: e === "center" ? "auto" : void 0
 			};
-		}), d = b(() => ({ height: t.block.height ? `${t.block.height}px` : void 0 })), f = b(() => H(t.block.url, r) ? t.block.url : t.block.thumbnailUrl);
+		}), d = b(() => ({ height: t.block.height ? `${t.block.height}px` : void 0 })), f = b(() => U(t.block.url, r) ? t.block.url : t.block.thumbnailUrl);
 		return (t, r) => (s(), x("div", {
 			class: "tpl:w-full",
 			style: D(l.value)
@@ -2404,16 +2425,16 @@ var fa = ["src", "alt"], pa = {
 			src: h(o),
 			alt: e.block.alt,
 			style: D(d.value)
-		}, null, 12, fa), g(la)], 4)) : i.value ? (s(), x("div", {
+		}, null, 12, ga), g(pa)], 4)) : i.value ? (s(), x("div", {
 			key: 1,
 			class: "tpl:relative tpl:!flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]",
 			style: D([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, u.value])
-		}, [g(h(an), {
+		}, [g(h(ln), {
 			size: 36,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-primary)]",
 			style: { opacity: "0.5" }
-		}), k("span", pa, [g(dr, { text: f.value }, null, 8, ["text"])])], 4)) : c.value ? (s(), x(P, { key: 2 }, [e.block.url ? (s(), x("a", {
+		}), k("span", _a, [g(br, { text: f.value }, null, 8, ["text"])])], 4)) : c.value ? (s(), x(P, { key: 2 }, [e.block.url ? (s(), x("a", {
 			key: 0,
 			href: e.block.url,
 			target: "_blank",
@@ -2426,7 +2447,7 @@ var fa = ["src", "alt"], pa = {
 			src: c.value,
 			alt: e.block.alt,
 			style: D(d.value)
-		}, null, 12, ha), g(la, { "hover-effect": "" })], 12, ma)) : (s(), x("div", {
+		}, null, 12, ya), g(pa, { "hover-effect": "" })], 12, va)) : (s(), x("div", {
 			key: 1,
 			class: "tpl:relative tpl:inline-block",
 			style: D(u.value)
@@ -2435,54 +2456,54 @@ var fa = ["src", "alt"], pa = {
 			src: c.value,
 			alt: e.block.alt,
 			style: D(d.value)
-		}, null, 12, ga), g(la)], 4))], 64)) : (s(), x("div", _a, [g(h(an), {
+		}, null, 12, ba), g(pa)], 4))], 64)) : (s(), x("div", xa, [g(h(ln), {
 			size: 40,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-border-light)]"
 		}), k("span", null, F(h(n).video.addVideo), 1)]))], 4));
 	}
-}), ya = {
-	section: Ki,
-	title: Hi,
-	paragraph: Si,
-	image: li,
-	button: pr,
-	divider: Wr,
-	video: va,
-	social: $i,
-	menu: pi,
-	table: ca,
-	spacer: na,
-	html: Xr,
+}), Ca = {
+	section: Xi,
+	title: Ki,
+	paragraph: ji,
+	image: vi,
+	button: Sr,
+	divider: $r,
+	video: Sa,
+	social: ra,
+	menu: Si,
+	table: fa,
+	spacer: oa,
+	html: ai,
 	countdown: L(() => import("./CountdownBlock-sVDjKkRw.js"))
 };
-function ba(e) {
-	let { editor: n, config: r, translations: i, fontsManager: a } = e, { t: s, format: u } = J(i), d = b(() => de(de(de(Vn(i), or(n.content.value.settings?.locale)), ee(n.content.value.settings) === "rtl" ? {
+function wa(e) {
+	let { editor: n, config: r, translations: i, fontsManager: a } = e, { t: s, format: u } = X(i), d = b(() => ue(ue(ue(Wn(i), lr(n.content.value.settings?.locale)), H(n.content.value.settings) === "rtl" ? {
 		title: { textAlign: "right" },
 		table: { textAlign: "right" }
 	} : {}), r.blockDefaults ?? {}));
 	n.setUiTheme(r.uiTheme ?? "auto");
-	let { resolvedTheme: f } = kn(b(() => n.state.uiTheme)), p = l(r.theme ?? {}), { themeStyles: h } = jn({
+	let { resolvedTheme: f } = Mn(b(() => n.state.uiTheme)), p = l(r.theme ?? {}), { themeStyles: h } = Pn({
 		themeOverrides: p,
 		resolvedTheme: f,
 		extraStyles: () => ({
 			"--tpl-drop-text": `"${i.canvas.dropHere}"`,
 			...e.themeExtraStyles?.()
 		})
-	}), g = Ie({
+	}), g = Le({
 		content: n.content,
 		setContent: (e, t) => n.setContent(e, t),
 		...e.historyOptions
 	});
-	Be(n, g);
-	let _ = Ge({
+	Ve(n, g);
+	let _ = Ke({
 		addBlock: n.addBlock,
 		removeBlock: n.removeBlock,
 		updateBlock: n.updateBlock,
 		selectBlock: n.selectBlock,
 		findBlockLocation: n.findBlockLocation,
 		blockDefaults: () => d.value
-	}), v = Le(n), x = e.autoSaveOptions !== null && e.autoSaveOptions !== void 0 ? We({
+	}), v = Re(n), x = e.autoSaveOptions !== null && e.autoSaveOptions !== void 0 ? Ge({
 		content: n.content,
 		isDirty: () => n.state.isDirty,
 		...e.autoSaveOptions
@@ -2490,30 +2511,30 @@ function ba(e) {
 	x && (S = t(g.isNavigating, (e) => {
 		e ? x.pause() : x.resume();
 	}));
-	let C = On(n, {
+	let C = jn(n, {
 		t: s,
 		format: u
-	}, r.customBlocks ?? []), w = Ut(r.colors);
-	if (w.allowCustomIgnored && Y.warn("config.colors.allowCustom: false is ignored without presets — keeping the color wheel and hex input so a color can still be chosen."), w.invalidPresets.length > 0 && Y.warn(`config.colors.presets skipped invalid entries: ${w.invalidPresets.join(", ")} — presets must be hex colors (#rgb or #rrggbb).`), w.allowCustom === !1) {
-		let e = Bn(w.presets, r.blockDefaults, r.templateDefaults);
-		e.length > 0 && Y.warn(`config.colors locks custom colours, but these block/template default colours fall outside colors.presets: ${e.join(", ")}. New blocks start on a colour the palette can't reselect — set blockDefaults / templateDefaults from the same palette.`);
-	}
-	let T = Gt(r.templateSettings);
-	for (let e of T.unknown) Y.warn(`config.templateSettings.fields: "${e}" is not a template setting (expected one of ${Kt.join(", ")}) — skipping it.`);
-	let E = Mn();
-	Ln(E, ya);
+	}, r.customBlocks ?? []), w = Gt(r.colors);
+	if (w.allowCustomIgnored && Z.warn("config.colors.allowCustom: false is ignored without presets — keeping the color wheel and hex input so a color can still be chosen."), w.invalidPresets.length > 0 && Z.warn(`config.colors.presets skipped invalid entries: ${w.invalidPresets.join(", ")} — presets must be hex colors (#rgb or #rrggbb).`), w.allowCustom === !1) {
+		let e = Un(w.presets, r.blockDefaults, r.templateDefaults);
+		e.length > 0 && Z.warn(`config.colors locks custom colours, but these block/template default colours fall outside colors.presets: ${e.join(", ")}. New blocks start on a colour the palette can't reselect — set blockDefaults / templateDefaults from the same palette.`);
+	}
+	let T = qt(r.templateSettings);
+	for (let e of T.unknown) Z.warn(`config.templateSettings.fields: "${e}" is not a template setting (expected one of ${Jt.join(", ")}) — skipping it.`);
+	let E = Fn();
+	Bn(E, Ca);
 	let D = /* @__PURE__ */ new Set();
 	function O(e) {
 		for (let t of e) {
-			E.registerCustom(t, Hr);
-			for (let e of sr(t, w)) D.has(e.id) || (D.add(e.id), Y.warn(e.message));
+			E.registerCustom(t, Zr);
+			for (let e of ur(t, w)) D.has(e.id) || (D.add(e.id), Z.warn(e.message));
 		}
 	}
 	r.customBlocks?.length && O(r.customBlocks);
-	let k = yn();
+	let k = Sn();
 	if (o() && m(k.dispose), e.containerEl) {
 		let t = e.containerEl;
-		U(document, "pointerdown", (e) => {
+		G(document, "pointerdown", (e) => {
 			let n = t.value;
 			n && (e.composedPath?.() ?? []).includes(n) && k.claim();
 		}, { capture: !0 });
@@ -2527,7 +2548,7 @@ function ba(e) {
 		x?.flush();
 	}
 	function j(t) {
-		k.isActive() && lr(t, {
+		k.isActive() && fr(t, {
 			history: g,
 			selectBlock: (e) => n.selectBlock(e),
 			getSelectedBlockId: () => n.state.selectedBlockId,
@@ -2539,21 +2560,21 @@ function ba(e) {
 			onCancelPick: () => e.capabilities?.savedBlocks?.cancelPicking()
 		});
 	}
-	U(document, "keydown", j);
+	G(document, "keydown", j);
 	let M = l(null);
-	c(bt, e.editorRoot ?? document), c(et, M), c(vt, i), c(q, n), c(Bt, g), c(xt, _), c(Tt, v), c(Lt, a), c(st, h), c(yt, f), c(Mt, d), c(_t, r.locale), c(It, E), c(Nt, r.customBlocks ?? []), c(Vt, r.paletteBlocks), c(St, Rn(r.htmlBlockPreview)), c(tt, r.layout), c(it, r.sectionWrapper), c(wt, w), c(Pt, T.fields), c(At, Nn(n.content, E));
+	c(xt, e.editorRoot ?? document), c(tt, M), c(yt, i), c(Y, n), c(Vt, g), c(St, _), c(Et, v), c(Rt, a), c(ct, h), c(bt, f), c(Nt, d), c(vt, r.locale), c(Lt, E), c(Pt, r.customBlocks ?? []), c(Ht, r.paletteBlocks), c(Ct, Vn(r.htmlBlockPreview)), c(nt, r.layout), c(at, r.sectionWrapper), c(Tt, w), c(Ft, T.fields), c(jt, In(n.content, E));
 	let N = be(r.mergeTags?.syntax), P = y(r.mergeTags?.tags ?? []);
 	function F(e) {
 		if (!Array.isArray(e)) {
-			Y.warn(`setMergeTags() expects an array of merge tags, received ${typeof e} — ignoring.`);
+			Z.warn(`setMergeTags() expects an array of merge tags, received ${typeof e} — ignoring.`);
 			return;
 		}
 		P.value = e;
 	}
-	c(G, P), c(ft, N), c(pt, r.mergeTags?.onRequest ?? null), c(Ot, r.mergeTags?.autocomplete !== !1), c(dt, r.mergeTags?.showRawValue !== !1);
-	let I = l(Me(r.mergeTags?.tags ?? []));
-	c(ut, I);
-	let L = xn({
+	c(q, P), c(pt, N), c(mt, r.mergeTags?.onRequest ?? null), c(kt, r.mergeTags?.autocomplete !== !1), c(ft, r.mergeTags?.showRawValue !== !1);
+	let I = l(Ne(r.mergeTags?.tags ?? []));
+	c(dt, I);
+	let L = wn({
 		resolvePreview: r.resolvePreview,
 		getContent: () => {
 			let e = n.content.value;
@@ -2561,19 +2582,19 @@ function ba(e) {
 		},
 		isActive: () => n.state.previewMode
 	});
-	c(gt, L), c(at, r.resolvePreview);
+	c(_t, L), c(ot, r.resolvePreview);
 	let R = b(() => !(n.state.previewMode && L.isConfigured));
-	c(Ft, R);
-	let z = wn();
-	c($e, z), c(Dt, l(!1)), c(nt, l(!1)), c(ht, r.logicTags?.tags ?? []), c(Rt, r.logicTags?.pairs ?? []), c(ot, r.logicTags?.onRequest ?? null), c(rt, Tn()), c(lt, r.onRequestMedia ?? null), c(Ct, r.canDropMedia ?? null), c(zt, r.resolveImageUrl ? Sn(r.resolveImageUrl) : null), c(Et, r.displayConditions?.conditions ?? []), c(jt, r.displayConditions?.allowCustom ?? !1), c(kt, e.capabilities ?? {}), c(mt, C);
-	let B = En(r.lint) ? null : Dn({
+	c(It, R);
+	let z = Dn();
+	c(et, z), c(Ot, l(!1)), c(rt, l(!1)), c(gt, r.logicTags?.tags ?? []), c(zt, r.logicTags?.pairs ?? []), c(st, r.logicTags?.onRequest ?? null), c(it, On()), c(ut, r.onRequestMedia ?? null), c(wt, r.canDropMedia ?? null), c(Bt, r.resolveImageUrl ? Tn(r.resolveImageUrl) : null), c(Dt, r.displayConditions?.conditions ?? []), c(Mt, r.displayConditions?.allowCustom ?? !1), c(At, e.capabilities ?? {}), c(ht, C);
+	let B = kn(r.lint) ? null : An({
 		content: n.content,
 		options: r.lint ?? {},
 		updateBlock: n.updateBlock,
 		updateSettings: n.updateSettings,
 		removeBlock: n.removeBlock
 	});
-	c(ct, B);
+	c(lt, B);
 	function V() {
 		S?.(), B?.destroy(), x?.destroy(), g.destroy();
 	}
@@ -2600,6 +2621,6 @@ function ba(e) {
 	};
 }
 //#endregion
-export { tr as A, yr as C, Yn as D, pr as E, $n as M, Qn as N, rr as O, xn as P, wr as S, gr as T, Wr as _, $i as a, jr as b, Bi as c, Di as d, wi as f, Xr as g, li as h, na as i, er as j, nr as k, Ti as l, pi as m, va as n, Ki as o, Si as p, ca as r, Hi as s, ba as t, Ci as u, Hr as v, vr as w, kr as x, Nr as y };
+export { ir as A, hr as C, Qn as D, mr as E, nr as M, tr as N, or as O, wn as P, Sr as S, vr as T, Rr as _, ra as a, Dr as b, Wi as c, vi as d, ai as f, Br as g, Hr as h, oa as i, rr as j, ar as k, ji as l, Zr as m, Sa as n, Xi as o, $r as p, fa as r, Ki as s, wa as t, Si as u, Nr as v, pr as w, Tr as x, Or as y };
 
-//# sourceMappingURL=useEditorCore-CQraU2s_.js.map
+//# sourceMappingURL=useEditorCore-yd40TFKy.js.map