@igo2/core 21.0.0-next.3 → 21.0.0-next.30

package/fesm2022/igo2-core-message.mjs

@@ -1,168 +1,342 @@
 import * as i0 from '@angular/core';
-import { makeEnvironmentProviders, NgModule, inject, Injector, Injectable } from '@angular/core';
-import { provideToastr, ToastrService } from 'ngx-toastr';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { inject, output, signal, ChangeDetectionStrategy, Component, ApplicationRef, createComponent, Injectable, provideAppInitializer } from '@angular/core';
+import { NgClass, DOCUMENT } from '@angular/common';
+import { MatIconButton } from '@angular/material/button';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { MatProgressBar } from '@angular/material/progress-bar';
+import { DomSanitizer } from '@angular/platform-browser';
 import { ConfigService } from '@igo2/core/config';
 import { LanguageService } from '@igo2/core/language';
-import { BehaviorSubject, forkJoin } from 'rxjs';
-import { debounceTime, first } from 'rxjs/operators';
+import { BehaviorSubject } from 'rxjs';
 
-const TOASTR_CONFIG = {
-    positionClass: 'toast-bottom-right',
+var MessageType;
+(function (MessageType) {
+    MessageType["ERROR"] = "error";
+    MessageType["ALERT"] = "warning";
+    // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
+    MessageType["WARNING"] = "warning";
+    MessageType["INFO"] = "info";
+    MessageType["SUCCESS"] = "success";
+    MessageType["SHOW"] = "show";
+})(MessageType || (MessageType = {}));
+
+class ToastComponent {
+    sanitizer = inject(DomSanitizer);
+    removed = output();
+    toastId;
+    type;
+    title = '';
+    config;
+    enableHtml = false;
+    showIcon = false;
+    _message = '';
+    safeMessage = '';
+    get message() {
+        return this._message;
+    }
+    set message(value) {
+        this._message = value;
+        this.safeMessage = this.sanitizer.bypassSecurityTrustHtml(value);
+    }
+    progress = signal(100, ...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
+    animationState = signal('inactive', ...(ngDevMode ? [{ debugName: "animationState" }] : /* istanbul ignore next */ []));
+    timeoutId = null;
+    progressIntervalId = null;
+    startTime = 0;
+    remainingTime = 0;
+    totalTimeOut = 0;
+    ngOnInit() {
+        this.animationState.set('active');
+        if (!this.config.disableTimeOut) {
+            this.remainingTime = this.config.timeOut ?? 10000;
+            this.totalTimeOut = this.remainingTime;
+            this.startTimer();
+        }
+    }
+    ngOnDestroy() {
+        this.clearTimers();
+    }
+    onEnter() {
+        if (!this.config.disableTimeOut) {
+            this.remainingTime = (this.progress() / 100) * this.totalTimeOut;
+            this.clearTimers();
+        }
+    }
+    onLeave() {
+        if (!this.config.disableTimeOut) {
+            if (!this.config.freezeProgressOnHover) {
+                const extendedTimeOut = this.config.extendedTimeOut ?? 10000;
+                this.remainingTime = extendedTimeOut;
+                this.totalTimeOut = extendedTimeOut;
+            }
+            this.startTimer();
+        }
+    }
+    onTap() {
+        if (this.config.tapToDismiss) {
+            this.remove();
+        }
+    }
+    close(event) {
+        event.stopPropagation();
+        this.remove();
+    }
+    remove() {
+        this.clearTimers();
+        this.animationState.set('removed');
+        setTimeout(() => {
+            this.removed.emit(this.toastId);
+        }, 300);
+    }
+    startTimer() {
+        this.startTime = Date.now();
+        const duration = this.remainingTime;
+        this.progress.set((duration / this.totalTimeOut) * 100);
+        this.progressIntervalId = setInterval(() => {
+            const elapsed = Date.now() - this.startTime;
+            const remaining = Math.max(0, duration - elapsed);
+            this.progress.set((remaining / this.totalTimeOut) * 100);
+        }, 50);
+        this.timeoutId = setTimeout(() => {
+            this.remove();
+        }, duration);
+    }
+    clearTimers() {
+        if (this.timeoutId) {
+            clearTimeout(this.timeoutId);
+            this.timeoutId = null;
+        }
+        if (this.progressIntervalId) {
+            clearInterval(this.progressIntervalId);
+            this.progressIntervalId = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: ToastComponent, isStandalone: true, selector: "igo-toast", outputs: { removed: "removed" }, host: { listeners: { "mouseenter": "onEnter()", "mouseleave": "onLeave()", "touchstart": "onEnter()", "touchend": "onLeave()" }, properties: { "class": "animationState()" } }, ngImport: i0, template: "<div\n  class=\"igo-toast\"\n  [ngClass]=\"'toast-' + type\"\n  [attr.tabindex]=\"config.tapToDismiss ? '0' : null\"\n  (click)=\"onTap()\"\n  (keydown.enter)=\"onTap()\"\n>\n  @if (showIcon) {\n    <mat-icon class=\"toast-icon\">\n      @switch (type) {\n        @case ('success') {\n          check_circle\n        }\n        @case ('error') {\n          error\n        }\n        @case ('warning') {\n          warning\n        }\n        @default {\n          info\n        }\n      }\n    </mat-icon>\n  }\n  <div class=\"toast-content\">\n    @if (title) {\n      <header class=\"toast-title\">{{ title }}</header>\n    }\n    @if (!enableHtml) {\n      <p class=\"toast-message\">{{ message }}</p>\n    } @else {\n      <p class=\"toast-message\" [innerHTML]=\"safeMessage\"></p>\n    }\n  </div>\n  @if (config.closeButton) {\n    <button matIconButton class=\"toast-close-button\" (click)=\"close($event)\">\n      <mat-icon>close</mat-icon>\n    </button>\n  }\n  @if (config.progressBar && !config.disableTimeOut) {\n    <mat-progress-bar mode=\"determinate\" [value]=\"progress()\" />\n  }\n</div>\n", styles: [":host{display:block;pointer-events:all;opacity:0;transition:opacity .3s ease-out}:host.active{opacity:1;transition:opacity .3s ease-in}:host.inactive,:host.removed{opacity:0}:host ::ng-deep .mdc-linear-progress__bar{transition:transform .15s 0ms cubic-bezier(.4,0,.6,1)}.igo-toast{position:relative;overflow:hidden;padding:12px 16px;border-radius:4px;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;color:#fff;min-width:300px;max-width:400px;cursor:pointer;display:flex;align-items:flex-start;gap:12px}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-show{background-color:#2f96b4}.toast-icon{flex-shrink:0;font-size:22px;width:22px;height:22px}.toast-content{flex:1;min-width:0}.toast-title{font-weight:700;font-size:var(--sdg-font-size-h5, 19px);line-height:24px}.toast-message{color:inherit;font-size:13px;word-wrap:break-word;margin-bottom:0!important}.toast-close-button{position:absolute;top:4px;right:4px;opacity:.8;color:inherit}.toast-close-button:hover{opacity:1}mat-progress-bar{position:absolute;bottom:0;left:0;width:100%;--mdc-linear-progress-active-indicator-transition-duration: 0ms;--mdc-linear-progress-active-indicator-color: rgba( 255, 255, 255, .7 ) !important;--mdc-linear-progress-track-color: rgba(255, 255, 255, .3) !important;--mat-progress-bar-active-indicator-color: rgba(255, 255, 255, .7);--mat-progress-bar-track-color: rgba(255, 255, 255, .3);--mdc-linear-progress-track-height: 3px;--mdc-linear-progress-active-indicator-height: 3px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-toast', standalone: true, imports: [NgClass, MatIconModule, MatIconButton, MatProgressBar], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'animationState()',
+                        '(mouseenter)': 'onEnter()',
+                        '(mouseleave)': 'onLeave()',
+                        '(touchstart)': 'onEnter()',
+                        '(touchend)': 'onLeave()'
+                    }, template: "<div\n  class=\"igo-toast\"\n  [ngClass]=\"'toast-' + type\"\n  [attr.tabindex]=\"config.tapToDismiss ? '0' : null\"\n  (click)=\"onTap()\"\n  (keydown.enter)=\"onTap()\"\n>\n  @if (showIcon) {\n    <mat-icon class=\"toast-icon\">\n      @switch (type) {\n        @case ('success') {\n          check_circle\n        }\n        @case ('error') {\n          error\n        }\n        @case ('warning') {\n          warning\n        }\n        @default {\n          info\n        }\n      }\n    </mat-icon>\n  }\n  <div class=\"toast-content\">\n    @if (title) {\n      <header class=\"toast-title\">{{ title }}</header>\n    }\n    @if (!enableHtml) {\n      <p class=\"toast-message\">{{ message }}</p>\n    } @else {\n      <p class=\"toast-message\" [innerHTML]=\"safeMessage\"></p>\n    }\n  </div>\n  @if (config.closeButton) {\n    <button matIconButton class=\"toast-close-button\" (click)=\"close($event)\">\n      <mat-icon>close</mat-icon>\n    </button>\n  }\n  @if (config.progressBar && !config.disableTimeOut) {\n    <mat-progress-bar mode=\"determinate\" [value]=\"progress()\" />\n  }\n</div>\n", styles: [":host{display:block;pointer-events:all;opacity:0;transition:opacity .3s ease-out}:host.active{opacity:1;transition:opacity .3s ease-in}:host.inactive,:host.removed{opacity:0}:host ::ng-deep .mdc-linear-progress__bar{transition:transform .15s 0ms cubic-bezier(.4,0,.6,1)}.igo-toast{position:relative;overflow:hidden;padding:12px 16px;border-radius:4px;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;color:#fff;min-width:300px;max-width:400px;cursor:pointer;display:flex;align-items:flex-start;gap:12px}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-show{background-color:#2f96b4}.toast-icon{flex-shrink:0;font-size:22px;width:22px;height:22px}.toast-content{flex:1;min-width:0}.toast-title{font-weight:700;font-size:var(--sdg-font-size-h5, 19px);line-height:24px}.toast-message{color:inherit;font-size:13px;word-wrap:break-word;margin-bottom:0!important}.toast-close-button{position:absolute;top:4px;right:4px;opacity:.8;color:inherit}.toast-close-button:hover{opacity:1}mat-progress-bar{position:absolute;bottom:0;left:0;width:100%;--mdc-linear-progress-active-indicator-transition-duration: 0ms;--mdc-linear-progress-active-indicator-color: rgba( 255, 255, 255, .7 ) !important;--mdc-linear-progress-track-color: rgba(255, 255, 255, .3) !important;--mat-progress-bar-active-indicator-color: rgba(255, 255, 255, .7);--mat-progress-bar-track-color: rgba(255, 255, 255, .3);--mdc-linear-progress-track-height: 3px;--mdc-linear-progress-active-indicator-height: 3px}\n"] }]
+        }], propDecorators: { removed: [{ type: i0.Output, args: ["removed"] }] } });
+
+class ToastContainerComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: ToastContainerComponent, isStandalone: true, selector: "igo-toast-container", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{position:fixed;pointer-events:none;z-index:10000;display:flex;flex-direction:column;row-gap:8px}:host.toast-bottom-right{bottom:12px;right:12px;align-items:flex-end}:host.toast-bottom-left{bottom:12px;left:12px;align-items:flex-start}:host.toast-top-right{top:12px;right:12px;align-items:flex-end}:host.toast-top-left{top:12px;left:12px;align-items:flex-start}:host.toast-top-center{top:12px;left:50%;transform:translate(-50%);align-items:center}:host.toast-bottom-center{bottom:12px;left:50%;transform:translate(-50%);align-items:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToastContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-toast-container', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `<ng-content></ng-content>`, styles: [":host{position:fixed;pointer-events:none;z-index:10000;display:flex;flex-direction:column;row-gap:8px}:host.toast-bottom-right{bottom:12px;right:12px;align-items:flex-end}:host.toast-bottom-left{bottom:12px;left:12px;align-items:flex-start}:host.toast-top-right{top:12px;right:12px;align-items:flex-end}:host.toast-top-left{top:12px;left:12px;align-items:flex-start}:host.toast-top-center{top:12px;left:50%;transform:translate(-50%);align-items:center}:host.toast-bottom-center{bottom:12px;left:50%;transform:translate(-50%);align-items:center}\n"] }]
+        }] });
+
+const DEFAULT_TOAST_CONFIG = {
     timeOut: 10000,
     extendedTimeOut: 10000,
-    titleClass: 'toastr-message-title',
-    messageClass: 'toast-message',
     closeButton: true,
     progressBar: true,
-    enableHtml: true,
     tapToDismiss: true,
+    positionClass: 'toast-bottom-right',
     maxOpened: 4,
     preventDuplicates: true,
-    resetTimeoutOnDuplicate: true,
-    countDuplicates: false,
-    includeTitleDuplicates: true
+    enableHtml: true,
+    disableTimeOut: false,
+    showIcon: false,
+    freezeProgressOnHover: true
 };
