@acorex/modules 20.0.25 → 20.1.0

package/fesm2022/acorex-modules-security-management.mjs

@@ -1,9 +1,10 @@
 import { createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXPSearchCommandProvider, AXPRefreshEvent, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
 import * as i2 from '@acorex/platform/layout/builder';
 import { AXPWidgetsCatalog, AXPWidgetGroupEnum, AXPLayoutBuilderModule, AXPValueWidgetComponent, AXPColumnWidgetComponent, AXPLayoutWidgetComponent } from '@acorex/platform/layout/builder';
-import { AXMEntityCrudServiceImpl, AXPEntityService, AXPEntityResolver, AXPEntityDefinitionRegistryService, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+import { AXMDeviceSessionsService, AXMDeviceSessionsServiceImpl } from '@acorex/modules/auth';
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, inject, Injector, signal, input, output, computed, ViewEncapsulation, Component, ViewChild, effect, ChangeDetectionStrategy } from '@angular/core';
+import { NgModule, Injectable, inject, Injector, signal, input, output, computed, ViewEncapsulation, Component, ViewChild, effect, ChangeDetectionStrategy } from '@angular/core';
+import { AXMEntityCrudServiceImpl, AXPEntityService, AXPEntityResolver, AXPEntityDefinitionRegistryService, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import * as i1 from '@acorex/platform/workflow';
 import { createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowModule, AXPWorkflowService } from '@acorex/platform/workflow';
 import { AXPSessionService, AXPPermissionDefinitionService } from '@acorex/platform/auth';
@@ -15,6 +16,7 @@ import { AXTranslationService, AXTranslationModule } from '@acorex/core/translat
 import { AXP_USER_AVATAR_PROVIDER, AXPThemeLayoutBlockComponent } from '@acorex/platform/layout/components';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY } from '@acorex/platform/widgets';
 import { AXPopupService } from '@acorex/components/popup';
+import { AXP_DATASOURCE_DEFINITION_PROVIDER } from '@acorex/platform/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { AXFormModule } from '@acorex/components/form';
@@ -73,22 +75,6 @@ const RootConfig = {
     },
 };
 
-class AXMDeviceSessionsService extends AXMEntityCrudServiceImpl {
-}
-class AXMDeviceSessionsServiceImpl extends AXMDeviceSessionsService {
-    constructor() {
-        super(`${RootConfig.module.name}.${RootConfig.entities.deviceSessions.name}`);
-    }
-    terminate(id) {
-        throw new Error('Method not implemented.');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMDeviceSessionsServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMDeviceSessionsServiceImpl }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMDeviceSessionsServiceImpl, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
 async function factory$3(injector) {
     const dataService = injector.get(AXMDeviceSessionsService);
     const i18n = RootConfig.config.i18n;
@@ -604,16 +590,16 @@ var deviceSessions_entity = /*#__PURE__*/Object.freeze({
 });
 
 class AXMSecurityManagementDeviceSessionsEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementDeviceSessionsEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementDeviceSessionsEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementDeviceSessionsEntityModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementDeviceSessionsEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementDeviceSessionsEntityModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementDeviceSessionsEntityModule, providers: [
             {
                 provide: AXMDeviceSessionsService,
                 useClass: AXMDeviceSessionsServiceImpl,
             },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementDeviceSessionsEntityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementDeviceSessionsEntityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -628,23 +614,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
                 }]
         }] });
 
-var AXMSessionStatusTypes;
-(function (AXMSessionStatusTypes) {
-    AXMSessionStatusTypes["revoked"] = "revoked";
-    AXMSessionStatusTypes["expired"] = "expired";
-    AXMSessionStatusTypes["active"] = "active";
-})(AXMSessionStatusTypes || (AXMSessionStatusTypes = {}));
-
 class AXMSecurityManagementRolesEntityService extends AXMEntityCrudServiceImpl {
 }
 class AXMSecurityManagementRolesEntityServiceImpl extends AXMSecurityManagementRolesEntityService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.roles.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementRolesEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementRolesEntityServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementRolesEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementRolesEntityServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementRolesEntityServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementRolesEntityServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -654,10 +633,10 @@ class AXMUsersEntityServiceImpl extends AXMUsersEntityService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.users.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMUsersEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMUsersEntityServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMUsersEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMUsersEntityServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMUsersEntityServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMUsersEntityServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -694,10 +673,10 @@ class AXMEntityProvider {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMEntityProvider }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMEntityProvider }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMEntityProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMEntityProvider, decorators: [{
             type: Injectable
         }] });
 
