DO NOT COMMIT DevTools: migrate ObjectEventListeners to shadow

third_party/WebKit/Source/devtools/front_end/event_listeners/EventListenersView.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @typedef {Array<{object: !SDK.RemoteObject, eventListeners: ?Array<!SDK.EventListener>, frameworkEventListeners: ?{eventListeners: ?Array<!SDK.EventListener>, internalHandlers: ?SDK.RemoteArray}, isInternal: ?Array<boolean>}>}
  */
 EventListeners.EventListenersResult;
 
 /**
  * @unrestricted
  */
-EventListeners.EventListenersView = class {
+EventListeners.EventListenersView = class extends UI.VBox {
   /**
-   * @param {!Element} element
    * @param {function()} changeCallback
    */
-  constructor(element, changeCallback) {
-    this._element = element;
+  constructor(changeCallback) {
+    super(true);
     this._changeCallback = changeCallback;
     this._treeOutline = new UI.TreeOutlineInShadow();
     this._treeOutline.hideOverflow();
     this._treeOutline.registerRequiredCSS('object_ui/objectValue.css');
     this._treeOutline.registerRequiredCSS('event_listeners/eventListenersView.css');
     this._treeOutline.setComparator(EventListeners.EventListenersTreeElement.comparator);
     this._treeOutline.element.classList.add('monospace');
-    this._element.appendChild(this._treeOutline.element);
+    this.contentElement.appendChild(this._treeOutline.element);
     this._emptyHolder = createElementWithClass('div', 'gray-info-message');
     this._emptyHolder.textContent = Common.UIString('No Event Listeners');
     this._linkifier = new Components.Linkifier();
     /** @type {!Map<string, !EventListeners.EventListenersTreeElement>} */
     this._treeItemMap = new Map();
   }
 
   /**
    * @param {!Array<!SDK.RemoteObject>} objects
    * @return {!Promise<undefined>}
@@ skipping 147 matching lines @@
     return treeItem;
   }
 
   addEmptyHolderIfNeeded() {
     var allHidden = true;
     for (var eventType of this._treeOutline.rootElement().children()) {
       eventType.hidden = !eventType.firstChild();
       allHidden = allHidden && eventType.hidden;
     }
     if (allHidden && !this._emptyHolder.parentNode)
-      this._element.appendChild(this._emptyHolder);
+      this.contentElement.appendChild(this._emptyHolder);
   }
 
   reset() {
     var eventTypes = this._treeOutline.rootElement().children();
     for (var eventType of eventTypes)
       eventType.removeChildren();
     this._linkifier.reset();
   }
 
   _eventListenersArrivedForTest() {
@@ skipping 135 matching lines @@
     parent.hidden = allHidden;
   }
 
   /**
    * @return {!SDK.EventListener}
    */
   eventListener() {
     return this._eventListener;
   }
 };