@acontplus/ng-notifications 2.0.3 → 2.0.5
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.
|
@@ -44,10 +44,10 @@ const SNACKBAR_CONFIG = new InjectionToken('acontplus-snackbar-config', {
|
|
|
44
44
|
|
|
45
45
|
const NOTIFICATION_CONFIG = new InjectionToken('NOTIFICATION_CONFIG');
|
|
46
46
|
class NotificationProviderBase {
|
|
47
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
48
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
47
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NotificationProviderBase, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
48
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NotificationProviderBase });
|
|
49
49
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NotificationProviderBase, decorators: [{
|
|
51
51
|
type: Injectable
|
|
52
52
|
}] });
|
|
53
53
|
|
|
@@ -98,10 +98,10 @@ class ToastrProvider extends NotificationProviderBase {
|
|
|
98
98
|
const result = confirm(`${config.title || ''}\n${config.message}`);
|
|
99
99
|
return of({ isConfirmed: result });
|
|
100
100
|
}
|
|
101
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
102
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
101
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ToastrProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
102
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ToastrProvider, providedIn: 'root' });
|
|
103
103
|
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ToastrProvider, decorators: [{
|
|
105
105
|
type: Injectable,
|
|
106
106
|
args: [{
|
|
107
107
|
providedIn: 'root',
|
|
@@ -142,8 +142,8 @@ class SnackbarTemplateComponent {
|
|
|
142
142
|
dismiss() {
|
|
143
143
|
this.snackBarRef.dismissWithAction();
|
|
144
144
|
}
|
|
145
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
146
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
145
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SnackbarTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
146
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: SnackbarTemplateComponent, isStandalone: true, selector: "acp-snackbar-template", ngImport: i0, template: `
|
|
147
147
|
<div class="snackbar-content">
|
|
148
148
|
<!-- Icon (configurable) -->
|
|
149
149
|
@if (data.showIcon === true) {
|
|
@@ -184,7 +184,7 @@ class SnackbarTemplateComponent {
|
|
|
184
184
|
}
|
|
185
185
|
`, isInline: true, styles: [":host{display:block;width:100%}.snackbar-content{display:flex;align-items:center;gap:12px;min-width:300px;color:inherit;padding:0}.snackbar-icon{display:flex;align-items:center;flex-shrink:0}.snackbar-icon mat-icon{font-size:20px;width:20px;height:20px;color:inherit}.snackbar-message{flex:1;min-width:0;color:inherit}.snackbar-title{font-weight:600;font-size:14px;line-height:1.2;margin-bottom:2px;color:inherit}.snackbar-text{font-size:14px;line-height:1.4;word-wrap:break-word;color:inherit}.snackbar-actions{flex-shrink:0;display:flex;align-items:center;gap:4px}.snackbar-actions button{min-width:auto;font-weight:500;color:inherit}.snackbar-actions .mat-mdc-button{padding:0 8px}.snackbar-close-button{width:32px;height:32px;padding:0;min-width:32px}.snackbar-close-button mat-icon{font-size:18px;width:18px;height:18px}.snackbar-progress-container{position:absolute;bottom:0;left:0;right:0;height:4px;background-color:#fff3;overflow:hidden}.snackbar-progress-bar{height:100%;background-color:#fffc;width:100%;transform-origin:left center;animation:snackbar-progress linear forwards}@keyframes snackbar-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}:host-context(.acontplus-snackbar-success) .snackbar-icon mat-icon{color:#ffffffe6}:host-context(.acontplus-snackbar-error) .snackbar-icon mat-icon{color:#ffffffe6}:host-context(.acontplus-snackbar-warning) .snackbar-icon mat-icon{color:#ffffffe6}:host-context(.acontplus-snackbar-info) .snackbar-icon mat-icon{color:#ffffffe6}:host-context(.acontplus-snackbar) .snackbar-actions button{color:#ffffffe6!important}:host-context(.acontplus-snackbar) .snackbar-actions button:hover{background-color:#ffffff1a!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] });
|
|
186
186
|
}
|
|
187
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SnackbarTemplateComponent, decorators: [{
|
|
188
188
|
type: Component,
|
|
189
189
|
args: [{ selector: 'acp-snackbar-template', standalone: true, imports: [CommonModule, MatIconModule, MatButtonModule], template: `
|
|
190
190
|
<div class="snackbar-content">
|
|
@@ -375,10 +375,10 @@ class SnackbarProvider extends NotificationProviderBase {
|
|
|
375
375
|
return 'Notification';
|
|
376
376
|
}
|
|
377
377
|
}
|
|
378
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
379
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
378
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SnackbarProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
379
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SnackbarProvider, providedIn: 'root' });
|
|
380
380
|
}
|
|
381
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
381
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SnackbarProvider, decorators: [{
|
|
382
382
|
type: Injectable,
|
|
383
383
|
args: [{
|
|
384
384
|
providedIn: 'root',
|
|
@@ -412,10 +412,10 @@ class ThemeDetector {
|
|
|
412
412
|
getCurrentTheme() {
|
|
413
413
|
return this.themeSubject.value;
|
|
414
414
|
}
|
|
415
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
416
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
415
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ThemeDetector, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
416
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ThemeDetector, providedIn: 'root' });
|
|
417
417
|
}
|
|
418
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
418
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ThemeDetector, decorators: [{
|
|
419
419
|
type: Injectable,
|
|
420
420
|
args: [{
|
|
421
421
|
providedIn: 'root',
|
|
@@ -486,10 +486,10 @@ class SweetalertProvider extends NotificationProviderBase {
|
|
|
486
486
|
value: result.value,
|
|
487
487
|
})));
|
|
488
488
|
}
|
|
489
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
490
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
489
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SweetalertProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
490
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SweetalertProvider, providedIn: 'root' });
|
|
491
491
|
}
|
|
492
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
492
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SweetalertProvider, decorators: [{
|
|
493
493
|
type: Injectable,
|
|
494
494
|
args: [{
|
|
495
495
|
providedIn: 'root',
|
|
@@ -575,10 +575,10 @@ class NotificationService {
|
|
|
575
575
|
title: 'Session Alert',
|
|
576
576
|
});
|
|
577
577
|
}
|
|
578
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
579
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
578
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
579
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NotificationService, providedIn: 'root' });
|
|
580
580
|
}
|
|
581
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
581
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NotificationService, decorators: [{
|
|
582
582
|
type: Injectable,
|
|
583
583
|
args: [{
|
|
584
584
|
providedIn: 'root',
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@acontplus/ng-notifications",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.5",
|
|
4
4
|
"description": "Comprehensive Angular notification system with toast notifications (ngx-toastr), alerts (SweetAlert2), snackbars, theme detection, notification providers, and configurable styling. Supports multiple notification types with Angular Material integration.",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@acontplus/ui-kit": "^1.0.2",
|
|
7
7
|
"@angular/common": "^21.0.0",
|
|
8
8
|
"@angular/core": "^21.0.0",
|
|
9
9
|
"@angular/material": "^21.0.0",
|
|
10
|
-
"ngx-toastr": "^
|
|
10
|
+
"ngx-toastr": "^20.0.0",
|
|
11
11
|
"sweetalert2": "^11.26.2",
|
|
12
12
|
"rxjs": "^7.8.2"
|
|
13
13
|
},
|
|
@@ -55,12 +55,12 @@
|
|
|
55
55
|
"author": "Ivan Paz <ifer343@gmail.com>",
|
|
56
56
|
"license": "MIT",
|
|
57
57
|
"bugs": {
|
|
58
|
-
"url": "https://github.com/
|
|
58
|
+
"url": "https://github.com/acontplus/acontplus-libs/issues"
|
|
59
59
|
},
|
|
60
|
-
"homepage": "https://github.com/
|
|
60
|
+
"homepage": "https://github.com/acontplus/acontplus-libs#readme",
|
|
61
61
|
"repository": {
|
|
62
62
|
"type": "git",
|
|
63
|
-
"url": "git+https://github.com/
|
|
63
|
+
"url": "git+https://github.com/acontplus/acontplus-libs.git"
|
|
64
64
|
},
|
|
65
65
|
"release": {
|
|
66
66
|
"branches": [
|
|
@@ -0,0 +1,299 @@
|
|
|
1
|
+
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-snack-bar-container.acontplus-snackbar {
|
|
2
|
+
border-radius: 8px !important;
|
|
3
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
|
|
4
|
+
font-family: inherit !important;
|
|
5
|
+
min-width: 300px !important;
|
|
6
|
+
position: relative !important;
|
|
7
|
+
overflow: hidden !important;
|
|
8
|
+
|
|
9
|
+
.mdc-snackbar__surface {
|
|
10
|
+
border-radius: 8px !important;
|
|
11
|
+
min-width: 300px !important;
|
|
12
|
+
position: relative !important;
|
|
13
|
+
overflow: hidden !important;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.cdk-overlay-container .mat-mdc-snack-bar-container.acontplus-snackbar {
|
|
18
|
+
border-radius: 8px !important;
|
|
19
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
|
|
20
|
+
font-family: inherit !important;
|
|
21
|
+
min-width: 300px !important;
|
|
22
|
+
position: relative !important;
|
|
23
|
+
overflow: hidden !important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.cdk-overlay-container .acontplus-snackbar .mat-mdc-snack-bar-container {
|
|
27
|
+
border-radius: 8px !important;
|
|
28
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
|
|
29
|
+
font-family: inherit !important;
|
|
30
|
+
min-width: 300px !important;
|
|
31
|
+
position: relative !important;
|
|
32
|
+
overflow: hidden !important;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* Success Snackbar - Maximum specificity */
|
|
36
|
+
.cdk-overlay-container
|
|
37
|
+
.cdk-overlay-pane
|
|
38
|
+
.mat-mdc-snack-bar-container.acontplus-snackbar.acontplus-snackbar-success {
|
|
39
|
+
background-color: #4caf50 !important;
|
|
40
|
+
color: white !important;
|
|
41
|
+
|
|
42
|
+
.mdc-snackbar__surface {
|
|
43
|
+
background-color: #4caf50 !important;
|
|
44
|
+
color: white !important;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.mdc-snackbar__label,
|
|
48
|
+
.mat-mdc-snack-bar-label {
|
|
49
|
+
color: white !important;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.snackbar-action,
|
|
53
|
+
.mat-mdc-snack-bar-action,
|
|
54
|
+
.mat-mdc-button {
|
|
55
|
+
color: rgba(255, 255, 255, 0.9) !important;
|
|
56
|
+
|
|
57
|
+
&:hover {
|
|
58
|
+
background-color: rgba(255, 255, 255, 0.1) !important;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/* Error Snackbar - Maximum specificity */
|
|
64
|
+
.cdk-overlay-container
|
|
65
|
+
.cdk-overlay-pane
|
|
66
|
+
.mat-mdc-snack-bar-container.acontplus-snackbar.acontplus-snackbar-error {
|
|
67
|
+
background-color: #f44336 !important;
|
|
68
|
+
color: white !important;
|
|
69
|
+
|
|
70
|
+
.mdc-snackbar__surface {
|
|
71
|
+
background-color: #f44336 !important;
|
|
72
|
+
color: white !important;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.mdc-snackbar__label,
|
|
76
|
+
.mat-mdc-snack-bar-label {
|
|
77
|
+
color: white !important;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.snackbar-action,
|
|
81
|
+
.mat-mdc-snack-bar-action,
|
|
82
|
+
.mat-mdc-button {
|
|
83
|
+
color: rgba(255, 255, 255, 0.9) !important;
|
|
84
|
+
|
|
85
|
+
&:hover {
|
|
86
|
+
background-color: rgba(255, 255, 255, 0.1) !important;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
/* Warning Snackbar - Maximum specificity */
|
|
92
|
+
.cdk-overlay-container
|
|
93
|
+
.cdk-overlay-pane
|
|
94
|
+
.mat-mdc-snack-bar-container.acontplus-snackbar.acontplus-snackbar-warning {
|
|
95
|
+
background-color: #ff9800 !important;
|
|
96
|
+
color: white !important;
|
|
97
|
+
|
|
98
|
+
.mdc-snackbar__surface {
|
|
99
|
+
background-color: #ff9800 !important;
|
|
100
|
+
color: white !important;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.mdc-snackbar__label,
|
|
104
|
+
.mat-mdc-snack-bar-label {
|
|
105
|
+
color: white !important;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.snackbar-action,
|
|
109
|
+
.mat-mdc-snack-bar-action,
|
|
110
|
+
.mat-mdc-button {
|
|
111
|
+
color: rgba(255, 255, 255, 0.9) !important;
|
|
112
|
+
|
|
113
|
+
&:hover {
|
|
114
|
+
background-color: rgba(255, 255, 255, 0.1) !important;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
/* Info Snackbar - Maximum specificity */
|
|
120
|
+
.cdk-overlay-container
|
|
121
|
+
.cdk-overlay-pane
|
|
122
|
+
.mat-mdc-snack-bar-container.acontplus-snackbar.acontplus-snackbar-info {
|
|
123
|
+
background-color: #2196f3 !important;
|
|
124
|
+
color: white !important;
|
|
125
|
+
|
|
126
|
+
.mdc-snackbar__surface {
|
|
127
|
+
background-color: #2196f3 !important;
|
|
128
|
+
color: white !important;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.mdc-snackbar__label,
|
|
132
|
+
.mat-mdc-snack-bar-label {
|
|
133
|
+
color: white !important;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.snackbar-action,
|
|
137
|
+
.mat-mdc-snack-bar-action,
|
|
138
|
+
.mat-mdc-button {
|
|
139
|
+
color: rgba(255, 255, 255, 0.9) !important;
|
|
140
|
+
|
|
141
|
+
&:hover {
|
|
142
|
+
background-color: rgba(255, 255, 255, 0.1) !important;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
/* Ensure icon colors are visible with maximum specificity */
|
|
148
|
+
.cdk-overlay-container
|
|
149
|
+
.cdk-overlay-pane
|
|
150
|
+
.mat-mdc-snack-bar-container.acontplus-snackbar-success
|
|
151
|
+
.snackbar-icon
|
|
152
|
+
mat-icon {
|
|
153
|
+
color: rgba(255, 255, 255, 0.9) !important;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.cdk-overlay-container
|
|
157
|
+
.cdk-overlay-pane
|
|
158
|
+
.mat-mdc-snack-bar-container.acontplus-snackbar-error
|
|
159
|
+
.snackbar-icon
|
|
160
|
+
mat-icon {
|
|
161
|
+
color: rgba(255, 255, 255, 0.9) !important;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.cdk-overlay-container
|
|
165
|
+
.cdk-overlay-pane
|
|
166
|
+
.mat-mdc-snack-bar-container.acontplus-snackbar-warning
|
|
167
|
+
.snackbar-icon
|
|
168
|
+
mat-icon {
|
|
169
|
+
color: rgba(255, 255, 255, 0.9) !important;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.cdk-overlay-container
|
|
173
|
+
.cdk-overlay-pane
|
|
174
|
+
.mat-mdc-snack-bar-container.acontplus-snackbar-info
|
|
175
|
+
.snackbar-icon
|
|
176
|
+
mat-icon {
|
|
177
|
+
color: rgba(255, 255, 255, 0.9) !important;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
/* Dark theme support with maximum specificity */
|
|
181
|
+
@media (prefers-color-scheme: dark) {
|
|
182
|
+
.cdk-overlay-container
|
|
183
|
+
.cdk-overlay-pane
|
|
184
|
+
.mat-mdc-snack-bar-container.acontplus-snackbar.acontplus-snackbar-success {
|
|
185
|
+
background-color: #388e3c !important;
|
|
186
|
+
|
|
187
|
+
.mdc-snackbar__surface {
|
|
188
|
+
background-color: #388e3c !important;
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.cdk-overlay-container
|
|
193
|
+
.cdk-overlay-pane
|
|
194
|
+
.mat-mdc-snack-bar-container.acontplus-snackbar.acontplus-snackbar-error {
|
|
195
|
+
background-color: #d32f2f !important;
|
|
196
|
+
|
|
197
|
+
.mdc-snackbar__surface {
|
|
198
|
+
background-color: #d32f2f !important;
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.cdk-overlay-container
|
|
203
|
+
.cdk-overlay-pane
|
|
204
|
+
.mat-mdc-snack-bar-container.acontplus-snackbar.acontplus-snackbar-warning {
|
|
205
|
+
background-color: #f57c00 !important;
|
|
206
|
+
|
|
207
|
+
.mdc-snackbar__surface {
|
|
208
|
+
background-color: #f57c00 !important;
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.cdk-overlay-container
|
|
213
|
+
.cdk-overlay-pane
|
|
214
|
+
.mat-mdc-snack-bar-container.acontplus-snackbar.acontplus-snackbar-info {
|
|
215
|
+
background-color: #1976d2 !important;
|
|
216
|
+
|
|
217
|
+
.mdc-snackbar__surface {
|
|
218
|
+
background-color: #1976d2 !important;
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
/* High contrast mode support */
|
|
224
|
+
@media (prefers-contrast: high) {
|
|
225
|
+
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-snack-bar-container.acontplus-snackbar {
|
|
226
|
+
border: 2px solid currentColor !important;
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
/* Reduced motion support */
|
|
231
|
+
@media (prefers-reduced-motion: reduce) {
|
|
232
|
+
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-snack-bar-container.acontplus-snackbar {
|
|
233
|
+
transition: none !important;
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
/* Additional fallback rules for broader compatibility */
|
|
238
|
+
|
|
239
|
+
/* Success - Additional selectors */
|
|
240
|
+
.cdk-overlay-container .mat-mdc-snack-bar-container.acontplus-snackbar-success {
|
|
241
|
+
background-color: #4caf50 !important;
|
|
242
|
+
color: white !important;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
.cdk-overlay-container .acontplus-snackbar-success .mat-mdc-snack-bar-container {
|
|
246
|
+
background-color: #4caf50 !important;
|
|
247
|
+
color: white !important;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
/* Error - Additional selectors */
|
|
251
|
+
.cdk-overlay-container .mat-mdc-snack-bar-container.acontplus-snackbar-error {
|
|
252
|
+
background-color: #f44336 !important;
|
|
253
|
+
color: white !important;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
.cdk-overlay-container .acontplus-snackbar-error .mat-mdc-snack-bar-container {
|
|
257
|
+
background-color: #f44336 !important;
|
|
258
|
+
color: white !important;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
/* Warning - Additional selectors */
|
|
262
|
+
.cdk-overlay-container .mat-mdc-snack-bar-container.acontplus-snackbar-warning {
|
|
263
|
+
background-color: #ff9800 !important;
|
|
264
|
+
color: white !important;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
.cdk-overlay-container .acontplus-snackbar-warning .mat-mdc-snack-bar-container {
|
|
268
|
+
background-color: #ff9800 !important;
|
|
269
|
+
color: white !important;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
/* Info - Additional selectors */
|
|
273
|
+
.cdk-overlay-container .mat-mdc-snack-bar-container.acontplus-snackbar-info {
|
|
274
|
+
background-color: #2196f3 !important;
|
|
275
|
+
color: white !important;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
.cdk-overlay-container .acontplus-snackbar-info .mat-mdc-snack-bar-container {
|
|
279
|
+
background-color: #2196f3 !important;
|
|
280
|
+
color: white !important;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
/* Force override any Material theme colors */
|
|
284
|
+
.cdk-overlay-container [class*='acontplus-snackbar-'] {
|
|
285
|
+
.mat-mdc-snack-bar-container {
|
|
286
|
+
background: inherit !important;
|
|
287
|
+
color: inherit !important;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
.mdc-snackbar__surface {
|
|
291
|
+
background: inherit !important;
|
|
292
|
+
color: inherit !important;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
.mdc-snackbar__label,
|
|
296
|
+
.mat-mdc-snack-bar-label {
|
|
297
|
+
color: inherit !important;
|
|
298
|
+
}
|
|
299
|
+
}
|
|
@@ -18,7 +18,7 @@ interface SweetAlertConfig extends BaseNotificationConfig {
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
type ToastrNotificationConfig = Partial<IndividualConfig>;
|
|
21
|
-
declare const TOASTR_NOTIFICATION_CONFIG: InjectionToken<Partial<IndividualConfig<
|
|
21
|
+
declare const TOASTR_NOTIFICATION_CONFIG: InjectionToken<Partial<IndividualConfig<unknown>>>;
|
|
22
22
|
|
|
23
23
|
interface SnackbarConfig extends MatSnackBarConfig {
|
|
24
24
|
readonly defaultAction?: string;
|