@volosoft/abp.ng.theme.lepton-x 2.2.0 → 2.3.0-rc.1

package/{fesm2020 → fesm2022}/volosoft-abp.ng.theme.lepton-x.mjs

@@ -4,7 +4,7 @@ import { ValidationErrorComponent, VALIDATION_ERROR_TEMPLATE, VALIDATION_INVALID
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@abp/ng.core';
-import { CoreModule, getLocaleDirection, NAVIGATE_TO_MANAGE_PROFILE, AuthService, ConfigStateService } from '@abp/ng.core';
+import { CoreModule, getLocaleDirection, NAVIGATE_TO_MANAGE_PROFILE, AuthService, ConfigStateService, ReplaceableComponentsService } from '@abp/ng.core';
 import * as i1$2 from '@angular/router';
 import { filter, switchMap, map } from 'rxjs/operators';
 import * as i4 from 'rxjs';
@@ -17,530 +17,549 @@ import { UserMenuService } from '@abp/ng.theme.shared';
 import * as i1$3 from '@volosoft/ngx-lepton-x/layouts';
 import { ThemeTranslateKeys, LpxModule } from '@volosoft/ngx-lepton-x';
 import { AbpNavbarService, LeptonXAbpCoreModule } from '@volo/abp.ng.lepton-x.core';
+import { AccountLayoutComponent } from '@volosoft/abp.ng.theme.lepton-x/account';
 
-class AbpValidationErrorComponent extends ValidationErrorComponent {
-    get abpErrors() {
-        if (!this.errors || !this.errors.length) {
-            return [];
-        }
-        return this.errors.map(error => {
-            if (!error.message) {
-                return error;
-            }
-            const index = error.message.indexOf('[');
-            if (index > -1) {
-                return {
-                    ...error,
-                    message: error.message.slice(0, index),
-                    interpoliteParams: error.message.slice(index + 1, error.message.length - 1).split(','),
-                };
-            }
-            return error;
-        });
-    }
-}
-AbpValidationErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpValidationErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AbpValidationErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AbpValidationErrorComponent, selector: "abp-validation-error", usesInheritance: true, ngImport: i0, template: `
+class AbpValidationErrorComponent extends ValidationErrorComponent {
+    get abpErrors() {
+        if (!this.errors || !this.errors.length) {
+            return [];
+        }
+        return this.errors.map(error => {
+            if (!error.message) {
+                return error;
+            }
+            const index = error.message.indexOf('[');
+            if (index > -1) {
+                return {
+                    ...error,
+                    message: error.message.slice(0, index),
+                    interpoliteParams: error.message.slice(index + 1, error.message.length - 1).split(','),
+                };
+            }
+            return error;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpValidationErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AbpValidationErrorComponent, selector: "abp-validation-error", usesInheritance: true, ngImport: i0, template: `
     <span class="text-danger" data-valmsg-for="Role.Name" data-valmsg-replace="true"
       ><span *ngFor="let error of abpErrors; trackBy: trackByFn">
         {{ error.message | abpLocalization: error.interpoliteParams }}</span
       ></span
     >
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$1.LocalizationPipe, name: "abpLocalization" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpValidationErrorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'abp-validation-error',
-                    // TODO: add validation error class to span
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$1.LocalizationPipe, name: "abpLocalization" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpValidationErrorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'abp-validation-error',
+                    // TODO: add validation error class to span
                     template: `
     <span class="text-danger" data-valmsg-for="Role.Name" data-valmsg-replace="true"
       ><span *ngFor="let error of abpErrors; trackBy: trackByFn">
         {{ error.message | abpLocalization: error.interpoliteParams }}</span
       ></span
     >
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                }]
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
         }] });
 
-class AbpValidationErrorModule {
-    static forRoot() {
-        return {
-            ngModule: AbpValidationErrorModule,
-            providers: [
-                {
-                    provide: VALIDATION_ERROR_TEMPLATE,
-                    useValue: AbpValidationErrorComponent,
-                },
-                {
-                    provide: VALIDATION_INVALID_CLASSES,
-                    useValue: 'is-invalid',
-                },
-                {
-                    provide: VALIDATION_TARGET_SELECTOR,
-                    useValue: '.form-group',
-                },
-            ],
-        };
-    }
-}
-AbpValidationErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpValidationErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AbpValidationErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AbpValidationErrorModule, declarations: [AbpValidationErrorComponent], imports: [CommonModule, CoreModule, NgxValidateCoreModule], exports: [AbpValidationErrorComponent, NgxValidateCoreModule] });
-AbpValidationErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpValidationErrorModule, imports: [CommonModule, CoreModule, NgxValidateCoreModule, NgxValidateCoreModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpValidationErrorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AbpValidationErrorComponent],
-                    imports: [CommonModule, CoreModule, NgxValidateCoreModule],
-                    exports: [AbpValidationErrorComponent, NgxValidateCoreModule],
-                }]
+class AbpValidationErrorModule {
+    static forRoot() {
+        return {
+            ngModule: AbpValidationErrorModule,
+            providers: [
+                {
+                    provide: VALIDATION_ERROR_TEMPLATE,
+                    useValue: AbpValidationErrorComponent,
+                },
+                {
+                    provide: VALIDATION_INVALID_CLASSES,
+                    useValue: 'is-invalid',
+                },
+                {
+                    provide: VALIDATION_TARGET_SELECTOR,
+                    useValue: '.form-group',
+                },
+            ],
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpValidationErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.4", ngImport: i0, type: AbpValidationErrorModule, declarations: [AbpValidationErrorComponent], imports: [CommonModule, CoreModule, NgxValidateCoreModule], exports: [AbpValidationErrorComponent, NgxValidateCoreModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpValidationErrorModule, imports: [CommonModule, CoreModule, NgxValidateCoreModule, NgxValidateCoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpValidationErrorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AbpValidationErrorComponent],
+                    imports: [CommonModule, CoreModule, NgxValidateCoreModule],
+                    exports: [AbpValidationErrorComponent, NgxValidateCoreModule],
+                }]
         }] });
 
-class HttpErrorComponent {
-    constructor() {
-        this.errorStatus = '401';
-    }
-    get errorStatusText() {
-        switch (this.errorStatus) {
-            case '401':
-                return 'AbpUi::401Message';
-            case '403':
-                return 'AbpUi::403Message';
-            case '404':
-                return 'AbpUi::404Message';
-            case '500':
-                return 'AbpUi::500Message';
-            default:
-                return '';
-        }
-    }
-    get errorDetail() {
-        switch (this.errorStatus) {
-            case '401':
-                return 'AbpUi::DefaultErrorMessage401Detail';
-            case '403':
-                return 'AbpUi::DefaultErrorMessage403Detail';
-            case '404':
-                return 'AbpUi::DefaultErrorMessage404Detail';
-            case '500':
-                return 'AbpUi::DefaultErrorMessage';
-            default:
-                return '';
-        }
-    }
-}
-HttpErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HttpErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HttpErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: HttpErrorComponent, selector: "abp-http-error", ngImport: i0, template: "<div class=\"error-page-container\">\r\n  <div class=\"row\">\r\n    <div class=\"col col-auto\">\r\n      <div class=\"status-icon\">\r\n        <i class=\"fa fa-frown-o text-danger\" aria-hidden=\"true\"></i>\r\n        <span></span>\r\n      </div>\r\n    </div>\r\n    <div class=\"col\">\r\n      <div class=\"status-content\">\r\n        <h1>{{ errorStatus }}</h1>\r\n        <h2 class=\"text-danger mb-0\">\r\n          {{ errorStatusText | abpLocalization\r\n          }}<small class=\"text-muted\">{{\r\n            errorDetail | abpLocalization\r\n          }}</small>\r\n        </h2>\r\n        <p class=\"mt-3 mb-4\"></p>\r\n        <a (click)=\"destroy$.next()\" routerLink=\"/\" class=\"btn btn-primary\">{{\r\n          'AbpUi::GoHomePage' | abpLocalization\r\n        }}</a>\r\n        <a\r\n          href=\"javascript:void(0)\"\r\n          class=\"mt-4 mb-1 d-block\"\r\n          (click)=\"destroy$.next()\"\r\n          ><i class=\"fa fa-long-arrow-left me-1\"></i\r\n          >{{ 'AbpUi::GoBack' | abpLocalization }}</a\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1$1.LocalizationPipe, name: "abpLocalization" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HttpErrorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'abp-http-error', template: "<div class=\"error-page-container\">\r\n  <div class=\"row\">\r\n    <div class=\"col col-auto\">\r\n      <div class=\"status-icon\">\r\n        <i class=\"fa fa-frown-o text-danger\" aria-hidden=\"true\"></i>\r\n        <span></span>\r\n      </div>\r\n    </div>\r\n    <div class=\"col\">\r\n      <div class=\"status-content\">\r\n        <h1>{{ errorStatus }}</h1>\r\n        <h2 class=\"text-danger mb-0\">\r\n          {{ errorStatusText | abpLocalization\r\n          }}<small class=\"text-muted\">{{\r\n            errorDetail | abpLocalization\r\n          }}</small>\r\n        </h2>\r\n        <p class=\"mt-3 mb-4\"></p>\r\n        <a (click)=\"destroy$.next()\" routerLink=\"/\" class=\"btn btn-primary\">{{\r\n          'AbpUi::GoHomePage' | abpLocalization\r\n        }}</a>\r\n        <a\r\n          href=\"javascript:void(0)\"\r\n          class=\"mt-4 mb-1 d-block\"\r\n          (click)=\"destroy$.next()\"\r\n          ><i class=\"fa fa-long-arrow-left me-1\"></i\r\n          >{{ 'AbpUi::GoBack' | abpLocalization }}</a\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+class HttpErrorComponent {
+    constructor() {
+        this.errorStatus = '401';
+    }
+    get errorStatusText() {
+        switch (this.errorStatus) {
+            case '401':
+                return 'AbpUi::401Message';
+            case '403':
+                return 'AbpUi::403Message';
+            case '404':
+                return 'AbpUi::404Message';
+            case '500':
+                return 'AbpUi::500Message';
+            default:
+                return '';
+        }
+    }
+    get errorDetail() {
+        switch (this.errorStatus) {
+            case '401':
+                return 'AbpUi::DefaultErrorMessage401Detail';
+            case '403':
+                return 'AbpUi::DefaultErrorMessage403Detail';
+            case '404':
+                return 'AbpUi::DefaultErrorMessage404Detail';
+            case '500':
+                return 'AbpUi::DefaultErrorMessage';
+            default:
+                return '';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: HttpErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: HttpErrorComponent, selector: "abp-http-error", ngImport: i0, template: "<div class=\"error-page-container\">\r\n  <div class=\"row\">\r\n    <div class=\"col col-auto\">\r\n      <div class=\"status-icon\">\r\n        <i class=\"fa fa-frown-o text-danger\" aria-hidden=\"true\"></i>\r\n        <span></span>\r\n      </div>\r\n    </div>\r\n    <div class=\"col\">\r\n      <div class=\"status-content\">\r\n        <h1>{{ errorStatus }}</h1>\r\n        <h2 class=\"text-danger mb-0\">\r\n          {{ errorStatusText | abpLocalization\r\n          }}<small class=\"text-muted\">{{\r\n            errorDetail | abpLocalization\r\n          }}</small>\r\n        </h2>\r\n        <p class=\"mt-3 mb-4\"></p>\r\n        <a (click)=\"destroy$.next()\" routerLink=\"/\" class=\"btn btn-primary\">{{\r\n          'AbpUi::GoHomePage' | abpLocalization\r\n        }}</a>\r\n        <a\r\n          href=\"javascript:void(0)\"\r\n          class=\"mt-4 mb-1 d-block\"\r\n          (click)=\"destroy$.next()\"\r\n          ><i class=\"fa fa-long-arrow-left me-1\"></i\r\n          >{{ 'AbpUi::GoBack' | abpLocalization }}</a\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1$1.LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: HttpErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-http-error', template: "<div class=\"error-page-container\">\r\n  <div class=\"row\">\r\n    <div class=\"col col-auto\">\r\n      <div class=\"status-icon\">\r\n        <i class=\"fa fa-frown-o text-danger\" aria-hidden=\"true\"></i>\r\n        <span></span>\r\n      </div>\r\n    </div>\r\n    <div class=\"col\">\r\n      <div class=\"status-content\">\r\n        <h1>{{ errorStatus }}</h1>\r\n        <h2 class=\"text-danger mb-0\">\r\n          {{ errorStatusText | abpLocalization\r\n          }}<small class=\"text-muted\">{{\r\n            errorDetail | abpLocalization\r\n          }}</small>\r\n        </h2>\r\n        <p class=\"mt-3 mb-4\"></p>\r\n        <a (click)=\"destroy$.next()\" routerLink=\"/\" class=\"btn btn-primary\">{{\r\n          'AbpUi::GoHomePage' | abpLocalization\r\n        }}</a>\r\n        <a\r\n          href=\"javascript:void(0)\"\r\n          class=\"mt-4 mb-1 d-block\"\r\n          (click)=\"destroy$.next()\"\r\n          ><i class=\"fa fa-long-arrow-left me-1\"></i\r\n          >{{ 'AbpUi::GoBack' | abpLocalization }}</a\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }] });
 
-class HttpErrorModule {
-    static forRoot() {
-        return {
-            ngModule: HttpErrorModule,
-            providers: [],
-        };
-    }
-}
-HttpErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HttpErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-HttpErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: HttpErrorModule, declarations: [HttpErrorComponent], imports: [CoreModule, CommonModule], exports: [HttpErrorComponent] });
-HttpErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HttpErrorModule, imports: [CoreModule, CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HttpErrorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [HttpErrorComponent],
-                    imports: [CoreModule, CommonModule],
-                    exports: [HttpErrorComponent],
-                }]
+class HttpErrorModule {
+    static forRoot() {
+        return {
+            ngModule: HttpErrorModule,
+            providers: [],
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: HttpErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.4", ngImport: i0, type: HttpErrorModule, declarations: [HttpErrorComponent], imports: [CoreModule, CommonModule], exports: [HttpErrorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: HttpErrorModule, imports: [CoreModule, CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: HttpErrorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HttpErrorComponent],
+                    imports: [CoreModule, CommonModule],
+                    exports: [HttpErrorComponent],
+                }]
         }] });
 
-var eUserMenuItems;
-(function (eUserMenuItems) {
-    eUserMenuItems["LinkedAccounts"] = "LinkedAccounts";
-    eUserMenuItems["MyAccount"] = "MyAccount";
-    eUserMenuItems["Logout"] = "Logout";
-    eUserMenuItems["SecurityLogs"] = "SecurityLogs";
-    eUserMenuItems["BackToImpersonator"] = "BackToImpersonator";
-    eUserMenuItems["AuthorityDelegation"] = "AuthorityDelegation";
+var eUserMenuItems;
+(function (eUserMenuItems) {
+    eUserMenuItems["LinkedAccounts"] = "LinkedAccounts";
+    eUserMenuItems["MyAccount"] = "MyAccount";
+    eUserMenuItems["Logout"] = "Logout";
+    eUserMenuItems["SecurityLogs"] = "SecurityLogs";
+    eUserMenuItems["BackToImpersonator"] = "BackToImpersonator";
+    eUserMenuItems["AuthorityDelegation"] = "AuthorityDelegation";
 })(eUserMenuItems || (eUserMenuItems = {}));
 
-class AbpSettingsService {
-    constructor(sessionService, configStateService, languageService, userProfileService, profilePicture$, navigateToManageProfile, navigateToMySecurityLogs, openMyLinkUsersModal, userMenuService) {
-        this.sessionService = sessionService;
-        this.configStateService = configStateService;
-        this.languageService = languageService;
-        this.userProfileService = userProfileService;
-        this.profilePicture$ = profilePicture$;
-        this.navigateToManageProfile = navigateToManageProfile;
-        this.navigateToMySecurityLogs = navigateToMySecurityLogs;
-        this.openMyLinkUsersModal = openMyLinkUsersModal;
-        this.userMenuService = userMenuService;
-    }
-    setUpListeners() {
-        this.listenToLangChange();
-        this.setLanguageOptions();
-        this.setUserProfile();
-        this.setProfilePicture();
-        this.setUserMenuGroups();
-    }
-    setUserProfile() {
-        const emptyStringOnNull = (value) => value || '';
-        const currentUser$ = this.configStateService
-            .getOne$('currentUser')
-            .pipe(filter(Boolean));
-        const currentTenant$ = this.configStateService
-            .getOne$('currentTenant')
-            .pipe(filter(Boolean));
-        combineLatest([currentUser$, currentTenant$]).subscribe(([currentUser, currentTenant]) => {
-            this.userProfileService.patchUser({
-                userName: currentUser.userName,
-                fullName: emptyStringOnNull(currentUser.name) +
-                    ' ' +
-                    emptyStringOnNull(currentUser.surName),
-                email: currentUser.email,
-                tenant: currentTenant,
-            });
-        });
-    }
-    setUserMenuGroups() {
-        this.userMenuService.items$.subscribe((userMenu) => {
-            const userActionGroups = userMenu.reduce((acc, curr, index) => {
-                const menuItem = {
-                    icon: curr.textTemplate?.icon,
-                    text: curr.textTemplate?.text,
-                    component: curr?.component,
-                    action: () => {
-                        curr.action();
-                        return of(true);
-                    },
-                    visible: curr.visible,
-                };
-                const setIndex = index === userMenu.length - 1 ? 1 : 0;
-                acc[setIndex].push(menuItem);
-                return acc;
-            }, [[], []]);
-            this.userProfileService.patchUser({
-                userActionGroups,
-            });
-        });
-    }
-    setProfilePicture() {
-        this.profilePicture$
-            .pipe(filter(Boolean))
-            .subscribe((avatar) => this.userProfileService.patchUser({
-            avatar: {
-                type: avatar.type,
-                source: avatar.source || '',
-            },
-        }));
-    }
-    setLanguageOptions() {
-        this.sessionService
-            .getLanguage$()
-            .pipe(switchMap((currentLang) => this.configStateService.getDeep$('localization.languages').pipe(filter(Boolean), map((languages) => languages.map(({ cultureName, ...rest }) => ({
-            ...rest,
-            cultureName,
-            selected: cultureName === currentLang,
-            isRTL: getLocaleDirection(cultureName) === 'rtl',
-        }))))))
-            .subscribe((settings) => {
-            this.languageService.setLanguages(settings);
-        });
-    }
-    listenToLangChange() {
-        this.languageService.selectedLanguage$
-            .pipe(filter(Boolean))
-            .subscribe((lang) => {
-            this.sessionService.setLanguage(lang?.cultureName || '');
-        });
-    }
-}
-AbpSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpSettingsService, deps: [{ token: i1$1.SessionStateService }, { token: i1$1.ConfigStateService }, { token: i2.LanguageService }, { token: i2.UserProfileService }, { token: PROFILE_PICTURE }, { token: NAVIGATE_TO_MANAGE_PROFILE }, { token: NAVIGATE_TO_MY_SECURITY_LOGS }, { token: OPEN_MY_LINK_USERS_MODAL, optional: true }, { token: i3.UserMenuService }], target: i0.ɵɵFactoryTarget.Injectable });
-AbpSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpSettingsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpSettingsService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$1.SessionStateService }, { type: i1$1.ConfigStateService }, { type: i2.LanguageService }, { type: i2.UserProfileService }, { type: i4.BehaviorSubject, decorators: [{
-                    type: Inject,
-                    args: [PROFILE_PICTURE]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [NAVIGATE_TO_MANAGE_PROFILE]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [NAVIGATE_TO_MY_SECURITY_LOGS]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [OPEN_MY_LINK_USERS_MODAL]
+class AbpSettingsService {
+    constructor(sessionService, configStateService, languageService, userProfileService, profilePicture$, navigateToManageProfile, navigateToMySecurityLogs, openMyLinkUsersModal, userMenuService) {
+        this.sessionService = sessionService;
+        this.configStateService = configStateService;
+        this.languageService = languageService;
+        this.userProfileService = userProfileService;
+        this.profilePicture$ = profilePicture$;
+        this.navigateToManageProfile = navigateToManageProfile;
+        this.navigateToMySecurityLogs = navigateToMySecurityLogs;
+        this.openMyLinkUsersModal = openMyLinkUsersModal;
+        this.userMenuService = userMenuService;
+    }
+    setUpListeners() {
+        this.listenToLangChange();
+        this.setLanguageOptions();
+        this.setUserProfile();
+        this.setProfilePicture();
+        this.setUserMenuGroups();
+    }
+    setUserProfile() {
+        const emptyStringOnNull = (value) => value || '';
+        const currentUser$ = this.configStateService
+            .getOne$('currentUser')
+            .pipe(filter(Boolean));
+        const currentTenant$ = this.configStateService
+            .getOne$('currentTenant')
+            .pipe(filter(Boolean));
+        combineLatest([currentUser$, currentTenant$]).subscribe(([currentUser, currentTenant]) => {
+            this.userProfileService.patchUser({
+                userName: currentUser.userName,
+                fullName: emptyStringOnNull(currentUser.name) +
+                    ' ' +
+                    emptyStringOnNull(currentUser.surName),
+                email: currentUser.email,
+                tenant: currentTenant,
+            });
+        });
+    }
+    setUserMenuGroups() {
+        this.userMenuService.items$.subscribe((userMenu) => {
+            const userActionGroups = userMenu.reduce((acc, curr, index) => {
+                const menuItem = {
+                    icon: curr.textTemplate?.icon,
+                    text: curr.textTemplate?.text,
+                    component: curr?.component,
+                    action: () => {
+                        curr.action();
+                        return of(true);
+                    },
+                    visible: curr.visible,
+                };
+                const setIndex = index === userMenu.length - 1 ? 1 : 0;
+                acc[setIndex].push(menuItem);
+                return acc;
+            }, [[], []]);
+            this.userProfileService.patchUser({
+                userActionGroups,
+            });
+        });
+    }
+    setProfilePicture() {
+        this.profilePicture$
+            .pipe(filter(Boolean))
+            .subscribe((avatar) => this.userProfileService.patchUser({
+            avatar: {
+                type: avatar.type,
+                source: avatar.source || '',
+            },
+        }));
+    }
+    setLanguageOptions() {
+        this.sessionService
+            .getLanguage$()
+            .pipe(switchMap((currentLang) => this.configStateService.getDeep$('localization.languages').pipe(filter(Boolean), map((languages) => languages.map(({ cultureName, ...rest }) => ({
+            ...rest,
+            cultureName,
+            selected: cultureName === currentLang,
+            isRTL: getLocaleDirection(cultureName) === 'rtl',
+        }))))))
+            .subscribe((settings) => {
+            this.languageService.setLanguages(settings);
+        });
+    }
+    listenToLangChange() {
+        this.languageService.selectedLanguage$
+            .pipe(filter(Boolean))
+            .subscribe((lang) => {
+            this.sessionService.setLanguage(lang?.cultureName || '');
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpSettingsService, deps: [{ token: i1$1.SessionStateService }, { token: i1$1.ConfigStateService }, { token: i2.LanguageService }, { token: i2.UserProfileService }, { token: PROFILE_PICTURE }, { token: NAVIGATE_TO_MANAGE_PROFILE }, { token: NAVIGATE_TO_MY_SECURITY_LOGS }, { token: OPEN_MY_LINK_USERS_MODAL, optional: true }, { token: i3.UserMenuService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpSettingsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpSettingsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1$1.SessionStateService }, { type: i1$1.ConfigStateService }, { type: i2.LanguageService }, { type: i2.UserProfileService }, { type: i4.BehaviorSubject, decorators: [{
+                    type: Inject,
+                    args: [PROFILE_PICTURE]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NAVIGATE_TO_MANAGE_PROFILE]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NAVIGATE_TO_MY_SECURITY_LOGS]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [OPEN_MY_LINK_USERS_MODAL]
                 }] }, { type: i3.UserMenuService }]; } });
 
-class AbpToolbarService {
-    constructor(toolbar, navItems, permissionService) {
-        this.toolbar = toolbar;
-        this.navItems = navItems;
-        this.permissionService = permissionService;
-    }
-    listenNavItems() {
-        this.navItems.items$
-            .pipe(switchMap((items) => this.permissionService.filterItemsByPolicy$(items)))
-            .subscribe((items) => {
-            this.toolbar.setItems(items);
-        });
-    }
-}
-AbpToolbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpToolbarService, deps: [{ token: i1$3.ToolbarService }, { token: i3.NavItemsService }, { token: i1$1.PermissionService }], target: i0.ɵɵFactoryTarget.Injectable });
-AbpToolbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpToolbarService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpToolbarService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class AbpToolbarService {
+    constructor(toolbar, navItems, permissionService) {
+        this.toolbar = toolbar;
+        this.navItems = navItems;
+        this.permissionService = permissionService;
+    }
+    listenNavItems() {
+        this.navItems.items$
+            .pipe(switchMap((items) => this.permissionService.filterItemsByPolicy$(items)))
+            .subscribe((items) => {
+            this.toolbar.setItems(items);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpToolbarService, deps: [{ token: i1$3.ToolbarService }, { token: i3.NavItemsService }, { token: i1$1.PermissionService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpToolbarService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpToolbarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: i1$3.ToolbarService }, { type: i3.NavItemsService }, { type: i1$1.PermissionService }]; } });
 
 const LPX_TRANSLATE_KEY_MAP_TOKEN = new InjectionToken('LPX_TRANSLATE_KEY_MAP_TOKEN');
 
-class AbpTranslateService {
-    constructor(localization, translateKeys) {
-        this.localization = localization;
-        this.translateKeys = translateKeys;
-    }
-    get(key, defaultValue) {
-        const keyToTranslate = this.getKey(key);
-        if (keyToTranslate) {
-            return this.localization.instant({
-                key: keyToTranslate,
-                defaultValue,
-            });
-        }
-        return defaultValue || key;
-    }
-    get$(key, defaultValue) {
-        const keyToTranslate = this.getKey(key);
-        if (keyToTranslate) {
-            return this.localization.get({
-                key: keyToTranslate,
-                defaultValue,
-            });
-        }
-        return of(defaultValue || key);
-    }
-    getKey(key) {
-        const keys = flatArrayDeepToObject(this.translateKeys);
-        return keys[key] ? keys[key] : key.includes('::') ? key : undefined;
-    }
-}
-AbpTranslateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpTranslateService, deps: [{ token: i1$1.LocalizationService }, { token: LPX_TRANSLATE_KEY_MAP_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
-AbpTranslateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpTranslateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpTranslateService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }, { type: Array, decorators: [{
-                    type: Inject,
-                    args: [LPX_TRANSLATE_KEY_MAP_TOKEN]
+class AbpTranslateService {
+    constructor(localization, translateKeys) {
+        this.localization = localization;
+        this.translateKeys = translateKeys;
+    }
+    get(key, defaultValue) {
+        const keyToTranslate = this.getKey(key);
+        if (keyToTranslate) {
+            return this.localization.instant({
+                key: keyToTranslate,
+                defaultValue,
+            });
+        }
+        return defaultValue || key;
+    }
+    get$(key, defaultValue) {
+        const keyToTranslate = this.getKey(key);
+        if (keyToTranslate) {
+            return this.localization.get({
+                key: keyToTranslate,
+                defaultValue,
+            });
+        }
+        return of(defaultValue || key);
+    }
+    getKey(key) {
+        const keys = flatArrayDeepToObject(this.translateKeys);
+        return keys[key] ? keys[key] : key.includes('::') ? key : undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpTranslateService, deps: [{ token: i1$1.LocalizationService }, { token: LPX_TRANSLATE_KEY_MAP_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpTranslateService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpTranslateService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }, { type: Array, decorators: [{
+                    type: Inject,
+                    args: [LPX_TRANSLATE_KEY_MAP_TOKEN]
                 }] }]; } });
 
-class AbpAuthService {
-    constructor(userProfileService, authService) {
-        this.userProfileService = userProfileService;
-        this.authService = authService;
-        this.isUserExists$ = this.userProfileService.user$.pipe(map((user) => user && !!user.userName));
-    }
-    navigateToLogin() {
-        this.authService.navigateToLogin();
-    }
-}
-AbpAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpAuthService, deps: [{ token: i2.UserProfileService }, { token: i1$1.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-AbpAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpAuthService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AbpAuthService, decorators: [{
-            type: Injectable
+class AbpAuthService {
+    constructor(userProfileService, authService) {
+        this.userProfileService = userProfileService;
+        this.authService = authService;
+        this.isUserExists$ = this.userProfileService.user$.pipe(map((user) => user && !!user.userName));
+    }
+    navigateToLogin() {
+        this.authService.navigateToLogin();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpAuthService, deps: [{ token: i2.UserProfileService }, { token: i1$1.AuthService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpAuthService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AbpAuthService, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i2.UserProfileService }, { type: i1$1.AuthService }]; } });
 
-const LPX_STYLE_PROVIDER = {
-    provide: APP_INITIALIZER,
-    useFactory: initStyles,
-    multi: true,
-};
-function initStyles() {
-    function init() {
-        const loader = document.querySelector('#lp-page-loader');
-        if (loader) {
-            loader.style.background = 'var(--background)';
-            setTimeout(() => loader.parentNode?.removeChild(loader), 500);
-        }
-        return Promise.resolve();
-    }
-    return init;
+const LPX_STYLE_PROVIDER = {
+    provide: APP_INITIALIZER,
+    useFactory: initStyles,
+    multi: true,
+};
+function initStyles() {
+    function init() {
+        const loader = document.querySelector('#lp-page-loader');
+        if (loader) {
+            loader.style.background = 'var(--background)';
+            setTimeout(() => loader.parentNode?.removeChild(loader), 500);
+        }
+        return Promise.resolve();
+    }
+    return init;
 }
 
-const INIT_SERVICE_PROVIDER = {
-    provide: APP_INITIALIZER,
-    useFactory: initServices,
-    deps: [AbpNavbarService, AbpToolbarService, AbpSettingsService],
-    multi: true,
-};
-function initServices(navbar, abpToolbar, setting) {
-    function init() {
-        abpToolbar.listenNavItems();
-        setting.setUpListeners();
-        navbar.initRoutes();
-    }
-    return init;
+const INIT_SERVICE_PROVIDER = {
+    provide: APP_INITIALIZER,
+    useFactory: initServices,
+    deps: [AbpNavbarService, AbpToolbarService, AbpSettingsService],
+    multi: true,
+};
+function initServices(navbar, abpToolbar, setting) {
+    function init() {
+        abpToolbar.listenNavItems();
+        setting.setUpListeners();
+        navbar.initRoutes();
+    }
+    return init;
 }
 
-const LPX_TRANSLATE_PROVIDER = {
-    provide: LPX_TRANSLATE_SERVICE_TOKEN,
-    useClass: AbpTranslateService,
-};
-const translateKeys = {
-    [LanguageTranslateKeys.SettingsTitle]: 'LeptonX::Language',
-    [ThemeTranslateKeys.AppearanceTitle]: 'LeptonX::Appearance',
-    [ThemeTranslateKeys.DarkMode]: 'LeptonX::Theme:dark',
-    [ThemeTranslateKeys.LightMode]: 'LeptonX::Theme:light',
-    [ThemeTranslateKeys.SemiDarkMode]: 'LeptonX::Theme:dim',
-    [ThemeTranslateKeys.System]: 'LeptonX::Theme:system',
-};
-const LPX_TRANSLATE_KEYS_PROVIDER = {
-    provide: LPX_TRANSLATE_KEY_MAP_TOKEN,
-    multi: true,
-    useValue: translateKeys,
+const LPX_TRANSLATE_PROVIDER = {
+    provide: LPX_TRANSLATE_SERVICE_TOKEN,
+    useClass: AbpTranslateService,
+};
+const translateKeys = {
+    [LanguageTranslateKeys.SettingsTitle]: 'LeptonX::Language',
+    [ThemeTranslateKeys.AppearanceTitle]: 'LeptonX::Appearance',
+    [ThemeTranslateKeys.DarkMode]: 'LeptonX::Theme:dark',
+    [ThemeTranslateKeys.LightMode]: 'LeptonX::Theme:light',
+    [ThemeTranslateKeys.SemiDarkMode]: 'LeptonX::Theme:dim',
+    [ThemeTranslateKeys.System]: 'LeptonX::Theme:system',
 };
+const LPX_TRANSLATE_KEYS_PROVIDER = {
+    provide: LPX_TRANSLATE_KEY_MAP_TOKEN,
+    multi: true,
+    useValue: translateKeys,
+};
+
+const LEPTON_X_USER_MENU_PROVIDERS = [
+    {
+        provide: APP_INITIALIZER,
+        useFactory: configureUserMenu,
+        deps: [Injector],
+        multi: true,
+    },
+];
+function configureUserMenu(injector) {
+    const userMenu = injector.get(UserMenuService);
+    const authService = injector.get(AuthService);
+    const navigateToManageProfile = injector.get(NAVIGATE_TO_MANAGE_PROFILE);
+    const navigateToMySecurityLogs = injector.get(NAVIGATE_TO_MY_SECURITY_LOGS);
+    const configStateService = injector.get(ConfigStateService);
+    const impersonateService = injector.get(ImpersonationService);
+    const openMyLinkUsersModal = injector.get(OPEN_MY_LINK_USERS_MODAL, null);
+    const openAuthorityDelegationModal = injector.get(OPEN_AUTHORITY_DELEGATION_MODAL, null);
+    return () => {
+        userMenu.addItems([
+            {
+                id: eUserMenuItems.LinkedAccounts,
+                order: 100,
+                textTemplate: {
+                    icon: 'bi bi-link',
+                    text: 'AbpAccount::LinkedAccounts',
+                },
+                action: () => openMyLinkUsersModal(),
+                visible: () => !!openMyLinkUsersModal,
+            },
+            {
+                id: eUserMenuItems.AuthorityDelegation,
+                order: 100,
+                textTemplate: {
+                    text: 'AbpAccount::AuthorityDelegation',
+                    icon: 'fa fa-users',
+                },
+                action: () => openAuthorityDelegationModal(),
+            },
+            {
+                id: eUserMenuItems.MyAccount,
+                order: 100,
+                textTemplate: {
+                    icon: 'bi bi-sliders',
+                    text: 'AbpAccount::MyAccount',
+                },
+                action: () => navigateToManageProfile(),
+            },
+            {
+                id: eUserMenuItems.SecurityLogs,
+                order: 100,
+                textTemplate: {
+                    icon: 'bi bi-list-ul',
+                    text: 'AbpAccount::MySecurityLogs',
+                },
+                action: () => navigateToMySecurityLogs(),
+            },
+            {
+                id: eUserMenuItems.Logout,
+                order: 102,
+                textTemplate: {
+                    icon: 'bi bi-box-arrow-right',
+                    text: 'AbpUi::Logout',
+                },
+                action: () => {
+                    authService.logout().subscribe();
+                },
+            },
+            {
+                id: eUserMenuItems.BackToImpersonator,
+                order: 101,
+                textTemplate: {
+                    text: 'AbpAccount::BackToImpersonator',
+                    icon: 'fa fa-arrow-left',
+                },
+                visible: () => {
+                    const { currentUser: { impersonatorUserId: userId }, } = configStateService.getAll();
+                    return !!userId;
+                },
+                action: () => impersonateService.impersonate({}).subscribe(),
+            },
+        ]);
+    };
+}
 
-const LEPTON_X_USER_MENU_PROVIDERS = [
-    {
-        provide: APP_INITIALIZER,
-        useFactory: configureUserMenu,
-        deps: [Injector],
-        multi: true,
-    },
-];
-function configureUserMenu(injector) {
-    const userMenu = injector.get(UserMenuService);
-    const authService = injector.get(AuthService);
-    const navigateToManageProfile = injector.get(NAVIGATE_TO_MANAGE_PROFILE);
-    const navigateToMySecurityLogs = injector.get(NAVIGATE_TO_MY_SECURITY_LOGS);
-    const configStateService = injector.get(ConfigStateService);
-    const impersonateService = injector.get(ImpersonationService);
-    const openMyLinkUsersModal = injector.get(OPEN_MY_LINK_USERS_MODAL, null);
-    const openAuthorityDelegationModal = injector.get(OPEN_AUTHORITY_DELEGATION_MODAL, null);
-    return () => {
-        userMenu.addItems([
-            {
-                id: eUserMenuItems.LinkedAccounts,
-                order: 100,
-                textTemplate: {
-                    icon: 'bi bi-link',
-                    text: 'AbpAccount::LinkedAccounts',
-                },
-                action: () => openMyLinkUsersModal(),
-                visible: () => !!openMyLinkUsersModal,
-            },
-            {
-                id: eUserMenuItems.AuthorityDelegation,
-                order: 100,
-                textTemplate: {
-                    text: 'AbpAccount::AuthorityDelegation',
-                    icon: 'fa fa-users',
-                },
-                action: () => openAuthorityDelegationModal(),
-            },
-            {
-                id: eUserMenuItems.MyAccount,
-                order: 100,
-                textTemplate: {
-                    icon: 'bi bi-sliders',
-                    text: 'AbpAccount::MyAccount',
-                },
-                action: () => navigateToManageProfile(),
-            },
-            {
-                id: eUserMenuItems.SecurityLogs,
-                order: 100,
-                textTemplate: {
-                    icon: 'bi bi-list-ul',
-                    text: 'AbpAccount::MySecurityLogs',
-                },
-                action: () => navigateToMySecurityLogs(),
-            },
-            {
-                id: eUserMenuItems.Logout,
-                order: 102,
-                textTemplate: {
-                    icon: 'bi bi-box-arrow-right',
-                    text: 'AbpUi::Logout',
-                },
-                action: () => {
-                    authService.logout().subscribe();
-                },
-            },
-            {
-                id: eUserMenuItems.BackToImpersonator,
-                order: 101,
-                textTemplate: {
-                    text: 'AbpAccount::BackToImpersonator',
-                    icon: 'fa fa-arrow-left',
-                },
-                visible: () => {
-                    const { currentUser: { impersonatorUserId: userId }, } = configStateService.getAll();
-                    return !!userId;
-                },
-                action: () => impersonateService.impersonate({}).subscribe(),
-            },
-        ]);
-    };
+const ACCOUNT_LAYOUT_PROVIDER = {
+    provide: APP_INITIALIZER,
+    useFactory: initAccountLayout,
+    deps: [Injector],
+    multi: true,
+};
+function initAccountLayout(injector) {
+    function init() {
+        const replaceableComponents = injector.get(ReplaceableComponentsService);
+        replaceableComponents.add({
+            key: "Theme.AccountLayoutComponent" /* eThemeLeptonXComponents.AccountLayout */,
+            component: AccountLayoutComponent,
+        });
+    }
+    return init;
 }
 
-class ThemeLeptonXModule {
-    static forRoot(options) {
-        return {
-            ngModule: ThemeLeptonXModule,
-            providers: [
-                LPX_STYLE_PROVIDER,
-                PROFILE_PICTURE_PROVIDERS,
-                LEPTON_X_USER_MENU_PROVIDERS,
-                INIT_SERVICE_PROVIDER,
-                AbpValidationErrorModule.forRoot().providers,
-                // TODO: muhammed: Create an injection token for theme settings
-                LpxModule.forRoot({
-                    ...createLpxModuleOptions(options),
-                }).providers,
-                LPX_TRANSLATE_KEYS_PROVIDER,
-                LPX_TRANSLATE_PROVIDER,
-                LeptonXAbpCoreModule.forRoot().providers,
-            ],
-        };
-    }
-}
-ThemeLeptonXModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ThemeLeptonXModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ThemeLeptonXModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ThemeLeptonXModule, imports: [HttpErrorModule], exports: [HttpErrorModule] });
-ThemeLeptonXModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ThemeLeptonXModule, imports: [HttpErrorModule, HttpErrorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ThemeLeptonXModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [HttpErrorModule],
-                    exports: [HttpErrorModule],
-                }]
-        }] });
-function createLpxModuleOptions(options) {
-    return {
-        ...options,
-        styleFactory: (styles) => {
-            styles.push({
-                bundleName: 'abp-bundle',
-            });
-            if (options?.styleFactory) {
-                return options.styleFactory(styles);
-            }
-            return styles;
-        },
-    };
+class ThemeLeptonXModule {
+    static forRoot(options) {
+        return {
+            ngModule: ThemeLeptonXModule,
+            providers: [
+                LPX_STYLE_PROVIDER,
+                PROFILE_PICTURE_PROVIDERS,
+                LEPTON_X_USER_MENU_PROVIDERS,
+                INIT_SERVICE_PROVIDER,
+                AbpValidationErrorModule.forRoot().providers,
+                // TODO: muhammed: Create an injection token for theme settings
+                LpxModule.forRoot({
+                    ...createLpxModuleOptions(options),
+                }).providers,
+                LPX_TRANSLATE_KEYS_PROVIDER,
+                LPX_TRANSLATE_PROVIDER,
+                LeptonXAbpCoreModule.forRoot().providers,
+                ACCOUNT_LAYOUT_PROVIDER,
+            ],
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: ThemeLeptonXModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.4", ngImport: i0, type: ThemeLeptonXModule, imports: [HttpErrorModule], exports: [HttpErrorModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: ThemeLeptonXModule, imports: [HttpErrorModule, HttpErrorModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: ThemeLeptonXModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [HttpErrorModule],
+                    exports: [HttpErrorModule],
+                }]
+        }] });
+function createLpxModuleOptions(options) {
+    return {
+        ...options,
+        styleFactory: (styles) => {
+            styles.push({
+                bundleName: 'abp-bundle',
+            });
+            if (options?.styleFactory) {
+                return options.styleFactory(styles);
+            }
+            return styles;
+        },
+    };
 }
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AbpAuthService, AbpSettingsService, AbpToolbarService, AbpTranslateService, AbpValidationErrorComponent, AbpValidationErrorModule, HttpErrorComponent, HttpErrorModule, LPX_TRANSLATE_KEY_MAP_TOKEN, ThemeLeptonXModule, eUserMenuItems };