[DevTools] Introduce Common.List used as a backend for list controls

third_party/WebKit/Source/devtools/front_end/sources/CallStackSidebarPane.js

 /*
  * Copyright (C) 2008 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
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 21 matching lines @@
   constructor() {
     super(Common.UIString('Call Stack'), true);
     this.registerRequiredCSS('sources/callStackSidebarPane.css');
 
     this._blackboxedMessageElement = this._createBlackboxedMessageElement();
     this.contentElement.appendChild(this._blackboxedMessageElement);
 
     this._notPausedMessageElement = this.contentElement.createChild('div', 'gray-info-message');
     this._notPausedMessageElement.textContent = Common.UIString('Not Paused');
 
+    /** @type {!UI.ListModel<!Sources.CallStackSidebarPane.Item>} */
+    this._items = new UI.ListModel();
     /** @type {!UI.ListControl<!Sources.CallStackSidebarPane.Item>} */
-    this._list = new UI.ListControl(this, UI.ListMode.NonViewport);
+    this._list = new UI.ListControl(this._items, this, UI.ListMode.NonViewport);
     this.contentElement.appendChild(this._list.element);
     this._list.element.addEventListener('contextmenu', this._onContextMenu.bind(this), false);
     this._list.element.addEventListener('click', this._onClick.bind(this), false);
 
     this._showBlackboxed = false;
     Bindings.blackboxManager.addChangeListener(this._update.bind(this));
     this._locationPool = new Bindings.LiveLocationPool();
 
     this._update();
   }
 
   /**
    * @override
    * @param {?Object} object
    */
   flavorChanged(object) {
     this._showBlackboxed = false;
     this._update();
   }
 
   _update() {
     this._locationPool.disposeAll();
 
     var details = UI.context.flavor(SDK.DebuggerPausedDetails);
     if (!details) {
       this._notPausedMessageElement.classList.remove('hidden');
       this._blackboxedMessageElement.classList.add('hidden');
-      this._list.replaceAllItems([]);
+      this._items.replaceAllItems([]);
       this._debuggerModel = null;
       UI.context.setFlavor(SDK.DebuggerModel.CallFrame, null);
       return;
     }
 
     this._debuggerModel = details.debuggerModel;
     this._notPausedMessageElement.classList.add('hidden');
 
     var showBlackboxed = this._showBlackboxed ||
         details.callFrames.every(frame => Bindings.blackboxManager.isBlackboxedRawLocation(frame.location()));
@@ skipping 50 matching lines @@
       if (hiddenCallFramesCount === 1) {
         this._blackboxedMessageElement.firstChild.textContent =
             Common.UIString('1 stack frame is hidden (black-boxed).');
       } else {
         this._blackboxedMessageElement.firstChild.textContent =
             Common.UIString('%d stack frames are hidden (black-boxed).', hiddenCallFramesCount);
       }
       this._blackboxedMessageElement.classList.remove('hidden');
     }
 
-    this._list.replaceAllItems(items);
+    this._items.replaceAllItems(items);
     this._list.selectNextItem(true /* canWrap */, false /* center */);
   }
 
   /**
    * @override
    * @param {!Sources.CallStackSidebarPane.Item} item
    * @return {!Element}
    */
   createElementForItem(item) {
     var element = createElementWithClass('div', 'call-frame-item');
@@ skipping 197 matching lines @@
 
   /**
    * @return {boolean}
    */
   _selectPreviousCallFrameOnStack() {
     return this._list.selectPreviousItem(false /* canWrap */, false /* center */);
   }
 
   _copyStackTrace() {
     var text = [];
-    for (var i = 0; i < this._list.length(); i++) {
-      var item = this._list.itemAtIndex(i);
+    for (var i = 0; i < this._items.length(); i++) {
+      var item = this._items.itemAtIndex(i);
       if (item.promiseCreationFrame)
         continue;
       var itemText = this._itemTitle(item);
       var location = this._itemLocation(item);
       if (location) {
         var uiLocation = Bindings.debuggerWorkspaceBinding.rawLocationToUILocation(location);
         itemText += ' (' + uiLocation.linkText(true /* skipTrim */) + ')';
       }
       text.push(itemText);
     }
@@ skipping 13 matching lines @@
 
 /**
  * @typedef {{
  *     debuggerCallFrame: (SDK.DebuggerModel.CallFrame|undefined),
  *     asyncStackHeader: (string|undefined),
  *     runtimeCallFrame: (Protocol.Runtime.CallFrame|undefined),
  *     promiseCreationFrame: (Protocol.Runtime.CallFrame|undefined)
  * }}
  */
 Sources.CallStackSidebarPane.Item;