DO NOT SUBMIT: what chrome/browser/resources/ could eventually look like with clang-format

chrome/browser/resources/settings/people_page/fingerprint_progress_arc.js

 // Copyright 2017 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.
 
 (function() {
 
 /**
  * The time in millseconds of the animation updates.
  * @const {number}
  */
@@ skipping 59 matching lines @@
    * @param {number} endAngle The end angle of the arc we want to draw.
    * @param {string} color The color of the arc we want to draw. The string is
    *     in the format rgba(r',g',b',a'). r', g', b' are values from [0-255]
    *     and a' is a value from [0-1].
    */
   drawArc: function(startAngle, endAngle, color) {
     var c = this.$.canvas;
     var ctx = c.getContext('2d');
 
     ctx.beginPath();
-    ctx.arc(c.width / 2, c.height / 2, this.canvasCircleRadius_, startAngle,
+    ctx.arc(
+        c.width / 2, c.height / 2, this.canvasCircleRadius_, startAngle,
         endAngle);
     ctx.lineWidth = this.canvasCircleStrokeWidth_;
     ctx.strokeStyle = color;
     ctx.stroke();
   },
 
   /**
    * Draws a circle on the canvas element around the center with radius
    * |CANVAS_CIRCLE_RADIUS| and color |CANVAS_CIRCLE_BACKGROUND_COLOR|.
    */
@@ skipping 11 matching lines @@
   drawShadow: function(blur, offsetX, offsetY) {
     var c = this.$.canvas;
     var ctx = c.getContext('2d');
 
     ctx.beginPath();
     ctx.translate(-c.width, 0);
     ctx.shadowOffsetX = c.width + offsetX;
     ctx.shadowOffsetY = 0;
     ctx.shadowColor = this.canvasCircleShadowColor_;
     ctx.shadowBlur = blur;
-    ctx.arc(c.width / 2, c.height / 2,
+    ctx.arc(
+        c.width / 2, c.height / 2,
         this.canvasCircleRadius_ - this.canvasCircleStrokeWidth_ / 2 + blur / 2,
-        0, 2*Math.PI);
+        0, 2 * Math.PI);
     ctx.stroke();
     ctx.translate(c.width, 0);
   },
 
   /**
    * Animates the progress the circle. Animates an arc that starts at the top of
    * the circle to startAngle, to an arc that starts at the top of the circle to
    * endAngle.
    * @param {number} startAngle The start angle of the arc we want to draw.
    * @param {number} endAngle The end angle of the arc we want to draw.
    */
   animate: function(startAngle, endAngle) {
     var currentAngle = startAngle;
     // The value to update the angle by each tick.
-    var step = (endAngle - startAngle) /
-        (ANIMATE_DURATION_MS / ANIMATE_TICKS_MS);
+    var step =
+        (endAngle - startAngle) / (ANIMATE_DURATION_MS / ANIMATE_TICKS_MS);
     var id = setInterval(doAnimate.bind(this), ANIMATE_TICKS_MS);
     // Circles on html canvas have 0 radians on the positive x-axis and go in
     // clockwise direction. We want to start at the top of the circle which is
     // 3pi/2.
     var start = 3 * Math.PI / 2;
 
     // Function that is called every tick of the interval, draws the arc a bit
     // closer to the final destination each tick, until it reaches the final
     // destination.
     function doAnimate() {
       if (currentAngle >= endAngle)
         clearInterval(id);
 
       // Clears the canvas and draws the new progress circle.
       this.clearCanvas();
       // Drawing two arcs to form a circle gives a nicer look than drawing an
       // arc on top of a circle. If |currentAngle| is 0, draw from |start| +
       // |currentAngle| to 7 * Math.PI / 2 (start is 3 * Math.PI / 2) otherwise
       // the regular draw from |start| to |currentAngle| will draw nothing which
       // will cause a flicker for one frame.
-      this.drawArc(start, start + currentAngle,
-          this.canvasCircleProgressColor_);
-      this.drawArc(start + currentAngle,
-          currentAngle <= 0 ? 7 * Math.PI / 2 : start,
+      this.drawArc(
+          start, start + currentAngle, this.canvasCircleProgressColor_);
+      this.drawArc(
+          start + currentAngle, currentAngle <= 0 ? 7 * Math.PI / 2 : start,
           this.canvasCircleBackgroundColor_);
       currentAngle += step;
     }
   },
 
   /**
    * Clear the canvas of any renderings.
    */
   clearCanvas: function() {
     var c = this.$.canvas;
     var ctx = c.getContext('2d');
     ctx.clearRect(0, 0, c.width, c.height);
   },
 });
 })();