add extjs 6.0.1 sources

[extjs.git] / extjs / packages / core / src / util / sizemonitor / OverflowChange.js

/**\r
 * @private\r
 */\r
Ext.define('Ext.util.sizemonitor.OverflowChange', {\r
\r
    extend: 'Ext.util.sizemonitor.Abstract',\r
\r
    constructor: function(config) {\r
        this.onExpand = Ext.Function.bind(this.onExpand, this);\r
        this.onShrink = Ext.Function.bind(this.onShrink, this);\r
\r
        this.callParent(arguments);\r
    },\r
\r
    getElementConfig: function() {\r
        return {\r
            reference: 'detectorsContainer',\r
            classList: [Ext.baseCSSPrefix + 'size-monitors', 'overflowchanged'],\r
            children: [\r
                {\r
                    reference: 'expandMonitor',\r
                    className: 'expand',\r
                    children: [{\r
                        reference: 'expandHelper'\r
                    }]\r
                },\r
                {\r
                    reference: 'shrinkMonitor',\r
                    className: 'shrink',\r
                    children: [{\r
                        reference: 'shrinkHelper'\r
                    }]\r
                }\r
            ]\r
        };\r
    },\r
\r
    bindListeners: function(bind) {\r
        var method = bind ? 'addEventListener' : 'removeEventListener';\r
\r
        this.expandMonitor[method](Ext.browser.is.Firefox ? 'underflow' : 'overflowchanged', this.onExpand, true);\r
        this.shrinkMonitor[method](Ext.browser.is.Firefox ? 'overflow' : 'overflowchanged', this.onShrink, true);\r
    },\r
\r
    onExpand: function(e) {\r
        if (Ext.browser.is.Webkit && e.horizontalOverflow && e.verticalOverflow) {\r
            return;\r
        }\r
\r
        Ext.TaskQueue.requestRead('refresh', this);\r
    },\r
\r
    onShrink: function(e) {\r
        if (Ext.browser.is.Webkit && !e.horizontalOverflow && !e.verticalOverflow) {\r
            return;\r
        }\r
\r
        Ext.TaskQueue.requestRead('refresh', this);\r
    },\r
\r
    refreshMonitors: function() {\r
        if (this.destroyed) {\r
            return;\r
        }\r
\r
        var expandHelper = this.expandHelper,\r
            shrinkHelper = this.shrinkHelper,\r
            contentBounds = this.getContentBounds(),\r
            width = contentBounds.width,\r
            height = contentBounds.height,\r
            style;\r
\r
        if (expandHelper && !expandHelper.destroyed) {\r
            style = expandHelper.style;\r
            style.width = (width + 1) + 'px';\r
            style.height = (height + 1) + 'px';\r
        }\r
\r
        if (shrinkHelper && !shrinkHelper.destroyed) {\r
            style = shrinkHelper.style;\r
            style.width = width  + 'px';\r
            style.height = height + 'px';\r
        }\r
\r
        Ext.TaskQueue.requestRead('refresh', this);\r
    }\r
});\r