refactor: update Angular to v19

Author: nzbin

package.json

@@ -22,37 +22,37 @@
   "private": true,
   "dependencies": {
     "@acrodata/gui": "^2.4.0",
-    "@angular/animations": "^18.2.8",
-    "@angular/cdk": "^18.2.8",
-    "@angular/common": "^18.2.8",
-    "@angular/compiler": "^18.2.8",
-    "@angular/core": "^18.2.8",
-    "@angular/forms": "^18.2.8",
-    "@angular/material": "^18.2.8",
-    "@angular/platform-browser": "^18.2.8",
-    "@angular/platform-browser-dynamic": "^18.2.8",
-    "@angular/router": "^18.2.8",
+    "@angular/animations": "^19.2.15",
+    "@angular/cdk": "^19.2.19",
+    "@angular/common": "^19.2.15",
+    "@angular/compiler": "^19.2.15",
+    "@angular/core": "^19.2.15",
+    "@angular/forms": "^19.2.15",
+    "@angular/material": "^19.2.19",
+    "@angular/platform-browser": "^19.2.15",
+    "@angular/platform-browser-dynamic": "^19.2.15",
+    "@angular/router": "^19.2.15",
     "@codemirror/language-data": "^6.5.1",
     "@codemirror/merge": "^6.10.0",
     "@codemirror/theme-one-dark": "^6.1.2",
-    "@ng-matero/extensions": "^18.4.0",
+    "@ng-matero/extensions": "^19.3.0",
     "codemirror": "^6.0.1",
     "lodash-es": "^4.17.21",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.8",
-    "@angular/cli": "^18.2.8",
-    "@angular/compiler-cli": "^18.2.8",
+    "@angular-devkit/build-angular": "^19.2.19",
+    "@angular/cli": "^19.2.19",
+    "@angular/compiler-cli": "^19.2.15",
     "@commitlint/cli": "^19.5.0",
     "@commitlint/config-conventional": "^19.5.0",
     "@types/jasmine": "~5.1.0",
     "@types/lodash-es": "^4.17.10",
     "@types/node": "^20.12.0",
     "angular-cli-ghpages": "^2.0.0",
-    "angular-eslint": "^18.3.1",
+    "angular-eslint": "^19.3.0",
     "eslint": "^9.12.0",
     "husky": "^9.1.6",
     "jasmine-core": "~5.1.0",
@@ -62,12 +62,12 @@
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
     "lint-staged": "^15.2.0",
-    "ng-packagr": "^18.2.1",
-    "prettier": "^3.2.0",
+    "ng-packagr": "^19.2.2",
+    "prettier": "^3.6.0",
     "stylelint": "^16.5.0",
     "stylelint-config-recommended-scss": "^14.0.0",
     "stylelint-config-standard": "^36.0.0",
-    "typescript": "~5.4.5",
+    "typescript": "~5.8.3",
     "typescript-eslint": "^8.8.1"
   }
 }

projects/code-editor/code-editor.ts

@@ -37,7 +37,6 @@ export const External = Annotation.define<boolean>();
 
 @Component({
   selector: 'code-editor',
-  standalone: true,
   template: ``,
   styles: `
     .code-editor {

projects/code-editor/diff-editor.ts

@@ -34,7 +34,6 @@ export interface DiffEditorModel {
 
 @Component({
   selector: 'diff-editor',
-  standalone: true,
   template: ``,
   styles: `
     .diff-editor {

projects/dev-app/src/app/app.component.ts

@@ -3,7 +3,6 @@ import { RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   imports: [RouterOutlet],
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',

projects/dev-app/src/app/diff/diff.component.ts

@@ -5,7 +5,6 @@ import { unifiedMergeView } from '@codemirror/merge';
 
 @Component({
   selector: 'app-diff',
-  standalone: true,
   imports: [DiffEditor, CodeEditor, FormsModule, ReactiveFormsModule],
   templateUrl: './diff.component.html',
   styleUrl: './diff.component.scss',

projects/dev-app/src/app/home/home.component.ts

@@ -10,7 +10,6 @@ import { unifiedMergeView } from '@codemirror/merge';
 
 @Component({
   selector: 'app-home',
-  standalone: true,
   imports: [FormsModule, ReactiveFormsModule, CodeEditor, DiffEditor, GuiForm, MatButtonModule],
   templateUrl: './home.component.html',
   styleUrl: './home.component.scss',

projects/dev-app/src/app/layout/layout.component.ts

@@ -5,7 +5,6 @@ import { RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-layout',
-  standalone: true,
   imports: [RouterOutlet, MatToolbarModule, MatButtonModule],
   templateUrl: './layout.component.html',
   styleUrl: './layout.component.scss',

projects/dev-app/src/styles.scss

@@ -2,7 +2,8 @@
 @use '@angular/material' as mat;
 @use '@ng-matero/extensions' as mtx;
 
-@include mat.core();
+@include mat.elevation-classes();
+@include mat.app-background();
 
 $primary: mat.m2-define-palette(mat.$m2-indigo-palette, 500);
 $accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400);

tsconfig.json

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