chore(package): Publish Angular MDC v0.41.2

demos/app-layout.html

@@ -13,7 +13,7 @@
   </mdc-top-app-bar-row>
 </mdc-top-app-bar>
 
-<mdc-drawer class="demo-drawer" #appdrawer="mdcDrawer" open [drawer]="isScreenSmall() ? 'modal' : 'dismissible'" mdcTopAppBarFixedAdjust>
+<mdc-drawer class="demo-drawer" #appdrawer="mdcDrawer" [open]="!isScreenSmall()" [drawer]="isScreenSmall() ? 'modal' : 'dismissible'" mdcTopAppBarFixedAdjust>
   <mdc-drawer-content>
     <mdc-list useActivatedClass>
       <mdc-list-item [routerLink]="['home']" routerLinkActive #rlaHome="routerLinkActive">Home</mdc-list-item>

demos/components/dialog-demo/dialog-demo.html

@@ -12,7 +12,7 @@ <h2>References</h2>
       </li>
     </ul>
     <h2>Import</h2>
-    <p class="docs-api-module-import"><![CDATA[import { MdcDialogModule } from '@angular-mdc/web';]]></p>
+    <pre><code highlight code="import { MdcDialogModule } from '@angular-mdc/web';"></code></pre>
 
     <h2>Design & API Documentation</h2>
     <div class="docs-api">
@@ -35,8 +35,6 @@ <h2>Design & API Documentation</h2>
         <tbody>
           <tr>
             <td>
-    open(myDialogComponent)
-
 <pre><code highlight code="
 open(myDialogComponent, {
   id?: string,
@@ -209,7 +207,7 @@ <h2>Design & API Documentation</h2>
       <table>
         <tbody>
           <tr>
-            <td>Optional. Any element within a dialog may include the <code class="docs-markdown-code">mdcDialogAction</code> directive.</td>
+            <td>Optional. Any element within a dialog may include the <pre class="docs-markdown-code">mdcDialogAction</pre> directive.</td>
           </tr>
         </tbody>
       </table>
@@ -241,7 +239,7 @@ <h3 class="demo-content__headline">Dialog service</h3>
       <button mdc-button (click)="openSimple()">Simple</button>
       <button mdc-button (click)="openConfirmation()">Confirmation</button>
       <button mdc-button (click)="openScrollable(true)">Scrollable</button>
-      <button mdc-button (click)="openForm(true)">Form inputs</button>
+      <button mdc-button (click)="openForm()">Form</button>
     </div>
   </div>
 

demos/components/dialog-demo/dialog-form-demo.html

@@ -12,7 +12,7 @@
             <mdc-text-field formControlName="last" label="Last name" outlined required></mdc-text-field>
             <p mdcTextFieldHelperText persistent validation>*Required</p>
           </mdc-form-field>
-          <div class="demo-layout__row--no-wrap">
+          <div class="demo-layout__row">
             <mdc-form-field>
               <mdc-text-field formControlName="middle" label="Middle name" outlined></mdc-text-field>
             </mdc-form-field>

demos/components/snackbar-demo/snackbar-demo.html

@@ -12,7 +12,7 @@ <h2>References</h2>
       </li>
     </ul>
     <h2>Import</h2>
-    <p class="docs-api-module-import"><![CDATA[import { MdcSnackbarModule } from '@angular-mdc/web';]]></p>
+    <pre><code highlight code="import { MdcSnackbarModule } from '@angular-mdc/web';"></code></pre>
 
     <h2>Design & API Documentation</h2>
     <div class="docs-api">
@@ -45,24 +45,18 @@ <h2>Design & API Documentation</h2>
             <td>Show snackbar message and action.</td>
           </tr>
           <tr>
-            <td><pre><![CDATA[show(
+            <td><pre><code highlight code="show(
     message: string,
     action: string,
     {
-      config
-    })
-  ]]></pre></td>
-            <td>
-  <pre><![CDATA[config {
-    timeout?: number = 2750;
-    actionHandler?: Function;
-    multiline?: boolean = false;
-    actionOnBottom?: boolean = false;
-    align?: string = 'center';
-    dismissOnAction?: boolean = true;
-    focusAction?: boolean = false;
-  }]]></pre>
-            </td>
+      timeout?: number = 2750;
+      actionHandler?: Function;
+      multiline?: boolean = false;
+      actionOnBottom?: boolean = false;
+      align?: string = 'center';
+      dismissOnAction?: boolean = true;
+      focusAction?: boolean = false;
+    });"></code></pre></td>
           </tr>
           <tr>
             <td>afterDismiss</td>

demos/home/home.html

@@ -7,5 +7,5 @@ <h4 class="demo-landing__label">for Angular</h4>
 <div class="demo-layout__column demo-layout--center">
   <p class="demo-landing__subtitle">A faithful and accurate representation of Material Design.</p>
   <button raised secondary mdc-button [routerLink]="['/getting-started']">Get Started</button>
-  <span class="demo-landing__version">v0.41.1</span>
+  <span class="demo-landing__version">v0.41.2</span>
 </div>

demos/sass/_demo.scss

@@ -52,18 +52,18 @@
 .demo-page {
   padding-left: 10px;
   padding-bottom: 45px;
+  max-width: calc(70% - 17rem);
+
+  @media (max-width: 1239px) {
+    max-width: calc(100% - 1rem);
+  }
 }
 
 .demo-content {
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: .75rem;
   margin: 1.5rem;
   padding: 1rem;
-  max-width: calc(70% - 17rem);
-
-  @media (max-width: 1239px) {
-    max-width: calc(100% - 3rem);
-  }
 
   &__headline {
     @include mdc-typography(headline6);

demos/sass/_dialog.scss

@@ -1,4 +1,7 @@
 .test-dialog--form {
   @include mdc-dialog-min-width(580px);
-  @include mdc-dialog-max-height(650px, 5px);
+
+  @media (max-width: 1239px) {
+    @include mdc-dialog-min-width(280px);
+  }
 }

demos/sass/_tabs.scss

@@ -1,7 +1,3 @@
-//
-// Tabs
-//
-
 .demo-scrolling-tabs__row {
   display: flex;
   flex-wrap: nowrap;

package.json

@@ -8,7 +8,7 @@
     "url": "https://github.com/trimox/angular-mdc-web.git"
   },
   "license": "MIT",
-  "version": "0.41.1",
+  "version": "0.41.2",
   "engines": {
     "node": ">= 9.11.1"
   },

packages/material-components-web/package.json

@@ -7,7 +7,7 @@
     "type": "git",
     "url": "https://github.com/trimox/angular-mdc-web.git"
   },
-  "version": "0.41.1",
+  "version": "0.41.2",
   "license": "MIT",
   "keywords": [
     "angular-mdc",

packages/package.json

@@ -22,7 +22,7 @@
   "typings": "./web.d.ts",
   "private": false,
   "dependencies": {
-    "@angular-mdc/theme": "0.41.1"
+    "@angular-mdc/theme": "0.41.2"
   },
   "peerDependencies": {
     "@angular/core": "0.0.0-NG",