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 { |
(...skipping 25 matching lines...) Expand all Loading... |
36 WebInspector.installDragHandle(this._curve, this._dragStart.bind(this), this
._dragMove.bind(this), this._dragEnd.bind(this), "default"); | 36 WebInspector.installDragHandle(this._curve, this._dragStart.bind(this), this
._dragMove.bind(this), this._dragEnd.bind(this), "default"); |
37 | 37 |
38 this._header = this.contentElement.createChild("div", "bezier-header"); | 38 this._header = this.contentElement.createChild("div", "bezier-header"); |
39 var minus = this._createPresetModifyIcon(this._header, "bezier-preset-minus"
, "M 12 6 L 8 10 L 12 14"); | 39 var minus = this._createPresetModifyIcon(this._header, "bezier-preset-minus"
, "M 12 6 L 8 10 L 12 14"); |
40 var plus = this._createPresetModifyIcon(this._header, "bezier-preset-plus",
"M 8 6 L 12 10 L 8 14"); | 40 var plus = this._createPresetModifyIcon(this._header, "bezier-preset-plus",
"M 8 6 L 12 10 L 8 14"); |
41 minus.addEventListener("click", this._presetModifyClicked.bind(this, false))
; | 41 minus.addEventListener("click", this._presetModifyClicked.bind(this, false))
; |
42 plus.addEventListener("click", this._presetModifyClicked.bind(this, true)); | 42 plus.addEventListener("click", this._presetModifyClicked.bind(this, true)); |
43 this._label = this._header.createChild("span", "source-code bezier-display-v
alue"); | 43 this._label = this._header.createChild("span", "source-code bezier-display-v
alue"); |
44 } | 44 } |
45 | 45 |
| 46 /** @enum {symbol} */ |
46 WebInspector.BezierEditor.Events = { | 47 WebInspector.BezierEditor.Events = { |
47 BezierChanged: "BezierChanged" | 48 BezierChanged: Symbol("BezierChanged") |
48 } | 49 } |
49 | 50 |
50 WebInspector.BezierEditor.Presets = [ | 51 WebInspector.BezierEditor.Presets = [ |
51 [ | 52 [ |
52 { name: "ease-in-out", value: "ease-in-out" }, | 53 { name: "ease-in-out", value: "ease-in-out" }, |
53 { name: "In Out · Sine", value: "cubic-bezier(0.45, 0.05, 0.55, 0.95)" }
, | 54 { name: "In Out · Sine", value: "cubic-bezier(0.45, 0.05, 0.55, 0.95)" }
, |
54 { name: "In Out · Quadratic", value: "cubic-bezier(0.46, 0.03, 0.52, 0.9
6)" }, | 55 { name: "In Out · Quadratic", value: "cubic-bezier(0.46, 0.03, 0.52, 0.9
6)" }, |
55 { name: "In Out · Cubic", value: "cubic-bezier(0.65, 0.05, 0.36, 1)" }, | 56 { name: "In Out · Cubic", value: "cubic-bezier(0.65, 0.05, 0.36, 1)" }, |
56 { name: "Fast Out, Slow In", value: "cubic-bezier(0.4, 0, 0.2, 1)" }, | 57 { name: "Fast Out, Slow In", value: "cubic-bezier(0.4, 0, 0.2, 1)" }, |
57 { name: "In Out · Back", value: "cubic-bezier(0.68, -0.55, 0.27, 1.55)"
} | 58 { name: "In Out · Back", value: "cubic-bezier(0.68, -0.55, 0.27, 1.55)"
} |
(...skipping 214 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
272 var slice = this._previewOnion.createChild("div", "bezier-preview-an
imation"); | 273 var slice = this._previewOnion.createChild("div", "bezier-preview-an
imation"); |
273 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)" }], |
274 { duration: animationDuration, fill: "forwards" }); | 275 { duration: animationDuration, fill: "forwards" }); |
275 player.pause(); | 276 player.pause(); |
276 player.currentTime = animationDuration * i / numberOnionSlices; | 277 player.currentTime = animationDuration * i / numberOnionSlices; |
277 } | 278 } |
278 }, | 279 }, |
279 | 280 |
280 __proto__: WebInspector.VBox.prototype | 281 __proto__: WebInspector.VBox.prototype |
281 } | 282 } |
OLD | NEW |