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

third_party/WebKit/Source/devtools/front_end/timeline/TimelineHistoryManager.js

 // Copyright 2017 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.
 
 Timeline.TimelineHistoryManager = class {
   constructor() {
     /** @type {!Array<!Timeline.PerformanceModel>} */
     this._recordings = [];
     this._action = UI.actionRegistry.action('timeline.show-history');
     this._action.setEnabled(false);
@@ skipping 237 matching lines @@
     this._glassPane.setOutsideClickCallback(() => this._close(null));
     this._glassPane.setPointerEventsBehavior(UI.GlassPane.PointerEventsBehavior.BlockedByGlassPane);
     this._glassPane.setAnchorBehavior(UI.GlassPane.AnchorBehavior.PreferBottom);
 
     var shadowRoot =
         UI.createShadowRootWithCoreStyles(this._glassPane.contentElement, 'timeline/timelineHistoryManager.css');
     var contentElement = shadowRoot.createChild('div', 'drop-down');
 
     this._listControl = new UI.ListControl(this, UI.ListMode.NonViewport);
     this._listControl.element.addEventListener('mousemove', this._onMouseMove.bind(this), false);
-    this._listControl.replaceAllItems(models);
+    this._listControl.source().replaceAllItems(models);
 
     contentElement.appendChild(this._listControl.element);
     contentElement.addEventListener('keydown', this._onKeyDown.bind(this), false);
     contentElement.addEventListener('click', this._onClick.bind(this), false);
 
     /** @type {?function(?Timeline.PerformanceModel)} */
     this._selectionDone = null;
   }
 
   /**
@@ skipping 143 matching lines @@
     action.addEventListener(UI.Action.Events.Enabled, data => this.setEnabled(/** @type {boolean} */ (data)));
   }
 
   /**
    * @param {string} text
    */
   setText(text) {
     this._contentElement.textContent = text;
   }
 };