@acorex-platform/module-auth-client 0.0.38 → 0.0.46

package/fesm2022/{acorex-platform-module-auth-client-acorex-platform-module-auth-client-CRl74b8g.mjs → acorex-platform-module-auth-client-acorex-platform-module-auth-client-DXunSlPC.mjs}

@@ -1,30 +1,30 @@
 import * as i1$4 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 { AXPFileStorageService, AXPHomePageService, AXPPlatformSettingsLoadState, AXPSettingsService, AXPDataProvider, AXPCommonSettings, AXPSettingDefinitionProviderService, AXP_PROTECTED_ROUTE_GUARDS, AXPCommonModule, AXPPlatformSettingsOfflineBootstrapService, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/common';
 import { AXPSessionService, AXPUnauthorizedError, AXPUnauthenticatedError, AXPAuthStrategyRegistryService, storeSessionLimitPendingTenant, isMaxActiveDeviceSessionsError, 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, coerceUnknownToTrimmedString, AXPPlatformScope, AXPKeyboardShortcutPriority, verifyPassword } from '@acorex-platform/framework-shared/core';
-import { RootConfig, AXMSessionStatusTypes, AXPSecurityManagementFeatureKeys } from '@acorex-platform/module-security-management-client/contracts';
+import { AXPFileStorageStatus, coerceUnknownToTrimmedString, AXPPlatformScope, AXPKeyboardShortcutPriority, AXPRegionalSetting, verifyPassword, runtimeCommandPayloadData } from '@acorex-platform/framework-shared/core';
+import { RootConfig, AXMSessionStatusTypes, AXPSecurityManagementFeatureKeys, AXMSecurityManagementServerCommands } 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, Input, DestroyRef, ViewEncapsulation, ViewChild, Injector, afterNextRender, NgZone, ApplicationRef } from '@angular/core';
-import { AXPLayoutThemeService, AXPMenuVerticalMode } from '@acorex-platform/framework-client/themes/shared';
+import { AXPLayoutThemeService, AXPMenuVerticalMode, AXPThemeLayoutSetting } from '@acorex-platform/framework-client/themes/shared';
 import { HttpErrorResponse } from '@angular/common/http';
-import * as i1$5 from '@angular/router';
+import * as i6$1 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 { isNil, isString, orderBy, isEmpty, get, defaultTo } from 'lodash';
 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, provideAppStartUpTask, AXP_APP_STARTUP_PRIORITY, provideLazyProvider, AXPComponentSlotDirective } from '@acorex-platform/framework-client/core';
+import { axpApplicationLogoKey, AXPEntityLogoRegistrationService, AXPLogoComponent, axpTenantLogoKey, AXPHookService, AXPKeyboardShortcutRegistry, AXPDeviceService, chordToKbdItemKeys, getPrimaryKeyboardShortcutChord, normalizeKeyboardShortcuts, AXPComponentSlotModule, AXPAppStartUpService, AXP_APP_STARTUP_PRIORITY, AXP_HOOK_PROVIDER, provideAppStartUpTask, 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 i5 from '@angular/common';
+import * as i3$1 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 * as i2$2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i2$1 from '@acorex/components/popover';
 import { AXPopoverModule } from '@acorex/components/popover';
@@ -36,7 +36,7 @@ import * as i2 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import * as i3 from '@acorex/components/skeleton';
 import { AXSkeletonModule } from '@acorex/components/skeleton';
-import * as i5$1 from '@acorex/core/translation';
+import * as i5 from '@acorex/core/translation';
 import { AXTranslationModule, AXTranslationService, resolveMultiLanguageString } from '@acorex/core/translation';
 import { AXAvatarModule } from '@acorex/components/avatar';
 import { AXImageModule } from '@acorex/components/image';
@@ -46,6 +46,7 @@ import { AXSearchBoxModule } from '@acorex/components/search-box';
 import * as i1$2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXToastService } from '@acorex/components/toast';
+import { AXPLayoutBuilderService } from '@acorex-platform/framework-client/layout/builder';
 import { AXOverlayService } from '@acorex/cdk/overlay';
 import { AXPlatform } from '@acorex/core/platform';
 import { PRESENCE_SET_AVAILABILITY } from '@acorex-platform/framework-shared/runtime';
@@ -990,36 +991,46 @@ const routes = [
             },
             {
                 path: 'unavailable',
-                loadComponent: () => import('./acorex-platform-module-auth-client-platform-settings-unavailable.component-BJMtsa99.mjs').then((c) => c.AXMPlatformSettingsUnavailableComponent),
+                loadComponent: () => import('./acorex-platform-module-auth-client-platform-settings-unavailable.component-LwuokJiZ.mjs').then((c) => c.AXMPlatformSettingsUnavailableComponent),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-D7zUm7aL.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-login.module-CXl61yOu.mjs').then((c) => c.AXPSignInModule),
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-hYj9JwHA.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                children: [
+                    {
+                        path: 'install',
+                        loadComponent: () => import('./acorex-platform-module-auth-client-pwa-install.component-DnDHvNsF.mjs').then((c) => c.AXMPwaInstallComponent),
+                    },
+                ],
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-D7zUm7aL.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-two-factor.module-CI8KC5M_.mjs').then((c) => c.AXPTwoFactorModule),
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-hYj9JwHA.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-platform-module-auth-client-login.module-DasQfX02.mjs').then((c) => c.AXPSignInModule),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-D7zUm7aL.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-routes-B6iJHJ60.mjs').then((c) => c),
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-hYj9JwHA.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-platform-module-auth-client-two-factor.module-DoghMqeQ.mjs').then((c) => c.AXPTwoFactorModule),
+            },
+            {
+                path: '',
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-hYj9JwHA.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-platform-module-auth-client-routes-90eFjxx8.mjs').then((c) => c),
             },
             {
                 path: 'oauth-callback',
-                loadComponent: () => import('./acorex-platform-module-auth-client-oauth-callback.component-fdWC08nA.mjs').then((c) => c.AXPOAuthCallbackComponent),
+                loadComponent: () => import('./acorex-platform-module-auth-client-oauth-callback.component-DWnljN18.mjs').then((c) => c.AXPOAuthCallbackComponent),
             },
             {
                 path: 'account',
-                loadComponent: () => import('./acorex-platform-module-auth-client-blank.layout-BCXNPgrp.mjs').then((c) => c.AXPAuthBlankLayoutComponent),
+                loadComponent: () => import('./acorex-platform-module-auth-client-blank.layout-xSXPWxyw.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-D7zUm7aL.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-register.module-CpoYf5uG.mjs').then((c) => c.AXPRegisterModule),
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-hYj9JwHA.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-platform-module-auth-client-register.module-KlxTQevf.mjs').then((c) => c.AXPRegisterModule),
             },
         ],
     },
@@ -1202,7 +1213,7 @@ class AXPAppChooserListComponent {
         }
     }
     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-lookup\n      class=\"w-full\"\n      mode=\"drop-down-list\"\n      [dataSource]=\"allApplications()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedApplication()?.id\"\n      [itemHeight]=\"56\"\n      [searchable]=\"true\"\n      [placeholder]=\"('@auth:application-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"applicationItemTemplate\"\n      [selectedTemplate]=\"applicationItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleApplicationSelect($event)\"\n      (onSelectionChanged)=\"handleApplicationSelectionChanged($event)\"\n    >\n    </ax-lookup>\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)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.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.title | translate | async }}</span>\n    @if (item.edition?.title) {\n      <span class=\"text-muted text-xs\">{{ item.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", "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: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXListNavigationModule }, { kind: "directive", type: i4.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i4.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: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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-lookup\n      class=\"w-full\"\n      mode=\"drop-down-list\"\n      [dataSource]=\"allApplications()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedApplication()?.id\"\n      [itemHeight]=\"56\"\n      [searchable]=\"true\"\n      [placeholder]=\"('@auth:application-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"applicationItemTemplate\"\n      [selectedTemplate]=\"applicationItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleApplicationSelect($event)\"\n      (onSelectionChanged)=\"handleApplicationSelectionChanged($event)\"\n    >\n    </ax-lookup>\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)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.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.title | translate | async }}</span>\n    @if (item.edition?.title) {\n      <span class=\"text-muted text-xs\">{{ item.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", "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: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXListNavigationModule }, { kind: "directive", type: i4.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i4.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$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAppChooserListComponent, decorators: [{
             type: Component,
