@acorex/modules 21.0.0-next.5 → 21.0.0-next.8

package/fesm2022/{acorex-modules-auth-acorex-modules-auth-D5jGjm6i.mjs → acorex-modules-auth-acorex-modules-auth-8XP9xX7L.mjs}

@@ -3,35 +3,36 @@ import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
 import * as i1$3 from '@angular/common/http';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { inject, isDevMode, Injectable, InjectionToken, Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, signal, NgModule } from '@angular/core';
+import { inject, isDevMode, Injectable, InjectionToken, output, Component, viewChild, input, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, signal, NgModule } from '@angular/core';
 import * as i1$2 from '@angular/router';
 import { Router, RouterModule, ROUTES } from '@angular/router';
 import * as i1$5 from '@acorex/platform/common';
 import { AXPHomePageService, AXPDataProvider, AXP_ROOT_CONFIG_TOKEN, AXPSettingsService, AXPCommonModule, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex/platform/common';
 import { AXPCommandExecutor, provideCommandSetups } from '@acorex/platform/runtime';
-import * as i1$1 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule, AsyncPipe } from '@angular/common';
-import { AXPPlatformScope, provideLazyProvider } from '@acorex/platform/core';
+import { AXPIconLogoConfig, AXPPlatformScope, provideLazyProvider } from '@acorex/platform/core';
 import * as i1$4 from '@acorex/platform/layout/components';
 import { AXPLogoComponent, AXPUserAvatarComponent, AXPComponentSlotModule } from '@acorex/platform/layout/components';
-import * as i2$1 from '@acorex/components/button';
+import * as i1$1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i1 from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i2$2 from '@acorex/components/popover';
+import * as i2 from '@acorex/components/popover';
 import { AXPopoverModule } from '@acorex/components/popover';
-import { of, first, Subject, timer, map, firstValueFrom } from 'rxjs';
-import * as i2 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import { AXMApplicationService } from '@acorex/modules/application-management';
 import { AXAvatarModule } from '@acorex/components/avatar';
 import { AXImageModule } from '@acorex/components/image';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXPlatform } from '@acorex/core/platform';
-import * as i5 from '@acorex/core/translation';
-import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
-import { AXChipsModule } from '@acorex/components/chips';
-import { AXTagModule } from '@acorex/components/tag';
+import * as i2$2 from '@acorex/core/translation';
+import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
+import * as i3$1 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import * as i2$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { first, Subject, timer, map, firstValueFrom } from 'rxjs';
 import { startWith, switchMap, tap } from 'rxjs/operators';
 import { AXMEntityCrudServiceImpl } from '@acorex/platform/layout/entity';
 
