DevTools: extract modules (non-extensions)

third_party/WebKit/Source/devtools/front_end/perf_ui/TimelineGrid.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2009 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 13 matching lines @@
  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 /**
  * @unrestricted
  */
-UI.TimelineGrid = class {
+PerfUI.TimelineGrid = class {
   constructor() {
     this.element = createElement('div');
-    UI.appendStyle(this.element, 'ui_lazy/timelineGrid.css');
+    UI.appendStyle(this.element, 'perf_ui/timelineGrid.css');
 
     this._dividersElement = this.element.createChild('div', 'resources-dividers');
 
     this._gridHeaderElement = createElement('div');
     this._gridHeaderElement.classList.add('timeline-grid-header');
     this._eventDividersElement = this._gridHeaderElement.createChild('div', 'resources-event-dividers');
     this._dividersLabelBarElement = this._gridHeaderElement.createChild('div', 'resources-dividers-label-bar');
     this.element.appendChild(this._gridHeaderElement);
   }
 
   /**
-   * @param {!UI.TimelineGrid.Calculator} calculator
+   * @param {!PerfUI.TimelineGrid.Calculator} calculator
    * @param {number=} freeZoneAtLeft
    * @return {!{offsets: !Array.<number>, precision: number}}
    */
   static calculateDividerOffsets(calculator, freeZoneAtLeft) {
     /** @const */ var minGridSlicePx = 64;  // minimal distance between grid lines.
 
     var clientWidth = calculator.computePosition(calculator.maximumBoundary());
     var dividersCount = clientWidth / minGridSlicePx;
     var gridSliceTime = calculator.boundarySpan() / dividersCount;
     var pixelsPerTime = clientWidth / calculator.boundarySpan();
@@ skipping 28 matching lines @@
       if (calculator.computePosition(time) < freeZoneAtLeft)
         continue;
       offsets.push(time);
     }
 
     return {offsets: offsets, precision: Math.max(0, -Math.floor(Math.log(gridSliceTime * 1.01) / Math.LN10))};
   }
 
   /**
    * @param {!CanvasRenderingContext2D} context
-   * @param {!UI.TimelineGrid.Calculator} calculator
+   * @param {!PerfUI.TimelineGrid.Calculator} calculator
    * @param {number} paddingTop
    * @param {number=} headerHeight
    * @param {number=} freeZoneAtLeft
    */
   static drawCanvasGrid(context, calculator, paddingTop, headerHeight, freeZoneAtLeft) {
     context.save();
     var ratio = window.devicePixelRatio;
     context.scale(ratio, ratio);
     var width = context.canvas.width / window.devicePixelRatio;
     var height = context.canvas.height / window.devicePixelRatio;
-    var dividersData = UI.TimelineGrid.calculateDividerOffsets(calculator);
+    var dividersData = PerfUI.TimelineGrid.calculateDividerOffsets(calculator);
     var dividerOffsets = dividersData.offsets;
     var precision = dividersData.precision;
 
     if (headerHeight) {
       context.fillStyle = UI.themeSupport.patchColor('rgba(255, 255, 255, 0.5)', UI.ThemeSupport.ColorUsage.Background);
       context.fillRect(0, 0, width, headerHeight);
     }
 
     context.fillStyle = UI.themeSupport.patchColor('#333', UI.ThemeSupport.ColorUsage.Foreground);
     context.strokeStyle = UI.themeSupport.patchColor('rgba(0, 0, 0, 0.1)', UI.ThemeSupport.ColorUsage.Foreground);
@@ skipping 27 matching lines @@
   get dividersLabelBarElement() {
     return this._dividersLabelBarElement;
   }
 
   removeDividers() {
     this._dividersElement.removeChildren();
     this._dividersLabelBarElement.removeChildren();
   }
 
   /**
-   * @param {!UI.TimelineGrid.Calculator} calculator
+   * @param {!PerfUI.TimelineGrid.Calculator} calculator
    * @param {number=} freeZoneAtLeft
    * @return {boolean}
    */
   updateDividers(calculator, freeZoneAtLeft) {
-    var dividersData = UI.TimelineGrid.calculateDividerOffsets(calculator, freeZoneAtLeft);
+    var dividersData = PerfUI.TimelineGrid.calculateDividerOffsets(calculator, freeZoneAtLeft);
     var dividerOffsets = dividersData.offsets;
     var precision = dividersData.precision;
 
     var dividersElementClientWidth = this._dividersElement.clientWidth;
 
     // Reuse divider elements and labels.
     var divider = /** @type {?Element} */ (this._dividersElement.firstChild);
     var dividerLabelBar = /** @type {?Element} */ (this._dividersLabelBarElement.firstChild);
 
     for (var i = 0; i < dividerOffsets.length; ++i) {
@@ skipping 80 matching lines @@
   setScrollTop(scrollTop) {
     this._dividersLabelBarElement.style.top = scrollTop + 'px';
     this._eventDividersElement.style.top = scrollTop + 'px';
   }
 };
 
 
 /**
  * @interface
  */
-UI.TimelineGrid.Calculator = function() {};
+PerfUI.TimelineGrid.Calculator = function() {};
 
-UI.TimelineGrid.Calculator.prototype = {
+PerfUI.TimelineGrid.Calculator.prototype = {
   /**
    * @return {number}
    */
   paddingLeft() {},
 
   /**
    * @param {number} time
    * @return {number}
    */
   computePosition(time) {},
@@ skipping 10 matching lines @@
 
   /** @return {number} */
   zeroTime() {},
 
   /** @return {number} */
   maximumBoundary() {},
 
   /** @return {number} */
   boundarySpan() {}
 };