DevTools: make flame chart a web component.

Source/devtools/front_end/ui/UIUtils.js

Index: Source/devtools/front_end/ui/UIUtils.js
diff --git a/Source/devtools/front_end/ui/UIUtils.js b/Source/devtools/front_end/ui/UIUtils.js
index 186c55e628b4a507ac443b2cba3f734259ee340c..0730e8cc62146c6ea5a42cba7e7efe12aa53bb5f 100644
--- a/Source/devtools/front_end/ui/UIUtils.js
+++ b/Source/devtools/front_end/ui/UIUtils.js
@@ -593,17 +593,24 @@ WebInspector.manageBlackboxingButtonLabel = function()
 }
 
 /**
- * @param {!Document} document
+ * @param {!Element} element
+ * @return {boolean}
+ */
+WebInspector.installComponentRootStyles = function(element)
+{
+    var wasInstalled = element.classList.contains("component-root");
+    if (wasInstalled)
+        return false;
+    element.classList.add("component-root", "platform-" + WebInspector.platform());
+    return true;
+}
+
+/**
+ * @param {!Element} element
  */
-WebInspector.installPortStyles = function(document)
+WebInspector.uninstallComponentRootStyles = function(element)
 {
-    var platform = WebInspector.platform();
-    document.body.classList.add("platform-" + platform);
-    var flavor = WebInspector.platformFlavor();
-    if (flavor)
-        document.body.classList.add("platform-" + flavor);
-    var port = WebInspector.port();
-    document.body.classList.add("port-" + port);
+    var wasInstalled = element.classList.remove("component-root", "platform-" + WebInspector.platform());
 }
 
 /**