add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / src / fx / Queue.js

/**\r
 * @class Ext.fx.Queue\r
 * Animation Queue mixin to handle chaining and queueing by target.\r
 * @private\r
 */\r
\r
Ext.define('Ext.fx.Queue', {\r
\r
    requires: ['Ext.util.HashMap'],\r
\r
    constructor: function() {\r
        this.targets = new Ext.util.HashMap();\r
        this.fxQueue = {};\r
    },\r
\r
    /**\r
     * @private\r
     */\r
    getFxDefaults: function(targetId) {\r
        var target = this.targets.get(targetId);\r
        if (target) {\r
            return target.fxDefaults;\r
        }\r
        return {};\r
    },\r
\r
    /**\r
     * @private\r
     */\r
    setFxDefaults: function(targetId, obj) {\r
        var target = this.targets.get(targetId);\r
        if (target) {\r
            target.fxDefaults = Ext.apply(target.fxDefaults || {}, obj);\r
        }\r
    },\r
\r
    /**\r
     * @private\r
     */\r
    stopAnimation: function(targetId) {\r
        var me = this,\r
            queue = me.getFxQueue(targetId),\r
            ln = queue.length,\r
            item;\r
        \r
        while (ln) {\r
            item = queue[ln - 1];\r
            \r
            if (item) {\r
                item.end();\r
            }\r
            \r
            ln--;\r
        }\r
    },\r
\r
    /**\r
     * @private\r
     * Returns current animation object if the element has any effects actively running or queued, else returns false.\r
     */\r
    getActiveAnimation: function(targetId) {\r
        var queue = this.getFxQueue(targetId);\r
        return (queue && !!queue.length) ? queue[0] : false;\r
    },\r
\r
    /**\r
     * @private\r
     */\r
    hasFxBlock: function(targetId) {\r
        var queue = this.getFxQueue(targetId);\r
        return queue && queue[0] && queue[0].block;\r
    },\r
\r
    /**\r
     * @private\r
     * Get fx queue for passed target, create if needed.\r
     */\r
    getFxQueue: function(targetId) {\r
        if (!targetId) {\r
            return false;\r
        }\r
        var me = this,\r
            queue = me.fxQueue[targetId],\r
            target = me.targets.get(targetId);\r
\r
        if (!target) {\r
            return false;\r
        }\r
\r
        if (!queue) {\r
            me.fxQueue[targetId] = [];\r
            // GarbageCollector will need to clean up Elements since they aren't currently observable\r
            if (target.type !== 'element') {\r
                target.target.on('destroy', function() {\r
                    me.fxQueue[targetId] = [];\r
                });\r
            }\r
        }\r
        return me.fxQueue[targetId];\r
    },\r
\r
    /**\r
     * @private\r
     */\r
    queueFx: function(anim) {\r
        var me = this,\r
            target = anim.target,\r
            queue, ln;\r
\r
        if (!target) {\r
            return;\r
        }\r
\r
        queue = me.getFxQueue(target.getId());\r
        ln = queue.length;\r
\r
        if (ln) {\r
            if (anim.concurrent) {\r
                anim.paused = false;\r
            }\r
            else {\r
                queue[ln - 1].on('afteranimate', function() {\r
                    anim.paused = false;\r
                });\r
            }\r
        }\r
        else {\r
            anim.paused = false;\r
        }\r
        anim.on('afteranimate', function() {\r
            Ext.Array.remove(queue, anim);\r
            if (queue.length === 0) {\r
                me.targets.remove(anim.target);\r
            }\r
            if (anim.remove) {\r
                if (target.type === 'element') {\r
                    var el = Ext.get(target.id);\r
                    if (el) {\r
                        el.destroy();\r
                    }\r
                }\r
            }\r
        }, me, {\r
            single: true\r
        });\r
        queue.push(anim);\r
    }\r
});