Update the graph when you add/remove files

src/app/app.component.html

@@ -29,7 +29,7 @@
         <mat-form-field class="w-50" appearance="fill">
             <mat-label>Add Holding</mat-label>
             <mat-chip-list #chipList>
-                <mat-chip *ngFor="let holding of graphHoldings; let i = index" [removable]="true" (removed)="graphHoldings.splice(i, 1); updateGraph()">
+                <mat-chip *ngFor="let holding of graphHoldings; let i = index" [removable]="true" (removed)="graphHoldings.splice(i, 1); updateGraph();">
                     {{holding}}
                     <mat-icon matChipRemove>cancel</mat-icon>
                 </mat-chip>
@@ -39,7 +39,7 @@
                        [matChipInputFor]="chipList"
                        (keyup)="search($event.target.value)">
             </mat-chip-list>
-            <mat-autocomplete #auto="matAutocomplete" (optionSelected)="updateGraph($event.option.value); holdingInput.blur()">
+            <mat-autocomplete #auto="matAutocomplete" (optionSelected)="updateGraph($event.option.value); holdingInput.blur();">
                 <mat-option *ngFor="let holding of autoCompleteList | async" [value]="holding">
                     {{holding}}
                 </mat-option>

src/app/app.component.ts

@@ -38,7 +38,10 @@ export class AppComponent {
         // Store the keys for easy referencing
         this.fileNames = Object.keys(this.data);
         this.holdings = Object.keys(this.mergedData).sort();
+
+        // Update the GUI
         this.autoCompleteList.next(this.holdings);
+        this.updateGraph();
     }
 
     constructor(private ngZone: NgZone) {
@@ -50,6 +53,7 @@ export class AppComponent {
         // Remove the file
         delete this.data[fileName];
         this.data = Object.assign({}, this.data);
+        this.updateGraph();
     }
 
     search(text?: string) {
@@ -88,7 +92,8 @@ export class AppComponent {
             };
             reader.readAsText(file);
         });
-        this.fileUploader.nativeElement.value = "";
+
+        this.fileUploader.nativeElement.value = ""; // Clear the file input
     }
 
     updateGraph(holding?: string) {