DevTools: make flame chart a web component.

Source/devtools/front_end/ui/UIUtils.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.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:
  *
@@ skipping 549 matching lines @@
 }
 
 /**
  * @return {string}
  */
 WebInspector.manageBlackboxingButtonLabel = function()
 {
     return WebInspector.UIString("Manage framework blackboxing...");
 }
 
-WebInspector.installPortStyles = function()
+/**
+ * @param {!Element} element
+ * @return {boolean}
+ */
+WebInspector.installComponentRootStyles = 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.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 wasInstalled = element.classList.remove("component-root", "platform-" + WebInspector.platform());
 }
 
 WebInspector._windowFocused = function(event)
 {
     if (event.target.document.nodeType === Node.DOCUMENT_NODE)
         document.body.classList.remove("inactive");
 }
 
 WebInspector._windowBlurred = function(event)
 {
@@ skipping 482 matching lines @@
     __proto__: WebInspector.Object.prototype
 }
 
 WebInspector.initializeUIUtils = function()
 {
     window.addEventListener("focus", WebInspector._windowFocused, false);
     window.addEventListener("blur", WebInspector._windowBlurred, false);
     document.addEventListener("focus", WebInspector._focusChanged, true);
     document.addEventListener("blur", WebInspector._documentBlurred, true);
 }