ngx-toastr 16.0.0 → 16.0.2

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.
Files changed (12) hide show
  1. package/README.md +29 -23
  2. package/esm2020/overlay/overlay-container.mjs +3 -3
  3. package/esm2020/overlay/overlay.mjs +3 -3
  4. package/esm2020/toastr/toast-noanimation.component.mjs +7 -7
  5. package/esm2020/toastr/toast.component.mjs +3 -3
  6. package/esm2020/toastr/toast.directive.mjs +7 -7
  7. package/esm2020/toastr/toastr.module.mjs +8 -8
  8. package/esm2020/toastr/toastr.service.mjs +3 -3
  9. package/fesm2015/ngx-toastr.mjs +34 -34
  10. package/fesm2020/ngx-toastr.mjs +34 -34
  11. package/package.json +1 -1
  12. package/toastr-bs5-alert.scss +264 -0
package/README.md CHANGED
@@ -39,7 +39,8 @@ Latest version available for each version of Angular
39
39
  | 12.1.0 | 9.x |
40
40
  | 13.2.1 | 10.x 11.x |
41
41
  | 14.3.0 | 12.x 13.x |
42
- | current | >= 14.x |
42
+ | 15.2.2 | 14.x. |
43
+ | current | >= 15.x |
43
44
 
44
45
  ## Install
45
46
 
@@ -149,10 +150,10 @@ Passed to `ToastrService.success/error/warning/info/show()`
149
150
  | newestOnTop | boolean | true | New toast placement |
150
151
  | progressBar | boolean | false | Show progress bar |
151
152
  | progressAnimation | `'decreasing' \| 'increasing'` | 'decreasing' | Changes the animation of the progress bar. |
152
- | toastClass | string | 'ngx-toastr' | Class on toast |
153
- | positionClass | string | 'toast-top-right' | Class on toast container |
154
- | titleClass | string | 'toast-title' | Class inside toast on title |
155
- | messageClass | string | 'toast-message' | Class inside toast on message |
153
+ | toastClass | string | 'ngx-toastr' | CSS class(es) for toast |
154
+ | positionClass | string | 'toast-top-right' | CSS class(es) for toast container |
155
+ | titleClass | string | 'toast-title' | CSS class(es) for inside toast on title |
156
+ | messageClass | string | 'toast-message' | CSS class(es) for inside toast on message |
156
157
  | tapToDismiss | boolean | true | Close on click |
157
158
  | onActivateTick | boolean | false | Fires `changeDetectorRef.detectChanges()` when activated. Helps show toast from asynchronous events outside of Angular's change detection |
158
159
 
