@vaadin/upload 25.3.0-alpha7 → 25.3.0-alpha9

package/custom-elements.json

@@ -166,6 +166,13 @@
               },
               "description": "True when max files has been reached on the manager.",
               "fieldName": "maxFilesReached"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The theme variants to apply to the component.",
+              "name": "theme"
             }
           ],
           "mixins": [
@@ -276,6 +283,13 @@
               "description": "True when max files has been reached on the manager.",
               "readonly": true,
               "fieldName": "maxFilesReached"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The theme variants to apply to the component.",
+              "name": "theme"
             }
           ],
           "mixins": [
@@ -501,26 +515,6 @@
               }
             }
           ],
-          "mixins": [
-            {
-              "name": "UploadFileListMixin",
-              "module": "src/vaadin-upload-file-list-mixin.js"
-            },
-            {
-              "name": "ThemableMixin",
-              "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
-            },
-            {
-              "name": "PolylitMixin",
-              "package": "@vaadin/component-base/src/polylit-mixin.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "vaadin-upload-file-list",
-          "customElement": true,
           "attributes": [
             {
               "name": "disabled",
@@ -570,8 +564,35 @@
                 "name": "UploadFileListMixin",
                 "module": "src/vaadin-upload-file-list-mixin.js"
               }
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The theme variants to apply to the component.",
+              "name": "theme"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "UploadFileListMixin",
+              "module": "src/vaadin-upload-file-list-mixin.js"
+            },
+            {
+              "name": "ThemableMixin",
+              "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
+            },
+            {
+              "name": "PolylitMixin",
+              "package": "@vaadin/component-base/src/polylit-mixin.js"
             }
           ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "vaadin-upload-file-list",
+          "customElement": true,
           "events": []
         }
       ],
@@ -992,30 +1013,6 @@
               "name": "file-start"
             }
           ],
-          "mixins": [
-            {
-              "name": "UploadFileMixin",
-              "module": "src/vaadin-upload-file-mixin.js"
-            },
-            {
-              "name": "ThemableMixin",
-              "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
-            },
-            {
-              "name": "PolylitMixin",
-              "package": "@vaadin/component-base/src/polylit-mixin.js"
-            },
-            {
-              "name": "LumoInjectionMixin",
-              "package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "vaadin-upload-file",
-          "customElement": true,
           "attributes": [
             {
               "name": "complete",
@@ -1113,6 +1110,13 @@
                 "module": "src/vaadin-upload-file-mixin.js"
               }
             },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The theme variants to apply to the component.",
+              "name": "theme"
+            },
             {
               "name": "uploading",
               "type": {
@@ -1125,7 +1129,31 @@
                 "module": "src/vaadin-upload-file-mixin.js"
               }
             }
-          ]
+          ],
+          "mixins": [
+            {
+              "name": "UploadFileMixin",
+              "module": "src/vaadin-upload-file-mixin.js"
+            },
+            {
+              "name": "ThemableMixin",
+              "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
+            },
+            {
+              "name": "PolylitMixin",
+              "package": "@vaadin/component-base/src/polylit-mixin.js"
+            },
+            {
+              "name": "LumoInjectionMixin",
+              "package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "vaadin-upload-file",
+          "customElement": true
         }
       ],
       "exports": [
@@ -2299,34 +2327,6 @@
               "name": "upload-success"
             }
           ],
-          "mixins": [
-            {
-              "name": "UploadMixin",
-              "module": "src/vaadin-upload-mixin.js"
-            },
-            {
-              "name": "ElementMixin",
-              "package": "@vaadin/component-base/src/element-mixin.js"
-            },
-            {
-              "name": "ThemableMixin",
-              "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
-            },
-            {
-              "name": "PolylitMixin",
-              "package": "@vaadin/component-base/src/polylit-mixin.js"
-            },
-            {
-              "name": "LumoInjectionMixin",
-              "package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "vaadin-upload",
-          "customElement": true,
           "attributes": [
             {
               "name": "accept",
@@ -2485,6 +2485,13 @@
                 "module": "src/vaadin-upload-mixin.js"
               }
             },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The theme variants to apply to the component.",
+              "name": "theme"
+            },
             {
               "name": "timeout",
               "type": {
@@ -2521,7 +2528,35 @@
                 "module": "src/vaadin-upload-mixin.js"
               }
             }
-          ]
+          ],
+          "mixins": [
+            {
+              "name": "UploadMixin",
+              "module": "src/vaadin-upload-mixin.js"
+            },
+            {
+              "name": "ElementMixin",
+              "package": "@vaadin/component-base/src/element-mixin.js"
+            },
+            {
+              "name": "ThemableMixin",
+              "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
+            },
+            {
+              "name": "PolylitMixin",
+              "package": "@vaadin/component-base/src/polylit-mixin.js"
+            },
+            {
+              "name": "LumoInjectionMixin",
+              "package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "vaadin-upload",
+          "customElement": true
         }
       ],
       "exports": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/upload",
