From 3898d1502be2e406900139341dfa9f11a9f3fef8 Mon Sep 17 00:00:00 2001
From: Vasil Chimev <Vasil.Chimev@telerik.com>
Date: Thu, 4 Feb 2016 11:55:31 +0200
Subject: [PATCH 01/11] Update package.json for 1.6.0

---
 package.json | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 2e8f80724..c83ec4177 100644
--- a/package.json
+++ b/package.json
@@ -36,12 +36,12 @@
   },
   "typings": "tns-core-modules.d.ts",
   "dependencies": {
-    "tns-core-modules-widgets": "1.6.0"
+    "tns-core-modules-widgets": "1.6.1"
   },
   "nativescript": {
     "platforms": {
-      "ios": "1.3.0",
-      "android": "1.3.0"
+      "ios": "1.6.0",
+      "android": "1.6.0"
     }
   }
-}
\ No newline at end of file
+}

From 5144969ae0508d3ea4ea3da1e0b63c6740a65f22 Mon Sep 17 00:00:00 2001
From: Nedyalko Nikolov <nedyalko.nikolov@telerik.com>
Date: Mon, 8 Feb 2016 11:58:15 +0200
Subject: [PATCH 02/11] Added support for  in expressions.

---
 apps/tests/ui/bindable-tests.ts | 25 +++++++++++++++++++++++++
 ui/core/bindable.ts             |  3 +++
 2 files changed, 28 insertions(+)

diff --git a/apps/tests/ui/bindable-tests.ts b/apps/tests/ui/bindable-tests.ts
index ceaf16135..66c6ca4a9 100644
--- a/apps/tests/ui/bindable-tests.ts
+++ b/apps/tests/ui/bindable-tests.ts
@@ -963,3 +963,28 @@ export function test_SupportFunctionsInExpressions() {
     
     TKUnit.assertEqual(bindableObj.get("test"), "visible", "When anyColor is red test property should be visible.");
 }
