svelte-dnd-action 0.9.25 → 0.9.27

package/README.md

@@ -236,8 +236,8 @@ Feature flags allow controlling global optional behaviour. They were originally
 In order to set a feature flag use:
 
 ```javascript
-import {setFeatueFlag, FEATURE_FLAG_NAMES} from "svelte-dnd-action";
-setFeatueFlag(FEATURE_FLAG_NAMES.MY_FLAG, true);
+import {setFeatureFlag, FEATURE_FLAG_NAMES} from "svelte-dnd-action";
+setFeatureFlag(FEATURE_FLAG_NAMES.MY_FLAG, true);
 ```
 
 Currently, there is only one flag: USE_COMPUTED_STYLE_INSTEAD_OF_BOUNDING_RECT, which defaults to false.

package/dist/index.js

@@ -1263,6 +1263,10 @@
     if (!typeToDropZones.get(type).has(dropZoneEl)) {
       typeToDropZones.get(type).add(dropZoneEl);
       incrementActiveDropZoneCount();
+      if (isWorkingOnPreviousDrag) {
+        unWatchDraggedElement();
+        watchDraggedElement();
+      }
     }
   }
   function unregisterDropZone(dropZoneEl, type) {
@@ -1766,7 +1770,6 @@
         unregisterDropZone(node, config.type);
       }
       config.type = newType;
-      registerDropZone(node, newType);
       config.items = _toConsumableArray(items);
       config.dragDisabled = dragDisabled;
       config.morphDisabled = morphDisabled;
@@ -1810,6 +1813,7 @@
       }
       config.dropFromOthersDisabled = dropFromOthersDisabled;
       dzToConfig.set(node, config);
+      registerDropZone(node, newType);
       var shadowElIdx = findShadowElementIdx(config.items);
       for (var idx = 0; idx < node.children.length; idx++) {
         var draggableEl = node.children[idx];

package/dist/index.mjs

@@ -1257,6 +1257,10 @@ function registerDropZone(dropZoneEl, type) {
   if (!typeToDropZones.get(type).has(dropZoneEl)) {
     typeToDropZones.get(type).add(dropZoneEl);
     incrementActiveDropZoneCount();
+    if (isWorkingOnPreviousDrag) {
+      unWatchDraggedElement();
+      watchDraggedElement();
+    }
   }
 }
 function unregisterDropZone(dropZoneEl, type) {
@@ -1760,7 +1764,6 @@ function dndzone(node, options) {
       unregisterDropZone(node, config.type);
     }
     config.type = newType;
-    registerDropZone(node, newType);
     config.items = _toConsumableArray(items);
     config.dragDisabled = dragDisabled;
     config.morphDisabled = morphDisabled;
@@ -1804,6 +1807,7 @@ function dndzone(node, options) {
     }
     config.dropFromOthersDisabled = dropFromOthersDisabled;
     dzToConfig.set(node, config);
+    registerDropZone(node, newType);
     var shadowElIdx = findShadowElementIdx(config.items);
     for (var idx = 0; idx < node.children.length; idx++) {
       var draggableEl = node.children[idx];

package/package.json

@@ -43,7 +43,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.25",
+    "version": "0.9.27",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/isaacHagoel/svelte-dnd-action.git"

package/src/pointerAction.js

@@ -73,6 +73,10 @@ function registerDropZone(dropZoneEl, type) {
     if (!typeToDropZones.get(type).has(dropZoneEl)) {
         typeToDropZones.get(type).add(dropZoneEl);
         incrementActiveDropZoneCount();
+        if (isWorkingOnPreviousDrag) {
+            unWatchDraggedElement();
+            watchDraggedElement();
+        }
     }
 }
 function unregisterDropZone(dropZoneEl, type) {
@@ -458,7 +462,6 @@ export function dndzone(node, options) {
             unregisterDropZone(node, config.type);
         }
         config.type = newType;
-        registerDropZone(node, newType);
         config.items = [...items];
         config.dragDisabled = dragDisabled;
         config.morphDisabled = morphDisabled;
@@ -509,6 +512,7 @@ export function dndzone(node, options) {
         config.dropFromOthersDisabled = dropFromOthersDisabled;
 
         dzToConfig.set(node, config);
+        registerDropZone(node, newType);
         const shadowElIdx = findShadowElementIdx(config.items);
         for (let idx = 0; idx < node.children.length; idx++) {
             const draggableEl = node.children[idx];