rename property

also includes readme updates and fixes for property not being set. this
is release 1.3.1

Author: JoshDSommer

README.md

@@ -76,7 +76,7 @@ the `<Slides:SlideContainer>` element also has a property called `velocityScroll
 the `<Slides:SlideContainer>` element also has a property called `interval` which is a integer value and the value is in milliseconds. The suggested use case would be for a Image Carousel or something of that nature which can change the image for every fixed intervals. In unloaded function call `page.getViewById("your_id").stopSlideshow()` to unregister it (your_id is the id given to `<Slides:SlideContainer>`), it can be restarted with `startSlidShow`.
 
 #### Angular 2 compatibility
-To use the slides with Angular2 and the `registerElement` from `nativescript-angular` you will want to set the `SlideContainer`'s property of `ng2` to `true`. Then in your angular component in the `ngAfterViewInit`. you will want to have an instance of your slide container to call the function `constructView()`.
+To use the slides with Angular2 and the `registerElement` from `nativescript-angular` you will want to set the `SlideContainer`'s property of `angular` to `true`. Then in your angular component in the `ngAfterViewInit`. you will want to have an instance of your slide container to call the function `constructView()`.
 
 #### Android Optional Attributes
 - `androidTranslucentStatusBar`: boolean - If true, the Android status bar will be translucent on devices that support it. (Android sdk >= 19).

demo/app/main-page.xml

@@ -1,7 +1,7 @@
 <Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:Slides="nativescript-slides" loaded="pageLoaded">
 
 	<GridLayout rows="* auto">
-		<Slides:SlideContainer id="slides" ng2="true" row="0">
+		<Slides:SlideContainer id="slides" row="0">
 			<Slides:Slide class="slide-1">
 				<Label text="This is Panel 1"  />
 			</Slides:Slide>

nativescript-slides.d.ts

@@ -19,7 +19,7 @@ export declare class SlideContainer extends AbsoluteLayout {
     private _androidTranslucentStatusBar;
     private _androidTranslucentNavBar;
     private timer_reference;
-    private _ng2;
+    private _angular;
     hasNext: boolean;
     hasPrevious: boolean;
     interval: number;
@@ -28,12 +28,12 @@ export declare class SlideContainer extends AbsoluteLayout {
     androidTranslucentNavBar: boolean;
     velocityScrolling: boolean;
     pageWidth: number;
-    ng2: boolean;
+    angular: boolean;
     android: any;
     ios: any;
     constructor();
     private setupDefaultValues();
-    constructView(): void;
+    constructView(constructor?: boolean): void;
     private carousel(isenabled, time);
     private rebindSlideShow();
     stopSlideshow(): void;

nativescript-slides.ts

@@ -42,7 +42,7 @@ export class SlideContainer extends AbsoluteLayout {
 	private _androidTranslucentStatusBar: boolean;
 	private _androidTranslucentNavBar: boolean;
 	private timer_reference: number;
-	private _ng2: boolean;
+	private _angular: boolean;
 
 	get hasNext(): boolean {
 		return !!this.currentPanel.right;
@@ -94,12 +94,12 @@ export class SlideContainer extends AbsoluteLayout {
 		return this._pageWidth;
 	}
 
-	get ng2(): boolean {
-		return this._ng2;
+	get angular(): boolean {
+		return this._angular;
 	}
 
-	set ng2(value: boolean) {
-		this._ng2 = value;
+	set angular(value: boolean) {
+		this._angular = value;
 	}
 
 	get android(): any {
@@ -112,43 +112,46 @@ export class SlideContainer extends AbsoluteLayout {
 
 	constructor() {
 		super();
-		this.constructView();
+		this.setupDefaultValues();
+		// if being used in an ng2 app we want to prevent it from excuting the constructView
+		// until it is called manually in ngAfterViewInit.
+
+		this.constructView(true);
+
 	}
 
 	private setupDefaultValues(): void {
 		this._loaded = false;
 		if (this._loop == null) {
 			this.loop = false;
 		}
+
 		this.transitioning = false;
 
 		this._pageWidth = Platform.screen.mainScreen.widthDIPs;
 
 		if (this._interval == null) {
-			this._interval = 0;
+			this.interval = 0;
 		}
 
 		if (this._velocityScrolling == null) {
 			this._velocityScrolling = false;
 		}
-		if (this._ng2 == null) {
-			this._ng2 = false;
+		if (this._angular == null) {
+			this.angular = false;
 		}
 
 	}
 
-	public constructView(): void {
-		this.setupDefaultValues();
-		// if being used in an ng2 app we want to prevent it from excuting the constructView
-		// until it is called manually in ngAfterViewInit.
-		if (this.ng2) {
-			return;
-		}
+	public constructView(constructor: boolean = false): void {
+
 
 		this.on(AbsoluteLayout.loadedEvent, (data: any) => {
 			if (!this._loaded) {
 				this._loaded = true;
-
+				if (this.angular === true && constructor === true) {
+					return;
+				}
 				// Android Translucent bars API >= 19 only
 				if (this.androidTranslucentStatusBar === true || this._androidTranslucentNavBar === true && app.android && Platform.device.sdkVersion >= '19') {
 					let window = app.android.startActivity.getWindow();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nativescript-slides",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "NativeScript Slides plugin.",
   "main": "nativescript-slides.js",
   "nativescript": {