Moved to Angular 20

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

bookie/src/app/sales/bills/bill.ts

@@ -1,7 +1,6 @@
 import { Table } from '../../core/table';
 import { User } from '../../core/user';
 import { GuestBook } from '../../guest-book/guest-book';
-
 import { Kot } from './kot';
 import { VoucherType } from './voucher-type';
 

bookie/src/app/sales/bills/bills.component.ts

@@ -1,5 +1,5 @@
 import { AsyncPipe, CurrencyPipe } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
 import { MatCheckboxModule } from '@angular/material/checkbox';
@@ -23,7 +23,6 @@ import { ChooseCustomerComponent } from '../choose-customer/choose-customer.comp
 import { PaxComponent } from '../pax/pax.component';
 import { QuantityComponent } from '../quantity/quantity.component';
 import { TablesDialogComponent } from '../tables-dialog/tables-dialog.component';
-
 import { Bill } from './bill';
 import { BillSelectionItem } from './bill-selection-item';
 import { BillsDataSource } from './bills-datasource';
@@ -48,20 +47,18 @@ import { VoucherType } from './voucher-type';
   ],
 })
 export class BillsComponent implements OnInit {
+  private route = inject(ActivatedRoute);
+  private router = inject(Router);
+  private dialog = inject(MatDialog);
+  private toaster = inject(ToasterService);
+  private auth = inject(AuthService);
+  bs = inject(BillService);
+  private tSer = inject(TableService);
+
   dataSource: BillsDataSource = new BillsDataSource(this.bs.dataObs);
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns: string[] = ['select', 'info', 'quantity'];
 
-  constructor(
-    private route: ActivatedRoute,
-    private router: Router,
-    private dialog: MatDialog,
-    private toaster: ToasterService,
-    private auth: AuthService,
-    public bs: BillService,
-    private tSer: TableService,
-  ) {}
-
   ngOnInit() {
     this.route.data.subscribe((value) => {
       const data = value as { item: Bill; updateTable: boolean };

bookie/src/app/sales/bills/kot.ts

@@ -1,5 +1,4 @@
 import { User } from '../../core/user';
-
 import { Inventory } from './inventory';
 
 export class Kot {

bookie/src/app/sales/bills/voucher.service.ts

@@ -1,11 +1,10 @@
 import { HttpClient, HttpParams } from '@angular/common/http';
-import { Injectable } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Observable } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 
 import { ErrorLoggerService } from '../../core/error-logger.service';
 import { Table } from '../../core/table';
-
 import { Bill } from './bill';
 import { VoucherType } from './voucher-type';
 
@@ -17,10 +16,8 @@ const serviceName = 'VoucherService';
 
 @Injectable({ providedIn: 'root' })
 export class VoucherService {
-  constructor(
-    private http: HttpClient,
-    private log: ErrorLoggerService,
-  ) {}
+  private http = inject(HttpClient);
+  private log = inject(ErrorLoggerService);
 
   get(id: string): Observable<Bill> {
     return this.http