@templatical/editor 0.25.1 → 0.26.0

package/dist/cdn/chunks/{useEditorCore-CTYH6u4r.js → useEditorCore-C_nUXiph.js}

@@ -1,17 +1,17 @@
-import { $ as e, A as t, C as n, F as r, G as i, H as a, J as o, K as s, L as c, M as l, N as u, O as d, P as f, T as p, U as m, V as h, X as g, Y as _, Z as v, at as y, b, c as x, ct as S, f as C, g as w, h as T, it as E, k as D, l as O, m as k, nt as A, ot as j, p as M, rt as N, s as P, st as F, t as ee, u as I, v as L, x as R, y as z, z as B } from "./draggable-BRF_Q_jB.js";
+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 { $ as te, A as ne, B as re, C as ie, D as ae, E as oe, F as V, I as se, L as ce, M as le, N as ue, O as de, P as fe, Q as pe, R as me, S as he, T as ge, _ as _e, a as ve, b as ye, d 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, u as Pe, v as Fe, w as Ie, x as Le } from "./src-CZjSXPYq.js";
-import { _ as Re, h as ze, v as Be, y as Ve } from "./dist-Dp46rwVY.js";
-import { a as U, c as He, i as Ue, r as We } from "./dist-BLF-S9_A.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-CZOBuCQd.js";
-import { t as q } from "./useI18n-aRMtgYRj.js";
-import { a as Dt, i as Ot, o as kt, r as J, t as At } from "./usePopoverPosition-Dm1jv3y5.js";
-import { Bt as jt, Et as Mt, Ot as Nt, Tt as Pt, U as Ft, Z as It, at as Lt, d as Rt, gt as zt, j as Bt, nt as Vt, o as Ht, pt as Ut, s as Wt, u as Gt, v as Kt, yt as qt, zt as Jt } from "./icons-DN008liP.js";
-import { t as Yt } from "./LoadingTrack-CiNg9s16.js";
+import { $ as te, A as ne, B as re, C as ie, D as ae, E as oe, F as V, I as se, L as ce, M as le, N as ue, O as de, P as fe, Q as pe, R as me, S as he, T as ge, _ as _e, a as ve, b as ye, d 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, u as Pe, v as Fe, w as Ie, x as Le } from "./src-EKTTBQ0y.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-CML0BxqX.js";
-import { t as Y } from "./useMergeTag-8a8BnIZp.js";
-import { t as Zt } from "./useAliveFlag-Ctyt3GgH.js";
+import "./useCloudI18n-8wkJtuJD.js";
+import { t as Y } from "./useMergeTag-CPa_9VOq.js";
+import { t as Zt } from "./useAliveFlag-Dxwgo6P4.js";
 //#region ../core/src/editor.ts
 function Qt(e) {
 	return e === "1" ? 1 : e === "3" ? 3 : 2;
@@ -311,7 +311,7 @@ function sn(e) {
 		}, i));
 	}
 	let m = y(t, () => {
-		c() && !s && n() && p();
+		p();
 	}, { deep: !0 });
 	function h() {
 		m(), d();
@@ -745,7 +745,7 @@ function Sn(t) {
 	o || l();
 	async function l() {
 		try {
-			let e = await import("./src-D_3bXt7-.js");
+			let e = await import("./src-Bi-Qhtfs.js");
 			if (c) return;
 			a.value = { lintTemplate: e.lintTemplate }, r.value = !0, u(), s = Ve(t.content, u, {
 				debounce: t.debounce ?? 500,
@@ -984,7 +984,7 @@ function jn() {
 		let t = o(e.customType);
 		if (!t) return s("Block definition not found");
 		try {
-			let { Liquid: n } = await import("./liquid.browser-CZaQe87t.js");
+			let { Liquid: n } = await import("./liquid.browser-UlAOKBjI.js");
 			return await new n({
 				strictVariables: !1,
 				strictFilters: !1
@@ -1260,7 +1260,7 @@ var Gn = R({
 			class: "tpl-merge-tag-label"
 		}, e.value) : e.value);
 	}
-}), Kn = { class: "tpl:text-center" }, qn = ["href"], Jn = /* @__PURE__ */ R({
+}), Kn = ["href"], qn = /* @__PURE__ */ R({
 	__name: "ButtonBlock",
 	props: {
 		block: {},
@@ -1280,19 +1280,19 @@ 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;
-		});
-		return (t, r) => (l(), w("div", Kn, [M("a", {
+		}), r = C(() => ({ textAlign: t.block.align ?? "center" }));
+		return (t, i) => (l(), w("div", { style: S(r.value) }, [M("a", {
 			href: e.block.url || "#",
-			style: F(n.value),
+			style: S(n.value),
 			class: "tpl:cursor-default",
-			onClick: r[0] ||= O(() => {}, ["prevent"])
-		}, [z(Gn, { text: e.block.text }, null, 8, ["text"])], 12, qn)]));
+			onClick: i[0] ||= O(() => {}, ["prevent"])
+		}, [z(Gn, { text: e.block.text }, null, 8, ["text"])], 12, Kn)], 4));
 	}
-}), Yn = ["innerHTML"], Xn = [
+}), Jn = ["innerHTML"], Yn = [
 	"src",
 	"width",
 	"height"
-], Zn = /* @__PURE__ */ R({
+], Xn = /* @__PURE__ */ R({
 	__name: "CustomBlockIcon",
 	props: {
 		icon: {},
@@ -1303,19 +1303,19 @@ var Gn = R({
 		return (t, a) => r.value ? (l(), w("span", {
 			key: 0,
 			class: "tpl:inline-flex tpl:items-center tpl:justify-center",
-			style: F({
+			style: S({
 				width: `${n.value}px`,
 				height: `${n.value}px`
 			}),
 			innerHTML: e.icon
-		}, null, 12, Yn)) : i.value ? (l(), w("img", {
+		}, null, 12, Jn)) : i.value ? (l(), w("img", {
 			key: 1,
 			src: e.icon,
 			width: n.value,
 			height: n.value,
 			class: "tpl:inline-block",
 			alt: ""
-		}, null, 8, Xn)) : (l(), k(E(Jt), {
+		}, null, 8, Yn)) : (l(), A(E(Jt), {
 			key: 2,
 			size: n.value,
 			"stroke-width": 1.5
@@ -1324,16 +1324,16 @@ var Gn = R({
 });
 //#endregion
 //#region src/composables/useEditorRoot.ts
-function Qn() {
+function Zn() {
 	return p(ct, document) ?? document;
 }
 //#endregion
 //#region src/composables/useFocusTrap.ts
-var $n = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function er(e, t) {
-	let n = Qn(), r = null, i = null, a = null;
+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;
 	function s() {
-		return e.value ? Array.from(e.value.querySelectorAll($n)).filter((e) => e.offsetParent !== null) : [];
+		return e.value ? Array.from(e.value.querySelectorAll(Qn)).filter((e) => e.offsetParent !== null) : [];
 	}
 	function c(e) {
 		if (e.key !== "Tab") return;
@@ -1363,7 +1363,7 @@ function er(e, t) {
 }
 //#endregion
 //#region src/composables/useEmoji.ts
-function tr() {
+function er() {
 	let [t, n] = Be(!1), r = e([]), i = !1;
 	o(() => {
 		i = !0;
@@ -1389,7 +1389,7 @@ function tr() {
 }
 //#endregion
 //#region src/composables/useDragDrop.ts
-function nr(e) {
+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;
@@ -1439,7 +1439,7 @@ function nr(e) {
 }
 //#endregion
 //#region src/composables/useFonts.ts
-var rr = [
+var nr = [
 	{
 		value: "Arial",
 		label: "Arial"
@@ -1468,7 +1468,7 @@ var rr = [
 		value: "Courier New",
 		label: "Courier New"
 	}
-], ir = {
+], rr = {
 	arial: "Arial, sans-serif",
 	helvetica: "Helvetica, sans-serif",
 	georgia: "Georgia, serif",
@@ -1476,23 +1476,23 @@ var rr = [
 	verdana: "Verdana, sans-serif",
 	"trebuchet ms": "'Trebuchet MS', sans-serif",
 	"courier new": "'Courier New', monospace"
-}, ar = "Arial, sans-serif";
-function or(e) {
-	if (e === void 0 || e === !0) return [...rr];
+}, ir = "Arial, sans-serif";
+function ar(e) {
+	if (e === void 0 || e === !0) return [...nr];
 	if (e === !1) return [];
 	let t = [], n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
 	for (let i of e) {
-		let e = i.toLowerCase(), a = rr.find((t) => t.value.toLowerCase() === e);
+		let e = i.toLowerCase(), a = nr.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: ${rr.map((e) => e.value).join(", ")}.`));
+			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(", ")}.`));
 			continue;
 		}
 		n.has(a.value) || (n.add(a.value), t.push(a));
 	}
 	return t;
 }
-function sr(e) {
-	let t = v(e?.customFonts ?? []), n = v(!0), r = v(!1), a = or(e?.builtIns), s = C(() => e?.defaultFallback ?? ar);
+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;
 	}
@@ -1509,26 +1509,26 @@ function sr(e) {
 	function u(e) {
 		return l.value.some((t) => t.label.toLowerCase() === e.toLowerCase() || t.value.toLowerCase().startsWith(e.toLowerCase()));
 	}
-	let d = e?.defaultFont ?? ar.split(",")[0].trim();
+	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 rr.some((t) => t.label.toLowerCase() === e.toLowerCase() || t.value.toLowerCase().startsWith(e.toLowerCase()));
+		return nr.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 ar;
+			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;
 			}
 		}
-		return ar;
+		return ir;
 	}
 	let m = C(() => p());
 	function h(e) {
 		if (!e) return s.value;
 		let n = t.value.find((t) => t.name.toLowerCase() === e.toLowerCase());
-		return n ? `'${n.name}', ${n.fallback ?? s.value}` : ir[e.toLowerCase()] || (e.includes(",") ? e : `${e}, ${s.value}`);
+		return n ? `'${n.name}', ${n.fallback ?? s.value}` : rr[e.toLowerCase()] || (e.includes(",") ? e : `${e}, ${s.value}`);
 	}
 	let g = [], _ = !1;
 	async function y() {
@@ -1571,7 +1571,7 @@ function sr(e) {
 }
 //#endregion
 //#region src/composables/useLogicTag.ts
-function cr() {
+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) {
@@ -1603,7 +1603,7 @@ function cr() {
 }
 //#endregion
 //#region src/utils/mergeTagNodeSpec.ts
-function lr(e, t, n) {
+function cr(e, t, n) {
 	return be(e, n) ? {
 		type: "logicMergeTagNode",
 		attrs: {
@@ -1620,15 +1620,15 @@ function lr(e, t, n) {
 }
 //#endregion
 //#region src/utils/insertLogicTag.ts
-function ur(e) {
+function lr(e) {
 	return "before" in e && "after" in e;
 }
-function dr(e, t, n) {
-	if (!ur(t)) {
-		e.chain().focus().insertContent(lr(t.value, t.label, n)).run();
+function ur(e, t, n) {
+	if (!lr(t)) {
+		e.chain().focus().insertContent(cr(t.value, t.label, n)).run();
 		return;
 	}
-	let r = lr(t.before, t.label, n), i = lr(t.after, t.label, n), { from: a, to: o } = e.state.selection;
+	let r = cr(t.before, t.label, n), i = cr(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 +1637,20 @@ function dr(e, t, n) {
 }
 //#endregion
 //#region src/utils/linkColorExtension.ts
-function fr(e) {
+function dr(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 pr(e) {
+function fr(e) {
 	return e.extend({ addAttributes() {
 		return {
 			...this.parent?.(),
 			color: {
 				default: null,
-				parseHTML: (e) => fr(Ot(e.style.color)),
+				parseHTML: (e) => dr(Ot(e.style.color)),
 				renderHTML: (e) => {
-					let t = fr(e.color);
+					let t = dr(e.color);
 					return t ? { style: `color: ${t}` } : {};
 				}
 			}
@@ -1659,9 +1659,9 @@ function pr(e) {
 }
 //#endregion
 //#region src/composables/useRichTextLinkDialog.ts
-function mr(e) {
+function pr(e) {
 	let t = v(!1), n = v(""), r = v(""), i = v(null);
-	er(i, t);
+	$n(i, t);
 	function a() {
 		let i = e.value?.getAttributes("link") ?? {};
 		n.value = i.href || "", r.value = i.color || "", t.value = !0;
@@ -1670,7 +1670,7 @@ function mr(e) {
 		if (n.value) {
 			let t = c(n.value);
 			if (t !== null) {
-				let n = fr(r.value), i = e.value?.chain().focus().extendMarkRange("link").setLink({ href: t }).updateAttributes("link", { color: n });
+				let n = dr(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();
 			}
 		}
@@ -1717,8 +1717,8 @@ function mr(e) {
 }
 //#endregion
 //#region src/composables/useRichTextEditor.ts
-function hr(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 } = cr(), 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 } = mr(_), { start: k, stop: A } = Re(() => _.value?.commands.focus("end"), 0, { immediate: !1 }), j = e(null), M = v(!0), N = v(null), P = !1;
+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;
 		try {
@@ -1778,7 +1778,7 @@ function hr(t) {
 	}
 	async function z() {
 		let e = await f();
-		P || (e && _.value ? dr(_.value, e, c) : _.value?.commands.focus());
+		P || (e && _.value ? ur(_.value, e, c) : _.value?.commands.focus());
 	}
 	return {
 		editor: _,
@@ -1807,30 +1807,30 @@ function hr(t) {
 }
 //#endregion
 //#region src/composables/useSmallScreenNotice.ts
-var gr = "(max-width: 767px)";
-function _r(e) {
-	let t = He(gr);
+var hr = "(max-width: 767px)";
+function gr(e) {
+	let t = He(hr);
 	return {
 		isSmallScreen: t,
-		showNotice: C(() => (A(e) ?? !0) && t.value)
+		showNotice: C(() => (j(e) ?? !0) && t.value)
 	};
 }
 //#endregion
 //#region src/components/blocks/CustomBlock.vue?vue&type=script&setup=true&lang.ts
-var vr = { class: "tpl:w-full" }, yr = {
+var _r = { class: "tpl:w-full" }, vr = {
 	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)]"
-}, br = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, xr = {
+}, yr = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, br = {
 	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)]"
-}, Sr = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Cr = {
+}, xr = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Sr = {
 	key: 2,
 	class: "tpl:relative"
-}, wr = ["innerHTML"], Tr = {
+}, Cr = ["innerHTML"], wr = {
 	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)" }
-}, Er = /* @__PURE__ */ R({
+}, Tr = /* @__PURE__ */ R({
 	__name: "CustomBlock",
 	props: {
 		block: {},
@@ -1867,17 +1867,17 @@ var vr = { class: "tpl:w-full" }, yr = {
 				}
 			}
 		}
-		let D = ze(x, 150);
+		let S = ze(x, 150);
 		return t(() => {
 			x();
 		}), B(() => r.block.fieldValues, () => {
-			D();
+			S();
 		}, { deep: !0 }), B(() => y?.value, () => {
-			D();
-		}), (e, t) => (l(), w("div", vr, [d.value ? c.value ? (l(), w("div", xr, [z(E(Gt), {
+			S();
+		}), (e, t) => (l(), w("div", _r, [d.value ? c.value ? (l(), w("div", br, [z(E(Gt), {
 			size: 24,
 			class: "tpl:text-[var(--tpl-danger)]"
-		}), M("span", Sr, S(E(a).customBlocks.renderError), 1)])) : (l(), w("div", Cr, [M("div", { innerHTML: s.value }, null, 8, wr), E(g) && E(h) ? (l(), w("div", Tr, [E(f) ? (l(), k(Yt, {
+		}), 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, {
 			key: 1,
 			class: "tpl:w-48"
 		})) : (l(), w("button", {
@@ -1885,16 +1885,16 @@ var vr = { class: "tpl:w-full" }, yr = {
 			type: "button",
 			class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-2 tpl:text-sm tpl:font-semibold tpl:shadow-sm tpl:transition-all tpl:duration-150 hover:tpl:border-[var(--tpl-primary)] hover:tpl:shadow-md tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
 			onClick: t[0] ||= O((...e) => E(m) && E(m)(...e), ["stop"])
-		}, [u.value?.icon ? (l(), k(Zn, {
+		}, [u.value?.icon ? (l(), A(Xn, {
 			key: 0,
 			icon: u.value.icon,
 			size: 16
-		}, null, 8, ["icon"])) : T("", !0), L(" " + S(u.value?.dataSource?.label || E(a).customBlocks.dataSource.fetchButton), 1)]))])) : T("", !0)])) : (l(), w("div", yr, [z(E(Ft), {
+		}, 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), {
 			size: 24,
 			class: "tpl:text-[var(--tpl-warning)]"
-		}), M("span", br, S(E(a).customBlocks.definitionNotFound), 1)]))]));
+		}), M("span", yr, k(E(a).customBlocks.definitionNotFound), 1)]))]));
 	}
-}), Dr = { class: "tpl:w-full" }, Or = /* @__PURE__ */ R({
+}), Er = { class: "tpl:w-full" }, Dr = /* @__PURE__ */ R({
 	__name: "DividerBlock",
 	props: {
 		block: {},
@@ -1906,21 +1906,21 @@ var vr = { class: "tpl:w-full" }, yr = {
 			width: t.block.width === "full" ? "100%" : `${t.block.width}px`,
 			margin: t.block.width === "full" ? "0" : "0 auto"
 		}));
-		return (e, t) => (l(), w("div", Dr, [M("hr", {
+		return (e, t) => (l(), w("div", Er, [M("hr", {
 			class: "tpl:m-0 tpl:border-none",
-			style: F(n.value)
+			style: S(n.value)
 		}, null, 4)]));
 	}
-}), kr = { class: "tpl:w-full" }, Ar = ["srcdoc", "title"], jr = {
+}), Or = { class: "tpl:w-full" }, kr = ["srcdoc", "title"], Ar = {
 	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)]"
-}, Mr = {
+}, jr = {
 	key: 0,
 	class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]"
-}, Nr = {
+}, Mr = {
 	key: 1,
 	class: "tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, Pr = /* @__PURE__ */ R({
+}, Nr = /* @__PURE__ */ R({
 	__name: "HtmlBlock",
 	props: {
 		block: {},
@@ -1941,7 +1941,7 @@ var vr = { class: "tpl:w-full" }, yr = {
 			e || (f?.disconnect(), f = null);
 		}), D(() => {
 			f?.disconnect(), f = null;
-		}), (e, t) => (l(), w("div", kr, [a.value ? (l(), w("iframe", {
+		}), (e, t) => (l(), w("div", Or, [a.value ? (l(), w("iframe", {
 			key: 0,
 			ref_key: "iframeRef",
 			ref: u,
@@ -1949,20 +1949,20 @@ var vr = { class: "tpl:w-full" }, yr = {
 			sandbox: "allow-same-origin",
 			title: E(n).html.preview,
 			class: "tpl:block tpl:w-full tpl:border-0",
-			style: F({ height: `${d.value}px` }),
+			style: S({ height: `${d.value}px` }),
 			onLoad: h
-		}, null, 44, Ar)) : (l(), w("div", jr, [z(E(Nt), {
+		}, null, 44, kr)) : (l(), w("div", Ar, [z(E(Ft), {
 			size: 24,
 			class: "tpl:text-[var(--tpl-text-dim)]"
-		}), i.value ? (l(), w("span", Mr, S(E(n).html.preview), 1)) : (l(), w("span", Nr, S(E(n).html.empty), 1))]))]));
+		}), i.value ? (l(), w("span", jr, k(E(n).html.preview), 1)) : (l(), w("span", Mr, k(E(n).html.empty), 1))]))]));
 	}
-}), Fr = "image/";
-function Ir(e) {
-	let { target: t, onFiles: n, enabled: r } = e, i = () => r === void 0 || A(r), { isOverDropZone: a } = We(t, {
+}), Pr = "image/";
+function Fr(e) {
+	let { target: t, onFiles: n, enabled: r } = e, i = () => r === void 0 || j(r), { isOverDropZone: a } = We(t, {
 		preventDefaultForUnhandled: !0,
 		onDrop: (e) => {
 			if (!i()) return;
-			let t = (e ?? []).filter((e) => e.type.startsWith(Fr));
+			let t = (e ?? []).filter((e) => e.type.startsWith(Pr));
 			t.length > 0 && n([t[0]]);
 		}
 	});
@@ -1970,17 +1970,17 @@ function Ir(e) {
 }
 //#endregion
 //#region src/components/blocks/ImageBlock.vue?vue&type=script&setup=true&lang.ts
-var Lr = {
+var Ir = {
 	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)" }
-}, Rr = ["href"], zr = ["src", "alt"], Br = ["src", "alt"], Vr = {
+}, Lr = ["href"], Rr = ["src", "alt"], zr = ["src", "alt"], Br = {
 	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" }
-}, Hr = ["href"], Ur = ["src", "alt"], Wr = ["src", "alt"], Gr = {
+}, Vr = ["href"], Hr = ["src", "alt"], Ur = ["src", "alt"], Wr = {
 	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)]"
-}, Kr = ["aria-label"], qr = { key: 1 }, Jr = /* @__PURE__ */ R({
+}, Gr = ["aria-label"], Kr = { key: 1 }, qr = /* @__PURE__ */ R({
 	__name: "ImageBlock",
 	props: {
 		block: {},
@@ -2015,7 +2015,7 @@ var Lr = {
 				}
 			}
 		}
-		let { isOver: g } = Ir({
+		let { isOver: g } = Fr({
 			target: d,
 			enabled: m,
 			onFiles: h
@@ -2034,15 +2034,15 @@ var Lr = {
 			ref: d,
 			"data-testid": "image-drop-zone",
 			class: "tpl:relative tpl:w-full",
-			style: F(_.value)
-		}, [m.value && (E(g) || f.value) ? (l(), w("div", Lr, [f.value ? (l(), w(I, { key: 0 }, [z(E(Lt), {
+			style: S(_.value)
+		}, [m.value && (E(g) || f.value) ? (l(), w("div", Ir, [f.value ? (l(), w(I, { key: 0 }, [z(E(Vt), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2
-		}), L(" " + S(E(i).image.uploading), 1)], 64)) : (l(), w(I, { key: 1 }, [z(E(Wt), {
+		}), L(" " + k(E(i).image.uploading), 1)], 64)) : (l(), w(I, { key: 1 }, [z(E(Ut), {
 			size: 20,
 			"stroke-width": 1.5
-		}), L(" " + S(E(i).image.dropToUpload), 1)], 64))])) : T("", !0), e.block.src && b.value && e.block.placeholderUrl ? (l(), w(I, { key: 1 }, [e.block.linkUrl ? (l(), w("a", {
+		}), 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", {
 			key: 0,
 			href: e.block.linkUrl,
 			target: "_blank",
@@ -2053,23 +2053,23 @@ var Lr = {
 			loading: "lazy",
 			src: E(D),
 			alt: e.block.alt || E(i).image.altTextPlaceholder,
-			style: F(y.value)
-		}, null, 12, zr)], 8, Rr)) : (l(), w("img", {
+			style: S(y.value)
+		}, null, 12, Rr)], 8, Lr)) : (l(), w("img", {
 			key: 1,
 			class: "tpl:border-0",
 			src: E(D),
 			alt: e.block.alt,
-			style: F(y.value)
-		}, null, 12, Br))], 64)) : e.block.src && b.value ? (l(), w("div", {
+			style: S(y.value)
+		}, null, 12, zr))], 64)) : e.block.src && b.value ? (l(), w("div", {
 			key: 2,
 			class: "tpl:!flex tpl:min-h-[120px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]",
-			style: F([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, y.value])
-		}, [z(E(Ut), {
+			style: S([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, y.value])
+		}, [z(E(zt), {
 			size: 32,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-primary)]",
 			style: { opacity: "0.5" }
-		}), M("span", Vr, [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", 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", {
 			key: 0,
 			href: e.block.linkUrl,
 			target: "_blank",
@@ -2080,27 +2080,27 @@ var Lr = {
 			loading: "lazy",
 			src: E(x),
 			alt: e.block.alt || E(i).image.altTextPlaceholder,
-			style: F(y.value)
-		}, null, 12, Ur)], 8, Hr)) : (l(), w("img", {
+			style: S(y.value)
+		}, null, 12, Hr)], 8, Vr)) : (l(), w("img", {
 			key: 1,
 			class: "tpl:border-0",
 			src: E(x),
 			alt: e.block.alt,
-			style: F(y.value)
-		}, null, 12, Wr))], 64)) : (l(), w("div", Gr, [s.value ? (l(), w("button", {
+			style: S(y.value)
+		}, null, 12, Ur))], 64)) : (l(), w("div", Wr, [s.value ? (l(), w("button", {
 			key: 0,
 			"aria-label": E(i).image.browseMedia,
 			class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:cursor-pointer tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
 			onClick: O(u, ["stop"])
-		}, [z(E(Ut), {
+		}, [z(E(zt), {
 			size: 14,
 			"stroke-width": 1.5
-		}), L(" " + S(E(i).image.browseMedia), 1)], 8, Kr)) : (l(), w("span", qr, S(E(i).image.clickToAdd), 1))]))], 4));
+		}), L(" " + k(E(i).image.browseMedia), 1)], 8, Gr)) : (l(), w("span", Kr, k(E(i).image.clickToAdd), 1))]))], 4));
 	}
-}), Yr = { class: "tpl:w-full" }, Xr = ["href"], Zr = {
+}), Jr = { class: "tpl:w-full" }, Yr = ["href"], Xr = {
 	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)]"
-}, Qr = /* @__PURE__ */ R({
+}, Zr = /* @__PURE__ */ R({
 	__name: "MenuBlock",
 	props: {
 		block: {},
@@ -2119,27 +2119,27 @@ var Lr = {
 		function a(e) {
 			return e || t.block.linkColor || t.block.color;
 		}
-		return (t, o) => (l(), w("div", Yr, [i.value ? (l(), w("div", {
+		return (t, o) => (l(), w("div", Jr, [i.value ? (l(), w("div", {
 			key: 0,
-			style: F(r.value)
+			style: S(r.value)
 		}, [(l(!0), w(I, null, f(e.block.items, (t, n) => (l(), w(I, { key: t.id }, [M("a", {
 			href: t.url || "#",
 			class: "tpl:cursor-default tpl:no-underline",
-			style: F({
+			style: S({
 				color: a(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, Xr), n < e.block.items.length - 1 ? (l(), w("span", {
+		}, [z(Gn, { text: t.text || "..." }, null, 8, ["text"])], 12, Yr), n < e.block.items.length - 1 ? (l(), w("span", {
 			key: 0,
-			style: F({
+			style: S({
 				color: e.block.separatorColor,
 				padding: `0 ${e.block.spacing}px`
 			})
-		}, S(e.block.separator), 5)) : T("", !0)], 64))), 128))], 4)) : (l(), w("div", Zr, [z(E(It), { size: 16 }), M("span", null, S(E(n).menu.addLinks), 1)]))]));
+		}, 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 = /* @__PURE__ */ new Set([
+}), Qr = /* @__PURE__ */ new Set([
 	"http",
 	"https",
 	"mailto",
@@ -2149,7 +2149,7 @@ var Lr = {
 	"sms",
 	"xmpp",
 	"cid"
-]), ei = /* @__PURE__ */ new Set([
+]), $r = /* @__PURE__ */ new Set([
 	"SCRIPT",
 	"STYLE",
 	"IFRAME",
@@ -2159,7 +2159,7 @@ var Lr = {
 	"META",
 	"BASE",
 	"FORM"
-]), ti = /* @__PURE__ */ new Set([
+]), ei = /* @__PURE__ */ new Set([
 	"href",
 	"xlink:href",
 	"formaction",
@@ -2168,16 +2168,16 @@ var Lr = {
 	"background",
 	"poster"
 ]);
-function ni(e, t) {
+function ti(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 $r.has(i) ? !0 : t && i === "data" ? /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(n) : !1;
+	return Qr.has(i) ? !0 : t && i === "data" ? /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(n) : !1;
 }
-function ri(e) {
-	if (ei.has(e.tagName)) {
+function ni(e) {
+	if ($r.has(e.tagName)) {
 		e.remove();
 		return;
 	}
@@ -2189,29 +2189,29 @@ function ri(e) {
 			e.removeAttribute(n);
 			continue;
 		}
-		if (ti.has(t)) {
-			ni(e.getAttribute(n) ?? "", !1) || e.removeAttribute(n);
+		if (ei.has(t)) {
+			ti(e.getAttribute(n) ?? "", !1) || e.removeAttribute(n);
 			continue;
 		}
 		if (t === "src") {
-			ni(e.getAttribute(n) ?? "", !0) || e.removeAttribute(n);
+			ti(e.getAttribute(n) ?? "", !0) || e.removeAttribute(n);
 			continue;
 		}
 		t === "srcdoc" && e.removeAttribute(n);
 	}
 	let n = Array.from(e.children);
-	for (let e of n) ri(e);
+	for (let e of n) ni(e);
 }
-function ii(e) {
+function ri(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) ri(e);
+	for (let e of n) ni(e);
 	return t.innerHTML;
 }
 //#endregion
 //#region src/composables/useEditableTextBlock.ts
-function ai(e) {
-	let t = p(W, []), n = p(G, null), { syntax: r } = Y(), i = C(() => n?.value ? Se(e(), t) : De(e(), t)), a = C(() => ii(Ae(i.value, r))), o = v(!1), s = v(null), { top: c, left: l } = Ue(s), { toLocal: u } = At(), d = C(() => u({
+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
 	}));
@@ -2232,20 +2232,20 @@ function ai(e) {
 }
 //#endregion
 //#region src/components/blocks/ParagraphBlock.vue?vue&type=script&setup=true&lang.ts
-var oi = ["innerHTML"], si = /* @__PURE__ */ R({
+var ai = ["innerHTML"], oi = /* @__PURE__ */ R({
 	__name: "ParagraphBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = b(() => import("./ParagraphEditor-o4hs9mgy.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = ai(() => t.block.content);
+		let t = e, n = b(() => import("./ParagraphEditor-Cuc83Blj.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = ii(() => t.block.content);
 		return (t, u) => (l(), w("div", {
 			ref_key: "blockRef",
 			ref: i,
 			class: "tpl:min-h-[1em] tpl:w-full",
 			onDblclick: u[0] ||= (...e) => E(s) && E(s)(...e)
-		}, [E(r) ? (l(), k(E(n), {
+		}, [E(r) ? (l(), A(E(n), {
 			key: 0,
 			block: e.block,
 			"toolbar-position": E(a),
@@ -2258,54 +2258,54 @@ var oi = ["innerHTML"], si = /* @__PURE__ */ R({
 			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, oi))], 544));
+		}, null, 8, ai))], 544));
 	}
 });
 //#endregion
 //#region src/utils/blockComponentResolver.ts
-function ci(e) {
+function si(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 li(e, t, n) {
+function ci(e, t, n) {
 	if (t) {
 		let n = t.getComponent(e);
 		if (n) return n;
 	}
 	return n[e.type] ?? null;
 }
-function ui(e) {
+function li(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 di(e) {
+function ui(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 fi = [
+var di = [
 	"data-block-id",
 	"data-block-type",
 	"data-tpl-picked"
-], pi = ["aria-label"], mi = [
+], fi = ["aria-label"], pi = [
 	"aria-label",
 	"aria-pressed",
 	"title"
-], hi = ["aria-label", "title"], gi = ["aria-label", "title"], _i = ["aria-label", "title"], vi = {
+], mi = ["aria-label", "title"], hi = ["aria-label", "title"], gi = ["aria-label", "title"], _i = {
 	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"
-}, 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 = {
+}, 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 = {
 	key: 2,
 	class: "tpl:absolute tpl:-left-1 tpl:top-1/2 tpl:z-[5] tpl:-translate-x-full tpl:-translate-y-1/2"
-}, xi = ["aria-label", "title"], Si = {
+}, bi = ["aria-label", "title"], xi = {
 	key: 3,
 	class: "tpl:absolute tpl:-right-1 tpl:-top-1 tpl:z-[5] tpl:translate-x-full"
-}, Ci = ["aria-label"], wi = /*#__PURE__*/ Xt(/* @__PURE__ */ R({
+}, Si = ["aria-label"], Ci = /*#__PURE__*/ Xt(/* @__PURE__ */ R({
 	__name: "BlockWrapper",
 	props: {
 		block: {},
@@ -2317,7 +2317,7 @@ var fi = [
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = b(() => import("./BlockIssueBadge-dnqZk6pl.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 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);
 		async function h() {
 			await d(), u.value?.focus();
 		}
@@ -2343,31 +2343,31 @@ var fi = [
 		let _ = C(() => !i.viewport || !i.block.visibility ? !1 : i.block.visibility[i.viewport] === !1), y = C(() => i.previewMode === !0 && _.value), x = C(() => i.viewport ? {
 			desktop: o.viewport.desktop,
 			mobile: o.viewport.mobile
-		}[i.viewport] ?? i.viewport : ""), D = C(() => !!i.block.displayCondition), k = p(lt, null), A = 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 = ui(i.block), t = {
+		}[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 = {
 				padding: e.padding,
 				backgroundColor: e.backgroundColor
 			};
 			return e.borderRadius && (t.borderRadius = e.borderRadius), t;
-		}), te = C(() => di(i.block));
+		}), te = C(() => ui(i.block));
 		function ne(e) {
 			i.previewMode || (e.target?.closest("a") && e.preventDefault(), e.stopPropagation(), a("select"));
 		}
 		function re() {
-			k?.deleteBlock(i.block.id);
+			A?.deleteBlock(i.block.id);
 		}
 		function ie() {
-			k?.duplicateBlock(i.block);
+			A?.duplicateBlock(i.block);
 		}
 		function ae() {
 			N.savedBlocks?.startPicking(i.block.id);
 		}
 		function oe() {
-			A?.toggleBlock(i.block.id);
+			j?.toggleBlock(i.block.id);
 		}
 		return (t, i) => y.value ? T("", !0) : (l(), w("div", {
 			key: 0,
-			class: j(["tpl-block tpl:group tpl:relative tpl:cursor-pointer tpl:rounded-sm tpl:transition-shadow tpl:duration-150", {
+			class: F(["tpl-block tpl:group tpl:relative tpl:cursor-pointer tpl:rounded-sm tpl:transition-shadow tpl:duration-150", {
 				"tpl-block--selected": e.isSelected,
 				"tpl-block--picked": e.picked,
 				"tpl-block--idle": !e.isSelected && !e.picked,
@@ -2394,29 +2394,29 @@ var fi = [
 					"aria-keyshortcuts": "Space Enter ArrowUp ArrowDown Escape",
 					title: E(o).blockActions.drag,
 					onKeydown: g
-				}, [z(E(zt), {
+				}, [z(E(Bt), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 40, mi),
+				})], 40, pi),
 				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(Mt), {
+				}, [z(E(Nt), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, hi),
+				})], 8, mi),
 				ee.value ? (l(), w("button", {
 					key: 0,
 					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
 					"aria-label": E(o).blockActions.saveAsBlock,
 					title: E(o).blockActions.saveAsBlock,
 					onClick: O(ae, ["stop"])
-				}, [z(E(jt), {
+				}, [z(E(Mt), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, gi)) : T("", !0),
+				})], 8, hi)) : T("", !0),
 				M("button", {
 					class: "tpl-block-action-btn tpl-block-delete-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
 					"aria-label": E(o).blockActions.delete,
@@ -2425,13 +2425,13 @@ var fi = [
 				}, [z(E(Rt), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, _i)
-			], 8, pi)) : T("", !0),
-			_.value ? (l(), w("div", vi, [M("span", yi, [z(E(Pt), {
+				})], 8, gi)
+			], 8, fi)) : T("", !0),
+			_.value ? (l(), w("div", _i, [M("span", vi, [z(E(It), {
 				size: 12,
 				"stroke-width": 1.5
-			}), L(" " + S(E(s)(E(o).blockActions.hiddenOnViewport, { viewport: x.value })), 1)])])) : T("", !0),
-			D.value && !_.value ? (l(), w("div", bi, [M("button", {
+			}), L(" " + k(E(s)(E(o).blockActions.hiddenOnViewport, { viewport: x.value })), 1)])])) : T("", !0),
+			D.value && !_.value ? (l(), w("div", yi, [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,
@@ -2440,59 +2440,59 @@ var fi = [
 			}, [z(E(qt), {
 				size: 12,
 				"stroke-width": 2
-			})], 8, xi)])) : T("", !0),
-			R.value > 0 && !_.value ? (l(), w("div", Si, [M("button", {
+			})], 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(Vt), {
+			}, [z(E(Wt), {
 				size: 12,
 				"stroke-width": 2.5
-			}), L(" " + S(R.value), 1)], 8, Ci)])) : T("", !0),
+			}), L(" " + k(R.value), 1)], 8, Si)])) : T("", !0),
 			te.value ? (l(), w("div", {
 				key: 4,
 				class: "tpl-section-wrapper",
-				style: F(te.value)
+				style: S(te.value)
 			}, [M("div", {
 				class: "tpl-block-content",
-				style: F(B.value)
+				style: S(B.value)
 			}, [r(t.$slots, "default", {}, void 0, !0)], 4)], 4)) : (l(), w("div", {
 				key: 5,
 				class: "tpl-block-content",
-				style: F(B.value)
+				style: S(B.value)
 			}, [r(t.$slots, "default", {}, void 0, !0)], 4))
-		], 10, fi));
+		], 10, di));
 	}
 }), [["__scopeId", "data-v-8e4583ee"]]);
 //#endregion
 //#region src/utils/unwrapParagraph.ts
-function Ti(e) {
+function wi(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 Ei = /* @__PURE__ */ R({
+var Ti = /* @__PURE__ */ R({
 	__name: "TitleBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = b(() => import("./TitleEditor-LiUvXGPw.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: u } = ai(() => t.block.content), d = C(() => {
+		let t = e, n = b(() => import("./TitleEditor-DzYRr18C.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: u } = ii(() => t.block.content), d = C(() => {
 			let e = {
 				fontSize: `${te[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(() => Ti(o.value));
+		}), f = C(() => `h${t.block.level}`), p = C(() => wi(o.value));
 		return (t, o) => (l(), w("div", {
 			ref_key: "blockRef",
 			ref: i,
 			class: "tpl:min-h-[1em] tpl:w-full",
-			style: F(d.value),
+			style: S(d.value),
 			onDblclick: o[0] ||= (...e) => E(s) && E(s)(...e)
-		}, [E(r) ? (l(), k(E(n), {
+		}, [E(r) ? (l(), A(E(n), {
 			key: 0,
 			block: e.block,
 			"toolbar-position": E(a),
@@ -2501,7 +2501,7 @@ var Ei = /* @__PURE__ */ R({
 			"block",
 			"toolbar-position",
 			"onDone"
-		])) : (l(), k(c(f.value), {
+		])) : (l(), A(c(f.value), {
 			key: 1,
 			class: "tpl-text-content tpl:m-0 tpl:font-[inherit] tpl:text-[length:inherit] tpl:leading-tight tpl:outline-none [&_a]:tpl:underline [&_p]:tpl:m-0 [&_p]:tpl:mb-2 [&_p:last-child]:tpl:mb-0",
 			style: { color: "inherit" },
@@ -2511,16 +2511,16 @@ var Ei = /* @__PURE__ */ R({
 });
 //#endregion
 //#region src/utils/sectionColumnDrop.ts
-function Di(e) {
+function Ei(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 Oi = { class: "tpl:w-full" }, ki = {
+var Di = { class: "tpl:w-full" }, Oi = {
 	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)]"
-}, Ai = /* @__PURE__ */ R({
+}, ki = /* @__PURE__ */ R({
 	__name: "SectionBlock",
 	props: {
 		block: {},
@@ -2528,12 +2528,12 @@ var Oi = { class: "tpl:w-full" }, ki = {
 	},
 	setup(e) {
 		let t = {
-			title: Ei,
-			paragraph: si,
-			image: Jr,
-			button: Jn,
-			divider: Or,
-			custom: Er
+			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;
@@ -2569,7 +2569,7 @@ var Oi = { class: "tpl:w-full" }, ki = {
 			a[e] = r, i.updateBlock(n.block.id, { children: a });
 		}
 		function x(e) {
-			return li(e, s, t);
+			return ci(e, s, t);
 		}
 		function D(e, t) {
 			e.type === "custom" && i.updateBlock(e.id, {
@@ -2577,16 +2577,16 @@ var Oi = { class: "tpl:w-full" }, ki = {
 				dataSourceFetched: t.dataSourceFetched
 			});
 		}
-		return (t, n) => (l(), w("div", Oi, [M("div", { class: j(["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) => (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", {
 			key: n,
-			class: j(["tpl:relative tpl:min-h-[60px] tpl:rounded", y(n).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
-			style: F({ width: v.value ? "100%" : g.value[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),
 			group: {
 				name: "blocks",
 				pull: !0,
-				put: (e, t, n) => E(Di)(n)
+				put: (e, t, n) => E(Ei)(n)
 			},
 			animation: 150,
 			"ghost-class": "tpl-ghost",
@@ -2599,7 +2599,7 @@ var Oi = { class: "tpl:w-full" }, ki = {
 			class: "tpl:min-h-[60px]",
 			"onUpdate:modelValue": (e) => b(n, e)
 		}, {
-			default: h(() => [(l(!0), w(I, null, f(y(n), (t) => a((l(), w("div", { key: t.id }, [z(wi, {
+			default: h(() => [(l(!0), w(I, null, f(y(n), (t) => a((l(), w("div", { key: t.id }, [z(Ci, {
 				block: t,
 				"is-selected": E(i).state.selectedBlockId === t.id,
 				viewport: e.viewport,
@@ -2607,7 +2607,7 @@ var Oi = { class: "tpl:w-full" }, ki = {
 				nested: "",
 				onSelect: (e) => m(t.id)
 			}, {
-				default: h(() => [(l(), k(c(x(t)), {
+				default: h(() => [(l(), A(c(x(t)), {
 					block: t,
 					viewport: e.viewport,
 					onFetchData: (e) => D(t, e),
@@ -2631,13 +2631,13 @@ var Oi = { class: "tpl:w-full" }, ki = {
 			"model-value",
 			"group",
 			"onUpdate:modelValue"
-		]), y(n).length === 0 ? (l(), w("div", ki, [M("span", null, S(E(r).section.dropHere), 1)])) : T("", !0)], 6))), 128))], 2)]));
+		]), y(n).length === 0 ? (l(), w("div", Oi, [M("span", null, k(E(r).section.dropHere), 1)])) : T("", !0)], 6))), 128))], 2)]));
 	}
-}), ji = pe, Mi = {
+}), Ai = pe, ji = {
 	small: 24,
 	medium: 32,
 	large: 48
-}, Ni = [
+}, Mi = [
 	"facebook",
 	"twitter",
 	"instagram",
@@ -2655,11 +2655,11 @@ var Oi = { class: "tpl:w-full" }, ki = {
 	"github",
 	"dribbble",
 	"behance"
-], Pi = [
+], Ni = [
 	"width",
 	"height",
 	"fill"
-], Fi = ["d"], Ii = /* @__PURE__ */ R({
+], Pi = ["d"], Fi = /* @__PURE__ */ R({
 	__name: "SocialIconSvg",
 	props: {
 		platform: {},
@@ -2667,7 +2667,7 @@ var Oi = { class: "tpl:w-full" }, ki = {
 		iconSize: {}
 	},
 	setup(e) {
-		let t = e, n = C(() => ji[t.platform]), r = C(() => Mi[t.iconSize]), i = C(() => {
+		let t = e, n = C(() => Ai[t.platform]), r = C(() => ji[t.iconSize]), i = C(() => {
 			let e = {
 				display: "inline-flex",
 				alignItems: "center",
@@ -2705,18 +2705,18 @@ var Oi = { class: "tpl:w-full" }, ki = {
 				default: return e;
 			}
 		}), a = C(() => Math.floor(r.value * .6)), o = C(() => t.iconStyle === "outlined" ? n.value.color : "#ffffff");
-		return (e, t) => (l(), w("span", { style: F(i.value) }, [(l(), w("svg", {
+		return (e, t) => (l(), w("span", { style: S(i.value) }, [(l(), w("svg", {
 			width: a.value,
 			height: a.value,
 			viewBox: "0 0 24 24",
 			fill: o.value,
 			xmlns: "http://www.w3.org/2000/svg"
-		}, [M("path", { d: n.value.path }, null, 8, Fi)], 8, Pi))], 4));
+		}, [M("path", { d: n.value.path }, null, 8, Pi)], 8, Ni))], 4));
 	}
-}), Li = { class: "tpl:w-full" }, Ri = ["href"], zi = {
+}), Ii = { class: "tpl:w-full" }, Li = ["href"], Ri = {
 	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)]"
-}, Bi = /* @__PURE__ */ R({
+}, zi = /* @__PURE__ */ R({
 	__name: "SocialIconsBlock",
 	props: {
 		block: {},
@@ -2729,15 +2729,15 @@ var Oi = { class: "tpl:w-full" }, ki = {
 			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", Li, [i.value ? (l(), w("div", {
+		return (t, a) => (l(), w("div", Ii, [i.value ? (l(), w("div", {
 			key: 0,
-			style: F(r.value)
+			style: S(r.value)
 		}, [(l(!0), w(I, null, f(e.block.icons, (t) => (l(), w("a", {
 			key: t.id,
 			href: t.url || "#",
 			class: "tpl:cursor-default",
 			onClick: a[0] ||= O(() => {}, ["prevent"])
-		}, [z(Ii, {
+		}, [z(Fi, {
 			platform: t.platform,
 			"icon-style": e.block.iconStyle,
 			"icon-size": e.block.iconSize
@@ -2745,16 +2745,16 @@ var Oi = { class: "tpl:w-full" }, ki = {
 			"platform",
 			"icon-style",
 			"icon-size"
-		])], 8, Ri))), 128))], 4)) : (l(), w("div", zi, [z(E(Bt), { size: 16 }), M("span", null, S(E(n).social.addIcons), 1)]))]));
+		])], 8, Li))), 128))], 4)) : (l(), w("div", Ri, [z(E(jt), { size: 16 }), M("span", null, k(E(n).social.addIcons), 1)]))]));
 	}
-}), Vi = { class: "tpl:w-full" }, Hi = {
+}), Bi = { class: "tpl:w-full" }, Vi = {
 	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)"
 	}
-}, Ui = /* @__PURE__ */ R({
+}, Hi = /* @__PURE__ */ R({
 	__name: "SpacerBlock",
 	props: {
 		block: {},
@@ -2766,23 +2766,23 @@ var Oi = { class: "tpl:w-full" }, ki = {
 			minHeight: `${t.block.height}px`,
 			...n.state.previewMode ? {} : { borderColor: "var(--tpl-border)" }
 		}));
-		return (t, i) => (l(), w("div", Vi, [M("div", {
-			style: F(r.value),
-			class: j(["tpl:relative tpl:flex tpl:items-center tpl:justify-center", { "tpl:border-y tpl:border-dashed": !E(n).state.previewMode }])
-		}, [E(n).state.previewMode ? T("", !0) : (l(), w("span", Hi, S(e.block.height) + "px ", 1))], 6)]));
+		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)]));
 	}
-}), Wi = { class: "tpl:w-full" }, Gi = { key: 0 }, Ki = [
+}), Ui = { class: "tpl:w-full" }, Wi = { key: 0 }, Gi = [
 	"aria-label",
 	"data-placeholder",
 	"onBlur"
-], qi = [
+], Ki = [
 	"aria-label",
 	"data-placeholder",
 	"onBlur"
-], Ji = {
+], qi = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
-}, Yi = /*#__PURE__*/ Xt(/* @__PURE__ */ R({
+}, Ji = /*#__PURE__*/ Xt(/* @__PURE__ */ R({
 	__name: "TableBlock",
 	props: {
 		block: {},
@@ -2827,38 +2827,38 @@ var Oi = { class: "tpl:w-full" }, ki = {
 			} : n);
 			i.updateBlock(n.block.id, { rows: o });
 		}
-		return (e, n) => (l(), w("div", Wi, [o.value ? (l(), w("table", {
+		return (e, n) => (l(), w("div", Ui, [o.value ? (l(), w("table", {
 			key: 0,
-			style: F(s.value),
+			style: S(s.value),
 			class: "tpl-table-editable"
-		}, [d.value ? (l(), w("thead", Gi, [M("tr", null, [(l(!0), w(I, null, f(d.value.cells, (e) => a((l(), w("th", {
+		}, [d.value ? (l(), w("thead", Wi, [M("tr", null, [(l(!0), w(I, null, f(d.value.cells, (e) => a((l(), w("th", {
 			key: e.id,
-			style: F(u.value),
+			style: S(u.value),
 			"aria-label": E(r).table.cellPlaceholder,
 			contenteditable: "true",
 			"data-placeholder": E(r).table.cellPlaceholder,
 			onBlur: (t) => h(d.value.id, e.id, t),
 			onKeydown: n[0] ||= x(O((e) => e.target.blur(), ["prevent"]), ["enter"]),
 			onClick: O(m, ["stop"])
-		}, null, 44, Ki)), [[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", {
+		}, 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: F(c.value),
+			style: S(c.value),
 			"aria-label": E(r).table.cellPlaceholder,
 			contenteditable: "true",
 			"data-placeholder": E(r).table.cellPlaceholder,
 			onBlur: (t) => h(e.id, i.id, t),
 			onKeydown: n[1] ||= x(O((e) => e.target.blur(), ["prevent"]), ["enter"]),
 			onClick: O(m, ["stop"])
-		}, null, 44, qi)), [[t, i.content]])), 128))]))), 128))])], 4)) : (l(), w("div", Ji, [z(E(Kt), { size: 16 }), M("span", null, S(E(r).table.empty), 1)]))]));
+		}, 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)]))]));
 	}
-}), [["__scopeId", "data-v-963ac422"]]), Xi = /* @__PURE__ */ R({
+}), [["__scopeId", "data-v-963ac422"]]), Yi = /* @__PURE__ */ R({
 	__name: "VideoPlayButton",
 	props: { hoverEffect: {
 		type: Boolean,
 		default: !1
 	} },
 	setup(e) {
-		return (t, n) => (l(), w("div", { class: j(["tpl:absolute tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center tpl:bg-black/30", e.hoverEffect && "tpl:transition-opacity tpl:group-hover:bg-black/40"]) }, [...n[0] ||= [M("div", { class: "tpl:flex tpl:size-16 tpl:items-center tpl:justify-center tpl:rounded-full tpl:bg-white/90 tpl:shadow-lg" }, [M("svg", {
+		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", {
 			class: "tpl:ml-1 tpl:text-[var(--tpl-danger)]",
 			width: "28",
 			height: "28",
@@ -2869,7 +2869,7 @@ var Oi = { class: "tpl:w-full" }, ki = {
 });
 //#endregion
 //#region src/utils/videoThumbnail.ts
-function Zi(e) {
+function Xi(e) {
 	if (!e) return {
 		platform: "unknown",
 		videoId: null,
@@ -2901,25 +2901,25 @@ function Zi(e) {
 		thumbnailUrl: null
 	};
 }
-function Qi(e, t) {
-	return t || Zi(e).thumbnailUrl;
+function Zi(e, t) {
+	return t || Xi(e).thumbnailUrl;
 }
 //#endregion
 //#region src/components/blocks/VideoBlock.vue?vue&type=script&setup=true&lang.ts
-var $i = ["src", "alt"], ea = {
+var Qi = ["src", "alt"], $i = {
 	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" }
-}, ta = ["href"], na = ["src", "alt"], ra = ["src", "alt"], ia = {
+}, ea = ["href"], ta = ["src", "alt"], na = ["src", "alt"], ra = {
 	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)]"
-}, aa = /* @__PURE__ */ R({
+}, ia = /* @__PURE__ */ R({
 	__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 : Qi(t.block.url)), c = C(() => ({ textAlign: t.block.align })), u = C(() => {
+		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 e = t.block.align;
 			return {
 				maxWidth: "100%",
@@ -2931,66 +2931,66 @@ var $i = ["src", "alt"], ea = {
 		}), d = C(() => H(t.block.url, r) ? t.block.url : t.block.thumbnailUrl);
 		return (t, r) => (l(), w("div", {
 			class: "tpl:w-full",
-			style: F(c.value)
+			style: S(c.value)
 		}, [i.value && e.block.placeholderUrl ? (l(), w("div", {
 			key: 0,
 			class: "tpl:relative tpl:inline-block",
-			style: F(u.value)
+			style: S(u.value)
 		}, [M("img", {
 			class: "tpl:w-full tpl:border-0",
 			src: E(o),
 			alt: e.block.alt
-		}, null, 8, $i), z(Xi)], 4)) : i.value ? (l(), w("div", {
+		}, null, 8, Qi), z(Yi)], 4)) : i.value ? (l(), w("div", {
 			key: 1,
 			class: "tpl:relative tpl:!flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]",
-			style: F([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, u.value])
+			style: S([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, u.value])
 		}, [z(E(Ht), {
 			size: 36,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-primary)]",
 			style: { opacity: "0.5" }
-		}), M("span", ea, [z(Gn, { text: d.value }, null, 8, ["text"])])], 4)) : s.value ? (l(), w(I, { key: 2 }, [e.block.url ? (l(), w("a", {
+		}), 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", {
 			key: 0,
 			href: e.block.url,
 			target: "_blank",
 			rel: "noopener noreferrer",
 			class: "tpl:group tpl:relative tpl:inline-block",
-			style: F(u.value),
+			style: S(u.value),
 			onClick: r[0] ||= O(() => {}, ["prevent"])
 		}, [M("img", {
 			class: "tpl:w-full tpl:border-0",
 			src: s.value,
 			alt: e.block.alt
-		}, null, 8, na), z(Xi, { "hover-effect": "" })], 12, ta)) : (l(), w("div", {
+		}, null, 8, ta), z(Yi, { "hover-effect": "" })], 12, ea)) : (l(), w("div", {
 			key: 1,
 			class: "tpl:relative tpl:inline-block",
-			style: F(u.value)
+			style: S(u.value)
 		}, [M("img", {
 			class: "tpl:w-full tpl:border-0",
 			src: s.value,
 			alt: e.block.alt
-		}, null, 8, ra), z(Xi)], 4))], 64)) : (l(), w("div", ia, [z(E(Ht), {
+		}, null, 8, na), z(Yi)], 4))], 64)) : (l(), w("div", ra, [z(E(Ht), {
 			size: 40,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-border-light)]"
-		}), M("span", null, S(E(n).video.addVideo), 1)]))], 4));
-	}
-}), oa = {
-	section: Ai,
-	title: Ei,
-	paragraph: si,
-	image: Jr,
-	button: Jn,
-	divider: Or,
-	video: aa,
-	social: Bi,
-	menu: Qr,
-	table: Yi,
-	spacer: Ui,
-	html: Pr,
-	countdown: b(() => import("./CountdownBlock-D2Oth7YY.js"))
+		}), 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"))
 };
-function sa(e) {
+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({
@@ -3027,11 +3027,11 @@ function sa(e) {
 		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, oa);
+	In(x, aa);
 	let S = /* @__PURE__ */ new Set();
 	function w(e) {
 		for (let t of e) {
-			x.registerCustom(t, Er);
+			x.registerCustom(t, Tr);
 			for (let e of Vn(t, b)) S.has(e.id) || (S.add(e.id), $.warn(e.message));
 		}
 	}
@@ -3107,6 +3107,6 @@ function sa(e) {
 	};
 }
 //#endregion
-export { Bn as A, cr as C, er as D, tr as E, pn as F, dn as I, ln as L, wn as M, Cn as N, Zn as O, _n as P, $t 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, $ as j, Jn 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 };
+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 };
 
-//# sourceMappingURL=useEditorCore-CTYH6u4r.js.map
+//# sourceMappingURL=useEditorCore-C_nUXiph.js.map