npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions

polymer_0.5.0/bower_components/core-animation/core-animation.html

 <!--
 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 -->
 
 <link rel="import" href="../polymer/polymer.html">
@@ skipping 44 matching lines @@
       // do something custom
     };
     animation.play();
 
 Elements that are targets to a `core-animation` are given the `core-animation-target` class.
 
 @element core-animation
 @status beta
 @homepage github.io
 -->
-<polymer-element name="core-animation" constructor="CoreAnimation" attributes="target keyframes sample composite duration fill easing iterationStart iterationCount delay direction autoplay targetSelector">
+<polymer-element name="core-animation" constructor="CoreAnimation" attributes="target keyframes customEffect composite duration fill easing iterationStart iterationCount delay direction autoplay targetSelector">
   <script>
     (function() {
 
       function toNumber(value, allowInfinity) {
         return (allowInfinity && value === 'Infinity') ? Number.POSITIVE_INFINITY : Number(value);
       };
 
       Polymer({
        /**
         * Fired when the animation completes.
         *
         * @event core-animation-finish
         */
 
        /**
         *
         * Fired when the web animation object changes.
-        * 
+        *
         * @event core-animation-change
         */
 
         publish: {
 
           /**
            * One or more nodes to animate.
            *
            * @property target
            * @type HTMLElement|Node|Array<HTMLElement|Node>
@@ skipping 42 matching lines @@
            * equivalent to 0.
            *
            * @property duration
            * @type number|"Infinity"
            * @default "auto"
            */
           duration: {value: 'auto', reflect: true},
 
           /**
            * Controls the effect the animation has on the target when it's not playing.
-           * The possible values are "none", "forwards", "backwards", "both" or "auto". 
+           * The possible values are "none", "forwards", "backwards", "both" or "auto".
            *
            * "none" means the animation has no effect when it's not playing.
            *
-           * "forward" applies the value at the end of the animation after it's finished.
+           * "forwards" applies the value at the end of the animation after it's finished.
            *
            * "backwards" applies the value at the start of the animation to the target
            * before it starts playing and has no effect when the animation finishes.
            *
            * "both" means "forwards" and "backwards". "auto" is equivalent to "none".
            *
            * @property fill
            * @type "none"|"forwards"|"backwards"|"both"|"auto"
            * @default "auto"
            */
@@ skipping 261 matching lines @@
         },
 
         get animationEffect() {
           var props = {};
           var frames = [];
           var effect;
           if (this.keyframes) {
             frames = this.keyframes;
           } else if (!this.customEffect) {
             var children = this.querySelectorAll('core-animation-keyframe');
-            if (children.length === 0) {
+            if (children.length === 0 && this.shadowRoot) {
               children = this.shadowRoot.querySelectorAll('core-animation-keyframe');
             }
             Array.prototype.forEach.call(children, function(c) {
               frames.push(c.properties);
             });
           }
           if (this.customEffect) {
             effect = this.customEffect;
           } else {
-            effect = new KeyframeEffect(frames, this.composite);
+            // effect = new KeyframeEffect(frames, this.composite);
+            effect = frames;
           }
           return effect;
         },
 
         animationFinishHandler: function() {
           this.fire('core-animation-finish');
         }
 
       });
     })();
@@ skipping 62 matching lines @@
          * The value for the CSS property.
          *
          * @property value
          * @type string|number
          */
         value: {value: '', reflect: true}
       }
     });
   </script>
 </polymer-element>