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

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

 // Copyright 2014 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.
 /**
  * @implements {SDK.SDKModelObserver<!SDK.DebuggerModel>}
  * @implements {UI.ListDelegate<!SDK.DebuggerModel>}
  */
 Sources.ThreadsSidebarPane = class extends UI.VBox {
   constructor() {
     super(true);
@@ skipping 88 matching lines @@
       toElement.classList.add('selected');
     if (to)
       UI.context.setFlavor(SDK.Target, to.target());
   }
 
   /**
    * @override
    * @param {!SDK.DebuggerModel} debuggerModel
    */
   modelAdded(debuggerModel) {
-    this._list.pushItem(debuggerModel);
+    this._list.source().pushItem(debuggerModel);
     var currentTarget = UI.context.flavor(SDK.Target);
     if (currentTarget === debuggerModel.target())
       this._list.selectItem(debuggerModel);
   }
 
   /**
    * @override
    * @param {!SDK.DebuggerModel} debuggerModel
    */
   modelRemoved(debuggerModel) {
-    this._list.removeItem(debuggerModel);
+    this._list.source().removeItem(debuggerModel);
   }
 
   /**
    * @param {!Common.Event} event
    */
   _targetFlavorChanged(event) {
     var target = /** @type {!SDK.Target} */ (event.data);
     var debuggerModel = target.model(SDK.DebuggerModel);
     if (debuggerModel)
       this._list.selectItem(debuggerModel);
   }
 };