123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- var __extends = (this && this.__extends) || (function () {
- var extendStatics = Object.setPrototypeOf ||
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
- return function (d, b) {
- extendStatics(d, b);
- function __() { this.constructor = d; }
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
- };
- })();
- (function (factory) {
- if (typeof module === "object" && typeof module.exports === "object") {
- var v = factory(require, exports);
- if (v !== undefined) module.exports = v;
- }
- else if (typeof define === "function" && define.amd) {
- define(["require", "exports", "./pan-gesture", "../util/util", "../util/dom"], factory);
- }
- })(function (require, exports) {
- "use strict";
- Object.defineProperty(exports, "__esModule", { value: true });
- var pan_gesture_1 = require("./pan-gesture");
- var util_1 = require("../util/util");
- var dom_1 = require("../util/dom");
- /**
- * @hidden
- */
- var SlideGesture = (function (_super) {
- __extends(SlideGesture, _super);
- function SlideGesture(plt, element, opts) {
- if (opts === void 0) { opts = {}; }
- var _this = _super.call(this, plt, element, opts) || this;
- _this.slide = null;
- return _this;
- }
- /*
- * Get the min and max for the slide. pageX/pageY.
- * Only called on dragstart.
- */
- SlideGesture.prototype.getSlideBoundaries = function (_slide, _ev) {
- return {
- min: 0,
- max: this.getNativeElement().offsetWidth
- };
- };
- /*
- * Get the element's pos when the drag starts.
- * For example, an open side menu starts at 100% and a closed
- * sidemenu starts at 0%.
- */
- SlideGesture.prototype.getElementStartPos = function (_slide, _ev) {
- return 0;
- };
- SlideGesture.prototype.onDragStart = function (ev) {
- this.onSlideBeforeStart(ev);
- var coord = dom_1.pointerCoord(ev);
- var pos = coord[this.direction];
- this.slide = {
- min: 0,
- max: 0,
- pointerStartPos: pos,
- pos: pos,
- timestamp: Date.now(),
- elementStartPos: 0,
- started: true,
- delta: 0,
- distance: 0,
- velocity: 0,
- };
- // TODO: we should run this in the next frame
- var _a = this.getSlideBoundaries(this.slide, ev), min = _a.min, max = _a.max;
- this.slide.min = min;
- this.slide.max = max;
- this.slide.elementStartPos = this.getElementStartPos(this.slide, ev);
- this.onSlideStart(this.slide, ev);
- };
- SlideGesture.prototype.onDragMove = function (ev) {
- var slide = this.slide;
- (void 0) /* assert */;
- var coord = dom_1.pointerCoord(ev);
- var newPos = coord[this.direction];
- var newTimestamp = Date.now();
- var velocity = (this.plt.isRTL ? (slide.pos - newPos) : (newPos - slide.pos)) / (newTimestamp - slide.timestamp);
- slide.pos = newPos;
- slide.timestamp = newTimestamp;
- slide.distance = util_1.clamp(slide.min, (this.plt.isRTL ? slide.pointerStartPos - newPos : newPos - slide.pointerStartPos) + slide.elementStartPos, slide.max);
- slide.velocity = velocity;
- slide.delta = (this.plt.isRTL ? slide.pointerStartPos - newPos : newPos - slide.pointerStartPos);
- this.onSlide(slide, ev);
- };
- SlideGesture.prototype.onDragEnd = function (ev) {
- this.onSlideEnd(this.slide, ev);
- this.slide = null;
- };
- SlideGesture.prototype.onSlideBeforeStart = function (_ev) { };
- SlideGesture.prototype.onSlideStart = function (_slide, _ev) { };
- SlideGesture.prototype.onSlide = function (_slide, _ev) { };
- SlideGesture.prototype.onSlideEnd = function (_slide, _ev) { };
- return SlideGesture;
- }(pan_gesture_1.PanGesture));
- exports.SlideGesture = SlideGesture;
- });
- //# sourceMappingURL=slide-gesture.js.map
|