@templatical/editor 0.20.0 → 0.21.1

package/dist/cdn/chunks/{renderer-DpBGiXOg.js → src-DYji-wXB.js}

@@ -1,11 +1,10 @@
-import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
-import { $n as t, Gn as n, Hn as r, Jn as i, Kn as a, Qn as o, Un as s, Wn as c, Xn as l, Yn as u, Zn as d, er as f, qn as p, tr as m } from "./features-CLIZ7Q-Y.js";
+import { B as e, F as t, G as n, H as r, I as i, J as a, K as o, L as s, P as c, R as l, U as u, V as d, W as f, z as p } from "./src-BKI1x1k7.js";
 //#endregion
 //#region ../renderer/src/render-context.ts
-var h = `https://cdn.jsdelivr.net/npm/@templatical/renderer@${{
+var m = `https://cdn.jsdelivr.net/npm/@templatical/renderer@${{
 	name: "@templatical/renderer",
 	description: "Render Templatical email templates to MJML",
-	version: "0.20.0",
+	version: "0.21.1",
 	bugs: "https://github.com/templatical/sdk/issues",
 	dependencies: { "@templatical/types": "workspace:*" },
 	devDependencies: {
@@ -43,7 +42,7 @@ var h = `https://cdn.jsdelivr.net/npm/@templatical/renderer@${{
 	},
 	type: "module",
 	types: "./dist/index.d.ts"
-}.version}/assets/social`, g = {
+}.version}/assets/social`, h = {
 	arial: "Arial, sans-serif",
 	helvetica: "Helvetica, sans-serif",
 	georgia: "Georgia, serif",
@@ -52,14 +51,14 @@ var h = `https://cdn.jsdelivr.net/npm/@templatical/renderer@${{
 	"trebuchet ms": "'Trebuchet MS', sans-serif",
 	"courier new": "'Courier New', monospace",
 	tahoma: "Tahoma, sans-serif"
-}, _ = class e {
+}, g = class e {
 	containerWidth;
 	customFonts;
 	defaultFallbackFont;
 	allowHtmlBlocks;
 	customBlockHtml;
 	socialIconsBaseUrl;
-	constructor(e, t, n, r, i = /* @__PURE__ */ new Map(), a = h) {
+	constructor(e, t, n, r, i = /* @__PURE__ */ new Map(), a = m) {
 		this.containerWidth = e, this.customFonts = t, this.defaultFallbackFont = n, this.allowHtmlBlocks = r, this.customBlockHtml = i, this.socialIconsBaseUrl = a;
 	}
 	withContainerWidth(t) {
@@ -70,28 +69,28 @@ var h = `https://cdn.jsdelivr.net/npm/@templatical/renderer@${{
 			let e = t.fallback ?? this.defaultFallbackFont;
 			return `'${t.name}', ${e}`;
 		}
-		return g[e.toLowerCase()] || e;
+		return h[e.toLowerCase()] || e;
 	}
-}, v = {
+}, _ = {
 	"&": "&",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;",
 	"'": "&#039;"
-}, y = /[&<>"']/g;
+}, v = /[&<>"']/g;
+function y(e) {
+	return e === "" ? "" : e.replace(v, (e) => _[e] ?? e);
+}
 function b(e) {
-	return e === "" ? "" : e.replace(y, (e) => v[e] ?? e);
+	return e === "" ? "" : e.replace(v, (e) => _[e] ?? e);
 }
 function x(e) {
-	return e === "" ? "" : e.replace(y, (e) => v[e] ?? e);
+	return e === "" ? "" : b(e).replace(/[;{}\r\n]/g, "");
 }
 function S(e) {
-	return e === "" ? "" : x(e).replace(/[;{}\r\n]/g, "");
-}
-function C(e) {
-	return e === "" ? "" : w(e, (e) => T(e, "data-merge-tag") ?? T(e, "data-logic-merge-tag"));
+	return e === "" ? "" : C(e, (e) => w(e, "data-merge-tag") ?? w(e, "data-logic-merge-tag"));
 }
-function w(e, t) {
+function C(e, t) {
 	let n = "", r = 0;
 	for (; r < e.length;) {
 		let i = e.indexOf("<span", r);
@@ -123,31 +122,31 @@ function w(e, t) {
 	}
 	return n;
 }
-function T(e, t) {
+function w(e, t) {
 	let n = RegExp(`(?:^|\\s)${t}="([^"<>]*)"`).exec(e);
 	return n ? n[1] : null;
 }
 //#endregion
 //#region ../renderer/src/padding.ts
