DevTools: extract modules (with extensions)

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

 /*
  * Copyright (C) 2012 Google 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.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 49 matching lines @@
     this._canvasContainer = canvasWidget.element;
     this._canvasContainer.id = 'memory-graphs-canvas-container';
     this._canvas = this._canvasContainer.createChild('canvas');
     this._canvas.id = 'memory-counters-graph';
 
     this._canvasContainer.addEventListener('mouseover', this._onMouseMove.bind(this), true);
     this._canvasContainer.addEventListener('mousemove', this._onMouseMove.bind(this), true);
     this._canvasContainer.addEventListener('mouseleave', this._onMouseLeave.bind(this), true);
     this._canvasContainer.addEventListener('click', this._onClick.bind(this), true);
     // We create extra timeline grid here to reuse its event dividers.
-    this._timelineGrid = new UI.TimelineGrid();
+    this._timelineGrid = new Perf_UI.TimelineGrid();
     this._canvasContainer.appendChild(this._timelineGrid.dividersElement);
 
     this._counters = [];
     this._counterUI = [];
   }
 
   _createCurrentValuesBar() {
     this._currentValuesBar = this._graphsContainer.element.createChild('div');
     this._currentValuesBar.id = 'counter-values-bar';
   }
@@ skipping 434 matching lines @@
 
   /**
    * @return {boolean}
    */
   visible() {
     return this._filter.checked();
   }
 };
 
 /**
- * @implements {UI.TimelineGrid.Calculator}
+ * @implements {Perf_UI.TimelineGrid.Calculator}
  * @unrestricted
  */
 Timeline.CounterGraphCalculator = class {
   /**
    * @param {!TimelineModel.TimelineModel} model
    */
   constructor(model) {
     this._model = model;
   }
 
@@ skipping 65 matching lines @@
   /**
    * @override
    * @return {number}
    */
   boundarySpan() {
     return this._maximumBoundary - this._minimumBoundary;
   }
 };
 
 Timeline.CounterGraphCalculator._minWidth = 5;