add extjs 6.0.1 sources

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

/**\r
 * @private\r
 */\r
Ext.define('Ext.util.sizemonitor.Abstract', {\r
\r
    mixins: ['Ext.mixin.Templatable'],\r
\r
    requires: [\r
        'Ext.TaskQueue'\r
    ],\r
\r
    config: {\r
        element: null,\r
\r
        callback: Ext.emptyFn,\r
\r
        scope: null,\r
\r
        args: []\r
    },\r
\r
    width: 0,\r
\r
    height: 0,\r
\r
    contentWidth: 0,\r
\r
    contentHeight: 0,\r
\r
    constructor: function(config) {\r
        this.refresh = Ext.Function.bind(this.refresh, this);\r
\r
        this.info = {\r
            width: 0,\r
            height: 0,\r
            contentWidth: 0,\r
            contentHeight: 0,\r
            flag: 0\r
        };\r
\r
        this.initElement();\r
\r
        this.initConfig(config);\r
\r
        this.bindListeners(true);\r
    },\r
\r
    bindListeners: Ext.emptyFn,\r
\r
    applyElement: function(element) {\r
        if (element) {\r
            return Ext.get(element);\r
        }\r
    },\r
\r
    updateElement: function(element) {\r
        element.append(this.detectorsContainer);\r
        element.addCls(Ext.baseCSSPrefix + 'size-monitored');\r
    },\r
\r
    applyArgs: function(args) {\r
        return args.concat([this.info]);\r
    },\r
\r
    refreshMonitors: Ext.emptyFn,\r
\r
    forceRefresh: function() {\r
        Ext.TaskQueue.requestRead('refresh', this);\r
    },\r
\r
    getContentBounds: function() {\r
        return this.detectorsContainer.getBoundingClientRect();\r
    },\r
\r
    getContentWidth: function() {\r
        return this.detectorsContainer.offsetWidth;\r
    },\r
\r
    getContentHeight: function() {\r
        return this.detectorsContainer.offsetHeight;\r
    },\r
\r
    refreshSize: function() {\r
        var element = this.getElement();\r
\r
        if (!element || element.destroyed) {\r
            return false;\r
        }\r
\r
        var width = element.getWidth(),\r
            height = element.getHeight(),\r
            contentWidth = this.getContentWidth(),\r
            contentHeight = this.getContentHeight(),\r
            currentContentWidth = this.contentWidth,\r
            currentContentHeight = this.contentHeight,\r
            info = this.info,\r
            resized = false,\r
            flag;\r
\r
        this.width = width;\r
        this.height = height;\r
        this.contentWidth = contentWidth;\r
        this.contentHeight = contentHeight;\r
\r
        flag = ((currentContentWidth !== contentWidth ? 1 : 0) + (currentContentHeight !== contentHeight ? 2 : 0));\r
\r
        if (flag > 0) {\r
            info.width = width;\r
            info.height = height;\r
            info.contentWidth = contentWidth;\r
            info.contentHeight = contentHeight;\r
            info.flag = flag;\r
\r
            resized = true;\r
            this.getCallback().apply(this.getScope(), this.getArgs());\r
        }\r
\r
        return resized;\r
    },\r
\r
    refresh: function(force) {\r
        if (this.refreshSize() || force) {\r
            Ext.TaskQueue.requestWrite('refreshMonitors', this);\r
        }\r
    },\r
\r
    destroy: function() {\r
        var me = this,\r
            element = me.getElement();\r
\r
        me.bindListeners(false);\r
\r
        if (element && !element.destroyed) {\r
            element.removeCls(Ext.baseCSSPrefix + 'size-monitored');\r
        }\r
\r
        delete me._element;\r
\r
        me.callParent();\r
    }\r
});\r