v5.0.1

src/e2e/data/testfile.txt

@@ -0,0 +1 @@
+hello world

src/package.json

@@ -7,7 +7,6 @@
     "build": "ng build",
     "test": "ng test",
     "lint": "ng lint",
-    "compodoc": "npx compodoc -p lib/tsconfig.lib.json --disablePrivate --disableLifeCycleHooks",
     "e2e": "ng e2e --configuration e2e --port=4201",
     "e2e:watch": "watch 'ng e2e --port=4201' lib example e2e --wait=1",
     "build:demo": "ng build --configuration=demo --base-href=/ngx-fileupload/",
@@ -25,58 +24,57 @@
   },
   "private": true,
   "dependencies": {
-    "@angular-devkit/core": "13.0.1",
-    "@angular/animations": "13.0.0",
-    "@angular/common": "13.0.0",
-    "@angular/compiler": "13.0.0",
-    "@angular/core": "13.0.0",
-    "@angular/forms": "13.0.0",
-    "@angular/platform-browser": "13.0.0",
-    "@angular/platform-browser-dynamic": "13.0.0",
-    "@angular/router": "13.0.0",
-    "@angular/cdk": "13.0.0",
+    "@angular-devkit/core": "13.1.3",
+    "@angular/animations": "13.1.2",
+    "@angular/common": "13.1.2",
+    "@angular/compiler": "13.1.2",
+    "@angular/core": "13.1.2",
+    "@angular/forms": "13.1.2",
+    "@angular/platform-browser": "13.1.2",
+    "@angular/platform-browser-dynamic": "13.1.2",
+    "@angular/router": "13.1.2",
+    "@angular/cdk": "13.1.2",
     "highlight.js": "11.3.1",
-    "igniteui-angular": "12.2.3",
+    "igniteui-angular": "13.0.8",
     "ngx-dropzone": "3.0.0",
-    "ngx-file-drop": "11.3.0",
-    "ngx-highlightjs": "5.0.0",
+    "ngx-file-drop": "13.0.0",
+    "ngx-highlightjs": "6.1.0",
     "rxjs": "7.4.0",
     "tslib": "2.3.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "13.0.1",
-    "@angular-eslint/builder": "12.6.1",
-    "@angular-eslint/eslint-plugin": "12.6.1",
-    "@angular-eslint/eslint-plugin-template": "12.6.1",
-    "@angular-eslint/schematics": "12.6.1",
-    "@angular-eslint/template-parser": "12.6.1",
-    "@angular/cli": "13.0.1",
-    "@angular/compiler-cli": "13.0.0",
-    "@angular/language-service": "13.0.0",
-    "@compodoc/compodoc": "1.1.15",
-    "@types/jasmine": "3.10.1",
+    "@angular-devkit/build-angular": "13.1.3",
+    "@angular-eslint/builder": "13.0.1",
+    "@angular-eslint/eslint-plugin": "13.0.1",
+    "@angular-eslint/eslint-plugin-template": "13.0.1",
+    "@angular-eslint/schematics": "13.0.1",
+    "@angular-eslint/template-parser": "13.0.1",
+    "@angular/cli": "13.1.3",
+    "@angular/compiler-cli": "13.1.2",
+    "@angular/language-service": "13.1.2",
+    "@types/jasmine": "3.10.2",
     "@types/jasminewd2": "2.0.10",
-    "@types/node": "16.11.6",
-    "@typescript-eslint/eslint-plugin": "5.2.0",
-    "@typescript-eslint/parser": "5.2.0",
-    "angular-cli-ghpages": "0.6.2",
+    "@types/node": "16.11.20",
+    "@typescript-eslint/eslint-plugin": "5.10.0",
+    "@typescript-eslint/parser": "5.10.0",
+    "angular-cli-ghpages": "1.0.0",
     "bootstrap-scss": "5.1.3",
     "codelyzer": "6.0.2",
     "cors": "2.8.5",
-    "eslint": "7.32.0",
+    "eslint": "8.7.0",
     "express": "4.17.1",
     "express-fileupload": "1.2.1",
     "https-proxy-agent": "5.0.0",
     "jasmine-core": "3.10.1",
     "jasmine-spec-reporter": "7.0.0",
-    "karma": "6.3.6",
+    "karma": "6.3.9",
     "karma-chrome-launcher": "3.1.0",
-    "karma-coverage": "2.0.3",
+    "karma-coverage": "2.1.0",
     "karma-jasmine": "4.0.1",
     "karma-jasmine-html-reporter": "1.7.0",
     "karma-mocha-reporter": "2.2.5",
     "letslog": "1.0.12",
-    "ng-packagr": "13.0.3",
+    "ng-packagr": "13.1.3",
     "protractor": "7.0.0",
     "ts-node": "10.4.0",
     "tsickle": "0.43.0",

src/projects/example/libs/data/code/ngx-dropzone/drop-zone.ts

@@ -83,9 +83,8 @@ export const HTML = `
     <ngx-dropzone-label>Drop or Browse</ngx-dropzone-label>
 
     <ngx-dropzone-image-preview ngProjectAs="ngx-dropzone-preview" *ngFor="let upload of uploads"
-        (removed)="onRemove(upload)"
-        [file]="upload.data.raw"
-        [removable]="true">
+        (removed)="onRemove(upload)" [file]="upload.data.files[0].raw" [removable]="true">
+
         <ngx-dropzone-label>
             <span class="state">
                 State: {{upload.data.state | stateToString }}

src/projects/example/libs/pages/ngx-dropzone/src/ngx-dropzone.html

@@ -1,10 +1,10 @@
 <ng-template #example>
   <ngx-file-upload-ui--toolbar [storage]="storage"></ngx-file-upload-ui--toolbar>
-  <ngx-dropzone (change)="onSelect($event)" [accept]="'image/*'">
+  <ngx-dropzone (change)="onSelect($event)" accept="image/jpeg,image/jpg">
     <ngx-dropzone-label>Drop or Browse</ngx-dropzone-label>
 
     <ngx-dropzone-image-preview ngProjectAs="ngx-dropzone-preview" *ngFor="let upload of uploads"
-      (removed)="onRemove(upload)" [file]="upload.data.raw" [removable]="true">
+      (removed)="onRemove(upload)" [file]="upload.data.files[0].raw" [removable]="true">
       <ngx-dropzone-label>
         <span class="state">
           State: {{upload.data.state | stateToString }}
@@ -23,7 +23,6 @@
 </ng-template>
 
 <p>
-
   For this example we use <a target="blank" href="https://www.npmjs.com/package/ngx-dropzone">ngx-dropzone
     library</a>.
   We want only upload images and this library could also preview images which are uploaded very easy.

src/projects/ui/package.json

@@ -20,7 +20,7 @@
     "queue"
   ],
   "peerDependencies": {
-    "@ngx-file-upload/core": "^3.0.0 || ^4.0.0",
+    "@ngx-file-upload/core": "^3.0.0 || ^4.0.0 || ^5.0.0",
     "@angular/common": "^12.0.0 || ^13.0.0",
     "@angular/core": "^12.0.0 || ^13.0.0"
   },

src/server/upload-server.js

@@ -67,8 +67,6 @@ app.post("/upload/gallery", function(req, res) {
     logger.debug(`Picture uploaded: ${uploadedFile.name}`);
     logger.debug(`Metadata send: ${metadata}`)
 
-    console.log(req)
-
     const message = `New picture added to our gallery ${uploadedFile.name}`;
 
     if(timeout) {