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

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

@@ -3,10 +3,10 @@ import { AXPFileStorageService, AXPHomePageService, AXPPlatformSettingsLoadState
 import { AXPSessionService, AXPUnauthorizedError, AXPUnauthenticatedError, AXPAuthStrategyRegistryService, traceAuthGuard, AXPAuthGuard, AXPSessionStatus } from '@acorex-platform/framework-client/auth';
 import { AXPUserAvatarService, AXPUserAvatarComponent, AXP_PAGE_COMPONENT_PROVIDER } from '@acorex-platform/framework-client/layout/components';
 import { AXPFileStorageStatus, coerceUnknownToTrimmedString, AXPPlatformScope, AXPKeyboardShortcutPriority, verifyPassword } from '@acorex-platform/framework-shared/core';
-import { RootConfig } from '@acorex-platform/module-security-management-client/contracts';
+import { RootConfig, AXPSecurityManagementFeatureKeys } from '@acorex-platform/module-security-management-client/contracts';
 import { AXPEntityService, AXP_ENTITY_STORAGE_MIDDLEWARE } from '@acorex-platform/framework-client/layout/entity';
 import * as i0 from '@angular/core';
-import { inject, Injectable, isDevMode, InjectionToken, NgModule, input, output, viewChild, viewChildren, signal, computed, effect, ChangeDetectionStrategy, Component, DestroyRef, ViewEncapsulation, ViewChild, Injector, afterNextRender, ApplicationRef } from '@angular/core';
+import { inject, Injectable, isDevMode, InjectionToken, NgModule, input, output, viewChild, viewChildren, signal, computed, effect, ChangeDetectionStrategy, Component, Input, DestroyRef, ViewEncapsulation, ViewChild, Injector, afterNextRender, ApplicationRef } from '@angular/core';
 import { AXPLayoutThemeService, AXPMenuVerticalMode } from '@acorex-platform/framework-client/themes/shared';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as i1$6 from '@angular/router';
@@ -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';
@@ -267,12 +266,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 //#region ---- User activity helpers ----
 //#region ---- Constants ----
 const AUTH_USER_ACTIVITY_DEFAULT_WEEKS = 53;
+/** Ignore an older sign-in cluster when the gap to the next newer day exceeds this. */
+const AUTH_USER_ACTIVITY_CLUSTER_GAP_DAYS = 14;
+/** Week / month / quarter / year heatmap windows, smallest first. */
+const AUTH_USER_ACTIVITY_WEEK_PRESETS = [1, 2, 5, 13, 53];
 const LEVEL_THRESHOLDS = [0, 3, 8, 15, 30];
+const MS_PER_DAY = 24 * 60 * 60 * 1000;
 //#endregion
 //#region ---- Date range ----
+function startOfLocalDay(date) {
+    const value = new Date(date);
+    value.setHours(0, 0, 0, 0);
+    return value;
+}
+function calendarDaysBetween(newer, older) {
+    return Math.round((startOfLocalDay(newer).getTime() - startOfLocalDay(older).getTime()) / MS_PER_DAY);
+}
 function resolveDefaultUserActivityDateRange(weeksToShow = AUTH_USER_ACTIVITY_DEFAULT_WEEKS, referenceDate = new Date()) {
-    const today = new Date(referenceDate);
-    today.setHours(0, 0, 0, 0);
+    const today = startOfLocalDay(referenceDate);
     const endSunday = new Date(today);
     endSunday.setDate(today.getDate() + (6 - today.getDay()));
     const startDate = new Date(endSunday);
@@ -280,6 +291,80 @@ function resolveDefaultUserActivityDateRange(weeksToShow = AUTH_USER_ACTIVITY_DE
     startDate.setHours(0, 0, 0, 0);
     return { startDate, endDate: endSunday };
 }
+function collectUserSignInDays(sessions, userId, lookbackStart, lookbackEnd) {
+    const days = new Map();
+    const rangeStart = startOfLocalDay(lookbackStart);
+    const rangeEnd = startOfLocalDay(lookbackEnd);
+    for (const session of sessions) {
+        if (session.userId !== userId || session.lastLoginDate == null) {
+            continue;
+        }
+        const day = startOfLocalDay(new Date(session.lastLoginDate));
+        if (Number.isNaN(day.getTime()) || day < rangeStart || day > rangeEnd) {
+            continue;
+        }
+        days.set(day.getTime(), day);
+    }
+    return [...days.values()].sort((left, right) => right.getTime() - left.getTime());
+}
+function resolveRecentSignInCluster(activityDaysNewestFirst, gapDays) {
+    if (activityDaysNewestFirst.length === 0) {
+        return [];
+    }
+    const cluster = [activityDaysNewestFirst[0]];
+    for (let index = 1; index < activityDaysNewestFirst.length; index += 1) {
+        const newer = activityDaysNewestFirst[index - 1];
+        const older = activityDaysNewestFirst[index];
+        if (calendarDaysBetween(newer, older) > gapDays) {
+            break;
+        }
+        cluster.push(older);
+    }
+    return cluster;
+}
+function pickWeeksToCoverCluster(oldestDay, referenceDate) {
+    const oldest = startOfLocalDay(oldestDay);
+    for (const weeks of AUTH_USER_ACTIVITY_WEEK_PRESETS) {
+        const { startDate } = resolveDefaultUserActivityDateRange(weeks, referenceDate);
+        if (startDate <= oldest) {
+            return weeks;
+        }
+    }
+    return AUTH_USER_ACTIVITY_DEFAULT_WEEKS;
+}
+/**
+ * Auto heatmap window from recent sign-in days.
+ * Walks backward from the latest sign-in and drops an older cluster when the gap
+ * exceeds {@link AUTH_USER_ACTIVITY_CLUSTER_GAP_DAYS}. Empty users get one week.
+ */
+function resolveSmartUserActivityDateRange(sessions, userId, referenceDate = new Date()) {
+    const lookback = resolveDefaultUserActivityDateRange(AUTH_USER_ACTIVITY_DEFAULT_WEEKS, referenceDate);
+    const activityDays = collectUserSignInDays(sessions, userId, lookback.startDate, lookback.endDate);
+    const cluster = resolveRecentSignInCluster(activityDays, AUTH_USER_ACTIVITY_CLUSTER_GAP_DAYS);
+    if (cluster.length === 0) {
+        return resolveDefaultUserActivityDateRange(1, referenceDate);
+    }
+    if (cluster.length === 1) {
+        return resolveDayDateRange(cluster[0]);
+    }
+    const oldest = cluster[cluster.length - 1];
+    return resolveDefaultUserActivityDateRange(pickWeeksToCoverCluster(oldest, referenceDate), referenceDate);
+}
+function resolveDayDateRange(day) {
+    const startDate = startOfLocalDay(day);
+    return { startDate, endDate: new Date(startDate) };
+}
+function resolveUserActivityHeatmapLayout(startDate, endDate) {
+    const { rangeStart, rangeEnd } = normalizeDateRange(startDate, endDate);
+    const spanDays = calendarDaysBetween(rangeEnd, rangeStart) + 1;
+    if (spanDays <= 1) {
+        return 'hours';
+    }
+    if (spanDays <= 35) {
+        return 'days';
+    }
+    return 'calendar';
+}
 //#endregion
 //#region ---- Session aggregation ----
 function normalizeDateRange(startDate, endDate) {
@@ -320,6 +405,33 @@ function aggregateDailySessionCounts(sessions, params) {
     }
     return counts;
 }
+/** Counts sign-in events per local hour from device session rows. */
+function aggregateHourlySessionCounts(sessions, params) {
+    const { rangeStart, rangeEnd } = normalizeDateRange(params.startDate, params.endDate);
+    const counts = Array.from({ length: 24 }, () => 0);
+    for (const session of sessions) {
+        if (session.userId !== params.userId || session.lastLoginDate == null) {
+            continue;
+        }
+        const login = new Date(session.lastLoginDate);
+        if (Number.isNaN(login.getTime())) {
+            continue;
+        }
+        const day = startOfLocalDay(login);
+        if (day < rangeStart || day > rangeEnd) {
+            continue;
+        }
+        counts[login.getHours()] += 1;
+    }
+    return counts;
+}
+function buildUserActivityHours(hourlyCounts) {
+    return hourlyCounts.map((count, hour) => ({
+        hour,
+        count,
+        level: countToActivityLevel(count),
+    }));
+}
 //#endregion
 //#region ---- Week grid ----
 function countToActivityLevel(count) {
@@ -395,12 +507,16 @@ function computeUserActivityStats(weeks) {
 function buildUserActivityDataSourceItem(params, sessions) {
     const dailyCounts = aggregateDailySessionCounts(sessions, params);
     const weeks = buildUserActivityWeeks(params, dailyCounts);
+    const layout = resolveUserActivityHeatmapLayout(params.startDate, params.endDate);
+    const hours = layout === 'hours' ? buildUserActivityHours(aggregateHourlySessionCounts(sessions, params)) : [];
     return {
         id: `${params.userId}:${toIsoDate(params.startDate)}:${toIsoDate(params.endDate)}`,
         userId: params.userId,
         startDate: toIsoDate(params.startDate),
         endDate: toIsoDate(params.endDate),
+        layout,
         weeks,
+        hours,
         stats: computeUserActivityStats(weeks),
     };
 }
@@ -877,17 +993,17 @@ const routes = [
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-WlPLf7po.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-login.module-CXYUlOPx.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-WlPLf7po.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-WlPLf7po.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),
             },
             {
@@ -901,8 +1017,8 @@ const routes = [
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-platform-module-auth-client-master.layout-WlPLf7po.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-platform-module-auth-client-register.module-ht9ZxSLU.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),
             },
         ],
     },
@@ -983,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 === ' ') {
@@ -1083,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,
@@ -1093,17 +1211,17 @@ 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 {
     constructor() {
         this.sessionService = inject(AXPSessionService);
+        this.themeStore = inject(AXPLayoutThemeService);
         this.applications$ = this.sessionService.applications$;
         this.appPopover = viewChild('appPopover', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "appPopover" }] : /* istanbul ignore next */ []));