@@ -384,25 +385,30 @@ ngOnInit() {
384
385
  ```
385
386
 
386
387
  2. Change default icons (check, warning sign, etc)\
387
- Overwrite the css background-image https://github.com/scttcper/ngx-toastr/blob/master/src/lib/toastr.css
388
- 3. How do I use this in an ErrorHandler? See:
389
- https://github.com/scttcper/ngx-toastr/issues/179
390
- 4. How can I translate messages See:
391
- https://github.com/scttcper/ngx-toastr/issues/201
388
+ Overwrite the css background-image: https://github.com/scttcper/ngx-toastr/blob/master/src/lib/toastr.css.
389
+ 3. How do I use this in an ErrorHandler?\
390
+ See: https://github.com/scttcper/ngx-toastr/issues/179.
391
+ 4. How can I translate messages?\
392
+ See: https://github.com/scttcper/ngx-toastr/issues/201.
392
393
  5. How to handle toastr click/tap action?
393
-
394
- ```ts
395
- showToaster() {
396
- this.toastr.success('Hello world!', 'Toastr fun!')
397
- .onTap
398
- .pipe(take(1))
399
- .subscribe(() => this.toasterClickedHandler());
400
- }
401
-
402
- toasterClickedHandler() {
403
- console.log('Toastr clicked');
404
- }
405
- ```
394
+ ```ts
395
+ showToaster() {
396
+ this.toastr.success('Hello world!', 'Toastr fun!')
397
+ .onTap
398
+ .pipe(take(1))
399
+ .subscribe(() => this.toasterClickedHandler());
400
+ }
401
+
402
+ toasterClickedHandler() {
403
+ console.log('Toastr clicked');
404
+ }
405
+ ```
406
+ 6. How to customize styling without overridding defaults?\
407
+ Add multiple CSS classes separated by a space:
408
+ ```ts
409
+ toastClass: 'yourclass ngx-toastr'
410
+ ```
411
+ See: https://github.com/scttcper/ngx-toastr/issues/594.
406
412
 
407
413
  ## Previous Works
408
414
 
package/esm2020/overlay/overlay-container.mjs CHANGED
@@ -36,9 +36,9 @@ export class OverlayContainer {
36
36
  this._containerElement = container;
37
37
  }
38
38
  }
39
- OverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: OverlayContainer, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
40
- OverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: OverlayContainer, providedIn: 'root' });
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: OverlayContainer, decorators: [{
39
+ OverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OverlayContainer, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
40
+ OverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OverlayContainer, providedIn: 'root' });
41
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OverlayContainer, decorators: [{
42
42
  type: Injectable,
43
43
  args: [{ providedIn: 'root' }]
44
44
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
package/esm2020/overlay/overlay.mjs CHANGED
@@ -72,9 +72,9 @@ export class Overlay {
72
72
  return new OverlayRef(this._createPortalHost(pane));
73
73
  }
74
74
  }
75
- Overlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Overlay, deps: [{ token: i1.OverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
76
- Overlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Overlay, providedIn: 'root' });
77
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Overlay, decorators: [{
75
+ Overlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Overlay, deps: [{ token: i1.OverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
76
+ Overlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Overlay, providedIn: 'root' });
77
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Overlay, decorators: [{
78
78
  type: Injectable,
79
79
  args: [{ providedIn: 'root' }]
80
80
  }], ctorParameters: function () { return [{ type: i1.OverlayContainer }, { type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: undefined, decorators: [{
package/esm2020/toastr/toast-noanimation.component.mjs CHANGED
@@ -144,8 +144,8 @@ export class ToastNoAnimation {
144
144
  }
145
145
  }
146
146
  }
147
- ToastNoAnimation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimation, deps: [{ token: i1.ToastrService }, { token: i2.ToastPackage }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
148
- ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: ToastNoAnimation, selector: "[toast-component]", host: { listeners: { "click": "tapToast()", "mouseenter": "stickAround()", "mouseleave": "delayedHideToast()" }, properties: { "class": "this.toastClasses", "style.display": "this.displayStyle" } }, ngImport: i0, template: `
147
+ ToastNoAnimation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimation, deps: [{ token: i1.ToastrService }, { token: i2.ToastPackage }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
148
+ ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ToastNoAnimation, selector: "[toast-component]", host: { listeners: { "click": "tapToast()", "mouseenter": "stickAround()", "mouseleave": "delayedHideToast()" }, properties: { "class": "this.toastClasses", "style.display": "this.displayStyle" } }, ngImport: i0, template: `
149
149
  <button *ngIf="options.closeButton" (click)="remove()" type="button" class="toast-close-button" aria-label="Close">
150
150
  <span aria-hidden="true">&times;</span>
151
151
  </button>
@@ -163,7 +163,7 @@ ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
163
163
  <div class="toast-progress" [style.width]="width + '%'"></div>
164
164
  </div>
165
165
  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
166
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimation, decorators: [{
166
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimation, decorators: [{
167
167
  type: Component,
168
168
  args: [{
169
169
  selector: '[toast-component]',
@@ -222,10 +222,10 @@ export class ToastNoAnimationModule {
222
222
  };
223
223
  }
224
224
  }
225
- ToastNoAnimationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
226
- ToastNoAnimationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimationModule, declarations: [ToastNoAnimation], imports: [CommonModule], exports: [ToastNoAnimation] });
227
- ToastNoAnimationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimationModule, imports: [CommonModule] });
228
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimationModule, decorators: [{
225
+ ToastNoAnimationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
226
+ ToastNoAnimationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimationModule, declarations: [ToastNoAnimation], imports: [CommonModule], exports: [ToastNoAnimation] });
227
+ ToastNoAnimationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimationModule, imports: [CommonModule] });
228
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimationModule, decorators: [{
229
229
  type: NgModule,
230
230
  args: [{
231
231
  imports: [CommonModule],
package/esm2020/toastr/toast.component.mjs CHANGED
@@ -171,8 +171,8 @@ export class Toast {
171
171
  }
172
172
  }
173
173
  }
174
- Toast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Toast, deps: [{ token: i1.ToastrService }, { token: i2.ToastPackage }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
175
- Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", 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: `
174
+ Toast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Toast, deps: [{ token: i1.ToastrService }, { token: i2.ToastPackage }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
175
+ Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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: `
176
176
  <button *ngIf="options.closeButton" (click)="remove()" type="button" class="toast-close-button" aria-label="Close">
177
177
  <span aria-hidden="true">&times;</span>
178
178
  </button>
@@ -198,7 +198,7 @@ Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0
198
198
  transition('active => removed', animate('{{ easeTime }}ms {{ easing }}'))
199
199
  ])
200
200
  ] });
201
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Toast, decorators: [{
201
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Toast, decorators: [{
202
202
  type: Component,
203
203
  args: [{
204
204
  selector: '[toast-component]',
package/esm2020/toastr/toast.directive.mjs CHANGED
@@ -8,9 +8,9 @@ export class ToastContainerDirective {
8
8
  return this.el.nativeElement;
9
9
  }
10
10
  }
11
- ToastContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
12
- ToastContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: ToastContainerDirective, selector: "[toastContainer]", exportAs: ["toastContainer"], ngImport: i0 });
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerDirective, decorators: [{
11
+ ToastContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
12
+ ToastContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ToastContainerDirective, selector: "[toastContainer]", exportAs: ["toastContainer"], ngImport: i0 });
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerDirective, decorators: [{
14
14
  type: Directive,
15
15
  args: [{
16
16
  selector: '[toastContainer]',
@@ -19,10 +19,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
19
19
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
20
20
  export class ToastContainerModule {
21
21
  }
22
- ToastContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
23
- ToastContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerModule, declarations: [ToastContainerDirective], exports: [ToastContainerDirective] });
24
- ToastContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerModule });
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerModule, decorators: [{
22
+ ToastContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
23
+ ToastContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerModule, declarations: [ToastContainerDirective], exports: [ToastContainerDirective] });
24
+ ToastContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerModule });
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerModule, decorators: [{
26
26
  type: NgModule,
27
27
  args: [{
28
28
  declarations: [ToastContainerDirective],
package/esm2020/toastr/toastr.module.mjs CHANGED
@@ -23,10 +23,10 @@ export class ToastrModule {
23
23
  };
24
24
  }
25
25
  }
26
- ToastrModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
27
- ToastrModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToastrModule, declarations: [Toast], imports: [CommonModule], exports: [Toast] });
28
- ToastrModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrModule, imports: [CommonModule] });
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrModule, decorators: [{
26
+ ToastrModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
27
+ ToastrModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ToastrModule, declarations: [Toast], imports: [CommonModule], exports: [Toast] });
28
+ ToastrModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrModule, imports: [CommonModule] });
29
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrModule, decorators: [{
30
30
  type: NgModule,
31
31
  args: [{
32
32
  imports: [CommonModule],
@@ -50,10 +50,10 @@ export class ToastrComponentlessModule {
50
50
  };
51
51
  }
52
52
  }
53
- ToastrComponentlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrComponentlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
54
- ToastrComponentlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
55
- ToastrComponentlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrComponentlessModule, decorators: [{
53
+ ToastrComponentlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrComponentlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
54
+ ToastrComponentlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
55
+ ToastrComponentlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
56
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrComponentlessModule, decorators: [{
57
57
  type: NgModule,
58
58
  args: [{
59
59
  imports: [CommonModule],
package/esm2020/toastr/toastr.service.mjs CHANGED
@@ -187,9 +187,9 @@ export class ToastrService {
187
187
  return ins;
188
188
  }
189
189
  }
190
- ToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrService, deps: [{ token: TOAST_CONFIG }, { token: i1.Overlay }, { token: i0.Injector }, { token: i2.DomSanitizer }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
191
- ToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrService, providedIn: 'root' });
192
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrService, decorators: [{
190
+ ToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrService, deps: [{ token: TOAST_CONFIG }, { token: i1.Overlay }, { token: i0.Injector }, { token: i2.DomSanitizer }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
191
+ ToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrService, providedIn: 'root' });
192
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrService, decorators: [{
193
193
  type: Injectable,
194
194
  args: [{ providedIn: 'root' }]
195
195
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
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: "15.0.0", ngImport: i0, type: ToastContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
18
- ToastContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: ToastContainerDirective, selector: "[toastContainer]", exportAs: ["toastContainer"], ngImport: i0 });
19
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerDirective, decorators: [{
17
+ ToastContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
18
+ ToastContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ToastContainerDirective, selector: "[toastContainer]", exportAs: ["toastContainer"], ngImport: i0 });
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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: "15.0.0", 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: "15.0.0", ngImport: i0, type: ToastContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
29
- ToastContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerModule, declarations: [ToastContainerDirective], exports: [ToastContainerDirective] });
30
- ToastContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerModule });
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerModule, decorators: [{
28
+ ToastContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
29
+ ToastContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerModule, declarations: [ToastContainerDirective], exports: [ToastContainerDirective] });
30
+ ToastContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerModule });
31
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerModule, decorators: [{
32
32
  type: NgModule,
33
33
  args: [{
34
34
  declarations: [ToastContainerDirective],
@@ -340,9 +340,9 @@ class OverlayContainer {
340
340
  this._containerElement = container;
341
341
  }
342
342
  }
343
- OverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: OverlayContainer, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
344
- OverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: OverlayContainer, providedIn: 'root' });
345
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: OverlayContainer, decorators: [{
343
+ OverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OverlayContainer, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
344
+ OverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OverlayContainer, providedIn: 'root' });
345
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OverlayContainer, decorators: [{
346
346
  type: Injectable,
347
347
  args: [{ providedIn: 'root' }]
348
348
  }], ctorParameters: function () {
@@ -420,9 +420,9 @@ class Overlay {
420
420
  return new OverlayRef(this._createPortalHost(pane));
421
421
  }
422
422
  }
423
- Overlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Overlay, deps: [{ token: OverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
424
- Overlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Overlay, providedIn: 'root' });
425
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Overlay, decorators: [{
423
+ Overlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Overlay, deps: [{ token: OverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
424
+ Overlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Overlay, providedIn: 'root' });
425
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Overlay, decorators: [{
426
426
  type: Injectable,
427
427
  args: [{ providedIn: 'root' }]
428
428
  }], ctorParameters: function () {
@@ -608,9 +608,9 @@ class ToastrService {
608
608
  return ins;
609
609
  }
610
610
  }
611
- ToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrService, deps: [{ token: TOAST_CONFIG }, { token: Overlay }, { token: i0.Injector }, { token: i2.DomSanitizer }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
612
- ToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrService, providedIn: 'root' });
613
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrService, decorators: [{
611
+ ToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrService, deps: [{ token: TOAST_CONFIG }, { token: Overlay }, { token: i0.Injector }, { token: i2.DomSanitizer }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
612
+ ToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrService, providedIn: 'root' });
613
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrService, decorators: [{
614
614
  type: Injectable,
615
615
  args: [{ providedIn: 'root' }]
616
616
  }], ctorParameters: function () {
@@ -787,8 +787,8 @@ class Toast {
787
787
  }
788
788
  }
789
789
  }
790
- Toast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Toast, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
791
- Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", 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: `
790
+ Toast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Toast, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
791
+ Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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: `
792
792
  <button *ngIf="options.closeButton" (click)="remove()" type="button" class="toast-close-button" aria-label="Close">
793
793
  <span aria-hidden="true">&times;</span>
794
794
  </button>
@@ -814,7 +814,7 @@ Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0
814
814
  transition('active => removed', animate('{{ easeTime }}ms {{ easing }}'))
815
815
  ])
816
816
  ] });
817
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Toast, decorators: [{
817
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Toast, decorators: [{
818
818
  type: Component,
819
819
  args: [{
820
820
  selector: '[toast-component]',
@@ -884,10 +884,10 @@ class ToastrModule {
884
884
  };
885
885
  }
886
886
  }
887
- ToastrModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
888
- ToastrModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToastrModule, declarations: [Toast], imports: [CommonModule], exports: [Toast] });
889
- ToastrModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrModule, imports: [CommonModule] });
890
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrModule, decorators: [{
887
+ ToastrModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
888
+ ToastrModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ToastrModule, declarations: [Toast], imports: [CommonModule], exports: [Toast] });
889
+ ToastrModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrModule, imports: [CommonModule] });
890
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrModule, decorators: [{
891
891
  type: NgModule,
892
892
  args: [{
893
893
  imports: [CommonModule],
@@ -911,10 +911,10 @@ class ToastrComponentlessModule {
911
911
  };
912
912
  }
913
913
  }
914
- ToastrComponentlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrComponentlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
915
- ToastrComponentlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
916
- ToastrComponentlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
917
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrComponentlessModule, decorators: [{
914
+ ToastrComponentlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrComponentlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
915
+ ToastrComponentlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
916
+ ToastrComponentlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
917
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrComponentlessModule, decorators: [{
918
918
  type: NgModule,
919
919
  args: [{
920
920
  imports: [CommonModule],
@@ -1060,8 +1060,8 @@ class ToastNoAnimation {
1060
1060
  }
1061
1061
  }
1062
1062
  }
1063
- ToastNoAnimation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimation, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
1064
- ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: ToastNoAnimation, selector: "[toast-component]", host: { listeners: { "click": "tapToast()", "mouseenter": "stickAround()", "mouseleave": "delayedHideToast()" }, properties: { "class": "this.toastClasses", "style.display": "this.displayStyle" } }, ngImport: i0, template: `
1063
+ ToastNoAnimation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimation, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
1064
+ ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ToastNoAnimation, selector: "[toast-component]", host: { listeners: { "click": "tapToast()", "mouseenter": "stickAround()", "mouseleave": "delayedHideToast()" }, properties: { "class": "this.toastClasses", "style.display": "this.displayStyle" } }, ngImport: i0, template: `
1065
1065
  <button *ngIf="options.closeButton" (click)="remove()" type="button" class="toast-close-button" aria-label="Close">
1066
1066
  <span aria-hidden="true">&times;</span>
1067
1067
  </button>
@@ -1079,7 +1079,7 @@ ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
1079
1079
  <div class="toast-progress" [style.width]="width + '%'"></div>
1080
1080
  </div>
1081
1081
  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1082
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimation, decorators: [{
1082
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimation, decorators: [{
1083
1083
  type: Component,
1084
1084
  args: [{
1085
1085
  selector: '[toast-component]',
@@ -1135,10 +1135,10 @@ class ToastNoAnimationModule {
1135
1135
  };
1136
1136
  }
1137
1137
  }
1138
- ToastNoAnimationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1139
- ToastNoAnimationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimationModule, declarations: [ToastNoAnimation], imports: [CommonModule], exports: [ToastNoAnimation] });
1140
- ToastNoAnimationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimationModule, imports: [CommonModule] });
1141
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimationModule, decorators: [{
1138
+ ToastNoAnimationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1139
+ ToastNoAnimationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimationModule, declarations: [ToastNoAnimation], imports: [CommonModule], exports: [ToastNoAnimation] });
1140
+ ToastNoAnimationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimationModule, imports: [CommonModule] });
1141
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimationModule, decorators: [{
1142
1142
  type: NgModule,
1143
1143
  args: [{
1144
1144
  imports: [CommonModule],
package/fesm2020/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: "15.0.0", ngImport: i0, type: ToastContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
18
- ToastContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: ToastContainerDirective, selector: "[toastContainer]", exportAs: ["toastContainer"], ngImport: i0 });
19
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerDirective, decorators: [{
17
+ ToastContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
18
+ ToastContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ToastContainerDirective, selector: "[toastContainer]", exportAs: ["toastContainer"], ngImport: i0 });
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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: "15.0.0", 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: "15.0.0", ngImport: i0, type: ToastContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
29
- ToastContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerModule, declarations: [ToastContainerDirective], exports: [ToastContainerDirective] });
30
- ToastContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerModule });
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastContainerModule, decorators: [{
28
+ ToastContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
29
+ ToastContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerModule, declarations: [ToastContainerDirective], exports: [ToastContainerDirective] });
30
+ ToastContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerModule });
31
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastContainerModule, decorators: [{
32
32
  type: NgModule,
33
33
  args: [{
34
34
  declarations: [ToastContainerDirective],
@@ -340,9 +340,9 @@ class OverlayContainer {
340
340
  this._containerElement = container;
341
341
  }
342
342
  }
343
- OverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: OverlayContainer, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
344
- OverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: OverlayContainer, providedIn: 'root' });
345
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: OverlayContainer, decorators: [{
343
+ OverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OverlayContainer, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
344
+ OverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OverlayContainer, providedIn: 'root' });
345
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OverlayContainer, decorators: [{
346
346
  type: Injectable,
347
347
  args: [{ providedIn: 'root' }]
348
348
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -418,9 +418,9 @@ class Overlay {
418
418
  return new OverlayRef(this._createPortalHost(pane));
419
419
  }
420
420
  }
421
- Overlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Overlay, deps: [{ token: OverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
422
- Overlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Overlay, providedIn: 'root' });
423
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Overlay, decorators: [{
421
+ Overlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Overlay, deps: [{ token: OverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
422
+ Overlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Overlay, providedIn: 'root' });
423
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Overlay, decorators: [{
424
424
  type: Injectable,
425
425
  args: [{ providedIn: 'root' }]
426
426
  }], ctorParameters: function () { return [{ type: OverlayContainer }, { type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: undefined, decorators: [{
@@ -610,9 +610,9 @@ class ToastrService {
610
610
  return ins;
611
611
  }
612
612
  }
613
- ToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrService, deps: [{ token: TOAST_CONFIG }, { token: Overlay }, { token: i0.Injector }, { token: i2.DomSanitizer }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
614
- ToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrService, providedIn: 'root' });
615
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrService, decorators: [{
613
+ ToastrService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrService, deps: [{ token: TOAST_CONFIG }, { token: Overlay }, { token: i0.Injector }, { token: i2.DomSanitizer }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
614
+ ToastrService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrService, providedIn: 'root' });
615
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrService, decorators: [{
616
616
  type: Injectable,
617
617
  args: [{ providedIn: 'root' }]
618
618
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -787,8 +787,8 @@ class Toast {
787
787
  }
788
788
  }
789
789
  }
790
- Toast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Toast, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
791
- Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", 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: `
790
+ Toast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Toast, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
791
+ Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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: `
792
792
  <button *ngIf="options.closeButton" (click)="remove()" type="button" class="toast-close-button" aria-label="Close">
793
793
  <span aria-hidden="true">&times;</span>
794
794
  </button>
@@ -814,7 +814,7 @@ Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0
814
814
  transition('active => removed', animate('{{ easeTime }}ms {{ easing }}'))
815
815
  ])
816
816
  ] });
817
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: Toast, decorators: [{
817
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Toast, decorators: [{
818
818
  type: Component,
819
819
  args: [{
820
820
  selector: '[toast-component]',
@@ -887,10 +887,10 @@ class ToastrModule {
887
887
  };
888
888
  }
889
889
  }
890
- ToastrModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
891
- ToastrModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToastrModule, declarations: [Toast], imports: [CommonModule], exports: [Toast] });
892
- ToastrModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrModule, imports: [CommonModule] });
893
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrModule, decorators: [{
890
+ ToastrModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
891
+ ToastrModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ToastrModule, declarations: [Toast], imports: [CommonModule], exports: [Toast] });
892
+ ToastrModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrModule, imports: [CommonModule] });
893
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrModule, decorators: [{
894
894
  type: NgModule,
895
895
  args: [{
896
896
  imports: [CommonModule],
@@ -914,10 +914,10 @@ class ToastrComponentlessModule {
914
914
  };
915
915
  }
916
916
  }
917
- ToastrComponentlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrComponentlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
918
- ToastrComponentlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
919
- ToastrComponentlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
920
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastrComponentlessModule, decorators: [{
917
+ ToastrComponentlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrComponentlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
918
+ ToastrComponentlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
919
+ ToastrComponentlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
920
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastrComponentlessModule, decorators: [{
921
921
  type: NgModule,
922
922
  args: [{
923
923
  imports: [CommonModule],
@@ -1063,8 +1063,8 @@ class ToastNoAnimation {
1063
1063
  }
1064
1064
  }
1065
1065
  }
1066
- ToastNoAnimation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimation, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
1067
- ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: ToastNoAnimation, selector: "[toast-component]", host: { listeners: { "click": "tapToast()", "mouseenter": "stickAround()", "mouseleave": "delayedHideToast()" }, properties: { "class": "this.toastClasses", "style.display": "this.displayStyle" } }, ngImport: i0, template: `
1066
+ ToastNoAnimation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimation, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
1067
+ ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ToastNoAnimation, selector: "[toast-component]", host: { listeners: { "click": "tapToast()", "mouseenter": "stickAround()", "mouseleave": "delayedHideToast()" }, properties: { "class": "this.toastClasses", "style.display": "this.displayStyle" } }, ngImport: i0, template: `
1068
1068
  <button *ngIf="options.closeButton" (click)="remove()" type="button" class="toast-close-button" aria-label="Close">
1069
1069
  <span aria-hidden="true">&times;</span>
1070
1070
  </button>
@@ -1082,7 +1082,7 @@ ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
1082
1082
  <div class="toast-progress" [style.width]="width + '%'"></div>
1083
1083
  </div>
1084
1084
  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1085
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimation, decorators: [{
1085
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimation, decorators: [{
1086
1086
  type: Component,
1087
1087
  args: [{
1088
1088
  selector: '[toast-component]',
@@ -1141,10 +1141,10 @@ class ToastNoAnimationModule {
1141
1141
  };
1142
1142
  }
1143
1143
  }
1144
- ToastNoAnimationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1145
- ToastNoAnimationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimationModule, declarations: [ToastNoAnimation], imports: [CommonModule], exports: [ToastNoAnimation] });
1146
- ToastNoAnimationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimationModule, imports: [CommonModule] });
1147
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: ToastNoAnimationModule, decorators: [{
1144
+ ToastNoAnimationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1145
+ ToastNoAnimationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimationModule, declarations: [ToastNoAnimation], imports: [CommonModule], exports: [ToastNoAnimation] });
1146
+ ToastNoAnimationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimationModule, imports: [CommonModule] });
1147
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastNoAnimationModule, decorators: [{
1148
1148
  type: NgModule,
1149
1149
  args: [{
1150
1150
  imports: [CommonModule],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ngx-toastr",
3
- "version": "16.0.0",
3
+ "version": "16.0.2",
4
4
  "peerDependencies": {
5
5
  "@angular/core": ">=14.0.0-0",
6
6
  "@angular/common": ">=14.0.0-0",
package/toastr-bs5-alert.scss ADDED
@@ -0,0 +1,264 @@
1
+ $theme-color-interval: 8% !default;
2
+
3
+ // Position
4
+ .toast-center-center {
5
+ top: 50%;
6
+ left: 50%;
7
+ transform: translate(-50%, -50%);
8
+ }
9
+ .toast-top-center {
10
+ top: 0;
11
+ right: 0;
12
+ width: 100%;
13
+ }
14
+ .toast-bottom-center {
15
+ bottom: 0;
16
+ right: 0;
17
+ width: 100%;
18
+ }
19
+ .toast-top-full-width {
20
+ top: 0;
21
+ right: 0;
22
+ width: 100%;
23
+ }
24
+ .toast-bottom-full-width {
25
+ bottom: 0;
26
+ right: 0;
27
+ width: 100%;
28
+ }
29
+ .toast-top-left {
30
+ top: 12px;
31
+ left: 12px;
32
+ }
33
+ .toast-top-right {
34
+ top: 12px;
35
+ right: 12px;
36
+ }
37
+ .toast-bottom-right {
38
+ right: 12px;
39
+ bottom: 12px;
40
+ }
41
+ .toast-bottom-left {
42
+ bottom: 12px;
43
+ left: 12px;
44
+ }
45
+ .toast-container.toast-top-center .ngx-toastr,
46
+ .toast-container.toast-bottom-center .ngx-toastr {
47
+ width: 300px;
48
+ margin-left: auto;
49
+ margin-right: auto;
50
+ }
51
+ .toast-container.toast-top-full-width .ngx-toastr,
52
+ .toast-container.toast-bottom-full-width .ngx-toastr {
53
+ width: 96%;
54
+ margin-left: auto;
55
+ margin-right: auto;
56
+ }
57
+
58
+ // Toast
59
+ .toast-container {
60
+ pointer-events: none;
61
+ position: fixed;
62
+ z-index: 999999;
63
+
64
+ .ngx-toastr {
65
+ @include border-radius($alert-border-radius);
66
+ position: relative;
67
+ overflow: hidden;
68
+ margin: 0 0 6px;
69
+ padding: 0.75rem 1.25rem 0.75rem 50px;
70
+ width: 300px;
71
+ background-position: 15px center;
72
+ background-repeat: no-repeat;
73
+ background-size: 24px;
74
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
75
+ pointer-events: auto;
76
+
77
+ .toast-title {
78
+ font-weight: bold;
79
+ }
80
+ .toast-message {
81
+ word-wrap: break-word;
82
+
83
+ }
84
+ .toast-close-button {
85
+ position: relative;
86
+ right: -0.3em;
87
+ top: -0.3em;
88
+ float: right;
89
+ font-size: 20px;
90
+ font-weight: bold;
91
+ color: inherit;
92
+ text-shadow: 0 1px 0 #fff;
93
+ opacity: 0.5;
94
+ background: transparent;
95
+ border: 0;
96
+ padding: 0;
97
+ }
98
+ .toast-progress {
99
+ position: absolute;
100
+ left: 0;
101
+ bottom: 0;
102
+ height: 4px;
103
+ background-color: #000000;
104
+ opacity: 0.3;
105
+ }
106
+ .toast-close-button:hover,
107
+ .toast-close-button:focus {
108
+ color: #000000;
109
+ text-decoration: none;
110
+ cursor: pointer;
111
+ opacity: 0.75;
112
+ }
113
+ }
114
+ .ngx-toastr:hover {
115
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
116
+ opacity: 1;
117
+ cursor: pointer;
118
+ }
119
+ }
120
+
121
+ @function str-split($string, $separator) {
122
+ $split-arr: ();
123
+ // first index of separator in string
124
+ $index: str-index($string, $separator);
125
+ // loop through string
126
+ @while $index != null {
127
+ // get the substring from the first character to the separator
128
+ $item: str-slice($string, 1, $index - 1);
129
+ // push item to array
130
+ $split-arr: append($split-arr, $item);
131
+ // remove item and separator from string
132
+ $string: str-slice($string, $index + 1);
133
+ // find new index of separator
134
+ $index: str-index($string, $separator);
135
+ }
136
+ // add the remaining string to list (the last item)
137
+ $split-arr: append($split-arr, $string);
138
+
139
+ @return $split-arr;
140
+ }
141
+
142
+ @function svg-factory($fill-color, $viewbox, $path) {
143
+ $split: str-split($viewbox, ' ');
144
+ $width: nth($split, 3);
145
+ $height: nth($split, 4);
146
+
147
+ // opacity is 0.9999 otherwise it uses a hex equivelent
148
+ // firefox requires fill rgb
149
+ @return "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='" + $viewbox +
150
+ "' width='" + $width + "' height='" + $height + "'%3E%3Cpath fill='" +
151
+ rgba($fill-color, 0.999999) + "' d='" + $path + "'/%3E%3C/svg%3E";
152
+ }
153
+ @function svg-encode($svg) {
154
+ @return 'data:image/svg+xml;charset=utf8,' + $svg;
155
+ }
156
+ .toast-success {
157
+ /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/check.svg */
158
+ background-image: url(svg-encode(
159
+ svg-factory(
160
+ shift-color($success, 6 * $theme-color-interval),
161
+ '0 0 512 512',
162
+ 'M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'
163
+ )
164
+ ));
165
+ color: shift-color($success, 6 * $theme-color-interval) !important;
166
+ background-color: shift-color($success, -10 * $theme-color-interval);
167
+ border: 1px solid shift-color($success, -9 * $theme-color-interval);
168
+ // these are likely !important because we're overriding bootstrap 5's toast styles
169
+ a {
170
+ text-decoration: underline !important;
171
+ color: shift-color($success, 10 * $theme-color-interval) !important;
172
+ &:hover {
173
+ color: shift-color($success, 12 * $theme-color-interval) !important;
174
+ }
175
+ }
176
+ }
177
+ .toast-error {
178
+ /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/times-circle.svg */
179
+ background-image: url(svg-encode(
180
+ svg-factory(
181
+ shift-color($danger, 6 * $theme-color-interval),
182
+ '0 0 512 512',
183
+ 'M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'
184
+ )
185
+ ));
186
+ color: shift-color($danger, 6 * $theme-color-interval) !important;
187
+ background-color: shift-color($danger, -10 * $theme-color-interval);
188
+ border: 1px solid shift-color($danger, -9 * $theme-color-interval);
189
+ a {
190
+ text-decoration: underline !important;
191
+ color: shift-color($danger, 10 * $theme-color-interval) !important;
192
+ &:hover {
193
+ color: shift-color($danger, 12 * $theme-color-interval) !important;
194
+ }
195
+ }
196
+ }
197
+ .toast-info {
198
+ /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/info-circle.svg */
199
+ background-image: url(svg-encode(
200
+ svg-factory(
201
+ shift-color($info, 6 * $theme-color-interval),
202
+ '0 0 512 512',
203
+ 'M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'
204
+ )
205
+ ));
206
+ color: shift-color($info, 6 * $theme-color-interval) !important;
207
+ background-color: shift-color($info, -10 * $theme-color-interval);
208
+ border: 1px solid shift-color($info, -9 * $theme-color-interval);
209
+ a {
210
+ text-decoration: underline !important;
211
+ color: shift-color($info, 10 * $theme-color-interval) !important;
212
+ &:hover {
213
+ color: shift-color($info, 12 * $theme-color-interval) !important;
214
+ }
215
+ }
216
+ }
217
+ .toast-warning {
218
+ /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/exclamation-triangle.svg */
219
+ background-image: url(svg-encode(
220
+ svg-factory(
221
+ shift-color($warning, 6 * $theme-color-interval),
222
+ '0 0 576 512',
223
+ 'M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'
224
+ )
225
+ ));
226
+ color: shift-color($warning, 6 * $theme-color-interval) !important;
227
+ background-color: shift-color($warning, -10 * $theme-color-interval);
228
+ border: 1px solid shift-color($warning, -9 * $theme-color-interval);
229
+ a {
230
+ text-decoration: underline !important;
231
+ color: shift-color($warning, 10 * $theme-color-interval) !important;
232
+ &:hover {
233
+ color: shift-color($warning, 12 * $theme-color-interval) !important;
234
+ }
235
+ }
236
+ }
237
+
238
+ // Responsive Design
239
+ @media all and (max-width: 240px) {
240
+ .toast-container .ngx-toastr.div {
241
+ padding: 8px 8px 8px 50px;
242
+ width: 11em;
243
+ }
244
+ .toast-container .toast-close-button {
245
+ right: -0.2em;
246
+ top: -0.2em;
247
+ }
248
+ }
249
+ @media all and (min-width: 241px) and (max-width: 480px) {
250
+ .toast-container .ngx-toastr.div {
251
+ padding: 8px 8px 8px 50px;
252
+ width: 18em;
253
+ }
254
+ .toast-container .toast-close-button {
255
+ right: -0.2em;
256
+ top: -0.2em;
257
+ }
258
+ }
259
+ @media all and (min-width: 481px) and (max-width: 768px) {
260
+ .toast-container .ngx-toastr.div {
261
+ padding: 15px 15px 15px 50px;
262
+ width: 25em;
263
+ }
264
+ }