add extjs 6.0.1 sources

[extjs.git] / extjs / modern / modern / src / util / TapRepeater.js

/**\r
 * A wrapper class which can be applied to any element. Fires a "tap" event while\r
 * touching the device. The interval between firings may be specified in the config but\r
 * defaults to 20 milliseconds.\r
 */\r
Ext.define('Ext.util.TapRepeater', {\r
\r
    mixins: {\r
        observable: 'Ext.mixin.Observable'\r
    },\r
\r
    /**\r
     * @event touchstart\r
     * Fires when the touch is started.\r
     * @param {Ext.util.TapRepeater} this\r
     * @param {Ext.event.Event} e\r
     */\r
\r
    /**\r
     * @event tap\r
     * Fires on a specified interval during the time the element is pressed.\r
     * @param {Ext.util.TapRepeater} this\r
     * @param {Ext.event.Event} e\r
     */\r
\r
    /**\r
     * @event touchend\r
     * Fires when the touch is ended.\r
     * @param {Ext.util.TapRepeater} this\r
     * @param {Ext.event.Event} e\r
     */\r
\r
    config: {\r
        el: null,\r
        accelerate: true,\r
        interval: 10,\r
        delay: 250,\r
        preventDefault: true,\r
        stopDefault: false,\r
        timer: 0,\r
        pressCls: null\r
    },\r
\r
    /**\r
     * Creates new TapRepeater.\r
     * @param {Object} config\r
     */\r
    constructor: function(config) {\r
        var me = this;\r
        //<debug>\r
        for (var configName in config) {\r
            if (me.self.prototype.config && !(configName in me.self.prototype.config)) {\r
                me[configName] = config[configName];\r
                Ext.Logger.warn('Applied config as instance property: "' + configName + '"', me);\r
            }\r
        }\r
        //</debug>\r
        me.mixins.observable.constructor.call(me, config);\r
    },\r
\r
    updateEl: function(newEl, oldEl) {\r
        var eventCfg = {\r
                touchstart: 'onTouchStart',\r
                touchend: 'onTouchEnd',\r
                tap: 'eventOptions',\r
                scope: this\r
            };\r
        if (oldEl) {\r
            oldEl.un(eventCfg)\r
        }\r
        newEl.on(eventCfg);\r
    },\r
\r
    /**\r
     * @private\r
     */\r
    eventOptions: function(e) {\r
        if (this.getPreventDefault()) {\r
            e.preventDefault();\r
        }\r
        if (this.getStopDefault()) {\r
            e.stopEvent();\r
        }\r
    },\r
\r
    destroy: function() {\r
        this.el = Ext.destroy(this.el);\r
        this.callParent();\r
    },\r
\r
    /**\r
     * @private\r
     */\r
    onTouchStart: function(e) {\r
        var me = this,\r
            pressCls = me.getPressCls();\r
        clearTimeout(me.getTimer());\r
        if (pressCls) {\r
            me.getEl().addCls(pressCls);\r
        }\r
        me.tapStartTime = new Date();\r
\r
        me.fireEvent('touchstart', me, e);\r
        me.fireEvent('tap', me, e);\r
\r
        // Do not honor delay or interval if acceleration wanted.\r
        if (me.getAccelerate()) {\r
            me.delay = 400;\r
        }\r
        me.setTimer(Ext.defer(me.tap, me.getDelay() || me.getInterval(), me, [e]));\r
    },\r
\r
    /**\r
     * @private\r
     */\r
    tap: function(e) {\r
        var me = this;\r
        me.fireEvent('tap', me, e);\r
        me.setTimer(Ext.defer(me.tap, me.getAccelerate() ? me.easeOutExpo(Ext.Date.getElapsed(me.tapStartTime),\r
            400,\r
            -390,\r
            12000) : me.getInterval(), me, [e]));\r
    },\r
\r
    /**\r
     * @private\r
     * Easing calculation\r
     */\r
    easeOutExpo: function(t, b, c, d) {\r
        return (t == d) ? b + c : c * ( - Math.pow(2, -10 * t / d) + 1) + b;\r
    },\r
\r
    /**\r
     * @private\r
     */\r
    onTouchEnd: function(e) {\r
        var me = this;\r
        clearTimeout(me.getTimer());\r
        me.getEl().removeCls(me.getPressCls());\r
        me.fireEvent('touchend', me, e);\r
    }\r
});\r