generator-jhipster 8.6.0 → 8.7.0

package/dist/generators/angular/templates/src/main/webapp/app/layouts/main/main.component.spec.ts.ejs

@@ -52,6 +52,8 @@ describe('MainComponent', () => {
   let router: Router;
   let document: Document;
 
+  const navigateByUrlFn = (url: string) => () => router.navigateByUrl(url);
+
   beforeEach(
     waitForAsync(() => {
       TestBed.configureTestingModule({
@@ -114,7 +116,7 @@ describe('MainComponent', () => {
     describe('navigation end', () => {
       it('should set page title to default title if pageTitle is missing on routes', fakeAsync(() => {
         // WHEN
-        ngZone.run(() => router.navigateByUrl(''));
+        ngZone.run(navigateByUrlFn(''));
         tick();
 
         // THEN
@@ -126,7 +128,7 @@ describe('MainComponent', () => {
         router.resetConfig([{ path: '', title: parentRoutePageTitle, component: BlankComponent }]);
 
         // WHEN
-        ngZone.run(() => router.navigateByUrl(''));
+        ngZone.run(navigateByUrlFn(''));
         tick();
 
         // THEN
@@ -139,14 +141,12 @@ describe('MainComponent', () => {
           {
             path: 'home',
             title: parentRoutePageTitle,
-            children: [
-              { path: '', title: childRoutePageTitle, component: BlankComponent },
-            ],
+            children: [{ path: '', title: childRoutePageTitle, component: BlankComponent }],
           },
         ]);
 
         // WHEN
-        ngZone.run(() => router.navigateByUrl('home'));
+        ngZone.run(navigateByUrlFn('home'));
         tick();
 
         // THEN
@@ -159,14 +159,12 @@ describe('MainComponent', () => {
           {
             path: 'home',
             title: parentRoutePageTitle,
-            children: [
-              { path: '', component: BlankComponent },
-            ],
+            children: [{ path: '', component: BlankComponent }],
           },
         ]);
 
         // WHEN
-        ngZone.run(() => router.navigateByUrl('home'));
+        ngZone.run(navigateByUrlFn('home'));
         tick();
 
         // THEN
@@ -181,7 +179,7 @@ describe('MainComponent', () => {
         translateService.onLangChange.emit(langChangeEvent);
 
         // THEN
-        expect(document.title).toBe(defaultPageTitle + ' translated');
+        expect(document.title).toBe(`${defaultPageTitle} translated`);
       });
 
       it('should set page title to root route pageTitle if there is no child routes', fakeAsync(() => {
@@ -190,11 +188,11 @@ describe('MainComponent', () => {
         router.resetConfig([{ path: '', title: parentRoutePageTitle, component: BlankComponent }]);
 
         // WHEN
-        ngZone.run(() => router.navigateByUrl(''));
+        ngZone.run(navigateByUrlFn(''));
         tick();
 
         // THEN
-        expect(document.title).toBe(parentRoutePageTitle + ' translated');
+        expect(document.title).toBe(`${parentRoutePageTitle} translated`);
 
         // GIVEN
         document.title = 'other title';
@@ -203,7 +201,7 @@ describe('MainComponent', () => {
         translateService.onLangChange.emit(langChangeEvent);
 
         // THEN
-        expect(document.title).toBe(parentRoutePageTitle + ' translated');
+        expect(document.title).toBe(`${parentRoutePageTitle} translated`);
       }));
 
       it('should set page title to child route pageTitle if child routes exist and pageTitle is set for child route', fakeAsync(() => {
@@ -212,18 +210,16 @@ describe('MainComponent', () => {
           {
             path: 'home',
             title: parentRoutePageTitle,
-            children: [
-              { path: '', title: childRoutePageTitle, component: BlankComponent },
-            ],
+            children: [{ path: '', title: childRoutePageTitle, component: BlankComponent }],
           },
         ]);
 
         // WHEN
-        ngZone.run(() => router.navigateByUrl('home'));
+        ngZone.run(navigateByUrlFn('home'));
         tick();
 
         // THEN
-        expect(document.title).toBe(childRoutePageTitle + ' translated');
+        expect(document.title).toBe(`${childRoutePageTitle} translated`);
 
         // GIVEN
         document.title = 'other title';
@@ -232,7 +228,7 @@ describe('MainComponent', () => {
         translateService.onLangChange.emit(langChangeEvent);
 
         // THEN
-        expect(document.title).toBe(childRoutePageTitle + ' translated');
+        expect(document.title).toBe(`${childRoutePageTitle} translated`);
       }));
 
       it('should set page title to parent route pageTitle if child routes exists but pageTitle is not set for child route data', fakeAsync(() => {
@@ -241,18 +237,16 @@ describe('MainComponent', () => {
           {
             path: 'home',
             title: parentRoutePageTitle,
-            children: [
-              { path: '', component: BlankComponent },
-            ],
+            children: [{ path: '', component: BlankComponent }],
           },
         ]);
 
         // WHEN
-        ngZone.run(() => router.navigateByUrl('home'));
+        ngZone.run(navigateByUrlFn('home'));
         tick();
 
         // THEN
-        expect(document.title).toBe(parentRoutePageTitle + ' translated');
+        expect(document.title).toBe(`${parentRoutePageTitle} translated`);
 
         // GIVEN
         document.title = 'other title';
@@ -261,7 +255,7 @@ describe('MainComponent', () => {
         translateService.onLangChange.emit(langChangeEvent);
 
         // THEN
-        expect(document.title).toBe(parentRoutePageTitle + ' translated');
+        expect(document.title).toBe(`${parentRoutePageTitle} translated`);
       }));
     });
 <%_ } _%>
@@ -301,6 +295,5 @@ describe('MainComponent', () => {
 <%_ } _%>
 });
 
-@Component({template: ''})
-export class BlankComponent {
-}
+@Component({ template: '' })
+export class BlankComponent {}

package/dist/generators/angular/templates/src/main/webapp/app/layouts/main/main.component.ts.ejs

@@ -53,12 +53,12 @@ export default class MainComponent implements OnInit {
   private translateService = inject(TranslateService);
   private rootRenderer = inject(RendererFactory2);
 <%_ } _%>
+<%_ if (enableTranslation) { _%>
 
   constructor() {
-<%_ if (enableTranslation) { _%>
     this.renderer = this.rootRenderer.createRenderer(document.querySelector('html'), null);
-<%_ } _%>
   }
+<%_ } _%>
 
   ngOnInit(): void {
     // try to log in automatically

package/dist/generators/angular/templates/src/main/webapp/app/layouts/navbar/navbar.component.html.ejs

@@ -108,7 +108,7 @@
         </a>
         <ul class="dropdown-menu" ngbDropdownMenu aria-labelledby="admin-menu">
           <!-- jhipster-needle-add-element-to-admin-menu - JHipster will add entities to the admin menu here -->
-<%_ if (applicationTypeGateway && serviceDiscoveryAny) { _%>
+<%_ if (applicationTypeGateway && gatewayServicesApiAvailable) { _%>
           <li>
             <a class="dropdown-item" routerLink="/admin/gateway" routerLinkActive="active" (click)="collapseNavbar()">
               <fa-icon icon="road" [fixedWidth]="true"></fa-icon>
@@ -200,20 +200,21 @@
     }
 <%_ } _%>
       <li ngbDropdown class="nav-item dropdown pointer" display="dynamic" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">
+        @let accountRef = account();
         <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="account-menu" data-cy="accountMenu">
-        @if (!account()?.imageUrl) {
+        @if (!accountRef?.imageUrl) {
           <span>
             <fa-icon icon="user"></fa-icon>
             <span>__jhiTranslateTag__('global.menu.account.main')</span>
           </span>
         } @else {
           <span>
-            <img [src]="account()!.imageUrl" class="profile-image rounded-circle" alt="Avatar" />
+            <img [src]="accountRef!.imageUrl" class="profile-image rounded-circle" alt="Avatar" />
           </span>
         }
         </a>
         <ul class="dropdown-menu" ngbDropdownMenu aria-labelledby="account-menu">
-          @if (account() !== null) {
+          @if (accountRef !== null) {
 <%_ if (generateUserManagement) { _%>
             <li>
               <a class="dropdown-item" routerLink="/account/settings" routerLinkActive="active" (click)="collapseNavbar()" data-cy="settings">

package/dist/generators/angular/templates/src/main/webapp/app/layouts/navbar/navbar.component.ts.ejs

@@ -150,7 +150,7 @@ export default class NavbarComponent implements OnInit {
         }
     <%_ } _%>
       },
-      error => {
+      (error: unknown) => {
         // eslint-disable-next-line no-console
         console.log('Error loading <%= remote.lowercaseBaseName %> entities', error);
       }

package/dist/generators/angular/templates/src/main/webapp/app/layouts/profiles/page-ribbon.component.spec.ts.ejs

@@ -12,16 +12,14 @@ describe('Page Ribbon Component', () => {
   let fixture: ComponentFixture<PageRibbonComponent>;
   let profileService: ProfileService;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PageRibbonComponent],
-        providers: [provideHttpClient()],
-      })
-        .overrideTemplate(PageRibbonComponent, '')
-        .compileComponents();
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PageRibbonComponent],
+      providers: [provideHttpClient()],
     })
-  );
+      .overrideTemplate(PageRibbonComponent, '')
+      .compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PageRibbonComponent);

package/dist/generators/angular/templates/src/main/webapp/app/layouts/profiles/profile-info.model.ts.ejs

@@ -28,6 +28,6 @@ export class ProfileInfo {
     public activeProfiles?: string[],
     public ribbonEnv?: string,
     public inProduction?: boolean,
-    public openAPIEnabled?: boolean
+    public openAPIEnabled?: boolean,
   ) {}
 }

package/dist/generators/angular/templates/src/main/webapp/app/layouts/profiles/profile.service.ts.ejs

@@ -53,7 +53,7 @@ export class ProfileService {
         }
         return profileInfo;
       }),
-      shareReplay()
+      shareReplay(),
     );
     return this.profileInfo$;
   }

package/dist/generators/angular/templates/src/main/webapp/app/login/login.component.html.ejs

@@ -20,11 +20,9 @@
   <div class="d-flex justify-content-center">
     <div class="col-lg-6 col-md-8 col-sm-10">
       <h1 data-cy="loginTitle">__jhiTranslateTag__('login.title')</h1>
-    @if (authenticationError()) {
-      <div class="alert alert-danger"
-        data-cy="loginError"
-      >__jhiTranslateTag__('login.messages.error.authentication')</div>
-    }
+      @if (authenticationError()) {
+        <div class="alert alert-danger" data-cy="loginError">__jhiTranslateTag__('login.messages.error.authentication')</div>
+      }
       <form class="form" (ngSubmit)="login()" [formGroup]="loginForm">
         <div class="mb-3">
           <label class="username-label" for="username">__jhiTranslateTag__('global.form.username.label')</label>
@@ -64,7 +62,9 @@
       </form>
 <%_ if (generateUserManagement) { _%>
       <div class="mt-3 alert alert-warning">
-        <a class="alert-link" routerLink="/account/reset/request" data-cy="forgetYourPasswordSelector">__jhiTranslateTag__('login.password.forgot')</a>
+        <a class="alert-link" routerLink="/account/reset/request" data-cy="forgetYourPasswordSelector"
+          >__jhiTranslateTag__('login.password.forgot')</a
+        >
       </div>
 
       <div class="alert alert-warning">

package/dist/generators/angular/templates/src/main/webapp/app/login/login.component.spec.ts.ejs

@@ -37,25 +37,23 @@ describe('LoginComponent', () => {
   let mockAccountService: AccountService;
   let mockLoginService: LoginService;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [LoginComponent],
-        providers: [
-          FormBuilder,
-          AccountService,
-          {
-            provide: LoginService,
-            useValue: {
-              login: jest.fn(() => of({})),
-            },
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [LoginComponent],
+      providers: [
+        FormBuilder,
+        AccountService,
+        {
+          provide: LoginService,
+          useValue: {
+            login: jest.fn(() => of({})),
           },
-        ],
-      })
-        .overrideTemplate(LoginComponent, '')
-        .compileComponents();
+        },
+      ],
     })
-  );
+      .overrideTemplate(LoginComponent, '')
+      .compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(LoginComponent);

package/dist/generators/angular/templates/src/main/webapp/app/login/login.component.ts.ejs

@@ -67,7 +67,7 @@ export default class LoginComponent implements OnInit, AfterViewInit {
           this.router.navigate(['']);
         }
       },
-      error: () => (this.authenticationError.set(true)),
+      error: () => this.authenticationError.set(true),
     });
   }
 }

package/dist/generators/angular/templates/src/main/webapp/app/login/login.model.ts.ejs

@@ -17,5 +17,9 @@
  limitations under the License.
 -%>
 export class Login {
-  constructor(public username: string, public password: string, public rememberMe: boolean) {}
+  constructor(
+    public username: string,
+    public password: string,
+    public rememberMe: boolean,
+  ) {}
 }

package/dist/generators/angular/templates/src/main/webapp/app/shared/alert/alert-error.component.html.ejs

@@ -17,13 +17,13 @@
  limitations under the License.
 -%>
 <div class="alerts" role="alert">
-@for (alert of alerts(); track $index) {
-  <div [ngClass]="setClasses(alert)">
-  @if (alert.message) {
-    <ngb-alert [type]="alert.type" (closed)="close(alert)">
-      <pre [innerHTML]="alert.message"></pre>
-    </ngb-alert>
+  @for (alert of alerts(); track $index) {
+    <div [ngClass]="setClasses(alert)">
+      @if (alert.message) {
+        <ngb-alert [type]="alert.type" (closed)="close(alert)">
+          <pre [innerHTML]="alert.message"></pre>
+        </ngb-alert>
+      }
+    </div>
   }
-  </div>
-}
 </div>

package/dist/generators/angular/templates/src/main/webapp/app/shared/alert/alert-error.component.ts.ejs

@@ -57,7 +57,7 @@ export class AlertErrorComponent implements OnDestroy {
     });
   }
 
-  setClasses(alert: Alert): { [key: string]: boolean } {
+  setClasses(alert: Alert): Record<string, boolean> {
     const classes = { 'jhi-toast': Boolean(alert.toast) };
     if (alert.position) {
       return { ...classes, [alert.position]: true };
@@ -74,7 +74,7 @@ export class AlertErrorComponent implements OnDestroy {
     alert.close?.(this.alerts());
   }
 
-  private addErrorAlert(message?: string<% if (enableTranslation) { %>, translationKey?: string, translationParams?: { [key: string]: unknown }<% } %>): void {
+  private addErrorAlert(message?: string<% if (enableTranslation) { %>, translationKey?: string, translationParams?: Record<string, unknown><% } %>): void {
     this.alertService.addAlert({ type: 'danger', message<% if (enableTranslation) { %>, translationKey, translationParams<% } %> }, this.alerts());
   }
 
@@ -138,7 +138,7 @@ export class AlertErrorComponent implements OnDestroy {
   }
 
   private handleFieldsError(httpErrorResponse: HttpErrorResponse): void {
-    const fieldErrors = httpErrorResponse.error.fieldErrors;
+    const { fieldErrors } = httpErrorResponse.error;
     for (const fieldError of fieldErrors) {
       if (['Min', 'Max', 'DecimalMin', 'DecimalMax'].includes(fieldError.message)) {
         fieldError.message = 'Size';

package/dist/generators/angular/templates/src/main/webapp/app/shared/alert/alert-error.model.ts.ejs

@@ -21,7 +21,7 @@ export class AlertError {
     public message: string,
     <%_ if (enableTranslation) { _%>
     public key?: string,
-    public params?: { [key: string]: unknown }
+    public params?: Record<string, unknown>
     <%_ } _%>
   ) {}
 }

package/dist/generators/angular/templates/src/main/webapp/app/shared/alert/alert.component.html.ejs

@@ -17,13 +17,13 @@
  limitations under the License.
 -%>
 <div class="alerts" role="alert">
-@for (alert of alerts(); track $index) {
-  <div [ngClass]="setClasses(alert)">
-  @if (alert.message) {
-    <ngb-alert [type]="alert.type" (closed)="close(alert)">
-      <pre [innerHTML]="alert.message"></pre>
-    </ngb-alert>
+  @for (alert of alerts(); track $index) {
+    <div [ngClass]="setClasses(alert)">
+      @if (alert.message) {
+        <ngb-alert [type]="alert.type" (closed)="close(alert)">
+          <pre [innerHTML]="alert.message"></pre>
+        </ngb-alert>
+      }
+    </div>
   }
-  </div>
-}
 </div>

package/dist/generators/angular/templates/src/main/webapp/app/shared/alert/alert.component.spec.ts.ejs

@@ -29,16 +29,14 @@ describe('Alert Component', () => {
   let fixture: ComponentFixture<AlertComponent>;
   let mockAlertService: AlertService;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [AlertComponent],
-        providers: [AlertService],
-      })
-        .overrideTemplate(AlertComponent, '')
-        .compileComponents();
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [AlertComponent],
+      providers: [AlertService],
     })
-  );
+      .overrideTemplate(AlertComponent, '')
+      .compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(AlertComponent);

package/dist/generators/angular/templates/src/main/webapp/app/shared/alert/alert.component.ts.ejs

@@ -37,7 +37,7 @@ export class AlertComponent implements OnInit, OnDestroy {
     this.alerts.set(this.alertService.get());
   }
 
-  setClasses(alert: Alert): { [key: string]: boolean } {
+  setClasses(alert: Alert): Record<string, boolean> {
     const classes = { 'jhi-toast': Boolean(alert.toast) };
     if (alert.position) {
       return { ...classes, [alert.position]: true };

package/dist/generators/angular/templates/src/main/webapp/app/shared/auth/has-any-authority.directive.ts.ejs

@@ -46,12 +46,15 @@ export default class HasAnyAuthorityDirective {
     const currentAccount = accountService.trackCurrentAccount();
     const hasPermission = computed(() => currentAccount()?.authorities && accountService.hasAnyAuthority(this.authorities()));
 
-    effect(() => {
-      if (hasPermission()) {
-        this.viewContainerRef.createEmbeddedView(this.templateRef);
-      } else {
-        this.viewContainerRef.clear();
-      }
-    }, { allowSignalWrites: true });
+    effect(
+      () => {
+        if (hasPermission()) {
+          this.viewContainerRef.createEmbeddedView(this.templateRef);
+        } else {
+          this.viewContainerRef.clear();
+        }
+      },
+      { allowSignalWrites: true },
+    );
   }
 }

package/dist/generators/angular/templates/src/main/webapp/app/shared/filter/filter.component.html.ejs

@@ -1,20 +1,20 @@
 @if (filters.hasAnyFilterSet()) {
-<div class="filter-display">
-  <span>__jhiTranslateTag__('entity.filters.set')</span>
-  <button class="btn" (click)="clearAllFilters()" (keydown.enter)="clearAllFilters()">
-    <fa-icon icon="times" title="__jhiTranslatePipe__('entity.filters.clearAll')"></fa-icon>
-  </button>
-  <ul>
-@for (filterOption of filters.filterOptions; track filterOption.name) {
-  @for (value of filterOption.values; track value) {
-    <li>
-      <span>{{ filterOption.name }}:</span> {{ value }}
-      <button class="btn" (click)="clearFilter(filterOption.name, value)" (keydown.enter)="clearFilter(filterOption.name, value)">
-        <fa-icon icon="times" title="__jhiTranslatePipe__('entity.filters.clear')"></fa-icon>
-      </button>
-    </li>
-  }
-}
-  </ul>
-</div>
+  <div class="filter-display">
+    <span>__jhiTranslateTag__('entity.filters.set')</span>
+    <button class="btn" (click)="clearAllFilters()" (keydown.enter)="clearAllFilters()">
+      <fa-icon icon="times" title="__jhiTranslatePipe__('entity.filters.clearAll')"></fa-icon>
+    </button>
+    <ul>
+      @for (filterOption of filters.filterOptions; track filterOption.name) {
+        @for (value of filterOption.values; track value) {
+          <li>
+            <span>{{ filterOption.name }}:</span> {{ value }}
+            <button class="btn" (click)="clearFilter(filterOption.name, value)" (keydown.enter)="clearFilter(filterOption.name, value)">
+              <fa-icon icon="times" title="__jhiTranslatePipe__('entity.filters.clear')"></fa-icon>
+            </button>
+          </li>
+        }
+      }
+    </ul>
+  </div>
 }

package/dist/generators/angular/templates/src/main/webapp/app/shared/filter/filter.model.ts.ejs

@@ -18,12 +18,15 @@ export interface IFilterOption {
 }
 
 export class FilterOption implements IFilterOption {
-  constructor(public name: string, public values: string[] = []) {
+  constructor(
+    public name: string,
+    public values: string[] = [],
+  ) {
     this.values = [...new Set(values)];
   }
 
   nameAsQueryParam(): string {
-    return 'filter[' + this.name + ']';
+    return `filter[${this.name}]`;
   }
 
   isSet(): boolean {
@@ -64,7 +67,7 @@ export class FilterOption implements IFilterOption {
 }
 
 export class FilterOptions implements IFilterOptions {
-  readonly filterChanges: Subject<FilterOption[]> = new Subject();
+  readonly filterChanges = new Subject<FilterOption[]>();
   private _filterOptions: FilterOption[];
 
   constructor(filterOptions: FilterOption[] = []) {
@@ -143,8 +146,7 @@ export class FilterOptions implements IFilterOptions {
   }
 
   protected getFilterOptionByName(name: string, add: true): FilterOption;
-  protected getFilterOptionByName(name: string, add: false): FilterOption | null;
-  protected getFilterOptionByName(name: string): FilterOption | null;
+  protected getFilterOptionByName(name: string, add?: false): FilterOption | null;
   protected getFilterOptionByName(name: string, add = false): FilterOption | null {
     const addOption = (option: FilterOption): FilterOption => {
       this._filterOptions.push(option);

package/dist/generators/angular/templates/src/main/webapp/app/shared/language/find-language-from-key.pipe.ts.ejs

@@ -23,7 +23,7 @@ import { Pipe, PipeTransform } from '@angular/core';
   name: 'findLanguageFromKey',
 })
 export default class FindLanguageFromKeyPipe implements PipeTransform {
-  private readonly languages: { [key: string]: { name: string; rtl?: boolean } } = {
+  private readonly languages: Record<string, { name: string; rtl?: boolean }> = {
     // jhipster-needle-i18n-language-key-pipe - JHipster will add/remove languages in this object
   };
 

package/dist/generators/angular/templates/src/main/webapp/app/shared/language/translate.directive.spec.ts.ejs

@@ -31,14 +31,12 @@ describe('TranslateDirective Tests', () => {
   let fixture: ComponentFixture<TestTranslateDirectiveComponent>;
   let translateService: TranslateService;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [TranslateModule.forRoot(), TranslateDirective],
-        declarations: [TestTranslateDirectiveComponent],
-      });
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [TranslateModule.forRoot(), TranslateDirective],
+      declarations: [TestTranslateDirectiveComponent],
+    });
+  }));
 
   beforeEach(() => {
     translateService = TestBed.inject(TranslateService);

package/dist/generators/angular/templates/src/main/webapp/app/shared/language/translate.directive.ts.ejs

@@ -32,7 +32,7 @@ import { translationNotFoundMessage } from 'app/config/translation.config';
 })
 export default class TranslateDirective implements OnChanges, OnInit, OnDestroy {
   @Input() <%= jhiPrefix %>Translate!: string;
-  @Input() translateValues?: { [key: string]: unknown };
+  @Input() translateValues?: Record<string, unknown>;
 
   private readonly directiveDestroyed = new Subject();
 

package/dist/generators/angular/templates/src/main/webapp/app/shared/language/translation.module.ts.ejs

@@ -33,8 +33,8 @@ function lazyTranslatePartialLoader(http: HttpClient): TranslateLoader {
     TranslateModule.forChild({
       loader: {
         provide: TranslateLoader,
-        useFactory: (lazyTranslatePartialLoader),
-        deps: [HttpClient]
+        useFactory: lazyTranslatePartialLoader,
+        deps: [HttpClient],
       },
       isolate: false,
       extend: true,
@@ -47,7 +47,7 @@ export class LazyTranslationModule {
   private stateStorageService = inject(StateStorageService);
 
   constructor() {
-    const currentLang = this.translateService.store.currentLang;
+    const { currentLang } = this.translateService.store;
     this.translateLoader.getTranslation(currentLang).subscribe(translation => {
       this.translateService.setTranslation(currentLang, translation);
     });