From 4cc28e148b8a373926f6f70ca62aab2cf276d150 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Sat, 12 Jun 2021 06:12:22 +0200
Subject: [PATCH] Fire state changed events and add progess bar (#10)

Co-authored-by: Paulus Schoutsen <balloob@gmail.com>
---
 README.md             |   45 ++
 index.html            |  146 ++++-
 package-lock.json     | 1301 +++++++++++++++++------------------------
 package.json          |    7 +-
 src/const.ts          |   75 +++
 src/flash-log.ts      |   76 ++-
 src/flash-progress.ts |   85 +++
 src/flash.ts          |  234 ++++++++
 src/install-button.ts |  120 +++-
 src/start-flash.ts    |  325 ++++------
 src/util.ts           |   21 +
 11 files changed, 1416 insertions(+), 1019 deletions(-)
 create mode 100644 src/flash-progress.ts
 create mode 100644 src/flash.ts

diff --git a/README.md b/README.md
index 83c2b31..15d8ba9 100644
--- a/README.md
+++ b/README.md
@@ -47,12 +47,57 @@ All attributes can also be set via properties (`manifest`, `eraseFirst`)
 
 ## Styling
 
+### Attributes
+
 The following attributes are automatically added to `<esp-web-install-button>`:
 
 | Attribute | Description |
 | -- | -- |
 | `install-supported` | Added if installing firmware is supported
 | `install-unsupported` | Added if installing firmware is not supported
+| `active` | Added when flashing is active
+
+You can add the following attributes or properties to change the UI elements:
+
+| Attribute | Property | Description |
+| -- | -- | -- |
+| `show-log` | `showLog` | Show a log style view of the progress instead of a progress bar
+| `hide-progress` | `hideProgress` | Hides all progress UI elements
+
+### CSS custom properties (variables)
+
+The following variables can be used to change the colors of the default UI elements:
+
+- `--esp-tools-button-color`
+- `--esp-tools-button-text-color`
+- `--esp-tools-success-color`
+- `--esp-tools-error-color`
+- `--esp-tools-progress-color`
+- `--esp-tools-log-background`
+- `--esp-tools-log-text-color`
+
+### Slots
+
+The following slots are available:
+
+| Slot name | Description |
+| -- | -- |
+| `activate` | Button to start the flash progress
+| `unsupported` | Message to show when the browser is not supported
+
+## Events
+
+When the state of flashing changes, a `state-changed` event is fired.
+
+A `state-changed` event contains the following information:
+
+Field | Description
+-- | --
+state | The current [state](https://github.com/esphome/esp-web-tools/blob/main/src/const.ts)
+message | A description of the current state
+manifest | The loaded manifest
+chipFamily | The chip that was detected;&nbsp;"ESP32" \| "ESP8266" \| "ESP32-S2" \| "Unknown Chip"
+details | An optional extra field that is different [per state](https://github.com/esphome/esp-web-tools/blob/main/src/const.ts)
 
 ## Development
 
diff --git a/index.html b/index.html
index d28a1b9..3628e23 100644
--- a/index.html
+++ b/index.html
@@ -27,9 +27,6 @@
       .project .logo img {
         width: 100%;
       }
-      esp-web-flash-log {
-        margin-top: 8px;
-      }
       a {
         color: #03a9f4;
       }
@@ -61,6 +58,13 @@
         font-style: italic;
         margin-top: 16px;
       }
+      table {
+        border-spacing: 0;
+      }
+      td {
+        padding: 8px;
+        border-bottom: 1px solid #ccc;
+      }
     </style>
     <script module>
       import(
@@ -236,13 +240,58 @@
 
       <h3>Customizing the look and feel</h3>
       <p>
-        You can customize both the activation button and the message that is
-        shown when the user uses an unsupported browser. This can be done using
-        the <code>activate</code> and <code>unsupported</code> slots:
+        There are multiple options to change the look and feel of the button and
+        other elements.
+      </p>
+      <h4>Change colors</h4>
+      <p>
+        You can change the colors of the default UI elements with CSS custom
+        properties (variables), the following variables are available:
+      </p>
+      <ul>
+        <li><code>--esp-tools-button-color</code></li>
+        <li><code>--esp-tools-button-text-color</code></li>
+
+        <li><code>--esp-tools-success-color</code></li>
+        <li><code>--esp-tools-error-color</code></li>
+
+        <li><code>--esp-tools-progress-color</code></li>
+
+        <li><code>--esp-tools-log-background</code></li>
+        <li><code>--esp-tools-log-text-color</code></li>
+      </ul>
+      <p>There are also some attributes that can be used for styling:</p>
+      <table>
+        <tr>
+          <td><code>install-supported</code></td>
+          <td>Added if installing firmware is supported</td>
+        </tr>
+        <tr>
+          <td>
+            <code>install-unsupported</code>
+          </td>
+          <td>Added if installing firmware is not supported</td>
+        </tr>
+        <tr>
+          <td><code>active</code></td>
+          <td>Added when flashing is active</td>
+        </tr>
+      </table>
+      <p>
+        When you are using a custom button, you should disable it when the
+        <code>active</code> attribute is present.
+      </p>
+      <h4>Replace the button and message with a custom one</h4>
+      <p>
+        You can replace both the activation button and the message that is shown
+        when the user uses an unsupported browser with your own elements. This
+        can be done using the <code>activate</code> and
+        <code>unsupported</code> slots:
       </p>
       <pre>
 &lt;esp-web-install-button
   manifest="static/firmware_build/manifest.json"
+  show-log
   erase-first
 >
   &lt;button slot="activate">Custom install button&lt;/button>
@@ -250,6 +299,91 @@
 &lt;/esp-web-install-button>
     </pre
       >
+      <h4>Show or hide the progress bar and log</h4>
+      <p>
+        By default there is a progress bar showing the state and progress of the
+        flashing progress, you can chnage this progress bar to a log view with
+        the <code>show-log</code> attribute.
+      </p>
+      <p>
+        You can also hide all progress indicators by adding the `hide-progress`
+        attribute. This will hide both the progress bar and the log view. You
+        can then implement your own progress elements using the
+        <a href="#state-events">state events</a>.
+      </p>
+
+      <h3 id="state-events">State events</h3>
+      <p>
+        During the flash progress the button will fire
+        <code>state-changed</code> events for every step of the progress and to
+        signal progress in the writing.
+      </p>
+      <p>
+        With these events you can create your own progress UI or trigger certain
+        actions. You can also find the current state as the
+        <code>state</code> property of the
+        <code>esp-web-install-button</code> element.
+      </p>
+      <p>Events for the following states are fired:</p>
+      <ul>
+        <li>initializing</li>
+        <li>manifest</li>
+        <li>preparing</li>
+        <li>erasing</li>
+        <li>writing</li>
+        <li>finished</li>
+        <li>error</li>
+      </ul>
+      <p>
+        A <code>state-changed</code> event contains the following information:
+      </p>
+      <table>
+        <tr>
+          <td><code>state</code></td>
+          <td>The current state; one of the above</td>
+        </tr>
+        <tr>
+          <td><code>message</code></td>
+          <td>A description of the current state</td>
+        </tr>
+        <tr>
+          <td><code>manifest</code></td>
+          <td>The loaded manifest</td>
+        </tr>
+        <tr>
+          <td><code>build</code></td>
+          <td>The manifest's build that was selected</td>
+        </tr>
+        <tr>
+          <td><code>chipFamily</code></td>
+          <td>
+            The chip that was detected;
+            <code>"ESP32" | "ESP8266" | "ESP32-S2" | "Unknown Chip"</code>
+          </td>
+        </tr>
+        <tr>
+          <td><code>details</code></td>
+          <td>
+            An optional extra field that is different
+            <a
+              href="https://github.com/esphome/esp-web-tools/blob/main/src/const.ts"
+              >per state</a
+            >
+          </td>
+        </tr>
+      </table>
+      <p>An example that logs all state events:</p>
+      <pre>
+&lt;esp-web-install-button
+  manifest="static/firmware_build/manifest.json"
+>&lt;/esp-web-install-button>
+&lt;script>
+const espWebInstallButton = document.querySelector("esp-web-install-button");
+espWebInstallButton.addEventListener(
+  "state-changed", (ev) => { console.log(ev.detail) }
+);
+&lt;/script>
+      </pre>
       <div class="footer">
         <div>
           ESP Web Tools –
diff --git a/package-lock.json b/package-lock.json
index bbad5f7..70fcdf7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,10 +8,8 @@
       "version": "2.0.2",
       "license": "Apache-2.0",
       "dependencies": {
-        "@material/mwc-button": "^0.21.0",
-        "@material/mwc-circular-progress": "^0.21.0",
-        "@material/mwc-dialog": "^0.21.0",
-        "@material/mwc-textfield": "^0.21.0",
+        "@material/mwc-base": "^0.21.0",
+        "@material/mwc-linear-progress": "^0.21.0",
         "esp-web-flasher": "^1.0.4",
         "lit": "^2.0.0-rc.2",
         "tslib": "^2.2.0"
@@ -21,7 +19,6 @@
         "@rollup/plugin-node-resolve": "^13.0.0",
         "@rollup/plugin-typescript": "^8.2.1",
         "@types/w3c-web-serial": "^1.0.1",
-        "@types/web-bluetooth": "^0.0.9",
         "prettier": "^2.3.0",
         "rollup": "^2.50.2",
         "rollup-plugin-terser": "^7.0.2",
@@ -31,21 +28,24 @@
     },
     "node_modules/@babel/code-frame": {
       "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.13.tgz",
+      "integrity": "sha512-HV1Cm0Q3ZrpCR93tkWOYiuYIgLxZXZFVG2VgK+MBWjUqZTundupbfx2aXarXuw5Ko5aMcjtJgbSs4vUGBS5v6g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@babel/highlight": "^7.12.13"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
       "version": "7.14.0",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.0.tgz",
+      "integrity": "sha512-V3ts7zMSu5lfiwWDVWzRDGIN+lnCEUdaXgtVHJgLb1rGaA6jMrtB9EmE7L18foXJIE8Un/A/h6NJfGQp/e1J4A==",
+      "dev": true
     },
     "node_modules/@babel/highlight": {
       "version": "7.14.0",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.14.0.tgz",
+      "integrity": "sha512-YSCOwxvTYEIMSGaBQb5kDDsCopDdiUGsqpatp3fOlI4+2HQSkTmEVWnVuySdAC5EWCqSWWTv0ib63RjR7dTBdg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.14.0",
         "chalk": "^2.0.0",
@@ -54,145 +54,60 @@
     },
     "node_modules/@lit/reactive-element": {
       "version": "1.0.0-rc.2",
-      "license": "BSD-3-Clause"
+      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-1.0.0-rc.2.tgz",
+      "integrity": "sha512-cujeIl5Ei8FC7UHf4/4Q3bRJOtdTe1vpJV/JEBYCggedmQ+2P8A2oz7eE+Vxi6OJ4nc0X+KZxXnBoH4QrEbmEQ=="
     },
     "node_modules/@material/animation": {
       "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-SMkEHENcSy8jYYPg+ZmMGvI5YobU5FlYw0MPsg/RUxBdelt9OMQYELgJW3y7RrppF/tpJoZuYnZwyeUJc4OhLQ==",
       "dependencies": {
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/base": {
       "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-aMPQ4eM95ZQDY53WzcSEbNhZAqRmYzgumpYEdz5PjOKO66lHparMUXlbQ2LqKhMrKuNg/LWY3Ncl8nL0h0LWfA==",
       "dependencies": {
         "tslib": "^2.1.0"
       }
     },
-    "node_modules/@material/button": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "@material/density": "12.0.0-canary.197f64fa2.0",
-        "@material/dom": "12.0.0-canary.197f64fa2.0",
-        "@material/elevation": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/ripple": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/shape": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "@material/touch-target": "12.0.0-canary.197f64fa2.0",
-        "@material/typography": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/@material/circular-progress": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "@material/animation": "12.0.0-canary.197f64fa2.0",
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/progress-indicator": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/@material/density": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/@material/dialog": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "@material/animation": "12.0.0-canary.197f64fa2.0",
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/button": "12.0.0-canary.197f64fa2.0",
-        "@material/dom": "12.0.0-canary.197f64fa2.0",
-        "@material/elevation": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/icon-button": "12.0.0-canary.197f64fa2.0",
-        "@material/ripple": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/shape": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "@material/touch-target": "12.0.0-canary.197f64fa2.0",
-        "@material/typography": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
     "node_modules/@material/dom": {
       "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-uoX4Z0EbrigvHp/M2MzG0S0DNMivTY0U6E0WCiDVo8YrY67NJLSyVJnTpNhtthrCWJInKMcOUJwj73H6/GxX1A==",
       "dependencies": {
         "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
         "tslib": "^2.1.0"
       }
     },
-    "node_modules/@material/elevation": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "@material/animation": "12.0.0-canary.197f64fa2.0",
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
     "node_modules/@material/feature-targeting": {
       "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-KZoxPbl0iCsESx11bAZ0qeAQJ7eqI6+nBX0T9AaJ5GFELP168uhkINDJX0TvQf5fgTNkEpeQrncJRaFuqHQTMg==",
       "dependencies": {
         "tslib": "^2.1.0"
       }
     },
-    "node_modules/@material/floating-label": {
+    "node_modules/@material/linear-progress": {
       "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "@material/animation": "12.0.0-canary.197f64fa2.0",
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/dom": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "@material/typography": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/@material/icon-button": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/density": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/ripple": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/@material/line-ripple": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-1NBL4NGLka2Wm6xXXGDsh2+AOwgTFUVAWC/+MvWwMX0OSI1+lVHY3mOADa3G6J8rtMNMXN2vx0WODMtlqI3+/w==",
       "dependencies": {
         "@material/animation": "12.0.0-canary.197f64fa2.0",
         "@material/base": "12.0.0-canary.197f64fa2.0",
         "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
+        "@material/progress-indicator": "12.0.0-canary.197f64fa2.0",
+        "@material/rtl": "12.0.0-canary.197f64fa2.0",
         "@material/theme": "12.0.0-canary.197f64fa2.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@material/mwc-base": {
       "version": "0.21.0",
-      "license": "Apache-2.0",
+      "resolved": "https://registry.npmjs.org/@material/mwc-base/-/mwc-base-0.21.0.tgz",
+      "integrity": "sha512-yaXnsgMBtz8NEHLhoA6LNPip/8CWKDOdC6HZAPTBQH+ZnyQ8JvqATGSP0YrkiGg34jNVE8gNrbkI85GzNVKmCA==",
       "dependencies": {
         "@material/base": "=12.0.0-canary.197f64fa2.0",
         "@material/dom": "=12.0.0-canary.197f64fa2.0",
@@ -200,222 +115,58 @@
         "tslib": "^2.0.1"
       }
     },
-    "node_modules/@material/mwc-button": {
+    "node_modules/@material/mwc-linear-progress": {
       "version": "0.21.0",
-      "license": "Apache-2.0",
+      "resolved": "https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0.tgz",
+      "integrity": "sha512-BLE2AtOgkvsBQ6oCsXmcWh5TlQUIaDgKWYiYZKGMxGcQckEFx7NulZNk8bC1XwAOX0b0WcscspSwE0ue5FT66A==",
       "dependencies": {
-        "@material/mwc-icon": "^0.21.0",
-        "@material/mwc-ripple": "^0.21.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1"
-      }
-    },
-    "node_modules/@material/mwc-circular-progress": {
-      "version": "0.21.0",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@material/circular-progress": "=12.0.0-canary.197f64fa2.0",
-        "@material/mwc-base": "^0.21.0",
+        "@material/linear-progress": "=12.0.0-canary.197f64fa2.0",
         "@material/theme": "=12.0.0-canary.197f64fa2.0",
         "lit-element": "~2.4.0",
         "lit-html": "^1.1.2",
         "tslib": "^2.0.1"
       }
     },
-    "node_modules/@material/mwc-dialog": {
-      "version": "0.21.0",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@material/dialog": "=12.0.0-canary.197f64fa2.0",
-        "@material/dom": "=12.0.0-canary.197f64fa2.0",
-        "@material/mwc-base": "^0.21.0",
-        "@material/mwc-button": "^0.21.0",
-        "blocking-elements": "^0.1.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1",
-        "wicg-inert": "^3.0.0"
-      }
-    },
-    "node_modules/@material/mwc-floating-label": {
-      "version": "0.21.0",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@material/floating-label": "=12.0.0-canary.197f64fa2.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1"
-      }
-    },
-    "node_modules/@material/mwc-icon": {
-      "version": "0.21.0",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "lit-element": "~2.4.0",
-        "tslib": "^2.0.1"
-      }
-    },
-    "node_modules/@material/mwc-line-ripple": {
-      "version": "0.21.0",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@material/line-ripple": "=12.0.0-canary.197f64fa2.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1"
-      }
-    },
-    "node_modules/@material/mwc-notched-outline": {
-      "version": "0.21.0",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@material/mwc-base": "^0.21.0",
-        "@material/notched-outline": "=12.0.0-canary.197f64fa2.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1"
-      }
-    },
-    "node_modules/@material/mwc-ripple": {
-      "version": "0.21.0",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@material/dom": "=12.0.0-canary.197f64fa2.0",
-        "@material/mwc-base": "^0.21.0",
-        "@material/ripple": "=12.0.0-canary.197f64fa2.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1"
-      }
-    },
-    "node_modules/@material/mwc-textfield": {
-      "version": "0.21.0",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@material/floating-label": "=12.0.0-canary.197f64fa2.0",
-        "@material/line-ripple": "=12.0.0-canary.197f64fa2.0",
-        "@material/mwc-base": "^0.21.0",
-        "@material/mwc-floating-label": "^0.21.0",
-        "@material/mwc-line-ripple": "^0.21.0",
-        "@material/mwc-notched-outline": "^0.21.0",
-        "@material/textfield": "=12.0.0-canary.197f64fa2.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1"
-      }
-    },
-    "node_modules/@material/notched-outline": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/floating-label": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/shape": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
     "node_modules/@material/progress-indicator": {
       "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@material/progress-indicator/-/progress-indicator-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-w/1xgJ06eK29fVpmNNLE9kpYD8GDKd4mRmQ5qCOmSgRRsy4GejyRtl/Cow3UAmRR94NjDWpV/6yKyZ2hc0ACYA==",
       "dependencies": {
         "tslib": "^2.1.0"
       }
     },
