Update dragdrop and its tests to use pointer events

packages/dragdrop/package.json

@@ -59,7 +59,6 @@
     "chai": "^4.3.4",
     "css-loader": "^3.4.0",
     "downlevel-dts": "^0.4.0",
-    "es6-promise": "^4.0.5",
     "karma": "^6.3.4",
     "karma-chrome-launcher": "^3.1.0",
     "karma-firefox-launcher": "^2.1.1",
@@ -72,7 +71,6 @@
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-postcss": "^4.0.0",
     "rollup-plugin-sourcemaps": "^0.6.3",
-    "simulate-event": "^1.4.0",
     "style-loader": "^1.0.2",
     "terser": "^5.7.1",
     "tslib": "^2.3.0",

packages/dragdrop/src/index.ts

@@ -264,10 +264,10 @@ export class Drag implements IDisposable {
   handleEvent(event: Event): void {
     switch (event.type) {
       case 'pointermove':
-        this._evtMouseMove(event as MouseEvent);
+        this._evtPointerMove(event as PointerEvent);
         break;
       case 'pointerup':
-        this._evtMouseUp(event as MouseEvent);
+        this._evtPointerUp(event as PointerEvent);
         break;
       case 'keydown':
         this._evtKeyDown(event as KeyboardEvent);
@@ -295,9 +295,9 @@ export class Drag implements IDisposable {
   }
 
   /**
-   * Handle the `'mousemove'` event for the drag object.
+   * Handle the `'pointermove'` event for the drag object.
    */
-  private _evtMouseMove(event: MouseEvent): void {
+  private _evtPointerMove(event: PointerEvent): void {
     // Stop all input events during drag-drop.
     event.preventDefault();
     event.stopPropagation();
@@ -314,9 +314,9 @@ export class Drag implements IDisposable {
   }
 
   /**
-   * Handle the `'mouseup'` event for the drag object.
+   * Handle the `'pointerup'` event for the drag object.
    */
-  private _evtMouseUp(event: MouseEvent): void {
+  private _evtPointerUp(event: PointerEvent): void {
     // Stop all input events during drag-drop.
     event.preventDefault();
     event.stopPropagation();