Update to Angular 19

package.json

@@ -25,14 +25,14 @@
     "release": "ng build -c production && tsc -p src-electron/tsconfig.electron.json && node src-electron/rename-to-mjs.js && electron-builder build"
   },
   "dependencies": {
-    "@angular/animations": "18.0.6",
-    "@angular/common": "18.0.6",
-    "@angular/compiler": "18.0.6",
-    "@angular/core": "18.0.6",
-    "@angular/forms": "18.0.6",
-    "@angular/platform-browser": "18.0.6",
-    "@angular/platform-browser-dynamic": "18.0.6",
-    "@angular/router": "18.0.6",
+    "@angular/animations": "19.2.1",
+    "@angular/common": "19.2.1",
+    "@angular/compiler": "19.2.1",
+    "@angular/core": "19.2.1",
+    "@angular/forms": "19.2.1",
+    "@angular/platform-browser": "19.2.1",
+    "@angular/platform-browser-dynamic": "19.2.1",
+    "@angular/router": "19.2.1",
     "@electron/universal": "^2.0.1",
     "bootstrap-icons": "1.11.3",
     "bottleneck": "2.19.5",
@@ -52,7 +52,7 @@
     "three": "0.166.1",
     "tslib": "2.6.3",
     "zod": "3.23.8",
-    "zone.js": "0.14.2"
+    "zone.js": "0.15.0"
   },
   "devDependencies": {
     "@angular-eslint/builder": "18.1.0",
@@ -60,10 +60,10 @@
     "@angular-eslint/eslint-plugin-template": "18.1.0",
     "@angular-eslint/schematics": "18.1.0",
     "@angular-eslint/template-parser": "18.1.0",
-    "@angular/build": "18.0.7",
-    "@angular/cli": "18.0.7",
-    "@angular/compiler-cli": "18.0.6",
-    "@angular/language-service": "18.0.6",
+    "@angular/build": "^19.2.1",
+    "@angular/cli": "19.2.1",
+    "@angular/compiler-cli": "19.2.1",
+    "@angular/language-service": "19.2.1",
     "@types/culori": "2.1.1",
     "@types/fs-extra": "11.0.4",
     "@types/lodash": "4.17.6",
@@ -88,7 +88,7 @@
     "source-map-support": "0.5.21",
     "tailwind-scrollbar": "3.1.0",
     "tailwindcss": "3.4.4",
-    "typescript": "5.4.5"
+    "typescript": "5.8.2"
   },
   "pnpm": {
     "onlyBuiltDependencies": [

src-angular/app/app.component.ts

@@ -6,6 +6,7 @@ import { SettingsService } from './core/services/settings.service'
 	selector: 'app-root',
 	templateUrl: './app.component.html',
 	styles: [],
+	standalone: false,
 })
 export class AppComponent {
 

src-angular/app/components/browse/browse.component.ts

@@ -3,6 +3,7 @@ import { AfterViewInit, Component, ElementRef, HostBinding, ViewChild } from '@a
 @Component({
 	selector: 'app-browse',
 	templateUrl: './browse.component.html',
+	standalone: false,
 })
 export class BrowseComponent implements AfterViewInit {
 	@HostBinding('class.contents') contents = true

src-angular/app/components/browse/chart-sidebar/chart-sidebar-instrument/chart-sidebar-instrument.component.ts

@@ -8,6 +8,7 @@ import { instrumentToDiff } from 'src-shared/UtilFunctions'
 @Component({
 	selector: 'app-chart-sidebar-instrument',
 	templateUrl: './chart-sidebar-instrument.component.html',
+	standalone: false,
 })
 export class ChartSidebarInstrumentComponent {
 

src-angular/app/components/browse/chart-sidebar/chart-sidebar-menu/chart-sidebar-menu.component.ts

@@ -10,6 +10,7 @@ import { driveLink } from 'src-shared/UtilFunctions'
 @Component({
 	selector: 'app-chart-sidebar-menu',
 	templateUrl: './chart-sidebar-menu.component.html',
+	standalone: false,
 })
 export class ChartSidebarMenutComponent implements OnInit {
 

src-angular/app/components/browse/chart-sidebar/chart-sidebar-preview/chart-sidebar-preview.component.ts

@@ -14,6 +14,7 @@ import { ChartPreview } from './render.js'
 @Component({
 	selector: 'app-chart-sidebar-preview',
 	templateUrl: './chart-sidebar-preview.component.html',
+	standalone: false,
 })
 export class ChartSidebarPreviewComponent implements OnInit, OnDestroy {
 	@HostBinding('class.h-full') height = true

src-angular/app/components/browse/chart-sidebar/chart-sidebar.component.ts

@@ -13,6 +13,7 @@ import { difficulties, difficultyDisplay, driveLink, hasIssues, instruments, msT
 @Component({
 	selector: 'app-chart-sidebar',
 	templateUrl: './chart-sidebar.component.html',
+	standalone: false,
 })
 export class ChartSidebarComponent implements OnInit {
 	@HostBinding('class.contents') contents = true

src-angular/app/components/browse/result-table/result-table-row/result-table-row.component.ts

@@ -10,6 +10,7 @@ import { SelectionService } from '../../../../core/services/selection.service.js
 @Component({
 	selector: 'tr[app-result-table-row]',
 	templateUrl: './result-table-row.component.html',
+	standalone: false,
 })
 export class ResultTableRowComponent implements OnInit {
 	@Input() song: ChartData[]

src-angular/app/components/browse/result-table/result-table.component.ts

@@ -11,6 +11,7 @@ import { ResultTableRowComponent } from './result-table-row/result-table-row.com
 @Component({
 	selector: 'app-result-table',
 	templateUrl: './result-table.component.html',
+	standalone: false,
 })
 export class ResultTableComponent implements OnInit {
 	@HostBinding('class.contents') contents = true

src-angular/app/components/browse/search-bar/search-bar.component.ts

@@ -10,6 +10,7 @@ import { difficulties, difficultyDisplay, drumTypeDisplay, DrumTypeName, drumTyp
 @Component({
 	selector: 'app-search-bar',
 	templateUrl: './search-bar.component.html',
+	standalone: false,
 })
 export class SearchBarComponent implements OnInit, AfterViewInit {
 

src-angular/app/components/browse/status-bar/downloads-modal/downloads-modal.component.ts

@@ -9,6 +9,7 @@ import { DownloadService } from '../../../../core/services/download.service'
 @Component({
 	selector: 'app-downloads-modal',
 	templateUrl: './downloads-modal.component.html',
+	standalone: false,
 })
 export class DownloadsModalComponent {
 	@HostBinding('class.contents') contents = true

src-angular/app/components/browse/status-bar/status-bar.component.ts

@@ -10,6 +10,7 @@ import { SelectionService } from '../../../core/services/selection.service'
 @Component({
 	selector: 'app-status-bar',
 	templateUrl: './status-bar.component.html',
+	standalone: false,
 })
 export class StatusBarComponent {
 

src-angular/app/components/settings/settings.component.ts

@@ -8,6 +8,7 @@ import { themes } from 'src-shared/Settings'
 @Component({
 	selector: 'app-settings',
 	templateUrl: './settings.component.html',
+	standalone: false,
 })
 export class SettingsComponent implements OnInit {
 	@ViewChild('themeDropdown', { static: true }) themeDropdown: ElementRef

src-angular/app/components/toolbar/toolbar.component.ts

@@ -3,6 +3,7 @@ import { ChangeDetectorRef, Component, OnInit } from '@angular/core'
 @Component({
 	selector: 'app-toolbar',
 	templateUrl: './toolbar.component.html',
+	standalone: false,
 })
 export class ToolbarComponent implements OnInit {
 

src-angular/app/components/tools/tools.component.ts

@@ -5,6 +5,7 @@ import { SettingsService } from 'src-angular/app/core/services/settings.service'
 @Component({
 	selector: 'app-tools',
 	templateUrl: './tools.component.html',
+	standalone: false,
 })
 export class ToolsComponent {
 	@ViewChild('themeDropdown', { static: true }) themeDropdown: ElementRef

src-angular/app/core/pipes/remove-style-tags.pipe.ts

@@ -4,6 +4,7 @@ import { removeStyleTags } from 'src-shared/UtilFunctions'
 
 @Pipe({
 	name: 'removeStyleTags',
+	standalone: false,
 })
 export class RemoveStyleTagsPipe implements PipeTransform {
 	transform(value: string | null): string {