From 3a3e72586d8f82895139da036c4358f64f5fb503 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6?= <skjnldsv@protonmail.com>
Date: Wed, 31 Aug 2022 18:15:03 +0200
Subject: [PATCH] Implement upload in Folder
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
---
 package-lock.json                   | 482 +++++++++++++++-------------
 package.json                        |   1 +
 src/components/FolderTagPreview.vue |   2 +-
 src/components/HeaderNavigation.vue | 214 ++++++++++++
 src/views/Folders.vue               |  42 ++-
 5 files changed, 505 insertions(+), 236 deletions(-)
 create mode 100644 src/components/HeaderNavigation.vue

diff --git a/package-lock.json b/package-lock.json
index ff4487a9f7..ecf0689e48 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
 				"@nextcloud/moment": "^1.2.1",
 				"@nextcloud/paths": "^2.1.0",
 				"@nextcloud/router": "^2.0.0",
+				"@nextcloud/upload": "^1.0.0-beta.4",
 				"@nextcloud/vue": "^5.4.0",
 				"camelcase": "^7.0.0",
 				"debounce": "^1.2.1",
@@ -2757,6 +2758,20 @@
 			"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
 			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
 		},
+		"node_modules/@nextcloud/files": {
+			"version": "3.0.0-beta.1",
+			"resolved": "https://registry.npmjs.org/@nextcloud/files/-/files-3.0.0-beta.1.tgz",
+			"integrity": "sha512-97Jn0jP2cvL7eFYZh+zfk3rA+DMQybqslQtl5RUDnRDLfA/BvpIWx4o4qUdz/ECdsOD8aI2tB+m0exoVLITaIg==",
+			"dependencies": {
+				"@nextcloud/auth": "^2.0.0",
+				"@nextcloud/l10n": "^1.6.0",
+				"@nextcloud/logger": "^2.1.0"
+			},
+			"engines": {
+				"node": "^16.0.0",
+				"npm": "^7.0.0 || ^8.0.0"
+			}
+		},
 		"node_modules/@nextcloud/initial-state": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/@nextcloud/initial-state/-/initial-state-2.0.0.tgz",
@@ -2885,6 +2900,58 @@
 				"@types/jquery": "2.0.54"
 			}
 		},
+		"node_modules/@nextcloud/upload": {
+			"version": "1.0.0-beta.4",
+			"resolved": "https://registry.npmjs.org/@nextcloud/upload/-/upload-1.0.0-beta.4.tgz",
+			"integrity": "sha512-IFuE6hsz6gvfoD4szjwWvx7Q9ytSvhYsRsMSuGPAwLJfLqVRIweUmFNIN/kXxPGyvpAOjdwD6gcmlUpqNav0JA==",
+			"dependencies": {
+				"@nextcloud/auth": "^2.0.0",
+				"@nextcloud/axios": "^2.0.0",
+				"@nextcloud/files": "^3.0.0-beta.1",
+				"@nextcloud/l10n": "^1.6.0",
+				"@nextcloud/logger": "^2.3.0",
+				"@nextcloud/router": "^2.0.0",
+				"@nextcloud/vue": "^5.4.0",
+				"@skjnldsv/sanitize-svg": "^1.0.2",
+				"buffer": "^6.0.3",
+				"crypto-browserify": "^3.12.0",
+				"p-cancelable": "^4.0.1",
+				"p-limit": "^4.0.0",
+				"p-queue": "^7.3.0",
+				"simple-eta": "^3.0.2",
+				"vue": "^2.7.10",
+				"vue-material-design-icons": "^5.1.2"
+			},
+			"engines": {
+				"node": "^16.0.0",
+				"npm": "^7.0.0 || ^8.0.0"
+			}
+		},
+		"node_modules/@nextcloud/upload/node_modules/p-limit": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
+			"integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
+			"dependencies": {
+				"yocto-queue": "^1.0.0"
+			},
+			"engines": {
+				"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/@nextcloud/upload/node_modules/yocto-queue": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
+			"integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
+			"engines": {
+				"node": ">=12.20"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/@nextcloud/vue": {
 			"version": "5.4.0",
 			"resolved": "https://registry.npmjs.org/@nextcloud/vue/-/vue-5.4.0.tgz",
@@ -3155,6 +3222,18 @@
 				"@sinonjs/commons": "^1.7.0"
 			}
 		},
