add extjs 6.0.1 sources

[extjs.git] / extjs / build / classic / theme-crisp / theme-crisp-debug.js

Ext.define('Ext.theme.neptune.Component', {\r
    override: 'Ext.Component',\r
    initComponent: function() {\r
        this.callParent();\r
        if (this.dock && this.border === undefined) {\r
            this.border = false;\r
        }\r
    },\r
    privates: {\r
        initStyles: function() {\r
            var me = this,\r
                hasOwnBorder = me.hasOwnProperty('border'),\r
                border = me.border;\r
            if (me.dock) {\r
                // prevent the superclass method from setting the border style.  We want to\r
                // allow dock layout to decide which borders to suppress.\r
                me.border = null;\r
            }\r
            me.callParent(arguments);\r
            if (hasOwnBorder) {\r
                me.border = border;\r
            } else {\r
                delete me.border;\r
            }\r
        }\r
    }\r
}, function() {\r
    Ext.namespace('Ext.theme.is').Neptune = true;\r
    Ext.theme.name = 'Neptune';\r
});\r
\r
Ext.define('Ext.theme.crisp.Component', {\r
    override: 'Ext.Component'\r
}, function() {\r
    Ext.namespace('Ext.theme.is').Crisp = true;\r
    Ext.theme.name = 'Crisp';\r
});\r
\r
Ext.define('Ext.theme.neptune.resizer.Splitter', {\r
    override: 'Ext.resizer.Splitter',\r
    size: 8\r
});\r
\r
Ext.define('Ext.theme.neptune.toolbar.Toolbar', {\r
    override: 'Ext.toolbar.Toolbar',\r
    usePlainButtons: false,\r
    border: false\r
});\r
\r
Ext.define('Ext.theme.neptune.layout.component.Dock', {\r
    override: 'Ext.layout.component.Dock',\r
    /**
     * This table contains the border removal classes indexed by the sum of the edges to
     * remove. Each edge is assigned a value:
     * 
     *  * `left` = 1
     *  * `bottom` = 2
     *  * `right` = 4
     *  * `top` = 8
     * 
     * @private
     */\r
    noBorderClassTable: [\r
        0,\r
        // TRBL\r
        Ext.baseCSSPrefix + 'noborder-l',\r
        // 0001 = 1\r
        Ext.baseCSSPrefix + 'noborder-b',\r
        // 0010 = 2\r
        Ext.baseCSSPrefix + 'noborder-bl',\r
        // 0011 = 3\r
        Ext.baseCSSPrefix + 'noborder-r',\r
        // 0100 = 4\r
        Ext.baseCSSPrefix + 'noborder-rl',\r
        // 0101 = 5\r
        Ext.baseCSSPrefix + 'noborder-rb',\r
        // 0110 = 6\r
        Ext.baseCSSPrefix + 'noborder-rbl',\r
        // 0111 = 7\r
        Ext.baseCSSPrefix + 'noborder-t',\r
        // 1000 = 8\r
        Ext.baseCSSPrefix + 'noborder-tl',\r
        // 1001 = 9\r
        Ext.baseCSSPrefix + 'noborder-tb',\r
        // 1010 = 10\r
        Ext.baseCSSPrefix + 'noborder-tbl',\r
        // 1011 = 11\r
        Ext.baseCSSPrefix + 'noborder-tr',\r
        // 1100 = 12\r
        Ext.baseCSSPrefix + 'noborder-trl',\r
        // 1101 = 13\r
        Ext.baseCSSPrefix + 'noborder-trb',\r
        // 1110 = 14\r
        Ext.baseCSSPrefix + 'noborder-trbl'\r
    ],\r
    // 1111 = 15\r
    /**
     * The numeric values assigned to each edge indexed by the `dock` config value.
     * @private
     */\r
    edgeMasks: {\r
        top: 8,\r
        right: 4,\r
        bottom: 2,\r
        left: 1\r
    },\r
    handleItemBorders: function() {\r
        var me = this,\r
            edges = 0,\r
            maskT = 8,\r
            maskR = 4,\r
            maskB = 2,\r
            maskL = 1,\r
            owner = me.owner,\r
            bodyBorder = owner.bodyBorder,\r
            ownerBorder = owner.border,\r
            collapsed = me.collapsed,\r
            edgeMasks = me.edgeMasks,\r
            noBorderCls = me.noBorderClassTable,\r
            dockedItemsGen = owner.dockedItems.generation,\r
            b, borderCls, docked, edgesTouched, i, ln, item, dock, lastValue, mask, addCls, removeCls;\r
        if (me.initializedBorders === dockedItemsGen) {\r
            return;\r
        }\r
        addCls = [];\r
        removeCls = [];\r
        borderCls = me.getBorderCollapseTable();\r
        noBorderCls = me.getBorderClassTable ? me.getBorderClassTable() : noBorderCls;\r
        me.initializedBorders = dockedItemsGen;\r
        // Borders have to be calculated using expanded docked item collection.\r
        me.collapsed = false;\r
        docked = me.getDockedItems('visual');\r
        me.collapsed = collapsed;\r
        for (i = 0 , ln = docked.length; i < ln; i++) {\r
            item = docked[i];\r
            if (item.ignoreBorderManagement) {\r
                // headers in framed panels ignore border management, so we do not want\r
                // to set "satisfied" on the edge in question\r
                \r
                continue;\r
            }\r
            dock = item.dock;\r
            mask = edgesTouched = 0;\r
            addCls.length = 0;\r
            removeCls.length = 0;\r
            if (dock !== 'bottom') {\r
                if (edges & maskT) {\r
                    // if (not touching the top edge)\r
                    b = item.border;\r
                } else {\r
                    b = ownerBorder;\r
                    if (b !== false) {\r
                        edgesTouched += maskT;\r
                    }\r
                }\r
                if (b === false) {\r
                    mask += maskT;\r
                }\r
            }\r
            if (dock !== 'left') {\r
                if (edges & maskR) {\r
                    // if (not touching the right edge)\r
                    b = item.border;\r
                } else {\r
                    b = ownerBorder;\r
                    if (b !== false) {\r
                        edgesTouched += maskR;\r
                    }\r
                }\r
                if (b === false) {\r
                    mask += maskR;\r
                }\r
            }\r
            if (dock !== 'top') {\r
                if (edges & maskB) {\r
                    // if (not touching the bottom edge)\r
                    b = item.border;\r
                } else {\r
                    b = ownerBorder;\r
                    if (b !== false) {\r
                        edgesTouched += maskB;\r
                    }\r
                }\r
                if (b === false) {\r
                    mask += maskB;\r
                }\r
            }\r
            if (dock !== 'right') {\r
                if (edges & maskL) {\r
                    // if (not touching the left edge)\r
                    b = item.border;\r
                } else {\r
                    b = ownerBorder;\r
                    if (b !== false) {\r
                        edgesTouched += maskL;\r
                    }\r
                }\r
                if (b === false) {\r
                    mask += maskL;\r
                }\r
            }\r
            if ((lastValue = item.lastBorderMask) !== mask) {\r
                item.lastBorderMask = mask;\r
                if (lastValue) {\r
                    removeCls[0] = noBorderCls[lastValue];\r
                }\r
                if (mask) {\r
                    addCls[0] = noBorderCls[mask];\r
                }\r
            }\r
            if ((lastValue = item.lastBorderCollapse) !== edgesTouched) {\r
                item.lastBorderCollapse = edgesTouched;\r
                if (lastValue) {\r
                    removeCls[removeCls.length] = borderCls[lastValue];\r
                }\r
                if (edgesTouched) {\r
                    addCls[addCls.length] = borderCls[edgesTouched];\r
                }\r
            }\r
            if (removeCls.length) {\r
                item.removeCls(removeCls);\r
            }\r
            if (addCls.length) {\r
                item.addCls(addCls);\r
            }\r
            // mask can use += but edges must use |= because there can be multiple items\r
            // on an edge but the mask is reset per item\r
            edges |= edgeMasks[dock];\r
        }\r
        // = T, R, B or L (8, 4, 2 or 1)\r
        mask = edgesTouched = 0;\r
        addCls.length = 0;\r
        removeCls.length = 0;\r
        if (edges & maskT) {\r
            // if (not touching the top edge)\r
            b = bodyBorder;\r
        } else {\r
            b = ownerBorder;\r
            if (b !== false) {\r
                edgesTouched += maskT;\r
            }\r
        }\r
        if (b === false) {\r
            mask += maskT;\r
        }\r
        if (edges & maskR) {\r
            // if (not touching the right edge)\r
            b = bodyBorder;\r
        } else {\r
            b = ownerBorder;\r
            if (b !== false) {\r
                edgesTouched += maskR;\r
            }\r
        }\r
        if (b === false) {\r
            mask += maskR;\r
        }\r
        if (edges & maskB) {\r
            // if (not touching the bottom edge)\r
            b = bodyBorder;\r
        } else {\r
            b = ownerBorder;\r
            if (b !== false) {\r
                edgesTouched += maskB;\r
            }\r
        }\r
        if (b === false) {\r
            mask += maskB;\r
        }\r
        if (edges & maskL) {\r
            // if (not touching the left edge)\r
            b = bodyBorder;\r
        } else {\r
            b = ownerBorder;\r
            if (b !== false) {\r
                edgesTouched += maskL;\r
            }\r
        }\r
        if (b === false) {\r
            mask += maskL;\r
        }\r
        if ((lastValue = me.lastBodyBorderMask) !== mask) {\r
            me.lastBodyBorderMask = mask;\r
            if (lastValue) {\r
                removeCls[0] = noBorderCls[lastValue];\r
            }\r
            if (mask) {\r
                addCls[0] = noBorderCls[mask];\r
            }\r
        }\r
        if ((lastValue = me.lastBodyBorderCollapse) !== edgesTouched) {\r
            me.lastBodyBorderCollapse = edgesTouched;\r
            if (lastValue) {\r
                removeCls[removeCls.length] = borderCls[lastValue];\r
            }\r
            if (edgesTouched) {\r
                addCls[addCls.length] = borderCls[edgesTouched];\r
            }\r
        }\r
        if (removeCls.length) {\r
            owner.removeBodyCls(removeCls);\r
        }\r
        if (addCls.length) {\r
            owner.addBodyCls(addCls);\r
        }\r
    },\r
    onRemove: function(item) {\r
        var me = this,\r
            lastBorderMask = item.lastBorderMask,\r
            lastBorderCollapse = item.lastBorderCollapse;\r
        if (!item.destroyed && !item.ignoreBorderManagement) {\r
            if (lastBorderMask) {\r
                item.lastBorderMask = 0;\r
                item.removeCls(me.noBorderClassTable[lastBorderMask]);\r
            }\r
            if (lastBorderCollapse) {\r
                item.lastBorderCollapse = 0;\r
                item.removeCls(me.getBorderCollapseTable()[lastBorderCollapse]);\r
            }\r
        }\r
        me.callParent([\r
            item\r
        ]);\r
    }\r
});\r
\r
Ext.define('Ext.theme.neptune.panel.Panel', {\r
    override: 'Ext.panel.Panel',\r
    border: false,\r
    bodyBorder: false,\r
    initBorderProps: Ext.emptyFn,\r
    initBodyBorder: function() {\r
        // The superclass method converts a truthy bodyBorder into a number and sets\r
        // an inline border-width style on the body element.  This prevents that from\r
        // happening if borderBody === true so that the body will get its border-width\r
        // the stylesheet.\r
        if (this.bodyBorder !== true) {\r
            this.callParent();\r
        }\r
    }\r
});\r
\r
Ext.define('Ext.theme.neptune.container.ButtonGroup', {\r
    override: 'Ext.container.ButtonGroup',\r
    usePlainButtons: false\r
});\r
\r
Ext.define('Ext.theme.neptune.toolbar.Paging', {\r
    override: 'Ext.toolbar.Paging',\r
    defaultButtonUI: 'plain-toolbar',\r
    inputItemWidth: 40\r
});\r
\r
Ext.define('Ext.theme.neptune.picker.Month', {\r
    override: 'Ext.picker.Month',\r
    // Monthpicker contains logic that reduces the margins of the month items if it detects\r
    // that the text has wrapped.  This can happen in the classic theme  in certain\r
    // locales such as zh_TW.  In order to work around this, Month picker measures\r
    // the month items to see if the height is greater than "measureMaxHeight".\r
    // In neptune the height of the items is larger, so we must increase this value.\r
    // While the actual height of the month items in neptune is 24px, we will only \r
    // determine that the text has wrapped if the height of the item exceeds 36px.\r
    // this allows theme developers some leeway to increase the month item size in\r
    // a neptune-derived theme.\r
    measureMaxHeight: 36\r
});\r
\r
Ext.define('Ext.theme.neptune.form.field.HtmlEditor', {\r
    override: 'Ext.form.field.HtmlEditor',\r
    defaultButtonUI: 'plain-toolbar'\r
});\r
\r
Ext.define('Ext.theme.neptune.panel.Table', {\r
    override: 'Ext.panel.Table',\r
    lockableBodyBorder: true,\r
    initComponent: function() {\r
        var me = this;\r
        me.callParent();\r
        if (!me.hasOwnProperty('bodyBorder') && !me.hideHeaders && (me.lockableBodyBorder || !me.lockable)) {\r
            me.bodyBorder = true;\r
        }\r
    }\r
});\r
\r
Ext.define('Ext.theme.crisp.view.Table', {\r
    override: 'Ext.view.Table',\r
    stripeRows: false\r
});\r
\r
Ext.define('Ext.theme.neptune.grid.RowEditor', {\r
    override: 'Ext.grid.RowEditor',\r
    buttonUI: 'default-toolbar'\r
});\r
\r
Ext.define('Ext.theme.neptune.grid.column.RowNumberer', {\r
    override: 'Ext.grid.column.RowNumberer',\r
    width: 25\r
});\r
\r
Ext.define('Ext.theme.neptune.menu.Separator', {\r
    override: 'Ext.menu.Separator',\r
    border: true\r
});\r
\r
Ext.define('Ext.theme.neptune.menu.Menu', {\r
    override: 'Ext.menu.Menu',\r
    showSeparator: false\r
});\r
\r