[DevTools] Migrate CallStackSidebarPane to UI.ListControl.

third_party/WebKit/Source/devtools/front_end/bindings/BlackboxManager.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.TargetManager.Observer}
  * @unrestricted
  */
 Bindings.BlackboxManager = class {
   /**
    * @param {!Bindings.DebuggerWorkspaceBinding} debuggerWorkspaceBinding
    */
   constructor(debuggerWorkspaceBinding) {
     this._debuggerWorkspaceBinding = debuggerWorkspaceBinding;
 
     SDK.targetManager.addModelListener(
         SDK.DebuggerModel, SDK.DebuggerModel.Events.ParsedScriptSource, this._parsedScriptSource, this);
     SDK.targetManager.addModelListener(
         SDK.DebuggerModel, SDK.DebuggerModel.Events.GlobalObjectCleared, this._globalObjectCleared, this);
     Common.moduleSetting('skipStackFramesPattern').addChangeListener(this._patternChanged.bind(this));
     Common.moduleSetting('skipContentScripts').addChangeListener(this._patternChanged.bind(this));
 
+    /** @type {!Set<function()>} */
+    this._listeners = new Set();
+
     /** @type {!Map<!SDK.DebuggerModel, !Map<string, !Array<!Protocol.Debugger.ScriptPosition>>>} */
     this._debuggerModelData = new Map();
     /** @type {!Map<string, boolean>} */
     this._isBlackboxedURLCache = new Map();
 
     SDK.targetManager.observeTargets(this);
   }
 
   /**
-   * @param {function(!Common.Event)} listener
-   * @param {!Object=} thisObject
+   * @param {function()} listener
    */
-  addChangeListener(listener, thisObject) {
-    Common.moduleSetting('skipStackFramesPattern').addChangeListener(listener, thisObject);
+  addChangeListener(listener) {
+    this._listeners.add(listener);
   }
 
   /**
-   * @param {function(!Common.Event)} listener
-   * @param {!Object=} thisObject
+   * @param {function()} listener
    */
-  removeChangeListener(listener, thisObject) {
-    Common.moduleSetting('skipStackFramesPattern').removeChangeListener(listener, thisObject);
+  removeChangeListener(listener) {
+    this._listeners.delete(listener);
   }
 
   /**
    * @override
    * @param {!SDK.Target} target
    */
   targetAdded(target) {
     var debuggerModel = SDK.DebuggerModel.fromTarget(target);
     if (debuggerModel)
       this._setBlackboxPatterns(debuggerModel);
@@ skipping 224 matching lines @@
 
     /** @type {!Array<!Promise>} */
     var promises = [];
     for (var debuggerModel of SDK.DebuggerModel.instances()) {
       promises.push(this._setBlackboxPatterns(debuggerModel));
       for (var scriptId in debuggerModel.scripts) {
         var script = debuggerModel.scripts[scriptId];
         promises.push(this._addScript(script).then(loadSourceMap.bind(this, script)));
       }
     }
-    Promise.all(promises).then(this._patternChangeFinishedForTests.bind(this));
+    Promise.all(promises).then(() => {
+      var listeners = Array.from(this._listeners);
+      for (var listener of listeners)
+        listener();
+      this._patternChangeFinishedForTests();
+    });
 
     /**
      * @param {!SDK.Script} script
      * @return {!Promise<undefined>}
      * @this {Bindings.BlackboxManager}
      */
     function loadSourceMap(script) {
       return this.sourceMapLoaded(script, this._debuggerWorkspaceBinding.sourceMapForScript(script));
     }
   }
@@ skipping 127 matching lines @@
       if (scheme === 'chrome-extension')
         prefix += parsedURL.host + '\\b';
       prefix += '.*';
     }
     return prefix + name.escapeForRegExp() + (url.endsWith(name) ? '$' : '\\b');
   }
 };
 
 /** @type {!Bindings.BlackboxManager} */
 Bindings.blackboxManager;