@emabuild/core 0.1.5 → 0.3.0

package/dist/timer-tool-CG1oul_Z.js

@@ -0,0 +1,55 @@
+import { html as r } from "lit";
+import { s as t, e as s } from "./index-zy5NbC2E.js";
+const c = {
+  name: "timer",
+  label: "Timer",
+  icon: '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>',
+  supportedDisplayModes: ["email", "web"],
+  position: 11,
+  options: {
+    timer: {
+      title: "Timer",
+      options: {
+        endDate: { label: "End Date (ISO)", defaultValue: new Date(Date.now() + 7 * 864e5).toISOString().split("T")[0], widget: "text" },
+        expiredMessage: { label: "Expired Message", defaultValue: "This offer has expired", widget: "text" }
+      }
+    },
+    style: {
+      title: "Style",
+      options: {
+        textAlign: { label: "Align", defaultValue: "center", widget: "alignment" },
+        backgroundColor: { label: "Background", defaultValue: "#1f2937", widget: "color_picker" },
+        textColor: { label: "Text Color", defaultValue: "#ffffff", widget: "color_picker" },
+        fontSize: { label: "Font Size", defaultValue: "32px", widget: "text" }
+      }
+    },
+    spacing: {
+      title: "Spacing",
+      options: { containerPadding: { label: "Padding", defaultValue: "10px", widget: "padding" } }
+    }
+  },
+  defaultValues: {
+    endDate: new Date(Date.now() + 7 * 864e5).toISOString().split("T")[0],
+    expiredMessage: "This offer has expired",
+    textAlign: "center",
+    backgroundColor: "#1f2937",
+    textColor: "#ffffff",
+    fontSize: "32px",
+    containerPadding: "10px"
+  },
+  renderer: {
+    renderEditor(e) {
+      t(e, "containerPadding", "10px");
+      const o = t(e, "backgroundColor", "#1f2937"), i = t(e, "textColor", "#ffffff"), n = t(e, "fontSize", "32px"), a = t(e, "textAlign", "center");
+      return r`<div style="padding:0;"><div style="background:${o};color:${i};text-align:${a};padding:20px;border-radius:4px;font-family:monospace;font-weight:bold;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;"><span style="font-size:${n};letter-spacing:2px;">00</span><span style="font-size:${n};opacity:0.4;">:</span><span style="font-size:${n};letter-spacing:2px;">00</span><span style="font-size:${n};opacity:0.4;">:</span><span style="font-size:${n};letter-spacing:2px;">00</span><span style="font-size:${n};opacity:0.4;">:</span><span style="font-size:${n};letter-spacing:2px;">00</span><div style="width:100%;font-size:10px;letter-spacing:6px;opacity:0.5;margin-top:2px;text-align:center;">DAYS &nbsp; HRS &nbsp; MIN &nbsp; SEC</div></div></div>`;
+    },
+    renderHtml(e) {
+      const o = t(e, "containerPadding", "10px"), i = t(e, "backgroundColor", "#1f2937"), n = t(e, "textColor", "#ffffff"), a = t(e, "fontSize", "32px"), l = t(e, "textAlign", "center"), p = `<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color:${i};border-radius:4px;"><tr><td style="padding:20px;text-align:${l};font-family:'Courier New',monospace;font-weight:bold;color:${n};font-size:${a};letter-spacing:2px;">00 <span style="opacity:0.4">:</span> 00 <span style="opacity:0.4">:</span> 00 <span style="opacity:0.4">:</span> 00<div style="font-size:10px;letter-spacing:6px;opacity:0.5;margin-top:4px;">DAYS &nbsp; HRS &nbsp; MIN &nbsp; SEC</div></td></tr></table>`;
+      return s(p, { padding: o, align: l });
+    }
+  }
+};
+export {
+  c as timerTool
+};
+//# sourceMappingURL=timer-tool-CG1oul_Z.js.map

