Chore: Upgrade to Angular v14

overlord/src/app/purchase/purchase-dialog.component.ts

@@ -1,5 +1,5 @@
 import { Component, Inject, OnInit } from '@angular/core';
-import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';
 import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { round } from 'mathjs';
@@ -20,13 +20,13 @@ import { MathService } from '../shared/math.service';
 })
 export class PurchaseDialogComponent implements OnInit {
   products: Observable<ProductSku[]>;
-  form: FormGroup;
+  form: UntypedFormGroup;
   product: ProductSku = new ProductSku();
 
   constructor(
     public dialogRef: MatDialogRef<PurchaseDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public data: { inventory: Inventory },
-    private fb: FormBuilder,
+    private fb: UntypedFormBuilder,
     private math: MathService,
     private productSer: ProductService,
   ) {
@@ -38,7 +38,7 @@ export class PurchaseDialogComponent implements OnInit {
       discount: '',
     });
     // Listen to Product Autocomplete Change
-    this.products = (this.form.get('product') as FormControl).valueChanges.pipe(
+    this.products = (this.form.get('product') as UntypedFormControl).valueChanges.pipe(
       startWith(null),
       map((x) => (x !== null && x.length >= 1 ? x : null)),
       debounceTime(150),
@@ -64,7 +64,7 @@ export class PurchaseDialogComponent implements OnInit {
 
   productSelected(event: MatAutocompleteSelectedEvent): void {
     this.product = event.option.value;
-    (this.form.get('price') as FormControl).setValue(this.product.costPrice);
+    (this.form.get('price') as UntypedFormControl).setValue(this.product.costPrice);
   }
 
   accept(): void {