From d13fb868c77375fd98d1ee14744b6f21d2aac6b9 Mon Sep 17 00:00:00 2001
From: Markus Birth <mbirth@gmail.com>
Date: Sun, 18 Feb 2018 23:31:14 +0100
Subject: [PATCH] Cleanup. Update material-components-web to 0.30.0 and fix all
 changed objects.

---
 assets/main.coffee |   6 +-
 assets/style.css   |  21 ++
 index_main.php     |   6 +-
 package-lock.json  | 469 +++++++++++++++++++++++++--------------------
 package.json       |   4 +-
 5 files changed, 292 insertions(+), 214 deletions(-)
 mode change 100644 => 100755 index_main.php

diff --git a/assets/main.coffee b/assets/main.coffee
index f999b71..4729d95 100644
--- a/assets/main.coffee
+++ b/assets/main.coffee
@@ -27,9 +27,9 @@ document.addEventListener 'DOMContentLoaded', (event) ->
         activatePanel 'family-keyone'
 
     window.showTooltip = (event) ->
-        tt = document.querySelector('#tooltip')
-        tt_title = document.querySelector('#tooltip-title')
-        tt_text  = document.querySelector('#tooltip-text')
+        tt = document.querySelector '#tooltip'
+        tt_title = document.querySelector '#tooltip-title'
+        tt_text  = document.querySelector '#tooltip-text'
 
         ref = event.target.parentNode.dataset.ref
         ver = event.target.innerText
diff --git a/assets/style.css b/assets/style.css
index 3b02893..2b7a856 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -7,6 +7,18 @@
     --mdc-theme-secondary-dark: #c17900;
 }
 
