ionic-angular
Version:
A powerful framework for building mobile and progressive web apps with JavaScript and Angular 2
75 lines • 2.48 kB
JavaScript
import { swipeShouldReset } from '../util/util';
import { GESTURE_GO_BACK_SWIPE } from '../gestures/gesture-controller';
import { SlideEdgeGesture } from '../gestures/slide-edge-gesture';
export class SwipeBackGesture extends SlideEdgeGesture {
/**
* @param {?} plt
* @param {?} _nav
* @param {?} gestureCtlr
* @param {?} domCtrl
*/
constructor(plt, _nav, gestureCtlr, domCtrl) {
super(plt, plt.doc().body, {
direction: 'x',
edge: 'left',
maxEdgeStart: 75,
threshold: 5,
zone: false,
domController: domCtrl,
gesture: gestureCtlr.createGesture({
name: GESTURE_GO_BACK_SWIPE,
priority: 20 /* GoBackSwipe */,
disableScroll: true
})
});
this._nav = _nav;
}
/**
* @param {?} ev
* @return {?}
*/
canStart(ev) {
// the gesture swipe angle must be mainly horizontal and the
// gesture distance would be relatively short for a swipe back
// and swipe back must be possible on this nav controller
return (this._nav.canSwipeBack() &&
super.canStart(ev));
}
/**
* @param {?} ev
* @return {?}
*/
onSlideBeforeStart(ev) {
this._nav.swipeBackStart();
}
/**
* @param {?} slide
* @param {?} ev
* @return {?}
*/
onSlide(slide, ev) {
ev.preventDefault();
ev.stopPropagation();
let /** @type {?} */ stepValue = (slide.distance / slide.max);
this._nav.swipeBackProgress(stepValue);
}
/**
* @param {?} slide
* @param {?} ev
* @return {?}
*/
onSlideEnd(slide, ev) {
const /** @type {?} */ velocity = slide.velocity;
const /** @type {?} */ currentStepValue = (slide.distance / slide.max);
const /** @type {?} */ isResetDirecction = velocity < 0;
const /** @type {?} */ isMovingFast = Math.abs(slide.velocity) > 0.4;
const /** @type {?} */ isInResetZone = Math.abs(slide.delta) < Math.abs(slide.max) * 0.5;
const /** @type {?} */ shouldComplete = !swipeShouldReset(isResetDirecction, isMovingFast, isInResetZone);
this._nav.swipeBackEnd(shouldComplete, currentStepValue, velocity);
}
}
function SwipeBackGesture_tsickle_Closure_declarations() {
/** @type {?} */
SwipeBackGesture.prototype._nav;
}
//# sourceMappingURL=swipe-back.js.map