DevTools: Refactor: Split timeline overview strips into components

Source/devtools/front_end/timeline/TimelinePanel.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel 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.
@@ skipping 584 matching lines @@
         var isFrameMode = this._overviewModeSetting.get() === WebInspector.TimelinePanel.OverviewMode.Frames;
         this._removeAllModeViews();
         this._overviewControls = [];
 
         if (isFrameMode) {
             this._frameOverview = new WebInspector.TimelineFrameOverview(this._model, this._frameModel());
             this._frameOverview.addEventListener(WebInspector.TimelineFrameOverview.Events.SelectionChanged, this._onOverviewSelectionChanged, this);
             this._overviewControls.push(this._frameOverview);
         } else {
             this._frameOverview = null;
-            this._overviewControls.push(new WebInspector.TimelineEventOverview(this._model, this._frameModel()));
+            if (Runtime.experiments.isEnabled("inputEventsOnTimelineOverview"))
+                this._overviewControls.push(new WebInspector.TimelineEventOverview.Input(this._model));
+            this._overviewControls.push(new WebInspector.TimelineEventOverview.Network(this._model));
+            this._overviewControls.push(new WebInspector.TimelineEventOverview.MainThread(this._model));
+            this._overviewControls.push(new WebInspector.TimelineEventOverview.OtherThreads(this._model));
+            this._overviewControls.push(new WebInspector.TimelineEventOverview.Responsiveness(this._model, this._frameModel()));
+            this._overviewControls.push(new WebInspector.TimelineEventOverview.Frames(this._model, this._frameModel()));
         }
         this.element.classList.toggle("timeline-overview-frames-mode", isFrameMode);
 
         if (this._flameChartEnabledSetting.get()) {
             this._filterBar.filterButton().setEnabled(false);
             this._filterBar.filtersElement().classList.toggle("hidden", true);
             this._flameChart = new WebInspector.TimelineFlameChartView(this, this._model, this._frameModel());
             this._flameChart.enableNetworkPane(this._captureNetworkSetting.get());
             this._addModeView(this._flameChart);
         } else {
@@ skipping 1254 matching lines @@
      */
     reset: function()
     {
         this._filmStripView.reset();
         this._lastFrame = null;
         this._lastElement = null;
     },
 
     __proto__: WebInspector.TimelineOverviewBase.prototype
 }