ngx-toastr 14.2.2 → 14.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -2
- package/esm2020/overlay/overlay-container.mjs +7 -5
- package/esm2020/overlay/overlay.mjs +3 -3
- package/esm2020/toastr/toast-noanimation.component.mjs +12 -12
- package/esm2020/toastr/toast.component.mjs +8 -8
- package/esm2020/toastr/toast.directive.mjs +7 -7
- package/esm2020/toastr/toastr.module.mjs +8 -8
- package/esm2020/toastr/toastr.service.mjs +3 -3
- package/fesm2015/ngx-toastr.mjs +45 -43
- package/fesm2015/ngx-toastr.mjs.map +1 -1
- package/fesm2020/ngx-toastr.mjs +45 -43
- package/fesm2020/ngx-toastr.mjs.map +1 -1
- package/overlay/overlay-container.d.ts +2 -1
- package/package.json +1 -1
package/fesm2015/ngx-toastr.mjs
CHANGED
@@ -14,9 +14,9 @@ class ToastContainerDirective {
|
|
14
14
|
return this.el.nativeElement;
|
15
15
|
}
|
16
16
|
}
|
17
|
-
ToastContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
18
|
-
ToastContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
17
|
+
ToastContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
18
|
+
ToastContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: ToastContainerDirective, selector: "[toastContainer]", exportAs: ["toastContainer"], ngImport: i0 });
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastContainerDirective, decorators: [{
|
20
20
|
type: Directive,
|
21
21
|
args: [{
|
22
22
|
selector: '[toastContainer]',
|
@@ -25,10 +25,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImpor
|
|
25
25
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
26
26
|
class ToastContainerModule {
|
27
27
|
}
|
28
|
-
ToastContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
29
|
-
ToastContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2
|
30
|
-
ToastContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
28
|
+
ToastContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
29
|
+
ToastContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastContainerModule, declarations: [ToastContainerDirective], exports: [ToastContainerDirective] });
|
30
|
+
ToastContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastContainerModule });
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastContainerModule, decorators: [{
|
32
32
|
type: NgModule,
|
33
33
|
args: [{
|
34
34
|
declarations: [ToastContainerDirective],
|
@@ -342,18 +342,20 @@ class OverlayContainer {
|
|
342
342
|
}
|
343
343
|
/**
|
344
344
|
* Create the overlay container element, which is simply a div
|
345
|
-
* with the 'cdk-overlay-container' class on the document body
|
345
|
+
* with the 'cdk-overlay-container' class on the document body
|
346
|
+
* and 'aria-live="polite"'
|
346
347
|
*/
|
347
348
|
_createContainer() {
|
348
349
|
const container = this._document.createElement('div');
|
349
350
|
container.classList.add('overlay-container');
|
351
|
+
container.setAttribute('aria-live', 'polite');
|
350
352
|
this._document.body.appendChild(container);
|
351
353
|
this._containerElement = container;
|
352
354
|
}
|
353
355
|
}
|
354
|
-
OverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
355
|
-
OverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2
|
356
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
356
|
+
OverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: OverlayContainer, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
|
357
|
+
OverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: OverlayContainer, providedIn: 'root' });
|
358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: OverlayContainer, decorators: [{
|
357
359
|
type: Injectable,
|
358
360
|
args: [{ providedIn: 'root' }]
|
359
361
|
}], ctorParameters: function () {
|
@@ -431,9 +433,9 @@ class Overlay {
|
|
431
433
|
return new OverlayRef(this._createPortalHost(pane));
|
432
434
|
}
|
433
435
|
}
|
434
|
-
Overlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
435
|
-
Overlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2
|
436
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
436
|
+
Overlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: Overlay, deps: [{ token: OverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
|
437
|
+
Overlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: Overlay, providedIn: 'root' });
|
438
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: Overlay, decorators: [{
|
437
439
|
type: Injectable,
|
438
440
|
args: [{ providedIn: 'root' }]
|
439
441
|
}], ctorParameters: function () {
|
@@ -617,9 +619,9 @@ class ToastrService {
|
|
617
619
|
return ins;
|
618
620
|
}
|
619
621
|
}
|
620
|
-
ToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
621
|
-
ToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2
|
622
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
622
|
+
ToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastrService, deps: [{ token: TOAST_CONFIG }, { token: Overlay }, { token: i0.Injector }, { token: i2.DomSanitizer }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
623
|
+
ToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastrService, providedIn: 'root' });
|
624
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastrService, decorators: [{
|
623
625
|
type: Injectable,
|
624
626
|
args: [{ providedIn: 'root' }]
|
625
627
|
}], ctorParameters: function () {
|
@@ -794,18 +796,18 @@ class Toast {
|
|
794
796
|
}
|
795
797
|
}
|
796
798
|
}
|
797
|
-
Toast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
798
|
-
Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
799
|
+
Toast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: Toast, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
800
|
+
Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: Toast, selector: "[toast-component]", host: { listeners: { "click": "tapToast()", "mouseenter": "stickAround()", "mouseleave": "delayedHideToast()" }, properties: { "class": "this.toastClasses", "@flyInOut": "this.state", "style.display": "this.displayStyle" } }, ngImport: i0, template: `
|
799
801
|
<button *ngIf="options.closeButton" (click)="remove()" type="button" class="toast-close-button" aria-label="Close">
|
800
802
|
<span aria-hidden="true">×</span>
|
801
803
|
</button>
|
802
804
|
<div *ngIf="title" [class]="options.titleClass" [attr.aria-label]="title">
|
803
805
|
{{ title }} <ng-container *ngIf="duplicatesCount">[{{ duplicatesCount + 1 }}]</ng-container>
|
804
806
|
</div>
|
805
|
-
<div *ngIf="message && options.enableHtml" role="
|
807
|
+
<div *ngIf="message && options.enableHtml" role="alert"
|
806
808
|
[class]="options.messageClass" [innerHTML]="message">
|
807
809
|
</div>
|
808
|
-
<div *ngIf="message && !options.enableHtml" role="
|
810
|
+
<div *ngIf="message && !options.enableHtml" role="alert"
|
809
811
|
[class]="options.messageClass" [attr.aria-label]="message">
|
810
812
|
{{ message }}
|
811
813
|
</div>
|
@@ -821,7 +823,7 @@ Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5
|
|
821
823
|
transition('active => removed', animate('{{ easeTime }}ms {{ easing }}'))
|
822
824
|
])
|
823
825
|
] });
|
824
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
826
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: Toast, decorators: [{
|
825
827
|
type: Component,
|
826
828
|
args: [{
|
827
829
|
selector: '[toast-component]',
|
@@ -832,10 +834,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImpor
|
|
832
834
|
<div *ngIf="title" [class]="options.titleClass" [attr.aria-label]="title">
|
833
835
|
{{ title }} <ng-container *ngIf="duplicatesCount">[{{ duplicatesCount + 1 }}]</ng-container>
|
834
836
|
</div>
|
835
|
-
<div *ngIf="message && options.enableHtml" role="
|
837
|
+
<div *ngIf="message && options.enableHtml" role="alert"
|
836
838
|
[class]="options.messageClass" [innerHTML]="message">
|
837
839
|
</div>
|
838
|
-
<div *ngIf="message && !options.enableHtml" role="
|
840
|
+
<div *ngIf="message && !options.enableHtml" role="alert"
|
839
841
|
[class]="options.messageClass" [attr.aria-label]="message">
|
840
842
|
{{ message }}
|
841
843
|
</div>
|
@@ -891,10 +893,10 @@ class ToastrModule {
|
|
891
893
|
};
|
892
894
|
}
|
893
895
|
}
|
894
|
-
ToastrModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
895
|
-
ToastrModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2
|
896
|
-
ToastrModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2
|
897
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
896
|
+
ToastrModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastrModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
897
|
+
ToastrModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastrModule, declarations: [Toast], imports: [CommonModule], exports: [Toast] });
|
898
|
+
ToastrModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastrModule, imports: [[CommonModule]] });
|
899
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastrModule, decorators: [{
|
898
900
|
type: NgModule,
|
899
901
|
args: [{
|
900
902
|
imports: [CommonModule],
|
@@ -919,10 +921,10 @@ class ToastrComponentlessModule {
|
|
919
921
|
};
|
920
922
|
}
|
921
923
|
}
|
922
|
-
ToastrComponentlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
923
|
-
ToastrComponentlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2
|
924
|
-
ToastrComponentlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2
|
925
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
924
|
+
ToastrComponentlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastrComponentlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
925
|
+
ToastrComponentlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
|
926
|
+
ToastrComponentlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastrComponentlessModule, imports: [[CommonModule]] });
|
927
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastrComponentlessModule, decorators: [{
|
926
928
|
type: NgModule,
|
927
929
|
args: [{
|
928
930
|
imports: [CommonModule],
|
@@ -1068,18 +1070,18 @@ class ToastNoAnimation {
|
|
1068
1070
|
}
|
1069
1071
|
}
|
1070
1072
|
}
|
1071
|
-
ToastNoAnimation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
1072
|
-
ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
1073
|
+
ToastNoAnimation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastNoAnimation, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
|
1074
|
+
ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: ToastNoAnimation, selector: "[toast-component]", host: { listeners: { "click": "tapToast()", "mouseenter": "stickAround()", "mouseleave": "delayedHideToast()" }, properties: { "class": "this.toastClasses", "style.display": "this.displayStyle" } }, ngImport: i0, template: `
|
1073
1075
|
<button *ngIf="options.closeButton" (click)="remove()" type="button" class="toast-close-button" aria-label="Close">
|
1074
1076
|
<span aria-hidden="true">×</span>
|
1075
1077
|
</button>
|
1076
1078
|
<div *ngIf="title" [class]="options.titleClass" [attr.aria-label]="title">
|
1077
1079
|
{{ title }} <ng-container *ngIf="duplicatesCount">[{{ duplicatesCount + 1 }}]</ng-container>
|
1078
1080
|
</div>
|
1079
|
-
<div *ngIf="message && options.enableHtml" role="alert"
|
1081
|
+
<div *ngIf="message && options.enableHtml" role="alert"
|
1080
1082
|
[class]="options.messageClass" [innerHTML]="message">
|
1081
1083
|
</div>
|
1082
|
-
<div *ngIf="message && !options.enableHtml" role="alert"
|
1084
|
+
<div *ngIf="message && !options.enableHtml" role="alert"
|
1083
1085
|
[class]="options.messageClass" [attr.aria-label]="message">
|
1084
1086
|
{{ message }}
|
1085
1087
|
</div>
|
@@ -1087,7 +1089,7 @@ ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
1087
1089
|
<div class="toast-progress" [style.width]="width + '%'"></div>
|
1088
1090
|
</div>
|
1089
1091
|
`, isInline: true, directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
1090
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
1092
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastNoAnimation, decorators: [{
|
1091
1093
|
type: Component,
|
1092
1094
|
args: [{
|
1093
1095
|
selector: '[toast-component]',
|
@@ -1098,10 +1100,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImpor
|
|
1098
1100
|
<div *ngIf="title" [class]="options.titleClass" [attr.aria-label]="title">
|
1099
1101
|
{{ title }} <ng-container *ngIf="duplicatesCount">[{{ duplicatesCount + 1 }}]</ng-container>
|
1100
1102
|
</div>
|
1101
|
-
<div *ngIf="message && options.enableHtml" role="alert"
|
1103
|
+
<div *ngIf="message && options.enableHtml" role="alert"
|
1102
1104
|
[class]="options.messageClass" [innerHTML]="message">
|
1103
1105
|
</div>
|
1104
|
-
<div *ngIf="message && !options.enableHtml" role="alert"
|
1106
|
+
<div *ngIf="message && !options.enableHtml" role="alert"
|
1105
1107
|
[class]="options.messageClass" [attr.aria-label]="message">
|
1106
1108
|
{{ message }}
|
1107
1109
|
</div>
|
@@ -1143,10 +1145,10 @@ class ToastNoAnimationModule {
|
|
1143
1145
|
};
|
1144
1146
|
}
|
1145
1147
|
}
|
1146
|
-
ToastNoAnimationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
1147
|
-
ToastNoAnimationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2
|
1148
|
-
ToastNoAnimationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2
|
1149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
1148
|
+
ToastNoAnimationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastNoAnimationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
1149
|
+
ToastNoAnimationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastNoAnimationModule, declarations: [ToastNoAnimation], imports: [CommonModule], exports: [ToastNoAnimation] });
|
1150
|
+
ToastNoAnimationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastNoAnimationModule, imports: [[CommonModule]] });
|
1151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ToastNoAnimationModule, decorators: [{
|
1150
1152
|
type: NgModule,
|
1151
1153
|
args: [{
|
1152
1154
|
imports: [CommonModule],
|