-    "node_modules/@material/ripple": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "@material/animation": "12.0.0-canary.197f64fa2.0",
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/dom": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
     "node_modules/@material/rtl": {
       "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-pW9qIPdUhNWKQPjXU2P97BfHiKH9nR3bCGmr1LYj1f7vEZL2zsnNPvsOh3I+BJgtxXLp6eqshv/daGF5Juufsg==",
       "dependencies": {
         "@material/theme": "12.0.0-canary.197f64fa2.0",
         "tslib": "^2.1.0"
       }
     },
-    "node_modules/@material/shape": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/@material/textfield": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "@material/animation": "12.0.0-canary.197f64fa2.0",
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/density": "12.0.0-canary.197f64fa2.0",
-        "@material/dom": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/floating-label": "12.0.0-canary.197f64fa2.0",
-        "@material/line-ripple": "12.0.0-canary.197f64fa2.0",
-        "@material/notched-outline": "12.0.0-canary.197f64fa2.0",
-        "@material/ripple": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/shape": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "@material/typography": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
     "node_modules/@material/theme": {
       "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-7juM8i8nU1LfQjmknAi8OdUwg+Db2XYL9LBQNyQ0pib/WguuydLCwqZWckGGClBsyenn7MLCwIn//GtB5YO1eg==",
       "dependencies": {
         "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
         "tslib": "^2.1.0"
       }
     },
-    "node_modules/@material/touch-target": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/@material/typography": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "license": "MIT",
-      "dependencies": {
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
     "node_modules/@rollup/plugin-json": {
       "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-4.1.0.tgz",
+      "integrity": "sha512-yfLbTdNS6amI/2OpmbiBoW12vngr5NW2jCJVZSBEz+H5KfUJZ2M7sDjk0U6GOOdCWFVScShte29o9NezJ53TPw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@rollup/pluginutils": "^3.0.8"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0 || ^2.0.0"
       }
     },
     "node_modules/@rollup/plugin-node-resolve": {
       "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.0.0.tgz",
+      "integrity": "sha512-41X411HJ3oikIDivT5OKe9EZ6ud6DXudtfNrGbC4nniaxx2esiWjkLOzgnZsWq1IM8YIeL2rzRGLZLBjlhnZtQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@rollup/pluginutils": "^3.1.0",
         "@types/resolve": "1.17.1",
@@ -426,32 +177,26 @@
       },
       "engines": {
         "node": ">= 10.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^2.42.0"
       }
     },
     "node_modules/@rollup/plugin-typescript": {
       "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-8.2.1.tgz",
+      "integrity": "sha512-Qd2E1pleDR4bwyFxqbjt4eJf+wB0UKVMLc7/BAFDGVdAXQMCsD4DUv5/7/ww47BZCYxWtJqe1Lo0KVNswBJlRw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@rollup/pluginutils": "^3.1.0",
         "resolve": "^1.17.0"
       },
       "engines": {
         "node": ">=8.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^2.14.0",
-        "tslib": "*",
-        "typescript": ">=3.7.0"
       }
     },
     "node_modules/@rollup/pluginutils": {
       "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+      "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@types/estree": "0.0.39",
         "estree-walker": "^1.0.1",
@@ -459,52 +204,51 @@
       },
       "engines": {
         "node": ">= 8.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0"
       }
     },
     "node_modules/@types/estree": {
       "version": "0.0.39",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
+      "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
+      "dev": true
     },
     "node_modules/@types/node": {
       "version": "15.6.0",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-15.6.0.tgz",
+      "integrity": "sha512-gCYSfQpy+LYhOFTKAeE8BkyGqaxmlFxe+n4DKM6DR0wzw/HISUE/hAmkC/KT8Sw5PCJblqg062b3z9gucv3k0A==",
+      "dev": true
     },
     "node_modules/@types/resolve": {
       "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
+      "integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@types/node": "*"
       }
     },
     "node_modules/@types/trusted-types": {
       "version": "1.0.6",
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-1.0.6.tgz",
+      "integrity": "sha512-230RC8sFeHoT6sSUlRO6a8cAnclO06eeiq1QDfiv2FGCLWFvvERWgwIQD4FWqD9A69BN7Lzee4OXwoMVnnsWDw=="
     },
     "node_modules/@types/w3c-web-serial": {
       "version": "1.0.1",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/web-bluetooth": {
-      "version": "0.0.9",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/@types/w3c-web-serial/-/w3c-web-serial-1.0.1.tgz",
+      "integrity": "sha512-WGg2VLR54N+oTwThoodAqpU79dvDmP+DdqCk3Co4cFKVrJ0Qdsn3bMK1UJ51TZlylzJ6Koro/j8bl1GtH4gIDQ==",
+      "dev": true
     },
     "node_modules/@zeit/schemas": {
       "version": "2.6.0",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.6.0.tgz",
+      "integrity": "sha512-uUrgZ8AxS+Lio0fZKAipJjAh415JyrOZowliZAzmnJSsf7piVL5w+G0+gFJ0KSu3QRhvui/7zuvpLz03YjXAhg==",
+      "dev": true
     },
     "node_modules/accepts": {
       "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
+      "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "mime-types": "~2.1.24",
         "negotiator": "0.6.2"
@@ -515,8 +259,9 @@
     },
     "node_modules/accepts/node_modules/mime-types": {
       "version": "2.1.30",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.30.tgz",
+      "integrity": "sha512-crmjA4bLtR8m9qLpHvgxSChT+XoSlZi8J4n/aIdn3z92e/U47Z0V/yl+Wh9W046GgFVAmoNR/fmdbZYcSSIUeg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "mime-db": "1.47.0"
       },
@@ -534,32 +279,31 @@
         "fast-json-stable-stringify": "^2.0.0",
         "json-schema-traverse": "^0.4.1",
         "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
       }
     },
     "node_modules/ansi-align": {
       "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-2.0.0.tgz",
+      "integrity": "sha1-w2rsy6VjuJzrVW82kPCx2eNUf38=",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "string-width": "^2.0.0"
       }
     },
     "node_modules/ansi-regex": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+      "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
     },
     "node_modules/ansi-styles": {
       "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "color-convert": "^1.9.0"
       },
@@ -571,40 +315,25 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
       "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
+      "dev": true
     },
     "node_modules/arg": {
       "version": "2.0.0",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/arg/-/arg-2.0.0.tgz",
+      "integrity": "sha512-XxNTUzKnz1ctK3ZIcI2XUPlD96wbHP2nGqkPKpvk/HNRlPveYrXIVSTk9m3LcqOgDPg3B1nMvdV/K8wZd7PG4w==",
+      "dev": true
     },
     "node_modules/balanced-match": {
       "version": "1.0.2",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/blocking-elements": {
-      "version": "0.1.1",
-      "license": "Apache-2.0"
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
     },
     "node_modules/boxen": {
       "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-1.3.0.tgz",
+      "integrity": "sha512-TNPjfTr432qx7yOjQyaXm3dSR0MH9vXp7eT1BFSl/C51g+EFnOR9hTg1IreahGBmDNCehscshe45f+C1TBZbLw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-align": "^2.0.0",
         "camelcase": "^4.0.0",
@@ -620,8 +349,9 @@
     },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -629,40 +359,42 @@
     },
     "node_modules/buffer-from": {
       "version": "1.1.1",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
+      "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==",
+      "dev": true
     },
     "node_modules/builtin-modules": {
       "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.2.0.tgz",
+      "integrity": "sha512-lGzLKcioL90C7wMczpkY0n/oART3MbBa8R9OFGE1rJxoVI86u4WAGfEk8Wjv10eKSyTHVGkSo3bvBylCEtk7LA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/bytes": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
     },
     "node_modules/camelcase": {
       "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+      "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
     },
     "node_modules/chalk": {
       "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^3.2.1",
         "escape-string-regexp": "^1.0.5",
@@ -674,8 +406,9 @@
     },
     "node_modules/cli-boxes": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-1.0.0.tgz",