+		"node_modules/@skjnldsv/sanitize-svg": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/@skjnldsv/sanitize-svg/-/sanitize-svg-1.0.2.tgz",
+			"integrity": "sha512-blfdQZ9jr4K9IOhifF0FVhKf9LCFH0L8wWR/vEgdA53q8DGNEbjUGMNo4VU1QugglaoQdFy65O2abODRFflsSg==",
+			"dependencies": {
+				"is-svg": "^4.3.2"
+			},
+			"engines": {
+				"node": "^14.0.0",
+				"npm": "^7.0.0"
+			}
+		},
 		"node_modules/@surma/rollup-plugin-off-main-thread": {
 			"version": "2.2.3",
 			"resolved": "https://registry.npmjs.org/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz",
@@ -4155,8 +4234,6 @@
 			"version": "5.4.1",
 			"resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
 			"integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"bn.js": "^4.0.0",
 				"inherits": "^2.0.1",
@@ -4167,9 +4244,7 @@
 		"node_modules/asn1.js/node_modules/bn.js": {
 			"version": "4.12.0",
 			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
 		},
 		"node_modules/assert": {
 			"version": "2.0.0",
@@ -4882,7 +4957,6 @@
 			"version": "1.5.1",
 			"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
 			"integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "github",
@@ -4896,8 +4970,7 @@
 					"type": "consulting",
 					"url": "https://feross.org/support"
 				}
-			],
-			"peer": true
+			]
 		},
 		"node_modules/batch": {
 			"version": "0.6.1",
@@ -4934,9 +5007,7 @@
 		"node_modules/bn.js": {
 			"version": "5.2.1",
 			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
-			"integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ=="
 		},
 		"node_modules/body-parser": {
 			"version": "1.19.1",
@@ -5022,9 +5093,7 @@
 		"node_modules/brorand": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
-			"integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w=="
 		},
 		"node_modules/browser-process-hrtime": {
 			"version": "1.0.0",
@@ -5035,8 +5104,6 @@
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
 			"integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"buffer-xor": "^1.0.3",
 				"cipher-base": "^1.0.0",
@@ -5050,8 +5117,6 @@
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
 			"integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"browserify-aes": "^1.0.4",
 				"browserify-des": "^1.0.0",
@@ -5062,8 +5127,6 @@
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
 			"integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"cipher-base": "^1.0.1",
 				"des.js": "^1.0.0",
@@ -5075,8 +5138,6 @@
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
 			"integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"bn.js": "^5.0.0",
 				"randombytes": "^2.0.1"
@@ -5086,8 +5147,6 @@
 			"version": "4.2.1",
 			"resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.1.tgz",
 			"integrity": "sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"bn.js": "^5.1.1",
 				"browserify-rsa": "^4.0.1",
@@ -5104,8 +5163,6 @@
 			"version": "3.6.0",
 			"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
 			"integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"inherits": "^2.0.3",
 				"string_decoder": "^1.1.1",
@@ -5119,7 +5176,6 @@
 			"version": "5.2.1",
 			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
 			"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "github",
@@ -5133,8 +5189,7 @@
 					"type": "consulting",
 					"url": "https://feross.org/support"
 				}
-			],
-			"peer": true
+			]
 		},
 		"node_modules/browserify-zlib": {
 			"version": "0.2.0",
@@ -5186,7 +5241,6 @@
 			"version": "6.0.3",
 			"resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
 			"integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "github",
@@ -5201,7 +5255,6 @@
 					"url": "https://feross.org/support"
 				}
 			],
-			"peer": true,
 			"dependencies": {
 				"base64-js": "^1.3.1",
 				"ieee754": "^1.2.1"
@@ -5222,9 +5275,7 @@
 		"node_modules/buffer-xor": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
-			"integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ=="
 		},
 		"node_modules/builtin-modules": {
 			"version": "3.3.0",
@@ -5463,8 +5514,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
 			"integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"inherits": "^2.0.1",
 				"safe-buffer": "^5.0.1"
@@ -5869,8 +5918,6 @@
 			"version": "4.0.4",
 			"resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
 			"integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"bn.js": "^4.1.0",
 				"elliptic": "^6.5.3"
@@ -5879,16 +5926,12 @@
 		"node_modules/create-ecdh/node_modules/bn.js": {
 			"version": "4.12.0",
 			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
 		},
 		"node_modules/create-hash": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
 			"integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"cipher-base": "^1.0.1",
 				"inherits": "^2.0.1",
@@ -5901,8 +5944,6 @@
 			"version": "1.1.7",
 			"resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
 			"integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"cipher-base": "^1.0.3",
 				"create-hash": "^1.1.0",
@@ -5953,8 +5994,6 @@
 			"version": "3.12.0",
 			"resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
 			"integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"browserify-cipher": "^1.0.0",
 				"browserify-sign": "^4.0.0",
@@ -6356,8 +6395,6 @@
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
 			"integrity": "sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"inherits": "^2.0.1",
 				"minimalistic-assert": "^1.0.0"
@@ -6412,8 +6449,6 @@
 			"version": "5.0.3",
 			"resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
 			"integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"bn.js": "^4.1.0",
 				"miller-rabin": "^4.0.0",
@@ -6423,9 +6458,7 @@
 		"node_modules/diffie-hellman/node_modules/bn.js": {
 			"version": "4.12.0",
 			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
 		},
 		"node_modules/dir-glob": {
 			"version": "3.0.1",
@@ -6641,8 +6674,6 @@
 			"version": "6.5.4",
 			"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
 			"integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"bn.js": "^4.11.9",
 				"brorand": "^1.1.0",
@@ -6656,9 +6687,7 @@
 		"node_modules/elliptic/node_modules/bn.js": {
 			"version": "4.12.0",
 			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
 		},
 		"node_modules/emittery": {
 			"version": "0.10.2",
@@ -7857,9 +7886,7 @@
 		"node_modules/eventemitter3": {
 			"version": "4.0.7",
 			"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-			"integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
 		},
 		"node_modules/events": {
 			"version": "3.3.0",
@@ -7874,8 +7901,6 @@
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
 			"integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"md5.js": "^1.3.4",
 				"safe-buffer": "^5.1.1"
@@ -8746,8 +8771,6 @@
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
 			"integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"inherits": "^2.0.4",
 				"readable-stream": "^3.6.0",
@@ -8761,8 +8784,6 @@
 			"version": "3.6.0",
 			"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
 			"integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"inherits": "^2.0.3",
 				"string_decoder": "^1.1.1",
@@ -8776,7 +8797,6 @@
 			"version": "5.2.1",
 			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
 			"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "github",
@@ -8790,8 +8810,7 @@
 					"type": "consulting",
 					"url": "https://feross.org/support"
 				}
-			],
-			"peer": true
+			]
 		},
 		"node_modules/hash-sum": {
 			"version": "1.0.2",
@@ -8804,8 +8823,6 @@
 			"version": "1.1.7",
 			"resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
 			"integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"inherits": "^2.0.3",
 				"minimalistic-assert": "^1.0.1"
@@ -8823,8 +8840,6 @@
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
 			"integrity": "sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"hash.js": "^1.0.3",
 				"minimalistic-assert": "^1.0.0",
@@ -9108,7 +9123,6 @@
 			"version": "1.2.1",
 			"resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
 			"integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "github",
@@ -9122,8 +9136,7 @@
 					"type": "consulting",
 					"url": "https://feross.org/support"
 				}
