@templatical/editor 0.5.1 → 0.6.1

package/dist/cdn/chunks/{dist-MGrg9tLo.js → renderer-DM2gdPmx.js}

@@ -1,6 +1,7 @@
-import { An as e, Cn as t, Dn as n, En as r, Mn as i, On as a, Sn as o, Tn as s, bn as c, jn as l, kn as u, wn as d, xn as f, yn as p } from "./features-BnG-dhzy.js";
-//#region ../renderer/dist/index.js
-var m = {
+import { r as e } from "./rolldown-runtime-BNuo_Jkg.js";
+import { An as t, Cn as n, Dn as r, En as i, Mn as a, Nn as o, On as s, Pn as c, Sn as l, Tn as u, jn as d, kn as f, wn as p, xn as m } from "./features-BdkV7kQP.js";
+//#region ../renderer/src/render-context.ts
+var h = {
 	arial: "Arial, sans-serif",
 	helvetica: "Helvetica, sans-serif",
 	georgia: "Georgia, serif",
@@ -9,15 +10,10 @@ var m = {
 	"trebuchet ms": "'Trebuchet MS', sans-serif",
 	"courier new": "'Courier New', monospace",
 	tahoma: "Tahoma, sans-serif"
-}, h = class e {
+}, g = class e {
 	constructor(e, t, n, r, i = /* @__PURE__ */ new Map()) {
 		this.containerWidth = e, this.customFonts = t, this.defaultFallbackFont = n, this.allowHtmlBlocks = r, this.customBlockHtml = i;
 	}
-	containerWidth;
-	customFonts;
-	defaultFallbackFont;
-	allowHtmlBlocks;
-	customBlockHtml;
 	withContainerWidth(t) {
 		return new e(t, this.customFonts, this.defaultFallbackFont, this.allowHtmlBlocks, this.customBlockHtml);
 	}
@@ -26,89 +22,105 @@ var m = {
 			let e = t.fallback ?? this.defaultFallbackFont;
 			return `'${t.name}', ${e}`;
 		}
-		return m[e.toLowerCase()] || e;
+		return h[e.toLowerCase()] || e;
 	}
-}, g = {
+}, _ = {
 	"&": "&",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;",
 	"'": "&#039;"
-}, _ = /[&<>"']/g;
-function v(e) {
-	return e === "" ? "" : e.replace(_, (e) => g[e] ?? e);
-}
+}, v = /[&<>"']/g;
 function y(e) {
-	return e === "" ? "" : e.replace(_, (e) => g[e] ?? e);
+	return e === "" ? "" : e.replace(v, (e) => _[e] ?? e);
 }
 function b(e) {
-	return e === "" ? "" : y(e).replace(/[;{}\r\n]/g, "");
+	return e === "" ? "" : e.replace(v, (e) => _[e] ?? e);
 }
 function x(e) {
+	return e === "" ? "" : b(e).replace(/[;{}\r\n]/g, "");
+}
+function S(e) {
 	if (e === "") return "";
 	let t = e.replace(/<span[^>]*\bdata-merge-tag="([^"]*)"[^>]*>.*?<\/span>/gs, "$1");
 	return t = t.replace(/<span[^>]*\bdata-logic-merge-tag="([^"]*)"[^>]*>.*?<\/span>/gs, "$1"), t;
 }
