@keycloakify/angular-email 1.1.2 → 1.1.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.
|
@@ -11,52 +11,52 @@ import prettyPrint from 'pretty';
|
|
|
11
11
|
|
|
12
12
|
class BackgroundComponent {
|
|
13
13
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
14
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
15
|
-
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
16
|
-
$width = input(0, { ...(ngDevMode ? { debugName: "$width" } : {}), alias: 'width' });
|
|
17
|
-
$height = input(0, { ...(ngDevMode ? { debugName: "$height" } : {}), alias: 'height' });
|
|
18
|
-
$src = input(undefined, { ...(ngDevMode ? { debugName: "$src" } : {}), alias: 'src' });
|
|
19
|
-
$bgRepeat = input('no-repeat', { ...(ngDevMode ? { debugName: "$bgRepeat" } : {}), alias: 'bgRepeat' });
|
|
20
|
-
$bgColor = input(undefined, { ...(ngDevMode ? { debugName: "$bgColor" } : {}), alias: 'bgColor' });
|
|
21
|
-
$bgStyle = computed(() => ({ backgroundRepeat: this.$bgRepeat(), ...(this.$style() ?? {}) }), ...(ngDevMode ? [{ debugName: "$bgStyle" }] : []));
|
|
22
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
14
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
15
|
+
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
16
|
+
$width = input(0, { ...(ngDevMode ? { debugName: "$width" } : /* istanbul ignore next */ {}), alias: 'width' });
|
|
17
|
+
$height = input(0, { ...(ngDevMode ? { debugName: "$height" } : /* istanbul ignore next */ {}), alias: 'height' });
|
|
18
|
+
$src = input(undefined, { ...(ngDevMode ? { debugName: "$src" } : /* istanbul ignore next */ {}), alias: 'src' });
|
|
19
|
+
$bgRepeat = input('no-repeat', { ...(ngDevMode ? { debugName: "$bgRepeat" } : /* istanbul ignore next */ {}), alias: 'bgRepeat' });
|
|
20
|
+
$bgColor = input(undefined, { ...(ngDevMode ? { debugName: "$bgColor" } : /* istanbul ignore next */ {}), alias: 'bgColor' });
|
|
21
|
+
$bgStyle = computed(() => ({ backgroundRepeat: this.$bgRepeat(), ...(this.$style() ?? {}) }), ...(ngDevMode ? [{ debugName: "$bgStyle" }] : /* istanbul ignore next */ []));
|
|
22
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BackgroundComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
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" }]
|
|
28
28
|
}], propDecorators: { $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], $width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], $height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], $src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], $bgRepeat: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgRepeat", required: false }] }], $bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }] } });
|
|
29
29
|
|
|
30
30
|
class BodyComponent {
|
|
31
31
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
32
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
33
|
-
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
34
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
35
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
32
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
33
|
+
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BodyComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
39
39
|
args: [{ selector: 'ng-email-body', changeDetection: ChangeDetectionStrategy.OnPush, template: "<body\n [style]=\"$style()\"\n [class]=\"$styleClass()\"\n>\n <ng-content />\n</body>\n" }]
|
|
40
40
|
}], propDecorators: { $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }] } });
|
|
41
41
|
|
|
42
42
|
class ButtonComponent {
|
|
43
43
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
44
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
45
|
-
$styleClass = input(null, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
46
|
-
$href = input(undefined, { ...(ngDevMode ? { debugName: "$href" } : {}), alias: 'href' });
|
|
47
|
-
$textContent = input.required({ ...(ngDevMode ? { debugName: "$textContent" } : {}), alias: 'textContent' });
|
|
48
|
-
$width = input(undefined, { ...(ngDevMode ? { debugName: "$width" } : {}), alias: 'width' });
|
|
49
|
-
$height = input(undefined, { ...(ngDevMode ? { debugName: "$height" } : {}), alias: 'height' });
|
|
50
|
-
$borderRadius = input(0, { ...(ngDevMode ? { debugName: "$borderRadius" } : {}), alias: 'borderRadius' });
|
|
51
|
-
$textColor = input(undefined, { ...(ngDevMode ? { debugName: "$textColor" } : {}), alias: 'textColor' });
|
|
52
|
-
$backgroundColor = input(undefined, { ...(ngDevMode ? { debugName: "$backgroundColor" } : {}), alias: 'backgroundColor' });
|
|
53
|
-
$borderColor = input(undefined, { ...(ngDevMode ? { debugName: "$borderColor" } : {}), alias: 'borderColor' });
|
|
54
|
-
$borderSize = input(1, { ...(ngDevMode ? { debugName: "$borderSize" } : {}), alias: 'borderSize' });
|
|
55
|
-
$fontSize = input(16, { ...(ngDevMode ? { debugName: "$fontSize" } : {}), alias: 'fontSize' });
|
|
56
|
-
$align = input('left', { ...(ngDevMode ? { debugName: "$align" } : {}), alias: 'align' });
|
|
57
|
-
$withBackground = input(false, { ...(ngDevMode ? { debugName: "$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" }] : []));
|
|
44
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
45
|
+
$styleClass = input(null, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
46
|
+
$href = input(undefined, { ...(ngDevMode ? { debugName: "$href" } : /* istanbul ignore next */ {}), alias: 'href' });
|
|
47
|
+
$textContent = input.required({ ...(ngDevMode ? { debugName: "$textContent" } : /* istanbul ignore next */ {}), alias: 'textContent' });
|
|
48
|
+
$width = input(undefined, { ...(ngDevMode ? { debugName: "$width" } : /* istanbul ignore next */ {}), alias: 'width' });
|
|
49
|
+
$height = input(undefined, { ...(ngDevMode ? { debugName: "$height" } : /* istanbul ignore next */ {}), alias: 'height' });
|
|
50
|
+
$borderRadius = input(0, { ...(ngDevMode ? { debugName: "$borderRadius" } : /* istanbul ignore next */ {}), alias: 'borderRadius' });
|
|
51
|
+
$textColor = input(undefined, { ...(ngDevMode ? { debugName: "$textColor" } : /* istanbul ignore next */ {}), alias: 'textColor' });
|
|
52
|
+
$backgroundColor = input(undefined, { ...(ngDevMode ? { debugName: "$backgroundColor" } : /* istanbul ignore next */ {}), alias: 'backgroundColor' });
|
|
53
|
+
$borderColor = input(undefined, { ...(ngDevMode ? { debugName: "$borderColor" } : /* istanbul ignore next */ {}), alias: 'borderColor' });
|
|
54
|
+
$borderSize = input(1, { ...(ngDevMode ? { debugName: "$borderSize" } : /* istanbul ignore next */ {}), alias: 'borderSize' });
|
|
55
|
+
$fontSize = input(16, { ...(ngDevMode ? { debugName: "$fontSize" } : /* istanbul ignore next */ {}), alias: 'fontSize' });
|
|
56
|
+
$align = input('left', { ...(ngDevMode ? { debugName: "$align" } : /* istanbul ignore next */ {}), alias: 'align' });
|
|
57
|
+
$withBackground = input(false, { ...(ngDevMode ? { debugName: "$withBackground" } : /* istanbul ignore next */ {}), alias: 'withBackground' });
|
|
58
|
+
$arcsize = computed(() => Math.floor((this.$borderRadius() / (this.$height() ?? 1)) * 100), ...(ngDevMode ? [{ debugName: "$arcsize" }] : /* istanbul ignore next */ []));
|
|
59
|
+
$lineHeight = computed(() => this.$borderSize() ? (this.$height() ?? 0) - 2 * this.$borderSize() : (this.$height() ?? 0), ...(ngDevMode ? [{ debugName: "$lineHeight" }] : /* istanbul ignore next */ []));
|
|
60
60
|
$baseStyle = computed(() => ({
|
|
61
61
|
'-webkit-text-size-adjust': 'none',
|
|
62
62
|
borderRadius: `${this.$borderRadius()}px`,
|
|
@@ -67,11 +67,11 @@ class ButtonComponent {
|
|
|
67
67
|
textAlign: 'center',
|
|
68
68
|
textDecoration: 'none',
|
|
69
69
|
width: '100%',
|
|
70
|
-
}), ...(ngDevMode ? [{ debugName: "$baseStyle" }] : []));
|
|
70
|
+
}), ...(ngDevMode ? [{ debugName: "$baseStyle" }] : /* istanbul ignore next */ []));
|
|
71
71
|
$borderStyles = computed(() => ({
|
|
72
72
|
border: `${this.$borderSize()}px solid ${this.$borderColor()}`,
|
|
73
73
|
msoBorderAlt: 'none',
|
|
74
|
-
}), ...(ngDevMode ? [{ debugName: "$borderStyles" }] : []));
|
|
74
|
+
}), ...(ngDevMode ? [{ debugName: "$borderStyles" }] : /* istanbul ignore next */ []));
|
|
75
75
|
$propStyles = computed(() => ({
|
|
76
76
|
// border styles
|
|
77
77
|
...(this.$borderColor() ? this.$borderStyles() : {}),
|
|
@@ -79,7 +79,7 @@ class ButtonComponent {
|
|
|
79
79
|
...(this.$backgroundColor() ? { backgroundColor: this.$backgroundColor() } : {}),
|
|
80
80
|
// text styles
|
|
81
81
|
...(this.$textColor() ? { color: this.$textColor() } : {}),
|
|
82
|
-
}), ...(ngDevMode ? [{ debugName: "$propStyles" }] : []));
|
|
82
|
+
}), ...(ngDevMode ? [{ debugName: "$propStyles" }] : /* istanbul ignore next */ []));
|
|
83
83
|
$withBackgroundStyle = computed(() => ({
|
|
84
84
|
...this.$baseStyle(),
|
|
85
85
|
// background styles
|
|
@@ -88,14 +88,14 @@ class ButtonComponent {
|
|
|
88
88
|
...(this.$textColor() ? { color: this.$textColor() } : {}),
|
|
89
89
|
...(this.$style() ?? {}),
|
|
90
90
|
...(this.$withBackground() ? {} : { msoHide: 'all' }),
|
|
91
|
-
}), ...(ngDevMode ? [{ debugName: "$withBackgroundStyle" }] : []));
|
|
91
|
+
}), ...(ngDevMode ? [{ debugName: "$withBackgroundStyle" }] : /* istanbul ignore next */ []));
|
|
92
92
|
$withoutBackgroundStyle = computed(() => ({
|
|
93
93
|
...this.$baseStyle(),
|
|
94
94
|
// background styles
|
|
95
95
|
...this.$propStyles(),
|
|
96
96
|
...(this.$style() ?? {}),
|
|
97
97
|
...(this.$withBackground() ? {} : { msoHide: 'all' }),
|
|
98
|
-
}), ...(ngDevMode ? [{ debugName: "$withoutBackgroundStyle" }] : []));
|
|
98
|
+
}), ...(ngDevMode ? [{ debugName: "$withoutBackgroundStyle" }] : /* istanbul ignore next */ []));
|
|
99
99
|
$noBgInnerHtml = computed(() => {
|
|
100
100
|
const href = this.$href();
|
|
101
101
|
const borderColor = this.$borderColor();
|
|
@@ -114,46 +114,46 @@ class ButtonComponent {
|
|
|
114
114
|
${textContent}
|
|
115
115
|
</center></v:roundrect>
|
|
116
116
|
<![endif]-->`;
|
|
117
|
-
}, ...(ngDevMode ? [{ debugName: "$noBgInnerHtml" }] : []));
|
|
118
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
119
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
117
|
+
}, ...(ngDevMode ? [{ debugName: "$noBgInnerHtml" }] : /* istanbul ignore next */ []));
|
|
118
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
119
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", 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 });
|
|
120
120
|
}
|
|
121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
122
122
|
type: Component,
|
|
123
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" }]
|
|
124
124
|
}], propDecorators: { $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], $href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], $textContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "textContent", required: true }] }], $width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], $height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], $borderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderRadius", required: false }] }], $textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], $backgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundColor", required: false }] }], $borderColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderColor", required: false }] }], $borderSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderSize", required: false }] }], $fontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "fontSize", required: false }] }], $align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], $withBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "withBackground", required: false }] }] } });
|
|
125
125
|
|
|
126
126
|
class ColorSchemeComponent {
|
|
127
|
-
$mode = input('normal', { ...(ngDevMode ? { debugName: "$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: "21.
|
|
130
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
127
|
+
$mode = input('normal', { ...(ngDevMode ? { debugName: "$mode" } : /* istanbul ignore next */ {}), alias: 'mode' });
|
|
128
|
+
$style = computed(() => `<style>:root { color-scheme: ${this.$mode()}; supported-color-schemes: ${this.$mode()}; }</style>`, ...(ngDevMode ? [{ debugName: "$style" }] : /* istanbul ignore next */ []));
|
|
129
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ColorSchemeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
130
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
131
131
|
}
|
|
132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ColorSchemeComponent, decorators: [{
|
|
133
133
|
type: Component,
|
|
134
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" }]
|
|
135
135
|
}], propDecorators: { $mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
|
|
136
136
|
|
|
137
137
|
class ColumnComponent {
|
|
138
138
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
139
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
140
|
-
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
141
|
-
$bgImage = input(undefined, { ...(ngDevMode ? { debugName: "$bgImage" } : {}), alias: 'bgImage' });
|
|
142
|
-
$bgColor = input(undefined, { ...(ngDevMode ? { debugName: "$bgColor" } : {}), alias: 'bgColor' });
|
|
143
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
144
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
139
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
140
|
+
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
141
|
+
$bgImage = input(undefined, { ...(ngDevMode ? { debugName: "$bgImage" } : /* istanbul ignore next */ {}), alias: 'bgImage' });
|
|
142
|
+
$bgColor = input(undefined, { ...(ngDevMode ? { debugName: "$bgColor" } : /* istanbul ignore next */ {}), alias: 'bgColor' });
|
|
143
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
144
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
145
145
|
}
|
|
146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
146
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ColumnComponent, decorators: [{
|
|
147
147
|
type: Component,
|
|
148
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" }]
|
|
149
149
|
}], propDecorators: { $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], $bgImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgImage", required: false }] }], $bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }] } });
|
|
150
150
|
|
|
151
151
|
class ConditionalComponent {
|
|
152
|
-
$expression = input(undefined, { ...(ngDevMode ? { debugName: "$expression" } : {}), alias: 'expression' });
|
|
153
|
-
$mso = input(undefined, { ...(ngDevMode ? { debugName: "$mso" } : {}), alias: 'mso' });
|
|
152
|
+
$expression = input(undefined, { ...(ngDevMode ? { debugName: "$expression" } : /* istanbul ignore next */ {}), alias: 'expression' });
|
|
153
|
+
$mso = input(undefined, { ...(ngDevMode ? { debugName: "$mso" } : /* istanbul ignore next */ {}), alias: 'mso' });
|
|
154
154
|
noMsoInnerHtmlPre = '<!--[if !mso]><!-->';
|
|
155
155
|
noMsoInnerHtmlPost = '<!--<![endif]-->';
|
|
156
|
-
$msoInnerHtmlPre = computed(() => `<!--[if ${this.$expression() ?? 'mso'}]>`, ...(ngDevMode ? [{ debugName: "$msoInnerHtmlPre" }] : []));
|
|
156
|
+
$msoInnerHtmlPre = computed(() => `<!--[if ${this.$expression() ?? 'mso'}]>`, ...(ngDevMode ? [{ debugName: "$msoInnerHtmlPre" }] : /* istanbul ignore next */ []));
|
|
157
157
|
msoInnerHtmlPost = '<![endif]-->';
|
|
158
158
|
constructor() {
|
|
159
159
|
effect(() => {
|
|
@@ -163,10 +163,10 @@ class ConditionalComponent {
|
|
|
163
163
|
throw new RangeError('angular-email: Conditional expects the `expression` or `mso` prop to be defined, not both');
|
|
164
164
|
});
|
|
165
165
|
}
|
|
166
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
167
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
166
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ConditionalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
167
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", 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 });
|
|
168
168
|
}
|
|
169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ConditionalComponent, decorators: [{
|
|
170
170
|
type: Component,
|
|
171
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" }]
|
|
172
172
|
}], ctorParameters: () => [], propDecorators: { $expression: [{ type: i0.Input, args: [{ isSignal: true, alias: "expression", required: false }] }], $mso: [{ type: i0.Input, args: [{ isSignal: true, alias: "mso", required: false }] }] } });
|
|
@@ -175,35 +175,35 @@ class ContainerComponent {
|
|
|
175
175
|
random = Math.random();
|
|
176
176
|
document = inject(DOCUMENT);
|
|
177
177
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
178
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
179
|
-
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
180
|
-
$alignment = input('center', { ...(ngDevMode ? { debugName: "$alignment" } : {}), alias: 'alignment' });
|
|
181
|
-
$disableDefaultStyle = input(false, { ...(ngDevMode ? { debugName: "$disableDefaultStyle" } : {}), alias: 'disableDefaultStyle' });
|
|
182
|
-
$containerWidth = input(600, { ...(ngDevMode ? { debugName: "$containerWidth" } : {}), alias: 'containerWidth' });
|
|
178
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
179
|
+
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
180
|
+
$alignment = input('center', { ...(ngDevMode ? { debugName: "$alignment" } : /* istanbul ignore next */ {}), alias: 'alignment' });
|
|
181
|
+
$disableDefaultStyle = input(false, { ...(ngDevMode ? { debugName: "$disableDefaultStyle" } : /* istanbul ignore next */ {}), alias: 'disableDefaultStyle' });
|
|
182
|
+
$containerWidth = input(600, { ...(ngDevMode ? { debugName: "$containerWidth" } : /* istanbul ignore next */ {}), alias: 'containerWidth' });
|
|
183
183
|
$containerStyle = computed(() => ({
|
|
184
184
|
...(this.$disableDefaultStyle() ? {} : { maxWidth: `${this.$containerWidth()}px` }),
|
|
185
185
|
...this.$style(),
|
|
186
|
-
}), ...(ngDevMode ? [{ debugName: "$containerStyle" }] : []));
|
|
186
|
+
}), ...(ngDevMode ? [{ debugName: "$containerStyle" }] : /* istanbul ignore next */ []));
|
|
187
187
|
$trStyle = computed(() => ({
|
|
188
188
|
...(this.$disableDefaultStyle() ? {} : { width: '100%' }),
|
|
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: "21.
|
|
193
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
189
|
+
}), ...(ngDevMode ? [{ debugName: "$trStyle" }] : /* istanbul ignore next */ []));
|
|
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" }] : /* istanbul ignore next */ []));
|
|
191
|
+
$innerHtmlPost = computed(() => `<!--[if mso]></td></tr></table><![endif]-->`, ...(ngDevMode ? [{ debugName: "$innerHtmlPost" }] : /* istanbul ignore next */ []));
|
|
192
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
193
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
194
194
|
}
|
|
195
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ContainerComponent, decorators: [{
|
|
196
196
|
type: Component,
|
|
197
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" }]
|
|
198
198
|
}], propDecorators: { $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], $alignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignment", required: false }] }], $disableDefaultStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableDefaultStyle", required: false }] }], $containerWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerWidth", required: false }] }] } });
|
|
199
199
|
|
|
200
200
|
class HeadComponent {
|
|
201
|
-
$enableFormatDetection = input(false, { ...(ngDevMode ? { debugName: "$enableFormatDetection" } : {}), alias: 'enableFormatDetection' });
|
|
201
|
+
$enableFormatDetection = input(false, { ...(ngDevMode ? { debugName: "$enableFormatDetection" } : /* istanbul ignore next */ {}), alias: 'enableFormatDetection' });
|
|
202
202
|
xml = `\n<xml><o:OfficeDocumentSettings><o:AllowPNG /><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml>\n`;
|
|
203
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
204
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
203
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
204
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", 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 });
|
|
205
205
|
}
|
|
206
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HeadComponent, decorators: [{
|
|
207
207
|
type: Component,
|
|
208
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" }]
|
|
209
209
|
}], propDecorators: { $enableFormatDetection: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableFormatDetection", required: false }] }] } });
|
|
@@ -411,16 +411,16 @@ function unescapeForRawComponent(input) {
|
|
|
411
411
|
|
|
412
412
|
class HeadingComponent {
|
|
413
413
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
414
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
415
|
-
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
416
|
-
$as = input('h1', { ...(ngDevMode ? { debugName: "$as" } : {}), alias: 'as' });
|
|
417
|
-
$m = input(undefined, { ...(ngDevMode ? { debugName: "$m" } : {}), alias: 'm' });
|
|
418
|
-
$mx = input(undefined, { ...(ngDevMode ? { debugName: "$mx" } : {}), alias: 'mx' });
|
|
419
|
-
$my = input(undefined, { ...(ngDevMode ? { debugName: "$my" } : {}), alias: 'my' });
|
|
420
|
-
$mt = input(undefined, { ...(ngDevMode ? { debugName: "$mt" } : {}), alias: 'mt' });
|
|
421
|
-
$mr = input(undefined, { ...(ngDevMode ? { debugName: "$mr" } : {}), alias: 'mr' });
|
|
422
|
-
$mb = input(undefined, { ...(ngDevMode ? { debugName: "$mb" } : {}), alias: 'mb' });
|
|
423
|
-
$ml = input(undefined, { ...(ngDevMode ? { debugName: "$ml" } : {}), alias: 'ml' });
|
|
414
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
415
|
+
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
416
|
+
$as = input('h1', { ...(ngDevMode ? { debugName: "$as" } : /* istanbul ignore next */ {}), alias: 'as' });
|
|
417
|
+
$m = input(undefined, { ...(ngDevMode ? { debugName: "$m" } : /* istanbul ignore next */ {}), alias: 'm' });
|
|
418
|
+
$mx = input(undefined, { ...(ngDevMode ? { debugName: "$mx" } : /* istanbul ignore next */ {}), alias: 'mx' });
|
|
419
|
+
$my = input(undefined, { ...(ngDevMode ? { debugName: "$my" } : /* istanbul ignore next */ {}), alias: 'my' });
|
|
420
|
+
$mt = input(undefined, { ...(ngDevMode ? { debugName: "$mt" } : /* istanbul ignore next */ {}), alias: 'mt' });
|
|
421
|
+
$mr = input(undefined, { ...(ngDevMode ? { debugName: "$mr" } : /* istanbul ignore next */ {}), alias: 'mr' });
|
|
422
|
+
$mb = input(undefined, { ...(ngDevMode ? { debugName: "$mb" } : /* istanbul ignore next */ {}), alias: 'mb' });
|
|
423
|
+
$ml = input(undefined, { ...(ngDevMode ? { debugName: "$ml" } : /* istanbul ignore next */ {}), alias: 'ml' });
|
|
424
424
|
$headingStyle = computed(() => {
|
|
425
425
|
return styleToString({
|
|
426
426
|
...withMargin({
|
|
@@ -434,20 +434,20 @@ class HeadingComponent {
|
|
|
434
434
|
}),
|
|
435
435
|
...(this.$style() ?? {}),
|
|
436
436
|
});
|
|
437
|
-
}, ...(ngDevMode ? [{ debugName: "$headingStyle" }] : []));
|
|
438
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
439
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
437
|
+
}, ...(ngDevMode ? [{ debugName: "$headingStyle" }] : /* istanbul ignore next */ []));
|
|
438
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
439
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", 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 });
|
|
440
440
|
}
|
|
441
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
441
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HeadingComponent, decorators: [{
|
|
442
442
|
type: Component,
|
|
443
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" }]
|
|
444
444
|
}], propDecorators: { $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], $as: [{ type: i0.Input, args: [{ isSignal: true, alias: "as", required: false }] }], $m: [{ type: i0.Input, args: [{ isSignal: true, alias: "m", required: false }] }], $mx: [{ type: i0.Input, args: [{ isSignal: true, alias: "mx", required: false }] }], $my: [{ type: i0.Input, args: [{ isSignal: true, alias: "my", required: false }] }], $mt: [{ type: i0.Input, args: [{ isSignal: true, alias: "mt", required: false }] }], $mr: [{ type: i0.Input, args: [{ isSignal: true, alias: "mr", required: false }] }], $mb: [{ type: i0.Input, args: [{ isSignal: true, alias: "mb", required: false }] }], $ml: [{ type: i0.Input, args: [{ isSignal: true, alias: "ml", required: false }] }] } });
|
|
445
445
|
|
|
446
446
|
class HrComponent {
|
|
447
447
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
448
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
449
|
-
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
450
|
-
$disableDefaultStyle = input(false, { ...(ngDevMode ? { debugName: "$disableDefaultStyle" } : {}), alias: 'disableDefaultStyle' });
|
|
448
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
449
|
+
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
450
|
+
$disableDefaultStyle = input(false, { ...(ngDevMode ? { debugName: "$disableDefaultStyle" } : /* istanbul ignore next */ {}), alias: 'disableDefaultStyle' });
|
|
451
451
|
$hrStyle = computed(() => {
|
|
452
452
|
return {
|
|
453
453
|
...(this.$disableDefaultStyle()
|
|
@@ -459,39 +459,39 @@ class HrComponent {
|
|
|
459
459
|
}),
|
|
460
460
|
...(this.$style() ?? {}),
|
|
461
461
|
};
|
|
462
|
-
}, ...(ngDevMode ? [{ debugName: "$hrStyle" }] : []));
|
|
463
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
464
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
462
|
+
}, ...(ngDevMode ? [{ debugName: "$hrStyle" }] : /* istanbul ignore next */ []));
|
|
463
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HrComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
464
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
465
465
|
}
|
|
466
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
466
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HrComponent, decorators: [{
|
|
467
467
|
type: Component,
|
|
468
468
|
args: [{ selector: 'ng-email-hr', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<hr\n [style]=\"$hrStyle()\"\n [class]=\"$styleClass()\"\n/>\n" }]
|
|
469
469
|
}], propDecorators: { $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], $disableDefaultStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableDefaultStyle", required: false }] }] } });
|
|
470
470
|
|
|
471
471
|
class HtmlComponent {
|
|
472
|
-
$lang = input('en', { ...(ngDevMode ? { debugName: "$lang" } : {}), alias: 'lang' });
|
|
473
|
-
$dir = input('ltr', { ...(ngDevMode ? { debugName: "$dir" } : {}), alias: 'dir' });
|
|
474
|
-
$enableVML = input(true, { ...(ngDevMode ? { debugName: "$enableVML" } : {}), alias: 'enableVML' });
|
|
472
|
+
$lang = input('en', { ...(ngDevMode ? { debugName: "$lang" } : /* istanbul ignore next */ {}), alias: 'lang' });
|
|
473
|
+
$dir = input('ltr', { ...(ngDevMode ? { debugName: "$dir" } : /* istanbul ignore next */ {}), alias: 'dir' });
|
|
474
|
+
$enableVML = input(true, { ...(ngDevMode ? { debugName: "$enableVML" } : /* istanbul ignore next */ {}), alias: 'enableVML' });
|
|
475
475
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
476
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
477
|
-
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
478
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
479
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
476
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
477
|
+
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
478
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HtmlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
479
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
480
480
|
}
|
|
481
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
481
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HtmlComponent, decorators: [{
|
|
482
482
|
type: Component,
|
|
483
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" }]
|
|
484
484
|
}], propDecorators: { $lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], $dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], $enableVML: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableVML", required: false }] }], $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }] } });
|
|
485
485
|
|
|
486
486
|
class ImgComponent {
|
|
487
487
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
488
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
489
|
-
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
490
|
-
$disableDefaultStyle = input(false, { ...(ngDevMode ? { debugName: "$disableDefaultStyle" } : {}), alias: 'disableDefaultStyle' });
|
|
491
|
-
$alt = input('', { ...(ngDevMode ? { debugName: "$alt" } : {}), alias: 'alt' });
|
|
492
|
-
$src = input('', { ...(ngDevMode ? { debugName: "$src" } : {}), alias: 'src' });
|
|
493
|
-
$width = input('0', { ...(ngDevMode ? { debugName: "$width" } : {}), alias: 'width' });
|
|
494
|
-
$height = input('0', { ...(ngDevMode ? { debugName: "$height" } : {}), alias: 'height' });
|
|
488
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
489
|
+
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
490
|
+
$disableDefaultStyle = input(false, { ...(ngDevMode ? { debugName: "$disableDefaultStyle" } : /* istanbul ignore next */ {}), alias: 'disableDefaultStyle' });
|
|
491
|
+
$alt = input('', { ...(ngDevMode ? { debugName: "$alt" } : /* istanbul ignore next */ {}), alias: 'alt' });
|
|
492
|
+
$src = input('', { ...(ngDevMode ? { debugName: "$src" } : /* istanbul ignore next */ {}), alias: 'src' });
|
|
493
|
+
$width = input('0', { ...(ngDevMode ? { debugName: "$width" } : /* istanbul ignore next */ {}), alias: 'width' });
|
|
494
|
+
$height = input('0', { ...(ngDevMode ? { debugName: "$height" } : /* istanbul ignore next */ {}), alias: 'height' });
|
|
495
495
|
$imageStyle = computed(() => {
|
|
496
496
|
return {
|
|
497
497
|
...(this.$disableDefaultStyle()
|
|
@@ -504,22 +504,22 @@ class ImgComponent {
|
|
|
504
504
|
}),
|
|
505
505
|
...(this.$style() ?? {}),
|
|
506
506
|
};
|
|
507
|
-
}, ...(ngDevMode ? [{ debugName: "$imageStyle" }] : []));
|
|
508
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
509
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
507
|
+
}, ...(ngDevMode ? [{ debugName: "$imageStyle" }] : /* istanbul ignore next */ []));
|
|
508
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
509
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
510
510
|
}
|
|
511
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ImgComponent, decorators: [{
|
|
512
512
|
type: Component,
|
|
513
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" }]
|
|
514
514
|
}], propDecorators: { $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], $disableDefaultStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableDefaultStyle", required: false }] }], $alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], $src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], $width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], $height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }] } });
|
|
515
515
|
|
|
516
516
|
class LinkComponent {
|
|
517
517
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
518
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
519
|
-
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
520
|
-
$disableDefaultStyle = input(false, { ...(ngDevMode ? { debugName: "$disableDefaultStyle" } : {}), alias: 'disableDefaultStyle' });
|
|
521
|
-
$href = input('', { ...(ngDevMode ? { debugName: "$href" } : {}), alias: 'href' });
|
|
522
|
-
$target = input('_blank', { ...(ngDevMode ? { debugName: "$target" } : {}), alias: 'target' });
|
|
518
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
519
|
+
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
520
|
+
$disableDefaultStyle = input(false, { ...(ngDevMode ? { debugName: "$disableDefaultStyle" } : /* istanbul ignore next */ {}), alias: 'disableDefaultStyle' });
|
|
521
|
+
$href = input('', { ...(ngDevMode ? { debugName: "$href" } : /* istanbul ignore next */ {}), alias: 'href' });
|
|
522
|
+
$target = input('_blank', { ...(ngDevMode ? { debugName: "$target" } : /* istanbul ignore next */ {}), alias: 'target' });
|
|
523
523
|
$linkStyle = computed(() => {
|
|
524
524
|
return {
|
|
525
525
|
...(this.$disableDefaultStyle()
|
|
@@ -530,29 +530,29 @@ class LinkComponent {
|
|
|
530
530
|
}),
|
|
531
531
|
...(this.$style() ?? {}),
|
|
532
532
|
};
|
|
533
|
-
}, ...(ngDevMode ? [{ debugName: "$linkStyle" }] : []));
|
|
534
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
535
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
533
|
+
}, ...(ngDevMode ? [{ debugName: "$linkStyle" }] : /* istanbul ignore next */ []));
|
|
534
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
535
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
536
536
|
}
|
|
537
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
537
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: LinkComponent, decorators: [{
|
|
538
538
|
type: Component,
|
|
539
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" }]
|
|
540
540
|
}], propDecorators: { $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], $disableDefaultStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableDefaultStyle", required: false }] }], $href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], $target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }] } });
|
|
541
541
|
|
|
542
542
|
class RawComponent {
|
|
543
|
-
$disablePlainTextOutput = input(false, { ...(ngDevMode ? { debugName: "$disablePlainTextOutput" } : {}), alias: 'disablePlainTextOutput' });
|
|
544
|
-
$content = input('', { ...(ngDevMode ? { debugName: "$content" } : {}), alias: 'content' });
|
|
545
|
-
$escapingContent = computed(() => `<!--${escapeForRawComponent(this.$content())}-->`, ...(ngDevMode ? [{ debugName: "$escapingContent" }] : []));
|
|
546
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
547
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
543
|
+
$disablePlainTextOutput = input(false, { ...(ngDevMode ? { debugName: "$disablePlainTextOutput" } : /* istanbul ignore next */ {}), alias: 'disablePlainTextOutput' });
|
|
544
|
+
$content = input('', { ...(ngDevMode ? { debugName: "$content" } : /* istanbul ignore next */ {}), alias: 'content' });
|
|
545
|
+
$escapingContent = computed(() => `<!--${escapeForRawComponent(this.$content())}-->`, ...(ngDevMode ? [{ debugName: "$escapingContent" }] : /* istanbul ignore next */ []));
|
|
546
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: RawComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
547
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
548
548
|
}
|
|
549
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
549
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: RawComponent, decorators: [{
|
|
550
550
|
type: Component,
|
|
551
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" }]
|
|
552
552
|
}], propDecorators: { $disablePlainTextOutput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disablePlainTextOutput", required: false }] }], $content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
|
|
553
553
|
|
|
554
554
|
class PreviewComponent {
|
|
555
|
-
$preview = input('', { ...(ngDevMode ? { debugName: "$preview" } : {}), alias: 'preview' });
|
|
555
|
+
$preview = input('', { ...(ngDevMode ? { debugName: "$preview" } : /* istanbul ignore next */ {}), alias: 'preview' });
|
|
556
556
|
maxLength = 150;
|
|
557
557
|
$text = computed(() => {
|
|
558
558
|
const preview = this.$preview();
|
|
@@ -560,51 +560,51 @@ class PreviewComponent {
|
|
|
560
560
|
return null;
|
|
561
561
|
const whiteSpaceCodes = ' ‌​‍‎‏';
|
|
562
562
|
return whiteSpaceCodes.repeat(this.maxLength - preview.length);
|
|
563
|
-
}, ...(ngDevMode ? [{ debugName: "$text" }] : []));
|
|
564
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
565
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
563
|
+
}, ...(ngDevMode ? [{ debugName: "$text" }] : /* istanbul ignore next */ []));
|
|
564
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: PreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
565
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", 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 });
|
|
566
566
|
}
|
|
567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: PreviewComponent, decorators: [{
|
|
568
568
|
type: Component,
|
|
569
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" }]
|
|
570
570
|
}], propDecorators: { $preview: [{ type: i0.Input, args: [{ isSignal: true, alias: "preview", required: false }] }] } });
|
|
571
571
|
|
|
572
572
|
class RowComponent {
|
|
573
573
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
574
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
575
|
-
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
576
|
-
$disableDefaultStyle = input(false, { ...(ngDevMode ? { debugName: "$disableDefaultStyle" } : {}), alias: 'disableDefaultStyle' });
|
|
577
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
578
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
574
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
575
|
+
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
576
|
+
$disableDefaultStyle = input(false, { ...(ngDevMode ? { debugName: "$disableDefaultStyle" } : /* istanbul ignore next */ {}), alias: 'disableDefaultStyle' });
|
|
577
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
578
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
579
579
|
}
|
|
580
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
580
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: RowComponent, decorators: [{
|
|
581
581
|
type: Component,
|
|
582
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" }]
|
|
583
583
|
}], propDecorators: { $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], $disableDefaultStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableDefaultStyle", required: false }] }] } });
|
|
584
584
|
|
|
585
585
|
class SectionComponent {
|
|
586
586
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
587
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
588
|
-
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
587
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
588
|
+
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
589
589
|
$sectionStyle = computed(() => {
|
|
590
590
|
return styleToString({
|
|
591
591
|
width: '100%',
|
|
592
592
|
...(this.$style() ?? {}),
|
|
593
593
|
});
|
|
594
|
-
}, ...(ngDevMode ? [{ debugName: "$sectionStyle" }] : []));
|
|
595
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
596
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
594
|
+
}, ...(ngDevMode ? [{ debugName: "$sectionStyle" }] : /* istanbul ignore next */ []));
|
|
595
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
596
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
597
597
|
}
|
|
598
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
598
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SectionComponent, decorators: [{
|
|
599
599
|
type: Component,
|
|
600
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" }]
|
|
601
601
|
}], propDecorators: { $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }] } });
|
|
602
602
|
|
|
603
603
|
class TextComponent {
|
|
604
604
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
605
|
-
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : {}), alias: 'style' });
|
|
606
|
-
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : {}), alias: 'styleClass' });
|
|
607
|
-
$disableDefaultStyle = input(false, { ...(ngDevMode ? { debugName: "$disableDefaultStyle" } : {}), alias: 'disableDefaultStyle' });
|
|
605
|
+
$style = input(null, { ...(ngDevMode ? { debugName: "$style" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
606
|
+
$styleClass = input(undefined, { ...(ngDevMode ? { debugName: "$styleClass" } : /* istanbul ignore next */ {}), alias: 'styleClass' });
|
|
607
|
+
$disableDefaultStyle = input(false, { ...(ngDevMode ? { debugName: "$disableDefaultStyle" } : /* istanbul ignore next */ {}), alias: 'disableDefaultStyle' });
|
|
608
608
|
$textStyle = computed(() => {
|
|
609
609
|
return {
|
|
610
610
|
...(this.$disableDefaultStyle()
|
|
@@ -616,11 +616,11 @@ class TextComponent {
|
|
|
616
616
|
}),
|
|
617
617
|
...(this.$style() ?? {}),
|
|
618
618
|
};
|
|
619
|
-
}, ...(ngDevMode ? [{ debugName: "$textStyle" }] : []));
|
|
620
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
621
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
619
|
+
}, ...(ngDevMode ? [{ debugName: "$textStyle" }] : /* istanbul ignore next */ []));
|
|
620
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
621
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", 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 });
|
|
622
622
|
}
|
|
623
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
623
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TextComponent, decorators: [{
|
|
624
624
|
type: Component,
|
|
625
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" }]
|
|
626
626
|
}], propDecorators: { $style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], $styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], $disableDefaultStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableDefaultStyle", required: false }] }] } });
|