fix(demo): upgraded the demo app to v8

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.json

@@ -28,21 +28,20 @@
   "private": true,
   "dependencies": {
     "@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/common": "^8.0.0",
+    "@angular/compiler": "^8.0.0",
+    "@angular/core": "^8.0.0",
     "@angular/fire": "^5.1.3",
-    "@angular/flex-layout": "^7.0.0-beta.24",
-    "@angular/forms": "^7.2.15",
-    "@angular/http": "^7.2.15",
+    "@angular/flex-layout": "^8.0.0-beta.26",
+    "@angular/forms": "^8.0.0",
     "@angular/material": "^7.3.7",
-    "@angular/platform-browser": "^7.2.15",
-    "@angular/platform-browser-dynamic": "^7.2.15",
-    "@angular/platform-server": "^7.2.15",
-    "@angular/router": "^7.2.15",
-    "@angular/service-worker": "^7.2.15",
+    "@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.1.3",
     "@ngx-translate/core": "^11.0.1",
     "@ngx-translate/http-loader": "^4.0.0",
@@ -55,26 +54,26 @@
     "highlight.js": "^9.15.6",
     "include-media": "^1.4.9",
     "material-design-icons": "^3.0.1",
-    "ngx-clipboard": "^11.1.9",
+    "ngx-clipboard": "^12.1.0",
     "ngx-highlightjs": "^3.0.3",
     "ngx-markdown": "^7.1.5",
     "rxjs": "^6.5.2",
     "svg-country-flags": "^1.2.6",
     "tslib": "^1.9.3",
-    "zone.js": "^0.8.29"
+    "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.9",
     "@types/jasminewd2": "^2.0.6",
     "@types/node": "^10.14.6",
-    "codelyzer": "^4.5.0",
+    "codelyzer": "^5.0.1",
     "express": "^4.16.4",
     "firebase-tools": "^6.9.2",
     "http-server": "^0.11.1",
@@ -91,7 +90,7 @@
     "ts-loader": "^5.4.5",
     "ts-node": "^8.1.0",
     "tslint": "^5.16.0",
-    "typescript": "~3.2.4",
+    "typescript": "~3.4.5",
     "webpack-cli": "^3.3.2",
     "webpack-node-externals": "~1.7.2"
   },

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

@@ -11,31 +11,31 @@ 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: 'features',
-    loadChildren: 'app/features/features.module#FeaturesModule'
+    loadChildren: () => import('app/features/features.module').then(m => m.FeaturesModule)
   },
   {
     path: 'examples',
-    loadChildren: 'app/examples/examples.module#ExamplesModule'
+    loadChildren: () => import('app/examples/examples.module').then(m => m.ExamplesModule)
   },
   {
     path: 'i18n',
-    loadChildren: 'app/i18n/i18n.module#I18nModule'
+    loadChildren: () => import('app/i18n/i18n.module').then(m => m.I18nModule)
   },
   {
     path: 'legal',
-    loadChildren: 'app/legal/legal.module#LegalModule'
+    loadChildren: () => import('app/legal/legal.module').then(m => m.LegalModule)
   },
   {
     path: 'providers',
-    loadChildren: 'app/faq/faq.module#FaqModule'
+    loadChildren: () => import('app/faq/faq.module').then(m => m.FaqModule)
   },
   {
     path: 'secured',
-    loadChildren: 'app/faq/faq.module#FaqModule',
+    loadChildren: () => import('app/faq/faq.module').then(m => m.FaqModule),
     canActivate: [LoggedInGuard]
   }
 ];

demo/src/tsconfig.app.json

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

demo/src/tsconfig.spec.json

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

demo/tsconfig.json

@@ -2,13 +2,14 @@
   "compileOnSave": false,
   "compilerOptions": {
     "importHelpers": true,
+    "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/tslint.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