fix: reset file upload form after file was uploaded

Author: m-risto

libs/block-note-angular/src/lib/components/bna-file-panel/bna-file-panel.component.html

@@ -6,6 +6,7 @@
     </hlm-tabs-list>
     <div hlmTabsContent="upload" class="p-3">
       <input
+        [formControl]="fileControl"
         class="w-full"
         hlmInput
         type="file"

libs/block-note-angular/src/lib/components/bna-file-panel/bna-file-panel.component.ts

@@ -1,5 +1,5 @@
 import { Component, effect } from '@angular/core';
-import { FormsModule } from '@angular/forms';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import {
   BlockFromConfig,
   BlockNoteEditor,
@@ -26,13 +26,15 @@ import { BlockNoteAngularService } from '../../services/block-note-angular.servi
     FormsModule,
     HlmTabsTriggerDirective,
     HlmTabsContentDirective,
+    ReactiveFormsModule,
   ],
   templateUrl: './bna-file-panel.component.html',
 })
 export class BnaFilePanelComponent {
   private focusedBlock?: BlockFromConfig<FileBlockConfig, any, any>;
 
   embedInputText = '';
+  fileControl = new FormControl();
 
   constructor(private blockNoteAngularService: BlockNoteAngularService) {
     effect(() => {
@@ -71,6 +73,8 @@ export class BnaFilePanelComponent {
     const fileUrl = await editor.uploadFile(file);
 
     this.updateBlockWithEmbedFileUrl(this.focusedBlock, editor, fileUrl);
+    this.focusedBlock = undefined;
+    this.fileControl.reset();
   }
 
   insertEmbedFile(embedFileUrl: string) {