Devtools: Move animation to separate module

Source/devtools/front_end/elements/BezierUI.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
  * @param {number} width
  * @param {number} height
  * @param {number} marginTop
  * @param {number} controlPointRadius
@@ skipping 60 matching lines @@
 
     /**
      * @param {?WebInspector.Geometry.CubicBezier} bezier
      * @param {!Element} svg
      */
     drawCurve: function(bezier, svg)
     {
         if (!bezier)
             return;
         var width = this.curveWidth();
-        var height = this.curveHeight();;
+        var height = this.curveHeight();
         svg.setAttribute("width", this.width);
         svg.setAttribute("height", this.height);
         svg.removeChildren();
         var group = svg.createSVGChild("g");
 
         if (this.linearLine)
             this._drawLine(group, "linear-line", 0, height, width, 0);
 
         var curve = group.createSVGChild("path", "bezier-path");
         var curvePoints = [
             new WebInspector.Geometry.Point(bezier.controlPoints[0].x * width + this.radius, (1 - bezier.controlPoints[0].y) * height + this.radius + this.marginTop),
             new WebInspector.Geometry.Point(bezier.controlPoints[1].x * width + this.radius, (1 - bezier.controlPoints[1].y) * height + this.radius + this.marginTop),
             new WebInspector.Geometry.Point(width + this.radius, this.marginTop + this.radius)
         ];
         curve.setAttribute("d", "M" + this.radius + "," + (height + this.radius + this.marginTop) + " C" + curvePoints.join(" "));
 
         this._drawControlPoints(group, 0, height, bezier.controlPoints[0].x * width, (1 - bezier.controlPoints[0].y) * height);
         this._drawControlPoints(group, width, 0, bezier.controlPoints[1].x * width, (1 - bezier.controlPoints[1].y) * height);
     }
 }
 
+WebInspector.BezierUI.Height = 32;
+
 /**
  * @param {!WebInspector.Geometry.CubicBezier} bezier
  * @param {!Element} path
  * @param {number} width
  */
 WebInspector.BezierUI.drawVelocityChart = function(bezier, path, width)
 {
-    var height = WebInspector.AnimationUI.Options.AnimationHeight;
+    var height = WebInspector.BezierUI.Height;
     var pathBuilder = ["M", 0, height];
     const sampleSize = 1 / 40;
 
     var prev = bezier.evaluateAt(0);
     for (var t = sampleSize; t < 1 + sampleSize; t += sampleSize) {
         var current = bezier.evaluateAt(t);
         var slope = (current.y - prev.y) / (current.x - prev.x);
         var weightedX = prev.x * (1 - t) + current.x * t;
         slope = Math.tanh(slope / 1.5); // Normalise slope
         pathBuilder = pathBuilder.concat(["L", (weightedX * width).toFixed(2), (height - slope * height).toFixed(2) ]);
         prev = current;
     }
     pathBuilder = pathBuilder.concat(["L", width.toFixed(2), height, "Z"]);
     path.setAttribute("d", pathBuilder.join(" "));
 }