AW6241 Migrate main to ng-18

projects/common/src/fm/common.module.ts

@@ -1,7 +1,7 @@
 // angular modules
 import { NgModule, APP_INITIALIZER, ModuleWithProviders, Injector, Optional, SkipSelf,InjectionToken } from '@angular/core';
 import { CommonModule, DatePipe } from '@angular/common';
-import { HttpClientModule, HttpClient, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HttpClient, HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { FormsModule } from '@angular/forms';
 
 // external modules
@@ -126,79 +126,73 @@ export {
   GradientSelectComponent
 };
 
-@NgModule({
-  imports: [
-    CommonModule,
-    HttpClientModule,
-    AppCommonRoutingModule,
-    StoreModule.forFeature(MODULE_NAME, commonReducers.reducer),
-    EffectsModule.forFeature([commonEffects.AppCommonEffects]),
-    OAuthModule.forRoot(),
-    NgbModule,
-    FormsModule,
-    UploadxModule,
-    ClipboardModule,
-    AvatarModule,
-    ImageCropperModule
-  ],
-  declarations: [
-    AppComponent,
-    AuthCallbackComponent,
-    SidePanelComponent,
-    SafePipe,
-    NotFoundComponent,
-    NotImplementedComponent,
-    ResumableFileUploadComponent,
-    TimespanComponent,
-    TagInputComponent,
-    SessionClearedComponent,
-    MenuBackgroundComponent,
-    HasPackageDirective,
-    PackageExistsDirective,
-    HasClaimDirective,
-    HasRoleDirective,
-    UserMenuComponent,
-    GradientComponent,
-    GradientSelectComponent,
-    AppMenuComponent,
-    NotificationMenuComponent,
-    HelpMenuComponent,
-    BackButtonComponent,
-    ThumbnailComponent,
-    EditImageModalComponent,
-    AvatarComponent,
-    ItemLinkComponent
-  ],
-  exports: [
-    NgbModule,
-    UploadxModule,
-    ClipboardModule,
-    CommonModule,
-    AppComponent,
-    ResumableFileUploadComponent,
-    AuthCallbackComponent,
-    SidePanelComponent,
-    SafePipe,
-    NotFoundComponent,
-    NotImplementedComponent,
-    ResumableFileUploadComponent,
-    TimespanComponent,
-    TagInputComponent,
-    SessionClearedComponent,
-    MenuBackgroundComponent,
-    HasPackageDirective,
-    PackageExistsDirective,
-    HasClaimDirective,
-    HasRoleDirective,
-    UserMenuComponent,
-    GradientComponent,
-    GradientSelectComponent,
-    BackButtonComponent,
-    ThumbnailComponent,
-    AvatarComponent,
-    ItemLinkComponent,
-    EditImageModalComponent
-  ]
-})
+@NgModule({ declarations: [
+        AppComponent,
+        AuthCallbackComponent,
+        SidePanelComponent,
+        SafePipe,
+        NotFoundComponent,
+        NotImplementedComponent,
+        ResumableFileUploadComponent,
+        TimespanComponent,
+        TagInputComponent,
+        SessionClearedComponent,
+        MenuBackgroundComponent,
+        HasPackageDirective,
+        PackageExistsDirective,
+        HasClaimDirective,
+        HasRoleDirective,
+        UserMenuComponent,
+        GradientComponent,
+        GradientSelectComponent,
+        AppMenuComponent,
+        NotificationMenuComponent,
+        HelpMenuComponent,
+        BackButtonComponent,
+        ThumbnailComponent,
+        EditImageModalComponent,
+        AvatarComponent,
+        ItemLinkComponent
+    ],
+    exports: [
+        NgbModule,
+        UploadxModule,
+        ClipboardModule,
+        CommonModule,
+        AppComponent,
+        ResumableFileUploadComponent,
+        AuthCallbackComponent,
+        SidePanelComponent,
+        SafePipe,
+        NotFoundComponent,
+        NotImplementedComponent,
+        ResumableFileUploadComponent,
+        TimespanComponent,
+        TagInputComponent,
+        SessionClearedComponent,
+        MenuBackgroundComponent,
+        HasPackageDirective,
+        PackageExistsDirective,
+        HasClaimDirective,
+        HasRoleDirective,
+        UserMenuComponent,
+        GradientComponent,
+        GradientSelectComponent,
+        BackButtonComponent,
+        ThumbnailComponent,
+        AvatarComponent,
+        ItemLinkComponent,
+        EditImageModalComponent
+    ], imports: [CommonModule,
+        AppCommonRoutingModule,
+        StoreModule.forFeature(MODULE_NAME, commonReducers.reducer),
+        EffectsModule.forFeature([commonEffects.AppCommonEffects]),
+        OAuthModule.forRoot(),
+        NgbModule,
+        FormsModule,
+        UploadxModule,
+        ClipboardModule,
+        AvatarModule,
+        ImageCropperModule], providers: [provideHttpClient(withInterceptorsFromDi())] })
 export class AppCommonModule {
 }

projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit,ViewChild,ElementRef,EventEmitter, Output } from '@angular/core';
-import { HttpClient, HttpParams,HttpHeaders } from "@angular/common/http";
+import { HttpClient, HttpParams, HttpHeaders } from "@angular/common/http";
 import {NgbModal} from "@ng-bootstrap/ng-bootstrap"
 import { ImageCroppedEvent,LoadedImage } from 'ngx-image-cropper';
 import {ImageService } from '../../services/image.service';

