v.9.0.1

projects/file-picker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-awesome-uploader",
-  "version": "9.0.0",
+  "version": "9.0.1",
   "description": "Angular Library for uploading files with Real-Time Progress bar, File Preview, Drag && Drop and Custom Template with Multi Language support",
   "peerDependencies": {
     "@angular/common": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",

projects/file-picker/src/lib/file-preview-container/file-preview-item/file-preview-item.component.html

@@ -1,5 +1,4 @@
-<ng-container *ngIf="!itemTemplate">
-    <div class="file-preview-wrapper" *ngIf="fileItem">
+    <div class="file-preview-wrapper" *ngIf="fileItem" [ngClass] = "{'visually-hidden': itemTemplate}">
 
 
         <div class="file-preview-thumbnail">
@@ -51,7 +50,5 @@
         </ng-container>
 
       </div>
-</ng-container>
-
 
 <ng-container *ngTemplateOutlet="itemTemplate;context: {fileItem: fileItem, uploadProgress: uploadProgress}" > </ng-container>

projects/file-picker/src/lib/file-preview-container/file-preview-item/file-preview-item.component.scss

@@ -5,6 +5,25 @@
   max-width: 440px;
   position: relative;
 }
+
+.visually-hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+
+  // Avoid browsers rendering the focus ring in some cases.
+  outline: 0;
+
+  // Avoid some cases where the browser will still render the native controls (see #9049).
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
 .file-preview-wrapper {
   display: flex;
   width: 100%;

src/app/demo-file-picker/demo-file-picker.component.html

@@ -16,6 +16,7 @@
     [accept]="'image/*'"
     [captions]="captions"
     (fileAdded)="onFileAdded($event)"
+    [itemTemplate]="itemTemplate"
  >
   <!-- <div class="dropzoneTemplate">
     <button>Custom</button>