Moved to Angular 20

Moved to Tailwind 4
Moved to Python 3.13
Enabled arm64/v8 Builds

bookie/src/app/beer-sale-report/beer-sale-report.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
@@ -12,7 +12,6 @@ import { ActivatedRoute, Router } from '@angular/router';
 import moment from 'moment';
 
 import { ToCsvService } from '../shared/to-csv.service';
-
 import { BeerSaleExportHeaderInterface } from './beer-sale-export-header-interface';
 import { BeerSaleReport } from './beer-sale-report';
 import { BeerSaleReportDataSource } from './beer-sale-report-datasource';
@@ -34,6 +33,10 @@ import { BeerSaleReportDataSource } from './beer-sale-report-datasource';
   ],
 })
 export class BeerSaleReportComponent implements OnInit {
+  private route = inject(ActivatedRoute);
+  private router = inject(Router);
+  private toCsv = inject(ToCsvService);
+
   info: BeerSaleReport = new BeerSaleReport();
   dataSource: BeerSaleReportDataSource = new BeerSaleReportDataSource(this.info.data);
   form: FormGroup<{
@@ -48,11 +51,7 @@ export class BeerSaleReportComponent implements OnInit {
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns: string[] = ['date'];
 
-  constructor(
-    private route: ActivatedRoute,
-    private router: Router,
-    private toCsv: ToCsvService,
-  ) {
+  constructor() {
     // Create form
     this.form = new FormGroup({
       startDate: new FormControl(new Date(), { nonNullable: true }),