DevTools: namespace globals

third_party/WebKit/Source/devtools/front_end/components/ObjectPropertiesSection.js

 /*
  * Copyright (C) 2008 Apple Inc. All Rights Reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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
  *    notice, this list of conditions and the following disclaimer in the
  *    documentation and/or other materials provided with the distribution.
  *
  * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
  * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE INC. OR
  * CONTRIBUTORS BE LIABLE FOR ANY 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.
  */
 
 /**
  * @unrestricted
  */
-Components.ObjectPropertiesSection = class extends TreeOutlineInShadow {
+Components.ObjectPropertiesSection = class extends UI.TreeOutlineInShadow {
   /**
    * @param {!SDK.RemoteObject} object
    * @param {?string|!Element=} title
    * @param {!Components.Linkifier=} linkifier
    * @param {?string=} emptyPlaceholder
    * @param {boolean=} ignoreHasOwnProperty
    * @param {!Array.<!SDK.RemoteObjectProperty>=} extraProperties
    */
   constructor(object, title, linkifier, emptyPlaceholder, ignoreHasOwnProperty, extraProperties) {
     super();
@@ skipping 323 matching lines @@
   }
 
   /**
    * @param {boolean} value
    */
   setEditable(value) {
     this._editable = value;
   }
 
   /**
-   * @return {!TreeElement}
+   * @return {!UI.TreeElement}
    */
   objectTreeElement() {
     return this._objectTreeElement;
   }
 
   enableContextMenu() {
     this.element.addEventListener('contextmenu', this._contextMenuEventFired.bind(this), false);
   }
 
   _contextMenuEventFired(event) {
     var contextMenu = new UI.ContextMenu(event);
     contextMenu.appendApplicableItems(this._object);
     contextMenu.show();
   }
 
   titleLessMode() {
     this._objectTreeElement.listItemElement.classList.add('hidden');
     this._objectTreeElement.childrenListElement.classList.add('title-less-mode');
     this._objectTreeElement.expand();
   }
 };
 
 /** @const */
 Components.ObjectPropertiesSection._arrayLoadThreshold = 100;
 
 
 /**
  * @unrestricted
  */
-Components.ObjectPropertiesSection.RootElement = class extends TreeElement {
+Components.ObjectPropertiesSection.RootElement = class extends UI.TreeElement {
   /**
    * @param {!SDK.RemoteObject} object
    * @param {!Components.Linkifier=} linkifier
    * @param {?string=} emptyPlaceholder
    * @param {boolean=} ignoreHasOwnProperty
    * @param {!Array.<!SDK.RemoteObjectProperty>=} extraProperties
    */
   constructor(object, linkifier, emptyPlaceholder, ignoreHasOwnProperty, extraProperties) {
     var contentElement = createElement('content');
     super(contentElement);
@@ skipping 57 matching lines @@
   onpopulate() {
     Components.ObjectPropertyTreeElement._populate(
         this, this._object, !!this.treeOutline._skipProto, this._linkifier, this._emptyPlaceholder,
         this._ignoreHasOwnProperty, this._extraProperties);
   }
 };
 
 /**
  * @unrestricted
  */
-Components.ObjectPropertyTreeElement = class extends TreeElement {
+Components.ObjectPropertyTreeElement = class extends UI.TreeElement {
   /**
    * @param {!SDK.RemoteObjectProperty} property
    * @param {!Components.Linkifier=} linkifier
    */
   constructor(property, linkifier) {
     // Pass an empty title, the title gets made later in onattach.
     super();
 
     this.property = property;
     this.toggleOnClick = true;
     this.selectable = false;
     /** @type {!Array.<!Object>} */
     this._highlightChanges = [];
     this._linkifier = linkifier;
   }
 
   /**
-   * @param {!TreeElement} treeElement
+   * @param {!UI.TreeElement} treeElement
    * @param {!SDK.RemoteObject} value
    * @param {boolean} skipProto
    * @param {!Components.Linkifier=} linkifier
    * @param {?string=} emptyPlaceholder
    * @param {boolean=} flattenProtoChain
    * @param {!Array.<!SDK.RemoteObjectProperty>=} extraProperties
    * @param {!SDK.RemoteObject=} targetValue
    */
   static _populate(
       treeElement,
@@ skipping 27 matching lines @@
           treeElement, properties, internalProperties, skipProto, targetValue || value, linkifier, emptyPlaceholder);
     }
 
     if (flattenProtoChain)
       value.getAllProperties(false, callback);
     else
       SDK.RemoteObject.loadFromObjectPerProto(value, callback);
   }
 
   /**
-   * @param {!TreeElement} treeNode
+   * @param {!UI.TreeElement} treeNode
    * @param {!Array.<!SDK.RemoteObjectProperty>} properties
    * @param {?Array.<!SDK.RemoteObjectProperty>} internalProperties
    * @param {boolean} skipProto
    * @param {?SDK.RemoteObject} value
    * @param {!Components.Linkifier=} linkifier
    * @param {?string=} emptyPlaceholder
    */
   static populateWithProperties(
       treeNode,
       properties,
@@ skipping 42 matching lines @@
           treeElement.expand();
         }
         treeNode.appendChild(treeElement);
       }
     }
 
     Components.ObjectPropertyTreeElement._appendEmptyPlaceholderIfNeeded(treeNode, emptyPlaceholder);
   }
 
   /**
-   * @param {!TreeElement} treeNode
+   * @param {!UI.TreeElement} treeNode
    * @param {?string=} emptyPlaceholder
    */
   static _appendEmptyPlaceholderIfNeeded(treeNode, emptyPlaceholder) {
     if (treeNode.childCount())
       return;
     var title = createElementWithClass('div', 'gray-info-message');
     title.textContent = emptyPlaceholder || Common.UIString('No Properties');
-    var infoElement = new TreeElement(title);
+    var infoElement = new UI.TreeElement(title);
     treeNode.appendChild(infoElement);
   }
 
   /**
    * @param {?SDK.RemoteObject} object
    * @param {!Array.<string>} propertyPath
    * @param {function(?SDK.RemoteObject, boolean=)} callback
    * @return {!Element}
    */
   static createRemoteObjectAccessorPropertySpan(object, propertyPath, callback) {
@@ skipping 322 matching lines @@
     } else {
       this.setExpandable(false);
     }
   }
 };
 
 
 /**
  * @unrestricted
  */