package/dist/timer-tool-CG1oul_Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timer-tool-CG1oul_Z.js","sources":["../src/tools/built-in/timer-tool.ts"],"sourcesContent":["/**\n * @module timer-tool\n *\n * Countdown timer display block.\n *\n * Email compatibility: Renders as a static styled block.\n * For live countdowns, integrate with a third-party countdown\n * image service (e.g. CountdownMail) in the `endDate` property.\n */\n\nimport { html, TemplateResult } from 'lit';\nimport type { ContentValues } from '@emabuild/types';\nimport type { LitToolDefinition } from '../tool-registry.js';\nimport { str } from '../helpers/value-extractor.js';\nimport { emailTableCell } from '../helpers/email-html.js';\n\nexport const timerTool: LitToolDefinition = {\n  name: 'timer',\n  label: 'Timer',\n  icon: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><polyline points=\"12 6 12 12 16 14\"/></svg>`,\n  supportedDisplayModes: ['email', 'web'],\n  position: 11,\n  options: {\n    timer: {\n      title: 'Timer',\n      options: {\n        endDate: { label: 'End Date (ISO)', defaultValue: new Date(Date.now() + 7 * 86400000).toISOString().split('T')[0], widget: 'text' },\n        expiredMessage: { label: 'Expired Message', defaultValue: 'This offer has expired', widget: 'text' },\n      },\n    },\n    style: {\n      title: 'Style',\n      options: {\n        textAlign: { label: 'Align', defaultValue: 'center', widget: 'alignment' },\n        backgroundColor: { label: 'Background', defaultValue: '#1f2937', widget: 'color_picker' },\n        textColor: { label: 'Text Color', defaultValue: '#ffffff', widget: 'color_picker' },\n        fontSize: { label: 'Font Size', defaultValue: '32px', widget: 'text' },\n      },\n    },\n    spacing: {\n      title: 'Spacing',\n      options: { containerPadding: { label: 'Padding', defaultValue: '10px', widget: 'padding' } },\n    },\n  },\n  defaultValues: {\n    endDate: new Date(Date.now() + 7 * 86400000).toISOString().split('T')[0],\n    expiredMessage: 'This offer has expired', textAlign: 'center',\n    backgroundColor: '#1f2937', textColor: '#ffffff', fontSize: '32px', containerPadding: '10px',\n  },\n  renderer: {\n    renderEditor(values: ContentValues): TemplateResult {\n      const padding = str(values, 'containerPadding', '10px');\n      const bg = str(values, 'backgroundColor', '#1f2937');\n      const color = str(values, 'textColor', '#ffffff');\n      const fontSize = str(values, 'fontSize', '32px');\n      const align = str(values, 'textAlign', 'center');\n\n      return html`<div style=\"padding:0;\"><div style=\"background:${bg};color:${color};text-align:${align};padding:20px;border-radius:4px;font-family:monospace;font-weight:bold;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;\"><span style=\"font-size:${fontSize};letter-spacing:2px;\">00</span><span style=\"font-size:${fontSize};opacity:0.4;\">:</span><span style=\"font-size:${fontSize};letter-spacing:2px;\">00</span><span style=\"font-size:${fontSize};opacity:0.4;\">:</span><span style=\"font-size:${fontSize};letter-spacing:2px;\">00</span><span style=\"font-size:${fontSize};opacity:0.4;\">:</span><span style=\"font-size:${fontSize};letter-spacing:2px;\">00</span><div style=\"width:100%;font-size:10px;letter-spacing:6px;opacity:0.5;margin-top:2px;text-align:center;\">DAYS &nbsp; HRS &nbsp; MIN &nbsp; SEC</div></div></div>`;\n    },\n    renderHtml(values: ContentValues): string {\n      const padding = str(values, 'containerPadding', '10px');\n      const bg = str(values, 'backgroundColor', '#1f2937');\n      const color = str(values, 'textColor', '#ffffff');\n      const fontSize = str(values, 'fontSize', '32px');\n      const align = str(values, 'textAlign', 'center');\n\n      const inner = `<table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"background-color:${bg};border-radius:4px;\"><tr><td style=\"padding:20px;text-align:${align};font-family:'Courier New',monospace;font-weight:bold;color:${color};font-size:${fontSize};letter-spacing:2px;\">00 <span style=\"opacity:0.4\">:</span> 00 <span style=\"opacity:0.4\">:</span> 00 <span style=\"opacity:0.4\">:</span> 00<div style=\"font-size:10px;letter-spacing:6px;opacity:0.5;margin-top:4px;\">DAYS &nbsp; HRS &nbsp; MIN &nbsp; SEC</div></td></tr></table>`;\n      return emailTableCell(inner, { padding, align });\n    },\n  },\n};\n"],"names":["timerTool","values","str","bg","color","fontSize","align","html","padding","inner","emailTableCell"],"mappings":";;AAgBO,MAAMA,IAA+B;AAAA,EAC1C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,uBAAuB,CAAC,SAAS,KAAK;AAAA,EACtC,UAAU;AAAA,EACV,SAAS;AAAA,IACP,OAAO;AAAA,MACL,OAAO;AAAA,MACP,SAAS;AAAA,QACP,SAAS,EAAE,OAAO,kBAAkB,cAAc,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAQ,EAAE,cAAc,MAAM,GAAG,EAAE,CAAC,GAAG,QAAQ,OAAA;AAAA,QAC3H,gBAAgB,EAAE,OAAO,mBAAmB,cAAc,0BAA0B,QAAQ,OAAA;AAAA,MAAO;AAAA,IACrG;AAAA,IAEF,OAAO;AAAA,MACL,OAAO;AAAA,MACP,SAAS;AAAA,QACP,WAAW,EAAE,OAAO,SAAS,cAAc,UAAU,QAAQ,YAAA;AAAA,QAC7D,iBAAiB,EAAE,OAAO,cAAc,cAAc,WAAW,QAAQ,eAAA;AAAA,QACzE,WAAW,EAAE,OAAO,cAAc,cAAc,WAAW,QAAQ,eAAA;AAAA,QACnE,UAAU,EAAE,OAAO,aAAa,cAAc,QAAQ,QAAQ,OAAA;AAAA,MAAO;AAAA,IACvE;AAAA,IAEF,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS,EAAE,kBAAkB,EAAE,OAAO,WAAW,cAAc,QAAQ,QAAQ,UAAA,EAAU;AAAA,IAAE;AAAA,EAC7F;AAAA,EAEF,eAAe;AAAA,IACb,SAAS,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAQ,EAAE,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC;AAAA,IACvE,gBAAgB;AAAA,IAA0B,WAAW;AAAA,IACrD,iBAAiB;AAAA,IAAW,WAAW;AAAA,IAAW,UAAU;AAAA,IAAQ,kBAAkB;AAAA,EAAA;AAAA,EAExF,UAAU;AAAA,IACR,aAAaC,GAAuC;AAClC,MAAAC,EAAID,GAAQ,oBAAoB,MAAM;AACtD,YAAME,IAAKD,EAAID,GAAQ,mBAAmB,SAAS,GAC7CG,IAAQF,EAAID,GAAQ,aAAa,SAAS,GAC1CI,IAAWH,EAAID,GAAQ,YAAY,MAAM,GACzCK,IAAQJ,EAAID,GAAQ,aAAa,QAAQ;AAE/C,aAAOM,mDAAsDJ,CAAE,UAAUC,CAAK,eAAeE,CAAK,8JAA8JD,CAAQ,yDAAyDA,CAAQ,iDAAiDA,CAAQ,yDAAyDA,CAAQ,iDAAiDA,CAAQ,yDAAyDA,CAAQ,iDAAiDA,CAAQ;AAAA,IACxnB;AAAA,IACA,WAAWJ,GAA+B;AACxC,YAAMO,IAAUN,EAAID,GAAQ,oBAAoB,MAAM,GAChDE,IAAKD,EAAID,GAAQ,mBAAmB,SAAS,GAC7CG,IAAQF,EAAID,GAAQ,aAAa,SAAS,GAC1CI,IAAWH,EAAID,GAAQ,YAAY,MAAM,GACzCK,IAAQJ,EAAID,GAAQ,aAAa,QAAQ,GAEzCQ,IAAQ,8GAA8GN,CAAE,+DAA+DG,CAAK,+DAA+DF,CAAK,cAAcC,CAAQ;AAC5R,aAAOK,EAAeD,GAAO,EAAE,SAAAD,GAAS,OAAAF,GAAO;AAAA,IACjD;AAAA,EAAA;AAEJ;"}

