@vaadin/upload 25.1.0-alpha8 → 25.1.0-beta1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +117 -1
- package/package.json +11 -11
- package/src/styles/vaadin-upload-file-base-styles.js +239 -170
- package/src/vaadin-upload-file.d.ts +1 -1
- package/src/vaadin-upload-file.js +2 -2
- package/web-types.json +146 -155
- package/web-types.lit.json +52 -52
package/web-types.lit.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/upload",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-beta1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -27,22 +27,22 @@
|
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
|
-
"name": ".
|
|
31
|
-
"description": "
|
|
30
|
+
"name": ".capture",
|
|
31
|
+
"description": "Capture attribute for mobile file input.",
|
|
32
32
|
"value": {
|
|
33
33
|
"kind": "expression"
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
"name": ".
|
|
38
|
-
"description": "
|
|
37
|
+
"name": ".disabled",
|
|
38
|
+
"description": "Whether the button is disabled.\nReturns true if either explicitly disabled, manager is disabled, or maxFilesReached is true.",
|
|
39
39
|
"value": {
|
|
40
40
|
"kind": "expression"
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
"name": ".
|
|
45
|
-
"description": "
|
|
44
|
+
"name": ".manager",
|
|
45
|
+
"description": "Reference to an UploadManager.\nWhen set, the button will automatically disable when maxFilesReached\nbecomes true on the manager.",
|
|
46
46
|
"value": {
|
|
47
47
|
"kind": "expression"
|
|
48
48
|
}
|
|
@@ -79,19 +79,19 @@
|
|
|
79
79
|
},
|
|
80
80
|
{
|
|
81
81
|
"name": "vaadin-upload-file",
|
|
82
|
-
"description": "`<vaadin-upload-file>` element represents a file in the file list of `<vaadin-upload>`.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------\n`thumbnail` | Image thumbnail for image files (used with `thumbnails` theme)\n`
|
|
82
|
+
"description": "`<vaadin-upload-file>` element represents a file in the file list of `<vaadin-upload>`.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------\n`thumbnail` | Image thumbnail for image files (used with `thumbnails` theme)\n`loader` | Loading spinner (used with `thumbnails` theme)\n`done-icon` | File done status icon\n`warning-icon` | File warning status icon\n`meta` | Container for file name, status and error messages\n`name` | File name\n`error` | Error message, shown when error happens\n`status` | Status message\n`commands` | Container for file command buttons\n`start-button` | Start file upload button\n`retry-button` | Retry file upload button\n`remove-button` | Remove file button\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|-------------\n`disabled` | Set when the element is disabled\n`focus-ring` | Set when the element is focused using the keyboard.\n`focused` | Set when the element is focused.\n`error` | An error has happened during uploading.\n`indeterminate` | Uploading is in progress, but the progress value is unknown.\n`uploading` | Uploading is in progress.\n`complete` | Uploading has finished successfully.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------|\n`--vaadin-upload-file-border-radius` |\n`--vaadin-upload-file-button-background` |\n`--vaadin-upload-file-button-border-color` |\n`--vaadin-upload-file-button-border-radius` |\n`--vaadin-upload-file-button-border-width` |\n`--vaadin-upload-file-button-text-color` |\n`--vaadin-upload-file-button-padding` |\n`--vaadin-upload-file-done-color` |\n`--vaadin-upload-file-error-color` |\n`--vaadin-upload-file-error-font-size` |\n`--vaadin-upload-file-error-font-weight` |\n`--vaadin-upload-file-error-line-height` |\n`--vaadin-upload-file-gap` |\n`--vaadin-upload-file-name-color` |\n`--vaadin-upload-file-name-font-size` |\n`--vaadin-upload-file-name-font-weight` |\n`--vaadin-upload-file-name-line-height` |\n`--vaadin-upload-file-padding` |\n`--vaadin-upload-file-status-color` |\n`--vaadin-upload-file-status-font-size` |\n`--vaadin-upload-file-status-font-weight` |\n`--vaadin-upload-file-status-line-height` |\n`--vaadin-upload-file-warning-color` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
83
83
|
"extension": true,
|
|
84
84
|
"attributes": [
|
|
85
85
|
{
|
|
86
|
-
"name": "?
|
|
87
|
-
"description": "
|
|
86
|
+
"name": "?complete",
|
|
87
|
+
"description": "True if uploading is completed, false otherwise.",
|
|
88
88
|
"value": {
|
|
89
89
|
"kind": "expression"
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
{
|
|
93
|
-
"name": "?
|
|
94
|
-
"description": "
|
|
93
|
+
"name": "?disabled",
|
|
94
|
+
"description": "If true, the user cannot interact with this element.",
|
|
95
95
|
"value": {
|
|
96
96
|
"kind": "expression"
|
|
97
97
|
}
|
|
@@ -230,15 +230,15 @@
|
|
|
230
230
|
}
|
|
231
231
|
},
|
|
232
232
|
{
|
|
233
|
-
"name": "?
|
|
234
|
-
"description": "
|
|
233
|
+
"name": "?noAuto",
|
|
234
|
+
"description": "Prevents upload(s) from immediately uploading upon adding file(s).\nWhen set, you must manually trigger uploads using the `uploadFiles` method",
|
|
235
235
|
"value": {
|
|
236
236
|
"kind": "expression"
|
|
237
237
|
}
|
|
238
238
|
},
|
|
239
239
|
{
|
|
240
|
-
"name": "?
|
|
241
|
-
"description": "
|
|
240
|
+
"name": "?nodrop",
|
|
241
|
+
"description": "Define whether the element supports dropping files on it for uploading.\nBy default it's enabled in desktop and disabled in touch devices\nbecause mobile devices do not support drag events in general. Setting\nit false means that drop is enabled even in touch-devices, and true\ndisables drop in all devices.",
|
|
242
242
|
"value": {
|
|
243
243
|
"kind": "expression"
|
|
244
244
|
}
|
|
@@ -251,22 +251,29 @@
|
|
|
251
251
|
}
|
|
252
252
|
},
|
|
253
253
|
{
|
|
254
|
-
"name": ".
|
|
255
|
-
"description": "
|
|
254
|
+
"name": ".accept",
|
|
255
|
+
"description": "Specifies the types of files that the server accepts.\nSyntax: a comma-separated list of MIME type patterns (wildcards are\nallowed) or file extensions.\nNotice that MIME types are widely supported, while file extensions\nare only implemented in certain browsers, so avoid using it.\nExample: accept=\"video/*,image/tiff\" or accept=\".pdf,audio/mp3\"",
|
|
256
256
|
"value": {
|
|
257
257
|
"kind": "expression"
|
|
258
258
|
}
|
|
259
259
|
},
|
|
260
260
|
{
|
|
261
|
-
"name": ".
|
|
262
|
-
"description": "
|
|
261
|
+
"name": ".capture",
|
|
262
|
+
"description": "Pass-through to input's capture attribute. Allows user to trigger device inputs\nsuch as camera or microphone immediately.",
|
|
263
263
|
"value": {
|
|
264
264
|
"kind": "expression"
|
|
265
265
|
}
|
|
266
266
|
},
|
|
267
267
|
{
|
|
268
|
-
"name": ".
|
|
269
|
-
"description": "
|
|
268
|
+
"name": ".files",
|
|
269
|
+
"description": "The array of files being processed, or already uploaded.\n\nEach element is a [`File`](https://developer.mozilla.org/en-US/docs/Web/API/File)\nobject with a number of extra properties to track the upload process:\n- `uploadTarget`: The target URL used to upload this file.\n- `elapsed`: Elapsed time since the upload started.\n- `elapsedStr`: Human-readable elapsed time.\n- `remaining`: Number of seconds remaining for the upload to finish.\n- `remainingStr`: Human-readable remaining time for the upload to finish.\n- `progress`: Percentage of the file already uploaded.\n- `speed`: Upload speed in kB/s.\n- `size`: File size in bytes.\n- `totalStr`: Human-readable total size of the file.\n- `loaded`: Bytes transferred so far.\n- `loadedStr`: Human-readable uploaded size at the moment.\n- `status`: Status of the upload process.\n- `error`: Error message in case the upload failed.\n- `abort`: True if the file was canceled by the user.\n- `complete`: True when the file was transferred to the server.\n- `uploading`: True while transferring data to the server.",
|
|
270
|
+
"value": {
|
|
271
|
+
"kind": "expression"
|
|
272
|
+
}
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"name": ".formDataName",
|
|
276
|
+
"description": "Specifies the 'name' property at Content-Disposition for multipart uploads.\nThis property is ignored when uploadFormat is 'raw'.",
|
|
270
277
|
"value": {
|
|
271
278
|
"kind": "expression"
|
|
272
279
|
}
|
|
@@ -279,15 +286,15 @@
|
|
|
279
286
|
}
|
|
280
287
|
},
|
|
281
288
|
{
|
|
282
|
-
"name": ".
|
|
283
|
-
"description": "
|
|
289
|
+
"name": ".i18n",
|
|
290
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure and default values:\n\n```js\n{\n dropFiles: {\n one: 'Drop file here',\n many: 'Drop files here'\n },\n addFiles: {\n one: 'Upload File...',\n many: 'Upload Files...'\n },\n error: {\n tooManyFiles: 'Too Many Files.',\n fileIsTooBig: 'File is Too Big.',\n incorrectFileType: 'Incorrect File Type.'\n },\n uploading: {\n status: {\n connecting: 'Connecting...',\n stalled: 'Stalled',\n processing: 'Processing File...',\n held: 'Queued'\n },\n remainingTime: {\n prefix: 'remaining time: ',\n unknown: 'unknown remaining time'\n },\n error: {\n serverUnavailable: 'Upload failed, please try again later',\n unexpectedServerError: 'Upload failed due to server error',\n forbidden: 'Upload forbidden'\n }\n },\n file: {\n retry: 'Retry',\n start: 'Start',\n remove: 'Remove'\n },\n units: {\n size: ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],\n sizeBase: 1000\n },\n formatSize: function(bytes) {\n // returns the size followed by the best suitable unit\n },\n formatTime: function(seconds, [secs, mins, hours]) {\n // returns a 'HH:MM:SS' string\n }\n}\n```",
|
|
284
291
|
"value": {
|
|
285
292
|
"kind": "expression"
|
|
286
293
|
}
|
|
287
294
|
},
|
|
288
295
|
{
|
|
289
|
-
"name": ".
|
|
290
|
-
"description": "
|
|
296
|
+
"name": ".maxConcurrentUploads",
|
|
297
|
+
"description": "Specifies the maximum number of files that can be uploaded simultaneously.\nThis helps prevent browser performance degradation and XHR limitations when\nuploading large numbers of files. Files exceeding this limit will be queued\nand uploaded as active uploads complete.",
|
|
291
298
|
"value": {
|
|
292
299
|
"kind": "expression"
|
|
293
300
|
}
|
|
@@ -300,22 +307,29 @@
|
|
|
300
307
|
}
|
|
301
308
|
},
|
|
302
309
|
{
|
|
303
|
-
"name": ".
|
|
304
|
-
"description": "Specifies the
|
|
310
|
+
"name": ".maxFileSize",
|
|
311
|
+
"description": "Specifies the maximum file size in bytes allowed to upload.\nNotice that it is a client-side constraint, which will be checked before\nsending the request. Obviously you need to do the same validation in\nthe server-side and be sure that they are aligned.",
|
|
305
312
|
"value": {
|
|
306
313
|
"kind": "expression"
|
|
307
314
|
}
|
|
308
315
|
},
|
|
309
316
|
{
|
|
310
|
-
"name": ".
|
|
311
|
-
"description": "
|
|
317
|
+
"name": ".method",
|
|
318
|
+
"description": "HTTP Method used to send the files. Only POST and PUT are allowed.",
|
|
312
319
|
"value": {
|
|
313
320
|
"kind": "expression"
|
|
314
321
|
}
|
|
315
322
|
},
|
|
316
323
|
{
|
|
317
|
-
"name": ".
|
|
318
|
-
"description": "
|
|
324
|
+
"name": ".target",
|
|
325
|
+
"description": "The server URL. The default value is an empty string, which means that\n_window.location_ will be used.",
|
|
326
|
+
"value": {
|
|
327
|
+
"kind": "expression"
|
|
328
|
+
}
|
|
329
|
+
},
|
|
330
|
+
{
|
|
331
|
+
"name": ".timeout",
|
|
332
|
+
"description": "Max time in milliseconds for the entire upload process, if exceeded the\nrequest will be aborted. Zero means that there is no timeout.",
|
|
319
333
|
"value": {
|
|
320
334
|
"kind": "expression"
|
|
321
335
|
}
|
|
@@ -328,22 +342,22 @@
|
|
|
328
342
|
}
|
|
329
343
|
},
|
|
330
344
|
{
|
|
331
|
-
"name": "
|
|
332
|
-
"description": "
|
|
345
|
+
"name": "@file-reject",
|
|
346
|
+
"description": "Fired when a file cannot be added to the queue due to a constrain:\n file-size, file-type or maxFiles",
|
|
333
347
|
"value": {
|
|
334
348
|
"kind": "expression"
|
|
335
349
|
}
|
|
336
350
|
},
|
|
337
351
|
{
|
|
338
|
-
"name": "
|
|
339
|
-
"description": "
|
|
352
|
+
"name": "@files-changed",
|
|
353
|
+
"description": "Fired when the `files` property changes.",
|
|
340
354
|
"value": {
|
|
341
355
|
"kind": "expression"
|
|
342
356
|
}
|
|
343
357
|
},
|
|
344
358
|
{
|
|
345
|
-
"name": "@
|
|
346
|
-
"description": "Fired when
|
|
359
|
+
"name": "@max-files-reached-changed",
|
|
360
|
+
"description": "Fired when the `maxFilesReached` property changes.",
|
|
347
361
|
"value": {
|
|
348
362
|
"kind": "expression"
|
|
349
363
|
}
|
|
@@ -410,20 +424,6 @@
|
|
|
410
424
|
"value": {
|
|
411
425
|
"kind": "expression"
|
|
412
426
|
}
|
|
413
|
-
},
|
|
414
|
-
{
|
|
415
|
-
"name": "@files-changed",
|
|
416
|
-
"description": "Fired when the `files` property changes.",
|
|
417
|
-
"value": {
|
|
418
|
-
"kind": "expression"
|
|
419
|
-
}
|
|
420
|
-
},
|
|
421
|
-
{
|
|
422
|
-
"name": "@max-files-reached-changed",
|
|
423
|
-
"description": "Fired when the `maxFilesReached` property changes.",
|
|
424
|
-
"value": {
|
|
425
|
-
"kind": "expression"
|
|
426
|
-
}
|
|
427
427
|
}
|
|
428
428
|
]
|
|
429
429
|
}
|