@mediusinc/mng-commons-audit 3.6.0-rc.3 → 3.7.0-rc.0

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

@@ -1,4 +1,4 @@
-import { TypeName, ObjectSerializer, MediusFilterMatchType, AMngBaseApiService, MngConfigurationService, MngInternalError, AMngTableviewRouteComponent, LookupDataProvider, TableviewDescriptor, TableviewDataProvider, MediusQueryResult, ActionEditorDetailsDescriptor, MngDropdownComponent, MngTableviewRouteComponent, AMngFormlyCustomFieldComponent, TableDescriptor, TablePaginationModeEnum, MngTableComponent, EditorDescriptor, TableviewEditorTypeEnum, TableFilterDisplayEnum, MngTableviewComponent, RouteBuilder, TableviewRouteBuilder, RoutesBuilder } from '@mediusinc/mng-commons';
+import { TypeName, TypeRegistry, MediusFilterMatchType, AMngBaseApiService, MngConfigurationService, MngInternalError, AMngTableviewRouteComponent, LookupDataProvider, TableviewDescriptor, MediusQueryResult, TableviewDataProvider, ActionEditorDetailsDescriptor, MngDropdownComponent, MngTableviewRouteComponent, AMngFormlyCustomFieldComponent, TableDescriptor, TablePaginationModeEnum, MngTableComponent, ModelDescriptor, TableviewEditorTypeEnum, EditorDescriptor, TableFilterDisplayEnum, itemIdToDefined, MngTableviewComponent, RouteBuilder, TableviewRouteBuilder, RoutesBuilder } from '@mediusinc/mng-commons';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, Component, DestroyRef, signal, Input, Injector, ChangeDetectionStrategy } from '@angular/core';
 import { map } from 'rxjs/operators';
@@ -6,7 +6,7 @@ import { __decorate } from 'tslib';
 import { of, shareReplay, combineLatest, throwError, BehaviorSubject } from 'rxjs';
 import * as i1 from '@angular/router';
 import { RouterOutlet } from '@angular/router';
-import { NgIf, AsyncPipe, NgForOf, JsonPipe } from '@angular/common';
+import { AsyncPipe, JsonPipe } from '@angular/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
@@ -46,14 +46,14 @@ let MngRevEntityWithStateDto = class MngRevEntityWithStateDto {
 MngRevEntityWithStateDto = MngRevEntityWithStateDto_1 = __decorate([
     TypeName('MngRevEntityWithStateDto')
 ], MngRevEntityWithStateDto);
-ObjectSerializer.get().registerType(MngRevEntityWithStateDto);
+TypeRegistry.get().registerType(MngRevEntityWithStateDto);
 
 let MngRevEntityWithId = class MngRevEntityWithId extends MngRevEntityWithStateDto {
 };
 MngRevEntityWithId = __decorate([
     TypeName('MngRevEntityWithId')
 ], MngRevEntityWithId);
-ObjectSerializer.get().registerType(MngRevEntityWithId);
+TypeRegistry.get().registerType(MngRevEntityWithId);
 
 const MNG_AUDIT_MODULE_CONFIG_IT = new InjectionToken('MngAuditModuleConfig');
 
@@ -78,7 +78,7 @@ var MngGuiPropertyTypeDto;
     MngGuiPropertyTypeDto["Enum"] = "ENUM";
     MngGuiPropertyTypeDto["Wildcard"] = "WILDCARD";
 })(MngGuiPropertyTypeDto || (MngGuiPropertyTypeDto = {}));
