@acorex/modules 21.0.0-next.70 → 21.0.0-next.72

package/fesm2022/acorex-modules-auth-acorex-modules-auth-JEkso4J7.mjs

@@ -0,0 +1,1580 @@
+import { AXPUnauthorizedError, AXPUnauthenticatedError, AXPSessionService, AXPAuthStrategyRegistryService, AXPAuthGuard } from '@acorex/platform/auth';
+import { AXPLayoutThemeService, AXPMenuVerticalMode } from '@acorex/platform/themes/shared';
+import * as i1$2 from '@angular/common/http';
+import { HttpErrorResponse } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { inject, isDevMode, Injectable, InjectionToken, input, output, viewChild, viewChildren, signal, computed, effect, ChangeDetectionStrategy, Component, DestroyRef, ViewEncapsulation, ViewChild, NgModule } from '@angular/core';
+import * as i1$5 from '@angular/router';
+import { Router, RouterModule, ROUTES } from '@angular/router';
+import * as i1$4 from '@acorex/platform/common';
+import { AXPHomePageService, AXPDataProvider, AXP_ROOT_CONFIG_TOKEN, AXPSettingsService, AXP_PROTECTED_ROUTE_GUARDS, AXPCommonModule, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex/platform/common';
+import { AXPLogoComponent, AXPUserAvatarComponent, AXP_PAGE_COMPONENT_PROVIDER } from '@acorex/platform/layout/components';
+import * as i1$3 from '@acorex/platform/core';
+import { AXPIconLogoConfig, AXPHookService, AXPKeyboardShortcutRegistry, chordToKbdItemKeys, getPrimaryKeyboardShortcutChord, normalizeKeyboardShortcuts, AXPKeyboardShortcutPriority, AXPDeviceService, AXPPlatformScope, AXPComponentSlotModule, AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, provideLazyProvider } from '@acorex/platform/core';
+import { AXPCommandService, provideCommandSetups } from '@acorex/platform/runtime';
+import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
+import * as i4$1 from '@angular/common';
+import { CommonModule, AsyncPipe } from '@angular/common';
+import * as i1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3$1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i2$2 from '@acorex/components/popover';
+import { AXPopoverModule } from '@acorex/components/popover';
+import * as i5 from '@acorex/cdk/list-navigation';
+import { AXListNavigationDirective, AXListNavigationItemDirective, AXListNavigationModule } from '@acorex/cdk/list-navigation';
+import * as i4 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import * as i3 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i2 from '@acorex/components/skeleton';
+import { AXSkeletonModule } from '@acorex/components/skeleton';
+import * as i2$1 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXMApplicationService } from '@acorex/modules/application-management';
+import { first, Subject, timer, map, firstValueFrom } from 'rxjs';
+import { AXAvatarModule } from '@acorex/components/avatar';
+import { AXImageModule } from '@acorex/components/image';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { AXPWorkflowService } from '@acorex/platform/workflow';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { startWith, switchMap, tap } from 'rxjs/operators';
+import { AXMEntityCrudServiceImpl } from '@acorex/platform/layout/entity';
+
+class AXMAuthErrorHandler {
+    constructor() {
+        this.router = inject(Router);
+        this.layoutService = inject(AXPLayoutThemeService);
+    }
+    handleError(error, next) {
+        if (error instanceof HttpErrorResponse) {
+            // if (error.status == 401) {
+            //     this.router.navigate(['/auth/login']);
+            // }
+            // else if (error.status == 404) {
+            //     this.router.navigate(['/404']);
+            // }
+        }
+        else if (error instanceof AXPUnauthorizedError) {
+            const redirectUrl = error.data?.redirectUrl;
+            console.error(error.message);
+            this.router.navigate(['/401'], { queryParams: redirectUrl ? { redirectUrl: redirectUrl } : null });
+        }
+        else if (error instanceof AXPUnauthenticatedError) {
+            console.error(error.message);
+            const redirectUrl = error.data?.redirectUrl;
+            this.router.navigate(['/auth/login'], { queryParams: redirectUrl ? { redirectUrl: redirectUrl } : null });
+        }
+        else {
+            if (isDevMode()) {
+                next(error); // Pass the error to the next handler
+            }
+            else {
+                next(error); // maybe we need a error page
+            }
+        }
+        this.layoutService.setNavigationLoading(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthErrorHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthErrorHandler }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthErrorHandler, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Guard for login page that redirects authenticated users to home page.
+ * This guard prevents authenticated users from accessing the login page.
+ */
+const canActivateLogin = async (route, state) => {
+    // If not authenticated, allow access to login page
+    return true;
+};
+
+var AXMAuthenticationTypes;
+(function (AXMAuthenticationTypes) {
+    AXMAuthenticationTypes[AXMAuthenticationTypes["UsernamePassword"] = 0] = "UsernamePassword";
+    AXMAuthenticationTypes[AXMAuthenticationTypes["UsernameEmailPassword"] = 1] = "UsernameEmailPassword";
+    AXMAuthenticationTypes[AXMAuthenticationTypes["EmailPassword"] = 2] = "EmailPassword";
+    AXMAuthenticationTypes[AXMAuthenticationTypes["MobilePassword"] = 3] = "MobilePassword";
+    AXMAuthenticationTypes[AXMAuthenticationTypes["EmailCode"] = 4] = "EmailCode";
+    AXMAuthenticationTypes[AXMAuthenticationTypes["MobileCode"] = 5] = "MobileCode";
+})(AXMAuthenticationTypes || (AXMAuthenticationTypes = {}));
+const AXM_AUTH_CONFIG_TOKEN = new InjectionToken('app-module-auth-config', {
+    providedIn: 'root',
+    factory: () => {
+        return AXMDefaultAuthConfigs;
+    },
+});
+const AXMDefaultAuthConfigs = {
+    type: AXMAuthenticationTypes.UsernamePassword,
+    // defaultStrategyName:'oidc',
+    // حذف authConfig از اینجا چون از environment خوانده می‌شود
+    defaultStrategyName: 'user-pass',
+};
+function configAuthModule(config = AXMDefaultAuthConfigs) {
+    return { ...AXMDefaultAuthConfigs, ...config };
+}
+/**
+ * Injection token for login page guard.
+ * Apps can provide their own custom guard by providing this token.
+ * If not provided, the default guard (canActivateLogin) will be used.
+ */
+const AXM_LOGIN_GUARD_TOKEN = new InjectionToken('AXM_LOGIN_GUARD_TOKEN', {
+    providedIn: 'root',
+    factory: () => canActivateLogin,
+});
+//#endregion
+
+const routes = [
+    {
+        path: 'auth',
+        children: [
+            {
+                path: '',
+                pathMatch: 'full',
+                redirectTo: 'login',
+            },
+            {
+                path: '',
+                loadComponent: () => import('./acorex-modules-auth-master.layout-B4Vpqg2F.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-modules-auth-login.module-FJxkiTeX.mjs').then((c) => c.AXPSignInModule),
+            },
+            {
+                path: '',
+                loadComponent: () => import('./acorex-modules-auth-master.layout-B4Vpqg2F.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-modules-auth-two-factor.module-DcvqZOIq.mjs').then((c) => c.AXPTwoFactorModule),
+            },
+            {
+                path: '',
+                loadComponent: () => import('./acorex-modules-auth-master.layout-B4Vpqg2F.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-modules-auth-routes-D6PLdcTC.mjs').then((c) => c),
+            },
+            {
+                path: 'axp-oauth-callback',
+                loadComponent: () => import('./acorex-modules-auth-oauth-callback.component-It5tkYuf.mjs').then((c) => c.AXPOAuthCallbackComponent),
+            },
+            {
+                path: 'account',
+                loadComponent: () => import('./acorex-modules-auth-blank.layout-BRGgntib.mjs').then((c) => c.AXPAuthBlankLayoutComponent),
+                loadChildren: () => Promise.resolve().then(function () { return account_module; }).then((c) => c.AXPAccountModule),
+            },
+            // {
+            //   path: 'signincallback',
+            //   loadComponent: () =>
+            //     import('./pages/callback/oauth-callback.component').then((c) => c.AXPOAuthCallbackComponent),
+            // },
+            // {
+            //   path: '',
+            //   loadComponent: () =>
+            //     import('./shared/layouts/master/master.layout').then((c) => c.AXPAuthMasterLayoutComponent),
+            //   loadChildren: () => import('./register/register.module').then((c) => c.AXPRegisterModule),
+            // },
+        ],
+    },
+];
+
+class AXPAppChooserListComponent {
+    //#endregion
+    //#region ---- Computed Properties ----
+    isApplicationSelected(application) {
+        return application.id === this.sessionService.application?.id;
+    }
+    //#endregion
+    //#region ---- Constructor ----
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.sessionService = inject(AXPSessionService);
+        this.homePageService = inject(AXPHomePageService);
+        this.authStrategyRegistry = inject(AXPAuthStrategyRegistryService);
+        this.applicationService = inject(AXMApplicationService);
+        this.strategyName = this.sessionService.getSessionData()?.strategy;
+        this.strategy = this.authStrategyRegistry.get(this.strategyName);
+        //#endregion
+        //#region ---- Inputs & Outputs ----
+        this.simple = input(false, ...(ngDevMode ? [{ debugName: "simple" }] : /* istanbul ignore next */ []));
+        this.applicationChosen = output();
+        //#endregion
+        //#region ---- View References ----
+        this.listNav = viewChild(AXListNavigationDirective, ...(ngDevMode ? [{ debugName: "listNav" }] : /* istanbul ignore next */ []));
+        this.listItems = viewChildren(AXListNavigationItemDirective, ...(ngDevMode ? [{ debugName: "listItems" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- State ----
+        this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        this.allApplications = signal([], ...(ngDevMode ? [{ debugName: "allApplications" }] : /* istanbul ignore next */ []));
+        this.useSelectBox = computed(() => this.allApplications().length > 3, ...(ngDevMode ? [{ debugName: "useSelectBox" }] : /* istanbul ignore next */ []));
+        this.selectedApplication = signal(null, ...(ngDevMode ? [{ debugName: "selectedApplication" }] : /* istanbul ignore next */ []));
+        this.isSelectBoxOpen = signal(false, ...(ngDevMode ? [{ debugName: "isSelectBoxOpen" }] : /* istanbul ignore next */ []));
+        this.canApply = computed(() => !!this.selectedApplication(), ...(ngDevMode ? [{ debugName: "canApply" }] : /* istanbul ignore next */ []));
+        this.skeletonItems = [1, 2, 3];
+        effect(() => {
+            if (!this.isLoading() && !this.useSelectBox() && this.allApplications().length > 0) {
+                queueMicrotask(() => this.focusFirstListItem());
+            }
+        });
+    }
+    //#endregion
+    //#region ---- Lifecycle Methods ----
+    ngOnInit() {
+        this.sessionService.applications$.pipe(first()).subscribe((applications) => {
+            this.allApplications.set(applications);
+            if (applications.length > 0) {
+                this.selectedApplication.set(applications[0]);
+            }
+            this.isLoading.set(false);
+        });
+    }
+    //#endregion
+    //#region ---- UI Handlers ----
+    handleApplicationSelect(event) {
+        if (!event.isUserInteraction) {
+            return;
+        }
+        this.selectedApplication.set(event.component.selectedItems[0] ?? null);
+    }
+    handleListItemKeyDown(event, application) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            void this.chooseApplication(application);
+        }
+    }
+    handleSelectBoxKeyDown(event) {
+        if (!(event instanceof KeyboardEvent)) {
+            return;
+        }
+        if (event.key !== 'Enter' && event.key !== 'NumpadEnter') {
+            return;
+        }
+        if (this.isSelectBoxOpen()) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.canApply()) {
+            this.applySelection();
+        }
+    }
+    applySelection() {
+        const application = this.selectedApplication();
+        if (application) {
+            void this.chooseApplication(application);
+        }
+    }
+    async chooseApplication(item) {
+        const tenantId = this.sessionService.tenant?.id || '';
+        if (!tenantId) {
+            throw new Error('Tenant ID is missing. Cannot choose application.');
+        }
+        const fullApplication = await this.applicationService.getOne(item.id);
+        if (!fullApplication) {
+            throw new Error(`Application not found: ${item.id}`);
+        }
+        let selectedEdition = item.edition;
+        if (!selectedEdition && fullApplication.editions && fullApplication.editions.length > 0) {
+            selectedEdition = {
+                id: fullApplication.editions[0].id,
+                title: fullApplication.editions[0].title,
+                description: fullApplication.editions[0].description,
+            };
+        }
+        const applicationWithEdition = {
+            ...item,
+            version: fullApplication.version || item.version,
+            edition: selectedEdition,
+        };
+        if (this.strategy && typeof this.strategy.updateToken === 'function') {
+            const updateContext = {
+                application: applicationWithEdition,
+                user: this.sessionService.user,
+                tenant: this.sessionService.tenant,
+            };
+            await this.sessionService.updateToken(updateContext);
+        }
+        this.applicationChosen.emit();
+        await this.homePageService.navigateTo();
+    }
+    //#endregion
+    //#region ---- Utility Methods ----
+    focusFirstListItem() {
+        const nav = this.listNav();
+        const items = this.listItems();
+        const applications = this.allApplications();
+        const currentIndex = applications.findIndex((application) => this.isApplicationSelected(application));
+        if (nav && items.length > 0) {
+            nav.navigateTo(items[currentIndex >= 0 ? currentIndex : 0]);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAppChooserListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPAppChooserListComponent, isStandalone: true, selector: "axp-app-chooser-list", inputs: { simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applicationChosen: "applicationChosen" }, 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=\"ax-w-full ax-flex ax-flex-col ax-gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"ax-flex ax-gap-2 ax-items-center ax-p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"ax-w-12 ax-h-12 ax-rounded-full ax-shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"ax-flex-1 ax-h-6 ax-rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div class=\"ax-w-full ax-flex ax-flex-col ax-gap-4\" (keydown.capture)=\"handleSelectBoxKeyDown($event)\">\n    <ax-select-box\n      class=\"ax-w-full\"\n      [dataSource]=\"allApplications()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [itemHeight]=\"56\"\n      [value]=\"selectedApplication()\"\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=\"ax-w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    ></ax-button>\n  </div>\n} @else {\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-flex ax-flex-col ax-gap-1\"\n    role=\"listbox\"\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        class=\"ax-flex ax-gap-2 ax-items-center ax-p-2 ax-cursor-pointer ax-rounded-md ax-transition-colors ax-outline-none hover:ax-bg-primary-lightest hover:dark:ax-bg-primary-dark\"\n        [class.ax-bg-primary-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:ax-bg-primary-darker]=\"isApplicationSelected(application)\"\n        [class.ax-text-primary-on-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:ax-text-primary-on-darker]=\"isApplicationSelected(application)\"\n        [class.ax-ring-2]=\"navItem.isActive()\"\n        [class.ax-ring-primary]=\"navItem.isActive()\"\n        (click)=\"chooseApplication(application)\"\n        (keydown)=\"handleListItemKeyDown($event, application)\"\n      >\n        <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-min-w-0\">\n          <div\n            class=\"ax-shrink-0 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100\"\n            [class.ax-w-10]=\"simple()\"\n            [class.ax-h-10]=\"simple()\"\n            [class.ax-w-12]=\"!simple()\"\n            [class.ax-h-12]=\"!simple()\"\n          >\n            <axp-logo\n              [source]=\"application.logo\"\n              [attr.alt]=\"application.title\"\n              class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-bg-neutral-200 dark:ax-bg-neutral-800 ax-rounded-full\"\n              [class.ax-w-8]=\"simple()\"\n              [class.ax-h-8]=\"simple()\"\n              [class.ax-w-10]=\"!simple()\"\n              [class.ax-h-10]=\"!simple()\"\n            ></axp-logo>\n          </div>\n          <span class=\"ax-flex-1 ax-truncate ax-text-start md:ax-text-base ax-text-sm\">{{ application.title }}</span>\n          @if (application.edition?.title) {\n            <span class=\"ax-text-muted ax-text-xs ax-shrink-0\">{{ application.edition?.title }}</span>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n\n<ng-template #applicationItemTemplate let-item>\n  <div class=\"ax-flex ax-gap-2 ax-items-center ax-p-2\">\n    <div\n      class=\"ax-w-10 ax-h-10 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-shrink-0\"\n    >\n      <axp-logo\n        [source]=\"item.data.logo\"\n        [attr.alt]=\"item.data.title\"\n        class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-w-8 ax-h-8 ax-bg-neutral-200 ax-rounded-full\"\n      ></axp-logo>\n    </div>\n    <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ item.data.title }}</span>\n    @if (item.data.edition?.title) {\n      <span class=\"ax-text-muted ax-text-xs\">{{ item.data.edition.title }}</span>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXSkeletonModule }, { kind: "component", type: i2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i3.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: i4.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: i5.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i5.AXListNavigationItemDirective, selector: "[axListNavigationItem]", outputs: ["onKeypress"], exportAs: ["axListNavigationItem"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["source"] }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAppChooserListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-app-chooser-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXSkeletonModule,
+                        AXSelectBoxModule,
+                        AXSearchBoxModule,
+                        AXListNavigationModule,
+                        AXTranslationModule,
+                        AXPLogoComponent,
+                    ], template: "@if (isLoading()) {\n  <div class=\"ax-w-full ax-flex ax-flex-col ax-gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"ax-flex ax-gap-2 ax-items-center ax-p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"ax-w-12 ax-h-12 ax-rounded-full ax-shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"ax-flex-1 ax-h-6 ax-rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div class=\"ax-w-full ax-flex ax-flex-col ax-gap-4\" (keydown.capture)=\"handleSelectBoxKeyDown($event)\">\n    <ax-select-box\n      class=\"ax-w-full\"\n      [dataSource]=\"allApplications()\"\n      textField=\"title\"\n      valueField=\"id\"\n      [itemHeight]=\"56\"\n      [value]=\"selectedApplication()\"\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=\"ax-w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\n    ></ax-button>\n  </div>\n} @else {\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-flex ax-flex-col ax-gap-1\"\n    role=\"listbox\"\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        class=\"ax-flex ax-gap-2 ax-items-center ax-p-2 ax-cursor-pointer ax-rounded-md ax-transition-colors ax-outline-none hover:ax-bg-primary-lightest hover:dark:ax-bg-primary-dark\"\n        [class.ax-bg-primary-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:ax-bg-primary-darker]=\"isApplicationSelected(application)\"\n        [class.ax-text-primary-on-lighter]=\"isApplicationSelected(application)\"\n        [class.dark:ax-text-primary-on-darker]=\"isApplicationSelected(application)\"\n        [class.ax-ring-2]=\"navItem.isActive()\"\n        [class.ax-ring-primary]=\"navItem.isActive()\"\n        (click)=\"chooseApplication(application)\"\n        (keydown)=\"handleListItemKeyDown($event, application)\"\n      >\n        <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-min-w-0\">\n          <div\n            class=\"ax-shrink-0 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100\"\n            [class.ax-w-10]=\"simple()\"\n            [class.ax-h-10]=\"simple()\"\n            [class.ax-w-12]=\"!simple()\"\n            [class.ax-h-12]=\"!simple()\"\n          >\n            <axp-logo\n              [source]=\"application.logo\"\n              [attr.alt]=\"application.title\"\n              class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-bg-neutral-200 dark:ax-bg-neutral-800 ax-rounded-full\"\n              [class.ax-w-8]=\"simple()\"\n              [class.ax-h-8]=\"simple()\"\n              [class.ax-w-10]=\"!simple()\"\n              [class.ax-h-10]=\"!simple()\"\n            ></axp-logo>\n          </div>\n          <span class=\"ax-flex-1 ax-truncate ax-text-start md:ax-text-base ax-text-sm\">{{ application.title }}</span>\n          @if (application.edition?.title) {\n            <span class=\"ax-text-muted ax-text-xs ax-shrink-0\">{{ application.edition?.title }}</span>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n\n<ng-template #applicationItemTemplate let-item>\n  <div class=\"ax-flex ax-gap-2 ax-items-center ax-p-2\">\n    <div\n      class=\"ax-w-10 ax-h-10 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-shrink-0\"\n    >\n      <axp-logo\n        [source]=\"item.data.logo\"\n        [attr.alt]=\"item.data.title\"\n        class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-w-8 ax-h-8 ax-bg-neutral-200 ax-rounded-full\"\n      ></axp-logo>\n    </div>\n    <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ item.data.title }}</span>\n    @if (item.data.edition?.title) {\n      <span class=\"ax-text-muted ax-text-xs\">{{ item.data.edition.title }}</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"] }], 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.applications$ = this.sessionService.applications$;
+        this.appPopover = viewChild('appPopover', ...(ngDevMode ? [{ debugName: "appPopover" }] : /* istanbul ignore next */ []));
+    }
+    closePopover() {
+        this.appPopover()?.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAppChooserSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAppChooserSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "appPopover", first: true, predicate: ["appPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (((applications$ | async)?.length ?? 0) > 1) {\n  <ax-button color=\"primary\" #appChooser>\n    <ax-icon class=\"fa-regular fa-grid-2\"> </ax-icon>\n  </ax-button>\n  <ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #appPopover>\n    <div class=\"ax-bg-lightest ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-1\">\n      <axp-app-chooser-list [simple]=\"true\" (applicationChosen)=\"closePopover()\"></axp-app-chooser-list>\n    </div>\n  </ax-popover>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2$2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "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"] }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAppChooserSlotComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [CommonModule, AXButtonModule, AXPopoverModule, AXDecoratorModule, AXPAppChooserListComponent], template: "@if (((applications$ | async)?.length ?? 0) > 1) {\n  <ax-button color=\"primary\" #appChooser>\n    <ax-icon class=\"fa-regular fa-grid-2\"> </ax-icon>\n  </ax-button>\n  <ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #appPopover>\n    <div class=\"ax-bg-lightest ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-1\">\n      <axp-app-chooser-list [simple]=\"true\" (applicationChosen)=\"closePopover()\"></axp-app-chooser-list>\n    </div>\n  </ax-popover>\n}\n" }]
+        }], propDecorators: { appPopover: [{ type: i0.ViewChild, args: ['appPopover', { isSignal: true }] }] } });
+
+class AXPTenantChooserListComponent {
+    //#endregion
+    //#region ---- Computed Properties ----
+    isTenantSelected(tenant) {
+        return tenant.id === this.sessionService.tenant?.id;
+    }
+    //#endregion
+    //#region ---- Constructor ----
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.sessionService = inject(AXPSessionService);
+        this.authStrategyRegistry = inject(AXPAuthStrategyRegistryService);
+        this.router = inject(Router);
+        this.strategyName = this.sessionService.getSessionData()?.strategy;
+        this.strategy = this.authStrategyRegistry.get(this.strategyName);
+        //#endregion
+        //#region ---- Inputs & Outputs ----
+        this.simple = input(false, ...(ngDevMode ? [{ debugName: "simple" }] : /* istanbul ignore next */ []));
+        this.tenantChosen = output();
+        //#endregion
+        //#region ---- View References ----
+        this.listNav = viewChild(AXListNavigationDirective, ...(ngDevMode ? [{ debugName: "listNav" }] : /* istanbul ignore next */ []));
+        this.listItems = viewChildren(AXListNavigationItemDirective, ...(ngDevMode ? [{ debugName: "listItems" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- State ----
+        this.defaultLogo = new AXPIconLogoConfig('fa-solid fa-building', 'neutral-500');
+        this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        this.allTenants = signal([], ...(ngDevMode ? [{ debugName: "allTenants" }] : /* istanbul ignore next */ []));
+        this.searchValue = signal('', ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
+        this.showAll = signal(false, ...(ngDevMode ? [{ debugName: "showAll" }] : /* istanbul ignore next */ []));
+        this.useSelectBox = computed(() => this.allTenants().length > 3, ...(ngDevMode ? [{ debugName: "useSelectBox" }] : /* istanbul ignore next */ []));
+        this.selectedTenant = signal(null, ...(ngDevMode ? [{ debugName: "selectedTenant" }] : /* istanbul ignore next */ []));
+        this.isSelectBoxOpen = signal(false, ...(ngDevMode ? [{ debugName: "isSelectBoxOpen" }] : /* istanbul ignore next */ []));
+        this.canApply = computed(() => !!this.selectedTenant(), ...(ngDevMode ? [{ debugName: "canApply" }] : /* istanbul ignore next */ []));
+        this.skeletonItems = [1, 2, 3];
+        /** Tenants shown in the list (respects search and view-all toggle). */
+        this.displayedTenants = computed(() => {
+            const tenants = this.filterTenants(this.allTenants());
+            if (this.showAll() || tenants.length <= 4) {
+                return tenants;
+            }
+            return tenants.slice(0, 4);
+        }, ...(ngDevMode ? [{ debugName: "displayedTenants" }] : /* istanbul ignore next */ []));
+        this.showSearchAndViewAll = computed(() => this.allTenants().length > 4, ...(ngDevMode ? [{ debugName: "showSearchAndViewAll" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            if (!this.isLoading() && !this.useSelectBox() && !this.simple() && this.allTenants().length > 0) {
+                queueMicrotask(() => this.focusFirstListItem());
+            }
+        });
+    }
+    //#endregion
+    //#region ---- Lifecycle Methods ----
+    ngOnInit() {
+        this.sessionService.tenants$.pipe(first()).subscribe((tenants) => {
+            this.allTenants.set(tenants);
+            if (tenants.length > 0) {
+                this.selectedTenant.set(tenants[0]);
+            }
+            this.isLoading.set(false);
+        });
+    }
+    //#endregion
+    //#region ---- UI Handlers ----
+    filterTenants(tenants) {
+        const query = this.searchValue().toLowerCase();
+        return tenants.filter((tenant) => tenant.title.toLowerCase().includes(query));
+    }
+    handleSearch(event) {
+        if (event !== undefined) {
+            this.searchValue.set(event);
+        }
+    }
+    showAllTenants() {
+        this.showAll.update((value) => !value);
+    }
+    handleTenantSelect(event) {
+        if (!event.isUserInteraction) {
+            return;
+        }
+        this.selectedTenant.set(event.component.selectedItems[0] ?? null);
+    }
+    handleListItemKeyDown(event, tenant) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            void this.chooseTenant(tenant);
+        }
+    }
+    handleSelectBoxKeyDown(event) {
+        if (!(event instanceof KeyboardEvent)) {
+            return;
+        }
+        if (event.key !== 'Enter' && event.key !== 'NumpadEnter') {
+            return;
+        }
+        if (this.isSelectBoxOpen()) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.canApply()) {
+            this.applySelection();
+        }
+    }
+    applySelection() {
+        const tenant = this.selectedTenant();
+        if (tenant) {
+            void this.chooseTenant(tenant);
+        }
+    }
+    async chooseTenant(item) {
+        if (this.strategy) {
+            const updateContext = {
+                tenant: item,
+                user: this.sessionService.user,
+            };
+            await this.sessionService.updateToken(updateContext);
+        }
+        this.tenantChosen.emit();
+        return this.router.navigate(['/auth/account/app-chooser']);
+    }
+    //#endregion
+    //#region ---- Utility Methods ----
+    focusFirstListItem() {
+        const nav = this.listNav();
+        const items = this.listItems();
+        const tenants = this.allTenants();
+        const currentIndex = tenants.findIndex((tenant) => this.isTenantSelected(tenant));
+        if (nav && items.length > 0) {
+            nav.navigateTo(items[currentIndex >= 0 ? currentIndex : 0]);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTenantChooserListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTenantChooserListComponent, isStandalone: true, selector: "axp-tenant-chooser-list", inputs: { simple: { classPropertyName: "simple", publicName: "simple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tenantChosen: "tenantChosen" }, 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=\"ax-w-full ax-flex ax-flex-col ax-gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"ax-flex ax-gap-2 ax-items-center ax-p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"ax-w-12 ax-h-12 ax-rounded-full ax-shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"ax-flex-1 ax-h-6 ax-rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (simple()) {\n  <div class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n    @for (tenant of allTenants(); track tenant.id) {\n      <div\n        class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-start ax-cursor-pointer\"\n        (click)=\"chooseTenant(tenant)\"\n      >\n        <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-font-medium\">\n          <div\n            class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\"\n          >\n            <axp-logo\n              [source]=\"tenant.logo ?? defaultLogo\"\n              [attr.alt]=\"tenant.title\"\n              class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"\n            ></axp-logo>\n          </div>\n          <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ tenant.title }}</span>\n        </div>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div class=\"ax-w-full ax-flex ax-flex-col ax-gap-4\" (keydown.capture)=\"handleSelectBoxKeyDown($event)\">\n    <ax-select-box\n      class=\"ax-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=\"ax-w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\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=\"ax-w-full\"\n    >\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  }\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-flex ax-flex-col ax-gap-1\"\n    role=\"listbox\"\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        class=\"ax-flex ax-gap-2 ax-items-center ax-p-2 ax-cursor-pointer ax-rounded-md ax-transition-colors ax-outline-none hover:ax-bg-primary-lightest hover:dark:ax-bg-primary-dark\"\n        [class.ax-bg-primary-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:ax-bg-primary-darker]=\"isTenantSelected(tenant)\"\n        [class.ax-text-primary-on-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:ax-text-primary-on-darker]=\"isTenantSelected(tenant)\"\n        [class.ax-ring-2]=\"navItem.isActive()\"\n        [class.ax-ring-primary]=\"navItem.isActive()\"\n        (click)=\"chooseTenant(tenant)\"\n        (keydown)=\"handleListItemKeyDown($event, tenant)\"\n      >\n        <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-min-w-0\">\n          <div\n            class=\"ax-shrink-0 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100\"\n            [class.ax-w-10]=\"simple()\"\n            [class.ax-h-10]=\"simple()\"\n            [class.ax-w-12]=\"!simple()\"\n            [class.ax-h-12]=\"!simple()\"\n          >\n            <axp-logo\n              [source]=\"tenant.logo ?? defaultLogo\"\n              [attr.alt]=\"tenant.title\"\n              class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-bg-neutral-200 dark:ax-bg-neutral-800 ax-rounded-full\"\n              [class.ax-w-8]=\"simple()\"\n              [class.ax-h-8]=\"simple()\"\n              [class.ax-w-10]=\"!simple()\"\n              [class.ax-h-10]=\"!simple()\"\n            ></axp-logo>\n          </div>\n          <span class=\"ax-flex-1 ax-truncate ax-text-start md:ax-text-base ax-text-sm\">{{ tenant.title }}</span>\n        </div>\n      </div>\n    }\n  </div>\n  @if (showSearchAndViewAll()) {\n    <div class=\"ax-mt-6 ax-w-full ax-flex ax-justify-center\">\n      <ax-button\n        (onClick)=\"showAllTenants()\"\n        class=\"ax-w-full\"\n        look=\"outline\"\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=\"ax-flex ax-gap-2 ax-items-center ax-p-2\">\n    <div\n      class=\"ax-w-10 ax-h-10 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-shrink-0\"\n    >\n      <axp-logo\n        [source]=\"item.data.logo ?? defaultLogo\"\n        [attr.alt]=\"item.data.title\"\n        class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-w-8 ax-h-8 ax-bg-neutral-200 ax-rounded-full\"\n      ></axp-logo>\n    </div>\n    <span class=\"ax-text-start md:ax-text-base ax-text-sm\">{{ item.data.title }}</span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.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.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: AXSkeletonModule }, { kind: "component", type: i2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i3.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: i4.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: i5.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i5.AXListNavigationItemDirective, selector: "[axListNavigationItem]", outputs: ["onKeypress"], exportAs: ["axListNavigationItem"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["source"] }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTenantChooserListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-tenant-chooser-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXTranslationModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXSkeletonModule,
+                        AXSelectBoxModule,
+                        AXSearchBoxModule,
+                        AXListNavigationModule,
+                        AXPLogoComponent,
+                    ], template: "@if (isLoading()) {\n  <div class=\"ax-w-full ax-flex ax-flex-col ax-gap-3\">\n    @for (item of skeletonItems; track item) {\n      <div class=\"ax-flex ax-gap-2 ax-items-center ax-p-2\">\n        <ax-skeleton [animated]=\"true\" class=\"ax-w-12 ax-h-12 ax-rounded-full ax-shrink-0\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"ax-flex-1 ax-h-6 ax-rounded-md\"></ax-skeleton>\n      </div>\n    }\n  </div>\n} @else if (simple()) {\n  <div class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-pe-2\">\n    @for (tenant of allTenants(); track tenant.id) {\n      <div\n        class=\"ax-flex ax-gap-2 ax-justify-between ax-border-b last:ax-border-b-0 ax-py-3 ax-items-start ax-cursor-pointer\"\n        (click)=\"chooseTenant(tenant)\"\n      >\n        <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-font-medium\">\n          <div\n            class=\"ax-w-12 ax-h-12 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-m-auto\"\n          >\n            <axp-logo\n              [source]=\"tenant.logo ?? defaultLogo\"\n              [attr.alt]=\"tenant.title\"\n              class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-mx-auto ax-w-10 ax-h-10 ax-bg-neutral-200 ax-rounded-full\"\n            ></axp-logo>\n          </div>\n          <span class=\"ax-flex-1 ax-text-start md:ax-text-base ax-text-sm\">{{ tenant.title }}</span>\n        </div>\n      </div>\n    }\n  </div>\n} @else if (useSelectBox()) {\n  <div class=\"ax-w-full ax-flex ax-flex-col ax-gap-4\" (keydown.capture)=\"handleSelectBoxKeyDown($event)\">\n    <ax-select-box\n      class=\"ax-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=\"ax-w-full\"\n      color=\"primary\"\n      [disabled]=\"!canApply()\"\n      [text]=\"('@general:actions.apply.title' | translate | async) ?? ''\"\n      (onClick)=\"applySelection()\"\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=\"ax-w-full\"\n    >\n      <ax-clear-button></ax-clear-button>\n    </ax-search-box>\n  }\n  <div\n    axListNavigation\n    #listNav=\"axListNavigation\"\n    class=\"ax-w-full ax-overflow-auto ax-max-h-[300px] ax-flex ax-flex-col ax-gap-1\"\n    role=\"listbox\"\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        class=\"ax-flex ax-gap-2 ax-items-center ax-p-2 ax-cursor-pointer ax-rounded-md ax-transition-colors ax-outline-none hover:ax-bg-primary-lightest hover:dark:ax-bg-primary-dark\"\n        [class.ax-bg-primary-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:ax-bg-primary-darker]=\"isTenantSelected(tenant)\"\n        [class.ax-text-primary-on-lighter]=\"isTenantSelected(tenant)\"\n        [class.dark:ax-text-primary-on-darker]=\"isTenantSelected(tenant)\"\n        [class.ax-ring-2]=\"navItem.isActive()\"\n        [class.ax-ring-primary]=\"navItem.isActive()\"\n        (click)=\"chooseTenant(tenant)\"\n        (keydown)=\"handleListItemKeyDown($event, tenant)\"\n      >\n        <div class=\"ax-flex ax-flex-1 ax-gap-2 ax-items-center ax-min-w-0\">\n          <div\n            class=\"ax-shrink-0 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100\"\n            [class.ax-w-10]=\"simple()\"\n            [class.ax-h-10]=\"simple()\"\n            [class.ax-w-12]=\"!simple()\"\n            [class.ax-h-12]=\"!simple()\"\n          >\n            <axp-logo\n              [source]=\"tenant.logo ?? defaultLogo\"\n              [attr.alt]=\"tenant.title\"\n              class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-bg-neutral-200 dark:ax-bg-neutral-800 ax-rounded-full\"\n              [class.ax-w-8]=\"simple()\"\n              [class.ax-h-8]=\"simple()\"\n              [class.ax-w-10]=\"!simple()\"\n              [class.ax-h-10]=\"!simple()\"\n            ></axp-logo>\n          </div>\n          <span class=\"ax-flex-1 ax-truncate ax-text-start md:ax-text-base ax-text-sm\">{{ tenant.title }}</span>\n        </div>\n      </div>\n    }\n  </div>\n  @if (showSearchAndViewAll()) {\n    <div class=\"ax-mt-6 ax-w-full ax-flex ax-justify-center\">\n      <ax-button\n        (onClick)=\"showAllTenants()\"\n        class=\"ax-w-full\"\n        look=\"outline\"\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=\"ax-flex ax-gap-2 ax-items-center ax-p-2\">\n    <div\n      class=\"ax-w-10 ax-h-10 ax-flex ax-justify-center ax-items-center ax-rounded-full ax-bg-neutral-100 ax-shrink-0\"\n    >\n      <axp-logo\n        [source]=\"item.data.logo ?? defaultLogo\"\n        [attr.alt]=\"item.data.title\"\n        class=\"!ax-flex ax-items-center ax-justify-center !ax-text-sm ax-w-8 ax-h-8 ax-bg-neutral-200 ax-rounded-full\"\n      ></axp-logo>\n    </div>\n    <span class=\"ax-text-start md:ax-text-base ax-text-sm\">{{ item.data.title }}</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"] }], listNav: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXListNavigationDirective), { isSignal: true }] }], listItems: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => AXListNavigationItemDirective), { isSignal: true }] }] } });
+
+class AXPTenantChooserDropdownComponent {
+    constructor() {
+        this.sessionService = inject(AXPSessionService);
+        this.tenants$ = this.sessionService.tenants$;
+        this.tenant = this.sessionService.tenant;
+        this.tenantPopover = viewChild('tenantPopover', ...(ngDevMode ? [{ debugName: "tenantPopover" }] : /* istanbul ignore next */ []));
+    }
+    closePopover() {
+        this.tenantPopover()?.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTenantChooserDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTenantChooserDropdownComponent, isStandalone: true, selector: "axp-tenant-chooser-dropdown", viewQueries: [{ propertyName: "tenantPopover", first: true, predicate: ["tenantPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (tenants$ | async; as tenants) {\n@if (tenants.length > 1) {\n<ax-button [text]=\"tenant?.title ?? ''\" class=\"ax-xs\" look=\"blank\" #tenantChooser>\n  <ax-suffix>\n    <ax-icon class=\"fa-solid fa-caret-down\"></ax-icon>\n  </ax-suffix>\n</ax-button>\n<ax-popover [target]=\"tenantChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\"\n  #tenantPopover>\n  <div class=\"ax-bg-lightest ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-1\">\n    <axp-tenant-chooser-list [simple]=\"true\" (tenantChosen)=\"closePopover()\"></axp-tenant-chooser-list>\n  </div>\n</ax-popover>\n} @else {\n<ax-button [text]=\"tenant?.title ?? ''\" class=\"ax-xs\" look=\"blank\"></ax-button>\n}\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2$2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "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: "component", type: AXPTenantChooserListComponent, selector: "axp-tenant-chooser-list", inputs: ["simple"], outputs: ["tenantChosen"] }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTenantChooserDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-tenant-chooser-dropdown', imports: [CommonModule, AXButtonModule, AXPopoverModule, AXDecoratorModule, AXPTenantChooserListComponent], template: "@if (tenants$ | async; as tenants) {\n@if (tenants.length > 1) {\n<ax-button [text]=\"tenant?.title ?? ''\" class=\"ax-xs\" look=\"blank\" #tenantChooser>\n  <ax-suffix>\n    <ax-icon class=\"fa-solid fa-caret-down\"></ax-icon>\n  </ax-suffix>\n</ax-button>\n<ax-popover [target]=\"tenantChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\"\n  #tenantPopover>\n  <div class=\"ax-bg-lightest ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-1\">\n    <axp-tenant-chooser-list [simple]=\"true\" (tenantChosen)=\"closePopover()\"></axp-tenant-chooser-list>\n  </div>\n</ax-popover>\n} @else {\n<ax-button [text]=\"tenant?.title ?? ''\" class=\"ax-xs\" look=\"blank\"></ax-button>\n}\n}" }]
+        }], propDecorators: { tenantPopover: [{ type: i0.ViewChild, args: ['tenantPopover', { isSignal: true }] }] } });
+
+//#region ---- Profile slot menu hook ----
+const PROFILE_SLOT_MENU_ITEMS_HOOK = 'profile-slot.menu-items';
+//#endregion
+
+class AXMAuthProfileSlotComponent {
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.router = inject(Router);
+        this.sessionService = inject(AXPSessionService);
+        this.themeService = inject(AXPLayoutThemeService);
+        this.hooks = inject(AXPHookService);
+        this.workflow = inject(AXPWorkflowService);
+        this.commandService = inject(AXPCommandService);
+        this.shortcutRegistry = inject(AXPKeyboardShortcutRegistry);
+        this.destroyRef = inject(DestroyRef);
+        //#endregion
+        //#region ---- State ----
+        this.isDarkMode = this.themeService.isDarkMode;
+        this.user$ = this.sessionService.user$;
+        this.tenant$ = this.sessionService.tenant$;
+        this.isAuthenticated$ = this.sessionService.isAuthenticated$;
+        this.isAuthenticated = toSignal(this.sessionService.isAuthenticated$, { initialValue: false });
+        this.menuItems = signal([], ...(ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- UI Handlers ----
+        this.appName = () => this.sessionService.application?.name;
+    }
+    //#endregion
+    //#region ---- Lifecycle Methods ----
+    async ngOnInit() {
+        await this.loadMenuItems();
+    }
+    menuItemClass(item) {
+        return {
+            'ax-text-danger-500': item.color === 'danger',
+        };
+    }
+    shortcutKeys(chord) {
+        return chordToKbdItemKeys(chord);
+    }
+    primaryShortcut(item) {
+        return getPrimaryKeyboardShortcutChord(item.shortcuts);
+    }
+    async handleMenuItemClick(item, popover) {
+        popover.close();
+        if (item.command) {
+            await this.executeCommand(item.command);
+        }
+    }
+    handleSignIn() {
+        this.router.navigate(['/auth/login']);
+    }
+    //#endregion
+    //#region ---- Private Methods ----
+    async loadMenuItems() {
+        const payload = await this.hooks.runAsync(PROFILE_SLOT_MENU_ITEMS_HOOK, {
+            items: [],
+        });
+        const items = payload.items ?? [];
+        this.menuItems.set(items);
+        this.registerMenuShortcuts(items);
+    }
+    registerMenuShortcuts(items) {
+        const shortcuts = [];
+        for (const item of items) {
+            if (item.visible === false || !item.command || !item.shortcuts?.length) {
+                continue;
+            }
+            const command = item.command;
+            for (const shortcut of normalizeKeyboardShortcuts(item.shortcuts)) {
+                for (const chord of shortcut.keys) {
+                    shortcuts.push({
+                        keys: [chord],
+                        title: item.title,
+                        group: '@general:keyboard-shortcuts.groups.global',
+                        allowInEditableFields: shortcut.allowInEditableFields,
+                        directionBehavior: shortcut.directionBehavior,
+                        when: () => this.isAuthenticated() && (shortcut.when?.() ?? true),
+                        handler: () => {
+                            void this.executeCommand(command);
+                        },
+                    });
+                }
+            }
+        }
+        if (shortcuts.length === 0) {
+            return;
+        }
+        this.shortcutRegistry.register({
+            owner: this.destroyRef,
+            id: 'profile-slot-menu',
+            priority: AXPKeyboardShortcutPriority.Global,
+            group: '@general:keyboard-shortcuts.groups.global',
+            when: () => this.isAuthenticated(),
+            shortcuts,
+        });
+    }
+    async executeCommand(command) {
+        if (command.name === 'navigate') {
+            const path = this.resolveNavigatePath(command.options);
+            if (!path) {
+                return;
+            }
+            await this.workflow.execute('navigate', {
+                type: 'router',
+                options: { path },
+            });
+            return;
+        }
+        if (this.commandService.exists(command.name)) {
+            await this.commandService.execute(command.name, command.options ?? {});
+        }
+    }
+    resolveNavigatePath(options) {
+        if (!options) {
+            return undefined;
+        }
+        if (typeof options['path'] === 'string') {
+            return options['path'];
+        }
+        const routerOptions = options['router'];
+        if (typeof routerOptions?.path === 'string') {
+            return routerOptions.path;
+        }
+        const nestedOptions = options['options'];
+        return nestedOptions?.path;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthProfileSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAuthProfileSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "@if (isAuthenticated$ | async) {\n<div class=\"ax-size-fit\">\n  <div #avatar>\n    <axp-user-avatar [size]=\"36\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n  </div>\n\n  <ax-popover [target]=\"avatar\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #p>\n    <div class=\"ax-bg-lightest ax-border ax-border-lightest ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64\">\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-p-4 ax-border-b\">\n        <axp-user-avatar [size]=\"64\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-mt-2\">\n          <div class=\"ax-text-base ax-font-bold\">{{ (user$ | async)?.title }}</div>\n          <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n        </div>\n      </div>\n      <div class=\"axp-profile-slot-menus\">\n        <ul>\n          @for (item of menuItems(); track item.name ?? item.title) {\n          @if (item.visible != false) {\n          <li [class]=\"menuItemClass(item)\">\n            <a (click)=\"handleMenuItemClick(item, p)\">\n              <i [class]=\"item.icon\"></i>\n              <span class=\"ax-flex-1\">{{ item.title | translate | async }}</span>\n              <!-- @if (primaryShortcut(item); as shortcut) {\n                      <ax-kbd class=\"look-text ax-ms-auto ax-shrink-0\">\n                        <ax-kbd-item [keys]=\"shortcutKeys(shortcut)\"></ax-kbd-item>\n                      </ax-kbd>\n                    } -->\n            </a>\n          </li>\n          }\n          }\n        </ul>\n      </div>\n    </div>\n  </ax-popover>\n</div>\n} @else {\n<ax-button color=\"default\" look=\"blank\" text=\"Sign Up / Sign In\" (click)=\"handleSignIn()\">\n  <ax-icon>\n    <i class=\"fa-solid fa-user ax-text-slate-400 dark:ax-text-slate-200\"></i>\n  </ax-icon>\n</ax-button>\n}", styles: [".axp-profile-slot-menus ul{margin-top:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));padding-left:.5rem;padding-right:.5rem}.axp-profile-slot-menus ul:last-child{border-width:0px}.axp-profile-slot-menus ul li{display:flex;cursor:pointer;border-radius:.375rem}.axp-profile-slot-menus ul li:last-child{margin-bottom:.5rem}.axp-profile-slot-menus ul li:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-dark-surface),var(--tw-bg-opacity, 1))}.axp-profile-slot-menus ul li i{margin-inline-end:.75rem;display:grid;height:1.5rem;width:1.5rem;place-items:center;font-size:1.25rem;line-height:1.75rem}.axp-profile-slot-menus ul li a{display:flex;height:100%;width:100%;align-items:center;gap:.5rem;padding:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
+                //
+                AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2$2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: 
+                // AXKBDComponent,
+                // AXKBDItemComponent,
+                AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "component", type: 
+                //
+                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthProfileSlotComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        RouterModule,
+                        //
+                        AXImageModule,
+                        AXAvatarModule,
+                        AXPopoverModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        // AXKBDComponent,
+                        // AXKBDItemComponent,
+                        AXLoadingModule,
+                        AXTranslationModule,
+                        AXPUserAvatarComponent,
+                        //
+                        AXPTenantChooserDropdownComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (isAuthenticated$ | async) {\n<div class=\"ax-size-fit\">\n  <div #avatar>\n    <axp-user-avatar [size]=\"36\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n  </div>\n\n  <ax-popover [target]=\"avatar\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #p>\n    <div class=\"ax-bg-lightest ax-border ax-border-lightest ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64\">\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-p-4 ax-border-b\">\n        <axp-user-avatar [size]=\"64\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-mt-2\">\n          <div class=\"ax-text-base ax-font-bold\">{{ (user$ | async)?.title }}</div>\n          <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n        </div>\n      </div>\n      <div class=\"axp-profile-slot-menus\">\n        <ul>\n          @for (item of menuItems(); track item.name ?? item.title) {\n          @if (item.visible != false) {\n          <li [class]=\"menuItemClass(item)\">\n            <a (click)=\"handleMenuItemClick(item, p)\">\n              <i [class]=\"item.icon\"></i>\n              <span class=\"ax-flex-1\">{{ item.title | translate | async }}</span>\n              <!-- @if (primaryShortcut(item); as shortcut) {\n                      <ax-kbd class=\"look-text ax-ms-auto ax-shrink-0\">\n                        <ax-kbd-item [keys]=\"shortcutKeys(shortcut)\"></ax-kbd-item>\n                      </ax-kbd>\n                    } -->\n            </a>\n          </li>\n          }\n          }\n        </ul>\n      </div>\n    </div>\n  </ax-popover>\n</div>\n} @else {\n<ax-button color=\"default\" look=\"blank\" text=\"Sign Up / Sign In\" (click)=\"handleSignIn()\">\n  <ax-icon>\n    <i class=\"fa-solid fa-user ax-text-slate-400 dark:ax-text-slate-200\"></i>\n  </ax-icon>\n</ax-button>\n}", styles: [".axp-profile-slot-menus ul{margin-top:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));padding-left:.5rem;padding-right:.5rem}.axp-profile-slot-menus ul:last-child{border-width:0px}.axp-profile-slot-menus ul li{display:flex;cursor:pointer;border-radius:.375rem}.axp-profile-slot-menus ul li:last-child{margin-bottom:.5rem}.axp-profile-slot-menus ul li:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-dark-surface),var(--tw-bg-opacity, 1))}.axp-profile-slot-menus ul li i{margin-inline-end:.75rem;display:grid;height:1.5rem;width:1.5rem;place-items:center;font-size:1.25rem;line-height:1.75rem}.axp-profile-slot-menus ul li a{display:flex;height:100%;width:100%;align-items:center;gap:.5rem;padding:.5rem}\n"] }]
+        }] });
+
+class AXMUserProfileCardSlotComponent {
+    constructor() {
+        this.router = inject(Router);
+        this.sessionService = inject(AXPSessionService);
+        this.dataService = inject(AXPDataProvider, { optional: true });
+        this.themeStore = inject(AXPLayoutThemeService);
+        this.deviceService = inject(AXPDeviceService);
+        this.isCompactMode = computed(() => {
+            this.deviceService.screenSize();
+            return this.themeStore.effectiveMenuVerticalMode() === AXPMenuVerticalMode.Compact;
+        }, ...(ngDevMode ? [{ debugName: "isCompactMode" }] : /* istanbul ignore next */ []));
+        this.hasPicture = signal(true, ...(ngDevMode ? [{ debugName: "hasPicture" }] : /* istanbul ignore next */ []));
+        this.avatarText = signal('', ...(ngDevMode ? [{ debugName: "avatarText" }] : /* istanbul ignore next */ []));
+        this.user$ = this.sessionService.user$;
+        this.tenant$ = this.sessionService.tenant$;
+        this.isAuthenticated$ = this.sessionService.isAuthenticated$;
+        this.appName = () => this.sessionService.application?.name;
+        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()}`);
+                }
+                else
+                    return this.avatarText.set('AC');
+            });
+        };
+        this.loadImage();
+        this.getAvatarText();
+    }
+    editProfile() {
+        this.router.navigate([`/${this.appName()}/m/securityManagement/e/profile/0/view`]);
+    }
+    async logOut() {
+        await this.sessionService.signout();
+    }
+    toggleProfileMenu() {
+        this.profilePopover.open();
+    }
+    handleSignIn() {
+        this.router.navigate(['/auth/login']);
+    }
+    onImageError(event) {
+        this.hasPicture.set(false);
+    }
+    async loadImage() {
+        try {
+            const url = this.sessionService.user?.avatar;
+            if (url?.toLowerCase().startsWith('http')) {
+                this.src = url;
+            }
+            else if (this.sessionService.user?.avatar != 'null' && this.dataService) {
+                const blob = await this.dataService.viewFile(url, '');
+                this.src = URL.createObjectURL(blob);
+            }
+            else {
+                //this.src = this.mockerService.avatar();
+            }
+        }
+        catch (error) {
+            this.hasPicture.set(false);
+            console.error('Failed to load image by ID:', error);
+            this.src = '';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMUserProfileCardSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMUserProfileCardSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if((isAuthenticated$ | async)) {\n<div class=\"ax-p-3 ax-flex ax-items-center ax-gap-1 ax-border-b ax-border-lighter\" [class.ax-justify-center]=\"isCompactMode()\">\n  <div #avatar>\n    <axp-user-avatar [size]=\"48\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n  </div>\n  @if (!isCompactMode()) {\n  <div class=\"ax-flex ax-flex-col\">\n    <ax-title class=\"ax-text-sm ax-font-medium ax-px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n  }\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"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMUserProfileCardSlotComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        RouterModule,
+                        //
+                        AXImageModule,
+                        AXAvatarModule,
+                        AXPopoverModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXLoadingModule,
+                        AXTranslationModule,
+                        //
+                        AXPTenantChooserDropdownComponent,
+                        AsyncPipe,
+                        AXPUserAvatarComponent,
+                    ], template: "@if((isAuthenticated$ | async)) {\n<div class=\"ax-p-3 ax-flex ax-items-center ax-gap-1 ax-border-b ax-border-lighter\" [class.ax-justify-center]=\"isCompactMode()\">\n  <div #avatar>\n    <axp-user-avatar [size]=\"48\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n  </div>\n  @if (!isCompactMode()) {\n  <div class=\"ax-flex ax-flex-col\">\n    <ax-title class=\"ax-text-sm ax-font-medium ax-px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n  }\n</div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { profilePopover: [{
+                type: ViewChild,
+                args: ['profilePopover']
+            }] } });
+
+class AXPIdleService {
+    constructor() {
+        this.configs = inject(AXM_AUTH_CONFIG_TOKEN);
+        this.idle$ = new Subject();
+        this.timeoutDuration = this.configs.idleTimeout ?? 10 * 60 * 1000;
+        this.userActivity$ = new Subject();
+        this.idleSubscription = null;
+        this.setupActivityListeners();
+    }
+    get idleState$() {
+        return this.idle$.asObservable();
+    }
+    setupActivityListeners() {
+        const activityEvents = ['mousemove', 'keydown', 'wheel'];
+        activityEvents.forEach(event => document.addEventListener(event, () => this.resetTimer()));
+    }
+    startWatching() {
+        this.stopWatching(); // Stop any existing subscription
+        this.idleSubscription = this.userActivity$.pipe(startWith(null), switchMap(() => timer(this.timeoutDuration)), tap(() => this.idle$.next())).subscribe();
+    }
+    resetTimer() {
+        this.userActivity$.next();
+    }
+    stopWatching() {
+        if (this.idleSubscription) {
+            this.idleSubscription.unsubscribe();
+            this.idleSubscription = null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIdleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIdleService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIdleService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+class AXMDeviceSessionsService extends AXMEntityCrudServiceImpl {
+}
+class AXMDeviceSessionsServiceImpl extends AXMDeviceSessionsService {
+    constructor(http) {
+        super('SecurityManagement.DeviceSessions'); // Fixed: Use correct entity name format
+        this.http = http;
+        // private aXMAuthConfigs: AXMAuthConfigs = inject(AXM_AUTH_CONFIG_TOKEN);
+        this.configs = inject(AXP_ROOT_CONFIG_TOKEN);
+    }
+    terminate(id) {
+        throw new Error('Method not implemented.');
+    }
+    async terminateAllCurrentUserSessions() {
+        return (this.http
+            .post(this.configs.baseUrl + '/security-management/device-sessions/Terminate-All', {})
+            .pipe(map((t) => (t === undefined ? false : t)))
+            .toPromise() ?? false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDeviceSessionsServiceImpl, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDeviceSessionsServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDeviceSessionsServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }] });
+
+class AXMUserDeviceSessionsService {
+}
+class AXMUserDeviceSessionsServiceImp extends AXMUserDeviceSessionsService {
+    constructor() {
+        super(); // Call the base class constructor (good practice)
+        this.sessionService = inject(AXPSessionService);
+        this.deviceSessionsService = inject(AXMDeviceSessionsService);
+        this.settingsService = inject(AXPSettingsService);
+    }
+    async getSessions() {
+        const userId = this.sessionService.user?.id;
+        if (!userId) {
+            return [];
+        }
+        const response = await this.deviceSessionsService.query();
+        const items = response.items.filter((item) => item.userId === userId && String(item.status).toLowerCase() === 'active' && !item.isActiveSession);
+        return items;
+    }
+    async getCurrentActiveSessions() {
+        const userId = this.sessionService.user?.id;
+        if (!userId) {
+            throw new Error('No user found in session');
+        }
+        const response = await this.deviceSessionsService.query();
+        const activeSession = response.items.find((item) => item.userId === userId && String(item.status).toLowerCase() === 'active' && item.isActiveSession);
+        return activeSession;
+    }
+    async terminateSession(sessionId) {
+        await this.deviceSessionsService.updateOne(sessionId, { status: 'revoked' });
+    }
+    async terminateAllSession() {
+        await this.deviceSessionsService.terminateAllCurrentUserSessions();
+    }
+    async setTokenLifetimeMinutes(value) {
+        await this.settingsService.scope(AXPPlatformScope.User).set('session-timeout', value);
+        let s2 = await this.settingsService.scope(AXPPlatformScope.User).get('session-timeout');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMUserDeviceSessionsServiceImp, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMUserDeviceSessionsServiceImp }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMUserDeviceSessionsServiceImp, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+const canActivateTenantChooser = async (route, state) => {
+    const sessionService = inject(AXPSessionService);
+    const authStrategyRegistry = inject(AXPAuthStrategyRegistryService);
+    const router = inject(Router);
+    const strategyName = sessionService.getSessionData()?.strategy;
+    const strategy = authStrategyRegistry.get(strategyName);
+    if (!sessionService.user?.id) {
+        return router.createUrlTree(['/auth/login']);
+    }
+    const tenants = await firstValueFrom(sessionService.tenants$);
+    if (tenants.length === 0) {
+        window.alert('You do not have any tenant assigned to your account and cannot use the site. Please contact your administrator.');
+        return router.createUrlTree(['/auth/login']);
+    }
+    if (tenants.length === 1) {
+        if (strategy && typeof strategy.updateToken === 'function') {
+            const updateContext = {
+                user: sessionService.user,
+                tenant: tenants[0],
+            };
+            await sessionService.updateToken(updateContext);
+            return router.createUrlTree(['/auth/account/app-chooser']);
+        }
+        return false;
+    }
+    return true;
+};
+
+const canActivateAppChooser = async (route, state) => {
+    const sessionService = inject(AXPSessionService);
+    const authStrategyRegistry = inject(AXPAuthStrategyRegistryService);
+    const homePageService = inject(AXPHomePageService);
+    const router = inject(Router);
+    const strategyName = sessionService.getSessionData()?.strategy;
+    const strategy = authStrategyRegistry.get(strategyName);
+    const apps = await firstValueFrom(sessionService.applications$);
+    if (apps.length === 0) {
+        await router.navigate(['/auth/login']);
+        return false;
+    }
+    if (apps.length === 1) {
+        const tenantId = sessionService.tenant?.id;
+        if (!tenantId) {
+            throw new Error('Tenant ID is missing. Please contact support.');
+        }
+        if (strategy && typeof strategy.updateToken === 'function') {
+            const updateContext = {
+                user: sessionService.user,
+                tenant: sessionService.tenant,
+                application: apps[0],
+            };
+            await sessionService.updateToken(updateContext);
+            return router.createUrlTree([homePageService.getCurrent().path]);
+        }
+        return false;
+    }
+    return true;
+};
+
+function routesFacory() {
+    let routes = [];
+    routes = [
+        {
+            path: 'tenant-chooser',
+            loadComponent: () => import('./acorex-modules-auth-tenant-chooser.component-qGfNSQ6H.mjs').then((c) => c.AXPAuthTenantChooserComponent),
+            canActivate: [AXPAuthGuard, canActivateTenantChooser],
+        },
+        {
+            path: 'app-chooser',
+            loadComponent: () => import('./acorex-modules-auth-app-chooser.component-MjGWaBI0.mjs').then((c) => c.AXPAuthAppChooserComponent),
+            canActivate: [AXPAuthGuard, canActivateAppChooser],
+        },
+    ];
+    return routes;
+}
+class AXPAccountModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAccountModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXPAccountModule, imports: [RouterModule, i1$3.AXPComponentSlotModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAccountModule, providers: [
+            {
+                provide: ROUTES,
+                multi: true,
+                useFactory: routesFacory,
+            },
+            {
+                provide: AXMUserDeviceSessionsService,
+                useClass: AXMUserDeviceSessionsServiceImp,
+            },
+        ], imports: [RouterModule,
+            //
+            AXPComponentSlotModule.forChild({
+                'root-side-menu-header': [
+                    {
+                        priority: 1,
+                        name: 'user-card',
+                        component: AXMUserProfileCardSlotComponent,
+                    },
+                ],
+                'root-header-end': [
+                    {
+                        priority: 98,
+                        name: 'app-choser',
+                        component: AXMAppChooserSlotComponent,
+                    },
+                    {
+                        priority: 99,
+                        name: 'profile',
+                        component: AXMAuthProfileSlotComponent,
+                    },
+                ],
+            })] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPAccountModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        RouterModule,
+                        //
+                        AXPComponentSlotModule.forChild({
+                            'root-side-menu-header': [
+                                {
+                                    priority: 1,
+                                    name: 'user-card',
+                                    component: AXMUserProfileCardSlotComponent,
+                                },
+                            ],
+                            'root-header-end': [
+                                {
+                                    priority: 98,
+                                    name: 'app-choser',
+                                    component: AXMAppChooserSlotComponent,
+                                },
+                                {
+                                    priority: 99,
+                                    name: 'profile',
+                                    component: AXMAuthProfileSlotComponent,
+                                },
+                            ],
+                        }),
+                    ],
+                    exports: [],
+                    providers: [
+                        {
+                            provide: ROUTES,
+                            multi: true,
+                            useFactory: routesFacory,
+                        },
+                        {
+                            provide: AXMUserDeviceSessionsService,
+                            useClass: AXMUserDeviceSessionsServiceImp,
+                        },
+                    ],
+                }]
+        }] });
+
+var account_module = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPAccountModule: AXPAccountModule
+});
+
+//#region ---- Hook keys ----
+const PROFILE_PAGE_GROUPS_HOOK = 'profile-page.groups';
+const PROFILE_PAGE_SECTIONS_HOOK = 'profile-page.sections';
+const PROFILE_PAGE_HEADER_META_HOOK = 'profile-page.header-meta';
+//#endregion
+//#region ---- Helpers ----
+/** Resolves section content; top-level `actions` imply card mode. */
+function resolveUserProfileSectionContent(section) {
+    if (section.content) {
+        return section.content;
+    }
+    return { mode: 'card', actions: section.actions ?? [] };
+}
+/** Whether the group renders a full-tab component instead of sections. */
+function isUserProfileGroupComponent(group) {
+    return group.content?.mode === 'component';
+}
+//#endregion
+
+//#region ---- Profile page component keys ----
+/** Full-tab activity heatmap on the profile Activity group. */
+const PROFILE_ACTIVITY_CHART_COMPONENT_KEY = 'auth.profile-activity-chart';
+/** Danger-zone block for the delete-account profile section. */
+const PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY = 'auth.profile-delete-account-danger-zone';
+//#endregion
+
+//#region ---- Helpers ----
+const comingSoon = (messageKey) => ({
+    name: 'auth:profile-coming-soon',
+    options: { messageKey },
+});
+//#endregion
+//#region ---- Core profile groups ----
+/** Registers built-in profile page tab groups. */
+const CoreProfileGroupsHookProvider = {
+    key: PROFILE_PAGE_GROUPS_HOOK,
+    priority: 0,
+    execute: (payload) => ({
+        ...payload,
+        groups: [
+            ...payload.groups,
+            {
+                id: 'account',
+                title: '@auth:profile-page.groups.account.title',
+                icon: 'fa-light fa-user',
+                priority: 10,
+            },
+            {
+                id: 'security',
+                title: '@auth:profile-page.groups.security.title',
+                icon: 'fa-light fa-shield-halved',
+                priority: 20,
+            },
+            {
+                id: 'requests',
+                title: '@auth:profile-page.groups.requests.title',
+                icon: 'fa-light fa-inbox',
+                priority: 30,
+            },
+            {
+                id: 'activity',
+                title: '@auth:profile-page.groups.activity.title',
+                icon: 'fa-light fa-clock-rotate-left',
+                priority: 40,
+                content: {
+                    mode: 'component',
+                    componentKey: PROFILE_ACTIVITY_CHART_COMPONENT_KEY,
+                },
+            },
+            {
+                id: 'privacy',
+                title: '@auth:profile-page.groups.privacy.title',
+                icon: 'fa-light fa-user-shield',
+                priority: 50,
+            },
+        ],
+    }),
+};
+//#endregion
+//#region ---- Core profile sections ----
+/** Registers built-in profile hub section cards and actions. */
+const CoreProfileSectionsHookProvider = {
+    key: PROFILE_PAGE_SECTIONS_HOOK,
+    priority: 0,
+    execute: (payload) => {
+        const sessionService = inject(AXPSessionService);
+        const appName = sessionService.application?.name;
+        return {
+            ...payload,
+            sections: [
+                ...payload.sections,
+                {
+                    id: 'basic-info',
+                    groupId: 'account',
+                    title: '@auth:profile-page.sections.basic-info.title',
+                    description: '@auth:profile-page.sections.basic-info.description',
+                    icon: 'fa-light fa-address-card',
+                    priority: 10,
+                    layout: { colSpan: 6 },
+                    actions: [
+                        {
+                            name: 'edit-basic-info',
+                            title: '@auth:profile-page.sections.basic-info.actions.edit',
+                            icon: 'fa-light fa-pen',
+                            command: appName
+                                ? {
+                                    name: 'navigate',
+                                    options: { path: `/${appName}/m/securityManagement/e/profile/0/view` },
+                                }
+                                : { name: 'auth:edit-basic-info' },
+                        },
+                    ],
+                },
+                {
+                    id: 'signature',
+                    groupId: 'account',
+                    title: '@auth:profile-page.sections.signature.title',
+                    description: '@auth:profile-page.sections.signature.description',
+                    icon: 'fa-light fa-signature',
+                    priority: 20,
+                    layout: { colSpan: 6 },
+                    actions: [
+                        {
+                            name: 'edit-signature',
+                            title: '@auth:profile-page.sections.signature.actions.manage',
+                            icon: 'fa-light fa-pen',
+                            command: { name: 'auth:edit-signature' },
+                        },
+                    ],
+                },
+                {
+                    id: 'change-password',
+                    groupId: 'security',
+                    title: '@auth:profile-page.sections.change-password.title',
+                    description: '@auth:profile-page.sections.change-password.description',
+                    icon: 'fa-light fa-key',
+                    priority: 10,
+                    layout: { colSpan: 6 },
+                    actions: [
+                        {
+                            name: 'change-password',
+                            title: '@auth:profile-page.sections.change-password.actions.manage',
+                            icon: 'fa-light fa-pen',
+                            command: { name: 'auth:change-password' },
+                        },
+                    ],
+                },
+                {
+                    id: 'active-sessions',
+                    groupId: 'security',
+                    title: '@auth:profile-page.sections.active-sessions.title',
+                    description: '@auth:profile-page.sections.active-sessions.description',
+                    icon: 'fa-light fa-laptop-mobile',
+                    priority: 20,
+                    layout: { colSpan: 6 },
+                    actions: [
+                        {
+                            name: 'active-sessions',
+                            title: '@auth:profile-page.sections.active-sessions.actions.manage',
+                            icon: 'fa-light fa-arrow-right',
+                            command: { name: 'auth:open-sessions' },
+                        },
+                    ],
+                },
+                {
+                    id: 'two-factor',
+                    groupId: 'security',
+                    title: '@auth:profile-page.sections.two-factor.title',
+                    description: '@auth:profile-page.sections.two-factor.description',
+                    icon: 'fa-light fa-shield-keyhole',
+                    priority: 30,
+                    layout: { colSpan: 6 },
+                    actions: [
+                        {
+                            name: 'manage-two-factor',
+                            title: '@auth:profile-page.sections.two-factor.actions.manage',
+                            icon: 'fa-light fa-pen',
+                            command: comingSoon('@auth:profile-page.commands.manage-two-factor.coming-soon'),
+                        },
+                    ],
+                },
+                {
+                    id: 'login-history',
+                    groupId: 'security',
+                    title: '@auth:profile-page.sections.login-history.title',
+                    description: '@auth:profile-page.sections.login-history.description',
+                    icon: 'fa-light fa-right-to-bracket',
+                    priority: 40,
+                    layout: { colSpan: 6 },
+                    actions: [
+                        {
+                            name: 'view-login-history',
+                            title: '@auth:profile-page.sections.login-history.actions.manage',
+                            icon: 'fa-light fa-arrow-right',
+                            command: comingSoon('@auth:profile-page.commands.view-login-history.coming-soon'),
+                        },
+                    ],
+                },
+                {
+                    id: 'my-tickets',
+                    groupId: 'requests',
+                    title: '@auth:profile-page.sections.my-tickets.title',
+                    description: '@auth:profile-page.sections.my-tickets.description',
+                    icon: 'fa-light fa-ticket',
+                    priority: 10,
+                    layout: { colSpan: 6 },
+                    actions: [
+                        {
+                            name: 'view-my-tickets',
+                            title: '@auth:profile-page.sections.my-tickets.actions.manage',
+                            icon: 'fa-light fa-arrow-right',
+                            command: comingSoon('@auth:profile-page.commands.view-my-tickets.coming-soon'),
+                        },
+                    ],
+                },
+                {
+                    id: 'my-leave-requests',
+                    groupId: 'requests',
+                    title: '@auth:profile-page.sections.my-leave-requests.title',
+                    description: '@auth:profile-page.sections.my-leave-requests.description',
+                    icon: 'fa-light fa-calendar-days',
+                    priority: 20,
+                    layout: { colSpan: 6 },
+                    actions: [
+                        {
+                            name: 'view-my-leave-requests',
+                            title: '@auth:profile-page.sections.my-leave-requests.actions.manage',
+                            icon: 'fa-light fa-arrow-right',
+                            command: comingSoon('@auth:profile-page.commands.view-my-leave-requests.coming-soon'),
+                        },
+                    ],
+                },
+                {
+                    id: 'my-orders',
+                    groupId: 'requests',
+                    title: '@auth:profile-page.sections.my-orders.title',
+                    description: '@auth:profile-page.sections.my-orders.description',
+                    icon: 'fa-light fa-cart-shopping',
+                    priority: 30,
+                    layout: { colSpan: 6 },
+                    actions: [
+                        {
+                            name: 'view-my-orders',
+                            title: '@auth:profile-page.sections.my-orders.actions.manage',
+                            icon: 'fa-light fa-arrow-right',
+                            command: comingSoon('@auth:profile-page.commands.view-my-orders.coming-soon'),
+                        },
+                    ],
+                },
+                {
+                    id: 'privacy-settings',
+                    groupId: 'privacy',
+                    title: '@auth:profile-page.sections.privacy-settings.title',
+                    description: '@auth:profile-page.sections.privacy-settings.description',
+                    icon: 'fa-light fa-eye-slash',
+                    priority: 10,
+                    layout: { colSpan: 6 },
+                    actions: [
+                        {
+                            name: 'manage-privacy-settings',
+                            title: '@auth:profile-page.sections.privacy-settings.actions.manage',
+                            icon: 'fa-light fa-pen',
+                            command: comingSoon('@auth:profile-page.commands.manage-privacy-settings.coming-soon'),
+                        },
+                    ],
+                },
+                {
+                    id: 'export-data',
+                    groupId: 'privacy',
+                    title: '@auth:profile-page.sections.export-data.title',
+                    description: '@auth:profile-page.sections.export-data.description',
+                    icon: 'fa-light fa-file-export',
+                    priority: 20,
+                    layout: { colSpan: 6 },
+                    actions: [
+                        {
+                            name: 'export-my-data',
+                            title: '@auth:profile-page.sections.export-data.actions.manage',
+                            icon: 'fa-light fa-download',
+                            command: comingSoon('@auth:profile-page.commands.export-my-data.coming-soon'),
+                        },
+                    ],
+                },
+                {
+                    id: 'all-preferences',
+                    groupId: 'privacy',
+                    title: '@auth:profile-page.sections.all-preferences.title',
+                    description: '@auth:profile-page.sections.all-preferences.description',
+                    icon: 'fa-light fa-sliders',
+                    priority: 30,
+                    layout: { colSpan: 12 },
+                    actions: appName
+                        ? [
+                            {
+                                name: 'view-all-preferences',
+                                title: '@auth:profile-page.sections.all-preferences.actions.manage',
+                                icon: 'fa-light fa-arrow-right',
+                                command: {
+                                    name: 'navigate',
+                                    options: { path: `/${appName}/settings/user` },
+                                },
+                            },
+                        ]
+                        : [],
+                },
+                {
+                    id: 'delete-account',
+                    groupId: 'privacy',
+                    content: {
+                        mode: 'component',
+                        componentKey: PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY,
+                    },
+                    layout: { colSpan: 12 },
+                },
+            ],
+        };
+    },
+};
+//#endregion
+
+//#region ---- Profile slot logout menu hook ----
+/** Registers the sign-out entry in the profile dropdown. */
+const ProfileSlotLogoutMenuHookProvider = {
+    key: PROFILE_SLOT_MENU_ITEMS_HOOK,
+    priority: 100,
+    execute: (payload) => ({
+        ...payload,
+        items: [
+            ...payload.items,
+            {
+                name: 'logout',
+                title: '@auth:profile.logout',
+                icon: 'fa-light fa-arrow-right-from-bracket',
+                color: 'danger',
+                shortcuts: [{ keys: 'ctrl+shift+q', allowInEditableFields: true }],
+                command: { name: 'auth:signout' },
+            },
+        ],
+    }),
+};
+//#endregion
+
+//#region ---- Profile slot my profile menu hook ----
+/** Registers the My Profile entry in the profile dropdown. */
+const ProfileSlotMyProfileMenuHookProvider = {
+    key: PROFILE_SLOT_MENU_ITEMS_HOOK,
+    priority: -10,
+    execute: (payload) => {
+        const sessionService = inject(AXPSessionService);
+        const appName = sessionService.application?.name;
+        if (!appName) {
+            return payload;
+        }
+        return {
+            ...payload,
+            items: [
+                ...payload.items,
+                {
+                    name: 'my-profile',
+                    title: '@auth:profile-page.profile-slot.my-profile',
+                    icon: 'fa-light fa-user',
+                    shortcuts: [{ keys: 'ctrl+shift+p', allowInEditableFields: true }],
+                    command: {
+                        name: 'navigate',
+                        options: {
+                            path: `/${appName}/profile/account`,
+                        },
+                    },
+                },
+            ],
+        };
+    },
+};
+//#endregion
+
+function profileRoutesFactory() {
+    return [
+        {
+            path: ':app/profile',
+            canActivate: [...AXP_PROTECTED_ROUTE_GUARDS],
+            loadComponent: () => AXPRootLayoutComponent,
+            children: [
+                {
+                    path: '',
+                    redirectTo: 'account',
+                    pathMatch: 'full',
+                },
+                {
+                    path: ':groupId',
+                    loadComponent: () => import('./acorex-modules-auth-profile-page.component-BGkPr1_o.mjs').then((c) => c.AXMUserProfilePageComponent),
+                    data: { reuse: true },
+                },
+            ],
+        },
+    ];
+}
+class AXMAuthModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthModule, imports: [CommonModule, i1$4.AXPCommonModule, i1$5.RouterModule, AXPAccountModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthModule, providers: [
+            AXMAuthErrorHandler,
+            provideLazyProvider(AXP_MENU_PROVIDER, () => import('./acorex-modules-auth-menu.provider-CBNyM4Ax.mjs').then(m => m.AXMSecurityManagementModuleMenuProvider)),
+            provideLazyProvider(AXP_SETTING_DEFINITION_PROVIDER, () => import('./acorex-modules-auth-settings.provider-C_3D-9ia.mjs').then(m => m.AXMSettingProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-auth-profile-page-component.provider-Dz9yFSnA.mjs').then((module) => module.AXMProfilePageComponentProvider)),
+            {
+                provide: ROUTES,
+                multi: true,
+                useFactory: profileRoutesFactory,
+            },
+            provideCommandSetups([
+                {
+                    key: 'auth:profile',
+                    command: () => import('./acorex-modules-auth-show-profile-command-CQViXb2b.mjs').then((c) => c.AXPShowProfileCommand),
+                },
+                {
+                    key: 'auth:signout',
+                    command: () => import('./acorex-modules-auth-signout-command-IUSkq50M.mjs').then((c) => c.AXPSignoutCommand),
+                },
+                {
+                    key: 'auth:open-sessions',
+                    command: () => import('./acorex-modules-auth-open-sessions.command-Qik0eKUR.mjs').then((c) => c.AXPOpenSessionsCommand),
+                },
+                {
+                    key: 'auth:change-photo',
+                    command: () => import('./acorex-modules-auth-change-photo.command-_vxTFH0X.mjs').then((c) => c.AXPChangePhotoCommand),
+                },
+                {
+                    key: 'auth:change-password',
+                    command: () => import('./acorex-modules-auth-change-password.command-Ctyw3WfE.mjs').then((c) => c.AXPChangePasswordCommand),
+                },
+                {
+                    key: 'auth:edit-signature',
+                    command: () => import('./acorex-modules-auth-edit-signature.command-CcTJJwAX.mjs').then((c) => c.AXPEditSignatureCommand),
+                },
+                {
+                    key: 'auth:profile-coming-soon',
+                    command: () => import('./acorex-modules-auth-profile-coming-soon.command-DBbFbzAx.mjs').then((c) => c.AXPProfileComingSoonCommand),
+                },
+            ]),
+            {
+                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                useValue: ProfileSlotLogoutMenuHookProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                useValue: ProfileSlotMyProfileMenuHookProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                useValue: CoreProfileGroupsHookProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                useValue: CoreProfileSectionsHookProvider,
+                multi: true,
+            },
+        ], imports: [CommonModule,
+            AXPCommonModule.forChild({ errorHandlers: [AXMAuthErrorHandler] }),
+            RouterModule.forChild(routes),
+            AXPAccountModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAuthModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        AXPCommonModule.forChild({ errorHandlers: [AXMAuthErrorHandler] }),
+                        RouterModule.forChild(routes),
+                        AXPAccountModule,
+                    ],
+                    providers: [
+                        AXMAuthErrorHandler,
+                        provideLazyProvider(AXP_MENU_PROVIDER, () => import('./acorex-modules-auth-menu.provider-CBNyM4Ax.mjs').then(m => m.AXMSecurityManagementModuleMenuProvider)),
+                        provideLazyProvider(AXP_SETTING_DEFINITION_PROVIDER, () => import('./acorex-modules-auth-settings.provider-C_3D-9ia.mjs').then(m => m.AXMSettingProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-auth-profile-page-component.provider-Dz9yFSnA.mjs').then((module) => module.AXMProfilePageComponentProvider)),
+                        {
+                            provide: ROUTES,
+                            multi: true,
+                            useFactory: profileRoutesFactory,
+                        },
+                        provideCommandSetups([
+                            {
+                                key: 'auth:profile',
+                                command: () => import('./acorex-modules-auth-show-profile-command-CQViXb2b.mjs').then((c) => c.AXPShowProfileCommand),
+                            },
+                            {
+                                key: 'auth:signout',
+                                command: () => import('./acorex-modules-auth-signout-command-IUSkq50M.mjs').then((c) => c.AXPSignoutCommand),
+                            },
+                            {
+                                key: 'auth:open-sessions',
+                                command: () => import('./acorex-modules-auth-open-sessions.command-Qik0eKUR.mjs').then((c) => c.AXPOpenSessionsCommand),
+                            },
+                            {
+                                key: 'auth:change-photo',
+                                command: () => import('./acorex-modules-auth-change-photo.command-_vxTFH0X.mjs').then((c) => c.AXPChangePhotoCommand),
+                            },
+                            {
+                                key: 'auth:change-password',
+                                command: () => import('./acorex-modules-auth-change-password.command-Ctyw3WfE.mjs').then((c) => c.AXPChangePasswordCommand),
+                            },
+                            {
+                                key: 'auth:edit-signature',
+                                command: () => import('./acorex-modules-auth-edit-signature.command-CcTJJwAX.mjs').then((c) => c.AXPEditSignatureCommand),
+                            },
+                            {
+                                key: 'auth:profile-coming-soon',
+                                command: () => import('./acorex-modules-auth-profile-coming-soon.command-DBbFbzAx.mjs').then((c) => c.AXPProfileComingSoonCommand),
+                            },
+                        ]),
+                        {
+                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            useValue: ProfileSlotLogoutMenuHookProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            useValue: ProfileSlotMyProfileMenuHookProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            useValue: CoreProfileGroupsHookProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER,
+                            useValue: CoreProfileSectionsHookProvider,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+var AXMSessionStatusTypes;
+(function (AXMSessionStatusTypes) {
+    AXMSessionStatusTypes["revoked"] = "revoked";
+    AXMSessionStatusTypes["expired"] = "expired";
+    AXMSessionStatusTypes["active"] = "active";
+})(AXMSessionStatusTypes || (AXMSessionStatusTypes = {}));
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXMUserDeviceSessionsService as A, PROFILE_PAGE_GROUPS_HOOK as P, PROFILE_PAGE_SECTIONS_HOOK as a, PROFILE_PAGE_HEADER_META_HOOK as b, PROFILE_ACTIVITY_CHART_COMPONENT_KEY as c, PROFILE_DELETE_ACCOUNT_DANGER_ZONE_COMPONENT_KEY as d, AXM_AUTH_CONFIG_TOKEN as e, AXM_LOGIN_GUARD_TOKEN as f, AXMAuthenticationTypes as g, AXPTenantChooserListComponent as h, AXPTenantChooserDropdownComponent as i, AXPAppChooserListComponent as j, AXMAuthErrorHandler as k, AXMAuthModule as l, AXMDefaultAuthConfigs as m, AXMDeviceSessionsService as n, AXMDeviceSessionsServiceImpl as o, AXMSessionStatusTypes as p, AXPIdleService as q, resolveUserProfileSectionContent as r, canActivateLogin as s, configAuthModule as t };
+//# sourceMappingURL=acorex-modules-auth-acorex-modules-auth-JEkso4J7.mjs.map