chore(package): Publish Angular MDC v0.43.5

Author: trimox

demos/package.json

@@ -4,33 +4,34 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
+    "start:prod": "ng serve --prod",
     "build": "ng build",
     "build:aot": "ng build --prod --aot",
     "lint": "ng lint"
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "~7.2.0",
-    "@angular/compiler": "~7.2.0",
-    "@angular/core": "~7.2.0",
-    "@angular/forms": "~7.2.0",
-    "@angular/platform-browser": "~7.2.0",
-    "@angular/platform-browser-dynamic": "~7.2.0",
-    "@angular/router": "~7.2.0",
-    "core-js": "^2.6.1",
+    "@angular/common": "~7.2.2",
+    "@angular/compiler": "~7.2.2",
+    "@angular/core": "~7.2.2",
+    "@angular/forms": "~7.2.2",
+    "@angular/platform-browser": "~7.2.2",
+    "@angular/platform-browser-dynamic": "~7.2.2",
+    "@angular/router": "~7.2.2",
+    "core-js": "^2.6.3",
     "rxjs": "~6.3.3",
     "tslib": "^1.9.3",
-    "zone.js": "~0.8.26"
+    "zone.js": "~0.8.29"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.12.1",
-    "@angular/cli": "~7.2.1",
-    "@angular/compiler-cli": "~7.2.0",
+    "@angular-devkit/build-angular": "^0.12.3",
+    "@angular/cli": "^7.2.3",
+    "@angular/compiler-cli": "~7.2.2",
     "@types/node": "^10.12.17",
     "highlight.js": "^9.13.1",
-    "ngx-highlightjs": "^3.0.0",
-    "ts-node": "~7.0.1",
+    "ngx-highlightjs": "^3.0.1",
+    "ts-node": "~8.0.1",
     "tslint": "~5.12.0",
-    "typescript": "~3.2.2"
+    "typescript": "~3.2.4"
   }
-}
+}

demos/src/app/components/list-demo/api.html

@@ -171,7 +171,7 @@ <h4 mdcSubtitle2>Properties</h4>
 
 <div class="docs-api">
   <h3 mdcHeadline6>MdcListItemGraphic</h3>
-  Optional. the first tile in the row (in LTR languages, the first column of
+  Optional. The first tile in the row (in LTR languages, the first column of
   the list item). Typically an icon or
   image.
   <p>
@@ -183,7 +183,7 @@ <h3 mdcHeadline6>MdcListItemGraphic</h3>
 
 <div class="docs-api">
   <h3 mdcHeadline6>MdcListItemMeta</h3>
-  Optional. the last tile in the row (in LTR languages, the last column of the
+  Optional. The last tile in the row (in LTR languages, the last column of the
   list item). Typically small text, icon.
   or image.
   <p>

demos/src/app/components/list-demo/examples.html

@@ -215,6 +215,28 @@ <h3 class="demo-content__headline">Leading and Trailing Icon</h3>
   <example-viewer [example]="exampleLeadingAndTrailingIcon"></example-viewer>
 </div>
 
+<div class="demo-content">
+  <h3 class="demo-content__headline">Two-Line with Leading and Trailing Icon and Divider</h3>
+  <mdc-list avatar twoLine>
+    <mdc-list-item>
+      <mdc-icon mdcListItemGraphic>folder</mdc-icon>
+      <mdc-list-item-text secondaryText="Secondary text">Single-line item</mdc-list-item-text>
+      <mdc-icon mdcListItemMeta>info</mdc-icon>
+    </mdc-list-item>
+    <mdc-list-item>
+      <mdc-icon mdcListItemGraphic>folder</mdc-icon>
+      <mdc-list-item-text secondaryText="Secondary text">Single-line item</mdc-list-item-text>
+      <mdc-icon mdcListItemMeta>info</mdc-icon>
+    </mdc-list-item>
+    <mdc-list-item>
+      <mdc-icon mdcListItemGraphic>folder</mdc-icon>
+      <mdc-list-item-text secondaryText="Secondary text">Single-line item</mdc-list-item-text>
+      <mdc-icon mdcListItemMeta>info</mdc-icon>
+    </mdc-list-item>
+  </mdc-list>
+  <example-viewer [example]="exampleTwoLine"></example-viewer>
+</div>
+
 <div class="demo-content">
   <h3 class="demo-content__headline">List with Leading Checkbox</h3>
   <mdc-list>

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

@@ -1,26 +1,26 @@
 <div class="demo-panel-content">
   <div class="demo-panel-transition">
-    <h1>Getting started</h1>
+    <h1 class="demo-panel-title">Getting started</h1>
     <p>For help getting started with a new Angular app, check out the <a href="https://cli.angular.io/"
         target="_blank" rel="noopener">Angular CLI</a>.</p>
     <p>For existing apps, follow these steps to begin using Angular MDC.</p>
-    <h2>Step 1: Install Angular MDC</h2>
+    <h2 class="demo-panel-references">Step 1: Install Angular MDC</h2>
     <h4>npm</h4>
     <pre><code highlight="npm i @angular-mdc/web"></code></pre>
 
     <h4>yarn</h4>
     <pre><code highlight="yarn add @angular-mdc/web"></code></pre>
 
 
-    <h2>Step 2: Use Roboto font</h2>
+    <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
     weights.
     You can host it yourself or include it from <a href="https://fonts.google.com/"
       target="_blank" rel="noopener">Google Fonts:</a>
 
     <pre><code [highlight]="robotoLink"></code></pre>
 
-    <h2>Step 3 (optional): Add Material Icons</h2>
+    <h2 class="demo-panel-references">Step 3 (optional): Add Material Icons</h2>
     If you want to use the <code>mdc-icon</code> component with the official
     Material Design Icons, load the icon font in your index.html:
 
@@ -31,12 +31,12 @@ <h2>Step 3 (optional): Add Material Icons</h2>
     Note that mdc-icon supports any font or svg icons; using Material Icons is
     one of many options.
 
-    <h2>Step 4: Import MDC Sass</h2>
+    <h2 class="demo-panel-references">Step 4: Import MDC Sass</h2>
     In styles.scss add the following:
 
     <pre><code [highlight]="sassHelp"></code></pre>
 
-    <h2>Step 5: Import component modules</h2>
+    <h2 class="demo-panel-references">Step 5: Import component modules</h2>
     Now just import the NgModule for each component you want to use.
     <pre><code highlight="import {
   MdcFabModule,

demos/src/styles/_layout.scss

@@ -83,7 +83,7 @@
 .demo-panel-title {
   @include mdc-typography(headline4);
 
-  margin: 24px 16px 16px 0;
+  margin: 16px 16px 16px 0;
   line-height: 1.25;
   padding-bottom: .3em;
   border-bottom: 1px solid #eaecef;  

demos/src/styles/_text-field.scss

@@ -96,7 +96,7 @@
 
         .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--persistent),
         .mdc-select-helper-text:not(.mdc-select-helper-text--persistent) {
-          margin-bottom: 11px;
+          margin-bottom: 9px;
         }
       }
     }