fix(demo): updated the demo apps

Author: AnthonyNahas

demo/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'.

demo/package-lock.json

@@ -29,51 +29,50 @@
   "dependencies": {
     "@angular-material-extensions/jumbotron": "^1.0.1",
     "@angular-material-extensions/pages": "^2.1.0",
-    "@angular/animations": "7.2.15",
+    "@angular/animations": "8.0.0",
     "@angular/cdk": "^7.3.7",
-    "@angular/common": "7.2.15",
-    "@angular/compiler": "7.2.15",
-    "@angular/core": "7.2.15",
-    "@angular/flex-layout": "^7.0.0-beta.24",
-    "@angular/forms": "7.2.15",
-    "@angular/http": "7.2.15",
+    "@angular/common": "8.0.0",
+    "@angular/compiler": "8.0.0",
+    "@angular/core": "8.0.0",
+    "@angular/flex-layout": "^8.0.0-beta.26",
+    "@angular/forms": "8.0.0",
     "@angular/material": "^7.3.7",
-    "@angular/platform-browser": "7.2.12",
-    "@angular/platform-browser-dynamic": "7.2.15",
-    "@angular/platform-server": "7.2.15",
-    "@angular/router": "7.2.15",
-    "@angular/service-worker": "7.2.15",
-    "@ng-bootstrap/ng-bootstrap": "^4.1.3",
+    "@angular/platform-browser": "8.0.0",
+    "@angular/platform-browser-dynamic": "8.0.0",
+    "@angular/platform-server": "8.0.0",
+    "@angular/router": "8.0.0",
+    "@angular/service-worker": "8.0.0",
+    "@ng-bootstrap/ng-bootstrap": "^4.2.0",
     "@ngx-translate/core": "^11.0.1",
     "@ngx-translate/http-loader": "^4.0.0",
     "bootstrap": "^4.3.1",
-    "core-js": "^2.6.7",
+    "core-js": "^2.6.9",
     "font-awesome": "^4.7.0",
     "hammerjs": "^2.0.8",
-    "highlight.js": "^9.15.6",
+    "highlight.js": "^9.15.8",
     "include-media": "^1.4.9",
     "material-design-icons": "^3.0.1",
-    "ngx-clipboard": "^11.1.9",
+    "ngx-clipboard": "^12.1.0",
     "ngx-disqus": "^2.4.3",
     "ngx-highlightjs": "^3.0.3",
-    "ngx-markdown": "^7.1.4",
+    "ngx-markdown": "^8.0.2",
     "rxjs": "^6.5.2",
     "rxjs-compat": "^6.5.2",
-    "zone.js": "^0.8.27"
+    "zone.js": "~0.9.1"
   },
   "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",
+    "@angular-devkit/build-angular": "~0.800.0",
+    "@angular/cli": "^8.0.1",
+    "@angular/compiler-cli": "8.0.0",
+    "@angular/language-service": "8.0.0",
     "@angularclass/hmr": "~2.1.3",
     "@nguniversal/express-engine": "^7.1.1",
     "@nguniversal/module-map-ngfactory-loader": "^7.1.1",
-    "@types/jasmine": "^3.3.12",
+    "@types/jasmine": "^3.3.13",
     "@types/jasminewd2": "^2.0.6",
-    "@types/node": "^10.14.7",
-    "codelyzer": "^4.5.0",
-    "express": "^4.17.0",
+    "@types/node": "^10.14.8",
+    "codelyzer": "^5.0.1",
+    "express": "^4.17.1",
     "jasmine-core": "~3.3.0",
     "jasmine-spec-reporter": "~4.2.1",
     "karma": "^3.1.4",
@@ -87,7 +86,7 @@
     "ts-loader": "^5.4.5",
     "ts-node": "^7.0.1",
     "tslint": "~5.16.0",
-    "typescript": "~3.2.4",
+    "typescript": "~3.4.5",
     "webpack-cli": "^3.3.2",
     "webpack-node-externals": "~1.7.2"
   }

demo/package.json

@@ -1,5 +1,5 @@
 import {NgModule} from '@angular/core';
-import {Routes, RouterModule} from '@angular/router';
+import {RouterModule, Routes} from '@angular/router';
 
 const routes: Routes = [
   {
@@ -9,11 +9,11 @@ const routes: Routes = [
   },
   {
     path: 'getting-started',
-    loadChildren: 'app/getting-started/getting-started.module#GettingStartedModule'
+    loadChildren: () => import('app/getting-started/getting-started.module').then(m => m.GettingStartedModule)
   },
   {
     path: 'examples',
-    loadChildren: 'app/examples/examples.module#ExamplesModule'
+    loadChildren: () => import('app/examples/examples.module').then(m => m.ExamplesModule)
   }];
 
 @NgModule({

demo/src/app/app-routing.module.ts

@@ -11,7 +11,7 @@ import {MatPasswordStrengthComponent} from '@angular-material-extensions/passwor
 })
 export class HomeComponent implements OnInit {
 
-  @ViewChild('passwordComponentWithConfirmation')
+  @ViewChild('passwordComponentWithConfirmation', { static: true })
   passwordComponentWithConfirmation: MatPasswordStrengthComponent;
 
   constructor(private titleService: Title) {

demo/src/app/home/home.component.ts

@@ -3,7 +3,6 @@
   "compilerOptions": {
     "outDir": "../out-tsc/app",
     "baseUrl": "./",
-    "module": "es2015",
     "types": [],
     "paths": {
       "@angular/*": ["../node_modules/@angular/*"]

demo/src/tsconfig.app.json

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

demo/src/tsconfig.spec.json

@@ -1,13 +1,14 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
+    "module": "esnext",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
     "moduleResolution": "node",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "target": "es5",
+    "target": "es2015",
     "typeRoots": [
       "node_modules/@types"
     ],

demo/tsconfig.json

@@ -129,12 +129,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

demo/tslint.json

@@ -11,12 +11,12 @@
   },
   "private": true,
   "dependencies": {
-    "@angular-material-extensions/password-strength": "^3.8.1",
     "@angular/animations": "~8.0.0",
     "@angular/cdk": "~7.3.7",
     "@angular/common": "~8.0.0",
     "@angular/compiler": "~8.0.0",
     "@angular/core": "~8.0.0",
+    "@angular/flex-layout": "^8.0.0-beta.26",
     "@angular/forms": "~8.0.0",
     "@angular/material": "~7.3.7",
     "@angular/platform-browser": "~8.0.0",