@acorex-platform/module-auth-client 2.0.0-next.0 → 2.0.0-next.10

package/fesm2022/{acorex-platform-module-auth-client-acorex-platform-module-auth-client-Dgo6MzxI.mjs → acorex-platform-module-auth-client-acorex-platform-module-auth-client-SkJb5De_.mjs}

@@ -1,6 +1,6 @@
 import * as i1$4 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, AXPPlatformBrandingService } from '@acorex-platform/framework-client/common';
-import { AXPSessionService, AXPUnauthorizedError, AXPUnauthenticatedError, AXPAuthStrategyRegistryService, storeSessionLimitPendingTenant, isMaxActiveDeviceSessionsError, traceAuthGuard, AXPAuthGuard, AXPSessionStatus } from '@acorex-platform/framework-client/auth';
+import { AXPSessionService, AXPUnauthorizedError, AXPUnauthenticatedError, storeSessionLimitPendingTenant, isMaxActiveDeviceSessionsError, AXPAuthStrategyRegistryService, traceAuthGuard, AXPAuthGuard, AXPSessionStatus } from '@acorex-platform/framework-client/auth';
 import { AXPUserAvatarService, AXPUserAvatarComponent, AXP_PAGE_COMPONENT_PROVIDER } from '@acorex-platform/framework-client/layout/components';
 import { AXPFileStorageStatus, 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';
@@ -36,8 +36,9 @@ 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 { AXToastService } from '@acorex/components/toast';
 import * as i5$1 from '@acorex/core/translation';
-import { AXTranslationModule, AXTranslationService, resolveMultiLanguageString } from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule, resolveMultiLanguageString } from '@acorex/core/translation';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { AXAvatarModule } from '@acorex/components/avatar';
 import { AXImageModule } from '@acorex/components/image';
@@ -45,7 +46,6 @@ import * as i6 from '@acorex/components/search-box';
 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';
@@ -996,12 +996,12 @@ const routes = [
             {
                 path: '',
                 loadComponent: () => Promise.resolve().then(function () { return master_layout; }).then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-login.module-DFWtA7S3.mjs').then((c) => c.AXPSignInModule),
+                loadChildren: () => import('./acorex-platform-module-auth-client-login.module-WwQbqd7-.mjs').then((c) => c.AXPSignInModule),
             },
             {
                 path: '',
                 loadComponent: () => Promise.resolve().then(function () { return master_layout; }).then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-two-factor.module-BC8AJTp4.mjs').then((c) => c.AXPTwoFactorModule),
+                loadChildren: () => import('./acorex-platform-module-auth-client-two-factor.module-vAvrglMG.mjs').then((c) => c.AXPTwoFactorModule),
             },
             {
                 path: '',
@@ -1020,12 +1020,24 @@ const routes = [
             {
                 path: '',
                 loadComponent: () => Promise.resolve().then(function () { return master_layout; }).then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-register.module-Dz-SOKXN.mjs').then((c) => c.AXPRegisterModule),
+                loadChildren: () => import('./acorex-platform-module-auth-client-register.module-GjhqH1S7.mjs').then((c) => c.AXPRegisterModule),
             },
         ],
     },
 ];
 
