g update @angular/core@18 @angular/cli@18

pdb-js/angular.json

@@ -18,12 +18,15 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "build/generated/resources",
+            "outputPath": {
+              "base": "build/generated/resources"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
+            "polyfills": [
-            "polyfills": "src/polyfills.ts",
+              "src/polyfills.ts"
+            ],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "assets": [
@@ -35,7 +38,8 @@
             ],
             "scripts": [
               "node_modules/marked/marked.min.js"
-            ]
+            ],
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -61,9 +65,7 @@
               "sourceMap": true
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true

pdb-js/package.json

@@ -14,16 +14,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.3.12",
+    "@angular/animations": "^18.1.2",
     "@angular/cdk": "^17.3.10",
-    "@angular/common": "^17.3.12",
+    "@angular/common": "^18.1.2",
-    "@angular/compiler": "^17.3.12",
+    "@angular/compiler": "^18.1.2",
-    "@angular/core": "^17.3.12",
+    "@angular/core": "^18.1.2",
-    "@angular/forms": "^17.3.12",
+    "@angular/forms": "^18.1.2",
     "@angular/material": "^17.3.10",
-    "@angular/platform-browser": "^17.3.12",
+    "@angular/platform-browser": "^18.1.2",
-    "@angular/platform-browser-dynamic": "^17.3.12",
+    "@angular/platform-browser-dynamic": "^18.1.2",
-    "@angular/router": "^17.3.12",
+    "@angular/router": "^18.1.2",
     "luxon": "^3.4.3",
     "marked": "^12",
     "ngx-markdown": "^17.0.0",
@@ -33,9 +33,9 @@
     "zone.js": "^0.14.8"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.8",
+    "@angular-devkit/build-angular": "^18.1.2",
-    "@angular/cli": "^17.3.8",
+    "@angular/cli": "^18.1.2",
-    "@angular/compiler-cli": "^17.3.12",
+    "@angular/compiler-cli": "^18.1.2",
     "@types/jasmine": "~4.3.0",
     "@types/luxon": "^3.3.2",
     "@types/marked": "^4.0.8",

pdb-js/src/app/app.module.ts

@@ -1,7 +1,7 @@
 import { BrowserModule } from "@angular/platform-browser";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
 import { enableProdMode, NgModule } from "@angular/core";
-import { HttpClientModule } from "@angular/common/http";
+import { provideHttpClient, withInterceptorsFromDi } from "@angular/common/http";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 
 import { AppRoutingModule } from "./app-routing.module";
@@ -61,8 +61,7 @@ import { ConfirmationDialogComponent } from "./confirmation-dialog/confirmation-
 import { FocusDirective } from "./focus.directive";
 import { MarkdownModule } from "ngx-markdown";
 
-@NgModule({
+@NgModule({ declarations: [
-  declarations: [
         AppComponent,
         MainPageComponent,
         HelpPageComponent,
@@ -91,8 +90,7 @@ import { MarkdownModule } from "ngx-markdown";
         ConfirmationDialogComponent,
         FocusDirective,
     ],
-  imports: [
+    bootstrap: [AppComponent], imports: [MarkdownModule.forRoot(),
-    MarkdownModule.forRoot(),
         BrowserModule,
         AppRoutingModule,
         FormsModule,
@@ -116,15 +114,10 @@ import { MarkdownModule } from "ngx-markdown";
         MatTableModule,
         MatTooltipModule,
         BrowserAnimationsModule,
-    HttpClientModule,
+        OverlayModule], providers: [{
-    OverlayModule,
-  ],
-  providers: [{
             provide: MAT_DIALOG_DEFAULT_OPTIONS,
             useValue: { hasBackdrop: true },
-  }],
+        }, provideHttpClient(withInterceptorsFromDi())] })
-  bootstrap: [AppComponent],
-})
 export class AppModule {}
 
 enableProdMode();

pdb-js/tsconfig.json

@@ -5,6 +5,7 @@
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
     "strict": true,
     "noImplicitOverride": true,
     "noPropertyAccessFromIndexSignature": true,
@@ -12,7 +13,6 @@
     "noFallthroughCasesInSwitch": true,
     "sourceMap": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,