+
+export function test_$ValueSupportWithinExpression() {
+    var model = new observable.Observable({
+        "anyColor": "red",
+        "isVisible": function () {
+            return this.get("anyColor") === "red";
+        }
+    });
+    
+    var bindableObj = new bindable.Bindable();
+    
+    bindableObj.bind({
+        "sourceProperty": "$value",
+        "targetProperty": "test",
+        "expression": "$value.anyColor === 'red' ? 'red' : 'blue'"
+    }, model);
+    
+    model.set("anyColor", "blue");
+    
+    TKUnit.assertEqual(bindableObj.get("test"), "blue", "When anyColor is blue test property should be blue too.");
+    
+    model.set("anyColor", "red");
+    
+    TKUnit.assertEqual(bindableObj.get("test"), "red", "When anyColor is red test property should be red too.");
+}
\ No newline at end of file
diff --git a/ui/core/bindable.ts b/ui/core/bindable.ts
index 06ede876f..3eb0975f5 100644
--- a/ui/core/bindable.ts
+++ b/ui/core/bindable.ts
@@ -458,6 +458,9 @@ export class Binding {
     private prepareContextForExpression(model, expression) {
         var parentViewAndIndex;
         var parentView;
+        if (expression.indexOf(bc.bindingValueKey) > -1) {
+            model[bc.bindingValueKey] = model;
+        }
         if (expression.indexOf(bc.parentValueKey) > -1) {
             parentView = this.getParentView(this.target.get(), bc.parentValueKey).view;
             if (parentView) {

From 7e400edbaed08425f946e999e7dd8440270c490d Mon Sep 17 00:00:00 2001
From: Panayot Cankov <Panayot.Cankov@telerik.com>
Date: Mon, 8 Feb 2016 12:15:35 +0200
Subject: [PATCH 03/11] Fix android corner radius in cases when the radius is
 less than half the border width

---
 apps/ui-tests-app/css/background.xml |  1 +
 ui/styling/background.android.ts     | 36 +++++++++++++++++++---------
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/apps/ui-tests-app/css/background.xml b/apps/ui-tests-app/css/background.xml
index 384b66d3a..a0455996d 100644
--- a/apps/ui-tests-app/css/background.xml
+++ b/apps/ui-tests-app/css/background.xml
@@ -45,6 +45,7 @@
       <Button width="40" height="40" text="75" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/pages/test2.png'); background-repeat:repeat; background-position: -15% -15%; background-size: 50% 50%; border-radius: 9; border-width: 3; border-color: black;"/>
       <Button width="40" height="40" text="76" tap="applyTap" tag="margin: 20; background-color: lightgreen; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: -15% -15%; background-size: 50% 50%; border-radius: 9; border-width: 3; border-color: black;"/>
       <Button width="40" height="40" text="77" tap="applyTap" tag="margin: 20; background-color: #FF00FF00; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: -15% -15%; background-size: 50% 50%; border-radius: 20; border-width: 10; border-color: #66FF0000;"/>
+      <Button width="40" height="40" text="78" tap="applyTap" tag="margin: 20; background-color: #FF00FF00; background-image: url('~/pages/test2.png'); background-repeat:no-repeat; background-position: -15% -15%; background-size: 50% 50%; border-width: 10; border-color: #66FF0000;"/>
     </WrapLayout>
   </GridLayout>
 </Page>
\ No newline at end of file
diff --git a/ui/styling/background.android.ts b/ui/styling/background.android.ts
index d9f712d59..6e8f51503 100644
--- a/ui/styling/background.android.ts
+++ b/ui/styling/background.android.ts
@@ -98,10 +98,11 @@ export module ad {
                 // If the border is transparent we will backoff less, and we will not backoff more than half a pixel or half the border width.
                 let normalizedBorderAlpha = android.graphics.Color.alpha(this._borderColor) / 255;
                 let backoffAntialias = Math.min(0.5, halfBorderWidth) * normalizedBorderAlpha;
-                let outerBoundsF = new android.graphics.RectF(bounds.left + backoffAntialias, bounds.top + backoffAntialias, bounds.right - backoffAntialias, bounds.bottom - backoffAntialias);
-
-                let outerRadius = Math.max(0, this._cornerRadius * this._density - backoffAntialias);
+                let backgroundBoundsF = new android.graphics.RectF(bounds.left + backoffAntialias, bounds.top + backoffAntialias, bounds.right - backoffAntialias, bounds.bottom - backoffAntialias);
 
+                let outerRadius = this._cornerRadius * this._density;
+                let backgroundRadius = Math.max(0, outerRadius - backoffAntialias);
+                
                 // draw background
                 if (this.background.color && this.background.color.android) {
                     let backgroundColorPaint = new android.graphics.Paint();
@@ -109,7 +110,7 @@ export module ad {
                     backgroundColorPaint.setColor(this.background.color.android);
                     backgroundColorPaint.setAntiAlias(true);
 
-                    canvas.drawRoundRect(outerBoundsF, outerRadius, outerRadius, backgroundColorPaint);
+                    canvas.drawRoundRect(backgroundBoundsF, outerRadius, outerRadius, backgroundColorPaint);
                 }
 
                 // draw image
@@ -143,7 +144,7 @@ export module ad {
                     if (supportsPathOp) {
                         // Path.Op can be used in API level 19+ to achieve the perfect geometry.
                         let backgroundPath = new android.graphics.Path();
-                        backgroundPath.addRoundRect(outerBoundsF, outerRadius, outerRadius, android.graphics.Path.Direction.CCW);
+                        backgroundPath.addRoundRect(backgroundBoundsF, outerRadius, outerRadius, android.graphics.Path.Direction.CCW);
                         let backgroundNoRepeatPath = new android.graphics.Path();
                         backgroundNoRepeatPath.addRect(params.posX, params.posY, params.posX + imageWidth, params.posY + imageHeight, android.graphics.Path.Direction.CCW);
                         (<any>backgroundPath).op(backgroundNoRepeatPath, (<any>android).graphics.Path.Op.INTERSECT);
@@ -152,23 +153,36 @@ export module ad {
                         // Clipping here will not be antialiased but at least it won't shine through the rounded corners.
                         canvas.save();
                         canvas.clipRect(params.posX, params.posY, params.posX + imageWidth, params.posY + imageHeight);
-                        canvas.drawRoundRect(outerBoundsF, outerRadius, outerRadius, backgroundImagePaint);
+                        canvas.drawRoundRect(backgroundBoundsF, outerRadius, outerRadius, backgroundImagePaint);
                         canvas.restore();
                     }
                 }
 
                 // draw border
                 if (borderWidth > 0 && this._borderColor) {
-                    let middleRadius = Math.max(0, outerRadius - halfBorderWidth);
                     let middleBoundsF = new android.graphics.RectF(bounds.left + halfBorderWidth, bounds.top + halfBorderWidth, bounds.right - halfBorderWidth, bounds.bottom - halfBorderWidth);
-
                     let borderPaint = new android.graphics.Paint();
-                    borderPaint.setStyle(android.graphics.Paint.Style.STROKE);
                     borderPaint.setColor(this._borderColor);
                     borderPaint.setAntiAlias(true);
-                    borderPaint.setStrokeWidth(borderWidth);
 
-                    canvas.drawRoundRect(middleBoundsF, middleRadius, middleRadius, borderPaint);
+                    if (outerRadius <= 0) {
+                        borderPaint.setStyle(android.graphics.Paint.Style.STROKE);
+                        borderPaint.setStrokeWidth(borderWidth);
+                        canvas.drawRect(middleBoundsF, borderPaint);
+                    } else if (outerRadius >= borderWidth) {
+                        borderPaint.setStyle(android.graphics.Paint.Style.STROKE);
+                        borderPaint.setStrokeWidth(borderWidth);
+                        let middleRadius = Math.max(0, outerRadius - halfBorderWidth);
+                        canvas.drawRoundRect(middleBoundsF, middleRadius, middleRadius, borderPaint);
+                    } else {
+                        let borderPath = new android.graphics.Path();
+                        let borderOuterBoundsF = new android.graphics.RectF(bounds.left, bounds.top, bounds.right, bounds.bottom);
+                        borderPath.addRoundRect(borderOuterBoundsF, outerRadius, outerRadius, android.graphics.Path.Direction.CCW);
+                        let borderInnerBoundsF = new android.graphics.RectF(bounds.left + borderWidth, bounds.top + borderWidth, bounds.right - borderWidth, bounds.bottom - borderWidth);
+                        borderPath.addRect(borderInnerBoundsF, android.graphics.Path.Direction.CW);
+                        borderPaint.setStyle(android.graphics.Paint.Style.FILL);
+                        canvas.drawPath(borderPath, borderPaint);
+                    }
                 }
             }
         }

From 75d693a2883bd34dae1f96d6be13cd1d65cb8ffe Mon Sep 17 00:00:00 2001
From: TJ VanToll <tj.vantoll@gmail.com>
Date: Thu, 4 Feb 2016 10:53:31 -0500
Subject: [PATCH 04/11] Reorganize README with clearer messaging and calls to
 action

Closes #1493
---
 README.md | 93 +++++++++++++++++++++++--------------------------------
 1 file changed, 38 insertions(+), 55 deletions(-)

diff --git a/README.md b/README.md
index 8ab586a1b..8ab525704 100644
--- a/README.md
+++ b/README.md
@@ -1,70 +1,53 @@
-[![Build Status](https://travis-ci.org/NativeScript/NativeScript.svg)](https://travis-ci.org/NativeScript/NativeScript)
-# Welcome to the NativeScript framework repository 
+# NativeScript [![Build Status](https://travis-ci.org/NativeScript/NativeScript.svg)](https://travis-ci.org/NativeScript/NativeScript)
 
-## What is the NativeScript framework
+![NativeScript logo](http://i.imgur.com/YmNIMqS.png)
 
-With the NativeScript framework you can use your JavaScript and CSS skills to write native mobile applications for [iOS](https://www.apple.com/ios/), [Android](https://www.android.com/) and (soon) [Windows Phone](http://www.windowsphone.com/en-us). There is no *WebView* involved in rendering the app, as the UI is rendered by the native platform's rendering engine. Because of that, the app's entire UX **is** native.
+[NativeScript](http://www.nativescript.org) is a framework for building native iOS and Android apps using JavaScript and CSS. NativeScript renders UIs with the native platform’s rendering engine—no [WebViews](http://developer.telerik.com/featured/what-is-a-webview/)—resulting in native-like performance and UX.
 
-The NativeScript framework enables you to use a complete stack of cross-platform APIs to write your application code or, if you need to, you can directly access all platform-specific native APIs using JavaScript only. That’s right—you can access all native APIs, not only the ones we thought would be useful!
+NativeScript provides a best-of-both-worlds development experience. Our cross-platform JavaScript modules give you the convenience of writing iOS and Android apps from a single JavaScript codebase, while our runtimes give you the power of accessing native APIs, SDKs, and frameworks when you need them—all without needing to open Xcode or Android Studio. NativeScript was created and is supported by [Telerik](http://www.telerik.com/).
 
-We did not want to create just yet another ecosystem around a native cross-platform framework. We wanted to integrate and play well with all existing JavaScript and native iOS/Android/Windows ecosystems. That is why we also support using existing JavaScript libraries, as well as existing native Objective-C, Java and .NET libraries. We want to stress that you *don't need to know Objective-C, Java or .NET* in order to reuse these libraries—their entire APIs are available in JavaScript with no changes.
-  
-Because of the features listed above you get some important functionality right out of the box. The first is that applications built using the NativeScript framework support the same accessibility  models as native apps. This is important for anyone creating apps that need to meet certain accessibility standards before going live. This is also very useful when you start implementing functional or unit tests for your app. Several existing cross-platform tools like [Appium](http://www.appium.io) already work directly with the NativeScript framework and provide accessibility automation.
-  
-The second major feature you get out of the box is 0-day support for new native platforms. Because the NativeScript framework  exposes unmodified native APIs and UI components, you can use the latest native APIs and new UI components when Apple, Google or Microsoft updates their mobile platforms.
-  
- So let’s summarize what the NativeScript framework enables you as of today:
+You can read more about [why NativeScript may be a good fit for your next project](https://github.com/NativeScript/NativeScript/wiki/Why-NativeScript%3F), or check out the links below to get started.
 
- - Build 100% native cross-platform apps, with a declarative UI, and the ability to implement platform-specific UIs.
- - Share 100% of your code or use platform-specific APIs, depending on the app you’re building.
- - Code in standards-based ECMAScript 5 JavaScript. ES6 support is coming soon.
- - Use standards-based CSS syntax for styling.
- - Use rich data binding and existing UI patterns to easily build complex user interfaces.
- - Reuse any native library available in Objective-C, Java or .NET.
- - Reuse any JavaScript library that is not browser-dependent.
- - Reuse the QA tools for accessibility automation to write tests.
- - Use the latest native platform features to create an amazing native user experience.
- - Code in any IDE of your choice to implement your applications’ code using the [NativeScript framework's CLI](http://npmjs.org/nativescript).
- - Use  [Telerik Platform](http://platform.telerik.com) and AppBuilder products and the full Visual Studio integration to get a rich development experience. Paid support is also available.
-   
-We hope this gives you a good idea about what you can expect from the NativeScript framework.
+* [Getting Started and Installation](#getting-started-and-installation)
+* [Quick Links](#quick-links)
+* [Repositories](#repositories)
+* [Contributing](#contributing)
+* [Angular 2](#angular-2)
 
-To learn more about the NativeScript framework, you can check the following resources:
+## Getting Started and Installation
 
-- [The NativeScript framework web site](http://www.nativescript.org)
-- [The NativeScript framework blog](http://www.nativescript.org/blog)
+Our [Getting Started Guide](http://docs.nativescript.org/start/getting-started) is a hands-on tutorial that walks you through installing NativeScript and building a real iOS and Android application.
 
-## Angular 2.0
-NativeScript is working together with the Google Angular JS team to make Angular 2.0 work on top of NativeScript. To check our progress please see the following links
-- **[NativeScript Angular 2.0 plugin](https://www.npmjs.com/package/nativescript-angular)** - This plugin is the only thing you need to install in order to enable Angular 2.0 in NativeScript
-- **[TodoMVC sample](//github.com/NativeScript/sample-ng-todomvc)** - The classic TodoMVC sample implemented with NativeScript and Angular 2.0
+## Quick Links
 
-## Most popular repositories:
-- **[The current repo](//github.com/NativeScript/NativeScript/)** - Stores the code of the cross-platform modules, written in TypeScript
-- **[iOS Runtime](//github.com/NativeScript/ios-runtime/)** - Holds the runtime, allowing the JavaScript code of your application to be executed on an iOS device
-- **[Android Runtime](//github.com/NativeScript/android-runtime)** - Holds the runtime, allowing the JavaScript code of your application to be executed on an Android device
-- **[NativeScript CLI](//github.com/NativeScript/nativescript-cli)** - Contains the Command-Line Interface for creating an application using the NativeScript framework
-- **[Docs](//github.com/NativeScript/docs)** - Contains the NativeScript framework documentation (available on http://docs.nativescript.org/) in MarkDown format
-- **[TelerikNEXT conference app](//github.com/NativeScript/sample-TelerikNEXT)** - Stores the code of a complete sample application using user authentication and cloud storage.
-- **[Hello-World Template](//github.com/NativeScript/template-hello-world)** - Contains the code of the application the CLI creates by default
+- [NativeScript’s home page](http://nativescript.org)
+- [NativeScript’s documentation](http://docs.nativescript.org/)
+- [@NativeScript on Twitter](http://twitter.com/NativeScript) 
+- [NativeScript’s blog](http://nativescript.org/blog)
+- [NativeScript’s community forum](https://groups.google.com/forum/#!forum/nativescript)
+- [NativeScript on Stack Overflow](http://stackoverflow.com/questions/tagged/nativescript)
 
-## Getting Started and How to Install the NativeScript framework
-Please follow this [article to get started with the NativeScript framework](http://docs.nativescript.org/getting-started).
+## Repositories
 
-## Documentation
-Comprehensive documentation is available at [docs.nativescript.org](http://docs.nativescript.org).
+The NativeScript framework is made up a number of components, all of which are open source and on GitHub. Here are the major ones:
 
-## Supported npm modules
-List of supported npm modules is available at [supported-npm-modules](https://github.com/NativeScript/NativeScript/wiki/supported-npm-modules).
+- [The current repo](//github.com/NativeScript/NativeScript/) contains the code of the [NativeScript cross-platform modules](http://docs.nativescript.org/core-concepts/modules), which abstract iOS and Android APIs into JavaScript APIs—e.g. `camera.takePicture()`. The modules are written in TypeScript.
+- The [iOS Runtime repo](//github.com/NativeScript/ios-runtime/) contains the code that hosts the iOS app, and allows the JavaScript code of your application to be executed on an iOS device. The iOS runtime is written in a fun mix of C++, Objective-C, and more.
+- The [Android Runtime repo](//github.com/NativeScript/android-runtime) contains the code that hosts the Android app, and allows that JavaScript code of your application to be executed on an Android device. The Android runtime is written an even more fun mix of C++ and Java.
+- The [NativeScript CLI repo](//github.com/NativeScript/nativescript-cli) contains the command-line interface for creating an application using the NativeScript framework. The CLI is written in TypeScript.
+- The [NativeScript Docs repo](//github.com/NativeScript/docs) contain the NativeScript framework documentation which is available on <http://docs.nativescript.org/>. The docs are written in Markdown.
 
-## Helping us to improve the NativeScript framework
-We love PRs! Please follow our [contribution guide](https://www.nativescript.org/contribute) if you want to become part of the project.
+In addition to the code that makes up the NativeScript framework itself, we also provide a number of [open-source sample apps](https://www.nativescript.org/app-samples-with-code) that you can reference while building your NativeScript application.
+
+## Contributing
+
+We love PRs, and accept them for all of our repositories—even docs! Please follow our [contribution guide](https://www.nativescript.org/contribute) if you want to become part of the project.
+
+## Angular 2
+
+We are [working together with the Google Angular JS team](http://angularjs.blogspot.com/2015/12/building-mobile-apps-with-angular-2-and.html) to make Angular 2.0 work on top of NativeScript. To check our progress please see the following links:
+
+- [NativeScript Angular 2.0 plugin](https://www.npmjs.com/package/nativescript-angular) - This plugin is the only thing you need to install in order to enable Angular 2.0 in NativeScript.
+- [TodoMVC sample](//github.com/NativeScript/sample-ng-todomvc) - The classic TodoMVC sample implemented with NativeScript and Angular 2.0.
 
-## Contact info
-- **Web site** - [http://nativescript.org](http://www.nativescript.org)
-- **Twitter** - [@NativeScript](http://twitter.com/NativeScript) 
-- **Blog** - [http://nativescript.org/blog](http://www.nativescript.org/blog)
-- **Forum** - [General discussion](https://groups.google.com/forum/#!forum/nativescript)
-- **StackOverflow** - [http://stackoverflow.com/questions/tagged/nativescript](http://stackoverflow.com/questions/tagged/nativescript)
-- **IRC Chatroom** - [http://webchat.freenode.net/?channels=nativescript](http://webchat.freenode.net/?channels=nativescript)
 ![](https://ga-beacon.appspot.com/UA-111455-24/nativescript/nativescript?pixel) 

From 5a81a0fd10e9645fb6bc0edd00d799503b74dc5b Mon Sep 17 00:00:00 2001
From: Vasil Chimev <Vasil.Chimev@telerik.com>
Date: Tue, 9 Feb 2016 09:46:25 +0200
Subject: [PATCH 05/11] Add animations test page to ui-tests-app

https://github.com/NativeScript/NativeScript/issues/1218
---
 apps/ui-tests-app/animations/background.ts  | 23 +++++++++++++++++++++
 apps/ui-tests-app/animations/background.xml |  9 ++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 apps/ui-tests-app/animations/background.ts
 create mode 100644 apps/ui-tests-app/animations/background.xml

diff --git a/apps/ui-tests-app/animations/background.ts b/apps/ui-tests-app/animations/background.ts
new file mode 100644
index 000000000..c0dbf9202
--- /dev/null
+++ b/apps/ui-tests-app/animations/background.ts
@@ -0,0 +1,23 @@
+import observable = require("data/observable");
+import pages = require("ui/page");
+import viewModule = require("ui/core/view");
+import color = require("color");
+
+var view: viewModule.View;
+
+export function pageLoaded(args: observable.EventData) {
+    var page = <pages.Page>args.object;
+    view = page.getViewById<viewModule.View>("view");
+}
+
+export function onAnimate(args: observable.EventData) {
+    view.backgroundColor = new color.Color("Green");
+    view.animate({
+        backgroundColor: new color.Color("Blue"),
+        duration: 2500
+    });
+}
+
+export function onReset(args: observable.EventData) {
+    view.backgroundColor = new color.Color("White");
+}
\ No newline at end of file
diff --git a/apps/ui-tests-app/animations/background.xml b/apps/ui-tests-app/animations/background.xml
new file mode 100644
index 000000000..8d1c70e91
--- /dev/null
+++ b/apps/ui-tests-app/animations/background.xml
@@ -0,0 +1,9 @@
+<Page loaded="pageLoaded">
+  <StackLayout>
+    <Button text="Animate" tap="onAnimate"/>
+    <Button text="Reset" tap="onReset"/>
+    <AbsoluteLayout width="300" height="300" clipToBounds="true" backgroundColor="LightGray">
+      <Button id="view" text="{N}" width="100" height="100" left="100" top="100" style.textAlignment="center" backgroundColor="White" style.fontSize="30"/>
+    </AbsoluteLayout>
+  </StackLayout>
+</Page>
\ No newline at end of file

From 8ff9d736f4e783a9ab18c2e77aec40acfb65ab0d Mon Sep 17 00:00:00 2001
From: Vasil Chimev <Vasil.Chimev@telerik.com>
Date: Tue, 9 Feb 2016 11:09:47 +0200
Subject: [PATCH 06/11] Add transitions test pages to ui-tests-app

---
 CrossPlatformModules.csproj             |  6 ++++++
 apps/ui-tests-app/mainPage.ts           |  4 ++++
 apps/ui-tests-app/transitions/page0.ts  | 15 ++++++++++++++
 apps/ui-tests-app/transitions/page0.xml | 26 +++++++++++++++++++++++++
 apps/ui-tests-app/transitions/page1.ts  | 15 ++++++++++++++
 apps/ui-tests-app/transitions/page1.xml | 26 +++++++++++++++++++++++++
 tsconfig.json                           |  3 +++
 7 files changed, 95 insertions(+)
 create mode 100644 apps/ui-tests-app/transitions/page0.ts
 create mode 100644 apps/ui-tests-app/transitions/page0.xml
 create mode 100644 apps/ui-tests-app/transitions/page1.ts
 create mode 100644 apps/ui-tests-app/transitions/page1.xml

diff --git a/CrossPlatformModules.csproj b/CrossPlatformModules.csproj
index b853675d0..32b55721c 100644
--- a/CrossPlatformModules.csproj
+++ b/CrossPlatformModules.csproj
@@ -225,6 +225,7 @@
     <Content Include="apps\ui-tests-app\action-bar\system-icons.xml">
       <SubType>Designer</SubType>
     </Content>
+    <Content Include="apps\ui-tests-app\animations\background.xml" />
     <Content Include="apps\ui-tests-app\css\decoration-transform-formattedtext.xml" />
     <Content Include="apps\ui-tests-app\css\text-decoration.xml" />
     <Content Include="apps\ui-tests-app\css\text-transform.xml" />
@@ -253,6 +254,7 @@
     <Content Include="apps\ui-tests-app\layouts-percent\wrap.xml">
       <SubType>Designer</SubType>
     </Content>
+    <TypeScriptCompile Include="apps\ui-tests-app\animations\background.ts" />
     <TypeScriptCompile Include="apps\ui-tests-app\pages\touch-event.ts" />
     <Content Include="apps\ui-tests-app\pages\touch-event.xml">
       <SubType>Designer</SubType>
@@ -344,6 +346,8 @@
     <TypeScriptCompile Include="apps\ui-tests-app\segmented-bar\clean.ts">
       <DependentUpon>clean.xml</DependentUpon>
     </TypeScriptCompile>
+    <TypeScriptCompile Include="apps\ui-tests-app\transitions\page1.ts" />
+    <TypeScriptCompile Include="apps\ui-tests-app\transitions\page0.ts" />
     <TypeScriptCompile Include="color\known-colors.d.ts" />
     <TypeScriptCompile Include="es6.d.ts" />
     <TypeScriptCompile Include="ui\animation\animation.d.ts" />
@@ -1209,6 +1213,8 @@
     <Content Include="apps\ui-tests-app\font\text-view.xml" />
     <Content Include="apps\ui-tests-app\font\label.xml" />
     <Content Include="apps\ui-tests-app\font\button.xml" />
+    <Content Include="apps\ui-tests-app\transitions\page1.xml" />
+    <Content Include="apps\ui-tests-app\transitions\page0.xml" />
     <Content Include="apps\ui-tests-app\web-view\test.css" />
     <Content Include="apps\ui-tests-app\web-view\test.html" />
     <Content Include="apps\ui-tests-app\web-view\web-view-test.xml" />
diff --git a/apps/ui-tests-app/mainPage.ts b/apps/ui-tests-app/mainPage.ts
index 9057f03ae..f51cb64fc 100644
--- a/apps/ui-tests-app/mainPage.ts
+++ b/apps/ui-tests-app/mainPage.ts
@@ -84,6 +84,10 @@ examples.set("nordic", "nordic/nordic");
 examples.set("gestures", "pages/gestures");
 examples.set("touch", "pages/touch-event");
 examples.set("handlers", "pages/handlers");
+
+examples.set("animeBG", "animations/background");
+examples.set("transitions", "transitions/page0");
+
 //examples.set("listview_binding", "pages/listview_binding");
 examples.set("console", "pages/console");
 examples.set("i61", "pages/i61");
diff --git a/apps/ui-tests-app/transitions/page0.ts b/apps/ui-tests-app/transitions/page0.ts
new file mode 100644
index 000000000..2bc6c86fc
--- /dev/null
+++ b/apps/ui-tests-app/transitions/page0.ts
@@ -0,0 +1,15 @@
+import frame = require("ui/frame");
+import pages = require("ui/page");
+
+export function onTap(args) {
+    var navigationEntry = {
+        moduleName: "transitions/page1",
+        animated: true,
+        navigationTransition: {
+            transition: args.object.tag,
+            duration: 380,
+            curve: "easeIn"
+        }
+    };
+    frame.topmost().navigate(navigationEntry);
+}
\ No newline at end of file
diff --git a/apps/ui-tests-app/transitions/page0.xml b/apps/ui-tests-app/transitions/page0.xml
new file mode 100644
index 000000000..d841c348e
--- /dev/null
+++ b/apps/ui-tests-app/transitions/page0.xml
@@ -0,0 +1,26 @@
+<Page loaded="pageLoaded" backgroundColor="LightGreen" >
+  <ScrollView>
+    <StackLayout style.textAlignment="center">
+
+      <Label text="iOS" automationText="iOS" />
+      <Button text="curl" tap="onTap" tag="curl" automationText="curl" />
+      <Button text="curlUp" tap="onTap" tag="curlUp" automationText="curlUp" />
+      <Button text="curlDown" tap="onTap" tag="curlDown" automationText="curlDown" />
+
+      <Label text="Android" automationText="Android" />
+      <Button text="explode" tap="onTap" tag="explode" automationText="explode" />
+
+      <Label text="Cross" automationText="Cross" />
+      <Button text="fade" tap="onTap" tag="fade" automationText="fade" />
+      <Button text="flip" tap="onTap" tag="flip" automationText="flip"/>
+      <Button text="flipRight" tap="onTap" tag="flipRight" automationText="flipRight" />
+      <Button text="flipLeft" tap="onTap" tag="flipLeft" automationText="flipLeft"/>
+
+      <Button text="slide" tap="onTap" tag="slide" automationText="slide" />
+      <Button text="slideLeft" tap="onTap" tag="slideLeft" automationText="slideLeft" />
+      <Button text="slideRight" tap="onTap" tag="slideRight" automationText="slideRight" />
+      <Button text="slideTop" tap="onTap" tag="slideTop" automationText="slideTop"/>
+      <Button text="slideBottom" tap="onTap" tag="slideBottom" automationText="slideBottom"/>
+    </StackLayout>
+  </ScrollView>
+</Page>
\ No newline at end of file
diff --git a/apps/ui-tests-app/transitions/page1.ts b/apps/ui-tests-app/transitions/page1.ts
new file mode 100644
index 000000000..6baa78086
--- /dev/null
+++ b/apps/ui-tests-app/transitions/page1.ts
@@ -0,0 +1,15 @@
+import frame = require("ui/frame");
+import pages = require("ui/page");
+
+export function onTap(args) {
+    var navigationEntry = {
+        moduleName: "transitions/page0",
+        animated: true,
+        navigationTransition: {
+            transition: args.object.tag,
+            duration: 380,
+            curve: "easeIn"
+        }
+    };
+    frame.topmost().navigate(navigationEntry);
+}
\ No newline at end of file
diff --git a/apps/ui-tests-app/transitions/page1.xml b/apps/ui-tests-app/transitions/page1.xml
new file mode 100644
index 000000000..c91e794dc
--- /dev/null
+++ b/apps/ui-tests-app/transitions/page1.xml
@@ -0,0 +1,26 @@
+<Page loaded="pageLoaded" backgroundColor="LightBlue" >
+  <ScrollView>
+    <StackLayout style.textAlignment="center">
+
+      <Label text="iOS" automationText="iOS" />
+      <Button text="curl" tap="onTap" tag="curl" automationText="curl" />
+      <Button text="curlUp" tap="onTap" tag="curlUp" automationText="curlUp" />
+      <Button text="curlDown" tap="onTap" tag="curlDown" automationText="curlDown" />
+
+      <Label text="Android" automationText="Android" />
+      <Button text="explode" tap="onTap" tag="explode" automationText="explode" />
+
+      <Label text="Cross" automationText="Cross" />
+      <Button text="fade" tap="onTap" tag="fade" automationText="fade" />
+      <Button text="flip" tap="onTap" tag="flip" automationText="flip"/>
+      <Button text="flipRight" tap="onTap" tag="flipRight" automationText="flipRight" />
+      <Button text="flipLeft" tap="onTap" tag="flipLeft" automationText="flipLeft"/>
+
+      <Button text="slide" tap="onTap" tag="slide" automationText="slide" />
+      <Button text="slideLeft" tap="onTap" tag="slideLeft" automationText="slideLeft" />
+      <Button text="slideRight" tap="onTap" tag="slideRight" automationText="slideRight" />
+      <Button text="slideTop" tap="onTap" tag="slideTop" automationText="slideTop"/>
+      <Button text="slideBottom" tap="onTap" tag="slideBottom" automationText="slideBottom"/>
+    </StackLayout>
+  </ScrollView>
+</Page>
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 482b8cbb0..325a0c1e2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -344,6 +344,7 @@
         "apps/ui-tests-app/action-bar/clean.ts",
         "apps/ui-tests-app/action-bar/color.ts",
         "apps/ui-tests-app/action-bar/system-icons.ts",
+        "apps/ui-tests-app/animations/background.ts",
         "apps/ui-tests-app/app.ts",
         "apps/ui-tests-app/bindings/basics.ts",
         "apps/ui-tests-app/bindings/xmlbasics.ts",
@@ -385,6 +386,8 @@
         "apps/ui-tests-app/segmented-bar/all.ts",
         "apps/ui-tests-app/segmented-bar/clean.ts",
         "apps/ui-tests-app/text-field/text-field.ts",
+        "apps/ui-tests-app/transitions/page0.ts",
+        "apps/ui-tests-app/transitions/page1.ts",
         "apps/ui-tests-app/web-view/web-view.ts",
         "apps/web-view-demo/app.ts",
         "apps/web-view-demo/main-page.ts",

From cfdf9d6aa004998183fb63e08b9cfd6750a762c9 Mon Sep 17 00:00:00 2001
From: Hristo Deshev <hristo@deshev.com>
Date: Mon, 8 Feb 2016 10:35:44 +0200
Subject: [PATCH 07/11] Upgrade to latest tslint

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a548e7e98..3dcbe0787 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
     "shelljs": "0.5.3",
     "grunt-tslint": "3.0.0",
     "time-grunt": "^1.3.0",
-    "tslint": "3.1.1",
+    "tslint": "3.3.0",
     "typescript": "1.7.3"
   },
   "typings": "tns-core-modules.d.ts",

From 522ed41fa63a94b57503b692f6b2b12f8067c809 Mon Sep 17 00:00:00 2001
From: Hristo Deshev <hristo@deshev.com>
Date: Mon, 8 Feb 2016 10:47:12 +0200
Subject: [PATCH 08/11] Upgrade to typescript 1.7.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 3dcbe0787..58689fae5 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "grunt-tslint": "3.0.0",
     "time-grunt": "^1.3.0",
     "tslint": "3.3.0",
-    "typescript": "1.7.3"
+    "typescript": "1.7.5"
   },
   "typings": "tns-core-modules.d.ts",
   "dependencies": {

From 33a3328ea0c434d75b55de30899cead53bf6413a Mon Sep 17 00:00:00 2001
From: Hristo Deshev <hristo@deshev.com>
Date: Mon, 8 Feb 2016 10:52:43 +0200
Subject: [PATCH 09/11] Upgrade grunt-ts to latest version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 58689fae5..72a0fa4cf 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
     "grunt-multi-dest": "1.0.0",
     "grunt-shell": "1.1.2",
     "grunt-simple-mocha": "0.4.0",
-    "grunt-ts": "5.0.0-beta.5",
+    "grunt-ts": "5.3.2",
     "grunt-typedoc": "0.2.3",
     "grunt-untar": "0.0.1",
     "mocha": "2.2.5",

From e9ed8c797bde5d0ae907dc7218523461fa534ccd Mon Sep 17 00:00:00 2001
From: Hristo Deshev <hristo@deshev.com>
Date: Mon, 8 Feb 2016 10:36:02 +0200
Subject: [PATCH 10/11] Delete unused variables (tslint)

---
 application/application.ios.ts                     | 4 +---
 apps/animations/opacity.ts                         | 8 --------
 apps/perf-tests/NavigationTest/list-picker-page.ts | 4 ++--
 3 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/application/application.ios.ts b/application/application.ios.ts
index 47599e198..9d4892aa2 100644
--- a/application/application.ios.ts
+++ b/application/application.ios.ts
@@ -9,8 +9,6 @@ import * as enumsModule from "ui/enums";
 global.moduleMerge(common, exports);
 var typedExports: typeof definition = exports;
 
-var enums: typeof enumsModule
-
 class Responder extends UIResponder {
     //
 }
@@ -276,4 +274,4 @@ global.__onLiveSync = function () {
 
     // Reload current page.
     reloadPage();
-}
\ No newline at end of file
+}
diff --git a/apps/animations/opacity.ts b/apps/animations/opacity.ts
index 5e5c5271d..57815f211 100644
--- a/apps/animations/opacity.ts
+++ b/apps/animations/opacity.ts
@@ -1,20 +1,12 @@
 import observable = require("data/observable");
 import pages = require("ui/page");
 import view = require("ui/core/view");
-import buttonModule = require("ui/button");
-import abs = require("ui/layouts/absolute-layout");
 import animationModule = require("ui/animation");
-import colorModule = require("color");
-import model = require("./model");
-import enums = require("ui/enums");
-import frame = require("ui/frame");
 import slider = require("ui/slider");
 import wrapLayout = require("ui/layouts/wrap-layout");
 
 var page: pages.Page;
 var opacitySlider: slider.Slider;
-var red = new colorModule.Color("red");
-var green = new colorModule.Color("green");
 var container: wrapLayout.WrapLayout; 
 
 export function pageLoaded(args: observable.EventData) {
diff --git a/apps/perf-tests/NavigationTest/list-picker-page.ts b/apps/perf-tests/NavigationTest/list-picker-page.ts
index 0c93c1bf6..b30ebd183 100644
--- a/apps/perf-tests/NavigationTest/list-picker-page.ts
+++ b/apps/perf-tests/NavigationTest/list-picker-page.ts
@@ -1,4 +1,4 @@
-import {Page, ShownModallyData, ListPicker} from "ui";
+import {Page, ListPicker} from "ui";
 
 var closeCallback: Function;
 var page: Page;
@@ -18,4 +18,4 @@ export function onShownModally(args) {
 
 export function onButtonTap() {
     closeCallback(listPicker.selectedIndex);
-}
\ No newline at end of file
+}

From db4549bdf14f3b9d8569a74489522b5152654466 Mon Sep 17 00:00:00 2001
From: Vasil Chimev <Vasil.Chimev@telerik.com>
Date: Tue, 9 Feb 2016 12:33:37 +0200
Subject: [PATCH 11/11] Update ui-tests-app

---
 apps/ui-tests-app/app.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/apps/ui-tests-app/app.ts b/apps/ui-tests-app/app.ts
index cba2a252b..1d4002264 100644
--- a/apps/ui-tests-app/app.ts
+++ b/apps/ui-tests-app/app.ts
@@ -1,4 +1,12 @@
 import application = require("application");
+import trace = require("trace");
+trace.enable();
+trace.setCategories(trace.categories.concat(
+    trace.categories.NativeLifecycle,
+    trace.categories.Navigation,
+    //trace.categories.Animation,
+    trace.categories.Transition
+    ));
 
 var countResume = 0;
 var countSuspend = 0;