@esfaenza/extensions 20.3.6 → 20.3.8

package/fesm2022/esfaenza-extensions.mjs

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Optional, Inject, Injectable, Pipe, NgModule, Injector, PLATFORM_ID } from '@angular/core';
+import { InjectionToken, Optional, Inject, Injectable, Pipe, inject, ElementRef, Directive, createComponent, ApplicationRef, Injector, NgZone, SecurityContext, signal, computed, linkedSignal, ChangeDetectionStrategy, Component, ViewEncapsulation, NgModule, PLATFORM_ID } from '@angular/core';
 import * as i1 from '@esfaenza/localizations';
 import { LocalizationModule } from '@esfaenza/localizations';
 import { first, filter, take, map } from 'rxjs/operators';
-import { ReplaySubject, of, Subject, filter as filter$1, take as take$1, debounceTime } from 'rxjs';
+import { ReplaySubject, Subject, of, filter as filter$1, take as take$1, debounceTime } from 'rxjs';
+import { DomSanitizer } from '@angular/platform-browser';
 import * as i3 from '@angular/common';
-import { isPlatformBrowser } from '@angular/common';
-import { ToastrService } from 'ngx-toastr';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
 import swal from 'sweetalert2';
 import * as i2 from '@angular/router';
 import * as XLSX from 'xlsx';
@@ -303,12 +303,876 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImpo
                 }]
         }], ctorParameters: () => [{ type: DateService }] });
 
+class ToastContainerDirective {
+    el = inject(ElementRef);
+    getContainerElement() {
+        return this.el.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.24", type: ToastContainerDirective, isStandalone: true, selector: "[toastContainer]", exportAs: ["toastContainer"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[toastContainer]',
+                    exportAs: 'toastContainer',
+                    standalone: true,
+                }]
+        }] });
+
+/**
+ * Everything a toast needs to launch
+ */
+class ToastPackage {
+    toastId;
+    config;
+    message;
+    title;
+    toastType;
+    toastRef;
+    _onTap = new Subject();
+    _onAction = new Subject();
+    constructor(toastId, config, message, title, toastType, toastRef) {
+        this.toastId = toastId;
+        this.config = config;
+        this.message = message;
+        this.title = title;
+        this.toastType = toastType;
+        this.toastRef = toastRef;
+        this.toastRef.afterClosed().subscribe(() => {
+            this._onAction.complete();
+            this._onTap.complete();
+        });
+    }
+    /** Fired on click */
+    triggerTap() {
+        this._onTap.next();
+        if (this.config.tapToDismiss) {
+            this._onTap.complete();
+        }
+    }
+    onTap() {
+        return this._onTap.asObservable();
+    }
+    /** available for use in custom toast */
+    triggerAction(action) {
+        this._onAction.next(action);
+    }
+    onAction() {
+        return this._onAction.asObservable();
+    }
+}
+const DefaultNoComponentGlobalConfig = {
+    maxOpened: 0,
+    autoDismiss: false,
+    newestOnTop: true,
+    preventDuplicates: false,
+    countDuplicates: false,
+    resetTimeoutOnDuplicate: false,
+    includeTitleDuplicates: false,
+    iconClasses: {
+        error: 'toast-error',
+        info: 'toast-info',
+        success: 'toast-success',
+        warning: 'toast-warning',
+    },
+    // Individual
+    closeButton: false,
+    disableTimeOut: false,
+    timeOut: 5000,
+    extendedTimeOut: 1000,
+    enableHtml: false,
+    progressBar: false,
+    toastClass: 'ngx-toastr',
+    positionClass: 'toast-top-right',
+    titleClass: 'toast-title',
+    messageClass: 'toast-message',
+    easing: 'ease-in',
+    easeTime: 300,
+    tapToDismiss: true,
+    onActivateTick: false,
+    progressAnimation: 'decreasing',
+};
+const TOAST_CONFIG = new InjectionToken('ToastConfig');
+
+/**
+ * A `ComponentPortal` is a portal that instantiates some Component upon attachment.
+ */
+class ComponentPortal {
+    _attachedHost;
+    /** The type of the component that will be instantiated for attachment. */
+    component;
+    /**
+     * [Optional] Where the attached component should live in Angular's *logical* component tree.
+     * This is different from where the component *renders*, which is determined by the PortalHost.
+     * The origin necessary when the host is outside of the Angular application context.
+     */
+    viewContainerRef;
+    /** Injector used for the instantiation of the component. */
+    injector;
+    constructor(component, injector) {
+        this.component = component;
+        this.injector = injector;
+    }
+    /** Attach this portal to a host. */
+    attach(host, newestOnTop) {
+        this._attachedHost = host;
+        return host.attach(this, newestOnTop);
+    }
+    /** Detach this portal from its host */
+    detach() {
+        const host = this._attachedHost;
+        if (host) {
+            this._attachedHost = undefined;
+            return host.detach();
+        }
+    }
+    /** Whether this portal is attached to a host. */
+    get isAttached() {
+        return this._attachedHost != null;
+    }
+    /**
+     * Sets the PortalHost reference without performing `attach()`. This is used directly by
+     * the PortalHost when it is performing an `attach()` or `detach()`.
+     */
+    setAttachedHost(host) {
+        this._attachedHost = host;
+    }
+}
+/**
+ * Partial implementation of PortalHost that only deals with attaching a
+ * ComponentPortal
+ */
+class BasePortalHost {
+    /** The portal currently attached to the host. */
+    _attachedPortal;
+    /** A function that will permanently dispose this host. */
+    _disposeFn;
+    attach(portal, newestOnTop) {
+        this._attachedPortal = portal;
+        return this.attachComponentPortal(portal, newestOnTop);
+    }
+    detach() {
+        if (this._attachedPortal) {
+            this._attachedPortal.setAttachedHost();
+        }
+        this._attachedPortal = undefined;
+        if (this._disposeFn) {
+            this._disposeFn();
+            this._disposeFn = undefined;
+        }
+    }
+    setDisposeFn(fn) {
+        this._disposeFn = fn;
+    }
+}
+
+/**
+ * A PortalHost for attaching portals to an arbitrary DOM element outside of the Angular
+ * application context.
+ *
+ * This is the only part of the portal core that directly touches the DOM.
+ */
+class DomPortalHost extends BasePortalHost {
+    _hostDomElement;
+    _appRef;
+    constructor(_hostDomElement, _appRef) {
+        super();
+        this._hostDomElement = _hostDomElement;
+        this._appRef = _appRef;
+    }
+    /**
+     * Attach the given ComponentPortal to DOM element using the ComponentFactoryResolver.
+     * @param portal Portal to be attached
+     */
+    attachComponentPortal(portal, newestOnTop) {
+        // If the portal specifies a ViewContainerRef, we will use that as the attachment point
+        // for the component (in terms of Angular's component tree, not rendering).
+        // When the ViewContainerRef is missing, we use the factory to create the component directly
+        // and then manually attach the ChangeDetector for that component to the application (which
+        // happens automatically when using a ViewContainer).
+        const componentRef = createComponent(portal.component, {
+            environmentInjector: this._appRef.injector,
+            elementInjector: portal.injector,
+        });
+        // When creating a component outside of a ViewContainer, we need to manually register
+        // its ChangeDetector with the application. This API is unfortunately not yet published
+        // in Angular core. The change detector must also be deregistered when the component
+        // is destroyed to prevent memory leaks.
+        this._appRef.attachView(componentRef.hostView);
+        this.setDisposeFn(() => {
+            this._appRef.detachView(componentRef.hostView);
+            componentRef.destroy();
+        });
+        // At this point the component has been instantiated, so we move it to the location in the DOM
+        // where we want it to be rendered.
+        if (newestOnTop) {
+            this._hostDomElement.insertBefore(this._getComponentRootNode(componentRef), this._hostDomElement.firstChild);
+        }
+        else {
+            this._hostDomElement.appendChild(this._getComponentRootNode(componentRef));
+        }
+        return componentRef;
+    }
+    /** Gets the root HTMLElement for an instantiated component. */
+    _getComponentRootNode(componentRef) {
+        return componentRef.hostView.rootNodes[0];
+    }
+}
+
+/** Container inside which all toasts will render. */
+class OverlayContainer {
+    _document = inject(DOCUMENT);
+    _containerElement;
+    ngOnDestroy() {
+        if (this._containerElement && this._containerElement.parentNode) {
+            this._containerElement.parentNode.removeChild(this._containerElement);
+        }
+    }
+    /**
+     * This method returns the overlay container element. It will lazily
+     * create the element the first time  it is called to facilitate using
+     * the container in non-browser environments.
+     * @returns the container element
+     */
+    getContainerElement() {
+        if (!this._containerElement) {
+            this._createContainer();
+        }
+        return this._containerElement;
+    }
+    /**
+     * Create the overlay container element, which is simply a div
+     * with the 'cdk-overlay-container' class on the document body
+     * and 'aria-live="polite"'
+     */
+    _createContainer() {
+        const container = this._document.createElement('div');
+        container.classList.add('overlay-container');
+        container.setAttribute('aria-live', 'polite');
+        this._document.body.appendChild(container);
+        this._containerElement = container;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: OverlayContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: OverlayContainer, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: OverlayContainer, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Reference to an overlay that has been created with the Overlay service.
+ * Used to manipulate or dispose of said overlay.
+ */
+class OverlayRef {
+    _portalHost;
+    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();
+    }
+}
+
+/**
+ * Service to create Overlays. Overlays are dynamically added pieces of floating UI, meant to be
+ * used as a low-level building building block for other components. Dialogs, tooltips, menus,
+ * selects, etc. can all be built using overlays. The service should primarily be used by authors
+ * of re-usable components rather than developers building end-user applications.
+ *
+ * An overlay *is* a PortalHost, so any kind of Portal can be loaded into one.
+ */
+class Overlay {
+    _overlayContainer = inject(OverlayContainer);
+    _appRef = inject(ApplicationRef);
+    _document = inject(DOCUMENT);
+    // Namespace panes by overlay container
+    _paneElements = new Map();
+    /**
+     * Creates an overlay.
+     * @returns A reference to the created overlay.
+     */
+    create(positionClass, overlayContainer) {
+        // get existing pane if possible
+        return this._createOverlayRef(this.getPaneElement(positionClass, overlayContainer));
+    }
+    getPaneElement(positionClass = '', overlayContainer) {
+        if (!this._paneElements.get(overlayContainer)) {
+            this._paneElements.set(overlayContainer, {});
+        }
+        if (!this._paneElements.get(overlayContainer)[positionClass]) {
+            this._paneElements.get(overlayContainer)[positionClass] =
+                this._createPaneElement(positionClass, overlayContainer);
+        }
+        return this._paneElements.get(overlayContainer)[positionClass];
+    }
+    /**
+     * Creates the DOM element for an overlay and appends it to the overlay container.
+     * @returns Newly-created pane element
+     */
+    _createPaneElement(positionClass, overlayContainer) {
+        const pane = this._document.createElement('div');
+        pane.id = 'toast-container';
+        pane.classList.add(positionClass);
+        pane.classList.add('toast-container');
+        if (!overlayContainer) {
+            this._overlayContainer.getContainerElement().appendChild(pane);
+        }
+        else {
+            overlayContainer.getContainerElement().appendChild(pane);
+        }
+        return pane;
+    }
+    /**
+     * Create a DomPortalHost into which the overlay content can be loaded.
+     * @param pane The DOM element to turn into a portal host.
+     * @returns A portal host for the given DOM element.
+     */
+    _createPortalHost(pane) {
+        return new DomPortalHost(pane, this._appRef);
+    }
+    /**
+     * Creates an OverlayRef for an overlay in the given DOM element.
+     * @param pane DOM element for the overlay
+     */
+    _createOverlayRef(pane) {
+        return new OverlayRef(this._createPortalHost(pane));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: Overlay, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: Overlay, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: Overlay, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Reference to a toast opened via the Toastr service.
+ */
+class ToastRef {
+    _overlayRef;
+    /** The instance of component opened into the toast. */
+    componentInstance;
+    /** Count of duplicates of this toast */
+    duplicatesCount = 0;
+    /** Subject for notifying the user that the toast has finished closing. */
+    _afterClosed = new Subject();
+    /** triggered when toast is activated */
+    _activate = new Subject();
+    /** notifies the toast that it should close before the timeout */
+    _manualClose = new Subject();
+    /** notifies the toast that it should reset the timeouts */
+    _resetTimeout = new Subject();
+    /** notifies the toast that it should count a duplicate toast */
+    _countDuplicate = new Subject();
+    constructor(_overlayRef) {
+        this._overlayRef = _overlayRef;
+    }
+    manualClose() {
+        this._manualClose.next();
+        this._manualClose.complete();
+    }
+    manualClosed() {
+        return this._manualClose.asObservable();
+    }
+    timeoutReset() {
+        return this._resetTimeout.asObservable();
+    }
+    countDuplicate() {
+        return this._countDuplicate.asObservable();
+    }
+    /**
+     * Close the toast.
+     */
+    close() {
+        this._overlayRef.detach();
+        this._afterClosed.next();
+        this._manualClose.next();
+        this._afterClosed.complete();
+        this._manualClose.complete();
+        this._activate.complete();
+        this._resetTimeout.complete();
+        this._countDuplicate.complete();
+    }
+    /** Gets an observable that is notified when the toast is finished closing. */
+    afterClosed() {
+        return this._afterClosed.asObservable();
+    }
+    isInactive() {
+        return this._activate.closed;
+    }
+    activate() {
+        this._activate.next();
+        this._activate.complete();
+    }
+    /** Gets an observable that is notified when the toast has started opening. */
+    afterActivate() {
+        return this._activate.asObservable();
+    }
+    /** Reset the toast timouts and count duplicates */
+    onDuplicate(resetTimeout, countDuplicate) {
+        if (resetTimeout) {
+            this._resetTimeout.next();
+        }
+        if (countDuplicate) {
+            this._countDuplicate.next(++this.duplicatesCount);
+        }
+    }
+}
+
+class ToastrService {
+    overlay = inject(Overlay);
+    _injector = inject(Injector);
+    sanitizer = inject(DomSanitizer);
+    ngZone = inject(NgZone);
+    toastrConfig;
+    currentlyActive = 0;
+    toasts = [];
+    overlayContainer;
+    previousToastMessage;
+    index = 0;
+    constructor() {
+        const token = inject(TOAST_CONFIG);
+        this.toastrConfig = {
+            ...token.default,
+            ...token.config,
+        };
+        if (token.config.iconClasses) {
+            this.toastrConfig.iconClasses = {
+                ...token.default.iconClasses,
+                ...token.config.iconClasses,
+            };
+        }
+    }
+    /** show toast */
+    show(message, title, override = {}, type = '') {
+        return this._preBuildNotification(type, message, title, this.applyConfig(override));
+    }
+    /** show successful toast */
+    success(message, title, override = {}) {
+        const type = this.toastrConfig.iconClasses.success || '';
+        return this._preBuildNotification(type, message, title, this.applyConfig(override));
+    }
+    /** show error toast */
+    error(message, title, override = {}) {
+        const type = this.toastrConfig.iconClasses.error || '';
+        return this._preBuildNotification(type, message, title, this.applyConfig(override));
+    }
+    /** show info toast */
+    info(message, title, override = {}) {
+        const type = this.toastrConfig.iconClasses.info || '';
+        return this._preBuildNotification(type, message, title, this.applyConfig(override));
+    }
+    /** show warning toast */
+    warning(message, title, override = {}) {
+        const type = this.toastrConfig.iconClasses.warning || '';
+        return this._preBuildNotification(type, message, title, this.applyConfig(override));
+    }
+    /**
+     * Remove all or a single toast by id
+     */
+    clear(toastId) {
+        // Call every toastRef manualClose function
+        for (const toast of this.toasts) {
+            if (toastId !== undefined) {
+                if (toast.toastId === toastId) {
+                    toast.toastRef.manualClose();
+                    return;
+                }
+            }
+            else {
+                toast.toastRef.manualClose();
+            }
+        }
+    }
+    /**
+     * Remove and destroy a single toast by id
+     */
+    remove(toastId) {
+        const found = this._findToast(toastId);
+        if (!found) {
+            return false;
+        }
+        found.activeToast.toastRef.close();
+        this.toasts.splice(found.index, 1);
+        this.currentlyActive = this.currentlyActive - 1;
+        if (!this.toastrConfig.maxOpened || !this.toasts.length) {
+            return false;
+        }
+        if (this.currentlyActive < this.toastrConfig.maxOpened && this.toasts[this.currentlyActive]) {
+            const p = this.toasts[this.currentlyActive].toastRef;
+            if (!p.isInactive()) {
+                this.currentlyActive = this.currentlyActive + 1;
+                p.activate();
+            }
+        }
+        return true;
+    }
+    /**
+     * Determines if toast message is already shown
+     */
+    findDuplicate(title = '', message = '', resetOnDuplicate, countDuplicates) {
+        const { includeTitleDuplicates } = this.toastrConfig;
+        for (const toast of this.toasts) {
+            const hasDuplicateTitle = includeTitleDuplicates && toast.title === title;
+            if ((!includeTitleDuplicates || hasDuplicateTitle) && toast.message === message) {
+                toast.toastRef.onDuplicate(resetOnDuplicate, countDuplicates);
+                return toast;
+            }
+        }
+        return null;
+    }
+    /** create a clone of global config and apply individual settings */
+    applyConfig(override = {}) {
+        return { ...this.toastrConfig, ...override };
+    }
+    /**
+     * Find toast object by id
+     */
+    _findToast(toastId) {
+        for (let i = 0; i < this.toasts.length; i++) {
+            if (this.toasts[i].toastId === toastId) {
+                return { index: i, activeToast: this.toasts[i] };
+            }
+        }
+        return null;
+    }
+    /**
+     * Determines the need to run inside angular's zone then builds the toast
+     */
+    _preBuildNotification(toastType, message, title, config) {
+        if (config.onActivateTick) {
+            return this.ngZone.run(() => this._buildNotification(toastType, message, title, config));
+        }
+        return this._buildNotification(toastType, message, title, config);
+    }
+    /**
+     * Creates and attaches toast data to component
+     * returns the active toast, or in case preventDuplicates is enabled the original/non-duplicate active toast.
+     */
+    _buildNotification(toastType, message, title, config) {
+        if (!config.toastComponent) {
+            throw new Error('toastComponent required');
+        }
+        // max opened and auto dismiss = true
+        // if timeout = 0 resetting it would result in setting this.hideTime = Date.now(). Hence, we only want to reset timeout if there is
+        // a timeout at all
+        const duplicate = this.findDuplicate(title, message, this.toastrConfig.resetTimeoutOnDuplicate && config.timeOut > 0, this.toastrConfig.countDuplicates);
+        if (((this.toastrConfig.includeTitleDuplicates && title) || message) &&
+            this.toastrConfig.preventDuplicates &&
+            duplicate !== null) {
+            return duplicate;
+        }
+        this.previousToastMessage = message;
+        let keepInactive = false;
+        if (this.toastrConfig.maxOpened && this.currentlyActive >= this.toastrConfig.maxOpened) {
+            keepInactive = true;
+            if (this.toastrConfig.autoDismiss) {
+                this.clear(this.toasts[0].toastId);
+            }
+        }
+        const overlayRef = this.overlay.create(config.positionClass, this.overlayContainer);
+        this.index = this.index + 1;
+        let sanitizedMessage = message;
+        if (message && config.enableHtml) {
+            sanitizedMessage = this.sanitizer.sanitize(SecurityContext.HTML, message);
+        }
+        const toastRef = new ToastRef(overlayRef);
+        const toastPackage = new ToastPackage(this.index, config, sanitizedMessage, title, toastType, toastRef);
+        /** New injector that contains an instance of `ToastPackage`. */
+        const providers = [{ provide: ToastPackage, useValue: toastPackage }];
+        const toastInjector = Injector.create({ providers, parent: this._injector });
+        const component = new ComponentPortal(config.toastComponent, toastInjector);
+        const portal = overlayRef.attach(component, config.newestOnTop);
+        toastRef.componentInstance = portal.instance;
+        const ins = {
+            toastId: this.index,
+            title: title || '',
+            message: message || '',
+            toastRef,
+            onShown: toastRef.afterActivate(),
+            onHidden: toastRef.afterClosed(),
+            onTap: toastPackage.onTap(),
+            onAction: toastPackage.onAction(),
+            portal,
+        };
+        if (!keepInactive) {
+            this.currentlyActive = this.currentlyActive + 1;
+            setTimeout(() => {
+                ins.toastRef.activate();
+            });
+        }
+        this.toasts.push(ins);
+        return ins;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastrService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastrService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastrService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+class TimeoutsService {
+    ngZone = inject(NgZone);
+    setInterval(func, timeout) {
+        if (this.ngZone) {
+            return this.ngZone.runOutsideAngular(() => window.setInterval(() => this.runInsideAngular(func), timeout));
+        }
+        else {
+            return window.setInterval(() => func(), timeout);
+        }
+    }
+    setTimeout(func, timeout) {
+        if (this.ngZone) {
+            return this.ngZone.runOutsideAngular(() => window.setTimeout(() => this.runInsideAngular(func), timeout));
+        }
+        else {
+            return window.setTimeout(() => func(), timeout);
+        }
+    }
+    runInsideAngular(func) {
+        if (this.ngZone) {
+            this.ngZone.run(() => func());
+        }
+        else {
+            func();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TimeoutsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TimeoutsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: TimeoutsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class ToastBase {
+    toastPackage = inject(ToastPackage);
+    toastrService = inject(ToastrService);
+    appRef = inject(ApplicationRef);
+    timeoutsService = inject(TimeoutsService);
+    duplicatesCount;
+    hideTime;
+    /** width of progress bar */
+    width = signal(-1, ...(ngDevMode ? [{ debugName: "width" }] : []));
+    state = signal('inactive', ...(ngDevMode ? [{ debugName: "state" }] : []));
+    /** hides component when waiting to be displayed */
+    displayStyle = computed(() => (this.state() === 'inactive' ? 'none' : undefined), ...(ngDevMode ? [{ debugName: "displayStyle" }] : []));
+    message = computed(() => this.toastPackage.message, ...(ngDevMode ? [{ debugName: "message" }] : []));
+    title = computed(() => this.toastPackage.title, ...(ngDevMode ? [{ debugName: "title" }] : []));
+    options = linkedSignal(() => this.toastPackage.config, ...(ngDevMode ? [{ debugName: "options" }] : []));
+    originalTimeout = computed(() => this.toastPackage.config.timeOut, ...(ngDevMode ? [{ debugName: "originalTimeout" }] : []));
+    toastClasses = computed(() => `${this.toastPackage.toastType} ${this.toastPackage.config.toastClass}`, ...(ngDevMode ? [{ debugName: "toastClasses" }] : []));
+    timeout;
+    intervalId;
+    afterActivateSubscription;
+    manualClosedSubscription;
+    timeoutResetSubscription;
+    countDuplicateSubscription;
+    constructor() {
+        this.afterActivateSubscription = this.toastPackage.toastRef.afterActivate().subscribe(() => {
+            this.activateToast();
+        });
+        this.manualClosedSubscription = this.toastPackage.toastRef.manualClosed().subscribe(() => {
+            this.remove();
+        });
+        this.timeoutResetSubscription = this.toastPackage.toastRef.timeoutReset().subscribe(() => {
+            this.resetTimeout();
+        });
+        this.countDuplicateSubscription = this.toastPackage.toastRef
+            .countDuplicate()
+            .subscribe(count => {
+            this.duplicatesCount = count;
+        });
+    }
+    ngOnDestroy() {
+        this.afterActivateSubscription.unsubscribe();
+        this.manualClosedSubscription.unsubscribe();
+        this.timeoutResetSubscription.unsubscribe();
+        this.countDuplicateSubscription.unsubscribe();
+        clearInterval(this.intervalId);
+        clearTimeout(this.timeout);
+    }
+    /**
+     * activates toast and sets timeout
+     */
+    activateToast() {
+        const options = this.options();
+        this.state.set('active');
+        if (!(options.disableTimeOut === true || options.disableTimeOut === 'timeOut') &&
+            options.timeOut) {
+            this.timeout = this.timeoutsService.setTimeout(() => this.remove(), options.timeOut);
+            this.hideTime = new Date().getTime() + options.timeOut;
+            if (options.progressBar) {
+                this.intervalId = this.timeoutsService.setInterval(() => this.updateProgress(), 10);
+            }
+        }
+    }
+    /**
+     * updates progress bar width
+     */
+    updateProgress() {
+        const options = this.options();
+        if (this.width() === 0 || this.width() === 100 || !options.timeOut) {
+            return;
+        }
+        const now = new Date().getTime();
+        const remaining = this.hideTime - now;
+        this.width.set((remaining / options.timeOut) * 100);
+        if (options.progressAnimation === 'increasing') {
+            this.width.update(width => 100 - width);
+        }
+        if (this.width() <= 0) {
+            this.width.set(0);
+        }
+        if (this.width() >= 100) {
+            this.width.set(100);
+        }
+    }
+    resetTimeout() {
+        const options = this.options();
+        clearTimeout(this.timeout);
+        clearInterval(this.intervalId);
+        this.state.set('active');
+        this.options.update(options => ({ ...options, timeOut: this.originalTimeout() }));
+        this.timeout = this.timeoutsService.setTimeout(() => this.remove(), this.originalTimeout());
+        this.hideTime = new Date().getTime() + (this.originalTimeout() || 0);
+        this.width.set(-1);
+        if (options.progressBar)
+            this.intervalId = this.timeoutsService.setInterval(() => this.updateProgress(), 10);
+    }
+    /**
+     * tells toastrService to remove this toast after animation time
+     */
+    remove() {
+        if (this.state() === 'removed')
+            return;
+        clearTimeout(this.timeout);
+        this.state.set('removed');
+        this.timeout = this.timeoutsService.setTimeout(() => this.toastrService.remove(this.toastPackage.toastId));
+    }
+    tapToast() {
+        if (this.state() === 'removed')
+            return;
+        this.toastPackage.triggerTap();
+        if (this.options().tapToDismiss) {
+            this.remove();
+        }
+    }
+    stickAround() {
+        if (this.state() === 'removed')
+            return;
+        if (this.options().disableTimeOut !== 'extendedTimeOut') {
+            clearTimeout(this.timeout);
+            this.options.update(options => ({ ...options, timeOut: 0 }));
+            this.hideTime = 0;
+            // disable progressBar
+            clearInterval(this.intervalId);
+            this.width.set(0);
+        }
+    }
+    delayedHideToast() {
+        const options = this.options();
+        if (options.disableTimeOut === true ||
+            options.disableTimeOut === 'extendedTimeOut' ||
+            options.extendedTimeOut === 0 ||
+            this.state() === 'removed') {
+            return;
+        }
+        const extendedTimeOut = options.extendedTimeOut;
+        this.timeout = this.timeoutsService.setTimeout(() => this.remove(), extendedTimeOut);
+        this.options.update(options => ({ ...options, timeOut: extendedTimeOut }));
+        this.hideTime = new Date().getTime() + (extendedTimeOut || 0);
+        this.width.set(-1);
+        if (options.progressBar) {
+            this.intervalId = this.timeoutsService.setInterval(() => this.updateProgress(), 10);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: ToastBase, isStandalone: true, selector: "[toast-component]", host: { listeners: { "mouseenter": "stickAround()", "mouseleave": "delayedHideToast()", "click": "tapToast()" }, properties: { "class": "toastClasses()", "style.display": "displayStyle()" } }, ngImport: i0, template: "@let _options = options();\n\n@if (_options.closeButton) {\n  <button (click)=\"remove()\" type=\"button\" class=\"toast-close-button\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n}\n\n@if (title()) {\n  <div [class]=\"_options.titleClass\" [attr.aria-label]=\"title()\">\n    {{ title() }}\n\n    @if (duplicatesCount) {\n      <ng-container>[{{ duplicatesCount + 1 }}]</ng-container>\n    }\n  </div>\n}\n\n@if (message()) {\n  @if (_options.enableHtml) {\n    <div role=\"alert\" [class]=\"_options.messageClass\" [innerHTML]=\"message()\"></div>\n  } @else {\n    <div role=\"alert\" [class]=\"_options.messageClass\" [attr.aria-label]=\"message()\">\n      {{ message() }}\n    </div>\n  }\n}\n\n@if (_options.progressBar) {\n  <div>\n    <div class=\"toast-progress\" [style.width]=\"width() + '%'\"></div>\n  </div>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastBase, decorators: [{
+            type: Component,
+            args: [{ selector: '[toast-component]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'toastClasses()',
+                        '[style.display]': 'displayStyle()',
+                        '(mouseenter)': 'stickAround()',
+                        '(mouseleave)': 'delayedHideToast()',
+                        '(click)': 'tapToast()',
+                    }, template: "@let _options = options();\n\n@if (_options.closeButton) {\n  <button (click)=\"remove()\" type=\"button\" class=\"toast-close-button\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n}\n\n@if (title()) {\n  <div [class]=\"_options.titleClass\" [attr.aria-label]=\"title()\">\n    {{ title() }}\n\n    @if (duplicatesCount) {\n      <ng-container>[{{ duplicatesCount + 1 }}]</ng-container>\n    }\n  </div>\n}\n\n@if (message()) {\n  @if (_options.enableHtml) {\n    <div role=\"alert\" [class]=\"_options.messageClass\" [innerHTML]=\"message()\"></div>\n  } @else {\n    <div role=\"alert\" [class]=\"_options.messageClass\" [attr.aria-label]=\"message()\">\n      {{ message() }}\n    </div>\n  }\n}\n\n@if (_options.progressBar) {\n  <div>\n    <div class=\"toast-progress\" [style.width]=\"width() + '%'\"></div>\n  </div>\n}\n" }]
+        }], ctorParameters: () => [] });
+
+class Toast extends ToastBase {
+    params = { easeTime: this.toastPackage.config.easeTime, easing: 'ease-in' };
+    elementRef = inject(ElementRef);
+    remove() {
+        if (this.state() === 'removed')
+            return;
+        clearTimeout(this.timeout);
+        this.state.set('removed');
+        this.elementRef.nativeElement.classList.add('toast-out');
+        this.timeout = this.timeoutsService.setTimeout(() => this.toastrService.remove(this.toastPackage.toastId), +this.params.easeTime);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: Toast, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.24", type: Toast, isStandalone: true, selector: "[toast-component]", host: { attributes: { "animate.enter": "toast-in" }, properties: { "style.--animation-easing": "params.easing", "style.--animation-duration": "params.easeTime + \"ms\"" }, classAttribute: "toast-host" }, usesInheritance: true, ngImport: i0, template: "@let _options = options();\n\n@if (_options.closeButton) {\n  <button (click)=\"remove()\" type=\"button\" class=\"toast-close-button\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n}\n\n@if (title()) {\n  <div [class]=\"_options.titleClass\" [attr.aria-label]=\"title()\">\n    {{ title() }}\n\n    @if (duplicatesCount) {\n      <ng-container>[{{ duplicatesCount + 1 }}]</ng-container>\n    }\n  </div>\n}\n\n@if (message()) {\n  @if (_options.enableHtml) {\n    <div role=\"alert\" [class]=\"_options.messageClass\" [innerHTML]=\"message()\"></div>\n  } @else {\n    <div role=\"alert\" [class]=\"_options.messageClass\" [attr.aria-label]=\"message()\">\n      {{ message() }}\n    </div>\n  }\n}\n\n@if (_options.progressBar) {\n  <div>\n    <div class=\"toast-progress\" [style.width]=\"width() + '%'\"></div>\n  </div>\n}\n", styles: [".toast-host.toast-in{animation:toast-animation var(--animation-duration) var(--animation-easing)}.toast-host.toast-out{animation:toast-animation var(--animation-duration) var(--animation-easing) reverse forwards}@keyframes toast-animation{0%{opacity:0}to{opacity:1}}\n", ".toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 241px) and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 481px) and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: Toast, decorators: [{
+            type: Component,
+            args: [{ selector: '[toast-component]', host: {
+                        '[style.--animation-easing]': 'params.easing',
+                        '[style.--animation-duration]': 'params.easeTime + "ms"',
+                        'animate.enter': 'toast-in',
+                        'class': 'toast-host'
+                    }, encapsulation: ViewEncapsulation.None, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@let _options = options();\n\n@if (_options.closeButton) {\n  <button (click)=\"remove()\" type=\"button\" class=\"toast-close-button\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n}\n\n@if (title()) {\n  <div [class]=\"_options.titleClass\" [attr.aria-label]=\"title()\">\n    {{ title() }}\n\n    @if (duplicatesCount) {\n      <ng-container>[{{ duplicatesCount + 1 }}]</ng-container>\n    }\n  </div>\n}\n\n@if (message()) {\n  @if (_options.enableHtml) {\n    <div role=\"alert\" [class]=\"_options.messageClass\" [innerHTML]=\"message()\"></div>\n  } @else {\n    <div role=\"alert\" [class]=\"_options.messageClass\" [attr.aria-label]=\"message()\">\n      {{ message() }}\n    </div>\n  }\n}\n\n@if (_options.progressBar) {\n  <div>\n    <div class=\"toast-progress\" [style.width]=\"width() + '%'\"></div>\n  </div>\n}\n", styles: [".toast-host.toast-in{animation:toast-animation var(--animation-duration) var(--animation-easing)}.toast-host.toast-out{animation:toast-animation var(--animation-duration) var(--animation-easing) reverse forwards}@keyframes toast-animation{0%{opacity:0}to{opacity:1}}\n", ".toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 241px) and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 481px) and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}\n"] }]
+        }] });
+
+const DefaultNoAnimationsGlobalConfig = {
+    ...DefaultNoComponentGlobalConfig,
+    toastComponent: ToastBase,
+};
+class ToastNoAnimationModule {
+    static forRoot(config = {}) {
+        return {
+            ngModule: ToastNoAnimationModule,
+            providers: [
+                {
+                    provide: TOAST_CONFIG,
+                    useValue: {
+                        default: DefaultNoAnimationsGlobalConfig,
+                        config,
+                    },
+                },
+            ],
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastNoAnimationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.24", ngImport: i0, type: ToastNoAnimationModule, imports: [ToastBase], exports: [ToastBase] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastNoAnimationModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ToastNoAnimationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ToastBase],
+                    exports: [ToastBase],
+                }]
+        }] });
+
 // Angular
 class ExtensionsModule {
     static forRoot(config) {
         return {
             ngModule: ExtensionsModule,
             providers: [
+                { provide: TOAST_CONFIG, useValue: { default: { ...DefaultNoComponentGlobalConfig, toastComponent: Toast }, config: {} } },
                 { provide: APPSEARCH_PREFIX, useValue: config?.appsearch_prefix || 'Hot' },
                 { provide: EXT_ALLOW_UTC, useValue: config?.allow_utc == null ? false : config?.allow_utc },
                 { provide: EXT_DEBUG_MODE, useValue: config?.debugMode || false },
@@ -316,13 +1180,17 @@ class ExtensionsModule {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ExtensionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.24", ngImport: i0, type: ExtensionsModule, declarations: [LocDatePipe], imports: [LocalizationModule], exports: [LocDatePipe] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.24", ngImport: i0, type: ExtensionsModule, declarations: [LocDatePipe], imports: [LocalizationModule,
+            Toast], exports: [LocDatePipe] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ExtensionsModule, imports: [LocalizationModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: ExtensionsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [LocalizationModule],
+                    imports: [
+                        LocalizationModule,
+                        Toast
+                    ],
                     declarations: [LocDatePipe],
                     exports: [LocDatePipe]
                 }]