-function provideMessage() {
-    return makeEnvironmentProviders([provideToastr(TOASTR_CONFIG)]);
+
+class ToastService {
+    appRef = inject(ApplicationRef);
+    document = inject(DOCUMENT);
+    toastIdCounter = 0;
+    toasts = new Map();
+    containerRef = null;
+    config = { ...DEFAULT_TOAST_CONFIG };
+    lastMessage = '';
+    lastTitle = '';
+    configure(config) {
+        this.config = { ...this.config, ...config };
+    }
+    success(message, title, options) {
+        return this.show('success', message, title, options);
+    }
+    error(message, title, options) {
+        return this.show('error', message, title, options);
+    }
+    info(message, title, options) {
+        return this.show('info', message, title, options);
+    }
+    warning(message, title, options) {
+        return this.show('warning', message, title, options);
+    }
+    remove(toastId) {
+        const ref = this.toasts.get(toastId);
+        if (ref) {
+            ref.instance.remove();
+        }
+    }
+    /** Called by ToastComponent when removal animation completes */
+    removeToast(toastId) {
+        const ref = this.toasts.get(toastId);
+        if (ref) {
+            this.appRef.detachView(ref.hostView);
+            ref.destroy();
+            this.toasts.delete(toastId);
+        }
+        if (this.toasts.size === 0 && this.containerRef) {
+            this.appRef.detachView(this.containerRef.hostView);
+            this.containerRef.destroy();
+            this.containerRef = null;
+        }
+    }
+    getActiveToasts() {
+        return Array.from(this.toasts.entries()).map(([id, ref]) => ({
+            toastId: id,
+            message: ref.instance.message,
+            title: ref.instance.title,
+            type: ref.instance.type,
+            config: ref.instance.config
+        }));
+    }
+    updateToast(toastId, message, title) {
+        const ref = this.toasts.get(toastId);
+        if (ref) {
+            ref.instance.message = message;
+            ref.instance.title = title;
+        }
+    }
+    show(type, message, title, options) {
+        const mergedConfig = { ...this.config, ...options };
+        // Prevent duplicates
+        if (mergedConfig.preventDuplicates) {
+            if (this.lastMessage === message && this.lastTitle === title) {
+                // Return last toast id
+                const lastEntry = Array.from(this.toasts.entries()).pop();
+                if (lastEntry) {
+                    return { toastId: lastEntry[0] };
+                }
+            }
+        }
+        // Enforce max opened
+        if (mergedConfig.maxOpened && this.toasts.size >= mergedConfig.maxOpened) {
+            const firstKey = this.toasts.keys().next().value;
+            this.remove(firstKey);
+        }
+        this.lastMessage = message;
+        this.lastTitle = title;
+        const toastId = ++this.toastIdCounter;
+        const container = this.getOrCreateContainer(mergedConfig.positionClass || 'toast-bottom-right');
+        const toastRef = createComponent(ToastComponent, {
+            environmentInjector: this.appRef.injector
+        });
+        toastRef.instance.toastId = toastId;
+        toastRef.instance.type = type;
+        toastRef.instance.message = message;
+        toastRef.instance.title = title;
+        toastRef.instance.config = mergedConfig;
+        toastRef.instance.enableHtml = mergedConfig.enableHtml ?? true;
+        toastRef.instance.showIcon = mergedConfig.showIcon ?? false;
+        toastRef.instance.removed.subscribe((removedToastId) => {
+            this.removeToast(removedToastId);
+        });
+        this.toasts.set(toastId, toastRef);
+        this.appRef.attachView(toastRef.hostView);
+        container.location.nativeElement.appendChild(toastRef.location.nativeElement);
+        return { toastId };
+    }
+    getOrCreateContainer(positionClass) {
+        if (this.containerRef) {
+            return this.containerRef;
+        }
+        this.containerRef = createComponent(ToastContainerComponent, {
+            environmentInjector: this.appRef.injector
+        });
+        this.appRef.attachView(this.containerRef.hostView);
+        const el = this.containerRef.location.nativeElement;
+        el.classList.add(positionClass);
+        this.document.body.appendChild(el);
+        return this.containerRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToastService, providedIn: 'root' });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
 
 /**
- * @deprecated import the provideMessage directly
+ * Provides the message service with custom toast configuration.
+ * Since ToastService is providedIn: 'root', this simply configures it.
  */
-class IgoMessageModule {
-    static forRoot() {
-        return {
-            ngModule: IgoMessageModule,
-            providers: []
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: IgoMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: IgoMessageModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: IgoMessageModule, providers: [provideMessage()] });
+function provideMessage(config) {
+    return provideAppInitializer(() => {
+        if (!config) {
+            return;
+        }
+        inject(ToastService).configure(config);
+    });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: IgoMessageModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    providers: [provideMessage()],
-                    exports: []
-                }]
-        }] });
-
-var MessageType;
-(function (MessageType) {
-    MessageType["ERROR"] = "error";
-    MessageType["ALERT"] = "warning";
-    // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
-    MessageType["WARNING"] = "warning";
-    MessageType["INFO"] = "info";
-    MessageType["SUCCESS"] = "success";
-    MessageType["SHOW"] = "show";
-})(MessageType || (MessageType = {}));
 
 class MessageService {
-    injector = inject(Injector);
     configService = inject(ConfigService);
     languageService = inject(LanguageService);
+    toastService = inject(ToastService);
     messages$ = new BehaviorSubject([]);
     options;
-    activeMessageTranslations = [];
     constructor() {
         this.options = this.configService.getConfig('message');
-        this.languageService.language$
-            .pipe(debounceTime(500), takeUntilDestroyed())
-            .subscribe(() => {
-            if (this.toastr.toasts.length === 0) {
-                this.activeMessageTranslations = [];
-            }
-            this.toastr.toasts.forEach((toast) => {
-                const activeMessageTranslation = this.activeMessageTranslations.find((amt) => amt.id === toast.toastId);
-                if (activeMessageTranslation) {
-                    const translatedTextInterpolateParams = {
-                        ...activeMessageTranslation.textInterpolateParams
-                    };
-                    const translatedTitleInterpolateParams = {
-                        ...activeMessageTranslation.titleInterpolateParams
-                    };
-                    if (activeMessageTranslation.textInterpolateParams) {
-                        Object.keys(activeMessageTranslation.textInterpolateParams).forEach((k) => {
-                            if (k) {
-                                translatedTextInterpolateParams[k] =
-                                    this.languageService.translate.instant(activeMessageTranslation.textInterpolateParams?.[k]);
-                            }
-                        });
-                    }
-                    if (activeMessageTranslation.titleInterpolateParams) {
-                        Object.keys(activeMessageTranslation.titleInterpolateParams).forEach((k) => {
-                            if (k) {
-                                translatedTitleInterpolateParams[k] =
-                                    this.languageService.translate.instant(activeMessageTranslation.titleInterpolateParams?.[k]);
-                            }
-                        });
-                    }
-                    forkJoin([
-                        this.languageService.translate.get(activeMessageTranslation.textKey, translatedTextInterpolateParams),
-                        this.languageService.translate.get(activeMessageTranslation.titleKey, translatedTitleInterpolateParams)
-                    ])
-                        .pipe(first())
-                        .subscribe((res) => {
-                        const instance = toast.toastRef.componentInstance;
-                        instance.message = res[0];
-                        instance.title = res[1];
-                    });
-                }
-            });
-        });
-    }
-    get toastr() {
-        return this.injector.get(ToastrService);
     }
     showError(httpError) {
-        httpError.error.caught = true;
-        return this.error(httpError.error.message, httpError.error.title);
+        const errorPayload = httpError.error;
+        if (errorPayload && typeof errorPayload === 'object') {
+            errorPayload.caught = true;
+        }
+        const message = typeof errorPayload?.message === 'string'
+            ? errorPayload.message
+            : httpError.message;
+        const title = typeof errorPayload?.title === 'string'
+            ? errorPayload.title
+            : 'igo.core.message.error';
+        return this.error(message, title);
     }
     message(message) {
-        const messageType = message.type;
-        this.toastr.toastrConfig.iconClasses[messageType] = `toast-${messageType}`;
         this.messages$.next(this.messages$.value.concat([message]));
-        const options = message.options || {};
+        const options = { ...(message.options ?? {}) };
         const currentDate = new Date();
-        options.from = options.from ? options.from : new Date('1 jan 1900');
-        options.to = options.to ? options.to : new Date('1 jan 3000');
-        if (typeof options.from === 'string') {
-            options.from = new Date(Date.parse(options.from.replace(/-/g, ' ')));
+        const fromDate = this.parseDate(options.from, new Date('1 jan 1900'));
+        const toDate = this.parseDate(options.to, new Date('1 jan 3000'));
+        options.from = fromDate;
+        options.to = toDate;
+        if (message.showIcon !== undefined) {
+            options.showIcon = message.showIcon;
         }
-        if (typeof options.to === 'string') {
-            options.to = new Date(Date.parse(options.to.replace(/-/g, ' ')));
-        }
-        if (currentDate > options.from && currentDate < options.to) {
-            if (message.showIcon === false) {
-                this.toastr.toastrConfig.iconClasses[messageType] =
-                    `toast-${messageType} toast-no-icon`;
-            }
+        if (currentDate >= fromDate && currentDate <= toDate) {
             message = this.handleTemplate(message);
             if (message.text) {
                 let messageShown;
                 switch (message.type) {
                     case MessageType.SUCCESS:
-                        messageShown = this.success(message.text, message.title, message.options, message.textInterpolateParams, message.titleInterpolateParams);
+                        messageShown = this.success(message.text, message.title, options, message.textInterpolateParams, message.titleInterpolateParams);
                         break;
                     case MessageType.ERROR:
-                        messageShown = this.error(message.text, message.title, message.options, message.textInterpolateParams, message.titleInterpolateParams);
+                        messageShown = this.error(message.text, message.title, options, message.textInterpolateParams, message.titleInterpolateParams);
                         break;
                     case MessageType.INFO:
-                        messageShown = this.info(message.text, message.title, message.options, message.textInterpolateParams, message.titleInterpolateParams);
-                        break;
                     case MessageType.SHOW:
-                        messageShown = this.show(message.text, message.title, message.options, message.textInterpolateParams, message.titleInterpolateParams);
+                        messageShown = this.info(message.text, message.title, options, message.textInterpolateParams, message.titleInterpolateParams);
                         break;
                     case MessageType.ALERT:
                     case MessageType.WARNING:
-                        messageShown = this.alert(message.text, message.title, message.options, message.textInterpolateParams, message.titleInterpolateParams);
+                        messageShown = this.alert(message.text, message.title, options, message.textInterpolateParams, message.titleInterpolateParams);
                         break;
                     default:
-                        messageShown = this.info(message.text, message.title, message.options, message.textInterpolateParams, message.titleInterpolateParams);
+                        messageShown = this.info(message.text, message.title, options, message.textInterpolateParams, message.titleInterpolateParams);
                         break;
                 }
                 options.id = messageShown.toastId;
@@ -171,74 +345,71 @@ class MessageService {
         }
     }
     success(text, title = 'igo.core.message.success', options = {}, textInterpolateParams, titleInterpolateParams) {
-        return this.handleNgxToastr('success', text, title, options, textInterpolateParams, titleInterpolateParams);
+        return this.handleToast('success', text, title, options, textInterpolateParams, titleInterpolateParams);
     }
     error(text, title = 'igo.core.message.error', options = {}, textInterpolateParams, titleInterpolateParams) {
-        return this.handleNgxToastr('error', text, title, options, textInterpolateParams, titleInterpolateParams);
+        return this.handleToast('error', text, title, options, textInterpolateParams, titleInterpolateParams);
     }
     info(text, title = 'igo.core.message.info', options = {}, textInterpolateParams, titleInterpolateParams) {
-        return this.handleNgxToastr('info', text, title, options, textInterpolateParams, titleInterpolateParams);
+        return this.handleToast('info', text, title, options, textInterpolateParams, titleInterpolateParams);
     }
     alert(text, title = 'igo.core.message.alert', options = {}, textInterpolateParams, titleInterpolateParams) {
-        return this.handleNgxToastr('alert', text, title, options, textInterpolateParams, titleInterpolateParams);
+        return this.handleToast('warning', text, title, options, textInterpolateParams, titleInterpolateParams);
     }
     show(text, title = 'igo.core.message.info', options = {}, textInterpolateParams, titleInterpolateParams) {
-        return this.handleNgxToastr('show', text, title, options, textInterpolateParams, titleInterpolateParams);
-    }
-    handleNgxToastr(type, text, title, options = {}, textInterpolateParams, titleInterpolateParams) {
-        const translatedTextInterpolateParams = { ...textInterpolateParams };
-        const translatedTitlenterpolateParams = { ...titleInterpolateParams };
-        if (textInterpolateParams) {
-            Object.keys(textInterpolateParams).forEach((k) => {
-                const value = textInterpolateParams[k];
-                if (value) {
-                    translatedTextInterpolateParams[k] =
-                        typeof value === 'string'
-                            ? this.languageService.translate.instant(value)
-                            : value;
-                }
-            });
-        }
-        if (titleInterpolateParams) {
-            Object.keys(titleInterpolateParams).forEach((k) => {
-                if (k) {
-                    const value = titleInterpolateParams[k];
-                    translatedTitlenterpolateParams[k] =
-                        typeof value === 'string'
-                            ? this.languageService.translate.instant(value)
-                            : value;
-                }
-            });
-        }
-        const message = this.languageService.translate.instant(text, translatedTextInterpolateParams);
-        const translatedTitle = this.languageService.translate.instant(title, translatedTitlenterpolateParams);
+        return this.handleToast('info', text, title, options, textInterpolateParams, titleInterpolateParams);
+    }
+    handleToast(type, text, title, options = {}, textInterpolateParams, titleInterpolateParams) {
+        const translatedTextInterpolateParams = this.translateInterpolateParams(textInterpolateParams);
+        const translatedTitleInterpolateParams = this.translateInterpolateParams(titleInterpolateParams);
+        const translatedMessage = this.languageService.translate.instant(text, translatedTextInterpolateParams);
+        const translatedTitle = this.languageService.translate.instant(title, translatedTitleInterpolateParams);
         let activeToast;
         switch (type) {
             case 'success':
-                activeToast = this.toastr.success(message, translatedTitle, options);
+                activeToast = this.toastService.success(translatedMessage, translatedTitle, options);
                 break;
             case 'error':
-                activeToast = this.toastr.error(message, translatedTitle, options);
+                activeToast = this.toastService.error(translatedMessage, translatedTitle, options);
                 break;
-            case 'show':
             case 'info':
-                activeToast = this.toastr.info(message, translatedTitle, options);
+                activeToast = this.toastService.info(translatedMessage, translatedTitle, options);
                 break;
-            case 'alert':
-                activeToast = this.toastr.warning(message, translatedTitle, options);
+            case 'warning':
+                activeToast = this.toastService.warning(translatedMessage, translatedTitle, options);
                 break;
         }
-        this.activeMessageTranslations.push({
-            id: activeToast.toastId,
-            titleKey: title,
-            textKey: text,
-            textInterpolateParams,
-            titleInterpolateParams
-        });
         return activeToast;
     }
+    parseDate(value, fallback) {
+        if (!value) {
+            return fallback;
+        }
+        if (value instanceof Date) {
+            return value;
+        }
+        const directParse = new Date(value);
+        if (!Number.isNaN(directParse.getTime())) {
+            return directParse;
+        }
+        const normalizedParse = new Date(Date.parse(value.replace(/-/g, ' ')));
+        return Number.isNaN(normalizedParse.getTime()) ? fallback : normalizedParse;
+    }
+    translateInterpolateParams(params) {
+        if (!params) {
+            return {};
+        }
+        return Object.keys(params).reduce((acc, key) => {
+            const value = params[key];
+            acc[key] =
+                typeof value === 'string'
+                    ? this.languageService.translate.instant(value)
+                    : value;
+            return acc;
+        }, {});
+    }
     remove(id) {
-        this.toastr.remove(id);
+        this.toastService.remove(id);
     }
     removeAllAreNotError() {
         for (const mess of this.messages$.value) {
@@ -261,10 +432,10 @@ class MessageService {
         message.title = undefined;
         return message;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MessageService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MessageService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MessageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MessageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -275,5 +446,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IgoMessageModule, MessageService, MessageType, provideMessage };
+export { DEFAULT_TOAST_CONFIG, MessageService, MessageType, ToastComponent, ToastContainerComponent, ToastService, provideMessage };
 //# sourceMappingURL=igo2-core-message.mjs.map