@vaadin/upload 22.0.13 → 22.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/upload",
-  "version": "22.0.13",
+  "version": "22.0.16",
   "publishConfig": {
     "access": "public"
   },
@@ -33,18 +33,18 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "^22.0.13",
-    "@vaadin/component-base": "^22.0.13",
-    "@vaadin/progress-bar": "^22.0.13",
-    "@vaadin/vaadin-lumo-styles": "^22.0.13",
-    "@vaadin/vaadin-material-styles": "^22.0.13",
-    "@vaadin/vaadin-themable-mixin": "^22.0.13"
+    "@vaadin/button": "^22.0.16",
+    "@vaadin/component-base": "^22.0.16",
+    "@vaadin/progress-bar": "^22.0.16",
+    "@vaadin/vaadin-lumo-styles": "^22.0.16",
+    "@vaadin/vaadin-material-styles": "^22.0.16",
+    "@vaadin/vaadin-themable-mixin": "^22.0.16"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/form-layout": "^22.0.13",
+    "@vaadin/form-layout": "^22.0.16",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.0"
   },
-  "gitHead": "0ef3a237a2db4255710aa878debb169eb52a1715"
+  "gitHead": "dac6f243594ea700bb796d3b41d7b17736d90be8"
 }

package/src/vaadin-upload-file.js

@@ -129,7 +129,7 @@ class UploadFile extends ThemableMixin(PolymerElement) {
     return {
       file: Object,
 
-      i18n: Object
+      i18n: Object,
     };
   }
 
@@ -139,7 +139,7 @@ class UploadFile extends ThemableMixin(PolymerElement) {
       '_toggleHostAttribute(file.error, "error")',
       '_toggleHostAttribute(file.indeterminate, "indeterminate")',
       '_toggleHostAttribute(file.uploading, "uploading")',
-      '_toggleHostAttribute(file.complete, "complete")'
+      '_toggleHostAttribute(file.complete, "complete")',
     ];
   }
 
@@ -156,8 +156,8 @@ class UploadFile extends ThemableMixin(PolymerElement) {
       new CustomEvent('file-remove', {
         detail: { file: this.file },
         bubbles: true,
-        composed: true
-      })
+        composed: true,
+      }),
     );
   }
 
@@ -173,8 +173,8 @@ class UploadFile extends ThemableMixin(PolymerElement) {
       new CustomEvent(e.target.getAttribute('file-event'), {
         detail: { file: this.file },
         bubbles: true,
-        composed: true
-      })
+        composed: true,
+      }),
     );
   }
 

package/src/vaadin-upload.d.ts

