feat(dependencies): update dependencies, angular 5+, nebular rc.4 (#1477)

.angular-cli.json

@@ -30,7 +30,6 @@
         "../node_modules/ionicons/scss/ionicons.scss",
         "../node_modules/font-awesome/scss/font-awesome.scss",
         "../node_modules/nebular-icons/scss/nebular-icons.scss",
-        "../node_modules/socicon/css/socicon.css",
         "../node_modules/pace-js/templates/pace-theme-flash.tmpl.css",
         "./app/@theme/styles/styles.scss"
       ],
@@ -59,7 +58,6 @@
   },
   "lint": [
     {
-      "files": "src/**/*.ts",
       "project": "src/tsconfig.app.json"
     },
     {

package.json

@@ -29,60 +29,57 @@
     "release:changelog": "npm run conventional-changelog -- -p angular -i CHANGELOG.md -s"
   },
   "dependencies": {
-    "@agm/core": "1.0.0-beta.0",
-    "@angular/animations": "4.4.6",
-    "@angular/common": "4.4.6",
-    "@angular/compiler": "4.4.6",
-    "@angular/core": "4.4.6",
-    "@angular/forms": "4.4.6",
-    "@angular/http": "4.4.6",
-    "@angular/platform-browser": "4.4.6",
-    "@angular/platform-browser-dynamic": "4.4.6",
-    "@angular/router": "4.4.6",
-    "@asymmetrik/angular2-leaflet": "2.1.4",
-    "@nebular/auth": "2.0.0-rc.3",
-    "@nebular/theme": "2.0.0-rc.3",
-    "@ng-bootstrap/ng-bootstrap": "1.0.0-beta.5",
-    "@swimlane/ngx-charts": "5.2.0",
-    "angular2-chartjs": "0.3.0",
-    "angular2-toaster": "4.0.0",
+    "@agm/core": "1.0.0-beta.2",
+    "@angular/animations": "~5.1.0",
+    "@angular/common": "~5.1.0",
+    "@angular/compiler": "~5.1.0",
+    "@angular/core": "~5.1.0",
+    "@angular/forms": "~5.1.0",
+    "@angular/http": "~5.1.0",
+    "@angular/platform-browser": "~5.1.0",
+    "@angular/platform-browser-dynamic": "~5.1.0",
+    "@angular/router": "~5.1.0",
+    "@asymmetrik/ngx-leaflet": "3.0.1",
+    "@nebular/auth": "2.0.0-rc.4",
+    "@nebular/theme": "2.0.0-rc.4",
+    "@ng-bootstrap/ng-bootstrap": "1.0.0-beta.8",
+    "@swimlane/ngx-charts": "7.0.1",
+    "angular2-chartjs": "0.4.1",
+    "angular2-toaster": "4.0.1",
     "bootstrap": "4.0.0-beta.2",
-    "chart.js": "2.5.0",
-    "ckeditor": "4.6.2",
+    "chart.js": "2.7.1",
+    "ckeditor": "4.7.3",
     "classlist.js": "1.1.20150312",
     "core-js": "2.5.1",
-    "d3": "4.8.0",
     "font-awesome": "4.7.0",
     "intl": "1.2.5",
     "ionicons": "2.0.1",
-    "leaflet": "1.0.3",
+    "leaflet": "1.2.0",
     "nebular-icons": "1.0.6",
-    "ng2-ckeditor": "1.1.9",
-    "ng2-smart-table": "1.1.0",
-    "ng2-tree": "2.0.0-alpha.10",
-    "ngx-echarts": "1.2.2",
+    "ng2-ckeditor": "1.1.13",
+    "ng2-smart-table": "1.2.2",
+    "ng2-tree": "2.0.0-rc.4",
+    "ngx-echarts": "2.0.0",
     "normalize.css": "6.0.0",
     "pace-js": "1.0.2",
     "roboto-fontface": "0.8.0",
-    "rxjs": "5.5.0",
-    "socicon": "3.0.5",
-    "tether": "1.4.0",
+    "rxjs": "5.5.5",
     "tinymce": "4.5.7",
     "typeface-exo": "0.0.22",
     "web-animations-js": "2.2.5",
     "zone.js": "0.8.18"
   },
   "devDependencies": {
-    "@angular/cli": "1.4.9",
-    "@angular/compiler-cli": "4.4.6",
-    "@angular/language-service": "4.4.6",
+    "@angular/cli": "1.6.3",
+    "@angular/compiler-cli": "~5.1.0",
+    "@angular/language-service": "~5.1.0",
     "@compodoc/compodoc": "1.0.1",
-    "@types/d3-color": "1.0.4",
+    "@types/d3-color": "1.0.5",
     "@types/jasmine": "2.5.54",
     "@types/jasminewd2": "2.0.3",
-    "@types/leaflet": "1.0.60",
+    "@types/leaflet": "1.2.3",
     "@types/node": "6.0.90",
-    "codelyzer": "3.2.1",
+    "codelyzer": "4.0.2",
     "conventional-changelog-cli": "1.3.4",
     "husky": "0.13.3",
     "jasmine-core": "2.6.4",
@@ -100,6 +97,6 @@
     "ts-node": "3.2.2",
     "tslint": "5.7.0",
     "tslint-language-service": "0.9.6",
-    "typescript": "2.3.4"
+    "typescript": "2.5.3"
   }
 }

