feat(dialog): Initial prototype

demos/index.html

@@ -72,13 +72,6 @@
               <span class="mdc-list-item__secondary-text">Chips for actions, selection, and input </span>
             </span>
           </a>
-          <a href="dialog.html" role="listitem" class="mdc-list-item">
-            <span class="demo-catalog-list-icon mdc-list-item__graphic"><img src="/images/ic_dialog_24px.svg" /></span>
-            <span class="mdc-list-item__text">
-              <span class="mdc-list-item__primary-text">Dialog</span>
-              <span class="mdc-list-item__secondary-text">Implements a modal dialog window</span>
-            </span>
-          </a>
           <a href="drawer/index.html" role="listitem" class="mdc-list-item">
             <span class="demo-catalog-list-icon mdc-list-item__graphic"><img src="/images/ic_side_navigation_24px.svg" /></span>
             <span class="mdc-list-item__text">

demos/ponyfill.js

@@ -59,9 +59,7 @@ export function objectEntries(obj) {
 export function matches(elem, selector) {
   const nativeMatches = elem.matches
     || elem.webkitMatchesSelector
-    || elem.mozMatchesSelector
-    || elem.msMatchesSelector
-    || elem.oMatchesSelector;
+    || elem.msMatchesSelector;
   return nativeMatches.call(elem, selector);
 }
 

demos/theme/index.html

@@ -437,31 +437,6 @@ <h3 class="mdc-typography--headline5 demo-component-section__heading">
         </div>
       </section>
 
-      <section class="demo-component-section">
-        <i id="dialog" class="demo-anchor-with-toolbar-offset"></i>
-        <h3 class="mdc-typography--headline5 demo-component-section__heading">
-          Dialog
-          <a href="#dialog" class="demo-component-section__permalink" title="Permalink to the theme demo for the dialog component">#</a>
-        </h3>
-
-        <aside class="mdc-dialog mdc-dialog--open demo-dialog">
-          <div class="mdc-dialog__surface">
-            <header class="mdc-dialog__header">
-              <h3 id="mdc-dialog-default-label" class="mdc-dialog__header__title">
-                Fire photon torpedoes?
-              </h3>
-            </header>
-            <section id="mdc-dialog-default-description" class="mdc-dialog__body">
-              Shields at 60% and falling, captain.
-            </section>
-            <footer class="mdc-dialog__footer">
-              <button type="button" class="mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--cancel">Belay that order</button>
-              <button type="button" class="mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--accept">Make it so!</button>
-            </footer>
-          </div>
-        </aside>
-      </section>
-
       <section class="demo-component-section">
         <i id="drawer" class="demo-anchor-with-toolbar-offset"></i>
         <h3 class="mdc-typography--headline5 demo-component-section__heading">

package.json

@@ -219,6 +219,7 @@
     "mdc-base",
     "mdc-checkbox",
     "mdc-chips",
+    "mdc-dialog",
     "mdc-dom",
     "mdc-drawer",
     "mdc-floating-label",