@templatical/editor 0.11.1 → 0.12.1

package/dist/cdn/chunks/readableTextColor-f8Kykfnh.js.map

@@ -1 +1 @@
-{"version":3,"file":"readableTextColor-f8Kykfnh.js","names":[],"sources":["../../../src/utils/readableTextColor.ts"],"sourcesContent":["/**\n * Pick the text color with the highest WCAG contrast against a background.\n * Inputs must be #rgb or #rrggbb. Returns `light` on unrecognized input.\n */\nexport function readableTextColor(\n  background: string,\n  options: { light?: string; dark?: string } = {},\n): string {\n  const light = options.light ?? \"#ffffff\";\n  const dark = options.dark ?? \"#1f1f1f\";\n\n  const rgb = parseHexRgb(background);\n  if (!rgb) return light;\n\n  const bgLuminance = relativeLuminance(rgb);\n  const lightRgb = parseHexRgb(light);\n  const darkRgb = parseHexRgb(dark);\n  const lightLuminance = lightRgb ? relativeLuminance(lightRgb) : 1;\n  const darkLuminance = darkRgb ? relativeLuminance(darkRgb) : 0;\n\n  const contrastLight = contrastRatio(bgLuminance, lightLuminance);\n  const contrastDark = contrastRatio(bgLuminance, darkLuminance);\n\n  return contrastLight >= contrastDark ? light : dark;\n}\n\nfunction parseHexRgb(hex: string): [number, number, number] | null {\n  const match = hex.trim().match(/^#?([\\da-f]{3}|[\\da-f]{6})$/i);\n  if (!match) return null;\n  let value = match[1];\n  if (value.length === 3) {\n    value = value\n      .split(\"\")\n      .map((c) => c + c)\n      .join(\"\");\n  }\n  return [\n    parseInt(value.slice(0, 2), 16),\n    parseInt(value.slice(2, 4), 16),\n    parseInt(value.slice(4, 6), 16),\n  ];\n}\n\nfunction relativeLuminance([r, g, b]: [number, number, number]): number {\n  const toLinear = (channel: number): number => {\n    const normalized = channel / 255;\n    return normalized <= 0.03928\n      ? normalized / 12.92\n      : Math.pow((normalized + 0.055) / 1.055, 2.4);\n  };\n  return 0.2126 * toLinear(r) + 0.7152 * toLinear(g) + 0.0722 * toLinear(b);\n}\n\nfunction contrastRatio(l1: number, l2: number): number {\n  const [lighter, darker] = l1 >= l2 ? [l1, l2] : [l2, l1];\n  return (lighter + 0.05) / (darker + 0.05);\n}\n"],"mappings":";AAIA,SAAgB,EACd,GACA,IAA6C,CAAC,GACtC;CACR,IAAM,IAAQ,EAAQ,SAAS,WACzB,IAAO,EAAQ,QAAQ,WAEvB,IAAM,EAAY,CAAU;CAClC,IAAI,CAAC,GAAK,OAAO;CAEjB,IAAM,IAAc,EAAkB,CAAG,GACnC,IAAW,EAAY,CAAK,GAC5B,IAAU,EAAY,CAAI,GAC1B,IAAiB,IAAW,EAAkB,CAAQ,IAAI,GAC1D,IAAgB,IAAU,EAAkB,CAAO,IAAI;CAK7D,OAHsB,EAAc,GAAa,CAG1C,KAFc,EAAc,GAAa,CAExB,IAAe,IAAQ;AACjD;AAEA,SAAS,EAAY,GAA8C;CACjE,IAAM,IAAQ,EAAI,KAAK,EAAE,MAAM,8BAA8B;CAC7D,IAAI,CAAC,GAAO,OAAO;CACnB,IAAI,IAAQ,EAAM;CAOlB,OANI,EAAM,WAAW,MACnB,IAAQ,EACL,MAAM,EAAE,EACR,KAAK,MAAM,IAAI,CAAC,EAChB,KAAK,EAAE,IAEL;EACL,SAAS,EAAM,MAAM,GAAG,CAAC,GAAG,EAAE;EAC9B,SAAS,EAAM,MAAM,GAAG,CAAC,GAAG,EAAE;EAC9B,SAAS,EAAM,MAAM,GAAG,CAAC,GAAG,EAAE;CAChC;AACF;AAEA,SAAS,EAAkB,CAAC,GAAG,GAAG,IAAsC;CACtE,IAAM,KAAY,MAA4B;EAC5C,IAAM,IAAa,IAAU;EAC7B,OAAO,KAAc,SACjB,IAAa,UACH,IAAa,QAAS,UAAO;CAC7C;CACA,OAAO,QAAS,EAAS,CAAC,IAAI,QAAS,EAAS,CAAC,IAAI,QAAS,EAAS,CAAC;AAC1E;AAEA,SAAS,EAAc,GAAY,GAAoB;CACrD,IAAM,CAAC,GAAS,KAAU,KAAM,IAAK,CAAC,GAAI,CAAE,IAAI,CAAC,GAAI,CAAE;CACvD,QAAQ,IAAU,QAAS,IAAS;AACtC"}
+{"version":3,"file":"readableTextColor-f8Kykfnh.js","names":[],"sources":["../../../src/utils/readableTextColor.ts"],"sourcesContent":["/**\n * Pick the text color with the highest WCAG contrast against a background.\n * Inputs must be #rgb or #rrggbb. Returns `light` on unrecognized input.\n */\nexport function readableTextColor(\n  background: string,\n  options: { light?: string; dark?: string } = {},\n): string {\n  const light = options.light ?? \"#ffffff\";\n  const dark = options.dark ?? \"#1f1f1f\";\n\n  const rgb = parseHexRgb(background);\n  if (!rgb) return light;\n\n  const bgLuminance = relativeLuminance(rgb);\n  const lightRgb = parseHexRgb(light);\n  const darkRgb = parseHexRgb(dark);\n  const lightLuminance = lightRgb ? relativeLuminance(lightRgb) : 1;\n  const darkLuminance = darkRgb ? relativeLuminance(darkRgb) : 0;\n\n  const contrastLight = contrastRatio(bgLuminance, lightLuminance);\n  const contrastDark = contrastRatio(bgLuminance, darkLuminance);\n\n  return contrastLight >= contrastDark ? light : dark;\n}\n\nfunction parseHexRgb(hex: string): [number, number, number] | null {\n  const match = hex.trim().match(/^#?([\\da-f]{3}|[\\da-f]{6})$/i);\n  if (!match) return null;\n  let value = match[1];\n  if (value.length === 3) {\n    value = value\n      .split(\"\")\n      .map((c) => c + c)\n      .join(\"\");\n  }\n  return [\n    parseInt(value.slice(0, 2), 16),\n    parseInt(value.slice(2, 4), 16),\n    parseInt(value.slice(4, 6), 16),\n  ];\n}\n\nfunction relativeLuminance([r, g, b]: [number, number, number]): number {\n  const toLinear = (channel: number): number => {\n    const normalized = channel / 255;\n    return normalized <= 0.03928\n      ? normalized / 12.92\n      : Math.pow((normalized + 0.055) / 1.055, 2.4);\n  };\n  return 0.2126 * toLinear(r) + 0.7152 * toLinear(g) + 0.0722 * toLinear(b);\n}\n\nfunction contrastRatio(l1: number, l2: number): number {\n  const [lighter, darker] = l1 >= l2 ? [l1, l2] : [l2, l1];\n  return (lighter + 0.05) / (darker + 0.05);\n}\n"],"mappings":";AAIA,SAAgB,EACd,GACA,IAA6C,CAAC,GACtC;CACR,IAAM,IAAQ,EAAQ,SAAS,WACzB,IAAO,EAAQ,QAAQ,WAEvB,IAAM,EAAY,CAAU;CAClC,IAAI,CAAC,GAAK,OAAO;CAEjB,IAAM,IAAc,EAAkB,CAAG,GACnC,IAAW,EAAY,CAAK,GAC5B,IAAU,EAAY,CAAI,GAC1B,IAAiB,IAAW,EAAkB,CAAQ,IAAI,GAC1D,IAAgB,IAAU,EAAkB,CAAO,IAAI;CAK7D,OAHsB,EAAc,GAAa,CAG1C,KAFc,EAAc,GAAa,CAExB,IAAe,IAAQ;AACjD;AAEA,SAAS,EAAY,GAA8C;CACjE,IAAM,IAAQ,EAAI,KAAK,CAAC,CAAC,MAAM,8BAA8B;CAC7D,IAAI,CAAC,GAAO,OAAO;CACnB,IAAI,IAAQ,EAAM;CAOlB,OANI,EAAM,WAAW,MACnB,IAAQ,EACL,MAAM,EAAE,CAAC,CACT,KAAK,MAAM,IAAI,CAAC,CAAC,CACjB,KAAK,EAAE,IAEL;EACL,SAAS,EAAM,MAAM,GAAG,CAAC,GAAG,EAAE;EAC9B,SAAS,EAAM,MAAM,GAAG,CAAC,GAAG,EAAE;EAC9B,SAAS,EAAM,MAAM,GAAG,CAAC,GAAG,EAAE;CAChC;AACF;AAEA,SAAS,EAAkB,CAAC,GAAG,GAAG,IAAsC;CACtE,IAAM,KAAY,MAA4B;EAC5C,IAAM,IAAa,IAAU;EAC7B,OAAO,KAAc,SACjB,IAAa,UACH,IAAa,QAAS,UAAO;CAC7C;CACA,OAAO,QAAS,EAAS,CAAC,IAAI,QAAS,EAAS,CAAC,IAAI,QAAS,EAAS,CAAC;AAC1E;AAEA,SAAS,EAAc,GAAY,GAAoB;CACrD,IAAM,CAAC,GAAS,KAAU,KAAM,IAAK,CAAC,GAAI,CAAE,IAAI,CAAC,GAAI,CAAE;CACvD,QAAQ,IAAU,QAAS,IAAS;AACtC"}

package/dist/cdn/chunks/{renderer-BcOaxCs6.js → renderer-C0vdAODQ.js}

@@ -1,11 +1,11 @@
 import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
