Angular 8 upgrade

browserslist

@@ -0,0 +1,12 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11 # For IE 9-11 support, remove 'not'.

package.json

@@ -1,60 +1,58 @@
 {
-	"name": "ng-dynaform",
-	"version": "0.0.0",
-	"license": "MIT",
-	"scripts": {
-		"ng": "ng",
-		"start": "ng serve",
-		"build": "ng build --prod",
-		"test": "ng test",
-		"lint": "ng lint",
-		"e2e": "ng e2e"
-	},
-	"private": true,
-	"dependencies": {
-		"@angular/animations": "^7.2.15",
-		"@angular/common": "^7.2.15",
-		"@angular/compiler": "^7.2.15",
-		"@angular/core": "^7.2.15",
-		"@angular/forms": "^7.2.15",
-		"@angular/http": "^7.2.15",
-		"@angular/platform-browser": "^7.2.15",
-		"@angular/platform-browser-dynamic": "^7.2.15",
-		"@angular/router": "^7.2.15",
-		"@clr/angular": "^1.1.4",
-		"@clr/icons": "^1.1.4",
-		"@clr/ui": "^1.1.4",
-		"@webcomponents/custom-elements": "^1.2.4",
-		"angular-super-validator": "^2.0.0",
-		"json-formatter-js": "^2.2.1",
-		"lodash": "^4.17.11",
-		"ramda": "^0.26.1",
-		"rxjs": "^6.5.2",
-		"rxjs-compat": "^6.5.2",
-		"typescript": "^3.2.4",
-		"zone.js": "^0.8.29"
-	},
-	"devDependencies": {
-		"@angular-devkit/build-angular": "^0.13.9",
-		"@angular/cli": "^7.3.9",
-		"@angular/compiler-cli": "^7.2.15",
-		"@angular/language-service": "^7.2.15",
-		"@types/jasmine": "^3.3.13",
-		"@types/jasminewd2": "~2.0.6",
-		"@types/lodash": "^4.14.134",
-		"@types/node": "^10.12.30",
-		"codelyzer": "^4.5.0",
-		"jasmine-core": "~3.3.0",
-		"jasmine-spec-reporter": "~4.2.1",
-		"karma": "^4.0.1",
-		"karma-chrome-launcher": "~2.2.0",
-		"karma-coverage-istanbul-reporter": "^2.0.5",
-		"karma-jasmine": "~2.0.1",
-		"karma-jasmine-html-reporter": "^1.4.2",
-		"node-sass": "^4.12.0",
-		"protractor": "^5.4.2",
-		"rxjs-tslint": "^0.1.7",
-		"ts-node": "^8.0.3",
-		"tslint": "~5.12.1"
-	}
+  "name": "ng-dynaform",
+  "version": "0.0.0",
+  "license": "MIT",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build --prod",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "^8.0.1",
+    "@angular/common": "^8.0.1",
+    "@angular/compiler": "^8.0.1",
+    "@angular/core": "^8.0.1",
+    "@angular/forms": "^8.0.1",
+    "@angular/platform-browser": "^8.0.1",
+    "@angular/platform-browser-dynamic": "^8.0.1",
+    "@angular/router": "^8.0.1",
+    "@clr/angular": "^1.1.4",
+    "@clr/icons": "^1.1.4",
+    "@clr/ui": "^1.1.4",
+    "@webcomponents/custom-elements": "^1.2.4",
+    "angular-super-validator": "^2.0.0",
+    "json-formatter-js": "^2.2.1",
+    "lodash": "^4.17.11",
+    "ramda": "^0.26.1",
+    "rxjs": "^6.5.2",
+    "zone.js": "~0.9.1"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "~0.800.0",
+    "@angular/cli": "^8.0.3",
+    "@angular/compiler-cli": "^8.0.1",
+    "@angular/language-service": "^8.0.1",
+    "@types/jasmine": "^3.3.13",
+    "@types/jasminewd2": "~2.0.6",
+    "@types/lodash": "^4.14.134",
+    "@types/node": "^12.0.8",
+    "codelyzer": "^5.1.0",
+    "jasmine-core": "~3.4.0",
+    "jasmine-spec-reporter": "~4.2.1",
+    "karma": "^4.1.0",
+    "karma-chrome-launcher": "~2.2.0",
+    "karma-coverage-istanbul-reporter": "^2.0.5",
+    "karma-jasmine": "~2.0.1",
+    "karma-jasmine-html-reporter": "^1.4.2",
+    "node-sass": "^4.12.0",
+    "protractor": "^5.4.2",
+    "rxjs-tslint": "^0.1.7",
+    "ts-node": "^8.3.0",
+    "tslint": "~5.17.0",
+    "typescript": "3.4.5"
+  }
 }

src/app/app.component.ts

@@ -32,7 +32,7 @@ export class AppComponent implements OnInit, OnChanges {
 	hCssRed = 'color: white; background-color: maroon; font-weight: bold;';
 	hCssGreen = 'color: white; background-color: green; font-weight: bold;';
 
-	@ViewChild('testTemplate', { read: TemplateRef })
+	@ViewChild('testTemplate', { read: TemplateRef, static: false })
 	tref: TemplateRef<any>;
 
 	constructor(

src/tsconfig.app.json

@@ -3,7 +3,6 @@
   "compilerOptions": {
     "outDir": "../out-tsc/app",
     "baseUrl": "./",
-    "module": "es2015",
     "types": []
   },
   "exclude": [

src/tsconfig.spec.json

@@ -3,7 +3,6 @@
   "compilerOptions": {
     "outDir": "../out-tsc/spec",
     "baseUrl": "./",
-    "module": "commonjs",
     "types": [
       "jasmine",
       "node"

tsconfig.json

@@ -1,6 +1,7 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
+    "downlevelIteration": true,
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
@@ -27,6 +28,6 @@
         "app/_mock/*"
       ]
     },
-    "module": "es2015"
+    "module": "esnext"
   }
 }

tslint.json

@@ -130,12 +130,12 @@
       "kebab-case"
     ],
     "no-output-on-prefix": true,
-    "use-input-property-decorator": true,
-    "use-output-property-decorator": true,
-    "use-host-property-decorator": true,
+    "no-inputs-metadata-property": true,
+    "no-outputs-metadata-property": true,
+    "no-host-metadata-property": true,
     "no-input-rename": true,
     "no-output-rename": true,
-    "use-life-cycle-interface": true,
+    "use-lifecycle-interface": true,
     "use-pipe-transform-interface": true,
     "component-class-suffix": true,
     "directive-class-suffix": true