@@ -1334,16 +1313,16 @@ var users_entity = /*#__PURE__*/Object.freeze({
 });
 
 class AXMSecurityManagementUsersEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementUsersEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementUsersEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementUsersEntityModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementUsersEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementUsersEntityModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementUsersEntityModule, providers: [
             {
                 provide: AXMUsersEntityService,
                 useClass: AXMUsersEntityServiceImpl,
             },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementUsersEntityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementUsersEntityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -1583,11 +1562,11 @@ var profile_entity = /*#__PURE__*/Object.freeze({
 });
 
 class AXMSecurityManagementProfileEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementProfileEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementProfileEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementProfileEntityModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementProfileEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementProfileEntityModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementProfileEntityModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementProfileEntityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementProfileEntityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -1993,16 +1972,16 @@ var roles_entity = /*#__PURE__*/Object.freeze({
 });
 
 class AXMSecurityManagementRolesEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementRolesEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementRolesEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementRolesEntityModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementRolesEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementRolesEntityModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementRolesEntityModule, providers: [
             {
                 provide: AXMSecurityManagementRolesEntityService,
                 useClass: AXMSecurityManagementRolesEntityServiceImpl,
             },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementRolesEntityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementRolesEntityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -2112,10 +2091,10 @@ class AXPSessionTerminatePopupAction extends AXPWorkflowAction {
             }, 300);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPSessionTerminatePopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPSessionTerminatePopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPSessionTerminatePopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPSessionTerminatePopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPSessionTerminatePopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPSessionTerminatePopupAction, decorators: [{
             type: Injectable
         }] });
 const AXPSessionTerminateWorkflow = {
@@ -2225,10 +2204,10 @@ class AXMOpenPermissionsEditorAction extends AXPWorkflowAction {
             context.setOutput('result', true);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMOpenPermissionsEditorAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMOpenPermissionsEditorAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMOpenPermissionsEditorAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMOpenPermissionsEditorAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMOpenPermissionsEditorAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMOpenPermissionsEditorAction, decorators: [{
             type: Injectable
         }] });
 const AXMAssignPermissionsWorkflow = {
@@ -2273,9 +2252,9 @@ const AXMAssignPermissionsWorkflow = {
 };
 
 class AXMPermissionsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMPermissionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.7", ngImport: i0, type: AXMPermissionsModule, imports: [i1.AXPWorkflowModule, i2.AXPLayoutBuilderModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMPermissionsModule, imports: [AXPWorkflowModule.forChild({
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMPermissionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXMPermissionsModule, imports: [i1.AXPWorkflowModule, i2.AXPLayoutBuilderModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMPermissionsModule, imports: [AXPWorkflowModule.forChild({
                 workflows: {
                     'assign-permissions': AXMAssignPermissionsWorkflow
                 },
@@ -2289,7 +2268,7 @@ class AXMPermissionsModule {
                 ]
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMPermissionsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMPermissionsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2310,14 +2289,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
                 }]
         }] });
 
