@mediusinc/mng-commons 5.0.0-rc.0 → 5.0.0-rc.2

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

@@ -56,10 +56,10 @@ class DialogKeydownHandlerDirective {
         }
         this.dialogsWithKeydownListener.forEach(c => c.bindDocumentKeydownListener());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DialogKeydownHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: DialogKeydownHandlerDirective, isStandalone: true, selector: "[mngDialogKeydownHandler]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: DialogKeydownHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.4", type: DialogKeydownHandlerDirective, isStandalone: true, selector: "[mngDialogKeydownHandler]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DialogKeydownHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: DialogKeydownHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -97,10 +97,10 @@ class NotificationWrapperComponent {
             this.dialogNotification.set(null);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: NotificationWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", 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 ' + getNotificationIconClass(message)\"></span>\n        <div class=\"p-toast-message-text\">\n            <div class=\"p-toast-summary\">{{ message.summary }}</div>\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        </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    <ng-template pTemplate=\"header\" mngDialogKeydownHandler>\n        <span class=\"p-dialog-title font-bold mng-dialog-success\">\n            <span [class]=\"'mr-2 pi ' + getNotificationIconClass(dialogNotification())\"></span>\n            {{ dialogNotification()?.summary ?? '' }}\n        </span>\n    </ng-template>\n    <div>\n        {{ dialogNotification()?.detail ?? '' }}\n    </div>\n</p-dialog>\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"] }, { kind: "directive", type: DialogKeydownHandlerDirective, selector: "[mngDialogKeydownHandler]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: NotificationWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", 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 ' + getNotificationIconClass(message)\"></span>\n        <div class=\"p-toast-message-text\">\n            <div class=\"p-toast-summary\">{{ message.summary }}</div>\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        </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    <ng-template pTemplate=\"header\" mngDialogKeydownHandler>\n        <span class=\"p-dialog-title font-bold mng-dialog-success\">\n            <span [class]=\"'mr-2 pi ' + getNotificationIconClass(dialogNotification())\"></span>\n            {{ dialogNotification()?.summary ?? '' }}\n        </span>\n    </ng-template>\n    <div>\n        {{ dialogNotification()?.detail ?? '' }}\n    </div>\n</p-dialog>\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"] }, { kind: "directive", type: DialogKeydownHandlerDirective, selector: "[mngDialogKeydownHandler]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: NotificationWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: NotificationWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mng-notification-wrapper', standalone: true, imports: [ToastModule, ConfirmDialogModule, TranslateModule, DialogModule, DialogKeydownHandlerDirective], changeDetection: ChangeDetectionStrategy.OnPush, 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 ' + getNotificationIconClass(message)\"></span>\n        <div class=\"p-toast-message-text\">\n            <div class=\"p-toast-summary\">{{ message.summary }}</div>\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        </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    <ng-template pTemplate=\"header\" mngDialogKeydownHandler>\n        <span class=\"p-dialog-title font-bold mng-dialog-success\">\n            <span [class]=\"'mr-2 pi ' + getNotificationIconClass(dialogNotification())\"></span>\n            {{ dialogNotification()?.summary ?? '' }}\n        </span>\n    </ng-template>\n    <div>\n        {{ dialogNotification()?.detail ?? '' }}\n    </div>\n</p-dialog>\n" }]
         }] });
@@ -137,140 +137,123 @@ class CommonsHttpError extends ACommonsErrorBase {
     }
 }
 
