<div
  class="drop-zone"
  [class.file-over]="hasBaseDropZoneOver"
  stfFileDrop
  (fileOver)="fileOverBase($event)"
  (atFileDrop)="uploadFile($event)"
  (click)="chooseFiles($event)">
  @if (!isUploading) {
    <span>{{ 'resource.field-file-dropzone' | translate }}</span>
  }
  @if (isUploading) {
    <nsi-spinner
    size="small"></nsi-spinner>
  }
</div>
<input
  #fileInput
  type="file"
  stfFileSelect
  hidden
  (atFileSelect)="uploadFile($event)" />