+class AXMUsersDataSourceDefinition {
+    constructor() {
+        this.userService = inject(AXMUsersEntityService);
+    }
+    items() {
+        return Promise.resolve([
+            {
+                name: 'users',
+                title: 'Users',
+                source: () => {
+                    return new AXDataSource({
+                        load: async (_) => {
+                            try {
+                                const res = await this.userService.query();
+                                return {
+                                    items: res.items.map((item) => ({
+                                        ...item,
+                                        displayName: `${item.firstName} ${item.lastName}`,
+                                    })),
+                                    total: res.total,
+                                };
+                            }
+                            catch (e) {
+                                console.log(e);
+                                throw e;
+                            }
+                        },
+                        pageSize: 100,
+                    });
+                },
+                columns: [
+                    {
+                        name: 'id',
+                        title: 'ID',
+                        datatype: 'uuid',
+                        type: AXPWidgetsCatalog.text,
+                    },
+                    {
+                        name: 'displayName',
+                        title: `Display Name`,
+                        datatype: 'string',
+                        type: AXPWidgetsCatalog.text,
+                    },
+                    {
+                        name: 'username',
+                        title: `Username`,
+                        datatype: 'string',
+                        type: AXPWidgetsCatalog.text,
+                    },
+                ],
+                filters: [
+                    {
+                        field: 'username',
+                        title: 'Username',
+                        operator: {
+                            type: 'equal',
+                        },
+                        widget: {
+                            type: AXPWidgetsCatalog.text,
+                        },
+                        filterType: {
+                            advance: true,
+                            inline: true,
+                        },
+                    },
+                ],
+                textField: {
+                    name: 'displayName',
+                    title: 'Display Name',
+                },
+                valueField: {
+                    name: 'id',
+                    title: 'ID',
+                },
+            },
+        ]);
+    }
+}
+
 class AXMSecurityManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementModule, imports: [AXMSecurityManagementDeviceSessionsEntityModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementModule, imports: [AXMSecurityManagementDeviceSessionsEntityModule,
             AXMSecurityManagementProfileEntityModule,
             AXMSecurityManagementRolesEntityModule,
             AXMSecurityManagementUsersEntityModule,
             AXMPermissionsModule, i1.AXPWorkflowModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementModule, providers: [
             {
                 provide: AXP_MENU_PROVIDER,
                 useClass: AXMMenuProvider,
@@ -2336,7 +2394,12 @@ class AXMSecurityManagementModule {
             {
                 provide: AXP_USER_AVATAR_PROVIDER,
                 useClass: AXMUserAvatarProvider,
-            }
+            },
+            {
+                provide: AXP_DATASOURCE_DEFINITION_PROVIDER,
+                useClass: AXMUsersDataSourceDefinition,
+                multi: true,
+            },
         ], imports: [AXMSecurityManagementDeviceSessionsEntityModule,
             AXMSecurityManagementProfileEntityModule,
             AXMSecurityManagementRolesEntityModule,
@@ -2352,7 +2415,7 @@ class AXMSecurityManagementModule {
                 functions: {},
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXMSecurityManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMSecurityManagementModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2392,7 +2455,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
                         {
                             provide: AXP_USER_AVATAR_PROVIDER,
                             useClass: AXMUserAvatarProvider,
-                        }
+                        },
+                        {
+                            provide: AXP_DATASOURCE_DEFINITION_PROVIDER,
+                            useClass: AXMUsersDataSourceDefinition,
+                            multi: true,
+                        },
                     ],
                 }]
         }] });
@@ -2405,15 +2473,15 @@ class AXPPermissionsEditorComponent {
         /** Service for fetching permission groups and definitions */
         this.permissionService = inject(AXPPermissionDefinitionService);
         /** Currently selected permission group */
-        this.selectedGroup = signal(null);
+        this.selectedGroup = signal(null, ...(ngDevMode ? [{ debugName: "selectedGroup" }] : []));
         /** All available permission groups */
-        this.groups = signal([]);
+        this.groups = signal([], ...(ngDevMode ? [{ debugName: "groups" }] : []));
         /** Initial permissions to be selected - exposed as signal input */
-        this.initialPermissions = input([]);
+        this.initialPermissions = input([], ...(ngDevMode ? [{ debugName: "initialPermissions" }] : []));
         /** Whether the editor is in read-only mode */
-        this.readOnly = input(false);
+        this.readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
         /** List of selected permission names */
-        this.selectedPermissions = signal([]);
+        this.selectedPermissions = signal([], ...(ngDevMode ? [{ debugName: "selectedPermissions" }] : []));
         /** Event emitted when permissions selection changes */
         this.permissionsChanged = output();
         /** Event emitted when permissions are applied/selected */
@@ -2424,7 +2492,7 @@ class AXPPermissionsEditorComponent {
         this.items = computed(() => {
             const permissions = this.selectedGroup()?.permissions || [];
             return this.mapPermissions(permissions);
-        });
+        }, ...(ngDevMode ? [{ debugName: "items" }] : []));
         /**
          * Computed: Returns groups with badge counts.
          */
@@ -2437,7 +2505,7 @@ class AXPPermissionsEditorComponent {
                 };
             });
             return result;
-        });
+        }, ...(ngDevMode ? [{ debugName: "groupsWithBadge" }] : []));
     }
     // #endregion
     // #region ----------------   Computed Properties   ----------------
