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

   1 /**
   2    * Use `Polymer.NeonSharedElementAnimationBehavior` to implement shared element animations.
   3    * @polymerBehavior Polymer.NeonSharedElementAnimationBehavior
   4    */
   5   Polymer.NeonSharedElementAnimationBehaviorImpl = {
   6
   7     properties: {
   8
   9       /**
  10        * Cached copy of shared elements.
  11        */
  12       sharedElements: {
  13         type: Object
  14       }
  15
  16     },
  17
  18     /**
  19      * Finds shared elements based on `config`.
  20      */
  21     findSharedElements: function(config) {
  22       var fromPage = config.fromPage;
  23       var toPage = config.toPage;
  24       if (!fromPage || !toPage) {
  25         console.warn(this.is + ':', !fromPage ? 'fromPage' : 'toPage', 'is undefined!');
  26         return null;
  27       };
  28
  29       if (!fromPage.sharedElements || !toPage.sharedElements) {
  30         console.warn(this.is + ':', 'sharedElements are undefined for', !fromPage.sharedElements ? fromPage : toPage);
  31         return null;
  32       };
  33
  34       var from = fromPage.sharedElements[config.id]
  35       var to = toPage.sharedElements[config.id];
  36
  37       if (!from || !to) {
  38         console.warn(this.is + ':', 'sharedElement with id', config.id, 'not found in', !from ? fromPage : toPage);
  39         return null;
  40       }
  41
  42       this.sharedElements = {
  43         from: from,
  44         to: to
  45       };
  46       return this.sharedElements;
  47     }
  48
  49   };
  50
  51   /** @polymerBehavior Polymer.NeonSharedElementAnimationBehavior */
  52   Polymer.NeonSharedElementAnimationBehavior = [
  53     Polymer.NeonAnimationBehavior,
  54     Polymer.NeonSharedElementAnimationBehaviorImpl
  55   ];