+      "integrity": "sha1-T6kXw+WclKAEzWH47lCdplFocUM=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -696,26 +429,30 @@
     },
     "node_modules/color-convert": {
       "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "color-name": "1.1.3"
       }
     },
     "node_modules/color-name": {
       "version": "1.1.3",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
+      "dev": true
     },
     "node_modules/commander": {
       "version": "2.20.3",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true
     },
     "node_modules/compressible": {
       "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "mime-db": ">= 1.43.0 < 2"
       },
@@ -725,8 +462,9 @@
     },
     "node_modules/compression": {
       "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.3.tgz",
+      "integrity": "sha512-HSjyBG5N1Nnz7tF2+O7A9XUhyjru71/fwgNb7oIsEVHR0WShfs2tIS/EySLgiTe98aOK18YDlMXpzjCXY/n9mg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "accepts": "~1.3.5",
         "bytes": "3.0.0",
@@ -742,26 +480,30 @@
     },
     "node_modules/compression/node_modules/safe-buffer": {
       "version": "5.1.2",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true
     },
     "node_modules/concat-map": {
       "version": "0.0.1",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+      "dev": true
     },
     "node_modules/content-disposition": {
       "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
+      "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
     },
     "node_modules/cross-spawn": {
       "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+      "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "lru-cache": "^4.0.1",
         "shebang-command": "^1.2.0",
@@ -770,24 +512,27 @@
     },
     "node_modules/debug": {
       "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ms": "2.0.0"
       }
     },
     "node_modules/deep-extend": {
       "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=4.0.0"
       }
     },
     "node_modules/deepmerge": {
       "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -803,8 +548,9 @@
     },
     "node_modules/escape-string-regexp": {
       "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.8.0"
       }
@@ -819,8 +565,9 @@
     },
     "node_modules/estree-walker": {
       "version": "1.0.1",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
+      "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
+      "dev": true
     },
     "node_modules/execa": {
       "version": "1.0.0",
@@ -882,16 +629,18 @@
     },
     "node_modules/fast-url-parser": {
       "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/fast-url-parser/-/fast-url-parser-1.1.3.tgz",
+      "integrity": "sha1-9K8+qfNNiicc9YrSs3WfQx8LMY0=",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "punycode": "^1.3.2"
       }
     },
     "node_modules/fsevents": {
       "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -902,21 +651,24 @@
     },
     "node_modules/function-bind": {
       "version": "1.1.1",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
     },
     "node_modules/get-stream": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+      "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
     },
     "node_modules/has": {
       "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.1"
       },
@@ -926,26 +678,26 @@
     },
     "node_modules/has-flag": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
     },
     "node_modules/ini": {
       "version": "1.3.8",
-      "dev": true,
-      "license": "ISC"
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
     },
     "node_modules/is-core-module": {
       "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.4.0.tgz",
+      "integrity": "sha512-6A2fkfq1rfeQZjxrZJGerpLCTHRNEBiSgnu0+obeJpEPZRUooHgsizvzv0ZjJwOz3iWIHdJtVWJ/tmPr3D21/A==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "has": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-docker": {
@@ -958,28 +710,28 @@
       },
       "engines": {
         "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/is-fullwidth-code-point": {
       "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
     },
     "node_modules/is-module": {
       "version": "1.0.0",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
+      "integrity": "sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=",
+      "dev": true
     },
     "node_modules/is-stream": {
       "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -998,13 +750,15 @@
     },
     "node_modules/isexe": {
       "version": "2.0.0",
-      "dev": true,
-      "license": "ISC"
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
     },
     "node_modules/jest-worker": {
       "version": "26.6.2",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
+      "integrity": "sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@types/node": "*",
         "merge-stream": "^2.0.0",
@@ -1016,16 +770,18 @@
     },
     "node_modules/jest-worker/node_modules/has-flag": {
       "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/jest-worker/node_modules/supports-color": {
       "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -1035,8 +791,9 @@
     },
     "node_modules/js-tokens": {
       "version": "4.0.0",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true
     },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
@@ -1046,7 +803,8 @@
     },
     "node_modules/lit": {
       "version": "2.0.0-rc.2",
-      "license": "BSD-3-Clause",
+      "resolved": "https://registry.npmjs.org/lit/-/lit-2.0.0-rc.2.tgz",
+      "integrity": "sha512-BOCuoJR04WaTV8UqTKk09cNcQA10Aq2LCcBOiHuF7TzWH5RNDsbCBP5QM9sLBSotGTXbDug/gFO08jq6TbyEtw==",
       "dependencies": {
         "@lit/reactive-element": "^1.0.0-rc.2",
         "lit-element": "^3.0.0-rc.2",
@@ -1055,18 +813,21 @@
     },
     "node_modules/lit-element": {
       "version": "2.4.0",
-      "license": "BSD-3-Clause",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-2.4.0.tgz",
+      "integrity": "sha512-pBGLglxyhq/Prk2H91nA0KByq/hx/wssJBQFiYqXhGDvEnY31PRGYf1RglVzyLeRysu0IHm2K0P196uLLWmwFg==",
       "dependencies": {
         "lit-html": "^1.1.1"
       }
     },
     "node_modules/lit-html": {
       "version": "1.4.1",
-      "license": "BSD-3-Clause"
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-1.4.1.tgz",
+      "integrity": "sha512-B9btcSgPYb1q4oSOb/PrOT6Z/H+r6xuNzfH4lFli/AWhYwdtrgQkQWBbIc6mdnf6E2IL3gDXdkkqNktpU0OZQA=="
     },
     "node_modules/lit/node_modules/lit-element": {
       "version": "3.0.0-rc.2",
-      "license": "BSD-3-Clause",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-3.0.0-rc.2.tgz",
+      "integrity": "sha512-2Z7DabJ3b5K+p5073vFjMODoaWqy5PIaI4y6ADKm+fCGc8OnX9fU9dMoUEBZjFpd/bEFR9PBp050tUtBnT9XTQ==",
       "dependencies": {
         "@lit/reactive-element": "^1.0.0-rc.2",
         "lit-html": "^2.0.0-rc.3"
@@ -1074,15 +835,17 @@
     },
     "node_modules/lit/node_modules/lit-html": {
       "version": "2.0.0-rc.3",
-      "license": "BSD-3-Clause",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-2.0.0-rc.3.tgz",
+      "integrity": "sha512-Y6P8LlAyQuqvzq6l/Nc4z5/P5M/rVLYKQIRxcNwSuGajK0g4kbcBFQqZmgvqKG+ak+dHZjfm2HUw9TF5N/pkCw==",
       "dependencies": {
         "@types/trusted-types": "^1.0.1"
       }
     },
     "node_modules/lru-cache": {
       "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+      "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "pseudomap": "^1.0.2",
         "yallist": "^2.1.2"
@@ -1090,21 +853,24 @@
     },
     "node_modules/merge-stream": {
       "version": "2.0.0",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
     },
     "node_modules/mime-db": {
       "version": "1.47.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.47.0.tgz",
+      "integrity": "sha512-QBmA/G2y+IfeS4oktet3qRZ+P5kPhCKRXxXnQEudYqUaEioAU1/Lq2us3D/t1Jfo4hE9REQPrbB7K5sOczJVIw==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
     },
     "node_modules/mime-types": {
       "version": "2.1.18",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz",
+      "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "mime-db": "~1.33.0"
       },
@@ -1114,16 +880,18 @@
     },
     "node_modules/mime-types/node_modules/mime-db": {
       "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz",
+      "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
     },
     "node_modules/minimatch": {
       "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -1133,18 +901,21 @@
     },
     "node_modules/minimist": {
       "version": "1.2.5",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+      "dev": true
     },
     "node_modules/ms": {
       "version": "2.0.0",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
     },
     "node_modules/negotiator": {
       "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
+      "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -1157,8 +928,9 @@
     },
     "node_modules/npm-run-path": {
       "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+      "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "path-key": "^2.0.0"
       },
@@ -1168,8 +940,9 @@
     },
     "node_modules/on-headers": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -1185,44 +958,47 @@
     },
     "node_modules/p-finally": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
     },
     "node_modules/path-is-inside": {
       "version": "1.0.2",
-      "dev": true,
-      "license": "(WTFPL OR MIT)"
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=",
+      "dev": true
     },
     "node_modules/path-key": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
     },
     "node_modules/path-parse": {
       "version": "1.0.6",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
+      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+      "dev": true
     },
     "node_modules/path-to-regexp": {
       "version": "2.2.1",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-2.2.1.tgz",
+      "integrity": "sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ==",
+      "dev": true
     },
     "node_modules/picomatch": {
       "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz",
+      "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
     "node_modules/prettier": {
@@ -1239,8 +1015,9 @@
     },
     "node_modules/pseudomap": {
       "version": "1.0.2",
-      "dev": true,
-      "license": "ISC"
+      "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+      "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
+      "dev": true
     },
     "node_modules/pump": {
       "version": "3.0.0",
@@ -1254,29 +1031,33 @@
     },
     "node_modules/punycode": {
       "version": "1.4.1",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
+      "dev": true
     },
     "node_modules/randombytes": {
       "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "safe-buffer": "^5.1.0"
       }
     },
     "node_modules/range-parser": {
       "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
+      "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
     },
     "node_modules/rc": {
       "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
       "dev": true,
-      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
       "dependencies": {
         "deep-extend": "^0.6.0",
         "ini": "~1.3.0",
@@ -1289,8 +1070,9 @@
     },
     "node_modules/registry-auth-token": {
       "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.2.tgz",
+      "integrity": "sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "rc": "^1.1.6",
         "safe-buffer": "^5.0.1"
@@ -1298,8 +1080,9 @@
     },
     "node_modules/registry-url": {
       "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz",
+      "integrity": "sha1-PU74cPc93h138M+aOBQyRE4XSUI=",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "rc": "^1.0.1"
       },
@@ -1309,14 +1092,12 @@
     },
     "node_modules/resolve": {
       "version": "1.20.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
+      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "is-core-module": "^2.2.0",
         "path-parse": "^1.0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/rollup": {
@@ -1324,9 +1105,6 @@
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.51.1.tgz",
       "integrity": "sha512-8xfDbAtBleXotb6qKEHWuo/jkn94a9dVqGc7Rwl3sqspCVlnCfbRek7ldhCARSi7h32H0xR4QThm1t9zHN+3uw==",
       "dev": true,
-      "dependencies": {
-        "fsevents": "~2.3.1"
-      },
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -1339,36 +1117,21 @@
     },
     "node_modules/rollup-plugin-terser": {
       "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz",
+      "integrity": "sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.10.4",
         "jest-worker": "^26.2.1",
         "serialize-javascript": "^4.0.0",
         "terser": "^5.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^2.0.0"
       }
     },
     "node_modules/safe-buffer": {
       "version": "5.2.1",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true
     },
     "node_modules/semver": {
       "version": "5.7.1",
@@ -1381,8 +1144,9 @@
     },
     "node_modules/serialize-javascript": {
       "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
+      "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
       "dev": true,
-      "license": "BSD-3-Clause",
       "dependencies": {
         "randombytes": "^2.1.0"
       }
@@ -1409,8 +1173,9 @@
     },
     "node_modules/serve-handler": {
       "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.3.tgz",
+      "integrity": "sha512-FosMqFBNrLyeiIDvP1zgO6YoTzFYHxLDEIavhlmQ+knB2Z7l1t+kGLHkZIDN7UVWqQAmKI3D20A6F6jo3nDd4w==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "bytes": "3.0.0",
         "content-disposition": "0.5.2",
@@ -1424,8 +1189,9 @@
     },
     "node_modules/serve/node_modules/chalk": {
       "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz",
+      "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^3.2.1",
         "escape-string-regexp": "^1.0.5",
@@ -1437,8 +1203,9 @@
     },
     "node_modules/shebang-command": {
       "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "shebang-regex": "^1.0.0"
       },
@@ -1448,29 +1215,33 @@
     },
     "node_modules/shebang-regex": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/signal-exit": {
       "version": "3.0.3",
-      "dev": true,
-      "license": "ISC"
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
+      "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
+      "dev": true
     },
     "node_modules/source-map": {
       "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
+      "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
       "dev": true,
-      "license": "BSD-3-Clause",
       "engines": {
         "node": ">= 8"
       }
     },
     "node_modules/source-map-support": {
       "version": "0.5.19",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.19.tgz",
+      "integrity": "sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "buffer-from": "^1.0.0",
         "source-map": "^0.6.0"
@@ -1478,16 +1249,18 @@
     },
     "node_modules/source-map-support/node_modules/source-map": {
       "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
       "dev": true,
-      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/string-width": {
       "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+      "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "is-fullwidth-code-point": "^2.0.0",
         "strip-ansi": "^4.0.0"
@@ -1498,8 +1271,9 @@
     },
     "node_modules/strip-ansi": {
       "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+      "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^3.0.0"
       },
@@ -1509,24 +1283,27 @@
     },
     "node_modules/strip-eof": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/strip-json-comments": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/supports-color": {
       "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "has-flag": "^3.0.0"
       },
