simplecov-material 0.4.0 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bd090db498cbd6c722f585dba6047e9f6f4de60c918754360067f59f455c04a1
-  data.tar.gz: b86e1314e293b60672487f7b6017a4f05aa953d92f0d2949c7eed4a7083ffb8c
+  metadata.gz: f2a73d07f4ca78ff3f80b05f15254854500bab302b25d25a328645a330bd378e
+  data.tar.gz: '082c3e7b03764c9ff36627edc4d278316cb116e2a8dd4b5a745fd37888191f81'
 SHA512:
-  metadata.gz: b7f71f1d975731c50a564ef493238deeb265c5b6fdcc2152cc9d0ebab58a6874183a570cd8fbf5b97cb0a35d23162338a902be2c0e8a2550d3d78e6f3e68b29f
-  data.tar.gz: cadd4e5ae692768a60479bf816fe5a23944c1ec6681c0b6cbbbc4c1e4ac4f594b7070c839d4b1a48c61bfc9535c5b2ae9f220196143540e3d0f1d2bceff7ac70
+  metadata.gz: 9d3fdea3d3ec31b0342adb27c5a5aa7baa368306172244611bcaa3455b7076b48494d344743d4d031ce9227a86b88855bcf4581b1c3f5b2045e8f9c3bc4896f2
+  data.tar.gz: 454b5376fd772d2349e9704a5f8c5bacc56bb5298dc929d02a23a006bd9905424f621145d65c9b37c56f2e6f6e5002398bb31ec39a9a74f35b6ae0a0eb952429

data/.github/workflows/builds.yml

@@ -9,13 +9,13 @@ jobs:
 
     strategy:
       matrix:
-        ruby: [2.6.x, 2.5.x, 2.4.x, 2.3.x]
+        ruby: [2.6.x, 2.5.x, 2.4.x]
 
     steps:
     - name: Checkout Code
       uses: actions/checkout@v1
     - name: Set up Ruby
-      uses: actions/setup-ruby@v1
+      uses: actions/setup-ruby@v1.1.0
       with:
         ruby-version: ${{ matrix.ruby }}
 

data/.github/workflows/tests.yml

@@ -9,7 +9,7 @@ jobs:
 
     strategy:
       matrix:
-        ruby: [2.6.x, 2.5.x, 2.4.x, 2.3.x]
+        ruby: [2.6.x, 2.5.x, 2.4.x]
 
     steps:
     - name: Checkout Code

data/.rubocop.yml

@@ -140,7 +140,7 @@ Lint/EnsureReturn:
 Lint/FormatParameterMismatch:
   Description: The number of parameters to format/sprint must match the fields.
   Enabled: true
-Lint/HandleExceptions:
+Lint/SuppressedException:
   Description: Don't suppress exception.
   StyleGuide: https://github.com/bbatsov/ruby-style-guide#dont-hide-exceptions
   Enabled: true
@@ -174,7 +174,7 @@ Lint/ShadowingOuterLocalVariable:
   Description: Do not use the same name as outer local variable for block arguments
     or block local variables.
   Enabled: true
-Lint/StringConversionInInterpolation:
+Lint/RedundantStringCoercion:
   Description: Checks for Object#to_s usage in string interpolation.
   StyleGuide: https://github.com/bbatsov/ruby-style-guide#no-to-s
   Enabled: true
@@ -303,14 +303,14 @@ Style/Alias:
   Description: Use alias_method instead of alias.
   StyleGuide: https://github.com/bbatsov/ruby-style-guide#alias-method
   Enabled: false
-Layout/AlignArray:
+Layout/ArrayAlignment:
   Description: Align the elements of an array literal if they span more than one line.
   StyleGuide: https://github.com/bbatsov/ruby-style-guide#align-multiline-arrays
   Enabled: true
-Layout/AlignHash:
+Layout/HashAlignment:
   Description: Align the elements of a hash literal if they span more than one line.
   Enabled: true
-Layout/AlignParameters:
+Layout/ParameterAlignment:
   Description: Align the parameters of a method call if they span more than one line.
   StyleGuide: https://github.com/bbatsov/ruby-style-guide#no-double-indent
   Enabled: true
@@ -482,7 +482,7 @@ Layout/InitialIndentation:
   Description: Checks the indentation of the first non-blank non-comment line in a
     file.
   Enabled: false
-Layout/IndentFirstArgument:
+Layout/FirstArgumentIndentation:
   Description: Checks the indentation of the first parameter in a method call.
   Enabled: false
 Lint/FlipFlop:
@@ -526,10 +526,10 @@ Layout/IndentationWidth:
   Description: Use 2 spaces for indentation.
   StyleGuide: https://github.com/bbatsov/ruby-style-guide#spaces-indentation
   Enabled: true
-Layout/IndentFirstArrayElement:
+Layout/FirstArrayElementIndentation:
   Description: Checks the indentation of the first element in an array literal.
   Enabled: false
-Layout/IndentFirstHashElement:
+Layout/FirstHashElementIndentation:
   Description: Checks the indentation of the first key in a hash literal.
   Enabled: false
 Style/InfiniteLoop:
@@ -815,7 +815,7 @@ Layout/Tab:
   Description: No hard tabs.
   StyleGuide: https://github.com/bbatsov/ruby-style-guide#spaces-indentation
   Enabled: false
-Layout/TrailingBlankLines:
+Layout/TrailingEmptyLines:
   Description: Checks trailing blank lines and final newline.
   StyleGuide: https://github.com/bbatsov/ruby-style-guide#newline-eof
   Enabled: false

data/CHANGELOG.md

@@ -1,6 +1,13 @@
 # Changelog
 