projects/common/src/fm/services/folder.service.ts

@@ -2,7 +2,7 @@ import {Injectable} from '@angular/core';
 import {Observable} from 'rxjs';
 import {IListItem} from '../models/list.item';
 import {IItem} from '../models/item';
-import {HttpClient} from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
 import {AppConfig} from '../shared/app.config';
 import {ItemService} from './item.service';
 

projects/common/src/fm/services/geolocator.service.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
 import { IUser } from '../models/user';
-import { HttpClient,HttpHeaders } from "@angular/common/http";
+import { HttpClient, HttpHeaders } from "@angular/common/http";
 import { AppConfig } from "../shared/app.config";
 
 @Injectable({

projects/common/src/fm/services/image.service.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
 import { IUser } from '../models/user';
-import { HttpClient,HttpHeaders } from "@angular/common/http";
+import { HttpClient, HttpHeaders } from "@angular/common/http";
 import { AppConfig } from "../shared/app.config";
 
 @Injectable({

projects/common/src/fm/services/item.service.ts

@@ -7,7 +7,7 @@ import { IUrlType } from '../models/url.type';
 import { IItem } from '../models/item';
 import { IJsonline } from '../models/json-line';
 import { IItemTask } from '../models/itemTask';
-import { HttpClient, HttpParams,HttpHeaders } from "@angular/common/http";
+import { HttpClient, HttpParams, HttpHeaders } from "@angular/common/http";
 import { AppConfig } from "../shared/app.config";
 import {ItemTypeService} from './itemtype.service';
 import {IListItem} from '../models/list.item';

projects/common/src/fm/services/itemtype.service.ts

@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
 import {IItemTypes} from '../models/item.types'
 import {IItem} from '../models/item'
 import {AppConfig} from '../shared/app.config';
-import {HttpClient, HttpXhrBackend} from '@angular/common/http';
+import { HttpClient, HttpXhrBackend } from '@angular/common/http';
 
 @Injectable()
 export class ItemTypeService {

projects/common/src/fm/services/package.service.ts

@@ -5,7 +5,7 @@ import {IPackage, IPackages} from '../models/package';
 
 import {IItem} from '../models/item';
 import {IItemTask} from '../models/itemTask';
-import {HttpClient} from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
 import {AppConfig} from '../shared/app.config';
 import {Observable,iif,of} from 'rxjs';
 import {switchMap} from 'rxjs/operators';

projects/common/src/fm/services/schema.service.ts

@@ -1,5 +1,5 @@
 import {Inject, Injectable, LOCALE_ID} from '@angular/core';
-import {HttpClient} from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
 import {AppConfig} from '../shared/app.config';
 import {Observable, of} from 'rxjs';
 import {catchError, switchMap} from 'rxjs/operators';

projects/common/src/fm/services/typeahead.service.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Observable ,  Observer } from 'rxjs';
 import { ITypeaheadItem } from '../models/typeahead.item';
-import { HttpClient, HttpParams  } from "@angular/common/http";
+import { HttpClient, HttpParams } from "@angular/common/http";
 import { AppConfig } from "../shared/app.config";
 
 @Injectable({

projects/common/src/fm/services/weather.service.ts

@@ -1,5 +1,5 @@
 import {Injectable} from '@angular/core';
-import {HttpClient} from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
 import {Observable} from 'rxjs';
 import {GeoJSON} from 'ol/format';
 import {map, switchMap} from 'rxjs/operators';

projects/common/src/fm/shared/accesstoken.interceptor.ts

@@ -1,12 +1,7 @@
 import { Injectable, Injector, Inject } from '@angular/core';
 import { DOCUMENT } from '@angular/common'
 import { AppConfig } from "./app.config";
-import {
-  HttpRequest,
-  HttpHandler,
-  HttpEvent,
-  HttpInterceptor
-} from '@angular/common/http';
+import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
 import { OAuthService } from 'angular-oauth2-oidc';
 import { Observable } from 'rxjs';
 

projects/common/src/fm/shared/app.config.ts

@@ -1,6 +1,6 @@
 import {Inject, Injectable} from '@angular/core';
 import { Location,PathLocationStrategy,LocationStrategy } from '@angular/common';
-import {HttpClient, HttpXhrBackend} from '@angular/common/http';
+import { HttpClient, HttpXhrBackend } from '@angular/common/http';
 import {Observable} from 'rxjs';
 
 @Injectable()