@acorex-platform/module-auth-client 0.0.32 → 0.0.33

package/fesm2022/{acorex-platform-module-auth-client-acorex-platform-module-auth-client-CPmffSrQ.mjs → acorex-platform-module-auth-client-acorex-platform-module-auth-client-CTf7qxkQ.mjs}

@@ -29,21 +29,20 @@ import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i2$1 from '@acorex/components/popover';
 import { AXPopoverModule } from '@acorex/components/popover';
 import { RootConfig as RootConfig$1 } from '@acorex-platform/module-application-management-client/contracts';
-import * as i6 from '@acorex/cdk/list-navigation';
+import * as i4 from '@acorex/cdk/list-navigation';
 import { AXListNavigationDirective, AXListNavigationItemDirective, AXListNavigationModule } from '@acorex/cdk/list-navigation';
-import * as i5 from '@acorex/components/search-box';
-import { AXSearchBoxModule } from '@acorex/components/search-box';
-import * as i4 from '@acorex/components/select-box';
-import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXLookupComponent } from '@acorex/components/lookup';
 import * as i2 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import * as i1$2 from '@acorex/components/skeleton';
 import { AXSkeletonModule } from '@acorex/components/skeleton';
-import * as i5$1 from '@acorex/core/translation';
+import * as i5 from '@acorex/core/translation';
 import { AXTranslationModule, AXTranslationService, resolveMultiLanguageString } from '@acorex/core/translation';
 import { AXAvatarModule } from '@acorex/components/avatar';
 import { AXImageModule } from '@acorex/components/image';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i6 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
 import * as i1$3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXToastService } from '@acorex/components/toast';
@@ -994,17 +993,17 @@ const routes = [
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-Cu8mQN9B.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-login.module-uRv9Gwea.mjs').then((c) => c.AXPSignInModule),
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-BLUWyFTY.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-platform-module-auth-client-login.module-DushGqH6.mjs').then((c) => c.AXPSignInModule),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-Cu8mQN9B.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-BLUWyFTY.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
                 loadChildren: () => import('./acorex-platform-module-auth-client-two-factor.module-BnH72Bob.mjs').then((c) => c.AXPTwoFactorModule),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-Cu8mQN9B.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-BLUWyFTY.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
                 loadChildren: () => import('./acorex-platform-module-auth-client-routes-IX2qmeqU.mjs').then((c) => c),
             },
             {
@@ -1018,8 +1017,8 @@ const routes = [
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-Cu8mQN9B.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-register.module-DCWoPb0u.mjs').then((c) => c.AXPRegisterModule),
+                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-BLUWyFTY.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-platform-module-auth-client-register.module-CFIHZOYj.mjs').then((c) => c.AXPRegisterModule),
             },
         ],
     },
@@ -1100,11 +1099,13 @@ class AXPAppChooserListComponent {
     }
     //#endregion
     //#region ---- UI Handlers ----