@@ -1536,8 +1313,9 @@
     },
     "node_modules/term-size": {
       "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/term-size/-/term-size-1.2.0.tgz",
+      "integrity": "sha1-RYuDiH8oj8Vtb/+/rSYuJmOO+mk=",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "execa": "^0.7.0"
       },
@@ -1547,8 +1325,9 @@
     },
     "node_modules/term-size/node_modules/execa": {
       "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-0.7.0.tgz",
+      "integrity": "sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "cross-spawn": "^5.0.1",
         "get-stream": "^3.0.0",
@@ -1564,8 +1343,9 @@
     },
     "node_modules/terser": {
       "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.7.0.tgz",
+      "integrity": "sha512-HP5/9hp2UaZt5fYkuhNBR8YyRcT8juw8+uFbAme53iN9hblvKnLUTKkmwJG6ocWpIKf8UK4DoeWG4ty0J6S6/g==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
         "commander": "^2.20.0",
         "source-map": "~0.7.2",
@@ -1580,7 +1360,8 @@
     },
     "node_modules/tslib": {
       "version": "2.2.0",
-      "license": "0BSD"
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+      "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
     },
     "node_modules/typescript": {
       "version": "4.3.2",
@@ -1597,8 +1378,9 @@
     },
     "node_modules/update-check": {
       "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/update-check/-/update-check-1.5.2.tgz",
+      "integrity": "sha512-1TrmYLuLj/5ZovwUS7fFd1jMH3NnFDN1y1A8dboedIDt7zs/zJMo6TwwlhYKkSeEwzleeiSBV5/3c9ufAQWDaQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "registry-auth-token": "3.3.2",
         "registry-url": "3.1.0"
@@ -1624,16 +1406,18 @@
     },
     "node_modules/vary": {
       "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
     },
     "node_modules/which": {
       "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -1641,13 +1425,11 @@
         "which": "bin/which"
       }
     },
-    "node_modules/wicg-inert": {
-      "version": "3.1.1"
-    },
     "node_modules/widest-line": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-2.0.1.tgz",
+      "integrity": "sha512-Ba5m9/Fa4Xt9eb2ELXt77JxVDV8w7qQrH0zS/TWSJdLyAwQjWoOzpzj5lwVftDz6n/EOu3tNACS84v509qwnJA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "string-width": "^2.1.1"
       },
@@ -1663,13 +1445,16 @@
     },
     "node_modules/yallist": {
       "version": "2.1.2",
-      "dev": true,
-      "license": "ISC"
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+      "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
+      "dev": true
     }
   },
   "dependencies": {
     "@babel/code-frame": {
       "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.13.tgz",
+      "integrity": "sha512-HV1Cm0Q3ZrpCR93tkWOYiuYIgLxZXZFVG2VgK+MBWjUqZTundupbfx2aXarXuw5Ko5aMcjtJgbSs4vUGBS5v6g==",
       "dev": true,
       "requires": {
         "@babel/highlight": "^7.12.13"
@@ -1677,10 +1462,14 @@
     },
     "@babel/helper-validator-identifier": {
       "version": "7.14.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.0.tgz",
+      "integrity": "sha512-V3ts7zMSu5lfiwWDVWzRDGIN+lnCEUdaXgtVHJgLb1rGaA6jMrtB9EmE7L18foXJIE8Un/A/h6NJfGQp/e1J4A==",
       "dev": true
     },
     "@babel/highlight": {
       "version": "7.14.0",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.14.0.tgz",
+      "integrity": "sha512-YSCOwxvTYEIMSGaBQb5kDDsCopDdiUGsqpatp3fOlI4+2HQSkTmEVWnVuySdAC5EWCqSWWTv0ib63RjR7dTBdg==",
       "dev": true,
       "requires": {
         "@babel/helper-validator-identifier": "^7.14.0",
@@ -1689,132 +1478,61 @@
       }
     },
     "@lit/reactive-element": {
-      "version": "1.0.0-rc.2"
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-1.0.0-rc.2.tgz",
+      "integrity": "sha512-cujeIl5Ei8FC7UHf4/4Q3bRJOtdTe1vpJV/JEBYCggedmQ+2P8A2oz7eE+Vxi6OJ4nc0X+KZxXnBoH4QrEbmEQ=="
     },
     "@material/animation": {
       "version": "12.0.0-canary.197f64fa2.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-SMkEHENcSy8jYYPg+ZmMGvI5YobU5FlYw0MPsg/RUxBdelt9OMQYELgJW3y7RrppF/tpJoZuYnZwyeUJc4OhLQ==",
       "requires": {
         "tslib": "^2.1.0"
       }
     },
     "@material/base": {
       "version": "12.0.0-canary.197f64fa2.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-aMPQ4eM95ZQDY53WzcSEbNhZAqRmYzgumpYEdz5PjOKO66lHparMUXlbQ2LqKhMrKuNg/LWY3Ncl8nL0h0LWfA==",
       "requires": {
         "tslib": "^2.1.0"
       }
     },
-    "@material/button": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "@material/density": "12.0.0-canary.197f64fa2.0",
-        "@material/dom": "12.0.0-canary.197f64fa2.0",
-        "@material/elevation": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/ripple": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/shape": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "@material/touch-target": "12.0.0-canary.197f64fa2.0",
-        "@material/typography": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "@material/circular-progress": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "@material/animation": "12.0.0-canary.197f64fa2.0",
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/progress-indicator": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "@material/density": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "tslib": "^2.1.0"
-      }
-    },
-    "@material/dialog": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "@material/animation": "12.0.0-canary.197f64fa2.0",
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/button": "12.0.0-canary.197f64fa2.0",
-        "@material/dom": "12.0.0-canary.197f64fa2.0",
-        "@material/elevation": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/icon-button": "12.0.0-canary.197f64fa2.0",
-        "@material/ripple": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/shape": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "@material/touch-target": "12.0.0-canary.197f64fa2.0",
-        "@material/typography": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
     "@material/dom": {
       "version": "12.0.0-canary.197f64fa2.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-uoX4Z0EbrigvHp/M2MzG0S0DNMivTY0U6E0WCiDVo8YrY67NJLSyVJnTpNhtthrCWJInKMcOUJwj73H6/GxX1A==",
       "requires": {
         "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
         "tslib": "^2.1.0"
       }
     },
-    "@material/elevation": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "@material/animation": "12.0.0-canary.197f64fa2.0",
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
     "@material/feature-targeting": {
       "version": "12.0.0-canary.197f64fa2.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-KZoxPbl0iCsESx11bAZ0qeAQJ7eqI6+nBX0T9AaJ5GFELP168uhkINDJX0TvQf5fgTNkEpeQrncJRaFuqHQTMg==",
       "requires": {
         "tslib": "^2.1.0"
       }
     },
-    "@material/floating-label": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "@material/animation": "12.0.0-canary.197f64fa2.0",
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/dom": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "@material/typography": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "@material/icon-button": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/density": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/ripple": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "@material/line-ripple": {
+    "@material/linear-progress": {
       "version": "12.0.0-canary.197f64fa2.0",
+      "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-1NBL4NGLka2Wm6xXXGDsh2+AOwgTFUVAWC/+MvWwMX0OSI1+lVHY3mOADa3G6J8rtMNMXN2vx0WODMtlqI3+/w==",
       "requires": {
         "@material/animation": "12.0.0-canary.197f64fa2.0",
         "@material/base": "12.0.0-canary.197f64fa2.0",
         "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
+        "@material/progress-indicator": "12.0.0-canary.197f64fa2.0",
+        "@material/rtl": "12.0.0-canary.197f64fa2.0",
         "@material/theme": "12.0.0-canary.197f64fa2.0",
         "tslib": "^2.1.0"
       }
     },
     "@material/mwc-base": {
       "version": "0.21.0",
+      "resolved": "https://registry.npmjs.org/@material/mwc-base/-/mwc-base-0.21.0.tgz",
+      "integrity": "sha512-yaXnsgMBtz8NEHLhoA6LNPip/8CWKDOdC6HZAPTBQH+ZnyQ8JvqATGSP0YrkiGg34jNVE8gNrbkI85GzNVKmCA==",
       "requires": {
         "@material/base": "=12.0.0-canary.197f64fa2.0",
         "@material/dom": "=12.0.0-canary.197f64fa2.0",
@@ -1822,191 +1540,48 @@
         "tslib": "^2.0.1"
       }
     },