-			],
-			"peer": true
+			]
 		},
 		"node_modules/ignore": {
 			"version": "5.2.0",
@@ -9216,8 +9229,7 @@
 		"node_modules/inherits": {
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-			"dev": true
+			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
 		},
 		"node_modules/ini": {
 			"version": "1.3.8",
@@ -9638,6 +9650,20 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/is-svg": {
+			"version": "4.3.2",
+			"resolved": "https://registry.npmjs.org/is-svg/-/is-svg-4.3.2.tgz",
+			"integrity": "sha512-mM90duy00JGMyjqIVHu9gNTjywdZV+8qNasX8cm/EEYZ53PHDgajvbBwNVvty5dwSAxLUD3p3bdo+7sR/UMrpw==",
+			"dependencies": {
+				"fast-xml-parser": "^3.19.0"
+			},
+			"engines": {
+				"node": ">=6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/is-symbol": {
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
@@ -12182,8 +12208,6 @@
 			"version": "1.3.5",
 			"resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
 			"integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"hash-base": "^3.0.0",
 				"inherits": "^2.0.1",
@@ -12480,8 +12504,6 @@
 			"version": "4.0.1",
 			"resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
 			"integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"bn.js": "^4.0.0",
 				"brorand": "^1.0.1"
@@ -12493,9 +12515,7 @@
 		"node_modules/miller-rabin/node_modules/bn.js": {
 			"version": "4.12.0",
 			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
 		},
 		"node_modules/mime": {
 			"version": "1.6.0",
@@ -12551,16 +12571,12 @@
 		"node_modules/minimalistic-assert": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
-			"integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A=="
 		},
 		"node_modules/minimalistic-crypto-utils": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
-			"integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg=="
 		},
 		"node_modules/minimatch": {
 			"version": "3.0.4",
@@ -13098,6 +13114,14 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/p-cancelable": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-4.0.1.tgz",
+			"integrity": "sha512-wBowNApzd45EIKdO1LaU+LrMBwAcjfPaYtVzV3lmfM3gf8Z4CHZsiIqlM8TZZ8okYvh5A1cP6gTfCRQtwUpaUg==",
+			"engines": {
+				"node": ">=14.16"
+			}
+		},
 		"node_modules/p-limit": {
 			"version": "2.3.0",
 			"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -13141,6 +13165,21 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/p-queue": {
+			"version": "7.3.0",
+			"resolved": "https://registry.npmjs.org/p-queue/-/p-queue-7.3.0.tgz",
+			"integrity": "sha512-5fP+yVQ0qp0rEfZoDTlP2c3RYBgxvRsw30qO+VtPPc95lyvSG+x6USSh1TuLB4n96IO6I8/oXQGsTgtna4q2nQ==",
+			"dependencies": {
+				"eventemitter3": "^4.0.7",
+				"p-timeout": "^5.0.2"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/p-retry": {
 			"version": "4.6.1",
 			"resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.1.tgz",
@@ -13155,6 +13194,17 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/p-timeout": {
+			"version": "5.1.0",
+			"resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-5.1.0.tgz",
+			"integrity": "sha512-auFDyzzzGZZZdHz3BtET9VEz0SE/uMEAx7uWfGPucfzEwwe/xH0iVeZibQmANYE/hp9T2+UUZT5m+BKyrDp3Ew==",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
 		"node_modules/p-try": {
 			"version": "2.2.0",
 			"resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
@@ -13187,8 +13237,6 @@
 			"version": "5.1.6",
 			"resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
 			"integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"asn1.js": "^5.2.0",
 				"browserify-aes": "^1.0.0",
@@ -13303,8 +13351,6 @@
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
 			"integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"create-hash": "^1.1.2",
 				"create-hmac": "^1.1.4",
@@ -13785,8 +13831,6 @@
 			"version": "4.0.3",
 			"resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
 			"integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"bn.js": "^4.1.0",
 				"browserify-rsa": "^4.0.0",
@@ -13799,9 +13843,7 @@
 		"node_modules/public-encrypt/node_modules/bn.js": {
 			"version": "4.12.0",
 			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
 		},
 		"node_modules/punycode": {
 			"version": "2.1.1",
@@ -13880,8 +13922,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
 			"integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"randombytes": "^2.0.5",
 				"safe-buffer": "^5.1.0"
@@ -14257,8 +14297,6 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
 			"integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"hash-base": "^3.0.0",
 				"inherits": "^2.0.1"
@@ -14557,8 +14595,6 @@
 			"version": "2.4.11",
 			"resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
 			"integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"inherits": "^2.0.1",
 				"safe-buffer": "^5.0.1"
@@ -14623,6 +14659,11 @@
 			"integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
 			"dev": true
 		},
+		"node_modules/simple-eta": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/simple-eta/-/simple-eta-3.0.2.tgz",
+			"integrity": "sha512-+OmPgi01yHK/bRNQDoehUcV8fqs9nNJkG2DoWCnnLvj0lmowab7BH3v9776BG0y7dGEOLh0F7mfd37k+ht26Yw=="
+		},
 		"node_modules/sisteransi": {
 			"version": "1.0.5",
 			"resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
@@ -15001,8 +15042,6 @@
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
 			"integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-			"dev": true,
-			"peer": true,
 			"dependencies": {
 				"safe-buffer": "~5.1.0"
 			}
@@ -16122,9 +16161,7 @@
 		"node_modules/util-deprecate": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-			"integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
-			"dev": true,
-			"peer": true
+			"integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
 		},
 		"node_modules/utils-merge": {
 			"version": "1.0.1",
@@ -19648,6 +19685,16 @@
 				}
 			}
 		},
+		"@nextcloud/files": {
+			"version": "3.0.0-beta.1",
+			"resolved": "https://registry.npmjs.org/@nextcloud/files/-/files-3.0.0-beta.1.tgz",
+			"integrity": "sha512-97Jn0jP2cvL7eFYZh+zfk3rA+DMQybqslQtl5RUDnRDLfA/BvpIWx4o4qUdz/ECdsOD8aI2tB+m0exoVLITaIg==",
+			"requires": {
+				"@nextcloud/auth": "^2.0.0",
+				"@nextcloud/l10n": "^1.6.0",
+				"@nextcloud/logger": "^2.1.0"
+			}
+		},
 		"@nextcloud/initial-state": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/@nextcloud/initial-state/-/initial-state-2.0.0.tgz",
@@ -19757,6 +19804,44 @@
 				"@types/jquery": "2.0.54"
 			}
 		},
+		"@nextcloud/upload": {
+			"version": "1.0.0-beta.4",
+			"resolved": "https://registry.npmjs.org/@nextcloud/upload/-/upload-1.0.0-beta.4.tgz",
+			"integrity": "sha512-IFuE6hsz6gvfoD4szjwWvx7Q9ytSvhYsRsMSuGPAwLJfLqVRIweUmFNIN/kXxPGyvpAOjdwD6gcmlUpqNav0JA==",
+			"requires": {
+				"@nextcloud/auth": "^2.0.0",
+				"@nextcloud/axios": "^2.0.0",
+				"@nextcloud/files": "^3.0.0-beta.1",
+				"@nextcloud/l10n": "^1.6.0",
+				"@nextcloud/logger": "^2.3.0",
+				"@nextcloud/router": "^2.0.0",
+				"@nextcloud/vue": "^5.4.0",
+				"@skjnldsv/sanitize-svg": "^1.0.2",
+				"buffer": "^6.0.3",
+				"crypto-browserify": "^3.12.0",
+				"p-cancelable": "^4.0.1",
+				"p-limit": "^4.0.0",
+				"p-queue": "^7.3.0",
+				"simple-eta": "^3.0.2",
+				"vue": "^2.7.10",
+				"vue-material-design-icons": "^5.1.2"
+			},
+			"dependencies": {
+				"p-limit": {
+					"version": "4.0.0",
+					"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
+					"integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
+					"requires": {
+						"yocto-queue": "^1.0.0"
+					}
+				},
+				"yocto-queue": {
+					"version": "1.0.0",
+					"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
+					"integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g=="
+				}
+			}
+		},
 		"@nextcloud/vue": {
 			"version": "5.4.0",
 			"resolved": "https://registry.npmjs.org/@nextcloud/vue/-/vue-5.4.0.tgz",
@@ -19960,6 +20045,14 @@
 				"@sinonjs/commons": "^1.7.0"
 			}
 		},
+		"@skjnldsv/sanitize-svg": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/@skjnldsv/sanitize-svg/-/sanitize-svg-1.0.2.tgz",
+			"integrity": "sha512-blfdQZ9jr4K9IOhifF0FVhKf9LCFH0L8wWR/vEgdA53q8DGNEbjUGMNo4VU1QugglaoQdFy65O2abODRFflsSg==",
+			"requires": {
+				"is-svg": "^4.3.2"
+			}
+		},
 		"@surma/rollup-plugin-off-main-thread": {
 			"version": "2.2.3",
 			"resolved": "https://registry.npmjs.org/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz",
@@ -20842,8 +20935,6 @@
 			"version": "5.4.1",
 			"resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
 			"integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"bn.js": "^4.0.0",
 				"inherits": "^2.0.1",
@@ -20854,9 +20945,7 @@
 				"bn.js": {
 					"version": "4.12.0",
 					"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-					"dev": true,
-					"peer": true
+					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
 				}
 			}
 		},
