WIP: run clang-format-js on lots of things

chrome/browser/resources/print_preview/previewarea/margin_control_container.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.
 
 cr.define('print_preview', function() {
   'use strict';
 
   /**
    * UI component used for setting custom print margins.
    * @param {!print_preview.DocumentInfo} documentInfo Document data model.
    * @param {!print_preview.ticket_items.MarginsType} marginsTypeTicketItem
    *     Used to read margins type.
    * @param {!print_preview.ticket_items.CustomMargins} customMarginsTicketItem
    *     Used to read and write custom margin values.
    * @param {!print_preview.MeasurementSystem} measurementSystem Used to convert
    *     between the system's local units and points.
    * @param {function(boolean)} dragChangedCallback A function which is called
    *     when dragging margins starts or stops. True is passed to the function
    *     if the margin is currently being dragged and false otherwise.
    * @constructor
    * @extends {print_preview.Component}
    */
-  function MarginControlContainer(documentInfo, marginsTypeTicketItem,
-                                  customMarginsTicketItem, measurementSystem,
-                                  dragChangedCallback) {
+  function MarginControlContainer(
+      documentInfo, marginsTypeTicketItem, customMarginsTicketItem,
+      measurementSystem, dragChangedCallback) {
     print_preview.Component.call(this);
 
     /**
      * Document data model.
      * @type {!print_preview.DocumentInfo}
      * @private
      */
     this.documentInfo_ = documentInfo;
 
     /**
@@ skipping 26 matching lines @@
 
     /**
      * Convenience array that contains all of the margin controls.
      * @type {!Object<
      *     !print_preview.ticket_items.CustomMargins.Orientation,
      *     !print_preview.MarginControl>}
      * @private
      */
     this.controls_ = {};
     for (var key in print_preview.ticket_items.CustomMargins.Orientation) {
-      var orientation = print_preview.ticket_items.CustomMargins.Orientation[
-          key];
+      var orientation =
+          print_preview.ticket_items.CustomMargins.Orientation[key];
       var control = new print_preview.MarginControl(orientation);
       this.controls_[orientation] = control;
       this.addChild(control);
     }
 
     /**
      * Margin control currently being dragged. Null if no control is being
      * dragged.
      * @type {print_preview.MarginControl}
      * @private
@@ skipping 39 matching lines @@
   /**
    * @param {!print_preview.ticket_items.CustomMargins.Orientation} orientation
    *     Orientation value to test.
    * @return {boolean} Whether the given orientation is TOP or BOTTOM.
    * @private
    */
   MarginControlContainer.isTopOrBottom_ = function(orientation) {
     return orientation ==
         print_preview.ticket_items.CustomMargins.Orientation.TOP ||
         orientation ==
-            print_preview.ticket_items.CustomMargins.Orientation.BOTTOM;
+        print_preview.ticket_items.CustomMargins.Orientation.BOTTOM;
   };
 
   MarginControlContainer.prototype = {
     __proto__: print_preview.Component.prototype,
 
     /**
      * Updates the translation transformation that translates pixel values in
      * the space of the HTML DOM.
      * @param {print_preview.Coordinate2d} translateTransform Updated value of
      *     the translation transformation.
@@ skipping 24 matching lines @@
      * Clips margin controls to the given clip size in pixels.
      * @param {print_preview.Size} clipSize Size to clip the margin controls to.
      */
     updateClippingMask: function(clipSize) {
       if (!clipSize) {
         return;
       }
       this.clippingSize_ = clipSize;
       for (var orientation in this.controls_) {
         var el = this.controls_[orientation].getElement();
-        el.style.clip = 'rect(' +
-            (-el.offsetTop) + 'px, ' +
+        el.style.clip = 'rect(' + (-el.offsetTop) + 'px, ' +
             (clipSize.width - el.offsetLeft) + 'px, ' +
-            (clipSize.height - el.offsetTop) + 'px, ' +
-            (-el.offsetLeft) + 'px)';
+            (clipSize.height - el.offsetTop) + 'px, ' + (-el.offsetLeft) +
+            'px)';
       }
     },
 
     /** Shows the margin controls if the need to be shown. */
     showMarginControlsIfNeeded: function() {
       if (this.marginsTypeTicketItem_.getValue() ==
           print_preview.ticket_items.MarginsType.Value.CUSTOM) {
         this.setIsMarginControlsVisible_(true);
       }
     },
 
     /** @override */
     enterDocument: function() {
       print_preview.Component.prototype.enterDocument.call(this);
 
       // We want to respond to mouse up events even beyond the component's
       // element.
       this.tracker.add(window, 'mouseup', this.onMouseUp_.bind(this));
       this.tracker.add(window, 'mousemove', this.onMouseMove_.bind(this));
       this.tracker.add(
           this.getElement(), 'mouseover', this.onMouseOver_.bind(this));
       this.tracker.add(
           this.getElement(), 'mouseout', this.onMouseOut_.bind(this));
 
       this.tracker.add(
-          this.documentInfo_,
-          print_preview.DocumentInfo.EventType.CHANGE,
+          this.documentInfo_, print_preview.DocumentInfo.EventType.CHANGE,
           this.onTicketChange_.bind(this));
       this.tracker.add(
           this.marginsTypeTicketItem_,
           print_preview.ticket_items.TicketItem.EventType.CHANGE,
           this.onTicketChange_.bind(this));
       this.tracker.add(
           this.customMarginsTicketItem_,
           print_preview.ticket_items.TicketItem.EventType.CHANGE,
           this.onTicketChange_.bind(this));
 
@@ skipping 34 matching lines @@
      *     to in pixels.
      * @private
      */
     moveControlWithConstraints_: function(control, posInPixels) {
       var newPosInPts;
       if (MarginControlContainer.isTopOrBottom_(control.getOrientation())) {
         newPosInPts = control.convertPixelsToPts(posInPixels.y);
       } else {
         newPosInPts = control.convertPixelsToPts(posInPixels.x);
       }
-      newPosInPts = Math.min(this.customMarginsTicketItem_.getMarginMax(
-                                 control.getOrientation()),
-                             newPosInPts);
+      newPosInPts = Math.min(
+          this.customMarginsTicketItem_.getMarginMax(control.getOrientation()),
+          newPosInPts);
       newPosInPts = Math.max(0, newPosInPts);
       newPosInPts = Math.round(newPosInPts);
       control.setPositionInPts(newPosInPts);
       control.setTextboxValue(this.serializeValueFromPts_(newPosInPts));
     },
 
     /**
      * @param {string} value Value to parse to points. E.g. '3.40"' or '200mm'.
      * @return {number} Value in points represented by the input value.
      * @private
      */
     parseValueToPts_: function(value) {
       // Removing whitespace anywhere in the string.
       value = value.replace(/\s*/g, '');
       if (value.length == 0) {
         return null;
       }
-      var validationRegex = new RegExp('^(^-?)(\\d)+(\\' +
-          this.measurementSystem_.thousandsDelimeter + '\\d{3})*(\\' +
-          this.measurementSystem_.decimalDelimeter + '\\d*)?' +
+      var validationRegex = new RegExp(
+          '^(^-?)(\\d)+(\\' + this.measurementSystem_.thousandsDelimeter +
+          '\\d{3})*(\\' + this.measurementSystem_.decimalDelimeter + '\\d*)?' +
           '(' + this.measurementSystem_.unitSymbol + ')?$');
       if (validationRegex.test(value)) {
         // Replacing decimal point with the dot symbol in order to use
         // parseFloat() properly.
         var replacementRegex =
             new RegExp('\\' + this.measurementSystem_.decimalDelimeter + '{1}');
         value = value.replace(replacementRegex, '.');
         return this.measurementSystem_.convertToPoints(parseFloat(value));
       }
       return null;
@@ skipping 170 matching lines @@
         for (var o in this.controls_) {
           if (control.getOrientation() != o) {
             this.controls_[o].setIsEnabled(enableOtherControls);
           }
         }
       }
     }
   };
 
   // Export
-  return {
-    MarginControlContainer: MarginControlContainer
-  };
+  return {MarginControlContainer: MarginControlContainer};
 });