DevTools: Open Elements panel sooner on Inspect Element

third_party/WebKit/Source/devtools/front_end/ui/TabbedPane.js

 /*
  * Copyright (C) 2010 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 33 matching lines @@
     this._tabSlider = createElementWithClass('div', 'tabbed-pane-tab-slider');
     this._tabsElement = this._headerContentsElement.createChild('div', 'tabbed-pane-header-tabs');
     this._tabsElement.setAttribute('role', 'tablist');
     this._contentElement = this.contentElement.createChild('div', 'tabbed-pane-content');
     this._contentElement.setAttribute('role', 'tabpanel');
     this._contentElement.createChild('content');
     /** @type {!Array.<!UI.TabbedPaneTab>} */
     this._tabs = [];
     /** @type {!Array.<!UI.TabbedPaneTab>} */
     this._tabsHistory = [];
-    /** @type {!Object.<string, !UI.TabbedPaneTab>} */
-    this._tabsById = {};
+    /** @type {!Map<string, !UI.TabbedPaneTab>} */
+    this._tabsById = new Map();
     this._currentTabLocked = false;
     this._autoSelectFirstItemOnShow = true;
 
     this._dropDownButton = this._createDropDownButton();
     UI.zoomManager.addEventListener(UI.ZoomManager.Events.ZoomChanged, this._zoomChanged, this);
   }
 
   /**
    * @param {boolean} locked
    */
@@ skipping 36 matching lines @@
    */
   tabViews() {
     return this._tabs.map(tab => tab.view);
   }
 
   /**
    * @param {string} tabId
    * @return {?UI.Widget}
    */
   tabView(tabId) {
-    return this._tabsById[tabId] ? this._tabsById[tabId].view : null;
+    return this._tabsById.has(tabId) ? this._tabsById.get(tabId).view : null;
   }
 
   /**
    * @return {?string}
    */
   get selectedTabId() {
     return this._currentTab ? this._currentTab.id : null;
   }
 
   /**
@@ skipping 34 matching lines @@
    */
   headerElement() {
     return this._headerElement;
   }
 
   /**
    * @param {string} id
    * @return {boolean}
    */
   isTabCloseable(id) {
-    var tab = this._tabsById[id];
+    var tab = this._tabsById.get(id);
     return tab ? tab.isCloseable() : false;
   }
 
   /**
    * @param {!UI.TabbedPaneTabDelegate} delegate
    */
   setTabDelegate(delegate) {
     var tabs = this._tabs.slice();
     for (var i = 0; i < tabs.length; ++i)
       tabs[i].setDelegate(delegate);
     this._delegate = delegate;
   }
 
   /**
    * @param {string} id
    * @param {string} tabTitle
    * @param {!UI.Widget} view
    * @param {string=} tabTooltip
    * @param {boolean=} userGesture
    * @param {boolean=} isCloseable
    * @param {number=} index
    */
   appendTab(id, tabTitle, view, tabTooltip, userGesture, isCloseable, index) {
     isCloseable = typeof isCloseable === 'boolean' ? isCloseable : this._closeableTabs;
     var tab = new UI.TabbedPaneTab(this, id, tabTitle, isCloseable, view, tabTooltip);
     tab.setDelegate(this._delegate);
-    console.assert(!this._tabsById[id], `Tabbed pane already contains a tab with id '${id}'`);
-    this._tabsById[id] = tab;
+    console.assert(!this._tabsById.has(id), `Tabbed pane already contains a tab with id '${id}'`);
+    this._tabsById.set(id, tab);
     if (index !== undefined)
       this._tabs.splice(index, 0, tab);
     else
       this._tabs.push(tab);
     this._tabsHistory.push(tab);
     view.attach(this);
     if (this._tabsHistory[0] === tab && this.isShowing())
       this.selectTab(tab.id, userGesture);
     this._updateTabElements();
   }
@@ skipping 19 matching lines @@
       this.selectTab(this._tabsHistory[0].id, false);
     if (focused)
       this.focus();
   }
 
   /**
    * @param {string} id
    * @param {boolean=} userGesture
    */
   _innerCloseTab(id, userGesture) {
-    if (!this._tabsById[id])
+    if (!this._tabsById.has(id))
       return;
-    if (userGesture && !this._tabsById[id]._closeable)
+    if (userGesture && !this._tabsById.get(id)._closeable)
       return;
     if (this._currentTab && this._currentTab.id === id)
       this._hideCurrentTab();
 
-    var tab = this._tabsById[id];
-    delete this._tabsById[id];
+    var tab = this._tabsById.get(id);
+    this._tabsById.delete(id);
 
     this._tabsHistory.splice(this._tabsHistory.indexOf(tab), 1);
     this._tabs.splice(this._tabs.indexOf(tab), 1);
     if (tab._shown)
       this._hideTabElement(tab);
     tab.view.detach();
 
     var eventData = {tabId: id, view: tab.view, isUserGesture: userGesture};
     this.dispatchEventToListeners(UI.TabbedPane.Events.TabClosed, eventData);
     return true;
   }
 
   /**
    * @param {string} tabId
    * @return {boolean}
    */
   hasTab(tabId) {
-    return !!this._tabsById[tabId];
+    return this._tabsById.has(tabId);
   }
 
   /**
    * @return {!Array.<string>}
    */
   allTabs() {
     return this._tabs.map(function(tab) {
       return tab.id;
     });
   }
