DevTools: update default focus element in security panel

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

 /*
  * Copyright (C) 2007 Apple 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
  * 2.  Redistributions in binary form must reproduce the above copyright
@@ skipping 22 matching lines @@
  */
 function TreeOutline(nonFocusable)
 {
     this._createRootElement();
 
     this.selectedTreeElement = null;
     this.expandTreeElementsWhenArrowing = false;
     /** @type {?function(!TreeElement, !TreeElement):number} */
     this._comparator = null;
 
-    this._contentElement = this._rootElement._childrenListNode;
-    this._contentElement.addEventListener("keydown", this._treeKeyDown.bind(this), true);
+    this.contentElement = this._rootElement._childrenListNode;
+    this.contentElement.addEventListener("keydown", this._treeKeyDown.bind(this), true);
 
     this.setFocusable(!nonFocusable);
 
-    this.element = this._contentElement;
+    this.element = this.contentElement;
 }
 
 TreeOutline.Events = {
     ElementAttached: "ElementAttached",
     ElementExpanded: "ElementExpanded",
     ElementCollapsed: "ElementCollapsed",
     ElementSelected: "ElementSelected"
 }
 
 TreeOutline.prototype = {
@@ skipping 53 matching lines @@
         this._rootElement.removeChildren();
     },
 
     /**
      * @param {number} x
      * @param {number} y
      * @return {?TreeElement}
      */
     treeElementFromPoint: function(x, y)
     {
-        var node = this._contentElement.ownerDocument.deepElementFromPoint(x, y);
+        var node = this.contentElement.ownerDocument.deepElementFromPoint(x, y);
         if (!node)
             return null;
 
         var listNode = node.enclosingNodeOrSelfWithNodeNameInArray(["ol", "li"]);
         if (listNode)
             return listNode.parentTreeElement || listNode.treeElement;
         return null;
     },
 
     /**
@@ skipping 12 matching lines @@
     {
         this._comparator = comparator;
     },
 
     /**
      * @param {boolean} focusable
      */
     setFocusable: function(focusable)
     {
         if (focusable)
-            this._contentElement.setAttribute("tabIndex", 0);
+            this.contentElement.setAttribute("tabIndex", 0);
         else
-            this._contentElement.removeAttribute("tabIndex");
+            this.contentElement.removeAttribute("tabIndex");
     },
 
     focus: function()
     {
-        this._contentElement.focus();
+        this.contentElement.focus();
     },
 
     /**
      * @param {!TreeElement} element
      */
     _bindTreeElement: function(element)
     {
         if (element.treeOutline)
             console.error("Binding element for the second time: " + new Error().stack);
         element.treeOutline = this;
@@ skipping 43 matching lines @@
             return true;
         }
         return false;
     },
 
     /**
      * @param {!Event} event
      */
     _treeKeyDown: function(event)
     {
-        if (event.target !== this._contentElement)
+        if (event.target !== this.contentElement)
             return;
 
         if (!this.selectedTreeElement || event.shiftKey || event.metaKey || event.ctrlKey)
             return;
 
         var handled = false;
         var nextSelectedElement;
         if (event.keyIdentifier === "Up" && !event.altKey) {
             handled = this.selectPrevious();
         } else if (event.keyIdentifier === "Down" && !event.altKey) {
@@ skipping 73 matching lines @@
     __proto__: WebInspector.Object.prototype
 }
 
 /**
  * @constructor
  * @extends {TreeOutline}
  */
 function TreeOutlineInShadow()
 {
     TreeOutline.call(this);
-    var innerElement = this.element;
-    innerElement.classList.add("tree-outline");
+    this.contentElement.classList.add("tree-outline");
 
     // Redefine element to the external one.
     this.element = createElement("div");
     this._shadowRoot = WebInspector.createShadowRootWithCoreStyles(this.element, "ui/treeoutline.css");
     this._disclosureElement = this._shadowRoot.createChild("div", "tree-outline-disclosure");
-    this._disclosureElement.appendChild(innerElement);
+    this._disclosureElement.appendChild(this.contentElement);
     this._renderSelection = true;
 }
 
 TreeOutlineInShadow.prototype = {
     /**
      * @param {string} cssFile
      */
     registerRequiredCSS: function(cssFile)
     {
         WebInspector.appendStyle(this._shadowRoot, cssFile);
@@ skipping 826 matching lines @@
     isEventWithinDisclosureTriangle: function(event)
     {
         // FIXME: We should not use getComputedStyle(). For that we need to get rid of using ::before for disclosure triangle. (http://webk.it/74446)
         var paddingLeftValue = window.getComputedStyle(this._listItemNode).paddingLeft;
         console.assert(paddingLeftValue.endsWith("px"));
         var computedLeftPadding = parseFloat(paddingLeftValue);
         var left = this._listItemNode.totalOffsetLeft() + computedLeftPadding;
         return event.pageX >= left && event.pageX <= left + TreeElement._ArrowToggleWidth && this._expandable;
     }
 }