@keycloakify/angular-email 0.0.3 → 0.0.4

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 (35) hide show
  1. package/README.md +7 -1
  2. package/esbuild/index.d.ts +5 -1
  3. package/fesm2022/keycloakify-angular-email-esbuild.mjs.map +1 -1
  4. package/fesm2022/keycloakify-angular-email-tailwindcss-preset-email.mjs.map +1 -1
  5. package/fesm2022/keycloakify-angular-email.mjs +159 -159
  6. package/fesm2022/keycloakify-angular-email.mjs.map +1 -1
  7. package/index.d.ts +325 -20
  8. package/package.json +6 -5
  9. package/tailwindcss-preset-email/index.d.ts +191 -1
  10. package/esbuild/esbuild.d.ts +0 -2
  11. package/lib/components/background/background.component.d.ts +0 -15
  12. package/lib/components/body/body.component.d.ts +0 -7
  13. package/lib/components/button/button.component.d.ts +0 -55
  14. package/lib/components/color-scheme/color-scheme.component.d.ts +0 -34
  15. package/lib/components/column/column.component.d.ts +0 -9
  16. package/lib/components/conditional/conditional.component.d.ts +0 -12
  17. package/lib/components/container/container.component.d.ts +0 -20
  18. package/lib/components/head/head.component.d.ts +0 -7
  19. package/lib/components/heading/heading.component.d.ts +0 -16
  20. package/lib/components/hr/hr.component.d.ts +0 -13
  21. package/lib/components/html/html.component.d.ts +0 -10
  22. package/lib/components/img/img.component.d.ts +0 -18
  23. package/lib/components/link/link.component.d.ts +0 -14
  24. package/lib/components/preview/preview.component.d.ts +0 -8
  25. package/lib/components/raw/raw.component.d.ts +0 -8
  26. package/lib/components/row/row.component.d.ts +0 -8
  27. package/lib/components/section/section.component.d.ts +0 -8
  28. package/lib/components/text/text.component.d.ts +0 -13
  29. package/lib/render.d.ts +0 -27
  30. package/lib/utils.d.ts +0 -18
  31. package/tailwindcss-preset-email/filters.d.ts +0 -95
  32. package/tailwindcss-preset-email/msoColors.d.ts +0 -209
  33. package/tailwindcss-preset-email/tailwindcss-email-variants.d.ts +0 -5
  34. package/tailwindcss-preset-email/tailwindcss-mso.d.ts +0 -8
  35. package/tailwindcss-preset-email/tailwindcss-preset-email.d.ts +0 -187