-import { An as t, Bn as n, Fn as r, Hn as i, In as a, Ln as o, Mn as s, Nn as c, Pn as l, Rn as u, Un as d, Vn as f, jn as p, zn as m } from "./features-mO5NzwnN.js";
+import { An as t, Bn as n, Fn as r, Hn as i, In as a, Ln as o, Mn as s, Nn as c, Pn as l, Rn as u, Vn as d, jn as f, kn as p, zn as m } from "./features-DxWz_Enw.js";
 //#endregion
 //#region ../renderer/src/render-context.ts
 var h = `https://unpkg.com/@templatical/renderer@${{
 	name: "@templatical/renderer",
 	description: "Render Templatical email templates to MJML",
-	version: "0.11.1",
+	version: "0.12.1",
 	bugs: "https://github.com/templatical/sdk/issues",
 	dependencies: { "@templatical/types": "workspace:*" },
 	devDependencies: {
@@ -155,27 +155,27 @@ function A(e) {
 }
 //#endregion
 //#region ../renderer/src/renderers/title.ts
-function j(e, t) {
+function ee(e, t) {
 	if (O(e)) return "";
-	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = ee(C(e.content)), a = d[e.level] ?? d[2], o = x(e.color), s = e.textAlign, c = te(e.fontFamily, t), l = k(e), u = `h${d[e.level] ? e.level : 2}`;
+	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), a = te(C(e.content)), o = i[e.level] ?? i[2], s = x(e.color), c = e.textAlign, l = ne(e.fontFamily, t), u = k(e), d = `h${i[e.level] ? e.level : 2}`;
 	return `<mj-text
-  font-size="${a}px"
-  color="${o}"
-  align="${s}"
+  font-size="${o}px"
+  color="${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">${a}</${d}></mj-text>`;
 }
-function ee(e) {
+function te(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 ne(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
 //#endregion
 //#region ../renderer/src/renderers/paragraph.ts
-function ne(e, t) {
+function re(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);
 	return `<mj-text
@@ -185,7 +185,7 @@ function ne(e, t) {
 }
 //#endregion
 //#region ../renderer/src/renderers/image.ts
-function M(e, t) {
+function j(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\""));
@@ -200,7 +200,7 @@ function M(e, t) {
 }
 //#endregion
 //#region ../renderer/src/renderers/button.ts
-function N(e, t) {
+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);
 	return `<mj-button${o}${e.openInNewTab ? " target=\"_blank\" rel=\"noopener\"" : ""}
@@ -210,12 +210,15 @@ function N(e, t) {
   font-weight="bold"
   border-radius="${u}px"
   inner-padding="${i}"
-  padding="${n}"${r}${P(e.fontFamily, t)}${k(e)}
+  padding="${n}"${r}${N(e.fontFamily, t)}${P(e.width)}${k(e)}
 >${d}</mj-button>`;
 }