@@ -21456,9 +21545,7 @@
 		"base64-js": {
 			"version": "1.5.1",
 			"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-			"integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="
 		},
 		"batch": {
 			"version": "0.6.1",
@@ -21492,9 +21579,7 @@
 		"bn.js": {
 			"version": "5.2.1",
 			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
-			"integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ=="
 		},
 		"body-parser": {
 			"version": "1.19.1",
@@ -21567,9 +21652,7 @@
 		"brorand": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
-			"integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w=="
 		},
 		"browser-process-hrtime": {
 			"version": "1.0.0",
@@ -21580,8 +21663,6 @@
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
 			"integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"buffer-xor": "^1.0.3",
 				"cipher-base": "^1.0.0",
@@ -21595,8 +21676,6 @@
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
 			"integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"browserify-aes": "^1.0.4",
 				"browserify-des": "^1.0.0",
@@ -21607,8 +21686,6 @@
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
 			"integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"cipher-base": "^1.0.1",
 				"des.js": "^1.0.0",
@@ -21620,8 +21697,6 @@
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
 			"integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"bn.js": "^5.0.0",
 				"randombytes": "^2.0.1"
@@ -21631,8 +21706,6 @@
 			"version": "4.2.1",
 			"resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.1.tgz",
 			"integrity": "sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"bn.js": "^5.1.1",
 				"browserify-rsa": "^4.0.1",
@@ -21649,8 +21722,6 @@
 					"version": "3.6.0",
 					"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
 					"integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-					"dev": true,
-					"peer": true,
 					"requires": {
 						"inherits": "^2.0.3",
 						"string_decoder": "^1.1.1",
@@ -21660,9 +21731,7 @@
 				"safe-buffer": {
 					"version": "5.2.1",
 					"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-					"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-					"dev": true,
-					"peer": true
+					"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
 				}
 			}
 		},
@@ -21700,8 +21769,6 @@
 			"version": "6.0.3",
 			"resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
 			"integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"base64-js": "^1.3.1",
 				"ieee754": "^1.2.1"
@@ -21722,9 +21789,7 @@
 		"buffer-xor": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
-			"integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ=="
 		},
 		"builtin-modules": {
 			"version": "3.3.0",
@@ -21895,8 +21960,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
 			"integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"inherits": "^2.0.1",
 				"safe-buffer": "^5.0.1"
@@ -22229,8 +22292,6 @@
 			"version": "4.0.4",
 			"resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
 			"integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"bn.js": "^4.1.0",
 				"elliptic": "^6.5.3"
@@ -22239,9 +22300,7 @@
 				"bn.js": {
 					"version": "4.12.0",
 					"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-					"dev": true,
-					"peer": true
+					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
 				}
 			}
 		},
