@dnd-kit/abstract 0.1.2 → 0.1.3-beta-20250425132330

package/index.d.cts

@@ -918,6 +918,7 @@ declare class Droppable<T extends Data = Data, U extends DragDropManager<any, an
  * @template V - The type of drag and drop manager
  */
 declare class DragActions<T extends Draggable, U extends Droppable, V extends DragDropManager<T, U>> {
+    #private;
     private readonly manager;
     /**
      * Creates a new instance of drag actions.

package/index.d.ts

@@ -918,6 +918,7 @@ declare class Droppable<T extends Data = Data, U extends DragDropManager<any, an
  * @template V - The type of drag and drop manager
  */
 declare class DragActions<T extends Draggable, U extends Droppable, V extends DragDropManager<T, U>> {
+    #private;
     private readonly manager;
     /**
      * Creates a new instance of drag actions.

package/index.js

@@ -634,6 +634,7 @@ __decorateElement(_init2, 2, "dropped", _dropped_dec, Status);
 __decoratorMetadata(_init2, Status);
 
 // src/core/manager/actions.ts
+var _animationFrame;
 var DragActions = class {
   /**
    * Creates a new instance of drag actions.
@@ -642,6 +643,7 @@ var DragActions = class {
    */
   constructor(manager) {
     this.manager = manager;
+    __privateAdd(this, _animationFrame);
   }
   /**
    * Sets the source of the drag operation.
@@ -717,15 +719,18 @@ var DragActions = class {
         return false;
       }
       this.manager.renderer.rendering.then(() => {
-        dragOperation.status.set("initializing" /* Initializing */);
-        requestAnimationFrame(() => {
+        const { status } = dragOperation;
+        if (status.current !== "initialization-pending" /* InitializationPending */) return;
+        status.set("initializing" /* Initializing */);
+        __privateSet(this, _animationFrame, requestAnimationFrame(() => {
+          if (status.current !== "initializing" /* Initializing */) return;
           dragOperation.status.set("dragging" /* Dragging */);
           this.manager.monitor.dispatch("dragstart", {
             nativeEvent,
             operation: dragOperation.snapshot(),
             cancelable: false
           });
-        });
+        }));
       });
       return true;
     });
@@ -802,6 +807,7 @@ var DragActions = class {
         });
         return output;
       };
+      if (__privateGet(this, _animationFrame)) cancelAnimationFrame(__privateGet(this, _animationFrame));
       const end = () => {
         this.manager.renderer.rendering.then(() => {
           dragOperation.status.set("dropped" /* Dropped */);
@@ -843,6 +849,7 @@ var DragActions = class {
     });
   }
 };
+_animationFrame = new WeakMap();
 var _disabled_dec2, _data_dec, _id_dec, _manager_dec, _init3, _manager, _id, _data, _disabled2;
 _manager_dec = [reactive], _id_dec = [reactive], _data_dec = [reactive], _disabled_dec2 = [reactive];
 var Entity = class {