title: how and when to set animationConfig on a paper-dialog
body: <p>I have a <code>paper-dialog</code> inside of another element looking like:</p>
  
  <pre><code>&lt;paper-dialog id="modal" modal&gt;
    &lt;h2&gt;Login&lt;/h2&gt;
    &lt;p&gt;Lorem......&lt;/p&gt;
  
    &lt;div class="buttons"&gt;
      &lt;paper-button dialog-confirm autofocus&gt;Login&lt;/paper-button&gt;
    &lt;/div&gt;
  &lt;/paper-dialog&gt;
  </code></pre>
  
  <p>I could declaratively add <code>entry-animation</code> and <code>exit-animation</code> but I'm really trying to do two effects at once <a href="https://github.com/PolymerElements/neon-animation#using-multiple-animations" rel="nofollow">like it shows in the docs</a> </p>
  
  <p>I tried using something like:</p>
  
  <pre><code>this.$.modal.animationConfig = {....}; //like the docs
  </code></pre>
  
  <p>and I  set <code>node</code> to <code>this.$.modal</code>, but I'm pretty certain it doesn't read that variable at all because when I check <code>this.$.modal.getAnimationConfig('exit')</code> (or <code>entry</code>) I get nothing.</p>
  
  <p>So where in the lifecycle can I do something like this.</p>
  
  <p>The end goal for me is to apply to intertwined (one of them slightly delayed) animations to my <code>paper-dialog</code> on <code>entry</code> and <code>exit</code> like in (as he loves to be called :p ) <a href="https://www.youtube.com/watch?v=Lwvi1u4XXzc&amp;list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&amp;index=17" rel="nofollow">"Bob Dod"'s polycast</a></p>
  
  <p>If you don't know the answer, pointing me in a different direction also helps ;)</p>