[DevTools] Simplify Popover API

third_party/WebKit/Source/devtools/front_end/animation/AnimationTimeline.js

 // Copyright (c) 2015 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<!Animation.AnimationModel>}
  * @unrestricted
  */
 Animation.AnimationTimeline = class extends UI.VBox {
   constructor() {
     super(true);
@@ skipping 155 matching lines @@
    * @param {!Event} event
    * @return {!Element|!AnchorBox|undefined}
    */
   _getPopoverAnchor(element, event) {
     if (element.isDescendant(this._previewContainer))
       return element;
   }
 
   /**
    * @param {!Element} anchor
-   * @param {!UI.Popover} popover
+   * @param {!UI.GlassPane} popover
+   * @return {!Promise<boolean>}
    */
   _showPopover(anchor, popover) {
     var animGroup;
     for (var group of this._previewMap.keysArray()) {
       if (this._previewMap.get(group).element === anchor.parentElement)
         animGroup = group;
     }
     console.assert(animGroup);
     var screenshots = animGroup.screenshots();
     if (!screenshots.length)
-      return;
+      return Promise.resolve(false);
 
+    var fulfill;
+    var promise = new Promise(x => fulfill = x);
     if (!screenshots[0].complete)
       screenshots[0].onload = onFirstScreenshotLoaded.bind(null, screenshots);
     else
       onFirstScreenshotLoaded(screenshots);
+    return promise;
 
     /**
      * @param  {!Array.<!Image>} screenshots
      */
     function onFirstScreenshotLoaded(screenshots) {
-      var content = new Animation.AnimationScreenshotPopover(screenshots);
-      popover.setNoPadding(true);
-      popover.showView(content, anchor);
+      new Animation.AnimationScreenshotPopover(screenshots).show(popover.contentElement);
+      fulfill(true);
     }
   }
 
   _onHidePopover() {
   }
 
   _togglePauseAll() {
     this._allPaused = !this._allPaused;
     this._pauseButton.setToggled(this._allPaused);
     this._setPlaybackRate(this._playbackRate);
@@ skipping 519 matching lines @@
   static parse(text) {
     var match = text.match(/^steps\((\d+), (start|middle)\)$/);
     if (match)
       return new Animation.AnimationTimeline.StepTimingFunction(parseInt(match[1], 10), match[2]);
     match = text.match(/^steps\((\d+)\)$/);
     if (match)
       return new Animation.AnimationTimeline.StepTimingFunction(parseInt(match[1], 10), 'end');
     return null;
   }
 };