@functionalcms/svelte-components 4.14.0 → 4.14.3

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
-	import type { CustomDropzoneProps } from './types.ts';
+	import type { CustomDropzoneProps } from './types.js';
 	interface DefaultDropzone extends CustomDropzoneProps {
 		defaultDropzoneElement: HTMLElement | undefined;
 		children: Snippet;

package/dist/components/form/dropzone/DefaultDropzone.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { CustomDropzoneProps } from './types.ts';
+import type { CustomDropzoneProps } from './types.js';
 interface DefaultDropzone extends CustomDropzoneProps {
     defaultDropzoneElement: HTMLElement | undefined;
     children: Snippet;

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

@@ -6,16 +6,16 @@
 		isEventWithFiles,
 		isIeOrEdge,
 		isPropagationStopped
-	} from './default.ts';
+	} from './default.js';
 	import type {
 		DropzoneEventHandler,
 		DropzoneProps,
 		FromEventFileTypes,
 		RejectedFile
-	} from './types.ts';
+	} from './types.js';
 	import type { EventHandler } from 'svelte/elements';
 	import DefaultDropzone from './DefaultDropzone.svelte';
-	import useDropzone from './UseDropzone.ts';
+	import useDropzone from './UseDropzone.js';
 
 	let {
 		accept,
@@ -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/Dropzone.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DropzoneProps } from './types.ts';
+import type { DropzoneProps } from './types.js';
 declare const Dropzone: import("svelte").Component<DropzoneProps, {}, "inputElement" | "dropzoneElement">;
 type Dropzone = ReturnType<typeof Dropzone>;
 export default Dropzone;

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

@@ -1,3 +1,3 @@
-import type { DropzoneAreaEvents } from "./types.ts";
+import type { DropzoneAreaEvents } from "./types.js";
 declare const useDropzone: (element: HTMLElement | undefined, events: DropzoneAreaEvents) => () => void;
 export default useDropzone;

package/dist/components/form/dropzone/attr-accept.d.ts

@@ -8,5 +8,5 @@
  * @param accept {string}
  * @returns {boolean}
  */
-import type { FromEventFileTypes, MimeTypes } from "./types.ts";
+import type { FromEventFileTypes, MimeTypes } from "./types.js";
 export default function (file: FromEventFileTypes, accept: MimeTypes[] | string[]): boolean;

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

@@ -1,4 +1,4 @@
-import type { FromEventFileTypes, MimeTypes, DropzoneErrorCode } from "./types.ts";
+import type { FromEventFileTypes, MimeTypes, DropzoneErrorCode } from "./types.js";
 export declare const FILE_INVALID_TYPE = "file-invalid-type";
 export declare const FILE_TOO_LARGE = "file-too-large";
 export declare const FILE_TOO_SMALL = "file-too-small";

package/dist/components/form/dropzone/default.js

@@ -1,4 +1,4 @@
-import accepts from "./attr-accept.ts";
+import accepts from "./attr-accept.js";
 // Error codes
 export const FILE_INVALID_TYPE = "file-invalid-type";
 export const FILE_TOO_LARGE = "file-too-large";

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.0",
+	"version": "4.14.3",
 	"watch": {
 		"build": {
 			"patterns": [