@acorex-platform/module-auth-client 0.0.59 → 0.0.61

package/fesm2022/{acorex-platform-module-auth-client-acorex-platform-module-auth-client-CQEt9bXJ.mjs → acorex-platform-module-auth-client-acorex-platform-module-auth-client-DINrCCAx.mjs}

@@ -6,7 +6,7 @@ import { AXPFileStorageStatus, coerceUnknownToTrimmedString, AXPPlatformScope, A
 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 { inject, Injectable, isDevMode, InjectionToken, NgModule, input, output, viewChild, viewChildren, signal, computed, effect, ChangeDetectionStrategy, Component, DestroyRef, Input, ViewEncapsulation, ViewChild, Injector, afterNextRender, NgZone, ApplicationRef } from '@angular/core';
 import { AXPLayoutThemeService, AXPMenuVerticalMode, AXPThemeLayoutSetting } from '@acorex-platform/framework-client/themes/shared';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as i6$1 from '@angular/router';
@@ -19,12 +19,12 @@ import * as i1$3 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, AXPContextStore } 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 i3$1 from '@angular/common';
+import * as i5 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$2 from '@acorex/components/decorators';
+import * as i3$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i2$1 from '@acorex/components/popover';
 import { AXPopoverModule } from '@acorex/components/popover';
@@ -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 from '@acorex/core/translation';
+import * as i5$1 from '@acorex/core/translation';
 import { AXTranslationModule, AXTranslationService, resolveMultiLanguageString } from '@acorex/core/translation';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { AXAvatarModule } from '@acorex/components/avatar';
@@ -991,26 +991,26 @@ const routes = [
             },
             {
                 path: 'unavailable',
-                loadComponent: () => import('./acorex-platform-module-auth-client-platform-settings-unavailable.component-LwuokJiZ.mjs').then((c) => c.AXMPlatformSettingsUnavailableComponent),
+                loadComponent: () => import('./acorex-platform-module-auth-client-platform-settings-unavailable.component-BJMtsa99.mjs').then((c) => c.AXMPlatformSettingsUnavailableComponent),
             },
             {
                 path: '',
                 loadComponent: () => Promise.resolve().then(function () { return master_layout; }).then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-login.module-BM3L_d8i.mjs').then((c) => c.AXPSignInModule),
+                loadChildren: () => import('./acorex-platform-module-auth-client-login.module-gi6wea8m.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-CrLPxje1.mjs').then((c) => c.AXPTwoFactorModule),
+                loadChildren: () => import('./acorex-platform-module-auth-client-two-factor.module-C0mkbR4X.mjs').then((c) => c.AXPTwoFactorModule),
             },
             {
                 path: '',
                 loadComponent: () => Promise.resolve().then(function () { return master_layout; }).then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-routes-90eFjxx8.mjs').then((c) => c),
+                loadChildren: () => import('./acorex-platform-module-auth-client-routes-Dw8YhBrw.mjs').then((c) => c),
             },
             {
                 path: 'oauth-callback',
-                loadComponent: () => import('./acorex-platform-module-auth-client-oauth-callback.component-BgUSFibH.mjs').then((c) => c.AXPOAuthCallbackComponent),
+                loadComponent: () => import('./acorex-platform-module-auth-client-oauth-callback.component-DLrIDQXn.mjs').then((c) => c.AXPOAuthCallbackComponent),
             },
             {
                 path: 'account',
@@ -1020,7 +1020,7 @@ const routes = [
             {
                 path: '',
                 loadComponent: () => Promise.resolve().then(function () { return master_layout; }).then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-register.module-R-yxS0EI.mjs').then((c) => c.AXPRegisterModule),
+                loadChildren: () => import('./acorex-platform-module-auth-client-register.module-BXMV9tp3.mjs').then((c) => c.AXPRegisterModule),
             },
         ],
     },
@@ -1215,7 +1215,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: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.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", "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,7 +1244,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", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$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 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAppChooserSlotComponent, decorators: [{
             type: Component,