@@ -401,13 +401,13 @@ declare class Upload extends ThemableMixin(ElementMixin(HTMLElement)) {
   addEventListener<K extends keyof UploadEventMap>(
     type: K,
     listener: (this: Upload, ev: UploadEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof UploadEventMap>(
     type: K,
     listener: (this: Upload, ev: UploadEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

package/src/vaadin-upload.js

@@ -143,7 +143,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
       nodrop: {
         type: Boolean,
         reflectToAttribute: true,
-        value: isTouch
+        value: isTouch,
       },
 
       /**
@@ -153,7 +153,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       target: {
         type: String,
-        value: ''
+        value: '',
       },
 
       /**
@@ -162,7 +162,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       method: {
         type: String,
-        value: 'POST'
+        value: 'POST',
       },
 
       /**
@@ -175,7 +175,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       headers: {
         type: Object,
-        value: {}
+        value: {},
       },
 
       /**
@@ -185,14 +185,14 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       timeout: {
         type: Number,
-        value: 0
+        value: 0,
       },
 
       /** @private */
       _dragover: {
         type: Boolean,
         value: false,
-        observer: '_dragoverChanged'
+        observer: '_dragoverChanged',
       },
 
       /**
@@ -223,7 +223,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
         notify: true,
         value: function () {
           return [];
-        }
+        },
       },
 
       /**
@@ -234,7 +234,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       maxFiles: {
         type: Number,
-        value: Infinity
+        value: Infinity,
       },
 
       /**
@@ -248,7 +248,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
         notify: true,
         readOnly: true,
         reflectToAttribute: true,
-        computed: '_maxFilesAdded(maxFiles, files.length)'
+        computed: '_maxFilesAdded(maxFiles, files.length)',
       },
 
       /**
@@ -262,7 +262,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       accept: {
         type: String,
-        value: ''
+        value: '',
       },
 
       /**
@@ -275,7 +275,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       maxFileSize: {
         type: Number,
-        value: Infinity
+        value: Infinity,
       },
 
       /**
@@ -286,7 +286,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
       _dragoverValid: {
         type: Boolean,
         value: false,
-        observer: '_dragoverValidChanged'
+        observer: '_dragoverValidChanged',
       },
 
       /**
@@ -296,7 +296,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       formDataName: {
         type: String,
-        value: 'file'
+        value: 'file',
       },
 
       /**
@@ -307,7 +307,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       noAuto: {
         type: Boolean,
-        value: false
+        value: false,
       },
 
       /**
@@ -317,7 +317,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
        */
       withCredentials: {
         type: Boolean,
-        value: false
+        value: false,
       },
 
       /**
@@ -392,45 +392,45 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
           return {
             dropFiles: {
               one: 'Drop file here',
-              many: 'Drop files here'
+              many: 'Drop files here',
             },
             addFiles: {
               one: 'Upload File...',
-              many: 'Upload Files...'
+              many: 'Upload Files...',
             },
             error: {
               tooManyFiles: 'Too Many Files.',
               fileIsTooBig: 'File is Too Big.',
-              incorrectFileType: 'Incorrect File Type.'
+              incorrectFileType: 'Incorrect File Type.',
             },
             uploading: {
               status: {
                 connecting: 'Connecting...',
                 stalled: 'Stalled',
                 processing: 'Processing File...',
-                held: 'Queued'
+                held: 'Queued',
               },
               remainingTime: {
                 prefix: 'remaining time: ',
-                unknown: 'unknown remaining time'
+                unknown: 'unknown remaining time',
               },
               error: {
                 serverUnavailable: 'Upload failed, please try again later',
                 unexpectedServerError: 'Upload failed due to server error',
-                forbidden: 'Upload forbidden'
-              }
+                forbidden: 'Upload forbidden',
+              },
             },
             file: {
               retry: 'Retry',
               start: 'Start',
-              remove: 'Remove'
+              remove: 'Remove',
             },
             units: {
-              size: ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
-            }
+              size: ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
+            },
           };
-        }
-      }
+        },
+      },
     };
   }
 
@@ -644,8 +644,8 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
         const evt = this.dispatchEvent(
           new CustomEvent('upload-response', {
             detail: { file, xhr },
-            cancelable: true
-          })
+            cancelable: true,
+          }),
         );
 
         if (!evt) {
@@ -662,8 +662,8 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
         file.complete = !file.error;
         this.dispatchEvent(
           new CustomEvent(`upload-${file.error ? 'error' : 'success'}`, {
-            detail: { file, xhr }
-          })
+            detail: { file, xhr },
+          }),
         );
         this._notifyFileChanges(file);
       }
@@ -677,8 +677,8 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
     const evt = this.dispatchEvent(
       new CustomEvent('upload-before', {
         detail: { file, xhr },
-        cancelable: true
-      })
+        cancelable: true,
+      }),
     );
     if (!evt) {
       return;
@@ -696,8 +696,8 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
     xhr.upload.onloadstart = () => {
       this.dispatchEvent(
         new CustomEvent('upload-start', {
-          detail: { file, xhr }
-        })
+          detail: { file, xhr },
+        }),
       );
       this._notifyFileChanges(file);
     };
@@ -707,8 +707,8 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
     const uploadEvt = this.dispatchEvent(
       new CustomEvent('upload-request', {
         detail: { file, xhr, formData },
-        cancelable: true
-      })
+        cancelable: true,
+      }),
     );
     if (uploadEvt) {
       xhr.send(formData);
@@ -720,8 +720,8 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
     const evt = this.dispatchEvent(
       new CustomEvent('upload-retry', {
         detail: { file, xhr: file.xhr },
-        cancelable: true
-      })
+        cancelable: true,
+      }),
     );
     if (evt) {
       this._uploadFile(file);
@@ -733,8 +733,8 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
     const evt = this.dispatchEvent(
       new CustomEvent('upload-abort', {
         detail: { file, xhr: file.xhr },
-        cancelable: true
-      })
+        cancelable: true,
+      }),
     );
     if (evt) {
       file.abort = true;
@@ -771,16 +771,16 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
     if (this.maxFilesReached) {
       this.dispatchEvent(
         new CustomEvent('file-reject', {
-          detail: { file, error: this.i18n.error.tooManyFiles }
-        })
+          detail: { file, error: this.i18n.error.tooManyFiles },
+        }),
       );
       return;
     }
     if (this.maxFileSize >= 0 && file.size > this.maxFileSize) {
       this.dispatchEvent(
         new CustomEvent('file-reject', {
-          detail: { file, error: this.i18n.error.fileIsTooBig }
-        })
+          detail: { file, error: this.i18n.error.fileIsTooBig },
+        }),
       );
       return;
     }
@@ -789,8 +789,8 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
     if (this.accept && !(re.test(file.type) || re.test(fileExt))) {
       this.dispatchEvent(
         new CustomEvent('file-reject', {
-          detail: { file, error: this.i18n.error.incorrectFileType }
-        })
+          detail: { file, error: this.i18n.error.incorrectFileType },
+        }),
       );
       return;
     }

package/theme/lumo/vaadin-upload-styles.js

@@ -67,7 +67,7 @@ registerStyles(
       border-top: 1px solid var(--lumo-contrast-10pct);
     }
   `,
-  { moduleId: 'lumo-upload' }
+  { moduleId: 'lumo-upload' },
 );
 
 const uploadFile = css`

package/theme/material/vaadin-upload-styles.js

@@ -93,7 +93,7 @@ registerStyles(
       transition-delay: 0s, 0s;
     }
   `,
-  { moduleId: 'material-upload' }
+  { moduleId: 'material-upload' },
 );
 
 registerStyles(
@@ -247,5 +247,5 @@ registerStyles(
       display: none;
     }
   `,
-  { moduleId: 'material-upload-file' }
+  { moduleId: 'material-upload-file' },
 );