@abp/ng.theme.shared 7.0.1 → 7.1.0-rc.1
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/esm2020/lib/components/toast-container/toast-container.component.mjs +19 -4
- package/fesm2015/abp-ng.theme.shared.mjs +17 -2
- package/fesm2015/abp-ng.theme.shared.mjs.map +1 -1
- package/fesm2020/abp-ng.theme.shared.mjs +17 -2
- package/fesm2020/abp-ng.theme.shared.mjs.map +1 -1
- package/lib/components/toast-container/toast-container.component.d.ts +4 -0
- package/package.json +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, HostListener, Input } from '@angular/core';
|
|
2
2
|
import { toastInOut } from '../../animations/toast.animations';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
@@ -7,9 +7,12 @@ export class ToastContainerComponent {
|
|
|
7
7
|
constructor() {
|
|
8
8
|
this.toasts = [];
|
|
9
9
|
this.right = '30px';
|
|
10
|
+
this.defaultRight = '30px';
|
|
11
|
+
this.defaultMobileRight = '0';
|
|
10
12
|
this.bottom = '30px';
|
|
11
13
|
}
|
|
12
14
|
ngOnInit() {
|
|
15
|
+
this.setDefaultRight();
|
|
13
16
|
this.toasts$.subscribe(toasts => {
|
|
14
17
|
this.toasts = this.toastKey
|
|
15
18
|
? toasts.filter(t => {
|
|
@@ -18,6 +21,15 @@ export class ToastContainerComponent {
|
|
|
18
21
|
: toasts;
|
|
19
22
|
});
|
|
20
23
|
}
|
|
24
|
+
onWindowResize() {
|
|
25
|
+
this.setDefaultRight();
|
|
26
|
+
}
|
|
27
|
+
setDefaultRight() {
|
|
28
|
+
const screenWidth = window.innerWidth;
|
|
29
|
+
if (screenWidth < 768 && this.right == this.defaultRight) {
|
|
30
|
+
this.right = this.defaultMobileRight;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
21
33
|
trackByFunc(index, toast) {
|
|
22
34
|
if (!toast)
|
|
23
35
|
return null;
|
|
@@ -25,10 +37,10 @@ export class ToastContainerComponent {
|
|
|
25
37
|
}
|
|
26
38
|
}
|
|
27
39
|
ToastContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
ToastContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ToastContainerComponent, selector: "abp-toast-container", inputs: { top: "top", right: "right", bottom: "bottom", left: "left", toastKey: "toastKey" }, ngImport: i0, template: "<div\r\n class=\"abp-toast-container\"\r\n [style.top]=\"top || 'auto'\"\r\n [style.right]=\"right || 'auto'\"\r\n [style.bottom]=\"bottom || 'auto'\"\r\n [style.left]=\"left || 'auto'\"\r\n [style.display]=\"toasts.length ? 'flex' : 'none'\"\r\n [@toastInOut]=\"toasts.length\"\r\n>\r\n <abp-toast\r\n [toast]=\"toast\"\r\n *ngFor=\"let toast of toasts; trackBy: trackByFunc\"\r\n (remove)=\"remove($event)\"\r\n ></abp-toast>\r\n</div>\r\n", styles: [".abp-toast-container{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:350px;min-height:80px;z-index:1900}.abp-toast-container.new-on-top{flex-direction:column-reverse}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ToastComponent, selector: "abp-toast", inputs: ["toast"], outputs: ["remove"] }], animations: [toastInOut] });
|
|
40
|
+
ToastContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ToastContainerComponent, selector: "abp-toast-container", inputs: { top: "top", right: "right", bottom: "bottom", left: "left", toastKey: "toastKey" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<div\r\n class=\"abp-toast-container\"\r\n [style.top]=\"top || 'auto'\"\r\n [style.right]=\"right || 'auto'\"\r\n [style.bottom]=\"bottom || 'auto'\"\r\n [style.left]=\"left || 'auto'\"\r\n [style.display]=\"toasts.length ? 'flex' : 'none'\"\r\n [@toastInOut]=\"toasts.length\"\r\n>\r\n <abp-toast\r\n [toast]=\"toast\"\r\n *ngFor=\"let toast of toasts; trackBy: trackByFunc\"\r\n (remove)=\"remove($event)\"\r\n ></abp-toast>\r\n</div>\r\n", styles: [".abp-toast-container{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:350px;min-height:80px;z-index:1900}.abp-toast-container.new-on-top{flex-direction:column-reverse}@media only screen and (max-width: 768px){.abp-toast-container{min-width:100%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ToastComponent, selector: "abp-toast", inputs: ["toast"], outputs: ["remove"] }], animations: [toastInOut] });
|
|
29
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerComponent, decorators: [{
|
|
30
42
|
type: Component,
|
|
31
|
-
args: [{ selector: 'abp-toast-container', animations: [toastInOut], template: "<div\r\n class=\"abp-toast-container\"\r\n [style.top]=\"top || 'auto'\"\r\n [style.right]=\"right || 'auto'\"\r\n [style.bottom]=\"bottom || 'auto'\"\r\n [style.left]=\"left || 'auto'\"\r\n [style.display]=\"toasts.length ? 'flex' : 'none'\"\r\n [@toastInOut]=\"toasts.length\"\r\n>\r\n <abp-toast\r\n [toast]=\"toast\"\r\n *ngFor=\"let toast of toasts; trackBy: trackByFunc\"\r\n (remove)=\"remove($event)\"\r\n ></abp-toast>\r\n</div>\r\n", styles: [".abp-toast-container{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:350px;min-height:80px;z-index:1900}.abp-toast-container.new-on-top{flex-direction:column-reverse}\n"] }]
|
|
43
|
+
args: [{ selector: 'abp-toast-container', animations: [toastInOut], template: "<div\r\n class=\"abp-toast-container\"\r\n [style.top]=\"top || 'auto'\"\r\n [style.right]=\"right || 'auto'\"\r\n [style.bottom]=\"bottom || 'auto'\"\r\n [style.left]=\"left || 'auto'\"\r\n [style.display]=\"toasts.length ? 'flex' : 'none'\"\r\n [@toastInOut]=\"toasts.length\"\r\n>\r\n <abp-toast\r\n [toast]=\"toast\"\r\n *ngFor=\"let toast of toasts; trackBy: trackByFunc\"\r\n (remove)=\"remove($event)\"\r\n ></abp-toast>\r\n</div>\r\n", styles: [".abp-toast-container{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:350px;min-height:80px;z-index:1900}.abp-toast-container.new-on-top{flex-direction:column-reverse}@media only screen and (max-width: 768px){.abp-toast-container{min-width:100%}}\n"] }]
|
|
32
44
|
}], propDecorators: { top: [{
|
|
33
45
|
type: Input
|
|
34
46
|
}], right: [{
|
|
@@ -39,5 +51,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
39
51
|
type: Input
|
|
40
52
|
}], toastKey: [{
|
|
41
53
|
type: Input
|
|
54
|
+
}], onWindowResize: [{
|
|
55
|
+
type: HostListener,
|
|
56
|
+
args: ['window:resize', ['$event']]
|
|
42
57
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3RoZW1lLXNoYXJlZC9zcmMvbGliL2NvbXBvbmVudHMvdG9hc3QtY29udGFpbmVyL3RvYXN0LWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy90aGVtZS1zaGFyZWQvc3JjL2xpYi9jb21wb25lbnRzL3RvYXN0LWNvbnRhaW5lci90b2FzdC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7OztBQVMvRCxNQUFNLE9BQU8sdUJBQXVCO0lBTnBDO1FBV0UsV0FBTSxHQUFHLEVBQXFCLENBQUM7UUFNL0IsVUFBSyxHQUFHLE1BQU0sQ0FBQztRQUNmLGlCQUFZLEdBQUcsTUFBTSxDQUFDO1FBQ3RCLHVCQUFrQixHQUFHLEdBQUcsQ0FBQztRQUd6QixXQUFNLEdBQUcsTUFBTSxDQUFDO0tBbUNqQjtJQTNCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzlCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFFBQVE7Z0JBQ3pCLENBQUMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFO29CQUNoQixPQUFPLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxZQUFZLEtBQUssSUFBSSxDQUFDLFFBQVEsQ0FBQztnQkFDL0QsQ0FBQyxDQUFDO2dCQUNKLENBQUMsQ0FBQyxNQUFNLENBQUM7UUFDYixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFHRCxjQUFjO1FBQ1osSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUN0QyxJQUFJLFdBQVcsR0FBRyxHQUFHLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3hELElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDO1NBQ3RDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFhLEVBQUUsS0FBb0I7UUFDN0MsSUFBSSxDQUFDLEtBQUs7WUFBRSxPQUFPLElBQUksQ0FBQztRQUN4QixPQUFPLEtBQUssQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDO0lBQzNCLENBQUM7O29IQWxEVSx1QkFBdUI7d0dBQXZCLHVCQUF1Qiw2TkNYcEMsNmNBZUEsdWtCRE5jLENBQUMsVUFBVSxDQUFDOzJGQUViLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSxxQkFBcUIsY0FHbkIsQ0FBQyxVQUFVLENBQUM7OEJBVXhCLEdBQUc7c0JBREYsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBTU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBZU4sY0FBYztzQkFEYixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJlcGxheVN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgdG9hc3RJbk91dCB9IGZyb20gJy4uLy4uL2FuaW1hdGlvbnMvdG9hc3QuYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IFRvYXN0ZXIgfSBmcm9tICcuLi8uLi9tb2RlbHMvdG9hc3Rlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FicC10b2FzdC1jb250YWluZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90b2FzdC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RvYXN0LWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFt0b2FzdEluT3V0XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRvYXN0Q29udGFpbmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICB0b2FzdHMkITogUmVwbGF5U3ViamVjdDxUb2FzdGVyLlRvYXN0W10+O1xyXG5cclxuICByZW1vdmUhOiAodG9hc3RJZDogbnVtYmVyKSA9PiB2b2lkO1xyXG5cclxuICB0b2FzdHMgPSBbXSBhcyBUb2FzdGVyLlRvYXN0W107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgdG9wPzogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHJpZ2h0ID0gJzMwcHgnO1xyXG4gIGRlZmF1bHRSaWdodCA9ICczMHB4JztcclxuICBkZWZhdWx0TW9iaWxlUmlnaHQgPSAnMCc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgYm90dG9tID0gJzMwcHgnO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGxlZnQ/OiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgdG9hc3RLZXk/OiBzdHJpbmc7XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zZXREZWZhdWx0UmlnaHQoKTtcclxuICAgIHRoaXMudG9hc3RzJC5zdWJzY3JpYmUodG9hc3RzID0+IHtcclxuICAgICAgdGhpcy50b2FzdHMgPSB0aGlzLnRvYXN0S2V5XHJcbiAgICAgICAgPyB0b2FzdHMuZmlsdGVyKHQgPT4ge1xyXG4gICAgICAgICAgICByZXR1cm4gdC5vcHRpb25zICYmIHQub3B0aW9ucy5jb250YWluZXJLZXkgIT09IHRoaXMudG9hc3RLZXk7XHJcbiAgICAgICAgICB9KVxyXG4gICAgICAgIDogdG9hc3RzO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcclxuICBvbldpbmRvd1Jlc2l6ZSgpIHtcclxuICAgIHRoaXMuc2V0RGVmYXVsdFJpZ2h0KCk7XHJcbiAgfVxyXG5cclxuICBzZXREZWZhdWx0UmlnaHQoKSB7XHJcbiAgICBjb25zdCBzY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xyXG4gICAgaWYgKHNjcmVlbldpZHRoIDwgNzY4ICYmIHRoaXMucmlnaHQgPT0gdGhpcy5kZWZhdWx0UmlnaHQpIHtcclxuICAgICAgdGhpcy5yaWdodCA9IHRoaXMuZGVmYXVsdE1vYmlsZVJpZ2h0O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgdHJhY2tCeUZ1bmMoaW5kZXg6IG51bWJlciwgdG9hc3Q6IFRvYXN0ZXIuVG9hc3QpIHtcclxuICAgIGlmICghdG9hc3QpIHJldHVybiBudWxsO1xyXG4gICAgcmV0dXJuIHRvYXN0Lm9wdGlvbnM/LmlkO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJhYnAtdG9hc3QtY29udGFpbmVyXCJcclxuICBbc3R5bGUudG9wXT1cInRvcCB8fCAnYXV0bydcIlxyXG4gIFtzdHlsZS5yaWdodF09XCJyaWdodCB8fCAnYXV0bydcIlxyXG4gIFtzdHlsZS5ib3R0b21dPVwiYm90dG9tIHx8ICdhdXRvJ1wiXHJcbiAgW3N0eWxlLmxlZnRdPVwibGVmdCB8fCAnYXV0bydcIlxyXG4gIFtzdHlsZS5kaXNwbGF5XT1cInRvYXN0cy5sZW5ndGggPyAnZmxleCcgOiAnbm9uZSdcIlxyXG4gIFtAdG9hc3RJbk91dF09XCJ0b2FzdHMubGVuZ3RoXCJcclxuPlxyXG4gIDxhYnAtdG9hc3RcclxuICAgIFt0b2FzdF09XCJ0b2FzdFwiXHJcbiAgICAqbmdGb3I9XCJsZXQgdG9hc3Qgb2YgdG9hc3RzOyB0cmFja0J5OiB0cmFja0J5RnVuY1wiXHJcbiAgICAocmVtb3ZlKT1cInJlbW92ZSgkZXZlbnQpXCJcclxuICA+PC9hYnAtdG9hc3Q+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -875,9 +875,12 @@ class ToastContainerComponent {
|
|
|
875
875
|
constructor() {
|
|
876
876
|
this.toasts = [];
|
|
877
877
|
this.right = '30px';
|
|
878
|
+
this.defaultRight = '30px';
|
|
879
|
+
this.defaultMobileRight = '0';
|
|
878
880
|
this.bottom = '30px';
|
|
879
881
|
}
|
|
880
882
|
ngOnInit() {
|
|
883
|
+
this.setDefaultRight();
|
|
881
884
|
this.toasts$.subscribe(toasts => {
|
|
882
885
|
this.toasts = this.toastKey
|
|
883
886
|
? toasts.filter(t => {
|
|
@@ -886,6 +889,15 @@ class ToastContainerComponent {
|
|
|
886
889
|
: toasts;
|
|
887
890
|
});
|
|
888
891
|
}
|
|
892
|
+
onWindowResize() {
|
|
893
|
+
this.setDefaultRight();
|
|
894
|
+
}
|
|
895
|
+
setDefaultRight() {
|
|
896
|
+
const screenWidth = window.innerWidth;
|
|
897
|
+
if (screenWidth < 768 && this.right == this.defaultRight) {
|
|
898
|
+
this.right = this.defaultMobileRight;
|
|
899
|
+
}
|
|
900
|
+
}
|
|
889
901
|
trackByFunc(index, toast) {
|
|
890
902
|
var _a;
|
|
891
903
|
if (!toast)
|
|
@@ -894,10 +906,10 @@ class ToastContainerComponent {
|
|
|
894
906
|
}
|
|
895
907
|
}
|
|
896
908
|
ToastContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
897
|
-
ToastContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ToastContainerComponent, selector: "abp-toast-container", inputs: { top: "top", right: "right", bottom: "bottom", left: "left", toastKey: "toastKey" }, ngImport: i0, template: "<div\r\n class=\"abp-toast-container\"\r\n [style.top]=\"top || 'auto'\"\r\n [style.right]=\"right || 'auto'\"\r\n [style.bottom]=\"bottom || 'auto'\"\r\n [style.left]=\"left || 'auto'\"\r\n [style.display]=\"toasts.length ? 'flex' : 'none'\"\r\n [@toastInOut]=\"toasts.length\"\r\n>\r\n <abp-toast\r\n [toast]=\"toast\"\r\n *ngFor=\"let toast of toasts; trackBy: trackByFunc\"\r\n (remove)=\"remove($event)\"\r\n ></abp-toast>\r\n</div>\r\n", styles: [".abp-toast-container{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:350px;min-height:80px;z-index:1900}.abp-toast-container.new-on-top{flex-direction:column-reverse}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ToastComponent, selector: "abp-toast", inputs: ["toast"], outputs: ["remove"] }], animations: [toastInOut] });
|
|
909
|
+
ToastContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ToastContainerComponent, selector: "abp-toast-container", inputs: { top: "top", right: "right", bottom: "bottom", left: "left", toastKey: "toastKey" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<div\r\n class=\"abp-toast-container\"\r\n [style.top]=\"top || 'auto'\"\r\n [style.right]=\"right || 'auto'\"\r\n [style.bottom]=\"bottom || 'auto'\"\r\n [style.left]=\"left || 'auto'\"\r\n [style.display]=\"toasts.length ? 'flex' : 'none'\"\r\n [@toastInOut]=\"toasts.length\"\r\n>\r\n <abp-toast\r\n [toast]=\"toast\"\r\n *ngFor=\"let toast of toasts; trackBy: trackByFunc\"\r\n (remove)=\"remove($event)\"\r\n ></abp-toast>\r\n</div>\r\n", styles: [".abp-toast-container{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:350px;min-height:80px;z-index:1900}.abp-toast-container.new-on-top{flex-direction:column-reverse}@media only screen and (max-width: 768px){.abp-toast-container{min-width:100%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ToastComponent, selector: "abp-toast", inputs: ["toast"], outputs: ["remove"] }], animations: [toastInOut] });
|
|
898
910
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerComponent, decorators: [{
|
|
899
911
|
type: Component,
|
|
900
|
-
args: [{ selector: 'abp-toast-container', animations: [toastInOut], template: "<div\r\n class=\"abp-toast-container\"\r\n [style.top]=\"top || 'auto'\"\r\n [style.right]=\"right || 'auto'\"\r\n [style.bottom]=\"bottom || 'auto'\"\r\n [style.left]=\"left || 'auto'\"\r\n [style.display]=\"toasts.length ? 'flex' : 'none'\"\r\n [@toastInOut]=\"toasts.length\"\r\n>\r\n <abp-toast\r\n [toast]=\"toast\"\r\n *ngFor=\"let toast of toasts; trackBy: trackByFunc\"\r\n (remove)=\"remove($event)\"\r\n ></abp-toast>\r\n</div>\r\n", styles: [".abp-toast-container{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:350px;min-height:80px;z-index:1900}.abp-toast-container.new-on-top{flex-direction:column-reverse}\n"] }]
|
|
912
|
+
args: [{ selector: 'abp-toast-container', animations: [toastInOut], template: "<div\r\n class=\"abp-toast-container\"\r\n [style.top]=\"top || 'auto'\"\r\n [style.right]=\"right || 'auto'\"\r\n [style.bottom]=\"bottom || 'auto'\"\r\n [style.left]=\"left || 'auto'\"\r\n [style.display]=\"toasts.length ? 'flex' : 'none'\"\r\n [@toastInOut]=\"toasts.length\"\r\n>\r\n <abp-toast\r\n [toast]=\"toast\"\r\n *ngFor=\"let toast of toasts; trackBy: trackByFunc\"\r\n (remove)=\"remove($event)\"\r\n ></abp-toast>\r\n</div>\r\n", styles: [".abp-toast-container{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:350px;min-height:80px;z-index:1900}.abp-toast-container.new-on-top{flex-direction:column-reverse}@media only screen and (max-width: 768px){.abp-toast-container{min-width:100%}}\n"] }]
|
|
901
913
|
}], propDecorators: { top: [{
|
|
902
914
|
type: Input
|
|
903
915
|
}], right: [{
|
|
@@ -908,6 +920,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
908
920
|
type: Input
|
|
909
921
|
}], toastKey: [{
|
|
910
922
|
type: Input
|
|
923
|
+
}], onWindowResize: [{
|
|
924
|
+
type: HostListener,
|
|
925
|
+
args: ['window:resize', ['$event']]
|
|
911
926
|
}] } });
|
|
912
927
|
|
|
913
928
|
class PasswordComponent extends AbstractNgModelComponent {
|