@dnd-kit/dom 0.1.21 → 0.2.0-beta-20251026132120

package/index.cjs

@@ -1527,6 +1527,93 @@ var KeyboardSensor = _KeyboardSensor;
 function isKeycode(event, codes) {
   return codes.includes(event.code);
 }
+var _coordinates;
+var DistanceConstraint = class extends abstract.ActivationConstraint {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _coordinates);
+  }
+  onEvent(event) {
+    switch (event.type) {
+      case "pointerdown":
+        __privateSet(this, _coordinates, utilities.getEventCoordinates(event));
+        break;
+      case "pointermove":
+        if (!__privateGet(this, _coordinates)) return;
+        const { x, y } = utilities.getEventCoordinates(event);
+        const delta = {
+          x: x - __privateGet(this, _coordinates).x,
+          y: y - __privateGet(this, _coordinates).y
+        };
+        const { tolerance } = this.options;
+        if (tolerance && geometry.exceedsDistance(delta, tolerance)) {
+          this.abort();
+          return;
+        }
+        if (geometry.exceedsDistance(delta, this.options.value)) {
+          this.activate(event);
+        }
+        break;
+      case "pointerup":
+        this.abort();
+        break;
+    }
+  }
+  abort() {
+    __privateSet(this, _coordinates, void 0);
+  }
+};
+_coordinates = new WeakMap();
+var _timeout2, _coordinates2;
+var DelayConstraint = class extends abstract.ActivationConstraint {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _timeout2);
+    __privateAdd(this, _coordinates2);
+  }
+  onEvent(event) {
+    switch (event.type) {
+      case "pointerdown":
+        __privateSet(this, _coordinates2, utilities.getEventCoordinates(event));
+        __privateSet(this, _timeout2, setTimeout(
+          () => this.activate(event),
+          this.options.value
+        ));
+        break;
+      case "pointermove":
+        if (!__privateGet(this, _coordinates2)) return;
+        const { x, y } = utilities.getEventCoordinates(event);
+        const delta = {
+          x: x - __privateGet(this, _coordinates2).x,
+          y: y - __privateGet(this, _coordinates2).y
+        };
+        if (geometry.exceedsDistance(delta, this.options.tolerance)) {
+          this.abort();
+        }
+        break;
+      case "pointerup":
+        this.abort();
+        break;
+    }
+  }
+  abort() {
+    if (__privateGet(this, _timeout2)) {
+      clearTimeout(__privateGet(this, _timeout2));
+      __privateSet(this, _coordinates2, void 0);
+      __privateSet(this, _timeout2, void 0);
+    }
+  }
+};
+_timeout2 = new WeakMap();
+_coordinates2 = new WeakMap();
+
+// src/core/sensors/pointer/PointerActivationConstraints.ts
+var PointerActivationConstraints = class {
+};
+PointerActivationConstraints.Delay = DelayConstraint;
+PointerActivationConstraints.Distance = DistanceConstraint;
+
+// src/core/sensors/pointer/PointerSensor.ts
 var defaults2 = Object.freeze({
   activationConstraints(event, source) {
     var _a4;
@@ -1535,29 +1622,28 @@ var defaults2 = Object.freeze({
       return void 0;
     }
     if (pointerType === "touch") {
-      return {
-        delay: { value: 250, tolerance: 5 }
-      };
+      return [
+        new PointerActivationConstraints.Delay({ value: 250, tolerance: 5 })
+      ];
     }
     if (utilities.isTextInput(target) && !event.defaultPrevented) {
-      return {
-        delay: { value: 200, tolerance: 0 }
-      };
+      return [
+        new PointerActivationConstraints.Delay({ value: 200, tolerance: 0 })
+      ];
     }
-    return {
-      delay: { value: 200, tolerance: 10 },
-      distance: { value: 5 }
-    };
+    return [
+      new PointerActivationConstraints.Delay({ value: 200, tolerance: 10 }),
+      new PointerActivationConstraints.Distance({ value: 5 })
+    ];
   }
 });
-var _cleanup, _clearTimeout;
+var _cleanup;
 var _PointerSensor = class _PointerSensor extends abstract.Sensor {
   constructor(manager, options) {
     super(manager);
     this.manager = manager;
     this.options = options;
     __privateAdd(this, _cleanup, /* @__PURE__ */ new Set());
-    __privateAdd(this, _clearTimeout);
     this.listeners = new utilities.Listeners();
     this.latest = {
       event: void 0,
@@ -1614,29 +1700,22 @@ var _PointerSensor = class _PointerSensor extends abstract.Sensor {
     const { target } = event;
     const isNativeDraggable = utilities.isHTMLElement(target) && target.draggable && target.getAttribute("draggable") === "true";
     const offset = utilities.getFrameTransform(source.element);
+    const { x, y } = utilities.getEventCoordinates(event);
     this.initialCoordinates = {
-      x: event.clientX * offset.scaleX + offset.x,
-      y: event.clientY * offset.scaleY + offset.y
+      x: x * offset.scaleX + offset.x,
+      y: y * offset.scaleY + offset.y
     };
     const constraints = this.activationConstraints(event, source);
     event.sensor = this;
-    if (!(constraints == null ? void 0 : constraints.delay) && !(constraints == null ? void 0 : constraints.distance)) {
-      this.handleStart(source, event);
-    } else {
-      const { delay } = constraints;
-      if (delay) {
-        const timeout = setTimeout(
-          () => this.handleStart(source, event),
-          delay.value
-        );
-        __privateSet(this, _clearTimeout, () => {
-          clearTimeout(timeout);
-          __privateSet(this, _clearTimeout, void 0);
-        });
-      }
-    }
-    const ownerDocument = utilities.getDocument(event.target);
-    const unbindListeners = this.listeners.bind(ownerDocument, [
+    const controller = new abstract.ActivationController(
+      constraints,
+      (event2) => this.handleStart(source, event2)
+    );
+    controller.signal.onabort = () => this.handleCancel(event);
+    controller.onEvent(event);
+    this.controller = controller;
+    const documents = utilities.getDocuments();
+    const unbindListeners = this.listeners.bind(documents, [
       {
         type: "pointermove",
         listener: (event2) => this.handlePointerMove(event2, source)
@@ -1658,50 +1737,27 @@ var _PointerSensor = class _PointerSensor extends abstract.Sensor {
       }
     ]);
     const cleanup = () => {
-      var _a4;
       unbindListeners();
-      (_a4 = __privateGet(this, _clearTimeout)) == null ? void 0 : _a4.call(this);
       this.initialCoordinates = void 0;
     };
     __privateGet(this, _cleanup).add(cleanup);
   }
   handlePointerMove(event, source) {
-    const coordinates = {
-      x: event.clientX,
-      y: event.clientY
-    };
-    const offset = utilities.getFrameTransform(source.element);
-    coordinates.x = coordinates.x * offset.scaleX + offset.x;
-    coordinates.y = coordinates.y * offset.scaleY + offset.y;
+    var _a4, _b2;
+    if (((_a4 = this.controller) == null ? void 0 : _a4.activated) === false) {
+      (_b2 = this.controller) == null ? void 0 : _b2.onEvent(event);
+      return;
+    }
     if (this.manager.dragOperation.status.dragging) {
+      const coordinates = utilities.getEventCoordinates(event);
+      const offset = utilities.getFrameTransform(source.element);
+      coordinates.x = coordinates.x * offset.scaleX + offset.x;
+      coordinates.y = coordinates.y * offset.scaleY + offset.y;
       event.preventDefault();
       event.stopPropagation();
       this.latest.event = event;
       this.latest.coordinates = coordinates;
       utilities.scheduler.schedule(this.handleMove);
-      return;
-    }
-    if (!this.initialCoordinates) {
-      return;
-    }
-    const delta = {
-      x: coordinates.x - this.initialCoordinates.x,
-      y: coordinates.y - this.initialCoordinates.y
-    };
-    const constraints = this.activationConstraints(event, source);
-    const { distance, delay } = constraints != null ? constraints : {};
-    if (distance) {
-      if (distance.tolerance != null && geometry.exceedsDistance(delta, distance.tolerance)) {
-        return this.handleCancel(event);
-      }
-      if (geometry.exceedsDistance(delta, distance.value)) {
-        return this.handleStart(source, event);
-      }
-    }
-    if (delay) {
-      if (geometry.exceedsDistance(delta, delay.tolerance)) {
-        return this.handleCancel(event);
-      }
     }
   }
   handlePointerUp(event) {
@@ -1721,9 +1777,7 @@ var _PointerSensor = class _PointerSensor extends abstract.Sensor {
     }
   }
   handleStart(source, event) {
-    var _a4;
     const { manager, initialCoordinates } = this;
-    (_a4 = __privateGet(this, _clearTimeout)) == null ? void 0 : _a4.call(this);
     if (!initialCoordinates || !manager.dragOperation.status.idle) {
       return;
     }
@@ -1740,7 +1794,8 @@ var _PointerSensor = class _PointerSensor extends abstract.Sensor {
     const ownerDocument = utilities.getDocument(event.target);
     const pointerCaptureTarget = ownerDocument.body;
     pointerCaptureTarget.setPointerCapture(event.pointerId);
-    const unbind = this.listeners.bind(ownerDocument, [
+    const listenerTargets = utilities.isElement(event.target) ? [event.target, ownerDocument.body] : ownerDocument.body;
+    const unbind = this.listeners.bind(listenerTargets, [
       {
         // Prevent scrolling on touch devices
         type: "touchmove",
@@ -1761,13 +1816,6 @@ var _PointerSensor = class _PointerSensor extends abstract.Sensor {
       {
         type: "keydown",
         listener: this.handleKeyDown
-      },
-      {
-        type: "lostpointercapture",
-        listener: (event2) => {
-          if (event2.target !== pointerCaptureTarget) return;
-          this.handlePointerUp(event2);
-        }
       }
     ]);
     __privateGet(this, _cleanup).add(unbind);
@@ -1793,7 +1841,6 @@ var _PointerSensor = class _PointerSensor extends abstract.Sensor {
   }
 };
 _cleanup = new WeakMap();
-_clearTimeout = new WeakMap();
 _PointerSensor.configure = abstract.configurator(_PointerSensor);
 _PointerSensor.defaults = defaults2;
 var PointerSensor = _PointerSensor;
@@ -1982,6 +2029,7 @@ exports.Draggable = Draggable;
 exports.Droppable = Droppable;
 exports.Feedback = Feedback;
 exports.KeyboardSensor = KeyboardSensor;
+exports.PointerActivationConstraints = PointerActivationConstraints;
 exports.PointerSensor = PointerSensor;
 exports.PreventSelection = PreventSelection;
 exports.ScrollListener = ScrollListener;