-function S(e) {
+//#endregion
+//#region ../renderer/src/padding.ts
+function C(e) {
 	return `${e.top}px ${e.right}px ${e.bottom}px ${e.left}px`;
 }
-function C(e, t) {
+//#endregion
+//#region ../renderer/src/utils.ts
+function w(e, t) {
 	return e ? ` ${t === "native" ? "background-color" : "container-background-color"}="${e}"` : "";
 }
-function w(e) {
+//#endregion
+//#region ../renderer/src/visibility.ts
+function T(e) {
 	let t = e.visibility;
 	return t ? !t.desktop && !t.tablet && !t.mobile : !1;
 }
-function T(e) {
-	let t = E(e);
+function E(e) {
+	let t = D(e);
 	return t === "" ? "" : ` css-class="${t}"`;
 }
-function E(e) {
+function D(e) {
 	let t = e.visibility;
 	if (!t) return "";
 	let n = [];
 	return t.desktop || n.push("tpl-hide-desktop"), t.tablet || n.push("tpl-hide-tablet"), t.mobile || n.push("tpl-hide-mobile"), n.join(" ");
 }
-function D(e, t) {
-	if (w(e)) return "";
-	let n = S(e.styles.padding), r = C(e.styles.backgroundColor, "container"), a = O(x(e.content)), o = i[e.level] ?? i[2], s = e.color, c = e.textAlign, l = k(e.fontFamily, t), u = T(e), d = `h${i[e.level] ? e.level : 2}`;
+//#endregion
+//#region ../renderer/src/renderers/title.ts
+function O(e, t) {
+	if (T(e)) return "";
+	let n = C(e.styles.padding), r = w(e.styles.backgroundColor, "container"), i = k(S(e.content)), a = c[e.level] ?? c[2], o = e.color, s = e.textAlign, l = ee(e.fontFamily, t), u = E(e), d = `h${c[e.level] ? e.level : 2}`;
 	return `<mj-text
-  font-size="${o}px"
-  color="${s}"
-  align="${c}"
+  font-size="${a}px"
+  color="${o}"
+  align="${s}"
   line-height="1.3"
   padding="${n}"${r}${l}${u}
-><${d} style="margin:0;font-size:inherit;color:inherit;line-height:inherit">${a}</${d}></mj-text>`;
+><${d} style="margin:0;font-size:inherit;color:inherit;line-height:inherit">${i}</${d}></mj-text>`;
 }
-function O(e) {
+function k(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];
 }
-function k(e, t) {
+function ee(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
-function A(e, t) {
-	if (w(e) || e.content.replace(/<\/?p[^>]*>/gi, "").trim() === "") return "";
-	let n = S(e.styles.padding), r = C(e.styles.backgroundColor, "container"), i = x(e.content);
+//#endregion
+//#region ../renderer/src/renderers/paragraph.ts
+function te(e, t) {
+	if (T(e) || e.content.replace(/<\/?p[^>]*>/gi, "").trim() === "") return "";
+	let n = C(e.styles.padding), r = w(e.styles.backgroundColor, "container"), i = S(e.content);
 	return `<mj-text
   line-height="1.5"
-  padding="${n}"${r}${T(e)}
+  padding="${n}"${r}${E(e)}
 >${i}</mj-text>`;
 }
-function ee(e, t) {
-	if (w(e) || e.src === "") return "";
-	let n = S(e.styles.padding), r = C(e.styles.backgroundColor, "container"), i = e.width === "full" ? t.containerWidth + "px" : e.width + "px", a = T(e), o = "";
-	return e.linkUrl && (o = ` href="${y(e.linkUrl)}"`, e.linkOpenInNewTab && (o += " target=\"_blank\" rel=\"noopener\"")), `<mj-image
-  src="${y(e.src)}"
-  alt="${y(e.alt)}"
+//#endregion
+//#region ../renderer/src/renderers/image.ts
+function ne(e, t) {
+	if (T(e) || e.src === "") return "";
+	let n = C(e.styles.padding), r = w(e.styles.backgroundColor, "container"), i = e.width === "full" ? t.containerWidth + "px" : e.width + "px", a = E(e), o = "";
+	e.linkUrl && (o = ` href="${b(e.linkUrl)}"`, e.linkOpenInNewTab && (o += " target=\"_blank\" rel=\"noopener\""));
+	let s = b(e.src), c = e.decorative === !0;
+	return `<mj-image
+  src="${s}"
+  alt="${c ? "" : b(e.alt)}"
   width="${i}"
   align="${e.align}"
-  padding="${n}"${r}${o}${a}
+  padding="${n}"${r}${o}${a}${c ? " role=\"presentation\"" : ""}
 />`;
 }
-function te(e, t) {
-	if (w(e)) return "";
-	let n = S(e.styles.padding), r = C(e.styles.backgroundColor, "container"), i = S(e.buttonPadding), a = e.url === "" ? "" : y(e.url), o = a === "" ? "" : ` href="${a}"`, s = y(e.backgroundColor), c = y(e.textColor), l = e.fontSize, u = e.borderRadius, d = v(e.text);
+//#endregion
+//#region ../renderer/src/renderers/button.ts
+function re(e, t) {
+	if (T(e)) return "";
+	let n = C(e.styles.padding), r = w(e.styles.backgroundColor, "container"), i = C(e.buttonPadding), a = e.url === "" ? "" : b(e.url), o = a === "" ? "" : ` href="${a}"`, s = b(e.backgroundColor), c = b(e.textColor), l = e.fontSize, u = e.borderRadius, d = y(e.text);
 	return `<mj-button${o}${e.openInNewTab ? " target=\"_blank\" rel=\"noopener\"" : ""}
   background-color="${s}"
   color="${c}"
@@ -116,34 +128,42 @@ function te(e, t) {
   font-weight="bold"
   border-radius="${u}px"
   inner-padding="${i}"
-  padding="${n}"${r}${ne(e.fontFamily, t)}${T(e)}
+  padding="${n}"${r}${A(e.fontFamily, t)}${E(e)}
 >${d}</mj-button>`;
 }
-function ne(e, t) {
+function A(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
-function re(e, t) {
-	if (w(e)) return "";
-	let n = S(e.styles.padding), r = e.styles.backgroundColor ? ` container-background-color="${e.styles.backgroundColor}"` : "", i = e.width === "full" ? "100%" : e.width + "px";
+//#endregion
+//#region ../renderer/src/renderers/divider.ts
+function j(e, t) {
+	if (T(e)) return "";
+	let n = C(e.styles.padding), r = e.styles.backgroundColor ? ` container-background-color="${e.styles.backgroundColor}"` : "", i = e.width === "full" ? "100%" : e.width + "px";
 	return `<mj-divider
   border-width="${e.thickness}px"
   border-style="${e.lineStyle}"
   border-color="${e.color}"
   width="${i}"
-  padding="${n}"${r}${T(e)}
+  padding="${n}"${r}${E(e)}
 />`;
 }
-function j(e, t) {
-	return w(e) ? "" : `<mj-spacer height="${e.height}px" padding="0"${e.styles.backgroundColor ? ` container-background-color="${e.styles.backgroundColor}"` : ""}${T(e)} />`;
-}
+//#endregion
+//#region ../renderer/src/renderers/spacer.ts
 function M(e, t) {
-	if (w(e) || !t.allowHtmlBlocks) return "";
+	return T(e) ? "" : `<mj-spacer height="${e.height}px" padding="0"${e.styles.backgroundColor ? ` container-background-color="${e.styles.backgroundColor}"` : ""}${E(e)} />`;
+}
+//#endregion
+//#region ../renderer/src/renderers/html.ts
+function N(e, t) {
+	if (T(e) || !t.allowHtmlBlocks) return "";
 	let n = e.content;
-	return n === "" ? "" : `<mj-text${T(e)}>
+	return n === "" ? "" : `<mj-text${E(e)}>
 ${n}
 </mj-text>`;
 }
-var N = {
+//#endregion
+//#region ../renderer/src/social-icons.ts
+var P = {
 	facebook: {
 		path: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z",
 		color: "#1877F2"
@@ -209,8 +229,8 @@ var N = {
 		color: "#1769FF"
 	}
 };
-function P(e, t, n) {
-	let r = N[e], i = r?.path ?? "", a = r?.color ?? "#6B7280";
+function F(e, t, n) {
+	let r = P[e], i = r?.path ?? "", a = r?.color ?? "#6B7280";
 	if (i === "") return "";
 	let o = t === "outlined" ? a : "#ffffff", s;
 	switch (t) {
@@ -233,11 +253,13 @@ function P(e, t, n) {
 	let c = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${n}" height="${n}">` + s + `<g transform="translate(4.8, 4.8) scale(0.6)"><path d="${i}" fill="${o}"/></g></svg>`;
 	return "data:image/svg+xml;base64," + btoa(c);
 }
-function F(e, t) {
-	if (w(e)) return "";
+//#endregion
+//#region ../renderer/src/renderers/social.ts
+function I(e, t) {
+	if (T(e)) return "";
 	let n = e.icons;
 	if (n.length === 0) return "";
-	let r = S(e.styles.padding), i = e.styles.backgroundColor ? ` container-background-color="${e.styles.backgroundColor}"` : "", a = T(e), o = e.align, s = e.iconSize, c = e.iconStyle, l = e.spacing, u;
+	let r = C(e.styles.padding), i = e.styles.backgroundColor ? ` container-background-color="${e.styles.backgroundColor}"` : "", a = E(e), o = e.align, s = e.iconSize, c = e.iconStyle, l = e.spacing, u;
 	switch (s) {
 		case "small":
 			u = 24;
@@ -272,76 +294,84 @@ function F(e, t) {
   padding="${r}"${i}${a}
 >
 ${n.map((e, t) => {
-		let n = e.platform, r = y(e.url), i = P(n, c, u), a = t === f - 1 ? 0 : l;
+		let n = e.platform, r = b(e.url), i = F(n, c, u), a = t === f - 1 ? 0 : l;
 		return `<mj-social-element src="${i}" href="${r}" icon-size="${u}px" padding="0 ${a}px 0 0" border-radius="${d}" background-color="transparent"></mj-social-element>`;
 	}).join("\n")}
 </mj-social>`;
 }
-function I(e, t) {
-	if (w(e) || e.items.length === 0) return "";
-	let n = S(e.styles.padding), r = C(e.styles.backgroundColor, "container"), i = T(e), a = z(e.fontFamily, t);
+//#endregion
+//#region ../renderer/src/renderers/menu.ts
+function L(e, t) {
+	if (T(e) || e.items.length === 0) return "";
+	let n = C(e.styles.padding), r = w(e.styles.backgroundColor, "container"), i = E(e), a = B(e.fontFamily, t);
 	return `<mj-text
   font-size="${e.fontSize}px"
   color="${e.color}"
   align="${e.textAlign}"
   line-height="1.5"
   padding="${n}"${r}${a}${i}
->${L(e)}</mj-text>`;
+>${R(e)}</mj-text>`;
 }
-function L(e) {
-	let t = e.items, n = v(e.separator), r = b(e.separatorColor), i = e.spacing, a = e.linkColor ?? e.color, o = [], s = t.length;
-	for (let e = 0; e < s; e++) o.push(R(t[e], a)), e < s - 1 && o.push(`<span style="color: ${r}; padding: 0 ${i}px;">${n}</span>`);
+function R(e) {
+	let t = e.items, n = y(e.separator), r = x(e.separatorColor), i = e.spacing, a = e.linkColor ?? e.color, o = [], s = t.length;
+	for (let e = 0; e < s; e++) o.push(z(t[e], a)), e < s - 1 && o.push(`<span style="color: ${r}; padding: 0 ${i}px;">${n}</span>`);
 	return o.join("");
 }
-function R(e, t) {
-	let n = v(e.text), r = y(e.url), i = b(e.color ?? t), a = e.openInNewTab ? " target=\"_blank\" rel=\"noopener\"" : "", o = [`color: ${i}`, "text-decoration: none"];
+function z(e, t) {
+	let n = y(e.text), r = b(e.url), i = x(e.color ?? t), a = e.openInNewTab ? " target=\"_blank\" rel=\"noopener\"" : "", o = [`color: ${i}`, "text-decoration: none"];
 	return e.bold && o.push("font-weight: bold"), e.underline && o.push("text-decoration: underline"), `<a href="${r}" style="${o.join("; ")}"${a}>${n}</a>`;
 }
-function z(e, t) {
+function B(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
-function B(e, t) {
-	if (w(e) || e.rows.length === 0) return "";
-	let n = S(e.styles.padding), r = C(e.styles.backgroundColor, "container"), i = T(e), a = W(e.fontFamily, t);
+//#endregion
+//#region ../renderer/src/renderers/table.ts
+function V(e, t) {
+	if (T(e) || e.rows.length === 0) return "";
+	let n = C(e.styles.padding), r = w(e.styles.backgroundColor, "container"), i = E(e), a = G(e.fontFamily, t);
 	return `<mj-text
   font-size="${e.fontSize}px"
   color="${e.color}"
   align="${e.textAlign}"
   line-height="1.5"
   padding="${n}"${r}${a}${i}
->${V(e)}</mj-text>`;
+>${H(e)}</mj-text>`;
 }
-function V(e) {
-	let t = b(e.borderColor), n = e.borderWidth, r = "";
+function H(e) {
+	let t = x(e.borderColor), n = e.borderWidth, r = "";
 	for (let i = 0; i < e.rows.length; i++) {
 		let a = e.rows[i];
-		r += H(a, e, e.hasHeaderRow && i === 0, t, n);
+		r += U(a, e, e.hasHeaderRow && i === 0, t, n);
 	}
 	return `<table style="width: 100%; border-collapse: collapse;">${r}</table>`;
 }
-function H(e, t, n, r, i) {
+function U(e, t, n, r, i) {
 	let a = "";
-	for (let o of e.cells) a += U(o, t, n, r, i);
+	for (let o of e.cells) a += W(o, t, n, r, i);
 	return `<tr>${a}</tr>`;
 }
-function U(e, t, n, r, i) {
+function W(e, t, n, r, i) {
 	let a = t.cellPadding, o = [`border: ${i}px solid ${r}`, `padding: ${a}px`];
-	n && (o.push("font-weight: bold"), t.headerBackgroundColor && o.push(`background-color: ${b(t.headerBackgroundColor)}`));
-	let s = o.join("; "), c = x(e.content), l = n ? "th" : "td";
+	n && (o.push("font-weight: bold"), t.headerBackgroundColor && o.push(`background-color: ${x(t.headerBackgroundColor)}`));
+	let s = o.join("; "), c = S(e.content), l = n ? "th" : "td";
 	return `<${l} style="${s}">${c}</${l}>`;
 }
-function W(e, t) {
+function G(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
-function G(e, t) {
-	if (w(e)) return "";
+//#endregion
+//#region ../renderer/src/renderers/custom.ts
+function ie(e, t) {
+	if (T(e)) return "";
 	let n = t.customBlockHtml.get(e.id) ?? e.renderedHtml;
 	if (!n || n === "") return "";
-	let r = T(e);
-	return `<mj-text${C(e.styles?.backgroundColor, "container")}${r}>
+	let r = E(e);
+	return `<mj-text${w(e.styles?.backgroundColor, "container")}${r}>
 ${n}
 </mj-text>`;
 }
+//#endregion
+//#region ../renderer/src/columns.ts
 function K(e) {
 	switch (e) {
 		case "2": return ["50%", "50%"];
@@ -368,23 +398,27 @@ function q(e, t) {
 		default: return [t];
 	}
 }
+//#endregion
+//#region ../renderer/src/renderers/section.ts
 function J(e, t, n) {
-	if (w(e)) return "";
-	let i = e.columns, a = K(i), o = q(i, t.containerWidth), s = S(e.styles.padding), c = C(e.styles.backgroundColor, "native"), l = T(e), u = e.children, d = [];
+	if (T(e)) return "";
+	let r = e.columns, i = K(r), a = q(r, t.containerWidth), o = C(e.styles.padding), c = w(e.styles.backgroundColor, "native"), l = E(e), u = e.children, d = [];
 	for (let e = 0; e < u.length; e++) {
-		let i = u[e], s = a[e] ?? "100%", c = Math.floor(o[e] ?? t.containerWidth), l = Y(i, t.allowHtmlBlocks).filter((e) => !r(e)), f = t.withContainerWidth(c), p = l.map((e) => n(e, f)).filter((e) => e !== "").join("\n");
-		d.push(`<mj-column width="${s}">
+		let r = u[e], o = i[e] ?? "100%", c = Math.floor(a[e] ?? t.containerWidth), l = Y(r, t.allowHtmlBlocks).filter((e) => !s(e)), f = t.withContainerWidth(c), p = l.map((e) => n(e, f)).filter((e) => e !== "").join("\n");
+		d.push(`<mj-column width="${o}">
 ${p === "" ? "<mj-text>&nbsp;</mj-text>" : p}
 </mj-column>`);
 	}
-	return `<mj-section${c} padding="${s}"${l}>
+	return `<mj-section${c} padding="${o}"${l}>
 ${d.join("\n")}
 </mj-section>`;
 }
 function Y(e, t) {
 	return t ? e : e.filter((e) => e.type !== "html");
 }
-function ie(e, t) {
+//#endregion
+//#region ../renderer/src/renderers/video.ts
+function ae(e, t) {
 	if (t) return t;
 	if (!e) return null;
 	for (let t of [/(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([a-zA-Z0-9_-]{11})/, /youtube\.com\/shorts\/([a-zA-Z0-9_-]{11})/]) {
@@ -394,29 +428,49 @@ function ie(e, t) {
 	let n = e.match(/vimeo\.com\/(?:video\/)?(\d+)/);
 	return n ? `https://vumbnail.com/${n[1]}.jpg` : null;
 }
-function ae(e, t) {
-	if (w(e)) return "";
-	let n = ie(e.url, e.thumbnailUrl);
+function oe(e, t) {
+	if (T(e)) return "";
+	let n = ae(e.url, e.thumbnailUrl);
 	if (!n) return "";
-	let r = S(e.styles.padding), i = C(e.styles.backgroundColor, "container"), a = e.width === "full" ? t.containerWidth + "px" : e.width + "px", o = T(e);
+	let r = C(e.styles.padding), i = w(e.styles.backgroundColor, "container"), a = e.width === "full" ? t.containerWidth + "px" : e.width + "px", o = E(e);
 	return `<mj-image
-  src="${y(n)}"
-  alt="${y(e.alt)}"
+  src="${b(n)}"
+  alt="${b(e.alt)}"
   width="${a}"
   align="${e.align}"
   padding="${r}"
-  href="${y(e.url)}"
+  href="${b(e.url)}"
   target="_blank"
   rel="noopener"${i}${o}
 />`;
 }
-function X(i, m) {
-	return r(i) ? J(i, m, X) : e(i) ? D(i, m) : s(i) ? A(i, m) : t(i) ? ee(i, m) : p(i) ? te(i, m) : f(i) ? re(i, m) : a(i) ? j(i, m) : o(i) ? M(i, m) : n(i) ? F(i, m) : d(i) ? I(i, m) : u(i) ? B(i, m) : l(i) ? ae(i, m) : c(i) ? G(i, m) : "";
+//#endregion
+//#region ../renderer/src/renderers/index.ts
+function X(e, c) {
+	return s(e) ? J(e, c, X) : a(e) ? O(e, c) : r(e) ? te(e, c) : u(e) ? ne(e, c) : m(e) ? re(e, c) : n(e) ? j(e, c) : t(e) ? M(e, c) : p(e) ? N(e, c) : f(e) ? I(e, c) : i(e) ? L(e, c) : d(e) ? V(e, c) : o(e) ? oe(e, c) : l(e) ? ie(e, c) : "";
 }
-async function oe(e, t) {
-	let n = t?.customFonts ?? [], r = t?.defaultFallbackFont ?? "Arial, sans-serif", i = t?.allowHtmlBlocks ?? !0, a = await de(e, t?.renderCustomBlock), o = new h(e.settings.width, n, r, i, a), s = Q(e.blocks, i), c = o.resolveFontFamily(e.settings.fontFamily), l = e.settings.backgroundColor, u = s.map((e) => se(e, o)).filter((e) => e !== "").join("\n"), d = ue(n);
-	return `<mjml>
-  <mj-head>${le(e.settings.preheaderText)}
+//#endregion
+//#region ../renderer/src/index.ts
+var se = /* @__PURE__ */ e({
+	RenderContext: () => g,
+	SOCIAL_ICONS: () => P,
+	convertMergeTagsToValues: () => S,
+	escapeAttr: () => b,
+	escapeHtml: () => y,
+	generateSocialIconDataUri: () => F,
+	getCssClassAttr: () => E,
+	getCssClasses: () => D,
+	getWidthPercentages: () => K,
+	getWidthPixels: () => q,
+	isHiddenOnAll: () => T,
+	renderBlock: () => X,
+	renderToMjml: () => ce,
+	toPaddingString: () => C
+});
+async function ce(e, t) {
+	let n = t?.customFonts ?? [], r = t?.defaultFallbackFont ?? "Arial, sans-serif", i = t?.allowHtmlBlocks ?? !0, a = await pe(e, t?.renderCustomBlock), o = new g(e.settings.width, n, r, i, a), s = fe(e.blocks, i), c = o.resolveFontFamily(e.settings.fontFamily), l = e.settings.backgroundColor, u = s.map((e) => Z(e, o)).filter((e) => e !== "").join("\n"), d = de(n), f = ue(e.settings.preheaderText);
+	return `<mjml lang="${b(e.settings.locale)}">
+  <mj-head>${f}
     <mj-attributes>
       <mj-all font-family="${c}" />
       <mj-text font-size="14px" />
@@ -442,37 +496,35 @@ ${u}
   </mj-body>
 </mjml>`;
 }
-function se(e, t) {
-	return r(e) ? Z(e, X(e, t)) : Z(e, ce(X(e, t)));
-}
 function Z(e, t) {
+	return s(e) ? Q(e, X(e, t)) : Q(e, le(X(e, t)));
+}
+function Q(e, t) {
 	if (t === "") return "";
 	let n = e.displayCondition;
 	return n ? `<mj-raw>${n.before}</mj-raw>
 ` + t + `
 <mj-raw>${n.after}</mj-raw>` : t;
 }
-function ce(e) {
+function le(e) {
 	return e === "" ? "" : `<mj-section>
   <mj-column>
 ${e}
   </mj-column>
 </mj-section>`;
 }
-function le(e) {
+function ue(e) {
 	if (!e) return "";
 	let t = e.trim();
-	return t === "" ? "" : `
-    <mj-preview>${v(t)}</mj-preview>`;
+	return t === "" ? "" : `\n    <mj-preview>${y(t)}</mj-preview>`;
 }
-function ue(e) {
-	return e.length === 0 ? "" : e.map((e) => `
-    <mj-font name="${y(e.name)}" href="${y(e.url)}" />`).join("");
+function de(e) {
+	return e.length === 0 ? "" : e.map((e) => `\n    <mj-font name="${b(e.name)}" href="${b(e.url)}" />`).join("");
 }
-function Q(e, t) {
+function fe(e, t) {
 	return t ? e : e.filter((e) => e.type !== "html");
 }
-async function de(e, t) {
+async function pe(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	if (!t) return n;
 	let r = [];
@@ -483,14 +535,14 @@ async function de(e, t) {
 }
 function $(e, t) {
 	for (let n of e) {
-		if (c(n)) {
+		if (l(n)) {
 			t.push(n);
 			continue;
 		}
-		if (r(n)) for (let e of n.children) $(e, t);
+		if (s(n)) for (let e of n.children) $(e, t);
 	}
 }
 //#endregion
-export { h as RenderContext, N as SOCIAL_ICONS, x as convertMergeTagsToValues, y as escapeAttr, v as escapeHtml, P as generateSocialIconDataUri, T as getCssClassAttr, E as getCssClasses, K as getWidthPercentages, q as getWidthPixels, w as isHiddenOnAll, X as renderBlock, oe as renderToMjml, S as toPaddingString };
+export { se as t };
 
-//# sourceMappingURL=dist-MGrg9tLo.js.map
+//# sourceMappingURL=renderer-DM2gdPmx.js.map