@vaadin/vaadin-upload 4.4.0-beta1 → 4.4.3

package/README.md

@@ -1,20 +1,18 @@
-[![npm version](https://badgen.net/npm/v/@vaadin/vaadin-upload)](https://www.npmjs.com/package/@vaadin/vaadin-upload)
-[![Bower version](https://badgen.net/github/release/vaadin/vaadin-upload)](https://github.com/vaadin/vaadin-upload/releases)
-[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/vaadin/vaadin-upload)
-[![Build Status](https://travis-ci.org/vaadin/vaadin-upload.svg?branch=master)](https://travis-ci.org/vaadin/vaadin-upload)
-[![Coverage Status](https://coveralls.io/repos/github/vaadin/vaadin-upload/badge.svg?branch=master)](https://coveralls.io/github/vaadin/vaadin-upload?branch=master)
-[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/vaadin/web-components?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
+# <vaadin-upload>
 
-[![Published on Vaadin  Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadinvaadin-upload)
-[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/vaadinvaadin-upload.svg)](https://vaadin.com/directory/component/vaadinvaadin-upload)
+> ⚠️ Starting from Vaadin 20, the source code and issues for this component are migrated to the [`vaadin/web-components`](https://github.com/vaadin/web-components/tree/master/packages/vaadin-upload) monorepository.
+> This repository contains the source code and releases of `<vaadin-upload>` for the Vaadin versions 10 to 19.
 
-# &lt;vaadin-upload&gt;
+[&lt;vaadin-upload&gt;](https://vaadin.com/components/vaadin-upload) is a Web Component for uploading files, part of the [Vaadin components](https://vaadin.com/components).
 
 [Live Demo ↗](https://vaadin.com/components/vaadin-upload/html-examples/upload-basic-demos)
 |
 [API documentation ↗](https://vaadin.com/components/vaadin-upload/html-api)
 
-[&lt;vaadin-upload&gt;](https://vaadin.com/components/vaadin-upload) is a Web Component for uploading files, part of the [Vaadin components](https://vaadin.com/components).
+[![npm version](https://badgen.net/npm/v/@vaadin/vaadin-upload)](https://www.npmjs.com/package/@vaadin/vaadin-upload)
+[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/vaadin/vaadin-upload)
+[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadinvaadin-upload)
+[![Discord](https://discordapp.com/api/guilds/732335336448852018/widget.png)](https://vaad.in/chat)
 
 <!---
 ```

package/package.json

@@ -10,7 +10,7 @@
   "repository": "vaadin/vaadin-upload",
   "homepage": "https://vaadin.com/components",
   "name": "@vaadin/vaadin-upload",
-  "version": "4.4.0-beta1",
+  "version": "4.4.3",
   "main": "vaadin-upload.js",
   "author": "Vaadin Ltd",
   "license": "Apache-2.0",
@@ -25,6 +25,8 @@
     "theme"
   ],
   "resolutions": {
+    "es-abstract": "1.17.6",
+    "@types/doctrine": "0.0.3",
     "inherits": "2.0.3",
     "samsam": "1.1.3",
     "supports-color": "3.1.2",
@@ -33,16 +35,16 @@
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
     "@vaadin/vaadin-themable-mixin": "^1.6.1",
-    "@vaadin/vaadin-button": "^2.4.0-beta1",
-    "@vaadin/vaadin-progress-bar": "^1.3.0-beta1",
+    "@vaadin/vaadin-button": "^2.4.0",
+    "@vaadin/vaadin-progress-bar": "^1.3.0",
     "@vaadin/vaadin-lumo-styles": "^1.1.0",
     "@vaadin/vaadin-material-styles": "^1.1.0",
     "@vaadin/vaadin-element-mixin": "^2.4.1"
   },
   "scripts": {
-    "generate-typings": "gen-typescript-declarations --outDir . --verify"
-  },
-  "devDependencies": {
+  "generate-typings": "gen-typescript-declarations --outDir . --verify"
+},
+"devDependencies": {
     "@polymer/iron-component-page": "^4.0.0",
     "@polymer/iron-test-helpers": "^3.0.0",
     "mock-http-request": "git://github.com/abuinitski/MockHttpRequest#npm_fix",

package/src/vaadin-upload.d.ts

@@ -49,6 +49,7 @@ import {html} from '@polymer/polymer/lib/utils/html-tag.js';
  * `nodrop` | Set when drag and drop is disabled (e. g., on touch devices) | `:host`
  * `dragover` | A file is being dragged over the element | `:host`
  * `dragover-valid` | A dragged file is valid with `maxFiles` and `accept` criteria | `:host`
+ * `max-files-reached` | The maximum number of files that the user is allowed to add to the upload has been reached | `:host`
  *
  * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
  */
@@ -198,7 +199,7 @@ declare class UploadElement extends
    *         uploading: {
    *         status: {
    *           connecting: 'Connecting...',
-   *           stalled: 'Stalled.',
+   *           stalled: 'Stalled',
    *           processing: 'Processing File...',
    *           held: 'Queued'
    *         },

package/src/vaadin-upload.js

@@ -42,6 +42,7 @@ import { html } from '@polymer/polymer/lib/utils/html-tag.js';
  * `nodrop` | Set when drag and drop is disabled (e. g., on touch devices) | `:host`
  * `dragover` | A file is being dragged over the element | `:host`
  * `dragover-valid` | A dragged file is valid with `maxFiles` and `accept` criteria | `:host`
+ * `max-files-reached` | The maximum number of files that the user is allowed to add to the upload has been reached | `:host`
  *
  * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
  *
@@ -102,7 +103,7 @@ class UploadElement extends ElementMixin(ThemableMixin(PolymerElement)) {
   }
 
   static get version() {
-    return '4.4.0-beta1';
+    return '4.4.3';
   }
 
   static get properties() {
@@ -230,6 +231,7 @@ class UploadElement extends ElementMixin(ThemableMixin(PolymerElement)) {
         value: false,
         notify: true,
         readOnly: true,
+        reflectToAttribute: true,
         computed: '_maxFilesAdded(maxFiles, files.length)'
       },
 
@@ -333,7 +335,7 @@ class UploadElement extends ElementMixin(ThemableMixin(PolymerElement)) {
         uploading: {
         status: {
           connecting: 'Connecting...',
-          stalled: 'Stalled.',
+          stalled: 'Stalled',
           processing: 'Processing File...',
           held: 'Queued'
         },
@@ -562,7 +564,7 @@ class UploadElement extends ElementMixin(ThemableMixin(PolymerElement)) {
     }
 
     const ini = Date.now();
-    const xhr = file.xhr = this._createXhr(file);
+    const xhr = file.xhr = this._createXhr();
 
     let stalledId, last;
     // onprogress is called always after onreadystatechange
@@ -588,7 +590,6 @@ class UploadElement extends ElementMixin(ThemableMixin(PolymerElement)) {
         } else {
           file.loadedStr = file.totalStr;
           file.status = this.i18n.uploading.status.processing;
-          file.uploading = false;
         }
       }
 

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

@@ -47,6 +47,10 @@ const $_documentContainer = html`<dom-module id="lumo-upload" theme-for="vaadin-
         color: var(--lumo-primary-text-color);
       }
 
+      :host([max-files-reached]) [part='drop-label'] {
+        color: var(--lumo-disabled-text-color);
+      }
+
       [part="drop-label-icon"] {
         display: inline-block;
       }

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

@@ -52,6 +52,10 @@ const $_documentContainer = html`<dom-module id="material-upload" theme-for="vaa
         color: var(--material-primary-text-color);
       }
 
+      :host([max-files-reached]) [part='drop-label'] {
+        color: var(--material-disabled-text-color);
+      }
+
       [part="drop-label-icon"] {
         display: inline-block;
         margin-right: 8px;