@volosoft/abp.ng.theme.lepton-x 1.0.0-rc.4 → 1.0.0-rc.6

package/fesm2015/volosoft-abp.ng.theme.lepton-x.mjs

@@ -1,24 +1,23 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule, Injectable, Inject, Optional, APP_INITIALIZER } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule, Injectable, Inject, Optional, InjectionToken, APP_INITIALIZER, Injector } from '@angular/core';
 import { ValidationErrorComponent, VALIDATION_ERROR_TEMPLATE, VALIDATION_INVALID_CLASSES, VALIDATION_TARGET_SELECTOR, NgxValidateCoreModule } from '@ngx-validate/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@abp/ng.core';
-import { CoreModule, NAVIGATE_TO_MANAGE_PROFILE } from '@abp/ng.core';
+import { CoreModule, getLocaleDirection, NAVIGATE_TO_MANAGE_PROFILE, AuthService } from '@abp/ng.core';
 import * as i1$1 from '@angular/router';
 import * as i1$2 from '@abp/ng.theme.shared';
-import { ThemeSharedModule } from '@abp/ng.theme.shared';
+import { ThemeSharedModule, UserMenuService } from '@abp/ng.theme.shared';
 import { filter, switchMap, map } from 'rxjs/operators';
-import * as i3 from 'rxjs';
-import { zip, of } from 'rxjs';
+import * as i4 from 'rxjs';
+import { of } from 'rxjs';
 import { PROFILE_PICTURE, NAVIGATE_TO_MY_SECURITY_LOGS, OPEN_MY_LINK_USERS_MODAL, PROFILE_PICTURE_PROVIDERS } from '@volo/abp.commercial.ng.ui/config';
 import * as i2$1 from '@volo/ngx-lepton-x.core';
-import { LPX_TRANSLATE_SERVICE_TOKEN } from '@volo/ngx-lepton-x.core';
+import { flatArrayDeepToObject, LPX_TRANSLATE_SERVICE_TOKEN, LanguageTranslateKeys } from '@volo/ngx-lepton-x.core';
 import * as i1$3 from '@volosoft/ngx-lepton-x/layouts';
 import { PageParts, PAGE_RENDER_STRATEGY } from '@abp/ng.components/page';
-import { LpxModule } from '@volosoft/ngx-lepton-x';
-import { themeLeptonXStyleLoader } from '@volosoft/abp.ng.theme.lepton-x/styles';
-import { AbpNavbarService } from '@volo/abp.ng.lepton-x.core';
+import { ThemeTranslateKeys, LpxModule } from '@volosoft/ngx-lepton-x';
+import { AbpNavbarService, LeptonXAbpCoreModule } from '@volo/abp.ng.lepton-x.core';
 
 class AbpValidationErrorComponent extends ValidationErrorComponent {
     get abpErrors() {
@@ -37,15 +36,15 @@ class AbpValidationErrorComponent extends ValidationErrorComponent {
         });
     }
 }
-AbpValidationErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpValidationErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AbpValidationErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AbpValidationErrorComponent, selector: "abp-validation-error", usesInheritance: true, ngImport: i0, template: `
+AbpValidationErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpValidationErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+AbpValidationErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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, directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "abpLocalization": i1.LocalizationPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpValidationErrorComponent, decorators: [{
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpValidationErrorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'abp-validation-error',
@@ -83,10 +82,10 @@ class AbpValidationErrorModule {
         };
     }
 }
-AbpValidationErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpValidationErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AbpValidationErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpValidationErrorModule, declarations: [AbpValidationErrorComponent], imports: [CommonModule, CoreModule, NgxValidateCoreModule], exports: [AbpValidationErrorComponent, NgxValidateCoreModule] });
-AbpValidationErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpValidationErrorModule, imports: [[CommonModule, CoreModule, NgxValidateCoreModule], NgxValidateCoreModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpValidationErrorModule, decorators: [{
+AbpValidationErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpValidationErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AbpValidationErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: AbpValidationErrorModule, declarations: [AbpValidationErrorComponent], imports: [CommonModule, CoreModule, NgxValidateCoreModule], exports: [AbpValidationErrorComponent, NgxValidateCoreModule] });
+AbpValidationErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpValidationErrorModule, imports: [CommonModule, CoreModule, NgxValidateCoreModule, NgxValidateCoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpValidationErrorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AbpValidationErrorComponent],
@@ -128,9 +127,9 @@ class HttpErrorComponent {
         }
     }
 }
-HttpErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: HttpErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HttpErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", 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", directives: [{ type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "abpLocalization": i1.LocalizationPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: HttpErrorComponent, decorators: [{
+HttpErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HttpErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HttpErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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" }]
         }] });
@@ -143,10 +142,10 @@ class HttpErrorModule {
         };
     }
 }
-HttpErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: HttpErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-HttpErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: HttpErrorModule, declarations: [HttpErrorComponent], imports: [CoreModule, CommonModule], exports: [HttpErrorComponent] });
-HttpErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: HttpErrorModule, imports: [[CoreModule, CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: HttpErrorModule, decorators: [{
+HttpErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HttpErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HttpErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: HttpErrorModule, declarations: [HttpErrorComponent], imports: [CoreModule, CommonModule], exports: [HttpErrorComponent] });
+HttpErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HttpErrorModule, imports: [CoreModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HttpErrorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [HttpErrorComponent],
@@ -160,19 +159,19 @@ class PageAlertContainerComponent {
         this.service = service;
     }
 }
-PageAlertContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PageAlertContainerComponent, deps: [{ token: i1$2.PageAlertService }], target: i0.ɵɵFactoryTarget.Component });
-PageAlertContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PageAlertContainerComponent, selector: "abp-page-alert-container", ngImport: i0, template: "<ng-container *ngFor=\"let alert of service.alerts$ | async; let i = index\">\r\n  <div\r\n    class=\"alert alert-{{ alert.type }} fade show\"\r\n    [ngClass]=\"{ 'alert-dismissible fade show': alert.dismissible }\"\r\n    role=\"alert\"\r\n  >\r\n    <h4 class=\"alert-heading\" *ngIf=\"alert.title\">\r\n      {{ alert.title | abpLocalization: alert.titleLocalizationParams }}\r\n    </h4>\r\n    {{ alert.message | abpLocalization: alert.messageLocalizationParams }}\r\n    <button\r\n      *ngIf=\"alert.dismissible\"\r\n      type=\"button\"\r\n      class=\"close\"\r\n      data-dismiss=\"alert\"\r\n      aria-label=\"Close\"\r\n      (click)=\"service.remove(i)\"\r\n    >\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n</ng-container>\r\n", directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe, "abpLocalization": i1.LocalizationPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PageAlertContainerComponent, decorators: [{
+PageAlertContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PageAlertContainerComponent, deps: [{ token: i1$2.PageAlertService }], target: i0.ɵɵFactoryTarget.Component });
+PageAlertContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: PageAlertContainerComponent, selector: "abp-page-alert-container", ngImport: i0, template: "<ng-container *ngFor=\"let alert of service.alerts$ | async; let i = index\">\r\n  <div\r\n    class=\"alert alert-{{ alert.type }} fade show\"\r\n    [ngClass]=\"{ 'alert-dismissible fade show': alert.dismissible }\"\r\n    role=\"alert\"\r\n  >\r\n    <h4 class=\"alert-heading\" *ngIf=\"alert.title\">\r\n      {{ alert.title | abpLocalization: alert.titleLocalizationParams }}\r\n    </h4>\r\n    {{ alert.message | abpLocalization: alert.messageLocalizationParams }}\r\n    <button\r\n      *ngIf=\"alert.dismissible\"\r\n      type=\"button\"\r\n      class=\"close\"\r\n      data-dismiss=\"alert\"\r\n      aria-label=\"Close\"\r\n      (click)=\"service.remove(i)\"\r\n    >\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PageAlertContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'abp-page-alert-container', template: "<ng-container *ngFor=\"let alert of service.alerts$ | async; let i = index\">\r\n  <div\r\n    class=\"alert alert-{{ alert.type }} fade show\"\r\n    [ngClass]=\"{ 'alert-dismissible fade show': alert.dismissible }\"\r\n    role=\"alert\"\r\n  >\r\n    <h4 class=\"alert-heading\" *ngIf=\"alert.title\">\r\n      {{ alert.title | abpLocalization: alert.titleLocalizationParams }}\r\n    </h4>\r\n    {{ alert.message | abpLocalization: alert.messageLocalizationParams }}\r\n    <button\r\n      *ngIf=\"alert.dismissible\"\r\n      type=\"button\"\r\n      class=\"close\"\r\n      data-dismiss=\"alert\"\r\n      aria-label=\"Close\"\r\n      (click)=\"service.remove(i)\"\r\n    >\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n</ng-container>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1$2.PageAlertService }]; } });
 
 class PageAlertContainerModule {
 }
-PageAlertContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PageAlertContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PageAlertContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PageAlertContainerModule, declarations: [PageAlertContainerComponent], imports: [ThemeSharedModule, CoreModule], exports: [PageAlertContainerComponent] });
-PageAlertContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PageAlertContainerModule, imports: [[ThemeSharedModule, CoreModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PageAlertContainerModule, decorators: [{
+PageAlertContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PageAlertContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PageAlertContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: PageAlertContainerModule, declarations: [PageAlertContainerComponent], imports: [ThemeSharedModule, CoreModule], exports: [PageAlertContainerComponent] });
+PageAlertContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PageAlertContainerModule, imports: [ThemeSharedModule, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PageAlertContainerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PageAlertContainerComponent],
@@ -181,8 +180,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+var eUserMenuItems;
+(function (eUserMenuItems) {
+    eUserMenuItems["LinkedAccounts"] = "LinkedAccounts";
+    eUserMenuItems["MyAccount"] = "MyAccount";
+    eUserMenuItems["Logout"] = "Logout";
+    eUserMenuItems["SecurityLogs"] = "SecurityLogs";
+})(eUserMenuItems || (eUserMenuItems = {}));
+
 class AbpSettingsService {
-    constructor(sessionService, configStateService, languageService, authService, userProfileService, profilePicture$, navigateToManageProfile, navigateToMySecurityLogs, openMyLinkUsersModal, localizationService) {
+    constructor(sessionService, configStateService, languageService, authService, userProfileService, profilePicture$, navigateToManageProfile, navigateToMySecurityLogs, openMyLinkUsersModal, localizationService, userMenuService) {
         this.sessionService = sessionService;
         this.configStateService = configStateService;
         this.languageService = languageService;
@@ -193,6 +200,7 @@ class AbpSettingsService {
         this.navigateToMySecurityLogs = navigateToMySecurityLogs;
         this.openMyLinkUsersModal = openMyLinkUsersModal;
         this.localizationService = localizationService;
+        this.userMenuService = userMenuService;
     }
     setUpListeners() {
         this.listenToLangChange();
@@ -215,44 +223,24 @@ class AbpSettingsService {
         }));
     }
     setUserMenuGroups() {
-        zip(this.localizationService.get('AbpAccount::LinkedAccounts'), this.localizationService.get('AbpAccount::MyAccount'), this.localizationService.get('AbpAccount::MySecurityLogs'), this.localizationService.get('AbpUi::Logout')).subscribe(([linkedAccountsText, myAccountText, mySecurityLogsText, logoutText]) => {
+        this.userMenuService.items$.subscribe((userMenu) => {
+            const userActionGroups = userMenu.reduce((acc, curr, index) => {
+                var _a, _b;
+                const menuItem = {
+                    icon: (_a = curr.textTemplate) === null || _a === void 0 ? void 0 : _a.icon,
+                    text: (_b = curr.textTemplate) === null || _b === void 0 ? void 0 : _b.text,
+                    component: curr === null || curr === void 0 ? void 0 : curr.component,
+                    action: () => {
+                        curr.action();
+                        return of(true);
+                    },
+                };
+                const setIndex = index === userMenu.length - 1 ? 1 : 0;
+                acc[setIndex].push(menuItem);
+                return acc;
+            }, [[], []]);
             this.userProfileService.patchUser({
-                userActionGroups: [
-                    [
-                        ...(this.openMyLinkUsersModal
-                            ? [
-                                {
-                                    icon: 'bi bi-link',
-                                    text: linkedAccountsText,
-                                    action: () => this.openMyLinkUsersModal(),
-                                },
-                            ]
-                            : []),
-                        {
-                            icon: 'bi bi-sliders',
-                            text: myAccountText,
-                            action: () => {
-                                this.navigateToManageProfile();
-                                return of(true);
-                            },
-                        },
-                        {
-                            icon: 'bi bi-list-ul',
-                            text: mySecurityLogsText,
-                            action: () => {
-                                this.navigateToMySecurityLogs();
-                                return of(true);
-                            },
-                        },
-                    ],
-                    [
-                        {
-                            icon: 'bi bi-box-arrow-right',
-                            text: logoutText,
-                            action: () => this.authService.logout(),
-                        },
-                    ],
-                ],
+                userActionGroups,
             });
         });
     }
@@ -273,6 +261,7 @@ class AbpSettingsService {
             cultureName,
             displayName,
             selected: cultureName === currentLang,
+            isRTL: getLocaleDirection(cultureName) === 'rtl',
         }))))))
             .subscribe((settings) => {
             this.languageService.setLanguages(settings);
@@ -286,13 +275,13 @@ class AbpSettingsService {
         });
     }
 }
-AbpSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpSettingsService, deps: [{ token: i1.SessionStateService }, { token: i1.ConfigStateService }, { token: i2$1.LanguageService }, { token: i1.AuthService }, { token: i2$1.UserProfileService }, { token: PROFILE_PICTURE }, { token: NAVIGATE_TO_MANAGE_PROFILE }, { token: NAVIGATE_TO_MY_SECURITY_LOGS }, { token: OPEN_MY_LINK_USERS_MODAL, optional: true }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-AbpSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpSettingsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpSettingsService, decorators: [{
+AbpSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpSettingsService, deps: [{ token: i1.SessionStateService }, { token: i1.ConfigStateService }, { token: i2$1.LanguageService }, { token: i1.AuthService }, { token: i2$1.UserProfileService }, { token: PROFILE_PICTURE }, { token: NAVIGATE_TO_MANAGE_PROFILE }, { token: NAVIGATE_TO_MY_SECURITY_LOGS }, { token: OPEN_MY_LINK_USERS_MODAL, optional: true }, { token: i1.LocalizationService }, { token: i1$2.UserMenuService }], target: i0.ɵɵFactoryTarget.Injectable });
+AbpSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpSettingsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpSettingsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () {
-        return [{ type: i1.SessionStateService }, { type: i1.ConfigStateService }, { type: i2$1.LanguageService }, { type: i1.AuthService }, { type: i2$1.UserProfileService }, { type: i3.BehaviorSubject, decorators: [{
+        return [{ type: i1.SessionStateService }, { type: i1.ConfigStateService }, { type: i2$1.LanguageService }, { type: i1.AuthService }, { type: i2$1.UserProfileService }, { type: i4.BehaviorSubject, decorators: [{
                         type: Inject,
                         args: [PROFILE_PICTURE]
                     }] }, { type: undefined, decorators: [{
@@ -306,7 +295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                     }, {
                         type: Inject,
                         args: [OPEN_MY_LINK_USERS_MODAL]
-                    }] }, { type: i1.LocalizationService }];
+                    }] }, { type: i1.LocalizationService }, { type: i1$2.UserMenuService }];
     } });
 
 class AbpToolbarService {
@@ -323,43 +312,66 @@ class AbpToolbarService {
         });
     }
 }
-AbpToolbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpToolbarService, deps: [{ token: i1$3.ToolbarService }, { token: i1$2.NavItemsService }, { token: i1.PermissionService }], target: i0.ɵɵFactoryTarget.Injectable });
-AbpToolbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpToolbarService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpToolbarService, decorators: [{
+AbpToolbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpToolbarService, deps: [{ token: i1$3.ToolbarService }, { token: i1$2.NavItemsService }, { token: i1.PermissionService }], target: i0.ɵɵFactoryTarget.Injectable });
+AbpToolbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpToolbarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpToolbarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }], ctorParameters: function () { return [{ type: i1$3.ToolbarService }, { type: i1$2.NavItemsService }, { type: i1.PermissionService }]; } });
 
+const LPX_TRANSLATE_KEY_MAP_TOKEN = new InjectionToken('LPX_TRANSLATE_KEY_MAP_TOKEN');
+
 class AbpTranslateService {
-    constructor(localization) {
+    constructor(localization, translateKeys) {
         this.localization = localization;
+        this.translateKeys = translateKeys;
     }
     get(key, defaultValue) {
-        return this.localization.instant({
-            key: `ThemeLeptonX::${key}`,
-            defaultValue,
-        });
+        const keyToTranslate = this.getKey(key);
+        if (keyToTranslate) {
+            return this.localization.instant({
+                key: keyToTranslate,
+                defaultValue,
+            });
+        }
+        return defaultValue || key;
     }
     get$(key, defaultValue) {
-        return this.localization.get({ key: `ThemeLeptonX::${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: "13.1.2", ngImport: i0, type: AbpTranslateService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-AbpTranslateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpTranslateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpTranslateService, decorators: [{
+AbpTranslateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpTranslateService, deps: [{ token: i1.LocalizationService }, { token: LPX_TRANSLATE_KEY_MAP_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
+AbpTranslateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpTranslateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpTranslateService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+        }], ctorParameters: function () {
+        return [{ type: i1.LocalizationService }, { type: Array, decorators: [{
+                        type: Inject,
+                        args: [LPX_TRANSLATE_KEY_MAP_TOKEN]
+                    }] }];
+    } });
 
 class LeptonXPageRenderService {
     shouldRender(type) {
         return type !== PageParts.breadcrumb;
     }
 }
-LeptonXPageRenderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LeptonXPageRenderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LeptonXPageRenderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LeptonXPageRenderService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LeptonXPageRenderService, decorators: [{
+LeptonXPageRenderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LeptonXPageRenderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LeptonXPageRenderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LeptonXPageRenderService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LeptonXPageRenderService, decorators: [{
             type: Injectable
         }] });
 
@@ -373,9 +385,9 @@ class AbpAuthService {
         this.authService.navigateToLogin();
     }
 }
-AbpAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpAuthService, deps: [{ token: i2$1.UserProfileService }, { token: i1.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-AbpAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpAuthService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AbpAuthService, decorators: [{
+AbpAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpAuthService, deps: [{ token: i2$1.UserProfileService }, { token: i1.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
+AbpAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpAuthService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AbpAuthService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i2$1.UserProfileService }, { type: i1.AuthService }]; } });
 
@@ -419,8 +431,80 @@ const PAGE_RENDER_PROVIDER = {
 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, router) {
+    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 openMyLinkUsersModal = injector.get(OPEN_MY_LINK_USERS_MODAL, null);
+    return () => {
+        userMenu.addItems([
+            {
+                id: eUserMenuItems.LinkedAccounts,
+                order: 100,
+                textTemplate: {
+                    icon: 'bi bi-link',
+                    text: 'AbpAccount::LinkedAccounts',
+                },
+                action: () => openMyLinkUsersModal(),
+                visible: () => !!openMyLinkUsersModal,
+            },
+            {
+                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: 101,
+                textTemplate: {
+                    icon: 'bi bi-box-arrow-right',
+                    text: 'AbpUi::Logout',
+                },
+                action: () => {
+                    authService.logout().subscribe();
+                },
+            },
+        ]);
+    };
+}
+
 class ThemeLeptonXModule {
     static forRoot(options) {
         return {
@@ -428,20 +512,23 @@ class ThemeLeptonXModule {
             providers: [
                 LPX_STYLE_PROVIDER,
                 PROFILE_PICTURE_PROVIDERS,
+                LEPTON_X_USER_MENU_PROVIDERS,
                 INIT_SERVICE_PROVIDER,
                 PAGE_RENDER_PROVIDER,
                 AbpValidationErrorModule.forRoot().providers,
                 // TODO: muhammed: Create an injection token for theme settings
                 LpxModule.forRoot(Object.assign({}, createLpxModuleOptions(options))).providers,
+                LPX_TRANSLATE_KEYS_PROVIDER,
                 LPX_TRANSLATE_PROVIDER,
+                LeptonXAbpCoreModule.forRoot().providers,
             ],
         };
     }
 }
-ThemeLeptonXModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ThemeLeptonXModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ThemeLeptonXModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ThemeLeptonXModule, imports: [HttpErrorModule], exports: [HttpErrorModule] });
-ThemeLeptonXModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ThemeLeptonXModule, imports: [[HttpErrorModule], HttpErrorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ThemeLeptonXModule, decorators: [{
+ThemeLeptonXModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThemeLeptonXModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ThemeLeptonXModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: ThemeLeptonXModule, imports: [HttpErrorModule], exports: [HttpErrorModule] });
+ThemeLeptonXModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThemeLeptonXModule, imports: [HttpErrorModule, HttpErrorModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThemeLeptonXModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [HttpErrorModule],
@@ -452,7 +539,6 @@ function createLpxModuleOptions(options) {
     return Object.assign(Object.assign({}, options), { styleFactory: (styles) => {
             styles.push({
                 bundleName: 'abp-bundle',
-                handler: themeLeptonXStyleLoader,
             });
             if (options === null || options === void 0 ? void 0 : options.styleFactory) {
                 return options.styleFactory(styles);
@@ -465,5 +551,5 @@ function createLpxModuleOptions(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { AbpAuthService, AbpSettingsService, AbpToolbarService, AbpTranslateService, AbpValidationErrorComponent, AbpValidationErrorModule, HttpErrorComponent, HttpErrorModule, LeptonXPageRenderService, PageAlertContainerComponent, PageAlertContainerModule, ThemeLeptonXModule };
+export { AbpAuthService, AbpSettingsService, AbpToolbarService, AbpTranslateService, AbpValidationErrorComponent, AbpValidationErrorModule, HttpErrorComponent, HttpErrorModule, LPX_TRANSLATE_KEY_MAP_TOKEN, LeptonXPageRenderService, PageAlertContainerComponent, PageAlertContainerModule, ThemeLeptonXModule, eUserMenuItems };
 //# sourceMappingURL=volosoft-abp.ng.theme.lepton-x.mjs.map