svelte-dnd-action 0.9.15 → 0.9.16

package/dist/index.js

@@ -1649,6 +1649,7 @@
   }
 
   function dndzone(node, options) {
+    var initialized = false;
     var config = {
       items: undefined,
       type: undefined,
@@ -1852,7 +1853,7 @@
       config.transformDraggedElement = transformDraggedElement;
       config.centreDraggedOnCursor = centreDraggedOnCursor; // realtime update for dropTargetStyle
 
-      if (isWorkingOnPreviousDrag && !finalizingPreviousDrag && (!areObjectsShallowEqual(dropTargetStyle, config.dropTargetStyle) || !areArraysShallowEqualSameOrder(dropTargetClasses, config.dropTargetClasses))) {
+      if (initialized && isWorkingOnPreviousDrag && !finalizingPreviousDrag && (!areObjectsShallowEqual(dropTargetStyle, config.dropTargetStyle) || !areArraysShallowEqualSameOrder(dropTargetClasses, config.dropTargetClasses))) {
         styleInactiveDropZones([node], function () {
           return config.dropTargetStyle;
         }, function () {
@@ -1872,7 +1873,7 @@
         return dzToConfig.get(dz) ? dzToConfig.get(dz)[propName] : config[propName];
       }
 
-      if (isWorkingOnPreviousDrag && config.dropFromOthersDisabled !== dropFromOthersDisabled) {
+      if (initialized && isWorkingOnPreviousDrag && config.dropFromOthersDisabled !== dropFromOthersDisabled) {
         if (dropFromOthersDisabled) {
           styleInactiveDropZones([node], function (dz) {
             return getConfigProp(dz, "dropTargetStyle");
@@ -1918,6 +1919,10 @@
 
 
         elToIdx.set(draggableEl, idx);
+
+        if (!initialized) {
+          initialized = true;
+        }
       };
 
       for (var idx = 0; idx < node.children.length; idx++) {

package/dist/index.mjs

@@ -1643,6 +1643,7 @@ function cleanupPostDrop() {
 }
 
 function dndzone(node, options) {
+  var initialized = false;
   var config = {
     items: undefined,
     type: undefined,
@@ -1846,7 +1847,7 @@ function dndzone(node, options) {
     config.transformDraggedElement = transformDraggedElement;
     config.centreDraggedOnCursor = centreDraggedOnCursor; // realtime update for dropTargetStyle
 
-    if (isWorkingOnPreviousDrag && !finalizingPreviousDrag && (!areObjectsShallowEqual(dropTargetStyle, config.dropTargetStyle) || !areArraysShallowEqualSameOrder(dropTargetClasses, config.dropTargetClasses))) {
+    if (initialized && isWorkingOnPreviousDrag && !finalizingPreviousDrag && (!areObjectsShallowEqual(dropTargetStyle, config.dropTargetStyle) || !areArraysShallowEqualSameOrder(dropTargetClasses, config.dropTargetClasses))) {
       styleInactiveDropZones([node], function () {
         return config.dropTargetStyle;
       }, function () {
@@ -1866,7 +1867,7 @@ function dndzone(node, options) {
       return dzToConfig.get(dz) ? dzToConfig.get(dz)[propName] : config[propName];
     }
 
-    if (isWorkingOnPreviousDrag && config.dropFromOthersDisabled !== dropFromOthersDisabled) {
+    if (initialized && isWorkingOnPreviousDrag && config.dropFromOthersDisabled !== dropFromOthersDisabled) {
       if (dropFromOthersDisabled) {
         styleInactiveDropZones([node], function (dz) {
           return getConfigProp(dz, "dropTargetStyle");
@@ -1912,6 +1913,10 @@ function dndzone(node, options) {
 
 
       elToIdx.set(draggableEl, idx);
+
+      if (!initialized) {
+        initialized = true;
+      }
     };
 
     for (var idx = 0; idx < node.children.length; idx++) {

package/package.json

@@ -40,7 +40,7 @@
         "dist"
     ],
     "description": "*An awesome drag and drop library for Svelte 3 (not using the browser's built-in dnd, thanks god): Rich animations, nested containers, touch support and more *",
-    "version": "0.9.15",
+    "version": "0.9.16",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/isaacHagoel/svelte-dnd-action.git"

package/src/pointerAction.js

@@ -301,6 +301,7 @@ function cleanupPostDrop() {
 }
 
 export function dndzone(node, options) {
+    let initialized = false;
     const config = {
         items: undefined,
         type: undefined,
@@ -442,7 +443,6 @@ export function dndzone(node, options) {
         }
         config.type = newType;
         registerDropZone(node, newType);
-
         config.items = [...items];
         config.dragDisabled = dragDisabled;
         config.morphDisabled = morphDisabled;
@@ -451,6 +451,7 @@ export function dndzone(node, options) {
 
         // realtime update for dropTargetStyle
         if (
+            initialized &&
             isWorkingOnPreviousDrag &&
             !finalizingPreviousDrag &&
             (!areObjectsShallowEqual(dropTargetStyle, config.dropTargetStyle) ||
@@ -474,7 +475,7 @@ export function dndzone(node, options) {
         function getConfigProp(dz, propName) {
             return dzToConfig.get(dz) ? dzToConfig.get(dz)[propName] : config[propName];
         }
-        if (isWorkingOnPreviousDrag && config.dropFromOthersDisabled !== dropFromOthersDisabled) {
+        if (initialized && isWorkingOnPreviousDrag && config.dropFromOthersDisabled !== dropFromOthersDisabled) {
             if (dropFromOthersDisabled) {
                 styleInactiveDropZones(
                     [node],
@@ -514,6 +515,10 @@ export function dndzone(node, options) {
             }
             // updating the idx
             elToIdx.set(draggableEl, idx);
+
+            if (!initialized) {
+                initialized = true;
+            }
         }
     }
     configure(options);