DevTools: rename WebInspector into modules.

third_party/WebKit/Source/devtools/front_end/layer_viewer/TransformController.js

 /*
  * Copyright 2014 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.
  */
 
 /**
  * @unrestricted
  */
-WebInspector.TransformController = class extends WebInspector.Object {
+LayerViewer.TransformController = class extends Common.Object {
   /**
    * @param {!Element} element
    * @param {boolean=} disableRotate
    */
   constructor(element, disableRotate) {
     super();
     this._shortcuts = {};
     this.element = element;
     if (this.element.tabIndex < 0)
       this.element.tabIndex = 0;
     this._registerShortcuts();
-    WebInspector.installDragHandle(
+    UI.installDragHandle(
         element, this._onDragStart.bind(this), this._onDrag.bind(this), this._onDragEnd.bind(this), 'move', null);
     element.addEventListener('keydown', this._onKeyDown.bind(this), false);
     element.addEventListener('keyup', this._onKeyUp.bind(this), false);
     element.addEventListener('mousewheel', this._onMouseWheel.bind(this), false);
     this._minScale = 0;
     this._maxScale = Infinity;
 
-    this._controlPanelToolbar = new WebInspector.Toolbar('transform-control-panel');
+    this._controlPanelToolbar = new UI.Toolbar('transform-control-panel');
 
-    /** @type {!Object<string, !WebInspector.ToolbarToggle>} */
+    /** @type {!Object<string, !UI.ToolbarToggle>} */
     this._modeButtons = {};
     if (!disableRotate) {
-      var panModeButton = new WebInspector.ToolbarToggle(WebInspector.UIString('Pan mode (X)'), 'largeicon-pan');
-      panModeButton.addEventListener('click', this._setMode.bind(this, WebInspector.TransformController.Modes.Pan));
-      this._modeButtons[WebInspector.TransformController.Modes.Pan] = panModeButton;
+      var panModeButton = new UI.ToolbarToggle(Common.UIString('Pan mode (X)'), 'largeicon-pan');
+      panModeButton.addEventListener('click', this._setMode.bind(this, LayerViewer.TransformController.Modes.Pan));
+      this._modeButtons[LayerViewer.TransformController.Modes.Pan] = panModeButton;
       this._controlPanelToolbar.appendToolbarItem(panModeButton);
       var rotateModeButton =
-          new WebInspector.ToolbarToggle(WebInspector.UIString('Rotate mode (V)'), 'largeicon-rotate');
+          new UI.ToolbarToggle(Common.UIString('Rotate mode (V)'), 'largeicon-rotate');
       rotateModeButton.addEventListener(
-          'click', this._setMode.bind(this, WebInspector.TransformController.Modes.Rotate));
-      this._modeButtons[WebInspector.TransformController.Modes.Rotate] = rotateModeButton;
+          'click', this._setMode.bind(this, LayerViewer.TransformController.Modes.Rotate));
+      this._modeButtons[LayerViewer.TransformController.Modes.Rotate] = rotateModeButton;
       this._controlPanelToolbar.appendToolbarItem(rotateModeButton);
     }
-    this._setMode(WebInspector.TransformController.Modes.Pan);
+    this._setMode(LayerViewer.TransformController.Modes.Pan);
 
     var resetButton =
-        new WebInspector.ToolbarButton(WebInspector.UIString('Reset transform (0)'), 'largeicon-center');
+        new UI.ToolbarButton(Common.UIString('Reset transform (0)'), 'largeicon-center');
     resetButton.addEventListener('click', this.resetAndNotify.bind(this, undefined));
     this._controlPanelToolbar.appendToolbarItem(resetButton);
 
     this._reset();
   }
 
   /**
-   * @return {!WebInspector.Toolbar}
+   * @return {!UI.Toolbar}
    */
   toolbar() {
     return this._controlPanelToolbar;
   }
 
   _onKeyDown(event) {
-    if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Shift.code) {
+    if (event.keyCode === UI.KeyboardShortcut.Keys.Shift.code) {
       this._toggleMode();
       return;
     }
 
-    var shortcutKey = WebInspector.KeyboardShortcut.makeKeyFromEventIgnoringModifiers(event);
+    var shortcutKey = UI.KeyboardShortcut.makeKeyFromEventIgnoringModifiers(event);
     var handler = this._shortcuts[shortcutKey];
     if (handler && handler(event))
       event.consume();
   }
 
   _onKeyUp(event) {
-    if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Shift.code)
+    if (event.keyCode === UI.KeyboardShortcut.Keys.Shift.code)
       this._toggleMode();
   }
 
   _addShortcuts(keys, handler) {
     for (var i = 0; i < keys.length; ++i)
       this._shortcuts[keys[i].key] = handler;
   }
 
   _registerShortcuts() {
-    this._addShortcuts(WebInspector.ShortcutsScreen.LayersPanelShortcuts.ResetView, this.resetAndNotify.bind(this));
+    this._addShortcuts(Components.ShortcutsScreen.LayersPanelShortcuts.ResetView, this.resetAndNotify.bind(this));
     this._addShortcuts(
-        WebInspector.ShortcutsScreen.LayersPanelShortcuts.PanMode,
-        this._setMode.bind(this, WebInspector.TransformController.Modes.Pan));
+        Components.ShortcutsScreen.LayersPanelShortcuts.PanMode,
+        this._setMode.bind(this, LayerViewer.TransformController.Modes.Pan));
     this._addShortcuts(
-        WebInspector.ShortcutsScreen.LayersPanelShortcuts.RotateMode,
-        this._setMode.bind(this, WebInspector.TransformController.Modes.Rotate));
+        Components.ShortcutsScreen.LayersPanelShortcuts.RotateMode,
+        this._setMode.bind(this, LayerViewer.TransformController.Modes.Rotate));
     var zoomFactor = 1.1;
     this._addShortcuts(
-        WebInspector.ShortcutsScreen.LayersPanelShortcuts.ZoomIn, this._onKeyboardZoom.bind(this, zoomFactor));
+        Components.ShortcutsScreen.LayersPanelShortcuts.ZoomIn, this._onKeyboardZoom.bind(this, zoomFactor));
     this._addShortcuts(
-        WebInspector.ShortcutsScreen.LayersPanelShortcuts.ZoomOut, this._onKeyboardZoom.bind(this, 1 / zoomFactor));
+        Components.ShortcutsScreen.LayersPanelShortcuts.ZoomOut, this._onKeyboardZoom.bind(this, 1 / zoomFactor));
     this._addShortcuts(
-        WebInspector.ShortcutsScreen.LayersPanelShortcuts.Up, this._onKeyboardPanOrRotate.bind(this, 0, -1));
+        Components.ShortcutsScreen.LayersPanelShortcuts.Up, this._onKeyboardPanOrRotate.bind(this, 0, -1));
     this._addShortcuts(
-        WebInspector.ShortcutsScreen.LayersPanelShortcuts.Down, this._onKeyboardPanOrRotate.bind(this, 0, 1));
+        Components.ShortcutsScreen.LayersPanelShortcuts.Down, this._onKeyboardPanOrRotate.bind(this, 0, 1));
     this._addShortcuts(
-        WebInspector.ShortcutsScreen.LayersPanelShortcuts.Left, this._onKeyboardPanOrRotate.bind(this, -1, 0));
+        Components.ShortcutsScreen.LayersPanelShortcuts.Left, this._onKeyboardPanOrRotate.bind(this, -1, 0));
     this._addShortcuts(
-        WebInspector.ShortcutsScreen.LayersPanelShortcuts.Right, this._onKeyboardPanOrRotate.bind(this, 1, 0));
+        Components.ShortcutsScreen.LayersPanelShortcuts.Right, this._onKeyboardPanOrRotate.bind(this, 1, 0));
   }
 
   _postChangeEvent() {
-    this.dispatchEventToListeners(WebInspector.TransformController.Events.TransformChanged);
+    this.dispatchEventToListeners(LayerViewer.TransformController.Events.TransformChanged);
   }
 
   _reset() {
     this._scale = 1;
     this._offsetX = 0;
     this._offsetY = 0;
     this._rotateX = 0;
     this._rotateY = 0;
   }
 
   _toggleMode() {
     this._setMode(
-        this._mode === WebInspector.TransformController.Modes.Pan ? WebInspector.TransformController.Modes.Rotate :
-                                                                    WebInspector.TransformController.Modes.Pan);
+        this._mode === LayerViewer.TransformController.Modes.Pan ? LayerViewer.TransformController.Modes.Rotate :
+                                                                    LayerViewer.TransformController.Modes.Pan);
   }
 
   /**
-   * @param {!WebInspector.TransformController.Modes} mode
+   * @param {!LayerViewer.TransformController.Modes} mode
    */
   _setMode(mode) {
     if (this._mode === mode)
       return;
     this._mode = mode;
     this._updateModeButtons();
     this.element.focus();
   }
 
   _updateModeButtons() {
@@ skipping 109 matching lines @@
   }
 
   /**
    * @param {number} xMultiplier
    * @param {number} yMultiplier
    */
   _onKeyboardPanOrRotate(xMultiplier, yMultiplier) {
     var panStepInPixels = 6;
     var rotateStepInDegrees = 5;
 
-    if (this._mode === WebInspector.TransformController.Modes.Rotate) {
+    if (this._mode === LayerViewer.TransformController.Modes.Rotate) {
       // Sic! _onRotate treats X and Y as "rotate around X" and "rotate around Y", so swap X/Y multiplers.
       this._onRotate(
           this._rotateX + yMultiplier * rotateStepInDegrees, this._rotateY + xMultiplier * rotateStepInDegrees);
     } else {
       this._onPan(xMultiplier * panStepInPixels, yMultiplier * panStepInPixels);
     }
   }
 
   /**
    * @param {!Event} event
    */
   _onMouseWheel(event) {
     /** @const */
     var zoomFactor = 1.1;
     /** @const */
     var mouseWheelZoomSpeed = 1 / 120;
     var scaleFactor = Math.pow(zoomFactor, event.wheelDeltaY * mouseWheelZoomSpeed);
     this._onScale(
         scaleFactor, event.clientX - this.element.totalOffsetLeft(), event.clientY - this.element.totalOffsetTop());
   }
 
   /**
    * @param {!Event} event
    */
   _onDrag(event) {
-    if (this._mode === WebInspector.TransformController.Modes.Rotate) {
+    if (this._mode === LayerViewer.TransformController.Modes.Rotate) {
       this._onRotate(
           this._oldRotateX + (this._originY - event.clientY) / this.element.clientHeight * 180,
           this._oldRotateY - (this._originX - event.clientX) / this.element.clientWidth * 180);
     } else {
       this._onPan(event.clientX - this._originX, event.clientY - this._originY);
       this._originX = event.clientX;
       this._originY = event.clientY;
     }
   }
 
@@ skipping 11 matching lines @@
 
   _onDragEnd() {
     delete this._originX;
     delete this._originY;
     delete this._oldRotateX;
     delete this._oldRotateY;
   }
 };
 
 /** @enum {symbol} */
-WebInspector.TransformController.Events = {
+LayerViewer.TransformController.Events = {
   TransformChanged: Symbol('TransformChanged')
 };
 
 /**
  * @enum {string}
  */
-WebInspector.TransformController.Modes = {
+LayerViewer.TransformController.Modes = {
   Pan: 'Pan',
   Rotate: 'Rotate',
 };