[DevTools] Migrate CallStackSidebarPane to UI.ListControl.

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

 // Copyright 2016 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.
 
 /**
  * @template T
  * @interface
  */
 UI.ListDelegate = function() {};
 
@@ skipping 182 matching lines @@
     if (this._mode !== UI.ListMode.EqualHeightItems)
       throw 'Only supported in equal height items mode';
     this._fixedHeight = 0;
     if (this._items.length) {
       this._itemToElement.clear();
       this._invalidate(0, this._items.length, this._items.length);
     }
   }
 
   /**
-   * @param {!Element} element
+   * @param {?Node} node
    * @return {?T}
    */
-  itemForElement(element) {
+  itemForNode(node) {
+    while (node && node.parentNodeOrShadowHost() !== this.element)
+      node = node.parentNodeOrShadowHost();
+    if (!node)
+      return null;
+    var element = /** @type {!Element} */ (node);
     var index = this._items.findIndex(item => this._itemToElement.get(item) === element);
     return index !== -1 ? this._items[index] : null;
   }
 
   /**
    * @param {T} item
    * @param {boolean=} center
    */
   scrollItemIntoView(item, center) {
     var index = this._items.indexOf(item);
@@ skipping 120 matching lines @@
     if (top < scrollTop)
       this._updateViewport(top, viewportHeight);
     else if (bottom > scrollTop + viewportHeight)
       this._updateViewport(bottom - viewportHeight, viewportHeight);
   }
 
   /**
    * @param {!Event} event
    */
   _onClick(event) {
-    var node = event.target;
-    while (node && node.parentNodeOrShadowHost() !== this.element)
-      node = node.parentNodeOrShadowHost();
-    if (!node)
-      return;
-    var element = /** @type {!Element} */ (node);
-    var item = this.itemForElement(element);
-    if (item)
+    var item = this.itemForNode(/** @type {?Node} */ (event.target));
+    if (item && this._delegate.isItemSelectable(item))
       this.selectItem(item);
   }
 
   /**
    * @param {!Event} event
    */
   _onKeyDown(event) {
     var selected = false;
     switch (event.key) {
       case 'ArrowUp':
@@ skipping 286 matching lines @@
     this._firstIndex = firstIndex;
     this._lastIndex = lastIndex;
     this._topHeight = this._offsetAtIndex(firstIndex);
     this._topElement.style.height = this._topHeight + 'px';
     this._bottomHeight = totalHeight - this._offsetAtIndex(lastIndex);
     this._bottomElement.style.height = this._bottomHeight + 'px';
     this._renderedHeight = totalHeight;
     this.element.scrollTop = scrollTop;
   }
 };