@templatical/editor 0.9.1 → 0.10.1

package/dist/cdn/chunks/{renderer-CfHPFI5v.js → renderer-m6XTCWCL.js}

@@ -1,17 +1,16 @@
 import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
-import { An as t, Dn as n, En as r, Fn as i, In as a, Ln as o, Mn as s, Nn as c, On as l, Pn as u, Rn as d, Tn as f, jn as p, kn as m } from "./features-D-2kVhHY.js";
+import { An as t, Dn as n, En as r, Fn as i, In as a, Ln as o, Mn as s, Nn as c, On as l, Pn as u, Rn as d, jn as f, kn as p, zn as m } from "./features-_ar9QbVv.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.9.1",
+	version: "0.10.1",
 	bugs: "https://github.com/templatical/sdk/issues",
 	dependencies: { "@templatical/types": "workspace:*" },
 	devDependencies: {
 		"@resvg/resvg-js": "^2.6.2",
-		mjml: "^5.2.2",
-		tsup: "^8.5.1",
+		mjml: "^5.3.0",
 		typescript: "^6.0.3",
 		vitest: "^4.1.7"
 	},
@@ -38,7 +37,7 @@ var h = `https://unpkg.com/@templatical/renderer@${{
 		directory: "packages/renderer"
 	},
 	scripts: {
-		build: "tsup && node scripts/rasterize-social.mjs",
+		build: "tsdown && node scripts/rasterize-social.mjs",
 		test: "vitest run --config vitest.config.ts",
 		typecheck: "tsc --noEmit"
 	},
@@ -90,9 +89,9 @@ function S(e) {
 	return e === "" ? "" : x(e).replace(/[;{}\r\n]/g, "");
 }
 function C(e) {
-	return e === "" ? "" : ee(e, (e) => w(e, "data-merge-tag") ?? w(e, "data-logic-merge-tag"));
+	return e === "" ? "" : w(e, (e) => T(e, "data-merge-tag") ?? T(e, "data-logic-merge-tag"));
 }
-function ee(e, t) {
+function w(e, t) {
 	let n = "", r = 0;
 	for (; r < e.length;) {
 		let i = e.indexOf("<span", r);
@@ -124,41 +123,41 @@ function ee(e, t) {
 	}
 	return n;
 }
-function w(e, t) {
+function T(e, t) {
 	let n = RegExp(`(?:^|\\s)${t}="([^"<>]*)"`).exec(e);
 	return n ? n[1] : null;
 }
 //#endregion
 //#region ../renderer/src/padding.ts
