DevTools: migrate navigator icons to UI.Icon

third_party/WebKit/Source/devtools/front_end/ui/treeoutline.js

 /*
  * Copyright (C) 2007 Apple 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:
  *
  * 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
@@ skipping 584 matching lines @@
       this._titleElement.textContent = x;
       this.tooltip = x;
     } else {
       this._titleElement = x;
       this.tooltip = '';
     }
 
     this._listItemNode.removeChildren();
     if (this._iconElement)
       this._listItemNode.appendChild(this._iconElement);
-
+    if (this._leadingIconsElement)
+      this._listItemNode.appendChild(this._leadingIconsElement);
     this._listItemNode.appendChild(this._titleElement);
     if (this._trailingIconsElement)
       this._listItemNode.appendChild(this._trailingIconsElement);
     this._ensureSelection();
   }
 
   /**
    * @return {string}
    */
   titleAsText() {
@@ skipping 16 matching lines @@
     if (!this._iconElement) {
       this._iconElement = createElementWithClass('div', 'icon');
       this._listItemNode.insertBefore(this._iconElement, this._listItemNode.firstChild);
       this._ensureSelection();
     }
   }
 
   /**
    * @param {!Array<!UI.Icon>} icons
    */
+  setLeadingIcons(icons) {
+    if (!this._leadingIconsElement && !icons.length)
+      return;
+    if (!this._leadingIconsElement) {
+      this._leadingIconsElement = createElementWithClass('div', 'leading-icons');
+      this._leadingIconsElement.classList.add('icons-container');
+      this._listItemNode.insertBefore(this._leadingIconsElement, this._titleElement);
+      this._ensureSelection();
+    }
+    this._leadingIconsElement.removeChildren();
+    for (var icon of icons)
+      this._leadingIconsElement.appendChild(icon);
+  }
+
+  /**
+   * @param {!Array<!UI.Icon>} icons
+   */
   setTrailingIcons(icons) {
     if (!this._trailingIconsElement && !icons.length)
       return;
     if (!this._trailingIconsElement) {
-      this._trailingIconsElement = createElementWithClass('div', 'icons-container');
+      this._trailingIconsElement = createElementWithClass('div', 'trailing-icons');
+      this._trailingIconsElement.classList.add('icons-container');
       this._listItemNode.appendChild(this._trailingIconsElement);
       this._ensureSelection();
     }
     this._trailingIconsElement.removeChildren();
     for (var icon of icons)
       this._trailingIconsElement.appendChild(icon);
   }
 
   /**
    * @param {boolean} focused
@@ skipping 501 matching lines @@
     var paddingLeftValue = window.getComputedStyle(this._listItemNode).paddingLeft;
     console.assert(paddingLeftValue.endsWith('px'));
     var computedLeftPadding = parseFloat(paddingLeftValue);
     var left = this._listItemNode.totalOffsetLeft() + computedLeftPadding;
     return event.pageX >= left && event.pageX <= left + TreeElement._ArrowToggleWidth && this._expandable;
   }
 };
 
 /** @const */
 TreeElement._ArrowToggleWidth = 10;