1 line
5.3 KiB
JavaScript
1 line
5.3 KiB
JavaScript
|
import dom from"./../dom.js";export default class TinyGesture{constructor(element,options){this.element=element,this.touchStartX=null,this.touchStartY=null,this.touchEndX=null,this.touchEndY=null,this.touchMoveX=null,this.touchMoveY=null,this.velocityX=null,this.velocityY=null,this.longPressTimer=null,this.doubleTapTimer=null,this.doubleTapWaiting=!1,this.thresholdX=0,this.thresholdY=0,this.disregardVelocityThresholdX=0,this.disregardVelocityThresholdY=0,this.swipingHorizontal=!1,this.swipingVertical=!1,this.swipingDirection=null,this.swipedHorizontal=!1,this.swipedVertical=!1,this.handlers={touchstart:[],panstart:[],panmove:[],panend:[],swipeleft:[],swiperight:[],swipeup:[],swipedown:[],tap:[],doubletap:[],longpress:[]},this._onTouchStart=this.onTouchStart.bind(this),this._onTouchMove=this.onTouchMove.bind(this),this._onTouchEnd=this.onTouchEnd.bind(this),this.opts=Object.assign({},TinyGesture.defaults,options),dom.addEventListener(this.element,"touchstart",this._onTouchStart,{passive:!0}),this.element.addEventListener("touchmove",this._onTouchMove),dom.addEventListener(this.element,"touchend",this._onTouchEnd,{passive:!0})}destroy(){var _a;dom.removeEventListener(this.element,"touchstart",this._onTouchStart,{passive:!0}),this.element.removeEventListener("touchmove",this._onTouchMove),dom.removeEventListener(this.element,"touchend",this._onTouchEnd,{passive:!0}),clearTimeout(null!=(_a=this.longPressTimer)?_a:void 0),clearTimeout(null!=(_a=this.doubleTapTimer)?_a:void 0)}on(type,fn){if(this.handlers[type])return this.handlers[type].push(fn),{type:type,fn:fn,cancel:()=>this.off(type,fn)}}off(type,fn){this.handlers[type]&&-1!==(fn=this.handlers[type].indexOf(fn))&&this.handlers[type].splice(fn,1)}fire(type,event){for(let i=0;i<this.handlers[type].length;i++)this.handlers[type][i](event)}onTouchStart(event){this.fire("touchstart",event),this.thresholdX=this.opts.threshold("x",this),this.thresholdY=this.opts.threshold("y",this),this.disregardVelocityThresholdX=this.opts.disregardVelocityThreshold("x",this),this.disregardVelocityThresholdY=this.opts.disregardVelocityThreshold("y",this),this.touchStartX=("mousedown"===event.type?event:event.changedTouches[0]).screenX,this.touchStartY=("mousedown"===event.type?event:event.changedTouches[0]).screenY,this.touchMoveX=null,this.touchMoveY=null,this.touchEndX=null,this.touchEndY=null,this.swipingDirection=null,this.longPressTimer=setTimeout(()=>this.fire("longpress",event),this.opts.longPressTime),this.fire("panstart",event)}onTouchMove(event){var _b,_a;("mousemove"!==event.type||this.touchStartX&&null===this.touchEndX)&&(_a=("mousemove"===event.type?event:event.changedTouches[0]).screenX-(null!=(_a=this.touchStartX)?_a:0),this.velocityX=_a-(null!=(_b=this.touchMoveX)?_b:0),this.touchMoveX=_a,_a=("mousemove"===event.type?event:event.changedTouches[0]).screenY-(null!=(_b=this.touchStartY)?_b:0),this.velocityY=_a-(null!=(_b=this.touchMoveY)?_b:0),this.touchMoveY=_a,_b=Math.abs(this.touchMoveX),_a=Math.abs(this.touchMoveY),this.swipingHorizontal=_b>this.thresholdX,this.swipingVertical=_a>this.thresholdY,this.swipingDirection=_a<_b?this.swipingHorizontal?"horizontal":"pre-horizontal":this.swipingVertical?"vertical":"pre-vertical",Math.max(_b,_a)>this.opts.pressThreshold&&clearTimeout(null!=(_b=this.longPressTimer)?_b:void 0),this.fire("panmove",event))}onTouchEnd(event){var _d,_a,absX,_c,absY;("mouseup"!==event.type||this.touchStartX&&null===this.touchEndX)&&(this.touchEndX=("mouseup"===event.type?event:event.changedTouches[0]).screenX,this.touchEndY=("mouseup"===event.type?event:event.changedTouches[0]).screenY,this.fire("panend",event),clearTimeout(null!=(_a=this.longPressTimer)?_a:void 0),_a=this.touchEndX-(null!=(_a=this.touchStartX)?_a:0),absX=Math.abs(_a),_c=this.touchEndY-(null!=(_c=this.touchStartY)?_c:0),absY=Math.abs(_c),absX>this.thresholdX||absY>this.thresholdY?(this.swipedHorizontal=this.opts.diagonalSwipes?Math.abs(_a/_c)<=this.opts.diagonalLimit:absY<=absX&&absX>this.thresholdX,this.swipedVertical=this.opts.diagonalSwipes?Math.abs(_c/_a)<=this.opts.diagonalLimit:absX<abs
|