Moved to Angular 20

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

bookie/src/app/sales/receive-payment/receive-payment.component.ts

@@ -1,6 +1,6 @@
 import { CdkScrollableModule } from '@angular/cdk/scrolling';
 import { CurrencyPipe } from '@angular/common';
-import { Component, ElementRef, Inject, ViewChild } from '@angular/core';
+import { Component, ElementRef, ViewChild, inject } from '@angular/core';
 import { FormArray, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
@@ -14,7 +14,6 @@ import { ReceivePaymentItem } from '../../core/receive-payment-item';
 import { SettleOption } from '../../core/settle-option';
 import { SettleOptionService } from '../../settle-option/settle-option.service';
 import { VoucherType } from '../bills/voucher-type';
-
 import { ReceivePaymentDatasource } from './receive-payment-datasource';
 
 @Component({
@@ -33,6 +32,13 @@ import { ReceivePaymentDatasource } from './receive-payment-datasource';
   ],
 })
 export class ReceivePaymentComponent {
+  dialogRef = inject<MatDialogRef<ReceivePaymentComponent>>(MatDialogRef);
+  private ser = inject(SettleOptionService);
+  data = inject<{
+    type: VoucherType;
+    amount: number;
+  }>(MAT_DIALOG_DATA);
+
   @ViewChild('son', { static: true }) son?: ElementRef;
   choices: ReceivePaymentItem[] = [];
   choicesSubject = new BehaviorSubject<ReceivePaymentItem[]>([]);
@@ -57,11 +63,9 @@ export class ReceivePaymentComponent {
 
   displayedColumns = ['name', 'amount'];
 
-  constructor(
-    public dialogRef: MatDialogRef<ReceivePaymentComponent>,
-    private ser: SettleOptionService,
-    @Inject(MAT_DIALOG_DATA) public data: { type: VoucherType; amount: number },
-  ) {
+  constructor() {
+    const data = this.data;
+
     this.form = new FormGroup({
       amounts: new FormArray<
         FormGroup<{