From 6973691cce0eef4f9d9fcd16d84e4c7264bd0673 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Thu, 28 Sep 2023 10:18:12 -0700
Subject: [PATCH] Enhancement: dashboard improvements, drag-n-drop reorder
dashboard views (#4252)
* Updated dashboard
* Make entire screen dropzone on dashboard too
* Floating upload widget status alerts
* Visual tweaks: spacing, borders
* Better empty view widget
* Support drag + drop reorder of dashboard saved views
* Update messages.xlf
* Disable dashbaord dnd if global dnd active
* Remove ngx-file-drop dep, rebuild file-drop & upload files widget
* Revert custom file drop implementation
* Try patch-package fix
* Simplify dropzone transitions to make more reliable
* Update messages.xlf
* Update dashboard.spec.ts
* Fix coverage
---
src-ui/e2e/dashboard/dashboard.spec.ts | 1 +
src-ui/messages.xlf | 303 ++++++++++--------
src-ui/package-lock.json | 256 +++++++++++++++
src-ui/package.json | 5 +-
src-ui/patches/ngx-file-drop+16.0.0.patch | 206 ++++++++++++
src-ui/src/app/app.component.html | 16 +-
src-ui/src/app/app.component.spec.ts | 58 +---
src-ui/src/app/app.component.ts | 45 ---
src-ui/src/app/app.module.ts | 4 +
.../app-frame/app-frame.component.html | 2 +-
.../app-frame/app-frame.component.scss | 4 -
.../page-header/page-header.component.html | 8 +-
.../page-header/page-header.component.spec.ts | 2 +-
.../dashboard/dashboard.component.html | 53 +--
.../dashboard/dashboard.component.spec.ts | 118 +++++--
.../dashboard/dashboard.component.ts | 58 +++-
.../saved-view-widget.component.html | 40 ++-
.../saved-view-widget.component.scss | 10 +-
.../saved-view-widget.component.spec.ts | 3 +
.../saved-view-widget.component.ts | 36 ++-
.../statistics-widget.component.html | 27 ++
.../statistics-widget.component.spec.ts | 84 ++++-
.../statistics-widget.component.ts | 16 +-
.../upload-file-widget.component.html | 70 ++--
.../upload-file-widget.component.spec.ts | 41 ++-
.../upload-file-widget.component.ts | 29 +-
.../widget-frame/widget-frame.component.html | 18 +-
.../widget-frame/widget-frame.component.scss | 3 +
.../widget-frame.component.spec.ts | 3 +-
.../widget-frame/widget-frame.component.ts | 17 +-
.../document-list.component.html | 2 +-
.../file-drop/file-drop.component.html | 14 +
.../file-drop/file-drop.component.scss | 8 +
.../file-drop/file-drop.component.spec.ts | 177 ++++++++++
.../file-drop/file-drop.component.ts | 98 ++++++
src-ui/src/app/data/paperless-uisettings.ts | 7 +
.../app/services/consumer-status.service.ts | 5 +-
.../src/app/services/settings.service.spec.ts | 19 ++
src-ui/src/app/services/settings.service.ts | 13 +
.../services/upload-documents.service.spec.ts | 171 +++++-----
.../app/services/upload-documents.service.ts | 97 +++---
src-ui/src/styles.scss | 50 +--
src-ui/src/theme.scss | 4 +
src/documents/tests/test_api.py | 11 +
src/documents/views.py | 37 +++
45 files changed, 1715 insertions(+), 534 deletions(-)
create mode 100644 src-ui/patches/ngx-file-drop+16.0.0.patch
create mode 100644 src-ui/src/app/components/file-drop/file-drop.component.html
create mode 100644 src-ui/src/app/components/file-drop/file-drop.component.scss
create mode 100644 src-ui/src/app/components/file-drop/file-drop.component.spec.ts
create mode 100644 src-ui/src/app/components/file-drop/file-drop.component.ts
diff --git a/src-ui/e2e/dashboard/dashboard.spec.ts b/src-ui/e2e/dashboard/dashboard.spec.ts
index 34bbc4949..6a06eacee 100644
--- a/src-ui/e2e/dashboard/dashboard.spec.ts
+++ b/src-ui/e2e/dashboard/dashboard.spec.ts
@@ -29,6 +29,7 @@ test('dashboard saved view show all', async ({ page }) => {
.locator('pngx-widget-frame')
.filter({ hasText: 'Inbox' })
.getByRole('link', { name: 'Show all' })
+ .first()
.click()
await expect(page).toHaveURL(/view\/7/)
await expect(page.locator('pngx-document-list')).toHaveText(/8 documents/)
diff --git a/src-ui/messages.xlf b/src-ui/messages.xlf
index d75830e5a..e5e3ab765 100644
--- a/src-ui/messages.xlf
+++ b/src-ui/messages.xlf
@@ -243,79 +243,72 @@
13
-
- Drop files to begin upload
-
- src/app/app.component.html
- 7
-
-
Document added
src/app/app.component.ts
- 90
+ 83
src/app/app.component.ts
- 100
+ 93
Document was added to paperless.
src/app/app.component.ts
- 92
+ 85
src/app/app.component.ts
- 102
+ 95
Open document
src/app/app.component.ts
- 93
+ 86
src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.html
- 46
+ 50
Could not add :
src/app/app.component.ts
- 116
+ 109
New document detected
src/app/app.component.ts
- 131
+ 124
Document is being processed by paperless.
src/app/app.component.ts
- 133
+ 126
Prev
src/app/app.component.ts
- 138
+ 131
Next
src/app/app.component.ts
- 139
+ 132
src/app/components/document-detail/document-detail.component.html
@@ -326,105 +319,98 @@
End
src/app/app.component.ts
- 140
+ 133
The dashboard can be used to show saved views, such as an 'Inbox'. Those settings are found under Settings > Saved Views once you have created some.
src/app/app.component.ts
- 146
+ 139
Drag-and-drop documents here to start uploading or place them in the consume folder. You can also drag-and-drop documents anywhere on all other pages of the web app. Once you do, Paperless-ngx will start training its machine learning algorithms.
src/app/app.component.ts
- 153
+ 146
The documents list shows all of your documents and allows for filtering as well as bulk-editing. There are three different view styles: list, small cards and large cards. A list of documents currently opened for editing is shown in the sidebar.
src/app/app.component.ts
- 158
+ 151
The filtering tools allow you to quickly find documents using various searches, dates, tags, etc.
src/app/app.component.ts
- 165
+ 158
Any combination of filters can be saved as a 'view' which can then be displayed on the dashboard and / or sidebar.
src/app/app.component.ts
- 171
+ 164
Tags, correspondents, document types and storage paths can all be managed using these pages. They can also be created from the document edit view.
src/app/app.component.ts
- 176
+ 169
Manage e-mail accounts and rules for automatically importing documents.
src/app/app.component.ts
- 184
+ 177
Consumption templates give you finer control over the document ingestion process.
src/app/app.component.ts
- 192
+ 185
File Tasks shows you documents that have been consumed, are waiting to be, or may have failed during the process.
src/app/app.component.ts
- 200
+ 193
Check out the settings for various tweaks to the web app and toggle settings for saved views.
src/app/app.component.ts
- 208
+ 201
Thank you! 🙏
src/app/app.component.ts
- 216
+ 209
There are <em>tons</em> more features and info we didn't cover here, but this should get you started. Check out the documentation or visit the project on GitHub to learn more or to report issues.
src/app/app.component.ts
- 218
+ 211
Lastly, on behalf of every contributor to this community-supported project, thank you for using Paperless-ngx!
src/app/app.component.ts
- 220
-
-
-
- Initiating upload...
-
- src/app/app.component.ts
- 289
+ 213
@@ -478,11 +464,11 @@
src/app/components/dashboard/dashboard.component.html
- 10
+ 15
src/app/components/dashboard/widgets/widget-frame/widget-frame.component.html
- 7
+ 21
src/app/components/document-list/document-list.component.html
@@ -1496,7 +1482,7 @@
src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
- 9
+ 17
src/app/components/document-list/document-list.component.html
@@ -1720,7 +1706,7 @@
src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
- 17
+ 27
src/app/components/document-list/document-card-large/document-card-large.component.html
@@ -2064,6 +2050,10 @@
src/app/components/app-frame/app-frame.component.html
140
+
+ src/app/components/dashboard/widgets/statistics-widget/statistics-widget.component.html
+ 55
+
Tags
@@ -2079,6 +2069,14 @@
src/app/components/common/input/tags/tags.component.ts
63
+
+ src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
+ 19
+
+
+ src/app/components/dashboard/widgets/statistics-widget/statistics-widget.component.html
+ 49
+
src/app/components/document-list/bulk-editor/bulk-editor.component.html
26
@@ -3607,32 +3605,46 @@
Hello , welcome to Paperless-ngx
src/app/components/dashboard/dashboard.component.ts
- 23
+ 48
Welcome to Paperless-ngx
src/app/components/dashboard/dashboard.component.ts
- 25
+ 50
+
+
+
+ Dashboard updated
+
+ src/app/components/dashboard/dashboard.component.ts
+ 73
+
+
+
+ Error updating dashboard
+
+ src/app/components/dashboard/dashboard.component.ts
+ 76
Show all
src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
- 3
+ 12
src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.html
- 27
+ 29
Title
src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
- 10
+ 18
src/app/components/document-detail/document-detail.component.html
@@ -3651,18 +3663,45 @@
20
+
+ Correspondent
+
+ src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
+ 20
+
+
+ src/app/components/document-detail/document-detail.component.html
+ 89
+
+
+ src/app/components/document-list/bulk-editor/bulk-editor.component.html
+ 38
+
+
+ src/app/components/document-list/document-list.component.html
+ 142
+
+
+ src/app/components/document-list/filter-editor/filter-editor.component.html
+ 35
+
+
+ src/app/services/rest/document.service.ts
+ 19
+
+
View Preview
src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
- 19
+ 35
Download
src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
- 29
+ 45
src/app/components/document-detail/document-detail.component.html
@@ -3681,6 +3720,13 @@
99
+
+ No documents
+
+ src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
+ 57
+
+
Statistics
@@ -3723,11 +3769,25 @@
13
+
+ Document Types
+
+ src/app/components/dashboard/widgets/statistics-widget/statistics-widget.component.html
+ 61
+
+
+
+ Storage Paths
+
+ src/app/components/dashboard/widgets/statistics-widget/statistics-widget.component.html
+ 67
+
+
Other
src/app/components/dashboard/widgets/statistics-widget/statistics-widget.component.ts
- 55
+ 65
@@ -3737,33 +3797,33 @@
1
-
- Dismiss completed
+
+ Drop documents anywhere or
src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.html
4
- This button dismisses all status messages about processed documents on the dashboard (failed and successful)
-
-
- Drop documents here or
-
- src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.html
- 13
-
Browse files
+
+ src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.html
+ 5
+
+
+
+ Dismiss completed
src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.html
13
+ This button dismisses all status messages about processed documents on the dashboard (failed and successful)
{VAR_PLURAL, plural, =1 {One more document} other { more documents}}
src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.html
- 25
+ 27
This is shown as a summary line when there are more than 5 document in the processing pipeline.
@@ -3771,28 +3831,28 @@
Processing:
src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.ts
- 39
+ 44
Failed:
src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.ts
- 42
+ 47
Added:
src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.ts
- 45
+ 50
,
src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.ts
- 48
+ 53
src/app/components/document-list/bulk-editor/bulk-editor.component.ts
@@ -3928,29 +3988,6 @@
87
-
- Correspondent
-
- src/app/components/document-detail/document-detail.component.html
- 89
-
-
- src/app/components/document-list/bulk-editor/bulk-editor.component.html
- 38
-
-
- src/app/components/document-list/document-list.component.html
- 142
-
-
- src/app/components/document-list/filter-editor/filter-editor.component.html
- 35
-
-
- src/app/services/rest/document.service.ts
- 19
-
-
Document type
@@ -5069,6 +5106,20 @@
80
+
+ Drop files to begin upload
+
+ src/app/components/file-drop/file-drop.component.html
+ 6
+
+
+
+ Initiating upload...
+
+ src/app/components/file-drop/file-drop.component.ts
+ 87
+
+
Add Template
@@ -5941,231 +5992,231 @@
English (US)
src/app/services/settings.service.ts
- 150
+ 154
Afrikaans
src/app/services/settings.service.ts
- 156
+ 160
Arabic
src/app/services/settings.service.ts
- 162
+ 166
Belarusian
src/app/services/settings.service.ts
- 168
+ 172
Catalan
src/app/services/settings.service.ts
- 174
+ 178
Czech
src/app/services/settings.service.ts
- 180
+ 184
Danish
src/app/services/settings.service.ts
- 186
+ 190
German
src/app/services/settings.service.ts
- 192
+ 196
Greek
src/app/services/settings.service.ts
- 198
+ 202
English (GB)
src/app/services/settings.service.ts
- 204
+ 208
Spanish
src/app/services/settings.service.ts
- 210
+ 214
Finnish
src/app/services/settings.service.ts
- 216
+ 220
French
src/app/services/settings.service.ts
- 222
+ 226
Italian
src/app/services/settings.service.ts
- 228
+ 232
Luxembourgish
src/app/services/settings.service.ts
- 234
+ 238
Dutch
src/app/services/settings.service.ts
- 240
+ 244
Norwegian
src/app/services/settings.service.ts
- 246
+ 250
Polish
src/app/services/settings.service.ts
- 252
+ 256
Portuguese (Brazil)
src/app/services/settings.service.ts
- 258
+ 262
Portuguese
src/app/services/settings.service.ts
- 264
+ 268
Romanian
src/app/services/settings.service.ts
- 270
+ 274
Russian
src/app/services/settings.service.ts
- 276
+ 280
Slovak
src/app/services/settings.service.ts
- 282
+ 286
Slovenian
src/app/services/settings.service.ts
- 288
+ 292
Serbian
src/app/services/settings.service.ts
- 294
+ 298
Swedish
src/app/services/settings.service.ts
- 300
+ 304
Turkish
src/app/services/settings.service.ts
- 306
+ 310
Ukrainian
src/app/services/settings.service.ts
- 312
+ 316
Chinese Simplified
src/app/services/settings.service.ts
- 318
+ 322
ISO 8601
src/app/services/settings.service.ts
- 335
+ 339
Successfully completed one-time migratration of settings to the database!
src/app/services/settings.service.ts
- 454
+ 458
Unable to migrate settings to the database, please try saving manually.
src/app/services/settings.service.ts
- 455
+ 459
You can restart the tour from the settings page.
src/app/services/settings.service.ts
- 529
+ 533
@@ -6179,28 +6230,28 @@
Connecting...
src/app/services/upload-documents.service.ts
- 31
+ 42
Uploading...
src/app/services/upload-documents.service.ts
- 43
+ 54
Upload complete, waiting...
src/app/services/upload-documents.service.ts
- 46
+ 57
HTTP error:
src/app/services/upload-documents.service.ts
- 62
+ 70
diff --git a/src-ui/package-lock.json b/src-ui/package-lock.json
index 16d74407e..43b8e056c 100644
--- a/src-ui/package-lock.json
+++ b/src-ui/package-lock.json
@@ -7,6 +7,7 @@
"": {
"name": "paperless-ui",
"version": "0.0.0",
+ "hasInstallScript": true,
"dependencies": {
"@angular/common": "~16.2.6",
"@angular/compiler": "~16.2.6",
@@ -27,6 +28,7 @@
"ngx-clipboard": "^16.0.0",
"ngx-color": "^9.0.0",
"ngx-cookie-service": "^16.0.1",
+ "ngx-drag-drop": "^16.1.0",
"ngx-file-drop": "^16.0.0",
"ngx-ui-tour-ng-bootstrap": "^13.0.4",
"rxjs": "^7.8.1",
@@ -55,6 +57,7 @@
"jest-environment-jsdom": "^29.7.0",
"jest-preset-angular": "^13.1.1",
"jest-websocket-mock": "^2.5.0",
+ "patch-package": "^8.0.0",
"ts-node": "~10.9.1",
"typescript": "^5.1.6",
"wait-on": "^7.0.1"
@@ -6944,6 +6947,15 @@
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
"dev": true
},
+ "node_modules/at-least-node": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
+ "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 4.0.0"
+ }
+ },
"node_modules/autoprefixer": {
"version": "10.4.14",
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz",
@@ -9894,6 +9906,15 @@
"node": ">=8"
}
},
+ "node_modules/find-yarn-workspace-root": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz",
+ "integrity": "sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==",
+ "dev": true,
+ "dependencies": {
+ "micromatch": "^4.0.2"
+ }
+ },
"node_modules/flat": {
"version": "5.0.2",
"resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
@@ -13062,6 +13083,18 @@
"integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
"dev": true
},
+ "node_modules/json-stable-stringify": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.2.tgz",
+ "integrity": "sha512-eunSSaEnxV12z+Z73y/j5N37/In40GK4GmsSy+tEHJMxknvqnA7/djeYtAgW0GsWHUfg+847WJjKaEylk2y09g==",
+ "dev": true,
+ "dependencies": {
+ "jsonify": "^0.0.1"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
"node_modules/json-stable-stringify-without-jsonify": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
@@ -13097,6 +13130,15 @@
"graceful-fs": "^4.1.6"
}
},
+ "node_modules/jsonify": {
+ "version": "0.0.1",
+ "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.1.tgz",
+ "integrity": "sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==",
+ "dev": true,
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
"node_modules/jsonparse": {
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
@@ -13124,6 +13166,15 @@
"node": ">=0.10.0"
}
},
+ "node_modules/klaw-sync": {
+ "version": "6.0.0",
+ "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz",
+ "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==",
+ "dev": true,
+ "dependencies": {
+ "graceful-fs": "^4.1.11"
+ }
+ },
"node_modules/kleur": {
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
@@ -14061,6 +14112,18 @@
"@angular/core": "^16.0.0"
}
},
+ "node_modules/ngx-drag-drop": {
+ "version": "16.1.0",
+ "resolved": "https://registry.npmjs.org/ngx-drag-drop/-/ngx-drag-drop-16.1.0.tgz",
+ "integrity": "sha512-y2l9pJGD7OupsIRkCElN/JqTgzjg2V9ZxymKGQR7ZjjcdjaP1wKkiFWIgVEvLNtb8wgm10U+9tkGwLClGaHkQA==",
+ "dependencies": {
+ "tslib": "^2.3.0"
+ },
+ "peerDependencies": {
+ "@angular/common": "^16.0.0",
+ "@angular/core": "^16.0.0"
+ }
+ },
"node_modules/ngx-file-drop": {
"version": "16.0.0",
"resolved": "https://registry.npmjs.org/ngx-file-drop/-/ngx-file-drop-16.0.0.tgz",
@@ -15028,6 +15091,190 @@
"node": ">= 0.8"
}
},
+ "node_modules/patch-package": {
+ "version": "8.0.0",
+ "resolved": "https://registry.npmjs.org/patch-package/-/patch-package-8.0.0.tgz",
+ "integrity": "sha512-da8BVIhzjtgScwDJ2TtKsfT5JFWz1hYoBl9rUQ1f38MC2HwnEIkK8VN3dKMKcP7P7bvvgzNDbfNHtx3MsQb5vA==",
+ "dev": true,
+ "dependencies": {
+ "@yarnpkg/lockfile": "^1.1.0",
+ "chalk": "^4.1.2",
+ "ci-info": "^3.7.0",
+ "cross-spawn": "^7.0.3",
+ "find-yarn-workspace-root": "^2.0.0",
+ "fs-extra": "^9.0.0",
+ "json-stable-stringify": "^1.0.2",
+ "klaw-sync": "^6.0.0",
+ "minimist": "^1.2.6",
+ "open": "^7.4.2",
+ "rimraf": "^2.6.3",
+ "semver": "^7.5.3",
+ "slash": "^2.0.0",
+ "tmp": "^0.0.33",
+ "yaml": "^2.2.2"
+ },
+ "bin": {
+ "patch-package": "index.js"
+ },
+ "engines": {
+ "node": ">=14",
+ "npm": ">5"
+ }
+ },
+ "node_modules/patch-package/node_modules/ansi-styles": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+ "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+ "dev": true,
+ "dependencies": {
+ "color-convert": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+ }
+ },
+ "node_modules/patch-package/node_modules/chalk": {
+ "version": "4.1.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+ "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^4.1.0",
+ "supports-color": "^7.1.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/chalk?sponsor=1"
+ }
+ },
+ "node_modules/patch-package/node_modules/color-convert": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+ "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+ "dev": true,
+ "dependencies": {
+ "color-name": "~1.1.4"
+ },
+ "engines": {
+ "node": ">=7.0.0"
+ }
+ },
+ "node_modules/patch-package/node_modules/color-name": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+ "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+ "dev": true
+ },
+ "node_modules/patch-package/node_modules/fs-extra": {
+ "version": "9.1.0",
+ "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+ "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+ "dev": true,
+ "dependencies": {
+ "at-least-node": "^1.0.0",
+ "graceful-fs": "^4.2.0",
+ "jsonfile": "^6.0.1",
+ "universalify": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=10"
+ }
+ },
+ "node_modules/patch-package/node_modules/glob": {
+ "version": "7.2.3",
+ "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+ "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+ "dev": true,
+ "dependencies": {
+ "fs.realpath": "^1.0.0",
+ "inflight": "^1.0.4",
+ "inherits": "2",
+ "minimatch": "^3.1.1",
+ "once": "^1.3.0",
+ "path-is-absolute": "^1.0.0"
+ },
+ "engines": {
+ "node": "*"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/patch-package/node_modules/has-flag": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+ "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/patch-package/node_modules/open": {
+ "version": "7.4.2",
+ "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+ "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+ "dev": true,
+ "dependencies": {
+ "is-docker": "^2.0.0",
+ "is-wsl": "^2.1.1"
+ },
+ "engines": {
+ "node": ">=8"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/patch-package/node_modules/rimraf": {
+ "version": "2.7.1",
+ "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+ "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+ "dev": true,
+ "dependencies": {
+ "glob": "^7.1.3"
+ },
+ "bin": {
+ "rimraf": "bin.js"
+ }
+ },
+ "node_modules/patch-package/node_modules/slash": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+ "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+ "dev": true,
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/patch-package/node_modules/supports-color": {
+ "version": "7.2.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+ "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/patch-package/node_modules/tmp": {
+ "version": "0.0.33",
+ "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+ "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+ "dev": true,
+ "dependencies": {
+ "os-tmpdir": "~1.0.2"
+ },
+ "engines": {
+ "node": ">=0.6.0"
+ }
+ },
"node_modules/path-exists": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -18299,6 +18546,15 @@
"resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
"integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
},
+ "node_modules/yaml": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.2.tgz",
+ "integrity": "sha512-N/lyzTPaJasoDmfV7YTrYCI0G/3ivm/9wdG0aHuheKowWQwGTsK0Eoiw6utmzAnI6pkJa0DUVygvp3spqqEKXg==",
+ "dev": true,
+ "engines": {
+ "node": ">= 14"
+ }
+ },
"node_modules/yargs": {
"version": "17.7.2",
"resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
diff --git a/src-ui/package.json b/src-ui/package.json
index d70a59666..d0f4af1af 100644
--- a/src-ui/package.json
+++ b/src-ui/package.json
@@ -6,7 +6,8 @@
"start": "ng serve",
"build": "ng build",
"test": "ng test --no-watch --coverage",
- "lint": "ng lint"
+ "lint": "ng lint",
+ "postinstall": "patch-package"
},
"private": true,
"dependencies": {
@@ -29,6 +30,7 @@
"ngx-clipboard": "^16.0.0",
"ngx-color": "^9.0.0",
"ngx-cookie-service": "^16.0.1",
+ "ngx-drag-drop": "^16.1.0",
"ngx-file-drop": "^16.0.0",
"ngx-ui-tour-ng-bootstrap": "^13.0.4",
"rxjs": "^7.8.1",
@@ -57,6 +59,7 @@
"jest-environment-jsdom": "^29.7.0",
"jest-preset-angular": "^13.1.1",
"jest-websocket-mock": "^2.5.0",
+ "patch-package": "^8.0.0",
"ts-node": "~10.9.1",
"typescript": "^5.1.6",
"wait-on": "^7.0.1"
diff --git a/src-ui/patches/ngx-file-drop+16.0.0.patch b/src-ui/patches/ngx-file-drop+16.0.0.patch
new file mode 100644
index 000000000..759ea75f6
--- /dev/null
+++ b/src-ui/patches/ngx-file-drop+16.0.0.patch
@@ -0,0 +1,206 @@
+diff --git a/node_modules/ngx-file-drop/esm2022/lib/dom.types.mjs b/node_modules/ngx-file-drop/esm2022/lib/dom.types.mjs
+index 825469b..85bdc89 100644
+--- a/node_modules/ngx-file-drop/esm2022/lib/dom.types.mjs
++++ b/node_modules/ngx-file-drop/esm2022/lib/dom.types.mjs
+@@ -1,2 +1,4 @@
+-export {};
+-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tLnR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWZpbGUtZHJvcC9zcmMvbGliL2RvbS50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbmV4cG9ydCBpbnRlcmZhY2UgRmlsZVN5c3RlbUVudHJ5IHtcclxuICBuYW1lOiBzdHJpbmcsXHJcbiAgaXNEaXJlY3Rvcnk6IGJvb2xlYW5cclxuICBpc0ZpbGU6IGJvb2xlYW5cclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBGaWxlU3lzdGVtRW50cnlNZXRhZGF0YSB7XHJcbiAgbW9kaWZpY2F0aW9uVGltZT86IERhdGUsXHJcbiAgc2l6ZT86IG51bWJlclxyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVTeXN0ZW1EaXJlY3RvcnlSZWFkZXIge1xyXG4gIHJlYWRFbnRyaWVzKFxyXG4gICAgc3VjY2Vzc0NhbGxiYWNrOiAocmVzdWx0OiBGaWxlU3lzdGVtRW50cnlbXSkgPT4gdm9pZCxcclxuICApOiB2b2lkXHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRmlsZVN5c3RlbUZsYWdzIHtcclxuICBjcmVhdGU/OiBib29sZWFuXHJcbiAgZXhjbHVzaXZlPzogYm9vbGVhblxyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVTeXN0ZW1EaXJlY3RvcnlFbnRyeSBleHRlbmRzIEZpbGVTeXN0ZW1FbnRyeSB7XHJcbiAgaXNEaXJlY3Rvcnk6IHRydWVcclxuICBpc0ZpbGU6IGZhbHNlXHJcbiAgY3JlYXRlUmVhZGVyKCk6IEZpbGVTeXN0ZW1EaXJlY3RvcnlSZWFkZXJcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBGaWxlU3lzdGVtRmlsZUVudHJ5IGV4dGVuZHMgRmlsZVN5c3RlbUVudHJ5IHtcclxuICBpc0RpcmVjdG9yeTogZmFsc2VcclxuICBpc0ZpbGU6IHRydWVcclxuICBmaWxlPFQ+KGNhbGxiYWNrOiAoZmlsZTogRmlsZSkgPT4gVCk6IFRcclxufVxyXG4iXX0=
+\ No newline at end of file
++export function isDataTransferItem(item) {
++ return "webkitGetAsEntry" in item && "getAsFile" in item;
++}
++//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tLnR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWZpbGUtZHJvcC9zcmMvbGliL2RvbS50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ0EsTUFBTSxVQUFVLGtCQUFrQixDQUFDLElBQTZCO0lBQzlELE9BQU8sa0JBQWtCLElBQUksSUFBSSxJQUFJLFdBQVcsSUFBSSxJQUFJLENBQUM7QUFDM0QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIlxuZXhwb3J0IGludGVyZmFjZSBGaWxlU3lzdGVtRW50cnkge1xuICBuYW1lOiBzdHJpbmcsXG4gIGlzRGlyZWN0b3J5OiBib29sZWFuXG4gIGlzRmlsZTogYm9vbGVhblxufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVTeXN0ZW1FbnRyeU1ldGFkYXRhIHtcbiAgbW9kaWZpY2F0aW9uVGltZT86IERhdGUsXG4gIHNpemU/OiBudW1iZXJcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlU3lzdGVtRGlyZWN0b3J5UmVhZGVyIHtcbiAgcmVhZEVudHJpZXMoXG4gICAgc3VjY2Vzc0NhbGxiYWNrOiAocmVzdWx0OiBGaWxlU3lzdGVtRW50cnlbXSkgPT4gdm9pZCxcbiAgKTogdm9pZFxufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVTeXN0ZW1GbGFncyB7XG4gIGNyZWF0ZT86IGJvb2xlYW5cbiAgZXhjbHVzaXZlPzogYm9vbGVhblxufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVTeXN0ZW1EaXJlY3RvcnlFbnRyeSBleHRlbmRzIEZpbGVTeXN0ZW1FbnRyeSB7XG4gIGlzRGlyZWN0b3J5OiB0cnVlXG4gIGlzRmlsZTogZmFsc2VcbiAgY3JlYXRlUmVhZGVyKCk6IEZpbGVTeXN0ZW1EaXJlY3RvcnlSZWFkZXJcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlU3lzdGVtRmlsZUVudHJ5IGV4dGVuZHMgRmlsZVN5c3RlbUVudHJ5IHtcbiAgaXNEaXJlY3Rvcnk6IGZhbHNlXG4gIGlzRmlsZTogdHJ1ZVxuICBmaWxlPFQ+KGNhbGxiYWNrOiAoZmlsZTogRmlsZSkgPT4gVCk6IFRcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGlzRGF0YVRyYW5zZmVySXRlbShpdGVtOiBEYXRhVHJhbnNmZXJJdGVtIHwgRmlsZSk6IGl0ZW0gaXMgRGF0YVRyYW5zZmVySXRlbSB7XG4gIHJldHVybiBcIndlYmtpdEdldEFzRW50cnlcIiBpbiBpdGVtICYmIFwiZ2V0QXNGaWxlXCIgaW4gaXRlbTtcbn1cbiJdfQ==
+\ No newline at end of file
+diff --git a/node_modules/ngx-file-drop/esm2022/lib/ngx-file-drop-entry.mjs b/node_modules/ngx-file-drop/esm2022/lib/ngx-file-drop-entry.mjs
+index 2cd97e8..c89ace2 100644
+--- a/node_modules/ngx-file-drop/esm2022/lib/ngx-file-drop-entry.mjs
++++ b/node_modules/ngx-file-drop/esm2022/lib/ngx-file-drop-entry.mjs
+@@ -9,4 +9,4 @@ export class NgxFileDropEntry {
+ this.fileEntry = fileEntry;
+ }
+ }
+-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWZpbGUtZHJvcC1lbnRyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1maWxlLWRyb3Avc3JjL2xpYi9uZ3gtZmlsZS1kcm9wLWVudHJ5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBOzs7O0dBSUc7QUFDSCxNQUFNLE9BQU8sZ0JBQWdCO0lBQ3pCLFlBQ1csWUFBb0IsRUFDcEIsU0FBMEI7UUFEMUIsaUJBQVksR0FBWixZQUFZLENBQVE7UUFDcEIsY0FBUyxHQUFULFNBQVMsQ0FBaUI7SUFFckMsQ0FBQztDQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmlsZVN5c3RlbUVudHJ5LCBGaWxlU3lzdGVtRmlsZUVudHJ5LCBGaWxlU3lzdGVtRGlyZWN0b3J5RW50cnkgfSBmcm9tICcuL2RvbS50eXBlcyc7XHJcblxyXG4vKipcclxuICogZmlsZUVudHJ5IGlzIGFuIGluc3RhbmNlIG9mIHtAbGluayBGaWxlU3lzdGVtRmlsZUVudHJ5fSBvciB7QGxpbmsgRmlsZVN5c3RlbURpcmVjdG9yeUVudHJ5fS5cclxuICogV2hpY2ggb25lIGlzIGl0IGNhbiBiZSBjaGVja2VkIHVzaW5nIHtAbGluayBGaWxlU3lzdGVtRW50cnkuaXNGaWxlfSBvciB7QGxpbmsgRmlsZVN5c3RlbUVudHJ5LmlzRGlyZWN0b3J5fVxyXG4gKiBwcm9wZXJ0aWVzIG9mIHRoZSBnaXZlbiB7QGxpbmsgRmlsZVN5c3RlbUVudHJ5fS5cclxuICovXHJcbmV4cG9ydCBjbGFzcyBOZ3hGaWxlRHJvcEVudHJ5IHtcclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHB1YmxpYyByZWxhdGl2ZVBhdGg6IHN0cmluZyxcclxuICAgICAgICBwdWJsaWMgZmlsZUVudHJ5OiBGaWxlU3lzdGVtRW50cnlcclxuICAgICkge1xyXG4gICAgfVxyXG59XHJcbiJdfQ==
+\ No newline at end of file
++//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWZpbGUtZHJvcC1lbnRyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1maWxlLWRyb3Avc3JjL2xpYi9uZ3gtZmlsZS1kcm9wLWVudHJ5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBOzs7O0dBSUc7QUFDSCxNQUFNLE9BQU8sZ0JBQWdCO0lBQ3pCLFlBQ1csWUFBb0IsRUFDcEIsU0FBMEI7UUFEMUIsaUJBQVksR0FBWixZQUFZLENBQVE7UUFDcEIsY0FBUyxHQUFULFNBQVMsQ0FBaUI7SUFFckMsQ0FBQztDQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmlsZVN5c3RlbUVudHJ5LCBGaWxlU3lzdGVtRmlsZUVudHJ5LCBGaWxlU3lzdGVtRGlyZWN0b3J5RW50cnkgfSBmcm9tICcuL2RvbS50eXBlcyc7XG5cbi8qKlxuICogZmlsZUVudHJ5IGlzIGFuIGluc3RhbmNlIG9mIHtAbGluayBGaWxlU3lzdGVtRmlsZUVudHJ5fSBvciB7QGxpbmsgRmlsZVN5c3RlbURpcmVjdG9yeUVudHJ5fS5cbiAqIFdoaWNoIG9uZSBpcyBpdCBjYW4gYmUgY2hlY2tlZCB1c2luZyB7QGxpbmsgRmlsZVN5c3RlbUVudHJ5LmlzRmlsZX0gb3Ige0BsaW5rIEZpbGVTeXN0ZW1FbnRyeS5pc0RpcmVjdG9yeX1cbiAqIHByb3BlcnRpZXMgb2YgdGhlIGdpdmVuIHtAbGluayBGaWxlU3lzdGVtRW50cnl9LlxuICovXG5leHBvcnQgY2xhc3MgTmd4RmlsZURyb3BFbnRyeSB7XG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyByZWxhdGl2ZVBhdGg6IHN0cmluZyxcbiAgICAgICAgcHVibGljIGZpbGVFbnRyeTogRmlsZVN5c3RlbUVudHJ5XG4gICAgKSB7XG4gICAgfVxufVxuIl19
+\ No newline at end of file
+diff --git a/node_modules/ngx-file-drop/esm2022/lib/ngx-file-drop.component.mjs b/node_modules/ngx-file-drop/esm2022/lib/ngx-file-drop.component.mjs
+index 7ef2b4b..c180621 100644
+--- a/node_modules/ngx-file-drop/esm2022/lib/ngx-file-drop.component.mjs
++++ b/node_modules/ngx-file-drop/esm2022/lib/ngx-file-drop.component.mjs
+@@ -1,6 +1,7 @@
+ import { Component, ContentChild, EventEmitter, Input, Output, TemplateRef, ViewChild } from '@angular/core';
+ import { timer } from 'rxjs';
+ import { NgxFileDropEntry } from './ngx-file-drop-entry';
++import { isDataTransferItem } from './dom.types';
+ import { NgxFileDropContentTemplateDirective } from './ngx-templates.directive';
+ import * as i0 from "@angular/core";
+ import * as i1 from "@angular/common";
+@@ -134,17 +135,8 @@ export class NgxFileDropComponent {
+ if (!item) {
+ return;
+ }
+- // if ("getAsFile" in item) {
+- // const file = item.getAsFile();
+- // if (file) {
+- // this.addToQueue(
+- // this.getFakeDropEntry(file)
+- // );
+- // return;
+- // }
+- // }
+- if ("webkitGetAsEntry" in item) {
+- let entry = item.webkitGetAsEntry();
++ if (isDataTransferItem(item)) {
++ const entry = item.webkitGetAsEntry();
+ if (entry) {
+ if (entry.isFile) {
+ const toUpload = new NgxFileDropEntry(entry.name, entry);
+@@ -155,6 +147,11 @@ export class NgxFileDropComponent {
+ }
+ return;
+ }
++ const file = item.getAsFile();
++ if (file) {
++ this.addToQueue(this.getFakeDropEntry(file));
++ }
++ return;
+ }
+ this.addToQueue(this.getFakeDropEntry(item));
+ }
+@@ -266,11 +263,11 @@ export class NgxFileDropComponent {
+ event.preventDefault();
+ }
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: NgxFileDropComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: NgxFileDropComponent, selector: "ngx-file-drop", inputs: { accept: "accept", directory: "directory", multiple: "multiple", dropZoneLabel: "dropZoneLabel", dropZoneClassName: "dropZoneClassName", useDragEnter: "useDragEnter", contentClassName: "contentClassName", showBrowseBtn: "showBrowseBtn", browseBtnClassName: "browseBtnClassName", browseBtnLabel: "browseBtnLabel", disabled: "disabled" }, outputs: { onFileDrop: "onFileDrop", onFileOver: "onFileOver", onFileLeave: "onFileLeave" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: NgxFileDropContentTemplateDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "fileSelector", first: true, predicate: ["fileSelector"], descendants: true, static: true }], ngImport: i0, template: "