@templatical/editor 0.8.5 → 0.9.0

package/dist/cdn/chunks/{renderer-CYYyu-Di.js → renderer-7z2t_bYQ.js}

@@ -1,11 +1,11 @@
 import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
-import { An as t, Cn as n, Dn as r, En as i, Fn as a, In as o, Mn as s, Nn as c, On as l, Pn as u, Tn as d, jn as f, kn as p, wn as m } from "./features-LiilsBqW.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";
 //#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.8.5",
+	version: "0.9.0",
 	bugs: "https://github.com/templatical/sdk/issues",
 	dependencies: { "@templatical/types": "workspace:*" },
 	devDependencies: {
@@ -90,9 +90,9 @@ function S(e) {
 	return e === "" ? "" : x(e).replace(/[;{}\r\n]/g, "");
 }
 function C(e) {
-	return e === "" ? "" : w(e, (e) => T(e, "data-merge-tag") ?? T(e, "data-logic-merge-tag"));
+	return e === "" ? "" : ee(e, (e) => w(e, "data-merge-tag") ?? w(e, "data-logic-merge-tag"));
 }
-function w(e, t) {
+function ee(e, t) {
 	let n = "", r = 0;
 	for (; r < e.length;) {
 		let i = e.indexOf("<span", r);
@@ -124,31 +124,31 @@ function w(e, t) {
 	}
 	return n;
 }
-function T(e, t) {
+function w(e, t) {
 	let n = RegExp(`(?:^|\\s)${t}="([^"<>]*)"`).exec(e);
 	return n ? n[1] : null;
 }
 //#endregion
 //#region ../renderer/src/padding.ts
-function E(e) {
+function T(e) {
 	return `${e.top}px ${e.right}px ${e.bottom}px ${e.left}px`;
 }
 //#endregion
 //#region ../renderer/src/utils.ts
-function D(e, t) {
+function E(e, t) {
 	return e ? ` ${t === "native" ? "background-color" : "container-background-color"}="${e}"` : "";
 }
 //#endregion
 //#region ../renderer/src/visibility.ts
-function O(e) {
+function D(e) {
 	let t = e.visibility;
 	return t ? !t.desktop && !t.tablet && !t.mobile : !1;
 }
-function k(e) {
-	let t = A(e);
+function O(e) {
+	let t = k(e);
 	return t === "" ? "" : ` css-class="${t}"`;
 }
-function A(e) {
+function k(e) {
 	let t = e.visibility;
 	if (!t) return "";
 	let n = [];
@@ -156,39 +156,39 @@ function A(e) {
 }
 //#endregion
 //#region ../renderer/src/renderers/title.ts
-function ee(e, t) {
-	if (O(e)) return "";
-	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = te(C(e.content)), a = o[e.level] ?? o[2], s = x(e.color), c = e.textAlign, l = ne(e.fontFamily, t), u = k(e), d = `h${o[e.level] ? e.level : 2}`;
+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}`;
 	return `<mj-text
   font-size="${a}px"
-  color="${s}"
-  align="${c}"
+  color="${o}"
+  align="${s}"
   line-height="1.3"
-  padding="${n}"${r}${l}${u}
-><${d} style="margin:0;font-size:inherit;color:inherit;line-height:inherit">${i}</${d}></mj-text>`;
+  padding="${n}"${r}${c}${l}
+><${u} style="margin:0;font-size:inherit;color:inherit;line-height:inherit">${i}</${u}></mj-text>`;
 }
-function te(e) {
+function ne(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 ne(e, t) {
+function re(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
 //#endregion
 //#region ../renderer/src/renderers/paragraph.ts
-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);
+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);
 	return `<mj-text
   line-height="1.5"
-  padding="${n}"${r}${k(e)}
+  padding="${n}"${r}${O(e)}
 >${i}</mj-text>`;
 }
 //#endregion
 //#region ../renderer/src/renderers/image.ts
 function 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 = "";
+	if (D(e) || e.src === "") return "";
+	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = e.width === "full" ? t.containerWidth + "px" : e.width + "px", a = O(e), o = "";
 	e.linkUrl && (o = ` href="${x(e.linkUrl)}"`, e.linkOpenInNewTab && (o += " target=\"_blank\" rel=\"noopener\""));
 	let s = x(e.src), c = e.decorative === !0;
 	return `<mj-image
@@ -202,8 +202,8 @@ function j(e, t) {
 //#endregion
 //#region ../renderer/src/renderers/button.ts
 function M(e, t) {
-	if (O(e)) return "";
-	let n = E(e.styles.padding), r = D(e.styles.backgroundColor, "container"), i = E(e.buttonPadding), a = e.url === "" ? "" : x(e.url), o = a === "" ? "" : ` href="${a}"`, s = x(e.backgroundColor), c = x(e.textColor), l = e.fontSize, u = e.borderRadius, d = b(e.text);
+	if (D(e)) return "";
+	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = T(e.buttonPadding), a = e.url === "" ? "" : 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,7 +211,7 @@ function M(e, t) {
   font-weight="bold"
   border-radius="${u}px"
   inner-padding="${i}"
-  padding="${n}"${r}${N(e.fontFamily, t)}${k(e)}
+  padding="${n}"${r}${N(e.fontFamily, t)}${O(e)}
 >${d}</mj-button>`;
 }
 function N(e, t) {
@@ -220,37 +220,37 @@ function N(e, t) {
 //#endregion
 //#region ../renderer/src/renderers/divider.ts
 function P(e, t) {
-	if (O(e)) return "";
-	let n = E(e.styles.padding), r = e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : "", i = e.width === "full" ? "100%" : e.width + "px";
+	if (D(e)) return "";
+	let n = T(e.styles.padding), r = e.styles.backgroundColor ? ` container-background-color="${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}${k(e)}
+  padding="${n}"${r}${O(e)}
 />`;
 }
 //#endregion
 //#region ../renderer/src/renderers/spacer.ts
 function F(e, t) {
-	return O(e) ? "" : `<mj-spacer height="${e.height}px" padding="0"${e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : ""}${k(e)} />`;
+	return D(e) ? "" : `<mj-spacer height="${e.height}px" padding="0"${e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : ""}${O(e)} />`;
 }
 //#endregion
 //#region ../renderer/src/renderers/html.ts
 function I(e, t) {
-	if (O(e) || !t.allowHtmlBlocks) return "";
+	if (D(e) || !t.allowHtmlBlocks) return "";
 	let n = e.content;
-	return n === "" ? "" : `<mj-text${k(e)}>
+	return n === "" ? "" : `<mj-text${O(e)}>
 ${n}
 </mj-text>`;
 }
 //#endregion
 //#region ../renderer/src/renderers/social.ts
 function L(e, t) {
-	if (O(e)) return "";
+	if (D(e)) return "";
 	let n = e.icons;
 	if (n.length === 0) return "";
-	let r = E(e.styles.padding), i = e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : "", a = k(e), o = e.align, s = e.iconSize, c = e.iconStyle, l = e.spacing, u;
+	let r = T(e.styles.padding), i = e.styles.backgroundColor ? ` container-background-color="${x(e.styles.backgroundColor)}"` : "", a = O(e), o = e.align, s = e.iconSize, c = e.iconStyle, l = e.spacing, u;
 	switch (s) {
 		case "small":
 			u = 24;
@@ -293,8 +293,8 @@ ${n.map((e, n) => {
 //#endregion
 //#region ../renderer/src/renderers/menu.ts
 function R(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 = V(e.fontFamily, t), o = e.textAlign;
+	if (D(e) || e.items.length === 0) return "";
+	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = O(e), a = V(e.fontFamily, t), o = e.textAlign;
 	return `<mj-text
   font-size="${e.fontSize}px"
   color="${x(e.color)}"
@@ -318,8 +318,8 @@ function V(e, t) {
 //#endregion
 //#region ../renderer/src/renderers/table.ts
 function H(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 = K(e.fontFamily, t);
+	if (D(e) || e.rows.length === 0) return "";
+	let n = T(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = O(e), a = ie(e.fontFamily, t);
 	return `<mj-text
   font-size="${e.fontSize}px"
   color="${x(e.color)}"
@@ -347,17 +347,17 @@ function G(e, t, n, r, i) {
 	let s = o.join("; "), c = C(e.content), l = n ? "th" : "td";
 	return `<${l} style="${s}">${c}</${l}>`;
 }
-function K(e, t) {
+function ie(e, t) {
 	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
 }
 //#endregion
 //#region ../renderer/src/renderers/custom.ts
-function ie(e, t) {
-	if (O(e)) return "";
+function K(e, t) {
+	if (D(e)) return "";
 	let n = t.customBlockHtml.get(e.id) ?? e.renderedHtml;
 	if (!n || n === "") return "";
-	let r = k(e);
-	return `<mj-text${D(e.styles?.backgroundColor, "container")}${r}>
+	let r = O(e);
+	return `<mj-text${E(e.styles?.backgroundColor, "container")}${r}>
 ${n}
 </mj-text>`;
 }
@@ -391,16 +391,16 @@ function J(e, t) {
 }
 //#endregion
 //#region ../renderer/src/renderers/section.ts
-function Y(e, n, r) {
-	if (O(e)) return "";
-	let i = e.columns, a = q(i), o = J(i, n.containerWidth), s = E(e.styles.padding), c = D(e.styles.backgroundColor, "native"), l = k(e), u = e.children, d = [];
+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 = [];
 	for (let e = 0; e < u.length; e++) {
-		let i = u[e], s = a[e] ?? "100%", c = Math.floor(o[e] ?? n.containerWidth), l = ae(i, n.allowHtmlBlocks).filter((e) => !t(e)), f = n.withContainerWidth(c), p = l.map((e) => r(e, f)).filter((e) => e !== "").join("\n");
-		d.push(`<mj-column width="${s}">
+		let r = u[e], o = i[e] ?? "100%", c = Math.floor(a[e] ?? t.containerWidth), l = ae(r, t.allowHtmlBlocks).filter((e) => !s(e)), f = t.withContainerWidth(c), p = l.map((e) => n(e, f)).filter((e) => e !== "").join("\n");
+		d.push(`<mj-column width="${o}">
 ${p === "" ? "<mj-text>&nbsp;</mj-text>" : p}
 </mj-column>`);
 	}
-	return `<mj-section${c} padding="${s}"${l}>
+	return `<mj-section${c} padding="${o}"${l}>
 ${d.join("\n")}
 </mj-section>`;
 }
@@ -420,10 +420,10 @@ function oe(e, t) {
 	return n ? `https://vumbnail.com/${n[1]}.jpg` : null;
 }
 function se(e, t) {
-	if (O(e)) return "";
+	if (D(e)) return "";
 	let n = oe(e.url, e.thumbnailUrl);
 	if (!n) return "";
-	let r = E(e.styles.padding), i = D(e.styles.backgroundColor, "container"), a = e.width === "full" ? t.containerWidth + "px" : e.width + "px", o = k(e);
+	let r = T(e.styles.padding), i = E(e.styles.backgroundColor, "container"), a = e.width === "full" ? t.containerWidth + "px" : e.width + "px", o = O(e);
 	return `<mj-image
   src="${x(n)}"
   alt="${x(e.alt)}"
@@ -437,8 +437,8 @@ function se(e, t) {
 }
 //#endregion
 //#region ../renderer/src/renderers/index.ts
-function X(e, o) {
-	return t(e) ? Y(e, o, X) : u(e) ? ee(e, o) : p(e) ? re(e, o) : r(e) ? j(e, o) : n(e) ? M(e, o) : d(e) ? P(e, o) : s(e) ? F(e, o) : i(e) ? I(e, o) : f(e) ? L(e, o) : l(e) ? R(e, o) : c(e) ? H(e, o) : a(e) ? se(e, o) : m(e) ? ie(e, o) : "";
+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) : "";
 }
 //#endregion
 //#region ../renderer/src/index.ts
@@ -448,14 +448,14 @@ var ce = /* @__PURE__ */ e({
 	convertMergeTagsToValues: () => C,
 	escapeAttr: () => x,
 	escapeHtml: () => b,
-	getCssClassAttr: () => k,
-	getCssClasses: () => A,
+	getCssClassAttr: () => O,
+	getCssClasses: () => k,
 	getWidthPercentages: () => q,
 	getWidthPixels: () => J,
-	isHiddenOnAll: () => O,
+	isHiddenOnAll: () => D,
 	renderBlock: () => X,
 	renderToMjml: () => Z,
-	toPaddingString: () => E
+	toPaddingString: () => T
 });
 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);
@@ -486,8 +486,8 @@ ${d}
   </mj-body>
 </mjml>`;
 }
-function le(e, n) {
-	return t(e) ? Q(e, X(e, n)) : Q(e, ue(X(e, n)));
+function le(e, t) {
+	return s(e) ? Q(e, X(e, t)) : Q(e, ue(X(e, t)));
 }
 function Q(e, t) {
 	if (t === "") return "";
@@ -526,16 +526,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, n) {
-	for (let r of e) {
-		if (m(r)) {
-			n.push(r);
+function $(e, t) {
+	for (let n of e) {
+		if (r(n)) {
+			t.push(n);
 			continue;
 		}
-		if (t(r)) for (let e of r.children) $(e, n);
+		if (s(n)) for (let e of n.children) $(e, t);
 	}
 }
 //#endregion
 export { ce as t };
 
-//# sourceMappingURL=renderer-CYYyu-Di.js.map
+//# sourceMappingURL=renderer-7z2t_bYQ.js.map