DevTools: namespace globals

third_party/WebKit/Source/devtools/front_end/elements/ElementsTreeOutline.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com>
  * 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
@@ skipping 13 matching lines @@
  * (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
  */
-Elements.ElementsTreeOutline = class extends TreeOutline {
+Elements.ElementsTreeOutline = class extends UI.TreeOutline {
   /**
    * @param {!SDK.DOMModel} domModel
    * @param {boolean=} omitRootDOMNode
    * @param {boolean=} selectEnabled
    */
   constructor(domModel, omitRootDOMNode, selectEnabled) {
     super();
 
     this._domModel = domModel;
     this._treeElementSymbol = Symbol('treeElement');
@@ skipping 374 matching lines @@
     if (!treeElement && node.nodeType() === Node.TEXT_NODE) {
       // The text node might have been inlined if it was short, so try to find the parent element.
       treeElement = this._lookUpTreeElement(node.parentNode);
     }
 
     return /** @type {?Elements.ElementsTreeElement} */ (treeElement);
   }
 
   /**
    * @param {?SDK.DOMNode} node
-   * @return {?TreeElement}
+   * @return {?UI.TreeElement}
    */
   _lookUpTreeElement(node) {
     if (!node)
       return null;
 
     var cachedElement = node[this._treeElementSymbol];
     if (cachedElement)
       return cachedElement;
 
     // Walk up the parent pointers from the desired node
@@ skipping 51 matching lines @@
     if (!node)
       return;
     var treeElement = this.createTreeElementFor(node);
     if (!treeElement)
       return;
 
     treeElement.revealAndSelect(omitFocus);
   }
 
   /**
-   * @return {?TreeElement}
+   * @return {?UI.TreeElement}
    */
   _treeElementFromEvent(event) {
     var scrollContainer = this.element.parentElement;
 
     // We choose this X coordinate based on the knowledge that our list
     // items extend at least to the right edge of the outer <ol> container.
     // In the no-word-wrap mode the outer <ol> may be wider than the tree container
     // (and partially hidden), in which case we are left to use only its right boundary.
     var x = scrollContainer.totalOffsetLeft() + scrollContainer.offsetWidth - 36;
 
@@ skipping 89 matching lines @@
   _onmousedown(event) {
     var element = this._treeElementFromEvent(event);
 
     if (!element || element.isEventWithinDisclosureTriangle(event))
       return;
 
     element.select();
   }
 
   /**
-   * @param {?TreeElement} treeElement
+   * @param {?UI.TreeElement} treeElement
    */
   setHoverEffect(treeElement) {
     if (this._previousHoveredElement === treeElement)
       return;
 
     if (this._previousHoveredElement) {
       this._previousHoveredElement.hovered = false;
       delete this._previousHoveredElement;
     }
 
@@ skipping 71 matching lines @@
     return false;
   }
 
   _ondragleave(event) {
     this._clearDragOverTreeElementMarker();
     event.preventDefault();
     return false;
   }
 
   /**
-   * @param {?TreeElement} treeElement
+   * @param {?UI.TreeElement} treeElement
    * @return {boolean}
    */
   _isValidDragSourceOrTarget(treeElement) {
     if (!treeElement)
       return false;
 
     if (!(treeElement instanceof Elements.ElementsTreeElement))
       return false;
     var elementsTreeElement = /** @type {!Elements.ElementsTreeElement} */ (treeElement);
 
     var node = elementsTreeElement.node();
     if (!node.parentNode || node.parentNode.nodeType() !== Node.ELEMENT_NODE)
       return false;
 
     return true;
   }
 
   _ondrop(event) {
     event.preventDefault();
     var treeElement = this._treeElementFromEvent(event);
     if (treeElement)
       this._doMove(treeElement);
   }
 
   /**
-   * @param {!TreeElement} treeElement
+   * @param {!UI.TreeElement} treeElement
    */
   _doMove(treeElement) {
     if (!this._treeElementBeingDragged)
       return;
 
     var parentNode;
     var anchorNode;
 
     if (treeElement.isClosingTag()) {
       // Drop onto closing tag -> insert as last child.
@@ skipping 531 matching lines @@
       return true;
     if (node.isInsertionPoint())
       return true;
     return !!node.childNodeCount() && !Elements.ElementsTreeElement.canShowInlineText(node);
   }
 
   /**
    * @param {!Elements.ElementsTreeElement} treeElement
    */
   _createExpandAllButtonTreeElement(treeElement) {
-    var button = createTextButton('', handleLoadAllChildren.bind(this));
+    var button = UI.createTextButton('', handleLoadAllChildren.bind(this));
     button.value = '';
-    var expandAllButtonElement = new TreeElement(button);
+    var expandAllButtonElement = new UI.TreeElement(button);
     expandAllButtonElement.selectable = false;
     expandAllButtonElement.expandAllButton = true;
     expandAllButtonElement.button = button;
     return expandAllButtonElement;
 
     /**
      * @this {Elements.ElementsTreeOutline}
      * @param {!Event} event
      */
     function handleLoadAllChildren(event) {
@@ skipping 332 matching lines @@
         treeOutline.element.treeElementForTest = treeOutline.firstChild();
         resolve(treeOutline.element);
       }
     }
   }
 };
 
 /**
  * @unrestricted
  */
-Elements.ElementsTreeOutline.ShortcutTreeElement = class extends TreeElement {
+Elements.ElementsTreeOutline.ShortcutTreeElement = class extends UI.TreeElement {
   /**
    * @param {!SDK.DOMNodeShortcut} nodeShortcut
    */
   constructor(nodeShortcut) {
     super('');
     this.listItemElement.createChild('div', 'selection fill');
     var title = this.listItemElement.createChild('span', 'elements-tree-shortcut-title');
     var text = nodeShortcut.nodeName.toLowerCase();
     if (nodeShortcut.nodeType === Node.ELEMENT_NODE)
       text = '<' + text + '>';
@@ skipping 47 matching lines @@
      */
     function resolved(node) {
       if (node) {
         this.treeOutline._selectedDOMNode = node;
         this.treeOutline._selectedNodeChanged();
       }
     }
     return true;
   }
 };