| OLD | NEW | 
|    1 // Copyright (c) 2015 The Chromium Authors. All rights reserved. |    1 // Copyright (c) 2015 The Chromium Authors. All rights reserved. | 
|    2 // Use of this source code is governed by a BSD-style license that can be |    2 // Use of this source code is governed by a BSD-style license that can be | 
|    3 // found in the LICENSE file. |    3 // found in the LICENSE file. | 
|    4  |    4  | 
|    5 /** |    5 /** | 
|    6  * @constructor |    6  * @constructor | 
|    7  * @extends {WebInspector.VBox} |    7  * @extends {WebInspector.VBox} | 
|    8  */ |    8  */ | 
|    9 WebInspector.BezierEditor = function() |    9 WebInspector.BezierEditor = function() | 
|   10 { |   10 { | 
|   11     WebInspector.VBox.call(this, true); |   11     WebInspector.VBox.call(this, true); | 
|   12     this.registerRequiredCSS("elements/bezierEditor.css"); |   12     this.registerRequiredCSS("ui/bezierEditor.css"); | 
|   13     this.contentElement.tabIndex = 0; |   13     this.contentElement.tabIndex = 0; | 
|   14  |   14  | 
|   15     // Preview UI |   15     // Preview UI | 
|   16     this._previewElement = this.contentElement.createChild("div", "bezier-previe
     w-container"); |   16     this._previewElement = this.contentElement.createChild("div", "bezier-previe
     w-container"); | 
|   17     this._previewElement.createChild("div", "bezier-preview-animation"); |   17     this._previewElement.createChild("div", "bezier-preview-animation"); | 
|   18     this._previewElement.addEventListener("click", this._startPreviewAnimation.b
     ind(this)); |   18     this._previewElement.addEventListener("click", this._startPreviewAnimation.b
     ind(this)); | 
|   19     this._previewOnion = this.contentElement.createChild("div", "bezier-preview-
     onion"); |   19     this._previewOnion = this.contentElement.createChild("div", "bezier-preview-
     onion"); | 
|   20     this._previewOnion.addEventListener("click", this._startPreviewAnimation.bin
     d(this)); |   20     this._previewOnion.addEventListener("click", this._startPreviewAnimation.bin
     d(this)); | 
|   21  |   21  | 
|   22     this._outerContainer = this.contentElement.createChild("div", "bezier-contai
     ner"); |   22     this._outerContainer = this.contentElement.createChild("div", "bezier-contai
     ner"); | 
| (...skipping 250 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  273             var slice = this._previewOnion.createChild("div", "bezier-preview-an
     imation"); |  273             var slice = this._previewOnion.createChild("div", "bezier-preview-an
     imation"); | 
|  274             var player = slice.animate([{ transform: "translateX(0px)", easing: 
     this._bezier.asCSSText() }, { transform: "translateX(218px)" }], |  274             var player = slice.animate([{ transform: "translateX(0px)", easing: 
     this._bezier.asCSSText() }, { transform: "translateX(218px)" }], | 
|  275                 { duration: animationDuration, fill: "forwards" }); |  275                 { duration: animationDuration, fill: "forwards" }); | 
|  276             player.pause(); |  276             player.pause(); | 
|  277             player.currentTime = animationDuration * i / numberOnionSlices; |  277             player.currentTime = animationDuration * i / numberOnionSlices; | 
|  278         } |  278         } | 
|  279     }, |  279     }, | 
|  280  |  280  | 
|  281     __proto__: WebInspector.VBox.prototype |  281     __proto__: WebInspector.VBox.prototype | 
|  282 } |  282 } | 
| OLD | NEW |