From 5457424766ae1edf8e23ae0a15e2873f43aac28b Mon Sep 17 00:00:00 2001
From: Alexander Vakrilov <alexander.vakrilov@telerik.com>
Date: Fri, 21 Apr 2017 17:16:57 +0300
Subject: [PATCH] Expose statusBarStyle on page (#4021)

---
 tns-core-modules/ui/page/page-common.ts      | 8 +++++++-
 tns-core-modules/ui/page/page.d.ts           | 4 ++--
 tns-core-modules/ui/styling/style/style.d.ts | 2 +-
 tns-core-modules/ui/styling/style/style.ts   | 2 +-
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/tns-core-modules/ui/page/page-common.ts b/tns-core-modules/ui/page/page-common.ts
index 61fbc8cf2..a04bcd3d4 100644
--- a/tns-core-modules/ui/page/page-common.ts
+++ b/tns-core-modules/ui/page/page-common.ts
@@ -35,7 +35,6 @@ export class PageBase extends ContentView implements PageDefinition {
     public actionBarHidden: boolean;
     public enableSwipeBackNavigation: boolean;
     public backgroundSpanUnderStatusBar: boolean;
-    public statusBarStyle: "light" | "dark";
     public androidStatusBarBackground: Color;
 
     constructor() {
@@ -77,6 +76,13 @@ export class PageBase extends ContentView implements PageDefinition {
         }
     }
 
+    get statusBarStyle(): "light" | "dark" {
+        return this.style.statusBarStyle;
+    }
+    set statusBarStyle(value: "light" | "dark") {
+        this.style.statusBarStyle = value;
+    }
+
     get page(): PageDefinition {
         return this;
     }
diff --git a/tns-core-modules/ui/page/page.d.ts b/tns-core-modules/ui/page/page.d.ts
index 8967d1b45..8d7369cb8 100644
--- a/tns-core-modules/ui/page/page.d.ts
+++ b/tns-core-modules/ui/page/page.d.ts
@@ -5,7 +5,7 @@
  */ /** */
 
 ///<reference path="../../tns-core-modules.d.ts" /> Include global typings
-import { ContentView, EventData, Property, Color } from "../content-view";
+import { ContentView, EventData, Property, Color, CssProperty, Style } from "../content-view";
 import { Frame } from "../frame";
 import { ActionBar } from "../action-bar";
 import { KeyframeAnimationInfo } from "../animation/keyframe-animation";
@@ -286,7 +286,7 @@ export const enableSwipeBackNavigationProperty: Property<Page, boolean>;
 /**
  * Property backing statusBarStyle.
  */
-export const statusBarStyleProperty: Property<Page, "light" | "dark">;
+export const statusBarStyleProperty: CssProperty<Style, "light" | "dark">;
 
 /**
  * Property backing androidStatusBarBackground.
diff --git a/tns-core-modules/ui/styling/style/style.d.ts b/tns-core-modules/ui/styling/style/style.d.ts
index 21a9f1fad..2757b6d3d 100644
--- a/tns-core-modules/ui/styling/style/style.d.ts
+++ b/tns-core-modules/ui/styling/style/style.d.ts
@@ -131,7 +131,7 @@ export class Style extends Observable {
     public selectedBackgroundColor: Color;
 
     // Page-specific props 
-    public statusBarStyle: string;
+    public statusBarStyle: "light" | "dark";
     public androidStatusBarBackground: Color;
 
     constructor(ownerView: ViewBase);
diff --git a/tns-core-modules/ui/styling/style/style.ts b/tns-core-modules/ui/styling/style/style.ts
index 999dc5247..d76b901a5 100644
--- a/tns-core-modules/ui/styling/style/style.ts
+++ b/tns-core-modules/ui/styling/style/style.ts
@@ -99,7 +99,7 @@ export class Style extends Observable implements StyleDefinition {
     public selectedBackgroundColor: Color;
 
     // Page-specific props 
-    public statusBarStyle: string;
+    public statusBarStyle: "light" | "dark";
     public androidStatusBarBackground: Color;
 
     //flexbox layout properties