package/dist/tools/built-in/button-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-tool.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/button-tool.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D,eAAO,MAAM,UAAU,EAAE,iBAmHxB,CAAC"}
+{"version":3,"file":"button-tool.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/button-tool.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,eAAO,MAAM,UAAU,EAAE,iBAgGxB,CAAC"}

package/dist/tools/built-in/divider-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider-tool.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/divider-tool.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D,eAAO,MAAM,WAAW,EAAE,iBAqDzB,CAAC"}
+{"version":3,"file":"divider-tool.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/divider-tool.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,eAAO,MAAM,WAAW,EAAE,iBA4CzB,CAAC"}

package/dist/tools/built-in/heading-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heading-tool.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/heading-tool.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAkB7D,eAAO,MAAM,WAAW,EAAE,iBA0GzB,CAAC"}
+{"version":3,"file":"heading-tool.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/heading-tool.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAkB7D,eAAO,MAAM,WAAW,EAAE,iBA4EzB,CAAC"}

package/dist/tools/built-in/image-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-tool.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/image-tool.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D,eAAO,MAAM,SAAS,EAAE,iBAyFvB,CAAC"}
+{"version":3,"file":"image-tool.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/image-tool.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,eAAO,MAAM,SAAS,EAAE,iBA8EvB,CAAC"}

package/dist/tools/built-in/paragraph-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph-tool.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/paragraph-tool.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D,eAAO,MAAM,aAAa,EAAE,iBAuD3B,CAAC"}
+{"version":3,"file":"paragraph-tool.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/paragraph-tool.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,eAAO,MAAM,aAAa,EAAE,iBAkD3B,CAAC"}

package/dist/tools/built-in/shared-options.d.ts

@@ -0,0 +1,105 @@
+import { ToolPropertyGroup, ToolProperty } from '@emabuild/types';
+export declare const LINE_HEIGHT_OPTIONS: readonly [{
+    readonly label: "100%";
+    readonly value: "100%";
+}, {
+    readonly label: "120%";
+    readonly value: "120%";
+}, {
+    readonly label: "140%";
+    readonly value: "140%";
+}, {
+    readonly label: "160%";
+    readonly value: "160%";
+}, {
+    readonly label: "180%";
+    readonly value: "180%";
+}, {
+    readonly label: "200%";
+    readonly value: "200%";
+}];
+export declare const FONT_WEIGHT_OPTIONS: readonly [{
+    readonly label: "Normal";
+    readonly value: "400";
+}, {
+    readonly label: "Medium";
+    readonly value: "500";
+}, {
+    readonly label: "Semi Bold";
+    readonly value: "600";
+}, {
+    readonly label: "Bold";
+    readonly value: "700";
+}, {
+    readonly label: "Extra Bold";
+    readonly value: "800";
+}];
+export declare const FONT_WEIGHT_OPTIONS_SIMPLE: readonly [{
+    readonly label: "Normal";
+    readonly value: "400";
+}, {
+    readonly label: "Bold";
+    readonly value: "700";
+}];
+export declare const HEADING_FONT_SIZE_OPTIONS: readonly [{
+    readonly label: "12px";
+    readonly value: "12px";
+}, {
+    readonly label: "14px";
+    readonly value: "14px";
+}, {
+    readonly label: "16px";
+    readonly value: "16px";
+}, {
+    readonly label: "18px";
+    readonly value: "18px";
+}, {
+    readonly label: "20px";
+    readonly value: "20px";
+}, {
+    readonly label: "22px";
+    readonly value: "22px";
+}, {
+    readonly label: "26px";
+    readonly value: "26px";
+}, {
+    readonly label: "30px";
+    readonly value: "30px";
+}, {
+    readonly label: "36px";
+    readonly value: "36px";
+}, {
+    readonly label: "48px";
+    readonly value: "48px";
+}, {
+    readonly label: "60px";
+    readonly value: "60px";
+}];
+export declare const BUTTON_FONT_SIZE_OPTIONS: readonly [{
+    readonly label: "12px";
+    readonly value: "12px";
+}, {
+    readonly label: "13px";
+    readonly value: "13px";
+}, {
+    readonly label: "14px";
+    readonly value: "14px";
+}, {
+    readonly label: "16px";
+    readonly value: "16px";
+}, {
+    readonly label: "18px";
+    readonly value: "18px";
+}, {
+    readonly label: "20px";
+    readonly value: "20px";
+}];
+export declare const lineHeightProp: (defaultValue?: string) => ToolProperty;
+export declare const fontWeightProp: (defaultValue?: string, simple?: boolean) => ToolProperty;
+/** Spacing group with containerPadding */
+export declare const SPACING_GROUP: ToolPropertyGroup;
+/** General group with anchor + visibility toggles */
+export declare const GENERAL_GROUP: ToolPropertyGroup;
+/** Minimal general group with visibility toggles only (no anchor) */
+export declare const GENERAL_GROUP_MINIMAL: ToolPropertyGroup;
+//# sourceMappingURL=shared-options.d.ts.map

