add extjs 6.0.1 sources

[extjs.git] / extjs / packages / core / src / scroll / DomScroller.js

/**\r
 * @class Ext.scroll.DomScroller\r
 * @private\r
 */\r
Ext.define('Ext.scroll.DomScroller', {\r
    extend: 'Ext.scroll.Scroller',\r
    alias: 'scroller.dom',\r
\r
    isDomScroller: true,\r
\r
    getMaxPosition: function() {\r
        var element = this.getElement(),\r
            x = 0,\r
            y = 0,\r
            dom;\r
\r
        if (element && !element.destroyed) {\r
            dom = element.dom;\r
            x = dom.scrollWidth - dom.clientWidth;\r
            y = dom.scrollHeight - dom.clientHeight;\r
        }\r
\r
        return {\r
            x: x,\r
            y: y\r
        };\r
    },\r
\r
    getMaxUserPosition: function() {\r
        var me = this,\r
            element = me.getElement(),\r
            x = 0,\r
            y = 0,\r
            dom;\r
\r
        if (element && !element.destroyed) {\r
            dom = element.dom;\r
            if (me.getX()) {\r
                x = dom.scrollWidth - dom.clientWidth;\r
            }\r
            if (me.getY()) {\r
                y = dom.scrollHeight - dom.clientHeight;\r
            }\r
        }\r
\r
        return {\r
            x: x,\r
            y: y\r
        };\r
    },\r
\r
    getPosition: function() {\r
        var me = this;\r
        if (me.positionDirty) {\r
            me.updateDomScrollPosition();\r
        }\r
        return me.position;\r
    },\r
\r
    getSize: function() {\r
        var element = this.getElement(),\r
            size, dom;\r
\r
        if (element && !element.destroyed) {\r
            dom = element.dom;\r
            size = {\r
                x: dom.scrollWidth,\r
                y: dom.scrollHeight\r
            };\r
        } else {\r
            size = {\r
                x: 0,\r
                y: 0\r
            };\r
        }\r
\r
        return size;\r
    },\r
\r
    updateElement: function(element, oldElement) {\r
        this.initXStyle();\r
        this.initYStyle();\r
    },\r
\r
    updateX: function(x) {\r
        this.initXStyle();\r
    },\r
\r
    updateY: function(y) {\r
        this.initYStyle();\r
    },\r
\r
    privates: {\r
        doScrollTo: function(x, y, animate) {\r
            // There is an IE8 override of this method; when making changes here\r
            // don't forget to update the override as well\r
            var me = this,\r
                element = me.getElement(),\r
                maxPosition, dom, to, xInf, yInf,\r
                i;\r
\r
            if (element && !element.destroyed) {\r
                dom = element.dom;\r
\r
                xInf = (x === Infinity);\r
                yInf = (y === Infinity);\r
\r
                if (xInf || yInf) {\r
                    maxPosition = me.getMaxPosition();\r
                    if (xInf) {\r
                        x = maxPosition.x;\r
                    }\r
                    if (yInf) {\r
                        y = maxPosition.y;\r
                    }\r
                }\r
\r
                x = me.convertX(x);\r
\r
                if (animate) {\r
                    to = {};\r
\r
                    if (y != null) {\r
                        to.scrollTop = y;\r
                    }\r
\r
                    if (x != null) {\r
                        to.scrollLeft = x;\r
                    }\r
\r
                    element.animate(Ext.mergeIf({\r
                        to: {\r
                            scrollTop: y,\r
                            scrollLeft: x\r
                        }\r
                    }, animate));\r
                } else {\r
                    if (y != null) {\r
                        dom.scrollTop = y;\r
                    }\r
                    if (x != null) {\r
                        dom.scrollLeft = x;\r
                        // IE8 does not update immediately without this hack.\r
                        //<feature legacyBrowser>\r
                        if (Ext.isIE8) {\r
                            i = dom.scrollLeft;\r
                            dom.scrollLeft = x;\r
                        }\r
                        //</feature legacyBrowser>\r
                    }\r
                }\r
\r
                // Our position object will need refreshing before returning.\r
                me.positionDirty = true;\r
            }\r
        },\r
\r
        // rtl hook\r
        getElementScroll: function(element) {\r
            return element.getScroll();\r
        },\r
\r
        stopAnimation: function() {\r
            var anim = this.getElement().getActiveAnimation();\r
            if (anim) {\r
                anim.end();\r
            }\r
        }\r
    }\r
}, function(DomScroller) {\r
    // Ensure the global Ext scroll event fires when the document scrolls.\r
    // This is for when a non-viewport based app is used.\r
    // DOM scroll events are used for document scrolls.\r
    // The Viewport plugin destroys this Scroller at startup.\r
    Ext.onDocumentReady(function() {\r
        DomScroller.document = new DomScroller({\r
            x: true,\r
            y: true,\r
            element: document.body\r
        });\r
    });\r
});\r