@@ -2554,14 +2622,14 @@ class AXPPermissionsEditorComponent {
         }
         this.permissionsChanged.emit(this.selectedPermissions());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPPermissionsEditorComponent, isStandalone: true, selector: "axm-permissions-editor", inputs: { initialPermissions: { classPropertyName: "initialPermissions", publicName: "initialPermissions", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { permissionsChanged: "permissionsChanged", permissionsSelected: "permissionsSelected" }, host: { classAttribute: "ax-h-[75vh] ax-flex" }, ngImport: i0, template: "<div class=\"__groups ax-p-4 ax-min-h-full  ax-w-2/5\">\n    <ax-tabs location=\"start\" look=\"with-line-color\" class=\"ax-h-full\">\n        @for (group of groupsWithBadge(); track $index) {\n        <ax-tab-item [active]=\"group.name === selectedGroup()?.name\" [text]=\"group.title\"\n            (onClick)=\"handleMenuItemClick(group)\">\n            <ax-suffix>\n                <ax-badge color=\"primary\" [text]=\"group.badge\"></ax-badge>\n            </ax-suffix>\n        </ax-tab-item>\n        }\n    </ax-tabs>\n</div>\n\n<div class=\"__permissions ax-flex ax-h-full ax-overflow-auto ax-flex-col ax-w-3/5 ax-border-s\">\n\n    <div class=\"__header ax-p-4 ax-border-b ax-border-lightest\">\n        <span class=\"ax-h6\">{{ selectedGroup()?.title! }}</span>\n    </div>\n\n    <div class=\"__content ax-flex ax-p-4 ax-overflow-auto\">\n\n        <ul class=\"__list\">\n            <ng-template #recursiveList let-items>\n                @for (item of items; track $index) {\n                <li class=\"__item ax-py-1 ax-ps-2\">\n\n                    <ax-check-box [ngModel]=\"item.isSelected\" [readonly]=\"readOnly()\"\n                        (onValueChanged)=\"onPermissionToggle(item, $event)\">\n                        <ax-label>\n                            {{ item.title }}\n                            @if (item.description) {\n                            <i class=\"ax-ps-2 ax-text-xs fa-light fa-circle-info\" [title]=\"item.description\"></i>\n                            }\n                        </ax-label>\n                    </ax-check-box>\n\n                    @if (item.children && item.children.length > 0) {\n                    <ul class=\"__children ax-p-2 ax-mt-1 ax-ms-1\">\n                        <ng-container\n                            *ngTemplateOutlet=\"recursiveList; context: { $implicit: item.children }\"></ng-container>\n                    </ul>\n                    }\n\n                </li>\n                }\n            </ng-template>\n            <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items() }\"></ng-container>\n        </ul>\n    </div>\n</div>", styles: [".axm-permissions-editor{display:flex;height:100%;flex-direction:column}.axm-permissions-editor .__groups .__tabs{height:100%}.axm-permissions-editor .__permissions .__header .__title{font-size:1rem;font-weight:500;line-height:1rem}.axm-permissions-editor .__permissions .__content .__list{width:100%}.axm-permissions-editor .__permissions .__content .__list .__item .__children{margin-left:.5rem;border-left-width:1px;border-style:dashed;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lighter-surface),var(--tw-border-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPPermissionsEditorComponent, isStandalone: true, selector: "axm-permissions-editor", inputs: { initialPermissions: { classPropertyName: "initialPermissions", publicName: "initialPermissions", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { permissionsChanged: "permissionsChanged", permissionsSelected: "permissionsSelected" }, host: { classAttribute: "ax-h-[75vh] ax-flex" }, ngImport: i0, template: "<div class=\"__groups ax-p-4 ax-min-h-full  ax-w-2/5\">\n    <ax-tabs location=\"start\" look=\"with-line-color\" class=\"ax-h-full\">\n        @for (group of groupsWithBadge(); track $index) {\n        <ax-tab-item [active]=\"group.name === selectedGroup()?.name\" [text]=\"group.title\"\n            (onClick)=\"handleMenuItemClick(group)\">\n            <ax-suffix>\n                <ax-badge color=\"primary\" [text]=\"group.badge\"></ax-badge>\n            </ax-suffix>\n        </ax-tab-item>\n        }\n    </ax-tabs>\n</div>\n\n<div class=\"__permissions ax-flex ax-h-full ax-overflow-auto ax-flex-col ax-w-3/5 ax-border-s\">\n\n    <div class=\"__header ax-p-4 ax-border-b ax-border-lightest\">\n        <span class=\"ax-h6\">{{ selectedGroup()?.title! }}</span>\n    </div>\n\n    <div class=\"__content ax-flex ax-p-4 ax-overflow-auto\">\n\n        <ul class=\"__list\">\n            <ng-template #recursiveList let-items>\n                @for (item of items; track $index) {\n                <li class=\"__item ax-py-1 ax-ps-2\">\n\n                    <ax-check-box [ngModel]=\"item.isSelected\" [readonly]=\"readOnly()\"\n                        (onValueChanged)=\"onPermissionToggle(item, $event)\">\n                        <ax-label>\n                            {{ item.title }}\n                            @if (item.description) {\n                            <i class=\"ax-ps-2 ax-text-xs fa-light fa-circle-info\" [title]=\"item.description\"></i>\n                            }\n                        </ax-label>\n                    </ax-check-box>\n\n                    @if (item.children && item.children.length > 0) {\n                    <ul class=\"__children ax-p-2 ax-mt-1 ax-ms-1\">\n                        <ng-container\n                            *ngTemplateOutlet=\"recursiveList; context: { $implicit: item.children }\"></ng-container>\n                    </ul>\n                    }\n\n                </li>\n                }\n            </ng-template>\n            <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items() }\"></ng-container>\n        </ul>\n    </div>\n</div>", styles: [".axm-permissions-editor{display:flex;height:100%;flex-direction:column}.axm-permissions-editor .__groups .__tabs{height:100%}.axm-permissions-editor .__permissions .__header .__title{font-size:1rem;font-weight:500;line-height:1rem}.axm-permissions-editor .__permissions .__content .__list{width:100%}.axm-permissions-editor .__permissions .__content .__list .__item .__children{margin-left:.5rem;border-left-width:1px;border-style:dashed;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lighter-surface),var(--tw-border-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // Angular
                 CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
                 // ACoreX
                 AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i3.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i4.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i5.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i5.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i6.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i7.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTooltipModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-permissions-editor', imports: [
                         // Angular
@@ -2638,8 +2706,8 @@ class AXPPermissionsEditorPopupComponent extends AXPPopupLayoutBaseComponent {
             this.close(selectedPermissions);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsEditorPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: AXPPermissionsEditorPopupComponent, isStandalone: true, selector: "axm-permissions-editor-popup", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsEditorPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPPermissionsEditorPopupComponent, isStandalone: true, selector: "axm-permissions-editor-popup", providers: [
             {
                 provide: AXPPopupLayoutBase,
                 useExisting: AXPPermissionsEditorPopupComponent
@@ -2654,7 +2722,7 @@ class AXPPermissionsEditorPopupComponent extends AXPPopupLayoutBaseComponent {
                 // Local
                 AXPPermissionsEditorComponent, selector: "axm-permissions-editor", inputs: ["initialPermissions", "readOnly"], outputs: ["permissionsChanged", "permissionsSelected"] }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsEditorPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsEditorPopupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-permissions-editor-popup', imports: [
                         // Angular
@@ -2687,14 +2755,14 @@ class AXPPermissionsWidgetViewComponent extends AXPValueWidgetComponent {
         super(...arguments);
         this.permissionService = inject(AXPPermissionDefinitionService);
         this.workflowService = inject(AXPWorkflowService);
-        this.groups = signal([]);
+        this.groups = signal([], ...(ngDevMode ? [{ debugName: "groups" }] : []));
         this.loadGroupsEffect = effect(async () => {
             // Load groups when component initializes
             if (this.groups().length === 0) {
                 const groupsData = await this.permissionService.getGroups();
                 this.groups.set(groupsData);
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "loadGroupsEffect" }] : []));
         this.selectedPermissionsByGroup = computed(() => {
             const selected = new Set(this.getValue() ?? []);
             const result = {};
@@ -2720,18 +2788,18 @@ class AXPPermissionsWidgetViewComponent extends AXPValueWidgetComponent {
                 result[group.name] = permPaths;
             }
             return result;
-        });
+        }, ...(ngDevMode ? [{ debugName: "selectedPermissionsByGroup" }] : []));
         this.isEmpty = computed(() => {
             return Object.values(this.selectedPermissionsByGroup()).every(arr => !arr.length);
-        });
+        }, ...(ngDevMode ? [{ debugName: "isEmpty" }] : []));
     }
     async openPermissionsEditor() {
         await this.workflowService.execute('assign-permissions', {
             data: this.contextService.data(),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPPermissionsWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPPermissionsWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <!-- <axm-permissions-editor
       [initialPermissions]="getValue() || []"
       [readOnly]="true">
@@ -2751,9 +2819,9 @@ class AXPPermissionsWidgetViewComponent extends AXPValueWidgetComponent {
         <div class="ax-text-muted">{{'@security-management:features.permissions.no-permissions' | translate | async}}</div>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i7.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i7.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -2796,8 +2864,8 @@ class AXPPermissionsWidgetEditComponent extends AXPValueWidgetComponent {
     onPermissionsChanged(permissions) {
         this.setValue(permissions);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: AXPPermissionsWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPPermissionsWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <axm-permissions-editor
       [initialPermissions]="getValue() || []"
       [readOnly]="false"
@@ -2809,7 +2877,7 @@ class AXPPermissionsWidgetEditComponent extends AXPValueWidgetComponent {
                 // Local
                 AXPPermissionsEditorComponent, selector: "axm-permissions-editor", inputs: ["initialPermissions", "readOnly"], outputs: ["permissionsChanged", "permissionsSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -2838,7 +2906,7 @@ var permissionsWidgetEdit_component = /*#__PURE__*/Object.freeze({
 class AXPPermissionsWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
-        this.count = computed(() => castArray(this.rawValue).length);
+        this.count = computed(() => castArray(this.rawValue).length, ...(ngDevMode ? [{ debugName: "count" }] : []));
         this.workflowService = inject(AXPWorkflowService);
     }
     async openPermissionsEditor() {
@@ -2846,12 +2914,12 @@ class AXPPermissionsWidgetColumnComponent extends AXPColumnWidgetComponent {
             data: this.rowData
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: AXPPermissionsWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPPermissionsWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
     <span class="ax-cursor-pointer ax-text-primary ax-underline" (click)="openPermissionsEditor()">{{count()}}  {{'@security-management:features.permissions.terms.permissions' | translate | async}}</span>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -2870,10 +2938,10 @@ var permissionsWidgetColumn_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPPermissionsWidgetPrintComponent extends AXPLayoutWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: AXPPermissionsWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPPermissionsWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsWidgetPrintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -2890,10 +2958,10 @@ var permissionsWidgetPrint_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPPermissionsWidgetDesignerComponent extends AXPLayoutWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.7", type: AXPPermissionsWidgetDesignerComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPPermissionsWidgetDesignerComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPPermissionsWidgetDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPPermissionsWidgetDesignerComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -2914,5 +2982,5 @@ var permissionsWidgetDesigner_component = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXMDeviceSessionsService, AXMDeviceSessionsServiceImpl, AXMPermissionsModule, AXMSecurityManagementDeviceSessionsEntityModule, AXMSecurityManagementModule, AXMSecurityManagementRolesEntityService, AXMSecurityManagementRolesEntityServiceImpl, AXMSessionStatusTypes, AXMUsersEntityService, AXMUsersEntityServiceImpl, AXPPermissionsEditorComponent, AXPPermissionsEditorPopupComponent, AXPPermissionsWidget, AXPPermissionsWidgetColumnComponent, AXPPermissionsWidgetDesignerComponent, AXPPermissionsWidgetEditComponent, AXPPermissionsWidgetPrintComponent, AXPPermissionsWidgetViewComponent, AXPSecurityManagementMenuKeys, RootConfig, factory$3 as factory };
+export { AXMPermissionsModule, AXMSecurityManagementDeviceSessionsEntityModule, AXMSecurityManagementModule, AXMSecurityManagementRolesEntityService, AXMSecurityManagementRolesEntityServiceImpl, AXMUsersEntityService, AXMUsersEntityServiceImpl, AXPPermissionsEditorComponent, AXPPermissionsEditorPopupComponent, AXPPermissionsWidget, AXPPermissionsWidgetColumnComponent, AXPPermissionsWidgetDesignerComponent, AXPPermissionsWidgetEditComponent, AXPPermissionsWidgetPrintComponent, AXPPermissionsWidgetViewComponent, AXPSecurityManagementMenuKeys, RootConfig, factory$3 as factory };
 //# sourceMappingURL=acorex-modules-security-management.mjs.map