package/dist/tools/built-in/shared-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-options.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/shared-options.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIvE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;EAItB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;EAItB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;;;;;EAE7B,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAO5B,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;EAI3B,CAAC;AAIX,eAAO,MAAM,cAAc,GAAI,qBAAqB,KAAG,YAGrD,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,qBAAoB,EAAE,gBAAc,KAAG,YAGpE,CAAC;AAIH,0CAA0C;AAC1C,eAAO,MAAM,aAAa,EAAE,iBAK3B,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,aAAa,EAAE,iBAO3B,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,qBAAqB,EAAE,iBAMnC,CAAC"}

package/dist/tools/built-in/text-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-tool.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/text-tool.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D,eAAO,MAAM,QAAQ,EAAE,iBAqFtB,CAAC"}
+{"version":3,"file":"text-tool.d.ts","sourceRoot":"","sources":["../../../src/tools/built-in/text-tool.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,eAAO,MAAM,QAAQ,EAAE,iBAkEtB,CAAC"}

package/dist/tools/helpers/index.d.ts

@@ -1,4 +1,4 @@
-export { str, num, jsonParse, imageUrl, imageMeta, linkAction, textContent, getFontFamily } from './value-extractor.js';
+export { str, num, jsonParse, imageUrl, imageMeta, linkAction, textContent, getFontFamily, buttonColors } from './value-extractor.js';
 export { emailTableCell, vmlRoundrectButton } from './email-html.js';
 export type { TableCellOptions, VmlButtonOptions } from './email-html.js';
 export type { SocialIcon, MenuItem, FormField } from './types.js';

package/dist/tools/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tools/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACxH,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC1E,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tools/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACtI,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC1E,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}

package/dist/tools/helpers/value-extractor.d.ts

@@ -55,6 +55,15 @@ export declare function textContent(values: ContentValues, fallback?: string): s
  * If a Google Font URL is present, injects a stylesheet link into the document.
  */
 export declare function getFontFamily(values: ContentValues, fallback?: string): string;
