Timeline: make prepareHighlightedEntryInfo return ?Promise<!Element>

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

 /*
  * Copyright (C) 2014 Google 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 121 matching lines @@
      * @return {number}
      */
     maxStackDepth: function()
     {
         return this._currentLevel;
     },
 
     /**
      * @override
      * @param {number} entryIndex
-     * @return {?Array.<!{title: string, value: (string|!Element)}>}
+     * @return {?Element}
      */
     prepareHighlightedEntryInfo: function(entryIndex)
     {
         return null;
     },
 
     /**
      * @override
      * @param {number} entryIndex
      * @return {boolean}
@@ skipping 475 matching lines @@
      * @return {!WebInspector.TimelineFlameChartEntryType}
      */
     _entryType: function(entryIndex)
     {
         return this._entryTypeByLevel[this._timelineData.entryLevels[entryIndex]];
     },
 
     /**
      * @override
      * @param {number} entryIndex
-     * @return {?Array.<!{title: string, value: (string|!Element)}>}
+     * @return {?Element}
      */
     prepareHighlightedEntryInfo: function(entryIndex)
     {
         var time = "";
         var title;
         var warning;
         var type = this._entryType(entryIndex);
         if (type === WebInspector.TimelineFlameChartEntryType.Event) {
             var event = /** @type {!WebInspector.TracingModel.Event} */ (this._entryData[entryIndex]);
             var totalTime = event.duration;
@@ skipping 10 matching lines @@
             var frame = /** @type {!WebInspector.TimelineFrame} */ (this._entryData[entryIndex]);
             time = WebInspector.UIString("%s ~ %.0f\u2009fps", Number.preciseMillisToString(frame.duration, 1), (1000 / frame.duration));
             title = frame.idle ? WebInspector.UIString("Idle Frame") : WebInspector.UIString("Frame");
             if (frame.hasWarnings()) {
                 warning = createElement("span");
                 warning.textContent = WebInspector.UIString("Long frame");
             }
         } else {
             return null;
         }
-        var value = createElement("div");
-        var root = WebInspector.createShadowRootWithCoreStyles(value, "timeline/timelineFlamechartPopover.css");
+        var element = createElement("div");
+        var root = WebInspector.createShadowRootWithCoreStyles(element, "timeline/timelineFlamechartPopover.css");
         var contents = root.createChild("div", "timeline-flamechart-popover");
         contents.createChild("span", "timeline-info-time").textContent = time;
         contents.createChild("span", "timeline-info-title").textContent = title;
         if (warning) {
             warning.classList.add("timeline-info-warning");
             contents.appendChild(warning);
         }
-        return [{ title: "", value: value }];
+        return element;
     },
 
     /**
      * @override
      * @param {number} entryIndex
      * @return {string}
      */
     entryColor: function(entryIndex)
     {
         // This is not annotated due to closure compiler failure to properly infer cache container's template type.
@@ skipping 440 matching lines @@
      * @return {boolean}
      */
     forceDecoration: function(index)
     {
         return true;
     },
 
     /**
      * @override
      * @param {number} index
-     * @return {?Array<!{title: string, value: (string|!Element)}>}
+     * @return {?Element}
      */
     prepareHighlightedEntryInfo: function(index)
     {
         var /** @const */ maxURLChars = 80;
         var request = /** @type {!WebInspector.TimelineModel.NetworkRequest} */ (this._requests[index]);
         if (!request.url)
             return null;
-        var value = createElement("div");
-        var root = WebInspector.createShadowRootWithCoreStyles(value, "timeline/timelineFlamechartPopover.css");
+        var element = createElement("div");
+        var root = WebInspector.createShadowRootWithCoreStyles(element, "timeline/timelineFlamechartPopover.css");
         var contents = root.createChild("div", "timeline-flamechart-popover");
         var duration = request.endTime - request.startTime;
         if (request.startTime && isFinite(duration))
             contents.createChild("span", "timeline-info-network-time").textContent = Number.millisToString(duration);
         if (typeof request.priority === "string") {
             var div = contents.createChild("span");
             div.textContent = WebInspector.uiLabelForPriority(/** @type {!NetworkAgent.ResourcePriority} */ (request.priority));
             div.style.color = this._colorForPriority(request.priority) || "black";
         }
         contents.createChild("span").textContent = request.url.trimMiddle(maxURLChars);
-        return [{ title: "", value: value }];
+        return element;
     },
 
     /**
      * @param {string} priority
      * @return {?string}
      */
     _colorForPriority: function(priority)
     {
         switch (/** @type {!NetworkAgent.ResourcePriority} */ (priority)) {
         case NetworkAgent.ResourcePriority.VeryLow: return "#080";
@@ skipping 346 matching lines @@
 /**
   * @constructor
   * @param {!WebInspector.TimelineSelection} selection
   * @param {number} entryIndex
   */
 WebInspector.TimelineFlameChartView.Selection = function(selection, entryIndex)
 {
     this.timelineSelection = selection;
     this.entryIndex = entryIndex;
 }