From 0cc105262f15eb9ee9b97526133543c700bc890a Mon Sep 17 00:00:00 2001
From: okosohor <kosogor2007@gmail.com>
Date: Fri, 15 Nov 2024 16:46:21 +0200
Subject: [PATCH] fix: add multiple prop to dropzone

---
 src/lib/forms/Dropzone.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/forms/Dropzone.svelte b/src/lib/forms/Dropzone.svelte
index bc6c1f77f..aa6f41ac0 100644
--- a/src/lib/forms/Dropzone.svelte
+++ b/src/lib/forms/Dropzone.svelte
@@ -6,6 +6,7 @@
     value?: string;
     files?: FileList | undefined;
     defaultClass?: string;
+    multiple?: boolean;
   }
 
   type $$Props = DropzoneProps & HTMLInputAttributes;
@@ -13,6 +14,7 @@
   export let value: $$Props['value'] = '';
   export let files: $$Props['files'] = undefined;
   export let defaultClass: $$Props['defaultClass'] = 'flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600';
+  export let multiple: $$Props['multiple'] = false;
 
   let input: HTMLInputElement;
 
@@ -33,7 +35,7 @@
   <slot />
 </button>
 <label class="hidden">
-  <input {...$$restProps} bind:value bind:files bind:this={input} on:change on:click type="file" />
+  <input {...$$restProps} {multiple} bind:value bind:files bind:this={input} on:change on:click type="file" />
 </label>
 
 <!--
@@ -43,4 +45,5 @@
 @prop export let value: $$Props['value'] = '';
 @prop export let files: $$Props['files'] = undefined;
 @prop export let defaultClass: $$Props['defaultClass'] = 'flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600';
+@prop export let multiple: $$Props['multiple'] = false;
 -->