@mediusinc/mng-commons-audit 4.1.0-rc.0 → 5.0.0-rc.0-c31d5206

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

@@ -1,18 +1,92 @@
-import { TypeName, TypeRegistry, MediusFilterMatchType, AMngBaseApiService, MngConfigurationService, MngInternalError, AMngTableviewRouteComponent, LookupDataProvider, TableviewDescriptor, TableviewDataProvider, MediusQueryResult, ActionEditorDetailsDescriptor, MngDropdownComponent, MngTableviewRouteComponent, AMngFormlyCustomFieldComponent, TableDescriptor, TablePaginationModeEnum, MngTableComponent, ModelDescriptor, EditorDescriptor, TableviewEditorTypeEnum, TableFilterDisplayEnum, itemIdToDefined, MngTableviewComponent, RouteBuilder, TableviewRouteBuilder, RoutesBuilder } from '@mediusinc/mng-commons';
+import { TypeName, TypeRegistry, MngConfigurationService, enumModel, LookupDataProvider, enumModelGeneric, DataListParamsUtil, MngInternalError, TableviewDescriptor, TableviewDataProvider, ActionEditorDetailsDescriptor, MngDropdownComponent, MngTableviewComponent, MngTableviewRouteComponent, AMngFormlyCustomFieldComponent, TableDescriptor, TablePaginationModeEnum, MngTableComponent, ModelDescriptor, EditorDescriptor, TableviewEditorTypeEnum, itemIdToDefined, 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 { InjectionToken, inject, Injectable, Component, ChangeDetectionStrategy, computed, signal, effect, DestroyRef, Input, Injector } from '@angular/core';
+import { shareReplay, throwError, BehaviorSubject } from 'rxjs';
 import { map } from 'rxjs/operators';
+import { AMngBaseObsoleteV1ApiService } from '@mediusinc/mng-commons/data-api/class-dto/obsolete';
 import { __decorate } from 'tslib';
-import { of, shareReplay, combineLatest, throwError, BehaviorSubject } from 'rxjs';
-import * as i1 from '@angular/router';
-import { RouterOutlet } from '@angular/router';
+import { RouterOutlet, Router, ActivatedRoute } from '@angular/router';
 import { AsyncPipe, JsonPipe } from '@angular/common';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i2 from '@angular/forms';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { FormlyModule } from '@ngx-formly/core';
-import * as i3 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
+import * as i2 from '@ngx-translate/core';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
+import { HttpParams } from '@angular/common/http';
+
+const MNG_AUDIT_MODULE_CONFIG_IT = new InjectionToken('MngAuditModuleConfig');
+
+var MngGuiEntityModelDto_1;
+let MngGuiEntityModelDto = class MngGuiEntityModelDto {
+    static { MngGuiEntityModelDto_1 = this; }
+    static { this.attributeTypeMap = [
+        {
+            name: 'entityName',
+            baseName: 'entityName',
+            type: 'string'
+        },
+        {
+            name: 'properties',
+            baseName: 'properties',
+            type: 'Array<GuiPropertyModel>'
+        }
+    ]; }
+    static getAttributeTypeMap() {
+        return MngGuiEntityModelDto_1.attributeTypeMap;
+    }
+};
+MngGuiEntityModelDto = MngGuiEntityModelDto_1 = __decorate([
+    TypeName('MngGuiEntityModelDto')
+], MngGuiEntityModelDto);
+TypeRegistry.get().registerType(MngGuiEntityModelDto);
+
+class MngAuditService extends AMngBaseObsoleteV1ApiService {
+    constructor() {
+        super();
+        this.CACHE_SIZE = 1;
+        this.moduleConfig = inject(MNG_AUDIT_MODULE_CONFIG_IT);
+        this.configService = MngConfigurationService.get();
+    }
+    getServiceBasePath() {
+        return this.moduleConfig.apiServiceBasePath ?? '';
+    }
+    getBasePath() {
+        return `${this.configService.getConfigValue(this.moduleConfig.apiBasePathConfigKey)}`;
+    }
+    get revModel$() {
+        if (!this.revModelObs) {
+            this.revModelObs = this.requestRevModel().pipe(shareReplay(this.CACHE_SIZE));
+        }
+        return this.revModelObs;
+    }
+    get auditModel$() {
+        if (!this.auditModelObs) {
+            this.auditModelObs = this.requestAuditModel().pipe(shareReplay(this.CACHE_SIZE));
+        }
+        return this.auditModelObs;
+    }
+    requestRevModel() {
+        return this.http.get(this.getUrl('/rev-model'));
+    }
+    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: "17.2.1", ngImport: i0, type: MngAuditService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MngAuditService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MngAuditService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class MngAuditPageComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MngAuditPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MngAuditPageComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'mng-audit-page', imports: [RouterOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<router-outlet></router-outlet>\n" }]
+        }] });
 
 var MngRevEntityWithStateDto_1;
 let MngRevEntityWithStateDto = class MngRevEntityWithStateDto {
@@ -55,8 +129,6 @@ MngRevEntityWithId = __decorate([
 ], MngRevEntityWithId);
 TypeRegistry.get().registerType(MngRevEntityWithId);
 
-const MNG_AUDIT_MODULE_CONFIG_IT = new InjectionToken('MngAuditModuleConfig');
-
 /**
  * Medius quarkus sampler
  * Sampler OPENAPI definition
@@ -98,6 +170,7 @@ var MngRevisionTypeDto;
     MngRevisionTypeDto["Del"] = "DEL";
 })(MngRevisionTypeDto || (MngRevisionTypeDto = {}));
 TypeRegistry.get().registerEnum(MngRevisionTypeDto, 'MngRevisionTypeDto');
+const revisionTypeEnum = enumModel(MngRevisionTypeDto.Add, MngRevisionTypeDto, 'MngRevisionTypeDto');
 
 let MngEntityRevisionChangeState = class MngEntityRevisionChangeState {
 };
@@ -111,25 +184,6 @@ MngEntityRevisionChanges = __decorate([
     TypeName('MngEntityChanges')
 ], MngEntityRevisionChanges);
 
-var NewMediusFilterMatchType;
-(function (NewMediusFilterMatchType) {
-    NewMediusFilterMatchType["Equals"] = "eq";
-    NewMediusFilterMatchType["NotEquals"] = "ne";
-    NewMediusFilterMatchType["Between"] = "bt";
-    NewMediusFilterMatchType["Contains"] = "cn";
-    NewMediusFilterMatchType["NotContains"] = "nc";
-    NewMediusFilterMatchType["StartsWith"] = "sw";
-    NewMediusFilterMatchType["EndsWith"] = "ew";
-    NewMediusFilterMatchType["In"] = "in";
-    NewMediusFilterMatchType["NotIn"] = "ni";
-    NewMediusFilterMatchType["LessThan"] = "lt";
-    NewMediusFilterMatchType["LessThanOrEqualTo"] = "le";
-    NewMediusFilterMatchType["GreaterThan"] = "gt";
-    NewMediusFilterMatchType["GreaterThanOrEqualTo"] = "ge";
-    NewMediusFilterMatchType["Exists"] = "ex";
-    NewMediusFilterMatchType["DoesNotExist"] = "nx";
-})(NewMediusFilterMatchType || (NewMediusFilterMatchType = {}));
-
 class AuditUtil {
     static { this._dateRegex = /\d{4}-[01]\d-[0-3]\d/; }
     static addColumnsFromModel(descriptor, properties, modelType = undefined, addFilters = true, addSorts = true) {
@@ -144,17 +198,17 @@ class AuditUtil {
                 if (!property.possibleEnumValues) {
                     continue;
                 }
-                const enumType = AuditUtil.findEnumType(property);
-                if (enumType) {
-                    column = descriptor.addColumnUnsafe(property.resolvedPropertyName).asEnum(enumType);
+                const enumModel = AuditUtil.findEnum(property);
+                if (enumModel) {
+                    column = descriptor.addColumnEnum(property.resolvedPropertyName, enumModel);
                     if (addFilters) {
-                        column.withFilterLookupEnum(property.possibleEnumValues);
+                        descriptor.addFilterLookupEnum(column.property, enumModel, property.possibleEnumValues);
                     }
                 }
                 else {
                     column = descriptor.addColumnUnsafe(property.resolvedPropertyName);
                     if (addFilters) {
-                        (column?.withFilterLookup()).withLookup(() => of(property.possibleEnumValues ?? []));
+                        descriptor.addFilterLookupUnsafe(column.property, LookupDataProvider.create().withLookup(() => property.possibleEnumValues ?? []));
                     }
                 }
             }
@@ -179,10 +233,10 @@ class AuditUtil {
             }
             column.withTitle(AuditUtil.getPropertyTitleKey(property, modelType));
             if (!isEnum && addFilters) {
-                column?.withFilter();
+                column?.withFilterUnsafe();
             }
             if (addSorts) {
-                column?.withSort();
+                column?.withSortUnsafe();
             }
         }
         return descriptor;
@@ -200,12 +254,12 @@ class AuditUtil {
             }
             const fieldPrepend = `${modelType}.`;
             if (property.propertyType === MngGuiPropertyTypeDto.Enum) {
-                const enumType = AuditUtil.findEnumType(property);
-                if (enumType) {
+                const enumModel = AuditUtil.findEnum(property);
+                if (enumModel) {
                     if (!property.possibleEnumValues) {
                         continue;
                     }
-                    descriptor.addFieldLookupEnumUnsafe(fieldPrepend + property.resolvedPropertyName, enumType, property.possibleEnumValues).withDisabled();
+                    descriptor.addFieldLookupEnum((fieldPrepend + property.resolvedPropertyName), enumModel, property.possibleEnumValues).withDisabled();
                 }
                 else {
                     descriptor.addFieldUnsafe(fieldPrepend + property.resolvedPropertyName).withLabel(AuditUtil.getPropertyTitleKey(property, modelType));
@@ -253,8 +307,8 @@ class AuditUtil {
         return descriptor;
     }
     static buildDescriptorForEntityRevision(descriptor, revModel, entityModel) {
-        descriptor.addColumn('revType').withTitle('MngEntityRevisionChangeState.properties.revType').asEnum(MngRevisionTypeDto).withFilter();
-        descriptor.addFieldLookupEnum('revType', MngRevisionTypeDto).withLabel('MngEntityRevisionChangeState.properties.revType');
+        descriptor.addColumnEnum('revType', revisionTypeEnum).withTitle('MngEntityRevisionChangeState.properties.revType').withFilterUnsafe();
+        descriptor.addFieldLookupEnum('revType', revisionTypeEnum).withLabel('MngEntityRevisionChangeState.properties.revType');
         if (revModel.properties) {
             AuditUtil.addColumnsFromModel(descriptor.table, revModel.properties, 'revEntity');
             AuditUtil.addFieldsFromModel(descriptor.detailsEditor, revModel.properties, 'revEntity');
@@ -265,15 +319,31 @@ class AuditUtil {
         }
         return descriptor;
     }
-    static findEnumType(property) {
+    static findEnum(property) {
         if (!property.enumClassSimpleName) {
             return undefined;
         }
-        let enumType = TypeRegistry.get().findEnum(property.enumClassSimpleName);
+        let i18n = property.enumClassSimpleName;
+        let enumType = TypeRegistry.get().findEnum(i18n);
         if (!enumType) {
-            enumType = TypeRegistry.get().findEnum(property.enumClassSimpleName + 'Dto');
+            i18n = property.enumClassSimpleName + 'Dto';
+            enumType = TypeRegistry.get().findEnum(i18n);
         }
-        return enumType;
+        if (!enumType && Array.isArray(property.possibleEnumValues)) {
+            i18n = null;
+            enumType = property.possibleEnumValues?.reduce((acc, v) => {
+                const constName = v
+                    .split('_')
+                    .map(s => (s.length > 1 ? s.substring(0, 1).toUpperCase() + s.substring(1).toLowerCase() : s))
+                    .join('');
+                if (constName !== v) {
+                    acc[constName] = v;
+                }
+                acc[v] = constName;
+                return acc;
+            }, {});
+        }
+        return enumModelGeneric(enumType, i18n);
     }
     static extractPropertyName(fullPropertyName) {
         if (fullPropertyName?.includes('entityState.')) {
@@ -284,81 +354,13 @@ class AuditUtil {
         }
         return fullPropertyName;
     }
-    static appendMediusQueryParamsToUrl(queryParams) {
-        let url = `?offset=${queryParams.itemsOffset}&limit=${queryParams.itemsPerPage}`;
-        if (queryParams.sortProperty && queryParams.sortProperty.length > 0) {
-            url += '&sort=';
-            const sortingQPs = [];
-            for (let i = 0; i < queryParams.sortProperty.length; i++) {
-                sortingQPs.push(`${queryParams.sortAsc?.[i] ?? true ? 'asc' : 'desc'}:${this.extractPropertyName(queryParams.sortProperty[i])}`);
-            }
-            url += sortingQPs.join(',');
-        }
-        if (queryParams.filterParams && queryParams.filterParams.length > 0) {
-            const filterQPs = [];
-            for (const mfp of queryParams.filterParams) {
-                switch (mfp.filterMatchType) {
-                    case MediusFilterMatchType.Equals: {
-                        filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.Equals}:${mfp.filterValue}`);
-                        break;
-                    }
-                    case MediusFilterMatchType.NotEquals: {
-                        filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.NotEquals}:${mfp.filterValue}`);
-                        break;
-                    }
-                    case MediusFilterMatchType.FromTo: {
-                        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: {
-                        filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.Contains}:${mfp.filterValue}`);
-                        break;
-                    }
-                    case MediusFilterMatchType.StartsWith: {
-                        filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.StartsWith}:${mfp.filterValue}`);
-                        break;
-                    }
-                    case MediusFilterMatchType.EndsWith: {
-                        filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.EndsWith}:${mfp.filterValue}`);
-                        break;
-                    }
-                    case MediusFilterMatchType.In: {
-                        filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.In}:${mfp.filterValue}`);
-                        break;
-                    }
-                    case MediusFilterMatchType.NotIn: {
-                        filterQPs.push(`${this.extractPropertyName(mfp.property)}=${NewMediusFilterMatchType.NotIn}:${mfp.filterValue}`);
-                        break;
-                    }
-                    case MediusFilterMatchType.SmallerThan: {
-                        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: {
-                        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;
-                    }
-                }
-            }
-            url += '&';
-            url += filterQPs.join('&');
-        }
-        return url;
+    static paramsToHttpParams(params) {
+        const routeParams = DataListParamsUtil.toUrlQueryParams(params, null);
+        let httpParams = new HttpParams();
+        Object.entries(routeParams).forEach(([key, value]) => {
+            httpParams = httpParams.append(key, value);
+        });
+        return httpParams;
     }
     static mapItemsToEntityChangesArray(fieldValue) {
         const entityChanges = [];
@@ -400,7 +402,7 @@ class AuditUtil {
     }
 }
 
-class MngAuditRevisionsApiService extends AMngBaseApiService {
+class MngAuditRevisionsApiService extends AMngBaseObsoleteV1ApiService {
     constructor() {
         super();
         this.moduleConfig = inject(MNG_AUDIT_MODULE_CONFIG_IT);
@@ -412,20 +414,28 @@ class MngAuditRevisionsApiService extends AMngBaseApiService {
     getBasePath() {
         return `${this.configService.getConfigValue(this.moduleConfig.apiBasePathConfigKey)}`;
     }
-    getRevisionList(queryParams) {
-        return this.http.get(this.getUrl(AuditUtil.appendMediusQueryParamsToUrl(queryParams)));
+    getRevisionList(params) {
+        return this.http.get(this.getUrl(''), {
+            params: AuditUtil.paramsToHttpParams(params)
+        });
     }
     getAllChangesForRevision(revId) {
         return this.http.get(this.getUrl(`/changes/${revId}`));
     }
-    listRevisionsWithStateForEntityType(queryParams, entityType) {
-        return this.http.get(this.getUrl(`/states/${entityType}`, AuditUtil.appendMediusQueryParamsToUrl(queryParams))).pipe(map(res => ({
-            data: this.deserializeClassArray(res.data, MngRevEntityWithStateDto),
-            totalCount: res.totalCount
-        })));
+    listRevisionsWithStateForEntityType(params, entityType) {
+        return this.http
+            .get(this.getUrl(`/states/${entityType}`), {
+            params: AuditUtil.paramsToHttpParams(params)
+        })
+            .pipe(map(res => {
+            return {
+                data: this.deserializeClassArray(res.data, MngRevEntityWithStateDto),
+                totalCount: res.totalCount
+            };
+        }));
     }
     fetchRevisionsWithStateForEntityType(entityType, revId, itemId) {
-        return this.http.get(this.getUrl(`/states/${entityType}?rev=eq:${revId}&id=eq:${itemId}`)).pipe(map(response => this.deserializeClassArray(response, MngRevEntityWithId).map(i => {
+        return this.http.get(this.getUrl(`/states/${entityType}?rev=eq:${revId}&id=eq:${itemId}`)).pipe(map(res => this.deserializeClassArray(res.data, MngRevEntityWithId).map(i => {
             i.mergedId = i.revEntity?.['rev'] + '_' + i.entityState?.['id'];
             return i;
         })), map(items => {
@@ -442,91 +452,92 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
-var MngGuiEntityModelDto_1;
-let MngGuiEntityModelDto = class MngGuiEntityModelDto {
-    static { MngGuiEntityModelDto_1 = this; }
-    static { this.attributeTypeMap = [
-        {
-            name: 'entityName',
-            baseName: 'entityName',
-            type: 'string'
-        },
-        {
-            name: 'properties',
-            baseName: 'properties',
-            type: 'Array<GuiPropertyModel>'
-        }
-    ]; }
-    static getAttributeTypeMap() {
-        return MngGuiEntityModelDto_1.attributeTypeMap;
-    }
-};
-MngGuiEntityModelDto = MngGuiEntityModelDto_1 = __decorate([
-    TypeName('MngGuiEntityModelDto')
-], MngGuiEntityModelDto);
-TypeRegistry.get().registerType(MngGuiEntityModelDto);
-
-class MngAuditService extends AMngBaseApiService {
-    constructor() {
-        super();
-        this.CACHE_SIZE = 1;
-        this.moduleConfig = inject(MNG_AUDIT_MODULE_CONFIG_IT);
-        this.configService = MngConfigurationService.get();
-    }
-    getServiceBasePath() {
-        return this.moduleConfig.apiServiceBasePath ?? '';
-    }
-    getBasePath() {
-        return `${this.configService.getConfigValue(this.moduleConfig.apiBasePathConfigKey)}`;
-    }
-    get revModel$() {
-        if (!this.revModelObs) {
-            this.revModelObs = this.requestRevModel().pipe(shareReplay(this.CACHE_SIZE));
-        }
-        return this.revModelObs;
-    }
-    get auditModel$() {
-        if (!this.auditModelObs) {
-            this.auditModelObs = this.requestAuditModel().pipe(shareReplay(this.CACHE_SIZE));
-        }
-        return this.auditModelObs;
-    }
-    requestRevModel() {
-        return this.http.get(this.getUrl('/rev-model'));
-    }
-    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: "17.2.1", ngImport: i0, type: MngAuditService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MngAuditService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MngAuditService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-class MngAuditPageComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MngAuditPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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: "17.2.1", 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();
-        this.router = router;
-        this.destroyRef = inject(DestroyRef);
+class MngAuditEntityRevisionsPageComponent {
+    constructor() {
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        this.translate = inject(TranslateService);
         this.auditService = inject(MngAuditService);
-        this.revisionsApiService = inject(MngAuditRevisionsApiService);
-        this.showTableview = signal(false);
+        this.revModel = toSignal(this.auditService.revModel$);
+        this.auditModel = toSignal(this.auditService.auditModel$);
+        this.entityClass = toSignal(this.route.paramMap.pipe(map(pm => pm.get('entityClass') ?? undefined)));
+        this.selectedRevisionEntity = computed(() => {
+            const entities = this.auditModel();
+            const entityClass = this.entityClass();
+            if (entityClass && entities) {
+                for (const e of entities) {
+                    if (e.entityName === entityClass) {
+                        return e;
+                    }
+                }
+            }
+            return undefined;
+        });
+        this.descriptor = computed(() => {
+            const revModel = this.revModel();
+            const selectedRevisionEntity = this.selectedRevisionEntity();
+            if (!revModel || !selectedRevisionEntity?.entityName) {
+                return undefined;
+            }
+            const desc = TableviewDescriptor.fromClass(MngRevEntityWithId, 'mergedId', undefined, selectedRevisionEntity.entityName);
+            AuditUtil.buildDescriptorForEntityRevision(desc, revModel, selectedRevisionEntity);
+            desc.table.withColumnsResizable();
+            desc.table.withCurrentColumnsReorderable();
+            desc.table.withCurrentColumnsToggleable();
+            return desc;
+        });
+        this.dataProvider = computed(() => {
+            const revModel = this.revModel();
+            const selectedRevisionEntity = this.selectedRevisionEntity();
+            if (!revModel || !selectedRevisionEntity?.entityName) {
+                return undefined;
+            }
+            const entityName = selectedRevisionEntity.entityName;
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            return TableviewDataProvider.fromClassWithService(MngRevEntityWithId, MngAuditRevisionsApiService).withGetAll((params, service) => selectedRevisionEntity.entityName
+                ? service.listRevisionsWithStateForEntityType(params, entityName).pipe(map(res => {
+                    const revEntityWithStateAndIdList = [];
+                    for (const revEntityWithState of res.data) {
+                        const revEntityWithStateAndId = new MngRevEntityWithId();
+                        revEntityWithStateAndId.mergedId = revEntityWithState.revEntity?.['rev'] + '_' + revEntityWithState.entityState?.['id'];
+                        revEntityWithStateAndId.revType = revEntityWithState.revType;
+                        revEntityWithStateAndId.revEntity = revEntityWithState.revEntity;
+                        revEntityWithStateAndId.entityState = revEntityWithState.entityState;
+                        revEntityWithStateAndId.entityClassName = revEntityWithState.entityClassName;
+                        revEntityWithStateAndIdList.push(revEntityWithStateAndId);
+                    }
+                    return { data: revEntityWithStateAndIdList, totalCount: res.totalCount };
+                }))
+                : throwError(() => new MngInternalError('No revision entity is provided for list.')));
+        });
+        this.actions = computed(() => {
+            const selectedRevisionEntity = this.selectedRevisionEntity();
+            const descriptor = this.descriptor();
+            if (!selectedRevisionEntity?.entityName || !descriptor) {
+                return [];
+            }
+            const entityName = selectedRevisionEntity.entityName;
+            const detailsAction = ActionEditorDetailsDescriptor.createWithProvider(descriptor.detailsEditor, MngAuditRevisionsApiService)
+                .withFetchFunction(ctx => {
+                if (!entityName) {
+                    return throwError(() => new MngInternalError('No revision entity is provided for details.'));
+                }
+                if (!ctx.parameters.itemId) {
+                    return throwError(() => new MngInternalError('No item id for revision entity details is provided.'));
+                }
+                const revId = ctx.parameters.itemId.toString().split('_')[0];
+                const itemId = ctx.parameters.itemId.toString().split('_')[1];
+                return ctx.serviceInstance.fetchRevisionsWithStateForEntityType(entityName, revId, itemId);
+            })
+                .withEditorTitle('pages.entityRevisions.actions.details.editor.title');
+            return [detailsAction];
+        });
         this.revisionEntitiesLookupProvider = LookupDataProvider.fromClass(MngGuiEntityModelWithI18n).withLookup(() => this.auditService.auditModel$.pipe(map(model => {
             const modelI18n = model;
             modelI18n.sort((m1, m2) => {
@@ -541,97 +552,37 @@ class MngAuditEntityRevisionsPageComponent extends AMngTableviewRouteComponent {
                 }
             });
             modelI18n.forEach(item => {
-                const translatedEntityName = this.translateService.instant('AuditEntities.' + item.entityName);
+                const translatedEntityName = this.translate.instant('AuditEntities.' + item.entityName);
                 item.entityNameI18n = translatedEntityName.includes('AuditEntities.') ? item.entityName : translatedEntityName;
             });
             return modelI18n;
         })));
-    }
-    ngOnInit() {
-        this.route.paramMap.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(params => {
-            const entityClass = params.get('entityClass');
-            if (entityClass) {
-                combineLatest([this.auditService.auditModel$, this.auditService.revModel$]).subscribe(([entities, revModel]) => {
-                    this.revModel = revModel;
-                    for (const e of entities) {
-                        if (e.entityName === entityClass) {
-                            this.selectedRevisionEntity = e;
-                            super.ngOnInit();
-                            setTimeout(() => this.showTableview.set(true));
-                        }
-                    }
+        this.showTableview = signal(false);
+        effect(() => {
+            const descriptor = this.descriptor();
+            if (descriptor) {
+                setTimeout(() => {
+                    this.showTableview.set(true);
                 });
             }
-        });
+        }, { allowSignalWrites: true });
     }
-    onRevisionEntityChange() {
+    onRevisionEntityChange(value) {
         this.showTableview.set(false);
-        if (this.selectedRevisionEntity) {
-            this.router.navigate(['/audit/entity-revisions/' + this.selectedRevisionEntity.entityName]);
+        if (value) {
+            this.router.navigate(['/audit/entity-revisions/' + value.entityName]);
         }
         else {
             this.router.navigate(['/audit/entity-revisions/']);
         }
     }
-    createTableviewDescriptor() {
-        if (!this.revModel || !this.selectedRevisionEntity?.entityName) {
-            throw new MngInternalError('No revision model or revision entity is provided for tableview.');
-        }
-        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();
-        return desc;
-    }
-    createTableviewDataProvider() {
-        if (!this.revModel || !this.selectedRevisionEntity?.entityName) {
-            throw new MngInternalError('No revision model or revision entity is provided for tableview.');
-        }
-        const entityName = this.selectedRevisionEntity.entityName;
-        return TableviewDataProvider.fromClass(MngRevEntityWithId).withGetAll(qp => this.selectedRevisionEntity?.entityName
-            ? this.revisionsApiService.listRevisionsWithStateForEntityType(qp, entityName).pipe(map(res => {
-                const revEntityWithStateAndIdList = [];
-                for (const revEntityWithState of res.data) {
-                    const revEntityWithStateAndId = new MngRevEntityWithId();
-                    revEntityWithStateAndId.mergedId = revEntityWithState.revEntity?.['rev'] + '_' + revEntityWithState.entityState?.['id'];
-                    revEntityWithStateAndId.revType = revEntityWithState.revType;
-                    revEntityWithStateAndId.revEntity = revEntityWithState.revEntity;
-                    revEntityWithStateAndId.entityState = revEntityWithState.entityState;
-                    revEntityWithStateAndId.entityClassName = revEntityWithState.entityClassName;
-                    revEntityWithStateAndIdList.push(revEntityWithStateAndId);
-                }
-                return MediusQueryResult.fromArray(revEntityWithStateAndIdList, res.totalCount);
-            }))
-            : throwError(() => new MngInternalError('No revision entity is provided for list.')));
-    }
-    createActionDescriptors() {
-        if (!this.revModel || !this.selectedRevisionEntity?.entityName) {
-            throw new MngInternalError('No revision model or revision entity is provided for tableview.');
-        }
-        const entityName = this.selectedRevisionEntity.entityName;
-        const detailsAction = ActionEditorDetailsDescriptor.create(this.descriptor.detailsEditor)
-            .withFetchFunction(ctx => {
-            if (!entityName) {
-                return throwError(() => new MngInternalError('No revision entity is provided for details.'));
-            }
-            if (!ctx.parameters.itemId) {
-                return throwError(() => new MngInternalError('No item id for revision entity details is provided.'));
-            }
-            const revId = ctx.parameters.itemId.toString().split('_')[0];
-            const itemId = ctx.parameters.itemId.toString().split('_')[1];
-            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: "17.2.1", ngImport: i0, type: MngAuditEntityRevisionsPageComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", 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 }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MngAuditEntityRevisionsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", type: MngAuditEntityRevisionsPageComponent, isStandalone: true, selector: "mng-audit-entity-revisions-page", providers: [MngAuditRevisionsApiService], 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($event)\"\n            [dataProvider]=\"revisionEntitiesLookupProvider\"\n            [showClear]=\"true\"></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() && descriptor()) {\n    <mng-tableview [descriptor]=\"descriptor()!\" [dataProvider]=\"dataProvider()\" [actions]=\"actions()\"></mng-tableview>\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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: MngTableviewComponent, selector: "mng-tableview", inputs: ["descriptor", "dataProvider", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MngAuditEntityRevisionsPageComponent, decorators: [{
             type: Component,
-            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 }] });
+            args: [{ standalone: true, selector: 'mng-audit-entity-revisions-page', imports: [MngDropdownComponent, MngTableviewRouteComponent, FormsModule, AsyncPipe, TranslateModule, FormlyModule, MngTableviewComponent], providers: [MngAuditRevisionsApiService], changeDetection: ChangeDetectionStrategy.OnPush, 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($event)\"\n            [dataProvider]=\"revisionEntitiesLookupProvider\"\n            [showClear]=\"true\"></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() && descriptor()) {\n    <mng-tableview [descriptor]=\"descriptor()!\" [dataProvider]=\"dataProvider()\" [actions]=\"actions()\"></mng-tableview>\n}\n" }]
+        }], ctorParameters: () => [] });
 
 var MngRevEntityWithChangesDto_1;
 let MngRevEntityWithChangesDto = class MngRevEntityWithChangesDto {
@@ -709,7 +660,7 @@ class EntityChangesFieldComponent extends AMngFormlyCustomFieldComponent {
         if (guiEntityModel.entityName) {
             desc.withTitle(guiEntityModel.entityName);
         }
-        desc.addColumn('revType').withTitle('MngEntityRevisionChangeState.properties.revType').asEnum(MngRevisionTypeDto);
+        desc.addColumnEnum('revType', revisionTypeEnum).withTitle('MngEntityRevisionChangeState.properties.revType');
         if (guiEntityModel.properties) {
             AuditUtil.addColumnsFromModel(desc, guiEntityModel.properties, undefined, false, false);
         }
@@ -726,83 +677,71 @@ class EntityChangesFieldComponent extends AMngFormlyCustomFieldComponent {
         return desc;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EntityChangesFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", 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", "columnLastMinWidth", "captionComponent", "columnCustomLastComponent", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnCustomLastComponentInstance"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", 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", "result", "loading", "dataProvider", "useQueryParams", "selectionMode", "selectionEnabled", "columnLastMinWidth", "captionComponent", "columnCustomLastComponent", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnCustomLastComponentInstance"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EntityChangesFieldComponent, decorators: [{
             type: Component,
-            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"] }]
+            args: [{ standalone: true, selector: 'mng-entity-changes-field', imports: [MngTableComponent, AsyncPipe], changeDetection: ChangeDetectionStrategy.OnPush, 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
             }] } });
 
-class MngAuditRevisionsPageComponent extends AMngTableviewRouteComponent {
+class MngAuditRevisionsPageComponent {
     constructor() {
-        super(...arguments);
-        this.destroyRef = inject(DestroyRef);
         this.injector = inject(Injector);
         this.auditService = inject(MngAuditService);
-        this.revisisonsApiService = inject(MngAuditRevisionsApiService);
-        this.showTableview = signal(false);
-    }
-    ngOnInit() {
-        this.auditService.revModel$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
-            next: model => {
-                this.revModel = model;
-                super.ngOnInit();
-                setTimeout(() => this.showTableview.set(true));
+        this.revModel = toSignal(this.auditService.revModel$);
+        this.showTableview = computed(() => this.revModel() != null);
+        this.descriptor = computed(() => {
+            const revModel = this.revModel();
+            if (revModel) {
+                const idProperty = revModel.properties?.filter(prop => prop.isId).map(prop => prop.resolvedPropertyName)[0];
+                const model = ModelDescriptor.fromClass(MngRevEntity);
+                if (revModel.entityName)
+                    model.withI18nBase(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 (revModel.properties) {
+                    AuditUtil.addColumnsFromModel(desc.table, revModel.properties);
+                    AuditUtil.addFieldsFromModel(detailsDescriptor, revModel.properties);
+                }
+                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
+                return desc;
             }
+            return TableviewDescriptor.fromClass(MngRevEntity);
+        });
+        this.dataProvider = signal(TableviewDataProvider.fromClassWithService(MngRevEntity, MngAuditRevisionsApiService).withGetAll((params, service) => service.getRevisionList(params).pipe(map(res => ({ data: res.data, totalCount: res.totalCount })))));
+        this.actions = computed(() => {
+            console.log(this.descriptor());
+            const detailsAction = ActionEditorDetailsDescriptor.createWithProvider(this.descriptor().detailsEditor, MngAuditRevisionsApiService).withFetchFunction(ctx => {
+                console.log(ctx);
+                return ctx.serviceInstance.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];
         });
     }
-    createTableviewDescriptor() {
-        if (this.revModel) {
-            const idProperty = this.revModel.properties?.filter(prop => prop.isId).map(prop => prop.resolvedPropertyName)[0];
-            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, {
-                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 TableviewDescriptor.fromClass(MngRevEntity);
-    }
-    createTableviewDataProvider() {
-        if (this.revModel) {
-            return TableviewDataProvider.fromClass(MngRevEntity).withGetAll(qp => this.revisisonsApiService.getRevisionList(qp).pipe(map(res => MediusQueryResult.fromArray(res.data, res.totalCount))));
-        }
-        return TableviewDataProvider.fromClass(MngRevEntity);
-    }
-    createActionDescriptors() {
-        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: "17.2.1", ngImport: i0, type: MngAuditRevisionsPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MngAuditRevisionsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", type: MngAuditRevisionsPageComponent, isStandalone: true, selector: "mng-audit-revisions-page", providers: [MngAuditRevisionsApiService], ngImport: i0, template: "@if (showTableview()) {\n    <mng-tableview [descriptor]=\"descriptor()\" [dataProvider]=\"dataProvider()\" [actions]=\"actions()\"></mng-tableview>\n}\n", dependencies: [{ kind: "component", type: MngTableviewComponent, selector: "mng-tableview", inputs: ["descriptor", "dataProvider", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MngAuditRevisionsPageComponent, decorators: [{
             type: Component,
-            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" }]
+            args: [{ standalone: true, selector: 'mng-audit-revisions-page', imports: [MngTableviewComponent, AsyncPipe, RouterOutlet, JsonPipe], providers: [MngAuditRevisionsApiService], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showTableview()) {\n    <mng-tableview [descriptor]=\"descriptor()\" [dataProvider]=\"dataProvider()\" [actions]=\"actions()\"></mng-tableview>\n}\n" }]
         }] });
 
 /**
@@ -813,8 +752,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
 function provideMngAuditRoutes(config, routeConfig) {
     const routeBuilder = RouteBuilder.create('', config.rootPageComponent ?? MngAuditPageComponent)
         .withProvider(MngAuditService)
-        .withProvider(MngAuditService)
-        .withProvider(MngAuditRevisionsApiService)
         .withProvider({
         provide: MNG_AUDIT_MODULE_CONFIG_IT,
         useValue: config