refactor(theme): move dependencies into demo

.angular-cli.json

@@ -52,6 +52,7 @@
   },
   "lint": [
     {
+      "files": "src/**/*.ts",
       "project": "src/tsconfig.app.json"
     },
     {

src/app/@theme/layouts/one-column/one-column.layout.scss

@@ -1,4 +1,4 @@
-@import '~@nga/theme/styles_new/all';
+@import '~@nga/theme/styles_new/component';
 
 // TODO move colors to theme
 @include nga-install-component() {

src/app/@theme/styles/themes.scss

@@ -1,2 +1,5 @@
 @import '~@nga/theme/styles_new/all';
-@include nga-install();
+@include nga-themes-install();
+
+@import '~@nga/auth/styles_new/all';
+@include nga-auth-install();

src/app/pages/charts/charts.module.ts

@@ -1,5 +1,4 @@
 import { NgModule } from '@angular/core';
-import { NgaChartsModule } from '@nga/theme';
 
 import { SharedModule } from '../../shared.module';
 
@@ -13,6 +12,9 @@ import { D3PieComponent } from './d3/pie/pie.component';
 import { EchartsLineComponent } from './echarts/line/line.component';
 import { EchartsPieComponent } from './echarts/pie/pie.component';
 import { EchartsBarComponent } from './echarts/bar/bar.component';
+import { AngularEchartsModule } from 'angular2-echarts';
+import { NgxChartsModule } from '@swimlane/ngx-charts';
+import { ChartsModule as Ng2Charts } from 'ng2-charts/ng2-charts';
 
 const components = [
   ChartJsBarComponent,
@@ -29,8 +31,10 @@ const components = [
 @NgModule({
   imports: [
     SharedModule,
-    NgaChartsModule,
     ChartsRoutingModule,
+    AngularEchartsModule,
+    NgxChartsModule,
+    Ng2Charts,
   ],
   declarations: [
     ...routedComponents,

src/app/pages/charts/echarts/echarts.component.scss

@@ -1,4 +1,4 @@
-@import '~@nga/theme/styles_new/all';
+@import '~@nga/theme/styles_new/component';
 
 @include nga-install-component() {
   display: block;

src/app/pages/components/components.module.ts

@@ -1,5 +1,7 @@
 import { NgModule } from '@angular/core';
-import { NgaComponentsModule } from '@nga/theme';
+
+import { TreeModule } from 'ng2-tree';
+import { ToasterModule } from 'angular2-toaster';
 
 import { SharedModule } from '../../shared.module';
 
@@ -8,8 +10,9 @@ import { ComponentsRoutingModule, routedComponents } from './components-routing.
 @NgModule({
   imports: [
     SharedModule,
-    NgaComponentsModule,
     ComponentsRoutingModule,
+    TreeModule,
+    ToasterModule,
   ],
   declarations: [
     ...routedComponents,

src/app/pages/dashboard/dashboard.component.scss

@@ -1,4 +1,5 @@
-@import '~@nga/theme/styles_new/all';
+@import '~@nga/theme/styles_new/component';
+@import '~@nga/theme/styles_new/global/bootstrap/hero-buttons';
 
 @include nga-install-component() {
   .status-cards {

src/app/pages/maps/gmaps/gmaps.component.scss

@@ -1,4 +1,4 @@
-@import '~@nga/theme/styles_new/all';
+@import '~@nga/theme/styles_new/component';
 
 @include nga-install-component() {
   /deep/ agm-map .agm-map-container-inner {

src/app/pages/maps/leaflet/leaflet.component.scss

@@ -1,4 +1,4 @@
-@import '~@nga/theme/styles_new/all';
+@import '~@nga/theme/styles_new/component';
 
 @include nga-install-component() {
   display: block;

src/app/pages/tables/tables.module.ts

@@ -1,5 +1,5 @@
 import { NgModule } from '@angular/core';
-import { NgaTablesModule } from '@nga/theme';
+import { Ng2SmartTableModule } from 'ng2-smart-table';
 
 import { SharedModule } from '../../shared.module';
 
@@ -10,7 +10,7 @@ import { SmartTableService } from './smart-table/smart-table.service';
   imports: [
     SharedModule,
     TablesRoutingModule,
-    NgaTablesModule,
+    Ng2SmartTableModule,
   ],
   declarations: [
     ...routedComponents,

src/app/pages/ui-features/buttons/buttons.component.scss

@@ -1,4 +1,5 @@
-@import '~@nga/theme/styles_new/all';
+@import '~@nga/theme/styles_new/component';
+@import '~@nga/theme/styles_new/global/bootstrap/buttons';
 
 @mixin btn-bg($background) {
   background-color: $background;

src/app/shared.module.ts

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
-import { NgaCardModule, NgaBootstrapModule } from '@nga/theme';
+import { NgaCardModule } from '@nga/theme';
 
 @NgModule({
   exports: [
@@ -11,7 +11,6 @@ import { NgaCardModule, NgaBootstrapModule } from '@nga/theme';
     ReactiveFormsModule,
     RouterModule,
     NgaCardModule,
-    NgaBootstrapModule,
   ],
 })
 export class SharedModule { }

src/tsconfig.app.json

@@ -4,7 +4,40 @@
     "outDir": "../out-tsc/app",
     "module": "es2015",
     "baseUrl": "",
-    "types": []
+    "types": [],
+    "paths": {
+      "@angular/*": [
+        "../node_modules/@angular/*"
+      ],
+      "@nga/*": [
+        "../node_modules/@nga/*"
+      ],
+      "@ng-bootstrap/*": [
+        "../node_modules/@ng-bootstrap/*"
+      ],
+      "bootstrap/*": [
+        "../node_modules/bootstrap/*"
+      ],
+      "font-awesome/*": [
+        "../node_modules/font-awesome/*"
+      ],
+      "immutable/*": [
+        "../node_modules/immutable/*"
+      ],
+      "ionicons/*": [
+        "../node_modules/ionicons/*"
+      ],
+      "normalize.css/*": [
+        "../node_modules/normalize.css/*"
+      ],
+      "segoe-fonts/*": [
+        "../node_modules/segoe-fonts/*"
+      ],
+      "typeface-exo/*": [
+        "../node_modules/typeface-exo/*"
+      ]
+
+    }
   },
   "exclude": [
     "test.ts",