1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
|
// Copyright 2014 Google Inc. All rights reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
(function(shared, scope, testing) {
var originalRequestAnimationFrame = window.requestAnimationFrame;
window.requestAnimationFrame = function(f) {
return originalRequestAnimationFrame(function(x) {
scope.timeline._updateAnimationsPromises();
f(x);
scope.timeline._updateAnimationsPromises();
});
};
scope.AnimationTimeline = function() {
this._animations = [];
this.currentTime = undefined;
};
scope.AnimationTimeline.prototype = {
getAnimations: function() {
this._discardAnimations();
return this._animations.slice();
},
_updateAnimationsPromises: function() {
scope.animationsWithPromises = scope.animationsWithPromises.filter(function(animation) {
return animation._updatePromises();
});
},
_discardAnimations: function() {
this._updateAnimationsPromises();
this._animations = this._animations.filter(function(animation) {
return animation.playState != 'finished' && animation.playState != 'idle';
});
},
_play: function(effect) {
var animation = new scope.Animation(effect, this);
this._animations.push(animation);
scope.restartWebAnimationsNextTick();
// Use animation._animation.play() here, NOT animation.play().
//
// Timeline.play calls new scope.Animation(effect) which (indirectly) calls Timeline.play on
// effect's children, and Animation.play is also recursive. We only need to call play on each
// animation in the tree once.
animation._updatePromises();
animation._animation.play();
animation._updatePromises();
return animation;
},
play: function(effect) {
if (effect) {
effect.remove();
}
return this._play(effect);
}
};
var ticking = false;
scope.restartWebAnimationsNextTick = function() {
if (!ticking) {
ticking = true;
requestAnimationFrame(webAnimationsNextTick);
}
};
function webAnimationsNextTick(t) {
var timeline = scope.timeline;
timeline.currentTime = t;
timeline._discardAnimations();
if (timeline._animations.length == 0)
ticking = false;
else
requestAnimationFrame(webAnimationsNextTick);
}
var timeline = new scope.AnimationTimeline();
scope.timeline = timeline;
try {
Object.defineProperty(window.document, 'timeline', {
configurable: true,
get: function() { return timeline; }
});
} catch (e) { }
try {
window.document.timeline = timeline;
} catch (e) { }
})(webAnimationsShared, webAnimationsNext, webAnimationsTesting);
|