+/**
+ * Extract button colors from either flat values or buttonColors object.
+ * Some editors store colors in a nested `buttonColors` object:
+ * `{ backgroundColor: null, buttonColors: { backgroundColor: '#c40909', color: '#fff' } }`
+ */
+export declare function buttonColors(values: ContentValues): {
+    bg: string;
+    color: string;
+};
 /**
  * Safely parse a JSON string with a typed fallback.
  * Used by tools that store structured data as JSON strings

package/dist/tools/helpers/value-extractor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"value-extractor.d.ts","sourceRoot":"","sources":["../../../src/tools/helpers/value-extractor.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD;;;;;GAKG;AACH,wBAAgB,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,SAAK,GAAG,MAAM,CAK7E;AAED;;;;;;GAMG;AACH,wBAAgB,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAQ5E;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAM/C;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAS/E;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,aAAa,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAalF;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,SAAK,GAAG,MAAM,CAuBxE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,SAA+B,GAAG,MAAM,CAqBpG;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAO3D"}
+{"version":3,"file":"value-extractor.d.ts","sourceRoot":"","sources":["../../../src/tools/helpers/value-extractor.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD;;;;;GAKG;AACH,wBAAgB,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,SAAK,GAAG,MAAM,CAK7E;AAED;;;;;;GAMG;AACH,wBAAgB,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAQ5E;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAM/C;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAS/E;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,aAAa,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAalF;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,SAAK,GAAG,MAAM,CAuBxE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,SAA+B,GAAG,MAAM,CAqBpG;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAajF;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAO3D"}

package/dist/tools/tool-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-registry.d.ts","sourceRoot":"","sources":["../../src/tools/tool-registry.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,aAAa,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAElI,6EAA6E;AAC7E,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,EAAE;QACR,YAAY,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,mBAAmB,GAAG,cAAc,CAAC;QAClF,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,mBAAmB,GAAG,MAAM,CAAC;KACzE,CAAC;CACH;AAED,4DAA4D;AAC5D,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE9D,oFAAoF;AACpF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,qBAAa,YAAY;IACvB,OAAO,CAAC,KAAK,CAAwC;IACrD,OAAO,CAAC,WAAW,CAAqC;IACxD,OAAO,CAAC,QAAQ,CAAmC;IACnD,OAAO,CAAC,eAAe,CAAiD;IAExE,sDAAsD;IACtD,QAAQ,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAMvC;;;;;;;;;;;;;;OAcG;IACH,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,GAAG,IAAI;IAM9D,iGAAiG;IACjG,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;IAIhD,oDAAoD;IACpD,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI1B,0DAA0D;IAC1D,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/B;;;;OAIG;IACG,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,GAAG,SAAS,CAAC;IAoBxE;;;OAGG;IACH,MAAM,IAAI,iBAAiB,EAAE;IAI7B;;;OAGG;IACH,UAAU,IAAI,YAAY,EAAE;IAa5B,kGAAkG;IAClG,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAevD,qCAAqC;IACrC,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC;CAGnE"}
+{"version":3,"file":"tool-registry.d.ts","sourceRoot":"","sources":["../../src/tools/tool-registry.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,aAAa,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAElI,6EAA6E;AAC7E,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,EAAE;QACR,YAAY,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,mBAAmB,GAAG,cAAc,CAAC;QAClF,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,mBAAmB,GAAG,MAAM,CAAC;KACzE,CAAC;CACH;AAED,4DAA4D;AAC5D,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE9D,oFAAoF;AACpF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,qBAAa,YAAY;IACvB,OAAO,CAAC,KAAK,CAAwC;IACrD,OAAO,CAAC,WAAW,CAAqC;IACxD,OAAO,CAAC,QAAQ,CAAmC;IACnD,OAAO,CAAC,eAAe,CAA6D;IAEpF,sDAAsD;IACtD,QAAQ,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAMvC;;;;;;;;;;;;;;OAcG;IACH,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,GAAG,IAAI;IAM9D,iGAAiG;IACjG,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;IAIhD,oDAAoD;IACpD,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI1B,0DAA0D;IAC1D,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/B;;;;OAIG;IACG,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,GAAG,SAAS,CAAC;IA6BxE;;;OAGG;IACH,MAAM,IAAI,iBAAiB,EAAE;IAI7B;;;OAGG;IACH,UAAU,IAAI,YAAY,EAAE;IAa5B,kGAAkG;IAClG,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAevD,qCAAqC;IACrC,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC;CAGnE"}

package/dist/{video-tool-CdGVmZxz.js → video-tool-CttMka8Z.js}

@@ -1,5 +1,5 @@
 import { html as a } from "lit";
-import { s as e, e as u } from "./index-BoKIXJKv.js";
+import { s as e, e as u } from "./index-zy5NbC2E.js";
 function d(t) {
   const i = t.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([a-zA-Z0-9_-]{11})/);
   return i ? `https://img.youtube.com/vi/${i[1]}/maxresdefault.jpg` : null;
@@ -37,16 +37,17 @@ const m = {
   },
   renderer: {
     renderEditor(t) {
-      const i = e(t, "containerPadding", "10px"), l = e(t, "url"), n = e(t, "thumbnailUrl") || d(l) || "", o = e(t, "textAlign", "center");
-      return n ? a`<div style="padding:${i};text-align:${o};"><div style="position:relative;display:inline-block;max-width:100%;cursor:pointer;"><img src=${n} alt="Video thumbnail" style="display:block;max-width:100%;border-radius:4px;" /><div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;"><div style="width:60px;height:60px;background:rgba(0,0,0,0.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;">▶</div></div></div></div>` : a`<div style="padding:${i};text-align:${o};"><div style="background:#0f172a;border-radius:8px;padding:40px;text-align:center;color:white;font-family:sans-serif;"><div style="font-size:48px;opacity:0.8;">▶</div><div style="font-size:12px;margin-top:8px;opacity:0.6;">${l || "Enter video URL"}</div></div></div>`;
+      e(t, "containerPadding", "10px");
+      const i = e(t, "url"), o = e(t, "thumbnailUrl") || d(i) || "", n = e(t, "textAlign", "center");
+      return o ? a`<div style="text-align:${n};"><div style="position:relative;display:inline-block;max-width:100%;cursor:pointer;"><img src=${o} alt="Video thumbnail" style="display:block;max-width:100%;border-radius:4px;" /><div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;"><div style="width:60px;height:60px;background:rgba(0,0,0,0.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;">▶</div></div></div></div>` : a`<div style="text-align:${n};"><div style="background:#0f172a;border-radius:8px;padding:40px;text-align:center;color:white;font-family:sans-serif;"><div style="font-size:48px;opacity:0.8;">▶</div><div style="font-size:12px;margin-top:8px;opacity:0.6;">${i || "Enter video URL"}</div></div></div>`;
     },
     renderHtml(t, i) {
-      const l = e(t, "containerPadding", "10px"), n = e(t, "url", "#"), o = e(t, "thumbnailUrl") || d(n) || "", r = e(t, "alt", "Video"), s = e(t, "textAlign", "center"), c = o ? `<img src="${o}" alt="${r}" width="${i.columnWidth}" style="display:block;max-width:100%;width:${i.columnWidth}px;border:0;" />` : '<div style="background:#0f172a;padding:40px;text-align:center;color:white;font-family:arial,sans-serif;font-size:16px;">▶ Watch Video</div>';
-      return u(`<a href="${n}" target="_blank" style="text-decoration:none;">${c}</a>`, { padding: l, align: s });
+      const o = e(t, "containerPadding", "10px"), n = e(t, "url", "#"), l = e(t, "thumbnailUrl") || d(n) || "", r = e(t, "alt", "Video"), s = e(t, "textAlign", "center"), c = l ? `<img src="${l}" alt="${r}" width="${i.columnWidth}" style="display:block;max-width:100%;width:${i.columnWidth}px;border:0;" />` : '<div style="background:#0f172a;padding:40px;text-align:center;color:white;font-family:arial,sans-serif;font-size:16px;">▶ Watch Video</div>';
+      return u(`<a href="${n}" target="_blank" style="text-decoration:none;">${c}</a>`, { padding: o, align: s });
     }
   }
 };
 export {
   m as videoTool
 };
-//# sourceMappingURL=video-tool-CdGVmZxz.js.map
+//# sourceMappingURL=video-tool-CttMka8Z.js.map

package/dist/video-tool-CttMka8Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-tool-CttMka8Z.js","sources":["../src/tools/built-in/video-tool.ts"],"sourcesContent":["/**\n * @module video-tool\n *\n * Video embed block with thumbnail and play button overlay.\n * Supports YouTube and Vimeo URLs with auto-thumbnail detection.\n *\n * Email compatibility: Video cannot play in email — renders as\n * a linked thumbnail image with a play button overlay.\n */\n\nimport { html, TemplateResult } from 'lit';\nimport type { ContentValues, ExportRenderContext } from '@emabuild/types';\nimport type { LitToolDefinition } from '../tool-registry.js';\nimport { str } from '../helpers/value-extractor.js';\nimport { emailTableCell } from '../helpers/email-html.js';\n\n/** Extract YouTube video ID and return thumbnail URL */\nfunction getYouTubeThumbnail(url: string): string | null {\n  const match = url.match(/(?:youtube\\.com\\/watch\\?v=|youtu\\.be\\/|youtube\\.com\\/embed\\/)([a-zA-Z0-9_-]{11})/);\n  return match ? `https://img.youtube.com/vi/${match[1]}/maxresdefault.jpg` : null;\n}\n\nexport const videoTool: LitToolDefinition = {\n  name: 'video',\n  label: 'Video',\n  icon: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"5 3 19 12 5 21 5 3\"/></svg>`,\n  supportedDisplayModes: ['email', 'web'],\n  position: 10,\n  options: {\n    video: {\n      title: 'Video',\n      options: {\n        url: { label: 'Video URL', defaultValue: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ', widget: 'text' },\n        thumbnailUrl: { label: 'Thumbnail URL (auto)', defaultValue: '', widget: 'text' },\n        alt: { label: 'Alt Text', defaultValue: 'Video', widget: 'text' },\n      },\n    },\n    style: {\n      title: 'Style',\n      options: { textAlign: { label: 'Align', defaultValue: 'center', widget: 'alignment' } },\n    },\n    spacing: {\n      title: 'Spacing',\n      options: { containerPadding: { label: 'Padding', defaultValue: '10px', widget: 'padding' } },\n    },\n  },\n  defaultValues: {\n    url: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',\n    thumbnailUrl: '', alt: 'Video', textAlign: 'center', containerPadding: '10px',\n  },\n  renderer: {\n    renderEditor(values: ContentValues): TemplateResult {\n      const padding = str(values, 'containerPadding', '10px');\n      const url = str(values, 'url');\n      const thumbnail = str(values, 'thumbnailUrl') || getYouTubeThumbnail(url) || '';\n      const align = str(values, 'textAlign', 'center');\n\n      if (!thumbnail) {\n        return html`<div style=\"text-align:${align};\"><div style=\"background:#0f172a;border-radius:8px;padding:40px;text-align:center;color:white;font-family:sans-serif;\"><div style=\"font-size:48px;opacity:0.8;\">▶</div><div style=\"font-size:12px;margin-top:8px;opacity:0.6;\">${url || 'Enter video URL'}</div></div></div>`;\n      }\n      return html`<div style=\"text-align:${align};\"><div style=\"position:relative;display:inline-block;max-width:100%;cursor:pointer;\"><img src=${thumbnail} alt=\"Video thumbnail\" style=\"display:block;max-width:100%;border-radius:4px;\" /><div style=\"position:absolute;inset:0;display:flex;align-items:center;justify-content:center;\"><div style=\"width:60px;height:60px;background:rgba(0,0,0,0.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;\">▶</div></div></div></div>`;\n    },\n    renderHtml(values: ContentValues, ctx: ExportRenderContext): string {\n      const padding = str(values, 'containerPadding', '10px');\n      const url = str(values, 'url', '#');\n      const thumbnail = str(values, 'thumbnailUrl') || getYouTubeThumbnail(url) || '';\n      const alt = str(values, 'alt', 'Video');\n      const align = str(values, 'textAlign', 'center');\n\n      const imgTag = thumbnail\n        ? `<img src=\"${thumbnail}\" alt=\"${alt}\" width=\"${ctx.columnWidth}\" style=\"display:block;max-width:100%;width:${ctx.columnWidth}px;border:0;\" />`\n        : `<div style=\"background:#0f172a;padding:40px;text-align:center;color:white;font-family:arial,sans-serif;font-size:16px;\">▶ Watch Video</div>`;\n      return emailTableCell(`<a href=\"${url}\" target=\"_blank\" style=\"text-decoration:none;\">${imgTag}</a>`, { padding, align });\n    },\n  },\n};\n"],"names":["getYouTubeThumbnail","url","match","videoTool","values","str","thumbnail","align","html","ctx","padding","alt","imgTag","emailTableCell"],"mappings":";;AAiBA,SAASA,EAAoBC,GAA4B;AACvD,QAAMC,IAAQD,EAAI,MAAM,kFAAkF;AAC1G,SAAOC,IAAQ,8BAA8BA,EAAM,CAAC,CAAC,uBAAuB;AAC9E;AAEO,MAAMC,IAA+B;AAAA,EAC1C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,uBAAuB,CAAC,SAAS,KAAK;AAAA,EACtC,UAAU;AAAA,EACV,SAAS;AAAA,IACP,OAAO;AAAA,MACL,OAAO;AAAA,MACP,SAAS;AAAA,QACP,KAAK,EAAE,OAAO,aAAa,cAAc,+CAA+C,QAAQ,OAAA;AAAA,QAChG,cAAc,EAAE,OAAO,wBAAwB,cAAc,IAAI,QAAQ,OAAA;AAAA,QACzE,KAAK,EAAE,OAAO,YAAY,cAAc,SAAS,QAAQ,OAAA;AAAA,MAAO;AAAA,IAClE;AAAA,IAEF,OAAO;AAAA,MACL,OAAO;AAAA,MACP,SAAS,EAAE,WAAW,EAAE,OAAO,SAAS,cAAc,UAAU,QAAQ,YAAA,EAAY;AAAA,IAAE;AAAA,IAExF,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS,EAAE,kBAAkB,EAAE,OAAO,WAAW,cAAc,QAAQ,QAAQ,UAAA,EAAU;AAAA,IAAE;AAAA,EAC7F;AAAA,EAEF,eAAe;AAAA,IACb,KAAK;AAAA,IACL,cAAc;AAAA,IAAI,KAAK;AAAA,IAAS,WAAW;AAAA,IAAU,kBAAkB;AAAA,EAAA;AAAA,EAEzE,UAAU;AAAA,IACR,aAAaC,GAAuC;AAClC,MAAAC,EAAID,GAAQ,oBAAoB,MAAM;AACtD,YAAMH,IAAMI,EAAID,GAAQ,KAAK,GACvBE,IAAYD,EAAID,GAAQ,cAAc,KAAKJ,EAAoBC,CAAG,KAAK,IACvEM,IAAQF,EAAID,GAAQ,aAAa,QAAQ;AAE/C,aAAKE,IAGEE,2BAA8BD,CAAK,kGAAkGD,CAAS,kXAF5IE,2BAA8BD,CAAK,mOAAmON,KAAO,iBAAiB;AAAA,IAGzS;AAAA,IACA,WAAWG,GAAuBK,GAAkC;AAClE,YAAMC,IAAUL,EAAID,GAAQ,oBAAoB,MAAM,GAChDH,IAAMI,EAAID,GAAQ,OAAO,GAAG,GAC5BE,IAAYD,EAAID,GAAQ,cAAc,KAAKJ,EAAoBC,CAAG,KAAK,IACvEU,IAAMN,EAAID,GAAQ,OAAO,OAAO,GAChCG,IAAQF,EAAID,GAAQ,aAAa,QAAQ,GAEzCQ,IAASN,IACX,aAAaA,CAAS,UAAUK,CAAG,YAAYF,EAAI,WAAW,+CAA+CA,EAAI,WAAW,qBAC5H;AACJ,aAAOI,EAAe,YAAYZ,CAAG,mDAAmDW,CAAM,QAAQ,EAAE,SAAAF,GAAS,OAAAH,GAAO;AAAA,IAC1H;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emabuild/core",
-  "version": "0.1.5",
+  "version": "0.3.0",
   "description": "Drag & drop email editor Web Component — embeddable anywhere",
   "type": "module",
   "main": "./dist/index.js",
