feat: upgrade to angular 19

Author: jxhnx

package-lock.json

@@ -12,36 +12,36 @@
     },
     "private": true,
     "dependencies": {
-        "@angular/animations": "^18.2.0",
-        "@angular/cdk": "^18.2.0",
-        "@angular/common": "^18.2.0",
-        "@angular/compiler": "^18.2.0",
-        "@angular/core": "^18.2.0",
-        "@angular/forms": "^18.2.0",
-        "@angular/material": "^18.2.0",
-        "@angular/platform-browser": "^18.2.0",
-        "@angular/platform-browser-dynamic": "^18.2.0",
-        "@angular/router": "^18.2.0",
-        "rxjs": "~7.8.0",
-        "tslib": "^2.3.0",
-        "zone.js": "~0.14.10"
+        "@angular/animations": "^19.1.3",
+        "@angular/cdk": "^19.1.1",
+        "@angular/common": "^19.1.3",
+        "@angular/compiler": "^19.1.3",
+        "@angular/core": "^19.1.3",
+        "@angular/forms": "^19.1.3",
+        "@angular/material": "^19.1.1",
+        "@angular/platform-browser": "^19.1.3",
+        "@angular/platform-browser-dynamic": "^19.1.3",
+        "@angular/router": "^19.1.3",
+        "rxjs": "~7.8.1",
+        "tslib": "^2.8.1",
+        "zone.js": "~0.15.0"
     },
     "devDependencies": {
-        "@angular-builders/custom-webpack": "^18.0.0",
-        "@angular-devkit/build-angular": "^18.2.7",
-        "@angular/cli": "^18.2.7",
-        "@angular/compiler-cli": "^18.2.0",
-        "@types/jasmine": "~5.1.0",
-        "angular-eslint": "18.3.1",
+        "@angular-builders/custom-webpack": "^19.0.0",
+        "@angular-devkit/build-angular": "^19.1.4",
+        "@angular/cli": "^19.1.4",
+        "@angular/compiler-cli": "^19.1.3",
+        "@types/jasmine": "~5.1.5",
+        "angular-eslint": "19.0.2",
         "dotenv-webpack": "^8.1.0",
-        "eslint": "^9.9.1",
-        "jasmine-core": "~5.2.0",
-        "karma": "~6.4.0",
+        "eslint": "^9.19.0",
+        "jasmine-core": "~5.5.0",
+        "karma": "~6.4.4",
         "karma-chrome-launcher": "~3.2.0",
-        "karma-coverage": "~2.2.0",
+        "karma-coverage": "~2.2.1",
         "karma-jasmine": "~5.1.0",
         "karma-jasmine-html-reporter": "~2.1.0",
-        "typescript": "~5.5.2",
-        "typescript-eslint": "8.2.0"
+        "typescript": "~5.7.3",
+        "typescript-eslint": "8.21.0"
     }
 }

package.json

@@ -3,6 +3,7 @@ import { AuthService } from './services/auth.service';
 import { Subscription } from 'rxjs';
 
 @Component({
+    standalone: false,
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.scss'],

src/app/app.component.ts

@@ -30,7 +30,6 @@ import { MatAnchor, MatButtonModule, MatIconButton } from '@angular/material/but
     declarations: [
         AppComponent,
         QueryComponent,
-        JsonStringifyPipe,
         CatalogBrowserComponent,
         NodeTableComponent,
         NodeDetailsComponent,
@@ -58,6 +57,7 @@ import { MatAnchor, MatButtonModule, MatIconButton } from '@angular/material/but
         MatTooltipModule,
         MatAnchor,
         MatIconButton,
+        JsonStringifyPipe,
     ],
     providers: [],
     bootstrap: [AppComponent],

src/app/app.module.ts

@@ -4,6 +4,7 @@ import { AuthService } from 'src/app/services/auth.service';
 import { Subscription } from 'rxjs';
 
 @Component({
+    standalone: false,
     selector: 'app-authentication',
     templateUrl: './authentication.component.html',
     styleUrls: ['./authentication.component.scss'],

src/app/components/authentication/authentication.component.ts

@@ -6,6 +6,7 @@ import { BehaviorSubject, combineLatest, Observable, Subject } from 'rxjs';
 import { map, switchMap, scan, startWith, concatMap } from 'rxjs/operators';
 
 @Component({
+    standalone: false,
     selector: 'app-catalog-browser',
     templateUrl: './catalog-browser.component.html',
     styleUrls: ['./catalog-browser.component.scss'],

src/app/components/catalog-browser/catalog-browser.component.ts

@@ -5,6 +5,7 @@ import { ActivatedRoute } from '@angular/router';
 import { map, Observable, switchMap } from 'rxjs';
 
 @Component({
+    standalone: false,
     selector: 'app-node-details',
     templateUrl: './node-details.component.html',
     styleUrls: ['./node-details.component.scss'],

src/app/components/node-details/node-details.component.ts

@@ -1,6 +1,7 @@
 import { Component, Input } from '@angular/core';
 
 @Component({
+    standalone: false,
     selector: 'app-node-labels',
     templateUrl: './node-labels.component.html',
     styleUrls: ['./node-labels.component.scss'],

src/app/components/node-labels/node-labels.component.ts

@@ -2,6 +2,7 @@ import { Component, Input } from '@angular/core';
 import { NodeQueryResult } from '../../types/dtos';
 
 @Component({
+    standalone: false,
     selector: 'app-node-table',
     templateUrl: './node-table.component.html',
     styleUrls: ['./node-table.component.scss'],

src/app/components/node-table/node-table.component.ts

@@ -8,6 +8,7 @@ import { concatMap, map, tap } from 'rxjs';
 
 const DEFAULT_QUERY = 'Match (n)-[r]->(m)\nReturn n,r,m\nLIMIT 100';
 @Component({
+    standalone: false,
     selector: 'app-query',
     templateUrl: './query.component.html',
     styleUrls: ['./query.component.scss'],