DevTools: add 3D layer view to Layer panel

Source/devtools/front_end/LayersPanel.js

 /*
  * Copyright (C) 2013 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 12 matching lines @@
  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 importScript("LayerTreeModel.js");
 importScript("LayerTree.js");
+importScript("Layers3DView.js");
 
 /**
  * @constructor
  * @extends {WebInspector.Panel}
  */
 WebInspector.LayersPanel = function()
 {
     WebInspector.Panel.call(this, "layers");
     this.registerRequiredCSS("layersPanel.css");
 
     const initialLayerTreeSidebarWidth = 225;
     const minimumMainWidthPercent = 0.5;
     this.createSidebarViewWithTree();
     this.sidebarElement.addStyleClass("outline-disclosure");
     this.sidebarTreeElement.removeStyleClass("sidebar-tree");
     this._model = new WebInspector.LayerTreeModel();
     this._layerTree = new WebInspector.LayerTree(this._model, this.sidebarTree);
     this._layerDetailsSplitView = new WebInspector.SplitView(false, "layerDetailsSplitView");
     this._layerDetailsSplitView.show(this.splitView.mainElement);
+    this._layers3DView = new WebInspector.Layers3DView(this._model);
+    this._layers3DView.show(this._layerDetailsSplitView.mainElement);
     this._model.requestLayers();
 }
 
 WebInspector.LayersPanel.prototype = {
     wasShown: function()
     {
         WebInspector.Panel.prototype.wasShown.call(this);
         this._layerTree.setVisible(true);
         this.sidebarTreeElement.focus();
     },
 
     willHide: function()
     {
         this._layerTree.setVisible(false);
         WebInspector.Panel.prototype.willHide.call(this);
     },
 
     __proto__: WebInspector.Panel.prototype
 }