@templatical/editor 0.40.0 → 0.42.0

package/dist/cdn/chunks/{src-CbGCES0u.js → src-BxoLKnkl.js}

@@ -1,10 +1,10 @@
-import { $ as e, G as t, Q as n, S as r, X as i, Z as a, at as o, b as s, ct as c, et as l, ft as u, lt as d, nt as f, ot as p, pt as m, rt as h, st as g, tt as _, ut as v, v as y, x as ee, y as b } from "./src-DveVYoWS.js";
+import { $ as e, G as t, Q as n, S as r, X as i, Z as a, _t as o, at as s, b as c, ct as l, et as u, ht as d, lt as f, mt as p, nt as m, ot as h, rt as g, st as _, tt as v, ut as y, v as b, vt as x, x as ee, y as S } from "./src-BR3I3gOW.js";
 //#endregion
 //#region ../renderer/src/render-context.ts
-var x = `https://cdn.jsdelivr.net/npm/@templatical/renderer@${{
+var C = `https://cdn.jsdelivr.net/npm/@templatical/renderer@${{
 	name: "@templatical/renderer",
 	description: "Render Templatical email templates to MJML",
-	version: "0.40.0",
+	version: "0.42.0",
 	bugs: "https://github.com/templatical/sdk/issues",
 	dependencies: { "@templatical/types": "workspace:*" },
 	devDependencies: {
@@ -42,7 +42,7 @@ var x = `https://cdn.jsdelivr.net/npm/@templatical/renderer@${{
 	},
 	type: "module",
 	types: "./dist/index.d.ts"
-}.version}/assets/social`, S = {
+}.version}/assets/social`, te = {
 	arial: "Arial, sans-serif",
 	helvetica: "Helvetica, sans-serif",
 	georgia: "Georgia, serif",
@@ -51,7 +51,7 @@ var x = `https://cdn.jsdelivr.net/npm/@templatical/renderer@${{
 	"trebuchet ms": "'Trebuchet MS', sans-serif",
 	"courier new": "'Courier New', monospace",
 	tahoma: "Tahoma, sans-serif"
-}, C = class e {
+}, w = class e {
 	containerWidth;
 	customFonts;
 	defaultFallbackFont;
@@ -60,7 +60,7 @@ var x = `https://cdn.jsdelivr.net/npm/@templatical/renderer@${{
 	socialIconsBaseUrl;
 	blockRenderers;
 	contentDirection;
-	constructor(e, t, n, r, i = /* @__PURE__ */ new Map(), a = x, o = {}, s = "ltr") {
+	constructor(e, t, n, r, i = /* @__PURE__ */ new Map(), a = C, o = {}, s = "ltr") {
 		this.containerWidth = e, this.customFonts = t, this.defaultFallbackFont = n, this.allowHtmlBlocks = r, this.customBlockHtml = i, this.socialIconsBaseUrl = a, this.blockRenderers = o, this.contentDirection = s;
 	}
 	withContainerWidth(t) {
@@ -71,20 +71,20 @@ var x = `https://cdn.jsdelivr.net/npm/@templatical/renderer@${{
 			let e = t.fallback ?? this.defaultFallbackFont;
 			return `'${t.name}', ${e}`;
 		}
-		return S[e.toLowerCase()] || e;
+		return te[e.toLowerCase()] || e;
 	}
 };
 //#endregion
 //#region ../renderer/src/visibility.ts
