add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / src / layout / container / boxOverflow / None.js

/**\r
 * @private\r
 * Base class for Box Layout overflow handlers. These specialized classes are invoked when a Box Layout\r
 * (either an HBox or a VBox) has child items that are either too wide (for HBox) or too tall (for VBox)\r
 * for its container.\r
 */\r
Ext.define('Ext.layout.container.boxOverflow.None', {\r
    alternateClassName: 'Ext.layout.boxOverflow.None',\r
    alias: [\r
        'box.overflow.none',\r
        'box.overflow.None' // capitalized for 4.x compat\r
    ],\r
\r
    mixins: [\r
        'Ext.mixin.Factoryable'\r
    ],\r
\r
    factoryConfig: {\r
        defaultType: 'none'\r
    },\r
\r
    isBoxOverflowHandler: true,\r
\r
    $configPrefixed: false,\r
    $configStrict: false,\r
    \r
    constructor: function(config) {\r
        this.initConfig(config);\r
    },\r
\r
    handleOverflow: Ext.emptyFn,\r
\r
    clearOverflow: Ext.emptyFn,\r
\r
    beginLayout: Ext.emptyFn,\r
    beginLayoutCycle: Ext.emptyFn,\r
\r
    calculate: function(ownerContext) {\r
        var me = this,\r
            plan = ownerContext.state.boxPlan,\r
            overflow;\r
\r
        if (plan && plan.tooNarrow) {\r
            overflow = me.handleOverflow(ownerContext);\r
\r
            if (overflow) {\r
                if (overflow.reservedSpace) {\r
                    me.layout.publishInnerCtSize(ownerContext, overflow.reservedSpace);\r
                }\r
\r
                // TODO: If we need to use the code below then we will need to pass along\r
                // the new targetSize as state and use it calculate somehow...\r
                //\r
                //if (overflow.recalculate) {\r
                //    ownerContext.invalidate({\r
                //        state: {\r
                //            overflow: overflow\r
                //        }\r
                //    });\r
                //}\r
            }\r
        } else {\r
            me.clearOverflow();\r
        }\r
    },\r
\r
    completeLayout: Ext.emptyFn,\r
\r
    finishedLayout: function (ownerContext) {\r
        var me = this,\r
            owner = me.layout.owner,\r
            hiddens,\r
            hiddenCount;\r
\r
        // Only count hidden children if someone is interested when the overflow state changes\r
        if (owner.hasListeners.overflowchange) {\r
            hiddens = owner.query('>[hidden]');\r
            hiddenCount = hiddens.length;\r
            if (hiddenCount !== me.lastHiddenCount) {\r
                owner.fireEvent('overflowchange', me.lastHiddenCount, hiddenCount, hiddens);\r
                me.lastHiddenCount = hiddenCount;\r
            }\r
        }\r
    },\r
\r
    onRemove: Ext.emptyFn,\r
\r
    /**\r
     * @private\r
     * Normalizes an item reference, string id or numerical index into a reference to the item\r
     * @param {Ext.Component/String/Number} item The item reference, id or index\r
     * @return {Ext.Component} The item\r
     */\r
    getItem: function(item) {\r
        return this.layout.owner.getComponent(item);\r
    },\r
\r
    getOwnerType: function(owner){\r
        var type;\r
        if (owner.isToolbar) {\r
            type = 'toolbar';\r
        } else if (owner.isTabBar) {\r
            type = 'tab-bar';\r
        } else if (owner.isMenu) {\r
            type = 'menu';\r
        } else if (owner.isBreadcrumb) {\r
            type = 'breadcrumb';\r
        } else {\r
            type = owner.getXType();\r
        }\r
        \r
        return type;\r
    },\r
\r
    getPrefixConfig: Ext.emptyFn,\r
    getSuffixConfig: Ext.emptyFn,\r
    getOverflowCls: function() {\r
        return '';\r
    },\r
\r
    setVertical: function() {\r
        var me = this,\r
            layout = me.layout,\r
            innerCt = layout.innerCt;\r
\r
        innerCt.removeCls(me.getOverflowCls(layout.oppositeDirection));\r
        innerCt.addCls(me.getOverflowCls(layout.direction));\r
    }\r
});