From a980d21eba3fd9681201b50582af952f72f72337 Mon Sep 17 00:00:00 2001
From: pk <pk@codeblob.work>
Date: Sun, 16 Aug 2026 21:24:54 +0200
Subject: [PATCH] =?UTF-8?q?Add=20multiple=20property=20=E2=80=94=20enables?=
 =?UTF-8?q?=20multi-file=20picker=20selection?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json   | 2 +-
 tp-dropzone.js | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 9e71112..a2e5fa7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tp/tp-dropzone",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "",
   "main": "tp-dropzone.js",
   "scripts": {
diff --git a/tp-dropzone.js b/tp-dropzone.js
index 1c2523f..d5777dc 100644
--- a/tp-dropzone.js
+++ b/tp-dropzone.js
@@ -36,13 +36,17 @@ class TpDropzone extends upload(dropzoneMixin(LitElement)) {
   render() {
     return html`
       <slot></slot>
-      <input type="file" @change=${this._handleFileSelect}>
+      <input type="file" ?multiple=${this.multiple} @change=${this._handleFileSelect}>
     `;
   }
 
   static get properties() {
     return {
       url: { type: String },
+      // Allow selecting several files in the picker dialog. The component's
+      // own "file-selected" event still reports the first file — read the
+      // change event's input.files for the full list.
+      multiple: { type: Boolean },
       isDraggedOn: { type: Boolean, reflect: true },
       file: { type: Object, state: true }
     };
@@ -51,6 +55,7 @@ class TpDropzone extends upload(dropzoneMixin(LitElement)) {
   constructor() {
     super();
     this.file = null;
+    this.multiple = false;
   }
 
   firstUpdated() {