DevTools: extract NetworkConditionsSelector into its own module

third_party/WebKit/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 360 matching lines @@
     }
     return setting;
   }
 
   /**
    * @return {!UI.ToolbarComboBox}
    */
   _createNetworkConditionsSelect() {
     var toolbarItem = new UI.ToolbarComboBox(null);
     toolbarItem.setMaxWidth(140);
-    Components.NetworkConditionsSelector.decorateSelect(toolbarItem.selectElement());
+    NetworkConditions.NetworkConditionsSelector.decorateSelect(toolbarItem.selectElement());
     return toolbarItem;
   }
 
   _prepareToLoadTimeline() {
     console.assert(this._state === Timeline.TimelinePanel.State.Idle);
     this._setState(Timeline.TimelinePanel.State.Loading);
   }
 
   _createFileSelector() {
     if (this._fileSelectorElement)
@@ skipping 321 matching lines @@
         encloseWithTag('b', UI.shortcutRegistry.shortcutDescriptorsForAction('timeline.toggle-recording')[0].name);
     var reloadNode = encloseWithTag('b', UI.shortcutRegistry.shortcutDescriptorsForAction('main.reload')[0].name);
     var navigateNode = encloseWithTag('b', Common.UIString('WASD'));
 
     this._landingPage = new UI.VBox();
     this._landingPage.contentElement.classList.add('timeline-landing-page', 'fill');
     var centered = this._landingPage.contentElement.createChild('div');
 
     centered.createChild('p').appendChild(UI.formatLocalized(
         'To capture a new recording, click the record button or hit %s.%s' +
-        'To evaluate the page load, click the reload button or hit %s to record the reload.',
+            'To evaluate the page load, click the reload button or hit %s to record the reload.',
         [recordNode, createElement('br'), reloadNode]));
 
     centered.createChild('p').appendChild(UI.formatLocalized(
         'After recording, select an area of interest in the overview by dragging. ' +
-        'Then, zoom and pan the timeline with the mousewheel or %s keys. %s',
+            'Then, zoom and pan the timeline with the mousewheel or %s keys. %s',
         [navigateNode, learnMoreNode]));
 
     var cpuProfilerHintSetting = Common.settings.createSetting('timelineShowProfilerHint', true);
     if (cpuProfilerHintSetting.get()) {
       var warning = centered.createChild('p', 'timeline-landing-warning');
       var closeButton = warning.createChild('div', 'timeline-landing-warning-close', 'dt-close-button');
       closeButton.addEventListener('click', () => {
         warning.style.visibility = 'hidden';
         cpuProfilerHintSetting.set(false);
       }, false);
       var performanceSpan = encloseWithTag('b', Common.UIString('Performance'));
       warning.createChild('div').appendChild(UI.formatLocalized(
           'The %s panel provides the combined functionality of Timeline and CPU profiler.%s' +
-          'The JavaScript CPU profiler will be removed shortly. Meanwhile, it\'s available under ' +
-          '%s \u2192 More Tools \u2192 JavaScript Profiler.',
+              'The JavaScript CPU profiler will be removed shortly. Meanwhile, it\'s available under ' +
+              '%s \u2192 More Tools \u2192 JavaScript Profiler.',
           [performanceSpan, createElement('p'), UI.Icon.create('largeicon-menu')]));
     }
 
     this._landingPage.show(this._statusPaneContainer);
   }
 
   _hideLandingPage() {
     this._landingPage.detach();
   }
 
@@ skipping 792 matching lines @@
         return true;
       case 'timeline.jump-to-next-frame':
         panel._jumpToFrame(1);
         return true;
     }
     return false;
   }
 };
 
 Timeline.TimelinePanel._traceProviderSettingSymbol = Symbol('traceProviderSetting');