anchor.diff:    With this setup, an animated transition appears whenever a hero object changes state.
     Here's the full component implementation:
   
  -+makeExample('animations/ts/src/app/hero-list-basic.component.ts')
  ++makeExample('animations/ts/src/app/hero-list-basic.component.ts', '', 'hero-list-basic.component.ts')
   
   :marked
     ## States and transitions
  
positive.code:   * Enter: `void => *`
    * Leave: `* => void`
  
  +makeExample('animations/ts/src/app/hero-list-enter-leave.component.ts', 'animationdef')(format=".")
  
  :marked
    Note that in this case the styles are applied to the void state directly in the
  
negative.code:   ### Example
  
    Here are a couple of custom timings in action. Both enter and leave last for
    200 milliseconds, that is `0.2s`, but they have different easings. The leave begins after a
    slight delay of 10 milliseconds as specified in `'0.2s 10 ease-out'`:
    
  
  +makeExample('animations/ts/src/app/hero-list-timings.component.ts', 'animationdef', 'hero-list-timings.component.ts (excerpt)')(format=".")
  
  :marked
    ## Multi-step animations with keyframes
  