@hkdigital/lib-sveltekit 0.1.87 → 0.1.89

package/dist/components/drag-drop/DropZone.svelte

@@ -154,7 +154,7 @@
     // Check if this is a file drop
     if (event.dataTransfer.types.includes('Files')) {
       // Handle file drop - you can extend this based on your needs
-      console.log('File drop detected:', event.dataTransfer.files);
+      // console.log('File drop detected:', event.dataTransfer.files);
       return null; // Return null to indicate this is not an internal drag
     }
 
@@ -280,7 +280,7 @@
       if (event.dataTransfer.types.includes('Files')) {
         // Handle file drops
         const files = Array.from(event.dataTransfer.files);
-        console.log('Files dropped:', files);
+        // console.log('Files dropped:', files);
 
         // You can add custom file handling here
         // For now, just reset state and return
@@ -306,25 +306,31 @@
         const dropzoneRect = dropzoneElement.getBoundingClientRect();
 
         // Calculate position with both dragData.offsetX/Y adjustment and border adjustment
-        const offsetX =
+        const dropOffsetX =
           event.clientX -
           dropzoneRect.left -
-          borderLeftWidth -
-          (dragData.offsetX ?? 0);
+          borderLeftWidth;
 
-        const offsetY =
+        const dropOffsetY =
           event.clientY -
           dropzoneRect.top -
-          borderTopWidth -
-          (dragData.offsetY ?? 0);
+          borderTopWidth;
+
+        const x = dropOffsetX - (dragData.offsetX ?? 0);
+        const y = dropOffsetY - (dragData.offsetY ?? 0);
 
         const dropResult = onDrop?.({
-          event,
-          offsetX,
-          offsetY,
           zone,
+          source: dragData.source,
           item: dragData.item,
-          source: dragData.source
+          x,
+          y,
+          drag: dragData,
+          drop: {
+            offsetX: dropOffsetX,
+            offsetY: dropOffsetY,
+            event
+          }
         });
 
         // Handle async or sync results

package/dist/typedef/drop.d.ts

@@ -1,11 +1,15 @@
 declare const _default: {};
 export default _default;
 export type DropData = {
-    event: DragEvent;
-    offsetX: number;
-    offsetY: number;
+    x: number;
+    y: number;
     zone: string;
-    item: any;
     source: string;
-    metadata?: any;
+    item: any;
+    drag: import("./drag").DragData;
+    drop: {
+        offsetX: number;
+        offsetY: number;
+        event: DragEvent;
+    };
 };

package/dist/typedef/drop.js

@@ -1,12 +1,12 @@
 /**
  * @typedef {Object} DropData
- * @property {DragEvent} event
- * @property {number} offsetX
- * @property {number} offsetY
+ * @property {number} x
+ * @property {number} y
  * @property {string} zone
- * @property {any} item
  * @property {string} source
- * @property {any} [metadata]
+ * @property {any} item
+ * @property {import('./drag').DragData} drag
+ * @property {{offsetX: number, offsetY: number, event: DragEvent}} drop
  */
 
 export default {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-sveltekit",
-	"version": "0.1.87",
+	"version": "0.1.89",
 	"author": {
 		"name": "HKdigital",
 		"url": "https://hkdigital.nl"