@acorex/modules 19.3.1 → 19.3.3-next.0

package/dashboard-management/lib/features/shared/widgets/line-chart/line-chart-widget.component.d.ts

@@ -1,76 +1,17 @@
-import { AXPChartBaseComponent } from '../shared/chart-base.component';
-import { AXPChartTooltipData } from '../shared/components/chart-tooltip';
-import { AXPLineChartData, AXPLineChartValue } from './line-chart.type';
+import { AXLineChartData, AXLineChartOption, AXLineChartPointClickEvent } from '@acorex/charts/line-chart';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
+import { Signal } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Line Chart Widget Component
  * Renders data as lines with interactive hover effects and animations
  */
-export declare class AXPLineChartWidgetViewComponent extends AXPChartBaseComponent<AXPLineChartValue> {
-    pointClick: import("@angular/core").OutputEmitterRef<AXPLineChartData>;
-    private readonly chartContainerEl;
-    private svg;
-    private chart;
-    private xScale;
-    private yScale;
-    private xAxis;
-    private yAxis;
-    private width;
-    private height;
-    private margin;
-    private _tooltipVisible;
-    private _tooltipPosition;
-    private _tooltipData;
-    protected tooltipVisible: import("@angular/core").Signal<boolean>;
-    protected tooltipPosition: import("@angular/core").Signal<{
-        x: number;
-        y: number;
+export declare class AXPLineChartWidgetViewComponent extends AXPValueWidgetComponent {
+    lineChartData: Signal<AXLineChartData[]>;
+    lineChartOptions: Signal<AXLineChartOption & {
+        title: string;
     }>;
-    protected tooltipData: import("@angular/core").Signal<AXPChartTooltipData>;
-    protected lineWidth: import("@angular/core").Signal<any>;
-    protected showPoints: import("@angular/core").Signal<boolean>;
-    protected pointRadius: import("@angular/core").Signal<any>;
-    protected smoothLine: import("@angular/core").Signal<boolean>;
-    protected fillArea: import("@angular/core").Signal<boolean>;
-    protected fillOpacity: import("@angular/core").Signal<number>;
-    /**
-     * Creates the line chart SVG and renders all elements
-     */
-    protected createChart(): void;
-    protected updateChart(): void;
-    protected cleanupChart(): void;
-    /**
-     * Sets up chart dimensions and creates SVG with responsive attributes
-     */
-    private setupDimensions;
-    /**
-     * Creates x and y scales for the chart
-     */
-    private setupScales;
-    /**
-     * Creates x and y axes with grid lines
-     */
-    private createAxes;
-    /**
-     * Renders the lines with animations
-     */
-    private renderLines;
-    /**
-     * Handles point hover event and shows tooltip
-     */
-    private handlePointHover;
-    /**
-     * Updates tooltip position based on mouse coordinates
-     */
-    private updateTooltipPosition;
-    /**
-     * Handles point click event
-     */
-    private handlePointClick;
-    /**
-     * Shows a message when no data is available
-     */
-    private showNoDataMessage;
+    handleLineChartPointClick(event: AXLineChartPointClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPLineChartWidgetViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPLineChartWidgetViewComponent, "ng-component", never, {}, { "pointClick": "pointClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPLineChartWidgetViewComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/document-management/lib/features/document-explorer/document-explorer.component.d.ts

@@ -55,6 +55,7 @@ export declare class AXMDocumentExplorerComponent {
         initialize: (options?: {
             scope?: AXPPlatformScope;
             browseMode?: AXMDocumentExplorerBrowseMode;
+            filter?: any;
         }) => Promise<void>;
         navigateToFolder: (folderId: string) => void;
         loadFolderContents: (folderId: string) => Promise<void>;

package/document-management/lib/features/document-explorer/document-explorer.viewmodel.d.ts

@@ -49,6 +49,7 @@ export declare const AXPDocumentExplorerViewModel: import("@angular/core").Type<
     initialize: (options?: {
         scope?: AXPPlatformScope;
         browseMode?: AXMDocumentExplorerBrowseMode;
+        filter?: any;
     }) => Promise<void>;
     navigateToFolder: (folderId: string) => void;
     loadFolderContents: (folderId: string) => Promise<void>;

package/document-management/lib/features/document-explorer/views/detail-panel/detail-panel.component.d.ts

@@ -48,6 +48,7 @@ export declare class AXMDocumentExplorerDetailPanelComponent {
         initialize: (options?: {
             scope?: import("@acorex/platform/core").AXPPlatformScope;
             browseMode?: import("../../../drive").AXMDocumentExplorerBrowseMode;
+            filter?: any;
         }) => Promise<void>;
         navigateToFolder: (folderId: string) => void;
         loadFolderContents: (folderId: string) => Promise<void>;

package/document-management/lib/features/document-explorer/views/details/details-view.component.d.ts

@@ -48,6 +48,7 @@ export declare class AXMDocumentExplorerDetailsViewComponent {
         initialize: (options?: {
             scope?: import("@acorex/platform/core").AXPPlatformScope;
             browseMode?: import("../../../drive").AXMDocumentExplorerBrowseMode;
+            filter?: any;
         }) => Promise<void>;
         navigateToFolder: (folderId: string) => void;
         loadFolderContents: (folderId: string) => Promise<void>;

package/document-management/lib/features/document-explorer/views/large-icons/large-icons-view.component.d.ts

@@ -48,6 +48,7 @@ export declare class AXMDocumentExplorerLargeIconsViewComponent {
         initialize: (options?: {
             scope?: import("@acorex/platform/core").AXPPlatformScope;
             browseMode?: import("../../../drive").AXMDocumentExplorerBrowseMode;
+            filter?: any;
         }) => Promise<void>;
         navigateToFolder: (folderId: string) => void;
         loadFolderContents: (folderId: string) => Promise<void>;

package/document-management/lib/features/document-explorer/views/large-tiles/large-tiles-view.component.d.ts

@@ -48,6 +48,7 @@ export declare class AXMDocumentExplorerLargeTilesViewComponent {
         initialize: (options?: {
             scope?: import("@acorex/platform/core").AXPPlatformScope;
             browseMode?: import("../../../drive").AXMDocumentExplorerBrowseMode;
+            filter?: any;
         }) => Promise<void>;
         navigateToFolder: (folderId: string) => void;
         loadFolderContents: (folderId: string) => Promise<void>;

package/document-management/lib/features/document-explorer/views/list/list-view.component.d.ts

@@ -48,6 +48,7 @@ export declare class AXMDocumentExplorerListViewComponent {
         initialize: (options?: {
             scope?: import("@acorex/platform/core").AXPPlatformScope;
             browseMode?: import("../../../drive").AXMDocumentExplorerBrowseMode;
+            filter?: any;
         }) => Promise<void>;
         navigateToFolder: (folderId: string) => void;
         loadFolderContents: (folderId: string) => Promise<void>;

package/document-management/lib/features/document-explorer/views/small-icons/small-icons-view.component.d.ts

@@ -48,6 +48,7 @@ export declare class AXMDocumentExplorerSmallIconsViewComponent {
         initialize: (options?: {
             scope?: import("@acorex/platform/core").AXPPlatformScope;
             browseMode?: import("../../../drive").AXMDocumentExplorerBrowseMode;
+            filter?: any;
         }) => Promise<void>;
         navigateToFolder: (folderId: string) => void;
         loadFolderContents: (folderId: string) => Promise<void>;

package/document-management/lib/features/document-explorer/views/small-tiles/small-tiles-view.component.d.ts

@@ -48,6 +48,7 @@ export declare class AXMDocumentExplorerSmallTilesViewComponent {
         initialize: (options?: {
             scope?: import("@acorex/platform/core").AXPPlatformScope;
             browseMode?: import("../../../drive").AXMDocumentExplorerBrowseMode;
+            filter?: any;
         }) => Promise<void>;
         navigateToFolder: (folderId: string) => void;
         loadFolderContents: (folderId: string) => Promise<void>;

package/document-management/lib/features/drive/drive.component.d.ts

@@ -106,6 +106,7 @@ export declare class AXMDocumentDriveComponent extends AXPBasePageComponent impl
         initialize: (options?: {
             scope?: AXPPlatformScope;
             browseMode?: import("../shared/document-manager.types").AXMDocumentExplorerBrowseMode;
+            filter?: any;
         }) => Promise<void>;
         navigateToFolder: (folderId: string) => void;
         loadFolderContents: (folderId: string) => Promise<void>;

package/document-management/lib/features/drive-choose/drive-choose.component.d.ts

@@ -167,6 +167,7 @@ export declare class AXMDocumentDriveChooseComponent extends AXBasePageComponent
         initialize: (options?: {
             scope?: AXPPlatformScope;
             browseMode?: AXMDocumentExplorerBrowseMode;
+            filter?: any;
         }) => Promise<void>;
         navigateToFolder: (folderId: string) => void;
         loadFolderContents: (folderId: string) => Promise<void>;

package/document-management/lib/features/shared/components/folder-path-breadcrumbs/folder-path-breadcrumbs.component.d.ts

@@ -49,6 +49,7 @@ export declare class AXMFolderPathBreadcrumbsComponent {
         initialize: (options?: {
             scope?: import("@acorex/platform/core").AXPPlatformScope;
             browseMode?: import("../../document-manager.types").AXMDocumentExplorerBrowseMode;
+            filter?: any;
         }) => Promise<void>;
         navigateToFolder: (folderId: string) => void;
         loadFolderContents: (folderId: string) => Promise<void>;

package/document-management/lib/features/widgets/document-attachment/document-attachment-widget-edit.component.d.ts

@@ -5,6 +5,7 @@ import { AXPPlatformScope } from '@acorex/platform/core';
 import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import { AXMDocumentExplorerComponent } from '../../document-explorer';
 import { AXMDocumentExplorerNode, AXMDocumentManagerService } from '../../drive';
+import { AXMDocumentManagementDocumentTypeEntityModel } from '../../../entities';
 import * as i0 from "@angular/core";
 export interface AXMDocumentAttachment {
     fileId: string;
@@ -18,7 +19,7 @@ export interface AXMDocumentAction {
     title: string;
     callback: () => Promise<File | undefined>;
 }
-export declare class AXMDocumentAttachmentWidgetEditComponent extends AXPValueWidgetComponent<void> {
+export declare class AXMDocumentAttachmentWidgetEditComponent extends AXPValueWidgetComponent<AXMDocumentExplorerNode[]> {
     protected readonly vm: {
         viewMode: import("@angular/core").Signal<import("../../drive").AXPDocumentExplorerViewMode>;
         isLoading: import("@angular/core").Signal<boolean>;
@@ -67,6 +68,7 @@ export declare class AXMDocumentAttachmentWidgetEditComponent extends AXPValueWi
         initialize: (options?: {
             scope?: AXPPlatformScope;
             browseMode?: import("../../drive").AXMDocumentExplorerBrowseMode;
+            filter?: any;
         }) => Promise<void>;
         navigateToFolder: (folderId: string) => void;
         loadFolderContents: (folderId: string) => Promise<void>;
@@ -196,8 +198,7 @@ export declare class AXMDocumentAttachmentWidgetEditComponent extends AXPValueWi
     protected multiple: import("@angular/core").Signal<boolean>;
     protected entity: import("@angular/core").Signal<string>;
     protected entityRecordId: import("@angular/core").Signal<string>;
-    protected initFiles: import("@angular/core").Signal<AXMDocumentExplorerNode[]>;
-    protected onChange: import("@angular/core").Signal<((files: AXMDocumentExplorerNode[]) => void) | undefined>;
+    protected documentTypes: import("@angular/core").Signal<AXMDocumentManagementDocumentTypeEntityModel[]>;
     ngOnDestroy(): Promise<void>;
     ngOnInit(): Promise<void>;
     protected chooseFromDrive(scope: AXPPlatformScope): Promise<void>;

package/document-management/lib/permission-definition.provider.d.ts

@@ -1,4 +1,8 @@
 import { AXPPermissionDefinitionProvider, AXPPermissionDefinitionProviderContext } from '@acorex/platform/auth';
+import { Injector } from '@angular/core';
 export declare class AXMPermissionDefinitionProvider implements AXPPermissionDefinitionProvider {
+    private injector;
+    private readonly translateService;
+    constructor(injector: Injector);
     define(context: AXPPermissionDefinitionProviderContext): Promise<void>;
 }

package/document-management/lib/permission.keys.d.ts

@@ -0,0 +1,19 @@
+export declare const AXMPermissionsKeys: {
+    DocumentManagement: {
+        Management: string;
+        DocumentType: {
+            Management: string;
+            View: string;
+            Edit: string;
+            Delete: string;
+            Create: string;
+        };
+        Driver: {
+            Management: string;
+            View: string;
+            Edit: string;
+            Delete: string;
+            Create: string;
+        };
+    };
+};

package/fesm2022/{acorex-modules-auth-acorex-modules-auth-B1HTJdsE.mjs → acorex-modules-auth-acorex-modules-auth-DJZcD1j3.mjs}

@@ -2,8 +2,8 @@ import { AXPUnauthorizedError, AXPUnauthenticatedError, AXPSessionService, AXPAu
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { inject, isDevMode, Injectable, InjectionToken, Component, signal, input, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, NgModule, Injector } from '@angular/core';
-import * as i2$1 from '@angular/router';
+import { inject, isDevMode, Injectable, InjectionToken, Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, signal, NgModule, Injector } from '@angular/core';
+import * as i2 from '@angular/router';
 import { Router, RouterModule, ROUTES } from '@angular/router';
 import * as i1$2 from '@acorex/platform/common';
 import { AXPHomePageService, AXPDataProvider, AXPSettingService, AXPComponentSlotModule, AXPCommonModule, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex/platform/common';
@@ -18,15 +18,13 @@ import * as i3$2 from '@acorex/components/popover';
 import { AXPopoverModule } from '@acorex/components/popover';
 import * as i3 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
-import * as i2 from '@acorex/components/avatar';
 import { AXAvatarModule } from '@acorex/components/avatar';
-import * as i3$3 from '@acorex/components/image';
 import { AXImageModule } from '@acorex/components/image';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXPlatform } from '@acorex/core/platform';
 import * as i6 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
-import { MXBaseComponent } from '@acorex/components/common';
+import { AXPUserAvatarComponent } from '@acorex/platform/layout/components';
 import { AXChipsModule } from '@acorex/components/chips';
 import { AXTagModule } from '@acorex/components/tag';
 import { AXMDeviceSessionsService } from '@acorex/modules/security-management';
@@ -108,18 +106,18 @@ const routes = [
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-auth-master.layout-CtVrY1hn.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-modules-auth-login.module-TtdNj0aL.mjs').then((c) => c.AXPSignInModule),
+                loadComponent: () => import('./acorex-modules-auth-master.layout-ZaCb3CED.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-modules-auth-login.module-D-XgzifC.mjs').then((c) => c.AXPSignInModule),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-auth-master.layout-CtVrY1hn.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-modules-auth-two-factor.module-DDOSqjYs.mjs').then((c) => c.AXPTwoFactorModule),
+                loadComponent: () => import('./acorex-modules-auth-master.layout-ZaCb3CED.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-modules-auth-two-factor.module-D72KIpvA.mjs').then((c) => c.AXPTwoFactorModule),
             },
             {
                 path: '',
-                loadComponent: () => import('./acorex-modules-auth-master.layout-CtVrY1hn.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
-                loadChildren: () => import('./acorex-modules-auth-routes-DkgsKi3a.mjs').then((c) => c),
+                loadComponent: () => import('./acorex-modules-auth-master.layout-ZaCb3CED.mjs').then((c) => c.AXPAuthMasterLayoutComponent),
+                loadChildren: () => import('./acorex-modules-auth-routes-4T5jq7su.mjs').then((c) => c),
             },
             {
                 path: 'account',
@@ -199,64 +197,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             args: [{ imports: [CommonModule, AXButtonModule, AXPopoverModule, AXDecoratorModule, AXPAppChooserListComponent], template: "@if(((applications$ | async)?.length ?? 0) > 1) {\n<ax-button color=\"default\" look=\"blank\" #appChooser>\n  <ax-icon>\n    <i class=\"fa-solid fa-grid-2 ax-text-slate-400 dark:ax-text-slate-200\"></i>\n  </ax-icon>\n</ax-button>\n<ax-popover [target]=\"appChooser\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-bg-lightest ax-border ax-overflow-hidden ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64 ax-p-3\">\n    <axp-app-chooser-list></axp-app-chooser-list>\n  </div>\n</ax-popover>\n}\n" }]
         }] });
 
-class AXMAvatarComponent extends MXBaseComponent {
-    constructor() {
-        super();
-        this.sessionService = inject(AXPSessionService);
-        this.dataService = inject(AXPDataProvider, { optional: true });
-        this.hasPicture = signal(false);
-        this.avatarText = signal('');
-        this.size = input(48);
-        this.color = input('default');
-        this.look = input('twotone');
-        this.user$ = this.sessionService.user$;
-        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();
-    }
-    onImageError(event) {
-        this.hasPicture.set(false);
-    }
-    onImageLoad(event) {
-        this.hasPicture.set(true);
-    }
-    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: "19.0.3", ngImport: i0, type: AXMAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMAvatarComponent, isStandalone: true, selector: "axp-avatar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<ax-avatar #avatar (error)=\"this.src = 'path/to/default-image.jpg'\" [size]=\"size()\" [color]=\"color()\" [look]=\"look()\"\n    class=\"ax-cursor-pointer\">\n    @if(hasPicture()){\n    <ax-image (onError)=\"onImageError($event)\" (onLoad)=\"onImageLoad($event)\" [src]=\"src\"></ax-image>\n    }@else{\n    <ax-text>\n        <small class=\"ax-text-xs ax-font-semibold\">{{ avatarText() }}</small>\n    </ax-text>\n    }\n</ax-avatar>", dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$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: AXAvatarModule }, { kind: "component", type: i2.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i3$3.AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAvatarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-avatar', imports: [AXDecoratorModule, AXAvatarModule, AXImageModule], template: "<ax-avatar #avatar (error)=\"this.src = 'path/to/default-image.jpg'\" [size]=\"size()\" [color]=\"color()\" [look]=\"look()\"\n    class=\"ax-cursor-pointer\">\n    @if(hasPicture()){\n    <ax-image (onError)=\"onImageError($event)\" (onLoad)=\"onImageLoad($event)\" [src]=\"src\"></ax-image>\n    }@else{\n    <ax-text>\n        <small class=\"ax-text-xs ax-font-semibold\">{{ avatarText() }}</small>\n    </ax-text>\n    }\n</ax-avatar>" }]
-        }], ctorParameters: () => [] });
-
 class AXPTenantChooserDropdownComponent {
     constructor() {
         this.router = inject(Router);
@@ -302,7 +242,7 @@ class AXMAuthProfileSlotComponent {
         this.router.navigate(['/auth/login']);
     }
     async openUserSession() {
-        const com = await import('./acorex-modules-auth-user-sessions.component-B3i44VC5.mjs').then((c) => c.AXMUserSessionsComponent);
+        const com = await import('./acorex-modules-auth-user-sessions.component-Btnu_Oeq.mjs').then((c) => c.AXMUserSessionsComponent);
         this.popupService.open(com, {
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'sm',
             title: await this.translateService.translateAsync('profile.sessions.title', {
@@ -311,11 +251,11 @@ class AXMAuthProfileSlotComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAuthProfileSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMAuthProfileSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if((isAuthenticated$ | async)) {\n<div class=\"ax-size-fit\">\n  <axp-avatar #avatar [size]=\"36\" [color]=\"isDarkMode() ? 'primary' : 'default'\"></axp-avatar>\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-avatar [size]=\"64\" color=\"primary\"></axp-avatar>\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-mt-2\">\n          <div class=\"ax-text-base ax-font-bold\">{{ (user$ | async)?.title }}</div>\n          <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n        </div>\n      </div>\n      <div class=\"axp-profile-slot-menus\">\n        <ul>\n          <li>\n            <a (click)=\"editProfile()\">\n              <i class=\"fa-light fa-user\"></i>\n              <span>{{ 'profile.edit' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n          <li>\n            <a (click)=\"p.close()\" [routerLink]=\"['/', appName(), 'settings', 'user']\">\n              <i class=\"fa-light fa-gear\"></i>\n              <span>{{ 'profile.settings' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n          <li>\n            <a (click)=\"openUserSession()\">\n              <i class=\"fa-light fa-mobile\"></i>\n              <span>{{ 'profile.sessions' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n          <li class=\"ax-text-danger-500\">\n            <a (click)=\"logOut()\">\n              <i class=\"fa-light fa-arrow-right-from-bracket\"></i>\n              <span>{{ 'profile.logout' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </ax-popover>\n</div>\n\n} @else {\n<ax-button color=\"default\" look=\"blank\" text=\"Sign Up / Sign In\" (click)=\"handleSignIn()\">\n  <ax-icon>\n    <i class=\"fa-solid fa-user ax-text-slate-400 dark:ax-text-slate-200\"></i>\n  </ax-icon>\n</ax-button>\n}\n", styles: [".axp-profile-slot-menus ul{margin-top:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));padding-left:.5rem;padding-right:.5rem}.axp-profile-slot-menus ul:last-child{border-width:0px}.axp-profile-slot-menus ul li{display:flex;cursor:pointer;border-radius:.375rem}.axp-profile-slot-menus ul li:last-child{margin-bottom:.5rem}.axp-profile-slot-menus ul li:hover{background-color:rgba(var(--ax-sys-color-primary-500),.15);--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-700),var(--tw-text-opacity, 1))}.axp-profile-slot-menus ul li i{margin-inline-end:.75rem;display:grid;height:1.5rem;width:1.5rem;place-items:center;font-size:1.25rem;line-height:1.75rem}.axp-profile-slot-menus ul li a{display:flex;height:100%;width:100%;align-items:center;padding:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMAuthProfileSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if((isAuthenticated$ | async)) {\n<div class=\"ax-size-fit\">\n  <div #avatar>\n    <axp-user-avatar [size]=\"36\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n  </div>\n\n  <ax-popover [target]=\"avatar\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" #p>\n    <div class=\"ax-bg-lightest ax-border ax-border-lightest ax-rounded-md ax-shadow-md ax-w-full ax-min-w-64\">\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-p-4 ax-border-b\">\n        <axp-user-avatar [size]=\"64\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-mt-2\">\n          <div class=\"ax-text-base ax-font-bold\">{{ (user$ | async)?.title }}</div>\n          <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n        </div>\n      </div>\n      <div class=\"axp-profile-slot-menus\">\n        <ul>\n          <li>\n            <a (click)=\"editProfile()\">\n              <i class=\"fa-light fa-user\"></i>\n              <span>{{ 'profile.edit' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n          <li>\n            <a (click)=\"p.close()\" [routerLink]=\"['/', appName(), 'settings', 'user']\">\n              <i class=\"fa-light fa-gear\"></i>\n              <span>{{ 'profile.settings' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n          <li>\n            <a (click)=\"openUserSession()\">\n              <i class=\"fa-light fa-mobile\"></i>\n              <span>{{ 'profile.sessions' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n          <li class=\"ax-text-danger-500\">\n            <a (click)=\"logOut()\">\n              <i class=\"fa-light fa-arrow-right-from-bracket\"></i>\n              <span>{{ 'profile.logout' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </ax-popover>\n</div>\n\n} @else {\n<ax-button color=\"default\" look=\"blank\" text=\"Sign Up / Sign In\" (click)=\"handleSignIn()\">\n  <ax-icon>\n    <i class=\"fa-solid fa-user ax-text-slate-400 dark:ax-text-slate-200\"></i>\n  </ax-icon>\n</ax-button>\n}\n", styles: [".axp-profile-slot-menus ul{margin-top:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));padding-left:.5rem;padding-right:.5rem}.axp-profile-slot-menus ul:last-child{border-width:0px}.axp-profile-slot-menus ul li{display:flex;cursor:pointer;border-radius:.375rem}.axp-profile-slot-menus ul li:last-child{margin-bottom:.5rem}.axp-profile-slot-menus ul li:hover{background-color:rgba(var(--ax-sys-color-primary-500),.15);--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-700),var(--tw-text-opacity, 1))}.axp-profile-slot-menus ul li i{margin-inline-end:.75rem;display:grid;height:1.5rem;width:1.5rem;place-items:center;font-size:1.25rem;line-height:1.75rem}.axp-profile-slot-menus ul li a{display:flex;height:100%;width:100%;align-items:center;padding:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: 
                 //
-                AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$2.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "component", type: 
+                AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$2.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "component", type: 
                 //
-                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "component", type: AXMAvatarComponent, selector: "axp-avatar", inputs: ["size", "color", "look"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAuthProfileSlotComponent, decorators: [{
             type: Component,
@@ -330,10 +270,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         AXDecoratorModule,
                         AXLoadingModule,
                         AXTranslationModule,
+                        AXPUserAvatarComponent,
                         //
                         AXPTenantChooserDropdownComponent,
-                        AXMAvatarComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if((isAuthenticated$ | async)) {\n<div class=\"ax-size-fit\">\n  <axp-avatar #avatar [size]=\"36\" [color]=\"isDarkMode() ? 'primary' : 'default'\"></axp-avatar>\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-avatar [size]=\"64\" color=\"primary\"></axp-avatar>\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-mt-2\">\n          <div class=\"ax-text-base ax-font-bold\">{{ (user$ | async)?.title }}</div>\n          <axp-tenant-chooser-dropdown></axp-tenant-chooser-dropdown>\n        </div>\n      </div>\n      <div class=\"axp-profile-slot-menus\">\n        <ul>\n          <li>\n            <a (click)=\"editProfile()\">\n              <i class=\"fa-light fa-user\"></i>\n              <span>{{ 'profile.edit' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n          <li>\n            <a (click)=\"p.close()\" [routerLink]=\"['/', appName(), 'settings', 'user']\">\n              <i class=\"fa-light fa-gear\"></i>\n              <span>{{ 'profile.settings' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n          <li>\n            <a (click)=\"openUserSession()\">\n              <i class=\"fa-light fa-mobile\"></i>\n              <span>{{ 'profile.sessions' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n          <li class=\"ax-text-danger-500\">\n            <a (click)=\"logOut()\">\n              <i class=\"fa-light fa-arrow-right-from-bracket\"></i>\n              <span>{{ 'profile.logout' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </ax-popover>\n</div>\n\n} @else {\n<ax-button color=\"default\" look=\"blank\" text=\"Sign Up / Sign In\" (click)=\"handleSignIn()\">\n  <ax-icon>\n    <i class=\"fa-solid fa-user ax-text-slate-400 dark:ax-text-slate-200\"></i>\n  </ax-icon>\n</ax-button>\n}\n", styles: [".axp-profile-slot-menus ul{margin-top:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));padding-left:.5rem;padding-right:.5rem}.axp-profile-slot-menus ul:last-child{border-width:0px}.axp-profile-slot-menus ul li{display:flex;cursor:pointer;border-radius:.375rem}.axp-profile-slot-menus ul li:last-child{margin-bottom:.5rem}.axp-profile-slot-menus ul li:hover{background-color:rgba(var(--ax-sys-color-primary-500),.15);--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-700),var(--tw-text-opacity, 1))}.axp-profile-slot-menus ul li i{margin-inline-end:.75rem;display:grid;height:1.5rem;width:1.5rem;place-items:center;font-size:1.25rem;line-height:1.75rem}.axp-profile-slot-menus ul li a{display:flex;height:100%;width:100%;align-items:center;padding:.5rem}\n"] }]
+                    ], 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          <li>\n            <a (click)=\"editProfile()\">\n              <i class=\"fa-light fa-user\"></i>\n              <span>{{ 'profile.edit' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n          <li>\n            <a (click)=\"p.close()\" [routerLink]=\"['/', appName(), 'settings', 'user']\">\n              <i class=\"fa-light fa-gear\"></i>\n              <span>{{ 'profile.settings' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n          <li>\n            <a (click)=\"openUserSession()\">\n              <i class=\"fa-light fa-mobile\"></i>\n              <span>{{ 'profile.sessions' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n          <li class=\"ax-text-danger-500\">\n            <a (click)=\"logOut()\">\n              <i class=\"fa-light fa-arrow-right-from-bracket\"></i>\n              <span>{{ 'profile.logout' | translate : { scope: 'auth' } | async }}</span>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </ax-popover>\n</div>\n\n} @else {\n<ax-button color=\"default\" look=\"blank\" text=\"Sign Up / Sign In\" (click)=\"handleSignIn()\">\n  <ax-icon>\n    <i class=\"fa-solid fa-user ax-text-slate-400 dark:ax-text-slate-200\"></i>\n  </ax-icon>\n</ax-button>\n}\n", styles: [".axp-profile-slot-menus ul{margin-top:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));padding-left:.5rem;padding-right:.5rem}.axp-profile-slot-menus ul:last-child{border-width:0px}.axp-profile-slot-menus ul li{display:flex;cursor:pointer;border-radius:.375rem}.axp-profile-slot-menus ul li:last-child{margin-bottom:.5rem}.axp-profile-slot-menus ul li:hover{background-color:rgba(var(--ax-sys-color-primary-500),.15);--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-700),var(--tw-text-opacity, 1))}.axp-profile-slot-menus ul li i{margin-inline-end:.75rem;display:grid;height:1.5rem;width:1.5rem;place-items:center;font-size:1.25rem;line-height:1.75rem}.axp-profile-slot-menus ul li a{display:flex;height:100%;width:100%;align-items:center;padding:.5rem}\n"] }]
         }], propDecorators: { profilePopover: [{
                 type: ViewChild,
                 args: ['profilePopover']
@@ -399,11 +339,11 @@ class AXMUserProfileCardSlotComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMUserProfileCardSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMUserProfileCardSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if((isAuthenticated$ | async)) {\n<div class=\"ax-p-3 ax-flex ax-items-center ax-gap-1 ax-border-b ax-border-lighter\">\n  <axp-avatar [size]=\"48\" color=\"primary\"></axp-avatar>\n  <div class=\"ax-flex ax-flex-col\">\n    <ax-title class=\"ax-text-sm ax-font-medium ax-px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n</div>\n}\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMUserProfileCardSlotComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "profilePopover", first: true, predicate: ["profilePopover"], descendants: true }], ngImport: i0, template: "@if((isAuthenticated$ | async)) {\n<div class=\"ax-p-3 ax-flex ax-items-center ax-gap-1 ax-border-b ax-border-lighter\">\n  <div #avatar>\n    <axp-user-avatar [size]=\"48\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n  </div>\n  <div class=\"ax-flex ax-flex-col\">\n    <ax-title class=\"ax-text-sm ax-font-medium ax-px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n</div>\n}\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
                 //
                 AXImageModule }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$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: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: AXMAvatarComponent, selector: "axp-avatar", inputs: ["size", "color", "look"] }] }); }
+                AXPTenantChooserDropdownComponent, selector: "axp-tenant-chooser-dropdown" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMUserProfileCardSlotComponent, decorators: [{
             type: Component,
@@ -420,8 +360,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         //
                         AXPTenantChooserDropdownComponent,
                         AsyncPipe,
-                        AXMAvatarComponent
-                    ], template: "@if((isAuthenticated$ | async)) {\n<div class=\"ax-p-3 ax-flex ax-items-center ax-gap-1 ax-border-b ax-border-lighter\">\n  <axp-avatar [size]=\"48\" color=\"primary\"></axp-avatar>\n  <div class=\"ax-flex ax-flex-col\">\n    <ax-title class=\"ax-text-sm ax-font-medium ax-px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n</div>\n}\n" }]
+                        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\">\n  <div #avatar>\n    <axp-user-avatar [size]=\"48\" [userId]=\"(user$ | async)?.id!\"></axp-user-avatar>\n  </div>\n  <div class=\"ax-flex ax-flex-col\">\n    <ax-title class=\"ax-text-sm ax-font-medium ax-px-3\">{{ (user$ | async)?.title }}</ax-title>\n    <axp-tenant-chooser-dropdown />\n  </div>\n</div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { profilePopover: [{
                 type: ViewChild,
                 args: ['profilePopover']
@@ -505,12 +445,12 @@ function routesFacory() {
     routes = [
         {
             path: 'tenant-chooser',
-            loadComponent: () => import('./acorex-modules-auth-tenant-chooser.component-D9C6LCjn.mjs').then((c) => c.AXPAuthTenantChooserComponent),
+            loadComponent: () => import('./acorex-modules-auth-tenant-chooser.component-Ow7QtAWc.mjs').then((c) => c.AXPAuthTenantChooserComponent),
             canActivate: [AXPAuthGuard, canActivateTenantChooser],
         },
         {
             path: 'app-chooser',
-            loadComponent: () => import('./acorex-modules-auth-app-chooser.component-Ct-vco0y.mjs').then((c) => c.AXPAuthAppChooserComponent),
+            loadComponent: () => import('./acorex-modules-auth-app-chooser.component-DlYxDGQr.mjs').then((c) => c.AXPAuthAppChooserComponent),
             canActivate: [AXPAuthGuard, canActivateAppChooser],
         },
     ];
@@ -604,7 +544,7 @@ var account_module = /*#__PURE__*/Object.freeze({
 
 class AXMAuthModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMAuthModule, imports: [CommonModule, i1$2.AXPCommonModule, i2$1.RouterModule, AXPAccountModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMAuthModule, imports: [CommonModule, i1$2.AXPCommonModule, i2.RouterModule, AXPAccountModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAuthModule, providers: [
             AXMAuthErrorHandler,
             {
@@ -697,4 +637,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  */
 
 export { AXM_AUTH_CONFIG_TOKEN as A, AXMAuthenticationTypes as a, AXPTenantChooserDropdownComponent as b, AXPAppChooserListComponent as c, AXMUserDeviceSessionsService as d, AXMAuthErrorHandler as e, AXMDefaultAuthConfigs as f, configAuthModule as g, AXMAuthModule as h, AXPIdleService as i };
-//# sourceMappingURL=acorex-modules-auth-acorex-modules-auth-B1HTJdsE.mjs.map
+//# sourceMappingURL=acorex-modules-auth-acorex-modules-auth-DJZcD1j3.mjs.map