working angular 15 version

package.json

@@ -17,12 +17,12 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^15.2.10",
-    "@angular/cdk": "^14.2.7",
+    "@angular/cdk": "^15.2.9",
     "@angular/common": "^15.2.10",
     "@angular/compiler": "^15.2.10",
     "@angular/core": "^15.2.10",
     "@angular/forms": "^15.2.10",
-    "@angular/material": "^14.2.7",
+    "@angular/material": "^15.2.9",
     "@angular/platform-browser": "^15.2.10",
     "@angular/platform-browser-dynamic": "^15.2.10",
     "@angular/router": "^15.2.10",

src/app/app.module.ts

@@ -27,35 +27,35 @@ import { VersionInfoComponent } from './common-components/version-info/version-i
 import { MainNavigationComponent } from './common-components/main-navigation/main-navigation.component';
 import { ModuleGridComponent } from './pages/module-grid/module-grid.component';
 import { UserModuleService } from './services/user-module.service';
-import { MatDialogModule } from '@angular/material/dialog';
+import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 @NgModule({
-    declarations: [
-        AppComponent,
-        LoginComponent,
-        OverviewComponent,
-        LogoutComponent,
-        VersionInfoComponent,
-        MainNavigationComponent,
-        ModuleGridComponent,
-    ],
-    imports: [
-        AppRoutingModule,
-        BrowserModule,
-        BrowserAnimationsModule,
-        FormsModule,
-        HttpClientModule,
-        MatGridListModule,
-        MatIconModule,
-        MatDialogModule,
-    ],
-    providers: [
-        AuthenticationService,
-        UserModuleService,
-        VersionInfoService,
-        SessionContext,
-    ],
-    bootstrap: [AppComponent]
+  declarations: [
+    AppComponent,
+    LoginComponent,
+    OverviewComponent,
+    LogoutComponent,
+    VersionInfoComponent,
+    MainNavigationComponent,
+    ModuleGridComponent,
+  ],
+  imports: [
+    AppRoutingModule,
+    BrowserModule,
+    BrowserAnimationsModule,
+    FormsModule,
+    HttpClientModule,
+    MatGridListModule,
+    MatIconModule,
+    MatDialogModule,
+  ],
+  providers: [
+    AuthenticationService,
+    UserModuleService,
+    VersionInfoService,
+    SessionContext,
+  ],
+  bootstrap: [AppComponent],
 })
 export class AppModule {}

src/app/common-components/main-navigation/main-navigation.component.spec.ts

@@ -6,7 +6,7 @@ import {
   tick,
 } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog, MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { Router } from '@angular/router';
 import { RouterTestingModule } from '@angular/router/testing';

src/app/common-components/main-navigation/main-navigation.component.ts

@@ -10,7 +10,7 @@
  ******************************************************************************
  */
 import { Component } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { Router } from '@angular/router';
 import { SessionContext } from '../../common/session-context';
 import { LogoutComponent } from '../../dialogs/logout/logout.component';

src/app/dialogs/logout/logout.component.spec.ts

@@ -12,7 +12,7 @@
 /* tslint:disable:no-unused-variable */
 import { NgModule } from '@angular/core';
 import { ComponentFixture, TestBed, async } from '@angular/core/testing';
-import { MatDialogModule, MatDialogRef } from '@angular/material/dialog';
+import { MatLegacyDialogModule as MatDialogModule, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
 import { By } from '@angular/platform-browser';
 import { Router } from '@angular/router';
 import { RouterTestingModule } from '@angular/router/testing';

src/app/dialogs/logout/logout.component.ts

@@ -10,7 +10,7 @@
  ******************************************************************************
  */
 import { Component, Optional } from '@angular/core';
-import { MatDialogRef } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
 import { Router } from '@angular/router';
 import { AuthenticationService } from '../../services/authentication.service';
 

src/app/pages/login/login.component.spec.ts

@@ -12,7 +12,7 @@
 import { HttpClientModule } from '@angular/common/http';
 import { DebugElement } from '@angular/core';
 import { ComponentFixture, TestBed, async } from '@angular/core/testing';
-import { MatDialogModule } from '@angular/material/dialog';
+import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
 import { By } from '@angular/platform-browser';
 import { ActivatedRoute, Router } from '@angular/router';
 import { of } from 'rxjs';

src/app/pages/overview/overview.component.spec.ts

@@ -15,7 +15,7 @@ import { MainNavigationComponent } from '../../common-components/main-navigation
 import { MockComponent } from '../../testing/mock.component';
 import { OverviewComponent } from './overview.component';
 import { Router } from '@angular/router';
-import { MatDialogModule } from '@angular/material/dialog';
+import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
 import { SessionContext } from '../../common/session-context';
 import { AppModule } from '../../app.module';
 

src/app/pages/overview/overview.component.ts

@@ -10,7 +10,7 @@
  ******************************************************************************
  */
 import { Component } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { SessionContext } from '../../common/session-context';
 
 @Component({