DevTools: Make EntryHighlighted an event rather than method on data provider

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

 // Copyright 2016 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 {Timeline.TimelineModeView}
  * @implements {PerfUI.FlameChartDelegate}
  * @implements {UI.Searchable}
  * @unrestricted
  */
@@ skipping 55 matching lines @@
     this._detailsView = new Timeline.TimelineDetailsView(filters, delegate);
     this._detailsSplitWidget.installResizer(this._detailsView.headerElement());
     this._detailsSplitWidget.setMainWidget(this._chartSplitWidget);
     this._detailsSplitWidget.setSidebarWidget(this._detailsView);
     this._detailsSplitWidget.show(this.element);
 
     this._onMainEntrySelected = this._onEntrySelected.bind(this, this._mainDataProvider);
     this._onNetworkEntrySelected = this._onEntrySelected.bind(this, this._networkDataProvider);
     this._mainFlameChart.addEventListener(PerfUI.FlameChart.Events.EntrySelected, this._onMainEntrySelected, this);
     this._networkFlameChart.addEventListener(PerfUI.FlameChart.Events.EntrySelected, this._onNetworkEntrySelected, this);
+    this._mainFlameChart.addEventListener(PerfUI.FlameChart.Events.EntryHighlighted, this._onEntryHighlighted, this);
     this._nextExtensionIndex = 0;
 
     this._boundRefresh = this._refresh.bind(this);
   }
 
   /**
    * @override
    * @return {?Element}
    */
   resizerElement() {
@@ skipping 57 matching lines @@
   _appendExtensionData() {
     if (!this._model)
       return;
     var extensions = this._model.extensionInfo();
     while (this._nextExtensionIndex < extensions.length)
       this._mainDataProvider.appendExtensionEvents(extensions[this._nextExtensionIndex++]);
     this._mainFlameChart.scheduleUpdate();
   }
 
   /**
+   * @param {!Common.Event} commonEvent
+   */
+  _onEntryHighlighted(commonEvent) {
+    SDK.DOMModel.hideDOMNodeHighlight();
+    var entryIndex = /** @type {number} */ (commonEvent.data);
+    var event = this._mainDataProvider.eventByIndex(entryIndex);
+    if (!event)
+      return;
+    var target = this._model && this._model.timelineModel().targetByEvent(event);
+    if (!target)
+      return;
+    var timelineData = TimelineModel.TimelineData.forEvent(event);
+    var backendNodeId = timelineData.backendNodeId;
+    if (!backendNodeId)
+      return;
+    new SDK.DeferredDOMNode(target, backendNodeId).highlight();
+  }
+
+  /**
    * @override
    * @param {?SDK.TracingModel.Event} event
    */
   highlightEvent(event) {
     var entryIndex =
         event ? this._mainDataProvider.entryIndexForSelection(Timeline.TimelineSelection.fromTraceEvent(event)) : -1;
     if (entryIndex >= 0)
       this._mainFlameChart.highlightEntry(entryIndex);
     else
       this._mainFlameChart.hideHighlight();
@@ skipping 341 matching lines @@
       context.translate(this._style.lineWidth < 1 || (this._style.lineWidth & 1) ? 0.5 : 0, 0.5);
       context.beginPath();
       context.moveTo(x, height);
       context.setLineDash(this._style.dashStyle);
       context.lineTo(x, context.canvas.height);
       context.stroke();
     }
     context.restore();
   }
 };