[DevTools] Turn WebInspector.Panel into a web component.

third_party/WebKit/Source/devtools/front_end/ui/Panel.js

 /*
  * Copyright (C) 2007, 2008 Apple 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
  * 2.  Redistributions in binary form must reproduce the above copyright
@@ skipping 10 matching lines @@
  * DIRECT, INDIRECT, INCIDENTAL, 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.
  */
 
 /**
  * @extends {WebInspector.VBox}
+ * @param {string} name
+ * @param {boolean=} iAmExtensionPanelCannotBeInShadow
  * @constructor
  */
-WebInspector.Panel = function(name)
+WebInspector.Panel = function(name, iAmExtensionPanelCannotBeInShadow)
 {
-    WebInspector.VBox.call(this);
+    WebInspector.VBox.call(this, !iAmExtensionPanelCannotBeInShadow);
 
-    this.element.classList.add("panel");
-    this.element.setAttribute("role", "tabpanel");
-    this.element.setAttribute("aria-label", name);
-    this.element.classList.add(name);
+    this.contentElement.classList.add("panel");
+    this.contentElement.setAttribute("role", "tabpanel");
+    this.contentElement.setAttribute("aria-label", name);
     this._panelName = name;
 
     this._shortcuts = /** !Object.<number, function(Event=):boolean> */ ({});
 }
 
 // Should by in sync with style declarations.
 WebInspector.Panel.counterRightMargin = 25;
 
 WebInspector.Panel.prototype = {
     get name()
@@ skipping 42 matching lines @@
         for (var i = 0; i < keys.length; ++i)
             this._shortcuts[keys[i].key] = handler;
     },
 
     /**
      * @param {!WebInspector.Infobar} infobar
      */
     showInfobar: function(infobar)
     {
         infobar.setCloseCallback(this._onInfobarClosed.bind(this, infobar));
-        if (this.element.firstChild)
-            this.element.insertBefore(infobar.element, this.element.firstChild);
+        if (this.contentElement.firstChild)
+            this.contentElement.insertBefore(infobar.element, this.contentElement.firstChild);
         else
-            this.element.appendChild(infobar.element);
+            this.contentElement.appendChild(infobar.element);
         infobar.setParentView(this);
         this.doResize();
     },
 
     /**
      * @param {!WebInspector.Infobar} infobar
      */
     _onInfobarClosed: function(infobar)
     {
         infobar.element.remove();
         this.doResize();
     },
 
     __proto__: WebInspector.VBox.prototype
 }
 
 /**
  * @extends {WebInspector.Panel}
  * @param {string} name
  * @param {number=} defaultWidth
  * @constructor
  */
 WebInspector.PanelWithSidebar = function(name, defaultWidth)
 {
     WebInspector.Panel.call(this, name);
 
     this._panelSplitWidget = new WebInspector.SplitWidget(true, false, this._panelName + "PanelSplitViewState", defaultWidth || 200);
-    this._panelSplitWidget.show(this.element);
+    this._panelSplitWidget.show(this.contentElement);
 
     this._mainWidget = new WebInspector.VBox();
     this._panelSplitWidget.setMainWidget(this._mainWidget);
 
     this._sidebarWidget = new WebInspector.VBox();
     this._sidebarWidget.setMinimumSize(100, 25);
     this._panelSplitWidget.setSidebarWidget(this._sidebarWidget);
 
     this._sidebarWidget.element.classList.add("panel-sidebar");
 }
@@ skipping 83 matching lines @@
 
     /**
      * @override
      * @return {!Promise.<!WebInspector.Panel>}
      */
     panel: function()
     {
         return  /** @type {!Promise<!WebInspector.Panel>} */(this._extension.instance());
     }
 }