ionic-angular
Version:
A powerful framework for building mobile and progressive web apps with JavaScript and Angular 2
328 lines • 12.1 kB
JavaScript
(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", '@angular/core', './activator', '../components/app/app', '../config/config', '../platform/dom-controller', '../gestures/gesture-controller', '../platform/platform', '../util/dom', './ripple', '../gestures/ui-event-manager'], factory);
}
})(function (require, exports) {
"use strict";
var core_1 = require('@angular/core');
var activator_1 = require('./activator');
var app_1 = require('../components/app/app');
var config_1 = require('../config/config');
var dom_controller_1 = require('../platform/dom-controller');
var gesture_controller_1 = require('../gestures/gesture-controller');
var platform_1 = require('../platform/platform');
var dom_1 = require('../util/dom');
var ripple_1 = require('./ripple');
var ui_event_manager_1 = require('../gestures/ui-event-manager');
var TapClick = (function () {
/**
* @param {?} config
* @param {?} plt
* @param {?} dom
* @param {?} app
* @param {?} zone
* @param {?} gestureCtrl
*/
function TapClick(config, plt, dom, app, zone, gestureCtrl) {
this.plt = plt;
this.app = app;
this.gestureCtrl = gestureCtrl;
this.disableClick = 0;
this.events = new ui_event_manager_1.UIEventManager(plt);
var activator = config.get('activator');
if (activator === 'ripple') {
this.activator = new ripple_1.RippleActivator(app, config, dom);
}
else if (activator === 'highlight') {
this.activator = new activator_1.Activator(app, config, dom);
}
this.usePolyfill = config.getBoolean('tapPolyfill');
(void 0) /* console.debug */;
var doc = plt.doc();
this.events.listen(doc, 'click', this.click.bind(this), { passive: false, capture: true });
this.pointerEvents = this.events.pointerEvents({
element: doc,
pointerDown: this.pointerStart.bind(this),
pointerMove: this.pointerMove.bind(this),
pointerUp: this.pointerEnd.bind(this),
passive: true
});
this.pointerEvents.mouseWait = DISABLE_NATIVE_CLICK_AMOUNT;
}
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.pointerStart = function (ev) {
if (this.startCoord) {
return false;
}
if (!this.app.isEnabled()) {
return false;
}
this.lastTouchEnd = 0;
this.dispatchClick = true;
if (this.plt.doc() === ev.target) {
this.startCoord = dom_1.pointerCoord(ev);
return true;
}
var /** @type {?} */ activatableEle = getActivatableTarget(ev.target);
if (!activatableEle) {
this.startCoord = null;
return false;
}
this.startCoord = dom_1.pointerCoord(ev);
this.activator && this.activator.downAction(ev, activatableEle, this.startCoord);
return true;
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.pointerMove = function (ev) {
if (this.startCoord && this.shouldCancelEvent(ev)) {
this.pointerCancel(ev);
}
};
/**
* @param {?} ev
* @param {?} type
* @return {?}
*/
TapClick.prototype.pointerEnd = function (ev, type) {
if (!this.dispatchClick)
return;
(void 0) /* runInDev */;
if (!this.startCoord) {
return;
}
if (this.activator && ev.target !== this.plt.doc()) {
var /** @type {?} */ activatableEle = getActivatableTarget(ev.target);
if (activatableEle) {
this.activator.upAction(ev, activatableEle, this.startCoord);
}
}
if (this.usePolyfill && type === 2 /* TOUCH */ && this.app.isEnabled()) {
this.handleTapPolyfill(ev);
}
this.startCoord = null;
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.pointerCancel = function (ev) {
(void 0) /* console.debug */;
this.startCoord = null;
this.dispatchClick = false;
this.activator && this.activator.clearState(false);
this.pointerEvents.stop();
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.shouldCancelEvent = function (ev) {
return (this.app.isScrolling() ||
this.gestureCtrl.isCaptured() ||
dom_1.hasPointerMoved(POINTER_TOLERANCE, this.startCoord, dom_1.pointerCoord(ev)));
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.click = function (ev) {
if (this.shouldCancelClick(ev)) {
ev.preventDefault();
ev.stopPropagation();
return;
}
if (this.activator && this.plt.doc() !== ev.target) {
// cool, a click is gonna happen, let's tell the activator
// so the element can get the given "active" style
var /** @type {?} */ activatableEle = getActivatableTarget(ev.target);
if (activatableEle) {
this.activator.clickAction(ev, activatableEle, this.startCoord);
}
}
(void 0) /* runInDev */;
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.shouldCancelClick = function (ev) {
if (this.usePolyfill) {
if (!ev.isIonicTap && this.isDisabledNativeClick()) {
(void 0) /* console.debug */;
return true;
}
}
else if (!this.dispatchClick) {
(void 0) /* console.debug */;
return true;
}
if (!this.app.isEnabled()) {
(void 0) /* console.debug */;
return true;
}
if (this.gestureCtrl.isCaptured()) {
(void 0) /* console.debug */;
return true;
}
return false;
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.profileClickDelay = function (ev) {
if (this.lastTouchEnd) {
var /** @type {?} */ diff = Date.now() - this.lastTouchEnd;
if (diff < 100) {
(void 0) /* console.debug */;
}
else {
console.warn("SLOW click dispatched. Delay(ms):", diff, ev);
}
this.lastTouchEnd = null;
}
else {
(void 0) /* console.debug */;
}
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.handleTapPolyfill = function (ev) {
(void 0) /* assert */;
// only dispatch mouse click events from a touchend event
// when tapPolyfill config is true, and the startCoordand endCoord
// are not too far off from each other
var /** @type {?} */ endCoord = dom_1.pointerCoord(ev);
if (dom_1.hasPointerMoved(POINTER_TOLERANCE, this.startCoord, endCoord)) {
(void 0) /* console.debug */;
return;
}
// prevent native mouse click events for XX amount of time
this.disableClick = Date.now() + DISABLE_NATIVE_CLICK_AMOUNT;
if (this.app.isScrolling()) {
// do not fire off a click event while the app was scrolling
(void 0) /* console.debug */;
}
else {
// dispatch a mouse click event
(void 0) /* console.debug */;
var /** @type {?} */ clickEvent = this.plt.doc().createEvent('MouseEvents');
clickEvent.initMouseEvent('click', true, true, this.plt.win(), 1, 0, 0, endCoord.x, endCoord.y, false, false, false, false, 0, null);
clickEvent.isIonicTap = true;
ev.target.dispatchEvent(clickEvent);
}
};
/**
* @return {?}
*/
TapClick.prototype.isDisabledNativeClick = function () {
return this.disableClick > Date.now();
};
TapClick.decorators = [
{ type: core_1.Injectable },
];
/** @nocollapse */
TapClick.ctorParameters = function () { return [
{ type: config_1.Config, },
{ type: platform_1.Platform, },
{ type: dom_controller_1.DomController, },
{ type: app_1.App, },
{ type: core_1.NgZone, },
{ type: gesture_controller_1.GestureController, },
]; };
return TapClick;
}());
exports.TapClick = TapClick;
function TapClick_tsickle_Closure_declarations() {
/** @type {?} */
TapClick.decorators;
/**
* @nocollapse
* @type {?}
*/
TapClick.ctorParameters;
/** @type {?} */
TapClick.prototype.disableClick;
/** @type {?} */
TapClick.prototype.usePolyfill;
/** @type {?} */
TapClick.prototype.activator;
/** @type {?} */
TapClick.prototype.startCoord;
/** @type {?} */
TapClick.prototype.events;
/** @type {?} */
TapClick.prototype.pointerEvents;
/** @type {?} */
TapClick.prototype.lastTouchEnd;
/** @type {?} */
TapClick.prototype.dispatchClick;
/** @type {?} */
TapClick.prototype.plt;
/** @type {?} */
TapClick.prototype.app;
/** @type {?} */
TapClick.prototype.gestureCtrl;
}
/**
* @param {?} ele
* @return {?}
*/
function getActivatableTarget(ele) {
var /** @type {?} */ targetEle = ele;
for (var /** @type {?} */ x = 0; x < 10; x++) {
if (!targetEle)
break;
if (exports.isActivatable(targetEle)) {
return targetEle;
}
targetEle = targetEle.parentElement;
}
return null;
}
/**
* @private
*/
exports.isActivatable = function (ele) {
if (ACTIVATABLE_ELEMENTS.indexOf(ele.tagName) > -1) {
return true;
}
for (var /** @type {?} */ i = 0, /** @type {?} */ l = ACTIVATABLE_ATTRIBUTES.length; i < l; i++) {
if (ele.hasAttribute && ele.hasAttribute(ACTIVATABLE_ATTRIBUTES[i])) {
return true;
}
}
return false;
};
var /** @type {?} */ ACTIVATABLE_ELEMENTS = ['A', 'BUTTON'];
var /** @type {?} */ ACTIVATABLE_ATTRIBUTES = ['tappable', 'ion-button'];
var /** @type {?} */ POINTER_TOLERANCE = 100;
var /** @type {?} */ DISABLE_NATIVE_CLICK_AMOUNT = 2500;
/**
* @param {?} config
* @param {?} plt
* @param {?} dom
* @param {?} app
* @param {?} zone
* @param {?} gestureCtrl
* @return {?}
*/
function setupTapClick(config, plt, dom, app, zone, gestureCtrl) {
return function () {
return new TapClick(config, plt, dom, app, zone, gestureCtrl);
};
}
exports.setupTapClick = setupTapClick;
});
//# sourceMappingURL=tap-click.js.map