WIP: ng 4.2 support

Author: sis0k0

Diff for: nativescript-angular/animations.ts

@@ -1,21 +1,25 @@
 import { NgModule, Injectable, NgZone, Provider, RendererFactory2 } from "@angular/core";
 
+import { AnimationBuilder } from "@angular/animations";
+
 import {
     AnimationDriver,
     ɵAnimationEngine as AnimationEngine,
     ɵAnimationStyleNormalizer as AnimationStyleNormalizer,
-    ɵWebAnimationsStyleNormalizer as WebAnimationsStyleNormalizer
+    ɵWebAnimationsStyleNormalizer as WebAnimationsStyleNormalizer,
 } from "@angular/animations/browser";
 
-import { ɵAnimationRendererFactory as AnimationRendererFactory } from "@angular/platform-browser/animations";
+import {
+    ɵAnimationRendererFactory as AnimationRendererFactory,
+    ɵBrowserAnimationBuilder as BrowserAnimationBuilder,
+} from "@angular/platform-browser/animations";
 
-import { NativeScriptAnimationEngine } from "./animations/animation-engine";
 import { NativeScriptAnimationDriver } from "./animations/animation-driver";
 import { NativeScriptModule } from "./nativescript.module";
 import { NativeScriptRendererFactory } from "./renderer";
 
 @Injectable()
-export class InjectableAnimationEngine extends NativeScriptAnimationEngine {
+export class InjectableAnimationEngine extends AnimationEngine {
     constructor(driver: AnimationDriver, normalizer: AnimationStyleNormalizer) {
         super(driver, normalizer);
     }
@@ -35,6 +39,7 @@ export function instanciateDefaultStyleNormalizer() {
 }
 
 export const NATIVESCRIPT_ANIMATIONS_PROVIDERS: Provider[] = [
+    {provide: AnimationBuilder, useClass: BrowserAnimationBuilder},
     {provide: AnimationDriver, useFactory: instantiateSupportedAnimationDriver},
     {provide: AnimationStyleNormalizer, useFactory: instanciateDefaultStyleNormalizer},
     {provide: AnimationEngine, useClass: InjectableAnimationEngine}, {

Diff for: nativescript-angular/animations/animation-engine.ts

@@ -17,13 +17,15 @@ export class NativeScriptAnimationPlayer implements AnimationPlayer {
     constructor(
         private target: NgView,
         keyframes: Keyframe[],
-        duration: number,
-        delay: number,
+        private duration: number,
+        private delay: number,
         easing: string
     ) {
         this.initKeyframeAnimation(keyframes, duration, delay, easing);
     }
 
+    get totalTime(): number { return this.delay + this.duration; }
+
     init(): void {
     }
 

Diff for: nativescript-angular/animations/animation-player.ts

@@ -43,27 +43,27 @@
     "reflect-metadata": "^0.1.8"
   },
   "peerDependencies": {
-    "@angular/common": "~4.0.0 || ~4.1.0",
-    "@angular/compiler": "~4.0.0 || ~4.1.0",
-    "@angular/core": "~4.0.0 || ~4.1.0",
-    "@angular/forms": "~4.0.0 || ~4.1.0",
-    "@angular/http": "~4.0.0 || ~4.1.0",
-    "@angular/platform-browser": "~4.0.0 || ~4.1.0",
-    "@angular/router": "~4.0.0 || ~4.1.0",
+    "@angular/common": "~4.2.4",
+    "@angular/compiler": "~4.2.4",
+    "@angular/core": "~4.2.4",
+    "@angular/forms": "~4.2.4",
+    "@angular/http": "~4.2.4",
+    "@angular/platform-browser": "~4.2.4",
+    "@angular/router": "~4.2.4",
     "rxjs": "^5.0.1",
     "tns-core-modules": "^3.0.0",
     "zone.js": "^0.8.4"
   },
   "devDependencies": {
-    "@angular/animations": "~4.0.0 || ~4.1.0",
-    "@angular/common": "~4.0.0 || ~4.1.0",
-    "@angular/compiler": "~4.0.0 || ~4.1.0",
-    "@angular/compiler-cli": "~4.0.0 || ~4.1.0",
-    "@angular/core": "~4.0.0 || ~4.1.0",
-    "@angular/forms": "~4.0.0 || ~4.1.0",
-    "@angular/http": "~4.0.0 || ~4.1.0",
-    "@angular/platform-browser": "~4.0.0 || ~4.1.0",
-    "@angular/router": "~4.0.0 || ~4.1.0",
+    "@angular/animations": "~4.2.4",
+    "@angular/common": "~4.2.4",
+    "@angular/compiler": "~4.2.4",
+    "@angular/compiler-cli": "~4.2.4",
+    "@angular/core": "~4.2.4",
+    "@angular/forms": "~4.2.4",
+    "@angular/http": "~4.2.4",
+    "@angular/platform-browser": "~4.2.4",
+    "@angular/router": "~4.2.4",
     "codelyzer": "^3.0.1",
     "rxjs": "^5.0.1",
     "tns-core-modules": "next",