-## Version [0.4.0](https://github.com/chiefpansancolt/devise_materialize/releases/tag/0.4.0)
+## Version [0.5.0](https://github.com/chiefpansancolt/simplecov-material/releases/tag/0.5.0)
+
+### Bug Fixes
+- Sort by value and not string usage (#8) Thanks @silent-e!
+- Headers in Table overlap when screens are smaller (#10)
+- Tile text breaks out of container at narrower widths (#11)
+
+## Version [0.4.0](https://github.com/chiefpansancolt/simplecov-material/releases/tag/0.4.0)
 
 ### Feature Additions
 - Enabled Github Action usage
@@ -9,7 +16,7 @@
 - Upgraded to MDC Data Table Usage
 - Updated Search Box UX
 
-## Version [0.3.0](https://github.com/chiefpansancolt/devise_materialize/releases/tag/0.3.0)
+## Version [0.3.0](https://github.com/chiefpansancolt/simplecov-material/releases/tag/0.3.0)
 
 Initial Release
 

data/bin/setup

@@ -4,3 +4,4 @@ IFS=$'\n\t'
 set -vx
 
 bundle install
+yarn install

data/dist/scripts/table.js

@@ -29,7 +29,9 @@ function sortTable(table, col, reverse) {
   var c;
   reverse = -((+reverse) || -1);
   tr = tr.sort(function(a, b) {
-    return reverse * (a.cells[col].textContent.trim().localeCompare(b.cells[col].textContent.trim()));
+    return reverse * a.cells[col].dataset.sortVal.localeCompare(
+      b.cells[col].dataset.sortVal, undefined, {numeric: true},
+    );
   });
   for (i = 0; i < th.length; ++i) {
     for (c = 0; c < th[i].cells.length; ++c) {

data/dist/scripts/topbar.js

@@ -1,5 +1,20 @@
 import {MDCTopAppBar} from '@material/top-app-bar';
+import {MDCDrawer} from '@material/drawer';
 
+const drawer = MDCDrawer.attachTo(document.querySelector('.mdc-drawer'));
 const topAppBar = MDCTopAppBar.attachTo(document.getElementById('app-bar'));
 
 topAppBar.setScrollTarget(document.querySelector('.main-content'));
+topAppBar.listen('MDCTopAppBar:nav', () => {
+  drawer.open = !drawer.open;
+});
+
+function windowSizeChange() {
+  if (window.innerWidth <= 1250) {
+    drawer.open = false;
+  } else {
+    drawer.open = true;
+  }
+}
+
+window.addEventListener('resize', windowSizeChange);

data/dist/styles/table.scss

@@ -2,14 +2,6 @@ table {
   border: {
     spacing: 0;
   }
-  max: {
-    width: 100%;
-  }
-  table: {
-    layout: fixed;
-  }
-
-  width: 100%;
 
   thead,
   tbody {
@@ -31,16 +23,16 @@ table {
           align: top;
         }
 
-        &.width-50 {
-          width: 50%;
+        &.width-32 {
+          width: 32%;
         }
 
-        &.width-5 {
-          width: 5%;
+        &.width-8 {
+          width: 8%;
         }
 
-        &.width-9 {
-          width: 9%;
+        &.width-12 {
+          width: 12%;
         }
 
         .overflow {
@@ -68,3 +60,19 @@ table {
 .hide {
   display: none;
 }
+
+@media only screen and (max-width: 1150px) {
+
+  .mdc-data-table {
+    width: 100%;
+  }
+}
+
+@media only screen and (min-width: 1149px) {
+
+  table {
+    table: {
+      layout: fixed;
+    }
+  }
+}

data/lib/simplecov-material/version.rb

@@ -3,7 +3,7 @@
 module SimpleCov
   module Formatter
     class MaterialFormatter
-      VERSION = "0.4.0"
+      VERSION = "0.5.0"
     end
   end
 end

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simplecov-material",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "HTML Material Design View for Simplecov formatter",
   "scripts": {
     "build": "webpack --config webpack.config.js",

data/public/application.css

@@ -3411,7 +3411,7 @@ svg.mdc-button__icon {
   /* @alternate */
   background-color: var(--mdc-theme-secondary, #4FC3F7); }
 
-@-webkit-keyframes mdc-checkbox-fade-in-background-ud575203d {
+@-webkit-keyframes mdc-checkbox-fade-in-background-u030084e2 {
   0% {
     border-color: rgba(0, 0, 0, 0.54);
     background-color: transparent; }
@@ -3423,7 +3423,7 @@ svg.mdc-button__icon {
     /* @alternate */
     background-color: var(--mdc-theme-secondary, #4FC3F7); } }
 
-@keyframes mdc-checkbox-fade-in-background-ud575203d {
+@keyframes mdc-checkbox-fade-in-background-u030084e2 {
   0% {
     border-color: rgba(0, 0, 0, 0.54);
     background-color: transparent; }
@@ -3435,7 +3435,7 @@ svg.mdc-button__icon {
     /* @alternate */
     background-color: var(--mdc-theme-secondary, #4FC3F7); } }
 
-@-webkit-keyframes mdc-checkbox-fade-out-background-ud575203d {
+@-webkit-keyframes mdc-checkbox-fade-out-background-u030084e2 {
   0%,
   80% {
     border-color: #4FC3F7;
@@ -3448,7 +3448,7 @@ svg.mdc-button__icon {
     border-color: rgba(0, 0, 0, 0.54);
     background-color: transparent; } }
 
-@keyframes mdc-checkbox-fade-out-background-ud575203d {
+@keyframes mdc-checkbox-fade-out-background-u030084e2 {
   0%,
   80% {
     border-color: #4FC3F7;
@@ -3462,12 +3462,12 @@ svg.mdc-button__icon {
     background-color: transparent; } }
 
 .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
-  -webkit-animation-name: mdc-checkbox-fade-in-background-ud575203d;
-          animation-name: mdc-checkbox-fade-in-background-ud575203d; }
+  -webkit-animation-name: mdc-checkbox-fade-in-background-u030084e2;
+          animation-name: mdc-checkbox-fade-in-background-u030084e2; }
 
 .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
-  -webkit-animation-name: mdc-checkbox-fade-out-background-ud575203d;
-          animation-name: mdc-checkbox-fade-out-background-ud575203d; }
+  -webkit-animation-name: mdc-checkbox-fade-out-background-u030084e2;
+          animation-name: mdc-checkbox-fade-out-background-u030084e2; }
 
 .mdc-checkbox__checkmark {
   color: #FFF; }
@@ -4254,7 +4254,7 @@ svg.mdc-button__icon {
   /* @alternate */
   background-color: var(--mdc-theme-primary, #1A237E); }
 
-@-webkit-keyframes mdc-checkbox-fade-in-background-u39295ac8 {
+@-webkit-keyframes mdc-checkbox-fade-in-background-u6358fa85 {
   0% {
     border-color: rgba(0, 0, 0, 0.54);
     background-color: transparent; }
@@ -4266,7 +4266,7 @@ svg.mdc-button__icon {
     /* @alternate */
     background-color: var(--mdc-theme-primary, #1A237E); } }
 
-@keyframes mdc-checkbox-fade-in-background-u39295ac8 {
+@keyframes mdc-checkbox-fade-in-background-u6358fa85 {
   0% {
     border-color: rgba(0, 0, 0, 0.54);
     background-color: transparent; }
@@ -4278,7 +4278,7 @@ svg.mdc-button__icon {
     /* @alternate */
     background-color: var(--mdc-theme-primary, #1A237E); } }
 
-@-webkit-keyframes mdc-checkbox-fade-out-background-u39295ac8 {
+@-webkit-keyframes mdc-checkbox-fade-out-background-u6358fa85 {
   0%,
   80% {
     border-color: #1A237E;
@@ -4291,7 +4291,7 @@ svg.mdc-button__icon {
     border-color: rgba(0, 0, 0, 0.54);
     background-color: transparent; } }
 
-@keyframes mdc-checkbox-fade-out-background-u39295ac8 {
+@keyframes mdc-checkbox-fade-out-background-u6358fa85 {
   0%,
   80% {
     border-color: #1A237E;
@@ -4307,14 +4307,14 @@ svg.mdc-button__icon {
 .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
 .mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
 .mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
-  -webkit-animation-name: mdc-checkbox-fade-in-background-u39295ac8;
-          animation-name: mdc-checkbox-fade-in-background-u39295ac8; }
+  -webkit-animation-name: mdc-checkbox-fade-in-background-u6358fa85;
+          animation-name: mdc-checkbox-fade-in-background-u6358fa85; }
 
 .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
 .mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
 .mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
-  -webkit-animation-name: mdc-checkbox-fade-out-background-u39295ac8;
-          animation-name: mdc-checkbox-fade-out-background-u39295ac8; }
+  -webkit-animation-name: mdc-checkbox-fade-out-background-u6358fa85;
+          animation-name: mdc-checkbox-fade-out-background-u6358fa85; }
 
 .mdc-dialog,
 .mdc-dialog__scrim {
@@ -11257,10 +11257,7 @@ section.footer {
   padding-right: 32px; }
 
 table {
-  border-spacing: 0;
-  max-width: 100%;
-  table-layout: fixed;
-  width: 100%; }
+  border-spacing: 0; }
   table thead tr th,
   table tbody tr th {
     cursor: pointer; }
@@ -11271,21 +11268,21 @@ table {
     border-top: 0;
     padding: 1rem;
     vertical-align: top; }
-    table thead tr th.width-50,
-    table thead tr td.width-50,
-    table tbody tr th.width-50,
-    table tbody tr td.width-50 {
-      width: 50%; }
-    table thead tr th.width-5,
-    table thead tr td.width-5,
-    table tbody tr th.width-5,
-    table tbody tr td.width-5 {
-      width: 5%; }
-    table thead tr th.width-9,
-    table thead tr td.width-9,
-    table tbody tr th.width-9,
-    table tbody tr td.width-9 {
-      width: 9%; }
+    table thead tr th.width-32,
+    table thead tr td.width-32,
+    table tbody tr th.width-32,
+    table tbody tr td.width-32 {
+      width: 32%; }
+    table thead tr th.width-8,
+    table thead tr td.width-8,
+    table tbody tr th.width-8,
+    table tbody tr td.width-8 {
+      width: 8%; }
+    table thead tr th.width-12,
+    table thead tr td.width-12,
+    table tbody tr th.width-12,
+    table tbody tr td.width-12 {
+      width: 12%; }
     table thead tr th .overflow,
     table thead tr td .overflow,
     table tbody tr th .overflow,
@@ -11303,6 +11300,14 @@ table {
 .hide {
   display: none; }
 
+@media only screen and (max-width: 1150px) {
+  .mdc-data-table {
+    width: 100%; } }
+
+@media only screen and (min-width: 1149px) {
+  table {
+    table-layout: fixed; } }
+
 .mdc-dialog--scrollable .mdc-dialog__content {
   padding: 0; }
 

data/public/application.js

@@ -177,7 +177,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mat
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"searchTable\", function() { return searchTable; });\n/* harmony import */ var _material_data_table__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @material/data-table */ \"./node_modules/@material/data-table/index.js\");\n\nnew _material_data_table__WEBPACK_IMPORTED_MODULE_0__[\"MDCDataTable\"](document.querySelector('.mdc-data-table'));\nfunction searchTable(elementId) {\n  var input = document.getElementById(elementId);\n  var filter = input.value.toUpperCase();\n  var table = document.getElementById(elementId + '-table');\n  var rows = table.getElementsByTagName('tbody')[0].getElementsByTagName('tr');\n\n  for (var i = 0; i < rows.length; i++) {\n    var row = rows[i].getElementsByTagName('td')[0];\n    var txtValue = row.textContent || row.innerText;\n\n    if (txtValue.toUpperCase().indexOf(filter) > -1) {\n      rows[i].style.display = '';\n    } else {\n      rows[i].style.display = 'none';\n    }\n  }\n}\nwindow.searchTable = searchTable;\n\nfunction sortTable(table, col, reverse) {\n  var tb = table.tBodies[0];\n  var tbh = table.tHead;\n  var th = Array.prototype.slice.call(tbh.rows, 0);\n  var tr = Array.prototype.slice.call(tb.rows, 0);\n  var i;\n  var c;\n  reverse = -(+reverse || -1);\n  tr = tr.sort(function (a, b) {\n    return reverse * a.cells[col].textContent.trim().localeCompare(b.cells[col].textContent.trim());\n  });\n\n  for (i = 0; i < th.length; ++i) {\n    for (c = 0; c < th[i].cells.length; ++c) {\n      if (c != col) {\n        th[i].cells[c].childNodes[1].classList.add('hide');\n        th[i].cells[c].childNodes[3].classList.add('hide');\n      } else {\n        if (reverse == 1) {\n          th[i].cells[c].childNodes[1].classList.add('hide');\n          th[i].cells[c].childNodes[3].classList.remove('hide');\n        } else {\n          th[i].cells[c].childNodes[1].classList.remove('hide');\n          th[i].cells[c].childNodes[3].classList.add('hide');\n        }\n      }\n    }\n  }\n\n  for (i = 0; i < tr.length; ++i) {\n    tb.appendChild(tr[i]);\n  }\n}\n\nfunction makeSortable(table) {\n  var th = table.tHead;\n  var i;\n  th && (th = th.rows[0]) && (th = th.cells);\n  if (th) i = th.length;else return;\n\n  while (--i >= 0) {\n    (function (i) {\n      var dir = 1;\n      th[i].addEventListener('click', function () {\n        sortTable(table, i, dir = 1 - dir);\n      });\n    })(i);\n  }\n\n  ;\n}\n\nfunction makeAllSortable(parent) {\n  parent = parent || document.body;\n  var t = parent.getElementsByTagName('table');\n  var i = t.length;\n\n  while (--i >= 0) {\n    makeSortable(t[i]);\n  }\n\n  ;\n}\n\nfunction defaultSort() {\n  var t = document.getElementsByTagName('table');\n  var i;\n\n  for (i = 0; i < t.length; ++i) {\n    sortTable(t[i], 1, -1);\n  }\n}\n\nwindow.onload = function () {\n  makeAllSortable();\n  defaultSort();\n};\n\n//# sourceURL=webpack:///./dist/scripts/table.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"searchTable\", function() { return searchTable; });\n/* harmony import */ var _material_data_table__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @material/data-table */ \"./node_modules/@material/data-table/index.js\");\n\nnew _material_data_table__WEBPACK_IMPORTED_MODULE_0__[\"MDCDataTable\"](document.querySelector('.mdc-data-table'));\nfunction searchTable(elementId) {\n  var input = document.getElementById(elementId);\n  var filter = input.value.toUpperCase();\n  var table = document.getElementById(elementId + '-table');\n  var rows = table.getElementsByTagName('tbody')[0].getElementsByTagName('tr');\n\n  for (var i = 0; i < rows.length; i++) {\n    var row = rows[i].getElementsByTagName('td')[0];\n    var txtValue = row.textContent || row.innerText;\n\n    if (txtValue.toUpperCase().indexOf(filter) > -1) {\n      rows[i].style.display = '';\n    } else {\n      rows[i].style.display = 'none';\n    }\n  }\n}\nwindow.searchTable = searchTable;\n\nfunction sortTable(table, col, reverse) {\n  var tb = table.tBodies[0];\n  var tbh = table.tHead;\n  var th = Array.prototype.slice.call(tbh.rows, 0);\n  var tr = Array.prototype.slice.call(tb.rows, 0);\n  var i;\n  var c;\n  reverse = -(+reverse || -1);\n  tr = tr.sort(function (a, b) {\n    return reverse * a.cells[col].dataset.sortVal.localeCompare(b.cells[col].dataset.sortVal, undefined, {\n      numeric: true\n    });\n  });\n\n  for (i = 0; i < th.length; ++i) {\n    for (c = 0; c < th[i].cells.length; ++c) {\n      if (c != col) {\n        th[i].cells[c].childNodes[1].classList.add('hide');\n        th[i].cells[c].childNodes[3].classList.add('hide');\n      } else {\n        if (reverse == 1) {\n          th[i].cells[c].childNodes[1].classList.add('hide');\n          th[i].cells[c].childNodes[3].classList.remove('hide');\n        } else {\n          th[i].cells[c].childNodes[1].classList.remove('hide');\n          th[i].cells[c].childNodes[3].classList.add('hide');\n        }\n      }\n    }\n  }\n\n  for (i = 0; i < tr.length; ++i) {\n    tb.appendChild(tr[i]);\n  }\n}\n\nfunction makeSortable(table) {\n  var th = table.tHead;\n  var i;\n  th && (th = th.rows[0]) && (th = th.cells);\n  if (th) i = th.length;else return;\n\n  while (--i >= 0) {\n    (function (i) {\n      var dir = 1;\n      th[i].addEventListener('click', function () {\n        sortTable(table, i, dir = 1 - dir);\n      });\n    })(i);\n  }\n\n  ;\n}\n\nfunction makeAllSortable(parent) {\n  parent = parent || document.body;\n  var t = parent.getElementsByTagName('table');\n  var i = t.length;\n\n  while (--i >= 0) {\n    makeSortable(t[i]);\n  }\n\n  ;\n}\n\nfunction defaultSort() {\n  var t = document.getElementsByTagName('table');\n  var i;\n\n  for (i = 0; i < t.length; ++i) {\n    sortTable(t[i], 1, -1);\n  }\n}\n\nwindow.onload = function () {\n  makeAllSortable();\n  defaultSort();\n};\n\n//# sourceURL=webpack:///./dist/scripts/table.js?");
 
 /***/ }),
 
@@ -201,7 +201,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var time
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _material_top_app_bar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @material/top-app-bar */ \"./node_modules/@material/top-app-bar/index.js\");\n\nvar topAppBar = _material_top_app_bar__WEBPACK_IMPORTED_MODULE_0__[\"MDCTopAppBar\"].attachTo(document.getElementById('app-bar'));\ntopAppBar.setScrollTarget(document.querySelector('.main-content'));\n\n//# sourceURL=webpack:///./dist/scripts/topbar.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _material_top_app_bar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @material/top-app-bar */ \"./node_modules/@material/top-app-bar/index.js\");\n/* harmony import */ var _material_drawer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @material/drawer */ \"./node_modules/@material/drawer/index.js\");\n\n\nvar drawer = _material_drawer__WEBPACK_IMPORTED_MODULE_1__[\"MDCDrawer\"].attachTo(document.querySelector('.mdc-drawer'));\nvar topAppBar = _material_top_app_bar__WEBPACK_IMPORTED_MODULE_0__[\"MDCTopAppBar\"].attachTo(document.getElementById('app-bar'));\ntopAppBar.setScrollTarget(document.querySelector('.main-content'));\ntopAppBar.listen('MDCTopAppBar:nav', function () {\n  drawer.open = !drawer.open;\n});\n\nfunction windowSizeChange() {\n  if (window.innerWidth <= 1250) {\n    drawer.open = false;\n  } else {\n    drawer.open = true;\n  }\n}\n\nwindow.addEventListener('resize', windowSizeChange);\n\n//# sourceURL=webpack:///./dist/scripts/topbar.js?");
 
 /***/ }),
 
@@ -409,6 +409,78 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 
 /***/ }),
 
+/***/ "./node_modules/@material/drawer/component.js":
+/*!****************************************************!*\
+  !*** ./node_modules/@material/drawer/component.js ***!
+  \****************************************************/
+/*! exports provided: MDCDrawer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"MDCDrawer\", function() { return MDCDrawer; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _material_base_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @material/base/component */ \"./node_modules/@material/base/component.js\");\n/* harmony import */ var _material_list_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @material/list/component */ \"./node_modules/@material/list/component.js\");\n/* harmony import */ var _material_list_foundation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material/list/foundation */ \"./node_modules/@material/list/foundation.js\");\n/* harmony import */ var focus_trap__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! focus-trap */ \"./node_modules/focus-trap/index.js\");\n/* harmony import */ var focus_trap__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(focus_trap__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _dismissible_foundation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./dismissible/foundation */ \"./node_modules/@material/drawer/dismissible/foundation.js\");\n/* harmony import */ var _modal_foundation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modal/foundation */ \"./node_modules/@material/drawer/modal/foundation.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./util */ \"./node_modules/@material/drawer/util.js\");\n/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\n\n\n\n\n\nvar cssClasses = _dismissible_foundation__WEBPACK_IMPORTED_MODULE_5__[\"MDCDismissibleDrawerFoundation\"].cssClasses, strings = _dismissible_foundation__WEBPACK_IMPORTED_MODULE_5__[\"MDCDismissibleDrawerFoundation\"].strings;\n/**\n * @events `MDCDrawer:closed {}` Emits when the navigation drawer has closed.\n * @events `MDCDrawer:opened {}` Emits when the navigation drawer has opened.\n */\nvar MDCDrawer = /** @class */ (function (_super) {\n    tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"](MDCDrawer, _super);\n    function MDCDrawer() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    MDCDrawer.attachTo = function (root) {\n        return new MDCDrawer(root);\n    };\n    Object.defineProperty(MDCDrawer.prototype, \"open\", {\n        /**\n         * @return boolean Proxies to the foundation's `open`/`close` methods.\n         * Also returns true if drawer is in the open position.\n         */\n        get: function () {\n            return this.foundation_.isOpen();\n        },\n        /**\n         * Toggles the drawer open and closed.\n         */\n        set: function (isOpen) {\n            if (isOpen) {\n                this.foundation_.open();\n            }\n            else {\n                this.foundation_.close();\n            }\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(MDCDrawer.prototype, \"list\", {\n        get: function () {\n            return this.list_;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    MDCDrawer.prototype.initialize = function (focusTrapFactory, listFactory) {\n        if (focusTrapFactory === void 0) { focusTrapFactory = focus_trap__WEBPACK_IMPORTED_MODULE_4___default.a; }\n        if (listFactory === void 0) { listFactory = function (el) { return new _material_list_component__WEBPACK_IMPORTED_MODULE_2__[\"MDCList\"](el); }; }\n        var listEl = this.root_.querySelector(\".\" + _material_list_foundation__WEBPACK_IMPORTED_MODULE_3__[\"MDCListFoundation\"].cssClasses.ROOT);\n        if (listEl) {\n            this.list_ = listFactory(listEl);\n            this.list_.wrapFocus = true;\n        }\n        this.focusTrapFactory_ = focusTrapFactory;\n    };\n    MDCDrawer.prototype.initialSyncWithDOM = function () {\n        var _this = this;\n        var MODAL = cssClasses.MODAL;\n        var SCRIM_SELECTOR = strings.SCRIM_SELECTOR;\n        this.scrim_ = this.root_.parentNode.querySelector(SCRIM_SELECTOR);\n        if (this.scrim_ && this.root_.classList.contains(MODAL)) {\n            this.handleScrimClick_ = function () { return _this.foundation_.handleScrimClick(); };\n            this.scrim_.addEventListener('click', this.handleScrimClick_);\n            this.focusTrap_ = _util__WEBPACK_IMPORTED_MODULE_7__[\"createFocusTrapInstance\"](this.root_, this.focusTrapFactory_);\n        }\n        this.handleKeydown_ = function (evt) { return _this.foundation_.handleKeydown(evt); };\n        this.handleTransitionEnd_ = function (evt) { return _this.foundation_.handleTransitionEnd(evt); };\n        this.listen('keydown', this.handleKeydown_);\n        this.listen('transitionend', this.handleTransitionEnd_);\n    };\n    MDCDrawer.prototype.destroy = function () {\n        this.unlisten('keydown', this.handleKeydown_);\n        this.unlisten('transitionend', this.handleTransitionEnd_);\n        if (this.list_) {\n            this.list_.destroy();\n        }\n        var MODAL = cssClasses.MODAL;\n        if (this.scrim_ && this.handleScrimClick_ && this.root_.classList.contains(MODAL)) {\n            this.scrim_.removeEventListener('click', this.handleScrimClick_);\n            // Ensure drawer is closed to hide scrim and release focus\n            this.open = false;\n        }\n    };\n    MDCDrawer.prototype.getDefaultFoundation = function () {\n        var _this = this;\n        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n        // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\n        var adapter = {\n            addClass: function (className) { return _this.root_.classList.add(className); },\n            removeClass: function (className) { return _this.root_.classList.remove(className); },\n            hasClass: function (className) { return _this.root_.classList.contains(className); },\n            elementHasClass: function (element, className) { return element.classList.contains(className); },\n            saveFocus: function () { return _this.previousFocus_ = document.activeElement; },\n            restoreFocus: function () {\n                var previousFocus = _this.previousFocus_;\n                if (previousFocus && previousFocus.focus && _this.root_.contains(document.activeElement)) {\n                    previousFocus.focus();\n                }\n            },\n            focusActiveNavigationItem: function () {\n                var activeNavItemEl = _this.root_.querySelector(\".\" + _material_list_foundation__WEBPACK_IMPORTED_MODULE_3__[\"MDCListFoundation\"].cssClasses.LIST_ITEM_ACTIVATED_CLASS);\n                if (activeNavItemEl) {\n                    activeNavItemEl.focus();\n                }\n            },\n            notifyClose: function () { return _this.emit(strings.CLOSE_EVENT, {}, true /* shouldBubble */); },\n            notifyOpen: function () { return _this.emit(strings.OPEN_EVENT, {}, true /* shouldBubble */); },\n            trapFocus: function () { return _this.focusTrap_.activate(); },\n            releaseFocus: function () { return _this.focusTrap_.deactivate(); },\n        };\n        // tslint:enable:object-literal-sort-keys\n        var DISMISSIBLE = cssClasses.DISMISSIBLE, MODAL = cssClasses.MODAL;\n        if (this.root_.classList.contains(DISMISSIBLE)) {\n            return new _dismissible_foundation__WEBPACK_IMPORTED_MODULE_5__[\"MDCDismissibleDrawerFoundation\"](adapter);\n        }\n        else if (this.root_.classList.contains(MODAL)) {\n            return new _modal_foundation__WEBPACK_IMPORTED_MODULE_6__[\"MDCModalDrawerFoundation\"](adapter);\n        }\n        else {\n            throw new Error(\"MDCDrawer: Failed to instantiate component. Supported variants are \" + DISMISSIBLE + \" and \" + MODAL + \".\");\n        }\n    };\n    return MDCDrawer;\n}(_material_base_component__WEBPACK_IMPORTED_MODULE_1__[\"MDCComponent\"]));\n\n//# sourceMappingURL=component.js.map\n\n//# sourceURL=webpack:///./node_modules/@material/drawer/component.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/drawer/constants.js":
+/*!****************************************************!*\
+  !*** ./node_modules/@material/drawer/constants.js ***!
+  \****************************************************/
+/*! exports provided: cssClasses, strings */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"cssClasses\", function() { return cssClasses; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"strings\", function() { return strings; });\n/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nvar cssClasses = {\n    ANIMATE: 'mdc-drawer--animate',\n    CLOSING: 'mdc-drawer--closing',\n    DISMISSIBLE: 'mdc-drawer--dismissible',\n    MODAL: 'mdc-drawer--modal',\n    OPEN: 'mdc-drawer--open',\n    OPENING: 'mdc-drawer--opening',\n    ROOT: 'mdc-drawer',\n};\nvar strings = {\n    APP_CONTENT_SELECTOR: '.mdc-drawer-app-content',\n    CLOSE_EVENT: 'MDCDrawer:closed',\n    OPEN_EVENT: 'MDCDrawer:opened',\n    SCRIM_SELECTOR: '.mdc-drawer-scrim',\n};\n\n//# sourceMappingURL=constants.js.map\n\n//# sourceURL=webpack:///./node_modules/@material/drawer/constants.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/drawer/dismissible/foundation.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@material/drawer/dismissible/foundation.js ***!
+  \*****************************************************************/
+/*! exports provided: MDCDismissibleDrawerFoundation, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"MDCDismissibleDrawerFoundation\", function() { return MDCDismissibleDrawerFoundation; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _material_base_foundation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @material/base/foundation */ \"./node_modules/@material/base/foundation.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ \"./node_modules/@material/drawer/constants.js\");\n/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\nvar MDCDismissibleDrawerFoundation = /** @class */ (function (_super) {\n    tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"](MDCDismissibleDrawerFoundation, _super);\n    function MDCDismissibleDrawerFoundation(adapter) {\n        var _this = _super.call(this, tslib__WEBPACK_IMPORTED_MODULE_0__[\"__assign\"]({}, MDCDismissibleDrawerFoundation.defaultAdapter, adapter)) || this;\n        _this.animationFrame_ = 0;\n        _this.animationTimer_ = 0;\n        return _this;\n    }\n    Object.defineProperty(MDCDismissibleDrawerFoundation, \"strings\", {\n        get: function () {\n            return _constants__WEBPACK_IMPORTED_MODULE_2__[\"strings\"];\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(MDCDismissibleDrawerFoundation, \"cssClasses\", {\n        get: function () {\n            return _constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"];\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(MDCDismissibleDrawerFoundation, \"defaultAdapter\", {\n        get: function () {\n            // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\n            return {\n                addClass: function () { return undefined; },\n                removeClass: function () { return undefined; },\n                hasClass: function () { return false; },\n                elementHasClass: function () { return false; },\n                notifyClose: function () { return undefined; },\n                notifyOpen: function () { return undefined; },\n                saveFocus: function () { return undefined; },\n                restoreFocus: function () { return undefined; },\n                focusActiveNavigationItem: function () { return undefined; },\n                trapFocus: function () { return undefined; },\n                releaseFocus: function () { return undefined; },\n            };\n            // tslint:enable:object-literal-sort-keys\n        },\n        enumerable: true,\n        configurable: true\n    });\n    MDCDismissibleDrawerFoundation.prototype.destroy = function () {\n        if (this.animationFrame_) {\n            cancelAnimationFrame(this.animationFrame_);\n        }\n        if (this.animationTimer_) {\n            clearTimeout(this.animationTimer_);\n        }\n    };\n    /**\n     * Opens the drawer from the closed state.\n     */\n    MDCDismissibleDrawerFoundation.prototype.open = function () {\n        var _this = this;\n        if (this.isOpen() || this.isOpening() || this.isClosing()) {\n            return;\n        }\n        this.adapter_.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].OPEN);\n        this.adapter_.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].ANIMATE);\n        // Wait a frame once display is no longer \"none\", to establish basis for animation\n        this.runNextAnimationFrame_(function () {\n            _this.adapter_.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].OPENING);\n        });\n        this.adapter_.saveFocus();\n    };\n    /**\n     * Closes the drawer from the open state.\n     */\n    MDCDismissibleDrawerFoundation.prototype.close = function () {\n        if (!this.isOpen() || this.isOpening() || this.isClosing()) {\n            return;\n        }\n        this.adapter_.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].CLOSING);\n    };\n    /**\n     * Returns true if the drawer is in the open position.\n     * @return true if drawer is in open state.\n     */\n    MDCDismissibleDrawerFoundation.prototype.isOpen = function () {\n        return this.adapter_.hasClass(_constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].OPEN);\n    };\n    /**\n     * Returns true if the drawer is animating open.\n     * @return true if drawer is animating open.\n     */\n    MDCDismissibleDrawerFoundation.prototype.isOpening = function () {\n        return this.adapter_.hasClass(_constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].OPENING) || this.adapter_.hasClass(_constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].ANIMATE);\n    };\n    /**\n     * Returns true if the drawer is animating closed.\n     * @return true if drawer is animating closed.\n     */\n    MDCDismissibleDrawerFoundation.prototype.isClosing = function () {\n        return this.adapter_.hasClass(_constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].CLOSING);\n    };\n    /**\n     * Keydown handler to close drawer when key is escape.\n     */\n    MDCDismissibleDrawerFoundation.prototype.handleKeydown = function (evt) {\n        var keyCode = evt.keyCode, key = evt.key;\n        var isEscape = key === 'Escape' || keyCode === 27;\n        if (isEscape) {\n            this.close();\n        }\n    };\n    /**\n     * Handles the `transitionend` event when the drawer finishes opening/closing.\n     */\n    MDCDismissibleDrawerFoundation.prototype.handleTransitionEnd = function (evt) {\n        var OPENING = _constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].OPENING, CLOSING = _constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].CLOSING, OPEN = _constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].OPEN, ANIMATE = _constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].ANIMATE, ROOT = _constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"].ROOT;\n        // In Edge, transitionend on ripple pseudo-elements yields a target without classList, so check for Element first.\n        var isRootElement = this.isElement_(evt.target) && this.adapter_.elementHasClass(evt.target, ROOT);\n        if (!isRootElement) {\n            return;\n        }\n        if (this.isClosing()) {\n            this.adapter_.removeClass(OPEN);\n            this.closed_();\n            this.adapter_.restoreFocus();\n            this.adapter_.notifyClose();\n        }\n        else {\n            this.adapter_.focusActiveNavigationItem();\n            this.opened_();\n            this.adapter_.notifyOpen();\n        }\n        this.adapter_.removeClass(ANIMATE);\n        this.adapter_.removeClass(OPENING);\n        this.adapter_.removeClass(CLOSING);\n    };\n    /**\n     * Extension point for when drawer finishes open animation.\n     */\n    MDCDismissibleDrawerFoundation.prototype.opened_ = function () { }; // tslint:disable-line:no-empty\n    /**\n     * Extension point for when drawer finishes close animation.\n     */\n    MDCDismissibleDrawerFoundation.prototype.closed_ = function () { }; // tslint:disable-line:no-empty\n    /**\n     * Runs the given logic on the next animation frame, using setTimeout to factor in Firefox reflow behavior.\n     */\n    MDCDismissibleDrawerFoundation.prototype.runNextAnimationFrame_ = function (callback) {\n        var _this = this;\n        cancelAnimationFrame(this.animationFrame_);\n        this.animationFrame_ = requestAnimationFrame(function () {\n            _this.animationFrame_ = 0;\n            clearTimeout(_this.animationTimer_);\n            _this.animationTimer_ = setTimeout(callback, 0);\n        });\n    };\n    MDCDismissibleDrawerFoundation.prototype.isElement_ = function (element) {\n        // In Edge, transitionend on ripple pseudo-elements yields a target without classList.\n        return Boolean(element.classList);\n    };\n    return MDCDismissibleDrawerFoundation;\n}(_material_base_foundation__WEBPACK_IMPORTED_MODULE_1__[\"MDCFoundation\"]));\n\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\n/* harmony default export */ __webpack_exports__[\"default\"] = (MDCDismissibleDrawerFoundation);\n//# sourceMappingURL=foundation.js.map\n\n//# sourceURL=webpack:///./node_modules/@material/drawer/dismissible/foundation.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/drawer/index.js":
+/*!************************************************!*\
+  !*** ./node_modules/@material/drawer/index.js ***!
+  \************************************************/
+/*! exports provided: util, MDCDrawer, cssClasses, strings, MDCDismissibleDrawerFoundation, MDCModalDrawerFoundation */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./util */ \"./node_modules/@material/drawer/util.js\");\n/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, \"util\", function() { return _util__WEBPACK_IMPORTED_MODULE_0__; });\n/* harmony import */ var _component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./component */ \"./node_modules/@material/drawer/component.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"MDCDrawer\", function() { return _component__WEBPACK_IMPORTED_MODULE_1__[\"MDCDrawer\"]; });\n\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ \"./node_modules/@material/drawer/constants.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"cssClasses\", function() { return _constants__WEBPACK_IMPORTED_MODULE_2__[\"cssClasses\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"strings\", function() { return _constants__WEBPACK_IMPORTED_MODULE_2__[\"strings\"]; });\n\n/* harmony import */ var _dismissible_foundation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dismissible/foundation */ \"./node_modules/@material/drawer/dismissible/foundation.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"MDCDismissibleDrawerFoundation\", function() { return _dismissible_foundation__WEBPACK_IMPORTED_MODULE_3__[\"MDCDismissibleDrawerFoundation\"]; });\n\n/* harmony import */ var _modal_foundation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./modal/foundation */ \"./node_modules/@material/drawer/modal/foundation.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"MDCModalDrawerFoundation\", function() { return _modal_foundation__WEBPACK_IMPORTED_MODULE_4__[\"MDCModalDrawerFoundation\"]; });\n\n/**\n * @license\n * Copyright 2019 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\n\n\n\n//# sourceMappingURL=index.js.map\n\n//# sourceURL=webpack:///./node_modules/@material/drawer/index.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/drawer/modal/foundation.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/@material/drawer/modal/foundation.js ***!
+  \***********************************************************/
+/*! exports provided: MDCModalDrawerFoundation, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"MDCModalDrawerFoundation\", function() { return MDCModalDrawerFoundation; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _dismissible_foundation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../dismissible/foundation */ \"./node_modules/@material/drawer/dismissible/foundation.js\");\n/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n/* istanbul ignore next: subclass is not a branch statement */\nvar MDCModalDrawerFoundation = /** @class */ (function (_super) {\n    tslib__WEBPACK_IMPORTED_MODULE_0__[\"__extends\"](MDCModalDrawerFoundation, _super);\n    function MDCModalDrawerFoundation() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    /**\n     * Handles click event on scrim.\n     */\n    MDCModalDrawerFoundation.prototype.handleScrimClick = function () {\n        this.close();\n    };\n    /**\n     * Called when drawer finishes open animation.\n     */\n    MDCModalDrawerFoundation.prototype.opened_ = function () {\n        this.adapter_.trapFocus();\n    };\n    /**\n     * Called when drawer finishes close animation.\n     */\n    MDCModalDrawerFoundation.prototype.closed_ = function () {\n        this.adapter_.releaseFocus();\n    };\n    return MDCModalDrawerFoundation;\n}(_dismissible_foundation__WEBPACK_IMPORTED_MODULE_1__[\"MDCDismissibleDrawerFoundation\"]));\n\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\n/* harmony default export */ __webpack_exports__[\"default\"] = (MDCModalDrawerFoundation);\n//# sourceMappingURL=foundation.js.map\n\n//# sourceURL=webpack:///./node_modules/@material/drawer/modal/foundation.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/drawer/util.js":
+/*!***********************************************!*\
+  !*** ./node_modules/@material/drawer/util.js ***!
+  \***********************************************/
+/*! exports provided: createFocusTrapInstance */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createFocusTrapInstance\", function() { return createFocusTrapInstance; });\n/* harmony import */ var focus_trap__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! focus-trap */ \"./node_modules/focus-trap/index.js\");\n/* harmony import */ var focus_trap__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(focus_trap__WEBPACK_IMPORTED_MODULE_0__);\n/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\nfunction createFocusTrapInstance(surfaceEl, focusTrapFactory) {\n    if (focusTrapFactory === void 0) { focusTrapFactory = focus_trap__WEBPACK_IMPORTED_MODULE_0___default.a; }\n    return focusTrapFactory(surfaceEl, {\n        clickOutsideDeactivates: true,\n        escapeDeactivates: false,\n        initialFocus: undefined,\n        returnFocusOnDeactivate: false,\n    });\n}\n//# sourceMappingURL=util.js.map\n\n//# sourceURL=webpack:///./node_modules/@material/drawer/util.js?");
+
+/***/ }),
+
 /***/ "./node_modules/@material/floating-label/component.js":
 /*!************************************************************!*\
   !*** ./node_modules/@material/floating-label/component.js ***!