+//#region ----- Session limit navigation -----
+async function navigateToSessionLimitChooser(router, tenant) {
+    storeSessionLimitPendingTenant(tenant);
+    return router.navigate(['/auth/account/session-limit'], {
+        state: { tenant },
+    });
+}
+function isSessionLimitBindError(error) {
+    return isMaxActiveDeviceSessionsError(error);
+}
+//#endregion
+
 class AXPAppChooserListComponent {
     //#endregion
     //#region ---- Computed Properties ----
@@ -1043,6 +1055,9 @@ class AXPAppChooserListComponent {
         this.sessionService = inject(AXPSessionService);
         this.homePageService = inject(AXPHomePageService);
         this.authStrategyRegistry = inject(AXPAuthStrategyRegistryService);
+        this.toastService = inject(AXToastService);
+        this.translationService = inject(AXTranslationService);
+        this.router = inject(Router);
         this.logoRegistration = inject(AXPEntityLogoRegistrationService);
         this.applicationService = this.entityService.withEntity(RootConfig$1.module.name, RootConfig$1.entities.application.name).data();
         this.strategyName = this.sessionService.getSessionData()?.strategy;
@@ -1198,6 +1213,22 @@ class AXPAppChooserListComponent {
             this.applicationChosen.emit();
             await this.homePageService.navigateTo();
         }
+        catch (error) {
+            const tenant = this.sessionService.tenant;
+            if (tenant?.id && isSessionLimitBindError(error)) {
+                await navigateToSessionLimitChooser(this.router, tenant);
+                return;
+            }
+            if (!this.sessionService.hasSessionCredentials()) {
+                await this.router.navigate(['/auth/login']);
+                return;
+            }
+            this.toastService.show({
+                color: 'danger',
+                content: await this.translationService.translateAsync('@auth:application-chooser.open-failed'),
+                timeOut: 5000,
+            });
+        }
         finally {
             this.isChoosing.set(false);
             this.choosingId.set(null);
@@ -1215,7 +1246,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)=\"handleSelectBoxOpened()\"\n      (onClosed)=\"handleSelectBoxClosed()\"\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)=\"handleSelectBoxOpened()\"\n      (onClosed)=\"handleSelectBoxClosed()\"\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", "allowSelectAll", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAppChooserListComponent, decorators: [{
             type: Component,
@@ -1244,25 +1275,13 @@ 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", "closeOnNavigation", "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", "restoreFocusOnClose", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAppChooserSlotComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.Eager, imports: [CommonModule, AXButtonModule, AXPopoverModule, AXDecoratorModule, AXPAppChooserListComponent], template: "@if (applications$ | async; as applications) {\n  @if (applications.length > 1) {\n    <ax-button [color]=\"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" }]
         }], propDecorators: { appPopover: [{ type: i0.ViewChild, args: ['appPopover', { isSignal: true }] }] } });
 
