[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 243 matching lines @@
   }
 
   /**
    * @return {?T}
    */
   selectedItem() {
     return this._selectedIndex === -1 ? null : this._items[this._selectedIndex];
   }
 
   /**
+   * @param {boolean=} canWrap
+   * @param {boolean=} scrollIntoView
+   * @return {boolean}
+   */
+  selectPreviousItem(canWrap, scrollIntoView) {
+    if (this._selectedIndex === -1 && !canWrap)
+      return false;
+    var index = this._selectedIndex === -1 ? this._items.length - 1 : this._selectedIndex - 1;
+    index = this._findFirstSelectable(index, -1, !!canWrap);
+    if (index !== -1) {
+      if (scrollIntoView)
+        this.scrollItemAtIndexIntoView(index);
+      this._select(index);
+      return true;
+    }
+    return false;
+  }
+
+  /**
+   * @param {boolean=} canWrap
+   * @param {boolean=} scrollIntoView
+   * @return {boolean}
+   */
+  selectNextItem(canWrap, scrollIntoView) {
+    if (this._selectedIndex === -1 && !canWrap)
+      return false;
+    var index = this._selectedIndex === -1 ? 0 : this._selectedIndex + 1;
+    index = this._findFirstSelectable(index, +1, !!canWrap);
+    if (index !== -1) {
+      if (scrollIntoView)
+        this.scrollItemAtIndexIntoView(index);
+      this._select(index);
+      return true;
+    }
+    return false;
+  }
+
+  /**
    * @param {!Event} event
    * @return {boolean}
    */
   onKeyDown(event) {
     var index = -1;
     switch (event.key) {
       case 'ArrowUp':
-        index = this._selectedIndex === -1 ? this._items.length - 1 : this._selectedIndex - 1;
-        index = this._findFirstSelectable(index, -1, true);
-        break;
+        return this.selectPreviousItem(true, true);
       case 'ArrowDown':
-        index = this._selectedIndex === -1 ? 0 : this._selectedIndex + 1;
-        index = this._findFirstSelectable(index, +1, true);
-        break;
+        return this.selectNextItem(true, true);
       case 'PageUp':
         if (this._mode === UI.ListMode.Grow)
           return false;
         index = this._selectedIndex === -1 ? this._items.length - 1 : this._selectedIndex;
         index = this._findPageSelectable(index, -1);
         break;
       case 'PageDown':
         if (this._mode === UI.ListMode.Grow)
           return false;
         index = this._selectedIndex === -1 ? 0 : this._selectedIndex;
@@ skipping 301 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;
   }
 };