@@ skipping 32 matching lines @@
 
   /**
    * @param {string} id
    * @param {boolean=} userGesture
    * @return {boolean}
    */
   selectTab(id, userGesture) {
     if (this._currentTabLocked)
       return false;
     var focused = this.hasFocus();
-    var tab = this._tabsById[id];
+    var tab = this._tabsById.get(id);
     if (!tab)
       return false;
     if (this._currentTab && this._currentTab.id === id)
       return true;
 
     this.suspendInvalidations();
     this._hideCurrentTab();
     this._showTab(tab);
     this.resumeInvalidations();
     this._currentTab = tab;
@@ skipping 21 matching lines @@
 
     return this._tabsHistory.slice(0, tabsCount).map(tabToTabId);
   }
 
   /**
    * @param {string} id
    * @param {string} iconType
    * @param {string=} iconTooltip
    */
   setTabIcon(id, iconType, iconTooltip) {
-    var tab = this._tabsById[id];
+    var tab = this._tabsById.get(id);
     if (tab._setIconType(iconType, iconTooltip))
       this._updateTabElements();
   }
 
   /**
    * @param {string} id
    * @param {boolean} enabled
    */
   setTabEnabled(id, enabled) {
-    var tab = this._tabsById[id];
+    var tab = this._tabsById.get(id);
     tab.tabElement.classList.toggle('disabled', !enabled);
   }
 
   /**
    * @param {string} id
    * @param {string} className
    * @param {boolean=} force
    */
   toggleTabClass(id, className, force) {
-    var tab = this._tabsById[id];
+    var tab = this._tabsById.get(id);
     if (tab._toggleClass(className, force))
       this._updateTabElements();
   }
 
   /**
    * @param {!Common.Event} event
    */
   _zoomChanged(event) {
     for (var i = 0; i < this._tabs.length; ++i)
       delete this._tabs[i]._measuredWidth;
     if (this.isShowing())
       this._updateTabElements();
   }
 
   /**
    * @param {string} id
    * @param {string} tabTitle
    * @param {string=} tabTooltip
    */
   changeTabTitle(id, tabTitle, tabTooltip) {
-    var tab = this._tabsById[id];
+    var tab = this._tabsById.get(id);
     if (tabTooltip !== undefined)
       tab.tooltip = tabTooltip;
     if (tab.title !== tabTitle) {
       tab.title = tabTitle;
       this._updateTabElements();
     }
   }
 
   /**
    * @param {string} id
    * @param {!UI.Widget} view
    */
   changeTabView(id, view) {
-    var tab = this._tabsById[id];
+    var tab = this._tabsById.get(id);
     if (tab.view === view)
       return;
 
     var shouldFocus = tab.view.hasFocus();
 
     this.suspendInvalidations();
 
     var isSelected = this._currentTab && this._currentTab.id === id;
     if (isSelected)
       this._hideTab(tab);
@@ skipping 114 matching lines @@
     this._dropDownMenu.addEventListener(UI.DropDownMenu.Events.ItemSelected, this._dropDownMenuItemSelected, this);
 
     return dropDownContainer;
   }
 
   /**
    * @param {!Common.Event} event
    */
   _dropDownMenuItemSelected(event) {
     var tabId = /** @type {string} */ (event.data);
-    this._lastSelectedOverflowTab = this._tabsById[tabId];
+    this._lastSelectedOverflowTab = this._tabsById.get(tabId);
     this.selectTab(tabId, true);
   }
 
   _totalWidth() {
     return this._headerContentsElement.getBoundingClientRect().width;
   }
 
   /**
    * @return {number}
    */
@@ skipping 654 matching lines @@
    * @param {!Array.<string>} ids
    */
   closeTabs(tabbedPane, ids) {},
 
   /**
    * @param {string} tabId
    * @param {!UI.ContextMenu} contextMenu
    */
   onContextMenu(tabId, contextMenu) {}
 };