add extjs 6.0.1 sources

[extjs.git] / extjs / packages / core / src / fx / State.js

/**\r
 * @private\r
 */\r
Ext.define('Ext.fx.State', {\r
\r
    isAnimatable: {\r
        'background-color'   : true,\r
        'background-image'   : true,\r
        'background-position': true,\r
        'border-bottom-color': true,\r
        'border-bottom-width': true,\r
        'border-color'       : true,\r
        'border-left-color'  : true,\r
        'border-left-width'  : true,\r
        'border-right-color' : true,\r
        'border-right-width' : true,\r
        'border-spacing'     : true,\r
        'border-top-color'   : true,\r
        'border-top-width'   : true,\r
        'border-width'       : true,\r
        'bottom'             : true,\r
        'color'              : true,\r
        'crop'               : true,\r
        'font-size'          : true,\r
        'font-weight'        : true,\r
        'height'             : true,\r
        'left'               : true,\r
        'letter-spacing'     : true,\r
        'line-height'        : true,\r
        'margin-bottom'      : true,\r
        'margin-left'        : true,\r
        'margin-right'       : true,\r
        'margin-top'         : true,\r
        'max-height'         : true,\r
        'max-width'          : true,\r
        'min-height'         : true,\r
        'min-width'          : true,\r
        'opacity'            : true,\r
        'outline-color'      : true,\r
        'outline-offset'     : true,\r
        'outline-width'      : true,\r
        'padding-bottom'     : true,\r
        'padding-left'       : true,\r
        'padding-right'      : true,\r
        'padding-top'        : true,\r
        'right'              : true,\r
        'text-indent'        : true,\r
        'text-shadow'        : true,\r
        'top'                : true,\r
        'vertical-align'     : true,\r
        'visibility'         : true,\r
        'width'              : true,\r
        'word-spacing'       : true,\r
        'z-index'            : true,\r
        'zoom'               : true,\r
        'transform'          : true\r
    },\r
\r
    constructor: function(data) {\r
        this.data = {};\r
\r
        this.set(data);\r
    },\r
\r
    setConfig: function(data) {\r
        this.set(data);\r
\r
        return this;\r
    },\r
\r
    setRaw: function(data) {\r
        this.data = data;\r
\r
        return this;\r
    },\r
\r
    clear: function() {\r
        return this.setRaw({});\r
    },\r
\r
    setTransform: function(name, value) {\r
        var data = this.data,\r
            isArray = Ext.isArray(value),\r
            transform = data.transform,\r
            ln, key;\r
\r
        if (!transform) {\r
            transform = data.transform = {\r
                translateX: 0,\r
                translateY: 0,\r
                translateZ: 0,\r
                scaleX: 1,\r
                scaleY: 1,\r
                scaleZ: 1,\r
                rotate: 0,\r
                rotateX: 0,\r
                rotateY: 0,\r
                rotateZ: 0,\r
                skewX: 0,\r
                skewY: 0\r
            };\r
        }\r
\r
        if (typeof name == 'string') {\r
            switch (name) {\r
                case 'translate':\r
                    if (isArray) {\r
                        ln = value.length;\r
\r
                        if (ln == 0) { break; }\r
\r
                        transform.translateX = value[0];\r
\r
                        if (ln == 1) { break; }\r
\r
                        transform.translateY = value[1];\r
\r
                        if (ln == 2) { break; }\r
\r
                        transform.translateZ = value[2];\r
                    }\r
                    else {\r
                        transform.translateX = value;\r
                    }\r
                    break;\r
\r
                case 'rotate':\r
                    if (isArray) {\r
                        ln = value.length;\r
\r
                        if (ln == 0) { break; }\r
\r
                        transform.rotateX = value[0];\r
\r
                        if (ln == 1) { break; }\r
\r
                        transform.rotateY = value[1];\r
\r
                        if (ln == 2) { break; }\r
\r
                        transform.rotateZ = value[2];\r
                    }\r
                    else {\r
                        transform.rotate = value;\r
                    }\r
                    break;\r
\r
\r
                case 'scale':\r
                    if (isArray) {\r
                        ln = value.length;\r
\r
                        if (ln == 0) { break; }\r
\r
                        transform.scaleX = value[0];\r
\r
                        if (ln == 1) { break; }\r
\r
                        transform.scaleY = value[1];\r
\r
                        if (ln == 2) { break; }\r
\r
                        transform.scaleZ = value[2];\r
                    }\r
                    else {\r
                        transform.scaleX = value;\r
                        transform.scaleY = value;\r
                    }\r
                    break;\r
\r
                case 'skew':\r
                    if (isArray) {\r
                        ln = value.length;\r
\r
                        if (ln == 0) { break; }\r
\r
                        transform.skewX = value[0];\r
\r
                        if (ln == 1) { break; }\r
\r
                        transform.skewY = value[1];\r
                    }\r
                    else {\r
                        transform.skewX = value;\r
                    }\r
                    break;\r
\r
                default:\r
                    transform[name] = value;\r
            }\r
        }\r
        else {\r
            for (key in name) {\r
                if (name.hasOwnProperty(key)) {\r
                    value = name[key];\r
\r
                    this.setTransform(key, value);\r
                }\r
            }\r
        }\r
    },\r
\r
    set: function(name, value) {\r
        var data = this.data,\r
            key;\r
\r
        if (typeof name != 'string') {\r
            for (key in name) {\r
                value = name[key];\r
\r
                if (key === 'transform') {\r
                    this.setTransform(value);\r
                }\r
                else {\r
                    data[key] = value;\r
                }\r
            }\r
        }\r
        else {\r
            if (name === 'transform') {\r
                this.setTransform(value);\r
            }\r
            else {\r
                data[name] = value;\r
            }\r
        }\r
\r
        return this;\r
    },\r
\r
    unset: function(name) {\r
        var data = this.data;\r
\r
        if (data.hasOwnProperty(name)) {\r
            delete data[name];\r
        }\r
\r
        return this;\r
    },\r
\r
    getData: function() {\r
        return this.data;\r
    }\r
});\r
\r
\r