third_party/polymer/v1_0/components-chromium/neon-animation/neon-animation-runner-behavior-extracted.js

   1
   2
   3   /**
   4    * `Polymer.NeonAnimationRunnerBehavior` adds a method to run animations.
   5    *
   6    * @polymerBehavior Polymer.NeonAnimationRunnerBehavior
   7    */
   8   Polymer.NeonAnimationRunnerBehaviorImpl = {
   9
  10     properties: {
  11
  12       _animationMeta: {
  13         type: Object,
  14         value: function() {
  15           return new Polymer.IronMeta({type: 'animation'});
  16         }
  17       },
  18
  19       /** @type {?Object} */
  20       _player: {
  21         type: Object
  22       }
  23
  24     },
  25
  26     _configureAnimationEffects: function(allConfigs) {
  27       var allAnimations = [];
  28       if (allConfigs.length > 0) {
  29         for (var config, index = 0; config = allConfigs[index]; index++) {
  30           var animationConstructor = this._animationMeta.byKey(config.name);
  31           if (animationConstructor) {
  32             var animation = animationConstructor && new animationConstructor();
  33             var effect = animation.configure(config);
  34             if (effect) {
  35               allAnimations.push({
  36                 animation: animation,
  37                 config: config,
  38                 effect: effect
  39               });
  40             }
  41           } else {
  42             console.warn(this.is + ':', config.name, 'not found!');
  43           }
  44         }
  45       }
  46       return allAnimations;
  47     },
  48
  49     _runAnimationEffects: function(allEffects) {
  50       return document.timeline.play(new GroupEffect(allEffects));
  51     },
  52
  53     _completeAnimations: function(allAnimations) {
  54       for (var animation, index = 0; animation = allAnimations[index]; index++) {
  55         animation.animation.complete(animation.config);
  56       }
  57     },
  58
  59     /**
  60      * Plays an animation with an optional `type`.
  61      * @param {string=} type
  62      * @param {!Object=} cookie
  63      */
  64     playAnimation: function(type, cookie) {
  65       var allConfigs = this.getAnimationConfig(type);
  66       if (!allConfigs) {
  67         return;
  68       }
  69       var allAnimations = this._configureAnimationEffects(allConfigs);
  70       var allEffects = allAnimations.map(function(animation) {
  71         return animation.effect;
  72       });
  73
  74       if (allEffects.length > 0) {
  75         this._player = this._runAnimationEffects(allEffects);
  76         this._player.onfinish = function() {
  77           this._completeAnimations(allAnimations);
  78
  79           if (this._player) {
  80             this._player.cancel();
  81             this._player = null;
  82           }
  83
  84           this.fire('neon-animation-finish', cookie, {bubbles: false});
  85         }.bind(this);
  86
  87       } else {
  88         this.fire('neon-animation-finish', cookie, {bubbles: false});
  89       }
  90     },
  91
  92     /**
  93      * Cancels the currently running animation.
  94      */
  95     cancelAnimation: function() {
  96       if (this._player) {
  97         this._player.cancel();
  98       }
  99     }
 100   };
 101
 102   /** @polymerBehavior Polymer.NeonAnimationRunnerBehavior */
 103   Polymer.NeonAnimationRunnerBehavior = [
 104     Polymer.NeonAnimatableBehavior,
 105     Polymer.NeonAnimationRunnerBehaviorImpl
 106   ];