@@ -1112,11 +1230,11 @@ class AXMAppChooserSlotComponent {
         this.appPopover()?.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAppChooserSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMAppChooserSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "appPopover", first: true, predicate: ["appPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (applications$ | async; as applications) {\n  @if (applications.length > 1) {\n    <ax-button color=\"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'\" #appPopover>\n      <div class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\">\n        <axp-app-chooser-list [simple]=\"true\" (applicationChosen)=\"closePopover()\"></axp-app-chooser-list>\n      </div>\n    </ax-popover>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "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: AXPAppChooserListComponent, selector: "axp-app-chooser-list", inputs: ["simple"], outputs: ["applicationChosen", "loadingChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMAppChooserSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "appPopover", first: true, predicate: ["appPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (applications$ | async; as applications) {\n  @if (applications.length > 1) {\n    <ax-button [color]=\"themeStore.headerButtonColor()\" [look]=\"themeStore.headerButtonLook()\" #appChooser>\n      <ax-icon class=\"fa-regular fa-grid-2\"> </ax-icon>\n    </ax-button>\n    <ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #appPopover>\n      <div class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\">\n        <axp-app-chooser-list [simple]=\"true\" (applicationChosen)=\"closePopover()\"></axp-app-chooser-list>\n      </div>\n    </ax-popover>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "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: AXPAppChooserListComponent, selector: "axp-app-chooser-list", inputs: ["simple"], outputs: ["applicationChosen", "loadingChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAppChooserSlotComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.Eager, imports: [CommonModule, AXButtonModule, AXPopoverModule, AXDecoratorModule, AXPAppChooserListComponent], template: "@if (applications$ | async; as applications) {\n  @if (applications.length > 1) {\n    <ax-button color=\"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'\" #appPopover>\n      <div class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\">\n        <axp-app-chooser-list [simple]=\"true\" (applicationChosen)=\"closePopover()\"></axp-app-chooser-list>\n      </div>\n    </ax-popover>\n  }\n}\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.Eager, imports: [CommonModule, AXButtonModule, AXPopoverModule, AXDecoratorModule, AXPAppChooserListComponent], template: "@if (applications$ | async; as applications) {\n  @if (applications.length > 1) {\n    <ax-button [color]=\"themeStore.headerButtonColor()\" [look]=\"themeStore.headerButtonLook()\" #appChooser>\n      <ax-icon class=\"fa-regular fa-grid-2\"> </ax-icon>\n    </ax-button>\n    <ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #appPopover>\n      <div class=\"bg-lightest border overflow-hidden rounded-md shadow-md w-full min-w-64 p-1\">\n        <axp-app-chooser-list [simple]=\"true\" (applicationChosen)=\"closePopover()\"></axp-app-chooser-list>\n      </div>\n    </ax-popover>\n  }\n}\n" }]
         }], propDecorators: { appPopover: [{ type: i0.ViewChild, args: ['appPopover', { isSignal: true }] }] } });
 
 class AXPTenantChooserListComponent {
@@ -1224,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 === ' ') {
@@ -1295,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,
@@ -1307,17 +1427,18 @@ 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 {
     constructor() {
         //#region ----- Services & Dependencies -----
         this.sessionService = inject(AXPSessionService);
+        this.router = inject(Router);
         //#endregion
         //#region ----- State Signals -----
         this.tenants$ = this.sessionService.tenants$;
@@ -1326,6 +1447,13 @@ class AXPTenantChooserDropdownComponent {
         ...(ngDevMode ? [{ debugName: "tenantsLoading" }] : /* istanbul ignore next */ []));
         this.tenantPopover = viewChild('tenantPopover', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "tenantPopover" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Inputs -----
+        /**
+         * When true, renders a plain inline tenant text (no popover).
+         * When multiple tenants are available, the text is clickable.
+         */
+        this.inline = false;
     }
     //#endregion
     //#region ----- Lifecycle -----
@@ -1339,8 +1467,12 @@ class AXPTenantChooserDropdownComponent {
     closePopover() {
         this.tenantPopover()?.close();
     }
+    openTenantChooser() {
+        // Route registered in `AXPAccountModule` as `/auth/account/tenant-chooser`.
+        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", 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 (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", 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,
@@ -1352,8 +1484,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXDecoratorModule,
                         AXSkeletonModule,
                         AXPTenantChooserListComponent,
-                    ], template: "@if (tenantsLoading()) {\n  <ax-skeleton [animated]=\"true\" class=\"h-5 w-32 max-w-full\"></ax-skeleton>\n} @else if (tenants$ | async; as tenants) {\n  @if (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" }]
-        }], propDecorators: { tenantPopover: [{ type: i0.ViewChild, args: ['tenantPopover', { isSignal: true }] }] } });
+                    ], 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" }]
+        }], propDecorators: { tenantPopover: [{ type: i0.ViewChild, args: ['tenantPopover', { isSignal: true }] }], inline: [{
+                type: Input
+            }] } });
 
 //#region ---- Profile slot menu hook ----
 const PROFILE_SLOT_MENU_ITEMS_HOOK = 'profile-slot.menu-items';