+    handleApplicationSelectionChanged(event) {
+        this.selectedApplication.set(event.items?.[0] ?? null);
+    }
     handleApplicationSelect(event) {
         if (!event.isUserInteraction) {
             return;
         }
-        this.selectedApplication.set(event.component.selectedItems[0] ?? null);
     }
     handleListItemKeyDown(event, application) {
         if (event.key === 'Enter' || event.key === ' ') {
@@ -1200,7 +1201,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-select-box\n      class=\"w-full\"\n      [dataSource]=\"allApplications()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedApplication()\"\n      [itemHeight]=\"56\"\n      [placeholder]=\"('@auth:application-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"applicationItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleApplicationSelect($event)\"\n    >\n      <ax-search-box look=\"fill\"></ax-search-box>\n    </ax-select-box>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply() || isChoosing()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    >\n      @if (isChoosing()) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  </div>\n} @else {\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    role=\"listbox\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (application of allApplications(); track application.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isApplicationSelected(application)\"\n        [attr.aria-busy]=\"choosingId() === application.id\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary\"\n        [class.bg-primary-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:bg-primary-darker]=\"isApplicationSelected(application)\"\n        [class.text-primary-on-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:text-primary-on-darker]=\"isApplicationSelected(application)\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== application.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        (click)=\"chooseApplication(application)\"\n        (keydown)=\"handleListItemKeyDown($event, application)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"applicationLogoKey(application)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(application.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 min-w-0 text-start md:text-base text-sm break-words md:truncate\">{{\n            application.title | translate | async\n          }}</span>\n          @if (application.edition?.title) {\n            <span class=\"text-muted text-xs shrink-0\">{{\n              application.edition?.title | translate | async\n            }}</span>\n          }\n        </div>\n        @if (choosingId() === application.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n}\n\n<ng-template #applicationItemTemplate let-item>\n  <div class=\"flex gap-3 items-center p-2\">\n    <div class=\"size-12 overflow-hidden rounded-lg shrink-0\">\n      <axp-logo\n        [logoKey]=\"applicationLogoKey(item.data)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.data.title | translate | async) ?? ''\"\n        class=\"size-12 overflow-hidden rounded-lg\"\n      ></axp-logo>\n    </div>\n    <span class=\"flex-1 text-start md:text-base text-sm\">{{ item.data.title | translate | async }}</span>\n    @if (item.data.edition?.title) {\n      <span class=\"text-muted text-xs\">{{ item.data.edition.title | translate | async }}</span>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i4.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXListNavigationModule }, { kind: "directive", type: i6.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i6.AXListNavigationItemDirective, selector: "[axListNavigationItem]", outputs: ["onKeypress"], exportAs: ["axListNavigationItem"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPAppChooserListComponent, isStandalone: true, selector: "axp-app-chooser-list", inputs: { simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applicationChosen: "applicationChosen", loadingChange: "loadingChange" }, viewQueries: [{ propertyName: "listNav", first: true, predicate: AXListNavigationDirective, descendants: true, isSignal: true }, { propertyName: "listItems", predicate: AXListNavigationItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-3 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"size-10 rounded-lg shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-5 rounded-md\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"w-16 h-4 rounded-md shrink-0\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div\n    class=\"w-full flex flex-col gap-4\"\n    [class.pointer-events-none]=\"isChoosing()\"\n    [class.opacity-60]=\"isChoosing()\"\n    (keydown.capture)=\"handleSelectBoxKeyDown($event)\"\n  >\n    <ax-lookup\n      class=\"w-full\"\n      mode=\"drop-down-list\"\n      [dataSource]=\"allApplications()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedApplication()?.id\"\n      [itemHeight]=\"56\"\n      [searchable]=\"true\"\n      [placeholder]=\"('@auth:application-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"applicationItemTemplate\"\n      [selectedTemplate]=\"applicationItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleApplicationSelect($event)\"\n      (onSelectionChanged)=\"handleApplicationSelectionChanged($event)\"\n    >\n    </ax-lookup>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply() || isChoosing()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    >\n      @if (isChoosing()) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  </div>\n} @else {\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    role=\"listbox\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (application of allApplications(); track application.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isApplicationSelected(application)\"\n        [attr.aria-busy]=\"choosingId() === application.id\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary\"\n        [class.bg-primary-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:bg-primary-darker]=\"isApplicationSelected(application)\"\n        [class.text-primary-on-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:text-primary-on-darker]=\"isApplicationSelected(application)\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== application.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        (click)=\"chooseApplication(application)\"\n        (keydown)=\"handleListItemKeyDown($event, application)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"applicationLogoKey(application)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(application.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 min-w-0 text-start md:text-base text-sm break-words md:truncate\">{{\n            application.title | translate | async\n          }}</span>\n          @if (application.edition?.title) {\n            <span class=\"text-muted text-xs shrink-0\">{{\n              application.edition?.title | translate | async\n            }}</span>\n          }\n        </div>\n        @if (choosingId() === application.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n}\n\n<ng-template #applicationItemTemplate let-item>\n  <div class=\"flex gap-3 items-center p-2\">\n    <div class=\"size-12 overflow-hidden rounded-lg shrink-0\">\n      <axp-logo\n        [logoKey]=\"applicationLogoKey(item)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.title | translate | async) ?? ''\"\n        class=\"size-12 overflow-hidden rounded-lg\"\n      ></axp-logo>\n    </div>\n    <span class=\"flex-1 text-start md:text-base text-sm\">{{ item.title | translate | async }}</span>\n    @if (item.edition?.title) {\n      <span class=\"text-muted text-xs\">{{ item.edition.title | translate | async }}</span>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "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", "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.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAppChooserListComponent, decorators: [{
             type: Component,
@@ -1210,12 +1211,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXDecoratorModule,
                         AXLoadingModule,
                         AXSkeletonModule,
-                        AXSelectBoxModule,
-                        AXSearchBoxModule,
+                        AXLookupComponent,
                         AXListNavigationModule,
                         AXTranslationModule,
                         AXPLogoComponent,
-                    ], template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-3 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"size-10 rounded-lg shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-5 rounded-md\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"w-16 h-4 rounded-md shrink-0\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div\n    class=\"w-full flex flex-col gap-4\"\n    [class.pointer-events-none]=\"isChoosing()\"\n    [class.opacity-60]=\"isChoosing()\"\n    (keydown.capture)=\"handleSelectBoxKeyDown($event)\"\n  >\n    <ax-select-box\n      class=\"w-full\"\n      [dataSource]=\"allApplications()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedApplication()\"\n      [itemHeight]=\"56\"\n      [placeholder]=\"('@auth:application-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"applicationItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleApplicationSelect($event)\"\n    >\n      <ax-search-box look=\"fill\"></ax-search-box>\n    </ax-select-box>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply() || isChoosing()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    >\n      @if (isChoosing()) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  </div>\n} @else {\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    role=\"listbox\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (application of allApplications(); track application.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isApplicationSelected(application)\"\n        [attr.aria-busy]=\"choosingId() === application.id\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary\"\n        [class.bg-primary-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:bg-primary-darker]=\"isApplicationSelected(application)\"\n        [class.text-primary-on-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:text-primary-on-darker]=\"isApplicationSelected(application)\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== application.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        (click)=\"chooseApplication(application)\"\n        (keydown)=\"handleListItemKeyDown($event, application)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"applicationLogoKey(application)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(application.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 min-w-0 text-start md:text-base text-sm break-words md:truncate\">{{\n            application.title | translate | async\n          }}</span>\n          @if (application.edition?.title) {\n            <span class=\"text-muted text-xs shrink-0\">{{\n              application.edition?.title | translate | async\n            }}</span>\n          }\n        </div>\n        @if (choosingId() === application.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n}\n\n<ng-template #applicationItemTemplate let-item>\n  <div class=\"flex gap-3 items-center p-2\">\n    <div class=\"size-12 overflow-hidden rounded-lg shrink-0\">\n      <axp-logo\n        [logoKey]=\"applicationLogoKey(item.data)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.data.title | translate | async) ?? ''\"\n        class=\"size-12 overflow-hidden rounded-lg\"\n      ></axp-logo>\n    </div>\n    <span class=\"flex-1 text-start md:text-base text-sm\">{{ item.data.title | translate | async }}</span>\n    @if (item.data.edition?.title) {\n      <span class=\"text-muted text-xs\">{{ item.data.edition.title | translate | async }}</span>\n    }\n  </div>\n</ng-template>\n" }]
+                    ], template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-3 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"size-10 rounded-lg shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-5 rounded-md\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"w-16 h-4 rounded-md shrink-0\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div\n    class=\"w-full flex flex-col gap-4\"\n    [class.pointer-events-none]=\"isChoosing()\"\n    [class.opacity-60]=\"isChoosing()\"\n    (keydown.capture)=\"handleSelectBoxKeyDown($event)\"\n  >\n    <ax-lookup\n      class=\"w-full\"\n      mode=\"drop-down-list\"\n      [dataSource]=\"allApplications()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedApplication()?.id\"\n      [itemHeight]=\"56\"\n      [searchable]=\"true\"\n      [placeholder]=\"('@auth:application-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"applicationItemTemplate\"\n      [selectedTemplate]=\"applicationItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleApplicationSelect($event)\"\n      (onSelectionChanged)=\"handleApplicationSelectionChanged($event)\"\n    >\n    </ax-lookup>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply() || isChoosing()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    >\n      @if (isChoosing()) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  </div>\n} @else {\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    role=\"listbox\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (application of allApplications(); track application.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isApplicationSelected(application)\"\n        [attr.aria-busy]=\"choosingId() === application.id\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary\"\n        [class.bg-primary-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:bg-primary-darker]=\"isApplicationSelected(application)\"\n        [class.text-primary-on-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:text-primary-on-darker]=\"isApplicationSelected(application)\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== application.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        (click)=\"chooseApplication(application)\"\n        (keydown)=\"handleListItemKeyDown($event, application)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"applicationLogoKey(application)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(application.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 min-w-0 text-start md:text-base text-sm break-words md:truncate\">{{\n            application.title | translate | async\n          }}</span>\n          @if (application.edition?.title) {\n            <span class=\"text-muted text-xs shrink-0\">{{\n              application.edition?.title | translate | async\n            }}</span>\n          }\n        </div>\n        @if (choosingId() === application.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n}\n\n<ng-template #applicationItemTemplate let-item>\n  <div class=\"flex gap-3 items-center p-2\">\n    <div class=\"size-12 overflow-hidden rounded-lg shrink-0\">\n      <axp-logo\n        [logoKey]=\"applicationLogoKey(item)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.title | translate | async) ?? ''\"\n        class=\"size-12 overflow-hidden rounded-lg\"\n      ></axp-logo>\n    </div>\n    <span class=\"flex-1 text-start md:text-base text-sm\">{{ item.title | translate | async }}</span>\n    @if (item.edition?.title) {\n      <span class=\"text-muted text-xs\">{{ item.edition.title | translate | async }}</span>\n    }\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [], propDecorators: { simple: [{ type: i0.Input, args: [{ isSignal: true, alias: "simple", required: false }] }], applicationChosen: [{ type: i0.Output, args: ["applicationChosen"] }], loadingChange: [{ type: i0.Output, args: ["loadingChange"] }], listNav: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXListNavigationDirective), { isSignal: true }] }], listItems: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => AXListNavigationItemDirective), { isSignal: true }] }] } });
 
 class AXMAppChooserSlotComponent {
@@ -1342,11 +1342,13 @@ class AXPTenantChooserListComponent {
     showAllTenants() {
         this.showAll.update((value) => !value);
     }
+    handleTenantSelectionChanged(event) {
+        this.selectedTenant.set(event.items?.[0] ?? null);
+    }
     handleTenantSelect(event) {
         if (!event.isUserInteraction) {
             return;
         }
-        this.selectedTenant.set(event.component.selectedItems[0] ?? null);
     }
     handleListItemKeyDown(event, tenant) {
         if (event.key === 'Enter' || event.key === ' ') {
@@ -1413,7 +1415,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  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-3 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"size-12 rounded-lg shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-5 rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (simple()) {\n  <div\n    class=\"w-full overflow-auto max-h-[300px] pe-2 flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (tenant of allTenants(); track tenant.id) {\n      <div\n        class=\"flex gap-2 justify-between py-3 items-center cursor-pointer rounded-md transition-colors hover:bg-primary-lightest hover:dark:bg-primary-dark\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== tenant.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        [attr.aria-busy]=\"choosingId() === tenant.id\"\n        (click)=\"chooseTenant(tenant)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center font-medium min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(tenant.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{\n            tenant.title | translate | async\n          }}</span>\n        </div>\n        @if (choosingId() === tenant.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div\n    class=\"w-full flex flex-col gap-4\"\n    [class.pointer-events-none]=\"isChoosing()\"\n    [class.opacity-60]=\"isChoosing()\"\n    (keydown.capture)=\"handleSelectBoxKeyDown($event)\"\n  >\n    <ax-select-box\n      class=\"w-full\"\n      [dataSource]=\"allTenants()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedTenant()\"\n      [itemHeight]=\"56\"\n      [placeholder]=\"('@auth:tenant-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"tenantItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleTenantSelect($event)\"\n    >\n      <ax-search-box look=\"fill\"></ax-search-box>\n    </ax-select-box>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply() || isChoosing()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    >\n      @if (isChoosing()) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  </div>\n} @else {\n  @if (showSearchAndViewAll()) {\n    <ax-search-box\n      [placeholder]=\"'@general:search.title' | translate | async\"\n      [ngModel]=\"searchValue()\"\n      (ngModelChange)=\"handleSearch($event)\"\n      class=\"w-full\"\n    >\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  }\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    role=\"listbox\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (tenant of displayedTenants(); track tenant.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isTenantSelected(tenant)\"\n        [attr.aria-busy]=\"choosingId() === tenant.id\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary\"\n        [class.bg-primary-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:bg-primary-darker]=\"isTenantSelected(tenant)\"\n        [class.text-primary-on-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:text-primary-on-darker]=\"isTenantSelected(tenant)\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== tenant.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        (click)=\"chooseTenant(tenant)\"\n        (keydown)=\"handleListItemKeyDown($event, tenant)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(tenant.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{\n            tenant.title | translate | async\n          }}</span>\n        </div>\n        @if (choosingId() === tenant.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n  @if (showSearchAndViewAll()) {\n    <div class=\"mt-6 w-full flex justify-center\">\n      <ax-button\n        (onClick)=\"showAllTenants()\"\n        class=\"w-full\"\n        look=\"outline\"\n        [disabled]=\"isChoosing()\"\n        [text]=\"\n          showAll()\n            ? ('@general:actions.view-less.title' | translate | async)\n            : ('@general:actions.view-all.title' | translate | async)\n        \"\n      ></ax-button>\n    </div>\n  }\n}\n\n<ng-template #tenantItemTemplate let-item>\n  <div class=\"flex gap-3 items-center p-2\">\n    <div class=\"size-12 overflow-hidden rounded-lg shrink-0\">\n      <axp-logo\n        [logoKey]=\"tenantLogoKey(item.data)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.data.title | translate | async) ?? ''\"\n        class=\"size-12 overflow-hidden rounded-lg\"\n      ></axp-logo>\n    </div>\n    <span class=\"text-start md:text-base text-sm\">{{ item.data.title | translate | async }}</span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i4.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXListNavigationModule }, { kind: "directive", type: i6.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i6.AXListNavigationItemDirective, selector: "[axListNavigationItem]", outputs: ["onKeypress"], exportAs: ["axListNavigationItem"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["logoKey", "appearance", "size", "format"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPTenantChooserListComponent, isStandalone: true, selector: "axp-tenant-chooser-list", inputs: { simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tenantChosen: "tenantChosen", loadingChange: "loadingChange" }, viewQueries: [{ propertyName: "listNav", first: true, predicate: AXListNavigationDirective, descendants: true, isSignal: true }, { propertyName: "listItems", predicate: AXListNavigationItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-3 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"size-12 rounded-lg shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-5 rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (simple()) {\n  <div\n    class=\"w-full overflow-auto max-h-[300px] pe-2 flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (tenant of allTenants(); track tenant.id) {\n      <div\n        class=\"flex gap-2 justify-between py-3 items-center cursor-pointer rounded-md transition-colors hover:bg-primary-lightest hover:dark:bg-primary-dark\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== tenant.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        [attr.aria-busy]=\"choosingId() === tenant.id\"\n        (click)=\"chooseTenant(tenant)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center font-medium min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(tenant.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{\n            tenant.title | translate | async\n          }}</span>\n        </div>\n        @if (choosingId() === tenant.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div\n    class=\"w-full flex flex-col gap-4\"\n    [class.pointer-events-none]=\"isChoosing()\"\n    [class.opacity-60]=\"isChoosing()\"\n    (keydown.capture)=\"handleSelectBoxKeyDown($event)\"\n  >\n    <ax-lookup\n      class=\"w-full\"\n      mode=\"drop-down-list\"\n      [dataSource]=\"allTenants()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedTenant()?.id\"\n      [itemHeight]=\"56\"\n      [searchable]=\"true\"\n      [placeholder]=\"('@auth:tenant-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"tenantItemTemplate\"\n      [selectedTemplate]=\"tenantItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleTenantSelect($event)\"\n      (onSelectionChanged)=\"handleTenantSelectionChanged($event)\"\n    >\n    </ax-lookup>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply() || isChoosing()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    >\n      @if (isChoosing()) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  </div>\n} @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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "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", "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.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantChooserListComponent, decorators: [{
             type: Component,
@@ -1425,11 +1427,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXDecoratorModule,
                         AXLoadingModule,
                         AXSkeletonModule,
-                        AXSelectBoxModule,
+                        AXLookupComponent,
                         AXSearchBoxModule,
                         AXListNavigationModule,
                         AXPLogoComponent,
-                    ], template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-3 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"size-12 rounded-lg shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-5 rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (simple()) {\n  <div\n    class=\"w-full overflow-auto max-h-[300px] pe-2 flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (tenant of allTenants(); track tenant.id) {\n      <div\n        class=\"flex gap-2 justify-between py-3 items-center cursor-pointer rounded-md transition-colors hover:bg-primary-lightest hover:dark:bg-primary-dark\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== tenant.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        [attr.aria-busy]=\"choosingId() === tenant.id\"\n        (click)=\"chooseTenant(tenant)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center font-medium min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(tenant.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{\n            tenant.title | translate | async\n          }}</span>\n        </div>\n        @if (choosingId() === tenant.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div\n    class=\"w-full flex flex-col gap-4\"\n    [class.pointer-events-none]=\"isChoosing()\"\n    [class.opacity-60]=\"isChoosing()\"\n    (keydown.capture)=\"handleSelectBoxKeyDown($event)\"\n  >\n    <ax-select-box\n      class=\"w-full\"\n      [dataSource]=\"allTenants()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedTenant()\"\n      [itemHeight]=\"56\"\n      [placeholder]=\"('@auth:tenant-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"tenantItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleTenantSelect($event)\"\n    >\n      <ax-search-box look=\"fill\"></ax-search-box>\n    </ax-select-box>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply() || isChoosing()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    >\n      @if (isChoosing()) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  </div>\n} @else {\n  @if (showSearchAndViewAll()) {\n    <ax-search-box\n      [placeholder]=\"'@general:search.title' | translate | async\"\n      [ngModel]=\"searchValue()\"\n      (ngModelChange)=\"handleSearch($event)\"\n      class=\"w-full\"\n    >\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  }\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"w-full overflow-auto max-h-[300px] flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    role=\"listbox\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (tenant of displayedTenants(); track tenant.id) {\n      <div\n        axListNavigationItem\n        #navItem=\"axListNavigationItem\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-selected]=\"isTenantSelected(tenant)\"\n        [attr.aria-busy]=\"choosingId() === tenant.id\"\n        class=\"flex gap-2 items-center p-2 cursor-pointer rounded-md transition-colors outline-none hover:bg-primary-lightest hover:dark:bg-primary-dark focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary\"\n        [class.bg-primary-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:bg-primary-darker]=\"isTenantSelected(tenant)\"\n        [class.text-primary-on-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:text-primary-on-darker]=\"isTenantSelected(tenant)\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== tenant.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        (click)=\"chooseTenant(tenant)\"\n        (keydown)=\"handleListItemKeyDown($event, tenant)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(tenant.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{\n            tenant.title | translate | async\n          }}</span>\n        </div>\n        @if (choosingId() === tenant.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n  @if (showSearchAndViewAll()) {\n    <div class=\"mt-6 w-full flex justify-center\">\n      <ax-button\n        (onClick)=\"showAllTenants()\"\n        class=\"w-full\"\n        look=\"outline\"\n        [disabled]=\"isChoosing()\"\n        [text]=\"\n          showAll()\n            ? ('@general:actions.view-less.title' | translate | async)\n            : ('@general:actions.view-all.title' | translate | async)\n        \"\n      ></ax-button>\n    </div>\n  }\n}\n\n<ng-template #tenantItemTemplate let-item>\n  <div class=\"flex gap-3 items-center p-2\">\n    <div class=\"size-12 overflow-hidden rounded-lg shrink-0\">\n      <axp-logo\n        [logoKey]=\"tenantLogoKey(item.data)\"\n        appearance=\"colored\"\n        [size]=\"42\"\n        [attr.alt]=\"(item.data.title | translate | async) ?? ''\"\n        class=\"size-12 overflow-hidden rounded-lg\"\n      ></axp-logo>\n    </div>\n    <span class=\"text-start md:text-base text-sm\">{{ item.data.title | translate | async }}</span>\n  </div>\n</ng-template>\n" }]
+                    ], template: "@if (isLoading()) {\n  <div class=\"w-full flex flex-col gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"flex gap-3 items-center p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"size-12 rounded-lg shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"flex-1 h-5 rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (simple()) {\n  <div\n    class=\"w-full overflow-auto max-h-[300px] pe-2 flex flex-col divide-y divide-neutral-100 dark:divide-neutral-800\"\n    [class.pointer-events-none]=\"isChoosing()\"\n  >\n    @for (tenant of allTenants(); track tenant.id) {\n      <div\n        class=\"flex gap-2 justify-between py-3 items-center cursor-pointer rounded-md transition-colors hover:bg-primary-lightest hover:dark:bg-primary-dark\"\n        [class.opacity-50]=\"isChoosing() && choosingId() !== tenant.id\"\n        [class.cursor-wait]=\"isChoosing()\"\n        [attr.aria-busy]=\"choosingId() === tenant.id\"\n        (click)=\"chooseTenant(tenant)\"\n      >\n        <div class=\"flex flex-1 gap-3 items-center font-medium min-w-0\">\n          <div class=\"shrink-0 size-12 overflow-hidden rounded-lg\">\n            <axp-logo\n              [logoKey]=\"tenantLogoKey(tenant)\"\n              appearance=\"colored\"\n              [size]=\"42\"\n              [attr.alt]=\"(tenant.title | translate | async) ?? ''\"\n              class=\"size-12 overflow-hidden rounded-lg\"\n            ></axp-logo>\n          </div>\n          <span class=\"flex-1 truncate text-start md:text-base text-sm\">{{\n            tenant.title | translate | async\n          }}</span>\n        </div>\n        @if (choosingId() === tenant.id) {\n          <ax-loading class=\"shrink-0\"></ax-loading>\n        }\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div\n    class=\"w-full flex flex-col gap-4\"\n    [class.pointer-events-none]=\"isChoosing()\"\n    [class.opacity-60]=\"isChoosing()\"\n    (keydown.capture)=\"handleSelectBoxKeyDown($event)\"\n  >\n    <ax-lookup\n      class=\"w-full\"\n      mode=\"drop-down-list\"\n      [dataSource]=\"allTenants()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [value]=\"selectedTenant()?.id\"\n      [itemHeight]=\"56\"\n      [searchable]=\"true\"\n      [placeholder]=\"('@auth:tenant-chooser.select-placeholder' | translate | async) ?? ''\"\n      [itemTemplate]=\"tenantItemTemplate\"\n      [selectedTemplate]=\"tenantItemTemplate\"\n      (onOpened)=\"isSelectBoxOpen.set(true)\"\n      (onClosed)=\"isSelectBoxOpen.set(false)\"\n      (onValueChanged)=\"handleTenantSelect($event)\"\n      (onSelectionChanged)=\"handleTenantSelectionChanged($event)\"\n    >\n    </ax-lookup>\n    <ax-button\n      class=\"w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply() || isChoosing()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    >\n      @if (isChoosing()) {\n        <ax-loading></ax-loading>\n      }\n    </ax-button>\n  </div>\n} @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" }]
         }], ctorParameters: () => [], propDecorators: { simple: [{ type: i0.Input, args: [{ isSignal: true, alias: "simple", required: false }] }], tenantChosen: [{ type: i0.Output, args: ["tenantChosen"] }], loadingChange: [{ type: i0.Output, args: ["loadingChange"] }], listNav: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXListNavigationDirective), { isSignal: true }] }], listItems: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => AXListNavigationItemDirective), { isSignal: true }] }] } });
 
 class AXPTenantChooserDropdownComponent {
@@ -1470,7 +1472,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\n          class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\"\n        >\n          <axp-tenant-chooser-list\n            [simple]=\"true\"\n            (tenantChosen)=\"closePopover()\"\n          ></axp-tenant-chooser-list>\n        </div>\n      </ax-popover>\n    } @else {\n      <!-- ----- 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        class=\"ax-sm\"\n        look=\"blank\"\n        #tenantChooser\n      >\n        <ax-suffix>\n          <ax-icon class=\"fa-solid fa-caret-down\"></ax-icon>\n        </ax-suffix>\n      </ax-button>\n      <ax-popover\n        [target]=\"tenantChooser\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        [adaptivityEnabled]=\"true\"\n        #tenantPopover\n      >\n        <div\n          class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\"\n        >\n          <axp-tenant-chooser-list\n            [simple]=\"true\"\n            (tenantChosen)=\"closePopover()\"\n          ></axp-tenant-chooser-list>\n        </div>\n      </ax-popover>\n    } @else {\n      <ax-button\n        [text]=\"((tenant$ | async)?.title | translate | async) ?? ''\"\n        class=\"ax-sm\"\n        look=\"blank\"\n      ></ax-button>\n    }\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXPTenantChooserListComponent, selector: "axp-tenant-chooser-list", inputs: ["simple"], outputs: ["tenantChosen", "loadingChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    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\n          class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\"\n        >\n          <axp-tenant-chooser-list\n            [simple]=\"true\"\n            (tenantChosen)=\"closePopover()\"\n          ></axp-tenant-chooser-list>\n        </div>\n      </ax-popover>\n    } @else {\n      <!-- ----- 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        class=\"ax-sm\"\n        look=\"blank\"\n        #tenantChooser\n      >\n        <ax-suffix>\n          <ax-icon class=\"fa-solid fa-caret-down\"></ax-icon>\n        </ax-suffix>\n      </ax-button>\n      <ax-popover\n        [target]=\"tenantChooser\"\n        [openOn]=\"'toggle'\"\n        [closeOn]=\"'clickOut'\"\n        [adaptivityEnabled]=\"true\"\n        #tenantPopover\n      >\n        <div\n          class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\"\n        >\n          <axp-tenant-chooser-list\n            [simple]=\"true\"\n            (tenantChosen)=\"closePopover()\"\n          ></axp-tenant-chooser-list>\n        </div>\n      </ax-popover>\n    } @else {\n      <ax-button\n        [text]=\"((tenant$ | async)?.title | translate | async) ?? ''\"\n        class=\"ax-sm\"\n        look=\"blank\"\n      ></ax-button>\n    }\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXPTenantChooserListComponent, selector: "axp-tenant-chooser-list", inputs: ["simple"], outputs: ["tenantChosen", "loadingChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTenantChooserDropdownComponent, decorators: [{
             type: Component,
@@ -1618,7 +1620,7 @@ class AXMAuthProfileSlotComponent {
                 // 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.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown", inputs: ["inline"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAuthProfileSlotComponent, decorators: [{
             type: Component,
@@ -1914,12 +1916,12 @@ function routesFacory() {
     routes = [
         {
             path: 'tenant-chooser',
-            loadComponent: () => import('./acorex-platform-module-auth-client-tenant-chooser.component-1Kv-LGZc.mjs').then((c) => c.AXPAuthTenantChooserComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-tenant-chooser.component-DKTvZ1-I.mjs').then((c) => c.AXPAuthTenantChooserComponent),
             canActivate: [AXPAuthGuard, canActivateTenantChooser],
         },
         {
             path: 'app-chooser',
-            loadComponent: () => import('./acorex-platform-module-auth-client-app-chooser.component-BfOgjNxw.mjs').then((c) => c.AXPAuthAppChooserComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-app-chooser.component-TPCkYJej.mjs').then((c) => c.AXPAuthAppChooserComponent),
             canActivate: [AXPAuthGuard, canActivateAppChooser],
         },
     ];
@@ -2307,7 +2309,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-3HJEmCYI.mjs');
+            const { AXMSessionLockOverlayComponent: overlayComponent } = await import('./acorex-platform-module-auth-client-session-lock-overlay.component-CcGFA6Op.mjs');
             const panelClasses = ['axm-session-lock-overlay-shell'];
             if (this.platform.isDark()) {
                 panelClasses.push('ax-dark');
@@ -3131,7 +3133,7 @@ const userAvatarCacheRefreshMiddleware = {
 //#endregion
 
 function profileRoutesFactory() {
-    const loadProfilePage = () => import('./acorex-platform-module-auth-client-profile-page.component-w2SYmCyc.mjs').then((c) => c.AXMUserProfilePageComponent);
+    const loadProfilePage = () => import('./acorex-platform-module-auth-client-profile-page.component-CPHQXCpS.mjs').then((c) => c.AXMUserProfilePageComponent);
     return [
         {
             path: ':app/profile',
@@ -3247,11 +3249,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-Yaoz8yp3.mjs').then(m => m.AXMSettingProvider)),
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-Bz1mdVCM.mjs').then((module) => module.AXMProfilePageComponentProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-CfQySdD8.mjs').then((module) => module.AXMProfilePageComponentProvider)),
             provideQuerySetups([
                 {
                     key: 'Auth:GetUserActivity',
-                    loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-D9fyLuBy.mjs').then((c) => c.AXMGetUserActivityQuery),
+                    loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-DBdELID4.mjs').then((c) => c.AXMGetUserActivityQuery),
                 },
             ]),
             {
@@ -3275,15 +3277,15 @@ class AXMAuthModule {
                 },
                 {
                     key: AXMAuthCommandKeys.Session.OpenSessions,
-                    command: () => import('./acorex-platform-module-auth-client-open-sessions.command-BlPxfa3v.mjs').then((c) => c.AXPOpenSessionsCommand),
+                    command: () => import('./acorex-platform-module-auth-client-open-sessions.command-BHAf7500.mjs').then((c) => c.AXPOpenSessionsCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Session.LockScreen,
-                    command: () => import('./acorex-platform-module-auth-client-lock-screen.command-DUZ255VK.mjs').then((c) => c.AXPLockScreenCommand),
+                    command: () => import('./acorex-platform-module-auth-client-lock-screen.command-BADSRZxj.mjs').then((c) => c.AXPLockScreenCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Profile.ChangePhoto,
-                    command: () => import('./acorex-platform-module-auth-client-change-photo.command-DfHUPj7p.mjs').then((c) => c.AXPChangePhotoCommand),
+                    command: () => import('./acorex-platform-module-auth-client-change-photo.command-BZK_W29M.mjs').then((c) => c.AXPChangePhotoCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Profile.EditAccountInfo,
@@ -3291,19 +3293,19 @@ class AXMAuthModule {
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ChangePassword,
-                    command: () => import('./acorex-platform-module-auth-client-change-password.command-BcBbN5hX.mjs').then((c) => c.AXPChangePasswordCommand),
+                    command: () => import('./acorex-platform-module-auth-client-change-password.command-DHwnPkUO.mjs').then((c) => c.AXPChangePasswordCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.SetPinCode,
-                    command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-C2kCGuQW.mjs').then((c) => c.AXPSetPinCodeCommand),
+                    command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-BSZhRCN7.mjs').then((c) => c.AXPSetPinCodeCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.RemovePinCode,
-                    command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-DJeSHCLL.mjs').then((c) => c.AXPRemovePinCodeCommand),
+                    command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-CdlJF48g.mjs').then((c) => c.AXPRemovePinCodeCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ViewLoginHistory,
-                    command: () => import('./acorex-platform-module-auth-client-view-login-history.command-C_T4l61M.mjs').then((c) => c.AXPViewLoginHistoryCommand),
+                    command: () => import('./acorex-platform-module-auth-client-view-login-history.command-CWmD9wNM.mjs').then((c) => c.AXPViewLoginHistoryCommand),
                 },
                 {
                     key: AXMAuthCommandKeys.Security.EditSignature,
@@ -3456,11 +3458,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-Yaoz8yp3.mjs').then(m => m.AXMSettingProvider)),
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-Bz1mdVCM.mjs').then((module) => module.AXMProfilePageComponentProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-auth-client-profile-page-component.provider-CfQySdD8.mjs').then((module) => module.AXMProfilePageComponentProvider)),
                         provideQuerySetups([
                             {
                                 key: 'Auth:GetUserActivity',
-                                loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-D9fyLuBy.mjs').then((c) => c.AXMGetUserActivityQuery),
+                                loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-DBdELID4.mjs').then((c) => c.AXMGetUserActivityQuery),
                             },
                         ]),
                         {
@@ -3484,15 +3486,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-BlPxfa3v.mjs').then((c) => c.AXPOpenSessionsCommand),
+                                command: () => import('./acorex-platform-module-auth-client-open-sessions.command-BHAf7500.mjs').then((c) => c.AXPOpenSessionsCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Session.LockScreen,
-                                command: () => import('./acorex-platform-module-auth-client-lock-screen.command-DUZ255VK.mjs').then((c) => c.AXPLockScreenCommand),
+                                command: () => import('./acorex-platform-module-auth-client-lock-screen.command-BADSRZxj.mjs').then((c) => c.AXPLockScreenCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Profile.ChangePhoto,
-                                command: () => import('./acorex-platform-module-auth-client-change-photo.command-DfHUPj7p.mjs').then((c) => c.AXPChangePhotoCommand),
+                                command: () => import('./acorex-platform-module-auth-client-change-photo.command-BZK_W29M.mjs').then((c) => c.AXPChangePhotoCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Profile.EditAccountInfo,
@@ -3500,19 +3502,19 @@ 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-BcBbN5hX.mjs').then((c) => c.AXPChangePasswordCommand),
+                                command: () => import('./acorex-platform-module-auth-client-change-password.command-DHwnPkUO.mjs').then((c) => c.AXPChangePasswordCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.SetPinCode,
-                                command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-C2kCGuQW.mjs').then((c) => c.AXPSetPinCodeCommand),
+                                command: () => import('./acorex-platform-module-auth-client-set-pin-code.command-BSZhRCN7.mjs').then((c) => c.AXPSetPinCodeCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.RemovePinCode,
-                                command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-DJeSHCLL.mjs').then((c) => c.AXPRemovePinCodeCommand),
+                                command: () => import('./acorex-platform-module-auth-client-remove-pin-code.command-CdlJF48g.mjs').then((c) => c.AXPRemovePinCodeCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.ViewLoginHistory,
-                                command: () => import('./acorex-platform-module-auth-client-view-login-history.command-C_T4l61M.mjs').then((c) => c.AXPViewLoginHistoryCommand),
+                                command: () => import('./acorex-platform-module-auth-client-view-login-history.command-CWmD9wNM.mjs').then((c) => c.AXPViewLoginHistoryCommand),
                             },
                             {
                                 key: AXMAuthCommandKeys.Security.EditSignature,
@@ -3636,4 +3638,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  */
 
 export { resolveDayDateRange as $, AXMUserDeviceSessionsService as A, AXPLoginExternalProvidersComponent as B, CHANGE_PASSWORD_SECTION_ID as C, AXMAuthenticationTypes as D, AUTH_LOGIN_EXTERNAL_PROVIDERS_SLOT as E, AUTH_USER_ACTIVITY_CLUSTER_GAP_DAYS as F, AUTH_USER_ACTIVITY_DEFAULT_WEEKS as G, AUTH_USER_ACTIVITY_WEEK_PRESETS as H, AXMAuthErrorHandler as I, AXMAuthModule as J, AXMDefaultAuthConfigs as K, AXM_AUTH_CONFIG_TOKEN as L, aggregateDailySessionCounts as M, aggregateHourlySessionCounts as N, buildUserActivityHours as O, PROFILE_PAGE_GROUPS_HOOK as P, buildUserActivityWeeks as Q, canActivateLogin as R, computeUserActivityStats as S, configAuthModule as T, countToActivityLevel as U, extractUserActivityEndDate as V, extractUserActivityStartDate as W, extractUserActivityUserId as X, isUserProfileGroupComponent as Y, isUserProfileSectionsGroupRequested as Z, parseAuthCredentialType as _, PROFILE_PAGE_SECTIONS_HOOK as a, resolveUserActivityHeatmapLayout as a0, PROFILE_PAGE_HEADER_META_HOOK as b, resolveUserProfileSectionContent as c, PROFILE_SECTION_INSIGHTS_PATCH_METADATA_KEY as d, PROFILE_ACTIVITY_CHART_COMPONENT_KEY as e, PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY as f, resolveDefaultUserActivityDateRange as g, resolveSmartUserActivityDateRange as h, buildUserActivityDataSourceItem as i, AXPIdleLockService as j, AXPUserAvatarSyncService as k, AXPAuthPasswordComplexityService as l, AXPAuthPasswordChangeTrackingService as m, getPasswordComplexityHintKey as n, getPasswordComplexityValidationMessageKey as o, validatePasswordAgainstComplexity as p, buildPasswordLastChangedInsights as q, resolveDefaultUserProfileSectionAction as r, AXPLoginHistoryService as s, AXMAuthPlatformSettingsService as t, AXM_LOGIN_GUARD_TOKEN as u, visibleUserProfileSectionActions as v, AXPTenantChooserListComponent as w, AXPTenantChooserDropdownComponent as x, AXPAppChooserListComponent as y, formatCompactActivityCount as z };
-//# sourceMappingURL=acorex-platform-module-auth-client-acorex-platform-module-auth-client-CPmffSrQ.mjs.map
+//# sourceMappingURL=acorex-platform-module-auth-client-acorex-platform-module-auth-client-CTf7qxkQ.mjs.map