@@ -18,10 +18,16 @@
     "custom-elements.json"
   ],
   "customElements": "custom-elements.json",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "pnpm build"
+  },
   "dependencies": {
-    "lit": "^3.2.0",
-    "@emabuild/types": "0.1.5",
-    "@emabuild/email-renderer": "0.1.5"
+    "@emabuild/types": "workspace:*",
+    "@emabuild/email-renderer": "workspace:*",
+    "lit": "^3.2.0"
   },
   "devDependencies": {
     "vite": "^6.2.0",
@@ -30,26 +36,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "keywords": [
-    "email",
-    "editor",
-    "drag-and-drop",
-    "email-builder",
-    "web-component",
-    "lit",
-    "newsletter",
-    "html-email",
-    "wysiwyg",
-    "email-template"
-  ],
+  "keywords": ["email", "editor", "drag-and-drop", "email-builder", "web-component", "lit", "newsletter", "html-email", "wysiwyg", "email-template"],
   "license": "MIT",
-  "sideEffects": [
-    "./dist/index.js",
-    "./dist/mail-editor*.js"
-  ],
-  "scripts": {
-    "build": "vite build",
-    "dev": "vite build --watch",
-    "clean": "rm -rf dist"
-  }
-}
+  "sideEffects": ["./dist/index.js", "./dist/index-*.js"]
+}

