feat(core): introduce support for animations

Closes #8734

modules/@angular/core/src/linker/view.ts

@@ -1,7 +1,9 @@
 import {
   ListWrapper,
   StringMapWrapper,
-} from '../../src/facade/collection';
+  Map,
+  MapWrapper
+} from '../facade/collection';
 
 import {AppElement} from './element';
 import {
@@ -14,9 +16,9 @@ import {
   stringify,
   isPrimitive,
   isString
-} from '../../src/facade/lang';
+} from '../facade/lang';
 
-import {ObservableWrapper} from '../../src/facade/async';
+import {ObservableWrapper} from '../facade/async';
 import {Renderer, RootRenderer, RenderComponentType, RenderDebugInfo} from '../render/api';
 import {ViewRef_} from './view_ref';
 
@@ -43,6 +45,14 @@ import {StaticNodeDebugInfo, DebugContext} from './debug_context';
 import {ElementInjector} from './element_injector';
 import {Injector} from '../di/injector';
 
+import {AUTO_STYLE} from '../animation/metadata';
+import {AnimationPlayer} from '../animation/animation_player';
+import {AnimationGroupPlayer} from '../animation/animation_group_player';
+import {AnimationKeyframe} from '../animation/animation_keyframe';
+import {AnimationStyles} from '../animation/animation_styles';
+import {AnimationDriver} from '../animation/animation_driver';
+import {ActiveAnimationPlayersMap} from '../animation/active_animation_players_map';
+
 var _scope_check: WtfScopeFn = wtfCreateScope(`AppView#check(ascii id)`);
 
 /**
@@ -71,6 +81,8 @@ export abstract class AppView<T> {
 
   private _hasExternalHostElement: boolean;
 
+  public activeAnimationPlayers = new ActiveAnimationPlayersMap();
+
   public context: T;
 
   constructor(public clazz: any, public componentType: RenderComponentType, public type: ViewType,
@@ -84,6 +96,25 @@ export abstract class AppView<T> {
     }
   }
 
+  cancelActiveAnimation(element: any, animationName: string, removeAllAnimations: boolean = false) {
+    if (removeAllAnimations) {
+      this.activeAnimationPlayers.findAllPlayersByElement(element).forEach(player => player.destroy());
+    } else {
+      var player = this.activeAnimationPlayers.find(element, animationName);
+      if (isPresent(player)) {
+        player.destroy();
+      }
+    }
+  }
+
+  registerAndStartAnimation(element: any, animationName: string, player: AnimationPlayer): void {
+    this.activeAnimationPlayers.set(element, animationName, player);
+    player.onDone(() => {
+      this.activeAnimationPlayers.remove(element, animationName);
+    });
+    player.play();
+  }
+
   create(context: T, givenProjectableNodes: Array<any | any[]>,
          rootSelectorOrNode: string | any): AppElement {
     this.context = context;
@@ -193,7 +224,15 @@ export abstract class AppView<T> {
     }
     this.destroyInternal();
     this.dirtyParentQueriesInternal();
-    this.renderer.destroyView(hostElement, this.allNodes);
+
+    if (this.activeAnimationPlayers.length == 0) {
+      this.renderer.destroyView(hostElement, this.allNodes);
+    } else {
+      var player = new AnimationGroupPlayer(this.activeAnimationPlayers.getAllPlayers());
+      player.onDone(() => {
+        this.renderer.destroyView(hostElement, this.allNodes);
+      });
+    }
   }
 
   /**
@@ -201,6 +240,23 @@ export abstract class AppView<T> {
    */
   destroyInternal(): void {}
 
+  /**
+   * Overwritten by implementations
+   */
+  detachInternal(): void {}
+
+  detach(): void {
+    this.detachInternal();
+    if (this.activeAnimationPlayers.length == 0) {
+      this.renderer.detachView(this.flatRootNodes);
+    } else {
+      var player = new AnimationGroupPlayer(this.activeAnimationPlayers.getAllPlayers());
+      player.onDone(() => {
+        this.renderer.detachView(this.flatRootNodes);
+      });
+    }
+  }
+
   get changeDetectorRef(): ChangeDetectorRef { return this.ref; }
 
   get parent(): AppView<any> {
@@ -319,6 +375,16 @@ export class DebugAppView<T> extends AppView<T> {
     }
   }
 
+  detach(): void {
+    this._resetDebug();
+    try {
+      super.detach();
+    } catch (e) {
+      this._rethrowWithContext(e, e.stack);
+      throw e;
+    }
+  }
+
   destroyLocal() {
     this._resetDebug();
     try {