-//#region ----- Session limit navigation -----
-async function navigateToSessionLimitChooser(router, tenant) {
-    storeSessionLimitPendingTenant(tenant);
-    return router.navigate(['/auth/account/session-limit'], {
-        state: { tenant },
-    });
-}
-function isSessionLimitBindError(error) {
-    return isMaxActiveDeviceSessionsError(error);
-}
-//#endregion
-
 class AXPTenantChooserListComponent {
     tenantLogoKey(tenant) {
         return axpTenantLogoKey(tenant.id);
@@ -1463,7 +1482,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)=\"handleSelectBoxOpened()\"\n      (onClosed)=\"handleSelectBoxClosed()\"\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)=\"handleSelectBoxOpened()\"\n      (onClosed)=\"handleSelectBoxClosed()\"\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", "allowSelectAll", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantChooserListComponent, decorators: [{
             type: Component,
@@ -1524,7 +1543,7 @@ 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", "closeOnNavigation", "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", "restoreFocusOnClose", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantChooserDropdownComponent, decorators: [{
             type: Component,
@@ -1660,7 +1679,7 @@ 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            @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]=\"('@auth:profile-page.profile-slot.sign-up-sign-in' | translate | async) ?? ''\"\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", "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: 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", "restoreFocusOnClose", "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: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: 
                 // AXKBDComponent,
                 // AXKBDItemComponent,
                 AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "component", type: 
@@ -2418,7 +2437,7 @@ function routesFacory() {
     routes = [
         {
             path: 'tenant-chooser',
-            loadComponent: () => import('./acorex-platform-module-auth-client-tenant-chooser.component-cRTVB-7T.mjs').then((c) => c.AXPAuthTenantChooserComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-tenant-chooser.component-CcmfIxWu.mjs').then((c) => c.AXPAuthTenantChooserComponent),
             canActivate: [AXPAuthGuard, canActivateTenantChooser],
         },
         {
@@ -2433,12 +2452,12 @@ function routesFacory() {
         },
         {
             path: 'app-chooser',
-            loadComponent: () => import('./acorex-platform-module-auth-client-app-chooser.component-nSUtqF_D.mjs').then((c) => c.AXPAuthAppChooserComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-app-chooser.component-DOVByQ1Y.mjs').then((c) => c.AXPAuthAppChooserComponent),
             canActivate: [AXPAuthGuard, canActivateAppChooser],
         },
         {
             path: 'welcome-onboarding',
-            loadComponent: () => import('./acorex-platform-module-auth-client-welcome-onboarding-page.component-CQUpjsZw.mjs').then((c) => c.AXPAuthWelcomeOnboardingPageComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-welcome-onboarding-page.component-3hQyrN9O.mjs').then((c) => c.AXPAuthWelcomeOnboardingPageComponent),
             canActivate: [AXPAuthGuard, canActivateWelcomeOnboarding],
         },
     ];
@@ -2826,7 +2845,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-PQ91EQjh.mjs');
+            const { AXMSessionLockOverlayComponent: overlayComponent } = await import('./acorex-platform-module-auth-client-session-lock-overlay.component-B-IYqWN5.mjs');
             const panelClasses = ['axm-session-lock-overlay-shell'];
             if (this.platform.isDark()) {
                 panelClasses.push('ax-dark');
@@ -4081,7 +4100,7 @@ function provideAuthSecurityAlertRealtime() {
 //#endregion
 
 function profileRoutesFactory() {
-    const loadProfilePage = () => import('./acorex-platform-module-auth-client-profile-page.component-Dc7gRTQD.mjs').then((c) => c.AXMUserProfilePageComponent);
+    const loadProfilePage = () => import('./acorex-platform-module-auth-client-profile-page.component-zoMpwrJM.mjs').then((c) => c.AXMUserProfilePageComponent);
     return [
         {
             path: ':app/profile',
@@ -4199,11 +4218,11 @@ 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-DsKsZrOC.mjs').then(m => m.AXMSettingProvider)),
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-D5xhGDPH.mjs').then((module) => module.AXMProfilePageComponentProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-BtfflpzH.mjs').then((module) => module.AXMProfilePageComponentProvider)),
             provideQuerySetups([
                 {
                     key: 'Auth:GetUserActivity',
-                    loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-ZTJMfhir.mjs').then((c) => c.AXMGetUserActivityQuery),
+                    loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-DN9utgW4.mjs').then((c) => c.AXMGetUserActivityQuery),
                 },
             ]),
             {
@@ -4227,15 +4246,15 @@ class AXMAuthModule {
                 },
                 {
                     key: AXMAuthCommandKeys.Session.OpenSessions,
-                    command: () => import('./acorex-platform-module-auth-client-open-sessions.command-DToDT9eb.mjs').then((c) => c.AXPOpenSessionsCommand),
+                    command: () => import('./acorex-platform-module-auth-client-open-sessions.command-DLk84W39.mjs').then((c) => c.AXPOpenSessionsCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Session.LockScreen,
-                    command: () => import('./acorex-platform-module-auth-client-lock-screen.command-CUs7Q6yh.mjs').then((c) => c.AXPLockScreenCommand),
+                    command: () => import('./acorex-platform-module-auth-client-lock-screen.command-D_hOIiAX.mjs').then((c) => c.AXPLockScreenCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Profile.ChangePhoto,
-                    command: () => import('./acorex-platform-module-auth-client-change-photo.command-DFS8TE__.mjs').then((c) => c.AXPChangePhotoCommand),
+                    command: () => import('./acorex-platform-module-auth-client-change-photo.command-CjjLvPGU.mjs').then((c) => c.AXPChangePhotoCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Profile.EditAccountInfo,
@@ -4243,23 +4262,23 @@ class AXMAuthModule {
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ChangePassword,
-                    command: () => import('./acorex-platform-module-auth-client-change-password.command-Bman8avz.mjs').then((c) => c.AXPChangePasswordCommand),
+                    command: () => import('./acorex-platform-module-auth-client-change-password.command-4x8gjfSP.mjs').then((c) => c.AXPChangePasswordCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ManageTwoFactor,
-                    command: () => import('./acorex-platform-module-auth-client-manage-two-factor.command-BXK7Lvpw.mjs').then((c) => c.AXPManageTwoFactorCommand),
+                    command: () => import('./acorex-platform-module-auth-client-manage-two-factor.command-CVJDhh2m.mjs').then((c) => c.AXPManageTwoFactorCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.SetPinCode,
-                    command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-BdtPwfLH.mjs').then((c) => c.AXPSetPinCodeCommand),
+                    command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-g8ZYcYLN.mjs').then((c) => c.AXPSetPinCodeCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.RemovePinCode,
-                    command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-LKjypQTk.mjs').then((c) => c.AXPRemovePinCodeCommand),
+                    command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-TphAoLJG.mjs').then((c) => c.AXPRemovePinCodeCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ViewLoginHistory,
-                    command: () => import('./acorex-platform-module-auth-client-view-login-history.command-EHXTmZtV.mjs').then((c) => c.AXPViewLoginHistoryCommand),
+                    command: () => import('./acorex-platform-module-auth-client-view-login-history.command-BhmZhCti.mjs').then((c) => c.AXPViewLoginHistoryCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.EditSignature,
@@ -4271,7 +4290,7 @@ class AXMAuthModule {
                 },
                 {
                     key: AXMAuthCommandKeys.Onboarding.Welcome,
-                    command: () => import('./acorex-platform-module-auth-client-welcome-onboarding.command-D8cyXb5q.mjs').then((c) => c.AXPWelcomeOnboardingCommand),
+                    command: () => import('./acorex-platform-module-auth-client-welcome-onboarding.command-Dj8Ty__8.mjs').then((c) => c.AXPWelcomeOnboardingCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Account.OpenWaitingRoom,
@@ -4437,11 +4456,11 @@ 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-DsKsZrOC.mjs').then(m => m.AXMSettingProvider)),
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-D5xhGDPH.mjs').then((module) => module.AXMProfilePageComponentProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-BtfflpzH.mjs').then((module) => module.AXMProfilePageComponentProvider)),
                         provideQuerySetups([
                             {
                                 key: 'Auth:GetUserActivity',
-                                loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-ZTJMfhir.mjs').then((c) => c.AXMGetUserActivityQuery),
+                                loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-DN9utgW4.mjs').then((c) => c.AXMGetUserActivityQuery),
                             },
                         ]),
                         {
@@ -4465,15 +4484,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: AXMAuthCommandKeys.Session.OpenSessions,
-                                command: () => import('./acorex-platform-module-auth-client-open-sessions.command-DToDT9eb.mjs').then((c) => c.AXPOpenSessionsCommand),
+                                command: () => import('./acorex-platform-module-auth-client-open-sessions.command-DLk84W39.mjs').then((c) => c.AXPOpenSessionsCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Session.LockScreen,
-                                command: () => import('./acorex-platform-module-auth-client-lock-screen.command-CUs7Q6yh.mjs').then((c) => c.AXPLockScreenCommand),
+                                command: () => import('./acorex-platform-module-auth-client-lock-screen.command-D_hOIiAX.mjs').then((c) => c.AXPLockScreenCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Profile.ChangePhoto,
-                                command: () => import('./acorex-platform-module-auth-client-change-photo.command-DFS8TE__.mjs').then((c) => c.AXPChangePhotoCommand),
+                                command: () => import('./acorex-platform-module-auth-client-change-photo.command-CjjLvPGU.mjs').then((c) => c.AXPChangePhotoCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Profile.EditAccountInfo,
@@ -4481,23 +4500,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.ChangePassword,
-                                command: () => import('./acorex-platform-module-auth-client-change-password.command-Bman8avz.mjs').then((c) => c.AXPChangePasswordCommand),
+                                command: () => import('./acorex-platform-module-auth-client-change-password.command-4x8gjfSP.mjs').then((c) => c.AXPChangePasswordCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.ManageTwoFactor,
-                                command: () => import('./acorex-platform-module-auth-client-manage-two-factor.command-BXK7Lvpw.mjs').then((c) => c.AXPManageTwoFactorCommand),
+                                command: () => import('./acorex-platform-module-auth-client-manage-two-factor.command-CVJDhh2m.mjs').then((c) => c.AXPManageTwoFactorCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.SetPinCode,
-                                command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-BdtPwfLH.mjs').then((c) => c.AXPSetPinCodeCommand),
+                                command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-g8ZYcYLN.mjs').then((c) => c.AXPSetPinCodeCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.RemovePinCode,
-                                command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-LKjypQTk.mjs').then((c) => c.AXPRemovePinCodeCommand),
+                                command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-TphAoLJG.mjs').then((c) => c.AXPRemovePinCodeCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.ViewLoginHistory,
-                                command: () => import('./acorex-platform-module-auth-client-view-login-history.command-EHXTmZtV.mjs').then((c) => c.AXPViewLoginHistoryCommand),
+                                command: () => import('./acorex-platform-module-auth-client-view-login-history.command-BhmZhCti.mjs').then((c) => c.AXPViewLoginHistoryCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.EditSignature,
@@ -4509,7 +4528,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: AXMAuthCommandKeys.Onboarding.Welcome,
-                                command: () => import('./acorex-platform-module-auth-client-welcome-onboarding.command-D8cyXb5q.mjs').then((c) => c.AXPWelcomeOnboardingCommand),
+                                command: () => import('./acorex-platform-module-auth-client-welcome-onboarding.command-Dj8Ty__8.mjs').then((c) => c.AXPWelcomeOnboardingCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Account.OpenWaitingRoom,
@@ -4689,4 +4708,4 @@ var master_layout = /*#__PURE__*/Object.freeze({
  */
 
 export { configAuthModule as $, AXMUserDeviceSessionsService as A, AXPAppChooserListComponent as B, CHANGE_PASSWORD_SECTION_ID as C, AXPOnboardingProgressService as D, formatCompactActivityCount as E, AXPLoginExternalProvidersComponent as F, AXMAuthenticationTypes as G, AUTH_LOGIN_EXTERNAL_PROVIDERS_SLOT as H, AUTH_USER_ACTIVITY_CLUSTER_GAP_DAYS as I, AUTH_USER_ACTIVITY_DEFAULT_WEEKS as J, AUTH_USER_ACTIVITY_WEEK_PRESETS as K, AXMAuthErrorHandler as L, AXMAuthModule as M, AXMDefaultAuthConfigs as N, AXM_AUTH_CONFIG_TOKEN as O, PROFILE_PAGE_GROUPS_HOOK as P, AXPAuthMasterLayoutComponent as Q, ONBOARDING_STEPS_HOOK as R, ONBOARDING_WELCOME_SETTING_KEY as S, TWO_FACTOR_SECTION_ID$1 as T, PROFILE_SLOT_MENU_ITEMS_HOOK as U, aggregateDailySessionCounts as V, aggregateHourlySessionCounts as W, buildUserActivityHours as X, buildUserActivityWeeks as Y, canActivateLogin as Z, computeUserActivityStats as _, PROFILE_PAGE_SECTIONS_HOOK as a, countToActivityLevel as a0, extractUserActivityEndDate as a1, extractUserActivityStartDate as a2, extractUserActivityUserId as a3, hasProfileSlotMenuBreakAfter as a4, hasProfileSlotMenuBreakBefore as a5, isUserProfileGroupComponent as a6, isUserProfileSectionsGroupRequested as a7, parseAuthCredentialType as a8, resolveDayDateRange as a9, resolveUserActivityHeatmapLayout as aa, 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, AXM_LOGIN_GUARD_TOKEN as w, AXMAuthPlatformSettingsService as x, AXPTenantChooserListComponent as y, AXPTenantChooserDropdownComponent as z };
-//# sourceMappingURL=acorex-platform-module-auth-client-acorex-platform-module-auth-client-Dgo6MzxI.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-acorex-platform-module-auth-client-SkJb5De_.mjs.map