@@ -112,22 +113,22 @@ const routes = [
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-auth-master.layout-CgDrAbPS.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-modules-auth-login.module-D8-GN_Hx.mjs').then((c) => c.AXPSignInModule),
+                loadComponent: () => import('./acorex-modules-auth-master.layout-BzV1eUvM.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-modules-auth-login.module-DLWlieUn.mjs').then((c) => c.AXPSignInModule),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-auth-master.layout-CgDrAbPS.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-modules-auth-two-factor.module-D1UjsoB8.mjs').then((c) => c.AXPTwoFactorModule),
+                loadComponent: () => import('./acorex-modules-auth-master.layout-BzV1eUvM.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-modules-auth-two-factor.module-TGGOwEpP.mjs').then((c) => c.AXPTwoFactorModule),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-auth-master.layout-CgDrAbPS.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-modules-auth-routes-BGLnoGO4.mjs').then((c) => c),
+                loadComponent: () => import('./acorex-modules-auth-master.layout-BzV1eUvM.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-modules-auth-routes-BRQJ6Mx_.mjs').then((c) => c),
             },
             {
                 path: 'axp-oauth-callback',
-                loadComponent: () => import('./acorex-modules-auth-oauth-callback.component-lEMWnVJL.mjs').then((c) => c.AXPOAuthCallbackComponent),
+                loadComponent: () => import('./acorex-modules-auth-oauth-callback.component-CqaXMQdp.mjs').then((c) => c.AXPOAuthCallbackComponent),
             },
             {
                 path: 'account',
@@ -151,7 +152,6 @@ const routes = [
 
 class AXPAppChooserListComponent {
     constructor() {
-        this.router = inject(Router);
         this.sessionService = inject(AXPSessionService);
         this.homePageService = inject(AXPHomePageService);
         this.authStrategyRegistry = inject(AXPAuthStrategyRegistryService);
@@ -160,6 +160,7 @@ class AXPAppChooserListComponent {
         this.strategy = this.authStrategyRegistry.get(this.strategyName);
         this.selectedApplication = null;
         this.applications$ = this.sessionService.applications$;
+        this.applicationChosen = output();
     }
     async chooseApplication(item) {
         this.selectedApplication = item;
@@ -195,63 +196,106 @@ class AXPAppChooserListComponent {
             };
             await this.sessionService.updateToken(updateContext);
         }
+        this.applicationChosen.emit();
         return await this.homePageService.navigateTo();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPAppChooserListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPAppChooserListComponent, isStandalone: true, selector: "axp-app-chooser-list", ngImport: i0, template: "<div class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n  @for (application of applications$ | async; track $index) {\n  <div\n    class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-start ax-cursor-pointer\"\n    (click)=\"chooseApplication(application)\">\n    <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-justify-center ax-font-medium\">\n      <div\n        class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n        <axp-logo [source]=\"application.logo\" [attr.alt]=\"application.title\"\n          class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo>\n      </div>\n      <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ application.title }}</span>\n      <span class=\"ax-text-gray-500 md:ax-text-sm ax-text-xs\">{{ application.edition?.title }}</span>\n      @if (application.name === selectedApplication?.name) {\n      <ax-loading></ax-loading>\n      } @else {\n      <ax-icon class=\"fa-solid rtl:ax-rotate-180 fa-chevron-right ax-text-neutral-400\"> </ax-icon>\n      }\n    </div>\n  </div>\n  }\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["source"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPAppChooserListComponent, isStandalone: true, selector: "axp-app-chooser-list", outputs: { applicationChosen: "applicationChosen" }, ngImport: i0, template: "<div class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n  @for (application of applications$ | async; track $index) {\n  <div\n    class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-start ax-cursor-pointer\"\n    (click)=\"chooseApplication(application)\">\n    <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-justify-center ax-font-medium\">\n      <div\n        class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n        <axp-logo [source]=\"application.logo\" [attr.alt]=\"application.title\"\n          class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo>\n      </div>\n      <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ application.title }}</span>\n      <span class=\"ax-text-muted ax-text-xs\">{{ application.edition?.title }}</span>\n    </div>\n  </div>\n  }\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["source"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPAppChooserListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-app-chooser-list', imports: [CommonModule, AXDecoratorModule, AXLoadingModule, AXPLogoComponent], template: "<div class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n  @for (application of applications$ | async; track $index) {\n  <div\n    class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-start ax-cursor-pointer\"\n    (click)=\"chooseApplication(application)\">\n    <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-justify-center ax-font-medium\">\n      <div\n        class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n        <axp-logo [source]=\"application.logo\" [attr.alt]=\"application.title\"\n          class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo>\n      </div>\n      <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ application.title }}</span>\n      <span class=\"ax-text-gray-500 md:ax-text-sm ax-text-xs\">{{ application.edition?.title }}</span>\n      @if (application.name === selectedApplication?.name) {\n      <ax-loading></ax-loading>\n      } @else {\n      <ax-icon class=\"fa-solid rtl:ax-rotate-180 fa-chevron-right ax-text-neutral-400\"> </ax-icon>\n      }\n    </div>\n  </div>\n  }\n</div>" }]
-        }] });
+            args: [{ selector: 'axp-app-chooser-list', imports: [CommonModule, AXDecoratorModule, AXLoadingModule, AXPLogoComponent], template: "<div class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n  @for (application of applications$ | async; track $index) {\n  <div\n    class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-start ax-cursor-pointer\"\n    (click)=\"chooseApplication(application)\">\n    <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-justify-center ax-font-medium\">\n      <div\n        class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n        <axp-logo [source]=\"application.logo\" [attr.alt]=\"application.title\"\n          class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo>\n      </div>\n      <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ application.title }}</span>\n      <span class=\"ax-text-muted ax-text-xs\">{{ application.edition?.title }}</span>\n    </div>\n  </div>\n  }\n</div>" }]
+        }], propDecorators: { applicationChosen: [{ type: i0.Output, args: ["applicationChosen"] }] } });
 
 class AXMAppChooserSlotComponent {
     constructor() {
         this.sessionService = inject(AXPSessionService);
-        this.homePageService = inject(AXPHomePageService);
+        this.applications$ = this.sessionService.applications$;
+        this.appPopover = viewChild('appPopover', ...(ngDevMode ? [{ debugName: "appPopover" }] : []));
+    }
+    closePopover() {
+        this.appPopover()?.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXMAppChooserSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXMAppChooserSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "appPopover", first: true, predicate: ["appPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "@if(((applications$ | async)?.length ?? 0) > 1) {\n<ax-button color=\"primary\" #appChooser>\n  <ax-icon class=\"fa-regular fa-grid-2\"> </ax-icon>\n</ax-button>\n<ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\" #appPopover>\n  <div class=\"ax-bg-lightest ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-3\">\n    <axp-app-chooser-list (applicationChosen)=\"closePopover()\"></axp-app-chooser-list>\n  </div>\n</ax-popover>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAppChooserListComponent, selector: "axp-app-chooser-list", outputs: ["applicationChosen"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXMAppChooserSlotComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [CommonModule, AXButtonModule, AXPopoverModule, AXDecoratorModule, AXPAppChooserListComponent], template: "@if(((applications$ | async)?.length ?? 0) > 1) {\n<ax-button color=\"primary\" #appChooser>\n  <ax-icon class=\"fa-regular fa-grid-2\"> </ax-icon>\n</ax-button>\n<ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\" #appPopover>\n  <div class=\"ax-bg-lightest ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-3\">\n    <axp-app-chooser-list (applicationChosen)=\"closePopover()\"></axp-app-chooser-list>\n  </div>\n</ax-popover>\n}" }]
+        }], propDecorators: { appPopover: [{ type: i0.ViewChild, args: ['appPopover', { isSignal: true }] }] } });
+
+class AXPTenantChooserListComponent {
+    constructor() {
+        this.sessionService = inject(AXPSessionService);
         this.authStrategyRegistry = inject(AXPAuthStrategyRegistryService);
+        this.router = inject(Router);
         this.strategyName = this.sessionService.getSessionData()?.strategy;
         this.strategy = this.authStrategyRegistry.get(this.strategyName);
-        this.tenant$ = this.sessionService.tenant$;
-        this.application$ = this.sessionService.application$;
-        this.applications$ = of([]);
+        this.defaultLogo = new AXPIconLogoConfig('fa-solid fa-building', 'neutral-500');
+        this.simple = input(false, ...(ngDevMode ? [{ debugName: "simple" }] : []));
+        this.searchValue = '';
+        this.showAll = false;
+        this.selectedTenant = null;
+        this.displayedTenants = [];
+        this.tenants$ = this.sessionService.tenants$;
+        this.tenantChosen = output();
     }
-    async chooseApplication(item) {
-        const tenantId = this.sessionService.tenant?.id || '';
-        if (this.strategy && typeof this.strategy.updateToken === 'function') {
+    ngOnInit() {
+        this.sessionService.tenants$.pipe(first()).subscribe((tenants) => {
+            this.displayedTenants = tenants.slice(0, 4);
+            this.allTenants = tenants;
+        });
+    }
+    filterTenants(tenants) {
+        return tenants.filter((tenant) => tenant.title.toLowerCase().includes(this.searchValue.toLowerCase()));
+    }
+    handleSearch(event) {
+        if (event != undefined) {
+            this.searchValue = event;
+            this.displayedTenants = this.filterTenants(this.allTenants);
+        }
+    }
+    showAllTenants() {
+        this.showAll = !this.showAll;
+        this.displayedTenants = this.filterTenants(this.showAll ? this.allTenants : this.allTenants.slice(0, 4));
+    }
+    async chooseTenant(item) {
+        this.selectedTenant = item;
+        if (this.strategy) {
             const updateContext = {
-                tenant: this.sessionService.tenant,
+                tenant: item,
                 user: this.sessionService.user,
-                application: item,
             };
             await this.sessionService.updateToken(updateContext);
         }
+        this.tenantChosen.emit();
+        return this.router.navigate(['/auth/account/app-chooser']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXMAppChooserSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXMAppChooserSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "@if(((applications$ | async)?.length ?? 0) > 1) {\n<ax-button color=\"default\" look=\"blank\" #appChooser>\n  <ax-icon>\n    <i class=\"fa-solid fa-grid-2 ax-text-slate-400 dark:ax-text-slate-200\"></i>\n  </ax-icon>\n</ax-button>\n<ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-bg-lightest ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-3\">\n    <axp-app-chooser-list></axp-app-chooser-list>\n  </div>\n</ax-popover>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$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$2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXPAppChooserListComponent, selector: "axp-app-chooser-list" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPTenantChooserListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPTenantChooserListComponent, isStandalone: true, selector: "axp-tenant-chooser-list", inputs: { simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tenantChosen: "tenantChosen" }, ngImport: i0, template: "@if (simple()) {\n<div class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n    @for (tenant of tenants$ | async; track $index) {\n    <div class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-start ax-cursor-pointer\"\n        (click)=\"chooseTenant(tenant)\">\n        <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-font-medium\">\n            <div\n                class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n                <axp-logo [source]=\"tenant.logo ?? defaultLogo\" [attr.alt]=\"tenant.title\"\n                    class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo>\n            </div>\n            <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ tenant.title }}</span>\n        </div>\n    </div>\n    }\n</div>\n} @else {\n@if (allTenants && allTenants.length > 4) {\n<ax-search-box [placeholder]=\"'@general:search.title' | translate | async\" [ngModel]=\"searchValue\"\n    (ngModelChange)=\"handleSearch($event)\" class=\"ax-w-full\"><ax-clear-button></ax-clear-button></ax-search-box>\n<div class=\"ax-mt-3 ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n    @for (tenant of displayedTenants; track $index) {\n    <div class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-center ax-cursor-pointer\"\n        (click)=\"chooseTenant(tenant)\">\n        <div class=\"ax-flex ax-gap-2 ax-items-center ax-font-medium\">\n            <div\n                class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n                <axp-logo [source]=\"tenant.logo ?? defaultLogo\" [attr.alt]=\"tenant.title\"\n                    class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo>\n            </div>\n            <span class=\"md:ax-text-base ax-text-sm ax-text-start\">{{ tenant.title }} </span>\n        </div>\n    </div>\n    }\n</div>\n} @else {\n<div class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n    @for (tenant of displayedTenants; track $index) {\n    <div class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-center ax-cursor-pointer\"\n        (click)=\"chooseTenant(tenant)\">\n        <div class=\"ax-flex ax-gap-2 ax-items-center ax-font-medium\">\n            <div\n                class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n                <axp-logo [source]=\"tenant.logo ?? defaultLogo\" [attr.alt]=\"tenant.title\"\n                    class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo>\n            </div>\n            <span class=\"md:ax-text-base ax-text-sm ax-text-start\">{{ tenant.title }} </span>\n        </div>\n    </div>\n    }\n</div>\n}\n@if (allTenants && allTenants.length > 4) {\n<div class=\"ax-mt-6 ax-w-full ax-flex ax-justify-center\">\n    <ax-button (onClick)=\"showAllTenants()\" class=\"ax-w-full\" look=\"outline\" [text]=\"\n      showAll\n        ? ('@general:actions.view-less.title' | translate | async)\n        : ('@general:actions.view-all.title' | translate | async)\n    \"></ax-button>\n</div>\n}\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["source"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i3$1.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: 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: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$2.AXTranslatorPipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXMAppChooserSlotComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPTenantChooserListComponent, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule, AXButtonModule, AXPopoverModule, AXDecoratorModule, AXPAppChooserListComponent], template: "@if(((applications$ | async)?.length ?? 0) > 1) {\n<ax-button color=\"default\" look=\"blank\" #appChooser>\n  <ax-icon>\n    <i class=\"fa-solid fa-grid-2 ax-text-slate-400 dark:ax-text-slate-200\"></i>\n  </ax-icon>\n</ax-button>\n<ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-bg-lightest ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-3\">\n    <axp-app-chooser-list></axp-app-chooser-list>\n  </div>\n</ax-popover>\n}\n" }]
-        }] });
+            args: [{ selector: 'axp-tenant-chooser-list', imports: [CommonModule, FormsModule, AXTranslationModule, AXDecoratorModule, AXLoadingModule, AXPLogoComponent, AXSearchBoxModule, AXButtonModule], template: "@if (simple()) {\n<div class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n    @for (tenant of tenants$ | async; track $index) {\n    <div class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-start ax-cursor-pointer\"\n        (click)=\"chooseTenant(tenant)\">\n        <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-font-medium\">\n            <div\n                class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n                <axp-logo [source]=\"tenant.logo ?? defaultLogo\" [attr.alt]=\"tenant.title\"\n                    class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo>\n            </div>\n            <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ tenant.title }}</span>\n        </div>\n    </div>\n    }\n</div>\n} @else {\n@if (allTenants && allTenants.length > 4) {\n<ax-search-box [placeholder]=\"'@general:search.title' | translate | async\" [ngModel]=\"searchValue\"\n    (ngModelChange)=\"handleSearch($event)\" class=\"ax-w-full\"><ax-clear-button></ax-clear-button></ax-search-box>\n<div class=\"ax-mt-3 ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n    @for (tenant of displayedTenants; track $index) {\n    <div class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-center ax-cursor-pointer\"\n        (click)=\"chooseTenant(tenant)\">\n        <div class=\"ax-flex ax-gap-2 ax-items-center ax-font-medium\">\n            <div\n                class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n                <axp-logo [source]=\"tenant.logo ?? defaultLogo\" [attr.alt]=\"tenant.title\"\n                    class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo>\n            </div>\n            <span class=\"md:ax-text-base ax-text-sm ax-text-start\">{{ tenant.title }} </span>\n        </div>\n    </div>\n    }\n</div>\n} @else {\n<div class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n    @for (tenant of displayedTenants; track $index) {\n    <div class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-center ax-cursor-pointer\"\n        (click)=\"chooseTenant(tenant)\">\n        <div class=\"ax-flex ax-gap-2 ax-items-center ax-font-medium\">\n            <div\n                class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\">\n                <axp-logo [source]=\"tenant.logo ?? defaultLogo\" [attr.alt]=\"tenant.title\"\n                    class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"></axp-logo>\n            </div>\n            <span class=\"md:ax-text-base ax-text-sm ax-text-start\">{{ tenant.title }} </span>\n        </div>\n    </div>\n    }\n</div>\n}\n@if (allTenants && allTenants.length > 4) {\n<div class=\"ax-mt-6 ax-w-full ax-flex ax-justify-center\">\n    <ax-button (onClick)=\"showAllTenants()\" class=\"ax-w-full\" look=\"outline\" [text]=\"\n      showAll\n        ? ('@general:actions.view-less.title' | translate | async)\n        : ('@general:actions.view-all.title' | translate | async)\n    \"></ax-button>\n</div>\n}\n}" }]
+        }], propDecorators: { simple: [{ type: i0.Input, args: [{ isSignal: true, alias: "simple", required: false }] }], tenantChosen: [{ type: i0.Output, args: ["tenantChosen"] }] } });
 
 class AXPTenantChooserDropdownComponent {
     constructor() {
-        this.router = inject(Router);
         this.sessionService = inject(AXPSessionService);
         this.tenants$ = this.sessionService.tenants$;
         this.tenant = this.sessionService.tenant;
+        this.tenantPopover = viewChild('tenantPopover', ...(ngDevMode ? [{ debugName: "tenantPopover" }] : []));
     }
-    tenantChooser() {
-        this.router.navigate(['/auth/account/tenant-chooser']);
+    closePopover() {
+        this.tenantPopover()?.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPTenantChooserDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPTenantChooserDropdownComponent, isStandalone: true, selector: "axp-tenant-chooser-dropdown", ngImport: i0, template: "<!-- <ng-container *ngIf=\"tenants$ | async as tenants\">\n@if(tenants.length>1){\n  <div (click)=\"tenantChooser()\"\n    class=\"ax-flex ax-items-center ax-border ax-rounded-full ax-px-4 ax-py-1 ax-gap-2 ax-cursor-pointer\">\n    <ax-icon class=\"fa-solid fa-building ax-text-neutral-500 ax-text-xs\"></ax-icon>\n    <p class=\"ax-text-neutral-500 ax-text-sm ax-font-medium\">\n      {{ tenant?.title }}\n    </p>\n    <ax-icon class=\"fa-regular fa-chevron-down ax-text-neutral-400\"></ax-icon>\n  </div>\n  }@else {\n  <div class=\"ax-flex ax-items-center ax-border ax-rounded-full ax-px-4 ax-py-1 ax-gap-2 ax-cursor-pointer\">\n    <ax-icon class=\"fa-solid fa-building ax-text-neutral-500\"></ax-icon>\n    <p class=\"ax-text-neutral-500 ax-text-sm ax-font-medium\">\n      {{ tenant?.title }}\n    </p>\n  </div>\n}\n</ng-container> -->\n\n@if (tenants$ | async; as tenants) {\n  <ax-button [text]=\"tenant?.title ?? ''\" class=\"ax-xs\" look=\"blank\">\n    @if(tenants.length > 1){\n      <ax-suffix>\n        <ax-icon class=\"fa-solid fa-caret-down\"></ax-icon>\n      </ax-suffix>\n    }\n  </ax-button>\n}", dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.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: AXChipsModule }, { kind: "ngmodule", type: AXTagModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$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: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPTenantChooserDropdownComponent, isStandalone: true, selector: "axp-tenant-chooser-dropdown", viewQueries: [{ propertyName: "tenantPopover", first: true, predicate: ["tenantPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (tenants$ | async; as tenants) {\n@if (tenants.length > 1) {\n<ax-button [text]=\"tenant?.title ?? ''\" class=\"ax-xs\" look=\"blank\" #tenantChooser>\n  <ax-suffix>\n    <ax-icon class=\"fa-solid fa-caret-down\"></ax-icon>\n  </ax-suffix>\n</ax-button>\n<ax-popover [target]=\"tenantChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\"\n  #tenantPopover>\n  <div class=\"ax-bg-lightest ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-3\">\n    <axp-tenant-chooser-list [simple]=\"true\" (tenantChosen)=\"closePopover()\"></axp-tenant-chooser-list>\n  </div>\n</ax-popover>\n} @else {\n<ax-button [text]=\"tenant?.title ?? ''\" class=\"ax-xs\" look=\"blank\"></ax-button>\n}\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXPTenantChooserListComponent, selector: "axp-tenant-chooser-list", inputs: ["simple"], outputs: ["tenantChosen"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPTenantChooserDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-tenant-chooser-dropdown', imports: [AXDecoratorModule, AXChipsModule, AXTagModule, CommonModule, AXButtonModule], template: "<!-- <ng-container *ngIf=\"tenants$ | async as tenants\">\n@if(tenants.length>1){\n  <div (click)=\"tenantChooser()\"\n    class=\"ax-flex ax-items-center ax-border ax-rounded-full ax-px-4 ax-py-1 ax-gap-2 ax-cursor-pointer\">\n    <ax-icon class=\"fa-solid fa-building ax-text-neutral-500 ax-text-xs\"></ax-icon>\n    <p class=\"ax-text-neutral-500 ax-text-sm ax-font-medium\">\n      {{ tenant?.title }}\n    </p>\n    <ax-icon class=\"fa-regular fa-chevron-down ax-text-neutral-400\"></ax-icon>\n  </div>\n  }@else {\n  <div class=\"ax-flex ax-items-center ax-border ax-rounded-full ax-px-4 ax-py-1 ax-gap-2 ax-cursor-pointer\">\n    <ax-icon class=\"fa-solid fa-building ax-text-neutral-500\"></ax-icon>\n    <p class=\"ax-text-neutral-500 ax-text-sm ax-font-medium\">\n      {{ tenant?.title }}\n    </p>\n  </div>\n}\n</ng-container> -->\n\n@if (tenants$ | async; as tenants) {\n  <ax-button [text]=\"tenant?.title ?? ''\" class=\"ax-xs\" look=\"blank\">\n    @if(tenants.length > 1){\n      <ax-suffix>\n        <ax-icon class=\"fa-solid fa-caret-down\"></ax-icon>\n      </ax-suffix>\n    }\n  </ax-button>\n}" }]
-        }] });
+            args: [{ selector: 'axp-tenant-chooser-dropdown', imports: [CommonModule, AXButtonModule, AXPopoverModule, AXDecoratorModule, AXPTenantChooserListComponent], template: "@if (tenants$ | async; as tenants) {\n@if (tenants.length > 1) {\n<ax-button [text]=\"tenant?.title ?? ''\" class=\"ax-xs\" look=\"blank\" #tenantChooser>\n  <ax-suffix>\n    <ax-icon class=\"fa-solid fa-caret-down\"></ax-icon>\n  </ax-suffix>\n</ax-button>\n<ax-popover [target]=\"tenantChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\"\n  #tenantPopover>\n  <div class=\"ax-bg-lightest ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-3\">\n    <axp-tenant-chooser-list [simple]=\"true\" (tenantChosen)=\"closePopover()\"></axp-tenant-chooser-list>\n  </div>\n</ax-popover>\n} @else {\n<ax-button [text]=\"tenant?.title ?? ''\" class=\"ax-xs\" look=\"blank\"></ax-button>\n}\n}" }]
+        }], propDecorators: { tenantPopover: [{ type: i0.ViewChild, args: ['tenantPopover', { isSignal: true }] }] } });
 
 class AXMAuthProfileSlotComponent {
     constructor() {
@@ -281,7 +325,7 @@ class AXMAuthProfileSlotComponent {
         this.router.navigate(['/auth/login']);
     }
     async openUserSession() {
-        const com = await import('./acorex-modules-auth-user-sessions.component-CIlGFT7H.mjs').then((c) => c.AXMUserSessionsComponent);
+        const com = await import('./acorex-modules-auth-user-sessions.component-C_JzCXUy.mjs').then((c) => c.AXMUserSessionsComponent);
         this.popupService.open(com, {
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'sm',
             title: await this.translateService.translateAsync('@auth:profile.sessions.title'),
@@ -293,9 +337,9 @@ class AXMAuthProfileSlotComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXMAuthProfileSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXMAuthProfileSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if (isAuthenticated$ | async) {\n  <div class=\"ax-size-fit\">\n    <div #avatar>\n      <axp-user-avatar [size]=\"36\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n    </div>\n\n    <ax-popover [target]=\"avatar\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #p>\n      <div class=\"ax-bg-lightest ax-border ax-border-lightest ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64\">\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-p-4 ax-border-b\">\n          <axp-user-avatar [size]=\"64\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n\n          <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-mt-2\">\n            <div class=\"ax-text-base ax-font-bold\">{{ (user$ | async)?.title }}</div>\n            <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n          </div>\n        </div>\n        <div class=\"axp-profile-slot-menus\">\n          <ul>\n            <li>\n              <a (click)=\"showProfile()\">\n                <i class=\"fa-light fa-user\"></i>\n                <span>{{ '@auth:profile.edit' | translate | async }}</span>\n              </a>\n            </li>\n            <li>\n              <a (click)=\"p.close()\" [routerLink]=\"['/', appName(), 'settings', 'user']\">\n                <i class=\"fa-light fa-gear\"></i>\n                <span>{{ '@auth:profile.settings' | translate | async }}</span>\n              </a>\n            </li>\n            <li>\n              <a (click)=\"openUserSession()\">\n                <i class=\"fa-light fa-mobile\"></i>\n                <span>{{ '@auth:profile.sessions' | translate | async }}</span>\n              </a>\n            </li>\n            <li class=\"ax-text-danger-500\">\n              <a (click)=\"logOut()\">\n                <i class=\"fa-light fa-arrow-right-from-bracket\"></i>\n                <span>{{ '@auth:profile.logout' | translate | async }}</span>\n              </a>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </ax-popover>\n  </div>\n} @else {\n  <ax-button color=\"default\" look=\"blank\" text=\"Sign Up / Sign In\" (click)=\"handleSignIn()\">\n    <ax-icon>\n      <i class=\"fa-solid fa-user ax-text-slate-400 dark:ax-text-slate-200\"></i>\n    </ax-icon>\n  </ax-button>\n}\n", styles: [".axp-profile-slot-menus ul{margin-top:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));padding-left:.5rem;padding-right:.5rem}.axp-profile-slot-menus ul:last-child{border-width:0px}.axp-profile-slot-menus ul li{display:flex;cursor:pointer;border-radius:.375rem}.axp-profile-slot-menus ul li:last-child{margin-bottom:.5rem}.axp-profile-slot-menus ul li:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-dark-surface),var(--tw-bg-opacity, 1))}.axp-profile-slot-menus ul li i{margin-inline-end:.75rem;display:grid;height:1.5rem;width:1.5rem;place-items:center;font-size:1.25rem;line-height:1.75rem}.axp-profile-slot-menus ul li a{display:flex;height:100%;width:100%;align-items:center;padding:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: 
                 //
-                AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2$2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$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: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "component", type: 
+                AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "component", type: 
                 //
-                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXMAuthProfileSlotComponent, decorators: [{
             type: Component,
@@ -381,7 +425,7 @@ class AXMUserProfileCardSlotComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXMUserProfileCardSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXMUserProfileCardSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if((isAuthenticated$ | async)) {\n<div class=\"ax-p-3 ax-flex ax-items-center ax-gap-1 ax-border-b ax-border-lighter\">\n  <div #avatar>\n    <axp-user-avatar [size]=\"48\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n  </div>\n  <div class=\"ax-flex ax-flex-col\">\n    <ax-title class=\"ax-text-sm ax-font-medium ax-px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n</div>\n}\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
                 //
-                AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
+                AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
                 //
                 AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
@@ -574,12 +618,12 @@ function routesFacory() {
     routes = [
         {
             path: 'tenant-chooser',
-            loadComponent: () => import('./acorex-modules-auth-tenant-chooser.component-DNDhBKDp.mjs').then((c) => c.AXPAuthTenantChooserComponent),
+            loadComponent: () => import('./acorex-modules-auth-tenant-chooser.component-CptZLRwB.mjs').then((c) => c.AXPAuthTenantChooserComponent),
             canActivate: [AXPAuthGuard, canActivateTenantChooser],
         },
         {
             path: 'app-chooser',
-            loadComponent: () => import('./acorex-modules-auth-app-chooser.component-BL3Fmc7y.mjs').then((c) => c.AXPAuthAppChooserComponent),
+            loadComponent: () => import('./acorex-modules-auth-app-chooser.component-BvbLYIXA.mjs').then((c) => c.AXPAuthAppChooserComponent),
             canActivate: [AXPAuthGuard, canActivateAppChooser],
         },
     ];
@@ -725,5 +769,5 @@ var AXMSessionStatusTypes;
  * Generated bundle index. Do not edit.
  */
 
-export { AXM_AUTH_CONFIG_TOKEN as A, AXMAuthenticationTypes as a, AXPTenantChooserDropdownComponent as b, AXPAppChooserListComponent as c, AXMUserDeviceSessionsService as d, AXMAuthErrorHandler as e, AXMDefaultAuthConfigs as f, configAuthModule as g, AXMAuthModule as h, AXMSessionStatusTypes as i, AXPIdleService as j, AXMDeviceSessionsService as k, AXMDeviceSessionsServiceImpl as l };
-//# sourceMappingURL=acorex-modules-auth-acorex-modules-auth-D5jGjm6i.mjs.map
+export { AXM_AUTH_CONFIG_TOKEN as A, AXMAuthenticationTypes as a, AXPTenantChooserListComponent as b, AXPTenantChooserDropdownComponent as c, AXPAppChooserListComponent as d, AXMUserDeviceSessionsService as e, AXMAuthErrorHandler as f, AXMDefaultAuthConfigs as g, configAuthModule as h, AXMAuthModule as i, AXMSessionStatusTypes as j, AXPIdleService as k, AXMDeviceSessionsService as l, AXMDeviceSessionsServiceImpl as m };
+//# sourceMappingURL=acorex-modules-auth-acorex-modules-auth-8XP9xX7L.mjs.map