120243: ng update @angular/core @angular/cli --force

package.json

@@ -11,12 +11,10 @@
     "start:mirador:prod": "npm run build:mirador && npm run start:prod",
     "preserve": "npm run base-href",
     "serve": "ts-node --project ./tsconfig.ts-node.json scripts/serve.ts",
-    "serve:ssr": "node dist/server/main",
     "analyze": "webpack-bundle-analyzer dist/browser/stats.json",
     "build": "ng build --configuration development",
     "build:stats": "ng build --stats-json",
     "build:prod": "cross-env NODE_ENV=production npm run build:ssr",
-    "build:ssr": "ng build --configuration production && ng run dspace-angular:server:production",
     "build:lint": "rimraf 'lint/dist/**/*.js' 'lint/dist/**/*.js.map' && tsc -b lint/tsconfig.json",
     "test": "ng test --source-map=true --watch=false --configuration test",
     "test:watch": "nodemon --exec \"ng test --source-map=true --watch=true --configuration test\"",
@@ -98,19 +96,19 @@
     }
   },
   "dependencies": {
-    "@angular/animations": "^17.3.12",
+    "@angular/animations": "^18.2.12",
     "@angular/cdk": "^17.3.10",
-    "@angular/common": "^17.3.12",
+    "@angular/common": "^18.2.12",
-    "@angular/compiler": "^17.3.12",
+    "@angular/compiler": "^18.2.12",
-    "@angular/core": "^17.3.12",
+    "@angular/core": "^18.2.12",
-    "@angular/forms": "^17.3.12",
+    "@angular/forms": "^18.2.12",
-    "@angular/localize": "^17.3.12",
+    "@angular/localize": "^18.2.12",
-    "@angular/platform-browser": "^17.3.12",
+    "@angular/platform-browser": "^18.2.12",
-    "@angular/platform-browser-dynamic": "^17.3.12",
+    "@angular/platform-browser-dynamic": "^18.2.12",
-    "@angular/platform-server": "^17.3.12",
+    "@angular/platform-server": "^18.2.12",
-    "@angular/router": "^17.3.12",
+    "@angular/router": "^18.2.12",
-    "@angular/ssr": "^17.3.11",
+    "@angular/ssr": "^18.2.12",
-    "@babel/runtime": "7.26.7",
+    "@babel/runtime": "7.26.0",
     "@kolkov/ngx-gallery": "^2.0.1",
     "@ng-bootstrap/ng-bootstrap": "^12.0.0",
     "@ng-dynamic-forms/core": "^16.0.0",
@@ -168,7 +166,7 @@
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "~17.0.2",
-    "@angular-devkit/build-angular": "^17.3.11",
+    "@angular-devkit/build-angular": "^18.2.12",
     "@angular-eslint/builder": "^18.4.1",
     "@angular-eslint/bundled-angular-compiler": "^18.4.1",
     "@angular-eslint/eslint-plugin": "^18.4.1",
@@ -176,9 +174,9 @@
     "@angular-eslint/schematics": "^18.4.1",
     "@angular-eslint/template-parser": "^18.4.1",
     "@angular-eslint/utils": "^18.4.1",
-    "@angular/cli": "^17.3.11",
+    "@angular/cli": "^18.2.12",
-    "@angular/compiler-cli": "^17.3.11",
+    "@angular/compiler-cli": "^18.2.12",
-    "@angular/language-service": "^17.3.12",
+    "@angular/language-service": "^18.2.12",
     "@cypress/schematic": "^1.5.0",
     "@fortawesome/fontawesome-free": "^6.7.2",
     "@ngrx/store-devtools": "^17.1.1",

src/app/admin/admin-reports/filtered-collections/filtered-collections.component.spec.ts

@@ -1,4 +1,4 @@
-import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import {
   ComponentFixture,
@@ -20,6 +20,7 @@ import { RawRestResponse } from 'src/app/core/dspace-rest/raw-rest-response.mode
 import { TranslateLoaderMock } from 'src/app/shared/mocks/translate-loader.mock';
 
 import { FilteredCollectionsComponent } from './filtered-collections.component';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('FiltersComponent', () => {
   let component: FilteredCollectionsComponent;
@@ -39,22 +40,21 @@ describe('FiltersComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [
+    schemas: [NO_ERRORS_SCHEMA],
-        NgbAccordionModule,
+    imports: [NgbAccordionModule,
         TranslateModule.forRoot({
             loader: {
                 provide: TranslateLoader,
                 useClass: TranslateLoaderMock,
             },
         }),
-        HttpClientTestingModule,
+        FilteredCollectionsComponent],
-        FilteredCollectionsComponent,
-      ],
     providers: [
         FormBuilder,
         DspaceRestService,
-      ],
+        provideHttpClient(withInterceptorsFromDi()),
-      schemas: [NO_ERRORS_SCHEMA],
+        provideHttpClientTesting(),
+    ]
 });
   }));
 

