Merge pull request #95 from telerik/dtodorov/split-plugins

Dtodorov/split plugins

Author: Zdravko

README.md

@@ -1,15 +1,22 @@
 # Welcome
-This repository contains the source code of the Progress NativeScript UI samples application demonstrating the Angular directives. The repository does not contain the source code of Progress NativeScript UI itself but rather uses the npm package `nativescript-pro-ui` [![npm](https://img.shields.io/npm/v/nativescript-pro-ui.svg)](https://www.npmjs.com/package/nativescript-pro-ui).
+This repository contains the source code of the Progress NativeScript UI samples application demonstrating the Angular directives. The repository does not contain the source code of Progress NativeScript UI itself but rather uses the npm package:
+- `nativescript-ui-chart` [![npm](https://img.shields.io/npm/v/nativescript-ui-chart.svg)](https://www.npmjs.com/package/nativescript-ui-chart)
+- `nativescript-ui-listview` [![npm](https://img.shields.io/npm/v/nativescript-ui-listview.svg)](https://www.npmjs.com/package/nativescript-ui-listview)
+- `nativescript-ui-sidedrawer` [![npm](https://img.shields.io/npm/v/nativescript-ui-sidedrawer.svg)](https://www.npmjs.com/package/nativescript-ui-sidedrawer)
+- `nativescript-ui-calendar` [![npm](https://img.shields.io/npm/v/nativescript-ui-calendar.svg)](https://www.npmjs.com/package/nativescript-ui-calendar)
+- `nativescript-ui-autocomplete` [![npm](https://img.shields.io/npm/v/nativescript-ui-autocomplete.svg)](https://www.npmjs.com/package/nativescript-ui-autocomplete)
+- `nativescript-ui-dataform` [![npm](https://img.shields.io/npm/v/nativescript-ui-dataform.svg)](https://www.npmjs.com/package/nativescript-ui-dataform)
+- `nativescript-ui-gauge` [![npm](https://img.shields.io/npm/v/nativescript-ui-gauge.svg)](https://www.npmjs.com/package/nativescript-ui-gauge)
 
-The `master` branch contains code currently under development and is not meant to be used with the officially released version of NativeScript UI.
+The `master` branch contains code currently under development and is not meant to be used with the officially released versions of the plugins.
 
-The `release` branch is the default one and is tested with the latest NativeScript UI version available.
+The `release` branch is the default one and is tested with the latest NativeScript UI plugins available.
 
 ## Issues
 Issues related to Progress NativeScript UI are logged in the https://github.com/telerik/nativescript-ui-feedback repository. Please do not use this repository to log issues.
 
 ## Overview
-The Progress NativeScript UI samples app resides in the **sdkAngular** folder at root repository level. The folder has a standard NativeScript application structure as described in [this article](http://docs.nativescript.org/angular/tutorial/ng-chapter-0.html). The source code of the samples resides in the folders named after each component available in **Progress NativeScript UI**. The currently available components are:
+The Progress NativeScript UI samples app resides in the **sdkAngular** folder at root repository level. The folder has a standard NativeScript application structure as described in [this article](http://docs.nativescript.org/angular/tutorial/ng-chapter-0.html). The source code of the samples resides in the folders named after each component available as independent plugin. The currently available components are:
 
 - Calendar
 - Chart

sdkAngular/app/app.module.ts

@@ -2,15 +2,15 @@ import { NativeScriptModule } from "nativescript-angular/nativescript.module";
 
 // >> using-global-directives
 // --- The built-in 'nativescript-pro-ui' modules, if you are not using 'lazy' loading, uncomment and import the below modules into the 'imports' of the first ngModule (AppModule) of the app. 
-// import { NativeScriptUISideDrawerModule } from "nativescript-pro-ui/sidedrawer/angular";
-// import { NativeScriptUIListViewModule } from "nativescript-pro-ui/listview/angular";
-// import { NativeScriptUICalendarModule } from "nativescript-pro-ui/calendar/angular";
-// import { NativeScriptUIChartModule } from "nativescript-pro-ui/chart/angular";
-// import { NativeScriptUIDataFormModule } from "nativescript-pro-ui/dataform/angular";
-// import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-pro-ui/autocomplete/angular";
+// import { NativeScriptUISideDrawerModule } from "nativescript-ui-sidedrawer/angular";
+// import { NativeScriptUIListViewModule } from "nativescript-ui-listview/angular";
+// import { NativeScriptUICalendarModule } from "nativescript-ui-calendar/angular";
+// import { NativeScriptUIChartModule } from "nativescript-ui-chart/angular";
+// import { NativeScriptUIDataFormModule } from "nativescript-ui-dataform/angular";
+// import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-ui-autocomplete/angular";
 // import { NativeScriptUIGaugesModule } from "nativescript-pro-ui/gauges/angular";
 
-import { NativeScriptUIListViewModule } from "nativescript-pro-ui/listview/angular";
+import { NativeScriptUIListViewModule } from "nativescript-ui-listview/angular";
 
 // Not required imports, these are used by the nativescript-samples-angular SDK examples - https://github.com/telerik/nativescript-ui-samples-angular
 import { NativeScriptRouterModule, NSModuleFactoryLoader } from "nativescript-angular/router";

sdkAngular/app/autocomplete/autocomplete-examples.module.ts

@@ -2,7 +2,7 @@ import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
 import { NativeScriptModule } from "nativescript-angular/nativescript.module";
 
 import { NativeScriptRouterModule } from "nativescript-angular/router";
-import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-pro-ui/autocomplete/angular";
+import { NativeScriptUIAutoCompleteTextViewModule } from "nativescript-ui-autocomplete/angular";
 
 import { AutoCompleteContainsModeComponent } from './completion-mode/autocomplete-contains-mode.component';
 import { AutoCompleteStartsWithModeComponent } from './completion-mode/autocomplete-startswith-mode.component';

sdkAngular/app/autocomplete/completion-mode/autocomplete-contains-mode.component.ts

@@ -1,7 +1,7 @@
 // >> angular-autocomplete-contains-mode
 import { Component, ViewChild } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

sdkAngular/app/autocomplete/completion-mode/autocomplete-startswith-mode.component.ts

@@ -1,7 +1,7 @@
 // >> angular-autocomplete-startswith-mode
 import { Component, ViewChild } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

sdkAngular/app/autocomplete/customization/autocomplete-customization.component.ts

@@ -1,7 +1,7 @@
 import { Component, ViewChild } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
-import { RadAutoCompleteTextViewComponent } from "nativescript-pro-ui/autocomplete/angular";
+import { TokenModel } from "nativescript-ui-autocomplete";
+import { RadAutoCompleteTextViewComponent } from "nativescript-ui-autocomplete/angular";
 var data = require("./countries.json")
 
 @Component({

sdkAngular/app/autocomplete/display-mode/autocomplete-plain-mode.component.ts

@@ -1,7 +1,7 @@
 // >> angular-autocomplete-plain-mode
 import { Component } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

sdkAngular/app/autocomplete/display-mode/autocomplete-tokens-mode.component.ts

@@ -1,7 +1,7 @@
 // >> angular-autocomplete-tokens-mode
 import { Component } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
+import { TokenModel } from "nativescript-ui-autocomplete";
 
 @Component({
     moduleId: module.id,

sdkAngular/app/autocomplete/events/autocomplete-events.component.ts

@@ -1,7 +1,7 @@
 import { Component } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
-import { RadAutoCompleteTextViewComponent } from "nativescript-pro-ui/autocomplete/angular";
+import { TokenModel } from "nativescript-ui-autocomplete";
+import { RadAutoCompleteTextViewComponent } from "nativescript-ui-autocomplete/angular";
 
 @Component({
     moduleId: module.id,

sdkAngular/app/autocomplete/getting-started/autocomplete-getting-started.component.ts

@@ -1,8 +1,8 @@
 // >> angular-autocomplete-getting-started
 import { Component, ViewChild } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
-import { TokenModel } from "nativescript-pro-ui/autocomplete";
-import { RadAutoCompleteTextViewComponent } from "nativescript-pro-ui/autocomplete/angular";
+import { TokenModel } from "nativescript-ui-autocomplete";
+import { RadAutoCompleteTextViewComponent } from "nativescript-ui-autocomplete/angular";
 
 @Component({
     moduleId: module.id,