chore: update to Angular 7

Author: xidedix

CHANGELOG.md

@@ -1,5 +1,29 @@
 ### [@coreui/angular](https://coreui.io/) changelog
 
+##### `v2.2.0`
+- chore: build with Angular 7 
+- chore: update Angular to `^7.1.0` see: https://update.angular.io/
+  - update: `@angular/animations` to `^7.1.1`
+  - update: `@angular/common` to `^7.1.1`
+  - update: `@angular/compiler` to `^7.1.1`
+  - update: `@angular/core` to `^7.1.1`
+  - update: `@angular/forms` to `^7.1.1`
+  - update: `@angular/http` to `^7.1.1`
+  - update: `@angular/platform-browser` to `^7.1.1`
+  - update: `@angular/platform-browser-dynamic` to `^7.1.1`
+  - update: `@angular/router` to `^7.1.1`
+  - update: `@angular-devkit/build-angular` to `~0.11.0`
+  - update: `@angular-devkit/build-ng-packagr` to `~0.11.0`
+  - update: `@angular/cli` to `^7.1.0`
+  - update: `@angular/compiler-cli` to `^7.1.1`
+  - update: `@angular/language-service` to `^7.1.1`
+  - update: `@types/jasmine` to `~3.3.0`
+  - update: `karma` to `^3.1.3`
+  - update: `karma-jasmine` to `~2.0.1`
+  - update: `ng-packagr` to `^4.4.5`
+  - update: `ts-node` to `~7.0.1`
+  - update: `typescript` to `^3.1.6"
+
 ##### `v2.1.0`
 - feat: sidebar nav-link  `attributes` - optional JS object with valid JS API naming:
   - valid attributes: `rel`, `target`, `hidden`, `disabled`, etc...

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-dev",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "license": "MIT",
   "author": {
     "name": "Łukasz Holeczek",
@@ -27,43 +27,43 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^6.1.10",
-    "@angular/common": "^6.1.10",
-    "@angular/compiler": "^6.1.10",
-    "@angular/core": "^6.1.10",
-    "@angular/forms": "^6.1.10",
-    "@angular/http": "^6.1.10",
-    "@angular/platform-browser": "^6.1.10",
-    "@angular/platform-browser-dynamic": "^6.1.10",
-    "@angular/router": "^6.1.10",
+    "@angular/animations": "^7.1.1",
+    "@angular/common": "^7.1.1",
+    "@angular/compiler": "^7.1.1",
+    "@angular/core": "^7.1.1",
+    "@angular/forms": "^7.1.1",
+    "@angular/http": "^7.1.1",
+    "@angular/platform-browser": "^7.1.1",
+    "@angular/platform-browser-dynamic": "^7.1.1",
+    "@angular/router": "^7.1.1",
     "core-js": "^2.5.7",
     "rxjs": "^6.3.3",
     "zone.js": "^0.8.26"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.8.8",
-    "@angular-devkit/build-ng-packagr": "~0.8.8",
-    "@angular/cli": "^6.2.8",
-    "@angular/compiler-cli": "^6.1.10",
-    "@angular/language-service": "^6.1.10",
-    "@types/jasmine": "~2.8.12",
+    "@angular-devkit/build-angular": "~0.11.0",
+    "@angular-devkit/build-ng-packagr": "~0.11.0",
+    "@angular/cli": "^7.1.0",
+    "@angular/compiler-cli": "^7.1.1",
+    "@angular/language-service": "^7.1.1",
+    "@types/jasmine": "~3.3.0",
     "@types/jasminewd2": "~2.0.6",
-    "@types/node": "~10.12.10",
+    "@types/node": "~10.12.11",
     "codelyzer": "~4.5.0",
     "jasmine-core": "~3.3.0",
     "jasmine-spec-reporter": "~4.2.1",
-    "karma": "^3.1.1",
+    "karma": "^3.1.3",
     "karma-chrome-launcher": "~2.2.0",
     "karma-coverage-istanbul-reporter": "~2.0.4",
-    "karma-jasmine": "~1.1.2",
+    "karma-jasmine": "~2.0.1",
     "karma-jasmine-html-reporter": "^1.4.0",
-    "ng-packagr": "^3.0.6",
+    "ng-packagr": "^4.4.5",
     "protractor": "~5.4.1",
     "shelljs": "^0.8.3",
-    "ts-node": "~6.2.0",
+    "ts-node": "~7.0.1",
     "tsickle": "^0.34.0",
     "tslib": "^1.9.3",
     "tslint": "~5.11.0",
-    "typescript": "~2.9.2"
+    "typescript": "^3.1.6"
   }
 }

projects/coreui/angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "CoreUI Angular Bootstrap 4 components",
   "license": "MIT",
   "homepage": "https://coreui.io/angular",
@@ -17,8 +17,8 @@
     }
   ],
   "peerDependencies": {
-    "@angular/common": "^6.1.10",
-    "@angular/core": "^6.1.10",
+    "@angular/common": "^7.1.1",
+    "@angular/core": "^7.1.1",
     "@coreui/coreui": "^2.1.3"
   },
   "repository": {

projects/coreui/angular/src/lib/sidebar/app-sidebar-nav.component.ts

@@ -153,12 +153,11 @@ export class AppSidebarNavItemComponent implements OnInit {
       [attr.disabled]="true"
       [appLinkAttributes]="link.attributes"
       href=""
-      [ngClass]="getClasses()"
-      >
+      [ngClass]="getClasses()">
         <i *ngIf="isIcon()" class="nav-icon {{ link.icon }}"></i>
-          {{ link.name }}
-          <span *ngIf="isBadge()" [ngClass]="'badge badge-' + link.badge.variant">{{ link.badge.text }}</span>
-        </a>
+        {{ link.name }}
+        <span *ngIf="isBadge()" [ngClass]="'badge badge-' + link.badge.variant">{{ link.badge.text }}</span>
+      </a>
       <a *ngSwitchCase="'external'" [ngClass]="getClasses()" href="{{link.url}}" [appLinkAttributes]="link.attributes">
         <i *ngIf="isIcon()" class="nav-icon {{ link.icon }}"></i>
         {{ link.name }}

projects/coreui/angular/src/lib/sidebar/app-sidebar.module.ts

@@ -1,7 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { NgModule} from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { HttpClientModule } from '@angular/common/http';
 import { LayoutModule } from './../shared/layout/layout.module';
 
 // App Sidebar Component

projects/coreui/angular/tsconfig.lib.json

@@ -14,7 +14,7 @@
     "types": [],
     "lib": [
       "dom",
-      "es2015"
+      "es2018"
     ]
   },
   "angularCompilerOptions": {
@@ -24,7 +24,8 @@
     "fullTemplateTypeCheck": true,
     "strictInjectionParameters": true,
     "flatModuleId": "AUTOGENERATED",
-    "flatModuleOutFile": "AUTOGENERATED"
+    "flatModuleOutFile": "AUTOGENERATED",
+    "enableResourceInlining": true
   },
   "exclude": [
     "src/test.ts",

src/polyfills.ts

@@ -43,7 +43,7 @@
 
 /** Evergreen browsers require these. **/
 // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
-import 'core-js/es7/reflect';
+
 
 
 /**

tsconfig.json

@@ -2,6 +2,7 @@
   "compileOnSave": false,
   "compilerOptions": {
     "baseUrl": "./",
+    "importHelpers": true,
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
@@ -22,6 +23,9 @@
       ],
       "angular": [
         "dist/angular"
+      ],
+      "angular/*": [
+        "dist/angular/*"
       ]
     }
   }