add extjs 6.0.1 sources

[extjs.git] / extjs / packages / core / src / fx / layout / card / ScrollCover.js

/**\r
 * @private\r
 */\r
Ext.define('Ext.fx.layout.card.ScrollCover', {\r
    extend: 'Ext.fx.layout.card.Scroll',\r
\r
    alias: 'fx.layout.card.scrollcover',\r
\r
    onActiveItemChange: function(cardLayout, inItem, outItem, controller) {\r
        var containerElement, containerSize, xy, animConfig,\r
            inTranslate, outTranslate;\r
\r
        this.currentEventController = controller;\r
        this.inItem = inItem;\r
\r
        if (inItem && outItem) {\r
            containerElement = this.getLayout().container.innerElement;\r
\r
            containerSize = containerElement.getSize();\r
            xy = this.calculateXY(containerSize);\r
            animConfig = {\r
                easing: this.getEasing(),\r
                duration: this.getDuration()\r
            };\r
\r
            inItem.renderElement.dom.style.setProperty('visibility', 'hidden', 'important');\r
            inTranslate = inItem.setTranslatable(true).getTranslatable();\r
            outTranslate = outItem.setTranslatable(true).getTranslatable();\r
\r
            outTranslate.translate({ x: 0, y: 0});\r
            inTranslate.translate({ x: xy.left, y: xy.top});\r
            inTranslate.getWrapper().dom.style.setProperty('z-index', '100', 'important');\r
            inItem.show();\r
\r
            inTranslate.on({\r
                animationstart: 'onInAnimationStart',\r
                animationend: 'onInAnimationEnd',\r
                scope: this\r
            });\r
            inTranslate.translateAnimated({ x: 0, y: 0}, animConfig);\r
\r
            controller.pause();\r
        }\r
    },\r
\r
    onInAnimationStart: function() {\r
        this.inItem.renderElement.dom.style.removeProperty('visibility');\r
    },\r
\r
    onInAnimationEnd: function() {\r
        this.inItem.getTranslatable().getWrapper().dom.style.removeProperty('z-index'); // Remove this when we can remove translatable\r
        this.currentEventController.resume();\r
    }\r
});\r