DevTools: make flame chart a web component.

Source/devtools/front_end/elements/ElementsTreeOutline.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com>
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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
@@ skipping 27 matching lines @@
  */
 WebInspector.ElementsTreeOutline = function(target, omitRootDOMNode, selectEnabled, setPseudoClassCallback)
 {
     this._target = target;
     this._domModel = target.domModel;
     var element = createElement("div");
 
     this._shadowRoot = element.createShadowRoot();
     this._shadowRoot.appendChild(WebInspector.View.createStyleElement("elements/elementsTreeOutline.css"));
 
-    var outlineDisclosureElement = this._shadowRoot.createChild("div", "component-root outline-disclosure");
+    var outlineDisclosureElement = this._shadowRoot.createChild("div", "outline-disclosure");
+    WebInspector.installComponentRootStyles(outlineDisclosureElement);
     this._element = outlineDisclosureElement.createChild("ol", "elements-tree-outline source-code");
     this._element.addEventListener("mousedown", this._onmousedown.bind(this), false);
     this._element.addEventListener("mousemove", this._onmousemove.bind(this), false);
     this._element.addEventListener("mouseleave", this._onmouseleave.bind(this), false);
     this._element.addEventListener("dragstart", this._ondragstart.bind(this), false);
     this._element.addEventListener("dragover", this._ondragover.bind(this), false);
     this._element.addEventListener("dragleave", this._ondragleave.bind(this), false);
     this._element.addEventListener("drop", this._ondrop.bind(this), false);
     this._element.addEventListener("dragend", this._ondragend.bind(this), false);
     this._element.addEventListener("keydown", this._onkeydown.bind(this), false);
@@ skipping 2897 matching lines @@
                 treeOutline.rootDOMNode = node;
                 if (!treeOutline.children[0].hasChildren)
                     treeOutline._element.classList.add("single-node");
                 treeOutline.setVisible(true);
                 treeOutline.element.treeElementForTest = treeOutline.children[0];
                 resolve(treeOutline.element);
             }
         }
     }
 }