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,70 +61,63 @@ import { ConfirmationDialogComponent } from "./confirmation-dialog/confirmation-
 import { FocusDirective } from "./focus.directive";
 import { MarkdownModule } from "ngx-markdown";
 
-@NgModule({
+@NgModule({ declarations: [
-  declarations: [
+        AppComponent,
-    AppComponent,
+        MainPageComponent,
-    MainPageComponent,
+        HelpPageComponent,
-    HelpPageComponent,
+        UploadPageComponent,
-    UploadPageComponent,
+        DatePickerComponent,
-    DatePickerComponent,
+        DatePickerTestComponent,
-    DatePickerTestComponent,
+        VisualizationPageComponent,
-    VisualizationPageComponent,
+        YAxisDefinitionComponent,
-    YAxisDefinitionComponent,
+        QueryAutocompleteComponent,
-    QueryAutocompleteComponent,
+        LimitByComponent,
-    LimitByComponent,
+        PlotDetailsComponent,
-    PlotDetailsComponent,
+        PlotViewComponent,
-    PlotViewComponent,
+        GalleryViewComponent,
-    GalleryViewComponent,
+        GalleryItemView,
-    GalleryItemView,
+        GalleryFilterView,
-    GalleryFilterView,
+        ImageToggleComponent,
-    ImageToggleComponent,
+        DashboardPageComponent,
-    DashboardPageComponent,
+        NewDashboardComponent,
-    NewDashboardComponent,
+        DashboardComponent,
-    DashboardComponent,
+        AddTextDialogComponent,
-    AddTextDialogComponent,
+        TextWidgetComponent,
-    TextWidgetComponent,
+        AddPlotDialogComponent,
-    AddPlotDialogComponent,
+        PlotWidgetComponent,
-    PlotWidgetComponent,
+        FullScreenPlotDialogComponent,
-    FullScreenPlotDialogComponent,
+        CustomizableGridComponent,
-    CustomizableGridComponent,
+        ConfirmationDialogComponent,
-    ConfirmationDialogComponent,
+        FocusDirective,
-    FocusDirective,
+    ],
-  ],
+    bootstrap: [AppComponent], imports: [MarkdownModule.forRoot(),
-  imports: [
+        BrowserModule,
-    MarkdownModule.forRoot(),
+        AppRoutingModule,
-    BrowserModule,
+        FormsModule,
-    AppRoutingModule,
+        ReactiveFormsModule,
-    FormsModule,
+        DragDropModule,
-    ReactiveFormsModule,
+        MatAutocompleteModule,
-    DragDropModule,
+        MatBadgeModule,
-    MatAutocompleteModule,
+        MatButtonModule,
-    MatBadgeModule,
+        MatCardModule,
-    MatButtonModule,
+        MatCheckboxModule,
-    MatCardModule,
+        MatDialogModule,
-    MatCheckboxModule,
+        MatFormFieldModule,
-    MatDialogModule,
+        MatGridListModule,
-    MatFormFieldModule,
+        MatInputModule,
-    MatGridListModule,
+        MatRadioModule,
-    MatInputModule,
+        MatProgressBarModule,
-    MatRadioModule,
+        MatProgressSpinnerModule,
-    MatProgressBarModule,
+        MatSelectModule,
-    MatProgressSpinnerModule,
+        MatSnackBarModule,
-    MatSelectModule,
+        MatTabsModule,
-    MatSnackBarModule,
+        MatTableModule,
-    MatTabsModule,
+        MatTooltipModule,
-    MatTableModule,
+        BrowserAnimationsModule,
-    MatTooltipModule,
+        OverlayModule], providers: [{
-    BrowserAnimationsModule,
+            provide: MAT_DIALOG_DEFAULT_OPTIONS,
-    HttpClientModule,
+            useValue: { hasBackdrop: true },
-    OverlayModule,
+        }, provideHttpClient(withInterceptorsFromDi())] })
-  ],
-  providers: [{
-    provide: MAT_DIALOG_DEFAULT_OPTIONS,
-    useValue: { hasBackdrop: true },
-  }],
-  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,