@@ -22249,8 +22308,6 @@
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
 			"integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"cipher-base": "^1.0.1",
 				"inherits": "^2.0.1",
@@ -22263,8 +22320,6 @@
 			"version": "1.1.7",
 			"resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
 			"integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"cipher-base": "^1.0.3",
 				"create-hash": "^1.1.0",
@@ -22305,8 +22360,6 @@
 			"version": "3.12.0",
 			"resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
 			"integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"browserify-cipher": "^1.0.0",
 				"browserify-sign": "^4.0.0",
@@ -22621,8 +22674,6 @@
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
 			"integrity": "sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"inherits": "^2.0.1",
 				"minimalistic-assert": "^1.0.0"
@@ -22668,8 +22719,6 @@
 			"version": "5.0.3",
 			"resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
 			"integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"bn.js": "^4.1.0",
 				"miller-rabin": "^4.0.0",
@@ -22679,9 +22728,7 @@
 				"bn.js": {
 					"version": "4.12.0",
 					"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-					"dev": true,
-					"peer": true
+					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
 				}
 			}
 		},
@@ -22857,8 +22904,6 @@
 			"version": "6.5.4",
 			"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
 			"integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"bn.js": "^4.11.9",
 				"brorand": "^1.1.0",
@@ -22872,9 +22917,7 @@
 				"bn.js": {
 					"version": "4.12.0",
 					"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-					"dev": true,
-					"peer": true
+					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
 				}
 			}
 		},
@@ -23772,9 +23815,7 @@
 		"eventemitter3": {
 			"version": "4.0.7",
 			"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-			"integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
 		},
 		"events": {
 			"version": "3.3.0",
@@ -23786,8 +23827,6 @@
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
 			"integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"md5.js": "^1.3.4",
 				"safe-buffer": "^5.1.1"
@@ -24451,8 +24490,6 @@
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
 			"integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"inherits": "^2.0.4",
 				"readable-stream": "^3.6.0",
@@ -24463,8 +24500,6 @@
 					"version": "3.6.0",
 					"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
 					"integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-					"dev": true,
-					"peer": true,
 					"requires": {
 						"inherits": "^2.0.3",
 						"string_decoder": "^1.1.1",
@@ -24474,9 +24509,7 @@
 				"safe-buffer": {
 					"version": "5.2.1",
 					"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-					"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-					"dev": true,
-					"peer": true
+					"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
 				}
 			}
 		},
@@ -24491,8 +24524,6 @@
 			"version": "1.1.7",
 			"resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
 			"integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"inherits": "^2.0.3",
 				"minimalistic-assert": "^1.0.1"
@@ -24507,8 +24538,6 @@
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
 			"integrity": "sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"hash.js": "^1.0.3",
 				"minimalistic-assert": "^1.0.0",