@@ -1231,7 +1242,7 @@ class AXMAppChooserSlotComponent {
         this.appPopover()?.close();
     }
     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]=\"themeStore.headerButtonColor()\" [look]=\"themeStore.headerButtonLook()\" #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", "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: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    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]=\"themeStore.headerButtonColor()\" [look]=\"themeStore.headerButtonLook()\" #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", "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", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAppChooserListComponent, selector: "axp-app-chooser-list", inputs: ["simple"], outputs: ["applicationChosen", "loadingChange"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAppChooserSlotComponent, decorators: [{
             type: Component,
@@ -1437,7 +1448,7 @@ class AXPTenantChooserListComponent {
         }
     }
     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  <!--->\n  <!-- ----- Compact dropdown skeleton ----- -->\n  @if (simple()) {\n    <div class=\"w-full flex flex-col gap-1\">\n      @for (item of skeletonItems; track item) {\n        <div class=\"flex gap-2 items-center p-2\">\n          <ax-skeleton [animated]=\"true\" class=\"size-6 rounded-md shrink-0\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"flex-1 h-4 rounded-md\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  }\n  <!-- ----- Full chooser skeleton ----- -->\n  @else {\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  }\n}\n<!-- ----- Compact list for header/sidebar dropdowns ----- -->\n@else if (simple()) {\n  <div\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col gap-1\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (tenant of allTenants(); track tenant.id) {\n      <div\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors 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.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-2 items-center min-w-0\">\n          <div class=\"shrink-0 size-6 overflow-hidden rounded-md grid place-items-center\">\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"24\"\n              [attr.alt]=\"(tenant.title | translate | async) ?? ''\"\n              class=\"size-6 overflow-hidden\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start text-sm\">{{\n            tenant.title | translate | async\n          }}</span>\n        </div>\n        <!--->\n        <!-- ----- Choosing indicator for this tenant ----- -->\n        @if (choosingId() === tenant.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n}\n<!-- ----- Lookup when the catalog is long ----- -->\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-lookup\n      class=\"w-full\"\n      mode=\"drop-down-list\"\n      [dataSource]=\"allTenants()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedTenant()?.id\"\n      [itemHeight]=\"56\"\n      [searchable]=\"true\"\n      [placeholder]=\"('@auth:tenant-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"tenantItemTemplate\"\n      [selectedTemplate]=\"tenantItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleTenantSelect($event)\"\n      (onSelectionChanged)=\"handleTenantSelectionChanged($event)\"\n    >\n    </ax-lookup>\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}\n<!-- ----- Full list on the login tenant chooser ----- -->\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)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.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.title | translate | async }}</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", "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: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.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: i4.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i4.AXListNavigationItemDirective, selector: "[axListNavigationItem]", outputs: ["onKeypress"], exportAs: ["axListNavigationItem"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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  <!--->\n  <!-- ----- Compact dropdown skeleton ----- -->\n  @if (simple()) {\n    <div class=\"w-full flex flex-col gap-1\">\n      @for (item of skeletonItems; track item) {\n        <div class=\"flex gap-2 items-center p-2\">\n          <ax-skeleton [animated]=\"true\" class=\"size-6 rounded-md shrink-0\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"flex-1 h-4 rounded-md\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  }\n  <!-- ----- Full chooser skeleton ----- -->\n  @else {\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  }\n}\n<!-- ----- Compact list for header/sidebar dropdowns ----- -->\n@else if (simple()) {\n  <div\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col gap-1\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (tenant of allTenants(); track tenant.id) {\n      <div\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors 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.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-2 items-center min-w-0\">\n          <div class=\"shrink-0 size-6 overflow-hidden rounded-md grid place-items-center\">\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"24\"\n              [attr.alt]=\"(tenant.title | translate | async) ?? ''\"\n              class=\"size-6 overflow-hidden\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start text-sm\">{{\n            tenant.title | translate | async\n          }}</span>\n        </div>\n        <!--->\n        <!-- ----- Choosing indicator for this tenant ----- -->\n        @if (choosingId() === tenant.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n}\n<!-- ----- Lookup when the catalog is long ----- -->\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-lookup\n      class=\"w-full\"\n      mode=\"drop-down-list\"\n      [dataSource]=\"allTenants()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedTenant()?.id\"\n      [itemHeight]=\"56\"\n      [searchable]=\"true\"\n      [placeholder]=\"('@auth:tenant-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"tenantItemTemplate\"\n      [selectedTemplate]=\"tenantItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleTenantSelect($event)\"\n      (onSelectionChanged)=\"handleTenantSelectionChanged($event)\"\n    >\n    </ax-lookup>\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}\n<!-- ----- Full list on the login tenant chooser ----- -->\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)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.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.title | translate | async }}</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", "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: i2$2.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: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.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: i4.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i4.AXListNavigationItemDirective, selector: "[axListNavigationItem]", outputs: ["onKeypress"], exportAs: ["axListNavigationItem"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantChooserListComponent, decorators: [{
             type: Component,
@@ -1472,7 +1483,7 @@ class AXPTenantChooserDropdownComponent {
         //#endregion
         //#region ----- Constants -----
         /** Shared panel size so sidebar and header tenant popovers match. */
-        this.popupPanelClass = 'bg-lightest border overflow-hidden rounded-md shadow-md w-80 p-1';
+        this.popupPanelClass = 'bg-lightest  overflow-hidden rounded-md shadow-md w-full p-1';
         //#endregion
         //#region ----- Inputs -----
         /**
@@ -1498,19 +1509,11 @@ class AXPTenantChooserDropdownComponent {
         void this.router.navigate(['/auth/account/tenant-chooser']);
     }
     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", inputs: { inline: "inline" }, 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 (inline) {\n    @if (tenants.length > 1) {\n      <!-- ----- Inline dropdown for multi-tenant ----- -->\n      <span\n        class=\"text-xs font-medium px-3 cursor-pointer inline-flex items-center gap-1\"\n        #inlineTenantTrigger\n      >\n        {{ ((tenant$ | async)?.title | translate | async) ?? '' }}\n        <i class=\"fa-solid fa-caret-down text-2xs opacity-60\"></i>\n      </span>\n      <ax-popover\n        [target]=\"inlineTenantTrigger\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        [adaptivityEnabled]=\"true\"\n        #tenantPopover\n      >\n        <div [class]=\"popupPanelClass\">\n          <axp-tenant-chooser-list\n            [simple]=\"true\"\n            (tenantChosen)=\"closePopover()\"\n          ></axp-tenant-chooser-list>\n        </div>\n      </ax-popover>\n    } @else {\n      <!-- ----- Plain text for single tenant ----- -->\n      <span class=\"text-xs font-medium px-3\">\n        {{ ((tenant$ | async)?.title | translate | async) ?? '' }}\n      </span>\n    }\n  } @else {\n    @if (tenants.length > 1) {\n      <ax-button\n        [text]=\"((tenant$ | async)?.title | translate | async) ?? ''\"\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 [class]=\"popupPanelClass\">\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}\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", "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: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXPTenantChooserListComponent, selector: "axp-tenant-chooser-list", inputs: ["simple"], outputs: ["tenantChosen", "loadingChange"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPTenantChooserDropdownComponent, isStandalone: true, selector: "axp-tenant-chooser-dropdown", inputs: { inline: "inline" }, 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 (inline) {\n    @if (tenants.length > 1) {\n      <!-- ----- Inline dropdown for multi-tenant ----- -->\n      <span\n        class=\"text-xs font-medium px-3 cursor-pointer inline-flex items-center gap-1\"\n        #inlineTenantTrigger\n      >\n        {{ ((tenant$ | async)?.title | translate | async) ?? '' }}\n        <i class=\"fa-solid fa-caret-down text-2xs opacity-60\"></i>\n      </span>\n      <ax-popover\n        [target]=\"inlineTenantTrigger\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        [adaptivityEnabled]=\"true\"\n        #tenantPopover\n      >\n        <div [class]=\"popupPanelClass\">\n          <axp-tenant-chooser-list\n            [simple]=\"true\"\n            (tenantChosen)=\"closePopover()\"\n          ></axp-tenant-chooser-list>\n        </div>\n      </ax-popover>\n    } @else {\n      <!-- ----- Plain text for single tenant ----- -->\n      <span class=\"text-xs font-medium px-3\">\n        {{ ((tenant$ | async)?.title | translate | async) ?? '' }}\n      </span>\n    }\n  } @else {\n    @if (tenants.length > 1) {\n      <ax-button\n        [text]=\"((tenant$ | async)?.title | translate | async) ?? ''\"\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 [class]=\"popupPanelClass\">\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}\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", "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", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$2.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: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXPTenantChooserListComponent, selector: "axp-tenant-chooser-list", inputs: ["simple"], outputs: ["tenantChosen", "loadingChange"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantChooserDropdownComponent, decorators: [{
             type: Component,
-            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 (inline) {\n    @if (tenants.length > 1) {\n      <!-- ----- Inline dropdown for multi-tenant ----- -->\n      <span\n        class=\"text-xs font-medium px-3 cursor-pointer inline-flex items-center gap-1\"\n        #inlineTenantTrigger\n      >\n        {{ ((tenant$ | async)?.title | translate | async) ?? '' }}\n        <i class=\"fa-solid fa-caret-down text-2xs opacity-60\"></i>\n      </span>\n      <ax-popover\n        [target]=\"inlineTenantTrigger\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        [adaptivityEnabled]=\"true\"\n        #tenantPopover\n      >\n        <div [class]=\"popupPanelClass\">\n          <axp-tenant-chooser-list\n            [simple]=\"true\"\n            (tenantChosen)=\"closePopover()\"\n          ></axp-tenant-chooser-list>\n        </div>\n      </ax-popover>\n    } @else {\n      <!-- ----- Plain text for single tenant ----- -->\n      <span class=\"text-xs font-medium px-3\">\n        {{ ((tenant$ | async)?.title | translate | async) ?? '' }}\n      </span>\n    }\n  } @else {\n    @if (tenants.length > 1) {\n      <ax-button\n        [text]=\"((tenant$ | async)?.title | translate | async) ?? ''\"\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 [class]=\"popupPanelClass\">\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}\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 (inline) {\n    @if (tenants.length > 1) {\n      <!-- ----- Inline dropdown for multi-tenant ----- -->\n      <span\n        class=\"text-xs font-medium px-3 cursor-pointer inline-flex items-center gap-1\"\n        #inlineTenantTrigger\n      >\n        {{ ((tenant$ | async)?.title | translate | async) ?? '' }}\n        <i class=\"fa-solid fa-caret-down text-2xs opacity-60\"></i>\n      </span>\n      <ax-popover\n        [target]=\"inlineTenantTrigger\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        [adaptivityEnabled]=\"true\"\n        #tenantPopover\n      >\n        <div [class]=\"popupPanelClass\">\n          <axp-tenant-chooser-list\n            [simple]=\"true\"\n            (tenantChosen)=\"closePopover()\"\n          ></axp-tenant-chooser-list>\n        </div>\n      </ax-popover>\n    } @else {\n      <!-- ----- Plain text for single tenant ----- -->\n      <span class=\"text-xs font-medium px-3\">\n        {{ ((tenant$ | async)?.title | translate | async) ?? '' }}\n      </span>\n    }\n  } @else {\n    @if (tenants.length > 1) {\n      <ax-button\n        [text]=\"((tenant$ | async)?.title | translate | async) ?? ''\"\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 [class]=\"popupPanelClass\">\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}\n" }]
         }], propDecorators: { tenantPopover: [{ type: i0.ViewChild, args: ['tenantPopover', { isSignal: true }] }], inline: [{
                 type: Input
             }] } });
@@ -1536,6 +1539,7 @@ class AXMAuthProfileSlotComponent {
         this.shortcutRegistry = inject(AXPKeyboardShortcutRegistry);
         this.settingsService = inject(AXPSettingsService);
         this.destroyRef = inject(DestroyRef);
+        this.deviceService = inject(AXPDeviceService);
         //#endregion
         //#region ---- State ----
         this.isDarkMode = this.themeService.isDarkMode;
@@ -1639,14 +1643,14 @@ class AXMAuthProfileSlotComponent {
         }
     }
     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-80\"\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 class=\"mt-1\"></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);display:flex;flex-direction:column;gap:var(--spacing, .25rem);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: 
+    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-80\"\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            @if (!deviceService.isSmall()) {\n              <axp-tenant-chooser-dropdown class=\"mt-1\"></axp-tenant-chooser-dropdown>\n            }\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);display:flex;flex-direction:column;gap:var(--spacing, .25rem);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", "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", "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", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "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: i2$2.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", "showPresence", "displayName", "displayAvatar"] }, { kind: "component", type: 
                 //
-                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown", inputs: ["inline"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown", inputs: ["inline"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthProfileSlotComponent, decorators: [{
             type: Component,
@@ -1666,7 +1670,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", 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]=\"$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-80\"\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 class=\"mt-1\"></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);display:flex;flex-direction:column;gap:var(--spacing, .25rem);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"] }]
+                    ], 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-80\"\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            @if (!deviceService.isSmall()) {\n              <axp-tenant-chooser-dropdown class=\"mt-1\"></axp-tenant-chooser-dropdown>\n            }\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);display:flex;flex-direction:column;gap:var(--spacing, .25rem);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 {
@@ -1681,6 +1685,9 @@ class AXMUserProfileCardSlotComponent {
             return this.themeStore.effectiveMenuVerticalMode() === AXPMenuVerticalMode.Compact;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isCompactMode" }] : /* istanbul ignore next */ []));
+        /** Compact rail: match mark size; full menu keeps the larger profile avatar. */
+        this.avatarSize = computed(() => (this.isCompactMode() ? 28 : 48), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "avatarSize" }] : /* istanbul ignore next */ []));
         this.isMenuDark = computed(() => this.themeStore.menuDarkEnabled() ||
             (this.themeStore.menuAppearance() === 'brand-light' &&
                 this.themeStore.isDarkMode()), /* @ts-ignore */
@@ -1711,6 +1718,10 @@ class AXMUserProfileCardSlotComponent {
     }
     async logOut() {
         await this.sessionService.signout();
+        const path = (this.router.url ?? '').split('?')[0];
+        if (!path.startsWith('/auth')) {
+            await this.router.navigateByUrl('/auth/login', { replaceUrl: true });
+        }
     }
     toggleProfileMenu() {
         this.profilePopover.open();
@@ -1742,9 +1753,9 @@ class AXMUserProfileCardSlotComponent {
         }
     }
     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\n  class=\"p-3 flex items-center gap-1 border-b\"\n  [class.border-white/7]=\"isMenuDark()\"\n  [class.border-black/7]=\"!isMenuDark()\"\n  [class.justify-center]=\"isCompactMode()\"\n>\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 [inline]=\"true\" />\n  </div>\n  }\n</div>\n}\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
+    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\n  class=\"flex items-center gap-1 border-b\"\n  [class.p-3]=\"!isCompactMode()\"\n  [class.py-2]=\"isCompactMode()\"\n  [class.px-0]=\"isCompactMode()\"\n  [class.border-white/7]=\"isMenuDark()\"\n  [class.border-black/7]=\"!isMenuDark()\"\n  [class.justify-center]=\"isCompactMode()\"\n>\n  <div #avatar>\n    <axp-user-avatar\n      [size]=\"avatarSize()\"\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 [inline]=\"true\" />\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: 
+                AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.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", inputs: ["inline"] }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
@@ -1764,12 +1775,186 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXPTenantChooserDropdownComponent,
                         AsyncPipe,
                         AXPUserAvatarComponent,
-                    ], template: "@if((isAuthenticated$ | async)) {\n<div\n  class=\"p-3 flex items-center gap-1 border-b\"\n  [class.border-white/7]=\"isMenuDark()\"\n  [class.border-black/7]=\"!isMenuDark()\"\n  [class.justify-center]=\"isCompactMode()\"\n>\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 [inline]=\"true\" />\n  </div>\n  }\n</div>\n}\n" }]
+                    ], template: "@if((isAuthenticated$ | async)) {\n<div\n  class=\"flex items-center gap-1 border-b\"\n  [class.p-3]=\"!isCompactMode()\"\n  [class.py-2]=\"isCompactMode()\"\n  [class.px-0]=\"isCompactMode()\"\n  [class.border-white/7]=\"isMenuDark()\"\n  [class.border-black/7]=\"!isMenuDark()\"\n  [class.justify-center]=\"isCompactMode()\"\n>\n  <div #avatar>\n    <axp-user-avatar\n      [size]=\"avatarSize()\"\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 [inline]=\"true\" />\n  </div>\n  }\n</div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { profilePopover: [{
                 type: ViewChild,
                 args: ['profilePopover']
             }] } });
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- PWA install -----
+/**
+ * Captures Chromium `beforeinstallprompt` as soon as startup runs, so the install
+ * page still has a deferred prompt if the event fired before navigation.
+ */
+class AXPPwaInstallService {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.destroyRef = inject(DestroyRef);
+        //#endregion
+        //#region ----- State Signals -----
+        this.installedSignal = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "installedSignal" }] : /* istanbul ignore next */ []));
+        this.canPromptSignal = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canPromptSignal" }] : /* istanbul ignore next */ []));
+        this.iosSignal = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "iosSignal" }] : /* istanbul ignore next */ []));
+        this.dismissedSignal = signal(readPromptDismissed(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dismissedSignal" }] : /* istanbul ignore next */ []));
+        this.deferredPrompt = null;
+        this.started = false;
+        this.installed = this.installedSignal.asReadonly();
+        this.canPrompt = this.canPromptSignal.asReadonly();
+        this.ios = this.iosSignal.asReadonly();
+        this.dismissed = this.dismissedSignal.asReadonly();
+        this.showPrompt = computed(() => !this.installedSignal() && !this.dismissedSignal(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showPrompt" }] : /* istanbul ignore next */ []));
+        this.offerInProfile = computed(() => !this.installedSignal(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "offerInProfile" }] : /* istanbul ignore next */ []));
+        this.promptHostClaimed = false;
+    }
+    //#endregion
+    //#region ----- Public API -----
+    start() {
+        if (this.started || typeof window === 'undefined') {
+            return;
+        }
+        this.started = true;
+        this.installedSignal.set(isStandaloneDisplay());
+        this.iosSignal.set(isIosSafari() && !isStandaloneDisplay());
+        const onBeforeInstall = (event) => {
+            event.preventDefault();
+            this.deferredPrompt = event;
+            this.canPromptSignal.set(true);
+        };
+        const onInstalled = () => {
+            this.deferredPrompt = null;
+            this.canPromptSignal.set(false);
+            this.installedSignal.set(true);
+            this.iosSignal.set(false);
+            this.dismissPrompt();
+        };
+        const onDisplayMode = () => {
+            const standalone = isStandaloneDisplay();
+            this.installedSignal.set(standalone);
+            if (standalone) {
+                this.iosSignal.set(false);
+            }
+        };
+        window.addEventListener('beforeinstallprompt', onBeforeInstall);
+        window.addEventListener('appinstalled', onInstalled);
+        const displayQuery = window.matchMedia('(display-mode: standalone)');
+        displayQuery.addEventListener('change', onDisplayMode);
+        this.destroyRef.onDestroy(() => {
+            window.removeEventListener('beforeinstallprompt', onBeforeInstall);
+            window.removeEventListener('appinstalled', onInstalled);
+            displayQuery.removeEventListener('change', onDisplayMode);
+        });
+    }
+    dismissPrompt() {
+        this.dismissedSignal.set(true);
+        persistPromptDismissed();
+    }
+    claimPromptHost() {
+        if (this.promptHostClaimed) {
+            return false;
+        }
+        this.promptHostClaimed = true;
+        return true;
+    }
+    async promptInstall() {
+        const promptEvent = this.deferredPrompt;
+        if (!promptEvent) {
+            return 'unavailable';
+        }
+        await promptEvent.prompt();
+        const choice = await promptEvent.userChoice;
+        this.deferredPrompt = null;
+        this.canPromptSignal.set(false);
+        if (choice.outcome === 'accepted') {
+            this.installedSignal.set(true);
+        }
+        return choice.outcome;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPPwaInstallService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPPwaInstallService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPPwaInstallService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//#endregion
+//#region ----- Helpers -----
+function isStandaloneDisplay() {
+    if (typeof window === 'undefined') {
+        return false;
+    }
+    const navigatorStandalone = navigator.standalone === true;
+    return (navigatorStandalone ||
+        window.matchMedia('(display-mode: standalone)').matches ||
+        window.matchMedia('(display-mode: window-controls-overlay)').matches);
+}
+const PWA_INSTALL_PROMPT_DISMISSED_KEY = 'axp:pwa-install-prompt-dismissed';
+function readPromptDismissed() {
+    if (typeof window === 'undefined') {
+        return false;
+    }
+    try {
+        return window.localStorage.getItem(PWA_INSTALL_PROMPT_DISMISSED_KEY) === '1';
+    }
+    catch {
+        return false;
+    }
+}
+function persistPromptDismissed() {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    try {
+        window.localStorage.setItem(PWA_INSTALL_PROMPT_DISMISSED_KEY, '1');
+    }
+    catch {
+        // Private mode or blocked storage; in-memory dismiss still applies for this session.
+    }
+}
+function isIosSafari() {
+    if (typeof navigator === 'undefined') {
+        return false;
+    }
+    const ua = navigator.userAgent;
+    const iPhone = /iPhone|iPad|iPod/i.test(ua);
+    const iPadOs = navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1;
+    return iPhone || iPadOs;
+}
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Component -----
+class AXMPwaInstallPromptComponent {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.router = inject(Router);
+        this.pwaInstall = inject(AXPPwaInstallService);
+        this.isPromptHost = this.pwaInstall.claimPromptHost();
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
+    handleOpenInstallPage() {
+        this.pwaInstall.dismissPrompt();
+        void this.router.navigateByUrl('/auth/install');
+    }
+    handleDismiss() {
+        this.pwaInstall.dismissPrompt();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPwaInstallPromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMPwaInstallPromptComponent, isStandalone: true, selector: "axm-pwa-install-prompt", ngImport: i0, template: "@if (isPromptHost && pwaInstall.showPrompt()) {\n  <!-- ----- Corner install suggestion while the app is not installed ----- -->\n  <div\n    class=\"axp-pwa-install-prompt\"\n    role=\"region\"\n    [attr.aria-label]=\"'@auth:pwa-install.prompt.title' | translate | async\"\n  >\n    <ax-button\n      class=\"axp-pwa-install-prompt__dismiss\"\n      look=\"blank\"\n      [iconOnly]=\"true\"\n      [attr.aria-label]=\"'@auth:pwa-install.prompt.dismiss' | translate | async\"\n      (onClick)=\"handleDismiss()\"\n    >\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-xmark\"></ax-icon>\n      </ax-prefix>\n    </ax-button>\n    <div class=\"axp-pwa-install-prompt__copy\">\n      <p class=\"font-semibold\">{{ '@auth:pwa-install.prompt.title' | translate | async }}</p>\n      <p class=\"text-sm text-neutral-600\">{{ '@auth:pwa-install.prompt.hint' | translate | async }}</p>\n    </div>\n    <ax-button\n      color=\"primary\"\n      class=\"w-full\"\n      [text]=\"'@auth:pwa-install.prompt.action' | translate | async\"\n      (onClick)=\"handleOpenInstallPage()\"\n    ></ax-button>\n  </div>\n}\n", styles: ["@layer properties;:host{display:contents}.axp-pwa-install-prompt{position:fixed;z-index:40;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-default);background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * 4);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);inset-inline-end:1.5rem;bottom:1.5rem;width:min(20rem,calc(100vw - 2rem))}.axp-pwa-install-prompt__dismiss{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 2);top:calc(var(--spacing, .25rem) * 2)}.axp-pwa-install-prompt__copy{padding-inline-end:calc(var(--spacing, .25rem) * 8);text-align:start}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@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;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "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: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPwaInstallPromptComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-pwa-install-prompt', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXButtonModule, AXDecoratorModule, AXTranslationModule, AsyncPipe], template: "@if (isPromptHost && pwaInstall.showPrompt()) {\n  <!-- ----- Corner install suggestion while the app is not installed ----- -->\n  <div\n    class=\"axp-pwa-install-prompt\"\n    role=\"region\"\n    [attr.aria-label]=\"'@auth:pwa-install.prompt.title' | translate | async\"\n  >\n    <ax-button\n      class=\"axp-pwa-install-prompt__dismiss\"\n      look=\"blank\"\n      [iconOnly]=\"true\"\n      [attr.aria-label]=\"'@auth:pwa-install.prompt.dismiss' | translate | async\"\n      (onClick)=\"handleDismiss()\"\n    >\n      <ax-prefix>\n        <ax-icon icon=\"fa-light fa-xmark\"></ax-icon>\n      </ax-prefix>\n    </ax-button>\n    <div class=\"axp-pwa-install-prompt__copy\">\n      <p class=\"font-semibold\">{{ '@auth:pwa-install.prompt.title' | translate | async }}</p>\n      <p class=\"text-sm text-neutral-600\">{{ '@auth:pwa-install.prompt.hint' | translate | async }}</p>\n    </div>\n    <ax-button\n      color=\"primary\"\n      class=\"w-full\"\n      [text]=\"'@auth:pwa-install.prompt.action' | translate | async\"\n      (onClick)=\"handleOpenInstallPage()\"\n    ></ax-button>\n  </div>\n}\n", styles: ["@layer properties;:host{display:contents}.axp-pwa-install-prompt{position:fixed;z-index:40;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-default);background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * 4);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);inset-inline-end:1.5rem;bottom:1.5rem;width:min(20rem,calc(100vw - 2rem))}.axp-pwa-install-prompt__dismiss{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 2);top:calc(var(--spacing, .25rem) * 2)}.axp-pwa-install-prompt__copy{padding-inline-end:calc(var(--spacing, .25rem) * 8);text-align:start}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@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;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
 class AXMUserDeviceSessionsService {
 }
 class AXMUserDeviceSessionsServiceImp extends AXMUserDeviceSessionsService {
@@ -1904,9 +2089,8 @@ const canActivateTenantChooser = async (_route, _state) => {
     const tenants = await sessionService.getTenantsList();
     traceAuthGuard('Tenant chooser catalog', () => ({ count: tenants.length }));
     if (tenants.length === 0) {
-        window.alert('You do not have any tenant assigned to your account and cannot use the site. Please contact your administrator.');
-        // Stay on chooser rather than return false (cancels nav and sticks on prior login URL).
-        return true;
+        traceAuthGuard('Tenant chooser → waiting room (no tenants)');
+        return router.createUrlTree(['/auth/account/waiting-room']);
     }
     if (tenants.length === 1) {
         if (strategy && typeof strategy.updateToken === 'function') {
@@ -1980,24 +2164,438 @@ const canActivateAppChooser = async (_route, _state) => {
 };
 //#endregion
 
+//#region ----- Types -----
+/** Hook key for modules/apps to contribute welcome wizard steps. */
+const ONBOARDING_STEPS_HOOK = 'onboarding.steps';
+/** User-scoped settings key for welcome onboarding progress blob. */
+const ONBOARDING_WELCOME_SETTING_KEY = AXPAuthSettings.OnboardingWelcome;
+//#endregion
+
+//#region ----- Progress service -----
+const EMPTY_PROGRESS = { steps: {} };
+class AXPOnboardingProgressService {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.settingsService = inject(AXPSettingsService);
+    }
+    //#endregion
+    //#region ----- Public API -----
+    async getProgress() {
+        const raw = await this.settingsService
+            .scope(AXPPlatformScope.User)
+            .get(ONBOARDING_WELCOME_SETTING_KEY);
+        if (!raw || typeof raw !== 'object') {
+            return { ...EMPTY_PROGRESS, steps: {} };
+        }
+        return {
+            steps: raw.steps && typeof raw.steps === 'object' ? { ...raw.steps } : {},
+            remindLaterUntil: raw.remindLaterUntil ?? null,
+            dismissedPlanAt: raw.dismissedPlanAt ?? null,
+        };
+    }
+    async setProgress(progress) {
+        await this.settingsService.scope(AXPPlatformScope.User).set(ONBOARDING_WELCOME_SETTING_KEY, progress, {
+            flush: true,
+        });
+    }
+    isStepComplete(step, progress, context) {
+        const entry = progress.steps[this.progressKey(step, context)];
+        if (!entry || (entry.status !== 'completed' && entry.status !== 'skipped')) {
+            return false;
+        }
+        switch (step.scope) {
+            case 'user':
+                return true;
+            case 'tenant':
+                return entry.tenantId === context.tenantId;
+            case 'application':
+                return entry.tenantId === context.tenantId && entry.applicationId === context.applicationId;
+            default:
+                return false;
+        }
+    }
+    async markComplete(step, context, progress) {
+        return this.markStatus(step, context, 'completed', progress);
+    }
+    async markSkipped(step, context, progress) {
+        return this.markStatus(step, context, 'skipped', progress);
+    }
+    async setRemindLater(untilIso) {
+        const progress = await this.getProgress();
+        const next = {
+            ...progress,
+            remindLaterUntil: untilIso,
+        };
+        await this.setProgress(next);
+        return next;
+    }
+    isSnoozed(progress, now = new Date()) {
+        const until = progress.remindLaterUntil;
+        if (!until) {
+            return false;
+        }
+        const untilMs = Date.parse(until);
+        if (Number.isNaN(untilMs)) {
+            return false;
+        }
+        return now.getTime() < untilMs;
+    }
+    //#endregion
+    //#region ----- Private helpers -----
+    /** Stable progress map key so tenant/app completions do not overwrite each other. */
+    progressKey(step, context) {
+        switch (step.scope) {
+            case 'tenant':
+                return `${step.id}:${context.tenantId}`;
+            case 'application':
+                return `${step.id}:${context.tenantId}:${context.applicationId}`;
+            case 'user':
+            default:
+                return step.id;
+        }
+    }
+    async markStatus(step, context, status, progress) {
+        const current = progress ?? (await this.getProgress());
+        const entry = {
+            status,
+            at: new Date().toISOString(),
+            scope: step.scope,
+        };
+        if (step.scope === 'tenant' || step.scope === 'application') {
+            entry.tenantId = context.tenantId;
+        }
+        if (step.scope === 'application') {
+            entry.applicationId = context.applicationId;
+        }
+        const next = {
+            ...current,
+            steps: {
+                ...current.steps,
+                [this.progressKey(step, context)]: entry,
+            },
+            remindLaterUntil: null,
+        };
+        await this.setProgress(next);
+        return next;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOnboardingProgressService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOnboardingProgressService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOnboardingProgressService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+//#region ----- Plan service -----
+class AXPOnboardingPlanService {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.hooks = inject(AXPHookService);
+        this.progressService = inject(AXPOnboardingProgressService);
+    }
+    //#endregion
+    //#region ----- Public API -----
+    /**
+     * Runs the onboarding.steps hook waterfall and returns all contributed steps
+     * sorted by priority (including already completed ones).
+     */
+    async assembleFullPlan(context) {
+        const payload = await this.hooks.runAsync(ONBOARDING_STEPS_HOOK, {
+            context,
+            steps: [],
+        });
+        const steps = Array.isArray(payload.steps) ? [...payload.steps] : [];
+        return steps.sort((a, b) => a.priority - b.priority);
+    }
+    /**
+     * Runs the onboarding.steps hook waterfall, sorts by priority, and returns
+     * only steps that are still incomplete for the given session context.
+     */
+    async assembleIncompletePlan(context) {
+        const steps = await this.assembleFullPlan(context);
+        const progress = await this.progressService.getProgress();
+        return steps.filter((step) => !this.progressService.isStepComplete(step, progress, context));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOnboardingPlanService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOnboardingPlanService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOnboardingPlanService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+//#region ----- Constants -----
+const WELCOME_ONBOARDING_ROUTE = '/auth/account/welcome-onboarding';
+const REMIND_LATER_HOURS = 24;
+/** User preference keys rendered on welcome preference steps. */
+const WELCOME_PREFERENCE_SETTING_KEYS = [
+    AXPRegionalSetting.Language,
+    AXPRegionalSetting.TimeZone,
+    AXPThemeLayoutSetting.Mode,
+    AXPThemeLayoutSetting.Palette,
+    AXPThemeLayoutSetting.MenuOrientation,
+    AXPThemeLayoutSetting.MenuVerticalMode,
+    AXPThemeLayoutSetting.HeaderAppearance,
+    AXPCommonSettings.NavigationMode,
+    AXPCommonSettings.MaxOpenTabs,
+    AXPThemeLayoutSetting.Font,
+    AXPThemeLayoutSetting.FontSize,
+];
+//#endregion
+//#region ----- Welcome onboarding flow -----
+/** Loads plan/preferences and builds per-step layout nodes for the welcome page. */
+class AXPWelcomeOnboardingFlowService {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.layoutBuilder = inject(AXPLayoutBuilderService);
+        this.sessionService = inject(AXPSessionService);
+        this.planService = inject(AXPOnboardingPlanService);
+        this.progressService = inject(AXPOnboardingProgressService);
+        this.settingsService = inject(AXPSettingsService);
+        this.settingDefinitions = inject(AXPSettingDefinitionProviderService);
+        //#endregion
+        //#region ----- State -----
+        this.preferenceSettings = [];
+        this.resumeContextKey = null;
+        this.resumeStepId = null;
+    }
+    //#endregion
+    //#region ----- Session & plan -----
+    resolveContext() {
+        const userId = this.sessionService.user?.id;
+        const tenantId = this.sessionService.tenant?.id;
+        const applicationId = this.sessionService.application?.id;
+        if (!userId || !tenantId || !applicationId) {
+            return null;
+        }
+        return { userId, tenantId, applicationId };
+    }
+    async evaluatePending(force) {
+        const context = this.resolveContext();
+        if (!context) {
+            return null;
+        }
+        const progress = await this.progressService.getProgress();
+        if (!force && this.progressService.isSnoozed(progress)) {
+            return null;
+        }
+        const steps = await this.planService.assembleFullPlan(context);
+        if (steps.length === 0) {
+            return null;
+        }
+        const hasIncomplete = steps.some((step) => !this.progressService.isStepComplete(step, progress, context));
+        if (!force && !hasIncomplete) {
+            return null;
+        }
+        return { context, steps };
+    }
+    /** Index of the first step that is not completed/skipped for this session. */
+    resolveFirstIncompleteStepIndex(steps, context, progress) {
+        const index = steps.findIndex((step) => !this.progressService.isStepComplete(step, progress, context));
+        return index >= 0 ? index : 0;
+    }
+    //#endregion
+    //#region ----- Preferences -----
+    async loadPreferenceContext() {
+        this.preferenceSettings = await this.settingDefinitions.collectSettingsByKeys(AXPPlatformScope.User, WELCOME_PREFERENCE_SETTING_KEYS);
+        const inheritedDefaults = await this.settingsService.defaultValues(AXPPlatformScope.User);
+        const context = { ...inheritedDefaults };
+        for (const setting of this.preferenceSettings) {
+            const value = await this.settingsService.get(setting.name);
+            if (value !== undefined && value !== null) {
+                context[setting.name] = value;
+            }
+        }
+        return context;
+    }
+    async savePreferences(formContext) {
+        if (!formContext || this.preferenceSettings.length === 0) {
+            return;
+        }
+        const values = {};
+        for (const setting of this.preferenceSettings) {
+            if (Object.prototype.hasOwnProperty.call(formContext, setting.name)) {
+                values[setting.name] = formContext[setting.name];
+            }
+        }
+        if (Object.keys(values).length === 0) {
+            return;
+        }
+        await this.settingsService.scope(AXPPlatformScope.User).set(values, { flush: true });
+    }
+    //#endregion
+    //#region ----- Resume (sub-flows e.g. change photo) -----
+    contextKey(context) {
+        return `${context.userId}:${context.tenantId}:${context.applicationId}`;
+    }
+    setResumeState(context, stepId) {
+        this.resumeContextKey = this.contextKey(context);
+        this.resumeStepId = stepId;
+    }
+    resolveResumeStepIndex(context, steps) {
+        if (this.resumeContextKey !== this.contextKey(context) || !this.resumeStepId) {
+            return 0;
+        }
+        const index = steps.findIndex((step) => step.id === this.resumeStepId);
+        return index >= 0 ? index : 0;
+    }
+    clearResumeState() {
+        this.resumeContextKey = null;
+        this.resumeStepId = null;
+    }
+    hasActiveResumeState() {
+        return this.resumeContextKey != null && this.resumeStepId != null;
+    }
+    //#endregion
+    //#region ----- Progress -----
+    async markStep(step, context, status) {
+        if (status === 'completed') {
+            await this.progressService.markComplete(step, context);
+            return;
+        }
+        await this.progressService.markSkipped(step, context);
+    }
+    async markSteps(steps, context, status) {
+        let progress = await this.progressService.getProgress();
+        for (const step of steps) {
+            progress =
+                status === 'completed'
+                    ? await this.progressService.markComplete(step, context, progress)
+                    : await this.progressService.markSkipped(step, context, progress);
+        }
+    }
+    async persistAll(steps, context, status) {
+        let progress = await this.progressService.getProgress();
+        for (const step of steps) {
+            progress =
+                status === 'completed'
+                    ? await this.progressService.markComplete(step, context, progress)
+                    : await this.progressService.markSkipped(step, context, progress);
+        }
+    }
+    async setRemindLater() {
+        const until = new Date(Date.now() + REMIND_LATER_HOURS * 60 * 60 * 1000).toISOString();
+        await this.progressService.setRemindLater(until);
+    }
+    //#endregion
+    //#region ----- Step layout -----
+    buildStepLayout(step) {
+        const builder = this.layoutBuilder.create();
+        builder.flex((flex) => {
+            flex
+                .setDirection('column')
+                .setGap('12px')
+                .setAlignItems('stretch')
+                .setJustifyContent('flex-start');
+            const settingKeys = step.settingKeys ?? [];
+            if (settingKeys.length > 0) {
+                this.appendPreferenceFields(flex, settingKeys);
+            }
+            const actions = step.actions ?? [];
+            if (actions.length > 0) {
+                flex.flex((row) => {
+                    row.setDirection('row').setGap('8px').setWrap('wrap');
+                    for (const action of actions) {
+                        row.customWidget('button-action', {
+                            text: action.text,
+                            icon: action.icon,
+                            look: { id: 'outline' },
+                            color: { id: 'primary' },
+                            command: action.command,
+                        });
+                    }
+                });
+            }
+        });
+        return builder.build();
+    }
+    appendPreferenceFields(flex, settingKeys) {
+        const settings = this.preferenceSettings.filter((setting) => settingKeys.includes(setting.name));
+        for (const setting of settings) {
+            flex.formField(setting.title, (formField) => {
+                formField.path(setting.name);
+                if (setting.description) {
+                    formField.setOptions({
+                        hint: setting.description,
+                        hintDisplayMode: 'note',
+                    });
+                }
+                const widgetOptions = { ...(setting.widget.options ?? {}) };
+                const visibilityExpr = widgetOptions['visibility'];
+                if (typeof visibilityExpr === 'string') {
+                    formField.visible(visibilityExpr);
+                    delete widgetOptions['visibility'];
+                }
+                formField.customWidget(setting.widget.type, {
+                    ...widgetOptions,
+                    ...(setting.isRequired ? { validations: [{ rule: 'required' }] } : {}),
+                });
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWelcomeOnboardingFlowService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWelcomeOnboardingFlowService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWelcomeOnboardingFlowService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+//#region ----- Welcome onboarding route guard -----
+const canActivateWelcomeOnboarding = async (route) => {
+    const sessionService = inject(AXPSessionService);
+    const router = inject(Router);
+    const flowService = inject(AXPWelcomeOnboardingFlowService);
+    const homePageService = inject(AXPHomePageService);
+    if (!sessionService.hasSessionCredentials()) {
+        return router.createUrlTree(['/auth/login']);
+    }
+    if (!sessionService.tenant?.id) {
+        return router.createUrlTree(['/auth/account/tenant-chooser']);
+    }
+    if (!sessionService.application?.id) {
+        return router.createUrlTree(['/auth/account/app-chooser']);
+    }
+    const force = route.queryParamMap.get('force') === '1' || route.queryParamMap.get('force') === 'true';
+    const pending = await flowService.evaluatePending(force);
+    if (!pending) {
+        if (flowService.hasActiveResumeState()) {
+            return true;
+        }
+        return await homePageService.resolveAuthorizedHomeUrlTree();
+    }
+    return true;
+};
+//#endregion
+
 function routesFacory() {
     let routes = [];
     routes = [
         {
             path: 'tenant-chooser',
-            loadComponent: () => import('./acorex-platform-module-auth-client-tenant-chooser.component-B8CNqHx5.mjs').then((c) => c.AXPAuthTenantChooserComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-tenant-chooser.component-HqU75mfO.mjs').then((c) => c.AXPAuthTenantChooserComponent),
             canActivate: [AXPAuthGuard, canActivateTenantChooser],
         },
+        {
+            path: 'waiting-room',
+            loadComponent: () => import('./acorex-platform-module-auth-client-waiting-room.component-IAVIt1fY.mjs').then((c) => c.AXPAuthWaitingRoomComponent),
+            canActivate: [AXPAuthGuard],
+        },
         {
             path: 'session-limit',
-            loadComponent: () => import('./acorex-platform-module-auth-client-session-limit.component-DH58dRba.mjs').then((c) => c.AXPAuthSessionLimitComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-session-limit.component-Dc6TIn-2.mjs').then((c) => c.AXPAuthSessionLimitComponent),
             canActivate: [AXPAuthGuard],
         },
         {
             path: 'app-chooser',
-            loadComponent: () => import('./acorex-platform-module-auth-client-app-chooser.component-CjWofUGR.mjs').then((c) => c.AXPAuthAppChooserComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-app-chooser.component-CxYe1hmk.mjs').then((c) => c.AXPAuthAppChooserComponent),
             canActivate: [AXPAuthGuard, canActivateAppChooser],
         },
+        {
+            path: 'welcome-onboarding',
+            loadComponent: () => import('./acorex-platform-module-auth-client-welcome-onboarding-page.component-5NtRLNn3.mjs').then((c) => c.AXPAuthWelcomeOnboardingPageComponent),
+            canActivate: [AXPAuthGuard, canActivateWelcomeOnboarding],
+        },
     ];
     return routes;
 }
@@ -2022,6 +2620,20 @@ class AXPAccountModule {
                         component: AXMUserProfileCardSlotComponent,
                     },
                 ],
+                'root-footer-end': [
+                    {
+                        priority: 20,
+                        name: 'pwa-install-prompt',
+                        component: AXMPwaInstallPromptComponent,
+                    },
+                ],
+                'root-layout-overlay': [
+                    {
+                        priority: 10,
+                        name: 'pwa-install-prompt',
+                        component: AXMPwaInstallPromptComponent,
+                    },
+                ],
                 'root-header-end': [
                     {
                         priority: 98,
@@ -2049,6 +2661,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                                     component: AXMUserProfileCardSlotComponent,
                                 },
                             ],
+                            'root-footer-end': [
+                                {
+                                    priority: 20,
+                                    name: 'pwa-install-prompt',
+                                    component: AXMPwaInstallPromptComponent,
+                                },
+                            ],
+                            'root-layout-overlay': [
+                                {
+                                    priority: 10,
+                                    name: 'pwa-install-prompt',
+                                    component: AXMPwaInstallPromptComponent,
+                                },
+                            ],
                             'root-header-end': [
                                 {
                                     priority: 98,
@@ -2383,7 +3009,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-cDCrwNRV.mjs');
+            const { AXMSessionLockOverlayComponent: overlayComponent } = await import('./acorex-platform-module-auth-client-session-lock-overlay.component-CJJmgXqu.mjs');
             const panelClasses = ['axm-session-lock-overlay-shell'];
             if (this.platform.isDark()) {
                 panelClasses.push('ax-dark');
@@ -2582,6 +3208,26 @@ const CoreProfileSectionsHookProvider = {
     priority: 0,
     execute: (payload) => {
         const contributed = [
+            {
+                id: 'welcome-onboarding',
+                groupId: 'account',
+                title: '@auth:welcome-onboarding.profile.resume-section.title',
+                description: '@auth:welcome-onboarding.profile.resume-section.description',
+                icon: 'far fa-hand-wave',
+                priority: 5,
+                layout: { colSpan: 6 },
+                actions: [
+                    {
+                        name: 'resume-welcome',
+                        title: '@auth:welcome-onboarding.profile.resume-action',
+                        icon: 'far fa-play',
+                        command: {
+                            name: AXMAuthCommandKeys.Onboarding.Welcome,
+                            options: { force: true },
+                        },
+                    },
+                ],
+            },
             {
                 id: 'basic-info',
                 groupId: 'account',
@@ -2672,7 +3318,7 @@ const CoreProfileSectionsHookProvider = {
                         name: 'manage-two-factor',
                         title: '@auth:profile-page.sections.two-factor.actions.manage',
                         icon: 'far fa-pen',
-                        command: comingSoon('@auth:profile-page.commands.manage-two-factor.coming-soon'),
+                        command: { name: AXMAuthCommandKeys.Security.ManageTwoFactor }, // auth:manage-two-factor
                     },
                 ],
             },
@@ -2843,10 +3489,30 @@ function buildPasswordLastChangedInsights(lastChangedAt) {
 }
 //#endregion
 
+//#region ----- Constants -----
+const TWO_FACTOR_SECTION_ID$1 = 'two-factor';
+//#endregion
+//#region ----- Two-factor insight -----
+/** Builds the enabled/disabled insight shown on the Two-Factor profile card. */
+function buildTwoFactorStatusInsights(enabled) {
+    return [
+        {
+            id: 'two-factor-status',
+            icon: enabled ? 'fa-light fa-fw fa-shield-check' : 'fa-light fa-fw fa-shield',
+            text: enabled
+                ? '@auth:profile-page.sections.two-factor.insights.enabled'
+                : '@auth:profile-page.sections.two-factor.insights.disabled',
+        },
+    ];
+}
+//#endregion
+
 //#region ---- Section ids ----
+const BASIC_INFO_SECTION_ID = 'basic-info';
 const SECURITY_PIN_SECTION_ID = 'security-pin';
 const ACTIVE_SESSIONS_SECTION_ID = 'active-sessions';
 const LOGIN_HISTORY_SECTION_ID = 'login-history';
+const TWO_FACTOR_SECTION_ID = 'two-factor';
 //#endregion
 //#region ---- Profile page security insights service ----
 /** Loads contextual security insights for profile section cards. */
@@ -2855,19 +3521,34 @@ class AXPUserProfileSecurityInsightsService {
         //#region ---- Services & Dependencies ----
         this.sessionService = inject(AXPSessionService);
         this.entityService = inject(AXPEntityService);
+        this.commandService = inject(AXPCommandService);
         this.translateService = inject(AXTranslationService);
         this.passwordChangeTrackingService = inject(AXPAuthPasswordChangeTrackingService);
     }
     //#endregion
     //#region ---- Public API ----
+    /** Account-tab insights (email on Basic Information). */
+    async loadAccountBySectionId() {
+        const userId = this.sessionService.user?.id;
+        if (!userId) {
+            return {};
+        }
+        const user = await this.loadCurrentUser(userId);
+        const basicInfoInsights = this.buildBasicInfoInsights(user);
+        if (isEmpty(basicInfoInsights)) {
+            return {};
+        }
+        return { [BASIC_INFO_SECTION_ID]: basicInfoInsights };
+    }
     async loadBySectionId() {
         const userId = this.sessionService.user?.id;
         if (!userId) {
             return {};
         }
-        const [sessions, user] = await Promise.all([
+        const [sessions, user, twoFactorStatus] = await Promise.all([
             this.loadUserSessions(userId),
             this.loadCurrentUser(userId),
+            this.loadTwoFactorStatus(),
         ]);
         const insightsBySectionId = {};
         const passwordInsights = this.buildPasswordInsights(userId, user);
@@ -2878,6 +3559,7 @@ class AXPUserProfileSecurityInsightsService {
         if (!isEmpty(pinInsights)) {
             insightsBySectionId[SECURITY_PIN_SECTION_ID] = pinInsights;
         }
+        insightsBySectionId[TWO_FACTOR_SECTION_ID] = buildTwoFactorStatusInsights(twoFactorStatus?.enabled === true || twoFactorStatus?.enrolled === true);
         const activeSessionInsights = await this.buildActiveSessionInsights(sessions);
         if (!isEmpty(activeSessionInsights)) {
             insightsBySectionId[ACTIVE_SESSIONS_SECTION_ID] = activeSessionInsights;
@@ -2890,6 +3572,19 @@ class AXPUserProfileSecurityInsightsService {
     }
     //#endregion
     //#region ---- Insight builders ----
+    buildBasicInfoInsights(user) {
+        const email = defaultTo(user?.email, '').trim();
+        return [
+            {
+                id: 'email',
+                icon: 'fa-light fa-fw fa-envelope',
+                title: '@general:terms.communication.email',
+                text: isEmpty(email)
+                    ? '@auth:profile-page.sections.basic-info.insights.email-not-set'
+                    : email,
+            },
+        ];
+    }
     buildPasswordInsights(userId, user) {
         const lastChangedAt = this.parseValidDate(user?.passwordChangedAt) ??
             this.passwordChangeTrackingService.getLastChangedAt(userId);
@@ -3009,6 +3704,19 @@ class AXPUserProfileSecurityInsightsService {
         });
         return response.items ?? [];
     }
+    async loadTwoFactorStatus() {
+        try {
+            const result = await this.commandService.execute(AXMSecurityManagementServerCommands.GetTwoFactorStatus, {});
+            if (!result?.success) {
+                return null;
+            }
+            return runtimeCommandPayloadData(result) ?? null;
+        }
+        catch (error) {
+            console.error('Failed to load two-factor status for profile security insights', error);
+            return null;
+        }
+    }
     //#endregion
     //#region ---- Formatting ----
     parseValidDate(value) {
@@ -3042,16 +3750,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 
 //#region ---- Security sections insights hook ----
-/** Adds live security context (sessions, login, password, PIN) to profile section cards. */
+/** Adds account + security context (email, sessions, login, password, PIN) to profile section cards. */
 const SecuritySectionsInsightsHookProvider = {
     key: PROFILE_PAGE_SECTIONS_HOOK,
     priority: 15,
     execute: async (payload) => {
-        if (!isUserProfileSectionsGroupRequested(payload, 'security')) {
+        const wantAccount = isUserProfileSectionsGroupRequested(payload, 'account');
+        const wantSecurity = isUserProfileSectionsGroupRequested(payload, 'security');
+        if (!wantAccount && !wantSecurity) {
             return payload;
         }
         const insightsService = inject(AXPUserProfileSecurityInsightsService);
-        const insightsBySectionId = await insightsService.loadBySectionId();
+        const insightsBySectionId = {
+            ...(wantAccount ? await insightsService.loadAccountBySectionId() : {}),
+            ...(wantSecurity ? await insightsService.loadBySectionId() : {}),
+        };
         return {
             ...payload,
             sections: payload.sections.map((section) => {
@@ -3187,6 +3900,213 @@ const ProfileSlotPresenceMenuHookProvider = {
 };
 //#endregion
 
+//#region ---- Profile slot install app menu hook ----
+/** Registers Install App in the profile dropdown while this device is not in standalone mode. */
+const ProfileSlotInstallAppMenuHookProvider = {
+    key: PROFILE_SLOT_MENU_ITEMS_HOOK,
+    priority: 5,
+    execute: (payload) => {
+        const pwaInstall = inject(AXPPwaInstallService);
+        return {
+            ...payload,
+            items: [
+                ...payload.items,
+                {
+                    name: 'install-app',
+                    title: '@auth:pwa-install.link',
+                    icon: 'fa-light fa-download',
+                    visible: pwaInstall.offerInProfile(),
+                    command: {
+                        name: 'navigate',
+                        options: {
+                            path: '/auth/install',
+                        },
+                    },
+                },
+            ],
+        };
+    },
+};
+//#endregion
+
+//#region ----- Welcome preference steps hook -----
+/**
+ * Core welcome preference steps, ordered for first-run UX:
+ * language first (so later steps are readable), then appearance.
+ * Editors use the same setting definitions as Settings → User.
+ */
+const WelcomeIntroOnboardingHookProvider = {
+    key: ONBOARDING_STEPS_HOOK,
+    priority: 0,
+    execute: (payload) => ({
+        ...payload,
+        steps: [
+            ...payload.steps,
+            {
+                id: 'welcome-intro',
+                scope: 'user',
+                title: '@auth:welcome-onboarding.steps.welcome-intro.title',
+                description: '@auth:welcome-onboarding.steps.welcome-intro.description',
+                icon: 'fa-solid fa-earth-americas',
+                priority: 10,
+                settingKeys: [AXPRegionalSetting.Language, AXPRegionalSetting.TimeZone],
+            },
+            {
+                id: 'welcome-appearance',
+                scope: 'user',
+                title: '@auth:welcome-onboarding.steps.welcome-appearance.title',
+                description: '@auth:welcome-onboarding.steps.welcome-appearance.description',
+                icon: 'far fa-palette',
+                priority: 15,
+                settingKeys: [
+                    AXPThemeLayoutSetting.Mode,
+                    AXPThemeLayoutSetting.Palette,
+                    AXPThemeLayoutSetting.MenuOrientation,
+                    AXPThemeLayoutSetting.MenuVerticalMode,
+                    AXPThemeLayoutSetting.HeaderAppearance,
+                ],
+            },
+        ],
+    }),
+};
+//#endregion
+
+//#region ----- Profile basics step hook -----
+const welcomeSubFlowReturn = { subFlowReturnUrl: WELCOME_ONBOARDING_ROUTE };
+/**
+ * User-scoped profile basics step (priority 20).
+ * Self-service display name + photo only — no position/org assignment.
+ */
+const ProfileBasicsOnboardingHookProvider = {
+    key: ONBOARDING_STEPS_HOOK,
+    priority: 0,
+    execute: (payload) => ({
+        ...payload,
+        steps: [
+            ...payload.steps,
+            {
+                id: 'profile-basics',
+                scope: 'user',
+                title: '@auth:welcome-onboarding.steps.profile-basics.title',
+                description: '@auth:welcome-onboarding.steps.profile-basics.description',
+                icon: 'far fa-user',
+                priority: 20,
+                actions: [
+                    {
+                        text: '@auth:welcome-onboarding.steps.profile-basics.edit-account',
+                        icon: 'fa-regular fa-pen',
+                        command: { name: AXMAuthCommandKeys.Profile.EditAccountInfo, options: welcomeSubFlowReturn },
+                    },
+                    {
+                        text: '@auth:welcome-onboarding.steps.profile-basics.change-photo',
+                        icon: 'fa-regular fa-camera',
+                        command: { name: AXMAuthCommandKeys.Profile.ChangePhoto, options: welcomeSubFlowReturn },
+                    },
+                ],
+            },
+        ],
+    }),
+};
+//#endregion
+
+//#region ----- Navigation & typography welcome steps -----
+/** User preference steps: typography (with appearance), then navigation. */
+const WelcomeNavigationTypographyOnboardingHookProvider = {
+    key: ONBOARDING_STEPS_HOOK,
+    priority: 5,
+    execute: (payload) => ({
+        ...payload,
+        steps: [
+            ...payload.steps,
+            {
+                id: 'welcome-typography',
+                scope: 'user',
+                title: '@auth:welcome-onboarding.steps.welcome-typography.title',
+                description: '@auth:welcome-onboarding.steps.welcome-typography.description',
+                icon: 'fa-solid fa-font',
+                priority: 16,
+                settingKeys: [AXPThemeLayoutSetting.Font, AXPThemeLayoutSetting.FontSize],
+            },
+            {
+                id: 'welcome-navigation',
+                scope: 'user',
+                title: '@auth:welcome-onboarding.steps.welcome-navigation.title',
+                description: '@auth:welcome-onboarding.steps.welcome-navigation.description',
+                icon: 'fa-solid fa-table-columns',
+                priority: 17,
+                settingKeys: [AXPCommonSettings.NavigationMode, AXPCommonSettings.MaxOpenTabs],
+            },
+        ],
+    }),
+};
+//#endregion
+
+//#region ----- Welcome onboarding trigger -----
+const WELCOME_TRIGGER_DELAY_MS = 600;
+/** Opens the welcome wizard after terms when the assembled plan is incomplete and not snoozed. */
+class AXPWelcomeOnboardingTriggerService {
+    //#endregion
+    //#region ----- Lifecycle -----
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.sessionService = inject(AXPSessionService);
+        this.appInitService = inject(AXPAppStartUpService);
+        this.flowService = inject(AXPWelcomeOnboardingFlowService);
+        this.router = inject(Router);
+        this.destroyRef = inject(DestroyRef);
+        //#endregion
+        //#region ----- State -----
+        this.triggerGeneration = 0;
+        this.appInitService.registerTask({
+            name: 'welcome-onboarding',
+            // Silent — no splash status text
+            priority: AXP_APP_STARTUP_PRIORITY.terms + 1,
+            run: async () => {
+                // Evaluated reactively once the session is authorized with an application.
+            },
+        });
+        combineLatest([this.sessionService.isAuthorized$, this.sessionService.application$])
+            .pipe(distinctUntilChanged(([authorized, app], [previousAuthorized, previousApp]) => authorized === previousAuthorized && app?.id === previousApp?.id), switchMap(([authorized, app]) => {
+            if (!authorized || !app || !this.sessionService.hasSessionCredentials()) {
+                this.triggerGeneration++;
+                return EMPTY;
+            }
+            const generation = this.triggerGeneration;
+            return from(this.evaluateWelcomePlan(generation));
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe();
+    }
+    //#endregion
+    //#region ----- Evaluation -----
+    async evaluateWelcomePlan(generation) {
+        if (!this.canTrigger() || generation !== this.triggerGeneration) {
+            return;
+        }
+        const pending = await this.flowService.evaluatePending(false);
+        if (generation !== this.triggerGeneration || !this.canTrigger() || !pending) {
+            return;
+        }
+        setTimeout(() => {
+            if (generation !== this.triggerGeneration || !this.canTrigger()) {
+                return;
+            }
+            const url = this.router.url;
+            if (url.includes('/auth/account/welcome-onboarding')) {
+                return;
+            }
+            void this.router.navigate(['/auth/account/welcome-onboarding']);
+        }, WELCOME_TRIGGER_DELAY_MS);
+    }
+    canTrigger() {
+        return this.sessionService.isReadyForAppScopedApi;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWelcomeOnboardingTriggerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWelcomeOnboardingTriggerService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWelcomeOnboardingTriggerService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
 //#region ---- User avatar client middleware ----
 const USER_ENTITY = `${RootConfig.module.name}.${RootConfig.entities.users.name}`;
 /** Refreshes avatar cache/session after user detail saves avatar. */
@@ -3219,26 +4139,48 @@ const TITLE_KEYS = {
     login_failed: '@auth:security-alert.login-failed.title',
     account_locked: '@auth:security-alert.account-locked.title',
     logout: '@auth:security-alert.logout.title',
+    two_factor_enabled: '@auth:security-alert.two-factor-enabled.title',
+    two_factor_disabled: '@auth:security-alert.two-factor-disabled.title',
+    two_factor_admin_reset: '@auth:security-alert.two-factor-admin-reset.title',
+    two_factor_recovery_codes_regenerated: '@auth:security-alert.two-factor-recovery-codes-regenerated.title',
 };
 const CONTENT_KEYS = {
     login_success: '@auth:security-alert.login-success.content',
     login_failed: '@auth:security-alert.login-failed.content',
     account_locked: '@auth:security-alert.account-locked.content',
     logout: '@auth:security-alert.logout.content',
+    two_factor_enabled: '@auth:security-alert.two-factor-enabled.content',
+    two_factor_disabled: '@auth:security-alert.two-factor-disabled.content',
+    two_factor_admin_reset: '@auth:security-alert.two-factor-admin-reset.content',
+    two_factor_recovery_codes_regenerated: '@auth:security-alert.two-factor-recovery-codes-regenerated.content',
 };
 const CONTENT_WITH_DETAIL_KEYS = {
     login_success: '@auth:security-alert.login-success.content-with-detail',
     login_failed: '@auth:security-alert.login-failed.content-with-detail',
     account_locked: '@auth:security-alert.account-locked.content-with-detail',
     logout: '@auth:security-alert.logout.content-with-detail',
+    two_factor_enabled: '@auth:security-alert.two-factor-enabled.content-with-detail',
+    two_factor_disabled: '@auth:security-alert.two-factor-disabled.content-with-detail',
+    two_factor_admin_reset: '@auth:security-alert.two-factor-admin-reset.content-with-detail',
+    two_factor_recovery_codes_regenerated: '@auth:security-alert.two-factor-recovery-codes-regenerated.content-with-detail',
 };
-/** Prevents stacking multiple terminate dialogs on duplicate envelopes. */
+/** True while handling remote terminate (suppresses duplicate dialog + logout toast). */
 let remoteTerminateDialogOpen = false;
-async function showAuthSecurityAlertToast(envelope, toast, translate) {
+async function showAuthSecurityAlertToast(envelope, toast, translate, sessionService) {
     const payload = (envelope.payload ?? {});
     if (!payload.kind || payload.kind === 'session_terminated' || !TITLE_KEYS[payload.kind]) {
         return;
     }
+    // "Signed Out Elsewhere" is for other devices only — never toast on the signing-out browser.
+    if (payload.kind === 'logout' && sessionService) {
+        const [stillAuthenticated, loading] = await Promise.all([
+            firstValueFrom(sessionService.isAuthenticated$),
+            firstValueFrom(sessionService.isLoading$),
+        ]);
+        if (!stillAuthenticated || loading) {
+            return;
+        }
+    }
     const detail = [payload.deviceSummary, payload.ipAddress]
         .map((part) => (part ?? '').trim())
         .filter(Boolean)
@@ -3251,20 +4193,30 @@ async function showAuthSecurityAlertToast(envelope, toast, translate) {
             params: { detail },
         })
         : CONTENT_KEYS[payload.kind];
-    const color = payload.kind === 'login_success' || payload.kind === 'logout' ? 'warning' : 'danger';
+    const color = payload.kind === 'login_success' ||
+        payload.kind === 'logout' ||
+        payload.kind === 'two_factor_enabled' ||
+        payload.kind === 'two_factor_disabled' ||
+        payload.kind === 'two_factor_recovery_codes_regenerated'
+        ? 'warning'
+        : 'danger';
     toast.show({ color, title, content, closeButton: true, timeOut: 8000 });
 }
 async function handleRemoteSessionTerminated(sessionService, dialog, router) {
-    const [stillAuthenticated, loading] = await Promise.all([
-        firstValueFrom(sessionService.isAuthenticated$),
-        firstValueFrom(sessionService.isLoading$),
-    ]);
-    // Skip while local sign-out / session bind is in flight (avoids dialog on self-logout).
-    if (!stillAuthenticated || loading || remoteTerminateDialogOpen) {
+    if (remoteTerminateDialogOpen) {
         return;
     }
+    // Set before any await so a concurrent logout envelope skips its toast.
     remoteTerminateDialogOpen = true;
     try {
+        const [stillAuthenticated, loading] = await Promise.all([
+            firstValueFrom(sessionService.isAuthenticated$),
+            firstValueFrom(sessionService.isLoading$),
+        ]);
+        // Skip while local sign-out / session bind is in flight (avoids dialog on self-logout).
+        if (!stillAuthenticated || loading) {
+            return;
+        }
         // Backdrop click is disabled by AXDialogService.open — only Okay closes.
         await dialog.alert('@auth:security-alert.session-terminated.title', '@auth:security-alert.session-terminated.content', 'danger', 'horizontal');
         const authenticatedAfterAck = await firstValueFrom(sessionService.isAuthenticated$);
@@ -3303,7 +4255,11 @@ function provideAuthSecurityAlertRealtime() {
                                 await handleRemoteSessionTerminated(sessionService, dialog, router);
                                 return;
                             }
-                            await showAuthSecurityAlertToast(envelope, toast, translate);
+                            // Logout often arrives with session_terminated on the same socket — dialog only.
+                            if (payload.kind === 'logout' && remoteTerminateDialogOpen) {
+                                return;
+                            }
+                            await showAuthSecurityAlertToast(envelope, toast, translate, sessionService);
                         });
                     },
                 };
@@ -3314,7 +4270,7 @@ function provideAuthSecurityAlertRealtime() {
 //#endregion
 
 function profileRoutesFactory() {
-    const loadProfilePage = () => import('./acorex-platform-module-auth-client-profile-page.component-CGs24n0j.mjs').then((c) => c.AXMUserProfilePageComponent);
+    const loadProfilePage = () => import('./acorex-platform-module-auth-client-profile-page.component-DNtpDf8J.mjs').then((c) => c.AXMUserProfilePageComponent);
     return [
         {
             path: ':app/profile',
@@ -3340,12 +4296,23 @@ class AXMAuthModule {
     constructor() {
         inject(AXPIdleLockService);
         inject(AXPLogoEntitySyncService);
+        inject(AXPWelcomeOnboardingTriggerService);
     }
     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$4.AXPCommonModule, i1$5.RouterModule, AXPAccountModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthModule, imports: [CommonModule, i1$4.AXPCommonModule, i6$1.RouterModule, AXPAccountModule,
             AXMAuthValidationRulesModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthModule, providers: [
             ...provideAuthSecurityAlertRealtime(),
+            provideAppStartUpTask(() => {
+                const pwaInstall = inject(AXPPwaInstallService);
+                return {
+                    name: 'pwa-install-prompt',
+                    priority: AXP_APP_STARTUP_PRIORITY.terms,
+                    run: async () => {
+                        pwaInstall.start();
+                    },
+                };
+            }),
             provideAppStartUpTask(() => {
                 const sessionService = inject(AXPSessionService);
                 const idleLockService = inject(AXPIdleLockService);
@@ -3430,12 +4397,12 @@ class AXMAuthModule {
             }),
             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-DGiK-MmW.mjs').then(m => m.AXMSettingProvider)),
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-1Spuexhb.mjs').then((module) => module.AXMProfilePageComponentProvider)),
+            provideLazyProvider(AXP_SETTING_DEFINITION_PROVIDER, () => import('./acorex-platform-module-auth-client-settings.provider-DsKsZrOC.mjs').then(m => m.AXMSettingProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-i1SGrccV.mjs').then((module) => module.AXMProfilePageComponentProvider)),
             provideQuerySetups([
                 {
                     key: 'Auth:GetUserActivity',
-                    loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-B1bKcSVQ.mjs').then((c) => c.AXMGetUserActivityQuery),
+                    loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-B6se2sJt.mjs').then((c) => c.AXMGetUserActivityQuery),
                 },
             ]),
             {
@@ -3455,39 +4422,43 @@ class AXMAuthModule {
                 },
                 {
                     key: AXMAuthCommandKeys.Session.Signout,
-                    command: () => import('./acorex-platform-module-auth-client-signout-command-B7n_Fn4P.mjs').then((c) => c.AXPSignoutCommand),
+                    command: () => import('./acorex-platform-module-auth-client-signout-command-D4Qgv7q2.mjs').then((c) => c.AXPSignoutCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Session.OpenSessions,
-                    command: () => import('./acorex-platform-module-auth-client-open-sessions.command-DKvyMkhl.mjs').then((c) => c.AXPOpenSessionsCommand),
+                    command: () => import('./acorex-platform-module-auth-client-open-sessions.command-C9ue1SMV.mjs').then((c) => c.AXPOpenSessionsCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Session.LockScreen,
-                    command: () => import('./acorex-platform-module-auth-client-lock-screen.command-DKtlBzS7.mjs').then((c) => c.AXPLockScreenCommand),
+                    command: () => import('./acorex-platform-module-auth-client-lock-screen.command-BRGUe-5j.mjs').then((c) => c.AXPLockScreenCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Profile.ChangePhoto,
-                    command: () => import('./acorex-platform-module-auth-client-change-photo.command-CzO3A7OG.mjs').then((c) => c.AXPChangePhotoCommand),
+                    command: () => import('./acorex-platform-module-auth-client-change-photo.command-CuieLa-Q.mjs').then((c) => c.AXPChangePhotoCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Profile.EditAccountInfo,
-                    command: () => import('./acorex-platform-module-auth-client-edit-account-info.command-CD9IrimO.mjs').then((c) => c.AXPEditAccountInfoCommand),
+                    command: () => import('./acorex-platform-module-auth-client-edit-account-info.command-DulLUfWs.mjs').then((c) => c.AXPEditAccountInfoCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ChangePassword,
-                    command: () => import('./acorex-platform-module-auth-client-change-password.command-BqU3jYV9.mjs').then((c) => c.AXPChangePasswordCommand),
+                    command: () => import('./acorex-platform-module-auth-client-change-password.command-ci4weP0r.mjs').then((c) => c.AXPChangePasswordCommand),
+                },
+                {
+                    key: AXMAuthCommandKeys.Security.ManageTwoFactor,
+                    command: () => import('./acorex-platform-module-auth-client-manage-two-factor.command-t4UEDms3.mjs').then((c) => c.AXPManageTwoFactorCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.SetPinCode,
-                    command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-FjM1kzUj.mjs').then((c) => c.AXPSetPinCodeCommand),
+                    command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-CzUeATL1.mjs').then((c) => c.AXPSetPinCodeCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.RemovePinCode,
-                    command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-Da7ryul6.mjs').then((c) => c.AXPRemovePinCodeCommand),
+                    command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-0kRQprWO.mjs').then((c) => c.AXPRemovePinCodeCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ViewLoginHistory,
-                    command: () => import('./acorex-platform-module-auth-client-view-login-history.command-Cqb27L-l.mjs').then((c) => c.AXPViewLoginHistoryCommand),
+                    command: () => import('./acorex-platform-module-auth-client-view-login-history.command-B35cTU-Z.mjs').then((c) => c.AXPViewLoginHistoryCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.EditSignature,
@@ -3497,47 +4468,76 @@ class AXMAuthModule {
                     key: AXMAuthCommandKeys.Profile.ComingSoon,
                     command: () => import('./acorex-platform-module-auth-client-profile-coming-soon.command-Crh2GsRA.mjs').then((c) => c.AXPProfileComingSoonCommand),
                 },
+                {
+                    key: AXMAuthCommandKeys.Onboarding.Welcome,
+                    command: () => import('./acorex-platform-module-auth-client-welcome-onboarding.command-Cms-SKKf.mjs').then((c) => c.AXPWelcomeOnboardingCommand),
+                },
+                {
+                    key: AXMAuthCommandKeys.Account.OpenWaitingRoom,
+                    command: () => import('./acorex-platform-module-auth-client-open-waiting-room.command-CR-_ppYd.mjs').then((c) => c.AXPOpenWaitingRoomCommand),
+                },
             ]),
+            AXPWelcomeOnboardingTriggerService,
             {
-                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                provide: AXP_HOOK_PROVIDER,
                 useValue: ProfileSlotLogoutMenuHookProvider,
                 multi: true,
             },
             {
-                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                provide: AXP_HOOK_PROVIDER,
                 useValue: ProfileSlotMyProfileMenuHookProvider,
                 multi: true,
             },
             {
-                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                provide: AXP_HOOK_PROVIDER,
+                useValue: ProfileSlotInstallAppMenuHookProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_HOOK_PROVIDER,
                 useValue: ProfileSlotLockMenuHookProvider,
                 multi: true,
             },
             {
-                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                provide: AXP_HOOK_PROVIDER,
                 useValue: ProfileSlotPresenceMenuHookProvider,
                 multi: true,
             },
             {
-                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                provide: AXP_HOOK_PROVIDER,
                 useValue: CoreProfileGroupsHookProvider,
                 multi: true,
             },
             {
-                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                provide: AXP_HOOK_PROVIDER,
                 useValue: CoreProfileSectionsHookProvider,
                 multi: true,
             },
             {
-                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                provide: AXP_HOOK_PROVIDER,
                 useValue: SecurityPinSectionHookProvider,
                 multi: true,
             },
             {
-                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                provide: AXP_HOOK_PROVIDER,
                 useValue: SecuritySectionsInsightsHookProvider,
                 multi: true,
             },
+            {
+                provide: AXP_HOOK_PROVIDER,
+                useValue: WelcomeIntroOnboardingHookProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_HOOK_PROVIDER,
+                useValue: ProfileBasicsOnboardingHookProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_HOOK_PROVIDER,
+                useValue: WelcomeNavigationTypographyOnboardingHookProvider,
+                multi: true,
+            },
         ], imports: [CommonModule,
             AXPCommonModule.forChild({ errorHandlers: [AXMAuthErrorHandler] }),
             RouterModule.forChild(routes),
@@ -3556,6 +4556,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     ],
                     providers: [
                         ...provideAuthSecurityAlertRealtime(),
+                        provideAppStartUpTask(() => {
+                            const pwaInstall = inject(AXPPwaInstallService);
+                            return {
+                                name: 'pwa-install-prompt',
+                                priority: AXP_APP_STARTUP_PRIORITY.terms,
+                                run: async () => {
+                                    pwaInstall.start();
+                                },
+                            };
+                        }),
                         provideAppStartUpTask(() => {
                             const sessionService = inject(AXPSessionService);
                             const idleLockService = inject(AXPIdleLockService);
@@ -3640,12 +4650,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         }),
                         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-DGiK-MmW.mjs').then(m => m.AXMSettingProvider)),
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-1Spuexhb.mjs').then((module) => module.AXMProfilePageComponentProvider)),
+                        provideLazyProvider(AXP_SETTING_DEFINITION_PROVIDER, () => import('./acorex-platform-module-auth-client-settings.provider-DsKsZrOC.mjs').then(m => m.AXMSettingProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-i1SGrccV.mjs').then((module) => module.AXMProfilePageComponentProvider)),
                         provideQuerySetups([
                             {
                                 key: 'Auth:GetUserActivity',
-                                loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-B1bKcSVQ.mjs').then((c) => c.AXMGetUserActivityQuery),
+                                loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-B6se2sJt.mjs').then((c) => c.AXMGetUserActivityQuery),
                             },
                         ]),
                         {
@@ -3665,39 +4675,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: AXMAuthCommandKeys.Session.Signout,
-                                command: () => import('./acorex-platform-module-auth-client-signout-command-B7n_Fn4P.mjs').then((c) => c.AXPSignoutCommand),
+                                command: () => import('./acorex-platform-module-auth-client-signout-command-D4Qgv7q2.mjs').then((c) => c.AXPSignoutCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Session.OpenSessions,
-                                command: () => import('./acorex-platform-module-auth-client-open-sessions.command-DKvyMkhl.mjs').then((c) => c.AXPOpenSessionsCommand),
+                                command: () => import('./acorex-platform-module-auth-client-open-sessions.command-C9ue1SMV.mjs').then((c) => c.AXPOpenSessionsCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Session.LockScreen,
-                                command: () => import('./acorex-platform-module-auth-client-lock-screen.command-DKtlBzS7.mjs').then((c) => c.AXPLockScreenCommand),
+                                command: () => import('./acorex-platform-module-auth-client-lock-screen.command-BRGUe-5j.mjs').then((c) => c.AXPLockScreenCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Profile.ChangePhoto,
-                                command: () => import('./acorex-platform-module-auth-client-change-photo.command-CzO3A7OG.mjs').then((c) => c.AXPChangePhotoCommand),
+                                command: () => import('./acorex-platform-module-auth-client-change-photo.command-CuieLa-Q.mjs').then((c) => c.AXPChangePhotoCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Profile.EditAccountInfo,
-                                command: () => import('./acorex-platform-module-auth-client-edit-account-info.command-CD9IrimO.mjs').then((c) => c.AXPEditAccountInfoCommand),
+                                command: () => import('./acorex-platform-module-auth-client-edit-account-info.command-DulLUfWs.mjs').then((c) => c.AXPEditAccountInfoCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.ChangePassword,
-                                command: () => import('./acorex-platform-module-auth-client-change-password.command-BqU3jYV9.mjs').then((c) => c.AXPChangePasswordCommand),
+                                command: () => import('./acorex-platform-module-auth-client-change-password.command-ci4weP0r.mjs').then((c) => c.AXPChangePasswordCommand),
+                            },
+                            {
+                                key: AXMAuthCommandKeys.Security.ManageTwoFactor,
+                                command: () => import('./acorex-platform-module-auth-client-manage-two-factor.command-t4UEDms3.mjs').then((c) => c.AXPManageTwoFactorCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.SetPinCode,
-                                command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-FjM1kzUj.mjs').then((c) => c.AXPSetPinCodeCommand),
+                                command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-CzUeATL1.mjs').then((c) => c.AXPSetPinCodeCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.RemovePinCode,
-                                command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-Da7ryul6.mjs').then((c) => c.AXPRemovePinCodeCommand),
+                                command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-0kRQprWO.mjs').then((c) => c.AXPRemovePinCodeCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.ViewLoginHistory,
-                                command: () => import('./acorex-platform-module-auth-client-view-login-history.command-Cqb27L-l.mjs').then((c) => c.AXPViewLoginHistoryCommand),
+                                command: () => import('./acorex-platform-module-auth-client-view-login-history.command-B35cTU-Z.mjs').then((c) => c.AXPViewLoginHistoryCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.EditSignature,
@@ -3707,47 +4721,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                                 key: AXMAuthCommandKeys.Profile.ComingSoon,
                                 command: () => import('./acorex-platform-module-auth-client-profile-coming-soon.command-Crh2GsRA.mjs').then((c) => c.AXPProfileComingSoonCommand),
                             },
+                            {
+                                key: AXMAuthCommandKeys.Onboarding.Welcome,
+                                command: () => import('./acorex-platform-module-auth-client-welcome-onboarding.command-Cms-SKKf.mjs').then((c) => c.AXPWelcomeOnboardingCommand),
+                            },
+                            {
+                                key: AXMAuthCommandKeys.Account.OpenWaitingRoom,
+                                command: () => import('./acorex-platform-module-auth-client-open-waiting-room.command-CR-_ppYd.mjs').then((c) => c.AXPOpenWaitingRoomCommand),
+                            },
                         ]),
+                        AXPWelcomeOnboardingTriggerService,
                         {
-                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            provide: AXP_HOOK_PROVIDER,
                             useValue: ProfileSlotLogoutMenuHookProvider,
                             multi: true,
                         },
                         {
-                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            provide: AXP_HOOK_PROVIDER,
                             useValue: ProfileSlotMyProfileMenuHookProvider,
                             multi: true,
                         },
                         {
-                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            provide: AXP_HOOK_PROVIDER,
+                            useValue: ProfileSlotInstallAppMenuHookProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_HOOK_PROVIDER,
                             useValue: ProfileSlotLockMenuHookProvider,
                             multi: true,
                         },
                         {
-                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            provide: AXP_HOOK_PROVIDER,
                             useValue: ProfileSlotPresenceMenuHookProvider,
                             multi: true,
                         },
                         {
-                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            provide: AXP_HOOK_PROVIDER,
                             useValue: CoreProfileGroupsHookProvider,
                             multi: true,
                         },
                         {
-                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            provide: AXP_HOOK_PROVIDER,
                             useValue: CoreProfileSectionsHookProvider,
                             multi: true,
                         },
                         {
-                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            provide: AXP_HOOK_PROVIDER,
                             useValue: SecurityPinSectionHookProvider,
                             multi: true,
                         },
                         {
-                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            provide: AXP_HOOK_PROVIDER,
                             useValue: SecuritySectionsInsightsHookProvider,
                             multi: true,
                         },
+                        {
+                            provide: AXP_HOOK_PROVIDER,
+                            useValue: WelcomeIntroOnboardingHookProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_HOOK_PROVIDER,
+                            useValue: ProfileBasicsOnboardingHookProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_HOOK_PROVIDER,
+                            useValue: WelcomeNavigationTypographyOnboardingHookProvider,
+                            multi: true,
+                        },
                     ],
                 }]
         }], ctorParameters: () => [] });
@@ -3820,5 +4863,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { resolveDayDateRange as $, AXMUserDeviceSessionsService as A, AXPLoginExternalProvidersComponent as B, CHANGE_PASSWORD_SECTION_ID as C, AXMAuthenticationTypes as D, AUTH_LOGIN_EXTERNAL_PROVIDERS_SLOT as E, AUTH_USER_ACTIVITY_CLUSTER_GAP_DAYS as F, AUTH_USER_ACTIVITY_DEFAULT_WEEKS as G, AUTH_USER_ACTIVITY_WEEK_PRESETS as H, AXMAuthErrorHandler as I, AXMAuthModule as J, AXMDefaultAuthConfigs as K, AXM_AUTH_CONFIG_TOKEN as L, aggregateDailySessionCounts as M, aggregateHourlySessionCounts as N, buildUserActivityHours as O, PROFILE_PAGE_GROUPS_HOOK as P, buildUserActivityWeeks as Q, canActivateLogin as R, computeUserActivityStats as S, configAuthModule as T, countToActivityLevel as U, extractUserActivityEndDate as V, extractUserActivityStartDate as W, extractUserActivityUserId as X, isUserProfileGroupComponent as Y, isUserProfileSectionsGroupRequested as Z, parseAuthCredentialType as _, PROFILE_PAGE_SECTIONS_HOOK as a, resolveUserActivityHeatmapLayout as a0, 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, resolveSmartUserActivityDateRange as h, buildUserActivityDataSourceItem as i, AXPIdleLockService as j, AXPUserAvatarSyncService as k, AXPAuthPasswordComplexityService as l, AXPAuthPasswordChangeTrackingService as m, getPasswordComplexityHintKey as n, getPasswordComplexityValidationMessageKey as o, validatePasswordAgainstComplexity as p, buildPasswordLastChangedInsights as q, resolveDefaultUserProfileSectionAction as r, AXPLoginHistoryService as s, AXMAuthPlatformSettingsService as t, AXM_LOGIN_GUARD_TOKEN as u, visibleUserProfileSectionActions as v, AXPTenantChooserListComponent as w, AXPTenantChooserDropdownComponent as x, AXPAppChooserListComponent as y, formatCompactActivityCount as z };
-//# sourceMappingURL=acorex-platform-module-auth-client-acorex-platform-module-auth-client-CRl74b8g.mjs.map
+export { countToActivityLevel as $, AXMUserDeviceSessionsService as A, AXPTenantChooserDropdownComponent as B, CHANGE_PASSWORD_SECTION_ID as C, AXPAppChooserListComponent as D, AXPOnboardingProgressService as E, formatCompactActivityCount as F, AXPLoginExternalProvidersComponent as G, AXMAuthenticationTypes as H, AUTH_LOGIN_EXTERNAL_PROVIDERS_SLOT as I, AUTH_USER_ACTIVITY_CLUSTER_GAP_DAYS as J, AUTH_USER_ACTIVITY_DEFAULT_WEEKS as K, AUTH_USER_ACTIVITY_WEEK_PRESETS as L, AXMAuthErrorHandler as M, AXMAuthModule as N, AXMDefaultAuthConfigs as O, PROFILE_PAGE_GROUPS_HOOK as P, AXM_AUTH_CONFIG_TOKEN as Q, ONBOARDING_STEPS_HOOK as R, ONBOARDING_WELCOME_SETTING_KEY as S, TWO_FACTOR_SECTION_ID$1 as T, aggregateDailySessionCounts as U, aggregateHourlySessionCounts as V, buildUserActivityHours as W, buildUserActivityWeeks as X, canActivateLogin as Y, computeUserActivityStats as Z, configAuthModule as _, PROFILE_PAGE_SECTIONS_HOOK as a, extractUserActivityEndDate as a0, extractUserActivityStartDate as a1, extractUserActivityUserId as a2, isUserProfileGroupComponent as a3, isUserProfileSectionsGroupRequested as a4, parseAuthCredentialType as a5, resolveDayDateRange as a6, resolveUserActivityHeatmapLayout as a7, 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, resolveSmartUserActivityDateRange as h, buildUserActivityDataSourceItem as i, AXPIdleLockService as j, AXPUserAvatarSyncService as k, AXPAuthPasswordComplexityService as l, AXPAuthPasswordChangeTrackingService as m, getPasswordComplexityHintKey as n, getPasswordComplexityValidationMessageKey as o, validatePasswordAgainstComplexity as p, buildPasswordLastChangedInsights as q, resolveDefaultUserProfileSectionAction as r, buildTwoFactorStatusInsights as s, AXPLoginHistoryService as t, AXPWelcomeOnboardingFlowService as u, visibleUserProfileSectionActions as v, AXMAuthPlatformSettingsService as w, AXPPwaInstallService as x, AXM_LOGIN_GUARD_TOKEN as y, AXPTenantChooserListComponent as z };
+//# sourceMappingURL=acorex-platform-module-auth-client-acorex-platform-module-auth-client-DXunSlPC.mjs.map