build: bump angular to 18

bump: angular/core to 18.0.1,
    - angular/cdk to 18.0.0,
    - angular/cli to 18.0.2 and
    - eslint/schematics to 18.0.0

BREAKING CHANGE: Converting to Standalone Components for KVM, IDER, and SOL.
As such, standalone requires Angular 17 or newer.
    - Renamed KvmComponent to KVMComponent
    - Renamed SolComponent to SOLComponent
    - Renamed IderComponent to IDER Component
    - Fixed backwards compatible support to Angular 17

ider/src/ider.component.spec.ts

@@ -1,24 +1,23 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing'
-import { IderComponent } from './ider.component'
+import { IDERComponent } from './ider.component'
 import { AMTRedirector, AMTIDER } from '@open-amt-cloud-toolkit/ui-toolkit/core'
 
 describe('IderComponent', () => {
-  let component: IderComponent
-  let fixture: ComponentFixture<IderComponent>
+  let component: IDERComponent
+  let fixture: ComponentFixture<IDERComponent>
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [IderComponent],
+      imports: [IDERComponent],
       providers: [{
         provide: 'userInput',
         useValue: {
           mpsServer: 'https://localhost/mps'
         }
       }]
-
     })
       .compileComponents()
-    fixture = TestBed.createComponent(IderComponent)
+    fixture = TestBed.createComponent(IDERComponent)
     component = fixture.componentInstance
     fixture.detectChanges()
   })

ider/src/ider.component.ts

@@ -11,9 +11,10 @@ export interface IDERData {
 @Component({
   selector: 'amt-ider',
   template: '',
-  styles: []
+  styles: [],
+  standalone: true
 })
-export class IderComponent {
+export class IDERComponent {
   redirector: AMTRedirector | null
   ider: AMTIDER | null
   data: IDERData | null

ider/src/public_api.ts

@@ -3,4 +3,3 @@
  */
 
 export * from './ider.component'
-export * from './ider.module'

kvm/src/kvm.component.spec.ts

@@ -4,30 +4,28 @@
  **********************************************************************/
 import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core/testing'
 
-import { KvmComponent } from './kvm.component'
-import { RouterTestingModule } from '@angular/router/testing'
+import { KVMComponent } from './kvm.component'
 import { AMTDesktop, AMTRedirector, DataProcessor, KeyBoardHelper, MouseHelper } from '@open-amt-cloud-toolkit/ui-toolkit/core'
 
 describe('KvmComponent', () => {
-  let component: KvmComponent
-  let fixture: ComponentFixture<KvmComponent>
+  let component: KVMComponent
+  let fixture: ComponentFixture<KVMComponent>
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [KvmComponent],
-      imports: [RouterTestingModule]
+      imports: [KVMComponent]
     })
       .compileComponents()
   })
 
   const setup = (): void => {
-    fixture = TestBed.createComponent(KvmComponent)
+    fixture = TestBed.createComponent(KVMComponent)
     component = fixture.componentInstance
     fixture.detectChanges()
   }
 
   const asyncSetup = fakeAsync(() => {
-    fixture = TestBed.createComponent(KvmComponent)
+    fixture = TestBed.createComponent(KVMComponent)
     component = fixture.componentInstance
     component.mpsServer = 'wss://localhost'
     component.authToken = 'authToken'

kvm/src/kvm.component.ts

@@ -29,9 +29,10 @@ import { throttleTime } from 'rxjs/operators'
 @Component({
   selector: 'amt-kvm',
   templateUrl: './kvm.component.html',
-  styleUrls: ['./kvm.component.css']
+  styleUrls: ['./kvm.component.css'],
+  standalone: true
 })
-export class KvmComponent implements OnInit, AfterViewInit, OnDestroy {
+export class KVMComponent implements OnInit, AfterViewInit, OnDestroy {
   @ViewChild('canvas', { static: false }) canvas: ElementRef | undefined
   @ViewChild('device', { static: false }) device: string
   public context!: CanvasRenderingContext2D

kvm/src/public_api.ts

@@ -7,4 +7,3 @@
  */
 
 export * from './kvm.component'
-export * from './kvm.module'