src/app/pages/charts/chartjs/chartjs-pie.component.ts

@@ -29,12 +29,6 @@ export class ChartjsPieComponent implements OnDestroy {
       this.options = {
         maintainAspectRatio: false,
         responsive: true,
-        scale: {
-          pointLabels: {
-            fontSize: 14,
-            fontColor: chartjs.textColor,
-          },
-        },
         scales: {
           xAxes: [
             {

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

@@ -1,5 +1,5 @@
 import { NgModule } from '@angular/core';
-import { AngularEchartsModule } from 'ngx-echarts';
+import { NgxEchartsModule } from 'ngx-echarts';
 import { NgxChartsModule } from '@swimlane/ngx-charts';
 import { ChartModule } from 'angular2-chartjs';
 
@@ -49,7 +49,7 @@ const components = [
 ];
 
 @NgModule({
-  imports: [ThemeModule, ChartsRoutingModule, AngularEchartsModule, NgxChartsModule, ChartModule],
+  imports: [ThemeModule, ChartsRoutingModule, NgxEchartsModule, NgxChartsModule, ChartModule],
   declarations: [...routedComponents, ...components],
 })
 export class ChartsModule {}

src/app/pages/dashboard/dashboard.module.ts

@@ -1,5 +1,5 @@
 import { NgModule } from '@angular/core';
-import { AngularEchartsModule } from 'ngx-echarts';
+import { NgxEchartsModule } from 'ngx-echarts';
 
 import { ThemeModule } from '../../@theme/theme.module';
 import { DashboardComponent } from './dashboard.component';
@@ -24,7 +24,7 @@ import { TrafficChartComponent } from './traffic/traffic-chart.component';
 @NgModule({
   imports: [
     ThemeModule,
-    AngularEchartsModule,
+    NgxEchartsModule,
   ],
   declarations: [
     DashboardComponent,

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

@@ -3,7 +3,7 @@
 @include nb-install-component() {
 
   .team-photo {
-    background-image: url('~/assets/images/team.png');
+    background-image: url('/assets/images/team.png');
     background-position: center;
     background-size: cover;
     position: relative;

src/app/pages/maps/maps.module.ts

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { AgmCoreModule } from '@agm/core';
-import { LeafletModule } from '@asymmetrik/angular2-leaflet';
-import { AngularEchartsModule } from 'ngx-echarts';
+import { LeafletModule } from '@asymmetrik/ngx-leaflet';
+import { NgxEchartsModule } from 'ngx-echarts';
 
 import { ThemeModule } from '../../@theme/theme.module';
 import { MapsRoutingModule, routedComponents } from './maps-routing.module';
@@ -12,7 +12,7 @@ import { MapsRoutingModule, routedComponents } from './maps-routing.module';
     AgmCoreModule.forRoot(),
     LeafletModule.forRoot(),
     MapsRoutingModule,
-    AngularEchartsModule,
+    NgxEchartsModule,
   ],
   exports: [],
   declarations: [

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

@@ -3,7 +3,7 @@
 @include nb-install-component() {
   text-align: center;
 
-  .dropdown, .btn-group {
+  .dropdown, .dropup, .btn-group {
     margin-bottom: 1rem;
   }
 

src/main.ts

@@ -14,4 +14,4 @@ if (environment.production) {
 }
 
 platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.log(err));
+  .catch(err => console.error(err));

tslint.json

@@ -39,7 +39,7 @@
     "no-console": [
       true,
       "debug",
-      "info",
+      "log",
       "time",
       "timeEnd",
       "trace"
@@ -75,7 +75,6 @@
     ],
     "radix": true,
     "semicolon": [
-      true,
       "always"
     ],
     "triple-equals": [
@@ -115,18 +114,23 @@
       "ngx",
       "kebab-case"
     ],
+    "ban": [
+      true,
+      "eval",
+      "fit",
+      "fdescribe",
+      {
+        "name": "$",
+        "message": "please don't"
+      }
+    ],
     "use-input-property-decorator": true,
     "use-output-property-decorator": true,
-    "use-host-property-decorator": true,
     "no-output-rename": true,
     "use-life-cycle-interface": true,
     "use-pipe-transform-interface": true,
     "component-class-suffix": true,
     "directive-class-suffix": true,
-    "no-access-missing-member": true,
-    "templates-use-public": true,
-    "invoke-injectable": true,
-
     "no-unused-variable": true
   }
 }