generator-jhipster 8.5.0 → 8.7.0

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/detail/user-management-detail.component.spec.ts.ejs

@@ -38,7 +38,7 @@ describe('User Management Detail Component', () => {
           [
             {
               path: '**',
-              component: UserManagementDetailComponent,
+              loadComponent: () => import('./user-management-detail.component'),
               resolve: {
                 user: () => of({
                   id: <%- tsKeyId %>,
@@ -80,7 +80,7 @@ describe('User Management Detail Component', () => {
           langKey: 'en',
           authorities: [Authority.USER],
           createdBy: 'admin',
-        })
+        }),
       );
     });
   });

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/list/user-management.component.html.ejs

@@ -22,7 +22,7 @@
 
     <div class="d-flex justify-content-end">
       <button class="btn btn-info me-2" (click)="loadAll()" [disabled]="isLoading()">
-        <fa-icon icon="sync" [spin]="isLoading()"></fa-icon>
+        <fa-icon icon="sync" [animation]="isLoading() ? 'spin' : undefined"></fa-icon>
         <span>__jhiTranslateTag__('userManagement.home.refreshListLabel')</span>
       </button>
       <button class="btn btn-primary jh-create-entity" [routerLink]="['./new']">

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/list/user-management.component.spec.ts.ejs

@@ -22,8 +22,7 @@ _%>
 jest.mock('app/core/auth/account.service');
 
 import { ComponentFixture, TestBed, waitForAsync, inject, fakeAsync, tick } from '@angular/core/testing';
-import { HttpHeaders, HttpResponse } from '@angular/common/http';
-import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { provideHttpClient, HttpHeaders, HttpResponse } from '@angular/common/http';
 import { ActivatedRoute } from '@angular/router';
 import { of } from 'rxjs';
 
@@ -46,19 +45,17 @@ describe('User Management Component', () => {
       page: '1',
       size: '1',
       sort: 'id,desc',
-    })
+    }),
   );
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [HttpClientTestingModule, UserManagementComponent],
-        providers: [{ provide: ActivatedRoute, useValue: { data, queryParamMap } }, AccountService],
-      })
-        .overrideTemplate(UserManagementComponent, '')
-        .compileComponents();
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [UserManagementComponent],
+      providers: [provideHttpClient(), { provide: ActivatedRoute, useValue: { data, queryParamMap } }, AccountService],
     })
-  );
+      .overrideTemplate(UserManagementComponent, '')
+      .compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(UserManagementComponent);
@@ -79,8 +76,8 @@ describe('User Management Component', () => {
             new HttpResponse({
               body: [new User(<%- tsKeyId %>)],
               headers,
-            })
-          )
+            }),
+          ),
         );
 
         // WHEN
@@ -106,8 +103,8 @@ describe('User Management Component', () => {
             new HttpResponse({
               body: [user],
               headers,
-            })
-          )
+            }),
+          ),
         );
         jest.spyOn(service, 'update').mockReturnValue(of(user));
 

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/list/user-management.component.ts.ejs

@@ -130,7 +130,7 @@ export default class UserManagementComponent implements OnInit {
     combineLatest([this.activatedRoute.data, this.activatedRoute.queryParamMap]).subscribe(([data, params]) => {
       const page = params.get('page');
       this.page = +(page ?? 1);
-      this.sortState.set(this.sortService.parseSortParam(params.get(SORT) ?? data['defaultSort']));
+      this.sortState.set(this.sortService.parseSortParam(params.get(SORT) ?? data.defaultSort));
       this.loadAll();
     });
   }

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/service/user-management.service.spec.ts.ejs

@@ -20,8 +20,8 @@
 const tsKeyId = this.generateTestEntityId(user.primaryKey.type);
 _%>
 import { TestBed } from '@angular/core/testing';
