fix: Replace hammerjs with ember-gesture-modifiers, fixes #138 (#139)

* WIP Attempt to fix #138 Replace hammerjs with ember-gesture-modifiers

* fix: move gestures devdep to dependencies

* fix: toggle direction for pan

* chore: test prerelease of pointer events

* fix: enabble pointer events

* chore: update pan in tests and remove jquery

* fix: bump gestures version

* chore: remove console log

Co-authored-by: Ilya Radchenko <knownasilya@gmail.com>

.gitignore

@@ -27,3 +27,5 @@
 # IDE project files
 /.idea/
 /*.iml
+/.vscode/
+/.history/

addon/components/x-toggle-switch/component.js

@@ -24,22 +24,14 @@ export default class XToggleSwitch extends Component {
   }
 
   @action
-  handlePanRight() {
+  handlePan(touchData) {
     if (this.disabled) {
       return;
     }
 
-    this.sendToggle(true);
-    this._disableLabelUntilMouseUp();
-  }
-
-  @action
-  handlePanLeft() {
-    if (this.disabled) {
-      return;
-    }
+    const isToggled = touchData.current.distanceX > 0;
 
-    this.sendToggle(false);
+    this.sendToggle(isToggled);
     this._disableLabelUntilMouseUp();
   }
 

addon/components/x-toggle-switch/template.hbs

@@ -5,9 +5,11 @@
     {{if @value 'x-toggle-container-checked'}}
   "
   ...attributes
-  {{recognize-gesture 'pan'}}
-  {{on 'panleft' this.handlePanLeft}}
-  {{on 'panright' this.handlePanRight}}
+  {{did-pan
+    onPanStart=this.handlePan
+    onPan=this.handlePan
+    pointerTypes=(array 'touch' 'mouse')
+  }}
 >
   <input
     class='x-toggle'