-function E(e) {
+function T(e) {
 	return `${e.top}px ${e.right}px ${e.bottom}px ${e.left}px`;
 }
 //#endregion
 //#region ../renderer/src/utils.ts
-function D(e, t) {
+function E(e, t) {
 	return e ? ` ${t === "native" ? "background-color" : "container-background-color"}="${e}"` : "";
 }
 //#endregion
 //#region ../renderer/src/visibility.ts
-function O(e) {
+function D(e) {
 	let t = e.visibility;
 	return t ? !t.desktop && !t.mobile : !1;
 }
-function k(e) {
-	let t = A(e);
+function O(e) {
+	let t = k(e);
 	return t === "" ? "" : ` css-class="${t}"`;
 }
-function A(e) {
+function k(e) {
 	let t = e.visibility;
 	if (!t) return "";
 	let n = [];
@@ -155,43 +154,43 @@ function A(e) {
 }
 //#endregion
 //#region ../renderer/src/renderers/title.ts
-function j(e, t) {
-	if (O(e)) return "";
-	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = ee(C(e.content)), a = m[e.level] ?? m[2], o = e.color ? `\n  color="${x(e.color)}"` : "", s = e.textAlign, c = te(e.fontFamily, t), l = k(e), u = `h${m[e.level] ? e.level : 2}`;
+function A(e, t) {
+	if (D(e)) return "";
+	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = j(S(e.content)), o = a[e.level] ?? a[2], s = e.color ? `\n  color="${b(e.color)}"` : "", c = e.textAlign, l = ee(e.fontFamily, t), u = O(e), d = `h${a[e.level] ? e.level : 2}`;
 	return `<mj-text
-  font-size="${a}px"${o}
-  align="${s}"
+  font-size="${o}px"${s}
+  align="${c}"
   line-height="1.3"
-  padding="${n}"${r}${c}${l}
-><${u} style="margin:0;font-size:inherit;color:inherit;line-height:inherit">${i}</${u}></mj-text>`;
+  padding="${n}"${r}${l}${u}
+><${d} style="margin:0;font-size:inherit;color:inherit;line-height:inherit">${i}</${d}></mj-text>`;
 }
-function ee(e) {
+function j(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 te(e, t) {
+function ee(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
 //#endregion
 //#region ../renderer/src/renderers/paragraph.ts
-function ne(e, t) {
-	if (O(e) || e.content.replace(/<\/?p\b[^<>]*>/gi, "").trim() === "") return "";
-	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = C(e.content);
+function te(e, t) {
+	if (D(e) || e.content.replace(/<\/?p\b[^<>]*>/gi, "").trim() === "") return "";
+	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = S(e.content);
 	return `<mj-text
   line-height="1.5"
-  padding="${n}"${r}${k(e)}
+  padding="${n}"${r}${O(e)}
 >${i}</mj-text>`;
 }
 //#endregion
 //#region ../renderer/src/renderers/image.ts
-function re(e, t) {
-	if (O(e) || e.src === "") return "";
-	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = e.width === "full" ? t.containerWidth + "px" : e.width + "px", a = k(e), o = "";
-	e.linkUrl && (o = ` href="${x(e.linkUrl)}"`, e.linkOpenInNewTab && (o += " target=\"_blank\" rel=\"noopener\""));
-	let s = x(e.src), c = e.decorative === !0;
+function ne(e, t) {
+	if (D(e) || e.src === "") return "";
+	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = e.width === "full" ? t.containerWidth + "px" : e.width + "px", a = O(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 ? "" : x(e.alt)}"
+  alt="${c ? "" : b(e.alt)}"
   width="${i}"
   align="${e.align}"
   padding="${n}"${r}${o}${a}${c ? " role=\"presentation\"" : ""}
@@ -200,8 +199,8 @@ function re(e, t) {
 //#endregion
 //#region ../renderer/src/renderers/button.ts
 function M(e, t) {
-	if (O(e)) return "";
-	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = E(e.buttonPadding), a = e.url === "" ? "" : x(e.url), o = a === "" ? "" : ` href="${a}"`, s = x(e.backgroundColor), c = x(e.textColor), l = e.fontSize, u = e.borderRadius, d = b(e.text);
+	if (D(e)) return "";
+	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = T(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}"
@@ -209,7 +208,7 @@ function M(e, t) {
   font-weight="bold"
   border-radius="${u}px"
   inner-padding="${i}"
-  padding="${n}"${r}${N(e.fontFamily, t)}${P(e.width)}${k(e)}
+  padding="${n}"${r}${N(e.fontFamily, t)}${P(e.width)}${O(e)}
 >${d}</mj-button>`;
 }
 function N(e, t) {
@@ -221,39 +220,39 @@ function P(e) {
 //#endregion
 //#region ../renderer/src/renderers/divider.ts
 function F(e, t) {
-	if (O(e)) return "";
-	let n = E(e.styles.padding), r = e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : "", i = e.width === "full" ? "100%" : e.width + "px";
+	if (D(e)) return "";
+	let n = T(e.styles.padding), r = e.styles.backgroundColor ? ` container-background-color="${b(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="${x(e.color)}"
+  border-color="${b(e.color)}"
   width="${i}"
-  padding="${n}"${r}${k(e)}
+  padding="${n}"${r}${O(e)}
 />`;
 }
 //#endregion
 //#region ../renderer/src/renderers/spacer.ts
 function I(e, t) {
-	return O(e) ? "" : `<mj-spacer height="${e.height}px" padding="0"${e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : ""}${k(e)} />`;
+	return D(e) ? "" : `<mj-spacer height="${e.height}px" padding="0"${e.styles.backgroundColor ? ` container-background-color="${b(e.styles.backgroundColor)}"` : ""}${O(e)} />`;
 }
 //#endregion
 //#region ../renderer/src/renderers/html.ts
 function L(e, t) {
-	if (O(e) || !t.allowHtmlBlocks) return "";
+	if (D(e) || !t.allowHtmlBlocks) return "";
 	let n = e.content;
 	if (n === "") return "";
-	let r = k(e);
-	return `<mj-text padding="${E(e.styles.padding)}"${D(e.styles.backgroundColor, "container")}${r}>
+	let r = O(e);
+	return `<mj-text padding="${T(e.styles.padding)}"${E(e.styles.backgroundColor, "container")}${r}>
 ${n}
 </mj-text>`;
 }
 //#endregion
 //#region ../renderer/src/renderers/social.ts
 function R(e, t) {
-	if (O(e)) return "";
+	if (D(e)) return "";
 	let n = e.icons;
 	if (n.length === 0) return "";
-	let r = E(e.styles.padding), i = e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : "", a = k(e), o = e.align, s = e.iconSize, c = e.iconStyle, l = e.spacing, u;
+	let r = T(e.styles.padding), i = e.styles.backgroundColor ? ` container-background-color="${b(e.styles.backgroundColor)}"` : "", a = O(e), o = e.align, s = e.iconSize, c = e.iconStyle, l = e.spacing, u;
 	switch (s) {
 		case "small":
 			u = 24;
@@ -288,7 +287,7 @@ function R(e, t) {
   padding="${r}"${i}${a}
 >
 ${n.map((e, n) => {
-		let r = e.platform, i = x(e.url), a = `${t.socialIconsBaseUrl}/${c}/${r}.png`, o = n === f - 1 ? 0 : l;
+		let r = e.platform, i = b(e.url), a = `${t.socialIconsBaseUrl}/${c}/${r}.png`, o = n === f - 1 ? 0 : l;
 		return `<mj-social-element src="${a}" href="${i}" icon-size="${u}px" padding="0 ${o}px 0 0" border-radius="${d}" background-color="transparent"></mj-social-element>`;
 	}).join("\n")}
 </mj-social>`;
@@ -296,23 +295,23 @@ ${n.map((e, n) => {
 //#endregion
 //#region ../renderer/src/renderers/menu.ts
 function z(e, t) {
-	if (O(e) || e.items.length === 0) return "";
-	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = k(e), a = H(e.fontFamily, t), o = e.textAlign;
+	if (D(e) || e.items.length === 0) return "";
+	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = O(e), a = H(e.fontFamily, t), o = e.textAlign;
 	return `<mj-text
-  font-size="${e.fontSize}px"${e.color ? `\n  color="${x(e.color)}"` : ""}
+  font-size="${e.fontSize}px"${e.color ? `\n  color="${b(e.color)}"` : ""}
   align="${o}"
   line-height="1.5"
   padding="${n}"${r}${a}${i}
 >${B(e)}</mj-text>`;
 }
 function B(e) {
-	let t = e.items, n = b(e.separator), r = S(e.separatorColor), i = e.spacing, a = e.linkColor ?? e.color, o = [], s = t.length;
+	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(V(t[e], a)), e < s - 1 && o.push(`<span style="color: ${r}; padding: 0 ${i}px;">${n}</span>`);
 	return o.join("");
 }
 function V(e, t) {
-	let n = b(e.text), r = x(e.url), i = e.color ?? t, a = e.openInNewTab ? " target=\"_blank\" rel=\"noopener\"" : "", o = ["text-decoration: none"];
-	return i && o.unshift(`color: ${S(i)}`), e.bold && o.push("font-weight: bold"), e.underline && o.push("text-decoration: underline"), `<a href="${r}" style="${o.join("; ")}"${a}>${n}</a>`;
+	let n = y(e.text), r = b(e.url), i = e.color ?? t, a = e.openInNewTab ? " target=\"_blank\" rel=\"noopener\"" : "", o = ["text-decoration: none"];
+	return i && o.unshift(`color: ${x(i)}`), e.bold && o.push("font-weight: bold"), e.underline && o.push("text-decoration: underline"), `<a href="${r}" style="${o.join("; ")}"${a}>${n}</a>`;
 }
 function H(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
@@ -320,17 +319,17 @@ function H(e, t) {
 //#endregion
 //#region ../renderer/src/renderers/table.ts
 function U(e, t) {
-	if (O(e) || e.rows.length === 0) return "";
-	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = k(e), a = q(e.fontFamily, t);
+	if (D(e) || e.rows.length === 0) return "";
+	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = O(e), a = q(e.fontFamily, t);
 	return `<mj-text
-  font-size="${e.fontSize}px"${e.color ? `\n  color="${x(e.color)}"` : ""}
+  font-size="${e.fontSize}px"${e.color ? `\n  color="${b(e.color)}"` : ""}
   align="${e.textAlign}"
   line-height="1.5"
   padding="${n}"${r}${a}${i}
 >${W(e)}</mj-text>`;
 }
 function W(e) {
-	let t = S(e.borderColor), n = e.borderWidth, r = "";
+	let t = x(e.borderColor), n = e.borderWidth, r = "";
 	for (let i = 0; i < e.rows.length; i++) {
 		let a = e.rows[i];
 		r += G(a, e, e.hasHeaderRow && i === 0, t, n);
@@ -344,8 +343,8 @@ function G(e, t, n, r, i) {
 }
 function K(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: ${S(t.headerBackgroundColor)}`));
-	let s = o.join("; "), c = b(C(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 = y(S(e.content)), l = n ? "th" : "td";
 	return `<${l} style="${s}">${c}</${l}>`;
 }
 function q(e, t) {
@@ -353,12 +352,12 @@ function q(e, t) {
 }
 //#endregion
 //#region ../renderer/src/renderers/custom.ts
-function ie(e, t) {
-	if (O(e)) return "";
+function re(e, t) {
+	if (D(e)) return "";
 	let n = t.customBlockHtml.get(e.id) ?? e.renderedHtml;
 	if (!n || n === "") return "";
-	let r = k(e);
-	return `<mj-text padding="${E(e.styles.padding)}"${D(e.styles.backgroundColor, "container")}${r}>
+	let r = O(e);
+	return `<mj-text padding="${T(e.styles.padding)}"${E(e.styles.backgroundColor, "container")}${r}>
 ${n}
 </mj-text>`;
 }
@@ -401,11 +400,11 @@ function X(e, t) {
 }
 //#endregion
 //#region ../renderer/src/renderers/section.ts
-function ae(e, t, n) {
-	if (O(e)) return "";
-	let r = e.columns, i = J(r), a = Y(r, t.containerWidth), o = E(e.styles.padding), s = D(e.styles.backgroundColor, "native"), c = k(e), l = e.borderRadius && e.borderRadius > 0 ? ` border-radius="${e.borderRadius}px"` : "", d = e.children, f = [];
-	for (let e = 0; e < d.length; e++) {
-		let r = d[e], o = i[e] ?? "100%", s = Math.floor(a[e] ?? t.containerWidth), c = oe(r, t.allowHtmlBlocks).filter((e) => !u(e)), l = t.withContainerWidth(s), p = c.map((e) => X(e, n(e, l))).filter((e) => e !== "").join("\n");
+function ie(e, t, n) {
+	if (D(e)) return "";
+	let r = e.columns, i = J(r), a = Y(r, t.containerWidth), o = T(e.styles.padding), s = E(e.styles.backgroundColor, "native"), c = O(e), l = e.borderRadius && e.borderRadius > 0 ? ` border-radius="${e.borderRadius}px"` : "", u = e.children, f = [];
+	for (let e = 0; e < u.length; e++) {
+		let r = u[e], o = i[e] ?? "100%", s = Math.floor(a[e] ?? t.containerWidth), c = ae(r, t.allowHtmlBlocks).filter((e) => !d(e)), l = t.withContainerWidth(s), p = c.map((e) => X(e, n(e, l))).filter((e) => e !== "").join("\n");
 		f.push(`<mj-column width="${o}">
 ${p === "" ? "<mj-text>&nbsp;</mj-text>" : p}
 </mj-column>`);
@@ -417,12 +416,12 @@ ${p}
 </mj-group>` : p}
 </mj-section>`;
 }
-function oe(e, t) {
+function ae(e, t) {
 	return t ? e : e.filter((e) => e.type !== "html");
 }
 //#endregion
 //#region ../renderer/src/renderers/video.ts
-function se(e, t) {
+function oe(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})/]) {
@@ -432,47 +431,32 @@ function se(e, t) {
 	let n = e.match(/vimeo\.com\/(?:video\/)?(\d+)/);
 	return n ? `https://vumbnail.com/${n[1]}.jpg` : null;
 }
-function ce(e, t) {
-	if (O(e)) return "";
-	let n = se(e.url, e.thumbnailUrl);
+function se(e, t) {
+	if (D(e)) return "";
+	let n = oe(e.url, e.thumbnailUrl);
 	if (!n) return "";
-	let r = E(e.styles.padding), i = D(e.styles.backgroundColor, "container"), a = e.width === "full" ? t.containerWidth + "px" : e.width + "px", o = k(e);
+	let r = T(e.styles.padding), i = E(e.styles.backgroundColor, "container"), a = e.width === "full" ? t.containerWidth + "px" : e.width + "px", o = O(e);
 	return `<mj-image
-  src="${x(n)}"
-  alt="${x(e.alt)}"
+  src="${b(n)}"
+  alt="${b(e.alt)}"
   width="${a}"
   align="${e.align}"
   padding="${r}"
-  href="${x(e.url)}"
+  href="${b(e.url)}"
   target="_blank"
   rel="noopener"${i}${o}
 />`;
 }
 //#endregion
 //#region ../renderer/src/renderers/index.ts
-function Z(e, m) {
-	return u(e) ? ae(e, m, Z) : t(e) ? j(e, m) : i(e) ? ne(e, m) : a(e) ? re(e, m) : r(e) ? M(e, m) : c(e) ? F(e, m) : d(e) ? I(e, m) : n(e) ? L(e, m) : l(e) ? R(e, m) : p(e) ? z(e, m) : o(e) ? U(e, m) : f(e) ? ce(e, m) : s(e) ? ie(e, m) : "";
+function Z(a, m) {
+	return d(a) ? ie(a, m, Z) : n(a) ? A(a, m) : e(a) ? te(a, m) : l(a) ? ne(a, m) : c(a) ? M(a, m) : i(a) ? F(a, m) : u(a) ? I(a, m) : s(a) ? L(a, m) : r(a) ? R(a, m) : p(a) ? z(a, m) : f(a) ? U(a, m) : o(a) ? se(a, m) : t(a) ? re(a, m) : "";
 }
 //#endregion
 //#region ../renderer/src/index.ts
-var le = /* @__PURE__ */ e({
-	DEFAULT_SOCIAL_ICONS_BASE_URL: () => h,
-	RenderContext: () => _,
-	convertMergeTagsToValues: () => C,
-	escapeAttr: () => x,
-	escapeHtml: () => b,
-	getCssClassAttr: () => k,
-	getCssClasses: () => A,
-	getWidthPercentages: () => J,
-	getWidthPixels: () => Y,
-	isHiddenOnAll: () => O,
-	renderBlock: () => Z,
-	renderToMjml: () => ue,
-	toPaddingString: () => E
-});
-async function ue(e, t) {
-	let n = t?.customFonts ?? [], r = t?.defaultFallbackFont ?? "Arial, sans-serif", i = t?.allowHtmlBlocks ?? !0, a = me(t?.socialIconsBaseUrl ?? h), o = await _e(e, t?.renderCustomBlock), s = ve(e, t?.getCustomBlockStylesheet), c = new _(e.settings.width, n, r, i, o, a), l = ge(e.blocks, i), u = c.resolveFontFamily(e.settings.fontFamily), d = e.settings.backgroundColor, f = e.settings.textColor ? ` color="${x(e.settings.textColor)}"` : "", p = e.settings.linkColor ? S(e.settings.linkColor) : "inherit", m = e.settings.linkUnderline ? "underline" : "none", g = l.map((e) => de(e, c)).filter((e) => e !== "").join("\n"), v = he(n), y = Q(e.settings.preheaderText);
-	return `<mjml lang="${x(e.settings.locale)}">
+async function ce(e, t) {
+	let n = t?.customFonts ?? [], r = t?.defaultFallbackFont ?? "Arial, sans-serif", i = t?.allowHtmlBlocks ?? !0, a = fe(t?.socialIconsBaseUrl ?? m), o = await he(e, t?.renderCustomBlock), s = ge(e, t?.getCustomBlockStylesheet), c = new g(e.settings.width, n, r, i, o, a), l = Q(e.blocks, i), u = c.resolveFontFamily(e.settings.fontFamily), d = e.settings.backgroundColor, f = e.settings.textColor ? ` color="${b(e.settings.textColor)}"` : "", p = e.settings.linkColor ? x(e.settings.linkColor) : "inherit", h = e.settings.linkUnderline ? "underline" : "none", _ = l.map((e) => le(e, c)).filter((e) => e !== "").join("\n"), v = me(n), y = pe(e.settings.preheaderText);
+	return `<mjml lang="${b(e.settings.locale)}">
   <mj-head>${y}
     <mj-attributes>
       <mj-all font-family="${u}" />
@@ -482,54 +466,54 @@ async function ue(e, t) {
       <mj-image fluid-on-mobile="true" />
     </mj-attributes>${v}
     <mj-style>
-      a { color: ${p}; text-decoration: ${m}; }
+      a { color: ${p}; text-decoration: ${h}; }
       @media only screen and (max-width: 480px) {
         .tpl-hide-mobile { display: none !important; mso-hide: all !important; }
       }
       @media only screen and (min-width: 481px) {
         .tpl-hide-desktop { display: none !important; mso-hide: all !important; }
       }
-    </mj-style>${ye(s)}
+    </mj-style>${_e(s)}
   </mj-head>
   <mj-body width="${c.containerWidth}px" background-color="${d}">
-${g}
+${_}
   </mj-body>
 </mjml>`;
 }
-function de(e, t) {
-	if (u(e)) {
+function le(e, t) {
+	if (d(e)) {
 		let n = Z(e, t);
-		return X(e, e.wrapper && n !== "" ? fe(n, e.wrapper) : n);
+		return X(e, e.wrapper && n !== "" ? ue(n, e.wrapper) : n);
 	}
-	return X(e, pe(Z(e, t)));
+	return X(e, de(Z(e, t)));
 }
-function fe(e, t) {
-	return `<mj-wrapper${D(t.backgroundColor, "native")}${` padding="${t.padding ? E(t.padding) : "0"}"`}${t.borderRadius && t.borderRadius > 0 ? ` border-radius="${t.borderRadius}px"` : ""}>
+function ue(e, t) {
+	return `<mj-wrapper${E(t.backgroundColor, "native")}${` padding="${t.padding ? T(t.padding) : "0"}"`}${t.borderRadius && t.borderRadius > 0 ? ` border-radius="${t.borderRadius}px"` : ""}>
 ${e}
 </mj-wrapper>`;
 }
-function pe(e) {
+function de(e) {
 	return e === "" ? "" : `<mj-section>
   <mj-column>
 ${e}
   </mj-column>
 </mj-section>`;
 }
-function me(e) {
+function fe(e) {
 	return e.endsWith("/") ? e.slice(0, -1) : e;
 }
-function Q(e) {
+function pe(e) {
 	if (!e) return "";
 	let t = e.trim();
-	return t === "" ? "" : `\n    <mj-preview>${b(t)}</mj-preview>`;
+	return t === "" ? "" : `\n    <mj-preview>${y(t)}</mj-preview>`;
 }
-function he(e) {
-	return e.length === 0 ? "" : e.map((e) => `\n    <mj-font name="${x(e.name)}" href="${x(e.url)}" />`).join("");
+function me(e) {
+	return e.length === 0 ? "" : e.map((e) => `\n    <mj-font name="${b(e.name)}" href="${b(e.url)}" />`).join("");
 }
-function ge(e, t) {
+function Q(e, t) {
 	return t ? e : e.filter((e) => e.type !== "html");
 }
-async function _e(e, t) {
+async function he(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	if (!t) return n;
 	let r = [];
@@ -538,16 +522,16 @@ async function _e(e, t) {
 	for (let e = 0; e < r.length; e++) n.set(r[e].id, i[e]);
 	return n;
 }
-function $(e, t) {
-	for (let n of e) {
-		if (s(n)) {
-			t.push(n);
+function $(e, n) {
+	for (let r of e) {
+		if (t(r)) {
+			n.push(r);
 			continue;
 		}
-		if (u(n)) for (let e of n.children) $(e, t);
+		if (d(r)) for (let e of r.children) $(e, n);
 	}
 }
-function ve(e, t) {
+function ge(e, t) {
 	if (!t) return [];
 	let n = [];
 	if ($(e.blocks, n), n.length === 0) return [];
@@ -562,10 +546,10 @@ function ve(e, t) {
 	}
 	return a;
 }
-function ye(e) {
+function _e(e) {
 	return e.length === 0 ? "" : e.map((e) => `\n    <mj-style>\n${e}\n    </mj-style>`).join("");
 }
 //#endregion
-export { le as t };
+export { m as DEFAULT_SOCIAL_ICONS_BASE_URL, g as RenderContext, S as convertMergeTagsToValues, b as escapeAttr, y as escapeHtml, O as getCssClassAttr, k as getCssClasses, J as getWidthPercentages, Y as getWidthPixels, D as isHiddenOnAll, Z as renderBlock, ce as renderToMjml, T as toPaddingString };
 
-//# sourceMappingURL=renderer-DpBGiXOg.js.map
+//# sourceMappingURL=src-DYji-wXB.js.map