Ext.define('Ext.theme.neptune.layout.component.Dock', { override: 'Ext.layout.component.Dock', /** * 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 */ noBorderClassTable: [ 0, // TRBL Ext.baseCSSPrefix + 'noborder-l', // 0001 = 1 Ext.baseCSSPrefix + 'noborder-b', // 0010 = 2 Ext.baseCSSPrefix + 'noborder-bl', // 0011 = 3 Ext.baseCSSPrefix + 'noborder-r', // 0100 = 4 Ext.baseCSSPrefix + 'noborder-rl', // 0101 = 5 Ext.baseCSSPrefix + 'noborder-rb', // 0110 = 6 Ext.baseCSSPrefix + 'noborder-rbl', // 0111 = 7 Ext.baseCSSPrefix + 'noborder-t', // 1000 = 8 Ext.baseCSSPrefix + 'noborder-tl', // 1001 = 9 Ext.baseCSSPrefix + 'noborder-tb', // 1010 = 10 Ext.baseCSSPrefix + 'noborder-tbl', // 1011 = 11 Ext.baseCSSPrefix + 'noborder-tr', // 1100 = 12 Ext.baseCSSPrefix + 'noborder-trl', // 1101 = 13 Ext.baseCSSPrefix + 'noborder-trb', // 1110 = 14 Ext.baseCSSPrefix + 'noborder-trbl' // 1111 = 15 ], /** * The numeric values assigned to each edge indexed by the `dock` config value. * @private */ edgeMasks: { top: 8, right: 4, bottom: 2, left: 1 }, handleItemBorders: function() { var me = this, edges = 0, maskT = 8, maskR = 4, maskB = 2, maskL = 1, owner = me.owner, bodyBorder = owner.bodyBorder, ownerBorder = owner.border, collapsed = me.collapsed, edgeMasks = me.edgeMasks, noBorderCls = me.noBorderClassTable, dockedItemsGen = owner.dockedItems.generation, b, borderCls, docked, edgesTouched, i, ln, item, dock, lastValue, mask, addCls, removeCls; if (me.initializedBorders === dockedItemsGen) { return; } addCls = []; removeCls = []; borderCls = me.getBorderCollapseTable(); noBorderCls = me.getBorderClassTable ? me.getBorderClassTable() : noBorderCls; me.initializedBorders = dockedItemsGen; // Borders have to be calculated using expanded docked item collection. me.collapsed = false; docked = me.getDockedItems('visual'); me.collapsed = collapsed; for (i = 0, ln = docked.length; i < ln; i++) { item = docked[i]; if (item.ignoreBorderManagement) { // headers in framed panels ignore border management, so we do not want // to set "satisfied" on the edge in question continue; } dock = item.dock; mask = edgesTouched = 0; addCls.length = 0; removeCls.length = 0; if (dock !== 'bottom') { if (edges & maskT) { // if (not touching the top edge) b = item.border; } else { b = ownerBorder; if (b !== false) { edgesTouched += maskT; } } if (b === false) { mask += maskT; } } if (dock !== 'left') { if (edges & maskR) { // if (not touching the right edge) b = item.border; } else { b = ownerBorder; if (b !== false) { edgesTouched += maskR; } } if (b === false) { mask += maskR; } } if (dock !== 'top') { if (edges & maskB) { // if (not touching the bottom edge) b = item.border; } else { b = ownerBorder; if (b !== false) { edgesTouched += maskB; } } if (b === false) { mask += maskB; } } if (dock !== 'right') { if (edges & maskL) { // if (not touching the left edge) b = item.border; } else { b = ownerBorder; if (b !== false) { edgesTouched += maskL; } } if (b === false) { mask += maskL; } } if ((lastValue = item.lastBorderMask) !== mask) { item.lastBorderMask = mask; if (lastValue) { removeCls[0] = noBorderCls[lastValue]; } if (mask) { addCls[0] = noBorderCls[mask]; } } if ((lastValue = item.lastBorderCollapse) !== edgesTouched) { item.lastBorderCollapse = edgesTouched; if (lastValue) { removeCls[removeCls.length] = borderCls[lastValue]; } if (edgesTouched) { addCls[addCls.length] = borderCls[edgesTouched]; } } if (removeCls.length) { item.removeCls(removeCls); } if (addCls.length) { item.addCls(addCls); } // mask can use += but edges must use |= because there can be multiple items // on an edge but the mask is reset per item edges |= edgeMasks[dock]; // = T, R, B or L (8, 4, 2 or 1) } mask = edgesTouched = 0; addCls.length = 0; removeCls.length = 0; if (edges & maskT) { // if (not touching the top edge) b = bodyBorder; } else { b = ownerBorder; if (b !== false) { edgesTouched += maskT; } } if (b === false) { mask += maskT; } if (edges & maskR) { // if (not touching the right edge) b = bodyBorder; } else { b = ownerBorder; if (b !== false) { edgesTouched += maskR; } } if (b === false) { mask += maskR; } if (edges & maskB) { // if (not touching the bottom edge) b = bodyBorder; } else { b = ownerBorder; if (b !== false) { edgesTouched += maskB; } } if (b === false) { mask += maskB; } if (edges & maskL) { // if (not touching the left edge) b = bodyBorder; } else { b = ownerBorder; if (b !== false) { edgesTouched += maskL; } } if (b === false) { mask += maskL; } if ((lastValue = me.lastBodyBorderMask) !== mask) { me.lastBodyBorderMask = mask; if (lastValue) { removeCls[0] = noBorderCls[lastValue]; } if (mask) { addCls[0] = noBorderCls[mask]; } } if ((lastValue = me.lastBodyBorderCollapse) !== edgesTouched) { me.lastBodyBorderCollapse = edgesTouched; if (lastValue) { removeCls[removeCls.length] = borderCls[lastValue]; } if (edgesTouched) { addCls[addCls.length] = borderCls[edgesTouched]; } } if (removeCls.length) { owner.removeBodyCls(removeCls); } if (addCls.length) { owner.addBodyCls(addCls); } }, onRemove: function (item) { var me = this, lastBorderMask = item.lastBorderMask, lastBorderCollapse = item.lastBorderCollapse; if (!item.destroyed && !item.ignoreBorderManagement) { if (lastBorderMask) { item.lastBorderMask = 0; item.removeCls(me.noBorderClassTable[lastBorderMask]); } if (lastBorderCollapse) { item.lastBorderCollapse = 0; item.removeCls(me.getBorderCollapseTable()[lastBorderCollapse]); } } me.callParent([item]); } });