package/dist/form-tool-CduLiZgt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-tool-CduLiZgt.js","sources":["../src/tools/built-in/form-tool.ts"],"sourcesContent":["/**\n * @module form-tool\n *\n * Input form with configurable fields and submit button.\n * Only available in \"web\" display mode (forms don't work in email).\n *\n * Email compatibility: N/A — this tool is for web/popup display mode only.\n */\n\nimport { html, TemplateResult } from 'lit';\nimport type { ContentValues } from '@emabuild/types';\nimport type { LitToolDefinition } from '../tool-registry.js';\nimport { str, jsonParse } from '../helpers/value-extractor.js';\nimport { emailTableCell } from '../helpers/email-html.js';\nimport type { FormField } from '../helpers/types.js';\n\nconst DEFAULT_FIELDS: FormField[] = [\n  { label: 'Name', name: 'name', type: 'text', placeholder: 'Your name' },\n  { label: 'Email', name: 'email', type: 'email', placeholder: 'your@email.com' },\n];\n\nexport const formTool: LitToolDefinition = {\n  name: 'form',\n  label: 'Form',\n  icon: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/><path d=\"M7 7h10\"/><path d=\"M7 12h10\"/><path d=\"M7 17h6\"/></svg>`,\n  supportedDisplayModes: ['web'],\n  position: 13,\n  options: {\n    form: {\n      title: 'Form',\n      options: {\n        actionUrl: { label: 'Action URL', defaultValue: '#', widget: 'text' },\n        method: { label: 'Method', defaultValue: 'POST', widget: 'text' },\n        submitText: { label: 'Submit Text', defaultValue: 'Submit', widget: 'text' },\n        fields: { label: 'Fields (JSON)', defaultValue: JSON.stringify(DEFAULT_FIELDS), widget: 'rich_text' },\n      },\n    },\n    style: {\n      title: 'Style',\n      options: {\n        buttonBg: { label: 'Button Color', defaultValue: '#3b82f6', widget: 'color_picker' },\n        buttonColor: { label: 'Button Text', defaultValue: '#ffffff', widget: 'color_picker' },\n      },\n    },\n    spacing: {\n      title: 'Spacing',\n      options: { containerPadding: { label: 'Padding', defaultValue: '10px', widget: 'padding' } },\n    },\n  },\n  defaultValues: {\n    actionUrl: '#', method: 'POST', submitText: 'Submit',\n    fields: JSON.stringify(DEFAULT_FIELDS), buttonBg: '#3b82f6',\n    buttonColor: '#ffffff', containerPadding: '10px',\n  },\n  renderer: {\n    renderEditor(values: ContentValues): TemplateResult {\n      const padding = str(values, 'containerPadding', '10px');\n      const submitText = str(values, 'submitText', 'Submit');\n      const btnBg = str(values, 'buttonBg', '#3b82f6');\n      const btnColor = str(values, 'buttonColor', '#ffffff');\n      const fields = jsonParse<FormField[]>(values.fields, DEFAULT_FIELDS);\n\n      return html`\n        <div style=\"padding:${padding};font-family:arial,sans-serif;\">\n          ${fields.map((f) => html`\n            <div style=\"margin-bottom:12px;\">\n              <label style=\"display:block;font-size:13px;color:#374151;margin-bottom:4px;font-weight:500;\">${f.label}</label>\n              <input type=${f.type || 'text'} placeholder=${f.placeholder || ''} style=\"width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;box-sizing:border-box;\" />\n            </div>\n          `)}\n          <button style=\"background:${btnBg};color:${btnColor};border:none;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;\">${submitText}</button>\n        </div>\n      `;\n    },\n    renderHtml(values: ContentValues): string {\n      const padding = str(values, 'containerPadding', '10px');\n      const actionUrl = str(values, 'actionUrl', '#');\n      const method = str(values, 'method', 'POST');\n      const submitText = str(values, 'submitText', 'Submit');\n      const btnBg = str(values, 'buttonBg', '#3b82f6');\n      const btnColor = str(values, 'buttonColor', '#ffffff');\n      const fields = jsonParse<FormField[]>(values.fields, DEFAULT_FIELDS);\n      const font = 'font-family:arial,helvetica,sans-serif;';\n\n      const fieldsHtml = fields.map((f) =>\n        `<div style=\"margin-bottom:12px;\"><label style=\"display:block;font-size:13px;color:#374151;margin-bottom:4px;font-weight:500;${font}\">${f.label}</label><input type=\"${f.type || 'text'}\" name=\"${f.name}\" placeholder=\"${f.placeholder || ''}\" style=\"width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;box-sizing:border-box;${font}\" /></div>`\n      ).join('');\n\n      const inner = `<form action=\"${actionUrl}\" method=\"${method}\">${fieldsHtml}<button type=\"submit\" style=\"background-color:${btnBg};color:${btnColor};border:none;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;${font}\">${submitText}</button></form>`;\n      return emailTableCell(inner, { padding });\n    },\n  },\n};\n"],"names":["DEFAULT_FIELDS","formTool","values","padding","str","submitText","btnBg","btnColor","fields","jsonParse","html","f","actionUrl","method","font","fieldsHtml","inner","emailTableCell"],"mappings":"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"}