-    "@material/mwc-button": {
+    "@material/mwc-linear-progress": {
       "version": "0.21.0",
+      "resolved": "https://registry.npmjs.org/@material/mwc-linear-progress/-/mwc-linear-progress-0.21.0.tgz",
+      "integrity": "sha512-BLE2AtOgkvsBQ6oCsXmcWh5TlQUIaDgKWYiYZKGMxGcQckEFx7NulZNk8bC1XwAOX0b0WcscspSwE0ue5FT66A==",
       "requires": {
-        "@material/mwc-icon": "^0.21.0",
-        "@material/mwc-ripple": "^0.21.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1"
-      }
-    },
-    "@material/mwc-circular-progress": {
-      "version": "0.21.0",
-      "requires": {
-        "@material/circular-progress": "=12.0.0-canary.197f64fa2.0",
-        "@material/mwc-base": "^0.21.0",
+        "@material/linear-progress": "=12.0.0-canary.197f64fa2.0",
         "@material/theme": "=12.0.0-canary.197f64fa2.0",
         "lit-element": "~2.4.0",
         "lit-html": "^1.1.2",
         "tslib": "^2.0.1"
       }
     },
-    "@material/mwc-dialog": {
-      "version": "0.21.0",
-      "requires": {
-        "@material/dialog": "=12.0.0-canary.197f64fa2.0",
-        "@material/dom": "=12.0.0-canary.197f64fa2.0",
-        "@material/mwc-base": "^0.21.0",
-        "@material/mwc-button": "^0.21.0",
-        "blocking-elements": "^0.1.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1",
-        "wicg-inert": "^3.0.0"
-      }
-    },
-    "@material/mwc-floating-label": {
-      "version": "0.21.0",
-      "requires": {
-        "@material/floating-label": "=12.0.0-canary.197f64fa2.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1"
-      }
-    },
-    "@material/mwc-icon": {
-      "version": "0.21.0",
-      "requires": {
-        "lit-element": "~2.4.0",
-        "tslib": "^2.0.1"
-      }
-    },
-    "@material/mwc-line-ripple": {
-      "version": "0.21.0",
-      "requires": {
-        "@material/line-ripple": "=12.0.0-canary.197f64fa2.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1"
-      }
-    },
-    "@material/mwc-notched-outline": {
-      "version": "0.21.0",
-      "requires": {
-        "@material/mwc-base": "^0.21.0",
-        "@material/notched-outline": "=12.0.0-canary.197f64fa2.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1"
-      }
-    },
-    "@material/mwc-ripple": {
-      "version": "0.21.0",
-      "requires": {
-        "@material/dom": "=12.0.0-canary.197f64fa2.0",
-        "@material/mwc-base": "^0.21.0",
-        "@material/ripple": "=12.0.0-canary.197f64fa2.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1"
-      }
-    },
-    "@material/mwc-textfield": {
-      "version": "0.21.0",
-      "requires": {
-        "@material/floating-label": "=12.0.0-canary.197f64fa2.0",
-        "@material/line-ripple": "=12.0.0-canary.197f64fa2.0",
-        "@material/mwc-base": "^0.21.0",
-        "@material/mwc-floating-label": "^0.21.0",
-        "@material/mwc-line-ripple": "^0.21.0",
-        "@material/mwc-notched-outline": "^0.21.0",
-        "@material/textfield": "=12.0.0-canary.197f64fa2.0",
-        "lit-element": "~2.4.0",
-        "lit-html": "^1.1.2",
-        "tslib": "^2.0.1"
-      }
-    },
-    "@material/notched-outline": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/floating-label": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/shape": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
     "@material/progress-indicator": {
       "version": "12.0.0-canary.197f64fa2.0",
+      "resolved": "https://registry.npmjs.org/@material/progress-indicator/-/progress-indicator-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-w/1xgJ06eK29fVpmNNLE9kpYD8GDKd4mRmQ5qCOmSgRRsy4GejyRtl/Cow3UAmRR94NjDWpV/6yKyZ2hc0ACYA==",
       "requires": {
         "tslib": "^2.1.0"
       }
     },
-    "@material/ripple": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "@material/animation": "12.0.0-canary.197f64fa2.0",
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/dom": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
     "@material/rtl": {
       "version": "12.0.0-canary.197f64fa2.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-pW9qIPdUhNWKQPjXU2P97BfHiKH9nR3bCGmr1LYj1f7vEZL2zsnNPvsOh3I+BJgtxXLp6eqshv/daGF5Juufsg==",
       "requires": {
         "@material/theme": "12.0.0-canary.197f64fa2.0",
         "tslib": "^2.1.0"
       }
     },
-    "@material/shape": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "@material/textfield": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "@material/animation": "12.0.0-canary.197f64fa2.0",
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/density": "12.0.0-canary.197f64fa2.0",
-        "@material/dom": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/floating-label": "12.0.0-canary.197f64fa2.0",
-        "@material/line-ripple": "12.0.0-canary.197f64fa2.0",
-        "@material/notched-outline": "12.0.0-canary.197f64fa2.0",
-        "@material/ripple": "12.0.0-canary.197f64fa2.0",
-        "@material/rtl": "12.0.0-canary.197f64fa2.0",
-        "@material/shape": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "@material/typography": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
     "@material/theme": {
       "version": "12.0.0-canary.197f64fa2.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-12.0.0-canary.197f64fa2.0.tgz",
+      "integrity": "sha512-7juM8i8nU1LfQjmknAi8OdUwg+Db2XYL9LBQNyQ0pib/WguuydLCwqZWckGGClBsyenn7MLCwIn//GtB5YO1eg==",
       "requires": {
         "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
         "tslib": "^2.1.0"
       }
     },
-    "@material/touch-target": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "@material/base": "12.0.0-canary.197f64fa2.0",
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
-    "@material/typography": {
-      "version": "12.0.0-canary.197f64fa2.0",
-      "requires": {
-        "@material/feature-targeting": "12.0.0-canary.197f64fa2.0",
-        "@material/theme": "12.0.0-canary.197f64fa2.0",
-        "tslib": "^2.1.0"
-      }
-    },
     "@rollup/plugin-json": {
       "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-4.1.0.tgz",
+      "integrity": "sha512-yfLbTdNS6amI/2OpmbiBoW12vngr5NW2jCJVZSBEz+H5KfUJZ2M7sDjk0U6GOOdCWFVScShte29o9NezJ53TPw==",
       "dev": true,
       "requires": {
         "@rollup/pluginutils": "^3.0.8"
@@ -2014,6 +1589,8 @@
     },
     "@rollup/plugin-node-resolve": {
       "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.0.0.tgz",
+      "integrity": "sha512-41X411HJ3oikIDivT5OKe9EZ6ud6DXudtfNrGbC4nniaxx2esiWjkLOzgnZsWq1IM8YIeL2rzRGLZLBjlhnZtQ==",
       "dev": true,
       "requires": {
         "@rollup/pluginutils": "^3.1.0",
@@ -2026,6 +1603,8 @@
     },
     "@rollup/plugin-typescript": {
       "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-8.2.1.tgz",
+      "integrity": "sha512-Qd2E1pleDR4bwyFxqbjt4eJf+wB0UKVMLc7/BAFDGVdAXQMCsD4DUv5/7/ww47BZCYxWtJqe1Lo0KVNswBJlRw==",
       "dev": true,
       "requires": {
         "@rollup/pluginutils": "^3.1.0",
@@ -2034,6 +1613,8 @@
     },
     "@rollup/pluginutils": {
       "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+      "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
       "dev": true,
       "requires": {
         "@types/estree": "0.0.39",
@@ -2043,36 +1624,46 @@
     },
     "@types/estree": {
       "version": "0.0.39",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
+      "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
       "dev": true
     },
     "@types/node": {
       "version": "15.6.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-15.6.0.tgz",
+      "integrity": "sha512-gCYSfQpy+LYhOFTKAeE8BkyGqaxmlFxe+n4DKM6DR0wzw/HISUE/hAmkC/KT8Sw5PCJblqg062b3z9gucv3k0A==",
       "dev": true
     },
     "@types/resolve": {
       "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
+      "integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
       "dev": true,
       "requires": {
         "@types/node": "*"
       }
     },
     "@types/trusted-types": {
-      "version": "1.0.6"
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-1.0.6.tgz",
+      "integrity": "sha512-230RC8sFeHoT6sSUlRO6a8cAnclO06eeiq1QDfiv2FGCLWFvvERWgwIQD4FWqD9A69BN7Lzee4OXwoMVnnsWDw=="
     },
     "@types/w3c-web-serial": {
       "version": "1.0.1",
-      "dev": true
-    },
-    "@types/web-bluetooth": {
-      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/@types/w3c-web-serial/-/w3c-web-serial-1.0.1.tgz",
+      "integrity": "sha512-WGg2VLR54N+oTwThoodAqpU79dvDmP+DdqCk3Co4cFKVrJ0Qdsn3bMK1UJ51TZlylzJ6Koro/j8bl1GtH4gIDQ==",
       "dev": true
     },
     "@zeit/schemas": {
       "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.6.0.tgz",
+      "integrity": "sha512-uUrgZ8AxS+Lio0fZKAipJjAh415JyrOZowliZAzmnJSsf7piVL5w+G0+gFJ0KSu3QRhvui/7zuvpLz03YjXAhg==",
       "dev": true
     },
     "accepts": {
       "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
+      "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==",
       "dev": true,
       "requires": {
         "mime-types": "~2.1.24",
@@ -2081,6 +1672,8 @@
       "dependencies": {
         "mime-types": {
           "version": "2.1.30",
+          "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.30.tgz",
+          "integrity": "sha512-crmjA4bLtR8m9qLpHvgxSChT+XoSlZi8J4n/aIdn3z92e/U47Z0V/yl+Wh9W046GgFVAmoNR/fmdbZYcSSIUeg==",
           "dev": true,
           "requires": {
             "mime-db": "1.47.0"
@@ -2102,6 +1695,8 @@
     },
     "ansi-align": {
       "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-2.0.0.tgz",
+      "integrity": "sha1-w2rsy6VjuJzrVW82kPCx2eNUf38=",
       "dev": true,
       "requires": {
         "string-width": "^2.0.0"
@@ -2109,10 +1704,14 @@
     },
     "ansi-regex": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+      "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
       "dev": true
     },
     "ansi-styles": {
       "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
       "dev": true,
       "requires": {
         "color-convert": "^1.9.0"
@@ -2126,17 +1725,20 @@
     },
     "arg": {
       "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-2.0.0.tgz",
+      "integrity": "sha512-XxNTUzKnz1ctK3ZIcI2XUPlD96wbHP2nGqkPKpvk/HNRlPveYrXIVSTk9m3LcqOgDPg3B1nMvdV/K8wZd7PG4w==",
       "dev": true
     },
     "balanced-match": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
-    "blocking-elements": {
-      "version": "0.1.1"
-    },
     "boxen": {
       "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-1.3.0.tgz",
+      "integrity": "sha512-TNPjfTr432qx7yOjQyaXm3dSR0MH9vXp7eT1BFSl/C51g+EFnOR9hTg1IreahGBmDNCehscshe45f+C1TBZbLw==",
       "dev": true,
       "requires": {
         "ansi-align": "^2.0.0",
@@ -2150,6 +1752,8 @@
     },
     "brace-expansion": {
       "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
       "dev": true,
       "requires": {
         "balanced-match": "^1.0.0",
@@ -2158,22 +1762,32 @@
     },
     "buffer-from": {
       "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
+      "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==",
       "dev": true
     },
     "builtin-modules": {
       "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.2.0.tgz",
+      "integrity": "sha512-lGzLKcioL90C7wMczpkY0n/oART3MbBa8R9OFGE1rJxoVI86u4WAGfEk8Wjv10eKSyTHVGkSo3bvBylCEtk7LA==",
       "dev": true
     },
     "bytes": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=",
       "dev": true
     },
     "camelcase": {
       "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+      "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=",
       "dev": true
     },
     "chalk": {
       "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
       "dev": true,
       "requires": {
         "ansi-styles": "^3.2.1",
@@ -2183,6 +1797,8 @@
     },
     "cli-boxes": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-1.0.0.tgz",
+      "integrity": "sha1-T6kXw+WclKAEzWH47lCdplFocUM=",
       "dev": true
     },
     "clipboardy": {
@@ -2198,6 +1814,8 @@
     },
     "color-convert": {
       "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
       "dev": true,
       "requires": {
         "color-name": "1.1.3"
@@ -2205,14 +1823,20 @@
     },
     "color-name": {
       "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
       "dev": true
     },
     "commander": {
       "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
       "dev": true
     },
     "compressible": {
       "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
       "dev": true,
       "requires": {
         "mime-db": ">= 1.43.0 < 2"
@@ -2220,6 +1844,8 @@
     },
     "compression": {
       "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.3.tgz",
+      "integrity": "sha512-HSjyBG5N1Nnz7tF2+O7A9XUhyjru71/fwgNb7oIsEVHR0WShfs2tIS/EySLgiTe98aOK18YDlMXpzjCXY/n9mg==",
       "dev": true,
       "requires": {
         "accepts": "~1.3.5",
@@ -2233,20 +1859,28 @@
       "dependencies": {
         "safe-buffer": {
           "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
           "dev": true
         }
       }
     },
     "concat-map": {
       "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
       "dev": true
     },
     "content-disposition": {
       "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
+      "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=",
       "dev": true
     },
     "cross-spawn": {
       "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+      "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
       "dev": true,
       "requires": {
         "lru-cache": "^4.0.1",
@@ -2256,6 +1890,8 @@
     },
     "debug": {
       "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
       "dev": true,
       "requires": {
         "ms": "2.0.0"
@@ -2263,10 +1899,14 @@
     },
     "deep-extend": {
       "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
       "dev": true
     },
     "deepmerge": {
       "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
       "dev": true
     },
     "end-of-stream": {
@@ -2280,6 +1920,8 @@
     },
     "escape-string-regexp": {
       "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
       "dev": true
     },
     "esp-web-flasher": {
@@ -2292,6 +1934,8 @@
     },
     "estree-walker": {
       "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
+      "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
       "dev": true
     },
     "execa": {
@@ -2347,6 +1991,8 @@
     },
     "fast-url-parser": {
       "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/fast-url-parser/-/fast-url-parser-1.1.3.tgz",
+      "integrity": "sha1-9K8+qfNNiicc9YrSs3WfQx8LMY0=",
       "dev": true,
       "requires": {
         "punycode": "^1.3.2"
@@ -2354,19 +2000,27 @@
     },
     "fsevents": {
       "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
       "dev": true,
       "optional": true
     },
     "function-bind": {
       "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
       "dev": true
     },
     "get-stream": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+      "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
       "dev": true
     },
     "has": {
       "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
       "dev": true,
       "requires": {
         "function-bind": "^1.1.1"
@@ -2374,14 +2028,20 @@
     },
     "has-flag": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
       "dev": true
     },
     "ini": {
       "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
       "dev": true
     },
     "is-core-module": {
       "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.4.0.tgz",
+      "integrity": "sha512-6A2fkfq1rfeQZjxrZJGerpLCTHRNEBiSgnu0+obeJpEPZRUooHgsizvzv0ZjJwOz3iWIHdJtVWJ/tmPr3D21/A==",
       "dev": true,
       "requires": {
         "has": "^1.0.3"
@@ -2395,14 +2055,20 @@
     },
     "is-fullwidth-code-point": {
       "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
       "dev": true
     },
     "is-module": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
+      "integrity": "sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=",
       "dev": true
     },
     "is-stream": {
       "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
       "dev": true
     },
     "is-wsl": {
@@ -2416,10 +2082,14 @@
     },
     "isexe": {
       "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
       "dev": true
     },
     "jest-worker": {
       "version": "26.6.2",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
+      "integrity": "sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==",
       "dev": true,
       "requires": {
         "@types/node": "*",
@@ -2429,10 +2099,14 @@
       "dependencies": {
         "has-flag": {
           "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
           "dev": true
         },
         "supports-color": {
           "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
           "dev": true,
           "requires": {
             "has-flag": "^4.0.0"
@@ -2442,6 +2116,8 @@
     },
     "js-tokens": {
       "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
       "dev": true
     },
     "json-schema-traverse": {
@@ -2452,6 +2128,8 @@
     },
     "lit": {
       "version": "2.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/lit/-/lit-2.0.0-rc.2.tgz",
+      "integrity": "sha512-BOCuoJR04WaTV8UqTKk09cNcQA10Aq2LCcBOiHuF7TzWH5RNDsbCBP5QM9sLBSotGTXbDug/gFO08jq6TbyEtw==",
       "requires": {
         "@lit/reactive-element": "^1.0.0-rc.2",
         "lit-element": "^3.0.0-rc.2",
@@ -2460,6 +2138,8 @@
       "dependencies": {
         "lit-element": {
           "version": "3.0.0-rc.2",
+          "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-3.0.0-rc.2.tgz",
+          "integrity": "sha512-2Z7DabJ3b5K+p5073vFjMODoaWqy5PIaI4y6ADKm+fCGc8OnX9fU9dMoUEBZjFpd/bEFR9PBp050tUtBnT9XTQ==",
           "requires": {
             "@lit/reactive-element": "^1.0.0-rc.2",
             "lit-html": "^2.0.0-rc.3"
@@ -2467,6 +2147,8 @@
         },
         "lit-html": {
           "version": "2.0.0-rc.3",
+          "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-2.0.0-rc.3.tgz",
+          "integrity": "sha512-Y6P8LlAyQuqvzq6l/Nc4z5/P5M/rVLYKQIRxcNwSuGajK0g4kbcBFQqZmgvqKG+ak+dHZjfm2HUw9TF5N/pkCw==",
           "requires": {
             "@types/trusted-types": "^1.0.1"
           }
@@ -2475,15 +2157,21 @@
     },
     "lit-element": {
       "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-2.4.0.tgz",
+      "integrity": "sha512-pBGLglxyhq/Prk2H91nA0KByq/hx/wssJBQFiYqXhGDvEnY31PRGYf1RglVzyLeRysu0IHm2K0P196uLLWmwFg==",
       "requires": {
         "lit-html": "^1.1.1"
       }
     },
     "lit-html": {
-      "version": "1.4.1"
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-1.4.1.tgz",
+      "integrity": "sha512-B9btcSgPYb1q4oSOb/PrOT6Z/H+r6xuNzfH4lFli/AWhYwdtrgQkQWBbIc6mdnf6E2IL3gDXdkkqNktpU0OZQA=="
     },
     "lru-cache": {
       "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+      "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
       "dev": true,
       "requires": {
         "pseudomap": "^1.0.2",
@@ -2492,14 +2180,20 @@
     },
     "merge-stream": {
       "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
       "dev": true
     },
     "mime-db": {
       "version": "1.47.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.47.0.tgz",
+      "integrity": "sha512-QBmA/G2y+IfeS4oktet3qRZ+P5kPhCKRXxXnQEudYqUaEioAU1/Lq2us3D/t1Jfo4hE9REQPrbB7K5sOczJVIw==",
       "dev": true
     },
     "mime-types": {
       "version": "2.1.18",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz",
+      "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==",
       "dev": true,
       "requires": {
         "mime-db": "~1.33.0"
@@ -2507,12 +2201,16 @@
       "dependencies": {
         "mime-db": {
           "version": "1.33.0",
+          "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz",
+          "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==",
           "dev": true
         }
       }
     },
     "minimatch": {
       "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
       "dev": true,
       "requires": {
         "brace-expansion": "^1.1.7"
@@ -2520,14 +2218,20 @@
     },
     "minimist": {
       "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
       "dev": true
     },
     "ms": {
       "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
       "dev": true
     },
     "negotiator": {
       "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
+      "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==",
       "dev": true
     },
     "nice-try": {
@@ -2538,6 +2242,8 @@
     },
     "npm-run-path": {
       "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+      "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=",
       "dev": true,
       "requires": {
         "path-key": "^2.0.0"
@@ -2545,6 +2251,8 @@
     },
     "on-headers": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
       "dev": true
     },
     "once": {
@@ -2558,26 +2266,38 @@
     },
     "p-finally": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
       "dev": true
     },
     "path-is-inside": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=",
       "dev": true
     },
     "path-key": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
       "dev": true
     },
     "path-parse": {
       "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
+      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
       "dev": true
     },
     "path-to-regexp": {
       "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-2.2.1.tgz",
+      "integrity": "sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ==",
       "dev": true
     },
     "picomatch": {
       "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz",
+      "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==",
       "dev": true
     },
     "prettier": {
@@ -2588,6 +2308,8 @@
     },
     "pseudomap": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+      "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
       "dev": true
     },
     "pump": {
@@ -2602,10 +2324,14 @@
     },
     "punycode": {
       "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
       "dev": true
     },
     "randombytes": {
       "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
       "dev": true,
       "requires": {
         "safe-buffer": "^5.1.0"
@@ -2613,10 +2339,14 @@
     },
     "range-parser": {
       "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
+      "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=",
       "dev": true
     },
     "rc": {
       "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
       "dev": true,
       "requires": {
         "deep-extend": "^0.6.0",
@@ -2627,6 +2357,8 @@
     },
     "registry-auth-token": {
       "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.2.tgz",
+      "integrity": "sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==",
       "dev": true,
       "requires": {
         "rc": "^1.1.6",
@@ -2635,6 +2367,8 @@
     },
     "registry-url": {
       "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz",
+      "integrity": "sha1-PU74cPc93h138M+aOBQyRE4XSUI=",
       "dev": true,
       "requires": {
         "rc": "^1.0.1"
@@ -2642,6 +2376,8 @@
     },
     "resolve": {
       "version": "1.20.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
+      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
       "dev": true,
       "requires": {
         "is-core-module": "^2.2.0",
@@ -2659,6 +2395,8 @@
     },
     "rollup-plugin-terser": {
       "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz",
+      "integrity": "sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==",
       "dev": true,
       "requires": {
         "@babel/code-frame": "^7.10.4",
@@ -2669,6 +2407,8 @@
     },
     "safe-buffer": {
       "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
       "dev": true
     },
     "semver": {
@@ -2679,6 +2419,8 @@
     },
     "serialize-javascript": {
       "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
+      "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
       "dev": true,
       "requires": {
         "randombytes": "^2.1.0"
@@ -2703,6 +2445,8 @@
       "dependencies": {
         "chalk": {
           "version": "2.4.1",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz",
+          "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==",
           "dev": true,
           "requires": {
             "ansi-styles": "^3.2.1",
@@ -2714,6 +2458,8 @@
     },
     "serve-handler": {
       "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.3.tgz",
+      "integrity": "sha512-FosMqFBNrLyeiIDvP1zgO6YoTzFYHxLDEIavhlmQ+knB2Z7l1t+kGLHkZIDN7UVWqQAmKI3D20A6F6jo3nDd4w==",
       "dev": true,
       "requires": {
         "bytes": "3.0.0",
@@ -2728,6 +2474,8 @@
     },
     "shebang-command": {
       "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
       "dev": true,
       "requires": {
         "shebang-regex": "^1.0.0"
@@ -2735,18 +2483,26 @@
     },
     "shebang-regex": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
       "dev": true
     },
     "signal-exit": {
       "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
+      "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
       "dev": true
     },
     "source-map": {
       "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
+      "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
       "dev": true
     },
     "source-map-support": {
       "version": "0.5.19",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.19.tgz",
+      "integrity": "sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==",
       "dev": true,
       "requires": {
         "buffer-from": "^1.0.0",
@@ -2755,12 +2511,16 @@
       "dependencies": {
         "source-map": {
           "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
           "dev": true
         }
       }
     },
     "string-width": {
       "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+      "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
       "dev": true,
       "requires": {
         "is-fullwidth-code-point": "^2.0.0",
@@ -2769,6 +2529,8 @@
     },
     "strip-ansi": {
       "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+      "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
       "dev": true,
       "requires": {
         "ansi-regex": "^3.0.0"
@@ -2776,14 +2538,20 @@
     },
     "strip-eof": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
       "dev": true
     },
     "strip-json-comments": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
       "dev": true
     },
     "supports-color": {
       "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
       "dev": true,
       "requires": {
         "has-flag": "^3.0.0"
@@ -2791,6 +2559,8 @@
     },
     "term-size": {
       "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/term-size/-/term-size-1.2.0.tgz",
+      "integrity": "sha1-RYuDiH8oj8Vtb/+/rSYuJmOO+mk=",
       "dev": true,
       "requires": {
         "execa": "^0.7.0"
@@ -2798,6 +2568,8 @@
       "dependencies": {
         "execa": {
           "version": "0.7.0",
+          "resolved": "https://registry.npmjs.org/execa/-/execa-0.7.0.tgz",
+          "integrity": "sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=",
           "dev": true,
           "requires": {
             "cross-spawn": "^5.0.1",
@@ -2813,6 +2585,8 @@
     },
     "terser": {
       "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.7.0.tgz",
+      "integrity": "sha512-HP5/9hp2UaZt5fYkuhNBR8YyRcT8juw8+uFbAme53iN9hblvKnLUTKkmwJG6ocWpIKf8UK4DoeWG4ty0J6S6/g==",
       "dev": true,
       "requires": {
         "commander": "^2.20.0",
@@ -2821,7 +2595,9 @@
       }
     },
     "tslib": {
-      "version": "2.2.0"
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+      "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
     },
     "typescript": {
       "version": "4.3.2",
@@ -2831,6 +2607,8 @@
     },
     "update-check": {
       "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/update-check/-/update-check-1.5.2.tgz",
+      "integrity": "sha512-1TrmYLuLj/5ZovwUS7fFd1jMH3NnFDN1y1A8dboedIDt7zs/zJMo6TwwlhYKkSeEwzleeiSBV5/3c9ufAQWDaQ==",
       "dev": true,
       "requires": {
         "registry-auth-token": "3.3.2",
@@ -2856,20 +2634,23 @@
     },
     "vary": {
       "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
       "dev": true
     },
     "which": {
       "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
       "dev": true,
       "requires": {
         "isexe": "^2.0.0"
       }
     },
-    "wicg-inert": {
-      "version": "3.1.1"
-    },
     "widest-line": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-2.0.1.tgz",
+      "integrity": "sha512-Ba5m9/Fa4Xt9eb2ELXt77JxVDV8w7qQrH0zS/TWSJdLyAwQjWoOzpzj5lwVftDz6n/EOu3tNACS84v509qwnJA==",
       "dev": true,
       "requires": {
         "string-width": "^2.1.1"
@@ -2883,6 +2664,8 @@
     },
     "yallist": {
       "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+      "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
       "dev": true
     }
   }
diff --git a/package.json b/package.json
index 8ecfc20..e3bb772 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,6 @@
     "@rollup/plugin-node-resolve": "^13.0.0",
     "@rollup/plugin-typescript": "^8.2.1",
     "@types/w3c-web-serial": "^1.0.1",
-    "@types/web-bluetooth": "^0.0.9",
     "prettier": "^2.3.0",
     "rollup": "^2.50.2",
     "rollup-plugin-terser": "^7.0.2",
@@ -22,10 +21,8 @@
     "typescript": "^4.3.2"
   },
   "dependencies": {
-    "@material/mwc-button": "^0.21.0",
-    "@material/mwc-circular-progress": "^0.21.0",
-    "@material/mwc-dialog": "^0.21.0",
-    "@material/mwc-textfield": "^0.21.0",
+    "@material/mwc-base": "^0.21.0",
+    "@material/mwc-linear-progress": "^0.21.0",
     "esp-web-flasher": "^1.0.4",
     "lit": "^2.0.0-rc.2",
     "tslib": "^2.2.0"
diff --git a/src/const.ts b/src/const.ts
index cf86b34..f3e39e4 100644
--- a/src/const.ts
+++ b/src/const.ts
@@ -11,3 +11,78 @@ export interface Manifest {
   name: string;
   builds: Build[];
 }
+
+interface BaseFlashState {
+  state: State;
+  message: string;
+  manifest?: Manifest;
+  build?: Build;
+  chipFamily?: "ESP32" | "ESP8266" | "ESP32-S2" | "Unknown Chip";
+}
+
+export interface InitializingState extends BaseFlashState {
+  state: State.INITIALIZING;
+  details: { done: boolean };
+}
+
+export interface ManifestState extends BaseFlashState {
+  state: State.MANIFEST;
+  details: { done: boolean };
+}
+
+export interface PreparingState extends BaseFlashState {
+  state: State.PREPARING;
+  details: { done: boolean };
+}
+
+export interface ErasingState extends BaseFlashState {
+  state: State.ERASING;
+  details: { done: boolean };
+}
+
+export interface WritingState extends BaseFlashState {
+  state: State.WRITING;
+  details: { bytesTotal: number; bytesWritten: number; percentage: number };
+}
+
+export interface FinishedState extends BaseFlashState {
+  state: State.FINISHED;
+}
+
+export interface ErrorState extends BaseFlashState {
+  state: State.ERROR;
+  details: { error: FlashError; details: string | Error };
+}
+
+export type FlashState =
+  | InitializingState
+  | ManifestState
+  | PreparingState
+  | ErasingState
+  | WritingState
+  | FinishedState
+  | ErrorState;
+
+export const enum State {
+  INITIALIZING = "initializing",
+  MANIFEST = "manifest",
+  PREPARING = "preparing",
+  ERASING = "erasing",
+  WRITING = "writing",
+  FINISHED = "finished",
+  ERROR = "error",
+}
+
+export const enum FlashError {
+  FAILED_INITIALIZING = "failed_initialize",
+  FAILED_MANIFEST_FETCH = "fetch_manifest_failed",
+  NOT_SUPPORTED = "not_supported",
+  FAILED_FIRMWARE_DOWNLOAD = "failed_firmware_download",
+  WRITE_FAILED = "write_failed",
+}
+
+declare global {
+  interface HTMLElementEventMap {
+    "state-changed": CustomEvent<FlashState>;
+  }
+}
diff --git a/src/flash-log.ts b/src/flash-log.ts
index a1b54c1..6e5985a 100644
--- a/src/flash-log.ts
+++ b/src/flash-log.ts
@@ -1,17 +1,18 @@
 import { css, html, HTMLTemplateResult, LitElement } from "lit";
 import { customElement, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
+import { FlashState, State } from "./const";
 
 interface Row {
-  id?: string;
-  content: HTMLTemplateResult | string;
+  state?: State;
+  message: HTMLTemplateResult | string;
   error?: boolean;
   action?: boolean;
 }
 
 @customElement("esp-web-flash-log")
-class FlashLog extends LitElement {
-  @state() _rows: Row[] = [];
+export class FlashLog extends LitElement {
+  @state() private _rows: Row[] = [];
 
   protected render() {
     return html`${this._rows.map(
@@ -22,20 +23,41 @@ class FlashLog extends LitElement {
             action: row.action === true,
           })}
         >
-          ${row.content}
+          ${row.message}
         </div>`
     )}`;
   }
 
+  public willUpdate() {
+    this.toggleAttribute("hidden", !this._rows.length);
+  }
+
+  public clear() {
+    this._rows = [];
+  }
+
+  public processState(state: FlashState) {
+    if (state.state === State.ERROR) {
+      this.addError(state.message);
+      return;
+    }
+    this.addRow(state);
+    if (state.state === State.FINISHED) {
+      this.addAction(
+        html`<button @click=${this.clear}>Close this log</button>`
+      );
+    }
+  }
+
   /**
    * Add or replace a row.
    */
   public addRow(row: Row) {
     // If last entry has same ID, replace it.
     if (
-      row.id &&
+      row.state &&
       this._rows.length > 0 &&
-      this._rows[this._rows.length - 1].id === row.id
+      this._rows[this._rows.length - 1].state === row.state
     ) {
       const newRows = this._rows.slice(0, -1);
       newRows.push(row);
@@ -48,15 +70,25 @@ class FlashLog extends LitElement {
   /**
    * Add an error row
    */
-  public addError(content: Row["content"]) {
-    this.addRow({ content, error: true });
+  public addError(message: Row["message"]) {
+    this.addRow({ message, error: true });
   }
 
   /**
-   * Remove last row if ID matches
+   * Add an action row
    */
-  public removeRow(id: string) {
-    if (this._rows.length > 0 && this._rows[this._rows.length - 1].id === id) {
+  public addAction(message: Row["message"]) {
+    this.addRow({ message, action: true });
+  }
+
+  /**
+   * Remove last row if state matches
+   */
+  public removeRow(state: string) {
+    if (
+      this._rows.length > 0 &&
+      this._rows[this._rows.length - 1].state === state
+    ) {
       this._rows = this._rows.slice(0, -1);
     }
   }
@@ -64,13 +96,17 @@ class FlashLog extends LitElement {
   static styles = css`
     :host {
       display: block;
-      max-width: 500px;
+      margin-top: 16px;
+      padding: 12px 16px;
       font-family: monospace;
-      background-color: black;
-      color: greenyellow;
+      background: var(--esp-tools-log-background, black);
+      color: var(--esp-tools-log-text-color, greenyellow);
       font-size: 14px;
       line-height: 19px;
-      padding: 12px 16px;
+    }
+
+    :host([hidden]) {
+      display: none;
     }
 
     button {
@@ -84,13 +120,13 @@ class FlashLog extends LitElement {
       cursor: pointer;
     }
 
-    .action,
     .error {
-      margin-top: 1em;
+      color: var(--esp-tools-error-color, #dc3545);
     }
 
-    .error {
-      color: red;
+    .error,
+    .action {
+      margin-top: 1em;
     }
   `;
 }
diff --git a/src/flash-progress.ts b/src/flash-progress.ts
new file mode 100644
index 0000000..3be47af
--- /dev/null
+++ b/src/flash-progress.ts
@@ -0,0 +1,85 @@
+import { css, html, LitElement } from "lit";
+import { customElement, state } from "lit/decorators.js";
+import { FlashState, State } from "./const";
+import "@material/mwc-linear-progress";
+import { classMap } from "lit/directives/class-map.js";
+
+@customElement("esp-web-flash-progress")
+export class FlashProgress extends LitElement {
+  @state() private _state?: FlashState;
+
+  @state() private _indeterminate = true;
+
+  @state() private _progress = 0;
+
+  public processState(state: FlashState) {
+    this._state = state;
+    if (this._state.state === State.WRITING) {
+      this._indeterminate = false;
+      this._progress = this._state.details.percentage / 100;
+    }
+    if (this._state.state === State.ERROR) {
+      this._indeterminate = false;
+    }
+  }
+
+  public clear() {
+    this._state = undefined;
+    this._progress = 0;
+    this._indeterminate = true;
+  }
+
+  protected render() {
+    if (!this._state) {
+      return;
+    }
+    return html`<h2
+        class=${classMap({
+          error: this._state.state === State.ERROR,
+          done: this._state.state === State.FINISHED,
+        })}
+      >
+        ${this._state.message}
+      </h2>
+      <p>
+        ${this._state.manifest
+          ? html`${this._state.manifest.name}: ${this._state.chipFamily}`
+          : html`&nbsp;`}
+      </p>
+      <mwc-linear-progress
+        class=${classMap({
+          error: this._state.state === State.ERROR,
+          done: this._state.state === State.FINISHED,
+        })}
+        .indeterminate=${this._indeterminate}
+        .progress=${this._progress}
+      ></mwc-linear-progress>`;
+  }
+
+  static styles = css`
+    :host {
+      display: block;
+      --mdc-theme-primary: var(--esp-tools-progress-color, #03a9f4);
+    }
+    .error {
+      color: var(--esp-tools-error-color, #dc3545);
+      --mdc-theme-primary: var(--esp-tools-error-color, #dc3545);
+    }
+    .done {
+      color: var(--esp-tools-success-color, #28a745);
+      --mdc-theme-primary: var(--esp-tools-success-color, #28a745);
+    }
+    h2 {
+      margin: 16px 0 0;
+    }
+    p {
+      margin: 4px 0;
+    }
+  `;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "esp-web-flash-progress": FlashProgress;
+  }
+}
diff --git a/src/flash.ts b/src/flash.ts
new file mode 100644
index 0000000..26dfca9
--- /dev/null
+++ b/src/flash.ts
@@ -0,0 +1,234 @@
+import { connect, ESPLoader, Logger } from "esp-web-flasher";
+import { Build, FlashError, FlashState, Manifest, State } from "./const";
+import { fireEvent, getChipFamilyName, sleep } from "./util";
+
+export const flash = async (
+  eventTarget: EventTarget,
+  logger: Logger,
+  manifestPath: string,
+  eraseFirst: boolean
+) => {
+  let manifest: Manifest;
+  let build: Build | undefined;
+  let chipFamily: "ESP32" | "ESP8266" | "ESP32-S2" | "Unknown Chip";
+
+  const fireStateEvent = (stateUpdate: FlashState) => {
+    fireEvent(eventTarget, "state-changed", {
+      ...stateUpdate,
+      manifest,
+      build,
+      chipFamily,
+    });
+  };
+
+  const manifestURL = new URL(manifestPath, location.toString()).toString();
+  const manifestProm = fetch(manifestURL).then(
+    (resp): Promise<Manifest> => resp.json()
+  );
+
+  let esploader: ESPLoader | undefined;
+
+  try {
+    esploader = await connect(logger);
+  } catch (err) {
+    // User pressed cancel on web serial
+    return;
+  }
+
+  // For debugging
+  (window as any).esploader = esploader;
+
+  fireStateEvent({
+    state: State.INITIALIZING,
+    message: "Initializing...",
+    details: { done: false },
+  });
+
+  try {
+    await esploader.initialize();
+  } catch (err) {
+    logger.error(err);
+    if (esploader.connected) {
+      fireStateEvent({
+        state: State.ERROR,
+        message:
+          "Failed to initialize. Try resetting your device or holding the BOOT button before clicking connect.",
+        details: { error: FlashError.FAILED_INITIALIZING, details: err },
+      });
+      await esploader.disconnect();
+    }
+    return;
+  }
+
+  chipFamily = getChipFamilyName(esploader);
+
+  fireStateEvent({
+    state: State.INITIALIZING,
+    message: `Initialized. Found ${chipFamily}`,
+    details: { done: true },
+  });
+  fireStateEvent({
+    state: State.MANIFEST,
+    message: "Fetching manifest...",
+    details: { done: false },
+  });
+
+  try {
+    manifest = await manifestProm;
+  } catch (err) {
+    fireStateEvent({
+      state: State.ERROR,
+      message: `Unable to fetch manifest: ${err.message}`,
+      details: { error: FlashError.FAILED_MANIFEST_FETCH, details: err },
+    });
+    await esploader.disconnect();
+    return;
+  }
+
+  build = manifest.builds.find((b) => b.chipFamily === chipFamily);
+
+  fireStateEvent({
+    state: State.MANIFEST,
+    message: `Found manifest for ${manifest.name}`,
+    details: { done: true },
+  });
+
+  if (!build) {
+    fireStateEvent({
+      state: State.ERROR,
+      message: `Your ${chipFamily} board is not supported.`,
+      details: { error: FlashError.NOT_SUPPORTED, details: chipFamily },
+    });
+    await esploader.disconnect();
+    return;
+  }
+
+  fireStateEvent({
+    state: State.PREPARING,
+    message: "Preparing installation...",
+    details: { done: false },
+  });
+
+  const filePromises = build.parts.map(async (part) => {
+    const url = new URL(part.path, manifestURL).toString();
+    const resp = await fetch(url);
+    if (!resp.ok) {
+      throw new Error(
+        `Downlading firmware ${part.path} failed: ${resp.status}`
+      );
+    }
+    return resp.arrayBuffer();
+  });
+
+  // Run the stub while we wait for files to download
+  const espStub = await esploader.runStub();
+
+  const files: ArrayBuffer[] = [];
+  let totalSize = 0;
+
+  for (const prom of filePromises) {
+    try {
+      const data = await prom;
+      files.push(data);
+      totalSize += data.byteLength;
+    } catch (err) {
+      fireStateEvent({
+        state: State.ERROR,
+        message: err,
+        details: { error: FlashError.FAILED_FIRMWARE_DOWNLOAD, details: err },
+      });
+      await esploader.disconnect();
+      return;
+    }
+  }
+
+  fireStateEvent({
+    state: State.PREPARING,
+    message: "Installation prepared",
+    details: { done: true },
+  });
+
+  if (eraseFirst) {
+    fireStateEvent({
+      state: State.ERASING,
+      message: "Erasing device...",
+      details: { done: false },
+    });
+    await espStub.eraseFlash();
+    fireStateEvent({
+      state: State.ERASING,
+      message: "Device erased",
+      details: { done: true },
+    });
+  }
+
+  let lastPct = 0;
+
+  fireStateEvent({
+    state: State.WRITING,
+    message: `Writing progress: ${lastPct}%`,
+    details: {
+      bytesTotal: totalSize,
+      bytesWritten: 0,
+      percentage: lastPct,
+    },
+  });
+
+  let totalWritten = 0;
+
+  for (const part of build.parts) {
+    const file = files.shift()!;
+    try {
+      await espStub.flashData(
+        file,
+        (bytesWritten) => {
+          const newPct = Math.floor(
+            ((totalWritten + bytesWritten) / totalSize) * 100
+          );
+          if (newPct === lastPct) {
+            return;
+          }
+          lastPct = newPct;
+          fireStateEvent({
+            state: State.WRITING,
+            message: `Writing progress: ${newPct}%`,
+            details: {
+              bytesTotal: totalSize,
+              bytesWritten: totalWritten + bytesWritten,
+              percentage: newPct,
+            },
+          });
+        },
+        part.offset
+      );
+    } catch (err) {
+      fireStateEvent({
+        state: State.ERROR,
+        message: err,
+        details: { error: FlashError.WRITE_FAILED, details: err },
+      });
+      await esploader.disconnect();
+      return;
+    }
+    totalWritten += file.byteLength;
+  }
+
+  fireStateEvent({
+    state: State.WRITING,
+    message: "Writing complete",
+    details: {
+      bytesTotal: totalSize,
+      bytesWritten: totalWritten,
+      percentage: 100,
+    },
+  });
+
+  await sleep(100);
+  await esploader.softReset();
+  await esploader.disconnect();
+
+  fireStateEvent({
+    state: State.FINISHED,
+    message: "All done!",
+  });
+};
diff --git a/src/install-button.ts b/src/install-button.ts
index 144adac..4569c08 100644
--- a/src/install-button.ts
+++ b/src/install-button.ts
@@ -1,11 +1,73 @@
-class InstallButton extends HTMLElement {
+import { FlashState } from "./const";
+
+export class InstallButton extends HTMLElement {
   public static isSupported = "serial" in navigator;
 
+  private static style = `
+  button {
+    position: relative;
+    cursor: pointer;
+    font-size: 14px;
+    padding: 8px 28px;
+    color: var(--esp-tools-button-text-color, #fff);
+    background-color: var(--esp-tools-button-color, #03a9f4);
+    border: none;
+    border-radius: 4px;
+    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
+  }
+  button::before {
+    content: " ";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    opacity: 0.2;
+    border-radius: 4px;
+  }
+  button:hover {
+    box-shadow: 0 4px 8px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
+  }
+  button:hover::before {
+    background-color: rgba(255,255,255,.8);
+  }
+  button:focus {
+    outline: none;
+  }
+  button:focus::before {
+    background-color: white;
+  }
+  button:active::before {
+    background-color: grey;
+  }
+  :host([active]) button {
+    color: rgba(0, 0, 0, 0.38);
+    background-color: rgba(0, 0, 0, 0.12);
+    box-shadow: none;
+    cursor: unset;
+    pointer-events: none;
+  }
+  improv-wifi-launch-button {
+    display: block;
+    margin-top: 16px;
+  }
+  .hidden {
+    display: none;
+  }`;
+
   public manifest?: string;
 
   public eraseFirst?: boolean;
 
-  private renderRoot?: ShadowRoot;
+  public hideProgress?: boolean;
+
+  public showLog?: boolean;
+
+  public logConsole?: boolean;
+
+  public state?: FlashState;
+
+  public renderRoot?: ShadowRoot;
 
   public static preload() {
     import("./start-flash");
@@ -19,34 +81,46 @@ class InstallButton extends HTMLElement {
     this.renderRoot = this.attachShadow({ mode: "open" });
 
     if (!InstallButton.isSupported) {
-      this.setAttribute("install-unsupported", "");
-      this.renderRoot.innerHTML =
-        "<slot name='unsupported'>Your browser does not support installing things on ESP devices. Use Google Chrome or Microsoft Edge.</slot>";
+      this.toggleAttribute("install-unsupported", true);
+      const slot = document.createElement("slot");
+      slot.name = "unsupported";
+      slot.innerText =
+        "Your browser does not support installing things on ESP devices. Use Google Chrome or Microsoft Edge.";
+      this.renderRoot.append(slot);
       return;
     }
 
-    this.setAttribute("install-supported", "");
-    this.addEventListener("mouseover", InstallButton.preload);
-    this.addEventListener("click", async (ev) => {
-      ev.preventDefault();
-      const manifest = this.manifest || this.getAttribute("manifest");
-      if (!manifest) {
-        alert("No manifest defined!");
-        return;
-      }
+    this.toggleAttribute("install-supported", true);
 
+    this.addEventListener("mouseover", InstallButton.preload);
+
+    const slot = document.createElement("slot");
+
+    slot.addEventListener("click", async (ev) => {
+      ev.preventDefault();
       const mod = await import("./start-flash");
-      await mod.startFlash(
-        console,
-        manifest,
-        (logEl) => this.parentElement!.insertBefore(logEl, this.nextSibling),
-        this.eraseFirst !== undefined
-          ? this.eraseFirst
-          : this.hasAttribute("erase-first")
-      );
+      mod.startFlash(this);
     });
 
-    this.renderRoot.innerHTML = `<slot name='activate'><button>Install</button></slot>`;
+    slot.name = "activate";
+    const button = document.createElement("button");
+    button.innerText = "INSTALL";
+    slot.append(button);
+    if (
+      "adoptedStyleSheets" in Document.prototype &&
+      "replaceSync" in CSSStyleSheet.prototype
+    ) {
+      const sheet = new CSSStyleSheet();
+      // @ts-expect-error
+      sheet.replaceSync(InstallButton.style);
+      // @ts-expect-error
+      this.renderRoot.adoptedStyleSheets = [sheet];
+    } else {
+      const styleSheet = document.createElement("style");
+      styleSheet.innerText = InstallButton.style;
+      this.renderRoot.append(styleSheet);
+    }
+    this.renderRoot.append(slot);
   }
 }
 
diff --git a/src/start-flash.ts b/src/start-flash.ts
index 1210727..38fccbb 100644
--- a/src/start-flash.ts
+++ b/src/start-flash.ts
@@ -1,213 +1,126 @@
-import { html } from "lit";
-import { connect, ESPLoader, Logger } from "esp-web-flasher";
-import { Build, Manifest } from "./const";
+import { flash } from "./flash";
 import "./flash-log";
-import { getChipFamilyName, sleep } from "./util";
+import "./flash-progress";
+import type { FlashLog } from "./flash-log";
+import type { FlashProgress } from "./flash-progress";
+import type { InstallButton } from "./install-button";
+import { State } from "./const";
 
-export const startFlash = async (
-  logger: Logger,
-  manifestPath: string,
-  addLogElement: (el: HTMLElement) => void,
-  eraseFirst: boolean
-) => {
-  const manifestURL = new URL(manifestPath, location.toString()).toString();
-  const manifestProm = fetch(manifestURL).then(
-    (resp): Promise<Manifest> => resp.json()
-  );
+let stateListenerAdded = false;
 
-  let esploader: ESPLoader | undefined;
+let logEl: FlashLog | undefined;
 
-  try {
-    esploader = await connect(logger);
-  } catch (err) {
-    // User pressed cancel on web serial
-    return;
-  }
+let progressEl: FlashProgress | undefined;
 
-  // For debugging
-  (window as any).esploader = esploader;
+let improvEl: HTMLElement | undefined;
 
-  const logEl = document.createElement("esp-web-flash-log");
-  // logEl.esploader = esploader;
-  logEl.addRow({ id: "initializing", content: "Initializing..." });
-  addLogElement(logEl);
-
-  try {
-    await esploader.initialize();
-  } catch (err) {
-    console.error(err);
-    if (esploader.connected) {
-      logEl.addError(
-        "Failed to initialize. Try resetting your device or holding the BOOT button before clicking connect."
-      );
-      await esploader.disconnect();
-    }
-    return;
-  }
-
-  const chipFamily = getChipFamilyName(esploader);
-
-  logEl.addRow({
-    id: "initializing",
-    content: html`Initialized. Found ${chipFamily}`,
-  });
-  logEl.addRow({ id: "manifest", content: "Fetching manifest..." });
-
-  let manifest: Manifest | undefined;
-  try {
-    manifest = await manifestProm;
-  } catch (err) {
-    logEl.addError(`Unable to fetch manifest: ${err}`);
-    await esploader.disconnect();
-    return;
-  }
-
-  logEl.addRow({
-    id: "manifest",
-    content: html`Found manifest for ${manifest.name}`,
-  });
-
-  let build: Build | undefined;
-  for (const b of manifest.builds) {
-    if (b.chipFamily === chipFamily) {
-      build = b;
-      break;
-    }
-  }
-
-  if (!build) {
-    logEl.addError(`Your ${chipFamily} board is not supported.`);
-    await esploader.disconnect();
-    return;
-  }
-
-  logEl.addRow({
-    id: "preparing",
-    content: "Preparing installation...",
-  });
-
-  const filePromises = build.parts.map(async (part) => {
-    const url = new URL(part.path, manifestURL).toString();
-    const resp = await fetch(url);
-    if (!resp.ok) {
-      throw new Error(
-        `Downlading firmware ${part.path} failed: ${resp.status}`
-      );
-    }
-    return resp.arrayBuffer();
-  });
-
-  // Run the stub while we wait for files to download
-  const espStub = await esploader.runStub();
-
-  const files: ArrayBuffer[] = [];
-  let totalSize = 0;
-
-  for (const prom of filePromises) {
-    try {
-      const data = await prom;
-      files.push(data);
-      totalSize += data.byteLength;
-    } catch (err) {
-      logEl.addError(err.message);
-      await esploader.disconnect();
-      return;
-    }
-  }
-
-  logEl.addRow({
-    id: "preparing",
-    content: `Installation prepared`,
-  });
-
-  // Pre-load improv for later
-  if (build.improv) {
-    // @ts-ignore
-    import("https://www.improv-wifi.com/sdk-js/launch-button.js");
-  }
-
-  if (eraseFirst) {
-    logEl.addRow({
-      id: "erase",
-      content: html`Erasing device...`,
-    });
-    await espStub.eraseFlash();
-    logEl.addRow({
-      id: "erase",
-      content: html`Device erased`,
-    });
-  }
-
-  let lastPct = 0;
-
-  logEl.addRow({
-    id: "write",
-    content: html`Writing progress: ${lastPct}%`,
-  });
-
-  let totalWritten = 0;
-
-  for (const part of build.parts) {
-    const file = files.shift()!;
-    await espStub.flashData(
-      file,
-      (bytesWritten) => {
-        const newPct = Math.floor(
-          ((totalWritten + bytesWritten) / totalSize) * 100
-        );
-        if (newPct === lastPct) {
-          return;
-        }
-        lastPct = newPct;
-        logEl.addRow({
-          id: "write",
-          content: html`Writing progress: ${newPct}%`,
-        });
-      },
-      part.offset
-    );
-    totalWritten += file.byteLength;
-  }
-
-  logEl.addRow({
-    id: "write",
-    content: html`Writing progress: 100%`,
-  });
-
-  await sleep(100);
-  await esploader.softReset();
-  await esploader.disconnect();
-
-  const doImprov =
-    build.improv &&
-    customElements.get("improv-wifi-launch-button")?.isSupported;
-
-  logEl.addRow({
-    id: "write",
-    content: html`Writing
-    complete${doImprov
-      ? ""
-      : html`, all done!<br /><br /><button
-            @click=${() => logEl.parentElement?.removeChild(logEl)}
-          >
-            Close this dialog
-          </button>`}`,
-  });
-
-  if (!doImprov) {
-    return;
-  }
-
-  // Todo: listen for improv events to know when to close dialog
-  logEl.addRow({
-    id: "improv",
-    action: true,
-    content: html`
-      <improv-wifi-launch-button
-        ><button slot="activate">
-          Click here to finish setting up your device.
-        </button></improv-wifi-launch-button
-      >
-    `,
-  });
+const addElement = <T extends HTMLElement>(
+  button: InstallButton,
+  element: T
+): T => {
+  button.renderRoot!.append(element);
+  return element;
+};
+
+export const startFlash = async (button: InstallButton) => {
+  if (button.hasAttribute("active")) {
+    return;
+  }
+
+  const manifest = button.manifest || button.getAttribute("manifest");
+  if (!manifest) {
+    alert("No manifest defined!");
+    return;
+  }
+
+  let hasImprov = false;
+
+  if (!stateListenerAdded) {
+    stateListenerAdded = true;
+    button.addEventListener("state-changed", (ev) => {
+      const state = (button.state = ev.detail);
+      if (state.state === State.INITIALIZING) {
+        button.toggleAttribute("active", true);
+      } else if (state.state === State.MANIFEST && state.build?.improv) {
+        hasImprov = true;
+        // @ts-ignore
+        // preload improv button
+        import("https://www.improv-wifi.com/sdk-js/launch-button.js");
+      } else if (state.state === State.FINISHED) {
+        button.toggleAttribute("active", false);
+        if (hasImprov) {
+          startImprov(button);
+        }
+      } else if (state.state === State.ERROR) {
+        button.toggleAttribute("active", false);
+      }
+      progressEl?.processState(ev.detail);
+      logEl?.processState(ev.detail);
+    });
+  }
+
+  const logConsole = button.logConsole || button.hasAttribute("log-console");
+  const showLog = button.showLog || button.hasAttribute("show-log");
+  const showProgress =
+    !showLog &&
+    button.hideProgress !== true &&
+    !button.hasAttribute("hide-progress");
+
+  if (showLog && !logEl) {
+    logEl = addElement<FlashLog>(
+      button,
+      document.createElement("esp-web-flash-log")
+    );
+  } else if (!showLog && logEl) {
+    logEl.remove();
+    logEl = undefined;
+  }
+
+  if (showProgress && !progressEl) {
+    progressEl = addElement<FlashProgress>(
+      button,
+      document.createElement("esp-web-flash-progress")
+    );
+  } else if (!showProgress && progressEl) {
+    progressEl.remove();
+    progressEl = undefined;
+  }
+
+  logEl?.clear();
+  progressEl?.clear();
+  improvEl?.classList.toggle("hidden", true);
+
+  flash(
+    button,
+    logConsole
+      ? console
+      : {
+          log: () => {},
+          error: () => {},
+          debug: () => {},
+        },
+    manifest,
+    button.eraseFirst !== undefined
+      ? button.eraseFirst
+      : button.hasAttribute("erase-first")
+  );
+};
+
+const startImprov = async (button: InstallButton) => {
+  // @ts-ignore
+  await import("https://www.improv-wifi.com/sdk-js/launch-button.js");
+
+  if (!customElements.get("improv-wifi-launch-button").isSupported) {
+    return;
+  }
+
+  if (!improvEl) {
+    improvEl = document.createElement("improv-wifi-launch-button");
+    const improvButton = document.createElement("button");
+    improvButton.slot = "activate";
+    improvButton.textContent = "CLICK HERE TO FINISH SETTING UP YOUR DEVICE";
+    improvEl.appendChild(improvButton);
+    addElement(button, improvEl);
+  }
+  improvEl.classList.toggle("hidden", false);
 };
diff --git a/src/util.ts b/src/util.ts
index 1fa0134..16714ab 100644
--- a/src/util.ts
+++ b/src/util.ts
@@ -20,3 +20,24 @@ export const getChipFamilyName = (esploader: ESPLoader) => {
 
 export const sleep = (time: number) =>
   new Promise((resolve) => setTimeout(resolve, time));
+
+export const fireEvent = <Event extends keyof HTMLElementEventMap>(
+  eventTarget: EventTarget,
+  type: Event,
+  // @ts-ignore
+  detail?: HTMLElementEventMap[Event]["detail"],
+  options?: {
+    bubbles?: boolean;
+    cancelable?: boolean;
+    composed?: boolean;
+  }
+): void => {
+  options = options || {};
+  const event = new CustomEvent(type, {
+    bubbles: options.bubbles === undefined ? true : options.bubbles,
+    cancelable: Boolean(options.cancelable),
+    composed: options.composed === undefined ? true : options.composed,
+    detail,
+  });
+  eventTarget.dispatchEvent(event);
+};