-import { HttpErrorResponse } from '@angular/common/http';
-import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import { provideHttpClient, HttpErrorResponse } from '@angular/common/http';
+import { provideHttpClientTesting, HttpTestingController } from '@angular/common/http/testing';
 
 <%_ if (generateBuiltInAuthorityEntity) { _%>
 import { Authority } from 'app/config/authority.constants';
@@ -36,7 +36,7 @@ describe('User Service', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [HttpClientTestingModule],
+      providers: [provideHttpClient(), provideHttpClientTesting()],
     });
 
     service = TestBed.inject(UserManagementService);
@@ -78,7 +78,7 @@ describe('User Service', () => {
       let expectedResult = 0;
 
       service.find('user').subscribe({
-        error: (error: HttpErrorResponse) => expectedResult = error.status
+        error: (error: HttpErrorResponse) => (expectedResult = error.status),
       });
 
       const req = httpMock.expectOne({ method: 'GET' });

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/service/user-management.service.ts.ejs

@@ -62,7 +62,7 @@ export class UserManagementService {
   authorities(): Observable<string[]> {
   <%_ if (generateBuiltInAuthorityEntity) { _%>
     return this.http
-      .get<Array<{ name: string }>>(this.applicationConfigService.getEndpointFor('api/authorities'))
+      .get<{ name: string }[]>(this.applicationConfigService.getEndpointFor('api/authorities'))
       .pipe(map(authorities => authorities.map(a => a.name)));
   <%_ } else { _%>
     return of([Authority.ADMIN, Authority.USER]);

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/update/user-management-update.component.html.ejs

@@ -32,19 +32,20 @@
         <label class="form-label" for="field_login">__jhiTranslateTag__('userManagement.login')</label>
         <input type="text" id="field_login" class="form-control" name="login" formControlName="login" />
 
-      @if (editForm.get('login')!.invalid && (editForm.get('login')!.dirty || editForm.get('login')!.touched)) {
+      @let loginRef = editForm.get('login')!;
+      @if (loginRef.invalid && (loginRef.dirty || loginRef.touched)) {
         <div>
-        @if (editForm.get('login')?.errors?.required) {
+        @if (loginRef?.errors?.required) {
           <small class="form-text text-danger"
           >__jhiTranslateTag__('entity.validation.required')</small>
         }
 
-        @if (editForm.get('login')?.errors?.maxlength) {
+        @if (loginRef?.errors?.maxlength) {
           <small class="form-text text-danger"
           >__jhiTranslateValidationTag__('entity.validation.maxlength', { "max": 50 })</small>
         }
 
-        @if (editForm.get('login')?.errors?.pattern) {
+        @if (loginRef?.errors?.pattern) {
           <small class="form-text text-danger"
           >__jhiTranslateTag__('entity.validation.patternLogin')</small>
         }
@@ -56,9 +57,10 @@
         <label class="form-label" for="field_firstName">__jhiTranslateTag__('userManagement.firstName')</label>
         <input type="text" id="field_firstName" class="form-control" name="firstName" formControlName="firstName" />
 
-      @if (editForm.get('firstName')!.invalid && (editForm.get('firstName')!.dirty || editForm.get('firstName')!.touched)) {
+      @let firstNameRef = editForm.get('firstName')!;
+      @if (firstNameRef.invalid && (firstNameRef.dirty || firstNameRef.touched)) {
         <div>
-        @if (editForm.get('firstName')?.errors?.maxlength) {
+        @if (firstNameRef?.errors?.maxlength) {
           <small class="form-text text-danger"
           >__jhiTranslateValidationTag__('entity.validation.maxlength', { "max": 50 })</small>
         }
@@ -70,9 +72,10 @@
         <label class="form-label" for="field_lastName">__jhiTranslateTag__('userManagement.lastName')</label>
         <input type="text" id="field_lastName" class="form-control" name="lastName" formControlName="lastName" />
 
-      @if (editForm.get('lastName')!.invalid && (editForm.get('lastName')!.dirty || editForm.get('lastName')!.touched)) {
+      @let lastNameRef = editForm.get('lastName')!;
+      @if (lastNameRef.invalid && (lastNameRef.dirty || lastNameRef.touched)) {
         <div>
-        @if (editForm.get('lastName')?.errors?.maxlength) {
+        @if (lastNameRef?.errors?.maxlength) {
           <small class="form-text text-danger"
           >__jhiTranslateValidationTag__('entity.validation.maxlength', { "max": 50 })</small>
         }
@@ -84,24 +87,25 @@
         <label class="form-label" for="field_email">__jhiTranslateTag__('userManagement.email')</label>
         <input type="email" id="field_email" class="form-control" name="email" formControlName="email" />
 
-      @if (editForm.get('email')!.invalid && (editForm.get('email')!.dirty || editForm.get('email')!.touched)) {
+      @let emailRef = editForm.get('email')!;
+      @if (emailRef.invalid && (emailRef.dirty || emailRef.touched)) {
         <div>
-        @if (editForm.get('email')?.errors?.required) {
+        @if (emailRef?.errors?.required) {
           <small class="form-text text-danger"
           >__jhiTranslateTag__('entity.validation.required')</small>
         }
 
-        @if (editForm.get('email')?.errors?.maxlength) {
+        @if (emailRef?.errors?.maxlength) {
           <small class="form-text text-danger"
           >__jhiTranslateValidationTag__('entity.validation.maxlength', { "max": 100 })</small>
         }
 
-        @if (editForm.get('email')?.errors?.minlength) {
+        @if (emailRef?.errors?.minlength) {
           <small class="form-text text-danger"
           >__jhiTranslateValidationTag__('entity.validation.minlength', { "min": 5 })</small>
         }
 
-        @if (editForm.get('email')?.errors?.email) {
+        @if (emailRef?.errors?.email) {
           <small class="form-text text-danger"
           >__jhiTranslateTag__('global.messages.validate.email.invalid')</small>
         }

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/update/user-management-update.component.spec.ts.ejs

@@ -20,7 +20,7 @@
 const tsKeyId = this.generateTestEntityId(user.primaryKey.type);
 _%>
 import { ComponentFixture, TestBed, waitForAsync, inject, fakeAsync, tick } from '@angular/core/testing';
-import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { provideHttpClient } from '@angular/common/http';
 import { FormBuilder } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 import { of } from 'rxjs';
@@ -38,8 +38,9 @@ describe('User Management Update Component', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [HttpClientTestingModule, UserManagementUpdateComponent],
+      imports: [UserManagementUpdateComponent],
       providers: [
+        provideHttpClient(),
         FormBuilder,
         {
           provide: ActivatedRoute,
@@ -72,7 +73,7 @@ describe('User Management Update Component', () => {
         // THEN
         expect(service.authorities).toHaveBeenCalled();
         expect(comp.authorities()).toEqual(['USER']);
-      })
+      }),
     ));
   });
 
@@ -91,7 +92,7 @@ describe('User Management Update Component', () => {
         // THEN
         expect(service.update).toHaveBeenCalledWith(expect.objectContaining(entity));
         expect(comp.isSaving()).toEqual(false);
-      })
+      }),
     ));
 
     it('Should call create service on save for new user', inject(
@@ -109,7 +110,7 @@ describe('User Management Update Component', () => {
         expect(comp.editForm.getRawValue().id).toBeNull();
         expect(service.create).toHaveBeenCalledWith(expect.objectContaining(entity));
         expect(comp.isSaving()).toEqual(false);
-      })
+      }),
     ));
   });
 });

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/update/user-management-update.component.ts.ejs

@@ -84,7 +84,7 @@ export default class UserManagementUpdateComponent implements OnInit {
         this.editForm.reset(newUser);
       }
     });
-    this.userService.authorities().subscribe(authorities => (this.authorities.set(authorities)));
+    this.userService.authorities().subscribe(authorities => this.authorities.set(authorities));
   }
 
   previousState(): void {

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/user-management.model.ts.ejs

@@ -47,6 +47,6 @@ export class User implements IUser {
     public createdBy?: string,
     public createdDate?: Date,
     public lastModifiedBy?: string,
-    public lastModifiedDate?: Date
+    public lastModifiedDate?: Date,
   ) {}
 }

package/dist/generators/angular/templates/src/main/webapp/app/admin/user-management/user-management.route.ts.ejs

@@ -22,11 +22,8 @@ import { of } from 'rxjs';
 
 import { IUser } from './user-management.model';
 import { UserManagementService } from './service/user-management.service';
-import UserManagementComponent from './list/user-management.component';
-import UserManagementDetailComponent from './detail/user-management-detail.component';
-import UserManagementUpdateComponent from './update/user-management-update.component';
 
-export const UserManagementResolve: ResolveFn<IUser | null> = (route: ActivatedRouteSnapshot) => {
+export const userManagementResolve: ResolveFn<IUser | null> = (route: ActivatedRouteSnapshot) => {
   const login = route.paramMap.get('login');
   if (login) {
     return inject(UserManagementService).find(login);
@@ -37,30 +34,30 @@ export const UserManagementResolve: ResolveFn<IUser | null> = (route: ActivatedR
 const userManagementRoute: Routes = [
   {
     path: '',
-    component: UserManagementComponent,
+    loadComponent: () => import('./list/user-management.component'),
     data: {
       defaultSort: 'id,asc',
     },
   },
   {
     path: ':login/view',
-    component: UserManagementDetailComponent,
+    loadComponent: () => import('./detail/user-management-detail.component'),
     resolve: {
-      user: UserManagementResolve,
+      user: userManagementResolve,
     },
   },
   {
     path: 'new',
-    component: UserManagementUpdateComponent,
+    loadComponent: () => import('./update/user-management-update.component'),
     resolve: {
-      user: UserManagementResolve,
+      user: userManagementResolve,
     },
   },
   {
     path: ':login/edit',
-    component: UserManagementUpdateComponent,
+    loadComponent: () => import('./update/user-management-update.component'),
     resolve: {
-      user: UserManagementResolve,
+      user: userManagementResolve,
     },
   },
 ];

package/dist/generators/angular/templates/src/main/webapp/app/app-page-title-strategy.ts.ejs

@@ -25,7 +25,7 @@ import { TranslateService } from "@ngx-translate/core";
 @Injectable()
 export class AppPageTitleStrategy extends TitleStrategy {
 <%_ if (enableTranslation) { _%>
-  private translateService = inject(TranslateService);
+  private readonly translateService = inject(TranslateService);
 <%_ } _%>
 
   override updateTitle(routerState: RouterStateSnapshot): void {

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

@@ -23,7 +23,6 @@ import { FaIconLibrary } from '@fortawesome/angular-fontawesome';
 import { NgbDatepickerConfig } from '@ng-bootstrap/ng-bootstrap';
 import { provideRouter } from '@angular/router';
 import { registerLocaleData } from '@angular/common';
-import { HttpClientModule } from '@angular/common/http';
 import locale from '@angular/common/locales/<%= angularLocaleId %>';
 import { FaIconLibrary } from '@fortawesome/angular-fontawesome';
 import dayjs from 'dayjs/esm';

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

@@ -20,7 +20,7 @@ import { ApplicationConfig, LOCALE_ID, importProvidersFrom, inject } from '@angu
 import { BrowserModule, Title } from '@angular/platform-browser';
 import { Router, RouterFeatures, TitleStrategy, provideRouter, withComponentInputBinding, withDebugTracing, withNavigationErrorHandler, NavigationError } from '@angular/router';
 import { ServiceWorkerModule } from '@angular/service-worker';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 import { NgbDateAdapter } from '@ng-bootstrap/ng-bootstrap';
 
@@ -36,19 +36,21 @@ import routes from './app.routes';
 import { NgbDateDayjsAdapter } from './config/datepicker-adapter';
 import { AppPageTitleStrategy } from './app-page-title-strategy';
 
-const routerFeatures: Array<RouterFeatures> = [withComponentInputBinding(),
+const routerFeatures: RouterFeatures[] = [
+  withComponentInputBinding(),
   withNavigationErrorHandler((e: NavigationError) => {
     const router = inject(Router);
     if (e.error.status === 403) {
-      router.navigate(['/accessdenied'])
+      router.navigate(['/accessdenied']);
     } else if (e.error.status === 404) {
-      router.navigate(['/404'])
+      router.navigate(['/404']);
     } else if (e.error.status === 401) {
       router.navigate(['/login']);
     } else {
       router.navigate(['/error']);
     }
-  })];
+  }),
+];
 if (DEBUG_INFO_ENABLED) {
   routerFeatures.push(withDebugTracing());
 }
@@ -62,7 +64,7 @@ export const appConfig: ApplicationConfig = {
 <%_ if (enableTranslation) { _%>
     importProvidersFrom(TranslationModule),
 <%_ } _%>
-    importProvidersFrom(HttpClientModule),
+    provideHttpClient(withInterceptorsFromDi()),
     Title,
     { provide: LOCALE_ID, useValue: '<%= angularLocaleId %>' },
     { provide: NgbDateAdapter, useClass: NgbDateDayjsAdapter },

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

@@ -22,11 +22,6 @@ import { Routes } from '@angular/router';
 import { errorRoute } from './layouts/error/error.route';
 import { Authority } from 'app/config/authority.constants';
 
-import HomeComponent from './home/home.component';
-import NavbarComponent from './layouts/navbar/navbar.component';
-<%_ if (!authenticationTypeOauth2) { _%>
-import LoginComponent from './login/login.component';
-<%_ } _%>
 <%_ if (applicationTypeGateway && microfrontend) { _%>
 import { loadEntityRoutes } from './core/microfrontend';
 <%_ } _%>
@@ -36,12 +31,12 @@ import { UserRouteAccessService } from 'app/core/auth/user-route-access.service'
 const routes: Routes = [
   {
     path: '',
-    component: HomeComponent,
+    loadComponent: () => import('./home/home.component'),
     title: 'home.title',
   },
   {
     path: '',
-    component: NavbarComponent,
+    loadComponent: () => import('./layouts/navbar/navbar.component'),
     outlet: 'navbar',
   },
 <%_ if (!applicationTypeMicroservice) { _%>
@@ -63,7 +58,7 @@ const routes: Routes = [
 <%_ if (!authenticationTypeOauth2) { _%>
   {
     path: 'login',
-    component: LoginComponent,
+    loadComponent: () => import('./login/login.component'),
     title: 'login.title',
   },
 <%_ } _%>

package/dist/generators/angular/templates/src/main/webapp/app/config/navigation.constants.ts.ejs

@@ -19,5 +19,5 @@
 export const ASC = 'asc';
 export const DESC = 'desc';
 export const SORT = 'sort';
-export const ITEM_DELETED_EVENT = 'deleted'
-export const DEFAULT_SORT_DATA = 'defaultSort'
+export const ITEM_DELETED_EVENT = 'deleted';
+export const DEFAULT_SORT_DATA = 'defaultSort';

package/dist/generators/angular/templates/src/main/webapp/app/config/translation.config.ts.ejs

@@ -24,7 +24,7 @@ export const translationNotFoundMessage = 'translation-not-found';
 
 export class MissingTranslationHandlerImpl implements MissingTranslationHandler {
   handle(params: MissingTranslationHandlerParams): string {
-    const key = params.key;
+    const { key } = params;
     return `${translationNotFoundMessage}[${key}]`;
   }
 }

package/dist/generators/angular/templates/src/main/webapp/app/config/uib-pagination.config.ts.ejs

@@ -23,7 +23,7 @@ import { ITEMS_PER_PAGE } from 'app/config/pagination.constants';
 
 @Injectable({ providedIn: 'root' })
 export class PaginationConfig {
-  private config = inject(NgbPaginationConfig);
+  private readonly config = inject(NgbPaginationConfig);
   constructor() {
     this.config.boundaryLinks = true;
     this.config.maxSize = 5;

package/dist/generators/angular/templates/src/main/webapp/app/core/auth/account.model.ts.ejs

@@ -25,6 +25,6 @@ export class Account {
     public langKey: string,
     public lastName: string | null,
     public login: string,
-    public imageUrl: string | null
+    public imageUrl: string | null,
   ) {}
 }

package/dist/generators/angular/templates/src/main/webapp/app/core/auth/account.service.spec.ts.ejs

@@ -19,7 +19,8 @@
 jest.mock('app/core/auth/state-storage.service');
 
 import { Router } from '@angular/router';
-import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import { provideHttpClientTesting, HttpTestingController } from '@angular/common/http/testing';
+import { provideHttpClient } from '@angular/common/http';
 import { TestBed } from '@angular/core/testing';
 <%_ if (enableTranslation) { _%>
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
@@ -48,6 +49,8 @@ function accountWithAuthorities(authorities: string[]): Account {
   };
 }
 
+const mockFn = (value: string | null): jest.Mock<string | null> => jest.fn(() => value);
+
 describe('Account Service', () => {
   let service: AccountService;
 <%_ if (generateUserManagement) { _%>
@@ -62,13 +65,14 @@ describe('Account Service', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
+      <%_ if (enableTranslation) { _%>
       imports: [
-        HttpClientTestingModule,
-<%_ if (enableTranslation) { _%>
         TranslateModule.forRoot(),
-<%_ } _%>
       ],
+      <%_ } _%>
       providers: [
+        provideHttpClient(),
+        provideHttpClientTesting(),
         StateStorageService,
       ],
     });
@@ -172,7 +176,7 @@ describe('save', () => {
     describe('should change the language on authentication if necessary', () => {
       it('should change language if user has not changed language manually', () => {
         // GIVEN
-        mockStorageService.getLocale = jest.fn(() => null);
+        mockStorageService.getLocale = mockFn(null);
 
         // WHEN
         service.identity().subscribe();
@@ -184,7 +188,7 @@ describe('save', () => {
 
       it('should not change language if user has changed language manually', () => {
         // GIVEN
-        mockStorageService.getLocale = jest.fn(() => 'sessionLang');
+        mockStorageService.getLocale = mockFn('sessionLang');
 
         // WHEN
         service.identity().subscribe();
@@ -199,7 +203,7 @@ describe('save', () => {
     describe('navigateToStoredUrl', () => {
       it('should navigate to the previous stored url post successful authentication', () => {
         // GIVEN
-        mockStorageService.getUrl = jest.fn(() => 'admin/users?page=0');
+        mockStorageService.getUrl = mockFn('admin/users?page=0');
 
         // WHEN
         service.identity().subscribe();
@@ -214,7 +218,7 @@ describe('save', () => {
       it('should not navigate to the previous stored url when authentication fails', () => {
         // WHEN
         service.identity().subscribe();
-        httpMock.expectOne({ method: 'GET' }).error(new ErrorEvent(''));
+        httpMock.expectOne({ method: 'GET' }).error(new ProgressEvent(''));
 
         // THEN
         expect(mockStorageService.getUrl).not.toHaveBeenCalled();
@@ -224,7 +228,7 @@ describe('save', () => {
 
       it('should not navigate to the previous stored url when no such url exists post successful authentication', () => {
         // GIVEN
-        mockStorageService.getUrl = jest.fn(() => null);
+        mockStorageService.getUrl = mockFn(null);
 
         // WHEN
         service.identity().subscribe();

package/dist/generators/angular/templates/src/main/webapp/app/core/auth/auth-jwt.service.spec.ts.ejs

@@ -17,7 +17,8 @@
  limitations under the License.
 -%>
 import { TestBed } from '@angular/core/testing';
-import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import { provideHttpClientTesting, HttpTestingController } from '@angular/common/http/testing';
+import { provideHttpClient } from '@angular/common/http';
 import { AuthServerProvider } from 'app/core/auth/auth-jwt.service';
 import { StateStorageService } from './state-storage.service';
 
@@ -28,7 +29,7 @@ describe('Auth JWT', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [HttpClientTestingModule],
+      providers: [provideHttpClient(), provideHttpClientTesting()],
     });
 
     mockStorageService = TestBed.inject(StateStorageService);

package/dist/generators/angular/templates/src/main/webapp/app/core/auth/user-route-access.service.ts.ejs

@@ -36,7 +36,7 @@ export const UserRouteAccessService: CanActivateFn = (next: ActivatedRouteSnapsh
   return accountService.identity().pipe(
     map(account => {
       if (account) {
-        const authorities = next.data['authorities'];
+        const { authorities } = next.data;
 
         if (!authorities || authorities.length === 0 || accountService.hasAnyAuthority(authorities)) {
           return true;
@@ -56,6 +56,6 @@ export const UserRouteAccessService: CanActivateFn = (next: ActivatedRouteSnapsh
       loginService.login();
 <%_ } _%>
       return false;
-    })
+    }),
   );
 };

package/dist/generators/angular/templates/src/main/webapp/app/core/interceptor/auth-expired.interceptor.ts.ejs

@@ -27,9 +27,9 @@ import { StateStorageService } from 'app/core/auth/state-storage.service';
 
 @Injectable()
 export class AuthExpiredInterceptor implements HttpInterceptor {
-  private loginService = inject(LoginService);
-  private stateStorageService = inject(StateStorageService);
-  private router = inject(Router);
+  private readonly loginService = inject(LoginService);
+  private readonly stateStorageService = inject(StateStorageService);
+  private readonly router = inject(Router);
 
   intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
     return next.handle(request).pipe(
@@ -51,7 +51,7 @@ export class AuthExpiredInterceptor implements HttpInterceptor {
 <%_ } _%>
           }
         },
-      })
+      }),
     );
   }
 }

package/dist/generators/angular/templates/src/main/webapp/app/core/interceptor/auth.interceptor.ts.ejs

@@ -25,8 +25,8 @@ import { ApplicationConfigService } from '../config/application-config.service';
 
 @Injectable()
 export class AuthInterceptor implements HttpInterceptor {
-  private stateStorageService = inject(StateStorageService);
-  private applicationConfigService = inject(ApplicationConfigService);
+  private readonly stateStorageService = inject(StateStorageService);
+  private readonly applicationConfigService = inject(ApplicationConfigService);
 
   intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
     const serverApiUrl = this.applicationConfigService.getEndpointFor('');

package/dist/generators/angular/templates/src/main/webapp/app/core/interceptor/error-handler.interceptor.ts.ejs

@@ -25,7 +25,7 @@ import { EventManager, EventWithContent } from 'app/core/util/event-manager.serv
 
 @Injectable()
 export class ErrorHandlerInterceptor implements HttpInterceptor {
-  private eventManager = inject(EventManager);
+  private readonly eventManager = inject(EventManager);
 
   intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
     return next.handle(request).pipe(
@@ -35,7 +35,7 @@ export class ErrorHandlerInterceptor implements HttpInterceptor {
             this.eventManager.broadcast(new EventWithContent('<%= frontendAppName %>.httpError', err));
           }
         },
-      })
+      }),
     );
   }
 }