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 575 matching lines @@
 
 /**
  * @return {string}
  */
 WebInspector.manageBlackboxingButtonLabel = function()
 {
     return WebInspector.UIString("Manage framework blackboxing...");
 }
 
 /**
- * @param {!Document} document
+ * @param {!Element} element
+ * @return {boolean}
  */
-WebInspector.installPortStyles = function(document)
+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());
+}
+
+/**
  * @param {!Document} document
  * @param {!Event} event
  */
 WebInspector._windowFocused = function(document, event)
 {
     if (event.target.document.nodeType === Node.DOCUMENT_NODE)
         document.body.classList.remove("inactive");
 }
 
 /**
@@ skipping 518 matching lines @@
 /**
  * @param {!Window} window
  */
 WebInspector.initializeUIUtils = function(window)
 {
     window.addEventListener("focus", WebInspector._windowFocused.bind(WebInspector, window.document), false);
     window.addEventListener("blur", WebInspector._windowBlurred.bind(WebInspector, window.document), false);
     window.document.addEventListener("focus", WebInspector._focusChanged.bind(WebInspector, window.document), true);
     window.document.addEventListener("blur", WebInspector._documentBlurred.bind(WebInspector, window.document), true);
 }