@acorex-platform/module-auth-client 0.0.18 → 0.0.21

package/fesm2022/{acorex-platform-module-auth-client-acorex-platform-module-auth-client-mW7tx8C0.mjs → acorex-platform-module-auth-client-acorex-platform-module-auth-client-CYmUn-lw.mjs}

@@ -1,56 +1,56 @@
-import * as i1$4 from '@acorex-platform/framework-client/common';
-import { AXPFileStorageService, AXPSettingsService, AXPHomePageService, AXPDataProvider, AXPCommonSettings, AXP_PROTECTED_ROUTE_GUARDS, AXPCommonModule, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/common';
-import { AXPSessionService, AXPUserProfileIdentityService, AXPUnauthorizedError, AXPUnauthenticatedError, AXPAuthStrategyRegistryService, AXPAuthGuard, AXPSessionStatus } from '@acorex-platform/framework-client/auth';
+import * as i1$5 from '@acorex-platform/framework-client/common';
+import { AXPFileStorageService, AXPHomePageService, AXPPlatformSettingsLoadState, AXPSettingsService, AXPDataProvider, AXPCommonSettings, AXP_PROTECTED_ROUTE_GUARDS, AXPCommonModule, AXPPlatformSettingsOfflineBootstrapService, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/common';
+import { AXPSessionService, AXPUnauthorizedError, AXPUnauthenticatedError, AXPAuthStrategyRegistryService, traceAuthGuard, AXPAuthGuard, AXPSessionStatus } from '@acorex-platform/framework-client/auth';
 import { AXPUserAvatarService, AXPUserAvatarComponent, AXP_PAGE_COMPONENT_PROVIDER } from '@acorex-platform/framework-client/layout/components';
-import { AXPFileStorageStatus, AXPWidgetsCatalog, coerceUnknownToTrimmedString, AXPPlatformScope, AXPKeyboardShortcutPriority, verifyPassword } from '@acorex-platform/framework-shared/core';
-import { RootConfig } from '@acorex-platform/module-person-core-client/contracts';
-import { RootConfig as RootConfig$1 } from '@acorex-platform/module-security-management-client/contracts';
+import { AXPFileStorageStatus, coerceUnknownToTrimmedString, AXPPlatformScope, AXPKeyboardShortcutPriority, verifyPassword } from '@acorex-platform/framework-shared/core';
+import { RootConfig } from '@acorex-platform/module-security-management-client/contracts';
 import { AXPEntityService, AXP_ENTITY_STORAGE_MIDDLEWARE } from '@acorex-platform/framework-client/layout/entity';
 import * as i0 from '@angular/core';
-import { inject, Injectable, isDevMode, InjectionToken, NgModule, input, output, viewChild, viewChildren, signal, computed, effect, ChangeDetectionStrategy, Component, DestroyRef, ViewEncapsulation, ViewChild, Injector, afterNextRender, provideAppInitializer } from '@angular/core';
-import { first, isEmpty, isNil, isString, orderBy, get, defaultTo } from 'lodash';
-import { AXDataSource } from '@acorex/cdk/common';
-import { AXMAuthDataSourceKeys, AXPAuthSettings, AXMAuthCommandKeys } from '@acorex-platform/module-auth-client/contracts';
+import { inject, Injectable, isDevMode, InjectionToken, NgModule, input, output, viewChild, viewChildren, signal, computed, effect, ChangeDetectionStrategy, Component, DestroyRef, ViewEncapsulation, ViewChild, Injector, afterNextRender, ApplicationRef } from '@angular/core';
 import { AXPLayoutThemeService, AXPMenuVerticalMode } from '@acorex-platform/framework-client/themes/shared';
 import { HttpErrorResponse } from '@angular/common/http';
-import * as i1$5 from '@angular/router';
-import { Router, RouterModule, ROUTES } from '@angular/router';
+import * as i1$6 from '@angular/router';
+import { Router, RouterModule, ROUTES, NavigationStart } from '@angular/router';
+import { AXPAuthCredentialTypeOptions, AXP_AUTH_SIGN_IN_PAGE_SLOGAN_DEFAULT, AXP_AUTH_SIGN_IN_PAGE_DESCRIPTION_DEFAULT, AXPAuthSettings, AXMAuthCommandKeys } from '@acorex-platform/module-auth-client/contracts';
 import * as i1 from '@acorex/core/validation';
 import { AXValidationModule } from '@acorex/core/validation';
-import * as i1$3 from '@acorex-platform/framework-client/core';
-import { axpApplicationLogoKey, AXPEntityLogoRegistrationService, AXPLogoComponent, axpTenantLogoKey, AXPHookService, AXPKeyboardShortcutRegistry, chordToKbdItemKeys, getPrimaryKeyboardShortcutChord, normalizeKeyboardShortcuts, AXPDeviceService, AXPComponentSlotModule, AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, provideLazyProvider, AXP_DATASOURCE_DEFINITION_PROVIDER, AXPComponentSlotDirective } from '@acorex-platform/framework-client/core';
-import { AXPCommandService, provideCommandSetups } from '@acorex-platform/framework-client/runtime';
+import { isNil, isString, orderBy, isEmpty, get, defaultTo } from 'lodash';
+import * as i1$4 from '@acorex-platform/framework-client/core';
+import { axpApplicationLogoKey, AXPEntityLogoRegistrationService, AXPLogoComponent, axpTenantLogoKey, AXPHookService, AXPKeyboardShortcutRegistry, chordToKbdItemKeys, getPrimaryKeyboardShortcutChord, normalizeKeyboardShortcuts, AXPDeviceService, AXPComponentSlotModule, AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, provideAppStartUpTask, AXP_APP_STARTUP_PRIORITY, provideLazyProvider, AXPComponentSlotDirective } from '@acorex-platform/framework-client/core';
+import { AXPCommandService, provideQuerySetups, provideCommandSetups } from '@acorex-platform/framework-client/runtime';
 import { AXPRootLayoutComponent } from '@acorex-platform/framework-client/themes/default';
-import * as i6 from '@angular/common';
-import { CommonModule, AsyncPipe } from '@angular/common';
-import { first as first$1, firstValueFrom, filter, combineLatest, switchMap, from } from 'rxjs';
+import * as i3 from '@angular/common';
+import { CommonModule, AsyncPipe, Location } from '@angular/common';
+import { first, filter, firstValueFrom, take, combineLatest, distinctUntilChanged, switchMap, EMPTY, from, timeout } from 'rxjs';
 import * as i1$1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i3$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i2$1 from '@acorex/components/popover';
 import { AXPopoverModule } from '@acorex/components/popover';
-import { RootConfig as RootConfig$2 } from '@acorex-platform/module-application-management-client/contracts';
-import * as i5 from '@acorex/cdk/list-navigation';
+import { RootConfig as RootConfig$1 } from '@acorex-platform/module-application-management-client/contracts';
+import * as i6 from '@acorex/cdk/list-navigation';
 import { AXListNavigationDirective, AXListNavigationItemDirective, AXListNavigationModule } from '@acorex/cdk/list-navigation';
-import * as i4 from '@acorex/components/search-box';
+import * as i5 from '@acorex/components/search-box';
 import { AXSearchBoxModule } from '@acorex/components/search-box';
-import * as i3 from '@acorex/components/select-box';
+import * as i4 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i2 from '@acorex/components/skeleton';
+import * as i2 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i1$2 from '@acorex/components/skeleton';
 import { AXSkeletonModule } from '@acorex/components/skeleton';
-import * as i7 from '@acorex/core/translation';
-import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
+import * as i5$1 from '@acorex/core/translation';
+import { AXTranslationModule, AXTranslationService, resolveMultiLanguageString } from '@acorex/core/translation';
 import { AXAvatarModule } from '@acorex/components/avatar';
 import { AXImageModule } from '@acorex/components/image';
-import { AXLoadingModule } from '@acorex/components/loading';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i1$2 from '@angular/forms';
+import * as i1$3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXToastService } from '@acorex/components/toast';
 import { AXMDeviceSessionsService } from '@acorex-platform/module-security-management-client';
 import { AXOverlayService } from '@acorex/cdk/overlay';
 import { AXPlatform } from '@acorex/core/platform';
+import { PRESENCE_SET_AVAILABILITY } from '@acorex-platform/framework-shared/runtime';
 
 //#region ---- Hook keys ----
 const PROFILE_PAGE_GROUPS_HOOK = 'profile-page.groups';
@@ -69,6 +69,10 @@ function resolveUserProfileSectionContent(section) {
 function isUserProfileGroupComponent(group) {
     return group.content?.mode === 'component';
 }
+/** True when section hooks should run for `groupId` (all groups when the payload omits it). */
+function isUserProfileSectionsGroupRequested(payload, groupId) {
+    return payload.groupId == null || payload.groupId === groupId;
+}
 /** Visible actions on a section card. */
 function visibleUserProfileSectionActions(actions) {
     return actions.filter((action) => action.visible !== false);
@@ -84,7 +88,6 @@ function resolveDefaultUserProfileSectionAction(actions) {
 //#endregion
 
 //#region ---- Avatar storage constants ----
-const AXP_PROFILE_PHOTO_REF_TYPE = 'PersonCore.Person';
 const AXP_PROFILE_PHOTO_USER_REF_TYPE = 'SecurityManagement.User';
 const AXP_PROFILE_PHOTO_CATEGORY = 'profile-photo';
 const FILE_STORAGE_ID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
@@ -134,11 +137,11 @@ function dataUrlToBlob(dataUrl) {
 }
 //#endregion
 
-//#endregion
 //#region ---- User avatar sync service (client) ----
 /**
  * Client-side profile photo operations for self-service flows.
- * Bidirectional Person ↔ User sync runs on the server via HCM avatar middleware.
+ * Canonical store is SecurityManagement.User.avatar; Person.image is mirrored
+ * on the server by HCM avatar sync middleware.
  */
 class AXPUserAvatarSyncService {
     constructor() {
@@ -146,30 +149,14 @@ class AXPUserAvatarSyncService {
         this.entityService = inject(AXPEntityService);
         this.fileStorage = inject(AXPFileStorageService);
         this.sessionService = inject(AXPSessionService);
-        this.identityService = inject(AXPUserProfileIdentityService);
         this.userAvatarService = inject(AXPUserAvatarService);
     }
     //#endregion
     //#region ---- Public API ----
-    async resolveStorageTarget(userId) {
-        const person = await this.findPersonByUserId(userId);
-        if (person?.id) {
-            return { kind: 'person', personId: person.id, userId };
-        }
-        return { kind: 'user', userId };
-    }
     async getCurrentAvatarRef(userId) {
         const sessionUser = this.sessionService.user;
-        if (sessionUser?.id === userId) {
-            const sessionRef = normalizeAvatarRef(sessionUser.avatar);
-            if (sessionRef) {
-                return sessionRef;
-            }
-        }
-        const target = await this.resolveStorageTarget(userId);
-        if (target.kind === 'person') {
-            const person = await this.personData().byKey(target.personId);
-            return normalizeAvatarRef(person?.image);
+        if (sessionUser?.id === userId && sessionUser.avatar !== undefined) {
+            return normalizeAvatarRef(sessionUser.avatar);
         }
         const user = await this.userData().byKey(userId);
         return normalizeAvatarRef(user?.avatar);
@@ -187,20 +174,23 @@ class AXPUserAvatarSyncService {
             return response.blob();
         }
         if (isFileStorageId(ref)) {
-            return this.fileStorage.download(ref);
+            try {
+                return await this.fileStorage.download(ref);
+            }
+            catch {
+                return null;
+            }
         }
         return null;
     }
     async uploadAndSetAvatar(userId, file) {
-        const target = await this.resolveStorageTarget(userId);
-        const previousRef = await this.getCurrentAvatarRef(userId);
-        const refId = target.kind === 'person' ? target.personId : userId;
-        const refType = target.kind === 'person' ? AXP_PROFILE_PHOTO_REF_TYPE : AXP_PROFILE_PHOTO_USER_REF_TYPE;
+        // Save as Temporary; HCM UserAvatarSyncMiddleware commits on attach and
+        // removes the previous avatar file server-side (no client File:Remove).
         const info = await this.fileStorage.save({
             file,
             name: file.name || 'profile-photo.png',
-            refId,
-            refType,
+            refId: userId,
+            refType: AXP_PROFILE_PHOTO_USER_REF_TYPE,
             category: AXP_PROFILE_PHOTO_CATEGORY,
             status: AXPFileStorageStatus.Temporary,
         });
@@ -208,32 +198,14 @@ class AXPUserAvatarSyncService {
         if (!fileId) {
             throw new Error('File storage did not return a fileId.');
         }
-        await this.fileStorage.commit(fileId);
-        if (target.kind === 'person') {
-            await this.personData().update(target.personId, { image: fileId });
-        }
-        else {
-            await this.userData().update(userId, { avatar: fileId });
-        }
+        await this.userData().update(userId, { avatar: fileId });
         await this.notifyAvatarChanged(userId, fileId);
-        if (previousRef && isFileStorageId(previousRef) && previousRef !== fileId) {
-            await this.safeRemoveFile(previousRef);
-        }
         return fileId;
     }
     async removeAvatar(userId) {
-        const target = await this.resolveStorageTarget(userId);
-        const previousRef = await this.getCurrentAvatarRef(userId);
-        if (target.kind === 'person') {
-            await this.personData().update(target.personId, { image: undefined });
-        }
-        else {
-            await this.userData().update(userId, { avatar: null });
-        }
+        // Previous file cleanup runs in HCM avatar middleware when avatar is cleared.
+        await this.userData().update(userId, { avatar: null });
         await this.notifyAvatarChanged(userId, null);
-        if (previousRef && isFileStorageId(previousRef)) {
-            await this.safeRemoveFile(previousRef);
-        }
     }
     /** Keeps session, avatar cache, and shell avatars in sync after any avatar change. */
     async notifyAvatarChanged(userId, avatar) {
@@ -242,50 +214,49 @@ class AXPUserAvatarSyncService {
     //#endregion
     //#region ---- Private helpers ----
     async refreshClientDisplay(userId, avatar) {
-        const isCurrentUser = this.sessionService.user?.id === userId;
-        if (isCurrentUser) {
-            await this.identityService.applySessionPatch({
-                avatar: avatar === null ? '' : avatar,
-            });
+        try {
+            const isCurrentUser = this.sessionService.user?.id === userId;
+            const session = isCurrentUser ? this.sessionService.getSessionData() : null;
+            if (avatar === null && session?.user?.avatar) {
+                this.userAvatarService.invalidateDisplayUrl(session.user.avatar);
+            }
+            if (isCurrentUser && session?.user) {
+                this.sessionService.setSession({
+                    ...session,
+                    user: {
+                        ...session.user,
+                        avatar,
+                    },
+                });
+            }
+            const sessionUser = isCurrentUser ? this.sessionService.user : null;
+            const displayName = sessionUser?.title || sessionUser?.name || '';
+            const parts = displayName.trim().split(/\s+/).filter(Boolean);
+            const patch = {
+                id: userId,
+                status: 'offline',
+                username: sessionUser?.name || '',
+                firstName: parts[0] ?? '',
+                lastName: parts.slice(1).join(' '),
+            };
+            if (avatar) {
+                patch.avatarUrl = avatar;
+            }
+            this.userAvatarService.patchCachedUser(userId, patch);
+        }
+        catch (error) {
+            console.warn('Avatar display refresh failed after profile photo change', error);
         }
-        this.userAvatarService.clearCache(userId);
-        await this.userAvatarService.refreshUserInfo(userId);
-    }
-    personData() {
-        return this.entityService
-            .withEntity(RootConfig.module.name, RootConfig.entities.person.name)
-            .data();
     }
     userData() {
         return this.entityService
-            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.users.name)
+            .withEntity(RootConfig.module.name, RootConfig.entities.users.name)
             .data();
     }
-    async findPersonByUserId(userId) {
-        const result = await this.personData().query({
-            filter: { field: 'userId', operator: { type: 'equal' }, value: userId },
-            take: 1,
-            skip: 0,
-        });
-        return first(result.items) ?? null;
-    }
-    async safeRemoveFile(fileId) {
-        try {
-            await this.fileStorage.remove(fileId);
-        }
-        catch {
-            try {
-                await this.fileStorage.markForDeletion(fileId);
-            }
-            catch {
-                /* ignore cleanup failures */
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPUserAvatarSyncService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPUserAvatarSyncService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPUserAvatarSyncService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPUserAvatarSyncService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPUserAvatarSyncService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPUserAvatarSyncService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -508,144 +479,6 @@ function extractUserActivityEndDate(filter) {
 }
 //#endregion
 
-//#region ---- User activity data source ----
-function resolveLoadParams(request) {
-    const userId = extractUserActivityUserId(request?.filter);
-    if (isEmpty(userId)) {
-        return null;
-    }
-    const defaultRange = resolveDefaultUserActivityDateRange();
-    const startDate = extractUserActivityStartDate(request?.filter) ?? defaultRange.startDate;
-    const endDate = extractUserActivityEndDate(request?.filter) ?? defaultRange.endDate;
-    return {
-        userId: userId,
-        startDate,
-        endDate,
-    };
-}
-/** Contribution-style user activity heatmap derived from device session sign-in dates. */
-class AXMUserActivityDataSourceDefinition {
-    constructor() {
-        //#region ---- Services & Dependencies ----
-        this.entityService = inject(AXPEntityService);
-        //#endregion
-    }
-    //#endregion
-    //#region ---- Public API ----
-    items() {
-        const sampleParams = resolveDefaultUserActivityDateRange();
-        const sampleItem = buildUserActivityDataSourceItem({ userId: 'sample-user', ...sampleParams }, []);
-        return Promise.resolve([
-            {
-                name: AXMAuthDataSourceKeys.UserActivity,
-                title: 'User Activity',
-                columns: [
-                    {
-                        name: 'id',
-                        title: 'ID',
-                        datatype: 'string',
-                        type: AXPWidgetsCatalog.text,
-                    },
-                    {
-                        name: 'userId',
-                        title: 'User ID',
-                        datatype: 'string',
-                        type: AXPWidgetsCatalog.text,
-                    },
-                    {
-                        name: 'startDate',
-                        title: 'Start Date',
-                        datatype: 'date',
-                        type: AXPWidgetsCatalog.dateTime,
-                    },
-                    {
-                        name: 'endDate',
-                        title: 'End Date',
-                        datatype: 'date',
-                        type: AXPWidgetsCatalog.dateTime,
-                    },
-                ],
-                filters: [
-                    {
-                        field: 'userId',
-                        title: 'User',
-                        operator: { type: 'equal' },
-                        widget: { type: AXPWidgetsCatalog.text },
-                        filterType: { advance: true, inline: true },
-                    },
-                    {
-                        field: 'startDate',
-                        title: 'Start Date',
-                        operator: { type: 'gte' },
-                        widget: { type: AXPWidgetsCatalog.dateTime, options: { format: 'date' } },
-                        filterType: { advance: true, inline: true },
-                    },
-                    {
-                        field: 'endDate',
-                        title: 'End Date',
-                        operator: { type: 'lte' },
-                        widget: { type: AXPWidgetsCatalog.dateTime, options: { format: 'date' } },
-                        filterType: { advance: true, inline: true },
-                    },
-                ],
-                textField: { name: 'id', title: 'ID' },
-                valueField: { name: 'id', title: 'ID' },
-                samples: [sampleItem],
-                source: () => new AXDataSource({
-                    key: 'id',
-                    pageSize: 1,
-                    load: async (request) => {
-                        const params = resolveLoadParams(request);
-                        if (!params) {
-                            return { items: [], total: 0 };
-                        }
-                        const sessions = await this.loadUserSessions(params.userId);
-                        const item = buildUserActivityDataSourceItem(params, sessions);
-                        return { items: [item], total: 1 };
-                    },
-                }),
-            },
-        ]);
-    }
-    //#endregion
-    //#region ---- Private Methods ----
-    async loadUserSessions(userId) {
-        const response = await this.entityService
-            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.deviceSessions.name)
-            .data()
-            .query({
-            skip: 0,
-            take: 1000,
-            filter: {
-                field: 'userId',
-                operator: { type: 'equal' },
-                value: userId,
-            },
-        });
-        return response.items ?? [];
-    }
-}
-//#endregion
-
-//#region ---- Auth data source provider ----
-/**
- * Registers auth module data source definitions.
- */
-class AXMAuthDataSourceProvider {
-    constructor() {
-        this.userActivity = new AXMUserActivityDataSourceDefinition();
-    }
-    async items() {
-        return [...(await this.userActivity.items())];
-    }
-}
-//#endregion
-
-var datasource_provider = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXMAuthDataSourceProvider: AXMAuthDataSourceProvider
-});
-
 class AXMAuthErrorHandler {
     constructor() {
         this.router = inject(Router);
@@ -680,26 +513,46 @@ class AXMAuthErrorHandler {
         }
         this.layoutService.setNavigationLoading(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthErrorHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthErrorHandler }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthErrorHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthErrorHandler }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthErrorHandler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthErrorHandler, decorators: [{
             type: Injectable
         }] });
 
+//#region ----- Login page guard -----
 /**
- * Guard for login page. Clears incomplete sessions so a prior OAuth attempt
- * does not leak into the next username/password sign-in.
+ * Login page guard.
+ * If the user already has a cookie session but has not finished tenant/app binding,
+ * send them to the chooser — never destroy the session.
+ * If the session is fully bound, send them home (do not show login again).
  */
-const canActivateLogin = async (route, state) => {
+const canActivateLogin = async (_route, _state) => {
     const sessionService = inject(AXPSessionService);
+    const homePageService = inject(AXPHomePageService);
+    const platformSettingsLoadState = inject(AXPPlatformSettingsLoadState);
+    const router = inject(Router);
+    if (platformSettingsLoadState.hasFailure()) {
+        return router.createUrlTree(['/auth/unavailable']);
+    }
     const session = sessionService.getSessionData();
-    if (session?.user?.id && (!session.tenant?.id || !session.application?.id)) {
-        await sessionService.signout();
+    if (session?.user?.id && session.cookieSession) {
+        if (!session.tenant?.id) {
+            return router.createUrlTree(['/auth/account/tenant-chooser']);
+        }
+        if (!session.application?.id) {
+            return router.createUrlTree(['/auth/account/app-chooser']);
+        }
+        if (sessionService.isAuthorized && sessionService.application?.name) {
+            return homePageService.resolveAuthorizedHomeUrlTree();
+        }
+        return router.createUrlTree(['/auth/account/app-chooser']);
     }
     return true;
 };
+//#endregion
 
+//#region ----- Authentication types -----
 var AXMAuthenticationTypes;
 (function (AXMAuthenticationTypes) {
     AXMAuthenticationTypes[AXMAuthenticationTypes["UsernamePassword"] = 0] = "UsernamePassword";
@@ -709,21 +562,35 @@ var AXMAuthenticationTypes;
     AXMAuthenticationTypes[AXMAuthenticationTypes["EmailCode"] = 4] = "EmailCode";
     AXMAuthenticationTypes[AXMAuthenticationTypes["MobileCode"] = 5] = "MobileCode";
 })(AXMAuthenticationTypes || (AXMAuthenticationTypes = {}));
+/** Map persisted credential-type setting values to {@link AXMAuthenticationTypes}. */
+function parseAuthCredentialType(value) {
+    const raw = typeof value === 'string' ? value.trim() : '';
+    switch (raw) {
+        case AXPAuthCredentialTypeOptions.UsernameEmailPassword:
+            return AXMAuthenticationTypes.UsernameEmailPassword;
+        case AXPAuthCredentialTypeOptions.EmailPassword:
+            return AXMAuthenticationTypes.EmailPassword;
+        case AXPAuthCredentialTypeOptions.MobilePassword:
+            return AXMAuthenticationTypes.MobilePassword;
+        case AXPAuthCredentialTypeOptions.EmailCode:
+            return AXMAuthenticationTypes.EmailCode;
+        case AXPAuthCredentialTypeOptions.MobileCode:
+            return AXMAuthenticationTypes.MobileCode;
+        case AXPAuthCredentialTypeOptions.UsernamePassword:
+        default:
+            return AXMAuthenticationTypes.UsernamePassword;
+    }
+}
 const AXM_AUTH_CONFIG_TOKEN = new InjectionToken('app-module-auth-config', {
     providedIn: 'root',
-    factory: () => {
-        return AXMDefaultAuthConfigs;
-    },
+    factory: () => AXMDefaultAuthConfigs,
 });
-const AXMDefaultAuthConfigs = {
-    type: AXMAuthenticationTypes.UsernamePassword,
-    // defaultStrategyName:'oidc',
-    // حذف authConfig از اینجا چون از environment خوانده می‌شود
-    defaultStrategyName: 'user-pass',
-};
+const AXMDefaultAuthConfigs = {};
 function configAuthModule(config = AXMDefaultAuthConfigs) {
     return { ...AXMDefaultAuthConfigs, ...config };
 }
+//#endregion
+//#region ----- Login Guard Token -----
 /**
  * Injection token for login page guard.
  * Apps can provide their own custom guard by providing this token.
@@ -735,6 +602,76 @@ const AXM_LOGIN_GUARD_TOKEN = new InjectionToken('AXM_LOGIN_GUARD_TOKEN', {
 });
 //#endregion
 
+//#region ----- Constants -----
+const DEFAULT_SLOGAN = AXP_AUTH_SIGN_IN_PAGE_SLOGAN_DEFAULT;
+const DEFAULT_DESCRIPTION = AXP_AUTH_SIGN_IN_PAGE_DESCRIPTION_DEFAULT;
+const DEFAULT_STRATEGY = 'user-pass';
+const DEFAULT_SIGNUP_URL = '/auth/register';
+//#endregion
+//#region ----- Auth platform settings (P) -----
+/**
+ * Reads public platform auth UI settings loaded during app startup.
+ * Slogan and description are multi-language strings.
+ */
+class AXMAuthPlatformSettingsService {
+    constructor() {
+        this.settings = inject(AXPSettingsService);
+    }
+    //#region ----- Sign-in page -----
+    slogan() {
+        return this.readMls(AXPAuthSettings.SignInPageSlogan, DEFAULT_SLOGAN);
+    }
+    description() {
+        return this.readMls(AXPAuthSettings.SignInPageDescription, DEFAULT_DESCRIPTION);
+    }
+    //#endregion
+    //#region ----- Sign-up -----
+    signupEnabled() {
+        const value = this.settings.peekCached(AXPAuthSettings.SignUpEnabled);
+        return value === true || value === 'true';
+    }
+    signupUrl() {
+        const value = this.settings.peekCached(AXPAuthSettings.SignUpUrl);
+        if (typeof value === 'string' && value.trim()) {
+            return value.trim();
+        }
+        return DEFAULT_SIGNUP_URL;
+    }
+    //#endregion
+    //#region ----- Sign-in -----
+    credentialType() {
+        return parseAuthCredentialType(this.settings.peekCached(AXPAuthSettings.SignInCredentialType));
+    }
+    defaultStrategyName() {
+        const value = this.settings.peekCached(AXPAuthSettings.SignInDefaultStrategy);
+        if (typeof value === 'string' && value.trim()) {
+            return value.trim();
+        }
+        return DEFAULT_STRATEGY;
+    }
+    //#endregion
+    //#region ----- Private -----
+    readMls(key, fallback) {
+        const value = this.settings.peekCached(key);
+        if (value == null || value === '') {
+            return fallback;
+        }
+        if (typeof value === 'string') {
+            return value;
+        }
+        if (typeof value === 'object' && !Array.isArray(value)) {
+            return value;
+        }
+        return fallback;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthPlatformSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthPlatformSettingsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthPlatformSettingsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 //#region ---- Types ----
 const AXPAuthPasswordComplexityLevels = {
     Low: 'Low',
@@ -852,10 +789,10 @@ class AXPAuthPasswordComplexityService {
         const effectiveValue = await this.settingsService.get(AXPAuthSettings.PasswordComplexity);
         return normalizePasswordComplexityLevel(effectiveValue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAuthPasswordComplexityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAuthPasswordComplexityService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthPasswordComplexityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthPasswordComplexityService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAuthPasswordComplexityService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthPasswordComplexityService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -899,22 +836,22 @@ class PasswordComplexityValidationRule {
         }
         return this.passwordComplexityService.getLevel();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PasswordComplexityValidationRule, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PasswordComplexityValidationRule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PasswordComplexityValidationRule, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PasswordComplexityValidationRule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PasswordComplexityValidationRule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PasswordComplexityValidationRule, decorators: [{
             type: Injectable
         }] });
 
 //#region ---- Auth Validation Rules Module ----
 class AXMAuthValidationRulesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthValidationRulesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthValidationRulesModule, imports: [i1.AXValidationModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthValidationRulesModule, imports: [AXValidationModule.forChild({
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthValidationRulesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthValidationRulesModule, imports: [i1.AXValidationModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthValidationRulesModule, imports: [AXValidationModule.forChild({
                 rules: [PasswordComplexityValidationRule],
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthValidationRulesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthValidationRulesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -934,34 +871,38 @@ const routes = [
                 pathMatch: 'full',
                 redirectTo: 'login',
             },
+            {
+                path: 'unavailable',
+                loadComponent: () => import('./acorex-platform-module-auth-client-platform-settings-unavailable.component-BEVkQ3jh.mjs').then((c) => c.AXMPlatformSettingsUnavailableComponent),
+            },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-DXwb5VSr.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-login.module-C4S0RjM7.mjs').then((c) => c.AXPSignInModule),
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-DZUYm22p.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-platform-module-auth-client-login.module-DJVL3bAF.mjs').then((c) => c.AXPSignInModule),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-DXwb5VSr.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-two-factor.module-FAqKbmBb.mjs').then((c) => c.AXPTwoFactorModule),
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-DZUYm22p.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-platform-module-auth-client-two-factor.module-_jYo6xXr.mjs').then((c) => c.AXPTwoFactorModule),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-DXwb5VSr.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-routes-DVN2Y2Ps.mjs').then((c) => c),
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-DZUYm22p.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-platform-module-auth-client-routes-IX2qmeqU.mjs').then((c) => c),
             },
             {
-                path: 'axp-oauth-callback',
-                loadComponent: () => import('./acorex-platform-module-auth-client-oauth-callback.component-CEMvfjj4.mjs').then((c) => c.AXPOAuthCallbackComponent),
+                path: 'oauth-callback',
+                loadComponent: () => import('./acorex-platform-module-auth-client-oauth-callback.component-DnQzPUxF.mjs').then((c) => c.AXPOAuthCallbackComponent),
             },
             {
                 path: 'account',
-                loadComponent: () => import('./acorex-platform-module-auth-client-blank.layout-BRGgntib.mjs').then((c) => c.AXPAuthBlankLayoutComponent),
+                loadComponent: () => import('./acorex-platform-module-auth-client-blank.layout-BCXNPgrp.mjs').then((c) => c.AXPAuthBlankLayoutComponent),
                 loadChildren: () => Promise.resolve().then(function () { return account_module; }).then((c) => c.AXPAccountModule),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-DXwb5VSr.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-register.module--DG9m8iC.mjs').then((c) => c.AXPRegisterModule),
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-DZUYm22p.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-platform-module-auth-client-register.module-BrXqva0B.mjs').then((c) => c.AXPRegisterModule),
             },
         ],
     },
@@ -985,26 +926,43 @@ class AXPAppChooserListComponent {
         this.homePageService = inject(AXPHomePageService);
         this.authStrategyRegistry = inject(AXPAuthStrategyRegistryService);
         this.logoRegistration = inject(AXPEntityLogoRegistrationService);
-        this.applicationService = this.entityService.withEntity(RootConfig$2.module.name, RootConfig$2.entities.application.name).data();
+        this.applicationService = this.entityService.withEntity(RootConfig$1.module.name, RootConfig$1.entities.application.name).data();
         this.strategyName = this.sessionService.getSessionData()?.strategy;
         this.strategy = this.authStrategyRegistry.get(this.strategyName);
         //#endregion
         //#region ---- Inputs & Outputs ----
-        this.simple = input(false, ...(ngDevMode ? [{ debugName: "simple" }] : /* istanbul ignore next */ []));
+        this.simple = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "simple" }] : /* istanbul ignore next */ []));
         this.applicationChosen = output();
+        this.loadingChange = output();
         //#endregion
         //#region ---- View References ----
-        this.listNav = viewChild(AXListNavigationDirective, ...(ngDevMode ? [{ debugName: "listNav" }] : /* istanbul ignore next */ []));
-        this.listItems = viewChildren(AXListNavigationItemDirective, ...(ngDevMode ? [{ debugName: "listItems" }] : /* istanbul ignore next */ []));
+        this.listNav = viewChild(AXListNavigationDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "listNav" }] : /* istanbul ignore next */ []));
+        this.listItems = viewChildren(AXListNavigationItemDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "listItems" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ---- State ----
-        this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
-        this.allApplications = signal([], ...(ngDevMode ? [{ debugName: "allApplications" }] : /* istanbul ignore next */ []));
-        this.useSelectBox = computed(() => this.allApplications().length > 3, ...(ngDevMode ? [{ debugName: "useSelectBox" }] : /* istanbul ignore next */ []));
-        this.selectedApplication = signal(null, ...(ngDevMode ? [{ debugName: "selectedApplication" }] : /* istanbul ignore next */ []));
-        this.isSelectBoxOpen = signal(false, ...(ngDevMode ? [{ debugName: "isSelectBoxOpen" }] : /* istanbul ignore next */ []));
-        this.canApply = computed(() => !!this.selectedApplication(), ...(ngDevMode ? [{ debugName: "canApply" }] : /* istanbul ignore next */ []));
+        this.isLoading = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        this.isChoosing = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isChoosing" }] : /* istanbul ignore next */ []));
+        this.choosingId = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "choosingId" }] : /* istanbul ignore next */ []));
+        this.allApplications = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "allApplications" }] : /* istanbul ignore next */ []));
+        this.useSelectBox = computed(() => this.allApplications().length > 3, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "useSelectBox" }] : /* istanbul ignore next */ []));
+        this.selectedApplication = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedApplication" }] : /* istanbul ignore next */ []));
+        this.isSelectBoxOpen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSelectBoxOpen" }] : /* istanbul ignore next */ []));
+        this.canApply = computed(() => !!this.selectedApplication(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canApply" }] : /* istanbul ignore next */ []));
         this.skeletonItems = [1, 2, 3];
+        effect(() => {
+            this.loadingChange.emit(this.isLoading());
+        });
         effect(() => {
             if (!this.isLoading() && !this.useSelectBox() && this.allApplications().length > 0) {
                 queueMicrotask(() => this.focusFirstListItem());
@@ -1014,7 +972,7 @@ class AXPAppChooserListComponent {
     //#endregion
     //#region ---- Lifecycle Methods ----
     ngOnInit() {
-        this.sessionService.applications$.pipe(first$1()).subscribe((applications) => {
+        this.sessionService.applications$.pipe(first()).subscribe((applications) => {
             this.logoRegistration.registerApplications(applications);
             this.allApplications.set(applications);
             if (applications.length > 0) {
@@ -1054,43 +1012,64 @@ class AXPAppChooserListComponent {
         }
     }
     applySelection() {
+        if (this.isChoosing()) {
+            return;
+        }
         const application = this.selectedApplication();
         if (application) {
             void this.chooseApplication(application);
         }
     }
     async chooseApplication(item) {
-        const tenantId = this.sessionService.tenant?.id || '';
-        if (!tenantId) {
-            throw new Error('Tenant ID is missing. Cannot choose application.');
-        }
-        const fullApplication = await this.applicationService.byKey(item.id);
-        if (!fullApplication) {
-            throw new Error(`Application not found: ${item.id}`);
-        }
-        let selectedEdition = item.edition;
-        if (!selectedEdition && fullApplication.editions && fullApplication.editions.length > 0) {
-            selectedEdition = {
-                id: fullApplication.editions[0].id,
-                title: fullApplication.editions[0].title,
-                description: fullApplication.editions[0].description,
-            };
+        if (this.isChoosing()) {
+            return;
         }
-        const applicationWithEdition = {
-            ...item,
-            version: fullApplication.version || item.version,
-            edition: selectedEdition,
-        };
-        if (this.strategy && typeof this.strategy.updateToken === 'function') {
-            const updateContext = {
-                application: applicationWithEdition,
-                user: this.sessionService.user,
-                tenant: this.sessionService.tenant,
-            };
-            await this.sessionService.updateToken(updateContext);
+        this.isChoosing.set(true);
+        this.choosingId.set(item.id);
+        try {
+            const tenantId = this.sessionService.tenant?.id || '';
+            if (!tenantId) {
+                throw new Error('Tenant ID is missing. Cannot choose application.');
+            }
+            let applicationWithEdition = { ...item };
+            if (this.strategy && typeof this.strategy.updateToken === 'function') {
+                await this.sessionService.updateToken({
+                    application: applicationWithEdition,
+                    user: this.sessionService.user,
+                    tenant: this.sessionService.tenant,
+                });
+            }
+            if (!applicationWithEdition.edition) {
+                const fullApplication = await this.applicationService.byKey(item.id);
+                if (!fullApplication) {
+                    throw new Error(`Application not found: ${item.id}`);
+                }
+                if (fullApplication.editions && fullApplication.editions.length > 0) {
+                    applicationWithEdition = {
+                        ...applicationWithEdition,
+                        version: fullApplication.version || applicationWithEdition.version,
+                        edition: {
+                            id: fullApplication.editions[0].id,
+                            title: fullApplication.editions[0].title,
+                            description: fullApplication.editions[0].description,
+                        },
+                    };
+                    if (this.strategy && typeof this.strategy.updateToken === 'function') {
+                        await this.sessionService.updateToken({
+                            application: applicationWithEdition,
+                            user: this.sessionService.user,
+                            tenant: this.sessionService.tenant,
+                        });
+                    }
+                }
+            }
+            this.applicationChosen.emit();
+            await this.homePageService.navigateTo();
+        }
+        finally {
+            this.isChoosing.set(false);
+            this.choosingId.set(null);
         }
-        this.applicationChosen.emit();
-        await this.homePageService.navigateTo();
     }
     //#endregion
     //#region ---- Utility Methods ----
@@ -1103,39 +1082,41 @@ class AXPAppChooserListComponent {
             nav.navigateTo(items[currentIndex >= 0 ? currentIndex : 0]);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAppChooserListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPAppChooserListComponent, isStandalone: true, selector: "axp-app-chooser-list", inputs: { simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applicationChosen: "applicationChosen" }, viewQueries: [{ propertyName: "listNav", first: true, predicate: AXListNavigationDirective, descendants: true, isSignal: true }, { propertyName: "listItems", predicate: AXListNavigationItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-2 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"w-12 h-12 rounded-full shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-6 rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div class=\"w-full flex flex-col gap-4\" (keydown.capture)=\"handleSelectBoxKeyDown($event)\">\n    <ax-select-box\n      class=\"w-full\"\n      [dataSource]=\"allApplications()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [itemHeight]=\"56\"\n      [value]=\"selectedApplication()\"\n      [placeholder]=\"('@auth:application-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"applicationItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleApplicationSelect($event)\"\n    >\n      <ax-search-box look=\"fill\"></ax-search-box>\n    </ax-select-box>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    ></ax-button>\n  </div>\n} @else {\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col gap-1\"\n    role=\"listbox\"\n  >\n    @for (application of allApplications(); track application.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isApplicationSelected(application)\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark\"\n        [class.bg-primary-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:bg-primary-darker]=\"isApplicationSelected(application)\"\n        [class.text-primary-on-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:text-primary-on-darker]=\"isApplicationSelected(application)\"\n        [class.ring-2]=\"navItem.isActive()\"\n        [class.ring-primary]=\"navItem.isActive()\"\n        (click)=\"chooseApplication(application)\"\n        (keydown)=\"handleListItemKeyDown($event, application)\"\n      >\n        <div class=\"flex flex-1 gap-2 items-center min-w-0\">\n          <div\n            class=\"shrink-0 flex justify-center items-center rounded-full bg-neutral-100\"\n            [class.w-10]=\"simple()\"\n            [class.h-10]=\"simple()\"\n            [class.w-12]=\"!simple()\"\n            [class.h-12]=\"!simple()\"\n          >\n            <axp-logo\n              [logoKey]=\"applicationLogoKey(application)\"\n              appearance=\"colored\"\n              [size]=\"40\"\n              [attr.alt]=\"application.title\"\n              class=\"flex! items-center justify-center text-sm! bg-neutral-200 dark:bg-neutral-800 rounded-full\"\n              [class.w-8]=\"simple()\"\n              [class.h-8]=\"simple()\"\n              [class.w-10]=\"!simple()\"\n              [class.h-10]=\"!simple()\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{ application.title }}</span>\n          @if (application.edition?.title) {\n            <span class=\"text-muted text-xs shrink-0\">{{ application.edition?.title }}</span>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n\n<ng-template #applicationItemTemplate let-item>\n  <div class=\"flex gap-2 items-center p-2\">\n    <div\n      class=\"w-10 h-10 flex justify-center items-center rounded-full bg-neutral-100 shrink-0\"\n    >\n      <axp-logo\n        [logoKey]=\"applicationLogoKey(item.data)\"\n        appearance=\"colored\"\n        [size]=\"32\"\n        [attr.alt]=\"item.data.title\"\n        class=\"flex! items-center justify-center text-sm! w-8 h-8 bg-neutral-200 rounded-full\"\n      ></axp-logo>\n    </div>\n    <span class=\"flex-1 text-start md:text-base text-sm\">{{ item.data.title }}</span>\n    @if (item.data.edition?.title) {\n      <span class=\"text-muted text-xs\">{{ item.data.edition.title }}</span>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXDecoratorModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i4.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: "ngmodule", type: AXListNavigationModule }, { kind: "directive", type: i5.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i5.AXListNavigationItemDirective, selector: "[axListNavigationItem]", outputs: ["onKeypress"], exportAs: ["axListNavigationItem"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAppChooserListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPAppChooserListComponent, isStandalone: true, selector: "axp-app-chooser-list", inputs: { simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applicationChosen: "applicationChosen", loadingChange: "loadingChange" }, viewQueries: [{ propertyName: "listNav", first: true, predicate: AXListNavigationDirective, descendants: true, isSignal: true }, { propertyName: "listItems", predicate: AXListNavigationItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-3 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"size-10 rounded-lg shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-5 rounded-md\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"w-16 h-4 rounded-md shrink-0\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div\n    class=\"w-full flex flex-col gap-4\"\n    [class.pointer-events-none]=\"isChoosing()\"\n    [class.opacity-60]=\"isChoosing()\"\n    (keydown.capture)=\"handleSelectBoxKeyDown($event)\"\n  >\n    <ax-select-box\n      class=\"w-full\"\n      [dataSource]=\"allApplications()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedApplication()\"\n      [itemHeight]=\"56\"\n      [placeholder]=\"('@auth:application-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"applicationItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleApplicationSelect($event)\"\n    >\n      <ax-search-box look=\"fill\"></ax-search-box>\n    </ax-select-box>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply() || isChoosing()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    >\n      @if (isChoosing()) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  </div>\n} @else {\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    role=\"listbox\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (application of allApplications(); track application.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isApplicationSelected(application)\"\n        [attr.aria-busy]=\"choosingId() === application.id\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary\"\n        [class.bg-primary-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:bg-primary-darker]=\"isApplicationSelected(application)\"\n        [class.text-primary-on-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:text-primary-on-darker]=\"isApplicationSelected(application)\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== application.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        (click)=\"chooseApplication(application)\"\n        (keydown)=\"handleListItemKeyDown($event, application)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"applicationLogoKey(application)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(application.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 min-w-0 text-start md:text-base text-sm break-words md:truncate\">{{\n            application.title | translate | async\n          }}</span>\n          @if (application.edition?.title) {\n            <span class=\"text-muted text-xs shrink-0\">{{\n              application.edition?.title | translate | async\n            }}</span>\n          }\n        </div>\n        @if (choosingId() === application.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n}\n\n<ng-template #applicationItemTemplate let-item>\n  <div class=\"flex gap-3 items-center p-2\">\n    <div class=\"size-12 overflow-hidden rounded-lg shrink-0\">\n      <axp-logo\n        [logoKey]=\"applicationLogoKey(item.data)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.data.title | translate | async) ?? ''\"\n        class=\"size-12 overflow-hidden rounded-lg\"\n      ></axp-logo>\n    </div>\n    <span class=\"flex-1 text-start md:text-base text-sm\">{{ item.data.title | translate | async }}</span>\n    @if (item.data.edition?.title) {\n      <span class=\"text-muted text-xs\">{{ item.data.edition.title | translate | async }}</span>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i4.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5.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: "ngmodule", type: AXListNavigationModule }, { kind: "directive", type: i6.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i6.AXListNavigationItemDirective, selector: "[axListNavigationItem]", outputs: ["onKeypress"], exportAs: ["axListNavigationItem"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAppChooserListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAppChooserListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-app-chooser-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
                         AXButtonModule,
                         AXDecoratorModule,
+                        AXLoadingModule,
                         AXSkeletonModule,
                         AXSelectBoxModule,
                         AXSearchBoxModule,
                         AXListNavigationModule,
                         AXTranslationModule,
                         AXPLogoComponent,
-                    ], template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-2 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"w-12 h-12 rounded-full shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-6 rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div class=\"w-full flex flex-col gap-4\" (keydown.capture)=\"handleSelectBoxKeyDown($event)\">\n    <ax-select-box\n      class=\"w-full\"\n      [dataSource]=\"allApplications()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [itemHeight]=\"56\"\n      [value]=\"selectedApplication()\"\n      [placeholder]=\"('@auth:application-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"applicationItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleApplicationSelect($event)\"\n    >\n      <ax-search-box look=\"fill\"></ax-search-box>\n    </ax-select-box>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    ></ax-button>\n  </div>\n} @else {\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col gap-1\"\n    role=\"listbox\"\n  >\n    @for (application of allApplications(); track application.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isApplicationSelected(application)\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark\"\n        [class.bg-primary-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:bg-primary-darker]=\"isApplicationSelected(application)\"\n        [class.text-primary-on-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:text-primary-on-darker]=\"isApplicationSelected(application)\"\n        [class.ring-2]=\"navItem.isActive()\"\n        [class.ring-primary]=\"navItem.isActive()\"\n        (click)=\"chooseApplication(application)\"\n        (keydown)=\"handleListItemKeyDown($event, application)\"\n      >\n        <div class=\"flex flex-1 gap-2 items-center min-w-0\">\n          <div\n            class=\"shrink-0 flex justify-center items-center rounded-full bg-neutral-100\"\n            [class.w-10]=\"simple()\"\n            [class.h-10]=\"simple()\"\n            [class.w-12]=\"!simple()\"\n            [class.h-12]=\"!simple()\"\n          >\n            <axp-logo\n              [logoKey]=\"applicationLogoKey(application)\"\n              appearance=\"colored\"\n              [size]=\"40\"\n              [attr.alt]=\"application.title\"\n              class=\"flex! items-center justify-center text-sm! bg-neutral-200 dark:bg-neutral-800 rounded-full\"\n              [class.w-8]=\"simple()\"\n              [class.h-8]=\"simple()\"\n              [class.w-10]=\"!simple()\"\n              [class.h-10]=\"!simple()\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{ application.title }}</span>\n          @if (application.edition?.title) {\n            <span class=\"text-muted text-xs shrink-0\">{{ application.edition?.title }}</span>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n\n<ng-template #applicationItemTemplate let-item>\n  <div class=\"flex gap-2 items-center p-2\">\n    <div\n      class=\"w-10 h-10 flex justify-center items-center rounded-full bg-neutral-100 shrink-0\"\n    >\n      <axp-logo\n        [logoKey]=\"applicationLogoKey(item.data)\"\n        appearance=\"colored\"\n        [size]=\"32\"\n        [attr.alt]=\"item.data.title\"\n        class=\"flex! items-center justify-center text-sm! w-8 h-8 bg-neutral-200 rounded-full\"\n      ></axp-logo>\n    </div>\n    <span class=\"flex-1 text-start md:text-base text-sm\">{{ item.data.title }}</span>\n    @if (item.data.edition?.title) {\n      <span class=\"text-muted text-xs\">{{ item.data.edition.title }}</span>\n    }\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [], propDecorators: { simple: [{ type: i0.Input, args: [{ isSignal: true, alias: "simple", required: false }] }], applicationChosen: [{ type: i0.Output, args: ["applicationChosen"] }], listNav: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXListNavigationDirective), { isSignal: true }] }], listItems: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => AXListNavigationItemDirective), { isSignal: true }] }] } });
+                    ], template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-3 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"size-10 rounded-lg shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-5 rounded-md\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"w-16 h-4 rounded-md shrink-0\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div\n    class=\"w-full flex flex-col gap-4\"\n    [class.pointer-events-none]=\"isChoosing()\"\n    [class.opacity-60]=\"isChoosing()\"\n    (keydown.capture)=\"handleSelectBoxKeyDown($event)\"\n  >\n    <ax-select-box\n      class=\"w-full\"\n      [dataSource]=\"allApplications()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedApplication()\"\n      [itemHeight]=\"56\"\n      [placeholder]=\"('@auth:application-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"applicationItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleApplicationSelect($event)\"\n    >\n      <ax-search-box look=\"fill\"></ax-search-box>\n    </ax-select-box>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply() || isChoosing()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    >\n      @if (isChoosing()) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  </div>\n} @else {\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    role=\"listbox\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (application of allApplications(); track application.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isApplicationSelected(application)\"\n        [attr.aria-busy]=\"choosingId() === application.id\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary\"\n        [class.bg-primary-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:bg-primary-darker]=\"isApplicationSelected(application)\"\n        [class.text-primary-on-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:text-primary-on-darker]=\"isApplicationSelected(application)\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== application.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        (click)=\"chooseApplication(application)\"\n        (keydown)=\"handleListItemKeyDown($event, application)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"applicationLogoKey(application)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(application.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 min-w-0 text-start md:text-base text-sm break-words md:truncate\">{{\n            application.title | translate | async\n          }}</span>\n          @if (application.edition?.title) {\n            <span class=\"text-muted text-xs shrink-0\">{{\n              application.edition?.title | translate | async\n            }}</span>\n          }\n        </div>\n        @if (choosingId() === application.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n}\n\n<ng-template #applicationItemTemplate let-item>\n  <div class=\"flex gap-3 items-center p-2\">\n    <div class=\"size-12 overflow-hidden rounded-lg shrink-0\">\n      <axp-logo\n        [logoKey]=\"applicationLogoKey(item.data)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.data.title | translate | async) ?? ''\"\n        class=\"size-12 overflow-hidden rounded-lg\"\n      ></axp-logo>\n    </div>\n    <span class=\"flex-1 text-start md:text-base text-sm\">{{ item.data.title | translate | async }}</span>\n    @if (item.data.edition?.title) {\n      <span class=\"text-muted text-xs\">{{ item.data.edition.title | translate | async }}</span>\n    }\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [], propDecorators: { simple: [{ type: i0.Input, args: [{ isSignal: true, alias: "simple", required: false }] }], applicationChosen: [{ type: i0.Output, args: ["applicationChosen"] }], loadingChange: [{ type: i0.Output, args: ["loadingChange"] }], listNav: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXListNavigationDirective), { isSignal: true }] }], listItems: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => AXListNavigationItemDirective), { isSignal: true }] }] } });
 
 class AXMAppChooserSlotComponent {
     constructor() {
         this.sessionService = inject(AXPSessionService);
         this.applications$ = this.sessionService.applications$;
-        this.appPopover = viewChild('appPopover', ...(ngDevMode ? [{ debugName: "appPopover" }] : /* istanbul ignore next */ []));
+        this.appPopover = viewChild('appPopover', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "appPopover" }] : /* istanbul ignore next */ []));
     }
     closePopover() {
         this.appPopover()?.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAppChooserSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAppChooserSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "appPopover", first: true, predicate: ["appPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (((applications$ | async)?.length ?? 0) > 1) {\n  <ax-button color=\"primary\" #appChooser>\n    <ax-icon class=\"fa-regular fa-grid-2\"> </ax-icon>\n  </ax-button>\n  <ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #appPopover>\n    <div class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\">\n      <axp-app-chooser-list [simple]=\"true\" (applicationChosen)=\"closePopover()\"></axp-app-chooser-list>\n    </div>\n  </ax-popover>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXPopoverModule }, { kind: "component", type: i2$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAppChooserListComponent, selector: "axp-app-chooser-list", inputs: ["simple"], outputs: ["applicationChosen"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAppChooserSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMAppChooserSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "appPopover", first: true, predicate: ["appPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (applications$ | async; as applications) {\n  @if (applications.length > 1) {\n    <ax-button color=\"primary\" #appChooser>\n      <ax-icon class=\"fa-regular fa-grid-2\"> </ax-icon>\n    </ax-button>\n    <ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #appPopover>\n      <div class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\">\n        <axp-app-chooser-list [simple]=\"true\" (applicationChosen)=\"closePopover()\"></axp-app-chooser-list>\n      </div>\n    </ax-popover>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXPopoverModule }, { kind: "component", type: i2$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAppChooserListComponent, selector: "axp-app-chooser-list", inputs: ["simple"], outputs: ["applicationChosen", "loadingChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAppChooserSlotComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAppChooserSlotComponent, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule, AXButtonModule, AXPopoverModule, AXDecoratorModule, AXPAppChooserListComponent], template: "@if (((applications$ | async)?.length ?? 0) > 1) {\n  <ax-button color=\"primary\" #appChooser>\n    <ax-icon class=\"fa-regular fa-grid-2\"> </ax-icon>\n  </ax-button>\n  <ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #appPopover>\n    <div class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\">\n      <axp-app-chooser-list [simple]=\"true\" (applicationChosen)=\"closePopover()\"></axp-app-chooser-list>\n    </div>\n  </ax-popover>\n}\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.Eager, imports: [CommonModule, AXButtonModule, AXPopoverModule, AXDecoratorModule, AXPAppChooserListComponent], template: "@if (applications$ | async; as applications) {\n  @if (applications.length > 1) {\n    <ax-button color=\"primary\" #appChooser>\n      <ax-icon class=\"fa-regular fa-grid-2\"> </ax-icon>\n    </ax-button>\n    <ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #appPopover>\n      <div class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\">\n        <axp-app-chooser-list [simple]=\"true\" (applicationChosen)=\"closePopover()\"></axp-app-chooser-list>\n      </div>\n    </ax-popover>\n  }\n}\n" }]
         }], propDecorators: { appPopover: [{ type: i0.ViewChild, args: ['appPopover', { isSignal: true }] }] } });
 
 class AXPTenantChooserListComponent {
@@ -1154,27 +1135,44 @@ class AXPTenantChooserListComponent {
         this.sessionService = inject(AXPSessionService);
         this.authStrategyRegistry = inject(AXPAuthStrategyRegistryService);
         this.logoRegistration = inject(AXPEntityLogoRegistrationService);
+        this.translationService = inject(AXTranslationService);
         this.router = inject(Router);
         this.strategyName = this.sessionService.getSessionData()?.strategy;
         this.strategy = this.authStrategyRegistry.get(this.strategyName);
         //#endregion
         //#region ---- Inputs & Outputs ----
-        this.simple = input(false, ...(ngDevMode ? [{ debugName: "simple" }] : /* istanbul ignore next */ []));
+        this.simple = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "simple" }] : /* istanbul ignore next */ []));
         this.tenantChosen = output();
+        this.loadingChange = output();
         //#endregion
         //#region ---- View References ----
-        this.listNav = viewChild(AXListNavigationDirective, ...(ngDevMode ? [{ debugName: "listNav" }] : /* istanbul ignore next */ []));
-        this.listItems = viewChildren(AXListNavigationItemDirective, ...(ngDevMode ? [{ debugName: "listItems" }] : /* istanbul ignore next */ []));
+        this.listNav = viewChild(AXListNavigationDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "listNav" }] : /* istanbul ignore next */ []));
+        this.listItems = viewChildren(AXListNavigationItemDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "listItems" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ---- State ----
-        this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
-        this.allTenants = signal([], ...(ngDevMode ? [{ debugName: "allTenants" }] : /* istanbul ignore next */ []));
-        this.searchValue = signal('', ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
-        this.showAll = signal(false, ...(ngDevMode ? [{ debugName: "showAll" }] : /* istanbul ignore next */ []));
-        this.useSelectBox = computed(() => this.allTenants().length > 3, ...(ngDevMode ? [{ debugName: "useSelectBox" }] : /* istanbul ignore next */ []));
-        this.selectedTenant = signal(null, ...(ngDevMode ? [{ debugName: "selectedTenant" }] : /* istanbul ignore next */ []));
-        this.isSelectBoxOpen = signal(false, ...(ngDevMode ? [{ debugName: "isSelectBoxOpen" }] : /* istanbul ignore next */ []));
-        this.canApply = computed(() => !!this.selectedTenant(), ...(ngDevMode ? [{ debugName: "canApply" }] : /* istanbul ignore next */ []));
+        this.isLoading = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        this.isChoosing = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isChoosing" }] : /* istanbul ignore next */ []));
+        this.choosingId = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "choosingId" }] : /* istanbul ignore next */ []));
+        this.allTenants = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "allTenants" }] : /* istanbul ignore next */ []));
+        this.searchValue = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
+        this.showAll = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showAll" }] : /* istanbul ignore next */ []));
+        this.useSelectBox = computed(() => this.allTenants().length > 3, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "useSelectBox" }] : /* istanbul ignore next */ []));
+        this.selectedTenant = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedTenant" }] : /* istanbul ignore next */ []));
+        this.isSelectBoxOpen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSelectBoxOpen" }] : /* istanbul ignore next */ []));
+        this.canApply = computed(() => !!this.selectedTenant(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canApply" }] : /* istanbul ignore next */ []));
         this.skeletonItems = [1, 2, 3];
         /** Tenants shown in the list (respects search and view-all toggle). */
         this.displayedTenants = computed(() => {
@@ -1183,8 +1181,13 @@ class AXPTenantChooserListComponent {
                 return tenants;
             }
             return tenants.slice(0, 4);
-        }, ...(ngDevMode ? [{ debugName: "displayedTenants" }] : /* istanbul ignore next */ []));
-        this.showSearchAndViewAll = computed(() => this.allTenants().length > 4, ...(ngDevMode ? [{ debugName: "showSearchAndViewAll" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayedTenants" }] : /* istanbul ignore next */ []));
+        this.showSearchAndViewAll = computed(() => this.allTenants().length > 4, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showSearchAndViewAll" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            this.loadingChange.emit(this.isLoading());
+        });
         effect(() => {
             if (!this.isLoading() && !this.useSelectBox() && !this.simple() && this.allTenants().length > 0) {
                 queueMicrotask(() => this.focusFirstListItem());
@@ -1194,7 +1197,7 @@ class AXPTenantChooserListComponent {
     //#endregion
     //#region ---- Lifecycle Methods ----
     ngOnInit() {
-        this.sessionService.tenants$.pipe(first$1()).subscribe((tenants) => {
+        this.sessionService.tenants$.pipe(first()).subscribe((tenants) => {
             this.logoRegistration.registerTenants(tenants);
             this.allTenants.set(tenants);
             if (tenants.length > 0) {
@@ -1207,7 +1210,11 @@ class AXPTenantChooserListComponent {
     //#region ---- UI Handlers ----
     filterTenants(tenants) {
         const query = this.searchValue().toLowerCase();
-        return tenants.filter((tenant) => tenant.title.toLowerCase().includes(query));
+        if (!query) {
+            return tenants;
+        }
+        const locale = this.translationService.getActiveLang();
+        return tenants.filter((tenant) => resolveMultiLanguageString(tenant.title, locale).toLowerCase().includes(query));
     }
     handleSearch(event) {
         if (event !== undefined) {
@@ -1246,21 +1253,35 @@ class AXPTenantChooserListComponent {
         }
     }
     applySelection() {
+        if (this.isChoosing()) {
+            return;
+        }
         const tenant = this.selectedTenant();
         if (tenant) {
             void this.chooseTenant(tenant);
         }
     }
     async chooseTenant(item) {
-        if (this.strategy) {
-            const updateContext = {
-                tenant: item,
-                user: this.sessionService.user,
-            };
-            await this.sessionService.updateToken(updateContext);
+        if (this.isChoosing()) {
+            return;
+        }
+        this.isChoosing.set(true);
+        this.choosingId.set(item.id);
+        try {
+            if (this.strategy) {
+                const updateContext = {
+                    tenant: item,
+                    user: this.sessionService.user,
+                };
+                await this.sessionService.updateToken(updateContext);
+            }
+            this.tenantChosen.emit();
+            return this.router.navigate(['/auth/account/app-chooser']);
+        }
+        finally {
+            this.isChoosing.set(false);
+            this.choosingId.set(null);
         }
-        this.tenantChosen.emit();
-        return this.router.navigate(['/auth/account/app-chooser']);
     }
     //#endregion
     //#region ---- Utility Methods ----
@@ -1273,10 +1294,10 @@ class AXPTenantChooserListComponent {
             nav.navigateTo(items[currentIndex >= 0 ? currentIndex : 0]);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTenantChooserListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTenantChooserListComponent, isStandalone: true, selector: "axp-tenant-chooser-list", inputs: { simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tenantChosen: "tenantChosen" }, viewQueries: [{ propertyName: "listNav", first: true, predicate: AXListNavigationDirective, descendants: true, isSignal: true }, { propertyName: "listItems", predicate: AXListNavigationItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-2 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"w-12 h-12 rounded-full shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-6 rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (simple()) {\n  <div class=\"w-full overflow-auto max-h-[300px] pe-2\">\n    @for (tenant of allTenants(); track tenant.id) {\n      <div\n        class=\"flex gap-2 justify-between border-b last:border-b-0 py-3 items-start cursor-pointer\"\n        (click)=\"chooseTenant(tenant)\"\n      >\n        <div class=\"flex flex-1 gap-2 items-center font-medium\">\n          <div\n            class=\"w-12 h-12 flex justify-center items-center rounded-full bg-neutral-100 m-auto\"\n          >\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"40\"\n              [attr.alt]=\"tenant.title\"\n              class=\"flex! items-center justify-center text-sm! mx-auto w-10 h-10 bg-neutral-200 rounded-full\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 text-start md:text-base text-sm\">{{ tenant.title }}</span>\n        </div>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div class=\"w-full flex flex-col gap-4\" (keydown.capture)=\"handleSelectBoxKeyDown($event)\">\n    <ax-select-box\n      class=\"w-full\"\n      [dataSource]=\"allTenants()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedTenant()\"\n      [itemHeight]=\"56\"\n      [placeholder]=\"('@auth:tenant-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"tenantItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleTenantSelect($event)\"\n    >\n      <ax-search-box look=\"fill\"></ax-search-box>\n    </ax-select-box>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    ></ax-button>\n  </div>\n} @else {\n  @if (showSearchAndViewAll()) {\n    <ax-search-box\n      [placeholder]=\"'@general:search.title' | translate | async\"\n      [ngModel]=\"searchValue()\"\n      (ngModelChange)=\"handleSearch($event)\"\n      class=\"w-full\"\n    >\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  }\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col gap-1\"\n    role=\"listbox\"\n  >\n    @for (tenant of displayedTenants(); track tenant.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isTenantSelected(tenant)\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark\"\n        [class.bg-primary-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:bg-primary-darker]=\"isTenantSelected(tenant)\"\n        [class.text-primary-on-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:text-primary-on-darker]=\"isTenantSelected(tenant)\"\n        [class.ring-2]=\"navItem.isActive()\"\n        [class.ring-primary]=\"navItem.isActive()\"\n        (click)=\"chooseTenant(tenant)\"\n        (keydown)=\"handleListItemKeyDown($event, tenant)\"\n      >\n        <div class=\"flex flex-1 gap-2 items-center min-w-0\">\n          <div\n            class=\"shrink-0 flex justify-center items-center rounded-full bg-neutral-100\"\n            [class.w-10]=\"simple()\"\n            [class.h-10]=\"simple()\"\n            [class.w-12]=\"!simple()\"\n            [class.h-12]=\"!simple()\"\n          >\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"40\"\n              [attr.alt]=\"tenant.title\"\n              class=\"flex! items-center justify-center text-sm! bg-neutral-200 dark:bg-neutral-800 rounded-full\"\n              [class.w-8]=\"simple()\"\n              [class.h-8]=\"simple()\"\n              [class.w-10]=\"!simple()\"\n              [class.h-10]=\"!simple()\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{ tenant.title }}</span>\n        </div>\n      </div>\n    }\n  </div>\n  @if (showSearchAndViewAll()) {\n    <div class=\"mt-6 w-full flex justify-center\">\n      <ax-button\n        (onClick)=\"showAllTenants()\"\n        class=\"w-full\"\n        look=\"outline\"\n        [text]=\"\n          showAll()\n            ? ('@general:actions.view-less.title' | translate | async)\n            : ('@general:actions.view-all.title' | translate | async)\n        \"\n      ></ax-button>\n    </div>\n  }\n}\n\n<ng-template #tenantItemTemplate let-item>\n  <div class=\"flex gap-2 items-center p-2\">\n    <div\n      class=\"w-10 h-10 flex justify-center items-center rounded-full bg-neutral-100 shrink-0\"\n    >\n      <axp-logo\n        [logoKey]=\"tenantLogoKey(item.data)\"\n        appearance=\"colored\"\n        [size]=\"32\"\n        [attr.alt]=\"item.data.title\"\n        class=\"flex! items-center justify-center text-sm! w-8 h-8 bg-neutral-200 rounded-full\"\n      ></axp-logo>\n    </div>\n    <span class=\"text-start md:text-base text-sm\">{{ item.data.title }}</span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i4.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: "ngmodule", type: AXListNavigationModule }, { kind: "directive", type: i5.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i5.AXListNavigationItemDirective, selector: "[axListNavigationItem]", outputs: ["onKeypress"], exportAs: ["axListNavigationItem"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantChooserListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPTenantChooserListComponent, isStandalone: true, selector: "axp-tenant-chooser-list", inputs: { simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tenantChosen: "tenantChosen", loadingChange: "loadingChange" }, viewQueries: [{ propertyName: "listNav", first: true, predicate: AXListNavigationDirective, descendants: true, isSignal: true }, { propertyName: "listItems", predicate: AXListNavigationItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-3 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"size-12 rounded-lg shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-5 rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (simple()) {\n  <div\n    class=\"w-full overflow-auto max-h-[300px] pe-2 flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (tenant of allTenants(); track tenant.id) {\n      <div\n        class=\"flex gap-2 justify-between py-3 items-center cursor-pointer rounded-md transition-colors hover:bg-primary-lightest hover:dark:bg-primary-dark\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== tenant.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        [attr.aria-busy]=\"choosingId() === tenant.id\"\n        (click)=\"chooseTenant(tenant)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center font-medium min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(tenant.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{\n            tenant.title | translate | async\n          }}</span>\n        </div>\n        @if (choosingId() === tenant.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div\n    class=\"w-full flex flex-col gap-4\"\n    [class.pointer-events-none]=\"isChoosing()\"\n    [class.opacity-60]=\"isChoosing()\"\n    (keydown.capture)=\"handleSelectBoxKeyDown($event)\"\n  >\n    <ax-select-box\n      class=\"w-full\"\n      [dataSource]=\"allTenants()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedTenant()\"\n      [itemHeight]=\"56\"\n      [placeholder]=\"('@auth:tenant-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"tenantItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleTenantSelect($event)\"\n    >\n      <ax-search-box look=\"fill\"></ax-search-box>\n    </ax-select-box>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply() || isChoosing()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    >\n      @if (isChoosing()) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  </div>\n} @else {\n  @if (showSearchAndViewAll()) {\n    <ax-search-box\n      [placeholder]=\"'@general:search.title' | translate | async\"\n      [ngModel]=\"searchValue()\"\n      (ngModelChange)=\"handleSearch($event)\"\n      class=\"w-full\"\n    >\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  }\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    role=\"listbox\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (tenant of displayedTenants(); track tenant.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isTenantSelected(tenant)\"\n        [attr.aria-busy]=\"choosingId() === tenant.id\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary\"\n        [class.bg-primary-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:bg-primary-darker]=\"isTenantSelected(tenant)\"\n        [class.text-primary-on-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:text-primary-on-darker]=\"isTenantSelected(tenant)\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== tenant.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        (click)=\"chooseTenant(tenant)\"\n        (keydown)=\"handleListItemKeyDown($event, tenant)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(tenant.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{\n            tenant.title | translate | async\n          }}</span>\n        </div>\n        @if (choosingId() === tenant.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n  @if (showSearchAndViewAll()) {\n    <div class=\"mt-6 w-full flex justify-center\">\n      <ax-button\n        (onClick)=\"showAllTenants()\"\n        class=\"w-full\"\n        look=\"outline\"\n        [disabled]=\"isChoosing()\"\n        [text]=\"\n          showAll()\n            ? ('@general:actions.view-less.title' | translate | async)\n            : ('@general:actions.view-all.title' | translate | async)\n        \"\n      ></ax-button>\n    </div>\n  }\n}\n\n<ng-template #tenantItemTemplate let-item>\n  <div class=\"flex gap-3 items-center p-2\">\n    <div class=\"size-12 overflow-hidden rounded-lg shrink-0\">\n      <axp-logo\n        [logoKey]=\"tenantLogoKey(item.data)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.data.title | translate | async) ?? ''\"\n        class=\"size-12 overflow-hidden rounded-lg\"\n      ></axp-logo>\n    </div>\n    <span class=\"text-start md:text-base text-sm\">{{ item.data.title | translate | async }}</span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i4.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5.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: "ngmodule", type: AXListNavigationModule }, { kind: "directive", type: i6.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i6.AXListNavigationItemDirective, selector: "[axListNavigationItem]", outputs: ["onKeypress"], exportAs: ["axListNavigationItem"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTenantChooserListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantChooserListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-tenant-chooser-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -1284,30 +1305,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXTranslationModule,
                         AXButtonModule,
                         AXDecoratorModule,
+                        AXLoadingModule,
                         AXSkeletonModule,
                         AXSelectBoxModule,
                         AXSearchBoxModule,
                         AXListNavigationModule,
                         AXPLogoComponent,
-                    ], template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-2 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"w-12 h-12 rounded-full shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-6 rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (simple()) {\n  <div class=\"w-full overflow-auto max-h-[300px] pe-2\">\n    @for (tenant of allTenants(); track tenant.id) {\n      <div\n        class=\"flex gap-2 justify-between border-b last:border-b-0 py-3 items-start cursor-pointer\"\n        (click)=\"chooseTenant(tenant)\"\n      >\n        <div class=\"flex flex-1 gap-2 items-center font-medium\">\n          <div\n            class=\"w-12 h-12 flex justify-center items-center rounded-full bg-neutral-100 m-auto\"\n          >\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"40\"\n              [attr.alt]=\"tenant.title\"\n              class=\"flex! items-center justify-center text-sm! mx-auto w-10 h-10 bg-neutral-200 rounded-full\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 text-start md:text-base text-sm\">{{ tenant.title }}</span>\n        </div>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div class=\"w-full flex flex-col gap-4\" (keydown.capture)=\"handleSelectBoxKeyDown($event)\">\n    <ax-select-box\n      class=\"w-full\"\n      [dataSource]=\"allTenants()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedTenant()\"\n      [itemHeight]=\"56\"\n      [placeholder]=\"('@auth:tenant-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"tenantItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleTenantSelect($event)\"\n    >\n      <ax-search-box look=\"fill\"></ax-search-box>\n    </ax-select-box>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    ></ax-button>\n  </div>\n} @else {\n  @if (showSearchAndViewAll()) {\n    <ax-search-box\n      [placeholder]=\"'@general:search.title' | translate | async\"\n      [ngModel]=\"searchValue()\"\n      (ngModelChange)=\"handleSearch($event)\"\n      class=\"w-full\"\n    >\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  }\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col gap-1\"\n    role=\"listbox\"\n  >\n    @for (tenant of displayedTenants(); track tenant.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isTenantSelected(tenant)\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark\"\n        [class.bg-primary-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:bg-primary-darker]=\"isTenantSelected(tenant)\"\n        [class.text-primary-on-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:text-primary-on-darker]=\"isTenantSelected(tenant)\"\n        [class.ring-2]=\"navItem.isActive()\"\n        [class.ring-primary]=\"navItem.isActive()\"\n        (click)=\"chooseTenant(tenant)\"\n        (keydown)=\"handleListItemKeyDown($event, tenant)\"\n      >\n        <div class=\"flex flex-1 gap-2 items-center min-w-0\">\n          <div\n            class=\"shrink-0 flex justify-center items-center rounded-full bg-neutral-100\"\n            [class.w-10]=\"simple()\"\n            [class.h-10]=\"simple()\"\n            [class.w-12]=\"!simple()\"\n            [class.h-12]=\"!simple()\"\n          >\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"40\"\n              [attr.alt]=\"tenant.title\"\n              class=\"flex! items-center justify-center text-sm! bg-neutral-200 dark:bg-neutral-800 rounded-full\"\n              [class.w-8]=\"simple()\"\n              [class.h-8]=\"simple()\"\n              [class.w-10]=\"!simple()\"\n              [class.h-10]=\"!simple()\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{ tenant.title }}</span>\n        </div>\n      </div>\n    }\n  </div>\n  @if (showSearchAndViewAll()) {\n    <div class=\"mt-6 w-full flex justify-center\">\n      <ax-button\n        (onClick)=\"showAllTenants()\"\n        class=\"w-full\"\n        look=\"outline\"\n        [text]=\"\n          showAll()\n            ? ('@general:actions.view-less.title' | translate | async)\n            : ('@general:actions.view-all.title' | translate | async)\n        \"\n      ></ax-button>\n    </div>\n  }\n}\n\n<ng-template #tenantItemTemplate let-item>\n  <div class=\"flex gap-2 items-center p-2\">\n    <div\n      class=\"w-10 h-10 flex justify-center items-center rounded-full bg-neutral-100 shrink-0\"\n    >\n      <axp-logo\n        [logoKey]=\"tenantLogoKey(item.data)\"\n        appearance=\"colored\"\n        [size]=\"32\"\n        [attr.alt]=\"item.data.title\"\n        class=\"flex! items-center justify-center text-sm! w-8 h-8 bg-neutral-200 rounded-full\"\n      ></axp-logo>\n    </div>\n    <span class=\"text-start md:text-base text-sm\">{{ item.data.title }}</span>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [], propDecorators: { simple: [{ type: i0.Input, args: [{ isSignal: true, alias: "simple", required: false }] }], tenantChosen: [{ type: i0.Output, args: ["tenantChosen"] }], listNav: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXListNavigationDirective), { isSignal: true }] }], listItems: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => AXListNavigationItemDirective), { isSignal: true }] }] } });
+                    ], template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-3 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"size-12 rounded-lg shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-5 rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (simple()) {\n  <div\n    class=\"w-full overflow-auto max-h-[300px] pe-2 flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (tenant of allTenants(); track tenant.id) {\n      <div\n        class=\"flex gap-2 justify-between py-3 items-center cursor-pointer rounded-md transition-colors hover:bg-primary-lightest hover:dark:bg-primary-dark\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== tenant.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        [attr.aria-busy]=\"choosingId() === tenant.id\"\n        (click)=\"chooseTenant(tenant)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center font-medium min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(tenant.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{\n            tenant.title | translate | async\n          }}</span>\n        </div>\n        @if (choosingId() === tenant.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div\n    class=\"w-full flex flex-col gap-4\"\n    [class.pointer-events-none]=\"isChoosing()\"\n    [class.opacity-60]=\"isChoosing()\"\n    (keydown.capture)=\"handleSelectBoxKeyDown($event)\"\n  >\n    <ax-select-box\n      class=\"w-full\"\n      [dataSource]=\"allTenants()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedTenant()\"\n      [itemHeight]=\"56\"\n      [placeholder]=\"('@auth:tenant-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"tenantItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleTenantSelect($event)\"\n    >\n      <ax-search-box look=\"fill\"></ax-search-box>\n    </ax-select-box>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply() || isChoosing()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    >\n      @if (isChoosing()) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  </div>\n} @else {\n  @if (showSearchAndViewAll()) {\n    <ax-search-box\n      [placeholder]=\"'@general:search.title' | translate | async\"\n      [ngModel]=\"searchValue()\"\n      (ngModelChange)=\"handleSearch($event)\"\n      class=\"w-full\"\n    >\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  }\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    role=\"listbox\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (tenant of displayedTenants(); track tenant.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isTenantSelected(tenant)\"\n        [attr.aria-busy]=\"choosingId() === tenant.id\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary\"\n        [class.bg-primary-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:bg-primary-darker]=\"isTenantSelected(tenant)\"\n        [class.text-primary-on-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:text-primary-on-darker]=\"isTenantSelected(tenant)\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== tenant.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        (click)=\"chooseTenant(tenant)\"\n        (keydown)=\"handleListItemKeyDown($event, tenant)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(tenant.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{\n            tenant.title | translate | async\n          }}</span>\n        </div>\n        @if (choosingId() === tenant.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n  @if (showSearchAndViewAll()) {\n    <div class=\"mt-6 w-full flex justify-center\">\n      <ax-button\n        (onClick)=\"showAllTenants()\"\n        class=\"w-full\"\n        look=\"outline\"\n        [disabled]=\"isChoosing()\"\n        [text]=\"\n          showAll()\n            ? ('@general:actions.view-less.title' | translate | async)\n            : ('@general:actions.view-all.title' | translate | async)\n        \"\n      ></ax-button>\n    </div>\n  }\n}\n\n<ng-template #tenantItemTemplate let-item>\n  <div class=\"flex gap-3 items-center p-2\">\n    <div class=\"size-12 overflow-hidden rounded-lg shrink-0\">\n      <axp-logo\n        [logoKey]=\"tenantLogoKey(item.data)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.data.title | translate | async) ?? ''\"\n        class=\"size-12 overflow-hidden rounded-lg\"\n      ></axp-logo>\n    </div>\n    <span class=\"text-start md:text-base text-sm\">{{ item.data.title | translate | async }}</span>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [], propDecorators: { simple: [{ type: i0.Input, args: [{ isSignal: true, alias: "simple", required: false }] }], tenantChosen: [{ type: i0.Output, args: ["tenantChosen"] }], loadingChange: [{ type: i0.Output, args: ["loadingChange"] }], listNav: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXListNavigationDirective), { isSignal: true }] }], listItems: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => AXListNavigationItemDirective), { isSignal: true }] }] } });
 
 class AXPTenantChooserDropdownComponent {
     constructor() {
+        //#region ----- Services & Dependencies -----
         this.sessionService = inject(AXPSessionService);
+        //#endregion
+        //#region ----- State Signals -----
         this.tenants$ = this.sessionService.tenants$;
-        this.tenant = this.sessionService.tenant;
-        this.tenantPopover = viewChild('tenantPopover', ...(ngDevMode ? [{ debugName: "tenantPopover" }] : /* istanbul ignore next */ []));
+        this.tenant$ = this.sessionService.tenant$;
+        this.tenantsLoading = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tenantsLoading" }] : /* istanbul ignore next */ []));
+        this.tenantPopover = viewChild('tenantPopover', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tenantPopover" }] : /* istanbul ignore next */ []));
     }
+    //#endregion
+    //#region ----- Lifecycle -----
+    ngOnInit() {
+        this.tenants$.pipe(first()).subscribe(() => {
+            this.tenantsLoading.set(false);
+        });
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
     closePopover() {
         this.tenantPopover()?.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTenantChooserDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTenantChooserDropdownComponent, isStandalone: true, selector: "axp-tenant-chooser-dropdown", viewQueries: [{ propertyName: "tenantPopover", first: true, predicate: ["tenantPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (tenants$ | async; as tenants) {\n  @if (tenants.length > 1) {\n    <ax-button\n      [text]=\"tenant?.title ?? ''\"\n      class=\"ax-sm\"\n      look=\"blank\"\n      #tenantChooser\n    >\n      <ax-suffix>\n        <ax-icon class=\"fa-solid fa-caret-down\"></ax-icon>\n      </ax-suffix>\n    </ax-button>\n    <ax-popover\n      [target]=\"tenantChooser\"\n      [openOn]=\"'toggle'\"\n      [closeOn]=\"'clickOut'\"\n      [adaptivityEnabled]=\"true\"\n      #tenantPopover\n    >\n      <div\n        class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\"\n      >\n        <axp-tenant-chooser-list\n          [simple]=\"true\"\n          (tenantChosen)=\"closePopover()\"\n        ></axp-tenant-chooser-list>\n      </div>\n    </ax-popover>\n  } @else {\n    <ax-button\n      [text]=\"tenant?.title ?? ''\"\n      class=\"ax-sm\"\n      look=\"blank\"\n    ></ax-button>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXPopoverModule }, { kind: "component", type: i2$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.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: "component", type: AXPTenantChooserListComponent, selector: "axp-tenant-chooser-list", inputs: ["simple"], outputs: ["tenantChosen"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantChooserDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPTenantChooserDropdownComponent, isStandalone: true, selector: "axp-tenant-chooser-dropdown", viewQueries: [{ propertyName: "tenantPopover", first: true, predicate: ["tenantPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (tenantsLoading()) {\n  <ax-skeleton [animated]=\"true\" class=\"h-5 w-32 max-w-full\"></ax-skeleton>\n} @else if (tenants$ | async; as tenants) {\n  @if (tenants.length > 1) {\n    <ax-button\n      [text]=\"((tenant$ | async)?.title | translate | async) ?? ''\"\n      class=\"ax-sm\"\n      look=\"blank\"\n      #tenantChooser\n    >\n      <ax-suffix>\n        <ax-icon class=\"fa-solid fa-caret-down\"></ax-icon>\n      </ax-suffix>\n    </ax-button>\n    <ax-popover\n      [target]=\"tenantChooser\"\n      [openOn]=\"'toggle'\"\n      [closeOn]=\"'clickOut'\"\n      [adaptivityEnabled]=\"true\"\n      #tenantPopover\n    >\n      <div\n        class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\"\n      >\n        <axp-tenant-chooser-list\n          [simple]=\"true\"\n          (tenantChosen)=\"closePopover()\"\n        ></axp-tenant-chooser-list>\n      </div>\n    </ax-popover>\n  } @else {\n    <ax-button\n      [text]=\"((tenant$ | async)?.title | translate | async) ?? ''\"\n      class=\"ax-sm\"\n      look=\"blank\"\n    ></ax-button>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXPopoverModule }, { kind: "component", type: i2$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.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: AXSkeletonModule }, { kind: "component", type: i1$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXPTenantChooserListComponent, selector: "axp-tenant-chooser-list", inputs: ["simple"], outputs: ["tenantChosen", "loadingChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTenantChooserDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantChooserDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-tenant-chooser-dropdown', imports: [CommonModule, AXButtonModule, AXPopoverModule, AXDecoratorModule, AXPTenantChooserListComponent], template: "@if (tenants$ | async; as tenants) {\n  @if (tenants.length > 1) {\n    <ax-button\n      [text]=\"tenant?.title ?? ''\"\n      class=\"ax-sm\"\n      look=\"blank\"\n      #tenantChooser\n    >\n      <ax-suffix>\n        <ax-icon class=\"fa-solid fa-caret-down\"></ax-icon>\n      </ax-suffix>\n    </ax-button>\n    <ax-popover\n      [target]=\"tenantChooser\"\n      [openOn]=\"'toggle'\"\n      [closeOn]=\"'clickOut'\"\n      [adaptivityEnabled]=\"true\"\n      #tenantPopover\n    >\n      <div\n        class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\"\n      >\n        <axp-tenant-chooser-list\n          [simple]=\"true\"\n          (tenantChosen)=\"closePopover()\"\n        ></axp-tenant-chooser-list>\n      </div>\n    </ax-popover>\n  } @else {\n    <ax-button\n      [text]=\"tenant?.title ?? ''\"\n      class=\"ax-sm\"\n      look=\"blank\"\n    ></ax-button>\n  }\n}\n" }]
+            args: [{ selector: 'axp-tenant-chooser-dropdown', changeDetection: ChangeDetectionStrategy.Eager, imports: [
+                        CommonModule,
+                        AXTranslationModule,
+                        AXButtonModule,
+                        AXPopoverModule,
+                        AXDecoratorModule,
+                        AXSkeletonModule,
+                        AXPTenantChooserListComponent,
+                    ], template: "@if (tenantsLoading()) {\n  <ax-skeleton [animated]=\"true\" class=\"h-5 w-32 max-w-full\"></ax-skeleton>\n} @else if (tenants$ | async; as tenants) {\n  @if (tenants.length > 1) {\n    <ax-button\n      [text]=\"((tenant$ | async)?.title | translate | async) ?? ''\"\n      class=\"ax-sm\"\n      look=\"blank\"\n      #tenantChooser\n    >\n      <ax-suffix>\n        <ax-icon class=\"fa-solid fa-caret-down\"></ax-icon>\n      </ax-suffix>\n    </ax-button>\n    <ax-popover\n      [target]=\"tenantChooser\"\n      [openOn]=\"'toggle'\"\n      [closeOn]=\"'clickOut'\"\n      [adaptivityEnabled]=\"true\"\n      #tenantPopover\n    >\n      <div\n        class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\"\n      >\n        <axp-tenant-chooser-list\n          [simple]=\"true\"\n          (tenantChosen)=\"closePopover()\"\n        ></axp-tenant-chooser-list>\n      </div>\n    </ax-popover>\n  } @else {\n    <ax-button\n      [text]=\"((tenant$ | async)?.title | translate | async) ?? ''\"\n      class=\"ax-sm\"\n      look=\"blank\"\n    ></ax-button>\n  }\n}\n" }]
         }], propDecorators: { tenantPopover: [{ type: i0.ViewChild, args: ['tenantPopover', { isSignal: true }] }] } });
 
 //#region ---- Profile slot menu hook ----
@@ -1338,7 +1383,8 @@ class AXMAuthProfileSlotComponent {
         this.tenant$ = this.sessionService.tenant$;
         this.isAuthenticated$ = this.sessionService.isAuthenticated$;
         this.isAuthenticated = toSignal(this.sessionService.isAuthenticated$, { initialValue: false });
-        this.menuItems = signal([], ...(ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []));
+        this.menuItems = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ---- UI Handlers ----
         this.appName = () => this.sessionService.application?.name;
@@ -1432,17 +1478,17 @@ class AXMAuthProfileSlotComponent {
             await this.commandService.execute(command.name, command.options ?? {});
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthProfileSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAuthProfileSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "@if (isAuthenticated$ | async) {\n  <div class=\"size-fit\">\n    <div #avatar>\n      <axp-user-avatar\n        [size]=\"36\"\n        [userId]=\"(user$ | async)?.id!\"\n      ></axp-user-avatar>\n    </div>\n\n    <ax-popover [target]=\"avatar\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #p>\n      <div\n        class=\"bg-lightest border border-lightest rounded-md shadow-md w-full min-w-64\"\n      >\n        <div class=\"flex flex-col items-center p-4 border-b\">\n          <axp-user-avatar\n            [size]=\"64\"\n            [userId]=\"(user$ | async)?.id!\"\n          ></axp-user-avatar>\n\n          <div class=\"flex flex-col items-center justify-center mt-2\">\n            <div class=\"text-base font-bold\">{{ (user$ | async)?.title }}</div>\n            <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n          </div>\n        </div>\n        <div class=\"axp-profile-slot-menus\">\n          <ul>\n            @for (item of menuItems(); track item.name ?? item.title) {\n              @if (item.visible != false) {\n                @if (hasProfileSlotMenuBreakBefore(item.break)) {\n                  <li class=\"axp-profile-slot-menu-break\" role=\"separator\"></li>\n                }\n                <li [class]=\"menuItemClass(item)\">\n                  <a (click)=\"handleMenuItemClick(item, p)\">\n                    <i [class]=\"item.icon\"></i>\n                    <span class=\"flex-1\">{{\n                      item.title | translate | async\n                    }}</span>\n                  </a>\n                </li>\n                @if (hasProfileSlotMenuBreakAfter(item.break)) {\n                  <li class=\"axp-profile-slot-menu-break\" role=\"separator\"></li>\n                }\n              }\n            }\n          </ul>\n        </div>\n      </div>\n    </ax-popover>\n  </div>\n} @else {\n  <ax-button\n    color=\"default\"\n    look=\"blank\"\n    text=\"Sign Up / Sign In\"\n    (click)=\"handleSignIn()\"\n  >\n    <ax-icon>\n      <i class=\"fa-solid fa-user text-slate-400 dark:text-slate-200\"></i>\n    </ax-icon>\n  </ax-button>\n}\n", styles: ["@layer properties;.axp-profile-slot-menus ul{margin-top:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border-default);padding-inline:calc(var(--spacing, .25rem) * 2)}.axp-profile-slot-menus ul:last-child{border-style:var(--tw-border-style);border-width:0px}.axp-profile-slot-menus ul li{display:flex;cursor:pointer;border-radius:var(--radius-md, .375rem)}.axp-profile-slot-menus ul li:last-child{margin-bottom:calc(var(--spacing, .25rem) * 2)}.axp-profile-slot-menus ul li:hover{background-color:rgba(var(--ax-sys-color-dark-surface))}.axp-profile-slot-menus ul li.axp-profile-slot-menu-break{pointer-events:none;margin-inline:calc(var(--spacing, .25rem) * 2);margin-block:var(--spacing, .25rem);height:0;min-height:0;cursor:default;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border-default);padding:0}.axp-profile-slot-menus ul li.axp-profile-slot-menu-break:hover{background-color:transparent}.axp-profile-slot-menus ul li i{margin-inline-end:calc(var(--spacing, .25rem) * 3);display:grid;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);place-items:center;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}.axp-profile-slot-menus ul li a{display:flex;height:100%;width:100%;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 2)}@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: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthProfileSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMAuthProfileSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "@if (isAuthenticated$ | async) {\n  <div class=\"size-fit\">\n    <div #avatar>\n      <axp-user-avatar\n        [size]=\"36\"\n        [userId]=\"$safeNavigationMigration((user$ | async)?.id)!\"\n        [showPresence]=\"true\"\n      ></axp-user-avatar>\n    </div>\n\n    <ax-popover\n      [target]=\"avatar\"\n      [openOn]=\"'toggle'\"\n      [closeOn]=\"'clickOut'\"\n      [adaptivityEnabled]=\"false\"\n      #p\n    >\n      <div\n        class=\"bg-lightest border border-lightest rounded-md shadow-md w-full min-w-64\"\n      >\n        <div class=\"flex flex-col items-center p-4 border-b\">\n          <axp-user-avatar\n            [size]=\"64\"\n            [userId]=\"$safeNavigationMigration((user$ | async)?.id)!\"\n            [showPresence]=\"false\"\n          ></axp-user-avatar>\n\n          <div class=\"flex flex-col items-center justify-center mt-2\">\n            <div class=\"text-base font-bold\">{{ (user$ | async)?.title }}</div>\n            <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n          </div>\n        </div>\n        <div class=\"axp-profile-slot-menus\">\n          <ul>\n            @for (item of menuItems(); track item.name ?? item.title) {\n              @if (item.visible != false) {\n                @if (hasProfileSlotMenuBreakBefore(item.break)) {\n                  <li class=\"axp-profile-slot-menu-break\" role=\"separator\"></li>\n                }\n                <li [class]=\"menuItemClass(item)\">\n                  <a (click)=\"handleMenuItemClick(item, p)\">\n                    <i [class]=\"item.icon\"></i>\n                    <span class=\"flex-1\">{{\n                      item.title | translate | async\n                    }}</span>\n                  </a>\n                </li>\n                @if (hasProfileSlotMenuBreakAfter(item.break)) {\n                  <li class=\"axp-profile-slot-menu-break\" role=\"separator\"></li>\n                }\n              }\n            }\n          </ul>\n        </div>\n      </div>\n    </ax-popover>\n  </div>\n} @else {\n  <ax-button\n    color=\"default\"\n    look=\"blank\"\n    text=\"Sign Up / Sign In\"\n    (click)=\"handleSignIn()\"\n  >\n    <ax-icon>\n      <i class=\"fa-solid fa-user text-slate-400 dark:text-slate-200\"></i>\n    </ax-icon>\n  </ax-button>\n}\n", styles: ["@layer properties;.axp-profile-slot-menus ul{margin-top:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border-default);padding-inline:calc(var(--spacing, .25rem) * 2)}.axp-profile-slot-menus ul:last-child{border-style:var(--tw-border-style);border-width:0px}.axp-profile-slot-menus ul li{display:flex;cursor:pointer;border-radius:var(--radius-md, .375rem)}.axp-profile-slot-menus ul li:last-child{margin-bottom:calc(var(--spacing, .25rem) * 2)}.axp-profile-slot-menus ul li:hover{background-color:rgba(var(--ax-sys-color-dark-surface))}.axp-profile-slot-menus ul li.axp-profile-slot-menu-break{pointer-events:none;margin-inline:calc(var(--spacing, .25rem) * 2);margin-block:var(--spacing, .25rem);height:0px;min-height:0px;cursor:default;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border-default);padding:0}.axp-profile-slot-menus ul li.axp-profile-slot-menu-break:hover{background-color:transparent}.axp-profile-slot-menus ul li i{margin-inline-end:calc(var(--spacing, .25rem) * 3);display:grid;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);place-items:center;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}.axp-profile-slot-menus ul li a{display:flex;height:100%;width:100%;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 2)}@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.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
                 //
-                AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: 
+                AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: 
                 // AXKBDComponent,
                 // AXKBDItemComponent,
-                AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "component", type: 
+                AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "component", type: 
                 //
-                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthProfileSlotComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthProfileSlotComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         CommonModule,
@@ -1460,7 +1506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPUserAvatarComponent,
                         //
                         AXPTenantChooserDropdownComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (isAuthenticated$ | async) {\n  <div class=\"size-fit\">\n    <div #avatar>\n      <axp-user-avatar\n        [size]=\"36\"\n        [userId]=\"(user$ | async)?.id!\"\n      ></axp-user-avatar>\n    </div>\n\n    <ax-popover [target]=\"avatar\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #p>\n      <div\n        class=\"bg-lightest border border-lightest rounded-md shadow-md w-full min-w-64\"\n      >\n        <div class=\"flex flex-col items-center p-4 border-b\">\n          <axp-user-avatar\n            [size]=\"64\"\n            [userId]=\"(user$ | async)?.id!\"\n          ></axp-user-avatar>\n\n          <div class=\"flex flex-col items-center justify-center mt-2\">\n            <div class=\"text-base font-bold\">{{ (user$ | async)?.title }}</div>\n            <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n          </div>\n        </div>\n        <div class=\"axp-profile-slot-menus\">\n          <ul>\n            @for (item of menuItems(); track item.name ?? item.title) {\n              @if (item.visible != false) {\n                @if (hasProfileSlotMenuBreakBefore(item.break)) {\n                  <li class=\"axp-profile-slot-menu-break\" role=\"separator\"></li>\n                }\n                <li [class]=\"menuItemClass(item)\">\n                  <a (click)=\"handleMenuItemClick(item, p)\">\n                    <i [class]=\"item.icon\"></i>\n                    <span class=\"flex-1\">{{\n                      item.title | translate | async\n                    }}</span>\n                  </a>\n                </li>\n                @if (hasProfileSlotMenuBreakAfter(item.break)) {\n                  <li class=\"axp-profile-slot-menu-break\" role=\"separator\"></li>\n                }\n              }\n            }\n          </ul>\n        </div>\n      </div>\n    </ax-popover>\n  </div>\n} @else {\n  <ax-button\n    color=\"default\"\n    look=\"blank\"\n    text=\"Sign Up / Sign In\"\n    (click)=\"handleSignIn()\"\n  >\n    <ax-icon>\n      <i class=\"fa-solid fa-user text-slate-400 dark:text-slate-200\"></i>\n    </ax-icon>\n  </ax-button>\n}\n", styles: ["@layer properties;.axp-profile-slot-menus ul{margin-top:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border-default);padding-inline:calc(var(--spacing, .25rem) * 2)}.axp-profile-slot-menus ul:last-child{border-style:var(--tw-border-style);border-width:0px}.axp-profile-slot-menus ul li{display:flex;cursor:pointer;border-radius:var(--radius-md, .375rem)}.axp-profile-slot-menus ul li:last-child{margin-bottom:calc(var(--spacing, .25rem) * 2)}.axp-profile-slot-menus ul li:hover{background-color:rgba(var(--ax-sys-color-dark-surface))}.axp-profile-slot-menus ul li.axp-profile-slot-menu-break{pointer-events:none;margin-inline:calc(var(--spacing, .25rem) * 2);margin-block:var(--spacing, .25rem);height:0;min-height:0;cursor:default;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border-default);padding:0}.axp-profile-slot-menus ul li.axp-profile-slot-menu-break:hover{background-color:transparent}.axp-profile-slot-menus ul li i{margin-inline-end:calc(var(--spacing, .25rem) * 3);display:grid;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);place-items:center;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}.axp-profile-slot-menus ul li a{display:flex;height:100%;width:100%;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 2)}@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"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (isAuthenticated$ | async) {\n  <div class=\"size-fit\">\n    <div #avatar>\n      <axp-user-avatar\n        [size]=\"36\"\n        [userId]=\"$safeNavigationMigration((user$ | async)?.id)!\"\n        [showPresence]=\"true\"\n      ></axp-user-avatar>\n    </div>\n\n    <ax-popover\n      [target]=\"avatar\"\n      [openOn]=\"'toggle'\"\n      [closeOn]=\"'clickOut'\"\n      [adaptivityEnabled]=\"false\"\n      #p\n    >\n      <div\n        class=\"bg-lightest border border-lightest rounded-md shadow-md w-full min-w-64\"\n      >\n        <div class=\"flex flex-col items-center p-4 border-b\">\n          <axp-user-avatar\n            [size]=\"64\"\n            [userId]=\"$safeNavigationMigration((user$ | async)?.id)!\"\n            [showPresence]=\"false\"\n          ></axp-user-avatar>\n\n          <div class=\"flex flex-col items-center justify-center mt-2\">\n            <div class=\"text-base font-bold\">{{ (user$ | async)?.title }}</div>\n            <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n          </div>\n        </div>\n        <div class=\"axp-profile-slot-menus\">\n          <ul>\n            @for (item of menuItems(); track item.name ?? item.title) {\n              @if (item.visible != false) {\n                @if (hasProfileSlotMenuBreakBefore(item.break)) {\n                  <li class=\"axp-profile-slot-menu-break\" role=\"separator\"></li>\n                }\n                <li [class]=\"menuItemClass(item)\">\n                  <a (click)=\"handleMenuItemClick(item, p)\">\n                    <i [class]=\"item.icon\"></i>\n                    <span class=\"flex-1\">{{\n                      item.title | translate | async\n                    }}</span>\n                  </a>\n                </li>\n                @if (hasProfileSlotMenuBreakAfter(item.break)) {\n                  <li class=\"axp-profile-slot-menu-break\" role=\"separator\"></li>\n                }\n              }\n            }\n          </ul>\n        </div>\n      </div>\n    </ax-popover>\n  </div>\n} @else {\n  <ax-button\n    color=\"default\"\n    look=\"blank\"\n    text=\"Sign Up / Sign In\"\n    (click)=\"handleSignIn()\"\n  >\n    <ax-icon>\n      <i class=\"fa-solid fa-user text-slate-400 dark:text-slate-200\"></i>\n    </ax-icon>\n  </ax-button>\n}\n", styles: ["@layer properties;.axp-profile-slot-menus ul{margin-top:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border-default);padding-inline:calc(var(--spacing, .25rem) * 2)}.axp-profile-slot-menus ul:last-child{border-style:var(--tw-border-style);border-width:0px}.axp-profile-slot-menus ul li{display:flex;cursor:pointer;border-radius:var(--radius-md, .375rem)}.axp-profile-slot-menus ul li:last-child{margin-bottom:calc(var(--spacing, .25rem) * 2)}.axp-profile-slot-menus ul li:hover{background-color:rgba(var(--ax-sys-color-dark-surface))}.axp-profile-slot-menus ul li.axp-profile-slot-menu-break{pointer-events:none;margin-inline:calc(var(--spacing, .25rem) * 2);margin-block:var(--spacing, .25rem);height:0px;min-height:0px;cursor:default;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border-default);padding:0}.axp-profile-slot-menus ul li.axp-profile-slot-menu-break:hover{background-color:transparent}.axp-profile-slot-menus ul li i{margin-inline-end:calc(var(--spacing, .25rem) * 3);display:grid;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);place-items:center;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}.axp-profile-slot-menus ul li a{display:flex;height:100%;width:100%;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 2)}@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.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class AXMUserProfileCardSlotComponent {
@@ -1473,15 +1519,18 @@ class AXMUserProfileCardSlotComponent {
         this.isCompactMode = computed(() => {
             this.deviceService.screenSize();
             return this.themeStore.effectiveMenuVerticalMode() === AXPMenuVerticalMode.Compact;
-        }, ...(ngDevMode ? [{ debugName: "isCompactMode" }] : /* istanbul ignore next */ []));
-        this.hasPicture = signal(true, ...(ngDevMode ? [{ debugName: "hasPicture" }] : /* istanbul ignore next */ []));
-        this.avatarText = signal('', ...(ngDevMode ? [{ debugName: "avatarText" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isCompactMode" }] : /* istanbul ignore next */ []));
+        this.hasPicture = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasPicture" }] : /* istanbul ignore next */ []));
+        this.avatarText = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "avatarText" }] : /* istanbul ignore next */ []));
         this.user$ = this.sessionService.user$;
         this.tenant$ = this.sessionService.tenant$;
         this.isAuthenticated$ = this.sessionService.isAuthenticated$;
         this.appName = () => this.sessionService.application?.name;
         this.getAvatarText = () => {
-            this.user$.pipe(first$1()).subscribe((user) => {
+            this.user$.pipe(first()).subscribe((user) => {
                 const names = user?.title.split(' ');
                 if (names?.length && names?.length > 1) {
                     this.avatarText.set(`${names[0][0].toUpperCase()}${names[names.length - 1][0].toUpperCase()}`);
@@ -1528,16 +1577,16 @@ class AXMUserProfileCardSlotComponent {
             this.src = '';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMUserProfileCardSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMUserProfileCardSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if((isAuthenticated$ | async)) {\n<div class=\"p-3 flex items-center gap-1 border-b border-border-lighter\" [class.justify-center]=\"isCompactMode()\">\n  <div #avatar>\n    <axp-user-avatar [size]=\"48\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n  </div>\n  @if (!isCompactMode()) {\n  <div class=\"flex flex-col\">\n    <ax-title class=\"text-sm font-medium px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n  }\n</div>\n}\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUserProfileCardSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMUserProfileCardSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if((isAuthenticated$ | async)) {\n<div class=\"p-3 flex items-center gap-1 border-b border-border-lighter\" [class.justify-center]=\"isCompactMode()\">\n  <div #avatar>\n    <axp-user-avatar\n      [size]=\"48\"\n      [userId]=\"$safeNavigationMigration((user$ | async)?.id)!\"\n      [showPresence]=\"false\"\n    ></axp-user-avatar>\n  </div>\n  @if (!isCompactMode()) {\n  <div class=\"flex flex-col\">\n    <ax-title class=\"text-sm font-medium px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n  }\n</div>\n}\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
                 //
                 AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.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: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
                 //
-                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMUserProfileCardSlotComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUserProfileCardSlotComponent, decorators: [{
             type: Component,
-            args: [{ imports: [
+            args: [{ changeDetection: ChangeDetectionStrategy.Eager, imports: [
                         RouterModule,
                         //
                         AXImageModule,
@@ -1551,7 +1600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPTenantChooserDropdownComponent,
                         AsyncPipe,
                         AXPUserAvatarComponent,
-                    ], template: "@if((isAuthenticated$ | async)) {\n<div class=\"p-3 flex items-center gap-1 border-b border-border-lighter\" [class.justify-center]=\"isCompactMode()\">\n  <div #avatar>\n    <axp-user-avatar [size]=\"48\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n  </div>\n  @if (!isCompactMode()) {\n  <div class=\"flex flex-col\">\n    <ax-title class=\"text-sm font-medium px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n  }\n</div>\n}\n" }]
+                    ], template: "@if((isAuthenticated$ | async)) {\n<div class=\"p-3 flex items-center gap-1 border-b border-border-lighter\" [class.justify-center]=\"isCompactMode()\">\n  <div #avatar>\n    <axp-user-avatar\n      [size]=\"48\"\n      [userId]=\"$safeNavigationMigration((user$ | async)?.id)!\"\n      [showPresence]=\"false\"\n    ></axp-user-avatar>\n  </div>\n  @if (!isCompactMode()) {\n  <div class=\"flex flex-col\">\n    <ax-title class=\"text-sm font-medium px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n  }\n</div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { profilePopover: [{
                 type: ViewChild,
                 args: ['profilePopover']
@@ -1566,7 +1615,7 @@ class AXMUserDeviceSessionsServiceImp extends AXMUserDeviceSessionsService {
         this.sessionService = inject(AXPSessionService);
         this.entityService = inject(AXPEntityService);
         this.deviceSessionsDataAccessor = this.entityService
-            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.deviceSessions.name)
+            .withEntity(RootConfig.module.name, RootConfig.entities.deviceSessions.name)
             .data();
         this.deviceSessionsService = inject(AXMDeviceSessionsService);
         this.settingsService = inject(AXPSettingsService);
@@ -1602,7 +1651,11 @@ class AXMUserDeviceSessionsServiceImp extends AXMUserDeviceSessionsService {
         return mostRecentSession;
     }
     async terminateSession(sessionId) {
-        await this.deviceSessionsDataAccessor.update(sessionId, { status: 'revoked' });
+        await this.deviceSessionsDataAccessor.update(sessionId, {
+            status: 'revoked',
+            loggedOutAt: new Date(),
+            isActiveSession: false,
+        });
         await this.showTerminateSuccessToast();
     }
     async terminateAllSession() {
@@ -1628,53 +1681,73 @@ class AXMUserDeviceSessionsServiceImp extends AXMUserDeviceSessionsService {
             timeOutProgress: true,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMUserDeviceSessionsServiceImp, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMUserDeviceSessionsServiceImp }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUserDeviceSessionsServiceImp, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUserDeviceSessionsServiceImp }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMUserDeviceSessionsServiceImp, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUserDeviceSessionsServiceImp, decorators: [{
             type: Injectable
         }] });
 
-const canActivateTenantChooser = async (route, state) => {
+//#region ----- Tenant chooser guard -----
+const canActivateTenantChooser = async (_route, _state) => {
     const sessionService = inject(AXPSessionService);
     const authStrategyRegistry = inject(AXPAuthStrategyRegistryService);
     const router = inject(Router);
     const strategyName = sessionService.getSessionData()?.strategy;
     const strategy = authStrategyRegistry.get(strategyName);
     if (!sessionService.user?.id) {
+        traceAuthGuard('Tenant chooser → login (no user)');
+        return router.createUrlTree(['/auth/login']);
+    }
+    if (!sessionService.hasSessionCredentials()) {
+        traceAuthGuard('Tenant chooser → login (no credentials)');
         return router.createUrlTree(['/auth/login']);
     }
-    const tenants = await firstValueFrom(sessionService.tenants$);
+    // Shared session cache — same ListTenants as tenants$ / chooser list.
+    const tenants = await sessionService.getTenantsList();
+    traceAuthGuard('Tenant chooser catalog', () => ({ count: tenants.length }));
     if (tenants.length === 0) {
-        await sessionService.signout();
         window.alert('You do not have any tenant assigned to your account and cannot use the site. Please contact your administrator.');
-        return router.createUrlTree(['/auth/login']);
+        // Stay on chooser rather than return false (cancels nav and sticks on prior login URL).
+        return true;
     }
     if (tenants.length === 1) {
         if (strategy && typeof strategy.updateToken === 'function') {
-            const updateContext = {
+            await sessionService.updateToken({
                 user: sessionService.user,
                 tenant: tenants[0],
-            };
-            await sessionService.updateToken(updateContext);
+            });
+            traceAuthGuard('Tenant chooser auto-bound single tenant → app chooser');
             return router.createUrlTree(['/auth/account/app-chooser']);
         }
-        return false;
+        return true;
     }
     return true;
 };
+//#endregion
 
-const canActivateAppChooser = async (route, state) => {
+//#region ----- App chooser guard -----
+const canActivateAppChooser = async (_route, _state) => {
     const sessionService = inject(AXPSessionService);
     const authStrategyRegistry = inject(AXPAuthStrategyRegistryService);
     const homePageService = inject(AXPHomePageService);
     const router = inject(Router);
     const strategyName = sessionService.getSessionData()?.strategy;
     const strategy = authStrategyRegistry.get(strategyName);
-    const apps = await firstValueFrom(sessionService.applications$);
+    if (!sessionService.tenant?.id) {
+        traceAuthGuard('App chooser → tenant chooser (no tenant)');
+        return router.createUrlTree(['/auth/account/tenant-chooser']);
+    }
+    if (!sessionService.hasSessionCredentials()) {
+        traceAuthGuard('App chooser → login (no credentials)');
+        return router.createUrlTree(['/auth/login']);
+    }
+    // Shared session cache — same ListApplications as applications$ / chooser list.
+    const apps = await sessionService.getApplicationsList();
+    traceAuthGuard('App chooser catalog', () => ({ count: apps.length }));
     if (apps.length === 0) {
-        await router.navigate(['/auth/login']);
-        return false;
+        // Show the chooser empty state instead of cancelling navigation (return false sticks on login).
+        return true;
     }
     if (apps.length === 1) {
         const tenantId = sessionService.tenant?.id;
@@ -1682,39 +1755,44 @@ const canActivateAppChooser = async (route, state) => {
             throw new Error('Tenant ID is missing. Please contact support.');
         }
         if (strategy && typeof strategy.updateToken === 'function') {
-            const updateContext = {
+            await sessionService.updateToken({
                 user: sessionService.user,
                 tenant: sessionService.tenant,
                 application: apps[0],
-            };
-            await sessionService.updateToken(updateContext);
-            return router.createUrlTree([homePageService.getCurrent().path]);
+            });
+            // Return UrlTree — never await router.navigate inside canActivate (deadlocks).
+            traceAuthGuard('App chooser auto-bound single app → home');
+            return homePageService.resolveAuthorizedHomeUrlTree();
         }
-        return false;
+        return true;
     }
+    // Stale application from a prior session must not mark the user Authorized on this screen.
+    sessionService.clearApplicationSelection();
+    traceAuthGuard('App chooser showing multi-app UI');
     return true;
 };
+//#endregion
 
 function routesFacory() {
     let routes = [];
     routes = [
         {
             path: 'tenant-chooser',
-            loadComponent: () => import('./acorex-platform-module-auth-client-tenant-chooser.component-B_9s4F36.mjs').then((c) => c.AXPAuthTenantChooserComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-tenant-chooser.component-CHmg7D5H.mjs').then((c) => c.AXPAuthTenantChooserComponent),
             canActivate: [AXPAuthGuard, canActivateTenantChooser],
         },
         {
             path: 'app-chooser',
-            loadComponent: () => import('./acorex-platform-module-auth-client-app-chooser.component-IPLp1kVv.mjs').then((c) => c.AXPAuthAppChooserComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-app-chooser.component-BVbu-f8h.mjs').then((c) => c.AXPAuthAppChooserComponent),
             canActivate: [AXPAuthGuard, canActivateAppChooser],
         },
     ];
     return routes;
 }
 class AXPAccountModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAccountModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXPAccountModule, imports: [RouterModule, i1$3.AXPComponentSlotModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAccountModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAccountModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXPAccountModule, imports: [RouterModule, i1$4.AXPComponentSlotModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAccountModule, providers: [
             {
                 provide: ROUTES,
                 multi: true,
@@ -1748,7 +1826,7 @@ class AXPAccountModule {
                 ],
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAccountModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAccountModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -1814,18 +1892,23 @@ class AXPIdleLockService {
     //#region ---- Constructor ----
     constructor() {
         //#region ---- State ----
-        this.locked = signal(false, ...(ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []));
-        this.idleTimeoutMs = signal(DEFAULT_LOCK_WHEN_IDLE_MINUTES * 60_000, ...(ngDevMode ? [{ debugName: "idleTimeoutMs" }] : /* istanbul ignore next */ []));
-        this.enabled = signal(false, ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
+        this.locked = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []));
+        this.idleTimeoutMs = signal(DEFAULT_LOCK_WHEN_IDLE_MINUTES * 60_000, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "idleTimeoutMs" }] : /* istanbul ignore next */ []));
+        this.enabled = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
         /** Whether manual or idle lock is available (Lock When Idle setting is enabled). */
         this.canLock = this.enabled.asReadonly();
-        this.storedPinCode = signal('', ...(ngDevMode ? [{ debugName: "storedPinCode" }] : /* istanbul ignore next */ []));
+        this.storedPinCode = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "storedPinCode" }] : /* istanbul ignore next */ []));
         this.lastActivityAt = Date.now();
         this.lastMouseMoveAt = 0;
         this.idleCheckTimerId = null;
         this.overlayRef = null;
         this.overlayOpening = false;
         this.enableTask = Promise.resolve();
+        this.pendingLockScreenOffer = false;
         //#endregion
         //#region ---- Services & Dependencies ----
         this.sessionService = inject(AXPSessionService);
@@ -1848,20 +1931,18 @@ class AXPIdleLockService {
             this.recordActivity();
         };
         this.sessionService.status$
-            .pipe(filter((status) => status === AXPSessionStatus.Authenticated ||
-            status === AXPSessionStatus.Authorized ||
+            .pipe(filter((status) => status === AXPSessionStatus.Authorized ||
             status === AXPSessionStatus.SignedOut ||
             status === AXPSessionStatus.Expired), takeUntilDestroyed(this.destroyRef))
             .subscribe((status) => {
-            const isActiveSession = status === AXPSessionStatus.Authenticated || status === AXPSessionStatus.Authorized;
-            if (isActiveSession) {
+            if (status === AXPSessionStatus.Authorized) {
                 void this.scheduleEnable();
                 return;
             }
             void this.handleInactiveSession(status);
         });
         afterNextRender(() => {
-            if (this.sessionService.isLocked()) {
+            if (this.sessionService.isLocked() && this.sessionService.isAuthorized) {
                 void this.scheduleEnable();
             }
         }, { injector: this.injector });
@@ -1883,7 +1964,7 @@ class AXPIdleLockService {
     }
     async verifyPassword(password) {
         const userId = this.sessionService.user?.id;
-        if (isNil(userId) || isEmpty(password)) {
+        if (isNil(userId) || isEmpty(password) || !this.canLoadUserSecurityFields()) {
             return false;
         }
         try {
@@ -1908,11 +1989,25 @@ class AXPIdleLockService {
     lockScreen() {
         this.lock();
     }
+    /** Marks that PIN setup succeeded so the caller can offer lock-screen activation. */
+    requestLockScreenOffer() {
+        this.pendingLockScreenOffer = true;
+    }
+    /** Returns whether PIN setup requested a lock-screen offer, then clears the flag. */
+    consumeLockScreenOffer() {
+        const pending = this.pendingLockScreenOffer;
+        this.pendingLockScreenOffer = false;
+        return pending;
+    }
     async refreshPinState() {
         if (!this.isOperational()) {
             this.storedPinCode.set('');
             return;
         }
+        if (!this.canLoadUserSecurityFields()) {
+            this.storedPinCode.set('');
+            return;
+        }
         const userId = this.sessionService.user?.id;
         if (isNil(userId)) {
             this.storedPinCode.set('');
@@ -1931,13 +2026,17 @@ class AXPIdleLockService {
             this.storedPinCode.set('');
         }
     }
+    /** Refreshes lock-when-idle settings only (no User entity fetch). Used by profile menu hooks. */
+    async refreshLockMenuState() {
+        await this.refreshConfiguration();
+    }
     /** Refreshes lock settings and PIN state for menu/commands. */
     async refreshLockState() {
         await this.refreshConfiguration();
         if (!this.isOperational()) {
             return;
         }
-        await this.refreshPinState();
+        await this.ensurePinStateLoaded();
     }
     /** Restores the lock overlay when the persisted session is locked. */
     restoreFromPersistedSession() {
@@ -1953,13 +2052,26 @@ class AXPIdleLockService {
             return;
         }
         const status = await firstValueFrom(this.sessionService.status$);
-        const isActiveSession = status === AXPSessionStatus.Authenticated || status === AXPSessionStatus.Authorized;
-        if (isActiveSession) {
+        if (status === AXPSessionStatus.Authorized) {
             await this.scheduleEnable();
         }
     }
     //#endregion
     //#region ---- Private Methods ----
+    /** PIN/password entity reads require a fully authorized app context, except when restoring a lock overlay. */
+    canLoadUserSecurityFields() {
+        return this.sessionService.isReadyForAppScopedApi || this.sessionService.isLocked();
+    }
+    async ensurePinStateLoaded() {
+        if (!this.isOperational()) {
+            this.storedPinCode.set('');
+            return;
+        }
+        if (!this.canLoadUserSecurityFields()) {
+            await firstValueFrom(this.sessionService.isReadyForAppScopedApi$.pipe(filter((ready) => ready), take(1)));
+        }
+        await this.refreshPinState();
+    }
     scheduleEnable() {
         this.enableTask = this.enableTask.then(() => this.runEnable());
         return this.enableTask;
@@ -1967,7 +2079,7 @@ class AXPIdleLockService {
     async runEnable() {
         await this.refreshConfiguration();
         if (this.sessionService.isLocked()) {
-            await this.refreshPinState();
+            await this.ensurePinStateLoaded();
             this.restoreLockedSession();
             return;
         }
@@ -1975,7 +2087,7 @@ class AXPIdleLockService {
             this.disable(false);
             return;
         }
-        await this.refreshPinState();
+        await this.ensurePinStateLoaded();
         this.resetUnlockedRuntimeState();
         this.attachActivityListeners();
         this.startIdleCheck();
@@ -2026,8 +2138,7 @@ class AXPIdleLockService {
     }
     async applyLockWhenIdleSettingChange() {
         const status = await firstValueFrom(this.sessionService.status$);
-        const isActiveSession = status === AXPSessionStatus.Authenticated || status === AXPSessionStatus.Authorized;
-        if (!isActiveSession) {
+        if (status !== AXPSessionStatus.Authorized) {
             return;
         }
         await this.scheduleEnable();
@@ -2064,7 +2175,7 @@ class AXPIdleLockService {
         this.overlayOpening = true;
         this.locked.set(true);
         try {
-            const { AXMSessionLockOverlayComponent: overlayComponent } = await import('./acorex-platform-module-auth-client-session-lock-overlay.component-CN1JqPBW.mjs');
+            const { AXMSessionLockOverlayComponent: overlayComponent } = await import('./acorex-platform-module-auth-client-session-lock-overlay.component-BhsTAmVe.mjs');
             const panelClasses = ['axm-session-lock-overlay-shell'];
             if (this.platform.isDark()) {
                 panelClasses.push('ax-dark');
@@ -2138,10 +2249,10 @@ class AXPIdleLockService {
         events.forEach((eventName) => document.removeEventListener(eventName, this.onActivity, true));
         document.removeEventListener('mousemove', this.onMouseMove, true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIdleLockService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIdleLockService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPIdleLockService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPIdleLockService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIdleLockService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPIdleLockService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -2152,12 +2263,27 @@ class AXPLogoEntitySyncService {
     constructor() {
         this.session = inject(AXPSessionService);
         this.logoRegistration = inject(AXPEntityLogoRegistrationService);
+        this.destroyRef = inject(DestroyRef);
+        this.syncGeneration = 0;
         combineLatest([this.session.isAuthorized$, this.session.tenant$])
-            .pipe(filter(([authorized]) => authorized), switchMap(() => from(this.syncEntityLogos())))
+            .pipe(distinctUntilChanged(([authorized, tenant], [previousAuthorized, previousTenant]) => authorized === previousAuthorized && tenant?.id === previousTenant?.id), switchMap(([authorized, tenant]) => {
+            if (!authorized || !tenant?.id || !this.session.getToken()) {
+                this.syncGeneration++;
+                return EMPTY;
+            }
+            const generation = this.syncGeneration;
+            return from(this.syncEntityLogos(generation));
+        }), takeUntilDestroyed(this.destroyRef))
             .subscribe();
     }
-    async syncEntityLogos() {
+    async syncEntityLogos(generation) {
+        if (!this.canSyncLogos() || generation !== this.syncGeneration) {
+            return;
+        }
         const tenants = await firstValueFrom(this.session.tenants$);
+        if (generation !== this.syncGeneration || !this.canSyncLogos()) {
+            return;
+        }
         this.logoRegistration.registerTenants(tenants.map((tenant) => ({
             id: tenant.id,
             title: tenant.title,
@@ -2167,16 +2293,22 @@ class AXPLogoEntitySyncService {
             return;
         }
         const applications = await firstValueFrom(this.session.applications$);
+        if (generation !== this.syncGeneration || !this.canSyncLogos()) {
+            return;
+        }
         this.logoRegistration.registerApplications(applications.map((application) => ({
             id: application.id,
             title: application.title,
             logoUrl: application.logoUrl,
         })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLogoEntitySyncService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLogoEntitySyncService, providedIn: 'root' }); }
+    canSyncLogos() {
+        return this.session.isAuthorized && !!this.session.getToken() && !!this.session.tenant?.id;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLogoEntitySyncService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLogoEntitySyncService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLogoEntitySyncService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLogoEntitySyncService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -2240,10 +2372,8 @@ const CoreProfileGroupsHookProvider = {
 const CoreProfileSectionsHookProvider = {
     key: PROFILE_PAGE_SECTIONS_HOOK,
     priority: 0,
-    execute: (payload) => ({
-        ...payload,
-        sections: [
-            ...payload.sections,
+    execute: (payload) => {
+        const contributed = [
             {
                 id: 'basic-info',
                 groupId: 'account',
@@ -2274,7 +2404,7 @@ const CoreProfileSectionsHookProvider = {
                         name: 'change-profile-photo',
                         title: '@auth:profile-page.sections.profile-photo.actions.manage',
                         icon: 'far fa-pen',
-                        command: { name: AXMAuthCommandKeys.Profile.ChangePhoto, options: { mode: 'manage' } },
+                        command: { name: AXMAuthCommandKeys.Profile.ChangePhoto },
                     },
                 ],
             },
@@ -2365,23 +2495,33 @@ const CoreProfileSectionsHookProvider = {
                 },
                 layout: { colSpan: 12 },
             },
-        ],
-    }),
+        ];
+        const matching = payload.groupId
+            ? contributed.filter((section) => section.groupId === payload.groupId)
+            : contributed;
+        return {
+            ...payload,
+            sections: [...payload.sections, ...matching],
+        };
+    },
 };
 //#endregion
 
 //#region ---- Security PIN section hook ----
-const SECURITY_PIN_SECTION_ID = 'security-pin';
+const SECURITY_PIN_SECTION_ID$1 = 'security-pin';
 /** Enriches the security PIN section with change/remove actions when a PIN exists. */
 const SecurityPinSectionHookProvider = {
     key: PROFILE_PAGE_SECTIONS_HOOK,
     priority: 10,
     execute: async (payload) => {
+        if (!isUserProfileSectionsGroupRequested(payload, 'security')) {
+            return payload;
+        }
         const hasPinCode = await loadHasPinCode();
         return {
             ...payload,
             sections: payload.sections.map((section) => {
-                if (section.id !== SECURITY_PIN_SECTION_ID) {
+                if (section.id !== SECURITY_PIN_SECTION_ID$1) {
                     return section;
                 }
                 return {
@@ -2422,7 +2562,7 @@ async function loadHasPinCode() {
     }
     try {
         const user = await entityService
-            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.users.name)
+            .withEntity(RootConfig.module.name, RootConfig.entities.users.name)
             .data()
             .byKey(userId);
         return !isEmpty(defaultTo(get(user, 'pinCode'), ''));
@@ -2468,16 +2608,34 @@ class AXPAuthPasswordChangeTrackingService {
     buildStorageKey(userId) {
         return `${STORAGE_KEY_PREFIX}${userId}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAuthPasswordChangeTrackingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAuthPasswordChangeTrackingService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthPasswordChangeTrackingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthPasswordChangeTrackingService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAuthPasswordChangeTrackingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthPasswordChangeTrackingService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
-//#region ---- Section ids ----
+//#region ----- Constants -----
 const CHANGE_PASSWORD_SECTION_ID = 'change-password';
+const PROFILE_SECTION_INSIGHTS_PATCH_METADATA_KEY = 'profileSectionInsightsPatch';
+//#endregion
+//#region ----- Password insight -----
+/** Builds the last-changed insight shown on the Change Password profile card. */
+function buildPasswordLastChangedInsights(lastChangedAt) {
+    return [
+        {
+            id: 'last-password-change',
+            icon: 'fa-light fa-fw fa-clock',
+            date: lastChangedAt,
+            datePrefix: '@auth:profile-page.sections.change-password.insights.last-changed',
+        },
+    ];
+}
+//#endregion
+
+//#region ---- Section ids ----
+const SECURITY_PIN_SECTION_ID = 'security-pin';
 const ACTIVE_SESSIONS_SECTION_ID = 'active-sessions';
 const LOGIN_HISTORY_SECTION_ID = 'login-history';
 //#endregion
@@ -2498,12 +2656,19 @@ class AXPUserProfileSecurityInsightsService {
         if (!userId) {
             return {};
         }
-        const sessions = await this.loadUserSessions(userId);
+        const [sessions, user] = await Promise.all([
+            this.loadUserSessions(userId),
+            this.loadCurrentUser(userId),
+        ]);
         const insightsBySectionId = {};
-        const passwordInsights = this.buildPasswordInsights(userId);
+        const passwordInsights = this.buildPasswordInsights(userId, user);
         if (!isEmpty(passwordInsights)) {
             insightsBySectionId[CHANGE_PASSWORD_SECTION_ID] = passwordInsights;
         }
+        const pinInsights = this.buildPinInsights(user);
+        if (!isEmpty(pinInsights)) {
+            insightsBySectionId[SECURITY_PIN_SECTION_ID] = pinInsights;
+        }
         const activeSessionInsights = await this.buildActiveSessionInsights(sessions);
         if (!isEmpty(activeSessionInsights)) {
             insightsBySectionId[ACTIVE_SESSIONS_SECTION_ID] = activeSessionInsights;
@@ -2516,17 +2681,40 @@ class AXPUserProfileSecurityInsightsService {
     }
     //#endregion
     //#region ---- Insight builders ----
-    buildPasswordInsights(userId) {
-        const lastChangedAt = this.passwordChangeTrackingService.getLastChangedAt(userId);
-        if (isNil(lastChangedAt)) {
-            return [];
+    buildPasswordInsights(userId, user) {
+        const lastChangedAt = this.parseValidDate(user?.passwordChangedAt) ??
+            this.passwordChangeTrackingService.getLastChangedAt(userId);
+        if (lastChangedAt) {
+            return buildPasswordLastChangedInsights(lastChangedAt);
         }
         return [
             {
                 id: 'last-password-change',
                 icon: 'fa-light fa-fw fa-clock',
-                date: lastChangedAt,
-                datePrefix: '@auth:profile-page.sections.change-password.insights.last-changed',
+                text: '@auth:profile-page.sections.change-password.insights.never-changed',
+            },
+        ];
+    }
+    buildPinInsights(user) {
+        const lastChangedAt = this.parseValidDate(user?.pinChangedAt);
+        if (lastChangedAt) {
+            return [
+                {
+                    id: 'last-pin-change',
+                    icon: 'fa-light fa-fw fa-clock',
+                    date: lastChangedAt,
+                    datePrefix: '@auth:profile-page.sections.security-pin.insights.last-changed',
+                },
+            ];
+        }
+        const hasPin = !isEmpty(defaultTo(get(user, 'pinCode'), ''));
+        return [
+            {
+                id: 'last-pin-change',
+                icon: 'fa-light fa-fw fa-clock',
+                text: hasPin
+                    ? '@auth:profile-page.sections.security-pin.insights.never-changed'
+                    : '@auth:profile-page.sections.security-pin.insights.not-set',
             },
         ];
     }
@@ -2585,9 +2773,21 @@ class AXPUserProfileSecurityInsightsService {
     }
     //#endregion
     //#region ---- Data loading ----
+    async loadCurrentUser(userId) {
+        try {
+            return await this.entityService
+                .withEntity(RootConfig.module.name, RootConfig.entities.users.name)
+                .data()
+                .byKey(userId);
+        }
+        catch (error) {
+            console.error('Failed to load user for profile security insights', error);
+            return null;
+        }
+    }
     async loadUserSessions(userId) {
         const response = await this.entityService
-            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.deviceSessions.name)
+            .withEntity(RootConfig.module.name, RootConfig.entities.deviceSessions.name)
             .data()
             .query({ skip: 0, take: 1000 });
         return (response.items ?? []).filter((item) => item.userId === userId);
@@ -2616,20 +2816,23 @@ class AXPUserProfileSecurityInsightsService {
             .filter(Boolean);
         return parts.join(' · ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPUserProfileSecurityInsightsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPUserProfileSecurityInsightsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPUserProfileSecurityInsightsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPUserProfileSecurityInsightsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPUserProfileSecurityInsightsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPUserProfileSecurityInsightsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
 //#region ---- Security sections insights hook ----
-/** Adds live security context (sessions, login, password) to profile section cards. */
+/** Adds live security context (sessions, login, password, PIN) to profile section cards. */
 const SecuritySectionsInsightsHookProvider = {
     key: PROFILE_PAGE_SECTIONS_HOOK,
     priority: 15,
     execute: async (payload) => {
+        if (!isUserProfileSectionsGroupRequested(payload, 'security')) {
+            return payload;
+        }
         const insightsService = inject(AXPUserProfileSecurityInsightsService);
         const insightsBySectionId = await insightsService.loadBySectionId();
         return {
@@ -2694,7 +2897,7 @@ const ProfileSlotMyProfileMenuHookProvider = {
                     command: {
                         name: 'navigate',
                         options: {
-                            path: `/${appName}/profile/account`,
+                            path: `/${appName}/profile`,
                         },
                     },
                 },
@@ -2711,7 +2914,7 @@ const ProfileSlotLockMenuHookProvider = {
     priority: 50,
     execute: async (payload) => {
         const idleLockService = inject(AXPIdleLockService);
-        await idleLockService.refreshLockState();
+        await idleLockService.refreshLockMenuState();
         if (!idleLockService.canLock()) {
             return payload;
         }
@@ -2733,69 +2936,42 @@ const ProfileSlotLockMenuHookProvider = {
 };
 //#endregion
 
-//#region ---- User avatar client middleware ----
-const USER_ENTITY = `${RootConfig$1.module.name}.${RootConfig$1.entities.users.name}`;
-const PERSON_ENTITY = `${RootConfig.module.name}.${RootConfig.entities.person.name}`;
-function collectUserRows(result) {
-    if (Array.isArray(result)) {
-        return result;
-    }
-    if (result && typeof result === 'object' && Array.isArray(result.items)) {
-        return result.items ?? [];
-    }
-    if (result && typeof result === 'object') {
-        return [result];
-    }
-    return [];
-}
-async function loadPersonImagesByUserIds(ctx, userIds) {
-    const imageByUserId = new Map();
-    if (!userIds.length) {
-        return imageByUserId;
-    }
-    try {
-        const response = await ctx.backend.query(PERSON_ENTITY, {
-            skip: 0,
-            take: userIds.length,
-            filter: { field: 'userId', operator: { type: 'in' }, value: userIds },
-        });
-        for (const item of response?.items ?? []) {
-            const person = item;
-            const userId = get(person, 'userId');
-            const image = normalizeAvatarRef(person['image']);
-            if (userId != null && image) {
-                imageByUserId.set(String(userId), image);
-            }
-        }
-    }
-    catch {
-        /* ignore hydration failures */
-    }
-    return imageByUserId;
-}
-/** Hydrates User.avatar from linked Person.image on read. */
-const userAvatarHydrateMiddleware = {
-    target: { ops: ['getOne', 'getAll', 'query'], order: 13 },
-    execute: async (ctx, next) => {
-        await next();
-        if (ctx.entityName !== USER_ENTITY) {
-            return;
-        }
-        const rows = collectUserRows(ctx.result);
-        const userIds = Array.from(new Set(rows.map((row) => get(row, 'id')).filter((id) => id != null).map(String)));
-        const imageByUserId = await loadPersonImagesByUserIds(ctx, userIds);
-        for (const row of rows) {
-            const userId = get(row, 'id');
-            if (userId == null) {
-                continue;
-            }
-            const personImage = imageByUserId.get(String(userId));
-            if (personImage) {
-                row['avatar'] = personImage;
-            }
-        }
-    },
+//#region ---- Profile slot presence menu hook ----
+/** Registers Available / Away / Busy entries in the profile dropdown. */
+const ProfileSlotPresenceMenuHookProvider = {
+    key: PROFILE_SLOT_MENU_ITEMS_HOOK,
+    priority: 40,
+    execute: (payload) => ({
+        ...payload,
+        items: [
+            ...payload.items,
+            {
+                name: 'presence-available',
+                title: '@auth:profile.presence-available',
+                icon: 'fa-solid fa-circle text-success',
+                break: { before: true },
+                command: { name: PRESENCE_SET_AVAILABILITY, options: { status: 'online' } },
+            },
+            {
+                name: 'presence-away',
+                title: '@auth:profile.presence-away',
+                icon: 'fa-solid fa-circle text-warning',
+                command: { name: PRESENCE_SET_AVAILABILITY, options: { status: 'away' } },
+            },
+            {
+                name: 'presence-busy',
+                title: '@auth:profile.presence-busy',
+                icon: 'fa-solid fa-circle text-danger',
+                break: { after: true },
+                command: { name: PRESENCE_SET_AVAILABILITY, options: { status: 'busy' } },
+            },
+        ],
+    }),
 };
+//#endregion
+
+//#region ---- User avatar client middleware ----
+const USER_ENTITY = `${RootConfig.module.name}.${RootConfig.entities.users.name}`;
 /** Refreshes avatar cache/session after user detail saves avatar. */
 const userAvatarCacheRefreshMiddleware = {
     target: { ops: ['update'], order: 95 },
@@ -2822,6 +2998,7 @@ const userAvatarCacheRefreshMiddleware = {
 //#endregion
 
 function profileRoutesFactory() {
+    const loadProfilePage = () => import('./acorex-platform-module-auth-client-profile-page.component-CdxseoJX.mjs').then((c) => c.AXMUserProfilePageComponent);
     return [
         {
             path: ':app/profile',
@@ -2831,12 +3008,12 @@ function profileRoutesFactory() {
             children: [
                 {
                     path: '',
-                    redirectTo: 'account',
-                    pathMatch: 'full',
+                    loadComponent: loadProfilePage,
+                    data: { reuse: true },
                 },
                 {
                     path: ':groupId',
-                    loadComponent: () => import('./acorex-platform-module-auth-client-profile-page.component-CJ9AA3ZN.mjs').then((c) => c.AXMUserProfilePageComponent),
+                    loadComponent: loadProfilePage,
                     data: { reuse: true },
                 },
             ],
@@ -2848,35 +3025,107 @@ class AXMAuthModule {
         inject(AXPIdleLockService);
         inject(AXPLogoEntitySyncService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthModule, imports: [CommonModule, i1$4.AXPCommonModule, i1$5.RouterModule, AXPAccountModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthModule, imports: [CommonModule, i1$5.AXPCommonModule, i1$6.RouterModule, AXPAccountModule,
             AXMAuthValidationRulesModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthModule, providers: [
-            provideAppInitializer(() => {
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthModule, providers: [
+            provideAppStartUpTask(() => {
                 const sessionService = inject(AXPSessionService);
                 const idleLockService = inject(AXPIdleLockService);
-                return (async () => {
-                    await firstValueFrom(sessionService.isLoading$.pipe(filter((loading) => !loading)));
-                    if (sessionService.isLocked()) {
-                        await idleLockService.restoreFromPersistedSession();
-                    }
-                })();
+                return {
+                    name: 'idle-lock-restore',
+                    priority: AXP_APP_STARTUP_PRIORITY.idleLockRestore,
+                    run: async () => {
+                        await firstValueFrom(sessionService.isLoading$.pipe(filter((loading) => !loading)));
+                        if (sessionService.isLocked() && sessionService.isAuthorized) {
+                            await idleLockService.restoreFromPersistedSession();
+                        }
+                    },
+                };
+            }),
+            provideAppStartUpTask(() => {
+                const loadState = inject(AXPPlatformSettingsLoadState);
+                const offlineBootstrap = inject(AXPPlatformSettingsOfflineBootstrapService);
+                const router = inject(Router);
+                const location = inject(Location);
+                const appRef = inject(ApplicationRef);
+                return {
+                    name: 'platform-settings-failure-redirect',
+                    priority: AXP_APP_STARTUP_PRIORITY.platformSettingsFailureRedirect,
+                    run: async () => {
+                        if (!loadState.hasFailure() && !loadState.hasPendingOfflineContinue()) {
+                            return;
+                        }
+                        const goUnavailable = () => {
+                            if (!loadState.hasFailure()) {
+                                return;
+                            }
+                            if (router.url.startsWith('/auth/unavailable')) {
+                                return;
+                            }
+                            void router.navigateByUrl('/auth/unavailable', { replaceUrl: true });
+                        };
+                        const whenStable = () => firstValueFrom(appRef.isStable.pipe(filter((stable) => stable), take(1), timeout({ first: 10_000 }))).catch(() => undefined);
+                        // Never await router.navigate during APP_INITIALIZER — it does not resolve and freezes splash.
+                        if (loadState.hasFailure()) {
+                            location.replaceState('/auth/unavailable');
+                            const navGuard = router.events
+                                .pipe(filter((event) => event instanceof NavigationStart))
+                                .subscribe((event) => {
+                                if (!loadState.hasFailure()) {
+                                    navGuard.unsubscribe();
+                                    return;
+                                }
+                                if (!event.url.startsWith('/auth/unavailable')) {
+                                    goUnavailable();
+                                }
+                            });
+                            queueMicrotask(goUnavailable);
+                            void whenStable().then(() => {
+                                navGuard.unsubscribe();
+                                goUnavailable();
+                            });
+                            return;
+                        }
+                        // Offline confirm needs the root ViewContainerRef — confirmAndContinueOffline waits for that
+                        // (not full isStable, which delays the dialog while the zone stays busy).
+                        queueMicrotask(() => {
+                            void (async () => {
+                                if (!loadState.hasPendingOfflineContinue()) {
+                                    return;
+                                }
+                                let continued = false;
+                                try {
+                                    continued = await offlineBootstrap.confirmAndContinueOffline();
+                                }
+                                catch (error) {
+                                    console.error('Offline continue confirm failed', error);
+                                }
+                                if (!continued) {
+                                    loadState.setFailure(loadState.consumePendingBootstrapError() ?? 'Platform settings unavailable');
+                                    location.replaceState('/auth/unavailable');
+                                    goUnavailable();
+                                }
+                            })();
+                        });
+                    },
+                };
             }),
             AXMAuthErrorHandler,
             provideLazyProvider(AXP_MENU_PROVIDER, () => import('./acorex-platform-module-auth-client-menu.provider-Bz-kRip4.mjs').then(m => m.AXMSecurityManagementModuleMenuProvider)),
-            provideLazyProvider(AXP_SETTING_DEFINITION_PROVIDER, () => import('./acorex-platform-module-auth-client-settings.provider-n1qbs6e1.mjs').then(m => m.AXMSettingProvider)),
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-Dhmzo4ME.mjs').then((module) => module.AXMProfilePageComponentProvider)),
-            provideLazyProvider(AXP_DATASOURCE_DEFINITION_PROVIDER, () => Promise.resolve().then(function () { return datasource_provider; }).then((m) => m.AXMAuthDataSourceProvider)),
+            provideLazyProvider(AXP_SETTING_DEFINITION_PROVIDER, () => import('./acorex-platform-module-auth-client-settings.provider-Yaoz8yp3.mjs').then(m => m.AXMSettingProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-6lNx6bKI.mjs').then((module) => module.AXMProfilePageComponentProvider)),
+            provideQuerySetups([
+                {
+                    key: 'Auth:GetUserActivity',
+                    loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-BTpibxe9.mjs').then((c) => c.AXMGetUserActivityQuery),
+                },
+            ]),
             {
                 provide: ROUTES,
                 multi: true,
                 useFactory: profileRoutesFactory,
             },
-            {
-                provide: AXP_ENTITY_STORAGE_MIDDLEWARE,
-                multi: true,
-                useValue: userAvatarHydrateMiddleware,
-            },
             {
                 provide: AXP_ENTITY_STORAGE_MIDDLEWARE,
                 multi: true,
@@ -2885,51 +3134,51 @@ class AXMAuthModule {
             provideCommandSetups([
                 {
                     key: AXMAuthCommandKeys.Profile.Show,
-                    command: () => import('./acorex-platform-module-auth-client-show-profile-command-CxMz1yy-.mjs').then((c) => c.AXPShowProfileCommand),
+                    command: () => import('./acorex-platform-module-auth-client-show-profile-command-BWoDxIdx.mjs').then((c) => c.AXPShowProfileCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Session.Signout,
-                    command: () => import('./acorex-platform-module-auth-client-signout-command-DqqrP5pk.mjs').then((c) => c.AXPSignoutCommand),
+                    command: () => import('./acorex-platform-module-auth-client-signout-command-B7n_Fn4P.mjs').then((c) => c.AXPSignoutCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Session.OpenSessions,
-                    command: () => import('./acorex-platform-module-auth-client-open-sessions.command-BsS9b6Xk.mjs').then((c) => c.AXPOpenSessionsCommand),
+                    command: () => import('./acorex-platform-module-auth-client-open-sessions.command-LZKM9fgo.mjs').then((c) => c.AXPOpenSessionsCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Session.LockScreen,
-                    command: () => import('./acorex-platform-module-auth-client-lock-screen.command-PMoJJxe7.mjs').then((c) => c.AXPLockScreenCommand),
+                    command: () => import('./acorex-platform-module-auth-client-lock-screen.command-Br9O4b5c.mjs').then((c) => c.AXPLockScreenCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Profile.ChangePhoto,
-                    command: () => import('./acorex-platform-module-auth-client-change-photo.command-BcNq9mTU.mjs').then((c) => c.AXPChangePhotoCommand),
+                    command: () => import('./acorex-platform-module-auth-client-change-photo.command-CYGqrJV0.mjs').then((c) => c.AXPChangePhotoCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Profile.EditAccountInfo,
-                    command: () => import('./acorex-platform-module-auth-client-edit-account-info.command-B-mVlXxg.mjs').then((c) => c.AXPEditAccountInfoCommand),
+                    command: () => import('./acorex-platform-module-auth-client-edit-account-info.command-CD9IrimO.mjs').then((c) => c.AXPEditAccountInfoCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ChangePassword,
-                    command: () => import('./acorex-platform-module-auth-client-change-password.command-O8Mgxoqj.mjs').then((c) => c.AXPChangePasswordCommand),
+                    command: () => import('./acorex-platform-module-auth-client-change-password.command-DIM_d7RO.mjs').then((c) => c.AXPChangePasswordCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.SetPinCode,
-                    command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-mBEdso1T.mjs').then((c) => c.AXPSetPinCodeCommand),
+                    command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-BJT7F-xz.mjs').then((c) => c.AXPSetPinCodeCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.RemovePinCode,
-                    command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-qtswigkv.mjs').then((c) => c.AXPRemovePinCodeCommand),
+                    command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-uK04-h15.mjs').then((c) => c.AXPRemovePinCodeCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ViewLoginHistory,
-                    command: () => import('./acorex-platform-module-auth-client-view-login-history.command-B42BHIAL.mjs').then((c) => c.AXPViewLoginHistoryCommand),
+                    command: () => import('./acorex-platform-module-auth-client-view-login-history.command-ovj5rdHL.mjs').then((c) => c.AXPViewLoginHistoryCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.EditSignature,
-                    command: () => import('./acorex-platform-module-auth-client-edit-signature.command-CcTJJwAX.mjs').then((c) => c.AXPEditSignatureCommand),
+                    command: () => import('./acorex-platform-module-auth-client-edit-signature.command-TjOLhvKL.mjs').then((c) => c.AXPEditSignatureCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Profile.ComingSoon,
-                    command: () => import('./acorex-platform-module-auth-client-profile-coming-soon.command-DBbFbzAx.mjs').then((c) => c.AXPProfileComingSoonCommand),
+                    command: () => import('./acorex-platform-module-auth-client-profile-coming-soon.command-Crh2GsRA.mjs').then((c) => c.AXPProfileComingSoonCommand),
                 },
             ]),
             {
@@ -2947,6 +3196,11 @@ class AXMAuthModule {
                 useValue: ProfileSlotLockMenuHookProvider,
                 multi: true,
             },
+            {
+                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                useValue: ProfileSlotPresenceMenuHookProvider,
+                multi: true,
+            },
             {
                 provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
                 useValue: CoreProfileGroupsHookProvider,
@@ -2973,7 +3227,7 @@ class AXMAuthModule {
             AXPAccountModule,
             AXMAuthValidationRulesModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2984,31 +3238,103 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXMAuthValidationRulesModule,
                     ],
                     providers: [
-                        provideAppInitializer(() => {
+                        provideAppStartUpTask(() => {
                             const sessionService = inject(AXPSessionService);
                             const idleLockService = inject(AXPIdleLockService);
-                            return (async () => {
-                                await firstValueFrom(sessionService.isLoading$.pipe(filter((loading) => !loading)));
-                                if (sessionService.isLocked()) {
-                                    await idleLockService.restoreFromPersistedSession();
-                                }
-                            })();
+                            return {
+                                name: 'idle-lock-restore',
+                                priority: AXP_APP_STARTUP_PRIORITY.idleLockRestore,
+                                run: async () => {
+                                    await firstValueFrom(sessionService.isLoading$.pipe(filter((loading) => !loading)));
+                                    if (sessionService.isLocked() && sessionService.isAuthorized) {
+                                        await idleLockService.restoreFromPersistedSession();
+                                    }
+                                },
+                            };
+                        }),
+                        provideAppStartUpTask(() => {
+                            const loadState = inject(AXPPlatformSettingsLoadState);
+                            const offlineBootstrap = inject(AXPPlatformSettingsOfflineBootstrapService);
+                            const router = inject(Router);
+                            const location = inject(Location);
+                            const appRef = inject(ApplicationRef);
+                            return {
+                                name: 'platform-settings-failure-redirect',
+                                priority: AXP_APP_STARTUP_PRIORITY.platformSettingsFailureRedirect,
+                                run: async () => {
+                                    if (!loadState.hasFailure() && !loadState.hasPendingOfflineContinue()) {
+                                        return;
+                                    }
+                                    const goUnavailable = () => {
+                                        if (!loadState.hasFailure()) {
+                                            return;
+                                        }
+                                        if (router.url.startsWith('/auth/unavailable')) {
+                                            return;
+                                        }
+                                        void router.navigateByUrl('/auth/unavailable', { replaceUrl: true });
+                                    };
+                                    const whenStable = () => firstValueFrom(appRef.isStable.pipe(filter((stable) => stable), take(1), timeout({ first: 10_000 }))).catch(() => undefined);
+                                    // Never await router.navigate during APP_INITIALIZER — it does not resolve and freezes splash.
+                                    if (loadState.hasFailure()) {
+                                        location.replaceState('/auth/unavailable');
+                                        const navGuard = router.events
+                                            .pipe(filter((event) => event instanceof NavigationStart))
+                                            .subscribe((event) => {
+                                            if (!loadState.hasFailure()) {
+                                                navGuard.unsubscribe();
+                                                return;
+                                            }
+                                            if (!event.url.startsWith('/auth/unavailable')) {
+                                                goUnavailable();
+                                            }
+                                        });
+                                        queueMicrotask(goUnavailable);
+                                        void whenStable().then(() => {
+                                            navGuard.unsubscribe();
+                                            goUnavailable();
+                                        });
+                                        return;
+                                    }
+                                    // Offline confirm needs the root ViewContainerRef — confirmAndContinueOffline waits for that
+                                    // (not full isStable, which delays the dialog while the zone stays busy).
+                                    queueMicrotask(() => {
+                                        void (async () => {
+                                            if (!loadState.hasPendingOfflineContinue()) {
+                                                return;
+                                            }
+                                            let continued = false;
+                                            try {
+                                                continued = await offlineBootstrap.confirmAndContinueOffline();
+                                            }
+                                            catch (error) {
+                                                console.error('Offline continue confirm failed', error);
+                                            }
+                                            if (!continued) {
+                                                loadState.setFailure(loadState.consumePendingBootstrapError() ?? 'Platform settings unavailable');
+                                                location.replaceState('/auth/unavailable');
+                                                goUnavailable();
+                                            }
+                                        })();
+                                    });
+                                },
+                            };
                         }),
                         AXMAuthErrorHandler,
                         provideLazyProvider(AXP_MENU_PROVIDER, () => import('./acorex-platform-module-auth-client-menu.provider-Bz-kRip4.mjs').then(m => m.AXMSecurityManagementModuleMenuProvider)),
-                        provideLazyProvider(AXP_SETTING_DEFINITION_PROVIDER, () => import('./acorex-platform-module-auth-client-settings.provider-n1qbs6e1.mjs').then(m => m.AXMSettingProvider)),
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-Dhmzo4ME.mjs').then((module) => module.AXMProfilePageComponentProvider)),
-                        provideLazyProvider(AXP_DATASOURCE_DEFINITION_PROVIDER, () => Promise.resolve().then(function () { return datasource_provider; }).then((m) => m.AXMAuthDataSourceProvider)),
+                        provideLazyProvider(AXP_SETTING_DEFINITION_PROVIDER, () => import('./acorex-platform-module-auth-client-settings.provider-Yaoz8yp3.mjs').then(m => m.AXMSettingProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-6lNx6bKI.mjs').then((module) => module.AXMProfilePageComponentProvider)),
+                        provideQuerySetups([
+                            {
+                                key: 'Auth:GetUserActivity',
+                                loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-BTpibxe9.mjs').then((c) => c.AXMGetUserActivityQuery),
+                            },
+                        ]),
                         {
                             provide: ROUTES,
                             multi: true,
                             useFactory: profileRoutesFactory,
                         },
-                        {
-                            provide: AXP_ENTITY_STORAGE_MIDDLEWARE,
-                            multi: true,
-                            useValue: userAvatarHydrateMiddleware,
-                        },
                         {
                             provide: AXP_ENTITY_STORAGE_MIDDLEWARE,
                             multi: true,
@@ -3017,51 +3343,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         provideCommandSetups([
                             {
                                 key: AXMAuthCommandKeys.Profile.Show,
-                                command: () => import('./acorex-platform-module-auth-client-show-profile-command-CxMz1yy-.mjs').then((c) => c.AXPShowProfileCommand),
+                                command: () => import('./acorex-platform-module-auth-client-show-profile-command-BWoDxIdx.mjs').then((c) => c.AXPShowProfileCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Session.Signout,
-                                command: () => import('./acorex-platform-module-auth-client-signout-command-DqqrP5pk.mjs').then((c) => c.AXPSignoutCommand),
+                                command: () => import('./acorex-platform-module-auth-client-signout-command-B7n_Fn4P.mjs').then((c) => c.AXPSignoutCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Session.OpenSessions,
-                                command: () => import('./acorex-platform-module-auth-client-open-sessions.command-BsS9b6Xk.mjs').then((c) => c.AXPOpenSessionsCommand),
+                                command: () => import('./acorex-platform-module-auth-client-open-sessions.command-LZKM9fgo.mjs').then((c) => c.AXPOpenSessionsCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Session.LockScreen,
-                                command: () => import('./acorex-platform-module-auth-client-lock-screen.command-PMoJJxe7.mjs').then((c) => c.AXPLockScreenCommand),
+                                command: () => import('./acorex-platform-module-auth-client-lock-screen.command-Br9O4b5c.mjs').then((c) => c.AXPLockScreenCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Profile.ChangePhoto,
-                                command: () => import('./acorex-platform-module-auth-client-change-photo.command-BcNq9mTU.mjs').then((c) => c.AXPChangePhotoCommand),
+                                command: () => import('./acorex-platform-module-auth-client-change-photo.command-CYGqrJV0.mjs').then((c) => c.AXPChangePhotoCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Profile.EditAccountInfo,
-                                command: () => import('./acorex-platform-module-auth-client-edit-account-info.command-B-mVlXxg.mjs').then((c) => c.AXPEditAccountInfoCommand),
+                                command: () => import('./acorex-platform-module-auth-client-edit-account-info.command-CD9IrimO.mjs').then((c) => c.AXPEditAccountInfoCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.ChangePassword,
-                                command: () => import('./acorex-platform-module-auth-client-change-password.command-O8Mgxoqj.mjs').then((c) => c.AXPChangePasswordCommand),
+                                command: () => import('./acorex-platform-module-auth-client-change-password.command-DIM_d7RO.mjs').then((c) => c.AXPChangePasswordCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.SetPinCode,
-                                command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-mBEdso1T.mjs').then((c) => c.AXPSetPinCodeCommand),
+                                command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-BJT7F-xz.mjs').then((c) => c.AXPSetPinCodeCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.RemovePinCode,
-                                command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-qtswigkv.mjs').then((c) => c.AXPRemovePinCodeCommand),
+                                command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-uK04-h15.mjs').then((c) => c.AXPRemovePinCodeCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.ViewLoginHistory,
-                                command: () => import('./acorex-platform-module-auth-client-view-login-history.command-B42BHIAL.mjs').then((c) => c.AXPViewLoginHistoryCommand),
+                                command: () => import('./acorex-platform-module-auth-client-view-login-history.command-ovj5rdHL.mjs').then((c) => c.AXPViewLoginHistoryCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.EditSignature,
-                                command: () => import('./acorex-platform-module-auth-client-edit-signature.command-CcTJJwAX.mjs').then((c) => c.AXPEditSignatureCommand),
+                                command: () => import('./acorex-platform-module-auth-client-edit-signature.command-TjOLhvKL.mjs').then((c) => c.AXPEditSignatureCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Profile.ComingSoon,
-                                command: () => import('./acorex-platform-module-auth-client-profile-coming-soon.command-DBbFbzAx.mjs').then((c) => c.AXPProfileComingSoonCommand),
+                                command: () => import('./acorex-platform-module-auth-client-profile-coming-soon.command-Crh2GsRA.mjs').then((c) => c.AXPProfileComingSoonCommand),
                             },
                         ]),
                         {
@@ -3079,6 +3405,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             useValue: ProfileSlotLockMenuHookProvider,
                             multi: true,
                         },
+                        {
+                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            useValue: ProfileSlotPresenceMenuHookProvider,
+                            multi: true,
+                        },
                         {
                             provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
                             useValue: CoreProfileGroupsHookProvider,
@@ -3111,18 +3442,19 @@ const AUTH_LOGIN_EXTERNAL_PROVIDERS_SLOT = 'auth-login-external-providers';
 class AXPLoginExternalProvidersComponent {
     constructor() {
         this.slotName = AUTH_LOGIN_EXTERNAL_PROVIDERS_SLOT;
-        this.slot = viewChild(AXPComponentSlotDirective, ...(ngDevMode ? [{ debugName: "slot" }] : /* istanbul ignore next */ []));
+        this.slot = viewChild(AXPComponentSlotDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "slot" }] : /* istanbul ignore next */ []));
     }
     hasContent() {
         const slot = this.slot();
         return !!slot && !slot.isEmpty();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLoginExternalProvidersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXPLoginExternalProvidersComponent, isStandalone: true, selector: "axm-login-external-providers", viewQueries: [{ propertyName: "slot", first: true, predicate: AXPComponentSlotDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<axp-component-slot\n  class=\"flex flex-col gap-2 w-full mt-6\"\n  #slot=\"slot\"\n  [name]=\"slotName\"\n  [host]=\"this\"\n></axp-component-slot>\n", dependencies: [{ kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i1$3.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name", "host", "context"], exportAs: ["slot"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLoginExternalProvidersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: AXPLoginExternalProvidersComponent, isStandalone: true, selector: "axm-login-external-providers", viewQueries: [{ propertyName: "slot", first: true, predicate: AXPComponentSlotDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<axp-component-slot\n  class=\"flex flex-col gap-2 w-full mt-0 lg:mt-2\"\n  #slot=\"slot\"\n  [name]=\"slotName\"\n  [host]=\"this\"\n></axp-component-slot>\n", dependencies: [{ kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i1$4.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name", "host", "context"], exportAs: ["slot"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLoginExternalProvidersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLoginExternalProvidersComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-login-external-providers', imports: [AXPComponentSlotModule], template: "<axp-component-slot\n  class=\"flex flex-col gap-2 w-full mt-6\"\n  #slot=\"slot\"\n  [name]=\"slotName\"\n  [host]=\"this\"\n></axp-component-slot>\n" }]
+            args: [{ selector: 'axm-login-external-providers', changeDetection: ChangeDetectionStrategy.Eager, imports: [AXPComponentSlotModule], template: "<axp-component-slot\n  class=\"flex flex-col gap-2 w-full mt-0 lg:mt-2\"\n  #slot=\"slot\"\n  [name]=\"slotName\"\n  [host]=\"this\"\n></axp-component-slot>\n" }]
         }], propDecorators: { slot: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPComponentSlotDirective), { isSignal: true }] }] } });
 
 //#endregion
@@ -3142,7 +3474,7 @@ class AXPLoginHistoryService {
             return [];
         }
         const response = await this.entityService
-            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.deviceSessions.name)
+            .withEntity(RootConfig.module.name, RootConfig.entities.deviceSessions.name)
             .data()
             .query({ skip: 0, take: 1000 });
         const items = response.items ?? [];
@@ -3158,10 +3490,10 @@ class AXPLoginHistoryService {
             lastLoginDate: item.lastLoginDate,
         })), [(entry) => new Date(entry.lastLoginDate).getTime()], ['desc']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLoginHistoryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLoginHistoryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLoginHistoryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLoginHistoryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLoginHistoryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLoginHistoryService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -3170,5 +3502,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMUserDeviceSessionsService as A, AXMAuthDataSourceProvider as B, AXMAuthErrorHandler as C, AXMAuthModule as D, AXMDefaultAuthConfigs as E, AXMUserActivityDataSourceDefinition as F, aggregateDailySessionCounts as G, buildUserActivityDataSourceItem as H, buildUserActivityWeeks as I, canActivateLogin as J, computeUserActivityStats as K, configAuthModule as L, countToActivityLevel as M, extractUserActivityEndDate as N, extractUserActivityStartDate as O, PROFILE_PAGE_GROUPS_HOOK as P, extractUserActivityUserId as Q, isUserProfileGroupComponent as R, PROFILE_PAGE_SECTIONS_HOOK as a, PROFILE_PAGE_HEADER_META_HOOK as b, resolveUserProfileSectionContent as c, PROFILE_ACTIVITY_CHART_COMPONENT_KEY as d, PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY as e, AXPIdleLockService as f, AXPUserAvatarSyncService as g, AXPAuthPasswordComplexityService as h, AXPAuthPasswordChangeTrackingService as i, getPasswordComplexityHintKey as j, getPasswordComplexityValidationMessageKey as k, validatePasswordAgainstComplexity as l, AXPLoginHistoryService as m, AXM_AUTH_CONFIG_TOKEN as n, AXM_LOGIN_GUARD_TOKEN as o, AXMAuthenticationTypes as p, AXPTenantChooserListComponent as q, resolveDefaultUserProfileSectionAction as r, AXPTenantChooserDropdownComponent as s, AXPAppChooserListComponent as t, resolveDefaultUserActivityDateRange as u, visibleUserProfileSectionActions as v, formatCompactActivityCount as w, AXPLoginExternalProvidersComponent as x, AUTH_LOGIN_EXTERNAL_PROVIDERS_SLOT as y, AUTH_USER_ACTIVITY_DEFAULT_WEEKS as z };
-//# sourceMappingURL=acorex-platform-module-auth-client-acorex-platform-module-auth-client-mW7tx8C0.mjs.map
+export { AXMUserDeviceSessionsService as A, AXMAuthenticationTypes as B, CHANGE_PASSWORD_SECTION_ID as C, AUTH_LOGIN_EXTERNAL_PROVIDERS_SLOT as D, AUTH_USER_ACTIVITY_DEFAULT_WEEKS as E, AXMAuthErrorHandler as F, AXMAuthModule as G, AXMDefaultAuthConfigs as H, AXM_AUTH_CONFIG_TOKEN as I, aggregateDailySessionCounts as J, buildUserActivityWeeks as K, canActivateLogin as L, computeUserActivityStats as M, configAuthModule as N, countToActivityLevel as O, PROFILE_PAGE_GROUPS_HOOK as P, extractUserActivityEndDate as Q, extractUserActivityStartDate as R, extractUserActivityUserId as S, isUserProfileGroupComponent as T, isUserProfileSectionsGroupRequested as U, parseAuthCredentialType as V, PROFILE_PAGE_SECTIONS_HOOK as a, PROFILE_PAGE_HEADER_META_HOOK as b, resolveUserProfileSectionContent as c, PROFILE_SECTION_INSIGHTS_PATCH_METADATA_KEY as d, PROFILE_ACTIVITY_CHART_COMPONENT_KEY as e, PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY as f, resolveDefaultUserActivityDateRange as g, buildUserActivityDataSourceItem as h, AXPIdleLockService as i, AXPUserAvatarSyncService as j, AXPAuthPasswordComplexityService as k, AXPAuthPasswordChangeTrackingService as l, getPasswordComplexityHintKey as m, getPasswordComplexityValidationMessageKey as n, validatePasswordAgainstComplexity as o, buildPasswordLastChangedInsights as p, AXPLoginHistoryService as q, resolveDefaultUserProfileSectionAction as r, AXMAuthPlatformSettingsService as s, AXM_LOGIN_GUARD_TOKEN as t, AXPTenantChooserListComponent as u, visibleUserProfileSectionActions as v, AXPTenantChooserDropdownComponent as w, AXPAppChooserListComponent as x, formatCompactActivityCount as y, AXPLoginExternalProvidersComponent as z };
+//# sourceMappingURL=acorex-platform-module-auth-client-acorex-platform-module-auth-client-CYmUn-lw.mjs.map