@acorex-platform/module-security-management-client 0.0.15 → 0.0.21

package/fesm2022/acorex-platform-module-security-management-client.mjs

@@ -1,1705 +1,2 @@
-import * as i0 from '@angular/core';
-import { Injectable, NgModule, inject, signal, input, output, computed, ViewEncapsulation, Component, effect, ChangeDetectionStrategy } from '@angular/core';
-import { AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_MODULE_MANIFEST_PROVIDER, AXP_FEATURE_DEFINITION_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXP_CONTEXT_DEFINITION_PROVIDER, setupPopupFooterKeyboardShortcuts } from '@acorex-platform/framework-client/core';
-import { AXPEntityService, AXP_ENTITY_DEFINITION_LOADER, AXPEntityDefinitionRegistryService, AXPEntityModifyEvent } from '@acorex-platform/framework-client/layout/entity';
-import { RootConfig, AXPSecurityManagementFeatureKeys, AXMSecurityManagementDataSourceKeys, AXM_USER_ACCESS_STATE_DEFINITION_KEY, AXMUserAccessState, AXM_USER_EFFECTIVE_STATE_DEFINITION_KEY, AXMUserEffectiveState, AXPSecurityManagementMenuKeys, AXPSecurityManagementPermissionKeys } from '@acorex-platform/module-security-management-client/contracts';
-import { AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER, AXPPermissionDefinitionService } from '@acorex-platform/framework-client/auth';
-import { AXPSearchCommandProvider, createEntitySearchCommand, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER, AXP_STATUS_PROVIDERS, AXPSettingsService, AXPRefreshEvent, AXPCommonSettings } from '@acorex-platform/framework-client/common';
-import { provideCommandSetups, AXPCommandService } from '@acorex-platform/framework-client/runtime';
-import { AXPWidgetsList, AXPWidgetsCatalog, AXPStatusProvider, AXPSystemStatusType } from '@acorex-platform/framework-shared/core';
-import { AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER, AXPValueWidgetComponent, AXPColumnWidgetComponent } from '@acorex-platform/framework-client/layout/widget-core';
-import { AXPWidgetGroupEnum } from '@acorex-platform/framework-shared/widget-core';
-import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY } from '@acorex-platform/framework-client/layout/widgets';
-import * as i3 from '@acorex/cdk/common';
-import { AXDataSource, AXCommonModule } from '@acorex/cdk/common';
-import { AXPCommonMenuKeys } from '@acorex-platform/module-common-client/contracts';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { AXBasePageComponent } from '@acorex/components/page';
-import { AXFormModule } from '@acorex/components/form';
-import * as i4 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import { AXTextBoxModule } from '@acorex/components/text-box';
-import * as i6 from '@acorex/components/check-box';
-import { AXCheckBoxModule } from '@acorex/components/check-box';
-import * as i5 from '@acorex/components/label';
-import { AXLabelModule } from '@acorex/components/label';
-import * as i8 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i12 from '@acorex/core/translation';
-import { AXTranslationService, AXTranslationModule, resolveMultiLanguageString } from '@acorex/core/translation';
-import * as i7 from '@acorex/components/tabs';
-import { AXTabsModule } from '@acorex/components/tabs';
-import * as i9 from '@acorex/components/badge';
-import { AXBadgeModule } from '@acorex/components/badge';
-import * as i2 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { AXTooltipModule } from '@acorex/components/tooltip';
-import * as i10 from '@acorex/components/skeleton';
-import { AXSkeletonModule } from '@acorex/components/skeleton';
-import * as i11 from '@acorex/components/search-box';
-import { AXSearchBoxModule } from '@acorex/components/search-box';
-import { AXPStateMessageComponent } from '@acorex-platform/framework-client/layout/components';
-import { isEmpty, trim, isString, isArray, castArray } from 'lodash-es';
-import { AXPopupService } from '@acorex/components/popup';
-import { AXToastService } from '@acorex/components/toast';
-import { AXPWorkflowEventService } from '@acorex-platform/framework-client/workflow';
-
-//#region ---- Device Sessions Service ----
-/**
- * Terminates device sessions for the current or specified session.
- * Implementations are provided by connectivity layers (e.g. mock or API).
- */
-class AXMDeviceSessionsService {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDeviceSessionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDeviceSessionsService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDeviceSessionsService, decorators: [{
-            type: Injectable
-        }] });
-
-//#region ----   Imports   ----
-//#endregion
-//#region ----   Manifest Definition   ----
-/**
- * Security Management Module Manifest.
- * Defines module metadata, features, and provider references.
- */
-const SecurityManagementManifest = {
-    name: RootConfig.module.name,
-    version: '1.0.0',
-    title: RootConfig.module.title,
-    icon: RootConfig.module.icon,
-    i18n: RootConfig.config.i18n,
-    required: true,
-    // Module dependencies (optional)
-};
-//#endregion
-
-class AXMEntityProvider {
-    preload() {
-        const { entities, module } = RootConfig;
-        return [entities.users.name, entities.roles.name, entities.deviceSessions.name].map((entity) => ({
-            module: module.name,
-            entity,
-        }));
-    }
-    async get(moduleName, entityName) {
-        const { entities, module } = RootConfig;
-        if (moduleName == module.name) {
-            switch (entityName) {
-                case RootConfig.entities.users.name:
-                    return (await import('@acorex-platform/module-security-management-client/contracts')).usersFactory();
-                case RootConfig.entities.roles.name:
-                    return (await import('@acorex-platform/module-security-management-client/contracts')).rolesFactory();
-                case RootConfig.entities.profile.name:
-                    return (await import('@acorex-platform/module-security-management-client/contracts')).profileFactory();
-                case RootConfig.entities.deviceSessions.name:
-                    return (await import('@acorex-platform/module-security-management-client/contracts')).deviceSessionsFactory();
-                case RootConfig.entities.policy.name:
-                    return (await import('@acorex-platform/module-security-management-client/contracts')).policyFactory();
-            }
-        }
-        return null;
-    }
-    async list() {
-        const m = RootConfig.module.name;
-        return Promise.resolve(Object.values(RootConfig.entities).map((e) => ({ name: e.name, module: m })));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityProvider }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityProvider, decorators: [{
-            type: Injectable
-        }] });
-
-//#region ----   Imports   ----
-//#endregion
-//#region ----   Feature Definition Provider   ----
-/**
- * Security Management Module Feature Definition Provider.
- * Provides feature definitions for the Security Management module.
- */
-class AXMSecurityManagementFeatureDefinitionProvider {
-    async provide(context) {
-        const i18n = RootConfig.config.i18n;
-        // Manage Roles feature
-        context.addFeature(AXPSecurityManagementFeatureKeys.ManageRoles, {
-            title: `@${i18n}:features.manage-roles.title`,
-            description: `@${i18n}:features.manage-roles.description`,
-            defaultValue: true,
-            type: 'boolean',
-        });
-        // Manage Users feature
-        context.addFeature(AXPSecurityManagementFeatureKeys.ManageUsers, {
-            title: `@${i18n}:features.manage-users.title`,
-            description: `@${i18n}:features.manage-users.description`,
-            defaultValue: true,
-            type: 'boolean',
-        });
-        // Max Total Users feature (widget configuration)
-        context.addFeature(AXPSecurityManagementFeatureKeys.MaxTotalUsers, {
-            title: `@${i18n}:features.max-total-users.title`,
-            description: `@${i18n}:features.max-total-users.description`,
-            defaultValue: 100,
-            type: 'number',
-            interface: {
-                type: AXPWidgetsList.Editors.NumberBox,
-                options: {
-                    placeholder: `@${i18n}:features.max-total-users.title`,
-                    min: 1,
-                    max: 10000,
-                    step: 1,
-                },
-            },
-        });
-        // Manage Sessions feature
-        context.addFeature(AXPSecurityManagementFeatureKeys.ManageSessions, {
-            title: `@${i18n}:features.manage-sessions.title`,
-            description: `@${i18n}:features.manage-sessions.description`,
-            defaultValue: true,
-            type: 'boolean',
-        });
-        // Manage Policies feature
-        context.addFeature(AXPSecurityManagementFeatureKeys.ManagePolicies, {
-            title: `@${i18n}:features.manage-policies.title`,
-            description: `@${i18n}:features.manage-policies.description`,
-            defaultValue: true,
-            type: 'boolean',
-        });
-    }
-}
-//#endregion
-
-const AXPPermissionsWidget = {
-    name: "permissions-editor",
-    title: "Permissions Editor",
-    description: 'Widget for managing permissions with full editor interface',
-    type: 'view',
-    categories: [],
-    groups: [AXPWidgetGroupEnum.EntityWidget],
-    icon: "fa-light fa-user-shield",
-    properties: [
-        AXP_NAME_PROPERTY,
-        AXP_DATA_PATH_PROPERTY,
-        AXP_DISABLED_PROPERTY,
-    ],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return permissionsWidgetView_component; }).then((c) => c.AXPPermissionsWidgetViewComponent),
-        },
-        edit: {
-            component: () => Promise.resolve().then(function () { return permissionsWidgetEdit_component; }).then((c) => c.AXPPermissionsWidgetEditComponent),
-        },
-        column: {
-            component: () => Promise.resolve().then(function () { return permissionsWidgetColumn_component; }).then((c) => c.AXPPermissionsWidgetColumnComponent),
-        },
-    }
-};
-
-//#endregion
-//#region ----   Permissions Widgets Provider   ----
-const WIDGETS = [AXPPermissionsWidget];
-class AXPPermissionsWidgetsProvider {
-    getWidgets() {
-        return WIDGETS;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPermissionsWidgetsProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPermissionsWidgetsProvider }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPermissionsWidgetsProvider, decorators: [{
-            type: Injectable
-        }] });
-
-class AXMPermissionsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPermissionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMPermissionsModule, imports: [AXPWidgetCoreModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPermissionsModule, providers: [
-            { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXPPermissionsWidgetsProvider, multi: true },
-            provideCommandSetups([
-                {
-                    key: 'assign-permissions',
-                    command: () => Promise.resolve().then(function () { return assignPermissions_command; }).then((c) => c.AXMAssignPermissionsCommand),
-                },
-            ]),
-        ], imports: [AXPWidgetCoreModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPermissionsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        AXPWidgetCoreModule,
-                    ],
-                    providers: [
-                        { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXPPermissionsWidgetsProvider, multi: true },
-                        provideCommandSetups([
-                            {
-                                key: 'assign-permissions',
-                                command: () => Promise.resolve().then(function () { return assignPermissions_command; }).then((c) => c.AXMAssignPermissionsCommand),
-                            },
-                        ]),
-                    ],
-                }]
-        }] });
-
-class AXMSecurityManagementEvaluatorScopeProvider {
-    constructor() {
-        this.sessionService = inject(AXPSessionService);
-    }
-    async provide(context) {
-        context.addScope('session', {
-            currentUser: () => {
-                return this.sessionService.user;
-            },
-            user: () => {
-                return this.sessionService.user;
-            },
-            currentApplication: () => {
-                return this.sessionService.application;
-            },
-            currentTenant: () => {
-                return this.sessionService.tenant;
-            },
-            currentPermissions: () => {
-                return this.sessionService.permissions;
-            },
-        });
-    }
-}
-
-class AXMUsersDataSourceDefinition {
-    constructor() {
-        this.entityService = inject(AXPEntityService);
-        this.userService = this.entityService.withEntity(RootConfig.module.name, RootConfig.entities.users.name).data();
-    }
-    items() {
-        return Promise.resolve([
-            {
-                name: AXMSecurityManagementDataSourceKeys.Users,
-                title: 'Users',
-                source: () => {
-                    return new AXDataSource({
-                        key: 'id',
-                        load: async (_) => {
-                            try {
-                                const res = await this.userService.query();
-                                return {
-                                    items: res.items.map((item) => ({
-                                        ...item,
-                                        displayName: item.displayName,
-                                    })),
-                                    total: res.total,
-                                };
-                            }
-                            catch (e) {
-                                console.log(e);
-                                throw e;
-                            }
-                        },
-                        byKey: async (key) => {
-                            return await this.userService.byKey(key);
-                        },
-                        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',
-                },
-            },
-        ]);
-    }
-}
-
-//#region ---- Imports ----
-//#endregion
-//#region ---- User access state provider ----
-/**
- * Sign-in readiness from the authentication subsystem (distinct from account lifecycle / `accountState`).
- * Transitions listed here are the only paths offered in the status UI and validated when executing a status change command.
- */
-class AXMUserAccessStateProvider extends AXPStatusProvider {
-    constructor() {
-        super(...arguments);
-        this.key = AXM_USER_ACCESS_STATE_DEFINITION_KEY;
-        this.defaultStatus = AXMUserAccessState.Allowed;
-        this.statuses = [
-            {
-                name: AXMUserAccessState.Allowed,
-                title: '@security-management:users.entities.user.access.states.allowed',
-                description: '@security-management:users.entities.user.access.descriptions.allowed',
-                icon: 'fa-light fa-circle-check',
-                color: 'success',
-                order: 1,
-                isInitial: true,
-                isFinal: false,
-            },
-            {
-                name: AXMUserAccessState.Blocked,
-                title: '@security-management:users.entities.user.access.states.blocked',
-                description: '@security-management:users.entities.user.access.descriptions.blocked',
-                icon: 'fa-light fa-ban',
-                color: 'danger',
-                order: 2,
-                isInitial: false,
-                isFinal: false,
-            },
-            {
-                name: AXMUserAccessState.Expired,
-                title: '@security-management:users.entities.user.access.states.expired',
-                description: '@security-management:users.entities.user.access.descriptions.expired',
-                icon: 'fa-light fa-clock',
-                color: 'danger',
-                order: 3,
-                isInitial: false,
-                isFinal: true,
-                generateView: false,
-            },
-        ];
-        this.transitions = [
-            {
-                from: AXMUserAccessState.Allowed,
-                to: AXMUserAccessState.Blocked,
-                title: '@security-management:users.entities.user.access.transitions.block-sign-in',
-            },
-            {
-                from: AXMUserAccessState.Allowed,
-                to: AXMUserAccessState.Expired,
-                title: '@security-management:users.entities.user.access.transitions.require-credential-renewal',
-            },
-            {
-                from: AXMUserAccessState.Blocked,
-                to: AXMUserAccessState.Allowed,
-                title: '@security-management:users.entities.user.access.transitions.unblock-sign-in',
-            },
-            {
-                from: AXMUserAccessState.Expired,
-                to: AXMUserAccessState.Allowed,
-                title: '@security-management:users.entities.user.access.transitions.restore-after-credential-renewal',
-            },
-        ];
-    }
-}
-//#endregion
-
-//#region ---- Imports ----
-//#endregion
-//#region ---- User effective state provider ----
-/**
- * Unified operational state for lists, filters, and page chrome (derived from lifecycle + sign-in gate).
- */
-class AXMUserEffectiveStateProvider extends AXPStatusProvider {
-    constructor() {
-        super(...arguments);
-        this.key = AXM_USER_EFFECTIVE_STATE_DEFINITION_KEY;
-        this.defaultStatus = AXMUserEffectiveState.Active;
-        this.statuses = [
-            {
-                name: AXMUserEffectiveState.Pending,
-                title: '@security-management:users.entities.user.effective.states.pending',
-                description: '@security-management:users.entities.user.effective.descriptions.pending',
-                icon: 'fa-light fa-hourglass-half',
-                color: 'warning',
-                order: 1,
-                generateView: true,
-            },
-            {
-                name: AXMUserEffectiveState.Active,
-                title: '@security-management:users.entities.user.effective.states.active',
-                description: '@security-management:users.entities.user.effective.descriptions.active',
-                icon: 'fa-light fa-circle-check',
-                color: 'success',
-                order: 2,
-                generateView: true,
-            },
-            {
-                name: AXMUserEffectiveState.SignInBlocked,
-                title: '@security-management:users.entities.user.effective.states.sign-in-blocked',
-                description: '@security-management:users.entities.user.effective.descriptions.sign-in-blocked',
-                icon: 'fa-light fa-shield-halved',
-                color: 'danger',
-                order: 3,
-                generateView: true,
-            },
-            {
-                name: AXMUserEffectiveState.CredentialExpired,
-                title: '@security-management:users.entities.user.effective.states.credential-expired',
-                description: '@security-management:users.entities.user.effective.descriptions.credential-expired',
-                icon: 'fa-light fa-key',
-                color: 'danger',
-                order: 4,
-                generateView: true,
-            },
-            {
-                name: AXMUserEffectiveState.Suspended,
-                title: '@security-management:users.entities.user.effective.states.suspended',
-                description: '@security-management:users.entities.user.effective.descriptions.suspended',
-                icon: 'fa-light fa-pause-circle',
-                color: 'warning',
-                order: 5,
-                generateView: true,
-            },
-            {
-                name: AXMUserEffectiveState.Inactive,
-                title: '@security-management:users.entities.user.effective.states.inactive',
-                description: '@security-management:users.entities.user.effective.descriptions.inactive',
-                icon: 'fa-light fa-user-slash',
-                color: 'danger',
-                order: 6,
-                generateView: true,
-            },
-            {
-                name: AXMUserEffectiveState.Archived,
-                title: '@security-management:users.entities.user.effective.states.archived',
-                description: '@security-management:users.entities.user.effective.descriptions.archived',
-                icon: 'fa-light fa-box-archive',
-                color: 'danger',
-                order: 7,
-                generateView: true,
-            },
-        ];
-        this.transitions = [];
-    }
-}
-//#endregion
-
-//#region ----   Imports   ----
-//#endregion
-//#region ----   User account status provider   ----
-/**
- * Account-level state for SecurityManagement.User (lifecycle / admin).
- * Sign-in lockout is expressed as `accessState === blocked`, not as `accountState`.
- */
-class AXMUserStatusProvider extends AXPStatusProvider {
-    constructor() {
-        super(...arguments);
-        this.key = 'security-management.account-state.user';
-        this.defaultStatus = AXPSystemStatusType.Active;
-        this.statuses = [
-            {
-                name: AXPSystemStatusType.Pending,
-                title: '@security-management:users.entities.user.states.pending',
-                description: '@security-management:users.entities.user.account.descriptions.pending',
-                icon: 'fa-light fa-envelope-open-text',
-                color: 'warning',
-                order: 1,
-                isInitial: true,
-                isFinal: false,
-                generateView: true,
-            },
-            {
-                name: AXPSystemStatusType.Active,
-                title: '@security-management:users.entities.user.states.active',
-                description: '@security-management:users.entities.user.account.descriptions.active',
-                icon: 'fa-light fa-user-check',
-                color: 'success',
-                order: 1,
-                isInitial: false,
-                isFinal: false,
-                generateView: true,
-            },
-            {
-                name: AXPSystemStatusType.Suspended,
-                title: '@security-management:users.entities.user.states.suspended',
-                description: '@security-management:users.entities.user.account.descriptions.suspended',
-                icon: 'fa-light fa-pause-circle',
-                color: 'warning',
-                order: 5,
-                isInitial: false,
-                isFinal: false,
-                generateView: true,
-            },
-            {
-                name: AXPSystemStatusType.Inactive,
-                title: '@security-management:users.entities.user.states.inactive',
-                description: '@security-management:users.entities.user.account.descriptions.inactive',
-                icon: 'fa-light fa-user-slash',
-                color: 'danger',
-                order: 2,
-                isInitial: false,
-                isFinal: false,
-                generateView: true,
-            },
-            {
-                name: AXPSystemStatusType.Archived,
-                title: '@security-management:users.entities.user.states.archived',
-                description: '@security-management:users.entities.user.account.descriptions.archived',
-                icon: 'fa-light fa-box-archive',
-                color: 'danger',
-                order: 5,
-                isInitial: false,
-                isFinal: true,
-                generateView: true,
-            },
-        ];
-        this.transitions = [
-            {
-                from: AXPSystemStatusType.Pending,
-                to: AXPSystemStatusType.Active,
-                title: '@security-management:users.entities.user.transitions.activate',
-            },
-            {
-                from: AXPSystemStatusType.Pending,
-                to: AXPSystemStatusType.Inactive,
-                title: '@security-management:users.entities.user.transitions.cancel-invitation',
-            },
-            {
-                from: AXPSystemStatusType.Active,
-                to: AXPSystemStatusType.Suspended,
-                title: '@security-management:users.entities.user.transitions.suspend',
-            },
-            {
-                from: AXPSystemStatusType.Suspended,
-                to: AXPSystemStatusType.Active,
-                title: '@security-management:users.entities.user.transitions.restore',
-            },
-            {
-                from: AXPSystemStatusType.Active,
-                to: AXPSystemStatusType.Inactive,
-                title: '@security-management:users.entities.user.transitions.disable',
-            },
-            {
-                from: AXPSystemStatusType.Inactive,
-                to: AXPSystemStatusType.Active,
-                title: '@security-management:users.entities.user.transitions.enable',
-            },
-            {
-                from: AXPSystemStatusType.Suspended,
-                to: AXPSystemStatusType.Inactive,
-                title: '@security-management:users.entities.user.transitions.disable',
-            },
-            {
-                from: AXPSystemStatusType.Active,
-                to: AXPSystemStatusType.Archived,
-                title: '@security-management:users.entities.user.transitions.archive',
-            },
-            {
-                from: AXPSystemStatusType.Suspended,
-                to: AXPSystemStatusType.Archived,
-                title: '@security-management:users.entities.user.transitions.archive',
-            },
-            {
-                from: AXPSystemStatusType.Inactive,
-                to: AXPSystemStatusType.Archived,
-                title: '@security-management:users.entities.user.transitions.archive',
-            },
-            {
-                from: AXPSystemStatusType.Pending,
-                to: AXPSystemStatusType.Archived,
-                title: '@security-management:users.entities.user.transitions.archive',
-            },
-            {
-                from: AXPSystemStatusType.Archived,
-                to: AXPSystemStatusType.Active,
-                title: '@security-management:users.entities.user.transitions.restore-archived',
-            },
-        ];
-    }
-}
-//#endregion
-
-class AXMMenuProvider {
-    constructor() {
-        this.entityService = inject(AXPEntityService);
-    }
-    async provide(context) {
-        const moduleName = RootConfig.module.name;
-        // Check if Security submenu exists under Administration, create it if not
-        const securityMenu = context.find(AXPSecurityManagementMenuKeys.Root);
-        if (!securityMenu.exists) {
-            // Add Security submenu to Administration group
-            context.find(AXPCommonMenuKeys.Administration).addItems([
-                {
-                    priority: 1,
-                    text: '@security-management:module.menus.root.title',
-                    icon: RootConfig.module.icon,
-                    name: AXPSecurityManagementMenuKeys.Root,
-                    type: 'menu',
-                    children: [],
-                    policy: {
-                        features: [RootConfig.module.name],
-                    },
-                },
-            ]);
-        }
-        // Add menu items under Security submenu
-        context.find(AXPSecurityManagementMenuKeys.Root).addItems([
-            {
-                priority: 9003,
-                text: RootConfig.entities.users.titlePlural,
-                icon: RootConfig.entities.users.icon,
-                name: AXPSecurityManagementMenuKeys.Users,
-                path: this.entityService.createPath(moduleName, RootConfig.entities.users.name),
-                policy: {
-                    features: [moduleName],
-                    permissions: [AXPSecurityManagementPermissionKeys.User.View],
-                },
-            },
-            {
-                priority: 9004,
-                text: RootConfig.entities.roles.titlePlural,
-                path: this.entityService.createPath(moduleName, RootConfig.entities.roles.name),
-                icon: RootConfig.entities.roles.icon,
-                name: AXPSecurityManagementMenuKeys.Roles,
-                policy: {
-                    features: [moduleName],
-                    permissions: [AXPSecurityManagementPermissionKeys.Role.View],
-                },
-            },
-            {
-                priority: 9005,
-                text: RootConfig.entities.deviceSessions.titlePlural,
-                path: this.entityService.createPath(moduleName, RootConfig.entities.deviceSessions.name),
-                icon: RootConfig.entities.deviceSessions.icon,
-                name: AXPSecurityManagementMenuKeys.DeviceSessions,
-                policy: {
-                    features: [moduleName],
-                    permissions: [AXPSecurityManagementPermissionKeys.DeviceSession.View],
-                },
-            },
-            // {
-            //   priority: 9006,
-            //   text: RootConfig.entities.policy.titlePlural,
-            //   path: this.entityService.createPath(moduleName, RootConfig.entities.policy.name),
-            //   icon: RootConfig.entities.policy.icon,
-            //   name: AXPSecurityManagementMenuKeys.Policy,
-            //   policy: {
-            //     permissions: [AXPSecurityManagementPermissionKeys.Policy.View],
-            //   },
-            // },
-        ]);
-    }
-}
-
-//#endregion
-//#region ----   Permission Definition Provider   ----
-class AXMPermissionDefinitionProvider {
-    //#region ----   Define Method   ----
-    async define(context) {
-        const keys = AXPSecurityManagementPermissionKeys;
-        // I18n path constants
-        const MODULE_PERMISSIONS = '@security-management:module.permissions';
-        const USERS_PERMISSIONS = '@security-management:users.permissions';
-        const ROLES_PERMISSIONS = '@security-management:roles.permissions';
-        const SESSIONS_PERMISSIONS = '@security-management:sessions.permissions';
-        const POLICIES_PERMISSIONS = '@security-management:policies.permissions';
-        context
-            .addGroup(RootConfig.module.name, `${MODULE_PERMISSIONS}.title`, `${MODULE_PERMISSIONS}.description`)
-            //
-            .addPermission(keys.User.Management, `${USERS_PERMISSIONS}.manage.title`, `${USERS_PERMISSIONS}.manage.description`)
-            .addChild(keys.User.View, `${USERS_PERMISSIONS}.view.title`, `${USERS_PERMISSIONS}.view.description`)
-            .addChild(keys.User.Create, `${USERS_PERMISSIONS}.create.title`, `${USERS_PERMISSIONS}.create.description`)
-            .addChild(keys.User.Edit, `${USERS_PERMISSIONS}.edit.title`, `${USERS_PERMISSIONS}.edit.description`)
-            .addChild(keys.User.Delete, `${USERS_PERMISSIONS}.delete.title`, `${USERS_PERMISSIONS}.delete.description`)
-            .endPermission()
-            //
-            .addPermission(keys.Role.Management, `${ROLES_PERMISSIONS}.manage.title`, `${ROLES_PERMISSIONS}.manage.description`)
-            .addChild(keys.Role.View, `${ROLES_PERMISSIONS}.view.title`, `${ROLES_PERMISSIONS}.view.description`)
-            .addChild(keys.Role.Create, `${ROLES_PERMISSIONS}.create.title`, `${ROLES_PERMISSIONS}.create.description`)
-            .addChild(keys.Role.Edit, `${ROLES_PERMISSIONS}.edit.title`, `${ROLES_PERMISSIONS}.edit.description`)
-            .addChild(keys.Role.Delete, `${ROLES_PERMISSIONS}.delete.title`, `${ROLES_PERMISSIONS}.delete.description`)
-            .endPermission()
-            //
-            .addPermission(keys.DeviceSession.Management, `${SESSIONS_PERMISSIONS}.manage.title`, `${SESSIONS_PERMISSIONS}.manage.description`)
-            .addChild(keys.DeviceSession.View, `${SESSIONS_PERMISSIONS}.view.title`, `${SESSIONS_PERMISSIONS}.view.description`)
-            .addChild(keys.DeviceSession.Terminate, `${SESSIONS_PERMISSIONS}.terminate.title`, `${SESSIONS_PERMISSIONS}.terminate.description`)
-            .endPermission()
-            //
-            .addPermission(keys.Policy.Management, `${POLICIES_PERMISSIONS}.manage.title`, `${POLICIES_PERMISSIONS}.manage.description`)
-            .addChild(keys.Policy.View, `${POLICIES_PERMISSIONS}.view.title`, `${POLICIES_PERMISSIONS}.view.description`)
-            .addChild(keys.Policy.Create, `${POLICIES_PERMISSIONS}.create.title`, `${POLICIES_PERMISSIONS}.create.description`)
-            .addChild(keys.Policy.Edit, `${POLICIES_PERMISSIONS}.edit.title`, `${POLICIES_PERMISSIONS}.edit.description`)
-            .addChild(keys.Policy.Delete, `${POLICIES_PERMISSIONS}.delete.title`, `${POLICIES_PERMISSIONS}.delete.description`)
-            .endPermission()
-            //
-            .endGroup();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPermissionDefinitionProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPermissionDefinitionProvider }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMPermissionDefinitionProvider, decorators: [{
-            type: Injectable
-        }] });
-
-// TODO: Refactor to generic provider (do it later)
-//
-// Move this logic to a generic AXPEntityCreateSearchCommandProvider in libs/platform/layout/entity.
-// The generic provider should:
-// - Inject AXPEntityDefinitionRegistryService and AXPSessionService
-// - Override search(text) to build commands dynamically from registry
-// - Filter entities: only aggregate roots (commands?.create exists AND !parentKey)
-// - Filter by permission: sessionService.authorize() for both Create and Management
-//   Permission convention: `${module}:Permission:${entity.name}.Create` or `.Management`
-// - Use createEntityCommandOptions() with Entity:Create command (same pattern as below)
-// - Register in entity module as AXP_SEARCH_PROVIDER
-// - Remove this and other module-specific search command providers that only add entity-create commands
-class AXMSearchCommandProvider extends AXPSearchCommandProvider {
-    constructor() {
-        super(...arguments);
-        this.commands = [
-            createEntitySearchCommand({
-                id: 'create-security-user',
-                entityKey: `${RootConfig.module.name}.${RootConfig.entities.users.name}`,
-                entityInfo: { name: RootConfig.entities.users.name, module: RootConfig.module.name, title: RootConfig.entities.users.title },
-                titleKey: '@security-management:users.permissions.create.title',
-                descriptionKey: '@security-management:users.permissions.create.description',
-                icon: RootConfig.entities.users.icon,
-            }),
-            createEntitySearchCommand({
-                id: 'create-security-role',
-                entityKey: `${RootConfig.module.name}.${RootConfig.entities.roles.name}`,
-                entityInfo: { name: RootConfig.entities.roles.name, module: RootConfig.module.name, title: RootConfig.entities.roles.title },
-                titleKey: '@security-management:roles.permissions.create.title',
-                descriptionKey: '@security-management:roles.permissions.create.description',
-                icon: RootConfig.entities.roles.icon,
-            }),
-        ];
-    }
-}
-
-//#region ---- User context definitions ----
-class AXMSecurityManagementContextDefinitionProvider {
-    async items() {
-        return [
-            {
-                name: 'userId',
-                title: 'User ID',
-                description: 'Identifier of the signed-in user from the current session. Used to scope AI actions and audit to the active account.',
-                ai: {
-                    promptLabel: 'User id',
-                    usageHint: 'Treat as the active user unless the request explicitly refers to another person.',
-                    valueKind: 'string',
-                    order: 10,
-                },
-            },
-            {
-                name: 'userDisplayName',
-                title: 'User display name',
-                description: 'Human-readable name of the signed-in user (name or title from session). Used for personalized responses.',
-                ai: {
-                    promptLabel: 'User display name',
-                    usageHint: 'Use for polite address; do not invent a different name.',
-                    valueKind: 'string',
-                    order: 11,
-                },
-            },
-        ];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSecurityManagementContextDefinitionProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSecurityManagementContextDefinitionProvider }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSecurityManagementContextDefinitionProvider, decorators: [{
-            type: Injectable
-        }] });
-
-class AXMSecurityManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSecurityManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMSecurityManagementModule, imports: [AXMPermissionsModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSecurityManagementModule, providers: [
-            // Module-specific providers (not part of manifest system)
-            {
-                provide: AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER,
-                useClass: AXMSecurityManagementEvaluatorScopeProvider,
-                multi: true,
-            },
-            // Module Manifest Provider
-            {
-                provide: AXP_MODULE_MANIFEST_PROVIDER,
-                useValue: SecurityManagementManifest,
-                multi: true,
-            },
-            // Provider references (now using tokens)
-            {
-                provide: AXP_PERMISSION_DEFINITION_PROVIDER,
-                useClass: AXMPermissionDefinitionProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_MENU_PROVIDER,
-                useClass: AXMMenuProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_ENTITY_DEFINITION_LOADER,
-                useClass: AXMEntityProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_SEARCH_PROVIDER,
-                useClass: AXMSearchCommandProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_FEATURE_DEFINITION_PROVIDER,
-                useClass: AXMSecurityManagementFeatureDefinitionProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_STATUS_PROVIDERS,
-                useClass: AXMUserStatusProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_STATUS_PROVIDERS,
-                useClass: AXMUserAccessStateProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_STATUS_PROVIDERS,
-                useClass: AXMUserEffectiveStateProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_DATASOURCE_DEFINITION_PROVIDER,
-                useClass: AXMUsersDataSourceDefinition,
-                multi: true,
-            },
-            {
-                provide: AXP_CONTEXT_DEFINITION_PROVIDER,
-                useClass: AXMSecurityManagementContextDefinitionProvider,
-                multi: true,
-            },
-            provideCommandSetups([
-                {
-                    key: 'Session:Terminate',
-                    command: () => import('./acorex-platform-module-security-management-client-terminate-session.command-CKq-4Z4O.mjs').then((c) => c.AXPTerminateSessionCommand),
-                },
-            ]),
-        ], imports: [AXMPermissionsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMSecurityManagementModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        AXMPermissionsModule,
-                    ],
-                    exports: [],
-                    declarations: [],
-                    providers: [
-                        // Module-specific providers (not part of manifest system)
-                        {
-                            provide: AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER,
-                            useClass: AXMSecurityManagementEvaluatorScopeProvider,
-                            multi: true,
-                        },
-                        // Module Manifest Provider
-                        {
-                            provide: AXP_MODULE_MANIFEST_PROVIDER,
-                            useValue: SecurityManagementManifest,
-                            multi: true,
-                        },
-                        // Provider references (now using tokens)
-                        {
-                            provide: AXP_PERMISSION_DEFINITION_PROVIDER,
-                            useClass: AXMPermissionDefinitionProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_MENU_PROVIDER,
-                            useClass: AXMMenuProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_ENTITY_DEFINITION_LOADER,
-                            useClass: AXMEntityProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_SEARCH_PROVIDER,
-                            useClass: AXMSearchCommandProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_FEATURE_DEFINITION_PROVIDER,
-                            useClass: AXMSecurityManagementFeatureDefinitionProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_STATUS_PROVIDERS,
-                            useClass: AXMUserStatusProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_STATUS_PROVIDERS,
-                            useClass: AXMUserAccessStateProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_STATUS_PROVIDERS,
-                            useClass: AXMUserEffectiveStateProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_DATASOURCE_DEFINITION_PROVIDER,
-                            useClass: AXMUsersDataSourceDefinition,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_CONTEXT_DEFINITION_PROVIDER,
-                            useClass: AXMSecurityManagementContextDefinitionProvider,
-                            multi: true,
-                        },
-                        provideCommandSetups([
-                            {
-                                key: 'Session:Terminate',
-                                command: () => import('./acorex-platform-module-security-management-client-terminate-session.command-CKq-4Z4O.mjs').then((c) => c.AXPTerminateSessionCommand),
-                            },
-                        ]),
-                    ],
-                }]
-        }] });
-
-// #region ----------------   Imports   ----------------
-// #endregion
-class AXPPermissionsEditorComponent extends AXBasePageComponent {
-    // #endregion
-    // #region ----------------   Constructor   ----------------
-    constructor() {
-        super();
-        // #region ----------------   Class Properties   ----------------
-        /** Service for fetching permission groups and definitions */
-        this.permissionService = inject(AXPPermissionDefinitionService);
-        /** Session service for checking module access */
-        this.sessionService = inject(AXPSessionService);
-        /** Translation service for resolving permission labels during search */
-        this.translationService = inject(AXTranslationService);
-        /** Currently selected permission group */
-        this.selectedGroup = signal(null, ...(ngDevMode ? [{ debugName: "selectedGroup" }] : /* istanbul ignore next */ []));
-        /** Current search query */
-        this.searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : /* istanbul ignore next */ []));
-        /** All available permission groups */
-        this.groups = signal([], ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
-        /** Initial permissions to be selected - exposed as signal input */
-        this.initialPermissions = input([], ...(ngDevMode ? [{ debugName: "initialPermissions" }] : /* istanbul ignore next */ []));
-        /** Whether the editor is in read-only mode */
-        this.readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : /* istanbul ignore next */ []));
-        /** Whether popup footer actions (Cancel / Select) are shown */
-        this.showActions = input(false, ...(ngDevMode ? [{ debugName: "showActions" }] : /* istanbul ignore next */ []));
-        /** List of selected permission names */
-        this.selectedPermissions = signal([], ...(ngDevMode ? [{ debugName: "selectedPermissions" }] : /* istanbul ignore next */ []));
-        /** Event emitted when permissions selection changes */
-        this.permissionsChanged = output();
-        /** Event emitted when permissions are applied/selected */
-        this.permissionsSelected = output();
-        /** Whether permission groups are being loaded */
-        this.isEditorLoading = signal(true, ...(ngDevMode ? [{ debugName: "isEditorLoading" }] : /* istanbul ignore next */ []));
-        /**
-         * Computed: Returns mapped permissions for the selected group.
-         */
-        this.items = computed(() => {
-            const permissions = this.selectedGroup()?.permissions || [];
-            return this.mapPermissions(permissions);
-        }, ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
-        /**
-         * Computed: Returns groups with badge counts, sorted by title.
-         */
-        this.groupsWithBadge = computed(() => {
-            const groups = this.groups();
-            const result = groups.map((group) => {
-                return {
-                    ...group,
-                    badge: this.getBadge(group) || '',
-                };
-            });
-            return result.sort((a, b) => a.title.localeCompare(b.title));
-        }, ...(ngDevMode ? [{ debugName: "groupsWithBadge" }] : /* istanbul ignore next */ []));
-        /** Sidebar group placeholders for the loading skeleton */
-        this.groupSkeletonPlaceholders = computed(() => [
-            'w-4/5',
-            'w-3/5',
-            'w-4/5',
-            'w-3/5',
-            'w-4/5',
-            'w-3/5',
-            'w-4/5',
-        ], ...(ngDevMode ? [{ debugName: "groupSkeletonPlaceholders" }] : /* istanbul ignore next */ []));
-        /** Permission group placeholders (parent + child rows) for the loading skeleton */
-        this.permissionGroupSkeletonPlaceholders = computed(() => [
-            { childCount: 4 },
-            { childCount: 4 },
-            { childCount: 2 },
-            { childCount: 4 },
-        ], ...(ngDevMode ? [{ debugName: "permissionGroupSkeletonPlaceholders" }] : /* istanbul ignore next */ []));
-        /** Child row placeholders for a permission group skeleton */
-        this.childSkeletonPlaceholders = (count) => Array.from({ length: count }, (_, index) => index);
-        /** Whether the user is actively searching permissions */
-        this.isSearchActive = computed(() => !isEmpty(trim(this.searchQuery())), ...(ngDevMode ? [{ debugName: "isSearchActive" }] : /* istanbul ignore next */ []));
-        /** Grouped search results across all permission groups */
-        this.searchResultsGrouped = computed(() => {
-            const normalizedQuery = trim(this.searchQuery()).toLowerCase();
-            if (!normalizedQuery) {
-                return [];
-            }
-            return this.groupsWithBadge()
-                .map((group) => ({
-                group,
-                items: this.mapPermissions(this.getFilteredGroupPermissions(group, normalizedQuery)),
-            }))
-                .filter((result) => !isEmpty(result.items));
-        }, ...(ngDevMode ? [{ debugName: "searchResultsGrouped" }] : /* istanbul ignore next */ []));
-        /** Whether the active search returned any permission groups */
-        this.hasSearchResults = computed(() => !isEmpty(this.searchResultsGrouped()), ...(ngDevMode ? [{ debugName: "hasSearchResults" }] : /* istanbul ignore next */ []));
-        setupPopupFooterKeyboardShortcuts(() => {
-            if (!this.isShowActions()) {
-                return [];
-            }
-            return [
-                {
-                    title: '@general:actions.cancel.title',
-                    command: 'cancel',
-                    handler: () => this.handleCancelClick(),
-                },
-                {
-                    title: '@general:actions.select.title',
-                    command: 'select',
-                    handler: () => this.handleSelectClick(),
-                },
-            ];
-        }, { id: 'permissions-editor-popup', when: () => this.isShowActions() });
-    }
-    // #endregion
-    // #region ----------------   Computed Properties   ----------------
-    /**
-     * Reads a signal input or a plain value assigned by AXPopupService data binding.
-     */
-    readBoundValue(value, fallback) {
-        if (typeof value === 'function') {
-            return value();
-        }
-        return (value ?? fallback);
-    }
-    /** Whether popup footer actions are visible (supports popup data and input binding). */
-    isShowActions() {
-        return this.readBoundValue(this.showActions, false);
-    }
-    /** Whether the editor is read-only (supports popup data and input binding). */
-    isReadOnlyMode() {
-        return this.readBoundValue(this.readOnly, false);
-    }
-    /** Initial permission selection (supports popup data and input binding). */
-    getInitialPermissions() {
-        return this.readBoundValue(this.initialPermissions, []);
-    }
-    /**
-     * Recursively maps permissions to include selection state and children.
-     */
-    mapPermissions(items) {
-        return (items || []).map((item) => {
-            const children = item.children;
-            return {
-                ...item,
-                isSelected: this.isSelected(item.name),
-                children: children?.length ? this.mapPermissions(children) : null,
-            };
-        });
-    }
-    // #endregion
-    // #region ----------------   Utility Methods   ----------------
-    /**
-     * Extracts module name from a permission group name.
-     * Handles multiple formats:
-     * - Permission key format: 'SecurityManagement:Permission:SecurityManagement.Management' -> 'SecurityManagement'
-     * - PascalCase: 'TenantManagement' -> 'TenantManagement'
-     * - kebab-case: 'tenant-management' -> 'TenantManagement' (converts to PascalCase)
-     */
-    extractModuleNameFromGroupName(groupName) {
-        // If it contains ':', extract the first part (permission key format)
-        if (groupName.includes(':')) {
-            const parts = groupName.split(':');
-            return parts[0];
-        }
-        // If it's kebab-case, convert to PascalCase
-        if (groupName.includes('-')) {
-            return groupName
-                .split('-')
-                .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-                .join('');
-        }
-        // Otherwise, assume it's already PascalCase
-        return groupName;
-    }
-    /**
-     * Filters permission groups to only include those from enabled modules.
-     */
-    filterGroupsByEnabledModules(groups) {
-        return groups.filter((group) => {
-            const moduleName = this.extractModuleNameFromGroupName(group.name);
-            return this.sessionService.isModuleEnabled(moduleName);
-        });
-    }
-    /**
-     * Recursively collects all permission names (parents and children) from an array.
-     */
-    collectAllPermissionNames(permissions) {
-        let names = [];
-        for (const item of permissions) {
-            names.push(item.name);
-            if (item.children?.length) {
-                names = names.concat(this.collectAllPermissionNames(item.children));
-            }
-        }
-        return names;
-    }
-    /**
-     * Returns the badge count for a group (all selected permissions, including parents).
-     */
-    getBadge(group) {
-        const allNames = this.collectAllPermissionNames(group.permissions || []);
-        const selectedPermissions = this.selectedPermissions();
-        const count = allNames.filter((name) => selectedPermissions.includes(name)).length;
-        return count.toString();
-    }
-    /**
-     * Checks if a permission is selected.
-     */
-    isSelected(name) {
-        return this.selectedPermissions().includes(name);
-    }
-    /**
-     * Checks if a permission is selected.
-     */
-    badgeToNumber(value) {
-        return Number(value);
-    }
-    /**
-     * Returns true when searchable text contains the query.
-     */
-    matchesSearchText(text, normalizedQuery) {
-        if (!text) {
-            return false;
-        }
-        const translated = this.translationService.translateSync(text) || text;
-        return (translated.toLowerCase().includes(normalizedQuery) ||
-            text.toLowerCase().includes(normalizedQuery));
-    }
-    /**
-     * Returns true when a permission title or description matches the query.
-     */
-    matchesPermission(permission, normalizedQuery) {
-        return (this.matchesSearchText(permission.title, normalizedQuery) ||
-            this.matchesSearchText(permission.description, normalizedQuery));
-    }
-    /**
-     * Returns true when a permission group title or description matches the query.
-     */
-    matchesGroup(group, normalizedQuery) {
-        return (this.matchesSearchText(group.title, normalizedQuery) ||
-            this.matchesSearchText(group.description, normalizedQuery));
-    }
-    /**
-     * Filters permissions while keeping ancestor nodes for matching descendants.
-     */
-    filterPermissions(items, normalizedQuery) {
-        const result = [];
-        for (const item of items) {
-            const filteredChildren = this.filterPermissions(item.children ?? [], normalizedQuery);
-            const selfMatches = this.matchesPermission(item, normalizedQuery);
-            if (selfMatches || !isEmpty(filteredChildren)) {
-                result.push({
-                    ...item,
-                    children: filteredChildren,
-                });
-            }
-        }
-        return result;
-    }
-    /**
-     * Returns filtered permissions for a group, or all permissions when the group itself matches.
-     */
-    getFilteredGroupPermissions(group, normalizedQuery) {
-        const permissions = group.permissions ?? [];
-        if (this.matchesGroup(group, normalizedQuery)) {
-            return permissions;
-        }
-        return this.filterPermissions(permissions, normalizedQuery);
-    }
-    /**
-     * Recursively collects all descendant permission names for a single item (including itself).
-     */
-    collectPermissionNames(item) {
-        let names = [item.name];
-        if (item.children) {
-            for (const child of item.children) {
-                names = names.concat(this.collectPermissionNames(child));
-            }
-        }
-        return names;
-    }
-    /**
-     * Gets the current selected permissions.
-     */
-    getSelectedPermissions() {
-        return this.selectedPermissions();
-    }
-    /**
-     * Sets the selected permissions.
-     */
-    setSelectedPermissions(permissions) {
-        this.selectedPermissions.set(permissions || []);
-        this.permissionsChanged.emit(this.selectedPermissions());
-    }
-    /**
-     * Applies/selects the current permissions.
-     */
-    selectPermissions() {
-        this.permissionsSelected.emit(this.selectedPermissions());
-    }
-    // #endregion
-    // #region ----------------   Lifecycle Methods   ----------------
-    /**
-     * Initializes the component and loads permission groups.
-     * Filters groups to only show permissions from modules enabled for the current tenant.
-     */
-    async ngOnInit() {
-        super.ngOnInit();
-        try {
-            const allGroups = await this.permissionService.getGroups();
-            const filteredGroups = this.filterGroupsByEnabledModules(allGroups);
-            this.groups.set(filteredGroups);
-            // Select first group if available
-            if (filteredGroups.length > 0) {
-                this.selectedGroup.set(filteredGroups[0]);
-            }
-            this.selectedPermissions.set(this.getInitialPermissions());
-        }
-        finally {
-            this.isEditorLoading.set(false);
-        }
-    }
-    // #endregion
-    // #region ----------------   UI Handlers   ----------------
-    /**
-     * Handles group tab/menu item click.
-     */
-    handleMenuItemClick(item) {
-        this.selectedGroup.set(item);
-    }
-    /**
-     * Updates the search query when the search box value changes.
-     */
-    handleSearchChanged(event) {
-        this.searchQuery.set(event.value ?? '');
-    }
-    /**
-     * Handles permission checkbox toggle (checks/unchecks all children recursively).
-     */
-    onPermissionToggle(item, e) {
-        // Don't allow changes in read-only mode
-        if (this.isReadOnlyMode()) {
-            return;
-        }
-        const names = this.collectPermissionNames(item);
-        if (e.value) {
-            // Add all names (parent + children), avoiding duplicates
-            const set = new Set([...this.selectedPermissions(), ...names]);
-            this.selectedPermissions.set(Array.from(set));
-        }
-        else {
-            // Remove all names (parent + children)
-            this.selectedPermissions.set(this.selectedPermissions().filter((name) => !names.includes(name)));
-        }
-        this.permissionsChanged.emit(this.selectedPermissions());
-    }
-    /**
-     * Closes the popup without applying permission changes.
-     */
-    handleCancelClick() {
-        this.close();
-    }
-    /**
-     * Applies the current selection and closes the popup.
-     */
-    handleSelectClick() {
-        const permissions = this.getSelectedPermissions();
-        this.permissionsSelected.emit(permissions);
-        this.close(permissions);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPermissionsEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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 }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { permissionsChanged: "permissionsChanged", permissionsSelected: "permissionsSelected" }, host: { properties: { "attr.aria-busy": "isEditorLoading() ? \"true\" : null" }, classAttribute: "axm-permissions-editor flex h-full max-h-[75vh] min-h-0 flex-col overflow-hidden" }, usesInheritance: true, ngImport: i0, template: "@if (isEditorLoading()) {\n  <div class=\"__body flex min-h-0 flex-1 overflow-hidden\">\n    <div class=\"__groups p-4 w-2/5\" aria-hidden=\"true\">\n      <div class=\"flex flex-col gap-3 h-full\">\n        @for (widthClass of groupSkeletonPlaceholders(); track $index) {\n          <div class=\"flex items-center py-2\">\n            <div class=\"h-5 rounded-md overflow-hidden\" [class]=\"widthClass\">\n              <ax-skeleton\n                [animated]=\"true\"\n                style=\"display: block; width: 100%; height: 100%\"\n              ></ax-skeleton>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n\n    <div\n      class=\"__permissions flex w-3/5 flex-col overflow-hidden border-s\"\n      aria-hidden=\"true\"\n    >\n      <div class=\"__header p-4 border-b border-lightest\">\n        <div class=\"h-6 w-48 rounded-md overflow-hidden\">\n          <ax-skeleton\n            [animated]=\"true\"\n            style=\"display: block; width: 100%; height: 100%\"\n          ></ax-skeleton>\n        </div>\n      </div>\n\n      <div class=\"__content flex flex-col gap-1 p-4\">\n        @for (group of permissionGroupSkeletonPlaceholders(); track $index) {\n          <div class=\"__skeleton-permission-group\">\n            <div class=\"flex items-center gap-2 py-1\">\n              <div class=\"h-4 w-4 shrink-0 rounded-sm overflow-hidden\">\n                <ax-skeleton\n                  [animated]=\"true\"\n                  style=\"display: block; width: 100%; height: 100%\"\n                ></ax-skeleton>\n              </div>\n              <div class=\"h-4 w-40 max-w-full rounded-md overflow-hidden\">\n                <ax-skeleton\n                  [animated]=\"true\"\n                  style=\"display: block; width: 100%; height: 100%\"\n                ></ax-skeleton>\n              </div>\n              <div class=\"h-3 w-3 shrink-0 rounded-full overflow-hidden\">\n                <ax-skeleton\n                  [animated]=\"true\"\n                  style=\"display: block; width: 100%; height: 100%\"\n                ></ax-skeleton>\n              </div>\n            </div>\n\n            <div class=\"__children p-2 mt-1 ms-1\">\n              @for (\n                childIndex of childSkeletonPlaceholders(group.childCount);\n                track childIndex\n              ) {\n                <div class=\"flex items-center gap-2 py-1 ps-2\">\n                  <div class=\"h-4 w-4 shrink-0 rounded-sm overflow-hidden\">\n                    <ax-skeleton\n                      [animated]=\"true\"\n                      style=\"display: block; width: 100%; height: 100%\"\n                    ></ax-skeleton>\n                  </div>\n                  <div class=\"h-4 w-32 max-w-full rounded-md overflow-hidden\">\n                    <ax-skeleton\n                      [animated]=\"true\"\n                      style=\"display: block; width: 100%; height: 100%\"\n                    ></ax-skeleton>\n                  </div>\n                  <div class=\"h-3 w-3 shrink-0 rounded-full overflow-hidden\">\n                    <ax-skeleton\n                      [animated]=\"true\"\n                      style=\"display: block; width: 100%; height: 100%\"\n                    ></ax-skeleton>\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n} @else {\n  <div class=\"__search px-4 pt-4 pb-3 border-b border-border-lightest\">\n    <ax-search-box\n      [axAutoFocus]\n      [ngModel]=\"searchQuery()\"\n      (onValueChanged)=\"handleSearchChanged($event)\"\n      [placeholder]=\"\n        '@security-management:permissions-feature.components.permissions-editor.search.placeholder'\n          | translate\n          | async\n      \"\n    >\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  </div>\n\n  <div class=\"__body flex min-h-0 flex-1 overflow-hidden\">\n    @if (isSearchActive()) {\n      <div\n        class=\"__permissions __permissions--search flex min-h-0 flex-1 flex-col overflow-hidden\"\n      >\n        @if (hasSearchResults()) {\n          <div class=\"__search-results flex flex-col\">\n            @for (result of searchResultsGrouped(); track result.group.name) {\n              <section class=\"__search-group\">\n                <div\n                  class=\"__header shrink-0 p-4 border-b border-border-lightest\"\n                >\n                  <span class=\"h6\">{{\n                    result.group.title | translate | async\n                  }}</span>\n                </div>\n\n                <div class=\"__content flex p-4\">\n                  <ul class=\"__list\">\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        recursiveList;\n                        context: { $implicit: result.items }\n                      \"\n                    ></ng-container>\n                  </ul>\n                </div>\n              </section>\n            }\n          </div>\n        } @else {\n          <div class=\"__empty flex flex-1 items-center justify-center p-8\">\n            <axp-state-message\n              icon=\"fa-light fa-search\"\n              [title]=\"\n                '@security-management:permissions-feature.components.permissions-editor.empty-states.no-results.title'\n              \"\n              [description]=\"\n                '@security-management:permissions-feature.components.permissions-editor.empty-states.no-results.description'\n              \"\n            >\n            </axp-state-message>\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"__groups w-2/5 p-4\">\n        <ax-tabs location=\"start\" look=\"with-line-color\" class=\"h-full\">\n          @for (group of groupsWithBadge(); track $index) {\n            <ax-tab-item\n              [active]=\"group.name === selectedGroup()?.name\"\n              [text]=\"(group.title | translate | async)!\"\n              (onClick)=\"handleMenuItemClick(group)\"\n            >\n              @if (badgeToNumber(group.badge) > 0) {\n                <ax-suffix>\n                  <ax-badge color=\"primary\" [text]=\"group.badge\"></ax-badge>\n                </ax-suffix>\n              }\n            </ax-tab-item>\n          }\n        </ax-tabs>\n      </div>\n\n      <div class=\"__permissions flex w-3/5 flex-col overflow-hidden border-s\">\n        <div class=\"__header shrink-0 p-4 border-b border-border-lightest\">\n          <span>{{ selectedGroup()?.title! | translate | async }}</span>\n        </div>\n\n        <div class=\"__content flex p-4\">\n          <ul class=\"__list\">\n            <ng-container\n              *ngTemplateOutlet=\"recursiveList; context: { $implicit: items() }\"\n            ></ng-container>\n          </ul>\n        </div>\n      </div>\n    }\n  </div>\n}\n\n@if (isShowActions()) {\n  <ax-footer>\n    <ax-suffix>\n      <ax-button\n        look=\"solid\"\n        [text]=\"'@general:actions.cancel.title' | translate | async\"\n        (onClick)=\"handleCancelClick()\"\n      ></ax-button>\n      <ax-button\n        look=\"solid\"\n        color=\"primary\"\n        [text]=\"'@general:actions.select.title' | translate | async\"\n        (onClick)=\"handleSelectClick()\"\n      >\n        <ax-prefix>\n          <i class=\"fa-solid fa-check\"></i>\n        </ax-prefix>\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n}\n\n<ng-template #recursiveList let-items>\n  @for (item of items; track $index) {\n    <li class=\"__item py-1 ps-2\">\n      <ax-check-box\n        [ngModel]=\"item.isSelected\"\n        [readonly]=\"isReadOnlyMode()\"\n        (onValueChanged)=\"onPermissionToggle(item, $event)\"\n      >\n        <ax-label>\n          {{ item.title | translate | async }}\n          @if (item.description) {\n            <i\n              class=\"ps-2 text-xs fa-light fa-circle-info\"\n              [title]=\"(item.description | translate | async) ?? ''\"\n            ></i>\n          }\n        </ax-label>\n      </ax-check-box>\n\n      @if (item.children && item.children.length > 0) {\n        <ul class=\"__children p-2 mt-1 ms-1\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveList;\n              context: { $implicit: item.children }\n            \"\n          ></ng-container>\n        </ul>\n      }\n    </li>\n  }\n</ng-template>\n", styles: ["@layer properties;.axm-permissions-editor{display:flex;height:100%;max-height:75vh;min-height:0;flex-direction:column;overflow:hidden}.axm-permissions-editor .__search{flex-shrink:0}.axm-permissions-editor .__body{display:flex;min-height:0;flex:1;overflow:hidden}.axm-permissions-editor .__groups{min-height:0;overflow-y:auto}.axm-permissions-editor .__groups .__tabs{height:100%}.axm-permissions-editor .__permissions{display:flex;min-height:0;flex-direction:column;overflow:hidden}.axm-permissions-editor .__permissions .__header{flex-shrink:0}.axm-permissions-editor .__permissions .__header .__title{font-size:1rem;font-weight:500;line-height:1rem}.axm-permissions-editor .__permissions .__content{min-height:0;flex:1;overflow-y:auto}.axm-permissions-editor .__permissions .__content .__list{width:100%}.axm-permissions-editor .__permissions .__content .__list .__item .__children{margin-left:calc(var(--spacing, .25rem) * 2);border-left-style:var(--tw-border-style);border-left-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-lighter-surface))}.axm-permissions-editor .__permissions .__permissions--search{width:100%}.axm-permissions-editor .__permissions .__permissions--search .__search-results{min-height:0;width:100%;flex:1;overflow-y:auto}.axm-permissions-editor .__permissions .__permissions--search .__search-group:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-lightest-surface))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: 
-                // Angular
-                CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: AXCommonModule }, { kind: "directive", type: i3.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: 
-                // ACoreX
-                AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i7.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i7.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i8.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i8.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: i9.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i10.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i11.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i12.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPermissionsEditorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-permissions-editor', imports: [
-                        // Angular
-                        CommonModule,
-                        FormsModule,
-                        AXCommonModule,
-                        // ACoreX
-                        AXFormModule,
-                        AXTextBoxModule,
-                        AXButtonModule,
-                        AXLabelModule,
-                        AXCheckBoxModule,
-                        AXTabsModule,
-                        AXDecoratorModule,
-                        AXTranslationModule,
-                        AXBadgeModule,
-                        AXCheckBoxModule,
-                        AXTooltipModule,
-                        AXSkeletonModule,
-                        AXSearchBoxModule,
-                        AXPStateMessageComponent,
-                    ], encapsulation: ViewEncapsulation.None, host: {
-                        class: 'axm-permissions-editor flex h-full max-h-[75vh] min-h-0 flex-col overflow-hidden',
-                        '[attr.aria-busy]': 'isEditorLoading() ? "true" : null',
-                    }, template: "@if (isEditorLoading()) {\n  <div class=\"__body flex min-h-0 flex-1 overflow-hidden\">\n    <div class=\"__groups p-4 w-2/5\" aria-hidden=\"true\">\n      <div class=\"flex flex-col gap-3 h-full\">\n        @for (widthClass of groupSkeletonPlaceholders(); track $index) {\n          <div class=\"flex items-center py-2\">\n            <div class=\"h-5 rounded-md overflow-hidden\" [class]=\"widthClass\">\n              <ax-skeleton\n                [animated]=\"true\"\n                style=\"display: block; width: 100%; height: 100%\"\n              ></ax-skeleton>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n\n    <div\n      class=\"__permissions flex w-3/5 flex-col overflow-hidden border-s\"\n      aria-hidden=\"true\"\n    >\n      <div class=\"__header p-4 border-b border-lightest\">\n        <div class=\"h-6 w-48 rounded-md overflow-hidden\">\n          <ax-skeleton\n            [animated]=\"true\"\n            style=\"display: block; width: 100%; height: 100%\"\n          ></ax-skeleton>\n        </div>\n      </div>\n\n      <div class=\"__content flex flex-col gap-1 p-4\">\n        @for (group of permissionGroupSkeletonPlaceholders(); track $index) {\n          <div class=\"__skeleton-permission-group\">\n            <div class=\"flex items-center gap-2 py-1\">\n              <div class=\"h-4 w-4 shrink-0 rounded-sm overflow-hidden\">\n                <ax-skeleton\n                  [animated]=\"true\"\n                  style=\"display: block; width: 100%; height: 100%\"\n                ></ax-skeleton>\n              </div>\n              <div class=\"h-4 w-40 max-w-full rounded-md overflow-hidden\">\n                <ax-skeleton\n                  [animated]=\"true\"\n                  style=\"display: block; width: 100%; height: 100%\"\n                ></ax-skeleton>\n              </div>\n              <div class=\"h-3 w-3 shrink-0 rounded-full overflow-hidden\">\n                <ax-skeleton\n                  [animated]=\"true\"\n                  style=\"display: block; width: 100%; height: 100%\"\n                ></ax-skeleton>\n              </div>\n            </div>\n\n            <div class=\"__children p-2 mt-1 ms-1\">\n              @for (\n                childIndex of childSkeletonPlaceholders(group.childCount);\n                track childIndex\n              ) {\n                <div class=\"flex items-center gap-2 py-1 ps-2\">\n                  <div class=\"h-4 w-4 shrink-0 rounded-sm overflow-hidden\">\n                    <ax-skeleton\n                      [animated]=\"true\"\n                      style=\"display: block; width: 100%; height: 100%\"\n                    ></ax-skeleton>\n                  </div>\n                  <div class=\"h-4 w-32 max-w-full rounded-md overflow-hidden\">\n                    <ax-skeleton\n                      [animated]=\"true\"\n                      style=\"display: block; width: 100%; height: 100%\"\n                    ></ax-skeleton>\n                  </div>\n                  <div class=\"h-3 w-3 shrink-0 rounded-full overflow-hidden\">\n                    <ax-skeleton\n                      [animated]=\"true\"\n                      style=\"display: block; width: 100%; height: 100%\"\n                    ></ax-skeleton>\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n} @else {\n  <div class=\"__search px-4 pt-4 pb-3 border-b border-border-lightest\">\n    <ax-search-box\n      [axAutoFocus]\n      [ngModel]=\"searchQuery()\"\n      (onValueChanged)=\"handleSearchChanged($event)\"\n      [placeholder]=\"\n        '@security-management:permissions-feature.components.permissions-editor.search.placeholder'\n          | translate\n          | async\n      \"\n    >\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  </div>\n\n  <div class=\"__body flex min-h-0 flex-1 overflow-hidden\">\n    @if (isSearchActive()) {\n      <div\n        class=\"__permissions __permissions--search flex min-h-0 flex-1 flex-col overflow-hidden\"\n      >\n        @if (hasSearchResults()) {\n          <div class=\"__search-results flex flex-col\">\n            @for (result of searchResultsGrouped(); track result.group.name) {\n              <section class=\"__search-group\">\n                <div\n                  class=\"__header shrink-0 p-4 border-b border-border-lightest\"\n                >\n                  <span class=\"h6\">{{\n                    result.group.title | translate | async\n                  }}</span>\n                </div>\n\n                <div class=\"__content flex p-4\">\n                  <ul class=\"__list\">\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        recursiveList;\n                        context: { $implicit: result.items }\n                      \"\n                    ></ng-container>\n                  </ul>\n                </div>\n              </section>\n            }\n          </div>\n        } @else {\n          <div class=\"__empty flex flex-1 items-center justify-center p-8\">\n            <axp-state-message\n              icon=\"fa-light fa-search\"\n              [title]=\"\n                '@security-management:permissions-feature.components.permissions-editor.empty-states.no-results.title'\n              \"\n              [description]=\"\n                '@security-management:permissions-feature.components.permissions-editor.empty-states.no-results.description'\n              \"\n            >\n            </axp-state-message>\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"__groups w-2/5 p-4\">\n        <ax-tabs location=\"start\" look=\"with-line-color\" class=\"h-full\">\n          @for (group of groupsWithBadge(); track $index) {\n            <ax-tab-item\n              [active]=\"group.name === selectedGroup()?.name\"\n              [text]=\"(group.title | translate | async)!\"\n              (onClick)=\"handleMenuItemClick(group)\"\n            >\n              @if (badgeToNumber(group.badge) > 0) {\n                <ax-suffix>\n                  <ax-badge color=\"primary\" [text]=\"group.badge\"></ax-badge>\n                </ax-suffix>\n              }\n            </ax-tab-item>\n          }\n        </ax-tabs>\n      </div>\n\n      <div class=\"__permissions flex w-3/5 flex-col overflow-hidden border-s\">\n        <div class=\"__header shrink-0 p-4 border-b border-border-lightest\">\n          <span>{{ selectedGroup()?.title! | translate | async }}</span>\n        </div>\n\n        <div class=\"__content flex p-4\">\n          <ul class=\"__list\">\n            <ng-container\n              *ngTemplateOutlet=\"recursiveList; context: { $implicit: items() }\"\n            ></ng-container>\n          </ul>\n        </div>\n      </div>\n    }\n  </div>\n}\n\n@if (isShowActions()) {\n  <ax-footer>\n    <ax-suffix>\n      <ax-button\n        look=\"solid\"\n        [text]=\"'@general:actions.cancel.title' | translate | async\"\n        (onClick)=\"handleCancelClick()\"\n      ></ax-button>\n      <ax-button\n        look=\"solid\"\n        color=\"primary\"\n        [text]=\"'@general:actions.select.title' | translate | async\"\n        (onClick)=\"handleSelectClick()\"\n      >\n        <ax-prefix>\n          <i class=\"fa-solid fa-check\"></i>\n        </ax-prefix>\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n}\n\n<ng-template #recursiveList let-items>\n  @for (item of items; track $index) {\n    <li class=\"__item py-1 ps-2\">\n      <ax-check-box\n        [ngModel]=\"item.isSelected\"\n        [readonly]=\"isReadOnlyMode()\"\n        (onValueChanged)=\"onPermissionToggle(item, $event)\"\n      >\n        <ax-label>\n          {{ item.title | translate | async }}\n          @if (item.description) {\n            <i\n              class=\"ps-2 text-xs fa-light fa-circle-info\"\n              [title]=\"(item.description | translate | async) ?? ''\"\n            ></i>\n          }\n        </ax-label>\n      </ax-check-box>\n\n      @if (item.children && item.children.length > 0) {\n        <ul class=\"__children p-2 mt-1 ms-1\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              recursiveList;\n              context: { $implicit: item.children }\n            \"\n          ></ng-container>\n        </ul>\n      }\n    </li>\n  }\n</ng-template>\n", styles: ["@layer properties;.axm-permissions-editor{display:flex;height:100%;max-height:75vh;min-height:0;flex-direction:column;overflow:hidden}.axm-permissions-editor .__search{flex-shrink:0}.axm-permissions-editor .__body{display:flex;min-height:0;flex:1;overflow:hidden}.axm-permissions-editor .__groups{min-height:0;overflow-y:auto}.axm-permissions-editor .__groups .__tabs{height:100%}.axm-permissions-editor .__permissions{display:flex;min-height:0;flex-direction:column;overflow:hidden}.axm-permissions-editor .__permissions .__header{flex-shrink:0}.axm-permissions-editor .__permissions .__header .__title{font-size:1rem;font-weight:500;line-height:1rem}.axm-permissions-editor .__permissions .__content{min-height:0;flex:1;overflow-y:auto}.axm-permissions-editor .__permissions .__content .__list{width:100%}.axm-permissions-editor .__permissions .__content .__list .__item .__children{margin-left:calc(var(--spacing, .25rem) * 2);border-left-style:var(--tw-border-style);border-left-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-lighter-surface))}.axm-permissions-editor .__permissions .__permissions--search{width:100%}.axm-permissions-editor .__permissions .__permissions--search .__search-results{min-height:0;width:100%;flex:1;overflow-y:auto}.axm-permissions-editor .__permissions .__permissions--search .__search-group:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-lightest-surface))}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
-        }], ctorParameters: () => [], propDecorators: { initialPermissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialPermissions", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], showActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showActions", required: false }] }], permissionsChanged: [{ type: i0.Output, args: ["permissionsChanged"] }], permissionsSelected: [{ type: i0.Output, args: ["permissionsSelected"] }] } });
-
-var permissionsEditor_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPPermissionsEditorComponent: AXPPermissionsEditorComponent
-});
-
-//#endregion
-//#region ----   Command   ----
-class AXMAssignPermissionsCommand {
-    constructor() {
-        //#region ----   Services & Dependencies   ----
-        this.popupService = inject(AXPopupService);
-        this.translationService = inject(AXTranslationService);
-        this.entityRegistry = inject(AXPEntityDefinitionRegistryService);
-        this.toastService = inject(AXToastService);
-        this.settingsService = inject(AXPSettingsService);
-        this.workflowEventService = inject(AXPWorkflowEventService);
-    }
-    //#endregion
-    //#region ----   Execute   ----
-    async execute(input) {
-        try {
-            const role = input.__context__?.data;
-            if (!role || !isString(role['id']) || isEmpty(role['id'])) {
-                return {
-                    success: false,
-                    message: {
-                        text: await this.translationService.translateAsync('@general:messages.entity.invalid-data'),
-                    },
-                };
-            }
-            const component = await Promise.resolve().then(function () { return permissionsEditor_component; }).then((m) => m.AXPPermissionsEditorComponent);
-            const editorTitle = await this.translationService.translateAsync('@security-management:permissions-feature.terms.permissions-editor');
-            const roleTitle = this.resolveRoleTitle(role['title']);
-            const initialPermissions = isArray(role['permissions']) ? role['permissions'] : [];
-            const popupResult = await this.popupService.open(component, {
-                title: roleTitle ? `${editorTitle} - ${roleTitle}` : editorTitle,
-                size: 'md',
-                data: {
-                    initialPermissions,
-                    showActions: true,
-                },
-            });
-            const permissions = popupResult?.data;
-            if (!isArray(permissions)) {
-                return { success: true, data: null, metadata: { refresh: false } };
-            }
-            const entityKey = `${RootConfig.module.name}.${RootConfig.entities.roles.name}`;
-            const [moduleName, entityName] = entityKey.split('.');
-            const entityRef = await this.entityRegistry.resolve(moduleName, entityName);
-            const updatePayload = {
-                ...role,
-                permissions,
-            };
-            const updated = await (entityRef.commands?.update?.execute)(updatePayload);
-            await this.showSuccessToast();
-            this.workflowEventService.dispatch(AXPEntityModifyEvent({ entity: entityKey, values: updated }));
-            this.workflowEventService.dispatch(AXPRefreshEvent({ entity: entityKey }));
-            return {
-                success: true,
-                data: permissions,
-            };
-        }
-        catch (error) {
-            const message = error instanceof Error ? error.message : 'Failed to assign permissions.';
-            return {
-                success: false,
-                message: { text: message },
-            };
-        }
-    }
-    //#endregion
-    //#region ----   Utility Methods   ----
-    resolveRoleTitle(title) {
-        if (!title) {
-            return '';
-        }
-        const locale = this.translationService.getActiveLang?.() ?? 'en-US';
-        if (isString(title)) {
-            return resolveMultiLanguageString(title, locale).trim();
-        }
-        return resolveMultiLanguageString(String(title), locale).trim();
-    }
-    async showSuccessToast() {
-        const enableOperationToasts = await this.settingsService.get(AXPCommonSettings.EnableOperationToasts);
-        if (!enableOperationToasts) {
-            return;
-        }
-        this.toastService.show({
-            color: 'success',
-            title: await this.translationService.translateAsync('@general:workflow.entity-modified-title'),
-            content: await this.translationService.translateAsync('@general:workflow.entity-modified-body'),
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssignPermissionsCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssignPermissionsCommand }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssignPermissionsCommand, decorators: [{
-            type: Injectable
-        }] });
-
-var assignPermissions_command = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXMAssignPermissionsCommand: AXMAssignPermissionsCommand
-});
-
-class AXPPermissionsWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.permissionService = inject(AXPPermissionDefinitionService);
-        this.commandService = inject(AXPCommandService);
-        this.groups = signal([], ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
-        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" }] : /* istanbul ignore next */ []));
-        this.selectedPermissionsByGroup = computed(() => {
-            const selected = new Set(this.getValue() ?? []);
-            const result = {};
-            for (const group of this.groups()) {
-                const permPaths = [];
-                const findPermissionPaths = (items, path = []) => {
-                    for (const item of items) {
-                        const currentPath = [...path, item];
-                        if (selected.has(item.name)) {
-                            const displayPath = currentPath.map(p => p.title).join(' > ');
-                            permPaths.push({
-                                group,
-                                path: currentPath,
-                                displayPath
-                            });
-                        }
-                        if (item.children?.length) {
-                            findPermissionPaths(item.children, currentPath);
-                        }
-                    }
-                };
-                findPermissionPaths(group.permissions);
-                result[group.name] = permPaths;
-            }
-            return result;
-        }, ...(ngDevMode ? [{ debugName: "selectedPermissionsByGroup" }] : /* istanbul ignore next */ []));
-        this.isEmpty = computed(() => {
-            return Object.values(this.selectedPermissionsByGroup()).every(arr => !arr.length);
-        }, ...(ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []));
-    }
-    async openPermissionsEditor() {
-        await this.commandService.execute('assign-permissions', {
-            __context__: {
-                data: this.contextService.data(),
-                entity: `${RootConfig.module.name}.${RootConfig.entities.roles.name}`,
-            },
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPermissionsWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPPermissionsWidgetViewComponent, isStandalone: true, selector: "axm-permissions-widget-view", usesInheritance: true, ngImport: i0, template: `
-    <!-- <axm-permissions-editor
-    [initialPermissions]="getValue() || []"
-    [readOnly]="true">
-    </axm-permissions-editor> -->
-    <div class="flex flex-col gap-2">
-      @for (group of groups(); track group.name) {
-        @if (selectedPermissionsByGroup()[group.name]?.length) {
-          <div>
-            <div class="text-xs font-semibold mb-2 text-muted">{{ group.title }}</div>
-            <div class="flex gap-1 flex-wrap">
-              @for (permPath of selectedPermissionsByGroup()[group.name]; track permPath.path[permPath.path.length - 1].name) {
-                <ax-badge [text]="permPath.displayPath" color="primary" size="sm"></ax-badge>
-              }
-            </div>
-          </div>
-        }
-      }
-      @if (isEmpty()) {
-        <axp-state-message
-          icon="fa-light fa-shield-check"
-          [title]="'@security-management:permissions-feature.components.permissions-editor.empty-states.no-permissions.title'"
-          [description]="'@security-management:permissions-feature.components.permissions-editor.empty-states.no-permissions.description'">
-        </axp-state-message>
-      }
-    </div>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i9.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPermissionsWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axm-permissions-widget-view',
-                    template: `
-    <!-- <axm-permissions-editor
-    [initialPermissions]="getValue() || []"
-    [readOnly]="true">
-    </axm-permissions-editor> -->
-    <div class="flex flex-col gap-2">
-      @for (group of groups(); track group.name) {
-        @if (selectedPermissionsByGroup()[group.name]?.length) {
-          <div>
-            <div class="text-xs font-semibold mb-2 text-muted">{{ group.title }}</div>
-            <div class="flex gap-1 flex-wrap">
-              @for (permPath of selectedPermissionsByGroup()[group.name]; track permPath.path[permPath.path.length - 1].name) {
-                <ax-badge [text]="permPath.displayPath" color="primary" size="sm"></ax-badge>
-              }
-            </div>
-          </div>
-        }
-      }
-      @if (isEmpty()) {
-        <axp-state-message
-          icon="fa-light fa-shield-check"
-          [title]="'@security-management:permissions-feature.components.permissions-editor.empty-states.no-permissions.title'"
-          [description]="'@security-management:permissions-feature.components.permissions-editor.empty-states.no-permissions.description'">
-        </axp-state-message>
-      }
-    </div>
-    `,
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXBadgeModule, AXTranslationModule, AXPStateMessageComponent]
-                }]
-        }] });
-
-var permissionsWidgetView_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPPermissionsWidgetViewComponent: AXPPermissionsWidgetViewComponent
-});
-
-class AXPPermissionsWidgetEditComponent extends AXPValueWidgetComponent {
-    // #region ----------------   UI Handlers   ----------------
-    /**
-     * Handles permissions changes from the editor.
-     */
-    onPermissionsChanged(permissions) {
-        this.setValue(permissions);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPermissionsWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPPermissionsWidgetEditComponent, isStandalone: true, selector: "axm-permissions-widget-edit", usesInheritance: true, ngImport: i0, template: `
-    <axm-permissions-editor
-      [initialPermissions]="getValue() || []"
-      [readOnly]="false"
-      (permissionsChanged)="onPermissionsChanged($event)">
-    </axm-permissions-editor>
-  `, isInline: true, dependencies: [{ kind: "component", type: AXPPermissionsEditorComponent, selector: "axm-permissions-editor", inputs: ["initialPermissions", "readOnly", "showActions"], outputs: ["permissionsChanged", "permissionsSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPermissionsWidgetEditComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axm-permissions-widget-edit',
-                    template: `
-    <axm-permissions-editor
-      [initialPermissions]="getValue() || []"
-      [readOnly]="false"
-      (permissionsChanged)="onPermissionsChanged($event)">
-    </axm-permissions-editor>
-  `,
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        AXPPermissionsEditorComponent
-                    ]
-                }]
-        }] });
-
-var permissionsWidgetEdit_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPPermissionsWidgetEditComponent: AXPPermissionsWidgetEditComponent
-});
-
-class AXPPermissionsWidgetColumnComponent extends AXPColumnWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.count = computed(() => castArray(this.rawValue).length, ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
-        this.commandService = inject(AXPCommandService);
-    }
-    async openPermissionsEditor() {
-        await this.commandService.execute('assign-permissions', {
-            __context__: {
-                data: this.rowData,
-                entity: `${RootConfig.module.name}.${RootConfig.entities.roles.name}`,
-            },
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPermissionsWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPPermissionsWidgetColumnComponent, isStandalone: true, selector: "axm-permissions-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
-    <span class="cursor-pointer text-primary underline" (click)="openPermissionsEditor()">{{count()}}  {{'@security-management:permissions-feature.terms.permissions' | translate | async}}</span>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i12.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPermissionsWidgetColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axm-permissions-widget-column',
-                    template: `
-    <span class="cursor-pointer text-primary underline" (click)="openPermissionsEditor()">{{count()}}  {{'@security-management:permissions-feature.terms.permissions' | translate | async}}</span>
-  `,
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXTranslationModule],
-                    inputs: ['rawValue', 'rowData']
-                }]
-        }] });
-
-var permissionsWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPPermissionsWidgetColumnComponent: AXPPermissionsWidgetColumnComponent
-});
-
-// Permission Editor Components
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXMAssignPermissionsCommand, AXMDeviceSessionsService, AXMPermissionsModule, AXMSecurityManagementModule, AXPPermissionsEditorComponent, AXPPermissionsWidget, AXPPermissionsWidgetColumnComponent, AXPPermissionsWidgetEditComponent, AXPPermissionsWidgetViewComponent };
+export { A as AXMAssignPermissionsCommand, a as AXMDeviceSessionsService, b as AXMPermissionsModule, c as AXMRolePermissionGrantService, d as AXMRolePermissionsPageComponent, e as AXMRolePermissionsPageComponentProvider, f as AXMSecurityManagementModule, g as AXPPermissionsEditorComponent, h as AXPPermissionsWidget, i as AXPPermissionsWidgetColumnComponent, j as AXPPermissionsWidgetEditComponent, k as AXPPermissionsWidgetViewComponent } from './acorex-platform-module-security-management-client-acorex-platform-module-security-management-client-jSDkyMMZ.mjs';
 //# sourceMappingURL=acorex-platform-module-security-management-client.mjs.map