-  "version": "25.3.0-alpha7",
+  "version": "25.3.0-alpha9",
   "publishConfig": {
     "access": "public"
   },
@@ -35,19 +35,19 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.3.0-alpha7",
-    "@vaadin/button": "25.3.0-alpha7",
-    "@vaadin/component-base": "25.3.0-alpha7",
-    "@vaadin/progress-bar": "25.3.0-alpha7",
-    "@vaadin/vaadin-themable-mixin": "25.3.0-alpha7",
+    "@vaadin/a11y-base": "25.3.0-alpha9",
+    "@vaadin/button": "25.3.0-alpha9",
+    "@vaadin/component-base": "25.3.0-alpha9",
+    "@vaadin/progress-bar": "25.3.0-alpha9",
+    "@vaadin/vaadin-themable-mixin": "25.3.0-alpha9",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/aura": "25.3.0-alpha7",
-    "@vaadin/chai-plugins": "25.3.0-alpha7",
-    "@vaadin/test-runner-commands": "25.3.0-alpha7",
+    "@vaadin/aura": "25.3.0-alpha9",
+    "@vaadin/chai-plugins": "25.3.0-alpha9",
+    "@vaadin/test-runner-commands": "25.3.0-alpha9",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.3.0-alpha7",
+    "@vaadin/vaadin-lumo-styles": "25.3.0-alpha9",
     "sinon": "^22.0.0"
   },
   "customElements": "custom-elements.json",
@@ -55,5 +55,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "ae7b9823df5598faebd7a482993029ee489c35ae"
+  "gitHead": "cb915ebde095ec5b94a87af93dd4530f51984c52"
 }

package/src/vaadin-upload-button.js

@@ -6,6 +6,7 @@
 import { html, LitElement } from 'lit';
 import { ButtonMixin } from '@vaadin/button/src/vaadin-button-mixin.js';
 import { defineCustomElement } from '@vaadin/component-base/src/define.js';
