chore: Bump dependencies

demos/package.json

@@ -10,25 +10,25 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "~8.2.3",
-    "@angular/compiler": "~8.2.3",
-    "@angular/core": "~8.2.3",
-    "@angular/forms": "~8.2.3",
-    "@angular/platform-browser": "~8.2.3",
-    "@angular/platform-browser-dynamic": "~8.2.3",
-    "@angular/router": "^8.2.3",
-    "rxjs": "~6.5.2",
+    "@angular/common": "~8.2.6",
+    "@angular/compiler": "~8.2.6",
+    "@angular/core": "~8.2.6",
+    "@angular/forms": "~8.2.6",
+    "@angular/platform-browser": "~8.2.6",
+    "@angular/platform-browser-dynamic": "~8.2.6",
+    "@angular/router": "^8.2.6",
+    "rxjs": "~6.5.3",
     "tslib": "^1.10.0",
     "zone.js": "~0.9.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.803.0",
-    "@angular/cli": "^8.3.0",
-    "@angular/compiler-cli": "~8.2.3",
-    "@types/node": "^12.7.2",
+    "@angular-devkit/build-angular": "^0.803.4",
+    "@angular/cli": "^8.3.4",
+    "@angular/compiler-cli": "~8.2.6",
+    "@types/node": "^12.7.5",
     "highlight.js": "^9.15.10",
     "ngx-highlightjs": "^3.0.3",
-    "ts-node": "^8.3.0",
+    "ts-node": "^8.4.1",
     "tslint": "~5.18.0",
     "typescript": "<3.6.0"
   }

demos/src/app/app.module.ts

@@ -1,24 +1,26 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { HttpClientModule } from '@angular/common/http';
-import { APP_BASE_HREF } from '@angular/common';
+import {NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {HttpClientModule} from '@angular/common/http';
+import {APP_BASE_HREF} from '@angular/common';
 
-import { environment } from '../environments/environment';
-import { SharedModule } from './shared.module';
-import { AppComponent } from './app.component';
-import { AppRoutingModule, DEMO_DECLARATIONS } from './app-routing.module';
+import {environment} from '../environments/environment';
+import {SharedModule} from './shared.module';
+import {AppComponent} from './app.component';
+import {AppRoutingModule, DEMO_DECLARATIONS} from './app-routing.module';
 
-import { HighlightModule } from 'ngx-highlightjs';
+import {HighlightModule} from 'ngx-highlightjs';
 
 import typescript from 'highlight.js/lib/languages/typescript';
 import scss from 'highlight.js/lib/languages/scss';
 import xml from 'highlight.js/lib/languages/xml';
+import shell from 'highlight.js/lib/languages/shell';
 
 export function hljsLanguages() {
   return [
-    { name: 'typescript', func: typescript },
-    { name: 'scss', func: scss },
-    { name: 'xml', func: xml }
+    {name: 'typescript', func: typescript},
+    {name: 'scss', func: scss},
+    {name: 'shell', func: shell},
+    {name: 'xml', func: xml}
   ];
 }
 
@@ -28,13 +30,13 @@ export function hljsLanguages() {
     HttpClientModule,
     AppRoutingModule,
     SharedModule,
-    HighlightModule.forRoot({ languages: hljsLanguages })
+    HighlightModule.forRoot({languages: hljsLanguages})
   ],
   declarations: [
     AppComponent,
     DEMO_DECLARATIONS
   ],
-  providers: [{ provide: APP_BASE_HREF, useValue: environment.production ? '/angular-mdc-web/' : '/' }],
+  providers: [{provide: APP_BASE_HREF, useValue: environment.production ? '/angular-mdc-web/' : '/'}],
   bootstrap: [AppComponent]
 })
-export class AppModule { }
+export class AppModule {}

demos/src/app/getting-started/getting-started.html

@@ -6,10 +6,10 @@ <h1 class="demo-panel-title">Getting started</h1>
     <p>For existing apps, follow these steps to begin using Angular MDC.</p>
     <h2 class="demo-panel-references">Step 1: Install Angular MDC</h2>
     <h4>npm</h4>
-    <pre><code [highlight]="npmCmd"></code></pre>
+    <pre><code [highlight]="npmCmd" [languages]="langShell"></code></pre>
 
     <h4>yarn</h4>
-    <pre><code [highlight]="yarnCmd"></code></pre>
+    <pre><code [highlight]="yarnCmd" [languages]="langShell"></code></pre>
 
     <h2 class="demo-panel-references">Step 2: Use Roboto font</h2>
     To get started, first include the Roboto font with the 300, 400 and 500

demos/src/app/getting-started/getting-started.ts

@@ -1,9 +1,10 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 
 @Component({
   templateUrl: './getting-started.html'
 })
 export class GettingStarted {
+  langShell = ['shell'];
   npmCmd = `npm i @angular-mdc/web`;
   yarnCmd = `yarn add @angular-mdc/web`;
   materialIconsLink = `<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">`;