package/index.d.ts CHANGED
@@ -1,20 +1,325 @@
1
- export * from './lib/components/background/background.component';
2
- export * from './lib/components/body/body.component';
3
- export * from './lib/components/button/button.component';
4
- export * from './lib/components/color-scheme/color-scheme.component';
5
- export * from './lib/components/column/column.component';
6
- export * from './lib/components/conditional/conditional.component';
7
- export * from './lib/components/container/container.component';
8
- export * from './lib/components/head/head.component';
9
- export * from './lib/components/heading/heading.component';
10
- export * from './lib/components/hr/hr.component';
11
- export * from './lib/components/html/html.component';
12
- export * from './lib/components/img/img.component';
13
- export * from './lib/components/link/link.component';
14
- export * from './lib/components/preview/preview.component';
15
- export * from './lib/components/raw/raw.component';
16
- export * from './lib/components/row/row.component';
17
- export * from './lib/components/section/section.component';
18
- export * from './lib/components/text/text.component';
19
- export * from './lib/render';
20
- export * from './lib/utils';
1
+ import * as _angular_core from '@angular/core';
2
+ import { Type } from '@angular/core';
3
+ import { Config } from 'tailwindcss-v3';
4
+
5
+ declare class BackgroundComponent {
6
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
7
+ $styleClass: _angular_core.InputSignal<string | undefined>;
8
+ $width: _angular_core.InputSignal<number>;
9
+ $height: _angular_core.InputSignal<number>;
10
+ $src: _angular_core.InputSignal<string | undefined>;
11
+ $bgRepeat: _angular_core.InputSignal<"repeat" | "no-repeat">;
12
+ $bgColor: _angular_core.InputSignal<string | undefined>;
13
+ $bgStyle: _angular_core.Signal<{
14
+ backgroundRepeat: "repeat" | "no-repeat";
15
+ }>;
16
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<BackgroundComponent, never>;
17
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BackgroundComponent, "ng-email-background", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$width": { "alias": "width"; "required": false; "isSignal": true; }; "$height": { "alias": "height"; "required": false; "isSignal": true; }; "$src": { "alias": "src"; "required": false; "isSignal": true; }; "$bgRepeat": { "alias": "bgRepeat"; "required": false; "isSignal": true; }; "$bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
18
+ }
19
+
20
+ declare class BodyComponent {
21
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
22
+ $styleClass: _angular_core.InputSignal<string | undefined>;
23
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<BodyComponent, never>;
24
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BodyComponent, "ng-email-body", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
25
+ }
26
+
27
+ declare class ButtonComponent {
28
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
29
+ $styleClass: _angular_core.InputSignal<string | null>;
30
+ $href: _angular_core.InputSignal<string | undefined>;
31
+ $textContent: _angular_core.InputSignal<string>;
32
+ $width: _angular_core.InputSignal<number | undefined>;
33
+ $height: _angular_core.InputSignal<number | undefined>;
34
+ $borderRadius: _angular_core.InputSignal<number>;
35
+ $textColor: _angular_core.InputSignal<string | undefined>;
36
+ $backgroundColor: _angular_core.InputSignal<string | undefined>;
37
+ $borderColor: _angular_core.InputSignal<string | undefined>;
38
+ $borderSize: _angular_core.InputSignal<number>;
39
+ $fontSize: _angular_core.InputSignal<number>;
40
+ $align: _angular_core.InputSignal<string>;
41
+ $withBackground: _angular_core.InputSignal<boolean>;
42
+ $arcsize: _angular_core.Signal<number>;
43
+ $lineHeight: _angular_core.Signal<number>;
44
+ private $baseStyle;
45
+ private $borderStyles;
46
+ private $propStyles;
47
+ $withBackgroundStyle: _angular_core.Signal<{
48
+ msoHide?: string | undefined;
49
+ color?: string | undefined;
50
+ backgroundColor?: string | undefined;
51
+ '-webkit-text-size-adjust': string;
52
+ borderRadius: string;
53
+ display: string;
54
+ fontSize: string;
55
+ lineHeight: string;
56
+ maxWidth: string | undefined;
57
+ textAlign: string;
58
+ textDecoration: string;
59
+ width: string;
60
+ }>;
61
+ $withoutBackgroundStyle: _angular_core.Signal<{
62
+ msoHide?: string | undefined;
63
+ color?: string | undefined;
64
+ backgroundColor?: string | undefined;
65
+ border?: string | undefined;
66
+ msoBorderAlt?: string | undefined;
67
+ '-webkit-text-size-adjust': string;
68
+ borderRadius: string;
69
+ display: string;
70
+ fontSize: string;
71
+ lineHeight: string;
72
+ maxWidth: string | undefined;
73
+ textAlign: string;
74
+ textDecoration: string;
75
+ width: string;
76
+ }>;
77
+ $noBgInnerHtml: _angular_core.Signal<string>;
78
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
79
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ng-email-button", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$href": { "alias": "href"; "required": false; "isSignal": true; }; "$textContent": { "alias": "textContent"; "required": true; "isSignal": true; }; "$width": { "alias": "width"; "required": false; "isSignal": true; }; "$height": { "alias": "height"; "required": false; "isSignal": true; }; "$borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "$textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "$backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "$borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; "$borderSize": { "alias": "borderSize"; "required": false; "isSignal": true; }; "$fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; "$align": { "alias": "align"; "required": false; "isSignal": true; }; "$withBackground": { "alias": "withBackground"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
80
+ }
81
+
82
+ type ColorSchemeMode = 'dark'
83
+ /**
84
+ * The email client will only ever render the content in the dark color scheme and forbids the
85
+ * email client from overriding the color scheme.
86
+ */
87
+ | 'dark only' | 'light'
88
+ /**
89
+ * The email client will choose the light or dark theme to match the user’s preference.
90
+ * If the user’s preference does not match something in the list, the email client will choose
91
+ * which mode to display.
92
+ */
93
+ | 'light dark'
94
+ /**
95
+ * The email client will choose the first of the listed schemes that it supports taking user
96
+ * preference into account and forbids the email client from overriding the color scheme.
97
+ */
98
+ | 'light dark only'
99
+ /**
100
+ * The email client will only ever render the content in the light color scheme and forbids the
101
+ * email client from overriding the color scheme.
102
+ */
103
+ | 'light only'
104
+ /**
105
+ * Indicates that the email supports the page’s supported color schemes, if they are set, or
106
+ * that it supports no color schemes at all otherwise.
107
+ */
108
+ | 'normal';
109
+ declare class ColorSchemeComponent {
110
+ $mode: _angular_core.InputSignal<ColorSchemeMode>;
111
+ $style: _angular_core.Signal<string>;
112
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorSchemeComponent, never>;
113
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorSchemeComponent, "ng-email-color-scheme", never, { "$mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
114
+ }
115
+
116
+ declare class ColumnComponent {
117
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
118
+ $styleClass: _angular_core.InputSignal<string | undefined>;
119
+ $bgImage: _angular_core.InputSignal<string | undefined>;
120
+ $bgColor: _angular_core.InputSignal<string | undefined>;
121
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnComponent, never>;
122
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColumnComponent, "ng-email-column", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$bgImage": { "alias": "bgImage"; "required": false; "isSignal": true; }; "$bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
123
+ }
124
+
125
+ declare class ConditionalComponent {
126
+ $expression: _angular_core.InputSignal<undefined>;
127
+ $mso: _angular_core.InputSignal<boolean | undefined>;
128
+ noMsoInnerHtmlPre: string;
129
+ noMsoInnerHtmlPost: string;
130
+ $msoInnerHtmlPre: _angular_core.Signal<string>;
131
+ msoInnerHtmlPost: string;
132
+ constructor();
133
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConditionalComponent, never>;
134
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConditionalComponent, "ng-email-conditional", never, { "$expression": { "alias": "expression"; "required": false; "isSignal": true; }; "$mso": { "alias": "mso"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
135
+ }
136
+
137
+ declare class ContainerComponent {
138
+ random: number;
139
+ document: Document;
140
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
141
+ $styleClass: _angular_core.InputSignal<string | undefined>;
142
+ $alignment: _angular_core.InputSignal<string>;
143
+ $disableDefaultStyle: _angular_core.InputSignal<boolean>;
144
+ $containerWidth: _angular_core.InputSignal<number>;
145
+ $containerStyle: _angular_core.Signal<{
146
+ maxWidth?: string | undefined;
147
+ }>;
148
+ $trStyle: _angular_core.Signal<{
149
+ width?: string | undefined;
150
+ }>;
151
+ $innerHtmlPre: _angular_core.Signal<string>;
152
+ $innerHtmlPost: _angular_core.Signal<string>;
153
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContainerComponent, never>;
154
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContainerComponent, "ng-email-container", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; "$containerWidth": { "alias": "containerWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
155
+ }
156
+
157
+ declare class HeadComponent {
158
+ $enableFormatDetection: _angular_core.InputSignal<boolean>;
159
+ xml: string;
160
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeadComponent, never>;
161
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeadComponent, "ng-email-head", never, { "$enableFormatDetection": { "alias": "enableFormatDetection"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
162
+ }
163
+
164
+ declare class HeadingComponent {
165
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
166
+ $styleClass: _angular_core.InputSignal<string | undefined>;
167
+ $as: _angular_core.InputSignal<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
168
+ $m: _angular_core.InputSignal<string | undefined>;
169
+ $mx: _angular_core.InputSignal<string | undefined>;
170
+ $my: _angular_core.InputSignal<string | undefined>;
171
+ $mt: _angular_core.InputSignal<string | undefined>;
172
+ $mr: _angular_core.InputSignal<string | undefined>;
173
+ $mb: _angular_core.InputSignal<string | undefined>;
174
+ $ml: _angular_core.InputSignal<string | undefined>;
175
+ $headingStyle: _angular_core.Signal<string>;
176
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeadingComponent, never>;
177
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeadingComponent, "ng-email-heading", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$as": { "alias": "as"; "required": false; "isSignal": true; }; "$m": { "alias": "m"; "required": false; "isSignal": true; }; "$mx": { "alias": "mx"; "required": false; "isSignal": true; }; "$my": { "alias": "my"; "required": false; "isSignal": true; }; "$mt": { "alias": "mt"; "required": false; "isSignal": true; }; "$mr": { "alias": "mr"; "required": false; "isSignal": true; }; "$mb": { "alias": "mb"; "required": false; "isSignal": true; }; "$ml": { "alias": "ml"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
178
+ }
179
+
180
+ declare class HrComponent {
181
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
182
+ $styleClass: _angular_core.InputSignal<string | undefined>;
183
+ $disableDefaultStyle: _angular_core.InputSignal<boolean>;
184
+ $hrStyle: _angular_core.Signal<{
185
+ width?: string | undefined;
186
+ border?: string | undefined;
187
+ borderTop?: string | undefined;
188
+ }>;
189
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<HrComponent, never>;
190
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<HrComponent, "ng-email-hr", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
191
+ }
192
+
193
+ declare class HtmlComponent {
194
+ $lang: _angular_core.InputSignal<string>;
195
+ $dir: _angular_core.InputSignal<string>;
196
+ $enableVML: _angular_core.InputSignal<boolean>;
197
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
198
+ $styleClass: _angular_core.InputSignal<string | undefined>;
199
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<HtmlComponent, never>;
200
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<HtmlComponent, "ng-email-html", never, { "$lang": { "alias": "lang"; "required": false; "isSignal": true; }; "$dir": { "alias": "dir"; "required": false; "isSignal": true; }; "$enableVML": { "alias": "enableVML"; "required": false; "isSignal": true; }; "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
201
+ }
202
+
203
+ declare class ImgComponent {
204
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
205
+ $styleClass: _angular_core.InputSignal<string | undefined>;
206
+ $disableDefaultStyle: _angular_core.InputSignal<boolean>;
207
+ $alt: _angular_core.InputSignal<string>;
208
+ $src: _angular_core.InputSignal<string>;
209
+ $width: _angular_core.InputSignal<string>;
210
+ $height: _angular_core.InputSignal<string>;
211
+ $imageStyle: _angular_core.Signal<{
212
+ display?: string | undefined;
213
+ outline?: string | undefined;
214
+ border?: string | undefined;
215
+ textDecoration?: string | undefined;
216
+ }>;
217
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImgComponent, never>;
218
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImgComponent, "ng-email-img", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; "$alt": { "alias": "alt"; "required": false; "isSignal": true; }; "$src": { "alias": "src"; "required": false; "isSignal": true; }; "$width": { "alias": "width"; "required": false; "isSignal": true; }; "$height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
219
+ }
220
+
221
+ declare class LinkComponent {
222
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
223
+ $styleClass: _angular_core.InputSignal<string | undefined>;
224
+ $disableDefaultStyle: _angular_core.InputSignal<boolean>;
225
+ $href: _angular_core.InputSignal<string>;
226
+ $target: _angular_core.InputSignal<string>;
227
+ $linkStyle: _angular_core.Signal<{
228
+ color?: string | undefined;
229
+ textDecoration?: string | undefined;
230
+ }>;
231
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<LinkComponent, never>;
232
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkComponent, "ng-email-link", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; "$href": { "alias": "href"; "required": false; "isSignal": true; }; "$target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
233
+ }
234
+
235
+ declare class PreviewComponent {
236
+ $preview: _angular_core.InputSignal<string>;
237
+ maxLength: number;
238
+ $text: _angular_core.Signal<string | null>;
239
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<PreviewComponent, never>;
240
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<PreviewComponent, "ng-email-preview", never, { "$preview": { "alias": "preview"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
241
+ }
242
+
243
+ declare class RawComponent {
244
+ $disablePlainTextOutput: _angular_core.InputSignal<boolean>;
245
+ $content: _angular_core.InputSignal<string>;
246
+ $escapingContent: _angular_core.Signal<string>;
247
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<RawComponent, never>;
248
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<RawComponent, "ng-email-raw", never, { "$disablePlainTextOutput": { "alias": "disablePlainTextOutput"; "required": false; "isSignal": true; }; "$content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
249
+ }
250
+
251
+ declare class RowComponent {
252
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
253
+ $styleClass: _angular_core.InputSignal<string | undefined>;
254
+ $disableDefaultStyle: _angular_core.InputSignal<boolean>;
255
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<RowComponent, never>;
256
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<RowComponent, "ng-email-row", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
257
+ }
258
+
259
+ declare class SectionComponent {
260
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
261
+ $styleClass: _angular_core.InputSignal<string | undefined>;
262
+ $sectionStyle: _angular_core.Signal<string>;
263
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionComponent, never>;
264
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionComponent, "ng-email-section", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
265
+ }
266
+
267
+ declare class TextComponent {
268
+ $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
269
+ $styleClass: _angular_core.InputSignal<string | undefined>;
270
+ $disableDefaultStyle: _angular_core.InputSignal<boolean>;
271
+ $textStyle: _angular_core.Signal<{
272
+ fontSize?: string | undefined;
273
+ lineHeight?: string | undefined;
274
+ margin?: string | undefined;
275
+ }>;
276
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextComponent, never>;
277
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextComponent, "ng-email-text", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
278
+ }
279
+
280
+ type Render<Input extends Record<string, any>> = {
281
+ component: Type<unknown>;
282
+ /** Component selector */
283
+ selector: string;
284
+ props?: Input;
285
+ options?: {
286
+ plainText?: boolean;
287
+ pretty?: boolean;
288
+ /** tailwind configuration object */
289
+ tailwindConfig?: Partial<Config>;
290
+ signalInputsPrefix?: string;
291
+ };
292
+ };
293
+ /**
294
+ * Renders an Angular component to HTML and applies transformations.
295
+ *
296
+ * @param component - The Angular component to render.
297
+ * @param selector - The Component selector.
298
+ * @param options - Optional rendering options.
299
+ *
300
+ * @returns {Promise<string>} The rendered HTML or plain text.
301
+ */
302
+ declare const render: <Input extends Record<string, any>>({ component, selector, props, options, }: Render<Input>) => Promise<string>;
303
+ type RenderToHtml<Input extends Record<string, any>> = (props?: Input) => ReturnType<typeof render>;
304
+
305
+ declare const copyTextToClipboard: (text: string) => Promise<void>;
306
+ declare const pxToPt: (px: string) => number | null;
307
+ interface Margin {
308
+ m?: string;
309
+ mx?: string;
310
+ my?: string;
311
+ mt?: string;
312
+ mr?: string;
313
+ mb?: string;
314
+ ml?: string;
315
+ }
316
+ declare const withMargin: (props: Margin) => {};
317
+ declare const styleToString: (style: Record<string, string | number | null> | undefined | null) => string;
318
+ declare const classToString: (style: string | string[] | Set<string> | Record<string, any> | null | undefined) => string;
319
+ declare const unreachable: (condition: never, message?: string) => never;
320
+ declare const HTMLElements: string[];
321
+ declare function escapeForRawComponent(input: string): string;
322
+ declare function unescapeForRawComponent(input: string): string;
323
+
324
+ export { BackgroundComponent, BodyComponent, ButtonComponent, ColorSchemeComponent, ColumnComponent, ConditionalComponent, ContainerComponent, HTMLElements, HeadComponent, HeadingComponent, HrComponent, HtmlComponent, ImgComponent, LinkComponent, PreviewComponent, RawComponent, RowComponent, SectionComponent, TextComponent, classToString, copyTextToClipboard, escapeForRawComponent, pxToPt, render, styleToString, unescapeForRawComponent, unreachable, withMargin };
325
+ export type { ColorSchemeMode, Margin, RenderToHtml };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@keycloakify/angular-email",
3
- "version": "0.0.3",
3
+ "version": "0.0.4",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "description": "Angular Email Builder",
@@ -20,15 +20,16 @@
20
20
  ],
21
21
  "homepage": "https://www.keycloakify.dev",
22
22
  "peerDependencies": {
23
- "@angular/common": "^19.1.0",
24
- "@angular/core": "^19.1.0"
23
+ "@angular/common": "^20.1.0",
24
+ "@angular/core": "^20.1.0"
25
25
  },
26
26
  "dependencies": {
27
27
  "tslib": "^2.3.0",
28
28
  "html-to-text": "^9.0.5",
29
29
  "cheerio": "^1.0.0",
30
- "@angular/build": "^19.1.0",
31
- "@angular/platform-server": "^19.1.0",
30
+ "@angular/build": "^20.1.0",
31
+ "@angular/platform-server": "^20.1.0",
32
+ "@angular/ssr": "^20.1.0",
32
33
  "juice": "^11.0.1",
33
34
  "postcss": "^8.5.3",
34
35
  "tailwindcss-v3": "npm:tailwindcss@^3.4.17",
@@ -1 +1,191 @@
1
- export * from './tailwindcss-preset-email';
1
+ import * as tailwindcss_v3_types_config from 'tailwindcss-v3/types/config';
2
+
3
+ /** @type {import('tailwindcss-v3').Config} */
4
+ declare const tailwindcssPresetEmail: {
5
+ important: boolean;
6
+ theme: {
7
+ screens: {
8
+ sm: {
9
+ max: string;
10
+ };
11
+ xs: {
12
+ max: string;
13
+ };
14
+ };
15
+ extend: {
16
+ colors: {
17
+ black: string;
18
+ white: string;
19
+ };
20
+ spacing: {
21
+ screen: string;
22
+ full: string;
23
+ 0: string;
24
+ 0.5: string;
25
+ 1: string;
26
+ 1.5: string;
27
+ 2: string;
28
+ 2.5: string;
29
+ 3: string;
30
+ 3.5: string;
31
+ 4: string;
32
+ 4.5: string;
33
+ 5: string;
34
+ 5.5: string;
35
+ 6: string;
36
+ 6.5: string;
37
+ 7: string;
38
+ 7.5: string;
39
+ 8: string;
40
+ 8.5: string;
41
+ 9: string;
42
+ 9.5: string;
43
+ 10: string;
44
+ 11: string;
45
+ 12: string;
46
+ 14: string;
47
+ 16: string;
48
+ 18: string;
49
+ 20: string;
50
+ 22: string;
51
+ 24: string;
52
+ 26: string;
53
+ 28: string;
54
+ 30: string;
55
+ 32: string;
56
+ 34: string;
57
+ 36: string;
58
+ 38: string;
59
+ 40: string;
60
+ 42: string;
61
+ 44: string;
62
+ 46: string;
63
+ 48: string;
64
+ 50: string;
65
+ 52: string;
66
+ 54: string;
67
+ 56: string;
68
+ 58: string;
69
+ 60: string;
70
+ 62: string;
71
+ 64: string;
72
+ 66: string;
73
+ 68: string;
74
+ 70: string;
75
+ 72: string;
76
+ 74: string;
77
+ 76: string;
78
+ 78: string;
79
+ 80: string;
80
+ 82: string;
81
+ 84: string;
82
+ 86: string;
83
+ 88: string;
84
+ 90: string;
85
+ 92: string;
86
+ 94: string;
87
+ 96: string;
88
+ };
89
+ borderRadius: {
90
+ none: string;
91
+ sm: string;
92
+ DEFAULT: string;
93
+ md: string;
94
+ lg: string;
95
+ xl: string;
96
+ '2xl': string;
97
+ '3xl': string;
98
+ };
99
+ boxShadow: {
100
+ sm: string;
101
+ DEFAULT: string;
102
+ md: string;
103
+ lg: string;
104
+ xl: string;
105
+ '2xl': string;
106
+ inner: string;
107
+ };
108
+ dropShadow: {
109
+ sm: string;
110
+ DEFAULT: string[];
111
+ md: string[];
112
+ lg: string[];
113
+ xl: string[];
114
+ '2xl': string;
115
+ none: string;
116
+ };
117
+ fontFamily: {
118
+ inter: string[];
119
+ sans: string[];
120
+ serif: string[];
121
+ mono: string[];
122
+ };
123
+ fontSize: {
124
+ 0: string;
125
+ xxs: string;
126
+ xs: string;
127
+ '2xs': string;
128
+ sm: string;
129
+ '2sm': string;
130
+ base: string;
131
+ lg: string;
132
+ xl: string;
133
+ '2xl': string;
134
+ '3xl': string;
135
+ '4xl': string;
136
+ '5xl': string;
137
+ '6xl': string;
138
+ '7xl': string;
139
+ '8xl': string;
140
+ '9xl': string;
141
+ };
142
+ letterSpacing: (theme: any) => any;
143
+ lineHeight: (theme: any) => any;
144
+ maxWidth: (theme: any) => any;
145
+ minHeight: (theme: any) => any;
146
+ minWidth: (theme: any) => any;
147
+ };
148
+ };
149
+ corePlugins: {
150
+ blur: boolean;
151
+ brightness: boolean;
152
+ contrast: boolean;
153
+ dropShadow: boolean;
154
+ grayscale: boolean;
155
+ hueRotate: boolean;
156
+ invert: boolean;
157
+ saturate: boolean;
158
+ sepia: boolean;
159
+ backdropBlur: boolean;
160
+ backdropBrightness: boolean;
161
+ backdropContrast: boolean;
162
+ backdropGrayscale: boolean;
163
+ backdropHueRotate: boolean;
164
+ backdropInvert: boolean;
165
+ backdropOpacity: boolean;
166
+ backdropSaturate: boolean;
167
+ backdropSepia: boolean;
168
+ preflight: boolean;
169
+ backgroundOpacity: boolean;
170
+ borderOpacity: boolean;
171
+ borderSpacing: boolean;
172
+ boxShadow: boolean;
173
+ boxShadowColor: boolean;
174
+ divideOpacity: boolean;
175
+ placeholderOpacity: boolean;
176
+ textOpacity: boolean;
177
+ textDecoration: boolean;
178
+ };
179
+ plugins: ({
180
+ handler: tailwindcss_v3_types_config.PluginCreator;
181
+ config?: Partial<tailwindcss_v3_types_config.Config>;
182
+ } | {
183
+ (options: any): {
184
+ handler: tailwindcss_v3_types_config.PluginCreator;
185
+ config?: Partial<tailwindcss_v3_types_config.Config>;
186
+ };
187
+ __isOptionsFunction: true;
188
+ })[];
189
+ };
190
+
191
+ export { tailwindcssPresetEmail };
@@ -1,2 +0,0 @@
1
- import { Plugin } from 'esbuild';
2
- export declare const angularEsbuildPlugin: (cwd: string) => Plugin;
@@ -1,15 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class BackgroundComponent {
3
- $style: import("@angular/core").InputSignal<Record<string, any> | null | undefined>;
4
- $styleClass: import("@angular/core").InputSignal<string | undefined>;
5
- $width: import("@angular/core").InputSignal<number>;
6
- $height: import("@angular/core").InputSignal<number>;
7
- $src: import("@angular/core").InputSignal<string | undefined>;
8
- $bgRepeat: import("@angular/core").InputSignal<"repeat" | "no-repeat">;
9
- $bgColor: import("@angular/core").InputSignal<string | undefined>;
10
- $bgStyle: import("@angular/core").Signal<{
11
- backgroundRepeat: "repeat" | "no-repeat";
12
- }>;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<BackgroundComponent, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<BackgroundComponent, "ng-email-background", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$width": { "alias": "width"; "required": false; "isSignal": true; }; "$height": { "alias": "height"; "required": false; "isSignal": true; }; "$src": { "alias": "src"; "required": false; "isSignal": true; }; "$bgRepeat": { "alias": "bgRepeat"; "required": false; "isSignal": true; }; "$bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
15
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class BodyComponent {
3
- $style: import("@angular/core").InputSignal<Record<string, any> | null | undefined>;
4
- $styleClass: import("@angular/core").InputSignal<string | undefined>;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<BodyComponent, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<BodyComponent, "ng-email-body", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
7
- }