Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(2030)

Unified Diff: polymer_0.5.0/bower_components/web-animations-js/src/animation-constructor.js

Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 12 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: polymer_0.5.0/bower_components/web-animations-js/src/animation-constructor.js
diff --git a/polymer_0.5.0/bower_components/web-animations-js/src/animation-constructor.js b/polymer_0.5.0/bower_components/web-animations-js/src/animation-constructor.js
new file mode 100644
index 0000000000000000000000000000000000000000..334e690fd5e87fdd66d129515967595bb6ebb567
--- /dev/null
+++ b/polymer_0.5.0/bower_components/web-animations-js/src/animation-constructor.js
@@ -0,0 +1,135 @@
+// 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) {
+
+ function groupChildDuration(node) {
+ return node._timing.delay + node.activeDuration + node._timing.endDelay;
+ };
+
+ function KeyframeEffect(effect) {
+ this._frames = shared.normalizeKeyframes(effect);
+ }
+
+ KeyframeEffect.prototype = {
+ getFrames: function() { return this._frames; }
+ };
+
+ scope.Animation = function(target, effect, timingInput) {
+ this.target = target;
+ // TODO: Make modifications to specified update the underlying player
+ this._timing = shared.normalizeTimingInput(timingInput);
+ this.timing = shared.makeTiming(timingInput);
+ // TODO: Make this a live object - will need to separate normalization of
+ // keyframes into a shared module.
+ if (typeof effect == 'function')
+ this.effect = effect;
+ else
+ this.effect = new KeyframeEffect(effect);
+ this._effect = effect;
+ this.activeDuration = shared.calculateActiveDuration(this._timing);
+ return this;
+ };
+
+ var originalElementAnimate = Element.prototype.animate;
+ Element.prototype.animate = function(effect, timing) {
+ return scope.timeline.play(new scope.Animation(this, effect, timing));
+ };
+
+ var nullTarget = document.createElement('div');
+ scope.newUnderlyingPlayerForAnimation = function(animation) {
+ var target = animation.target || nullTarget;
+ var effect = animation._effect;
+ if (typeof effect == 'function') {
+ effect = [];
+ }
+ return originalElementAnimate.apply(target, [effect, animation.timing]);
+ };
+
+ scope.bindPlayerForAnimation = function(player) {
+ if (player.source && typeof player.source.effect == 'function') {
+ scope.bindPlayerForCustomEffect(player);
+ }
+ };
+
+ var pendingGroups = [];
+ scope.awaitStartTime = function(groupPlayer) {
+ if (groupPlayer.startTime !== null || !groupPlayer._isGroup)
+ return;
+ if (pendingGroups.length == 0) {
+ requestAnimationFrame(updatePendingGroups);
+ }
+ pendingGroups.push(groupPlayer);
+ };
+ function updatePendingGroups() {
+ var updated = false;
+ while (pendingGroups.length) {
+ pendingGroups.shift()._updateChildren();
+ updated = true;
+ }
+ return updated;
+ }
+ var originalGetComputedStyle = window.getComputedStyle;
+ Object.defineProperty(window, 'getComputedStyle', {
+ configurable: true,
+ enumerable: true,
+ value: function() {
+ var result = originalGetComputedStyle.apply(this, arguments);
+ if (updatePendingGroups())
+ result = originalGetComputedStyle.apply(this, arguments);
+ return result;
+ },
+ });
+
+ // TODO: Call into this less frequently.
+ scope.Player.prototype._updateChildren = function() {
+ if (this.startTime === null || !this.source || !this._isGroup)
+ return;
+ var offset = this.source._timing.delay;
+ for (var i = 0; i < this.source.children.length; i++) {
+ var child = this.source.children[i];
+ var childPlayer;
+
+ if (i >= this._childPlayers.length) {
+ childPlayer = window.document.timeline.play(child);
+ child.player = this.source.player;
+ this._childPlayers.push(childPlayer);
+ } else {
+ childPlayer = this._childPlayers[i];
+ }
+
+ if (childPlayer.startTime != this.startTime + offset) {
+ childPlayer.startTime = this.startTime + offset;
+ childPlayer._updateChildren();
+ }
+
+ if (this.playbackRate == -1 && this.currentTime < offset && childPlayer.currentTime !== -1) {
+ childPlayer.currentTime = -1;
+ }
+
+ if (this.source instanceof window.AnimationSequence)
+ offset += groupChildDuration(child);
+ }
+ };
+
+ window.Animation = scope.Animation;
+ window.Element.prototype.getAnimationPlayers = function() {
+ return document.timeline.getAnimationPlayers().filter(function(player) {
+ return player.source !== null && player.source.target == this;
+ }.bind(this));
+ };
+
+ scope.groupChildDuration = groupChildDuration;
+
+}(webAnimationsShared, webAnimationsMaxifill, webAnimationsTesting));

Powered by Google App Engine
This is Rietveld 408576698