-function T(e) {
+function E(e) {
 	return `${e.top}px ${e.right}px ${e.bottom}px ${e.left}px`;
 }
 //#endregion
 //#region ../renderer/src/utils.ts
-function E(e, t) {
+function D(e, t) {
 	return e ? ` ${t === "native" ? "background-color" : "container-background-color"}="${e}"` : "";
 }
 //#endregion
 //#region ../renderer/src/visibility.ts
-function D(e) {
+function O(e) {
 	let t = e.visibility;
-	return t ? !t.desktop && !t.tablet && !t.mobile : !1;
+	return t ? !t.desktop && !t.mobile : !1;
 }
-function O(e) {
-	let t = k(e);
+function k(e) {
+	let t = A(e);
 	return t === "" ? "" : ` css-class="${t}"`;
 }
-function k(e) {
+function A(e) {
 	let t = e.visibility;
 	if (!t) return "";
 	let n = [];
-	return t.desktop || n.push("tpl-hide-desktop"), t.tablet || n.push("tpl-hide-tablet"), t.mobile || n.push("tpl-hide-mobile"), n.join(" ");
+	return t.desktop || n.push("tpl-hide-desktop"), t.mobile || n.push("tpl-hide-mobile"), n.join(" ");
 }
 //#endregion
 //#region ../renderer/src/renderers/title.ts
-function te(e, t) {
-	if (D(e)) return "";
-	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = ne(C(e.content)), a = d[e.level] ?? d[2], o = x(e.color), s = e.textAlign, c = re(e.fontFamily, t), l = O(e), u = `h${d[e.level] ? e.level : 2}`;
+function j(e, t) {
+	if (O(e)) return "";
+	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = ee(C(e.content)), a = m[e.level] ?? m[2], o = x(e.color), s = e.textAlign, c = te(e.fontFamily, t), l = k(e), u = `h${m[e.level] ? e.level : 2}`;
 	return `<mj-text
   font-size="${a}px"
   color="${o}"
@@ -167,28 +166,28 @@ function te(e, t) {
   padding="${n}"${r}${c}${l}
 ><${u} style="margin:0;font-size:inherit;color:inherit;line-height:inherit">${i}</${u}></mj-text>`;
 }
-function ne(e) {
+function ee(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 re(e, t) {
+function te(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
 //#endregion
 //#region ../renderer/src/renderers/paragraph.ts
-function A(e, t) {
-	if (D(e) || e.content.replace(/<\/?p\b[^<>]*>/gi, "").trim() === "") return "";
-	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = C(e.content);
+function ne(e, t) {
+	if (O(e) || e.content.replace(/<\/?p\b[^<>]*>/gi, "").trim() === "") return "";
+	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = C(e.content);
 	return `<mj-text
   line-height="1.5"
-  padding="${n}"${r}${O(e)}
+  padding="${n}"${r}${k(e)}
 >${i}</mj-text>`;
 }
 //#endregion
 //#region ../renderer/src/renderers/image.ts
-function j(e, t) {
-	if (D(e) || e.src === "") return "";
-	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = e.width === "full" ? t.containerWidth + "px" : e.width + "px", a = O(e), o = "";
+function M(e, t) {
+	if (O(e) || e.src === "") return "";
+	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = e.width === "full" ? t.containerWidth + "px" : e.width + "px", a = k(e), o = "";
 	e.linkUrl && (o = ` href="${x(e.linkUrl)}"`, e.linkOpenInNewTab && (o += " target=\"_blank\" rel=\"noopener\""));
 	let s = x(e.src), c = e.decorative === !0;
 	return `<mj-image
@@ -201,9 +200,9 @@ function j(e, t) {
 }
 //#endregion
 //#region ../renderer/src/renderers/button.ts
-function M(e, t) {
-	if (D(e)) return "";
-	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = T(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);
+function N(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\"" : ""}
   background-color="${s}"
   color="${c}"
@@ -211,46 +210,48 @@ function M(e, t) {
   font-weight="bold"
   border-radius="${u}px"
   inner-padding="${i}"
-  padding="${n}"${r}${N(e.fontFamily, t)}${O(e)}
+  padding="${n}"${r}${P(e.fontFamily, t)}${k(e)}
 >${d}</mj-button>`;
 }
-function N(e, t) {
+function P(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
 //#endregion
 //#region ../renderer/src/renderers/divider.ts
-function P(e, t) {
-	if (D(e)) return "";
-	let n = T(e.styles.padding), r = e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : "", i = e.width === "full" ? "100%" : e.width + "px";
+function F(e, t) {
+	if (O(e)) return "";
+	let n = E(e.styles.padding), r = e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : "", i = e.width === "full" ? "100%" : e.width + "px";
 	return `<mj-divider
   border-width="${e.thickness}px"
   border-style="${e.lineStyle}"
   border-color="${x(e.color)}"
   width="${i}"
-  padding="${n}"${r}${O(e)}
+  padding="${n}"${r}${k(e)}
 />`;
 }
 //#endregion
 //#region ../renderer/src/renderers/spacer.ts
-function F(e, t) {
-	return D(e) ? "" : `<mj-spacer height="${e.height}px" padding="0"${e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : ""}${O(e)} />`;
+function I(e, t) {
+	return O(e) ? "" : `<mj-spacer height="${e.height}px" padding="0"${e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : ""}${k(e)} />`;
 }
 //#endregion
 //#region ../renderer/src/renderers/html.ts
-function I(e, t) {
-	if (D(e) || !t.allowHtmlBlocks) return "";
+function L(e, t) {
+	if (O(e) || !t.allowHtmlBlocks) return "";
 	let n = e.content;
-	return n === "" ? "" : `<mj-text${O(e)}>
+	if (n === "") return "";
+	let r = k(e);
+	return `<mj-text padding="${E(e.styles.padding)}"${D(e.styles.backgroundColor, "container")}${r}>
 ${n}
 </mj-text>`;
 }
 //#endregion
 //#region ../renderer/src/renderers/social.ts
-function L(e, t) {
-	if (D(e)) return "";
+function R(e, t) {
+	if (O(e)) return "";
 	let n = e.icons;
 	if (n.length === 0) return "";
-	let r = T(e.styles.padding), i = e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : "", a = O(e), o = e.align, s = e.iconSize, c = e.iconStyle, l = e.spacing, u;
+	let r = E(e.styles.padding), i = e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : "", a = k(e), o = e.align, s = e.iconSize, c = e.iconStyle, l = e.spacing, u;
 	switch (s) {
 		case "small":
 			u = 24;
@@ -292,78 +293,78 @@ ${n.map((e, n) => {
 }
 //#endregion
 //#region ../renderer/src/renderers/menu.ts
-function R(e, t) {
-	if (D(e) || e.items.length === 0) return "";
-	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = O(e), a = V(e.fontFamily, t), o = e.textAlign;
+function z(e, t) {
+	if (O(e) || e.items.length === 0) return "";
+	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = k(e), a = H(e.fontFamily, t), o = e.textAlign;
 	return `<mj-text
   font-size="${e.fontSize}px"
   color="${x(e.color)}"
   align="${o}"
   line-height="1.5"
   padding="${n}"${r}${a}${i}
->${z(e)}</mj-text>`;
+>${B(e)}</mj-text>`;
 }
-function z(e) {
+function B(e) {
 	let t = e.items, n = b(e.separator), r = S(e.separatorColor), i = e.spacing, a = e.linkColor ?? e.color, o = [], s = t.length;
-	for (let e = 0; e < s; e++) o.push(B(t[e], a)), e < s - 1 && o.push(`<span style="color: ${r}; padding: 0 ${i}px;">${n}</span>`);
+	for (let e = 0; e < s; e++) o.push(V(t[e], a)), e < s - 1 && o.push(`<span style="color: ${r}; padding: 0 ${i}px;">${n}</span>`);
 	return o.join("");
 }
-function B(e, t) {
+function V(e, t) {
 	let n = b(e.text), r = x(e.url), i = S(e.color ?? t), a = e.openInNewTab ? " target=\"_blank\" rel=\"noopener\"" : "", o = [`color: ${i}`, "text-decoration: none"];
 	return e.bold && o.push("font-weight: bold"), e.underline && o.push("text-decoration: underline"), `<a href="${r}" style="${o.join("; ")}"${a}>${n}</a>`;
 }
-function V(e, t) {
+function H(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
 //#endregion
 //#region ../renderer/src/renderers/table.ts
-function H(e, t) {
-	if (D(e) || e.rows.length === 0) return "";
-	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = O(e), a = ie(e.fontFamily, t);
+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);
 	return `<mj-text
   font-size="${e.fontSize}px"
   color="${x(e.color)}"
   align="${e.textAlign}"
   line-height="1.5"
   padding="${n}"${r}${a}${i}
->${U(e)}</mj-text>`;
+>${W(e)}</mj-text>`;
 }
-function U(e) {
+function W(e) {
 	let t = S(e.borderColor), n = e.borderWidth, r = "";
 	for (let i = 0; i < e.rows.length; i++) {
 		let a = e.rows[i];
-		r += W(a, e, e.hasHeaderRow && i === 0, t, n);
+		r += G(a, e, e.hasHeaderRow && i === 0, t, n);
 	}
 	return `<table style="width: 100%; border-collapse: collapse;">${r}</table>`;
 }
-function W(e, t, n, r, i) {
+function G(e, t, n, r, i) {
 	let a = "";
-	for (let o of e.cells) a += G(o, t, n, r, i);
+	for (let o of e.cells) a += K(o, t, n, r, i);
 	return `<tr>${a}</tr>`;
 }
-function G(e, t, n, r, i) {
+function K(e, t, n, r, i) {
 	let a = t.cellPadding, o = [`border: ${i}px solid ${r}`, `padding: ${a}px`];
 	n && (o.push("font-weight: bold"), t.headerBackgroundColor && o.push(`background-color: ${S(t.headerBackgroundColor)}`));
 	let s = o.join("; "), c = C(e.content), l = n ? "th" : "td";
 	return `<${l} style="${s}">${c}</${l}>`;
 }
-function ie(e, t) {
+function q(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
 //#endregion
 //#region ../renderer/src/renderers/custom.ts
-function K(e, t) {
-	if (D(e)) return "";
+function re(e, t) {
+	if (O(e)) return "";
 	let n = t.customBlockHtml.get(e.id) ?? e.renderedHtml;
 	if (!n || n === "") return "";
-	let r = O(e);
-	return `<mj-text${E(e.styles?.backgroundColor, "container")}${r}>
+	let r = k(e);
+	return `<mj-text padding="${E(e.styles.padding)}"${D(e.styles.backgroundColor, "container")}${r}>
 ${n}
 </mj-text>`;
 }
 //#endregion
 //#region ../renderer/src/columns.ts
-function q(e) {
+function J(e) {
 	switch (e) {
 		case "2": return ["50%", "50%"];
 		case "3": return [
@@ -376,7 +377,7 @@ function q(e) {
 		default: return ["100%"];
 	}
 }
-function J(e, t) {
+function Y(e, t) {
 	switch (e) {
 		case "2": return [t * .5, t * .5];
 		case "3": return [
@@ -390,17 +391,26 @@ function J(e, t) {
 	}
 }
 //#endregion
+//#region ../renderer/src/display-condition.ts
+function X(e, t) {
+	if (t === "") return "";
+	let n = e.displayCondition;
+	return n ? `<mj-raw>${n.before}</mj-raw>
+` + t + `
+<mj-raw>${n.after}</mj-raw>` : t;
+}
+//#endregion
 //#region ../renderer/src/renderers/section.ts
-function Y(e, t, n) {
-	if (D(e)) return "";
-	let r = e.columns, i = q(r), a = J(r, t.containerWidth), o = T(e.styles.padding), c = E(e.styles.backgroundColor, "native"), l = O(e), u = e.children, d = [];
+function ie(e, t, n) {
+	if (O(e)) return "";
+	let r = e.columns, i = J(r), a = Y(r, t.containerWidth), o = E(e.styles.padding), s = D(e.styles.backgroundColor, "native"), l = k(e), u = e.children, d = [];
 	for (let e = 0; e < u.length; e++) {
-		let r = u[e], o = i[e] ?? "100%", c = Math.floor(a[e] ?? t.containerWidth), l = ae(r, t.allowHtmlBlocks).filter((e) => !s(e)), f = t.withContainerWidth(c), p = l.map((e) => n(e, f)).filter((e) => e !== "").join("\n");
+		let r = u[e], o = i[e] ?? "100%", s = Math.floor(a[e] ?? t.containerWidth), l = ae(r, t.allowHtmlBlocks).filter((e) => !c(e)), f = t.withContainerWidth(s), p = l.map((e) => X(e, n(e, f))).filter((e) => e !== "").join("\n");
 		d.push(`<mj-column width="${o}">
 ${p === "" ? "<mj-text>&nbsp;</mj-text>" : p}
 </mj-column>`);
 	}
-	return `<mj-section${c} padding="${o}"${l}>
+	return `<mj-section${s} padding="${o}"${l}>
 ${d.join("\n")}
 </mj-section>`;
 }
@@ -420,10 +430,10 @@ function oe(e, t) {
 	return n ? `https://vumbnail.com/${n[1]}.jpg` : null;
 }
 function se(e, t) {
-	if (D(e)) return "";
+	if (O(e)) return "";
 	let n = oe(e.url, e.thumbnailUrl);
 	if (!n) return "";
-	let r = T(e.styles.padding), i = E(e.styles.backgroundColor, "container"), a = e.width === "full" ? t.containerWidth + "px" : e.width + "px", o = O(e);
+	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
   src="${x(n)}"
   alt="${x(e.alt)}"
@@ -437,8 +447,8 @@ function se(e, t) {
 }
 //#endregion
 //#region ../renderer/src/renderers/index.ts
-function X(e, d) {
-	return s(e) ? Y(e, d, X) : a(e) ? te(e, d) : p(e) ? A(e, d) : m(e) ? j(e, d) : f(e) ? M(e, d) : n(e) ? P(e, d) : u(e) ? F(e, d) : l(e) ? I(e, d) : c(e) ? L(e, d) : t(e) ? R(e, d) : i(e) ? H(e, d) : o(e) ? se(e, d) : r(e) ? K(e, d) : "";
+function Z(e, m) {
+	return c(e) ? ie(e, m, Z) : o(e) ? j(e, m) : s(e) ? ne(e, m) : t(e) ? M(e, m) : r(e) ? N(e, m) : l(e) ? F(e, m) : i(e) ? I(e, m) : p(e) ? L(e, m) : u(e) ? R(e, m) : f(e) ? z(e, m) : a(e) ? U(e, m) : d(e) ? se(e, m) : n(e) ? re(e, m) : "";
 }
 //#endregion
 //#region ../renderer/src/index.ts
@@ -448,73 +458,63 @@ var ce = /* @__PURE__ */ e({
 	convertMergeTagsToValues: () => C,
 	escapeAttr: () => x,
 	escapeHtml: () => b,
-	getCssClassAttr: () => O,
-	getCssClasses: () => k,
-	getWidthPercentages: () => q,
-	getWidthPixels: () => J,
-	isHiddenOnAll: () => D,
-	renderBlock: () => X,
-	renderToMjml: () => Z,
-	toPaddingString: () => T
+	getCssClassAttr: () => k,
+	getCssClasses: () => A,
+	getWidthPercentages: () => J,
+	getWidthPixels: () => Y,
+	isHiddenOnAll: () => O,
+	renderBlock: () => Z,
+	renderToMjml: () => le,
+	toPaddingString: () => E
 });
-async function Z(e, t) {
-	let n = t?.customFonts ?? [], r = t?.defaultFallbackFont ?? "Arial, sans-serif", i = t?.allowHtmlBlocks ?? !0, a = de(t?.socialIconsBaseUrl ?? h), o = await he(e, t?.renderCustomBlock), s = new _(e.settings.width, n, r, i, o, a), c = me(e.blocks, i), l = s.resolveFontFamily(e.settings.fontFamily), u = e.settings.backgroundColor, d = c.map((e) => le(e, s)).filter((e) => e !== "").join("\n"), f = pe(n), p = fe(e.settings.preheaderText);
+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);
 	return `<mjml lang="${x(e.settings.locale)}">
-  <mj-head>${p}
+  <mj-head>${m}
     <mj-attributes>
-      <mj-all font-family="${l}" />
+      <mj-all font-family="${u}" />
       <mj-text font-size="14px" />
       <mj-section padding="0" />
       <mj-column padding="0" />
       <mj-image fluid-on-mobile="true" />
-    </mj-attributes>${f}
+    </mj-attributes>${p}
     <mj-style>
       a { color: inherit; text-decoration: none; }
       @media only screen and (max-width: 480px) {
         .tpl-hide-mobile { display: none !important; mso-hide: all !important; }
       }
-      @media only screen and (min-width: 481px) and (max-width: 768px) {
-        .tpl-hide-tablet { display: none !important; mso-hide: all !important; }
-      }
-      @media only screen and (min-width: 769px) {
+      @media only screen and (min-width: 481px) {
         .tpl-hide-desktop { display: none !important; mso-hide: all !important; }
       }
-    </mj-style>
+    </mj-style>${_e(s)}
   </mj-head>
-  <mj-body width="${s.containerWidth}px" background-color="${u}">
-${d}
+  <mj-body width="${c.containerWidth}px" background-color="${d}">
+${f}
   </mj-body>
 </mjml>`;
 }
-function le(e, t) {
-	return s(e) ? Q(e, X(e, t)) : Q(e, ue(X(e, t)));
+function ue(e, t) {
+	return c(e) ? X(e, Z(e, t)) : X(e, de(Z(e, t)));
 }
-function Q(e, t) {
-	if (t === "") return "";
-	let n = e.displayCondition;
-	return n ? `<mj-raw>${n.before}</mj-raw>
-` + t + `
-<mj-raw>${n.after}</mj-raw>` : t;
-}
-function ue(e) {
+function de(e) {
 	return e === "" ? "" : `<mj-section>
   <mj-column>
 ${e}
   </mj-column>
 </mj-section>`;
 }
-function de(e) {
+function fe(e) {
 	return e.endsWith("/") ? e.slice(0, -1) : e;
 }
-function fe(e) {
+function pe(e) {
 	if (!e) return "";
 	let t = e.trim();
 	return t === "" ? "" : `\n    <mj-preview>${b(t)}</mj-preview>`;
 }
-function pe(e) {
+function me(e) {
 	return e.length === 0 ? "" : e.map((e) => `\n    <mj-font name="${x(e.name)}" href="${x(e.url)}" />`).join("");
 }
-function me(e, t) {
+function Q(e, t) {
 	return t ? e : e.filter((e) => e.type !== "html");
 }
 async function he(e, t) {
@@ -527,15 +527,33 @@ async function he(e, t) {
 	return n;
 }
 function $(e, t) {
-	for (let n of e) {
-		if (r(n)) {
-			t.push(n);
+	for (let r of e) {
+		if (n(r)) {
+			t.push(r);
 			continue;
 		}
-		if (s(n)) for (let e of n.children) $(e, t);
+		if (c(r)) for (let e of r.children) $(e, t);
 	}
 }
+function ge(e, t) {
+	if (!t) return [];
+	let n = [];
+	if ($(e.blocks, n), n.length === 0) return [];
+	let r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = [];
+	for (let e of n) {
+		if (r.has(e.customType)) continue;
+		r.add(e.customType);
+		let n = t(e.customType);
+		if (!n) continue;
+		let o = n.trim();
+		o === "" || i.has(o) || (i.add(o), a.push(o));
+	}
+	return a;
+}
+function _e(e) {
+	return e.length === 0 ? "" : e.map((e) => `\n    <mj-style>\n${e}\n    </mj-style>`).join("");
+}
 //#endregion
 export { ce as t };
 
-//# sourceMappingURL=renderer-CfHPFI5v.js.map
+//# sourceMappingURL=renderer-m6XTCWCL.js.map