@aswin.dev/renderer 0.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +91 -0
  2. package/dist/index.d.ts +137 -0
  3. package/dist/index.js +1221 -0
  4. package/dist/index.js.map +1 -0
  5. package/package.json +50 -0
package/dist/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.ts","../src/render-context.ts","../src/renderers/index.ts","../src/renderers/title.ts","../src/escape.ts","../src/padding.ts","../src/utils.ts","../src/visibility.ts","../src/renderers/paragraph.ts","../src/renderers/image.ts","../src/renderers/input.ts","../src/renderers/button.ts","../src/renderers/divider.ts","../src/renderers/spacer.ts","../src/renderers/html.ts","../src/social-icons.ts","../src/renderers/social.ts","../src/renderers/menu.ts","../src/renderers/table.ts","../src/renderers/custom.ts","../src/renderers/section.ts","../src/columns.ts","../src/renderers/video.ts"],"sourcesContent":["import type {\n Block,\n CustomBlock,\n TemplateContent,\n CustomFont,\n} from \"@templatical/types\";\nimport { isSection, isCustomBlock } from \"@templatical/types\";\nimport { RenderContext } from \"./render-context\";\nimport { renderBlock } from \"./renderers\";\nimport { escapeHtml, escapeAttr } from \"./escape\";\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\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\n const customBlockHtml = await resolveCustomBlocks(\n content,\n options?.renderCustomBlock,\n );\n\n const renderContext = new RenderContext(\n content.settings.width,\n customFonts,\n defaultFallbackFont,\n allowHtmlBlocks,\n customBlockHtml,\n );\n\n const fontFamily = renderContext.resolveFontFamily(\n content.settings.fontFamily,\n );\n const backgroundColor = content.settings.backgroundColor;\n\n const multiCanvas = (content.canvasPages?.length ?? 0) > 0;\n\n const bodyContent = buildMjBodyContent(\n content,\n renderContext,\n allowHtmlBlocks,\n );\n\n const fontDeclarations = generateFontDeclarations(customFonts);\n const previewTag = generatePreviewTag(content.settings.preheaderText);\n\n const lang = escapeAttr(content.settings.locale);\n\n const mjBodyAttrs =\n `width=\"${renderContext.containerWidth}px\" background-color=\"${backgroundColor}\"` +\n (multiCanvas ? ` css-class=\"tpl-canvas-multi\"` : \"\");\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) and (max-width: 768px) {\n .tpl-hide-tablet { display: none !important; mso-hide: all !important; }\n }\n @media only screen and (min-width: 769px) {\n .tpl-hide-desktop { display: none !important; mso-hide: all !important; }\n }${multiCanvas ? multiCanvasStepCss() : \"\"}\n </mj-style>\n </mj-head>\n <mj-body ${mjBodyAttrs}>\n${bodyContent}${multiCanvas ? `\\n${multiCanvasStepScriptMjRaw()}\\n` : \"\"}\n </mj-body>\n</mjml>`;\n}\n\n/**\n * Renders `<mj-body>` inner markup: either every multi-step canvas page\n * (each wrapped in `<mj-wrapper css-class=\"tpl-canvas-page …\">`) or the flat\n * `content.blocks` tree when `canvasPages` is absent or empty.\n */\nfunction buildMjBodyContent(\n content: TemplateContent,\n context: RenderContext,\n allowHtmlBlocks: boolean,\n): string {\n const pages = content.canvasPages;\n if (pages?.length) {\n const chunks: string[] = [];\n for (let i = 0; i < pages.length; i++) {\n const pageBlocks = pages[i].blocks ?? [];\n const inner = renderBlocksTopLevel(pageBlocks, context, allowHtmlBlocks);\n if (inner.trim() === \"\") {\n continue;\n }\n const rawClasses =\n i === 0\n ? `tpl-canvas-page tpl-canvas-page-idx-${i} tpl-canvas-page--current`\n : `tpl-canvas-page tpl-canvas-page-idx-${i}`;\n chunks.push(\n `<mj-wrapper css-class=\"${escapeAttr(rawClasses)}\" padding=\"0\">\\n${inner}\\n</mj-wrapper>`,\n );\n }\n return chunks.join(\"\\n\");\n }\n\n return renderBlocksTopLevel(content.blocks, context, allowHtmlBlocks);\n}\n\nfunction renderBlocksTopLevel(\n blocks: Block[],\n context: RenderContext,\n allowHtmlBlocks: boolean,\n): string {\n return filterHtmlBlocks(blocks, allowHtmlBlocks)\n .map((block) => renderTopLevelBlock(block, context))\n .filter((value) => value !== \"\")\n .join(\"\\n\");\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 rendered block content with display condition tags if present.\n */\nfunction wrapWithDisplayCondition(block: Block, rendered: string): 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\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 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 collectCustomBlocksFromContent(content, 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\nfunction collectCustomBlocksFromContent(\n content: TemplateContent,\n out: CustomBlock[],\n): void {\n const pages = content.canvasPages;\n if (pages?.length) {\n for (const page of pages) {\n collectCustomBlocks(page.blocks ?? [], out);\n }\n return;\n }\n collectCustomBlocks(content.blocks, out);\n}\n\n/**\n * CSS for multi-step canvas export: hide all `.tpl-canvas-page` except\n * `.tpl-canvas-page--current` (set on the first step in MJML).\n */\nfunction multiCanvasStepCss(): string {\n 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; }`;\n}\n\n/**\n * Moves `.tpl-canvas-page--current` when next/previous-step buttons are clicked.\n * MJML puts `css-class` on the wrapping `<td>`, so match `td.tpl-btn-*-step`\n * (and `a.tpl-btn-*-step` when present).\n */\nfunction multiCanvasStepScriptMjRaw(): string {\n 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>`;\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 { SOCIAL_ICONS, generateSocialIconDataUri } from \"./social-icons\";\nexport { renderBlock } from \"./renderers\";\nexport type { BlockRenderer } from \"./renderers/section\";\n","import type { CustomFont } from \"@templatical/types\";\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\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 );\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","import type { Block } from \"@templatical/types\";\nimport {\n isSection,\n isTitle,\n isParagraph,\n isImage,\n isInput,\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 { renderInput } from \"./input\";\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 (isInput(block)) {\n return renderInput(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 { 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","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 */\nexport function convertMergeTagsToValues(html: string): string {\n if (html === \"\") {\n return \"\";\n }\n\n // Replace <span data-merge-tag=\"...\">...</span> with the merge tag value\n let result = html.replace(\n /<span[^>]*\\bdata-merge-tag=\"([^\"]*)\"[^>]*>.*?<\\/span>/gs,\n \"$1\",\n );\n\n // Replace <span data-logic-merge-tag=\"...\">...</span> with the merge tag value\n result = result.replace(\n /<span[^>]*\\bdata-logic-merge-tag=\"([^\"]*)\"[^>]*>.*?<\\/span>/gs,\n \"$1\",\n );\n\n return result;\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/** Same TRBL format as {@link toPaddingString}; use for CSS margin. */\nexport function toMarginString(margin: SpacingValue): string {\n return toPaddingString(margin);\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.tablet && !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 tpl-hide-tablet\"` 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.tablet) {\n classes.push(\"tpl-hide-tablet\");\n }\n\n if (!visibility.mobile) {\n classes.push(\"tpl-hide-mobile\");\n }\n\n return classes.join(\" \");\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 const stripped = block.content.replace(/<\\/?p[^>]*>/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\n return `<mj-image\n src=\"${src}\"\n alt=\"${alt}\"\n width=\"${width}\"\n align=\"${align}\"\n padding=\"${padding}\"${bgColor}${linkAttr}${visibilityAttr}\n/>`;\n}\n","import type { ButtonBorderSides, InputBlock } from \"@templatical/types\";\nimport type { RenderContext } from \"../render-context\";\nimport {\n convertMergeTagsToValues,\n escapeAttr,\n escapeCssValue,\n escapeHtml,\n} from \"../escape\";\nimport { toMarginString, toPaddingString } from \"../padding\";\nimport { bgAttr } from \"../utils\";\nimport { isHiddenOnAll, getCssClassAttr } from \"../visibility\";\n\nfunction fontFamilyDeclaration(\n fontFamily: string | undefined,\n context: RenderContext,\n): string {\n if (!fontFamily) {\n return \"\";\n }\n const resolved = context.resolveFontFamily(fontFamily);\n return `font-family:${escapeCssValue(resolved)};`;\n}\n\nfunction inputBorderCss(\n widthPx: number,\n color: string,\n sides: ButtonBorderSides,\n): string {\n if (widthPx <= 0) {\n return \"border:none;\";\n }\n const w = `${widthPx}px`;\n const c = escapeCssValue(color);\n if (sides === \"all\") {\n return `border:${w} solid ${c};`;\n }\n const z = \"0\";\n const tw = sides === \"top\" ? w : z;\n const rw = sides === \"right\" ? w : z;\n const bw = sides === \"bottom\" ? w : z;\n const lw = sides === \"left\" ? w : z;\n return `border-style:solid;border-color:${c};border-top-width:${tw};border-right-width:${rw};border-bottom-width:${bw};border-left-width:${lw};`;\n}\n\nfunction mergePlain(text: string): string {\n return escapeHtml(convertMergeTagsToValues(text));\n}\n\n/**\n * Renders an input block as MJML `mj-text` wrapping label + `<input>`.\n * Interactive fields work on web; many email clients strip or ignore inputs.\n */\nexport function renderInput(block: InputBlock, 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 visibilityAttr = getCssClassAttr(block);\n\n const htmlInputId = `tpl-in-${block.id}`;\n const htmlInputIdAttr = escapeAttr(htmlInputId);\n const dataIdAttr = escapeAttr(block.id);\n\n const labelText = mergePlain(block.label);\n const placeholderPlain = convertMergeTagsToValues(block.placeholder);\n const valuePlain = convertMergeTagsToValues(block.defaultValue ?? \"\");\n\n const labelMargin = toMarginString(block.labelMargin);\n const labelPadding = toPaddingString(block.labelPadding);\n const labelStyle = [\n \"display:block;\",\n `margin:${labelMargin};`,\n `padding:${labelPadding};`,\n `font-size:${block.labelFontSize}px;`,\n `font-weight:${block.labelFontWeight};`,\n `color:${escapeCssValue(block.labelColor)};`,\n `text-align:${block.labelTextAlign};`,\n fontFamilyDeclaration(block.labelFontFamily, context),\n ]\n .filter(Boolean)\n .join(\"\");\n\n const inputMargin = toMarginString(block.inputMargin);\n const inputPad = toPaddingString(block.inputPadding);\n const widthCss =\n block.inputWidth === \"full\" ? \"100%\" : `${block.inputWidth}px`;\n const bw = block.inputBorderWidth ?? 0;\n const borderCss = inputBorderCss(\n bw,\n block.inputBorderColor ?? \"#d1d5db\",\n block.inputBorderSides ?? \"all\",\n );\n\n const inputStyle = [\n \"box-sizing:border-box;\",\n `width:${widthCss};`,\n `margin:${inputMargin};`,\n `padding:${inputPad};`,\n `background-color:${escapeCssValue(block.inputBackgroundColor)};`,\n `color:${escapeCssValue(block.inputTextColor)};`,\n `font-size:${block.inputFontSize}px;`,\n `border-radius:${block.inputBorderRadius}px;`,\n borderCss,\n fontFamilyDeclaration(block.inputFontFamily, context),\n \"outline:none;\",\n ].join(\"\");\n\n const typeAttr = escapeAttr(block.inputType);\n const requiredAttr = block.required ? \" required\" : \"\";\n const nameAttr =\n block.name.trim() === \"\" ? \"\" : ` name=\"${escapeAttr(block.name.trim())}\"`;\n\n const placeholderStyle = `<style type=\"text/css\">[data-tpl-input=\"${dataIdAttr}\"]::placeholder{color:${escapeCssValue(block.inputPlaceholderColor)}!important;opacity:1;}</style>`;\n\n const html = `${placeholderStyle}<label for=\"${htmlInputIdAttr}\" style=\"${labelStyle}\">${labelText}</label><input id=\"${htmlInputIdAttr}\"${nameAttr} type=\"${typeAttr}\" data-tpl-input=\"${dataIdAttr}\" placeholder=\"${escapeAttr(placeholderPlain)}\" value=\"${escapeAttr(valuePlain)}\" style=\"${inputStyle}\"${requiredAttr} />`;\n\n return `<mj-text\n line-height=\"1.5\"\n padding=\"${padding}\"${bgColor}${visibilityAttr}\n>${html}</mj-text>`;\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, getCssClasses } 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 empty so we don't emit `<a href=\"\">`.\n const href = resolveButtonHref(block);\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 action = block.clickAction ?? \"none\";\n const targetAttr =\n block.openInNewTab && action !== \"next_step\" && action !== \"previous_step\"\n ? ' target=\"_blank\" rel=\"noopener\"'\n : \"\";\n const fontFamilyAttr = renderFontFamilyAttr(block.fontFamily, context);\n const btnCssClassAttr = renderMjButtonCssClassAttr(block);\n const borderAttrs = renderMjButtonBorderAttrs(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}${btnCssClassAttr}${borderAttrs}\n>${text}</mj-button>`;\n}\n\n/** Merges visibility classes with interaction hooks (e.g. multi-step popup). */\nfunction renderMjButtonCssClassAttr(block: ButtonBlock): string {\n const parts: string[] = [];\n const vis = getCssClasses(block);\n if (vis) {\n parts.push(...vis.split(/\\s+/).filter(Boolean));\n }\n const action = block.clickAction ?? \"none\";\n if (action === \"next_step\") {\n parts.push(\"tpl-btn-next-step\");\n } else if (action === \"previous_step\") {\n parts.push(\"tpl-btn-prev-step\");\n }\n if (parts.length === 0) {\n return \"\";\n }\n return ` css-class=\"${escapeAttr(parts.join(\" \"))}\"`;\n}\n\n/** MJML `mj-button` accepts full CSS border strings per side. */\nfunction renderMjButtonBorderAttrs(block: ButtonBlock): string {\n const w = block.borderWidth ?? 0;\n if (w <= 0) {\n return \"\";\n }\n const color = block.borderColor ?? \"#000000\";\n const segment = `${w}px solid ${color}`;\n const escSegment = escapeAttr(segment);\n const escNone = escapeAttr(\"none\");\n const sides = block.borderSides ?? \"all\";\n\n if (sides === \"all\") {\n return ` border=\"${escSegment}\"`;\n }\n\n const top = sides === \"top\" ? escSegment : escNone;\n const right = sides === \"right\" ? escSegment : escNone;\n const bottom = sides === \"bottom\" ? escSegment : escNone;\n const left = sides === \"left\" ? escSegment : escNone;\n\n return ` border-top=\"${top}\" border-right=\"${right}\" border-bottom=\"${bottom}\" border-left=\"${left}\"`;\n}\n\nfunction resolveButtonHref(block: ButtonBlock): string {\n const action = block.clickAction ?? \"none\";\n\n if (action === \"scroll_anchor\") {\n const raw = block.clickActionAnchorId?.trim().replace(/^#/, \"\") ?? \"\";\n if (raw !== \"\") {\n return escapeAttr(`#${raw}`);\n }\n return block.url === \"\" ? \"\" : escapeAttr(block.url);\n }\n\n if (action === \"none\" || action === \"load_page\") {\n return block.url === \"\" ? \"\" : escapeAttr(block.url);\n }\n\n // next_step / previous_step / close_popup: `#` keeps the control clickable in HTML; optional URL fallback.\n if (\n action === \"next_step\" ||\n action === \"previous_step\" ||\n action === \"close_popup\"\n ) {\n return escapeAttr(block.url === \"\" ? \"#\" : block.url);\n }\n\n return \"\";\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 { 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 { 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\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${visibilityAttr}>\n${content}\n</mj-text>`;\n}\n","/**\n * Social icon SVG path data and brand colors for all supported platforms.\n */\nexport const SOCIAL_ICONS: Record<string, { path: string; color: string }> = {\n facebook: {\n 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\",\n color: \"#1877F2\",\n },\n twitter: {\n 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\",\n color: \"#000000\",\n },\n instagram: {\n 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\",\n color: \"#E4405F\",\n },\n linkedin: {\n 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\",\n color: \"#0A66C2\",\n },\n youtube: {\n 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\",\n color: \"#FF0000\",\n },\n tiktok: {\n 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\",\n color: \"#000000\",\n },\n pinterest: {\n 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\",\n color: \"#BD081C\",\n },\n email: {\n 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\",\n color: \"#6B7280\",\n },\n whatsapp: {\n 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\",\n color: \"#25D366\",\n },\n telegram: {\n 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\",\n color: \"#26A5E4\",\n },\n discord: {\n 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\",\n color: \"#5865F2\",\n },\n snapchat: {\n 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\",\n color: \"#FFFC00\",\n },\n reddit: {\n 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\",\n color: \"#FF4500\",\n },\n github: {\n 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\",\n color: \"#181717\",\n },\n dribbble: {\n 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\",\n color: \"#EA4C89\",\n },\n behance: {\n 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\",\n color: \"#1769FF\",\n },\n};\n\n/**\n * Generate a base64-encoded SVG data URI for a social icon.\n * Ported from SocialIconSvgGenerator.php.\n */\nexport function generateSocialIconDataUri(\n platform: string,\n style: string,\n size: number,\n): string {\n const iconData = SOCIAL_ICONS[platform];\n const path = iconData?.path ?? \"\";\n const brandColor = iconData?.color ?? \"#6B7280\";\n\n if (path === \"\") {\n return \"\";\n }\n\n // Only outlined style has transparent bg with colored icon\n // All other styles (solid, rounded, square, circle) have colored bg with white icon\n const isOutlined = style === \"outlined\";\n const iconColor = isOutlined ? brandColor : \"#ffffff\";\n\n // Border radius values proportional to editor (based on 24x24 viewBox)\n let bgShape: string;\n switch (style) {\n case \"circle\":\n bgShape = `<circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"${brandColor}\"/>`;\n break;\n case \"rounded\":\n bgShape = `<rect width=\"24\" height=\"24\" rx=\"6\" fill=\"${brandColor}\"/>`;\n break;\n case \"square\":\n bgShape = `<rect width=\"24\" height=\"24\" rx=\"0\" fill=\"${brandColor}\"/>`;\n break;\n case \"outlined\":\n bgShape = `<rect width=\"22\" height=\"22\" x=\"1\" y=\"1\" rx=\"3\" fill=\"transparent\" stroke=\"${brandColor}\" stroke-width=\"2\"/>`;\n break;\n default:\n bgShape = `<rect width=\"24\" height=\"24\" rx=\"3\" fill=\"${brandColor}\"/>`;\n break;\n }\n\n // Icon size = 60% of container (matching editor's Math.floor(size * 0.6))\n // In 24x24 viewBox: 60% = 14.4, so translate by (24-14.4)/2 = 4.8 and scale by 0.6\n const svg =\n `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"${size}\" height=\"${size}\">` +\n bgShape +\n `<g transform=\"translate(4.8, 4.8) scale(0.6)\">` +\n `<path d=\"${path}\" fill=\"${iconColor}\"/>` +\n `</g></svg>`;\n\n return \"data:image/svg+xml;base64,\" + btoa(svg);\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\";\nimport { generateSocialIconDataUri } from \"../social-icons\";\n\n/**\n * Render a social icons block to MJML markup.\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\n // Generate custom SVG icon as data URI to match editor appearance\n const iconSrc = generateSocialIconDataUri(platform, iconStyle, iconSizePx);\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 { 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 bgColor = bgAttr(block.styles?.backgroundColor, \"container\");\n\n return `<mj-text${bgColor}${visibilityAttr}>\n${content}\n</mj-text>`;\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\";\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) => renderBlock(child, columnContext))\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 { 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 { 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"],"mappings":";AAMA,SAAS,aAAAA,YAAW,iBAAAC,sBAAqB;;;ACJzC,IAAM,0BAAkD;AAAA,EACtD,OAAO;AAAA,EACP,WAAW;AAAA,EACX,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,QAAQ;AACV;AAKO,IAAM,gBAAN,MAAM,eAAc;AAAA,EACzB,YACkB,gBACA,aACA,qBACA,iBAMA,kBAA+C,oBAAI,IAAI,GACvE;AAVgB;AACA;AACA;AACA;AAMA;AAAA,EACf;AAAA,EAVe;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAMA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOlB,mBAAmB,OAA8B;AAC/C,WAAO,IAAI;AAAA,MACT;AAAA,MACA,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,kBAAkB,YAA4B;AAE5C,eAAW,cAAc,KAAK,aAAa;AACzC,UAAI,WAAW,KAAK,YAAY,MAAM,WAAW,YAAY,GAAG;AAC9D,cAAM,WAAW,WAAW,YAAY,KAAK;AAE7C,eAAO,IAAI,WAAW,IAAI,MAAM,QAAQ;AAAA,MAC1C;AAAA,IACF;AAGA,UAAM,UAAU,wBAAwB,WAAW,YAAY,CAAC;AAChE,QAAI,SAAS;AACX,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT;AACF;;;AClEA;AAAA,EACE,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;;;ACfP,SAAS,+BAA+B;;;ACDxC,IAAM,gBAAwC;AAAA,EAC5C,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEA,IAAM,oBAAoB;AAMnB,SAAS,WAAW,MAAsB;AAC/C,MAAI,SAAS,IAAI;AACf,WAAO;AAAA,EACT;AAEA,SAAO,KAAK,QAAQ,mBAAmB,CAAC,SAAS,cAAc,IAAI,KAAK,IAAI;AAC9E;AAMO,SAAS,WAAW,MAAsB;AAC/C,MAAI,SAAS,IAAI;AACf,WAAO;AAAA,EACT;AAEA,SAAO,KAAK,QAAQ,mBAAmB,CAAC,SAAS,cAAc,IAAI,KAAK,IAAI;AAC9E;AAgBO,SAAS,eAAe,MAAsB;AACnD,MAAI,SAAS,IAAI;AACf,WAAO;AAAA,EACT;AACA,SAAO,WAAW,IAAI,EAAE,QAAQ,cAAc,EAAE;AAClD;AAOO,SAAS,yBAAyB,MAAsB;AAC7D,MAAI,SAAS,IAAI;AACf,WAAO;AAAA,EACT;AAGA,MAAI,SAAS,KAAK;AAAA,IAChB;AAAA,IACA;AAAA,EACF;AAGA,WAAS,OAAO;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;;;ACzEO,SAAS,gBAAgB,SAA+B;AAC7D,SAAO,GAAG,QAAQ,GAAG,MAAM,QAAQ,KAAK,MAAM,QAAQ,MAAM,MAAM,QAAQ,IAAI;AAChF;AAGO,SAAS,eAAe,QAA8B;AAC3D,SAAO,gBAAgB,MAAM;AAC/B;;;ACgBO,SAAS,OACd,iBACA,WACQ;AACR,MAAI,CAAC,iBAAiB;AACpB,WAAO;AAAA,EACT;AAEA,QAAM,OACJ,cAAc,WAAW,qBAAqB;AAEhD,SAAO,IAAI,IAAI,KAAK,eAAe;AACrC;;;ACnCO,SAAS,cAAc,OAAuB;AACnD,QAAM,aAAa,MAAM;AAEzB,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,SAAO,CAAC,WAAW,WAAW,CAAC,WAAW,UAAU,CAAC,WAAW;AAClE;AAMO,SAAS,gBAAgB,OAAsB;AACpD,QAAM,UAAU,cAAc,KAAK;AAEnC,MAAI,YAAY,IAAI;AAClB,WAAO;AAAA,EACT;AAEA,SAAO,eAAe,OAAO;AAC/B;AAKO,SAAS,cAAc,OAAsB;AAClD,QAAM,aAAa,MAAM;AAEzB,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,QAAM,UAAoB,CAAC;AAE3B,MAAI,CAAC,WAAW,SAAS;AACvB,YAAQ,KAAK,kBAAkB;AAAA,EACjC;AAEA,MAAI,CAAC,WAAW,QAAQ;AACtB,YAAQ,KAAK,iBAAiB;AAAA,EAChC;AAEA,MAAI,CAAC,WAAW,QAAQ;AACtB,YAAQ,KAAK,iBAAiB;AAAA,EAChC;AAEA,SAAO,QAAQ,KAAK,GAAG;AACzB;;;AJ3CO,SAAS,YAAY,OAAmB,SAAgC;AAC7E,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,gBAAgB,MAAM,OAAO,OAAO;AACpD,QAAM,UAAU,OAAO,MAAM,OAAO,iBAAiB,WAAW;AAChE,QAAM,UAAU,gBAAgB,yBAAyB,MAAM,OAAO,CAAC;AAGvE,QAAM,WACJ,wBAAwB,MAAM,KAAK,KAAK,wBAAwB,CAAC;AACnE,QAAM,QAAQ,WAAW,MAAM,KAAK;AACpC,QAAM,QAAQ,MAAM;AACpB,QAAM,iBAAiB,qBAAqB,MAAM,YAAY,OAAO;AACrE,QAAM,iBAAiB,gBAAgB,KAAK;AAG5C,QAAM,YAAY,wBAAwB,MAAM,KAAK,IAAI,MAAM,QAAQ;AACvE,QAAM,MAAM,IAAI,SAAS;AAEzB,SAAO;AAAA,eACM,QAAQ;AAAA,WACZ,KAAK;AAAA,WACL,KAAK;AAAA;AAAA,aAEH,OAAO,IAAI,OAAO,GAAG,cAAc,GAAG,cAAc;AAAA,IAC7D,GAAG,yEAAyE,OAAO,KAAK,GAAG;AAC/F;AAOA,SAAS,gBAAgB,MAAsB;AAC7C,QAAM,QAAQ,KAAK,MAAM,kCAAkC;AAC3D,MAAI,CAAC,MAAO,QAAO;AAGnB,MAAI,gBAAgB,KAAK,MAAM,CAAC,CAAC,EAAG,QAAO;AAC3C,SAAO,MAAM,CAAC;AAChB;AAEA,SAAS,qBACP,YACA,SACQ;AACR,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,QAAQ,kBAAkB,UAAU;AAErD,SAAO,iBAAiB,QAAQ;AAClC;;;AKvDO,SAAS,gBACd,OACA,UACQ;AACR,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAKA,QAAM,WAAW,MAAM,QAAQ,QAAQ,iBAAiB,EAAE,EAAE,KAAK;AACjE,MAAI,aAAa,IAAI;AACnB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,gBAAgB,MAAM,OAAO,OAAO;AACpD,QAAM,UAAU,OAAO,MAAM,OAAO,iBAAiB,WAAW;AAChE,QAAM,UAAU,yBAAyB,MAAM,OAAO;AACtD,QAAM,iBAAiB,gBAAgB,KAAK;AAE5C,SAAO;AAAA;AAAA,aAEI,OAAO,IAAI,OAAO,GAAG,cAAc;AAAA,GAC7C,OAAO;AACV;;;AC1BO,SAAS,YAAY,OAAmB,SAAgC;AAC7E,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,MAAI,MAAM,QAAQ,IAAI;AAGpB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,gBAAgB,MAAM,OAAO,OAAO;AACpD,QAAM,UAAU,OAAO,MAAM,OAAO,iBAAiB,WAAW;AAChE,QAAM,QACJ,MAAM,UAAU,SAAS,QAAQ,iBAAiB,OAAO,MAAM,QAAQ;AAEzE,QAAM,iBAAiB,gBAAgB,KAAK;AAE5C,MAAI,WAAW;AACf,MAAI,MAAM,SAAS;AACjB,eAAW,UAAU,WAAW,MAAM,OAAO,CAAC;AAC9C,QAAI,MAAM,kBAAkB;AAC1B,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,QAAM,MAAM,WAAW,MAAM,GAAG;AAChC,QAAM,aAAa,MAAM,eAAe;AACxC,QAAM,MAAM,aAAa,KAAK,WAAW,MAAM,GAAG;AAClD,QAAM,QAAQ,MAAM;AAEpB,SAAO;AAAA,SACA,GAAG;AAAA,SACH,GAAG;AAAA,WACD,KAAK;AAAA,WACL,KAAK;AAAA,aACH,OAAO,IAAI,OAAO,GAAG,QAAQ,GAAG,cAAc;AAAA;AAE3D;;;ACpCA,SAAS,sBACP,YACA,SACQ;AACR,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,QAAM,WAAW,QAAQ,kBAAkB,UAAU;AACrD,SAAO,eAAe,eAAe,QAAQ,CAAC;AAChD;AAEA,SAAS,eACP,SACA,OACA,OACQ;AACR,MAAI,WAAW,GAAG;AAChB,WAAO;AAAA,EACT;AACA,QAAM,IAAI,GAAG,OAAO;AACpB,QAAM,IAAI,eAAe,KAAK;AAC9B,MAAI,UAAU,OAAO;AACnB,WAAO,UAAU,CAAC,UAAU,CAAC;AAAA,EAC/B;AACA,QAAM,IAAI;AACV,QAAM,KAAK,UAAU,QAAQ,IAAI;AACjC,QAAM,KAAK,UAAU,UAAU,IAAI;AACnC,QAAM,KAAK,UAAU,WAAW,IAAI;AACpC,QAAM,KAAK,UAAU,SAAS,IAAI;AAClC,SAAO,mCAAmC,CAAC,qBAAqB,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,sBAAsB,EAAE;AAC/I;AAEA,SAAS,WAAW,MAAsB;AACxC,SAAO,WAAW,yBAAyB,IAAI,CAAC;AAClD;AAMO,SAAS,YAAY,OAAmB,SAAgC;AAC7E,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,gBAAgB,MAAM,OAAO,OAAO;AACpD,QAAM,UAAU,OAAO,MAAM,OAAO,iBAAiB,WAAW;AAChE,QAAM,iBAAiB,gBAAgB,KAAK;AAE5C,QAAM,cAAc,UAAU,MAAM,EAAE;AACtC,QAAM,kBAAkB,WAAW,WAAW;AAC9C,QAAM,aAAa,WAAW,MAAM,EAAE;AAEtC,QAAM,YAAY,WAAW,MAAM,KAAK;AACxC,QAAM,mBAAmB,yBAAyB,MAAM,WAAW;AACnE,QAAM,aAAa,yBAAyB,MAAM,gBAAgB,EAAE;AAEpE,QAAM,cAAc,eAAe,MAAM,WAAW;AACpD,QAAM,eAAe,gBAAgB,MAAM,YAAY;AACvD,QAAM,aAAa;AAAA,IACjB;AAAA,IACA,UAAU,WAAW;AAAA,IACrB,WAAW,YAAY;AAAA,IACvB,aAAa,MAAM,aAAa;AAAA,IAChC,eAAe,MAAM,eAAe;AAAA,IACpC,SAAS,eAAe,MAAM,UAAU,CAAC;AAAA,IACzC,cAAc,MAAM,cAAc;AAAA,IAClC,sBAAsB,MAAM,iBAAiB,OAAO;AAAA,EACtD,EACG,OAAO,OAAO,EACd,KAAK,EAAE;AAEV,QAAM,cAAc,eAAe,MAAM,WAAW;AACpD,QAAM,WAAW,gBAAgB,MAAM,YAAY;AACnD,QAAM,WACJ,MAAM,eAAe,SAAS,SAAS,GAAG,MAAM,UAAU;AAC5D,QAAM,KAAK,MAAM,oBAAoB;AACrC,QAAM,YAAY;AAAA,IAChB;AAAA,IACA,MAAM,oBAAoB;AAAA,IAC1B,MAAM,oBAAoB;AAAA,EAC5B;AAEA,QAAM,aAAa;AAAA,IACjB;AAAA,IACA,SAAS,QAAQ;AAAA,IACjB,UAAU,WAAW;AAAA,IACrB,WAAW,QAAQ;AAAA,IACnB,oBAAoB,eAAe,MAAM,oBAAoB,CAAC;AAAA,IAC9D,SAAS,eAAe,MAAM,cAAc,CAAC;AAAA,IAC7C,aAAa,MAAM,aAAa;AAAA,IAChC,iBAAiB,MAAM,iBAAiB;AAAA,IACxC;AAAA,IACA,sBAAsB,MAAM,iBAAiB,OAAO;AAAA,IACpD;AAAA,EACF,EAAE,KAAK,EAAE;AAET,QAAM,WAAW,WAAW,MAAM,SAAS;AAC3C,QAAM,eAAe,MAAM,WAAW,cAAc;AACpD,QAAM,WACJ,MAAM,KAAK,KAAK,MAAM,KAAK,KAAK,UAAU,WAAW,MAAM,KAAK,KAAK,CAAC,CAAC;AAEzE,QAAM,mBAAmB,2CAA2C,UAAU,yBAAyB,eAAe,MAAM,qBAAqB,CAAC;AAElJ,QAAM,OAAO,GAAG,gBAAgB,eAAe,eAAe,YAAY,UAAU,KAAK,SAAS,sBAAsB,eAAe,IAAI,QAAQ,UAAU,QAAQ,qBAAqB,UAAU,kBAAkB,WAAW,gBAAgB,CAAC,YAAY,WAAW,UAAU,CAAC,YAAY,UAAU,IAAI,YAAY;AAE1T,SAAO;AAAA;AAAA,aAEI,OAAO,IAAI,OAAO,GAAG,cAAc;AAAA,GAC7C,IAAI;AACP;;;AChHO,SAAS,aACd,OACA,SACQ;AACR,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,gBAAgB,MAAM,OAAO,OAAO;AACpD,QAAM,UAAU,OAAO,MAAM,OAAO,iBAAiB,WAAW;AAChE,QAAM,gBAAgB,gBAAgB,MAAM,aAAa;AAGzD,QAAM,OAAO,kBAAkB,KAAK;AACpC,QAAM,WAAW,SAAS,KAAK,KAAK,UAAU,IAAI;AAClD,QAAM,kBAAkB,WAAW,MAAM,eAAe;AACxD,QAAM,YAAY,WAAW,MAAM,SAAS;AAC5C,QAAM,WAAW,MAAM;AACvB,QAAM,eAAe,MAAM;AAC3B,QAAM,OAAO,WAAW,MAAM,IAAI;AAClC,QAAM,SAAS,MAAM,eAAe;AACpC,QAAM,aACJ,MAAM,gBAAgB,WAAW,eAAe,WAAW,kBACvD,oCACA;AACN,QAAM,iBAAiBC,sBAAqB,MAAM,YAAY,OAAO;AACrE,QAAM,kBAAkB,2BAA2B,KAAK;AACxD,QAAM,cAAc,0BAA0B,KAAK;AAEnD,SAAO,aAAa,QAAQ,GAAG,UAAU;AAAA,sBACrB,eAAe;AAAA,WAC1B,SAAS;AAAA,eACL,QAAQ;AAAA;AAAA,mBAEJ,YAAY;AAAA,mBACZ,aAAa;AAAA,aACnB,OAAO,IAAI,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,WAAW;AAAA,GAC7E,IAAI;AACP;AAGA,SAAS,2BAA2B,OAA4B;AAC9D,QAAM,QAAkB,CAAC;AACzB,QAAM,MAAM,cAAc,KAAK;AAC/B,MAAI,KAAK;AACP,UAAM,KAAK,GAAG,IAAI,MAAM,KAAK,EAAE,OAAO,OAAO,CAAC;AAAA,EAChD;AACA,QAAM,SAAS,MAAM,eAAe;AACpC,MAAI,WAAW,aAAa;AAC1B,UAAM,KAAK,mBAAmB;AAAA,EAChC,WAAW,WAAW,iBAAiB;AACrC,UAAM,KAAK,mBAAmB;AAAA,EAChC;AACA,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO;AAAA,EACT;AACA,SAAO,eAAe,WAAW,MAAM,KAAK,GAAG,CAAC,CAAC;AACnD;AAGA,SAAS,0BAA0B,OAA4B;AAC7D,QAAM,IAAI,MAAM,eAAe;AAC/B,MAAI,KAAK,GAAG;AACV,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,MAAM,eAAe;AACnC,QAAM,UAAU,GAAG,CAAC,YAAY,KAAK;AACrC,QAAM,aAAa,WAAW,OAAO;AACrC,QAAM,UAAU,WAAW,MAAM;AACjC,QAAM,QAAQ,MAAM,eAAe;AAEnC,MAAI,UAAU,OAAO;AACnB,WAAO,YAAY,UAAU;AAAA,EAC/B;AAEA,QAAM,MAAM,UAAU,QAAQ,aAAa;AAC3C,QAAM,QAAQ,UAAU,UAAU,aAAa;AAC/C,QAAM,SAAS,UAAU,WAAW,aAAa;AACjD,QAAM,OAAO,UAAU,SAAS,aAAa;AAE7C,SAAO,gBAAgB,GAAG,mBAAmB,KAAK,oBAAoB,MAAM,kBAAkB,IAAI;AACpG;AAEA,SAAS,kBAAkB,OAA4B;AACrD,QAAM,SAAS,MAAM,eAAe;AAEpC,MAAI,WAAW,iBAAiB;AAC9B,UAAM,MAAM,MAAM,qBAAqB,KAAK,EAAE,QAAQ,MAAM,EAAE,KAAK;AACnE,QAAI,QAAQ,IAAI;AACd,aAAO,WAAW,IAAI,GAAG,EAAE;AAAA,IAC7B;AACA,WAAO,MAAM,QAAQ,KAAK,KAAK,WAAW,MAAM,GAAG;AAAA,EACrD;AAEA,MAAI,WAAW,UAAU,WAAW,aAAa;AAC/C,WAAO,MAAM,QAAQ,KAAK,KAAK,WAAW,MAAM,GAAG;AAAA,EACrD;AAGA,MACE,WAAW,eACX,WAAW,mBACX,WAAW,eACX;AACA,WAAO,WAAW,MAAM,QAAQ,KAAK,MAAM,MAAM,GAAG;AAAA,EACtD;AAEA,SAAO;AACT;AAEA,SAASA,sBACP,YACA,SACQ;AACR,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,QAAQ,kBAAkB,UAAU;AAErD,SAAO,iBAAiB,QAAQ;AAClC;;;AC1HO,SAAS,cACd,OACA,UACQ;AACR,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,gBAAgB,MAAM,OAAO,OAAO;AACpD,QAAM,UAAU,MAAM,OAAO,kBACzB,gCAAgC,WAAW,MAAM,OAAO,eAAe,CAAC,MACxE;AACJ,QAAM,QAAQ,MAAM,UAAU,SAAS,SAAS,MAAM,QAAQ;AAC9D,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,QAAQ,WAAW,MAAM,KAAK;AACpC,QAAM,iBAAiB,gBAAgB,KAAK;AAE5C,SAAO;AAAA,kBACS,SAAS;AAAA,kBACT,SAAS;AAAA,kBACT,KAAK;AAAA,WACZ,KAAK;AAAA,aACH,OAAO,IAAI,OAAO,GAAG,cAAc;AAAA;AAEhD;;;ACpBO,SAAS,aACd,OACA,UACQ;AACR,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,MAAM;AACrB,QAAM,UAAU,MAAM,OAAO,kBACzB,gCAAgC,WAAW,MAAM,OAAO,eAAe,CAAC,MACxE;AACJ,QAAM,iBAAiB,gBAAgB,KAAK;AAE5C,SAAO,sBAAsB,MAAM,kBAAkB,OAAO,GAAG,cAAc;AAC/E;;;ACrBO,SAAS,WAAW,OAAkB,SAAgC;AAC3E,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,QAAQ,iBAAiB;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,MAAM;AAEtB,MAAI,YAAY,IAAI;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,gBAAgB,KAAK;AAI5C,SAAO,WAAW,cAAc;AAAA,EAChC,OAAO;AAAA;AAET;;;AC3BO,IAAM,eAAgE;AAAA,EAC3E,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAMO,SAAS,0BACd,UACA,OACA,MACQ;AACR,QAAM,WAAW,aAAa,QAAQ;AACtC,QAAM,OAAO,UAAU,QAAQ;AAC/B,QAAM,aAAa,UAAU,SAAS;AAEtC,MAAI,SAAS,IAAI;AACf,WAAO;AAAA,EACT;AAIA,QAAM,aAAa,UAAU;AAC7B,QAAM,YAAY,aAAa,aAAa;AAG5C,MAAI;AACJ,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,gBAAU,wCAAwC,UAAU;AAC5D;AAAA,IACF,KAAK;AACH,gBAAU,6CAA6C,UAAU;AACjE;AAAA,IACF,KAAK;AACH,gBAAU,6CAA6C,UAAU;AACjE;AAAA,IACF,KAAK;AACH,gBAAU,8EAA8E,UAAU;AAClG;AAAA,IACF;AACE,gBAAU,6CAA6C,UAAU;AACjE;AAAA,EACJ;AAIA,QAAM,MACJ,sEAAsE,IAAI,aAAa,IAAI,OAC3F,UACA,0DACY,IAAI,WAAW,SAAS;AAGtC,SAAO,+BAA+B,KAAK,GAAG;AAChD;;;AChHO,SAAS,kBACd,OACA,UACQ;AACR,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,MAAM;AAEpB,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,gBAAgB,MAAM,OAAO,OAAO;AACpD,QAAM,UAAU,MAAM,OAAO,kBACzB,gCAAgC,WAAW,MAAM,OAAO,eAAe,CAAC,MACxE;AACJ,QAAM,iBAAiB,gBAAgB,KAAK;AAC5C,QAAM,QAAQ,MAAM;AACpB,QAAM,WAAW,MAAM;AACvB,QAAM,YAAY,MAAM;AACxB,QAAM,UAAU,MAAM;AAEtB,MAAI;AACJ,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,mBAAa;AACb;AAAA,IACF,KAAK;AACH,mBAAa;AACb;AAAA,IACF;AACE,mBAAa;AACb;AAAA,EACJ;AAGA,MAAI;AACJ,UAAQ,WAAW;AAAA,IACjB,KAAK;AACH,qBAAe;AACf;AAAA,IACF,KAAK;AACH,qBAAe;AACf;AAAA,IACF,KAAK;AACH,qBAAe;AACf;AAAA,IACF;AACE,qBAAe;AACf;AAAA,EACJ;AAEA,QAAM,YAAY,MAAM;AACxB,QAAM,iBAAiB,MAAM,IAAI,CAAC,MAAM,UAAU;AAChD,UAAM,WAAW,KAAK;AACtB,UAAM,MAAM,WAAW,KAAK,GAAG;AAG/B,UAAM,UAAU,0BAA0B,UAAU,WAAW,UAAU;AAGzE,UAAM,WAAW,UAAU,YAAY,IAAI,IAAI;AAG/C,WAAO,2BAA2B,OAAO,WAAW,GAAG,gBAAgB,UAAU,kBAAkB,QAAQ,0BAA0B,YAAY;AAAA,EACnJ,CAAC;AAED,QAAM,gBAAgB,eAAe,KAAK,IAAI;AAE9C,SAAO;AAAA;AAAA,WAEE,KAAK;AAAA;AAAA,aAEH,OAAO,IAAI,OAAO,GAAG,cAAc;AAAA;AAAA,EAE9C,aAAa;AAAA;AAEf;;;AC9EO,SAAS,WAAW,OAAkB,SAAgC;AAC3E,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,MAAI,MAAM,MAAM,WAAW,GAAG;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,gBAAgB,MAAM,OAAO,OAAO;AACpD,QAAM,UAAU,OAAO,MAAM,OAAO,iBAAiB,WAAW;AAChE,QAAM,iBAAiB,gBAAgB,KAAK;AAC5C,QAAM,iBAAiBC,sBAAqB,MAAM,YAAY,OAAO;AACrE,QAAM,QAAQ,MAAM;AACpB,QAAM,WAAW,MAAM;AACvB,QAAM,QAAQ,WAAW,MAAM,KAAK;AAEpC,QAAM,UAAU,gBAAgB,KAAK;AAErC,SAAO;AAAA,eACM,QAAQ;AAAA,WACZ,KAAK;AAAA,WACL,KAAK;AAAA;AAAA,aAEH,OAAO,IAAI,OAAO,GAAG,cAAc,GAAG,cAAc;AAAA,GAC9D,OAAO;AACV;AAEA,SAAS,gBAAgB,OAA0B;AACjD,QAAM,QAAQ,MAAM;AACpB,QAAM,YAAY,WAAW,MAAM,SAAS;AAC5C,QAAM,iBAAiB,eAAe,MAAM,cAAc;AAC1D,QAAM,UAAU,MAAM;AACtB,QAAM,YAAY,MAAM,aAAa,MAAM;AAE3C,QAAM,QAAkB,CAAC;AACzB,QAAM,YAAY,MAAM;AAExB,WAAS,QAAQ,GAAG,QAAQ,WAAW,SAAS;AAC9C,UAAM,KAAK,eAAe,MAAM,KAAK,GAAG,SAAS,CAAC;AAElD,QAAI,QAAQ,YAAY,GAAG;AACzB,YAAM;AAAA,QACJ,uBAAuB,cAAc,gBAAgB,OAAO,QAAQ,SAAS;AAAA,MAC/E;AAAA,IACF;AAAA,EACF;AAEA,SAAO,MAAM,KAAK,EAAE;AACtB;AAEA,SAAS,eAAe,MAAoB,WAA2B;AACrE,QAAM,OAAO,WAAW,KAAK,IAAI;AACjC,QAAM,MAAM,WAAW,KAAK,GAAG;AAC/B,QAAM,QAAQ,eAAe,KAAK,SAAS,SAAS;AACpD,QAAM,SAAS,KAAK,eAAe,oCAAoC;AAEvE,QAAM,SAAmB,CAAC,UAAU,KAAK,IAAI,uBAAuB;AAEpE,MAAI,KAAK,MAAM;AACb,WAAO,KAAK,mBAAmB;AAAA,EACjC;AAEA,MAAI,KAAK,WAAW;AAClB,WAAO,KAAK,4BAA4B;AAAA,EAC1C;AAEA,QAAM,YAAY,OAAO,KAAK,IAAI;AAElC,SAAO,YAAY,GAAG,YAAY,SAAS,IAAI,MAAM,IAAI,IAAI;AAC/D;AAEA,SAASA,sBACP,YACA,SACQ;AACR,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,QAAQ,kBAAkB,UAAU;AAErD,SAAO,iBAAiB,QAAQ;AAClC;;;AC3EO,SAAS,YAAY,OAAmB,SAAgC;AAC7E,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,MAAI,MAAM,KAAK,WAAW,GAAG;AAC3B,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,gBAAgB,MAAM,OAAO,OAAO;AACpD,QAAM,UAAU,OAAO,MAAM,OAAO,iBAAiB,WAAW;AAChE,QAAM,iBAAiB,gBAAgB,KAAK;AAC5C,QAAM,iBAAiBC,sBAAqB,MAAM,YAAY,OAAO;AACrE,QAAM,WAAW,MAAM;AACvB,QAAM,QAAQ,WAAW,MAAM,KAAK;AACpC,QAAM,QAAQ,MAAM;AAEpB,QAAM,YAAY,mBAAmB,KAAK;AAE1C,SAAO;AAAA,eACM,QAAQ;AAAA,WACZ,KAAK;AAAA,WACL,KAAK;AAAA;AAAA,aAEH,OAAO,IAAI,OAAO,GAAG,cAAc,GAAG,cAAc;AAAA,GAC9D,SAAS;AACZ;AAEA,SAAS,mBAAmB,OAA2B;AACrD,QAAM,cAAc,eAAe,MAAM,WAAW;AACpD,QAAM,cAAc,MAAM;AAE1B,QAAM,aAAa;AAEnB,MAAI,WAAW;AAEf,WAAS,QAAQ,GAAG,QAAQ,MAAM,KAAK,QAAQ,SAAS;AACtD,UAAM,MAAM,MAAM,KAAK,KAAK;AAC5B,UAAM,WAAW,MAAM,gBAAgB,UAAU;AACjD,gBAAY,UAAU,KAAK,OAAO,UAAU,aAAa,WAAW;AAAA,EACtE;AAEA,SAAO,iBAAiB,UAAU,KAAK,QAAQ;AACjD;AAEA,SAAS,UACP,KACA,OACA,UACA,aACA,aACQ;AACR,MAAI,YAAY;AAEhB,aAAW,QAAQ,IAAI,OAAO;AAC5B,iBAAa,WAAW,MAAM,OAAO,UAAU,aAAa,WAAW;AAAA,EACzE;AAEA,SAAO,OAAO,SAAS;AACzB;AAEA,SAAS,WACP,MACA,OACA,UACA,aACA,aACQ;AACR,QAAM,cAAc,MAAM;AAE1B,QAAM,SAAmB;AAAA,IACvB,WAAW,WAAW,YAAY,WAAW;AAAA,IAC7C,YAAY,WAAW;AAAA,EACzB;AAEA,MAAI,UAAU;AACZ,WAAO,KAAK,mBAAmB;AAE/B,QAAI,MAAM,uBAAuB;AAC/B,aAAO;AAAA,QACL,qBAAqB,eAAe,MAAM,qBAAqB,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YAAY,OAAO,KAAK,IAAI;AAClC,QAAM,UAAU,yBAAyB,KAAK,OAAO;AAErD,QAAM,MAAM,WAAW,OAAO;AAE9B,SAAO,IAAI,GAAG,WAAW,SAAS,KAAK,OAAO,KAAK,GAAG;AACxD;AAEA,SAASA,sBACP,YACA,SACQ;AACR,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,QAAQ,kBAAkB,UAAU;AAErD,SAAO,iBAAiB,QAAQ;AAClC;;;AC3GO,SAAS,aACd,OACA,SACQ;AACR,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,QAAQ,gBAAgB,IAAI,MAAM,EAAE;AACxD,QAAM,UAAU,eAAe,MAAM;AAErC,MAAI,CAAC,WAAW,YAAY,IAAI;AAC9B,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,gBAAgB,KAAK;AAC5C,QAAM,UAAU,OAAO,MAAM,QAAQ,iBAAiB,WAAW;AAEjE,SAAO,WAAW,OAAO,GAAG,cAAc;AAAA,EAC1C,OAAO;AAAA;AAET;;;ACpCA,SAAS,iBAAiB;;;ACInB,SAAS,oBAAoB,QAAgC;AAClE,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO,CAAC,OAAO,KAAK;AAAA,IACtB,KAAK;AAGH,aAAO,CAAC,UAAU,UAAU,QAAQ;AAAA,IACtC,KAAK;AACH,aAAO,CAAC,UAAU,QAAQ;AAAA,IAC5B,KAAK;AACH,aAAO,CAAC,UAAU,QAAQ;AAAA,IAC5B;AACE,aAAO,CAAC,MAAM;AAAA,EAClB;AACF;AAKO,SAAS,eACd,QACA,gBACU;AACV,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO,CAAC,iBAAiB,KAAK,iBAAiB,GAAG;AAAA,IACpD,KAAK;AACH,aAAO,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAAA,IACpE,KAAK;AACH,aAAO,CAAC,iBAAiB,GAAI,iBAAiB,IAAK,CAAC;AAAA,IACtD,KAAK;AACH,aAAO,CAAE,iBAAiB,IAAK,GAAG,iBAAiB,CAAC;AAAA,IACtD;AACE,aAAO,CAAC,cAAc;AAAA,EAC1B;AACF;;;ADzBO,SAAS,cACd,OACA,SACAC,cACQ;AACR,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,MAAM;AAC5B,QAAM,eAAe,oBAAoB,aAAa;AACtD,QAAM,iBAAiB,eAAe,eAAe,QAAQ,cAAc;AAC3E,QAAM,UAAU,gBAAgB,MAAM,OAAO,OAAO;AACpD,QAAM,UAAU,OAAO,MAAM,OAAO,iBAAiB,QAAQ;AAC7D,QAAM,iBAAiB,gBAAgB,KAAK;AAE5C,QAAM,WAAW,MAAM;AACvB,QAAM,iBAA2B,CAAC;AAElC,WAAS,QAAQ,GAAG,QAAQ,SAAS,QAAQ,SAAS;AACpD,UAAM,SAAS,SAAS,KAAK;AAC7B,UAAM,QAAQ,aAAa,KAAK,KAAK;AACrC,UAAM,cAAc,KAAK;AAAA,MACvB,eAAe,KAAK,KAAK,QAAQ;AAAA,IACnC;AAMA,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA,QAAQ;AAAA,IACV,EAAE,OAAO,CAAC,UAAU,CAAC,UAAU,KAAK,CAAC;AACrC,UAAM,gBAAgB,QAAQ,mBAAmB,WAAW;AAE5D,UAAM,eAAe,eAClB,IAAI,CAAC,UAAUA,aAAY,OAAO,aAAa,CAAC,EAChD,OAAO,CAAC,UAAU,UAAU,EAAE,EAC9B,KAAK,IAAI;AAEZ,UAAM,UACJ,iBAAiB,KAAK,8BAA8B;AAEtD,mBAAe,KAAK,qBAAqB,KAAK;AAAA,EAChD,OAAO;AAAA,aACI;AAAA,EACX;AAEA,QAAM,UAAU,eAAe,KAAK,IAAI;AAExC,SAAO,cAAc,OAAO,aAAa,OAAO,IAAI,cAAc;AAAA,EAClE,OAAO;AAAA;AAET;AAKA,SAAS,iBAAiB,QAAiB,iBAAmC;AAC5E,MAAI,iBAAiB;AACnB,WAAO;AAAA,EACT;AAEA,SAAO,OAAO,OAAO,CAAC,UAAU,MAAM,SAAS,MAAM;AACvD;;;AEtEA,SAAS,kBACP,KACA,iBACe;AACf,MAAI,iBAAiB;AACnB,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,KAAK;AACR,WAAO;AAAA,EACT;AAGA,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AAEA,aAAW,WAAW,iBAAiB;AACrC,UAAM,QAAQ,IAAI,MAAM,OAAO;AAC/B,QAAI,OAAO;AACT,aAAO,8BAA8B,MAAM,CAAC,CAAC;AAAA,IAC/C;AAAA,EACF;AAGA,QAAM,aAAa,IAAI,MAAM,+BAA+B;AAC5D,MAAI,YAAY;AACd,WAAO,wBAAwB,WAAW,CAAC,CAAC;AAAA,EAC9C;AAEA,SAAO;AACT;AAMO,SAAS,YAAY,OAAmB,SAAgC;AAC7E,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,kBAAkB,MAAM,KAAK,MAAM,YAAY;AAEpE,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,gBAAgB,MAAM,OAAO,OAAO;AACpD,QAAM,UAAU,OAAO,MAAM,OAAO,iBAAiB,WAAW;AAChE,QAAM,QACJ,MAAM,UAAU,SAAS,QAAQ,iBAAiB,OAAO,MAAM,QAAQ;AACzE,QAAM,iBAAiB,gBAAgB,KAAK;AAE5C,QAAM,MAAM,WAAW,YAAY;AACnC,QAAM,MAAM,WAAW,MAAM,GAAG;AAChC,QAAM,QAAQ,MAAM;AACpB,QAAM,OAAO,WAAW,MAAM,GAAG;AAEjC,SAAO;AAAA,SACA,GAAG;AAAA,SACH,GAAG;AAAA,WACD,KAAK;AAAA,WACL,KAAK;AAAA,aACH,OAAO;AAAA,UACV,IAAI;AAAA;AAAA,kBAEI,OAAO,GAAG,cAAc;AAAA;AAE1C;;;ApB5CO,SAAS,YAAY,OAAc,SAAgC;AACxE,MAAIC,WAAU,KAAK,GAAG;AACpB,WAAO,cAAc,OAAO,SAAS,WAAW;AAAA,EAClD;AAEA,MAAI,QAAQ,KAAK,GAAG;AAClB,WAAO,YAAY,OAAO,OAAO;AAAA,EACnC;AAEA,MAAI,YAAY,KAAK,GAAG;AACtB,WAAO,gBAAgB,OAAO,OAAO;AAAA,EACvC;AAEA,MAAI,QAAQ,KAAK,GAAG;AAClB,WAAO,YAAY,OAAO,OAAO;AAAA,EACnC;AAEA,MAAI,QAAQ,KAAK,GAAG;AAClB,WAAO,YAAY,OAAO,OAAO;AAAA,EACnC;AAEA,MAAI,SAAS,KAAK,GAAG;AACnB,WAAO,aAAa,OAAO,OAAO;AAAA,EACpC;AAEA,MAAI,UAAU,KAAK,GAAG;AACpB,WAAO,cAAc,OAAO,OAAO;AAAA,EACrC;AAEA,MAAI,SAAS,KAAK,GAAG;AACnB,WAAO,aAAa,OAAO,OAAO;AAAA,EACpC;AAEA,MAAI,OAAO,KAAK,GAAG;AACjB,WAAO,WAAW,OAAO,OAAO;AAAA,EAClC;AAEA,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO,kBAAkB,OAAO,OAAO;AAAA,EACzC;AAEA,MAAI,OAAO,KAAK,GAAG;AACjB,WAAO,WAAW,OAAO,OAAO;AAAA,EAClC;AAEA,MAAI,QAAQ,KAAK,GAAG;AAClB,WAAO,YAAY,OAAO,OAAO;AAAA,EACnC;AAEA,MAAI,QAAQ,KAAK,GAAG;AAClB,WAAO,YAAY,OAAO,OAAO;AAAA,EACnC;AAEA,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO,aAAa,OAAO,OAAO;AAAA,EACpC;AAIA,SAAO;AACT;;;AFxDA,eAAsB,aACpB,SACA,SACiB;AACjB,QAAM,cAAc,SAAS,eAAe,CAAC;AAC7C,QAAM,sBACJ,SAAS,uBAAuB;AAClC,QAAM,kBAAkB,SAAS,mBAAmB;AAEpD,QAAM,kBAAkB,MAAM;AAAA,IAC5B;AAAA,IACA,SAAS;AAAA,EACX;AAEA,QAAM,gBAAgB,IAAI;AAAA,IACxB,QAAQ,SAAS;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,aAAa,cAAc;AAAA,IAC/B,QAAQ,SAAS;AAAA,EACnB;AACA,QAAM,kBAAkB,QAAQ,SAAS;AAEzC,QAAM,eAAe,QAAQ,aAAa,UAAU,KAAK;AAEzD,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,mBAAmB,yBAAyB,WAAW;AAC7D,QAAM,aAAa,mBAAmB,QAAQ,SAAS,aAAa;AAEpE,QAAM,OAAO,WAAW,QAAQ,SAAS,MAAM;AAE/C,QAAM,cACJ,UAAU,cAAc,cAAc,yBAAyB,eAAe,OAC7E,cAAc,kCAAkC;AAEnD,SAAO,eAAe,IAAI;AAAA,aACf,UAAU;AAAA;AAAA,6BAEM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKjB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAW7B,cAAc,mBAAmB,IAAI,EAAE;AAAA;AAAA;AAAA,aAGnC,WAAW;AAAA,EACtB,WAAW,GAAG,cAAc;AAAA,EAAK,2BAA2B,CAAC;AAAA,IAAO,EAAE;AAAA;AAAA;AAGxE;AAOA,SAAS,mBACP,SACA,SACA,iBACQ;AACR,QAAM,QAAQ,QAAQ;AACtB,MAAI,OAAO,QAAQ;AACjB,UAAM,SAAmB,CAAC;AAC1B,aAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,YAAM,aAAa,MAAM,CAAC,EAAE,UAAU,CAAC;AACvC,YAAM,QAAQ,qBAAqB,YAAY,SAAS,eAAe;AACvE,UAAI,MAAM,KAAK,MAAM,IAAI;AACvB;AAAA,MACF;AACA,YAAM,aACJ,MAAM,IACF,uCAAuC,CAAC,8BACxC,uCAAuC,CAAC;AAC9C,aAAO;AAAA,QACL,0BAA0B,WAAW,UAAU,CAAC;AAAA,EAAmB,KAAK;AAAA;AAAA,MAC1E;AAAA,IACF;AACA,WAAO,OAAO,KAAK,IAAI;AAAA,EACzB;AAEA,SAAO,qBAAqB,QAAQ,QAAQ,SAAS,eAAe;AACtE;AAEA,SAAS,qBACP,QACA,SACA,iBACQ;AACR,SAAOC,kBAAiB,QAAQ,eAAe,EAC5C,IAAI,CAAC,UAAU,oBAAoB,OAAO,OAAO,CAAC,EAClD,OAAO,CAAC,UAAU,UAAU,EAAE,EAC9B,KAAK,IAAI;AACd;AAMA,SAAS,oBAAoB,OAAc,SAAgC;AACzE,MAAIC,WAAU,KAAK,GAAG;AACpB,UAAM,WAAW,YAAY,OAAO,OAAO;AAC3C,WAAO,yBAAyB,OAAO,QAAQ;AAAA,EACjD;AAEA,QAAM,UAAU,YAAY,OAAO,OAAO;AAC1C,QAAM,UAAU,cAAc,OAAO;AACrC,SAAO,yBAAyB,OAAO,OAAO;AAChD;AAKA,SAAS,yBAAyB,OAAc,UAA0B;AACxE,MAAI,aAAa,IAAI;AACnB,WAAO;AAAA,EACT;AAEA,QAAM,mBAAmB,MAAM;AAE/B,MAAI,CAAC,kBAAkB;AACrB,WAAO;AAAA,EACT;AAEA,SACE,WAAW,iBAAiB,MAAM;AAAA,IAElC,WACA;AAAA,UACW,iBAAiB,KAAK;AAErC;AAKA,SAAS,cAAc,SAAyB;AAC9C,MAAI,YAAY,IAAI;AAClB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA;AAAA,EAEP,OAAO;AAAA;AAAA;AAGT;AAEA,SAAS,mBAAmB,eAAgC;AAC1D,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,cAAc,KAAK;AAEnC,MAAI,YAAY,IAAI;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,WAAW,OAAO;AAElC,SAAO;AAAA,kBAAqB,OAAO;AACrC;AAEA,SAAS,yBAAyB,aAAmC;AACnE,MAAI,YAAY,WAAW,GAAG;AAC5B,WAAO;AAAA,EACT;AAEA,SAAO,YACJ;AAAA,IACC,CAAC,SACC;AAAA,qBAAwB,WAAW,KAAK,IAAI,CAAC,WAAW,WAAW,KAAK,GAAG,CAAC;AAAA,EAChF,EACC,KAAK,EAAE;AACZ;AAKA,SAASD,kBAAiB,QAAiB,iBAAmC;AAC5E,MAAI,iBAAiB;AACnB,WAAO;AAAA,EACT;AAEA,SAAO,OAAO,OAAO,CAAC,UAAU,MAAM,SAAS,MAAM;AACvD;AAYA,eAAe,oBACb,SACA,mBAC8B;AAC9B,QAAM,SAAS,oBAAI,IAAoB;AAEvC,MAAI,CAAC,mBAAmB;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,eAA8B,CAAC;AACrC,iCAA+B,SAAS,YAAY;AAEpD,MAAI,aAAa,WAAW,GAAG;AAC7B,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,MAAM,QAAQ;AAAA,IAC7B,aAAa,IAAI,CAAC,UAAU,kBAAkB,KAAK,CAAC;AAAA,EACtD;AAEA,WAAS,QAAQ,GAAG,QAAQ,aAAa,QAAQ,SAAS;AACxD,WAAO,IAAI,aAAa,KAAK,EAAE,IAAI,SAAS,KAAK,CAAC;AAAA,EACpD;AAEA,SAAO;AACT;AAEA,SAAS,oBAAoB,QAAiB,KAA0B;AACtE,aAAW,SAAS,QAAQ;AAC1B,QAAIE,eAAc,KAAK,GAAG;AACxB,UAAI,KAAK,KAAK;AACd;AAAA,IACF;AAEA,QAAID,WAAU,KAAK,GAAG;AACpB,iBAAW,UAAU,MAAM,UAAU;AACnC,4BAAoB,QAAQ,GAAG;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,+BACP,SACA,KACM;AACN,QAAM,QAAQ,QAAQ;AACtB,MAAI,OAAO,QAAQ;AACjB,eAAW,QAAQ,OAAO;AACxB,0BAAoB,KAAK,UAAU,CAAC,GAAG,GAAG;AAAA,IAC5C;AACA;AAAA,EACF;AACA,sBAAoB,QAAQ,QAAQ,GAAG;AACzC;AAMA,SAAS,qBAA6B;AACpC,SAAO;AAAA;AAAA;AAGT;AAOA,SAAS,6BAAqC;AAC5C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CT;","names":["isSection","isCustomBlock","isSection","renderFontFamilyAttr","renderFontFamilyAttr","renderFontFamilyAttr","renderBlock","isSection","filterHtmlBlocks","isSection","isCustomBlock"]}
package/package.json ADDED
@@ -0,0 +1,50 @@
1
+ {
2
+ "name": "@aswin.dev/renderer",
3
+ "description": "Render Templatical email templates to MJML",
4
+ "version": "0.6.3",
5
+ "bugs": "https://github.com/templatical/sdk/issues",
6
+ "dependencies": {
7
+ "@templatical/types": "workspace:*"
8
+ },
9
+ "devDependencies": {
10
+ "mjml": "^5.1.0",
11
+ "tsup": "^8.5.1",
12
+ "typescript": "^6.0.3",
13
+ "vitest": "^4.1.5"
14
+ },
15
+ "exports": {
16
+ ".": {
17
+ "types": "./dist/index.d.ts",
18
+ "import": "./dist/index.js"
19
+ }
20
+ },
21
+ "files": [
22
+ "dist"
23
+ ],
24
+ "homepage": "https://templatical.com",
25
+ "keywords": [
26
+ "email",
27
+ "email-template",
28
+ "html-email",
29
+ "mjml",
30
+ "renderer",
31
+ "templatical"
32
+ ],
33
+ "license": "MIT",
34
+ "module": "./dist/index.js",
35
+ "publishConfig": {
36
+ "access": "public"
37
+ },
38
+ "repository": {
39
+ "type": "git",
40
+ "url": "git+https://github.com/templatical/sdk.git",
41
+ "directory": "packages/renderer"
42
+ },
43
+ "scripts": {
44
+ "build": "tsup",
45
+ "test": "vitest run --config vitest.config.ts",
46
+ "typecheck": "tsc --noEmit"
47
+ },
48
+ "type": "module",
49
+ "types": "./dist/index.d.ts"
50
+ }