@@ -1486,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" }, { 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,
@@ -1521,6 +1655,10 @@ class AXMUserProfileCardSlotComponent {
             return this.themeStore.effectiveMenuVerticalMode() === AXPMenuVerticalMode.Compact;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isCompactMode" }] : /* istanbul ignore next */ []));
+        this.isMenuDark = computed(() => this.themeStore.menuDarkEnabled() ||
+            (this.themeStore.menuAppearance() === 'brand-light' &&
+                this.themeStore.isDarkMode()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isMenuDark" }] : /* istanbul ignore next */ []));
         this.hasPicture = signal(true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hasPicture" }] : /* istanbul ignore next */ []));
         this.avatarText = signal('', /* @ts-ignore */
@@ -1532,8 +1670,8 @@ class AXMUserProfileCardSlotComponent {
         this.getAvatarText = () => {
             this.user$.pipe(first()).subscribe((user) => {
                 const names = user?.title.split(' ');
-                if (names?.length && names?.length > 1) {
-                    this.avatarText.set(`${names[0][0].toUpperCase()}${names[names.length - 1][0].toUpperCase()}`);
+                if (names?.length && names[0]?.[0]) {
+                    this.avatarText.set(names[0][0].toUpperCase());
                 }
                 else
                     return this.avatarText.set('AC');
@@ -1578,11 +1716,11 @@ class AXMUserProfileCardSlotComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUserProfileCardSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMUserProfileCardSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if((isAuthenticated$ | async)) {\n<div class=\"p-3 flex items-center gap-1 border-b border-border-lighter\" [class.justify-center]=\"isCompactMode()\">\n  <div #avatar>\n    <axp-user-avatar\n      [size]=\"48\"\n      [userId]=\"$safeNavigationMigration((user$ | async)?.id)!\"\n      [showPresence]=\"false\"\n    ></axp-user-avatar>\n  </div>\n  @if (!isCompactMode()) {\n  <div class=\"flex flex-col\">\n    <ax-title class=\"text-sm font-medium px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n  }\n</div>\n}\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMUserProfileCardSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if((isAuthenticated$ | async)) {\n<div\n  class=\"p-3 flex items-center gap-1 border-b\"\n  [class.border-white/7]=\"isMenuDark()\"\n  [class.border-black/7]=\"!isMenuDark()\"\n  [class.justify-center]=\"isCompactMode()\"\n>\n  <div #avatar>\n    <axp-user-avatar\n      [size]=\"48\"\n      [userId]=\"$safeNavigationMigration((user$ | async)?.id)!\"\n      [showPresence]=\"false\"\n    ></axp-user-avatar>\n  </div>\n  @if (!isCompactMode()) {\n  <div class=\"flex flex-col\">\n    <ax-title class=\"text-sm font-medium px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown [inline]=\"true\" />\n  </div>\n  }\n</div>\n}\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
                 //
                 AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
                 //
-                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown", inputs: ["inline"] }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUserProfileCardSlotComponent, decorators: [{
             type: Component,
@@ -1600,7 +1738,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXPTenantChooserDropdownComponent,
                         AsyncPipe,
                         AXPUserAvatarComponent,
-                    ], template: "@if((isAuthenticated$ | async)) {\n<div class=\"p-3 flex items-center gap-1 border-b border-border-lighter\" [class.justify-center]=\"isCompactMode()\">\n  <div #avatar>\n    <axp-user-avatar\n      [size]=\"48\"\n      [userId]=\"$safeNavigationMigration((user$ | async)?.id)!\"\n      [showPresence]=\"false\"\n    ></axp-user-avatar>\n  </div>\n  @if (!isCompactMode()) {\n  <div class=\"flex flex-col\">\n    <ax-title class=\"text-sm font-medium px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n  }\n</div>\n}\n" }]
+                    ], template: "@if((isAuthenticated$ | async)) {\n<div\n  class=\"p-3 flex items-center gap-1 border-b\"\n  [class.border-white/7]=\"isMenuDark()\"\n  [class.border-black/7]=\"!isMenuDark()\"\n  [class.justify-center]=\"isCompactMode()\"\n>\n  <div #avatar>\n    <axp-user-avatar\n      [size]=\"48\"\n      [userId]=\"$safeNavigationMigration((user$ | async)?.id)!\"\n      [showPresence]=\"false\"\n    ></axp-user-avatar>\n  </div>\n  @if (!isCompactMode()) {\n  <div class=\"flex flex-col\">\n    <ax-title class=\"text-sm font-medium px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown [inline]=\"true\" />\n  </div>\n  }\n</div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { profilePopover: [{
                 type: ViewChild,
                 args: ['profilePopover']
@@ -1778,12 +1916,12 @@ function routesFacory() {
     routes = [
         {
             path: 'tenant-chooser',
-            loadComponent: () => import('./acorex-platform-module-auth-client-tenant-chooser.component-CmcpvQia.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-BeXTcP-B.mjs').then((c) => c.AXPAuthAppChooserComponent),
+            loadComponent: () => import('./acorex-platform-module-auth-client-app-chooser.component-TPCkYJej.mjs').then((c) => c.AXPAuthAppChooserComponent),
             canActivate: [AXPAuthGuard, canActivateAppChooser],
         },
     ];
@@ -2171,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-Dy21tFJ1.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');
@@ -2485,6 +2623,7 @@ const CoreProfileSectionsHookProvider = {
                 id: 'delete-account',
                 groupId: 'account',
                 priority: 100,
+                feature: AXPSecurityManagementFeatureKeys.DeleteAccount,
                 content: {
                     mode: 'component',
                     componentKey: PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY,
@@ -2994,7 +3133,7 @@ const userAvatarCacheRefreshMiddleware = {
 //#endregion
 
 function profileRoutesFactory() {
-    const loadProfilePage = () => import('./acorex-platform-module-auth-client-profile-page.component-jhc0ZSSB.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',
@@ -3110,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-BkR63GX0.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-ChzxVhRM.mjs').then((c) => c.AXMGetUserActivityQuery),
+                    loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-DBdELID4.mjs').then((c) => c.AXMGetUserActivityQuery),
                 },
             ]),
             {
@@ -3138,15 +3277,15 @@ class AXMAuthModule {
                 },
                 {
                     key: AXMAuthCommandKeys.Session.OpenSessions,
-                    command: () => import('./acorex-platform-module-auth-client-open-sessions.command-DcMF_kGc.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-tuEnmBqT.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-BrQVX8wA.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,
@@ -3154,19 +3293,19 @@ class AXMAuthModule {
                 },
                 {
                     key: AXMAuthCommandKeys.Security.ChangePassword,
-                    command: () => import('./acorex-platform-module-auth-client-change-password.command-BiAjSn5C.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-CHEfCVZU.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-BHIn0igt.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-BnGwRAd-.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,
@@ -3319,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-BkR63GX0.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-ChzxVhRM.mjs').then((c) => c.AXMGetUserActivityQuery),
+                                loader: () => import('./acorex-platform-module-auth-client-get-user-activity.query-DBdELID4.mjs').then((c) => c.AXMGetUserActivityQuery),
                             },
                         ]),
                         {
@@ -3347,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-DcMF_kGc.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-tuEnmBqT.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-BrQVX8wA.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,
@@ -3363,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-BiAjSn5C.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-CHEfCVZU.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-BHIn0igt.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-BnGwRAd-.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,
@@ -3498,5 +3637,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMUserDeviceSessionsService as A, AXMAuthenticationTypes as B, CHANGE_PASSWORD_SECTION_ID as C, AUTH_LOGIN_EXTERNAL_PROVIDERS_SLOT as D, AUTH_USER_ACTIVITY_DEFAULT_WEEKS as E, AXMAuthErrorHandler as F, AXMAuthModule as G, AXMDefaultAuthConfigs as H, AXM_AUTH_CONFIG_TOKEN as I, aggregateDailySessionCounts as J, buildUserActivityWeeks as K, canActivateLogin as L, computeUserActivityStats as M, configAuthModule as N, countToActivityLevel as O, PROFILE_PAGE_GROUPS_HOOK as P, extractUserActivityEndDate as Q, extractUserActivityStartDate as R, extractUserActivityUserId as S, isUserProfileGroupComponent as T, isUserProfileSectionsGroupRequested as U, parseAuthCredentialType as V, PROFILE_PAGE_SECTIONS_HOOK as a, 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, buildUserActivityDataSourceItem as h, AXPIdleLockService as i, AXPUserAvatarSyncService as j, AXPAuthPasswordComplexityService as k, AXPAuthPasswordChangeTrackingService as l, getPasswordComplexityHintKey as m, getPasswordComplexityValidationMessageKey as n, validatePasswordAgainstComplexity as o, buildPasswordLastChangedInsights as p, AXPLoginHistoryService as q, resolveDefaultUserProfileSectionAction as r, AXMAuthPlatformSettingsService as s, AXM_LOGIN_GUARD_TOKEN as t, AXPTenantChooserListComponent as u, visibleUserProfileSectionActions as v, AXPTenantChooserDropdownComponent as w, AXPAppChooserListComponent as x, formatCompactActivityCount as y, AXPLoginExternalProvidersComponent as z };
-//# sourceMappingURL=acorex-platform-module-auth-client-acorex-platform-module-auth-client-BJduAePW.mjs.map
+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-CTf7qxkQ.mjs.map