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 7cad9bb9a171c9362c7611aa9f8dc75774343cd0..deedaf6ffedad08e8b832ef96faa08d0943e446d 100644
--- a/Source/devtools/front_end/ui/UIUtils.js
+++ b/Source/devtools/front_end/ui/UIUtils.js
@@ -567,15 +567,25 @@ WebInspector.manageBlackboxingButtonLabel = function()
     return WebInspector.UIString("Manage framework blackboxing...");
 }
 
-WebInspector.installPortStyles = function()
+/**
+ * @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.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());
 }
 
 WebInspector._windowFocused = function(event)