DevTools: extract ObjectUI module from Components

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 {
   /**
    * @param {!Element} element
    * @param {function()} changeCallback
    */
   constructor(element, changeCallback) {
     this._element = element;
     this._changeCallback = changeCallback;
     this._treeOutline = new UI.TreeOutlineInShadow();
     this._treeOutline.hideOverflow();
-    this._treeOutline.registerRequiredCSS('components/objectValue.css');
+    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._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();
   }
@@ skipping 233 matching lines @@
    */
   onpopulate() {
     var properties = [];
     var eventListener = this._eventListener;
     var runtimeModel = eventListener.target().runtimeModel;
     properties.push(runtimeModel.createRemotePropertyFromPrimitiveValue('useCapture', eventListener.useCapture()));
     properties.push(runtimeModel.createRemotePropertyFromPrimitiveValue('passive', eventListener.passive()));
     properties.push(runtimeModel.createRemotePropertyFromPrimitiveValue('once', eventListener.once()));
     if (typeof eventListener.handler() !== 'undefined')
       properties.push(new SDK.RemoteObjectProperty('handler', eventListener.handler()));
-    Components.ObjectPropertyTreeElement.populateWithProperties(this, properties, [], true, null);
+    ObjectUI.ObjectPropertyTreeElement.populateWithProperties(this, properties, [], true, null);
   }
 
   /**
    * @param {!SDK.RemoteObject} object
    * @param {!Components.Linkifier} linkifier
    */
   _setTitle(object, linkifier) {
     var title = this.listItemElement.createChild('span');
     var subtitle = this.listItemElement.createChild('span', 'event-listener-tree-subtitle');
     subtitle.appendChild(linkifier.linkifyRawLocation(this._eventListener.location(), this._eventListener.sourceURL()));
 
     title.appendChild(
-        Components.ObjectPropertiesSection.createValueElement(object, false /* wasThrown */, false /* showPreview */));
+        ObjectUI.ObjectPropertiesSection.createValueElement(object, false /* wasThrown */, false /* showPreview */));
 
     if (this._eventListener.canRemove()) {
       var deleteButton = title.createChild('span', 'event-listener-button');
       deleteButton.textContent = Common.UIString('Remove');
       deleteButton.title = Common.UIString('Delete event listener');
       deleteButton.addEventListener('click', removeListener.bind(this), false);
       title.appendChild(deleteButton);
     }
 
     if (this._eventListener.isScrollBlockingType() && this._eventListener.canTogglePassive()) {
@@ skipping 37 matching lines @@
     parent.hidden = allHidden;
   }
 
   /**
    * @return {!SDK.EventListener}
    */
   eventListener() {
     return this._eventListener;
   }
 };