@@ -24734,9 +24763,7 @@
 		"ieee754": {
 			"version": "1.2.1",
 			"resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-			"integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
 		},
 		"ignore": {
 			"version": "5.2.0",
@@ -24805,8 +24832,7 @@
 		"inherits": {
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-			"dev": true
+			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
 		},
 		"ini": {
 			"version": "1.3.8",
@@ -25095,6 +25121,14 @@
 				"has-tostringtag": "^1.0.0"
 			}
 		},
+		"is-svg": {
+			"version": "4.3.2",
+			"resolved": "https://registry.npmjs.org/is-svg/-/is-svg-4.3.2.tgz",
+			"integrity": "sha512-mM90duy00JGMyjqIVHu9gNTjywdZV+8qNasX8cm/EEYZ53PHDgajvbBwNVvty5dwSAxLUD3p3bdo+7sR/UMrpw==",
+			"requires": {
+				"fast-xml-parser": "^3.19.0"
+			}
+		},
 		"is-symbol": {
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
@@ -27017,8 +27051,6 @@
 			"version": "1.3.5",
 			"resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
 			"integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"hash-base": "^3.0.0",
 				"inherits": "^2.0.1",
@@ -27257,8 +27289,6 @@
 			"version": "4.0.1",
 			"resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
 			"integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"bn.js": "^4.0.0",
 				"brorand": "^1.0.1"
@@ -27267,9 +27297,7 @@
 				"bn.js": {
 					"version": "4.12.0",
 					"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-					"dev": true,
-					"peer": true
+					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
 				}
 			}
 		},
@@ -27309,16 +27337,12 @@
 		"minimalistic-assert": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
-			"integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A=="
 		},
 		"minimalistic-crypto-utils": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
-			"integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==",
-			"dev": true,
-			"peer": true
+			"integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg=="
 		},
 		"minimatch": {
 			"version": "3.0.4",
@@ -27726,6 +27750,11 @@
 			"dev": true,
 			"peer": true
 		},
+		"p-cancelable": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-4.0.1.tgz",
+			"integrity": "sha512-wBowNApzd45EIKdO1LaU+LrMBwAcjfPaYtVzV3lmfM3gf8Z4CHZsiIqlM8TZZ8okYvh5A1cP6gTfCRQtwUpaUg=="
+		},
 		"p-limit": {
 			"version": "2.3.0",
 			"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -27754,6 +27783,15 @@
 				"aggregate-error": "^3.0.0"
 			}
 		},
+		"p-queue": {
+			"version": "7.3.0",
+			"resolved": "https://registry.npmjs.org/p-queue/-/p-queue-7.3.0.tgz",
+			"integrity": "sha512-5fP+yVQ0qp0rEfZoDTlP2c3RYBgxvRsw30qO+VtPPc95lyvSG+x6USSh1TuLB4n96IO6I8/oXQGsTgtna4q2nQ==",
+			"requires": {
+				"eventemitter3": "^4.0.7",
+				"p-timeout": "^5.0.2"
+			}
+		},
 		"p-retry": {
 			"version": "4.6.1",
 			"resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.1.tgz",
@@ -27765,6 +27803,11 @@
 				"retry": "^0.13.1"
 			}
 		},
+		"p-timeout": {
+			"version": "5.1.0",
+			"resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-5.1.0.tgz",
+			"integrity": "sha512-auFDyzzzGZZZdHz3BtET9VEz0SE/uMEAx7uWfGPucfzEwwe/xH0iVeZibQmANYE/hp9T2+UUZT5m+BKyrDp3Ew=="
+		},
 		"p-try": {
 			"version": "2.2.0",
 			"resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
@@ -27791,8 +27834,6 @@
 			"version": "5.1.6",
 			"resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
 			"integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"asn1.js": "^5.2.0",
 				"browserify-aes": "^1.0.0",
@@ -27882,8 +27923,6 @@
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
 			"integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"create-hash": "^1.1.2",
 				"create-hmac": "^1.1.4",
@@ -28231,8 +28270,6 @@
 			"version": "4.0.3",
 			"resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
 			"integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"bn.js": "^4.1.0",
 				"browserify-rsa": "^4.0.0",
@@ -28245,9 +28282,7 @@
 				"bn.js": {
 					"version": "4.12.0",
 					"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-					"dev": true,
-					"peer": true
+					"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
 				}
 			}
 		},
@@ -28309,8 +28344,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
 			"integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"randombytes": "^2.0.5",
 				"safe-buffer": "^5.1.0"
@@ -28601,8 +28634,6 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
 			"integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"hash-base": "^3.0.0",
 				"inherits": "^2.0.1"
@@ -28834,8 +28865,6 @@
 			"version": "2.4.11",
 			"resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
 			"integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"inherits": "^2.0.1",
 				"safe-buffer": "^5.0.1"
@@ -28888,6 +28917,11 @@
 			"integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
 			"dev": true
 		},