-function w(e) {
+function T(e) {
 	let t = e.visibility;
 	return t ? !t.desktop && !t.mobile : !1;
 }
-function T(e, t = []) {
-	let n = [E(e), ...t].filter((e) => e !== "").join(" ");
+function E(e, t = []) {
+	let n = [D(e), ...t].filter((e) => e !== "").join(" ");
 	return n === "" ? "" : ` css-class="${n}"`;
 }
-function E(e) {
+function D(e) {
 	let t = e.visibility;
 	if (!t) return "";
 	let n = [];
@@ -92,35 +92,35 @@ function E(e) {
 }
 //#endregion
 //#region ../renderer/src/unrenderable.ts
-var D = "templatical:unrenderable-block";
-function O(e) {
+var O = "templatical:unrenderable-block";
+function k(e) {
 	return e.replace(/[<>]/g, "").replace(/-{2,}/g, "-");
 }
-function k(e) {
-	return console.warn(`[Templatical] No renderer for block type "${e.type}" (id: ${e.id}). A placeholder comment was emitted in its place. Pass a \`blockRenderers\` entry for this type to render it.`), `<mj-raw><!-- ${D} type="${O(e.type)}" id="${O(e.id)}" --></mj-raw>`;
+function A(e) {
+	return console.warn(`[Templatical] No renderer for block type "${e.type}" (id: ${e.id}). A placeholder comment was emitted in its place. Pass a \`blockRenderers\` entry for this type to render it.`), `<mj-raw><!-- ${O} type="${k(e.type)}" id="${k(e.id)}" --></mj-raw>`;
 }
 //#endregion
 //#region ../renderer/src/escape.ts
-var A = {
+var j = {
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;",
 	"'": "&#039;"
-}, j = /[&<>"']/g;
-function M(e) {
-	return e === "" ? "" : e.replace(j, (e) => A[e] ?? e);
-}
+}, M = /[&<>"']/g;
 function N(e) {
-	return e === "" ? "" : e.replace(j, (e) => A[e] ?? e);
+	return e === "" ? "" : e.replace(M, (e) => j[e] ?? e);
 }
 function P(e) {
-	return e === "" ? "" : N(e).replace(/[;{}\r\n]/g, "");
+	return e === "" ? "" : e.replace(M, (e) => j[e] ?? e);
 }
 function F(e) {
-	return e === "" ? "" : te(e, (e) => I(e, "data-merge-tag") ?? I(e, "data-logic-merge-tag"));
+	return e === "" ? "" : P(e).replace(/[;{}\r\n]/g, "");
 }
-function te(e, t) {
+function I(e) {
+	return e === "" ? "" : ne(e, (e) => L(e, "data-merge-tag") ?? L(e, "data-logic-merge-tag"));
+}
+function ne(e, t) {
 	let n = "", r = 0;
 	for (; r < e.length;) {
 		let i = e.indexOf("<span", r);
@@ -133,7 +133,7 @@ function te(e, t) {
 			n += e.substring(r, i + 5), r = i + 5;
 			continue;
 		}
-		let o = y(e, i + 5);
+		let o = b(e, i + 5);
 		if (o === -1) {
 			n += e.substring(r);
 			break;
@@ -152,31 +152,38 @@ function te(e, t) {
 	}
 	return n;
 }
-function I(e, t) {
-	return b(e, t);
+function L(e, t) {
+	return S(e, t);
 }
 //#endregion
 //#region ../renderer/src/padding.ts
-function L(e) {
+function R(e) {
 	return `${e.top}px ${e.right}px ${e.bottom}px ${e.left}px`;
 }
 //#endregion
 //#region ../renderer/src/utils.ts
-function R(e, t) {
+function z(e, t) {
 	return e ? ` ${t === "native" ? "background-color" : "container-background-color"}="${e}"` : "";
 }
-function z(e) {
+function B(e) {
 	return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? "" : ` height="${e}px"`;
 }
+function V(e) {
+	return Object.entries(o(e)).map(([e, t]) => ` ${e}="${F(t)}"`).join("");
+}
+function H(e) {
+	let t = x(e);
+	return t === null ? "" : ` border-radius="${t}"`;
+}
 //#endregion
 //#region ../renderer/src/rich-text.ts
-var B = "tpl-rich-text";
-function V(e) {
-	return `${B}-${e}`;
+var U = "tpl-rich-text";
+function W(e) {
+	return `${U}-${e}`;
 }
-function ne(e, t = "ltr") {
-	let n = m, r = `.${B}`, i = [...new Set(e)].sort((e, t) => e - t).flatMap((e) => {
-		let t = `.${V(e)}`;
+function re(e, t = "ltr") {
+	let n = d, r = `.${U}`, i = [...new Set(e)].sort((e, t) => e - t).flatMap((e) => {
+		let t = `.${W(e)}`;
 		return [`${t} p { margin: 0 0 ${e}px; }`, `${t} p:last-child { margin-bottom: 0; }`];
 	}), a = t === "rtl" ? "padding-right" : "padding-left";
 	return [
@@ -185,41 +192,41 @@ function ne(e, t = "ltr") {
 		`${r} li { margin: ${n.listItemMarginY}px 0; }`
 	].join("\n      ");
 }
-function H(e) {
-	return e ?? m.paragraphGap;
+function G(e) {
+	return e ?? d.paragraphGap;
 }
-function re(e) {
-	let t = [m.paragraphGap], n = (e) => {
-		if (e.type === "paragraph" && t.push(H(e.paragraphSpacing)), h(e)) for (let t of e.children) for (let e of t) n(e);
-		else if (v(e)) for (let t of e.children) n(t);
+function ie(e) {
+	let t = [d.paragraphGap], n = (e) => {
+		if (e.type === "paragraph" && t.push(G(e.paragraphSpacing)), g(e)) for (let t of e.children) for (let e of t) n(e);
+		else if (y(e)) for (let t of e.children) n(t);
 	};
 	for (let t of e) n(t);
 	return t;
 }
 //#endregion
 //#region ../renderer/src/renderers/title.ts
-function ie(e, t) {
-	if (w(e)) return "";
-	let n = L(e.styles.padding), r = R(e.styles.backgroundColor, "container"), i = ae(F(e.content)), a = u[e.level] ?? u[2], o = e.color ? `\n  color="${N(e.color)}"` : "", s = e.textAlign, c = oe(e.fontFamily, t), l = T(e, [B, V(H(void 0))]), d = `h${u[e.level] ? e.level : 2}`;
+function ae(e, t) {
+	if (T(e)) return "";
+	let n = R(e.styles.padding), r = z(e.styles.backgroundColor, "container"), i = oe(I(e.content)), a = p[e.level] ?? p[2], o = e.color ? `\n  color="${P(e.color)}"` : "", s = e.textAlign, c = se(e.fontFamily, t), l = E(e, [U, W(G(void 0))]), u = `h${p[e.level] ? e.level : 2}`;
 	return `<mj-text
   font-size="${a}px"${o}
   align="${s}"
   line-height="1.3"
   padding="${n}"${r}${c}${l}
-><${d} style="margin:0;font-size:inherit;color:inherit;line-height:inherit">${i}</${d}></mj-text>`;
+><${u} style="margin:0;font-size:inherit;color:inherit;line-height:inherit">${i}</${u}></mj-text>`;
 }
-function ae(e) {
+function oe(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 oe(e, t) {
+function se(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
 //#endregion
 //#region ../renderer/src/renderers/paragraph.ts
-function se(e, t) {
-	if (w(e) || e.content.replace(/<\/?p\b[^<>]*>/gi, "").trim() === "") return "";
-	let n = L(e.styles.padding), r = R(e.styles.backgroundColor, "container"), i = F(e.content), a = T(e, [B, V(H(e.paragraphSpacing))]);
+function ce(e, t) {
+	if (T(e) || e.content.replace(/<\/?p\b[^<>]*>/gi, "").trim() === "") return "";
+	let n = R(e.styles.padding), r = z(e.styles.backgroundColor, "container"), i = I(e.content), a = E(e, [U, W(G(e.paragraphSpacing))]);
 	return `<mj-text
   line-height="1.5"${t.contentDirection === "rtl" ? "\n  align=\"right\"" : ""}
   padding="${n}"${r}${a}
@@ -227,77 +234,83 @@ function se(e, t) {
 }
 //#endregion
 //#region ../renderer/src/renderers/image.ts
-function ce(e, t) {
-	if (w(e) || e.src === "") return "";
-	let n = L(e.styles.padding), r = R(e.styles.backgroundColor, "container"), i = e.width === "full" ? t.containerWidth + "px" : e.width + "px", a = z(e.height), o = T(e), s = e.borderRadius && e.borderRadius > 0 ? ` border-radius="${e.borderRadius}px"` : "", c = "";
-	e.linkUrl && (c = ` href="${N(e.linkUrl)}"`, e.linkOpenInNewTab && (c += " target=\"_blank\" rel=\"noopener\""));
-	let l = N(e.src), u = e.decorative === !0;
+function le(e, t) {
+	if (T(e) || e.src === "") return "";
+	let n = R(e.styles.padding), r = z(e.styles.backgroundColor, "container"), i = e.width === "full" ? t.containerWidth + "px" : e.width + "px", a = B(e.height), o = E(e), s = H(e.borderRadius), c = V(e.border), l = "";
+	e.linkUrl && (l = ` href="${P(e.linkUrl)}"`, e.linkOpenInNewTab && (l += " target=\"_blank\" rel=\"noopener\""));
+	let u = P(e.src), d = e.decorative === !0;
 	return `<mj-image
-  src="${l}"
-  alt="${u ? "" : N(e.alt)}"
+  src="${u}"
+  alt="${d ? "" : P(e.alt)}"
   width="${i}"${a}
   align="${e.align}"
-  padding="${n}"${r}${s}${c}${o}${u ? " role=\"presentation\"" : ""}
+  padding="${n}"${r}${c}${s}${l}${o}${d ? " role=\"presentation\"" : ""}
 />`;
 }
 //#endregion
 //#region ../renderer/src/renderers/button.ts
-function le(e, t) {
-	if (w(e)) return "";
-	let n = L(e.styles.padding), r = R(e.styles.backgroundColor, "container"), i = L(e.buttonPadding), a = e.url === "" ? "" : N(e.url), o = a === "" ? "" : ` href="${a}"`, s = N(e.backgroundColor), c = N(e.textColor), l = e.fontSize, u = e.borderRadius, d = M(e.text), f = e.openInNewTab ? " target=\"_blank\" rel=\"noopener\"" : "", p = U(e.fontFamily, t), m = W(e.width), h = T(e);
+function ue(e, t) {
+	if (T(e)) return "";
+	let n = R(e.styles.padding), r = z(e.styles.backgroundColor, "container"), i = R(e.buttonPadding), a = e.url === "" ? "" : P(e.url), o = a === "" ? "" : ` href="${a}"`, s = de(e.backgroundColor), c = P(e.textColor), l = e.fontSize, u = pe(e.borderRadius), d = N(e.text), f = e.openInNewTab ? " target=\"_blank\" rel=\"noopener\"" : "", p = fe(e.fontFamily, t), m = me(e.width), h = E(e);
 	return `<mj-button${o}${f}
   background-color="${s}"
   color="${c}"
   font-size="${l}px"
   font-weight="bold"
-  border-radius="${u}px"
+  border-radius="${u}"${V(e.border)}
   inner-padding="${i}"
   align="${e.align ?? "center"}"
   padding="${n}"${r}${p}${m}${h}
 >${d}</mj-button>`;
 }
-function U(e, t) {
+function de(e) {
+	return e.trim() === "" ? "transparent" : P(e);
+}
+function fe(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
-function W(e) {
+function pe(e) {
+	return typeof e == "number" ? `${e}px` : x(e) ?? "0px";
+}
+function me(e) {
 	return e === void 0 ? "" : ` width="${e === "full" ? "100%" : `${e}px`}"`;
 }
 //#endregion
 //#region ../renderer/src/renderers/divider.ts
-function ue(e, t) {
-	if (w(e)) return "";
-	let n = L(e.styles.padding), r = e.styles.backgroundColor ? ` container-background-color="${N(e.styles.backgroundColor)}"` : "", i = e.width === "full" ? "100%" : e.width + "px";
+function he(e, t) {
+	if (T(e)) return "";
+	let n = R(e.styles.padding), r = e.styles.backgroundColor ? ` container-background-color="${P(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="${N(e.color)}"
+  border-color="${P(e.color)}"
   width="${i}"
-  padding="${n}"${r}${T(e)}
+  padding="${n}"${r}${E(e)}
 />`;
 }
 //#endregion
 //#region ../renderer/src/renderers/spacer.ts
-function de(e, t) {
-	return w(e) ? "" : `<mj-spacer height="${e.height}px" padding="0"${e.styles.backgroundColor ? ` container-background-color="${N(e.styles.backgroundColor)}"` : ""}${T(e)} />`;
+function ge(e, t) {
+	return T(e) ? "" : `<mj-spacer height="${e.height}px" padding="0"${e.styles.backgroundColor ? ` container-background-color="${P(e.styles.backgroundColor)}"` : ""}${E(e)} />`;
 }
 //#endregion
 //#region ../renderer/src/renderers/html.ts
-function fe(e, t) {
-	if (w(e) || !t.allowHtmlBlocks) return "";
+function _e(e, t) {
+	if (T(e) || !t.allowHtmlBlocks) return "";
 	let n = e.content;
 	if (n === "") return "";
-	let r = T(e);
-	return `<mj-text padding="${L(e.styles.padding)}"${R(e.styles.backgroundColor, "container")}${r}>
+	let r = E(e);
+	return `<mj-text padding="${R(e.styles.padding)}"${z(e.styles.backgroundColor, "container")}${r}>
 ${n}
 </mj-text>`;
 }
 //#endregion
 //#region ../renderer/src/renderers/social.ts
-function pe(e, t) {
-	if (w(e)) return "";
+function ve(e, t) {
+	if (T(e)) return "";
 	let n = e.icons;
 	if (n.length === 0) return "";
-	let r = L(e.styles.padding), i = e.styles.backgroundColor ? ` container-background-color="${N(e.styles.backgroundColor)}"` : "", a = T(e), o = e.align, s = e.iconSize, c = e.iconStyle, l = e.spacing, u;
+	let r = R(e.styles.padding), i = e.styles.backgroundColor ? ` container-background-color="${P(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;
@@ -328,83 +341,83 @@ function pe(e, t) {
   padding="${r}"${i}${a}
 >
 ${n.map((e, n) => {
-		let r = e.platform, i = N(e.url), a = `${t.socialIconsBaseUrl}/${c}/${r}.png`, o = n === f - 1 ? 0 : l;
+		let r = e.platform, i = P(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>`;
 }
 //#endregion
 //#region ../renderer/src/renderers/menu.ts
-function me(e, t) {
-	if (w(e) || e.items.length === 0) return "";
-	let n = L(e.styles.padding), r = R(e.styles.backgroundColor, "container"), i = T(e), a = _e(e.fontFamily, t), o = e.textAlign;
+function ye(e, t) {
+	if (T(e) || e.items.length === 0) return "";
+	let n = R(e.styles.padding), r = z(e.styles.backgroundColor, "container"), i = E(e), a = Se(e.fontFamily, t), o = e.textAlign;
 	return `<mj-text
-  font-size="${e.fontSize}px"${e.color ? `\n  color="${N(e.color)}"` : ""}
+  font-size="${e.fontSize}px"${e.color ? `\n  color="${P(e.color)}"` : ""}
   align="${o}"
   line-height="1.5"
   padding="${n}"${r}${a}${i}
->${he(e)}</mj-text>`;
+>${be(e)}</mj-text>`;
 }
-function he(e) {
-	let t = e.items, n = M(e.separator), r = P(e.separatorColor), i = e.spacing, a = e.linkColor ?? e.color, o = [], s = t.length;
-	for (let e = 0; e < s; e++) o.push(ge(t[e], a)), e < s - 1 && o.push(`<span style="color: ${r}; padding: 0 ${i}px;">${n}</span>`);
+function be(e) {
+	let t = e.items, n = N(e.separator), r = F(e.separatorColor), i = e.spacing, a = e.linkColor ?? e.color, o = [], s = t.length;
+	for (let e = 0; e < s; e++) o.push(xe(t[e], a)), e < s - 1 && o.push(`<span style="color: ${r}; padding: 0 ${i}px;">${n}</span>`);
 	return o.join("");
 }
-function ge(e, t) {
-	let n = M(e.text), r = N(e.url), i = e.color ?? t, a = e.openInNewTab ? " target=\"_blank\" rel=\"noopener\"" : "", o = ["text-decoration: none"];
-	return i && o.unshift(`color: ${P(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 xe(e, t) {
+	let n = N(e.text), r = P(e.url), i = e.color ?? t, a = e.openInNewTab ? " target=\"_blank\" rel=\"noopener\"" : "", o = ["text-decoration: none"];
+	return i && o.unshift(`color: ${F(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 _e(e, t) {
+function Se(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
 //#endregion
 //#region ../renderer/src/renderers/table.ts
-function ve(e, t) {
-	if (w(e) || e.rows.length === 0) return "";
-	let n = L(e.styles.padding), r = R(e.styles.backgroundColor, "container"), i = T(e), a = Se(e.fontFamily, t);
+function Ce(e, t) {
+	if (T(e) || e.rows.length === 0) return "";
+	let n = R(e.styles.padding), r = z(e.styles.backgroundColor, "container"), i = E(e), a = De(e.fontFamily, t);
 	return `<mj-text
-  font-size="${e.fontSize}px"${e.color ? `\n  color="${N(e.color)}"` : ""}
+  font-size="${e.fontSize}px"${e.color ? `\n  color="${P(e.color)}"` : ""}
   align="${e.textAlign}"
   line-height="1.5"
   padding="${n}"${r}${a}${i}
->${ye(e)}</mj-text>`;
+>${we(e)}</mj-text>`;
 }
-function ye(e) {
-	let t = P(e.borderColor), n = e.borderWidth, r = "";
+function we(e) {
+	let t = F(e.borderColor), n = e.borderWidth, r = "";
 	for (let i = 0; i < e.rows.length; i++) {
 		let a = e.rows[i];
-		r += be(a, e, e.hasHeaderRow && i === 0, t, n);
+		r += Te(a, e, e.hasHeaderRow && i === 0, t, n);
 	}
 	return `<table style="width: 100%; border-collapse: collapse;">${r}</table>`;
 }
-function be(e, t, n, r, i) {
+function Te(e, t, n, r, i) {
 	let a = "";
-	for (let o of e.cells) a += xe(o, t, n, r, i);
+	for (let o of e.cells) a += Ee(o, t, n, r, i);
 	return `<tr>${a}</tr>`;
 }
-function xe(e, t, n, r, i) {
+function Ee(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: ${P(t.headerBackgroundColor)}`));
-	let s = o.join("; "), c = M(F(e.content)), l = n ? "th" : "td";
+	n && (o.push("font-weight: bold"), t.headerBackgroundColor && o.push(`background-color: ${F(t.headerBackgroundColor)}`));
+	let s = o.join("; "), c = N(I(e.content)), l = n ? "th" : "td";
 	return `<${l} style="${s}">${c}</${l}>`;
 }
-function Se(e, t) {
+function De(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
 //#endregion
 //#region ../renderer/src/renderers/custom.ts
-function Ce(e, t) {
-	if (w(e)) return "";
+function Oe(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 padding="${L(e.styles.padding)}"${R(e.styles.backgroundColor, "container")}${r}>
+	let r = E(e);
+	return `<mj-text padding="${R(e.styles.padding)}"${z(e.styles.backgroundColor, "container")}${r}>
 ${n}
 </mj-text>`;
 }
 //#endregion
 //#region ../renderer/src/columns.ts
-function G(e) {
+function K(e) {
 	switch (e) {
 		case "2": return ["50%", "50%"];
 		case "3": return [
@@ -417,7 +430,7 @@ function G(e) {
 		default: return ["100%"];
 	}
 }
-function K(e, t) {
+function q(e, t) {
 	switch (e) {
 		case "2": return [t * .5, t * .5];
 		case "3": return [
@@ -432,7 +445,7 @@ function K(e, t) {
 }
 //#endregion
 //#region ../renderer/src/display-condition.ts
-function q(e, t) {
+function J(e, t) {
 	if (t === "") return "";
 	let n = e.displayCondition;
 	return n ? `<mj-raw>${n.before}</mj-raw>
@@ -441,28 +454,28 @@ function q(e, t) {
 }
 //#endregion
 //#region ../renderer/src/renderers/section.ts
-function we(e, t, n) {
-	if (w(e)) return "";
-	let r = e.columns, i = G(r), a = K(r, t.containerWidth), o = L(e.styles.padding), s = R(e.styles.backgroundColor, "native"), c = T(e), l = e.borderRadius && e.borderRadius > 0 ? ` border-radius="${e.borderRadius}px"` : "", u = e.children, d = [];
-	for (let e = 0; e < u.length; e++) {
-		let r = u[e], o = i[e] ?? "100%", s = Math.floor(a[e] ?? t.containerWidth), c = Te(r, t.allowHtmlBlocks).filter((e) => !h(e)), l = t.withContainerWidth(s), f = c.map((e) => q(e, n(e, l))).filter((e) => e !== "").join("\n");
-		d.push(`<mj-column width="${o}">
-${f === "" ? "<mj-text>&nbsp;</mj-text>" : f}
+function ke(e, t, n) {
+	if (T(e)) return "";
+	let r = e.columns, i = K(r), a = q(r, t.containerWidth), o = R(e.styles.padding), s = z(e.styles.backgroundColor, "native"), c = E(e), l = H(e.borderRadius), u = V(e.border), 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 = Ae(r, t.allowHtmlBlocks).filter((e) => !g(e)), l = t.withContainerWidth(s), u = c.map((e) => J(e, n(e, l))).filter((e) => e !== "").join("\n");
+		f.push(`<mj-column width="${o}">
+${u === "" ? "<mj-text>&nbsp;</mj-text>" : u}
 </mj-column>`);
 	}
-	let f = d.join("\n"), p = t.contentDirection === "rtl" ? " direction=\"rtl\"" : "";
-	return `<mj-section${s} padding="${o}"${l}${c}${p}>
-${e.stackOnMobile === !1 && d.length > 1 ? `<mj-group${p}>
-${f}
-</mj-group>` : f}
+	let p = f.join("\n"), m = t.contentDirection === "rtl" ? " direction=\"rtl\"" : "";
+	return `<mj-section${s} padding="${o}"${u}${l}${c}${m}>
+${e.stackOnMobile === !1 && f.length > 1 ? `<mj-group${m}>
+${p}
+</mj-group>` : p}
 </mj-section>`;
 }
-function Te(e, t) {
+function Ae(e, t) {
 	return t ? e : e.filter((e) => e.type !== "html");
 }
 //#endregion
 //#region ../renderer/src/renderers/video.ts
-function Ee(e, t) {
+function je(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})/]) {
@@ -472,43 +485,43 @@ function Ee(e, t) {
 	let n = e.match(/vimeo\.com\/(?:video\/)?(\d+)/);
 	return n ? `https://vumbnail.com/${n[1]}.jpg` : null;
 }
-function De(e, t) {
-	if (w(e)) return "";
-	let n = Ee(e.url, e.thumbnailUrl);
+function Me(e, t) {
+	if (T(e)) return "";
+	let n = je(e.url, e.thumbnailUrl);
 	if (!n) return "";
-	let r = L(e.styles.padding), i = R(e.styles.backgroundColor, "container"), a = e.width === "full" ? t.containerWidth + "px" : e.width + "px", o = z(e.height), s = T(e);
+	let r = R(e.styles.padding), i = z(e.styles.backgroundColor, "container"), a = e.width === "full" ? t.containerWidth + "px" : e.width + "px", o = B(e.height), s = E(e);
 	return `<mj-image
-  src="${N(n)}"
-  alt="${N(e.alt)}"
+  src="${P(n)}"
+  alt="${P(e.alt)}"
   width="${a}"${o}
   align="${e.align}"
   padding="${r}"
-  href="${N(e.url)}"
+  href="${P(e.url)}"
   target="_blank"
   rel="noopener"${i}${s}
 />`;
 }
 //#endregion
 //#region ../renderer/src/renderers/index.ts
-function J(t, r) {
-	let s = r.blockRenderers[t.type];
-	return s ? s(t, r) : h(t) ? we(t, r, J) : c(t) ? ie(t, r) : f(t) ? se(t, r) : l(t) ? ce(t, r) : i(t) ? le(t, r) : n(t) ? ue(t, r) : p(t) ? de(t, r) : e(t) ? fe(t, r) : o(t) ? pe(t, r) : _(t) ? me(t, r) : g(t) ? ve(t, r) : d(t) ? De(t, r) : a(t) ? Ce(t, r) : w(t) ? "" : k(t);
+function Y(t, r) {
+	let o = r.blockRenderers[t.type];
+	return o ? o(t, r) : g(t) ? ke(t, r, Y) : l(t) ? ae(t, r) : m(t) ? ce(t, r) : u(t) ? le(t, r) : i(t) ? ue(t, r) : n(t) ? he(t, r) : h(t) ? ge(t, r) : e(t) ? _e(t, r) : s(t) ? ve(t, r) : v(t) ? ye(t, r) : _(t) ? Ce(t, r) : f(t) ? Me(t, r) : a(t) ? Oe(t, r) : T(t) ? "" : A(t);
 }
 //#endregion
 //#region ../renderer/src/index.ts
-async function Oe(e, n) {
-	let i = n?.layout ? s(n.layout, e) : (ee(e), r(e), e), a = n?.customFonts ?? [], o = n?.defaultFallbackFont ?? "Arial, sans-serif", c = n?.allowHtmlBlocks ?? !0, l = Z(n?.socialIconsBaseUrl ?? x), u = await Me(i, n?.renderCustomBlock), d = Ne(i, n?.getCustomBlockStylesheet), f = t(i.settings), p = new C(i.settings.width, a, o, c, u, l, n?.blockRenderers ?? {}, f), m = Q(i.blocks, c), h = p.resolveFontFamily(i.settings.fontFamily), g = i.settings.backgroundColor, _ = i.settings.textColor ? ` color="${N(i.settings.textColor)}"` : "", v = i.settings.linkColor ? P(i.settings.linkColor) : "inherit", y = i.settings.linkUnderline ? "underline" : "none", b = m.map((e) => Y(e, p)).filter((e) => e !== "").join("\n"), S = je(a), w = Ae(i.settings.preheaderText);
-	return `<mjml lang="${N(i.settings.locale)}" dir="${N(f)}">
-  <mj-head>${w}
+async function Ne(e, n) {
+	let i = n?.layout ? c(n.layout, e) : (ee(e), r(e), e), a = n?.customFonts ?? [], o = n?.defaultFallbackFont ?? "Arial, sans-serif", s = n?.allowHtmlBlocks ?? !0, l = Fe(n?.socialIconsBaseUrl ?? C), u = await Re(i, n?.renderCustomBlock), d = ze(i, n?.getCustomBlockStylesheet), f = t(i.settings), p = new w(i.settings.width, a, o, s, u, l, n?.blockRenderers ?? {}, f), m = Q(i.blocks, s), h = p.resolveFontFamily(i.settings.fontFamily), g = i.settings.backgroundColor, _ = i.settings.textColor ? ` color="${P(i.settings.textColor)}"` : "", v = i.settings.linkColor ? F(i.settings.linkColor) : "inherit", y = i.settings.linkUnderline ? "underline" : "none", b = m.map((e) => X(e, p)).filter((e) => e !== "").join("\n"), x = Le(a), S = Ie(i.settings.preheaderText);
+	return `<mjml lang="${P(i.settings.locale)}" dir="${P(f)}">
+  <mj-head>${S}
     <mj-attributes>
       <mj-all font-family="${h}" />
       <mj-text font-size="14px"${_} />
       <mj-section padding="0" />
       <mj-column padding="0" />
       <mj-image fluid-on-mobile="true" />
-    </mj-attributes>${S}
+    </mj-attributes>${x}
     <mj-style inline="inline">
-      ${ne(re(m), f)}
+      ${re(ie(m), f)}
     </mj-style>
     <mj-style>
       a { color: ${v}; text-decoration: ${y}; }
@@ -518,52 +531,52 @@ async function Oe(e, n) {
       @media only screen and (min-width: 481px) {
         .tpl-hide-desktop { display: none !important; mso-hide: all !important; }
       }
-    </mj-style>${Pe(d)}
+    </mj-style>${Be(d)}
   </mj-head>
   <mj-body width="${p.containerWidth}px" background-color="${g}">
 ${b}
   </mj-body>
 </mjml>`;
 }
-function Y(e, t) {
-	if (v(e)) return q(e, X(Q(e.children, t.allowHtmlBlocks).map((e) => Y(e, t)).filter((e) => e !== "").join("\n"), {
+function X(e, t) {
+	if (y(e)) return J(e, Z(Q(e.children, t.allowHtmlBlocks).map((e) => X(e, t)).filter((e) => e !== "").join("\n"), {
 		backgroundColor: e.styles.backgroundColor,
 		padding: e.styles.padding,
 		borderRadius: e.borderRadius
 	}));
-	if (h(e)) {
-		let n = J(e, t);
-		return q(e, e.wrapper && n !== "" ? X(n, e.wrapper) : n);
+	if (g(e)) {
+		let n = Y(e, t);
+		return J(e, e.wrapper && n !== "" ? Z(n, e.wrapper) : n);
 	}
-	return q(e, ke(J(e, t), t.contentDirection));
+	return J(e, Pe(Y(e, t), t.contentDirection));
 }
-function X(e, t) {
-	return `<mj-wrapper${R(t.backgroundColor, "native")}${` padding="${t.padding ? L(t.padding) : "0"}"`}${t.borderRadius && t.borderRadius > 0 ? ` border-radius="${t.borderRadius}px"` : ""}>
+function Z(e, t) {
+	return `<mj-wrapper${z(t.backgroundColor, "native")}${` padding="${t.padding ? R(t.padding) : "0"}"`}${H(t.borderRadius)}>
 ${e}
 </mj-wrapper>`;
 }
-function ke(e, t) {
+function Pe(e, t) {
 	return e === "" ? "" : `<mj-section${t === "rtl" ? " direction=\"rtl\"" : ""}>
   <mj-column>
 ${e}
   </mj-column>
 </mj-section>`;
 }
-function Z(e) {
+function Fe(e) {
 	return e.endsWith("/") ? e.slice(0, -1) : e;
 }
-function Ae(e) {
+function Ie(e) {
 	if (!e) return "";
 	let t = e.trim();
-	return t === "" ? "" : `\n    <mj-preview>${M(t)}</mj-preview>`;
+	return t === "" ? "" : `\n    <mj-preview>${N(t)}</mj-preview>`;
 }
-function je(e) {
-	return e.length === 0 ? "" : e.map((e) => `\n    <mj-font name="${N(e.name)}" href="${N(e.url)}" />`).join("");
+function Le(e) {
+	return e.length === 0 ? "" : e.map((e) => `\n    <mj-font name="${P(e.name)}" href="${P(e.url)}" />`).join("");
 }
 function Q(e, t) {
 	return t ? e : e.filter((e) => e.type !== "html");
 }
-async function Me(e, t) {
+async function Re(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	if (!t) return n;
 	let r = [];
@@ -578,11 +591,11 @@ function $(e, t) {
 			t.push(n);
 			continue;
 		}
-		if (h(n)) for (let e of n.children) $(e, t);
-		else v(n) && $(n.children, t);
+		if (g(n)) for (let e of n.children) $(e, t);
+		else y(n) && $(n.children, t);
 	}
 }
-function Ne(e, t) {
+function ze(e, t) {
 	if (!t) return [];
 	let n = [];
 	if ($(e.blocks, n), n.length === 0) return [];
@@ -597,10 +610,10 @@ function Ne(e, t) {
 	}
 	return a;
 }
-function Pe(e) {
+function Be(e) {
 	return e.length === 0 ? "" : e.map((e) => `\n    <mj-style>\n${e}\n    </mj-style>`).join("");
 }
 //#endregion
-export { x as DEFAULT_SOCIAL_ICONS_BASE_URL, B as RICH_TEXT_CSS_CLASS, C as RenderContext, D as UNRENDERABLE_MARKER_PREFIX, F as convertMergeTagsToValues, N as escapeAttr, M as escapeHtml, T as getCssClassAttr, E as getCssClasses, G as getWidthPercentages, K as getWidthPixels, w as isHiddenOnAll, J as renderBlock, Oe as renderToMjml, k as renderUnrenderableBlock, H as resolveParagraphGap, V as richTextGapClass, L as toPaddingString };
+export { C as DEFAULT_SOCIAL_ICONS_BASE_URL, U as RICH_TEXT_CSS_CLASS, w as RenderContext, O as UNRENDERABLE_MARKER_PREFIX, I as convertMergeTagsToValues, P as escapeAttr, N as escapeHtml, E as getCssClassAttr, D as getCssClasses, K as getWidthPercentages, q as getWidthPixels, T as isHiddenOnAll, Y as renderBlock, Ne as renderToMjml, A as renderUnrenderableBlock, G as resolveParagraphGap, W as richTextGapClass, R as toPaddingString };
 
-//# sourceMappingURL=src-CbGCES0u.js.map
+//# sourceMappingURL=src-BxoLKnkl.js.map