123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 |
- 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 __());
- };
- })();
- import { GESTURE_ITEM_SWIPE, GESTURE_PRIORITY_SLIDING_ITEM } from '../../gestures/gesture-controller';
- import { PanGesture } from '../../gestures/pan-gesture';
- import { pointerCoord } from '../../util/dom';
- /**
- * @hidden
- */
- var ItemSlidingGesture = (function (_super) {
- __extends(ItemSlidingGesture, _super);
- function ItemSlidingGesture(plt, list, gestureCtrl, domCtrl) {
- var _this = _super.call(this, plt, list.getNativeElement(), {
- maxAngle: 20,
- threshold: 5,
- zone: false,
- domController: domCtrl,
- gesture: gestureCtrl.createGesture({
- name: GESTURE_ITEM_SWIPE,
- priority: GESTURE_PRIORITY_SLIDING_ITEM,
- disableScroll: true
- })
- }) || this;
- _this.list = list;
- _this.preSelectedContainer = null;
- _this.selectedContainer = null;
- _this.openContainer = null;
- return _this;
- }
- ItemSlidingGesture.prototype.canStart = function (ev) {
- if (this.selectedContainer) {
- return false;
- }
- // Get swiped sliding container
- var container = getContainer(ev);
- if (!container) {
- this.closeOpened();
- return false;
- }
- // Close open container if it is not the selected one.
- if (container !== this.openContainer) {
- this.closeOpened();
- }
- var coord = pointerCoord(ev);
- this.preSelectedContainer = container;
- this.firstCoordX = coord.x;
- this.firstTimestamp = Date.now();
- return true;
- };
- ItemSlidingGesture.prototype.onDragStart = function (ev) {
- ev.preventDefault();
- var coord = pointerCoord(ev);
- this.selectedContainer = this.openContainer = this.preSelectedContainer;
- this.selectedContainer.startSliding(coord.x);
- };
- ItemSlidingGesture.prototype.onDragMove = function (ev) {
- ev.preventDefault();
- this.selectedContainer.moveSliding(pointerCoord(ev).x);
- };
- ItemSlidingGesture.prototype.onDragEnd = function (ev) {
- ev.preventDefault();
- var coordX = pointerCoord(ev).x;
- var deltaX = (coordX - this.firstCoordX);
- var deltaT = (Date.now() - this.firstTimestamp);
- this.selectedContainer.endSliding(deltaX / deltaT);
- this.selectedContainer = null;
- this.preSelectedContainer = null;
- };
- ItemSlidingGesture.prototype.notCaptured = function (ev) {
- if (!clickedOptionButton(ev)) {
- this.closeOpened();
- }
- };
- ItemSlidingGesture.prototype.closeOpened = function () {
- this.selectedContainer = null;
- if (this.openContainer) {
- this.openContainer.close();
- this.openContainer = null;
- return true;
- }
- return false;
- };
- ItemSlidingGesture.prototype.destroy = function () {
- _super.prototype.destroy.call(this);
- this.closeOpened();
- this.list = null;
- this.preSelectedContainer = null;
- this.selectedContainer = null;
- this.openContainer = null;
- };
- return ItemSlidingGesture;
- }(PanGesture));
- export { ItemSlidingGesture };
- function getContainer(ev) {
- var ele = ev.target.closest('ion-item-sliding');
- if (ele) {
- return ele['$ionComponent'];
- }
- return null;
- }
- function clickedOptionButton(ev) {
- var ele = ev.target.closest('ion-item-options>button');
- return !!ele;
- }
- //# sourceMappingURL=item-sliding-gesture.js.map
|