ngx-snotifire 18.0.0 → 19.0.1

package/fesm2022/ngx-snotifire.mjs

@@ -1,9 +1,9 @@
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, Inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Pipe, EventEmitter, Output, NgModule } from '@angular/core';
+import { Inject, Injectable, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, Pipe, EventEmitter, Output, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
-import { Subject, from, tap, catchError, throwError, finalize, takeUntil } from 'rxjs';
+import { Subject, from, takeUntil } from 'rxjs';
 
 /**
  * Defines toast style depending on method name
@@ -438,19 +438,21 @@ class SnotifireService {
         }
         const toast = this.create(args);
         let failed = false;
-        const asyncAtion = async.pipe(tap((next) => {
-            console.log('called'), this.mergeToast(toast, next);
-        }), catchError((error) => {
-            failed = true;
-            return throwError(() => error);
-        }), finalize(() => {
+        async
+            .subscribe({
+            next: (next) => this.mergeToast(toast, next),
+            error: (error) => {
+                failed = true;
+                // As long as error is defined, and not an error object assume it is a new toast config
+                if (error && typeof error === 'object' && !(error instanceof Error)) {
+                    this.mergeToast(toast, error);
+                }
+            },
+        })
+            .add(() => {
             this.mergeToast(toast, {}, failed === true ? SnotifireType.ERROR : SnotifireType.SUCCESS);
-        }));
-        toast.on(SnotifireEventType.MOUNTED, () => {
-            console.log('mounted');
-            return asyncAtion;
         });
-        return asyncAtion;
+        return toast;
         // const toast = this.create(args);
         // toast.on(SnotifireEventType.MOUNTED, () => {
         //   const subscription: Subscription = async.subscribe({
@@ -497,8 +499,8 @@ class SnotifireService {
     get(id) {
         return (this.notifications && this.notifications.find((toast) => toast.id === id));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SnotifireService, deps: [{ token: 'snotifireConfig' }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SnotifireService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SnotifireService, deps: [{ token: 'snotifireConfig' }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SnotifireService }); }
 }
 __decorate([
     TransformArgument
@@ -556,7 +558,7 @@ __decorate([
     ,
     SetToastType
 ], SnotifireService.prototype, "async", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SnotifireService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SnotifireService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -576,12 +578,12 @@ class ButtonsComponent {
     remove() {
         this.service.remove(this.toast.id);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonsComponent, deps: [{ token: SnotifireService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ButtonsComponent, selector: "notifire-button", inputs: { toast: "toast" }, ngImport: i0, template: "<div class=\"notifire-toast__buttons\">\n    <ng-container *ngIf=\"toast.config\">\n        <button\n            type=\"button\"\n            *ngFor=\"let button of toast.config.buttons\"\n            [ngClass]=\"{ 'notifire-toast__buttons--bold': button.bold }\"\n            (click)=\"button.action ? button.action(toast) : remove()\"\n        >\n            {{ button.text }}\n        </button>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ButtonsComponent, deps: [{ token: SnotifireService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ButtonsComponent, isStandalone: false, selector: "notifire-button", inputs: { toast: "toast" }, ngImport: i0, template: "<div class=\"notifire-toast__buttons\">\n    <ng-container *ngIf=\"toast.config\">\n        <button\n            type=\"button\"\n            *ngFor=\"let button of toast.config.buttons\"\n            [ngClass]=\"{ 'notifire-toast__buttons--bold': button.bold }\"\n            (click)=\"button.action ? button.action(toast) : remove()\"\n        >\n            {{ button.text }}\n        </button>\n    </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ButtonsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'notifire-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"notifire-toast__buttons\">\n    <ng-container *ngIf=\"toast.config\">\n        <button\n            type=\"button\"\n            *ngFor=\"let button of toast.config.buttons\"\n            [ngClass]=\"{ 'notifire-toast__buttons--bold': button.bold }\"\n            (click)=\"button.action ? button.action(toast) : remove()\"\n        >\n            {{ button.text }}\n        </button>\n    </ng-container>\n</div>\n" }]
+            args: [{ selector: 'notifire-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"notifire-toast__buttons\">\n    <ng-container *ngIf=\"toast.config\">\n        <button\n            type=\"button\"\n            *ngFor=\"let button of toast.config.buttons\"\n            [ngClass]=\"{ 'notifire-toast__buttons--bold': button.bold }\"\n            (click)=\"button.action ? button.action(toast) : remove()\"\n        >\n            {{ button.text }}\n        </button>\n    </ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: SnotifireService }], propDecorators: { toast: [{
                 type: Input
             }] } });
@@ -601,13 +603,14 @@ class TruncatePipe {
                 (args.length > 1 ? args[1] : this.DEFAULT_TRAIL)
             : value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: TruncatePipe, name: "truncate" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: TruncatePipe, isStandalone: false, name: "truncate" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TruncatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TruncatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'truncate',
+                    standalone: false
                 }]
         }] });
 
@@ -622,12 +625,12 @@ class PromptComponent {
     getValue($event) {
         return $event.target.value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: PromptComponent, selector: "ngx-snotify-prompt", inputs: { toast: "toast" }, ngImport: i0, template: "<span\n    class=\"notifire-toast__input\"\n    [ngClass]=\"{ 'notifire-toast__input--filled': isPromptFocused }\"\n>\n    <input\n        (input)=\"toast.value = getValue($event); toast.eventEmitter.next(inputType)\"\n        autofocus\n        class=\"notifire-toast__input__field\"\n        type=\"text\"\n        [id]=\"toast.id\"\n        (focus)=\"isPromptFocused = true\"\n        (blur)=\"isPromptFocused = !!toast.value && !!toast.value.length\"\n    >\n    <label\n        class=\"notifire-toast__input__label\"\n        [for]=\"toast.id\"\n    >\n        <span\n            class=\"notifire-toast__input__labelContent\"\n            *ngIf=\"toast.config && toast.config.placeholder \"\n        >\n            {{ toast.config.placeholder | truncate }}\n        </span>\n    </label>\n</span>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TruncatePipe, name: "truncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PromptComponent, isStandalone: false, selector: "ngx-snotify-prompt", inputs: { toast: "toast" }, ngImport: i0, template: "<span\n    class=\"notifire-toast__input\"\n    [ngClass]=\"{ 'notifire-toast__input--filled': isPromptFocused }\"\n>\n    <input\n        (input)=\"toast.value = getValue($event); toast.eventEmitter.next(inputType)\"\n        autofocus\n        class=\"notifire-toast__input__field\"\n        type=\"text\"\n        [id]=\"toast.id\"\n        (focus)=\"isPromptFocused = true\"\n        (blur)=\"isPromptFocused = !!toast.value && !!toast.value.length\"\n    >\n    <label\n        class=\"notifire-toast__input__label\"\n        [for]=\"toast.id\"\n    >\n        <span\n            class=\"notifire-toast__input__labelContent\"\n            *ngIf=\"toast.config && toast.config.placeholder \"\n        >\n            {{ toast.config.placeholder | truncate }}\n        </span>\n    </label>\n</span>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TruncatePipe, name: "truncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PromptComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PromptComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-snotify-prompt', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span\n    class=\"notifire-toast__input\"\n    [ngClass]=\"{ 'notifire-toast__input--filled': isPromptFocused }\"\n>\n    <input\n        (input)=\"toast.value = getValue($event); toast.eventEmitter.next(inputType)\"\n        autofocus\n        class=\"notifire-toast__input__field\"\n        type=\"text\"\n        [id]=\"toast.id\"\n        (focus)=\"isPromptFocused = true\"\n        (blur)=\"isPromptFocused = !!toast.value && !!toast.value.length\"\n    >\n    <label\n        class=\"notifire-toast__input__label\"\n        [for]=\"toast.id\"\n    >\n        <span\n            class=\"notifire-toast__input__labelContent\"\n            *ngIf=\"toast.config && toast.config.placeholder \"\n        >\n            {{ toast.config.placeholder | truncate }}\n        </span>\n    </label>\n</span>\n" }]
+            args: [{ selector: 'ngx-snotify-prompt', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<span\n    class=\"notifire-toast__input\"\n    [ngClass]=\"{ 'notifire-toast__input--filled': isPromptFocused }\"\n>\n    <input\n        (input)=\"toast.value = getValue($event); toast.eventEmitter.next(inputType)\"\n        autofocus\n        class=\"notifire-toast__input__field\"\n        type=\"text\"\n        [id]=\"toast.id\"\n        (focus)=\"isPromptFocused = true\"\n        (blur)=\"isPromptFocused = !!toast.value && !!toast.value.length\"\n    >\n    <label\n        class=\"notifire-toast__input__label\"\n        [for]=\"toast.id\"\n    >\n        <span\n            class=\"notifire-toast__input__labelContent\"\n            *ngIf=\"toast.config && toast.config.placeholder \"\n        >\n            {{ toast.config.placeholder | truncate }}\n        </span>\n    </label>\n</span>\n" }]
         }], propDecorators: { toast: [{
                 type: Input
             }] } });
@@ -796,12 +799,12 @@ class ToastComponent {
         this.unsubscribe$.next();
         this.unsubscribe$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ToastComponent, deps: [{ token: SnotifireService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ToastComponent, selector: "ngx-toast", inputs: { toast: "toast" }, outputs: { stateChanged: "stateChanged" }, ngImport: i0, template: "<ng-container *ngIf=\"toast && toast.config\">\n    <div\n        [attr.role]=\"toast.config.type === state.promptType ? 'dialog' : 'alert'\"\n        [attr.aria-labelledby]=\"'snotify_' + toast.id\"\n        [attr.aria-modal]=\"toast.config.type === state.promptType\"\n        [ngClass]=\"[\n  'notifire-toast animated',\n  'snotify-' + toast.config.type,\n  state.animation,  toast.valid === undefined ? '' : toast.valid ? 'snotifyToast--valid' : 'snotifyToast--invalid'\n]\"\n        [ngStyle]=\"{\n  '-webkit-transition': toast.config.animation && toast.config.animation.time  + 'ms',\n  transition:  toast.config.animation && toast.config.animation.time + 'ms',\n  '-webkit-animation-duration':  toast.config.animation &&  toast.config.animation.time + 'ms',\n  'animation-duration':  toast.config.animation && toast.config.animation.time + 'ms'\n}\"\n        (animationend)=\"onExitTransitionEnd()\"\n        (click)=\"onClick()\"\n        (mouseenter)=\"onMouseEnter()\"\n        (mouseleave)=\"onMouseLeave()\"\n    >\n        <div\n            class=\"notifire-toast__progressBar\"\n            *ngIf=\"toast.config.showProgressBar\"\n        >\n            <span\n                class=\"notifire-toast__progressBar__percentage\"\n                [ngStyle]=\"{ width: state.progress * 100 + '%' }\"\n            ></span>\n        </div>\n        <div\n            class=\"notifire-toast__inner\"\n            *ngIf=\"!toast.config.html; else toastHTML\"\n        >\n            <div\n                class=\"notifire-toast__title\"\n                [attr.id]=\"'snotify_' + toast.id\"\n                *ngIf=\"toast.title\"\n            >\n                {{ toast.title | truncate: toast.config.titleMaxLength }}\n            </div>\n            <div\n                class=\"notifire-toast__body\"\n                *ngIf=\"toast.body\"\n            >\n                {{ toast.body | truncate: toast.config.bodyMaxLength }}\n            </div>\n            <ngx-snotify-prompt\n                *ngIf=\"toast.config.type === state.promptType\"\n                [toast]=\"toast\"\n            >\n            </ngx-snotify-prompt>\n            <div\n                *ngIf=\"!toast.config.icon; else elseBlock\"\n                [ngClass]=\"['snotifire-icon', toast.config.iconClass || 'snotifire-icon--' + toast.config.type]\"\n            ></div>\n            <ng-template #elseBlock>\n                <img\n                    class=\"snotifire-icon\"\n                    [src]=\"toast.config.icon\"\n                >\n            </ng-template>\n        </div>\n        <ng-template #toastHTML>\n            <div\n                class=\"notifire-toast__inner\"\n                [innerHTML]=\"toast.config.html\"\n            ></div>\n        </ng-template>\n        <notifire-button\n            *ngIf=\"toast.config.buttons\"\n            [toast]=\"toast\"\n        ></notifire-button>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: PromptComponent, selector: "ngx-snotify-prompt", inputs: ["toast"] }, { kind: "component", type: ButtonsComponent, selector: "notifire-button", inputs: ["toast"] }, { kind: "pipe", type: TruncatePipe, name: "truncate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ToastComponent, deps: [{ token: SnotifireService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ToastComponent, isStandalone: false, selector: "ngx-toast", inputs: { toast: "toast" }, outputs: { stateChanged: "stateChanged" }, ngImport: i0, template: "<ng-container *ngIf=\"toast && toast.config\">\n    <div\n        [attr.role]=\"toast.config.type === state.promptType ? 'dialog' : 'alert'\"\n        [attr.aria-labelledby]=\"'snotify_' + toast.id\"\n        [attr.aria-modal]=\"toast.config.type === state.promptType\"\n        [ngClass]=\"[\n  'notifire-toast animated',\n  'snotify-' + toast.config.type,\n  state.animation,  toast.valid === undefined ? '' : toast.valid ? 'snotifyToast--valid' : 'snotifyToast--invalid'\n]\"\n        [ngStyle]=\"{\n  '-webkit-transition': toast.config.animation && toast.config.animation.time  + 'ms',\n  transition:  toast.config.animation && toast.config.animation.time + 'ms',\n  '-webkit-animation-duration':  toast.config.animation &&  toast.config.animation.time + 'ms',\n  'animation-duration':  toast.config.animation && toast.config.animation.time + 'ms'\n}\"\n        (animationend)=\"onExitTransitionEnd()\"\n        (click)=\"onClick()\"\n        (mouseenter)=\"onMouseEnter()\"\n        (mouseleave)=\"onMouseLeave()\"\n    >\n        <div\n            class=\"notifire-toast__progressBar\"\n            *ngIf=\"toast.config.showProgressBar\"\n        >\n            <span\n                class=\"notifire-toast__progressBar__percentage\"\n                [ngStyle]=\"{ width: state.progress * 100 + '%' }\"\n            ></span>\n        </div>\n        <div\n            class=\"notifire-toast__inner\"\n            *ngIf=\"!toast.config.html; else toastHTML\"\n        >\n            <div\n                class=\"notifire-toast__title\"\n                [attr.id]=\"'snotify_' + toast.id\"\n                *ngIf=\"toast.title\"\n            >\n                {{ toast.title | truncate: toast.config.titleMaxLength }}\n            </div>\n            <div\n                class=\"notifire-toast__body\"\n                *ngIf=\"toast.body\"\n            >\n                {{ toast.body | truncate: toast.config.bodyMaxLength }}\n            </div>\n            <ngx-snotify-prompt\n                *ngIf=\"toast.config.type === state.promptType\"\n                [toast]=\"toast\"\n            >\n            </ngx-snotify-prompt>\n            <div\n                *ngIf=\"!toast.config.icon; else elseBlock\"\n                [ngClass]=\"['snotifire-icon', toast.config.iconClass || 'snotifire-icon--' + toast.config.type]\"\n            ></div>\n            <ng-template #elseBlock>\n                <img\n                    class=\"snotifire-icon\"\n                    [src]=\"toast.config.icon\"\n                >\n            </ng-template>\n        </div>\n        <ng-template #toastHTML>\n            <div\n                class=\"notifire-toast__inner\"\n                [innerHTML]=\"toast.config.html\"\n            ></div>\n        </ng-template>\n        <notifire-button\n            *ngIf=\"toast.config.buttons\"\n            [toast]=\"toast\"\n        ></notifire-button>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: PromptComponent, selector: "ngx-snotify-prompt", inputs: ["toast"] }, { kind: "component", type: ButtonsComponent, selector: "notifire-button", inputs: ["toast"] }, { kind: "pipe", type: TruncatePipe, name: "truncate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-toast', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"toast && toast.config\">\n    <div\n        [attr.role]=\"toast.config.type === state.promptType ? 'dialog' : 'alert'\"\n        [attr.aria-labelledby]=\"'snotify_' + toast.id\"\n        [attr.aria-modal]=\"toast.config.type === state.promptType\"\n        [ngClass]=\"[\n  'notifire-toast animated',\n  'snotify-' + toast.config.type,\n  state.animation,  toast.valid === undefined ? '' : toast.valid ? 'snotifyToast--valid' : 'snotifyToast--invalid'\n]\"\n        [ngStyle]=\"{\n  '-webkit-transition': toast.config.animation && toast.config.animation.time  + 'ms',\n  transition:  toast.config.animation && toast.config.animation.time + 'ms',\n  '-webkit-animation-duration':  toast.config.animation &&  toast.config.animation.time + 'ms',\n  'animation-duration':  toast.config.animation && toast.config.animation.time + 'ms'\n}\"\n        (animationend)=\"onExitTransitionEnd()\"\n        (click)=\"onClick()\"\n        (mouseenter)=\"onMouseEnter()\"\n        (mouseleave)=\"onMouseLeave()\"\n    >\n        <div\n            class=\"notifire-toast__progressBar\"\n            *ngIf=\"toast.config.showProgressBar\"\n        >\n            <span\n                class=\"notifire-toast__progressBar__percentage\"\n                [ngStyle]=\"{ width: state.progress * 100 + '%' }\"\n            ></span>\n        </div>\n        <div\n            class=\"notifire-toast__inner\"\n            *ngIf=\"!toast.config.html; else toastHTML\"\n        >\n            <div\n                class=\"notifire-toast__title\"\n                [attr.id]=\"'snotify_' + toast.id\"\n                *ngIf=\"toast.title\"\n            >\n                {{ toast.title | truncate: toast.config.titleMaxLength }}\n            </div>\n            <div\n                class=\"notifire-toast__body\"\n                *ngIf=\"toast.body\"\n            >\n                {{ toast.body | truncate: toast.config.bodyMaxLength }}\n            </div>\n            <ngx-snotify-prompt\n                *ngIf=\"toast.config.type === state.promptType\"\n                [toast]=\"toast\"\n            >\n            </ngx-snotify-prompt>\n            <div\n                *ngIf=\"!toast.config.icon; else elseBlock\"\n                [ngClass]=\"['snotifire-icon', toast.config.iconClass || 'snotifire-icon--' + toast.config.type]\"\n            ></div>\n            <ng-template #elseBlock>\n                <img\n                    class=\"snotifire-icon\"\n                    [src]=\"toast.config.icon\"\n                >\n            </ng-template>\n        </div>\n        <ng-template #toastHTML>\n            <div\n                class=\"notifire-toast__inner\"\n                [innerHTML]=\"toast.config.html\"\n            ></div>\n        </ng-template>\n        <notifire-button\n            *ngIf=\"toast.config.buttons\"\n            [toast]=\"toast\"\n        ></notifire-button>\n    </div>\n</ng-container>\n" }]
+            args: [{ selector: 'ngx-toast', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-container *ngIf=\"toast && toast.config\">\n    <div\n        [attr.role]=\"toast.config.type === state.promptType ? 'dialog' : 'alert'\"\n        [attr.aria-labelledby]=\"'snotify_' + toast.id\"\n        [attr.aria-modal]=\"toast.config.type === state.promptType\"\n        [ngClass]=\"[\n  'notifire-toast animated',\n  'snotify-' + toast.config.type,\n  state.animation,  toast.valid === undefined ? '' : toast.valid ? 'snotifyToast--valid' : 'snotifyToast--invalid'\n]\"\n        [ngStyle]=\"{\n  '-webkit-transition': toast.config.animation && toast.config.animation.time  + 'ms',\n  transition:  toast.config.animation && toast.config.animation.time + 'ms',\n  '-webkit-animation-duration':  toast.config.animation &&  toast.config.animation.time + 'ms',\n  'animation-duration':  toast.config.animation && toast.config.animation.time + 'ms'\n}\"\n        (animationend)=\"onExitTransitionEnd()\"\n        (click)=\"onClick()\"\n        (mouseenter)=\"onMouseEnter()\"\n        (mouseleave)=\"onMouseLeave()\"\n    >\n        <div\n            class=\"notifire-toast__progressBar\"\n            *ngIf=\"toast.config.showProgressBar\"\n        >\n            <span\n                class=\"notifire-toast__progressBar__percentage\"\n                [ngStyle]=\"{ width: state.progress * 100 + '%' }\"\n            ></span>\n        </div>\n        <div\n            class=\"notifire-toast__inner\"\n            *ngIf=\"!toast.config.html; else toastHTML\"\n        >\n            <div\n                class=\"notifire-toast__title\"\n                [attr.id]=\"'snotify_' + toast.id\"\n                *ngIf=\"toast.title\"\n            >\n                {{ toast.title | truncate: toast.config.titleMaxLength }}\n            </div>\n            <div\n                class=\"notifire-toast__body\"\n                *ngIf=\"toast.body\"\n            >\n                {{ toast.body | truncate: toast.config.bodyMaxLength }}\n            </div>\n            <ngx-snotify-prompt\n                *ngIf=\"toast.config.type === state.promptType\"\n                [toast]=\"toast\"\n            >\n            </ngx-snotify-prompt>\n            <div\n                *ngIf=\"!toast.config.icon; else elseBlock\"\n                [ngClass]=\"['snotifire-icon', toast.config.iconClass || 'snotifire-icon--' + toast.config.type]\"\n            ></div>\n            <ng-template #elseBlock>\n                <img\n                    class=\"snotifire-icon\"\n                    [src]=\"toast.config.icon\"\n                >\n            </ng-template>\n        </div>\n        <ng-template #toastHTML>\n            <div\n                class=\"notifire-toast__inner\"\n                [innerHTML]=\"toast.config.html\"\n            ></div>\n        </ng-template>\n        <notifire-button\n            *ngIf=\"toast.config.buttons\"\n            [toast]=\"toast\"\n        ></notifire-button>\n    </div>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: SnotifireService }], propDecorators: { toast: [{
                 type: Input
             }], stateChanged: [{
@@ -818,14 +821,15 @@ class KeysPipe {
         }
         return Object.keys(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: KeysPipe, name: "keys", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: KeysPipe, isStandalone: false, name: "keys", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: KeysPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: KeysPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'keys',
                     pure: false,
+                    standalone: false
                 }]
         }] });
 
@@ -942,12 +946,12 @@ class NgxSnotifireComponent {
         this.unsubscribe$.next();
         this.unsubscribe$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NgxSnotifireComponent, deps: [{ token: SnotifireService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: NgxSnotifireComponent, selector: "ngx-snotifire", ngImport: i0, template: "<div\n    class=\"snotifire-backdrop\"\n    *ngIf=\"backdrop && backdrop >= 0\"\n    [style.opacity]=\"backdrop\"\n></div>\n\n<div\n    *ngFor=\"let position of notifications | keys\"\n    class=\"snotify snotify-{{ position }}\"\n>\n    <ngx-toast\n        *ngFor=\"let notification of getNotificationArray(notifications, position) | slice: blockSizeA:blockSizeB\"\n        [toast]=\"notification\"\n        (stateChanged)=\"stateChanged($event)\"\n    >\n    </ngx-toast>\n\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToastComponent, selector: "ngx-toast", inputs: ["toast"], outputs: ["stateChanged"] }, { kind: "pipe", type: i2.SlicePipe, name: "slice" }, { kind: "pipe", type: KeysPipe, name: "keys" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: NgxSnotifireComponent, deps: [{ token: SnotifireService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: NgxSnotifireComponent, isStandalone: false, selector: "ngx-snotifire", ngImport: i0, template: "<div\n    class=\"snotifire-backdrop\"\n    *ngIf=\"backdrop && backdrop >= 0\"\n    [style.opacity]=\"backdrop\"\n></div>\n\n<div\n    *ngFor=\"let position of notifications | keys\"\n    class=\"snotify snotify-{{ position }}\"\n>\n    <ngx-toast\n        *ngFor=\"let notification of getNotificationArray(notifications, position) | slice: blockSizeA:blockSizeB\"\n        [toast]=\"notification\"\n        (stateChanged)=\"stateChanged($event)\"\n    >\n    </ngx-toast>\n\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToastComponent, selector: "ngx-toast", inputs: ["toast"], outputs: ["stateChanged"] }, { kind: "pipe", type: i2.SlicePipe, name: "slice" }, { kind: "pipe", type: KeysPipe, name: "keys" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NgxSnotifireComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: NgxSnotifireComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-snotifire', encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"snotifire-backdrop\"\n    *ngIf=\"backdrop && backdrop >= 0\"\n    [style.opacity]=\"backdrop\"\n></div>\n\n<div\n    *ngFor=\"let position of notifications | keys\"\n    class=\"snotify snotify-{{ position }}\"\n>\n    <ngx-toast\n        *ngFor=\"let notification of getNotificationArray(notifications, position) | slice: blockSizeA:blockSizeB\"\n        [toast]=\"notification\"\n        (stateChanged)=\"stateChanged($event)\"\n    >\n    </ngx-toast>\n\n</div>\n" }]
+            args: [{ selector: 'ngx-snotifire', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n    class=\"snotifire-backdrop\"\n    *ngIf=\"backdrop && backdrop >= 0\"\n    [style.opacity]=\"backdrop\"\n></div>\n\n<div\n    *ngFor=\"let position of notifications | keys\"\n    class=\"snotify snotify-{{ position }}\"\n>\n    <ngx-toast\n        *ngFor=\"let notification of getNotificationArray(notifications, position) | slice: blockSizeA:blockSizeB\"\n        [toast]=\"notification\"\n        (stateChanged)=\"stateChanged($event)\"\n    >\n    </ngx-toast>\n\n</div>\n" }]
         }], ctorParameters: () => [{ type: SnotifireService }] });
 
 class NgxSnotifireModule {
@@ -957,16 +961,16 @@ class NgxSnotifireModule {
             providers: [SnotifireService],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NgxSnotifireModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: NgxSnotifireModule, declarations: [PromptComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: NgxSnotifireModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: NgxSnotifireModule, declarations: [PromptComponent,
             ToastComponent,
             ButtonsComponent,
             TruncatePipe,
             KeysPipe,
             NgxSnotifireComponent], imports: [CommonModule], exports: [NgxSnotifireComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NgxSnotifireModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: NgxSnotifireModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NgxSnotifireModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: NgxSnotifireModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [