ngx-toastr 16.1.1 → 16.2.0

package/fesm2020/ngx-toastr.mjs

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
-import { Directive, NgModule, InjectionToken, Injectable, Inject, SecurityContext, Injector, Component, HostBinding, HostListener } from '@angular/core';
+import { Directive, InjectionToken, inject, Injectable, ComponentFactoryResolver, ApplicationRef, SecurityContext, Injector, Inject, Component, HostBinding, HostListener, makeEnvironmentProviders, NgModule } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
+import { DOCUMENT, NgIf } from '@angular/common';
 import { Subject } from 'rxjs';
-import * as i3 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
 import * as i2 from '@angular/platform-browser';
 
 class ToastContainerDirective {
@@ -15,26 +14,15 @@ class ToastContainerDirective {
     }
 }
 ToastContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastContainerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ToastContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ToastContainerDirective, selector: "[toastContainer]", exportAs: ["toastContainer"], ngImport: i0 });
+ToastContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ToastContainerDirective, isStandalone: true, selector: "[toastContainer]", exportAs: ["toastContainer"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[toastContainer]',
                     exportAs: 'toastContainer',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-class ToastContainerModule {
-}
-ToastContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ToastContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ToastContainerModule, declarations: [ToastContainerDirective], exports: [ToastContainerDirective] });
-ToastContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastContainerModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastContainerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ToastContainerDirective],
-                    exports: [ToastContainerDirective],
-                }]
-        }] });
 
 /**
  * A `ComponentPortal` is a portal that instantiates some Component upon attachment.
@@ -284,30 +272,10 @@ class DomPortalHost extends BasePortalHost {
     }
 }
 
-/**
- * Reference to an overlay that has been created with the Overlay service.
- * Used to manipulate or dispose of said overlay.
- */
-class OverlayRef {
-    constructor(_portalHost) {
-        this._portalHost = _portalHost;
-    }
-    attach(portal, newestOnTop = true) {
-        return this._portalHost.attach(portal, newestOnTop);
-    }
-    /**
-     * Detaches an overlay from a portal.
-     * @returns Resolves when the overlay has been detached.
-     */
-    detach() {
-        return this._portalHost.detach();
-    }
-}
-
 /** Container inside which all toasts will render. */
 class OverlayContainer {
-    constructor(_document) {
-        this._document = _document;
+    constructor() {
+        this._document = inject(DOCUMENT);
     }
     ngOnDestroy() {
         if (this._containerElement && this._containerElement.parentNode) {
@@ -339,15 +307,32 @@ class OverlayContainer {
         this._containerElement = container;
     }
 }
-OverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: OverlayContainer, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+OverlayContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: OverlayContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 OverlayContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: OverlayContainer, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: OverlayContainer, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }]; } });
+        }] });
+
+/**
+ * Reference to an overlay that has been created with the Overlay service.
+ * Used to manipulate or dispose of said overlay.
+ */
+class OverlayRef {
+    constructor(_portalHost) {
+        this._portalHost = _portalHost;
+    }
+    attach(portal, newestOnTop = true) {
+        return this._portalHost.attach(portal, newestOnTop);
+    }
+    /**
+     * Detaches an overlay from a portal.
+     * @returns Resolves when the overlay has been detached.
+     */
+    detach() {
+        return this._portalHost.detach();
+    }
+}
 
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 /**
@@ -359,11 +344,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  * An overlay *is* a PortalHost, so any kind of Portal can be loaded into one.
  */
 class Overlay {
-    constructor(_overlayContainer, _componentFactoryResolver, _appRef, _document) {
-        this._overlayContainer = _overlayContainer;
-        this._componentFactoryResolver = _componentFactoryResolver;
-        this._appRef = _appRef;
-        this._document = _document;
+    constructor() {
+        this._overlayContainer = inject(OverlayContainer);
+        this._componentFactoryResolver = inject(ComponentFactoryResolver);
+        this._appRef = inject(ApplicationRef);
+        this._document = inject(DOCUMENT);
         // Namespace panes by overlay container
         this._paneElements = new Map();
     }
@@ -417,15 +402,12 @@ class Overlay {
         return new OverlayRef(this._createPortalHost(pane));
     }
 }
-Overlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: Overlay, deps: [{ token: OverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+Overlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: Overlay, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 Overlay.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: Overlay, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: Overlay, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: OverlayContainer }, { type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }]; } });
+        }] });
 
 class ToastrService {
     constructor(token, overlay, _injector, sanitizer, ngZone) {
@@ -787,7 +769,7 @@ class Toast {
     }
 }
 Toast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: Toast, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", 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: `
+Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: Toast, isStandalone: true, 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: `
   <button *ngIf="options.closeButton" (click)="remove()" type="button" class="toast-close-button" aria-label="Close">
     <span aria-hidden="true">&times;</span>
   </button>
@@ -804,14 +786,14 @@ Toast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7
   <div *ngIf="options.progressBar">
     <div class="toast-progress" [style.width]="width + '%'"></div>
   </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
         trigger('flyInOut', [
             state('inactive', style({ opacity: 0 })),
             state('active', style({ opacity: 1 })),
             state('removed', style({ opacity: 0 })),
             transition('inactive => active', animate('{{ easeTime }}ms {{ easing }}')),
-            transition('active => removed', animate('{{ easeTime }}ms {{ easing }}'))
-        ])
+            transition('active => removed', animate('{{ easeTime }}ms {{ easing }}')),
+        ]),
     ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: Toast, decorators: [{
             type: Component,
@@ -841,10 +823,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                             state('active', style({ opacity: 1 })),
                             state('removed', style({ opacity: 0 })),
                             transition('inactive => active', animate('{{ easeTime }}ms {{ easing }}')),
-                            transition('active => removed', animate('{{ easeTime }}ms {{ easing }}'))
-                        ])
+                            transition('active => removed', animate('{{ easeTime }}ms {{ easing }}')),
+                        ]),
                     ],
-                    preserveWhitespaces: false
+                    preserveWhitespaces: false,
+                    standalone: true,
+                    imports: [NgIf],
                 }]
         }], ctorParameters: function () { return [{ type: ToastrService }, { type: ToastPackage }, { type: i0.NgZone }]; }, propDecorators: { toastClasses: [{
                 type: HostBinding,
@@ -870,30 +854,54 @@ const DefaultGlobalConfig = {
     ...DefaultNoComponentGlobalConfig,
     toastComponent: Toast,
 };
+/**
+ * @description
+ * Provides the `TOAST_CONFIG` token with the given config.
+ *
+ * @param config The config to configure toastr.
+ * @returns The environment providers.
+ *
+ * @example
+ * ```ts
+ * import { provideToastr } from 'ngx-toastr';
+ *
+ * bootstrap(AppComponent, {
+ *   providers: [
+ *     provideToastr({
+ *       timeOut: 2000,
+ *       positionClass: 'toast-top-right',
+ *     }),
+ *   ],
+ * })
+ */
+const provideToastr = (config = {}) => {
+    const providers = [
+        {
+            provide: TOAST_CONFIG,
+            useValue: {
+                default: DefaultGlobalConfig,
+                config,
+            }
+        }
+    ];
+    return makeEnvironmentProviders(providers);
+};
+
 class ToastrModule {
     static forRoot(config = {}) {
         return {
             ngModule: ToastrModule,
-            providers: [
-                {
-                    provide: TOAST_CONFIG,
-                    useValue: {
-                        default: DefaultGlobalConfig,
-                        config,
-                    },
-                },
-            ],
+            providers: [provideToastr(config)],
         };
     }
 }
 ToastrModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastrModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ToastrModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ToastrModule, declarations: [Toast], imports: [CommonModule], exports: [Toast] });
-ToastrModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastrModule, imports: [CommonModule] });
+ToastrModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ToastrModule, imports: [Toast], exports: [Toast] });
+ToastrModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastrModule, imports: [Toast] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastrModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [Toast],
+                    imports: [Toast],
                     exports: [Toast],
                 }]
         }] });
@@ -914,13 +922,11 @@ class ToastrComponentlessModule {
     }
 }
 ToastrComponentlessModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastrComponentlessModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ToastrComponentlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
-ToastrComponentlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastrComponentlessModule, imports: [CommonModule] });
+ToastrComponentlessModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ToastrComponentlessModule });
+ToastrComponentlessModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastrComponentlessModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastrComponentlessModule, decorators: [{
             type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                }]
+            args: [{}]
         }] });
 
 class ToastNoAnimation {
@@ -1063,7 +1069,7 @@ class ToastNoAnimation {
     }
 }
 ToastNoAnimation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastNoAnimation, deps: [{ token: ToastrService }, { token: ToastPackage }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
-ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ToastNoAnimation, selector: "[toast-component]", host: { listeners: { "click": "tapToast()", "mouseenter": "stickAround()", "mouseleave": "delayedHideToast()" }, properties: { "class": "this.toastClasses", "style.display": "this.displayStyle" } }, ngImport: i0, template: `
+ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ToastNoAnimation, isStandalone: true, selector: "[toast-component]", host: { listeners: { "click": "tapToast()", "mouseenter": "stickAround()", "mouseleave": "delayedHideToast()" }, properties: { "class": "this.toastClasses", "style.display": "this.displayStyle" } }, ngImport: i0, template: `
   <button *ngIf="options.closeButton" (click)="remove()" type="button" class="toast-close-button" aria-label="Close">
     <span aria-hidden="true">&times;</span>
   </button>
@@ -1080,7 +1086,7 @@ ToastNoAnimation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
   <div *ngIf="options.progressBar">
     <div class="toast-progress" [style.width]="width + '%'"></div>
   </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastNoAnimation, decorators: [{
             type: Component,
             args: [{
@@ -1103,6 +1109,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
     <div class="toast-progress" [style.width]="width + '%'"></div>
   </div>
   `,
+                    standalone: true,
+                    imports: [NgIf]
                 }]
         }], ctorParameters: function () { return [{ type: ToastrService }, { type: ToastPackage }, { type: i0.ApplicationRef }]; }, propDecorators: { toastClasses: [{
                 type: HostBinding,
@@ -1141,13 +1149,12 @@ class ToastNoAnimationModule {
     }
 }
 ToastNoAnimationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastNoAnimationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ToastNoAnimationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ToastNoAnimationModule, declarations: [ToastNoAnimation], imports: [CommonModule], exports: [ToastNoAnimation] });
-ToastNoAnimationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastNoAnimationModule, imports: [CommonModule] });
+ToastNoAnimationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ToastNoAnimationModule, imports: [ToastNoAnimation], exports: [ToastNoAnimation] });
+ToastNoAnimationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastNoAnimationModule, imports: [ToastNoAnimation] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ToastNoAnimationModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [ToastNoAnimation],
+                    imports: [ToastNoAnimation],
                     exports: [ToastNoAnimation],
                 }]
         }] });
@@ -1156,5 +1163,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BasePortalHost, ComponentPortal, DefaultGlobalConfig, DefaultNoAnimationsGlobalConfig, DefaultNoComponentGlobalConfig, Overlay, OverlayContainer, OverlayRef, TOAST_CONFIG, Toast, ToastContainerDirective, ToastContainerModule, ToastNoAnimation, ToastNoAnimationModule, ToastPackage, ToastRef, ToastrComponentlessModule, ToastrModule, ToastrService };
+export { BasePortalHost, ComponentPortal, DefaultGlobalConfig, DefaultNoAnimationsGlobalConfig, DefaultNoComponentGlobalConfig, Overlay, OverlayContainer, OverlayRef, TOAST_CONFIG, Toast, ToastContainerDirective, ToastNoAnimation, ToastNoAnimationModule, ToastPackage, ToastRef, ToastrComponentlessModule, ToastrModule, ToastrService, provideToastr };
 //# sourceMappingURL=ngx-toastr.mjs.map