-Components.ArrayGroupingTreeElement = class extends TreeElement {
+Components.ArrayGroupingTreeElement = class extends UI.TreeElement {
   /**
    * @param {!SDK.RemoteObject} object
    * @param {number} fromIndex
    * @param {number} toIndex
    * @param {number} propertyCount
    * @param {!Components.Linkifier=} linkifier
    */
   constructor(object, fromIndex, toIndex, propertyCount, linkifier) {
     super(String.sprintf('[%d \u2026 %d]', fromIndex, toIndex), true);
     this.toggleOnClick = true;
     this.selectable = false;
     this._fromIndex = fromIndex;
     this._toIndex = toIndex;
     this._object = object;
     this._readOnly = true;
     this._propertyCount = propertyCount;
     this._linkifier = linkifier;
   }
 
   /**
-   * @param {!TreeElement} treeNode
+   * @param {!UI.TreeElement} treeNode
    * @param {!SDK.RemoteObject} object
    * @param {number} fromIndex
    * @param {number} toIndex
    * @param {!Components.Linkifier=} linkifier
    */
   static _populateArray(treeNode, object, fromIndex, toIndex, linkifier) {
     Components.ArrayGroupingTreeElement._populateRanges(treeNode, object, fromIndex, toIndex, true, linkifier);
   }
 
   /**
-   * @param {!TreeElement} treeNode
+   * @param {!UI.TreeElement} treeNode
    * @param {!SDK.RemoteObject} object
    * @param {number} fromIndex
    * @param {number} toIndex
    * @param {boolean} topLevel
    * @param {!Components.Linkifier=} linkifier
    * @this {Components.ArrayGroupingTreeElement}
    */
   static _populateRanges(treeNode, object, fromIndex, toIndex, topLevel, linkifier) {
     object.callFunctionJSON(
         packRanges,
@@ skipping 99 matching lines @@
         }
       }
       if (topLevel) {
         Components.ArrayGroupingTreeElement._populateNonIndexProperties(
             treeNode, object, result.skipGetOwnPropertyNames, linkifier);
       }
     }
   }
 
   /**
-   * @param {!TreeElement} treeNode
+   * @param {!UI.TreeElement} treeNode
    * @param {!SDK.RemoteObject} object
    * @param {number} fromIndex
    * @param {number} toIndex
    * @param {!Components.Linkifier=} linkifier
    * @this {Components.ArrayGroupingTreeElement}
    */
   static _populateAsFragment(treeNode, object, fromIndex, toIndex, linkifier) {
     object.callFunction(
         buildArrayFragment,
         [{value: fromIndex}, {value: toIndex}, {value: Components.ArrayGroupingTreeElement._sparseIterationThreshold}],
@@ skipping 45 matching lines @@
       for (var i = 0; i < properties.length; ++i) {
         properties[i].parentObject = this._object;
         var childTreeElement = new Components.ObjectPropertyTreeElement(properties[i], linkifier);
         childTreeElement._readOnly = true;
         treeNode.appendChild(childTreeElement);
       }
     }
   }
 
   /**
-   * @param {!TreeElement} treeNode
+   * @param {!UI.TreeElement} treeNode
    * @param {!SDK.RemoteObject} object
    * @param {boolean} skipGetOwnPropertyNames
    * @param {!Components.Linkifier=} linkifier
    * @this {Components.ArrayGroupingTreeElement}
    */
   static _populateNonIndexProperties(treeNode, object, skipGetOwnPropertyNames, linkifier) {
     object.callFunction(buildObjectFragment, [{value: skipGetOwnPropertyNames}], processObjectFragment.bind(this));
 
     /**
      * @param {boolean=} skipGetOwnPropertyNames
@@ skipping 89 matching lines @@
   constructor() {
     /** @type {!Set.<string>} */
     this._expandedProperties = new Set();
   }
 
   /**
    * @param {string} id
    * @param {!Components.ObjectPropertiesSection} section
    */
   watchSection(id, section) {
-    section.addEventListener(TreeOutline.Events.ElementAttached, this._elementAttached, this);
-    section.addEventListener(TreeOutline.Events.ElementExpanded, this._elementExpanded, this);
-    section.addEventListener(TreeOutline.Events.ElementCollapsed, this._elementCollapsed, this);
+    section.addEventListener(UI.TreeOutline.Events.ElementAttached, this._elementAttached, this);
+    section.addEventListener(UI.TreeOutline.Events.ElementExpanded, this._elementExpanded, this);
+    section.addEventListener(UI.TreeOutline.Events.ElementCollapsed, this._elementCollapsed, this);
     section[Components.ObjectPropertiesSectionExpandController._treeOutlineId] = id;
 
     if (this._expandedProperties.has(id))
       section.expand();
   }
 
   /**
    * @param {string} id
    */
   stopWatchSectionsWithId(id) {
     for (var property of this._expandedProperties) {
       if (property.startsWith(id + ':'))
         this._expandedProperties.delete(property);
     }
   }
 
   /**
    * @param {!Common.Event} event
    */
   _elementAttached(event) {
-    var element = /** @type {!TreeElement} */ (event.data);
+    var element = /** @type {!UI.TreeElement} */ (event.data);
     if (element.isExpandable() && this._expandedProperties.has(this._propertyPath(element)))
       element.expand();
   }
 
   /**
    * @param {!Common.Event} event
    */
   _elementExpanded(event) {
-    var element = /** @type {!TreeElement} */ (event.data);
+    var element = /** @type {!UI.TreeElement} */ (event.data);
     this._expandedProperties.add(this._propertyPath(element));
   }
 
   /**
    * @param {!Common.Event} event
    */
   _elementCollapsed(event) {
-    var element = /** @type {!TreeElement} */ (event.data);
+    var element = /** @type {!UI.TreeElement} */ (event.data);
     this._expandedProperties.delete(this._propertyPath(element));
   }
 
   /**
-   * @param {!TreeElement} treeElement
+   * @param {!UI.TreeElement} treeElement
    * @return {string}
    */
   _propertyPath(treeElement) {
     var cachedPropertyPath = treeElement[Components.ObjectPropertiesSectionExpandController._cachedPathSymbol];
     if (cachedPropertyPath)
       return cachedPropertyPath;
 
     var current = treeElement;
     var rootElement = treeElement.treeOutline.objectTreeElement();
 
@@ skipping 11 matching lines @@
     }
     var treeOutlineId = treeElement.treeOutline[Components.ObjectPropertiesSectionExpandController._treeOutlineId];
     result = treeOutlineId + (result ? ':' + result : '');
     treeElement[Components.ObjectPropertiesSectionExpandController._cachedPathSymbol] = result;
     return result;
   }
 };
 
 Components.ObjectPropertiesSectionExpandController._cachedPathSymbol = Symbol('cachedPath');
 Components.ObjectPropertiesSectionExpandController._treeOutlineId = Symbol('treeOutlineId');