@vaadin/upload 25.2.9 → 25.2.11
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 +1 -1
- package/package.json +11 -11
- package/src/vaadin-upload-button.js +1 -1
- package/src/vaadin-upload.d.ts +39 -38
- package/src/vaadin-upload.js +39 -38
- package/web-types.json +2 -2
- package/web-types.lit.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -1893,7 +1893,7 @@
|
|
|
1893
1893
|
"declarations": [
|
|
1894
1894
|
{
|
|
1895
1895
|
"kind": "class",
|
|
1896
|
-
"description": "`<vaadin-upload>` is a Web Component for uploading multiple files with drag and drop support.\n\nExample:\n\n```html\n<vaadin-upload></vaadin-upload>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-------------------|-------------------------------------\n`primary-buttons` | Upload container\n`drop-label` | Element wrapping drop label and icon\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`nodrop` | Set when drag and drop is disabled (e.g., on touch devices)\n`dragover` | Set when the file is being dragged over the element\n`dragover-valid` | Set when the dragged file is valid with `maxFiles` and `accept` criteria\n`max-files-reached` | Set when maximum number of files that the user is allowed to add has been reached\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property
|
|
1896
|
+
"description": "`<vaadin-upload>` is a Web Component for uploading multiple files with drag and drop support.\n\nExample:\n\n```html\n<vaadin-upload></vaadin-upload>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-------------------|-------------------------------------\n`primary-buttons` | Upload container\n`drop-label` | Element wrapping drop label and icon\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`nodrop` | Set when drag and drop is disabled (e.g., on touch devices)\n`dragover` | Set when the file is being dragged over the element\n`dragover-valid` | Set when the dragged file is valid with `maxFiles` and `accept` criteria\n`max-files-reached` | Set when maximum number of files that the user is allowed to add has been reached\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:-----------------------------------------------|\n| `--vaadin-upload-background` |\n| `--vaadin-upload-border-color` |\n| `--vaadin-upload-border-radius` |\n| `--vaadin-upload-border-width` |\n| `--vaadin-upload-drop-label-color` |\n| `--vaadin-upload-drop-label-font-size` |\n| `--vaadin-upload-drop-label-font-weight` |\n| `--vaadin-upload-drop-label-gap` |\n| `--vaadin-upload-drop-label-line-height` |\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-padding` |\n| `--vaadin-upload-file-button-text-color` |\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-list-divider-color` |\n| `--vaadin-upload-file-list-divider-width` |\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| `--vaadin-upload-gap` |\n| `--vaadin-upload-icon-color` |\n| `--vaadin-upload-padding` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
1897
1897
|
"name": "Upload",
|
|
1898
1898
|
"members": [
|
|
1899
1899
|
{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/upload",
|
|
3
|
-
"version": "25.2.
|
|
3
|
+
"version": "25.2.11",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,19 +35,19 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
|
-
"@vaadin/a11y-base": "~25.2.
|
|
39
|
-
"@vaadin/button": "~25.2.
|
|
40
|
-
"@vaadin/component-base": "~25.2.
|
|
41
|
-
"@vaadin/progress-bar": "~25.2.
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "~25.2.
|
|
38
|
+
"@vaadin/a11y-base": "~25.2.11",
|
|
39
|
+
"@vaadin/button": "~25.2.11",
|
|
40
|
+
"@vaadin/component-base": "~25.2.11",
|
|
41
|
+
"@vaadin/progress-bar": "~25.2.11",
|
|
42
|
+
"@vaadin/vaadin-themable-mixin": "~25.2.11",
|
|
43
43
|
"lit": "^3.0.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@vaadin/aura": "~25.2.
|
|
47
|
-
"@vaadin/chai-plugins": "~25.2.
|
|
48
|
-
"@vaadin/test-runner-commands": "~25.2.
|
|
46
|
+
"@vaadin/aura": "~25.2.11",
|
|
47
|
+
"@vaadin/chai-plugins": "~25.2.11",
|
|
48
|
+
"@vaadin/test-runner-commands": "~25.2.11",
|
|
49
49
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
50
|
-
"@vaadin/vaadin-lumo-styles": "~25.2.
|
|
50
|
+
"@vaadin/vaadin-lumo-styles": "~25.2.11",
|
|
51
51
|
"sinon": "^22.0.0"
|
|
52
52
|
},
|
|
53
53
|
"customElements": "custom-elements.json",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"web-types.json",
|
|
56
56
|
"web-types.lit.json"
|
|
57
57
|
],
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "6b08306ffb11c5c7665b0af8050e4368e0c44a5a"
|
|
59
59
|
}
|
|
@@ -139,7 +139,7 @@ class UploadButton extends ButtonMixin(ElementMixin(ThemableMixin(PolylitMixin(L
|
|
|
139
139
|
/** @protected */
|
|
140
140
|
render() {
|
|
141
141
|
return html`
|
|
142
|
-
<div class="vaadin-button-container">
|
|
142
|
+
<div class="vaadin-button-container" role="presentation">
|
|
143
143
|
<span part="prefix" aria-hidden="true">
|
|
144
144
|
<slot name="prefix"></slot>
|
|
145
145
|
</span>
|
package/src/vaadin-upload.d.ts
CHANGED
|
@@ -156,44 +156,45 @@ export interface UploadEventMap extends HTMLElementEventMap, UploadCustomEventMa
|
|
|
156
156
|
*
|
|
157
157
|
* The following custom CSS properties are available for styling:
|
|
158
158
|
*
|
|
159
|
-
* Custom CSS property
|
|
160
|
-
*
|
|
161
|
-
* `--vaadin-upload-background`
|
|
162
|
-
* `--vaadin-upload-border-color`
|
|
163
|
-
* `--vaadin-upload-border-radius`
|
|
164
|
-
* `--vaadin-upload-border-width`
|
|
165
|
-
* `--vaadin-upload-
|
|
166
|
-
* `--vaadin-upload-
|
|
167
|
-
* `--vaadin-upload-drop-label-
|
|
168
|
-
* `--vaadin-upload-drop-label-
|
|
169
|
-
* `--vaadin-upload-drop-label-
|
|
170
|
-
* `--vaadin-upload-
|
|
171
|
-
* `--vaadin-upload-
|
|
172
|
-
* `--vaadin-upload-file-
|
|
173
|
-
* `--vaadin-upload-file-
|
|
174
|
-
* `--vaadin-upload-file-border-
|
|
175
|
-
* `--vaadin-upload-file-button-
|
|
176
|
-
* `--vaadin-upload-file-button-
|
|
177
|
-
* `--vaadin-upload-file-
|
|
178
|
-
* `--vaadin-upload-file-
|
|
179
|
-
* `--vaadin-upload-file-
|
|
180
|
-
* `--vaadin-upload-file-
|
|
181
|
-
* `--vaadin-upload-file-
|
|
182
|
-
* `--vaadin-upload-file-
|
|
183
|
-
* `--vaadin-upload-file-
|
|
184
|
-
* `--vaadin-upload-file-
|
|
185
|
-
* `--vaadin-upload-file-
|
|
186
|
-
* `--vaadin-upload-file-
|
|
187
|
-
* `--vaadin-upload-file-name-
|
|
188
|
-
* `--vaadin-upload-file-name-
|
|
189
|
-
* `--vaadin-upload-file-
|
|
190
|
-
* `--vaadin-upload-file-
|
|
191
|
-
* `--vaadin-upload-file-
|
|
192
|
-
* `--vaadin-upload-file-status-
|
|
193
|
-
* `--vaadin-upload-file-status-
|
|
194
|
-
* `--vaadin-upload-file-
|
|
195
|
-
* `--vaadin-upload-
|
|
196
|
-
* `--vaadin-upload-
|
|
159
|
+
* Custom CSS property |
|
|
160
|
+
* :-----------------------------------------------|
|
|
161
|
+
* | `--vaadin-upload-background` |
|
|
162
|
+
* | `--vaadin-upload-border-color` |
|
|
163
|
+
* | `--vaadin-upload-border-radius` |
|
|
164
|
+
* | `--vaadin-upload-border-width` |
|
|
165
|
+
* | `--vaadin-upload-drop-label-color` |
|
|
166
|
+
* | `--vaadin-upload-drop-label-font-size` |
|
|
167
|
+
* | `--vaadin-upload-drop-label-font-weight` |
|
|
168
|
+
* | `--vaadin-upload-drop-label-gap` |
|
|
169
|
+
* | `--vaadin-upload-drop-label-line-height` |
|
|
170
|
+
* | `--vaadin-upload-file-border-radius` |
|
|
171
|
+
* | `--vaadin-upload-file-button-background` |
|
|
172
|
+
* | `--vaadin-upload-file-button-border-color` |
|
|
173
|
+
* | `--vaadin-upload-file-button-border-radius` |
|
|
174
|
+
* | `--vaadin-upload-file-button-border-width` |
|
|
175
|
+
* | `--vaadin-upload-file-button-padding` |
|
|
176
|
+
* | `--vaadin-upload-file-button-text-color` |
|
|
177
|
+
* | `--vaadin-upload-file-done-color` |
|
|
178
|
+
* | `--vaadin-upload-file-error-color` |
|
|
179
|
+
* | `--vaadin-upload-file-error-font-size` |
|
|
180
|
+
* | `--vaadin-upload-file-error-font-weight` |
|
|
181
|
+
* | `--vaadin-upload-file-error-line-height` |
|
|
182
|
+
* | `--vaadin-upload-file-gap` |
|
|
183
|
+
* | `--vaadin-upload-file-list-divider-color` |
|
|
184
|
+
* | `--vaadin-upload-file-list-divider-width` |
|
|
185
|
+
* | `--vaadin-upload-file-name-color` |
|
|
186
|
+
* | `--vaadin-upload-file-name-font-size` |
|
|
187
|
+
* | `--vaadin-upload-file-name-font-weight` |
|
|
188
|
+
* | `--vaadin-upload-file-name-line-height` |
|
|
189
|
+
* | `--vaadin-upload-file-padding` |
|
|
190
|
+
* | `--vaadin-upload-file-status-color` |
|
|
191
|
+
* | `--vaadin-upload-file-status-font-size` |
|
|
192
|
+
* | `--vaadin-upload-file-status-font-weight` |
|
|
193
|
+
* | `--vaadin-upload-file-status-line-height` |
|
|
194
|
+
* | `--vaadin-upload-file-warning-color` |
|
|
195
|
+
* | `--vaadin-upload-gap` |
|
|
196
|
+
* | `--vaadin-upload-icon-color` |
|
|
197
|
+
* | `--vaadin-upload-padding` |
|
|
197
198
|
*
|
|
198
199
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
199
200
|
*
|
package/src/vaadin-upload.js
CHANGED
|
@@ -47,44 +47,45 @@ import { UploadMixin } from './vaadin-upload-mixin.js';
|
|
|
47
47
|
*
|
|
48
48
|
* The following custom CSS properties are available for styling:
|
|
49
49
|
*
|
|
50
|
-
* Custom CSS property
|
|
51
|
-
*
|
|
52
|
-
* `--vaadin-upload-background`
|
|
53
|
-
* `--vaadin-upload-border-color`
|
|
54
|
-
* `--vaadin-upload-border-radius`
|
|
55
|
-
* `--vaadin-upload-border-width`
|
|
56
|
-
* `--vaadin-upload-
|
|
57
|
-
* `--vaadin-upload-
|
|
58
|
-
* `--vaadin-upload-drop-label-
|
|
59
|
-
* `--vaadin-upload-drop-label-
|
|
60
|
-
* `--vaadin-upload-drop-label-
|
|
61
|
-
* `--vaadin-upload-
|
|
62
|
-
* `--vaadin-upload-
|
|
63
|
-
* `--vaadin-upload-file-
|
|
64
|
-
* `--vaadin-upload-file-
|
|
65
|
-
* `--vaadin-upload-file-border-
|
|
66
|
-
* `--vaadin-upload-file-button-
|
|
67
|
-
* `--vaadin-upload-file-button-
|
|
68
|
-
* `--vaadin-upload-file-
|
|
69
|
-
* `--vaadin-upload-file-
|
|
70
|
-
* `--vaadin-upload-file-
|
|
71
|
-
* `--vaadin-upload-file-
|
|
72
|
-
* `--vaadin-upload-file-
|
|
73
|
-
* `--vaadin-upload-file-
|
|
74
|
-
* `--vaadin-upload-file-
|
|
75
|
-
* `--vaadin-upload-file-
|
|
76
|
-
* `--vaadin-upload-file-
|
|
77
|
-
* `--vaadin-upload-file-
|
|
78
|
-
* `--vaadin-upload-file-name-
|
|
79
|
-
* `--vaadin-upload-file-name-
|
|
80
|
-
* `--vaadin-upload-file-
|
|
81
|
-
* `--vaadin-upload-file-
|
|
82
|
-
* `--vaadin-upload-file-
|
|
83
|
-
* `--vaadin-upload-file-status-
|
|
84
|
-
* `--vaadin-upload-file-status-
|
|
85
|
-
* `--vaadin-upload-file-
|
|
86
|
-
* `--vaadin-upload-
|
|
87
|
-
* `--vaadin-upload-
|
|
50
|
+
* Custom CSS property |
|
|
51
|
+
* :-----------------------------------------------|
|
|
52
|
+
* | `--vaadin-upload-background` |
|
|
53
|
+
* | `--vaadin-upload-border-color` |
|
|
54
|
+
* | `--vaadin-upload-border-radius` |
|
|
55
|
+
* | `--vaadin-upload-border-width` |
|
|
56
|
+
* | `--vaadin-upload-drop-label-color` |
|
|
57
|
+
* | `--vaadin-upload-drop-label-font-size` |
|
|
58
|
+
* | `--vaadin-upload-drop-label-font-weight` |
|
|
59
|
+
* | `--vaadin-upload-drop-label-gap` |
|
|
60
|
+
* | `--vaadin-upload-drop-label-line-height` |
|
|
61
|
+
* | `--vaadin-upload-file-border-radius` |
|
|
62
|
+
* | `--vaadin-upload-file-button-background` |
|
|
63
|
+
* | `--vaadin-upload-file-button-border-color` |
|
|
64
|
+
* | `--vaadin-upload-file-button-border-radius` |
|
|
65
|
+
* | `--vaadin-upload-file-button-border-width` |
|
|
66
|
+
* | `--vaadin-upload-file-button-padding` |
|
|
67
|
+
* | `--vaadin-upload-file-button-text-color` |
|
|
68
|
+
* | `--vaadin-upload-file-done-color` |
|
|
69
|
+
* | `--vaadin-upload-file-error-color` |
|
|
70
|
+
* | `--vaadin-upload-file-error-font-size` |
|
|
71
|
+
* | `--vaadin-upload-file-error-font-weight` |
|
|
72
|
+
* | `--vaadin-upload-file-error-line-height` |
|
|
73
|
+
* | `--vaadin-upload-file-gap` |
|
|
74
|
+
* | `--vaadin-upload-file-list-divider-color` |
|
|
75
|
+
* | `--vaadin-upload-file-list-divider-width` |
|
|
76
|
+
* | `--vaadin-upload-file-name-color` |
|
|
77
|
+
* | `--vaadin-upload-file-name-font-size` |
|
|
78
|
+
* | `--vaadin-upload-file-name-font-weight` |
|
|
79
|
+
* | `--vaadin-upload-file-name-line-height` |
|
|
80
|
+
* | `--vaadin-upload-file-padding` |
|
|
81
|
+
* | `--vaadin-upload-file-status-color` |
|
|
82
|
+
* | `--vaadin-upload-file-status-font-size` |
|
|
83
|
+
* | `--vaadin-upload-file-status-font-weight` |
|
|
84
|
+
* | `--vaadin-upload-file-status-line-height` |
|
|
85
|
+
* | `--vaadin-upload-file-warning-color` |
|
|
86
|
+
* | `--vaadin-upload-gap` |
|
|
87
|
+
* | `--vaadin-upload-icon-color` |
|
|
88
|
+
* | `--vaadin-upload-padding` |
|
|
88
89
|
*
|
|
89
90
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
90
91
|
*
|
package/web-types.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.2.
|
|
4
|
+
"version": "25.2.11",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -418,7 +418,7 @@
|
|
|
418
418
|
},
|
|
419
419
|
{
|
|
420
420
|
"name": "vaadin-upload",
|
|
421
|
-
"description": "`<vaadin-upload>` is a Web Component for uploading multiple files with drag and drop support.\n\nExample:\n\n```html\n<vaadin-upload></vaadin-upload>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-------------------|-------------------------------------\n`primary-buttons` | Upload container\n`drop-label` | Element wrapping drop label and icon\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`nodrop` | Set when drag and drop is disabled (e.g., on touch devices)\n`dragover` | Set when the file is being dragged over the element\n`dragover-valid` | Set when the dragged file is valid with `maxFiles` and `accept` criteria\n`max-files-reached` | Set when maximum number of files that the user is allowed to add has been reached\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property
|
|
421
|
+
"description": "`<vaadin-upload>` is a Web Component for uploading multiple files with drag and drop support.\n\nExample:\n\n```html\n<vaadin-upload></vaadin-upload>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-------------------|-------------------------------------\n`primary-buttons` | Upload container\n`drop-label` | Element wrapping drop label and icon\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`nodrop` | Set when drag and drop is disabled (e.g., on touch devices)\n`dragover` | Set when the file is being dragged over the element\n`dragover-valid` | Set when the dragged file is valid with `maxFiles` and `accept` criteria\n`max-files-reached` | Set when maximum number of files that the user is allowed to add has been reached\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:-----------------------------------------------|\n| `--vaadin-upload-background` |\n| `--vaadin-upload-border-color` |\n| `--vaadin-upload-border-radius` |\n| `--vaadin-upload-border-width` |\n| `--vaadin-upload-drop-label-color` |\n| `--vaadin-upload-drop-label-font-size` |\n| `--vaadin-upload-drop-label-font-weight` |\n| `--vaadin-upload-drop-label-gap` |\n| `--vaadin-upload-drop-label-line-height` |\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-padding` |\n| `--vaadin-upload-file-button-text-color` |\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-list-divider-color` |\n| `--vaadin-upload-file-list-divider-width` |\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| `--vaadin-upload-gap` |\n| `--vaadin-upload-icon-color` |\n| `--vaadin-upload-padding` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
422
422
|
"attributes": [
|
|
423
423
|
{
|
|
424
424
|
"name": "accept",
|
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.2.
|
|
4
|
+
"version": "25.2.11",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -205,7 +205,7 @@
|
|
|
205
205
|
},
|
|
206
206
|
{
|
|
207
207
|
"name": "vaadin-upload",
|
|
208
|
-
"description": "`<vaadin-upload>` is a Web Component for uploading multiple files with drag and drop support.\n\nExample:\n\n```html\n<vaadin-upload></vaadin-upload>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-------------------|-------------------------------------\n`primary-buttons` | Upload container\n`drop-label` | Element wrapping drop label and icon\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`nodrop` | Set when drag and drop is disabled (e.g., on touch devices)\n`dragover` | Set when the file is being dragged over the element\n`dragover-valid` | Set when the dragged file is valid with `maxFiles` and `accept` criteria\n`max-files-reached` | Set when maximum number of files that the user is allowed to add has been reached\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property
|
|
208
|
+
"description": "`<vaadin-upload>` is a Web Component for uploading multiple files with drag and drop support.\n\nExample:\n\n```html\n<vaadin-upload></vaadin-upload>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-------------------|-------------------------------------\n`primary-buttons` | Upload container\n`drop-label` | Element wrapping drop label and icon\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`nodrop` | Set when drag and drop is disabled (e.g., on touch devices)\n`dragover` | Set when the file is being dragged over the element\n`dragover-valid` | Set when the dragged file is valid with `maxFiles` and `accept` criteria\n`max-files-reached` | Set when maximum number of files that the user is allowed to add has been reached\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:-----------------------------------------------|\n| `--vaadin-upload-background` |\n| `--vaadin-upload-border-color` |\n| `--vaadin-upload-border-radius` |\n| `--vaadin-upload-border-width` |\n| `--vaadin-upload-drop-label-color` |\n| `--vaadin-upload-drop-label-font-size` |\n| `--vaadin-upload-drop-label-font-weight` |\n| `--vaadin-upload-drop-label-gap` |\n| `--vaadin-upload-drop-label-line-height` |\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-padding` |\n| `--vaadin-upload-file-button-text-color` |\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-list-divider-color` |\n| `--vaadin-upload-file-list-divider-width` |\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| `--vaadin-upload-gap` |\n| `--vaadin-upload-icon-color` |\n| `--vaadin-upload-padding` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
209
209
|
"extension": true,
|
|
210
210
|
"attributes": [
|
|
211
211
|
{
|