@aswin.dev/editor 0.7.1 → 0.7.3

package/dist/cdn/chunks/renderer-si0Zgxeb.js

@@ -0,0 +1,642 @@
+import { r as e } from "./rolldown-runtime-BNuo_Jkg.js";
+import { $n as t, Gn as n, Jn as r, Kn as i, Qn as a, Xn as o, Yn as s, Zn as c, ar as l, er as u, ir as d, nr as f, qn as p, rr as m, tr as h } from "./features-BrvE2Fzv.js";
+//#region ../renderer/src/render-context.ts
+var g = {
+	arial: "Arial, sans-serif",
+	helvetica: "Helvetica, sans-serif",
+	georgia: "Georgia, serif",
+	"times new roman": "'Times New Roman', serif",
+	verdana: "Verdana, sans-serif",
+	"trebuchet ms": "'Trebuchet MS', sans-serif",
+	"courier new": "'Courier New', monospace",
+	tahoma: "Tahoma, sans-serif"
+}, _ = class e {
+	constructor(e, t, n, r, i = /* @__PURE__ */ new Map()) {
+		this.containerWidth = e, this.customFonts = t, this.defaultFallbackFont = n, this.allowHtmlBlocks = r, this.customBlockHtml = i;
+	}
+	withContainerWidth(t) {
+		return new e(t, this.customFonts, this.defaultFallbackFont, this.allowHtmlBlocks, this.customBlockHtml);
+	}
+	resolveFontFamily(e) {
+		for (let t of this.customFonts) if (t.name.toLowerCase() === e.toLowerCase()) {
+			let e = t.fallback ?? this.defaultFallbackFont;
+			return `'${t.name}', ${e}`;
+		}
+		return g[e.toLowerCase()] || e;
+	}
+}, v = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#039;"
+}, y = /[&<>"']/g;
+function b(e) {
+	return e === "" ? "" : e.replace(y, (e) => v[e] ?? e);
+}
+function x(e) {
+	return e === "" ? "" : e.replace(y, (e) => v[e] ?? e);
+}
+function S(e) {
+	return e === "" ? "" : x(e).replace(/[;{}\r\n]/g, "");
+}
+function C(e) {
+	if (e === "") return "";
+	let t = e.replace(/<span[^>]*\bdata-merge-tag="([^"]*)"[^>]*>.*?<\/span>/gs, "$1");
+	return t = t.replace(/<span[^>]*\bdata-logic-merge-tag="([^"]*)"[^>]*>.*?<\/span>/gs, "$1"), t;
+}
+//#endregion
+//#region ../renderer/src/padding.ts
+function w(e) {
+	return `${e.top}px ${e.right}px ${e.bottom}px ${e.left}px`;
+}
+function T(e) {
+	return w(e);
+}
+//#endregion
+//#region ../renderer/src/utils.ts
+function E(e, t) {
+	return e ? ` ${t === "native" ? "background-color" : "container-background-color"}="${e}"` : "";
+}
+//#endregion
+//#region ../renderer/src/visibility.ts
+function D(e) {
+	let t = e.visibility;
+	return t ? !t.desktop && !t.tablet && !t.mobile : !1;
+}
+function O(e) {
+	let t = k(e);
+	return t === "" ? "" : ` css-class="${t}"`;
+}
+function k(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(" ");
+}
+//#endregion
+//#region ../renderer/src/renderers/title.ts
+function ee(e, t) {
+	if (D(e)) return "";
+	let n = w(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = A(C(e.content)), a = l[e.level] ?? l[2], o = x(e.color), s = e.textAlign, c = j(e.fontFamily, t), u = O(e), d = `h${l[e.level] ? e.level : 2}`;
+	return `<mj-text
+  font-size="${a}px"
+  color="${o}"
+  align="${s}"
+  line-height="1.3"
+  padding="${n}"${r}${c}${u}
+><${d} style="margin:0;font-size:inherit;color:inherit;line-height:inherit">${i}</${d}></mj-text>`;
+}
+function A(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 j(e, t) {
+	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
+}
+//#endregion
+//#region ../renderer/src/renderers/paragraph.ts
+function te(e, t) {
+	if (D(e) || e.content.replace(/<\/?p[^>]*>/gi, "").trim() === "") return "";
+	let n = w(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = C(e.content);
+	return `<mj-text
+  line-height="1.5"
+  padding="${n}"${r}${O(e)}
+>${i}</mj-text>`;
+}
+//#endregion
+//#region ../renderer/src/renderers/image.ts
+function ne(e, t) {
+	if (D(e) || e.src === "") return "";
+	let n = w(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = e.width === "full" ? t.containerWidth + "px" : e.width + "px", a = O(e), o = "";
+	return e.linkUrl && (o = ` href="${x(e.linkUrl)}"`, e.linkOpenInNewTab && (o += " target=\"_blank\" rel=\"noopener\"")), `<mj-image
+  src="${x(e.src)}"
+  alt="${e.decorative === !0 ? "" : x(e.alt)}"
+  width="${i}"
+  align="${e.align}"
+  padding="${n}"${r}${o}${a}
+/>`;
+}
+//#endregion
+//#region ../renderer/src/renderers/input.ts
+function M(e, t) {
+	return e ? `font-family:${S(t.resolveFontFamily(e))};` : "";
+}
+function re(e, t, n) {
+	if (e <= 0) return "border:none;";
+	let r = `${e}px`, i = S(t);
+	return n === "all" ? `border:${r} solid ${i};` : `border-style:solid;border-color:${i};border-top-width:${n === "top" ? r : "0"};border-right-width:${n === "right" ? r : "0"};border-bottom-width:${n === "bottom" ? r : "0"};border-left-width:${n === "left" ? r : "0"};`;
+}
+function ie(e) {
+	return b(C(e));
+}
+function ae(e, t) {
+	if (D(e)) return "";
+	let n = w(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = O(e), a = x(`tpl-in-${e.id}`), o = x(e.id), s = ie(e.label), c = C(e.placeholder), l = C(e.defaultValue ?? ""), u = T(e.labelMargin), d = w(e.labelPadding), f = [
+		"display:block;",
+		`margin:${u};`,
+		`padding:${d};`,
+		`font-size:${e.labelFontSize}px;`,
+		`font-weight:${e.labelFontWeight};`,
+		`color:${S(e.labelColor)};`,
+		`text-align:${e.labelTextAlign};`,
+		M(e.labelFontFamily, t)
+	].filter(Boolean).join(""), p = T(e.inputMargin), m = w(e.inputPadding), h = e.inputWidth === "full" ? "100%" : `${e.inputWidth}px`, g = re(e.inputBorderWidth ?? 0, e.inputBorderColor ?? "#d1d5db", e.inputBorderSides ?? "all"), _ = [
+		"box-sizing:border-box;",
+		`width:${h};`,
+		`margin:${p};`,
+		`padding:${m};`,
+		`background-color:${S(e.inputBackgroundColor)};`,
+		`color:${S(e.inputTextColor)};`,
+		`font-size:${e.inputFontSize}px;`,
+		`border-radius:${e.inputBorderRadius}px;`,
+		g,
+		M(e.inputFontFamily, t),
+		"outline:none;"
+	].join(""), v = x(e.inputType), y = e.required ? " required" : "", b = e.name.trim() === "" ? "" : ` name="${x(e.name.trim())}"`;
+	return `<mj-text
+  line-height="1.5"
+  padding="${n}"${r}${i}
+>${`${`<style type="text/css">[data-tpl-input="${o}"]::placeholder{color:${S(e.inputPlaceholderColor)}!important;opacity:1;}</style>`}<label for="${a}" style="${f}">${s}</label><input id="${a}"${b} type="${v}" data-tpl-input="${o}" placeholder="${x(c)}" value="${x(l)}" style="${_}"${y} />`}</mj-text>`;
+}
+//#endregion
+//#region ../renderer/src/renderers/button.ts
+function oe(e, t) {
+	if (D(e)) return "";
+	let n = w(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = w(e.buttonPadding), a = P(e), o = a === "" ? "" : ` href="${a}"`, s = x(e.backgroundColor), c = x(e.textColor), l = e.fontSize, u = e.borderRadius, d = b(e.text), f = e.clickAction ?? "none";
+	return `<mj-button${o}${e.openInNewTab && f !== "next_step" && f !== "previous_step" ? " target=\"_blank\" rel=\"noopener\"" : ""}
+  background-color="${s}"
+  color="${c}"
+  font-size="${l}px"
+  font-weight="bold"
+  border-radius="${u}px"
+  inner-padding="${i}"
+  padding="${n}"${r}${F(e.fontFamily, t)}${se(e)}${N(e)}
+>${d}</mj-button>`;
+}
+function se(e) {
+	let t = [], n = k(e);
+	n && t.push(...n.split(/\s+/).filter(Boolean));
+	let r = e.clickAction ?? "none";
+	return r === "next_step" ? t.push("tpl-btn-next-step") : r === "previous_step" && t.push("tpl-btn-prev-step"), t.length === 0 ? "" : ` css-class="${x(t.join(" "))}"`;
+}
+function N(e) {
+	let t = e.borderWidth ?? 0;
+	if (t <= 0) return "";
+	let n = x(`${t}px solid ${e.borderColor ?? "#000000"}`), r = x("none"), i = e.borderSides ?? "all";
+	return i === "all" ? ` border="${n}"` : ` border-top="${i === "top" ? n : r}" border-right="${i === "right" ? n : r}" border-bottom="${i === "bottom" ? n : r}" border-left="${i === "left" ? n : r}"`;
+}
+function P(e) {
+	let t = e.clickAction ?? "none";
+	if (t === "scroll_anchor") {
+		let t = e.clickActionAnchorId?.trim().replace(/^#/, "") ?? "";
+		return t === "" ? e.url === "" ? "" : x(e.url) : x(`#${t}`);
+	}
+	return t === "none" || t === "load_page" ? e.url === "" ? "" : x(e.url) : t === "next_step" || t === "previous_step" || t === "close_popup" ? x(e.url === "" ? "#" : e.url) : "";
+}
+function F(e, t) {
+	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
+}
+//#endregion
+//#region ../renderer/src/renderers/divider.ts
+function I(e, t) {
+	if (D(e)) return "";
+	let n = w(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)}
+/>`;
+}
+//#endregion
+//#region ../renderer/src/renderers/spacer.ts
+function L(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)} />`;
+}
+//#endregion
+//#region ../renderer/src/renderers/html.ts
+function R(e, t) {
+	if (D(e) || !t.allowHtmlBlocks) return "";
+	let n = e.content;
+	return n === "" ? "" : `<mj-text${O(e)}>
+${n}
+</mj-text>`;
+}
+//#endregion
+//#region ../renderer/src/social-icons.ts
+var z = {
+	facebook: {
+		path: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z",
+		color: "#1877F2"
+	},
+	twitter: {
+		path: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z",
+		color: "#000000"
+	},
+	instagram: {
+		path: "M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z",
+		color: "#E4405F"
+	},
+	linkedin: {
+		path: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z",
+		color: "#0A66C2"
+	},
+	youtube: {
+		path: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z",
+		color: "#FF0000"
+	},
+	tiktok: {
+		path: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z",
+		color: "#000000"
+	},
+	pinterest: {
+		path: "M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z",
+		color: "#BD081C"
+	},
+	email: {
+		path: "M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z",
+		color: "#6B7280"
+	},
+	whatsapp: {
+		path: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z",
+		color: "#25D366"
+	},
+	telegram: {
+		path: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z",
+		color: "#26A5E4"
+	},
+	discord: {
+		path: "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z",
+		color: "#5865F2"
+	},
+	snapchat: {
+		path: "M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12.017-5.373 12.017-12.001C24.034 5.367 18.644 0 12.017 0z",
+		color: "#FFFC00"
+	},
+	reddit: {
+		path: "M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z",
+		color: "#FF4500"
+	},
+	github: {
+		path: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12",
+		color: "#181717"
+	},
+	dribbble: {
+		path: "M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.392-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z",
+		color: "#EA4C89"
+	},
+	behance: {
+		path: "M22 7h-7V5h7v2zm1.726 10c-.442 1.297-2.029 3-5.101 3-3.074 0-5.564-1.729-5.564-5.675 0-3.91 2.325-5.92 5.466-5.92 3.082 0 4.964 1.782 5.375 4.426.078.506.109 1.188.095 2.14H15.97c.13 3.211 3.483 3.312 4.588 2.029h3.168zm-7.686-4h4.965c-.105-1.547-1.136-2.219-2.477-2.219-1.466 0-2.277.768-2.488 2.219zm-9.574 6.988H0V5.021h6.953c5.476.081 5.58 5.444 2.72 6.906 3.461 1.26 3.577 8.061-3.207 8.061zM3 11h3.584c2.508 0 2.906-3-.312-3H3v3zm3.391 3H3v3.016h3.341c3.055 0 2.868-3.016.05-3.016z",
+		color: "#1769FF"
+	}
+};
+function B(e, t, n) {
+	let r = z[e], i = r?.path ?? "", a = r?.color ?? "#6B7280";
+	if (i === "") return "";
+	let o = t === "outlined" ? a : "#ffffff", s;
+	switch (t) {
+		case "circle":
+			s = `<circle cx="12" cy="12" r="12" fill="${a}"/>`;
+			break;
+		case "rounded":
+			s = `<rect width="24" height="24" rx="6" fill="${a}"/>`;
+			break;
+		case "square":
+			s = `<rect width="24" height="24" rx="0" fill="${a}"/>`;
+			break;
+		case "outlined":
+			s = `<rect width="22" height="22" x="1" y="1" rx="3" fill="transparent" stroke="${a}" stroke-width="2"/>`;
+			break;
+		default:
+			s = `<rect width="24" height="24" rx="3" fill="${a}"/>`;
+			break;
+	}
+	let c = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${n}" height="${n}">` + s + `<g transform="translate(4.8, 4.8) scale(0.6)"><path d="${i}" fill="${o}"/></g></svg>`;
+	return "data:image/svg+xml;base64," + btoa(c);
+}
+//#endregion
+//#region ../renderer/src/renderers/social.ts
+function V(e, t) {
+	if (D(e)) return "";
+	let n = e.icons;
+	if (n.length === 0) return "";
+	let r = w(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;
+			break;
+		case "large":
+			u = 48;
+			break;
+		default:
+			u = 32;
+			break;
+	}
+	let d;
+	switch (c) {
+		case "circle":
+			d = "50%";
+			break;
+		case "rounded":
+			d = "8px";
+			break;
+		case "square":
+			d = "0";
+			break;
+		default:
+			d = "4px";
+			break;
+	}
+	let f = n.length;
+	return `<mj-social
+  mode="horizontal"
+  align="${o}"
+  icon-padding="0"
+  padding="${r}"${i}${a}
+>
+${n.map((e, t) => {
+		let n = e.platform, r = x(e.url), i = B(n, c, u), a = t === f - 1 ? 0 : l;
+		return `<mj-social-element src="${i}" href="${r}" icon-size="${u}px" padding="0 ${a}px 0 0" border-radius="${d}" background-color="transparent"></mj-social-element>`;
+	}).join("\n")}
+</mj-social>`;
+}
+//#endregion
+//#region ../renderer/src/renderers/menu.ts
+function H(e, t) {
+	if (D(e) || e.items.length === 0) return "";
+	let n = w(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = O(e), a = G(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}
+>${U(e)}</mj-text>`;
+}
+function U(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(W(t[e], a)), e < s - 1 && o.push(`<span style="color: ${r}; padding: 0 ${i}px;">${n}</span>`);
+	return o.join("");
+}
+function W(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 G(e, t) {
+	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
+}
+//#endregion
+//#region ../renderer/src/renderers/table.ts
+function K(e, t) {
+	if (D(e) || e.rows.length === 0) return "";
+	let n = w(e.styles.padding), r = E(e.styles.backgroundColor, "container"), i = O(e), a = de(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}
+>${ce(e)}</mj-text>`;
+}
+function ce(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 += le(a, e, e.hasHeaderRow && i === 0, t, n);
+	}
+	return `<table style="width: 100%; border-collapse: collapse;">${r}</table>`;
+}
+function le(e, t, n, r, i) {
+	let a = "";
+	for (let o of e.cells) a += ue(o, t, n, r, i);
+	return `<tr>${a}</tr>`;
+}
+function ue(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 de(e, t) {
+	return e ? ` font-family="${t.resolveFontFamily(e)}"` : "";
+}
+//#endregion
+//#region ../renderer/src/renderers/custom.ts
+function fe(e, t) {
+	if (D(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}>
+${n}
+</mj-text>`;
+}
+//#endregion
+//#region ../renderer/src/columns.ts
+function q(e) {
+	switch (e) {
+		case "2": return ["50%", "50%"];
+		case "3": return [
+			"33.33%",
+			"33.33%",
+			"33.34%"
+		];
+		case "1-2": return ["33.33%", "66.67%"];
+		case "2-1": return ["66.67%", "33.33%"];
+		default: return ["100%"];
+	}
+}
+function J(e, t) {
+	switch (e) {
+		case "2": return [t * .5, t * .5];
+		case "3": return [
+			t / 3,
+			t / 3,
+			t / 3
+		];
+		case "1-2": return [t / 3, t * 2 / 3];
+		case "2-1": return [t * 2 / 3, t / 3];
+		default: return [t];
+	}
+}
+//#endregion
+//#region ../renderer/src/renderers/section.ts
+function pe(e, n, r) {
+	if (D(e)) return "";
+	let i = e.columns, a = q(i), o = J(i, n.containerWidth), s = w(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 = me(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}">
+${p === "" ? "<mj-text>&nbsp;</mj-text>" : p}
+</mj-column>`);
+	}
+	return `<mj-section${c} padding="${s}"${l}>
+${d.join("\n")}
+</mj-section>`;
+}
+function me(e, t) {
+	return t ? e : e.filter((e) => e.type !== "html");
+}
+//#endregion
+//#region ../renderer/src/renderers/video.ts
+function he(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})/]) {
+		let n = e.match(t);
+		if (n) return `https://img.youtube.com/vi/${n[1]}/maxresdefault.jpg`;
+	}
+	let n = e.match(/vimeo\.com\/(?:video\/)?(\d+)/);
+	return n ? `https://vumbnail.com/${n[1]}.jpg` : null;
+}
+function ge(e, t) {
+	if (D(e)) return "";
+	let n = he(e.url, e.thumbnailUrl);
+	if (!n) return "";
+	let r = w(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)}"
+  width="${a}"
+  align="${e.align}"
+  padding="${r}"
+  href="${x(e.url)}"
+  target="_blank"
+  rel="noopener"${i}${o}
+/>`;
+}
+//#endregion
+//#region ../renderer/src/renderers/index.ts
+function Y(e, l) {
+	return t(e) ? pe(e, l, Y) : m(e) ? ee(e, l) : a(e) ? te(e, l) : s(e) ? ne(e, l) : o(e) ? ae(e, l) : n(e) ? oe(e, l) : p(e) ? I(e, l) : h(e) ? L(e, l) : r(e) ? R(e, l) : u(e) ? V(e, l) : c(e) ? H(e, l) : f(e) ? K(e, l) : d(e) ? ge(e, l) : i(e) ? fe(e, l) : "";
+}
+//#endregion
+//#region ../renderer/src/index.ts
+var _e = /* @__PURE__ */ e({
+	RenderContext: () => _,
+	SOCIAL_ICONS: () => z,
+	convertMergeTagsToValues: () => C,
+	escapeAttr: () => x,
+	escapeHtml: () => b,
+	generateSocialIconDataUri: () => B,
+	getCssClassAttr: () => O,
+	getCssClasses: () => k,
+	getWidthPercentages: () => q,
+	getWidthPixels: () => J,
+	isHiddenOnAll: () => D,
+	renderBlock: () => Y,
+	renderToMjml: () => ve,
+	toPaddingString: () => w
+});
+async function ve(e, t) {
+	let n = t?.customFonts ?? [], r = t?.defaultFallbackFont ?? "Arial, sans-serif", i = t?.allowHtmlBlocks ?? !0, a = await Q(e, t?.renderCustomBlock), o = new _(e.settings.width, n, r, i, a), s = o.resolveFontFamily(e.settings.fontFamily), c = e.settings.backgroundColor, l = (e.canvasPages?.length ?? 0) > 0, u = ye(e, o, i), d = Ce(n), f = Se(e.settings.preheaderText), p = x(e.settings.locale), m = `width="${o.containerWidth}px" background-color="${c}"` + (l ? " css-class=\"tpl-canvas-multi\"" : "");
+	return `<mjml lang="${p}">
+  <mj-head>${f}
+    <mj-attributes>
+      <mj-all font-family="${s}" />
+      <mj-text font-size="14px" />
+      <mj-section padding="0" />
+      <mj-column padding="0" />
+      <mj-image fluid-on-mobile="true" />
+    </mj-attributes>${d}
+    <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) {
+        .tpl-hide-desktop { display: none !important; mso-hide: all !important; }
+      }${l ? Ee() : ""}
+    </mj-style>
+  </mj-head>
+  <mj-body ${m}>
+${u}${l ? `\n${De()}\n` : ""}
+  </mj-body>
+</mjml>`;
+}
+function ye(e, t, n) {
+	let r = e.canvasPages;
+	if (r?.length) {
+		let e = [];
+		for (let i = 0; i < r.length; i++) {
+			let a = X(r[i].blocks ?? [], t, n);
+			if (a.trim() === "") continue;
+			let o = i === 0 ? `tpl-canvas-page tpl-canvas-page-idx-${i} tpl-canvas-page--current` : `tpl-canvas-page tpl-canvas-page-idx-${i}`;
+			e.push(`<mj-wrapper css-class="${x(o)}" padding="0">\n${a}\n</mj-wrapper>`);
+		}
+		return e.join("\n");
+	}
+	return X(e.blocks, t, n);
+}
+function X(e, t, n) {
+	return we(e, n).map((e) => be(e, t)).filter((e) => e !== "").join("\n");
+}
+function be(e, n) {
+	return t(e) ? Z(e, Y(e, n)) : Z(e, xe(Y(e, n)));
+}
+function Z(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 xe(e) {
+	return e === "" ? "" : `<mj-section>
+  <mj-column>
+${e}
+  </mj-column>
+</mj-section>`;
+}
+function Se(e) {
+	if (!e) return "";
+	let t = e.trim();
+	return t === "" ? "" : `\n    <mj-preview>${b(t)}</mj-preview>`;
+}
+function Ce(e) {
+	return e.length === 0 ? "" : e.map((e) => `\n    <mj-font name="${x(e.name)}" href="${x(e.url)}" />`).join("");
+}
+function we(e, t) {
+	return t ? e : e.filter((e) => e.type !== "html");
+}
+async function Q(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	if (!t) return n;
+	let r = [];
+	if (Te(e, r), r.length === 0) return n;
+	let i = await Promise.all(r.map((e) => t(e)));
+	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 (i(r)) {
+			n.push(r);
+			continue;
+		}
+		if (t(r)) for (let e of r.children) $(e, n);
+	}
+}
+function Te(e, t) {
+	let n = e.canvasPages;
+	if (n?.length) {
+		for (let e of n) $(e.blocks ?? [], t);
+		return;
+	}
+	$(e.blocks, t);
+}
+function Ee() {
+	return "\n      .tpl-canvas-multi .tpl-canvas-page { display: none !important; }\n      .tpl-canvas-multi .tpl-canvas-page.tpl-canvas-page--current { display: block !important; }";
+}
+function De() {
+	return "<mj-raw>\n    <script>\n      (function () {\n        var root = document.body;\n        if (!root || !root.classList.contains(\"tpl-canvas-multi\")) return;\n        root.addEventListener(\n          \"click\",\n          function (e) {\n            var link = e.target.closest(\"a\");\n            if (!link || !root.contains(link)) return;\n            var isNext =\n              link.classList.contains(\"tpl-btn-next-step\") ||\n              !!link.closest(\"td.tpl-btn-next-step\");\n            var isPrev =\n              link.classList.contains(\"tpl-btn-prev-step\") ||\n              !!link.closest(\"td.tpl-btn-prev-step\");\n            if (!isNext && !isPrev) return;\n            e.preventDefault();\n            e.stopPropagation();\n            var pages = Array.prototype.slice.call(\n              root.querySelectorAll(\".tpl-canvas-page\"),\n            );\n            var cur = root.querySelector(\n              \".tpl-canvas-page.tpl-canvas-page--current\",\n            );\n            var i = pages.indexOf(cur);\n            if (i < 0) return;\n            if (isNext) {\n              if (i >= pages.length - 1) return;\n              pages[i].classList.remove(\"tpl-canvas-page--current\");\n              pages[i + 1].classList.add(\"tpl-canvas-page--current\");\n            } else {\n              if (i <= 0) return;\n              pages[i].classList.remove(\"tpl-canvas-page--current\");\n              pages[i - 1].classList.add(\"tpl-canvas-page--current\");\n            }\n          },\n          true,\n        );\n      })();\n    <\/script>\n  </mj-raw>";
+}
+//#endregion
+export { _e as t };
+
+//# sourceMappingURL=renderer-si0Zgxeb.js.map