[DevTools] Add Toolbox page to undocked DevTools frontend.

Source/devtools/front_end/components/DockController.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 93 matching lines @@
     },
 
     /**
      * @param {string} dockSide
      */
     _dockSideChanged: function(dockSide)
     {
         if (this._dockSide === dockSide)
             return;
 
-        this.dispatchEventToListeners(WebInspector.DockController.Events.BeforeDockSideChanged, dockSide);
-        InspectorFrontendHost.setIsDocked(dockSide !== WebInspector.DockController.State.Undocked, this._setIsDockedResponse.bind(this));
+        var eventData = { from: this._dockSide, to: dockSide };
+        this.dispatchEventToListeners(WebInspector.DockController.Events.BeforeDockSideChanged, eventData);
+        InspectorFrontendHost.setIsDocked(dockSide !== WebInspector.DockController.State.Undocked, this._setIsDockedResponse.bind(this, eventData));
         this._dockSide = dockSide;
         this._updateUI();
-        this.dispatchEventToListeners(WebInspector.DockController.Events.DockSideChanged, this._dockSide);
+        this.dispatchEventToListeners(WebInspector.DockController.Events.DockSideChanged, eventData);
     },
 
-    _setIsDockedResponse: function()
+    /**
+     * @param {{from: string, to: string}} eventData
+     */
+    _setIsDockedResponse: function(eventData)
     {
-        this.dispatchEventToListeners(WebInspector.DockController.Events.AfterDockSideChanged, this._dockSide);
+        this.dispatchEventToListeners(WebInspector.DockController.Events.AfterDockSideChanged, eventData);
     },
 
     _updateUI: function()
     {
         var body = document.body;
         switch (this._dockSide) {
         case WebInspector.DockController.State.DockedToBottom:
             body.classList.remove("undocked");
             body.classList.remove("dock-to-right");
             body.classList.remove("dock-to-left");
@@ skipping 51 matching lines @@
                     WebInspector.dockController._dockSideChanged.bind(WebInspector.dockController));
         }
         return this._dockToggleButton;
     }
 }
 
 /**
  * @type {!WebInspector.DockController}
  */
 WebInspector.dockController;