DevTools: extract NetworkConditionsSelector into its own module

third_party/WebKit/Source/devtools/front_end/timeline/TimelineNetworkFlameChart.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 {PerfUI.FlameChartDataProvider}
  * @unrestricted
  */
 Timeline.TimelineFlameChartNetworkDataProvider = class {
   /**
@@ skipping 268 matching lines @@
       return null;
     var element = createElement('div');
     var root = UI.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 =
-          Components.uiLabelForPriority(/** @type {!Protocol.Network.ResourcePriority} */ (request.priority));
+          NetworkConditions.uiLabelForPriority(/** @type {!Protocol.Network.ResourcePriority} */ (request.priority));
       div.style.color = this._colorForPriority(request.priority) || 'black';
     }
     contents.createChild('span').textContent = request.url.trimMiddle(maxURLChars);
     return element;
   }
 
   /**
    * @param {string} priority
    * @return {?string}
    */
   _colorForPriority(priority) {
     if (!this._priorityToValue) {
       var priorities = Protocol.Network.ResourcePriority;
       this._priorityToValue = new Map([
-        [priorities.VeryLow, 1],
-        [priorities.Low, 2],
-        [priorities.Medium, 3],
-        [priorities.High, 4],
-        [priorities.VeryHigh, 5]]);
+        [priorities.VeryLow, 1], [priorities.Low, 2], [priorities.Medium, 3], [priorities.High, 4],
+        [priorities.VeryHigh, 5]
+      ]);
     }
     var value = this._priorityToValue.get(priority);
     return value ? `hsla(214, 80%, 50%, ${value / 5})` : null;
   }
 
   /**
    * @param {!Array.<!SDK.TracingModel.Event>} events
    */
   _appendTimelineData(events) {
     this._minimumBoundary = this._model.minimumRecordTime();
@@ skipping 61 matching lines @@
 
   /**
    * @override
    * @param {number} entryIndex
    * @return {boolean}
    */
   canJumpToEntry(entryIndex) {
     return false;
   }
 };