src/app/core/auth/auth.interceptor.spec.ts

@@ -1,8 +1,5 @@
-import { HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import {
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-  HttpClientTestingModule,
-  HttpTestingController,
-} from '@angular/common/http/testing';
 import { TestBed } from '@angular/core/testing';
 import { Router } from '@angular/router';
 import { Store } from '@ngrx/store';
@@ -28,7 +25,7 @@ describe(`AuthInterceptor`, () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [HttpClientTestingModule],
+    imports: [],
     providers: [
         DspaceRestService,
         { provide: AuthService, useValue: authServiceStub },
@@ -39,7 +36,9 @@ describe(`AuthInterceptor`, () => {
             multi: true,
         },
         { provide: Store, useValue: store },
-      ],
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting(),
+    ]
 });
 
     service = TestBed.inject(DspaceRestService);

src/app/core/auth/auth.interceptor.ts

@@ -1,13 +1,4 @@
-import {
+import { HttpErrorResponse, HttpEvent, HttpHandler, HttpHeaders, HttpInterceptor, HttpRequest, HttpResponse, HttpResponseBase } from '@angular/common/http';
-  HttpErrorResponse,
-  HttpEvent,
-  HttpHandler,
-  HttpHeaders,
-  HttpInterceptor,
-  HttpRequest,
-  HttpResponse,
-  HttpResponseBase,
-} from '@angular/common/http';
 import {
   Injectable,
   Injector,

src/app/core/auth/server-auth-request.service.spec.ts

@@ -1,8 +1,4 @@
-import {
+import { HttpClient, HttpHeaders, HttpResponse } from '@angular/common/http';
-  HttpClient,
-  HttpHeaders,
-  HttpResponse,
-} from '@angular/common/http';
 import {
   Observable,
   of as observableOf,

src/app/core/auth/server-auth-request.service.ts

@@ -1,8 +1,4 @@
-import {
+import { HttpClient, HttpHeaders, HttpResponse } from '@angular/common/http';
-  HttpClient,
-  HttpHeaders,
-  HttpResponse,
-} from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';

src/app/core/data/eperson-registration.service.ts

@@ -1,7 +1,4 @@
-import {
+import { HttpHeaders, HttpParams } from '@angular/common/http';
-  HttpHeaders,
-  HttpParams,
-} from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
 import {

src/app/core/data/identifier-data.service.ts

@@ -1,8 +1,4 @@
-import {
+import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
-  HttpClient,
-  HttpHeaders,
-  HttpParams,
-} from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Store } from '@ngrx/store';
 import { Observable } from 'rxjs';

src/app/core/dspace-rest/dspace-rest.service.spec.ts

@@ -1,11 +1,5 @@
-import {
+import { HttpErrorResponse, HttpHeaders, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-  HttpErrorResponse,
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-  HttpHeaders,
-} from '@angular/common/http';
-import {
-  HttpClientTestingModule,
-  HttpTestingController,
-} from '@angular/common/http/testing';
 import {
   inject,
   TestBed,
@@ -33,8 +27,8 @@ describe('DspaceRestService', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [HttpClientTestingModule],
+    imports: [],
-      providers: [DspaceRestService],
+    providers: [DspaceRestService, provideHttpClient(withInterceptorsFromDi()), provideHttpClientTesting()]
 });
 
     dspaceRestService = TestBed.inject(DspaceRestService);

src/app/core/dspace-rest/dspace-rest.service.ts

@@ -1,10 +1,4 @@
-import {
+import { HttpClient, HttpErrorResponse, HttpHeaders, HttpParams, HttpResponse } from '@angular/common/http';
-  HttpClient,
-  HttpErrorResponse,
-  HttpHeaders,
-  HttpParams,
-  HttpResponse,
-} from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import {
   Observable,

src/app/core/forward-client-ip/forward-client-ip.interceptor.spec.ts

@@ -1,8 +1,5 @@
-import { HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import {
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-  HttpClientTestingModule,
-  HttpTestingController,
-} from '@angular/common/http/testing';
 import { TestBed } from '@angular/core/testing';
 
 import { REQUEST } from '../../../express.tokens';
@@ -21,7 +18,7 @@ describe('ForwardClientIpInterceptor', () => {
     clientIp = '1.2.3.4';
 
     TestBed.configureTestingModule({
-      imports: [HttpClientTestingModule],
+    imports: [],
     providers: [
         DspaceRestService,
         {
@@ -30,7 +27,9 @@ describe('ForwardClientIpInterceptor', () => {
             multi: true,
         },
         { provide: REQUEST, useValue: { get: () => undefined, connection: { remoteAddress: clientIp } } },
-      ],
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting(),
+    ]
 });
 
     service = TestBed.inject(DspaceRestService);

src/app/core/forward-client-ip/forward-client-ip.interceptor.ts

@@ -1,9 +1,4 @@
-import {
+import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
-  HttpEvent,
-  HttpHandler,
-  HttpInterceptor,
-  HttpRequest,
-} from '@angular/common/http';
 import {
   Inject,
   Injectable,

src/app/core/locale/locale.interceptor.spec.ts

@@ -1,8 +1,5 @@
-import { HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import {
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-  HttpClientTestingModule,
-  HttpTestingController,
-} from '@angular/common/http/testing';
 import { TestBed } from '@angular/core/testing';
 import { of } from 'rxjs';
 
@@ -25,7 +22,7 @@ describe(`LocaleInterceptor`, () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [HttpClientTestingModule],
+    imports: [],
     providers: [
         DspaceRestService,
         {
@@ -34,7 +31,9 @@ describe(`LocaleInterceptor`, () => {
             multi: true,
         },
         { provide: LocaleService, useValue: mockLocaleService },
-      ],
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting(),
+    ]
 });
 
     service = TestBed.inject(DspaceRestService);

src/app/core/locale/locale.interceptor.ts

@@ -1,9 +1,4 @@
-import {
+import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
-  HttpEvent,
-  HttpHandler,
-  HttpInterceptor,
-  HttpRequest,
-} from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
 import {

src/app/core/log/log.interceptor.spec.ts

@@ -1,8 +1,5 @@
-import { HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import {
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-  HttpClientTestingModule,
-  HttpTestingController,
-} from '@angular/common/http/testing';
 import { TestBed } from '@angular/core/testing';
 import { Router } from '@angular/router';
 import { StoreModule } from '@ngrx/store';
@@ -39,10 +36,7 @@ describe('LogInterceptor', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [
+    imports: [StoreModule.forRoot(appReducers, storeModuleConfig)],
-        HttpClientTestingModule,
-        StoreModule.forRoot(appReducers, storeModuleConfig),
-      ],
     providers: [
         DspaceRestService,
         // LogInterceptor,
@@ -55,7 +49,9 @@ describe('LogInterceptor', () => {
         { provide: Router, useValue: router },
         { provide: CorrelationIdService, useClass: CorrelationIdService },
         { provide: UUIDService, useClass: UUIDService },
-      ],
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting(),
+    ]
 });
 
     service = TestBed.inject(DspaceRestService);

src/app/core/log/log.interceptor.ts

@@ -1,9 +1,4 @@
-import {
+import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
-  HttpEvent,
-  HttpHandler,
-  HttpInterceptor,
-  HttpRequest,
-} from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Router } from '@angular/router';
 import { Observable } from 'rxjs';

src/app/core/notifications/qa/events/quality-assurance-event-data.service.ts

@@ -1,7 +1,4 @@
-import {
+import { HttpHeaders, HttpParams } from '@angular/common/http';
-  HttpHeaders,
-  HttpParams,
-} from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { ReplaceOperation } from 'fast-json-patch';
 import { Observable } from 'rxjs';

src/app/core/profile/researcher-profile-data.service.spec.ts

@@ -1,7 +1,4 @@
-import {
+import { HttpClient, HttpHeaders } from '@angular/common/http';
-  HttpClient,
-  HttpHeaders,
-} from '@angular/common/http';
 import { ReplaceOperation } from 'fast-json-patch';
 import {
   cold,

src/app/core/submission/workspaceitem-data.service.spec.ts

@@ -1,7 +1,4 @@
-import {
+import { HttpClient, HttpHeaders } from '@angular/common/http';
-  HttpClient,
-  HttpHeaders,
-} from '@angular/common/http';
 import { waitForAsync } from '@angular/core/testing';
 import { Store } from '@ngrx/store';
 import {

src/app/core/submission/workspaceitem-data.service.ts

@@ -1,7 +1,4 @@
-import {
+import { HttpClient, HttpHeaders } from '@angular/common/http';
-  HttpClient,
-  HttpHeaders,
-} from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Store } from '@ngrx/store';
 import { Observable } from 'rxjs';

src/app/core/xsrf/browser-xsrf.service.spec.ts

@@ -1,8 +1,5 @@
-import { HttpClient } from '@angular/common/http';
+import { HttpClient, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import {
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-  HttpClientTestingModule,
-  HttpTestingController,
-} from '@angular/common/http/testing';
 import { TestBed } from '@angular/core/testing';
 
 import { RESTURLCombiner } from '../url-combiner/rest-url-combiner';
@@ -17,8 +14,8 @@ describe(`BrowserXSRFService`, () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [ HttpClientTestingModule ],
+    imports: [],
-      providers: [ BrowserXSRFService ],
+    providers: [BrowserXSRFService, provideHttpClient(withInterceptorsFromDi()), provideHttpClientTesting()]
 });
     httpClient = TestBed.inject(HttpClient);
     httpTestingController = TestBed.inject(HttpTestingController);

src/app/core/xsrf/xsrf.interceptor.spec.ts

@@ -1,12 +1,5 @@
-import {
+import { HTTP_INTERCEPTORS, HttpHeaders, HttpXsrfTokenExtractor, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-  HTTP_INTERCEPTORS,
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-  HttpHeaders,
-  HttpXsrfTokenExtractor,
-} from '@angular/common/http';
-import {
-  HttpClientTestingModule,
-  HttpTestingController,
-} from '@angular/common/http/testing';
 import { TestBed } from '@angular/core/testing';
 
 import { CookieServiceMock } from '../../shared/mocks/cookie.service.mock';
@@ -35,7 +28,7 @@ describe(`XsrfInterceptor`, () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [HttpClientTestingModule],
+    imports: [],
     providers: [
         DspaceRestService,
         {
@@ -45,7 +38,9 @@ describe(`XsrfInterceptor`, () => {
         },
         { provide: HttpXsrfTokenExtractor, useValue: new HttpXsrfTokenExtractorMock(testToken) },
         { provide: CookieService, useValue: new CookieServiceMock() },
-      ],
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting(),
+    ]
 });
 
     service = TestBed.get(DspaceRestService);

src/app/core/xsrf/xsrf.interceptor.ts

@@ -1,12 +1,4 @@
-import {
+import { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest, HttpResponse, HttpXsrfTokenExtractor } from '@angular/common/http';
-  HttpErrorResponse,
-  HttpEvent,
-  HttpHandler,
-  HttpInterceptor,
-  HttpRequest,
-  HttpResponse,
-  HttpXsrfTokenExtractor,
-} from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import {
   Observable,

src/app/shared/lang-switch/lang-switch.component.spec.ts

@@ -1,7 +1,4 @@
-import {
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-  HttpClientTestingModule,
-  HttpTestingController,
-} from '@angular/common/http/testing';
 import {
   DebugElement,
   NO_ERRORS_SCHEMA,
@@ -25,6 +22,7 @@ import {
 import { LangConfig } from '../../../config/lang-config.interface';
 import { LocaleService } from '../../core/locale/locale.service';
 import { LangSwitchComponent } from './lang-switch.component';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 // This test is completely independent from any message catalogs or keys in the codebase
 // The translation module is instantiated with these bogus messages that we aren't using anyway.
@@ -83,14 +81,16 @@ describe('LangSwitchComponent', () => {
       };
 
       TestBed.configureTestingModule({
-        imports: [HttpClientTestingModule, TranslateModule.forRoot({
+    schemas: [NO_ERRORS_SCHEMA],
+    imports: [TranslateModule.forRoot({
             loader: { provide: TranslateLoader, useClass: CustomLoader },
         }), LangSwitchComponent],
-        schemas: [NO_ERRORS_SCHEMA],
     providers: [
         TranslateService,
         { provide: LocaleService, useValue: getMockLocaleService() },
-        ],
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting(),
+    ]
 }).compileComponents()
         .then(() => {
           translate = TestBed.inject(TranslateService);
@@ -166,14 +166,16 @@ describe('LangSwitchComponent', () => {
       };
 
       TestBed.configureTestingModule({
-        imports: [HttpClientTestingModule, TranslateModule.forRoot({
+    schemas: [NO_ERRORS_SCHEMA],
+    imports: [TranslateModule.forRoot({
             loader: { provide: TranslateLoader, useClass: CustomLoader },
         }), LangSwitchComponent],
-        schemas: [NO_ERRORS_SCHEMA],
     providers: [
         TranslateService,
         { provide: LocaleService, useValue: getMockLocaleService() },
-        ],
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting(),
+    ]
 }).compileComponents();
       translate = TestBed.inject(TranslateService);
       translate.addLangs(mockConfig.languages.filter((MyLangConfig) => MyLangConfig.active === true).map((a) => a.code));

src/app/shared/mocks/dspace-rest/endpoint-mocking-rest.service.spec.ts

@@ -1,7 +1,4 @@
-import {
+import { HttpHeaders, HttpResponse } from '@angular/common/http';
-  HttpHeaders,
-  HttpResponse,
-} from '@angular/common/http';
 import { of as observableOf } from 'rxjs';
 
 import { RestRequestMethod } from '../../../core/data/rest-request-method';

src/app/shared/mocks/dspace-rest/endpoint-mocking-rest.service.ts

@@ -1,7 +1,4 @@
-import {
+import { HttpClient, HttpHeaders } from '@angular/common/http';
-  HttpClient,
-  HttpHeaders,
-} from '@angular/common/http';
 import {
   Inject,
   Injectable,

src/modules/app/browser-app.config.ts

@@ -1,8 +1,4 @@
-import {
+import { HttpClient, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-  HttpClient,
-  provideHttpClient,
-  withInterceptorsFromDi,
-} from '@angular/common/http';
 import {
   APP_ID,
   APP_INITIALIZER,

src/themes/custom/lazy-theme.module.ts

@@ -1,6 +1,6 @@
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { CommonModule } from '@angular/common';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
@@ -203,13 +203,10 @@ const DECLARATIONS = [
   SearchResultsSkeletonComponent,
 ];
 
-@NgModule({
+@NgModule({ imports: [RootModule,
-  imports: [
-    RootModule,
         CommonModule,
         DragDropModule,
         FormsModule,
-    HttpClientModule,
         NgbModule,
         RouterModule,
         ScrollToModule,
@@ -218,9 +215,7 @@ const DECLARATIONS = [
         TranslateModule,
         FormsModule,
         NgxGalleryModule,
-    ...DECLARATIONS,
+        ...DECLARATIONS], providers: [provideHttpClient(withInterceptorsFromDi())] })
-  ],
-})
 
 /**
    * This module serves as an index for all the components in this theme.

src/themes/dspace/lazy-theme.module.ts

@@ -1,6 +1,6 @@
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { CommonModule } from '@angular/common';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
@@ -15,23 +15,17 @@ import { RootModule } from '../../app/root.module';
 const DECLARATIONS = [
 ];
 
-@NgModule({
+@NgModule({ declarations: DECLARATIONS, imports: [RootModule,
-  imports: [
-    RootModule,
         CommonModule,
         DragDropModule,
         FormsModule,
-    HttpClientModule,
         NgbModule,
         RouterModule,
         ScrollToModule,
         StoreModule,
         StoreRouterConnectingModule,
         TranslateModule,
-    FormsModule,
+        FormsModule], providers: [provideHttpClient(withInterceptorsFromDi())] })
-  ],
-  declarations: DECLARATIONS,
-})
 
 /**
  * This module serves as an index for all the components in this theme.

tsconfig.json

@@ -8,8 +8,8 @@
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "declaration": false,
-    "downlevelIteration": true,
     "emitDecoratorMetadata": true,
+    "esModuleInterop": true,
     "experimentalDecorators": true,
     "sourceMap": true,
     "module": "es2020",
@@ -20,7 +20,6 @@
     "strictNullChecks": false,
     "skipDefaultLibCheck": true,
     "pretty": true,
-    "allowSyntheticDefaultImports": true,
     "target": "ES2022",
     "typeRoots": [
       "node_modules/@types",