@functionalcms/svelte-components 4.14.1 → 4.14.3

package/dist/components/form/dropzone/Dropzone.svelte

@@ -24,11 +24,13 @@
 		maxSize = Infinity,
 		minSize = 0,
 		multiple = false,
+		dropzoneText = undefined,
 		preventDropOnDocument = true,
 		disableDropzoneClick = false,
 		disableDropzoneKeydown = false,
 		disableDropzoneDrag = false,
 		name = '',
+		appendOnDrop = false,
 		inputElement = $bindable(),
 		required = false,
 		dropzoneElement = $bindable(),
@@ -195,6 +197,11 @@
 				const dataTransfer = new DataTransfer();
 				const incomingFiles = acceptedFiles;
 				incomingFiles.forEach((v) => dataTransfer.items.add(v));
+				if (appendOnDrop) {
+					for(const file of inputElement.files || []) {
+						dataTransfer.items.add(file);
+					}
+				}
 				inputElement.files = dataTransfer.files;
 			}
 		}
@@ -210,9 +217,10 @@
 	);
 
 	let defaultPlaceholderString = $derived(
-		multiple
-			? "Drag 'n' drop some files here, or click to select files"
-			: "Drag 'n' drop a file here, or click to select a file"
+		dropzoneText ||
+			(multiple
+				? "Drag 'n' drop some files here, or click to select files"
+				: "Drag 'n' drop a file here, or click to select a file")
 	);
 
 	// allow the entire document to be a drag target

package/dist/components/form/dropzone/types.d.ts

@@ -41,6 +41,7 @@ export interface DropzoneProps {
     maxSize?: number;
     minSize?: number;
     multiple?: boolean;
+    dropzoneText?: string;
     maxFileCountPerUpload?: number;
     preventDropOnDocument?: boolean;
     disableDropzoneClick?: boolean;
@@ -50,6 +51,7 @@ export interface DropzoneProps {
     required?: boolean;
     inputElement?: HTMLInputElement;
     dropzoneElement?: HTMLElement | undefined;
+    appendOnDrop: boolean;
     CustomDropzone?: Snippet<[CustomDropzoneProps]> | undefined;
     children?: Snippet;
     onDragenter?: DropzoneEventHandler<DataTransferItem>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "4.14.1",
+	"version": "4.14.3",
 	"watch": {
 		"build": {
 			"patterns": [