@mediusinc/mng-commons-audit 3.2.0 → 3.3.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, ActionEditorDescriptor, ActionPositionEnum, ActionDataProviderUtil, TableviewActionDefaultCategories, ActionEditorSubmitDescriptor, ActionEditorSubmitTypeEnum, MngDropdownComponent, MngTableviewRouteComponent, AMngFormlyCustomFieldComponent, TableDescriptor, TablePaginationModeEnum, MngTableComponent, EditorDescriptor, TableviewEditorTypeEnum, TableFilterDisplayEnum, MngTableviewComponent, RouteBuilder, TableviewRouteBuilder, RoutesBuilder } from '@mediusinc/mng-commons';
+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 * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, Component, DestroyRef, signal, Input, Injector, ChangeDetectionStrategy } from '@angular/core';
 import { map } from 'rxjs/operators';
@@ -99,6 +99,18 @@ var MngRevisionTypeDto;
 })(MngRevisionTypeDto || (MngRevisionTypeDto = {}));
 ObjectSerializer.get().registerEnum(MngRevisionTypeDto, 'MngRevisionTypeDto');
 
+let MngEntityRevisionChangeState = class MngEntityRevisionChangeState {
+};
+MngEntityRevisionChangeState = __decorate([
+    TypeName('MngEntityRevisionChangeState')
+], MngEntityRevisionChangeState);
+
+let MngEntityRevisionChanges = class MngEntityRevisionChanges {
+};
+MngEntityRevisionChanges = __decorate([
+    TypeName('MngEntityChanges')
+], MngEntityRevisionChanges);
+
 var NewMediusFilterMatchType;
 (function (NewMediusFilterMatchType) {
     NewMediusFilterMatchType["Equals"] = "eq";
@@ -119,6 +131,7 @@ var NewMediusFilterMatchType;
 })(NewMediusFilterMatchType || (NewMediusFilterMatchType = {}));
 
 class AuditUtil {
+    static { this._dateRegex = /\d{4}-[01]\d-[0-3]\d/; }
     static addColumnsFromModel(descriptor, properties, modelType = undefined, addFilters = true, addSorts = true) {
         for (const property of properties) {
             if (!property.resolvedPropertyName) {
@@ -287,7 +300,12 @@ class AuditUtil {
                         break;
                     }
                     case MediusFilterMatchType.FromTo: {
-                        filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.Between}:${mfp.filterValue},${mfp.filterValueTo}`);
+                        if (this._dateRegex.test(mfp.filterValue)) {
+                            filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.Between}:${new Date(mfp.filterValue).toISOString()},${new Date(mfp.filterValueTo).toISOString()}`);
+                        }
+                        else {
+                            filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.Between}:${mfp.filterValue},${mfp.filterValueTo}`);
+                        }
                         break;
                     }
                     case MediusFilterMatchType.Contains: {
@@ -311,11 +329,21 @@ class AuditUtil {
                         break;
                     }
                     case MediusFilterMatchType.SmallerThan: {
-                        filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.LessThan}:${mfp.filterValue}`);
+                        if (this._dateRegex.test(mfp.filterValue)) {
+                            filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.LessThan}:${new Date(mfp.filterValue).toISOString()}`);
+                        }
+                        else {
+                            filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.LessThan}:${mfp.filterValue}`);
+                        }
                         break;
                     }
                     case MediusFilterMatchType.GreaterThan: {
-                        filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.GreaterThan}:${mfp.filterValue}`);
+                        if (this._dateRegex.test(mfp.filterValue)) {
+                            filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.GreaterThan}:${new Date(mfp.filterValue).toISOString()}`);
+                        }
+                        else {
+                            filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.GreaterThan}:${mfp.filterValue}`);
+                        }
                         break;
                     }
                 }
@@ -325,6 +353,44 @@ class AuditUtil {
         }
         return url;
     }
+    static mapItemsToEntityChangesArray(fieldValue) {
+        const entityChanges = [];
+        for (const key of Object.keys(fieldValue)) {
+            const ec = new MngEntityRevisionChanges();
+            ec.entityType = key;
+            ec.items = [];
+            for (const change of fieldValue[key]) {
+                if (change.revType === MngRevisionTypeDto.Add && change.entityNewState) {
+                    const item = new MngEntityRevisionChangeState();
+                    item.revType = change.revType;
+                    item.color = 'green';
+                    Object.entries(change.entityNewState).forEach(([key, value]) => (item[key] = value));
+                    ec.items.push(item);
+                }
+                else if (change.revType === MngRevisionTypeDto.Del && change.entityOldState) {
+                    const item = new MngEntityRevisionChangeState();
+                    item.revType = change.revType;
+                    item.color = 'red';
+                    Object.entries(change.entityOldState).forEach(([key, value]) => (item[key] = value));
+                    ec.items.push(item);
+                }
+                else if (change.revType === MngRevisionTypeDto.Mod && change.entityOldState && change.entityNewState) {
+                    const itemOld = new MngEntityRevisionChangeState();
+                    itemOld.revType = change.revType;
+                    itemOld.color = 'red';
+                    Object.entries(change.entityOldState).forEach(([key, value]) => (itemOld[key] = value));
+                    const itemNew = new MngEntityRevisionChangeState();
+                    itemNew.revType = change.revType;
+                    itemNew.color = 'green';
+                    Object.entries(change.entityNewState).forEach(([key, value]) => (itemNew[key] = value));
+                    ec.items.push(itemOld);
+                    ec.items.push(itemNew);
+                }
+            }
+            entityChanges.push(ec);
+        }
+        return entityChanges;
+    }
 }
 
 class MngAuditRevisionsApiService extends AMngBaseApiService {
@@ -367,10 +433,10 @@ 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.1.7", ngImport: i0, type: MngAuditRevisionsApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MngAuditRevisionsApiService }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MngAuditRevisionsApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditRevisionsApiService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -429,22 +495,28 @@ 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.1.7", ngImport: i0, type: MngAuditService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MngAuditService }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MngAuditService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
 class MngAuditPageComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MngAuditPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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: "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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MngAuditPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MngAuditPageComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'mng-audit-page', imports: [RouterOutlet], template: "<router-outlet></router-outlet>\n" }]
         }] });
 
+let MngGuiEntityModelWithI18n = class MngGuiEntityModelWithI18n extends MngGuiEntityModelDto {
+};
+MngGuiEntityModelWithI18n = __decorate([
+    TypeName('MngGuiEntityModelWithI18n')
+], MngGuiEntityModelWithI18n);
+
 class MngAuditEntityRevisionsPageComponent extends AMngTableviewRouteComponent {
     constructor(router) {
         super();
@@ -453,17 +525,25 @@ class MngAuditEntityRevisionsPageComponent extends AMngTableviewRouteComponent {
         this.auditService = inject(MngAuditService);
         this.revisisonsApiService = inject(MngAuditRevisionsApiService);
         this.showTableview = signal(false);
-        this.revisionEntitiesLookupProvider = new LookupDataProvider(MngGuiEntityModelDto).withLookup(() => this.auditService.auditModel$.pipe(map(model => model.sort((m1, m2) => {
-            if (m1.entityName && m2.entityName) {
-                return m1.entityName.localeCompare(m2.entityName);
-            }
-            else if (m1.entityName && !m2.entityName) {
-                return 1;
-            }
-            else {
-                return -1;
-            }
-        }))));
+        this.revisionEntitiesLookupProvider = new LookupDataProvider(MngGuiEntityModelWithI18n).withLookup(() => this.auditService.auditModel$.pipe(map(model => {
+            const modelI18n = model;
+            modelI18n.sort((m1, m2) => {
+                if (m1.entityName && m2.entityName) {
+                    return m1.entityName.localeCompare(m2.entityName);
+                }
+                else if (m1.entityName && !m2.entityName) {
+                    return 1;
+                }
+                else {
+                    return -1;
+                }
+            });
+            modelI18n.forEach(item => {
+                const translatedEntityName = this.translateService.instant('AuditEntities.' + item.entityName);
+                item.entityNameI18n = translatedEntityName.includes('AuditEntities.') ? item.entityName : translatedEntityName;
+            });
+            return modelI18n;
+        })));
     }
     ngOnInit() {
         this.route.paramMap.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(params => {
@@ -532,11 +612,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 ActionEditorDescriptor(this.descriptor.detailsEditor, 'entity-revision-details')
-            .withPosition(ActionPositionEnum.RowClick)
-            .withRouteTrigger(':itemId')
-            .withFetchFunction(ActionDataProviderUtil.runFetchOrFail)
-            .withTableviewCategory(TableviewActionDefaultCategories.DETAILS)
+        const detailsAction = new ActionEditorDetailsDescriptor(this.descriptor.detailsEditor)
             .withFetchFunction(ctx => {
             if (!entityName) {
                 return throwError(() => new MngInternalError('No revision entity is provided for details.'));
@@ -547,16 +623,16 @@ 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);
-        });
-        detailsAction.withEditorActions([new ActionEditorSubmitDescriptor(detailsAction, ActionEditorSubmitTypeEnum.Cancel)]);
+        })
+            .withEditorTitle('pages.entityRevisions.actions.details.editor.title');
         return [detailsAction];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MngAuditEntityRevisionsPageComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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]=\"'entityName'\"\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: "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 }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MngAuditEntityRevisionsPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", 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]=\"'entityName'\"\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" }]
+            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 }]; } });
 
 var MngRevEntityWithChangesDto_1;
@@ -595,18 +671,6 @@ MngRevEntityDetailed = __decorate([
     TypeName('MngRevEntityDetailed')
 ], MngRevEntityDetailed);
 
-let MngEntityRevisionChangeState = class MngEntityRevisionChangeState {
-};
-MngEntityRevisionChangeState = __decorate([
-    TypeName('MngEntityRevisionChangeState')
-], MngEntityRevisionChangeState);
-
-let MngEntityRevisionChanges = class MngEntityRevisionChanges {
-};
-MngEntityRevisionChanges = __decorate([
-    TypeName('MngEntityChanges')
-], MngEntityRevisionChanges);
-
 class EntityChangesFieldComponent extends AMngFormlyCustomFieldComponent {
     constructor() {
         super(...arguments);
@@ -624,40 +688,7 @@ class EntityChangesFieldComponent extends AMngFormlyCustomFieldComponent {
             next: model => {
                 this.auditModel = model;
                 if (this.fieldValue) {
-                    for (const key of Object.keys(this.fieldValue)) {
-                        const ec = new MngEntityRevisionChanges();
-                        ec.entityType = key;
-                        ec.items = [];
-                        for (const change of this.fieldValue[key]) {
-                            if (change.revType === MngRevisionTypeDto.Add && change.entityNewState) {
-                                const item = new MngEntityRevisionChangeState();
-                                item.revType = change.revType;
-                                item.color = 'green';
-                                Object.entries(change.entityNewState).forEach(([key, value]) => (item[key] = value));
-                                ec.items.push(item);
-                            }
-                            else if (change.revType === MngRevisionTypeDto.Del && change.entityOldState) {
-                                const item = new MngEntityRevisionChangeState();
-                                item.revType = change.revType;
-                                item.color = 'red';
-                                Object.entries(change.entityOldState).forEach(([key, value]) => (item[key] = value));
-                                ec.items.push(item);
-                            }
-                            else if (change.revType === MngRevisionTypeDto.Mod && change.entityOldState && change.entityNewState) {
-                                const itemOld = new MngEntityRevisionChangeState();
-                                itemOld.revType = change.revType;
-                                itemOld.color = 'red';
-                                Object.entries(change.entityOldState).forEach(([key, value]) => (itemOld[key] = value));
-                                const itemNew = new MngEntityRevisionChangeState();
-                                itemNew.revType = change.revType;
-                                itemNew.color = 'green';
-                                Object.entries(change.entityNewState).forEach(([key, value]) => (itemNew[key] = value));
-                                ec.items.push(itemOld);
-                                ec.items.push(itemNew);
-                            }
-                        }
-                        this.entityChanges.push(ec);
-                    }
+                    this.entityChanges = AuditUtil.mapItemsToEntityChangesArray(this.fieldValue);
                     this.modelFetched.next(true);
                 }
             },
@@ -696,10 +727,10 @@ class EntityChangesFieldComponent extends AMngFormlyCustomFieldComponent {
         desc.withDataKey(`EntityChangeField_${entityChanges.entityType ?? 'default'}`);
         return desc;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: EntityChangesFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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: "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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: EntityChangesFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", 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"] }]
         }], propDecorators: { injector: [{
@@ -747,11 +778,7 @@ class MngAuditRevisionsPageComponent extends AMngTableviewRouteComponent {
         return new TableviewDataProvider(MngRevEntity);
     }
     createActionDescriptors() {
-        const detailsAction = new ActionEditorDescriptor(this.descriptor.detailsEditor, 'revision-details')
-            .withPosition(ActionPositionEnum.RowClick)
-            .withRouteTrigger(':itemId')
-            .withTableviewCategory(TableviewActionDefaultCategories.DETAILS)
-            .withFetchFunction(ctx => ctx.parameters.itemId
+        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;
@@ -760,13 +787,12 @@ class MngAuditRevisionsPageComponent extends AMngTableviewRouteComponent {
                 return revEntityWithChanges;
             }))
             : throwError(() => new MngInternalError('No revision id provided for fetch function')));
-        detailsAction.withEditorActions([new ActionEditorSubmitDescriptor(detailsAction, ActionEditorSubmitTypeEnum.Cancel)]);
         return [detailsAction];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MngAuditRevisionsPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MngAuditRevisionsPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", 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" }]
         }] });