+import { setOrRemoveAttribute } from '@vaadin/component-base/src/dom-utils.js';
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
 import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
 import { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';
@@ -70,6 +71,7 @@ import { UploadManager } from './vaadin-upload-manager.js';
  *
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
  *
+ * @attr {string} theme - The theme variants to apply to the component.
  * @customElement vaadin-upload-button
  * @extends HTMLElement
  */
@@ -213,22 +215,14 @@ class UploadButton extends ButtonMixin(ElementMixin(ThemableMixin(PolylitMixin(L
 
     // Set accept attribute from manager
     const accept = this.manager && this.manager.accept;
-    if (accept) {
-      fileInput.setAttribute('accept', accept);
-    } else {
-      fileInput.removeAttribute('accept');
-    }
+    setOrRemoveAttribute(fileInput, 'accept', accept);
 
     // Set multiple attribute based on manager's maxFiles
     const maxFiles = this.manager && this.manager.maxFiles != null ? this.manager.maxFiles : Infinity;
     fileInput.multiple = maxFiles !== 1;
 
     // Set capture attribute
-    if (this.capture) {
-      fileInput.setAttribute('capture', this.capture);
-    } else {
-      fileInput.removeAttribute('capture');
-    }
+    setOrRemoveAttribute(fileInput, 'capture', this.capture);
   }
 
   /** @private */

package/src/vaadin-upload-drop-zone.js

@@ -47,6 +47,7 @@ import { UploadManager } from './vaadin-upload-manager.js';
  *
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
  *
+ * @attr {string} theme - The theme variants to apply to the component.
  * @customElement vaadin-upload-drop-zone
  * @extends HTMLElement
  */

package/src/vaadin-upload-file-list.js

@@ -75,6 +75,7 @@ import { UploadFileListMixin } from './vaadin-upload-file-list-mixin.js';
  *
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
  *
+ * @attr {string} theme - The theme variants to apply to the component.
  * @customElement vaadin-upload-file-list
  * @extends HTMLElement
  */

package/src/vaadin-upload-file-mixin.js

@@ -167,15 +167,6 @@ export const UploadFileMixin = (superClass) =>
       return event.composedPath()[0] === this;
     }
 
-    /** @private */
-    __disabledChanged(disabled) {
-      if (disabled) {
-        this.removeAttribute('tabindex');
-      } else {
-        this.setAttribute('tabindex', this.tabindex);
-      }
-    }
-
     /** @private */
     _errorMessageChanged(errorMessage) {
       this.toggleAttribute('error', Boolean(errorMessage));

package/src/vaadin-upload-file.js

@@ -81,6 +81,7 @@ import { UploadFileMixin } from './vaadin-upload-file-mixin.js';
  * @fires {CustomEvent} file-retry - Fired when the retry button is pressed to request retrying the upload of this file.
  * @fires {CustomEvent} file-start - Fired when the start button is pressed to request starting the upload of this file.
  *
+ * @attr {string} theme - The theme variants to apply to the component.
  * @customElement vaadin-upload-file
  * @extends HTMLElement
  */

package/src/vaadin-upload-icon.js

@@ -12,6 +12,7 @@ import { uploadIconStyles } from './styles/vaadin-upload-icon-base-styles.js';
 /**
  * An element used internally by `<vaadin-upload>`. Not intended to be used separately.
  *
+ * @attr {string} theme - The theme variants to apply to the component.
  * @customElement vaadin-upload-icon
  * @extends HTMLElement
  * @private

package/src/vaadin-upload-mixin.js

@@ -6,6 +6,7 @@
 import { announce } from '@vaadin/a11y-base/src/announce.js';
 import { isKeyboardActive } from '@vaadin/a11y-base/src/focus-utils.js';
 import { isTouch } from '@vaadin/component-base/src/browser-utils.js';
+import { setOrRemoveAttribute } from '@vaadin/component-base/src/dom-utils.js';
 import { I18nMixin } from '@vaadin/component-base/src/i18n-mixin.js';
 import { SlotController } from '@vaadin/component-base/src/slot-controller.js';
 import { getFilesFromDropEvent } from './vaadin-upload-helpers.js';
@@ -581,11 +582,7 @@ export const UploadMixin = (superClass) =>
         list.items = [...files];
         list.i18n = effectiveI18n;
         list.disabled = disabled;
-        if (this._theme) {
-          list.setAttribute('theme', this._theme);
-        } else {
-          list.removeAttribute('theme');
-        }
+        setOrRemoveAttribute(list, 'theme', this._theme);
       }
     }
 
@@ -1053,20 +1050,12 @@ export const UploadMixin = (superClass) =>
 
     /** @private */
     _dragoverChanged(dragover) {
-      if (dragover) {
-        this.setAttribute('dragover', dragover);
-      } else {
-        this.removeAttribute('dragover');
-      }
+      setOrRemoveAttribute(this, 'dragover', dragover);
     }
 
     /** @private */
     _dragoverValidChanged(dragoverValid) {
-      if (dragoverValid) {
-        this.setAttribute('dragover-valid', dragoverValid);
-      } else {
-        this.removeAttribute('dragover-valid');
-      }
+      setOrRemoveAttribute(this, 'dragover-valid', dragoverValid);
     }
 
     /** @private */

package/src/vaadin-upload.js

@@ -102,6 +102,7 @@ import { UploadMixin } from './vaadin-upload-mixin.js';
  * @fires {CustomEvent} upload-retry - Fired when retry upload is requested. If the default is prevented, the retry is not performed.
  * @fires {CustomEvent} upload-abort - Fired when upload abort is requested. If the default is prevented, the upload is not aborted.
  *
+ * @attr {string} theme - The theme variants to apply to the component.
  * @customElement vaadin-upload
  * @extends HTMLElement
  */

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/upload",
-  "version": "25.3.0-alpha7",
+  "version": "25.3.0-alpha9",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -42,9 +42,7 @@
               "description": "The theme variants to apply to the component.",
               "value": {
                 "type": [
-                  "string",
-                  "null",
-                  "undefined"
+                  "string"
                 ]
               }
             }
@@ -110,9 +108,7 @@
               "description": "The theme variants to apply to the component.",
               "value": {
                 "type": [
-                  "string",
-                  "null",
-                  "undefined"
+                  "string"
                 ]
               }
             }
@@ -160,9 +156,7 @@
               "description": "The theme variants to apply to the component.",
               "value": {
                 "type": [
-                  "string",
-                  "null",
-                  "undefined"
+                  "string"
                 ]
               }
             }
@@ -282,9 +276,7 @@
               "description": "The theme variants to apply to the component.",
               "value": {
                 "type": [
-                  "string",
-                  "null",
-                  "undefined"
+                  "string"
                 ]
               }
             },
@@ -524,9 +516,7 @@
               "description": "The theme variants to apply to the component.",
               "value": {
                 "type": [
-                  "string",
-                  "null",
-                  "undefined"
+                  "string"
                 ]
               }
             },

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/upload",
-  "version": "25.3.0-alpha7",
+  "version": "25.3.0-alpha9",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {