@mediusinc/mng-commons 5.5.0 → 6.0.0-rc.3

package/fesm2022/mediusinc-mng-commons-core.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { computed, signal, Component, ChangeDetectionStrategy, InjectionToken, inject, DestroyRef, effect, Injectable, Injector, ElementRef, ApplicationRef, ViewContainerRef, EventEmitter, EnvironmentInjector, createComponent, Directive, Input, Output, TemplateRef, input, booleanAttribute, numberAttribute, Pipe, untracked, APP_INITIALIZER, ErrorHandler } from '@angular/core';
-import * as i3$1 from '@ngx-translate/core';
+import { computed, signal, Component, ChangeDetectionStrategy, inject, Injector, ElementRef, ApplicationRef, ViewContainerRef, EventEmitter, EnvironmentInjector, createComponent, Directive, Input, Output, TemplateRef, input, effect, booleanAttribute, numberAttribute, Pipe, untracked, InjectionToken, DestroyRef, Injectable, APP_INITIALIZER, ErrorHandler } from '@angular/core';
+import * as i4 from '@ngx-translate/core';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import * as i3 from 'primeng/confirmdialog';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
@@ -10,16 +10,14 @@ import * as i1 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
 import * as i2 from 'primeng/api';
 import { PrimeNGConfig, MessageService, ConfirmationService } from 'primeng/api';
-import { Router, NavigationEnd, RouterLink, NavigationStart, RouteConfigLoadStart, RouteConfigLoadEnd, NavigationCancel, NavigationError } from '@angular/router';
-import * as i2$1 from 'primeng/button';
-import { ButtonModule } from 'primeng/button';
-import { takeUntilDestroyed, toObservable as toObservable$1 } from '@angular/core/rxjs-interop';
-import { Title } from '@angular/platform-browser';
-import { filter, map, first, catchError } from 'rxjs/operators';
-import { DatePipe } from '@angular/common';
 import { HttpErrorResponse, HttpClient, HttpBackend } from '@angular/common/http';
+import { DatePipe } from '@angular/common';
 import { isObservable, of, mergeMap, combineLatest, Observable, tap, ReplaySubject, Subject, take, throwError as throwError$1 } from 'rxjs';
+import { map, filter, first, catchError } from 'rxjs/operators';
 import 'reflect-metadata';
