Maybe that should be renamed `horizontalThreshold` throughout? Or better yet...

```js
...
threshold: { 
  x: window.innerWidth / 4,
  y: 50
},
....

// And then later:

if (Math.abs(data.dx) < this.threshold.x || Math.abs(data.dy) < this.threshold.y) { 
  ...
}
```