DevTools: Show event initiator on Flame Chart for selected entries

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 229 matching lines @@
     if (selection && this._detailsView)
       this._detailsView.setSelection(selection);
   }
 
   /**
    * @param {!PerfUI.FlameChartDataProvider} dataProvider
    * @param {!Common.Event} event
    */
   _onEntrySelected(dataProvider, event) {
     var entryIndex = /** @type{number} */ (event.data);
+    if (Runtime.experiments.isEnabled('timelineEventInitiators') && dataProvider === this._mainDataProvider) {
+      if (this._mainDataProvider.buildFlowForInitiator(entryIndex))
+        this._mainFlameChart.scheduleUpdate();
+    }
     this._delegate.select(dataProvider.createSelection(entryIndex));
   }
 
   resizeToPreferredHeights() {
     if (!this.isShowing()) {
       this._needsResizeToPreferredHeights = true;
       return;
     }
     this._needsResizeToPreferredHeights = false;
     this._networkPane.element.classList.toggle(
@@ skipping 240 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();
   }
 };