DevTools: extract ObjectUI module from Components

third_party/WebKit/Source/devtools/front_end/object_ui/ObjectPopoverHelper.js

 /*
  * Copyright (C) 2011 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 13 matching lines @@
  * 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.
  */
 
 /**
  * @unrestricted
  */
-Components.ObjectPopoverHelper = class extends UI.PopoverHelper {
+ObjectUI.ObjectPopoverHelper = class extends UI.PopoverHelper {
   /**
    * @param {!Element} panelElement
    * @param {function(!Element, !Event):(!Element|!AnchorBox|undefined)} getAnchor
    * @param {function(!Element, function(!SDK.RemoteObject, boolean, !Element=):undefined, string):undefined} queryObject
    * @param {function()=} onHide
    * @param {boolean=} disableOnClick
    */
   constructor(panelElement, getAnchor, queryObject, onHide, disableOnClick) {
     super(panelElement, disableOnClick);
     this.initializeCallbacks(getAnchor, this._showObjectPopover.bind(this), this._onHideObjectPopover.bind(this));
     this._queryObject = queryObject;
     this._onHideCallback = onHide;
     this._popoverObjectGroup = 'popover';
     panelElement.addEventListener('scroll', this.hidePopover.bind(this), true);
   }
 
   /**
    * @param {!Element} element
    * @param {!UI.Popover} popover
    */
   _showObjectPopover(element, popover) {
     /**
      * @param {!SDK.RemoteObject} funcObject
      * @param {!Element} popoverContentElement
      * @param {!Element} popoverValueElement
      * @param {!Element} anchorElement
      * @param {?Array.<!SDK.RemoteObjectProperty>} properties
      * @param {?Array.<!SDK.RemoteObjectProperty>} internalProperties
-     * @this {Components.ObjectPopoverHelper}
+     * @this {ObjectUI.ObjectPopoverHelper}
      */
     function didGetFunctionProperties(
         funcObject, popoverContentElement, popoverValueElement, anchorElement, properties, internalProperties) {
       if (internalProperties) {
         for (var i = 0; i < internalProperties.length; i++) {
           if (internalProperties[i].name === '[[TargetFunction]]') {
             funcObject = internalProperties[i].value;
             break;
           }
         }
       }
-      Components.ObjectPropertiesSection.formatObjectAsFunction(funcObject, popoverValueElement, true);
+      ObjectUI.ObjectPropertiesSection.formatObjectAsFunction(funcObject, popoverValueElement, true);
       funcObject.debuggerModel()
           .functionDetailsPromise(funcObject)
           .then(didGetFunctionDetails.bind(this, popoverContentElement, anchorElement));
     }
 
     /**
      * @param {!Element} popoverContentElement
      * @param {!Element} anchorElement
      * @param {?SDK.DebuggerModel.FunctionDetails} response
-     * @this {Components.ObjectPopoverHelper}
+     * @this {ObjectUI.ObjectPopoverHelper}
      */
     function didGetFunctionDetails(popoverContentElement, anchorElement, response) {
       if (!response || popover.disposed)
         return;
 
       var container = createElementWithClass('div', 'object-popover-container');
       var title = container.createChild('div', 'function-popover-title source-code');
       var functionName = title.createChild('span', 'function-name');
       functionName.textContent = UI.beautifyFunctionName(response.functionName);
 
       var rawLocation = response.location;
       var linkContainer = title.createChild('div', 'function-title-link-container');
       if (rawLocation && Runtime.experiments.isEnabled('continueToFirstInvocation')) {
         var sectionToolbar = new UI.Toolbar('function-location-step-into', linkContainer);
         var stepInto = new UI.ToolbarButton(Common.UIString('Continue to first invocation'), 'largeicon-step-in');
         stepInto.addEventListener(UI.ToolbarButton.Events.Click, () => rawLocation.continueToLocation());
         sectionToolbar.appendToolbarItem(stepInto);
       }
       var sourceURL = rawLocation && rawLocation.script() ? rawLocation.script().sourceURL : null;
       if (rawLocation && sourceURL)
         linkContainer.appendChild(this._lazyLinkifier().linkifyRawLocation(rawLocation, sourceURL));
       container.appendChild(popoverContentElement);
       popover.showForAnchor(container, anchorElement);
     }
 
     /**
      * @param {!SDK.RemoteObject} result
      * @param {boolean} wasThrown
      * @param {!Element=} anchorOverride
-     * @this {Components.ObjectPopoverHelper}
+     * @this {ObjectUI.ObjectPopoverHelper}
      */
     function didQueryObject(result, wasThrown, anchorOverride) {
       if (popover.disposed)
         return;
       if (wasThrown) {
         this.hidePopover();
         return;
       }
       this._objectTarget = result.target();
       var anchorElement = anchorOverride || element;
-      var description = result.description.trimEnd(Components.ObjectPopoverHelper.MaxPopoverTextLength);
+      var description = result.description.trimEnd(ObjectUI.ObjectPopoverHelper.MaxPopoverTextLength);
       var popoverContentElement = null;
       if (result.type !== 'object') {
         popoverContentElement = createElement('span');
-        UI.appendStyle(popoverContentElement, 'components/objectValue.css');
+        UI.appendStyle(popoverContentElement, 'object_ui/objectValue.css');
         var valueElement = popoverContentElement.createChild('span', 'monospace object-value-' + result.type);
         valueElement.style.whiteSpace = 'pre';
 
         if (result.type === 'string')
           valueElement.createTextChildren('"', description, '"');
         else if (result.type !== 'function')
           valueElement.textContent = description;
 
         if (result.type === 'function') {
           result.getOwnProperties(
               false /* generatePreview */,
               didGetFunctionProperties.bind(this, result, popoverContentElement, valueElement, anchorElement));
           return;
         }
         popover.showForAnchor(popoverContentElement, anchorElement);
       } else {
         if (result.subtype === 'node') {
           SDK.DOMModel.highlightObjectAsDOMNode(result);
           this._resultHighlightedAsDOM = true;
         }
 
         if (result.customPreview()) {
-          var customPreviewComponent = new Components.CustomPreviewComponent(result);
+          var customPreviewComponent = new ObjectUI.CustomPreviewComponent(result);
           customPreviewComponent.expandIfPossible();
           popoverContentElement = customPreviewComponent.element;
         } else {
           popoverContentElement = createElement('div');
           this._titleElement = popoverContentElement.createChild('div', 'monospace');
           this._titleElement.createChild('span', 'source-frame-popover-title').textContent = description;
-          var section = new Components.ObjectPropertiesSection(result, '', this._lazyLinkifier());
+          var section = new ObjectUI.ObjectPropertiesSection(result, '', this._lazyLinkifier());
           section.element.classList.add('source-frame-popover-tree');
           section.titleLessMode();
           popoverContentElement.appendChild(section.element);
         }
         var popoverWidth = 300;
         var popoverHeight = 250;
         popover.showForAnchor(popoverContentElement, anchorElement, popoverWidth, popoverHeight);
       }
     }
     this._queryObject(element, didQueryObject.bind(this), this._popoverObjectGroup);
@@ skipping 19 matching lines @@
   /**
    * @return {!Components.Linkifier}
    */
   _lazyLinkifier() {
     if (!this._linkifier)
       this._linkifier = new Components.Linkifier();
     return this._linkifier;
   }
 };
 
-Components.ObjectPopoverHelper.MaxPopoverTextLength = 10000;
+ObjectUI.ObjectPopoverHelper.MaxPopoverTextLength = 10000;