Run clang-format on ui/webui/resources

ui/webui/resources/js/cr/ui/splitter.js

 // Copyright (c) 2012 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.
 
 /**
  * @fileoverview This implements a splitter element which can be used to resize
  * elements in split panes.
  *
  * The parent of the splitter should be an hbox (display: -webkit-box) with at
  * least one previous element sibling. The splitter controls the width of the
@@ skipping 24 matching lines @@
 
   /**
    * This uses a WebKit bug to work around the same bug. getComputedStyle does
    * not take the page zoom into account so it returns the physical pixels
    * instead of the logical pixel size.
    * @param {!Document} doc The document to get the page zoom factor for.
    * @return {number} The zoom factor of the document.
    */
   function getZoomFactor(doc) {
     var dummyElement = doc.createElement('div');
-    dummyElement.style.cssText =
-    'position:absolute;width:100px;height:100px;top:-1000px;overflow:hidden';
+    dummyElement.style.cssText = 'position:absolute;width:100px;height:100px;' +
+        'top:-1000px;overflow:hidden';
     doc.body.appendChild(dummyElement);
     var cs = doc.defaultView.getComputedStyle(dummyElement);
     var rect = dummyElement.getBoundingClientRect();
     var zoomFactor = parseFloat(cs.width) / 100;
     doc.body.removeChild(dummyElement);
     return zoomFactor;
   }
 
   /**
    * Creates a new splitter element.
    * @param {Object=} opt_propertyBag Optional properties.
    * @constructor
    * @extends {HTMLDivElement}
    */
   var Splitter = cr.ui.define('div');
 
   Splitter.prototype = {
     __proto__: HTMLDivElement.prototype,
 
     /**
      * Initializes the element.
      */
     decorate: function() {
-      this.addEventListener('mousedown', this.handleMouseDown_.bind(this),
-                            true);
-      this.addEventListener('touchstart', this.handleTouchStart_.bind(this),
-                            true);
+      this.addEventListener(
+          'mousedown', this.handleMouseDown_.bind(this), true);
+      this.addEventListener(
+          'touchstart', this.handleTouchStart_.bind(this), true);
       this.resizeNextElement_ = false;
     },
 
     /**
      * @param {boolean} resizeNext True if resize the next element.
      *     By default, splitter resizes previous (left) element.
      */
-    set resizeNextElement(resizeNext) {
-      this.resizeNextElement_ = resizeNext;
-    },
+    set resizeNextElement(resizeNext) { this.resizeNextElement_ = resizeNext; },
 
     /**
      * Starts the dragging of the splitter. Adds listeners for mouse or touch
      * events and calls splitter drag start handler.
      * @param {number} clientX X position of the mouse or touch event that
      *                         started the drag.
      * @param {boolean} isTouchEvent True if the drag started by touch event.
      */
     startDrag: function(clientX, isTouchEvent) {
       if (this.handlers_) {
@@ skipping 61 matching lines @@
     calcDeltaX_: function(deltaX) {
       return this.resizeNextElement_ ? -deltaX : deltaX;
     },
 
     /**
      * Handles the mousedown event which starts the dragging of the splitter.
      * @param {!Event} e The mouse event.
      * @private
      */
     handleMouseDown_: function(e) {
-      e = /** @type {!MouseEvent} */(e);
+      e = /** @type {!MouseEvent} */ (e);
       if (e.button)
         return;
       this.startDrag(e.clientX, false);
       // Default action is to start selection and to move focus.
       e.preventDefault();
     },
 
     /**
      * Handles the touchstart event which starts the dragging of the splitter.
      * @param {!Event} e The touch event.
      * @private
      */
     handleTouchStart_: function(e) {
-      e = /** @type {!TouchEvent} */(e);
+      e = /** @type {!TouchEvent} */ (e);
       if (e.touches.length == 1) {
         this.startDrag(e.touches[0].clientX, true);
         e.preventDefault();
       }
     },
 
     /**
      * Handles the mousemove event which moves the splitter as the user moves
      * the mouse.
      * @param {!MouseEvent} e The mouse event.
      * @private
      */
-    handleMouseMove_: function(e) {
-      this.handleMove_(e.clientX);
-    },
+    handleMouseMove_: function(e) { this.handleMove_(e.clientX); },
 
     /**
      * Handles the touch move event.
      * @param {!TouchEvent} e The touch event.
      */
     handleTouchMove_: function(e) {
       if (e.touches.length == 1)
         this.handleMove_(e.touches[0].clientX);
     },
 
     /**
      * Common part of handling mousemove and touchmove. Calls splitter drag
      * move handler.
      * @param {number} clientX X position of the mouse or touch event.
      * @private
      */
     handleMove_: function(clientX) {
-      var rtl = this.ownerDocument.defaultView.getComputedStyle(this).
-          direction == 'rtl';
+      var rtl =
+          this.ownerDocument.defaultView.getComputedStyle(this).direction ==
+          'rtl';
       var dirMultiplier = rtl ? -1 : 1;
       var deltaX = dirMultiplier * (clientX - this.startX_);
       this.handleSplitterDragMove(deltaX);
     },
 
     /**
      * Handles the mouse up event which ends the dragging of the splitter.
      * @param {!MouseEvent} e The mouse event.
      * @private
      */
-    handleMouseUp_: function(e) {
-      this.endDrag_();
-    },
+    handleMouseUp_: function(e) { this.endDrag_(); },
 
     /**
      * Handles start of the splitter dragging. Saves current width of the
      * element being resized.
      * @protected
      */
     handleSplitterDragStart: function() {
       // Use the computed width style as the base so that we can ignore what
       // box sizing the element has.
       var targetElement = this.getResizeTarget_();
       var doc = targetElement.ownerDocument;
-      this.startWidth_ = parseFloat(
-          doc.defaultView.getComputedStyle(targetElement).width);
+      this.startWidth_ =
+          parseFloat(doc.defaultView.getComputedStyle(targetElement).width);
     },
 
     /**
      * Handles splitter moves. Updates width of the element being resized.
      * @param {number} deltaX The change of splitter horizontal position.
      * @protected
      */
     handleSplitterDragMove: function(deltaX) {
       var targetElement = this.getResizeTarget_();
       var newWidth = this.startWidth_ + this.calcDeltaX_(deltaX);
       targetElement.style.width = newWidth + 'px';
     },
 
     /**
      * Handles end of the splitter dragging. This fires a 'resize' event if the
      * size changed.
      * @protected
      */
     handleSplitterDragEnd: function() {
       // Check if the size changed.
       var targetElement = this.getResizeTarget_();
       var doc = targetElement.ownerDocument;
-      var computedWidth = parseFloat(
-          doc.defaultView.getComputedStyle(targetElement).width);
+      var computedWidth =
+          parseFloat(doc.defaultView.getComputedStyle(targetElement).width);
       if (this.startWidth_ != computedWidth)
         cr.dispatchSimpleEvent(this, 'resize');
     },
   };
 
-  return {
-    Splitter: Splitter
-  };
+  return {Splitter: Splitter};
 });