+import { takeUntilDestroyed, toObservable as toObservable$1 } from '@angular/core/rxjs-interop';
+import { Title } from '@angular/platform-browser';
+import { Router, NavigationEnd, NavigationStart, RouteConfigLoadStart, RouteConfigLoadEnd, NavigationCancel, NavigationError } from '@angular/router';
 import { DialogService } from 'primeng/dynamicdialog';
 
 class NotificationWrapperComponent {
@@ -54,7 +52,7 @@ class NotificationWrapperComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NotificationWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: NotificationWrapperComponent, isStandalone: true, selector: "mng-notification-wrapper", ngImport: i0, template: "<ng-content></ng-content>\n<p-confirmDialog appendTo=\"body\" [baseZIndex]=\"50\"></p-confirmDialog>\n\n<p-toast [baseZIndex]=\"50\">\n    <ng-template let-message pTemplate=\"message\">\n        <span [class]=\"'p-toast-message-icon pi ' + getMessageIcon(message)\"></span>\n        <div class=\"p-toast-message-text\">\n            <div class=\"p-toast-summary\">{{ message.summary }}</div>\n            @if (message.detail) {\n                <div class=\"p-toast-detail\">{{ message.detail.slice(0, notificationCutoff) + (message.detail.length > notificationCutoff ? '...' : '') }}</div>\n                @if (message.detail.length > notificationCutoff) {\n                    <div (click)=\"onShowNotificationInDialog(message)\" class=\"p-link font-semibold text-sm mt-2 flex align-items-center\">\n                        <i class=\"pi pi-chevron-down mr-1\"></i>{{ 'notification.details' | translate }}\n                    </div>\n                }\n            }\n        </div>\n    </ng-template>\n</p-toast>\n\n<p-dialog\n    [visible]=\"isDialogNotificationVisible()\"\n    (visibleChange)=\"onDialogNotificationVisibilityChange($event)\"\n    [styleClass]=\"'p-fluid mng-dialog mng-dialog-xs ' + 'mng-message-detail-dialog mng-message-detail-dialog-' + (dialogNotification()?.severity ?? '')\"\n    appendTo=\"body\"\n    draggable=\"false\"\n    modal=\"true\">\n    <ng-template pTemplate=\"header\" mngDialogKeydownHandler>\n        <span class=\"p-dialog-title font-bold mng-dialog-success\">\n            <span [class]=\"'mr-2 pi ' + dialogNotificationIconClass()\"></span>\n            {{ dialogNotification()?.summary ?? '' }}\n        </span>\n    </ng-template>\n    <div class=\"mng-notification-details\">\n        {{ dialogNotification()?.detail ?? '' }}\n    </div>\n</p-dialog>\n", styles: [".mng-notification-details{white-space:pre-wrap;word-wrap:break-word}\n"], dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "component", type: i1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i3.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i5.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: NotificationWrapperComponent, isStandalone: true, selector: "mng-notification-wrapper", ngImport: i0, template: "<ng-content></ng-content>\n<p-confirmDialog appendTo=\"body\" [baseZIndex]=\"50\"></p-confirmDialog>\n\n<p-toast [baseZIndex]=\"50\">\n    <ng-template let-message pTemplate=\"message\">\n        <span [class]=\"'p-toast-message-icon pi ' + getMessageIcon(message)\"></span>\n        <div class=\"p-toast-message-text\">\n            <div class=\"p-toast-summary\">{{ message.summary }}</div>\n            @if (message.detail) {\n                <div class=\"p-toast-detail\">{{ message.detail.slice(0, notificationCutoff) + (message.detail.length > notificationCutoff ? '...' : '') }}</div>\n                @if (message.detail.length > notificationCutoff) {\n                    <div (click)=\"onShowNotificationInDialog(message)\" class=\"p-link font-semibold text-sm mt-2 flex align-items-center\">\n                        <i class=\"pi pi-chevron-down mr-1\"></i>{{ 'notification.details' | translate }}\n                    </div>\n                }\n            }\n        </div>\n    </ng-template>\n</p-toast>\n\n<p-dialog\n    [visible]=\"isDialogNotificationVisible()\"\n    (visibleChange)=\"onDialogNotificationVisibilityChange($event)\"\n    [styleClass]=\"'p-fluid mng-dialog mng-dialog-xs ' + 'mng-message-detail-dialog mng-message-detail-dialog-' + (dialogNotification()?.severity ?? '')\"\n    appendTo=\"body\"\n    draggable=\"false\"\n    modal=\"true\">\n    <ng-template pTemplate=\"header\" mngDialogKeydownHandler>\n        <span class=\"p-dialog-title font-bold mng-dialog-success\">\n            <span [class]=\"'mr-2 pi ' + dialogNotificationIconClass()\"></span>\n            {{ dialogNotification()?.summary ?? '' }}\n        </span>\n    </ng-template>\n    <div class=\"mng-notification-details\">\n        {{ dialogNotification()?.detail ?? '' }}\n    </div>\n</p-dialog>\n", styles: [".mng-notification-details{white-space:pre-wrap;word-wrap:break-word}\n"], dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "component", type: i1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i3.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i5.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NotificationWrapperComponent, decorators: [{
             type: Component,
@@ -213,672 +211,155 @@ function angularDateFormatHasSeconds(ngDateFormat) {
     return /[sS]/.test(ngDateFormat);
 }
 
-var LogLevelEnum;
-(function (LogLevelEnum) {
-    LogLevelEnum[LogLevelEnum["Trace"] = 0] = "Trace";
-    LogLevelEnum[LogLevelEnum["Debug"] = 1] = "Debug";
-    LogLevelEnum[LogLevelEnum["Log"] = 2] = "Log";
-    LogLevelEnum[LogLevelEnum["Info"] = 3] = "Info";
-    LogLevelEnum[LogLevelEnum["Warning"] = 4] = "Warning";
-    LogLevelEnum[LogLevelEnum["Error"] = 5] = "Error";
-})(LogLevelEnum || (LogLevelEnum = {}));
-
-class LoggerService {
-    static { this._instance = new LoggerService(); }
-    static { this._isInit = false; }
-    static { this._publishers = []; }
-    static { this._entriesBuffer = []; }
-    static { this._categoryInstances = {}; }
-    static { this._timestampFormat = 'yyyy-MM-dd HH:mm:ss.SSS'; }
-    constructor() {
-        // Temporary settings that cover logging calls before initialisation
-        this.defaultLogLevel = LogLevelEnum.Info;
-        this.datePipe = new DatePipe('en-US');
-        // empty
-    }
-    static get() {
-        return LoggerService._instance;
-    }
-    static configure(config) {
-        if (config.timestampFormat) {
-            LoggerService._timestampFormat = config.timestampFormat;
-        }
-    }
-    static init(configurationService, publishers) {
-        if (LoggerService._isInit) {
-            return;
-        }
-        LoggerService._configurationService = configurationService;
-        LoggerService._publishers = publishers;
-        LoggerService._isInit = true;
-        LoggerService._flushBuffer();
-    }
-    static _flushBuffer() {
-        if (!LoggerService._isInit) {
-            return;
+class FilterMatchMode {
+    static { this.Equals = 'equals'; }
+    static { this.EqualsAbbr = 'eq'; }
+    static { this.NotEquals = 'notEquals'; }
+    static { this.NotEqualsAbbr = 'ne'; }
+    static { this.Contains = 'contains'; }
+    static { this.ContainsAbbr = 'cn'; }
+    static { this.NotContains = 'notContains'; }
+    static { this.NotContainsAbbr = 'nc'; }
+    static { this.In = 'in'; }
+    static { this.InAbbr = 'in'; }
+    static { this.NotIn = 'notIn'; }
+    static { this.NotInAbbr = 'ni'; }
+    static { this.StartsWith = 'startsWith'; }
+    static { this.StartsWithAbbr = 'sw'; }
+    static { this.EndsWith = 'endsWith'; }
+    static { this.EndsWithAbbr = 'ew'; }
+    static { this.LessThan = 'lessThan'; }
+    static { this.LessThanAbbr = 'lt'; }
+    static { this.LessThanOrEqualTo = 'lessThanOrEqualTo'; }
+    static { this.LessThanOrEqualToAbbr = 'le'; }
+    static { this.GreaterThan = 'greaterThan'; }
+    static { this.GreaterThanAbbr = 'gt'; }
+    static { this.GreaterThanOrEqualTo = 'greaterThanOrEqualTo'; }
+    static { this.GreaterThanOrEqualToAbbr = 'ge'; }
+    static { this.Between = 'between'; }
+    static { this.BetweenAbbr = 'bt'; }
+    static { this.Exists = 'exists'; }
+    static { this.ExistsAbbr = 'ex'; }
+    static { this.DoesNotExist = 'doesNotExist'; }
+    static { this.DoesNotExistAbbr = 'nx'; }
+    static getAbbreviation(mode) {
+        switch (mode) {
+            case FilterMatchMode.Equals:
+                return FilterMatchMode.EqualsAbbr;
+            case FilterMatchMode.NotEquals:
+                return FilterMatchMode.NotEqualsAbbr;
+            case FilterMatchMode.Contains:
+                return FilterMatchMode.ContainsAbbr;
+            case FilterMatchMode.NotContains:
+                return FilterMatchMode.NotContainsAbbr;
+            case FilterMatchMode.In:
+                return FilterMatchMode.InAbbr;
+            case FilterMatchMode.NotIn:
+                return FilterMatchMode.NotInAbbr;
+            case FilterMatchMode.StartsWith:
+                return FilterMatchMode.StartsWithAbbr;
+            case FilterMatchMode.EndsWith:
+                return FilterMatchMode.EndsWithAbbr;
+            case FilterMatchMode.LessThan:
+                return FilterMatchMode.LessThanAbbr;
+            case FilterMatchMode.LessThanOrEqualTo:
+                return FilterMatchMode.LessThanOrEqualToAbbr;
+            case FilterMatchMode.GreaterThan:
+                return FilterMatchMode.GreaterThanAbbr;
+            case FilterMatchMode.GreaterThanOrEqualTo:
+                return FilterMatchMode.GreaterThanOrEqualToAbbr;
+            case FilterMatchMode.Between:
+                return FilterMatchMode.BetweenAbbr;
+            case FilterMatchMode.Exists:
+                return FilterMatchMode.ExistsAbbr;
+            case FilterMatchMode.DoesNotExist:
+                return FilterMatchMode.DoesNotExistAbbr;
+            default:
+                return null;
         }
-        LoggerService._entriesBuffer.forEach(e => this._instance._log(e));
-        LoggerService._entriesBuffer = [];
     }
-    static create(category) {
-        return LoggerService._instance.create(category);
-    }
-    create(category) {
-        if (this.category) {
-            throw new CommonsInternalError(`Cannot create logger with category inside another category (${this.category}). Must create logger on root.`);
-        }
-        if (LoggerService._categoryInstances[category]) {
-            return LoggerService._categoryInstances[category];
+    static fromAbbreviation(abbr) {
+        switch (abbr) {
+            case FilterMatchMode.EqualsAbbr:
+                return FilterMatchMode.Equals;
+            case FilterMatchMode.NotEqualsAbbr:
+                return FilterMatchMode.NotEquals;
+            case FilterMatchMode.ContainsAbbr:
+                return FilterMatchMode.Contains;
+            case FilterMatchMode.NotContainsAbbr:
+                return FilterMatchMode.NotContains;
+            case FilterMatchMode.InAbbr:
+                return FilterMatchMode.In;
+            case FilterMatchMode.NotInAbbr:
+                return FilterMatchMode.NotIn;
+            case FilterMatchMode.StartsWithAbbr:
+                return FilterMatchMode.StartsWith;
+            case FilterMatchMode.EndsWithAbbr:
+                return FilterMatchMode.EndsWith;
+            case FilterMatchMode.LessThanAbbr:
+                return FilterMatchMode.LessThan;
+            case FilterMatchMode.LessThanOrEqualToAbbr:
+                return FilterMatchMode.LessThanOrEqualTo;
+            case FilterMatchMode.GreaterThanAbbr:
+                return FilterMatchMode.GreaterThan;
+            case FilterMatchMode.GreaterThanOrEqualToAbbr:
+                return FilterMatchMode.GreaterThanOrEqualTo;
+            case FilterMatchMode.BetweenAbbr:
+                return FilterMatchMode.Between;
+            case FilterMatchMode.ExistsAbbr:
+                return FilterMatchMode.Exists;
+            case FilterMatchMode.DoesNotExistAbbr:
+                return FilterMatchMode.DoesNotExist;
+            default:
+                return null;
         }
-        const logger = new LoggerService();
-        logger.category = category;
-        LoggerService._categoryInstances[category] = logger;
-        return logger;
     }
-    _processLog(msgOrError, logLevel, category = undefined, data) {
-        const [timestamp, timestampFormatted] = [...this._getTimestamps()];
-        const logEntry = {
-            level: logLevel,
-            message: typeof msgOrError === 'string' ? msgOrError : msgOrError.message,
-            data: data,
-            category: this.category ?? category,
-            timestamp: timestamp,
-            timestampFormatted: timestampFormatted ?? undefined
-        };
-        if (msgOrError instanceof Error) {
-            // set error from message param
-            logEntry.error = msgOrError;
-        }
-        else if (data?.length && data[0] instanceof Error) {
-            // if first data is error, also consider as error
-            logEntry.error = data[0];
-            logEntry.data = data.splice(1);
-        }
-        this._log(logEntry);
+}
+
+/**
+ * Converts a TableLazyLoadEvent to DataListParams.
+ *
+ * @param {TableLazyLoadEvent} event - The event containing the data to convert.
+ * @return {DataListParams} - The converted DataListParams object.
+ */
+function fromTableLoadToDataListParams(event) {
+    const params = {};
+    if (event.first != null) {
+        params.offset = event.first;
     }
-    _getTimestamps() {
-        const timestamp = new Date();
-        const timestampFormatted = this.datePipe.transform(timestamp, LoggerService._timestampFormat) ?? dateToIsoString(timestamp);
-        return [timestamp, timestampFormatted];
+    if (event.rows != null) {
+        params.limit = event.rows;
     }
-    _log(log) {
-        if (!LoggerService._isInit) {
-            // add to buffer
-            LoggerService._entriesBuffer.push(log);
-            return;
-        }
-        const logConfig = (LoggerService._configurationService?.getConfigValue)?.('log');
-        if ((this.category && log.level < (logConfig?.category?.[this.category]?.level ?? logConfig?.level ?? this.defaultLogLevel)) ||
-            (!this.category && log.level < (logConfig?.level ?? this.defaultLogLevel))) {
-            return;
-        }
-        if (logConfig?.timestampFormat) {
-            log.timestampFormatted = this.datePipe.transform(log.timestamp, logConfig.timestampFormat) ?? undefined;
-        }
-        LoggerService._publishers.forEach(p => p.addEntry(log));
+    if (typeof event.globalFilter === 'string') {
+        params.search = event.globalFilter;
     }
-    trace(msgOrError, ...data) {
-        this._processLog(msgOrError, LogLevelEnum.Trace, undefined, data);
+    else if (Array.isArray(event.globalFilter) && event.globalFilter.length > 0) {
+        params.search = event.globalFilter[0];
     }
-    debug(msgOrError, ...data) {
-        this._processLog(msgOrError, LogLevelEnum.Debug, undefined, data);
+    if (Array.isArray(event.multiSortMeta) && event.multiSortMeta.length > 0) {
+        params.sort = event.multiSortMeta.map(m => ({ property: m.field, ascending: m.order >= 0 }));
     }
-    log(msgOrError, logLevel = LogLevelEnum.Log, category = undefined, ...data) {
-        this._processLog(msgOrError, logLevel, category, data);
-    }
-    logEntry(logEntry) {
-        const [timestamp, timestampFormatted] = [...this._getTimestamps()];
-        const logEntryFinal = {
-            timestamp: timestamp,
-            timestampFormatted: timestampFormatted ?? undefined,
-            category: this.category ?? logEntry.category,
-            message: '',
-            messageDetails: logEntry.messageDetails,
-            level: LogLevelEnum.Log,
-            ...logEntry
-        };
-        this._log(logEntryFinal);
-    }
-    info(msgOrError, ...data) {
-        this._processLog(msgOrError, LogLevelEnum.Info, undefined, data);
-    }
-    warn(msgOrError, ...data) {
-        this._processLog(msgOrError, LogLevelEnum.Warning, undefined, data);
-    }
-    error(msgOrError, ...data) {
-        this._processLog(msgOrError, LogLevelEnum.Error, undefined, data);
-    }
-}
-
-const BROWSER_STORAGE_IT = new InjectionToken('BROWSER_STORAGE');
-
-const COMMONS_MODULE_CONFIG_IT = new InjectionToken('COMMONS_MODULE_CONFIG');
-
-class CommonsService {
-    getDefaultLocale() {
-        const browserLang = this.translate.getBrowserLang();
-        if (browserLang && this.appLocales().some(l => l === browserLang)) {
-            return browserLang;
-        }
-        return this.appLocales()?.length > 0 ? this.appLocales()[0] : 'en';
-    }
-    initAppLocale() {
-        const lsLang = this.localStorage.getItem('lang');
-        if (lsLang && this.appLocales().some(l => l === lsLang)) {
-            return lsLang;
-        }
-        return this.getDefaultLocale();
-    }
-    setAppLocale(language) {
-        if (this.appLocales().some(l => l === language)) {
-            this.translate.use(language);
-            this._appLocale.set(language);
-            if (language !== this.getDefaultLocale())
-                this.localStorage.setItem('lang', language);
-            else
-                this.localStorage.removeItem('lang');
-        }
-    }
-    clearAppLocale() {
-        this.localStorage.removeItem('lang');
-        this._appLocale.set(this.getDefaultLocale());
-    }
-    initAppDataLocale() {
-        const dataLang = this.localStorage.getItem('dataLang');
-        if (dataLang && this.appDataLocales().some(dl => dl === dataLang)) {
-            return dataLang;
-        }
-        return this.appDataLocales()?.length > 0 ? this.getDefaultLocale() : 'en';
-    }
-    setAppDataLocale(dataLocale) {
-        if (this.appDataLocales().some(dl => dl === dataLocale)) {
-            this._appDataLocale.set(dataLocale);
-            if (dataLocale !== this.getDefaultLocale())
-                this.localStorage.setItem('dataLang', dataLocale);
-            else
-                this.localStorage.removeItem('dataLang');
-        }
-    }
-    clearAppDataLocale() {
-        this.localStorage.removeItem('lang');
-        this._appDataLocale.set(this.getDefaultLocale());
-    }
-    constructor() {
-        // internal
-        this.logger = inject(LoggerService).create('CommonsService');
-        this.router = inject(Router);
-        this.primengConfig = inject(PrimeNGConfig);
-        this.translate = inject(TranslateService);
-        this.titleService = inject(Title);
-        this.moduleConfig = inject(COMMONS_MODULE_CONFIG_IT, { optional: true });
-        this.localStorage = inject(BROWSER_STORAGE_IT);
-        this.destroyRef = inject(DestroyRef);
-        // breadcrumbs
-        this.breadcrumbHome = signal({
-            icon: 'pi pi-home',
-            routerLink: '/'
-        });
-        this.breadcrumbs = signal([]);
-        // visual
-        /**
-         * @deprecated Use layout colorScheme instead.
-         */
-        this.colorScheme = signal(this.moduleConfig?.app?.colorScheme ?? 'light');
-        /**
-         * @deprecated Use layout colorScheme instead.
-         */
-        this.colorSchemeIsLight = computed(() => this.colorScheme() === 'light');
-        // user
-        this.user = signal(undefined);
-        this.userRoles = signal([]);
-        // APP section
-        this.appName = signal(this.moduleConfig?.app?.name ?? 'app.name');
-        this.appOwner = signal(this.moduleConfig?.app?.owner ?? 'app.owner');
-        /**
-         * @deprecated Use layout app logo instead.
-         */
-        this.appLogoLight = signal(this.moduleConfig?.app?.logoPathLight ? this.moduleConfig.app.logoPathLight : (this.moduleConfig?.app?.logoPath ?? 'assets/layout/images/logo.png'));
-        /**
-         * @deprecated Use layout app logo instead.
-         */
-        this.appLogoDark = signal(this.moduleConfig?.app?.logoPathDark ? this.moduleConfig.app.logoPathDark : (this.moduleConfig?.app?.logoPath ?? 'assets/layout/images/logo.png'));
-        /**
-         * @deprecated Use layout app logo instead.
-         */
-        this.appLogo = computed(() => (this.colorSchemeIsLight() ? this.appLogoLight() : this.appLogoDark()));
-        /**
-         * @deprecated Use layout app logo instead.
-         */
-        this.appLogoNameLight = signal(this.moduleConfig?.app?.logoNamePathLight ? this.moduleConfig.app.logoNamePathLight : (this.moduleConfig?.app?.logoNamePath ?? 'assets/layout/images/logo-appname.png'));
-        /**
-         * @deprecated Use layout app logo instead.
-         */
-        this.appLogoNameDark = signal(this.moduleConfig?.app?.logoNamePathDark ? this.moduleConfig.app.logoNamePathDark : (this.moduleConfig?.app?.logoNamePath ?? 'assets/layout/images/logo-appname.png'));
-        /**
-         * @deprecated Use layout app logo instead.
-         */
-        this.appLogoName = computed(() => (this.colorSchemeIsLight() ? this.appLogoNameLight() : this.appLogoNameDark()));
-        this.appLocales = signal(this.moduleConfig?.app?.locales ?? ['en']);
-        this._appLocale = signal(this.initAppLocale());
-        this.appLocale = computed(() => this._appLocale());
-        this.appDataLocales = signal(this.moduleConfig?.app?.dataLocales ?? ['en']);
-        this._appDataLocale = signal(this.initAppDataLocale());
-        this.appDataLocale = computed(() => this._appDataLocale());
-        this.appVersion = signal(this.moduleConfig?.app?.version);
-        // ripple
-        this.primengConfig.ripple = true;
-        effect(() => {
-            const appLocales = this.appLocales();
-            if (appLocales) {
-                this.setAppLocale(this.initAppLocale());
-                this.translate.langs = this.appLocales();
-            }
-            const appDataLocales = this.appDataLocales();
-            if (appDataLocales)
-                this.setAppDataLocale(this.initAppDataLocale());
-        }, { allowSignalWrites: true });
-        this.router.events
-            .pipe(
-        // Filter the NavigationEnd events as the breadcrumb is updated only when the route reaches its end
-        filter(event => event instanceof NavigationEnd), takeUntilDestroyed())
-            .subscribe(() => {
-            this.updateBreadcrumbs();
-            this.setPageTitle();
-        });
-        this.translate.onLangChange.pipe(takeUntilDestroyed()).subscribe(() => {
-            this.updateBreadcrumbs();
-            this.setPageTitle();
-        });
-        this.translate
-            .stream('mngPrime')
-            .pipe(takeUntilDestroyed())
-            .subscribe(value => this.primengConfig.setTranslation(value));
-    }
-    initialize() {
-        this.logger.debug('Initialize');
-    }
-    // BREADCRUMB actions
-    findBreadcrumbItem(item) {
-        const items = this.breadcrumbs();
-        if (item.id) {
-            return items.find(i => i.id && i.id === item.id) ?? null;
-        }
-        else if (item.routerLink) {
-            const routerLinkStr = Array.isArray(item.routerLink) ? item.routerLink.join('/') : item.routerLink;
-            return items.find(i => i.routerLink && (Array.isArray(i.routerLink) ? i.routerLink.join('/') : i.routerLink) === routerLinkStr) ?? null;
-        }
-        else if (item.positionIndex) {
-            return items.find(i => i.positionIndex && i.positionIndex === i.positionIndex) ?? null;
-        }
-        else if (item.label) {
-            return items.find(i => i.label && i.label === i.label) ?? null;
-        }
-        else if (item.icon) {
-            return items.find(i => i.icon && i.icon === i.icon) ?? null;
-        }
-        return null;
-    }
-    updateBreadcrumbItem(item) {
-        const items = [...this.breadcrumbs()];
-        let posIdx = -1;
-        if (item.id) {
-            posIdx = items.findIndex(i => i.id && i.id === item.id);
-        }
-        else if (item.routerLink) {
-            const routerLinkStr = Array.isArray(item.routerLink) ? item.routerLink.join('/') : item.routerLink;
-            posIdx = items.findIndex(i => i.routerLink && (Array.isArray(i.routerLink) ? i.routerLink.join('/') : i.routerLink) === routerLinkStr);
-        }
-        else if (item.positionIndex) {
-            posIdx = items.findIndex(i => i.positionIndex && i.positionIndex === i.positionIndex);
-        }
-        else if (item.label) {
-            posIdx = items.findIndex(i => i.label && i.label === i.label);
-        }
-        else if (item.icon) {
-            posIdx = items.findIndex(i => i.icon && i.icon === i.icon);
-        }
-        if (posIdx < 0) {
-            return false;
-        }
-        items[posIdx] = {
-            ...items[posIdx],
-            ...item,
-            updated: true
-        };
-        this.breadcrumbs.set(items);
-        return true;
-    }
-    updateBreadcrumbs() {
-        if (this.breadcrumbsTranslateSubscription) {
-            this.breadcrumbsTranslateSubscription.unsubscribe();
-            this.breadcrumbsTranslateSubscription = undefined;
-        }
-        if (this.breadcrumbHomeTranslateSubscription) {
-            this.breadcrumbHomeTranslateSubscription.unsubscribe();
-            this.breadcrumbHomeTranslateSubscription = undefined;
-        }
-        const rootRoute = this.router.routerState.snapshot.root;
-        const homeBreadcrumb = this.generateHomeBreadcrumb(rootRoute);
-        if (homeBreadcrumb) {
-            if (homeBreadcrumb.label) {
-                this.breadcrumbHomeTranslateSubscription = this.translate
-                    .get(homeBreadcrumb.label)
-                    .pipe(takeUntilDestroyed(this.destroyRef))
-                    .subscribe(i18n => {
-                    homeBreadcrumb.label = i18n;
-                    this.breadcrumbHome.set(homeBreadcrumb);
-                });
-            }
-            else {
-                this.breadcrumbHome.set(homeBreadcrumb);
-            }
-        }
-        const breadcrumbs = [];
-        this.generateBreadcrumbs(rootRoute, [], breadcrumbs);
-        breadcrumbs.forEach((b, idx) => {
-            b.positionIndex = idx;
-        });
-        const i18nKeys = breadcrumbs.filter(b => typeof b.label === 'string').map(b => b.label);
-        if (i18nKeys.length > 0) {
-            this.breadcrumbsTranslateSubscription = this.translate
-                .get(i18nKeys)
-                .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe(i18n => {
-                // Construct the breadcrumb hierarchy
-                breadcrumbs.forEach(b => {
-                    if (b.label && i18n[b.label]) {
-                        b.label = i18n[b.label];
-                    }
-                });
-                // Emit the new breadcrumbs
-                this.breadcrumbs.set(breadcrumbs);
-            });
-        }
-        else {
-            this.breadcrumbs.set(breadcrumbs);
-        }
-    }
-    generateHomeBreadcrumb(route) {
-        if (!route) {
-            return null;
-        }
-        const routeData = route.data;
-        const breadcrumbRouteData = routeData?.breadcrumb;
-        if (breadcrumbRouteData && typeof breadcrumbRouteData === 'object' && 'isHome' in breadcrumbRouteData) {
-            if (breadcrumbRouteData.isHome === false) {
-                return null;
-            }
-            const breadcrumb = this.createBreadcrumb('/', breadcrumbRouteData, true);
-            if (breadcrumb) {
-                if (typeof breadcrumb.icon === 'undefined') {
-                    breadcrumb.icon = 'pi pi-home';
-                }
-                return breadcrumb;
-            }
-        }
-        else {
-            return this.generateHomeBreadcrumb(route.firstChild);
-        }
-        return null;
-    }
-    generateBreadcrumbs(route, parentUrlSegments, breadcrumbs) {
-        if (!route) {
-            return;
-        }
-        const routeData = route.data;
-        const routeUrlSegments = parentUrlSegments.concat(route.url.map(url => url.path));
-        const routeUrl = `/${routeUrlSegments.join('/')}`;
-        if (routeData?.breadcrumb) {
-            const breadcrumbRouteData = routeData.breadcrumb;
-            if (Array.isArray(breadcrumbRouteData)) {
-                for (const breadcrumbRouteDataItem of breadcrumbRouteData) {
-                    const breadcrumb = this.createBreadcrumb(routeUrl, breadcrumbRouteDataItem);
-                    if (breadcrumb) {
-                        breadcrumbs.push(breadcrumb);
-                    }
-                }
-            }
-            else if (typeof breadcrumbRouteData === 'function') {
-                breadcrumbs.push(...breadcrumbRouteData(routeUrl, route));
-            }
-            else {
-                const breadcrumb = this.createBreadcrumb(routeUrl, breadcrumbRouteData);
-                if (breadcrumb) {
-                    breadcrumbs.push(breadcrumb);
-                }
-            }
-        }
-        this.generateBreadcrumbs(route.firstChild, routeUrlSegments, breadcrumbs);
-    }
-    createBreadcrumb(routeUrl, routeBreadcrumb, includeHome = false) {
-        const existingBreadcrumb = this.findBreadcrumbItem({ routerLink: routeUrl });
-        if (existingBreadcrumb?.updated) {
-            return existingBreadcrumb;
-        }
-        if (typeof routeBreadcrumb === 'string') {
-            // check for updated existing breadcrumb
-            return {
-                id: routeUrl,
-                label: routeBreadcrumb,
-                routerLink: routeUrl
-            };
-        }
-        else {
-            if (!includeHome && typeof routeBreadcrumb.isHome !== 'undefined') {
-                // home should not be included
-                return null;
-            }
-            if (typeof routeBreadcrumb.routerLink === 'undefined') {
-                routeBreadcrumb.routerLink = routeUrl;
-            }
-            routeBreadcrumb.id = routeUrl;
-            return routeBreadcrumb;
-        }
-    }
-    // TITLE section
-    setPageTitle(title) {
-        let currentRoute = this.router.routerState.snapshot.root;
-        while (currentRoute.firstChild) {
-            currentRoute = currentRoute.firstChild;
-        }
-        const routeData = currentRoute.data;
-        const pageTitle = title ?? routeData.pageTitle;
-        this.titleService.setTitle(this.formatPageTitle(pageTitle));
-    }
-    formatPageTitle(titlePrefix) {
-        const titlePieces = [];
-        if (titlePrefix) {
-            titlePieces.push(this.translate.instant(titlePrefix));
-        }
-        titlePieces.push(this.translate.instant('app.name'));
-        return titlePieces.join(' - ');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CommonsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CommonsService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CommonsService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-/**
- * @deprecated Use ErrorPageComponent from layout instead.
- */
-class ErrorPageComponent {
-    constructor(commons) {
-        this.commons = commons;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ErrorPageComponent, deps: [{ token: CommonsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ErrorPageComponent, isStandalone: true, selector: "mng-error-page-deprecated", ngImport: i0, template: "<div [class]=\"'exception-body min-h-screen ' + (commons.colorSchemeIsLight() ? 'layout-light' : 'layout-dark')\">\n    <div class=\"exception-container min-h-screen flex align-items-center justify-content-center flex-column bg-auto md:bg-contain bg-no-repeat\">\n        <div class=\"exception-panel text-center flex align-items-center justify-content-center flex-column\">\n            <h1 class=\"text-red-400 mb-0\">{{ 'pages.notFound.title' | translate }}</h1>\n            <h3 class=\"text-red-300\">{{ 'pages.notFound.subtitle' | translate }}</h3>\n            <button type=\"button\" pButton [label]=\"'general.returnHome' | translate\" [routerLink]=\"['/']\"></button>\n        </div>\n        <div class=\"exception-footer align-items-center flex\">\n            <img [src]=\"commons.appLogo()\" class=\"exception-logo\" alt=\"App logo\" />\n            <img [src]=\"commons.appLogoName()\" class=\"exception-appname ml-3\" alt=\"App name\" />\n        </div>\n    </div>\n</div>\n", styles: [".exception-body{background:var(--surface-ground)}.exception-body .exception-container{background:var(--exception-pages-image);background-repeat:no-repeat;background-size:contain;box-sizing:border-box}.exception-body .exception-container .exception-panel{box-sizing:border-box;flex-grow:1;margin-top:3rem;margin-bottom:3rem}.exception-body .exception-container .exception-panel h1{font-size:140px;font-weight:900;text-shadow:0 0 50px rgba(252,97,97,.2)}.exception-body .exception-container .exception-panel h3{font-size:80px;font-weight:900;margin-top:-90px;margin-bottom:50px}.exception-body .exception-container .exception-panel button{margin-top:50px}.exception-body .exception-container .exception-footer{margin-bottom:2rem}.exception-body .exception-container .exception-footer .exception-logo{width:34px}.exception-body .exception-container .exception-footer .exception-appname{width:72px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ErrorPageComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'mng-error-page-deprecated', imports: [ButtonModule, TranslateModule, RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"'exception-body min-h-screen ' + (commons.colorSchemeIsLight() ? 'layout-light' : 'layout-dark')\">\n    <div class=\"exception-container min-h-screen flex align-items-center justify-content-center flex-column bg-auto md:bg-contain bg-no-repeat\">\n        <div class=\"exception-panel text-center flex align-items-center justify-content-center flex-column\">\n            <h1 class=\"text-red-400 mb-0\">{{ 'pages.notFound.title' | translate }}</h1>\n            <h3 class=\"text-red-300\">{{ 'pages.notFound.subtitle' | translate }}</h3>\n            <button type=\"button\" pButton [label]=\"'general.returnHome' | translate\" [routerLink]=\"['/']\"></button>\n        </div>\n        <div class=\"exception-footer align-items-center flex\">\n            <img [src]=\"commons.appLogo()\" class=\"exception-logo\" alt=\"App logo\" />\n            <img [src]=\"commons.appLogoName()\" class=\"exception-appname ml-3\" alt=\"App name\" />\n        </div>\n    </div>\n</div>\n", styles: [".exception-body{background:var(--surface-ground)}.exception-body .exception-container{background:var(--exception-pages-image);background-repeat:no-repeat;background-size:contain;box-sizing:border-box}.exception-body .exception-container .exception-panel{box-sizing:border-box;flex-grow:1;margin-top:3rem;margin-bottom:3rem}.exception-body .exception-container .exception-panel h1{font-size:140px;font-weight:900;text-shadow:0 0 50px rgba(252,97,97,.2)}.exception-body .exception-container .exception-panel h3{font-size:80px;font-weight:900;margin-top:-90px;margin-bottom:50px}.exception-body .exception-container .exception-panel button{margin-top:50px}.exception-body .exception-container .exception-footer{margin-bottom:2rem}.exception-body .exception-container .exception-footer .exception-logo{width:34px}.exception-body .exception-container .exception-footer .exception-appname{width:72px}\n"] }]
-        }], ctorParameters: () => [{ type: CommonsService }] });
-
-/**
- * @deprecated Use ErrorPageComponent from layout instead.
- */
-class NotFoundPageComponent {
-    constructor(commons) {
-        this.commons = commons;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NotFoundPageComponent, deps: [{ token: CommonsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: NotFoundPageComponent, isStandalone: true, selector: "mng-not-found-page-deprecated", ngImport: i0, template: "<div [class]=\"'exception-body min-h-screen ' + (commons.colorSchemeIsLight() ? 'layout-light' : 'layout-dark')\">\n    <div class=\"exception-container min-h-screen flex align-items-center justify-content-center flex-column bg-auto md:bg-contain bg-no-repeat\">\n        <div class=\"exception-panel text-center flex align-items-center justify-content-center flex-column\">\n            <h1 class=\"text-red-400 mb-0\">{{ 'pages.notFound.title' | translate }}</h1>\n            <h3 class=\"text-red-300\">{{ 'pages.notFound.subtitle' | translate }}</h3>\n            <p>{{ 'pages.notFound.message' | translate }}</p>\n            <button type=\"button\" pButton [label]=\"'general.returnHome' | translate\" [routerLink]=\"['/']\"></button>\n        </div>\n        <div class=\"exception-footer align-items-center flex\">\n            <img [src]=\"commons.appLogo()\" class=\"exception-logo\" alt=\"App logo\" />\n            <img [src]=\"commons.appLogoName()\" class=\"exception-appname ml-3\" alt=\"App name\" />\n        </div>\n    </div>\n</div>\n", styles: [".exception-body{background:var(--surface-ground)}.exception-body .exception-container{background:var(--exception-pages-image);background-repeat:no-repeat;background-size:contain;box-sizing:border-box}.exception-body .exception-container .exception-panel{box-sizing:border-box;flex-grow:1;margin-top:3rem;margin-bottom:3rem}.exception-body .exception-container .exception-panel h1{font-size:140px;font-weight:900;text-shadow:0 0 50px rgba(252,97,97,.2)}.exception-body .exception-container .exception-panel h3{font-size:80px;font-weight:900;margin-top:-90px;margin-bottom:50px}.exception-body .exception-container .exception-panel p{font-size:24px;font-weight:400;max-width:320px}.exception-body .exception-container .exception-panel button{margin-top:50px}.exception-body .exception-container .exception-footer{margin-bottom:2rem}.exception-body .exception-container .exception-footer .exception-logo{width:34px}.exception-body .exception-container .exception-footer .exception-appname{width:72px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NotFoundPageComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'mng-not-found-page-deprecated', imports: [ButtonModule, RouterLink, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"'exception-body min-h-screen ' + (commons.colorSchemeIsLight() ? 'layout-light' : 'layout-dark')\">\n    <div class=\"exception-container min-h-screen flex align-items-center justify-content-center flex-column bg-auto md:bg-contain bg-no-repeat\">\n        <div class=\"exception-panel text-center flex align-items-center justify-content-center flex-column\">\n            <h1 class=\"text-red-400 mb-0\">{{ 'pages.notFound.title' | translate }}</h1>\n            <h3 class=\"text-red-300\">{{ 'pages.notFound.subtitle' | translate }}</h3>\n            <p>{{ 'pages.notFound.message' | translate }}</p>\n            <button type=\"button\" pButton [label]=\"'general.returnHome' | translate\" [routerLink]=\"['/']\"></button>\n        </div>\n        <div class=\"exception-footer align-items-center flex\">\n            <img [src]=\"commons.appLogo()\" class=\"exception-logo\" alt=\"App logo\" />\n            <img [src]=\"commons.appLogoName()\" class=\"exception-appname ml-3\" alt=\"App name\" />\n        </div>\n    </div>\n</div>\n", styles: [".exception-body{background:var(--surface-ground)}.exception-body .exception-container{background:var(--exception-pages-image);background-repeat:no-repeat;background-size:contain;box-sizing:border-box}.exception-body .exception-container .exception-panel{box-sizing:border-box;flex-grow:1;margin-top:3rem;margin-bottom:3rem}.exception-body .exception-container .exception-panel h1{font-size:140px;font-weight:900;text-shadow:0 0 50px rgba(252,97,97,.2)}.exception-body .exception-container .exception-panel h3{font-size:80px;font-weight:900;margin-top:-90px;margin-bottom:50px}.exception-body .exception-container .exception-panel p{font-size:24px;font-weight:400;max-width:320px}.exception-body .exception-container .exception-panel button{margin-top:50px}.exception-body .exception-container .exception-footer{margin-bottom:2rem}.exception-body .exception-container .exception-footer .exception-logo{width:34px}.exception-body .exception-container .exception-footer .exception-appname{width:72px}\n"] }]
-        }], ctorParameters: () => [{ type: CommonsService }] });
-
-class FilterMatchMode {
-    static { this.Equals = 'equals'; }
-    static { this.EqualsAbbr = 'eq'; }
-    static { this.NotEquals = 'notEquals'; }
-    static { this.NotEqualsAbbr = 'ne'; }
-    static { this.Contains = 'contains'; }
-    static { this.ContainsAbbr = 'cn'; }
-    static { this.NotContains = 'notContains'; }
-    static { this.NotContainsAbbr = 'nc'; }
-    static { this.In = 'in'; }
-    static { this.InAbbr = 'in'; }
-    static { this.NotIn = 'notIn'; }
-    static { this.NotInAbbr = 'ni'; }
-    static { this.StartsWith = 'startsWith'; }
-    static { this.StartsWithAbbr = 'sw'; }
-    static { this.EndsWith = 'endsWith'; }
-    static { this.EndsWithAbbr = 'ew'; }
-    static { this.LessThan = 'lessThan'; }
-    static { this.LessThanAbbr = 'lt'; }
-    static { this.LessThanOrEqualTo = 'lessThanOrEqualTo'; }
-    static { this.LessThanOrEqualToAbbr = 'le'; }
-    static { this.GreaterThan = 'greaterThan'; }
-    static { this.GreaterThanAbbr = 'gt'; }
-    static { this.GreaterThanOrEqualTo = 'greaterThanOrEqualTo'; }
-    static { this.GreaterThanOrEqualToAbbr = 'ge'; }
-    static { this.Between = 'between'; }
-    static { this.BetweenAbbr = 'bt'; }
-    static { this.Exists = 'exists'; }
-    static { this.ExistsAbbr = 'ex'; }
-    static { this.DoesNotExist = 'doesNotExist'; }
-    static { this.DoesNotExistAbbr = 'nx'; }
-    static getAbbreviation(mode) {
-        switch (mode) {
-            case FilterMatchMode.Equals:
-                return FilterMatchMode.EqualsAbbr;
-            case FilterMatchMode.NotEquals:
-                return FilterMatchMode.NotEqualsAbbr;
-            case FilterMatchMode.Contains:
-                return FilterMatchMode.ContainsAbbr;
-            case FilterMatchMode.NotContains:
-                return FilterMatchMode.NotContainsAbbr;
-            case FilterMatchMode.In:
-                return FilterMatchMode.InAbbr;
-            case FilterMatchMode.NotIn:
-                return FilterMatchMode.NotInAbbr;
-            case FilterMatchMode.StartsWith:
-                return FilterMatchMode.StartsWithAbbr;
-            case FilterMatchMode.EndsWith:
-                return FilterMatchMode.EndsWithAbbr;
-            case FilterMatchMode.LessThan:
-                return FilterMatchMode.LessThanAbbr;
-            case FilterMatchMode.LessThanOrEqualTo:
-                return FilterMatchMode.LessThanOrEqualToAbbr;
-            case FilterMatchMode.GreaterThan:
-                return FilterMatchMode.GreaterThanAbbr;
-            case FilterMatchMode.GreaterThanOrEqualTo:
-                return FilterMatchMode.GreaterThanOrEqualToAbbr;
-            case FilterMatchMode.Between:
-                return FilterMatchMode.BetweenAbbr;
-            case FilterMatchMode.Exists:
-                return FilterMatchMode.ExistsAbbr;
-            case FilterMatchMode.DoesNotExist:
-                return FilterMatchMode.DoesNotExistAbbr;
-            default:
-                return null;
-        }
-    }
-    static fromAbbreviation(abbr) {
-        switch (abbr) {
-            case FilterMatchMode.EqualsAbbr:
-                return FilterMatchMode.Equals;
-            case FilterMatchMode.NotEqualsAbbr:
-                return FilterMatchMode.NotEquals;
-            case FilterMatchMode.ContainsAbbr:
-                return FilterMatchMode.Contains;
-            case FilterMatchMode.NotContainsAbbr:
-                return FilterMatchMode.NotContains;
-            case FilterMatchMode.InAbbr:
-                return FilterMatchMode.In;
-            case FilterMatchMode.NotInAbbr:
-                return FilterMatchMode.NotIn;
-            case FilterMatchMode.StartsWithAbbr:
-                return FilterMatchMode.StartsWith;
-            case FilterMatchMode.EndsWithAbbr:
-                return FilterMatchMode.EndsWith;
-            case FilterMatchMode.LessThanAbbr:
-                return FilterMatchMode.LessThan;
-            case FilterMatchMode.LessThanOrEqualToAbbr:
-                return FilterMatchMode.LessThanOrEqualTo;
-            case FilterMatchMode.GreaterThanAbbr:
-                return FilterMatchMode.GreaterThan;
-            case FilterMatchMode.GreaterThanOrEqualToAbbr:
-                return FilterMatchMode.GreaterThanOrEqualTo;
-            case FilterMatchMode.BetweenAbbr:
-                return FilterMatchMode.Between;
-            case FilterMatchMode.ExistsAbbr:
-                return FilterMatchMode.Exists;
-            case FilterMatchMode.DoesNotExistAbbr:
-                return FilterMatchMode.DoesNotExist;
-            default:
-                return null;
-        }
-    }
-}
-
-/**
- * Converts a TableLazyLoadEvent to DataListParams.
- *
- * @param {TableLazyLoadEvent} event - The event containing the data to convert.
- * @return {DataListParams} - The converted DataListParams object.
- */
-function fromTableLoadToDataListParams(event) {
-    const params = {};
-    if (event.first != null) {
-        params.offset = event.first;
-    }
-    if (event.rows != null) {
-        params.limit = event.rows;
-    }
-    if (typeof event.globalFilter === 'string') {
-        params.search = event.globalFilter;
-    }
-    else if (Array.isArray(event.globalFilter) && event.globalFilter.length > 0) {
-        params.search = event.globalFilter[0];
-    }
-    if (Array.isArray(event.multiSortMeta) && event.multiSortMeta.length > 0) {
-        params.sort = event.multiSortMeta.map(m => ({ property: m.field, ascending: m.order >= 0 }));
-    }
-    if (event.filters) {
-        params.filters = Object.keys(event.filters).reduce((acc, key) => {
-            const filter = {};
-            const eventFilter = event.filters?.[key];
-            if (Array.isArray(eventFilter)) {
-                filter.value = eventFilter[0].value;
-                filter.matchMode = eventFilter[0].matchMode;
-                filter.caseSensitive = eventFilter[0].caseSensitive;
-            }
-            else if (eventFilter !== undefined) {
-                filter.value = eventFilter.value;
-                filter.matchMode = eventFilter.matchMode;
-                filter.caseSensitive = eventFilter.caseSensitive;
-            }
-            // handle search case sensitivity to be also written on searchCaseSensitive
-            if (key === 'global' && typeof params.search === 'string' && filter.caseSensitive !== undefined) {
-                params.searchCaseSensitive = filter.caseSensitive;
-                return acc;
-            }
-            return { ...acc, [key]: filter };
-        }, {});
+    if (event.filters) {
+        params.filters = Object.keys(event.filters).reduce((acc, key) => {
+            const filter = {};
+            const eventFilter = event.filters?.[key];
+            if (Array.isArray(eventFilter)) {
+                filter.value = eventFilter[0].value;
+                filter.matchMode = eventFilter[0].matchMode;
+                filter.caseSensitive = eventFilter[0].caseSensitive;
+            }
+            else if (eventFilter !== undefined) {
+                filter.value = eventFilter.value;
+                filter.matchMode = eventFilter.matchMode;
+                filter.caseSensitive = eventFilter.caseSensitive;
+            }
+            // handle search case sensitivity to be also written on searchCaseSensitive
+            if (key === 'global' && typeof params.search === 'string' && filter.caseSensitive !== undefined) {
+                params.searchCaseSensitive = filter.caseSensitive;
+                return acc;
+            }
+            return { ...acc, [key]: filter };
+        }, {});
     }
     return params;
 }
@@ -1302,12 +783,10 @@ function dataListParamsFilterValueToUrlString(value, allowNull = false) {
  *
  * @tparam Model - The type of data this data provider will handle.
  * @tparam Service - The type of service used by this data provider (optional).
- * @tparam ModelClass - The model type for the data provider  (optional).
  * @tparam ServiceClass - The service type for the data provider  (optional).
  */
 class DataProviderInst {
-    constructor(classType, serviceType) {
-        this.classType = classType;
+    constructor(serviceType) {
         this.serviceType = serviceType;
     }
     get isDataProvider() {
@@ -1315,33 +794,6 @@ class DataProviderInst {
     }
 }
 
-class DataProvider extends DataProviderInst {
-    constructor() {
-        super(undefined, undefined);
-    }
-    static create() {
-        return dataProviderBase();
-    }
-    static fromClass(type) {
-        return dataProviderFromClass(type);
-    }
-    static fromClassWithService(type, serviceType) {
-        return dataProviderFromClass(type, serviceType);
-    }
-    static fromService(serviceType) {
-        return dataProviderWithService(serviceType);
-    }
-}
-function dataProviderBase() {
-    return new DataProviderInst(undefined, undefined);
-}
-function dataProviderWithService(serviceType) {
-    return new DataProviderInst(undefined, serviceType);
-}
-function dataProviderFromClass(type, serviceType) {
-    return new DataProviderInst(type, serviceType);
-}
-
 class ComponentDirective {
     constructor() {
         this.injector = inject(Injector);
@@ -1535,22 +987,159 @@ function getEnumConstantName(enumType, value) {
     if (typeof value === 'string') {
         return getEnumConstantNames(enumType).find(c => enumType[c] === value) ?? null;
     }
-    else {
-        return typeof enumType[value] !== 'undefined' ? enumType[value] : null;
+    else {
+        return typeof enumType[value] !== 'undefined' ? enumType[value] : null;
+    }
+}
+/**
+ * Gets constant name for value.
+ * @param enumObj Enum object.
+ * @param value Value of enum constant.
+ */
+function getEnumConstantNameFromObject(enumObj, value) {
+    const enumObjAny = enumObj;
+    if (typeof value === 'string') {
+        return getEnumConstantNamesFromObject(enumObj).find(c => enumObjAny[c] === value) ?? null;
+    }
+    else {
+        return typeof enumObjAny[value] !== 'undefined' ? enumObjAny[value] : null;
+    }
+}
+
+var LogLevelEnum;
+(function (LogLevelEnum) {
+    LogLevelEnum[LogLevelEnum["Trace"] = 0] = "Trace";
+    LogLevelEnum[LogLevelEnum["Debug"] = 1] = "Debug";
+    LogLevelEnum[LogLevelEnum["Log"] = 2] = "Log";
+    LogLevelEnum[LogLevelEnum["Info"] = 3] = "Info";
+    LogLevelEnum[LogLevelEnum["Warning"] = 4] = "Warning";
+    LogLevelEnum[LogLevelEnum["Error"] = 5] = "Error";
+})(LogLevelEnum || (LogLevelEnum = {}));
+
+class LoggerService {
+    static { this._instance = new LoggerService(); }
+    static { this._isInit = false; }
+    static { this._publishers = []; }
+    static { this._entriesBuffer = []; }
+    static { this._categoryInstances = {}; }
+    static { this._timestampFormat = 'yyyy-MM-dd HH:mm:ss.SSS'; }
+    constructor() {
+        // Temporary settings that cover logging calls before initialisation
+        this.defaultLogLevel = LogLevelEnum.Info;
+        this.datePipe = new DatePipe('en-US');
+        // empty
+    }
+    static get() {
+        return LoggerService._instance;
+    }
+    static configure(config) {
+        if (config.timestampFormat) {
+            LoggerService._timestampFormat = config.timestampFormat;
+        }
+    }
+    static init(configurationService, publishers) {
+        if (LoggerService._isInit) {
+            return;
+        }
+        LoggerService._configurationService = configurationService;
+        LoggerService._publishers = publishers;
+        LoggerService._isInit = true;
+        LoggerService._flushBuffer();
+    }
+    static _flushBuffer() {
+        if (!LoggerService._isInit) {
+            return;
+        }
+        LoggerService._entriesBuffer.forEach(e => this._instance._log(e));
+        LoggerService._entriesBuffer = [];
+    }
+    static create(category) {
+        return LoggerService._instance.create(category);
+    }
+    create(category) {
+        if (this.category) {
+            throw new CommonsInternalError(`Cannot create logger with category inside another category (${this.category}). Must create logger on root.`);
+        }
+        if (LoggerService._categoryInstances[category]) {
+            return LoggerService._categoryInstances[category];
+        }
+        const logger = new LoggerService();
+        logger.category = category;
+        LoggerService._categoryInstances[category] = logger;
+        return logger;
+    }
+    _processLog(msgOrError, logLevel, category = undefined, data) {
+        const [timestamp, timestampFormatted] = [...this._getTimestamps()];
+        const logEntry = {
+            level: logLevel,
+            message: typeof msgOrError === 'string' ? msgOrError : msgOrError.message,
+            data: data,
+            category: this.category ?? category,
+            timestamp: timestamp,
+            timestampFormatted: timestampFormatted ?? undefined
+        };
+        if (msgOrError instanceof Error) {
+            // set error from message param
+            logEntry.error = msgOrError;
+        }
+        else if (data?.length && data[0] instanceof Error) {
+            // if first data is error, also consider as error
+            logEntry.error = data[0];
+            logEntry.data = data.splice(1);
+        }
+        this._log(logEntry);
+    }
+    _getTimestamps() {
+        const timestamp = new Date();
+        const timestampFormatted = this.datePipe.transform(timestamp, LoggerService._timestampFormat) ?? dateToIsoString(timestamp);
+        return [timestamp, timestampFormatted];
+    }
+    _log(log) {
+        if (!LoggerService._isInit) {
+            // add to buffer
+            LoggerService._entriesBuffer.push(log);
+            return;
+        }
+        const logConfig = (LoggerService._configurationService?.getConfigValue)?.('log');
+        if ((this.category && log.level < (logConfig?.category?.[this.category]?.level ?? logConfig?.level ?? this.defaultLogLevel)) ||
+            (!this.category && log.level < (logConfig?.level ?? this.defaultLogLevel))) {
+            return;
+        }
+        if (logConfig?.timestampFormat) {
+            log.timestampFormatted = this.datePipe.transform(log.timestamp, logConfig.timestampFormat) ?? undefined;
+        }
+        LoggerService._publishers.forEach(p => p.addEntry(log));
+    }
+    trace(msgOrError, ...data) {
+        this._processLog(msgOrError, LogLevelEnum.Trace, undefined, data);
     }
-}
-/**
- * Gets constant name for value.
- * @param enumObj Enum object.
- * @param value Value of enum constant.
- */
-function getEnumConstantNameFromObject(enumObj, value) {
-    const enumObjAny = enumObj;
-    if (typeof value === 'string') {
-        return getEnumConstantNamesFromObject(enumObj).find(c => enumObjAny[c] === value) ?? null;
+    debug(msgOrError, ...data) {
+        this._processLog(msgOrError, LogLevelEnum.Debug, undefined, data);
     }
-    else {
-        return typeof enumObjAny[value] !== 'undefined' ? enumObjAny[value] : null;
+    log(msgOrError, logLevel = LogLevelEnum.Log, category = undefined, ...data) {
+        this._processLog(msgOrError, logLevel, category, data);
+    }
+    logEntry(logEntry) {
+        const [timestamp, timestampFormatted] = [...this._getTimestamps()];
+        const logEntryFinal = {
+            timestamp: timestamp,
+            timestampFormatted: timestampFormatted ?? undefined,
+            category: this.category ?? logEntry.category,
+            message: '',
+            messageDetails: logEntry.messageDetails,
+            level: LogLevelEnum.Log,
+            ...logEntry
+        };
+        this._log(logEntryFinal);
+    }
+    info(msgOrError, ...data) {
+        this._processLog(msgOrError, LogLevelEnum.Info, undefined, data);
+    }
+    warn(msgOrError, ...data) {
+        this._processLog(msgOrError, LogLevelEnum.Warning, undefined, data);
+    }
+    error(msgOrError, ...data) {
+        this._processLog(msgOrError, LogLevelEnum.Error, undefined, data);
     }
 }
 
@@ -2098,9 +1687,24 @@ const valueToDefined = (value) => {
     }
 };
 
-function toastMessage(messageService, title, message, severity = 'success', icon) {
-    const notification = { severity: severity, summary: title, detail: message, life: severity === 'error' ? 10000 : 5000, icon: icon };
-    messageService.add(notification);
+/**
+ * Displays a toast notification message with a specified severity level and optional customization. Presets the life of message and requires message.
+ *
+ * @param {string} message - The content of the toast message to be displayed.
+ * @param {'success' | 'warn' | 'warning' | 'error'} [severity='success'] - The severity level of the message.
+ * @param {ToastMessageOptsType} [opts] - Optional configuration for the toast message, which can include a title, icon, and message service for displaying the notification. If message service is provided, the message will be automatically added.
+ * @return {Message} - The notification message object created for the toast.
+ */
+function toastMessage(message, severity = 'success', opts) {
+    switch (severity) {
+        case 'warning':
+            // primeng does not support 'warning', must be 'warn'
+            severity = 'warn';
+            break;
+    }
+    const notification = { severity: severity, summary: opts?.title, detail: message, life: severity === 'error' ? 10000 : 5000, icon: opts?.icon };
+    // it will only be added if message service is provided, otherwise provide manually
+    opts?.messageService?.add(notification);
     return notification;
 }
 
@@ -2209,8 +1813,10 @@ function selectI18n(keys, i18n) {
 
 function getI18nForError(translate, error, params = {}) {
     const i18nParams = getI18nErrorParams(error, params);
-    if (error.messageCode) {
-        const keys = [`errors.${error.messageCode}`, `messages.${error.messageCode}`];
+    // try to get message code from code or http status
+    const messageCode = error['messageCode'] ?? i18nParams.httpStatus;
+    if (messageCode) {
+        const keys = [`errors.${messageCode}`, `messages.${messageCode}`];
         const i18n = getI18n(translate, i18nParams, ...keys);
         if (i18n) {
             return i18n;
@@ -2220,14 +1826,14 @@ function getI18nForError(translate, error, params = {}) {
 }
 function getI18nErrorParams(error, params = {}) {
     const paramsRes = { ...params };
-    paramsRes.errorStatus = '';
-    paramsRes.errorMessage = '';
     if (isHttpErrorResponse(error)) {
         const httpError = getHttpErrorResponse(error);
-        paramsRes.errorStatus = httpError?.status;
-        paramsRes.errorMessage = httpError?.message;
-        paramsRes.errorStatusDescription = httpError?.statusText;
+        paramsRes.httpUrl = httpError?.url;
+        paramsRes.httpStatus = httpError?.status;
+        paramsRes.httpMessage = httpError?.message;
+        paramsRes.httpStatusText = httpError?.statusText;
     }
+    paramsRes.message = error.message;
     paramsRes.error = error;
     return paramsRes;
 }
@@ -2738,98 +2344,415 @@ class TypeRegistry {
     get typeMap() {
         return this._typeMap;
     }
-    get enumMap() {
-        return this._enumMap;
+    get enumMap() {
+        return this._enumMap;
+    }
+    /**
+     * Only use one instance of object (out of Angular context)
+     */
+    static get() {
+        return TypeRegistry._instance;
+    }
+    findAttributeDefinitionByClassType(type, attributeName) {
+        const typeName = findReflectTypeName(type);
+        return typeName ? this.findAttributeDefinition(typeName, attributeName) : null;
+    }
+    findAttributeDefinition(typeName, attributeName) {
+        const attributeDefs = this.findAttributesDefinition(typeName);
+        if (!attributeDefs) {
+            return null;
+        }
+        for (const attribute of attributeDefs) {
+            if (attribute.name === attributeName) {
+                return attribute;
+            }
+        }
+        return null;
+    }
+    findAttributesDefinitionByClassType(type) {
+        const typeName = findReflectTypeName(type);
+        return typeName ? this.findAttributesDefinition(typeName) : null;
+    }
+    findAttributesDefinition(typeName) {
+        const typeDef = this.findType(typeName);
+        if (!typeDef || typeof typeDef.getAttributeTypeMap !== 'function') {
+            return null;
+        }
+        return typeDef.getAttributeTypeMap();
+    }
+    findByClassType(type) {
+        const typeName = findReflectTypeName(type);
+        return typeName ? this.findType(typeName) : null;
+    }
+    findType(typeName) {
+        return this._typeMap[typeName];
+    }
+    findEnum(enumName) {
+        return this._enumMap[enumName];
+    }
+    registerTypes(types) {
+        for (const key in types) {
+            this.registerType(types[key], key);
+        }
+    }
+    registerType(type, optTypeName) {
+        // try to find name from metadata
+        let typeName;
+        if (reflectTypeNameExists(type)) {
+            // defined name from optional type name
+            typeName = findReflectTypeName(type) ?? undefined;
+        }
+        else if (optTypeName) {
+            typeName = optTypeName;
+            // register metadata
+            defineReflectTypeName(type, typeName);
+        }
+        if (!typeName) {
+            // this._logger.debug(`WARNING: registering type ${type} failed, because typeName could not be determined and optional name was not provided.`);
+            LoggerService.get().log(`WARNING: registering type ${type} failed, because typeName could not be determined and optional name was not provided.`, LogLevelEnum.Debug, this._logCategory);
+            return;
+        }
+        if (typeof this._typeMap[typeName] !== 'undefined') {
+            // this._logger.debug(`WARNING: registering type ${type} under key ${typeName} skipped, because type already exists for this key.`);
+            LoggerService.get().log(`WARNING: registering type ${type} under key ${typeName} skipped, because type already exists for this key.`, LogLevelEnum.Debug, this._logCategory);
+        }
+        else {
+            this._typeMap[typeName] = type;
+        }
+    }
+    registerEnums(enums) {
+        for (const key in enums) {
+            this.registerEnum(enums[key], key);
+        }
+    }
+    registerEnum(enumType, enumName) {
+        // try to find name from decorator
+        defineReflectEnumName(enumType, enumName);
+        if (typeof this._enumMap[enumName] !== 'undefined') {
+            LoggerService.get().log(`Registering enum ${enumName} skipped, because enum already exists.`, LogLevelEnum.Debug, this._logCategory);
+        }
+        else {
+            this._enumMap[enumName] = enumType;
+        }
+    }
+}
+
+const BROWSER_STORAGE_IT = new InjectionToken('BROWSER_STORAGE');
+
+const COMMONS_MODULE_CONFIG_IT = new InjectionToken('COMMONS_MODULE_CONFIG');
+
+class CommonsService {
+    getDefaultLocale() {
+        const browserLang = this.translate.getBrowserLang();
+        if (browserLang && this.appLocales().some(l => l === browserLang)) {
+            return browserLang;
+        }
+        return this.appLocales()?.length > 0 ? this.appLocales()[0] : 'en';
+    }
+    initAppLocale() {
+        const lsLang = this.localStorage.getItem('lang');
+        if (lsLang && this.appLocales().some(l => l === lsLang)) {
+            return lsLang;
+        }
+        return this.getDefaultLocale();
+    }
+    setAppLocale(language) {
+        if (this.appLocales().some(l => l === language)) {
+            this.translate.use(language);
+            this._appLocale.set(language);
+            if (language !== this.getDefaultLocale())
+                this.localStorage.setItem('lang', language);
+            else
+                this.localStorage.removeItem('lang');
+        }
+    }
+    clearAppLocale() {
+        this.localStorage.removeItem('lang');
+        this._appLocale.set(this.getDefaultLocale());
+    }
+    initAppDataLocale() {
+        const dataLang = this.localStorage.getItem('dataLang');
+        if (dataLang && this.appDataLocales().some(dl => dl === dataLang)) {
+            return dataLang;
+        }
+        return this.appDataLocales()?.length > 0 ? this.getDefaultLocale() : 'en';
+    }
+    setAppDataLocale(dataLocale) {
+        if (this.appDataLocales().some(dl => dl === dataLocale)) {
+            this._appDataLocale.set(dataLocale);
+            if (dataLocale !== this.getDefaultLocale())
+                this.localStorage.setItem('dataLang', dataLocale);
+            else
+                this.localStorage.removeItem('dataLang');
+        }
+    }
+    clearAppDataLocale() {
+        this.localStorage.removeItem('lang');
+        this._appDataLocale.set(this.getDefaultLocale());
+    }
+    constructor() {
+        // internal
+        this.logger = inject(LoggerService).create('CommonsService');
+        this.router = inject(Router);
+        this.primengConfig = inject(PrimeNGConfig);
+        this.translate = inject(TranslateService);
+        this.titleService = inject(Title);
+        this.moduleConfig = inject(COMMONS_MODULE_CONFIG_IT, { optional: true });
+        this.localStorage = inject(BROWSER_STORAGE_IT);
+        this.destroyRef = inject(DestroyRef);
+        // breadcrumbs
+        this.breadcrumbHome = signal({
+            icon: 'pi pi-home',
+            routerLink: '/'
+        });
+        this.breadcrumbs = signal([]);
+        // user
+        this.user = signal(undefined);
+        this.userRoles = signal([]);
+        // APP section
+        this.appName = signal(this.moduleConfig?.app?.name ?? 'app.name');
+        this.appOwner = signal(this.moduleConfig?.app?.owner ?? 'app.owner');
+        this.appLocales = signal(this.moduleConfig?.app?.locales ?? ['en']);
+        this._appLocale = signal(this.initAppLocale());
+        this.appLocale = computed(() => this._appLocale());
+        this.appDataLocales = signal(this.moduleConfig?.app?.dataLocales ?? ['en']);
+        this._appDataLocale = signal(this.initAppDataLocale());
+        this.appDataLocale = computed(() => this._appDataLocale());
+        this.appVersion = signal(this.moduleConfig?.app?.version);
+        // ripple
+        this.primengConfig.ripple = true;
+        effect(() => {
+            const appLocales = this.appLocales();
+            if (appLocales) {
+                this.setAppLocale(this.initAppLocale());
+                this.translate.langs = this.appLocales();
+            }
+            const appDataLocales = this.appDataLocales();
+            if (appDataLocales)
+                this.setAppDataLocale(this.initAppDataLocale());
+        }, { allowSignalWrites: true });
+        this.router.events
+            .pipe(
+        // Filter the NavigationEnd events as the breadcrumb is updated only when the route reaches its end
+        filter(event => event instanceof NavigationEnd), takeUntilDestroyed())
+            .subscribe(() => {
+            this.updateBreadcrumbs();
+            this.setPageTitle();
+        });
+        this.translate.onLangChange.pipe(takeUntilDestroyed()).subscribe(() => {
+            this.updateBreadcrumbs();
+            this.setPageTitle();
+        });
+        this.translate
+            .stream('mngPrime')
+            .pipe(takeUntilDestroyed())
+            .subscribe(value => this.primengConfig.setTranslation(value));
+    }
+    initialize() {
+        this.logger.debug('Initialize');
     }
-    /**
-     * Only use one instance of object (out of Angular context)
-     */
-    static get() {
-        return TypeRegistry._instance;
+    // BREADCRUMB actions
+    findBreadcrumbItem(item) {
+        const items = this.breadcrumbs();
+        if (item.id) {
+            return items.find(i => i.id && i.id === item.id) ?? null;
+        }
+        else if (item.routerLink) {
+            const routerLinkStr = Array.isArray(item.routerLink) ? item.routerLink.join('/') : item.routerLink;
+            return items.find(i => i.routerLink && (Array.isArray(i.routerLink) ? i.routerLink.join('/') : i.routerLink) === routerLinkStr) ?? null;
+        }
+        else if (item.positionIndex) {
+            return items.find(i => i.positionIndex && i.positionIndex === i.positionIndex) ?? null;
+        }
+        else if (item.label) {
+            return items.find(i => i.label && i.label === i.label) ?? null;
+        }
+        else if (item.icon) {
+            return items.find(i => i.icon && i.icon === i.icon) ?? null;
+        }
+        return null;
     }
-    findAttributeDefinitionByClassType(type, attributeName) {
-        const typeName = findReflectTypeName(type);
-        return typeName ? this.findAttributeDefinition(typeName, attributeName) : null;
+    updateBreadcrumbItem(item) {
+        const items = [...this.breadcrumbs()];
+        let posIdx = -1;
+        if (item.id) {
+            posIdx = items.findIndex(i => i.id && i.id === item.id);
+        }
+        else if (item.routerLink) {
+            const routerLinkStr = Array.isArray(item.routerLink) ? item.routerLink.join('/') : item.routerLink;
+            posIdx = items.findIndex(i => i.routerLink && (Array.isArray(i.routerLink) ? i.routerLink.join('/') : i.routerLink) === routerLinkStr);
+        }
+        else if (item.positionIndex) {
+            posIdx = items.findIndex(i => i.positionIndex && i.positionIndex === i.positionIndex);
+        }
+        else if (item.label) {
+            posIdx = items.findIndex(i => i.label && i.label === i.label);
+        }
+        else if (item.icon) {
+            posIdx = items.findIndex(i => i.icon && i.icon === i.icon);
+        }
+        if (posIdx < 0) {
+            return false;
+        }
+        items[posIdx] = {
+            ...items[posIdx],
+            ...item,
+            updated: true
+        };
+        this.breadcrumbs.set(items);
+        return true;
     }
-    findAttributeDefinition(typeName, attributeName) {
-        const attributeDefs = this.findAttributesDefinition(typeName);
-        if (!attributeDefs) {
-            return null;
+    updateBreadcrumbs() {
+        if (this.breadcrumbsTranslateSubscription) {
+            this.breadcrumbsTranslateSubscription.unsubscribe();
+            this.breadcrumbsTranslateSubscription = undefined;
         }
-        for (const attribute of attributeDefs) {
-            if (attribute.name === attributeName) {
-                return attribute;
+        if (this.breadcrumbHomeTranslateSubscription) {
+            this.breadcrumbHomeTranslateSubscription.unsubscribe();
+            this.breadcrumbHomeTranslateSubscription = undefined;
+        }
+        const rootRoute = this.router.routerState.snapshot.root;
+        const homeBreadcrumb = this.generateHomeBreadcrumb(rootRoute);
+        if (homeBreadcrumb) {
+            if (homeBreadcrumb.label) {
+                this.breadcrumbHomeTranslateSubscription = this.translate
+                    .get(homeBreadcrumb.label)
+                    .pipe(takeUntilDestroyed(this.destroyRef))
+                    .subscribe(i18n => {
+                    homeBreadcrumb.label = i18n;
+                    this.breadcrumbHome.set(homeBreadcrumb);
+                });
+            }
+            else {
+                this.breadcrumbHome.set(homeBreadcrumb);
             }
         }
-        return null;
-    }
-    findAttributesDefinitionByClassType(type) {
-        const typeName = findReflectTypeName(type);
-        return typeName ? this.findAttributesDefinition(typeName) : null;
+        const breadcrumbs = [];
+        this.generateBreadcrumbs(rootRoute, [], breadcrumbs);
+        breadcrumbs.forEach((b, idx) => {
+            b.positionIndex = idx;
+        });
+        const i18nKeys = breadcrumbs.filter(b => typeof b.label === 'string').map(b => b.label);
+        if (i18nKeys.length > 0) {
+            this.breadcrumbsTranslateSubscription = this.translate
+                .get(i18nKeys)
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe(i18n => {
+                // Construct the breadcrumb hierarchy
+                breadcrumbs.forEach(b => {
+                    if (b.label && i18n[b.label]) {
+                        b.label = i18n[b.label];
+                    }
+                });
+                // Emit the new breadcrumbs
+                this.breadcrumbs.set(breadcrumbs);
+            });
+        }
+        else {
+            this.breadcrumbs.set(breadcrumbs);
+        }
     }
-    findAttributesDefinition(typeName) {
-        const typeDef = this.findType(typeName);
-        if (!typeDef || typeof typeDef.getAttributeTypeMap !== 'function') {
+    generateHomeBreadcrumb(route) {
+        if (!route) {
             return null;
         }
-        return typeDef.getAttributeTypeMap();
-    }
-    findByClassType(type) {
-        const typeName = findReflectTypeName(type);
-        return typeName ? this.findType(typeName) : null;
-    }
-    findType(typeName) {
-        return this._typeMap[typeName];
-    }
-    findEnum(enumName) {
-        return this._enumMap[enumName];
-    }
-    registerTypes(types) {
-        for (const key in types) {
-            this.registerType(types[key], key);
+        const routeData = route.data;
+        const breadcrumbRouteData = routeData?.breadcrumb;
+        if (breadcrumbRouteData && typeof breadcrumbRouteData === 'object' && 'isHome' in breadcrumbRouteData) {
+            if (breadcrumbRouteData.isHome === false) {
+                return null;
+            }
+            const breadcrumb = this.createBreadcrumb('/', breadcrumbRouteData, true);
+            if (breadcrumb) {
+                if (typeof breadcrumb.icon === 'undefined') {
+                    breadcrumb.icon = 'pi pi-home';
+                }
+                return breadcrumb;
+            }
+        }
+        else {
+            return this.generateHomeBreadcrumb(route.firstChild);
         }
+        return null;
     }
-    registerType(type, optTypeName) {
-        // try to find name from metadata
-        let typeName;
-        if (reflectTypeNameExists(type)) {
-            // defined name from optional type name
-            typeName = findReflectTypeName(type) ?? undefined;
+    generateBreadcrumbs(route, parentUrlSegments, breadcrumbs) {
+        if (!route) {
+            return;
         }
-        else if (optTypeName) {
-            typeName = optTypeName;
-            // register metadata
-            defineReflectTypeName(type, typeName);
+        const routeData = route.data;
+        const routeUrlSegments = parentUrlSegments.concat(route.url.map(url => url.path));
+        const routeUrl = `/${routeUrlSegments.join('/')}`;
+        if (routeData?.breadcrumb) {
+            const breadcrumbRouteData = routeData.breadcrumb;
+            if (Array.isArray(breadcrumbRouteData)) {
+                for (const breadcrumbRouteDataItem of breadcrumbRouteData) {
+                    const breadcrumb = this.createBreadcrumb(routeUrl, breadcrumbRouteDataItem);
+                    if (breadcrumb) {
+                        breadcrumbs.push(breadcrumb);
+                    }
+                }
+            }
+            else if (typeof breadcrumbRouteData === 'function') {
+                breadcrumbs.push(...breadcrumbRouteData(routeUrl, route));
+            }
+            else {
+                const breadcrumb = this.createBreadcrumb(routeUrl, breadcrumbRouteData);
+                if (breadcrumb) {
+                    breadcrumbs.push(breadcrumb);
+                }
+            }
         }
-        if (!typeName) {
-            // this._logger.debug(`WARNING: registering type ${type} failed, because typeName could not be determined and optional name was not provided.`);
-            LoggerService.get().log(`WARNING: registering type ${type} failed, because typeName could not be determined and optional name was not provided.`, LogLevelEnum.Debug, this._logCategory);
-            return;
+        this.generateBreadcrumbs(route.firstChild, routeUrlSegments, breadcrumbs);
+    }
+    createBreadcrumb(routeUrl, routeBreadcrumb, includeHome = false) {
+        const existingBreadcrumb = this.findBreadcrumbItem({ routerLink: routeUrl });
+        if (existingBreadcrumb?.updated) {
+            return existingBreadcrumb;
         }
-        if (typeof this._typeMap[typeName] !== 'undefined') {
-            // this._logger.debug(`WARNING: registering type ${type} under key ${typeName} skipped, because type already exists for this key.`);
-            LoggerService.get().log(`WARNING: registering type ${type} under key ${typeName} skipped, because type already exists for this key.`, LogLevelEnum.Debug, this._logCategory);
+        if (typeof routeBreadcrumb === 'string') {
+            // check for updated existing breadcrumb
+            return {
+                id: routeUrl,
+                label: routeBreadcrumb,
+                routerLink: routeUrl
+            };
         }
         else {
-            this._typeMap[typeName] = type;
+            if (!includeHome && typeof routeBreadcrumb.isHome !== 'undefined') {
+                // home should not be included
+                return null;
+            }
+            if (typeof routeBreadcrumb.routerLink === 'undefined') {
+                routeBreadcrumb.routerLink = routeUrl;
+            }
+            routeBreadcrumb.id = routeUrl;
+            return routeBreadcrumb;
         }
     }
-    registerEnums(enums) {
-        for (const key in enums) {
-            this.registerEnum(enums[key], key);
+    // TITLE section
+    setPageTitle(title) {
+        let currentRoute = this.router.routerState.snapshot.root;
+        while (currentRoute.firstChild) {
+            currentRoute = currentRoute.firstChild;
         }
+        const routeData = currentRoute.data;
+        const pageTitle = title ?? routeData.pageTitle;
+        this.titleService.setTitle(this.formatPageTitle(pageTitle));
     }
-    registerEnum(enumType, enumName) {
-        // try to find name from decorator
-        defineReflectEnumName(enumType, enumName);
-        if (typeof this._enumMap[enumName] !== 'undefined') {
-            LoggerService.get().log(`Registering enum ${enumName} skipped, because enum already exists.`, LogLevelEnum.Debug, this._logCategory);
-        }
-        else {
-            this._enumMap[enumName] = enumType;
+    formatPageTitle(titlePrefix) {
+        const titlePieces = [];
+        if (titlePrefix) {
+            titlePieces.push(this.translate.instant(titlePrefix));
         }
+        titlePieces.push(this.translate.instant('app.name'));
+        return titlePieces.join(' - ');
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CommonsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CommonsService }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CommonsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
 
 var PermissionTypeEnum;
 (function (PermissionTypeEnum) {
@@ -3445,7 +3368,7 @@ function createRouteRedirect(path, redirectTo, pathMatch = 'prefix') {
  * @param {Array<any>} [canMatch] - An optional array of objects that can match the route.
  * @returns {RouteBuilder} - A new instance of RouteBuilder class.
  */
-function createLazyChildrenRoute(path, loadChildren, canMatch) {
+function createChildrenLazyRoute(path, loadChildren, canMatch) {
     const route = { path: path, loadChildren: loadChildren };
     if (canMatch?.length) {
         route.canMatch = canMatch;
@@ -4132,5 +4055,5 @@ function provideCommons(config, ...features) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACommonsErrorBase, APermissions, BROWSER_STORAGE_IT, BooleanPipe, COMMONS_INITIALIZER_IT, COMMONS_MODULE_CONFIG_IT, ClassMapPipe, CommonsConfigurationService, CommonsErrorHandler, CommonsFeatureTypeEnum, CommonsHttpError, CommonsInitEventEnum, CommonsInitService, CommonsInternalError, CommonsRouterService, CommonsService, CommonsStorageService, ComponentDirective, DataProvider, DataProviderInst, EnumName, EnumPipe, EnumerateAsyncPipe, EnumeratePipe, ErrorPageComponent, FilterMatchMode, GetterPipe, I18nPropertyPipe, JsonPathPipe, LOG_PUBLISHERS, LogLevelEnum, LogPublisherConsoleService, LoggerService, NotFoundPageComponent, NotificationWrapperComponent, ParametrizePipe, PermissionService, PermissionTypeEnum, Permissions, RerenderDirective, RouteBuilder, RoutesBuilder, StyleLevelEnum, StyleSizeEnum, Styles, TemplateDirective, TemplatePipe, TypeName, TypeRegistry, adjustRouteMenuLazyChildrenRouterLinks, angularDateFormatHasSeconds, angularDateFormatHasTime, appendRoutePathToBasePath, boolean$Attribute, booleanOrUndefinedAttribute, commonsActionErrorContextToString, commonsErrorToString, commonsInitializerProvider, copyDataListParams, createLazyChildrenRoute, createLazyRoute, createRoute, createRouteRedirect, createRoutes, dataListParamsFilterToUrlQuery, dataListParamsFilterValueToUrlString, dataListParamsFiltersToUrlQuery, dataListParamsSortToUrlQuery, dataListParamsToUrlQuery, dataProviderBase, dataProviderFromClass, dataProviderWithService, dateToIsoString, defineReflectEnumName, defineReflectTypeName, doesUrlMatchRouterLink, effectWithDeps, errorCauseToString, errorToString, escapeHtml, escapeHtmlAny, findReflectEnumName, findReflectTypeName, findTemplateByName, flattenObjectKeys, fromAngularDateFormatToPrime, fromAngularNumberFormatToFractions, fromEnumConstantsAsValueArray, fromEnumValuesAsValueArray, fromSubscribeError, fromTableLoadToDataListParams, fromUrlQueryToDataListParams, getEnumConstantName, getEnumConstantNameFromObject, getEnumConstantNames, getEnumConstantNamesFromObject, getEnumConstantValues, getEnumConstantValuesAsNumber, getEnumConstantValuesAsString, getEnumerationI18nBaseKey, getErrorLogLevel, getErrorName, getHttpErrorResponse, getHttpErrorResponseStatus, getHttpErrorResponseStatusText, getI18n, getI18nAsync, getI18nErrorParams, getI18nForError, getI18nTypeGroupKey, getI18nTypeKeyBasePath, getI18nTypeName, getI18nTypeNameAsync, getI18nTypeParams, getI18nTypeParamsAsync, getI18nTypePropertyKey, getI18nTypeTabKey, getObjectGetters, getObjectProperties, getObjectPropertyByPath, httpErrorResponseToString, isHttpErrorResponse, isPermitted, isRbacPermitted, itemIdToDefined, itemIdToNumber, itemIdToString, mapToDataList, mergeDataListParamsWithDefaults, number$Attribute, objectDeepCopy, objectDeepMerge, permissionGuard, populateI18nParams, populateI18nTypeParams, provideCommons, reflectEnumNameKey, reflectTypeNameExists, reflectTypeNameKey, removeRouteEmptyPathSegments, selectEnumerationI18n, selectI18n, stringify, throwError, toEnumerationI18nEnumerate, toObservable, toastMessage, valueToDefined };
+export { ACommonsErrorBase, APermissions, BROWSER_STORAGE_IT, BooleanPipe, COMMONS_INITIALIZER_IT, COMMONS_MODULE_CONFIG_IT, ClassMapPipe, CommonsConfigurationService, CommonsErrorHandler, CommonsFeatureTypeEnum, CommonsHttpError, CommonsInitEventEnum, CommonsInitService, CommonsInternalError, CommonsRouterService, CommonsService, CommonsStorageService, ComponentDirective, DataProviderInst, EnumName, EnumPipe, EnumerateAsyncPipe, EnumeratePipe, FilterMatchMode, GetterPipe, I18nPropertyPipe, JsonPathPipe, LOG_PUBLISHERS, LogLevelEnum, LogPublisherConsoleService, LoggerService, NotificationWrapperComponent, ParametrizePipe, PermissionService, PermissionTypeEnum, Permissions, RerenderDirective, RouteBuilder, RoutesBuilder, StyleLevelEnum, StyleSizeEnum, Styles, TemplateDirective, TemplatePipe, TypeName, TypeRegistry, adjustRouteMenuLazyChildrenRouterLinks, angularDateFormatHasSeconds, angularDateFormatHasTime, appendRoutePathToBasePath, boolean$Attribute, booleanOrUndefinedAttribute, commonsActionErrorContextToString, commonsErrorToString, commonsInitializerProvider, copyDataListParams, createChildrenLazyRoute, createLazyRoute, createRoute, createRouteRedirect, createRoutes, dataListParamsFilterToUrlQuery, dataListParamsFilterValueToUrlString, dataListParamsFiltersToUrlQuery, dataListParamsSortToUrlQuery, dataListParamsToUrlQuery, dateToIsoString, defineReflectEnumName, defineReflectTypeName, doesUrlMatchRouterLink, effectWithDeps, errorCauseToString, errorToString, escapeHtml, escapeHtmlAny, findReflectEnumName, findReflectTypeName, findTemplateByName, flattenObjectKeys, fromAngularDateFormatToPrime, fromAngularNumberFormatToFractions, fromEnumConstantsAsValueArray, fromEnumValuesAsValueArray, fromSubscribeError, fromTableLoadToDataListParams, fromUrlQueryToDataListParams, getEnumConstantName, getEnumConstantNameFromObject, getEnumConstantNames, getEnumConstantNamesFromObject, getEnumConstantValues, getEnumConstantValuesAsNumber, getEnumConstantValuesAsString, getEnumerationI18nBaseKey, getErrorLogLevel, getErrorName, getHttpErrorResponse, getHttpErrorResponseStatus, getHttpErrorResponseStatusText, getI18n, getI18nAsync, getI18nErrorParams, getI18nForError, getI18nTypeGroupKey, getI18nTypeKeyBasePath, getI18nTypeName, getI18nTypeNameAsync, getI18nTypeParams, getI18nTypeParamsAsync, getI18nTypePropertyKey, getI18nTypeTabKey, getObjectGetters, getObjectProperties, getObjectPropertyByPath, httpErrorResponseToString, isHttpErrorResponse, isPermitted, isRbacPermitted, itemIdToDefined, itemIdToNumber, itemIdToString, mapToDataList, mergeDataListParamsWithDefaults, number$Attribute, objectDeepCopy, objectDeepMerge, permissionGuard, populateI18nParams, populateI18nTypeParams, provideCommons, reflectEnumNameKey, reflectTypeNameExists, reflectTypeNameKey, removeRouteEmptyPathSegments, selectEnumerationI18n, selectI18n, stringify, throwError, toEnumerationI18nEnumerate, toObservable, toastMessage, valueToDefined };
 //# sourceMappingURL=mediusinc-mng-commons-core.mjs.map