+.mdc-toolbar .mdc-tab {
+    color: var(--mdc-theme-text-secondary-on-primary, rgba(255, 255, 255, 0.7));
+}
+
+.mdc-toolbar .mdc-tab--active {
+    color: var(--mdc-theme-text-primary-on-primary, white);
+}
+
+.mdc-toolbar .mdc-tab-bar__indicator {
+    background-color: var(--mdc-theme-secondary, #ff4081);
+}
+
 body {
     font-family: sans-serif;
 }
@@ -35,8 +47,17 @@ main {
     max-width: 70%;
 }
 
+.tooltip-card__primary {
+    padding: 1rem;
+}
+
+.tooltip-card__supporting-text {
+    padding: 0 1rem 8px 1rem;
+}
+
 #tooltip h1 {
     font-weight: bold;
+    margin: 0;
 }
 
 table td+td {
diff --git a/index_main.php b/index_main.php
old mode 100644
new mode 100755
index 86bd4eb..2a18adb
--- a/index_main.php
+++ b/index_main.php
@@ -100,10 +100,10 @@ foreach ($allVars as $family => $models) {
 }
 ?>
     <div id="tooltip" class="mdc-card">
-      <section class="mdc-card__primary">
-        <h1 id="tooltip-title" class="mdc-card__title">Title</h1>
+      <section class="tooltip-card__primary">
+        <h1 id="tooltip-title" class="tooltip-card__title mdc-typography--title">Title</h1>
       </section>
-      <section id ="tooltip-text" class="mdc-card__supporting-text">
+      <section id ="tooltip-text" class="tooltip-card__supporting-text">
         Contents here.
       </section>
     </div>
diff --git a/package-lock.json b/package-lock.json
index 0a7a8db..e06c11b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,338 +5,395 @@
   "requires": true,
   "dependencies": {
     "@material/animation": {
-      "version": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-      "integrity": "sha1-slKsPQtijnmnnwxAbXRw+1Y1KoA="
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
+      "integrity": "sha512-4RzlpMwJtMnQ3/rNf4zpG9qnoQcCkYiRs6U515MRQzv7qFl1eCZx3U3dGaUu7UVf3Hwx4RskUB/fBxGc0b61CQ=="
     },
     "@material/auto-init": {
-      "version": "https://registry.npmjs.org/@material/auto-init/-/auto-init-0.25.0.tgz",
-      "integrity": "sha1-ThvR49HKBf2TcTDdHxf1zi9FhKU="
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/auto-init/-/auto-init-0.30.0.tgz",
+      "integrity": "sha512-xHlSkVHIyaTORGJxO/qZ4q95DJKv6aELrCDemfVl3vSd/PHCu3njc3FRY1n/0Pnfdj/otF1DRNhSHaWSainR1g=="
     },
     "@material/base": {
-      "version": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-      "integrity": "sha1-iIph5bZYDjWmY4Sp+IIwkbT+fFU="
+      "version": "0.29.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-0.29.0.tgz",
+      "integrity": "sha512-5jgaxI0x18JWb7orFPNm+on3Oe1o0RUgrh/xSpuJ4U4rEwMmC94rOMdacllaenmUuLq1DRPE7UeGOzfWfZf3bQ=="
     },
     "@material/button": {
-      "version": "https://registry.npmjs.org/@material/button/-/button-0.27.0.tgz",
-      "integrity": "sha1-VG4YhzJAQ7Jgfs07pmGwKe9skJs=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/button/-/button-0.30.0.tgz",
+      "integrity": "sha512-BE+2m1/bwAKyqSW8T2fZznKS9bjKssCbQZWu6rUBzMLeDS8E3CUzfDrA1swSwCG6uUpE+oU3xTuqG+TVl++NtA==",
       "requires": {
-        "@material/elevation": "https://registry.npmjs.org/@material/elevation/-/elevation-0.25.0.tgz",
-        "@material/ripple": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/elevation": "0.28.0",
+        "@material/ripple": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "@material/card": {
-      "version": "https://registry.npmjs.org/@material/card/-/card-0.27.0.tgz",
-      "integrity": "sha1-BRP+jyNDD66tsSYRdjEiqQGzqvc=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/card/-/card-0.30.0.tgz",
+      "integrity": "sha512-y3pr7X7MzzPjJKy3IHfsW2ZruIfue25nx7RNImcRM/FbTLQsRz9BLOpGCFZhxsg8p4AAExtsZw1OyZMm6KpTlg==",
       "requires": {
-        "@material/elevation": "https://registry.npmjs.org/@material/elevation/-/elevation-0.25.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/elevation": "0.28.0",
+        "@material/rtl": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "@material/checkbox": {
-      "version": "https://registry.npmjs.org/@material/checkbox/-/checkbox-0.27.0.tgz",
-      "integrity": "sha1-X7HiZGv/x5OCimFNLgAQ9SY8BQ0=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-0.30.0.tgz",
+      "integrity": "sha512-vlLoZRIsWokg0moD3VA2W9HJ2EO+/ndzknWRJVkhoF5LV3y2GLqOhshDlLNKdEGIOT9TvrYXee0lKe02c/U6+Q==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/ripple": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/selection-control": "https://registry.npmjs.org/@material/selection-control/-/selection-control-0.27.0.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/ripple": "0.30.0",
+        "@material/rtl": "0.30.0",
+        "@material/selection-control": "0.30.0",
+        "@material/theme": "0.30.0"
+      }
+    },
+    "@material/chips": {
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/chips/-/chips-0.30.0.tgz",
+      "integrity": "sha512-65gZ3Dphl1GchfX+5V0NWm8gkQoIKSNQFxcQ5QBrDT07c7BBGWejBOztpIi9TGOVHQkZXFy/IDVaIe6wNeip8A==",
+      "requires": {
+        "@material/base": "0.29.0",
+        "@material/ripple": "0.30.0"
       }
     },
     "@material/dialog": {
-      "version": "https://registry.npmjs.org/@material/dialog/-/dialog-0.27.0.tgz",
-      "integrity": "sha1-tncC6WU+IKRGrB5H7Tp+LP0odS8=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/dialog/-/dialog-0.30.0.tgz",
+      "integrity": "sha512-LGSfEyXdHBYmAcILipjU7NcVW8pSeezY9Ol5nbFMnLa7ZMZQw2ujzE40grvvGCPXKesaVdpiMcFCee9fEDwnaA==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/elevation": "https://registry.npmjs.org/@material/elevation/-/elevation-0.25.0.tgz",
-        "@material/ripple": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.1.1.tgz",
-        "focus-trap": "https://registry.npmjs.org/focus-trap/-/focus-trap-2.4.2.tgz"
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/elevation": "0.28.0",
+        "@material/ripple": "0.30.0",
+        "@material/rtl": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.1.1",
+        "focus-trap": "2.4.3"
       },
       "dependencies": {
         "@material/typography": {
-          "version": "https://registry.npmjs.org/@material/typography/-/typography-0.1.1.tgz",
+          "version": "0.1.1",
+          "resolved": "https://registry.npmjs.org/@material/typography/-/typography-0.1.1.tgz",
           "integrity": "sha1-+y40N70yhNOen7kUhXZ63msr0ME="
         }
       }
     },
     "@material/drawer": {
-      "version": "https://registry.npmjs.org/@material/drawer/-/drawer-0.27.0.tgz",
-      "integrity": "sha1-I/5rZ2QHt+MapwaljrggmfR5rHY=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-0.30.0.tgz",
+      "integrity": "sha512-NZyp6jVd6cDucBPUl391cTuIkR5Vy5OdrdNQxvH+pTjvb7R2yQJKVv2a7PxuR1uKjGM1vRudFOdXpviwbplr9A==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/elevation": "https://registry.npmjs.org/@material/elevation/-/elevation-0.25.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/elevation": "0.28.0",
+        "@material/rtl": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "@material/elevation": {
-      "version": "https://registry.npmjs.org/@material/elevation/-/elevation-0.25.0.tgz",
-      "integrity": "sha1-qxsizcbQyEDiw4njNMOUZqg5fJs=",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-0.28.0.tgz",
+      "integrity": "sha512-U2utCuMDDhrJ8Cyisz16GAejN9h9xyS4jvVkt2uIOUyPZRjnaJyoAbpyf0mOzFxIdBuRpNGJYm2PoAwHsSA+xw==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.4.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/theme": "0.4.0"
       },
       "dependencies": {
         "@material/theme": {
-          "version": "https://registry.npmjs.org/@material/theme/-/theme-0.4.0.tgz",
+          "version": "0.4.0",
+          "resolved": "https://registry.npmjs.org/@material/theme/-/theme-0.4.0.tgz",
           "integrity": "sha1-Cu8aAnm2XBWZBYT7i47KCVxzRkE="
         }
       }
     },
     "@material/fab": {
-      "version": "https://registry.npmjs.org/@material/fab/-/fab-0.27.0.tgz",
-      "integrity": "sha1-LuS0fUJIcx/mBl/LtkI8NuscX7M=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/fab/-/fab-0.30.0.tgz",
+      "integrity": "sha512-D8UTHXiVfus0Zs5+Nt7m4MloAg1T9lI0dNmFkpXIqa8OFj0qhAHkcwnOdNawq9P25+NBpUOpDoTKIV4AB700zg==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/elevation": "https://registry.npmjs.org/@material/elevation/-/elevation-0.25.0.tgz",
-        "@material/ripple": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/elevation": "0.28.0",
+        "@material/ripple": "0.30.0",
+        "@material/theme": "0.30.0"
       }
     },
     "@material/form-field": {
-      "version": "https://registry.npmjs.org/@material/form-field/-/form-field-0.27.0.tgz",
-      "integrity": "sha1-ijy4b0fSzHwq11h9GDQxQVP0Mas=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/form-field/-/form-field-0.30.0.tgz",
+      "integrity": "sha512-v2gdWRFpbEd2URg6dPvH2Yx3HwmZL4v/brBTXq/QpCQgit+8QgprAb5Pz2bp2OFJyp4iFFlywdNXJqcfH/ABoQ==",
       "requires": {
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/selection-control": "https://registry.npmjs.org/@material/selection-control/-/selection-control-0.27.0.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/base": "0.29.0",
+        "@material/rtl": "0.30.0",
+        "@material/selection-control": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "@material/grid-list": {
-      "version": "https://registry.npmjs.org/@material/grid-list/-/grid-list-0.27.0.tgz",
-      "integrity": "sha1-0OrYlVWpp6/00/x8/2CiIatXdIM=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/grid-list/-/grid-list-0.30.0.tgz",
+      "integrity": "sha512-RjL5npvXRWqYE1ro83JjzF2JTimIqVrshCcjSCkiFcDY0AKyEBfihvtHA2JhngLgCgKBBcSHDzNL8sqGMT8AJg==",
       "requires": {
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/base": "0.29.0",
+        "@material/rtl": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "@material/icon-toggle": {
-      "version": "https://registry.npmjs.org/@material/icon-toggle/-/icon-toggle-0.27.0.tgz",
-      "integrity": "sha1-rAJM9LypmUfXSh/1vHYTSPPJSYE=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/icon-toggle/-/icon-toggle-0.30.0.tgz",
+      "integrity": "sha512-rNohrE6dOi+5rTokxwL+/Tkh7oOYOBayD8GjRH5tY2G4v6F5WYlzxgQE9ABgcxZ8WjMdVzb7rpCX0stHlptR+g==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/ripple": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/ripple": "0.30.0",
+        "@material/theme": "0.30.0"
       }
     },
     "@material/layout-grid": {
-      "version": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-0.24.0.tgz",
-      "integrity": "sha1-Ij13HXVdiHgHmY2W9ZluGCzrZA0="
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-0.24.0.tgz",
+      "integrity": "sha512-38Si5CQgRkQwTSVb+lfCZkH8QEe1/HWfj2yNmK5OIFRMBFbSjQRsvf3p+aU1R7fM4TDjNKcgUWqRtBnKuUjNCQ=="
+    },
+    "@material/line-ripple": {
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-0.30.0.tgz",
+      "integrity": "sha512-lUVhWN8HCAnIroWD6Ds2CCET0D1wn4EXzRfhuUaLph3QBt1Ra8L5iWeAzRkgMaMiRI4bLAQTWNJgb8CyCzxCeA==",
+      "requires": {
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/theme": "0.30.0"
+      }
     },
     "@material/linear-progress": {
-      "version": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-0.27.0.tgz",
-      "integrity": "sha1-BgffubV5oR4P5eqUCvN4QUX0XEA=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-0.30.0.tgz",
+      "integrity": "sha512-xKeC22ni5B2xEoYwY8bBJABS3Xkxa1qjKb+bWu0zf90F7e3bQ0rp2pvzHSp0GGJHTAChu1COMXOyZ1QzaBYtGg==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/theme": "0.30.0"
       }
     },
     "@material/list": {
-      "version": "https://registry.npmjs.org/@material/list/-/list-0.27.0.tgz",
-      "integrity": "sha1-hCpslFtlrG9eTx3qVbEPAVrIsVw=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/list/-/list-0.30.0.tgz",
+      "integrity": "sha512-YpYfl+i9OonG4Xut1GELipvm0SH/3RxDIkUhnL0uidHEO9wGjdzphhwwugDMYqW/iQF2f12JRAT2DevMj2Rb1Q==",
       "requires": {
-        "@material/ripple": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/ripple": "0.30.0",
+        "@material/rtl": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "@material/menu": {
-      "version": "https://registry.npmjs.org/@material/menu/-/menu-0.27.0.tgz",
-      "integrity": "sha1-VtGrwTABOqzDO0DB1NK6jdClrjI=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/menu/-/menu-0.30.0.tgz",
+      "integrity": "sha512-O3x/rRhHUFLtc8Wl7pSXYO7waxbX+AxuJ2pfIqkZSfIyEk6SvdPTDs+SSMPlQOiY0ZOGNuAnjfhkUuzZZxICjg==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/elevation": "https://registry.npmjs.org/@material/elevation/-/elevation-0.25.0.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/elevation": "0.28.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "@material/radio": {
-      "version": "https://registry.npmjs.org/@material/radio/-/radio-0.27.0.tgz",
-      "integrity": "sha1-w0KivzXsp7oM0lg+EOucoEbBpQw=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/radio/-/radio-0.30.0.tgz",
+      "integrity": "sha512-lbp3wSHgKIjvBaPM18V/yfPvdvGVw5b8QhTAVzdDrsxFN6pi8QAqVXoo6ei6C13ZAx1rRkchf9In4IVF7utzMA==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/ripple": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz",
-        "@material/selection-control": "https://registry.npmjs.org/@material/selection-control/-/selection-control-0.27.0.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/ripple": "0.30.0",
+        "@material/selection-control": "0.30.0",
+        "@material/theme": "0.30.0"
       }
     },
     "@material/ripple": {
-      "version": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz",
-      "integrity": "sha1-F074I0NOUWYt7HtLqfHXvHkF15s=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-0.30.0.tgz",
+      "integrity": "sha512-4yxTolmgrLVcWbGbk5neBl29h0i9O3gHd+8WgS/ox8m7sahd4saI7iClCOU83G+lx+Pgc6gYgDBcbLhfhhH5mA==",
       "requires": {
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz"
+        "@material/base": "0.29.0",
+        "@material/theme": "0.30.0"
       }
     },
     "@material/rtl": {
-      "version": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-      "integrity": "sha1-JGLbFeLU4EFmZIVVnAKDgocrAfs="
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-0.30.0.tgz",
+      "integrity": "sha512-zxEiXFESaQvNNm+tHO0QVKxkGERkL6rX4ghusl7HhosueOcjaVLNYCxH5F0x6Et04TL0wh1ycBmFUIEqVhEkWw=="
     },
     "@material/select": {
-      "version": "https://registry.npmjs.org/@material/select/-/select-0.27.0.tgz",
-      "integrity": "sha1-QZt94OrSnv3+qQFTpew3sSoB0yg=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/select/-/select-0.30.0.tgz",
+      "integrity": "sha512-kMRz4Uv6iSO090WYlK5QvsP/5zw/Baznh5vSY3Pz0XNNfPfEy8Jb7yjGhu26fjM3YJTNQh76VyoBRJtoCgc03Q==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/list": "https://registry.npmjs.org/@material/list/-/list-0.27.0.tgz",
-        "@material/menu": "https://registry.npmjs.org/@material/menu/-/menu-0.27.0.tgz",
-        "@material/ripple": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/list": "0.30.0",
+        "@material/menu": "0.30.0",
+        "@material/ripple": "0.30.0",
+        "@material/rtl": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "@material/selection-control": {
-      "version": "https://registry.npmjs.org/@material/selection-control/-/selection-control-0.27.0.tgz",
-      "integrity": "sha1-TffVbtidup0EHwFmYe+Bn3ocHwY=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/selection-control/-/selection-control-0.30.0.tgz",
+      "integrity": "sha512-MDBYSwM2A7TXCEbGPFSowveBZyUIQP0xtRN9VJZniXbqfK1iudi2orNpbwQtI4s47K1hptDe11QM8XYCats70Q==",
       "requires": {
-        "@material/ripple": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz"
+        "@material/ripple": "0.30.0"
       }
     },
     "@material/slider": {
-      "version": "https://registry.npmjs.org/@material/slider/-/slider-0.27.0.tgz",
-      "integrity": "sha1-5iT7G51dMPJefXStg22ZlaLvqrw=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/slider/-/slider-0.30.0.tgz",
+      "integrity": "sha512-/qAq4INRBF//wgNVlZoD2PgTThlffOUxQ0Q6TCIlUUO/vUrJybaPZZIxHTtSfq9Z1sxgmFV6p/2RFcc9HC7DZQ==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/rtl": "0.30.0",
+        "@material/theme": "0.30.0"
       }
     },
     "@material/snackbar": {
-      "version": "https://registry.npmjs.org/@material/snackbar/-/snackbar-0.27.0.tgz",
-      "integrity": "sha1-CXIslfmlgDCCEBahGM2sutzGJm8=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/snackbar/-/snackbar-0.30.0.tgz",
+      "integrity": "sha512-zQamWIxco7wZGYHXZ5G6TGTUKeZgS/EZ+YgRhA5hm6ZwfZrQYhn8coWRPOfsgHHlDN511sA8svU41h6HArlSFA==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/rtl": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "@material/switch": {
-      "version": "https://registry.npmjs.org/@material/switch/-/switch-0.27.0.tgz",
-      "integrity": "sha1-6TkLcG0lIvAz4VQePE542pG9h4s=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/switch/-/switch-0.30.0.tgz",
+      "integrity": "sha512-oRVIUqxtyCS+BVGImBwL4b9pxt/5pBYxM9JWuLmmbi1XDslh7GQjKCw+m3jyYMg6hqryqP2ATsK8csuUdp88tQ==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/elevation": "https://registry.npmjs.org/@material/elevation/-/elevation-0.25.0.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/elevation": "0.28.0",
+        "@material/theme": "0.30.0"
       }
     },
     "@material/tabs": {
-      "version": "https://registry.npmjs.org/@material/tabs/-/tabs-0.27.0.tgz",
-      "integrity": "sha1-2Iogc/lAdVsbcWWiKpG+RvABVwI=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/tabs/-/tabs-0.30.0.tgz",
+      "integrity": "sha512-R9JY6Rm+w71fRhAWlIuB/7Cg7kufxi7DrjYT4ndO4+llQvgIM/a8ZkH4a2wfanWZLM905XWYhMNQBKcHk1NrXQ==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/ripple": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/ripple": "0.30.0",
+        "@material/rtl": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "@material/textfield": {
-      "version": "https://registry.npmjs.org/@material/textfield/-/textfield-0.27.0.tgz",
-      "integrity": "sha1-+8WElblmrgILBbtye7FPJuVC3k4=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-0.30.0.tgz",
+      "integrity": "sha512-DsmHB6y2kROU1yNa4hRyJWTXz5kUGeI3YNfh3+KCibjV/zvsBW8xeWD4T6tLnNGJIbPld8te4W2wSQxWMOmJ0Q==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/ripple": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/base": "0.29.0",
+        "@material/line-ripple": "0.30.0",
+        "@material/ripple": "0.30.0",
+        "@material/rtl": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "@material/theme": {
-      "version": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-      "integrity": "sha1-Mv1yrd/sCb8i6D9m82p+u9wSNGE="
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-0.30.0.tgz",
+      "integrity": "sha512-jd1iC5qyq5YX4w8sZj9+lXExeK4adXbAjw/lOQuDeT6WSGJf7HovxQlHjlyWJ4p/x0xTGrlaDHnrCxeJQCq4Og=="
     },
     "@material/toolbar": {
-      "version": "https://registry.npmjs.org/@material/toolbar/-/toolbar-0.27.0.tgz",
-      "integrity": "sha1-X6YZIiXWBcSp9dXNLjuILX1Sy64=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/@material/toolbar/-/toolbar-0.30.0.tgz",
+      "integrity": "sha512-E5TONGygCuA0jT4pCDRk0aKvJA06ptbnlRCD/OtpfEhvBhbt8VyyntfHu155GYXVkK5MBU+Cn2b2+VhW2LcTuQ==",
       "requires": {
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/elevation": "https://registry.npmjs.org/@material/elevation/-/elevation-0.25.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/base": "0.29.0",
+        "@material/elevation": "0.28.0",
+        "@material/rtl": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "@material/typography": {
-      "version": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz",
-      "integrity": "sha1-+CjC0yFb/WbFgHJwm0JgxkElOQo="
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-0.28.0.tgz",
+      "integrity": "sha512-Cz8XxO/bocChQAM87xTAN9CM31Q04FgW0N4lSQWyha2PAK/LdtfjjWFPZWNZKyQbZJBNjINbE3/PqMnWDTd4cQ=="
     },
     "coffeescript": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/coffeescript/-/coffeescript-2.1.1.tgz",
-      "integrity": "sha512-Tl2z6/rNMqJ2LqWlVxLKwLF9FniwJpweonfSLCwhX8NFCEsGBcFIErtfKd8+t4XHDSYRshj9FXxPX53BT3lC9w=="
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/coffeescript/-/coffeescript-2.2.1.tgz",
+      "integrity": "sha512-UFSs0WDed7ZiQGtWZ401PZnlgnP5jtlr4Gk+aPMTIkFkKY6Kz2gRp+WIu0QzllR30nV2XheicAhKwDJQcor6lg=="
     },
     "focus-trap": {
-      "version": "https://registry.npmjs.org/focus-trap/-/focus-trap-2.4.2.tgz",
-      "integrity": "sha1-ROocVanCLCtlKdzrveY5DrLuTIg=",
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-2.4.3.tgz",
+      "integrity": "sha512-sT5Ip9nyAIxWq8Apt1Fdv6yTci5GotaOtO5Ro1/+F3PizttNBcCYz8j/Qze54PPFK73KUbOqh++HUCiyNPqvhA==",
       "requires": {
-        "tabbable": "https://registry.npmjs.org/tabbable/-/tabbable-1.1.2.tgz"
+        "tabbable": "1.1.2"
       }
     },
     "material-components-web": {
-      "version": "https://registry.npmjs.org/material-components-web/-/material-components-web-0.27.0.tgz",
-      "integrity": "sha1-YFBV9wA8x4bZ6352xDkRG+81454=",
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/material-components-web/-/material-components-web-0.30.0.tgz",
+      "integrity": "sha512-fpxZIvZcxZoPqQJy/xDI0IwUkSBEyH106FGiAplFQPsDLf6QcIz0OOnS4baQ9+OxIkf3tJlsf6GF96O1gk6ymg==",
       "requires": {
-        "@material/animation": "https://registry.npmjs.org/@material/animation/-/animation-0.25.0.tgz",
-        "@material/auto-init": "https://registry.npmjs.org/@material/auto-init/-/auto-init-0.25.0.tgz",
-        "@material/base": "https://registry.npmjs.org/@material/base/-/base-0.24.0.tgz",
-        "@material/button": "https://registry.npmjs.org/@material/button/-/button-0.27.0.tgz",
-        "@material/card": "https://registry.npmjs.org/@material/card/-/card-0.27.0.tgz",
-        "@material/checkbox": "https://registry.npmjs.org/@material/checkbox/-/checkbox-0.27.0.tgz",
-        "@material/dialog": "https://registry.npmjs.org/@material/dialog/-/dialog-0.27.0.tgz",
-        "@material/drawer": "https://registry.npmjs.org/@material/drawer/-/drawer-0.27.0.tgz",
-        "@material/elevation": "https://registry.npmjs.org/@material/elevation/-/elevation-0.25.0.tgz",
-        "@material/fab": "https://registry.npmjs.org/@material/fab/-/fab-0.27.0.tgz",
-        "@material/form-field": "https://registry.npmjs.org/@material/form-field/-/form-field-0.27.0.tgz",
-        "@material/grid-list": "https://registry.npmjs.org/@material/grid-list/-/grid-list-0.27.0.tgz",
-        "@material/icon-toggle": "https://registry.npmjs.org/@material/icon-toggle/-/icon-toggle-0.27.0.tgz",
-        "@material/layout-grid": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-0.24.0.tgz",
-        "@material/linear-progress": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-0.27.0.tgz",
-        "@material/list": "https://registry.npmjs.org/@material/list/-/list-0.27.0.tgz",
-        "@material/menu": "https://registry.npmjs.org/@material/menu/-/menu-0.27.0.tgz",
-        "@material/radio": "https://registry.npmjs.org/@material/radio/-/radio-0.27.0.tgz",
-        "@material/ripple": "https://registry.npmjs.org/@material/ripple/-/ripple-0.27.0.tgz",
-        "@material/rtl": "https://registry.npmjs.org/@material/rtl/-/rtl-0.1.8.tgz",
-        "@material/select": "https://registry.npmjs.org/@material/select/-/select-0.27.0.tgz",
-        "@material/selection-control": "https://registry.npmjs.org/@material/selection-control/-/selection-control-0.27.0.tgz",
-        "@material/slider": "https://registry.npmjs.org/@material/slider/-/slider-0.27.0.tgz",
-        "@material/snackbar": "https://registry.npmjs.org/@material/snackbar/-/snackbar-0.27.0.tgz",
-        "@material/switch": "https://registry.npmjs.org/@material/switch/-/switch-0.27.0.tgz",
-        "@material/tabs": "https://registry.npmjs.org/@material/tabs/-/tabs-0.27.0.tgz",
-        "@material/textfield": "https://registry.npmjs.org/@material/textfield/-/textfield-0.27.0.tgz",
-        "@material/theme": "https://registry.npmjs.org/@material/theme/-/theme-0.27.0.tgz",
-        "@material/toolbar": "https://registry.npmjs.org/@material/toolbar/-/toolbar-0.27.0.tgz",
-        "@material/typography": "https://registry.npmjs.org/@material/typography/-/typography-0.3.0.tgz"
+        "@material/animation": "0.25.0",
+        "@material/auto-init": "0.30.0",
+        "@material/base": "0.29.0",
+        "@material/button": "0.30.0",
+        "@material/card": "0.30.0",
+        "@material/checkbox": "0.30.0",
+        "@material/chips": "0.30.0",
+        "@material/dialog": "0.30.0",
+        "@material/drawer": "0.30.0",
+        "@material/elevation": "0.28.0",
+        "@material/fab": "0.30.0",
+        "@material/form-field": "0.30.0",
+        "@material/grid-list": "0.30.0",
+        "@material/icon-toggle": "0.30.0",
+        "@material/layout-grid": "0.24.0",
+        "@material/line-ripple": "0.30.0",
+        "@material/linear-progress": "0.30.0",
+        "@material/list": "0.30.0",
+        "@material/menu": "0.30.0",
+        "@material/radio": "0.30.0",
+        "@material/ripple": "0.30.0",
+        "@material/rtl": "0.30.0",
+        "@material/select": "0.30.0",
+        "@material/selection-control": "0.30.0",
+        "@material/slider": "0.30.0",
+        "@material/snackbar": "0.30.0",
+        "@material/switch": "0.30.0",
+        "@material/tabs": "0.30.0",
+        "@material/textfield": "0.30.0",
+        "@material/theme": "0.30.0",
+        "@material/toolbar": "0.30.0",
+        "@material/typography": "0.28.0"
       }
     },
     "tabbable": {
-      "version": "https://registry.npmjs.org/tabbable/-/tabbable-1.1.2.tgz",
-      "integrity": "sha1-sXFoCupuCj6Sgf8jUy4uXeEcDZQ="
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-1.1.2.tgz",
+      "integrity": "sha512-77oqsKEPrxIwgRcXUwipkj9W5ItO97L6eUT1Ar7vh+El16Zm4M6V+YU1cbipHEa6q0Yjw8O3Hoh8oRgatV5s7A=="
     }
   }
 }
diff --git a/package.json b/package.json
index a2480ea..923155a 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "url": "mbirth/tcl_update_db"
   },
   "dependencies": {
-    "coffeescript": "^2.1.1",
-    "material-components-web": "^0.27.0"
+    "coffeescript": "^2.2.1",
+    "material-components-web": "^0.30.0"
   }
 }