+		"simple-eta": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/simple-eta/-/simple-eta-3.0.2.tgz",
+			"integrity": "sha512-+OmPgi01yHK/bRNQDoehUcV8fqs9nNJkG2DoWCnnLvj0lmowab7BH3v9776BG0y7dGEOLh0F7mfd37k+ht26Yw=="
+		},
 		"sisteransi": {
 			"version": "1.0.5",
 			"resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
@@ -29214,8 +29248,6 @@
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
 			"integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-			"dev": true,
-			"peer": true,
 			"requires": {
 				"safe-buffer": "~5.1.0"
 			}
@@ -30076,9 +30108,7 @@
 		"util-deprecate": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-			"integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
-			"dev": true,
-			"peer": true
+			"integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
 		},
 		"utils-merge": {
 			"version": "1.0.1",
diff --git a/package.json b/package.json
index 929e72212f..472c13b410 100644
--- a/package.json
+++ b/package.json
@@ -43,6 +43,7 @@
 		"@nextcloud/moment": "^1.2.1",
 		"@nextcloud/paths": "^2.1.0",
 		"@nextcloud/router": "^2.0.0",
+		"@nextcloud/upload": "^1.0.0-beta.4",
 		"@nextcloud/vue": "^5.4.0",
 		"camelcase": "^7.0.0",
 		"debounce": "^1.2.1",
diff --git a/src/components/FolderTagPreview.vue b/src/components/FolderTagPreview.vue
index 77a24beae6..d7f637c0b7 100644
--- a/src/components/FolderTagPreview.vue
+++ b/src/components/FolderTagPreview.vue
@@ -65,7 +65,7 @@ export default {
 			default: 'icon-folder',
 		},
 		id: {
-			type: Number,
+			type: [Number, String],
 			required: true,
 		},
 		name: {
diff --git a/src/components/HeaderNavigation.vue b/src/components/HeaderNavigation.vue
new file mode 100644
index 0000000000..5d7c7d4245
--- /dev/null
+++ b/src/components/HeaderNavigation.vue
@@ -0,0 +1,214 @@
+<!--
+ - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ -
+ - @author John Molakvoæ <skjnldsv@protonmail.com>
+ -
+ - @license AGPL-3.0-or-later
+ -
+ - This program is free software: you can redistribute it and/or modify
+ - it under the terms of the GNU Affero General Public License as
+ - published by the Free Software Foundation, either version 3 of the
+ - License, or (at your option) any later version.
+ -
+ - This program is distributed in the hope that it will be useful,
+ - but WITHOUT ANY WARRANTY; without even the implied warranty of
+ - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ - GNU Affero General Public License for more details.
+ -
+ - You should have received a copy of the GNU Affero General Public License
+ - along with this program. If not, see <http://www.gnu.org/licenses/>.
+ -
+ -->
+
+<template>
+	<div :class="{'photos-navigation--root': isRoot}" class="photos-navigation" role="toolbar">
+		<!-- Back navigation button -->
+		<Button v-if="!isRoot"
+			class="photos-navigation__back"
+			type="tertiary"
+			@click="folderUp">
+			<template #icon>
+				<ArrowLeft :size="20" />
+			</template>
+		</Button>
+
+		<!-- Main Navigation title -->
+		<h2 class="photos-navigation__title" @click="refresh">
+			{{ name }}
+		</h2>
+
+		<!-- Main slot -->
+		<div v-if="$slots.default" class="photos-navigation__content">
+			<slot />
+		</div>
+
+		<Loader v-if="loading" class="photos-navigation__loader" />
+	</div>
+</template>
+
+<script>
+import Button from '@nextcloud/vue/dist/Components/Button'
+import ArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'
+
+import Loader from '../components/Loader.vue'
+
+export default {
+	name: 'HeaderNavigation',
+
+	components: {
+		ArrowLeft,
+		Button,
+		Loader,
+	},
+	inheritAttrs: false,
+
+	props: {
+		loading: {
+			type: Boolean,
+			default: false,
+		},
+		path: {
+			type: String,
+			default: '/',
+		},
+		title: {
+			type: String,
+			required: true,
+		},
+		rootTitle: {
+			type: String,
+			default: t('photos', 'Photos'),
+		},
+	},
+
+	computed: {
+		isRoot() {
+			const isRoot = this.path === '/'
+			this.toggleNavigationButton(!isRoot)
+			return isRoot
+		},
+
+		name() {
+			if (this.isRoot) {
+				return this.rootTitle
+			}
+			return this.title
+		},
+
+		parentPath() {
+			const path = this.path.split('/')
+			path.pop()
+			const parent = path.join('/')
+			return this.isRoot || parent.trim() === ''
+				? '/'
+				: path.join('/')
+		},
+
+		parentName() {
+			return this.parentPath && this.parentPath.split('/').pop()
+		},
+
+		backToText() {
+			if (this.parentPath === '/') {
+				return t('photos', 'Back to {folder}', { folder: this.rootTitle })
+			}
+			return t('photos', 'Back to {folder}', { folder: this.parentName })
+		},
+
+		/**
+		 * We do not want encoded slashes when browsing by folder
+		 * so we generate a new valid route object, get the final url back
+		 * decode it and use it as a direct string, which vue-router
+		 * does not encode afterwards
+		 *
+		 * @return {string|object}
+		 */
+		to() {
+			// always remove first slash, the router
+			// manage it automatically
+			const regex = /^\/?(.*)/i
+			const path = regex.exec(this.parentPath)[1]
+
+			// apply to current route
+			const { name, params } = Object.assign({}, this.$route, {
+				params: { path },
+			})
+
+			// return the full object as we don't care about
+			// an empty path if this is route
+			if (path === '') {
+				return { name }
+			}
+
+			// returning a string prevent vue-router to encode it again
+			return decodeURIComponent(this.$router.resolve({ name, params }).resolved.path)
+		},
+	},
+
+	methods: {
+		folderUp() {
+			this.$router.push(this.to)
+		},
+
+		refresh() {
+			this.$emit('refresh')
+		},
+
+		toggleNavigationButton(hide) {
+			// Hide the navigation toggle if the back button is shown
+			const navigationToggle = document.querySelector('button.app-navigation-toggle')
+			navigationToggle.style.display = hide ? 'none' : null
+		},
+	},
+}
+</script>
+
+<style lang="scss">
+:root {
+	--photos-navigation-height: 64px;
+	// header height - button size
+	--photos-navigation-spacing: calc((var(--photos-navigation-height) - 44px) / 2);
+}
+
+// Properly position the navigation toggle button
+button.app-navigation-toggle {
+	right: calc(var(--photos-navigation-height) * -1) !important;;
+	margin: var(--photos-navigation-spacing) !important;
+}
+</style>
+
+<style lang="scss" scoped>
+.photos-navigation {
+	position: sticky;
+	z-index: 20;
+	top: var(--header-height);
+	display: flex;
+	align-items: center;
+	width: 100%;
+	height: var(--photos-navigation-height);
+	min-height: var(--photos-navigation-height);
+	padding: 0 var(--photos-navigation-height);
+	background: var(--color-main-background);
+
+	&__back {
+		// Above the navigation menu
+		position: absolute;
+		left: 0;
+		margin: var(--photos-navigation-spacing) !important;
+	}
+
+	&__title {
+		overflow: hidden;
+		margin: 0;
+		margin-right: calc(2 * var(--photos-navigation-spacing));
+		cursor: pointer;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	&__loader {
+			margin-left: 32px;
+	}
+}
+
+</style>
diff --git a/src/views/Folders.vue b/src/views/Folders.vue
index e85b7583fb..3de619f812 100644
--- a/src/views/Folders.vue
+++ b/src/views/Folders.vue
@@ -29,14 +29,24 @@
 	<EmptyContent v-else-if="error">
 		{{ t('photos', 'An error occurred') }}
 	</EmptyContent>
+	<NcEmptyContent v-else-if="initializing" icon="icon-loading">
+		{{ t('photos', 'Loading folders') }}
+	</NcEmptyContent>
 
 	<!-- Folder content -->
-	<div v-else-if="!loading">
-		<Navigation v-if="folder"
-			key="navigation"
-			v-bind="folder"
+	<div v-else-if="!initializing">
+		<HeaderNavigation key="navigation"
+			:loading="loading"
+			:path="folder.filename"
+			:title="folder.basename"
 			:root-title="rootTitle"
-			:show-actions="true" />
+			@refresh="onRefresh">
+			<UploadPicker :accept="allowedMimes"
+				:destination="folder.filename"
+				:multiple="true"
+				@uploaded="onRefresh" />
+		</HeaderNavigation>
+
 		<!-- Empty folder, should only happen via direct link -->
 		<EmptyContent v-if="isEmpty" key="emptycontent" illustration-name="empty">
 			{{ t('photos', 'No photos in here') }}
@@ -53,6 +63,8 @@
 
 <script>
 import { mapGetters } from 'vuex'
+import { UploadPicker } from '@nextcloud/upload'
+import NcEmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
 
 import getAlbumContent from '../services/AlbumContent.js'
 
@@ -60,18 +72,21 @@ import VirtualGrid from 'vue-virtual-grid'
 import EmptyContent from '../components/EmptyContent.vue'
 import Folder from '../components/Folder.vue'
 import FileLegacy from '../components/FileLegacy.vue'
-import Navigation from '../components/Navigation.vue'
+import HeaderNavigation from '../components/HeaderNavigation.vue'
 
 import GridConfigMixin from '../mixins/GridConfig.js'
 
 import cancelableRequest from '../utils/CancelableRequest.js'
+import allowedMimes from '../services/AllowedMimes.js'
 
 export default {
 	name: 'Folders',
 	components: {
 		VirtualGrid,
 		EmptyContent,
-		Navigation,
+		HeaderNavigation,
+		NcEmptyContent,
+		UploadPicker,
 	},
 	mixins: [GridConfigMixin],
 	props: {
@@ -93,6 +108,9 @@ export default {
 		return {
 			error: null,
 			cancelRequest: () => {},
+			allowedMimes,
+
+			initializing: true,
 			loading: false,
 		}
 	},
@@ -190,7 +208,7 @@ export default {
 		},
 	},
 
-	async beforeMount() {
+	beforeMount() {
 		this.fetchFolderContent()
 	},
 
@@ -199,9 +217,14 @@ export default {
 	},
 
 	methods: {
+		onRefresh() {
+			this.fetchFolderContent()
+		},
+
 		async fetchFolderContent() {
 			// cancel any pending requests
 			this.cancelRequest('Changed folder')
+			this.loading = true
 
 			// close any potential opened viewer & sidebar
 			OCA.Viewer && OCA.Viewer.close && OCA.Viewer.close()
@@ -209,7 +232,7 @@ export default {
 
 			// if we don't already have some cached data let's show a loader
 			if (!this.files[this.folderId] || !this.folders[this.folderId]) {
-				this.loading = true
+				this.initializing = true
 			}
 			this.error = null
 
@@ -239,6 +262,7 @@ export default {
 			} finally {
 				// done loading even with errors
 				this.loading = false
+				this.initializing = false
 			}
 		},
 	},