-class DateUtil {
-    static { this.NG_PRIME_FORMAT_SUPPORTED = [/d{1,2}/g, /E{1,5}/g, /c{1,5}/g, /M{1,5}/g, /L{1,5}/g, /y{1,4}/g, /Y{1,4}/g]; }
-    static { this.NG_PRIME_FORMAT_OTHER = [
-        /G{1,5}/g,
-        /w{1,2}/g,
-        /W/g,
-        /a{1,5}/g,
-        /B{1,5}/g,
-        /b{1,5}/g,
-        /h{1,2}/g,
-        /H{1,2}/g,
-        /m{1,2}/g,
-        /s{1,2}/g,
-        /S{1,3}/g,
-        /z{1,4}/g,
-        /Z{1,5}/g,
-        /O{1,4}/g
-    ]; }
-    static { this.NG_PRIME_FORMAT_MAP = {
-        // days
-        d: 'd',
-        dd: 'dd',
-        E: 'D',
-        EE: 'D',
-        EEE: 'D',
-        EEEE: 'DD',
-        EEEEE: 'D',
-        EEEEEE: 'D',
-        c: 'd',
-        cc: 'dd',
-        ccc: 'D',
-        cccc: 'DD',
-        ccccc: 'D',
-        cccccc: 'D',
-        // months
-        M: 'm',
-        MM: 'mm',
-        MMM: 'M',
-        MMMM: 'MM',
-        MMMMM: 'M',
-        L: 'm',
-        LL: 'mm',
-        LLL: 'M',
-        LLLL: 'MM',
-        LLLLL: 'M',
-        // year
-        y: 'y',
-        yy: 'y',
-        yyy: 'yy',
-        yyyy: 'yy',
-        Y: 'y',
-        YY: 'y',
-        YYY: 'yy',
-        YYYY: 'yy'
-    }; }
-    static padNumber(num, size = 2) {
-        let str = String(num);
-        while (str.length < size) {
-            str = '0' + str;
-        }
-        return str;
+const ngPrimerFormatSupported = [/d{1,2}/g, /E{1,5}/g, /c{1,5}/g, /M{1,5}/g, /L{1,5}/g, /y{1,4}/g, /Y{1,4}/g];
+const ngPrimeFormatOther = [/G{1,5}/g, /w{1,2}/g, /W/g, /a{1,5}/g, /B{1,5}/g, /b{1,5}/g, /h{1,2}/g, /H{1,2}/g, /m{1,2}/g, /s{1,2}/g, /S{1,3}/g, /z{1,4}/g, /Z{1,5}/g, /O{1,4}/g];
+const ngPrimerFormatMap = {
+    // days
+    d: 'd',
+    dd: 'dd',
+    E: 'D',
+    EE: 'D',
+    EEE: 'D',
+    EEEE: 'DD',
+    EEEEE: 'D',
+    EEEEEE: 'D',
+    c: 'd',
+    cc: 'dd',
+    ccc: 'D',
+    cccc: 'DD',
+    ccccc: 'D',
+    cccccc: 'D',
+    // months
+    M: 'm',
+    MM: 'mm',
+    MMM: 'M',
+    MMMM: 'MM',
+    MMMMM: 'M',
+    L: 'm',
+    LL: 'mm',
+    LLL: 'M',
+    LLLL: 'MM',
+    LLLLL: 'M',
+    // year
+    y: 'y',
+    yy: 'y',
+    yyy: 'yy',
+    yyyy: 'yy',
+    Y: 'y',
+    YY: 'y',
+    YYY: 'yy',
+    YYYY: 'yy'
+};
+function padNumber(num, size = 2) {
+    let str = String(num);
+    while (str.length < size) {
+        str = '0' + str;
     }
-    static toIsoString(value, type = 'date-time', dateTimeOpts = {}) {
-        if (typeof value === 'string') {
-            value = new Date(value);
-        }
-        if (typeof value === 'number') {
-            value = new Date(value);
-        }
-        if (!(value instanceof Date)) {
-            return null;
-        }
-        if (type === 'date') {
-            // date only, no time part (and timezone, millis, utc does not matter ...)
-            return value.getFullYear() + '-' + DateUtil.padNumber(value.getMonth() + 1) + '-' + DateUtil.padNumber(value.getDate());
-        }
-        if (dateTimeOpts.utc) {
-            let str = value.toISOString();
-            if (dateTimeOpts.noMillis) {
-                const dotIdx = str.lastIndexOf('.');
-                str = str.substring(0, dotIdx) + str.substring(dotIdx + 4, str.length);
-            }
-            if (dateTimeOpts.noTimezone) {
-                str = str.substring(0, str.length - 1);
-            }
-            return str;
+    return str;
+}
+function dateToIsoString(value, type = 'date-time', dateTimeOpts = {}) {
+    if (typeof value === 'string') {
+        value = new Date(value);
+    }
+    if (typeof value === 'number') {
+        value = new Date(value);
+    }
+    if (!(value instanceof Date)) {
+        return null;
+    }
+    if (type === 'date') {
+        // date only, no time part (and timezone, millis, utc does not matter ...)
+        return value.getFullYear() + '-' + padNumber(value.getMonth() + 1) + '-' + padNumber(value.getDate());
+    }
+    if (dateTimeOpts.utc) {
+        let str = value.toISOString();
+        if (dateTimeOpts.noMillis) {
+            const dotIdx = str.lastIndexOf('.');
+            str = str.substring(0, dotIdx) + str.substring(dotIdx + 4, str.length);
         }
-        else {
-            let base = value.getFullYear() +
-                '-' +
-                DateUtil.padNumber(value.getMonth() + 1) +
-                '-' +
-                DateUtil.padNumber(value.getDate()) +
-                'T' +
-                DateUtil.padNumber(value.getHours()) +
-                ':' +
-                DateUtil.padNumber(value.getMinutes()) +
-                ':' +
-                DateUtil.padNumber(value.getSeconds());
-            if (!dateTimeOpts.noMillis) {
-                base += '.' + DateUtil.padNumber(value.getMilliseconds());
-            }
-            if (!dateTimeOpts.noTimezone) {
-                const tzo = -value.getTimezoneOffset(), dif = tzo >= 0 ? '+' : '-';
-                base = base + (dif + DateUtil.padNumber(Math.floor(Math.abs(tzo) / 60)) + ':' + DateUtil.padNumber(Math.abs(tzo) % 60));
-            }
-            return base;
-        }
-    }
-    static fromAngularToPrimeDateFormat(ngDateFormat) {
-        let primeDateFormat = ngDateFormat;
-        for (const regex of DateUtil.NG_PRIME_FORMAT_OTHER) {
-            primeDateFormat = primeDateFormat.replace(regex, ' ');
-        }
-        for (const regex of DateUtil.NG_PRIME_FORMAT_SUPPORTED) {
-            const matches = [...primeDateFormat.matchAll(regex)].reverse();
-            for (const match of matches) {
-                if (match.index) {
-                    const matchStr = match[0];
-                    const replacement = DateUtil.NG_PRIME_FORMAT_MAP[matchStr] ?? match[0];
-                    primeDateFormat = primeDateFormat.substring(0, match.index) + replacement + primeDateFormat.substring(match.index + matchStr.length);
-                }
-            }
+        if (dateTimeOpts.noTimezone) {
+            str = str.substring(0, str.length - 1);
         }
-        primeDateFormat = primeDateFormat.replace(/\s+\W\s+/g, ' ');
-        primeDateFormat = primeDateFormat.replace(/\s\s+/g, ' ');
-        return primeDateFormat.trim();
+        return str;
+    }
+    else {
+        let base = value.getFullYear() +
+            '-' +
+            padNumber(value.getMonth() + 1) +
+            '-' +
+            padNumber(value.getDate()) +
+            'T' +
+            padNumber(value.getHours()) +
+            ':' +
+            padNumber(value.getMinutes()) +
+            ':' +
+            padNumber(value.getSeconds());
+        if (!dateTimeOpts.noMillis) {
+            base += '.' + padNumber(value.getMilliseconds());
+        }
+        if (!dateTimeOpts.noTimezone) {
+            const tzo = -value.getTimezoneOffset(), dif = tzo >= 0 ? '+' : '-';
+            base = base + (dif + padNumber(Math.floor(Math.abs(tzo) / 60)) + ':' + padNumber(Math.abs(tzo) % 60));
+        }
+        return base;
     }
-    static fromAngularDateFormatHasTime(ngDateFormat) {
-        return /[hHmsS]/.test(ngDateFormat);
+}
+function fromAngularDateFormatToPrime(ngDateFormat) {
+    let primeDateFormat = ngDateFormat;
+    for (const regex of ngPrimeFormatOther) {
+        primeDateFormat = primeDateFormat.replace(regex, ' ');
     }
-    static fromAngularDateFormatHasSeconds(ngDateFormat) {
-        return /[sS]/.test(ngDateFormat);
+    for (const regex of ngPrimerFormatSupported) {
+        const matches = [...primeDateFormat.matchAll(regex)].reverse();
+        for (const match of matches) {
+            if (match.index) {
+                const matchStr = match[0];
+                const replacement = ngPrimerFormatMap[matchStr] ?? match[0];
+                primeDateFormat = primeDateFormat.substring(0, match.index) + replacement + primeDateFormat.substring(match.index + matchStr.length);
+            }
+        }
     }
+    primeDateFormat = primeDateFormat.replace(/\s+\W\s+/g, ' ');
+    primeDateFormat = primeDateFormat.replace(/\s\s+/g, ' ');
+    return primeDateFormat.trim();
+}
+function angularDateFormatHasTime(ngDateFormat) {
+    return /[hHmsS]/.test(ngDateFormat);
+}
+function angularDateFormatHasSeconds(ngDateFormat) {
+    return /[sS]/.test(ngDateFormat);
 }
 
 var LogLevelEnum;
@@ -358,7 +341,7 @@ class LoggerService {
     }
     _getTimestamps() {
         const timestamp = new Date();
-        const timestampFormatted = this.datePipe.transform(timestamp, LoggerService._timestampFormat) ?? DateUtil.toIsoString(timestamp);
+        const timestampFormatted = this.datePipe.transform(timestamp, LoggerService._timestampFormat) ?? dateToIsoString(timestamp);
         return [timestamp, timestampFormatted];
     }
     _log(log) {
@@ -786,10 +769,10 @@ class CommonsService {
         titlePieces.push(this.translate.instant('app.name'));
         return titlePieces.join(' - ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CommonsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CommonsService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: CommonsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: CommonsService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CommonsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: CommonsService, decorators: [{
             type: Injectable
         }] });
 
@@ -797,10 +780,10 @@ class ErrorPageComponent {
     constructor(commons) {
         this.commons = commons;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ErrorPageComponent, deps: [{ token: CommonsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ErrorPageComponent, isStandalone: true, selector: "mng-error-page", 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.colorSchemeIsLight ? commons.appLogoDark : commons.appLogoLight\" class=\"exception-logo\" alt=\"App logo\" />\n            <img [src]=\"commons.colorSchemeIsLight ? commons.appLogoNameDark : commons.appLogoNameLight\" 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"] }, { 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ErrorPageComponent, deps: [{ token: CommonsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ErrorPageComponent, isStandalone: true, selector: "mng-error-page", 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.colorSchemeIsLight ? commons.appLogoDark : commons.appLogoLight\" class=\"exception-logo\" alt=\"App logo\" />\n            <img [src]=\"commons.colorSchemeIsLight ? commons.appLogoNameDark : commons.appLogoNameLight\" 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"] }, { 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: "17.2.1", ngImport: i0, type: ErrorPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ErrorPageComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'mng-error-page', 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.colorSchemeIsLight ? commons.appLogoDark : commons.appLogoLight\" class=\"exception-logo\" alt=\"App logo\" />\n            <img [src]=\"commons.colorSchemeIsLight ? commons.appLogoNameDark : commons.appLogoNameLight\" 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 }] });
@@ -809,10 +792,10 @@ class NotFoundPageComponent {
     constructor(commons) {
         this.commons = commons;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: NotFoundPageComponent, deps: [{ token: CommonsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: NotFoundPageComponent, isStandalone: true, selector: "mng-not-found-page", 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.colorSchemeIsLight ? commons.appLogoDark : commons.appLogoLight\" class=\"exception-logo\" alt=\"App logo\" />\n            <img [src]=\"commons.colorSchemeIsLight ? commons.appLogoNameDark : commons.appLogoNameLight\" 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"] }, { 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: NotFoundPageComponent, deps: [{ token: CommonsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: NotFoundPageComponent, isStandalone: true, selector: "mng-not-found-page", 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.colorSchemeIsLight ? commons.appLogoDark : commons.appLogoLight\" class=\"exception-logo\" alt=\"App logo\" />\n            <img [src]=\"commons.colorSchemeIsLight ? commons.appLogoNameDark : commons.appLogoNameLight\" 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"] }, { 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: "17.2.1", ngImport: i0, type: NotFoundPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: NotFoundPageComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'mng-not-found-page', 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.colorSchemeIsLight ? commons.appLogoDark : commons.appLogoLight\" class=\"exception-logo\" alt=\"App logo\" />\n            <img [src]=\"commons.colorSchemeIsLight ? commons.appLogoNameDark : commons.appLogoNameLight\" 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 }] });
@@ -922,418 +905,416 @@ class FilterMatchMode {
     }
 }
 
-class DataListParamsUtil {
-    /**
-     * Converts a TableLazyLoadEvent to DataListParams.
-     *
-     * @param {TableLazyLoadEvent} event - The event containing the data to convert.
-     * @return {DataListParams} - The converted DataListParams object.
-     */
-    static fromPrimeTableLoad(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.join(',');
-        }
-        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;
-                }
-                else if (eventFilter !== undefined) {
-                    filter.value = eventFilter.value;
-                    filter.matchMode = eventFilter.matchMode;
-                }
-                return { ...acc, [key]: filter };
-            }, {});
-        }
-        return params;
+/**
+ * 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;
     }
-    /**
-     * Converts the given parameters to URL query parameters.
-     * Sorts are formatted in Medius data API sort query language: `asc:prop1,desc:prop2`, ...
-     * Filter keys are "flattened" in the new object, values are formatted in Medius data API filter query language: `cs:eq:asd`, `in:asd,qwe`, `ex`, ...
-     *
-     * @param {DataListParams} params - The parameters to convert.
-     * @param {DataListParams|null} defaults - The default parameters used if no matching property in params is available. Defaults to { limit: 25, offset: 0 } if not provided.
-     * @returns {Params} - The URL query parameters object.
-     */
-    static toUrlQueryParams(params, defaults = {
-        limit: 25,
-        offset: 0
-    }) {
-        const urlParams = {};
-        if (params.limit && params.limit !== defaults?.limit) {
-            urlParams['limit'] = params.limit;
-        }
-        if (params.offset && params.offset !== defaults?.offset) {
-            urlParams['offset'] = params.offset;
-        }
-        if (params.search && params.search !== defaults?.search) {
-            urlParams['q'] = params.search;
-        }
-        if (params.sort && Array.isArray(params.sort) && params.sort.length > 0) {
-            if (defaults?.sort == null ||
-                !Array.isArray(defaults.sort) ||
-                defaults.sort.length === 0 ||
-                params.sort.length !== defaults.sort.length ||
-                defaults.sort.some((ds, idx) => ds.property !== params.sort[idx].property || (ds.ascending ?? true) !== (params.sort[idx].ascending ?? true))) {
-                urlParams['sort'] = DataListParamsUtil.sortToUrlQuery(params);
-            }
-        }
-        if (params.filters) {
-            Object.keys(params.filters).forEach(k => {
-                const paramFilter = params.filters[k];
-                const defaultFilter = defaults?.filters?.[k];
-                if (defaultFilter &&
-                    ((Array.isArray(defaultFilter.value) &&
-                        Array.isArray(paramFilter.value) &&
-                        defaultFilter.value.length === paramFilter.value.length &&
-                        defaultFilter.value.every((v, idx) => {
-                            const value = paramFilter.value[idx];
-                            if (value instanceof Date && v instanceof Date)
-                                return value.getTime() === v.getTime();
-                            else
-                                return value === v;
-                        })) || // handle arrays
-                        defaultFilter.value === paramFilter.value) &&
-                    defaultFilter.matchMode === paramFilter.matchMode &&
-                    (defaultFilter.caseSensitive ?? false) === (paramFilter.caseSensitive ?? false)) {
-                    return;
-                }
-                if (paramFilter.value == null && defaultFilter?.value == null) {
-                    return;
-                }
-                urlParams[k] = DataListParamsUtil.paramsFilterToUrlQuery(params, k, true);
-            });
-        }
-        if (defaults?.filters) {
-            // add other defaults
-            const paramFilterKeys = params.filters ? Object.keys(params.filters) : [];
-            Object.keys(defaults.filters)
-                .filter(k => paramFilterKeys.indexOf(k) < 0)
-                .forEach(k => {
-                urlParams[k] = DataListParamsUtil.paramsFilterToUrlQuery(defaults, k);
-            });
-        }
-        return urlParams;
+    if (event.rows != null) {
+        params.limit = event.rows;
     }
-    /**
-     * Merges the provided parameters with default values and returns the merged object.
-     *
-     * @param {DataListParams} params - The parameters to merge with defaults.
-     * @param {DataListParams} defaults - The default values to merge with params (optional, default is { limit: 25, offset: 0 }).
-     * @returns {DataListParams} - The merged parameters object.
-     */
-    static mergeWithDefaults(params, defaults = {
-        limit: 25,
-        offset: 0
-    }) {
-        const merged = {
-            limit: params.limit ?? defaults.limit,
-            offset: params.offset ?? defaults.offset,
-            search: params.search ?? defaults.search,
-            sort: (params.sort ?? defaults.sort)?.map(s => ({ ...s }))
-        };
-        if (params.filters) {
+    if (typeof event.globalFilter === 'string') {
+        params.search = event.globalFilter;
+    }
+    else if (Array.isArray(event.globalFilter) && event.globalFilter.length > 0) {
+        params.search = event.globalFilter.join(',');
+    }
+    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;
+            }
+            else if (eventFilter !== undefined) {
+                filter.value = eventFilter.value;
+                filter.matchMode = eventFilter.matchMode;
+            }
+            return { ...acc, [key]: filter };
+        }, {});
+    }
+    return params;
+}
+/**
+ * Converts the given parameters to URL query parameters.
+ * Sorts are formatted in Medius data API sort query language: `asc:prop1,desc:prop2`, ...
+ * Filter keys are "flattened" in the new object, values are formatted in Medius data API filter query language: `cs:eq:asd`, `in:asd,qwe`, `ex`, ...
+ *
+ * @param {DataListParams} params - The parameters to convert.
+ * @param {DataListParams|null} defaults - The default parameters used if no matching property in params is available. Defaults to { limit: 25, offset: 0 } if not provided.
+ * @returns {Params} - The URL query parameters object.
+ */
+function dataListParamsToUrlQuery(params, defaults = {
+    limit: 25,
+    offset: 0
+}) {
+    const urlParams = {};
+    if (params.limit && params.limit !== defaults?.limit) {
+        urlParams['limit'] = params.limit;
+    }
+    if (params.offset && params.offset !== defaults?.offset) {
+        urlParams['offset'] = params.offset;
+    }
+    if (params.search && params.search !== defaults?.search) {
+        urlParams['q'] = params.search;
+    }
+    if (params.sort && Array.isArray(params.sort) && params.sort.length > 0) {
+        if (defaults?.sort == null ||
+            !Array.isArray(defaults.sort) ||
+            defaults.sort.length === 0 ||
+            params.sort.length !== defaults.sort.length ||
+            defaults.sort.some((ds, idx) => ds.property !== params.sort[idx].property || (ds.ascending ?? true) !== (params.sort[idx].ascending ?? true))) {
+            urlParams['sort'] = dataListParamsSortToUrlQuery(params);
+        }
+    }
+    if (params.filters) {
+        Object.keys(params.filters).forEach(k => {
+            const paramFilter = params.filters[k];
+            const defaultFilter = defaults?.filters?.[k];
+            if (defaultFilter &&
+                ((Array.isArray(defaultFilter.value) &&
+                    Array.isArray(paramFilter.value) &&
+                    defaultFilter.value.length === paramFilter.value.length &&
+                    defaultFilter.value.every((v, idx) => {
+                        const value = paramFilter.value[idx];
+                        if (value instanceof Date && v instanceof Date)
+                            return value.getTime() === v.getTime();
+                        else
+                            return value === v;
+                    })) || // handle arrays
+                    defaultFilter.value === paramFilter.value) &&
+                defaultFilter.matchMode === paramFilter.matchMode &&
+                (defaultFilter.caseSensitive ?? false) === (paramFilter.caseSensitive ?? false)) {
+                return;
+            }
+            if (paramFilter.value == null && defaultFilter?.value == null) {
+                return;
+            }
+            urlParams[k] = dataListParamsFiltersToUrlQuery(params, k, true);
+        });
+    }
+    if (defaults?.filters) {
+        // add other defaults
+        const paramFilterKeys = params.filters ? Object.keys(params.filters) : [];
+        Object.keys(defaults.filters)
+            .filter(k => paramFilterKeys.indexOf(k) < 0)
+            .forEach(k => {
+            urlParams[k] = dataListParamsFiltersToUrlQuery(defaults, k);
+        });
+    }
+    return urlParams;
+}
+/**
+ * Merges the provided parameters with default values and returns the merged object.
+ *
+ * @param {DataListParams} params - The parameters to merge with defaults.
+ * @param {DataListParams} defaults - The default values to merge with params (optional, default is { limit: 25, offset: 0 }).
+ * @returns {DataListParams} - The merged parameters object.
+ */
+function mergeDataListParamsWithDefaults(params, defaults = {
+    limit: 25,
+    offset: 0
+}) {
+    const merged = {
+        limit: params.limit ?? defaults.limit,
+        offset: params.offset ?? defaults.offset,
+        search: params.search ?? defaults.search,
+        sort: (params.sort ?? defaults.sort)?.map(s => ({ ...s }))
+    };
+    if (params.filters) {
+        merged.filters = {};
+        Object.entries(params.filters).forEach(([key, value]) => (merged.filters[key] = { ...value }));
+    }
+    if (defaults.filters) {
+        if (!merged.filters)
             merged.filters = {};
-            Object.entries(params.filters).forEach(([key, value]) => (merged.filters[key] = { ...value }));
-        }
-        if (defaults.filters) {
-            if (!merged.filters)
-                merged.filters = {};
-            Object.entries(defaults.filters).forEach(([key, value]) => {
-                if (merged.filters[key] === undefined) {
-                    merged.filters[key] = { ...value };
-                }
-            });
-        }
-        return merged;
+        Object.entries(defaults.filters).forEach(([key, value]) => {
+            if (merged.filters[key] === undefined) {
+                merged.filters[key] = { ...value };
+            }
+        });
     }
-    /**
-     * Converts an object of parameters to a URL query string for sorting.
-     * Sorts are formatted in Medius data API sort query language: `asc:prop1,desc:prop2`, ...
-     *
-     * @param {DataListParams} params - An optional object containing sort parameters.
-     * @returns A string representing the URL query or undefined if no sort parameters are provided.
-     */
-    static sortToUrlQuery(params) {
-        return params && Array.isArray(params.sort)
-            ? params.sort.map(s => `${s.ascending === true || s.ascending === undefined ? 'asc' : 'desc'}:${String(s.property)}`).join(',')
-            : undefined;
+    return merged;
+}
+/**
+ * Converts an object of parameters to a URL query string for sorting.
+ * Sorts are formatted in Medius data API sort query language: `asc:prop1,desc:prop2`, ...
+ *
+ * @param {DataListParams} params - An optional object containing sort parameters.
+ * @returns A string representing the URL query or undefined if no sort parameters are provided.
+ */
+function dataListParamsSortToUrlQuery(params) {
+    return params && Array.isArray(params.sort)
+        ? params.sort.map(s => `${s.ascending === true || s.ascending === undefined ? 'asc' : 'desc'}:${String(s.property)}`).join(',')
+        : undefined;
+}
+/**
+ * Converts a specific filter parameter (by key) from DataListParams object to a URL query string.
+ * Filter keys are "flattened" in the new object, values are formatted in Medius data API filter query language: `cs:eq:asd`, `in:asd,qwe`, `ex`, ...
+ *
+ * @param {DataListParams<any, Filters> | undefined} params - The DataListParams object containing the filters.
+ * @param {Filters} key - The key of the filter to convert.
+ * @param {boolean} [allowNull=false] - Indicates whether to allow null values in the query string.
+ * @return {string | undefined} - The URL query string representing the specified filter, or undefined if the filter is not found.
+ */
+function dataListParamsFiltersToUrlQuery(params, key, allowNull = false) {
+    const paramFilter = params?.filters?.[key];
+    return dataListParamsFilterToUrlQuery(paramFilter, allowNull);
+}
+/**
+ * Converts a filter to a URL query string.
+ * Filter keys are "flattened" in the new object, values are formatted in Medius data API filter query language: `cs:eq:asd`, `in:asd,qwe`, `ex`, ...
+ *
+ * @param {DataListFilter} paramFilter - The filter object to be converted.
+ * @param {boolean} [allowNull=false] - Indicates whether to allow null values in the filter.
+ * @returns {string|undefined} - The filter converted to a URL query string, or undefined if no filter is provided or the filter has empty or invalid values.
+ * @throws {CommonsInternalError} - If the filter has invalid values.
+ */
+function dataListParamsFilterToUrlQuery(paramFilter, allowNull = false) {
+    const filterValueAsArray = Array.isArray(paramFilter?.value) ? paramFilter.value.filter(v => v !== undefined && (allowNull || v !== null)) : undefined;
+    if (paramFilter === undefined ||
+        (!allowNull && paramFilter.value == null) ||
+        (typeof paramFilter.value === 'string' && paramFilter.value.length === 0) ||
+        (Array.isArray(filterValueAsArray) && filterValueAsArray.length === 0)) {
+        // no need to include filters for empty values
+        return undefined;
     }
-    /**
-     * Converts a specific filter parameter (by key) from DataListParams object to a URL query string.
-     * Filter keys are "flattened" in the new object, values are formatted in Medius data API filter query language: `cs:eq:asd`, `in:asd,qwe`, `ex`, ...
-     *
-     * @param {DataListParams<any, Filters> | undefined} params - The DataListParams object containing the filters.
-     * @param {Filters} key - The key of the filter to convert.
-     * @param {boolean} [allowNull=false] - Indicates whether to allow null values in the query string.
-     * @return {string | undefined} - The URL query string representing the specified filter, or undefined if the filter is not found.
-     */
-    static paramsFilterToUrlQuery(params, key, allowNull = false) {
-        const paramFilter = params?.filters?.[key];
-        return DataListParamsUtil.filterToUrlQuery(paramFilter, allowNull);
+    const matchMode = paramFilter.matchMode ?? FilterMatchMode.Equals;
+    if (matchMode === FilterMatchMode.Between && !(Array.isArray(filterValueAsArray) && filterValueAsArray.length === 2)) {
+        throw new CommonsInternalError(`Filter match mode between requires exactly 2 values: ${paramFilter.value}`);
     }
-    /**
-     * Converts a filter to a URL query string.
-     * Filter keys are "flattened" in the new object, values are formatted in Medius data API filter query language: `cs:eq:asd`, `in:asd,qwe`, `ex`, ...
-     *
-     * @param {DataListFilter} paramFilter - The filter object to be converted.
-     * @param {boolean} [allowNull=false] - Indicates whether to allow null values in the filter.
-     * @returns {string|undefined} - The filter converted to a URL query string, or undefined if no filter is provided or the filter has empty or invalid values.
-     * @throws {CommonsInternalError} - If the filter has invalid values.
-     */
-    static filterToUrlQuery(paramFilter, allowNull = false) {
-        const filterValueAsArray = Array.isArray(paramFilter?.value) ? paramFilter.value.filter(v => v !== undefined && (allowNull || v !== null)) : undefined;
-        if (paramFilter === undefined ||
-            (!allowNull && paramFilter.value == null) ||
-            (typeof paramFilter.value === 'string' && paramFilter.value.length === 0) ||
-            (Array.isArray(filterValueAsArray) && filterValueAsArray.length === 0)) {
-            // no need to include filters for empty values
-            return undefined;
-        }
-        const matchMode = paramFilter.matchMode ?? FilterMatchMode.Equals;
-        if (matchMode === FilterMatchMode.Between && !(Array.isArray(filterValueAsArray) && filterValueAsArray.length === 2)) {
-            throw new CommonsInternalError(`Filter match mode between requires exactly 2 values: ${paramFilter.value}`);
+    if ((matchMode === FilterMatchMode.In || matchMode === FilterMatchMode.NotIn) && (!Array.isArray(filterValueAsArray) || filterValueAsArray.length === 0)) {
+        throw new CommonsInternalError(`Filter match mode ${matchMode} requires non-empty array: ${paramFilter.value}`);
+    }
+    if ([FilterMatchMode.In, FilterMatchMode.NotIn, FilterMatchMode.Between].indexOf(matchMode) === -1 && Array.isArray(filterValueAsArray)) {
+        throw new CommonsInternalError(`Filter match mode ${matchMode} must not be array: ${paramFilter.value}`);
+    }
+    const noVal = paramFilter.matchMode === FilterMatchMode.Exists || paramFilter.matchMode === FilterMatchMode.DoesNotExist;
+    const urlValuePart = noVal ? '' : `:${dataListParamsFilterValueToUrlString(filterValueAsArray ?? paramFilter.value, allowNull)}`;
+    return `${paramFilter.caseSensitive ? 'cs:' : paramFilter.caseSensitive === false ? 'ci:' : ''}${FilterMatchMode.getAbbreviation(matchMode) ?? matchMode}${urlValuePart}`;
+}
+/**
+ * Converts URL query parameters to a DataListParams object.
+ * Sorts are formatted from Medius data API sort query language: `asc:prop1,desc:prop2`, ...
+ * Filter keys are all keys in Params object that are not matched elsewhere, values are formatted from Medius data API filter query language: `cs:eq:asd`, `in:asd,qwe`, `ex`, ...
+ *
+ * @param {Params} urlParams - The URL query parameters.
+ * @return {DataListParams} - The converted DataListParams object.
+ */
+function fromUrlQueryToDataListParams(urlParams) {
+    const params = {};
+    Object.entries(urlParams).forEach(([urlParamKey, urlParamValue]) => {
+        if (urlParamKey === 'limit') {
+            params.limit = +urlParamValue;
+            if (isNaN(params.limit) || params.limit < 0) {
+                delete params.limit;
+            }
         }
-        if ((matchMode === FilterMatchMode.In || matchMode === FilterMatchMode.NotIn) && (!Array.isArray(filterValueAsArray) || filterValueAsArray.length === 0)) {
-            throw new CommonsInternalError(`Filter match mode ${matchMode} requires non-empty array: ${paramFilter.value}`);
+        else if (urlParamKey === 'offset') {
+            params.offset = +urlParamValue;
+            if (isNaN(params.offset) || params.offset < 0) {
+                delete params.offset;
+            }
         }
-        if ([FilterMatchMode.In, FilterMatchMode.NotIn, FilterMatchMode.Between].indexOf(matchMode) === -1 && Array.isArray(filterValueAsArray)) {
-            throw new CommonsInternalError(`Filter match mode ${matchMode} must not be array: ${paramFilter.value}`);
+        else if (urlParamKey === 'q') {
+            params.search = urlParamValue;
         }
-        const noVal = paramFilter.matchMode === FilterMatchMode.Exists || paramFilter.matchMode === FilterMatchMode.DoesNotExist;
-        const urlValuePart = noVal ? '' : `:${DataListParamsUtil.filterValueToUrlParam(filterValueAsArray ?? paramFilter.value, allowNull)}`;
-        return `${paramFilter.caseSensitive ? 'cs:' : paramFilter.caseSensitive === false ? 'ci:' : ''}${FilterMatchMode.getAbbreviation(matchMode) ?? matchMode}${urlValuePart}`;
-    }
-    /**
-     * Converts URL query parameters to a DataListParams object.
-     * Sorts are formatted from Medius data API sort query language: `asc:prop1,desc:prop2`, ...
-     * Filter keys are all keys in Params object that are not matched elsewhere, values are formatted from Medius data API filter query language: `cs:eq:asd`, `in:asd,qwe`, `ex`, ...
-     *
-     * @param {Params} urlParams - The URL query parameters.
-     * @return {DataListParams} - The converted DataListParams object.
-     */
-    static fromUrlQueryParams(urlParams) {
-        const params = {};
-        Object.entries(urlParams).forEach(([urlParamKey, urlParamValue]) => {
-            if (urlParamKey === 'limit') {
-                params.limit = +urlParamValue;
-                if (isNaN(params.limit) || params.limit < 0) {
-                    delete params.limit;
-                }
+        else if (urlParamKey === 'sort') {
+            if (typeof urlParamValue === 'string') {
+                params.sort = urlParamValue.split(',').map(s => {
+                    const [direction, property] = s.split(':');
+                    return { property: (property ?? direction), ascending: direction !== 'desc' };
+                });
             }
-            else if (urlParamKey === 'offset') {
-                params.offset = +urlParamValue;
-                if (isNaN(params.offset) || params.offset < 0) {
-                    delete params.offset;
+            else {
+                throw new CommonsInternalError(`String is expected as value for '${urlParamKey}' when converting from urlParams`);
+            }
+        }
+        else if (typeof urlParamValue === 'string') {
+            if (urlParamValue.length === 0) {
+                // empty string should be ignored
+                return;
+            }
+            const filterParts = urlParamValue.split(':');
+            let partIdx = 0;
+            // case sensitive
+            let caseSensitive = undefined;
+            if (filterParts[partIdx] === 'cs' || filterParts[partIdx] === 'ci') {
+                caseSensitive = filterParts[partIdx++] === 'cs';
+            }
+            // match mode
+            const matchMode = filterParts[partIdx] ? FilterMatchMode.fromAbbreviation(filterParts[partIdx]) ?? filterParts[partIdx] : FilterMatchMode.Equals;
+            partIdx++;
+            const noVal = matchMode === FilterMatchMode.Exists || matchMode === FilterMatchMode.DoesNotExist;
+            // value
+            let value = undefined;
+            if (!noVal) {
+                if (filterParts.length < 2) {
+                    return;
                 }
-            }
-            else if (urlParamKey === 'q') {
-                params.search = urlParamValue;
-            }
-            else if (urlParamKey === 'sort') {
-                if (typeof urlParamValue === 'string') {
-                    params.sort = urlParamValue.split(',').map(s => {
-                        const [direction, property] = s.split(':');
-                        return { property: (property ?? direction), ascending: direction !== 'desc' };
-                    });
+                if (partIdx === filterParts.length - 1) {
+                    value = filterParts[partIdx];
                 }
-                else {
-                    throw new CommonsInternalError(`String is expected as value for '${urlParamKey}' when converting from urlParams`);
+                else if (partIdx < filterParts.length) {
+                    // array that should not be array, so join back together
+                    value = filterParts.slice(partIdx, filterParts.length).join(':');
                 }
-            }
-            else if (typeof urlParamValue === 'string') {
-                if (urlParamValue.length === 0) {
-                    // empty string should be ignored
+                if (value === undefined && matchMode !== FilterMatchMode.Exists && matchMode !== FilterMatchMode.DoesNotExist) {
+                    // if value undefined and match mode expects value, then skip
                     return;
                 }
-                const filterParts = urlParamValue.split(':');
-                let partIdx = 0;
-                // case sensitive
-                let caseSensitive = undefined;
-                if (filterParts[partIdx] === 'cs' || filterParts[partIdx] === 'ci') {
-                    caseSensitive = filterParts[partIdx++] === 'cs';
+                if (value === 'null') {
+                    value = null;
                 }
-                // match mode
-                const matchMode = filterParts[partIdx] ? FilterMatchMode.fromAbbreviation(filterParts[partIdx]) ?? filterParts[partIdx] : FilterMatchMode.Equals;
-                partIdx++;
-                const noVal = matchMode === FilterMatchMode.Exists || matchMode === FilterMatchMode.DoesNotExist;
-                // value
-                let value = undefined;
-                if (!noVal) {
-                    if (filterParts.length < 2) {
-                        return;
-                    }
-                    if (partIdx === filterParts.length - 1) {
-                        value = filterParts[partIdx];
-                    }
-                    else if (partIdx < filterParts.length) {
-                        // array that should not be array, so join back together
-                        value = filterParts.slice(partIdx, filterParts.length).join(':');
-                    }
-                    if (value === undefined && matchMode !== FilterMatchMode.Exists && matchMode !== FilterMatchMode.DoesNotExist) {
-                        // if value undefined and match mode expects value, then skip
-                        return;
-                    }
-                    if (value === 'null') {
-                        value = null;
-                    }
-                    if ((matchMode === FilterMatchMode.In || matchMode === FilterMatchMode.NotIn || matchMode === FilterMatchMode.Between) && typeof value === 'string') {
-                        let arrayVal = [];
-                        // these match modes expect array
-                        if (value.indexOf('"') >= 0) {
-                            const tokens = [];
-                            let currentToken = '';
-                            let explicitQuotes = false; //token is quoted, e.g. in:1,2,"22""",",123"""
-                            let quotesOpened = false; //token has started processing
-                            let quotesExplicitlyClosed = false; //token processing has finished, after single " in quoted mode, or before , in not quoted
-                            for (let i = 0; i < value.length; i++) {
-                                const c = value[i];
-                                // reset the tokenizer when seeing the token separator
-                                // only if either:
-                                // the quotes have not been opened yet (when there are no characters between separators),
-                                // the token has been explicitly closed (when we actually have explicit opening i.e., quotes as the first character)
-                                // or we have implicit quotes (i.e., quotes are not the first character)
-                                if (c === ',' && (!quotesOpened || quotesExplicitlyClosed || !explicitQuotes)) {
-                                    tokens.push(currentToken);
-                                    currentToken = '';
-                                    quotesOpened = false;
-                                    quotesExplicitlyClosed = false;
-                                    explicitQuotes = false;
+                if ((matchMode === FilterMatchMode.In || matchMode === FilterMatchMode.NotIn || matchMode === FilterMatchMode.Between) && typeof value === 'string') {
+                    let arrayVal = [];
+                    // these match modes expect array
+                    if (value.indexOf('"') >= 0) {
+                        const tokens = [];
+                        let currentToken = '';
+                        let explicitQuotes = false; //token is quoted, e.g. in:1,2,"22""",",123"""
+                        let quotesOpened = false; //token has started processing
+                        let quotesExplicitlyClosed = false; //token processing has finished, after single " in quoted mode, or before , in not quoted
+                        for (let i = 0; i < value.length; i++) {
+                            const c = value[i];
+                            // reset the tokenizer when seeing the token separator
+                            // only if either:
+                            // the quotes have not been opened yet (when there are no characters between separators),
+                            // the token has been explicitly closed (when we actually have explicit opening i.e., quotes as the first character)
+                            // or we have implicit quotes (i.e., quotes are not the first character)
+                            if (c === ',' && (!quotesOpened || quotesExplicitlyClosed || !explicitQuotes)) {
+                                tokens.push(currentToken);
+                                currentToken = '';
+                                quotesOpened = false;
+                                quotesExplicitlyClosed = false;
+                                explicitQuotes = false;
+                            }
+                            else if (c == '"') {
+                                // escaped double-quotes
+                                if (explicitQuotes && i + 1 < value.length && value[i + 1] === '"') {
+                                    currentToken += c; // Append one double-quote to the current token
+                                    i++; // Skip the next double-quote
                                 }
-                                else if (c == '"') {
-                                    // escaped double-quotes
-                                    if (explicitQuotes && i + 1 < value.length && value[i + 1] === '"') {
-                                        currentToken += c; // Append one double-quote to the current token
-                                        i++; // Skip the next double-quote
-                                    }
-                                    // we encounter quotes again after they were the first character => we close the token
-                                    else if (explicitQuotes) {
-                                        quotesExplicitlyClosed = true;
-                                    }
-                                    // implicit quotes
-                                    else if (quotesOpened) {
-                                        currentToken += c;
-                                    }
-                                    // quotes are the first character => explicitly open the token
-                                    else {
-                                        currentToken = '';
-                                        quotesOpened = true;
-                                        explicitQuotes = true;
-                                    }
+                                // we encounter quotes again after they were the first character => we close the token
+                                else if (explicitQuotes) {
+                                    quotesExplicitlyClosed = true;
                                 }
+                                // implicit quotes
+                                else if (quotesOpened) {
+                                    currentToken += c;
+                                }
+                                // quotes are the first character => explicitly open the token
                                 else {
-                                    if (quotesExplicitlyClosed) {
-                                        return;
-                                    }
+                                    currentToken = '';
                                     quotesOpened = true;
-                                    currentToken += c;
+                                    explicitQuotes = true;
                                 }
                             }
-                            if (quotesOpened && !quotesExplicitlyClosed && explicitQuotes) {
-                                return;
+                            else {
+                                if (quotesExplicitlyClosed) {
+                                    return;
+                                }
+                                quotesOpened = true;
+                                currentToken += c;
                             }
-                            // Append the last token after the loop ends
-                            tokens.push(currentToken.toString());
-                            arrayVal = tokens;
-                        }
-                        else {
-                            arrayVal = value.split(',');
                         }
-                        if (matchMode === FilterMatchMode.Between && arrayVal.length !== 2) {
+                        if (quotesOpened && !quotesExplicitlyClosed && explicitQuotes) {
                             return;
                         }
-                        value = arrayVal;
+                        // Append the last token after the loop ends
+                        tokens.push(currentToken.toString());
+                        arrayVal = tokens;
                     }
-                    if ((typeof value === 'string' && value.length === 0) || (Array.isArray(value) && value.length === 0)) {
-                        // filter with empty value is to be ignored
+                    else {
+                        arrayVal = value.split(',');
+                    }
+                    if (matchMode === FilterMatchMode.Between && arrayVal.length !== 2) {
                         return;
                     }
+                    value = arrayVal;
                 }
-                else {
-                    caseSensitive = undefined;
-                }
-                if (!params.filters) {
-                    params.filters = {};
+                if ((typeof value === 'string' && value.length === 0) || (Array.isArray(value) && value.length === 0)) {
+                    // filter with empty value is to be ignored
+                    return;
                 }
-                params.filters[urlParamKey] = { value: value, matchMode: matchMode, caseSensitive: caseSensitive };
             }
-        });
-        return params;
-    }
-    /**
-     * Makes a copy of the given DataListParams object.
-     *
-     * @param {DataListParams<Sorts, Filters>} params - The DataListParams object to be copied.
-     * @returns {DataListParams<Sorts, Filters>} - Returns a new copy of the DataListParams object.
-     */
-    static copy(params) {
-        const copy = {
-            offset: params.offset,
-            limit: params.limit,
-            search: params.search
-        };
-        if (params.sort) {
-            copy.sort = params.sort?.map(s => ({ ...s }));
-        }
-        if (params.filters) {
-            copy.filters = Object.entries(params.filters).reduce((acc, [key, value]) => {
-                const filterValue = value;
-                return {
-                    ...acc,
-                    [key]: {
-                        ...filterValue,
-                        value: Array.isArray(filterValue.value) ? [...filterValue.value] : filterValue.value
-                    }
-                };
-            }, {});
-        }
-        return copy;
-    }
-    /**
-     * Converts a value to a URL query param string representation.
-     *
-     * @param {unknown} value - The value to be converted.
-     * @param {boolean} [allowNull=false] - Indicates whether null values are allowed.
-     * @returns {string} The URL parameter representation of the value.
-     * @throws {CommonsInternalError} If an undefined value is passed without allowNull set to true.
-     * @throws {CommonsInternalError} If the value is an object (excluding Date).
-     */
-    static filterValueToUrlParam(value, allowNull = false) {
-        if (value === null && allowNull)
-            return 'null';
-        if (value == null)
-            throw new CommonsInternalError('Undefined value cannot be converted to url param.'); // this should not happen, should be filtered out earlier
-        if (Array.isArray(value))
-            return value
-                .map(v => DataListParamsUtil.filterValueToUrlParam(v, allowNull))
-                .map(v => (v.indexOf(',') >= 0 || v.indexOf('"') >= 0 ? `"${v.replaceAll('"', '""')}"` : v))
-                .join(',');
-        if (typeof value === 'object') {
-            if (value instanceof Date)
-                return DateUtil.toIsoString(value, 'dateTime', { utc: true });
             else {
-                throw new CommonsInternalError('Filter value cannot be object');
+                caseSensitive = undefined;
             }
+            if (!params.filters) {
+                params.filters = {};
+            }
+            params.filters[urlParamKey] = { value: value, matchMode: matchMode, caseSensitive: caseSensitive };
+        }
+    });
+    return params;
+}
+/**
+ * Makes a copy of the given DataListParams object.
+ *
+ * @param {DataListParams<Sorts, Filters>} params - The DataListParams object to be copied.
+ * @returns {DataListParams<Sorts, Filters>} - Returns a new copy of the DataListParams object.
+ */
+function copyDataListParams(params) {
+    const copy = {
+        offset: params.offset,
+        limit: params.limit,
+        search: params.search
+    };
+    if (params.sort) {
+        copy.sort = params.sort?.map(s => ({ ...s }));
+    }
+    if (params.filters) {
+        copy.filters = Object.entries(params.filters).reduce((acc, [key, value]) => {
+            const filterValue = value;
+            return {
+                ...acc,
+                [key]: {
+                    ...filterValue,
+                    value: Array.isArray(filterValue.value) ? [...filterValue.value] : filterValue.value
+                }
+            };
+        }, {});
+    }
+    return copy;
+}
+/**
+ * Converts a value to a URL query param string representation.
+ *
+ * @param {unknown} value - The value to be converted.
+ * @param {boolean} [allowNull=false] - Indicates whether null values are allowed.
+ * @returns {string} The URL parameter representation of the value.
+ * @throws {CommonsInternalError} If an undefined value is passed without allowNull set to true.
+ * @throws {CommonsInternalError} If the value is an object (excluding Date).
+ */
+function dataListParamsFilterValueToUrlString(value, allowNull = false) {
+    if (value === null && allowNull)
+        return 'null';
+    if (value == null)
+        throw new CommonsInternalError('Undefined value cannot be converted to url param.'); // this should not happen, should be filtered out earlier
+    if (Array.isArray(value))
+        return value
+            .map(v => dataListParamsFilterValueToUrlString(v, allowNull))
+            .map(v => (v.indexOf(',') >= 0 || v.indexOf('"') >= 0 ? `"${v.replaceAll('"', '""')}"` : v))
+            .join(',');
+    if (typeof value === 'object') {
+        if (value instanceof Date)
+            return dateToIsoString(value, 'dateTime', { utc: true });
+        else {
+            throw new CommonsInternalError('Filter value cannot be object');
         }
-        return String(value);
     }
+    return String(value);
 }
 
 /**
@@ -1427,10 +1408,10 @@ class ComponentDirective {
         }
         this.componentInstanceEventEmitter.next(this.componentRef.instance);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ComponentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: ComponentDirective, isStandalone: true, selector: "[mngComponent]", inputs: { component: ["mngComponent", "component"], componentIt: ["injectionToken", "componentIt"], inputs: "inputs", attachToHost: "attachToHost", nodeInjector: "nodeInjector" }, outputs: { componentInstanceEventEmitter: "instanceCreated" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ComponentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.4", type: ComponentDirective, isStandalone: true, selector: "[mngComponent]", inputs: { component: ["mngComponent", "component"], componentIt: ["injectionToken", "componentIt"], inputs: "inputs", attachToHost: "attachToHost", nodeInjector: "nodeInjector" }, outputs: { componentInstanceEventEmitter: "instanceCreated" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ComponentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ComponentDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -1464,10 +1445,10 @@ class TemplateDirective {
     getViewContainerRef() {
         return this.viewContainerRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: TemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: TemplateDirective, isStandalone: true, selector: "[mngTemplate]", inputs: { type: "type", name: ["mngTemplate", "name"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.4", type: TemplateDirective, isStandalone: true, selector: "[mngTemplate]", inputs: { type: "type", name: ["mngTemplate", "name"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: TemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -1480,536 +1461,528 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 args: [{ required: true, alias: 'mngTemplate' }]
             }] } });
 
-class EnumUtil {
-    /**
-     * Returns array of names for constants in enum.
-     * @param enumType Enum object.
-     */
-    static getConstantNames(enumType) {
-        return EnumUtil.getConstantNamesFromEnumObject(enumType);
+/**
+ * Returns array of names for constants in enum.
+ * @param enumType Enum object.
+ */
+function getEnumConstantNames(enumType) {
+    return getEnumConstantNamesFromObject(enumType);
+}
+/**
+ * Returns array of names for constants in enum.
+ * @param enumObj Enum object.
+ */
+function getEnumConstantNamesFromObject(enumObj) {
+    // in number enum, the numbers are also represented in objects and should be filtered out
+    return Object.keys(enumObj).filter(v => isNaN(+v));
+}
+/**
+ * Returns array of string values for constants in enum.
+ * @param enumType Enum object.
+ */
+function getEnumConstantValuesAsString(enumType) {
+    return Object.keys(enumType).map(v => enumType[v]);
+}
+/**
+ * Returns array of number values for constants in enum.
+ * @param enumType Enum object.
+ */
+function getEnumConstantValuesAsNumber(enumType) {
+    return Object.keys(enumType)
+        .filter(v => !isNaN(+v))
+        .map(v => +v);
+}
+/**
+ * Returns array of type EnumValue for all constants in enum.
+ * @param enumType Enum object.
+ * @param nameAsValue If use name of constant as value (optional, default: false).
+ * @param titlePath Base path for title to use as translation (optional).
+ */
+function fromEnumConstantsAsValueArray(enumType, nameAsValue = false, titlePath) {
+    return getEnumConstantNames(enumType).map(n => ({ name: n, title: `${titlePath ? `${titlePath}.` : ''}${n}`, value: nameAsValue ? n : enumType[n] }));
+}
+/**
+ * Returns array of type EnumValue for provided values in enum.
+ * @param enumType Enum object.
+ * @param values Enum values (constants).
+ * @param nameAsValue If use name of constant as value (optional, default: false).
+ * @param titlePath Base path for title to use as translation (optional).
+ */
+function fromEnumValuesAsValueArray(enumType, values, nameAsValue = false, titlePath) {
+    return values.map(v => {
+        const k = getEnumConstantName(enumType, v);
+        return { name: k, title: `${titlePath ? `${titlePath}.` : ''}${k}`, value: nameAsValue ? k : v };
+    });
+}
+/**
+ * Gets constant name for value.
+ * @param enumType Enum object.
+ * @param value Value of enum constant.
+ */
+function getEnumConstantName(enumType, value) {
+    if (typeof value === 'string') {
+        return getEnumConstantNames(enumType).find(c => enumType[c] === value) ?? null;
     }
-    /**
-     * Returns array of names for constants in enum.
-     * @param enumObj Enum object.
-     */
-    static getConstantNamesFromEnumObject(enumObj) {
-        // in number enum, the numbers are also represented in objects and should be filtered out
-        return Object.keys(enumObj).filter(v => isNaN(+v));
+    else {
+        return typeof enumType[value] !== 'undefined' ? enumType[value] : null;
     }
-    /**
-     * Returns array of string values for constants in enum.
-     * @param enumType Enum object.
-     */
-    static getConstantValuesAsString(enumType) {
-        return Object.keys(enumType).map(v => enumType[v]);
+}
+/**
+ * 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;
     }
-    /**
-     * Returns array of number values for constants in enum.
-     * @param enumType Enum object.
-     */
-    static getConstantValuesAsNumber(enumType) {
-        return Object.keys(enumType)
-            .filter(v => !isNaN(+v))
-            .map(v => +v);
+    else {
+        return typeof enumObjAny[value] !== 'undefined' ? enumObjAny[value] : null;
     }
-    /**
-     * Returns array of type EnumValue for all constants in enum.
-     * @param enumType Enum object.
-     * @param nameAsValue If use name of constant as value (optional, default: false).
-     * @param titlePath Base path for title to use as translation (optional).
-     */
-    static fromConstantsAsEnumValueArray(enumType, nameAsValue = false, titlePath) {
-        return EnumUtil.getConstantNames(enumType).map(n => ({ name: n, title: `${titlePath ? `${titlePath}.` : ''}${n}`, value: nameAsValue ? n : enumType[n] }));
+}
+
+function objectDeepCopy(obj, options) {
+    if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
+        return obj;
     }
-    /**
-     * Returns array of type EnumValue for provided values in enum.
-     * @param enumType Enum object.
-     * @param values Enum values (constants).
-     * @param nameAsValue If use name of constant as value (optional, default: false).
-     * @param titlePath Base path for title to use as translation (optional).
-     */
-    static fromValuesAsEnumValueArray(enumType, values, nameAsValue = false, titlePath) {
-        return values.map(v => {
-            const k = EnumUtil.getConstantName(enumType, v);
-            return { name: k, title: `${titlePath ? `${titlePath}.` : ''}${k}`, value: nameAsValue ? k : v };
-        });
+    if (obj instanceof Date) {
+        return new Date(+obj);
     }
-    /**
-     * Gets constant name for value.
-     * @param enumType Enum object.
-     * @param value Value of enum constant.
-     */
-    static getConstantName(enumType, value) {
-        if (typeof value === 'string') {
-            return EnumUtil.getConstantNames(enumType).find(c => enumType[c] === value) ?? null;
-        }
-        else {
-            return typeof enumType[value] !== 'undefined' ? enumType[value] : null;
-        }
+    let copy;
+    if (options?.mapGettersToProperties) {
+        copy = {};
     }
-    /**
-     * Gets constant name for value.
-     * @param enumObj Enum object.
-     * @param value Value of enum constant.
-     */
-    static getConstantNameFromEnumObject(enumObj, value) {
-        const enumObjAny = enumObj;
-        if (typeof value === 'string') {
-            return EnumUtil.getConstantNamesFromEnumObject(enumObj).find(c => enumObjAny[c] === value) ?? null;
-        }
-        else {
-            return typeof enumObjAny[value] !== 'undefined' ? enumObjAny[value] : null;
+    else {
+        copy = options?.objectPrototype ? Object.create(options.objectPrototype['prototype']) : Object.create(Object.getPrototypeOf(obj));
+        Object.assign(copy, obj);
+    }
+    for (const key of getObjectProperties(obj)) {
+        const prop = obj[key];
+        copy[key] = handleProp(prop, { mapGettersToProperties: options?.mapGettersToProperties });
+    }
+    if (options?.mapGettersToProperties) {
+        for (const getterKey of getObjectGetters(obj)) {
+            const prop = obj[getterKey];
+            copy[getterKey] = handleProp(prop, { mapGettersToProperties: options?.mapGettersToProperties });
         }
     }
+    return copy;
 }
-
-class ObjectUtil {
-    static deepCopy(obj, options) {
-        if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
-            return obj;
-        }
-        if (obj instanceof Date) {
-            return new Date(+obj);
-        }
-        let copy;
-        if (options?.mapGettersToProperties) {
-            copy = {};
-        }
-        else {
-            copy = options?.objectPrototype ? Object.create(options.objectPrototype['prototype']) : Object.create(Object.getPrototypeOf(obj));
-            Object.assign(copy, obj);
-        }
-        for (const key of ObjectUtil.getProperties(obj)) {
-            const prop = obj[key];
-            copy[key] = ObjectUtil.handleProp(prop, { mapGettersToProperties: options?.mapGettersToProperties });
-        }
-        if (options?.mapGettersToProperties) {
-            for (const getterKey of ObjectUtil.getGetters(obj)) {
-                const prop = obj[getterKey];
-                copy[getterKey] = ObjectUtil.handleProp(prop, { mapGettersToProperties: options?.mapGettersToProperties });
-            }
-        }
-        return copy;
+function objectDeepMerge(target, source) {
+    if (!isObject(source)) {
+        return target;
     }
-    static deepMerge(target, source) {
-        if (!ObjectUtil.isObject(source)) {
-            return target;
-        }
-        for (const key of ObjectUtil.getProperties(source)) {
-            if (ObjectUtil.isObject(source[key])) {
-                if (ObjectUtil.isObject(target[key])) {
-                    target[key] = ObjectUtil.deepMerge(target[key], source[key]);
-                }
-                else {
-                    target[key] = ObjectUtil.deepCopy(source[key]);
-                }
+    for (const key of getObjectProperties(source)) {
+        if (isObject(source[key])) {
+            if (isObject(target[key])) {
+                target[key] = objectDeepMerge(target[key], source[key]);
             }
-            else if (Array.isArray(source[key])) {
-                if (!Array.isArray(target[key])) {
-                    target[key] = source[key].map(i => (ObjectUtil.isObject(i) ? ObjectUtil.deepMerge({}, i) : i));
-                }
+            else {
+                target[key] = objectDeepCopy(source[key]);
             }
-            else if (typeof target[key] === 'undefined') {
-                target[key] = source[key];
+        }
+        else if (Array.isArray(source[key])) {
+            if (!Array.isArray(target[key])) {
+                target[key] = source[key].map(i => (isObject(i) ? objectDeepMerge({}, i) : i));
             }
         }
-        return target;
+        else if (typeof target[key] === 'undefined') {
+            target[key] = source[key];
+        }
     }
-    static isObject(obj) {
-        return typeof obj === 'object' && obj !== null && !Array.isArray(obj);
+    return target;
+}
+function isObject(obj) {
+    return typeof obj === 'object' && obj !== null && !Array.isArray(obj);
+}
+function handleProp(prop, options) {
+    if (Array.isArray(prop)) {
+        return prop.map(i => objectDeepCopy(i, options));
     }
-    static handleProp(prop, options) {
-        if (Array.isArray(prop)) {
-            return prop.map(i => ObjectUtil.deepCopy(i, options));
-        }
-        else if (typeof prop === 'object' && prop !== null) {
-            return ObjectUtil.deepCopy(prop, options);
-        }
-        else {
-            return prop;
-        }
+    else if (typeof prop === 'object' && prop !== null) {
+        return objectDeepCopy(prop, options);
     }
-    static getProperties(obj) {
-        return Object.keys(obj);
+    else {
+        return prop;
     }
-    static getGetters(obj) {
-        const getterSet = new Set();
-        let currObj = obj;
-        while (currObj) {
-            const getters = Object.entries(Object.getOwnPropertyDescriptors(currObj))
-                .filter(([, descriptor]) => typeof descriptor.get === 'function')
-                .filter(([key]) => key !== '__proto__')
-                .map(([key]) => key);
-            for (const getter of getters) {
-                getterSet.add(getter);
-            }
-            currObj = Object.getPrototypeOf(currObj);
-        }
-        return Array.from(getterSet);
+}
+function getObjectProperties(obj) {
+    return Object.keys(obj);
+}
+function getObjectGetters(obj) {
+    const getterSet = new Set();
+    let currObj = obj;
+    while (currObj) {
+        const getters = Object.entries(Object.getOwnPropertyDescriptors(currObj))
+            .filter(([, descriptor]) => typeof descriptor.get === 'function')
+            .filter(([key]) => key !== '__proto__')
+            .map(([key]) => key);
+        for (const getter of getters) {
+            getterSet.add(getter);
+        }
+        currObj = Object.getPrototypeOf(currObj);
+    }
+    return Array.from(getterSet);
+}
+function getObjectPropertyByPath(value, path) {
+    if (path === '$') {
+        // only return the root
+        return value;
     }
-    static getPropertyByPath(value, path) {
-        if (path === '$') {
-            // only return the root
-            return value;
-        }
-        // Check for leading root object notation
-        if (path.startsWith('$')) {
-            path = path.substring(1);
-        }
-        // Check for leading .
-        if (path.startsWith('.')) {
-            path = path.substring(1);
-        }
-        if (path.indexOf('.') >= 0) {
-            const pathSplit = path.split('.');
-            let currValue = value;
-            for (const p of pathSplit) {
-                if (typeof currValue === 'undefined' || currValue === null) {
-                    return currValue;
-                }
-                if (!p.length) {
-                    // empty path, return current value
-                    return currValue;
-                }
-                const leftBracketIdx = p.indexOf('[');
-                if (leftBracketIdx >= 0 && p.endsWith(']')) {
-                    // should be reference to array
-                    const arrayPath = p.substring(0, leftBracketIdx);
-                    const arrayIdx = +p.substring(leftBracketIdx + 1, p.length - 1);
-                    const array = currValue[arrayPath];
-                    if (Array.isArray(array)) {
-                        if (arrayIdx >= 0 && arrayIdx < array.length) {
-                            // valid index, continue on the path
-                            currValue = array[arrayIdx];
-                            continue;
-                        }
+    // Check for leading root object notation
+    if (path.startsWith('$')) {
+        path = path.substring(1);
+    }
+    // Check for leading .
+    if (path.startsWith('.')) {
+        path = path.substring(1);
+    }
+    if (path.indexOf('.') >= 0) {
+        const pathSplit = path.split('.');
+        let currValue = value;
+        for (const p of pathSplit) {
+            if (typeof currValue === 'undefined' || currValue === null) {
+                return currValue;
+            }
+            if (!p.length) {
+                // empty path, return current value
+                return currValue;
+            }
+            const leftBracketIdx = p.indexOf('[');
+            if (leftBracketIdx >= 0 && p.endsWith(']')) {
+                // should be reference to array
+                const arrayPath = p.substring(0, leftBracketIdx);
+                const arrayIdx = +p.substring(leftBracketIdx + 1, p.length - 1);
+                const array = currValue[arrayPath];
+                if (Array.isArray(array)) {
+                    if (arrayIdx >= 0 && arrayIdx < array.length) {
+                        // valid index, continue on the path
+                        currValue = array[arrayIdx];
+                        continue;
                     }
-                    return undefined;
-                }
-                else if (typeof currValue === 'object') {
-                    currValue = currValue[p];
                 }
+                return undefined;
+            }
+            else if (typeof currValue === 'object') {
+                currValue = currValue[p];
             }
-            return currValue;
-        }
-        else {
-            return value[path];
         }
+        return currValue;
     }
-    static flattenObjectKeys(objectModel) {
-        const flatten = (object, parent) => {
-            let results = [];
-            for (const key in object) {
-                const value = object[key];
-                const thisKey = parent ? `${parent}.${key}` : `${key}`;
-                results = results.concat(ObjectUtil.isObject(value) ? flatten(value, thisKey) : [[`${thisKey}`, value]]);
-            }
-            return results;
-        };
-        return flatten(objectModel);
+    else {
+        return value[path];
     }
 }
+function flattenObjectKeys(objectModel) {
+    const flatten = (object, parent) => {
+        let results = [];
+        for (const key in object) {
+            const value = object[key];
+            const thisKey = parent ? `${parent}.${key}` : `${key}`;
+            results = results.concat(isObject(value) ? flatten(value, thisKey) : [[`${thisKey}`, value]]);
+        }
+        return results;
+    };
+    return flatten(objectModel);
+}
 
-class StringUtil {
-    static escapeHtml(value) {
-        return value.replace(/</g, '&lt;').replace(/>/g, '&gt;');
-    }
-    static escapeHtmlAny(value) {
-        if (typeof value === 'string') {
-            return StringUtil.escapeHtml(value);
-        }
-        else if (typeof value === 'object') {
-            const escapedValue = ObjectUtil.deepCopy(value, { mapGettersToProperties: true });
-            for (const key in value) {
-                if (typeof value[key] === 'string') {
-                    escapedValue[key] = StringUtil.escapeHtml(value[key]);
-                }
-                else if (typeof value[key] === 'object') {
-                    escapedValue[key] = StringUtil.escapeHtmlAny(value[key]);
-                }
-                else {
-                    escapedValue[key] = value[key];
-                }
-            }
-            return escapedValue;
-        }
-        return value;
+function escapeHtml(value) {
+    return value.replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+function escapeHtmlAny(value) {
+    if (typeof value === 'string') {
+        return escapeHtml(value);
     }
-    /**
-     * Stringifies a value - primitives with toString, dates with dateUtil, objects with JSON.stringify.
-     * @param value Any value.
-     */
-    static stringify(value) {
-        if (value === null) {
-            return 'null';
-        }
-        if (typeof value === 'undefined') {
-            return 'undefined';
-        }
-        // eliminate functions, cause they could fall into objects
-        if (typeof value === 'function') {
-            return `Function ${value.name ?? 'anonymous'}()`;
-        }
-        if (typeof value === 'object') {
-            // date is object, but would like it in ISO string representation
-            if (value instanceof Date) {
-                return DateUtil.toIsoString(value) ?? 'null';
+    else if (typeof value === 'object') {
+        const escapedValue = objectDeepCopy(value, { mapGettersToProperties: true });
+        for (const key in value) {
+            if (typeof value[key] === 'string') {
+                escapedValue[key] = escapeHtml(value[key]);
             }
-            try {
-                return JSON.stringify(value);
+            else if (typeof value[key] === 'object') {
+                escapedValue[key] = escapeHtmlAny(value[key]);
             }
-            catch (e) {
-                return value.toString();
+            else {
+                escapedValue[key] = value[key];
             }
         }
-        // only primitives should be left to be printed like this (string, number, boolean)
-        return value.toString();
+        return escapedValue;
     }
+    return value;
 }
-
-class ErrorUtil {
-    /**
-     * Converts RxJS subscription error to CommonsError.
-     * @param error Error.
-     * @param name Optional name to write in commons error.
-     * @param details Optional details of error.
-     */
-    static fromSubscribeError(error, name, details) {
-        const opts = {
-            name,
-            details,
-            location: window?.location?.href
-        };
-        if (error instanceof HttpErrorResponse) {
-            return new CommonsHttpError(error.message ?? 'Http Error occurred', error, opts);
-        }
-        else {
-            opts.cause = error;
-            return new CommonsInternalError(error.message ?? 'Internal Error occurred', opts);
-        }
+/**
+ * Stringifies a value - primitives with toString, dates with dateUtil, objects with JSON.stringify.
+ * @param value Any value.
+ */
+function stringify(value) {
+    if (value === null) {
+        return 'null';
     }
-    /**
-     * Checks if error is Http error (Angular or Commons).
-     * @param error
-     */
-    static isHttpErrorResponse(error) {
-        return error instanceof HttpErrorResponse || error instanceof CommonsHttpError || error?.httpError instanceof HttpErrorResponse;
+    if (typeof value === 'undefined') {
+        return 'undefined';
     }
-    /**
-     * Gets HttpErrorResponse from error (Angular or Commons).
-     * @param error Error.
-     */
-    static getHttpErrorResponse(error) {
-        if (error instanceof HttpErrorResponse) {
-            return error;
+    // eliminate functions, cause they could fall into objects
+    if (typeof value === 'function') {
+        return `Function ${value.name ?? 'anonymous'}()`;
+    }
+    if (typeof value === 'object') {
+        // date is object, but would like it in ISO string representation
+        if (value instanceof Date) {
+            return dateToIsoString(value) ?? 'null';
         }
-        else if (error instanceof CommonsHttpError) {
-            return error.httpError;
+        try {
+            return JSON.stringify(value);
         }
-        else if (error?.httpError instanceof HttpErrorResponse) {
-            return error.httpError;
-        }
-        else {
-            return null;
+        catch (e) {
+            return value.toString();
         }
     }
-    /**
-     * Gets HttpErrorResponse status from error (Angular or Commons).
-     * @param error Error.
-     */
-    static getHttpErrorResponseStatus(error) {
-        return ErrorUtil.getHttpErrorResponse(error)?.status ?? null;
+    // only primitives should be left to be printed like this (string, number, boolean)
+    return value.toString();
+}
+
+/**
+ * Converts RxJS subscription error to CommonsError.
+ * @param error Error.
+ * @param name Optional name to write in commons error.
+ * @param details Optional details of error.
+ */
+function fromSubscribeError(error, name, details) {
+    const opts = {
+        name,
+        details,
+        location: window?.location?.href
+    };
+    if (error instanceof HttpErrorResponse) {
+        return new CommonsHttpError(error.message ?? 'Http Error occurred', error, opts);
     }
-    /**
-     * Get error log level. All is error, except if error is http error with status >=400 and <500.
-     * @param error Error.
-     */
-    static getErrorLogLevel(error) {
-        if (ErrorUtil.isHttpErrorResponse(error)) {
-            const status = ErrorUtil.getHttpErrorResponseStatus(error);
-            if (status && status >= 400 && status < 500) {
-                return LogLevelEnum.Warning;
-            }
-        }
-        return LogLevelEnum.Error;
+    else {
+        opts.cause = error;
+        return new CommonsInternalError(error.message ?? 'Internal Error occurred', opts);
     }
-    /**
-     * Get error name (prototype name or type from commons error if name is not provided).
-     * @param error Error.
-     */
-    static getErrorName(error) {
-        if (error instanceof ACommonsErrorBase) {
-            return error.name ?? error.type;
-        }
-        else {
-            return error.name;
-        }
+}
+/**
+ * Checks if error is Http error (Angular or Commons).
+ * @param error
+ */
+function isHttpErrorResponse(error) {
+    return error instanceof HttpErrorResponse || error instanceof CommonsHttpError || error?.httpError instanceof HttpErrorResponse;
+}
+/**
+ * Gets HttpErrorResponse from error (Angular or Commons).
+ * @param error Error.
+ */
+function getHttpErrorResponse(error) {
+    if (error instanceof HttpErrorResponse) {
+        return error;
     }
-    /**
-     * Writes http error to string with all headers and body.
-     * @param error Http response error.
-     * @param opts Options for hiding parts of error:
-     *  - hideMessage Hides message of error (message include url, status and status text!).
-     *  - hideHeaders Hides headers.
-     *  - hideBody Hides JSON representation of body.
-     */
-    static httpErrorResponseToString(error, opts) {
-        let str = opts?.hideMessage ? '' : `${error.message}\n`; // message should already include url, status, etc.
-        if (!opts?.hideHeaders) {
-            str += `Http Response Headers: ${error.headers.keys().reduce((acc, key) => `${acc}[${key}: ${error.headers.get(key)}]`, '')}`;
-        }
-        if (!opts?.hideBody) {
-            str += `\nHttp Response Body: ${StringUtil.stringify(error.error)}`;
-        }
-        return str;
+    else if (error instanceof CommonsHttpError) {
+        return error.httpError;
     }
-    /**
-     * Error to string.
-     * @param error Error.
-     * @param opts Options for hiding parts of error:
-     * - hideMessage Hides message of error.
-     * - hideName Hides error name.
-     * - hideCause Hides cause of an error (if present, see @link(errorCauseToString) for other options).
-     * - hideStack Hides stack of an error (if present).
-     * - hideDetails Hides JSON detail's representation of error (if present).
-     * - hideLocation Hides location (URL) where error was thrown.
-     * - hideHttp Hides http error portion of error if http error response (see @link(httpErrorResponseToString) for other options).
-     */
-    static errorToString(error, opts) {
-        if (error instanceof ACommonsErrorBase) {
-            return ErrorUtil.commonsErrorToString(error, opts);
-        }
-        else if (error instanceof HttpErrorResponse) {
-            return ErrorUtil.httpErrorResponseToString(error, opts);
-        }
-        const strBlocks = [];
-        if (!opts?.hideMessage) {
-            strBlocks.push(error.message);
-        }
-        if (error.name) {
-            strBlocks.push(`Error name: ${error.name}`);
-        }
-        if (!opts?.hideCause) {
-            strBlocks.push(ErrorUtil.errorCauseToString(error, opts));
-        }
-        if (!opts?.hideStack && error.stack) {
-            strBlocks.push(`Stack trace:\n${error.stack}`);
-        }
-        return strBlocks.filter(s => s.trim().length > 0).join('\n');
+    else if (error?.httpError instanceof HttpErrorResponse) {
+        return error.httpError;
     }
-    /**
-     * Commons error to string.
-     * @param error Commons error.
-     * @param opts Options for hiding parts of error:
-     * - hideMessage Hides message of error.
-     * - hideName Hides error name.
-     * - hideCause Hides cause of an error (if present, see @link(errorCauseToString) for other options).
-     * - hideStack Hides stack of an error (if present).
-     * - hideDetails Hides JSON detail's representation of error (if present).
-     * - hideLocation Hides location (URL) where error was thrown.
-     * - hideHttp Hides http error portion of error if http error response (see @link(httpErrorResponseToString) for other options).
-     * - hideItems Hides all item information (http body, action context data).
-     * - hideActionData See @link(commonsActionErrorContextToString) for additional info.
-     * - hideQueryParams See @link(commonsActionErrorContextToString) for additional info.
-     */
-    static commonsErrorToString(error, opts) {
-        const strBlocks = [];
-        if (!opts?.hideMessage) {
-            strBlocks.push(`${error.message}${error.messageCode ? ` (code: ${error.messageCode})` : ''}`);
-        }
-        if (!opts?.hideName) {
-            strBlocks.push(`Error name: ${error.name ?? error.type} ${error.name ? `(${error.type})` : ''}`);
+    else {
+        return null;
+    }
+}
+/**
+ * Gets HttpErrorResponse status from error (Angular or Commons).
+ * @param error Error.
+ */
+function getHttpErrorResponseStatus(error) {
+    return getHttpErrorResponse(error)?.status ?? null;
+}
+/**
+ * Get error log level. All is error, except if error is http error with status >=400 and <500.
+ * @param error Error.
+ */
+function getErrorLogLevel(error) {
+    if (isHttpErrorResponse(error)) {
+        const status = getHttpErrorResponseStatus(error);
+        if (status && status >= 400 && status < 500) {
+            return LogLevelEnum.Warning;
         }
-        if (!opts?.hideLocation && error.location) {
-            strBlocks.push(`Location: ${error.location}`);
+    }
+    return LogLevelEnum.Error;
+}
+/**
+ * Get error name (prototype name or type from commons error if name is not provided).
+ * @param error Error.
+ */
+function getErrorName(error) {
+    if (error instanceof ACommonsErrorBase) {
+        return error.name ?? error.type;
+    }
+    else {
+        return error.name;
+    }
+}
+/**
+ * Writes http error to string with all headers and body.
+ * @param error Http response error.
+ * @param opts Options for hiding parts of error:
+ *  - hideMessage Hides message of error (message include url, status and status text!).
+ *  - hideHeaders Hides headers.
+ *  - hideBody Hides JSON representation of body.
+ */
+function httpErrorResponseToString(error, opts) {
+    let str = opts?.hideMessage ? '' : `${error.message}\n`; // message should already include url, status, etc.
+    if (!opts?.hideHeaders) {
+        str += `Http Response Headers: ${error.headers.keys().reduce((acc, key) => `${acc}[${key}: ${error.headers.get(key)}]`, '')}`;
+    }
+    if (!opts?.hideBody) {
+        str += `\nHttp Response Body: ${stringify(error.error)}`;
+    }
+    return str;
+}
+/**
+ * Error to string.
+ * @param error Error.
+ * @param opts Options for hiding parts of error:
+ * - hideMessage Hides message of error.
+ * - hideName Hides error name.
+ * - hideCause Hides cause of an error (if present, see @link(errorCauseToString) for other options).
+ * - hideStack Hides stack of an error (if present).
+ * - hideDetails Hides JSON detail's representation of error (if present).
+ * - hideLocation Hides location (URL) where error was thrown.
+ * - hideHttp Hides http error portion of error if http error response (see @link(httpErrorResponseToString) for other options).
+ */
+function errorToString(error, opts) {
+    if (error instanceof ACommonsErrorBase) {
+        return commonsErrorToString(error, opts);
+    }
+    else if (error instanceof HttpErrorResponse) {
+        return httpErrorResponseToString(error, opts);
+    }
+    const strBlocks = [];
+    if (!opts?.hideMessage) {
+        strBlocks.push(error.message);
+    }
+    if (error.name) {
+        strBlocks.push(`Error name: ${error.name}`);
+    }
+    if (!opts?.hideCause) {
+        strBlocks.push(errorCauseToString(error, opts));
+    }
+    if (!opts?.hideStack && error.stack) {
+        strBlocks.push(`Stack trace:\n${error.stack}`);
+    }
+    return strBlocks.filter(s => s.trim().length > 0).join('\n');
+}
+/**
+ * Commons error to string.
+ * @param error Commons error.
+ * @param opts Options for hiding parts of error:
+ * - hideMessage Hides message of error.
+ * - hideName Hides error name.
+ * - hideCause Hides cause of an error (if present, see @link(errorCauseToString) for other options).
+ * - hideStack Hides stack of an error (if present).
+ * - hideDetails Hides JSON detail's representation of error (if present).
+ * - hideLocation Hides location (URL) where error was thrown.
+ * - hideHttp Hides http error portion of error if http error response (see @link(httpErrorResponseToString) for other options).
+ * - hideItems Hides all item information (http body, action context data).
+ * - hideActionData See @link(commonsActionErrorContextToString) for additional info.
+ * - hideQueryParams See @link(commonsActionErrorContextToString) for additional info.
+ */
+function commonsErrorToString(error, opts) {
+    const strBlocks = [];
+    if (!opts?.hideMessage) {
+        strBlocks.push(`${error.message}${error.messageCode ? ` (code: ${error.messageCode})` : ''}`);
+    }
+    if (!opts?.hideName) {
+        strBlocks.push(`Error name: ${error.name ?? error.type} ${error.name ? `(${error.type})` : ''}`);
+    }
+    if (!opts?.hideLocation && error.location) {
+        strBlocks.push(`Location: ${error.location}`);
+    }
+    let isHttp = false;
+    if (!opts?.hideHttp && error instanceof CommonsHttpError) {
+        strBlocks.push(httpErrorResponseToString(error.httpError, {
+            hideBody: opts?.hideItems || opts?.hideBody,
+            hideHeaders: opts?.hideHeaders,
+            hideMessage: error.message.indexOf(error.httpError.message) >= 0
+        }));
+        isHttp = true;
+    }
+    if (error.type === 'CommonsActionError') {
+        const actionError = error;
+        if (actionError.actionContext) {
+            strBlocks.push(commonsActionErrorContextToString(actionError, opts));
         }
-        let isHttp = false;
-        if (!opts?.hideHttp && error instanceof CommonsHttpError) {
-            strBlocks.push(ErrorUtil.httpErrorResponseToString(error.httpError, {
+        if (!opts?.hideHttp && actionError.httpError instanceof HttpErrorResponse) {
+            strBlocks.push(httpErrorResponseToString(actionError.httpError, {
                 hideBody: opts?.hideItems || opts?.hideBody,
                 hideHeaders: opts?.hideHeaders,
-                hideMessage: error.message.indexOf(error.httpError.message) >= 0
+                hideMessage: error.message.indexOf(actionError.httpError.message) >= 0
             }));
             isHttp = true;
         }
-        if (error.type === 'CommonsActionError') {
-            const actionError = error;
-            if (actionError.actionContext) {
-                strBlocks.push(ErrorUtil.commonsActionErrorContextToString(actionError, opts));
-            }
-            if (!opts?.hideHttp && actionError.httpError instanceof HttpErrorResponse) {
-                strBlocks.push(ErrorUtil.httpErrorResponseToString(actionError.httpError, {
-                    hideBody: opts?.hideItems || opts?.hideBody,
-                    hideHeaders: opts?.hideHeaders,
-                    hideMessage: error.message.indexOf(actionError.httpError.message) >= 0
-                }));
-                isHttp = true;
-            }
+    }
+    if (!opts?.hideDetails && error.details) {
+        strBlocks.push(`Details: ${stringify(error.details)}`);
+    }
+    if (!opts?.hideCause && (!isHttp || !(error.cause instanceof HttpErrorResponse))) {
+        strBlocks.push(errorCauseToString(error, opts));
+    }
+    if (!opts?.hideStack && error.stack) {
+        strBlocks.push(`Stack trace:\n${error.stack}`);
+    }
+    return strBlocks.filter(s => s.trim().length > 0).join('\n');
+}
+/**
+ * Writes commons action error info from context as string.
+ * @param error Commons action error.
+ * @param opts Options for hiding parts of error:
+ * - hideItems Hides all item related information (item, form item, submit item, ...).
+ * - hideActionData Hides action data.
+ * - hideQueryParams Hides query params.
+ */
+function commonsActionErrorContextToString(error, opts) {
+    let paramsMessage = '';
+    if (error.actionContext?.parameters) {
+        if (error.actionContext?.parameters.itemId) {
+            paramsMessage += `[itemId: ${error.actionContext.parameters.itemId}]`;
         }
-        if (!opts?.hideDetails && error.details) {
-            strBlocks.push(`Details: ${StringUtil.stringify(error.details)}`);
+        if (!opts?.hideItems && error.actionContext?.parameters.item) {
+            paramsMessage += `[item: ${stringify(error.actionContext.parameters.item)}]`;
         }
-        if (!opts?.hideCause && (!isHttp || !(error.cause instanceof HttpErrorResponse))) {
-            strBlocks.push(ErrorUtil.errorCauseToString(error, opts));
+        if (!opts?.hideActionData && error.actionContext?.parameters.actionData) {
+            paramsMessage += Object.entries(error.actionContext?.parameters.actionData).reduce((acc, [key, value]) => `${acc}[actionData ${key}: ${stringify(value)}]`, '');
         }
-        if (!opts?.hideStack && error.stack) {
-            strBlocks.push(`Stack trace:\n${error.stack}`);
+        if (!opts?.hideQueryParams && error.actionContext?.parameters.dataListParams) {
+            paramsMessage += `[dataListParams: ${stringify(error.actionContext.parameters.dataListParams)}]`;
         }
-        return strBlocks.filter(s => s.trim().length > 0).join('\n');
-    }
-    /**
-     * Writes commons action error info from context as string.
-     * @param error Commons action error.
-     * @param opts Options for hiding parts of error:
-     * - hideItems Hides all item related information (item, form item, submit item, ...).
-     * - hideActionData Hides action data.
-     * - hideQueryParams Hides query params.
-     */
-    static commonsActionErrorContextToString(error, opts) {
-        let paramsMessage = '';
-        if (error.actionContext?.parameters) {
-            if (error.actionContext?.parameters.itemId) {
-                paramsMessage += `[itemId: ${error.actionContext.parameters.itemId}]`;
-            }
-            if (!opts?.hideItems && error.actionContext?.parameters.item) {
-                paramsMessage += `[item: ${StringUtil.stringify(error.actionContext.parameters.item)}]`;
-            }
-            if (!opts?.hideActionData && error.actionContext?.parameters.actionData) {
-                paramsMessage += Object.entries(error.actionContext?.parameters.actionData).reduce((acc, [key, value]) => `${acc}[actionData ${key}: ${StringUtil.stringify(value)}]`, '');
-            }
-            if (!opts?.hideQueryParams && error.actionContext?.parameters.dataListParams) {
-                paramsMessage += `[dataListParams: ${StringUtil.stringify(error.actionContext.parameters.dataListParams)}]`;
-            }
-            if (!opts?.hideItems && error.actionContext?.parameters.formItem) {
-                paramsMessage += `[formItem: ${StringUtil.stringify(error.actionContext.parameters.formItem)}]`;
-            }
-            if (!opts?.hideItems && error.actionContext?.parameters.submitResult) {
-                paramsMessage += `[formItem: ${StringUtil.stringify(error.actionContext.parameters.submitResult)}]`;
-            }
-            if (error.actionContext?.parameters.locale) {
-                paramsMessage += `[locale: ${StringUtil.stringify(error.actionContext.parameters.locale)}]`;
-            }
+        if (!opts?.hideItems && error.actionContext?.parameters.formItem) {
+            paramsMessage += `[formItem: ${stringify(error.actionContext.parameters.formItem)}]`;
+        }
+        if (!opts?.hideItems && error.actionContext?.parameters.submitResult) {
+            paramsMessage += `[formItem: ${stringify(error.actionContext.parameters.submitResult)}]`;
+        }
+        if (error.actionContext?.parameters.locale) {
+            paramsMessage += `[locale: ${stringify(error.actionContext.parameters.locale)}]`;
         }
-        return paramsMessage;
     }
-    /**
-     * Writes cause of an error as string.
-     * @param error Error.
-     * @param opts Options for hiding parts of error:
-     * - causeOnErrorOnly Prints only if cause is instance of error.
-     * - causeAsJson Print error cause as a JSON (by default, if error only message and name will be printed).
-     */
-    static errorCauseToString(error, opts) {
-        // if already logged as http error, check that cause is not also http error (cause it is usually duplicated)
-        if (error.cause && (!opts?.causeOnErrorOnly || error.cause instanceof Error)) {
-            const stringify = opts?.causeAsJson || !(error.cause instanceof Error);
-            if (!opts?.causeOnErrorOnly || error.cause instanceof Error) {
-                return ('Caused by: ' +
-                    (stringify ? StringUtil.stringify(error.cause) : `${error.cause.message}${error.cause.name ? ` (${error.cause.name})` : ''}`));
-            }
+    return paramsMessage;
+}
+/**
+ * Writes cause of an error as string.
+ * @param error Error.
+ * @param opts Options for hiding parts of error:
+ * - causeOnErrorOnly Prints only if cause is instance of error.
+ * - causeAsJson Print error cause as a JSON (by default, if error only message and name will be printed).
+ */
+function errorCauseToString(error, opts) {
+    // if already logged as http error, check that cause is not also http error (cause it is usually duplicated)
+    if (error.cause && (!opts?.causeOnErrorOnly || error.cause instanceof Error)) {
+        const needsStringify = opts?.causeAsJson || !(error.cause instanceof Error);
+        if (!opts?.causeOnErrorOnly || error.cause instanceof Error) {
+            return ('Caused by: ' +
+                (needsStringify ? stringify(error.cause) : `${error.cause.message}${error.cause.name ? ` (${error.cause.name})` : ''}`));
         }
-        return '';
     }
+    return '';
 }
 
 class CommonsErrorHandler {
@@ -2019,7 +1992,7 @@ class CommonsErrorHandler {
     static { this.logCategory = 'ErrorHandler'; }
     handleError(error) {
         if (error instanceof ACommonsErrorBase || error instanceof HttpErrorResponse) {
-            const logLevel = ErrorUtil.getErrorLogLevel(error);
+            const logLevel = getErrorLogLevel(error);
             this.logger.log(error, logLevel);
         }
         else {
@@ -2083,6 +2056,250 @@ function toastMessage(messageService, title, message, severity = 'success', icon
     return notification;
 }
 
+function removeRouteEmptyPathSegments(path) {
+    const filteredPath = path.filter(ps => typeof ps === 'string' && ps.length > 0);
+    return filteredPath.length > 0 ? filteredPath : [''];
+}
+function appendRoutePathToBasePath(basePath, path) {
+    if (path.length > 0) {
+        if (path[0].startsWith('/')) {
+            return path;
+        }
+        else if (path[0].startsWith('../')) {
+            throw new CommonsInternalError('Not implemented', { name: 'RouteUtilsError' });
+        }
+        else {
+            return removeRouteEmptyPathSegments([...basePath, ...path]);
+        }
+    }
+    else {
+        return basePath;
+    }
+}
+function doesUrlMatchRouterLink(link, url) {
+    if (typeof url === 'string' && url.startsWith('/')) {
+        url = url.substring(1);
+    }
+    else if (Array.isArray(url) && url.length > 0 && url[0].startsWith('/')) {
+        url[0] = url[0].substring(1);
+    }
+    const routeSegments = Array.isArray(link) ? link : link.split('/');
+    const urlSegments = Array.isArray(url) ? url : url.split('#')[0].split('?')[0].split('/');
+    if (routeSegments.length > 0 && urlSegments.length > 0) {
+        for (let i = 0; i < routeSegments.length; i++) {
+            if (i < urlSegments.length) {
+                if (routeSegments[i] !== urlSegments[i]) {
+                    return false;
+                }
+            }
+            else {
+                break;
+            }
+        }
+        return true;
+    }
+    return false;
+}
+function adjustRouteMenuLazyChildrenRouterLinks(rootMenuItem, lazyChildren) {
+    return lazyChildren.map(i => {
+        const childMenuItem = { ...i };
+        if (childMenuItem.routerLink) {
+            childMenuItem.routerLink = appendRoutePathToBasePath(rootMenuItem.routerLink, typeof childMenuItem.routerLink === 'string' ? [childMenuItem.routerLink] : childMenuItem.routerLink);
+        }
+        if (Array.isArray(childMenuItem.items)) {
+            childMenuItem.items = adjustRouteMenuLazyChildrenRouterLinks(rootMenuItem, childMenuItem.items);
+        }
+        return childMenuItem;
+    });
+}
+
+function findTemplateByName(templates, name) {
+    return templates.find(t => t.getType() === name)?.template ?? null;
+}
+
+function getI18nAsync(translate, params, ...keys) {
+    return translate.stream(keys, params).pipe(map(i18n => selectI18n(keys, i18n)));
+}
+function getI18n(translate, params, ...keys) {
+    const i18n = translate.instant(keys, params);
+    return selectI18n(keys, i18n);
+}
+function populateI18nParams(item, params = {}) {
+    const paramsRes = { ...params };
+    if (item) {
+        paramsRes.item = item;
+    }
+    return paramsRes;
+}
+function selectI18n(keys, i18n) {
+    for (const key of keys) {
+        if (key !== i18n[key]) {
+            return i18n[key];
+        }
+    }
+    return null;
+}
+
+function getI18nForError(translate, error, params = {}) {
+    const i18nParams = getI18nErrorParams(error, params);
+    if (error.messageCode) {
+        const keys = [`errors.${error.messageCode}`, `messages.${error.messageCode}`];
+        const i18n = getI18n(translate, i18nParams, ...keys);
+        if (i18n) {
+            return i18n;
+        }
+    }
+    return getI18n(translate, i18nParams, error.message);
+}
+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.error = error;
+    return paramsRes;
+}
+
+const reflectTypeNameKey = 'typeName';
+const reflectEnumNameKey = 'enumName';
+/**
+ * Defines type name decorator.
+ * @param targetType class.
+ * @param typeName Name of the type.
+ */
+function defineReflectTypeName(targetType, typeName) {
+    if (!Reflect.hasOwnMetadata(reflectTypeNameKey, targetType)) {
+        Reflect.defineMetadata(reflectTypeNameKey, typeName, targetType);
+    }
+}
+/**
+ * Defines enum name decorator.
+ * @param targetType enum object.
+ * @param enumName Name of the enum.
+ */
+function defineReflectEnumName(targetType, enumName) {
+    if (!Reflect.hasOwnMetadata(reflectEnumNameKey, targetType)) {
+        Reflect.defineMetadata(reflectEnumNameKey, enumName, targetType);
+    }
+}
+/**
+ * Gets type name from reflect metadata.
+ * @param type Class.
+ */
+function findReflectTypeName(type) {
+    if (!type) {
+        return null;
+    }
+    const typeName = Reflect.getMetadata(reflectTypeNameKey, type);
+    if (typeName) {
+        return typeName;
+    }
+    LoggerService.get().debug('WARNING: Reflect metadata could not be found for type, you might experience some issues in production build.', type?.name);
+    return type.name;
+}
+/**
+ * Gets type name from either decorator or reflect metadata.
+ * @param type Class.
+ */
+function reflectTypeNameExists(type) {
+    return Reflect.hasOwnMetadata(reflectTypeNameKey, type);
+}
+/**
+ * Gets enum name from either decorator or reflect metadata.
+ * @param enumType Class.
+ */
+function findReflectEnumName(enumType) {
+    const enumName = Reflect.getMetadata(reflectEnumNameKey, enumType);
+    if (enumName) {
+        return enumName;
+    }
+    LoggerService.get().debug(`WARNING: Reflect metadata could not be found for enum ${typeof enumType === 'object' ? Object.keys(enumType) : enumType}`, {
+        name: 'TypeUtilsError',
+        enumType: enumType
+    });
+    return null;
+}
+
+function getI18nClassNameAsync(translate, classType, singular) {
+    const typeName = findReflectTypeName(classType);
+    return getI18nTypeNameAsync(translate, typeName ?? '', singular);
+}
+function getI18nClassName(translate, classType, singular) {
+    const typeName = findReflectTypeName(classType);
+    return getI18nTypeName(translate, typeName ?? '', singular);
+}
+function getI18nTypeNameAsync(translate, typeName, singular) {
+    const keys = getI18nTypeNameKeys(typeName, singular);
+    return getI18nAsync(translate, undefined, ...keys);
+}
+function getI18nTypeName(translate, typeName, singular) {
+    const keys = getI18nTypeNameKeys(typeName, singular);
+    return getI18n(translate, undefined, ...keys);
+}
+function getI18nClassTabKey(classType, tab) {
+    const typeName = findReflectTypeName(classType);
+    return getI18nTypeTabKey(typeName ?? '', tab);
+}
+function getI18nTypeTabKey(typeName, tab) {
+    return getI18nTypeKeyBasePath(typeName, 'tabs', tab);
+}
+function getI18nClassGroupKey(classType, group) {
+    const typeName = findReflectTypeName(classType);
+    return getI18nTypeGroupKey(typeName ?? '', group);
+}
+function getI18nTypeGroupKey(typeName, group) {
+    return getI18nTypeKeyBasePath(typeName, 'groups', group);
+}
+function getI18nClassPropertyKey(classType, property) {
+    const typeName = findReflectTypeName(classType);
+    return getI18nTypePropertyKey(typeName ?? '', property);
+}
+function getI18nTypePropertyKey(typeName, property) {
+    return getI18nTypeKeyBasePath(typeName, 'properties', property);
+}
+function getI18nClassKeyBasePath(classType, ...path) {
+    const typeName = findReflectTypeName(classType);
+    return getI18nTypeKeyBasePath(typeName ?? '', ...path);
+}
+function getI18nTypeKeyBasePath(typeName, ...path) {
+    return `${typeName.length ? `${typeName}.` : ''}${path.join('.')}`;
+}
+function getI18nClassParams(translate, classType, item, params = {}) {
+    const typeName = findReflectTypeName(classType);
+    return getI18nTypeParams(translate, typeName ?? undefined, item, params);
+}
+function getI18nTypeParams(translate, typeName, item, params = {}) {
+    const i18nTypeName = typeName ? getI18nTypeName(translate, typeName, true) : null;
+    return populateI18nTypeParams(i18nTypeName ?? undefined, item, params);
+}
+function getI18nClassParamsAsync(translate, classType, item, params = {}) {
+    const typeName = findReflectTypeName(classType);
+    return getI18nTypeParamsAsync(translate, typeName ?? undefined, item, params);
+}
+function getI18nTypeParamsAsync(translate, typeName, item, params = {}) {
+    return (typeName ? getI18nTypeNameAsync(translate, typeName, true) : of(null)).pipe(map(i18nTypeName => populateI18nTypeParams(i18nTypeName ?? undefined, item, params)));
+}
+function populateI18nTypeParams(i18nTypeName, item, params = {}) {
+    const paramsRes = { ...params };
+    if (i18nTypeName) {
+        paramsRes.typeName = i18nTypeName;
+    }
+    return populateI18nParams(item, paramsRes);
+}
+function getI18nTypeNameKeys(typeName, singular) {
+    const keys = [];
+    if (typeof singular !== 'undefined') {
+        keys.push(singular ? `${typeName}.nameSingular` : `${typeName}.namePlural`);
+    }
+    keys.push(`${typeName.length ? `${typeName}.` : ''}name`);
+    return keys;
+}
+
 /* eslint-disable no-console */
 class LogPublisherConsoleService {
     addEntry(entry) {
@@ -2093,7 +2310,7 @@ class LogPublisherConsoleService {
         const message = `${entry.message}${entry.messageDetails ? `\n${entry.messageDetails}` : ''}`;
         const logParams = [prefix, message];
         if (entry.error) {
-            logParams.push(`\n${ErrorUtil.getErrorName(entry.error)}:`, entry.error);
+            logParams.push(`\n${getErrorName(entry.error)}:`, entry.error);
         }
         if (entry.data?.length) {
             logParams.push(`\nData:\n`, ...entry.data);
@@ -2135,10 +2352,10 @@ class BooleanPipe {
             return value;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: BooleanPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: BooleanPipe, isStandalone: true, name: "mngBoolean" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: BooleanPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: BooleanPipe, isStandalone: true, name: "mngBoolean" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: BooleanPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: BooleanPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -2156,10 +2373,10 @@ class ClassMapPipe {
             return className ?? '';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ClassMapPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: ClassMapPipe, isStandalone: true, name: "mngClassMap" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ClassMapPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: ClassMapPipe, isStandalone: true, name: "mngClassMap" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ClassMapPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ClassMapPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -2168,6 +2385,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 }]
         }] });
 
+class EnumPipe {
+    transform(value, enumDesc, i18nPath) {
+        if (!value || (typeof value !== 'number' && typeof value !== 'string')) {
+            return value;
+        }
+        const enumConstantName = !enumDesc || enumDesc.nameAsValue ? value : getEnumConstantNameFromObject(enumDesc.type, value) ?? value;
+        if (typeof i18nPath === 'undefined' && enumDesc) {
+            i18nPath = enumDesc.i18nBaseKey === undefined ? findReflectEnumName(enumDesc.type) : null;
+        }
+        return i18nPath ? `${i18nPath}.${enumConstantName}` : enumConstantName;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EnumPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: EnumPipe, isStandalone: true, name: "mngEnum" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EnumPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'mngEnum',
+                    pure: true
+                }]
+        }] });
+
 /**
  * Imitation of JSONPath Syntax. Supports:
  *  - Root object notation with '$'
@@ -2176,12 +2416,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
  */
 class JsonPathPipe {
     transform(value, path = '') {
-        return ObjectUtil.getPropertyByPath(value, path);
+        return getObjectPropertyByPath(value, path);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: JsonPathPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: JsonPathPipe, isStandalone: true, name: "mngJsonPath" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: JsonPathPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: JsonPathPipe, isStandalone: true, name: "mngJsonPath" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: JsonPathPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: JsonPathPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -2198,20 +2438,20 @@ class EnumeratePipe {
         if (!value) {
             return emptyValueReturn;
         }
-        i18nBaseKey = getI18nBaseKey(i18nBaseKey);
+        i18nBaseKey = getEnumerationI18nBaseKey(i18nBaseKey);
         return Array.from(value)
             .map(i => {
-            const itemEnumerate = toI18nEnumerate(i, jsonPath, i18nBaseKey);
+            const itemEnumerate = toEnumerationI18nEnumerate(i, jsonPath, i18nBaseKey);
             itemEnumerate.i18n = this.translate.instant(itemEnumerate.i18nKey);
             // return i18n only if used and transl. was found
-            return selectI18n(itemEnumerate, i18nBaseKey);
+            return selectEnumerationI18n(itemEnumerate, i18nBaseKey);
         })
             .join(valueSeparator);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EnumeratePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: EnumeratePipe, isStandalone: true, name: "mngEnumerate" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EnumeratePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: EnumeratePipe, isStandalone: true, name: "mngEnumerate" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EnumeratePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EnumeratePipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -2219,13 +2459,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                     pure: true
                 }]
         }] });
-function getI18nBaseKey(baseKey) {
+function getEnumerationI18nBaseKey(baseKey) {
     return baseKey.endsWith('.') ? baseKey?.substring(0, baseKey.length - 1) : baseKey;
 }
-function selectI18n(value, baseKey) {
+function selectEnumerationI18n(value, baseKey) {
     return baseKey && value.i18nKey === value.i18n ? value.value : value.i18n;
 }
-function toI18nEnumerate(value, jsonPath, baseKey) {
+function toEnumerationI18nEnumerate(value, jsonPath, baseKey) {
     const valueTrans = new JsonPathPipe().transform(value, jsonPath);
     const valueAsString = valueTrans.toString();
     return {
@@ -2240,23 +2480,23 @@ class EnumerateAsyncPipe {
         this.translate = inject(TranslateService);
     }
     transform(value, jsonPath = '$', valueSeparator = ', ', emptyValueReturn = '/', i18nBaseKey = '') {
-        i18nBaseKey = getI18nBaseKey(i18nBaseKey);
+        i18nBaseKey = getEnumerationI18nBaseKey(i18nBaseKey);
         return value.pipe(mergeMap(v => {
             if (!v) {
                 return of([emptyValueReturn]);
             }
             return combineLatest(Array.from(v)
-                .map(ai => toI18nEnumerate(ai, jsonPath, i18nBaseKey))
+                .map(ai => toEnumerationI18nEnumerate(ai, jsonPath, i18nBaseKey))
                 .map(i => this.translate.stream(i.i18nKey).pipe(map((i18n) => {
                 i.i18n = i18n;
-                return selectI18n(i, i18nBaseKey);
+                return selectEnumerationI18n(i, i18nBaseKey);
             }))));
         }), map(i => i.join(valueSeparator)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EnumerateAsyncPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: EnumerateAsyncPipe, isStandalone: true, name: "mngEnumerateAsync" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EnumerateAsyncPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: EnumerateAsyncPipe, isStandalone: true, name: "mngEnumerateAsync" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EnumerateAsyncPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EnumerateAsyncPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -2272,10 +2512,10 @@ class GetterPipe {
         }
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: GetterPipe, isStandalone: true, name: "mngGetter" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: GetterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: GetterPipe, isStandalone: true, name: "mngGetter" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetterPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: GetterPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -2284,6 +2524,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 }]
         }] });
 
+class I18nPropertyPipe {
+    transform(property, model) {
+        return getI18nTypePropertyKey(model.i18nBaseKey, property);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: I18nPropertyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: I18nPropertyPipe, isStandalone: true, name: "mngI18nProperty" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: I18nPropertyPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'mngI18nProperty',
+                    pure: true
+                }]
+        }] });
+
 class ParametrizePipe {
     constructor() {
         this.jsonPath = new JsonPathPipe();
@@ -2299,7 +2555,7 @@ class ParametrizePipe {
         if (item) {
             params = {
                 ...params,
-                item: StringUtil.escapeHtmlAny(item)
+                item: escapeHtmlAny(item)
             };
         }
         if (itemId) {
@@ -2346,107 +2602,47 @@ class ParametrizePipe {
         if (s.startsWith(':')) {
             const itemProperty = s.substring(1);
             return this.jsonPath.transform(params, itemProperty) ?? '';
-        }
-        else {
-            return s;
-        }
-    }
-    parametrizeString(s, params) {
-        return s.replace(/{{\s?([^{}\s]*)\s?}}/g, (subs, key) => this.jsonPath.transform(params, key) ?? subs);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ParametrizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: ParametrizePipe, isStandalone: true, name: "mngParametrize" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ParametrizePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'mngParametrize',
-                    pure: true
-                }]
-        }] });
-
-class TemplatePipe {
-    constructor(parametrizePipe) {
-        this.parametrizePipe = parametrizePipe;
-    }
-    transform(value, template) {
-        if (typeof template === 'string') {
-            return this.parametrizePipe.transform(template, undefined, value);
-        }
-        return value;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: TemplatePipe, deps: [{ token: ParametrizePipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: TemplatePipe, isStandalone: true, name: "template" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: TemplatePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'template',
-                    pure: true
-                }]
-        }], ctorParameters: () => [{ type: ParametrizePipe }] });
-
-const reflectTypeNameKey = 'typeName';
-const reflectEnumNameKey = 'enumName';
-/**
- * Defines type name decorator.
- * @param targetType class.
- * @param typeName Name of the type.
- */
-function defineReflectTypeName(targetType, typeName) {
-    if (!Reflect.hasOwnMetadata(reflectTypeNameKey, targetType)) {
-        Reflect.defineMetadata(reflectTypeNameKey, typeName, targetType);
-    }
-}
-/**
- * Defines enum name decorator.
- * @param targetType enum object.
- * @param enumName Name of the enum.
- */
-function defineReflectEnumName(targetType, enumName) {
-    if (!Reflect.hasOwnMetadata(reflectEnumNameKey, targetType)) {
-        Reflect.defineMetadata(reflectEnumNameKey, enumName, targetType);
-    }
-}
-/**
- * Gets type name from reflect metadata.
- * @param type Class.
- */
-function findReflectTypeName(type) {
-    if (!type) {
-        return null;
+        }
+        else {
+            return s;
+        }
     }
-    const typeName = Reflect.getMetadata(reflectTypeNameKey, type);
-    if (typeName) {
-        return typeName;
+    parametrizeString(s, params) {
+        return s.replace(/{{\s?([^{}\s]*)\s?}}/g, (subs, key) => this.jsonPath.transform(params, key) ?? subs);
     }
-    LoggerService.get().debug('WARNING: Reflect metadata could not be found for type, you might experience some issues in production build.', type?.name);
-    return type.name;
-}
-/**
- * Gets type name from either decorator or reflect metadata.
- * @param type Class.
- */
-function reflectTypeNameExists(type) {
-    return Reflect.hasOwnMetadata(reflectTypeNameKey, type);
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ParametrizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: ParametrizePipe, isStandalone: true, name: "mngParametrize" }); }
 }
-/**
- * Gets enum name from either decorator or reflect metadata.
- * @param enumType Class.
- */
-function findReflectEnumName(enumType) {
-    const enumName = Reflect.getMetadata(reflectEnumNameKey, enumType);
-    if (enumName) {
-        return enumName;
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ParametrizePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'mngParametrize',
+                    pure: true
+                }]
+        }] });
+
+class TemplatePipe {
+    constructor() {
+        this.parametrizePipe = new ParametrizePipe();
     }
-    LoggerService.get().debug(`WARNING: Reflect metadata could not be found for enum ${typeof enumType === 'object' ? Object.keys(enumType) : enumType}`, {
-        name: 'TypeUtilsError',
-        enumType: enumType
-    });
-    return null;
+    transform(value, template) {
+        if (typeof template === 'string') {
+            return this.parametrizePipe.transform(template, undefined, value);
+        }
+        return value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TemplatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: TemplatePipe, isStandalone: true, name: "template" }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TemplatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'template',
+                    pure: true
+                }]
+        }] });
 
 function TypeName(typeName) {
     return function (target) {
@@ -2655,19 +2851,17 @@ var Permissions;
     Permissions.Service = Service;
 })(Permissions || (Permissions = {}));
 
-class PermissionUtil {
-    static isPermitted(permissions, userRoles) {
-        switch (permissions.authorizationType) {
-            case PermissionTypeEnum.Rbac:
-                return PermissionUtil.isRbacPermitted(permissions, userRoles);
-            default:
-                throw new CommonsInternalError(`Permission type "${permissions.authorizationType}" not implemented`);
-        }
-    }
-    static isRbacPermitted(permissions, userRoles) {
-        return permissions.roles.some(prg => prg.every(pr => userRoles.indexOf(pr) > -1));
+function isPermitted(permissions, userRoles) {
+    switch (permissions.authorizationType) {
+        case PermissionTypeEnum.Rbac:
+            return isRbacPermitted(permissions, userRoles);
+        default:
+            throw new CommonsInternalError(`Permission type "${permissions.authorizationType}" not implemented`);
     }
 }
+function isRbacPermitted(permissions, userRoles) {
+    return permissions.roles.some(prg => prg.every(pr => userRoles.indexOf(pr) > -1));
+}
 
 class PermissionService {
     constructor() {
@@ -2685,7 +2879,7 @@ class PermissionService {
             case PermissionTypeEnum.Service:
                 return this.isPermittedService(permissions, route, actionCtx);
             default:
-                return this.commons.userRoles$.pipe(map(ur => PermissionUtil.isPermitted(permissions, ur)));
+                return this.commons.userRoles$.pipe(map(ur => isPermitted(permissions, ur)));
         }
     }
     isPermittedAll(permission, route, actionCtx) {
@@ -2702,10 +2896,10 @@ class PermissionService {
         }
         return serviceInstance.isPermitted(route, this.router.routerState.snapshot, actionCtx);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: PermissionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: PermissionService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: PermissionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: PermissionService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: PermissionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: PermissionService, decorators: [{
             type: Injectable
         }] });
 
@@ -2720,65 +2914,6 @@ const permissionGuard = (route) => {
     }
 };
 
-class RouteUtil {
-    static removeEmptyPathSegments(path) {
-        const filteredPath = path.filter(ps => typeof ps === 'string' && ps.length > 0);
-        return filteredPath.length > 0 ? filteredPath : [''];
-    }
-    static appendPathToBasePath(basePath, path) {
-        if (path.length > 0) {
-            if (path[0].startsWith('/')) {
-                return path;
-            }
-            else if (path[0].startsWith('../')) {
-                throw new CommonsInternalError('Not implemented', { name: 'RouteUtilsError' });
-            }
-            else {
-                return RouteUtil.removeEmptyPathSegments([...basePath, ...path]);
-            }
-        }
-        else {
-            return basePath;
-        }
-    }
-    static doesUrlMatchRouterLink(link, url) {
-        if (typeof url === 'string' && url.startsWith('/')) {
-            url = url.substring(1);
-        }
-        else if (Array.isArray(url) && url.length > 0 && url[0].startsWith('/')) {
-            url[0] = url[0].substring(1);
-        }
-        const routeSegments = Array.isArray(link) ? link : link.split('/');
-        const urlSegments = Array.isArray(url) ? url : url.split('#')[0].split('?')[0].split('/');
-        if (routeSegments.length > 0 && urlSegments.length > 0) {
-            for (let i = 0; i < routeSegments.length; i++) {
-                if (i < urlSegments.length) {
-                    if (routeSegments[i] !== urlSegments[i]) {
-                        return false;
-                    }
-                }
-                else {
-                    break;
-                }
-            }
-            return true;
-        }
-        return false;
-    }
-    static adjustMenuLazyChildrenRouterLinks(rootMenuItem, lazyChildren) {
-        return lazyChildren.map(i => {
-            const childMenuItem = { ...i };
-            if (childMenuItem.routerLink) {
-                childMenuItem.routerLink = RouteUtil.appendPathToBasePath(rootMenuItem.routerLink, typeof childMenuItem.routerLink === 'string' ? [childMenuItem.routerLink] : childMenuItem.routerLink);
-            }
-            if (Array.isArray(childMenuItem.items)) {
-                childMenuItem.items = this.adjustMenuLazyChildrenRouterLinks(rootMenuItem, childMenuItem.items);
-            }
-            return childMenuItem;
-        });
-    }
-}
-
 class RouteBuilder {
     constructor(route) {
         this.routePath = [];
@@ -2791,89 +2926,95 @@ class RouteBuilder {
             this.routePath = [this.route.path];
         }
     }
-    static create(path, component) {
-        return new RouteBuilder({
-            path: path,
-            component: component
-        });
-    }
-    static createRedirect(path, redirectTo, pathMatch = 'prefix') {
-        return new RouteBuilder({
-            path: path,
-            redirectTo: redirectTo,
-            pathMatch: pathMatch
-        });
-    }
-    static createLazyRouteModule(path, loadChildren, canMatch) {
-        const route = { path: path, loadChildren: loadChildren };
-        if (canMatch?.length) {
-            route.canMatch = canMatch;
-        }
-        return new RouteBuilder(route);
-    }
-    static createLazyRouteComponent(path, loadComponent, canMatch) {
-        const route = { path: path, loadComponent: loadComponent };
-        if (canMatch?.length) {
-            route.canMatch = canMatch;
-        }
-        return new RouteBuilder(route);
-    }
-    static createFromRoute(route) {
-        return new RouteBuilder(route);
-    }
+    /**
+     * Sets the link to root Routes builder.
+     *
+     * @param {RoutesBuilder} routesBuilder - The routes builder to set as the root.
+     */
     withRoot(routesBuilder) {
         this.root = routesBuilder;
         return this;
     }
+    /**
+     * Sets the link to parent Route builder.
+     *
+     * @param {RouteBuilder} parent - The parent route builder.
+     */
     withParent(parent) {
         this.parent = parent;
-        this.routePath = RouteUtil.removeEmptyPathSegments([...this.parent.routePath, this.route.path ?? '']);
+        this.routePath = removeRouteEmptyPathSegments([...this.parent.routePath, this.route.path ?? '']);
         return this;
     }
+    /**
+     * Sets the breadcrumb.
+     *
+     * @param {BreadcrumbType} breadcrumb - Breadcrumb configuration.
+     */
     withBreadcrumb(breadcrumb) {
-        this.breadcrumb = breadcrumb;
         this.routeData.breadcrumb = breadcrumb;
         return this;
     }
+    /**
+     * Sets the page title for the current route.
+     *
+     * @param {string} pageTitle - The title of the page.
+     */
     withPageTitle(pageTitle) {
-        this.pageTitle = pageTitle;
         this.routeData.pageTitle = pageTitle;
         return this;
     }
-    withRedirectTo(redirectTo) {
-        this.route.redirectTo = redirectTo;
-        return this;
-    }
-    withPathMatch(pathMatch) {
-        this.route.pathMatch = pathMatch;
-        return this;
-    }
+    /**
+     * Sets the page title and the breadcrumb.
+     *
+     * @param {string} title - The title of the page and breadcrumb.
+     */
     withTitle(title) {
         this.withPageTitle(title);
         this.withBreadcrumb(title);
         return this;
     }
-    withCanActivate(diToken) {
+    /**
+     * Adds a can activate guard to route.
+     *
+     * @param {CanActivateFn} fn - The CanActivate function to be added.
+     */
+    withCanActivate(fn) {
         if (!this.route.canActivate) {
             this.route.canActivate = [];
         }
-        this.route.canActivate.push(diToken);
+        this.route.canActivate.push(fn);
         return this;
     }
-    withCanDeactivate(diToken) {
+    /**
+     * Adds a can deactivate guard to route.
+     *
+     * @param {CanDeactivateFn} fn - The CanActivate function to be added.
+     */
+    withCanDeactivate(fn) {
         if (!this.route.canDeactivate) {
             this.route.canDeactivate = [];
         }
-        this.route.canDeactivate.push(diToken);
+        this.route.canDeactivate.push(fn);
         return this;
     }
-    withResolver(diToken, name) {
+    /**
+     * Adds a resolver to route.
+     *
+     * @param {string} name - Name of the resolver.
+     * @param {CanDeactivateFn} fn - The CanActivate function to be added.
+     */
+    withResolver(name, fn) {
         if (!this.route.resolve) {
             this.route.resolve = {};
         }
-        this.route.resolve[name] = diToken;
+        this.route.resolve[name] = fn;
         return this;
     }
+    /**
+     * Adds a provider to the route.
+     *
+     * @param {Provider | EnvironmentProviders} provider - The provider to add.
+     */
     withProvider(provider) {
         if (!this.route.providers) {
             this.route.providers = [];
@@ -2881,19 +3022,49 @@ class RouteBuilder {
         this.route.providers.push(provider);
         return this;
     }
-    withData(data) {
-        if (!data.breadcrumb) {
-            data.breadcrumb = null;
-        }
-        this.routeData = data;
+    /**
+     * Sets the data for the route.
+     *
+     * @param {CommonsRouteData} data - The data to set for the route.
+     * @param {boolean} [merge=true] - If the data should be merged with current data setup (true by default) - page title and breadcrumb config are carried over.
+     */
+    withData(data, merge = true) {
+        this.routeData = merge
+            ? {
+                ...this.routeData,
+                ...data
+            }
+            : {
+                breadcrumb: null,
+                ...data
+            };
         return this;
     }
-    withCommonsMenuItem(menuItem) {
-        this.menuItem = menuItem;
+    /**
+     * Updates the menu item of route. Merging with current configuration (set with {withMenuItem}) takes place.
+     *
+     * @param {CommonsMenuItem} opts - The opts properties to be merged on existing menu item for route.
+     */
+    withMenuItemOpts(opts) {
+        if (!this.menuItem) {
+            this.menuItem = {};
+        }
+        this.menuItem = {
+            ...this.menuItem,
+            ...opts
+        };
         return this;
     }
+    /**
+     * Sets the menu item (basic). For more options, see the {withMenuItemFromOpts}.
+     *
+     * @param {string} [icon] - The icon for the menu item.
+     * @param {string} [label] - The label for the menu item.
+     * @param {Array<string>} [routerLink] - The router link for the menu item.
+     * @param {boolean} [breadcrumb=false] - Indicates whether to display breadcrumb for the menu item.
+     */
     withMenuItem(icon, label, routerLink, breadcrumb = false) {
-        this.menuItem = this.createMenuItem(icon, label, routerLink);
+        this.menuItem = createMenuItem(icon, label, routerLink);
         if (breadcrumb && label) {
             this.withBreadcrumb({
                 label: label
@@ -2902,35 +3073,40 @@ class RouteBuilder {
         return this;
     }
     /**
-     * Adds menu item child to this instance of menu item.
-     * @param label Label.
-     * @param icon Icon.
-     * @param routerLink Router link.
-     * @param afterRouteChildren If false, menu item child will be appended before route children menu items, at the end otherwise.
+     * Adds menu item child to route's menu item. If no menu item is present, children will be appended directly to parent/root menu item.
+     *
+     * @param {string} [icon] - The icon for the menu item.
+     * @param {string} [label] - The label for the menu item.
+     * @param {Array<string>} [routerLink] - The router link for the menu item.
+     * @param {boolean} [afterRouteChildren=false] If false, menu item child will be appended before route's children menu items, at the end otherwise.
      */
-    withMenuItemChild(label, icon, routerLink, afterRouteChildren = false) {
+    withMenuItemChild(icon, label, routerLink, afterRouteChildren = false) {
         if (afterRouteChildren) {
-            this.menuItemChildrenAfter.push(this.createMenuItem(icon, label, routerLink));
+            this.menuItemChildrenAfter.push(createMenuItem(icon, label, routerLink));
         }
         else {
-            this.menuItemChildren.push(this.createMenuItem(icon, label, routerLink));
+            this.menuItemChildren.push(createMenuItem(icon, label, routerLink));
         }
         return this;
     }
     /**
-     * Adds menu item child to this instance of menu item.
-     * @param menuItem Configuration object for menu item.
-     * @param afterRouteChildren If false, menu item child will be appended before route children menu items, at the end otherwise.
+     * Adds menu item child from opts to route's menu item. If no menu item is present, children will be appended directly to parent/root menu item.
+     *
+     * @param {CommonsMenuItem} opts - The opts properties to be merged on existing menu item for route.
+     * @param {boolean} [afterRouteChildren=false] If false, menu item child will be appended before route's children menu items, at the end otherwise.
      */
-    withCommonsMenuItemChild(menuItem, afterRouteChildren = false) {
+    withMenuItemChildFromOpts(opts, afterRouteChildren = false) {
         if (afterRouteChildren) {
-            this.menuItemChildrenAfter.push(menuItem);
+            this.menuItemChildrenAfter.push(opts);
         }
         else {
-            this.menuItemChildren.push(menuItem);
+            this.menuItemChildren.push(opts);
         }
         return this;
     }
+    /**
+     * Sets the menu item's children to be generated lazily from route's lazy loaded routes after the chunk is loaded to runtime.
+     */
     withMenuItemLazyChildren() {
         if (!this.menuItem) {
             this.menuItem = {};
@@ -2938,16 +3114,34 @@ class RouteBuilder {
         this.menuItem.lazyChildren = true;
         return this;
     }
+    /**
+     * Sets the permissions on the route.
+     *
+     * @param {APermissions} permissions - The permissions to be set on the route.
+     */
     withPermissions(permissions) {
         this.permissions = permissions;
         this.withCanActivate(permissionGuard);
         return this;
     }
-    addChild(path, component) {
-        const childRouteBuilder = RouteBuilder.create(path, component);
-        this.addChildBuilder(childRouteBuilder);
-        return childRouteBuilder;
+    /**
+     * Adds a child route to the current route.
+     *
+     * @param {string} path - The path of the child route.
+     * @param {Type<any>} component - The component associated with the child route.
+     * @param {RouteBuilderAdjustFnType} [adjustFn] - An optional function to adjust the child route builder.
+     */
+    addChild(path, component, adjustFn) {
+        const childRouteBuilder = createRoute(path, component);
+        adjustFn?.(childRouteBuilder);
+        return this.addChildBuilder(childRouteBuilder);
     }
+    /**
+     * Adds a child builder to the current route.
+     *
+     * @param {RouteBuilder} builder - The child builder to be added.
+     * @return {this} - The current builder with the added child builder.
+     */
     addChildBuilder(builder) {
         builder.withParent(this);
         if (this.root) {
@@ -2956,21 +3150,11 @@ class RouteBuilder {
         this.children.push(builder);
         return this;
     }
-    toParent() {
-        if (!this.parent) {
-            throw new CommonsInternalError('Parent was not provided.', { name: 'RouteBuilder error' });
-        }
-        return this.parent;
-    }
-    toRoot() {
-        if (!this.root) {
-            throw new CommonsInternalError('Root was not provided.', { name: 'RouteBuilderError' });
-        }
-        return this.root;
-    }
-    finish() {
-        return this.toRoot();
-    }
+    /**
+     * Builds an Angular route based on configurations.
+     *
+     * @returns {Route} The built Angular route.
+     */
     build() {
         const angularRoute = {
             ...this.route
@@ -3021,6 +3205,11 @@ class RouteBuilder {
         }
         return angularRoute;
     }
+    /**
+     * Builds the menu items.
+     *
+     * @returns {Array<CommonsMenuItem>} - The built menu items.
+     */
     buildMenu() {
         const menuItemBuild = this.menuItem ? { ...this.menuItem } : null;
         const routeChildrenMenuItems = this.children.flatMap(child => child.buildMenu());
@@ -3038,7 +3227,7 @@ class RouteBuilder {
                 finalChild.routerLink = [finalChild.routerLink];
             }
             if (finalChild.routerLink) {
-                finalChild.routerLink = RouteUtil.removeEmptyPathSegments(finalChild.routerLink);
+                finalChild.routerLink = removeRouteEmptyPathSegments(finalChild.routerLink);
             }
             return finalChild;
         };
@@ -3048,11 +3237,11 @@ class RouteBuilder {
         if (!menuItemBuild) {
             return menuItemChildrenBuild;
         }
-        menuItemBuild.label = menuItemBuild.label ?? this.pageTitle;
+        menuItemBuild.label = menuItemBuild.label ?? this.routeData.pageTitle;
         if (typeof menuItemBuild.routerLink === 'string') {
             menuItemBuild.routerLink = [menuItemBuild.routerLink];
         }
-        menuItemBuild.routerLink = RouteUtil.removeEmptyPathSegments(menuItemBuild.routerLink ?? this.routePath);
+        menuItemBuild.routerLink = removeRouteEmptyPathSegments(menuItemBuild.routerLink ?? this.routePath);
         if (menuItemChildrenBuild.length > 0) {
             menuItemBuild.items = menuItemChildrenBuild;
         }
@@ -3067,19 +3256,6 @@ class RouteBuilder {
         }
         return [menuItemBuild];
     }
-    createMenuItem(icon, label, routerLink) {
-        const menuItem = {};
-        if (icon) {
-            menuItem.icon = icon;
-        }
-        if (label) {
-            menuItem.label = label;
-        }
-        if (routerLink) {
-            menuItem.routerLink = routerLink;
-        }
-        return menuItem;
-    }
     findMenuItemGuards() {
         const guards = [];
         if (this.route.canActivate?.length) {
@@ -3111,57 +3287,128 @@ class RouteBuilder {
         return undefined;
     }
 }
-
-class RoutesBuilder {
-    constructor(layoutRoute) {
-        this.routes = [];
-        this.layoutRoute = layoutRoute?.withRoot(this);
-        this.currentRoute = layoutRoute;
+function createMenuItem(icon, label, routerLink) {
+    const menuItem = {};
+    if (icon) {
+        menuItem.icon = icon;
     }
-    static create() {
-        return new RoutesBuilder();
+    if (label) {
+        menuItem.label = label;
+    }
+    if (routerLink) {
+        menuItem.routerLink = routerLink;
     }
-    addAngularRoute(route) {
-        return this.addRouteBuilder(RouteBuilder.createFromRoute(route));
+    return menuItem;
+}
+/**
+ * Creates a new instance of RouteBuilder with the given path and component.
+ *
+ * @param {string} path - The path for the route.
+ * @param {Type<any>} component - The component for the route.
+ * @return {RouteBuilder} - A new instance of RouteBuilder.
+ */
+function createRoute(path, component) {
+    return new RouteBuilder({
+        path: path,
+        component: component
+    });
+}
+/**
+ * Creates a redirect route for the given path.
+ *
+ * @param {string} path - The path to match against.
+ * @param {string} redirectTo - The URL path to redirect to.
+ * @param {'full' | 'prefix'} [pathMatch='prefix'] - The path matching strategy ('full' or 'prefix').
+ * @return {RouteBuilder} - A new instance of the RouteBuilder class with the redirect route configuration.
+ */
+function createRouteRedirect(path, redirectTo, pathMatch = 'prefix') {
+    return new RouteBuilder({
+        path: path,
+        redirectTo: redirectTo,
+        pathMatch: pathMatch
+    });
+}
+/**
+ * Creates a lazy route module (or routes).
+ *
+ * @param {string} path - The path for the route.
+ * @param {LoadChildren} loadChildren - The function that loads the lazy module (or routes).
+ * @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) {
+    const route = { path: path, loadChildren: loadChildren };
+    if (canMatch?.length) {
+        route.canMatch = canMatch;
     }
-    addRouteRedirect(path, redirectTo, pathMatch = 'prefix') {
-        return this.addRouteBuilder(RouteBuilder.createRedirect(path, redirectTo, pathMatch));
+    return new RouteBuilder(route);
+}
+/**
+ * Creates a lazy route component.
+ *
+ * @param {string} path - The path for the route.
+ * @param {() => Type<unknown> | Observable<Type<unknown> | DefaultExport<Type<unknown>>> | Promise<Type<unknown> | DefaultExport<Type<unknown>>>} loadComponent - The function that loads the component for the route.
+ * @param {Array<any>} [canMatch] - The array of values that determine if the route can match.
+ * @returns {RouteBuilder} - An instance of RouteBuilder with the created route.
+ */
+function createLazyRoute(path, loadComponent, canMatch) {
+    const route = { path: path, loadComponent: loadComponent };
+    if (canMatch?.length) {
+        route.canMatch = canMatch;
     }
-    addLazyRouteComponent(path, loadComponent, canMatch) {
-        return this.addRouteBuilder(RouteBuilder.createLazyRouteComponent(path, loadComponent, canMatch));
+    return new RouteBuilder(route);
+}
+
+class RoutesBuilder {
+    constructor() {
+        this.routes = [];
     }
-    addLazyRouteModule(path, loadChildren, canMatch) {
-        return this.addRouteBuilder(RouteBuilder.createLazyRouteModule(path, loadChildren, canMatch));
+    /**
+     * Adds an Angular route to the current route configuration.
+     *
+     * @param {Route} route - The Angular route object to be added.
+     * @param {RouteBuilderAdjustFnType} [builderAdjustFn] - Optional function to adjust the route builder before adding.
+     */
+    addFromNgRoute(route, builderAdjustFn) {
+        const builder = new RouteBuilder(route);
+        builderAdjustFn?.(builder);
+        return this.add(builder);
     }
-    addRoute(path, component) {
-        return this.addRouteBuilder(RouteBuilder.create(path, component));
+    /**
+     * Adds a route redirect to the Angular route.
+     *
+     * @param {string} path - The path for the redirect.
+     * @param {string} redirectTo - The target route to redirect.
+     * @param {'full' | 'prefix'} pathMatch - The matching strategy for the redirect. Default is 'prefix'.
+     */
+    addRedirect(path, redirectTo, pathMatch = 'prefix') {
+        return this.addFromNgRoute({
+            path: path,
+            redirectTo: redirectTo,
+            pathMatch: pathMatch
+        });
     }
-    addRouteBuilder(routeBuilder) {
-        this.currentRoute = routeBuilder.withRoot(this);
+    /**
+     * Adds a route to the routes.
+     *
+     * @param {RouteBuilder} routeBuilder - The route builder object representing the route to be added.
+     */
+    add(routeBuilder) {
         this.routes.push(routeBuilder);
         return this;
     }
-    toRoute() {
-        if (!this.currentRoute) {
-            throw new CommonsInternalError('No routes were added!', { name: 'RoutesBuilderError' });
-        }
-        return this.currentRoute;
-    }
     build() {
-        let angularRoutes = [];
-        for (const route of this.routes) {
-            angularRoutes.push(route.build());
-        }
-        if (this.layoutRoute) {
-            const layoutAngularRoute = this.layoutRoute.build();
-            if (angularRoutes.length > 0) {
-                layoutAngularRoute.children = angularRoutes;
-            }
-            angularRoutes = [layoutAngularRoute];
-        }
-        return angularRoutes;
+        return this.routes.map(r => r.build());
     }
 }
+/**
+ * Creates a new instance of the RoutesBuilder class.
+ *
+ * @return {RoutesBuilder} A new instance of the RoutesBuilder class.
+ */
+function createRoutes() {
+    return new RoutesBuilder();
+}
 
 /**
  * Maps an Observable of data with optional totalCount and data to a data list result object with provided defaults of empty array and count 0.
@@ -3336,7 +3583,7 @@ class CommonsConfigurationService {
         // 1. object sources have highest priority
         if (this.objectSources.length) {
             for (const objConfig of this.objectSources) {
-                config = ObjectUtil.deepMerge(config, objConfig);
+                config = objectDeepMerge(config, objConfig);
             }
         }
         // 2. JSON sources come next
@@ -3344,17 +3591,17 @@ class CommonsConfigurationService {
         if (jsonConfigs.length) {
             for (const jsonConfig of jsonConfigs) {
                 if (jsonConfig) {
-                    config = ObjectUtil.deepMerge(config, jsonConfig);
+                    config = objectDeepMerge(config, jsonConfig);
                 }
             }
         }
         // 3. project env has the next priority
         if (this.projectEnvironment) {
-            config = ObjectUtil.deepMerge(config, this.projectEnvironment);
+            config = objectDeepMerge(config, this.projectEnvironment);
         }
         // 4. module config has the lowest priority
         if (this.moduleConfig) {
-            config = ObjectUtil.deepMerge(config, this.moduleConfig);
+            config = objectDeepMerge(config, this.moduleConfig);
         }
         this.configuration = config;
     }
@@ -3526,10 +3773,10 @@ class CommonsRouterService {
     getModulePathFromRouterLink(path) {
         return ('/' + (Array.isArray(path) ? path.join('/') : path)).replace(/\/\//g, '/');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CommonsRouterService, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CommonsRouterService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: CommonsRouterService, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: CommonsRouterService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CommonsRouterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: CommonsRouterService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$1.Router }] });
 
@@ -3625,10 +3872,10 @@ class CommonsInitService {
             return throwError(() => err);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CommonsInitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CommonsInitService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: CommonsInitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: CommonsInitService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CommonsInitService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: CommonsInitService, decorators: [{
             type: Injectable
         }] });
 
@@ -3652,10 +3899,10 @@ class LocalStorageService {
     removeItem(type, key) {
         localStorage.removeItem(this.buildLocalStorageKey(type, key));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: LocalStorageService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: LocalStorageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: LocalStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: LocalStorageService, decorators: [{
             type: Injectable
         }] });
 
@@ -3690,139 +3937,6 @@ class Styles {
     static { this.TABLE_CELL_PADDING_X_LG = 12; }
 }
 
-var I18nUtils;
-(function (I18nUtils) {
-    class Common {
-        static getAsync(translate, params, ...keys) {
-            return translate.stream(keys, params).pipe(map(i18n => I18nUtils.Common.selectI18n(keys, i18n)));
-        }
-        static get(translate, params, ...keys) {
-            const i18n = translate.instant(keys, params);
-            return I18nUtils.Common.selectI18n(keys, i18n);
-        }
-        static populateParams(item, params = {}) {
-            const paramsRes = { ...params };
-            if (item) {
-                paramsRes.item = item;
-            }
-            return paramsRes;
-        }
-        static selectI18n(keys, i18n) {
-            for (const key of keys) {
-                if (key !== i18n[key]) {
-                    return i18n[key];
-                }
-            }
-            return null;
-        }
-    }
-    I18nUtils.Common = Common;
-    class Type {
-        static getClassNameAsync(translate, classType, singular) {
-            const typeName = findReflectTypeName(classType);
-            return I18nUtils.Type.getNameAsync(translate, typeName ?? '', singular);
-        }
-        static getClassName(translate, classType, singular) {
-            const typeName = findReflectTypeName(classType);
-            return I18nUtils.Type.getName(translate, typeName ?? '', singular);
-        }
-        static getNameAsync(translate, typeName, singular) {
-            const keys = I18nUtils.Type.getNameKeys(typeName, singular);
-            return I18nUtils.Common.getAsync(translate, undefined, ...keys);
-        }
-        static getName(translate, typeName, singular) {
-            const keys = I18nUtils.Type.getNameKeys(typeName, singular);
-            return I18nUtils.Common.get(translate, undefined, ...keys);
-        }
-        static getClassTabKey(classType, tab) {
-            const typeName = findReflectTypeName(classType);
-            return I18nUtils.Type.getTabKey(typeName ?? '', tab);
-        }
-        static getTabKey(typeName, tab) {
-            return I18nUtils.Type.getPath(typeName, 'tabs', tab);
-        }
-        static getClassGroupKey(classType, group) {
-            const typeName = findReflectTypeName(classType);
-            return I18nUtils.Type.getGroupKey(typeName ?? '', group);
-        }
-        static getGroupKey(typeName, group) {
-            return I18nUtils.Type.getPath(typeName, 'groups', group);
-        }
-        static getClassPropertyKey(classType, property) {
-            const typeName = findReflectTypeName(classType);
-            return I18nUtils.Type.getPropertyKey(typeName ?? '', property);
-        }
-        static getPropertyKey(typeName, property) {
-            return I18nUtils.Type.getPath(typeName, 'properties', property);
-        }
-        static getClassPath(classType, ...path) {
-            const typeName = findReflectTypeName(classType);
-            return I18nUtils.Type.getPath(typeName ?? '', ...path);
-        }
-        static getPath(typeName, ...path) {
-            return `${typeName.length ? `${typeName}.` : ''}${path.join('.')}`;
-        }
-        static getClassParams(translate, classType, item, params = {}) {
-            const typeName = findReflectTypeName(classType);
-            return I18nUtils.Type.getParams(translate, typeName ?? undefined, item, params);
-        }
-        static getParams(translate, typeName, item, params = {}) {
-            const i18nTypeName = typeName ? I18nUtils.Type.getName(translate, typeName, true) : null;
-            return I18nUtils.Type.populateParams(i18nTypeName ?? undefined, item, params);
-        }
-        static getClassParamsAsync(translate, classType, item, params = {}) {
-            const typeName = findReflectTypeName(classType);
-            return I18nUtils.Type.getParamsAsync(translate, typeName ?? undefined, item, params);
-        }
-        static getParamsAsync(translate, typeName, item, params = {}) {
-            return (typeName ? I18nUtils.Type.getNameAsync(translate, typeName, true) : of(null)).pipe(map(i18nTypeName => I18nUtils.Type.populateParams(i18nTypeName ?? undefined, item, params)));
-        }
-        static populateParams(i18nTypeName, item, params = {}) {
-            const paramsRes = { ...params };
-            if (i18nTypeName) {
-                paramsRes.typeName = i18nTypeName;
-            }
-            return I18nUtils.Common.populateParams(item, paramsRes);
-        }
-        static getNameKeys(typeName, singular) {
-            const keys = [];
-            if (typeof singular !== 'undefined') {
-                keys.push(singular ? `${typeName}.nameSingular` : `${typeName}.namePlural`);
-            }
-            keys.push(`${typeName.length ? `${typeName}.` : ''}name`);
-            return keys;
-        }
-    }
-    I18nUtils.Type = Type;
-    class Error {
-        static get(translate, error, params = {}) {
-            const i18nParams = I18nUtils.Error.getParams(error, params);
-            if (error.messageCode) {
-                const keys = [`errors.${error.messageCode}`, `messages.${error.messageCode}`];
-                const i18n = I18nUtils.Common.get(translate, i18nParams, ...keys);
-                if (i18n) {
-                    return i18n;
-                }
-            }
-            return I18nUtils.Common.get(translate, i18nParams, error.message);
-        }
-        static getParams(error, params = {}) {
-            const paramsRes = { ...params };
-            paramsRes.errorStatus = '';
-            paramsRes.errorMessage = '';
-            if (ErrorUtil.isHttpErrorResponse(error)) {
-                const httpError = ErrorUtil.getHttpErrorResponse(error);
-                paramsRes.errorStatus = httpError?.status;
-                paramsRes.errorMessage = httpError?.message;
-                paramsRes.errorStatusDescription = httpError?.statusText;
-            }
-            paramsRes.error = error;
-            return paramsRes;
-        }
-    }
-    I18nUtils.Error = Error;
-})(I18nUtils || (I18nUtils = {}));
-
 var CommonsFeatureTypeEnum;
 (function (CommonsFeatureTypeEnum) {
     CommonsFeatureTypeEnum[CommonsFeatureTypeEnum["Layout"] = 0] = "Layout";
@@ -3835,17 +3949,6 @@ function provideCommons(config, ...features) {
         DialogService,
         MessageService,
         ConfirmationService,
-        // angular
-        DatePipe,
-        // pipes
-        BooleanPipe,
-        ClassMapPipe,
-        EnumeratePipe,
-        EnumerateAsyncPipe,
-        GetterPipe,
-        JsonPathPipe,
-        ParametrizePipe,
-        TemplatePipe,
         // services
         CommonsInitService,
         CommonsService,
@@ -3900,5 +4003,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, ComponentDirective, DataListParamsUtil, DataProvider, DataProviderInst, DateUtil, DialogKeydownHandlerDirective, EnumName, EnumUtil, EnumerateAsyncPipe, EnumeratePipe, ErrorPageComponent, ErrorUtil, FilterMatchMode, GetterPipe, I18nUtils, JsonPathPipe, LOG_PUBLISHERS, LocalStorageService, LogLevelEnum, LogPublisherConsoleService, LoggerService, NotFoundPageComponent, NotificationWrapperComponent, ObjectUtil, ParametrizePipe, PermissionService, PermissionTypeEnum, PermissionUtil, Permissions, RouteBuilder, RouteUtil, RoutesBuilder, StringUtil, StyleLevelEnum, StyleSizeEnum, Styles, TemplateDirective, TemplatePipe, TypeName, TypeRegistry, boolean$Attribute, commonsInitializerProvider, defineReflectEnumName, defineReflectTypeName, findReflectEnumName, findReflectTypeName, getI18nBaseKey, itemIdToDefined, itemIdToNumber, itemIdToString, mapToDataList, number$Attribute, permissionGuard, provideCommons, reflectEnumNameKey, reflectTypeNameExists, reflectTypeNameKey, selectI18n, toI18nEnumerate, 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, ComponentDirective, DataProvider, DataProviderInst, DialogKeydownHandlerDirective, EnumName, EnumPipe, EnumerateAsyncPipe, EnumeratePipe, ErrorPageComponent, FilterMatchMode, GetterPipe, I18nPropertyPipe, JsonPathPipe, LOG_PUBLISHERS, LocalStorageService, LogLevelEnum, LogPublisherConsoleService, LoggerService, NotFoundPageComponent, NotificationWrapperComponent, ParametrizePipe, PermissionService, PermissionTypeEnum, Permissions, RouteBuilder, RoutesBuilder, StyleLevelEnum, StyleSizeEnum, Styles, TemplateDirective, TemplatePipe, TypeName, TypeRegistry, adjustRouteMenuLazyChildrenRouterLinks, angularDateFormatHasSeconds, angularDateFormatHasTime, appendRoutePathToBasePath, boolean$Attribute, commonsActionErrorContextToString, commonsErrorToString, commonsInitializerProvider, copyDataListParams, createLazyChildrenRoute, createLazyRoute, createRoute, createRouteRedirect, createRoutes, dataListParamsFilterToUrlQuery, dataListParamsFilterValueToUrlString, dataListParamsFiltersToUrlQuery, dataListParamsSortToUrlQuery, dataListParamsToUrlQuery, dateToIsoString, defineReflectEnumName, defineReflectTypeName, doesUrlMatchRouterLink, errorCauseToString, errorToString, escapeHtml, escapeHtmlAny, findReflectEnumName, findReflectTypeName, findTemplateByName, flattenObjectKeys, fromAngularDateFormatToPrime, fromEnumConstantsAsValueArray, fromEnumValuesAsValueArray, fromSubscribeError, fromTableLoadToDataListParams, fromUrlQueryToDataListParams, getEnumConstantName, getEnumConstantNameFromObject, getEnumConstantNames, getEnumConstantNamesFromObject, getEnumConstantValuesAsNumber, getEnumConstantValuesAsString, getEnumerationI18nBaseKey, getErrorLogLevel, getErrorName, getHttpErrorResponse, getHttpErrorResponseStatus, getI18n, getI18nAsync, getI18nClassGroupKey, getI18nClassKeyBasePath, getI18nClassName, getI18nClassNameAsync, getI18nClassParams, getI18nClassParamsAsync, getI18nClassPropertyKey, getI18nClassTabKey, 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, toEnumerationI18nEnumerate, toObservable, toastMessage, valueToDefined };
 //# sourceMappingURL=mediusinc-mng-commons-core.mjs.map