fix: make extractTouchEventData a free function

Author: aminya

lib/minimap-element.js

@@ -512,7 +512,7 @@ class MinimapElement {
         this.getFrontCanvas(),
         {
           mousedown: (e) => { this.canvasPressed(extractMouseEventData(e)) },
-          touchstart: (e) => { this.canvasPressed(this.extractTouchEventData(e)) }
+          touchstart: (e) => { this.canvasPressed(extractTouchEventData(e)) }
         },
         { passive: true }
       )
@@ -533,7 +533,7 @@ class MinimapElement {
     this.appendChild(this.visibleArea)
     this.visibleAreaSubscription = this.subscribeTo(this.visibleArea, {
       mousedown: (e) => { this.startDrag(extractMouseEventData(e)) },
-      touchstart: (e) => { this.startDrag(this.extractTouchEventData(e)) }
+      touchstart: (e) => { this.startDrag(extractTouchEventData(e)) }
     }, { passive: true })
 
     this.subscriptions.add(this.visibleAreaSubscription)
@@ -1139,29 +1139,6 @@ class MinimapElement {
     this.minimap.setTextEditorScrollTop(ratio * this.minimap.getTextEditorMaxScrollTop())
   }
 
-  /**
-   * A method that extracts data from a `TouchEvent` which can then be used to
-   * process clicks and drags of the minimap.
-   *
-   * Used together with `extractMouseEventData` to provide a unified interface
-   * for `MouseEvent`s and `TouchEvent`s.
-   *
-   * @param  {TouchEvent} touchEvent the touch event object
-   * @access private
-   */
-  extractTouchEventData (touchEvent) {
-    // Use the first touch on the target area. Other touches will be ignored in
-    // case of multi-touch.
-    const touch = touchEvent.changedTouches[0]
-
-    return {
-      x: touch.pageX,
-      y: touch.pageY,
-      isLeftMouse: true, // Touch is treated like a left mouse button click
-      isMiddleMouse: false
-    }
-  }
-
   /**
    * Subscribes to a media query for device pixel ratio changes and forces
    * a repaint when it occurs.
@@ -1211,7 +1188,7 @@ class MinimapElement {
     const mousemoveHandler = (e) => this.drag(extractMouseEventData(e), initial)
     const mouseupHandler = (e) => this.endDrag()
 
-    const touchmoveHandler = (e) => this.drag(this.extractTouchEventData(e), initial)
+    const touchmoveHandler = (e) => this.drag(extractTouchEventData(e), initial)
     const touchendHandler = (e) => this.endDrag()
 
     document.body.addEventListener('mousemove', mousemoveHandler, { passive: true })
@@ -1296,6 +1273,29 @@ function extractMouseEventData (mouseEvent) {
   }
 }
 
+/**
+ * A method that extracts data from a `TouchEvent` which can then be used to
+ * process clicks and drags of the minimap.
+ *
+ * Used together with `extractMouseEventData` to provide a unified interface
+ * for `MouseEvent`s and `TouchEvent`s.
+ *
+ * @param  {TouchEvent} touchEvent the touch event object
+ * @access private
+ */
+function extractTouchEventData (touchEvent) {
+  // Use the first touch on the target area. Other touches will be ignored in
+  // case of multi-touch.
+  const touch = touchEvent.changedTouches[0]
+
+  return {
+    x: touch.pageX,
+    y: touch.pageY,
+    isLeftMouse: true, // Touch is treated like a left mouse button click
+    isMiddleMouse: false
+  }
+}
+
 //     ######   ######   ######
 //    ##    ## ##    ## ##    ##
 //    ##       ##       ##