@keycloakify/angular-email 0.0.2 → 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.
- package/README.md +8 -2
- package/bin/build.mjs +1 -1
- package/esbuild/index.d.ts +5 -1
- package/fesm2022/keycloakify-angular-email-esbuild.mjs.map +1 -1
- package/fesm2022/keycloakify-angular-email-tailwindcss-preset-email.mjs +2 -2
- package/fesm2022/keycloakify-angular-email-tailwindcss-preset-email.mjs.map +1 -1
- package/fesm2022/keycloakify-angular-email.mjs +161 -161
- package/fesm2022/keycloakify-angular-email.mjs.map +1 -1
- package/index.d.ts +325 -20
- package/node/index.cjs +1 -1
- package/node/index.js +1 -1
- package/package.json +7 -6
- package/tailwindcss-preset-email/index.d.ts +191 -1
- package/esbuild/esbuild.d.ts +0 -2
- package/lib/components/background/background.component.d.ts +0 -15
- package/lib/components/body/body.component.d.ts +0 -7
- package/lib/components/button/button.component.d.ts +0 -55
- package/lib/components/color-scheme/color-scheme.component.d.ts +0 -34
- package/lib/components/column/column.component.d.ts +0 -9
- package/lib/components/conditional/conditional.component.d.ts +0 -12
- package/lib/components/container/container.component.d.ts +0 -20
- package/lib/components/head/head.component.d.ts +0 -7
- package/lib/components/heading/heading.component.d.ts +0 -16
- package/lib/components/hr/hr.component.d.ts +0 -13
- package/lib/components/html/html.component.d.ts +0 -10
- package/lib/components/img/img.component.d.ts +0 -18
- package/lib/components/link/link.component.d.ts +0 -14
- package/lib/components/preview/preview.component.d.ts +0 -8
- package/lib/components/raw/raw.component.d.ts +0 -8
- package/lib/components/row/row.component.d.ts +0 -8
- package/lib/components/section/section.component.d.ts +0 -8
- package/lib/components/text/text.component.d.ts +0 -13
- package/lib/render.d.ts +0 -27
- package/lib/utils.d.ts +0 -18
- package/tailwindcss-preset-email/filters.d.ts +0 -95
- package/tailwindcss-preset-email/msoColors.d.ts +0 -209
- package/tailwindcss-preset-email/tailwindcss-email-variants.d.ts +0 -5
- package/tailwindcss-preset-email/tailwindcss-mso.d.ts +0 -8
- package/tailwindcss-preset-email/tailwindcss-preset-email.d.ts +0 -187
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, computed, ChangeDetectionStrategy, Component, effect, CUSTOM_ELEMENTS_SCHEMA, inject, NO_ERRORS_SCHEMA,
|
|
3
|
-
import { NgTemplateOutlet
|
|
2
|
+
import { input, computed, ChangeDetectionStrategy, Component, effect, CUSTOM_ELEMENTS_SCHEMA, inject, DOCUMENT, NO_ERRORS_SCHEMA, provideZonelessChangeDetection } from '@angular/core';
|
|
3
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
4
|
+
import { renderApplication } from '@angular/platform-server';
|
|
5
|
+
import { provideServerRendering } from '@angular/ssr';
|
|
4
6
|
import { bootstrapApplication } from '@angular/platform-browser';
|
|
5
|
-
import { provideServerRendering, renderApplication } from '@angular/platform-server';
|
|
6
7
|
import * as cheerio from 'cheerio/slim';
|
|
7
8
|
import { convert } from 'html-to-text';
|
|
8
9
|
import juice from 'juice';
|
|
@@ -10,67 +11,67 @@ import prettyPrint from 'pretty';
|
|
|
10
11
|
|
|
11
12
|
class BackgroundComponent {
|
|
12
13
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
13
|
-
$style = input(null, { alias: 'style' });
|
|
14
|
-
$styleClass = input(undefined, { alias: 'styleClass' });
|
|
15
|
-
$width = input(0, { alias: 'width' });
|
|
16
|
-
$height = input(0, { alias: 'height' });
|
|
17
|
-
$src = input(undefined, { alias: 'src' });
|
|
18
|
-
$bgRepeat = input('no-repeat', { alias: 'bgRepeat' });
|
|
19
|
-
$bgColor = input(undefined, { alias: 'bgColor' });
|
|
20
|
-
$bgStyle = computed(() => ({ backgroundRepeat: this.$bgRepeat(), ...(this.$style() ?? {}) }));
|
|
21
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
22
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
14
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
15
|
+
$styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
16
|
+
$width = input(0, ...(ngDevMode ? [{ debugName: "$width", alias: 'width' }] : [{ alias: 'width' }]));
|
|
17
|
+
$height = input(0, ...(ngDevMode ? [{ debugName: "$height", alias: 'height' }] : [{ alias: 'height' }]));
|
|
18
|
+
$src = input(undefined, ...(ngDevMode ? [{ debugName: "$src", alias: 'src' }] : [{ alias: 'src' }]));
|
|
19
|
+
$bgRepeat = input('no-repeat', ...(ngDevMode ? [{ debugName: "$bgRepeat", alias: 'bgRepeat' }] : [{ alias: 'bgRepeat' }]));
|
|
20
|
+
$bgColor = input(undefined, ...(ngDevMode ? [{ debugName: "$bgColor", alias: 'bgColor' }] : [{ alias: 'bgColor' }]));
|
|
21
|
+
$bgStyle = computed(() => ({ backgroundRepeat: this.$bgRepeat(), ...(this.$style() ?? {}) }), ...(ngDevMode ? [{ debugName: "$bgStyle" }] : []));
|
|
22
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: BackgroundComponent, isStandalone: true, selector: "ng-email-background", inputs: { $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, $src: { classPropertyName: "$src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, $bgRepeat: { classPropertyName: "$bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, $bgColor: { classPropertyName: "$bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let width = $width();\n@let height = $height();\n\n<table\n [cellPadding]=\"0\"\n [cellSpacing]=\"0\"\n [border]=\"0\"\n width=\"100%\"\n [attr.height]=\"height\"\n role=\"presentation\"\n>\n <tr>\n <td\n [align]=\"'top'\"\n [width]=\"width\"\n [height]=\"height && width ? height : undefined\"\n [attr.bgcolor]=\"$bgColor()\"\n [attr.background]=\"$src()\"\n [style]=\"$bgStyle()\"\n [class]=\"$styleClass()\"\n >\n <ng-content />\n </td>\n </tr>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23
24
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BackgroundComponent, decorators: [{
|
|
25
26
|
type: Component,
|
|
26
27
|
args: [{ selector: 'ng-email-background', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "@let width = $width();\n@let height = $height();\n\n<table\n [cellPadding]=\"0\"\n [cellSpacing]=\"0\"\n [border]=\"0\"\n width=\"100%\"\n [attr.height]=\"height\"\n role=\"presentation\"\n>\n <tr>\n <td\n [align]=\"'top'\"\n [width]=\"width\"\n [height]=\"height && width ? height : undefined\"\n [attr.bgcolor]=\"$bgColor()\"\n [attr.background]=\"$src()\"\n [style]=\"$bgStyle()\"\n [class]=\"$styleClass()\"\n >\n <ng-content />\n </td>\n </tr>\n</table>\n" }]
|
|
27
28
|
}] });
|
|
28
29
|
|
|
29
30
|
class BodyComponent {
|
|
30
31
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
31
|
-
$style = input(null, { alias: 'style' });
|
|
32
|
-
$styleClass = input(undefined, { alias: 'styleClass' });
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
34
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
32
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
33
|
+
$styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: BodyComponent, isStandalone: true, selector: "ng-email-body", inputs: { $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<body\n [style]=\"$style()\"\n [class]=\"$styleClass()\"\n>\n <ng-content />\n</body>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
35
36
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BodyComponent, decorators: [{
|
|
37
38
|
type: Component,
|
|
38
39
|
args: [{ selector: 'ng-email-body', changeDetection: ChangeDetectionStrategy.OnPush, template: "<body\n [style]=\"$style()\"\n [class]=\"$styleClass()\"\n>\n <ng-content />\n</body>\n" }]
|
|
39
40
|
}] });
|
|
40
41
|
|
|
41
42
|
class ButtonComponent {
|
|
42
43
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
43
|
-
$style = input(null, { alias: 'style' });
|
|
44
|
-
$styleClass = input(null, { alias: 'styleClass' });
|
|
45
|
-
$href = input(undefined, { alias: 'href' });
|
|
46
|
-
$textContent = input.required({ alias: 'textContent' });
|
|
47
|
-
$width = input(undefined, { alias: 'width' });
|
|
48
|
-
$height = input(undefined, { alias: 'height' });
|
|
49
|
-
$borderRadius = input(0, { alias: 'borderRadius' });
|
|
50
|
-
$textColor = input(undefined, { alias: 'textColor' });
|
|
51
|
-
$backgroundColor = input(undefined, { alias: 'backgroundColor' });
|
|
52
|
-
$borderColor = input(undefined, { alias: 'borderColor' });
|
|
53
|
-
$borderSize = input(1, { alias: 'borderSize' });
|
|
54
|
-
$fontSize = input(16, { alias: 'fontSize' });
|
|
55
|
-
$align = input('left', { alias: 'align' });
|
|
56
|
-
$withBackground = input(false, { alias: 'withBackground' });
|
|
57
|
-
$arcsize = computed(() => Math.floor((this.$borderRadius() / (this.$height() ?? 1)) * 100));
|
|
58
|
-
$lineHeight = computed(() => this.$borderSize() ? (this.$height() ?? 0) - 2 * this.$borderSize() : (this.$height() ?? 0));
|
|
44
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
45
|
+
$styleClass = input(null, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
46
|
+
$href = input(undefined, ...(ngDevMode ? [{ debugName: "$href", alias: 'href' }] : [{ alias: 'href' }]));
|
|
47
|
+
$textContent = input.required(...(ngDevMode ? [{ debugName: "$textContent", alias: 'textContent' }] : [{ alias: 'textContent' }]));
|
|
48
|
+
$width = input(undefined, ...(ngDevMode ? [{ debugName: "$width", alias: 'width' }] : [{ alias: 'width' }]));
|
|
49
|
+
$height = input(undefined, ...(ngDevMode ? [{ debugName: "$height", alias: 'height' }] : [{ alias: 'height' }]));
|
|
50
|
+
$borderRadius = input(0, ...(ngDevMode ? [{ debugName: "$borderRadius", alias: 'borderRadius' }] : [{ alias: 'borderRadius' }]));
|
|
51
|
+
$textColor = input(undefined, ...(ngDevMode ? [{ debugName: "$textColor", alias: 'textColor' }] : [{ alias: 'textColor' }]));
|
|
52
|
+
$backgroundColor = input(undefined, ...(ngDevMode ? [{ debugName: "$backgroundColor", alias: 'backgroundColor' }] : [{ alias: 'backgroundColor' }]));
|
|
53
|
+
$borderColor = input(undefined, ...(ngDevMode ? [{ debugName: "$borderColor", alias: 'borderColor' }] : [{ alias: 'borderColor' }]));
|
|
54
|
+
$borderSize = input(1, ...(ngDevMode ? [{ debugName: "$borderSize", alias: 'borderSize' }] : [{ alias: 'borderSize' }]));
|
|
55
|
+
$fontSize = input(16, ...(ngDevMode ? [{ debugName: "$fontSize", alias: 'fontSize' }] : [{ alias: 'fontSize' }]));
|
|
56
|
+
$align = input('left', ...(ngDevMode ? [{ debugName: "$align", alias: 'align' }] : [{ alias: 'align' }]));
|
|
57
|
+
$withBackground = input(false, ...(ngDevMode ? [{ debugName: "$withBackground", alias: 'withBackground' }] : [{ alias: 'withBackground' }]));
|
|
58
|
+
$arcsize = computed(() => Math.floor((this.$borderRadius() / (this.$height() ?? 1)) * 100), ...(ngDevMode ? [{ debugName: "$arcsize" }] : []));
|
|
59
|
+
$lineHeight = computed(() => this.$borderSize() ? (this.$height() ?? 0) - 2 * this.$borderSize() : (this.$height() ?? 0), ...(ngDevMode ? [{ debugName: "$lineHeight" }] : []));
|
|
59
60
|
$baseStyle = computed(() => ({
|
|
60
61
|
'-webkit-text-size-adjust': 'none',
|
|
61
62
|
borderRadius: `${this.$borderRadius()}px`,
|
|
62
63
|
display: 'inline-block',
|
|
63
64
|
fontSize: `${this.$fontSize()}px`,
|
|
64
65
|
lineHeight: `${this.$lineHeight()}px`,
|
|
65
|
-
maxWidth: `${this.$width()}px
|
|
66
|
+
maxWidth: this.$width() ? `${this.$width()}px` : undefined,
|
|
66
67
|
textAlign: 'center',
|
|
67
68
|
textDecoration: 'none',
|
|
68
69
|
width: '100%',
|
|
69
|
-
}));
|
|
70
|
+
}), ...(ngDevMode ? [{ debugName: "$baseStyle" }] : []));
|
|
70
71
|
$borderStyles = computed(() => ({
|
|
71
72
|
border: `${this.$borderSize()}px solid ${this.$borderColor()}`,
|
|
72
73
|
msoBorderAlt: 'none',
|
|
73
|
-
}));
|
|
74
|
+
}), ...(ngDevMode ? [{ debugName: "$borderStyles" }] : []));
|
|
74
75
|
$propStyles = computed(() => ({
|
|
75
76
|
// border styles
|
|
76
77
|
...(this.$borderColor() ? this.$borderStyles() : {}),
|
|
@@ -78,7 +79,7 @@ class ButtonComponent {
|
|
|
78
79
|
...(this.$backgroundColor() ? { backgroundColor: this.$backgroundColor() } : {}),
|
|
79
80
|
// text styles
|
|
80
81
|
...(this.$textColor() ? { color: this.$textColor() } : {}),
|
|
81
|
-
}));
|
|
82
|
+
}), ...(ngDevMode ? [{ debugName: "$propStyles" }] : []));
|
|
82
83
|
$withBackgroundStyle = computed(() => ({
|
|
83
84
|
...this.$baseStyle(),
|
|
84
85
|
// background styles
|
|
@@ -87,14 +88,14 @@ class ButtonComponent {
|
|
|
87
88
|
...(this.$textColor() ? { color: this.$textColor() } : {}),
|
|
88
89
|
...(this.$style() ?? {}),
|
|
89
90
|
...(this.$withBackground() ? {} : { msoHide: 'all' }),
|
|
90
|
-
}));
|
|
91
|
+
}), ...(ngDevMode ? [{ debugName: "$withBackgroundStyle" }] : []));
|
|
91
92
|
$withoutBackgroundStyle = computed(() => ({
|
|
92
93
|
...this.$baseStyle(),
|
|
93
94
|
// background styles
|
|
94
95
|
...this.$propStyles(),
|
|
95
96
|
...(this.$style() ?? {}),
|
|
96
97
|
...(this.$withBackground() ? {} : { msoHide: 'all' }),
|
|
97
|
-
}));
|
|
98
|
+
}), ...(ngDevMode ? [{ debugName: "$withoutBackgroundStyle" }] : []));
|
|
98
99
|
$noBgInnerHtml = computed(() => {
|
|
99
100
|
const href = this.$href();
|
|
100
101
|
const borderColor = this.$borderColor();
|
|
@@ -113,46 +114,46 @@ class ButtonComponent {
|
|
|
113
114
|
${textContent}
|
|
114
115
|
</center></v:roundrect>
|
|
115
116
|
<![endif]-->`;
|
|
116
|
-
});
|
|
117
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
118
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
117
|
+
}, ...(ngDevMode ? [{ debugName: "$noBgInnerHtml" }] : []));
|
|
118
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
119
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: ButtonComponent, isStandalone: true, selector: "ng-email-button", inputs: { $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, $href: { classPropertyName: "$href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, $textContent: { classPropertyName: "$textContent", publicName: "textContent", isSignal: true, isRequired: true, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, $borderRadius: { classPropertyName: "$borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, $textColor: { classPropertyName: "$textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, $backgroundColor: { classPropertyName: "$backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, $borderColor: { classPropertyName: "$borderColor", publicName: "borderColor", isSignal: true, isRequired: false, transformFunction: null }, $borderSize: { classPropertyName: "$borderSize", publicName: "borderSize", isSignal: true, isRequired: false, transformFunction: null }, $fontSize: { classPropertyName: "$fontSize", publicName: "fontSize", isSignal: true, isRequired: false, transformFunction: null }, $align: { classPropertyName: "$align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, $withBackground: { classPropertyName: "$withBackground", publicName: "withBackground", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let withBackground = $withBackground();\n@let align = $align();\n@let href = $href();\n@let height = $height();\n@let width = $width();\n@let borderRadius = $borderRadius();\n\n<ng-template #child><ng-content></ng-content></ng-template>\n\n<table\n [width]=\"'100%'\"\n [border]=\"0\"\n [cellPadding]=\"0\"\n [cellSpacing]=\"0\"\n style=\"border-collapse: collapse\"\n role=\"presentation\"\n>\n <tr>\n <td [align]=\"align\">\n @if (withBackground) {\n <table\n [align]=\"align\"\n [width]=\"width\"\n [border]=\"0\"\n [cellPadding]=\"0\"\n [cellSpacing]=\"0\"\n role=\"presentation\"\n [style]=\"{\n border: $borderSize() + 'px solid ' + ($borderColor() ?? 'inherit'),\n borderRadius: borderRadius ? borderRadius + 'px' : undefined,\n }\"\n >\n <tr>\n <td\n [attr.bgcolor]=\"$backgroundColor()\"\n [width]=\"width\"\n [height]=\"height\"\n [style]=\"{\n borderRadius: borderRadius ? borderRadius + 'px' : undefined,\n height: height ? height + 'px' : undefined,\n width: width ? width + 'px' : undefined,\n maxWidth: width ? width + 'px' : undefined,\n textAlign: 'center',\n }\"\n >\n <a\n [href]=\"href\"\n [class]=\"$styleClass()\"\n [style]=\"$withBackgroundStyle()\"\n >\n <ng-container [ngTemplateOutlet]=\"child\"></ng-container>\n </a>\n </td>\n </tr>\n </table>\n } @else {\n <noscript [attr.data-html]=\"$noBgInnerHtml()\"></noscript>\n <a\n [href]=\"href\"\n [class]=\"$styleClass()\"\n [style]=\"$withoutBackgroundStyle()\"\n >\n <ng-container [ngTemplateOutlet]=\"child\"></ng-container>\n </a>\n }\n </td>\n </tr>\n</table>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
119
120
|
}
|
|
120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
121
122
|
type: Component,
|
|
122
123
|
args: [{ selector: 'ng-email-button', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let withBackground = $withBackground();\n@let align = $align();\n@let href = $href();\n@let height = $height();\n@let width = $width();\n@let borderRadius = $borderRadius();\n\n<ng-template #child><ng-content></ng-content></ng-template>\n\n<table\n [width]=\"'100%'\"\n [border]=\"0\"\n [cellPadding]=\"0\"\n [cellSpacing]=\"0\"\n style=\"border-collapse: collapse\"\n role=\"presentation\"\n>\n <tr>\n <td [align]=\"align\">\n @if (withBackground) {\n <table\n [align]=\"align\"\n [width]=\"width\"\n [border]=\"0\"\n [cellPadding]=\"0\"\n [cellSpacing]=\"0\"\n role=\"presentation\"\n [style]=\"{\n border: $borderSize() + 'px solid ' + ($borderColor() ?? 'inherit'),\n borderRadius: borderRadius ? borderRadius + 'px' : undefined,\n }\"\n >\n <tr>\n <td\n [attr.bgcolor]=\"$backgroundColor()\"\n [width]=\"width\"\n [height]=\"height\"\n [style]=\"{\n borderRadius: borderRadius ? borderRadius + 'px' : undefined,\n height: height ? height + 'px' : undefined,\n width: width ? width + 'px' : undefined,\n maxWidth: width ? width + 'px' : undefined,\n textAlign: 'center',\n }\"\n >\n <a\n [href]=\"href\"\n [class]=\"$styleClass()\"\n [style]=\"$withBackgroundStyle()\"\n >\n <ng-container [ngTemplateOutlet]=\"child\"></ng-container>\n </a>\n </td>\n </tr>\n </table>\n } @else {\n <noscript [attr.data-html]=\"$noBgInnerHtml()\"></noscript>\n <a\n [href]=\"href\"\n [class]=\"$styleClass()\"\n [style]=\"$withoutBackgroundStyle()\"\n >\n <ng-container [ngTemplateOutlet]=\"child\"></ng-container>\n </a>\n }\n </td>\n </tr>\n</table>\n" }]
|
|
123
124
|
}] });
|
|
124
125
|
|
|
125
126
|
class ColorSchemeComponent {
|
|
126
|
-
$mode = input('normal', { alias: 'mode' });
|
|
127
|
-
$style = computed(() => `<style>:root { color-scheme: ${this.$mode()}; supported-color-schemes: ${this.$mode()}; }</style
|
|
128
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
129
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
127
|
+
$mode = input('normal', ...(ngDevMode ? [{ debugName: "$mode", alias: 'mode' }] : [{ alias: 'mode' }]));
|
|
128
|
+
$style = computed(() => `<style>:root { color-scheme: ${this.$mode()}; supported-color-schemes: ${this.$mode()}; }</style>`, ...(ngDevMode ? [{ debugName: "$style" }] : []));
|
|
129
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ColorSchemeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
130
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: ColorSchemeComponent, isStandalone: true, selector: "ng-email-color-scheme", inputs: { $mode: { classPropertyName: "$mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let mode = $mode();\n\n<meta\n name=\"color-scheme\"\n [content]=\"mode\"\n/>\n<meta\n name=\"supported-color-schemes\"\n [content]=\"mode\"\n/>\n\n<noscript [attr.data-html]=\"$style()\"></noscript>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
130
131
|
}
|
|
131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ColorSchemeComponent, decorators: [{
|
|
132
133
|
type: Component,
|
|
133
134
|
args: [{ selector: 'ng-email-color-scheme', changeDetection: ChangeDetectionStrategy.OnPush, template: "@let mode = $mode();\n\n<meta\n name=\"color-scheme\"\n [content]=\"mode\"\n/>\n<meta\n name=\"supported-color-schemes\"\n [content]=\"mode\"\n/>\n\n<noscript [attr.data-html]=\"$style()\"></noscript>\n" }]
|
|
134
135
|
}] });
|
|
135
136
|
|
|
136
137
|
class ColumnComponent {
|
|
137
138
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
138
|
-
$style = input(null, { alias: 'style' });
|
|
139
|
-
$styleClass = input(undefined, { alias: 'styleClass' });
|
|
140
|
-
$bgImage = input(undefined, { alias: 'bgImage' });
|
|
141
|
-
$bgColor = input(undefined, { alias: 'bgColor' });
|
|
142
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
143
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
139
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
140
|
+
$styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
141
|
+
$bgImage = input(undefined, ...(ngDevMode ? [{ debugName: "$bgImage", alias: 'bgImage' }] : [{ alias: 'bgImage' }]));
|
|
142
|
+
$bgColor = input(undefined, ...(ngDevMode ? [{ debugName: "$bgColor", alias: 'bgColor' }] : [{ alias: 'bgColor' }]));
|
|
143
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
144
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: ColumnComponent, isStandalone: true, selector: "ng-email-column", inputs: { $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, $bgImage: { classPropertyName: "$bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, $bgColor: { classPropertyName: "$bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<td\n [attr.background]=\"$bgImage()\"\n [attr.bgcolor]=\"$bgColor()\"\n [style]=\"$style()\"\n [class]=\"$styleClass()\"\n role=\"presentation\"\n>\n <ng-content />\n</td>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
144
145
|
}
|
|
145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
146
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ColumnComponent, decorators: [{
|
|
146
147
|
type: Component,
|
|
147
148
|
args: [{ selector: 'ng-email-column', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "<td\n [attr.background]=\"$bgImage()\"\n [attr.bgcolor]=\"$bgColor()\"\n [style]=\"$style()\"\n [class]=\"$styleClass()\"\n role=\"presentation\"\n>\n <ng-content />\n</td>\n" }]
|
|
148
149
|
}] });
|
|
149
150
|
|
|
150
151
|
class ConditionalComponent {
|
|
151
|
-
$expression = input(undefined, { alias: 'expression' });
|
|
152
|
-
$mso = input(undefined, { alias: 'mso' });
|
|
152
|
+
$expression = input(undefined, ...(ngDevMode ? [{ debugName: "$expression", alias: 'expression' }] : [{ alias: 'expression' }]));
|
|
153
|
+
$mso = input(undefined, ...(ngDevMode ? [{ debugName: "$mso", alias: 'mso' }] : [{ alias: 'mso' }]));
|
|
153
154
|
noMsoInnerHtmlPre = '<!--[if !mso]><!-->';
|
|
154
155
|
noMsoInnerHtmlPost = '<!--<![endif]-->';
|
|
155
|
-
$msoInnerHtmlPre = computed(() => `<!--[if ${this.$expression() ?? 'mso'}]>
|
|
156
|
+
$msoInnerHtmlPre = computed(() => `<!--[if ${this.$expression() ?? 'mso'}]>`, ...(ngDevMode ? [{ debugName: "$msoInnerHtmlPre" }] : []));
|
|
156
157
|
msoInnerHtmlPost = '<![endif]-->';
|
|
157
158
|
constructor() {
|
|
158
159
|
effect(() => {
|
|
@@ -162,10 +163,10 @@ class ConditionalComponent {
|
|
|
162
163
|
throw new RangeError('angular-email: Conditional expects the `expression` or `mso` prop to be defined, not both');
|
|
163
164
|
});
|
|
164
165
|
}
|
|
165
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
166
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
166
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
167
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: ConditionalComponent, isStandalone: true, selector: "ng-email-conditional", inputs: { $expression: { classPropertyName: "$expression", publicName: "expression", isSignal: true, isRequired: false, transformFunction: null }, $mso: { classPropertyName: "$mso", publicName: "mso", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let mso = $mso();\n\n@if (!mso) {\n <noscript [attr.data-html]=\"noMsoInnerHtmlPre\"></noscript>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <noscript [attr.data-html]=\"noMsoInnerHtmlPost\"></noscript>\n} @else {\n <noscript [attr.data-html]=\"$msoInnerHtmlPre()\"></noscript>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <noscript [attr.data-html]=\"msoInnerHtmlPost\"></noscript>\n}\n<ng-template #content><ng-content></ng-content></ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
167
168
|
}
|
|
168
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ConditionalComponent, decorators: [{
|
|
169
170
|
type: Component,
|
|
170
171
|
args: [{ selector: 'ng-email-conditional', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@let mso = $mso();\n\n@if (!mso) {\n <noscript [attr.data-html]=\"noMsoInnerHtmlPre\"></noscript>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <noscript [attr.data-html]=\"noMsoInnerHtmlPost\"></noscript>\n} @else {\n <noscript [attr.data-html]=\"$msoInnerHtmlPre()\"></noscript>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <noscript [attr.data-html]=\"msoInnerHtmlPost\"></noscript>\n}\n<ng-template #content><ng-content></ng-content></ng-template>\n" }]
|
|
171
172
|
}], ctorParameters: () => [] });
|
|
@@ -174,35 +175,35 @@ class ContainerComponent {
|
|
|
174
175
|
random = Math.random();
|
|
175
176
|
document = inject(DOCUMENT);
|
|
176
177
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
177
|
-
$style = input(null, { alias: 'style' });
|
|
178
|
-
$styleClass = input(undefined, { alias: 'styleClass' });
|
|
179
|
-
$alignment = input('center', { alias: 'alignment' });
|
|
180
|
-
$disableDefaultStyle = input(false, { alias: 'disableDefaultStyle' });
|
|
181
|
-
$containerWidth = input(600, { alias: 'containerWidth' });
|
|
178
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
179
|
+
$styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
180
|
+
$alignment = input('center', ...(ngDevMode ? [{ debugName: "$alignment", alias: 'alignment' }] : [{ alias: 'alignment' }]));
|
|
181
|
+
$disableDefaultStyle = input(false, ...(ngDevMode ? [{ debugName: "$disableDefaultStyle", alias: 'disableDefaultStyle' }] : [{ alias: 'disableDefaultStyle' }]));
|
|
182
|
+
$containerWidth = input(600, ...(ngDevMode ? [{ debugName: "$containerWidth", alias: 'containerWidth' }] : [{ alias: 'containerWidth' }]));
|
|
182
183
|
$containerStyle = computed(() => ({
|
|
183
184
|
...(this.$disableDefaultStyle() ? {} : { maxWidth: `${this.$containerWidth()}px` }),
|
|
184
185
|
...this.$style(),
|
|
185
|
-
}));
|
|
186
|
+
}), ...(ngDevMode ? [{ debugName: "$containerStyle" }] : []));
|
|
186
187
|
$trStyle = computed(() => ({
|
|
187
188
|
...(this.$disableDefaultStyle() ? {} : { width: '100%' }),
|
|
188
|
-
}));
|
|
189
|
-
$innerHtmlPre = computed(() => `<!--[if mso]><table align="${this.$alignment()}" width="${this.$containerWidth()}" style="border-spacing: 0; width:${this.$containerWidth()}px;" role="presentation"><tr><td><![endif]
|
|
190
|
-
$innerHtmlPost = computed(() => `<!--[if mso]></td></tr></table><![endif]
|
|
191
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
192
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
189
|
+
}), ...(ngDevMode ? [{ debugName: "$trStyle" }] : []));
|
|
190
|
+
$innerHtmlPre = computed(() => `<!--[if mso]><table align="${this.$alignment()}" width="${this.$containerWidth()}" style="border-spacing: 0; width:${this.$containerWidth()}px;" role="presentation"><tr><td><![endif]-->`, ...(ngDevMode ? [{ debugName: "$innerHtmlPre" }] : []));
|
|
191
|
+
$innerHtmlPost = computed(() => `<!--[if mso]></td></tr></table><![endif]-->`, ...(ngDevMode ? [{ debugName: "$innerHtmlPost" }] : []));
|
|
192
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
193
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: ContainerComponent, isStandalone: true, selector: "ng-email-container", inputs: { $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, $alignment: { classPropertyName: "$alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, $disableDefaultStyle: { classPropertyName: "$disableDefaultStyle", publicName: "disableDefaultStyle", isSignal: true, isRequired: false, transformFunction: null }, $containerWidth: { classPropertyName: "$containerWidth", publicName: "containerWidth", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let containerWidth = $containerWidth();\n@let alignment = $alignment();\n\n<div [style]=\"{ tableLayout: 'fixed', width: '100%' }\">\n <div [style]=\"{ margin: '0 auto', maxWidth: containerWidth }\">\n <noscript [attr.data-html]=\"$innerHtmlPre()\"></noscript>\n <table\n [align]=\"alignment\"\n [width]=\"'100%'\"\n role=\"presentation\"\n [cellSpacing]=\"0\"\n [cellPadding]=\"0\"\n [border]=\"0\"\n [style]=\"$containerStyle()\"\n [class]=\"$styleClass()\"\n >\n <tbody>\n <tr [style]=\"$trStyle()\">\n <td [align]=\"alignment\">\n <ng-content></ng-content>\n </td>\n </tr>\n </tbody>\n </table>\n <noscript [attr.data-html]=\"$innerHtmlPost()\"></noscript>\n </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
193
194
|
}
|
|
194
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ContainerComponent, decorators: [{
|
|
195
196
|
type: Component,
|
|
196
197
|
args: [{ selector: 'ng-email-container', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "@let containerWidth = $containerWidth();\n@let alignment = $alignment();\n\n<div [style]=\"{ tableLayout: 'fixed', width: '100%' }\">\n <div [style]=\"{ margin: '0 auto', maxWidth: containerWidth }\">\n <noscript [attr.data-html]=\"$innerHtmlPre()\"></noscript>\n <table\n [align]=\"alignment\"\n [width]=\"'100%'\"\n role=\"presentation\"\n [cellSpacing]=\"0\"\n [cellPadding]=\"0\"\n [border]=\"0\"\n [style]=\"$containerStyle()\"\n [class]=\"$styleClass()\"\n >\n <tbody>\n <tr [style]=\"$trStyle()\">\n <td [align]=\"alignment\">\n <ng-content></ng-content>\n </td>\n </tr>\n </tbody>\n </table>\n <noscript [attr.data-html]=\"$innerHtmlPost()\"></noscript>\n </div>\n</div>\n" }]
|
|
197
198
|
}] });
|
|
198
199
|
|
|
199
200
|
class HeadComponent {
|
|
200
|
-
$enableFormatDetection = input(false, { alias: 'enableFormatDetection' });
|
|
201
|
+
$enableFormatDetection = input(false, ...(ngDevMode ? [{ debugName: "$enableFormatDetection", alias: 'enableFormatDetection' }] : [{ alias: 'enableFormatDetection' }]));
|
|
201
202
|
xml = `\n<xml><o:OfficeDocumentSettings><o:AllowPNG /><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml>\n`;
|
|
202
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
203
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
203
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
204
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: HeadComponent, isStandalone: true, selector: "ng-email-head", inputs: { $enableFormatDetection: { classPropertyName: "$enableFormatDetection", publicName: "enableFormatDetection", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let enableFormatDetection = $enableFormatDetection();\n\n<head>\n <meta\n http-equiv=\"content-type\"\n content=\"text/html; charset=UTF-8\"\n />\n <meta\n name=\"viewport\"\n content=\"width=device-width, initial-scale=1, user-scalable=yes\"\n />\n <meta name=\"x-apple-disable-message-reformatting\" />\n @if (!enableFormatDetection) {\n <meta\n name=\"format-detection\"\n content=\"telephone=no, date=no, address=no, email=no, url=no\"\n />\n }\n <ng-content></ng-content>\n <ng-email-conditional [mso]=\"true\">\n <noscript [attr.data-html]=\"xml\"></noscript>\n </ng-email-conditional>\n</head>\n", dependencies: [{ kind: "component", type: ConditionalComponent, selector: "ng-email-conditional", inputs: ["expression", "mso"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
204
205
|
}
|
|
205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HeadComponent, decorators: [{
|
|
206
207
|
type: Component,
|
|
207
208
|
args: [{ selector: 'ng-email-head', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ConditionalComponent], schemas: [NO_ERRORS_SCHEMA], template: "@let enableFormatDetection = $enableFormatDetection();\n\n<head>\n <meta\n http-equiv=\"content-type\"\n content=\"text/html; charset=UTF-8\"\n />\n <meta\n name=\"viewport\"\n content=\"width=device-width, initial-scale=1, user-scalable=yes\"\n />\n <meta name=\"x-apple-disable-message-reformatting\" />\n @if (!enableFormatDetection) {\n <meta\n name=\"format-detection\"\n content=\"telephone=no, date=no, address=no, email=no, url=no\"\n />\n }\n <ng-content></ng-content>\n <ng-email-conditional [mso]=\"true\">\n <noscript [attr.data-html]=\"xml\"></noscript>\n </ng-email-conditional>\n</head>\n" }]
|
|
208
209
|
}] });
|
|
@@ -410,16 +411,16 @@ function unescapeForRawComponent(input) {
|
|
|
410
411
|
|
|
411
412
|
class HeadingComponent {
|
|
412
413
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
413
|
-
$style = input(null, { alias: 'style' });
|
|
414
|
-
$styleClass = input(undefined, { alias: 'styleClass' });
|
|
415
|
-
$as = input('h1', { alias: 'as' });
|
|
416
|
-
$m = input(undefined, { alias: 'm' });
|
|
417
|
-
$mx = input(undefined, { alias: 'mx' });
|
|
418
|
-
$my = input(undefined, { alias: 'my' });
|
|
419
|
-
$mt = input(undefined, { alias: 'mt' });
|
|
420
|
-
$mr = input(undefined, { alias: 'mr' });
|
|
421
|
-
$mb = input(undefined, { alias: 'mb' });
|
|
422
|
-
$ml = input(undefined, { alias: 'ml' });
|
|
414
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
415
|
+
$styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
416
|
+
$as = input('h1', ...(ngDevMode ? [{ debugName: "$as", alias: 'as' }] : [{ alias: 'as' }]));
|
|
417
|
+
$m = input(undefined, ...(ngDevMode ? [{ debugName: "$m", alias: 'm' }] : [{ alias: 'm' }]));
|
|
418
|
+
$mx = input(undefined, ...(ngDevMode ? [{ debugName: "$mx", alias: 'mx' }] : [{ alias: 'mx' }]));
|
|
419
|
+
$my = input(undefined, ...(ngDevMode ? [{ debugName: "$my", alias: 'my' }] : [{ alias: 'my' }]));
|
|
420
|
+
$mt = input(undefined, ...(ngDevMode ? [{ debugName: "$mt", alias: 'mt' }] : [{ alias: 'mt' }]));
|
|
421
|
+
$mr = input(undefined, ...(ngDevMode ? [{ debugName: "$mr", alias: 'mr' }] : [{ alias: 'mr' }]));
|
|
422
|
+
$mb = input(undefined, ...(ngDevMode ? [{ debugName: "$mb", alias: 'mb' }] : [{ alias: 'mb' }]));
|
|
423
|
+
$ml = input(undefined, ...(ngDevMode ? [{ debugName: "$ml", alias: 'ml' }] : [{ alias: 'ml' }]));
|
|
423
424
|
$headingStyle = computed(() => {
|
|
424
425
|
return styleToString({
|
|
425
426
|
...withMargin({
|
|
@@ -433,20 +434,20 @@ class HeadingComponent {
|
|
|
433
434
|
}),
|
|
434
435
|
...(this.$style() ?? {}),
|
|
435
436
|
});
|
|
436
|
-
});
|
|
437
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
438
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
437
|
+
}, ...(ngDevMode ? [{ debugName: "$headingStyle" }] : []));
|
|
438
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
439
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: HeadingComponent, isStandalone: true, selector: "ng-email-heading", inputs: { $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, $as: { classPropertyName: "$as", publicName: "as", isSignal: true, isRequired: false, transformFunction: null }, $m: { classPropertyName: "$m", publicName: "m", isSignal: true, isRequired: false, transformFunction: null }, $mx: { classPropertyName: "$mx", publicName: "mx", isSignal: true, isRequired: false, transformFunction: null }, $my: { classPropertyName: "$my", publicName: "my", isSignal: true, isRequired: false, transformFunction: null }, $mt: { classPropertyName: "$mt", publicName: "mt", isSignal: true, isRequired: false, transformFunction: null }, $mr: { classPropertyName: "$mr", publicName: "mr", isSignal: true, isRequired: false, transformFunction: null }, $mb: { classPropertyName: "$mb", publicName: "mb", isSignal: true, isRequired: false, transformFunction: null }, $ml: { classPropertyName: "$ml", publicName: "ml", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let heading = $as();\n@let style = $headingStyle();\n@let styleClass = $styleClass();\n@if (heading === 'h1') {\n <h1\n [style]=\"style\"\n [class]=\"styleClass\"\n >\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h1>\n} @else if (heading === 'h2') {\n <h2\n [style]=\"style\"\n [class]=\"styleClass\"\n >\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h2>\n} @else if (heading === 'h3') {\n <h3\n [style]=\"style\"\n [class]=\"styleClass\"\n >\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h3>\n} @else if (heading === 'h4') {\n <h4\n [style]=\"style\"\n [class]=\"styleClass\"\n >\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h4>\n} @else if (heading === 'h5') {\n <h5\n [style]=\"style\"\n [class]=\"styleClass\"\n >\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h5>\n} @else if (heading === 'h6') {\n <h6\n [style]=\"style\"\n [class]=\"styleClass\"\n >\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h6>\n} @else {\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n}\n<ng-template #content><ng-content></ng-content></ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
439
440
|
}
|
|
440
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
441
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HeadingComponent, decorators: [{
|
|
441
442
|
type: Component,
|
|
442
443
|
args: [{ selector: 'ng-email-heading', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let heading = $as();\n@let style = $headingStyle();\n@let styleClass = $styleClass();\n@if (heading === 'h1') {\n <h1\n [style]=\"style\"\n [class]=\"styleClass\"\n >\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h1>\n} @else if (heading === 'h2') {\n <h2\n [style]=\"style\"\n [class]=\"styleClass\"\n >\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h2>\n} @else if (heading === 'h3') {\n <h3\n [style]=\"style\"\n [class]=\"styleClass\"\n >\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h3>\n} @else if (heading === 'h4') {\n <h4\n [style]=\"style\"\n [class]=\"styleClass\"\n >\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h4>\n} @else if (heading === 'h5') {\n <h5\n [style]=\"style\"\n [class]=\"styleClass\"\n >\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h5>\n} @else if (heading === 'h6') {\n <h6\n [style]=\"style\"\n [class]=\"styleClass\"\n >\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n </h6>\n} @else {\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n}\n<ng-template #content><ng-content></ng-content></ng-template>\n" }]
|
|
443
444
|
}] });
|
|
444
445
|
|
|
445
446
|
class HrComponent {
|
|
446
447
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
447
|
-
$style = input(null, { alias: 'style' });
|
|
448
|
-
$styleClass = input(undefined, { alias: 'styleClass' });
|
|
449
|
-
$disableDefaultStyle = input(false, { alias: 'disableDefaultStyle' });
|
|
448
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
449
|
+
$styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
450
|
+
$disableDefaultStyle = input(false, ...(ngDevMode ? [{ debugName: "$disableDefaultStyle", alias: 'disableDefaultStyle' }] : [{ alias: 'disableDefaultStyle' }]));
|
|
450
451
|
$hrStyle = computed(() => {
|
|
451
452
|
return {
|
|
452
453
|
...(this.$disableDefaultStyle()
|
|
@@ -458,39 +459,39 @@ class HrComponent {
|
|
|
458
459
|
}),
|
|
459
460
|
...(this.$style() ?? {}),
|
|
460
461
|
};
|
|
461
|
-
});
|
|
462
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
463
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
462
|
+
}, ...(ngDevMode ? [{ debugName: "$hrStyle" }] : []));
|
|
463
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HrComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
464
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: HrComponent, isStandalone: true, selector: "ng-email-hr", inputs: { $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, $disableDefaultStyle: { classPropertyName: "$disableDefaultStyle", publicName: "disableDefaultStyle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<hr\n [style]=\"$hrStyle()\"\n [class]=\"$styleClass()\"\n/>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
464
465
|
}
|
|
465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
466
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HrComponent, decorators: [{
|
|
466
467
|
type: Component,
|
|
467
468
|
args: [{ selector: 'ng-email-hr', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<hr\n [style]=\"$hrStyle()\"\n [class]=\"$styleClass()\"\n/>\n" }]
|
|
468
469
|
}] });
|
|
469
470
|
|
|
470
471
|
class HtmlComponent {
|
|
471
|
-
$lang = input('en', { alias: 'lang' });
|
|
472
|
-
$dir = input('ltr', { alias: 'dir' });
|
|
473
|
-
$enableVML = input(true, { alias: 'enableVML' });
|
|
472
|
+
$lang = input('en', ...(ngDevMode ? [{ debugName: "$lang", alias: 'lang' }] : [{ alias: 'lang' }]));
|
|
473
|
+
$dir = input('ltr', ...(ngDevMode ? [{ debugName: "$dir", alias: 'dir' }] : [{ alias: 'dir' }]));
|
|
474
|
+
$enableVML = input(true, ...(ngDevMode ? [{ debugName: "$enableVML", alias: 'enableVML' }] : [{ alias: 'enableVML' }]));
|
|
474
475
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
475
|
-
$style = input(null, { alias: 'style' });
|
|
476
|
-
$styleClass = input(undefined, { alias: 'styleClass' });
|
|
477
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
478
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
476
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
477
|
+
$styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
478
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HtmlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
479
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: HtmlComponent, isStandalone: true, selector: "ng-email-html", inputs: { $lang: { classPropertyName: "$lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, $dir: { classPropertyName: "$dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, $enableVML: { classPropertyName: "$enableVML", publicName: "enableVML", isSignal: true, isRequired: false, transformFunction: null }, $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let enableVML = $enableVML();\n@let lang = $lang();\n@let dir = $dir();\n\n<html\n id=\"__angular-email\"\n [lang]=\"lang\"\n [dir]=\"dir\"\n [attr.xmlns:o]=\"enableVML ? 'urn:schemas-microsoft-com:office:office' : undefined\"\n [attr.xmlns:v]=\"enableVML ? 'urn:schemas-microsoft-com:vml' : undefined\"\n [style]=\"$style()\"\n [class]=\"$styleClass()\"\n>\n <ng-content />\n</html>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
479
480
|
}
|
|
480
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
481
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HtmlComponent, decorators: [{
|
|
481
482
|
type: Component,
|
|
482
483
|
args: [{ selector: 'ng-email-html', changeDetection: ChangeDetectionStrategy.OnPush, template: "@let enableVML = $enableVML();\n@let lang = $lang();\n@let dir = $dir();\n\n<html\n id=\"__angular-email\"\n [lang]=\"lang\"\n [dir]=\"dir\"\n [attr.xmlns:o]=\"enableVML ? 'urn:schemas-microsoft-com:office:office' : undefined\"\n [attr.xmlns:v]=\"enableVML ? 'urn:schemas-microsoft-com:vml' : undefined\"\n [style]=\"$style()\"\n [class]=\"$styleClass()\"\n>\n <ng-content />\n</html>\n" }]
|
|
483
484
|
}] });
|
|
484
485
|
|
|
485
486
|
class ImgComponent {
|
|
486
487
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
487
|
-
$style = input(null, { alias: 'style' });
|
|
488
|
-
$styleClass = input(undefined, { alias: 'styleClass' });
|
|
489
|
-
$disableDefaultStyle = input(false, { alias: 'disableDefaultStyle' });
|
|
490
|
-
$alt = input('', { alias: 'alt' });
|
|
491
|
-
$src = input('', { alias: 'src' });
|
|
492
|
-
$width = input('0', { alias: 'width' });
|
|
493
|
-
$height = input('0', { alias: 'height' });
|
|
488
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
489
|
+
$styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
490
|
+
$disableDefaultStyle = input(false, ...(ngDevMode ? [{ debugName: "$disableDefaultStyle", alias: 'disableDefaultStyle' }] : [{ alias: 'disableDefaultStyle' }]));
|
|
491
|
+
$alt = input('', ...(ngDevMode ? [{ debugName: "$alt", alias: 'alt' }] : [{ alias: 'alt' }]));
|
|
492
|
+
$src = input('', ...(ngDevMode ? [{ debugName: "$src", alias: 'src' }] : [{ alias: 'src' }]));
|
|
493
|
+
$width = input('0', ...(ngDevMode ? [{ debugName: "$width", alias: 'width' }] : [{ alias: 'width' }]));
|
|
494
|
+
$height = input('0', ...(ngDevMode ? [{ debugName: "$height", alias: 'height' }] : [{ alias: 'height' }]));
|
|
494
495
|
$imageStyle = computed(() => {
|
|
495
496
|
return {
|
|
496
497
|
...(this.$disableDefaultStyle()
|
|
@@ -503,22 +504,22 @@ class ImgComponent {
|
|
|
503
504
|
}),
|
|
504
505
|
...(this.$style() ?? {}),
|
|
505
506
|
};
|
|
506
|
-
});
|
|
507
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
508
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
507
|
+
}, ...(ngDevMode ? [{ debugName: "$imageStyle" }] : []));
|
|
508
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
509
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: ImgComponent, isStandalone: true, selector: "ng-email-img", inputs: { $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, $disableDefaultStyle: { classPropertyName: "$disableDefaultStyle", publicName: "disableDefaultStyle", isSignal: true, isRequired: false, transformFunction: null }, $alt: { classPropertyName: "$alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, $src: { classPropertyName: "$src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<img\n [style]=\"$imageStyle()\"\n [class]=\"$styleClass()\"\n [alt]=\"$alt()\"\n [src]=\"$src()\"\n [width]=\"$width()\"\n [height]=\"$height()\"\n/>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
509
510
|
}
|
|
510
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ImgComponent, decorators: [{
|
|
511
512
|
type: Component,
|
|
512
513
|
args: [{ selector: 'ng-email-img', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<img\n [style]=\"$imageStyle()\"\n [class]=\"$styleClass()\"\n [alt]=\"$alt()\"\n [src]=\"$src()\"\n [width]=\"$width()\"\n [height]=\"$height()\"\n/>\n" }]
|
|
513
514
|
}] });
|
|
514
515
|
|
|
515
516
|
class LinkComponent {
|
|
516
517
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
517
|
-
$style = input(null, { alias: 'style' });
|
|
518
|
-
$styleClass = input(undefined, { alias: 'styleClass' });
|
|
519
|
-
$disableDefaultStyle = input(false, { alias: 'disableDefaultStyle' });
|
|
520
|
-
$href = input('', { alias: 'href' });
|
|
521
|
-
$target = input('_blank', { alias: 'target' });
|
|
518
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
519
|
+
$styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
520
|
+
$disableDefaultStyle = input(false, ...(ngDevMode ? [{ debugName: "$disableDefaultStyle", alias: 'disableDefaultStyle' }] : [{ alias: 'disableDefaultStyle' }]));
|
|
521
|
+
$href = input('', ...(ngDevMode ? [{ debugName: "$href", alias: 'href' }] : [{ alias: 'href' }]));
|
|
522
|
+
$target = input('_blank', ...(ngDevMode ? [{ debugName: "$target", alias: 'target' }] : [{ alias: 'target' }]));
|
|
522
523
|
$linkStyle = computed(() => {
|
|
523
524
|
return {
|
|
524
525
|
...(this.$disableDefaultStyle()
|
|
@@ -529,29 +530,29 @@ class LinkComponent {
|
|
|
529
530
|
}),
|
|
530
531
|
...(this.$style() ?? {}),
|
|
531
532
|
};
|
|
532
|
-
});
|
|
533
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
534
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
533
|
+
}, ...(ngDevMode ? [{ debugName: "$linkStyle" }] : []));
|
|
534
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
535
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: LinkComponent, isStandalone: true, selector: "ng-email-link", inputs: { $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, $disableDefaultStyle: { classPropertyName: "$disableDefaultStyle", publicName: "disableDefaultStyle", isSignal: true, isRequired: false, transformFunction: null }, $href: { classPropertyName: "$href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, $target: { classPropertyName: "$target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<a\n [style]=\"$linkStyle()\"\n [class]=\"$styleClass()\"\n [href]=\"$href()\"\n [target]=\"$target()\"\n ><ng-content></ng-content\n></a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
535
536
|
}
|
|
536
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
537
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: LinkComponent, decorators: [{
|
|
537
538
|
type: Component,
|
|
538
539
|
args: [{ selector: 'ng-email-link', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n [style]=\"$linkStyle()\"\n [class]=\"$styleClass()\"\n [href]=\"$href()\"\n [target]=\"$target()\"\n ><ng-content></ng-content\n></a>\n" }]
|
|
539
540
|
}] });
|
|
540
541
|
|
|
541
542
|
class RawComponent {
|
|
542
|
-
$disablePlainTextOutput = input(false, { alias: 'disablePlainTextOutput' });
|
|
543
|
-
$content = input('', { alias: 'content' });
|
|
544
|
-
$escapingContent = computed(() => `<!--${escapeForRawComponent(this.$content())}
|
|
545
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
546
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
543
|
+
$disablePlainTextOutput = input(false, ...(ngDevMode ? [{ debugName: "$disablePlainTextOutput", alias: 'disablePlainTextOutput' }] : [{ alias: 'disablePlainTextOutput' }]));
|
|
544
|
+
$content = input('', ...(ngDevMode ? [{ debugName: "$content", alias: 'content' }] : [{ alias: 'content' }]));
|
|
545
|
+
$escapingContent = computed(() => `<!--${escapeForRawComponent(this.$content())}-->`, ...(ngDevMode ? [{ debugName: "$escapingContent" }] : []));
|
|
546
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: RawComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
547
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: RawComponent, isStandalone: true, selector: "ng-email-raw", inputs: { $disablePlainTextOutput: { classPropertyName: "$disablePlainTextOutput", publicName: "disablePlainTextOutput", isSignal: true, isRequired: false, transformFunction: null }, $content: { classPropertyName: "$content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<angular-email-raw [attr.data-skip]=\"$disablePlainTextOutput()\">\n <noscript [attr.data-html]=\"$escapingContent()\"></noscript>\n</angular-email-raw>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
547
548
|
}
|
|
548
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
549
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: RawComponent, decorators: [{
|
|
549
550
|
type: Component,
|
|
550
551
|
args: [{ selector: 'ng-email-raw', changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<angular-email-raw [attr.data-skip]=\"$disablePlainTextOutput()\">\n <noscript [attr.data-html]=\"$escapingContent()\"></noscript>\n</angular-email-raw>\n" }]
|
|
551
552
|
}] });
|
|
552
553
|
|
|
553
554
|
class PreviewComponent {
|
|
554
|
-
$preview = input('', { alias: 'preview' });
|
|
555
|
+
$preview = input('', ...(ngDevMode ? [{ debugName: "$preview", alias: 'preview' }] : [{ alias: 'preview' }]));
|
|
555
556
|
maxLength = 150;
|
|
556
557
|
$text = computed(() => {
|
|
557
558
|
const preview = this.$preview();
|
|
@@ -559,51 +560,51 @@ class PreviewComponent {
|
|
|
559
560
|
return null;
|
|
560
561
|
const whiteSpaceCodes = ' ‌​‍‎‏';
|
|
561
562
|
return whiteSpaceCodes.repeat(this.maxLength - preview.length);
|
|
562
|
-
});
|
|
563
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
564
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
563
|
+
}, ...(ngDevMode ? [{ debugName: "$text" }] : []));
|
|
564
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
565
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: PreviewComponent, isStandalone: true, selector: "ng-email-preview", inputs: { $preview: { classPropertyName: "$preview", publicName: "preview", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let text = $text();\n\n<div\n id=\"__angular-email-preview\"\n style=\"display: none; overflow: hidden; line-height: 1px; opacity: 0; max-height: 0; max-width: 0\"\n>\n {{ $preview() }}\n @if (text) {\n <ng-email-raw\n [content]=\"text\"\n [disablePlainTextOutput]=\"false\"\n ></ng-email-raw>\n }\n</div>\n", dependencies: [{ kind: "component", type: RawComponent, selector: "ng-email-raw", inputs: ["disablePlainTextOutput", "content"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
565
566
|
}
|
|
566
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PreviewComponent, decorators: [{
|
|
567
568
|
type: Component,
|
|
568
569
|
args: [{ selector: 'ng-email-preview', changeDetection: ChangeDetectionStrategy.OnPush, imports: [RawComponent], template: "@let text = $text();\n\n<div\n id=\"__angular-email-preview\"\n style=\"display: none; overflow: hidden; line-height: 1px; opacity: 0; max-height: 0; max-width: 0\"\n>\n {{ $preview() }}\n @if (text) {\n <ng-email-raw\n [content]=\"text\"\n [disablePlainTextOutput]=\"false\"\n ></ng-email-raw>\n }\n</div>\n" }]
|
|
569
570
|
}] });
|
|
570
571
|
|
|
571
572
|
class RowComponent {
|
|
572
573
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
573
|
-
$style = input(null, { alias: 'style' });
|
|
574
|
-
$styleClass = input(undefined, { alias: 'styleClass' });
|
|
575
|
-
$disableDefaultStyle = input(false, { alias: 'disableDefaultStyle' });
|
|
576
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
577
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
574
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
575
|
+
$styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
576
|
+
$disableDefaultStyle = input(false, ...(ngDevMode ? [{ debugName: "$disableDefaultStyle", alias: 'disableDefaultStyle' }] : [{ alias: 'disableDefaultStyle' }]));
|
|
577
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
578
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: RowComponent, isStandalone: true, selector: "ng-email-row", inputs: { $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, $disableDefaultStyle: { classPropertyName: "$disableDefaultStyle", publicName: "disableDefaultStyle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<table\n align=\"center\"\n width=\"100%\"\n [class]=\"$styleClass()\"\n [style]=\"$style()\"\n role=\"presentation\"\n cellSpacing=\"0\"\n cellPadding=\"0\"\n border=\"0\"\n>\n <tbody [style]=\"$disableDefaultStyle() ? {} : { width: '100%' }\">\n <tr [style]=\"$disableDefaultStyle() ? {} : { width: '100%' }\">\n <ng-content />\n </tr>\n </tbody>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
578
579
|
}
|
|
579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
580
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: RowComponent, decorators: [{
|
|
580
581
|
type: Component,
|
|
581
582
|
args: [{ selector: 'ng-email-row', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "<table\n align=\"center\"\n width=\"100%\"\n [class]=\"$styleClass()\"\n [style]=\"$style()\"\n role=\"presentation\"\n cellSpacing=\"0\"\n cellPadding=\"0\"\n border=\"0\"\n>\n <tbody [style]=\"$disableDefaultStyle() ? {} : { width: '100%' }\">\n <tr [style]=\"$disableDefaultStyle() ? {} : { width: '100%' }\">\n <ng-content />\n </tr>\n </tbody>\n</table>\n" }]
|
|
582
583
|
}] });
|
|
583
584
|
|
|
584
585
|
class SectionComponent {
|
|
585
586
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
586
|
-
$style = input(null, { alias: 'style' });
|
|
587
|
-
$styleClass = input(undefined, { alias: 'styleClass' });
|
|
587
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
588
|
+
$styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
588
589
|
$sectionStyle = computed(() => {
|
|
589
590
|
return styleToString({
|
|
590
591
|
width: '100%',
|
|
591
592
|
...(this.$style() ?? {}),
|
|
592
593
|
});
|
|
593
|
-
});
|
|
594
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
595
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
594
|
+
}, ...(ngDevMode ? [{ debugName: "$sectionStyle" }] : []));
|
|
595
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
596
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: SectionComponent, isStandalone: true, selector: "ng-email-section", inputs: { $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<table\n [align]=\"'center'\"\n [border]=\"0\"\n [cellPadding]=\"0\"\n [cellSpacing]=\"0\"\n width=\"100%\"\n role=\"presentation\"\n [style]=\"$sectionStyle()\"\n [class]=\"$styleClass()\"\n>\n <tbody>\n <tr>\n <td>\n <ng-content />\n </td>\n </tr>\n </tbody>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
596
597
|
}
|
|
597
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
598
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SectionComponent, decorators: [{
|
|
598
599
|
type: Component,
|
|
599
600
|
args: [{ selector: 'ng-email-section', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "<table\n [align]=\"'center'\"\n [border]=\"0\"\n [cellPadding]=\"0\"\n [cellSpacing]=\"0\"\n width=\"100%\"\n role=\"presentation\"\n [style]=\"$sectionStyle()\"\n [class]=\"$styleClass()\"\n>\n <tbody>\n <tr>\n <td>\n <ng-content />\n </td>\n </tr>\n </tbody>\n</table>\n" }]
|
|
600
601
|
}] });
|
|
601
602
|
|
|
602
603
|
class TextComponent {
|
|
603
604
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
604
|
-
$style = input(null, { alias: 'style' });
|
|
605
|
-
$styleClass = input(undefined, { alias: 'styleClass' });
|
|
606
|
-
$disableDefaultStyle = input(false, { alias: 'disableDefaultStyle' });
|
|
605
|
+
$style = input(null, ...(ngDevMode ? [{ debugName: "$style", alias: 'style' }] : [{ alias: 'style' }]));
|
|
606
|
+
$styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "$styleClass", alias: 'styleClass' }] : [{ alias: 'styleClass' }]));
|
|
607
|
+
$disableDefaultStyle = input(false, ...(ngDevMode ? [{ debugName: "$disableDefaultStyle", alias: 'disableDefaultStyle' }] : [{ alias: 'disableDefaultStyle' }]));
|
|
607
608
|
$textStyle = computed(() => {
|
|
608
609
|
return {
|
|
609
610
|
...(this.$disableDefaultStyle()
|
|
@@ -615,16 +616,15 @@ class TextComponent {
|
|
|
615
616
|
}),
|
|
616
617
|
...(this.$style() ?? {}),
|
|
617
618
|
};
|
|
618
|
-
});
|
|
619
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
620
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
619
|
+
}, ...(ngDevMode ? [{ debugName: "$textStyle" }] : []));
|
|
620
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
621
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: TextComponent, isStandalone: true, selector: "ng-email-text", inputs: { $style: { classPropertyName: "$style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, $styleClass: { classPropertyName: "$styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, $disableDefaultStyle: { classPropertyName: "$disableDefaultStyle", publicName: "disableDefaultStyle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p\n [style]=\"$textStyle()\"\n [class]=\"$styleClass()\"\n>\n <ng-content></ng-content>\n</p>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
621
622
|
}
|
|
622
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
623
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TextComponent, decorators: [{
|
|
623
624
|
type: Component,
|
|
624
625
|
args: [{ selector: 'ng-email-text', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p\n [style]=\"$textStyle()\"\n [class]=\"$styleClass()\"\n>\n <ng-content></ng-content>\n</p>\n" }]
|
|
625
626
|
}] });
|
|
626
627
|
|
|
627
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
628
628
|
/**
|
|
629
629
|
* Renders an Angular component to HTML and applies transformations.
|
|
630
630
|
*
|
|
@@ -693,7 +693,7 @@ const renderAsPlainText = (markup) => {
|
|
|
693
693
|
const renderNgComponent = async (component, selector, props, signalInputsPrefix) => {
|
|
694
694
|
const bootstrap = async () => {
|
|
695
695
|
const appRef = await bootstrapApplication(component, {
|
|
696
|
-
providers: [
|
|
696
|
+
providers: [provideZonelessChangeDetection(), provideServerRendering()],
|
|
697
697
|
});
|
|
698
698
|
appRef.components.forEach((componentRef) => {
|
|
699
699
|
Object.entries(props ?? {}).forEach(([key, value]) => {
|
|
@@ -787,7 +787,7 @@ const replacePlaceholders = ($) => {
|
|
|
787
787
|
const parseStyles = async (html, style, tailwindConfig) => {
|
|
788
788
|
const { tailwindcssPresetEmail } = await import('@keycloakify/angular-email/tailwindcss-preset-email');
|
|
789
789
|
const { default: postcss } = await import('postcss');
|
|
790
|
-
const { default: tailwindcss } = await import('tailwindcss');
|
|
790
|
+
const { default: tailwindcss } = await import('tailwindcss-v3');
|
|
791
791
|
const result = await postcss(tailwindcss({
|
|
792
792
|
presets: tailwindConfig ? [tailwindConfig] : [tailwindcssPresetEmail],
|
|
793
793
|
content: [
|