-ObjectSerializer.get().registerEnum(MngGuiPropertyTypeDto, 'MngGuiPropertyTypeDto');
+TypeRegistry.get().registerEnum(MngGuiPropertyTypeDto, 'MngGuiPropertyTypeDto');
 
 /**
  * Medius quarkus sampler
@@ -97,7 +97,7 @@ var MngRevisionTypeDto;
     MngRevisionTypeDto["Mod"] = "MOD";
     MngRevisionTypeDto["Del"] = "DEL";
 })(MngRevisionTypeDto || (MngRevisionTypeDto = {}));
-ObjectSerializer.get().registerEnum(MngRevisionTypeDto, 'MngRevisionTypeDto');
+TypeRegistry.get().registerEnum(MngRevisionTypeDto, 'MngRevisionTypeDto');
 
 let MngEntityRevisionChangeState = class MngEntityRevisionChangeState {
 };
@@ -137,8 +137,8 @@ class AuditUtil {
             if (!property.resolvedPropertyName) {
                 continue;
             }
-            const columnPrepend = modelType ? `${modelType}.` : '';
             const isEnum = property.propertyType === MngGuiPropertyTypeDto.Enum;
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             let column = null;
             if (isEnum) {
                 if (!property.possibleEnumValues) {
@@ -146,33 +146,36 @@ class AuditUtil {
                 }
                 const enumType = AuditUtil.findEnumType(property);
                 if (enumType) {
-                    column = descriptor.addColumn(columnPrepend + property.resolvedPropertyName).asEnum(enumType);
+                    column = descriptor.addColumnUnsafe(property.resolvedPropertyName).asEnum(enumType);
                     if (addFilters) {
                         column.withFilterLookupEnum(property.possibleEnumValues);
                     }
                 }
                 else {
-                    column = descriptor.addColumn(columnPrepend + property.resolvedPropertyName);
+                    column = descriptor.addColumnUnsafe(property.resolvedPropertyName);
                     if (addFilters) {
                         (column?.withFilterLookup()).withLookup(() => of(property.possibleEnumValues ?? []));
                     }
                 }
             }
             else if (property.propertyType === MngGuiPropertyTypeDto.Number) {
-                column = descriptor.addColumn(columnPrepend + property.resolvedPropertyName).asNumber();
+                column = descriptor.addColumnUnsafe(property.resolvedPropertyName).asNumber();
             }
             else if (property.propertyType === MngGuiPropertyTypeDto.Boolean) {
-                column = descriptor.addColumn(columnPrepend + property.resolvedPropertyName).asBoolean();
+                column = descriptor.addColumnUnsafe(property.resolvedPropertyName).asBoolean();
             }
             else if (property.propertyType === MngGuiPropertyTypeDto.LocalDate) {
-                column = descriptor.addColumn(columnPrepend + property.resolvedPropertyName).asDate('dd. MM yyyy');
+                column = descriptor.addColumnUnsafe(property.resolvedPropertyName).asDate('dd. MM yyyy');
             }
             else if (property.propertyType === MngGuiPropertyTypeDto.OffsetDateTime) {
-                column = descriptor.addColumn(columnPrepend + property.resolvedPropertyName).asDate('dd. MM yyyy HH:mm');
+                column = descriptor.addColumnUnsafe(property.resolvedPropertyName).asDate('dd. MM yyyy HH:mm');
             }
             else {
                 // string / wildcard
-                column = descriptor.addColumn(columnPrepend + property.resolvedPropertyName).withTitle(AuditUtil.getPropertyTitleKey(property, modelType));
+                column = descriptor.addColumnUnsafe(property.resolvedPropertyName).withTitle(AuditUtil.getPropertyTitleKey(property, modelType));
+            }
+            if (modelType) {
+                column.withGetter((value, item) => item?.[modelType]?.[property.resolvedPropertyName]);
             }
             column.withTitle(AuditUtil.getPropertyTitleKey(property, modelType));
             if (!isEnum && addFilters) {
@@ -202,43 +205,47 @@ class AuditUtil {
                     if (!property.possibleEnumValues) {
                         continue;
                     }
-                    descriptor.addFieldLookupEnum(fieldPrepend + property.resolvedPropertyName, enumType, property.possibleEnumValues).withDisabled();
+                    descriptor.addFieldLookupEnumUnsafe(fieldPrepend + property.resolvedPropertyName, enumType, property.possibleEnumValues).withDisabled();
                 }
                 else {
-                    descriptor.addField(fieldPrepend + property.resolvedPropertyName).withLabel(AuditUtil.getPropertyTitleKey(property, modelType));
+                    descriptor.addFieldUnsafe(fieldPrepend + property.resolvedPropertyName).withLabel(AuditUtil.getPropertyTitleKey(property, modelType));
                 }
             }
             else if (property.propertyType === MngGuiPropertyTypeDto.Number) {
                 descriptor
-                    .addField(fieldPrepend + property.resolvedPropertyName)
+                    .addFieldUnsafe(fieldPrepend + property.resolvedPropertyName)
                     .withLabel(AuditUtil.getPropertyTitleKey(property, modelType))
                     .asNumber()
                     .withDisabled();
             }
             else if (property.propertyType === MngGuiPropertyTypeDto.Boolean) {
                 descriptor
-                    .addField(fieldPrepend + property.resolvedPropertyName)
+                    .addFieldUnsafe(fieldPrepend + property.resolvedPropertyName)
                     .withLabel(AuditUtil.getPropertyTitleKey(property, modelType))
                     .withDisabled();
             }
             else if (property.propertyType === MngGuiPropertyTypeDto.LocalDate) {
                 descriptor
-                    .addField(fieldPrepend + property.resolvedPropertyName)
+                    .addFieldUnsafe(fieldPrepend + property.resolvedPropertyName)
                     .withLabel(AuditUtil.getPropertyTitleKey(property, modelType))
-                    .asDatePicker('dd. MMM yyyy')
+                    .asDatePicker({ format: 'dd. MMM yyyy' })
                     .withDisabled();
             }
             else if (property.propertyType === MngGuiPropertyTypeDto.OffsetDateTime) {
                 descriptor
-                    .addField(fieldPrepend + property.resolvedPropertyName)
+                    .addFieldUnsafe(fieldPrepend + property.resolvedPropertyName)
                     .withLabel(AuditUtil.getPropertyTitleKey(property, modelType))
-                    .asDatePicker('dd. MM yy', undefined, undefined, true, false)
+                    .asDatePicker({
+                    format: 'dd. MM yy',
+                    showTime: true,
+                    showSeconds: false
+                })
                     .withDisabled();
             }
             else {
                 // string / wildcard
                 descriptor
-                    .addField(fieldPrepend + property.resolvedPropertyName)
+                    .addFieldUnsafe(fieldPrepend + property.resolvedPropertyName)
                     .withLabel(AuditUtil.getPropertyTitleKey(property, modelType))
                     .withDisabled();
             }
@@ -262,9 +269,9 @@ class AuditUtil {
         if (!property.enumClassSimpleName) {
             return undefined;
         }
-        let enumType = ObjectSerializer.get().findEnum(property.enumClassSimpleName);
+        let enumType = TypeRegistry.get().findEnum(property.enumClassSimpleName);
         if (!enumType) {
-            enumType = ObjectSerializer.get().findEnum(property.enumClassSimpleName + 'Dto');
+            enumType = TypeRegistry.get().findEnum(property.enumClassSimpleName + 'Dto');
         }
         return enumType;
     }
@@ -433,12 +440,12 @@ class MngAuditRevisionsApiService extends AMngBaseApiService {
     countRevisionsWithStateForEntityType(queryParams, entityType) {
         return this.http.get(this.getUrl(`/states/${entityType}/count`, AuditUtil.appendMediusQueryParamsToUrl(queryParams)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditRevisionsApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditRevisionsApiService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MngAuditRevisionsApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MngAuditRevisionsApiService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditRevisionsApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MngAuditRevisionsApiService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 var MngGuiEntityModelDto_1;
 let MngGuiEntityModelDto = class MngGuiEntityModelDto {
@@ -462,7 +469,7 @@ let MngGuiEntityModelDto = class MngGuiEntityModelDto {
 MngGuiEntityModelDto = MngGuiEntityModelDto_1 = __decorate([
     TypeName('MngGuiEntityModelDto')
 ], MngGuiEntityModelDto);
-ObjectSerializer.get().registerType(MngGuiEntityModelDto);
+TypeRegistry.get().registerType(MngGuiEntityModelDto);
 
 class MngAuditService extends AMngBaseApiService {
     constructor() {
@@ -495,18 +502,18 @@ class MngAuditService extends AMngBaseApiService {
     requestAuditModel() {
         return this.http.get(this.getUrl('/audit-models')).pipe(map(response => this.deserializeClassArray(response, MngGuiEntityModelDto)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MngAuditService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MngAuditService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MngAuditService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 class MngAuditPageComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: MngAuditPageComponent, isStandalone: true, selector: "mng-audit-page", ngImport: i0, template: "<router-outlet></router-outlet>\n", dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MngAuditPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: MngAuditPageComponent, isStandalone: true, selector: "mng-audit-page", ngImport: i0, template: "<router-outlet></router-outlet>\n", dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MngAuditPageComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'mng-audit-page', imports: [RouterOutlet], template: "<router-outlet></router-outlet>\n" }]
         }] });
@@ -523,9 +530,9 @@ class MngAuditEntityRevisionsPageComponent extends AMngTableviewRouteComponent {
         this.router = router;
         this.destroyRef = inject(DestroyRef);
         this.auditService = inject(MngAuditService);
-        this.revisisonsApiService = inject(MngAuditRevisionsApiService);
+        this.revisionsApiService = inject(MngAuditRevisionsApiService);
         this.showTableview = signal(false);
-        this.revisionEntitiesLookupProvider = new LookupDataProvider(MngGuiEntityModelWithI18n).withLookup(() => this.auditService.auditModel$.pipe(map(model => {
+        this.revisionEntitiesLookupProvider = LookupDataProvider.fromClass(MngGuiEntityModelWithI18n).withLookup(() => this.auditService.auditModel$.pipe(map(model => {
             const modelI18n = model;
             modelI18n.sort((m1, m2) => {
                 if (m1.entityName && m2.entityName) {
@@ -575,12 +582,11 @@ class MngAuditEntityRevisionsPageComponent extends AMngTableviewRouteComponent {
         if (!this.revModel || !this.selectedRevisionEntity?.entityName) {
             throw new MngInternalError('No revision model or revision entity is provided for tableview.');
         }
-        const desc = new TableviewDescriptor(MngRevEntityWithId, 'mergedId', undefined, this.selectedRevisionEntity.entityName);
+        const desc = TableviewDescriptor.fromClass(MngRevEntityWithId, 'mergedId', undefined, this.selectedRevisionEntity.entityName);
         AuditUtil.buildDescriptorForEntityRevision(desc, this.revModel, this.selectedRevisionEntity);
         desc.table.withColumnsResizable();
         desc.table.withCurrentColumnsReorderable();
         desc.table.withCurrentColumnsToggleable();
-        desc.table.withDataKey(`EntityRevisionsPage_${this.selectedRevisionEntity.entityName}`);
         return desc;
     }
     createTableviewDataProvider() {
@@ -588,10 +594,10 @@ class MngAuditEntityRevisionsPageComponent extends AMngTableviewRouteComponent {
             throw new MngInternalError('No revision model or revision entity is provided for tableview.');
         }
         const entityName = this.selectedRevisionEntity.entityName;
-        return new TableviewDataProvider(MngRevEntityWithId).withGetAll(qp => this.selectedRevisionEntity?.entityName
+        return TableviewDataProvider.fromClass(MngRevEntityWithId).withGetAll(qp => this.selectedRevisionEntity?.entityName
             ? combineLatest([
-                this.revisisonsApiService.countRevisionsWithStateForEntityType(qp, entityName),
-                this.revisisonsApiService.listRevisionsWithStateForEntityType(qp, entityName)
+                this.revisionsApiService.countRevisionsWithStateForEntityType(qp, entityName),
+                this.revisionsApiService.listRevisionsWithStateForEntityType(qp, entityName)
             ]).pipe(map(([count, values]) => {
                 const revEntityWithStateAndIdList = [];
                 for (const revEntityWithState of values) {
@@ -612,7 +618,7 @@ class MngAuditEntityRevisionsPageComponent extends AMngTableviewRouteComponent {
             throw new MngInternalError('No revision model or revision entity is provided for tableview.');
         }
         const entityName = this.selectedRevisionEntity.entityName;
-        const detailsAction = new ActionEditorDetailsDescriptor(this.descriptor.detailsEditor)
+        const detailsAction = ActionEditorDetailsDescriptor.create(this.descriptor.detailsEditor)
             .withFetchFunction(ctx => {
             if (!entityName) {
                 return throwError(() => new MngInternalError('No revision entity is provided for details.'));
@@ -622,18 +628,18 @@ class MngAuditEntityRevisionsPageComponent extends AMngTableviewRouteComponent {
             }
             const revId = ctx.parameters.itemId.toString().split('_')[0];
             const itemId = ctx.parameters.itemId.toString().split('_')[1];
-            return this.revisisonsApiService.fetchRevisionsWithStateForEntityType(entityName, revId, itemId);
+            return this.revisionsApiService.fetchRevisionsWithStateForEntityType(entityName, revId, itemId);
         })
             .withEditorTitle('pages.entityRevisions.actions.details.editor.title');
         return [detailsAction];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditEntityRevisionsPageComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: MngAuditEntityRevisionsPageComponent, isStandalone: true, selector: "mng-audit-entity-revisions-page", usesInheritance: true, ngImport: i0, template: "<div class=\"card\">\n    <div class=\"field mb-0\">\n        <mng-dropdown\n            id=\"revisionEntityDropdown\"\n            [placeholder]=\"'pages.entityRevisions.dropdown.placeholder' | translate\"\n            [itemsLabelProperty]=\"'entityNameI18n'\"\n            [(ngModel)]=\"selectedRevisionEntity\"\n            (valueChange)=\"onRevisionEntityChange()\"\n            [dataProvider]=\"revisionEntitiesLookupProvider\"></mng-dropdown>\n        <small *ngIf=\"!selectedRevisionEntity\" class=\"block\">\n            {{ 'pages.entityRevisions.dropdown.helpText' | translate }}\n        </small>\n    </div>\n</div>\n<div *ngIf=\"showTableview()\">\n    <mng-tableview-route [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview-route>\n</div>\n", dependencies: [{ kind: "component", type: MngDropdownComponent, selector: "mng-dropdown", inputs: ["dataProvider", "dataKeyProperty", "itemsLabelProperty", "itemsLabelTranslate", "itemsValueProperty", "itemsDisabledProperty", "multiselect", "placeholder", "showClear", "selectFirstItem", "className", "dropdownClassName", "changeValueOnBlur"], outputs: ["valueChange"] }, { kind: "component", type: MngTableviewRouteComponent, selector: "mng-tableview-route", inputs: ["descriptor", "dataProvider", "actions"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormlyModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MngAuditEntityRevisionsPageComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: MngAuditEntityRevisionsPageComponent, isStandalone: true, selector: "mng-audit-entity-revisions-page", usesInheritance: true, ngImport: i0, template: "<div class=\"card\">\n    <div class=\"field mb-0\">\n        <mng-dropdown\n            id=\"revisionEntityDropdown\"\n            [placeholder]=\"'pages.entityRevisions.dropdown.placeholder' | translate\"\n            optionsLabelProperty=\"entityNameI18n\"\n            [(ngModel)]=\"selectedRevisionEntity\"\n            (valueChange)=\"onRevisionEntityChange()\"\n            [dataProvider]=\"revisionEntitiesLookupProvider\"></mng-dropdown>\n        @if (!selectedRevisionEntity) {\n            <small class=\"block\">\n                {{ 'pages.entityRevisions.dropdown.helpText' | translate }}\n            </small>\n        }\n    </div>\n</div>\n@if (showTableview()) {\n    <mng-tableview-route [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview-route>\n}\n", dependencies: [{ kind: "component", type: MngDropdownComponent, selector: "mng-dropdown", inputs: ["dataProvider", "optionsTrackProperty", "optionsLabelProperty", "optionsLabelTranslate", "optionsValueProperty", "optionsDisabledProperty", "multiselect", "placeholder", "showClear", "selectFirstItem", "className", "dropdownClassName", "changeValueOnBlur"], outputs: ["valueChange"] }, { kind: "component", type: MngTableviewRouteComponent, selector: "mng-tableview-route", inputs: ["descriptor", "dataProvider", "actions"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormlyModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditEntityRevisionsPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MngAuditEntityRevisionsPageComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-audit-entity-revisions-page', imports: [MngDropdownComponent, MngTableviewRouteComponent, FormsModule, AsyncPipe, NgIf, TranslateModule, FormlyModule], template: "<div class=\"card\">\n    <div class=\"field mb-0\">\n        <mng-dropdown\n            id=\"revisionEntityDropdown\"\n            [placeholder]=\"'pages.entityRevisions.dropdown.placeholder' | translate\"\n            [itemsLabelProperty]=\"'entityNameI18n'\"\n            [(ngModel)]=\"selectedRevisionEntity\"\n            (valueChange)=\"onRevisionEntityChange()\"\n            [dataProvider]=\"revisionEntitiesLookupProvider\"></mng-dropdown>\n        <small *ngIf=\"!selectedRevisionEntity\" class=\"block\">\n            {{ 'pages.entityRevisions.dropdown.helpText' | translate }}\n        </small>\n    </div>\n</div>\n<div *ngIf=\"showTableview()\">\n    <mng-tableview-route [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview-route>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; } });
+            args: [{ standalone: true, selector: 'mng-audit-entity-revisions-page', imports: [MngDropdownComponent, MngTableviewRouteComponent, FormsModule, AsyncPipe, TranslateModule, FormlyModule], template: "<div class=\"card\">\n    <div class=\"field mb-0\">\n        <mng-dropdown\n            id=\"revisionEntityDropdown\"\n            [placeholder]=\"'pages.entityRevisions.dropdown.placeholder' | translate\"\n            optionsLabelProperty=\"entityNameI18n\"\n            [(ngModel)]=\"selectedRevisionEntity\"\n            (valueChange)=\"onRevisionEntityChange()\"\n            [dataProvider]=\"revisionEntitiesLookupProvider\"></mng-dropdown>\n        @if (!selectedRevisionEntity) {\n            <small class=\"block\">\n                {{ 'pages.entityRevisions.dropdown.helpText' | translate }}\n            </small>\n        }\n    </div>\n</div>\n@if (showTableview()) {\n    <mng-tableview-route [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview-route>\n}\n" }]
+        }], ctorParameters: () => [{ type: i1.Router }] });
 
 var MngRevEntityWithChangesDto_1;
 let MngRevEntityWithChangesDto = class MngRevEntityWithChangesDto {
@@ -657,7 +663,7 @@ let MngRevEntityWithChangesDto = class MngRevEntityWithChangesDto {
 MngRevEntityWithChangesDto = MngRevEntityWithChangesDto_1 = __decorate([
     TypeName('MngRevEntityWithChangesDto')
 ], MngRevEntityWithChangesDto);
-ObjectSerializer.get().registerType(MngRevEntityWithChangesDto);
+TypeRegistry.get().registerType(MngRevEntityWithChangesDto);
 
 let MngRevEntity = class MngRevEntity {
 };
@@ -707,7 +713,7 @@ class EntityChangesFieldComponent extends AMngFormlyCustomFieldComponent {
             }
         }
         const guiEntityModel = this.auditModel.filter(m => m.entityName === entityChanges.entityType)[0];
-        const desc = new TableDescriptor(MngEntityRevisionChangeState, undefined, undefined, guiEntityModel.entityName).withClassName('py-2');
+        const desc = TableDescriptor.fromClass(MngEntityRevisionChangeState, undefined, undefined, guiEntityModel.entityName).withClassName('py-2');
         if (guiEntityModel.entityName) {
             desc.withTitle(guiEntityModel.entityName);
         }
@@ -724,15 +730,15 @@ class EntityChangesFieldComponent extends AMngFormlyCustomFieldComponent {
         desc.withPaginationMode(TablePaginationModeEnum.Pagination);
         desc.withCurrentColumnsReorderable();
         desc.withCurrentColumnsToggleable();
-        desc.withDataKey(`EntityChangeField_${entityChanges.entityType ?? 'default'}`);
+        desc.withTrackProperty(`EntityChangeField_${entityChanges.entityType ?? 'default'}`);
         return desc;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: EntityChangesFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: EntityChangesFieldComponent, isStandalone: true, selector: "mng-entity-changes-field", inputs: { injector: "injector" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"modelFetched | async; else loading\">\n    <mng-table *ngFor=\"let ec of entityChanges\" [items]=\"ec.items\" [descriptor]=\"createDescriptor(ec)\"></mng-table>\n</div>\n<ng-template #loading>\n    <div class=\"text-center\">\n        <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem\"></i>\n    </div>\n</ng-template>\n", styles: ["::ng-deep tr.audit-row-deleted{background:hsla(3,100%,60%,.1)!important}::ng-deep tr.audit-row-deleted .audit-cell{background:hsla(3,90%,63%,.3)!important}::ng-deep tr.audit-row-added{background-color:#1bc5621a!important}::ng-deep tr.audit-row-added .audit-cell{background:hsla(145,76%,44%,.3)!important}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MngTableComponent, selector: "mng-table", inputs: ["descriptor", "items", "queryResult", "loading", "dataProvider", "useQueryParams", "selectionMode", "selectionEnabled", "actions", "isColumnClickable", "viewContainer", "captionComponent", "columnActionComponent", "columnActionMinWidth", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnActionComponentInstance"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EntityChangesFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: EntityChangesFieldComponent, isStandalone: true, selector: "mng-entity-changes-field", inputs: { injector: "injector" }, usesInheritance: true, ngImport: i0, template: "@if (modelFetched | async) {\n    <div>\n        @for (ec of entityChanges; track ec) {\n            <mng-table [items]=\"ec.items\" [descriptor]=\"createDescriptor(ec)\"></mng-table>\n        }\n    </div>\n} @else {\n    <div class=\"text-center\">\n        <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem\"></i>\n    </div>\n}\n", styles: ["::ng-deep tr.audit-row-deleted{background:#ff3d331a!important}::ng-deep tr.audit-row-deleted .audit-cell{background:#f6544c4d!important}::ng-deep tr.audit-row-added{background-color:#1bc5621a!important}::ng-deep tr.audit-row-added .audit-cell{background:#1bc5624d!important}\n"], dependencies: [{ kind: "component", type: MngTableComponent, selector: "mng-table", inputs: ["descriptor", "items", "queryResult", "loading", "dataProvider", "useQueryParams", "selectionMode", "selectionEnabled", "actions", "isColumnClickable", "viewContainer", "captionComponent", "columnActionComponent", "columnActionMinWidth", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnActionComponentInstance"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: EntityChangesFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EntityChangesFieldComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-entity-changes-field', imports: [NgForOf, MngTableComponent, NgIf, AsyncPipe], template: "<div *ngIf=\"modelFetched | async; else loading\">\n    <mng-table *ngFor=\"let ec of entityChanges\" [items]=\"ec.items\" [descriptor]=\"createDescriptor(ec)\"></mng-table>\n</div>\n<ng-template #loading>\n    <div class=\"text-center\">\n        <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem\"></i>\n    </div>\n</ng-template>\n", styles: ["::ng-deep tr.audit-row-deleted{background:hsla(3,100%,60%,.1)!important}::ng-deep tr.audit-row-deleted .audit-cell{background:hsla(3,90%,63%,.3)!important}::ng-deep tr.audit-row-added{background-color:#1bc5621a!important}::ng-deep tr.audit-row-added .audit-cell{background:hsla(145,76%,44%,.3)!important}\n"] }]
+            args: [{ standalone: true, selector: 'mng-entity-changes-field', imports: [MngTableComponent, AsyncPipe], template: "@if (modelFetched | async) {\n    <div>\n        @for (ec of entityChanges; track ec) {\n            <mng-table [items]=\"ec.items\" [descriptor]=\"createDescriptor(ec)\"></mng-table>\n        }\n    </div>\n} @else {\n    <div class=\"text-center\">\n        <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem\"></i>\n    </div>\n}\n", styles: ["::ng-deep tr.audit-row-deleted{background:#ff3d331a!important}::ng-deep tr.audit-row-deleted .audit-cell{background:#f6544c4d!important}::ng-deep tr.audit-row-added{background-color:#1bc5621a!important}::ng-deep tr.audit-row-added .audit-cell{background:#1bc5624d!important}\n"] }]
         }], propDecorators: { injector: [{
                 type: Input
             }] } });
@@ -758,43 +764,53 @@ class MngAuditRevisionsPageComponent extends AMngTableviewRouteComponent {
     createTableviewDescriptor() {
         if (this.revModel) {
             const idProperty = this.revModel.properties?.filter(prop => prop.isId).map(prop => prop.resolvedPropertyName)[0];
-            const desc = new TableviewDescriptor(MngRevEntity, idProperty, undefined, this.revModel.entityName);
-            const detailsDescriptor = new EditorDescriptor(MngRevEntityWithChangesDto, 'revEntity.' + idProperty, undefined, TableviewEditorTypeEnum.Details);
+            const model = ModelDescriptor.fromClass(MngRevEntity);
+            if (this.revModel.entityName)
+                model.withI18nBase(this.revModel.entityName);
+            if (idProperty)
+                model.withIdPropertyUnsafe(idProperty);
+            const desc = TableviewDescriptor.fromModel(model);
+            const detailsDescriptor = EditorDescriptor.fromClass(MngRevEntityWithChangesDto, undefined, undefined, undefined, TableviewEditorTypeEnum.Details);
+            detailsDescriptor.model.withIdPropertyUnsafe('revEntity.' + idProperty);
             if (this.revModel.properties) {
                 AuditUtil.addColumnsFromModel(desc.table, this.revModel.properties);
                 AuditUtil.addFieldsFromModel(detailsDescriptor, this.revModel.properties);
             }
-            detailsDescriptor.addField('entityNameChangesMap').asCustomComponent(EntityChangesFieldComponent, ['field-no-label'], { injector: this.injector }).withDisabled();
+            detailsDescriptor
+                .addField('entityNameChangesMap')
+                .asCustomComponent(EntityChangesFieldComponent, {
+                fieldWrappers: ['field-no-label'],
+                inputs: { injector: this.injector }
+            })
+                .withDisabled();
             desc.withDetailsDescriptor(detailsDescriptor); // MngRevEntity is extended by MngRevEntityWithChangesDto, so no real harm here
             desc.table.withFilterDisplay(TableFilterDisplayEnum.Row);
             return desc;
         }
-        return new TableviewDescriptor(MngRevEntity);
+        return TableviewDescriptor.fromClass(MngRevEntity);
     }
     createTableviewDataProvider() {
         if (this.revModel) {
-            return new TableviewDataProvider(MngRevEntity).withGetAll(qp => combineLatest([this.revisisonsApiService.getRevisionCount(qp), this.revisisonsApiService.getRevisionList(qp)]).pipe(map(([count, values]) => MediusQueryResult.fromArray(values, count))));
+            return TableviewDataProvider.fromClass(MngRevEntity).withGetAll(qp => combineLatest([this.revisisonsApiService.getRevisionCount(qp), this.revisisonsApiService.getRevisionList(qp)]).pipe(map(([count, values]) => MediusQueryResult.fromArray(values, count))));
         }
-        return new TableviewDataProvider(MngRevEntity);
+        return TableviewDataProvider.fromClass(MngRevEntity);
     }
     createActionDescriptors() {
-        const detailsAction = new ActionEditorDetailsDescriptor(this.descriptor.detailsEditor).withFetchFunction(ctx => ctx.parameters.itemId
-            ? this.revisisonsApiService.getAllChangesForRevision(ctx.parameters.itemId).pipe(map(item => {
-                const revEntityWithChanges = new MngRevEntityDetailed();
-                revEntityWithChanges.rev = ctx.parameters.itemId;
-                revEntityWithChanges.revEntity = item.revEntity;
-                revEntityWithChanges.entityNameChangesMap = item.entityNameChangesMap;
-                return revEntityWithChanges;
-            }))
-            : throwError(() => new MngInternalError('No revision id provided for fetch function')));
+        const detailsAction = ActionEditorDetailsDescriptor.create(this.descriptor.detailsEditor).withFetchFunction(ctx => this.revisisonsApiService.getAllChangesForRevision(itemIdToDefined(ctx.parameters.itemId)).pipe(map(item => {
+            const revEntityWithChanges = new MngRevEntityDetailed();
+            revEntityWithChanges.rev = ctx.parameters.itemId;
+            revEntityWithChanges.revEntity = item.revEntity;
+            revEntityWithChanges.entityNameChangesMap = item.entityNameChangesMap;
+            return revEntityWithChanges;
+        })));
         return [detailsAction];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditRevisionsPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: MngAuditRevisionsPageComponent, isStandalone: true, selector: "mng-audit-revisions-page", usesInheritance: true, ngImport: i0, template: "<mng-tableview-route *ngIf=\"showTableview()\" [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview-route>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MngTableviewRouteComponent, selector: "mng-tableview-route", inputs: ["descriptor", "dataProvider", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MngAuditRevisionsPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: MngAuditRevisionsPageComponent, isStandalone: true, selector: "mng-audit-revisions-page", usesInheritance: true, ngImport: i0, template: "@if (showTableview()) {\n    <mng-tableview-route [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview-route>\n}\n", dependencies: [{ kind: "component", type: MngTableviewRouteComponent, selector: "mng-tableview-route", inputs: ["descriptor", "dataProvider", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditRevisionsPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MngAuditRevisionsPageComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-audit-revisions-page', imports: [NgIf, MngTableviewComponent, AsyncPipe, MngTableviewComponent, RouterOutlet, JsonPipe, MngTableviewRouteComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-tableview-route *ngIf=\"showTableview()\" [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview-route>\n" }]
+            args: [{ standalone: true, selector: 'mng-audit-revisions-page', imports: [MngTableviewComponent, AsyncPipe, MngTableviewComponent, RouterOutlet, JsonPipe, MngTableviewRouteComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showTableview()) {\n    <mng-tableview-route [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview-route>\n}\n" }]
         }] });
 
 /**