Index: third_party/polymer/components/web-animations-js/src/keyframe-effect-constructor.js |
diff --git a/third_party/polymer/components/web-animations-js/src/keyframe-effect-constructor.js b/third_party/polymer/components/web-animations-js/src/keyframe-effect-constructor.js |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3d0f1bd6b1ac96a1f54ed921c3be4db3ac7c377a |
--- /dev/null |
+++ b/third_party/polymer/components/web-animations-js/src/keyframe-effect-constructor.js |
@@ -0,0 +1,183 @@ |
+// 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 disassociate = function(effect) { |
+ effect._animation = undefined; |
+ if (effect instanceof window.SequenceEffect || effect instanceof window.GroupEffect) { |
+ for (var i = 0; i < effect.children.length; i++) { |
+ disassociate(effect.children[i]); |
+ } |
+ } |
+ }; |
+ |
+ scope.removeMulti = function(effects) { |
+ var oldParents = []; |
+ for (var i = 0; i < effects.length; i++) { |
+ var effect = effects[i]; |
+ if (effect._parent) { |
+ if (oldParents.indexOf(effect._parent) == -1) { |
+ oldParents.push(effect._parent); |
+ } |
+ effect._parent.children.splice(effect._parent.children.indexOf(effect), 1); |
+ effect._parent = null; |
+ disassociate(effect); |
+ } else if (effect._animation && (effect._animation.effect == effect)) { |
+ effect._animation.cancel(); |
+ effect._animation.effect = new KeyframeEffect(null, []); |
+ if (effect._animation._callback) { |
+ effect._animation._callback._animation = null; |
+ } |
+ effect._animation._rebuildUnderlyingAnimation(); |
+ disassociate(effect); |
+ } |
+ } |
+ for (i = 0; i < oldParents.length; i++) { |
+ oldParents[i]._rebuild(); |
+ } |
+ }; |
+ |
+ function KeyframeList(effectInput) { |
+ this._frames = shared.normalizeKeyframes(effectInput); |
+ } |
+ |
+ scope.KeyframeEffect = function(target, effectInput, timingInput, id) { |
+ this.target = target; |
+ this._parent = null; |
+ |
+ timingInput = shared.numericTimingToObject(timingInput); |
+ this._timingInput = shared.cloneTimingInput(timingInput); |
+ this._timing = shared.normalizeTimingInput(timingInput); |
+ |
+ this.timing = shared.makeTiming(timingInput, false, this); |
+ this.timing._effect = this; |
+ if (typeof effectInput == 'function') { |
+ shared.deprecated('Custom KeyframeEffect', '2015-06-22', 'Use KeyframeEffect.onsample instead.'); |
+ this._normalizedKeyframes = effectInput; |
+ } else { |
+ this._normalizedKeyframes = new KeyframeList(effectInput); |
+ } |
+ this._keyframes = effectInput; |
+ this.activeDuration = shared.calculateActiveDuration(this._timing); |
+ this._id = id; |
+ return this; |
+ }; |
+ |
+ scope.KeyframeEffect.prototype = { |
+ getFrames: function() { |
+ if (typeof this._normalizedKeyframes == 'function') |
+ return this._normalizedKeyframes; |
+ return this._normalizedKeyframes._frames; |
+ }, |
+ set onsample(callback) { |
+ if (typeof this.getFrames() == 'function') { |
+ throw new Error('Setting onsample on custom effect KeyframeEffect is not supported.'); |
+ } |
+ this._onsample = callback; |
+ if (this._animation) { |
+ this._animation._rebuildUnderlyingAnimation(); |
+ } |
+ }, |
+ get parent() { |
+ return this._parent; |
+ }, |
+ clone: function() { |
+ if (typeof this.getFrames() == 'function') { |
+ throw new Error('Cloning custom effects is not supported.'); |
+ } |
+ var clone = new KeyframeEffect(this.target, [], shared.cloneTimingInput(this._timingInput), this._id); |
+ clone._normalizedKeyframes = this._normalizedKeyframes; |
+ clone._keyframes = this._keyframes; |
+ return clone; |
+ }, |
+ remove: function() { |
+ scope.removeMulti([this]); |
+ } |
+ }; |
+ |
+ var originalElementAnimate = Element.prototype.animate; |
+ Element.prototype.animate = function(effectInput, options) { |
+ var id = ''; |
+ if (options && options.id) { |
+ id = options.id; |
+ } |
+ return scope.timeline._play(new scope.KeyframeEffect(this, effectInput, options, id)); |
+ }; |
+ |
+ var nullTarget = document.createElementNS('http://www.w3.org/1999/xhtml', 'div'); |
+ scope.newUnderlyingAnimationForKeyframeEffect = function(keyframeEffect) { |
+ if (keyframeEffect) { |
+ var target = keyframeEffect.target || nullTarget; |
+ var keyframes = keyframeEffect._keyframes; |
+ if (typeof keyframes == 'function') { |
+ keyframes = []; |
+ } |
+ var options = keyframeEffect._timingInput; |
+ options.id = keyframeEffect._id; |
+ } else { |
+ var target = nullTarget; |
+ var keyframes = []; |
+ var options = 0; |
+ } |
+ return originalElementAnimate.apply(target, [keyframes, options]); |
+ }; |
+ |
+ // TODO: Remove this once we remove support for custom KeyframeEffects. |
+ scope.bindAnimationForKeyframeEffect = function(animation) { |
+ if (animation.effect && typeof animation.effect._normalizedKeyframes == 'function') { |
+ scope.bindAnimationForCustomEffect(animation); |
+ } |
+ }; |
+ |
+ var pendingGroups = []; |
+ scope.awaitStartTime = function(groupAnimation) { |
+ if (groupAnimation.startTime !== null || !groupAnimation._isGroup) |
+ return; |
+ if (pendingGroups.length == 0) { |
+ requestAnimationFrame(updatePendingGroups); |
+ } |
+ pendingGroups.push(groupAnimation); |
+ }; |
+ function updatePendingGroups() { |
+ var updated = false; |
+ while (pendingGroups.length) { |
+ var group = pendingGroups.shift(); |
+ group._updateChildren(); |
+ updated = true; |
+ } |
+ return updated; |
+ } |
+ var originalGetComputedStyle = window.getComputedStyle; |
+ Object.defineProperty(window, 'getComputedStyle', { |
+ configurable: true, |
+ enumerable: true, |
+ value: function() { |
+ scope.timeline._updateAnimationsPromises(); |
+ var result = originalGetComputedStyle.apply(this, arguments); |
+ if (updatePendingGroups()) |
+ result = originalGetComputedStyle.apply(this, arguments); |
+ scope.timeline._updateAnimationsPromises(); |
+ return result; |
+ }, |
+ }); |
+ |
+ window.KeyframeEffect = scope.KeyframeEffect; |
+ window.Element.prototype.getAnimations = function() { |
+ return document.timeline.getAnimations().filter(function(animation) { |
+ return animation.effect !== null && animation.effect.target == this; |
+ }.bind(this)); |
+ }; |
+ |
+}(webAnimationsShared, webAnimationsNext, webAnimationsTesting)); |