From a22da5f1d0f80f07f9a44f289f3156fbca8d8027 Mon Sep 17 00:00:00 2001
From: Adam Rackis <adamrackis@hotmail.com>
Date: Sat, 19 Oct 2024 14:32:18 -0600
Subject: [PATCH 1/2] Allow for Svelte 5 in peer deps

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 771b582..500c650 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "file-selector": "^0.6.0"
   },
   "peerDependencies": {
-    "svelte": "^3.54.0 || ^4.0.0"
+    "svelte": "^3.54.0 || ^4.0.0 || ^5"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^7.6.6",

From 4e9c515de3f75c4058423a693c248f64dd25462f Mon Sep 17 00:00:00 2001
From: Adam Rackis <adamrackis@hotmail.com>
Date: Sat, 19 Oct 2024 14:39:40 -0600
Subject: [PATCH 2/2] Adjust text for multiple

---
 demo/src/routes/toggle-multiple/+page.svelte | 37 ++++++++++++++++++++
 src/lib/components/Dropzone.svelte           |  6 +++-
 2 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 demo/src/routes/toggle-multiple/+page.svelte

diff --git a/demo/src/routes/toggle-multiple/+page.svelte b/demo/src/routes/toggle-multiple/+page.svelte
new file mode 100644
index 0000000..37dd417
--- /dev/null
+++ b/demo/src/routes/toggle-multiple/+page.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+	import Dropzone from '../../../../src/lib/components/Dropzone.svelte';
+
+	let files = {
+		accepted: [] as any[],
+		rejected: [] as any[]
+	};
+
+	function handleFilesSelect(e: any) {
+		const { acceptedFiles, fileRejections } = e.detail;
+		files.accepted = [...files.accepted, ...acceptedFiles];
+		files.rejected = [...files.rejected, ...fileRejections];
+	}
+
+	let multiple = false;
+</script>
+
+<section>
+	<label>Multiple <input type="checkbox" bind:checked={multiple} /></label>
+	<Dropzone on:drop={handleFilesSelect} {multiple} />
+
+	<ol>
+		{#each files.accepted as item}
+			<li>{item.name}</li>
+		{/each}
+	</ol>
+</section>
+
+<style>
+	section {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		flex: 1;
+	}
+</style>
diff --git a/src/lib/components/Dropzone.svelte b/src/lib/components/Dropzone.svelte
index 26ff4ec..918f294 100644
--- a/src/lib/components/Dropzone.svelte
+++ b/src/lib/components/Dropzone.svelte
@@ -249,6 +249,10 @@
 
   $: composeDragHandler = fn => (noDrag ? null : composeHandler(fn));
 
+  $: defaultPlaceholderString = multiple
+    ? "Drag 'n' drop some files here, or click to select files"
+    : "Drag 'n' drop a file here, or click to select a file";
+
   function stopPropagation(event) {
     if (noDragEventsBubbling) {
       event.stopPropagation();
@@ -335,7 +339,7 @@
     style="display: none;"
   />
   <slot>
-    <p>Drag 'n' drop some files here, or click to select files</p>
+    <p>{defaultPlaceholderString}</p>
   </slot>
 </div>