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:   ### Example
  
    Here are a couple of custom timings in action. Both enter and leave last for
    200 milliseconds but they have different easings. The leave begins after a
    slight delay:
  
  +makeExample('animations/ts/src/app/hero-list-timings.component.ts', 'animationdef')(format=".")
  
  :marked
    ## Multi-step animations with keyframes
  
negative.code:   enter and leave allows for two different timing configurations. Both
    are applied to the same element in parallel, but run independently of each other:
  
  +makeExample('animations/ts/src/app/hero-list-groups.component.ts', 'animationdef', 'hero-list-groups.component.ts (excerpt)')(format=".")
  
  :marked
    One group animates the element transform and width; the other group animates the opacity.
  