@vaadin/upload 25.1.0-alpha9 → 25.1.0-beta2
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 +12 -169
- package/package.json +11 -11
- package/src/styles/vaadin-upload-file-base-styles.js +261 -170
- package/src/vaadin-upload-button.js +0 -2
- package/src/vaadin-upload-drop-zone.js +0 -2
- package/src/vaadin-upload-file.d.ts +1 -1
- package/src/vaadin-upload-file.js +8 -3
- package/src/vaadin-upload-mixin.js +1 -14
- package/web-types.json +100 -36
- package/web-types.lit.json +2 -2
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.1.0-
|
|
4
|
+
"version": "25.1.0-beta2",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -15,7 +15,9 @@
|
|
|
15
15
|
"description": "Capture attribute for mobile file input.",
|
|
16
16
|
"value": {
|
|
17
17
|
"type": [
|
|
18
|
-
"string"
|
|
18
|
+
"string",
|
|
19
|
+
"null",
|
|
20
|
+
"undefined"
|
|
19
21
|
]
|
|
20
22
|
}
|
|
21
23
|
},
|
|
@@ -35,7 +37,9 @@
|
|
|
35
37
|
"description": "True when max files has been reached on the manager.",
|
|
36
38
|
"value": {
|
|
37
39
|
"type": [
|
|
38
|
-
"boolean"
|
|
40
|
+
"boolean",
|
|
41
|
+
"null",
|
|
42
|
+
"undefined"
|
|
39
43
|
]
|
|
40
44
|
}
|
|
41
45
|
},
|
|
@@ -58,7 +62,9 @@
|
|
|
58
62
|
"description": "Capture attribute for mobile file input.",
|
|
59
63
|
"value": {
|
|
60
64
|
"type": [
|
|
61
|
-
"string"
|
|
65
|
+
"string",
|
|
66
|
+
"null",
|
|
67
|
+
"undefined"
|
|
62
68
|
]
|
|
63
69
|
}
|
|
64
70
|
},
|
|
@@ -86,7 +92,9 @@
|
|
|
86
92
|
"description": "True when max files has been reached on the manager.",
|
|
87
93
|
"value": {
|
|
88
94
|
"type": [
|
|
89
|
-
"boolean"
|
|
95
|
+
"boolean",
|
|
96
|
+
"null",
|
|
97
|
+
"undefined"
|
|
90
98
|
]
|
|
91
99
|
}
|
|
92
100
|
}
|
|
@@ -103,7 +111,9 @@
|
|
|
103
111
|
"description": "Whether the drop zone is disabled.\nReturns true if either explicitly disabled, manager is disabled, or no manager is set.",
|
|
104
112
|
"value": {
|
|
105
113
|
"type": [
|
|
106
|
-
"boolean"
|
|
114
|
+
"boolean",
|
|
115
|
+
"null",
|
|
116
|
+
"undefined"
|
|
107
117
|
]
|
|
108
118
|
}
|
|
109
119
|
},
|
|
@@ -112,7 +122,9 @@
|
|
|
112
122
|
"description": "True when max files has been reached on the manager.",
|
|
113
123
|
"value": {
|
|
114
124
|
"type": [
|
|
115
|
-
"boolean"
|
|
125
|
+
"boolean",
|
|
126
|
+
"null",
|
|
127
|
+
"undefined"
|
|
116
128
|
]
|
|
117
129
|
}
|
|
118
130
|
},
|
|
@@ -135,7 +147,9 @@
|
|
|
135
147
|
"description": "Whether the drop zone is disabled.\nReturns true if either explicitly disabled, manager is disabled, or no manager is set.",
|
|
136
148
|
"value": {
|
|
137
149
|
"type": [
|
|
138
|
-
"boolean"
|
|
150
|
+
"boolean",
|
|
151
|
+
"null",
|
|
152
|
+
"undefined"
|
|
139
153
|
]
|
|
140
154
|
}
|
|
141
155
|
},
|
|
@@ -154,7 +168,9 @@
|
|
|
154
168
|
"description": "True when max files has been reached on the manager.",
|
|
155
169
|
"value": {
|
|
156
170
|
"type": [
|
|
157
|
-
"boolean"
|
|
171
|
+
"boolean",
|
|
172
|
+
"null",
|
|
173
|
+
"undefined"
|
|
158
174
|
]
|
|
159
175
|
}
|
|
160
176
|
}
|
|
@@ -164,7 +180,7 @@
|
|
|
164
180
|
},
|
|
165
181
|
{
|
|
166
182
|
"name": "vaadin-upload-file",
|
|
167
|
-
"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`
|
|
183
|
+
"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.",
|
|
168
184
|
"attributes": [
|
|
169
185
|
{
|
|
170
186
|
"name": "complete",
|
|
@@ -462,7 +478,7 @@
|
|
|
462
478
|
"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\nShould be overridden by subclasses to provide a custom JSDoc with the\ndefault I18N properties.",
|
|
463
479
|
"value": {
|
|
464
480
|
"type": [
|
|
465
|
-
"
|
|
481
|
+
"?"
|
|
466
482
|
]
|
|
467
483
|
}
|
|
468
484
|
},
|
|
@@ -500,7 +516,9 @@
|
|
|
500
516
|
"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\"",
|
|
501
517
|
"value": {
|
|
502
518
|
"type": [
|
|
503
|
-
"string"
|
|
519
|
+
"string",
|
|
520
|
+
"null",
|
|
521
|
+
"undefined"
|
|
504
522
|
]
|
|
505
523
|
}
|
|
506
524
|
},
|
|
@@ -520,7 +538,9 @@
|
|
|
520
538
|
"description": "If true, the user cannot interact with this element.",
|
|
521
539
|
"value": {
|
|
522
540
|
"type": [
|
|
523
|
-
"boolean"
|
|
541
|
+
"boolean",
|
|
542
|
+
"null",
|
|
543
|
+
"undefined"
|
|
524
544
|
]
|
|
525
545
|
}
|
|
526
546
|
},
|
|
@@ -529,7 +549,9 @@
|
|
|
529
549
|
"description": "Specifies the 'name' property at Content-Disposition for multipart uploads.\nThis property is ignored when uploadFormat is 'raw'.",
|
|
530
550
|
"value": {
|
|
531
551
|
"type": [
|
|
532
|
-
"string"
|
|
552
|
+
"string",
|
|
553
|
+
"null",
|
|
554
|
+
"undefined"
|
|
533
555
|
]
|
|
534
556
|
}
|
|
535
557
|
},
|
|
@@ -538,7 +560,9 @@
|
|
|
538
560
|
"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.",
|
|
539
561
|
"value": {
|
|
540
562
|
"type": [
|
|
541
|
-
"number"
|
|
563
|
+
"number",
|
|
564
|
+
"null",
|
|
565
|
+
"undefined"
|
|
542
566
|
]
|
|
543
567
|
}
|
|
544
568
|
},
|
|
@@ -547,7 +571,9 @@
|
|
|
547
571
|
"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.",
|
|
548
572
|
"value": {
|
|
549
573
|
"type": [
|
|
550
|
-
"number"
|
|
574
|
+
"number",
|
|
575
|
+
"null",
|
|
576
|
+
"undefined"
|
|
551
577
|
]
|
|
552
578
|
}
|
|
553
579
|
},
|
|
@@ -556,7 +582,9 @@
|
|
|
556
582
|
"description": "Limit of files to upload, by default it is unlimited. If the value is\nset to one, native file browser will prevent selecting multiple files.",
|
|
557
583
|
"value": {
|
|
558
584
|
"type": [
|
|
559
|
-
"number"
|
|
585
|
+
"number",
|
|
586
|
+
"null",
|
|
587
|
+
"undefined"
|
|
560
588
|
]
|
|
561
589
|
}
|
|
562
590
|
},
|
|
@@ -574,7 +602,9 @@
|
|
|
574
602
|
"description": "Prevents upload(s) from immediately uploading upon adding file(s).\nWhen set, you must manually trigger uploads using the `uploadFiles` method",
|
|
575
603
|
"value": {
|
|
576
604
|
"type": [
|
|
577
|
-
"boolean"
|
|
605
|
+
"boolean",
|
|
606
|
+
"null",
|
|
607
|
+
"undefined"
|
|
578
608
|
]
|
|
579
609
|
}
|
|
580
610
|
},
|
|
@@ -583,7 +613,9 @@
|
|
|
583
613
|
"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.",
|
|
584
614
|
"value": {
|
|
585
615
|
"type": [
|
|
586
|
-
"boolean"
|
|
616
|
+
"boolean",
|
|
617
|
+
"null",
|
|
618
|
+
"undefined"
|
|
587
619
|
]
|
|
588
620
|
}
|
|
589
621
|
},
|
|
@@ -592,7 +624,9 @@
|
|
|
592
624
|
"description": "The server URL. The default value is an empty string, which means that\n_window.location_ will be used.",
|
|
593
625
|
"value": {
|
|
594
626
|
"type": [
|
|
595
|
-
"string"
|
|
627
|
+
"string",
|
|
628
|
+
"null",
|
|
629
|
+
"undefined"
|
|
596
630
|
]
|
|
597
631
|
}
|
|
598
632
|
},
|
|
@@ -612,7 +646,9 @@
|
|
|
612
646
|
"description": "Max time in milliseconds for the entire upload process, if exceeded the\nrequest will be aborted. Zero means that there is no timeout.",
|
|
613
647
|
"value": {
|
|
614
648
|
"type": [
|
|
615
|
-
"number"
|
|
649
|
+
"number",
|
|
650
|
+
"null",
|
|
651
|
+
"undefined"
|
|
616
652
|
]
|
|
617
653
|
}
|
|
618
654
|
},
|
|
@@ -621,7 +657,9 @@
|
|
|
621
657
|
"description": "Specifies the upload format to use when sending files to the server.\n- 'raw': Send file as raw binary data with the file's MIME type as Content-Type (default)\n- 'multipart': Send file using multipart/form-data encoding",
|
|
622
658
|
"value": {
|
|
623
659
|
"type": [
|
|
624
|
-
"string"
|
|
660
|
+
"string",
|
|
661
|
+
"null",
|
|
662
|
+
"undefined"
|
|
625
663
|
]
|
|
626
664
|
}
|
|
627
665
|
},
|
|
@@ -630,7 +668,9 @@
|
|
|
630
668
|
"description": "Set the withCredentials flag on the request.",
|
|
631
669
|
"value": {
|
|
632
670
|
"type": [
|
|
633
|
-
"boolean"
|
|
671
|
+
"boolean",
|
|
672
|
+
"null",
|
|
673
|
+
"undefined"
|
|
634
674
|
]
|
|
635
675
|
}
|
|
636
676
|
}
|
|
@@ -642,7 +682,9 @@
|
|
|
642
682
|
"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\"",
|
|
643
683
|
"value": {
|
|
644
684
|
"type": [
|
|
645
|
-
"string"
|
|
685
|
+
"string",
|
|
686
|
+
"null",
|
|
687
|
+
"undefined"
|
|
646
688
|
]
|
|
647
689
|
}
|
|
648
690
|
},
|
|
@@ -662,7 +704,9 @@
|
|
|
662
704
|
"description": "If true, the user cannot interact with this element.",
|
|
663
705
|
"value": {
|
|
664
706
|
"type": [
|
|
665
|
-
"boolean"
|
|
707
|
+
"boolean",
|
|
708
|
+
"null",
|
|
709
|
+
"undefined"
|
|
666
710
|
]
|
|
667
711
|
}
|
|
668
712
|
},
|
|
@@ -680,7 +724,9 @@
|
|
|
680
724
|
"description": "Specifies the 'name' property at Content-Disposition for multipart uploads.\nThis property is ignored when uploadFormat is 'raw'.",
|
|
681
725
|
"value": {
|
|
682
726
|
"type": [
|
|
683
|
-
"string"
|
|
727
|
+
"string",
|
|
728
|
+
"null",
|
|
729
|
+
"undefined"
|
|
684
730
|
]
|
|
685
731
|
}
|
|
686
732
|
},
|
|
@@ -699,7 +745,7 @@
|
|
|
699
745
|
"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```",
|
|
700
746
|
"value": {
|
|
701
747
|
"type": [
|
|
702
|
-
"
|
|
748
|
+
"?"
|
|
703
749
|
]
|
|
704
750
|
}
|
|
705
751
|
},
|
|
@@ -708,7 +754,9 @@
|
|
|
708
754
|
"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.",
|
|
709
755
|
"value": {
|
|
710
756
|
"type": [
|
|
711
|
-
"number"
|
|
757
|
+
"number",
|
|
758
|
+
"null",
|
|
759
|
+
"undefined"
|
|
712
760
|
]
|
|
713
761
|
}
|
|
714
762
|
},
|
|
@@ -717,7 +765,9 @@
|
|
|
717
765
|
"description": "Limit of files to upload, by default it is unlimited. If the value is\nset to one, native file browser will prevent selecting multiple files.",
|
|
718
766
|
"value": {
|
|
719
767
|
"type": [
|
|
720
|
-
"number"
|
|
768
|
+
"number",
|
|
769
|
+
"null",
|
|
770
|
+
"undefined"
|
|
721
771
|
]
|
|
722
772
|
}
|
|
723
773
|
},
|
|
@@ -726,7 +776,9 @@
|
|
|
726
776
|
"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.",
|
|
727
777
|
"value": {
|
|
728
778
|
"type": [
|
|
729
|
-
"number"
|
|
779
|
+
"number",
|
|
780
|
+
"null",
|
|
781
|
+
"undefined"
|
|
730
782
|
]
|
|
731
783
|
}
|
|
732
784
|
},
|
|
@@ -744,7 +796,9 @@
|
|
|
744
796
|
"description": "Prevents upload(s) from immediately uploading upon adding file(s).\nWhen set, you must manually trigger uploads using the `uploadFiles` method",
|
|
745
797
|
"value": {
|
|
746
798
|
"type": [
|
|
747
|
-
"boolean"
|
|
799
|
+
"boolean",
|
|
800
|
+
"null",
|
|
801
|
+
"undefined"
|
|
748
802
|
]
|
|
749
803
|
}
|
|
750
804
|
},
|
|
@@ -753,7 +807,9 @@
|
|
|
753
807
|
"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.",
|
|
754
808
|
"value": {
|
|
755
809
|
"type": [
|
|
756
|
-
"boolean"
|
|
810
|
+
"boolean",
|
|
811
|
+
"null",
|
|
812
|
+
"undefined"
|
|
757
813
|
]
|
|
758
814
|
}
|
|
759
815
|
},
|
|
@@ -762,7 +818,9 @@
|
|
|
762
818
|
"description": "The server URL. The default value is an empty string, which means that\n_window.location_ will be used.",
|
|
763
819
|
"value": {
|
|
764
820
|
"type": [
|
|
765
|
-
"string"
|
|
821
|
+
"string",
|
|
822
|
+
"null",
|
|
823
|
+
"undefined"
|
|
766
824
|
]
|
|
767
825
|
}
|
|
768
826
|
},
|
|
@@ -771,7 +829,9 @@
|
|
|
771
829
|
"description": "Max time in milliseconds for the entire upload process, if exceeded the\nrequest will be aborted. Zero means that there is no timeout.",
|
|
772
830
|
"value": {
|
|
773
831
|
"type": [
|
|
774
|
-
"number"
|
|
832
|
+
"number",
|
|
833
|
+
"null",
|
|
834
|
+
"undefined"
|
|
775
835
|
]
|
|
776
836
|
}
|
|
777
837
|
},
|
|
@@ -780,7 +840,9 @@
|
|
|
780
840
|
"description": "Specifies the upload format to use when sending files to the server.\n- 'raw': Send file as raw binary data with the file's MIME type as Content-Type (default)\n- 'multipart': Send file using multipart/form-data encoding",
|
|
781
841
|
"value": {
|
|
782
842
|
"type": [
|
|
783
|
-
"string"
|
|
843
|
+
"string",
|
|
844
|
+
"null",
|
|
845
|
+
"undefined"
|
|
784
846
|
]
|
|
785
847
|
}
|
|
786
848
|
},
|
|
@@ -789,7 +851,9 @@
|
|
|
789
851
|
"description": "Set the withCredentials flag on the request.",
|
|
790
852
|
"value": {
|
|
791
853
|
"type": [
|
|
792
|
-
"boolean"
|
|
854
|
+
"boolean",
|
|
855
|
+
"null",
|
|
856
|
+
"undefined"
|
|
793
857
|
]
|
|
794
858
|
}
|
|
795
859
|
}
|
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-beta2",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -79,7 +79,7 @@
|
|
|
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
|
{
|