DevTools: reformat front-end code to match chromium style.

third_party/WebKit/Source/devtools/front_end/animation/AnimationScreenshotPopover.js

 // Copyright (c) 2015 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.
-
 /**
- * @constructor
- * @extends {WebInspector.VBox}
- * @param {!Array.<!Image>} images
+ * @unrestricted
  */
-WebInspector.AnimationScreenshotPopover = function(images)
-{
-    WebInspector.VBox.call(this, true);
+WebInspector.AnimationScreenshotPopover = class extends WebInspector.VBox {
+  /**
+   * @param {!Array.<!Image>} images
+   */
+  constructor(images) {
+    super(true);
     console.assert(images.length);
-    this.registerRequiredCSS("animation/animationScreenshotPopover.css");
-    this.contentElement.classList.add("animation-screenshot-popover");
+    this.registerRequiredCSS('animation/animationScreenshotPopover.css');
+    this.contentElement.classList.add('animation-screenshot-popover');
     this._frames = images;
     for (var image of images) {
-        this.contentElement.appendChild(image);
-        image.style.display = "none";
+      this.contentElement.appendChild(image);
+      image.style.display = 'none';
     }
     this._currentFrame = 0;
-    this._frames[0].style.display = "block";
-    this._progressBar = this.contentElement.createChild("div", "animation-progress");
+    this._frames[0].style.display = 'block';
+    this._progressBar = this.contentElement.createChild('div', 'animation-progress');
+  }
+
+  /**
+   * @override
+   */
+  wasShown() {
+    this._rafId = this.contentElement.window().requestAnimationFrame(this._changeFrame.bind(this));
+  }
+
+  /**
+   * @override
+   */
+  willHide() {
+    this.contentElement.window().cancelAnimationFrame(this._rafId);
+    delete this._endDelay;
+  }
+
+  _changeFrame() {
+    this._rafId = this.contentElement.window().requestAnimationFrame(this._changeFrame.bind(this));
+
+    if (this._endDelay) {
+      this._endDelay--;
+      return;
+    }
+    this._showFrame = !this._showFrame;
+    if (!this._showFrame)
+      return;
+
+    var numFrames = this._frames.length;
+    this._frames[this._currentFrame % numFrames].style.display = 'none';
+    this._currentFrame++;
+    this._frames[(this._currentFrame) % numFrames].style.display = 'block';
+    if (this._currentFrame % numFrames === numFrames - 1)
+      this._endDelay = 50;
+    this._progressBar.style.width = (this._currentFrame % numFrames + 1) / numFrames * 100 + '%';
+  }
 };
-
-WebInspector.AnimationScreenshotPopover.prototype = {
-    wasShown: function()
-    {
-        this._rafId = this.contentElement.window().requestAnimationFrame(this._changeFrame.bind(this));
-    },
-
-    willHide: function()
-    {
-        this.contentElement.window().cancelAnimationFrame(this._rafId);
-        delete this._endDelay;
-    },
-
-    _changeFrame: function()
-    {
-        this._rafId = this.contentElement.window().requestAnimationFrame(this._changeFrame.bind(this));
-
-        if (this._endDelay) {
-            this._endDelay--;
-            return;
-        }
-        this._showFrame = !this._showFrame;
-        if (!this._showFrame)
-            return;
-
-        var numFrames = this._frames.length;
-        this._frames[this._currentFrame % numFrames].style.display = "none";
-        this._currentFrame++;
-        this._frames[(this._currentFrame) % numFrames].style.display = "block";
-        if (this._currentFrame % numFrames === numFrames - 1)
-            this._endDelay = 50;
-        this._progressBar.style.width = (this._currentFrame % numFrames + 1) / numFrames * 100 + "%";
-    },
-
-    __proto__: WebInspector.VBox.prototype
-};