@emabuild/core 0.2.0 → 0.3.0
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.
- package/dist/canvas/column-renderer.d.ts.map +1 -1
- package/dist/canvas/content-renderer.d.ts +1 -1
- package/dist/canvas/content-renderer.d.ts.map +1 -1
- package/dist/canvas/editor-canvas.d.ts +11 -0
- package/dist/canvas/editor-canvas.d.ts.map +1 -1
- package/dist/canvas/inline-toolbar.d.ts +8 -0
- package/dist/canvas/inline-toolbar.d.ts.map +1 -1
- package/dist/canvas/row-renderer.d.ts +2 -0
- package/dist/canvas/row-renderer.d.ts.map +1 -1
- package/dist/compat/unlayer-adapter.d.ts +33 -0
- package/dist/compat/unlayer-adapter.d.ts.map +1 -0
- package/dist/dnd/drag-manager.d.ts +1 -0
- package/dist/dnd/drag-manager.d.ts.map +1 -1
- package/dist/dnd/drag-state.d.ts +10 -3
- package/dist/dnd/drag-state.d.ts.map +1 -1
- package/dist/{form-tool-DdFDrS3b.js → form-tool-C7760Hvm.js} +10 -9
- package/dist/{form-tool-DdFDrS3b.js.map → form-tool-C7760Hvm.js.map} +1 -1
- package/dist/{html-tool-DMtmrF3n.js → html-tool-4zZO2hqE.js} +2 -2
- package/dist/{html-tool-DMtmrF3n.js.map → html-tool-4zZO2hqE.js.map} +1 -1
- package/dist/index-zy5NbC2E.js +4303 -0
- package/dist/index-zy5NbC2E.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -5
- package/dist/mail-editor.d.ts +13 -2
- package/dist/mail-editor.d.ts.map +1 -1
- package/dist/{menu-tool-CJcQdpcP.js → menu-tool-Cu5D_VYs.js} +14 -13
- package/dist/{menu-tool-CJcQdpcP.js.map → menu-tool-Cu5D_VYs.js.map} +1 -1
- package/dist/properties/property-panel.d.ts.map +1 -1
- package/dist/register-elements.d.ts.map +1 -1
- package/dist/sidebar/a11y-checker.d.ts +27 -0
- package/dist/sidebar/a11y-checker.d.ts.map +1 -0
- package/dist/sidebar/body-settings.d.ts +2 -0
- package/dist/sidebar/body-settings.d.ts.map +1 -1
- package/dist/sidebar/editor-sidebar.d.ts +5 -2
- package/dist/sidebar/editor-sidebar.d.ts.map +1 -1
- package/dist/{social-tool-CRY3-_sU.js → social-tool-kPuP-4n6.js} +13 -12
- package/dist/{social-tool-CRY3-_sU.js.map → social-tool-kPuP-4n6.js.map} +1 -1
- package/dist/state/editor-store.d.ts +30 -28
- package/dist/state/editor-store.d.ts.map +1 -1
- package/dist/{table-tool-DeIQci5z.js → table-tool-CcWFvTSc.js} +13 -12
- package/dist/{table-tool-DeIQci5z.js.map → table-tool-CcWFvTSc.js.map} +1 -1
- package/dist/timer-tool-CG1oul_Z.js +55 -0
- package/dist/timer-tool-CG1oul_Z.js.map +1 -0
- package/dist/tools/built-in/button-tool.d.ts.map +1 -1
- package/dist/tools/built-in/divider-tool.d.ts.map +1 -1
- package/dist/tools/built-in/heading-tool.d.ts.map +1 -1
- package/dist/tools/built-in/image-tool.d.ts.map +1 -1
- package/dist/tools/built-in/paragraph-tool.d.ts.map +1 -1
- package/dist/tools/built-in/shared-options.d.ts +105 -0
- package/dist/tools/built-in/shared-options.d.ts.map +1 -0
- package/dist/tools/built-in/text-tool.d.ts.map +1 -1
- package/dist/tools/tool-registry.d.ts.map +1 -1
- package/dist/{video-tool-g1fIoCWW.js → video-tool-CttMka8Z.js} +7 -6
- package/dist/{video-tool-g1fIoCWW.js.map → video-tool-CttMka8Z.js.map} +1 -1
- package/package.json +13 -26
- package/dist/index-CpMbWdgn.js +0 -3092
- package/dist/index-CpMbWdgn.js.map +0 -1
- package/dist/timer-tool-BVE1shO1.js +0 -54
- package/dist/timer-tool-BVE1shO1.js.map +0 -1
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { html as a } from "lit";
|
|
2
|
-
import { s as t, e as p } from "./index-CpMbWdgn.js";
|
|
3
|
-
const g = {
|
|
4
|
-
name: "timer",
|
|
5
|
-
label: "Timer",
|
|
6
|
-
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>',
|
|
7
|
-
supportedDisplayModes: ["email", "web"],
|
|
8
|
-
position: 11,
|
|
9
|
-
options: {
|
|
10
|
-
timer: {
|
|
11
|
-
title: "Timer",
|
|
12
|
-
options: {
|
|
13
|
-
endDate: { label: "End Date (ISO)", defaultValue: new Date(Date.now() + 7 * 864e5).toISOString().split("T")[0], widget: "text" },
|
|
14
|
-
expiredMessage: { label: "Expired Message", defaultValue: "This offer has expired", widget: "text" }
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
style: {
|
|
18
|
-
title: "Style",
|
|
19
|
-
options: {
|
|
20
|
-
textAlign: { label: "Align", defaultValue: "center", widget: "alignment" },
|
|
21
|
-
backgroundColor: { label: "Background", defaultValue: "#1f2937", widget: "color_picker" },
|
|
22
|
-
textColor: { label: "Text Color", defaultValue: "#ffffff", widget: "color_picker" },
|
|
23
|
-
fontSize: { label: "Font Size", defaultValue: "32px", widget: "text" }
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
spacing: {
|
|
27
|
-
title: "Spacing",
|
|
28
|
-
options: { containerPadding: { label: "Padding", defaultValue: "10px", widget: "padding" } }
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
defaultValues: {
|
|
32
|
-
endDate: new Date(Date.now() + 7 * 864e5).toISOString().split("T")[0],
|
|
33
|
-
expiredMessage: "This offer has expired",
|
|
34
|
-
textAlign: "center",
|
|
35
|
-
backgroundColor: "#1f2937",
|
|
36
|
-
textColor: "#ffffff",
|
|
37
|
-
fontSize: "32px",
|
|
38
|
-
containerPadding: "10px"
|
|
39
|
-
},
|
|
40
|
-
renderer: {
|
|
41
|
-
renderEditor(e) {
|
|
42
|
-
const l = t(e, "containerPadding", "10px"), i = t(e, "backgroundColor", "#1f2937"), n = t(e, "textColor", "#ffffff"), r = t(e, "fontSize", "32px"), o = t(e, "textAlign", "center");
|
|
43
|
-
return a`<div style="padding:0;"><div style="background:${i};color:${n};font-size:${r};text-align:${o};padding:20px;border-radius:4px;font-family:monospace;font-weight:bold;letter-spacing:4px;">00 : 00 : 00 : 00<div style="font-size:11px;letter-spacing:8px;opacity:0.6;margin-top:4px;">DAYS HRS MIN SEC</div></div></div>`;
|
|
44
|
-
},
|
|
45
|
-
renderHtml(e) {
|
|
46
|
-
const l = t(e, "containerPadding", "10px"), i = t(e, "backgroundColor", "#1f2937"), n = t(e, "textColor", "#ffffff"), r = t(e, "fontSize", "32px"), o = t(e, "textAlign", "center"), d = `<div style="background-color:${i};color:${n};font-size:${r};text-align:${o};padding:20px;border-radius:4px;font-family:'Courier New',monospace;font-weight:bold;letter-spacing:4px;"><div>00 : 00 : 00 : 00</div><div style="font-size:11px;letter-spacing:8px;opacity:0.6;margin-top:4px;">DAYS HRS MIN SEC</div></div>`;
|
|
47
|
-
return p(d, { padding: l, align: o });
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
export {
|
|
52
|
-
g as timerTool
|
|
53
|
-
};
|
|
54
|
-
//# sourceMappingURL=timer-tool-BVE1shO1.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"timer-tool-BVE1shO1.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};font-size:${fontSize};text-align:${align};padding:20px;border-radius:4px;font-family:monospace;font-weight:bold;letter-spacing:4px;\">00 : 00 : 00 : 00<div style=\"font-size:11px;letter-spacing:8px;opacity:0.6;margin-top:4px;\">DAYS HRS MIN 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 = `<div style=\"background-color:${bg};color:${color};font-size:${fontSize};text-align:${align};padding:20px;border-radius:4px;font-family:'Courier New',monospace;font-weight:bold;letter-spacing:4px;\"><div>00 : 00 : 00 : 00</div><div style=\"font-size:11px;letter-spacing:8px;opacity:0.6;margin-top:4px;\">DAYS HRS MIN SEC</div></div>`;\n return emailTableCell(inner, { padding, align });\n },\n },\n};\n"],"names":["timerTool","values","padding","str","bg","color","fontSize","align","html","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;AAClD,YAAMC,IAAUC,EAAIF,GAAQ,oBAAoB,MAAM,GAChDG,IAAKD,EAAIF,GAAQ,mBAAmB,SAAS,GAC7CI,IAAQF,EAAIF,GAAQ,aAAa,SAAS,GAC1CK,IAAWH,EAAIF,GAAQ,YAAY,MAAM,GACzCM,IAAQJ,EAAIF,GAAQ,aAAa,QAAQ;AAE/C,aAAOO,mDAAsDJ,CAAE,UAAUC,CAAK,cAAcC,CAAQ,eAAeC,CAAK;AAAA,IAC1H;AAAA,IACA,WAAWN,GAA+B;AACxC,YAAMC,IAAUC,EAAIF,GAAQ,oBAAoB,MAAM,GAChDG,IAAKD,EAAIF,GAAQ,mBAAmB,SAAS,GAC7CI,IAAQF,EAAIF,GAAQ,aAAa,SAAS,GAC1CK,IAAWH,EAAIF,GAAQ,YAAY,MAAM,GACzCM,IAAQJ,EAAIF,GAAQ,aAAa,QAAQ,GAEzCQ,IAAQ,gCAAgCL,CAAE,UAAUC,CAAK,cAAcC,CAAQ,eAAeC,CAAK;AACzG,aAAOG,EAAeD,GAAO,EAAE,SAAAP,GAAS,OAAAK,GAAO;AAAA,IACjD;AAAA,EAAA;AAEJ;"}
|