-function P(e, t) {
+function N(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
+function P(e) {
+	return e === void 0 ? "" : ` width="${e === "full" ? "100%" : `${e}px`}"`;
+}
 //#endregion
 //#region ../renderer/src/renderers/divider.ts
 function F(e, t) {
@@ -320,7 +323,7 @@ function H(e, t) {
 //#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);
+	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = k(e), a = ie(e.fontFamily, t);
 	return `<mj-text
   font-size="${e.fontSize}px"
   color="${x(e.color)}"
@@ -348,12 +351,12 @@ function K(e, t, n, r, i) {
 	let s = o.join("; "), c = C(e.content), l = n ? "th" : "td";
 	return `<${l} style="${s}">${c}</${l}>`;
 }
-function q(e, t) {
+function ie(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
 //#endregion
 //#region ../renderer/src/renderers/custom.ts
-function re(e, t) {
+function q(e, t) {
 	if (O(e)) return "";
 	let n = t.customBlockHtml.get(e.id) ?? e.renderedHtml;
 	if (!n || n === "") return "";
@@ -401,11 +404,11 @@ function X(e, t) {
 }
 //#endregion
 //#region ../renderer/src/renderers/section.ts
-function ie(e, t, n) {
+function ae(e, t, n) {
 	if (O(e)) return "";
-	let r = e.columns, i = J(r), a = Y(r, t.containerWidth), s = E(e.styles.padding), c = D(e.styles.backgroundColor, "native"), l = k(e), u = e.children, d = [];
+	let r = e.columns, i = J(r), o = Y(r, t.containerWidth), s = E(e.styles.padding), c = D(e.styles.backgroundColor, "native"), l = k(e), u = e.children, d = [];
 	for (let e = 0; e < u.length; e++) {
-		let r = u[e], s = i[e] ?? "100%", c = Math.floor(a[e] ?? t.containerWidth), l = ae(r, t.allowHtmlBlocks).filter((e) => !o(e)), f = t.withContainerWidth(c), p = l.map((e) => X(e, n(e, f))).filter((e) => e !== "").join("\n");
+		let r = u[e], s = i[e] ?? "100%", c = Math.floor(o[e] ?? t.containerWidth), l = oe(r, t.allowHtmlBlocks).filter((e) => !a(e)), f = t.withContainerWidth(c), p = l.map((e) => X(e, n(e, f))).filter((e) => e !== "").join("\n");
 		d.push(`<mj-column width="${s}">
 ${p === "" ? "<mj-text>&nbsp;</mj-text>" : p}
 </mj-column>`);
@@ -414,12 +417,12 @@ ${p === "" ? "<mj-text>&nbsp;</mj-text>" : p}
 ${d.join("\n")}
 </mj-section>`;
 }
-function ae(e, t) {
+function oe(e, t) {
 	return t ? e : e.filter((e) => e.type !== "html");
 }
 //#endregion
 //#region ../renderer/src/renderers/video.ts
-function oe(e, t) {
+function se(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})/]) {
@@ -429,9 +432,9 @@ function oe(e, t) {
 	let n = e.match(/vimeo\.com\/(?:video\/)?(\d+)/);
 	return n ? `https://vumbnail.com/${n[1]}.jpg` : null;
 }
-function se(e, t) {
+function ce(e, t) {
 	if (O(e)) return "";
-	let n = oe(e.url, e.thumbnailUrl);
+	let n = se(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);
 	return `<mj-image
@@ -447,12 +450,12 @@ function se(e, t) {
 }
 //#endregion
 //#region ../renderer/src/renderers/index.ts
-function Z(e, d) {
-	return o(e) ? ie(e, d, Z) : f(e) ? j(e, d) : a(e) ? ne(e, d) : l(e) ? M(e, d) : t(e) ? N(e, d) : s(e) ? F(e, d) : m(e) ? I(e, d) : c(e) ? L(e, d) : u(e) ? R(e, d) : r(e) ? z(e, d) : n(e) ? U(e, d) : i(e) ? se(e, d) : p(e) ? re(e, d) : "";
+function Z(e, i) {
+	return a(e) ? ae(e, i, Z) : n(e) ? ee(e, i) : r(e) ? re(e, i) : c(e) ? j(e, i) : p(e) ? M(e, i) : f(e) ? F(e, i) : u(e) ? I(e, i) : s(e) ? L(e, i) : o(e) ? R(e, i) : l(e) ? z(e, i) : m(e) ? U(e, i) : d(e) ? ce(e, i) : t(e) ? q(e, i) : "";
 }
 //#endregion
 //#region ../renderer/src/index.ts
-var ce = /* @__PURE__ */ e({
+var le = /* @__PURE__ */ e({
 	DEFAULT_SOCIAL_ICONS_BASE_URL: () => h,
 	RenderContext: () => _,
 	convertMergeTagsToValues: () => C,
@@ -464,11 +467,11 @@ var ce = /* @__PURE__ */ e({
 	getWidthPixels: () => Y,
 	isHiddenOnAll: () => O,
 	renderBlock: () => Z,
-	renderToMjml: () => le,
+	renderToMjml: () => ue,
 	toPaddingString: () => E
 });
-async function le(e, t) {
-	let n = t?.customFonts ?? [], r = t?.defaultFallbackFont ?? "Arial, sans-serif", i = t?.allowHtmlBlocks ?? !0, a = fe(t?.socialIconsBaseUrl ?? h), o = await he(e, t?.renderCustomBlock), s = ge(e, t?.getCustomBlockStylesheet), c = new _(e.settings.width, n, r, i, o, a), l = Q(e.blocks, i), u = c.resolveFontFamily(e.settings.fontFamily), d = e.settings.backgroundColor, f = l.map((e) => ue(e, c)).filter((e) => e !== "").join("\n"), p = me(n), m = pe(e.settings.preheaderText);
+async function ue(e, t) {
+	let n = t?.customFonts ?? [], r = t?.defaultFallbackFont ?? "Arial, sans-serif", i = t?.allowHtmlBlocks ?? !0, a = pe(t?.socialIconsBaseUrl ?? h), o = await ge(e, t?.renderCustomBlock), s = _e(e, t?.getCustomBlockStylesheet), c = new _(e.settings.width, n, r, i, o, a), l = he(e.blocks, i), u = c.resolveFontFamily(e.settings.fontFamily), d = e.settings.backgroundColor, f = l.map((e) => de(e, c)).filter((e) => e !== "").join("\n"), p = Q(n), m = me(e.settings.preheaderText);
 	return `<mjml lang="${x(e.settings.locale)}">
   <mj-head>${m}
     <mj-attributes>
@@ -486,38 +489,38 @@ async function le(e, t) {
       @media only screen and (min-width: 481px) {
         .tpl-hide-desktop { display: none !important; mso-hide: all !important; }
       }
-    </mj-style>${_e(s)}
+    </mj-style>${ve(s)}
   </mj-head>
   <mj-body width="${c.containerWidth}px" background-color="${d}">
 ${f}
   </mj-body>
 </mjml>`;
 }
-function ue(e, t) {
-	return o(e) ? X(e, Z(e, t)) : X(e, de(Z(e, t)));
+function de(e, t) {
+	return a(e) ? X(e, Z(e, t)) : X(e, fe(Z(e, t)));
 }
-function de(e) {
+function fe(e) {
 	return e === "" ? "" : `<mj-section>
   <mj-column>
 ${e}
   </mj-column>
 </mj-section>`;
 }
-function fe(e) {
+function pe(e) {
 	return e.endsWith("/") ? e.slice(0, -1) : e;
 }
-function pe(e) {
+function me(e) {
 	if (!e) return "";
 	let t = e.trim();
 	return t === "" ? "" : `\n    <mj-preview>${b(t)}</mj-preview>`;
 }
-function me(e) {
+function Q(e) {
 	return e.length === 0 ? "" : e.map((e) => `\n    <mj-font name="${x(e.name)}" href="${x(e.url)}" />`).join("");
 }
-function Q(e, t) {
+function he(e, t) {
 	return t ? e : e.filter((e) => e.type !== "html");
 }
-async function he(e, t) {
+async function ge(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	if (!t) return n;
 	let r = [];
@@ -526,16 +529,16 @@ async function he(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 (p(n)) {
-			t.push(n);
+function $(e, n) {
+	for (let r of e) {
+		if (t(r)) {
+			n.push(r);
 			continue;
 		}
-		if (o(n)) for (let e of n.children) $(e, t);
+		if (a(r)) for (let e of r.children) $(e, n);
 	}
 }
-function ge(e, t) {
+function _e(e, t) {
 	if (!t) return [];
 	let n = [];
 	if ($(e.blocks, n), n.length === 0) return [];
@@ -550,10 +553,10 @@ function ge(e, t) {
 	}
 	return a;
 }
-function _e(e) {
+function ve(e) {
 	return e.length === 0 ? "" : e.map((e) => `\n    <mj-style>\n${e}\n    </mj-style>`).join("");
 }
 //#endregion
-export { ce as t };
+export { le as t };
 
-//# sourceMappingURL=renderer-BcOaxCs6.js.map
+//# sourceMappingURL=renderer-C0vdAODQ.js.map

package/dist/cdn/chunks/renderer-C0vdAODQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-C0vdAODQ.js","names":[],"sources":["../../../../renderer/package.json","../../../../renderer/src/render-context.ts","../../../../renderer/src/escape.ts","../../../../renderer/src/padding.ts","../../../../renderer/src/utils.ts","../../../../renderer/src/visibility.ts","../../../../renderer/src/renderers/title.ts","../../../../renderer/src/renderers/paragraph.ts","../../../../renderer/src/renderers/image.ts","../../../../renderer/src/renderers/button.ts","../../../../renderer/src/renderers/divider.ts","../../../../renderer/src/renderers/spacer.ts","../../../../renderer/src/renderers/html.ts","../../../../renderer/src/renderers/social.ts","../../../../renderer/src/renderers/menu.ts","../../../../renderer/src/renderers/table.ts","../../../../renderer/src/renderers/custom.ts","../../../../renderer/src/columns.ts","../../../../renderer/src/display-condition.ts","../../../../renderer/src/renderers/section.ts","../../../../renderer/src/renderers/video.ts","../../../../renderer/src/renderers/index.ts","../../../../renderer/src/index.ts"],"sourcesContent":["{\n  \"name\": \"@templatical/renderer\",\n  \"description\": \"Render Templatical email templates to MJML\",\n  \"version\": \"0.12.1\",\n  \"bugs\": \"https://github.com/templatical/sdk/issues\",\n  \"dependencies\": {\n    \"@templatical/types\": \"workspace:*\"\n  },\n  \"devDependencies\": {\n    \"@resvg/resvg-js\": \"^2.6.2\",\n    \"mjml\": \"^5.3.0\",\n    \"typescript\": \"^6.0.3\",\n    \"vitest\": \"^4.1.9\"\n  },\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"import\": \"./dist/index.js\"\n    }\n  },\n  \"files\": [\n    \"dist\",\n    \"assets\"\n  ],\n  \"homepage\": \"https://templatical.com\",\n  \"keywords\": [\n    \"email\",\n    \"email-template\",\n    \"html-email\",\n    \"mjml\",\n    \"renderer\",\n    \"templatical\"\n  ],\n  \"license\": \"MIT\",\n  \"module\": \"./dist/index.js\",\n  \"publishConfig\": {\n    \"access\": \"public\"\n  },\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"git+https://github.com/templatical/sdk.git\",\n    \"directory\": \"packages/renderer\"\n  },\n  \"scripts\": {\n    \"build\": \"tsdown && node scripts/rasterize-social.mjs\",\n    \"test\": \"vitest run --config vitest.config.ts\",\n    \"typecheck\": \"tsc --noEmit\"\n  },\n  \"type\": \"module\",\n  \"types\": \"./dist/index.d.ts\"\n}\n","import type { CustomFont } from \"@templatical/types\";\nimport pkg from \"../package.json\" with { type: \"json\" };\n\nexport const DEFAULT_SOCIAL_ICONS_BASE_URL = `https://unpkg.com/@templatical/renderer@${pkg.version}/assets/social`;\n\nconst BUILT_IN_FONT_FALLBACKS: Record<string, string> = {\n  arial: \"Arial, sans-serif\",\n  helvetica: \"Helvetica, sans-serif\",\n  georgia: \"Georgia, serif\",\n  \"times new roman\": \"'Times New Roman', serif\",\n  verdana: \"Verdana, sans-serif\",\n  \"trebuchet ms\": \"'Trebuchet MS', sans-serif\",\n  \"courier new\": \"'Courier New', monospace\",\n  tahoma: \"Tahoma, sans-serif\",\n};\n\n/**\n * Immutable context passed through the block rendering chain.\n */\nexport class RenderContext {\n  constructor(\n    public readonly containerWidth: number,\n    public readonly customFonts: CustomFont[],\n    public readonly defaultFallbackFont: string,\n    public readonly allowHtmlBlocks: boolean,\n    /**\n     * Map of custom block id → pre-rendered HTML, populated by `renderToMjml`\n     * before the synchronous render pass. Set when the consumer provides a\n     * `renderCustomBlock` option. Empty by default.\n     */\n    public readonly customBlockHtml: ReadonlyMap<string, string> = new Map(),\n    /**\n     * Base URL (no trailing slash) for the social icon PNG assets. Resolved to\n     * `${baseUrl}/${style}/${platform}.png`. Outlook desktop has no SVG support\n     * and rejects base64 data URIs in `<img src>`, so PNGs must be served over\n     * HTTP. Default points at the version-pinned unpkg mirror of this\n     * package; consumers can override to self-host.\n     */\n    public readonly socialIconsBaseUrl: string = DEFAULT_SOCIAL_ICONS_BASE_URL,\n  ) {}\n\n  /**\n   * Create a new context with a different container width.\n   * Used when rendering columns with narrower widths.\n   */\n  withContainerWidth(width: number): RenderContext {\n    return new RenderContext(\n      width,\n      this.customFonts,\n      this.defaultFallbackFont,\n      this.allowHtmlBlocks,\n      this.customBlockHtml,\n      this.socialIconsBaseUrl,\n    );\n  }\n\n  /**\n   * Resolve a font family name to include custom font fallbacks.\n   * If the font matches a custom font, returns `'FontName', fallback`.\n   * Otherwise returns the original font family string.\n   */\n  resolveFontFamily(fontFamily: string): string {\n    // Check custom fonts first\n    for (const customFont of this.customFonts) {\n      if (customFont.name.toLowerCase() === fontFamily.toLowerCase()) {\n        const fallback = customFont.fallback ?? this.defaultFallbackFont;\n\n        return `'${customFont.name}', ${fallback}`;\n      }\n    }\n\n    // Resolve built-in fonts to include fallback stacks\n    const builtIn = BUILT_IN_FONT_FALLBACKS[fontFamily.toLowerCase()];\n    if (builtIn) {\n      return builtIn;\n    }\n\n    return fontFamily;\n  }\n}\n","const HTML_ENTITIES: Record<string, string> = {\n  \"&\": \"&amp;\",\n  \"<\": \"&lt;\",\n  \">\": \"&gt;\",\n  '\"': \"&quot;\",\n  \"'\": \"&#039;\",\n};\n\nconst HTML_ENTITY_REGEX = /[&<>\"']/g;\n\n/**\n * Escape HTML special characters (& < > \" ').\n * Equivalent to PHP htmlspecialchars with ENT_QUOTES | ENT_HTML5.\n */\nexport function escapeHtml(text: string): string {\n  if (text === \"\") {\n    return \"\";\n  }\n\n  return text.replace(HTML_ENTITY_REGEX, (char) => HTML_ENTITIES[char] ?? char);\n}\n\n/**\n * Escape a string for use in an HTML attribute value.\n * Same implementation as escapeHtml for consistency with PHP.\n */\nexport function escapeAttr(text: string): string {\n  if (text === \"\") {\n    return \"\";\n  }\n\n  return text.replace(HTML_ENTITY_REGEX, (char) => HTML_ENTITIES[char] ?? char);\n}\n\n/**\n * Escape a string for use as a CSS property value inside an inline\n * `style=\"prop: ${value}\"` attribute. Beyond HTML entity escaping (so the\n * value survives the attribute boundary), this strips characters that\n * could break out of the property value into a sibling property:\n *\n *   `;`     — separates CSS declarations\n *   `{`/`}` — opens/closes a CSS rule (rejected by attribute parsers but\n *             still safer to remove)\n *   `\\n`/`\\r` — would smuggle past line-based CSS sanitizers\n *\n * Without this, an attacker-controlled color like\n * `\"red; background: url('//attacker/log')\"` lands as a real CSS rule.\n */\nexport function escapeCssValue(text: string): string {\n  if (text === \"\") {\n    return \"\";\n  }\n  return escapeAttr(text).replace(/[;{}\\r\\n]/g, \"\");\n}\n\n/**\n * Replace merge tag span elements with their data attribute values.\n * Converts `<span data-merge-tag=\"{{name}}\">Label</span>` to `{{name}}`.\n * Also handles `data-logic-merge-tag` attributes.\n *\n * Uses a single-pass linear scan instead of an `[^>]*…[^>]*` regex because\n * the latter is polynomial-ReDoS over inputs that contain many `<span`\n * starts but no closing `>` — the engine retries `[^>]*` at every span\n * position. The scan below resolves each `<span>` open tag with a bounded\n * `indexOf('>')`, keeping the work strictly O(n).\n */\nexport function convertMergeTagsToValues(html: string): string {\n  if (html === \"\") {\n    return \"\";\n  }\n\n  return rewriteMergeTagSpans(\n    html,\n    (attrs) =>\n      findAttr(attrs, \"data-merge-tag\") ??\n      findAttr(attrs, \"data-logic-merge-tag\"),\n  );\n}\n\n/**\n * Walk `html`, find every `<span …>…</span>`, and replace the entire span\n * with whatever `extract` returns for its attribute string (or leave it\n * alone if `extract` returns `null`). Linear in the length of `html`:\n * every `indexOf` advances the cursor monotonically.\n */\nfunction rewriteMergeTagSpans(\n  html: string,\n  extract: (attrs: string) => string | null,\n): string {\n  let out = \"\";\n  let i = 0;\n  while (i < html.length) {\n    const open = html.indexOf(\"<span\", i);\n    if (open === -1) {\n      out += html.substring(i);\n      break;\n    }\n    // `<span` must be followed by `>` or whitespace to be a real opening tag.\n    const afterTagName = html[open + 5];\n    if (\n      afterTagName !== \">\" &&\n      afterTagName !== \" \" &&\n      afterTagName !== \"\\t\" &&\n      afterTagName !== \"\\n\" &&\n      afterTagName !== \"\\r\" &&\n      afterTagName !== \"/\"\n    ) {\n      out += html.substring(i, open + 5);\n      i = open + 5;\n      continue;\n    }\n    const openEnd = html.indexOf(\">\", open + 5);\n    if (openEnd === -1) {\n      out += html.substring(i);\n      break;\n    }\n    const closeStart = html.indexOf(\"</span>\", openEnd + 1);\n    if (closeStart === -1) {\n      out += html.substring(i);\n      break;\n    }\n    const attrs = html.substring(open + 5, openEnd);\n    const replacement = extract(attrs);\n    if (replacement === null) {\n      // This `<span>` isn't a merge-tag — emit up to and including the\n      // `<span` literal and let the next iteration scan inward, so any\n      // nested merge-tag span still gets a chance to match.\n      out += html.substring(i, open + 5);\n      i = open + 5;\n      continue;\n    }\n    out += html.substring(i, open);\n    out += replacement;\n    i = closeStart + 7;\n  }\n  return out;\n}\n\n/**\n * Extract the value of `name=\"…\"` from an HTML attribute string, or `null`\n * if absent. Uses `[^<>\"]*` for the value match so a missing closing quote\n * fails fast rather than backtracking across the full input.\n */\nfunction findAttr(attrs: string, name: string): string | null {\n  const pattern = new RegExp(`(?:^|\\\\s)${name}=\"([^\"<>]*)\"`);\n  const match = pattern.exec(attrs);\n  return match ? match[1] : null;\n}\n","import type { SpacingValue } from \"@templatical/types\";\n\n/**\n * Convert a SpacingValue to a CSS padding string like \"10px 10px 10px 10px\".\n */\nexport function toPaddingString(padding: SpacingValue): string {\n  return `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`;\n}\n","/**\n * MJML attribute helpers — single source of truth for placement rules\n * that the MJML spec enforces but accepts silently when violated.\n *\n * MJML drops unrecognized attributes without error. The most common trap is\n * background placement: only `mj-section`, `mj-button`, `mj-wrapper`, `mj-hero`\n * accept the native `background-color` attribute. Inner content elements\n * (`mj-text`, `mj-image`, `mj-table`, `mj-navbar`, `mj-video`) require\n * `container-background-color`, which paints the enclosing `<td>`. Passing\n * `background-color` to an inner element results in the attribute being\n * silently dropped — the email ships without the bg.\n *\n * https://documentation.mjml.io/\n */\n\n/**\n * Where the MJML element accepts a background-color attribute.\n * - `native`: the element has its own `background-color` (mj-section, mj-button).\n * - `container`: the element only accepts `container-background-color`,\n *   which colors the wrapping `<td>` (mj-text, mj-image, mj-table, mj-navbar, mj-video).\n */\nexport type BgPlacement = \"native\" | \"container\";\n\n/**\n * Render the appropriate background-color attribute for an MJML element.\n * Returns an empty string when no color is set, or a leading-space attribute\n * fragment ready to interpolate into a tag's attribute list.\n */\nexport function bgAttr(\n  backgroundColor: string | undefined,\n  placement: BgPlacement,\n): string {\n  if (!backgroundColor) {\n    return \"\";\n  }\n\n  const name =\n    placement === \"native\" ? \"background-color\" : \"container-background-color\";\n\n  return ` ${name}=\"${backgroundColor}\"`;\n}\n","import type { Block } from \"@templatical/types\";\n\n/**\n * Check if a block is hidden on all viewports.\n */\nexport function isHiddenOnAll(block: Block): boolean {\n  const visibility = block.visibility;\n\n  if (!visibility) {\n    return false;\n  }\n\n  return !visibility.desktop && !visibility.mobile;\n}\n\n/**\n * Get the MJML css-class attribute string for visibility hiding.\n * Returns a string like ` css-class=\"tpl-hide-desktop\"` or empty string.\n */\nexport function getCssClassAttr(block: Block): string {\n  const classes = getCssClasses(block);\n\n  if (classes === \"\") {\n    return \"\";\n  }\n\n  return ` css-class=\"${classes}\"`;\n}\n\n/**\n * Get the CSS classes for visibility hiding.\n */\nexport function getCssClasses(block: Block): string {\n  const visibility = block.visibility;\n\n  if (!visibility) {\n    return \"\";\n  }\n\n  const classes: string[] = [];\n\n  if (!visibility.desktop) {\n    classes.push(\"tpl-hide-desktop\");\n  }\n\n  if (!visibility.mobile) {\n    classes.push(\"tpl-hide-mobile\");\n  }\n\n  return classes.join(\" \");\n}\n","import type { TitleBlock } from \"@templatical/types\";\nimport { HEADING_LEVEL_FONT_SIZE } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { convertMergeTagsToValues, escapeAttr } from \"../escape\";\nimport { toPaddingString } from \"../padding\";\nimport { bgAttr } from \"../utils\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\n/**\n * Render a title block to MJML markup.\n */\nexport function renderTitle(block: TitleBlock, context: RenderContext): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  const padding = toPaddingString(block.styles.padding);\n  const bgColor = bgAttr(block.styles.backgroundColor, \"container\");\n  const content = unwrapParagraph(convertMergeTagsToValues(block.content));\n  // Clamp out-of-range levels to a defined entry so we never interpolate\n  // `undefined` into `font-size=\"${...}px\"` (mjml@5 rejects \"undefinedpx\").\n  const fontSize =\n    HEADING_LEVEL_FONT_SIZE[block.level] ?? HEADING_LEVEL_FONT_SIZE[2];\n  const color = escapeAttr(block.color);\n  const align = block.textAlign;\n  const fontFamilyAttr = renderFontFamilyAttr(block.fontFamily, context);\n  const visibilityAttr = getCssClassAttr(block);\n  // Same clamp logic as fontSize so that an out-of-range level still\n  // produces a valid heading element.\n  const safeLevel = HEADING_LEVEL_FONT_SIZE[block.level] ? block.level : 2;\n  const tag = `h${safeLevel}`;\n\n  return `<mj-text\n  font-size=\"${fontSize}px\"\n  color=\"${color}\"\n  align=\"${align}\"\n  line-height=\"1.3\"\n  padding=\"${padding}\"${bgColor}${fontFamilyAttr}${visibilityAttr}\n><${tag} style=\"margin:0;font-size:inherit;color:inherit;line-height:inherit\">${content}</${tag}></mj-text>`;\n}\n\n/**\n * The editor stores title content as a TipTap paragraph (`<p>...</p>`),\n * but the renderer wraps it in `<h${level}>`. `<p>` is invalid inside a\n * heading, so strip a single outer `<p>` wrapper if present.\n */\nfunction unwrapParagraph(html: string): string {\n  const match = html.match(/^\\s*<p\\b[^>]*>([\\s\\S]*)<\\/p>\\s*$/);\n  if (!match) return html;\n  // Only unwrap when there is exactly one top-level <p> — otherwise the\n  // content has multiple paragraphs and we must leave it alone.\n  if (/<\\/p>\\s*<p\\b/i.test(match[1])) return html;\n  return match[1];\n}\n\nfunction renderFontFamilyAttr(\n  fontFamily: string | undefined,\n  context: RenderContext,\n): string {\n  if (!fontFamily) {\n    return \"\";\n  }\n\n  const resolved = context.resolveFontFamily(fontFamily);\n\n  return ` font-family=\"${resolved}\"`;\n}\n","import type { ParagraphBlock } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { convertMergeTagsToValues } from \"../escape\";\nimport { toPaddingString } from \"../padding\";\nimport { bgAttr } from \"../utils\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\n/**\n * Render a paragraph block to MJML markup.\n * All text formatting is inline in the HTML content (managed by TipTap).\n */\nexport function renderParagraph(\n  block: ParagraphBlock,\n  _context: RenderContext,\n): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  // Skip when the user has cleared the paragraph — otherwise we emit a\n  // styled `<td>` cell that adds visible whitespace to the email even\n  // though the canvas shows nothing for an empty paragraph.\n  //\n  // Use `[^<>]*` (not `[^>]*`) inside the tag to keep the regex linear:\n  // `[^>]*` lets the engine consume across nested `<` chars and then\n  // backtrack one char at a time when no closing `>` exists, which is\n  // O(n²) over inputs like `<p<p<p<p…`. `[^<>]*` fails fast at the\n  // next `<` and keeps each match attempt O(1). Real HTML attributes\n  // never contain a raw `<`, so the restriction is semantics-preserving.\n  const stripped = block.content.replace(/<\\/?p\\b[^<>]*>/gi, \"\").trim();\n  if (stripped === \"\") {\n    return \"\";\n  }\n\n  const padding = toPaddingString(block.styles.padding);\n  const bgColor = bgAttr(block.styles.backgroundColor, \"container\");\n  const content = convertMergeTagsToValues(block.content);\n  const visibilityAttr = getCssClassAttr(block);\n\n  return `<mj-text\n  line-height=\"1.5\"\n  padding=\"${padding}\"${bgColor}${visibilityAttr}\n>${content}</mj-text>`;\n}\n","import type { ImageBlock } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { escapeAttr } from \"../escape\";\nimport { toPaddingString } from \"../padding\";\nimport { bgAttr } from \"../utils\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\n/**\n * Render an image block to MJML markup.\n */\nexport function renderImage(block: ImageBlock, context: RenderContext): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  if (block.src === \"\") {\n    // Skip rather than emit `<mj-image src=\"\">` which compiles to a\n    // broken-image icon. Mirrors video.ts behavior when no source is set.\n    return \"\";\n  }\n\n  const padding = toPaddingString(block.styles.padding);\n  const bgColor = bgAttr(block.styles.backgroundColor, \"container\");\n  const width =\n    block.width === \"full\" ? context.containerWidth + \"px\" : block.width + \"px\";\n\n  const visibilityAttr = getCssClassAttr(block);\n\n  let linkAttr = \"\";\n  if (block.linkUrl) {\n    linkAttr = ` href=\"${escapeAttr(block.linkUrl)}\"`;\n    if (block.linkOpenInNewTab) {\n      linkAttr += ' target=\"_blank\" rel=\"noopener\"';\n    }\n  }\n\n  const src = escapeAttr(block.src);\n  const decorative = block.decorative === true;\n  const alt = decorative ? \"\" : escapeAttr(block.alt);\n  const align = block.align;\n  const roleAttr = decorative ? ' role=\"presentation\"' : \"\";\n\n  return `<mj-image\n  src=\"${src}\"\n  alt=\"${alt}\"\n  width=\"${width}\"\n  align=\"${align}\"\n  padding=\"${padding}\"${bgColor}${linkAttr}${visibilityAttr}${roleAttr}\n/>`;\n}\n","import type { ButtonBlock } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { escapeAttr, escapeHtml } from \"../escape\";\nimport { toPaddingString } from \"../padding\";\nimport { bgAttr } from \"../utils\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\n/**\n * Render a button block to MJML markup.\n */\nexport function renderButton(\n  block: ButtonBlock,\n  context: RenderContext,\n): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  const padding = toPaddingString(block.styles.padding);\n  const bgColor = bgAttr(block.styles.backgroundColor, \"container\");\n  const buttonPadding = toPaddingString(block.buttonPadding);\n\n  // Omit href entirely when no URL is set so we don't emit a clickable\n  // `<a href=\"\">` that navigates to whatever URL the email is opened from.\n  const href = block.url === \"\" ? \"\" : escapeAttr(block.url);\n  const hrefAttr = href === \"\" ? \"\" : ` href=\"${href}\"`;\n  const backgroundColor = escapeAttr(block.backgroundColor);\n  const textColor = escapeAttr(block.textColor);\n  const fontSize = block.fontSize;\n  const borderRadius = block.borderRadius;\n  const text = escapeHtml(block.text);\n  const targetAttr = block.openInNewTab\n    ? ' target=\"_blank\" rel=\"noopener\"'\n    : \"\";\n  const fontFamilyAttr = renderFontFamilyAttr(block.fontFamily, context);\n  const widthAttr = renderWidthAttr(block.width);\n  const visibilityAttr = getCssClassAttr(block);\n\n  return `<mj-button${hrefAttr}${targetAttr}\n  background-color=\"${backgroundColor}\"\n  color=\"${textColor}\"\n  font-size=\"${fontSize}px\"\n  font-weight=\"bold\"\n  border-radius=\"${borderRadius}px\"\n  inner-padding=\"${buttonPadding}\"\n  padding=\"${padding}\"${bgColor}${fontFamilyAttr}${widthAttr}${visibilityAttr}\n>${text}</mj-button>`;\n}\n\nfunction renderFontFamilyAttr(\n  fontFamily: string | undefined,\n  context: RenderContext,\n): string {\n  if (!fontFamily) {\n    return \"\";\n  }\n\n  const resolved = context.resolveFontFamily(fontFamily);\n\n  return ` font-family=\"${resolved}\"`;\n}\n\nfunction renderWidthAttr(width: number | \"full\" | undefined): string {\n  if (width === undefined) {\n    return \"\";\n  }\n\n  const value = width === \"full\" ? \"100%\" : `${width}px`;\n\n  return ` width=\"${value}\"`;\n}\n","import type { DividerBlock } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { escapeAttr } from \"../escape\";\nimport { toPaddingString } from \"../padding\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\n/**\n * Render a divider block to MJML markup.\n */\nexport function renderDivider(\n  block: DividerBlock,\n  _context: RenderContext,\n): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  const padding = toPaddingString(block.styles.padding);\n  const bgColor = block.styles.backgroundColor\n    ? ` container-background-color=\"${escapeAttr(block.styles.backgroundColor)}\"`\n    : \"\";\n  const width = block.width === \"full\" ? \"100%\" : block.width + \"px\";\n  const thickness = block.thickness;\n  const lineStyle = block.lineStyle;\n  const color = escapeAttr(block.color);\n  const visibilityAttr = getCssClassAttr(block);\n\n  return `<mj-divider\n  border-width=\"${thickness}px\"\n  border-style=\"${lineStyle}\"\n  border-color=\"${color}\"\n  width=\"${width}\"\n  padding=\"${padding}\"${bgColor}${visibilityAttr}\n/>`;\n}\n","import type { SpacerBlock } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { escapeAttr } from \"../escape\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\n/**\n * Render a spacer block to MJML markup.\n *\n * The canvas renders a spacer at exactly `block.height` pixels and ignores\n * `block.styles.padding`. Match that here: emit `padding=\"0\"` so the\n * exported email's spacer occupies the same vertical space the user saw\n * in the editor preview. Any non-zero `block.styles.padding` on a spacer\n * is meaningless and silently dropped from the export.\n */\nexport function renderSpacer(\n  block: SpacerBlock,\n  _context: RenderContext,\n): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  const height = block.height;\n  const bgColor = block.styles.backgroundColor\n    ? ` container-background-color=\"${escapeAttr(block.styles.backgroundColor)}\"`\n    : \"\";\n  const visibilityAttr = getCssClassAttr(block);\n\n  return `<mj-spacer height=\"${height}px\" padding=\"0\"${bgColor}${visibilityAttr} />`;\n}\n","import type { HtmlBlock } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { toPaddingString } from \"../padding\";\nimport { bgAttr } from \"../utils\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\n/**\n * Render an HTML block to MJML markup.\n * No sanitization in the OSS version -- consumers are responsible for content safety.\n */\nexport function renderHtml(block: HtmlBlock, context: RenderContext): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  if (!context.allowHtmlBlocks) {\n    return \"\";\n  }\n\n  const content = block.content;\n\n  if (content === \"\") {\n    return \"\";\n  }\n\n  const visibilityAttr = getCssClassAttr(block);\n  const padding = toPaddingString(block.styles.padding);\n  const bgColor = bgAttr(block.styles.backgroundColor, \"container\");\n\n  // Use mj-text to render HTML content inside proper table cell structure.\n  // mj-raw bypasses MJML's table layout and content won't be visible.\n  return `<mj-text padding=\"${padding}\"${bgColor}${visibilityAttr}>\n${content}\n</mj-text>`;\n}\n","import type { SocialIconsBlock } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { escapeAttr } from \"../escape\";\nimport { toPaddingString } from \"../padding\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\n/**\n * Render a social icons block to MJML markup.\n *\n * Icons are emitted as `<img src=\"…/{style}/{platform}.png\">` rather than\n * inline SVG or base64 data URIs. Outlook desktop (Word rendering engine)\n * does not support SVG and rejects base64 in `<img src>`, so hosted PNGs are\n * the only format that renders across every mainstream client. The base URL\n * is read from `context.socialIconsBaseUrl` (configurable via\n * `RenderOptions.socialIconsBaseUrl`; default is the version-pinned unpkg\n * mirror of this package).\n */\nexport function renderSocialIcons(\n  block: SocialIconsBlock,\n  context: RenderContext,\n): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  const icons = block.icons;\n\n  if (icons.length === 0) {\n    return \"\";\n  }\n\n  const padding = toPaddingString(block.styles.padding);\n  const bgColor = block.styles.backgroundColor\n    ? ` container-background-color=\"${escapeAttr(block.styles.backgroundColor)}\"`\n    : \"\";\n  const visibilityAttr = getCssClassAttr(block);\n  const align = block.align;\n  const iconSize = block.iconSize;\n  const iconStyle = block.iconStyle;\n  const spacing = block.spacing;\n\n  let iconSizePx: number;\n  switch (iconSize) {\n    case \"small\":\n      iconSizePx = 24;\n      break;\n    case \"large\":\n      iconSizePx = 48;\n      break;\n    default:\n      iconSizePx = 32;\n      break;\n  }\n\n  // MJML mj-social-element has default border-radius of 3px, override per style\n  let borderRadius: string;\n  switch (iconStyle) {\n    case \"circle\":\n      borderRadius = \"50%\";\n      break;\n    case \"rounded\":\n      borderRadius = \"8px\";\n      break;\n    case \"square\":\n      borderRadius = \"0\";\n      break;\n    default:\n      borderRadius = \"4px\"; // solid, outlined\n      break;\n  }\n\n  const iconCount = icons.length;\n  const socialElements = icons.map((icon, index) => {\n    const platform = icon.platform;\n    const url = escapeAttr(icon.url);\n    const iconSrc = `${context.socialIconsBaseUrl}/${iconStyle}/${platform}.png`;\n\n    // Apply spacing as right padding only (except last icon) to match CSS gap behavior\n    const rightPad = index === iconCount - 1 ? 0 : spacing;\n\n    // Empty content hides the platform name text, matching the editor display\n    return `<mj-social-element src=\"${iconSrc}\" href=\"${url}\" icon-size=\"${iconSizePx}px\" padding=\"0 ${rightPad}px 0 0\" border-radius=\"${borderRadius}\" background-color=\"transparent\"></mj-social-element>`;\n  });\n\n  const socialContent = socialElements.join(\"\\n\");\n\n  return `<mj-social\n  mode=\"horizontal\"\n  align=\"${align}\"\n  icon-padding=\"0\"\n  padding=\"${padding}\"${bgColor}${visibilityAttr}\n>\n${socialContent}\n</mj-social>`;\n}\n","import type { MenuBlock, MenuItemData } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { escapeHtml, escapeAttr, escapeCssValue } from \"../escape\";\nimport { toPaddingString } from \"../padding\";\nimport { bgAttr } from \"../utils\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\n/**\n * Render a menu block to MJML markup.\n * Uses mj-text with inline <a> tags separated by styled <span> separators.\n */\nexport function renderMenu(block: MenuBlock, context: RenderContext): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  if (block.items.length === 0) {\n    return \"\";\n  }\n\n  const padding = toPaddingString(block.styles.padding);\n  const bgColor = bgAttr(block.styles.backgroundColor, \"container\");\n  const visibilityAttr = getCssClassAttr(block);\n  const fontFamilyAttr = renderFontFamilyAttr(block.fontFamily, context);\n  const align = block.textAlign;\n  const fontSize = block.fontSize;\n  const color = escapeAttr(block.color);\n\n  const content = renderMenuItems(block);\n\n  return `<mj-text\n  font-size=\"${fontSize}px\"\n  color=\"${color}\"\n  align=\"${align}\"\n  line-height=\"1.5\"\n  padding=\"${padding}\"${bgColor}${fontFamilyAttr}${visibilityAttr}\n>${content}</mj-text>`;\n}\n\nfunction renderMenuItems(block: MenuBlock): string {\n  const items = block.items;\n  const separator = escapeHtml(block.separator);\n  const separatorColor = escapeCssValue(block.separatorColor);\n  const spacing = block.spacing;\n  const linkColor = block.linkColor ?? block.color;\n\n  const parts: string[] = [];\n  const itemCount = items.length;\n\n  for (let index = 0; index < itemCount; index++) {\n    parts.push(renderMenuItem(items[index], linkColor));\n\n    if (index < itemCount - 1) {\n      parts.push(\n        `<span style=\"color: ${separatorColor}; padding: 0 ${spacing}px;\">${separator}</span>`,\n      );\n    }\n  }\n\n  return parts.join(\"\");\n}\n\nfunction renderMenuItem(item: MenuItemData, linkColor: string): string {\n  const text = escapeHtml(item.text);\n  const url = escapeAttr(item.url);\n  const color = escapeCssValue(item.color ?? linkColor);\n  const target = item.openInNewTab ? ' target=\"_blank\" rel=\"noopener\"' : \"\";\n\n  const styles: string[] = [`color: ${color}`, \"text-decoration: none\"];\n\n  if (item.bold) {\n    styles.push(\"font-weight: bold\");\n  }\n\n  if (item.underline) {\n    styles.push(\"text-decoration: underline\");\n  }\n\n  const styleAttr = styles.join(\"; \");\n\n  return `<a href=\"${url}\" style=\"${styleAttr}\"${target}>${text}</a>`;\n}\n\nfunction renderFontFamilyAttr(\n  fontFamily: string | undefined,\n  context: RenderContext,\n): string {\n  if (!fontFamily) {\n    return \"\";\n  }\n\n  const resolved = context.resolveFontFamily(fontFamily);\n\n  return ` font-family=\"${resolved}\"`;\n}\n","import type {\n  TableBlock,\n  TableRowData,\n  TableCellData,\n} from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport {\n  escapeAttr,\n  escapeCssValue,\n  convertMergeTagsToValues,\n} from \"../escape\";\nimport { toPaddingString } from \"../padding\";\nimport { bgAttr } from \"../utils\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\n/**\n * Render a table block to MJML markup.\n * Uses mj-text wrapping an HTML <table> with styled <tr>/<td> elements.\n */\nexport function renderTable(block: TableBlock, context: RenderContext): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  if (block.rows.length === 0) {\n    return \"\";\n  }\n\n  const padding = toPaddingString(block.styles.padding);\n  const bgColor = bgAttr(block.styles.backgroundColor, \"container\");\n  const visibilityAttr = getCssClassAttr(block);\n  const fontFamilyAttr = renderFontFamilyAttr(block.fontFamily, context);\n  const fontSize = block.fontSize;\n  const color = escapeAttr(block.color);\n  const align = block.textAlign;\n\n  const tableHtml = renderTableElement(block);\n\n  return `<mj-text\n  font-size=\"${fontSize}px\"\n  color=\"${color}\"\n  align=\"${align}\"\n  line-height=\"1.5\"\n  padding=\"${padding}\"${bgColor}${fontFamilyAttr}${visibilityAttr}\n>${tableHtml}</mj-text>`;\n}\n\nfunction renderTableElement(block: TableBlock): string {\n  const borderColor = escapeCssValue(block.borderColor);\n  const borderWidth = block.borderWidth;\n\n  const tableStyle = \"width: 100%; border-collapse: collapse;\";\n\n  let rowsHtml = \"\";\n\n  for (let index = 0; index < block.rows.length; index++) {\n    const row = block.rows[index];\n    const isHeader = block.hasHeaderRow && index === 0;\n    rowsHtml += renderRow(row, block, isHeader, borderColor, borderWidth);\n  }\n\n  return `<table style=\"${tableStyle}\">${rowsHtml}</table>`;\n}\n\nfunction renderRow(\n  row: TableRowData,\n  block: TableBlock,\n  isHeader: boolean,\n  borderColor: string,\n  borderWidth: number,\n): string {\n  let cellsHtml = \"\";\n\n  for (const cell of row.cells) {\n    cellsHtml += renderCell(cell, block, isHeader, borderColor, borderWidth);\n  }\n\n  return `<tr>${cellsHtml}</tr>`;\n}\n\nfunction renderCell(\n  cell: TableCellData,\n  block: TableBlock,\n  isHeader: boolean,\n  borderColor: string,\n  borderWidth: number,\n): string {\n  const cellPadding = block.cellPadding;\n\n  const styles: string[] = [\n    `border: ${borderWidth}px solid ${borderColor}`,\n    `padding: ${cellPadding}px`,\n  ];\n\n  if (isHeader) {\n    styles.push(\"font-weight: bold\");\n\n    if (block.headerBackgroundColor) {\n      styles.push(\n        `background-color: ${escapeCssValue(block.headerBackgroundColor)}`,\n      );\n    }\n  }\n\n  const styleAttr = styles.join(\"; \");\n  const content = convertMergeTagsToValues(cell.content);\n\n  const tag = isHeader ? \"th\" : \"td\";\n\n  return `<${tag} style=\"${styleAttr}\">${content}</${tag}>`;\n}\n\nfunction renderFontFamilyAttr(\n  fontFamily: string | undefined,\n  context: RenderContext,\n): string {\n  if (!fontFamily) {\n    return \"\";\n  }\n\n  const resolved = context.resolveFontFamily(fontFamily);\n\n  return ` font-family=\"${resolved}\"`;\n}\n","import type { CustomBlock } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { toPaddingString } from \"../padding\";\nimport { bgAttr } from \"../utils\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\n/**\n * Render a custom block to MJML markup.\n *\n * Custom block HTML resolution order:\n *   1. `context.customBlockHtml` map — populated by `renderToMjml` when the\n *      caller passes a `renderCustomBlock` option (typical for editor\n *      consumers and headless callers wiring their own resolver).\n *   2. `block.renderedHtml` — populated by an external pre-render step\n *      (e.g., a previous render pass that mutated the block).\n *   3. Empty — block omitted from output.\n */\nexport function renderCustom(\n  block: CustomBlock,\n  context: RenderContext,\n): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  const fromContext = context.customBlockHtml.get(block.id);\n  const content = fromContext ?? block.renderedHtml;\n\n  if (!content || content === \"\") {\n    return \"\";\n  }\n\n  const visibilityAttr = getCssClassAttr(block);\n  const padding = toPaddingString(block.styles.padding);\n  const bgColor = bgAttr(block.styles.backgroundColor, \"container\");\n\n  return `<mj-text padding=\"${padding}\"${bgColor}${visibilityAttr}>\n${content}\n</mj-text>`;\n}\n","import type { ColumnLayout } from \"@templatical/types\";\n\n/**\n * Get width percentages for each column in a layout.\n */\nexport function getWidthPercentages(layout: ColumnLayout): string[] {\n  switch (layout) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      // 33.33 × 3 = 99.99% — let the last column absorb the rounding gap\n      // so widths sum to exactly 100% in the compiled HTML.\n      return [\"33.33%\", \"33.33%\", \"33.34%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n}\n\n/**\n * Get width in pixels for each column in a layout.\n */\nexport function getWidthPixels(\n  layout: ColumnLayout,\n  containerWidth: number,\n): number[] {\n  switch (layout) {\n    case \"2\":\n      return [containerWidth * 0.5, containerWidth * 0.5];\n    case \"3\":\n      return [containerWidth / 3, containerWidth / 3, containerWidth / 3];\n    case \"1-2\":\n      return [containerWidth / 3, (containerWidth * 2) / 3];\n    case \"2-1\":\n      return [(containerWidth * 2) / 3, containerWidth / 3];\n    default:\n      return [containerWidth];\n  }\n}\n","import type { Block } from \"@templatical/types\";\n\n/**\n * Wrap rendered block markup in the block's liquid display-condition guards\n * (`<mj-raw>{% if %}</mj-raw>` … `<mj-raw>{% endif %}</mj-raw>`), if present.\n *\n * Returns the input unchanged when the block has no display condition, and an\n * empty string when the rendered markup is empty (a hidden block) so callers\n * can keep using an `=== \"\"` filter to drop it.\n *\n * Used for BOTH top-level blocks (`index.ts`) and blocks nested inside section\n * columns (`renderers/section.ts`). A condition on a nested block must emit the\n * same guards as a top-level one — otherwise conditional content placed inside\n * a multi-column section renders unconditionally for every recipient.\n */\nexport function wrapWithDisplayCondition(\n  block: Block,\n  rendered: string,\n): string {\n  if (rendered === \"\") {\n    return \"\";\n  }\n\n  const displayCondition = block.displayCondition;\n\n  if (!displayCondition) {\n    return rendered;\n  }\n\n  return (\n    `<mj-raw>${displayCondition.before}</mj-raw>` +\n    \"\\n\" +\n    rendered +\n    \"\\n\" +\n    `<mj-raw>${displayCondition.after}</mj-raw>`\n  );\n}\n","import type { Block, SectionBlock } from \"@templatical/types\";\nimport { isSection } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { getWidthPercentages, getWidthPixels } from \"../columns\";\nimport { toPaddingString } from \"../padding\";\nimport { bgAttr } from \"../utils\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\nimport { wrapWithDisplayCondition } from \"../display-condition\";\n\n/**\n * A function type that renders a single block to MJML markup.\n */\nexport type BlockRenderer = (block: Block, context: RenderContext) => string;\n\n/**\n * Render a section block with columns to MJML markup.\n */\nexport function renderSection(\n  block: SectionBlock,\n  context: RenderContext,\n  renderBlock: BlockRenderer,\n): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  const columnsLayout = block.columns;\n  const columnWidths = getWidthPercentages(columnsLayout);\n  const columnWidthsPx = getWidthPixels(columnsLayout, context.containerWidth);\n  const padding = toPaddingString(block.styles.padding);\n  const bgColor = bgAttr(block.styles.backgroundColor, \"native\");\n  const visibilityAttr = getCssClassAttr(block);\n\n  const children = block.children;\n  const columnsContent: string[] = [];\n\n  for (let index = 0; index < children.length; index++) {\n    const column = children[index];\n    const width = columnWidths[index] ?? \"100%\";\n    const columnWidth = Math.floor(\n      columnWidthsPx[index] ?? context.containerWidth,\n    );\n\n    // Sections cannot be nested inside columns per MJML spec — drop any\n    // SectionBlocks that landed inside a column (via tampered JSON or a\n    // future API). Keeping them would emit `<mj-section>` inside\n    // `<mj-column>`, which mjml@5 rejects with a hard error.\n    const filteredColumn = filterHtmlBlocks(\n      column,\n      context.allowHtmlBlocks,\n    ).filter((child) => !isSection(child));\n    const columnContext = context.withContainerWidth(columnWidth);\n\n    const columnBlocks = filteredColumn\n      .map((child) =>\n        wrapWithDisplayCondition(child, renderBlock(child, columnContext)),\n      )\n      .filter((value) => value !== \"\")\n      .join(\"\\n\");\n\n    const content =\n      columnBlocks === \"\" ? \"<mj-text>&nbsp;</mj-text>\" : columnBlocks;\n\n    columnsContent.push(`<mj-column width=\"${width}\">\n${content}\n</mj-column>`);\n  }\n\n  const columns = columnsContent.join(\"\\n\");\n\n  return `<mj-section${bgColor} padding=\"${padding}\"${visibilityAttr}>\n${columns}\n</mj-section>`;\n}\n\n/**\n * Filter out HTML blocks if they are not allowed.\n */\nfunction filterHtmlBlocks(blocks: Block[], allowHtmlBlocks: boolean): Block[] {\n  if (allowHtmlBlocks) {\n    return blocks;\n  }\n\n  return blocks.filter((block) => block.type !== \"html\");\n}\n","import type { VideoBlock } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { escapeAttr } from \"../escape\";\nimport { toPaddingString } from \"../padding\";\nimport { bgAttr } from \"../utils\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\n/**\n * Extract video thumbnail URL from common platforms.\n * Works without server-side processing — YouTube and Vimeo thumbnails are publicly accessible.\n */\nfunction getVideoThumbnail(\n  url: string,\n  customThumbnail?: string,\n): string | null {\n  if (customThumbnail) {\n    return customThumbnail;\n  }\n\n  if (!url) {\n    return null;\n  }\n\n  // YouTube\n  const youtubePatterns = [\n    /(?:youtube\\.com\\/watch\\?v=|youtu\\.be\\/|youtube\\.com\\/embed\\/)([a-zA-Z0-9_-]{11})/,\n    /youtube\\.com\\/shorts\\/([a-zA-Z0-9_-]{11})/,\n  ];\n\n  for (const pattern of youtubePatterns) {\n    const match = url.match(pattern);\n    if (match) {\n      return `https://img.youtube.com/vi/${match[1]}/maxresdefault.jpg`;\n    }\n  }\n\n  // Vimeo\n  const vimeoMatch = url.match(/vimeo\\.com\\/(?:video\\/)?(\\d+)/);\n  if (vimeoMatch) {\n    return `https://vumbnail.com/${vimeoMatch[1]}.jpg`;\n  }\n\n  return null;\n}\n\n/**\n * Render a video block to MJML markup.\n * Videos in email are rendered as a linked thumbnail image pointing to the video URL.\n */\nexport function renderVideo(block: VideoBlock, context: RenderContext): string {\n  if (isHiddenOnAll(block)) {\n    return \"\";\n  }\n\n  const thumbnailUrl = getVideoThumbnail(block.url, block.thumbnailUrl);\n\n  if (!thumbnailUrl) {\n    return \"\";\n  }\n\n  const padding = toPaddingString(block.styles.padding);\n  const bgColor = bgAttr(block.styles.backgroundColor, \"container\");\n  const width =\n    block.width === \"full\" ? context.containerWidth + \"px\" : block.width + \"px\";\n  const visibilityAttr = getCssClassAttr(block);\n\n  const src = escapeAttr(thumbnailUrl);\n  const alt = escapeAttr(block.alt);\n  const align = block.align;\n  const href = escapeAttr(block.url);\n\n  return `<mj-image\n  src=\"${src}\"\n  alt=\"${alt}\"\n  width=\"${width}\"\n  align=\"${align}\"\n  padding=\"${padding}\"\n  href=\"${href}\"\n  target=\"_blank\"\n  rel=\"noopener\"${bgColor}${visibilityAttr}\n/>`;\n}\n","import type { Block } from \"@templatical/types\";\nimport {\n  isSection,\n  isTitle,\n  isParagraph,\n  isImage,\n  isButton,\n  isDivider,\n  isSpacer,\n  isHtml,\n  isSocialIcons,\n  isMenu,\n  isTable,\n  isVideo,\n  isCustomBlock,\n} from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport { renderTitle } from \"./title\";\nimport { renderParagraph } from \"./paragraph\";\nimport { renderImage } from \"./image\";\nimport { renderButton } from \"./button\";\nimport { renderDivider } from \"./divider\";\nimport { renderSpacer } from \"./spacer\";\nimport { renderHtml } from \"./html\";\nimport { renderSocialIcons } from \"./social\";\nimport { renderMenu } from \"./menu\";\nimport { renderTable } from \"./table\";\nimport { renderCustom } from \"./custom\";\nimport { renderSection } from \"./section\";\nimport { renderVideo } from \"./video\";\n\n/**\n * Render a single block to MJML markup.\n * Dispatches to the appropriate block-type renderer.\n */\nexport function renderBlock(block: Block, context: RenderContext): string {\n  if (isSection(block)) {\n    return renderSection(block, context, renderBlock);\n  }\n\n  if (isTitle(block)) {\n    return renderTitle(block, context);\n  }\n\n  if (isParagraph(block)) {\n    return renderParagraph(block, context);\n  }\n\n  if (isImage(block)) {\n    return renderImage(block, context);\n  }\n\n  if (isButton(block)) {\n    return renderButton(block, context);\n  }\n\n  if (isDivider(block)) {\n    return renderDivider(block, context);\n  }\n\n  if (isSpacer(block)) {\n    return renderSpacer(block, context);\n  }\n\n  if (isHtml(block)) {\n    return renderHtml(block, context);\n  }\n\n  if (isSocialIcons(block)) {\n    return renderSocialIcons(block, context);\n  }\n\n  if (isMenu(block)) {\n    return renderMenu(block, context);\n  }\n\n  if (isTable(block)) {\n    return renderTable(block, context);\n  }\n\n  if (isVideo(block)) {\n    return renderVideo(block, context);\n  }\n\n  if (isCustomBlock(block)) {\n    return renderCustom(block, context);\n  }\n\n  // Countdown blocks are rendered by the Templatical Cloud backend.\n  // In OSS mode they return empty — use initCloud() for full countdown support.\n  return \"\";\n}\n","import type {\n  Block,\n  CustomBlock,\n  TemplateContent,\n  CustomFont,\n} from \"@templatical/types\";\nimport { isSection, isCustomBlock } from \"@templatical/types\";\nimport { RenderContext, DEFAULT_SOCIAL_ICONS_BASE_URL } from \"./render-context\";\nimport { renderBlock } from \"./renderers\";\nimport { escapeHtml, escapeAttr } from \"./escape\";\nimport { wrapWithDisplayCondition } from \"./display-condition\";\n\nexport interface RenderOptions {\n  customFonts?: CustomFont[];\n  defaultFallbackFont?: string;\n  allowHtmlBlocks?: boolean;\n  /**\n   * Resolves custom blocks to their HTML representation. Called once per\n   * custom block in the content tree before MJML rendering. The renderer\n   * has no built-in knowledge of how to render custom blocks; consumers\n   * provide this function.\n   *\n   * Editor consumers: pass `editor.renderCustomBlock`.\n   *\n   * Headless consumers (Node.js, server, CLI): provide your own resolver,\n   * typically using the same liquid template + field values pipeline as\n   * the editor uses. If omitted, custom blocks fall back to\n   * `block.renderedHtml` (if present) and otherwise are omitted from the\n   * output.\n   */\n  renderCustomBlock?: (block: CustomBlock) => Promise<string>;\n  /**\n   * Resolves the definition-level CSS for a custom block type. Called once\n   * per unique `customType` present in the content tree (not per instance).\n   * The non-empty results are deduped by content and emitted as additional\n   * `<mj-style>` blocks inside `<mj-head>` alongside the built-in visibility\n   * media queries.\n   *\n   * Editor consumers: pass a function that reads\n   * `blockRegistry.getDefinition(customType)?.stylesheet`.\n   *\n   * Headless consumers: provide your own resolver, typically from the same\n   * definitions map used by `renderCustomBlock`. Return `undefined` or `null`\n   * for definitions without a stylesheet — those are skipped.\n   */\n  getCustomBlockStylesheet?: (customType: string) => string | undefined | null;\n  /**\n   * Base URL (no trailing slash) for the social icon PNG assets. Resolved to\n   * `${baseUrl}/${style}/${platform}.png` per icon. Defaults to the\n   * version-pinned unpkg mirror of this package. Override to self-host\n   * (e.g., behind your own CDN or for air-gapped environments).\n   *\n   * Why PNGs: Outlook desktop (Word rendering engine) does not support SVG\n   * and rejects base64 data URIs in `<img src>`, so social icons must be\n   * served as raster images over HTTP for cross-client compatibility.\n   */\n  socialIconsBaseUrl?: string;\n}\n\n/**\n * Render template content to an MJML string.\n *\n * The function is async because resolving custom blocks may require\n * asynchronous work (e.g., the editor's liquid renderer dynamically imports\n * `liquidjs`). When the content has no custom blocks or `renderCustomBlock`\n * is omitted, no async work is performed but the function still resolves\n * synchronously — i.e., it always returns a Promise.\n */\nexport async function renderToMjml(\n  content: TemplateContent,\n  options?: RenderOptions,\n): Promise<string> {\n  const customFonts = options?.customFonts ?? [];\n  const defaultFallbackFont =\n    options?.defaultFallbackFont ?? \"Arial, sans-serif\";\n  const allowHtmlBlocks = options?.allowHtmlBlocks ?? true;\n  const socialIconsBaseUrl = stripTrailingSlash(\n    options?.socialIconsBaseUrl ?? DEFAULT_SOCIAL_ICONS_BASE_URL,\n  );\n\n  const customBlockHtml = await resolveCustomBlocks(\n    content,\n    options?.renderCustomBlock,\n  );\n\n  const customBlockStylesheets = collectCustomBlockStylesheets(\n    content,\n    options?.getCustomBlockStylesheet,\n  );\n\n  const renderContext = new RenderContext(\n    content.settings.width,\n    customFonts,\n    defaultFallbackFont,\n    allowHtmlBlocks,\n    customBlockHtml,\n    socialIconsBaseUrl,\n  );\n\n  const blocks = filterHtmlBlocks(content.blocks, allowHtmlBlocks);\n  const fontFamily = renderContext.resolveFontFamily(\n    content.settings.fontFamily,\n  );\n  const backgroundColor = content.settings.backgroundColor;\n\n  const bodyContent = blocks\n    .map((block) => renderTopLevelBlock(block, renderContext))\n    .filter((value) => value !== \"\")\n    .join(\"\\n\");\n\n  const fontDeclarations = generateFontDeclarations(customFonts);\n  const previewTag = generatePreviewTag(content.settings.preheaderText);\n\n  const lang = escapeAttr(content.settings.locale);\n\n  return `<mjml lang=\"${lang}\">\n  <mj-head>${previewTag}\n    <mj-attributes>\n      <mj-all font-family=\"${fontFamily}\" />\n      <mj-text font-size=\"14px\" />\n      <mj-section padding=\"0\" />\n      <mj-column padding=\"0\" />\n      <mj-image fluid-on-mobile=\"true\" />\n    </mj-attributes>${fontDeclarations}\n    <mj-style>\n      a { color: inherit; text-decoration: none; }\n      @media only screen and (max-width: 480px) {\n        .tpl-hide-mobile { display: none !important; mso-hide: all !important; }\n      }\n      @media only screen and (min-width: 481px) {\n        .tpl-hide-desktop { display: none !important; mso-hide: all !important; }\n      }\n    </mj-style>${renderCustomBlockStylesheets(customBlockStylesheets)}\n  </mj-head>\n  <mj-body width=\"${renderContext.containerWidth}px\" background-color=\"${backgroundColor}\">\n${bodyContent}\n  </mj-body>\n</mjml>`;\n}\n\n/**\n * Render a top-level block. Sections are rendered directly,\n * non-section blocks are wrapped in a default section/column.\n */\nfunction renderTopLevelBlock(block: Block, context: RenderContext): string {\n  if (isSection(block)) {\n    const rendered = renderBlock(block, context);\n    return wrapWithDisplayCondition(block, rendered);\n  }\n\n  const content = renderBlock(block, context);\n  const wrapped = wrapInSection(content);\n  return wrapWithDisplayCondition(block, wrapped);\n}\n\n/**\n * Wrap block content in a default mj-section/mj-column for non-section blocks.\n */\nfunction wrapInSection(content: string): string {\n  if (content === \"\") {\n    return \"\";\n  }\n\n  return `<mj-section>\n  <mj-column>\n${content}\n  </mj-column>\n</mj-section>`;\n}\n\nfunction stripTrailingSlash(url: string): string {\n  return url.endsWith(\"/\") ? url.slice(0, -1) : url;\n}\n\nfunction generatePreviewTag(preheaderText?: string): string {\n  if (!preheaderText) {\n    return \"\";\n  }\n\n  const trimmed = preheaderText.trim();\n\n  if (trimmed === \"\") {\n    return \"\";\n  }\n\n  const escaped = escapeHtml(trimmed);\n\n  return `\\n    <mj-preview>${escaped}</mj-preview>`;\n}\n\nfunction generateFontDeclarations(customFonts: CustomFont[]): string {\n  if (customFonts.length === 0) {\n    return \"\";\n  }\n\n  return customFonts\n    .map(\n      (font) =>\n        `\\n    <mj-font name=\"${escapeAttr(font.name)}\" href=\"${escapeAttr(font.url)}\" />`,\n    )\n    .join(\"\");\n}\n\n/**\n * Filter out HTML blocks if they are not allowed.\n */\nfunction filterHtmlBlocks(blocks: Block[], allowHtmlBlocks: boolean): Block[] {\n  if (allowHtmlBlocks) {\n    return blocks;\n  }\n\n  return blocks.filter((block) => block.type !== \"html\");\n}\n\n/**\n * Walk the content tree, collect every custom block, then resolve each in\n * parallel via the supplied callback. Returns a map keyed by block id that\n * the synchronous render pass reads from. If no callback is provided, returns\n * an empty map and the sync pass falls back to `block.renderedHtml`.\n *\n * Per-block failures bubble up — the caller decides whether to swallow or\n * rethrow. We don't replace failures with placeholders here because that's\n * a policy decision (the editor swallows; a strict CLI may want to fail).\n */\nasync function resolveCustomBlocks(\n  content: TemplateContent,\n  renderCustomBlock: RenderOptions[\"renderCustomBlock\"],\n): Promise<Map<string, string>> {\n  const result = new Map<string, string>();\n\n  if (!renderCustomBlock) {\n    return result;\n  }\n\n  const customBlocks: CustomBlock[] = [];\n  collectCustomBlocks(content.blocks, customBlocks);\n\n  if (customBlocks.length === 0) {\n    return result;\n  }\n\n  const rendered = await Promise.all(\n    customBlocks.map((block) => renderCustomBlock(block)),\n  );\n\n  for (let index = 0; index < customBlocks.length; index++) {\n    result.set(customBlocks[index].id, rendered[index]);\n  }\n\n  return result;\n}\n\nfunction collectCustomBlocks(blocks: Block[], out: CustomBlock[]): void {\n  for (const block of blocks) {\n    if (isCustomBlock(block)) {\n      out.push(block);\n      continue;\n    }\n\n    if (isSection(block)) {\n      for (const column of block.children) {\n        collectCustomBlocks(column, out);\n      }\n    }\n  }\n}\n\n/**\n * Walk the content tree, find every unique `customType`, ask the consumer's\n * resolver for that definition's stylesheet, and return the non-empty,\n * content-deduped set in insertion order.\n *\n * Content-level dedupe (not just by customType) means two definitions that\n * happen to ship the same stylesheet string emit it only once — cheap and\n * matches the \"one rule, emitted once\" mental model. Whitespace-only and\n * empty stylesheets are skipped.\n */\nfunction collectCustomBlockStylesheets(\n  content: TemplateContent,\n  resolver: RenderOptions[\"getCustomBlockStylesheet\"],\n): string[] {\n  if (!resolver) {\n    return [];\n  }\n\n  const customBlocks: CustomBlock[] = [];\n  collectCustomBlocks(content.blocks, customBlocks);\n\n  if (customBlocks.length === 0) {\n    return [];\n  }\n\n  const seenTypes = new Set<string>();\n  const seenContent = new Set<string>();\n  const stylesheets: string[] = [];\n\n  for (const block of customBlocks) {\n    if (seenTypes.has(block.customType)) {\n      continue;\n    }\n    seenTypes.add(block.customType);\n\n    const css = resolver(block.customType);\n    if (!css) {\n      continue;\n    }\n\n    const trimmed = css.trim();\n    if (trimmed === \"\" || seenContent.has(trimmed)) {\n      continue;\n    }\n    seenContent.add(trimmed);\n    stylesheets.push(trimmed);\n  }\n\n  return stylesheets;\n}\n\nfunction renderCustomBlockStylesheets(stylesheets: string[]): string {\n  if (stylesheets.length === 0) {\n    return \"\";\n  }\n\n  // One `<mj-style>` per unique stylesheet so per-definition CSS can be\n  // independently inspected in the rendered MJML, and authors can grep their\n  // contribution without disentangling a merged blob.\n  return stylesheets\n    .map((css) => `\\n    <mj-style>\\n${css}\\n    </mj-style>`)\n    .join(\"\");\n}\n\n// Re-export utilities for consumers\nexport { RenderContext } from \"./render-context\";\nexport { escapeHtml, escapeAttr, convertMergeTagsToValues } from \"./escape\";\nexport { isHiddenOnAll, getCssClassAttr, getCssClasses } from \"./visibility\";\nexport { getWidthPercentages, getWidthPixels } from \"./columns\";\nexport { toPaddingString } from \"./padding\";\nexport { DEFAULT_SOCIAL_ICONS_BASE_URL } from \"./render-context\";\nexport { renderBlock } from \"./renderers\";\nexport type { BlockRenderer } from \"./renderers/section\";\n"],"mappings":"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"}

package/dist/cdn/chunks/{src-B_ZRmuit.js → src-DzvOWQ9S.js}

@@ -1,7 +1,7 @@
-import { A as e, C as t, M as n, N as r, P as i, V as a, Z as o, ct as s, f as c, g as l, h as u, it as d, l as ee, m as f, n as p, ot as m, p as h, r as g, st as _, u as v, v as y, x as b, y as x } from "./draggable-iAb7QVJo.js";
-import { C as S, D as C, Tt as te, jt as ne } from "./features-mO5NzwnN.js";
-import { B as re, L as ie, W as ae, k as oe, y as se } from "./icons-CuXm6XAT.js";
-import { a as ce, c as le, d as ue, f as de, h as fe, i as w, l as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M } from "./media-library-BtNzYUTi.js";
+import { A as e, C as t, M as n, N as r, P as i, V as a, Z as o, ct as s, f as c, g as l, h as u, it as d, l as ee, m as f, n as p, ot as m, p as h, r as g, st as _, u as v, v as y, x as b, y as x } from "./draggable-Bci-fq8y.js";
+import { C as S, D as C, Et as te, xt as ne } from "./features-DxWz_Enw.js";
+import { J as re, P as ie, X as ae, h as oe, j as se } from "./icons-BflGUmFY.js";
+import { a as ce, c as le, d as ue, f as de, h as fe, i as w, l as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M } from "./media-library-C479-QcE.js";
 //#region ../media-library/src/standalone/MediaLibrary.vue?vue&type=script&setup=true&lang.ts
 var N = {
 	class: "tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
@@ -121,7 +121,7 @@ var N = {
 				},
 				placeholder: C.value.mediaLibrary.searchPlaceholder,
 				onInput: r[0] ||= (e) => d(J).handleSearchInput(e.target.value)
-			}, null, 40, R), x(d(se), {
+			}, null, 40, R), x(d(oe), {
 				class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 				size: 13,
 				"stroke-width": 2,
@@ -168,7 +168,7 @@ var N = {
 					}),
 					title: d(J).showSidebar.value ? C.value.mediaLibrary.hideFolders : C.value.mediaLibrary.showFolders,
 					onClick: r[1] ||= (e) => d(J).showSidebar.value = !d(J).showSidebar.value
-				}, [x(d(oe), {
+				}, [x(d(re), {
 					size: 16,
 					"stroke-width": 2
 				})], 12, he)) : u("", !0),
@@ -201,7 +201,7 @@ var N = {
 					}),
 					title: C.value.mediaLibrary.viewList,
 					onClick: r[3] ||= (e) => d(J).layoutMode.value = "list"
-				}, [x(d(ie), {
+				}, [x(d(se), {
 					size: 14,
 					"stroke-width": 2
 				})], 12, ye)])
@@ -251,7 +251,7 @@ var N = {
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: r[6] ||= (e) => d(J).showImportUrlModal.value = !0
-			}, [x(d(re), {
+			}, [x(d(ie), {
 				size: 14,
 				"stroke-width": 2
 			}), y(" " + s(C.value.mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), x(T, {
@@ -384,11 +384,11 @@ var N = {
 					backgroundColor: "var(--tpl-bg)"
 				}),
 				onClick: r[13] ||= (e) => d(J).copy(d(J).selectedUrl.value)
-			}, [d(J).copied.value ? (n(), f(d(ne), {
+			}, [d(J).copied.value ? (n(), f(d(te), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
-			})) : (n(), f(d(te), {
+			})) : (n(), f(d(ne), {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
@@ -509,4 +509,4 @@ typeof window < "u" && (window.TemplaticalMedia = {
 //#endregion
 export { j as MediaLibraryModal };
 
-//# sourceMappingURL=src-B_ZRmuit.js.map
+//# sourceMappingURL=src-DzvOWQ9S.js.map