@functionalcms/svelte-components 4.14.1 → 4.14.4

package/dist/components/form/Button.svelte

@@ -26,6 +26,7 @@
 		ariaControls?: string;
 		tabIndex?: number;
 		ariaLabel: string;
+		noStyle: boolean;
 		click?: (event: MouseEvent) => void;
 		keydown?: (event: KeyboardEvent) => void;
 	}
@@ -50,6 +51,7 @@
 		isCircle = false,
 		isRounded = false,
 		isSkinned = true,
+		noStyle = false,
 		ariaSelected = undefined,
 		ariaControls = undefined,
 		tabIndex = 0,
@@ -60,21 +62,23 @@
 	}: Partial<Props> = $props();
 
 	let klasses = $derived(
-		cn(
-			isSkinned ? 'btn' : 'btn-base',
-			mode ? `btn-${mode}` : '',
-			size ? `btn-${size}` : '',
-			isBordered ? 'btn-bordered' : '',
-			isCapsule ? 'btn-capsule ' : '',
-			isGrouped ? 'btn-grouped' : '',
-			isBlock ? 'btn-block' : '',
-			isCircle ? 'btn-circle' : '',
-			isRounded ? 'btn-rounded' : '',
-			isDisabled ? 'disabled' : '',
-			isBlank ? 'btn-blank' : '',
-			isLink ? 'btn-link' : '',
-			css ? `${css}` : ''
-		)
+		noStyle
+			? ''
+			: cn(
+					isSkinned ? 'btn' : 'btn-base',
+					mode ? `btn-${mode}` : '',
+					size ? `btn-${size}` : '',
+					isBordered ? 'btn-bordered' : '',
+					isCapsule ? 'btn-capsule ' : '',
+					isGrouped ? 'btn-grouped' : '',
+					isBlock ? 'btn-block' : '',
+					isCircle ? 'btn-circle' : '',
+					isRounded ? 'btn-rounded' : '',
+					isDisabled ? 'disabled' : '',
+					isBlank ? 'btn-blank' : '',
+					isLink ? 'btn-link' : '',
+					css ? `${css}` : ''
+				)
 	);
 </script>
 

package/dist/components/form/Button.svelte.d.ts

@@ -23,6 +23,7 @@ declare const Button: import("svelte").Component<Partial<{
     ariaControls?: string;
     tabIndex?: number;
     ariaLabel: string;
+    noStyle: boolean;
     click?: (event: MouseEvent) => void;
     keydown?: (event: KeyboardEvent) => void;
 }>, {}, "">;

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.4",
 	"watch": {
 		"build": {
 			"patterns": [