svelte-dnd-action - npm Package Compare versions

Comparing version 0.9.50 to 0.9.51

dist/index.d.ts

@@ -61,2 +61,3 @@ import type {ActionReturn} from "svelte/action";
     centreDraggedOnCursor?: boolean;
+    dropAnimationDisabled?: boolean;
 }
@@ -63,0 +64,0 @@

package.json

 {
     "name": "svelte-dnd-action",
     "description": "*An awesome drag and drop library for Svelte 3 and 4 (not using the browser's built-in dnd, thanks god): Rich animations, nested containers, touch support and more *",
-    "version": "0.9.50",
+    "version": "0.9.51",
     "repository": {
@@ -50,3 +50,3 @@ "type": "git",
         "prettier": "^2.1.2",
-        "rollup": "^1.20.0",
+        "rollup": "^2.79.2",
         "rollup-plugin-babel": "^4.3.2",
@@ -53,0 +53,0 @@ "rollup-plugin-copy": "^3.3.0"

README.md

@@ -121,2 +121,3 @@ # SVELTE DND ACTION [![Known Vulnerabilities](https://snyk.io/test/github/isaacHagoel/svelte-dnd-action/badge.svg?targetFile=package.json)](https://snyk.io/test/github/isaacHagoel/svelte-dnd-action?targetFile=package.json)
 | `centreDraggedOnCursor` | Boolean | No | `false` | Setting it to true will cause elements from this dnd-zone to position their center on the cursor on drag start, effectively turning the cursor to the focal point that triggers all the dnd events (ex: entering another zone). Useful for dnd-zones with large items that can be dragged over small items. |
+| `dropAnimationDisabled` | Boolean | No | `false` | Setting it to true will disable the animation of the dropped element to its final place. |
 
@@ -123,0 +124,0 @@ ##### Output:

src/action.js

@@ -23,2 +23,3 @@ import {dndzone as pointerDndZone} from "./pointerAction";
  * @property {string[]} [dropTargetClasses]
+ * @property {boolean} [dropAnimationDisabled] - cancels the drop animation to place
  * @property {function} [transformDraggedElement]
@@ -78,2 +79,3 @@ * @param {HTMLElement} node - the element to enhance
         centreDraggedOnCursor,
+        dropAnimationDisabled,
         ...rest
@@ -80,0 +82,0 @@ } = options;

src/pointerAction.js

@@ -274,3 +274,7 @@ import {
     }
-    animateDraggedToFinalPosition(shadowElIdx, finalizeWithinZone);
+    if (dzToConfig.get(shadowElDropZone).dropAnimationDisabled) {
+        finalizeWithinZone();
+    } else {
+        animateDraggedToFinalPosition(shadowElIdx, finalizeWithinZone);
+    }
 }
@@ -340,3 +344,4 @@
         transformDraggedElement: () => {},
-        centreDraggedOnCursor: false
+        centreDraggedOnCursor: false,
+        dropAnimationDisabled: false
     };
@@ -473,3 +478,4 @@ printDebug(() => [`dndzone good to go options: ${toString(options)}, config: ${toString(config)}`, {node}]);
         transformDraggedElement = () => {},
-        centreDraggedOnCursor = false
+        centreDraggedOnCursor = false,
+        dropAnimationDisabled = false
     }) {
@@ -486,2 +492,3 @@ config.dropAnimationDurationMs = dropAnimationDurationMs;
         config.centreDraggedOnCursor = centreDraggedOnCursor;
+        config.dropAnimationDisabled = dropAnimationDisabled;
 
@@ -488,0 +495,0 @@ // realtime update for dropTargetStyle

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

322200

increased by0.41%

Lines of code

7438

increased by0.42%

Number of lines in readme file

476

increased by0.21%

No dependency changes