upgrade to angular 19

ui/src/app/app.component.ts

@@ -12,9 +12,10 @@ import { Theme, Themes } from './theme';
 import {KeyValue} from "@angular/common";
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.sass'],
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.sass'],
+    standalone: false
 })
 export class AppComponent implements AfterViewInit {
   addUrl: string;

ui/src/app/downloads.pipe.ts

@@ -1,7 +1,8 @@
 import { Pipe, PipeTransform } from '@angular/core';
 
 @Pipe({
-  name: 'eta'
+    name: 'eta',
+    standalone: false
 })
 export class EtaPipe implements PipeTransform {
   transform(value: number, ...args: any[]): any {
@@ -21,7 +22,8 @@ export class EtaPipe implements PipeTransform {
 }
 
 @Pipe({
-  name: 'speed'
+    name: 'speed',
+    standalone: false
 })
 export class SpeedPipe implements PipeTransform {
   transform(value: number, ...args: any[]): any {
@@ -37,7 +39,8 @@ export class SpeedPipe implements PipeTransform {
 }
 
 @Pipe({
-  name: 'encodeURIComponent'
+    name: 'encodeURIComponent',
+    standalone: false
 })
 export class EncodeURIComponent implements PipeTransform {
   transform(value: string, ...args: any[]): any {
@@ -45,8 +48,9 @@ export class EncodeURIComponent implements PipeTransform {
   }
 }
 
-@Pipe({ 
-  name: 'fileSize' 
+@Pipe({
+    name: 'fileSize',
+    standalone: false
 })
 export class FileSizePipe implements PipeTransform {
   transform(value: number): string {

ui/src/app/master-checkbox.component.ts

@@ -5,13 +5,14 @@ interface Checkable {
 }
 
 @Component({
-  selector: 'app-master-checkbox',
-  template: `
+    selector: 'app-master-checkbox',
+    template: `
   <div class="form-check">
     <input type="checkbox" class="form-check-input" id="{{id}}-select-all" #masterCheckbox [(ngModel)]="selected" (change)="clicked()">
     <label class="form-check-label" for="{{id}}-select-all"></label>
   </div>
-`
+`,
+    standalone: false
 })
 export class MasterCheckboxComponent {
   @Input() id: string;
@@ -38,13 +39,14 @@ export class MasterCheckboxComponent {
 }
 
 @Component({
-  selector: 'app-slave-checkbox',
-  template: `
+    selector: 'app-slave-checkbox',
+    template: `
   <div class="form-check">
     <input type="checkbox" class="form-check-input" id="{{master.id}}-{{id}}-select" [(ngModel)]="checkable.checked" (change)="master.selectionChanged()">
     <label class="form-check-label" for="{{master.id}}-{{id}}-select"></label>
   </div>
-`
+`,
+    standalone: false
 })
 export class SlaveCheckboxComponent {
   @Input() id: string;

ui/src/styles.sass

@@ -1,9 +1,5 @@
 /* You can add global styles to this file, and also import other style files */
 
-/* Importing Bootstrap SCSS file. */
-@import 'node_modules/bootstrap/scss/bootstrap'
-@import '~@ng-select/ng-select/themes/default.theme.css'
-
 .navbar
     background-color: var(--bs-dark) !important