@@ -1281,6 +1281,7 @@ class AXPTenantChooserListComponent {
         this.logoRegistration = inject(AXPEntityLogoRegistrationService);
         this.translationService = inject(AXTranslationService);
         this.router = inject(Router);
+        this.destroyRef = inject(DestroyRef);
         this.strategyName = this.sessionService.getSessionData()?.strategy;
         this.strategy = this.authStrategyRegistry.get(this.strategyName);
         //#endregion
@@ -1346,7 +1347,7 @@ class AXPTenantChooserListComponent {
     //#endregion
     //#region ---- Lifecycle Methods ----
     ngOnInit() {
-        this.sessionService.tenants$.pipe(first()).subscribe((tenants) => {
+        this.sessionService.tenants$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((tenants) => {
             this.logoRegistration.registerTenants(tenants);
             this.allTenants.set(tenants);
             this.isLoading.set(false);
@@ -1462,7 +1463,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$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 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantChooserListComponent, decorators: [{
             type: Component,
@@ -1523,7 +1524,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$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$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 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantChooserDropdownComponent, decorators: [{
             type: Component,
@@ -1659,12 +1660,12 @@ 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$2.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: 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: 
                 //
-                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 }); }
+                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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthProfileSlotComponent, decorators: [{
             type: Component,
@@ -1769,7 +1770,7 @@ 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=\"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$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: 
+                AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
                 //
                 AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown", 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 }); }
 }
@@ -2417,27 +2418,27 @@ function routesFacory() {
     routes = [
         {
             path: 'tenant-chooser',
-            loadComponent: () => import('./acorex-platform-module-auth-client-tenant-chooser.component-BEtlhGUb.mjs').then((c) => c.AXPAuthTenantChooserComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-tenant-chooser.component-CdqBeKVw.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),
+            loadComponent: () => import('./acorex-platform-module-auth-client-waiting-room.component-Wu8iPiTm.mjs').then((c) => c.AXPAuthWaitingRoomComponent),
             canActivate: [AXPAuthGuard],
         },
         {
             path: 'session-limit',
-            loadComponent: () => import('./acorex-platform-module-auth-client-session-limit.component-Dc6TIn-2.mjs').then((c) => c.AXPAuthSessionLimitComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-session-limit.component-DH58dRba.mjs').then((c) => c.AXPAuthSessionLimitComponent),
             canActivate: [AXPAuthGuard],
         },
         {
             path: 'app-chooser',
-            loadComponent: () => import('./acorex-platform-module-auth-client-app-chooser.component-SUwPTueG.mjs').then((c) => c.AXPAuthAppChooserComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-app-chooser.component-C1fUi_Mp.mjs').then((c) => c.AXPAuthAppChooserComponent),
             canActivate: [AXPAuthGuard, canActivateAppChooser],
         },
         {
             path: 'welcome-onboarding',
-            loadComponent: () => import('./acorex-platform-module-auth-client-welcome-onboarding-page.component-3yva-FyV.mjs').then((c) => c.AXPAuthWelcomeOnboardingPageComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-welcome-onboarding-page.component-BKqHYkv2.mjs').then((c) => c.AXPAuthWelcomeOnboardingPageComponent),
             canActivate: [AXPAuthGuard, canActivateWelcomeOnboarding],
         },
     ];
@@ -2825,7 +2826,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-DBJjSIOq.mjs');
+            const { AXMSessionLockOverlayComponent: overlayComponent } = await import('./acorex-platform-module-auth-client-session-lock-overlay.component-D_IKdJl8.mjs');
             const panelClasses = ['axm-session-lock-overlay-shell'];
             if (this.platform.isDark()) {
                 panelClasses.push('ax-dark');
@@ -3367,7 +3368,7 @@ class AXPUserProfileSecurityInsightsService {
             this.loadTwoFactorStatus(),
         ]);
         const insightsBySectionId = {};
-        const passwordInsights = this.buildPasswordInsights(userId, user);
+        const passwordInsights = await this.buildPasswordInsights(userId, user);
         if (!isEmpty(passwordInsights)) {
             insightsBySectionId[CHANGE_PASSWORD_SECTION_ID] = passwordInsights;
         }
@@ -3401,7 +3402,17 @@ class AXPUserProfileSecurityInsightsService {
             },
         ];
     }
-    buildPasswordInsights(userId, user) {
+    async buildPasswordInsights(userId, user) {
+        const hasPassword = await this.loadHasPassword();
+        if (!hasPassword) {
+            return [
+                {
+                    id: 'password-not-set',
+                    icon: 'fa-light fa-fw fa-key',
+                    text: '@auth:profile-page.sections.change-password.insights.not-set',
+                },
+            ];
+        }
         const lastChangedAt = this.parseValidDate(user?.passwordChangedAt) ??
             this.passwordChangeTrackingService.getLastChangedAt(userId);
         if (lastChangedAt) {
@@ -3415,6 +3426,19 @@ class AXPUserProfileSecurityInsightsService {
             },
         ];
     }
+    async loadHasPassword() {
+        try {
+            const result = await this.commandService.execute(AXMSecurityManagementServerCommands.GetOwnPasswordStatus, {});
+            if (!result?.success) {
+                return true;
+            }
+            const payload = runtimeCommandPayloadData(result);
+            return payload?.hasPassword === true;
+        }
+        catch {
+            return true;
+        }
+    }
     buildPinInsights(user) {
         const lastChangedAt = this.parseValidDate(user?.pinChangedAt);
         if (lastChangedAt) {
@@ -4057,7 +4081,7 @@ function provideAuthSecurityAlertRealtime() {
 //#endregion
 
 function profileRoutesFactory() {
-    const loadProfilePage = () => import('./acorex-platform-module-auth-client-profile-page.component-iGdfjv6g.mjs').then((c) => c.AXMUserProfilePageComponent);
+    const loadProfilePage = () => import('./acorex-platform-module-auth-client-profile-page.component-BNYoh2IL.mjs').then((c) => c.AXMUserProfilePageComponent);
     return [
         {
             path: ':app/profile',
@@ -4175,11 +4199,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-CelasDrw.mjs').then((module) => module.AXMProfilePageComponentProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-DEVBmVKd.mjs').then((module) => module.AXMProfilePageComponentProvider)),
             provideQuerySetups([
                 {
                     key: 'Auth:GetUserActivity',
-                    loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-CLdmidQb.mjs').then((c) => c.AXMGetUserActivityQuery),
+                    loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-BGOYJ4FC.mjs').then((c) => c.AXMGetUserActivityQuery),
                 },
             ]),
             {
@@ -4203,15 +4227,15 @@ class AXMAuthModule {
                 },
                 {
                     key: AXMAuthCommandKeys.Session.OpenSessions,
-                    command: () => import('./acorex-platform-module-auth-client-open-sessions.command-Dq9eJ-bY.mjs').then((c) => c.AXPOpenSessionsCommand),
+                    command: () => import('./acorex-platform-module-auth-client-open-sessions.command-CwWtPiTG.mjs').then((c) => c.AXPOpenSessionsCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Session.LockScreen,
-                    command: () => import('./acorex-platform-module-auth-client-lock-screen.command-CHbe_N-Z.mjs').then((c) => c.AXPLockScreenCommand),
+                    command: () => import('./acorex-platform-module-auth-client-lock-screen.command-BOKKr6WW.mjs').then((c) => c.AXPLockScreenCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Profile.ChangePhoto,
-                    command: () => import('./acorex-platform-module-auth-client-change-photo.command-C1Fm_MdA.mjs').then((c) => c.AXPChangePhotoCommand),
+                    command: () => import('./acorex-platform-module-auth-client-change-photo.command-2e7ZjiEf.mjs').then((c) => c.AXPChangePhotoCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Profile.EditAccountInfo,
@@ -4219,23 +4243,23 @@ class AXMAuthModule {
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ChangePassword,
-                    command: () => import('./acorex-platform-module-auth-client-change-password.command-DRwzhNlO.mjs').then((c) => c.AXPChangePasswordCommand),
+                    command: () => import('./acorex-platform-module-auth-client-change-password.command-UvBqwF9V.mjs').then((c) => c.AXPChangePasswordCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ManageTwoFactor,
-                    command: () => import('./acorex-platform-module-auth-client-manage-two-factor.command-BOM6_896.mjs').then((c) => c.AXPManageTwoFactorCommand),
+                    command: () => import('./acorex-platform-module-auth-client-manage-two-factor.command-DRsNZWZF.mjs').then((c) => c.AXPManageTwoFactorCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.SetPinCode,
-                    command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-CheMeghC.mjs').then((c) => c.AXPSetPinCodeCommand),
+                    command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-DRLTGXEF.mjs').then((c) => c.AXPSetPinCodeCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.RemovePinCode,
-                    command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-DHY46WWD.mjs').then((c) => c.AXPRemovePinCodeCommand),
+                    command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-D9uLV6je.mjs').then((c) => c.AXPRemovePinCodeCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ViewLoginHistory,
-                    command: () => import('./acorex-platform-module-auth-client-view-login-history.command-qrd0bNM9.mjs').then((c) => c.AXPViewLoginHistoryCommand),
+                    command: () => import('./acorex-platform-module-auth-client-view-login-history.command-CerhsvHF.mjs').then((c) => c.AXPViewLoginHistoryCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.EditSignature,
@@ -4247,7 +4271,7 @@ class AXMAuthModule {
                 },
                 {
                     key: AXMAuthCommandKeys.Onboarding.Welcome,
-                    command: () => import('./acorex-platform-module-auth-client-welcome-onboarding.command-CFpMZAwC.mjs').then((c) => c.AXPWelcomeOnboardingCommand),
+                    command: () => import('./acorex-platform-module-auth-client-welcome-onboarding.command--Rr0duJS.mjs').then((c) => c.AXPWelcomeOnboardingCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Account.OpenWaitingRoom,
@@ -4413,11 +4437,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-CelasDrw.mjs').then((module) => module.AXMProfilePageComponentProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-DEVBmVKd.mjs').then((module) => module.AXMProfilePageComponentProvider)),
                         provideQuerySetups([
                             {
                                 key: 'Auth:GetUserActivity',
-                                loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-CLdmidQb.mjs').then((c) => c.AXMGetUserActivityQuery),
+                                loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-BGOYJ4FC.mjs').then((c) => c.AXMGetUserActivityQuery),
                             },
                         ]),
                         {
@@ -4441,15 +4465,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-Dq9eJ-bY.mjs').then((c) => c.AXPOpenSessionsCommand),
+                                command: () => import('./acorex-platform-module-auth-client-open-sessions.command-CwWtPiTG.mjs').then((c) => c.AXPOpenSessionsCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Session.LockScreen,
-                                command: () => import('./acorex-platform-module-auth-client-lock-screen.command-CHbe_N-Z.mjs').then((c) => c.AXPLockScreenCommand),
+                                command: () => import('./acorex-platform-module-auth-client-lock-screen.command-BOKKr6WW.mjs').then((c) => c.AXPLockScreenCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Profile.ChangePhoto,
-                                command: () => import('./acorex-platform-module-auth-client-change-photo.command-C1Fm_MdA.mjs').then((c) => c.AXPChangePhotoCommand),
+                                command: () => import('./acorex-platform-module-auth-client-change-photo.command-2e7ZjiEf.mjs').then((c) => c.AXPChangePhotoCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Profile.EditAccountInfo,
@@ -4457,23 +4481,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-DRwzhNlO.mjs').then((c) => c.AXPChangePasswordCommand),
+                                command: () => import('./acorex-platform-module-auth-client-change-password.command-UvBqwF9V.mjs').then((c) => c.AXPChangePasswordCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.ManageTwoFactor,
-                                command: () => import('./acorex-platform-module-auth-client-manage-two-factor.command-BOM6_896.mjs').then((c) => c.AXPManageTwoFactorCommand),
+                                command: () => import('./acorex-platform-module-auth-client-manage-two-factor.command-DRsNZWZF.mjs').then((c) => c.AXPManageTwoFactorCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.SetPinCode,
-                                command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-CheMeghC.mjs').then((c) => c.AXPSetPinCodeCommand),
+                                command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-DRLTGXEF.mjs').then((c) => c.AXPSetPinCodeCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.RemovePinCode,
-                                command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-DHY46WWD.mjs').then((c) => c.AXPRemovePinCodeCommand),
+                                command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-D9uLV6je.mjs').then((c) => c.AXPRemovePinCodeCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.ViewLoginHistory,
-                                command: () => import('./acorex-platform-module-auth-client-view-login-history.command-qrd0bNM9.mjs').then((c) => c.AXPViewLoginHistoryCommand),
+                                command: () => import('./acorex-platform-module-auth-client-view-login-history.command-CerhsvHF.mjs').then((c) => c.AXPViewLoginHistoryCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.EditSignature,
@@ -4485,7 +4509,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-CFpMZAwC.mjs').then((c) => c.AXPWelcomeOnboardingCommand),
+                                command: () => import('./acorex-platform-module-auth-client-welcome-onboarding.command--Rr0duJS.mjs').then((c) => c.AXPWelcomeOnboardingCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Account.OpenWaitingRoom,
@@ -4648,7 +4672,7 @@ class AXPAuthMasterLayoutComponent {
         return text.match(SLOGAN_MARK)?.[0]?.trim() ?? '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthMasterLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPAuthMasterLayoutComponent, isStandalone: true, selector: "ng-component", providers: [AXPContextStore], ngImport: i0, template: "<div class=\"w-full h-full flex overflow-hidden\">\n  <div\n    class=\"axp-auth-master__form-pane flex-1 min-h-0 lightest-surface dark:darker-surface overflow-y-auto px-6 sm:px-8 md:px-10 lg:px-0\"\n  >\n    <!-- ----- Stack: logo + form vertically centered; footer pinned below ----- -->\n    <div\n      class=\"axp-auth-master__stack w-full min-h-full flex flex-col items-center\"\n    >\n      <div\n        class=\"axp-auth-master__main w-full grow flex flex-col items-center justify-center gap-5 pt-6 pb-4 sm:pt-8 lg:pt-0 lg:gap-0\"\n      >\n        <!-- ----- Platform branding on viewports without the side panel ----- -->\n        <div class=\"axp-auth-master__brand lg:hidden shrink-0 w-full flex justify-center\">\n          <axp-logo\n            logoKey=\"platform\"\n            appearance=\"onLight\"\n            format=\"full\"\n            [size]=\"240\"\n            [attr.alt]=\"platformTitle()\"\n            class=\"axp-auth-master__logo\"\n          ></axp-logo>\n        </div>\n        <div class=\"axp-auth-master__form-body w-full flex flex-col items-center\">\n          <router-outlet></router-outlet>\n        </div>\n      </div>\n      <div class=\"flex justify-between shrink-0 pt-2 pb-1\">\n        <div class=\"auth-footer-links\">\n          <axp-component-slot name=\"auth-footer-links\"></axp-component-slot>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"hidden lg:flex bg-primary-500 flex-1 axp-auth-bk text-white\">\n    <div class=\"flex w-full flex-col justify-between px-48 py-20 text-center \">\n      <div>\n        <axp-logo\n          logoKey=\"platform\"\n          appearance=\"onDark\"\n          format=\"full\"\n          [size]=\"280\"\n          [attr.alt]=\"platformTitle()\"\n          class=\"w-[280px] max-w-full mx-auto\"\n        ></axp-logo>\n      </div>\n      <div>\n        <p class=\"font-black text-4xl mb-4\">\n          @if (slogan | translate | async; as sloganText) {\n            <!-- ----- Headline; registered mark stays white and smaller than the title ----- -->\n            {{ sloganBody(sloganText) }}<sup class=\"axp-auth-master__mark\">{{ sloganMark(sloganText) }}</sup>\n          }\n        </p>\n        <p>{{ description | translate | async }}</p>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;.axp-auth-master__form-pane{-webkit-overflow-scrolling:touch;padding-top:max(1.75rem,calc(env(safe-area-inset-top,0px) + 1.25rem));padding-bottom:max(1.5rem,env(safe-area-inset-bottom,0px))}@media(min-width:1024px){.axp-auth-master__form-pane{padding-top:3rem;padding-bottom:3rem}}.axp-auth-master__brand{padding-top:.5rem;margin-bottom:.25rem}.axp-auth-master__logo{width:min(15rem,85vw);max-width:100%}@media(min-width:640px){.axp-auth-master__logo{width:min(16.25rem,90vw)}}.axp-auth-master__form-body>*:not(router-outlet){display:block;width:100%}.axp-auth-master__mark{margin-inline-start:.12em;color:inherit;font-size:.38em;font-weight:700;line-height:0;position:relative;top:-1.35em}.axp-auth-master__mark:empty{display:none}.auth-footer-links{gap:calc(var(--spacing, .25rem) * 5);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.auth-footer-links a{background-color:transparent;color:var(--ax-comp-ink, var(--ax-comp-bg, var(--color-on-surface)))}.auth-footer-links a.ax-state-selected{color:var(--ax-comp-ink-darker, var(--ax-comp-bg-darker, var(--color-on-surface)))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i6$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i1$3.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name", "host", "context"], exportAs: ["slot"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPAuthMasterLayoutComponent, isStandalone: true, selector: "ng-component", providers: [AXPContextStore], ngImport: i0, template: "<div class=\"w-full h-full flex overflow-hidden\">\n  <div\n    class=\"axp-auth-master__form-pane flex-1 min-h-0 lightest-surface dark:darker-surface overflow-y-auto px-6 sm:px-8 md:px-10 lg:px-0\"\n  >\n    <!-- ----- Stack: logo + form vertically centered; footer pinned below ----- -->\n    <div\n      class=\"axp-auth-master__stack w-full min-h-full flex flex-col items-center\"\n    >\n      <div\n        class=\"axp-auth-master__main w-full grow flex flex-col items-center justify-center gap-5 pt-6 pb-4 sm:pt-8 lg:pt-0 lg:gap-0\"\n      >\n        <!-- ----- Platform branding on viewports without the side panel ----- -->\n        <div class=\"axp-auth-master__brand lg:hidden shrink-0 w-full flex justify-center\">\n          <axp-logo\n            logoKey=\"platform\"\n            appearance=\"onLight\"\n            format=\"full\"\n            [size]=\"240\"\n            [attr.alt]=\"platformTitle()\"\n            class=\"axp-auth-master__logo\"\n          ></axp-logo>\n        </div>\n        <div class=\"axp-auth-master__form-body w-full flex flex-col items-center\">\n          <router-outlet></router-outlet>\n        </div>\n      </div>\n      <div class=\"flex justify-between shrink-0 pt-2 pb-1\">\n        <div class=\"auth-footer-links\">\n          <axp-component-slot name=\"auth-footer-links\"></axp-component-slot>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"hidden lg:flex bg-primary-500 flex-1 axp-auth-bk text-white\">\n    <div class=\"flex w-full flex-col justify-between px-48 py-20 text-center \">\n      <div>\n        <axp-logo\n          logoKey=\"platform\"\n          appearance=\"onDark\"\n          format=\"full\"\n          [size]=\"280\"\n          [attr.alt]=\"platformTitle()\"\n          class=\"w-[280px] max-w-full mx-auto\"\n        ></axp-logo>\n      </div>\n      <div>\n        <p class=\"font-black text-4xl mb-4\">\n          @if (slogan | translate | async; as sloganText) {\n            <!-- ----- Headline; registered mark stays white and smaller than the title ----- -->\n            {{ sloganBody(sloganText) }}<sup class=\"axp-auth-master__mark\">{{ sloganMark(sloganText) }}</sup>\n          }\n        </p>\n        <p>{{ description | translate | async }}</p>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;.axp-auth-master__form-pane{-webkit-overflow-scrolling:touch;padding-top:max(1.75rem,calc(env(safe-area-inset-top,0px) + 1.25rem));padding-bottom:max(1.5rem,env(safe-area-inset-bottom,0px))}@media(min-width:1024px){.axp-auth-master__form-pane{padding-top:3rem;padding-bottom:3rem}}.axp-auth-master__brand{padding-top:.5rem;margin-bottom:.25rem}.axp-auth-master__logo{width:min(15rem,85vw);max-width:100%}@media(min-width:640px){.axp-auth-master__logo{width:min(16.25rem,90vw)}}.axp-auth-master__form-body>*:not(router-outlet){display:block;width:100%}.axp-auth-master__mark{margin-inline-start:.12em;color:inherit;font-size:.38em;font-weight:700;line-height:0;position:relative;top:-1.35em}.axp-auth-master__mark:empty{display:none}.auth-footer-links{gap:calc(var(--spacing, .25rem) * 5);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.auth-footer-links a{background-color:transparent;color:var(--ax-comp-ink, var(--ax-comp-bg, var(--color-on-surface)))}.auth-footer-links a.ax-state-selected{color:var(--ax-comp-ink-darker, var(--ax-comp-bg-darker, var(--color-on-surface)))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i6$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i1$3.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name", "host", "context"], exportAs: ["slot"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAuthMasterLayoutComponent, decorators: [{
             type: Component,
@@ -4665,4 +4689,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-CQEt9bXJ.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-acorex-platform-module-auth-client-DINrCCAx.mjs.map