From 0f1d967adbf5fd9d7a975d282a18b372b3e3f76c Mon Sep 17 00:00:00 2001
From: Patrick Arlt <patrick.arlt@gmail.com>
Date: Fri, 2 Aug 2019 18:12:10 -0700
Subject: [PATCH] v1.0.0-beta.2 - add built files

---
 dist/calcite.js                               |    27 +
 dist/calcite/calcite.css                      |     1 +
 dist/calcite/calcite.esm.js                   |     1 +
 dist/calcite/calcite.js                       |   803 +
 dist/calcite/p-05cd1ccb.js                    |     1 +
 dist/calcite/p-3ea8955c.js                    |     1 +
 dist/calcite/p-3ec0d62c.system.js             |     1 +
 dist/calcite/p-3edb1b93.js                    |     1 +
 dist/calcite/p-5b8f9126.system.js             |     1 +
 dist/calcite/p-5ooyqlag.system.entry.js       |     1 +
 dist/calcite/p-6bb56f1f.js                    |     1 +
 dist/calcite/p-6d3f767f.system.js             |     1 +
 dist/calcite/p-6ea97731.system.js             |     1 +
 dist/calcite/p-81cf2cf6.js                    |     1 +
 dist/calcite/p-860d8016.js                    |     1 +
 dist/calcite/p-8a0668f6.system.js             |     1 +
 dist/calcite/p-8ojdarnk.entry.js              |     1 +
 dist/calcite/p-9725f31b.system.js             |     1 +
 dist/calcite/p-9dd9009f.js                    |     1 +
 dist/calcite/p-9de72867.js                    |     1 +
 dist/calcite/p-a1nosev3.system.entry.js       |     1 +
 dist/calcite/p-aaf72d6b.system.js             |     1 +
 dist/calcite/p-c1ffeac4.system.js             |     1 +
 dist/calcite/p-d5hei7hx.system.entry.js       |     1 +
 dist/calcite/p-dsiu7ikq.system.entry.js       |     1 +
 dist/calcite/p-dzhqju6m.system.entry.js       |     1 +
 dist/calcite/p-f6a71c4a.system.js             |     1 +
 dist/calcite/p-goa4xz8w.entry.js              |     1 +
 dist/calcite/p-h8xzsan9.entry.js              |     1 +
 dist/calcite/p-hmdp5sur.entry.js              |     1 +
 dist/calcite/p-ja3fncbx.system.entry.js       |     1 +
 dist/calcite/p-liesittl.entry.js              |     1 +
 dist/calcite/p-npigqbxz.entry.js              |     1 +
 dist/calcite/p-nwnnuczh.entry.js              |     1 +
 dist/calcite/p-oaa5ymmc.entry.js              |     1 +
 dist/calcite/p-oinjvgun.system.entry.js       |     1 +
 dist/calcite/p-qdiviuyv.entry.js              |     1 +
 dist/calcite/p-rboowgca.system.entry.js       |     1 +
 dist/calcite/p-rc0sul8c.system.entry.js       |     1 +
 dist/calcite/p-sfffvwae.entry.js              |     1 +
 dist/calcite/p-stlkuwis.entry.js              |     1 +
 dist/calcite/p-tkkhtt8f.entry.js              |     1 +
 dist/calcite/p-tviyvfsg.system.entry.js       |     1 +
 dist/calcite/p-vt8kdnck.system.entry.js       |     1 +
 dist/calcite/p-xvdg4ebm.system.entry.js       |     1 +
 dist/cjs/calcite-alert_2.cjs.entry.js         |   220 +
 dist/cjs/calcite-button.cjs.entry.js          |    83 +
 dist/cjs/calcite-checkbox.cjs.entry.js        |   108 +
 dist/cjs/calcite-example.cjs.entry.js         |    67 +
 dist/cjs/calcite-loader.cjs.entry.js          |   130 +
 dist/cjs/calcite-modal.cjs.entry.js           |   390 +
 dist/cjs/calcite-progress.cjs.entry.js        |    36 +
 dist/cjs/calcite-radio-group_2.cjs.entry.js   |   252 +
 dist/cjs/calcite-slider.cjs.entry.js          |   267 +
 dist/cjs/calcite-switch.cjs.entry.js          |    85 +
 dist/cjs/calcite-tab_4.cjs.entry.js           |   471 +
 dist/cjs/calcite.cjs.js                       |     7 +
 dist/cjs/chunk-15f3d72e.js                    |    23 +
 dist/cjs/chunk-1dda50bd.js                    |    14 +
 dist/cjs/chunk-51cd86d5.js                    |    26 +
 dist/cjs/chunk-7f841849.js                    |    16 +
 dist/cjs/chunk-eefb78d6.js                    |  1960 +++
 dist/cjs/context-consumer.cjs.entry.js        |    29 +
 dist/cjs/css-shim-3ea8955c-8b902b6b.js        |   630 +
 dist/cjs/dom-860d8016-0ebf8707.js             |    97 +
 dist/cjs/index.cjs.js                         |     2 +
 dist/cjs/loader.cjs.js                        |    13 +
 dist/cjs/shadow-css-bbdf056f-2f07589b.js      |   404 +
 dist/collection/assets/demo/createAlert.js    |    17 +
 dist/collection/assets/demo/loadingButton.js  |     5 +
 dist/collection/collection-manifest.json      |    80 +
 .../calcite-alert/calcite-alert.css           |   314 +
 .../components/calcite-alert/calcite-alert.js |   344 +
 .../calcite-alerts/calcite-alerts.css         |    24 +
 .../calcite-alerts/calcite-alerts.js          |   104 +
 .../calcite-button/calcite-button.css         |   564 +
 .../calcite-button/calcite-button.js          |   235 +
 .../calcite-checkbox/calcite-checkbox.css     |    94 +
 .../calcite-checkbox/calcite-checkbox.js      |   267 +
 .../calcite-example/calcite-example.css       |    11 +
 .../calcite-example/calcite-example.js        |   129 +
 .../calcite-loader/calcite-loader.css         |   161 +
 .../calcite-loader/calcite-loader.js          |   233 +
 .../calcite-modal/calcite-modal.css           |   379 +
 .../components/calcite-modal/calcite-modal.js |   331 +
 .../calcite-progress/calcite-progress.css     |    69 +
 .../calcite-progress/calcite-progress.js      |   110 +
 .../calcite-radio-group-item.css              |    44 +
 .../calcite-radio-group-item.js               |   128 +
 .../calcite-radio-group.css                   |    42 +
 .../calcite-radio-group.js                    |   280 +
 .../calcite-slider/calcite-slider.css         |   203 +
 .../calcite-slider/calcite-slider.js          |   570 +
 .../calcite-switch/calcite-switch.css         |   106 +
 .../calcite-switch/calcite-switch.js          |   190 +
 .../calcite-tab-nav/calcite-tab-nav.css       |    27 +
 .../calcite-tab-nav/calcite-tab-nav.js        |   212 +
 .../calcite-tab-title/calcite-tab-title.css   |    48 +
 .../calcite-tab-title/calcite-tab-title.js    |   334 +
 .../components/calcite-tab/calcite-tab.css    |    19 +
 .../components/calcite-tab/calcite-tab.js     |   213 +
 .../components/calcite-tabs/calcite-tabs.css  |    50 +
 .../components/calcite-tabs/calcite-tabs.js   |   219 +
 dist/collection/interfaces/AlertInterface.js  |     6 +
 dist/collection/interfaces/TabChange.js       |     0
 dist/collection/utils/dom.js                  |    19 +
 dist/collection/utils/guid.js                 |    12 +
 dist/collection/utils/keys.js                 |    12 +
 dist/esm-es5/calcite-alert_2.entry.js         |   283 +
 dist/esm-es5/calcite-button.entry.js          |    90 +
 dist/esm-es5/calcite-checkbox.entry.js        |   120 +
 dist/esm-es5/calcite-example.entry.js         |   109 +
 dist/esm-es5/calcite-loader.entry.js          |   135 +
 dist/esm-es5/calcite-modal.entry.js           |   463 +
 dist/esm-es5/calcite-progress.entry.js        |    39 +
 dist/esm-es5/calcite-radio-group_2.entry.js   |   276 +
 dist/esm-es5/calcite-slider.entry.js          |   271 +
 dist/esm-es5/calcite-switch.entry.js          |    95 +
 dist/esm-es5/calcite-tab_4.entry.js           |   569 +
 dist/esm-es5/calcite.mjs                      |     4 +
 dist/esm-es5/chunk-3edb1b93.js                |    13 +
 dist/esm-es5/chunk-5f99f9d5.js                |  1997 +++
 dist/esm-es5/chunk-6bb56f1f.js                |    20 +
 dist/esm-es5/chunk-9dd9009f.js                |    11 +
 dist/esm-es5/chunk-9de72867.js                |     7 +
 dist/esm-es5/context-consumer.entry.js        |    28 +
 dist/esm-es5/css-shim-3ea8955c-3ea8955c.js    |   630 +
 dist/esm-es5/dom-860d8016-860d8016.js         |   483 +
 dist/esm-es5/index.mjs                        |     0
 dist/esm-es5/loader.mjs                       |     7 +
 dist/esm-es5/shadow-css-bbdf056f-05cd1ccb.js  |   431 +
 dist/esm/calcite-alert_2.entry.js             |   215 +
 dist/esm/calcite-button.entry.js              |    79 +
 dist/esm/calcite-checkbox.entry.js            |   104 +
 dist/esm/calcite-example.entry.js             |    63 +
 dist/esm/calcite-loader.entry.js              |   126 +
 dist/esm/calcite-modal.entry.js               |   386 +
 dist/esm/calcite-progress.entry.js            |    32 +
 dist/esm/calcite-radio-group_2.entry.js       |   247 +
 dist/esm/calcite-slider.entry.js              |   263 +
 dist/esm/calcite-switch.entry.js              |    81 +
 dist/esm/calcite-tab_4.entry.js               |   464 +
 dist/esm/calcite.mjs                          |     5 +
 dist/esm/chunk-3edb1b93.js                    |    14 +
 dist/esm/chunk-5f99f9d5.js                    |  1932 +++
 dist/esm/chunk-6bb56f1f.js                    |    21 +
 dist/esm/chunk-9dd9009f.js                    |    12 +
 dist/esm/chunk-9de72867.js                    |     8 +
 dist/esm/context-consumer.entry.js            |    25 +
 dist/esm/css-shim-3ea8955c-3ea8955c.js        |   628 +
 dist/esm/dom-860d8016-860d8016.js             |    95 +
 dist/esm/index.mjs                            |     1 +
 dist/esm/loader.mjs                           |     9 +
 dist/esm/polyfills/core-js.js                 |    10 +
 dist/esm/polyfills/css-shim.js                |   628 +
 dist/esm/polyfills/dom.js                     |   106 +
 dist/esm/polyfills/es5-html-element.js        |    18 +
 dist/esm/polyfills/index.js                   |    34 +
 dist/esm/polyfills/promise.js                 |     9 +
 dist/esm/polyfills/system.js                  |     4 +
 dist/esm/shadow-css-bbdf056f-05cd1ccb.js      |   401 +
 dist/index.js                                 |     1 +
 dist/index.mjs                                |     1 +
 dist/loader/cdn.js                            |     3 +
 dist/loader/index.cjs.js                      |     3 +
 dist/loader/index.d.ts                        |    13 +
 dist/loader/index.es2017.mjs                  |     3 +
 dist/loader/index.mjs                         |    22 +
 dist/loader/node-main.js                      |     3 +
 dist/loader/package.json                      |    11 +
 dist/types/components.d.ts                    |   866 ++
 .../calcite-alert/calcite-alert.d.ts          |    47 +
 .../calcite-alerts/calcite-alerts.d.ts        |    17 +
 .../calcite-button/calcite-button.d.ts        |    25 +
 .../calcite-checkbox/calcite-checkbox.d.ts    |    40 +
 .../calcite-example/calcite-example.d.ts      |    19 +
 .../calcite-loader/calcite-loader.d.ts        |    54 +
 .../calcite-modal/calcite-modal.d.ts          |    36 +
 .../calcite-progress/calcite-progress.d.ts    |    20 +
 .../calcite-radio-group-item.d.ts             |    21 +
 .../calcite-radio-group.d.ts                  |    28 +
 .../calcite-slider/calcite-slider.d.ts        |   132 +
 .../calcite-switch/calcite-switch.d.ts        |    25 +
 .../calcite-tab-nav/calcite-tab-nav.d.ts      |    43 +
 .../calcite-tab-title/calcite-tab-title.d.ts  |    58 +
 .../components/calcite-tab/calcite-tab.d.ts   |    39 +
 .../components/calcite-tabs/calcite-tabs.d.ts |    49 +
 dist/types/interfaces/AlertInterface.d.ts     |    12 +
 dist/types/interfaces/TabChange.d.ts          |     6 +
 dist/types/stencil.core.d.ts                  |  1330 ++
 dist/types/utils/dom.d.ts                     |     4 +
 dist/types/utils/guid.d.ts                    |     1 +
 dist/types/utils/keys.d.ts                    |    12 +
 hydrate/calcite-hydrate.js                    |  4118 +++++
 hydrate/index.d.ts                            |    94 +
 hydrate/index.js                              | 12628 ++++++++++++++++
 hydrate/package.json                          |     6 +
 197 files changed, 44299 insertions(+)
 create mode 100644 dist/calcite.js
 create mode 100644 dist/calcite/calcite.css
 create mode 100644 dist/calcite/calcite.esm.js
 create mode 100644 dist/calcite/calcite.js
 create mode 100644 dist/calcite/p-05cd1ccb.js
 create mode 100644 dist/calcite/p-3ea8955c.js
 create mode 100644 dist/calcite/p-3ec0d62c.system.js
 create mode 100644 dist/calcite/p-3edb1b93.js
 create mode 100644 dist/calcite/p-5b8f9126.system.js
 create mode 100644 dist/calcite/p-5ooyqlag.system.entry.js
 create mode 100644 dist/calcite/p-6bb56f1f.js
 create mode 100644 dist/calcite/p-6d3f767f.system.js
 create mode 100644 dist/calcite/p-6ea97731.system.js
 create mode 100644 dist/calcite/p-81cf2cf6.js
 create mode 100644 dist/calcite/p-860d8016.js
 create mode 100644 dist/calcite/p-8a0668f6.system.js
 create mode 100644 dist/calcite/p-8ojdarnk.entry.js
 create mode 100644 dist/calcite/p-9725f31b.system.js
 create mode 100644 dist/calcite/p-9dd9009f.js
 create mode 100644 dist/calcite/p-9de72867.js
 create mode 100644 dist/calcite/p-a1nosev3.system.entry.js
 create mode 100644 dist/calcite/p-aaf72d6b.system.js
 create mode 100644 dist/calcite/p-c1ffeac4.system.js
 create mode 100644 dist/calcite/p-d5hei7hx.system.entry.js
 create mode 100644 dist/calcite/p-dsiu7ikq.system.entry.js
 create mode 100644 dist/calcite/p-dzhqju6m.system.entry.js
 create mode 100644 dist/calcite/p-f6a71c4a.system.js
 create mode 100644 dist/calcite/p-goa4xz8w.entry.js
 create mode 100644 dist/calcite/p-h8xzsan9.entry.js
 create mode 100644 dist/calcite/p-hmdp5sur.entry.js
 create mode 100644 dist/calcite/p-ja3fncbx.system.entry.js
 create mode 100644 dist/calcite/p-liesittl.entry.js
 create mode 100644 dist/calcite/p-npigqbxz.entry.js
 create mode 100644 dist/calcite/p-nwnnuczh.entry.js
 create mode 100644 dist/calcite/p-oaa5ymmc.entry.js
 create mode 100644 dist/calcite/p-oinjvgun.system.entry.js
 create mode 100644 dist/calcite/p-qdiviuyv.entry.js
 create mode 100644 dist/calcite/p-rboowgca.system.entry.js
 create mode 100644 dist/calcite/p-rc0sul8c.system.entry.js
 create mode 100644 dist/calcite/p-sfffvwae.entry.js
 create mode 100644 dist/calcite/p-stlkuwis.entry.js
 create mode 100644 dist/calcite/p-tkkhtt8f.entry.js
 create mode 100644 dist/calcite/p-tviyvfsg.system.entry.js
 create mode 100644 dist/calcite/p-vt8kdnck.system.entry.js
 create mode 100644 dist/calcite/p-xvdg4ebm.system.entry.js
 create mode 100644 dist/cjs/calcite-alert_2.cjs.entry.js
 create mode 100644 dist/cjs/calcite-button.cjs.entry.js
 create mode 100644 dist/cjs/calcite-checkbox.cjs.entry.js
 create mode 100644 dist/cjs/calcite-example.cjs.entry.js
 create mode 100644 dist/cjs/calcite-loader.cjs.entry.js
 create mode 100644 dist/cjs/calcite-modal.cjs.entry.js
 create mode 100644 dist/cjs/calcite-progress.cjs.entry.js
 create mode 100644 dist/cjs/calcite-radio-group_2.cjs.entry.js
 create mode 100644 dist/cjs/calcite-slider.cjs.entry.js
 create mode 100644 dist/cjs/calcite-switch.cjs.entry.js
 create mode 100644 dist/cjs/calcite-tab_4.cjs.entry.js
 create mode 100644 dist/cjs/calcite.cjs.js
 create mode 100644 dist/cjs/chunk-15f3d72e.js
 create mode 100644 dist/cjs/chunk-1dda50bd.js
 create mode 100644 dist/cjs/chunk-51cd86d5.js
 create mode 100644 dist/cjs/chunk-7f841849.js
 create mode 100644 dist/cjs/chunk-eefb78d6.js
 create mode 100644 dist/cjs/context-consumer.cjs.entry.js
 create mode 100644 dist/cjs/css-shim-3ea8955c-8b902b6b.js
 create mode 100644 dist/cjs/dom-860d8016-0ebf8707.js
 create mode 100644 dist/cjs/index.cjs.js
 create mode 100644 dist/cjs/loader.cjs.js
 create mode 100644 dist/cjs/shadow-css-bbdf056f-2f07589b.js
 create mode 100644 dist/collection/assets/demo/createAlert.js
 create mode 100644 dist/collection/assets/demo/loadingButton.js
 create mode 100644 dist/collection/collection-manifest.json
 create mode 100644 dist/collection/components/calcite-alert/calcite-alert.css
 create mode 100644 dist/collection/components/calcite-alert/calcite-alert.js
 create mode 100644 dist/collection/components/calcite-alerts/calcite-alerts.css
 create mode 100644 dist/collection/components/calcite-alerts/calcite-alerts.js
 create mode 100644 dist/collection/components/calcite-button/calcite-button.css
 create mode 100644 dist/collection/components/calcite-button/calcite-button.js
 create mode 100644 dist/collection/components/calcite-checkbox/calcite-checkbox.css
 create mode 100644 dist/collection/components/calcite-checkbox/calcite-checkbox.js
 create mode 100644 dist/collection/components/calcite-example/calcite-example.css
 create mode 100644 dist/collection/components/calcite-example/calcite-example.js
 create mode 100644 dist/collection/components/calcite-loader/calcite-loader.css
 create mode 100644 dist/collection/components/calcite-loader/calcite-loader.js
 create mode 100644 dist/collection/components/calcite-modal/calcite-modal.css
 create mode 100644 dist/collection/components/calcite-modal/calcite-modal.js
 create mode 100644 dist/collection/components/calcite-progress/calcite-progress.css
 create mode 100644 dist/collection/components/calcite-progress/calcite-progress.js
 create mode 100644 dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.css
 create mode 100644 dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.js
 create mode 100644 dist/collection/components/calcite-radio-group/calcite-radio-group.css
 create mode 100644 dist/collection/components/calcite-radio-group/calcite-radio-group.js
 create mode 100644 dist/collection/components/calcite-slider/calcite-slider.css
 create mode 100644 dist/collection/components/calcite-slider/calcite-slider.js
 create mode 100644 dist/collection/components/calcite-switch/calcite-switch.css
 create mode 100644 dist/collection/components/calcite-switch/calcite-switch.js
 create mode 100644 dist/collection/components/calcite-tab-nav/calcite-tab-nav.css
 create mode 100644 dist/collection/components/calcite-tab-nav/calcite-tab-nav.js
 create mode 100644 dist/collection/components/calcite-tab-title/calcite-tab-title.css
 create mode 100644 dist/collection/components/calcite-tab-title/calcite-tab-title.js
 create mode 100644 dist/collection/components/calcite-tab/calcite-tab.css
 create mode 100644 dist/collection/components/calcite-tab/calcite-tab.js
 create mode 100644 dist/collection/components/calcite-tabs/calcite-tabs.css
 create mode 100644 dist/collection/components/calcite-tabs/calcite-tabs.js
 create mode 100644 dist/collection/interfaces/AlertInterface.js
 create mode 100644 dist/collection/interfaces/TabChange.js
 create mode 100644 dist/collection/utils/dom.js
 create mode 100644 dist/collection/utils/guid.js
 create mode 100644 dist/collection/utils/keys.js
 create mode 100644 dist/esm-es5/calcite-alert_2.entry.js
 create mode 100644 dist/esm-es5/calcite-button.entry.js
 create mode 100644 dist/esm-es5/calcite-checkbox.entry.js
 create mode 100644 dist/esm-es5/calcite-example.entry.js
 create mode 100644 dist/esm-es5/calcite-loader.entry.js
 create mode 100644 dist/esm-es5/calcite-modal.entry.js
 create mode 100644 dist/esm-es5/calcite-progress.entry.js
 create mode 100644 dist/esm-es5/calcite-radio-group_2.entry.js
 create mode 100644 dist/esm-es5/calcite-slider.entry.js
 create mode 100644 dist/esm-es5/calcite-switch.entry.js
 create mode 100644 dist/esm-es5/calcite-tab_4.entry.js
 create mode 100644 dist/esm-es5/calcite.mjs
 create mode 100644 dist/esm-es5/chunk-3edb1b93.js
 create mode 100644 dist/esm-es5/chunk-5f99f9d5.js
 create mode 100644 dist/esm-es5/chunk-6bb56f1f.js
 create mode 100644 dist/esm-es5/chunk-9dd9009f.js
 create mode 100644 dist/esm-es5/chunk-9de72867.js
 create mode 100644 dist/esm-es5/context-consumer.entry.js
 create mode 100644 dist/esm-es5/css-shim-3ea8955c-3ea8955c.js
 create mode 100644 dist/esm-es5/dom-860d8016-860d8016.js
 create mode 100644 dist/esm-es5/index.mjs
 create mode 100644 dist/esm-es5/loader.mjs
 create mode 100644 dist/esm-es5/shadow-css-bbdf056f-05cd1ccb.js
 create mode 100644 dist/esm/calcite-alert_2.entry.js
 create mode 100644 dist/esm/calcite-button.entry.js
 create mode 100644 dist/esm/calcite-checkbox.entry.js
 create mode 100644 dist/esm/calcite-example.entry.js
 create mode 100644 dist/esm/calcite-loader.entry.js
 create mode 100644 dist/esm/calcite-modal.entry.js
 create mode 100644 dist/esm/calcite-progress.entry.js
 create mode 100644 dist/esm/calcite-radio-group_2.entry.js
 create mode 100644 dist/esm/calcite-slider.entry.js
 create mode 100644 dist/esm/calcite-switch.entry.js
 create mode 100644 dist/esm/calcite-tab_4.entry.js
 create mode 100644 dist/esm/calcite.mjs
 create mode 100644 dist/esm/chunk-3edb1b93.js
 create mode 100644 dist/esm/chunk-5f99f9d5.js
 create mode 100644 dist/esm/chunk-6bb56f1f.js
 create mode 100644 dist/esm/chunk-9dd9009f.js
 create mode 100644 dist/esm/chunk-9de72867.js
 create mode 100644 dist/esm/context-consumer.entry.js
 create mode 100644 dist/esm/css-shim-3ea8955c-3ea8955c.js
 create mode 100644 dist/esm/dom-860d8016-860d8016.js
 create mode 100644 dist/esm/index.mjs
 create mode 100644 dist/esm/loader.mjs
 create mode 100644 dist/esm/polyfills/core-js.js
 create mode 100644 dist/esm/polyfills/css-shim.js
 create mode 100644 dist/esm/polyfills/dom.js
 create mode 100644 dist/esm/polyfills/es5-html-element.js
 create mode 100644 dist/esm/polyfills/index.js
 create mode 100644 dist/esm/polyfills/promise.js
 create mode 100644 dist/esm/polyfills/system.js
 create mode 100644 dist/esm/shadow-css-bbdf056f-05cd1ccb.js
 create mode 100644 dist/index.js
 create mode 100644 dist/index.mjs
 create mode 100644 dist/loader/cdn.js
 create mode 100644 dist/loader/index.cjs.js
 create mode 100644 dist/loader/index.d.ts
 create mode 100644 dist/loader/index.es2017.mjs
 create mode 100644 dist/loader/index.mjs
 create mode 100644 dist/loader/node-main.js
 create mode 100644 dist/loader/package.json
 create mode 100644 dist/types/components.d.ts
 create mode 100644 dist/types/components/calcite-alert/calcite-alert.d.ts
 create mode 100644 dist/types/components/calcite-alerts/calcite-alerts.d.ts
 create mode 100644 dist/types/components/calcite-button/calcite-button.d.ts
 create mode 100644 dist/types/components/calcite-checkbox/calcite-checkbox.d.ts
 create mode 100644 dist/types/components/calcite-example/calcite-example.d.ts
 create mode 100644 dist/types/components/calcite-loader/calcite-loader.d.ts
 create mode 100644 dist/types/components/calcite-modal/calcite-modal.d.ts
 create mode 100644 dist/types/components/calcite-progress/calcite-progress.d.ts
 create mode 100644 dist/types/components/calcite-radio-group-item/calcite-radio-group-item.d.ts
 create mode 100644 dist/types/components/calcite-radio-group/calcite-radio-group.d.ts
 create mode 100644 dist/types/components/calcite-slider/calcite-slider.d.ts
 create mode 100644 dist/types/components/calcite-switch/calcite-switch.d.ts
 create mode 100644 dist/types/components/calcite-tab-nav/calcite-tab-nav.d.ts
 create mode 100644 dist/types/components/calcite-tab-title/calcite-tab-title.d.ts
 create mode 100644 dist/types/components/calcite-tab/calcite-tab.d.ts
 create mode 100644 dist/types/components/calcite-tabs/calcite-tabs.d.ts
 create mode 100644 dist/types/interfaces/AlertInterface.d.ts
 create mode 100644 dist/types/interfaces/TabChange.d.ts
 create mode 100644 dist/types/stencil.core.d.ts
 create mode 100644 dist/types/utils/dom.d.ts
 create mode 100644 dist/types/utils/guid.d.ts
 create mode 100644 dist/types/utils/keys.d.ts
 create mode 100644 hydrate/calcite-hydrate.js
 create mode 100644 hydrate/index.d.ts
 create mode 100644 hydrate/index.js
 create mode 100644 hydrate/package.json

diff --git a/dist/calcite.js b/dist/calcite.js
new file mode 100644
index 00000000000..3cd8645ffc0
--- /dev/null
+++ b/dist/calcite.js
@@ -0,0 +1,27 @@
+
+(function(doc){
+  var scriptElm = doc.scripts[doc.scripts.length - 1];
+  var warn = ['[calcite] Deprecated script, please remove: ' + scriptElm.outerHTML];
+
+  warn.push('To improve performance it is recommended to set the differential scripts in the head as follows:')
+
+  var parts = scriptElm.src.split('/');
+  parts.pop();
+  parts.push('calcite');
+  var url = parts.join('/');
+
+  var scriptElm = doc.createElement('script');
+  scriptElm.setAttribute('type', 'module');
+  scriptElm.src = url + '/calcite.esm.js';
+  doc.head.appendChild(scriptElm);
+  warn.push(scriptElm.outerHTML);
+
+  scriptElm = doc.createElement('script');
+  scriptElm.setAttribute('nomodule', '');
+  scriptElm.src = url + '/calcite.js';
+  doc.head.appendChild(scriptElm);
+  warn.push(scriptElm.outerHTML);
+
+  console.warn(warn.join('\n'));
+
+})(document);
\ No newline at end of file
diff --git a/dist/calcite/calcite.css b/dist/calcite/calcite.css
new file mode 100644
index 00000000000..61d7d4923fd
--- /dev/null
+++ b/dist/calcite/calcite.css
@@ -0,0 +1 @@
+body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}
\ No newline at end of file
diff --git a/dist/calcite/calcite.esm.js b/dist/calcite/calcite.esm.js
new file mode 100644
index 00000000000..1425d4f7a8f
--- /dev/null
+++ b/dist/calcite/calcite.esm.js
@@ -0,0 +1 @@
+import{p as e,b as a}from"./p-81cf2cf6.js";e().then(e=>a([["p-goa4xz8w",[[1,"calcite-alert",{dismiss:[4],duration:[513],color:[513],theme:[513],icon:[4],alertId:[1,"alert-id"],currentAlert:[1,"current-alert"],queueLength:[2,"queue-length"],active:[32],closeCalciteAlert:[64],openCalciteAlert:[64]}],[1,"calcite-alerts",{currentAlert:[32],active:[32],alertQueue:[32]},[[0,"calciteAlertOpen","updateQueueOnOpen"],[0,"calciteAlertClose","updateQueueOnClose"]]]]],["p-oaa5ymmc",[[1,"calcite-button",{color:[1537],appearance:[1537],scale:[1537],width:[1537],loading:[516],href:[513],icon:[513],hastext:[1028]}]]],["p-liesittl",[[1,"calcite-tab",{tab:[1537],isActive:[1540,"is-active"],labeledBy:[32],getTabIndex:[64],updateAriaInfo:[64]},[[16,"calciteTabChange","tabChangeHandler"]]],[1,"calcite-tab-nav",{storageId:[1,"storage-id"],syncId:[1,"sync-id"],selectedTab:[32]},[[0,"calciteTabsFocusPrevious","focusPreviousTabHandler"],[0,"calciteTabsFocusNext","focusNextTabHandler"],[0,"calciteTabsActivate","activateTabHandler"],[32,"calciteTabChange","globalTabChangeHandler"]]],[1,"calcite-tab-title",{tab:[1537],isActive:[1540,"is-active"],controls:[32],getTabIndex:[64],getTabIdentifier:[64],updateAriaInfo:[64]},[[16,"calciteTabChange","tabChangeHandler"],[0,"click","onClick"],[0,"keydown","keyDownHandler"]]],[1,"calcite-tabs",{theme:[513],layout:[513],titles:[32],tabs:[32]},[[0,"calciteTabTitleRegister","calciteTabTitleRegister"],[0,"calciteTabTitleUnregister","calciteTabTitleUnregister"],[0,"calciteTabRegister","calciteTabRegister"],[0,"calciteTabUnregister","calciteTabUnregister"]]]]],["p-stlkuwis",[[1,"calcite-radio-group",{name:[1],selectedItem:[8,"selected-item"],theme:[513]},[[0,"click","handleClick"],[0,"calciteRadioGroupItemChange","handleSelected"],[0,"keydown","handleKeyDown"]]],[1,"calcite-radio-group-item",{checked:[1540],value:[8]}]]],["p-qdiviuyv",[[1,"calcite-checkbox",{checked:[1540],indeterminate:[1540],name:[1537],value:[1537],size:[513],disabled:[516],theme:[513]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]]],["p-npigqbxz",[[1,"calcite-example",{property:[1],state:[32],doThing:[64]},[[0,"click","onClick"]]]]],["p-h8xzsan9",[[1,"calcite-modal",{beforeClose:[16],closeLabel:[1,"close-label"],docked:[516],firstFocus:[16],size:[513],color:[513],theme:[513],isActive:[32],hideBackButton:[32],hideSecondaryButton:[32],open:[64],close:[64]},[[0,"keyup","handleEscape"]]]]],["p-hmdp5sur",[[4,"calcite-progress",{type:[1],value:[2],text:[1],reversed:[4]}]]],["p-8ojdarnk",[[1,"calcite-slider",{disabled:[1540],min:[1538],max:[1538],value:[1538],minValue:[2,"min-value"],maxValue:[2,"max-value"],minLabel:[1,"min-label"],maxLabel:[1,"max-label"],snap:[4],step:[2],pageStep:[2,"page-step"],ticks:[2],labelTicks:[516,"label-ticks"],labelHandles:[516,"label-handles"],precise:[4],tickValues:[32],activeProp:[32]},[[0,"keydown","keyDownHandler"],[0,"click","clickHandler"]]]]],["p-tkkhtt8f",[[1,"calcite-switch",{switched:[1540],name:[1537],value:[1537],color:[1]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]]],["p-nwnnuczh",[[1,"calcite-loader",{isActive:[1540,"is-active"],inline:[1540],type:[1537],value:[2],text:[1],loaderBarOffsets:[32],isEdge:[32]}]]],["p-sfffvwae",[[0,"context-consumer",{context:[16],renderer:[16],subscribe:[16],unsubscribe:[32]}]]]],e));
\ No newline at end of file
diff --git a/dist/calcite/calcite.js b/dist/calcite/calcite.js
new file mode 100644
index 00000000000..acd5b615f35
--- /dev/null
+++ b/dist/calcite/calcite.js
@@ -0,0 +1,803 @@
+
+'use strict';
+/*!
+es6-promise - a tiny implementation of Promises/A+.
+Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
+Licensed under MIT license
+See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
+https://cdn.jsdelivr.net/npm/es6-promise/dist/es6-promise.auto.min.js
+v4.2.8
+*/
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.ES6Promise=e()}(this,function(){"use strict";function t(t){var e=typeof t;return null!==t&&("object"===e||"function"===e)}function e(t){return"function"==typeof t}function n(t){W=t}function r(t){z=t}function o(){return function(){return process.nextTick(a)}}function i(){return"undefined"!=typeof U?function(){U(a)}:c()}function s(){var t=0,e=new H(a),n=document.createTextNode("");return e.observe(n,{characterData:!0}),function(){n.data=t=++t%2}}function u(){var t=new MessageChannel;return t.port1.onmessage=a,function(){return t.port2.postMessage(0)}}function c(){var t=setTimeout;return function(){return t(a,1)}}function a(){for(var t=0;t<N;t+=2){var e=Q[t],n=Q[t+1];e(n),Q[t]=void 0,Q[t+1]=void 0}N=0}function f(){try{var t=Function("return this")().require("vertx");return U=t.runOnLoop||t.runOnContext,i()}catch(e){return c()}}function l(t,e){var n=this,r=new this.constructor(p);void 0===r[V]&&x(r);var o=n._state;if(o){var i=arguments[o-1];z(function(){return T(o,r,i,n._result)})}else j(n,r,t,e);return r}function h(t){var e=this;if(t&&"object"==typeof t&&t.constructor===e)return t;var n=new e(p);return w(n,t),n}function p(){}function v(){return new TypeError("You cannot resolve a promise with itself")}function d(){return new TypeError("A promises callback cannot return that same promise.")}function _(t,e,n,r){try{t.call(e,n,r)}catch(o){return o}}function y(t,e,n){z(function(t){var r=!1,o=_(n,e,function(n){r||(r=!0,e!==n?w(t,n):A(t,n))},function(e){r||(r=!0,S(t,e))},"Settle: "+(t._label||" unknown promise"));!r&&o&&(r=!0,S(t,o))},t)}function m(t,e){e._state===Z?A(t,e._result):e._state===$?S(t,e._result):j(e,void 0,function(e){return w(t,e)},function(e){return S(t,e)})}function b(t,n,r){n.constructor===t.constructor&&r===l&&n.constructor.resolve===h?m(t,n):void 0===r?A(t,n):e(r)?y(t,n,r):A(t,n)}function w(e,n){if(e===n)S(e,v());else if(t(n)){var r=void 0;try{r=n.then}catch(o){return void S(e,o)}b(e,n,r)}else A(e,n)}function g(t){t._onerror&&t._onerror(t._result),E(t)}function A(t,e){t._state===X&&(t._result=e,t._state=Z,0!==t._subscribers.length&&z(E,t))}function S(t,e){t._state===X&&(t._state=$,t._result=e,z(g,t))}function j(t,e,n,r){var o=t._subscribers,i=o.length;t._onerror=null,o[i]=e,o[i+Z]=n,o[i+$]=r,0===i&&t._state&&z(E,t)}function E(t){var e=t._subscribers,n=t._state;if(0!==e.length){for(var r=void 0,o=void 0,i=t._result,s=0;s<e.length;s+=3)r=e[s],o=e[s+n],r?T(n,r,o,i):o(i);t._subscribers.length=0}}function T(t,n,r,o){var i=e(r),s=void 0,u=void 0,c=!0;if(i){try{s=r(o)}catch(a){c=!1,u=a}if(n===s)return void S(n,d())}else s=o;n._state!==X||(i&&c?w(n,s):c===!1?S(n,u):t===Z?A(n,s):t===$&&S(n,s))}function M(t,e){try{e(function(e){w(t,e)},function(e){S(t,e)})}catch(n){S(t,n)}}function P(){return tt++}function x(t){t[V]=tt++,t._state=void 0,t._result=void 0,t._subscribers=[]}function C(){return new Error("Array Methods must be provided an Array")}function O(t){return new et(this,t).promise}function k(t){var e=this;return new e(L(t)?function(n,r){for(var o=t.length,i=0;i<o;i++)e.resolve(t[i]).then(n,r)}:function(t,e){return e(new TypeError("You must pass an array to race."))})}function F(t){var e=this,n=new e(p);return S(n,t),n}function Y(){throw new TypeError("You must pass a resolver function as the first argument to the promise constructor")}function q(){throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.")}function D(){var t=void 0;if("undefined"!=typeof global)t=global;else if("undefined"!=typeof self)t=self;else try{t=Function("return this")()}catch(e){throw new Error("polyfill failed because global object is unavailable in this environment")}var n=t.Promise;if(n){var r=null;try{r=Object.prototype.toString.call(n.resolve())}catch(e){}if("[object Promise]"===r&&!n.cast)return}t.Promise=nt}var K=void 0;K=Array.isArray?Array.isArray:function(t){return"[object Array]"===Object.prototype.toString.call(t)};var L=K,N=0,U=void 0,W=void 0,z=function(t,e){Q[N]=t,Q[N+1]=e,N+=2,2===N&&(W?W(a):R())},B="undefined"!=typeof window?window:void 0,G=B||{},H=G.MutationObserver||G.WebKitMutationObserver,I="undefined"==typeof self&&"undefined"!=typeof process&&"[object process]"==={}.toString.call(process),J="undefined"!=typeof Uint8ClampedArray&&"undefined"!=typeof importScripts&&"undefined"!=typeof MessageChannel,Q=new Array(1e3),R=void 0;R=I?o():H?s():J?u():void 0===B&&"function"==typeof require?f():c();var V=Math.random().toString(36).substring(2),X=void 0,Z=1,$=2,tt=0,et=function(){function t(t,e){this._instanceConstructor=t,this.promise=new t(p),this.promise[V]||x(this.promise),L(e)?(this.length=e.length,this._remaining=e.length,this._result=new Array(this.length),0===this.length?A(this.promise,this._result):(this.length=this.length||0,this._enumerate(e),0===this._remaining&&A(this.promise,this._result))):S(this.promise,C())}return t.prototype._enumerate=function(t){for(var e=0;this._state===X&&e<t.length;e++)this._eachEntry(t[e],e)},t.prototype._eachEntry=function(t,e){var n=this._instanceConstructor,r=n.resolve;if(r===h){var o=void 0,i=void 0,s=!1;try{o=t.then}catch(u){s=!0,i=u}if(o===l&&t._state!==X)this._settledAt(t._state,e,t._result);else if("function"!=typeof o)this._remaining--,this._result[e]=t;else if(n===nt){var c=new n(p);s?S(c,i):b(c,t,o),this._willSettleAt(c,e)}else this._willSettleAt(new n(function(e){return e(t)}),e)}else this._willSettleAt(r(t),e)},t.prototype._settledAt=function(t,e,n){var r=this.promise;r._state===X&&(this._remaining--,t===$?S(r,n):this._result[e]=n),0===this._remaining&&A(r,this._result)},t.prototype._willSettleAt=function(t,e){var n=this;j(t,void 0,function(t){return n._settledAt(Z,e,t)},function(t){return n._settledAt($,e,t)})},t}(),nt=function(){function t(e){this[V]=P(),this._result=this._state=void 0,this._subscribers=[],p!==e&&("function"!=typeof e&&Y(),this instanceof t?M(this,e):q())}return t.prototype["catch"]=function(t){return this.then(null,t)},t.prototype["finally"]=function(t){var n=this,r=n.constructor;return e(t)?n.then(function(e){return r.resolve(t()).then(function(){return e})},function(e){return r.resolve(t()).then(function(){throw e})}):n.then(t,t)},t}();return nt.prototype.then=l,nt.all=O,nt.race=k,nt.resolve=h,nt.reject=F,nt._setScheduler=n,nt._setAsap=r,nt._asap=z,nt.polyfill=D,nt.Promise=nt,nt.polyfill(),nt});
+
+/**
+ * core-js 3.1.4
+ * https://github.com/zloirock/core-js
+ * License: http://rock.mit-license.org
+ * © 2019 Denis Pushkarev (zloirock.ru)
+ */
+!function (undefined) { 'use strict'; !function(t){var r={};function n(e){if(r[e])return r[e].exports;var o=r[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=r,n.d=function(t,r,e){n.o(t,r)||Object.defineProperty(t,r,{enumerable:!0,get:e})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,r){if(1&r&&(t=n(t)),8&r)return t;if(4&r&&"object"==typeof t&&t&&t.__esModule)return t;var e=Object.create(null);if(n.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:t}),2&r&&"string"!=typeof t)for(var o in t)n.d(e,o,function(r){return t[r]}.bind(null,o));return e},n.n=function(t){var r=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(r,"a",r),r},n.o=function(t,r){return Object.prototype.hasOwnProperty.call(t,r)},n.p="",n(n.s=105)}([function(t,r,n){var e=n(4),o=n(20).f,i=n(16),u=n(15),a=n(60),c=n(107),s=n(44);t.exports=function(t,r){var n,f,l,p,h,v=t.target,g=t.global,d=t.stat;if(n=g?e:d?e[v]||a(v,{}):(e[v]||{}).prototype)for(f in r){if(p=r[f],l=t.noTargetGet?(h=o(n,f))&&h.value:n[f],!s(g?f:v+(d?".":"#")+f,t.forced)&&void 0!==l){if(typeof p==typeof l)continue;c(p,l)}(t.sham||l&&l.sham)&&i(p,"sham",!0),u(n,f,p,t)}}},function(t,r){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,r){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,r,n){var e=n(4),o=n(40),i=n(62),u=n(109),a=e.Symbol,c=o("wks");t.exports=function(t){return c[t]||(c[t]=u&&a[t]||(u?a:i)("Symbol."+t))}},function(t,r){var n="object",e=function(t){return t&&t.Math==Math&&t};t.exports=e(typeof globalThis==n&&globalThis)||e(typeof window==n&&window)||e(typeof self==n&&self)||e(typeof global==n&&global)||Function("return this")()},function(t,r,n){var e=n(1);t.exports=!e(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,r,n){var e=n(18),o=Math.min;t.exports=function(t){return t>0?o(e(t),9007199254740991):0}},function(t,r,n){var e=n(2);t.exports=function(t){if(!e(t))throw TypeError(String(t)+" is not an object");return t}},function(t,r,n){var e=n(9);t.exports=function(t){return Object(e(t))}},function(t,r){t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},function(t,r,n){var e=n(5),o=n(75),i=n(7),u=n(24),a=Object.defineProperty;r.f=e?a:function(t,r,n){if(i(t),r=u(r,!0),i(n),o)try{return a(t,r,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported");return"value"in n&&(t[r]=n.value),t}},function(t,r){var n={}.hasOwnProperty;t.exports=function(t,r){return n.call(t,r)}},function(t,r,n){var e=n(9),o=/"/g;t.exports=function(t,r,n,i){var u=String(e(t)),a="<"+r;return""!==n&&(a+=" "+n+'="'+String(i).replace(o,"&quot;")+'"'),a+">"+u+"</"+r+">"}},function(t,r,n){var e=n(1);t.exports=function(t){return e(function(){var r=""[t]('"');return r!==r.toLowerCase()||r.split('"').length>3})}},function(t,r,n){var e=n(39),o=n(9);t.exports=function(t){return e(o(t))}},function(t,r,n){var e=n(4),o=n(40),i=n(16),u=n(11),a=n(60),c=n(77),s=n(17),f=s.get,l=s.enforce,p=String(c).split("toString");o("inspectSource",function(t){return c.call(t)}),(t.exports=function(t,r,n,o){var c=!!o&&!!o.unsafe,s=!!o&&!!o.enumerable,f=!!o&&!!o.noTargetGet;"function"==typeof n&&("string"!=typeof r||u(n,"name")||i(n,"name",r),l(n).source=p.join("string"==typeof r?r:"")),t!==e?(c?!f&&t[r]&&(s=!0):delete t[r],s?t[r]=n:i(t,r,n)):s?t[r]=n:a(r,n)})(Function.prototype,"toString",function(){return"function"==typeof this&&f(this).source||c.call(this)})},function(t,r,n){var e=n(5),o=n(10),i=n(38);t.exports=e?function(t,r,n){return o.f(t,r,i(1,n))}:function(t,r,n){return t[r]=n,t}},function(t,r,n){var e,o,i,u=n(78),a=n(4),c=n(2),s=n(16),f=n(11),l=n(61),p=n(41),h=a.WeakMap;if(u){var v=new h,g=v.get,d=v.has,y=v.set;e=function(t,r){return y.call(v,t,r),r},o=function(t){return g.call(v,t)||{}},i=function(t){return d.call(v,t)}}else{var x=l("state");p[x]=!0,e=function(t,r){return s(t,x,r),r},o=function(t){return f(t,x)?t[x]:{}},i=function(t){return f(t,x)}}t.exports={set:e,get:o,has:i,enforce:function(t){return i(t)?o(t):e(t,{})},getterFor:function(t){return function(r){var n;if(!c(r)||(n=o(r)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return n}}}},function(t,r){var n=Math.ceil,e=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?e:n)(t)}},function(t,r,n){var e=n(3),o=n(46),i=n(16),u=e("unscopables"),a=Array.prototype;null==a[u]&&i(a,u,o(null)),t.exports=function(t){a[u][t]=!0}},function(t,r,n){var e=n(5),o=n(59),i=n(38),u=n(14),a=n(24),c=n(11),s=n(75),f=Object.getOwnPropertyDescriptor;r.f=e?f:function(t,r){if(t=u(t),r=a(r,!0),s)try{return f(t,r)}catch(t){}if(c(t,r))return i(!o.f.call(t,r),t[r])}},function(t,r){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,r,n){"use strict";var e=n(24),o=n(10),i=n(38);t.exports=function(t,r,n){var u=e(r);u in t?o.f(t,u,i(0,n)):t[u]=n}},function(t,r,n){var e=n(41),o=n(2),i=n(11),u=n(10).f,a=n(62),c=n(50),s=a("meta"),f=0,l=Object.isExtensible||function(){return!0},p=function(t){u(t,s,{value:{objectID:"O"+ ++f,weakData:{}}})},h=t.exports={REQUIRED:!1,fastKey:function(t,r){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,s)){if(!l(t))return"F";if(!r)return"E";p(t)}return t[s].objectID},getWeakData:function(t,r){if(!i(t,s)){if(!l(t))return!0;if(!r)return!1;p(t)}return t[s].weakData},onFreeze:function(t){return c&&h.REQUIRED&&l(t)&&!i(t,s)&&p(t),t}};e[s]=!0},function(t,r,n){var e=n(2);t.exports=function(t,r){if(!e(t))return t;var n,o;if(r&&"function"==typeof(n=t.toString)&&!e(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!e(o=n.call(t)))return o;if(!r&&"function"==typeof(n=t.toString)&&!e(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,r){t.exports=!1},function(t,r,n){var e=n(18),o=Math.max,i=Math.min;t.exports=function(t,r){var n=e(t);return n<0?o(n+r,0):i(n,r)}},function(t,r,n){var e=n(28);t.exports=function(t,r,n){if(e(t),void 0===r)return t;switch(n){case 0:return function(){return t.call(r)};case 1:return function(n){return t.call(r,n)};case 2:return function(n,e){return t.call(r,n,e)};case 3:return function(n,e,o){return t.call(r,n,e,o)}}return function(){return t.apply(r,arguments)}}},function(t,r){t.exports=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function");return t}},function(t,r,n){var e=n(11),o=n(8),i=n(61),u=n(91),a=i("IE_PROTO"),c=Object.prototype;t.exports=u?Object.getPrototypeOf:function(t){return t=o(t),e(t,a)?t[a]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?c:null}},function(t,r,n){var e=n(10).f,o=n(11),i=n(3)("toStringTag");t.exports=function(t,r,n){t&&!o(t=n?t:t.prototype,i)&&e(t,i,{configurable:!0,value:r})}},function(t,r,n){var e=n(9),o="["+n(53)+"]",i=RegExp("^"+o+o+"*"),u=RegExp(o+o+"*$"),a=function(t){return function(r){var n=String(e(r));return 1&t&&(n=n.replace(i,"")),2&t&&(n=n.replace(u,"")),n}};t.exports={start:a(1),end:a(2),trim:a(3)}},function(t,r,n){var e=n(2),o=n(45),i=n(3)("species");t.exports=function(t,r){var n;return o(t)&&("function"!=typeof(n=t.constructor)||n!==Array&&!o(n.prototype)?e(n)&&null===(n=n[i])&&(n=void 0):n=void 0),new(void 0===n?Array:n)(0===r?0:r)}},function(t,r,n){var e=n(1),o=n(3)("species");t.exports=function(t){return!e(function(){var r=[];return(r.constructor={})[o]=function(){return{foo:1}},1!==r[t](Boolean).foo})}},function(t,r,n){var e=n(27),o=n(39),i=n(8),u=n(6),a=n(32),c=[].push,s=function(t){var r=1==t,n=2==t,s=3==t,f=4==t,l=6==t,p=5==t||l;return function(h,v,g,d){for(var y,x,m=i(h),b=o(m),S=e(v,g,3),w=u(b.length),E=0,O=d||a,A=r?O(h,w):n?O(h,0):void 0;w>E;E++)if((p||E in b)&&(x=S(y=b[E],E,m),t))if(r)A[E]=x;else if(x)switch(t){case 3:return!0;case 5:return y;case 6:return E;case 2:c.call(A,y)}else if(f)return!1;return l?-1:s||f?f:A}};t.exports={forEach:s(0),map:s(1),filter:s(2),some:s(3),every:s(4),find:s(5),findIndex:s(6)}},function(t,r){t.exports={}},function(t,r){t.exports=function(t,r,n){if(!(t instanceof r))throw TypeError("Incorrect "+(n?n+" ":"")+"invocation");return t}},function(t,r,n){"use strict";var e=n(7);t.exports=function(){var t=e(this),r="";return t.global&&(r+="g"),t.ignoreCase&&(r+="i"),t.multiline&&(r+="m"),t.dotAll&&(r+="s"),t.unicode&&(r+="u"),t.sticky&&(r+="y"),r}},function(t,r){t.exports=function(t,r){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:r}}},function(t,r,n){var e=n(1),o=n(21),i="".split;t.exports=e(function(){return!Object("z").propertyIsEnumerable(0)})?function(t){return"String"==o(t)?i.call(t,""):Object(t)}:Object},function(t,r,n){var e=n(4),o=n(60),i=n(25),u=e["__core-js_shared__"]||o("__core-js_shared__",{});(t.exports=function(t,r){return u[t]||(u[t]=void 0!==r?r:{})})("versions",[]).push({version:"3.1.3",mode:i?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},function(t,r){t.exports={}},function(t,r,n){var e=n(108),o=n(4),i=function(t){return"function"==typeof t?t:void 0};t.exports=function(t,r){return arguments.length<2?i(e[t])||i(o[t]):e[t]&&e[t][r]||o[t]&&o[t][r]}},function(t,r,n){var e=n(80),o=n(63).concat("length","prototype");r.f=Object.getOwnPropertyNames||function(t){return e(t,o)}},function(t,r,n){var e=n(1),o=/#|\.prototype\./,i=function(t,r){var n=a[u(t)];return n==s||n!=c&&("function"==typeof r?e(r):!!r)},u=i.normalize=function(t){return String(t).replace(o,".").toLowerCase()},a=i.data={},c=i.NATIVE="N",s=i.POLYFILL="P";t.exports=i},function(t,r,n){var e=n(21);t.exports=Array.isArray||function(t){return"Array"==e(t)}},function(t,r,n){var e=n(7),o=n(83),i=n(63),u=n(41),a=n(112),c=n(76),s=n(61)("IE_PROTO"),f=function(){},l=function(){var t,r=c("iframe"),n=i.length;for(r.style.display="none",a.appendChild(r),r.src=String("javascript:"),(t=r.contentWindow.document).open(),t.write("<script>document.F=Object<\/script>"),t.close(),l=t.F;n--;)delete l.prototype[i[n]];return l()};t.exports=Object.create||function(t,r){var n;return null!==t?(f.prototype=e(t),n=new f,f.prototype=null,n[s]=t):n=l(),void 0===r?n:o(n,r)},u[s]=!0},function(t,r,n){var e=n(80),o=n(63);t.exports=Object.keys||function(t){return e(t,o)}},function(t,r,n){var e=n(64),o=n(35),i=n(3)("iterator");t.exports=function(t){if(null!=t)return t[i]||t["@@iterator"]||o[e(t)]}},function(t,r,n){"use strict";var e=n(0),o=n(4),i=n(44),u=n(15),a=n(23),c=n(51),s=n(36),f=n(2),l=n(1),p=n(88),h=n(30),v=n(68);t.exports=function(t,r,n,g,d){var y=o[t],x=y&&y.prototype,m=y,b=g?"set":"add",S={},w=function(t){var r=x[t];u(x,t,"add"==t?function(t){return r.call(this,0===t?0:t),this}:"delete"==t?function(t){return!(d&&!f(t))&&r.call(this,0===t?0:t)}:"get"==t?function(t){return d&&!f(t)?void 0:r.call(this,0===t?0:t)}:"has"==t?function(t){return!(d&&!f(t))&&r.call(this,0===t?0:t)}:function(t,n){return r.call(this,0===t?0:t,n),this})};if(i(t,"function"!=typeof y||!(d||x.forEach&&!l(function(){(new y).entries().next()}))))m=n.getConstructor(r,t,g,b),a.REQUIRED=!0;else if(i(t,!0)){var E=new m,O=E[b](d?{}:-0,1)!=E,A=l(function(){E.has(1)}),I=p(function(t){new y(t)}),j=!d&&l(function(){for(var t=new y,r=5;r--;)t[b](r,r);return!t.has(-0)});I||((m=r(function(r,n){s(r,m,t);var e=v(new y,r,m);return null!=n&&c(n,e[b],e,g),e})).prototype=x,x.constructor=m),(A||j)&&(w("delete"),w("has"),g&&w("get")),(j||O)&&w(b),d&&x.clear&&delete x.clear}return S[t]=m,e({global:!0,forced:m!=y},S),h(m,t),d||n.setStrong(m,t,g),m}},function(t,r,n){var e=n(1);t.exports=!e(function(){return Object.isExtensible(Object.preventExtensions({}))})},function(t,r,n){var e=n(7),o=n(87),i=n(6),u=n(27),a=n(48),c=n(86),s=function(t,r){this.stopped=t,this.result=r};(t.exports=function(t,r,n,f,l){var p,h,v,g,d,y,x=u(r,n,f?2:1);if(l)p=t;else{if("function"!=typeof(h=a(t)))throw TypeError("Target is not iterable");if(o(h)){for(v=0,g=i(t.length);g>v;v++)if((d=f?x(e(y=t[v])[0],y[1]):x(t[v]))&&d instanceof s)return d;return new s(!1)}p=h.call(t)}for(;!(y=p.next()).done;)if((d=c(p,x,y.value,f))&&d instanceof s)return d;return new s(!1)}).stop=function(t){return new s(!0,t)}},function(t,r,n){var e=n(15);t.exports=function(t,r,n){for(var o in r)e(t,o,r[o],n);return t}},function(t,r){t.exports="\t\n\v\f\r                　\u2028\u2029\ufeff"},function(t,r,n){"use strict";var e=n(25),o=n(4),i=n(1);t.exports=e||!i(function(){var t=Math.random();__defineSetter__.call(null,t,function(){}),delete o[t]})},function(t,r,n){var e=n(18),o=n(9),i=function(t){return function(r,n){var i,u,a=String(o(r)),c=e(n),s=a.length;return c<0||c>=s?t?"":void 0:(i=a.charCodeAt(c))<55296||i>56319||c+1===s||(u=a.charCodeAt(c+1))<56320||u>57343?t?a.charAt(c):i:t?a.slice(c,c+2):u-56320+(i-55296<<10)+65536}};t.exports={codeAt:i(!1),charAt:i(!0)}},function(t,r,n){"use strict";var e=n(16),o=n(15),i=n(1),u=n(3),a=n(73),c=u("species"),s=!i(function(){var t=/./;return t.exec=function(){var t=[];return t.groups={a:"7"},t},"7"!=="".replace(t,"$<a>")}),f=!i(function(){var t=/(?:)/,r=t.exec;t.exec=function(){return r.apply(this,arguments)};var n="ab".split(t);return 2!==n.length||"a"!==n[0]||"b"!==n[1]});t.exports=function(t,r,n,l){var p=u(t),h=!i(function(){var r={};return r[p]=function(){return 7},7!=""[t](r)}),v=h&&!i(function(){var r=!1,n=/a/;return n.exec=function(){return r=!0,null},"split"===t&&(n.constructor={},n.constructor[c]=function(){return n}),n[p](""),!r});if(!h||!v||"replace"===t&&!s||"split"===t&&!f){var g=/./[p],d=n(p,""[t],function(t,r,n,e,o){return r.exec===a?h&&!o?{done:!0,value:g.call(r,n,e)}:{done:!0,value:t.call(n,r,e)}:{done:!1}}),y=d[0],x=d[1];o(String.prototype,t,y),o(RegExp.prototype,p,2==r?function(t,r){return x.call(t,this,r)}:function(t){return x.call(t,this)}),l&&e(RegExp.prototype[p],"sham",!0)}}},function(t,r,n){"use strict";var e=n(55).charAt;t.exports=function(t,r,n){return r+(n?e(t,r).length:1)}},function(t,r,n){var e=n(21),o=n(73);t.exports=function(t,r){var n=t.exec;if("function"==typeof n){var i=n.call(t,r);if("object"!=typeof i)throw TypeError("RegExp exec method returned something other than an Object or null");return i}if("RegExp"!==e(t))throw TypeError("RegExp#exec called on incompatible receiver");return o.call(t,r)}},function(t,r,n){"use strict";var e={}.propertyIsEnumerable,o=Object.getOwnPropertyDescriptor,i=o&&!e.call({1:2},1);r.f=i?function(t){var r=o(this,t);return!!r&&r.enumerable}:e},function(t,r,n){var e=n(4),o=n(16);t.exports=function(t,r){try{o(e,t,r)}catch(n){e[t]=r}return r}},function(t,r,n){var e=n(40),o=n(62),i=e("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},function(t,r){var n=0,e=Math.random();t.exports=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++n+e).toString(36)}},function(t,r){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},function(t,r,n){var e=n(21),o=n(3)("toStringTag"),i="Arguments"==e(function(){return arguments}());t.exports=function(t){var r,n,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,r){try{return t[r]}catch(t){}}(r=Object(t),o))?n:i?e(r):"Object"==(u=e(r))&&"function"==typeof r.callee?"Arguments":u}},function(t,r,n){"use strict";var e=n(0),o=n(66),i=n(29),u=n(92),a=n(30),c=n(16),s=n(15),f=n(3),l=n(25),p=n(35),h=n(90),v=h.IteratorPrototype,g=h.BUGGY_SAFARI_ITERATORS,d=f("iterator"),y=function(){return this};t.exports=function(t,r,n,f,h,x,m){o(n,r,f);var b,S,w,E=function(t){if(t===h&&R)return R;if(!g&&t in I)return I[t];switch(t){case"keys":case"values":case"entries":return function(){return new n(this,t)}}return function(){return new n(this)}},O=r+" Iterator",A=!1,I=t.prototype,j=I[d]||I["@@iterator"]||h&&I[h],R=!g&&j||E(h),k="Array"==r&&I.entries||j;if(k&&(b=i(k.call(new t)),v!==Object.prototype&&b.next&&(l||i(b)===v||(u?u(b,v):"function"!=typeof b[d]&&c(b,d,y)),a(b,O,!0,!0),l&&(p[O]=y))),"values"==h&&j&&"values"!==j.name&&(A=!0,R=function(){return j.call(this)}),l&&!m||I[d]===R||c(I,d,R),p[r]=R,h)if(S={values:E("values"),keys:x?R:E("keys"),entries:E("entries")},m)for(w in S)!g&&!A&&w in I||s(I,w,S[w]);else e({target:r,proto:!0,forced:g||A},S);return S}},function(t,r,n){"use strict";var e=n(90).IteratorPrototype,o=n(46),i=n(38),u=n(30),a=n(35),c=function(){return this};t.exports=function(t,r,n){var s=r+" Iterator";return t.prototype=o(e,{next:i(1,n)}),u(t,s,!1,!0),a[s]=c,t}},function(t,r,n){"use strict";var e=n(42),o=n(10),i=n(3),u=n(5),a=i("species");t.exports=function(t){var r=e(t),n=o.f;u&&r&&!r[a]&&n(r,a,{configurable:!0,get:function(){return this}})}},function(t,r,n){var e=n(2),o=n(92);t.exports=function(t,r,n){var i,u;return o&&"function"==typeof(i=r.constructor)&&i!==n&&e(u=i.prototype)&&u!==n.prototype&&o(t,u),t}},function(t,r,n){"use strict";var e=n(18),o=n(9);t.exports="".repeat||function(t){var r=String(o(this)),n="",i=e(t);if(i<0||i==1/0)throw RangeError("Wrong number of repetitions");for(;i>0;(i>>>=1)&&(r+=r))1&i&&(n+=r);return n}},function(t,r,n){var e=n(2),o=n(21),i=n(3)("match");t.exports=function(t){var r;return e(t)&&(void 0!==(r=t[i])?!!r:"RegExp"==o(t))}},function(t,r,n){var e=n(70);t.exports=function(t){if(e(t))throw TypeError("The method doesn't accept regular expressions");return t}},function(t,r,n){var e=n(3)("match");t.exports=function(t){var r=/./;try{"/./"[t](r)}catch(n){try{return r[e]=!1,"/./"[t](r)}catch(t){}}return!1}},function(t,r,n){"use strict";var e,o,i=n(37),u=RegExp.prototype.exec,a=String.prototype.replace,c=u,s=(e=/a/,o=/b*/g,u.call(e,"a"),u.call(o,"a"),0!==e.lastIndex||0!==o.lastIndex),f=void 0!==/()??/.exec("")[1];(s||f)&&(c=function(t){var r,n,e,o,c=this;return f&&(n=new RegExp("^"+c.source+"$(?!\\s)",i.call(c))),s&&(r=c.lastIndex),e=u.call(c,t),s&&e&&(c.lastIndex=c.global?e.index+e[0].length:r),f&&e&&e.length>1&&a.call(e[0],n,function(){for(o=1;o<arguments.length-2;o++)void 0===arguments[o]&&(e[o]=void 0)}),e}),t.exports=c},function(t,r,n){var e=n(1),o=n(53);t.exports=function(t){return e(function(){return!!o[t]()||"​…᠎"!="​…᠎"[t]()||o[t].name!==t})}},function(t,r,n){var e=n(5),o=n(1),i=n(76);t.exports=!e&&!o(function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a})},function(t,r,n){var e=n(4),o=n(2),i=e.document,u=o(i)&&o(i.createElement);t.exports=function(t){return u?i.createElement(t):{}}},function(t,r,n){var e=n(40);t.exports=e("native-function-to-string",Function.toString)},function(t,r,n){var e=n(4),o=n(77),i=e.WeakMap;t.exports="function"==typeof i&&/native code/.test(o.call(i))},function(t,r,n){var e=n(42),o=n(43),i=n(82),u=n(7);t.exports=e("Reflect","ownKeys")||function(t){var r=o.f(u(t)),n=i.f;return n?r.concat(n(t)):r}},function(t,r,n){var e=n(11),o=n(14),i=n(81).indexOf,u=n(41);t.exports=function(t,r){var n,a=o(t),c=0,s=[];for(n in a)!e(u,n)&&e(a,n)&&s.push(n);for(;r.length>c;)e(a,n=r[c++])&&(~i(s,n)||s.push(n));return s}},function(t,r,n){var e=n(14),o=n(6),i=n(26),u=function(t){return function(r,n,u){var a,c=e(r),s=o(c.length),f=i(u,s);if(t&&n!=n){for(;s>f;)if((a=c[f++])!=a)return!0}else for(;s>f;f++)if((t||f in c)&&c[f]===n)return t||f||0;return!t&&-1}};t.exports={includes:u(!0),indexOf:u(!1)}},function(t,r){r.f=Object.getOwnPropertySymbols},function(t,r,n){var e=n(5),o=n(10),i=n(7),u=n(47);t.exports=e?Object.defineProperties:function(t,r){i(t);for(var n,e=u(r),a=e.length,c=0;a>c;)o.f(t,n=e[c++],r[n]);return t}},function(t,r,n){"use strict";var e=n(45),o=n(6),i=n(27),u=function(t,r,n,a,c,s,f,l){for(var p,h=c,v=0,g=!!f&&i(f,l,3);v<a;){if(v in n){if(p=g?g(n[v],v,r):n[v],s>0&&e(p))h=u(t,r,p,o(p.length),h,s-1)-1;else{if(h>=9007199254740991)throw TypeError("Exceed the acceptable array length");t[h]=p}h++}v++}return h};t.exports=u},function(t,r,n){"use strict";var e=n(27),o=n(8),i=n(86),u=n(87),a=n(6),c=n(22),s=n(48);t.exports=function(t){var r,n,f,l,p=o(t),h="function"==typeof this?this:Array,v=arguments.length,g=v>1?arguments[1]:void 0,d=void 0!==g,y=0,x=s(p);if(d&&(g=e(g,v>2?arguments[2]:void 0,2)),null==x||h==Array&&u(x))for(n=new h(r=a(p.length));r>y;y++)c(n,y,d?g(p[y],y):p[y]);else for(l=x.call(p),n=new h;!(f=l.next()).done;y++)c(n,y,d?i(l,g,[f.value,y],!0):f.value);return n.length=y,n}},function(t,r,n){var e=n(7);t.exports=function(t,r,n,o){try{return o?r(e(n)[0],n[1]):r(n)}catch(r){var i=t.return;throw void 0!==i&&e(i.call(t)),r}}},function(t,r,n){var e=n(3),o=n(35),i=e("iterator"),u=Array.prototype;t.exports=function(t){return void 0!==t&&(o.Array===t||u[i]===t)}},function(t,r,n){var e=n(3)("iterator"),o=!1;try{var i=0,u={next:function(){return{done:!!i++}},return:function(){o=!0}};u[e]=function(){return this},Array.from(u,function(){throw 2})}catch(t){}t.exports=function(t,r){if(!r&&!o)return!1;var n=!1;try{var i={};i[e]=function(){return{next:function(){return{done:n=!0}}}},t(i)}catch(t){}return n}},function(t,r,n){"use strict";var e=n(14),o=n(19),i=n(35),u=n(17),a=n(65),c=u.set,s=u.getterFor("Array Iterator");t.exports=a(Array,"Array",function(t,r){c(this,{type:"Array Iterator",target:e(t),index:0,kind:r})},function(){var t=s(this),r=t.target,n=t.kind,e=t.index++;return!r||e>=r.length?(t.target=void 0,{value:void 0,done:!0}):"keys"==n?{value:e,done:!1}:"values"==n?{value:r[e],done:!1}:{value:[e,r[e]],done:!1}},"values"),i.Arguments=i.Array,o("keys"),o("values"),o("entries")},function(t,r,n){"use strict";var e,o,i,u=n(29),a=n(16),c=n(11),s=n(3),f=n(25),l=s("iterator"),p=!1;[].keys&&("next"in(i=[].keys())?(o=u(u(i)))!==Object.prototype&&(e=o):p=!0),null==e&&(e={}),f||c(e,l)||a(e,l,function(){return this}),t.exports={IteratorPrototype:e,BUGGY_SAFARI_ITERATORS:p}},function(t,r,n){var e=n(1);t.exports=!e(function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype})},function(t,r,n){var e=n(7),o=n(122);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,r=!1,n={};try{(t=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set).call(n,[]),r=n instanceof Array}catch(t){}return function(n,i){return e(n),o(i),r?t.call(n,i):n.__proto__=i,n}}():void 0)},function(t,r,n){"use strict";var e=n(10).f,o=n(46),i=n(52),u=n(27),a=n(36),c=n(51),s=n(65),f=n(67),l=n(5),p=n(23).fastKey,h=n(17),v=h.set,g=h.getterFor;t.exports={getConstructor:function(t,r,n,s){var f=t(function(t,e){a(t,f,r),v(t,{type:r,index:o(null),first:void 0,last:void 0,size:0}),l||(t.size=0),null!=e&&c(e,t[s],t,n)}),h=g(r),d=function(t,r,n){var e,o,i=h(t),u=y(t,r);return u?u.value=n:(i.last=u={index:o=p(r,!0),key:r,value:n,previous:e=i.last,next:void 0,removed:!1},i.first||(i.first=u),e&&(e.next=u),l?i.size++:t.size++,"F"!==o&&(i.index[o]=u)),t},y=function(t,r){var n,e=h(t),o=p(r);if("F"!==o)return e.index[o];for(n=e.first;n;n=n.next)if(n.key==r)return n};return i(f.prototype,{clear:function(){for(var t=h(this),r=t.index,n=t.first;n;)n.removed=!0,n.previous&&(n.previous=n.previous.next=void 0),delete r[n.index],n=n.next;t.first=t.last=void 0,l?t.size=0:this.size=0},delete:function(t){var r=h(this),n=y(this,t);if(n){var e=n.next,o=n.previous;delete r.index[n.index],n.removed=!0,o&&(o.next=e),e&&(e.previous=o),r.first==n&&(r.first=e),r.last==n&&(r.last=o),l?r.size--:this.size--}return!!n},forEach:function(t){for(var r,n=h(this),e=u(t,arguments.length>1?arguments[1]:void 0,3);r=r?r.next:n.first;)for(e(r.value,r.key,this);r&&r.removed;)r=r.previous},has:function(t){return!!y(this,t)}}),i(f.prototype,n?{get:function(t){var r=y(this,t);return r&&r.value},set:function(t,r){return d(this,0===t?0:t,r)}}:{add:function(t){return d(this,t=0===t?0:t,t)}}),l&&e(f.prototype,"size",{get:function(){return h(this).size}}),f},setStrong:function(t,r,n){var e=r+" Iterator",o=g(r),i=g(e);s(t,r,function(t,r){v(this,{type:e,target:t,state:o(t),kind:r,last:void 0})},function(){for(var t=i(this),r=t.kind,n=t.last;n&&n.removed;)n=n.previous;return t.target&&(t.last=n=n?n.next:t.state.first)?"keys"==r?{value:n.key,done:!1}:"values"==r?{value:n.value,done:!1}:{value:[n.key,n.value],done:!1}:(t.target=void 0,{value:void 0,done:!0})},n?"entries":"values",!n,!0),f(r)}}},function(t,r,n){var e=n(2),o=Math.floor;t.exports=function(t){return!e(t)&&isFinite(t)&&o(t)===t}},function(t,r,n){"use strict";var e=n(5),o=n(1),i=n(47),u=n(82),a=n(59),c=n(8),s=n(39),f=Object.assign;t.exports=!f||o(function(){var t={},r={},n=Symbol();return t[n]=7,"abcdefghijklmnopqrst".split("").forEach(function(t){r[t]=t}),7!=f({},t)[n]||"abcdefghijklmnopqrst"!=i(f({},r)).join("")})?function(t,r){for(var n=c(t),o=arguments.length,f=1,l=u.f,p=a.f;o>f;)for(var h,v=s(arguments[f++]),g=l?i(v).concat(l(v)):i(v),d=g.length,y=0;d>y;)h=g[y++],e&&!p.call(v,h)||(n[h]=v[h]);return n}:f},function(t,r,n){var e=n(5),o=n(47),i=n(14),u=n(59).f,a=function(t){return function(r){for(var n,a=i(r),c=o(a),s=c.length,f=0,l=[];s>f;)n=c[f++],e&&!u.call(a,n)||l.push(t?[n,a[n]]:a[n]);return l}};t.exports={entries:a(!0),values:a(!1)}},function(t,r){t.exports=Object.is||function(t,r){return t===r?0!==t||1/t==1/r:t!=t&&r!=r}},function(t,r,n){"use strict";var e=n(55).charAt,o=n(17),i=n(65),u=o.set,a=o.getterFor("String Iterator");i(String,"String",function(t){u(this,{type:"String Iterator",string:String(t),index:0})},function(){var t,r=a(this),n=r.string,o=r.index;return o>=n.length?{value:void 0,done:!0}:(t=e(n,o),r.index+=t.length,{value:t,done:!1})})},function(t,r,n){var e=n(7),o=n(28),i=n(3)("species");t.exports=function(t,r){var n,u=e(t).constructor;return void 0===u||null==(n=e(u)[i])?r:o(n)}},function(t,r,n){var e=n(6),o=n(69),i=n(9),u=Math.ceil,a=function(t){return function(r,n,a){var c,s,f=String(i(r)),l=f.length,p=void 0===a?" ":String(a),h=e(n);return h<=l||""==p?f:(c=h-l,(s=o.call(p,u(c/p.length))).length>c&&(s=s.slice(0,c)),t?f+s:s+f)}};t.exports={start:a(!1),end:a(!0)}},function(t,r,n){var e=n(185);t.exports=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(e)},function(t,r,n){"use strict";var e=n(52),o=n(23).getWeakData,i=n(7),u=n(2),a=n(36),c=n(51),s=n(34),f=n(11),l=n(17),p=l.set,h=l.getterFor,v=s.find,g=s.findIndex,d=0,y=function(t){return t.frozen||(t.frozen=new x)},x=function(){this.entries=[]},m=function(t,r){return v(t.entries,function(t){return t[0]===r})};x.prototype={get:function(t){var r=m(this,t);if(r)return r[1]},has:function(t){return!!m(this,t)},set:function(t,r){var n=m(this,t);n?n[1]=r:this.entries.push([t,r])},delete:function(t){var r=g(this.entries,function(r){return r[0]===t});return~r&&this.entries.splice(r,1),!!~r}},t.exports={getConstructor:function(t,r,n,s){var l=t(function(t,e){a(t,l,r),p(t,{type:r,id:d++,frozen:void 0}),null!=e&&c(e,t[s],t,n)}),v=h(r),g=function(t,r,n){var e=v(t),u=o(i(r),!0);return!0===u?y(e).set(r,n):u[e.id]=n,t};return e(l.prototype,{delete:function(t){var r=v(this);if(!u(t))return!1;var n=o(t);return!0===n?y(r).delete(t):n&&f(n,r.id)&&delete n[r.id]},has:function(t){var r=v(this);if(!u(t))return!1;var n=o(t);return!0===n?y(r).has(t):n&&f(n,r.id)}}),e(l.prototype,n?{get:function(t){var r=v(this);if(u(t)){var n=o(t);return!0===n?y(r).get(t):n?n[r.id]:void 0}},set:function(t,r){return g(this,t,r)}}:{add:function(t){return g(this,t,!0)}}),l}}},function(t,r,n){var e=n(1),o=n(3),i=n(25),u=o("iterator");t.exports=!e(function(){var t=new URL("b?e=1","http://a"),r=t.searchParams;return t.pathname="c%20d",i&&!t.toJSON||!r.sort||"http://a/c%20d?e=1"!==t.href||"1"!==r.get("e")||"a=1"!==String(new URLSearchParams("?a=1"))||!r[u]||"a"!==new URL("https://a@b").username||"b"!==new URLSearchParams(new URLSearchParams("a=b")).get("a")||"xn--e1aybc"!==new URL("http://тест").host||"#%D0%B1"!==new URL("http://a#б").hash})},function(t,r,n){"use strict";n(89);var e=n(0),o=n(103),i=n(15),u=n(52),a=n(30),c=n(66),s=n(17),f=n(36),l=n(11),p=n(27),h=n(7),v=n(2),g=n(213),d=n(48),y=n(3)("iterator"),x=s.set,m=s.getterFor("URLSearchParams"),b=s.getterFor("URLSearchParamsIterator"),S=/\+/g,w=Array(4),E=function(t){return w[t-1]||(w[t-1]=RegExp("((?:%[\\da-f]{2}){"+t+"})","gi"))},O=function(t){try{return decodeURIComponent(t)}catch(r){return t}},A=function(t){var r=t.replace(S," "),n=4;try{return decodeURIComponent(r)}catch(t){for(;n;)r=r.replace(E(n--),O);return r}},I=/[!'()~]|%20/g,j={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+"},R=function(t){return j[t]},k=function(t){return encodeURIComponent(t).replace(I,R)},_=function(t,r){if(r)for(var n,e,o=r.split("&"),i=0;i<o.length;)(n=o[i++]).length&&(e=n.split("="),t.push({key:A(e.shift()),value:A(e.join("="))}))},P=function(t){this.entries.length=0,_(this.entries,t)},L=function(t,r){if(t<r)throw TypeError("Not enough arguments")},N=c(function(t,r){x(this,{type:"URLSearchParamsIterator",iterator:g(m(t).entries),kind:r})},"Iterator",function(){var t=b(this),r=t.kind,n=t.iterator.next(),e=n.value;return n.done||(n.value="keys"===r?e.key:"values"===r?e.value:[e.key,e.value]),n}),U=function(){f(this,U,"URLSearchParams");var t,r,n,e,o,i,u,a=arguments.length>0?arguments[0]:void 0,c=this,s=[];if(x(c,{type:"URLSearchParams",entries:s,updateURL:function(){},updateSearchParams:P}),void 0!==a)if(v(a))if("function"==typeof(t=d(a)))for(r=t.call(a);!(n=r.next()).done;){if((o=(e=g(h(n.value))).next()).done||(i=e.next()).done||!e.next().done)throw TypeError("Expected sequence with length 2");s.push({key:o.value+"",value:i.value+""})}else for(u in a)l(a,u)&&s.push({key:u,value:a[u]+""});else _(s,"string"==typeof a?"?"===a.charAt(0)?a.slice(1):a:a+"")},F=U.prototype;u(F,{append:function(t,r){L(arguments.length,2);var n=m(this);n.entries.push({key:t+"",value:r+""}),n.updateURL()},delete:function(t){L(arguments.length,1);for(var r=m(this),n=r.entries,e=t+"",o=0;o<n.length;)n[o].key===e?n.splice(o,1):o++;r.updateURL()},get:function(t){L(arguments.length,1);for(var r=m(this).entries,n=t+"",e=0;e<r.length;e++)if(r[e].key===n)return r[e].value;return null},getAll:function(t){L(arguments.length,1);for(var r=m(this).entries,n=t+"",e=[],o=0;o<r.length;o++)r[o].key===n&&e.push(r[o].value);return e},has:function(t){L(arguments.length,1);for(var r=m(this).entries,n=t+"",e=0;e<r.length;)if(r[e++].key===n)return!0;return!1},set:function(t,r){L(arguments.length,1);for(var n,e=m(this),o=e.entries,i=!1,u=t+"",a=r+"",c=0;c<o.length;c++)(n=o[c]).key===u&&(i?o.splice(c--,1):(i=!0,n.value=a));i||o.push({key:u,value:a}),e.updateURL()},sort:function(){var t,r,n,e=m(this),o=e.entries,i=o.slice();for(o.length=0,n=0;n<i.length;n++){for(t=i[n],r=0;r<n;r++)if(o[r].key>t.key){o.splice(r,0,t);break}r===n&&o.push(t)}e.updateURL()},forEach:function(t){for(var r,n=m(this).entries,e=p(t,arguments.length>1?arguments[1]:void 0,3),o=0;o<n.length;)e((r=n[o++]).value,r.key,this)},keys:function(){return new N(this,"keys")},values:function(){return new N(this,"values")},entries:function(){return new N(this,"entries")}},{enumerable:!0}),i(F,y,F.entries),i(F,"toString",function(){for(var t,r=m(this).entries,n=[],e=0;e<r.length;)t=r[e++],n.push(k(t.key)+"="+k(t.value));return n.join("&")},{enumerable:!0}),a(U,"URLSearchParams"),e({global:!0,forced:!o},{URLSearchParams:U}),t.exports={URLSearchParams:U,getState:m}},function(t,r,n){n(106),n(110),n(113),n(115),n(116),n(117),n(118),n(119),n(120),n(121),n(89),n(123),n(125),n(126),n(127),n(128),n(129),n(130),n(131),n(132),n(133),n(134),n(135),n(136),n(137),n(138),n(140),n(141),n(142),n(143),n(144),n(145),n(147),n(149),n(151),n(152),n(153),n(154),n(155),n(156),n(157),n(158),n(159),n(161),n(162),n(163),n(164),n(165),n(166),n(167),n(168),n(169),n(170),n(171),n(173),n(174),n(175),n(176),n(177),n(178),n(179),n(180),n(181),n(98),n(182),n(183),n(184),n(186),n(187),n(188),n(189),n(190),n(191),n(192),n(193),n(194),n(195),n(196),n(197),n(198),n(199),n(200),n(201),n(202),n(203),n(204),n(205),n(206),n(207),n(208),n(209),n(210),n(211),n(214),t.exports=n(104)},function(t,r,n){"use strict";var e=n(0),o=n(1),i=n(45),u=n(2),a=n(8),c=n(6),s=n(22),f=n(32),l=n(33),p=n(3)("isConcatSpreadable"),h=!o(function(){var t=[];return t[p]=!1,t.concat()[0]!==t}),v=l("concat"),g=function(t){if(!u(t))return!1;var r=t[p];return void 0!==r?!!r:i(t)};e({target:"Array",proto:!0,forced:!h||!v},{concat:function(t){var r,n,e,o,i,u=a(this),l=f(u,0),p=0;for(r=-1,e=arguments.length;r<e;r++)if(i=-1===r?u:arguments[r],g(i)){if(p+(o=c(i.length))>9007199254740991)throw TypeError("Maximum allowed index exceeded");for(n=0;n<o;n++,p++)n in i&&s(l,p,i[n])}else{if(p>=9007199254740991)throw TypeError("Maximum allowed index exceeded");s(l,p++,i)}return l.length=p,l}})},function(t,r,n){var e=n(11),o=n(79),i=n(20),u=n(10);t.exports=function(t,r){for(var n=o(r),a=u.f,c=i.f,s=0;s<n.length;s++){var f=n[s];e(t,f)||a(t,f,c(r,f))}}},function(t,r,n){t.exports=n(4)},function(t,r,n){var e=n(1);t.exports=!!Object.getOwnPropertySymbols&&!e(function(){return!String(Symbol())})},function(t,r,n){var e=n(0),o=n(111),i=n(19);e({target:"Array",proto:!0},{copyWithin:o}),i("copyWithin")},function(t,r,n){"use strict";var e=n(8),o=n(26),i=n(6),u=Math.min;t.exports=[].copyWithin||function(t,r){var n=e(this),a=i(n.length),c=o(t,a),s=o(r,a),f=arguments.length>2?arguments[2]:void 0,l=u((void 0===f?a:o(f,a))-s,a-c),p=1;for(s<c&&c<s+l&&(p=-1,s+=l-1,c+=l-1);l-- >0;)s in n?n[c]=n[s]:delete n[c],c+=p,s+=p;return n}},function(t,r,n){var e=n(42);t.exports=e("document","documentElement")},function(t,r,n){var e=n(0),o=n(114),i=n(19);e({target:"Array",proto:!0},{fill:o}),i("fill")},function(t,r,n){"use strict";var e=n(8),o=n(26),i=n(6);t.exports=function(t){for(var r=e(this),n=i(r.length),u=arguments.length,a=o(u>1?arguments[1]:void 0,n),c=u>2?arguments[2]:void 0,s=void 0===c?n:o(c,n);s>a;)r[a++]=t;return r}},function(t,r,n){"use strict";var e=n(0),o=n(34).filter;e({target:"Array",proto:!0,forced:!n(33)("filter")},{filter:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},function(t,r,n){"use strict";var e=n(0),o=n(34).find,i=n(19),u=!0;"find"in[]&&Array(1).find(function(){u=!1}),e({target:"Array",proto:!0,forced:u},{find:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),i("find")},function(t,r,n){"use strict";var e=n(0),o=n(34).findIndex,i=n(19),u=!0;"findIndex"in[]&&Array(1).findIndex(function(){u=!1}),e({target:"Array",proto:!0,forced:u},{findIndex:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),i("findIndex")},function(t,r,n){"use strict";var e=n(0),o=n(84),i=n(8),u=n(6),a=n(18),c=n(32);e({target:"Array",proto:!0},{flat:function(){var t=arguments.length?arguments[0]:void 0,r=i(this),n=u(r.length),e=c(r,0);return e.length=o(e,r,r,n,0,void 0===t?1:a(t)),e}})},function(t,r,n){"use strict";var e=n(0),o=n(84),i=n(8),u=n(6),a=n(28),c=n(32);e({target:"Array",proto:!0},{flatMap:function(t){var r,n=i(this),e=u(n.length);return a(t),(r=c(n,0)).length=o(r,n,n,e,0,1,t,arguments.length>1?arguments[1]:void 0),r}})},function(t,r,n){var e=n(0),o=n(85);e({target:"Array",stat:!0,forced:!n(88)(function(t){Array.from(t)})},{from:o})},function(t,r,n){"use strict";var e=n(0),o=n(81).includes,i=n(19);e({target:"Array",proto:!0},{includes:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),i("includes")},function(t,r,n){var e=n(2);t.exports=function(t){if(!e(t)&&null!==t)throw TypeError("Can't set "+String(t)+" as a prototype");return t}},function(t,r,n){"use strict";var e=n(0),o=n(39),i=n(14),u=n(124),a=[].join,c=o!=Object,s=u("join",",");e({target:"Array",proto:!0,forced:c||s},{join:function(t){return a.call(i(this),void 0===t?",":t)}})},function(t,r,n){"use strict";var e=n(1);t.exports=function(t,r){var n=[][t];return!n||!e(function(){n.call(null,r||function(){throw 1},1)})}},function(t,r,n){"use strict";var e=n(0),o=n(34).map;e({target:"Array",proto:!0,forced:!n(33)("map")},{map:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},function(t,r,n){"use strict";var e=n(0),o=n(1),i=n(22);e({target:"Array",stat:!0,forced:o(function(){function t(){}return!(Array.of.call(t)instanceof t)})},{of:function(){for(var t=0,r=arguments.length,n=new("function"==typeof this?this:Array)(r);r>t;)i(n,t,arguments[t++]);return n.length=r,n}})},function(t,r,n){"use strict";var e=n(0),o=n(2),i=n(45),u=n(26),a=n(6),c=n(14),s=n(22),f=n(33),l=n(3)("species"),p=[].slice,h=Math.max;e({target:"Array",proto:!0,forced:!f("slice")},{slice:function(t,r){var n,e,f,v=c(this),g=a(v.length),d=u(t,g),y=u(void 0===r?g:r,g);if(i(v)&&("function"!=typeof(n=v.constructor)||n!==Array&&!i(n.prototype)?o(n)&&null===(n=n[l])&&(n=void 0):n=void 0,n===Array||void 0===n))return p.call(v,d,y);for(e=new(void 0===n?Array:n)(h(y-d,0)),f=0;d<y;d++,f++)d in v&&s(e,f,v[d]);return e.length=f,e}})},function(t,r,n){n(67)("Array")},function(t,r,n){"use strict";var e=n(0),o=n(26),i=n(18),u=n(6),a=n(8),c=n(32),s=n(22),f=n(33),l=Math.max,p=Math.min;e({target:"Array",proto:!0,forced:!f("splice")},{splice:function(t,r){var n,e,f,h,v,g,d=a(this),y=u(d.length),x=o(t,y),m=arguments.length;if(0===m?n=e=0:1===m?(n=0,e=y-x):(n=m-2,e=p(l(i(r),0),y-x)),y+n-e>9007199254740991)throw TypeError("Maximum allowed length exceeded");for(f=c(d,e),h=0;h<e;h++)(v=x+h)in d&&s(f,h,d[v]);if(f.length=e,n<e){for(h=x;h<y-e;h++)g=h+n,(v=h+e)in d?d[g]=d[v]:delete d[g];for(h=y;h>y-e+n;h--)delete d[h-1]}else if(n>e)for(h=y-e;h>x;h--)g=h+n-1,(v=h+e-1)in d?d[g]=d[v]:delete d[g];for(h=0;h<n;h++)d[h+x]=arguments[h+2];return d.length=y-e+n,f}})},function(t,r,n){n(19)("flat")},function(t,r,n){n(19)("flatMap")},function(t,r,n){"use strict";var e=n(2),o=n(10),i=n(29),u=n(3)("hasInstance"),a=Function.prototype;u in a||o.f(a,u,{value:function(t){if("function"!=typeof this||!e(t))return!1;if(!e(this.prototype))return t instanceof this;for(;t=i(t);)if(this.prototype===t)return!0;return!1}})},function(t,r,n){var e=n(5),o=n(10).f,i=Function.prototype,u=i.toString,a=/^\s*function ([^ (]*)/;!e||"name"in i||o(i,"name",{configurable:!0,get:function(){try{return u.call(this).match(a)[1]}catch(t){return""}}})},function(t,r,n){var e=n(4);n(30)(e.JSON,"JSON",!0)},function(t,r,n){"use strict";var e=n(49),o=n(93);t.exports=e("Map",function(t){return function(){return t(this,arguments.length?arguments[0]:void 0)}},o,!0)},function(t,r,n){"use strict";var e=n(5),o=n(4),i=n(44),u=n(15),a=n(11),c=n(21),s=n(68),f=n(24),l=n(1),p=n(46),h=n(43).f,v=n(20).f,g=n(10).f,d=n(31).trim,y=o.Number,x=y.prototype,m="Number"==c(p(x)),b=function(t){var r,n,e,o,i,u,a,c,s=f(t,!1);if("string"==typeof s&&s.length>2)if(43===(r=(s=d(s)).charCodeAt(0))||45===r){if(88===(n=s.charCodeAt(2))||120===n)return NaN}else if(48===r){switch(s.charCodeAt(1)){case 66:case 98:e=2,o=49;break;case 79:case 111:e=8,o=55;break;default:return+s}for(u=(i=s.slice(2)).length,a=0;a<u;a++)if((c=i.charCodeAt(a))<48||c>o)return NaN;return parseInt(i,e)}return+s};if(i("Number",!y(" 0o1")||!y("0b1")||y("+0x1"))){for(var S,w=function(t){var r=arguments.length<1?0:t,n=this;return n instanceof w&&(m?l(function(){x.valueOf.call(n)}):"Number"!=c(n))?s(new y(b(r)),n,w):b(r)},E=e?h(y):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),O=0;E.length>O;O++)a(y,S=E[O])&&!a(w,S)&&g(w,S,v(y,S));w.prototype=x,x.constructor=w,u(o,"Number",w)}},function(t,r,n){n(0)({target:"Number",stat:!0},{EPSILON:Math.pow(2,-52)})},function(t,r,n){n(0)({target:"Number",stat:!0},{isFinite:n(139)})},function(t,r,n){var e=n(4).isFinite;t.exports=Number.isFinite||function(t){return"number"==typeof t&&e(t)}},function(t,r,n){n(0)({target:"Number",stat:!0},{isInteger:n(94)})},function(t,r,n){n(0)({target:"Number",stat:!0},{isNaN:function(t){return t!=t}})},function(t,r,n){var e=n(0),o=n(94),i=Math.abs;e({target:"Number",stat:!0},{isSafeInteger:function(t){return o(t)&&i(t)<=9007199254740991}})},function(t,r,n){n(0)({target:"Number",stat:!0},{MAX_SAFE_INTEGER:9007199254740991})},function(t,r,n){n(0)({target:"Number",stat:!0},{MIN_SAFE_INTEGER:-9007199254740991})},function(t,r,n){var e=n(0),o=n(146);e({target:"Number",stat:!0,forced:Number.parseFloat!=o},{parseFloat:o})},function(t,r,n){var e=n(4),o=n(31).trim,i=n(53),u=e.parseFloat,a=1/u(i+"-0")!=-1/0;t.exports=a?function(t){var r=o(String(t)),n=u(r);return 0===n&&"-"==r.charAt(0)?-0:n}:u},function(t,r,n){var e=n(0),o=n(148);e({target:"Number",stat:!0,forced:Number.parseInt!=o},{parseInt:o})},function(t,r,n){var e=n(4),o=n(31).trim,i=n(53),u=e.parseInt,a=/^[+-]?0[Xx]/,c=8!==u(i+"08")||22!==u(i+"0x16");t.exports=c?function(t,r){var n=o(String(t));return u(n,r>>>0||(a.test(n)?16:10))}:u},function(t,r,n){"use strict";var e=n(0),o=n(18),i=n(150),u=n(69),a=n(1),c=1..toFixed,s=Math.floor,f=function(t,r,n){return 0===r?n:r%2==1?f(t,r-1,n*t):f(t*t,r/2,n)};e({target:"Number",proto:!0,forced:c&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!a(function(){c.call({})})},{toFixed:function(t){var r,n,e,a,c=i(this),l=o(t),p=[0,0,0,0,0,0],h="",v="0",g=function(t,r){for(var n=-1,e=r;++n<6;)e+=t*p[n],p[n]=e%1e7,e=s(e/1e7)},d=function(t){for(var r=6,n=0;--r>=0;)n+=p[r],p[r]=s(n/t),n=n%t*1e7},y=function(){for(var t=6,r="";--t>=0;)if(""!==r||0===t||0!==p[t]){var n=String(p[t]);r=""===r?n:r+u.call("0",7-n.length)+n}return r};if(l<0||l>20)throw RangeError("Incorrect fraction digits");if(c!=c)return"NaN";if(c<=-1e21||c>=1e21)return String(c);if(c<0&&(h="-",c=-c),c>1e-21)if(n=(r=function(t){for(var r=0,n=t;n>=4096;)r+=12,n/=4096;for(;n>=2;)r+=1,n/=2;return r}(c*f(2,69,1))-69)<0?c*f(2,-r,1):c/f(2,r,1),n*=4503599627370496,(r=52-r)>0){for(g(0,n),e=l;e>=7;)g(1e7,0),e-=7;for(g(f(10,e,1),0),e=r-1;e>=23;)d(1<<23),e-=23;d(1<<e),g(1,1),d(2),v=y()}else g(0,n),g(1<<-r,0),v=y()+u.call("0",l);return v=l>0?h+((a=v.length)<=l?"0."+u.call("0",l-a)+v:v.slice(0,a-l)+"."+v.slice(a-l)):h+v}})},function(t,r,n){var e=n(21);t.exports=function(t){if("number"!=typeof t&&"Number"!=e(t))throw TypeError("Incorrect invocation");return+t}},function(t,r,n){var e=n(0),o=n(95);e({target:"Object",stat:!0,forced:Object.assign!==o},{assign:o})},function(t,r,n){"use strict";var e=n(0),o=n(5),i=n(54),u=n(8),a=n(28),c=n(10);o&&e({target:"Object",proto:!0,forced:i},{__defineGetter__:function(t,r){c.f(u(this),t,{get:a(r),enumerable:!0,configurable:!0})}})},function(t,r,n){"use strict";var e=n(0),o=n(5),i=n(54),u=n(8),a=n(28),c=n(10);o&&e({target:"Object",proto:!0,forced:i},{__defineSetter__:function(t,r){c.f(u(this),t,{set:a(r),enumerable:!0,configurable:!0})}})},function(t,r,n){var e=n(0),o=n(96).entries;e({target:"Object",stat:!0},{entries:function(t){return o(t)}})},function(t,r,n){var e=n(0),o=n(50),i=n(1),u=n(2),a=n(23).onFreeze,c=Object.freeze;e({target:"Object",stat:!0,forced:i(function(){c(1)}),sham:!o},{freeze:function(t){return c&&u(t)?c(a(t)):t}})},function(t,r,n){var e=n(0),o=n(51),i=n(22);e({target:"Object",stat:!0},{fromEntries:function(t){var r={};return o(t,function(t,n){i(r,t,n)},void 0,!0),r}})},function(t,r,n){var e=n(0),o=n(1),i=n(14),u=n(20).f,a=n(5),c=o(function(){u(1)});e({target:"Object",stat:!0,forced:!a||c,sham:!a},{getOwnPropertyDescriptor:function(t,r){return u(i(t),r)}})},function(t,r,n){var e=n(0),o=n(5),i=n(79),u=n(14),a=n(20),c=n(22);e({target:"Object",stat:!0,sham:!o},{getOwnPropertyDescriptors:function(t){for(var r,n,e=u(t),o=a.f,s=i(e),f={},l=0;s.length>l;)void 0!==(n=o(e,r=s[l++]))&&c(f,r,n);return f}})},function(t,r,n){var e=n(0),o=n(1),i=n(160).f;e({target:"Object",stat:!0,forced:o(function(){return!Object.getOwnPropertyNames(1)})},{getOwnPropertyNames:i})},function(t,r,n){var e=n(14),o=n(43).f,i={}.toString,u="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];t.exports.f=function(t){return u&&"[object Window]"==i.call(t)?function(t){try{return o(t)}catch(t){return u.slice()}}(t):o(e(t))}},function(t,r,n){var e=n(0),o=n(1),i=n(8),u=n(29),a=n(91);e({target:"Object",stat:!0,forced:o(function(){u(1)}),sham:!a},{getPrototypeOf:function(t){return u(i(t))}})},function(t,r,n){n(0)({target:"Object",stat:!0},{is:n(97)})},function(t,r,n){var e=n(0),o=n(1),i=n(2),u=Object.isExtensible;e({target:"Object",stat:!0,forced:o(function(){u(1)})},{isExtensible:function(t){return!!i(t)&&(!u||u(t))}})},function(t,r,n){var e=n(0),o=n(1),i=n(2),u=Object.isFrozen;e({target:"Object",stat:!0,forced:o(function(){u(1)})},{isFrozen:function(t){return!i(t)||!!u&&u(t)}})},function(t,r,n){var e=n(0),o=n(1),i=n(2),u=Object.isSealed;e({target:"Object",stat:!0,forced:o(function(){u(1)})},{isSealed:function(t){return!i(t)||!!u&&u(t)}})},function(t,r,n){var e=n(0),o=n(8),i=n(47);e({target:"Object",stat:!0,forced:n(1)(function(){i(1)})},{keys:function(t){return i(o(t))}})},function(t,r,n){"use strict";var e=n(0),o=n(5),i=n(54),u=n(8),a=n(24),c=n(29),s=n(20).f;o&&e({target:"Object",proto:!0,forced:i},{__lookupGetter__:function(t){var r,n=u(this),e=a(t,!0);do{if(r=s(n,e))return r.get}while(n=c(n))}})},function(t,r,n){"use strict";var e=n(0),o=n(5),i=n(54),u=n(8),a=n(24),c=n(29),s=n(20).f;o&&e({target:"Object",proto:!0,forced:i},{__lookupSetter__:function(t){var r,n=u(this),e=a(t,!0);do{if(r=s(n,e))return r.set}while(n=c(n))}})},function(t,r,n){var e=n(0),o=n(2),i=n(23).onFreeze,u=n(50),a=n(1),c=Object.preventExtensions;e({target:"Object",stat:!0,forced:a(function(){c(1)}),sham:!u},{preventExtensions:function(t){return c&&o(t)?c(i(t)):t}})},function(t,r,n){var e=n(0),o=n(2),i=n(23).onFreeze,u=n(50),a=n(1),c=Object.seal;e({target:"Object",stat:!0,forced:a(function(){c(1)}),sham:!u},{seal:function(t){return c&&o(t)?c(i(t)):t}})},function(t,r,n){var e=n(15),o=n(172),i=Object.prototype;o!==i.toString&&e(i,"toString",o,{unsafe:!0})},function(t,r,n){"use strict";var e=n(64),o={};o[n(3)("toStringTag")]="z",t.exports="[object z]"!==String(o)?function(){return"[object "+e(this)+"]"}:o.toString},function(t,r,n){var e=n(0),o=n(96).values;e({target:"Object",stat:!0},{values:function(t){return o(t)}})},function(t,r,n){var e=n(5),o=n(4),i=n(44),u=n(68),a=n(10).f,c=n(43).f,s=n(70),f=n(37),l=n(15),p=n(1),h=n(67),v=n(3)("match"),g=o.RegExp,d=g.prototype,y=/a/g,x=/a/g,m=new g(y)!==y;if(e&&i("RegExp",!m||p(function(){return x[v]=!1,g(y)!=y||g(x)==x||"/a/i"!=g(y,"i")}))){for(var b=function(t,r){var n=this instanceof b,e=s(t),o=void 0===r;return!n&&e&&t.constructor===b&&o?t:u(m?new g(e&&!o?t.source:t,r):g((e=t instanceof b)?t.source:t,e&&o?f.call(t):r),n?this:d,b)},S=function(t){t in b||a(b,t,{configurable:!0,get:function(){return g[t]},set:function(r){g[t]=r}})},w=c(g),E=0;w.length>E;)S(w[E++]);d.constructor=b,b.prototype=d,l(o,"RegExp",b)}h("RegExp")},function(t,r,n){var e=n(5),o=n(10),i=n(37);e&&"g"!=/./g.flags&&o.f(RegExp.prototype,"flags",{configurable:!0,get:i})},function(t,r,n){"use strict";var e=n(15),o=n(7),i=n(1),u=n(37),a=RegExp.prototype,c=a.toString,s=i(function(){return"/a/b"!=c.call({source:"a",flags:"b"})}),f="toString"!=c.name;(s||f)&&e(RegExp.prototype,"toString",function(){var t=o(this),r=String(t.source),n=t.flags;return"/"+r+"/"+String(void 0===n&&t instanceof RegExp&&!("flags"in a)?u.call(t):n)},{unsafe:!0})},function(t,r,n){"use strict";var e=n(49),o=n(93);t.exports=e("Set",function(t){return function(){return t(this,arguments.length?arguments[0]:void 0)}},o)},function(t,r,n){"use strict";var e=n(0),o=n(55).codeAt;e({target:"String",proto:!0},{codePointAt:function(t){return o(this,t)}})},function(t,r,n){"use strict";var e=n(0),o=n(6),i=n(71),u=n(9),a=n(72),c="".endsWith,s=Math.min;e({target:"String",proto:!0,forced:!a("endsWith")},{endsWith:function(t){var r=String(u(this));i(t);var n=arguments.length>1?arguments[1]:void 0,e=o(r.length),a=void 0===n?e:s(o(n),e),f=String(t);return c?c.call(r,f,a):r.slice(a-f.length,a)===f}})},function(t,r,n){var e=n(0),o=n(26),i=String.fromCharCode,u=String.fromCodePoint;e({target:"String",stat:!0,forced:!!u&&1!=u.length},{fromCodePoint:function(t){for(var r,n=[],e=arguments.length,u=0;e>u;){if(r=+arguments[u++],o(r,1114111)!==r)throw RangeError(r+" is not a valid code point");n.push(r<65536?i(r):i(55296+((r-=65536)>>10),r%1024+56320))}return n.join("")}})},function(t,r,n){"use strict";var e=n(0),o=n(71),i=n(9);e({target:"String",proto:!0,forced:!n(72)("includes")},{includes:function(t){return!!~String(i(this)).indexOf(o(t),arguments.length>1?arguments[1]:void 0)}})},function(t,r,n){"use strict";var e=n(56),o=n(7),i=n(6),u=n(9),a=n(57),c=n(58);e("match",1,function(t,r,n){return[function(r){var n=u(this),e=null==r?void 0:r[t];return void 0!==e?e.call(r,n):new RegExp(r)[t](String(n))},function(t){var e=n(r,t,this);if(e.done)return e.value;var u=o(t),s=String(this);if(!u.global)return c(u,s);var f=u.unicode;u.lastIndex=0;for(var l,p=[],h=0;null!==(l=c(u,s));){var v=String(l[0]);p[h]=v,""===v&&(u.lastIndex=a(s,i(u.lastIndex),f)),h++}return 0===h?null:p}]})},function(t,r,n){"use strict";var e=n(0),o=n(66),i=n(9),u=n(6),a=n(28),c=n(7),s=n(64),f=n(37),l=n(16),p=n(3),h=n(99),v=n(57),g=n(17),d=n(25),y=p("matchAll"),x=g.set,m=g.getterFor("RegExp String Iterator"),b=RegExp.prototype,S=b.exec,w=o(function(t,r,n,e){x(this,{type:"RegExp String Iterator",regexp:t,string:r,global:n,unicode:e,done:!1})},"RegExp String",function(){var t=m(this);if(t.done)return{value:void 0,done:!0};var r=t.regexp,n=t.string,e=function(t,r){var n,e=t.exec;if("function"==typeof e){if("object"!=typeof(n=e.call(t,r)))throw TypeError("Incorrect exec result");return n}return S.call(t,r)}(r,n);return null===e?{value:void 0,done:t.done=!0}:t.global?(""==String(e[0])&&(r.lastIndex=v(n,u(r.lastIndex),t.unicode)),{value:e,done:!1}):(t.done=!0,{value:e,done:!1})}),E=function(t){var r,n,e,o,i,a,s=c(this),l=String(t);return r=h(s,RegExp),void 0===(n=s.flags)&&s instanceof RegExp&&!("flags"in b)&&(n=f.call(s)),e=void 0===n?"":String(n),o=new r(r===RegExp?s.source:s,e),i=!!~e.indexOf("g"),a=!!~e.indexOf("u"),o.lastIndex=u(s.lastIndex),new w(o,l,i,a)};e({target:"String",proto:!0},{matchAll:function(t){var r,n,e,o=i(this);return null!=t&&(void 0===(n=t[y])&&d&&"RegExp"==s(t)&&(n=E),null!=n)?a(n).call(t,o):(r=String(o),e=new RegExp(t,"g"),d?E.call(e,r):e[y](r))}}),d||y in b||l(b,y,E)},function(t,r,n){"use strict";var e=n(0),o=n(100).end;e({target:"String",proto:!0,forced:n(101)},{padEnd:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},function(t,r,n){var e=n(42);t.exports=e("navigator","userAgent")||""},function(t,r,n){"use strict";var e=n(0),o=n(100).start;e({target:"String",proto:!0,forced:n(101)},{padStart:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},function(t,r,n){var e=n(0),o=n(14),i=n(6);e({target:"String",stat:!0},{raw:function(t){for(var r=o(t.raw),n=i(r.length),e=arguments.length,u=[],a=0;n>a;)u.push(String(r[a++])),a<e&&u.push(String(arguments[a]));return u.join("")}})},function(t,r,n){n(0)({target:"String",proto:!0},{repeat:n(69)})},function(t,r,n){"use strict";var e=n(56),o=n(7),i=n(8),u=n(6),a=n(18),c=n(9),s=n(57),f=n(58),l=Math.max,p=Math.min,h=Math.floor,v=/\$([$&'`]|\d\d?|<[^>]*>)/g,g=/\$([$&'`]|\d\d?)/g;e("replace",2,function(t,r,n){return[function(n,e){var o=c(this),i=null==n?void 0:n[t];return void 0!==i?i.call(n,o,e):r.call(String(o),n,e)},function(t,i){var c=n(r,t,this,i);if(c.done)return c.value;var h=o(t),v=String(this),g="function"==typeof i;g||(i=String(i));var d=h.global;if(d){var y=h.unicode;h.lastIndex=0}for(var x=[];;){var m=f(h,v);if(null===m)break;if(x.push(m),!d)break;""===String(m[0])&&(h.lastIndex=s(v,u(h.lastIndex),y))}for(var b,S="",w=0,E=0;E<x.length;E++){m=x[E];for(var O=String(m[0]),A=l(p(a(m.index),v.length),0),I=[],j=1;j<m.length;j++)I.push(void 0===(b=m[j])?b:String(b));var R=m.groups;if(g){var k=[O].concat(I,A,v);void 0!==R&&k.push(R);var _=String(i.apply(void 0,k))}else _=e(O,v,A,I,R,i);A>=w&&(S+=v.slice(w,A)+_,w=A+O.length)}return S+v.slice(w)}];function e(t,n,e,o,u,a){var c=e+t.length,s=o.length,f=g;return void 0!==u&&(u=i(u),f=v),r.call(a,f,function(r,i){var a;switch(i.charAt(0)){case"$":return"$";case"&":return t;case"`":return n.slice(0,e);case"'":return n.slice(c);case"<":a=u[i.slice(1,-1)];break;default:var f=+i;if(0===f)return r;if(f>s){var l=h(f/10);return 0===l?r:l<=s?void 0===o[l-1]?i.charAt(1):o[l-1]+i.charAt(1):r}a=o[f-1]}return void 0===a?"":a})}})},function(t,r,n){"use strict";var e=n(56),o=n(7),i=n(9),u=n(97),a=n(58);e("search",1,function(t,r,n){return[function(r){var n=i(this),e=null==r?void 0:r[t];return void 0!==e?e.call(r,n):new RegExp(r)[t](String(n))},function(t){var e=n(r,t,this);if(e.done)return e.value;var i=o(t),c=String(this),s=i.lastIndex;u(s,0)||(i.lastIndex=0);var f=a(i,c);return u(i.lastIndex,s)||(i.lastIndex=s),null===f?-1:f.index}]})},function(t,r,n){"use strict";var e=n(56),o=n(70),i=n(7),u=n(9),a=n(99),c=n(57),s=n(6),f=n(58),l=n(73),p=n(1),h=[].push,v=Math.min,g=!p(function(){return!RegExp(4294967295,"y")});e("split",2,function(t,r,n){var e;return e="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length?function(t,n){var e=String(u(this)),i=void 0===n?4294967295:n>>>0;if(0===i)return[];if(void 0===t)return[e];if(!o(t))return r.call(e,t,i);for(var a,c,s,f=[],p=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),v=0,g=new RegExp(t.source,p+"g");(a=l.call(g,e))&&!((c=g.lastIndex)>v&&(f.push(e.slice(v,a.index)),a.length>1&&a.index<e.length&&h.apply(f,a.slice(1)),s=a[0].length,v=c,f.length>=i));)g.lastIndex===a.index&&g.lastIndex++;return v===e.length?!s&&g.test("")||f.push(""):f.push(e.slice(v)),f.length>i?f.slice(0,i):f}:"0".split(void 0,0).length?function(t,n){return void 0===t&&0===n?[]:r.call(this,t,n)}:r,[function(r,n){var o=u(this),i=null==r?void 0:r[t];return void 0!==i?i.call(r,o,n):e.call(String(o),r,n)},function(t,o){var u=n(e,t,this,o,e!==r);if(u.done)return u.value;var l=i(t),p=String(this),h=a(l,RegExp),d=l.unicode,y=(l.ignoreCase?"i":"")+(l.multiline?"m":"")+(l.unicode?"u":"")+(g?"y":"g"),x=new h(g?l:"^(?:"+l.source+")",y),m=void 0===o?4294967295:o>>>0;if(0===m)return[];if(0===p.length)return null===f(x,p)?[p]:[];for(var b=0,S=0,w=[];S<p.length;){x.lastIndex=g?S:0;var E,O=f(x,g?p:p.slice(S));if(null===O||(E=v(s(x.lastIndex+(g?0:S)),p.length))===b)S=c(p,S,d);else{if(w.push(p.slice(b,S)),w.length===m)return w;for(var A=1;A<=O.length-1;A++)if(w.push(O[A]),w.length===m)return w;S=b=E}}return w.push(p.slice(b)),w}]},!g)},function(t,r,n){"use strict";var e=n(0),o=n(6),i=n(71),u=n(9),a=n(72),c="".startsWith,s=Math.min;e({target:"String",proto:!0,forced:!a("startsWith")},{startsWith:function(t){var r=String(u(this));i(t);var n=o(s(arguments.length>1?arguments[1]:void 0,r.length)),e=String(t);return c?c.call(r,e,n):r.slice(n,n+e.length)===e}})},function(t,r,n){"use strict";var e=n(0),o=n(31).trim;e({target:"String",proto:!0,forced:n(74)("trim")},{trim:function(){return o(this)}})},function(t,r,n){"use strict";var e=n(0),o=n(31).end,i=n(74)("trimEnd"),u=i?function(){return o(this)}:"".trimEnd;e({target:"String",proto:!0,forced:i},{trimEnd:u,trimRight:u})},function(t,r,n){"use strict";var e=n(0),o=n(31).start,i=n(74)("trimStart"),u=i?function(){return o(this)}:"".trimStart;e({target:"String",proto:!0,forced:i},{trimStart:u,trimLeft:u})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("anchor")},{anchor:function(t){return o(this,"a","name",t)}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("big")},{big:function(){return o(this,"big","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("blink")},{blink:function(){return o(this,"blink","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("bold")},{bold:function(){return o(this,"b","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("fixed")},{fixed:function(){return o(this,"tt","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("fontcolor")},{fontcolor:function(t){return o(this,"font","color",t)}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("fontsize")},{fontsize:function(t){return o(this,"font","size",t)}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("italics")},{italics:function(){return o(this,"i","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("link")},{link:function(t){return o(this,"a","href",t)}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("small")},{small:function(){return o(this,"small","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("strike")},{strike:function(){return o(this,"strike","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("sub")},{sub:function(){return o(this,"sub","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("sup")},{sup:function(){return o(this,"sup","","")}})},function(t,r,n){"use strict";var e,o=n(4),i=n(52),u=n(23),a=n(49),c=n(102),s=n(2),f=n(17).enforce,l=n(78),p=!o.ActiveXObject&&"ActiveXObject"in o,h=Object.isExtensible,v=function(t){return function(){return t(this,arguments.length?arguments[0]:void 0)}},g=t.exports=a("WeakMap",v,c,!0,!0);if(l&&p){e=c.getConstructor(v,"WeakMap",!0),u.REQUIRED=!0;var d=g.prototype,y=d.delete,x=d.has,m=d.get,b=d.set;i(d,{delete:function(t){if(s(t)&&!h(t)){var r=f(this);return r.frozen||(r.frozen=new e),y.call(this,t)||r.frozen.delete(t)}return y.call(this,t)},has:function(t){if(s(t)&&!h(t)){var r=f(this);return r.frozen||(r.frozen=new e),x.call(this,t)||r.frozen.has(t)}return x.call(this,t)},get:function(t){if(s(t)&&!h(t)){var r=f(this);return r.frozen||(r.frozen=new e),x.call(this,t)?m.call(this,t):r.frozen.get(t)}return m.call(this,t)},set:function(t,r){if(s(t)&&!h(t)){var n=f(this);n.frozen||(n.frozen=new e),x.call(this,t)?b.call(this,t,r):n.frozen.set(t,r)}else b.call(this,t,r);return this}})}},function(t,r,n){"use strict";n(49)("WeakSet",function(t){return function(){return t(this,arguments.length?arguments[0]:void 0)}},n(102),!1,!0)},function(t,r,n){"use strict";n(98);var e,o=n(0),i=n(5),u=n(103),a=n(4),c=n(83),s=n(15),f=n(36),l=n(11),p=n(95),h=n(85),v=n(55).codeAt,g=n(212),d=n(30),y=n(104),x=n(17),m=a.URL,b=y.URLSearchParams,S=y.getState,w=x.set,E=x.getterFor("URL"),O=Math.floor,A=Math.pow,I=/[A-Za-z]/,j=/[\d+\-.A-Za-z]/,R=/\d/,k=/^(0x|0X)/,_=/^[0-7]+$/,P=/^\d+$/,L=/^[\dA-Fa-f]+$/,N=/[\u0000\u0009\u000A\u000D #%\/:?@[\\]]/,U=/[\u0000\u0009\u000A\u000D #\/:?@[\\]]/,F=/^[\u0000-\u001F ]+|[\u0000-\u001F ]+$/g,T=/[\u0009\u000A\u000D]/g,M=function(t,r){var n,e,o;if("["==r.charAt(0)){if("]"!=r.charAt(r.length-1))return"Invalid host";if(!(n=C(r.slice(1,-1))))return"Invalid host";t.host=n}else if(V(t)){if(r=g(r),N.test(r))return"Invalid host";if(null===(n=z(r)))return"Invalid host";t.host=n}else{if(U.test(r))return"Invalid host";for(n="",e=h(r),o=0;o<e.length;o++)n+=$(e[o],B);t.host=n}},z=function(t){var r,n,e,o,i,u,a,c=t.split(".");if(c.length&&""==c[c.length-1]&&c.pop(),(r=c.length)>4)return t;for(n=[],e=0;e<r;e++){if(""==(o=c[e]))return t;if(i=10,o.length>1&&"0"==o.charAt(0)&&(i=k.test(o)?16:8,o=o.slice(8==i?1:2)),""===o)u=0;else{if(!(10==i?P:8==i?_:L).test(o))return t;u=parseInt(o,i)}n.push(u)}for(e=0;e<r;e++)if(u=n[e],e==r-1){if(u>=A(256,5-r))return null}else if(u>255)return null;for(a=n.pop(),e=0;e<n.length;e++)a+=n[e]*A(256,3-e);return a},C=function(t){var r,n,e,o,i,u,a,c=[0,0,0,0,0,0,0,0],s=0,f=null,l=0,p=function(){return t.charAt(l)};if(":"==p()){if(":"!=t.charAt(1))return;l+=2,f=++s}for(;p();){if(8==s)return;if(":"!=p()){for(r=n=0;n<4&&L.test(p());)r=16*r+parseInt(p(),16),l++,n++;if("."==p()){if(0==n)return;if(l-=n,s>6)return;for(e=0;p();){if(o=null,e>0){if(!("."==p()&&e<4))return;l++}if(!R.test(p()))return;for(;R.test(p());){if(i=parseInt(p(),10),null===o)o=i;else{if(0==o)return;o=10*o+i}if(o>255)return;l++}c[s]=256*c[s]+o,2!=++e&&4!=e||s++}if(4!=e)return;break}if(":"==p()){if(l++,!p())return}else if(p())return;c[s++]=r}else{if(null!==f)return;l++,f=++s}}if(null!==f)for(u=s-f,s=7;0!=s&&u>0;)a=c[s],c[s--]=c[f+u-1],c[f+--u]=a;else if(8!=s)return;return c},q=function(t){var r,n,e,o;if("number"==typeof t){for(r=[],n=0;n<4;n++)r.unshift(t%256),t=O(t/256);return r.join(".")}if("object"==typeof t){for(r="",e=function(t){for(var r=null,n=1,e=null,o=0,i=0;i<8;i++)0!==t[i]?(o>n&&(r=e,n=o),e=null,o=0):(null===e&&(e=i),++o);return o>n&&(r=e,n=o),r}(t),n=0;n<8;n++)o&&0===t[n]||(o&&(o=!1),e===n?(r+=n?":":"::",o=!0):(r+=t[n].toString(16),n<7&&(r+=":")));return"["+r+"]"}return t},B={},D=p({},B,{" ":1,'"':1,"<":1,">":1,"`":1}),W=p({},D,{"#":1,"?":1,"{":1,"}":1}),G=p({},W,{"/":1,":":1,";":1,"=":1,"@":1,"[":1,"\\":1,"]":1,"^":1,"|":1}),$=function(t,r){var n=v(t,0);return n>32&&n<127&&!l(r,t)?t:encodeURIComponent(t)},X={ftp:21,file:null,gopher:70,http:80,https:443,ws:80,wss:443},V=function(t){return l(X,t.scheme)},J=function(t){return""!=t.username||""!=t.password},Y=function(t){return!t.host||t.cannotBeABaseURL||"file"==t.scheme},Q=function(t,r){var n;return 2==t.length&&I.test(t.charAt(0))&&(":"==(n=t.charAt(1))||!r&&"|"==n)},K=function(t){var r;return t.length>1&&Q(t.slice(0,2))&&(2==t.length||"/"===(r=t.charAt(2))||"\\"===r||"?"===r||"#"===r)},Z=function(t){var r=t.path,n=r.length;!n||"file"==t.scheme&&1==n&&Q(r[0],!0)||r.pop()},H=function(t){return"."===t||"%2e"===t.toLowerCase()},tt={},rt={},nt={},et={},ot={},it={},ut={},at={},ct={},st={},ft={},lt={},pt={},ht={},vt={},gt={},dt={},yt={},xt={},mt={},bt={},St=function(t,r,n,o){var i,u,a,c,s,f=n||tt,p=0,v="",g=!1,d=!1,y=!1;for(n||(t.scheme="",t.username="",t.password="",t.host=null,t.port=null,t.path=[],t.query=null,t.fragment=null,t.cannotBeABaseURL=!1,r=r.replace(F,"")),r=r.replace(T,""),i=h(r);p<=i.length;){switch(u=i[p],f){case tt:if(!u||!I.test(u)){if(n)return"Invalid scheme";f=nt;continue}v+=u.toLowerCase(),f=rt;break;case rt:if(u&&(j.test(u)||"+"==u||"-"==u||"."==u))v+=u.toLowerCase();else{if(":"!=u){if(n)return"Invalid scheme";v="",f=nt,p=0;continue}if(n&&(V(t)!=l(X,v)||"file"==v&&(J(t)||null!==t.port)||"file"==t.scheme&&!t.host))return;if(t.scheme=v,n)return void(V(t)&&X[t.scheme]==t.port&&(t.port=null));v="","file"==t.scheme?f=ht:V(t)&&o&&o.scheme==t.scheme?f=et:V(t)?f=at:"/"==i[p+1]?(f=ot,p++):(t.cannotBeABaseURL=!0,t.path.push(""),f=xt)}break;case nt:if(!o||o.cannotBeABaseURL&&"#"!=u)return"Invalid scheme";if(o.cannotBeABaseURL&&"#"==u){t.scheme=o.scheme,t.path=o.path.slice(),t.query=o.query,t.fragment="",t.cannotBeABaseURL=!0,f=bt;break}f="file"==o.scheme?ht:it;continue;case et:if("/"!=u||"/"!=i[p+1]){f=it;continue}f=ct,p++;break;case ot:if("/"==u){f=st;break}f=yt;continue;case it:if(t.scheme=o.scheme,u==e)t.username=o.username,t.password=o.password,t.host=o.host,t.port=o.port,t.path=o.path.slice(),t.query=o.query;else if("/"==u||"\\"==u&&V(t))f=ut;else if("?"==u)t.username=o.username,t.password=o.password,t.host=o.host,t.port=o.port,t.path=o.path.slice(),t.query="",f=mt;else{if("#"!=u){t.username=o.username,t.password=o.password,t.host=o.host,t.port=o.port,t.path=o.path.slice(),t.path.pop(),f=yt;continue}t.username=o.username,t.password=o.password,t.host=o.host,t.port=o.port,t.path=o.path.slice(),t.query=o.query,t.fragment="",f=bt}break;case ut:if(!V(t)||"/"!=u&&"\\"!=u){if("/"!=u){t.username=o.username,t.password=o.password,t.host=o.host,t.port=o.port,f=yt;continue}f=st}else f=ct;break;case at:if(f=ct,"/"!=u||"/"!=v.charAt(p+1))continue;p++;break;case ct:if("/"!=u&&"\\"!=u){f=st;continue}break;case st:if("@"==u){g&&(v="%40"+v),g=!0,a=h(v);for(var x=0;x<a.length;x++){var m=a[x];if(":"!=m||y){var b=$(m,G);y?t.password+=b:t.username+=b}else y=!0}v=""}else if(u==e||"/"==u||"?"==u||"#"==u||"\\"==u&&V(t)){if(g&&""==v)return"Invalid authority";p-=h(v).length+1,v="",f=ft}else v+=u;break;case ft:case lt:if(n&&"file"==t.scheme){f=gt;continue}if(":"!=u||d){if(u==e||"/"==u||"?"==u||"#"==u||"\\"==u&&V(t)){if(V(t)&&""==v)return"Invalid host";if(n&&""==v&&(J(t)||null!==t.port))return;if(c=M(t,v))return c;if(v="",f=dt,n)return;continue}"["==u?d=!0:"]"==u&&(d=!1),v+=u}else{if(""==v)return"Invalid host";if(c=M(t,v))return c;if(v="",f=pt,n==lt)return}break;case pt:if(!R.test(u)){if(u==e||"/"==u||"?"==u||"#"==u||"\\"==u&&V(t)||n){if(""!=v){var S=parseInt(v,10);if(S>65535)return"Invalid port";t.port=V(t)&&S===X[t.scheme]?null:S,v=""}if(n)return;f=dt;continue}return"Invalid port"}v+=u;break;case ht:if(t.scheme="file","/"==u||"\\"==u)f=vt;else{if(!o||"file"!=o.scheme){f=yt;continue}if(u==e)t.host=o.host,t.path=o.path.slice(),t.query=o.query;else if("?"==u)t.host=o.host,t.path=o.path.slice(),t.query="",f=mt;else{if("#"!=u){K(i.slice(p).join(""))||(t.host=o.host,t.path=o.path.slice(),Z(t)),f=yt;continue}t.host=o.host,t.path=o.path.slice(),t.query=o.query,t.fragment="",f=bt}}break;case vt:if("/"==u||"\\"==u){f=gt;break}o&&"file"==o.scheme&&!K(i.slice(p).join(""))&&(Q(o.path[0],!0)?t.path.push(o.path[0]):t.host=o.host),f=yt;continue;case gt:if(u==e||"/"==u||"\\"==u||"?"==u||"#"==u){if(!n&&Q(v))f=yt;else if(""==v){if(t.host="",n)return;f=dt}else{if(c=M(t,v))return c;if("localhost"==t.host&&(t.host=""),n)return;v="",f=dt}continue}v+=u;break;case dt:if(V(t)){if(f=yt,"/"!=u&&"\\"!=u)continue}else if(n||"?"!=u)if(n||"#"!=u){if(u!=e&&(f=yt,"/"!=u))continue}else t.fragment="",f=bt;else t.query="",f=mt;break;case yt:if(u==e||"/"==u||"\\"==u&&V(t)||!n&&("?"==u||"#"==u)){if(".."===(s=(s=v).toLowerCase())||"%2e."===s||".%2e"===s||"%2e%2e"===s?(Z(t),"/"==u||"\\"==u&&V(t)||t.path.push("")):H(v)?"/"==u||"\\"==u&&V(t)||t.path.push(""):("file"==t.scheme&&!t.path.length&&Q(v)&&(t.host&&(t.host=""),v=v.charAt(0)+":"),t.path.push(v)),v="","file"==t.scheme&&(u==e||"?"==u||"#"==u))for(;t.path.length>1&&""===t.path[0];)t.path.shift();"?"==u?(t.query="",f=mt):"#"==u&&(t.fragment="",f=bt)}else v+=$(u,W);break;case xt:"?"==u?(t.query="",f=mt):"#"==u?(t.fragment="",f=bt):u!=e&&(t.path[0]+=$(u,B));break;case mt:n||"#"!=u?u!=e&&("'"==u&&V(t)?t.query+="%27":t.query+="#"==u?"%23":$(u,B)):(t.fragment="",f=bt);break;case bt:u!=e&&(t.fragment+=$(u,D))}p++}},wt=function(t){var r,n,e=f(this,wt,"URL"),o=arguments.length>1?arguments[1]:void 0,u=String(t),a=w(e,{type:"URL"});if(void 0!==o)if(o instanceof wt)r=E(o);else if(n=St(r={},String(o)))throw TypeError(n);if(n=St(a,u,null,r))throw TypeError(n);var c=a.searchParams=new b,s=S(c);s.updateSearchParams(a.query),s.updateURL=function(){a.query=String(c)||null},i||(e.href=Ot.call(e),e.origin=At.call(e),e.protocol=It.call(e),e.username=jt.call(e),e.password=Rt.call(e),e.host=kt.call(e),e.hostname=_t.call(e),e.port=Pt.call(e),e.pathname=Lt.call(e),e.search=Nt.call(e),e.searchParams=Ut.call(e),e.hash=Ft.call(e))},Et=wt.prototype,Ot=function(){var t=E(this),r=t.scheme,n=t.username,e=t.password,o=t.host,i=t.port,u=t.path,a=t.query,c=t.fragment,s=r+":";return null!==o?(s+="//",J(t)&&(s+=n+(e?":"+e:"")+"@"),s+=q(o),null!==i&&(s+=":"+i)):"file"==r&&(s+="//"),s+=t.cannotBeABaseURL?u[0]:u.length?"/"+u.join("/"):"",null!==a&&(s+="?"+a),null!==c&&(s+="#"+c),s},At=function(){var t=E(this),r=t.scheme,n=t.port;if("blob"==r)try{return new URL(r.path[0]).origin}catch(t){return"null"}return"file"!=r&&V(t)?r+"://"+q(t.host)+(null!==n?":"+n:""):"null"},It=function(){return E(this).scheme+":"},jt=function(){return E(this).username},Rt=function(){return E(this).password},kt=function(){var t=E(this),r=t.host,n=t.port;return null===r?"":null===n?q(r):q(r)+":"+n},_t=function(){var t=E(this).host;return null===t?"":q(t)},Pt=function(){var t=E(this).port;return null===t?"":String(t)},Lt=function(){var t=E(this),r=t.path;return t.cannotBeABaseURL?r[0]:r.length?"/"+r.join("/"):""},Nt=function(){var t=E(this).query;return t?"?"+t:""},Ut=function(){return E(this).searchParams},Ft=function(){var t=E(this).fragment;return t?"#"+t:""},Tt=function(t,r){return{get:t,set:r,configurable:!0,enumerable:!0}};if(i&&c(Et,{href:Tt(Ot,function(t){var r=E(this),n=String(t),e=St(r,n);if(e)throw TypeError(e);S(r.searchParams).updateSearchParams(r.query)}),origin:Tt(At),protocol:Tt(It,function(t){var r=E(this);St(r,String(t)+":",tt)}),username:Tt(jt,function(t){var r=E(this),n=h(String(t));if(!Y(r)){r.username="";for(var e=0;e<n.length;e++)r.username+=$(n[e],G)}}),password:Tt(Rt,function(t){var r=E(this),n=h(String(t));if(!Y(r)){r.password="";for(var e=0;e<n.length;e++)r.password+=$(n[e],G)}}),host:Tt(kt,function(t){var r=E(this);r.cannotBeABaseURL||St(r,String(t),ft)}),hostname:Tt(_t,function(t){var r=E(this);r.cannotBeABaseURL||St(r,String(t),lt)}),port:Tt(Pt,function(t){var r=E(this);Y(r)||(""==(t=String(t))?r.port=null:St(r,t,pt))}),pathname:Tt(Lt,function(t){var r=E(this);r.cannotBeABaseURL||(r.path=[],St(r,t+"",dt))}),search:Tt(Nt,function(t){var r=E(this);""==(t=String(t))?r.query=null:("?"==t.charAt(0)&&(t=t.slice(1)),r.query="",St(r,t,mt)),S(r.searchParams).updateSearchParams(r.query)}),searchParams:Tt(Ut),hash:Tt(Ft,function(t){var r=E(this);""!=(t=String(t))?("#"==t.charAt(0)&&(t=t.slice(1)),r.fragment="",St(r,t,bt)):r.fragment=null})}),s(Et,"toJSON",function(){return Ot.call(this)},{enumerable:!0}),s(Et,"toString",function(){return Ot.call(this)},{enumerable:!0}),m){var Mt=m.createObjectURL,zt=m.revokeObjectURL;Mt&&s(wt,"createObjectURL",function(t){return Mt.apply(m,arguments)}),zt&&s(wt,"revokeObjectURL",function(t){return zt.apply(m,arguments)})}d(wt,"URL"),o({global:!0,forced:!u,sham:!i},{URL:wt})},function(t,r,n){"use strict";var e=/[^\0-\u007E]/,o=/[.\u3002\uFF0E\uFF61]/g,i="Overflow: input needs wider integers to process",u=Math.floor,a=String.fromCharCode,c=function(t){return t+22+75*(t<26)},s=function(t,r,n){var e=0;for(t=n?u(t/700):t>>1,t+=u(t/r);t>455;e+=36)t=u(t/35);return u(e+36*t/(t+38))},f=function(t){var r,n,e=[],o=(t=function(t){for(var r=[],n=0,e=t.length;n<e;){var o=t.charCodeAt(n++);if(o>=55296&&o<=56319&&n<e){var i=t.charCodeAt(n++);56320==(64512&i)?r.push(((1023&o)<<10)+(1023&i)+65536):(r.push(o),n--)}else r.push(o)}return r}(t)).length,f=128,l=0,p=72;for(r=0;r<t.length;r++)(n=t[r])<128&&e.push(a(n));var h=e.length,v=h;for(h&&e.push("-");v<o;){var g=2147483647;for(r=0;r<t.length;r++)(n=t[r])>=f&&n<g&&(g=n);var d=v+1;if(g-f>u((2147483647-l)/d))throw RangeError(i);for(l+=(g-f)*d,f=g,r=0;r<t.length;r++){if((n=t[r])<f&&++l>2147483647)throw RangeError(i);if(n==f){for(var y=l,x=36;;x+=36){var m=x<=p?1:x>=p+26?26:x-p;if(y<m)break;var b=y-m,S=36-m;e.push(a(c(m+b%S))),y=u(b/S)}e.push(a(c(y))),p=s(l,d,v==h),l=0,++v}}++l,++f}return e.join("")};t.exports=function(t){var r,n,i=[],u=t.toLowerCase().replace(o,".").split(".");for(r=0;r<u.length;r++)n=u[r],i.push(e.test(n)?"xn--"+f(n):n);return i.join(".")}},function(t,r,n){var e=n(7),o=n(48);t.exports=function(t){var r=o(t);if("function"!=typeof r)throw TypeError(String(t)+" is not iterable");return e(r.call(t))}},function(t,r,n){"use strict";n(0)({target:"URL",proto:!0,enumerable:!0},{toJSON:function(){return URL.prototype.toString.call(this)}})}]); }();
+
+//!fetch 3.0.0, global "this" must be replaced with "window"
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t.WHATWGFetch={})}(window,function(t){"use strict";var e={searchParams:"URLSearchParams"in self,iterable:"Symbol"in self&&"iterator"in Symbol,blob:"FileReader"in self&&"Blob"in self&&function(){try{return new Blob,!0}catch(t){return!1}}(),formData:"FormData"in self,arrayBuffer:"ArrayBuffer"in self};if(e.arrayBuffer)var r=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],o=ArrayBuffer.isView||function(t){return t&&r.indexOf(Object.prototype.toString.call(t))>-1};function n(t){if("string"!=typeof t&&(t=String(t)),/[^a-z0-9\-#$%&'*+.^_`|~]/i.test(t))throw new TypeError("Invalid character in header field name");return t.toLowerCase()}function i(t){return"string"!=typeof t&&(t=String(t)),t}function s(t){var r={next:function(){var e=t.shift();return{done:void 0===e,value:e}}};return e.iterable&&(r[Symbol.iterator]=function(){return r}),r}function a(t){this.map={},t instanceof a?t.forEach(function(t,e){this.append(e,t)},this):Array.isArray(t)?t.forEach(function(t){this.append(t[0],t[1])},this):t&&Object.getOwnPropertyNames(t).forEach(function(e){this.append(e,t[e])},this)}function h(t){if(t.bodyUsed)return Promise.reject(new TypeError("Already read"));t.bodyUsed=!0}function f(t){return new Promise(function(e,r){t.onload=function(){e(t.result)},t.onerror=function(){r(t.error)}})}function u(t){var e=new FileReader,r=f(e);return e.readAsArrayBuffer(t),r}function d(t){if(t.slice)return t.slice(0);var e=new Uint8Array(t.byteLength);return e.set(new Uint8Array(t)),e.buffer}function c(){return this.bodyUsed=!1,this._initBody=function(t){var r;this._bodyInit=t,t?"string"==typeof t?this._bodyText=t:e.blob&&Blob.prototype.isPrototypeOf(t)?this._bodyBlob=t:e.formData&&FormData.prototype.isPrototypeOf(t)?this._bodyFormData=t:e.searchParams&&URLSearchParams.prototype.isPrototypeOf(t)?this._bodyText=t.toString():e.arrayBuffer&&e.blob&&(r=t)&&DataView.prototype.isPrototypeOf(r)?(this._bodyArrayBuffer=d(t.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):e.arrayBuffer&&(ArrayBuffer.prototype.isPrototypeOf(t)||o(t))?this._bodyArrayBuffer=d(t):this._bodyText=t=Object.prototype.toString.call(t):this._bodyText="",this.headers.get("content-type")||("string"==typeof t?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):e.searchParams&&URLSearchParams.prototype.isPrototypeOf(t)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},e.blob&&(this.blob=function(){var t=h(this);if(t)return t;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?h(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(u)}),this.text=function(){var t,e,r,o=h(this);if(o)return o;if(this._bodyBlob)return t=this._bodyBlob,r=f(e=new FileReader),e.readAsText(t),r;if(this._bodyArrayBuffer)return Promise.resolve(function(t){for(var e=new Uint8Array(t),r=new Array(e.length),o=0;o<e.length;o++)r[o]=String.fromCharCode(e[o]);return r.join("")}(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},e.formData&&(this.formData=function(){return this.text().then(p)}),this.json=function(){return this.text().then(JSON.parse)},this}a.prototype.append=function(t,e){t=n(t),e=i(e);var r=this.map[t];this.map[t]=r?r+", "+e:e},a.prototype.delete=function(t){delete this.map[n(t)]},a.prototype.get=function(t){return t=n(t),this.has(t)?this.map[t]:null},a.prototype.has=function(t){return this.map.hasOwnProperty(n(t))},a.prototype.set=function(t,e){this.map[n(t)]=i(e)},a.prototype.forEach=function(t,e){for(var r in this.map)this.map.hasOwnProperty(r)&&t.call(e,this.map[r],r,this)},a.prototype.keys=function(){var t=[];return this.forEach(function(e,r){t.push(r)}),s(t)},a.prototype.values=function(){var t=[];return this.forEach(function(e){t.push(e)}),s(t)},a.prototype.entries=function(){var t=[];return this.forEach(function(e,r){t.push([r,e])}),s(t)},e.iterable&&(a.prototype[Symbol.iterator]=a.prototype.entries);var l=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function y(t,e){var r,o,n=(e=e||{}).body;if(t instanceof y){if(t.bodyUsed)throw new TypeError("Already read");this.url=t.url,this.credentials=t.credentials,e.headers||(this.headers=new a(t.headers)),this.method=t.method,this.mode=t.mode,this.signal=t.signal,n||null==t._bodyInit||(n=t._bodyInit,t.bodyUsed=!0)}else this.url=String(t);if(this.credentials=e.credentials||this.credentials||"same-origin",!e.headers&&this.headers||(this.headers=new a(e.headers)),this.method=(o=(r=e.method||this.method||"GET").toUpperCase(),l.indexOf(o)>-1?o:r),this.mode=e.mode||this.mode||null,this.signal=e.signal||this.signal,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&n)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(n)}function p(t){var e=new FormData;return t.trim().split("&").forEach(function(t){if(t){var r=t.split("="),o=r.shift().replace(/\+/g," "),n=r.join("=").replace(/\+/g," ");e.append(decodeURIComponent(o),decodeURIComponent(n))}}),e}function b(t,e){e||(e={}),this.type="default",this.status=void 0===e.status?200:e.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in e?e.statusText:"OK",this.headers=new a(e.headers),this.url=e.url||"",this._initBody(t)}y.prototype.clone=function(){return new y(this,{body:this._bodyInit})},c.call(y.prototype),c.call(b.prototype),b.prototype.clone=function(){return new b(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new a(this.headers),url:this.url})},b.error=function(){var t=new b(null,{status:0,statusText:""});return t.type="error",t};var m=[301,302,303,307,308];b.redirect=function(t,e){if(-1===m.indexOf(e))throw new RangeError("Invalid status code");return new b(null,{status:e,headers:{location:t}})},t.DOMException=self.DOMException;try{new t.DOMException}catch(e){t.DOMException=function(t,e){this.message=t,this.name=e;var r=Error(t);this.stack=r.stack},t.DOMException.prototype=Object.create(Error.prototype),t.DOMException.prototype.constructor=t.DOMException}function w(r,o){return new Promise(function(n,i){var s=new y(r,o);if(s.signal&&s.signal.aborted)return i(new t.DOMException("Aborted","AbortError"));var h=new XMLHttpRequest;function f(){h.abort()}h.onload=function(){var t,e,r={status:h.status,statusText:h.statusText,headers:(t=h.getAllResponseHeaders()||"",e=new a,t.replace(/\r?\n[\t ]+/g," ").split(/\r?\n/).forEach(function(t){var r=t.split(":"),o=r.shift().trim();if(o){var n=r.join(":").trim();e.append(o,n)}}),e)};r.url="responseURL"in h?h.responseURL:r.headers.get("X-Request-URL");var o="response"in h?h.response:h.responseText;n(new b(o,r))},h.onerror=function(){i(new TypeError("Network request failed"))},h.ontimeout=function(){i(new TypeError("Network request failed"))},h.onabort=function(){i(new t.DOMException("Aborted","AbortError"))},h.open(s.method,s.url,!0),"include"===s.credentials?h.withCredentials=!0:"omit"===s.credentials&&(h.withCredentials=!1),"responseType"in h&&e.blob&&(h.responseType="blob"),s.headers.forEach(function(t,e){h.setRequestHeader(e,t)}),s.signal&&(s.signal.addEventListener("abort",f),h.onreadystatechange=function(){4===h.readyState&&s.signal.removeEventListener("abort",f)}),h.send(void 0===s._bodyInit?null:s._bodyInit)})}w.polyfill=!0,self.fetch||(self.fetch=w,self.Headers=a,self.Request=y,self.Response=b),t.Headers=a,t.Request=y,t.Response=b,t.fetch=w,Object.defineProperty(t,"__esModule",{value:!0})});
+
+(function(){
+  /*
+
+    Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
+    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+    Code distributed by Google as part of the polymer project is also
+    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+  */
+  'use strict';var aa=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function g(a){var b=aa.has(a);a=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(a);return!b&&a}function l(a){var b=a.isConnected;if(void 0!==b)return b;for(;a&&!(a.__CE_isImportDocument||a instanceof Document);)a=a.parentNode||(window.ShadowRoot&&a instanceof ShadowRoot?a.host:void 0);return!(!a||!(a.__CE_isImportDocument||a instanceof Document))}
+  function n(a,b){for(;b&&b!==a&&!b.nextSibling;)b=b.parentNode;return b&&b!==a?b.nextSibling:null}
+  function p(a,b,d){d=void 0===d?new Set:d;for(var c=a;c;){if(c.nodeType===Node.ELEMENT_NODE){var e=c;b(e);var f=e.localName;if("link"===f&&"import"===e.getAttribute("rel")){c=e.import;if(c instanceof Node&&!d.has(c))for(d.add(c),c=c.firstChild;c;c=c.nextSibling)p(c,b,d);c=n(a,e);continue}else if("template"===f){c=n(a,e);continue}if(e=e.__CE_shadowRoot)for(e=e.firstChild;e;e=e.nextSibling)p(e,b,d)}c=c.firstChild?c.firstChild:n(a,c)}}function r(a,b,d){a[b]=d};function u(){this.a=new Map;this.g=new Map;this.c=[];this.f=[];this.b=!1}function ba(a,b,d){a.a.set(b,d);a.g.set(d.constructorFunction,d)}function ca(a,b){a.b=!0;a.c.push(b)}function da(a,b){a.b=!0;a.f.push(b)}function v(a,b){a.b&&p(b,function(b){return w(a,b)})}function w(a,b){if(a.b&&!b.__CE_patched){b.__CE_patched=!0;for(var d=0;d<a.c.length;d++)a.c[d](b);for(d=0;d<a.f.length;d++)a.f[d](b)}}
+  function x(a,b){var d=[];p(b,function(b){return d.push(b)});for(b=0;b<d.length;b++){var c=d[b];1===c.__CE_state?a.connectedCallback(c):y(a,c)}}function z(a,b){var d=[];p(b,function(b){return d.push(b)});for(b=0;b<d.length;b++){var c=d[b];1===c.__CE_state&&a.disconnectedCallback(c)}}
+  function A(a,b,d){d=void 0===d?{}:d;var c=d.u||new Set,e=d.i||function(b){return y(a,b)},f=[];p(b,function(b){if("link"===b.localName&&"import"===b.getAttribute("rel")){var d=b.import;d instanceof Node&&(d.__CE_isImportDocument=!0,d.__CE_hasRegistry=!0);d&&"complete"===d.readyState?d.__CE_documentLoadHandled=!0:b.addEventListener("load",function(){var d=b.import;if(!d.__CE_documentLoadHandled){d.__CE_documentLoadHandled=!0;var f=new Set(c);f.delete(d);A(a,d,{u:f,i:e})}})}else f.push(b)},c);if(a.b)for(b=
+  0;b<f.length;b++)w(a,f[b]);for(b=0;b<f.length;b++)e(f[b])}
+  function y(a,b){if(void 0===b.__CE_state){var d=b.ownerDocument;if(d.defaultView||d.__CE_isImportDocument&&d.__CE_hasRegistry)if(d=a.a.get(b.localName)){d.constructionStack.push(b);var c=d.constructorFunction;try{try{if(new c!==b)throw Error("The custom element constructor did not produce the element being upgraded.");}finally{d.constructionStack.pop()}}catch(t){throw b.__CE_state=2,t;}b.__CE_state=1;b.__CE_definition=d;if(d.attributeChangedCallback)for(d=d.observedAttributes,c=0;c<d.length;c++){var e=
+  d[c],f=b.getAttribute(e);null!==f&&a.attributeChangedCallback(b,e,null,f,null)}l(b)&&a.connectedCallback(b)}}}u.prototype.connectedCallback=function(a){var b=a.__CE_definition;b.connectedCallback&&b.connectedCallback.call(a)};u.prototype.disconnectedCallback=function(a){var b=a.__CE_definition;b.disconnectedCallback&&b.disconnectedCallback.call(a)};
+  u.prototype.attributeChangedCallback=function(a,b,d,c,e){var f=a.__CE_definition;f.attributeChangedCallback&&-1<f.observedAttributes.indexOf(b)&&f.attributeChangedCallback.call(a,b,d,c,e)};function B(a){var b=document;this.c=a;this.a=b;this.b=void 0;A(this.c,this.a);"loading"===this.a.readyState&&(this.b=new MutationObserver(this.f.bind(this)),this.b.observe(this.a,{childList:!0,subtree:!0}))}function C(a){a.b&&a.b.disconnect()}B.prototype.f=function(a){var b=this.a.readyState;"interactive"!==b&&"complete"!==b||C(this);for(b=0;b<a.length;b++)for(var d=a[b].addedNodes,c=0;c<d.length;c++)A(this.c,d[c])};function ea(){var a=this;this.b=this.a=void 0;this.c=new Promise(function(b){a.b=b;a.a&&b(a.a)})}function D(a){if(a.a)throw Error("Already resolved.");a.a=void 0;a.b&&a.b(void 0)};function E(a){this.c=!1;this.a=a;this.j=new Map;this.f=function(b){return b()};this.b=!1;this.g=[];this.o=new B(a)}
+  E.prototype.l=function(a,b){var d=this;if(!(b instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!g(a))throw new SyntaxError("The element name '"+a+"' is not valid.");if(this.a.a.get(a))throw Error("A custom element with name '"+a+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var c=function(b){var a=e[b];if(void 0!==a&&!(a instanceof Function))throw Error("The '"+b+"' callback must be a function.");
+  return a},e=b.prototype;if(!(e instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var f=c("connectedCallback");var t=c("disconnectedCallback");var k=c("adoptedCallback");var h=c("attributeChangedCallback");var m=b.observedAttributes||[]}catch(q){return}finally{this.c=!1}b={localName:a,constructorFunction:b,connectedCallback:f,disconnectedCallback:t,adoptedCallback:k,attributeChangedCallback:h,observedAttributes:m,constructionStack:[]};ba(this.a,
+  a,b);this.g.push(b);this.b||(this.b=!0,this.f(function(){return fa(d)}))};E.prototype.i=function(a){A(this.a,a)};
+  function fa(a){if(!1!==a.b){a.b=!1;for(var b=a.g,d=[],c=new Map,e=0;e<b.length;e++)c.set(b[e].localName,[]);A(a.a,document,{i:function(b){if(void 0===b.__CE_state){var e=b.localName,f=c.get(e);f?f.push(b):a.a.a.get(e)&&d.push(b)}}});for(e=0;e<d.length;e++)y(a.a,d[e]);for(;0<b.length;){var f=b.shift();e=f.localName;f=c.get(f.localName);for(var t=0;t<f.length;t++)y(a.a,f[t]);(e=a.j.get(e))&&D(e)}}}E.prototype.get=function(a){if(a=this.a.a.get(a))return a.constructorFunction};
+  E.prototype.m=function(a){if(!g(a))return Promise.reject(new SyntaxError("'"+a+"' is not a valid custom element name."));var b=this.j.get(a);if(b)return b.c;b=new ea;this.j.set(a,b);this.a.a.get(a)&&!this.g.some(function(b){return b.localName===a})&&D(b);return b.c};E.prototype.s=function(a){C(this.o);var b=this.f;this.f=function(d){return a(function(){return b(d)})}};window.CustomElementRegistry=E;E.prototype.define=E.prototype.l;E.prototype.upgrade=E.prototype.i;E.prototype.get=E.prototype.get;
+  E.prototype.whenDefined=E.prototype.m;E.prototype.polyfillWrapFlushCallback=E.prototype.s;var F=window.Document.prototype.createElement,G=window.Document.prototype.createElementNS,ha=window.Document.prototype.importNode,ia=window.Document.prototype.prepend,ja=window.Document.prototype.append,ka=window.DocumentFragment.prototype.prepend,la=window.DocumentFragment.prototype.append,H=window.Node.prototype.cloneNode,I=window.Node.prototype.appendChild,J=window.Node.prototype.insertBefore,K=window.Node.prototype.removeChild,L=window.Node.prototype.replaceChild,M=Object.getOwnPropertyDescriptor(window.Node.prototype,
+  "textContent"),N=window.Element.prototype.attachShadow,O=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),P=window.Element.prototype.getAttribute,Q=window.Element.prototype.setAttribute,R=window.Element.prototype.removeAttribute,S=window.Element.prototype.getAttributeNS,T=window.Element.prototype.setAttributeNS,U=window.Element.prototype.removeAttributeNS,ma=window.Element.prototype.insertAdjacentElement,na=window.Element.prototype.insertAdjacentHTML,oa=window.Element.prototype.prepend,
+  pa=window.Element.prototype.append,V=window.Element.prototype.before,qa=window.Element.prototype.after,ra=window.Element.prototype.replaceWith,sa=window.Element.prototype.remove,ta=window.HTMLElement,W=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),ua=window.HTMLElement.prototype.insertAdjacentElement,va=window.HTMLElement.prototype.insertAdjacentHTML;var wa=new function(){};function xa(){var a=X;window.HTMLElement=function(){function b(){var b=this.constructor,c=a.g.get(b);if(!c)throw Error("The custom element being constructed was not registered with `customElements`.");var e=c.constructionStack;if(0===e.length)return e=F.call(document,c.localName),Object.setPrototypeOf(e,b.prototype),e.__CE_state=1,e.__CE_definition=c,w(a,e),e;c=e.length-1;var f=e[c];if(f===wa)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");
+  e[c]=wa;Object.setPrototypeOf(f,b.prototype);w(a,f);return f}b.prototype=ta.prototype;Object.defineProperty(b.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:b});return b}()};function Y(a,b,d){function c(b){return function(d){for(var e=[],c=0;c<arguments.length;++c)e[c]=arguments[c];c=[];for(var f=[],m=0;m<e.length;m++){var q=e[m];q instanceof Element&&l(q)&&f.push(q);if(q instanceof DocumentFragment)for(q=q.firstChild;q;q=q.nextSibling)c.push(q);else c.push(q)}b.apply(this,e);for(e=0;e<f.length;e++)z(a,f[e]);if(l(this))for(e=0;e<c.length;e++)f=c[e],f instanceof Element&&x(a,f)}}void 0!==d.h&&(b.prepend=c(d.h));void 0!==d.append&&(b.append=c(d.append))};function ya(){var a=X;r(Document.prototype,"createElement",function(b){if(this.__CE_hasRegistry){var d=a.a.get(b);if(d)return new d.constructorFunction}b=F.call(this,b);w(a,b);return b});r(Document.prototype,"importNode",function(b,d){b=ha.call(this,b,!!d);this.__CE_hasRegistry?A(a,b):v(a,b);return b});r(Document.prototype,"createElementNS",function(b,d){if(this.__CE_hasRegistry&&(null===b||"http://www.w3.org/1999/xhtml"===b)){var c=a.a.get(d);if(c)return new c.constructorFunction}b=G.call(this,b,
+  d);w(a,b);return b});Y(a,Document.prototype,{h:ia,append:ja})};function za(){function a(a,c){Object.defineProperty(a,"textContent",{enumerable:c.enumerable,configurable:!0,get:c.get,set:function(a){if(this.nodeType===Node.TEXT_NODE)c.set.call(this,a);else{var d=void 0;if(this.firstChild){var e=this.childNodes,k=e.length;if(0<k&&l(this)){d=Array(k);for(var h=0;h<k;h++)d[h]=e[h]}}c.set.call(this,a);if(d)for(a=0;a<d.length;a++)z(b,d[a])}}})}var b=X;r(Node.prototype,"insertBefore",function(a,c){if(a instanceof DocumentFragment){var e=Array.prototype.slice.apply(a.childNodes);
+  a=J.call(this,a,c);if(l(this))for(c=0;c<e.length;c++)x(b,e[c]);return a}e=l(a);c=J.call(this,a,c);e&&z(b,a);l(this)&&x(b,a);return c});r(Node.prototype,"appendChild",function(a){if(a instanceof DocumentFragment){var c=Array.prototype.slice.apply(a.childNodes);a=I.call(this,a);if(l(this))for(var e=0;e<c.length;e++)x(b,c[e]);return a}c=l(a);e=I.call(this,a);c&&z(b,a);l(this)&&x(b,a);return e});r(Node.prototype,"cloneNode",function(a){a=H.call(this,!!a);this.ownerDocument.__CE_hasRegistry?A(b,a):v(b,
+  a);return a});r(Node.prototype,"removeChild",function(a){var c=l(a),e=K.call(this,a);c&&z(b,a);return e});r(Node.prototype,"replaceChild",function(a,c){if(a instanceof DocumentFragment){var e=Array.prototype.slice.apply(a.childNodes);a=L.call(this,a,c);if(l(this))for(z(b,c),c=0;c<e.length;c++)x(b,e[c]);return a}e=l(a);var f=L.call(this,a,c),d=l(this);d&&z(b,c);e&&z(b,a);d&&x(b,a);return f});M&&M.get?a(Node.prototype,M):ca(b,function(b){a(b,{enumerable:!0,configurable:!0,get:function(){for(var a=[],
+  b=0;b<this.childNodes.length;b++){var f=this.childNodes[b];f.nodeType!==Node.COMMENT_NODE&&a.push(f.textContent)}return a.join("")},set:function(a){for(;this.firstChild;)K.call(this,this.firstChild);null!=a&&""!==a&&I.call(this,document.createTextNode(a))}})})};function Aa(a){function b(b){return function(e){for(var c=[],d=0;d<arguments.length;++d)c[d]=arguments[d];d=[];for(var k=[],h=0;h<c.length;h++){var m=c[h];m instanceof Element&&l(m)&&k.push(m);if(m instanceof DocumentFragment)for(m=m.firstChild;m;m=m.nextSibling)d.push(m);else d.push(m)}b.apply(this,c);for(c=0;c<k.length;c++)z(a,k[c]);if(l(this))for(c=0;c<d.length;c++)k=d[c],k instanceof Element&&x(a,k)}}var d=Element.prototype;void 0!==V&&(d.before=b(V));void 0!==V&&(d.after=b(qa));void 0!==ra&&
+  r(d,"replaceWith",function(b){for(var e=[],c=0;c<arguments.length;++c)e[c]=arguments[c];c=[];for(var d=[],k=0;k<e.length;k++){var h=e[k];h instanceof Element&&l(h)&&d.push(h);if(h instanceof DocumentFragment)for(h=h.firstChild;h;h=h.nextSibling)c.push(h);else c.push(h)}k=l(this);ra.apply(this,e);for(e=0;e<d.length;e++)z(a,d[e]);if(k)for(z(a,this),e=0;e<c.length;e++)d=c[e],d instanceof Element&&x(a,d)});void 0!==sa&&r(d,"remove",function(){var b=l(this);sa.call(this);b&&z(a,this)})};function Ba(){function a(a,b){Object.defineProperty(a,"innerHTML",{enumerable:b.enumerable,configurable:!0,get:b.get,set:function(a){var e=this,d=void 0;l(this)&&(d=[],p(this,function(a){a!==e&&d.push(a)}));b.set.call(this,a);if(d)for(var f=0;f<d.length;f++){var t=d[f];1===t.__CE_state&&c.disconnectedCallback(t)}this.ownerDocument.__CE_hasRegistry?A(c,this):v(c,this);return a}})}function b(a,b){r(a,"insertAdjacentElement",function(a,e){var d=l(e);a=b.call(this,a,e);d&&z(c,e);l(a)&&x(c,e);return a})}
+  function d(a,b){function e(a,b){for(var e=[];a!==b;a=a.nextSibling)e.push(a);for(b=0;b<e.length;b++)A(c,e[b])}r(a,"insertAdjacentHTML",function(a,c){a=a.toLowerCase();if("beforebegin"===a){var d=this.previousSibling;b.call(this,a,c);e(d||this.parentNode.firstChild,this)}else if("afterbegin"===a)d=this.firstChild,b.call(this,a,c),e(this.firstChild,d);else if("beforeend"===a)d=this.lastChild,b.call(this,a,c),e(d||this.firstChild,null);else if("afterend"===a)d=this.nextSibling,b.call(this,a,c),e(this.nextSibling,
+  d);else throw new SyntaxError("The value provided ("+String(a)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.");})}var c=X;N&&r(Element.prototype,"attachShadow",function(a){a=N.call(this,a);var b=c;if(b.b&&!a.__CE_patched){a.__CE_patched=!0;for(var e=0;e<b.c.length;e++)b.c[e](a)}return this.__CE_shadowRoot=a});O&&O.get?a(Element.prototype,O):W&&W.get?a(HTMLElement.prototype,W):da(c,function(b){a(b,{enumerable:!0,configurable:!0,get:function(){return H.call(this,!0).innerHTML},
+  set:function(a){var b="template"===this.localName,c=b?this.content:this,e=G.call(document,this.namespaceURI,this.localName);for(e.innerHTML=a;0<c.childNodes.length;)K.call(c,c.childNodes[0]);for(a=b?e.content:e;0<a.childNodes.length;)I.call(c,a.childNodes[0])}})});r(Element.prototype,"setAttribute",function(a,b){if(1!==this.__CE_state)return Q.call(this,a,b);var e=P.call(this,a);Q.call(this,a,b);b=P.call(this,a);c.attributeChangedCallback(this,a,e,b,null)});r(Element.prototype,"setAttributeNS",function(a,
+  b,d){if(1!==this.__CE_state)return T.call(this,a,b,d);var e=S.call(this,a,b);T.call(this,a,b,d);d=S.call(this,a,b);c.attributeChangedCallback(this,b,e,d,a)});r(Element.prototype,"removeAttribute",function(a){if(1!==this.__CE_state)return R.call(this,a);var b=P.call(this,a);R.call(this,a);null!==b&&c.attributeChangedCallback(this,a,b,null,null)});r(Element.prototype,"removeAttributeNS",function(a,b){if(1!==this.__CE_state)return U.call(this,a,b);var d=S.call(this,a,b);U.call(this,a,b);var e=S.call(this,
+  a,b);d!==e&&c.attributeChangedCallback(this,b,d,e,a)});ua?b(HTMLElement.prototype,ua):ma?b(Element.prototype,ma):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched.");va?d(HTMLElement.prototype,va):na?d(Element.prototype,na):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched.");Y(c,Element.prototype,{h:oa,append:pa});Aa(c)};var Z=window.customElements;if(!Z||Z.forcePolyfill||"function"!=typeof Z.define||"function"!=typeof Z.get){var X=new u;xa();ya();Y(X,DocumentFragment.prototype,{h:ka,append:la});za();Ba();document.__CE_hasRegistry=!0;var customElements=new E(X);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:customElements})};
+}).call(self);
+
+// Polyfill document.baseURI
+if (typeof document.baseURI !== 'string') {
+  Object.defineProperty(Document.prototype, 'baseURI', {
+    enumerable: true,
+    configurable: true,
+    get: function () {
+      var base = document.querySelector('base');
+      if (base) {
+        return base.href;
+      }
+      return document.URL;
+    }
+  });
+}
+
+// Polyfill CustomEvent
+if (typeof window.CustomEvent !== 'function') {
+  window.CustomEvent = function CustomEvent(event, params) {
+    params = params || { bubbles: false, cancelable: false, detail: undefined };
+    var evt = document.createEvent( 'CustomEvent' );
+    evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
+    return evt;
+  }
+  window.CustomEvent.prototype = window.Event.prototype;
+}
+
+// Event.composedPath
+(function(E, d, w) {
+  if(!E.composedPath) {
+    E.composedPath = function() {
+      if (this.path) {
+        return this.path;
+      }
+    var target = this.target;
+
+    this.path = [];
+    while (target.parentNode !== null) {
+      this.path.push(target);
+      target = target.parentNode;
+    }
+    this.path.push(d, w);
+    return this.path;
+    }
+  }
+})(Event.prototype, document, window);
+
+/*!
+Element.closest and Element.matches
+https://github.com/jonathantneal/closest
+Creative Commons Zero v1.0 Universal
+*/
+(function(a){"function"!==typeof a.matches&&(a.matches=a.msMatchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||function(a){a=(this.document||this.ownerDocument).querySelectorAll(a);for(var b=0;a[b]&&a[b]!==this;)++b;return!!a[b]});"function"!==typeof a.closest&&(a.closest=function(a){for(var b=this;b&&1===b.nodeType;){if(b.matches(a))return b;b=b.parentNode}return null})})(window.Element.prototype);
+/*!
+Element.getRootNode()
+*/
+(function(c){function d(a){a=b(a);return 11===a.nodeType?d(a.host):a}function b(a){return a.parentNode?b(a.parentNode):a}"function"!==typeof c.getRootNode&&(c.getRootNode=function(a){return a&&a.composed?d(this):b(this)})})(Element.prototype);
+/*!
+Element.remove()
+*/
+(function(b){b.forEach(function(a){a.hasOwnProperty("remove")||Object.defineProperty(a,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this)}})})})([Element.prototype,CharacterData.prototype,DocumentType.prototype]);
+
+/*!
+Element.classList
+*/
+!function(e){'classList'in e||Object.defineProperty(e,"classList",{get:function(){var e=this,t=(e.getAttribute("class")||"").replace(/^\s+|\s$/g,"").split(/\s+/g);function n(){t.length>0?e.setAttribute("class",t.join(" ")):e.removeAttribute("class")}return""===t[0]&&t.splice(0,1),t.toggle=function(e,i){void 0!==i?i?t.add(e):t.remove(e):-1!==t.indexOf(e)?t.splice(t.indexOf(e),1):t.push(e),n()},t.add=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1===t.indexOf(e[i])&&t.push(e[i]);n()},t.remove=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1!==t.indexOf(e[i])&&t.splice(t.indexOf(e[i]),1);n()},t.item=function(e){return t[e]},t.contains=function(e){return-1!==t.indexOf(e)},t.replace=function(e,i){-1!==t.indexOf(e)&&t.splice(t.indexOf(e),1,i),n()},t.value=e.getAttribute("class")||"",t}})}(Element.prototype);
+
+
+(function() {
+  if (
+    // No Reflect, no classes, no need for shim because native custom elements
+    // require ES2015 classes or Reflect.
+    window.Reflect === undefined ||
+    window.customElements === undefined
+  ) {
+    return;
+  }
+  var BuiltInHTMLElement = HTMLElement;
+  window.HTMLElement = /** @this {!Object} */ function HTMLElement() {
+    return Reflect.construct(
+        BuiltInHTMLElement, [], /** @type {!Function} */ (this.constructor));
+  };
+  HTMLElement.prototype = BuiltInHTMLElement.prototype;
+  HTMLElement.prototype.constructor = HTMLElement;
+  Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);
+})();
+
+/*
+* SystemJS 3.1.3
+*/
+!function(){var e,n="undefined"!=typeof self,t=n?self:global;if("undefined"!=typeof location){var r=(e=location.href.split("#")[0].split("?")[0]).lastIndexOf("/");-1!==r&&(e=e.slice(0,r+1))}var i=/\\/g,o="undefined"!=typeof Symbol,u=o&&Symbol.toStringTag,f=o?Symbol():"@";function c(){this[f]={}}var l,s=c.prototype;s.import=function(e,n){var t=this;return Promise.resolve(t.resolve(e,n)).then(function(e){var n=function e(n,t,r){var i=n[f][t];if(i)return i;var o=[],c=Object.create(null);u&&Object.defineProperty(c,u,{value:"Module"});var l=Promise.resolve().then(function(){return n.instantiate(t,r)}).then(function(e){if(!e)throw new Error("Module "+t+" did not instantiate");var r=e[1](function(e,n){i.h=!0;var t=!1;if("object"!=typeof e)e in c&&c[e]===n||(c[e]=n,t=!0);else for(var r in e){var u=e[r];r in c&&c[r]===u||(c[r]=u,t=!0)}if(t)for(var f=0;f<o.length;f++)o[f](c);return n},2===e[1].length?{import:function(e){return n.import(e,t)},meta:n.createContext(t)}:void 0);return i.e=r.execute||function(){},[e[0],r.setters||[]]}),s=l.then(function(r){return Promise.all(r[0].map(function(i,o){var u=r[1][o];return Promise.resolve(n.resolve(i,t)).then(function(r){var i=e(n,r,t);return Promise.resolve(i.I).then(function(){return u&&(i.i.push(u),!i.h&&i.I||u(i.n)),i})})})).then(function(e){i.d=e})});return s.catch(function(e){i.e=null,i.er=e}),i=n[f][t]={id:t,i:o,n:c,I:l,L:s,h:!1,d:void 0,e:void 0,er:void 0,E:void 0,C:void 0}}(t,e);return n.C||function(e,n){return n.C=function e(n,t,r){if(!r[t.id])return r[t.id]=!0,Promise.resolve(t.L).then(function(){return Promise.all(t.d.map(function(t){return e(n,t,r)}))})}(e,n,{}).then(function(){return function e(n,t,r){if(!r[t.id]){if(r[t.id]=!0,!t.e){if(t.er)throw t.er;return t.E?t.E:void 0}var i;return t.d.forEach(function(t){var o=e(n,t,r);o&&(i=i||[]).push(o)}),i?Promise.all(i).then(o):o()}function o(){try{var e=t.e.call(d);if(e)return e=e.then(function(){t.C=t.n,t.E=null}),t.E=t.E||e;t.C=t.n}catch(e){throw t.er=e,e}finally{t.L=t.I=void 0,t.e=null}}}(e,n,{})}).then(function(){return n.n})}(t,n)})},s.createContext=function(e){return{url:e}},s.register=function(e,n){l=[e,n]},s.getRegister=function(){var e=l;return l=void 0,e};var a,d=Object.freeze(Object.create(null));t.System=new c,"undefined"!=typeof window&&window.addEventListener("error",function(e){a=e.error});var v=s.register;s.register=function(e,n){a=void 0,v.call(this,e,n)},s.instantiate=function(e,n){var t=this;return new Promise(function(r,i){var o=document.createElement("script");o.charset="utf-8",o.async=!0,o.crossOrigin="anonymous",o.addEventListener("error",function(){i(new Error("Error loading "+e+(n?" from "+n:"")))}),o.addEventListener("load",function(){if(document.head.removeChild(o),a)return i(a),a=void 0;r(t.getRegister())}),o.src=e,document.head.appendChild(o)})},n&&"function"==typeof importScripts&&(s.instantiate=function(e){var n=this;return new Promise(function(t,r){try{importScripts(e)}catch(e){r(e)}t(n.getRegister())})}),s.resolve=function(n,t){var r=function(e,n){if(-1!==e.indexOf("\\")&&(e=e.replace(i,"/")),"/"===e[0]&&"/"===e[1])return n.slice(0,n.indexOf(":")+1)+e;if("."===e[0]&&("/"===e[1]||"."===e[1]&&("/"===e[2]||2===e.length&&(e+="/"))||1===e.length&&(e+="/"))||"/"===e[0]){var t,r=n.slice(0,n.indexOf(":")+1);if(t="/"===n[r.length+1]?"file:"!==r?(t=n.slice(r.length+2)).slice(t.indexOf("/")+1):n.slice(8):n.slice(r.length+("/"===n[r.length])),"/"===e[0])return n.slice(0,n.length-t.length-1)+e;for(var o=t.slice(0,t.lastIndexOf("/")+1)+e,u=[],f=-1,c=0;c<o.length;c++)-1!==f?"/"===o[c]&&(u.push(o.slice(f,c+1)),f=-1):"."===o[c]?"."!==o[c+1]||"/"!==o[c+2]&&c+2!==o.length?"/"===o[c+1]||c+1===o.length?c+=1:f=c:(u.pop(),c+=2):f=c;return-1!==f&&u.push(o.slice(f)),n.slice(0,n.length-t.length)+u.join("")}}(n,t||e);if(!r){if(-1!==n.indexOf(":"))return Promise.resolve(n);throw new Error('Cannot resolve "'+n+(t?'" from '+t:'"'))}return Promise.resolve(r)}}();
+
+/*
+Extremely simple css parser. Intended to be not more than what we need
+and definitely not necessarily correct =).
+*/
+/** @unrestricted */
+var StyleNode = /** @class */ (function () {
+    function StyleNode() {
+        this.start = 0;
+        this.end = 0;
+        this.previous = null;
+        this.parent = null;
+        this.rules = null;
+        this.parsedCssText = '';
+        this.cssText = '';
+        this.atRule = false;
+        this.type = 0;
+        this.keyframesName = '';
+        this.selector = '';
+        this.parsedSelector = '';
+    }
+    return StyleNode;
+}());
+// given a string of css, return a simple rule tree
+/**
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function parse(text) {
+    text = clean(text);
+    return parseCss(lex(text), text);
+}
+// remove stuff we don't care about that may hinder parsing
+/**
+ * @param {string} cssText
+ * @return {string}
+ */
+function clean(cssText) {
+    return cssText.replace(RX.comments, '').replace(RX.port, '');
+}
+// super simple {...} lexer that returns a node tree
+/**
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function lex(text) {
+    var root = new StyleNode();
+    root['start'] = 0;
+    root['end'] = text.length;
+    var n = root;
+    for (var i = 0, l = text.length; i < l; i++) {
+        if (text[i] === OPEN_BRACE) {
+            if (!n['rules']) {
+                n['rules'] = [];
+            }
+            var p = n;
+            var previous = p['rules'][p['rules'].length - 1] || null;
+            n = new StyleNode();
+            n['start'] = i + 1;
+            n['parent'] = p;
+            n['previous'] = previous;
+            p['rules'].push(n);
+        }
+        else if (text[i] === CLOSE_BRACE) {
+            n['end'] = i + 1;
+            n = n['parent'] || root;
+        }
+    }
+    return root;
+}
+// add selectors/cssText to node tree
+/**
+ * @param {StyleNode} node
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function parseCss(node, text) {
+    var t = text.substring(node['start'], node['end'] - 1);
+    node['parsedCssText'] = node['cssText'] = t.trim();
+    if (node.parent) {
+        var ss = node.previous ? node.previous['end'] : node.parent['start'];
+        t = text.substring(ss, node['start'] - 1);
+        t = _expandUnicodeEscapes(t);
+        t = t.replace(RX.multipleSpaces, ' ');
+        // TODO(sorvell): ad hoc; make selector include only after last ;
+        // helps with mixin syntax
+        t = t.substring(t.lastIndexOf(';') + 1);
+        var s = node['parsedSelector'] = node['selector'] = t.trim();
+        node['atRule'] = (s.indexOf(AT_START) === 0);
+        // note, support a subset of rule types...
+        if (node['atRule']) {
+            if (s.indexOf(MEDIA_START) === 0) {
+                node['type'] = types.MEDIA_RULE;
+            }
+            else if (s.match(RX.keyframesRule)) {
+                node['type'] = types.KEYFRAMES_RULE;
+                node['keyframesName'] = node['selector'].split(RX.multipleSpaces).pop();
+            }
+        }
+        else {
+            if (s.indexOf(VAR_START) === 0) {
+                node['type'] = types.MIXIN_RULE;
+            }
+            else {
+                node['type'] = types.STYLE_RULE;
+            }
+        }
+    }
+    var r$ = node['rules'];
+    if (r$) {
+        for (var i = 0, l = r$.length, r = void 0; (i < l) && (r = r$[i]); i++) {
+            parseCss(r, text);
+        }
+    }
+    return node;
+}
+/**
+ * conversion of sort unicode escapes with spaces like `\33 ` (and longer) into
+ * expanded form that doesn't require trailing space `\000033`
+ * @param {string} s
+ * @return {string}
+ */
+function _expandUnicodeEscapes(s) {
+    return s.replace(/\\([0-9a-f]{1,6})\s/gi, function () {
+        var code = arguments[1], repeat = 6 - code.length;
+        while (repeat--) {
+            code = '0' + code;
+        }
+        return '\\' + code;
+    });
+}
+/** @enum {number} */
+var types = {
+    STYLE_RULE: 1,
+    KEYFRAMES_RULE: 7,
+    MEDIA_RULE: 4,
+    MIXIN_RULE: 1000
+};
+var OPEN_BRACE = '{';
+var CLOSE_BRACE = '}';
+// helper regexp's
+var RX = {
+    comments: /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,
+    port: /@import[^;]*;/gim,
+    customProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,
+    mixinProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,
+    mixinApply: /@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,
+    varApply: /[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,
+    keyframesRule: /^@[^\s]*keyframes/,
+    multipleSpaces: /\s+/g
+};
+var VAR_START = '--';
+var MEDIA_START = '@media';
+var AT_START = '@';
+function findRegex(regex, cssText, offset) {
+    regex['lastIndex'] = 0;
+    var r = cssText.substring(offset).match(regex);
+    if (r) {
+        var start = offset + r['index'];
+        return {
+            start: start,
+            end: start + r[0].length
+        };
+    }
+    return null;
+}
+var VAR_USAGE_START = /\bvar\(/;
+var VAR_ASSIGN_START = /\B--[\w-]+\s*:/;
+var COMMENTS = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim;
+var TRAILING_LINES = /^[\t ]+\n/gm;
+function resolveVar(props, prop, fallback) {
+    if (props[prop]) {
+        return props[prop];
+    }
+    if (fallback) {
+        return executeTemplate(fallback, props);
+    }
+    return '';
+}
+function findVarEndIndex(cssText, offset) {
+    var count = 0;
+    var i = offset;
+    for (; i < cssText.length; i++) {
+        var c = cssText[i];
+        if (c === '(') {
+            count++;
+        }
+        else if (c === ')') {
+            count--;
+            if (count <= 0) {
+                return i + 1;
+            }
+        }
+    }
+    return i;
+}
+function parseVar(cssText, offset) {
+    var varPos = findRegex(VAR_USAGE_START, cssText, offset);
+    if (!varPos) {
+        return null;
+    }
+    var endVar = findVarEndIndex(cssText, varPos.start);
+    var varContent = cssText.substring(varPos.end, endVar - 1);
+    var _a = varContent.split(','), propName = _a[0], fallback = _a.slice(1);
+    return {
+        start: varPos.start,
+        end: endVar,
+        propName: propName.trim(),
+        fallback: fallback.length > 0 ? fallback.join(',').trim() : undefined
+    };
+}
+function compileVar(cssText, template, offset) {
+    var varMeta = parseVar(cssText, offset);
+    if (!varMeta) {
+        template.push(cssText.substring(offset, cssText.length));
+        return cssText.length;
+    }
+    var propName = varMeta.propName;
+    var fallback = varMeta.fallback != null ? compileTemplate(varMeta.fallback) : undefined;
+    template.push(cssText.substring(offset, varMeta.start), function (params) { return resolveVar(params, propName, fallback); });
+    return varMeta.end;
+}
+function executeTemplate(template, props) {
+    var final = '';
+    for (var i = 0; i < template.length; i++) {
+        var s = template[i];
+        final += (typeof s === 'string')
+            ? s
+            : s(props);
+    }
+    return final;
+}
+function findEndValue(cssText, offset) {
+    var onStr = false;
+    var double = false;
+    var i = offset;
+    for (; i < cssText.length; i++) {
+        var c = cssText[i];
+        if (onStr) {
+            if (double && c === '"') {
+                onStr = false;
+            }
+            if (!double && c === '\'') {
+                onStr = false;
+            }
+        }
+        else {
+            if (c === '"') {
+                onStr = true;
+                double = true;
+            }
+            else if (c === '\'') {
+                onStr = true;
+                double = false;
+            }
+            else if (c === ';') {
+                return i + 1;
+            }
+            else if (c === '}') {
+                return i;
+            }
+        }
+    }
+    return i;
+}
+function removeCustomAssigns(cssText) {
+    var final = '';
+    var offset = 0;
+    while (true) {
+        var assignPos = findRegex(VAR_ASSIGN_START, cssText, offset);
+        var start = assignPos ? assignPos.start : cssText.length;
+        final += cssText.substring(offset, start);
+        if (assignPos) {
+            offset = findEndValue(cssText, start);
+        }
+        else {
+            break;
+        }
+    }
+    return final;
+}
+function compileTemplate(cssText) {
+    var index = 0;
+    cssText = cssText.replace(COMMENTS, '');
+    cssText = removeCustomAssigns(cssText)
+        .replace(TRAILING_LINES, '');
+    var segments = [];
+    while (index < cssText.length) {
+        index = compileVar(cssText, segments, index);
+    }
+    return segments;
+}
+function resolveValues(selectors) {
+    var props = {};
+    selectors.forEach(function (selector) {
+        selector.declarations.forEach(function (dec) {
+            props[dec.prop] = dec.value;
+        });
+    });
+    var propsValues = {};
+    var entries = Object.entries(props);
+    var _loop_1 = function (i) {
+        var dirty = false;
+        entries.forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            var propValue = executeTemplate(value, propsValues);
+            if (propValue !== propsValues[key]) {
+                propsValues[key] = propValue;
+                dirty = true;
+            }
+        });
+        if (!dirty) {
+            return "break";
+        }
+    };
+    for (var i = 0; i < 10; i++) {
+        var state_1 = _loop_1(i);
+        if (state_1 === "break")
+            break;
+    }
+    return propsValues;
+}
+function getSelectors(root, index) {
+    if (index === void 0) { index = 0; }
+    if (!root.rules) {
+        return [];
+    }
+    var selectors = [];
+    root.rules
+        .filter(function (rule) { return rule.type === types.STYLE_RULE; })
+        .forEach(function (rule) {
+        var declarations = getDeclarations(rule.cssText);
+        if (declarations.length > 0) {
+            rule.parsedSelector.split(',').forEach(function (selector) {
+                selector = selector.trim();
+                selectors.push({
+                    selector: selector,
+                    declarations: declarations,
+                    specificity: computeSpecificity(),
+                    nu: index
+                });
+            });
+        }
+        index++;
+    });
+    return selectors;
+}
+function computeSpecificity(_selector) {
+    return 1;
+}
+var IMPORTANT = '!important';
+var FIND_DECLARATIONS = /(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;
+function getDeclarations(cssText) {
+    var declarations = [];
+    var xArray;
+    while (xArray = FIND_DECLARATIONS.exec(cssText.trim())) {
+        var _a = normalizeValue(xArray[2]), value = _a.value, important = _a.important;
+        declarations.push({
+            prop: xArray[1].trim(),
+            value: compileTemplate(value),
+            important: important,
+        });
+    }
+    return declarations;
+}
+function normalizeValue(value) {
+    var regex = /\s+/gim;
+    value = value.replace(regex, ' ').trim();
+    var important = value.endsWith(IMPORTANT);
+    if (important) {
+        value = value.substr(0, value.length - IMPORTANT.length).trim();
+    }
+    return {
+        value: value,
+        important: important
+    };
+}
+function getActiveSelectors(hostEl, hostScopeMap, globalScopes) {
+    // computes the css scopes that might affect this particular element
+    var scopes = globalScopes.concat(getScopesForElement(hostScopeMap, hostEl));
+    // each scope might have an array of associated selectors
+    // let's flatten the complete array of selectors from all the scopes
+    var selectorSet = getSelectorsForScopes(scopes);
+    // we filter to only the selectors that matches the hostEl
+    var activeSelectors = selectorSet.filter(function (selector) { return matches(hostEl, selector.selector); });
+    // sort selectors by specifity
+    return sortSelectors(activeSelectors);
+}
+function getScopesForElement(hostTemplateMap, node) {
+    var scopes = [];
+    while (node) {
+        var scope = hostTemplateMap.get(node);
+        if (scope) {
+            scopes.push(scope);
+        }
+        node = node.parentElement;
+    }
+    return scopes;
+}
+function getSelectorsForScopes(scopes) {
+    var selectors = [];
+    scopes.forEach(function (scope) {
+        selectors.push.apply(selectors, scope.selectors);
+    });
+    return selectors;
+}
+function sortSelectors(selectors) {
+    selectors.sort(function (a, b) {
+        if (a.specificity === b.specificity) {
+            return a.nu - b.nu;
+        }
+        return a.specificity - b.specificity;
+    });
+    return selectors;
+}
+function matches(el, selector) {
+    return selector === ':root' || selector === 'html' || el.matches(selector);
+}
+function parseCSS(original) {
+    var ast = parse(original);
+    var template = compileTemplate(original);
+    var selectors = getSelectors(ast);
+    return {
+        original: original,
+        template: template,
+        selectors: selectors,
+        usesCssVars: template.length > 1
+    };
+}
+function addGlobalStyle(globalScopes, styleEl) {
+    var css = parseCSS(styleEl.innerHTML);
+    css.styleEl = styleEl;
+    globalScopes.push(css);
+}
+function updateGlobalScopes(scopes) {
+    var selectors = getSelectorsForScopes(scopes);
+    var props = resolveValues(selectors);
+    scopes.forEach(function (scope) {
+        if (scope.usesCssVars) {
+            scope.styleEl.innerHTML = executeTemplate(scope.template, props);
+        }
+    });
+}
+function reScope(scope, scopeId) {
+    var template = scope.template.map(function (segment) {
+        return (typeof segment === 'string')
+            ? replaceScope(segment, scope.scopeId, scopeId)
+            : segment;
+    });
+    var selectors = scope.selectors.map(function (sel) {
+        return Object.assign({}, sel, { selector: replaceScope(sel.selector, scope.scopeId, scopeId) });
+    });
+    return Object.assign({}, scope, { template: template,
+        selectors: selectors,
+        scopeId: scopeId });
+}
+function replaceScope(original, oldScopeId, newScopeId) {
+    original = replaceAll(original, "\\." + oldScopeId, "." + newScopeId);
+    return original;
+}
+function replaceAll(input, find, replace) {
+    return input.replace(new RegExp(find, 'g'), replace);
+}
+function loadDocument(doc, globalScopes) {
+    loadDocumentStyles(doc, globalScopes);
+    return loadDocumentLinks(doc, globalScopes);
+}
+function loadDocumentLinks(doc, globalScopes) {
+    var promises = [];
+    var linkElms = doc.querySelectorAll('link[rel="stylesheet"][href]');
+    for (var i = 0; i < linkElms.length; i++) {
+        promises.push(addGlobalLink(doc, globalScopes, linkElms[i]));
+    }
+    return Promise.all(promises);
+}
+function loadDocumentStyles(doc, globalScopes) {
+    var styleElms = doc.querySelectorAll('style:not([data-styles])');
+    for (var i = 0; i < styleElms.length; i++) {
+        addGlobalStyle(globalScopes, styleElms[i]);
+    }
+}
+function addGlobalLink(doc, globalScopes, linkElm) {
+    var url = linkElm.href;
+    return fetch(url).then(function (rsp) { return rsp.text(); }).then(function (text) {
+        if (hasCssVariables(text) && linkElm.parentNode) {
+            if (hasRelativeUrls(text)) {
+                text = fixRelativeUrls(text, url);
+            }
+            var styleEl = doc.createElement('style');
+            styleEl.setAttribute('data-styles', '');
+            styleEl.innerHTML = text;
+            addGlobalStyle(globalScopes, styleEl);
+            linkElm.parentNode.insertBefore(styleEl, linkElm);
+            linkElm.remove();
+        }
+    }).catch(function (err) {
+        console.error(err);
+    });
+}
+// This regexp tries to determine when a variable is declared, for example:
+//
+// .my-el { --highlight-color: green; }
+//
+// but we don't want to trigger when a classname uses "--" or a pseudo-class is
+// used. We assume that the only characters that can preceed a variable
+// declaration are "{", from an opening block, ";" from a preceeding rule, or a
+// space. This prevents the regexp from matching a word in a selector, since
+// they would need to start with a "." or "#". (We assume element names don't
+// start with "--").
+var CSS_VARIABLE_REGEXP = /[\s;{]--[-a-zA-Z0-9]+\s*:/m;
+function hasCssVariables(css) {
+    return css.indexOf('var(') > -1 || CSS_VARIABLE_REGEXP.test(css);
+}
+// This regexp find all url() usages with relative urls
+var CSS_URL_REGEXP = /url[\s]*\([\s]*['"]?(?![http|/])([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;
+function hasRelativeUrls(css) {
+    CSS_URL_REGEXP.lastIndex = 0;
+    return CSS_URL_REGEXP.test(css);
+}
+function fixRelativeUrls(css, originalUrl) {
+    // get the basepath from the original import url
+    var basePath = originalUrl.replace(/[^/]*$/, '');
+    // replace the relative url, with the new relative url
+    return css.replace(CSS_URL_REGEXP, function (fullMatch, url) {
+        // rhe new relative path is the base path + uri
+        // TODO: normalize relative URL
+        var relativeUrl = basePath + url;
+        return fullMatch.replace(url, relativeUrl);
+    });
+}
+var CustomStyle = /** @class */ (function () {
+    function CustomStyle(win, doc) {
+        this.win = win;
+        this.doc = doc;
+        this.count = 0;
+        this.hostStyleMap = new WeakMap();
+        this.hostScopeMap = new WeakMap();
+        this.globalScopes = [];
+        this.scopesMap = new Map();
+    }
+    CustomStyle.prototype.initShim = function () {
+        var _this = this;
+        return new Promise(function (resolve) {
+            _this.win.requestAnimationFrame(function () {
+                loadDocument(_this.doc, _this.globalScopes).then(function () { return resolve(); });
+            });
+        });
+    };
+    CustomStyle.prototype.addLink = function (linkEl) {
+        var _this = this;
+        return addGlobalLink(this.doc, this.globalScopes, linkEl).then(function () {
+            _this.updateGlobal();
+        });
+    };
+    CustomStyle.prototype.addGlobalStyle = function (styleEl) {
+        addGlobalStyle(this.globalScopes, styleEl);
+        this.updateGlobal();
+    };
+    CustomStyle.prototype.createHostStyle = function (hostEl, cssScopeId, cssText, isScoped) {
+        if (this.hostScopeMap.has(hostEl)) {
+            throw new Error('host style already created');
+        }
+        var baseScope = this.registerHostTemplate(cssText, cssScopeId, isScoped);
+        var styleEl = this.doc.createElement('style');
+        if (!baseScope.usesCssVars) {
+            // This component does not use (read) css variables
+            styleEl.innerHTML = cssText;
+        }
+        else if (isScoped) {
+            // This component is dynamic: uses css var and is scoped
+            styleEl['s-sc'] = cssScopeId = baseScope.scopeId + "-" + this.count;
+            styleEl.innerHTML = '/*needs update*/';
+            this.hostStyleMap.set(hostEl, styleEl);
+            this.hostScopeMap.set(hostEl, reScope(baseScope, cssScopeId));
+            this.count++;
+        }
+        else {
+            // This component uses css vars, but it's no-encapsulation (global static)
+            baseScope.styleEl = styleEl;
+            if (!baseScope.usesCssVars) {
+                styleEl.innerHTML = executeTemplate(baseScope.template, {});
+            }
+            this.globalScopes.push(baseScope);
+            this.updateGlobal();
+            this.hostScopeMap.set(hostEl, baseScope);
+        }
+        return styleEl;
+    };
+    CustomStyle.prototype.removeHost = function (hostEl) {
+        var css = this.hostStyleMap.get(hostEl);
+        if (css) {
+            css.remove();
+        }
+        this.hostStyleMap.delete(hostEl);
+        this.hostScopeMap.delete(hostEl);
+    };
+    CustomStyle.prototype.updateHost = function (hostEl) {
+        var scope = this.hostScopeMap.get(hostEl);
+        if (scope && scope.usesCssVars && scope.isScoped) {
+            var styleEl = this.hostStyleMap.get(hostEl);
+            if (styleEl) {
+                var selectors = getActiveSelectors(hostEl, this.hostScopeMap, this.globalScopes);
+                var props = resolveValues(selectors);
+                styleEl.innerHTML = executeTemplate(scope.template, props);
+            }
+        }
+    };
+    CustomStyle.prototype.updateGlobal = function () {
+        updateGlobalScopes(this.globalScopes);
+    };
+    CustomStyle.prototype.registerHostTemplate = function (cssText, scopeId, isScoped) {
+        var scope = this.scopesMap.get(scopeId);
+        if (!scope) {
+            scope = parseCSS(cssText);
+            scope.scopeId = scopeId;
+            scope.isScoped = isScoped;
+            this.scopesMap.set(scopeId, scope);
+        }
+        return scope;
+    };
+    return CustomStyle;
+}());
+var win = window;
+function needsShim() {
+    return !(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'));
+}
+if (!win.__stencil_cssshim && needsShim()) {
+    win.__stencil_cssshim = new CustomStyle(win, document);
+}
+
+var doc = document;
+var allScripts = doc.querySelectorAll('script');
+var scriptElm;
+for (var x = allScripts.length - 1; x >= 0; x--) {
+  scriptElm = allScripts[x];
+  if (scriptElm.src || scriptElm.hasAttribute('data-resources-url')) {
+    break;
+  }
+}
+var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
+var start = function() {
+  var url = new URL('./p-3ec0d62c.system.js', resourcesUrl);
+  System.import(url.href);
+};
+
+if (win.__stencil_cssshim) {
+  win.__stencil_cssshim.initShim().then(start);
+} else {
+  start();
+}
diff --git a/dist/calcite/p-05cd1ccb.js b/dist/calcite/p-05cd1ccb.js
new file mode 100644
index 00000000000..b8aaaea35d2
--- /dev/null
+++ b/dist/calcite/p-05cd1ccb.js
@@ -0,0 +1 @@
+class t{constructor(){this.strictStyling=!0}shimCssText(t,s,e="",o="",r=!1){const n=x(t);t=C(t);const c=[];if(r){const s=t=>{const s=`/*!@___${c.length}___*/`;return c.push({placeholder:s,comment:`/*!@${t.selector}*/`}),t.selector=s+t.selector,t};t=O(t,t=>"@"!==t.selector[0]?s(t):t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")?(t.content=O(t.content,s),t):t)}const i=this._scopeCssText(t,s,e,o,r);return t=[i,...n].join("\n"),r&&c.forEach(({placeholder:s,comment:e})=>{t=t.replace(s,e)}),t}_scopeCssText(t,s,e,o,r){return t=this._insertPolyfillHostInCssText(t),t=this._convertColonHost(t),t=this._convertColonHostContext(t),t=this._convertColonSlotted(t,o),t=this._convertShadowDOMSelectors(t),s&&(t=this._scopeSelectors(t,s,e,o,r)),(t=(t=t.replace(/-shadowcsshost-no-combinator/g,`.${e}`)).replace(/>\s*\*\s+([^{, ]+)/gm," $1 ")).trim()}_convertColonHost(t){return this._convertColonRule(t,h,this._colonHostPartReplacer)}_convertColonSlotted(t,s){return t.replace(u,(...t)=>{if(t[2]){const e=t[2].trim();return"."+s+" > "+e+t[3]}return p+t[3]})}_convertColonHostContext(t){return this._convertColonRule(t,l,this._colonHostContextPartReplacer)}_convertColonRule(t,s,e){return t.replace(s,(...t)=>{if(t[2]){const s=t[2].split(","),o=[];for(let r=0;r<s.length;r++){const n=s[r].trim();if(!n)break;o.push(e(p,n,t[3]))}return o.join(",")}return p+t[3]})}_colonHostContextPartReplacer(t,s,e){return s.indexOf(r)>-1?this._colonHostPartReplacer(t,s,e):t+s+e+", "+s+" "+t+e}_colonHostPartReplacer(t,s,e){return t+s.replace(r,"")+e}_convertShadowDOMSelectors(t){return a.reduce((t,s)=>t.replace(s," "),t)}_scopeSelectors(t,s,o,r,n){return O(t,t=>{let c=t.selector,i=t.content;return"@"!==t.selector[0]?c=this._scopeSelector(t.selector,s,o,r,this.strictStyling):(t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document"))&&(i=this._scopeSelectors(t.content,s,o,r,n)),c=c.replace(/\s{2,}/g," ").trim(),new e(c,i)})}_scopeSelector(t,s,e,o,r){return t.split(",").map(t=>o&&t.indexOf("."+o)>-1?t.trim():this._selectorNeedsScoping(t,s)?r?this._applyStrictSelectorScope(t,s,e).trim():this._applySelectorScope(t,s,e).trim():t.trim()).join(", ")}_selectorNeedsScoping(t,s){return!this._makeScopeMatcher(s).test(t)}_makeScopeMatcher(t){return t=t.replace(/\[/g,"\\[").replace(/\]/g,"\\]"),new RegExp("^("+t+")"+g,"m")}_applySelectorScope(t,s,e){return this._applySimpleSelectorScope(t,s,e)}_applySimpleSelectorScope(t,s,e){if(m.lastIndex=0,m.test(t)){const o=this.strictStyling?`.${e}`:s;return t.replace(_,(t,s)=>s.replace(/([^:]*)(:*)(.*)/,(t,s,e,r)=>s+o+e+r)).replace(m,o+" ")}return s+" "+t}_applyStrictSelectorScope(t,e,o){const r="."+(e=e.replace(/\[is=([^\]]*)\]/g,(t,...s)=>s[0])),n=t=>{let s=t.trim();if(!s)return"";if(t.indexOf(p)>-1)s=this._applySimpleSelectorScope(t,e,o);else{const e=t.replace(m,"");if(e.length>0){const t=e.match(/([^:]*)(:*)(.*)/);t&&(s=t[1]+r+t[2]+t[3])}}return s},c=new s(t);let i,h="",l=0;const u=/( |>|\+|~(?!=))\s*/g;let _=!((t=c.content()).indexOf(p)>-1);for(;null!==(i=u.exec(t));){const s=i[1],e=t.slice(l,i.index).trim();h+=`${(_=_||e.indexOf(p)>-1)?n(e):e} ${s} `,l=u.lastIndex}const a=t.substring(l);return h+=(_=_||a.indexOf(p)>-1)?n(a):a,c.restore(h)}_insertPolyfillHostInCssText(t){return t.replace(S,c).replace(d,r).replace(w,n)}}class s{constructor(t){this.placeholders=[],this.index=0,t=t.replace(/(\[[^\]]*\])/g,(t,s)=>{const e=`__ph-${this.index}__`;return this.placeholders.push(s),this.index++,e}),this._content=t.replace(/(:nth-[-\w]+)(\([^)]+\))/g,(t,s,e)=>{const o=`__ph-${this.index}__`;return this.placeholders.push(e),this.index++,s+o})}restore(t){return t.replace(/__ph-(\d+)__/g,(t,s)=>this.placeholders[+s])}content(){return this._content}}class e{constructor(t,s){this.selector=t,this.content=s}}class o{constructor(t,s){this.escapedString=t,this.blocks=s}}const r="-shadowcsshost",n="-shadowcssslotted",c="-shadowcsscontext",i=")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)",h=new RegExp("("+r+i,"gim"),l=new RegExp("("+c+i,"gim"),u=new RegExp("("+n+i,"gim"),p=r+"-no-combinator",_=/-shadowcsshost-no-combinator([^\s]*)/,a=[/::shadow/g,/::content/g],g="([>\\s~+[.,{:][\\s\\S]*)?$",m=/-shadowcsshost/gim,d=/:host/gim,w=/::slotted/gim,S=/:host-context/gim,$=/\/\*\s*[\s\S]*?\*\//g,C=t=>t.replace($,""),f=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g,x=t=>t.match(f)||[],R=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g,L=/([{}])/g,O=(t,s)=>{const o=v(t);let r=0;return o.escapedString.replace(R,(...t)=>{const n=t[2];let c="",i=t[4],h="";i&&i.startsWith("{%BLOCK%")&&(c=o.blocks[r++],i=i.substring("%BLOCK%".length+1),h="{");const l=s(new e(n,c));return`${t[1]}${l.selector}${t[3]}${h}${l.content}${i}`})},v=t=>{const s=t.split(L),e=[],r=[];let n=0,c=[];for(let t=0;t<s.length;t++){const o=s[t];"}"===o&&n--,n>0?c.push(o):(c.length>0&&(r.push(c.join("")),e.push("%BLOCK%"),c=[]),e.push(o)),"{"===o&&n++}return c.length>0&&(r.push(c.join("")),e.push("%BLOCK%")),new o(e.join(""),r)},B=(s,e,o)=>(new t).shimCssText(s,e,e+"-h",e+"-s",o);export{t as ShadowCss,B as scopeCss};
\ No newline at end of file
diff --git a/dist/calcite/p-3ea8955c.js b/dist/calcite/p-3ea8955c.js
new file mode 100644
index 00000000000..33859d15334
--- /dev/null
+++ b/dist/calcite/p-3ea8955c.js
@@ -0,0 +1 @@
+var r=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};var n={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},t="{",i="}",e={comments:/\/\*[^*]*\*+([^\/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},u="--",o="@media",s="@";function a(r,n,t){r.lastIndex=0;var i=n.substring(t).match(r);if(i){var e=t+i.index;return{start:e,end:e+i[0].length}}return null}var f=/\bvar\(/,c=/\B--[\w-]+\s*:/,v=/\/\*[^*]*\*+([^\/*][^*]*\*+)*\//gim,h=/^[\t ]+\n/gm;function l(r,n,t){var i=function(r,n){var t=a(f,r,n);if(!t)return null;var i=function(r){for(var n=0,i=t.start;i<r.length;i++){var e=r[i];if("("===e)n++;else if(")"===e&&--n<=0)return i+1}return i}(r),e=r.substring(t.end,i-1).split(","),u=e[0],o=e.slice(1);return{start:t.start,end:i,propName:u.trim(),fallback:o.length>0?o.join(",").trim():void 0}}(r,t);if(!i)return n.push(r.substring(t,r.length)),r.length;var e=i.propName,u=null!=i.fallback?g(i.fallback):void 0;return n.push(r.substring(t,i.start),function(r){return function(n,t,i){return r[e]?r[e]:i?m(i,r):""}(0,0,u)}),i.end}function m(r,n){for(var t="",i=0;i<r.length;i++){var e=r[i];t+="string"==typeof e?e:e(n)}return t}function p(r,n){for(var t=!1,i=!1,e=n;e<r.length;e++){var u=r[e];if(t)i&&'"'===u&&(t=!1),i||"'"!==u||(t=!1);else if('"'===u)t=!0,i=!0;else if("'"===u)t=!0,i=!1;else{if(";"===u)return e+1;if("}"===u)return e}}return e}function g(r){var n=0;r=function(r){for(var n="",t=0;;){var i=a(c,r,t),e=i?i.start:r.length;if(n+=r.substring(t,e),!i)break;t=p(r,e)}return n}(r=r.replace(v,"")).replace(h,"");for(var t=[];n<r.length;)n=l(r,t,n);return t}function d(r){var n={};r.forEach(function(r){r.declarations.forEach(function(r){n[r.prop]=r.value})});for(var t={},i=Object.entries(n),e=function(){var r=!1;if(i.forEach(function(n){var i=n[0],e=m(n[1],t);e!==t[i]&&(t[i]=e,r=!0)}),!r)return"break"},u=0;u<10&&"break"!==e();u++);return t}function y(r,t){if(void 0===t&&(t=0),!r.rules)return[];var i=[];return r.rules.filter(function(r){return r.type===n.STYLE_RULE}).forEach(function(r){var n=function(r){for(var n,t=[];n=E.exec(r.trim());){var i=k(n[2]),e=i.value,u=i.important;t.push({prop:n[1].trim(),value:g(e),important:u})}return t}(r.cssText);n.length>0&&r.parsedSelector.split(",").forEach(function(r){r=r.trim(),i.push({selector:r,declarations:n,specificity:1,nu:t})}),t++}),i}var w="!important",E=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function k(r){var n=(r=r.replace(/\s+/gim," ").trim()).endsWith(w);return n&&(r=r.substr(0,r.length-w.length).trim()),{value:r,important:n}}function b(r){var n=[];return r.forEach(function(r){n.push.apply(n,r.selectors)}),n}function R(a){var f,c=function r(t,i){var a=i.substring(t.start,t.end-1);if(t.parsedCssText=t.cssText=a.trim(),t.parent){a=(a=(a=(a=i.substring(t.previous?t.previous.end:t.parent.start,t.start-1)).replace(/\\([0-9a-f]{1,6})\s/gi,function(){for(var r=arguments[1],n=6-r.length;n--;)r="0"+r;return"\\"+r})).replace(e.multipleSpaces," ")).substring(a.lastIndexOf(";")+1);var f=t.parsedSelector=t.selector=a.trim();t.atRule=0===f.indexOf(s),t.atRule?0===f.indexOf(o)?t.type=n.MEDIA_RULE:f.match(e.keyframesRule)&&(t.type=n.KEYFRAMES_RULE,t.keyframesName=t.selector.split(e.multipleSpaces).pop()):t.type=0===f.indexOf(u)?n.MIXIN_RULE:n.STYLE_RULE}var c=t.rules;if(c)for(var v=0,h=c.length,l=void 0;v<h&&(l=c[v]);v++)r(l,i);return t}(function(n){var e=new r;e.start=0,e.end=n.length;for(var u=e,o=0,s=n.length;o<s;o++)if(n[o]===t){u.rules||(u.rules=[]);var a=u,f=a.rules[a.rules.length-1]||null;(u=new r).start=o+1,u.parent=a,u.previous=f,a.rules.push(u)}else n[o]===i&&(u.end=o+1,u=u.parent||e);return e}(f=(f=a).replace(e.comments,"").replace(e.port,"")),f),v=g(a);return{original:a,template:v,selectors:y(c),usesCssVars:v.length>1}}function M(r,n){var t=R(n.innerHTML);t.styleEl=n,r.push(t)}function $(r,n,t){var i;return i="."+t,r.replace(new RegExp("\\."+n,"g"),i)}function A(r,n,t){var i=t.href;return fetch(i).then(function(r){return r.text()}).then(function(e){if(((o=e).indexOf("var(")>-1||L.test(o))&&t.parentNode){(function(r){return I.lastIndex=0,I.test(r)})(e)&&(e=function(r){var n=i.replace(/[^\/]*$/,"");return r.replace(I,function(r,t){return r.replace(t,n+t)})}(e));var u=r.createElement("style");u.setAttribute("data-styles",""),u.innerHTML=e,M(n,u),t.parentNode.insertBefore(u,t),t.remove()}var o}).catch(function(r){console.error(r)})}var L=/[\s;{]--[-a-zA-Z0-9]+\s*:/m,I=/url[\s]*\([\s]*['"]?(?![http|\/])([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim,P=function(){function r(r,n){this.win=r,this.doc=n,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map}return r.prototype.initShim=function(){var r=this;return new Promise(function(n){r.win.requestAnimationFrame(function(){var t,i;(t=r.doc,i=r.globalScopes,function(r,n){for(var t=r.querySelectorAll("style:not([data-styles])"),i=0;i<t.length;i++)M(n,t[i])}(t,i),function(r,n){for(var t=[],i=r.querySelectorAll('link[rel="stylesheet"][href]'),e=0;e<i.length;e++)t.push(A(r,n,i[e]));return Promise.all(t)}(t,i)).then(function(){return n()})})})},r.prototype.addLink=function(r){var n=this;return A(this.doc,this.globalScopes,r).then(function(){n.updateGlobal()})},r.prototype.addGlobalStyle=function(r){M(this.globalScopes,r),this.updateGlobal()},r.prototype.createHostStyle=function(r,n,t,i){if(this.hostScopeMap.has(r))throw new Error("host style already created");var e,u,o,s,a=this.registerHostTemplate(t,n,i),f=this.doc.createElement("style");return a.usesCssVars?i?(f["s-sc"]=n=a.scopeId+"-"+this.count,f.innerHTML="/*needs update*/",this.hostStyleMap.set(r,f),this.hostScopeMap.set(r,(u=n,o=(e=a).template.map(function(r){return"string"==typeof r?$(r,e.scopeId,u):r}),s=e.selectors.map(function(r){return Object.assign({},r,{selector:$(r.selector,e.scopeId,u)})}),Object.assign({},e,{template:o,selectors:s,scopeId:u}))),this.count++):(a.styleEl=f,a.usesCssVars||(f.innerHTML=m(a.template,{})),this.globalScopes.push(a),this.updateGlobal(),this.hostScopeMap.set(r,a)):f.innerHTML=t,f},r.prototype.removeHost=function(r){var n=this.hostStyleMap.get(r);n&&n.remove(),this.hostStyleMap.delete(r),this.hostScopeMap.delete(r)},r.prototype.updateHost=function(r){var n=this.hostScopeMap.get(r);if(n&&n.usesCssVars&&n.isScoped){var t=this.hostStyleMap.get(r);if(t){var i=d(function(r,n,t){var i;return(i=b(t.concat(function(r,n){for(var t=[];n;){var i=r.get(n);i&&t.push(i),n=n.parentElement}return t}(n,r))).filter(function(n){return function(n,t){return":root"===t||"html"===t||r.matches(t)}(0,n.selector)})).sort(function(r,n){return r.specificity===n.specificity?r.nu-n.nu:r.specificity-n.specificity}),i}(r,this.hostScopeMap,this.globalScopes));t.innerHTML=m(n.template,i)}}},r.prototype.updateGlobal=function(){var r,n;n=d(b(r=this.globalScopes)),r.forEach(function(r){r.usesCssVars&&(r.styleEl.innerHTML=m(r.template,n))})},r.prototype.registerHostTemplate=function(r,n,t){var i=this.scopesMap.get(n);return i||((i=R(r)).scopeId=n,i.isScoped=t,this.scopesMap.set(n,i)),i},r}(),U=window;U.__stencil_cssshim||U.CSS&&U.CSS.supports&&U.CSS.supports("color","var(--c)")||(U.__stencil_cssshim=new P(U,document));
\ No newline at end of file
diff --git a/dist/calcite/p-3ec0d62c.system.js b/dist/calcite/p-3ec0d62c.system.js
new file mode 100644
index 00000000000..b7e2aaec80e
--- /dev/null
+++ b/dist/calcite/p-3ec0d62c.system.js
@@ -0,0 +1 @@
+System.register(["./p-5b8f9126.system.js"],function(){"use strict";var e,t;return{setters:[function(a){e=a.p;t=a.b}],execute:function(){e().then(function(e){return t([["p-rc0sul8c.system",[[1,"calcite-alert",{dismiss:[4],duration:[513],color:[513],theme:[513],icon:[4],alertId:[1,"alert-id"],currentAlert:[1,"current-alert"],queueLength:[2,"queue-length"],active:[32],closeCalciteAlert:[64],openCalciteAlert:[64]}],[1,"calcite-alerts",{currentAlert:[32],active:[32],alertQueue:[32]},[[0,"calciteAlertOpen","updateQueueOnOpen"],[0,"calciteAlertClose","updateQueueOnClose"]]]]],["p-dzhqju6m.system",[[1,"calcite-button",{color:[1537],appearance:[1537],scale:[1537],width:[1537],loading:[516],href:[513],icon:[513],hastext:[1028]}]]],["p-vt8kdnck.system",[[1,"calcite-tab",{tab:[1537],isActive:[1540,"is-active"],labeledBy:[32],getTabIndex:[64],updateAriaInfo:[64]},[[16,"calciteTabChange","tabChangeHandler"]]],[1,"calcite-tab-nav",{storageId:[1,"storage-id"],syncId:[1,"sync-id"],selectedTab:[32]},[[0,"calciteTabsFocusPrevious","focusPreviousTabHandler"],[0,"calciteTabsFocusNext","focusNextTabHandler"],[0,"calciteTabsActivate","activateTabHandler"],[32,"calciteTabChange","globalTabChangeHandler"]]],[1,"calcite-tab-title",{tab:[1537],isActive:[1540,"is-active"],controls:[32],getTabIndex:[64],getTabIdentifier:[64],updateAriaInfo:[64]},[[16,"calciteTabChange","tabChangeHandler"],[0,"click","onClick"],[0,"keydown","keyDownHandler"]]],[1,"calcite-tabs",{theme:[513],layout:[513],titles:[32],tabs:[32]},[[0,"calciteTabTitleRegister","calciteTabTitleRegister"],[0,"calciteTabTitleUnregister","calciteTabTitleUnregister"],[0,"calciteTabRegister","calciteTabRegister"],[0,"calciteTabUnregister","calciteTabUnregister"]]]]],["p-5ooyqlag.system",[[1,"calcite-radio-group",{name:[1],selectedItem:[8,"selected-item"],theme:[513]},[[0,"click","handleClick"],[0,"calciteRadioGroupItemChange","handleSelected"],[0,"keydown","handleKeyDown"]]],[1,"calcite-radio-group-item",{checked:[1540],value:[8]}]]],["p-ja3fncbx.system",[[1,"calcite-checkbox",{checked:[1540],indeterminate:[1540],name:[1537],value:[1537],size:[513],disabled:[516],theme:[513]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]]],["p-d5hei7hx.system",[[1,"calcite-example",{property:[1],state:[32],doThing:[64]},[[0,"click","onClick"]]]]],["p-xvdg4ebm.system",[[1,"calcite-modal",{beforeClose:[16],closeLabel:[1,"close-label"],docked:[516],firstFocus:[16],size:[513],color:[513],theme:[513],isActive:[32],hideBackButton:[32],hideSecondaryButton:[32],open:[64],close:[64]},[[0,"keyup","handleEscape"]]]]],["p-a1nosev3.system",[[4,"calcite-progress",{type:[1],value:[2],text:[1],reversed:[4]}]]],["p-rboowgca.system",[[1,"calcite-slider",{disabled:[1540],min:[1538],max:[1538],value:[1538],minValue:[2,"min-value"],maxValue:[2,"max-value"],minLabel:[1,"min-label"],maxLabel:[1,"max-label"],snap:[4],step:[2],pageStep:[2,"page-step"],ticks:[2],labelTicks:[516,"label-ticks"],labelHandles:[516,"label-handles"],precise:[4],tickValues:[32],activeProp:[32]},[[0,"keydown","keyDownHandler"],[0,"click","clickHandler"]]]]],["p-oinjvgun.system",[[1,"calcite-switch",{switched:[1540],name:[1537],value:[1537],color:[1]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]]],["p-dsiu7ikq.system",[[1,"calcite-loader",{isActive:[1540,"is-active"],inline:[1540],type:[1537],value:[2],text:[1],loaderBarOffsets:[32],isEdge:[32]}]]],["p-tviyvfsg.system",[[0,"context-consumer",{context:[16],renderer:[16],subscribe:[16],unsubscribe:[32]}]]]],e)})}}});
\ No newline at end of file
diff --git a/dist/calcite/p-3edb1b93.js b/dist/calcite/p-3edb1b93.js
new file mode 100644
index 00000000000..7e058999b5a
--- /dev/null
+++ b/dist/calcite/p-3edb1b93.js
@@ -0,0 +1 @@
+const t=()=>[2,1,1,1,3].map(t=>{let e="";for(let r=0;r<t;r++)e+=(65536*(1+Math.random())|0).toString(16).substring(1);return e}).join("-");export{t as g};
\ No newline at end of file
diff --git a/dist/calcite/p-5b8f9126.system.js b/dist/calcite/p-5b8f9126.system.js
new file mode 100644
index 00000000000..d7af4dba540
--- /dev/null
+++ b/dist/calcite/p-5b8f9126.system.js
@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var e=function(t,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)if(t.hasOwnProperty(r))e[r]=t[r]};return e(t,r)};return function(t,r){e(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,t,r,n){return new(r||(r=Promise))(function(a,i){function s(e){try{l(n.next(e))}catch(e){i(e)}}function o(e){try{l(n["throw"](e))}catch(e){i(e)}}function l(e){e.done?a(e.value):new r(function(t){t(e.value)}).then(s,o)}l((n=n.apply(e,t||[])).next())})};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;a=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register([],function(e,t){"use strict";return{execute:function(){var r=this;var n={allRenderFn:true,cmpDidLoad:true,cmpDidUnload:true,cmpDidUpdate:false,cmpDidRender:true,cmpWillLoad:true,cmpWillUpdate:true,cmpWillRender:true,connectedCallback:true,disconnectedCallback:true,element:false,event:true,hasRenderFn:true,lifecycle:true,hostListener:true,hostListenerTargetWindow:false,hostListenerTargetDocument:false,hostListenerTargetBody:true,hostListenerTargetParent:true,hostListenerTarget:true,member:true,method:true,mode:false,noVdomRender:false,observeAttribute:true,prop:true,propBoolean:true,propNumber:true,propString:true,propMutable:true,reflect:true,scoped:false,shadowDom:true,slot:true,slotRelocation:true,state:true,style:true,svg:true,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,watchCallback:true,taskQueue:true,lazyLoad:true,hydrateServerSide:false,cssVarShim:true,hydrateClientSide:true,isDebug:false,isDev:false,lifecycleDOMEvents:false,profile:false,hotModuleReplacement:false,constructableCSS:true,initializeNextTick:true,cssAnnotations:true};var a="calcite";var i=window;var s=document;var o={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,r,n){return e.addEventListener(t,r,n)},rel:function(e,t,r,n){return e.removeEventListener(t,r,n)}};var l=!!s.documentElement.attachShadow;var $=function(){var e=false;try{s.addEventListener("e",null,Object.defineProperty({},"passive",{get:function(){e=true}}))}catch(e){}return e}();var f=function(){try{new CSSStyleSheet;return true}catch(e){}return false}();var u=new WeakMap;var c=function(e){return u.get(e)};var v=e("r",function(e,t){return u.set(t.$lazyInstance$=e,t)});var d=function(e){{var t={$flags$:0,$hostElement$:e,$instanceValues$:new Map};t.$onReadyPromise$=new Promise(function(e){return t.$onReadyResolve$=e});return u.set(e,t)}};var h=function(e,t){return t in e};var m=function(e){return console.error(e)};var g=new Map;var p=function(e,r,n){var a=e.$tagName$.replace(/-/g,"_");var i=e.$lazyBundleIds$;var s=g.get(i);if(s){return s[a]}return t.import("./"+i+".entry.js"+"").then(function(e){{g.set(i,e)}return e[a]},m)};var y=new Map;var b=i.__stencil_cssshim;var w=0;var R=false;var S=[];var x=[];var N=[];var L=function(e,t){return function(r){e.push(r);if(!R){R=true;if(t&&o.$flags$&4){C(_)}else{o.raf(_)}}}};var T=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){m(e)}}e.length=0};var E=function(e,t){var r=0;var n=0;while(r<e.length&&(n=performance.now())<t){try{e[r++](n)}catch(e){m(e)}}if(r===e.length){e.length=0}else if(r!==0){e.splice(0,r)}};var _=function(){w++;T(S);var e=(o.$flags$&6)===2?performance.now()+10*Math.ceil(w*(1/22)):Infinity;E(x,e);E(N,e);if(x.length>0){N.push.apply(N,x);x.length=0}if(R=S.length+x.length+N.length>0){o.raf(_)}else{w=0}};var C=function(e){return Promise.resolve().then(e)};var k=L(x,true);var j={};var A="http://www.w3.org/2000/svg";var I=function(e){return e!=null};var O=function(e){return e.toLowerCase()};var P=function(e){return["object","function"].includes(typeof e)};var U=function(e){return"__sc_import_"+e.replace(/\s|-/g,"_")};var M=e("a",function(){if(!(i.CSS&&i.CSS.supports&&i.CSS.supports("color","var(--c)"))){return t.import("./p-aaf72d6b.system.js")}return Promise.resolve()});var z=e("p",function(){return __awaiter(r,void 0,void 0,function(){var e,r,n,o,l;return __generator(this,function($){switch($.label){case 0:e=t.meta.url;r=new RegExp("/"+a+"(.esm)?.js$");n=Array.from(s.querySelectorAll("script")).find(function(e){return r.test(e.src)||e.getAttribute("data-namespace")===a});o=n["data-opts"];if(!(e!==""))return[3,1];return[2,Object.assign({},o,{resourcesUrl:new URL(".",e).href})];case 1:l=new URL(".",new URL(n.getAttribute("data-resources-url")||n.src,i.location.href));B(l.href);if(!!window.customElements)return[3,3];return[4,t.import("./p-9725f31b.system.js")];case 2:$.sent();$.label=3;case 3:return[2,Object.assign({},o,{resourcesUrl:l.href})]}})})});var B=function(e){var t=U(a);try{i[t]=new Function("w","return import(w);")}catch(n){var r=new Map;i[t]=function(n){var a=new URL(n,e).href;var o=r.get(a);if(!o){var l=s.createElement("script");l.type="module";l.src=URL.createObjectURL(new Blob(["import * as m from '"+a+"'; window."+t+".m = m;"],{type:"application/javascript"}));o=new Promise(function(e){l.onload=function(){e(i[t].m);l.remove()}});r.set(a,o);s.head.appendChild(l)}return o}}};var D=function(e,t){if(e!=null&&!P(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var q="r";var H="o";var V="s";var W="t";var F="hydrated";var G="s-id";var Q="c-id";var K="http://www.w3.org/1999/xlink";var Y=new WeakMap;var J=function(e,t,r){var n=y.get(e);if(f&&r){n=n||new CSSStyleSheet;n.replace(t)}else{n=t}y.set(e,n)};var X=function(e,t,r,n){var a=ee(t.$tagName$);var i=y.get(a);e=e.nodeType===11?e:s;if(i){if(typeof i==="string"){e=e.head||e;var o=Y.get(e);var l=void 0;if(!o){Y.set(e,o=new Set)}if(!o.has(a)){if(e.host&&(l=e.firstElementChild)&&l.tagName==="STYLE"){l.innerHTML=i}else{if(b){l=b.createHostStyle(n,a,i,!!(t.$flags$&10));var $=l["s-sc"];if($){a=$;o=null}}else{l=s.createElement("style");l.innerHTML=i}e.insertBefore(l,e.querySelector("link"))}if(o){o.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=e.adoptedStyleSheets.concat([i])}}return a};var Z=function(e,t,r){var n=X(l&&e.shadowRoot?e.shadowRoot:e.getRootNode(),t,r,e);if(t.$flags$&10){e["s-sc"]=n;e.classList.add(n+"-h")}};var ee=function(e,t){return"sc-"+e};var te=function(e){return e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{")};var re=e("h",function(e,t){var r=[];for(var n=2;n<arguments.length;n++){r[n-2]=arguments[n]}var a=null;var i=false;var s=false;var o;var l;var $=[];var f=function(t){for(var r=0;r<t.length;r++){a=t[r];if(Array.isArray(a)){f(a)}else if(a!=null&&typeof a!=="boolean"){if(i=typeof e!=="function"&&!P(a)){a=String(a)}if(i&&s){$[$.length-1].$text$+=a}else{$.push(i?{$flags$:0,$text$:a}:a)}s=i}}};f(r);if(t){{o=t.key||undefined}{l=t.name}{var u=t.className||t.class;if(u){t.class=typeof u!=="object"?u:Object.keys(u).filter(function(e){return u[e]}).join(" ")}}}if(typeof e==="function"){return e(t,$,ie)}var c={$flags$:0,$tag$:e,$children$:$.length>0?$:null,$elm$:undefined,$attrs$:t};{c.$key$=o}{c.$name$=l}return c});var ne=e("H",{});var ae=function(e){return e&&e.$tag$===ne};var ie={forEach:function(e,t){return e.map(se).forEach(t)},map:function(e,t){return e.map(se).map(t).map(oe)}};var se=function(e){return{vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}};var oe=function(e){return{$flags$:0,$attrs$:e.vattrs,$children$:e.vchildren,$key$:e.vkey,$name$:e.vname,$tag$:e.vtag,$text$:e.vtext}};var le=function(e,t,r,n,a,i){if(r===n){return}if(t==="class"){var s=e.classList;$e(r).forEach(function(e){return s.remove(e)});$e(n).forEach(function(e){return s.add(e)})}else if(t==="style"){{for(var l in r){if(!n||n[l]==null){if(l.includes("-")){e.style.removeProperty(l)}else{e.style[l]=""}}}}for(var l in n){if(!r||n[l]!==r[l]){if(l.includes("-")){e.style.setProperty(l,n[l])}else{e.style[l]=n[l]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(t.startsWith("on")&&!h(e,t)){if(h(e,O(t))){t=O(t.substring(2))}else{t=O(t[2])+t.substring(3)}if(r){o.rel(e,t,r,false)}if(n){o.ael(e,t,n,false)}}else{var $=h(e,t);var f=P(n);var u=e.tagName.includes("-");if(($||f&&n!==null)&&!a){try{if(u){e[t]=n}else if(e[t]!==n||""){e[t]=n||""}}catch(e){}}var c=a&&t!==(t=t.replace(/^xlink\:?/,""))?true:false;if(n==null||n===false){if(c){e.removeAttributeNS(K,O(t))}else{e.removeAttribute(t)}}else if((!$||i&4||a)&&!f){n=n===true?"":n.toString();if(c){e.setAttributeNS(K,O(t),n)}else{e.setAttribute(t,n)}}}};var $e=function(e){return!e?[]:e.split(/\s+/).filter(function(e){return e})};var fe=function(e,t,r,n){var a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var i=e&&e.$attrs$||j;var s=t.$attrs$||j;{for(n in i){if(!(n in s)){le(a,n,i[n],undefined,r,t.$flags$)}}}for(n in s){le(a,n,i[n],s[n],r,t.$flags$)}};var ue;var ce;var ve;var de=false;var he=false;var me=false;var ge=false;var pe=function(e,t,r,n){var a=t.$children$[r];var i=0;var o;var l;var $;if(!de){me=true;if(a.$tag$==="slot"){if(ue){n.classList.add(ue+"-s")}if(!a.$children$){a.$flags$|=1}else{a.$flags$|=2}}}if(I(a.$text$)){a.$elm$=s.createTextNode(a.$text$)}else if(a.$flags$&1){a.$elm$=s.createTextNode("")}else{o=a.$elm$=ge||a.$tag$==="svg"?s.createElementNS(A,a.$tag$):s.createElement(a.$flags$&2?"slot-fb":a.$tag$);{ge=a.$tag$==="svg"?true:a.$tag$==="foreignObject"?false:ge}{fe(null,a,ge)}if(I(ue)&&o["s-si"]!==ue){o.classList.add(o["s-si"]=ue)}if(a.$children$){for(i=0;i<a.$children$.length;++i){l=pe(e,a,i,o);if(l){o.appendChild(l)}}}{if(a.$tag$==="svg"){ge=false}else if(a.$elm$.tagName==="foreignObject"){ge=true}}}{a.$elm$["s-hn"]=ve;if(a.$flags$&(2|1)){a.$elm$["s-sr"]=true;a.$elm$["s-cr"]=ce;a.$elm$["s-sn"]=a.$name$||"";$=e&&e.$children$&&e.$children$[r];if($&&$.$tag$===a.$tag$&&e.$elm$){ye(e.$elm$,false)}}}return a.$elm$};var ye=function(e,t){o.$flags$|=1;var r=e.childNodes;for(var n=r.length-1;n>=0;n--){var a=r[n];if(a["s-hn"]!==ve&&a["s-ol"]){Ne(a).insertBefore(a,xe(a));a["s-ol"].remove();a["s-ol"]=undefined;me=true}if(t){ye(a,t)}}o.$flags$&=~1};var be=function(e,t,r,n,a,i){var s=e["s-cr"]&&e["s-cr"].parentNode||e;var o;if(s.shadowRoot&&O(s.tagName)===ve){s=s.shadowRoot}for(;a<=i;++a){if(n[a]){o=pe(null,r,a,e);if(o){n[a].$elm$=o;s.insertBefore(o,xe(t))}}}};var we=function(e,t,r,n){for(;t<=r;++t){if(I(e[t])){n=e[t].$elm$;Ce(e[t],true);{he=true;if(n["s-ol"]){n["s-ol"].remove()}else{ye(n,true)}}n.remove()}}};var Re=function(e,t,r,n){var a=0;var i=0;var s=0;var o=0;var l=t.length-1;var $=t[0];var f=t[l];var u=n.length-1;var c=n[0];var v=n[u];var d;var h;while(a<=l&&i<=u){if($==null){$=t[++a]}else if(f==null){f=t[--l]}else if(c==null){c=n[++i]}else if(v==null){v=n[--u]}else if(Se($,c)){Le($,c);$=t[++a];c=n[++i]}else if(Se(f,v)){Le(f,v);f=t[--l];v=n[--u]}else if(Se($,v)){if($.$tag$==="slot"||v.$tag$==="slot"){ye($.$elm$.parentNode,false)}Le($,v);e.insertBefore($.$elm$,f.$elm$.nextSibling);$=t[++a];v=n[--u]}else if(Se(f,c)){if($.$tag$==="slot"||v.$tag$==="slot"){ye(f.$elm$.parentNode,false)}Le(f,c);e.insertBefore(f.$elm$,$.$elm$);f=t[--l];c=n[++i]}else{s=-1;{for(o=a;o<=l;++o){if(t[o]&&I(t[o].$key$)&&t[o].$key$===c.$key$){s=o;break}}}if(s>=0){h=t[s];if(h.$tag$!==c.$tag$){d=pe(t&&t[i],r,s,e)}else{Le(h,c);t[s]=undefined;d=h.$elm$}c=n[++i]}else{d=pe(t&&t[i],r,i,e);c=n[++i]}if(d){{Ne($.$elm$).insertBefore(d,xe($.$elm$))}}}}if(a>l){be(e,n[u+1]==null?null:n[u+1].$elm$,r,n,i,u)}else if(i>u){we(t,a,l)}};var Se=function(e,t){if(e.$tag$===t.$tag$){if(e.$tag$==="slot"){return e.$name$===t.$name$}{return e.$key$===t.$key$}return true}return false};var xe=function(e){return e&&e["s-ol"]||e};var Ne=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var Le=function(e,t){var r=t.$elm$=e.$elm$;var n=e.$children$;var a=t.$children$;var i;{ge=r&&I(r.parentNode)&&r.ownerSVGElement!==undefined;ge=t.$tag$==="svg"?true:t.$tag$==="foreignObject"?false:ge}if(!I(t.$text$)){{if(t.$tag$==="slot");else{fe(e,t,ge)}}if(I(n)&&I(a)){Re(r,n,t,a)}else if(I(a)){if(I(e.$text$)){r.textContent=""}be(r,null,t,a,0,a.length-1)}else if(I(n)){we(n,0,n.length-1)}}else if(i=r["s-cr"]){i.parentNode.textContent=t.$text$}else if(e.$text$!==t.$text$){r.textContent=t.$text$}if(ge&&t.$tag$==="svg"){ge=false}};var Te=function(e,t,r,n,a,i,s,o){r=e.childNodes;for(n=0,a=r.length;n<a;n++){t=r[n];if(t.nodeType===1){if(t["s-sr"]){s=t["s-sn"];t.hidden=false;for(i=0;i<a;i++){if(r[i]["s-hn"]!==t["s-hn"]){o=r[i].nodeType;if(s!==""){if(o===1&&s===r[i].getAttribute("slot")){t.hidden=true;break}}else{if(o===1||o===3&&r[i].textContent.trim()!==""){t.hidden=true;break}}}}}Te(t)}}};var Ee=[];var _e=function(e){var t=e.childNodes;var r=t.length;var n=0;var a=0;var i=0;var s;var o;var l;var $;for(r=t.length;n<r;n++){s=t[n];if(s["s-sr"]&&(o=s["s-cr"])){l=o.parentNode.childNodes;$=s["s-sn"];for(a=l.length-1;a>=0;a--){o=l[a];if(!o["s-cn"]&&!o["s-nr"]&&o["s-hn"]!==s["s-hn"]){i=o.nodeType;if((i===3||i===8)&&$===""||i===1&&o.getAttribute("slot")===null&&$===""||i===1&&o.getAttribute("slot")===$){if(!Ee.some(function(e){return e.$nodeToRelocate$===o})){he=true;o["s-sn"]=$;Ee.push({$slotRefNode$:s,$nodeToRelocate$:o})}}}}}if(s.nodeType===1){_e(s)}}};var Ce=function(e,t){if(e){e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(t?null:e.$elm$);e.$children$&&e.$children$.forEach(function(e){Ce(e,t)})}};var ke=function(e,t,r,n){ve=O(e.tagName);var a=t.$vnode$||{$flags$:0};var i=ae(n)?n:re(null,null,n);if(r.$attrsToReflect$){i.$attrs$=i.$attrs$||{};r.$attrsToReflect$.forEach(function(t){var r=t[0],n=t[1];return i.$attrs$[n]=e[r]})}i.$tag$=null;i.$flags$|=4;t.$vnode$=i;i.$elm$=a.$elm$=e.shadowRoot||e;{ue=e["s-sc"]}{ce=e["s-cr"];de=l&&(r.$flags$&1)!==0;me=he=false}Le(a,i);{if(me){_e(i.$elm$);for(var $=0;$<Ee.length;$++){var f=Ee[$];if(!f.$nodeToRelocate$["s-ol"]){var u=s.createTextNode("");u["s-nr"]=f.$nodeToRelocate$;f.$nodeToRelocate$.parentNode.insertBefore(f.$nodeToRelocate$["s-ol"]=u,f.$nodeToRelocate$)}}o.$flags$|=1;for(var $=0;$<Ee.length;$++){var f=Ee[$];var c=f.$slotRefNode$.parentNode;var v=f.$slotRefNode$.nextSibling;var u=f.$nodeToRelocate$["s-ol"];while(u=u.previousSibling){var d=u["s-nr"];if(d&&d["s-sn"]===f.$nodeToRelocate$["s-sn"]&&c===d.parentNode){d=d.nextSibling;if(!d||!d["s-nr"]){v=d;break}}}if(!v&&c!==f.$nodeToRelocate$.parentNode||f.$nodeToRelocate$.nextSibling!==v){if(f.$nodeToRelocate$!==v){c.insertBefore(f.$nodeToRelocate$,v)}}}o.$flags$&=~1}if(he){Te(i.$elm$)}Ee.length=0}};var je=function(e,t,r,n){{t.$flags$|=16}var a=t.$lazyInstance$;var i;if(n){{t.$flags$|=256}if(t.$queuedListeners$){t.$queuedListeners$.forEach(function(e){var t=e[0],r=e[1];return Ue(a,t,r)});t.$queuedListeners$=null}{i=Ue(a,"componentWillLoad")}}else{{i=Ue(a,"componentWillUpdate")}}{i=Me(i,function(){return Ue(a,"componentWillRender")})}var s=function(){return Ae(e,t,r,a,n)};return Me(i,function(){return k(s)})};var Ae=function(e,t,r,n,a){{t.$flags$&=~16}{e["s-lr"]=false}if(a){Z(e,r,t.$modeName$)}{{t.$flags$|=4;try{ke(e,t,r,n.render())}catch(e){m(e)}t.$flags$&=~4}}if(b){b.updateHost(e)}{e["s-lr"]=true}{t.$flags$|=2}if(e["s-rc"].length>0){e["s-rc"].forEach(function(e){return e()});e["s-rc"].length=0}Ie(e,t)};var Ie=function(e,t,r){if(!e["s-al"]){var n=t.$lazyInstance$;var a=t.$ancestorComponent$;{Ue(n,"componentDidRender")}if(!(t.$flags$&64)){t.$flags$|=64;{e.classList.add(F)}{Ue(n,"componentDidLoad")}{t.$onReadyResolve$(e)}if(!a){Pe()}}if(a){if(r=a["s-al"]){r.delete(e);if(r.size===0){a["s-al"]=undefined;a["s-init"]()}}t.$ancestorComponent$=undefined}}};var Oe=function(e,t){{var r=c(e);if(r.$flags$&2){je(e,r,t,false)}}};var Pe=function(){{s.documentElement.classList.add(F)}{o.$flags$|=2}};var Ue=function(e,t,r){if(e&&e[t]){try{return e[t](r)}catch(e){m(e)}}return undefined};var Me=function(e,t){return e&&e.then?e.then(t):t()};var ze=function(e,t){return c(e).$instanceValues$.get(t)};var Be=function(e,t,r,n){var a=c(e);var i=a.$hostElement$;var s=a.$instanceValues$.get(t);var o=a.$flags$;r=D(r,n.$members$[t][0]);if(r!==s&&(!(o&8)||s===undefined)){a.$instanceValues$.set(t,r);if(a.$lazyInstance$){if(n.$watchers$&&o&128){var l=n.$watchers$[t];if(l){l.forEach(function(e){try{a.$lazyInstance$[e].call(a.$lazyInstance$,r,s,t)}catch(e){m(e)}})}}if((o&(4|2|16))===2){je(i,a,n,false)}}}};var De=function(e,t,r){if(t.$members$){if(e.watchers){t.$watchers$=e.watchers}var n=Object.entries(t.$members$);var a=e.prototype;n.forEach(function(e){var n=e[0],i=e[1][0];if(i&31||r&2&&i&32){Object.defineProperty(a,n,{get:function(){return ze(this,n)},set:function(e){Be(this,n,e,t)},configurable:true,enumerable:true})}else if(r&1&&i&64){Object.defineProperty(a,n,{value:function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var r=c(this);return r.$onReadyPromise$.then(function(){var t;return(t=r.$lazyInstance$)[n].apply(t,e)})}})}});if(r&1){var i=new Map;a.attributeChangedCallback=function(e,t,r){var n=this;o.jmp(function(){var t=i.get(e);n[t]=r===null&&typeof n[t]==="boolean"?false:r})};e.observedAttributes=n.filter(function(e){var t=e[0],r=e[1];return r[0]&15}).map(function(e){var r=e[0],n=e[1];var a=n[1]||r;i.set(a,r);if(n[0]&512){t.$attrsToReflect$.push([r,a])}return a})}}return e};var qe=function(e,t,r){t.$queuedListeners$=t.$queuedListeners$||[];var n=r.map(function(r){var n=r[0],a=r[1],i=r[2];var s=Ve(e,n);var l=He(t,i);var $=We(n);o.ael(s,a,l,$);return function(){return o.rel(s,a,l,$)}});return function(){return n.forEach(function(e){return e()})}};var He=function(e,t){return function(r){{if(e.$flags$&256){e.$lazyInstance$[t](r)}else{e.$queuedListeners$.push([t,r])}}}};var Ve=function(e,t){if(t&32)return s.body;if(t&16)return e.parentElement;return e};var We=function(e){return $?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0};var Fe=function(e,t,r,n){var a=e.shadowRoot;var i=[];var l=[];var $=a?[]:null;var f=n.$vnode$={$flags$:0,$tag$:t};if(!o.$orgLocNodes$){Qe(s.body,o.$orgLocNodes$=new Map)}e[G]=r;e.removeAttribute(G);Ge(f,i,l,$,e,e,r);i.forEach(function(e){var r=e.$hostId$+"."+e.$nodeId$;var n=o.$orgLocNodes$.get(r);var i=e.$elm$;if(n&&(n["s-sd"]||e.$hostId$==="0")){n.parentNode.insertBefore(i,n.nextSibling)}if(!a){i["s-hn"]=t;if(n){i["s-ol"]=n;i["s-ol"]["s-nr"]=i}}o.$orgLocNodes$.delete(r)});if(a){$.forEach(function(e){if(e){a.appendChild(e)}})}};var Ge=function(e,t,r,n,a,i,o){var l;var $;var f;if(i.nodeType===1){l=i.getAttribute(Q);if(l){$=l.split(".");if($[0]===o||$[0]==="0"){f={$flags$:0,$hostId$:$[0],$nodeId$:$[1],$depth$:$[2],$index$:$[3],$tag$:O(i.tagName),$elm$:i};t.push(f);i.removeAttribute(Q);if(!e.$children$){e.$children$=[]}e.$children$[f.$index$]=f;e=f;if(n&&f.$depth$==="0"){n[f.$index$]=f.$elm$}}}var u=i.childNodes.length-1;for(;u>=0;u--){Ge(e,t,r,n,a,i.childNodes[u],o)}if(i.shadowRoot){for(u=i.shadowRoot.childNodes.length-1;u>=0;u--){Ge(e,t,r,n,a,i.shadowRoot.childNodes[u],o)}}}else if(i.nodeType===8){$=i.nodeValue.split(".");if($[1]===o||$[1]==="0"){l=$[0];f={$flags$:0,$hostId$:$[1],$nodeId$:$[2],$depth$:$[3],$index$:$[4],$elm$:i};if(l===W){f.$elm$=i.nextSibling;if(f.$elm$&&f.$elm$.nodeType===3){f.$text$=f.$elm$.textContent;t.push(f);i.remove();if(!e.$children$){e.$children$=[]}e.$children$[f.$index$]=f;if(n&&f.$depth$==="0"){n[f.$index$]=f.$elm$}}}else if(f.$hostId$===o){if(l===V){f.$tag$="slot";if($[5]){i["s-sn"]=f.$name$=$[5]}else{i["s-sn"]=""}i["s-sr"]=true;if(n){f.$elm$=s.createElement(f.$tag$);if(f.$name$){f.$elm$.setAttribute("name",f.$name$)}i.parentNode.insertBefore(f.$elm$,i);i.remove();if(f.$depth$==="0"){n[f.$index$]=f.$elm$}}r.push(f);if(!e.$children$){e.$children$=[]}e.$children$[f.$index$]=f}else if(l===q){if(n){i.remove()}else{a["s-cr"]=i;i["s-cn"]=true}}}}}else if(e&&e.$tag$==="style"){e.$children$=[{$index$:"0",$text$:i.textContent,$elm$:i}]}};var Qe=function(e,t){if(e.nodeType===1){var r=0;for(;r<e.childNodes.length;r++){Qe(e.childNodes[r],t)}if(e.shadowRoot){for(r=0;r<e.shadowRoot.childNodes.length;r++){Qe(e.shadowRoot.childNodes[r],t)}}}else if(e.nodeType===8){var n=e.nodeValue.split(".");if(n[0]===H){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-sd"]=n[3]===""}}};var Ke=function(e,a,i,s,o){return __awaiter(r,void 0,void 0,function(){var r,s,l,$,f,u;return __generator(this,function(c){switch(c.label){case 0:if(!((a.$flags$&32)===0))return[3,5];a.$flags$|=32;o=p(i);if(!o.then)return[3,2];return[4,o];case 1:o=c.sent();c.label=2;case 2:if(!o.isProxied){{i.$watchers$=o.watchers}De(o,i,2);o.isProxied=true}{a.$flags$|=8}try{new o(a)}catch(e){m(e)}{a.$flags$&=~8}{a.$flags$|=128}Ye(a.$lazyInstance$);if(!(!o.$isStyleRegistered$&&o.style))return[3,5];r=o.style;s=ee(i.$tagName$);l=i.$flags$&8;$=n.runtimeScopeCss;if(!(l||$))return[3,4];return[4,t.import("./p-c1ffeac4.system.js").then(function(e){return e.scopeCss(r,s,false)})];case 3:r=c.sent();c.label=4;case 4:J(s,r,!!(i.$flags$&1));o.$isStyleRegistered$=true;c.label=5;case 5:f=a.$ancestorComponent$;u=function(){return je(e,a,i,true)};if(f&&f["s-lr"]===false&&f["s-rc"]){f["s-rc"].push(u)}else{u()}return[2]}})})};var Ye=function(e){{Ue(e,"connectedCallback")}};var Je=function(e,t){if((o.$flags$&1)===0){var r=c(e);if(t.$listeners$){r.$rmListeners$=qe(e,r,t.$listeners$)}if(!(r.$flags$&1)){r.$flags$|=1;var n=void 0;{n=e.getAttribute(G);if(n){if(l&&t.$flags$&1){var a=X(e.shadowRoot,t,e.getAttribute("s-mode"));e.classList.remove(a+"-h");e.classList.remove(a+"-s")}Fe(e,t.$tagName$,n,r)}}if(!n){if(t.$flags$&4||t.$flags$&8){Xe(e)}}{var i=e;while(i=i.parentNode||i.host){if(i.nodeType===1&&i.hasAttribute("s-id")||i["s-init"]&&i["s-lr"]===false){r.$ancestorComponent$=i;(i["s-al"]=i["s-al"]||new Set).add(e);break}}}if(t.$members$){Object.entries(t.$members$).forEach(function(t){var r=t[0],n=t[1][0];if(n&31&&e.hasOwnProperty(r)){var a=e[r];delete e[r];e[r]=a}})}{C(function(){return Ke(e,r,t)})}}Ye(r.$lazyInstance$)}};var Xe=function(e,t){var r;{r=""}t=e["s-cr"]=s.createComment(r);t["s-cn"]=true;e.insertBefore(t,e.firstChild)};var Ze=function(e){if((o.$flags$&1)===0){var t=c(e);{if(t.$rmListeners$){t.$rmListeners$();t.$rmListeners$=undefined}}if(b){b.removeHost(e)}var r=t.$lazyInstance$;{Ue(r,"disconnectedCallback")}{Ue(r,"componentDidUnload")}}};var et=e("b",function(e,t){if(t===void 0){t={}}var r=[];var n=t.exclude||[];var a=s.head;var $=i.customElements;var f=a.querySelector("meta[charset]");var u=s.createElement("style");var v;Object.assign(o,t);o.$resourcesUrl$=new URL(t.resourcesUrl||"./",s.baseURI).href;if(t.syncQueue){o.$flags$|=4}{var h=s.querySelectorAll("style[s-id]");var m="";h.forEach(function(e){return m+=e.innerHTML});h.forEach(function(e){J(e.getAttribute(G),m+te(e.innerHTML),true)})}e.forEach(function(e){return e[1].forEach(function(t){var a={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};{a.$attrsToReflect$=[]}{a.$watchers$={}}if(!l&&a.$flags$&1){a.$flags$|=8}var i=a.$tagName$;var s=function(e){__extends(t,e);function t(t){var r=e.call(this,t)||this;t=r;{r["s-lr"]=false;r["s-rc"]=[]}d(t);if(a.$flags$&1){if(l){t.attachShadow({mode:"open"})}else if(!("shadowRoot"in t)){t.shadowRoot=t}}return r}t.prototype.connectedCallback=function(){var e=this;if(v){clearTimeout(v);v=null}o.jmp(function(){return Je(e,a)})};t.prototype.disconnectedCallback=function(){var e=this;o.jmp(function(){return Ze(e)})};t.prototype["s-init"]=function(){var e=c(this);if(e.$lazyInstance$){Ie(this,e)}};t.prototype["s-hmr"]=function(e){};t.prototype.forceUpdate=function(){Oe(this,a)};t.prototype.componentOnReady=function(){return c(this).$onReadyPromise$};return t}(HTMLElement);a.$lazyBundleIds$=e[0];if(!n.includes(i)&&!$.get(i)){r.push(i);$.define(i,De(s,a,1))}})});u.innerHTML=r+"{visibility:hidden}.hydrated{visibility:inherit}";u.setAttribute("data-styles","");a.insertBefore(u,f?f.nextSibling:a.firstChild);o.jmp(function(){return v=setTimeout(Pe,30)})});var tt=e("c",function(e,t,r){var n=rt(e);return{emit:function(e){return n.dispatchEvent(new CustomEvent(t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e}))}}});var rt=e("g",function(e){return c(e).$hostElement$})}}});
\ No newline at end of file
diff --git a/dist/calcite/p-5ooyqlag.system.entry.js b/dist/calcite/p-5ooyqlag.system.entry.js
new file mode 100644
index 00000000000..a5f74627c66
--- /dev/null
+++ b/dist/calcite/p-5ooyqlag.system.entry.js
@@ -0,0 +1 @@
+System.register(["./p-5b8f9126.system.js","./p-6d3f767f.system.js"],function(e){"use strict";var t,r,n,i,o,c;return{setters:[function(e){t=e.r;r=e.c;n=e.h;i=e.H;o=e.g},function(e){c=e.g}],execute:function(){var a={up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight",space:" "};var u=function(){function e(e){var n=this;t(this,e);this.theme="light";this.hiddenInput=function(){var e=document.createElement("input");e.type="hidden";n.el.appendChild(e);return e}();this.calciteRadioGroupChange=r(this,"calciteRadioGroupChange",7)}e.prototype.handleNameChange=function(e){this.hiddenInput.name=e};e.prototype.handleSelectedItemChange=function(e,t){if(e===t){return}var r;var n=this.getItems();n.forEach(function(t){var n=t===e;if(n){r=t}});if(r){this.selectItem(r);this.calciteRadioGroupChange.emit()}else if(n[0]){n[0].tabIndex=0}};e.prototype.connectedCallback=function(){var e=this.getItems();var t;e.forEach(function(r,n){r.tabIndex=-1;var i=e[n+1];if(r.checked){t=r}if(i&&i.checked&&r.checked){r.checked=false}});if(t){this.selectItem(t)}else if(e[0]){e[0].tabIndex=0}var r=this.hiddenInput;if(this.name){r.name=this.name}if(t){r.value=t.value}};e.prototype.render=function(){return n(i,{role:"radiogroup"},n("slot",null))};e.prototype.handleClick=function(e){if(e.target.localName==="calcite-radio-group-item"){this.selectItem(e.target)}};e.prototype.handleSelected=function(e){e.stopPropagation();e.preventDefault();this.selectItem(e.target)};e.prototype.handleKeyDown=function(e){var t=e.key;if(Object.values(a).indexOf(t)===-1){return}e.preventDefault();var r=this,n=r.el,i=r.selectedItem;var o=c(n);var u=(o==="rtl"?t===a.right:t===a.left)||t===a.up;var l=this.getItems();var s=-1;l.forEach(function(e,t){if(e===i){s=t}});if(u){var h=s===-1||s===0?l.item(l.length-1):l.item(s-1);this.selectItem(h);return}var p=(o==="rtl"?t===a.left:t===a.right)||t===a.down;if(p){var f=s===-1?l.item(1):l.item(s+1)||l.item(0);this.selectItem(f);return}if(t===a.space){this.selectItem(e.target);return}};e.prototype.getItems=function(){return this.el.querySelectorAll("calcite-radio-group-item")};e.prototype.selectItem=function(e){if(e===this.selectedItem){return}var t=this.getItems();var r=null;t.forEach(function(t){var n=t.value===e.value;t.checked=n;t.tabIndex=n?0:-1;if(n){r=t}});this.selectedItem=r;this.syncWithInputProxy(r);r&&r.focus()};e.prototype.syncWithInputProxy=function(e){this.hiddenInput.value=e?e.value:""};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["handleNameChange"],selectedItem:["handleSelectedItemChange"]}},enumerable:true,configurable:true});Object.defineProperty(e,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-radio-group-color:#fff;--calcite-radio-group-border-color:#757575;--calcite-radio-group-color-active:#007ac2;--calcite-radio-group-text-color:#000;--calcite-radio-group-text-color-active:#fff;--calcite-radio-group-color-hover:#f8f8f8;font-size:.9375rem;line-height:1.5}:host([theme=dark]){--calcite-radio-group-color:#2b2b2b;--calcite-radio-group-border-color:#202020;--calcite-radio-group-color-active:#009af2;--calcite-radio-group-text-color:#fff;--calcite-radio-group-text-color-active:#fff;--calcite-radio-group-color-hover:#353535}::slotted(calcite-radio-group-item:focus),::slotted(calcite-radio-group-item[checked]){z-index:0}slot{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}"},enumerable:true,configurable:true});return e}();e("calcite_radio_group",u);var l=function(){function e(e){var n=this;t(this,e);this.checked=false;this.mutationObserver=new MutationObserver(function(){return n.syncFromExternalInput()});this.calciteRadioGroupItemChange=r(this,"calciteRadioGroupItemChange",7)}e.prototype.handleCheckedChange=function(){this.calciteRadioGroupItemChange.emit();this.syncToExternalInput()};e.prototype.connectedCallback=function(){var e=this.el.querySelector('input[slot="input"]');if(e){this.value=e.value;this.checked=e.checked;this.mutationObserver.observe(e,{attributes:true})}this.inputProxy=e};e.prototype.disconnectedCallback=function(){this.mutationObserver.disconnect()};e.prototype.render=function(){var e=this,t=e.checked,r=e.value;return n(i,{role:"radio","aria-checked":t?"true":"false"},n("label",null,n("slot",null,r),n("slot",{name:"input"})))};e.prototype.syncFromExternalInput=function(){if(this.inputProxy){this.value=this.inputProxy.value;this.checked=this.inputProxy.checked}};e.prototype.syncToExternalInput=function(){if(!this.inputProxy){return}this.inputProxy.value=this.value;this.inputProxy.toggleAttribute("checked",this.checked)};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["handleCheckedChange"]}},enumerable:true,configurable:true});Object.defineProperty(e,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-radio-group-color);color:var(--calcite-radio-group-text-color);padding:.5rem 1rem;line-height:1.25;margin:.25rem -1px 0 0;border:1px solid var(--calcite-radio-group-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .1s ease-in-out,border-color .1s ease-in-out;transition:background .1s ease-in-out,border-color .1s ease-in-out;cursor:pointer}:host(:hover){background-color:var(--calcite-radio-group-color-hover)}:host([checked]){background-color:var(--calcite-radio-group-color-active);border-color:var(--calcite-radio-group-color-active);color:var(--calcite-radio-group-text-color-active);cursor:default}label{cursor:pointer}::slotted(input){display:none}"},enumerable:true,configurable:true});return e}();e("calcite_radio_group_item",l)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-6bb56f1f.js b/dist/calcite/p-6bb56f1f.js
new file mode 100644
index 00000000000..ae215304dc3
--- /dev/null
+++ b/dist/calcite/p-6bb56f1f.js
@@ -0,0 +1 @@
+function r(r){return Array.isArray(r)?r:Array.prototype.slice.call(r)}function t(r){return r.closest("[dir='rtl']")?"rtl":"ltr"}function n(r){return r.closest("[theme='dark']")?"dark":"light"}function a(r){const t=r&&r.assignedNodes();return t&&t.length>0}export{n as a,t as g,a as h,r as n};
\ No newline at end of file
diff --git a/dist/calcite/p-6d3f767f.system.js b/dist/calcite/p-6d3f767f.system.js
new file mode 100644
index 00000000000..e9fcae94bae
--- /dev/null
+++ b/dist/calcite/p-6d3f767f.system.js
@@ -0,0 +1 @@
+System.register([],function(r){"use strict";return{execute:function(){r({a:n,g:e,h:i,n:t});function t(r){if(Array.isArray(r)){return r}else{return Array.prototype.slice.call(r)}}function e(r){return r.closest("[dir='rtl']")&&"rtl"||"ltr"}function n(r){return r.closest("[theme='dark']")&&"dark"||"light"}function i(r){var t=r&&r.assignedNodes();return t&&t.length>0}}}});
\ No newline at end of file
diff --git a/dist/calcite/p-6ea97731.system.js b/dist/calcite/p-6ea97731.system.js
new file mode 100644
index 00000000000..d584716dd55
--- /dev/null
+++ b/dist/calcite/p-6ea97731.system.js
@@ -0,0 +1 @@
+System.register([],function(n){"use strict";return{execute:function(){function r(n){return n.map(function(n){var r="";for(var t=0;t<n;t++){r+=((1+Math.random())*65536|0).toString(16).substring(1)}return r}).join("-")}var t=n("g",function(){return r([2,1,1,1,3])})}}});
\ No newline at end of file
diff --git a/dist/calcite/p-81cf2cf6.js b/dist/calcite/p-81cf2cf6.js
new file mode 100644
index 00000000000..237dbce2e69
--- /dev/null
+++ b/dist/calcite/p-81cf2cf6.js
@@ -0,0 +1 @@
+const e={allRenderFn:!0,cmpDidLoad:!0,cmpDidUnload:!0,cmpDidUpdate:!1,cmpDidRender:!0,cmpWillLoad:!0,cmpWillUpdate:!0,cmpWillRender:!0,connectedCallback:!0,disconnectedCallback:!0,element:!1,event:!0,hasRenderFn:!0,lifecycle:!0,hostListener:!0,hostListenerTargetWindow:!1,hostListenerTargetDocument:!1,hostListenerTargetBody:!0,hostListenerTargetParent:!0,hostListenerTarget:!0,member:!0,method:!0,mode:!1,noVdomRender:!1,observeAttribute:!0,prop:!0,propBoolean:!0,propNumber:!0,propString:!0,propMutable:!0,reflect:!0,scoped:!1,shadowDom:!0,slot:!0,slotRelocation:!0,state:!0,style:!0,svg:!0,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,watchCallback:!0,taskQueue:!0,lazyLoad:!0,hydrateServerSide:!1,cssVarShim:!0,hydrateClientSide:!0,isDebug:!1,isDev:!1,lifecycleDOMEvents:!1,profile:!1,hotModuleReplacement:!1,constructableCSS:!0,initializeNextTick:!0,cssAnnotations:!0},t=window,n=document,o={t:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o)},s=!!n.documentElement.attachShadow,l=(()=>{let e=!1;try{n.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(e){}return e})(),i=(()=>{try{return new CSSStyleSheet,!0}catch(e){}return!1})(),c=new WeakMap,r=e=>c.get(e),a=(e,t)=>c.set(t.s=e,t),f=(e,t)=>t in e,d=e=>console.error(e),$=new Map,u=new Map,p=t.__stencil_cssshim;let m=0,h=!1;const b=[],y=[],w=[],g=(e,t)=>n=>{e.push(n),h||(h=!0,t&&4&o.t?R(k):o.raf(k))},v=(e,t)=>{let n=0,o=0;for(;n<e.length&&(o=performance.now())<t;)try{e[n++](o)}catch(e){d(e)}n===e.length?e.length=0:0!==n&&e.splice(0,n)},k=()=>{m++,(e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){d(e)}e.length=0})(b);const e=2==(6&o.t)?performance.now()+10*Math.ceil(m*(1/22)):1/0;v(y,e),v(w,e),y.length>0&&(w.push(...y),y.length=0),(h=b.length+y.length+w.length>0)?o.raf(k):m=0},R=e=>Promise.resolve().then(e),_=g(y,!0),S={},j=e=>null!=e,L=e=>e.toLowerCase(),x=e=>["object","function"].includes(typeof e),C=()=>t.CSS&&t.CSS.supports&&t.CSS.supports("color","var(--c)")?Promise.resolve():__sc_import_calcite("./p-3ea8955c.js"),M=async()=>{const e=new RegExp("/calcite(.esm)?.js$"),o=Array.from(n.querySelectorAll("script")).find(t=>e.test(t.src)||"calcite"===t.getAttribute("data-namespace")),s=o["data-opts"];{const e=new URL(".",new URL(o.getAttribute("data-resources-url")||o.src,t.location.href));return O(e.href),window.customElements||await __sc_import_calcite("./p-860d8016.js"),Object.assign({},s,{resourcesUrl:e.href})}},O=e=>{const o=(()=>`__sc_import_${"calcite".replace(/\s|-/g,"_")}`)();try{t[o]=new Function("w","return import(w);")}catch(s){const l=new Map;t[o]=s=>{const i=new URL(s,e).href;let c=l.get(i);if(!c){const e=n.createElement("script");e.type="module",e.src=URL.createObjectURL(new Blob([`import * as m from '${i}'; window.${o}.m = m;`],{type:"application/javascript"})),c=new Promise(n=>{e.onload=()=>{n(t[o].m),e.remove()}}),l.set(i,c),n.head.appendChild(e)}return c}}},T="http://www.w3.org/1999/xlink",U=new WeakMap,D=(e,t,n)=>{let o=u.get(e);i&&n?(o=o||new CSSStyleSheet).replace(t):o=t,u.set(e,o)},W=(e,t,o,s)=>{let l=E(t.l),i=u.get(l);if(e=11===e.nodeType?e:n,i)if("string"==typeof i){let o,c=U.get(e=e.head||e);if(c||U.set(e,c=new Set),!c.has(l)){if(e.host&&(o=e.firstElementChild)&&"STYLE"===o.tagName)o.innerHTML=i;else{if(p){const e=(o=p.createHostStyle(s,l,i,!!(10&t.t)))["s-sc"];e&&(l=e,c=null)}else(o=n.createElement("style")).innerHTML=i;e.insertBefore(o,e.querySelector("link"))}c&&c.add(l)}}else e.adoptedStyleSheets.includes(i)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,i]);return l},E=e=>"sc-"+e,A=(e,t,...n)=>{let o,s,l=null,i=!1,c=!1,r=[];const a=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?a(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!x(l))&&(l=String(l)),i&&c?r[r.length-1].i+=l:r.push(i?{t:0,i:l}:l),c=i)};if(a(n),t){o=t.key||void 0,s=t.name;{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter(t=>e[t]).join(" "))}}if("function"==typeof e)return e(t,r,P);const f={t:0,$:e,u:r.length>0?r:null,p:void 0,h:t};return f.g=o,f.v=s,f},F={},P={forEach:(e,t)=>e.map(I).forEach(t),map:(e,t)=>e.map(I).map(t).map(N)},I=e=>({vattrs:e.h,vchildren:e.u,vkey:e.g,vname:e.v,vtag:e.$,vtext:e.i}),N=e=>({t:0,h:e.vattrs,u:e.vchildren,g:e.vkey,v:e.vname,$:e.vtag,i:e.vtext}),B=(e,t,n,s,l,i)=>{if(n!==s)if("class"===t){const t=e.classList;V(n).forEach(e=>t.remove(e)),V(s).forEach(e=>t.add(e))}else if("style"===t){for(const t in n)s&&null!=s[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in s)n&&s[t]===n[t]||(t.includes("-")?e.style.setProperty(t,s[t]):e.style[t]=s[t])}else if("key"===t);else if("ref"===t)s&&s(e);else if(t.startsWith("on")&&!f(e,t))t=f(e,L(t))?L(t.substring(2)):L(t[2])+t.substring(3),n&&o.rel(e,t,n,!1),s&&o.ael(e,t,s,!1);else{const n=f(e,t),o=x(s),c=e.tagName.includes("-");if((n||o&&null!==s)&&!l)try{c?e[t]=s:e[t]!==s&&(e[t]=s||"")}catch(e){}const r=!(!l||t===(t=t.replace(/^xlink\:?/,"")));null==s||!1===s?r?e.removeAttributeNS(T,L(t)):e.removeAttribute(t):(!n||4&i||l)&&!o&&(s=!0===s?"":s.toString(),r?e.setAttributeNS(T,L(t),s):e.setAttribute(t,s))}},V=e=>e?e.split(/\s+/).filter(e=>e):[],z=(e,t,n,o)=>{const s=11===t.p.nodeType&&t.p.host?t.p.host:t.p,l=e&&e.h||S,i=t.h||S;for(o in l)o in i||B(s,o,l[o],void 0,n,t.t);for(o in i)B(s,o,l[o],i[o],n,t.t)};let H,q,K,Q=!1,Y=!1,G=!1,J=!1;const X=(e,t,o,s)=>{let l,i,c,r=t.u[o],a=0;if(Q||(G=!0,"slot"===r.$&&(H&&s.classList.add(H+"-s"),r.t|=r.u?2:1)),j(r.i))r.p=n.createTextNode(r.i);else if(1&r.t)r.p=n.createTextNode("");else{if(l=r.p=J||"svg"===r.$?n.createElementNS("http://www.w3.org/2000/svg",r.$):n.createElement(2&r.t?"slot-fb":r.$),z(null,r,J="svg"===r.$||"foreignObject"!==r.$&&J),j(H)&&l["s-si"]!==H&&l.classList.add(l["s-si"]=H),r.u)for(a=0;a<r.u.length;++a)(i=X(e,r,a,l))&&l.appendChild(i);"svg"===r.$?J=!1:"foreignObject"===r.p.tagName&&(J=!0)}return r.p["s-hn"]=K,3&r.t&&(r.p["s-sr"]=!0,r.p["s-cr"]=q,r.p["s-sn"]=r.v||"",(c=e&&e.u&&e.u[o])&&c.$===r.$&&e.p&&Z(e.p,!1)),r.p},Z=(e,t)=>{o.t|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const o=n[e];o["s-hn"]!==K&&o["s-ol"]&&(se(o).insertBefore(o,oe(o)),o["s-ol"].remove(),o["s-ol"]=void 0,G=!0),t&&Z(o,t)}o.t&=-2},ee=(e,t,n,o,s,l)=>{let i,c=e["s-cr"]&&e["s-cr"].parentNode||e;for(c.shadowRoot&&L(c.tagName)===K&&(c=c.shadowRoot);s<=l;++s)o[s]&&(i=X(null,n,s,e))&&(o[s].p=i,c.insertBefore(i,oe(t)))},te=(e,t,n,o)=>{for(;t<=n;++t)j(e[t])&&(o=e[t].p,ae(e[t],!0),Y=!0,o["s-ol"]?o["s-ol"].remove():Z(o,!0),o.remove())},ne=(e,t)=>e.$===t.$&&("slot"===e.$?e.v===t.v:e.g===t.g),oe=e=>e&&e["s-ol"]||e,se=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,le=(e,t)=>{const n=t.p=e.p,o=e.u,s=t.u;let l;J=n&&j(n.parentNode)&&void 0!==n.ownerSVGElement,J="svg"===t.$||"foreignObject"!==t.$&&J,j(t.i)?(l=n["s-cr"])?l.parentNode.textContent=t.i:e.i!==t.i&&(n.textContent=t.i):("slot"===t.$||z(e,t,J),j(o)&&j(s)?((e,t,n,o)=>{let s,l,i=0,c=0,r=0,a=0,f=t.length-1,d=t[0],$=t[f],u=o.length-1,p=o[0],m=o[u];for(;i<=f&&c<=u;)if(null==d)d=t[++i];else if(null==$)$=t[--f];else if(null==p)p=o[++c];else if(null==m)m=o[--u];else if(ne(d,p))le(d,p),d=t[++i],p=o[++c];else if(ne($,m))le($,m),$=t[--f],m=o[--u];else if(ne(d,m))"slot"!==d.$&&"slot"!==m.$||Z(d.p.parentNode,!1),le(d,m),e.insertBefore(d.p,$.p.nextSibling),d=t[++i],m=o[--u];else if(ne($,p))"slot"!==d.$&&"slot"!==m.$||Z($.p.parentNode,!1),le($,p),e.insertBefore($.p,d.p),$=t[--f],p=o[++c];else{for(r=-1,a=i;a<=f;++a)if(t[a]&&j(t[a].g)&&t[a].g===p.g){r=a;break}r>=0?((l=t[r]).$!==p.$?s=X(t&&t[c],n,r,e):(le(l,p),t[r]=void 0,s=l.p),p=o[++c]):(s=X(t&&t[c],n,c,e),p=o[++c]),s&&se(d.p).insertBefore(s,oe(d.p))}i>f?ee(e,null==o[u+1]?null:o[u+1].p,n,o,c,u):c>u&&te(t,i,f)})(n,o,t,s):j(s)?(j(e.i)&&(n.textContent=""),ee(n,null,t,s,0,s.length-1)):j(o)&&te(o,0,o.length-1)),J&&"svg"===t.$&&(J=!1)},ie=(e,t,n,o,s,l,i,c)=>{for(o=0,s=(n=e.childNodes).length;o<s;o++)if(1===(t=n[o]).nodeType){if(t["s-sr"])for(i=t["s-sn"],t.hidden=!1,l=0;l<s;l++)if(n[l]["s-hn"]!==t["s-hn"])if(c=n[l].nodeType,""!==i){if(1===c&&i===n[l].getAttribute("slot")){t.hidden=!0;break}}else if(1===c||3===c&&""!==n[l].textContent.trim()){t.hidden=!0;break}ie(t)}},ce=[],re=e=>{let t,n,o,s,l=e.childNodes,i=l.length,c=0,r=0,a=0;for(i=l.length;c<i;c++){if((t=l[c])["s-sr"]&&(n=t["s-cr"]))for(s=t["s-sn"],r=(o=n.parentNode.childNodes).length-1;r>=0;r--)(n=o[r])["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||((3===(a=n.nodeType)||8===a)&&""===s||1===a&&null===n.getAttribute("slot")&&""===s||1===a&&n.getAttribute("slot")===s)&&(ce.some(e=>e.k===n)||(Y=!0,n["s-sn"]=s,ce.push({R:t,k:n})));1===t.nodeType&&re(t)}},ae=(e,t)=>{e&&(e.h&&e.h.ref&&e.h.ref(t?null:e.p),e.u&&e.u.forEach(e=>{ae(e,t)}))},fe=(e,t,n,o)=>{t.t|=16;const s=t.s;let l;o?(t.t|=256,t._&&(t._.forEach(([e,t])=>pe(s,e,t)),t._=null),l=pe(s,"componentWillLoad")):l=pe(s,"componentWillUpdate"),l=me(l,()=>pe(s,"componentWillRender"));const i=()=>de(e,t,n,s,o);return me(l,()=>_(i))},de=(e,t,l,i,c)=>{t.t&=-17,e["s-lr"]=!1,c&&((e,t)=>{const n=W(s&&e.shadowRoot?e.shadowRoot:e.getRootNode(),t,0,e);10&t.t&&(e["s-sc"]=n,e.classList.add(n+"-h"))})(e,l),t.t|=4;try{((e,t,l,i)=>{K=L(e.tagName);const c=t.S||{t:0},r=(e=>e&&e.$===F)(i)?i:A(null,null,i);if(l.j&&(r.h=r.h||{},l.j.forEach(([t,n])=>r.h[n]=e[t])),r.$=null,r.t|=4,t.S=r,r.p=c.p=e.shadowRoot||e,H=e["s-sc"],q=e["s-cr"],Q=s&&0!=(1&l.t),G=Y=!1,le(c,r),G){re(r.p);for(let e=0;e<ce.length;e++){const t=ce[e];if(!t.k["s-ol"]){const e=n.createTextNode("");e["s-nr"]=t.k,t.k.parentNode.insertBefore(t.k["s-ol"]=e,t.k)}}o.t|=1;for(let e=0;e<ce.length;e++){const t=ce[e],n=t.R.parentNode;let o=t.R.nextSibling,s=t.k["s-ol"];for(;s=s.previousSibling;){let e=s["s-nr"];if(e&&e["s-sn"]===t.k["s-sn"]&&n===e.parentNode&&(!(e=e.nextSibling)||!e["s-nr"])){o=e;break}}(!o&&n!==t.k.parentNode||t.k.nextSibling!==o)&&t.k!==o&&n.insertBefore(t.k,o)}o.t&=-2}Y&&ie(r.p),ce.length=0})(e,t,l,i.render())}catch(e){d(e)}t.t&=-5,p&&p.updateHost(e),e["s-lr"]=!0,t.t|=2,e["s-rc"].length>0&&(e["s-rc"].forEach(e=>e()),e["s-rc"].length=0),$e(e,t)},$e=(e,t,n)=>{if(!e["s-al"]){const o=t.s,s=t.L;pe(o,"componentDidRender"),64&t.t||(t.t|=64,e.classList.add("hydrated"),pe(o,"componentDidLoad"),t.C(e),s||ue()),s&&((n=s["s-al"])&&(n.delete(e),0===n.size&&(s["s-al"]=void 0,s["s-init"]())),t.L=void 0)}},ue=()=>{n.documentElement.classList.add("hydrated"),o.t|=2},pe=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){d(e)}},me=(e,t)=>e&&e.then?e.then(t):t(),he=(e,t,n)=>{if(t.M){e.watchers&&(t.O=e.watchers);const s=Object.entries(t.M),l=e.prototype;if(s.forEach(([e,[o]])=>{31&o||2&n&&32&o?Object.defineProperty(l,e,{get(){return((e,t)=>r(e).T.get(t))(this,e)},set(n){((e,t,n,o)=>{const s=r(this),l=s.U,i=s.T.get(t),c=s.t;if(!((n=((e,t)=>null==e||x(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?String(e):e)(n,o.M[t][0]))===i||8&c&&void 0!==i)&&(s.T.set(t,n),s.s)){if(o.O&&128&c){const e=o.O[t];e&&e.forEach(e=>{try{s.s[e].call(s.s,n,i,t)}catch(e){d(e)}})}2==(22&c)&&fe(l,s,o,!1)}})(0,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&o&&Object.defineProperty(l,e,{value(...t){const n=r(this);return n.D.then(()=>n.s[e](...t))}})}),1&n){const n=new Map;l.attributeChangedCallback=function(e,t,s){o.jmp(()=>{const t=n.get(e);this[t]=(null!==s||"boolean"!=typeof this[t])&&s})},e.observedAttributes=s.filter(([e,t])=>15&t[0]).map(([e,o])=>{const s=o[1]||e;return n.set(s,e),512&o[0]&&t.j.push([e,s]),s})}}return e},be=(e,t,o,s,l,i,c)=>{let r,a,f;if(1===i.nodeType){(r=i.getAttribute("c-id"))&&((a=r.split("."))[0]!==c&&"0"!==a[0]||(f={t:0,W:a[0],A:a[1],F:a[2],P:a[3],$:L(i.tagName),p:i},t.push(f),i.removeAttribute("c-id"),e.u||(e.u=[]),e.u[f.P]=f,e=f,s&&"0"===f.F&&(s[f.P]=f.p)));let n=i.childNodes.length-1;for(;n>=0;n--)be(e,t,o,s,l,i.childNodes[n],c);if(i.shadowRoot)for(n=i.shadowRoot.childNodes.length-1;n>=0;n--)be(e,t,o,s,l,i.shadowRoot.childNodes[n],c)}else 8===i.nodeType?(a=i.nodeValue.split("."))[1]!==c&&"0"!==a[1]||(f={t:0,W:a[1],A:a[2],F:a[3],P:a[4],p:i},"t"===(r=a[0])?(f.p=i.nextSibling,f.p&&3===f.p.nodeType&&(f.i=f.p.textContent,t.push(f),i.remove(),e.u||(e.u=[]),e.u[f.P]=f,s&&"0"===f.F&&(s[f.P]=f.p))):f.W===c&&("s"===r?(f.$="slot",i["s-sn"]=a[5]?f.v=a[5]:"",i["s-sr"]=!0,s&&(f.p=n.createElement(f.$),f.v&&f.p.setAttribute("name",f.v),i.parentNode.insertBefore(f.p,i),i.remove(),"0"===f.F&&(s[f.P]=f.p)),o.push(f),e.u||(e.u=[]),e.u[f.P]=f):"r"===r&&(s?i.remove():(l["s-cr"]=i,i["s-cn"]=!0)))):e&&"style"===e.$&&(e.u=[{P:"0",i:i.textContent,p:i}])},ye=(e,t)=>{if(1===e.nodeType){let n=0;for(;n<e.childNodes.length;n++)ye(e.childNodes[n],t);if(e.shadowRoot)for(n=0;n<e.shadowRoot.childNodes.length;n++)ye(e.shadowRoot.childNodes[n],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");"o"===n[0]&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-sd"]=""===n[3])}},we=e=>{pe(e,"connectedCallback")},ge=(e,t)=>{let o;o="",(t=e["s-cr"]=n.createComment(""))["s-cn"]=!0,e.insertBefore(t,e.firstChild)},ve=(i,a={})=>{const f=[],u=a.exclude||[],m=n.head,h=t.customElements,b=m.querySelector("meta[charset]"),y=n.createElement("style");let w;Object.assign(o,a),o.o=new URL(a.resourcesUrl||"./",n.baseURI).href,a.syncQueue&&(o.t|=4);{const e=n.querySelectorAll("style[s-id]");let t="";e.forEach(e=>t+=e.innerHTML),e.forEach(e=>{D(e.getAttribute("s-id"),t+(e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"))(e.innerHTML),!0)})}i.forEach(t=>t[1].forEach(i=>{const a={t:i[0],l:i[1],M:i[2],I:i[3],j:[],O:{}};!s&&1&a.t&&(a.t|=8);const m=a.l;a.N=t[0],u.includes(m)||h.get(m)||(f.push(m),h.define(m,he(class extends HTMLElement{constructor(e){super(e),e=this,this["s-lr"]=!1,this["s-rc"]=[],(e=>{{const t={t:0,U:e,T:new Map};t.D=new Promise(e=>t.C=e),c.set(e,t)}})(e),1&a.t&&(s?e.attachShadow({mode:"open"}):"shadowRoot"in e||(e.shadowRoot=e))}connectedCallback(){w&&(clearTimeout(w),w=null),o.jmp(()=>((t,i)=>{if(0==(1&o.t)){const c=r(t);if(i.I&&(c.B=((e,t,s)=>{t._=t._||[];const i=s.map(([s,i,c])=>{const r=((e,t)=>32&t?n.body:16&t?e.parentElement:e)(e,s),a=((e,t)=>n=>{256&e.t?e.s[t](n):e._.push([t,n])})(t,c),f=(e=>l?{passive:0!=(1&e),capture:0!=(2&e)}:0!=(2&e))(s);return o.ael(r,i,a,f),()=>o.rel(r,i,a,f)});return()=>i.forEach(e=>e())})(t,c,i.I)),!(1&c.t)){let l;if(c.t|=1,l=t.getAttribute("s-id")){if(s&&1&i.t){const e=W(t.shadowRoot,i,t.getAttribute("s-mode"));t.classList.remove(e+"-h"),t.classList.remove(e+"-s")}((e,t,s,l)=>{const i=e.shadowRoot,c=[],r=i?[]:null,a=l.S={t:0,$:t};o.V||ye(n.body,o.V=new Map),e["s-id"]=s,e.removeAttribute("s-id"),be(a,c,[],r,e,e,s),c.forEach(e=>{const n=e.W+"."+e.A,s=o.V.get(n),l=e.p;s&&(s["s-sd"]||"0"===e.W)&&s.parentNode.insertBefore(l,s.nextSibling),i||(l["s-hn"]=t,s&&(l["s-ol"]=s,l["s-ol"]["s-nr"]=l)),o.V.delete(n)}),i&&r.forEach(e=>{e&&i.appendChild(e)})})(t,i.l,l,c)}l||(4&i.t||8&i.t)&&ge(t);{let e=t;for(;e=e.parentNode||e.host;)if(1===e.nodeType&&e.hasAttribute("s-id")||e["s-init"]&&!1===e["s-lr"]){c.L=e,(e["s-al"]=e["s-al"]||new Set).add(t);break}}i.M&&Object.entries(i.M).forEach(([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}}),R(()=>(async(t,n,o,s,l)=>{if(0==(32&n.t)){n.t|=32,(l=(e=>{const t=e.l.replace(/-/g,"_"),n=e.N,o=$.get(n);return o?o[t]:__sc_import_calcite(`./${n}.entry.js`).then(e=>($.set(n,e),e[t]),d)})(o)).then&&(l=await l),l.isProxied||(o.O=l.watchers,he(l,o,2),l.isProxied=!0),n.t|=8;try{new l(n)}catch(e){d(e)}if(n.t&=-9,n.t|=128,we(n.s),!l.H&&l.style){let t=l.style,n=E(o.l);const s=e.runtimeScopeCss;(8&o.t||s)&&(t=await __sc_import_calcite("./p-05cd1ccb.js").then(e=>e.scopeCss(t,n,!1))),D(n,t,!!(1&o.t)),l.H=!0}}const i=n.L,c=()=>fe(t,n,o,!0);i&&!1===i["s-lr"]&&i["s-rc"]?i["s-rc"].push(c):c()})(t,c,i))}we(c.s)}})(this,a))}disconnectedCallback(){o.jmp(()=>(e=>{if(0==(1&o.t)){const t=r(e);t.B&&(t.B(),t.B=void 0),p&&p.removeHost(e);const n=t.s;pe(n,"disconnectedCallback"),pe(n,"componentDidUnload")}})(this))}"s-init"(){const e=r(this);e.s&&$e(this,e)}"s-hmr"(e){}forceUpdate(){((e,t)=>{{const n=r(e);2&n.t&&fe(e,n,t,!1)}})(this,a)}componentOnReady(){return r(this).D}},a,1)))})),y.innerHTML=f+"{visibility:hidden}.hydrated{visibility:inherit}",y.setAttribute("data-styles",""),m.insertBefore(y,b?b.nextSibling:m.firstChild),o.jmp(()=>w=setTimeout(ue,30))},ke=(e,t,n)=>{const o=Re(e);return{emit:e=>o.dispatchEvent(new CustomEvent(t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e}))}},Re=e=>r(e).U;export{F as H,C as a,ve as b,ke as c,Re as g,A as h,M as p,a as r};
\ No newline at end of file
diff --git a/dist/calcite/p-860d8016.js b/dist/calcite/p-860d8016.js
new file mode 100644
index 00000000000..230b2b0f71a
--- /dev/null
+++ b/dist/calcite/p-860d8016.js
@@ -0,0 +1 @@
+var t,n,i,e,o;(function(){var t=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function n(n){var i=t.has(n);return n=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(n),!i&&n}function i(t){var n=t.isConnected;if(void 0!==n)return n;for(;t&&!(t.__CE_isImportDocument||t instanceof Document);)t=t.parentNode||(window.ShadowRoot&&t instanceof ShadowRoot?t.host:void 0);return!(!t||!(t.__CE_isImportDocument||t instanceof Document))}function e(t,n){for(;n&&n!==t&&!n.nextSibling;)n=n.parentNode;return n&&n!==t?n.nextSibling:null}function o(t,n,i){i=void 0===i?new Set:i;for(var r=t;r;){if(r.nodeType===Node.ELEMENT_NODE){var f=r;n(f);var s=f.localName;if("link"===s&&"import"===f.getAttribute("rel")){if((r=f.import)instanceof Node&&!i.has(r))for(i.add(r),r=r.firstChild;r;r=r.nextSibling)o(r,n,i);r=e(t,f);continue}if("template"===s){r=e(t,f);continue}if(f=f.__CE_shadowRoot)for(f=f.firstChild;f;f=f.nextSibling)o(f,n,i)}r=r.firstChild?r.firstChild:e(t,r)}}function r(t,n,i){t[n]=i}function f(){this.a=new Map,this.g=new Map,this.c=[],this.f=[],this.b=!1}function s(t,n){t.b&&o(n,function(n){return u(t,n)})}function u(t,n){if(t.b&&!n.__CE_patched){n.__CE_patched=!0;for(var i=0;i<t.c.length;i++)t.c[i](n);for(i=0;i<t.f.length;i++)t.f[i](n)}}function c(t,n){var i=[];for(o(n,function(t){return i.push(t)}),n=0;n<i.length;n++){var e=i[n];1===e.__CE_state?t.connectedCallback(e):l(t,e)}}function a(t,n){var i=[];for(o(n,function(t){return i.push(t)}),n=0;n<i.length;n++){var e=i[n];1===e.__CE_state&&t.disconnectedCallback(e)}}function h(t,n,i){var e=(i=void 0===i?{}:i).u||new Set,r=i.i||function(n){return l(t,n)},f=[];if(o(n,function(n){if("link"===n.localName&&"import"===n.getAttribute("rel")){var i=n.import;i instanceof Node&&(i.__CE_isImportDocument=!0,i.__CE_hasRegistry=!0),i&&"complete"===i.readyState?i.__CE_documentLoadHandled=!0:n.addEventListener("load",function(){var i=n.import;if(!i.__CE_documentLoadHandled){i.__CE_documentLoadHandled=!0;var o=new Set(e);o.delete(i),h(t,i,{u:o,i:r})}})}else f.push(n)},e),t.b)for(n=0;n<f.length;n++)u(t,f[n]);for(n=0;n<f.length;n++)r(f[n])}function l(t,n){if(void 0===n.__CE_state){var e=n.ownerDocument;if((e.defaultView||e.__CE_isImportDocument&&e.__CE_hasRegistry)&&(e=t.a.get(n.localName))){e.constructionStack.push(n);var o=e.constructorFunction;try{try{if(new o!==n)throw Error("The custom element constructor did not produce the element being upgraded.")}finally{e.constructionStack.pop()}}catch(t){throw n.__CE_state=2,t}if(n.__CE_state=1,n.__CE_definition=e,e.attributeChangedCallback)for(e=e.observedAttributes,o=0;o<e.length;o++){var r=e[o],f=n.getAttribute(r);null!==f&&t.attributeChangedCallback(n,r,null,f,null)}i(n)&&t.connectedCallback(n)}}}function d(t){var n=document;this.c=t,this.a=n,this.b=void 0,h(this.c,this.a),"loading"===this.a.readyState&&(this.b=new MutationObserver(this.f.bind(this)),this.b.observe(this.a,{childList:!0,subtree:!0}))}function w(t){t.b&&t.b.disconnect()}function v(){var t=this;this.b=this.a=void 0,this.c=new Promise(function(n){t.b=n,t.a&&n(t.a)})}function m(t){if(t.a)throw Error("Already resolved.");t.a=void 0,t.b&&t.b(void 0)}function b(t){this.c=!1,this.a=t,this.j=new Map,this.f=function(t){return t()},this.b=!1,this.g=[],this.o=new d(t)}f.prototype.connectedCallback=function(t){var n=t.__CE_definition;n.connectedCallback&&n.connectedCallback.call(t)},f.prototype.disconnectedCallback=function(t){var n=t.__CE_definition;n.disconnectedCallback&&n.disconnectedCallback.call(t)},f.prototype.attributeChangedCallback=function(t,n,i,e,o){var r=t.__CE_definition;r.attributeChangedCallback&&-1<r.observedAttributes.indexOf(n)&&r.attributeChangedCallback.call(t,n,i,e,o)},d.prototype.f=function(t){var n=this.a.readyState;for("interactive"!==n&&"complete"!==n||w(this),n=0;n<t.length;n++)for(var i=t[n].addedNodes,e=0;e<i.length;e++)h(this.c,i[e])},b.prototype.l=function(t,i){var e=this;if(!(i instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!n(t))throw new SyntaxError("The element name '"+t+"' is not valid.");if(this.a.a.get(t))throw Error("A custom element with name '"+t+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var o=function(t){var n=r[t];if(void 0!==n&&!(n instanceof Function))throw Error("The '"+t+"' callback must be a function.");return n},r=i.prototype;if(!(r instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var f=o("connectedCallback"),s=o("disconnectedCallback"),u=o("adoptedCallback"),c=o("attributeChangedCallback"),a=i.observedAttributes||[]}catch(t){return}finally{this.c=!1}(function(t,n,i){t.a.set(n,i),t.g.set(i.constructorFunction,i)})(this.a,t,i={localName:t,constructorFunction:i,connectedCallback:f,disconnectedCallback:s,adoptedCallback:u,attributeChangedCallback:c,observedAttributes:a,constructionStack:[]}),this.g.push(i),this.b||(this.b=!0,this.f(function(){return function(t){if(!1!==t.b){t.b=!1;for(var n=t.g,i=[],e=new Map,o=0;o<n.length;o++)e.set(n[o].localName,[]);for(h(t.a,document,{i:function(n){if(void 0===n.__CE_state){var o=n.localName,r=e.get(o);r?r.push(n):t.a.a.get(o)&&i.push(n)}}}),o=0;o<i.length;o++)l(t.a,i[o]);for(;0<n.length;){var r=n.shift();o=r.localName,r=e.get(r.localName);for(var f=0;f<r.length;f++)l(t.a,r[f]);(o=t.j.get(o))&&m(o)}}}(e)}))},b.prototype.i=function(t){h(this.a,t)},b.prototype.get=function(t){if(t=this.a.a.get(t))return t.constructorFunction},b.prototype.m=function(t){if(!n(t))return Promise.reject(new SyntaxError("'"+t+"' is not a valid custom element name."));var i=this.j.get(t);return i?i.c:(i=new v,this.j.set(t,i),this.a.a.get(t)&&!this.g.some(function(n){return n.localName===t})&&m(i),i.c)},b.prototype.s=function(t){w(this.o);var n=this.f;this.f=function(i){return t(function(){return n(i)})}},window.CustomElementRegistry=b,b.prototype.define=b.prototype.l,b.prototype.upgrade=b.prototype.i,b.prototype.get=b.prototype.get,b.prototype.whenDefined=b.prototype.m,b.prototype.polyfillWrapFlushCallback=b.prototype.s;var E=window.Document.prototype.createElement,p=window.Document.prototype.createElementNS,g=window.Document.prototype.importNode,y=window.Document.prototype.prepend,C=window.Document.prototype.append,T=window.DocumentFragment.prototype.prepend,j=window.DocumentFragment.prototype.append,N=window.Node.prototype.cloneNode,A=window.Node.prototype.appendChild,D=window.Node.prototype.insertBefore,M=window.Node.prototype.removeChild,O=window.Node.prototype.replaceChild,S=Object.getOwnPropertyDescriptor(window.Node.prototype,"textContent"),k=window.Element.prototype.attachShadow,L=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),F=window.Element.prototype.getAttribute,H=window.Element.prototype.setAttribute,x=window.Element.prototype.removeAttribute,z=window.Element.prototype.getAttributeNS,P=window.Element.prototype.setAttributeNS,R=window.Element.prototype.removeAttributeNS,$=window.Element.prototype.insertAdjacentElement,_=window.Element.prototype.insertAdjacentHTML,B=window.Element.prototype.prepend,I=window.Element.prototype.append,U=window.Element.prototype.before,W=window.Element.prototype.after,q=window.Element.prototype.replaceWith,G=window.Element.prototype.remove,J=window.HTMLElement,K=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),Q=window.HTMLElement.prototype.insertAdjacentElement,V=window.HTMLElement.prototype.insertAdjacentHTML,X=new function(){};function Y(t,n,e){function o(n){return function(e){for(var o=[],r=0;r<arguments.length;++r)o[r]=arguments[r];r=[];for(var f=[],s=0;s<o.length;s++){var u=o[s];if(u instanceof Element&&i(u)&&f.push(u),u instanceof DocumentFragment)for(u=u.firstChild;u;u=u.nextSibling)r.push(u);else r.push(u)}for(n.apply(this,o),o=0;o<f.length;o++)a(t,f[o]);if(i(this))for(o=0;o<r.length;o++)(f=r[o])instanceof Element&&c(t,f)}}void 0!==e.h&&(n.prepend=o(e.h)),void 0!==e.append&&(n.append=o(e.append))}var Z,tt=window.customElements;if(!tt||tt.forcePolyfill||"function"!=typeof tt.define||"function"!=typeof tt.get){var nt=new f;Z=nt,window.HTMLElement=function(){function t(){var t=this.constructor,n=Z.g.get(t);if(!n)throw Error("The custom element being constructed was not registered with `customElements`.");var i=n.constructionStack;if(0===i.length)return i=E.call(document,n.localName),Object.setPrototypeOf(i,t.prototype),i.__CE_state=1,i.__CE_definition=n,u(Z,i),i;var e=i[n=i.length-1];if(e===X)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");return i[n]=X,Object.setPrototypeOf(e,t.prototype),u(Z,e),e}return t.prototype=J.prototype,Object.defineProperty(t.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:t}),t}(),function(){var t=nt;r(Document.prototype,"createElement",function(n){if(this.__CE_hasRegistry){var i=t.a.get(n);if(i)return new i.constructorFunction}return n=E.call(this,n),u(t,n),n}),r(Document.prototype,"importNode",function(n,i){return n=g.call(this,n,!!i),this.__CE_hasRegistry?h(t,n):s(t,n),n}),r(Document.prototype,"createElementNS",function(n,i){if(this.__CE_hasRegistry&&(null===n||"http://www.w3.org/1999/xhtml"===n)){var e=t.a.get(i);if(e)return new e.constructorFunction}return n=p.call(this,n,i),u(t,n),n}),Y(t,Document.prototype,{h:y,append:C})}(),Y(nt,DocumentFragment.prototype,{h:T,append:j}),function(){function t(t,e){Object.defineProperty(t,"textContent",{enumerable:e.enumerable,configurable:!0,get:e.get,set:function(t){if(this.nodeType===Node.TEXT_NODE)e.set.call(this,t);else{var o=void 0;if(this.firstChild){var r=this.childNodes,f=r.length;if(0<f&&i(this)){o=Array(f);for(var s=0;s<f;s++)o[s]=r[s]}}if(e.set.call(this,t),o)for(t=0;t<o.length;t++)a(n,o[t])}}})}var n=nt;r(Node.prototype,"insertBefore",function(t,e){if(t instanceof DocumentFragment){var o=Array.prototype.slice.apply(t.childNodes);if(t=D.call(this,t,e),i(this))for(e=0;e<o.length;e++)c(n,o[e]);return t}return o=i(t),e=D.call(this,t,e),o&&a(n,t),i(this)&&c(n,t),e}),r(Node.prototype,"appendChild",function(t){if(t instanceof DocumentFragment){var e=Array.prototype.slice.apply(t.childNodes);if(t=A.call(this,t),i(this))for(var o=0;o<e.length;o++)c(n,e[o]);return t}return e=i(t),o=A.call(this,t),e&&a(n,t),i(this)&&c(n,t),o}),r(Node.prototype,"cloneNode",function(t){return t=N.call(this,!!t),this.ownerDocument.__CE_hasRegistry?h(n,t):s(n,t),t}),r(Node.prototype,"removeChild",function(t){var e=i(t),o=M.call(this,t);return e&&a(n,t),o}),r(Node.prototype,"replaceChild",function(t,e){if(t instanceof DocumentFragment){var o=Array.prototype.slice.apply(t.childNodes);if(t=O.call(this,t,e),i(this))for(a(n,e),e=0;e<o.length;e++)c(n,o[e]);return t}o=i(t);var r=O.call(this,t,e),f=i(this);return f&&a(n,e),o&&a(n,t),f&&c(n,t),r}),S&&S.get?t(Node.prototype,S):function(t,n){t.b=!0,t.c.push(n)}(n,function(n){t(n,{enumerable:!0,configurable:!0,get:function(){for(var t=[],n=0;n<this.childNodes.length;n++){var i=this.childNodes[n];i.nodeType!==Node.COMMENT_NODE&&t.push(i.textContent)}return t.join("")},set:function(t){for(;this.firstChild;)M.call(this,this.firstChild);null!=t&&""!==t&&A.call(this,document.createTextNode(t))}})})}(),function(){function t(t,n){Object.defineProperty(t,"innerHTML",{enumerable:n.enumerable,configurable:!0,get:n.get,set:function(t){var e=this,r=void 0;if(i(this)&&(r=[],o(this,function(t){t!==e&&r.push(t)})),n.set.call(this,t),r)for(var u=0;u<r.length;u++){var c=r[u];1===c.__CE_state&&f.disconnectedCallback(c)}return this.ownerDocument.__CE_hasRegistry?h(f,this):s(f,this),t}})}function n(t,n){r(t,"insertAdjacentElement",function(t,e){var o=i(e);return t=n.call(this,t,e),o&&a(f,e),i(t)&&c(f,e),t})}function e(t,n){function i(t,n){for(var i=[];t!==n;t=t.nextSibling)i.push(t);for(n=0;n<i.length;n++)h(f,i[n])}r(t,"insertAdjacentHTML",function(t,e){if("beforebegin"===(t=t.toLowerCase())){var o=this.previousSibling;n.call(this,t,e),i(o||this.parentNode.firstChild,this)}else if("afterbegin"===t)o=this.firstChild,n.call(this,t,e),i(this.firstChild,o);else if("beforeend"===t)o=this.lastChild,n.call(this,t,e),i(o||this.firstChild,null);else{if("afterend"!==t)throw new SyntaxError("The value provided ("+String(t)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.");o=this.nextSibling,n.call(this,t,e),i(this.nextSibling,o)}})}var f=nt;k&&r(Element.prototype,"attachShadow",function(t){t=k.call(this,t);var n=f;if(n.b&&!t.__CE_patched){t.__CE_patched=!0;for(var i=0;i<n.c.length;i++)n.c[i](t)}return this.__CE_shadowRoot=t}),L&&L.get?t(Element.prototype,L):K&&K.get?t(HTMLElement.prototype,K):function(t,n){t.b=!0,t.f.push(n)}(f,function(n){t(n,{enumerable:!0,configurable:!0,get:function(){return N.call(this,!0).innerHTML},set:function(t){var n="template"===this.localName,i=n?this.content:this,e=p.call(document,this.namespaceURI,this.localName);for(e.innerHTML=t;0<i.childNodes.length;)M.call(i,i.childNodes[0]);for(t=n?e.content:e;0<t.childNodes.length;)A.call(i,t.childNodes[0])}})}),r(Element.prototype,"setAttribute",function(t,n){if(1!==this.__CE_state)return H.call(this,t,n);var i=F.call(this,t);H.call(this,t,n),n=F.call(this,t),f.attributeChangedCallback(this,t,i,n,null)}),r(Element.prototype,"setAttributeNS",function(t,n,i){if(1!==this.__CE_state)return P.call(this,t,n,i);var e=z.call(this,t,n);P.call(this,t,n,i),i=z.call(this,t,n),f.attributeChangedCallback(this,n,e,i,t)}),r(Element.prototype,"removeAttribute",function(t){if(1!==this.__CE_state)return x.call(this,t);var n=F.call(this,t);x.call(this,t),null!==n&&f.attributeChangedCallback(this,t,n,null,null)}),r(Element.prototype,"removeAttributeNS",function(t,n){if(1!==this.__CE_state)return R.call(this,t,n);var i=z.call(this,t,n);R.call(this,t,n);var e=z.call(this,t,n);i!==e&&f.attributeChangedCallback(this,n,i,e,t)}),Q?n(HTMLElement.prototype,Q):$?n(Element.prototype,$):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched."),V?e(HTMLElement.prototype,V):_?e(Element.prototype,_):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched."),Y(f,Element.prototype,{h:B,append:I}),function(t){function n(n){return function(e){for(var o=[],r=0;r<arguments.length;++r)o[r]=arguments[r];r=[];for(var f=[],s=0;s<o.length;s++){var u=o[s];if(u instanceof Element&&i(u)&&f.push(u),u instanceof DocumentFragment)for(u=u.firstChild;u;u=u.nextSibling)r.push(u);else r.push(u)}for(n.apply(this,o),o=0;o<f.length;o++)a(t,f[o]);if(i(this))for(o=0;o<r.length;o++)(f=r[o])instanceof Element&&c(t,f)}}var e=Element.prototype;void 0!==U&&(e.before=n(U)),void 0!==U&&(e.after=n(W)),void 0!==q&&r(e,"replaceWith",function(n){for(var e=[],o=0;o<arguments.length;++o)e[o]=arguments[o];o=[];for(var r=[],f=0;f<e.length;f++){var s=e[f];if(s instanceof Element&&i(s)&&r.push(s),s instanceof DocumentFragment)for(s=s.firstChild;s;s=s.nextSibling)o.push(s);else o.push(s)}for(f=i(this),q.apply(this,e),e=0;e<r.length;e++)a(t,r[e]);if(f)for(a(t,this),e=0;e<o.length;e++)(r=o[e])instanceof Element&&c(t,r)}),void 0!==G&&r(e,"remove",function(){var n=i(this);G.call(this),n&&a(t,this)})}(f)}(),document.__CE_hasRegistry=!0;var it=new b(nt);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:it})}}).call(self),"string"!=typeof document.baseURI&&Object.defineProperty(Document.prototype,"baseURI",{enumerable:!0,configurable:!0,get:function(){var t=document.querySelector("base");return t?t.href:document.URL}}),"function"!=typeof window.CustomEvent&&(window.CustomEvent=function(t,n){n=n||{bubbles:!1,cancelable:!1,detail:void 0};var i=document.createEvent("CustomEvent");return i.initCustomEvent(t,n.bubbles,n.cancelable,n.detail),i},window.CustomEvent.prototype=window.Event.prototype),t=Event.prototype,n=document,i=window,t.composedPath||(t.composedPath=function(){if(this.path)return this.path;var t=this.target;for(this.path=[];null!==t.parentNode;)this.path.push(t),t=t.parentNode;return this.path.push(n,i),this.path}),"function"!=typeof(e=window.Element.prototype).matches&&(e.matches=e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||function(t){t=(this.document||this.ownerDocument).querySelectorAll(t);for(var n=0;t[n]&&t[n]!==this;)++n;return!!t[n]}),"function"!=typeof e.closest&&(e.closest=function(t){for(var n=this;n&&1===n.nodeType;){if(n.matches(t))return n;n=n.parentNode}return null}),function(t){function n(t){return t.parentNode?n(t.parentNode):t}"function"!=typeof t.getRootNode&&(t.getRootNode=function(t){return t&&t.composed?function t(i){return 11===(i=n(i)).nodeType?t(i.host):i}(this):n(this)})}(Element.prototype),[Element.prototype,CharacterData.prototype,DocumentType.prototype].forEach(function(t){t.hasOwnProperty("remove")||Object.defineProperty(t,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this)}})}),"classList"in(o=Element.prototype)||Object.defineProperty(o,"classList",{get:function(){var t=this,n=(t.getAttribute("class")||"").replace(/^\s+|\s$/g,"").split(/\s+/g);function i(){n.length>0?t.setAttribute("class",n.join(" ")):t.removeAttribute("class")}return""===n[0]&&n.splice(0,1),n.toggle=function(t,e){void 0!==e?e?n.add(t):n.remove(t):-1!==n.indexOf(t)?n.splice(n.indexOf(t),1):n.push(t),i()},n.add=function(){for(var t=[].slice.call(arguments),e=0,o=t.length;e<o;e++)-1===n.indexOf(t[e])&&n.push(t[e]);i()},n.remove=function(){for(var t=[].slice.call(arguments),e=0,o=t.length;e<o;e++)-1!==n.indexOf(t[e])&&n.splice(n.indexOf(t[e]),1);i()},n.item=function(t){return n[t]},n.contains=function(t){return-1!==n.indexOf(t)},n.replace=function(t,e){-1!==n.indexOf(t)&&n.splice(n.indexOf(t),1,e),i()},n.value=t.getAttribute("class")||"",n}});
\ No newline at end of file
diff --git a/dist/calcite/p-8a0668f6.system.js b/dist/calcite/p-8a0668f6.system.js
new file mode 100644
index 00000000000..e371646b6dd
--- /dev/null
+++ b/dist/calcite/p-8a0668f6.system.js
@@ -0,0 +1 @@
+System.register([],function(r){"use strict";return{execute:function(){var a=r("E",13);var v=r("S",32);var e=r("P",33);var t=r("a",34);var n=r("b",35);var u=r("H",36);var c=r("L",37);var i=r("U",38);var s=r("R",39);var f=r("D",40)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-8ojdarnk.entry.js b/dist/calcite/p-8ojdarnk.entry.js
new file mode 100644
index 00000000000..ac9d9c268d6
--- /dev/null
+++ b/dist/calcite/p-8ojdarnk.entry.js
@@ -0,0 +1 @@
+import{r as s,c as t,h as i,H as h,g as e}from"./p-81cf2cf6.js";import{U as a,R as l,D as r,L as n,P as c,a as o,H as u,b as d}from"./p-9dd9009f.js";import{g as _}from"./p-3edb1b93.js";import{g as m}from"./p-6bb56f1f.js";class b{constructor(i){s(this,i),this.disabled=!1,this.min=0,this.max=100,this.value=null,this.snap=!0,this.step=1,this.guid=`calcite-loader-${_()}`,this.isRange=!1,this.tickValues=[],this.activeProp="value",this.calciteSliderUpdate=t(this,"calciteSliderUpdate",7)}componentWillLoad(){this.isRange=!(!this.maxValue&&0!==this.maxValue),this.tickValues=this.generateTickValues(),this.value=this.bound(this.value),this.snap&&(this.value=this.getClosestStep(this.value)),this.calciteSliderUpdate.emit()}render(){const s=this.el.id||this.guid,t=m(this.el),e=this.minValue||this.min,a=this.maxValue||this.value,l=this.isRange?"maxValue":"value";return i(h,{dir:t,id:s,"is-range":this.isRange,style:{"--calcite-slider-range-max":`${100-100*this.getUnitInterval(a)}%`,"--calcite-slider-range-min":`${100*this.getUnitInterval(e)}%`}},i("div",{class:"slider__track"},i("div",{class:"slider__track__range"}),i("div",{class:"slider__ticks"},this.tickValues.map(s=>i("span",{class:{slider__tick:!0,"slider__tick--active":s>=e&&s<=a},style:{"--calcite-slider-tick-offset":`${100*this.getUnitInterval(s)}%`}},this.labelTicks?i("span",{class:{slider__tick__label:!0,"slider__tick__label--min":s===this.min,"slider__tick__label--max":s===this.max}},s):"")))),this.isRange?i("button",{ref:s=>this.minHandle=s,onFocus:()=>this.activeProp="minValue",onBlur:()=>this.activeProp=null,onMouseDown:()=>this.dragStart("minValue"),onTouchStart:s=>this.dragStart("minValue",s),role:"slider","aria-orientation":"horizontal","aria-label":this.minLabel,"aria-valuenow":this.minValue,"aria-valuemin":this.min,"aria-valuemax":this.max,disabled:this.disabled,class:{slider__thumb:!0,"slider__thumb--min":!0,"slider__thumb--active":"minValue"===this.dragProp,"slider__thumb--precise":this.precise}},i("span",{class:"slider__handle"}),this.labelHandles?i("span",{class:"slider__handle__label","aria-hidden":"true"},this.minValue):""):"",i("button",{ref:s=>this.maxHandle=s,onFocus:()=>this.activeProp=l,onBlur:()=>this.activeProp=null,onMouseDown:()=>this.dragStart(l),onTouchStart:s=>this.dragStart(l,s),role:"slider","aria-orientation":"horizontal","aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-valuenow":this[l],"aria-valuemin":this.min,"aria-valuemax":this.max,disabled:this.disabled,class:{slider__thumb:!0,"slider__thumb--max":!0,"slider__thumb--active":this.dragProp===l,"slider__thumb--precise":this.precise}},i("span",{class:"slider__handle"}),this.labelHandles?i("span",{class:"slider__handle__label","aria-hidden":"true"},this[l]):""))}keyDownHandler(s){const t=this[this.activeProp];switch(s.keyCode){case a:case l:s.preventDefault(),this[this.activeProp]=this.bound(t+this.step,this.activeProp),this.calciteSliderUpdate.emit();break;case r:case n:s.preventDefault(),this[this.activeProp]=this.bound(t-this.step,this.activeProp),this.calciteSliderUpdate.emit();break;case c:this.pageStep&&(s.preventDefault(),this[this.activeProp]=this.bound(t+this.pageStep,this.activeProp),this.calciteSliderUpdate.emit());break;case o:this.pageStep&&(s.preventDefault(),this[this.activeProp]=this.bound(t-this.pageStep,this.activeProp),this.calciteSliderUpdate.emit());break;case u:s.preventDefault(),this[this.activeProp]=this.bound(this.min,this.activeProp),this.calciteSliderUpdate.emit();break;case d:s.preventDefault(),this[this.activeProp]=this.bound(this.max,this.activeProp),this.calciteSliderUpdate.emit()}}clickHandler(s){const t=this.translate(s.clientX||s.pageX);let i="value";this.isRange&&(i=Math.abs(this.maxValue-t)<Math.abs(this.minValue-t)?"maxValue":"minValue"),this[i]=this.bound(t,i),this.calciteSliderUpdate.emit(),("minValue"===i?this.minHandle:this.maxHandle).focus()}generateTickValues(){const s=[];let t=this.min;for(;this.ticks&&t<this.max+this.ticks;)s.push(t),t+=this.ticks;return s}dragStart(s,t){t&&t.preventDefault(),this.dragProp=s,this.activeProp=s,this.dragListener=this.dragListener||this.dragUpdate.bind(this),document.addEventListener("mousemove",this.dragListener),document.addEventListener("touchmove",this.dragListener,{capture:!1}),document.addEventListener("mouseup",this.dragEnd.bind(this)),document.addEventListener("touchend",this.dragEnd.bind(this),!1),document.addEventListener("touchcancel",this.dragEnd.bind(this))}dragUpdate(s){if(s.preventDefault(),s.stopPropagation(),this.dragProp){const t=this.translate(s.clientX||s.pageX);this[this.dragProp]=this.bound(t,this.dragProp),this.calciteSliderUpdate.emit()}}dragEnd(){this.dragProp=null,document.removeEventListener("mousemove",this.dragListener),document.removeEventListener("touchmove",this.dragListener)}bound(s,t){return s=Math.min(s,this.max),s=Math.max(s,this.min),"maxValue"===t&&(s=Math.max(s,this.minValue)),"minValue"===t&&(s=Math.min(s,this.maxValue)),s}translate(s){let t=this.bound(this.min+(s-this.el.offsetLeft)/this.el.offsetWidth*(this.max-this.min));return this.snap&&this.step&&(t=this.getClosestStep(t)),t}getClosestStep(s){if(s=this.bound(s),this.step){const t=Math.round(s/this.step)*this.step;s=this.bound(t)}return s}getUnitInterval(s){return((s=this.bound(s))-this.min)/(this.max-this.min)}get el(){return e(this)}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-slider-spot:#007ac2;padding:7px 0;margin:7px 0;position:relative}:host([disabled]){opacity:.5;pointer-events:none}:host([label-handles]),:host([precise]){margin-top:21px}:host([label-ticks]),:host([precise][is-range]){margin-bottom:21px}:host([precise][label-handles]){margin-top:35px}:host([precise][label-handles][is-range]){margin-bottom:35px}.slider__thumb{position:absolute;right:var(--calcite-slider-range-max);height:28px;width:28px;margin:-14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;background:transparent;cursor:pointer;font-family:inherit;z-index:3}.slider__thumb--min{right:auto;left:var(--calcite-slider-range-min)}.slider__handle{position:absolute;top:0;left:0;height:14px;width:14px;margin:7px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background-color:#fff;border:2px solid #959595;-webkit-transition:border .25s ease,background-color .25s ease,-webkit-box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,-webkit-box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,box-shadow .25s ease,-webkit-box-shadow .25s ease}.slider__handle__label{position:absolute;left:0;bottom:28px;width:28px;height:.75em;font-size:.8125rem;line-height:1.5;line-height:1;color:#555;text-align:center}.slider__thumb:hover .slider__handle{border-color:var(--calcite-slider-spot);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.1);box-shadow:0 0 16px 0 rgba(0,0,0,.1)}.slider__thumb--active,.slider__thumb:focus{outline:none;z-index:4}.slider__thumb--active .slider__handle,.slider__thumb:focus .slider__handle{background-color:var(--calcite-slider-spot);border-color:var(--calcite-slider-spot);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.2);box-shadow:0 0 16px 0 rgba(0,0,0,.2)}.slider__thumb--precise{margin-top:-28px}.slider__thumb--precise:after{content:\"\";display:block;position:absolute;top:14px;left:50%;width:2px;height:7px;background-color:#959595;margin-left:-1px;margin-top:7px;z-index:2}.slider__thumb--active.slider__thumb--precise:after,.slider__thumb:focus.slider__thumb--precise:after{background-color:var(--calcite-slider-spot)}.slider__thumb--precise.slider__thumb--min{margin-top:-2px}.slider__thumb--precise.slider__thumb--min .slider__handle__label{bottom:unset;top:28px}.slider__thumb--precise.slider__thumb--min:after{top:0;margin-top:0}.slider__track{height:2px;border-radius:0;z-index:2;background-color:#cacaca;-webkit-transition:all .25s ease-in;transition:all .25s ease-in;position:relative}.slider__track__range{position:absolute;top:0;right:var(--calcite-slider-range-max);left:var(--calcite-slider-range-min);height:2px;background-color:var(--calcite-slider-spot)}.slider__tick{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-slider-tick-offset);margin-left:-2px;border:1px solid #fff;background-color:#959595}.slider__tick--active{background-color:var(--calcite-slider-spot)}.slider__tick__label{position:absolute;font-size:.8125rem;line-height:1.5;color:#555;width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}.slider__tick__label--min{left:0;margin:14px -3px;text-align:left}.slider__tick__label--max{left:unset;right:0;margin:14px -3px;text-align:right}"}}export{b as calcite_slider};
\ No newline at end of file
diff --git a/dist/calcite/p-9725f31b.system.js b/dist/calcite/p-9725f31b.system.js
new file mode 100644
index 00000000000..00abcd3d097
--- /dev/null
+++ b/dist/calcite/p-9725f31b.system.js
@@ -0,0 +1 @@
+System.register([],function(){"use strict";return{execute:function(){(function(){var t=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function e(e){var n=t.has(e);e=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(e);return!n&&e}function n(t){var e=t.isConnected;if(void 0!==e)return e;for(;t&&!(t.__CE_isImportDocument||t instanceof Document);)t=t.parentNode||(window.ShadowRoot&&t instanceof ShadowRoot?t.host:void 0);return!(!t||!(t.__CE_isImportDocument||t instanceof Document))}function o(t,e){for(;e&&e!==t&&!e.nextSibling;)e=e.parentNode;return e&&e!==t?e.nextSibling:null}function i(t,e,n){n=void 0===n?new Set:n;for(var r=t;r;){if(r.nodeType===Node.ELEMENT_NODE){var a=r;e(a);var c=a.localName;if("link"===c&&"import"===a.getAttribute("rel")){r=a.import;if(r instanceof Node&&!n.has(r))for(n.add(r),r=r.firstChild;r;r=r.nextSibling)i(r,e,n);r=o(t,a);continue}else if("template"===c){r=o(t,a);continue}if(a=a.__CE_shadowRoot)for(a=a.firstChild;a;a=a.nextSibling)i(a,e,n)}r=r.firstChild?r.firstChild:o(t,r)}}function r(t,e,n){t[e]=n}function a(){this.a=new Map;this.g=new Map;this.c=[];this.f=[];this.b=!1}function c(t,e,n){t.a.set(e,n);t.g.set(n.constructorFunction,n)}function l(t,e){t.b=!0;t.c.push(e)}function s(t,e){t.b=!0;t.f.push(e)}function u(t,e){t.b&&i(e,function(e){return f(t,e)})}function f(t,e){if(t.b&&!e.__CE_patched){e.__CE_patched=!0;for(var n=0;n<t.c.length;n++)t.c[n](e);for(n=0;n<t.f.length;n++)t.f[n](e)}}function p(t,e){var n=[];i(e,function(t){return n.push(t)});for(e=0;e<n.length;e++){var o=n[e];1===o.__CE_state?t.connectedCallback(o):m(t,o)}}function h(t,e){var n=[];i(e,function(t){return n.push(t)});for(e=0;e<n.length;e++){var o=n[e];1===o.__CE_state&&t.disconnectedCallback(o)}}function d(t,e,n){n=void 0===n?{}:n;var o=n.u||new Set,r=n.i||function(e){return m(t,e)},a=[];i(e,function(e){if("link"===e.localName&&"import"===e.getAttribute("rel")){var n=e.import;n instanceof Node&&(n.__CE_isImportDocument=!0,n.__CE_hasRegistry=!0);n&&"complete"===n.readyState?n.__CE_documentLoadHandled=!0:e.addEventListener("load",function(){var n=e.import;if(!n.__CE_documentLoadHandled){n.__CE_documentLoadHandled=!0;var i=new Set(o);i.delete(n);d(t,n,{u:i,i:r})}})}else a.push(e)},o);if(t.b)for(e=0;e<a.length;e++)f(t,a[e]);for(e=0;e<a.length;e++)r(a[e])}function m(t,e){if(void 0===e.__CE_state){var o=e.ownerDocument;if(o.defaultView||o.__CE_isImportDocument&&o.__CE_hasRegistry)if(o=t.a.get(e.localName)){o.constructionStack.push(e);var i=o.constructorFunction;try{try{if(new i!==e)throw Error("The custom element constructor did not produce the element being upgraded.")}finally{o.constructionStack.pop()}}catch(t){throw e.__CE_state=2,t}e.__CE_state=1;e.__CE_definition=o;if(o.attributeChangedCallback)for(o=o.observedAttributes,i=0;i<o.length;i++){var r=o[i],a=e.getAttribute(r);null!==a&&t.attributeChangedCallback(e,r,null,a,null)}n(e)&&t.connectedCallback(e)}}}a.prototype.connectedCallback=function(t){var e=t.__CE_definition;e.connectedCallback&&e.connectedCallback.call(t)};a.prototype.disconnectedCallback=function(t){var e=t.__CE_definition;e.disconnectedCallback&&e.disconnectedCallback.call(t)};a.prototype.attributeChangedCallback=function(t,e,n,o,i){var r=t.__CE_definition;r.attributeChangedCallback&&-1<r.observedAttributes.indexOf(e)&&r.attributeChangedCallback.call(t,e,n,o,i)};function b(t){var e=document;this.c=t;this.a=e;this.b=void 0;d(this.c,this.a);"loading"===this.a.readyState&&(this.b=new MutationObserver(this.f.bind(this)),this.b.observe(this.a,{childList:!0,subtree:!0}))}function y(t){t.b&&t.b.disconnect()}b.prototype.f=function(t){var e=this.a.readyState;"interactive"!==e&&"complete"!==e||y(this);for(e=0;e<t.length;e++)for(var n=t[e].addedNodes,o=0;o<n.length;o++)d(this.c,n[o])};function g(){var t=this;this.b=this.a=void 0;this.c=new Promise(function(e){t.b=e;t.a&&e(t.a)})}function v(t){if(t.a)throw Error("Already resolved.");t.a=void 0;t.b&&t.b(void 0)}function w(t){this.c=!1;this.a=t;this.j=new Map;this.f=function(t){return t()};this.b=!1;this.g=[];this.o=new b(t)}w.prototype.l=function(t,n){var o=this;if(!(n instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!e(t))throw new SyntaxError("The element name '"+t+"' is not valid.");if(this.a.a.get(t))throw Error("A custom element with name '"+t+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var i=function(t){var e=r[t];if(void 0!==e&&!(e instanceof Function))throw Error("The '"+t+"' callback must be a function.");return e},r=n.prototype;if(!(r instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var a=i("connectedCallback");var l=i("disconnectedCallback");var s=i("adoptedCallback");var u=i("attributeChangedCallback");var f=n.observedAttributes||[]}catch(t){return}finally{this.c=!1}n={localName:t,constructorFunction:n,connectedCallback:a,disconnectedCallback:l,adoptedCallback:s,attributeChangedCallback:u,observedAttributes:f,constructionStack:[]};c(this.a,t,n);this.g.push(n);this.b||(this.b=!0,this.f(function(){return E(o)}))};w.prototype.i=function(t){d(this.a,t)};function E(t){if(!1!==t.b){t.b=!1;for(var e=t.g,n=[],o=new Map,i=0;i<e.length;i++)o.set(e[i].localName,[]);d(t.a,document,{i:function(e){if(void 0===e.__CE_state){var i=e.localName,r=o.get(i);r?r.push(e):t.a.a.get(i)&&n.push(e)}}});for(i=0;i<n.length;i++)m(t.a,n[i]);for(;0<e.length;){var r=e.shift();i=r.localName;r=o.get(r.localName);for(var a=0;a<r.length;a++)m(t.a,r[a]);(i=t.j.get(i))&&v(i)}}}w.prototype.get=function(t){if(t=this.a.a.get(t))return t.constructorFunction};w.prototype.m=function(t){if(!e(t))return Promise.reject(new SyntaxError("'"+t+"' is not a valid custom element name."));var n=this.j.get(t);if(n)return n.c;n=new g;this.j.set(t,n);this.a.a.get(t)&&!this.g.some(function(e){return e.localName===t})&&v(n);return n.c};w.prototype.s=function(t){y(this.o);var e=this.f;this.f=function(n){return t(function(){return e(n)})}};window.CustomElementRegistry=w;w.prototype.define=w.prototype.l;w.prototype.upgrade=w.prototype.i;w.prototype.get=w.prototype.get;w.prototype.whenDefined=w.prototype.m;w.prototype.polyfillWrapFlushCallback=w.prototype.s;var _=window.Document.prototype.createElement,C=window.Document.prototype.createElementNS,N=window.Document.prototype.importNode,S=window.Document.prototype.prepend,D=window.Document.prototype.append,T=window.DocumentFragment.prototype.prepend,A=window.DocumentFragment.prototype.append,k=window.Node.prototype.cloneNode,O=window.Node.prototype.appendChild,j=window.Node.prototype.insertBefore,x=window.Node.prototype.removeChild,M=window.Node.prototype.replaceChild,L=Object.getOwnPropertyDescriptor(window.Node.prototype,"textContent"),H=window.Element.prototype.attachShadow,R=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),F=window.Element.prototype.getAttribute,P=window.Element.prototype.setAttribute,I=window.Element.prototype.removeAttribute,z=window.Element.prototype.getAttributeNS,U=window.Element.prototype.setAttributeNS,W=window.Element.prototype.removeAttributeNS,q=window.Element.prototype.insertAdjacentElement,B=window.Element.prototype.insertAdjacentHTML,$=window.Element.prototype.prepend,V=window.Element.prototype.append,X=window.Element.prototype.before,G=window.Element.prototype.after,J=window.Element.prototype.replaceWith,K=window.Element.prototype.remove,Q=window.HTMLElement,Y=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),Z=window.HTMLElement.prototype.insertAdjacentElement,tt=window.HTMLElement.prototype.insertAdjacentHTML;var et=new function(){};function nt(){var t=st;window.HTMLElement=function(){function e(){var e=this.constructor,n=t.g.get(e);if(!n)throw Error("The custom element being constructed was not registered with `customElements`.");var o=n.constructionStack;if(0===o.length)return o=_.call(document,n.localName),Object.setPrototypeOf(o,e.prototype),o.__CE_state=1,o.__CE_definition=n,f(t,o),o;n=o.length-1;var i=o[n];if(i===et)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");o[n]=et;Object.setPrototypeOf(i,e.prototype);f(t,i);return i}e.prototype=Q.prototype;Object.defineProperty(e.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:e});return e}()}function ot(t,e,o){function i(e){return function(o){for(var i=[],r=0;r<arguments.length;++r)i[r]=arguments[r];r=[];for(var a=[],c=0;c<i.length;c++){var l=i[c];l instanceof Element&&n(l)&&a.push(l);if(l instanceof DocumentFragment)for(l=l.firstChild;l;l=l.nextSibling)r.push(l);else r.push(l)}e.apply(this,i);for(i=0;i<a.length;i++)h(t,a[i]);if(n(this))for(i=0;i<r.length;i++)a=r[i],a instanceof Element&&p(t,a)}}void 0!==o.h&&(e.prepend=i(o.h));void 0!==o.append&&(e.append=i(o.append))}function it(){var t=st;r(Document.prototype,"createElement",function(e){if(this.__CE_hasRegistry){var n=t.a.get(e);if(n)return new n.constructorFunction}e=_.call(this,e);f(t,e);return e});r(Document.prototype,"importNode",function(e,n){e=N.call(this,e,!!n);this.__CE_hasRegistry?d(t,e):u(t,e);return e});r(Document.prototype,"createElementNS",function(e,n){if(this.__CE_hasRegistry&&(null===e||"http://www.w3.org/1999/xhtml"===e)){var o=t.a.get(n);if(o)return new o.constructorFunction}e=C.call(this,e,n);f(t,e);return e});ot(t,Document.prototype,{h:S,append:D})}function rt(){function t(t,o){Object.defineProperty(t,"textContent",{enumerable:o.enumerable,configurable:!0,get:o.get,set:function(t){if(this.nodeType===Node.TEXT_NODE)o.set.call(this,t);else{var i=void 0;if(this.firstChild){var r=this.childNodes,a=r.length;if(0<a&&n(this)){i=Array(a);for(var c=0;c<a;c++)i[c]=r[c]}}o.set.call(this,t);if(i)for(t=0;t<i.length;t++)h(e,i[t])}}})}var e=st;r(Node.prototype,"insertBefore",function(t,o){if(t instanceof DocumentFragment){var i=Array.prototype.slice.apply(t.childNodes);t=j.call(this,t,o);if(n(this))for(o=0;o<i.length;o++)p(e,i[o]);return t}i=n(t);o=j.call(this,t,o);i&&h(e,t);n(this)&&p(e,t);return o});r(Node.prototype,"appendChild",function(t){if(t instanceof DocumentFragment){var o=Array.prototype.slice.apply(t.childNodes);t=O.call(this,t);if(n(this))for(var i=0;i<o.length;i++)p(e,o[i]);return t}o=n(t);i=O.call(this,t);o&&h(e,t);n(this)&&p(e,t);return i});r(Node.prototype,"cloneNode",function(t){t=k.call(this,!!t);this.ownerDocument.__CE_hasRegistry?d(e,t):u(e,t);return t});r(Node.prototype,"removeChild",function(t){var o=n(t),i=x.call(this,t);o&&h(e,t);return i});r(Node.prototype,"replaceChild",function(t,o){if(t instanceof DocumentFragment){var i=Array.prototype.slice.apply(t.childNodes);t=M.call(this,t,o);if(n(this))for(h(e,o),o=0;o<i.length;o++)p(e,i[o]);return t}i=n(t);var r=M.call(this,t,o),a=n(this);a&&h(e,o);i&&h(e,t);a&&p(e,t);return r});L&&L.get?t(Node.prototype,L):l(e,function(e){t(e,{enumerable:!0,configurable:!0,get:function(){for(var t=[],e=0;e<this.childNodes.length;e++){var n=this.childNodes[e];n.nodeType!==Node.COMMENT_NODE&&t.push(n.textContent)}return t.join("")},set:function(t){for(;this.firstChild;)x.call(this,this.firstChild);null!=t&&""!==t&&O.call(this,document.createTextNode(t))}})})}function at(t){function e(e){return function(o){for(var i=[],r=0;r<arguments.length;++r)i[r]=arguments[r];r=[];for(var a=[],c=0;c<i.length;c++){var l=i[c];l instanceof Element&&n(l)&&a.push(l);if(l instanceof DocumentFragment)for(l=l.firstChild;l;l=l.nextSibling)r.push(l);else r.push(l)}e.apply(this,i);for(i=0;i<a.length;i++)h(t,a[i]);if(n(this))for(i=0;i<r.length;i++)a=r[i],a instanceof Element&&p(t,a)}}var o=Element.prototype;void 0!==X&&(o.before=e(X));void 0!==X&&(o.after=e(G));void 0!==J&&r(o,"replaceWith",function(e){for(var o=[],i=0;i<arguments.length;++i)o[i]=arguments[i];i=[];for(var r=[],a=0;a<o.length;a++){var c=o[a];c instanceof Element&&n(c)&&r.push(c);if(c instanceof DocumentFragment)for(c=c.firstChild;c;c=c.nextSibling)i.push(c);else i.push(c)}a=n(this);J.apply(this,o);for(o=0;o<r.length;o++)h(t,r[o]);if(a)for(h(t,this),o=0;o<i.length;o++)r=i[o],r instanceof Element&&p(t,r)});void 0!==K&&r(o,"remove",function(){var e=n(this);K.call(this);e&&h(t,this)})}function ct(){function t(t,e){Object.defineProperty(t,"innerHTML",{enumerable:e.enumerable,configurable:!0,get:e.get,set:function(t){var o=this,r=void 0;n(this)&&(r=[],i(this,function(t){t!==o&&r.push(t)}));e.set.call(this,t);if(r)for(var c=0;c<r.length;c++){var l=r[c];1===l.__CE_state&&a.disconnectedCallback(l)}this.ownerDocument.__CE_hasRegistry?d(a,this):u(a,this);return t}})}function e(t,e){r(t,"insertAdjacentElement",function(t,o){var i=n(o);t=e.call(this,t,o);i&&h(a,o);n(t)&&p(a,o);return t})}function o(t,e){function n(t,e){for(var n=[];t!==e;t=t.nextSibling)n.push(t);for(e=0;e<n.length;e++)d(a,n[e])}r(t,"insertAdjacentHTML",function(t,o){t=t.toLowerCase();if("beforebegin"===t){var i=this.previousSibling;e.call(this,t,o);n(i||this.parentNode.firstChild,this)}else if("afterbegin"===t)i=this.firstChild,e.call(this,t,o),n(this.firstChild,i);else if("beforeend"===t)i=this.lastChild,e.call(this,t,o),n(i||this.firstChild,null);else if("afterend"===t)i=this.nextSibling,e.call(this,t,o),n(this.nextSibling,i);else throw new SyntaxError("The value provided ("+String(t)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.")})}var a=st;H&&r(Element.prototype,"attachShadow",function(t){t=H.call(this,t);var e=a;if(e.b&&!t.__CE_patched){t.__CE_patched=!0;for(var n=0;n<e.c.length;n++)e.c[n](t)}return this.__CE_shadowRoot=t});R&&R.get?t(Element.prototype,R):Y&&Y.get?t(HTMLElement.prototype,Y):s(a,function(e){t(e,{enumerable:!0,configurable:!0,get:function(){return k.call(this,!0).innerHTML},set:function(t){var e="template"===this.localName,n=e?this.content:this,o=C.call(document,this.namespaceURI,this.localName);for(o.innerHTML=t;0<n.childNodes.length;)x.call(n,n.childNodes[0]);for(t=e?o.content:o;0<t.childNodes.length;)O.call(n,t.childNodes[0])}})});r(Element.prototype,"setAttribute",function(t,e){if(1!==this.__CE_state)return P.call(this,t,e);var n=F.call(this,t);P.call(this,t,e);e=F.call(this,t);a.attributeChangedCallback(this,t,n,e,null)});r(Element.prototype,"setAttributeNS",function(t,e,n){if(1!==this.__CE_state)return U.call(this,t,e,n);var o=z.call(this,t,e);U.call(this,t,e,n);n=z.call(this,t,e);a.attributeChangedCallback(this,e,o,n,t)});r(Element.prototype,"removeAttribute",function(t){if(1!==this.__CE_state)return I.call(this,t);var e=F.call(this,t);I.call(this,t);null!==e&&a.attributeChangedCallback(this,t,e,null,null)});r(Element.prototype,"removeAttributeNS",function(t,e){if(1!==this.__CE_state)return W.call(this,t,e);var n=z.call(this,t,e);W.call(this,t,e);var o=z.call(this,t,e);n!==o&&a.attributeChangedCallback(this,e,n,o,t)});Z?e(HTMLElement.prototype,Z):q?e(Element.prototype,q):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched.");tt?o(HTMLElement.prototype,tt):B?o(Element.prototype,B):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched.");ot(a,Element.prototype,{h:$,append:V});at(a)}var lt=window.customElements;if(!lt||lt.forcePolyfill||"function"!=typeof lt.define||"function"!=typeof lt.get){var st=new a;nt();it();ot(st,DocumentFragment.prototype,{h:T,append:A});rt();ct();document.__CE_hasRegistry=!0;var ut=new w(st);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:ut})}}).call(self);if(typeof document.baseURI!=="string"){Object.defineProperty(Document.prototype,"baseURI",{enumerable:true,configurable:true,get:function(){var t=document.querySelector("base");if(t){return t.href}return document.URL}})}if(typeof window.CustomEvent!=="function"){window.CustomEvent=function t(e,n){n=n||{bubbles:false,cancelable:false,detail:undefined};var o=document.createEvent("CustomEvent");o.initCustomEvent(e,n.bubbles,n.cancelable,n.detail);return o};window.CustomEvent.prototype=window.Event.prototype}(function(t,e,n){if(!t.composedPath){t.composedPath=function(){if(this.path){return this.path}var t=this.target;this.path=[];while(t.parentNode!==null){this.path.push(t);t=t.parentNode}this.path.push(e,n);return this.path}}})(Event.prototype,document,window);(function(t){"function"!==typeof t.matches&&(t.matches=t.msMatchesSelector||t.mozMatchesSelector||t.webkitMatchesSelector||function(t){t=(this.document||this.ownerDocument).querySelectorAll(t);for(var e=0;t[e]&&t[e]!==this;)++e;return!!t[e]});"function"!==typeof t.closest&&(t.closest=function(t){for(var e=this;e&&1===e.nodeType;){if(e.matches(t))return e;e=e.parentNode}return null})})(window.Element.prototype);(function(t){function e(t){t=n(t);return 11===t.nodeType?e(t.host):t}function n(t){return t.parentNode?n(t.parentNode):t}"function"!==typeof t.getRootNode&&(t.getRootNode=function(t){return t&&t.composed?e(this):n(this)})})(Element.prototype);(function(t){t.forEach(function(t){t.hasOwnProperty("remove")||Object.defineProperty(t,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this)}})})})([Element.prototype,CharacterData.prototype,DocumentType.prototype]);!function(t){"classList"in t||Object.defineProperty(t,"classList",{get:function(){var t=this,e=(t.getAttribute("class")||"").replace(/^\s+|\s$/g,"").split(/\s+/g);function n(){e.length>0?t.setAttribute("class",e.join(" ")):t.removeAttribute("class")}return""===e[0]&&e.splice(0,1),e.toggle=function(t,o){void 0!==o?o?e.add(t):e.remove(t):-1!==e.indexOf(t)?e.splice(e.indexOf(t),1):e.push(t),n()},e.add=function(){for(var t=[].slice.call(arguments),o=0,i=t.length;o<i;o++)-1===e.indexOf(t[o])&&e.push(t[o]);n()},e.remove=function(){for(var t=[].slice.call(arguments),o=0,i=t.length;o<i;o++)-1!==e.indexOf(t[o])&&e.splice(e.indexOf(t[o]),1);n()},e.item=function(t){return e[t]},e.contains=function(t){return-1!==e.indexOf(t)},e.replace=function(t,o){-1!==e.indexOf(t)&&e.splice(e.indexOf(t),1,o),n()},e.value=t.getAttribute("class")||"",e}})}(Element.prototype)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-9dd9009f.js b/dist/calcite/p-9dd9009f.js
new file mode 100644
index 00000000000..b290b25fb30
--- /dev/null
+++ b/dist/calcite/p-9dd9009f.js
@@ -0,0 +1 @@
+const a=13,s=32,o=33,t=34,b=35,c=36,e=37,n=38,p=39,r=40;export{r as D,a as E,c as H,e as L,o as P,p as R,s as S,n as U,t as a,b};
\ No newline at end of file
diff --git a/dist/calcite/p-9de72867.js b/dist/calcite/p-9de72867.js
new file mode 100644
index 00000000000..6e7508bebb8
--- /dev/null
+++ b/dist/calcite/p-9de72867.js
@@ -0,0 +1 @@
+const l="M23 11.5A11.5 11.5 0 1 1 11.5 0 11.5 11.5 0 0 1 23 11.5zm-5.5-6.018l-8.5 8.5-3.5-3.5-2 2L9.018 18l.018-.018L11.018 16l8.5-8.5z",a="M22.3 19.795l-9-17.901a1.5 1.5 0 0 0-2.597 0L1.7 19.795a1.502 1.502 0 0 0 0 1.502A1.456 1.456 0 0 0 2.998 22H21a1.458 1.458 0 0 0 1.299-.703 1.506 1.506 0 0 0 .001-1.502zM13 19h-2v-2h2zm0-3h-2V8h2z",z="M11 13h1v4h-1zm3.895 5.45a.311.311 0 0 0-.12-.27l-.232-.18h-6.19l-.232.18a.312.312 0 0 0 .04.518l1.387.771-1.367.76a.311.311 0 0 0-.028.526l3.09 2.18a.356.356 0 0 0 .41 0l3.09-2.18a.311.311 0 0 0-.029-.527l-1.366-.759 1.388-.77a.312.312 0 0 0 .159-.25zM11.59 0l-.173.002L11.244 0a6.2 6.2 0 0 0-6.182 6.698c.31 2.575 2.784 5.207 2.939 6.134.13.78.116 1.844.199 2.472A2.542 2.542 0 0 0 9.088 17H10v-4.412L8.83 9.37l.94-.342L10.85 12h1.3l1.08-2.97.94.341L13 12.588V17h.745a2.542 2.542 0 0 0 .889-1.696c.083-.628.068-1.692.199-2.472.154-.927 2.628-3.559 2.938-6.134A6.2 6.2 0 0 0 11.59 0z",L="M13.207 12.5l7.778 7.778-.707.707-7.778-7.778-7.778 7.778-.707-.707 7.778-7.778-7.778-7.778.707-.707 7.778 7.778 7.778-7.778.707.707z",h="M16.707 16l10.607 10.606-.708.707L16 16.707 5.394 27.313l-.708-.707L15.293 16 4.686 5.394l.708-.707L16 15.293 26.606 4.687l.708.707z";export{h as a,l as c,a as e,z as l,L as x};
\ No newline at end of file
diff --git a/dist/calcite/p-a1nosev3.system.entry.js b/dist/calcite/p-a1nosev3.system.entry.js
new file mode 100644
index 00000000000..68f2f2b3488
--- /dev/null
+++ b/dist/calcite/p-a1nosev3.system.entry.js
@@ -0,0 +1 @@
+System.register(["./p-5b8f9126.system.js"],function(e){"use strict";var t,r,s,n;return{setters:[function(e){t=e.r;r=e.h;s=e.H;n=e.g}],execute:function(){var i=function(){function e(e){t(this,e);this.type="determinate";this.value=0;this.text=null;this.reversed=false}e.prototype.render=function(){return r(s,{class:"calcite-progress",type:this.type,reversed:this.reversed,style:{"--percentage-value":this.value*100+"%"}},r("div",{class:"calcite-progress__text"},this.text),r("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:true,configurable:true});Object.defineProperty(e,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}.calcite-progress{position:relative;display:block}.calcite-progress:after,.calcite-progress:before{content:\"\";opacity:1;position:absolute;height:2px;top:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.calcite-progress:before{background-color:#007ac2;z-index:0;width:100%}.calcite-progress:after{background-color:hsla(0,0%,100%,.6);z-index:0}.calcite-progress[type=indeterminate]:after{width:20%;-webkit-animation:looping-progresss-bar-ani 1.5s linear infinite;animation:looping-progresss-bar-ani 1.5s linear infinite}.calcite-progress[type=determinate]:after{width:var(--percentage-value)}.calcite-progress__text{text-align:center}\@-webkit-keyframes looping-progresss-bar-ani{0%{left:0;width:0}20%{left:0;width:20%}80%{left:80%;width:20%}to{left:100%;width:0}}\@keyframes looping-progresss-bar-ani{0%{left:0;width:0}20%{left:0;width:20%}80%{left:80%;width:20%}to{left:100%;width:0}}"},enumerable:true,configurable:true});return e}();e("calcite_progress",i)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-aaf72d6b.system.js b/dist/calcite/p-aaf72d6b.system.js
new file mode 100644
index 00000000000..8c5f96101ca
--- /dev/null
+++ b/dist/calcite/p-aaf72d6b.system.js
@@ -0,0 +1 @@
+System.register([],function(){"use strict";return{execute:function(){var e=function(){function e(){this.start=0;this.end=0;this.previous=null;this.parent=null;this.rules=null;this.parsedCssText="";this.cssText="";this.atRule=false;this.type=0;this.keyframesName="";this.selector="";this.parsedSelector=""}return e}();function t(e){e=r(e);return s(n(e),e)}function r(e){return e.replace(l.comments,"").replace(l.port,"")}function n(t){var r=new e;r["start"]=0;r["end"]=t.length;var n=r;for(var s=0,i=t.length;s<i;s++){if(t[s]===o){if(!n["rules"]){n["rules"]=[]}var a=n;var l=a["rules"][a["rules"].length-1]||null;n=new e;n["start"]=s+1;n["parent"]=a;n["previous"]=l;a["rules"].push(n)}else if(t[s]===u){n["end"]=s+1;n=n["parent"]||r}}return r}function s(e,t){var r=t.substring(e["start"],e["end"]-1);e["parsedCssText"]=e["cssText"]=r.trim();if(e.parent){var n=e.previous?e.previous["end"]:e.parent["start"];r=t.substring(n,e["start"]-1);r=i(r);r=r.replace(l.multipleSpaces," ");r=r.substring(r.lastIndexOf(";")+1);var o=e["parsedSelector"]=e["selector"]=r.trim();e["atRule"]=o.indexOf(p)===0;if(e["atRule"]){if(o.indexOf(f)===0){e["type"]=a.MEDIA_RULE}else if(o.match(l.keyframesRule)){e["type"]=a.KEYFRAMES_RULE;e["keyframesName"]=e["selector"].split(l.multipleSpaces).pop()}}else{if(o.indexOf(c)===0){e["type"]=a.MIXIN_RULE}else{e["type"]=a.STYLE_RULE}}}var u=e["rules"];if(u){for(var v=0,h=u.length,m=void 0;v<h&&(m=u[v]);v++){s(m,t)}}return e}function i(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,function(){var e=arguments[1],t=6-e.length;while(t--){e="0"+e}return"\\"+e})}var a={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3};var o="{";var u="}";var l={comments:/\/\*[^*]*\*+([^\/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g};var c="--";var f="@media";var p="@";function v(e,t,r){e["lastIndex"]=0;var n=t.substring(r).match(e);if(n){var s=r+n["index"];return{start:s,end:s+n[0].length}}return null}var h=/\bvar\(/;var m=/\B--[\w-]+\s*:/;var d=/\/\*[^*]*\*+([^\/*][^*]*\*+)*\//gim;var g=/^[\t ]+\n/gm;function y(e,t,r){if(e[t]){return e[t]}if(r){return M(r,e)}return""}function S(e,t){var r=0;var n=t;for(;n<e.length;n++){var s=e[n];if(s==="("){r++}else if(s===")"){r--;if(r<=0){return n+1}}}return n}function b(e,t){var r=v(h,e,t);if(!r){return null}var n=S(e,r.start);var s=e.substring(r.end,n-1);var i=s.split(","),a=i[0],o=i.slice(1);return{start:r.start,end:n,propName:a.trim(),fallback:o.length>0?o.join(",").trim():undefined}}function E(e,t,r){var n=b(e,r);if(!n){t.push(e.substring(r,e.length));return e.length}var s=n.propName;var i=n.fallback!=null?x(n.fallback):undefined;t.push(e.substring(r,n.start),function(e){return y(e,s,i)});return n.end}function M(e,t){var r="";for(var n=0;n<e.length;n++){var s=e[n];r+=typeof s==="string"?s:s(t)}return r}function w(e,t){var r=false;var n=false;var s=t;for(;s<e.length;s++){var i=e[s];if(r){if(n&&i==='"'){r=false}if(!n&&i==="'"){r=false}}else{if(i==='"'){r=true;n=true}else if(i==="'"){r=true;n=false}else if(i===";"){return s+1}else if(i==="}"){return s}}}return s}function L(e){var t="";var r=0;while(true){var n=v(m,e,r);var s=n?n.start:e.length;t+=e.substring(r,s);if(n){r=w(e,s)}else{break}}return t}function x(e){var t=0;e=e.replace(d,"");e=L(e).replace(g,"");var r=[];while(t<e.length){t=E(e,r,t)}return r}function R(e){var t={};e.forEach(function(e){e.declarations.forEach(function(e){t[e.prop]=e.value})});var r={};var n=Object.entries(t);var s=function(e){var t=false;n.forEach(function(e){var n=e[0],s=e[1];var i=M(s,r);if(i!==r[n]){r[n]=i;t=true}});if(!t){return"break"}};for(var i=0;i<10;i++){var a=s();if(a==="break")break}return r}function T(e,t){if(t===void 0){t=0}if(!e.rules){return[]}var r=[];e.rules.filter(function(e){return e.type===a.STYLE_RULE}).forEach(function(e){var n=H(e.cssText);if(n.length>0){e.parsedSelector.split(",").forEach(function(e){e=e.trim();r.push({selector:e,declarations:n,specificity:k(),nu:t})})}t++});return r}function k(e){return 1}var _="!important";var I=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function H(e){var t=[];var r;while(r=I.exec(e.trim())){var n=A(r[2]),s=n.value,i=n.important;t.push({prop:r[1].trim(),value:x(s),important:i})}return t}function A(e){var t=/\s+/gim;e=e.replace(t," ").trim();var r=e.endsWith(_);if(r){e=e.substr(0,e.length-_.length).trim()}return{value:e,important:r}}function C(e,t,r){var n=r.concat(U(t,e));var s=N(n);var i=s.filter(function(t){return $(e,t.selector)});return O(i)}function U(e,t){var r=[];while(t){var n=e.get(t);if(n){r.push(n)}t=t.parentElement}return r}function N(e){var t=[];e.forEach(function(e){t.push.apply(t,e.selectors)});return t}function O(e){e.sort(function(e,t){if(e.specificity===t.specificity){return e.nu-t.nu}return e.specificity-t.specificity});return e}function $(e,t){return t===":root"||t==="html"||e.matches(t)}function G(e){var r=t(e);var n=x(e);var s=T(r);return{original:e,template:n,selectors:s,usesCssVars:n.length>1}}function V(e,t){var r=G(t.innerHTML);r.styleEl=t;e.push(r)}function Y(e){var t=N(e);var r=R(t);e.forEach(function(e){if(e.usesCssVars){e.styleEl.innerHTML=M(e.template,r)}})}function j(e,t){var r=e.template.map(function(r){return typeof r==="string"?P(r,e.scopeId,t):r});var n=e.selectors.map(function(r){return Object.assign({},r,{selector:P(r.selector,e.scopeId,t)})});return Object.assign({},e,{template:r,selectors:n,scopeId:t})}function P(e,t,r){e=q(e,"\\."+t,"."+r);return e}function q(e,t,r){return e.replace(new RegExp(t,"g"),r)}function F(e,t){B(e,t);return W(e,t)}function W(e,t){var r=[];var n=e.querySelectorAll('link[rel="stylesheet"][href]');for(var s=0;s<n.length;s++){r.push(D(e,t,n[s]))}return Promise.all(r)}function B(e,t){var r=e.querySelectorAll("style:not([data-styles])");for(var n=0;n<r.length;n++){V(t,r[n])}}function D(e,t,r){var n=r.href;return fetch(n).then(function(e){return e.text()}).then(function(s){if(X(s)&&r.parentNode){if(Z(s)){s=J(s,n)}var i=e.createElement("style");i.setAttribute("data-styles","");i.innerHTML=s;V(t,i);r.parentNode.insertBefore(i,r);r.remove()}}).catch(function(e){console.error(e)})}var K=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function X(e){return e.indexOf("var(")>-1||K.test(e)}var z=/url[\s]*\([\s]*['"]?(?![http|\/])([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function Z(e){z.lastIndex=0;return z.test(e)}function J(e,t){var r=t.replace(/[^\/]*$/,"");return e.replace(z,function(e,t){var n=r+t;return e.replace(t,n)})}var Q=function(){function e(e,t){this.win=e;this.doc=t;this.count=0;this.hostStyleMap=new WeakMap;this.hostScopeMap=new WeakMap;this.globalScopes=[];this.scopesMap=new Map}e.prototype.initShim=function(){var e=this;return new Promise(function(t){e.win.requestAnimationFrame(function(){F(e.doc,e.globalScopes).then(function(){return t()})})})};e.prototype.addLink=function(e){var t=this;return D(this.doc,this.globalScopes,e).then(function(){t.updateGlobal()})};e.prototype.addGlobalStyle=function(e){V(this.globalScopes,e);this.updateGlobal()};e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e)){throw new Error("host style already created")}var s=this.registerHostTemplate(r,t,n);var i=this.doc.createElement("style");if(!s.usesCssVars){i.innerHTML=r}else if(n){i["s-sc"]=t=s.scopeId+"-"+this.count;i.innerHTML="/*needs update*/";this.hostStyleMap.set(e,i);this.hostScopeMap.set(e,j(s,t));this.count++}else{s.styleEl=i;if(!s.usesCssVars){i.innerHTML=M(s.template,{})}this.globalScopes.push(s);this.updateGlobal();this.hostScopeMap.set(e,s)}return i};e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);if(t){t.remove()}this.hostStyleMap.delete(e);this.hostScopeMap.delete(e)};e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=C(e,this.hostScopeMap,this.globalScopes);var s=R(n);r.innerHTML=M(t.template,s)}}};e.prototype.updateGlobal=function(){Y(this.globalScopes)};e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);if(!n){n=G(e);n.scopeId=t;n.isScoped=r;this.scopesMap.set(t,n)}return n};return e}();var ee=window;function te(){return!(ee.CSS&&ee.CSS.supports&&ee.CSS.supports("color","var(--c)"))}if(!ee.__stencil_cssshim&&te()){ee.__stencil_cssshim=new Q(ee,document)}}}});
\ No newline at end of file
diff --git a/dist/calcite/p-c1ffeac4.system.js b/dist/calcite/p-c1ffeac4.system.js
new file mode 100644
index 00000000000..e674c1fcd7a
--- /dev/null
+++ b/dist/calcite/p-c1ffeac4.system.js
@@ -0,0 +1 @@
+System.register([],function(t){"use strict";return{execute:function(){var e=function(){function t(){this.strictStyling=true}t.prototype.shimCssText=function(t,e,r,n,o){if(r===void 0){r=""}if(n===void 0){n=""}if(o===void 0){o=false}var s=w(t);t=y(t);var c=[];if(o){var i=function(t){var e="/*!@___"+c.length+"___*/";var r="/*!@"+t.selector+"*/";c.push({placeholder:e,comment:r});t.selector=e+t.selector;return t};t=P(t,function(t){if(t.selector[0]!=="@"){return i(t)}else if(t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")){t.content=P(t.content,i);return t}return t})}var a=this._scopeCssText(t,e,r,n,o);t=[a].concat(s).join("\n");if(o){c.forEach(function(e){var r=e.placeholder,n=e.comment;t=t.replace(r,n)})}return t};t.prototype._scopeCssText=function(t,e,r,n,o){t=this._insertPolyfillHostInCssText(t);t=this._convertColonHost(t);t=this._convertColonHostContext(t);t=this._convertColonSlotted(t,n);t=this._convertShadowDOMSelectors(t);if(e){t=this._scopeSelectors(t,e,r,n,o)}t=t.replace(/-shadowcsshost-no-combinator/g,"."+r);t=t.replace(/>\s*\*\s+([^{, ]+)/gm," $1 ");return t.trim()};t.prototype._convertColonHost=function(t){return this._convertColonRule(t,l,this._colonHostPartReplacer)};t.prototype._convertColonSlotted=function(t,e){var r=u;return t.replace(r,function(){var t=[];for(var r=0;r<arguments.length;r++){t[r]=arguments[r]}if(t[2]){var n=t[2].trim();var o=t[3];var s="."+e+" > "+n+o;return s}else{return v+t[3]}})};t.prototype._convertColonHostContext=function(t){return this._convertColonRule(t,p,this._colonHostContextPartReplacer)};t.prototype._convertColonRule=function(t,e,r){return t.replace(e,function(){var t=[];for(var e=0;e<arguments.length;e++){t[e]=arguments[e]}if(t[2]){var n=t[2].split(",");var o=[];for(var s=0;s<n.length;s++){var c=n[s].trim();if(!c)break;o.push(r(v,c,t[3]))}return o.join(",")}else{return v+t[3]}})};t.prototype._colonHostContextPartReplacer=function(t,e,r){if(e.indexOf(s)>-1){return this._colonHostPartReplacer(t,e,r)}else{return t+e+r+", "+e+" "+t+r}};t.prototype._colonHostPartReplacer=function(t,e,r){return t+e.replace(s,"")+r};t.prototype._convertShadowDOMSelectors=function(t){return f.reduce(function(t,e){return t.replace(e," ")},t)};t.prototype._scopeSelectors=function(t,e,r,o,s){var c=this;return P(t,function(t){var i=t.selector;var a=t.content;if(t.selector[0]!=="@"){i=c._scopeSelector(t.selector,e,r,o,c.strictStyling)}else if(t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")){a=c._scopeSelectors(t.content,e,r,o,s)}i=i.replace(/\s{2,}/g," ").trim();return new n(i,a)})};t.prototype._scopeSelector=function(t,e,r,n,o){var s=this;return t.split(",").map(function(t){if(n&&t.indexOf("."+n)>-1){return t.trim()}if(s._selectorNeedsScoping(t,e)){return o?s._applyStrictSelectorScope(t,e,r).trim():s._applySelectorScope(t,e,r).trim()}else{return t.trim()}}).join(", ")};t.prototype._selectorNeedsScoping=function(t,e){var r=this._makeScopeMatcher(e);return!r.test(t)};t.prototype._makeScopeMatcher=function(t){var e=/\[/g;var r=/\]/g;t=t.replace(e,"\\[").replace(r,"\\]");return new RegExp("^("+t+")"+_,"m")};t.prototype._applySelectorScope=function(t,e,r){return this._applySimpleSelectorScope(t,e,r)};t.prototype._applySimpleSelectorScope=function(t,e,r){g.lastIndex=0;if(g.test(t)){var n=this.strictStyling?"."+r:e;return t.replace(h,function(t,e){return e.replace(/([^:]*)(:*)(.*)/,function(t,e,r,o){return e+n+r+o})}).replace(g,n+" ")}return e+" "+t};t.prototype._applyStrictSelectorScope=function(t,e,n){var o=this;var s=/\[is=([^\]]*)\]/g;e=e.replace(s,function(t){var e=[];for(var r=1;r<arguments.length;r++){e[r-1]=arguments[r]}return e[0]});var c="."+e;var i=function(t){var r=t.trim();if(!r){return""}if(t.indexOf(v)>-1){r=o._applySimpleSelectorScope(t,e,n)}else{var s=t.replace(g,"");if(s.length>0){var i=s.match(/([^:]*)(:*)(.*)/);if(i){r=i[1]+c+i[2]+i[3]}}}return r};var a=new r(t);t=a.content();var l="";var p=0;var u;var h=/( |>|\+|~(?!=))\s*/g;var f=t.indexOf(v)>-1;var _=!f;while((u=h.exec(t))!==null){var d=u[1];var S=t.slice(p,u.index).trim();_=_||S.indexOf(v)>-1;var m=_?i(S):S;l+=m+" "+d+" ";p=h.lastIndex}var x=t.substring(p);_=_||x.indexOf(v)>-1;l+=_?i(x):x;return a.restore(l)};t.prototype._insertPolyfillHostInCssText=function(t){t=t.replace(m,i).replace(d,s).replace(S,c);return t};return t}();t("ShadowCss",e);var r=function(){function t(t){var e=this;this.placeholders=[];this.index=0;t=t.replace(/(\[[^\]]*\])/g,function(t,r){var n="__ph-"+e.index+"__";e.placeholders.push(r);e.index++;return n});this._content=t.replace(/(:nth-[-\w]+)(\([^)]+\))/g,function(t,r,n){var o="__ph-"+e.index+"__";e.placeholders.push(n);e.index++;return r+o})}t.prototype.restore=function(t){var e=this;return t.replace(/__ph-(\d+)__/g,function(t,r){return e.placeholders[+r]})};t.prototype.content=function(){return this._content};return t}();var n=function(){function t(t,e){this.selector=t;this.content=e}return t}();var o=function(){function t(t,e){this.escapedString=t;this.blocks=e}return t}();var s="-shadowcsshost";var c="-shadowcssslotted";var i="-shadowcsscontext";var a=")(?:\\(("+"(?:\\([^)(]*\\)|[^)(]*)+?"+")\\))?([^,{]*)";var l=new RegExp("("+s+a,"gim");var p=new RegExp("("+i+a,"gim");var u=new RegExp("("+c+a,"gim");var v=s+"-no-combinator";var h=/-shadowcsshost-no-combinator([^\s]*)/;var f=[/::shadow/g,/::content/g];var _="([>\\s~+[.,{:][\\s\\S]*)?$";var g=/-shadowcsshost/gim;var d=/:host/gim;var S=/::slotted/gim;var m=/:host-context/gim;var x=/\/\*\s*[\s\S]*?\*\//g;var y=function(t){return t.replace(x,"")};var C=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;var w=function(t){return t.match(C)||[]};var R=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;var H=/([{}])/g;var O="{";var W="}";var b="%BLOCK%";var P=function(t,e){var r=j(t);var o=0;return r.escapedString.replace(R,function(){var t=[];for(var s=0;s<arguments.length;s++){t[s]=arguments[s]}var c=t[2];var i="";var a=t[4];var l="";if(a&&a.startsWith("{"+b)){i=r.blocks[o++];a=a.substring(b.length+1);l="{"}var p=e(new n(c,i));return""+t[1]+p.selector+t[3]+l+p.content+a})};var j=function(t){var e=t.split(H);var r=[];var n=[];var s=0;var c=[];for(var i=0;i<e.length;i++){var a=e[i];if(a===W){s--}if(s>0){c.push(a)}else{if(c.length>0){n.push(c.join(""));r.push(b);c=[]}r.push(a)}if(a===O){s++}}if(c.length>0){n.push(c.join(""));r.push(b)}return new o(r.join(""),n)};var T=t("scopeCss",function(t,r,n){var o=new e;return o.shimCssText(t,r,r+"-h",r+"-s",n)})}}});
\ No newline at end of file
diff --git a/dist/calcite/p-d5hei7hx.system.entry.js b/dist/calcite/p-d5hei7hx.system.entry.js
new file mode 100644
index 00000000000..974b639012b
--- /dev/null
+++ b/dist/calcite/p-d5hei7hx.system.entry.js
@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,n,r){return new(n||(n=Promise))(function(o,i){function u(t){try{c(r.next(t))}catch(t){i(t)}}function a(t){try{c(r["throw"](t))}catch(t){i(t)}}function c(t){t.done?o(t.value):new n(function(e){e(t.value)}).then(u,a)}c((r=r.apply(t,e||[])).next())})};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(e){return c([t,e])}}function c(u){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(i=u[0]&2?o["return"]:u[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,u[1])).done)return i;if(o=0,i)u=[u[0]&2,i.value];switch(u[0]){case 0:case 1:i=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;o=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!i||u[1]>i[0]&&u[1]<i[3])){n.label=u[1];break}if(u[0]===6&&n.label<i[1]){n.label=i[1];i=u;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(u);break}if(i[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(t){u=[6,t];o=0}finally{r=i=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./p-5b8f9126.system.js"],function(t){"use strict";var e,n,r,o,i;return{setters:[function(t){e=t.r;n=t.c;r=t.h;o=t.g;i=t.H}],execute:function(){var u=function(){function t(t){e(this,t);this.property="default";this.state="default";this.open=n(this,"open",7)}t.prototype.componentWillUpdate=function(){};t.prototype.render=function(){console.log(this.state);return r(i,null)};t.prototype.onClick=function(t){console.log(t)};t.prototype.doThing=function(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(t){return[2,Promise.resolve(this.privateMethod())]})})};t.prototype.privateMethod=function(){};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}"},enumerable:true,configurable:true});return t}();t("calcite_example",u)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-dsiu7ikq.system.entry.js b/dist/calcite/p-dsiu7ikq.system.entry.js
new file mode 100644
index 00000000000..35b2e584039
--- /dev/null
+++ b/dist/calcite/p-dsiu7ikq.system.entry.js
@@ -0,0 +1 @@
+System.register(["./p-5b8f9126.system.js","./p-6ea97731.system.js","./p-6d3f767f.system.js"],function(e){"use strict";var t,i,r,a,s,n;return{setters:[function(e){t=e.r;i=e.h;r=e.H;a=e.g},function(e){s=e.g},function(e){n=e.g}],execute:function(){var o=function(){function e(e){t(this,e);this.isActive=false;this.inline=false;this.type="indeterminate";this.value=0;this.text="";this.loaderBarOffsets=[0,0,0];this.loaderBarRates=[1,2.25,3.5];this.isEdge=false;this.animationID=null;this.guid="calcite-loader-"+s()}e.prototype.componentDidLoad=function(){this.isEdge=/Edge/.test(navigator.userAgent);if(this.isEdge){this.updateOffset()}};e.prototype.componentDidUnload=function(){if(this.animationID){window.cancelAnimationFrame(this.animationID)}};e.prototype.render=function(){var e=n(this.el);var t=this.el.id||this.guid;var a={"aria-valuenow":this.value,"aria-valuemin":0,"aria-valuemax":100};var s=this.inline?16:56;var o=this.inline?"0 0 16 16":"0 0 56 56";var l=this.type==="determinate";var u={};if(this.isEdge){u["--calcite-loader-offset"]=this.loaderBarOffsets[0]+"%";u["--calcite-loader-offset2"]=this.loaderBarOffsets[1]+"%";u["--calcite-loader-offset3"]=this.loaderBarOffsets[2]+"%"}var d={"--calcite-loader-progress":-400-this.value*4+"%"};return i(r,Object.assign({id:t,dir:e,role:"progressbar"},this.type==="determinate"?a:{},{style:u}),i("svg",{viewBox:o,class:"loader__square"},i("rect",{width:s,height:s})),i("svg",{viewBox:o,class:"loader__square loader__square--2"},i("rect",{width:s,height:s})),i("svg",{viewBox:o,class:"loader__square loader__square--3",style:l?d:{}},i("rect",{width:s,height:s})),this.text?i("div",{class:"loader__text"},this.text):"",this.value?i("div",{class:"loader__percentage"},Math.floor(this.value)):"")};e.prototype.updateOffset=function(){var e=this;this.loaderBarOffsets=this.rotateLoaderBars(this.loaderBarOffsets);this.animationID=window.requestAnimationFrame(function(){return e.updateOffset()})};e.prototype.rotateLoaderBars=function(e){var t=this;return e.map(function(e,i){if(e>-400){return e-t.loaderBarRates[i]}else{return 0}})};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:true,configurable:true});Object.defineProperty(e,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-loader-spot:#007ac2;--calcite-loader-spot-light:#009af2;--calcite-loader-spot-dark:#00619b;--calcite-loader-neutral:#eaeaea}:host([theme=dark]){--calcite-loader-neutral:#151515}:host{position:relative;display:none;padding-bottom:4rem;padding-top:4rem;margin-left:auto;margin-right:auto;min-height:54px;stroke:var(--calcite-loader-light);stroke-width:6px;stroke-dashoffset:0;fill:none;animation:loader-color-shift 2s linear infinite alternate-reverse}:host([is-active]){display:block}.loader__text{margin-top:4rem;line-height:1.5}.loader__percentage,.loader__text{display:block;text-align:center;font-size:.875rem}.loader__percentage{left:50%;margin-top:27px;line-height:.25}.loader__percentage,.loader__square{width:54px;position:absolute;top:4rem;margin-left:-27px}.loader__square{height:54px;left:0;left:50%;stroke-dasharray:50% 350%;-webkit-animation:loader-clockwise 2s linear infinite;animation:loader-clockwise 2s linear infinite}.loader__square--2{stroke-dasharray:100% 225% 50% 25%;-webkit-animation:loader-clockwise 1s linear infinite;animation:loader-clockwise 1s linear infinite}.loader__square--3{stroke-dasharray:50% 50% 75% 225%;-webkit-animation:loader-clockwise 1.85s linear infinite;animation:loader-clockwise 1.85s linear infinite}\@supports (-ms-ime-align:auto){.loader__square{stroke-dashoffset:var(--calcite-loader-offset);-webkit-animation:none;animation:none}.loader__square--2{stroke-dashoffset:var(--calcite-loader-offset2)}.loader__square--3{stroke-dashoffset:var(--calcite-loader-offset3)}}:host([type=determinate]){stroke:var(--calcite-loader-neutral);-webkit-animation:none;animation:none}:host([type=determinate]) .loader__square--3{stroke:var(--calcite-loader-spot);stroke-dasharray:400%;stroke-dashoffset:var(--calcite-loader-progress);-webkit-transition:all 50ms linear;transition:all 50ms linear;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:none;animation:none}:host([inline]){stroke:currentColor;stroke-width:4px;-webkit-animation:none;animation:none;margin:0;padding-bottom:0;padding-top:0;position:relative;height:16px;min-height:16px;width:16px;margin-right:8px;vertical-align:-2px}:host([inline][dir=rtl]){margin-left:8px;margin-right:0}:host([is-active][inline]){display:inline-block}:host([inline]) .loader__square{margin:0;position:absolute;top:0;left:0;width:16px;height:16px}\@-webkit-keyframes loader-color-shift{0%{stroke:var(--calcite-loader-spot-light)}to{stroke:var(--calcite-loader-spot-dark)}}\@keyframes loader-color-shift{0%{stroke:var(--calcite-loader-spot-light)}to{stroke:var(--calcite-loader-spot-dark)}}\@-webkit-keyframes loader-clockwise{0%{stroke-dashoffset:0}to{stroke-dashoffset:-400%}}\@keyframes loader-clockwise{0%{stroke-dashoffset:0}to{stroke-dashoffset:-400%}}"},enumerable:true,configurable:true});return e}();e("calcite_loader",o)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-dzhqju6m.system.entry.js b/dist/calcite/p-dzhqju6m.system.entry.js
new file mode 100644
index 00000000000..ce5e09119de
--- /dev/null
+++ b/dist/calcite/p-dzhqju6m.system.entry.js
@@ -0,0 +1 @@
+System.register(["./p-5b8f9126.system.js","./p-6d3f767f.system.js"],function(t){"use strict";var e,i,n,r,s;return{setters:[function(t){e=t.r;i=t.h;n=t.H;r=t.g},function(t){s=t.g}],execute:function(){var a=function(){function t(t){e(this,t);this.color="blue";this.appearance="solid";this.scale="m";this.width="auto";this.loading=false;this.icon=null;this.hastext=false}t.prototype.connectedCallback=function(){var t=["solid","outline","clear","inline"];if(!t.includes(this.appearance))this.appearance="solid";var e=["blue","red","dark","light"];if(!e.includes(this.color))this.color="blue";var i=["xs","s","m","l","xl"];if(!i.includes(this.scale))this.scale="m";var n=["auto","half","full"];if(!n.includes(this.width))this.width="auto"};t.prototype.componentDidLoad=function(){var t=this.el.shadowRoot.querySelector("slot");var e=t?t.assignedNodes():null;if(e&&(e[0]!==undefined&&e[0]!==null))this.hastext=true};t.prototype.getAttributes=function(){var t=["appearance","color","loading","scale","width","icon","dir"];return Array.from(this.el.attributes).filter(function(e){return!t.includes(e.name)}).reduce(function(t,e){var i;var n=e.name,r=e.value;return Object.assign({},t,(i={},i[n]=r,i))},{})};t.prototype.render=function(){var t=s(this.el);var e=this.getAttributes();var r=this.href||this.appearance==="inline"?"a":"button";var a=r==="a"?"link":"button";var o=i("calcite-loader",{"is-active":true,inline:true});var l=this.loading?i("div",{class:"calcite-button--graphic"},o):this.icon?i("div",{class:"calcite-button--graphic"},i("svg",{class:"calcite-button--icon",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 24 24"},i("path",{d:this.icon}))):null;return i(n,{dir:t,hastext:this.hastext},i(r,Object.assign({},e,{role:a}),l,i("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host a,:host button{position:relative;display:inline-block;padding:.375rem 1rem;text-decoration:none;width:auto;border-radius:0;border:none;line-height:inherit;font-family:inherit;-webkit-appearance:none;cursor:pointer;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}:host a:hover,:host button:hover{text-decoration:none}:host([width=half]) a,:host([width=half]) button{width:50%}:host([width=full]) a,:host([width=full]) button{width:100%}:host([hastext]) .calcite-button--graphic{margin-right:.5rem}:host([hastext][dir=rtl]) .calcite-button--graphic{margin-right:0;margin-left:.5rem}.calcite-button--icon{height:16px;width:16px;margin:0 auto;line-height:inherit;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.calcite-button--graphic{display:-ms-inline-flexbox;display:inline-flex;top:2px;width:16px;height:16px;position:relative}:host([appearance=solid][color=blue]) a,:host([appearance=solid][color=blue]) button{color:#fff;background-color:#007ac2;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=blue]) a:focus,:host([appearance=solid][color=blue]) a:hover,:host([appearance=solid][color=blue]) button:focus,:host([appearance=solid][color=blue]) button:hover{background-color:#2890ce;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=solid][color=blue]) a:active,:host([appearance=solid][color=blue]) button:active{background-color:#007ac2;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=solid][color=blue]) a .calcite-button--icon,:host([appearance=solid][color=blue]) button .calcite-button--icon{fill:#fff}:host([appearance=solid][color=red]) a,:host([appearance=solid][color=red]) button{color:#fff;background-color:#d83020;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=red]) a:focus,:host([appearance=solid][color=red]) a:hover,:host([appearance=solid][color=red]) button:focus,:host([appearance=solid][color=red]) button:hover{background-color:#e65240;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=solid][color=red]) a:active,:host([appearance=solid][color=red]) button:active{background-color:#d83020;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=solid][color=red]) a .calcite-button--icon,:host([appearance=solid][color=red]) button .calcite-button--icon{fill:#fff}:host([appearance=solid][color=light]) a,:host([appearance=solid][color=light]) button{color:#000;background-color:#f3f3f3;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=light]) a:focus,:host([appearance=solid][color=light]) a:hover,:host([appearance=solid][color=light]) button:focus,:host([appearance=solid][color=light]) button:hover{background-color:#fff;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=solid][color=light]) a:active,:host([appearance=solid][color=light]) button:active{background-color:#f3f3f3;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=solid][color=light]) a .calcite-button--icon,:host([appearance=solid][color=light]) button .calcite-button--icon{fill:#000}:host([appearance=solid][color=dark]) a,:host([appearance=solid][color=dark]) button{color:#fff;background-color:#2b2b2b;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=dark]) a:focus,:host([appearance=solid][color=dark]) a:hover,:host([appearance=solid][color=dark]) button:focus,:host([appearance=solid][color=dark]) button:hover{background-color:#404040;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=solid][color=dark]) a:active,:host([appearance=solid][color=dark]) button:active{background-color:#2b2b2b;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=solid][color=dark]) a .calcite-button--icon,:host([appearance=solid][color=dark]) button .calcite-button--icon{fill:#fff}:host([appearance=outline][color=blue]) a,:host([appearance=outline][color=blue]) button{color:#007ac2;background-color:#fff;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=blue]) a:hover,:host([appearance=outline][color=blue]) button:hover{border-color:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=outline][color=blue]) a:active,:host([appearance=outline][color=blue]) a:focus,:host([appearance=outline][color=blue]) button:active,:host([appearance=outline][color=blue]) button:focus{color:#00619b;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=outline][color=blue]) a .calcite-button--icon,:host([appearance=outline][color=blue]) button .calcite-button--icon{fill:#007ac2}:host([appearance=outline][color=red]) a,:host([appearance=outline][color=red]) button{color:#d83020;background-color:#fff;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=red]) a:hover,:host([appearance=outline][color=red]) button:hover{border-color:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=outline][color=red]) a:active,:host([appearance=outline][color=red]) a:focus,:host([appearance=outline][color=red]) button:active,:host([appearance=outline][color=red]) button:focus{color:#a82b1e;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=outline][color=red]) a .calcite-button--icon,:host([appearance=outline][color=red]) button .calcite-button--icon{fill:#d83020}:host([appearance=outline][color=light]) a,:host([appearance=outline][color=light]) button{color:#151515;background-color:#fff;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=light]) a:hover,:host([appearance=outline][color=light]) button:hover{border-color:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=outline][color=light]) a:active,:host([appearance=outline][color=light]) a:focus,:host([appearance=outline][color=light]) button:active,:host([appearance=outline][color=light]) button:focus{color:#000;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=outline][color=light]) a .calcite-button--icon,:host([appearance=outline][color=light]) button .calcite-button--icon{fill:#151515}:host([appearance=outline][color=dark]) a,:host([appearance=outline][color=dark]) button{color:#151515;background-color:#fff;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=dark]) a:hover,:host([appearance=outline][color=dark]) button:hover{border-color:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=outline][color=dark]) a:active,:host([appearance=outline][color=dark]) a:focus,:host([appearance=outline][color=dark]) button:active,:host([appearance=outline][color=dark]) button:focus{color:#000;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=outline][color=dark]) a .calcite-button--icon,:host([appearance=outline][color=dark]) button .calcite-button--icon{fill:#151515}:host([appearance=clear][color=blue]) a,:host([appearance=clear][color=blue]) button{color:#007ac2;background-color:transparent;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=blue]) a:hover,:host([appearance=clear][color=blue]) button:hover{border-color:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=clear][color=blue]) a:active,:host([appearance=clear][color=blue]) a:focus,:host([appearance=clear][color=blue]) button:active,:host([appearance=clear][color=blue]) button:focus{color:#00619b;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=clear][color=blue]) a .calcite-button--icon,:host([appearance=clear][color=blue]) button .calcite-button--icon{fill:#007ac2}:host([appearance=clear][color=red]) a,:host([appearance=clear][color=red]) button{color:#d83020;background-color:transparent;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=red]) a:hover,:host([appearance=clear][color=red]) button:hover{border-color:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=clear][color=red]) a:active,:host([appearance=clear][color=red]) a:focus,:host([appearance=clear][color=red]) button:active,:host([appearance=clear][color=red]) button:focus{color:#a82b1e;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=clear][color=red]) a .calcite-button--icon,:host([appearance=clear][color=red]) button .calcite-button--icon{fill:#d83020}:host([appearance=clear][color=light]) a,:host([appearance=clear][color=light]) button{color:#f8f8f8;background-color:transparent;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=light]) a:hover,:host([appearance=clear][color=light]) button:hover{border-color:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=clear][color=light]) a:active,:host([appearance=clear][color=light]) a:focus,:host([appearance=clear][color=light]) button:active,:host([appearance=clear][color=light]) button:focus{color:#fff;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=clear][color=light]) a .calcite-button--icon,:host([appearance=clear][color=light]) button .calcite-button--icon{fill:#f8f8f8}:host([appearance=clear][color=dark]) a,:host([appearance=clear][color=dark]) button{color:#151515;background-color:transparent;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=dark]) a:hover,:host([appearance=clear][color=dark]) button:hover{border-color:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=clear][color=dark]) a:active,:host([appearance=clear][color=dark]) a:focus,:host([appearance=clear][color=dark]) button:active,:host([appearance=clear][color=dark]) button:focus{color:#000;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=clear][color=dark]) a .calcite-button--icon,:host([appearance=clear][color=dark]) button .calcite-button--icon{fill:#151515}:host([appearance=inline][color=blue]) a,:host([appearance=inline][color=blue]) button{display:inline;padding:0;outline:none;border:none;color:#007ac2;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(0,122,194,.4)),to(rgba(0,122,194,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(0,122,194,.4),rgba(0,122,194,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=blue]) a:focus,:host([appearance=inline][color=blue]) a:hover,:host([appearance=inline][color=blue]) button:focus,:host([appearance=inline][color=blue]) button:hover{color:#2890ce;background-size:100% 2px,100% 1px}:host([appearance=inline][color=blue]) a:active,:host([appearance=inline][color=blue]) button:active{color:#007ac2;background-size:100% 2px,100% 1px}:host([appearance=inline][color=blue]) a .calcite-button--icon,:host([appearance=inline][color=blue]) button .calcite-button--icon{fill:#007ac2;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=red]) a,:host([appearance=inline][color=red]) button{display:inline;padding:0;outline:none;border:none;color:#d83020;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(216,48,32,.4)),to(rgba(216,48,32,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(216,48,32,.4),rgba(216,48,32,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=red]) a:focus,:host([appearance=inline][color=red]) a:hover,:host([appearance=inline][color=red]) button:focus,:host([appearance=inline][color=red]) button:hover{color:#e65240;background-size:100% 2px,100% 1px}:host([appearance=inline][color=red]) a:active,:host([appearance=inline][color=red]) button:active{color:#d83020;background-size:100% 2px,100% 1px}:host([appearance=inline][color=red]) a .calcite-button--icon,:host([appearance=inline][color=red]) button .calcite-button--icon{fill:#d83020;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=light]) a,:host([appearance=inline][color=light]) button{display:inline;padding:0;outline:none;border:none;color:#f3f3f3;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,95.3%,.4)),to(hsla(0,0%,95.3%,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(hsla(0,0%,95.3%,.4),hsla(0,0%,95.3%,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=light]) a:focus,:host([appearance=inline][color=light]) a:hover,:host([appearance=inline][color=light]) button:focus,:host([appearance=inline][color=light]) button:hover{color:#fff;background-size:100% 2px,100% 1px}:host([appearance=inline][color=light]) a:active,:host([appearance=inline][color=light]) button:active{color:#f3f3f3;background-size:100% 2px,100% 1px}:host([appearance=inline][color=light]) a .calcite-button--icon,:host([appearance=inline][color=light]) button .calcite-button--icon{fill:#f3f3f3;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=dark]) a,:host([appearance=inline][color=dark]) button{display:inline;padding:0;outline:none;border:none;color:#2b2b2b;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(43,43,43,.4)),to(rgba(43,43,43,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(43,43,43,.4),rgba(43,43,43,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=dark]) a:focus,:host([appearance=inline][color=dark]) a:hover,:host([appearance=inline][color=dark]) button:focus,:host([appearance=inline][color=dark]) button:hover{color:#404040;background-size:100% 2px,100% 1px}:host([appearance=inline][color=dark]) a:active,:host([appearance=inline][color=dark]) button:active{color:#2b2b2b;background-size:100% 2px,100% 1px}:host([appearance=inline][color=dark]) a .calcite-button--icon,:host([appearance=inline][color=dark]) button .calcite-button--icon{fill:#2b2b2b;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][dir=rtl]) a,:host([appearance=inline][dir=rtl]) button{background-position:100% 100%,100% 100%}:host([scale=xs]:not([appearance=inline])) a,:host([scale=xs]:not([appearance=inline])) button{padding:calc(1.5rem/ 6) calc(1.5rem* .3);font-size:.8125rem;line-height:1.5}:host([scale=s]:not([appearance=inline])) a,:host([scale=s]:not([appearance=inline])) button{padding:calc(1.5rem/ 4) calc(1.5rem* .5);font-size:.875rem;line-height:1.5}:host([scale=m]:not([appearance=inline])) a,:host([scale=m]:not([appearance=inline])) button{padding:calc(1.5rem/ 3) calc(1.5rem* .75);font-size:.9375rem;line-height:1.5}:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{padding:calc(1.5rem / 2) calc(1.5rem* 1);font-size:1.2019rem;line-height:1.5}\@media screen and (max-width:859px){:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{font-size:1.1305rem}}\@media screen and (max-width:479px){:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{font-size:1.0625rem}}:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{padding:calc(1.5rem / 1.5) calc(1.5rem* 1.25);font-size:1.414rem;line-height:1.5}\@media screen and (max-width:859px){:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{font-size:1.33rem}}\@media screen and (max-width:479px){:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{font-size:1.25rem}}"},enumerable:true,configurable:true});return t}();t("calcite_button",a)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-f6a71c4a.system.js b/dist/calcite/p-f6a71c4a.system.js
new file mode 100644
index 00000000000..9067a009cdd
--- /dev/null
+++ b/dist/calcite/p-f6a71c4a.system.js
@@ -0,0 +1 @@
+System.register([],function(l){"use strict";return{execute:function(){var a=l("c","M23 11.5A11.5 11.5 0 1 1 11.5 0 11.5 11.5 0 0 1 23 11.5zm-5.5-6.018l-8.5 8.5-3.5-3.5-2 2L9.018 18l.018-.018L11.018 16l8.5-8.5z");var r=l("e","M22.3 19.795l-9-17.901a1.5 1.5 0 0 0-2.597 0L1.7 19.795a1.502 1.502 0 0 0 0 1.502A1.456 1.456 0 0 0 2.998 22H21a1.458 1.458 0 0 0 1.299-.703 1.506 1.506 0 0 0 .001-1.502zM13 19h-2v-2h2zm0-3h-2V8h2z");var z=l("l","M11 13h1v4h-1zm3.895 5.45a.311.311 0 0 0-.12-.27l-.232-.18h-6.19l-.232.18a.312.312 0 0 0 .04.518l1.387.771-1.367.76a.311.311 0 0 0-.028.526l3.09 2.18a.356.356 0 0 0 .41 0l3.09-2.18a.311.311 0 0 0-.029-.527l-1.366-.759 1.388-.77a.312.312 0 0 0 .159-.25zM11.59 0l-.173.002L11.244 0a6.2 6.2 0 0 0-6.182 6.698c.31 2.575 2.784 5.207 2.939 6.134.13.78.116 1.844.199 2.472A2.542 2.542 0 0 0 9.088 17H10v-4.412L8.83 9.37l.94-.342L10.85 12h1.3l1.08-2.97.94.341L13 12.588V17h.745a2.542 2.542 0 0 0 .889-1.696c.083-.628.068-1.692.199-2.472.154-.927 2.628-3.559 2.938-6.134A6.2 6.2 0 0 0 11.59 0z");var L=l("x","M13.207 12.5l7.778 7.778-.707.707-7.778-7.778-7.778 7.778-.707-.707 7.778-7.778-7.778-7.778.707-.707 7.778 7.778 7.778-7.778.707.707z");var e=l("a","M16.707 16l10.607 10.606-.708.707L16 16.707 5.394 27.313l-.708-.707L15.293 16 4.686 5.394l.708-.707L16 15.293 26.606 4.687l.708.707z")}}});
\ No newline at end of file
diff --git a/dist/calcite/p-goa4xz8w.entry.js b/dist/calcite/p-goa4xz8w.entry.js
new file mode 100644
index 00000000000..d48f7dab406
--- /dev/null
+++ b/dist/calcite/p-goa4xz8w.entry.js
@@ -0,0 +1 @@
+import{h as t,r as s,c as e,H as i,g as h}from"./p-81cf2cf6.js";import{g as r}from"./p-6bb56f1f.js";import{c as l,e as a,l as c,a as n}from"./p-9de72867.js";const u=(()=>{let s=new Map,e={currentAlert:"",queueLength:0};const i=(t,s)=>{Array.isArray(t)?[...t].forEach(t=>{s[t]=e[t]}):s[t]=Object.assign({},e)},h=(t,e)=>(s.has(t)||(s.set(t,e),i(e,t)),()=>{s.has(t)&&s.delete(t)});return{Provider:({state:t},h)=>(e=t,s.forEach(i),h),Consumer:(s,e)=>((s,e)=>t("context-consumer",{subscribe:s,renderer:e}))(h,e[0]),injectProps:(t,e)=>{const i=t.prototype,r=i.connectedCallback,l=i.disconnectedCallback;i.connectedCallback=function(){if(h(this,e),r)return r.call(this)},i.disconnectedCallback=function(){s.delete(this),l&&l.call(this)}}}})();class o{constructor(t){s(this,t),this.active=!1,this.dismiss=!1,this.duration=this.dismiss?"medium":null,this.color="blue",this.theme="light",this.icon=!1,this.alertId=this.el.id,this.currentAlert="",this.queueLength=0,this.durationDefaults={slow:14e3,medium:1e4,fast:6e3},this.iconDefaults={green:l,yellow:a,red:a,blue:c},this.calciteAlertClose=e(this,"calciteAlertClose",7),this.calciteAlertOpen=e(this,"calciteAlertOpen",7)}watchCurrentAlert(){this.active||this.currentAlert!==this.alertId?this.active=!1:(this.dismiss&&setTimeout(()=>this.closeCalciteAlert(),this.durationDefaults[this.duration]),setTimeout(()=>this.active=!0,300))}async closeCalciteAlert(){this.calciteAlertClose.emit({requestedAlert:this.alertId})}async openCalciteAlert(){this.calciteAlertOpen.emit({requestedAlert:this.alertId})}connectedCallback(){["blue","red","green","yellow"].includes(this.color)||(this.color="blue"),null===this.duration||["slow","medium","fast"].includes(this.duration)||(this.duration="medium"),["dark","light"].includes(this.theme)||(this.theme="light")}setIcon(){return t("div",{class:"alert-icon"},t("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",width:"24",viewBox:"0 0 24 24"},t("path",{d:this.iconDefaults[this.color]})))}render(){const s=r(this.el),e=t("button",{class:"alert-close","aria-label":"close",onClick:()=>this.closeCalciteAlert()},t("svg",{xmlns:"http://www.w3.org/2000/svg",height:"32",width:"32",viewBox:"0 0 32 32"},t("path",{d:n}))),h=this.dismiss?"":e,l=this.icon?this.setIcon():"",a=t("div",{class:`${this.queueLength>0?"active ":""}alert-count`},"+",this.queueLength>0?this.queueLength:1),c=this.active&&this.dismiss?t("div",{class:"alert-dismiss"}):"";return t(i,{active:!!this.active,dir:s},l,t("div",{class:"alert-content"},t("slot",{name:"alert-title"}),t("slot",{name:"alert-message"}),t("slot",{name:"alert-link"})),a,h,c)}get el(){return h(this)}static get watchers(){return{currentAlert:["watchCurrentAlert"]}}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-alert-background:#fff;--calcite-alert-title-text:#404040;--calcite-alert-message-text:#555;--calcite-alert-icon-fill:#151515;--calcite-alert-close-background-hover:#f3f3f3;--calcite-alert-close-background-pressed:#eaeaea;--calcite-alert-count-text:#404040;--calcite-alert-count-border:#f3f3f3;--calcite-alert-dismiss-background:hsla(0,0%,100%,0.6);--calcite-alert-border-blue:#007ac2;--calcite-alert-border-green:#35ac46;--calcite-alert-border-red:#d83020;--calcite-alert-border-yellow:#edd317}:host([theme=dark]){--calcite-alert-background:#2b2b2b;--calcite-alert-title-text:#f8f8f8;--calcite-alert-message-text:#f3f3f3;--calcite-alert-icon-fill:#d4d4d4;--calcite-alert-close-background-hover:#202020;--calcite-alert-close-background-pressed:#151515;--calcite-alert-count-text:#d4d4d4;--calcite-alert-count-border:#202020;--calcite-alert-dismiss-background:rgba(43,43,43,0.6);--calcite-alert-border-blue:#3db8ff;--calcite-alert-border-green:#3bed52;--calcite-alert-border-red:#ff0015;--calcite-alert-border-yellow:#fe3}:host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;pointer-events:none;z-index:102;margin:0 auto;width:50em;max-width:90%;max-height:0;background-color:var(--calcite-alert-background);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);border-radius:2px;opacity:0;-webkit-transform:translate3d(0,1.5rem,0);transform:translate3d(0,1.5rem,0);-webkit-transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;-webkit-border-before:0 solid transparent;border-block-start:0 solid transparent}\@media only screen and (max-width:860px){:host{width:100%;max-width:100%;border-radius:2px 2px 0 0;-webkit-box-shadow:0 -8px 16px 0 rgba(0,0,0,.15);box-shadow:0 -8px 16px 0 rgba(0,0,0,.15)}}:host:host(.hydrated){visibility:hidden!important}:host:host([active]){opacity:1;max-height:100%;-webkit-transform:translate3d(0,-1.5rem,0);transform:translate3d(0,-1.5rem,0);pointer-events:auto;border-block-start-width:3px}:host:host([active]):host(.hydrated){visibility:visible!important}\@media only screen and (max-width:860px){:host:host([active]){-webkit-transform:translateZ(0);transform:translateZ(0)}}:host slot[name=alert-title]::slotted(div){font-size:1rem;line-height:1.5;color:var(--calcite-alert-title-text);font-weight:500}:host slot[name=alert-link]::slotted(a),:host slot[name=alert-link]::slotted(calcite-button){font-size:.9375rem;line-height:1.5}:host slot[name=alert-message]::slotted(div){display:inline;margin-right:.75rem;font-size:.9375rem;line-height:1.5;color:var(--calcite-alert-message-text)}:host([dir=rtl]) slot[name=alert-message]::slotted(div){margin-right:unset;margin-left:.75rem}.alert-content{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;word-wrap:break-word;-webkit-padding-before:.75rem;padding-block-start:.75rem;-webkit-padding-after:.75rem;padding-block-end:.75rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem;-webkit-padding-start:0;padding-inline-start:0}.alert-content svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-content{padding:1.5rem}}.alert-content:first-of-type{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}\@media only screen and (max-width:860px){.alert-content{-webkit-padding-before:1.5rem;padding-block-start:1.5rem;-webkit-padding-after:1.5rem;padding-block-end:1.5rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem;-webkit-padding-start:0;padding-inline-start:0}}.alert-icon{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.alert-icon svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-icon{padding:1.5rem}}.alert-close{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:transparent;-webkit-appearance:none;border:none;outline:none;cursor:pointer;border-radius:0 0 2px 0}.alert-close svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-close{padding:1.5rem}}.alert-close svg{fill:var(--calcite-alert-icon-fill)}.alert-close:focus,.alert-close:hover{background-color:var(--calcite-alert-close-background-hover)}.alert-close:active{background-color:var(--calcite-alert-close-background-pressed)}:host([dir=rtl]) .alert-close{border-radius:0 0 0 2px}\@media only screen and (max-width:860px){:host([dir=rtl]) .alert-close{border-radius:0}}.alert-count{font-size:.875rem;line-height:1.5;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;overflow:hidden;width:0;visibility:hidden;font-weight:500;text-align:center;color:var(--calcite-alert-count-text);opacity:0;-webkit-border-start:0 solid transparent;border-inline-start:0 solid transparent;-webkit-border-end:0 solid transparent;border-inline-end:0 solid transparent;cursor:default;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.alert-count.active{visibility:visible;opacity:1;padding:0 .375rem;width:3rem;-webkit-border-start:1px solid var(--calcite-alert-count-border);border-inline-start:1px solid var(--calcite-alert-count-border);-webkit-border-end:1px solid var(--calcite-alert-count-border);border-inline-end:1px solid var(--calcite-alert-count-border)}.alert-count.active:last-child{-webkit-border-end:0 solid transparent;border-inline-end:0 solid transparent}\@media only screen and (max-width:860px){.alert-count{border-radius:0}}.alert-dismiss{left:0;top:0;width:100%;z-index:103}.alert-dismiss,.alert-dismiss:after{display:block;position:absolute;right:0;height:3px}.alert-dismiss:after{top:-3px;border-radius:2px 2px 0 0;content:\"\";background-color:var(--calcite-alert-dismiss-background);z-index:104}:host([color=blue]){border-block-start-color:var(--calcite-alert-border-blue)}:host([color=blue]) .alert-icon svg{fill:var(--calcite-alert-border-blue)}:host([color=red]){border-block-start-color:var(--calcite-alert-border-red)}:host([color=red]) .alert-icon svg{fill:var(--calcite-alert-border-red)}:host([color=yellow]){border-block-start-color:var(--calcite-alert-border-yellow)}:host([color=yellow]) .alert-icon svg{fill:var(--calcite-alert-border-yellow)}:host([color=green]){border-block-start-color:var(--calcite-alert-border-green)}:host([color=green]) .alert-icon svg{fill:var(--calcite-alert-border-green)}:host([duration=fast]) .alert-dismiss:after{-webkit-animation:dismissProgress 6s ease-out;animation:dismissProgress 6s ease-out}:host([duration=medium]) .alert-dismiss:after{-webkit-animation:dismissProgress 10s ease-out;animation:dismissProgress 10s ease-out}:host([duration=slow]) .alert-dismiss:after{-webkit-animation:dismissProgress 14s ease-out;animation:dismissProgress 14s ease-out}\@-webkit-keyframes dismissProgress{0%{width:0;opacity:0}to{width:100%;opacity:1}}\@keyframes dismissProgress{0%{width:0;opacity:0}to{width:100%;opacity:1}}"}}u.injectProps(o,["currentAlert","queueLength"]);class d{constructor(t){s(this,t),this.currentAlert="",this.active=!1,this.alertQueue=[],this.calciteAlertsClose=e(this,"calciteAlertsClose",7),this.calciteAlertsOpen=e(this,"calciteAlertsOpen",7)}updateQueueOnOpen(t){this.alertQueue.includes(t.detail.requestedAlert)||(this.active=!0,this.currentAlert=t.detail.requestedAlert,this.alertQueue.push(t.detail.requestedAlert),this.calciteAlertsOpen.emit({currentAlert:this.currentAlert,alertQueue:this.alertQueue}))}updateQueueOnClose(t){this.alertQueue.includes(t.detail.requestedAlert)&&(this.alertQueue=this.alertQueue.filter(s=>s!==t.detail.requestedAlert)),this.alertQueue.length<1&&setTimeout(()=>{this.active=!1},400),this.calciteAlertsClose.emit({currentAlert:this.currentAlert,alertQueue:this.alertQueue})}componentWillUpdate(){this.currentAlert=this.alertQueue.length>0?this.alertQueue[0]:""}render(){return t(i,{active:!!this.active},t(u.Provider,{state:{currentAlert:this.currentAlert,queueLength:this.alertQueue.length>=2?this.alertQueue.length-1:0}},t("slot",null)))}get el(){return h(this)}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{display:none;position:fixed;left:0;right:0;bottom:0;pointer-events:none;z-index:101}:host:host([active]){display:block}"}}export{o as calcite_alert,d as calcite_alerts};
\ No newline at end of file
diff --git a/dist/calcite/p-h8xzsan9.entry.js b/dist/calcite/p-h8xzsan9.entry.js
new file mode 100644
index 00000000000..42e274074a1
--- /dev/null
+++ b/dist/calcite/p-h8xzsan9.entry.js
@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as e,g as n}from"./p-81cf2cf6.js";import{h as o,g as h,a}from"./p-6bb56f1f.js";import{x as c}from"./p-9de72867.js";function r(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&"false"!==t.getAttribute("aria-hidden")||"none"===t.style.display||"0"===t.style.opacity||"hidden"===t.style.visibility||"collapse"===t.style.visibility}function l(t){return"-1"!==t.getAttribute("tabindex")&&!r(t)&&!function(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&"false"!==t.getAttribute("aria-disabled")}(t)&&(t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement)}let d=new Map;const u=document.createElement("template");u.innerHTML='\n\t<div id="start"></div>\n\t<slot></slot>\n\t<div id="backup"></div>\n\t<div id="end"></div>\n',window.customElements.define("focus-trap",class extends HTMLElement{constructor(){super(),this.debounceId=Math.random().toString(),this._focused=!1,this.attachShadow({mode:"open"}).appendChild(u.content.cloneNode(!0)),this.focusLastElement=this.focusLastElement.bind(this),this.focusFirstElement=this.focusFirstElement.bind(this),this.onFocusIn=this.onFocusIn.bind(this),this.onFocusOut=this.onFocusOut.bind(this)}static get observedAttributes(){return["inactive"]}get inactive(){return this.hasAttribute("inactive")}set inactive(t){t?this.setAttribute("inactive",""):this.removeAttribute("inactive")}get focused(){return this._focused}connectedCallback(){this.$backup=this.shadowRoot.querySelector("#backup"),this.$start=this.shadowRoot.querySelector("#start"),this.$end=this.shadowRoot.querySelector("#end"),this.$start.addEventListener("focus",this.focusLastElement),this.$end.addEventListener("focus",this.focusFirstElement),this.addEventListener("focusin",this.onFocusIn),this.addEventListener("focusout",this.onFocusOut),this.render()}disconnectedCallback(){this.$start.removeEventListener("focus",this.focusLastElement),this.$end.removeEventListener("focus",this.focusFirstElement),this.removeEventListener("focusin",this.onFocusIn),this.removeEventListener("focusout",this.onFocusOut)}attributeChangedCallback(){this.render()}focusFirstElement(){this.trapFocus()}focusLastElement(){this.trapFocus(!0)}getFocusableElements(){return function t(s,i,e,n=20,o=0){let h=[];if(o>=n)return h;const a=s=>{const h=s.assignedNodes().filter(t=>1===t.nodeType);return h.length>0?t(h[0].parentElement,i,e,n,o+1):[]},c=Array.from(s.children||[]);for(const s of c)i(s)||(e(s)&&h.push(s),null!=s.shadowRoot?h.push(...t(s.shadowRoot,i,e,n,o+1)):"SLOT"===s.tagName?h.push(...a(s)):h.push(...t(s,i,e,n,o+1)));return h}(this,r,l)}trapFocus(t){if(this.inactive)return;let s=this.getFocusableElements();s.length>0?(t?s[s.length-1].focus():s[0].focus(),this.$backup.setAttribute("tabindex","-1")):(this.$backup.setAttribute("tabindex","0"),this.$backup.focus())}onFocusIn(){this.updateFocused(!0)}onFocusOut(){this.updateFocused(!1)}updateFocused(t){!function(t,s,i){const e=d.get(i);null!=e&&window.clearTimeout(e),d.set(i,window.setTimeout(()=>{t(),d.delete(i)},0))}(()=>{this.focused!==t&&(this._focused=t,this.render())},0,this.debounceId)}render(){this.isConnected&&(this.$start.setAttribute("tabindex",!this.focused||this.inactive?"-1":"0"),this.$end.setAttribute("tabindex",!this.focused||this.inactive?"-1":"0"),this.focused?this.setAttribute("focused",""):this.removeAttribute("focused"))}});class m{constructor(i){t(this,i),this.beforeClose=()=>Promise.resolve(),this.closeLabel="Close",this.size="small",this.theme="light",this.hideBackButton=!0,this.hideSecondaryButton=!0,this.calciteModalOpen=s(this,"calciteModalOpen",7),this.calciteModalClose=s(this,"calciteModalClose",7)}componentDidLoad(){const t=this.el.shadowRoot.querySelector("slot[name=back]"),s=this.el.shadowRoot.querySelector("slot[name=secondary]");t.addEventListener("slotchange",()=>{this.hideBackButton=!o(t)}),s.addEventListener("slotchange",()=>{this.hideSecondaryButton=!o(s)})}render(){const t=h(this.el),s=a(this.el);return i(e,{role:"dialog","aria-modal":"true",class:{"is-active":this.isActive},dir:t,theme:s},i("div",{class:"modal"},i("focus-trap",{ref:t=>this.trap=t},i("div",{class:"modal__header"},i("button",{class:"modal__close","aria-label":this.closeLabel,onClick:()=>this.close()},i("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",width:"24",viewBox:"0 0 24 24",fill:"currentColor"},i("path",{d:c}))),i("header",{class:"modal__title"},i("slot",{name:"header"}))),i("div",{class:"modal__content"},i("slot",{name:"content"})),i("div",{class:{modal__footer:!0,"modal__footer--hide-back":this.hideBackButton,"modal__footer--hide-secondary":this.hideSecondaryButton}},i("slot",{name:"back"}),i("slot",{name:"secondary"}),i("slot",{name:"primary"})))))}handleEscape(t){"Escape"===t.key&&this.close()}async open(){return this.previousActiveElement=document.activeElement,this.isActive=!0,new Promise(t=>{setTimeout(()=>{this.firstFocus?this.firstFocus.focus():this.trap.focusFirstElement(),t(this.el)},300),document.documentElement.classList.add("overflow-hidden"),this.calciteModalOpen.emit()})}async close(){return this.beforeClose(this.el).then(()=>(this.isActive=!1,this.previousActiveElement.focus(),document.documentElement.classList.remove("overflow-hidden"),this.calciteModalClose.emit(),new Promise(t=>{setTimeout(()=>t(this.el),300)})))}get el(){return n(this)}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-modal-background:#fff;--calcite-modal-hover:#f3f3f3;--calcite-modal-pressed:#eaeaea;--calcite-modal-header-text:#151515;--calcite-modal-body-text:#151515;--calcite-modal-scrim:rgba(0,0,0,0.75);--calcite-modal-border:#f3f3f3;--calcite-modal-red:#d83020;--calcite-modal-blue:#007ac2;position:fixed;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow-y:hidden;color:var(--calcite-modal-body-text);opacity:0;visibility:hidden!important;background:var(--calcite-modal-scrim);-webkit-transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);z-index:101}:host([theme=dark]){--calcite-modal-background:#353535;--calcite-modal-pressed:#202020;--calcite-modal-header-text:#fff;--calcite-modal-body-text:#f3f3f3;--calcite-modal-scrim:rgba(0,0,0,0.75);--calcite-modal-border:#2b2b2b;--calcite-modal-hover:#2b2b2b;--calcite-modal-red:#d90012;--calcite-modal-blue:#009af2}.modal{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:80vh;z-index:102;float:none;text-align:left;overflow-y:auto;-webkit-overflow-scrolling:touch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:row-wrap;flex-wrap:row-wrap;opacity:0;visibility:hidden;-webkit-transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);margin:1.5rem}:host(.is-active){visibility:visible!important;opacity:1;-webkit-transition-delay:0ms;transition-delay:0ms}:host(.is-active) .modal{visibility:visible;opacity:1;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88)}:host([dir=rtl]) .modal{text-align:right}:host([theme=dark]) .modal{border:1px solid #202020}focus-trap{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}.modal__header,focus-trap{display:-ms-flexbox;display:flex}.modal__header{background-color:var(--calcite-modal-background);-ms-flex:0;flex:0;max-width:100%;min-width:0;z-index:2;border-bottom:1px solid var(--calcite-modal-border)}.modal__close{padding:1.125rem;-ms-flex-order:2;order:2;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:transparent;-webkit-appearance:none;border:none;color:var(--calcite-modal-body-text);outline:none;cursor:pointer}.modal__close svg{pointer-events:none}.modal__close:focus,.modal__close:hover{background-color:var(--calcite-modal-hover)}.modal__close:active{background-color:var(--calcite-modal-pressed)}.modal__title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.75rem 1.5rem;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-order:1;order:1;min-width:0}slot[name=header]::slotted(*){margin:0;font-weight:400;font-size:1.414rem;line-height:1.5;color:var(--calcite-modal-header-text)}\@media screen and (max-width:859px){slot[name=header]::slotted(*){font-size:1.33rem}}\@media screen and (max-width:479px){slot[name=header]::slotted(*){font-size:1.25rem}}.modal__content{position:relative;padding:1.5rem;height:100%;-ms-flex:0;flex:0;overflow:auto;display:block;background-color:var(--calcite-modal-background);z-index:1}slot[name=content]::slotted(*){font-size:1rem;line-height:1.5}.modal__footer{background-color:var(--calcite-modal-background);-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:1.2rem 1.125rem;border-top:1px solid var(--calcite-modal-border);z-index:2}.modal__footer--hide-back slot[name=back],.modal__footer--hide-secondary slot[name=secondary]{display:none}slot[name=back]{display:block;margin-right:auto}:host([dir=rtl]) slot[name=back]{margin-left:auto;margin-right:unset}slot[name=secondary]{display:block;margin:0 .375rem}slot[name=primary]{display:block}:host([size=small]) .modal{max-width:32rem}\@media screen and (max-width:35rem){:host([size=small]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=small]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=small][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=medium]) .modal{max-width:64rem}\@media screen and (max-width:67rem){:host([size=medium]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=medium]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=medium][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=large]) .modal{max-width:94rem}\@media screen and (max-width:97rem){:host([size=large]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=large]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=large][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=fullscreen]){background-color:transparent}:host([size=fullscreen]) .modal{-webkit-transform:translate3D(0,20px,0) scale(.95);transform:translate3D(0,20px,0) scale(.95);height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=fullscreen]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-active[size=fullscreen]) .modal{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}:host([docked]) .modal{height:auto!important}:host([docked]) .modal__content{-ms-flex:0;flex:0;height:auto}:host([color=red]) .modal{border-top:4px solid var(--calcite-modal-red);border-radius:2px 2px 0 0}:host([color=blue]) .modal{border-top:4px solid var(--calcite-modal-blue);border-radius:2px 2px 0 0}\@media screen and (max-width:860px){slot[name=header]::slotted(*){font-size:1.2019rem;line-height:1.5}}\@media screen and (max-width:860px) and (max-width:859px){slot[name=header]::slotted(*){font-size:1.1305rem}}\@media screen and (max-width:860px) and (max-width:479px){slot[name=header]::slotted(*){font-size:1.0625rem}}\@media screen and (max-width:860px){.modal__title{padding:.375rem 1.0125rem}}\@media screen and (max-width:860px){.modal__close,.modal__content{padding:1.0125rem}}\@media screen and (max-width:860px){.modal__footer{position:-webkit-sticky;position:sticky;bottom:0}}\@media screen and (max-width:480px){.modal__footer{-ms-flex-direction:column;flex-direction:column}slot[name=back],slot[name=secondary]{margin:0 0 .375rem 0}}"}}export{m as calcite_modal};
\ No newline at end of file
diff --git a/dist/calcite/p-hmdp5sur.entry.js b/dist/calcite/p-hmdp5sur.entry.js
new file mode 100644
index 00000000000..4acc0779133
--- /dev/null
+++ b/dist/calcite/p-hmdp5sur.entry.js
@@ -0,0 +1 @@
+import{r as s,h as t,H as e,g as r}from"./p-81cf2cf6.js";class i{constructor(t){s(this,t),this.type="determinate",this.value=0,this.text=null,this.reversed=!1}render(){return t(e,{class:"calcite-progress",type:this.type,reversed:this.reversed,style:{"--percentage-value":`${100*this.value}%`}},t("div",{class:"calcite-progress__text"},this.text),t("slot",null))}get el(){return r(this)}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}.calcite-progress{position:relative;display:block}.calcite-progress:after,.calcite-progress:before{content:\"\";opacity:1;position:absolute;height:2px;top:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.calcite-progress:before{background-color:#007ac2;z-index:0;width:100%}.calcite-progress:after{background-color:hsla(0,0%,100%,.6);z-index:0}.calcite-progress[type=indeterminate]:after{width:20%;-webkit-animation:looping-progresss-bar-ani 1.5s linear infinite;animation:looping-progresss-bar-ani 1.5s linear infinite}.calcite-progress[type=determinate]:after{width:var(--percentage-value)}.calcite-progress__text{text-align:center}\@-webkit-keyframes looping-progresss-bar-ani{0%{left:0;width:0}20%{left:0;width:20%}80%{left:80%;width:20%}to{left:100%;width:0}}\@keyframes looping-progresss-bar-ani{0%{left:0;width:0}20%{left:0;width:20%}80%{left:80%;width:20%}to{left:100%;width:0}}"}}export{i as calcite_progress};
\ No newline at end of file
diff --git a/dist/calcite/p-ja3fncbx.system.entry.js b/dist/calcite/p-ja3fncbx.system.entry.js
new file mode 100644
index 00000000000..3acb5d17147
--- /dev/null
+++ b/dist/calcite/p-ja3fncbx.system.entry.js
@@ -0,0 +1 @@
+System.register(["./p-5b8f9126.system.js","./p-8a0668f6.system.js"],function(e){"use strict";var t,i,n,c,r,o,s;return{setters:[function(e){t=e.r;i=e.c;n=e.h;c=e.H;r=e.g},function(e){o=e.S;s=e.E}],execute:function(){var h=function(){function e(e){var n=this;t(this,e);this.checked=false;this.indeterminate=false;this.name="";this.value="";this.size=null;this.disabled=false;this.theme="light";this.toggle=function(){if(!n.disabled){n.checked=!n.checked;n.indeterminate=false}};this.indeterminatePath="M4 7h8v2H4z";this.checkedPath="M12.753 3l-7.319 7.497L3.252 8.31 2 9.373l3.434 3.434L14 4.24z";this.getPath=function(){return n.indeterminate?n.indeterminatePath:n.checked?n.checkedPath:""};this.syncThisToProxyInput=function(){n.checked=n.inputProxy.hasAttribute("checked");n.name=n.inputProxy.name;n.value=n.inputProxy.value};this.syncProxyInputToThis=function(){n.checked?n.inputProxy.setAttribute("checked",""):n.inputProxy.removeAttribute("checked");n.inputProxy.name=n.name;n.inputProxy.value=n.value};this.calciteCheckboxChange=i(this,"calciteCheckboxChange",7)}e.prototype.onClick=function(e){var t=e.target;if(this.el.closest("label")&&t===this.inputProxy||!this.el.closest("label")&&t===this.el){this.toggle()}};e.prototype.keyDownHandler=function(e){var t=e.keyCode;if(t===o||t===s){this.toggle()}};e.prototype.checkedWatcher=function(){this.calciteCheckboxChange.emit();this.checked?this.inputProxy.setAttribute("checked",""):this.inputProxy.removeAttribute("checked")};e.prototype.connectedCallback=function(){this.setupProxyInput()};e.prototype.disconnectedCallback=function(){this.observer.disconnect()};e.prototype.componentWillRender=function(){this.syncProxyInputToThis()};e.prototype.render=function(){return n(c,{role:"checkbox","aria-checked":this.checked,tabindex:this.disabled?"-1":"0"},n("svg",{class:"check-svg",viewBox:"0 0 16 16"},n("path",{d:this.getPath(),fill:"white"})),n("slot",null))};e.prototype.setupProxyInput=function(){this.inputProxy=this.el.querySelector("input");if(!this.inputProxy){this.inputProxy=document.createElement("input");this.inputProxy.type="checkbox";this.syncProxyInputToThis();this.el.appendChild(this.inputProxy)}this.syncThisToProxyInput();this.observer=new MutationObserver(this.syncThisToProxyInput);this.observer.observe(this.inputProxy,{attributes:true})};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedWatcher"]}},enumerable:true,configurable:true});Object.defineProperty(e,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}::slotted(input){display:none}:host{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;tap-highlight-color:transparent}.check-svg,:host{display:inline-block;cursor:pointer}.check-svg{width:20px;height:20px;overflow:hidden;background-color:#fff;border:1px solid #757575;border-radius:2px;vertical-align:-.25em;margin-right:.25em;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-box-sizing:border-box;box-sizing:border-box}:host([theme=dark]) .check-svg{background-color:transparent;border-color:#eaeaea}:host([theme=dark][disabled]) .check-svg{border-color:#757575;background-color:#2b2b2b}:host([theme=dark][checked]) .check-svg,:host([theme=dark][indeterminate]) .check-svg{background-color:#3db8ff}:host([size=large]) .check-svg{width:24px;height:24px;border-radius:4px}:host([size=small]) .check-svg{width:16px;height:16px}:host([disabled]){pointer-events:none;cursor:default}:host([disabled]) .check-svg{background-color:#f3f3f3;border-color:#eaeaea}:host([disabled][checked]) .check-svg,:host([disabled][indeterminate]) .check-svg{background-color:#84c1e8;border-color:#84c1e8}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:#007ac2;border:1px solid #007ac2}:host(:focus),:host(:hover){outline:none}:host(:focus) .check-svg,:host(:hover) .check-svg{border-color:#0079c1!important;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5),0 0 5px rgba(81,167,232,.5);box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5),0 0 5px rgba(81,167,232,.5)}"},enumerable:true,configurable:true});return e}();e("calcite_checkbox",h)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-liesittl.entry.js b/dist/calcite/p-liesittl.entry.js
new file mode 100644
index 00000000000..cda7eb034ac
--- /dev/null
+++ b/dist/calcite/p-liesittl.entry.js
@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as e,g as a}from"./p-81cf2cf6.js";import{S as h,E as l,R as r,L as c}from"./p-9dd9009f.js";import{g as n}from"./p-3edb1b93.js";import{n as o,g as b}from"./p-6bb56f1f.js";class d{constructor(i){t(this,i),this.isActive=!1,this.guid=`calcite-tab-title-${n()}`,this.calciteTabRegister=s(this,"calciteTabRegister",7),this.calciteTabUnregister=s(this,"calciteTabUnregister",7)}render(){return i(e,{id:this.el.id||this.guid,"aria-labeledby":this.labeledBy,"aria-expanded":this.isActive?"true":"false",role:"tabpanel"},i("section",null,i("slot",null)))}componentDidLoad(){this.calciteTabRegister.emit()}componentDidUnload(){this.calciteTabUnregister.emit()}tabChangeHandler(t){t.target.closest("calcite-tabs")===this.el.closest("calcite-tabs")&&(this.tab?this.isActive=this.tab===t.detail.tab:this.getTabIndex().then(s=>{this.isActive=s===t.detail.tab}))}async getTabIndex(){return Promise.resolve(Array.prototype.indexOf.call(o(this.el.parentElement.children).filter(t=>t.matches("calcite-tab")),this.el))}updateAriaInfo(t=[],s=[]){this.labeledBy=s[t.indexOf(this.el.id)]||null}get el(){return a(this)}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host([is-active]) section,calcite-tabs{display:block}section{display:none}"}}class u{constructor(i){t(this,i),this.calciteTabChange=s(this,"calciteTabChange",7)}selectedTabChanged(){localStorage&&this.storageId&&null!=this.selectedTab&&localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTab)),this.calciteTabChange.emit({tab:this.selectedTab})}componentWillLoad(){const t=`calcite-tab-nav-${this.storageId}`;localStorage&&this.storageId&&localStorage.getItem(t)&&(this.selectedTab=JSON.parse(localStorage.getItem(t)),this.calciteTabChange.emit({tab:this.selectedTab}))}render(){return i(e,{role:"tablist"},i("nav",{class:"tab-nav"},i("slot",null)))}componentDidRender(){this.tabTitles.every(t=>!t.isActive)&&!this.selectedTab&&this.tabTitles[0].getTabIdentifier().then(t=>{this.calciteTabChange.emit({tab:t})})}focusPreviousTabHandler(t){const s=this.getIndexOfTabTitle(t.target);(this.tabTitles[s-1]||this.tabTitles[this.tabTitles.length-1]).focus(),t.stopPropagation(),t.preventDefault()}focusNextTabHandler(t){const s=this.getIndexOfTabTitle(t.target);(this.tabTitles[s+1]||this.tabTitles[0]).focus(),t.stopPropagation(),t.preventDefault()}activateTabHandler(t){this.selectedTab=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target),t.stopPropagation(),t.preventDefault()}globalTabChangeHandler(t){this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTab!==t.detail.tab&&(this.selectedTab=t.detail.tab)}getIndexOfTabTitle(t){return this.tabTitles.indexOf(t)}get tabTitles(){return this.el.shadowRoot.querySelector("slot").assignedElements()}get el(){return a(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}.tab-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:var(--calcite-tabs-layout);justify-content:var(--calcite-tabs-layout);overflow:auto}::slotted(calcite-tab-title){margin-right:var(--calcite-tabs-tab-margin-start);margin-left:var(--calcite-tabs-tab-margin-end)}:host([dir=rtl]) ::slotted(calcite-tab-title){margin-right:var(--calcite-tabs-tab-margin-end);margin-left:var(--calcite-tabs-tab-margin-start)}"}}class T{constructor(i){t(this,i),this.isActive=!1,this.guid=`calcite-tab-title-${n()}`,this.calciteTabsActivate=s(this,"calciteTabsActivate",7),this.calciteTabsFocusNext=s(this,"calciteTabsFocusNext",7),this.calciteTabsFocusPrevious=s(this,"calciteTabsFocusPrevious",7),this.calciteTabTitleRegister=s(this,"calciteTabTitleRegister",7),this.calciteTabTitleUnregister=s(this,"calciteTabTitleUnregister",7)}componentWillLoad(){this.tab&&this.isActive&&this.calciteTabsActivate.emit({tab:this.tab})}render(){return i(e,{id:this.el.id||this.guid,"aria-controls":this.controls,"aria-expanded":this.isActive?"true":"false",role:"tab",tabindex:"0"},i("a",null,i("slot",null)))}componentDidLoad(){this.calciteTabTitleRegister.emit()}componentDidUnload(){this.calciteTabTitleUnregister.emit()}tabChangeHandler(t){this.tab?this.isActive=this.tab===t.detail.tab:this.getTabIndex().then(s=>{this.isActive=s===t.detail.tab})}onClick(){this.calciteTabsActivate.emit({tab:this.tab})}keyDownHandler(t){switch(t.keyCode){case h:case l:this.calciteTabsActivate.emit({tab:this.tab}),t.preventDefault();break;case r:"ltr"===b(this.el)?this.calciteTabsFocusNext.emit():this.calciteTabsFocusPrevious.emit();break;case c:"ltr"===b(this.el)?this.calciteTabsFocusPrevious.emit():this.calciteTabsFocusNext.emit()}}async getTabIndex(){return Promise.resolve(Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"),this.el))}async getTabIdentifier(){return this.tab?Promise.resolve(this.tab):this.getTabIndex()}async updateAriaInfo(t=[],s=[]){return this.controls=t[s.indexOf(this.el.id)]||null,Promise.resolve()}get el(){return a(this)}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{-ms-flex:0 1 var(--calcite-tabs-tab-basis);flex:0 1 var(--calcite-tabs-tab-basis);outline:none}:host(:active) a,:host(:focus) a,:host(:hover) a{outline:none;text-decoration:none;color:var(--calcite-tabs-color-active);border-bottom-color:var(--calcite-tabs-border-hover)}:host([is-active]) a{color:var(--calcite-tabs-color-active);border-bottom-color:var(--calcite-tabs-border-active)}a{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.875rem;line-height:1.5;padding:.5rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:3px solid transparent;cursor:pointer;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;color:var(--calcite-tabs-color);outline:none;width:100%;display:block;text-align:var(--calcite-tabs-tab-text-align)}"}}class g{constructor(s){t(this,s),this.theme="light",this.layout="inline",this.titles=[],this.tabs=[]}render(){const t=b(this.el);return i(e,{dir:t},i("div",null,i("slot",{name:"tab-nav"}),i("section",{class:"tab-contents"},i("slot",null))))}calciteTabTitleRegister(t){this.titles=[...this.titles,t.target],this.registryHandler(),t.stopPropagation()}calciteTabTitleUnregister(t){this.titles=this.titles.filter(s=>s!==t.target),this.registryHandler(),t.stopPropagation()}calciteTabRegister(t){this.tabs=[...this.tabs,t.target],this.registryHandler(),t.stopPropagation()}calciteTabUnregister(t){this.tabs=this.tabs.filter(s=>s!==t.target),this.registryHandler(),t.stopPropagation()}async registryHandler(){var t,s;if(this.tabs.some(t=>t.tab)||this.titles.some(t=>t.tab))t=this.tabs.sort((t,s)=>t.tab.localeCompare(s.tab)).map(t=>t.id),s=this.titles.sort((t,s)=>t.tab.localeCompare(s.tab)).map(t=>t.id);else{const i=await Promise.all(this.tabs.map(t=>t.getTabIndex())),e=await Promise.all(this.titles.map(t=>t.getTabIndex()));t=i.reduce((t,s,i)=>(t[s]=this.tabs[i].id,t),[]),s=e.reduce((t,s,i)=>(t[s]=this.titles[i].id,t),[])}this.tabs.forEach(i=>i.updateAriaInfo(t,s)),this.titles.forEach(i=>i.updateAriaInfo(t,s))}get el(){return a(this)}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-tabs-color:#2b2b2b;--calcite-tabs-border:#eaeaea;--calcite-tabs-border-hover:#dfdfdf;--calcite-tabs-color-active:#151515;--calcite-tabs-border-active:#007ac2;--calcite-tabs-layout:flex-start;--calcite-tabs-tab-basis:auto;--calcite-tabs-tab-text-align:start;--calcite-tabs-tab-margin-start:1.25rem;--calcite-tabs-tab-margin-end:0}:host([theme=dark]){--calcite-tabs-color:#f3f3f3;--calcite-tabs-border:#404040;--calcite-tabs-border-hover:#757575;--calcite-tabs-color-active:#f8f8f8;--calcite-tabs-border-active:#fff}:host([dir=rtl]){--calcite-tabs-tab-margin-start:0;--calcite-tabs-tab-margin-end:1.25rem}:host([layout=center]){--calcite-tabs-layout:center;--calcite-tabs-tab-basis:200px;--calcite-tabs-tab-text-align:center;--calcite-tabs-tab-margin-start:1.25rem;--calcite-tabs-tab-margin-end:1.25rem}.tab-contents{border-top:1px solid var(--calcite-tabs-border)}"}}export{d as calcite_tab,u as calcite_tab_nav,T as calcite_tab_title,g as calcite_tabs};
\ No newline at end of file
diff --git a/dist/calcite/p-npigqbxz.entry.js b/dist/calcite/p-npigqbxz.entry.js
new file mode 100644
index 00000000000..42c5f29602d
--- /dev/null
+++ b/dist/calcite/p-npigqbxz.entry.js
@@ -0,0 +1 @@
+import{r as t,c as e,h as s,g as r,H as a}from"./p-81cf2cf6.js";class i{constructor(s){t(this,s),this.property="default",this.state="default",this.open=e(this,"open",7)}componentWillUpdate(){}render(){return s(a,null)}onClick(t){}async doThing(){return Promise.resolve(this.privateMethod())}privateMethod(){}get el(){return r(this)}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}"}}export{i as calcite_example};
\ No newline at end of file
diff --git a/dist/calcite/p-nwnnuczh.entry.js b/dist/calcite/p-nwnnuczh.entry.js
new file mode 100644
index 00000000000..a10d590467f
--- /dev/null
+++ b/dist/calcite/p-nwnnuczh.entry.js
@@ -0,0 +1 @@
+import{r as t,h as s,H as i,g as e}from"./p-81cf2cf6.js";import{g as a}from"./p-3edb1b93.js";import{g as r}from"./p-6bb56f1f.js";class h{constructor(s){t(this,s),this.isActive=!1,this.inline=!1,this.type="indeterminate",this.value=0,this.text="",this.loaderBarOffsets=[0,0,0],this.loaderBarRates=[1,2.25,3.5],this.isEdge=!1,this.animationID=null,this.guid=`calcite-loader-${a()}`}componentDidLoad(){this.isEdge=/Edge/.test(navigator.userAgent),this.isEdge&&this.updateOffset()}componentDidUnload(){this.animationID&&window.cancelAnimationFrame(this.animationID)}render(){const t=r(this.el),e=this.el.id||this.guid,a={"aria-valuenow":this.value,"aria-valuemin":0,"aria-valuemax":100},h=this.inline?16:56,o=this.inline?"0 0 16 16":"0 0 56 56",d="determinate"===this.type,l={};this.isEdge&&(l["--calcite-loader-offset"]=`${this.loaderBarOffsets[0]}%`,l["--calcite-loader-offset2"]=`${this.loaderBarOffsets[1]}%`,l["--calcite-loader-offset3"]=`${this.loaderBarOffsets[2]}%`);const c={"--calcite-loader-progress":`${-400-4*this.value}%`};return s(i,Object.assign({id:e,dir:t,role:"progressbar"},"determinate"===this.type?a:{},{style:l}),s("svg",{viewBox:o,class:"loader__square"},s("rect",{width:h,height:h})),s("svg",{viewBox:o,class:"loader__square loader__square--2"},s("rect",{width:h,height:h})),s("svg",{viewBox:o,class:"loader__square loader__square--3",style:d?c:{}},s("rect",{width:h,height:h})),this.text?s("div",{class:"loader__text"},this.text):"",this.value?s("div",{class:"loader__percentage"},Math.floor(this.value)):"")}updateOffset(){this.loaderBarOffsets=this.rotateLoaderBars(this.loaderBarOffsets),this.animationID=window.requestAnimationFrame(()=>this.updateOffset())}rotateLoaderBars(t){return t.map((t,s)=>t>-400?t-this.loaderBarRates[s]:0)}get el(){return e(this)}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-loader-spot:#007ac2;--calcite-loader-spot-light:#009af2;--calcite-loader-spot-dark:#00619b;--calcite-loader-neutral:#eaeaea}:host([theme=dark]){--calcite-loader-neutral:#151515}:host{position:relative;display:none;padding-bottom:4rem;padding-top:4rem;margin-left:auto;margin-right:auto;min-height:54px;stroke:var(--calcite-loader-light);stroke-width:6px;stroke-dashoffset:0;fill:none;animation:loader-color-shift 2s linear infinite alternate-reverse}:host([is-active]){display:block}.loader__text{margin-top:4rem;line-height:1.5}.loader__percentage,.loader__text{display:block;text-align:center;font-size:.875rem}.loader__percentage{left:50%;margin-top:27px;line-height:.25}.loader__percentage,.loader__square{width:54px;position:absolute;top:4rem;margin-left:-27px}.loader__square{height:54px;left:0;left:50%;stroke-dasharray:50% 350%;-webkit-animation:loader-clockwise 2s linear infinite;animation:loader-clockwise 2s linear infinite}.loader__square--2{stroke-dasharray:100% 225% 50% 25%;-webkit-animation:loader-clockwise 1s linear infinite;animation:loader-clockwise 1s linear infinite}.loader__square--3{stroke-dasharray:50% 50% 75% 225%;-webkit-animation:loader-clockwise 1.85s linear infinite;animation:loader-clockwise 1.85s linear infinite}\@supports (-ms-ime-align:auto){.loader__square{stroke-dashoffset:var(--calcite-loader-offset);-webkit-animation:none;animation:none}.loader__square--2{stroke-dashoffset:var(--calcite-loader-offset2)}.loader__square--3{stroke-dashoffset:var(--calcite-loader-offset3)}}:host([type=determinate]){stroke:var(--calcite-loader-neutral);-webkit-animation:none;animation:none}:host([type=determinate]) .loader__square--3{stroke:var(--calcite-loader-spot);stroke-dasharray:400%;stroke-dashoffset:var(--calcite-loader-progress);-webkit-transition:all 50ms linear;transition:all 50ms linear;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:none;animation:none}:host([inline]){stroke:currentColor;stroke-width:4px;-webkit-animation:none;animation:none;margin:0;padding-bottom:0;padding-top:0;position:relative;height:16px;min-height:16px;width:16px;margin-right:8px;vertical-align:-2px}:host([inline][dir=rtl]){margin-left:8px;margin-right:0}:host([is-active][inline]){display:inline-block}:host([inline]) .loader__square{margin:0;position:absolute;top:0;left:0;width:16px;height:16px}\@-webkit-keyframes loader-color-shift{0%{stroke:var(--calcite-loader-spot-light)}to{stroke:var(--calcite-loader-spot-dark)}}\@keyframes loader-color-shift{0%{stroke:var(--calcite-loader-spot-light)}to{stroke:var(--calcite-loader-spot-dark)}}\@-webkit-keyframes loader-clockwise{0%{stroke-dashoffset:0}to{stroke-dashoffset:-400%}}\@keyframes loader-clockwise{0%{stroke-dashoffset:0}to{stroke-dashoffset:-400%}}"}}export{h as calcite_loader};
\ No newline at end of file
diff --git a/dist/calcite/p-oaa5ymmc.entry.js b/dist/calcite/p-oaa5ymmc.entry.js
new file mode 100644
index 00000000000..c71e7e77a03
--- /dev/null
+++ b/dist/calcite/p-oaa5ymmc.entry.js
@@ -0,0 +1 @@
+import{r as t,h as i,H as s,g as l}from"./p-81cf2cf6.js";import{g as e}from"./p-6bb56f1f.js";class a{constructor(i){t(this,i),this.color="blue",this.appearance="solid",this.scale="m",this.width="auto",this.loading=!1,this.icon=null,this.hastext=!1}connectedCallback(){["solid","outline","clear","inline"].includes(this.appearance)||(this.appearance="solid"),["blue","red","dark","light"].includes(this.color)||(this.color="blue"),["xs","s","m","l","xl"].includes(this.scale)||(this.scale="m"),["auto","half","full"].includes(this.width)||(this.width="auto")}componentDidLoad(){let t=this.el.shadowRoot.querySelector("slot"),i=t?t.assignedNodes():null;i&&null!=i[0]&&(this.hastext=!0)}getAttributes(){let t=["appearance","color","loading","scale","width","icon","dir"];return Array.from(this.el.attributes).filter(i=>!t.includes(i.name)).reduce((t,{name:i,value:s})=>Object.assign({},t,{[i]:s}),{})}render(){const t=e(this.el),l=this.getAttributes(),a=this.href||"inline"===this.appearance?"a":"button",c="a"===a?"link":"button",o=i("calcite-loader",{"is-active":!0,inline:!0}),n=this.loading?i("div",{class:"calcite-button--graphic"},o):this.icon?i("div",{class:"calcite-button--graphic"},i("svg",{class:"calcite-button--icon",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 24 24"},i("path",{d:this.icon}))):null;return i(s,{dir:t,hastext:this.hastext},i(a,Object.assign({},l,{role:c}),n,i("slot",null)))}get el(){return l(this)}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host a,:host button{position:relative;display:inline-block;padding:.375rem 1rem;text-decoration:none;width:auto;border-radius:0;border:none;line-height:inherit;font-family:inherit;-webkit-appearance:none;cursor:pointer;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}:host a:hover,:host button:hover{text-decoration:none}:host([width=half]) a,:host([width=half]) button{width:50%}:host([width=full]) a,:host([width=full]) button{width:100%}:host([hastext]) .calcite-button--graphic{margin-right:.5rem}:host([hastext][dir=rtl]) .calcite-button--graphic{margin-right:0;margin-left:.5rem}.calcite-button--icon{height:16px;width:16px;margin:0 auto;line-height:inherit;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.calcite-button--graphic{display:-ms-inline-flexbox;display:inline-flex;top:2px;width:16px;height:16px;position:relative}:host([appearance=solid][color=blue]) a,:host([appearance=solid][color=blue]) button{color:#fff;background-color:#007ac2;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=blue]) a:focus,:host([appearance=solid][color=blue]) a:hover,:host([appearance=solid][color=blue]) button:focus,:host([appearance=solid][color=blue]) button:hover{background-color:#2890ce;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=solid][color=blue]) a:active,:host([appearance=solid][color=blue]) button:active{background-color:#007ac2;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=solid][color=blue]) a .calcite-button--icon,:host([appearance=solid][color=blue]) button .calcite-button--icon{fill:#fff}:host([appearance=solid][color=red]) a,:host([appearance=solid][color=red]) button{color:#fff;background-color:#d83020;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=red]) a:focus,:host([appearance=solid][color=red]) a:hover,:host([appearance=solid][color=red]) button:focus,:host([appearance=solid][color=red]) button:hover{background-color:#e65240;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=solid][color=red]) a:active,:host([appearance=solid][color=red]) button:active{background-color:#d83020;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=solid][color=red]) a .calcite-button--icon,:host([appearance=solid][color=red]) button .calcite-button--icon{fill:#fff}:host([appearance=solid][color=light]) a,:host([appearance=solid][color=light]) button{color:#000;background-color:#f3f3f3;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=light]) a:focus,:host([appearance=solid][color=light]) a:hover,:host([appearance=solid][color=light]) button:focus,:host([appearance=solid][color=light]) button:hover{background-color:#fff;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=solid][color=light]) a:active,:host([appearance=solid][color=light]) button:active{background-color:#f3f3f3;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=solid][color=light]) a .calcite-button--icon,:host([appearance=solid][color=light]) button .calcite-button--icon{fill:#000}:host([appearance=solid][color=dark]) a,:host([appearance=solid][color=dark]) button{color:#fff;background-color:#2b2b2b;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=dark]) a:focus,:host([appearance=solid][color=dark]) a:hover,:host([appearance=solid][color=dark]) button:focus,:host([appearance=solid][color=dark]) button:hover{background-color:#404040;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=solid][color=dark]) a:active,:host([appearance=solid][color=dark]) button:active{background-color:#2b2b2b;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=solid][color=dark]) a .calcite-button--icon,:host([appearance=solid][color=dark]) button .calcite-button--icon{fill:#fff}:host([appearance=outline][color=blue]) a,:host([appearance=outline][color=blue]) button{color:#007ac2;background-color:#fff;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=blue]) a:hover,:host([appearance=outline][color=blue]) button:hover{border-color:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=outline][color=blue]) a:active,:host([appearance=outline][color=blue]) a:focus,:host([appearance=outline][color=blue]) button:active,:host([appearance=outline][color=blue]) button:focus{color:#00619b;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=outline][color=blue]) a .calcite-button--icon,:host([appearance=outline][color=blue]) button .calcite-button--icon{fill:#007ac2}:host([appearance=outline][color=red]) a,:host([appearance=outline][color=red]) button{color:#d83020;background-color:#fff;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=red]) a:hover,:host([appearance=outline][color=red]) button:hover{border-color:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=outline][color=red]) a:active,:host([appearance=outline][color=red]) a:focus,:host([appearance=outline][color=red]) button:active,:host([appearance=outline][color=red]) button:focus{color:#a82b1e;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=outline][color=red]) a .calcite-button--icon,:host([appearance=outline][color=red]) button .calcite-button--icon{fill:#d83020}:host([appearance=outline][color=light]) a,:host([appearance=outline][color=light]) button{color:#151515;background-color:#fff;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=light]) a:hover,:host([appearance=outline][color=light]) button:hover{border-color:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=outline][color=light]) a:active,:host([appearance=outline][color=light]) a:focus,:host([appearance=outline][color=light]) button:active,:host([appearance=outline][color=light]) button:focus{color:#000;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=outline][color=light]) a .calcite-button--icon,:host([appearance=outline][color=light]) button .calcite-button--icon{fill:#151515}:host([appearance=outline][color=dark]) a,:host([appearance=outline][color=dark]) button{color:#151515;background-color:#fff;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=dark]) a:hover,:host([appearance=outline][color=dark]) button:hover{border-color:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=outline][color=dark]) a:active,:host([appearance=outline][color=dark]) a:focus,:host([appearance=outline][color=dark]) button:active,:host([appearance=outline][color=dark]) button:focus{color:#000;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=outline][color=dark]) a .calcite-button--icon,:host([appearance=outline][color=dark]) button .calcite-button--icon{fill:#151515}:host([appearance=clear][color=blue]) a,:host([appearance=clear][color=blue]) button{color:#007ac2;background-color:transparent;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=blue]) a:hover,:host([appearance=clear][color=blue]) button:hover{border-color:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=clear][color=blue]) a:active,:host([appearance=clear][color=blue]) a:focus,:host([appearance=clear][color=blue]) button:active,:host([appearance=clear][color=blue]) button:focus{color:#00619b;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=clear][color=blue]) a .calcite-button--icon,:host([appearance=clear][color=blue]) button .calcite-button--icon{fill:#007ac2}:host([appearance=clear][color=red]) a,:host([appearance=clear][color=red]) button{color:#d83020;background-color:transparent;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=red]) a:hover,:host([appearance=clear][color=red]) button:hover{border-color:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=clear][color=red]) a:active,:host([appearance=clear][color=red]) a:focus,:host([appearance=clear][color=red]) button:active,:host([appearance=clear][color=red]) button:focus{color:#a82b1e;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=clear][color=red]) a .calcite-button--icon,:host([appearance=clear][color=red]) button .calcite-button--icon{fill:#d83020}:host([appearance=clear][color=light]) a,:host([appearance=clear][color=light]) button{color:#f8f8f8;background-color:transparent;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=light]) a:hover,:host([appearance=clear][color=light]) button:hover{border-color:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=clear][color=light]) a:active,:host([appearance=clear][color=light]) a:focus,:host([appearance=clear][color=light]) button:active,:host([appearance=clear][color=light]) button:focus{color:#fff;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=clear][color=light]) a .calcite-button--icon,:host([appearance=clear][color=light]) button .calcite-button--icon{fill:#f8f8f8}:host([appearance=clear][color=dark]) a,:host([appearance=clear][color=dark]) button{color:#151515;background-color:transparent;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=dark]) a:hover,:host([appearance=clear][color=dark]) button:hover{border-color:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=clear][color=dark]) a:active,:host([appearance=clear][color=dark]) a:focus,:host([appearance=clear][color=dark]) button:active,:host([appearance=clear][color=dark]) button:focus{color:#000;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=clear][color=dark]) a .calcite-button--icon,:host([appearance=clear][color=dark]) button .calcite-button--icon{fill:#151515}:host([appearance=inline][color=blue]) a,:host([appearance=inline][color=blue]) button{display:inline;padding:0;outline:none;border:none;color:#007ac2;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(0,122,194,.4)),to(rgba(0,122,194,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(0,122,194,.4),rgba(0,122,194,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=blue]) a:focus,:host([appearance=inline][color=blue]) a:hover,:host([appearance=inline][color=blue]) button:focus,:host([appearance=inline][color=blue]) button:hover{color:#2890ce;background-size:100% 2px,100% 1px}:host([appearance=inline][color=blue]) a:active,:host([appearance=inline][color=blue]) button:active{color:#007ac2;background-size:100% 2px,100% 1px}:host([appearance=inline][color=blue]) a .calcite-button--icon,:host([appearance=inline][color=blue]) button .calcite-button--icon{fill:#007ac2;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=red]) a,:host([appearance=inline][color=red]) button{display:inline;padding:0;outline:none;border:none;color:#d83020;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(216,48,32,.4)),to(rgba(216,48,32,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(216,48,32,.4),rgba(216,48,32,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=red]) a:focus,:host([appearance=inline][color=red]) a:hover,:host([appearance=inline][color=red]) button:focus,:host([appearance=inline][color=red]) button:hover{color:#e65240;background-size:100% 2px,100% 1px}:host([appearance=inline][color=red]) a:active,:host([appearance=inline][color=red]) button:active{color:#d83020;background-size:100% 2px,100% 1px}:host([appearance=inline][color=red]) a .calcite-button--icon,:host([appearance=inline][color=red]) button .calcite-button--icon{fill:#d83020;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=light]) a,:host([appearance=inline][color=light]) button{display:inline;padding:0;outline:none;border:none;color:#f3f3f3;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,95.3%,.4)),to(hsla(0,0%,95.3%,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(hsla(0,0%,95.3%,.4),hsla(0,0%,95.3%,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=light]) a:focus,:host([appearance=inline][color=light]) a:hover,:host([appearance=inline][color=light]) button:focus,:host([appearance=inline][color=light]) button:hover{color:#fff;background-size:100% 2px,100% 1px}:host([appearance=inline][color=light]) a:active,:host([appearance=inline][color=light]) button:active{color:#f3f3f3;background-size:100% 2px,100% 1px}:host([appearance=inline][color=light]) a .calcite-button--icon,:host([appearance=inline][color=light]) button .calcite-button--icon{fill:#f3f3f3;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=dark]) a,:host([appearance=inline][color=dark]) button{display:inline;padding:0;outline:none;border:none;color:#2b2b2b;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(43,43,43,.4)),to(rgba(43,43,43,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(43,43,43,.4),rgba(43,43,43,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=dark]) a:focus,:host([appearance=inline][color=dark]) a:hover,:host([appearance=inline][color=dark]) button:focus,:host([appearance=inline][color=dark]) button:hover{color:#404040;background-size:100% 2px,100% 1px}:host([appearance=inline][color=dark]) a:active,:host([appearance=inline][color=dark]) button:active{color:#2b2b2b;background-size:100% 2px,100% 1px}:host([appearance=inline][color=dark]) a .calcite-button--icon,:host([appearance=inline][color=dark]) button .calcite-button--icon{fill:#2b2b2b;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][dir=rtl]) a,:host([appearance=inline][dir=rtl]) button{background-position:100% 100%,100% 100%}:host([scale=xs]:not([appearance=inline])) a,:host([scale=xs]:not([appearance=inline])) button{padding:calc(1.5rem/ 6) calc(1.5rem* .3);font-size:.8125rem;line-height:1.5}:host([scale=s]:not([appearance=inline])) a,:host([scale=s]:not([appearance=inline])) button{padding:calc(1.5rem/ 4) calc(1.5rem* .5);font-size:.875rem;line-height:1.5}:host([scale=m]:not([appearance=inline])) a,:host([scale=m]:not([appearance=inline])) button{padding:calc(1.5rem/ 3) calc(1.5rem* .75);font-size:.9375rem;line-height:1.5}:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{padding:calc(1.5rem / 2) calc(1.5rem* 1);font-size:1.2019rem;line-height:1.5}\@media screen and (max-width:859px){:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{font-size:1.1305rem}}\@media screen and (max-width:479px){:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{font-size:1.0625rem}}:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{padding:calc(1.5rem / 1.5) calc(1.5rem* 1.25);font-size:1.414rem;line-height:1.5}\@media screen and (max-width:859px){:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{font-size:1.33rem}}\@media screen and (max-width:479px){:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{font-size:1.25rem}}"}}export{a as calcite_button};
\ No newline at end of file
diff --git a/dist/calcite/p-oinjvgun.system.entry.js b/dist/calcite/p-oinjvgun.system.entry.js
new file mode 100644
index 00000000000..66084a7e282
--- /dev/null
+++ b/dist/calcite/p-oinjvgun.system.entry.js
@@ -0,0 +1 @@
+System.register(["./p-5b8f9126.system.js","./p-8a0668f6.system.js"],function(t){"use strict";var e,i,n,r,s,c,o;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.H;s=t.g},function(t){c=t.S;o=t.E}],execute:function(){var u=function(){function t(t){var n=this;e(this,t);this.switched=false;this.name="";this.value="";this.color="blue";this.syncThisToProxyInput=function(){n.switched=n.inputProxy.hasAttribute("checked");n.name=n.inputProxy.name;n.value=n.inputProxy.value};this.syncProxyInputToThis=function(){n.switched?n.inputProxy.setAttribute("checked",""):n.inputProxy.removeAttribute("checked");n.inputProxy.setAttribute("name",n.name);n.inputProxy.setAttribute("value",n.value)};this.calciteSwitchChange=i(this,"calciteSwitchChange",7)}t.prototype.onClick=function(t){if(this.el.closest("label")&&t.target===this.inputProxy||!this.el.closest("label")&&t.target===this.el){this.switched=!this.switched}};t.prototype.keyDownHandler=function(t){if(t.keyCode===c||t.keyCode===o){this.switched=!this.switched}};t.prototype.switchWatcher=function(){this.calciteSwitchChange.emit();this.switched?this.inputProxy.setAttribute("checked",""):this.inputProxy.removeAttribute("checked")};t.prototype.connectedCallback=function(){this.setupProxyInput()};t.prototype.disconnectedCallback=function(){this.observer.disconnect()};t.prototype.componentWillRender=function(){this.syncProxyInputToThis()};t.prototype.render=function(){return n(r,{role:"checkbox","aria-checked":this.switched,tabindex:"0"},n("div",{class:"track"},n("div",{class:"handle"})),n("slot",null))};t.prototype.setupProxyInput=function(){this.inputProxy=this.el.querySelector("input");if(!this.inputProxy){this.inputProxy=document.createElement("input");this.inputProxy.type="checkbox";this.syncProxyInputToThis();this.el.appendChild(this.inputProxy)}this.syncThisToProxyInput();this.observer=new MutationObserver(this.syncThisToProxyInput);this.observer.observe(this.inputProxy,{attributes:true})};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:true,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{switched:["switchWatcher"]}},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}::slotted(input){display:none}:host{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;tap-highlight-color:transparent}.track{position:relative;display:inline-block;vertical-align:top;width:36px;height:20px;background-color:#f8f8f8;border-radius:30px;border:1px solid #eaeaea}.handle,.track{-webkit-transition:all .25s ease;transition:all .25s ease}.handle{position:absolute;display:block;width:18px;height:18px;top:-1px;left:-1px;right:auto;background-color:#fff;border-radius:30px;border:2px solid #757575;-webkit-box-shadow:0 1px 1px 0 rgba(43,43,43,.2);box-shadow:0 1px 1px 0 rgba(43,43,43,.2)}:host([switched]) .handle{right:-1px;left:auto;border-color:#004874;-webkit-box-shadow:0 2px 1px 0 rgba(43,43,43,.2);box-shadow:0 2px 1px 0 rgba(43,43,43,.2)}:host([switched]) .track{border-color:#00619b;background-color:#007ac2}:host([switched][color=red]) .handle{border-color:#7c1d13}:host([switched][color=red]) .track{border-color:#7c1d13;background-color:#a82b1e}:host(:focus),:host([switched]:focus){outline:none}:host(:focus) .track,:host([switched]:focus) .track{-webkit-box-shadow:0 0 4px 2px hsla(0,0%,45.9%,.9);box-shadow:0 0 4px 2px hsla(0,0%,45.9%,.9)}:host(:hover) .track{border-color:#eaeaea;background-color:#757575}:host(:hover) .handle{border-color:#007ac2;-webkit-box-shadow:0 1px 2px 0 rgba(43,43,43,.2);box-shadow:0 1px 2px 0 rgba(43,43,43,.2)}:host([color=red]:hover) .handle{border-color:#d83020}:host([switched]:hover) .handle{border-color:#004874}:host([switched]:hover) .track{border-color:#00619b;background-color:#007ac2}:host([switched][color=red]:hover) .handle{border-color:#7c1d13}:host([switched][color=red]:hover) .track{border-color:#7c1d13;background-color:#a82b1e}"},enumerable:true,configurable:true});return t}();t("calcite_switch",u)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-qdiviuyv.entry.js b/dist/calcite/p-qdiviuyv.entry.js
new file mode 100644
index 00000000000..5af66f5dad0
--- /dev/null
+++ b/dist/calcite/p-qdiviuyv.entry.js
@@ -0,0 +1 @@
+import{r as t,c as s,h,H as i,g as e}from"./p-81cf2cf6.js";import{S as c,E as a}from"./p-9dd9009f.js";class l{constructor(h){t(this,h),this.checked=!1,this.indeterminate=!1,this.name="",this.value="",this.size=null,this.disabled=!1,this.theme="light",this.toggle=()=>{this.disabled||(this.checked=!this.checked,this.indeterminate=!1)},this.indeterminatePath="M4 7h8v2H4z",this.checkedPath="M12.753 3l-7.319 7.497L3.252 8.31 2 9.373l3.434 3.434L14 4.24z",this.getPath=()=>this.indeterminate?this.indeterminatePath:this.checked?this.checkedPath:"",this.syncThisToProxyInput=()=>{this.checked=this.inputProxy.hasAttribute("checked"),this.name=this.inputProxy.name,this.value=this.inputProxy.value},this.syncProxyInputToThis=()=>{this.checked?this.inputProxy.setAttribute("checked",""):this.inputProxy.removeAttribute("checked"),this.inputProxy.name=this.name,this.inputProxy.value=this.value},this.calciteCheckboxChange=s(this,"calciteCheckboxChange",7)}onClick({target:t}){(this.el.closest("label")&&t===this.inputProxy||!this.el.closest("label")&&t===this.el)&&this.toggle()}keyDownHandler({keyCode:t}){t!==c&&t!==a||this.toggle()}checkedWatcher(){this.calciteCheckboxChange.emit(),this.checked?this.inputProxy.setAttribute("checked",""):this.inputProxy.removeAttribute("checked")}connectedCallback(){this.setupProxyInput()}disconnectedCallback(){this.observer.disconnect()}componentWillRender(){this.syncProxyInputToThis()}render(){return h(i,{role:"checkbox","aria-checked":this.checked,tabindex:this.disabled?"-1":"0"},h("svg",{class:"check-svg",viewBox:"0 0 16 16"},h("path",{d:this.getPath(),fill:"white"})),h("slot",null))}setupProxyInput(){this.inputProxy=this.el.querySelector("input"),this.inputProxy||(this.inputProxy=document.createElement("input"),this.inputProxy.type="checkbox",this.syncProxyInputToThis(),this.el.appendChild(this.inputProxy)),this.syncThisToProxyInput(),this.observer=new MutationObserver(this.syncThisToProxyInput),this.observer.observe(this.inputProxy,{attributes:!0})}get el(){return e(this)}static get watchers(){return{checked:["checkedWatcher"]}}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}::slotted(input){display:none}:host{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;tap-highlight-color:transparent}.check-svg,:host{display:inline-block;cursor:pointer}.check-svg{width:20px;height:20px;overflow:hidden;background-color:#fff;border:1px solid #757575;border-radius:2px;vertical-align:-.25em;margin-right:.25em;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-box-sizing:border-box;box-sizing:border-box}:host([theme=dark]) .check-svg{background-color:transparent;border-color:#eaeaea}:host([theme=dark][disabled]) .check-svg{border-color:#757575;background-color:#2b2b2b}:host([theme=dark][checked]) .check-svg,:host([theme=dark][indeterminate]) .check-svg{background-color:#3db8ff}:host([size=large]) .check-svg{width:24px;height:24px;border-radius:4px}:host([size=small]) .check-svg{width:16px;height:16px}:host([disabled]){pointer-events:none;cursor:default}:host([disabled]) .check-svg{background-color:#f3f3f3;border-color:#eaeaea}:host([disabled][checked]) .check-svg,:host([disabled][indeterminate]) .check-svg{background-color:#84c1e8;border-color:#84c1e8}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:#007ac2;border:1px solid #007ac2}:host(:focus),:host(:hover){outline:none}:host(:focus) .check-svg,:host(:hover) .check-svg{border-color:#0079c1!important;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5),0 0 5px rgba(81,167,232,.5);box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5),0 0 5px rgba(81,167,232,.5)}"}}export{l as calcite_checkbox};
\ No newline at end of file
diff --git a/dist/calcite/p-rboowgca.system.entry.js b/dist/calcite/p-rboowgca.system.entry.js
new file mode 100644
index 00000000000..787d41934c5
--- /dev/null
+++ b/dist/calcite/p-rboowgca.system.entry.js
@@ -0,0 +1 @@
+System.register(["./p-5b8f9126.system.js","./p-8a0668f6.system.js","./p-6ea97731.system.js","./p-6d3f767f.system.js"],function(t){"use strict";var e,i,a,s,r,n,l,h,u,o,c,d,p,m,v;return{setters:[function(t){e=t.r;i=t.c;a=t.h;s=t.H;r=t.g},function(t){n=t.U;l=t.R;h=t.D;u=t.L;o=t.P;c=t.a;d=t.H;p=t.b},function(t){m=t.g},function(t){v=t.g}],execute:function(){var f=function(){function t(t){e(this,t);this.disabled=false;this.min=0;this.max=100;this.value=null;this.snap=true;this.step=1;this.guid="calcite-loader-"+m();this.isRange=false;this.tickValues=[];this.activeProp="value";this.calciteSliderUpdate=i(this,"calciteSliderUpdate",7)}t.prototype.componentWillLoad=function(){this.isRange=!!(this.maxValue||this.maxValue===0);this.tickValues=this.generateTickValues();this.value=this.bound(this.value);if(this.snap){this.value=this.getClosestStep(this.value)}this.calciteSliderUpdate.emit()};t.prototype.render=function(){var t=this;var e=this.el.id||this.guid;var i=v(this.el);var r=this.minValue||this.min;var n=this.maxValue||this.value;var l=this.isRange?"maxValue":"value";return a(s,{dir:i,id:e,"is-range":this.isRange,style:{"--calcite-slider-range-max":100-this.getUnitInterval(n)*100+"%","--calcite-slider-range-min":this.getUnitInterval(r)*100+"%"}},a("div",{class:"slider__track"},a("div",{class:"slider__track__range"}),a("div",{class:"slider__ticks"},this.tickValues.map(function(e){return a("span",{class:{slider__tick:true,"slider__tick--active":e>=r&&e<=n},style:{"--calcite-slider-tick-offset":t.getUnitInterval(e)*100+"%"}},t.labelTicks?a("span",{class:{slider__tick__label:true,"slider__tick__label--min":e===t.min,"slider__tick__label--max":e===t.max}},e):"")}))),this.isRange?a("button",{ref:function(e){return t.minHandle=e},onFocus:function(){return t.activeProp="minValue"},onBlur:function(){return t.activeProp=null},onMouseDown:function(){return t.dragStart("minValue")},onTouchStart:function(e){return t.dragStart("minValue",e)},role:"slider","aria-orientation":"horizontal","aria-label":this.minLabel,"aria-valuenow":this.minValue,"aria-valuemin":this.min,"aria-valuemax":this.max,disabled:this.disabled,class:{slider__thumb:true,"slider__thumb--min":true,"slider__thumb--active":this.dragProp==="minValue","slider__thumb--precise":this.precise}},a("span",{class:"slider__handle"}),this.labelHandles?a("span",{class:"slider__handle__label","aria-hidden":"true"},this.minValue):""):"",a("button",{ref:function(e){return t.maxHandle=e},onFocus:function(){return t.activeProp=l},onBlur:function(){return t.activeProp=null},onMouseDown:function(){return t.dragStart(l)},onTouchStart:function(e){return t.dragStart(l,e)},role:"slider","aria-orientation":"horizontal","aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-valuenow":this[l],"aria-valuemin":this.min,"aria-valuemax":this.max,disabled:this.disabled,class:{slider__thumb:true,"slider__thumb--max":true,"slider__thumb--active":this.dragProp===l,"slider__thumb--precise":this.precise}},a("span",{class:"slider__handle"}),this.labelHandles?a("span",{class:"slider__handle__label","aria-hidden":"true"},this[l]):""))};t.prototype.keyDownHandler=function(t){var e=this[this.activeProp];switch(t.keyCode){case n:case l:t.preventDefault();this[this.activeProp]=this.bound(e+this.step,this.activeProp);this.calciteSliderUpdate.emit();break;case h:case u:t.preventDefault();this[this.activeProp]=this.bound(e-this.step,this.activeProp);this.calciteSliderUpdate.emit();break;case o:if(this.pageStep){t.preventDefault();this[this.activeProp]=this.bound(e+this.pageStep,this.activeProp);this.calciteSliderUpdate.emit()}break;case c:if(this.pageStep){t.preventDefault();this[this.activeProp]=this.bound(e-this.pageStep,this.activeProp);this.calciteSliderUpdate.emit()}break;case d:t.preventDefault();this[this.activeProp]=this.bound(this.min,this.activeProp);this.calciteSliderUpdate.emit();break;case p:t.preventDefault();this[this.activeProp]=this.bound(this.max,this.activeProp);this.calciteSliderUpdate.emit();break}};t.prototype.clickHandler=function(t){var e=t.clientX||t.pageX;var i=this.translate(e);var a="value";if(this.isRange){var s=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i);a=s?"maxValue":"minValue"}this[a]=this.bound(i,a);this.calciteSliderUpdate.emit();var r=a==="minValue"?this.minHandle:this.maxHandle;r.focus()};t.prototype.generateTickValues=function(){var t=[];var e=this.min;while(this.ticks&&e<this.max+this.ticks){t.push(e);e=e+this.ticks}return t};t.prototype.dragStart=function(t,e){if(e){e.preventDefault()}this.dragProp=t;this.activeProp=t;this.dragListener=this.dragListener||this.dragUpdate.bind(this);document.addEventListener("mousemove",this.dragListener);document.addEventListener("touchmove",this.dragListener,{capture:false});document.addEventListener("mouseup",this.dragEnd.bind(this));document.addEventListener("touchend",this.dragEnd.bind(this),false);document.addEventListener("touchcancel",this.dragEnd.bind(this))};t.prototype.dragUpdate=function(t){t.preventDefault();t.stopPropagation();if(this.dragProp){var e=this.translate(t.clientX||t.pageX);this[this.dragProp]=this.bound(e,this.dragProp);this.calciteSliderUpdate.emit()}};t.prototype.dragEnd=function(){this.dragProp=null;document.removeEventListener("mousemove",this.dragListener);document.removeEventListener("touchmove",this.dragListener)};t.prototype.bound=function(t,e){t=Math.min(t,this.max);t=Math.max(t,this.min);if(e==="maxValue"){t=Math.max(t,this.minValue)}if(e==="minValue"){t=Math.min(t,this.maxValue)}return t};t.prototype.translate=function(t){var e=this.max-this.min;var i=(t-this.el.offsetLeft)/this.el.offsetWidth;var a=this.bound(this.min+e*i);if(this.snap&&this.step){a=this.getClosestStep(a)}return a};t.prototype.getClosestStep=function(t){t=this.bound(t);if(this.step){var e=Math.round(t/this.step)*this.step;t=this.bound(e)}return t};t.prototype.getUnitInterval=function(t){t=this.bound(t);var e=this.max-this.min;return(t-this.min)/e};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-slider-spot:#007ac2;padding:7px 0;margin:7px 0;position:relative}:host([disabled]){opacity:.5;pointer-events:none}:host([label-handles]),:host([precise]){margin-top:21px}:host([label-ticks]),:host([precise][is-range]){margin-bottom:21px}:host([precise][label-handles]){margin-top:35px}:host([precise][label-handles][is-range]){margin-bottom:35px}.slider__thumb{position:absolute;right:var(--calcite-slider-range-max);height:28px;width:28px;margin:-14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;background:transparent;cursor:pointer;font-family:inherit;z-index:3}.slider__thumb--min{right:auto;left:var(--calcite-slider-range-min)}.slider__handle{position:absolute;top:0;left:0;height:14px;width:14px;margin:7px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background-color:#fff;border:2px solid #959595;-webkit-transition:border .25s ease,background-color .25s ease,-webkit-box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,-webkit-box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,box-shadow .25s ease,-webkit-box-shadow .25s ease}.slider__handle__label{position:absolute;left:0;bottom:28px;width:28px;height:.75em;font-size:.8125rem;line-height:1.5;line-height:1;color:#555;text-align:center}.slider__thumb:hover .slider__handle{border-color:var(--calcite-slider-spot);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.1);box-shadow:0 0 16px 0 rgba(0,0,0,.1)}.slider__thumb--active,.slider__thumb:focus{outline:none;z-index:4}.slider__thumb--active .slider__handle,.slider__thumb:focus .slider__handle{background-color:var(--calcite-slider-spot);border-color:var(--calcite-slider-spot);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.2);box-shadow:0 0 16px 0 rgba(0,0,0,.2)}.slider__thumb--precise{margin-top:-28px}.slider__thumb--precise:after{content:\"\";display:block;position:absolute;top:14px;left:50%;width:2px;height:7px;background-color:#959595;margin-left:-1px;margin-top:7px;z-index:2}.slider__thumb--active.slider__thumb--precise:after,.slider__thumb:focus.slider__thumb--precise:after{background-color:var(--calcite-slider-spot)}.slider__thumb--precise.slider__thumb--min{margin-top:-2px}.slider__thumb--precise.slider__thumb--min .slider__handle__label{bottom:unset;top:28px}.slider__thumb--precise.slider__thumb--min:after{top:0;margin-top:0}.slider__track{height:2px;border-radius:0;z-index:2;background-color:#cacaca;-webkit-transition:all .25s ease-in;transition:all .25s ease-in;position:relative}.slider__track__range{position:absolute;top:0;right:var(--calcite-slider-range-max);left:var(--calcite-slider-range-min);height:2px;background-color:var(--calcite-slider-spot)}.slider__tick{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-slider-tick-offset);margin-left:-2px;border:1px solid #fff;background-color:#959595}.slider__tick--active{background-color:var(--calcite-slider-spot)}.slider__tick__label{position:absolute;font-size:.8125rem;line-height:1.5;color:#555;width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}.slider__tick__label--min{left:0;margin:14px -3px;text-align:left}.slider__tick__label--max{left:unset;right:0;margin:14px -3px;text-align:right}"},enumerable:true,configurable:true});return t}();t("calcite_slider",f)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-rc0sul8c.system.entry.js b/dist/calcite/p-rc0sul8c.system.entry.js
new file mode 100644
index 00000000000..e161652b0db
--- /dev/null
+++ b/dist/calcite/p-rc0sul8c.system.entry.js
@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,r,i){return new(r||(r=Promise))(function(n,s){function l(e){try{a(i.next(e))}catch(e){s(e)}}function u(e){try{a(i["throw"](e))}catch(e){s(e)}}function a(e){e.done?n(e.value):new r(function(t){t(e.value)}).then(l,u)}a((i=i.apply(e,t||[])).next())})};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,n,s,l;return l={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function u(e){return function(t){return a([e,t])}}function a(l){if(i)throw new TypeError("Generator is already executing.");while(r)try{if(i=1,n&&(s=l[0]&2?n["return"]:l[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,l[1])).done)return s;if(n=0,s)l=[l[0]&2,s.value];switch(l[0]){case 0:case 1:s=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;n=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(s=r.trys,s=s.length>0&&s[s.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!s||l[1]>s[0]&&l[1]<s[3])){r.label=l[1];break}if(l[0]===6&&r.label<s[1]){r.label=s[1];s=l;break}if(s&&r.label<s[2]){r.label=s[2];r.ops.push(l);break}if(s[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e];n=0}finally{i=s=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-5b8f9126.system.js","./p-6d3f767f.system.js","./p-f6a71c4a.system.js"],function(e){"use strict";var t,r,i,n,s,l,u,a,c,o;return{setters:[function(e){t=e.h;r=e.r;i=e.c;n=e.H;s=e.g},function(e){l=e.g},function(e){u=e.c;a=e.e;c=e.l;o=e.a}],execute:function(){var h=function(e,t){var r=new Map;var i=e;var n=function(e,t){if(Array.isArray(e)){e.slice().forEach(function(e){t[e]=i[e]})}else{t[e]=Object.assign({},i)}};var s=function(e,t){if(!r.has(e)){r.set(e,t);n(t,e)}return function(){if(r.has(e)){r.delete(e)}}};var l=function(e,t){var s=e.state;i=s;r.forEach(n);return t};var u=function(e,r){return t(s,r[0])};var a=function(e,t){var i=e.prototype;var n=i.connectedCallback;var l=i.disconnectedCallback;i.connectedCallback=function(){s(this,t);if(n){return n.call(this)}};i.disconnectedCallback=function(){r.delete(this);if(l){l.call(this)}}};return{Provider:l,Consumer:u,injectProps:a}};var f=h({currentAlert:"",queueLength:0},function(e,r){return t("context-consumer",{subscribe:e,renderer:r})});var d=function(){function e(e){r(this,e);this.active=false;this.dismiss=false;this.duration=this.dismiss?"medium":null;this.color="blue";this.theme="light";this.icon=false;this.alertId=this.el.id;this.currentAlert="";this.queueLength=0;this.durationDefaults={slow:14e3,medium:1e4,fast:6e3};this.iconDefaults={green:u,yellow:a,red:a,blue:c};this.calciteAlertClose=i(this,"calciteAlertClose",7);this.calciteAlertOpen=i(this,"calciteAlertOpen",7)}e.prototype.watchCurrentAlert=function(){var e=this;if(!this.active&&this.currentAlert===this.alertId){if(this.dismiss)setTimeout(function(){return e.closeCalciteAlert()},this.durationDefaults[this.duration]);setTimeout(function(){return e.active=true},300)}else{this.active=false}};e.prototype.closeCalciteAlert=function(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(e){this.calciteAlertClose.emit({requestedAlert:this.alertId});return[2]})})};e.prototype.openCalciteAlert=function(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(e){this.calciteAlertOpen.emit({requestedAlert:this.alertId});return[2]})})};e.prototype.connectedCallback=function(){var e=["blue","red","green","yellow"];if(!e.includes(this.color))this.color="blue";var t=["slow","medium","fast"];if(this.duration!==null&&!t.includes(this.duration))this.duration="medium";var r=["dark","light"];if(!r.includes(this.theme))this.theme="light"};e.prototype.setIcon=function(){var e=this.iconDefaults[this.color];return t("div",{class:"alert-icon"},t("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",width:"24",viewBox:"0 0 24 24"},t("path",{d:e})))};e.prototype.render=function(){var e=this;var r=l(this.el);var i=t("button",{class:"alert-close","aria-label":"close",onClick:function(){return e.closeCalciteAlert()}},t("svg",{xmlns:"http://www.w3.org/2000/svg",height:"32",width:"32",viewBox:"0 0 32 32"},t("path",{d:o})));var s=!this.dismiss?i:"";var u=this.icon?this.setIcon():"";var a=t("div",{class:(this.queueLength>0?"active ":"")+"alert-count"},"+",this.queueLength>0?this.queueLength:1);var c=this.active&&this.dismiss?t("div",{class:"alert-dismiss"}):"";return t(n,{active:!!this.active,dir:r},u,t("div",{class:"alert-content"},t("slot",{name:"alert-title"}),t("slot",{name:"alert-message"}),t("slot",{name:"alert-link"})),a,s,c)};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{currentAlert:["watchCurrentAlert"]}},enumerable:true,configurable:true});Object.defineProperty(e,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-alert-background:#fff;--calcite-alert-title-text:#404040;--calcite-alert-message-text:#555;--calcite-alert-icon-fill:#151515;--calcite-alert-close-background-hover:#f3f3f3;--calcite-alert-close-background-pressed:#eaeaea;--calcite-alert-count-text:#404040;--calcite-alert-count-border:#f3f3f3;--calcite-alert-dismiss-background:hsla(0,0%,100%,0.6);--calcite-alert-border-blue:#007ac2;--calcite-alert-border-green:#35ac46;--calcite-alert-border-red:#d83020;--calcite-alert-border-yellow:#edd317}:host([theme=dark]){--calcite-alert-background:#2b2b2b;--calcite-alert-title-text:#f8f8f8;--calcite-alert-message-text:#f3f3f3;--calcite-alert-icon-fill:#d4d4d4;--calcite-alert-close-background-hover:#202020;--calcite-alert-close-background-pressed:#151515;--calcite-alert-count-text:#d4d4d4;--calcite-alert-count-border:#202020;--calcite-alert-dismiss-background:rgba(43,43,43,0.6);--calcite-alert-border-blue:#3db8ff;--calcite-alert-border-green:#3bed52;--calcite-alert-border-red:#ff0015;--calcite-alert-border-yellow:#fe3}:host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;pointer-events:none;z-index:102;margin:0 auto;width:50em;max-width:90%;max-height:0;background-color:var(--calcite-alert-background);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);border-radius:2px;opacity:0;-webkit-transform:translate3d(0,1.5rem,0);transform:translate3d(0,1.5rem,0);-webkit-transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;-webkit-border-before:0 solid transparent;border-block-start:0 solid transparent}\@media only screen and (max-width:860px){:host{width:100%;max-width:100%;border-radius:2px 2px 0 0;-webkit-box-shadow:0 -8px 16px 0 rgba(0,0,0,.15);box-shadow:0 -8px 16px 0 rgba(0,0,0,.15)}}:host:host(.hydrated){visibility:hidden!important}:host:host([active]){opacity:1;max-height:100%;-webkit-transform:translate3d(0,-1.5rem,0);transform:translate3d(0,-1.5rem,0);pointer-events:auto;border-block-start-width:3px}:host:host([active]):host(.hydrated){visibility:visible!important}\@media only screen and (max-width:860px){:host:host([active]){-webkit-transform:translateZ(0);transform:translateZ(0)}}:host slot[name=alert-title]::slotted(div){font-size:1rem;line-height:1.5;color:var(--calcite-alert-title-text);font-weight:500}:host slot[name=alert-link]::slotted(a),:host slot[name=alert-link]::slotted(calcite-button){font-size:.9375rem;line-height:1.5}:host slot[name=alert-message]::slotted(div){display:inline;margin-right:.75rem;font-size:.9375rem;line-height:1.5;color:var(--calcite-alert-message-text)}:host([dir=rtl]) slot[name=alert-message]::slotted(div){margin-right:unset;margin-left:.75rem}.alert-content{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;word-wrap:break-word;-webkit-padding-before:.75rem;padding-block-start:.75rem;-webkit-padding-after:.75rem;padding-block-end:.75rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem;-webkit-padding-start:0;padding-inline-start:0}.alert-content svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-content{padding:1.5rem}}.alert-content:first-of-type{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}\@media only screen and (max-width:860px){.alert-content{-webkit-padding-before:1.5rem;padding-block-start:1.5rem;-webkit-padding-after:1.5rem;padding-block-end:1.5rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem;-webkit-padding-start:0;padding-inline-start:0}}.alert-icon{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.alert-icon svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-icon{padding:1.5rem}}.alert-close{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:transparent;-webkit-appearance:none;border:none;outline:none;cursor:pointer;border-radius:0 0 2px 0}.alert-close svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-close{padding:1.5rem}}.alert-close svg{fill:var(--calcite-alert-icon-fill)}.alert-close:focus,.alert-close:hover{background-color:var(--calcite-alert-close-background-hover)}.alert-close:active{background-color:var(--calcite-alert-close-background-pressed)}:host([dir=rtl]) .alert-close{border-radius:0 0 0 2px}\@media only screen and (max-width:860px){:host([dir=rtl]) .alert-close{border-radius:0}}.alert-count{font-size:.875rem;line-height:1.5;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;overflow:hidden;width:0;visibility:hidden;font-weight:500;text-align:center;color:var(--calcite-alert-count-text);opacity:0;-webkit-border-start:0 solid transparent;border-inline-start:0 solid transparent;-webkit-border-end:0 solid transparent;border-inline-end:0 solid transparent;cursor:default;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.alert-count.active{visibility:visible;opacity:1;padding:0 .375rem;width:3rem;-webkit-border-start:1px solid var(--calcite-alert-count-border);border-inline-start:1px solid var(--calcite-alert-count-border);-webkit-border-end:1px solid var(--calcite-alert-count-border);border-inline-end:1px solid var(--calcite-alert-count-border)}.alert-count.active:last-child{-webkit-border-end:0 solid transparent;border-inline-end:0 solid transparent}\@media only screen and (max-width:860px){.alert-count{border-radius:0}}.alert-dismiss{left:0;top:0;width:100%;z-index:103}.alert-dismiss,.alert-dismiss:after{display:block;position:absolute;right:0;height:3px}.alert-dismiss:after{top:-3px;border-radius:2px 2px 0 0;content:\"\";background-color:var(--calcite-alert-dismiss-background);z-index:104}:host([color=blue]){border-block-start-color:var(--calcite-alert-border-blue)}:host([color=blue]) .alert-icon svg{fill:var(--calcite-alert-border-blue)}:host([color=red]){border-block-start-color:var(--calcite-alert-border-red)}:host([color=red]) .alert-icon svg{fill:var(--calcite-alert-border-red)}:host([color=yellow]){border-block-start-color:var(--calcite-alert-border-yellow)}:host([color=yellow]) .alert-icon svg{fill:var(--calcite-alert-border-yellow)}:host([color=green]){border-block-start-color:var(--calcite-alert-border-green)}:host([color=green]) .alert-icon svg{fill:var(--calcite-alert-border-green)}:host([duration=fast]) .alert-dismiss:after{-webkit-animation:dismissProgress 6s ease-out;animation:dismissProgress 6s ease-out}:host([duration=medium]) .alert-dismiss:after{-webkit-animation:dismissProgress 10s ease-out;animation:dismissProgress 10s ease-out}:host([duration=slow]) .alert-dismiss:after{-webkit-animation:dismissProgress 14s ease-out;animation:dismissProgress 14s ease-out}\@-webkit-keyframes dismissProgress{0%{width:0;opacity:0}to{width:100%;opacity:1}}\@keyframes dismissProgress{0%{width:0;opacity:0}to{width:100%;opacity:1}}"},enumerable:true,configurable:true});return e}();e("calcite_alert",d);f.injectProps(d,["currentAlert","queueLength"]);var p=function(){function e(e){r(this,e);this.currentAlert="";this.active=false;this.alertQueue=[];this.calciteAlertsClose=i(this,"calciteAlertsClose",7);this.calciteAlertsOpen=i(this,"calciteAlertsOpen",7)}e.prototype.updateQueueOnOpen=function(e){if(!this.alertQueue.includes(e.detail.requestedAlert)){this.active=true;this.currentAlert=e.detail.requestedAlert;this.alertQueue.push(e.detail.requestedAlert);this.calciteAlertsOpen.emit({currentAlert:this.currentAlert,alertQueue:this.alertQueue})}};e.prototype.updateQueueOnClose=function(e){var t=this;if(this.alertQueue.includes(e.detail.requestedAlert))this.alertQueue=this.alertQueue.filter(function(t){return t!==e.detail.requestedAlert});if(this.alertQueue.length<1)setTimeout(function(){t.active=false},400);this.calciteAlertsClose.emit({currentAlert:this.currentAlert,alertQueue:this.alertQueue})};e.prototype.componentWillUpdate=function(){this.currentAlert=this.alertQueue.length>0?this.alertQueue[0]:""};e.prototype.render=function(){var e={currentAlert:this.currentAlert,queueLength:this.alertQueue.length>=2?this.alertQueue.length-1:0};return t(n,{active:!!this.active},t(f.Provider,{state:e},t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:true,configurable:true});Object.defineProperty(e,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{display:none;position:fixed;left:0;right:0;bottom:0;pointer-events:none;z-index:101}:host:host([active]){display:block}"},enumerable:true,configurable:true});return e}();e("calcite_alerts",p)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-sfffvwae.entry.js b/dist/calcite/p-sfffvwae.entry.js
new file mode 100644
index 00000000000..391b86fe84b
--- /dev/null
+++ b/dist/calcite/p-sfffvwae.entry.js
@@ -0,0 +1 @@
+import{r as t,g as s}from"./p-81cf2cf6.js";class c{constructor(s){t(this,s),this.context={},this.renderer=()=>null}connectedCallback(){null!=this.subscribe&&(this.unsubscribe=this.subscribe(this.el,"context"))}disconnectedCallback(){null!=this.unsubscribe&&this.unsubscribe()}render(){return this.renderer(Object.assign({},this.context))}get el(){return s(this)}}export{c as context_consumer};
\ No newline at end of file
diff --git a/dist/calcite/p-stlkuwis.entry.js b/dist/calcite/p-stlkuwis.entry.js
new file mode 100644
index 00000000000..8e84d39ac8d
--- /dev/null
+++ b/dist/calcite/p-stlkuwis.entry.js
@@ -0,0 +1 @@
+import{r as t,c as e,h as s,H as i,g as h}from"./p-81cf2cf6.js";import{g as r}from"./p-6bb56f1f.js";const n={up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight",space:" "};class c{constructor(s){t(this,s),this.theme="light",this.hiddenInput=(()=>{const t=document.createElement("input");return t.type="hidden",this.el.appendChild(t),t})(),this.calciteRadioGroupChange=e(this,"calciteRadioGroupChange",7)}handleNameChange(t){this.hiddenInput.name=t}handleSelectedItemChange(t,e){if(t===e)return;let s;const i=this.getItems();i.forEach(e=>{e===t&&(s=e)}),s?(this.selectItem(s),this.calciteRadioGroupChange.emit()):i[0]&&(i[0].tabIndex=0)}connectedCallback(){const t=this.getItems();let e;t.forEach((s,i)=>{s.tabIndex=-1;const h=t[i+1];s.checked&&(e=s),h&&h.checked&&s.checked&&(s.checked=!1)}),e?this.selectItem(e):t[0]&&(t[0].tabIndex=0);const{hiddenInput:s}=this;this.name&&(s.name=this.name),e&&(s.value=e.value)}render(){return s(i,{role:"radiogroup"},s("slot",null))}handleClick(t){"calcite-radio-group-item"===t.target.localName&&this.selectItem(t.target)}handleSelected(t){t.stopPropagation(),t.preventDefault(),this.selectItem(t.target)}handleKeyDown(t){const{key:e}=t;if(-1===Object.values(n).indexOf(e))return;t.preventDefault();const{el:s,selectedItem:i}=this,h=r(s),c=("rtl"===h?e===n.right:e===n.left)||e===n.up,a=this.getItems();let l=-1;if(a.forEach((t,e)=>{t===i&&(l=e)}),c){const t=a.item(-1===l||0===l?a.length-1:l-1);this.selectItem(t)}else if(("rtl"===h?e===n.left:e===n.right)||e===n.down){const t=-1===l?a.item(1):a.item(l+1)||a.item(0);this.selectItem(t)}else e!==n.space||this.selectItem(t.target)}getItems(){return this.el.querySelectorAll("calcite-radio-group-item")}selectItem(t){if(t===this.selectedItem)return;const e=this.getItems();let s=null;e.forEach(e=>{const i=e.value===t.value;e.checked=i,e.tabIndex=i?0:-1,i&&(s=e)}),this.selectedItem=s,this.syncWithInputProxy(s),s&&s.focus()}syncWithInputProxy(t){this.hiddenInput.value=t?t.value:""}get el(){return h(this)}static get watchers(){return{name:["handleNameChange"],selectedItem:["handleSelectedItemChange"]}}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-radio-group-color:#fff;--calcite-radio-group-border-color:#757575;--calcite-radio-group-color-active:#007ac2;--calcite-radio-group-text-color:#000;--calcite-radio-group-text-color-active:#fff;--calcite-radio-group-color-hover:#f8f8f8;font-size:.9375rem;line-height:1.5}:host([theme=dark]){--calcite-radio-group-color:#2b2b2b;--calcite-radio-group-border-color:#202020;--calcite-radio-group-color-active:#009af2;--calcite-radio-group-text-color:#fff;--calcite-radio-group-text-color-active:#fff;--calcite-radio-group-color-hover:#353535}::slotted(calcite-radio-group-item:focus),::slotted(calcite-radio-group-item[checked]){z-index:0}slot{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}"}}class a{constructor(s){t(this,s),this.checked=!1,this.mutationObserver=new MutationObserver(()=>this.syncFromExternalInput()),this.calciteRadioGroupItemChange=e(this,"calciteRadioGroupItemChange",7)}handleCheckedChange(){this.calciteRadioGroupItemChange.emit(),this.syncToExternalInput()}connectedCallback(){let t=this.el.querySelector('input[slot="input"]');t&&(this.value=t.value,this.checked=t.checked,this.mutationObserver.observe(t,{attributes:!0})),this.inputProxy=t}disconnectedCallback(){this.mutationObserver.disconnect()}render(){const{checked:t,value:e}=this;return s(i,{role:"radio","aria-checked":t?"true":"false"},s("label",null,s("slot",null,e),s("slot",{name:"input"})))}syncFromExternalInput(){this.inputProxy&&(this.value=this.inputProxy.value,this.checked=this.inputProxy.checked)}syncToExternalInput(){this.inputProxy&&(this.inputProxy.value=this.value,this.inputProxy.toggleAttribute("checked",this.checked))}get el(){return h(this)}static get watchers(){return{checked:["handleCheckedChange"]}}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-radio-group-color);color:var(--calcite-radio-group-text-color);padding:.5rem 1rem;line-height:1.25;margin:.25rem -1px 0 0;border:1px solid var(--calcite-radio-group-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .1s ease-in-out,border-color .1s ease-in-out;transition:background .1s ease-in-out,border-color .1s ease-in-out;cursor:pointer}:host(:hover){background-color:var(--calcite-radio-group-color-hover)}:host([checked]){background-color:var(--calcite-radio-group-color-active);border-color:var(--calcite-radio-group-color-active);color:var(--calcite-radio-group-text-color-active);cursor:default}label{cursor:pointer}::slotted(input){display:none}"}}export{c as calcite_radio_group,a as calcite_radio_group_item};
\ No newline at end of file
diff --git a/dist/calcite/p-tkkhtt8f.entry.js b/dist/calcite/p-tkkhtt8f.entry.js
new file mode 100644
index 00000000000..b59f13f4c58
--- /dev/null
+++ b/dist/calcite/p-tkkhtt8f.entry.js
@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as h,g as e}from"./p-81cf2cf6.js";import{S as c,E as a}from"./p-9dd9009f.js";class r{constructor(i){t(this,i),this.switched=!1,this.name="",this.value="",this.color="blue",this.syncThisToProxyInput=()=>{this.switched=this.inputProxy.hasAttribute("checked"),this.name=this.inputProxy.name,this.value=this.inputProxy.value},this.syncProxyInputToThis=()=>{this.switched?this.inputProxy.setAttribute("checked",""):this.inputProxy.removeAttribute("checked"),this.inputProxy.setAttribute("name",this.name),this.inputProxy.setAttribute("value",this.value)},this.calciteSwitchChange=s(this,"calciteSwitchChange",7)}onClick(t){(this.el.closest("label")&&t.target===this.inputProxy||!this.el.closest("label")&&t.target===this.el)&&(this.switched=!this.switched)}keyDownHandler(t){t.keyCode!==c&&t.keyCode!==a||(this.switched=!this.switched)}switchWatcher(){this.calciteSwitchChange.emit(),this.switched?this.inputProxy.setAttribute("checked",""):this.inputProxy.removeAttribute("checked")}connectedCallback(){this.setupProxyInput()}disconnectedCallback(){this.observer.disconnect()}componentWillRender(){this.syncProxyInputToThis()}render(){return i(h,{role:"checkbox","aria-checked":this.switched,tabindex:"0"},i("div",{class:"track"},i("div",{class:"handle"})),i("slot",null))}setupProxyInput(){this.inputProxy=this.el.querySelector("input"),this.inputProxy||(this.inputProxy=document.createElement("input"),this.inputProxy.type="checkbox",this.syncProxyInputToThis(),this.el.appendChild(this.inputProxy)),this.syncThisToProxyInput(),this.observer=new MutationObserver(this.syncThisToProxyInput),this.observer.observe(this.inputProxy,{attributes:!0})}get el(){return e(this)}static get watchers(){return{switched:["switchWatcher"]}}static get style(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}::slotted(input){display:none}:host{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;tap-highlight-color:transparent}.track{position:relative;display:inline-block;vertical-align:top;width:36px;height:20px;background-color:#f8f8f8;border-radius:30px;border:1px solid #eaeaea}.handle,.track{-webkit-transition:all .25s ease;transition:all .25s ease}.handle{position:absolute;display:block;width:18px;height:18px;top:-1px;left:-1px;right:auto;background-color:#fff;border-radius:30px;border:2px solid #757575;-webkit-box-shadow:0 1px 1px 0 rgba(43,43,43,.2);box-shadow:0 1px 1px 0 rgba(43,43,43,.2)}:host([switched]) .handle{right:-1px;left:auto;border-color:#004874;-webkit-box-shadow:0 2px 1px 0 rgba(43,43,43,.2);box-shadow:0 2px 1px 0 rgba(43,43,43,.2)}:host([switched]) .track{border-color:#00619b;background-color:#007ac2}:host([switched][color=red]) .handle{border-color:#7c1d13}:host([switched][color=red]) .track{border-color:#7c1d13;background-color:#a82b1e}:host(:focus),:host([switched]:focus){outline:none}:host(:focus) .track,:host([switched]:focus) .track{-webkit-box-shadow:0 0 4px 2px hsla(0,0%,45.9%,.9);box-shadow:0 0 4px 2px hsla(0,0%,45.9%,.9)}:host(:hover) .track{border-color:#eaeaea;background-color:#757575}:host(:hover) .handle{border-color:#007ac2;-webkit-box-shadow:0 1px 2px 0 rgba(43,43,43,.2);box-shadow:0 1px 2px 0 rgba(43,43,43,.2)}:host([color=red]:hover) .handle{border-color:#d83020}:host([switched]:hover) .handle{border-color:#004874}:host([switched]:hover) .track{border-color:#00619b;background-color:#007ac2}:host([switched][color=red]:hover) .handle{border-color:#7c1d13}:host([switched][color=red]:hover) .track{border-color:#7c1d13;background-color:#a82b1e}"}}export{r as calcite_switch};
\ No newline at end of file
diff --git a/dist/calcite/p-tviyvfsg.system.entry.js b/dist/calcite/p-tviyvfsg.system.entry.js
new file mode 100644
index 00000000000..4acd456f5a9
--- /dev/null
+++ b/dist/calcite/p-tviyvfsg.system.entry.js
@@ -0,0 +1 @@
+System.register(["./p-5b8f9126.system.js"],function(t){"use strict";var e,n;return{setters:[function(t){e=t.r;n=t.g}],execute:function(){var r=function(){function t(t){e(this,t);this.context={};this.renderer=function(){return null}}t.prototype.connectedCallback=function(){if(this.subscribe!=null){this.unsubscribe=this.subscribe(this.el,"context")}};t.prototype.disconnectedCallback=function(){if(this.unsubscribe!=null){this.unsubscribe()}};t.prototype.render=function(){return this.renderer(Object.assign({},this.context))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:true,configurable:true});return t}();t("context_consumer",r)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-vt8kdnck.system.entry.js b/dist/calcite/p-vt8kdnck.system.entry.js
new file mode 100644
index 00000000000..76972b88ad8
--- /dev/null
+++ b/dist/calcite/p-vt8kdnck.system.entry.js
@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){return new(i||(i=Promise))(function(r,a){function s(t){try{c(n.next(t))}catch(t){a(t)}}function o(t){try{c(n["throw"](t))}catch(t){a(t)}}function c(t){t.done?r(t.value):new i(function(e){e(t.value)}).then(s,o)}c((n=n.apply(t,e||[])).next())})};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return c([t,e])}}function c(s){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];r=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-5b8f9126.system.js","./p-8a0668f6.system.js","./p-6ea97731.system.js","./p-6d3f767f.system.js"],function(t){"use strict";var e,i,n,r,a,s,o,c,l,u,b,h;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.H;a=t.g},function(t){s=t.S;o=t.E;c=t.R;l=t.L},function(t){u=t.g},function(t){b=t.n;h=t.g}],execute:function(){var f=function(){function t(t){e(this,t);this.isActive=false;this.guid="calcite-tab-title-"+u();this.calciteTabRegister=i(this,"calciteTabRegister",7);this.calciteTabUnregister=i(this,"calciteTabUnregister",7)}t.prototype.render=function(){var t=this.el.id||this.guid;return n(r,{id:t,"aria-labeledby":this.labeledBy,"aria-expanded":this.isActive?"true":"false",role:"tabpanel"},n("section",null,n("slot",null)))};t.prototype.componentDidLoad=function(){this.calciteTabRegister.emit()};t.prototype.componentDidUnload=function(){this.calciteTabUnregister.emit()};t.prototype.tabChangeHandler=function(t){var e=this;if(t.target.closest("calcite-tabs")!==this.el.closest("calcite-tabs")){return}if(this.tab){this.isActive=this.tab===t.detail.tab}else{this.getTabIndex().then(function(i){e.isActive=i===t.detail.tab})}};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(t){return[2,Promise.resolve(Array.prototype.indexOf.call(b(this.el.parentElement.children).filter(function(t){return t.matches("calcite-tab")}),this.el))]})})};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}this.labeledBy=e[t.indexOf(this.el.id)]||null};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host([is-active]) section,calcite-tabs{display:block}section{display:none}"},enumerable:true,configurable:true});return t}();t("calcite_tab",f);var p=function(){function t(t){e(this,t);this.calciteTabChange=i(this,"calciteTabChange",7)}t.prototype.selectedTabChanged=function(){if(localStorage&&this.storageId&&this.selectedTab!==undefined&&this.selectedTab!==null){localStorage.setItem("calcite-tab-nav-"+this.storageId,JSON.stringify(this.selectedTab))}this.calciteTabChange.emit({tab:this.selectedTab})};t.prototype.componentWillLoad=function(){var t="calcite-tab-nav-"+this.storageId;if(localStorage&&this.storageId&&localStorage.getItem(t)){this.selectedTab=JSON.parse(localStorage.getItem(t));this.calciteTabChange.emit({tab:this.selectedTab})}};t.prototype.render=function(){return n(r,{role:"tablist"},n("nav",{class:"tab-nav"},n("slot",null)))};t.prototype.componentDidRender=function(){var t=this;if(this.tabTitles.every(function(t){return!t.isActive})&&!this.selectedTab){this.tabTitles[0].getTabIdentifier().then(function(e){t.calciteTabChange.emit({tab:e})})}};t.prototype.focusPreviousTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target);var i=this.tabTitles[e-1]||this.tabTitles[this.tabTitles.length-1];i.focus();t.stopPropagation();t.preventDefault()};t.prototype.focusNextTabHandler=function(t){var e=this.getIndexOfTabTitle(t.target);var i=this.tabTitles[e+1]||this.tabTitles[0];i.focus();t.stopPropagation();t.preventDefault()};t.prototype.activateTabHandler=function(t){if(t.detail.tab){this.selectedTab=t.detail.tab}else{this.selectedTab=this.getIndexOfTabTitle(t.target)}t.stopPropagation();t.preventDefault()};t.prototype.globalTabChangeHandler=function(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTab!==t.detail.tab){this.selectedTab=t.detail.tab}};t.prototype.getIndexOfTabTitle=function(t){return this.tabTitles.indexOf(t)};Object.defineProperty(t.prototype,"tabTitles",{get:function(){return this.el.shadowRoot.querySelector("slot").assignedElements()},enumerable:true,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:true,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["selectedTabChanged"]}},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}.tab-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:var(--calcite-tabs-layout);justify-content:var(--calcite-tabs-layout);overflow:auto}::slotted(calcite-tab-title){margin-right:var(--calcite-tabs-tab-margin-start);margin-left:var(--calcite-tabs-tab-margin-end)}:host([dir=rtl]) ::slotted(calcite-tab-title){margin-right:var(--calcite-tabs-tab-margin-end);margin-left:var(--calcite-tabs-tab-margin-start)}"},enumerable:true,configurable:true});return t}();t("calcite_tab_nav",p);var d=function(){function t(t){e(this,t);this.isActive=false;this.guid="calcite-tab-title-"+u();this.calciteTabsActivate=i(this,"calciteTabsActivate",7);this.calciteTabsFocusNext=i(this,"calciteTabsFocusNext",7);this.calciteTabsFocusPrevious=i(this,"calciteTabsFocusPrevious",7);this.calciteTabTitleRegister=i(this,"calciteTabTitleRegister",7);this.calciteTabTitleUnregister=i(this,"calciteTabTitleUnregister",7)}t.prototype.componentWillLoad=function(){if(this.tab&&this.isActive){this.calciteTabsActivate.emit({tab:this.tab})}};t.prototype.render=function(){var t=this.el.id||this.guid;return n(r,{id:t,"aria-controls":this.controls,"aria-expanded":this.isActive?"true":"false",role:"tab",tabindex:"0"},n("a",null,n("slot",null)))};t.prototype.componentDidLoad=function(){this.calciteTabTitleRegister.emit()};t.prototype.componentDidUnload=function(){this.calciteTabTitleUnregister.emit()};t.prototype.tabChangeHandler=function(t){var e=this;if(this.tab){this.isActive=this.tab===t.detail.tab}else{this.getTabIndex().then(function(i){e.isActive=i===t.detail.tab})}};t.prototype.onClick=function(){this.calciteTabsActivate.emit({tab:this.tab})};t.prototype.keyDownHandler=function(t){switch(t.keyCode){case s:case o:this.calciteTabsActivate.emit({tab:this.tab});t.preventDefault();break;case c:if(h(this.el)==="ltr"){this.calciteTabsFocusNext.emit()}else{this.calciteTabsFocusPrevious.emit()}break;case l:if(h(this.el)==="ltr"){this.calciteTabsFocusPrevious.emit()}else{this.calciteTabsFocusNext.emit()}break}};t.prototype.getTabIndex=function(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(t){return[2,Promise.resolve(Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"),this.el))]})})};t.prototype.getTabIdentifier=function(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(t){return[2,this.tab?Promise.resolve(this.tab):this.getTabIndex()]})})};t.prototype.updateAriaInfo=function(t,e){if(t===void 0){t=[]}if(e===void 0){e=[]}return __awaiter(this,void 0,void 0,function(){return __generator(this,function(i){this.controls=t[e.indexOf(this.el.id)]||null;return[2,Promise.resolve()]})})};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{-ms-flex:0 1 var(--calcite-tabs-tab-basis);flex:0 1 var(--calcite-tabs-tab-basis);outline:none}:host(:active) a,:host(:focus) a,:host(:hover) a{outline:none;text-decoration:none;color:var(--calcite-tabs-color-active);border-bottom-color:var(--calcite-tabs-border-hover)}:host([is-active]) a{color:var(--calcite-tabs-color-active);border-bottom-color:var(--calcite-tabs-border-active)}a{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.875rem;line-height:1.5;padding:.5rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:3px solid transparent;cursor:pointer;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;color:var(--calcite-tabs-color);outline:none;width:100%;display:block;text-align:var(--calcite-tabs-tab-text-align)}"},enumerable:true,configurable:true});return t}();t("calcite_tab_title",d);var g=function(){function t(t){e(this,t);this.theme="light";this.layout="inline";this.titles=[];this.tabs=[]}t.prototype.render=function(){var t=h(this.el);return n(r,{dir:t},n("div",null,n("slot",{name:"tab-nav"}),n("section",{class:"tab-contents"},n("slot",null))))};t.prototype.calciteTabTitleRegister=function(t){this.titles=this.titles.concat([t.target]);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabTitleUnregister=function(t){this.titles=this.titles.filter(function(e){return e!==t.target});this.registryHandler();t.stopPropagation()};t.prototype.calciteTabRegister=function(t){this.tabs=this.tabs.concat([t.target]);this.registryHandler();t.stopPropagation()};t.prototype.calciteTabUnregister=function(t){this.tabs=this.tabs.filter(function(e){return e!==t.target});this.registryHandler();t.stopPropagation()};t.prototype.registryHandler=function(){return __awaiter(this,void 0,void 0,function(){var t,e,i,n;var r=this;return __generator(this,function(a){switch(a.label){case 0:if(!(this.tabs.some(function(t){return t.tab})||this.titles.some(function(t){return t.tab})))return[3,1];t=this.tabs.sort(function(t,e){return t.tab.localeCompare(e.tab)}).map(function(t){return t.id});e=this.titles.sort(function(t,e){return t.tab.localeCompare(e.tab)}).map(function(t){return t.id});return[3,4];case 1:return[4,Promise.all(this.tabs.map(function(t){return t.getTabIndex()}))];case 2:i=a.sent();return[4,Promise.all(this.titles.map(function(t){return t.getTabIndex()}))];case 3:n=a.sent();t=i.reduce(function(t,e,i){t[e]=r.tabs[i].id;return t},[]);e=n.reduce(function(t,e,i){t[e]=r.titles[i].id;return t},[]);a.label=4;case 4:this.tabs.forEach(function(i){return i.updateAriaInfo(t,e)});this.titles.forEach(function(i){return i.updateAriaInfo(t,e)});return[2]}})})};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-tabs-color:#2b2b2b;--calcite-tabs-border:#eaeaea;--calcite-tabs-border-hover:#dfdfdf;--calcite-tabs-color-active:#151515;--calcite-tabs-border-active:#007ac2;--calcite-tabs-layout:flex-start;--calcite-tabs-tab-basis:auto;--calcite-tabs-tab-text-align:start;--calcite-tabs-tab-margin-start:1.25rem;--calcite-tabs-tab-margin-end:0}:host([theme=dark]){--calcite-tabs-color:#f3f3f3;--calcite-tabs-border:#404040;--calcite-tabs-border-hover:#757575;--calcite-tabs-color-active:#f8f8f8;--calcite-tabs-border-active:#fff}:host([dir=rtl]){--calcite-tabs-tab-margin-start:0;--calcite-tabs-tab-margin-end:1.25rem}:host([layout=center]){--calcite-tabs-layout:center;--calcite-tabs-tab-basis:200px;--calcite-tabs-tab-text-align:center;--calcite-tabs-tab-margin-start:1.25rem;--calcite-tabs-tab-margin-end:1.25rem}.tab-contents{border-top:1px solid var(--calcite-tabs-border)}"},enumerable:true,configurable:true});return t}();t("calcite_tabs",g)}}});
\ No newline at end of file
diff --git a/dist/calcite/p-xvdg4ebm.system.entry.js b/dist/calcite/p-xvdg4ebm.system.entry.js
new file mode 100644
index 00000000000..5c48845c72b
--- /dev/null
+++ b/dist/calcite/p-xvdg4ebm.system.entry.js
@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var t=function(e,n){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)if(e.hasOwnProperty(n))t[n]=e[n]};return t(e,n)};return function(e,n){t(e,n);function o(){this.constructor=e}e.prototype=n===null?Object.create(n):(o.prototype=n.prototype,new o)}}();var __awaiter=this&&this.__awaiter||function(t,e,n,o){return new(n||(n=Promise))(function(i,r){function s(t){try{a(o.next(t))}catch(t){r(t)}}function u(t){try{a(o["throw"](t))}catch(t){r(t)}}function a(t){t.done?i(t.value):new n(function(e){e(t.value)}).then(s,u)}a((o=o.apply(t,e||[])).next())})};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,s;return s={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function u(t){return function(e){return a([t,e])}}function a(s){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];i=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-5b8f9126.system.js","./p-6d3f767f.system.js","./p-f6a71c4a.system.js"],function(t){"use strict";var e,n,o,i,r,s,u,a,c;return{setters:[function(t){e=t.r;n=t.c;o=t.h;i=t.H;r=t.g},function(t){s=t.h;u=t.g;a=t.a},function(t){c=t.x}],execute:function(){function l(t,e,n,o,i){if(o===void 0){o=20}if(i===void 0){i=0}var r=[];if(i>=o){return r}var s=function(t){var r=t.assignedNodes().filter(function(t){return t.nodeType===1});if(r.length>0){return l(r[0].parentElement,e,n,o,i+1)}return[]};var u=Array.from(t.children||[]);for(var a=0,c=u;a<c.length;a++){var f=c[a];if(e(f)){continue}if(n(f)){r.push(f)}if(f.shadowRoot!=null){r.push.apply(r,l(f.shadowRoot,e,n,o,i+1))}else if(f.tagName==="SLOT"){r.push.apply(r,s(f))}else{r.push.apply(r,l(f,e,n,o,i+1))}}return r}function f(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display==="none"||t.style.opacity==="0"||t.style.visibility==="hidden"||t.style.visibility==="collapse"}function d(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function h(t){if(t.getAttribute("tabindex")==="-1"||f(t)||d(t)){return false}return t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||(t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement)||t instanceof HTMLIFrameElement}var p=new Map;function v(t,e,n){var o=p.get(n);if(o!=null){window.clearTimeout(o)}p.set(n,window.setTimeout(function(){t();p.delete(n)},e))}var m=document.createElement("template");m.innerHTML='\n\t<div id="start"></div>\n\t<slot></slot>\n\t<div id="backup"></div>\n\t<div id="end"></div>\n';var b=function(t){__extends(e,t);function e(){var e=t.call(this)||this;e.debounceId=Math.random().toString();e._focused=false;var n=e.attachShadow({mode:"open"});n.appendChild(m.content.cloneNode(true));e.focusLastElement=e.focusLastElement.bind(e);e.focusFirstElement=e.focusFirstElement.bind(e);e.onFocusIn=e.onFocusIn.bind(e);e.onFocusOut=e.onFocusOut.bind(e);return e}Object.defineProperty(e,"observedAttributes",{get:function(){return["inactive"]},enumerable:true,configurable:true});Object.defineProperty(e.prototype,"inactive",{get:function(){return this.hasAttribute("inactive")},set:function(t){t?this.setAttribute("inactive",""):this.removeAttribute("inactive")},enumerable:true,configurable:true});Object.defineProperty(e.prototype,"focused",{get:function(){return this._focused},enumerable:true,configurable:true});e.prototype.connectedCallback=function(){this.$backup=this.shadowRoot.querySelector("#backup");this.$start=this.shadowRoot.querySelector("#start");this.$end=this.shadowRoot.querySelector("#end");this.$start.addEventListener("focus",this.focusLastElement);this.$end.addEventListener("focus",this.focusFirstElement);this.addEventListener("focusin",this.onFocusIn);this.addEventListener("focusout",this.onFocusOut);this.render()};e.prototype.disconnectedCallback=function(){this.$start.removeEventListener("focus",this.focusLastElement);this.$end.removeEventListener("focus",this.focusFirstElement);this.removeEventListener("focusin",this.onFocusIn);this.removeEventListener("focusout",this.onFocusOut)};e.prototype.attributeChangedCallback=function(){this.render()};e.prototype.focusFirstElement=function(){this.trapFocus()};e.prototype.focusLastElement=function(){this.trapFocus(true)};e.prototype.getFocusableElements=function(){return l(this,f,h)};e.prototype.trapFocus=function(t){if(this.inactive)return;var e=this.getFocusableElements();if(e.length>0){if(t){e[e.length-1].focus()}else{e[0].focus()}this.$backup.setAttribute("tabindex","-1")}else{this.$backup.setAttribute("tabindex","0");this.$backup.focus()}};e.prototype.onFocusIn=function(){this.updateFocused(true)};e.prototype.onFocusOut=function(){this.updateFocused(false)};e.prototype.updateFocused=function(t){var e=this;v(function(){if(e.focused!==t){e._focused=t;e.render()}},0,this.debounceId)};e.prototype.render=function(){if(!this.isConnected)return;this.$start.setAttribute("tabindex",!this.focused||this.inactive?"-1":"0");this.$end.setAttribute("tabindex",!this.focused||this.inactive?"-1":"0");this.focused?this.setAttribute("focused",""):this.removeAttribute("focused")};return e}(HTMLElement);window.customElements.define("focus-trap",b);var y=function(){function t(t){e(this,t);this.beforeClose=function(){return Promise.resolve()};this.closeLabel="Close";this.size="small";this.theme="light";this.hideBackButton=true;this.hideSecondaryButton=true;this.calciteModalOpen=n(this,"calciteModalOpen",7);this.calciteModalClose=n(this,"calciteModalClose",7)}t.prototype.componentDidLoad=function(){var t=this;var e=this.el.shadowRoot.querySelector("slot[name=back]");var n=this.el.shadowRoot.querySelector("slot[name=secondary]");e.addEventListener("slotchange",function(){t.hideBackButton=!s(e)});n.addEventListener("slotchange",function(){t.hideSecondaryButton=!s(n)})};t.prototype.render=function(){var t=this;var e=u(this.el);var n=a(this.el);return o(i,{role:"dialog","aria-modal":"true",class:{"is-active":this.isActive},dir:e,theme:n},o("div",{class:"modal"},o("focus-trap",{ref:function(e){return t.trap=e}},o("div",{class:"modal__header"},o("button",{class:"modal__close","aria-label":this.closeLabel,onClick:function(){return t.close()}},o("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",width:"24",viewBox:"0 0 24 24",fill:"currentColor"},o("path",{d:c}))),o("header",{class:"modal__title"},o("slot",{name:"header"}))),o("div",{class:"modal__content"},o("slot",{name:"content"})),o("div",{class:{modal__footer:true,"modal__footer--hide-back":this.hideBackButton,"modal__footer--hide-secondary":this.hideSecondaryButton}},o("slot",{name:"back"}),o("slot",{name:"secondary"}),o("slot",{name:"primary"})))))};t.prototype.handleEscape=function(t){if(t.key==="Escape"){this.close()}};t.prototype.open=function(){return __awaiter(this,void 0,void 0,function(){var t=this;return __generator(this,function(e){this.previousActiveElement=document.activeElement;this.isActive=true;return[2,new Promise(function(e){setTimeout(function(){if(t.firstFocus){t.firstFocus.focus()}else{t.trap.focusFirstElement()}e(t.el)},300);document.documentElement.classList.add("overflow-hidden");t.calciteModalOpen.emit()})]})})};t.prototype.close=function(){return __awaiter(this,void 0,void 0,function(){var t=this;return __generator(this,function(e){return[2,this.beforeClose(this.el).then(function(){t.isActive=false;t.previousActiveElement.focus();document.documentElement.classList.remove("overflow-hidden");t.calciteModalClose.emit();return new Promise(function(e){setTimeout(function(){return e(t.el)},300)})})]})})};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return"body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-modal-background:#fff;--calcite-modal-hover:#f3f3f3;--calcite-modal-pressed:#eaeaea;--calcite-modal-header-text:#151515;--calcite-modal-body-text:#151515;--calcite-modal-scrim:rgba(0,0,0,0.75);--calcite-modal-border:#f3f3f3;--calcite-modal-red:#d83020;--calcite-modal-blue:#007ac2;position:fixed;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow-y:hidden;color:var(--calcite-modal-body-text);opacity:0;visibility:hidden!important;background:var(--calcite-modal-scrim);-webkit-transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);z-index:101}:host([theme=dark]){--calcite-modal-background:#353535;--calcite-modal-pressed:#202020;--calcite-modal-header-text:#fff;--calcite-modal-body-text:#f3f3f3;--calcite-modal-scrim:rgba(0,0,0,0.75);--calcite-modal-border:#2b2b2b;--calcite-modal-hover:#2b2b2b;--calcite-modal-red:#d90012;--calcite-modal-blue:#009af2}.modal{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:80vh;z-index:102;float:none;text-align:left;overflow-y:auto;-webkit-overflow-scrolling:touch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:row-wrap;flex-wrap:row-wrap;opacity:0;visibility:hidden;-webkit-transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);margin:1.5rem}:host(.is-active){visibility:visible!important;opacity:1;-webkit-transition-delay:0ms;transition-delay:0ms}:host(.is-active) .modal{visibility:visible;opacity:1;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88)}:host([dir=rtl]) .modal{text-align:right}:host([theme=dark]) .modal{border:1px solid #202020}focus-trap{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}.modal__header,focus-trap{display:-ms-flexbox;display:flex}.modal__header{background-color:var(--calcite-modal-background);-ms-flex:0;flex:0;max-width:100%;min-width:0;z-index:2;border-bottom:1px solid var(--calcite-modal-border)}.modal__close{padding:1.125rem;-ms-flex-order:2;order:2;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:transparent;-webkit-appearance:none;border:none;color:var(--calcite-modal-body-text);outline:none;cursor:pointer}.modal__close svg{pointer-events:none}.modal__close:focus,.modal__close:hover{background-color:var(--calcite-modal-hover)}.modal__close:active{background-color:var(--calcite-modal-pressed)}.modal__title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.75rem 1.5rem;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-order:1;order:1;min-width:0}slot[name=header]::slotted(*){margin:0;font-weight:400;font-size:1.414rem;line-height:1.5;color:var(--calcite-modal-header-text)}\@media screen and (max-width:859px){slot[name=header]::slotted(*){font-size:1.33rem}}\@media screen and (max-width:479px){slot[name=header]::slotted(*){font-size:1.25rem}}.modal__content{position:relative;padding:1.5rem;height:100%;-ms-flex:0;flex:0;overflow:auto;display:block;background-color:var(--calcite-modal-background);z-index:1}slot[name=content]::slotted(*){font-size:1rem;line-height:1.5}.modal__footer{background-color:var(--calcite-modal-background);-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:1.2rem 1.125rem;border-top:1px solid var(--calcite-modal-border);z-index:2}.modal__footer--hide-back slot[name=back],.modal__footer--hide-secondary slot[name=secondary]{display:none}slot[name=back]{display:block;margin-right:auto}:host([dir=rtl]) slot[name=back]{margin-left:auto;margin-right:unset}slot[name=secondary]{display:block;margin:0 .375rem}slot[name=primary]{display:block}:host([size=small]) .modal{max-width:32rem}\@media screen and (max-width:35rem){:host([size=small]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=small]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=small][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=medium]) .modal{max-width:64rem}\@media screen and (max-width:67rem){:host([size=medium]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=medium]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=medium][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=large]) .modal{max-width:94rem}\@media screen and (max-width:97rem){:host([size=large]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=large]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=large][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=fullscreen]){background-color:transparent}:host([size=fullscreen]) .modal{-webkit-transform:translate3D(0,20px,0) scale(.95);transform:translate3D(0,20px,0) scale(.95);height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=fullscreen]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-active[size=fullscreen]) .modal{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}:host([docked]) .modal{height:auto!important}:host([docked]) .modal__content{-ms-flex:0;flex:0;height:auto}:host([color=red]) .modal{border-top:4px solid var(--calcite-modal-red);border-radius:2px 2px 0 0}:host([color=blue]) .modal{border-top:4px solid var(--calcite-modal-blue);border-radius:2px 2px 0 0}\@media screen and (max-width:860px){slot[name=header]::slotted(*){font-size:1.2019rem;line-height:1.5}}\@media screen and (max-width:860px) and (max-width:859px){slot[name=header]::slotted(*){font-size:1.1305rem}}\@media screen and (max-width:860px) and (max-width:479px){slot[name=header]::slotted(*){font-size:1.0625rem}}\@media screen and (max-width:860px){.modal__title{padding:.375rem 1.0125rem}}\@media screen and (max-width:860px){.modal__close,.modal__content{padding:1.0125rem}}\@media screen and (max-width:860px){.modal__footer{position:-webkit-sticky;position:sticky;bottom:0}}\@media screen and (max-width:480px){.modal__footer{-ms-flex-direction:column;flex-direction:column}slot[name=back],slot[name=secondary]{margin:0 0 .375rem 0}}"},enumerable:true,configurable:true});return t}();t("calcite_modal",y)}}});
\ No newline at end of file
diff --git a/dist/cjs/calcite-alert_2.cjs.entry.js b/dist/cjs/calcite-alert_2.cjs.entry.js
new file mode 100644
index 00000000000..3331d24be22
--- /dev/null
+++ b/dist/cjs/calcite-alert_2.cjs.entry.js
@@ -0,0 +1,220 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+const __chunk_4 = require('./chunk-51cd86d5.js');
+const __chunk_5 = require('./chunk-1dda50bd.js');
+
+const createProviderConsumer = (defaultState, consumerRender) => {
+    let listeners = new Map();
+    let currentState = defaultState;
+    const updateListener = (fields, instance) => {
+        if (Array.isArray(fields)) {
+            [...fields].forEach(fieldName => {
+                instance[fieldName] = currentState[fieldName];
+            });
+        }
+        else {
+            instance[fields] = Object.assign({}, currentState);
+        }
+    };
+    const subscribe = (instance, propList) => {
+        if (!listeners.has(instance)) {
+            listeners.set(instance, propList);
+            updateListener(propList, instance);
+        }
+        return () => {
+            if (listeners.has(instance)) {
+                listeners.delete(instance);
+            }
+        };
+    };
+    const Provider = ({ state }, children) => {
+        currentState = state;
+        listeners.forEach(updateListener);
+        return children;
+    };
+    const Consumer = (props, children) => {
+        // The casting on subscribe is to allow for crossover through the stencil compiler
+        // In the future we should allow for generics in components.
+        return consumerRender(subscribe, children[0]);
+    };
+    const injectProps = (Cstr, fieldList) => {
+        const CstrPrototype = Cstr.prototype;
+        const cstrConnectedCallback = CstrPrototype.connectedCallback;
+        const cstrDisconnectedCallback = CstrPrototype.disconnectedCallback;
+        CstrPrototype.connectedCallback = function () {
+            subscribe(this, fieldList);
+            if (cstrConnectedCallback) {
+                return cstrConnectedCallback.call(this);
+            }
+        };
+        CstrPrototype.disconnectedCallback = function () {
+            listeners.delete(this);
+            if (cstrDisconnectedCallback) {
+                cstrDisconnectedCallback.call(this);
+            }
+        };
+    };
+    return {
+        Provider,
+        Consumer,
+        injectProps
+    };
+};
+
+const AlertInterface = createProviderConsumer({
+    currentAlert: "",
+    queueLength: 0
+}, (subscribe, child) => (__chunk_1.h("context-consumer", { subscribe: subscribe, renderer: child })));
+
+/** Alerts are not meant to be used inline with content, or be present in view on page load.
+ * As such, calcite-alert relies on calcite-alerts for positioning - displaying an alert on its own
+ * will lead to unexpected and potentially undesireable results
+ */
+/**
+ * @slot alert-title - Title of the alert (optional)
+ * @slot alert-message - Main text of the alert
+ * @slot alert-link - Optional action to take from the alert (undo, try again, link to page, etc.)
+ */
+class CalciteAlert {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        /** Is the alert currently active or not */
+        this.active = false;
+        /** Close the alert automatically (recommended for passive, non-blocking alerts) */
+        this.dismiss = false;
+        /** Length before autodismissal (only used with `dismiss`) */
+        this.duration = this.dismiss
+            ? "medium"
+            : null;
+        /** Color for the alert (will apply to top border and icon) */
+        this.color = "blue";
+        /** Select theme (light or dark) */
+        this.theme = "light";
+        /** If false, no icon will be shown in the alert */
+        this.icon = false;
+        /** Unique ID for this alert */
+        /** @internal */
+        this.alertId = this.el.id;
+        /** @internal */
+        this.currentAlert = "";
+        /** @internal */
+        this.queueLength = 0;
+        this.durationDefaults = {
+            slow: 14000,
+            medium: 10000,
+            fast: 6000
+        };
+        this.iconDefaults = {
+            green: __chunk_5.checkCircle24F,
+            yellow: __chunk_5.exclamationMarkTriangle24F,
+            red: __chunk_5.exclamationMarkTriangle24F,
+            blue: __chunk_5.lightbulb24F
+        };
+        this.calciteAlertClose = __chunk_1.createEvent(this, "calciteAlertClose", 7);
+        this.calciteAlertOpen = __chunk_1.createEvent(this, "calciteAlertOpen", 7);
+    }
+    /** watch for changes to currentAlert passed from <calcite-alerts> */
+    watchCurrentAlert() {
+        if (!this.active && this.currentAlert === this.alertId) {
+            if (this.dismiss)
+                setTimeout(() => this.closeCalciteAlert(), this.durationDefaults[this.duration]);
+            setTimeout(() => (this.active = true), 300);
+        }
+        else {
+            this.active = false;
+        }
+    }
+    /** emit the `calciteAlertClose` event - <calcite-alerts> listens for this */
+    async closeCalciteAlert() {
+        this.calciteAlertClose.emit({ requestedAlert: this.alertId });
+    }
+    /**  emit the `calciteAlertOpen` event - <calcite-alerts> listens for this  */
+    async openCalciteAlert() {
+        this.calciteAlertOpen.emit({ requestedAlert: this.alertId });
+    }
+    connectedCallback() {
+        // prop validations
+        let colors = ["blue", "red", "green", "yellow"];
+        if (!colors.includes(this.color))
+            this.color = "blue";
+        let durations = ["slow", "medium", "fast"];
+        if (this.duration !== null && !durations.includes(this.duration))
+            this.duration = "medium";
+        let themes = ["dark", "light"];
+        if (!themes.includes(this.theme))
+            this.theme = "light";
+    }
+    setIcon() {
+        var path = this.iconDefaults[this.color];
+        return (__chunk_1.h("div", { class: "alert-icon" }, __chunk_1.h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", viewBox: "0 0 24 24" }, __chunk_1.h("path", { d: path }))));
+    }
+    render() {
+        const dir = __chunk_4.getElementDir(this.el);
+        const closeButton = (__chunk_1.h("button", { class: "alert-close", "aria-label": "close", onClick: () => this.closeCalciteAlert() }, __chunk_1.h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "32", width: "32", viewBox: "0 0 32 32" }, __chunk_1.h("path", { d: __chunk_5.x32 }))));
+        const close = !this.dismiss ? closeButton : "";
+        const icon = this.icon ? this.setIcon() : "";
+        const count = (__chunk_1.h("div", { class: `${this.queueLength > 0 ? "active " : ""}alert-count` }, "+", this.queueLength > 0 ? this.queueLength : 1));
+        const progress = this.active && this.dismiss ? __chunk_1.h("div", { class: "alert-dismiss" }) : "";
+        return (__chunk_1.h(__chunk_1.Host, { active: !!this.active, dir: dir }, icon, __chunk_1.h("div", { class: "alert-content" }, __chunk_1.h("slot", { name: "alert-title" }), __chunk_1.h("slot", { name: "alert-message" }), __chunk_1.h("slot", { name: "alert-link" })), count, close, progress));
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get watchers() { return {
+        "currentAlert": ["watchCurrentAlert"]
+    }; }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-alert-background:#fff;--calcite-alert-title-text:#404040;--calcite-alert-message-text:#555;--calcite-alert-icon-fill:#151515;--calcite-alert-close-background-hover:#f3f3f3;--calcite-alert-close-background-pressed:#eaeaea;--calcite-alert-count-text:#404040;--calcite-alert-count-border:#f3f3f3;--calcite-alert-dismiss-background:hsla(0,0%,100%,0.6);--calcite-alert-border-blue:#007ac2;--calcite-alert-border-green:#35ac46;--calcite-alert-border-red:#d83020;--calcite-alert-border-yellow:#edd317}:host([theme=dark]){--calcite-alert-background:#2b2b2b;--calcite-alert-title-text:#f8f8f8;--calcite-alert-message-text:#f3f3f3;--calcite-alert-icon-fill:#d4d4d4;--calcite-alert-close-background-hover:#202020;--calcite-alert-close-background-pressed:#151515;--calcite-alert-count-text:#d4d4d4;--calcite-alert-count-border:#202020;--calcite-alert-dismiss-background:rgba(43,43,43,0.6);--calcite-alert-border-blue:#3db8ff;--calcite-alert-border-green:#3bed52;--calcite-alert-border-red:#ff0015;--calcite-alert-border-yellow:#fe3}:host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;pointer-events:none;z-index:102;margin:0 auto;width:50em;max-width:90%;max-height:0;background-color:var(--calcite-alert-background);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);border-radius:2px;opacity:0;-webkit-transform:translate3d(0,1.5rem,0);transform:translate3d(0,1.5rem,0);-webkit-transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;-webkit-border-before:0 solid transparent;border-block-start:0 solid transparent}\@media only screen and (max-width:860px){:host{width:100%;max-width:100%;border-radius:2px 2px 0 0;-webkit-box-shadow:0 -8px 16px 0 rgba(0,0,0,.15);box-shadow:0 -8px 16px 0 rgba(0,0,0,.15)}}:host:host(.hydrated){visibility:hidden!important}:host:host([active]){opacity:1;max-height:100%;-webkit-transform:translate3d(0,-1.5rem,0);transform:translate3d(0,-1.5rem,0);pointer-events:auto;border-block-start-width:3px}:host:host([active]):host(.hydrated){visibility:visible!important}\@media only screen and (max-width:860px){:host:host([active]){-webkit-transform:translateZ(0);transform:translateZ(0)}}:host slot[name=alert-title]::slotted(div){font-size:1rem;line-height:1.5;color:var(--calcite-alert-title-text);font-weight:500}:host slot[name=alert-link]::slotted(a),:host slot[name=alert-link]::slotted(calcite-button){font-size:.9375rem;line-height:1.5}:host slot[name=alert-message]::slotted(div){display:inline;margin-right:.75rem;font-size:.9375rem;line-height:1.5;color:var(--calcite-alert-message-text)}:host([dir=rtl]) slot[name=alert-message]::slotted(div){margin-right:unset;margin-left:.75rem}.alert-content{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;word-wrap:break-word;-webkit-padding-before:.75rem;padding-block-start:.75rem;-webkit-padding-after:.75rem;padding-block-end:.75rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem;-webkit-padding-start:0;padding-inline-start:0}.alert-content svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-content{padding:1.5rem}}.alert-content:first-of-type{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}\@media only screen and (max-width:860px){.alert-content{-webkit-padding-before:1.5rem;padding-block-start:1.5rem;-webkit-padding-after:1.5rem;padding-block-end:1.5rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem;-webkit-padding-start:0;padding-inline-start:0}}.alert-icon{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.alert-icon svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-icon{padding:1.5rem}}.alert-close{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:transparent;-webkit-appearance:none;border:none;outline:none;cursor:pointer;border-radius:0 0 2px 0}.alert-close svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-close{padding:1.5rem}}.alert-close svg{fill:var(--calcite-alert-icon-fill)}.alert-close:focus,.alert-close:hover{background-color:var(--calcite-alert-close-background-hover)}.alert-close:active{background-color:var(--calcite-alert-close-background-pressed)}:host([dir=rtl]) .alert-close{border-radius:0 0 0 2px}\@media only screen and (max-width:860px){:host([dir=rtl]) .alert-close{border-radius:0}}.alert-count{font-size:.875rem;line-height:1.5;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;overflow:hidden;width:0;visibility:hidden;font-weight:500;text-align:center;color:var(--calcite-alert-count-text);opacity:0;-webkit-border-start:0 solid transparent;border-inline-start:0 solid transparent;-webkit-border-end:0 solid transparent;border-inline-end:0 solid transparent;cursor:default;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.alert-count.active{visibility:visible;opacity:1;padding:0 .375rem;width:3rem;-webkit-border-start:1px solid var(--calcite-alert-count-border);border-inline-start:1px solid var(--calcite-alert-count-border);-webkit-border-end:1px solid var(--calcite-alert-count-border);border-inline-end:1px solid var(--calcite-alert-count-border)}.alert-count.active:last-child{-webkit-border-end:0 solid transparent;border-inline-end:0 solid transparent}\@media only screen and (max-width:860px){.alert-count{border-radius:0}}.alert-dismiss{left:0;top:0;width:100%;z-index:103}.alert-dismiss,.alert-dismiss:after{display:block;position:absolute;right:0;height:3px}.alert-dismiss:after{top:-3px;border-radius:2px 2px 0 0;content:\"\";background-color:var(--calcite-alert-dismiss-background);z-index:104}:host([color=blue]){border-block-start-color:var(--calcite-alert-border-blue)}:host([color=blue]) .alert-icon svg{fill:var(--calcite-alert-border-blue)}:host([color=red]){border-block-start-color:var(--calcite-alert-border-red)}:host([color=red]) .alert-icon svg{fill:var(--calcite-alert-border-red)}:host([color=yellow]){border-block-start-color:var(--calcite-alert-border-yellow)}:host([color=yellow]) .alert-icon svg{fill:var(--calcite-alert-border-yellow)}:host([color=green]){border-block-start-color:var(--calcite-alert-border-green)}:host([color=green]) .alert-icon svg{fill:var(--calcite-alert-border-green)}:host([duration=fast]) .alert-dismiss:after{-webkit-animation:dismissProgress 6s ease-out;animation:dismissProgress 6s ease-out}:host([duration=medium]) .alert-dismiss:after{-webkit-animation:dismissProgress 10s ease-out;animation:dismissProgress 10s ease-out}:host([duration=slow]) .alert-dismiss:after{-webkit-animation:dismissProgress 14s ease-out;animation:dismissProgress 14s ease-out}\@-webkit-keyframes dismissProgress{0%{width:0;opacity:0}to{width:100%;opacity:1}}\@keyframes dismissProgress{0%{width:0;opacity:0}to{width:100%;opacity:1}}"; }
+}
+AlertInterface.injectProps(CalciteAlert, ["currentAlert", "queueLength"]);
+
+class CalciteAlerts {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        this.currentAlert = "";
+        this.active = false;
+        this.alertQueue = [];
+        this.calciteAlertsClose = __chunk_1.createEvent(this, "calciteAlertsClose", 7);
+        this.calciteAlertsOpen = __chunk_1.createEvent(this, "calciteAlertsOpen", 7);
+    }
+    /** Adds the requested alert to the alert queue, if not present */
+    updateQueueOnOpen(event) {
+        if (!this.alertQueue.includes(event.detail.requestedAlert)) {
+            this.active = true;
+            this.currentAlert = event.detail.requestedAlert;
+            this.alertQueue.push(event.detail.requestedAlert);
+            this.calciteAlertsOpen.emit({
+                currentAlert: this.currentAlert,
+                alertQueue: this.alertQueue
+            });
+        }
+    }
+    /** Closes the requested alert and removes from the queue, or removes from queue if not active */
+    updateQueueOnClose(event) {
+        if (this.alertQueue.includes(event.detail.requestedAlert))
+            this.alertQueue = this.alertQueue.filter(e => e !== event.detail.requestedAlert);
+        if (this.alertQueue.length < 1)
+            setTimeout(() => {
+                this.active = false;
+            }, 400);
+        this.calciteAlertsClose.emit({
+            currentAlert: this.currentAlert,
+            alertQueue: this.alertQueue
+        });
+    }
+    componentWillUpdate() {
+        this.currentAlert = this.alertQueue.length > 0 ? this.alertQueue[0] : "";
+    }
+    render() {
+        const alertState = {
+            currentAlert: this.currentAlert,
+            queueLength: this.alertQueue.length >= 2 ? this.alertQueue.length - 1 : 0
+        };
+        return (__chunk_1.h(__chunk_1.Host, { active: !!this.active }, __chunk_1.h(AlertInterface.Provider, { state: alertState }, __chunk_1.h("slot", null))));
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{display:none;position:fixed;left:0;right:0;bottom:0;pointer-events:none;z-index:101}:host:host([active]){display:block}"; }
+}
+
+exports.calcite_alert = CalciteAlert;
+exports.calcite_alerts = CalciteAlerts;
diff --git a/dist/cjs/calcite-button.cjs.entry.js b/dist/cjs/calcite-button.cjs.entry.js
new file mode 100644
index 00000000000..ddd0ee66374
--- /dev/null
+++ b/dist/cjs/calcite-button.cjs.entry.js
@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+const __chunk_4 = require('./chunk-51cd86d5.js');
+
+/** @slot default text slot for button text */
+/** Any attributes placed on <calcite-button> component will propagate to the rendered child */
+/** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
+/** Using appearance=inline will also render as an anchor link. */
+/** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */
+class CalciteButton {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        /** specify the color of the button, defaults to blue */
+        this.color = "blue";
+        /** specify the appearance style of the button, defaults to solid. Specifying "inline" will render the component as an anchor */
+        this.appearance = "solid";
+        /** specify the scale of the button, defaults to m */
+        this.scale = "m";
+        /** specify the width of the button, defaults to auto */
+        this.width = "auto";
+        /** optionally add a calcite-loader component inline to indicate loading is occuring. You can add and remove this prop depending on status  */
+        this.loading = false;
+        /** optionally pass icon path data to be positioned within the button - pass only raw path data from calcite ui helper  */
+        this.icon = null;
+        /**
+         * @internal
+         */
+        // hastext prop for spacing graphic when text is present in slot
+        this.hastext = false;
+    }
+    connectedCallback() {
+        // prop validations
+        let appearance = ["solid", "outline", "clear", "inline"];
+        if (!appearance.includes(this.appearance))
+            this.appearance = "solid";
+        let color = ["blue", "red", "dark", "light"];
+        if (!color.includes(this.color))
+            this.color = "blue";
+        let scale = ["xs", "s", "m", "l", "xl"];
+        if (!scale.includes(this.scale))
+            this.scale = "m";
+        let width = ["auto", "half", "full"];
+        if (!width.includes(this.width))
+            this.width = "auto";
+    }
+    componentDidLoad() {
+        let textSlot = this.el.shadowRoot.querySelector("slot");
+        let textNode = textSlot ? textSlot.assignedNodes() : null;
+        if (textNode && (textNode[0] !== undefined && textNode[0] !== null))
+            this.hastext = true;
+    }
+    getAttributes() {
+        // spreadable attributes to pass to component child, if they aren't props
+        let props = [
+            "appearance",
+            "color",
+            "loading",
+            "scale",
+            "width",
+            "icon",
+            "dir"
+        ];
+        return Array.from(this.el.attributes)
+            .filter(a => !props.includes(a.name))
+            .reduce((acc, { name, value }) => (Object.assign({}, acc, { [name]: value })), {});
+    }
+    render() {
+        const dir = __chunk_4.getElementDir(this.el);
+        const attributes = this.getAttributes();
+        const Type = this.href || this.appearance === "inline" ? "a" : "button";
+        const role = Type === "a" ? "link" : "button";
+        const loader = __chunk_1.h("calcite-loader", { "is-active": true, inline: true });
+        const graphic = this.loading ? (__chunk_1.h("div", { class: "calcite-button--graphic" }, loader)) : this.icon ? (__chunk_1.h("div", { class: "calcite-button--graphic" }, __chunk_1.h("svg", { class: "calcite-button--icon", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24" }, __chunk_1.h("path", { d: this.icon })))) : null;
+        return (__chunk_1.h(__chunk_1.Host, { dir: dir, hastext: this.hastext }, __chunk_1.h(Type, Object.assign({}, attributes, { role: role }), graphic, __chunk_1.h("slot", null))));
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host a,:host button{position:relative;display:inline-block;padding:.375rem 1rem;text-decoration:none;width:auto;border-radius:0;border:none;line-height:inherit;font-family:inherit;-webkit-appearance:none;cursor:pointer;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}:host a:hover,:host button:hover{text-decoration:none}:host([width=half]) a,:host([width=half]) button{width:50%}:host([width=full]) a,:host([width=full]) button{width:100%}:host([hastext]) .calcite-button--graphic{margin-right:.5rem}:host([hastext][dir=rtl]) .calcite-button--graphic{margin-right:0;margin-left:.5rem}.calcite-button--icon{height:16px;width:16px;margin:0 auto;line-height:inherit;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.calcite-button--graphic{display:-ms-inline-flexbox;display:inline-flex;top:2px;width:16px;height:16px;position:relative}:host([appearance=solid][color=blue]) a,:host([appearance=solid][color=blue]) button{color:#fff;background-color:#007ac2;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=blue]) a:focus,:host([appearance=solid][color=blue]) a:hover,:host([appearance=solid][color=blue]) button:focus,:host([appearance=solid][color=blue]) button:hover{background-color:#2890ce;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=solid][color=blue]) a:active,:host([appearance=solid][color=blue]) button:active{background-color:#007ac2;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=solid][color=blue]) a .calcite-button--icon,:host([appearance=solid][color=blue]) button .calcite-button--icon{fill:#fff}:host([appearance=solid][color=red]) a,:host([appearance=solid][color=red]) button{color:#fff;background-color:#d83020;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=red]) a:focus,:host([appearance=solid][color=red]) a:hover,:host([appearance=solid][color=red]) button:focus,:host([appearance=solid][color=red]) button:hover{background-color:#e65240;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=solid][color=red]) a:active,:host([appearance=solid][color=red]) button:active{background-color:#d83020;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=solid][color=red]) a .calcite-button--icon,:host([appearance=solid][color=red]) button .calcite-button--icon{fill:#fff}:host([appearance=solid][color=light]) a,:host([appearance=solid][color=light]) button{color:#000;background-color:#f3f3f3;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=light]) a:focus,:host([appearance=solid][color=light]) a:hover,:host([appearance=solid][color=light]) button:focus,:host([appearance=solid][color=light]) button:hover{background-color:#fff;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=solid][color=light]) a:active,:host([appearance=solid][color=light]) button:active{background-color:#f3f3f3;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=solid][color=light]) a .calcite-button--icon,:host([appearance=solid][color=light]) button .calcite-button--icon{fill:#000}:host([appearance=solid][color=dark]) a,:host([appearance=solid][color=dark]) button{color:#fff;background-color:#2b2b2b;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=dark]) a:focus,:host([appearance=solid][color=dark]) a:hover,:host([appearance=solid][color=dark]) button:focus,:host([appearance=solid][color=dark]) button:hover{background-color:#404040;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=solid][color=dark]) a:active,:host([appearance=solid][color=dark]) button:active{background-color:#2b2b2b;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=solid][color=dark]) a .calcite-button--icon,:host([appearance=solid][color=dark]) button .calcite-button--icon{fill:#fff}:host([appearance=outline][color=blue]) a,:host([appearance=outline][color=blue]) button{color:#007ac2;background-color:#fff;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=blue]) a:hover,:host([appearance=outline][color=blue]) button:hover{border-color:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=outline][color=blue]) a:active,:host([appearance=outline][color=blue]) a:focus,:host([appearance=outline][color=blue]) button:active,:host([appearance=outline][color=blue]) button:focus{color:#00619b;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=outline][color=blue]) a .calcite-button--icon,:host([appearance=outline][color=blue]) button .calcite-button--icon{fill:#007ac2}:host([appearance=outline][color=red]) a,:host([appearance=outline][color=red]) button{color:#d83020;background-color:#fff;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=red]) a:hover,:host([appearance=outline][color=red]) button:hover{border-color:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=outline][color=red]) a:active,:host([appearance=outline][color=red]) a:focus,:host([appearance=outline][color=red]) button:active,:host([appearance=outline][color=red]) button:focus{color:#a82b1e;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=outline][color=red]) a .calcite-button--icon,:host([appearance=outline][color=red]) button .calcite-button--icon{fill:#d83020}:host([appearance=outline][color=light]) a,:host([appearance=outline][color=light]) button{color:#151515;background-color:#fff;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=light]) a:hover,:host([appearance=outline][color=light]) button:hover{border-color:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=outline][color=light]) a:active,:host([appearance=outline][color=light]) a:focus,:host([appearance=outline][color=light]) button:active,:host([appearance=outline][color=light]) button:focus{color:#000;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=outline][color=light]) a .calcite-button--icon,:host([appearance=outline][color=light]) button .calcite-button--icon{fill:#151515}:host([appearance=outline][color=dark]) a,:host([appearance=outline][color=dark]) button{color:#151515;background-color:#fff;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=dark]) a:hover,:host([appearance=outline][color=dark]) button:hover{border-color:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=outline][color=dark]) a:active,:host([appearance=outline][color=dark]) a:focus,:host([appearance=outline][color=dark]) button:active,:host([appearance=outline][color=dark]) button:focus{color:#000;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=outline][color=dark]) a .calcite-button--icon,:host([appearance=outline][color=dark]) button .calcite-button--icon{fill:#151515}:host([appearance=clear][color=blue]) a,:host([appearance=clear][color=blue]) button{color:#007ac2;background-color:transparent;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=blue]) a:hover,:host([appearance=clear][color=blue]) button:hover{border-color:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=clear][color=blue]) a:active,:host([appearance=clear][color=blue]) a:focus,:host([appearance=clear][color=blue]) button:active,:host([appearance=clear][color=blue]) button:focus{color:#00619b;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=clear][color=blue]) a .calcite-button--icon,:host([appearance=clear][color=blue]) button .calcite-button--icon{fill:#007ac2}:host([appearance=clear][color=red]) a,:host([appearance=clear][color=red]) button{color:#d83020;background-color:transparent;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=red]) a:hover,:host([appearance=clear][color=red]) button:hover{border-color:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=clear][color=red]) a:active,:host([appearance=clear][color=red]) a:focus,:host([appearance=clear][color=red]) button:active,:host([appearance=clear][color=red]) button:focus{color:#a82b1e;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=clear][color=red]) a .calcite-button--icon,:host([appearance=clear][color=red]) button .calcite-button--icon{fill:#d83020}:host([appearance=clear][color=light]) a,:host([appearance=clear][color=light]) button{color:#f8f8f8;background-color:transparent;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=light]) a:hover,:host([appearance=clear][color=light]) button:hover{border-color:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=clear][color=light]) a:active,:host([appearance=clear][color=light]) a:focus,:host([appearance=clear][color=light]) button:active,:host([appearance=clear][color=light]) button:focus{color:#fff;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=clear][color=light]) a .calcite-button--icon,:host([appearance=clear][color=light]) button .calcite-button--icon{fill:#f8f8f8}:host([appearance=clear][color=dark]) a,:host([appearance=clear][color=dark]) button{color:#151515;background-color:transparent;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=dark]) a:hover,:host([appearance=clear][color=dark]) button:hover{border-color:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=clear][color=dark]) a:active,:host([appearance=clear][color=dark]) a:focus,:host([appearance=clear][color=dark]) button:active,:host([appearance=clear][color=dark]) button:focus{color:#000;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=clear][color=dark]) a .calcite-button--icon,:host([appearance=clear][color=dark]) button .calcite-button--icon{fill:#151515}:host([appearance=inline][color=blue]) a,:host([appearance=inline][color=blue]) button{display:inline;padding:0;outline:none;border:none;color:#007ac2;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(0,122,194,.4)),to(rgba(0,122,194,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(0,122,194,.4),rgba(0,122,194,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=blue]) a:focus,:host([appearance=inline][color=blue]) a:hover,:host([appearance=inline][color=blue]) button:focus,:host([appearance=inline][color=blue]) button:hover{color:#2890ce;background-size:100% 2px,100% 1px}:host([appearance=inline][color=blue]) a:active,:host([appearance=inline][color=blue]) button:active{color:#007ac2;background-size:100% 2px,100% 1px}:host([appearance=inline][color=blue]) a .calcite-button--icon,:host([appearance=inline][color=blue]) button .calcite-button--icon{fill:#007ac2;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=red]) a,:host([appearance=inline][color=red]) button{display:inline;padding:0;outline:none;border:none;color:#d83020;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(216,48,32,.4)),to(rgba(216,48,32,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(216,48,32,.4),rgba(216,48,32,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=red]) a:focus,:host([appearance=inline][color=red]) a:hover,:host([appearance=inline][color=red]) button:focus,:host([appearance=inline][color=red]) button:hover{color:#e65240;background-size:100% 2px,100% 1px}:host([appearance=inline][color=red]) a:active,:host([appearance=inline][color=red]) button:active{color:#d83020;background-size:100% 2px,100% 1px}:host([appearance=inline][color=red]) a .calcite-button--icon,:host([appearance=inline][color=red]) button .calcite-button--icon{fill:#d83020;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=light]) a,:host([appearance=inline][color=light]) button{display:inline;padding:0;outline:none;border:none;color:#f3f3f3;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,95.3%,.4)),to(hsla(0,0%,95.3%,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(hsla(0,0%,95.3%,.4),hsla(0,0%,95.3%,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=light]) a:focus,:host([appearance=inline][color=light]) a:hover,:host([appearance=inline][color=light]) button:focus,:host([appearance=inline][color=light]) button:hover{color:#fff;background-size:100% 2px,100% 1px}:host([appearance=inline][color=light]) a:active,:host([appearance=inline][color=light]) button:active{color:#f3f3f3;background-size:100% 2px,100% 1px}:host([appearance=inline][color=light]) a .calcite-button--icon,:host([appearance=inline][color=light]) button .calcite-button--icon{fill:#f3f3f3;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=dark]) a,:host([appearance=inline][color=dark]) button{display:inline;padding:0;outline:none;border:none;color:#2b2b2b;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(43,43,43,.4)),to(rgba(43,43,43,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(43,43,43,.4),rgba(43,43,43,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=dark]) a:focus,:host([appearance=inline][color=dark]) a:hover,:host([appearance=inline][color=dark]) button:focus,:host([appearance=inline][color=dark]) button:hover{color:#404040;background-size:100% 2px,100% 1px}:host([appearance=inline][color=dark]) a:active,:host([appearance=inline][color=dark]) button:active{color:#2b2b2b;background-size:100% 2px,100% 1px}:host([appearance=inline][color=dark]) a .calcite-button--icon,:host([appearance=inline][color=dark]) button .calcite-button--icon{fill:#2b2b2b;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][dir=rtl]) a,:host([appearance=inline][dir=rtl]) button{background-position:100% 100%,100% 100%}:host([scale=xs]:not([appearance=inline])) a,:host([scale=xs]:not([appearance=inline])) button{padding:calc(1.5rem/ 6) calc(1.5rem* .3);font-size:.8125rem;line-height:1.5}:host([scale=s]:not([appearance=inline])) a,:host([scale=s]:not([appearance=inline])) button{padding:calc(1.5rem/ 4) calc(1.5rem* .5);font-size:.875rem;line-height:1.5}:host([scale=m]:not([appearance=inline])) a,:host([scale=m]:not([appearance=inline])) button{padding:calc(1.5rem/ 3) calc(1.5rem* .75);font-size:.9375rem;line-height:1.5}:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{padding:calc(1.5rem / 2) calc(1.5rem* 1);font-size:1.2019rem;line-height:1.5}\@media screen and (max-width:859px){:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{font-size:1.1305rem}}\@media screen and (max-width:479px){:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{font-size:1.0625rem}}:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{padding:calc(1.5rem / 1.5) calc(1.5rem* 1.25);font-size:1.414rem;line-height:1.5}\@media screen and (max-width:859px){:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{font-size:1.33rem}}\@media screen and (max-width:479px){:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{font-size:1.25rem}}"; }
+}
+
+exports.calcite_button = CalciteButton;
diff --git a/dist/cjs/calcite-checkbox.cjs.entry.js b/dist/cjs/calcite-checkbox.cjs.entry.js
new file mode 100644
index 00000000000..a7ce8681268
--- /dev/null
+++ b/dist/cjs/calcite-checkbox.cjs.entry.js
@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+const __chunk_2 = require('./chunk-15f3d72e.js');
+
+class CalciteCheckbox {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        /** True if the checkbox is initially checked */
+        this.checked = false;
+        /**
+         * True if the checkbox is initially indeterminate,
+         * which is independent from its checked state
+         * https://css-tricks.com/indeterminate-checkboxes/
+         * */
+        this.indeterminate = false;
+        /** The name of the checkbox input */
+        this.name = "";
+        /** The value of the checkbox input */
+        this.value = "";
+        /** Size of the checkbox  */
+        this.size = null;
+        /** True if the checkbox is disabled */
+        this.disabled = false;
+        /** Determines what theme to use */
+        this.theme = "light";
+        this.toggle = () => {
+            if (!this.disabled) {
+                this.checked = !this.checked;
+                this.indeterminate = false;
+            }
+        };
+        this.indeterminatePath = "M4 7h8v2H4z";
+        this.checkedPath = "M12.753 3l-7.319 7.497L3.252 8.31 2 9.373l3.434 3.434L14 4.24z";
+        this.getPath = () => this.indeterminate
+            ? this.indeterminatePath
+            : this.checked
+                ? this.checkedPath
+                : "";
+        this.syncThisToProxyInput = () => {
+            this.checked = this.inputProxy.hasAttribute("checked");
+            this.name = this.inputProxy.name;
+            this.value = this.inputProxy.value;
+        };
+        this.syncProxyInputToThis = () => {
+            this.checked
+                ? this.inputProxy.setAttribute("checked", "")
+                : this.inputProxy.removeAttribute("checked");
+            this.inputProxy.name = this.name;
+            this.inputProxy.value = this.value;
+        };
+        this.calciteCheckboxChange = __chunk_1.createEvent(this, "calciteCheckboxChange", 7);
+    }
+    onClick({ target }) {
+        // prevent duplicate click events that occur
+        // when the component is wrapped in a label and checkbox is clicked
+        if ((this.el.closest("label") && target === this.inputProxy) ||
+            (!this.el.closest("label") && target === this.el)) {
+            this.toggle();
+        }
+    }
+    keyDownHandler({ keyCode }) {
+        if (keyCode === __chunk_2.SPACE || keyCode === __chunk_2.ENTER) {
+            this.toggle();
+        }
+    }
+    checkedWatcher() {
+        this.calciteCheckboxChange.emit();
+        this.checked
+            ? this.inputProxy.setAttribute("checked", "")
+            : this.inputProxy.removeAttribute("checked");
+    }
+    connectedCallback() {
+        this.setupProxyInput();
+    }
+    disconnectedCallback() {
+        this.observer.disconnect();
+    }
+    componentWillRender() {
+        this.syncProxyInputToThis();
+    }
+    render() {
+        return (__chunk_1.h(__chunk_1.Host, { role: "checkbox", "aria-checked": this.checked, tabindex: this.disabled ? "-1" : "0" }, __chunk_1.h("svg", { class: "check-svg", viewBox: "0 0 16 16" }, __chunk_1.h("path", { d: this.getPath(), fill: "white" })), __chunk_1.h("slot", null)));
+    }
+    setupProxyInput() {
+        // check for a proxy input
+        this.inputProxy = this.el.querySelector("input");
+        // if the user didn't pass a proxy input create one for them
+        if (!this.inputProxy) {
+            this.inputProxy = document.createElement("input");
+            this.inputProxy.type = "checkbox";
+            this.syncProxyInputToThis();
+            this.el.appendChild(this.inputProxy);
+        }
+        this.syncThisToProxyInput();
+        this.observer = new MutationObserver(this.syncThisToProxyInput);
+        this.observer.observe(this.inputProxy, { attributes: true });
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get watchers() { return {
+        "checked": ["checkedWatcher"]
+    }; }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}::slotted(input){display:none}:host{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;tap-highlight-color:transparent}.check-svg,:host{display:inline-block;cursor:pointer}.check-svg{width:20px;height:20px;overflow:hidden;background-color:#fff;border:1px solid #757575;border-radius:2px;vertical-align:-.25em;margin-right:.25em;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-box-sizing:border-box;box-sizing:border-box}:host([theme=dark]) .check-svg{background-color:transparent;border-color:#eaeaea}:host([theme=dark][disabled]) .check-svg{border-color:#757575;background-color:#2b2b2b}:host([theme=dark][checked]) .check-svg,:host([theme=dark][indeterminate]) .check-svg{background-color:#3db8ff}:host([size=large]) .check-svg{width:24px;height:24px;border-radius:4px}:host([size=small]) .check-svg{width:16px;height:16px}:host([disabled]){pointer-events:none;cursor:default}:host([disabled]) .check-svg{background-color:#f3f3f3;border-color:#eaeaea}:host([disabled][checked]) .check-svg,:host([disabled][indeterminate]) .check-svg{background-color:#84c1e8;border-color:#84c1e8}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:#007ac2;border:1px solid #007ac2}:host(:focus),:host(:hover){outline:none}:host(:focus) .check-svg,:host(:hover) .check-svg{border-color:#0079c1!important;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5),0 0 5px rgba(81,167,232,.5);box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5),0 0 5px rgba(81,167,232,.5)}"; }
+}
+
+exports.calcite_checkbox = CalciteCheckbox;
diff --git a/dist/cjs/calcite-example.cjs.entry.js b/dist/cjs/calcite-example.cjs.entry.js
new file mode 100644
index 00000000000..d930539badf
--- /dev/null
+++ b/dist/cjs/calcite-example.cjs.entry.js
@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+
+class CalciteExample {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Be sure to add a jsdoc comment describing your propery for the generated readme file.
+         * If your property should be hidden from documentation, you can use the `@internal` tag
+         */
+        this.property = "default";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        this.state = "default";
+        this.open = __chunk_1.createEvent(this, "open", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillUpdate() { }
+    render() {
+        console.log(this.state);
+        return __chunk_1.h(__chunk_1.Host, null);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    onClick(e) {
+        console.log(e);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Add a jsdoc comment describing your method and it's parameters (use `@param`).
+     */
+    async doThing() {
+        return Promise.resolve(this.privateMethod());
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    privateMethod() { }
+    get el() { return __chunk_1.getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}"; }
+}
+
+exports.calcite_example = CalciteExample;
diff --git a/dist/cjs/calcite-loader.cjs.entry.js b/dist/cjs/calcite-loader.cjs.entry.js
new file mode 100644
index 00000000000..9ff1c3d9fc9
--- /dev/null
+++ b/dist/cjs/calcite-loader.cjs.entry.js
@@ -0,0 +1,130 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+const __chunk_3 = require('./chunk-7f841849.js');
+const __chunk_4 = require('./chunk-51cd86d5.js');
+
+class CalciteLoader {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Show the loader
+         */
+        this.isActive = false;
+        /**
+         * Inline loaders are smaller and will appear to the left of the text
+         */
+        this.inline = false;
+        /**
+         * Use indeterminate if finding actual progress value is impossible
+         */
+        this.type = "indeterminate";
+        /**
+         * Percent complete of 100, only valid for determinate indicators
+         */
+        this.value = 0;
+        /**
+         * Text which should appear under the loading indicator (optional)
+         */
+        this.text = "";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.loaderBarOffsets = [0, 0, 0];
+        /**
+         * @internal
+         */
+        this.loaderBarRates = [1, 2.25, 3.5];
+        /**
+         * @internal
+         */
+        this.isEdge = false;
+        /**
+         * @internal
+         */
+        this.animationID = null;
+        /**
+         * @internal
+         */
+        this.guid = `calcite-loader-${__chunk_3.guid()}`;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentDidLoad() {
+        this.isEdge = /Edge/.test(navigator.userAgent);
+        if (this.isEdge) {
+            this.updateOffset();
+        }
+    }
+    componentDidUnload() {
+        if (this.animationID) {
+            window.cancelAnimationFrame(this.animationID);
+        }
+    }
+    render() {
+        const dir = __chunk_4.getElementDir(this.el);
+        const id = this.el.id || this.guid;
+        const ariaAttributes = {
+            "aria-valuenow": this.value,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100
+        };
+        const size = this.inline ? 16 : 56;
+        const viewbox = this.inline ? "0 0 16 16" : "0 0 56 56";
+        const isDeterminate = this.type === "determinate";
+        const styleProperties = {};
+        if (this.isEdge) {
+            styleProperties["--calcite-loader-offset"] = `${this.loaderBarOffsets[0]}%`;
+            styleProperties["--calcite-loader-offset2"] = `${this.loaderBarOffsets[1]}%`;
+            styleProperties["--calcite-loader-offset3"] = `${this.loaderBarOffsets[2]}%`;
+        }
+        const progress = {
+            "--calcite-loader-progress": `${-400 - this.value * 4}%`
+        };
+        return (__chunk_1.h(__chunk_1.Host, Object.assign({ id: id, dir: dir, role: "progressbar" }, (this.type === "determinate" ? ariaAttributes : {}), { style: styleProperties }), __chunk_1.h("svg", { viewBox: viewbox, class: "loader__square" }, __chunk_1.h("rect", { width: size, height: size })), __chunk_1.h("svg", { viewBox: viewbox, class: "loader__square loader__square--2" }, __chunk_1.h("rect", { width: size, height: size })), __chunk_1.h("svg", { viewBox: viewbox, class: "loader__square loader__square--3", style: isDeterminate ? progress : {} }, __chunk_1.h("rect", { width: size, height: size })), this.text ? __chunk_1.h("div", { class: "loader__text" }, this.text) : "", this.value ? (__chunk_1.h("div", { class: "loader__percentage" }, Math.floor(this.value))) : ("")));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    updateOffset() {
+        this.loaderBarOffsets = this.rotateLoaderBars(this.loaderBarOffsets);
+        this.animationID = window.requestAnimationFrame(() => this.updateOffset());
+    }
+    /**
+     * @internal
+     */
+    rotateLoaderBars(barOffsets) {
+        return barOffsets.map((offset, i) => {
+            if (offset > -400) {
+                return offset - this.loaderBarRates[i];
+            }
+            else {
+                return 0;
+            }
+        });
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-loader-spot:#007ac2;--calcite-loader-spot-light:#009af2;--calcite-loader-spot-dark:#00619b;--calcite-loader-neutral:#eaeaea}:host([theme=dark]){--calcite-loader-neutral:#151515}:host{position:relative;display:none;padding-bottom:4rem;padding-top:4rem;margin-left:auto;margin-right:auto;min-height:54px;stroke:var(--calcite-loader-light);stroke-width:6px;stroke-dashoffset:0;fill:none;animation:loader-color-shift 2s linear infinite alternate-reverse}:host([is-active]){display:block}.loader__text{margin-top:4rem;line-height:1.5}.loader__percentage,.loader__text{display:block;text-align:center;font-size:.875rem}.loader__percentage{left:50%;margin-top:27px;line-height:.25}.loader__percentage,.loader__square{width:54px;position:absolute;top:4rem;margin-left:-27px}.loader__square{height:54px;left:0;left:50%;stroke-dasharray:50% 350%;-webkit-animation:loader-clockwise 2s linear infinite;animation:loader-clockwise 2s linear infinite}.loader__square--2{stroke-dasharray:100% 225% 50% 25%;-webkit-animation:loader-clockwise 1s linear infinite;animation:loader-clockwise 1s linear infinite}.loader__square--3{stroke-dasharray:50% 50% 75% 225%;-webkit-animation:loader-clockwise 1.85s linear infinite;animation:loader-clockwise 1.85s linear infinite}\@supports (-ms-ime-align:auto){.loader__square{stroke-dashoffset:var(--calcite-loader-offset);-webkit-animation:none;animation:none}.loader__square--2{stroke-dashoffset:var(--calcite-loader-offset2)}.loader__square--3{stroke-dashoffset:var(--calcite-loader-offset3)}}:host([type=determinate]){stroke:var(--calcite-loader-neutral);-webkit-animation:none;animation:none}:host([type=determinate]) .loader__square--3{stroke:var(--calcite-loader-spot);stroke-dasharray:400%;stroke-dashoffset:var(--calcite-loader-progress);-webkit-transition:all 50ms linear;transition:all 50ms linear;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:none;animation:none}:host([inline]){stroke:currentColor;stroke-width:4px;-webkit-animation:none;animation:none;margin:0;padding-bottom:0;padding-top:0;position:relative;height:16px;min-height:16px;width:16px;margin-right:8px;vertical-align:-2px}:host([inline][dir=rtl]){margin-left:8px;margin-right:0}:host([is-active][inline]){display:inline-block}:host([inline]) .loader__square{margin:0;position:absolute;top:0;left:0;width:16px;height:16px}\@-webkit-keyframes loader-color-shift{0%{stroke:var(--calcite-loader-spot-light)}to{stroke:var(--calcite-loader-spot-dark)}}\@keyframes loader-color-shift{0%{stroke:var(--calcite-loader-spot-light)}to{stroke:var(--calcite-loader-spot-dark)}}\@-webkit-keyframes loader-clockwise{0%{stroke-dashoffset:0}to{stroke-dashoffset:-400%}}\@keyframes loader-clockwise{0%{stroke-dashoffset:0}to{stroke-dashoffset:-400%}}"; }
+}
+
+exports.calcite_loader = CalciteLoader;
diff --git a/dist/cjs/calcite-modal.cjs.entry.js b/dist/cjs/calcite-modal.cjs.entry.js
new file mode 100644
index 00000000000..fa79c6a5898
--- /dev/null
+++ b/dist/cjs/calcite-modal.cjs.entry.js
@@ -0,0 +1,390 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+const __chunk_4 = require('./chunk-51cd86d5.js');
+const __chunk_5 = require('./chunk-1dda50bd.js');
+
+/**
+ * Traverses the slots of the open shadowroots and returns all children matching the query.
+ * @param {ShadowRoot | HTMLElement} root
+ * @param skipNode
+ * @param isMatch
+ * @param {number} maxDepth
+ * @param {number} depth
+ * @returns {HTMLElement[]}
+ */
+function queryShadowRoot(root, skipNode, isMatch, maxDepth = 20, depth = 0) {
+    let matches = [];
+    // If the depth is above the max depth, abort the searching here.
+    if (depth >= maxDepth) {
+        return matches;
+    }
+    // Traverses a slot element
+    const traverseSlot = ($slot) => {
+        // Only check nodes that are of the type Node.ELEMENT_NODE
+        // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+        const assignedNodes = $slot.assignedNodes().filter(node => node.nodeType === 1);
+        if (assignedNodes.length > 0) {
+            return queryShadowRoot(assignedNodes[0].parentElement, skipNode, isMatch, maxDepth, depth + 1);
+        }
+        return [];
+    };
+    // Go through each child and continue the traversing if necessary
+    // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.
+    // Therefore we fallback to an empty array if it is undefined.
+    const children = Array.from(root.children || []);
+    for (const $child of children) {
+        // Check if the node and its descendants should be skipped
+        if (skipNode($child)) {
+            continue;
+        }
+        // If the child matches we always add it
+        if (isMatch($child)) {
+            matches.push($child);
+        }
+        if ($child.shadowRoot != null) {
+            matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));
+        }
+        else if ($child.tagName === "SLOT") {
+            matches.push(...traverseSlot($child));
+        }
+        else {
+            matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));
+        }
+    }
+    return matches;
+}
+
+/**
+ * Returns whether the element is hidden.
+ * @param $elem
+ */
+function isHidden($elem) {
+    return $elem.hasAttribute("hidden")
+        || ($elem.hasAttribute("aria-hidden") && $elem.getAttribute("aria-hidden") !== "false")
+        // A quick and dirty way to check whether the element is hidden.
+        // For a more fine-grained check we could use "window.getComputedStyle" but we don't because of bad performance.
+        // If the element has visibility set to "hidden" or "collapse", display set to "none" or opacity set to "0" through CSS
+        // we won't be able to catch it here. We accept it due to the huge performance benefits.
+        || $elem.style.display === `none`
+        || $elem.style.opacity === `0`
+        || $elem.style.visibility === `hidden`
+        || $elem.style.visibility === `collapse`;
+}
+/**
+ * Returns whether the element is disabled.
+ * @param $elem
+ */
+function isDisabled($elem) {
+    return $elem.hasAttribute("disabled")
+        || ($elem.hasAttribute("aria-disabled") && $elem.getAttribute("aria-disabled") !== "false");
+}
+/**
+ * Determines whether an element is focusable.
+ * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194
+ * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable
+ * @param $elem
+ */
+function isFocusable($elem) {
+    // Discard elements that are removed from the tab order.
+    if ($elem.getAttribute("tabindex") === "-1" || isHidden($elem) || isDisabled($elem)) {
+        return false;
+    }
+    return (
+    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists
+    $elem.hasAttribute("tabindex")
+        // Anchor tags or area tags with a href set
+        || ($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute("href")
+        // Form elements which are not disabled
+        || ($elem instanceof HTMLButtonElement
+            || $elem instanceof HTMLInputElement
+            || $elem instanceof HTMLTextAreaElement
+            || $elem instanceof HTMLSelectElement)
+        // IFrames
+        || $elem instanceof HTMLIFrameElement);
+}
+
+let timeouts = new Map();
+/**
+ * Debounces a callback.
+ * @param cb
+ * @param ms
+ * @param id
+ */
+function debounce(cb, ms, id) {
+    // Clear current timeout for id
+    const timeout = timeouts.get(id);
+    if (timeout != null) {
+        window.clearTimeout(timeout);
+    }
+    // Set new timeout
+    timeouts.set(id, window.setTimeout(() => {
+        cb();
+        timeouts.delete(id);
+    }, ms));
+}
+
+/**
+ * Template for the focus trap.
+ */
+const template = document.createElement("template");
+template.innerHTML = `
+	<div id="start"></div>
+	<slot></slot>
+	<div id="backup"></div>
+	<div id="end"></div>
+`;
+/**
+ * Focus trap web component.
+ * @slot - Default content.
+ */
+class FocusTrap extends HTMLElement {
+    /**
+     * Attaches the shadow root.
+     */
+    constructor() {
+        super();
+        // The debounce id is used to distinguish this focus trap from others when debouncing
+        this.debounceId = Math.random().toString();
+        this._focused = false;
+        const shadow = this.attachShadow({ mode: "open" });
+        shadow.appendChild(template.content.cloneNode(true));
+        this.focusLastElement = this.focusLastElement.bind(this);
+        this.focusFirstElement = this.focusFirstElement.bind(this);
+        this.onFocusIn = this.onFocusIn.bind(this);
+        this.onFocusOut = this.onFocusOut.bind(this);
+    }
+    // Whenever one of these attributes changes we need to render the template again.
+    static get observedAttributes() {
+        return [
+            "inactive"
+        ];
+    }
+    /**
+     * Determines whether the focus trap is active or not.
+     * @attr
+     */
+    get inactive() {
+        return this.hasAttribute("inactive");
+    }
+    set inactive(value) {
+        value ? this.setAttribute("inactive", "") : this.removeAttribute("inactive");
+    }
+    /**
+     * Returns whether the element currently has focus.
+     */
+    get focused() {
+        return this._focused;
+    }
+    /**
+     * Hooks up the element.
+     */
+    connectedCallback() {
+        this.$backup = this.shadowRoot.querySelector("#backup");
+        this.$start = this.shadowRoot.querySelector("#start");
+        this.$end = this.shadowRoot.querySelector("#end");
+        this.$start.addEventListener("focus", this.focusLastElement);
+        this.$end.addEventListener("focus", this.focusFirstElement);
+        // Focus out is called every time the user tabs around inside the element
+        this.addEventListener("focusin", this.onFocusIn);
+        this.addEventListener("focusout", this.onFocusOut);
+        this.render();
+    }
+    /**
+     * Tears down the element.
+     */
+    disconnectedCallback() {
+        this.$start.removeEventListener("focus", this.focusLastElement);
+        this.$end.removeEventListener("focus", this.focusFirstElement);
+        this.removeEventListener("focusin", this.onFocusIn);
+        this.removeEventListener("focusout", this.onFocusOut);
+    }
+    /**
+     * When the attributes changes we need to re-render the template.
+     */
+    attributeChangedCallback() {
+        this.render();
+    }
+    /**
+     * Focuses the first focusable element in the focus trap.
+     */
+    focusFirstElement() {
+        this.trapFocus();
+    }
+    /**
+     * Focuses the last focusable element in the focus trap.
+     */
+    focusLastElement() {
+        this.trapFocus(true);
+    }
+    /**
+     * Returns a list of the focusable children found within the element.
+     */
+    getFocusableElements() {
+        return queryShadowRoot(this, isHidden, isFocusable);
+    }
+    /**
+     * Focuses on either the last or first focusable element.
+     * @param {boolean} trapToEnd
+     */
+    trapFocus(trapToEnd) {
+        if (this.inactive)
+            return;
+        let focusableChildren = this.getFocusableElements();
+        if (focusableChildren.length > 0) {
+            if (trapToEnd) {
+                focusableChildren[focusableChildren.length - 1].focus();
+            }
+            else {
+                focusableChildren[0].focus();
+            }
+            this.$backup.setAttribute("tabindex", "-1");
+        }
+        else {
+            // If there are no focusable children we need to focus on the backup
+            // to trap the focus. This is a useful behavior if the focus trap is
+            // for example used in a dialog and we don't want the user to tab
+            // outside the dialog even though there are no focusable children
+            // in the dialog.
+            this.$backup.setAttribute("tabindex", "0");
+            this.$backup.focus();
+        }
+    }
+    /**
+     * When the element gains focus this function is called.
+     */
+    onFocusIn() {
+        this.updateFocused(true);
+    }
+    /**
+     * When the element looses its focus this function is called.
+     */
+    onFocusOut() {
+        this.updateFocused(false);
+    }
+    /**
+     * Updates the focused property and updates the view.
+     * The update is debounced because the focusin and focusout out
+     * might fire multiple times in a row. We only want to render
+     * the element once, therefore waiting until the focus is "stable".
+     * @param value
+     */
+    updateFocused(value) {
+        debounce(() => {
+            if (this.focused !== value) {
+                this._focused = value;
+                this.render();
+            }
+        }, 0, this.debounceId);
+    }
+    /**
+     * Updates the template.
+     */
+    render() {
+        if (!this.isConnected)
+            return;
+        this.$start.setAttribute("tabindex", !this.focused || this.inactive ? `-1` : `0`);
+        this.$end.setAttribute("tabindex", !this.focused || this.inactive ? `-1` : `0`);
+        this.focused ? this.setAttribute("focused", "") : this.removeAttribute("focused");
+    }
+}
+window.customElements.define("focus-trap", FocusTrap);
+
+class CalciteModal {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /** Optionally pass a function to run before close */
+        this.beforeClose = () => Promise.resolve();
+        /** Aria label for the close button */
+        this.closeLabel = "Close";
+        /** Set the overall size of the modal */
+        this.size = "small";
+        /** Select theme (light or dark) */
+        this.theme = "light";
+        this.hideBackButton = true;
+        this.hideSecondaryButton = true;
+        this.calciteModalOpen = __chunk_1.createEvent(this, "calciteModalOpen", 7);
+        this.calciteModalClose = __chunk_1.createEvent(this, "calciteModalClose", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentDidLoad() {
+        const back = this.el.shadowRoot.querySelector("slot[name=back]");
+        const secondary = this.el.shadowRoot.querySelector("slot[name=secondary]");
+        back.addEventListener("slotchange", () => {
+            this.hideBackButton = !__chunk_4.hasSlottedContent(back);
+        });
+        secondary.addEventListener("slotchange", () => {
+            this.hideSecondaryButton = !__chunk_4.hasSlottedContent(secondary);
+        });
+    }
+    render() {
+        const dir = __chunk_4.getElementDir(this.el);
+        const theme = __chunk_4.getElementTheme(this.el);
+        return (__chunk_1.h(__chunk_1.Host, { role: "dialog", "aria-modal": "true", class: { "is-active": this.isActive }, dir: dir, theme: theme }, __chunk_1.h("div", { class: "modal" }, __chunk_1.h("focus-trap", { ref: el => (this.trap = el) }, __chunk_1.h("div", { class: "modal__header" }, __chunk_1.h("button", { class: "modal__close", "aria-label": this.closeLabel, onClick: () => this.close() }, __chunk_1.h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", viewBox: "0 0 24 24", fill: "currentColor" }, __chunk_1.h("path", { d: __chunk_5.x24 }))), __chunk_1.h("header", { class: "modal__title" }, __chunk_1.h("slot", { name: "header" }))), __chunk_1.h("div", { class: "modal__content" }, __chunk_1.h("slot", { name: "content" })), __chunk_1.h("div", { class: {
+                modal__footer: true,
+                "modal__footer--hide-back": this.hideBackButton,
+                "modal__footer--hide-secondary": this.hideSecondaryButton
+            } }, __chunk_1.h("slot", { name: "back" }), __chunk_1.h("slot", { name: "secondary" }), __chunk_1.h("slot", { name: "primary" }))))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    handleEscape(e) {
+        if (e.key === "Escape") {
+            this.close();
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /** Open the modal */
+    async open() {
+        this.previousActiveElement = document.activeElement;
+        this.isActive = true;
+        // wait for the modal to open, then handle focus.
+        return new Promise(resolve => {
+            setTimeout(() => {
+                if (this.firstFocus) {
+                    this.firstFocus.focus();
+                }
+                else {
+                    this.trap.focusFirstElement();
+                }
+                resolve(this.el);
+            }, 300);
+            document.documentElement.classList.add("overflow-hidden");
+            this.calciteModalOpen.emit();
+        });
+    }
+    /** Close the modal, first running the `beforeClose` method */
+    async close() {
+        return this.beforeClose(this.el).then(() => {
+            this.isActive = false;
+            this.previousActiveElement.focus();
+            document.documentElement.classList.remove("overflow-hidden");
+            this.calciteModalClose.emit();
+            return new Promise(resolve => {
+                setTimeout(() => resolve(this.el), 300);
+            });
+        });
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-modal-background:#fff;--calcite-modal-hover:#f3f3f3;--calcite-modal-pressed:#eaeaea;--calcite-modal-header-text:#151515;--calcite-modal-body-text:#151515;--calcite-modal-scrim:rgba(0,0,0,0.75);--calcite-modal-border:#f3f3f3;--calcite-modal-red:#d83020;--calcite-modal-blue:#007ac2;position:fixed;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow-y:hidden;color:var(--calcite-modal-body-text);opacity:0;visibility:hidden!important;background:var(--calcite-modal-scrim);-webkit-transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);z-index:101}:host([theme=dark]){--calcite-modal-background:#353535;--calcite-modal-pressed:#202020;--calcite-modal-header-text:#fff;--calcite-modal-body-text:#f3f3f3;--calcite-modal-scrim:rgba(0,0,0,0.75);--calcite-modal-border:#2b2b2b;--calcite-modal-hover:#2b2b2b;--calcite-modal-red:#d90012;--calcite-modal-blue:#009af2}.modal{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:80vh;z-index:102;float:none;text-align:left;overflow-y:auto;-webkit-overflow-scrolling:touch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:row-wrap;flex-wrap:row-wrap;opacity:0;visibility:hidden;-webkit-transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);margin:1.5rem}:host(.is-active){visibility:visible!important;opacity:1;-webkit-transition-delay:0ms;transition-delay:0ms}:host(.is-active) .modal{visibility:visible;opacity:1;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88)}:host([dir=rtl]) .modal{text-align:right}:host([theme=dark]) .modal{border:1px solid #202020}focus-trap{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}.modal__header,focus-trap{display:-ms-flexbox;display:flex}.modal__header{background-color:var(--calcite-modal-background);-ms-flex:0;flex:0;max-width:100%;min-width:0;z-index:2;border-bottom:1px solid var(--calcite-modal-border)}.modal__close{padding:1.125rem;-ms-flex-order:2;order:2;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:transparent;-webkit-appearance:none;border:none;color:var(--calcite-modal-body-text);outline:none;cursor:pointer}.modal__close svg{pointer-events:none}.modal__close:focus,.modal__close:hover{background-color:var(--calcite-modal-hover)}.modal__close:active{background-color:var(--calcite-modal-pressed)}.modal__title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.75rem 1.5rem;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-order:1;order:1;min-width:0}slot[name=header]::slotted(*){margin:0;font-weight:400;font-size:1.414rem;line-height:1.5;color:var(--calcite-modal-header-text)}\@media screen and (max-width:859px){slot[name=header]::slotted(*){font-size:1.33rem}}\@media screen and (max-width:479px){slot[name=header]::slotted(*){font-size:1.25rem}}.modal__content{position:relative;padding:1.5rem;height:100%;-ms-flex:0;flex:0;overflow:auto;display:block;background-color:var(--calcite-modal-background);z-index:1}slot[name=content]::slotted(*){font-size:1rem;line-height:1.5}.modal__footer{background-color:var(--calcite-modal-background);-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:1.2rem 1.125rem;border-top:1px solid var(--calcite-modal-border);z-index:2}.modal__footer--hide-back slot[name=back],.modal__footer--hide-secondary slot[name=secondary]{display:none}slot[name=back]{display:block;margin-right:auto}:host([dir=rtl]) slot[name=back]{margin-left:auto;margin-right:unset}slot[name=secondary]{display:block;margin:0 .375rem}slot[name=primary]{display:block}:host([size=small]) .modal{max-width:32rem}\@media screen and (max-width:35rem){:host([size=small]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=small]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=small][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=medium]) .modal{max-width:64rem}\@media screen and (max-width:67rem){:host([size=medium]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=medium]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=medium][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=large]) .modal{max-width:94rem}\@media screen and (max-width:97rem){:host([size=large]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=large]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=large][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=fullscreen]){background-color:transparent}:host([size=fullscreen]) .modal{-webkit-transform:translate3D(0,20px,0) scale(.95);transform:translate3D(0,20px,0) scale(.95);height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=fullscreen]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-active[size=fullscreen]) .modal{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}:host([docked]) .modal{height:auto!important}:host([docked]) .modal__content{-ms-flex:0;flex:0;height:auto}:host([color=red]) .modal{border-top:4px solid var(--calcite-modal-red);border-radius:2px 2px 0 0}:host([color=blue]) .modal{border-top:4px solid var(--calcite-modal-blue);border-radius:2px 2px 0 0}\@media screen and (max-width:860px){slot[name=header]::slotted(*){font-size:1.2019rem;line-height:1.5}}\@media screen and (max-width:860px) and (max-width:859px){slot[name=header]::slotted(*){font-size:1.1305rem}}\@media screen and (max-width:860px) and (max-width:479px){slot[name=header]::slotted(*){font-size:1.0625rem}}\@media screen and (max-width:860px){.modal__title{padding:.375rem 1.0125rem}}\@media screen and (max-width:860px){.modal__close,.modal__content{padding:1.0125rem}}\@media screen and (max-width:860px){.modal__footer{position:-webkit-sticky;position:sticky;bottom:0}}\@media screen and (max-width:480px){.modal__footer{-ms-flex-direction:column;flex-direction:column}slot[name=back],slot[name=secondary]{margin:0 0 .375rem 0}}"; }
+}
+
+exports.calcite_modal = CalciteModal;
diff --git a/dist/cjs/calcite-progress.cjs.entry.js b/dist/cjs/calcite-progress.cjs.entry.js
new file mode 100644
index 00000000000..26336793ea6
--- /dev/null
+++ b/dist/cjs/calcite-progress.cjs.entry.js
@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+
+class CalciteProgress {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        /**
+         * Use indeterminate if finding actual progress value is impossible
+         */
+        this.type = "determinate";
+        /**
+         * Percent complete of 100
+         */
+        this.value = 0;
+        /**
+         * Text label for the progress indicator
+         */
+        this.text = null;
+        /**
+         * Fill bar in the opposite direction
+         */
+        this.reversed = false;
+    }
+    render() {
+        return (__chunk_1.h(__chunk_1.Host, { class: "calcite-progress", type: this.type, reversed: this.reversed, style: {
+                "--percentage-value": `${this.value * 100}%`
+            } }, __chunk_1.h("div", { class: "calcite-progress__text" }, this.text), __chunk_1.h("slot", null)));
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}.calcite-progress{position:relative;display:block}.calcite-progress:after,.calcite-progress:before{content:\"\";opacity:1;position:absolute;height:2px;top:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.calcite-progress:before{background-color:#007ac2;z-index:0;width:100%}.calcite-progress:after{background-color:hsla(0,0%,100%,.6);z-index:0}.calcite-progress[type=indeterminate]:after{width:20%;-webkit-animation:looping-progresss-bar-ani 1.5s linear infinite;animation:looping-progresss-bar-ani 1.5s linear infinite}.calcite-progress[type=determinate]:after{width:var(--percentage-value)}.calcite-progress__text{text-align:center}\@-webkit-keyframes looping-progresss-bar-ani{0%{left:0;width:0}20%{left:0;width:20%}80%{left:80%;width:20%}to{left:100%;width:0}}\@keyframes looping-progresss-bar-ani{0%{left:0;width:0}20%{left:0;width:20%}80%{left:80%;width:20%}to{left:100%;width:0}}"; }
+}
+
+exports.calcite_progress = CalciteProgress;
diff --git a/dist/cjs/calcite-radio-group_2.cjs.entry.js b/dist/cjs/calcite-radio-group_2.cjs.entry.js
new file mode 100644
index 00000000000..4374a657795
--- /dev/null
+++ b/dist/cjs/calcite-radio-group_2.cjs.entry.js
@@ -0,0 +1,252 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+const __chunk_4 = require('./chunk-51cd86d5.js');
+
+const navigationKeys = {
+    up: "ArrowUp",
+    down: "ArrowDown",
+    left: "ArrowLeft",
+    right: "ArrowRight",
+    space: " "
+};
+class CalciteRadioGroup {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        /**
+         * The component's theme.
+         */
+        this.theme = "light";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        this.hiddenInput = (() => {
+            const input = document.createElement("input");
+            input.type = "hidden";
+            this.el.appendChild(input);
+            return input;
+        })();
+        this.calciteRadioGroupChange = __chunk_1.createEvent(this, "calciteRadioGroupChange", 7);
+    }
+    handleNameChange(value) {
+        this.hiddenInput.name = value;
+    }
+    handleSelectedItemChange(newItem, oldItem) {
+        if (newItem === oldItem) {
+            return;
+        }
+        let match;
+        const items = this.getItems();
+        items.forEach(item => {
+            const matches = item === newItem;
+            if (matches) {
+                match = item;
+            }
+        });
+        if (match) {
+            this.selectItem(match);
+            this.calciteRadioGroupChange.emit();
+        }
+        else if (items[0]) {
+            items[0].tabIndex = 0;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        const items = this.getItems();
+        let lastChecked;
+        items.forEach((item, index) => {
+            item.tabIndex = -1;
+            const next = items[index + 1];
+            if (item.checked) {
+                lastChecked = item;
+            }
+            if (next && next.checked && item.checked) {
+                item.checked = false;
+            }
+        });
+        if (lastChecked) {
+            this.selectItem(lastChecked);
+        }
+        else if (items[0]) {
+            items[0].tabIndex = 0;
+        }
+        const { hiddenInput } = this;
+        if (this.name) {
+            hiddenInput.name = this.name;
+        }
+        if (lastChecked) {
+            hiddenInput.value = lastChecked.value;
+        }
+    }
+    render() {
+        return (__chunk_1.h(__chunk_1.Host, { role: "radiogroup" }, __chunk_1.h("slot", null)));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    handleClick(event) {
+        if (event.target.localName === "calcite-radio-group-item") {
+            this.selectItem(event.target);
+        }
+    }
+    handleSelected(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        this.selectItem(event.target);
+    }
+    handleKeyDown(event) {
+        const { key } = event;
+        if (Object.values(navigationKeys).indexOf(key) === -1) {
+            return;
+        }
+        event.preventDefault();
+        const { el, selectedItem } = this;
+        const dir = __chunk_4.getElementDir(el);
+        const moveBackwardKey = (dir === "rtl"
+            ? key === navigationKeys.right
+            : key === navigationKeys.left) || key === navigationKeys.up;
+        const items = this.getItems();
+        let selectedIndex = -1;
+        items.forEach((item, index) => {
+            if (item === selectedItem) {
+                selectedIndex = index;
+            }
+        });
+        if (moveBackwardKey) {
+            const previous = selectedIndex === -1 || selectedIndex === 0
+                ? items.item(items.length - 1)
+                : items.item(selectedIndex - 1);
+            this.selectItem(previous);
+            return;
+        }
+        const moveForwardKey = (dir === "rtl"
+            ? key === navigationKeys.left
+            : key === navigationKeys.right) || key === navigationKeys.down;
+        if (moveForwardKey) {
+            const next = selectedIndex === -1
+                ? items.item(1)
+                : items.item(selectedIndex + 1) || items.item(0);
+            this.selectItem(next);
+            return;
+        }
+        if (key === navigationKeys.space) {
+            this.selectItem(event.target);
+            return;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    getItems() {
+        return this.el.querySelectorAll("calcite-radio-group-item");
+    }
+    selectItem(selected) {
+        if (selected === this.selectedItem) {
+            return;
+        }
+        const items = this.getItems();
+        let match = null;
+        items.forEach(item => {
+            const matches = item.value === selected.value;
+            item.checked = matches;
+            item.tabIndex = matches ? 0 : -1;
+            if (matches) {
+                match = item;
+            }
+        });
+        this.selectedItem = match;
+        this.syncWithInputProxy(match);
+        match && match.focus();
+    }
+    syncWithInputProxy(item) {
+        this.hiddenInput.value = item ? item.value : "";
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get watchers() { return {
+        "name": ["handleNameChange"],
+        "selectedItem": ["handleSelectedItemChange"]
+    }; }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-radio-group-color:#fff;--calcite-radio-group-border-color:#757575;--calcite-radio-group-color-active:#007ac2;--calcite-radio-group-text-color:#000;--calcite-radio-group-text-color-active:#fff;--calcite-radio-group-color-hover:#f8f8f8;font-size:.9375rem;line-height:1.5}:host([theme=dark]){--calcite-radio-group-color:#2b2b2b;--calcite-radio-group-border-color:#202020;--calcite-radio-group-color-active:#009af2;--calcite-radio-group-text-color:#fff;--calcite-radio-group-text-color-active:#fff;--calcite-radio-group-color-hover:#353535}::slotted(calcite-radio-group-item:focus),::slotted(calcite-radio-group-item[checked]){z-index:0}slot{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}"; }
+}
+
+class CalciteRadioGroupItem {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Indicates whether the control is checked.
+         */
+        this.checked = false;
+        this.mutationObserver = new MutationObserver(() => this.syncFromExternalInput());
+        this.calciteRadioGroupItemChange = __chunk_1.createEvent(this, "calciteRadioGroupItemChange", 7);
+    }
+    handleCheckedChange() {
+        this.calciteRadioGroupItemChange.emit();
+        this.syncToExternalInput();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        let inputProxy = this.el.querySelector(`input[slot="input"]`);
+        if (inputProxy) {
+            this.value = inputProxy.value;
+            this.checked = inputProxy.checked;
+            this.mutationObserver.observe(inputProxy, { attributes: true });
+        }
+        this.inputProxy = inputProxy;
+    }
+    disconnectedCallback() {
+        this.mutationObserver.disconnect();
+    }
+    render() {
+        const { checked, value } = this;
+        return (__chunk_1.h(__chunk_1.Host, { role: "radio", "aria-checked": checked ? "true" : "false" }, __chunk_1.h("label", null, __chunk_1.h("slot", null, value), __chunk_1.h("slot", { name: "input" }))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    syncFromExternalInput() {
+        if (this.inputProxy) {
+            this.value = this.inputProxy.value;
+            this.checked = this.inputProxy.checked;
+        }
+    }
+    ;
+    syncToExternalInput() {
+        if (!this.inputProxy) {
+            return;
+        }
+        this.inputProxy.value = this.value;
+        this.inputProxy.toggleAttribute("checked", this.checked);
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get watchers() { return {
+        "checked": ["handleCheckedChange"]
+    }; }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-radio-group-color);color:var(--calcite-radio-group-text-color);padding:.5rem 1rem;line-height:1.25;margin:.25rem -1px 0 0;border:1px solid var(--calcite-radio-group-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .1s ease-in-out,border-color .1s ease-in-out;transition:background .1s ease-in-out,border-color .1s ease-in-out;cursor:pointer}:host(:hover){background-color:var(--calcite-radio-group-color-hover)}:host([checked]){background-color:var(--calcite-radio-group-color-active);border-color:var(--calcite-radio-group-color-active);color:var(--calcite-radio-group-text-color-active);cursor:default}label{cursor:pointer}::slotted(input){display:none}"; }
+}
+
+exports.calcite_radio_group = CalciteRadioGroup;
+exports.calcite_radio_group_item = CalciteRadioGroupItem;
diff --git a/dist/cjs/calcite-slider.cjs.entry.js b/dist/cjs/calcite-slider.cjs.entry.js
new file mode 100644
index 00000000000..0c181def7ee
--- /dev/null
+++ b/dist/cjs/calcite-slider.cjs.entry.js
@@ -0,0 +1,267 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+const __chunk_2 = require('./chunk-15f3d72e.js');
+const __chunk_3 = require('./chunk-7f841849.js');
+const __chunk_4 = require('./chunk-51cd86d5.js');
+
+class CalciteSlider {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Disable and gray out the slider
+         */
+        this.disabled = false;
+        /**
+         * Minimum selectable value
+         */
+        this.min = 0;
+        /**
+         * Maximum selectable value
+         */
+        this.max = 100;
+        /**
+         * Currently selected number (if single select)
+         */
+        this.value = null;
+        /**
+         * Snap selection along the step interval
+         */
+        this.snap = true;
+        /**
+         * Interval to move on up/down keys
+         */
+        this.step = 1;
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.guid = `calcite-loader-${__chunk_3.guid()}`;
+        /**
+         * @internal
+         */
+        this.isRange = false;
+        /**
+         * @internal
+         */
+        this.tickValues = [];
+        /**
+         * @internal
+         */
+        this.activeProp = "value";
+        this.calciteSliderUpdate = __chunk_1.createEvent(this, "calciteSliderUpdate", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        this.isRange = !!(this.maxValue || this.maxValue === 0);
+        this.tickValues = this.generateTickValues();
+        this.value = this.bound(this.value);
+        if (this.snap) {
+            this.value = this.getClosestStep(this.value);
+        }
+        this.calciteSliderUpdate.emit();
+    }
+    render() {
+        const id = this.el.id || this.guid;
+        const dir = __chunk_4.getElementDir(this.el);
+        const min = this.minValue || this.min;
+        const max = this.maxValue || this.value;
+        const maxProp = this.isRange ? "maxValue" : "value";
+        return (__chunk_1.h(__chunk_1.Host, { dir: dir, id: id, "is-range": this.isRange, style: {
+                "--calcite-slider-range-max": `${100 -
+                    this.getUnitInterval(max) * 100}%`,
+                "--calcite-slider-range-min": `${this.getUnitInterval(min) * 100}%`
+            } }, __chunk_1.h("div", { class: "slider__track" }, __chunk_1.h("div", { class: "slider__track__range" }), __chunk_1.h("div", { class: "slider__ticks" }, this.tickValues.map(number => (__chunk_1.h("span", { class: {
+                slider__tick: true,
+                "slider__tick--active": number >= min && number <= max
+            }, style: {
+                "--calcite-slider-tick-offset": `${this.getUnitInterval(number) * 100}%`
+            } }, this.labelTicks ? (__chunk_1.h("span", { class: {
+                slider__tick__label: true,
+                "slider__tick__label--min": number === this.min,
+                "slider__tick__label--max": number === this.max
+            } }, number)) : ("")))))), this.isRange ? (__chunk_1.h("button", { ref: el => (this.minHandle = el), onFocus: () => (this.activeProp = "minValue"), onBlur: () => (this.activeProp = null), onMouseDown: () => this.dragStart("minValue"), onTouchStart: e => this.dragStart("minValue", e), role: "slider", "aria-orientation": "horizontal", "aria-label": this.minLabel, "aria-valuenow": this.minValue, "aria-valuemin": this.min, "aria-valuemax": this.max, disabled: this.disabled, class: {
+                slider__thumb: true,
+                "slider__thumb--min": true,
+                "slider__thumb--active": this.dragProp === "minValue",
+                "slider__thumb--precise": this.precise
+            } }, __chunk_1.h("span", { class: "slider__handle" }), this.labelHandles ? (__chunk_1.h("span", { class: "slider__handle__label", "aria-hidden": "true" }, this.minValue)) : (""))) : (""), __chunk_1.h("button", { ref: el => (this.maxHandle = el), onFocus: () => (this.activeProp = maxProp), onBlur: () => (this.activeProp = null), onMouseDown: () => this.dragStart(maxProp), onTouchStart: e => this.dragStart(maxProp, e), role: "slider", "aria-orientation": "horizontal", "aria-label": this.isRange ? this.maxLabel : this.minLabel, "aria-valuenow": this[maxProp], "aria-valuemin": this.min, "aria-valuemax": this.max, disabled: this.disabled, class: {
+                slider__thumb: true,
+                "slider__thumb--max": true,
+                "slider__thumb--active": this.dragProp === maxProp,
+                "slider__thumb--precise": this.precise
+            } }, __chunk_1.h("span", { class: "slider__handle" }), this.labelHandles ? (__chunk_1.h("span", { class: "slider__handle__label", "aria-hidden": "true" }, this[maxProp])) : (""))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    keyDownHandler(e) {
+        const value = this[this.activeProp];
+        switch (e.keyCode) {
+            case __chunk_2.UP:
+            case __chunk_2.RIGHT:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(value + this.step, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case __chunk_2.DOWN:
+            case __chunk_2.LEFT:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(value - this.step, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case __chunk_2.PAGE_UP:
+                if (this.pageStep) {
+                    e.preventDefault();
+                    this[this.activeProp] = this.bound(value + this.pageStep, this.activeProp);
+                    this.calciteSliderUpdate.emit();
+                }
+                break;
+            case __chunk_2.PAGE_DOWN:
+                if (this.pageStep) {
+                    e.preventDefault();
+                    this[this.activeProp] = this.bound(value - this.pageStep, this.activeProp);
+                    this.calciteSliderUpdate.emit();
+                }
+                break;
+            case __chunk_2.HOME:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(this.min, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case __chunk_2.END:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(this.max, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+        }
+    }
+    clickHandler(e) {
+        const x = e.clientX || e.pageX;
+        const num = this.translate(x);
+        let prop = "value";
+        if (this.isRange) {
+            const closerToMax = Math.abs(this.maxValue - num) < Math.abs(this.minValue - num);
+            prop = closerToMax ? "maxValue" : "minValue";
+        }
+        this[prop] = this.bound(num, prop);
+        this.calciteSliderUpdate.emit();
+        const handle = prop === "minValue" ? this.minHandle : this.maxHandle;
+        handle.focus();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    generateTickValues() {
+        const ticks = [];
+        let current = this.min;
+        while (this.ticks && current < this.max + this.ticks) {
+            ticks.push(current);
+            current = current + this.ticks;
+        }
+        return ticks;
+    }
+    dragStart(prop, e) {
+        if (e) {
+            e.preventDefault();
+        }
+        this.dragProp = prop;
+        this.activeProp = prop;
+        this.dragListener = this.dragListener || this.dragUpdate.bind(this);
+        document.addEventListener("mousemove", this.dragListener);
+        document.addEventListener("touchmove", this.dragListener, {
+            capture: false
+        });
+        document.addEventListener("mouseup", this.dragEnd.bind(this));
+        document.addEventListener("touchend", this.dragEnd.bind(this), false);
+        document.addEventListener("touchcancel", this.dragEnd.bind(this));
+    }
+    dragUpdate(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (this.dragProp) {
+            const value = this.translate(e.clientX || e.pageX);
+            this[this.dragProp] = this.bound(value, this.dragProp);
+            this.calciteSliderUpdate.emit();
+        }
+    }
+    dragEnd() {
+        this.dragProp = null;
+        document.removeEventListener("mousemove", this.dragListener);
+        document.removeEventListener("touchmove", this.dragListener);
+    }
+    /**
+     * If number is outside range, constrain to min or max
+     * @internal
+     */
+    bound(num, prop) {
+        num = Math.min(num, this.max);
+        num = Math.max(num, this.min);
+        // ensure that maxValue and minValue don't swap positions
+        if (prop === "maxValue") {
+            num = Math.max(num, this.minValue);
+        }
+        if (prop === "minValue") {
+            num = Math.min(num, this.maxValue);
+        }
+        return num;
+    }
+    /**
+     * Translate a pixel position to value along the range
+     * @internal
+     */
+    translate(x) {
+        const range = this.max - this.min;
+        const percent = (x - this.el.offsetLeft) / this.el.offsetWidth;
+        let value = this.bound(this.min + range * percent);
+        if (this.snap && this.step) {
+            value = this.getClosestStep(value);
+        }
+        return value;
+    }
+    /**
+     * Get closest allowed value along stepped values
+     * @internal
+     */
+    getClosestStep(num) {
+        num = this.bound(num);
+        if (this.step) {
+            const step = Math.round(num / this.step) * this.step;
+            num = this.bound(step);
+        }
+        return num;
+    }
+    /**
+     * Get position of value along range as fractional value
+     * @return {number} number in the unit interval [0,1]
+     * @internal
+     */
+    getUnitInterval(num) {
+        num = this.bound(num);
+        const range = this.max - this.min;
+        return (num - this.min) / range;
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-slider-spot:#007ac2;padding:7px 0;margin:7px 0;position:relative}:host([disabled]){opacity:.5;pointer-events:none}:host([label-handles]),:host([precise]){margin-top:21px}:host([label-ticks]),:host([precise][is-range]){margin-bottom:21px}:host([precise][label-handles]){margin-top:35px}:host([precise][label-handles][is-range]){margin-bottom:35px}.slider__thumb{position:absolute;right:var(--calcite-slider-range-max);height:28px;width:28px;margin:-14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;background:transparent;cursor:pointer;font-family:inherit;z-index:3}.slider__thumb--min{right:auto;left:var(--calcite-slider-range-min)}.slider__handle{position:absolute;top:0;left:0;height:14px;width:14px;margin:7px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background-color:#fff;border:2px solid #959595;-webkit-transition:border .25s ease,background-color .25s ease,-webkit-box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,-webkit-box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,box-shadow .25s ease,-webkit-box-shadow .25s ease}.slider__handle__label{position:absolute;left:0;bottom:28px;width:28px;height:.75em;font-size:.8125rem;line-height:1.5;line-height:1;color:#555;text-align:center}.slider__thumb:hover .slider__handle{border-color:var(--calcite-slider-spot);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.1);box-shadow:0 0 16px 0 rgba(0,0,0,.1)}.slider__thumb--active,.slider__thumb:focus{outline:none;z-index:4}.slider__thumb--active .slider__handle,.slider__thumb:focus .slider__handle{background-color:var(--calcite-slider-spot);border-color:var(--calcite-slider-spot);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.2);box-shadow:0 0 16px 0 rgba(0,0,0,.2)}.slider__thumb--precise{margin-top:-28px}.slider__thumb--precise:after{content:\"\";display:block;position:absolute;top:14px;left:50%;width:2px;height:7px;background-color:#959595;margin-left:-1px;margin-top:7px;z-index:2}.slider__thumb--active.slider__thumb--precise:after,.slider__thumb:focus.slider__thumb--precise:after{background-color:var(--calcite-slider-spot)}.slider__thumb--precise.slider__thumb--min{margin-top:-2px}.slider__thumb--precise.slider__thumb--min .slider__handle__label{bottom:unset;top:28px}.slider__thumb--precise.slider__thumb--min:after{top:0;margin-top:0}.slider__track{height:2px;border-radius:0;z-index:2;background-color:#cacaca;-webkit-transition:all .25s ease-in;transition:all .25s ease-in;position:relative}.slider__track__range{position:absolute;top:0;right:var(--calcite-slider-range-max);left:var(--calcite-slider-range-min);height:2px;background-color:var(--calcite-slider-spot)}.slider__tick{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-slider-tick-offset);margin-left:-2px;border:1px solid #fff;background-color:#959595}.slider__tick--active{background-color:var(--calcite-slider-spot)}.slider__tick__label{position:absolute;font-size:.8125rem;line-height:1.5;color:#555;width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}.slider__tick__label--min{left:0;margin:14px -3px;text-align:left}.slider__tick__label--max{left:unset;right:0;margin:14px -3px;text-align:right}"; }
+}
+
+exports.calcite_slider = CalciteSlider;
diff --git a/dist/cjs/calcite-switch.cjs.entry.js b/dist/cjs/calcite-switch.cjs.entry.js
new file mode 100644
index 00000000000..94147605c5e
--- /dev/null
+++ b/dist/cjs/calcite-switch.cjs.entry.js
@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+const __chunk_2 = require('./chunk-15f3d72e.js');
+
+class CalciteSwitch {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        /** True if the switch is initially on */
+        this.switched = false;
+        /** The name of the checkbox input */
+        this.name = "";
+        /** The value of the checkbox input */
+        this.value = "";
+        /** What color the switch should be */
+        this.color = "blue";
+        this.syncThisToProxyInput = () => {
+            this.switched = this.inputProxy.hasAttribute("checked");
+            this.name = this.inputProxy.name;
+            this.value = this.inputProxy.value;
+        };
+        this.syncProxyInputToThis = () => {
+            this.switched
+                ? this.inputProxy.setAttribute("checked", "")
+                : this.inputProxy.removeAttribute("checked");
+            this.inputProxy.setAttribute("name", this.name);
+            this.inputProxy.setAttribute("value", this.value);
+        };
+        this.calciteSwitchChange = __chunk_1.createEvent(this, "calciteSwitchChange", 7);
+    }
+    onClick(e) {
+        // prevent duplicate click events that occur
+        // when the component is wrapped in a label and checkbox is clicked
+        if ((this.el.closest("label") && e.target === this.inputProxy) ||
+            (!this.el.closest("label") && e.target === this.el)) {
+            this.switched = !this.switched;
+        }
+    }
+    keyDownHandler(e) {
+        if (e.keyCode === __chunk_2.SPACE || e.keyCode === __chunk_2.ENTER) {
+            this.switched = !this.switched;
+        }
+    }
+    switchWatcher() {
+        this.calciteSwitchChange.emit();
+        this.switched
+            ? this.inputProxy.setAttribute("checked", "")
+            : this.inputProxy.removeAttribute("checked");
+    }
+    connectedCallback() {
+        this.setupProxyInput();
+    }
+    disconnectedCallback() {
+        this.observer.disconnect();
+    }
+    componentWillRender() {
+        this.syncProxyInputToThis();
+    }
+    render() {
+        return (__chunk_1.h(__chunk_1.Host, { role: "checkbox", "aria-checked": this.switched, tabindex: "0" }, __chunk_1.h("div", { class: "track" }, __chunk_1.h("div", { class: "handle" })), __chunk_1.h("slot", null)));
+    }
+    setupProxyInput() {
+        // check for a proxy input
+        this.inputProxy = this.el.querySelector("input");
+        // if the user didn't pass a proxy input create one for them
+        if (!this.inputProxy) {
+            this.inputProxy = document.createElement("input");
+            this.inputProxy.type = "checkbox";
+            this.syncProxyInputToThis();
+            this.el.appendChild(this.inputProxy);
+        }
+        this.syncThisToProxyInput();
+        this.observer = new MutationObserver(this.syncThisToProxyInput);
+        this.observer.observe(this.inputProxy, { attributes: true });
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get watchers() { return {
+        "switched": ["switchWatcher"]
+    }; }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}::slotted(input){display:none}:host{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;tap-highlight-color:transparent}.track{position:relative;display:inline-block;vertical-align:top;width:36px;height:20px;background-color:#f8f8f8;border-radius:30px;border:1px solid #eaeaea}.handle,.track{-webkit-transition:all .25s ease;transition:all .25s ease}.handle{position:absolute;display:block;width:18px;height:18px;top:-1px;left:-1px;right:auto;background-color:#fff;border-radius:30px;border:2px solid #757575;-webkit-box-shadow:0 1px 1px 0 rgba(43,43,43,.2);box-shadow:0 1px 1px 0 rgba(43,43,43,.2)}:host([switched]) .handle{right:-1px;left:auto;border-color:#004874;-webkit-box-shadow:0 2px 1px 0 rgba(43,43,43,.2);box-shadow:0 2px 1px 0 rgba(43,43,43,.2)}:host([switched]) .track{border-color:#00619b;background-color:#007ac2}:host([switched][color=red]) .handle{border-color:#7c1d13}:host([switched][color=red]) .track{border-color:#7c1d13;background-color:#a82b1e}:host(:focus),:host([switched]:focus){outline:none}:host(:focus) .track,:host([switched]:focus) .track{-webkit-box-shadow:0 0 4px 2px hsla(0,0%,45.9%,.9);box-shadow:0 0 4px 2px hsla(0,0%,45.9%,.9)}:host(:hover) .track{border-color:#eaeaea;background-color:#757575}:host(:hover) .handle{border-color:#007ac2;-webkit-box-shadow:0 1px 2px 0 rgba(43,43,43,.2);box-shadow:0 1px 2px 0 rgba(43,43,43,.2)}:host([color=red]:hover) .handle{border-color:#d83020}:host([switched]:hover) .handle{border-color:#004874}:host([switched]:hover) .track{border-color:#00619b;background-color:#007ac2}:host([switched][color=red]:hover) .handle{border-color:#7c1d13}:host([switched][color=red]:hover) .track{border-color:#7c1d13;background-color:#a82b1e}"; }
+}
+
+exports.calcite_switch = CalciteSwitch;
diff --git a/dist/cjs/calcite-tab_4.cjs.entry.js b/dist/cjs/calcite-tab_4.cjs.entry.js
new file mode 100644
index 00000000000..e6ca576cfff
--- /dev/null
+++ b/dist/cjs/calcite-tab_4.cjs.entry.js
@@ -0,0 +1,471 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+const __chunk_2 = require('./chunk-15f3d72e.js');
+const __chunk_3 = require('./chunk-7f841849.js');
+const __chunk_4 = require('./chunk-51cd86d5.js');
+
+class CalciteTab {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        /**
+         * Show this tab
+         */
+        this.isActive = false;
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.guid = `calcite-tab-title-${__chunk_3.guid()}`;
+        this.calciteTabRegister = __chunk_1.createEvent(this, "calciteTabRegister", 7);
+        this.calciteTabUnregister = __chunk_1.createEvent(this, "calciteTabUnregister", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    render() {
+        const id = this.el.id || this.guid;
+        return (__chunk_1.h(__chunk_1.Host, { id: id, "aria-labeledby": this.labeledBy, "aria-expanded": this.isActive ? "true" : "false", role: "tabpanel" }, __chunk_1.h("section", null, __chunk_1.h("slot", null))));
+    }
+    componentDidLoad() {
+        this.calciteTabRegister.emit();
+    }
+    componentDidUnload() {
+        this.calciteTabUnregister.emit();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    tabChangeHandler(event) {
+        // to allow `<calcite-tabs>` to be nested we need to make sure this
+        // `calciteTabChange` event was actually fired from a title that is a
+        // child of the `<calcite-tabs>` that is the a parent of this tab.
+        if (event.target.closest("calcite-tabs") !==
+            this.el.closest("calcite-tabs")) {
+            return;
+        }
+        if (this.tab) {
+            this.isActive = this.tab === event.detail.tab;
+        }
+        else {
+            this.getTabIndex().then(index => {
+                this.isActive = index === event.detail.tab;
+            });
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Return the index of this tab within the tab array
+     */
+    async getTabIndex() {
+        return Promise.resolve(Array.prototype.indexOf.call(__chunk_4.nodeListToArray(this.el.parentElement.children).filter(e => e.matches("calcite-tab")), this.el));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    updateAriaInfo(tabIds = [], titleIds = []) {
+        this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host([is-active]) section,calcite-tabs{display:block}section{display:none}"; }
+}
+
+class CalciteTabNav {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        this.calciteTabChange = __chunk_1.createEvent(this, "calciteTabChange", 7);
+    }
+    selectedTabChanged() {
+        if (localStorage &&
+            this.storageId &&
+            this.selectedTab !== undefined &&
+            this.selectedTab !== null) {
+            localStorage.setItem(`calcite-tab-nav-${this.storageId}`, JSON.stringify(this.selectedTab));
+        }
+        this.calciteTabChange.emit({
+            tab: this.selectedTab
+        });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        const storageKey = `calcite-tab-nav-${this.storageId}`;
+        if (localStorage && this.storageId && localStorage.getItem(storageKey)) {
+            this.selectedTab = JSON.parse(localStorage.getItem(storageKey));
+            this.calciteTabChange.emit({
+                tab: this.selectedTab
+            });
+        }
+    }
+    render() {
+        return (__chunk_1.h(__chunk_1.Host, { role: "tablist" }, __chunk_1.h("nav", { class: "tab-nav" }, __chunk_1.h("slot", null))));
+    }
+    componentDidRender() {
+        // if every tab title is active select the first tab.
+        if (this.tabTitles.every(title => !title.isActive) && !this.selectedTab) {
+            this.tabTitles[0].getTabIdentifier().then(tab => {
+                this.calciteTabChange.emit({
+                    tab
+                });
+            });
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Events Listeners
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    focusPreviousTabHandler(e) {
+        const currentIndex = this.getIndexOfTabTitle(e.target);
+        const previousTab = this.tabTitles[currentIndex - 1] ||
+            this.tabTitles[this.tabTitles.length - 1];
+        previousTab.focus();
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    /**
+     * @internal
+     */
+    focusNextTabHandler(e) {
+        const currentIndex = this.getIndexOfTabTitle(e.target);
+        const nextTab = this.tabTitles[currentIndex + 1] || this.tabTitles[0];
+        nextTab.focus();
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    /**
+     * @internal
+     */
+    activateTabHandler(e) {
+        if (e.detail.tab) {
+            this.selectedTab = e.detail.tab;
+        }
+        else {
+            this.selectedTab = this.getIndexOfTabTitle(e.target);
+        }
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    /**
+     * @internal
+     */
+    globalTabChangeHandler(e) {
+        if (this.syncId &&
+            e.target !== this.el &&
+            e.target.syncId === this.syncId &&
+            this.selectedTab !== e.detail.tab) {
+            this.selectedTab = e.detail.tab;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Private State/Props
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    getIndexOfTabTitle(el) {
+        return this.tabTitles.indexOf(el);
+    }
+    get tabTitles() {
+        return this.el.shadowRoot.querySelector("slot").assignedElements();
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get watchers() { return {
+        "selectedTab": ["selectedTabChanged"]
+    }; }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}.tab-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:var(--calcite-tabs-layout);justify-content:var(--calcite-tabs-layout);overflow:auto}::slotted(calcite-tab-title){margin-right:var(--calcite-tabs-tab-margin-start);margin-left:var(--calcite-tabs-tab-margin-end)}:host([dir=rtl]) ::slotted(calcite-tab-title){margin-right:var(--calcite-tabs-tab-margin-end);margin-left:var(--calcite-tabs-tab-margin-start)}"; }
+}
+
+class CalciteTabTitle {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        /**
+         * Show this tab title as selected
+         */
+        this.isActive = false;
+        /**
+         * @internal
+         */
+        this.guid = `calcite-tab-title-${__chunk_3.guid()}`;
+        this.calciteTabsActivate = __chunk_1.createEvent(this, "calciteTabsActivate", 7);
+        this.calciteTabsFocusNext = __chunk_1.createEvent(this, "calciteTabsFocusNext", 7);
+        this.calciteTabsFocusPrevious = __chunk_1.createEvent(this, "calciteTabsFocusPrevious", 7);
+        this.calciteTabTitleRegister = __chunk_1.createEvent(this, "calciteTabTitleRegister", 7);
+        this.calciteTabTitleUnregister = __chunk_1.createEvent(this, "calciteTabTitleUnregister", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        if (this.tab && this.isActive) {
+            this.calciteTabsActivate.emit({
+                tab: this.tab
+            });
+        }
+    }
+    render() {
+        const id = this.el.id || this.guid;
+        return (__chunk_1.h(__chunk_1.Host, { id: id, "aria-controls": this.controls, "aria-expanded": this.isActive ? "true" : "false", role: "tab", tabindex: "0" }, __chunk_1.h("a", null, __chunk_1.h("slot", null))));
+    }
+    componentDidLoad() {
+        this.calciteTabTitleRegister.emit();
+    }
+    componentDidUnload() {
+        this.calciteTabTitleUnregister.emit();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Events Listeners
+    //
+    //--------------------------------------------------------------------------
+    tabChangeHandler(event) {
+        if (this.tab) {
+            this.isActive = this.tab === event.detail.tab;
+        }
+        else {
+            this.getTabIndex().then(index => {
+                this.isActive = index === event.detail.tab;
+            });
+        }
+    }
+    onClick() {
+        this.calciteTabsActivate.emit({
+            tab: this.tab
+        });
+    }
+    keyDownHandler(e) {
+        switch (e.keyCode) {
+            case __chunk_2.SPACE:
+            case __chunk_2.ENTER:
+                this.calciteTabsActivate.emit({
+                    tab: this.tab
+                });
+                e.preventDefault();
+                break;
+            case __chunk_2.RIGHT:
+                if (__chunk_4.getElementDir(this.el) === "ltr") {
+                    this.calciteTabsFocusNext.emit();
+                }
+                else {
+                    this.calciteTabsFocusPrevious.emit();
+                }
+                break;
+            case __chunk_2.LEFT:
+                if (__chunk_4.getElementDir(this.el) === "ltr") {
+                    this.calciteTabsFocusPrevious.emit();
+                }
+                else {
+                    this.calciteTabsFocusNext.emit();
+                }
+                break;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Return the index of this title within the nav
+     */
+    async getTabIndex() {
+        return Promise.resolve(Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"), this.el));
+    }
+    /**
+     * @internal
+     */
+    async getTabIdentifier() {
+        return this.tab ? Promise.resolve(this.tab) : this.getTabIndex();
+    }
+    /**
+     * @internal
+     */
+    async updateAriaInfo(tabIds = [], titleIds = []) {
+        this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;
+        return Promise.resolve();
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{-ms-flex:0 1 var(--calcite-tabs-tab-basis);flex:0 1 var(--calcite-tabs-tab-basis);outline:none}:host(:active) a,:host(:focus) a,:host(:hover) a{outline:none;text-decoration:none;color:var(--calcite-tabs-color-active);border-bottom-color:var(--calcite-tabs-border-hover)}:host([is-active]) a{color:var(--calcite-tabs-color-active);border-bottom-color:var(--calcite-tabs-border-active)}a{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.875rem;line-height:1.5;padding:.5rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:3px solid transparent;cursor:pointer;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;color:var(--calcite-tabs-color);outline:none;width:100%;display:block;text-align:var(--calcite-tabs-tab-text-align)}"; }
+}
+
+class CalciteTabs {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Public Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Select theme (light or dark)
+         */
+        this.theme = "light";
+        /**
+         * Align tab titles to the edge or fully justify them across the tab nav ("center")
+         */
+        this.layout = "inline";
+        //--------------------------------------------------------------------------
+        //
+        //  Events
+        //
+        //--------------------------------------------------------------------------
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         *
+         * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA
+         * attributes.
+         */
+        this.titles = [];
+        /**
+         * @internal
+         *
+         * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.
+         */
+        this.tabs = [];
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    render() {
+        const dir = __chunk_4.getElementDir(this.el);
+        return (__chunk_1.h(__chunk_1.Host, { dir: dir }, __chunk_1.h("div", null, __chunk_1.h("slot", { name: "tab-nav" }), __chunk_1.h("section", { class: "tab-contents" }, __chunk_1.h("slot", null)))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    calciteTabTitleRegister(e) {
+        this.titles = [...this.titles, e.target];
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    /**
+     * @internal
+     */
+    calciteTabTitleUnregister(e) {
+        this.titles = this.titles.filter(el => el !== e.target);
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    /**
+     * @internal
+     */
+    calciteTabRegister(e) {
+        this.tabs = [...this.tabs, e.target];
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    /**
+     * @internal
+     */
+    calciteTabUnregister(e) {
+        this.tabs = this.tabs.filter(el => el !== e.target);
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     *
+     * Matches up elements from the internal `tabs` and `titles` to automatically
+     * update the ARIA attributes and link `<calcite-tab>` and
+     * `<calcite-tab-title>` components.
+     */
+    async registryHandler() {
+        var tabIds;
+        var titleIds;
+        // determine if we are using `tab` based or `index` based tab identifiers.
+        if (this.tabs.some(e => e.tab) || this.titles.some(e => e.tab)) {
+            // if we are using `tab` based identifiers sort by `tab` to account for
+            // possible out of order tabs and get the id of each tab
+            tabIds = this.tabs
+                .sort((a, b) => a.tab.localeCompare(b.tab))
+                .map(e => e.id);
+            titleIds = this.titles
+                .sort((a, b) => a.tab.localeCompare(b.tab))
+                .map(e => e.id);
+        }
+        else {
+            // if we are using index based tabs then the `<calcite-tab>` and
+            // `<calcite-tab-title>` might have been rendered out of order so the
+            // order of `this.tabs` and `this.titles` might not reflect the DOM state,
+            // and might not match each other so we need to get the index of all the
+            // tabs and titles in the DOM order to match them up as a source of truth
+            const tabDomIndexes = await Promise.all(this.tabs.map(el => el.getTabIndex()));
+            const titleDomIndexes = await Promise.all(this.titles.map(el => el.getTabIndex()));
+            // once we have the DOM order as a source of truth we can build the
+            // matching tabIds and titleIds arrays
+            tabIds = tabDomIndexes.reduce((ids, indexInDOM, registryIndex) => {
+                ids[indexInDOM] = this.tabs[registryIndex].id;
+                return ids;
+            }, []);
+            titleIds = titleDomIndexes.reduce((ids, indexInDOM, registryIndex) => {
+                ids[indexInDOM] = this.titles[registryIndex].id;
+                return ids;
+            }, []);
+        }
+        // pass all our new aria information to each `<calcite-tab>` and
+        // `<calcite-tab-title>` which will check if they can update their internal
+        // `controlled` or `labeledBy` states and re-render if necessary
+        this.tabs.forEach(el => el.updateAriaInfo(tabIds, titleIds));
+        this.titles.forEach(el => el.updateAriaInfo(tabIds, titleIds));
+    }
+    get el() { return __chunk_1.getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-tabs-color:#2b2b2b;--calcite-tabs-border:#eaeaea;--calcite-tabs-border-hover:#dfdfdf;--calcite-tabs-color-active:#151515;--calcite-tabs-border-active:#007ac2;--calcite-tabs-layout:flex-start;--calcite-tabs-tab-basis:auto;--calcite-tabs-tab-text-align:start;--calcite-tabs-tab-margin-start:1.25rem;--calcite-tabs-tab-margin-end:0}:host([theme=dark]){--calcite-tabs-color:#f3f3f3;--calcite-tabs-border:#404040;--calcite-tabs-border-hover:#757575;--calcite-tabs-color-active:#f8f8f8;--calcite-tabs-border-active:#fff}:host([dir=rtl]){--calcite-tabs-tab-margin-start:0;--calcite-tabs-tab-margin-end:1.25rem}:host([layout=center]){--calcite-tabs-layout:center;--calcite-tabs-tab-basis:200px;--calcite-tabs-tab-text-align:center;--calcite-tabs-tab-margin-start:1.25rem;--calcite-tabs-tab-margin-end:1.25rem}.tab-contents{border-top:1px solid var(--calcite-tabs-border)}"; }
+}
+
+exports.calcite_tab = CalciteTab;
+exports.calcite_tab_nav = CalciteTabNav;
+exports.calcite_tab_title = CalciteTabTitle;
+exports.calcite_tabs = CalciteTabs;
diff --git a/dist/cjs/calcite.cjs.js b/dist/cjs/calcite.cjs.js
new file mode 100644
index 00000000000..b59c6f8fbff
--- /dev/null
+++ b/dist/cjs/calcite.cjs.js
@@ -0,0 +1,7 @@
+'use strict';
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+
+__chunk_1.patchBrowser().then(options => {
+  return __chunk_1.bootstrapLazy([["calcite-alert_2.cjs",[[1,"calcite-alert",{"dismiss":[4],"duration":[513],"color":[513],"theme":[513],"icon":[4],"alertId":[1,"alert-id"],"currentAlert":[1,"current-alert"],"queueLength":[2,"queue-length"],"active":[32],"closeCalciteAlert":[64],"openCalciteAlert":[64]}],[1,"calcite-alerts",{"currentAlert":[32],"active":[32],"alertQueue":[32]},[[0,"calciteAlertOpen","updateQueueOnOpen"],[0,"calciteAlertClose","updateQueueOnClose"]]]]],["calcite-button.cjs",[[1,"calcite-button",{"color":[1537],"appearance":[1537],"scale":[1537],"width":[1537],"loading":[516],"href":[513],"icon":[513],"hastext":[1028]}]]],["calcite-tab_4.cjs",[[1,"calcite-tab",{"tab":[1537],"isActive":[1540,"is-active"],"labeledBy":[32],"getTabIndex":[64],"updateAriaInfo":[64]},[[16,"calciteTabChange","tabChangeHandler"]]],[1,"calcite-tab-nav",{"storageId":[1,"storage-id"],"syncId":[1,"sync-id"],"selectedTab":[32]},[[0,"calciteTabsFocusPrevious","focusPreviousTabHandler"],[0,"calciteTabsFocusNext","focusNextTabHandler"],[0,"calciteTabsActivate","activateTabHandler"],[32,"calciteTabChange","globalTabChangeHandler"]]],[1,"calcite-tab-title",{"tab":[1537],"isActive":[1540,"is-active"],"controls":[32],"getTabIndex":[64],"getTabIdentifier":[64],"updateAriaInfo":[64]},[[16,"calciteTabChange","tabChangeHandler"],[0,"click","onClick"],[0,"keydown","keyDownHandler"]]],[1,"calcite-tabs",{"theme":[513],"layout":[513],"titles":[32],"tabs":[32]},[[0,"calciteTabTitleRegister","calciteTabTitleRegister"],[0,"calciteTabTitleUnregister","calciteTabTitleUnregister"],[0,"calciteTabRegister","calciteTabRegister"],[0,"calciteTabUnregister","calciteTabUnregister"]]]]],["calcite-radio-group_2.cjs",[[1,"calcite-radio-group",{"name":[1],"selectedItem":[8,"selected-item"],"theme":[513]},[[0,"click","handleClick"],[0,"calciteRadioGroupItemChange","handleSelected"],[0,"keydown","handleKeyDown"]]],[1,"calcite-radio-group-item",{"checked":[1540],"value":[8]}]]],["calcite-checkbox.cjs",[[1,"calcite-checkbox",{"checked":[1540],"indeterminate":[1540],"name":[1537],"value":[1537],"size":[513],"disabled":[516],"theme":[513]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]]],["calcite-example.cjs",[[1,"calcite-example",{"property":[1],"state":[32],"doThing":[64]},[[0,"click","onClick"]]]]],["calcite-modal.cjs",[[1,"calcite-modal",{"beforeClose":[16],"closeLabel":[1,"close-label"],"docked":[516],"firstFocus":[16],"size":[513],"color":[513],"theme":[513],"isActive":[32],"hideBackButton":[32],"hideSecondaryButton":[32],"open":[64],"close":[64]},[[0,"keyup","handleEscape"]]]]],["calcite-progress.cjs",[[4,"calcite-progress",{"type":[1],"value":[2],"text":[1],"reversed":[4]}]]],["calcite-slider.cjs",[[1,"calcite-slider",{"disabled":[1540],"min":[1538],"max":[1538],"value":[1538],"minValue":[2,"min-value"],"maxValue":[2,"max-value"],"minLabel":[1,"min-label"],"maxLabel":[1,"max-label"],"snap":[4],"step":[2],"pageStep":[2,"page-step"],"ticks":[2],"labelTicks":[516,"label-ticks"],"labelHandles":[516,"label-handles"],"precise":[4],"tickValues":[32],"activeProp":[32]},[[0,"keydown","keyDownHandler"],[0,"click","clickHandler"]]]]],["calcite-switch.cjs",[[1,"calcite-switch",{"switched":[1540],"name":[1537],"value":[1537],"color":[1]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]]],["calcite-loader.cjs",[[1,"calcite-loader",{"isActive":[1540,"is-active"],"inline":[1540],"type":[1537],"value":[2],"text":[1],"loaderBarOffsets":[32],"isEdge":[32]}]]],["context-consumer.cjs",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]]], options);
+});
diff --git a/dist/cjs/chunk-15f3d72e.js b/dist/cjs/chunk-15f3d72e.js
new file mode 100644
index 00000000000..e1c97ca0abe
--- /dev/null
+++ b/dist/cjs/chunk-15f3d72e.js
@@ -0,0 +1,23 @@
+'use strict';
+
+const ENTER = 13;
+const SPACE = 32;
+const PAGE_UP = 33;
+const PAGE_DOWN = 34;
+const END = 35;
+const HOME = 36;
+const LEFT = 37;
+const UP = 38;
+const RIGHT = 39;
+const DOWN = 40;
+
+exports.DOWN = DOWN;
+exports.END = END;
+exports.ENTER = ENTER;
+exports.HOME = HOME;
+exports.LEFT = LEFT;
+exports.PAGE_DOWN = PAGE_DOWN;
+exports.PAGE_UP = PAGE_UP;
+exports.RIGHT = RIGHT;
+exports.SPACE = SPACE;
+exports.UP = UP;
diff --git a/dist/cjs/chunk-1dda50bd.js b/dist/cjs/chunk-1dda50bd.js
new file mode 100644
index 00000000000..6c779b4426b
--- /dev/null
+++ b/dist/cjs/chunk-1dda50bd.js
@@ -0,0 +1,14 @@
+'use strict';
+
+// File generated automatically by path-data.js, do not edit directly
+const checkCircle24F = "M23 11.5A11.5 11.5 0 1 1 11.5 0 11.5 11.5 0 0 1 23 11.5zm-5.5-6.018l-8.5 8.5-3.5-3.5-2 2L9.018 18l.018-.018L11.018 16l8.5-8.5z";
+const exclamationMarkTriangle24F = "M22.3 19.795l-9-17.901a1.5 1.5 0 0 0-2.597 0L1.7 19.795a1.502 1.502 0 0 0 0 1.502A1.456 1.456 0 0 0 2.998 22H21a1.458 1.458 0 0 0 1.299-.703 1.506 1.506 0 0 0 .001-1.502zM13 19h-2v-2h2zm0-3h-2V8h2z";
+const lightbulb24F = "M11 13h1v4h-1zm3.895 5.45a.311.311 0 0 0-.12-.27l-.232-.18h-6.19l-.232.18a.312.312 0 0 0 .04.518l1.387.771-1.367.76a.311.311 0 0 0-.028.526l3.09 2.18a.356.356 0 0 0 .41 0l3.09-2.18a.311.311 0 0 0-.029-.527l-1.366-.759 1.388-.77a.312.312 0 0 0 .159-.25zM11.59 0l-.173.002L11.244 0a6.2 6.2 0 0 0-6.182 6.698c.31 2.575 2.784 5.207 2.939 6.134.13.78.116 1.844.199 2.472A2.542 2.542 0 0 0 9.088 17H10v-4.412L8.83 9.37l.94-.342L10.85 12h1.3l1.08-2.97.94.341L13 12.588V17h.745a2.542 2.542 0 0 0 .889-1.696c.083-.628.068-1.692.199-2.472.154-.927 2.628-3.559 2.938-6.134A6.2 6.2 0 0 0 11.59 0z";
+const x24 = "M13.207 12.5l7.778 7.778-.707.707-7.778-7.778-7.778 7.778-.707-.707 7.778-7.778-7.778-7.778.707-.707 7.778 7.778 7.778-7.778.707.707z";
+const x32 = "M16.707 16l10.607 10.606-.708.707L16 16.707 5.394 27.313l-.708-.707L15.293 16 4.686 5.394l.708-.707L16 15.293 26.606 4.687l.708.707z";
+
+exports.checkCircle24F = checkCircle24F;
+exports.exclamationMarkTriangle24F = exclamationMarkTriangle24F;
+exports.lightbulb24F = lightbulb24F;
+exports.x24 = x24;
+exports.x32 = x32;
diff --git a/dist/cjs/chunk-51cd86d5.js b/dist/cjs/chunk-51cd86d5.js
new file mode 100644
index 00000000000..d6103e859ee
--- /dev/null
+++ b/dist/cjs/chunk-51cd86d5.js
@@ -0,0 +1,26 @@
+'use strict';
+
+// turn a domNodeList into an array
+function nodeListToArray(domNodeList) {
+    if (Array.isArray(domNodeList)) {
+        return domNodeList;
+    }
+    else {
+        return Array.prototype.slice.call(domNodeList);
+    }
+}
+function getElementDir(el) {
+    return (el.closest("[dir='rtl']") && "rtl") || "ltr";
+}
+function getElementTheme(el) {
+    return (el.closest("[theme='dark']") && "dark") || "light";
+}
+function hasSlottedContent(el) {
+    const assignedNodes = el && el.assignedNodes();
+    return assignedNodes && assignedNodes.length > 0;
+}
+
+exports.getElementDir = getElementDir;
+exports.getElementTheme = getElementTheme;
+exports.hasSlottedContent = hasSlottedContent;
+exports.nodeListToArray = nodeListToArray;
diff --git a/dist/cjs/chunk-7f841849.js b/dist/cjs/chunk-7f841849.js
new file mode 100644
index 00000000000..977ddfe2205
--- /dev/null
+++ b/dist/cjs/chunk-7f841849.js
@@ -0,0 +1,16 @@
+'use strict';
+
+function gen(counts) {
+    return counts
+        .map(count => {
+        let out = "";
+        for (let i = 0; i < count; i++) {
+            out += (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return out;
+    })
+        .join("-");
+}
+const guid = () => gen([2, 1, 1, 1, 3]);
+
+exports.guid = guid;
diff --git a/dist/cjs/chunk-eefb78d6.js b/dist/cjs/chunk-eefb78d6.js
new file mode 100644
index 00000000000..3be5144b5ad
--- /dev/null
+++ b/dist/cjs/chunk-eefb78d6.js
@@ -0,0 +1,1960 @@
+'use strict';
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) { return e; } else {
+    var n = {};
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () {
+            return e[k];
+          }
+        });
+      });
+    }
+    n['default'] = e;
+    return n;
+  }
+}
+
+const BUILD = {"allRenderFn":true,"cmpDidLoad":true,"cmpDidUnload":true,"cmpDidUpdate":false,"cmpDidRender":true,"cmpWillLoad":true,"cmpWillUpdate":true,"cmpWillRender":true,"connectedCallback":true,"disconnectedCallback":true,"element":false,"event":true,"hasRenderFn":true,"lifecycle":true,"hostListener":true,"hostListenerTargetWindow":false,"hostListenerTargetDocument":false,"hostListenerTargetBody":true,"hostListenerTargetParent":true,"hostListenerTarget":true,"member":true,"method":true,"mode":false,"noVdomRender":false,"observeAttribute":true,"prop":true,"propBoolean":true,"propNumber":true,"propString":true,"propMutable":true,"reflect":true,"scoped":false,"shadowDom":true,"slot":true,"slotRelocation":true,"state":true,"style":true,"svg":true,"updatable":true,"vdomAttribute":true,"vdomClass":true,"vdomFunctional":true,"vdomKey":true,"vdomListener":true,"vdomRef":true,"vdomRender":true,"vdomStyle":true,"vdomText":true,"watchCallback":true,"taskQueue":true,"lazyLoad":true,"hydrateServerSide":false,"cssVarShim":true,"hydrateClientSide":true,"isDebug":false,"isDev":false,"lifecycleDOMEvents":false,"profile":false,"hotModuleReplacement":false,"constructableCSS":true,"initializeNextTick":true,"cssAnnotations":true};
+const NAMESPACE = 'calcite';
+
+const win = window;
+const doc = document;
+const plt = {
+    $flags$: 0,
+    $resourcesUrl$: '',
+    jmp: (h) => h(),
+    raf: (h) => requestAnimationFrame(h),
+    ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
+    rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
+};
+const supportsShadowDom =  !!doc.documentElement.attachShadow ;
+const supportsListenerOptions = /*@__PURE__*/ (() => {
+    let supportsListenerOptions = false;
+    try {
+        doc.addEventListener('e', null, Object.defineProperty({}, 'passive', {
+            get() { supportsListenerOptions = true; }
+        }));
+    }
+    catch (e) { }
+    return supportsListenerOptions;
+})();
+const supportsConstructibleStylesheets =  /*@__PURE__*/ (() => {
+    try {
+        new CSSStyleSheet();
+        return true;
+    }
+    catch (e) { }
+    return false;
+})() ;
+
+const hostRefs = new WeakMap();
+const getHostRef = (ref) => hostRefs.get(ref);
+const registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+const registerHost = (elm) => {
+    {
+        const hostRef = {
+            $flags$: 0,
+            $hostElement$: elm,
+            $instanceValues$: new Map()
+        };
+        hostRef.$onReadyPromise$ = new Promise(r => hostRef.$onReadyResolve$ = r);
+        return hostRefs.set(elm, hostRef);
+    }
+};
+const isMemberInElement = (elm, memberName) => memberName in elm;
+
+const consoleError = (e) => console.error(e);
+
+const moduleCache = /*@__PURE__*/ new Map();
+const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
+    // loadModuleImport
+    const exportName = cmpMeta.$tagName$.replace(/-/g, '_');
+    const bundleId = ( cmpMeta.$lazyBundleIds$);
+    const module =  moduleCache.get(bundleId) ;
+    if (module) {
+        return module[exportName];
+    }
+    return new Promise(function (resolve) { resolve(_interopNamespace(require(
+    /* webpackInclude: /\.entry\.js$/ */
+    /* webpackExclude: /\.system\.entry\.js$/ */
+    /* webpackMode: "lazy" */
+    `./${bundleId}.entry.js${ ''}`))); }).then(importedModule => {
+        {
+            moduleCache.set(bundleId, importedModule);
+        }
+        return importedModule[exportName];
+    }, consoleError);
+};
+
+const styles = new Map();
+const cssVarShim =  /*@__PURE__*/ win.__stencil_cssshim ;
+
+let queueCongestion = 0;
+let queuePending = false;
+const queueDomReads = [];
+const queueDomWrites = [];
+const queueDomWritesLow = [];
+const queueTask = (queue, write) => (cb) => {
+    queue.push(cb);
+    if (!queuePending) {
+        queuePending = true;
+        if (write && plt.$flags$ & 4 /* queueSync */) {
+            nextTick(flush);
+        }
+        else {
+            plt.raf(flush);
+        }
+    }
+};
+const consume = (queue) => {
+    for (let i = 0; i < queue.length; i++) {
+        try {
+            queue[i](performance.now());
+        }
+        catch (e) {
+            consoleError(e);
+        }
+    }
+    queue.length = 0;
+};
+const consumeTimeout = (queue, timeout) => {
+    let i = 0;
+    let ts = 0;
+    while (i < queue.length && (ts = performance.now()) < timeout) {
+        try {
+            queue[i++](ts);
+        }
+        catch (e) {
+            consoleError(e);
+        }
+    }
+    if (i === queue.length) {
+        queue.length = 0;
+    }
+    else if (i !== 0) {
+        queue.splice(0, i);
+    }
+};
+const flush = () => {
+    queueCongestion++;
+    // always force a bunch of medium callbacks to run, but still have
+    // a throttle on how many can run in a certain time
+    // DOM READS!!!
+    consume(queueDomReads);
+    const timeout = (plt.$flags$ & 6 /* queueMask */) === 2 /* appLoaded */
+        ? performance.now() + (10 * Math.ceil(queueCongestion * (1.0 / 22.0)))
+        : Infinity;
+    // DOM WRITES!!!
+    consumeTimeout(queueDomWrites, timeout);
+    consumeTimeout(queueDomWritesLow, timeout);
+    if (queueDomWrites.length > 0) {
+        queueDomWritesLow.push(...queueDomWrites);
+        queueDomWrites.length = 0;
+    }
+    if (queuePending = ((queueDomReads.length + queueDomWrites.length + queueDomWritesLow.length) > 0)) {
+        // still more to do yet, but we've run out of time
+        // let's let this thing cool off and try again in the next tick
+        plt.raf(flush);
+    }
+    else {
+        queueCongestion = 0;
+    }
+};
+const nextTick = /*@__PURE__*/ (cb) => Promise.resolve().then(cb);
+const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
+
+/**
+ * Default style mode id
+ */
+/**
+ * Reusable empty obj/array
+ * Don't add values to these!!
+ */
+const EMPTY_OBJ = {};
+/**
+ * Namespaces
+ */
+const SVG_NS = 'http://www.w3.org/2000/svg';
+
+const isDef = (v) => v != null;
+const toLowerCase = (str) => str.toLowerCase();
+const isComplexType = (o) => ['object', 'function'].includes(typeof o);
+
+const getDynamicImportFunction = (namespace) => {
+    return `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
+};
+
+const patchEsm = () => {
+    // @ts-ignore
+    if (!(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'))) {
+        // @ts-ignore
+        return new Promise(function (resolve) { resolve(require('./css-shim-3ea8955c-8b902b6b.js')); });
+    }
+    return Promise.resolve();
+};
+const patchBrowser = async () => {
+    // @ts-ignore
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('chunk-eefb78d6.js', document.baseURI).href));
+    const regex = new RegExp(`\/${NAMESPACE}(\.esm)?\.js$`);
+    const scriptElm = Array.from(doc.querySelectorAll('script')).find(s => (regex.test(s.src) ||
+        s.getAttribute('data-namespace') === NAMESPACE));
+    const opts = scriptElm['data-opts'];
+    if (importMeta !== '') {
+        return Object.assign({}, opts, { resourcesUrl: new URL('.', importMeta).href });
+    }
+    else {
+        const resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href));
+        patchDynamicImport(resourcesUrl.href);
+        if (!window.customElements) {
+            // @ts-ignore
+            await new Promise(function (resolve) { resolve(require('./dom-860d8016-0ebf8707.js')); });
+        }
+        return Object.assign({}, opts, { resourcesUrl: resourcesUrl.href });
+    }
+};
+const patchDynamicImport = (base) => {
+    const importFunctionName = getDynamicImportFunction(NAMESPACE);
+    try {
+        win[importFunctionName] = new Function('w', 'return import(w);');
+    }
+    catch (e) {
+        const moduleMap = new Map();
+        win[importFunctionName] = (src) => {
+            const url = new URL(src, base).href;
+            let mod = moduleMap.get(url);
+            if (!mod) {
+                const script = doc.createElement('script');
+                script.type = 'module';
+                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], { type: 'application/javascript' }));
+                mod = new Promise(resolve => {
+                    script.onload = () => {
+                        resolve(win[importFunctionName].m);
+                        script.remove();
+                    };
+                });
+                moduleMap.set(url, mod);
+                doc.head.appendChild(script);
+            }
+            return mod;
+        };
+    }
+};
+
+const parsePropertyValue = (propValue, propType) => {
+    // ensure this value is of the correct prop type
+    if (propValue != null && !isComplexType(propValue)) {
+        if ( propType & 4 /* Boolean */) {
+            // per the HTML spec, any string value means it is a boolean true value
+            // but we'll cheat here and say that the string "false" is the boolean false
+            return (propValue === 'false' ? false : propValue === '' || !!propValue);
+        }
+        if ( propType & 2 /* Number */) {
+            // force it to be a number
+            return parseFloat(propValue);
+        }
+        if ( propType & 1 /* String */) {
+            // could have been passed as a number or boolean
+            // but we still want it as a string
+            return String(propValue);
+        }
+        // redundant return here for better minification
+        return propValue;
+    }
+    // not sure exactly what type we want
+    // so no need to change to a different type
+    return propValue;
+};
+
+const CONTENT_REF_ID = 'r';
+const ORG_LOCATION_ID = 'o';
+const SLOT_NODE_ID = 's';
+const TEXT_NODE_ID = 't';
+const HYDRATED_CLASS = 'hydrated';
+const HYDRATE_ID = 's-id';
+const HYDRATE_CHILD_ID = 'c-id';
+const XLINK_NS = 'http://www.w3.org/1999/xlink';
+
+const rootAppliedStyles = new WeakMap();
+const registerStyle = (scopeId, cssText, allowCS) => {
+    let style = styles.get(scopeId);
+    if (supportsConstructibleStylesheets && allowCS) {
+        style = (style || new CSSStyleSheet());
+        style.replace(cssText);
+    }
+    else {
+        style = cssText;
+    }
+    styles.set(scopeId, style);
+};
+const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
+    let scopeId = getScopeId(cmpMeta.$tagName$);
+    let style = styles.get(scopeId);
+    // if an element is NOT connected then getRootNode() will return the wrong root node
+    // so the fallback is to always use the document for the root node in those cases
+    styleContainerNode = (styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc);
+    if (style) {
+        if (typeof style === 'string') {
+            styleContainerNode = styleContainerNode.head || styleContainerNode;
+            let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+            let styleElm;
+            if (!appliedStyles) {
+                rootAppliedStyles.set(styleContainerNode, appliedStyles = new Set());
+            }
+            if (!appliedStyles.has(scopeId)) {
+                if ( styleContainerNode.host && (styleElm = styleContainerNode.firstElementChild) && styleElm.tagName === 'STYLE') {
+                    // This is only happening on native shadow-dom, do not needs CSS var shim
+                    styleElm.innerHTML = style;
+                }
+                else {
+                    if (cssVarShim) {
+                        styleElm = cssVarShim.createHostStyle(hostElm, scopeId, style, !!(cmpMeta.$flags$ & 10 /* needsScopedEncapsulation */));
+                        const newScopeId = styleElm['s-sc'];
+                        if (newScopeId) {
+                            scopeId = newScopeId;
+                            // we don't want to add this styleID to the appliedStyles Set
+                            // since the cssVarShim might need to apply several different
+                            // stylesheets for the same component
+                            appliedStyles = null;
+                        }
+                    }
+                    else {
+                        styleElm = doc.createElement('style');
+                        styleElm.innerHTML = style;
+                    }
+                    styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
+                }
+                if (appliedStyles) {
+                    appliedStyles.add(scopeId);
+                }
+            }
+        }
+        else if ( !styleContainerNode.adoptedStyleSheets.includes(style)) {
+            styleContainerNode.adoptedStyleSheets = [
+                ...styleContainerNode.adoptedStyleSheets,
+                style
+            ];
+        }
+    }
+    return scopeId;
+};
+const attachStyles = (elm, cmpMeta, mode) => {
+    const styleId = addStyle(( supportsShadowDom && elm.shadowRoot)
+        ? elm.shadowRoot
+        : elm.getRootNode(), cmpMeta, mode, elm);
+    if ( cmpMeta.$flags$ & 10 /* needsScopedEncapsulation */) {
+        // only required when we're NOT using native shadow dom (slot)
+        // or this browser doesn't support native shadow dom
+        // and this host element was NOT created with SSR
+        // let's pick out the inner content for slot projection
+        // create a node to represent where the original
+        // content was first placed, which is useful later on
+        // DOM WRITE!!
+        elm['s-sc'] = styleId;
+        elm.classList.add(styleId + '-h');
+    }
+};
+const getScopeId = (tagName, mode) => 'sc-' + ( tagName);
+const convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, '$1{');
+
+/**
+ * Production h() function based on Preact by
+ * Jason Miller (@developit)
+ * Licensed under the MIT License
+ * https://github.com/developit/preact/blob/master/LICENSE
+ *
+ * Modified for Stencil's compiler and vdom
+ */
+// const stack: any[] = [];
+// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;
+// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
+const h = (nodeName, vnodeData, ...children) => {
+    let child = null;
+    let simple = false;
+    let lastSimple = false;
+    let key;
+    let slotName;
+    let vNodeChildren = [];
+    const walk = (c) => {
+        for (let i = 0; i < c.length; i++) {
+            child = c[i];
+            if (Array.isArray(child)) {
+                walk(child);
+            }
+            else if (child != null && typeof child !== 'boolean') {
+                if (simple = typeof nodeName !== 'function' && !isComplexType(child)) {
+                    child = String(child);
+                }
+                if (simple && lastSimple) {
+                    // If the previous child was simple (string), we merge both
+                    vNodeChildren[vNodeChildren.length - 1].$text$ += child;
+                }
+                else {
+                    // Append a new vNode, if it's text, we create a text vNode
+                    vNodeChildren.push(simple ? { $flags$: 0, $text$: child } : child);
+                }
+                lastSimple = simple;
+            }
+        }
+    };
+    walk(children);
+    if ( vnodeData) {
+        // normalize class / classname attributes
+        {
+            key = vnodeData.key || undefined;
+        }
+        {
+            slotName = vnodeData.name;
+        }
+        {
+            const classData = vnodeData.className || vnodeData.class;
+            if (classData) {
+                vnodeData.class = typeof classData !== 'object'
+                    ? classData
+                    : Object.keys(classData)
+                        .filter(k => classData[k])
+                        .join(' ');
+            }
+        }
+    }
+    if ( typeof nodeName === 'function') {
+        // nodeName is a functional component
+        return nodeName(vnodeData, vNodeChildren, vdomFnUtils);
+    }
+    const vnode = {
+        $flags$: 0,
+        $tag$: nodeName,
+        $children$: vNodeChildren.length > 0 ? vNodeChildren : null,
+        $elm$: undefined,
+        $attrs$: vnodeData,
+    };
+    {
+        vnode.$key$ = key;
+    }
+    {
+        vnode.$name$ = slotName;
+    }
+    return vnode;
+};
+const Host = {};
+const isHost = (node) => {
+    return node && node.$tag$ === Host;
+};
+const vdomFnUtils = {
+    'forEach': (children, cb) => children.map(convertToPublic).forEach(cb),
+    'map': (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
+};
+const convertToPublic = (node) => {
+    return {
+        vattrs: node.$attrs$,
+        vchildren: node.$children$,
+        vkey: node.$key$,
+        vname: node.$name$,
+        vtag: node.$tag$,
+        vtext: node.$text$
+    };
+};
+const convertToPrivate = (node) => {
+    return {
+        $flags$: 0,
+        $attrs$: node.vattrs,
+        $children$: node.vchildren,
+        $key$: node.vkey,
+        $name$: node.vname,
+        $tag$: node.vtag,
+        $text$: node.vtext
+    };
+};
+
+/**
+ * Production setAccessor() function based on Preact by
+ * Jason Miller (@developit)
+ * Licensed under the MIT License
+ * https://github.com/developit/preact/blob/master/LICENSE
+ *
+ * Modified for Stencil's compiler and vdom
+ */
+const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
+    if (oldValue === newValue) {
+        return;
+    }
+    if ( memberName === 'class') {
+        const classList = elm.classList;
+        parseClassList(oldValue).forEach(cls => classList.remove(cls));
+        parseClassList(newValue).forEach(cls => classList.add(cls));
+    }
+    else if ( memberName === 'style') {
+        // update style attribute, css properties and values
+        {
+            for (const prop in oldValue) {
+                if (!newValue || newValue[prop] == null) {
+                    if ( prop.includes('-')) {
+                        elm.style.removeProperty(prop);
+                    }
+                    else {
+                        elm.style[prop] = '';
+                    }
+                }
+            }
+        }
+        for (const prop in newValue) {
+            if (!oldValue || newValue[prop] !== oldValue[prop]) {
+                if ( prop.includes('-')) {
+                    elm.style.setProperty(prop, newValue[prop]);
+                }
+                else {
+                    elm.style[prop] = newValue[prop];
+                }
+            }
+        }
+    }
+    else if ( memberName === 'key') ;
+    else if ( memberName === 'ref') {
+        // minifier will clean this up
+        if (newValue) {
+            newValue(elm);
+        }
+    }
+    else if ( memberName.startsWith('on') && !isMemberInElement(elm, memberName)) {
+        // Event Handlers
+        // so if the member name starts with "on" and the 3rd characters is
+        // a capital letter, and it's not already a member on the element,
+        // then we're assuming it's an event listener
+        if (isMemberInElement(elm, toLowerCase(memberName))) {
+            // standard event
+            // the JSX attribute could have been "onMouseOver" and the
+            // member name "onmouseover" is on the element's prototype
+            // so let's add the listener "mouseover", which is all lowercased
+            memberName = toLowerCase(memberName.substring(2));
+        }
+        else {
+            // custom event
+            // the JSX attribute could have been "onMyCustomEvent"
+            // so let's trim off the "on" prefix and lowercase the first character
+            // and add the listener "myCustomEvent"
+            // except for the first character, we keep the event name case
+            memberName = toLowerCase(memberName[2]) + memberName.substring(3);
+        }
+        if (oldValue) {
+            plt.rel(elm, memberName, oldValue, false);
+        }
+        if (newValue) {
+            plt.ael(elm, memberName, newValue, false);
+        }
+    }
+    else {
+        // Set property if it exists and it's not a SVG
+        const isProp = isMemberInElement(elm, memberName);
+        const isComplex = isComplexType(newValue);
+        const isCustomElement = elm.tagName.includes('-');
+        if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
+            try {
+                if (isCustomElement) {
+                    elm[memberName] = newValue;
+                }
+                else if (elm[memberName] !== newValue || '') {
+                    elm[memberName] = newValue || '';
+                }
+            }
+            catch (e) { }
+        }
+        /**
+         * Need to manually update attribute if:
+         * - memberName is not an attribute
+         * - if we are rendering the host element in order to reflect attribute
+         * - if it's a SVG, since properties might not work in <svg>
+         * - if the newValue is null/undefined or 'false'.
+         */
+        const isXlinkNs =  isSvg && (memberName !== (memberName = memberName.replace(/^xlink\:?/, ''))) ? true : false;
+        if (newValue == null || newValue === false) {
+            if (isXlinkNs) {
+                elm.removeAttributeNS(XLINK_NS, toLowerCase(memberName));
+            }
+            else {
+                elm.removeAttribute(memberName);
+            }
+        }
+        else if ((!isProp || (flags & 4 /* isHost */) || isSvg) && !isComplex) {
+            newValue = newValue === true ? '' : newValue.toString();
+            if (isXlinkNs) {
+                elm.setAttributeNS(XLINK_NS, toLowerCase(memberName), newValue);
+            }
+            else {
+                elm.setAttribute(memberName, newValue);
+            }
+        }
+    }
+};
+const parseClassList = (value) => (!value) ? [] : value.split(/\s+/).filter(c => c);
+
+const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
+    // if the element passed in is a shadow root, which is a document fragment
+    // then we want to be adding attrs/props to the shadow root's "host" element
+    // if it's not a shadow root, then we add attrs/props to the same element
+    const elm = (newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host) ? newVnode.$elm$.host : newVnode.$elm$;
+    const oldVnodeAttrs = (oldVnode && oldVnode.$attrs$) || EMPTY_OBJ;
+    const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
+    {
+        // remove attributes no longer present on the vnode by setting them to undefined
+        for (memberName in oldVnodeAttrs) {
+            if (!(memberName in newVnodeAttrs)) {
+                setAccessor(elm, memberName, oldVnodeAttrs[memberName], undefined, isSvgMode, newVnode.$flags$);
+            }
+        }
+    }
+    // add new & update changed attributes
+    for (memberName in newVnodeAttrs) {
+        setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode, newVnode.$flags$);
+    }
+};
+
+let scopeId;
+let contentRef;
+let hostTagName;
+let useNativeShadowDom = false;
+let checkSlotFallbackVisibility = false;
+let checkSlotRelocate = false;
+let isSvgMode = false;
+const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
+    // tslint:disable-next-line: prefer-const
+    let newVNode = newParentVNode.$children$[childIndex];
+    let i = 0;
+    let elm;
+    let childNode;
+    let oldVNode;
+    if ( !useNativeShadowDom) {
+        // remember for later we need to check to relocate nodes
+        checkSlotRelocate = true;
+        if (newVNode.$tag$ === 'slot') {
+            if (scopeId) {
+                // scoped css needs to add its scoped id to the parent element
+                parentElm.classList.add(scopeId + '-s');
+            }
+            if (!newVNode.$children$) {
+                // slot element does not have fallback content
+                // create an html comment we'll use to always reference
+                // where actual slot content should sit next to
+                newVNode.$flags$ |= 1 /* isSlotReference */;
+            }
+            else {
+                // slot element has fallback content
+                // still create an element that "mocks" the slot element
+                newVNode.$flags$ |= 2 /* isSlotFallback */;
+            }
+        }
+    }
+    if (isDef(newVNode.$text$)) {
+        // create text node
+        newVNode.$elm$ = doc.createTextNode(newVNode.$text$);
+    }
+    else if ( newVNode.$flags$ & 1 /* isSlotReference */) {
+        // create a slot reference node
+        newVNode.$elm$ =  doc.createTextNode('');
+    }
+    else {
+        // create element
+        elm = newVNode.$elm$ = (( (isSvgMode || newVNode.$tag$ === 'svg'))
+            ? doc.createElementNS(SVG_NS, newVNode.$tag$)
+            : doc.createElement(( newVNode.$flags$ & 2 /* isSlotFallback */) ? 'slot-fb' : newVNode.$tag$));
+        {
+            isSvgMode = newVNode.$tag$ === 'svg' ? true : (newVNode.$tag$ === 'foreignObject' ? false : isSvgMode);
+        }
+        // add css classes, attrs, props, listeners, etc.
+        {
+            updateElement(null, newVNode, isSvgMode);
+        }
+        if ( isDef(scopeId) && elm['s-si'] !== scopeId) {
+            // if there is a scopeId and this is the initial render
+            // then let's add the scopeId as a css class
+            elm.classList.add((elm['s-si'] = scopeId));
+        }
+        if (newVNode.$children$) {
+            for (i = 0; i < newVNode.$children$.length; ++i) {
+                // create the node
+                childNode = createElm(oldParentVNode, newVNode, i, elm);
+                // return node could have been null
+                if (childNode) {
+                    // append our new node
+                    elm.appendChild(childNode);
+                }
+            }
+        }
+        {
+            if (newVNode.$tag$ === 'svg') {
+                // Only reset the SVG context when we're exiting <svg> element
+                isSvgMode = false;
+            }
+            else if (newVNode.$elm$.tagName === 'foreignObject') {
+                // Reenter SVG context when we're exiting <foreignObject> element
+                isSvgMode = true;
+            }
+        }
+    }
+    {
+        newVNode.$elm$['s-hn'] = hostTagName;
+        if (newVNode.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
+            // remember the content reference comment
+            newVNode.$elm$['s-sr'] = true;
+            // remember the content reference comment
+            newVNode.$elm$['s-cr'] = contentRef;
+            // remember the slot name, or empty string for default slot
+            newVNode.$elm$['s-sn'] = newVNode.$name$ || '';
+            // check if we've got an old vnode for this slot
+            oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
+            if (oldVNode && oldVNode.$tag$ === newVNode.$tag$ && oldParentVNode.$elm$) {
+                // we've got an old slot vnode and the wrapper is being replaced
+                // so let's move the old slot content back to it's original location
+                putBackInOriginalLocation(oldParentVNode.$elm$, false);
+            }
+        }
+    }
+    return newVNode.$elm$;
+};
+const putBackInOriginalLocation = (parentElm, recursive) => {
+    plt.$flags$ |= 1 /* isTmpDisconnected */;
+    const oldSlotChildNodes = parentElm.childNodes;
+    for (let i = oldSlotChildNodes.length - 1; i >= 0; i--) {
+        const childNode = oldSlotChildNodes[i];
+        if (childNode['s-hn'] !== hostTagName && childNode['s-ol']) {
+            // // this child node in the old element is from another component
+            // // remove this node from the old slot's parent
+            // childNode.remove();
+            // and relocate it back to it's original location
+            parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));
+            // remove the old original location comment entirely
+            // later on the patch function will know what to do
+            // and move this to the correct spot in need be
+            childNode['s-ol'].remove();
+            childNode['s-ol'] = undefined;
+            checkSlotRelocate = true;
+        }
+        if (recursive) {
+            putBackInOriginalLocation(childNode, recursive);
+        }
+    }
+    plt.$flags$ &= ~1 /* isTmpDisconnected */;
+};
+const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
+    let containerElm = (( parentElm['s-cr'] && parentElm['s-cr'].parentNode) || parentElm);
+    let childNode;
+    if ( containerElm.shadowRoot && toLowerCase(containerElm.tagName) === hostTagName) {
+        containerElm = containerElm.shadowRoot;
+    }
+    for (; startIdx <= endIdx; ++startIdx) {
+        if (vnodes[startIdx]) {
+            childNode = createElm(null, parentVNode, startIdx, parentElm);
+            if (childNode) {
+                vnodes[startIdx].$elm$ = childNode;
+                containerElm.insertBefore(childNode,  referenceNode(before) );
+            }
+        }
+    }
+};
+const removeVnodes = (vnodes, startIdx, endIdx, elm) => {
+    for (; startIdx <= endIdx; ++startIdx) {
+        if (isDef(vnodes[startIdx])) {
+            elm = vnodes[startIdx].$elm$;
+            callNodeRefs(vnodes[startIdx], true);
+            {
+                // we're removing this element
+                // so it's possible we need to show slot fallback content now
+                checkSlotFallbackVisibility = true;
+                if (elm['s-ol']) {
+                    // remove the original location comment
+                    elm['s-ol'].remove();
+                }
+                else {
+                    // it's possible that child nodes of the node
+                    // that's being removed are slot nodes
+                    putBackInOriginalLocation(elm, true);
+                }
+            }
+            // remove the vnode's element from the dom
+            elm.remove();
+        }
+    }
+};
+const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
+    let oldStartIdx = 0;
+    let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
+    let oldEndIdx = oldCh.length - 1;
+    let oldStartVnode = oldCh[0];
+    let oldEndVnode = oldCh[oldEndIdx];
+    let newEndIdx = newCh.length - 1;
+    let newStartVnode = newCh[0];
+    let newEndVnode = newCh[newEndIdx];
+    let node;
+    let elmToMove;
+    while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+        if (oldStartVnode == null) {
+            // Vnode might have been moved left
+            oldStartVnode = oldCh[++oldStartIdx];
+        }
+        else if (oldEndVnode == null) {
+            oldEndVnode = oldCh[--oldEndIdx];
+        }
+        else if (newStartVnode == null) {
+            newStartVnode = newCh[++newStartIdx];
+        }
+        else if (newEndVnode == null) {
+            newEndVnode = newCh[--newEndIdx];
+        }
+        else if (isSameVnode(oldStartVnode, newStartVnode)) {
+            patch(oldStartVnode, newStartVnode);
+            oldStartVnode = oldCh[++oldStartIdx];
+            newStartVnode = newCh[++newStartIdx];
+        }
+        else if (isSameVnode(oldEndVnode, newEndVnode)) {
+            patch(oldEndVnode, newEndVnode);
+            oldEndVnode = oldCh[--oldEndIdx];
+            newEndVnode = newCh[--newEndIdx];
+        }
+        else if (isSameVnode(oldStartVnode, newEndVnode)) {
+            // Vnode moved right
+            if ( (oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
+                putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
+            }
+            patch(oldStartVnode, newEndVnode);
+            parentElm.insertBefore(oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+            oldStartVnode = oldCh[++oldStartIdx];
+            newEndVnode = newCh[--newEndIdx];
+        }
+        else if (isSameVnode(oldEndVnode, newStartVnode)) {
+            // Vnode moved left
+            if ( (oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
+                putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
+            }
+            patch(oldEndVnode, newStartVnode);
+            parentElm.insertBefore(oldEndVnode.$elm$, oldStartVnode.$elm$);
+            oldEndVnode = oldCh[--oldEndIdx];
+            newStartVnode = newCh[++newStartIdx];
+        }
+        else {
+            // createKeyToOldIdx
+            idxInOld = -1;
+            {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && isDef(oldCh[i].$key$) && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if ( idxInOld >= 0) {
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld, parentElm);
+                }
+                else {
+                    patch(elmToMove, newStartVnode);
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
+                // new element
+                node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx, parentElm);
+                newStartVnode = newCh[++newStartIdx];
+            }
+            if (node) {
+                {
+                    parentReferenceNode(oldStartVnode.$elm$).insertBefore(node, referenceNode(oldStartVnode.$elm$));
+                }
+            }
+        }
+    }
+    if (oldStartIdx > oldEndIdx) {
+        addVnodes(parentElm, (newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$), newVNode, newCh, newStartIdx, newEndIdx);
+    }
+    else if ( newStartIdx > newEndIdx) {
+        removeVnodes(oldCh, oldStartIdx, oldEndIdx);
+    }
+};
+const isSameVnode = (vnode1, vnode2) => {
+    // compare if two vnode to see if they're "technically" the same
+    // need to have the same element tag, and same key to be the same
+    if (vnode1.$tag$ === vnode2.$tag$) {
+        if ( vnode1.$tag$ === 'slot') {
+            return vnode1.$name$ === vnode2.$name$;
+        }
+        {
+            return vnode1.$key$ === vnode2.$key$;
+        }
+        return true;
+    }
+    return false;
+};
+const referenceNode = (node) => {
+    // this node was relocated to a new location in the dom
+    // because of some other component's slot
+    // but we still have an html comment in place of where
+    // it's original location was according to it's original vdom
+    return (node && node['s-ol']) || node;
+};
+const parentReferenceNode = (node) => (node['s-ol'] ? node['s-ol'] : node).parentNode;
+const patch = (oldVNode, newVNode) => {
+    const elm = newVNode.$elm$ = oldVNode.$elm$;
+    const oldChildren = oldVNode.$children$;
+    const newChildren = newVNode.$children$;
+    let defaultHolder;
+    {
+        // test if we're rendering an svg element, or still rendering nodes inside of one
+        // only add this to the when the compiler sees we're using an svg somewhere
+        isSvgMode = elm &&
+            isDef(elm.parentNode) &&
+            elm.ownerSVGElement !== undefined;
+        isSvgMode = newVNode.$tag$ === 'svg' ? true : (newVNode.$tag$ === 'foreignObject' ? false : isSvgMode);
+    }
+    if (!isDef(newVNode.$text$)) {
+        // element node
+        {
+            if ( newVNode.$tag$ === 'slot') ;
+            else {
+                // either this is the first render of an element OR it's an update
+                // AND we already know it's possible it could have changed
+                // this updates the element's css classes, attrs, props, listeners, etc.
+                updateElement(oldVNode, newVNode, isSvgMode);
+            }
+        }
+        if ( isDef(oldChildren) && isDef(newChildren)) {
+            // looks like there's child vnodes for both the old and new vnodes
+            updateChildren(elm, oldChildren, newVNode, newChildren);
+        }
+        else if (isDef(newChildren)) {
+            // no old child vnodes, but there are new child vnodes to add
+            if ( isDef(oldVNode.$text$)) {
+                // the old vnode was text, so be sure to clear it out
+                elm.textContent = '';
+            }
+            // add the new vnode children
+            addVnodes(elm, null, newVNode, newChildren, 0, newChildren.length - 1);
+        }
+        else if ( isDef(oldChildren)) {
+            // no new child vnodes, but there are old child vnodes to remove
+            removeVnodes(oldChildren, 0, oldChildren.length - 1);
+        }
+    }
+    else if ( (defaultHolder = elm['s-cr'])) {
+        // this element has slotted content
+        defaultHolder.parentNode.textContent = newVNode.$text$;
+    }
+    else if ( oldVNode.$text$ !== newVNode.$text$) {
+        // update the text content for the text only vnode
+        // and also only if the text is different than before
+        elm.textContent = newVNode.$text$;
+    }
+    if ( isSvgMode && newVNode.$tag$ === 'svg') {
+        isSvgMode = false;
+    }
+};
+const updateFallbackSlotVisibility = (elm, childNode, childNodes, i, ilen, j, slotNameAttr, nodeType) => {
+    childNodes = elm.childNodes;
+    for (i = 0, ilen = childNodes.length; i < ilen; i++) {
+        childNode = childNodes[i];
+        if (childNode.nodeType === 1 /* ElementNode */) {
+            if (childNode['s-sr']) {
+                // this is a slot fallback node
+                // get the slot name for this slot reference node
+                slotNameAttr = childNode['s-sn'];
+                // by default always show a fallback slot node
+                // then hide it if there are other slots in the light dom
+                childNode.hidden = false;
+                for (j = 0; j < ilen; j++) {
+                    if (childNodes[j]['s-hn'] !== childNode['s-hn']) {
+                        // this sibling node is from a different component
+                        nodeType = childNodes[j].nodeType;
+                        if (slotNameAttr !== '') {
+                            // this is a named fallback slot node
+                            if (nodeType === 1 /* ElementNode */ && slotNameAttr === childNodes[j].getAttribute('slot')) {
+                                childNode.hidden = true;
+                                break;
+                            }
+                        }
+                        else {
+                            // this is a default fallback slot node
+                            // any element or text node (with content)
+                            // should hide the default fallback slot node
+                            if (nodeType === 1 /* ElementNode */ || (nodeType === 3 /* TextNode */ && childNodes[j].textContent.trim() !== '')) {
+                                childNode.hidden = true;
+                                break;
+                            }
+                        }
+                    }
+                }
+            }
+            // keep drilling down
+            updateFallbackSlotVisibility(childNode);
+        }
+    }
+};
+const relocateNodes = [];
+const relocateSlotContent = (elm) => {
+    // tslint:disable-next-line: prefer-const
+    let childNodes = elm.childNodes;
+    let ilen = childNodes.length;
+    let i = 0;
+    let j = 0;
+    let nodeType = 0;
+    let childNode;
+    let node;
+    let hostContentNodes;
+    let slotNameAttr;
+    for (ilen = childNodes.length; i < ilen; i++) {
+        childNode = childNodes[i];
+        if (childNode['s-sr'] && (node = childNode['s-cr'])) {
+            // first got the content reference comment node
+            // then we got it's parent, which is where all the host content is in now
+            hostContentNodes = node.parentNode.childNodes;
+            slotNameAttr = childNode['s-sn'];
+            for (j = hostContentNodes.length - 1; j >= 0; j--) {
+                node = hostContentNodes[j];
+                if (!node['s-cn'] && !node['s-nr'] && node['s-hn'] !== childNode['s-hn']) {
+                    // let's do some relocating to its new home
+                    // but never relocate a content reference node
+                    // that is suppose to always represent the original content location
+                    nodeType = node.nodeType;
+                    if (((nodeType === 3 /* TextNode */ || nodeType === 8 /* CommentNode */) && slotNameAttr === '') ||
+                        (nodeType === 1 /* ElementNode */ && node.getAttribute('slot') === null && slotNameAttr === '') ||
+                        (nodeType === 1 /* ElementNode */ && node.getAttribute('slot') === slotNameAttr)) {
+                        // it's possible we've already decided to relocate this node
+                        if (!relocateNodes.some(r => r.$nodeToRelocate$ === node)) {
+                            // made some changes to slots
+                            // let's make sure we also double check
+                            // fallbacks are correctly hidden or shown
+                            checkSlotFallbackVisibility = true;
+                            node['s-sn'] = slotNameAttr;
+                            // add to our list of nodes to relocate
+                            relocateNodes.push({
+                                $slotRefNode$: childNode,
+                                $nodeToRelocate$: node
+                            });
+                        }
+                    }
+                }
+            }
+        }
+        if (childNode.nodeType === 1 /* ElementNode */) {
+            relocateSlotContent(childNode);
+        }
+    }
+};
+const callNodeRefs = (vNode, isDestroy) => {
+    if ( vNode) {
+        vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(isDestroy ? null : vNode.$elm$);
+        vNode.$children$ && vNode.$children$.forEach(vChild => {
+            callNodeRefs(vChild, isDestroy);
+        });
+    }
+};
+const renderVdom = (hostElm, hostRef, cmpMeta, renderFnResults) => {
+    hostTagName = toLowerCase(hostElm.tagName);
+    const oldVNode = hostRef.$vnode$ || { $flags$: 0 };
+    const rootVnode = isHost(renderFnResults)
+        ? renderFnResults
+        : h(null, null, renderFnResults);
+    if ( cmpMeta.$attrsToReflect$) {
+        rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+        cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]);
+    }
+    rootVnode.$tag$ = null;
+    rootVnode.$flags$ |= 4 /* isHost */;
+    hostRef.$vnode$ = rootVnode;
+    rootVnode.$elm$ = oldVNode.$elm$ = ( hostElm.shadowRoot || hostElm );
+    {
+        scopeId = hostElm['s-sc'];
+    }
+    {
+        contentRef = hostElm['s-cr'];
+        useNativeShadowDom = supportsShadowDom && (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
+        // always reset
+        checkSlotRelocate = checkSlotFallbackVisibility = false;
+    }
+    // synchronous patch
+    patch(oldVNode, rootVnode);
+    {
+        if (checkSlotRelocate) {
+            relocateSlotContent(rootVnode.$elm$);
+            for (let i = 0; i < relocateNodes.length; i++) {
+                const relocateNode = relocateNodes[i];
+                if (!relocateNode.$nodeToRelocate$['s-ol']) {
+                    // add a reference node marking this node's original location
+                    // keep a reference to this node for later lookups
+                    const orgLocationNode =  doc.createTextNode('');
+                    orgLocationNode['s-nr'] = relocateNode.$nodeToRelocate$;
+                    relocateNode.$nodeToRelocate$.parentNode.insertBefore((relocateNode.$nodeToRelocate$['s-ol'] = orgLocationNode), relocateNode.$nodeToRelocate$);
+                }
+            }
+            // while we're moving nodes around existing nodes, temporarily disable
+            // the disconnectCallback from working
+            plt.$flags$ |= 1 /* isTmpDisconnected */;
+            for (let i = 0; i < relocateNodes.length; i++) {
+                const relocateNode = relocateNodes[i];
+                // by default we're just going to insert it directly
+                // after the slot reference node
+                const parentNodeRef = relocateNode.$slotRefNode$.parentNode;
+                let insertBeforeNode = relocateNode.$slotRefNode$.nextSibling;
+                let orgLocationNode = relocateNode.$nodeToRelocate$['s-ol'];
+                while (orgLocationNode = orgLocationNode.previousSibling) {
+                    let refNode = orgLocationNode['s-nr'];
+                    if (refNode &&
+                        refNode['s-sn'] === relocateNode.$nodeToRelocate$['s-sn'] &&
+                        parentNodeRef === refNode.parentNode) {
+                        refNode = refNode.nextSibling;
+                        if (!refNode || !refNode['s-nr']) {
+                            insertBeforeNode = refNode;
+                            break;
+                        }
+                    }
+                }
+                if ((!insertBeforeNode && parentNodeRef !== relocateNode.$nodeToRelocate$.parentNode) ||
+                    (relocateNode.$nodeToRelocate$.nextSibling !== insertBeforeNode)) {
+                    // we've checked that it's worth while to relocate
+                    // since that the node to relocate
+                    // has a different next sibling or parent relocated
+                    if (relocateNode.$nodeToRelocate$ !== insertBeforeNode) {
+                        // add it back to the dom but in its new home
+                        parentNodeRef.insertBefore(relocateNode.$nodeToRelocate$, insertBeforeNode);
+                    }
+                }
+            }
+            // done moving nodes around
+            // allow the disconnect callback to work again
+            plt.$flags$ &= ~1 /* isTmpDisconnected */;
+        }
+        if (checkSlotFallbackVisibility) {
+            updateFallbackSlotVisibility(rootVnode.$elm$);
+        }
+        // always reset
+        relocateNodes.length = 0;
+    }
+};
+
+const scheduleUpdate = (elm, hostRef, cmpMeta, isInitialLoad) => {
+    {
+        hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
+    }
+    const instance =  hostRef.$lazyInstance$ ;
+    let promise;
+    if (isInitialLoad) {
+        {
+            hostRef.$flags$ |= 256 /* isListenReady */;
+        }
+        if ( hostRef.$queuedListeners$) {
+            hostRef.$queuedListeners$.forEach(([methodName, event]) => safeCall(instance, methodName, event));
+            hostRef.$queuedListeners$ = null;
+        }
+        {
+            promise = safeCall(instance, 'componentWillLoad');
+        }
+    }
+    else {
+        {
+            promise = safeCall(instance, 'componentWillUpdate');
+        }
+    }
+    {
+        promise = then(promise, () => safeCall(instance, 'componentWillRender'));
+    }
+    // there is no ancestorc omponent or the ancestor component
+    // has already fired off its lifecycle update then
+    // fire off the initial update
+    const update = () => updateComponent(elm, hostRef, cmpMeta, instance, isInitialLoad);
+    return then(promise,  () => writeTask(update)
+        );
+};
+const updateComponent = (elm, hostRef, cmpMeta, instance, isInitialLoad) => {
+    // updateComponent
+    {
+        hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
+    }
+    {
+        elm['s-lr'] = false;
+    }
+    if ( isInitialLoad) {
+        // DOM WRITE!
+        attachStyles(elm, cmpMeta, hostRef.$modeName$);
+    }
+    {
+        {
+            // tell the platform we're actively rendering
+            // if a value is changed within a render() then
+            // this tells the platform not to queue the change
+            hostRef.$flags$ |= 4 /* isActiveRender */;
+            try {
+                // looks like we've got child nodes to render into this host element
+                // or we need to update the css class/attrs on the host element
+                // DOM WRITE!
+                renderVdom(elm, hostRef, cmpMeta,  instance.render() );
+            }
+            catch (e) {
+                consoleError(e);
+            }
+            hostRef.$flags$ &= ~4 /* isActiveRender */;
+        }
+    }
+    if (cssVarShim) {
+        cssVarShim.updateHost(elm);
+    }
+    // set that this component lifecycle rendering has completed
+    {
+        elm['s-lr'] = true;
+    }
+    {
+        hostRef.$flags$ |= 2 /* hasRendered */;
+    }
+    if ( elm['s-rc'].length > 0) {
+        // ok, so turns out there are some child host elements
+        // waiting on this parent element to load
+        // let's fire off all update callbacks waiting
+        elm['s-rc'].forEach(cb => cb());
+        elm['s-rc'].length = 0;
+    }
+    postUpdateComponent(elm, hostRef);
+};
+const postUpdateComponent = (elm, hostRef, ancestorsActivelyLoadingChildren) => {
+    if ( !elm['s-al']) {
+        const instance =  hostRef.$lazyInstance$ ;
+        const ancestorComponent = hostRef.$ancestorComponent$;
+        {
+            safeCall(instance, 'componentDidRender');
+        }
+        if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
+            hostRef.$flags$ |= 64 /* hasLoadedComponent */;
+            {
+                // DOM WRITE!
+                // add the css class that this element has officially hydrated
+                elm.classList.add(HYDRATED_CLASS);
+            }
+            {
+                safeCall(instance, 'componentDidLoad');
+            }
+            {
+                hostRef.$onReadyResolve$(elm);
+            }
+            if ( !ancestorComponent) {
+                appDidLoad();
+            }
+        }
+        // load events fire from bottom to top
+        // the deepest elements load first then bubbles up
+        if ( ancestorComponent) {
+            // ok so this element already has a known ancestor component
+            // let's make sure we remove this element from its ancestor's
+            // known list of child elements which are actively loading
+            if (ancestorsActivelyLoadingChildren = ancestorComponent['s-al']) {
+                // remove this element from the actively loading map
+                ancestorsActivelyLoadingChildren.delete(elm);
+                // the ancestor's initializeComponent method will do the actual checks
+                // to see if the ancestor is actually loaded or not
+                // then let's call the ancestor's initializeComponent method if there's no length
+                // (which actually ends up as this method again but for the ancestor)
+                if (ancestorsActivelyLoadingChildren.size === 0) {
+                    ancestorComponent['s-al'] = undefined;
+                    ancestorComponent['s-init']();
+                }
+            }
+            hostRef.$ancestorComponent$ = undefined;
+        }
+        // ( •_•)
+        // ( •_•)>⌐■-■
+        // (⌐■_■)
+    }
+};
+const forceUpdate = (elm, cmpMeta) => {
+    {
+        const hostRef = getHostRef(elm);
+        if (hostRef.$flags$ & 2 /* hasRendered */) {
+            scheduleUpdate(elm, hostRef, cmpMeta, false);
+        }
+    }
+};
+const appDidLoad = () => {
+    // on appload
+    // we have finish the first big initial render
+    {
+        doc.documentElement.classList.add(HYDRATED_CLASS);
+    }
+    {
+        plt.$flags$ |= 2 /* appLoaded */;
+    }
+};
+const safeCall = (instance, method, arg) => {
+    if (instance && instance[method]) {
+        try {
+            return instance[method](arg);
+        }
+        catch (e) {
+            consoleError(e);
+        }
+    }
+    return undefined;
+};
+const then = (promise, thenFn) => {
+    return promise && promise.then ? promise.then(thenFn) : thenFn();
+};
+
+const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
+const setValue = (ref, propName, newVal, cmpMeta) => {
+    // check our new property value against our internal value
+    const hostRef = getHostRef(ref);
+    const elm =  hostRef.$hostElement$ ;
+    const oldVal = hostRef.$instanceValues$.get(propName);
+    const flags = hostRef.$flags$;
+    newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
+    if (newVal !== oldVal && ( !(flags & 8 /* isConstructingInstance */) || oldVal === undefined)) {
+        // gadzooks! the property's value has changed!!
+        // set our new value!
+        hostRef.$instanceValues$.set(propName, newVal);
+        if ( hostRef.$lazyInstance$) {
+            // get an array of method names of watch functions to call
+            if ( cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+                const watchMethods = cmpMeta.$watchers$[propName];
+                if (watchMethods) {
+                    // this instance is watching for when this property changed
+                    watchMethods.forEach(watchMethodName => {
+                        try {
+                            // fire off each of the watch methods that are watching this property
+                            ( hostRef.$lazyInstance$ )[watchMethodName].call(( hostRef.$lazyInstance$ ), newVal, oldVal, propName);
+                        }
+                        catch (e) {
+                            consoleError(e);
+                        }
+                    });
+                }
+            }
+            if ( (flags & (4 /* isActiveRender */ | 2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+                // looks like this value actually changed, so we've got work to do!
+                // but only if we've already rendered, otherwise just chill out
+                // queue that we need to do an update, but don't worry about queuing
+                // up millions cuz this function ensures it only runs once
+                scheduleUpdate(elm, hostRef, cmpMeta, false);
+            }
+        }
+    }
+};
+
+const proxyComponent = (Cstr, cmpMeta, flags) => {
+    if ( cmpMeta.$members$) {
+        if ( Cstr.watchers) {
+            cmpMeta.$watchers$ = Cstr.watchers;
+        }
+        // It's better to have a const than two Object.entries()
+        const members = Object.entries(cmpMeta.$members$);
+        const prototype = Cstr.prototype;
+        members.forEach(([memberName, [memberFlags]]) => {
+            if ( ((memberFlags & 31 /* Prop */) ||
+                (( flags & 2 /* proxyState */) &&
+                    (memberFlags & 32 /* State */)))) {
+                // proxyComponent - prop
+                Object.defineProperty(prototype, memberName, {
+                    get() {
+                        // proxyComponent, get value
+                        return getValue(this, memberName);
+                    },
+                    set(newValue) {
+                        // proxyComponent, set value
+                        setValue(this, memberName, newValue, cmpMeta);
+                    },
+                    configurable: true,
+                    enumerable: true
+                });
+            }
+            else if ( (flags & 1 /* isElementConstructor */) && (memberFlags & 64 /* Method */)) {
+                // proxyComponent - method
+                Object.defineProperty(prototype, memberName, {
+                    value(...args) {
+                        const ref = getHostRef(this);
+                        return ref.$onReadyPromise$.then(() => ref.$lazyInstance$[memberName](...args));
+                    }
+                });
+            }
+        });
+        if ( ( flags & 1 /* isElementConstructor */)) {
+            const attrNameToPropName = new Map();
+            prototype.attributeChangedCallback = function (attrName, _oldValue, newValue) {
+                plt.jmp(() => {
+                    const propName = attrNameToPropName.get(attrName);
+                    this[propName] = newValue === null && typeof this[propName] === 'boolean'
+                        ? false
+                        : newValue;
+                });
+            };
+            // create an array of attributes to observe
+            // and also create a map of html attribute name to js property name
+            Cstr.observedAttributes = members
+                .filter(([_, m]) => m[0] & 15 /* HasAttribute */) // filter to only keep props that should match attributes
+                .map(([propName, m]) => {
+                const attrName = m[1] || propName;
+                attrNameToPropName.set(attrName, propName);
+                if ( m[0] & 512 /* ReflectAttr */) {
+                    cmpMeta.$attrsToReflect$.push([propName, attrName]);
+                }
+                return attrName;
+            });
+        }
+    }
+    return Cstr;
+};
+
+const addEventListeners = (elm, hostRef, listeners) => {
+    hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || [];
+    const removeFns = listeners.map(([flags, name, method]) => {
+        const target = ( getHostListenerTarget(elm, flags) );
+        const handler = hostListenerProxy(hostRef, method);
+        const opts = hostListenerOpts(flags);
+        plt.ael(target, name, handler, opts);
+        return () => plt.rel(target, name, handler, opts);
+    });
+    return () => removeFns.forEach(fn => fn());
+};
+const hostListenerProxy = (hostRef, methodName) => {
+    return (ev) => {
+        {
+            if (hostRef.$flags$ & 256 /* isListenReady */) {
+                // instance is ready, let's call it's member method for this event
+                hostRef.$lazyInstance$[methodName](ev);
+            }
+            else {
+                hostRef.$queuedListeners$.push([methodName, ev]);
+            }
+        }
+    };
+};
+const getHostListenerTarget = (elm, flags) => {
+    if ( flags & 32 /* TargetBody */)
+        return doc.body;
+    if ( flags & 16 /* TargetParent */)
+        return elm.parentElement;
+    return elm;
+};
+const hostListenerOpts = (flags) => supportsListenerOptions ?
+    {
+        'passive': (flags & 1 /* Passive */) !== 0,
+        'capture': (flags & 2 /* Capture */) !== 0,
+    }
+    : (flags & 2 /* Capture */) !== 0;
+
+const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
+    const shadowRoot = hostElm.shadowRoot;
+    const childRenderNodes = [];
+    const slotNodes = [];
+    const shadowRootNodes = ( shadowRoot ? [] : null);
+    const vnode = hostRef.$vnode$ = {
+        $flags$: 0,
+        $tag$: tagName
+    };
+    if (!plt.$orgLocNodes$) {
+        initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = new Map());
+    }
+    hostElm[HYDRATE_ID] = hostId;
+    hostElm.removeAttribute(HYDRATE_ID);
+    clientHydrate(vnode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, hostElm, hostId);
+    childRenderNodes.forEach(c => {
+        const orgLocationId = c.$hostId$ + '.' + c.$nodeId$;
+        const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
+        const node = c.$elm$;
+        if (orgLocationNode && (orgLocationNode['s-sd'] || c.$hostId$ === '0')) {
+            orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
+        }
+        if (!shadowRoot) {
+            node['s-hn'] = tagName;
+            if (orgLocationNode) {
+                node['s-ol'] = orgLocationNode;
+                node['s-ol']['s-nr'] = node;
+            }
+        }
+        plt.$orgLocNodes$.delete(orgLocationId);
+    });
+    if ( shadowRoot) {
+        shadowRootNodes.forEach(shadowRootNode => {
+            if (shadowRootNode) {
+                shadowRoot.appendChild(shadowRootNode);
+            }
+        });
+    }
+};
+const clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId) => {
+    let childNodeType;
+    let childIdSplt;
+    let childVNode;
+    if (node.nodeType === 1 /* ElementNode */) {
+        childNodeType = node.getAttribute(HYDRATE_CHILD_ID);
+        if (childNodeType) {
+            // got the node data from the element's attribute
+            // `${hostId}.${nodeId}.${depth}.${index}`
+            childIdSplt = childNodeType.split('.');
+            if (childIdSplt[0] === hostId || childIdSplt[0] === '0') {
+                childVNode = {
+                    $flags$: 0,
+                    $hostId$: childIdSplt[0],
+                    $nodeId$: childIdSplt[1],
+                    $depth$: childIdSplt[2],
+                    $index$: childIdSplt[3],
+                    $tag$: toLowerCase(node.tagName),
+                    $elm$: node
+                };
+                childRenderNodes.push(childVNode);
+                node.removeAttribute(HYDRATE_CHILD_ID);
+                // this is a new child vnode
+                // so ensure its parent vnode has the vchildren array
+                if (!parentVNode.$children$) {
+                    parentVNode.$children$ = [];
+                }
+                // add our child vnode to a specific index of the vnode's children
+                parentVNode.$children$[childVNode.$index$] = childVNode;
+                // this is now the new parent vnode for all the next child checks
+                parentVNode = childVNode;
+                if (shadowRootNodes && childVNode.$depth$ === '0') {
+                    shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+                }
+            }
+        }
+        // recursively drill down, end to start so we can remove nodes
+        let i = node.childNodes.length - 1;
+        for (; i >= 0; i--) {
+            clientHydrate(parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node.childNodes[i], hostId);
+        }
+        if (node.shadowRoot) {
+            // keep drilling down through the shadow root nodes
+            for (i = node.shadowRoot.childNodes.length - 1; i >= 0; i--) {
+                clientHydrate(parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node.shadowRoot.childNodes[i], hostId);
+            }
+        }
+    }
+    else if (node.nodeType === 8 /* CommentNode */) {
+        // `${COMMENT_TYPE}.${hostId}.${nodeId}.${depth}.${index}`
+        childIdSplt = node.nodeValue.split('.');
+        if (childIdSplt[1] === hostId || childIdSplt[1] === '0') {
+            // comment node for either the host id or a 0 host id
+            childNodeType = childIdSplt[0];
+            childVNode = {
+                $flags$: 0,
+                $hostId$: childIdSplt[1],
+                $nodeId$: childIdSplt[2],
+                $depth$: childIdSplt[3],
+                $index$: childIdSplt[4],
+                $elm$: node
+            };
+            if (childNodeType === TEXT_NODE_ID) {
+                childVNode.$elm$ = node.nextSibling;
+                if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* TextNode */) {
+                    childVNode.$text$ = childVNode.$elm$.textContent;
+                    childRenderNodes.push(childVNode);
+                    // remove the text comment since it's no longer needed
+                    node.remove();
+                    if (!parentVNode.$children$) {
+                        parentVNode.$children$ = [];
+                    }
+                    parentVNode.$children$[childVNode.$index$] = childVNode;
+                    if (shadowRootNodes && childVNode.$depth$ === '0') {
+                        shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+                    }
+                }
+            }
+            else if (childVNode.$hostId$ === hostId) {
+                // this comment node is specifcally for this host id
+                if (childNodeType === SLOT_NODE_ID) {
+                    // `${SLOT_NODE_ID}.${hostId}.${nodeId}.${depth}.${index}.${slotName}`;
+                    childVNode.$tag$ = 'slot';
+                    if (childIdSplt[5]) {
+                        node['s-sn'] = childVNode.$name$ = childIdSplt[5];
+                    }
+                    else {
+                        node['s-sn'] = '';
+                    }
+                    node['s-sr'] = true;
+                    if ( shadowRootNodes) {
+                        // browser support shadowRoot and this is a shadow dom component
+                        // create an actual slot element
+                        childVNode.$elm$ = doc.createElement(childVNode.$tag$);
+                        if (childVNode.$name$) {
+                            // add the slot name attribute
+                            childVNode.$elm$.setAttribute('name', childVNode.$name$);
+                        }
+                        // insert the new slot element before the slot comment
+                        node.parentNode.insertBefore(childVNode.$elm$, node);
+                        // remove the slot comment since it's not needed for shadow
+                        node.remove();
+                        if (childVNode.$depth$ === '0') {
+                            shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+                        }
+                    }
+                    slotNodes.push(childVNode);
+                    if (!parentVNode.$children$) {
+                        parentVNode.$children$ = [];
+                    }
+                    parentVNode.$children$[childVNode.$index$] = childVNode;
+                }
+                else if (childNodeType === CONTENT_REF_ID) {
+                    // `${CONTENT_REF_ID}.${hostId}`;
+                    if ( shadowRootNodes) {
+                        // remove the content ref comment since it's not needed for shadow
+                        node.remove();
+                    }
+                    else {
+                        hostElm['s-cr'] = node;
+                        node['s-cn'] = true;
+                    }
+                }
+            }
+        }
+    }
+    else if (parentVNode && parentVNode.$tag$ === 'style') {
+        parentVNode.$children$ = [{
+                $index$: '0',
+                $text$: node.textContent,
+                $elm$: node
+            }];
+    }
+};
+const initializeDocumentHydrate = (node, orgLocNodes) => {
+    if (node.nodeType === 1 /* ElementNode */) {
+        let i = 0;
+        for (; i < node.childNodes.length; i++) {
+            initializeDocumentHydrate(node.childNodes[i], orgLocNodes);
+        }
+        if (node.shadowRoot) {
+            for (i = 0; i < node.shadowRoot.childNodes.length; i++) {
+                initializeDocumentHydrate(node.shadowRoot.childNodes[i], orgLocNodes);
+            }
+        }
+    }
+    else if (node.nodeType === 8 /* CommentNode */) {
+        const childIdSplt = node.nodeValue.split('.');
+        if (childIdSplt[0] === ORG_LOCATION_ID) {
+            orgLocNodes.set(childIdSplt[1] + '.' + childIdSplt[2], node);
+            node.nodeValue = '';
+            // useful to know if the original location is
+            // the root light-dom of a shadow dom component
+            node['s-sd'] = (childIdSplt[3] === '');
+        }
+    }
+};
+
+const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) => {
+    // initializeComponent
+    if ( (hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+        // we haven't initialized this element yet
+        hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+        {
+            // lazy loaded components
+            // request the component's implementation to be
+            // wired up with the host element
+            Cstr = loadModule(cmpMeta);
+            if (Cstr.then) {
+                // Await creates a micro-task avoid if possible
+                Cstr = await Cstr;
+            }
+            if ( !Cstr.isProxied) {
+                // we'eve never proxied this Constructor before
+                // let's add the getters/setters to its prototype before
+                // the first time we create an instance of the implementation
+                {
+                    cmpMeta.$watchers$ = Cstr.watchers;
+                }
+                proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+                Cstr.isProxied = true;
+            }
+            // ok, time to construct the instance
+            // but let's keep track of when we start and stop
+            // so that the getters/setters don't incorrectly step on data
+            {
+                hostRef.$flags$ |= 8 /* isConstructingInstance */;
+            }
+            // construct the lazy-loaded component implementation
+            // passing the hostRef is very important during
+            // construction in order to directly wire together the
+            // host element and the lazy-loaded instance
+            try {
+                new Cstr(hostRef);
+            }
+            catch (e) {
+                consoleError(e);
+            }
+            {
+                hostRef.$flags$ &= ~8 /* isConstructingInstance */;
+            }
+            {
+                hostRef.$flags$ |= 128 /* isWatchReady */;
+            }
+            fireConnectedCallback(hostRef.$lazyInstance$);
+        }
+        if ( !Cstr.$isStyleRegistered$ && Cstr.style) {
+            // this component has styles but we haven't registered them yet
+            let style = Cstr.style;
+            let scopeId = getScopeId(cmpMeta.$tagName$);
+            const shadowCssPolyfill = ( cmpMeta.$flags$ & 8 /* needsShadowDomShim */);
+            const runtimeScopedCss = (BUILD.runtimeScopeCss  /* scopedCssEncapsulation */);
+            if ( (shadowCssPolyfill || runtimeScopedCss)) {
+                style = await new Promise(function (resolve) { resolve(require('./shadow-css-bbdf056f-2f07589b.js')); }).then(m => m.scopeCss(style, scopeId, false));
+            }
+            registerStyle(scopeId, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+            Cstr.$isStyleRegistered$ = true;
+        }
+    }
+    // we've successfully created a lazy instance
+    const ancestorComponent = hostRef.$ancestorComponent$;
+    const schedule = () => scheduleUpdate(elm, hostRef, cmpMeta, true);
+    if ( ancestorComponent && ancestorComponent['s-lr'] === false && ancestorComponent['s-rc']) {
+        // this is the intial load and this component it has an ancestor component
+        // but the ancestor component has NOT fired its will update lifecycle yet
+        // so let's just cool our jets and wait for the ancestor to continue first
+        // this will get fired off when the ancestor component
+        // finally gets around to rendering its lazy self
+        // fire off the initial update
+        ancestorComponent['s-rc'].push(schedule);
+    }
+    else {
+        schedule();
+    }
+};
+
+const fireConnectedCallback = (instance) => {
+    {
+        safeCall(instance, 'connectedCallback');
+    }
+};
+const connectedCallback = (elm, cmpMeta) => {
+    if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+        // connectedCallback
+        const hostRef = getHostRef(elm);
+        if ( cmpMeta.$listeners$) {
+            // initialize our event listeners on the host element
+            // we do this now so that we can listening to events that may
+            // have fired even before the instance is ready
+            hostRef.$rmListeners$ = addEventListeners(elm, hostRef, cmpMeta.$listeners$);
+        }
+        if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
+            // first time this component has connected
+            hostRef.$flags$ |= 1 /* hasConnected */;
+            let hostId;
+            {
+                hostId = elm.getAttribute(HYDRATE_ID);
+                if (hostId) {
+                    if ( supportsShadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+                        const scopeId = addStyle(elm.shadowRoot, cmpMeta, elm.getAttribute('s-mode'));
+                        elm.classList.remove(scopeId + '-h');
+                        elm.classList.remove(scopeId + '-s');
+                    }
+                    initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef);
+                }
+            }
+            if ( !hostId) {
+                // initUpdate
+                // if the slot polyfill is required we'll need to put some nodes
+                // in here to act as original content anchors as we move nodes around
+                // host element has been connected to the DOM
+                if (
+                    ( cmpMeta.$flags$ & 4 /* hasSlotRelocation */) ||
+                    ( cmpMeta.$flags$ & 8 /* needsShadowDomShim */)) {
+                    setContentReference(elm);
+                }
+            }
+            {
+                // find the first ancestor component (if there is one) and register
+                // this component as one of the actively loading child components for its ancestor
+                let ancestorComponent = elm;
+                while ((ancestorComponent = (ancestorComponent.parentNode || ancestorComponent.host))) {
+                    // climb up the ancestors looking for the first
+                    // component that hasn't finished its lifecycle update yet
+                    if (( ancestorComponent.nodeType === 1 /* ElementNode */ && ancestorComponent.hasAttribute('s-id')) || (ancestorComponent['s-init'] && ancestorComponent['s-lr'] === false)) {
+                        // we found this components first ancestor component
+                        // keep a reference to this component's ancestor component
+                        hostRef.$ancestorComponent$ = ancestorComponent;
+                        // ensure there is an array to contain a reference to each of the child components
+                        // and set this component as one of the ancestor's child components it should wait on
+                        (ancestorComponent['s-al'] = ancestorComponent['s-al'] || new Set()).add(elm);
+                        break;
+                    }
+                }
+            }
+            // Lazy properties
+            // https://developers.google.com/web/fundamentals/web-components/best-practices#lazy-properties
+            if ( cmpMeta.$members$) {
+                Object.entries(cmpMeta.$members$).forEach(([memberName, [memberFlags]]) => {
+                    if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
+                        const value = elm[memberName];
+                        delete elm[memberName];
+                        elm[memberName] = value;
+                    }
+                });
+            }
+            {
+                // connectedCallback, taskQueue, initialLoad
+                // angular sets attribute AFTER connectCallback
+                // https://github.com/angular/angular/issues/18909
+                // https://github.com/angular/angular/issues/19940
+                nextTick(() => initializeComponent(elm, hostRef, cmpMeta));
+            }
+        }
+        fireConnectedCallback(hostRef.$lazyInstance$);
+    }
+};
+const setContentReference = (elm, contentRefElm) => {
+    // only required when we're NOT using native shadow dom (slot)
+    // or this browser doesn't support native shadow dom
+    // and this host element was NOT created with SSR
+    // let's pick out the inner content for slot projection
+    // create a node to represent where the original
+    // content was first placed, which is useful later on
+    let crName;
+    {
+        crName = '';
+    }
+    contentRefElm = elm['s-cr'] = doc.createComment(crName);
+    contentRefElm['s-cn'] = true;
+    elm.insertBefore(contentRefElm, elm.firstChild);
+};
+
+const disconnectedCallback = (elm) => {
+    if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+        const hostRef = getHostRef(elm);
+        {
+            if (hostRef.$rmListeners$) {
+                hostRef.$rmListeners$();
+                hostRef.$rmListeners$ = undefined;
+            }
+        }
+        // clear CSS var-shim tracking
+        if (cssVarShim) {
+            cssVarShim.removeHost(elm);
+        }
+        const instance =  hostRef.$lazyInstance$ ;
+        {
+            safeCall(instance, 'disconnectedCallback');
+        }
+        {
+            safeCall(instance, 'componentDidUnload');
+        }
+    }
+};
+
+const bootstrapLazy = (lazyBundles, options = {}) => {
+    const cmpTags = [];
+    const exclude = options.exclude || [];
+    const head = doc.head;
+    const customElements = win.customElements;
+    const y = /*@__PURE__*/ head.querySelector('meta[charset]');
+    const visibilityStyle = /*@__PURE__*/ doc.createElement('style');
+    let appLoadFallback;
+    Object.assign(plt, options);
+    plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
+    if (options.syncQueue) {
+        plt.$flags$ |= 4 /* queueSync */;
+    }
+    {
+        const styles = doc.querySelectorAll('style[s-id]');
+        let globalStyles = '';
+        styles.forEach(styleElm => globalStyles += styleElm.innerHTML);
+        styles.forEach(styleElm => {
+            registerStyle(styleElm.getAttribute(HYDRATE_ID), globalStyles + convertScopedToShadow(styleElm.innerHTML), true);
+        });
+    }
+    lazyBundles.forEach(lazyBundle => lazyBundle[1].forEach(compactMeta => {
+        const cmpMeta = {
+            $flags$: compactMeta[0],
+            $tagName$: compactMeta[1],
+            $members$: compactMeta[2],
+            $listeners$: compactMeta[3],
+        };
+        {
+            cmpMeta.$attrsToReflect$ = [];
+        }
+        {
+            cmpMeta.$watchers$ = {};
+        }
+        if ( !supportsShadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
+        }
+        const tagName = cmpMeta.$tagName$;
+        const HostElement = class extends HTMLElement {
+            // StencilLazyHost
+            constructor(self) {
+                // @ts-ignore
+                super(self);
+                self = this;
+                {
+                    this['s-lr'] = false;
+                    this['s-rc'] = [];
+                }
+                registerHost(self);
+                if ( cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+                    // this component is using shadow dom
+                    // and this browser supports shadow dom
+                    // add the read-only property "shadowRoot" to the host element
+                    if (supportsShadowDom) {
+                        self.attachShadow({ 'mode': 'open' });
+                    }
+                    else if ( !('shadowRoot' in self)) {
+                        self.shadowRoot = self;
+                    }
+                }
+            }
+            connectedCallback() {
+                if (appLoadFallback) {
+                    clearTimeout(appLoadFallback);
+                    appLoadFallback = null;
+                }
+                plt.jmp(() => connectedCallback(this, cmpMeta));
+            }
+            disconnectedCallback() {
+                plt.jmp(() => disconnectedCallback(this));
+            }
+            's-init'() {
+                const hostRef = getHostRef(this);
+                if (hostRef.$lazyInstance$) {
+                    postUpdateComponent(this, hostRef);
+                }
+            }
+            's-hmr'(hmrVersionId) {
+            }
+            forceUpdate() {
+                forceUpdate(this, cmpMeta);
+            }
+            componentOnReady() {
+                return getHostRef(this).$onReadyPromise$;
+            }
+        };
+        cmpMeta.$lazyBundleIds$ = lazyBundle[0];
+        if (!exclude.includes(tagName) && !customElements.get(tagName)) {
+            cmpTags.push(tagName);
+            customElements.define(tagName, proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */));
+        }
+    }));
+    // visibilityStyle.innerHTML = cmpTags.map(t => `${t}:not(.hydrated)`) + '{display:none}';
+    visibilityStyle.innerHTML = cmpTags + '{visibility:hidden}.hydrated{visibility:inherit}';
+    visibilityStyle.setAttribute('data-styles', '');
+    head.insertBefore(visibilityStyle, y ? y.nextSibling : head.firstChild);
+    // Fallback appLoad event
+    plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
+};
+
+const createEvent = (ref, name, flags) => {
+    const elm = getElement(ref);
+    return {
+        emit: (detail) => elm.dispatchEvent(new ( CustomEvent)(name, {
+            bubbles: !!(flags & 4 /* Bubbles */),
+            composed: !!(flags & 2 /* Composed */),
+            cancelable: !!(flags & 1 /* Cancellable */),
+            detail
+        }))
+    };
+};
+
+const getElement = (ref) =>  getHostRef(ref).$hostElement$ ;
+
+exports.Host = Host;
+exports.bootstrapLazy = bootstrapLazy;
+exports.createEvent = createEvent;
+exports.getElement = getElement;
+exports.h = h;
+exports.patchBrowser = patchBrowser;
+exports.patchEsm = patchEsm;
+exports.registerInstance = registerInstance;
diff --git a/dist/cjs/context-consumer.cjs.entry.js b/dist/cjs/context-consumer.cjs.entry.js
new file mode 100644
index 00000000000..4136526fe82
--- /dev/null
+++ b/dist/cjs/context-consumer.cjs.entry.js
@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+
+class ContextConsumer {
+    constructor(hostRef) {
+        __chunk_1.registerInstance(this, hostRef);
+        this.context = {};
+        this.renderer = () => null;
+    }
+    connectedCallback() {
+        if (this.subscribe != null) {
+            this.unsubscribe = this.subscribe(this.el, 'context');
+        }
+    }
+    disconnectedCallback() {
+        if (this.unsubscribe != null) {
+            this.unsubscribe();
+        }
+    }
+    render() {
+        return this.renderer(Object.assign({}, this.context));
+    }
+    get el() { return __chunk_1.getElement(this); }
+}
+
+exports.context_consumer = ContextConsumer;
diff --git a/dist/cjs/css-shim-3ea8955c-8b902b6b.js b/dist/cjs/css-shim-3ea8955c-8b902b6b.js
new file mode 100644
index 00000000000..1e449dd8066
--- /dev/null
+++ b/dist/cjs/css-shim-3ea8955c-8b902b6b.js
@@ -0,0 +1,630 @@
+'use strict';
+
+/*
+Extremely simple css parser. Intended to be not more than what we need
+and definitely not necessarily correct =).
+*/
+/** @unrestricted */
+var StyleNode = /** @class */ (function () {
+    function StyleNode() {
+        this.start = 0;
+        this.end = 0;
+        this.previous = null;
+        this.parent = null;
+        this.rules = null;
+        this.parsedCssText = '';
+        this.cssText = '';
+        this.atRule = false;
+        this.type = 0;
+        this.keyframesName = '';
+        this.selector = '';
+        this.parsedSelector = '';
+    }
+    return StyleNode;
+}());
+// given a string of css, return a simple rule tree
+/**
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function parse(text) {
+    text = clean(text);
+    return parseCss(lex(text), text);
+}
+// remove stuff we don't care about that may hinder parsing
+/**
+ * @param {string} cssText
+ * @return {string}
+ */
+function clean(cssText) {
+    return cssText.replace(RX.comments, '').replace(RX.port, '');
+}
+// super simple {...} lexer that returns a node tree
+/**
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function lex(text) {
+    var root = new StyleNode();
+    root['start'] = 0;
+    root['end'] = text.length;
+    var n = root;
+    for (var i = 0, l = text.length; i < l; i++) {
+        if (text[i] === OPEN_BRACE) {
+            if (!n['rules']) {
+                n['rules'] = [];
+            }
+            var p = n;
+            var previous = p['rules'][p['rules'].length - 1] || null;
+            n = new StyleNode();
+            n['start'] = i + 1;
+            n['parent'] = p;
+            n['previous'] = previous;
+            p['rules'].push(n);
+        }
+        else if (text[i] === CLOSE_BRACE) {
+            n['end'] = i + 1;
+            n = n['parent'] || root;
+        }
+    }
+    return root;
+}
+// add selectors/cssText to node tree
+/**
+ * @param {StyleNode} node
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function parseCss(node, text) {
+    var t = text.substring(node['start'], node['end'] - 1);
+    node['parsedCssText'] = node['cssText'] = t.trim();
+    if (node.parent) {
+        var ss = node.previous ? node.previous['end'] : node.parent['start'];
+        t = text.substring(ss, node['start'] - 1);
+        t = _expandUnicodeEscapes(t);
+        t = t.replace(RX.multipleSpaces, ' ');
+        // TODO(sorvell): ad hoc; make selector include only after last ;
+        // helps with mixin syntax
+        t = t.substring(t.lastIndexOf(';') + 1);
+        var s = node['parsedSelector'] = node['selector'] = t.trim();
+        node['atRule'] = (s.indexOf(AT_START) === 0);
+        // note, support a subset of rule types...
+        if (node['atRule']) {
+            if (s.indexOf(MEDIA_START) === 0) {
+                node['type'] = types.MEDIA_RULE;
+            }
+            else if (s.match(RX.keyframesRule)) {
+                node['type'] = types.KEYFRAMES_RULE;
+                node['keyframesName'] = node['selector'].split(RX.multipleSpaces).pop();
+            }
+        }
+        else {
+            if (s.indexOf(VAR_START) === 0) {
+                node['type'] = types.MIXIN_RULE;
+            }
+            else {
+                node['type'] = types.STYLE_RULE;
+            }
+        }
+    }
+    var r$ = node['rules'];
+    if (r$) {
+        for (var i = 0, l = r$.length, r = void 0; (i < l) && (r = r$[i]); i++) {
+            parseCss(r, text);
+        }
+    }
+    return node;
+}
+/**
+ * conversion of sort unicode escapes with spaces like `\33 ` (and longer) into
+ * expanded form that doesn't require trailing space `\000033`
+ * @param {string} s
+ * @return {string}
+ */
+function _expandUnicodeEscapes(s) {
+    return s.replace(/\\([0-9a-f]{1,6})\s/gi, function () {
+        var code = arguments[1], repeat = 6 - code.length;
+        while (repeat--) {
+            code = '0' + code;
+        }
+        return '\\' + code;
+    });
+}
+/** @enum {number} */
+var types = {
+    STYLE_RULE: 1,
+    KEYFRAMES_RULE: 7,
+    MEDIA_RULE: 4,
+    MIXIN_RULE: 1000
+};
+var OPEN_BRACE = '{';
+var CLOSE_BRACE = '}';
+// helper regexp's
+var RX = {
+    comments: /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,
+    port: /@import[^;]*;/gim,
+    customProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,
+    mixinProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,
+    mixinApply: /@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,
+    varApply: /[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,
+    keyframesRule: /^@[^\s]*keyframes/,
+    multipleSpaces: /\s+/g
+};
+var VAR_START = '--';
+var MEDIA_START = '@media';
+var AT_START = '@';
+function findRegex(regex, cssText, offset) {
+    regex['lastIndex'] = 0;
+    var r = cssText.substring(offset).match(regex);
+    if (r) {
+        var start = offset + r['index'];
+        return {
+            start: start,
+            end: start + r[0].length
+        };
+    }
+    return null;
+}
+var VAR_USAGE_START = /\bvar\(/;
+var VAR_ASSIGN_START = /\B--[\w-]+\s*:/;
+var COMMENTS = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim;
+var TRAILING_LINES = /^[\t ]+\n/gm;
+function resolveVar(props, prop, fallback) {
+    if (props[prop]) {
+        return props[prop];
+    }
+    if (fallback) {
+        return executeTemplate(fallback, props);
+    }
+    return '';
+}
+function findVarEndIndex(cssText, offset) {
+    var count = 0;
+    var i = offset;
+    for (; i < cssText.length; i++) {
+        var c = cssText[i];
+        if (c === '(') {
+            count++;
+        }
+        else if (c === ')') {
+            count--;
+            if (count <= 0) {
+                return i + 1;
+            }
+        }
+    }
+    return i;
+}
+function parseVar(cssText, offset) {
+    var varPos = findRegex(VAR_USAGE_START, cssText, offset);
+    if (!varPos) {
+        return null;
+    }
+    var endVar = findVarEndIndex(cssText, varPos.start);
+    var varContent = cssText.substring(varPos.end, endVar - 1);
+    var _a = varContent.split(','), propName = _a[0], fallback = _a.slice(1);
+    return {
+        start: varPos.start,
+        end: endVar,
+        propName: propName.trim(),
+        fallback: fallback.length > 0 ? fallback.join(',').trim() : undefined
+    };
+}
+function compileVar(cssText, template, offset) {
+    var varMeta = parseVar(cssText, offset);
+    if (!varMeta) {
+        template.push(cssText.substring(offset, cssText.length));
+        return cssText.length;
+    }
+    var propName = varMeta.propName;
+    var fallback = varMeta.fallback != null ? compileTemplate(varMeta.fallback) : undefined;
+    template.push(cssText.substring(offset, varMeta.start), function (params) { return resolveVar(params, propName, fallback); });
+    return varMeta.end;
+}
+function executeTemplate(template, props) {
+    var final = '';
+    for (var i = 0; i < template.length; i++) {
+        var s = template[i];
+        final += (typeof s === 'string')
+            ? s
+            : s(props);
+    }
+    return final;
+}
+function findEndValue(cssText, offset) {
+    var onStr = false;
+    var double = false;
+    var i = offset;
+    for (; i < cssText.length; i++) {
+        var c = cssText[i];
+        if (onStr) {
+            if (double && c === '"') {
+                onStr = false;
+            }
+            if (!double && c === '\'') {
+                onStr = false;
+            }
+        }
+        else {
+            if (c === '"') {
+                onStr = true;
+                double = true;
+            }
+            else if (c === '\'') {
+                onStr = true;
+                double = false;
+            }
+            else if (c === ';') {
+                return i + 1;
+            }
+            else if (c === '}') {
+                return i;
+            }
+        }
+    }
+    return i;
+}
+function removeCustomAssigns(cssText) {
+    var final = '';
+    var offset = 0;
+    while (true) {
+        var assignPos = findRegex(VAR_ASSIGN_START, cssText, offset);
+        var start = assignPos ? assignPos.start : cssText.length;
+        final += cssText.substring(offset, start);
+        if (assignPos) {
+            offset = findEndValue(cssText, start);
+        }
+        else {
+            break;
+        }
+    }
+    return final;
+}
+function compileTemplate(cssText) {
+    var index = 0;
+    cssText = cssText.replace(COMMENTS, '');
+    cssText = removeCustomAssigns(cssText)
+        .replace(TRAILING_LINES, '');
+    var segments = [];
+    while (index < cssText.length) {
+        index = compileVar(cssText, segments, index);
+    }
+    return segments;
+}
+function resolveValues(selectors) {
+    var props = {};
+    selectors.forEach(function (selector) {
+        selector.declarations.forEach(function (dec) {
+            props[dec.prop] = dec.value;
+        });
+    });
+    var propsValues = {};
+    var entries = Object.entries(props);
+    var _loop_1 = function (i) {
+        var dirty = false;
+        entries.forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            var propValue = executeTemplate(value, propsValues);
+            if (propValue !== propsValues[key]) {
+                propsValues[key] = propValue;
+                dirty = true;
+            }
+        });
+        if (!dirty) {
+            return "break";
+        }
+    };
+    for (var i = 0; i < 10; i++) {
+        var state_1 = _loop_1();
+        if (state_1 === "break")
+            break;
+    }
+    return propsValues;
+}
+function getSelectors(root, index) {
+    if (index === void 0) { index = 0; }
+    if (!root.rules) {
+        return [];
+    }
+    var selectors = [];
+    root.rules
+        .filter(function (rule) { return rule.type === types.STYLE_RULE; })
+        .forEach(function (rule) {
+        var declarations = getDeclarations(rule.cssText);
+        if (declarations.length > 0) {
+            rule.parsedSelector.split(',').forEach(function (selector) {
+                selector = selector.trim();
+                selectors.push({
+                    selector: selector,
+                    declarations: declarations,
+                    specificity: computeSpecificity(),
+                    nu: index
+                });
+            });
+        }
+        index++;
+    });
+    return selectors;
+}
+function computeSpecificity(_selector) {
+    return 1;
+}
+var IMPORTANT = '!important';
+var FIND_DECLARATIONS = /(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;
+function getDeclarations(cssText) {
+    var declarations = [];
+    var xArray;
+    while (xArray = FIND_DECLARATIONS.exec(cssText.trim())) {
+        var _a = normalizeValue(xArray[2]), value = _a.value, important = _a.important;
+        declarations.push({
+            prop: xArray[1].trim(),
+            value: compileTemplate(value),
+            important: important,
+        });
+    }
+    return declarations;
+}
+function normalizeValue(value) {
+    var regex = /\s+/gim;
+    value = value.replace(regex, ' ').trim();
+    var important = value.endsWith(IMPORTANT);
+    if (important) {
+        value = value.substr(0, value.length - IMPORTANT.length).trim();
+    }
+    return {
+        value: value,
+        important: important
+    };
+}
+function getActiveSelectors(hostEl, hostScopeMap, globalScopes) {
+    // computes the css scopes that might affect this particular element
+    var scopes = globalScopes.concat(getScopesForElement(hostScopeMap, hostEl));
+    // each scope might have an array of associated selectors
+    // let's flatten the complete array of selectors from all the scopes
+    var selectorSet = getSelectorsForScopes(scopes);
+    // we filter to only the selectors that matches the hostEl
+    var activeSelectors = selectorSet.filter(function (selector) { return matches(hostEl, selector.selector); });
+    // sort selectors by specifity
+    return sortSelectors(activeSelectors);
+}
+function getScopesForElement(hostTemplateMap, node) {
+    var scopes = [];
+    while (node) {
+        var scope = hostTemplateMap.get(node);
+        if (scope) {
+            scopes.push(scope);
+        }
+        node = node.parentElement;
+    }
+    return scopes;
+}
+function getSelectorsForScopes(scopes) {
+    var selectors = [];
+    scopes.forEach(function (scope) {
+        selectors.push.apply(selectors, scope.selectors);
+    });
+    return selectors;
+}
+function sortSelectors(selectors) {
+    selectors.sort(function (a, b) {
+        if (a.specificity === b.specificity) {
+            return a.nu - b.nu;
+        }
+        return a.specificity - b.specificity;
+    });
+    return selectors;
+}
+function matches(el, selector) {
+    return selector === ':root' || selector === 'html' || el.matches(selector);
+}
+function parseCSS(original) {
+    var ast = parse(original);
+    var template = compileTemplate(original);
+    var selectors = getSelectors(ast);
+    return {
+        original: original,
+        template: template,
+        selectors: selectors,
+        usesCssVars: template.length > 1
+    };
+}
+function addGlobalStyle(globalScopes, styleEl) {
+    var css = parseCSS(styleEl.innerHTML);
+    css.styleEl = styleEl;
+    globalScopes.push(css);
+}
+function updateGlobalScopes(scopes) {
+    var selectors = getSelectorsForScopes(scopes);
+    var props = resolveValues(selectors);
+    scopes.forEach(function (scope) {
+        if (scope.usesCssVars) {
+            scope.styleEl.innerHTML = executeTemplate(scope.template, props);
+        }
+    });
+}
+function reScope(scope, scopeId) {
+    var template = scope.template.map(function (segment) {
+        return (typeof segment === 'string')
+            ? replaceScope(segment, scope.scopeId, scopeId)
+            : segment;
+    });
+    var selectors = scope.selectors.map(function (sel) {
+        return Object.assign({}, sel, { selector: replaceScope(sel.selector, scope.scopeId, scopeId) });
+    });
+    return Object.assign({}, scope, { template: template,
+        selectors: selectors,
+        scopeId: scopeId });
+}
+function replaceScope(original, oldScopeId, newScopeId) {
+    original = replaceAll(original, "\\." + oldScopeId, "." + newScopeId);
+    return original;
+}
+function replaceAll(input, find, replace) {
+    return input.replace(new RegExp(find, 'g'), replace);
+}
+function loadDocument(doc, globalScopes) {
+    loadDocumentStyles(doc, globalScopes);
+    return loadDocumentLinks(doc, globalScopes);
+}
+function loadDocumentLinks(doc, globalScopes) {
+    var promises = [];
+    var linkElms = doc.querySelectorAll('link[rel="stylesheet"][href]');
+    for (var i = 0; i < linkElms.length; i++) {
+        promises.push(addGlobalLink(doc, globalScopes, linkElms[i]));
+    }
+    return Promise.all(promises);
+}
+function loadDocumentStyles(doc, globalScopes) {
+    var styleElms = doc.querySelectorAll('style:not([data-styles])');
+    for (var i = 0; i < styleElms.length; i++) {
+        addGlobalStyle(globalScopes, styleElms[i]);
+    }
+}
+function addGlobalLink(doc, globalScopes, linkElm) {
+    var url = linkElm.href;
+    return fetch(url).then(function (rsp) { return rsp.text(); }).then(function (text) {
+        if (hasCssVariables(text) && linkElm.parentNode) {
+            if (hasRelativeUrls(text)) {
+                text = fixRelativeUrls(text, url);
+            }
+            var styleEl = doc.createElement('style');
+            styleEl.setAttribute('data-styles', '');
+            styleEl.innerHTML = text;
+            addGlobalStyle(globalScopes, styleEl);
+            linkElm.parentNode.insertBefore(styleEl, linkElm);
+            linkElm.remove();
+        }
+    }).catch(function (err) {
+        console.error(err);
+    });
+}
+// This regexp tries to determine when a variable is declared, for example:
+//
+// .my-el { --highlight-color: green; }
+//
+// but we don't want to trigger when a classname uses "--" or a pseudo-class is
+// used. We assume that the only characters that can preceed a variable
+// declaration are "{", from an opening block, ";" from a preceeding rule, or a
+// space. This prevents the regexp from matching a word in a selector, since
+// they would need to start with a "." or "#". (We assume element names don't
+// start with "--").
+var CSS_VARIABLE_REGEXP = /[\s;{]--[-a-zA-Z0-9]+\s*:/m;
+function hasCssVariables(css) {
+    return css.indexOf('var(') > -1 || CSS_VARIABLE_REGEXP.test(css);
+}
+// This regexp find all url() usages with relative urls
+var CSS_URL_REGEXP = /url[\s]*\([\s]*['"]?(?![http|/])([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;
+function hasRelativeUrls(css) {
+    CSS_URL_REGEXP.lastIndex = 0;
+    return CSS_URL_REGEXP.test(css);
+}
+function fixRelativeUrls(css, originalUrl) {
+    // get the basepath from the original import url
+    var basePath = originalUrl.replace(/[^/]*$/, '');
+    // replace the relative url, with the new relative url
+    return css.replace(CSS_URL_REGEXP, function (fullMatch, url) {
+        // rhe new relative path is the base path + uri
+        // TODO: normalize relative URL
+        var relativeUrl = basePath + url;
+        return fullMatch.replace(url, relativeUrl);
+    });
+}
+var CustomStyle = /** @class */ (function () {
+    function CustomStyle(win, doc) {
+        this.win = win;
+        this.doc = doc;
+        this.count = 0;
+        this.hostStyleMap = new WeakMap();
+        this.hostScopeMap = new WeakMap();
+        this.globalScopes = [];
+        this.scopesMap = new Map();
+    }
+    CustomStyle.prototype.initShim = function () {
+        var _this = this;
+        return new Promise(function (resolve) {
+            _this.win.requestAnimationFrame(function () {
+                loadDocument(_this.doc, _this.globalScopes).then(function () { return resolve(); });
+            });
+        });
+    };
+    CustomStyle.prototype.addLink = function (linkEl) {
+        var _this = this;
+        return addGlobalLink(this.doc, this.globalScopes, linkEl).then(function () {
+            _this.updateGlobal();
+        });
+    };
+    CustomStyle.prototype.addGlobalStyle = function (styleEl) {
+        addGlobalStyle(this.globalScopes, styleEl);
+        this.updateGlobal();
+    };
+    CustomStyle.prototype.createHostStyle = function (hostEl, cssScopeId, cssText, isScoped) {
+        if (this.hostScopeMap.has(hostEl)) {
+            throw new Error('host style already created');
+        }
+        var baseScope = this.registerHostTemplate(cssText, cssScopeId, isScoped);
+        var styleEl = this.doc.createElement('style');
+        if (!baseScope.usesCssVars) {
+            // This component does not use (read) css variables
+            styleEl.innerHTML = cssText;
+        }
+        else if (isScoped) {
+            // This component is dynamic: uses css var and is scoped
+            styleEl['s-sc'] = cssScopeId = baseScope.scopeId + "-" + this.count;
+            styleEl.innerHTML = '/*needs update*/';
+            this.hostStyleMap.set(hostEl, styleEl);
+            this.hostScopeMap.set(hostEl, reScope(baseScope, cssScopeId));
+            this.count++;
+        }
+        else {
+            // This component uses css vars, but it's no-encapsulation (global static)
+            baseScope.styleEl = styleEl;
+            if (!baseScope.usesCssVars) {
+                styleEl.innerHTML = executeTemplate(baseScope.template, {});
+            }
+            this.globalScopes.push(baseScope);
+            this.updateGlobal();
+            this.hostScopeMap.set(hostEl, baseScope);
+        }
+        return styleEl;
+    };
+    CustomStyle.prototype.removeHost = function (hostEl) {
+        var css = this.hostStyleMap.get(hostEl);
+        if (css) {
+            css.remove();
+        }
+        this.hostStyleMap.delete(hostEl);
+        this.hostScopeMap.delete(hostEl);
+    };
+    CustomStyle.prototype.updateHost = function (hostEl) {
+        var scope = this.hostScopeMap.get(hostEl);
+        if (scope && scope.usesCssVars && scope.isScoped) {
+            var styleEl = this.hostStyleMap.get(hostEl);
+            if (styleEl) {
+                var selectors = getActiveSelectors(hostEl, this.hostScopeMap, this.globalScopes);
+                var props = resolveValues(selectors);
+                styleEl.innerHTML = executeTemplate(scope.template, props);
+            }
+        }
+    };
+    CustomStyle.prototype.updateGlobal = function () {
+        updateGlobalScopes(this.globalScopes);
+    };
+    CustomStyle.prototype.registerHostTemplate = function (cssText, scopeId, isScoped) {
+        var scope = this.scopesMap.get(scopeId);
+        if (!scope) {
+            scope = parseCSS(cssText);
+            scope.scopeId = scopeId;
+            scope.isScoped = isScoped;
+            this.scopesMap.set(scopeId, scope);
+        }
+        return scope;
+    };
+    return CustomStyle;
+}());
+var win = window;
+function needsShim() {
+    return !(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'));
+}
+if (!win.__stencil_cssshim && needsShim()) {
+    win.__stencil_cssshim = new CustomStyle(win, document);
+}
diff --git a/dist/cjs/dom-860d8016-0ebf8707.js b/dist/cjs/dom-860d8016-0ebf8707.js
new file mode 100644
index 00000000000..2ac2f8f2ad3
--- /dev/null
+++ b/dist/cjs/dom-860d8016-0ebf8707.js
@@ -0,0 +1,97 @@
+'use strict';
+
+(function(){
+var aa=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function g(a){var b=aa.has(a);a=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(a);return !b&&a}function l(a){var b=a.isConnected;if(void 0!==b)return b;for(;a&&!(a.__CE_isImportDocument||a instanceof Document);)a=a.parentNode||(window.ShadowRoot&&a instanceof ShadowRoot?a.host:void 0);return !(!a||!(a.__CE_isImportDocument||a instanceof Document))}
+  function n(a,b){for(;b&&b!==a&&!b.nextSibling;)b=b.parentNode;return b&&b!==a?b.nextSibling:null}
+  function p(a,b,d){d=void 0===d?new Set:d;for(var c=a;c;){if(c.nodeType===Node.ELEMENT_NODE){var e=c;b(e);var f=e.localName;if("link"===f&&"import"===e.getAttribute("rel")){c=e.import;if(c instanceof Node&&!d.has(c))for(d.add(c),c=c.firstChild;c;c=c.nextSibling)p(c,b,d);c=n(a,e);continue}else if("template"===f){c=n(a,e);continue}if(e=e.__CE_shadowRoot)for(e=e.firstChild;e;e=e.nextSibling)p(e,b,d);}c=c.firstChild?c.firstChild:n(a,c);}}function r(a,b,d){a[b]=d;}function u(){this.a=new Map;this.g=new Map;this.c=[];this.f=[];this.b=!1;}function ba(a,b,d){a.a.set(b,d);a.g.set(d.constructorFunction,d);}function ca(a,b){a.b=!0;a.c.push(b);}function da(a,b){a.b=!0;a.f.push(b);}function v(a,b){a.b&&p(b,function(b){return w(a,b)});}function w(a,b){if(a.b&&!b.__CE_patched){b.__CE_patched=!0;for(var d=0;d<a.c.length;d++)a.c[d](b);for(d=0;d<a.f.length;d++)a.f[d](b);}}
+  function x(a,b){var d=[];p(b,function(b){return d.push(b)});for(b=0;b<d.length;b++){var c=d[b];1===c.__CE_state?a.connectedCallback(c):y(a,c);}}function z(a,b){var d=[];p(b,function(b){return d.push(b)});for(b=0;b<d.length;b++){var c=d[b];1===c.__CE_state&&a.disconnectedCallback(c);}}
+  function A(a,b,d){d=void 0===d?{}:d;var c=d.u||new Set,e=d.i||function(b){return y(a,b)},f=[];p(b,function(b){if("link"===b.localName&&"import"===b.getAttribute("rel")){var d=b.import;d instanceof Node&&(d.__CE_isImportDocument=!0,d.__CE_hasRegistry=!0);d&&"complete"===d.readyState?d.__CE_documentLoadHandled=!0:b.addEventListener("load",function(){var d=b.import;if(!d.__CE_documentLoadHandled){d.__CE_documentLoadHandled=!0;var f=new Set(c);f.delete(d);A(a,d,{u:f,i:e});}});}else f.push(b);},c);if(a.b)for(b=
+  0;b<f.length;b++)w(a,f[b]);for(b=0;b<f.length;b++)e(f[b]);}
+  function y(a,b){if(void 0===b.__CE_state){var d=b.ownerDocument;if(d.defaultView||d.__CE_isImportDocument&&d.__CE_hasRegistry)if(d=a.a.get(b.localName)){d.constructionStack.push(b);var c=d.constructorFunction;try{try{if(new c!==b)throw Error("The custom element constructor did not produce the element being upgraded.");}finally{d.constructionStack.pop();}}catch(t){throw b.__CE_state=2,t;}b.__CE_state=1;b.__CE_definition=d;if(d.attributeChangedCallback)for(d=d.observedAttributes,c=0;c<d.length;c++){var e=
+  d[c],f=b.getAttribute(e);null!==f&&a.attributeChangedCallback(b,e,null,f,null);}l(b)&&a.connectedCallback(b);}}}u.prototype.connectedCallback=function(a){var b=a.__CE_definition;b.connectedCallback&&b.connectedCallback.call(a);};u.prototype.disconnectedCallback=function(a){var b=a.__CE_definition;b.disconnectedCallback&&b.disconnectedCallback.call(a);};
+  u.prototype.attributeChangedCallback=function(a,b,d,c,e){var f=a.__CE_definition;f.attributeChangedCallback&&-1<f.observedAttributes.indexOf(b)&&f.attributeChangedCallback.call(a,b,d,c,e);};function B(a){var b=document;this.c=a;this.a=b;this.b=void 0;A(this.c,this.a);"loading"===this.a.readyState&&(this.b=new MutationObserver(this.f.bind(this)),this.b.observe(this.a,{childList:!0,subtree:!0}));}function C(a){a.b&&a.b.disconnect();}B.prototype.f=function(a){var b=this.a.readyState;"interactive"!==b&&"complete"!==b||C(this);for(b=0;b<a.length;b++)for(var d=a[b].addedNodes,c=0;c<d.length;c++)A(this.c,d[c]);};function ea(){var a=this;this.b=this.a=void 0;this.c=new Promise(function(b){a.b=b;a.a&&b(a.a);});}function D(a){if(a.a)throw Error("Already resolved.");a.a=void 0;a.b&&a.b(void 0);}function E(a){this.c=!1;this.a=a;this.j=new Map;this.f=function(b){return b()};this.b=!1;this.g=[];this.o=new B(a);}
+  E.prototype.l=function(a,b){var d=this;if(!(b instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!g(a))throw new SyntaxError("The element name '"+a+"' is not valid.");if(this.a.a.get(a))throw Error("A custom element with name '"+a+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var c=function(b){var a=e[b];if(void 0!==a&&!(a instanceof Function))throw Error("The '"+b+"' callback must be a function.");
+  return a},e=b.prototype;if(!(e instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var f=c("connectedCallback");var t=c("disconnectedCallback");var k=c("adoptedCallback");var h=c("attributeChangedCallback");var m=b.observedAttributes||[];}catch(q){return}finally{this.c=!1;}b={localName:a,constructorFunction:b,connectedCallback:f,disconnectedCallback:t,adoptedCallback:k,attributeChangedCallback:h,observedAttributes:m,constructionStack:[]};ba(this.a,
+  a,b);this.g.push(b);this.b||(this.b=!0,this.f(function(){return fa(d)}));};E.prototype.i=function(a){A(this.a,a);};
+  function fa(a){if(!1!==a.b){a.b=!1;for(var b=a.g,d=[],c=new Map,e=0;e<b.length;e++)c.set(b[e].localName,[]);A(a.a,document,{i:function(b){if(void 0===b.__CE_state){var e=b.localName,f=c.get(e);f?f.push(b):a.a.a.get(e)&&d.push(b);}}});for(e=0;e<d.length;e++)y(a.a,d[e]);for(;0<b.length;){var f=b.shift();e=f.localName;f=c.get(f.localName);for(var t=0;t<f.length;t++)y(a.a,f[t]);(e=a.j.get(e))&&D(e);}}}E.prototype.get=function(a){if(a=this.a.a.get(a))return a.constructorFunction};
+  E.prototype.m=function(a){if(!g(a))return Promise.reject(new SyntaxError("'"+a+"' is not a valid custom element name."));var b=this.j.get(a);if(b)return b.c;b=new ea;this.j.set(a,b);this.a.a.get(a)&&!this.g.some(function(b){return b.localName===a})&&D(b);return b.c};E.prototype.s=function(a){C(this.o);var b=this.f;this.f=function(d){return a(function(){return b(d)})};};window.CustomElementRegistry=E;E.prototype.define=E.prototype.l;E.prototype.upgrade=E.prototype.i;E.prototype.get=E.prototype.get;
+  E.prototype.whenDefined=E.prototype.m;E.prototype.polyfillWrapFlushCallback=E.prototype.s;var F=window.Document.prototype.createElement,G=window.Document.prototype.createElementNS,ha=window.Document.prototype.importNode,ia=window.Document.prototype.prepend,ja=window.Document.prototype.append,ka=window.DocumentFragment.prototype.prepend,la=window.DocumentFragment.prototype.append,H=window.Node.prototype.cloneNode,I=window.Node.prototype.appendChild,J=window.Node.prototype.insertBefore,K=window.Node.prototype.removeChild,L=window.Node.prototype.replaceChild,M=Object.getOwnPropertyDescriptor(window.Node.prototype,
+  "textContent"),N=window.Element.prototype.attachShadow,O=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),P=window.Element.prototype.getAttribute,Q=window.Element.prototype.setAttribute,R=window.Element.prototype.removeAttribute,S=window.Element.prototype.getAttributeNS,T=window.Element.prototype.setAttributeNS,U=window.Element.prototype.removeAttributeNS,ma=window.Element.prototype.insertAdjacentElement,na=window.Element.prototype.insertAdjacentHTML,oa=window.Element.prototype.prepend,
+  pa=window.Element.prototype.append,V=window.Element.prototype.before,qa=window.Element.prototype.after,ra=window.Element.prototype.replaceWith,sa=window.Element.prototype.remove,ta=window.HTMLElement,W=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),ua=window.HTMLElement.prototype.insertAdjacentElement,va=window.HTMLElement.prototype.insertAdjacentHTML;var wa=new function(){};function xa(){var a=X;window.HTMLElement=function(){function b(){var b=this.constructor,c=a.g.get(b);if(!c)throw Error("The custom element being constructed was not registered with `customElements`.");var e=c.constructionStack;if(0===e.length)return e=F.call(document,c.localName),Object.setPrototypeOf(e,b.prototype),e.__CE_state=1,e.__CE_definition=c,w(a,e),e;c=e.length-1;var f=e[c];if(f===wa)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");
+  e[c]=wa;Object.setPrototypeOf(f,b.prototype);w(a,f);return f}b.prototype=ta.prototype;Object.defineProperty(b.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:b});return b}();}function Y(a,b,d){function c(b){return function(d){for(var e=[],c=0;c<arguments.length;++c)e[c]=arguments[c];c=[];for(var f=[],m=0;m<e.length;m++){var q=e[m];q instanceof Element&&l(q)&&f.push(q);if(q instanceof DocumentFragment)for(q=q.firstChild;q;q=q.nextSibling)c.push(q);else c.push(q);}b.apply(this,e);for(e=0;e<f.length;e++)z(a,f[e]);if(l(this))for(e=0;e<c.length;e++)f=c[e],f instanceof Element&&x(a,f);}}void 0!==d.h&&(b.prepend=c(d.h));void 0!==d.append&&(b.append=c(d.append));}function ya(){var a=X;r(Document.prototype,"createElement",function(b){if(this.__CE_hasRegistry){var d=a.a.get(b);if(d)return new d.constructorFunction}b=F.call(this,b);w(a,b);return b});r(Document.prototype,"importNode",function(b,d){b=ha.call(this,b,!!d);this.__CE_hasRegistry?A(a,b):v(a,b);return b});r(Document.prototype,"createElementNS",function(b,d){if(this.__CE_hasRegistry&&(null===b||"http://www.w3.org/1999/xhtml"===b)){var c=a.a.get(d);if(c)return new c.constructorFunction}b=G.call(this,b,
+  d);w(a,b);return b});Y(a,Document.prototype,{h:ia,append:ja});}function za(){function a(a,c){Object.defineProperty(a,"textContent",{enumerable:c.enumerable,configurable:!0,get:c.get,set:function(a){if(this.nodeType===Node.TEXT_NODE)c.set.call(this,a);else{var d=void 0;if(this.firstChild){var e=this.childNodes,k=e.length;if(0<k&&l(this)){d=Array(k);for(var h=0;h<k;h++)d[h]=e[h];}}c.set.call(this,a);if(d)for(a=0;a<d.length;a++)z(b,d[a]);}}});}var b=X;r(Node.prototype,"insertBefore",function(a,c){if(a instanceof DocumentFragment){var e=Array.prototype.slice.apply(a.childNodes);
+  a=J.call(this,a,c);if(l(this))for(c=0;c<e.length;c++)x(b,e[c]);return a}e=l(a);c=J.call(this,a,c);e&&z(b,a);l(this)&&x(b,a);return c});r(Node.prototype,"appendChild",function(a){if(a instanceof DocumentFragment){var c=Array.prototype.slice.apply(a.childNodes);a=I.call(this,a);if(l(this))for(var e=0;e<c.length;e++)x(b,c[e]);return a}c=l(a);e=I.call(this,a);c&&z(b,a);l(this)&&x(b,a);return e});r(Node.prototype,"cloneNode",function(a){a=H.call(this,!!a);this.ownerDocument.__CE_hasRegistry?A(b,a):v(b,
+  a);return a});r(Node.prototype,"removeChild",function(a){var c=l(a),e=K.call(this,a);c&&z(b,a);return e});r(Node.prototype,"replaceChild",function(a,c){if(a instanceof DocumentFragment){var e=Array.prototype.slice.apply(a.childNodes);a=L.call(this,a,c);if(l(this))for(z(b,c),c=0;c<e.length;c++)x(b,e[c]);return a}e=l(a);var f=L.call(this,a,c),d=l(this);d&&z(b,c);e&&z(b,a);d&&x(b,a);return f});M&&M.get?a(Node.prototype,M):ca(b,function(b){a(b,{enumerable:!0,configurable:!0,get:function(){for(var a=[],
+  b=0;b<this.childNodes.length;b++){var f=this.childNodes[b];f.nodeType!==Node.COMMENT_NODE&&a.push(f.textContent);}return a.join("")},set:function(a){for(;this.firstChild;)K.call(this,this.firstChild);null!=a&&""!==a&&I.call(this,document.createTextNode(a));}});});}function Aa(a){function b(b){return function(e){for(var c=[],d=0;d<arguments.length;++d)c[d]=arguments[d];d=[];for(var k=[],h=0;h<c.length;h++){var m=c[h];m instanceof Element&&l(m)&&k.push(m);if(m instanceof DocumentFragment)for(m=m.firstChild;m;m=m.nextSibling)d.push(m);else d.push(m);}b.apply(this,c);for(c=0;c<k.length;c++)z(a,k[c]);if(l(this))for(c=0;c<d.length;c++)k=d[c],k instanceof Element&&x(a,k);}}var d=Element.prototype;void 0!==V&&(d.before=b(V));void 0!==V&&(d.after=b(qa));void 0!==ra&&
+  r(d,"replaceWith",function(b){for(var e=[],c=0;c<arguments.length;++c)e[c]=arguments[c];c=[];for(var d=[],k=0;k<e.length;k++){var h=e[k];h instanceof Element&&l(h)&&d.push(h);if(h instanceof DocumentFragment)for(h=h.firstChild;h;h=h.nextSibling)c.push(h);else c.push(h);}k=l(this);ra.apply(this,e);for(e=0;e<d.length;e++)z(a,d[e]);if(k)for(z(a,this),e=0;e<c.length;e++)d=c[e],d instanceof Element&&x(a,d);});void 0!==sa&&r(d,"remove",function(){var b=l(this);sa.call(this);b&&z(a,this);});}function Ba(){function a(a,b){Object.defineProperty(a,"innerHTML",{enumerable:b.enumerable,configurable:!0,get:b.get,set:function(a){var e=this,d=void 0;l(this)&&(d=[],p(this,function(a){a!==e&&d.push(a);}));b.set.call(this,a);if(d)for(var f=0;f<d.length;f++){var t=d[f];1===t.__CE_state&&c.disconnectedCallback(t);}this.ownerDocument.__CE_hasRegistry?A(c,this):v(c,this);return a}});}function b(a,b){r(a,"insertAdjacentElement",function(a,e){var d=l(e);a=b.call(this,a,e);d&&z(c,e);l(a)&&x(c,e);return a});}
+  function d(a,b){function e(a,b){for(var e=[];a!==b;a=a.nextSibling)e.push(a);for(b=0;b<e.length;b++)A(c,e[b]);}r(a,"insertAdjacentHTML",function(a,c){a=a.toLowerCase();if("beforebegin"===a){var d=this.previousSibling;b.call(this,a,c);e(d||this.parentNode.firstChild,this);}else if("afterbegin"===a)d=this.firstChild,b.call(this,a,c),e(this.firstChild,d);else if("beforeend"===a)d=this.lastChild,b.call(this,a,c),e(d||this.firstChild,null);else if("afterend"===a)d=this.nextSibling,b.call(this,a,c),e(this.nextSibling,
+  d);else throw new SyntaxError("The value provided ("+String(a)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.");});}var c=X;N&&r(Element.prototype,"attachShadow",function(a){a=N.call(this,a);var b=c;if(b.b&&!a.__CE_patched){a.__CE_patched=!0;for(var e=0;e<b.c.length;e++)b.c[e](a);}return this.__CE_shadowRoot=a});O&&O.get?a(Element.prototype,O):W&&W.get?a(HTMLElement.prototype,W):da(c,function(b){a(b,{enumerable:!0,configurable:!0,get:function(){return H.call(this,!0).innerHTML},
+  set:function(a){var b="template"===this.localName,c=b?this.content:this,e=G.call(document,this.namespaceURI,this.localName);for(e.innerHTML=a;0<c.childNodes.length;)K.call(c,c.childNodes[0]);for(a=b?e.content:e;0<a.childNodes.length;)I.call(c,a.childNodes[0]);}});});r(Element.prototype,"setAttribute",function(a,b){if(1!==this.__CE_state)return Q.call(this,a,b);var e=P.call(this,a);Q.call(this,a,b);b=P.call(this,a);c.attributeChangedCallback(this,a,e,b,null);});r(Element.prototype,"setAttributeNS",function(a,
+  b,d){if(1!==this.__CE_state)return T.call(this,a,b,d);var e=S.call(this,a,b);T.call(this,a,b,d);d=S.call(this,a,b);c.attributeChangedCallback(this,b,e,d,a);});r(Element.prototype,"removeAttribute",function(a){if(1!==this.__CE_state)return R.call(this,a);var b=P.call(this,a);R.call(this,a);null!==b&&c.attributeChangedCallback(this,a,b,null,null);});r(Element.prototype,"removeAttributeNS",function(a,b){if(1!==this.__CE_state)return U.call(this,a,b);var d=S.call(this,a,b);U.call(this,a,b);var e=S.call(this,
+  a,b);d!==e&&c.attributeChangedCallback(this,b,d,e,a);});ua?b(HTMLElement.prototype,ua):ma?b(Element.prototype,ma):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched.");va?d(HTMLElement.prototype,va):na?d(Element.prototype,na):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched.");Y(c,Element.prototype,{h:oa,append:pa});Aa(c);}var Z=window.customElements;if(!Z||Z.forcePolyfill||"function"!=typeof Z.define||"function"!=typeof Z.get){var X=new u;xa();ya();Y(X,DocumentFragment.prototype,{h:ka,append:la});za();Ba();document.__CE_hasRegistry=!0;var customElements=new E(X);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:customElements});}}).call(self);
+
+// Polyfill document.baseURI
+if (typeof document.baseURI !== 'string') {
+  Object.defineProperty(Document.prototype, 'baseURI', {
+    enumerable: true,
+    configurable: true,
+    get: function () {
+      var base = document.querySelector('base');
+      if (base) {
+        return base.href;
+      }
+      return document.URL;
+    }
+  });
+}
+
+// Polyfill CustomEvent
+if (typeof window.CustomEvent !== 'function') {
+  window.CustomEvent = function CustomEvent(event, params) {
+    params = params || { bubbles: false, cancelable: false, detail: undefined };
+    var evt = document.createEvent( 'CustomEvent' );
+    evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
+    return evt;
+  };
+  window.CustomEvent.prototype = window.Event.prototype;
+}
+
+// Event.composedPath
+(function(E, d, w) {
+  if(!E.composedPath) {
+    E.composedPath = function() {
+      if (this.path) {
+        return this.path;
+      }
+    var target = this.target;
+
+    this.path = [];
+    while (target.parentNode !== null) {
+      this.path.push(target);
+      target = target.parentNode;
+    }
+    this.path.push(d, w);
+    return this.path;
+    };
+  }
+})(Event.prototype, document, window);
+
+/*!
+Element.closest and Element.matches
+https://github.com/jonathantneal/closest
+Creative Commons Zero v1.0 Universal
+*/
+(function(a){"function"!==typeof a.matches&&(a.matches=a.msMatchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||function(a){a=(this.document||this.ownerDocument).querySelectorAll(a);for(var b=0;a[b]&&a[b]!==this;)++b;return !!a[b]});"function"!==typeof a.closest&&(a.closest=function(a){for(var b=this;b&&1===b.nodeType;){if(b.matches(a))return b;b=b.parentNode;}return null});})(window.Element.prototype);
+/*!
+Element.getRootNode()
+*/
+(function(c){function d(a){a=b(a);return 11===a.nodeType?d(a.host):a}function b(a){return a.parentNode?b(a.parentNode):a}"function"!==typeof c.getRootNode&&(c.getRootNode=function(a){return a&&a.composed?d(this):b(this)});})(Element.prototype);
+/*!
+Element.remove()
+*/
+(function(b){b.forEach(function(a){a.hasOwnProperty("remove")||Object.defineProperty(a,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this);}});});})([Element.prototype,CharacterData.prototype,DocumentType.prototype]);
+
+/*!
+Element.classList
+*/
+!function(e){'classList'in e||Object.defineProperty(e,"classList",{get:function(){var e=this,t=(e.getAttribute("class")||"").replace(/^\s+|\s$/g,"").split(/\s+/g);function n(){t.length>0?e.setAttribute("class",t.join(" ")):e.removeAttribute("class");}return ""===t[0]&&t.splice(0,1),t.toggle=function(e,i){void 0!==i?i?t.add(e):t.remove(e):-1!==t.indexOf(e)?t.splice(t.indexOf(e),1):t.push(e),n();},t.add=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1===t.indexOf(e[i])&&t.push(e[i]);n();},t.remove=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1!==t.indexOf(e[i])&&t.splice(t.indexOf(e[i]),1);n();},t.item=function(e){return t[e]},t.contains=function(e){return -1!==t.indexOf(e)},t.replace=function(e,i){-1!==t.indexOf(e)&&t.splice(t.indexOf(e),1,i),n();},t.value=e.getAttribute("class")||"",t}});}(Element.prototype);
diff --git a/dist/cjs/index.cjs.js b/dist/cjs/index.cjs.js
new file mode 100644
index 00000000000..eb109abbed0
--- /dev/null
+++ b/dist/cjs/index.cjs.js
@@ -0,0 +1,2 @@
+'use strict';
+
diff --git a/dist/cjs/loader.cjs.js b/dist/cjs/loader.cjs.js
new file mode 100644
index 00000000000..81e91382ffd
--- /dev/null
+++ b/dist/cjs/loader.cjs.js
@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const __chunk_1 = require('./chunk-eefb78d6.js');
+
+const defineCustomElements = (win, options) => {
+  return __chunk_1.patchEsm().then(() => {
+    __chunk_1.bootstrapLazy([["calcite-alert_2.cjs",[[1,"calcite-alert",{"dismiss":[4],"duration":[513],"color":[513],"theme":[513],"icon":[4],"alertId":[1,"alert-id"],"currentAlert":[1,"current-alert"],"queueLength":[2,"queue-length"],"active":[32],"closeCalciteAlert":[64],"openCalciteAlert":[64]}],[1,"calcite-alerts",{"currentAlert":[32],"active":[32],"alertQueue":[32]},[[0,"calciteAlertOpen","updateQueueOnOpen"],[0,"calciteAlertClose","updateQueueOnClose"]]]]],["calcite-button.cjs",[[1,"calcite-button",{"color":[1537],"appearance":[1537],"scale":[1537],"width":[1537],"loading":[516],"href":[513],"icon":[513],"hastext":[1028]}]]],["calcite-tab_4.cjs",[[1,"calcite-tab",{"tab":[1537],"isActive":[1540,"is-active"],"labeledBy":[32],"getTabIndex":[64],"updateAriaInfo":[64]},[[16,"calciteTabChange","tabChangeHandler"]]],[1,"calcite-tab-nav",{"storageId":[1,"storage-id"],"syncId":[1,"sync-id"],"selectedTab":[32]},[[0,"calciteTabsFocusPrevious","focusPreviousTabHandler"],[0,"calciteTabsFocusNext","focusNextTabHandler"],[0,"calciteTabsActivate","activateTabHandler"],[32,"calciteTabChange","globalTabChangeHandler"]]],[1,"calcite-tab-title",{"tab":[1537],"isActive":[1540,"is-active"],"controls":[32],"getTabIndex":[64],"getTabIdentifier":[64],"updateAriaInfo":[64]},[[16,"calciteTabChange","tabChangeHandler"],[0,"click","onClick"],[0,"keydown","keyDownHandler"]]],[1,"calcite-tabs",{"theme":[513],"layout":[513],"titles":[32],"tabs":[32]},[[0,"calciteTabTitleRegister","calciteTabTitleRegister"],[0,"calciteTabTitleUnregister","calciteTabTitleUnregister"],[0,"calciteTabRegister","calciteTabRegister"],[0,"calciteTabUnregister","calciteTabUnregister"]]]]],["calcite-radio-group_2.cjs",[[1,"calcite-radio-group",{"name":[1],"selectedItem":[8,"selected-item"],"theme":[513]},[[0,"click","handleClick"],[0,"calciteRadioGroupItemChange","handleSelected"],[0,"keydown","handleKeyDown"]]],[1,"calcite-radio-group-item",{"checked":[1540],"value":[8]}]]],["calcite-checkbox.cjs",[[1,"calcite-checkbox",{"checked":[1540],"indeterminate":[1540],"name":[1537],"value":[1537],"size":[513],"disabled":[516],"theme":[513]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]]],["calcite-example.cjs",[[1,"calcite-example",{"property":[1],"state":[32],"doThing":[64]},[[0,"click","onClick"]]]]],["calcite-modal.cjs",[[1,"calcite-modal",{"beforeClose":[16],"closeLabel":[1,"close-label"],"docked":[516],"firstFocus":[16],"size":[513],"color":[513],"theme":[513],"isActive":[32],"hideBackButton":[32],"hideSecondaryButton":[32],"open":[64],"close":[64]},[[0,"keyup","handleEscape"]]]]],["calcite-progress.cjs",[[4,"calcite-progress",{"type":[1],"value":[2],"text":[1],"reversed":[4]}]]],["calcite-slider.cjs",[[1,"calcite-slider",{"disabled":[1540],"min":[1538],"max":[1538],"value":[1538],"minValue":[2,"min-value"],"maxValue":[2,"max-value"],"minLabel":[1,"min-label"],"maxLabel":[1,"max-label"],"snap":[4],"step":[2],"pageStep":[2,"page-step"],"ticks":[2],"labelTicks":[516,"label-ticks"],"labelHandles":[516,"label-handles"],"precise":[4],"tickValues":[32],"activeProp":[32]},[[0,"keydown","keyDownHandler"],[0,"click","clickHandler"]]]]],["calcite-switch.cjs",[[1,"calcite-switch",{"switched":[1540],"name":[1537],"value":[1537],"color":[1]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]]],["calcite-loader.cjs",[[1,"calcite-loader",{"isActive":[1540,"is-active"],"inline":[1540],"type":[1537],"value":[2],"text":[1],"loaderBarOffsets":[32],"isEdge":[32]}]]],["context-consumer.cjs",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;
diff --git a/dist/cjs/shadow-css-bbdf056f-2f07589b.js b/dist/cjs/shadow-css-bbdf056f-2f07589b.js
new file mode 100644
index 00000000000..e8c00297d2e
--- /dev/null
+++ b/dist/cjs/shadow-css-bbdf056f-2f07589b.js
@@ -0,0 +1,404 @@
+'use strict';
+
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ *
+ * This file is a port of shadowCSS from webcomponents.js to TypeScript.
+ * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
+ * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
+ */
+class ShadowCss {
+    constructor() {
+        this.strictStyling = true;
+    }
+    shimCssText(cssText, scopeId, hostScopeId = '', slotScopeId = '', commentOriginalSelector = false) {
+        const commentsWithHash = extractCommentsWithHash(cssText);
+        cssText = stripComments(cssText);
+        const orgSelectors = [];
+        if (commentOriginalSelector) {
+            const processCommentedSelector = (rule) => {
+                const placeholder = `/*!@___${orgSelectors.length}___*/`;
+                const comment = `/*!@${rule.selector}*/`;
+                orgSelectors.push({ placeholder, comment });
+                rule.selector = placeholder + rule.selector;
+                return rule;
+            };
+            cssText = processRules(cssText, rule => {
+                if (rule.selector[0] !== '@') {
+                    return processCommentedSelector(rule);
+                }
+                else if (rule.selector.startsWith('@media') || rule.selector.startsWith('@supports') ||
+                    rule.selector.startsWith('@page') || rule.selector.startsWith('@document')) {
+                    rule.content = processRules(rule.content, processCommentedSelector);
+                    return rule;
+                }
+                return rule;
+            });
+        }
+        const scopedCssText = this._scopeCssText(cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector);
+        cssText = [scopedCssText, ...commentsWithHash].join('\n');
+        if (commentOriginalSelector) {
+            orgSelectors.forEach(({ placeholder, comment }) => {
+                cssText = cssText.replace(placeholder, comment);
+            });
+        }
+        return cssText;
+    }
+    _scopeCssText(cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector) {
+        // replace :host and :host-context -shadowcsshost and -shadowcsshost respectively
+        cssText = this._insertPolyfillHostInCssText(cssText);
+        cssText = this._convertColonHost(cssText);
+        cssText = this._convertColonHostContext(cssText);
+        cssText = this._convertColonSlotted(cssText, slotScopeId);
+        cssText = this._convertShadowDOMSelectors(cssText);
+        if (scopeId) {
+            cssText = this._scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector);
+        }
+        cssText = cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);
+        cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, ' $1 ');
+        return cssText.trim();
+    }
+    /*
+     * convert a rule like :host(.foo) > .bar { }
+     *
+     * to
+     *
+     * .foo<scopeName> > .bar
+    */
+    _convertColonHost(cssText) {
+        return this._convertColonRule(cssText, _cssColonHostRe, this._colonHostPartReplacer);
+    }
+    /*
+   * convert a rule like ::slotted(.foo) { }
+  */
+    _convertColonSlotted(cssText, slotAttr) {
+        const regExp = _cssColonSlottedRe;
+        return cssText.replace(regExp, (...m) => {
+            if (m[2]) {
+                const compound = m[2].trim();
+                const suffix = m[3];
+                const sel = '.' + slotAttr + ' > ' + compound + suffix;
+                return sel;
+            }
+            else {
+                return _polyfillHostNoCombinator + m[3];
+            }
+        });
+    }
+    /*
+     * convert a rule like :host-context(.foo) > .bar { }
+     *
+     * to
+     *
+     * .foo<scopeName> > .bar, .foo scopeName > .bar { }
+     *
+     * and
+     *
+     * :host-context(.foo:host) .bar { ... }
+     *
+     * to
+     *
+     * .foo<scopeName> .bar { ... }
+    */
+    _convertColonHostContext(cssText) {
+        return this._convertColonRule(cssText, _cssColonHostContextRe, this._colonHostContextPartReplacer);
+    }
+    _convertColonRule(cssText, regExp, partReplacer) {
+        // m[1] = :host(-context), m[2] = contents of (), m[3] rest of rule
+        return cssText.replace(regExp, (...m) => {
+            if (m[2]) {
+                const parts = m[2].split(',');
+                const r = [];
+                for (let i = 0; i < parts.length; i++) {
+                    const p = parts[i].trim();
+                    if (!p)
+                        break;
+                    r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));
+                }
+                return r.join(',');
+            }
+            else {
+                return _polyfillHostNoCombinator + m[3];
+            }
+        });
+    }
+    _colonHostContextPartReplacer(host, part, suffix) {
+        if (part.indexOf(_polyfillHost) > -1) {
+            return this._colonHostPartReplacer(host, part, suffix);
+        }
+        else {
+            return host + part + suffix + ', ' + part + ' ' + host + suffix;
+        }
+    }
+    _colonHostPartReplacer(host, part, suffix) {
+        return host + part.replace(_polyfillHost, '') + suffix;
+    }
+    /*
+     * Convert combinators like ::shadow and pseudo-elements like ::content
+     * by replacing with space.
+    */
+    _convertShadowDOMSelectors(cssText) {
+        return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, ' '), cssText);
+    }
+    // change a selector like 'div' to 'name div'
+    _scopeSelectors(cssText, scopeSelector, hostSelector, slotSelector, commentOriginalSelector) {
+        return processRules(cssText, (rule) => {
+            let selector = rule.selector;
+            let content = rule.content;
+            if (rule.selector[0] !== '@') {
+                selector =
+                    this._scopeSelector(rule.selector, scopeSelector, hostSelector, slotSelector, this.strictStyling);
+            }
+            else if (rule.selector.startsWith('@media') || rule.selector.startsWith('@supports') ||
+                rule.selector.startsWith('@page') || rule.selector.startsWith('@document')) {
+                content = this._scopeSelectors(rule.content, scopeSelector, hostSelector, slotSelector, commentOriginalSelector);
+            }
+            selector = selector.replace(/\s{2,}/g, ' ').trim();
+            return new CssRule(selector, content);
+        });
+    }
+    _scopeSelector(selector, scopeSelector, hostSelector, slotSelector, strict) {
+        return selector.split(',')
+            .map(shallowPart => {
+            if (slotSelector && shallowPart.indexOf('.' + slotSelector) > -1) {
+                return shallowPart.trim();
+            }
+            if (this._selectorNeedsScoping(shallowPart, scopeSelector)) {
+                return strict ?
+                    this._applyStrictSelectorScope(shallowPart, scopeSelector, hostSelector).trim() :
+                    this._applySelectorScope(shallowPart, scopeSelector, hostSelector).trim();
+            }
+            else {
+                return shallowPart.trim();
+            }
+        })
+            .join(', ');
+    }
+    _selectorNeedsScoping(selector, scopeSelector) {
+        const re = this._makeScopeMatcher(scopeSelector);
+        return !re.test(selector);
+    }
+    _makeScopeMatcher(scopeSelector) {
+        const lre = /\[/g;
+        const rre = /\]/g;
+        scopeSelector = scopeSelector.replace(lre, '\\[').replace(rre, '\\]');
+        return new RegExp('^(' + scopeSelector + ')' + _selectorReSuffix, 'm');
+    }
+    _applySelectorScope(selector, scopeSelector, hostSelector) {
+        // Difference from webcomponents.js: scopeSelector could not be an array
+        return this._applySimpleSelectorScope(selector, scopeSelector, hostSelector);
+    }
+    // scope via name and [is=name]
+    _applySimpleSelectorScope(selector, scopeSelector, hostSelector) {
+        // In Android browser, the lastIndex is not reset when the regex is used in String.replace()
+        _polyfillHostRe.lastIndex = 0;
+        if (_polyfillHostRe.test(selector)) {
+            const replaceBy = this.strictStyling ? `.${hostSelector}` : scopeSelector;
+            return selector
+                .replace(_polyfillHostNoCombinatorRe, (_, selector) => {
+                return selector.replace(/([^:]*)(:*)(.*)/, (_, before, colon, after) => {
+                    return before + replaceBy + colon + after;
+                });
+            })
+                .replace(_polyfillHostRe, replaceBy + ' ');
+        }
+        return scopeSelector + ' ' + selector;
+    }
+    _applyStrictSelectorScope(selector, scopeSelector, hostSelector) {
+        const isRe = /\[is=([^\]]*)\]/g;
+        scopeSelector = scopeSelector.replace(isRe, (_, ...parts) => parts[0]);
+        const className = '.' + scopeSelector;
+        const _scopeSelectorPart = (p) => {
+            let scopedP = p.trim();
+            if (!scopedP) {
+                return '';
+            }
+            if (p.indexOf(_polyfillHostNoCombinator) > -1) {
+                scopedP = this._applySimpleSelectorScope(p, scopeSelector, hostSelector);
+            }
+            else {
+                // remove :host since it should be unnecessary
+                const t = p.replace(_polyfillHostRe, '');
+                if (t.length > 0) {
+                    const matches = t.match(/([^:]*)(:*)(.*)/);
+                    if (matches) {
+                        scopedP = matches[1] + className + matches[2] + matches[3];
+                    }
+                }
+            }
+            return scopedP;
+        };
+        const safeContent = new SafeSelector(selector);
+        selector = safeContent.content();
+        let scopedSelector = '';
+        let startIndex = 0;
+        let res;
+        const sep = /( |>|\+|~(?!=))\s*/g;
+        // If a selector appears before :host it should not be shimmed as it
+        // matches on ancestor elements and not on elements in the host's shadow
+        // `:host-context(div)` is transformed to
+        // `-shadowcsshost-no-combinatordiv, div -shadowcsshost-no-combinator`
+        // the `div` is not part of the component in the 2nd selectors and should not be scoped.
+        // Historically `component-tag:host` was matching the component so we also want to preserve
+        // this behavior to avoid breaking legacy apps (it should not match).
+        // The behavior should be:
+        // - `tag:host` -> `tag[h]` (this is to avoid breaking legacy apps, should not match anything)
+        // - `tag :host` -> `tag [h]` (`tag` is not scoped because it's considered part of a
+        //   `:host-context(tag)`)
+        const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;
+        // Only scope parts after the first `-shadowcsshost-no-combinator` when it is present
+        let shouldScope = !hasHost;
+        while ((res = sep.exec(selector)) !== null) {
+            const separator = res[1];
+            const part = selector.slice(startIndex, res.index).trim();
+            shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
+            const scopedPart = shouldScope ? _scopeSelectorPart(part) : part;
+            scopedSelector += `${scopedPart} ${separator} `;
+            startIndex = sep.lastIndex;
+        }
+        const part = selector.substring(startIndex);
+        shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
+        scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
+        // replace the placeholders with their original values
+        return safeContent.restore(scopedSelector);
+    }
+    _insertPolyfillHostInCssText(selector) {
+        selector = selector
+            .replace(_colonHostContextRe, _polyfillHostContext)
+            .replace(_colonHostRe, _polyfillHost)
+            .replace(_colonSlottedRe, _polyfillSlotted);
+        return selector;
+    }
+}
+class SafeSelector {
+    constructor(selector) {
+        this.placeholders = [];
+        this.index = 0;
+        // Replaces attribute selectors with placeholders.
+        // The WS in [attr="va lue"] would otherwise be interpreted as a selector separator.
+        selector = selector.replace(/(\[[^\]]*\])/g, (_, keep) => {
+            const replaceBy = `__ph-${this.index}__`;
+            this.placeholders.push(keep);
+            this.index++;
+            return replaceBy;
+        });
+        // Replaces the expression in `:nth-child(2n + 1)` with a placeholder.
+        // WS and "+" would otherwise be interpreted as selector separators.
+        this._content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
+            const replaceBy = `__ph-${this.index}__`;
+            this.placeholders.push(exp);
+            this.index++;
+            return pseudo + replaceBy;
+        });
+    }
+    restore(content) {
+        return content.replace(/__ph-(\d+)__/g, (_, index) => this.placeholders[+index]);
+    }
+    content() { return this._content; }
+}
+class CssRule {
+    constructor(selector, content) {
+        this.selector = selector;
+        this.content = content;
+    }
+}
+class StringWithEscapedBlocks {
+    constructor(escapedString, blocks) {
+        this.escapedString = escapedString;
+        this.blocks = blocks;
+    }
+}
+const _polyfillHost = '-shadowcsshost';
+const _polyfillSlotted = '-shadowcssslotted';
+// note: :host-context pre-processed to -shadowcsshostcontext.
+const _polyfillHostContext = '-shadowcsscontext';
+const _parenSuffix = ')(?:\\((' +
+    '(?:\\([^)(]*\\)|[^)(]*)+?' +
+    ')\\))?([^,{]*)';
+const _cssColonHostRe = new RegExp('(' + _polyfillHost + _parenSuffix, 'gim');
+const _cssColonHostContextRe = new RegExp('(' + _polyfillHostContext + _parenSuffix, 'gim');
+const _cssColonSlottedRe = new RegExp('(' + _polyfillSlotted + _parenSuffix, 'gim');
+const _polyfillHostNoCombinator = _polyfillHost + '-no-combinator';
+const _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
+const _shadowDOMSelectorsRe = [
+    /::shadow/g,
+    /::content/g
+];
+const _selectorReSuffix = '([>\\s~+\[.,{:][\\s\\S]*)?$';
+const _polyfillHostRe = /-shadowcsshost/gim;
+const _colonHostRe = /:host/gim;
+const _colonSlottedRe = /::slotted/gim;
+const _colonHostContextRe = /:host-context/gim;
+const _commentRe = /\/\*\s*[\s\S]*?\*\//g;
+const stripComments = (input) => {
+    return input.replace(_commentRe, '');
+};
+const _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;
+const extractCommentsWithHash = (input) => {
+    return input.match(_commentWithHashRe) || [];
+};
+const _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
+const _curlyRe = /([{}])/g;
+const OPEN_CURLY = '{';
+const CLOSE_CURLY = '}';
+const BLOCK_PLACEHOLDER = '%BLOCK%';
+const processRules = (input, ruleCallback) => {
+    const inputWithEscapedBlocks = escapeBlocks(input);
+    let nextBlockIndex = 0;
+    return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {
+        const selector = m[2];
+        let content = '';
+        let suffix = m[4];
+        let contentPrefix = '';
+        if (suffix && suffix.startsWith('{' + BLOCK_PLACEHOLDER)) {
+            content = inputWithEscapedBlocks.blocks[nextBlockIndex++];
+            suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);
+            contentPrefix = '{';
+        }
+        const rule = ruleCallback(new CssRule(selector, content));
+        return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;
+    });
+};
+const escapeBlocks = (input) => {
+    const inputParts = input.split(_curlyRe);
+    const resultParts = [];
+    const escapedBlocks = [];
+    let bracketCount = 0;
+    let currentBlockParts = [];
+    for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {
+        const part = inputParts[partIndex];
+        if (part === CLOSE_CURLY) {
+            bracketCount--;
+        }
+        if (bracketCount > 0) {
+            currentBlockParts.push(part);
+        }
+        else {
+            if (currentBlockParts.length > 0) {
+                escapedBlocks.push(currentBlockParts.join(''));
+                resultParts.push(BLOCK_PLACEHOLDER);
+                currentBlockParts = [];
+            }
+            resultParts.push(part);
+        }
+        if (part === OPEN_CURLY) {
+            bracketCount++;
+        }
+    }
+    if (currentBlockParts.length > 0) {
+        escapedBlocks.push(currentBlockParts.join(''));
+        resultParts.push(BLOCK_PLACEHOLDER);
+    }
+    return new StringWithEscapedBlocks(resultParts.join(''), escapedBlocks);
+};
+const scopeCss = (cssText, scopeId, commentOriginalSelector) => {
+    const sc = new ShadowCss();
+    return sc.shimCssText(cssText, scopeId, scopeId + '-h', scopeId + '-s', commentOriginalSelector);
+};
+
+exports.ShadowCss = ShadowCss;
+exports.scopeCss = scopeCss;
diff --git a/dist/collection/assets/demo/createAlert.js b/dist/collection/assets/demo/createAlert.js
new file mode 100644
index 00000000000..5934eea9884
--- /dev/null
+++ b/dist/collection/assets/demo/createAlert.js
@@ -0,0 +1,17 @@
+// example for alerts appended to dom
+function createExampleAlert (id) {
+  const exampleAlert =
+  `<calcite-alert id=${id} color='red'>
+      <div slot='alert-title'>Something failed</div>
+      <div slot='alert-message'>${id} That thing you wanted to do didn't work as expected</div>
+      <calcite-button slot="alert-link" title="my action" appearance="inline">Take action</calcite-button>
+  </calcite-alert>`;
+
+  // if the id element doesn't exist, insert into calcite-alerts
+  if (!document.querySelector(`#${id}`)) {
+    document.querySelector('#my-alert-container').insertAdjacentHTML('beforeend', exampleAlert);
+  }
+
+  // open the alert we just created
+  document.querySelector(`#${id}`).openCalciteAlert();
+}
diff --git a/dist/collection/assets/demo/loadingButton.js b/dist/collection/assets/demo/loadingButton.js
new file mode 100644
index 00000000000..d3bf0a8cc57
--- /dev/null
+++ b/dist/collection/assets/demo/loadingButton.js
@@ -0,0 +1,5 @@
+// example for adding and removing loading state from button
+function loadingButton(el, duration) {
+  el.setAttribute("loading", true);
+  setTimeout(() => el.setAttribute("loading", false), duration);
+}
diff --git a/dist/collection/collection-manifest.json b/dist/collection/collection-manifest.json
new file mode 100644
index 00000000000..2a1f8948313
--- /dev/null
+++ b/dist/collection/collection-manifest.json
@@ -0,0 +1,80 @@
+{
+  "entries": [
+    "components/calcite-checkbox/calcite-checkbox.js",
+    "components/calcite-radio-group-item/calcite-radio-group-item.js",
+    "components/calcite-example/calcite-example.js",
+    "components/calcite-progress/calcite-progress.js",
+    "components/calcite-radio-group/calcite-radio-group.js",
+    "components/calcite-slider/calcite-slider.js",
+    "components/calcite-tab-nav/calcite-tab-nav.js",
+    "components/calcite-switch/calcite-switch.js",
+    "components/calcite-tab/calcite-tab.js",
+    "components/calcite-loader/calcite-loader.js",
+    "components/calcite-tabs/calcite-tabs.js",
+    "components/calcite-tab-title/calcite-tab-title.js",
+    "components/calcite-modal/calcite-modal.js",
+    "components/calcite-alert/calcite-alert.js",
+    "components/calcite-button/calcite-button.js",
+    "components/calcite-alerts/calcite-alerts.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "1.2.2",
+    "typescriptVersion": "3.5.3"
+  },
+  "collections": [
+    {
+      "name": "@stencil/state-tunnel",
+      "tags": [
+        "context-consumer"
+      ]
+    }
+  ],
+  "bundles": [
+    {
+      "components": [
+        "calcite-switch"
+      ]
+    },
+    {
+      "components": [
+        "calcite-progress"
+      ]
+    },
+    {
+      "components": [
+        "calcite-loader"
+      ]
+    },
+    {
+      "components": [
+        "calcite-slider"
+      ]
+    },
+    {
+      "components": [
+        "calcite-modal"
+      ]
+    },
+    {
+      "components": [
+        "calcite-alert",
+        "calcite-alerts"
+      ]
+    },
+    {
+      "components": [
+        "calcite-radio-group",
+        "calcite-radio-group-item"
+      ]
+    },
+    {
+      "components": [
+        "calcite-tab",
+        "calcite-tab-nav",
+        "calcite-tab-title",
+        "calcite-tabs"
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-alert/calcite-alert.css b/dist/collection/components/calcite-alert/calcite-alert.css
new file mode 100644
index 00000000000..0ab44ddcd59
--- /dev/null
+++ b/dist/collection/components/calcite-alert/calcite-alert.css
@@ -0,0 +1,314 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+:host {
+  --calcite-alert-background: #ffffff;
+  --calcite-alert-title-text: #404040;
+  --calcite-alert-message-text: #555555;
+  --calcite-alert-icon-fill: #151515;
+  --calcite-alert-close-background-hover: #f3f3f3;
+  --calcite-alert-close-background-pressed: #eaeaea;
+  --calcite-alert-count-text: #404040;
+  --calcite-alert-count-border: #f3f3f3;
+  --calcite-alert-dismiss-background: rgba(255, 255, 255, 0.6);
+  --calcite-alert-border-blue: #007ac2;
+  --calcite-alert-border-green: #35ac46;
+  --calcite-alert-border-red: #d83020;
+  --calcite-alert-border-yellow: #edd317;
+}
+
+:host([theme=dark]) {
+  --calcite-alert-background: #2b2b2b;
+  --calcite-alert-title-text: #f8f8f8;
+  --calcite-alert-message-text: #f3f3f3;
+  --calcite-alert-icon-fill: #d4d4d4;
+  --calcite-alert-close-background-hover: #202020;
+  --calcite-alert-close-background-pressed: #151515;
+  --calcite-alert-count-text: #d4d4d4;
+  --calcite-alert-count-border: #202020;
+  --calcite-alert-dismiss-background: rgba(43, 43, 43, 0.6);
+  --calcite-alert-border-blue: #3db8ff;
+  --calcite-alert-border-green: #3bed52;
+  --calcite-alert-border-red: #ff0015;
+  --calcite-alert-border-yellow: #ffee33;
+}
+
+:host {
+  display: flex;
+  position: relative;
+  justify-content: center;
+  pointer-events: none;
+  z-index: 102;
+  margin: 0 auto;
+  width: 50em;
+  max-width: 90%;
+  max-height: 0;
+  background-color: var(--calcite-alert-background);
+  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
+  border-radius: 2px;
+  opacity: 0;
+  transform: translate3d(0, 1.5rem, 0);
+  transition: 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;
+  border-block-start: 0px solid transparent;
+}
+@media only screen and (max-width: 860px) {
+  :host {
+    width: 100%;
+    max-width: 100%;
+    border-radius: 2px 2px 0 0;
+    box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, 0.15);
+  }
+}
+:host:host(.hydrated) {
+  visibility: hidden !important;
+}
+:host:host([active]) {
+  opacity: 1;
+  max-height: 100%;
+  transform: translate3d(0, -1.5rem, 0);
+  pointer-events: initial;
+  border-block-start-width: 3px;
+}
+:host:host([active]):host(.hydrated) {
+  visibility: visible !important;
+}
+@media only screen and (max-width: 860px) {
+  :host:host([active]) {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+:host slot[name=alert-title]::slotted(div) {
+  font-size: 1rem;
+  line-height: 1.5;
+  color: var(--calcite-alert-title-text);
+  font-weight: 500;
+}
+
+:host slot[name=alert-link]::slotted(calcite-button),
+:host slot[name=alert-link]::slotted(a) {
+  font-size: 0.9375rem;
+  line-height: 1.5;
+}
+
+:host slot[name=alert-message]::slotted(div) {
+  display: inline;
+  margin-right: 0.75rem;
+  font-size: 0.9375rem;
+  line-height: 1.5;
+  color: var(--calcite-alert-message-text);
+}
+
+:host([dir=rtl]) slot[name=alert-message]::slotted(div) {
+  margin-right: unset;
+  margin-left: 0.75rem;
+}
+
+.alert-content {
+  padding: 0.75rem 1.5rem;
+  flex: 0 0 auto;
+  transition: all 0.15s ease-in-out;
+  flex: 1 1 auto;
+  min-width: 0;
+  word-wrap: break-word;
+  padding-block-start: 0.75rem;
+  padding-block-end: 0.75rem;
+  padding-inline-end: 0.75rem;
+  padding-inline-start: 0;
+}
+.alert-content svg {
+  height: 16px;
+  width: 16px;
+  vertical-align: top;
+}
+@media only screen and (max-width: 860px) {
+  .alert-content {
+    padding: 1.5rem;
+  }
+}
+.alert-content:first-of-type {
+  padding-inline-start: 1.5rem;
+}
+@media only screen and (max-width: 860px) {
+  .alert-content {
+    padding-block-start: 1.5rem;
+    padding-block-end: 1.5rem;
+    padding-inline-end: 0.75rem;
+    padding-inline-start: 0;
+  }
+}
+
+.alert-icon {
+  padding: 0.75rem 1.5rem;
+  flex: 0 0 auto;
+  transition: all 0.15s ease-in-out;
+  display: flex;
+  align-items: center;
+}
+.alert-icon svg {
+  height: 16px;
+  width: 16px;
+  vertical-align: top;
+}
+@media only screen and (max-width: 860px) {
+  .alert-icon {
+    padding: 1.5rem;
+  }
+}
+
+.alert-close {
+  padding: 0.75rem 1.5rem;
+  flex: 0 0 auto;
+  transition: all 0.15s ease-in-out;
+  background-color: transparent;
+  -webkit-appearance: none;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  border-radius: 0 0 2px 0;
+}
+.alert-close svg {
+  height: 16px;
+  width: 16px;
+  vertical-align: top;
+}
+@media only screen and (max-width: 860px) {
+  .alert-close {
+    padding: 1.5rem;
+  }
+}
+.alert-close svg {
+  fill: var(--calcite-alert-icon-fill);
+}
+.alert-close:hover, .alert-close:focus {
+  background-color: var(--calcite-alert-close-background-hover);
+}
+.alert-close:active {
+  background-color: var(--calcite-alert-close-background-pressed);
+}
+
+:host([dir=rtl]) .alert-close {
+  border-radius: 0 0 0 2px;
+}
+@media only screen and (max-width: 860px) {
+  :host([dir=rtl]) .alert-close {
+    border-radius: 0;
+  }
+}
+
+.alert-count {
+  font-size: 0.875rem;
+  line-height: 1.5;
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  overflow: hidden;
+  width: 0;
+  visibility: hidden;
+  font-weight: 500;
+  text-align: center;
+  color: var(--calcite-alert-count-text);
+  opacity: 0;
+  border-inline-start: 0px solid transparent;
+  border-inline-end: 0px solid transparent;
+  cursor: default;
+  transition: all 0.15s ease-in-out;
+}
+.alert-count.active {
+  visibility: visible;
+  opacity: 1;
+  padding: 0 0.375rem;
+  width: 3rem;
+  border-inline-start: 1px solid var(--calcite-alert-count-border);
+  border-inline-end: 1px solid var(--calcite-alert-count-border);
+}
+.alert-count.active:last-child {
+  border-inline-end: 0px solid transparent;
+}
+@media only screen and (max-width: 860px) {
+  .alert-count {
+    border-radius: 0;
+  }
+}
+
+.alert-dismiss {
+  display: block;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  width: 100%;
+  height: 3px;
+  z-index: 103;
+}
+.alert-dismiss:after {
+  height: 3px;
+  top: -3px;
+  right: 0;
+  display: block;
+  position: absolute;
+  border-radius: 2px 2px 0 0;
+  content: "";
+  background-color: var(--calcite-alert-dismiss-background);
+  z-index: 104;
+}
+
+:host([color=blue]) {
+  border-block-start-color: var(--calcite-alert-border-blue);
+}
+:host([color=blue]) .alert-icon svg {
+  fill: var(--calcite-alert-border-blue);
+}
+
+:host([color=red]) {
+  border-block-start-color: var(--calcite-alert-border-red);
+}
+:host([color=red]) .alert-icon svg {
+  fill: var(--calcite-alert-border-red);
+}
+
+:host([color=yellow]) {
+  border-block-start-color: var(--calcite-alert-border-yellow);
+}
+:host([color=yellow]) .alert-icon svg {
+  fill: var(--calcite-alert-border-yellow);
+}
+
+:host([color=green]) {
+  border-block-start-color: var(--calcite-alert-border-green);
+}
+:host([color=green]) .alert-icon svg {
+  fill: var(--calcite-alert-border-green);
+}
+
+:host([duration=fast]) .alert-dismiss:after {
+  animation: dismissProgress 6000ms ease-out;
+}
+
+:host([duration=medium]) .alert-dismiss:after {
+  animation: dismissProgress 10000ms ease-out;
+}
+
+:host([duration=slow]) .alert-dismiss:after {
+  animation: dismissProgress 14000ms ease-out;
+}
+
+@keyframes dismissProgress {
+  0% {
+    width: 0;
+    opacity: 0;
+  }
+  100% {
+    width: 100%;
+    opacity: 1;
+  }
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-alert/calcite-alert.js b/dist/collection/components/calcite-alert/calcite-alert.js
new file mode 100644
index 00000000000..b339db18bbb
--- /dev/null
+++ b/dist/collection/components/calcite-alert/calcite-alert.js
@@ -0,0 +1,344 @@
+import { h, Host } from "@stencil/core";
+import { lightbulb24F, exclamationMarkTriangle24F, checkCircle24F, x32 } from "@esri/calcite-ui-icons";
+import { getElementDir } from "../../utils/dom";
+import AlertInterface from "../../interfaces/AlertInterface";
+/** Alerts are not meant to be used inline with content, or be present in view on page load.
+ * As such, calcite-alert relies on calcite-alerts for positioning - displaying an alert on its own
+ * will lead to unexpected and potentially undesireable results
+ */
+/**
+ * @slot alert-title - Title of the alert (optional)
+ * @slot alert-message - Main text of the alert
+ * @slot alert-link - Optional action to take from the alert (undo, try again, link to page, etc.)
+ */
+export class CalciteAlert {
+    constructor() {
+        /** Is the alert currently active or not */
+        this.active = false;
+        /** Close the alert automatically (recommended for passive, non-blocking alerts) */
+        this.dismiss = false;
+        /** Length before autodismissal (only used with `dismiss`) */
+        this.duration = this.dismiss
+            ? "medium"
+            : null;
+        /** Color for the alert (will apply to top border and icon) */
+        this.color = "blue";
+        /** Select theme (light or dark) */
+        this.theme = "light";
+        /** If false, no icon will be shown in the alert */
+        this.icon = false;
+        /** Unique ID for this alert */
+        /** @internal */
+        this.alertId = this.el.id;
+        /** @internal */
+        this.currentAlert = "";
+        /** @internal */
+        this.queueLength = 0;
+        this.durationDefaults = {
+            slow: 14000,
+            medium: 10000,
+            fast: 6000
+        };
+        this.iconDefaults = {
+            green: checkCircle24F,
+            yellow: exclamationMarkTriangle24F,
+            red: exclamationMarkTriangle24F,
+            blue: lightbulb24F
+        };
+    }
+    /** watch for changes to currentAlert passed from <calcite-alerts> */
+    watchCurrentAlert() {
+        if (!this.active && this.currentAlert === this.alertId) {
+            if (this.dismiss)
+                setTimeout(() => this.closeCalciteAlert(), this.durationDefaults[this.duration]);
+            setTimeout(() => (this.active = true), 300);
+        }
+        else {
+            this.active = false;
+        }
+    }
+    /** emit the `calciteAlertClose` event - <calcite-alerts> listens for this */
+    async closeCalciteAlert() {
+        this.calciteAlertClose.emit({ requestedAlert: this.alertId });
+    }
+    /**  emit the `calciteAlertOpen` event - <calcite-alerts> listens for this  */
+    async openCalciteAlert() {
+        this.calciteAlertOpen.emit({ requestedAlert: this.alertId });
+    }
+    connectedCallback() {
+        // prop validations
+        let colors = ["blue", "red", "green", "yellow"];
+        if (!colors.includes(this.color))
+            this.color = "blue";
+        let durations = ["slow", "medium", "fast"];
+        if (this.duration !== null && !durations.includes(this.duration))
+            this.duration = "medium";
+        let themes = ["dark", "light"];
+        if (!themes.includes(this.theme))
+            this.theme = "light";
+    }
+    setIcon() {
+        var path = this.iconDefaults[this.color];
+        return (h("div", { class: "alert-icon" },
+            h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", viewBox: "0 0 24 24" },
+                h("path", { d: path }))));
+    }
+    render() {
+        const dir = getElementDir(this.el);
+        const closeButton = (h("button", { class: "alert-close", "aria-label": "close", onClick: () => this.closeCalciteAlert() },
+            h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "32", width: "32", viewBox: "0 0 32 32" },
+                h("path", { d: x32 }))));
+        const close = !this.dismiss ? closeButton : "";
+        const icon = this.icon ? this.setIcon() : "";
+        const count = (h("div", { class: `${this.queueLength > 0 ? "active " : ""}alert-count` },
+            "+",
+            this.queueLength > 0 ? this.queueLength : 1));
+        const progress = this.active && this.dismiss ? h("div", { class: "alert-dismiss" }) : "";
+        return (h(Host, { active: !!this.active, dir: dir },
+            icon,
+            h("div", { class: "alert-content" },
+                h("slot", { name: "alert-title" }),
+                h("slot", { name: "alert-message" }),
+                h("slot", { name: "alert-link" })),
+            count,
+            close,
+            progress));
+    }
+    static get is() { return "calcite-alert"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-alert.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-alert.css"]
+    }; }
+    static get properties() { return {
+        "dismiss": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Close the alert automatically (recommended for passive, non-blocking alerts)"
+            },
+            "attribute": "dismiss",
+            "reflect": false,
+            "defaultValue": "false"
+        },
+        "duration": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"fast\" | \"medium\" | \"slow\"",
+                "resolved": "\"fast\" | \"medium\" | \"slow\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Length before autodismissal (only used with `dismiss`)"
+            },
+            "attribute": "duration",
+            "reflect": true,
+            "defaultValue": "this.dismiss\n    ? \"medium\"\n    : null"
+        },
+        "color": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"blue\" | \"green\" | \"red\" | \"yellow\"",
+                "resolved": "\"blue\" | \"green\" | \"red\" | \"yellow\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Color for the alert (will apply to top border and icon)"
+            },
+            "attribute": "color",
+            "reflect": true,
+            "defaultValue": "\"blue\""
+        },
+        "theme": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"light\" | \"dark\"",
+                "resolved": "\"dark\" | \"light\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Select theme (light or dark)"
+            },
+            "attribute": "theme",
+            "reflect": true,
+            "defaultValue": "\"light\""
+        },
+        "icon": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "If false, no icon will be shown in the alert"
+            },
+            "attribute": "icon",
+            "reflect": false,
+            "defaultValue": "false"
+        },
+        "alertId": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [{
+                        "text": undefined,
+                        "name": "internal"
+                    }],
+                "text": "Unique ID for this alert"
+            },
+            "attribute": "alert-id",
+            "reflect": false,
+            "defaultValue": "this.el.id"
+        },
+        "currentAlert": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [{
+                        "text": undefined,
+                        "name": "internal"
+                    }],
+                "text": ""
+            },
+            "attribute": "current-alert",
+            "reflect": false,
+            "defaultValue": "\"\""
+        },
+        "queueLength": {
+            "type": "number",
+            "mutable": false,
+            "complexType": {
+                "original": "number",
+                "resolved": "number",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [{
+                        "text": undefined,
+                        "name": "internal"
+                    }],
+                "text": ""
+            },
+            "attribute": "queue-length",
+            "reflect": false,
+            "defaultValue": "0"
+        }
+    }; }
+    static get states() { return {
+        "active": {}
+    }; }
+    static get events() { return [{
+            "method": "calciteAlertClose",
+            "name": "calciteAlertClose",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "Fired when an alert is closed"
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }, {
+            "method": "calciteAlertOpen",
+            "name": "calciteAlertOpen",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "Fired when an alert is opened"
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }]; }
+    static get methods() { return {
+        "closeCalciteAlert": {
+            "complexType": {
+                "signature": "() => Promise<void>",
+                "parameters": [],
+                "references": {
+                    "Promise": {
+                        "location": "global"
+                    }
+                },
+                "return": "Promise<void>"
+            },
+            "docs": {
+                "text": "emit the `calciteAlertClose` event - <calcite-alerts> listens for this",
+                "tags": []
+            }
+        },
+        "openCalciteAlert": {
+            "complexType": {
+                "signature": "() => Promise<void>",
+                "parameters": [],
+                "references": {
+                    "Promise": {
+                        "location": "global"
+                    }
+                },
+                "return": "Promise<void>"
+            },
+            "docs": {
+                "text": "emit the `calciteAlertOpen` event - <calcite-alerts> listens for this",
+                "tags": []
+            }
+        }
+    }; }
+    static get elementRef() { return "el"; }
+    static get watchers() { return [{
+            "propName": "currentAlert",
+            "methodName": "watchCurrentAlert"
+        }]; }
+}
+AlertInterface.injectProps(CalciteAlert, ["currentAlert", "queueLength"]);
diff --git a/dist/collection/components/calcite-alerts/calcite-alerts.css b/dist/collection/components/calcite-alerts/calcite-alerts.css
new file mode 100644
index 00000000000..9251522ff65
--- /dev/null
+++ b/dist/collection/components/calcite-alerts/calcite-alerts.css
@@ -0,0 +1,24 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+:host {
+  display: none;
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  z-index: 101;
+}
+:host:host([active]) {
+  display: block;
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-alerts/calcite-alerts.js b/dist/collection/components/calcite-alerts/calcite-alerts.js
new file mode 100644
index 00000000000..634afe09a97
--- /dev/null
+++ b/dist/collection/components/calcite-alerts/calcite-alerts.js
@@ -0,0 +1,104 @@
+import { h, Host } from "@stencil/core";
+import AlertInterface from "../../interfaces/AlertInterface";
+export class CalciteAlerts {
+    constructor() {
+        this.currentAlert = "";
+        this.active = false;
+        this.alertQueue = [];
+    }
+    /** Adds the requested alert to the alert queue, if not present */
+    updateQueueOnOpen(event) {
+        if (!this.alertQueue.includes(event.detail.requestedAlert)) {
+            this.active = true;
+            this.currentAlert = event.detail.requestedAlert;
+            this.alertQueue.push(event.detail.requestedAlert);
+            this.calciteAlertsOpen.emit({
+                currentAlert: this.currentAlert,
+                alertQueue: this.alertQueue
+            });
+        }
+    }
+    /** Closes the requested alert and removes from the queue, or removes from queue if not active */
+    updateQueueOnClose(event) {
+        if (this.alertQueue.includes(event.detail.requestedAlert))
+            this.alertQueue = this.alertQueue.filter(e => e !== event.detail.requestedAlert);
+        if (this.alertQueue.length < 1)
+            setTimeout(() => {
+                this.active = false;
+            }, 400);
+        this.calciteAlertsClose.emit({
+            currentAlert: this.currentAlert,
+            alertQueue: this.alertQueue
+        });
+    }
+    componentWillUpdate() {
+        this.currentAlert = this.alertQueue.length > 0 ? this.alertQueue[0] : "";
+    }
+    render() {
+        const alertState = {
+            currentAlert: this.currentAlert,
+            queueLength: this.alertQueue.length >= 2 ? this.alertQueue.length - 1 : 0
+        };
+        return (h(Host, { active: !!this.active },
+            h(AlertInterface.Provider, { state: alertState },
+                h("slot", null))));
+    }
+    static get is() { return "calcite-alerts"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-alerts.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-alerts.css"]
+    }; }
+    static get states() { return {
+        "currentAlert": {},
+        "active": {},
+        "alertQueue": {}
+    }; }
+    static get events() { return [{
+            "method": "calciteAlertsClose",
+            "name": "calciteAlertsClose",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "emits the ID of the alert to be closed, and the current alertQueue and currentAlert"
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }, {
+            "method": "calciteAlertsOpen",
+            "name": "calciteAlertsOpen",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "emits the ID of the alert to be opened, and the current alertQueue and currentAlert"
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }]; }
+    static get elementRef() { return "el"; }
+    static get listeners() { return [{
+            "name": "calciteAlertOpen",
+            "method": "updateQueueOnOpen",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "calciteAlertClose",
+            "method": "updateQueueOnClose",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }]; }
+}
diff --git a/dist/collection/components/calcite-button/calcite-button.css b/dist/collection/components/calcite-button/calcite-button.css
new file mode 100644
index 00000000000..4b8244fccad
--- /dev/null
+++ b/dist/collection/components/calcite-button/calcite-button.css
@@ -0,0 +1,564 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+:host button,
+:host a {
+  position: relative;
+  display: inline-block;
+  padding: 0.375rem 1rem;
+  text-decoration: none;
+  width: auto;
+  border-radius: 0;
+  border: none;
+  line-height: inherit;
+  font-family: inherit;
+  -webkit-appearance: none;
+  cursor: pointer;
+  text-align: center;
+  box-sizing: border-box;
+  transition: all 0.15s ease-in-out;
+}
+:host button:hover,
+:host a:hover {
+  text-decoration: none;
+}
+
+:host([width=half]) button,
+:host([width=half]) a {
+  width: 50%;
+}
+
+:host([width=full]) button,
+:host([width=full]) a {
+  width: 100%;
+}
+
+:host([hastext]) .calcite-button--graphic {
+  margin-right: 0.5rem;
+}
+
+:host([hastext][dir=rtl]) .calcite-button--graphic {
+  margin-right: 0;
+  margin-left: 0.5rem;
+}
+
+.calcite-button--icon {
+  height: 16px;
+  width: 16px;
+  margin: 0 auto;
+  line-height: inherit;
+  transition: all 0.15s ease-in-out;
+}
+
+.calcite-button--graphic {
+  display: inline-flex;
+  top: 2px;
+  width: 16px;
+  height: 16px;
+  position: relative;
+}
+
+:host([appearance=solid][color=blue]) button,
+:host([appearance=solid][color=blue]) a {
+  color: #fff;
+  background-color: #007ac2;
+  border: 1px solid #007ac2;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+:host([appearance=solid][color=blue]) button:hover, :host([appearance=solid][color=blue]) button:focus,
+:host([appearance=solid][color=blue]) a:hover,
+:host([appearance=solid][color=blue]) a:focus {
+  background-color: #2890ce;
+  box-shadow: inset 0 0 0 1px #007ac2;
+}
+:host([appearance=solid][color=blue]) button:active,
+:host([appearance=solid][color=blue]) a:active {
+  background-color: #007ac2;
+  border-color: #00619b;
+  box-shadow: inset 0 0 0 2px #00619b;
+}
+:host([appearance=solid][color=blue]) button .calcite-button--icon,
+:host([appearance=solid][color=blue]) a .calcite-button--icon {
+  fill: #fff;
+}
+
+:host([appearance=solid][color=red]) button,
+:host([appearance=solid][color=red]) a {
+  color: #fff;
+  background-color: #d83020;
+  border: 1px solid #d83020;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+:host([appearance=solid][color=red]) button:hover, :host([appearance=solid][color=red]) button:focus,
+:host([appearance=solid][color=red]) a:hover,
+:host([appearance=solid][color=red]) a:focus {
+  background-color: #e65240;
+  box-shadow: inset 0 0 0 1px #d83020;
+}
+:host([appearance=solid][color=red]) button:active,
+:host([appearance=solid][color=red]) a:active {
+  background-color: #d83020;
+  border-color: #a82b1e;
+  box-shadow: inset 0 0 0 2px #a82b1e;
+}
+:host([appearance=solid][color=red]) button .calcite-button--icon,
+:host([appearance=solid][color=red]) a .calcite-button--icon {
+  fill: #fff;
+}
+
+:host([appearance=solid][color=light]) button,
+:host([appearance=solid][color=light]) a {
+  color: #000;
+  background-color: #f3f3f3;
+  border: 1px solid #f3f3f3;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+:host([appearance=solid][color=light]) button:hover, :host([appearance=solid][color=light]) button:focus,
+:host([appearance=solid][color=light]) a:hover,
+:host([appearance=solid][color=light]) a:focus {
+  background-color: #fff;
+  box-shadow: inset 0 0 0 1px #f3f3f3;
+}
+:host([appearance=solid][color=light]) button:active,
+:host([appearance=solid][color=light]) a:active {
+  background-color: #f3f3f3;
+  border-color: #eaeaea;
+  box-shadow: inset 0 0 0 2px #eaeaea;
+}
+:host([appearance=solid][color=light]) button .calcite-button--icon,
+:host([appearance=solid][color=light]) a .calcite-button--icon {
+  fill: #000;
+}
+
+:host([appearance=solid][color=dark]) button,
+:host([appearance=solid][color=dark]) a {
+  color: #fff;
+  background-color: #2b2b2b;
+  border: 1px solid #2b2b2b;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+:host([appearance=solid][color=dark]) button:hover, :host([appearance=solid][color=dark]) button:focus,
+:host([appearance=solid][color=dark]) a:hover,
+:host([appearance=solid][color=dark]) a:focus {
+  background-color: #404040;
+  box-shadow: inset 0 0 0 1px #2b2b2b;
+}
+:host([appearance=solid][color=dark]) button:active,
+:host([appearance=solid][color=dark]) a:active {
+  background-color: #2b2b2b;
+  border-color: #000;
+  box-shadow: inset 0 0 0 2px #000;
+}
+:host([appearance=solid][color=dark]) button .calcite-button--icon,
+:host([appearance=solid][color=dark]) a .calcite-button--icon {
+  fill: #fff;
+}
+
+:host([appearance=outline][color=blue]) button,
+:host([appearance=outline][color=blue]) a {
+  color: #007ac2;
+  background-color: #fff;
+  border: 1px solid #007ac2;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+:host([appearance=outline][color=blue]) button:hover,
+:host([appearance=outline][color=blue]) a:hover {
+  border-color: 1px solid #007ac2;
+  box-shadow: inset 0 0 0 1px #007ac2;
+}
+:host([appearance=outline][color=blue]) button:active, :host([appearance=outline][color=blue]) button:focus,
+:host([appearance=outline][color=blue]) a:active,
+:host([appearance=outline][color=blue]) a:focus {
+  color: #00619b;
+  border-color: #00619b;
+  box-shadow: inset 0 0 0 2px #00619b;
+}
+:host([appearance=outline][color=blue]) button .calcite-button--icon,
+:host([appearance=outline][color=blue]) a .calcite-button--icon {
+  fill: #007ac2;
+}
+
+:host([appearance=outline][color=red]) button,
+:host([appearance=outline][color=red]) a {
+  color: #d83020;
+  background-color: #fff;
+  border: 1px solid #d83020;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+:host([appearance=outline][color=red]) button:hover,
+:host([appearance=outline][color=red]) a:hover {
+  border-color: 1px solid #d83020;
+  box-shadow: inset 0 0 0 1px #d83020;
+}
+:host([appearance=outline][color=red]) button:active, :host([appearance=outline][color=red]) button:focus,
+:host([appearance=outline][color=red]) a:active,
+:host([appearance=outline][color=red]) a:focus {
+  color: #a82b1e;
+  border-color: #a82b1e;
+  box-shadow: inset 0 0 0 2px #a82b1e;
+}
+:host([appearance=outline][color=red]) button .calcite-button--icon,
+:host([appearance=outline][color=red]) a .calcite-button--icon {
+  fill: #d83020;
+}
+
+:host([appearance=outline][color=light]) button,
+:host([appearance=outline][color=light]) a {
+  color: #151515;
+  background-color: #fff;
+  border: 1px solid #f3f3f3;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+:host([appearance=outline][color=light]) button:hover,
+:host([appearance=outline][color=light]) a:hover {
+  border-color: 1px solid #f3f3f3;
+  box-shadow: inset 0 0 0 1px #f3f3f3;
+}
+:host([appearance=outline][color=light]) button:active, :host([appearance=outline][color=light]) button:focus,
+:host([appearance=outline][color=light]) a:active,
+:host([appearance=outline][color=light]) a:focus {
+  color: #000;
+  border-color: #eaeaea;
+  box-shadow: inset 0 0 0 2px #eaeaea;
+}
+:host([appearance=outline][color=light]) button .calcite-button--icon,
+:host([appearance=outline][color=light]) a .calcite-button--icon {
+  fill: #151515;
+}
+
+:host([appearance=outline][color=dark]) button,
+:host([appearance=outline][color=dark]) a {
+  color: #151515;
+  background-color: #fff;
+  border: 1px solid #2b2b2b;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+:host([appearance=outline][color=dark]) button:hover,
+:host([appearance=outline][color=dark]) a:hover {
+  border-color: 1px solid #2b2b2b;
+  box-shadow: inset 0 0 0 1px #2b2b2b;
+}
+:host([appearance=outline][color=dark]) button:active, :host([appearance=outline][color=dark]) button:focus,
+:host([appearance=outline][color=dark]) a:active,
+:host([appearance=outline][color=dark]) a:focus {
+  color: #000;
+  border-color: #000;
+  box-shadow: inset 0 0 0 2px #000;
+}
+:host([appearance=outline][color=dark]) button .calcite-button--icon,
+:host([appearance=outline][color=dark]) a .calcite-button--icon {
+  fill: #151515;
+}
+
+:host([appearance=clear][color=blue]) button,
+:host([appearance=clear][color=blue]) a {
+  color: #007ac2;
+  background-color: transparent;
+  border: 1px solid #007ac2;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+:host([appearance=clear][color=blue]) button:hover,
+:host([appearance=clear][color=blue]) a:hover {
+  border-color: 1px solid #007ac2;
+  box-shadow: inset 0 0 0 1px #007ac2;
+}
+:host([appearance=clear][color=blue]) button:active, :host([appearance=clear][color=blue]) button:focus,
+:host([appearance=clear][color=blue]) a:active,
+:host([appearance=clear][color=blue]) a:focus {
+  color: #00619b;
+  border-color: #00619b;
+  box-shadow: inset 0 0 0 2px #00619b;
+}
+:host([appearance=clear][color=blue]) button .calcite-button--icon,
+:host([appearance=clear][color=blue]) a .calcite-button--icon {
+  fill: #007ac2;
+}
+
+:host([appearance=clear][color=red]) button,
+:host([appearance=clear][color=red]) a {
+  color: #d83020;
+  background-color: transparent;
+  border: 1px solid #d83020;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+:host([appearance=clear][color=red]) button:hover,
+:host([appearance=clear][color=red]) a:hover {
+  border-color: 1px solid #d83020;
+  box-shadow: inset 0 0 0 1px #d83020;
+}
+:host([appearance=clear][color=red]) button:active, :host([appearance=clear][color=red]) button:focus,
+:host([appearance=clear][color=red]) a:active,
+:host([appearance=clear][color=red]) a:focus {
+  color: #a82b1e;
+  border-color: #a82b1e;
+  box-shadow: inset 0 0 0 2px #a82b1e;
+}
+:host([appearance=clear][color=red]) button .calcite-button--icon,
+:host([appearance=clear][color=red]) a .calcite-button--icon {
+  fill: #d83020;
+}
+
+:host([appearance=clear][color=light]) button,
+:host([appearance=clear][color=light]) a {
+  color: #f8f8f8;
+  background-color: transparent;
+  border: 1px solid #f3f3f3;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+:host([appearance=clear][color=light]) button:hover,
+:host([appearance=clear][color=light]) a:hover {
+  border-color: 1px solid #f3f3f3;
+  box-shadow: inset 0 0 0 1px #f3f3f3;
+}
+:host([appearance=clear][color=light]) button:active, :host([appearance=clear][color=light]) button:focus,
+:host([appearance=clear][color=light]) a:active,
+:host([appearance=clear][color=light]) a:focus {
+  color: #fff;
+  border-color: #eaeaea;
+  box-shadow: inset 0 0 0 2px #eaeaea;
+}
+:host([appearance=clear][color=light]) button .calcite-button--icon,
+:host([appearance=clear][color=light]) a .calcite-button--icon {
+  fill: #f8f8f8;
+}
+
+:host([appearance=clear][color=dark]) button,
+:host([appearance=clear][color=dark]) a {
+  color: #151515;
+  background-color: transparent;
+  border: 1px solid #2b2b2b;
+  box-shadow: inset 0 0 0 1px transparent;
+}
+:host([appearance=clear][color=dark]) button:hover,
+:host([appearance=clear][color=dark]) a:hover {
+  border-color: 1px solid #2b2b2b;
+  box-shadow: inset 0 0 0 1px #2b2b2b;
+}
+:host([appearance=clear][color=dark]) button:active, :host([appearance=clear][color=dark]) button:focus,
+:host([appearance=clear][color=dark]) a:active,
+:host([appearance=clear][color=dark]) a:focus {
+  color: #000;
+  border-color: #000;
+  box-shadow: inset 0 0 0 2px #000;
+}
+:host([appearance=clear][color=dark]) button .calcite-button--icon,
+:host([appearance=clear][color=dark]) a .calcite-button--icon {
+  fill: #151515;
+}
+
+:host([appearance=inline][color=blue]) button,
+:host([appearance=inline][color=blue]) a {
+  display: inline;
+  padding: 0;
+  outline: none;
+  border: none;
+  color: #007ac2;
+  font-weight: 500;
+  font-size: inherit;
+  white-space: initial;
+  background-color: transparent;
+  position: relative;
+  background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(0, 122, 194, 0.4), rgba(0, 122, 194, 0.4));
+  background-position: 0% 100%, 100% 100%;
+  background-repeat: no-repeat, no-repeat;
+  background-size: 0% 2px, 100% 1px;
+  transition: all 0.15s ease-in-out, background-size 0.3s ease-in-out;
+}
+:host([appearance=inline][color=blue]) button:hover, :host([appearance=inline][color=blue]) button:focus,
+:host([appearance=inline][color=blue]) a:hover,
+:host([appearance=inline][color=blue]) a:focus {
+  color: #2890ce;
+  background-size: 100% 2px, 100% 1px;
+}
+:host([appearance=inline][color=blue]) button:active,
+:host([appearance=inline][color=blue]) a:active {
+  color: #007ac2;
+  background-size: 100% 2px, 100% 1px;
+}
+:host([appearance=inline][color=blue]) button .calcite-button--icon,
+:host([appearance=inline][color=blue]) a .calcite-button--icon {
+  fill: #007ac2;
+  max-height: 0.8571428571rem;
+  margin-inline-end: 0.375rem;
+}
+
+:host([appearance=inline][color=red]) button,
+:host([appearance=inline][color=red]) a {
+  display: inline;
+  padding: 0;
+  outline: none;
+  border: none;
+  color: #d83020;
+  font-weight: 500;
+  font-size: inherit;
+  white-space: initial;
+  background-color: transparent;
+  position: relative;
+  background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(216, 48, 32, 0.4), rgba(216, 48, 32, 0.4));
+  background-position: 0% 100%, 100% 100%;
+  background-repeat: no-repeat, no-repeat;
+  background-size: 0% 2px, 100% 1px;
+  transition: all 0.15s ease-in-out, background-size 0.3s ease-in-out;
+}
+:host([appearance=inline][color=red]) button:hover, :host([appearance=inline][color=red]) button:focus,
+:host([appearance=inline][color=red]) a:hover,
+:host([appearance=inline][color=red]) a:focus {
+  color: #e65240;
+  background-size: 100% 2px, 100% 1px;
+}
+:host([appearance=inline][color=red]) button:active,
+:host([appearance=inline][color=red]) a:active {
+  color: #d83020;
+  background-size: 100% 2px, 100% 1px;
+}
+:host([appearance=inline][color=red]) button .calcite-button--icon,
+:host([appearance=inline][color=red]) a .calcite-button--icon {
+  fill: #d83020;
+  max-height: 0.8571428571rem;
+  margin-inline-end: 0.375rem;
+}
+
+:host([appearance=inline][color=light]) button,
+:host([appearance=inline][color=light]) a {
+  display: inline;
+  padding: 0;
+  outline: none;
+  border: none;
+  color: #f3f3f3;
+  font-weight: 500;
+  font-size: inherit;
+  white-space: initial;
+  background-color: transparent;
+  position: relative;
+  background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(243, 243, 243, 0.4), rgba(243, 243, 243, 0.4));
+  background-position: 0% 100%, 100% 100%;
+  background-repeat: no-repeat, no-repeat;
+  background-size: 0% 2px, 100% 1px;
+  transition: all 0.15s ease-in-out, background-size 0.3s ease-in-out;
+}
+:host([appearance=inline][color=light]) button:hover, :host([appearance=inline][color=light]) button:focus,
+:host([appearance=inline][color=light]) a:hover,
+:host([appearance=inline][color=light]) a:focus {
+  color: #fff;
+  background-size: 100% 2px, 100% 1px;
+}
+:host([appearance=inline][color=light]) button:active,
+:host([appearance=inline][color=light]) a:active {
+  color: #f3f3f3;
+  background-size: 100% 2px, 100% 1px;
+}
+:host([appearance=inline][color=light]) button .calcite-button--icon,
+:host([appearance=inline][color=light]) a .calcite-button--icon {
+  fill: #f3f3f3;
+  max-height: 0.8571428571rem;
+  margin-inline-end: 0.375rem;
+}
+
+:host([appearance=inline][color=dark]) button,
+:host([appearance=inline][color=dark]) a {
+  display: inline;
+  padding: 0;
+  outline: none;
+  border: none;
+  color: #2b2b2b;
+  font-weight: 500;
+  font-size: inherit;
+  white-space: initial;
+  background-color: transparent;
+  position: relative;
+  background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(43, 43, 43, 0.4), rgba(43, 43, 43, 0.4));
+  background-position: 0% 100%, 100% 100%;
+  background-repeat: no-repeat, no-repeat;
+  background-size: 0% 2px, 100% 1px;
+  transition: all 0.15s ease-in-out, background-size 0.3s ease-in-out;
+}
+:host([appearance=inline][color=dark]) button:hover, :host([appearance=inline][color=dark]) button:focus,
+:host([appearance=inline][color=dark]) a:hover,
+:host([appearance=inline][color=dark]) a:focus {
+  color: #404040;
+  background-size: 100% 2px, 100% 1px;
+}
+:host([appearance=inline][color=dark]) button:active,
+:host([appearance=inline][color=dark]) a:active {
+  color: #2b2b2b;
+  background-size: 100% 2px, 100% 1px;
+}
+:host([appearance=inline][color=dark]) button .calcite-button--icon,
+:host([appearance=inline][color=dark]) a .calcite-button--icon {
+  fill: #2b2b2b;
+  max-height: 0.8571428571rem;
+  margin-inline-end: 0.375rem;
+}
+
+:host([appearance=inline][dir=rtl]) button,
+:host([appearance=inline][dir=rtl]) a {
+  background-position: 100% 100%, 100% 100%;
+}
+
+:host([scale=xs]:not([appearance=inline])) button,
+:host([scale=xs]:not([appearance=inline])) a {
+  padding: calc(1.5rem/ 6) calc(1.5rem* 0.3);
+  font-size: 0.8125rem;
+  line-height: 1.5;
+}
+
+:host([scale=s]:not([appearance=inline])) button,
+:host([scale=s]:not([appearance=inline])) a {
+  padding: calc(1.5rem/ 4) calc(1.5rem* 0.5);
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+:host([scale=m]:not([appearance=inline])) button,
+:host([scale=m]:not([appearance=inline])) a {
+  padding: calc(1.5rem/ 3) calc(1.5rem* 0.75);
+  font-size: 0.9375rem;
+  line-height: 1.5;
+}
+
+:host([scale=l]:not([appearance=inline])) button,
+:host([scale=l]:not([appearance=inline])) a {
+  padding: calc(1.5rem / 2) calc(1.5rem* 1);
+  font-size: 1.2019rem;
+  line-height: 1.5;
+}
+@media screen and (max-width: 859px) {
+  :host([scale=l]:not([appearance=inline])) button,
+:host([scale=l]:not([appearance=inline])) a {
+    font-size: 1.1305rem;
+  }
+}
+@media screen and (max-width: 479px) {
+  :host([scale=l]:not([appearance=inline])) button,
+:host([scale=l]:not([appearance=inline])) a {
+    font-size: 1.0625rem;
+  }
+}
+
+:host([scale=xl]:not([appearance=inline])) button,
+:host([scale=xl]:not([appearance=inline])) a {
+  padding: calc(1.5rem / 1.5) calc(1.5rem* 1.25);
+  font-size: 1.414rem;
+  line-height: 1.5;
+}
+@media screen and (max-width: 859px) {
+  :host([scale=xl]:not([appearance=inline])) button,
+:host([scale=xl]:not([appearance=inline])) a {
+    font-size: 1.33rem;
+  }
+}
+@media screen and (max-width: 479px) {
+  :host([scale=xl]:not([appearance=inline])) button,
+:host([scale=xl]:not([appearance=inline])) a {
+    font-size: 1.25rem;
+  }
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-button/calcite-button.js b/dist/collection/components/calcite-button/calcite-button.js
new file mode 100644
index 00000000000..ac736f39e34
--- /dev/null
+++ b/dist/collection/components/calcite-button/calcite-button.js
@@ -0,0 +1,235 @@
+import { h, Host } from "@stencil/core";
+import { getElementDir } from "../../utils/dom";
+/** @slot default text slot for button text */
+/** Any attributes placed on <calcite-button> component will propagate to the rendered child */
+/** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
+/** Using appearance=inline will also render as an anchor link. */
+/** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */
+export class CalciteButton {
+    constructor() {
+        /** specify the color of the button, defaults to blue */
+        this.color = "blue";
+        /** specify the appearance style of the button, defaults to solid. Specifying "inline" will render the component as an anchor */
+        this.appearance = "solid";
+        /** specify the scale of the button, defaults to m */
+        this.scale = "m";
+        /** specify the width of the button, defaults to auto */
+        this.width = "auto";
+        /** optionally add a calcite-loader component inline to indicate loading is occuring. You can add and remove this prop depending on status  */
+        this.loading = false;
+        /** optionally pass icon path data to be positioned within the button - pass only raw path data from calcite ui helper  */
+        this.icon = null;
+        /**
+         * @internal
+         */
+        // hastext prop for spacing graphic when text is present in slot
+        this.hastext = false;
+    }
+    connectedCallback() {
+        // prop validations
+        let appearance = ["solid", "outline", "clear", "inline"];
+        if (!appearance.includes(this.appearance))
+            this.appearance = "solid";
+        let color = ["blue", "red", "dark", "light"];
+        if (!color.includes(this.color))
+            this.color = "blue";
+        let scale = ["xs", "s", "m", "l", "xl"];
+        if (!scale.includes(this.scale))
+            this.scale = "m";
+        let width = ["auto", "half", "full"];
+        if (!width.includes(this.width))
+            this.width = "auto";
+    }
+    componentDidLoad() {
+        let textSlot = this.el.shadowRoot.querySelector("slot");
+        let textNode = textSlot ? textSlot.assignedNodes() : null;
+        if (textNode && (textNode[0] !== undefined && textNode[0] !== null))
+            this.hastext = true;
+    }
+    getAttributes() {
+        // spreadable attributes to pass to component child, if they aren't props
+        let props = [
+            "appearance",
+            "color",
+            "loading",
+            "scale",
+            "width",
+            "icon",
+            "dir"
+        ];
+        return Array.from(this.el.attributes)
+            .filter(a => !props.includes(a.name))
+            .reduce((acc, { name, value }) => (Object.assign({}, acc, { [name]: value })), {});
+    }
+    render() {
+        const dir = getElementDir(this.el);
+        const attributes = this.getAttributes();
+        const Type = this.href || this.appearance === "inline" ? "a" : "button";
+        const role = Type === "a" ? "link" : "button";
+        const loader = h("calcite-loader", { "is-active": true, inline: true });
+        const graphic = this.loading ? (h("div", { class: "calcite-button--graphic" }, loader)) : this.icon ? (h("div", { class: "calcite-button--graphic" },
+            h("svg", { class: "calcite-button--icon", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24" },
+                h("path", { d: this.icon })))) : null;
+        return (h(Host, { dir: dir, hastext: this.hastext },
+            h(Type, Object.assign({}, attributes, { role: role }),
+                graphic,
+                h("slot", null))));
+    }
+    static get is() { return "calcite-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-button.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-button.css"]
+    }; }
+    static get properties() { return {
+        "color": {
+            "type": "string",
+            "mutable": true,
+            "complexType": {
+                "original": "| \"blue\"\n    | \"dark\"\n    | \"light\"\n    | \"red\"",
+                "resolved": "\"blue\" | \"dark\" | \"light\" | \"red\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "specify the color of the button, defaults to blue"
+            },
+            "attribute": "color",
+            "reflect": true,
+            "defaultValue": "\"blue\""
+        },
+        "appearance": {
+            "type": "string",
+            "mutable": true,
+            "complexType": {
+                "original": "| \"solid\"\n    | \"outline\"\n    | \"clear\"\n    | \"inline\"",
+                "resolved": "\"clear\" | \"inline\" | \"outline\" | \"solid\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "specify the appearance style of the button, defaults to solid. Specifying \"inline\" will render the component as an anchor"
+            },
+            "attribute": "appearance",
+            "reflect": true,
+            "defaultValue": "\"solid\""
+        },
+        "scale": {
+            "type": "string",
+            "mutable": true,
+            "complexType": {
+                "original": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\"",
+                "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "specify the scale of the button, defaults to m"
+            },
+            "attribute": "scale",
+            "reflect": true,
+            "defaultValue": "\"m\""
+        },
+        "width": {
+            "type": "string",
+            "mutable": true,
+            "complexType": {
+                "original": "\"auto\" | \"half\" | \"full\"",
+                "resolved": "\"auto\" | \"full\" | \"half\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "specify the width of the button, defaults to auto"
+            },
+            "attribute": "width",
+            "reflect": true,
+            "defaultValue": "\"auto\""
+        },
+        "loading": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "optionally add a calcite-loader component inline to indicate loading is occuring. You can add and remove this prop depending on status"
+            },
+            "attribute": "loading",
+            "reflect": true,
+            "defaultValue": "false"
+        },
+        "href": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "optionally pass a href - used to determine if the component should render as a button or an anchor"
+            },
+            "attribute": "href",
+            "reflect": true
+        },
+        "icon": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "optionally pass icon path data to be positioned within the button - pass only raw path data from calcite ui helper"
+            },
+            "attribute": "icon",
+            "reflect": true,
+            "defaultValue": "null"
+        },
+        "hastext": {
+            "type": "boolean",
+            "mutable": true,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [{
+                        "text": undefined,
+                        "name": "internal"
+                    }],
+                "text": ""
+            },
+            "attribute": "hastext",
+            "reflect": false,
+            "defaultValue": "false"
+        }
+    }; }
+    static get elementRef() { return "el"; }
+}
diff --git a/dist/collection/components/calcite-checkbox/calcite-checkbox.css b/dist/collection/components/calcite-checkbox/calcite-checkbox.css
new file mode 100644
index 00000000000..ad6badaaa6f
--- /dev/null
+++ b/dist/collection/components/calcite-checkbox/calcite-checkbox.css
@@ -0,0 +1,94 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+::slotted(input) {
+  display: none;
+}
+
+:host {
+  display: inline-block;
+  cursor: pointer;
+  user-select: none;
+  tap-highlight-color: transparent;
+}
+
+.check-svg {
+  width: 20px;
+  height: 20px;
+  overflow: hidden;
+  display: inline-block;
+  background-color: white;
+  border: 1px solid #757575;
+  border-radius: 2px;
+  vertical-align: -0.25em;
+  margin-right: 0.25em;
+  cursor: pointer;
+  transition: all 150ms linear;
+  box-sizing: border-box;
+}
+
+:host([theme=dark]) .check-svg {
+  background-color: transparent;
+  border-color: #eaeaea;
+}
+
+:host([theme=dark][disabled]) .check-svg {
+  border-color: #757575;
+  background-color: #2b2b2b;
+}
+
+:host([theme=dark][checked]) .check-svg,
+:host([theme=dark][indeterminate]) .check-svg {
+  background-color: #3db8ff;
+}
+
+:host([size=large]) .check-svg {
+  width: 24px;
+  height: 24px;
+  border-radius: 4px;
+}
+
+:host([size=small]) .check-svg {
+  width: 16px;
+  height: 16px;
+}
+
+:host([disabled]) {
+  pointer-events: none;
+  cursor: default;
+}
+:host([disabled]) .check-svg {
+  background-color: #f3f3f3;
+  border-color: #eaeaea;
+}
+
+:host([disabled][checked]) .check-svg,
+:host([disabled][indeterminate]) .check-svg {
+  background-color: #84c1e8;
+  border-color: #84c1e8;
+}
+
+:host([checked]) .check-svg,
+:host([indeterminate]) .check-svg {
+  background-color: #007ac2;
+  border: 1px solid #007ac2;
+}
+
+:host(:hover),
+:host(:focus) {
+  outline: none;
+}
+:host(:hover) .check-svg,
+:host(:focus) .check-svg {
+  border-color: #0079c1 !important;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5), 0 0 5px rgba(81, 167, 232, 0.5);
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-checkbox/calcite-checkbox.js b/dist/collection/components/calcite-checkbox/calcite-checkbox.js
new file mode 100644
index 00000000000..fbd5882c359
--- /dev/null
+++ b/dist/collection/components/calcite-checkbox/calcite-checkbox.js
@@ -0,0 +1,267 @@
+import { h, Host } from "@stencil/core";
+import { SPACE, ENTER } from "../../utils/keys";
+export class CalciteCheckbox {
+    constructor() {
+        /** True if the checkbox is initially checked */
+        this.checked = false;
+        /**
+         * True if the checkbox is initially indeterminate,
+         * which is independent from its checked state
+         * https://css-tricks.com/indeterminate-checkboxes/
+         * */
+        this.indeterminate = false;
+        /** The name of the checkbox input */
+        this.name = "";
+        /** The value of the checkbox input */
+        this.value = "";
+        /** Size of the checkbox  */
+        this.size = null;
+        /** True if the checkbox is disabled */
+        this.disabled = false;
+        /** Determines what theme to use */
+        this.theme = "light";
+        this.toggle = () => {
+            if (!this.disabled) {
+                this.checked = !this.checked;
+                this.indeterminate = false;
+            }
+        };
+        this.indeterminatePath = "M4 7h8v2H4z";
+        this.checkedPath = "M12.753 3l-7.319 7.497L3.252 8.31 2 9.373l3.434 3.434L14 4.24z";
+        this.getPath = () => this.indeterminate
+            ? this.indeterminatePath
+            : this.checked
+                ? this.checkedPath
+                : "";
+        this.syncThisToProxyInput = () => {
+            this.checked = this.inputProxy.hasAttribute("checked");
+            this.name = this.inputProxy.name;
+            this.value = this.inputProxy.value;
+        };
+        this.syncProxyInputToThis = () => {
+            this.checked
+                ? this.inputProxy.setAttribute("checked", "")
+                : this.inputProxy.removeAttribute("checked");
+            this.inputProxy.name = this.name;
+            this.inputProxy.value = this.value;
+        };
+    }
+    onClick({ target }) {
+        // prevent duplicate click events that occur
+        // when the component is wrapped in a label and checkbox is clicked
+        if ((this.el.closest("label") && target === this.inputProxy) ||
+            (!this.el.closest("label") && target === this.el)) {
+            this.toggle();
+        }
+    }
+    keyDownHandler({ keyCode }) {
+        if (keyCode === SPACE || keyCode === ENTER) {
+            this.toggle();
+        }
+    }
+    checkedWatcher() {
+        this.calciteCheckboxChange.emit();
+        this.checked
+            ? this.inputProxy.setAttribute("checked", "")
+            : this.inputProxy.removeAttribute("checked");
+    }
+    connectedCallback() {
+        this.setupProxyInput();
+    }
+    disconnectedCallback() {
+        this.observer.disconnect();
+    }
+    componentWillRender() {
+        this.syncProxyInputToThis();
+    }
+    render() {
+        return (h(Host, { role: "checkbox", "aria-checked": this.checked, tabindex: this.disabled ? "-1" : "0" },
+            h("svg", { class: "check-svg", viewBox: "0 0 16 16" },
+                h("path", { d: this.getPath(), fill: "white" })),
+            h("slot", null)));
+    }
+    setupProxyInput() {
+        // check for a proxy input
+        this.inputProxy = this.el.querySelector("input");
+        // if the user didn't pass a proxy input create one for them
+        if (!this.inputProxy) {
+            this.inputProxy = document.createElement("input");
+            this.inputProxy.type = "checkbox";
+            this.syncProxyInputToThis();
+            this.el.appendChild(this.inputProxy);
+        }
+        this.syncThisToProxyInput();
+        this.observer = new MutationObserver(this.syncThisToProxyInput);
+        this.observer.observe(this.inputProxy, { attributes: true });
+    }
+    static get is() { return "calcite-checkbox"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-checkbox.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-checkbox.css"]
+    }; }
+    static get properties() { return {
+        "checked": {
+            "type": "boolean",
+            "mutable": true,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "True if the checkbox is initially checked"
+            },
+            "attribute": "checked",
+            "reflect": true,
+            "defaultValue": "false"
+        },
+        "indeterminate": {
+            "type": "boolean",
+            "mutable": true,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "True if the checkbox is initially indeterminate,\nwhich is independent from its checked state\nhttps://css-tricks.com/indeterminate-checkboxes/"
+            },
+            "attribute": "indeterminate",
+            "reflect": true,
+            "defaultValue": "false"
+        },
+        "name": {
+            "type": "string",
+            "mutable": true,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "The name of the checkbox input"
+            },
+            "attribute": "name",
+            "reflect": true,
+            "defaultValue": "\"\""
+        },
+        "value": {
+            "type": "string",
+            "mutable": true,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "The value of the checkbox input"
+            },
+            "attribute": "value",
+            "reflect": true,
+            "defaultValue": "\"\""
+        },
+        "size": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"small\" | \"large\"",
+                "resolved": "\"large\" | \"small\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Size of the checkbox"
+            },
+            "attribute": "size",
+            "reflect": true,
+            "defaultValue": "null"
+        },
+        "disabled": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "True if the checkbox is disabled"
+            },
+            "attribute": "disabled",
+            "reflect": true,
+            "defaultValue": "false"
+        },
+        "theme": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"light\" | \"dark\"",
+                "resolved": "\"dark\" | \"light\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Determines what theme to use"
+            },
+            "attribute": "theme",
+            "reflect": true,
+            "defaultValue": "\"light\""
+        }
+    }; }
+    static get events() { return [{
+            "method": "calciteCheckboxChange",
+            "name": "calciteCheckboxChange",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "Emitted when the checkbox checked status changes"
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }]; }
+    static get elementRef() { return "el"; }
+    static get watchers() { return [{
+            "propName": "checked",
+            "methodName": "checkedWatcher"
+        }]; }
+    static get listeners() { return [{
+            "name": "click",
+            "method": "onClick",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "keydown",
+            "method": "keyDownHandler",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }]; }
+}
diff --git a/dist/collection/components/calcite-example/calcite-example.css b/dist/collection/components/calcite-example/calcite-example.css
new file mode 100644
index 00000000000..3f4fb58fd4e
--- /dev/null
+++ b/dist/collection/components/calcite-example/calcite-example.css
@@ -0,0 +1,11 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-example/calcite-example.js b/dist/collection/components/calcite-example/calcite-example.js
new file mode 100644
index 00000000000..6c9bc7ea364
--- /dev/null
+++ b/dist/collection/components/calcite-example/calcite-example.js
@@ -0,0 +1,129 @@
+import { Host, h } from "@stencil/core";
+export class CalciteExample {
+    constructor() {
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Be sure to add a jsdoc comment describing your propery for the generated readme file.
+         * If your property should be hidden from documentation, you can use the `@internal` tag
+         */
+        this.property = "default";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        this.state = "default";
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillUpdate() { }
+    render() {
+        console.log(this.state);
+        return h(Host, null);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    onClick(e) {
+        console.log(e);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Add a jsdoc comment describing your method and it's parameters (use `@param`).
+     */
+    async doThing() {
+        return Promise.resolve(this.privateMethod());
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    privateMethod() { }
+    static get is() { return "calcite-example"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-example.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-example.css"]
+    }; }
+    static get properties() { return {
+        "property": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Be sure to add a jsdoc comment describing your propery for the generated readme file.\nIf your property should be hidden from documentation, you can use the `@internal` tag"
+            },
+            "attribute": "property",
+            "reflect": false,
+            "defaultValue": "\"default\""
+        }
+    }; }
+    static get states() { return {
+        "state": {}
+    }; }
+    static get events() { return [{
+            "method": "open",
+            "name": "open",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }]; }
+    static get methods() { return {
+        "doThing": {
+            "complexType": {
+                "signature": "() => Promise<void>",
+                "parameters": [],
+                "references": {
+                    "Promise": {
+                        "location": "global"
+                    }
+                },
+                "return": "Promise<void>"
+            },
+            "docs": {
+                "text": "Add a jsdoc comment describing your method and it's parameters (use `@param`).",
+                "tags": []
+            }
+        }
+    }; }
+    static get elementRef() { return "el"; }
+    static get listeners() { return [{
+            "name": "click",
+            "method": "onClick",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }]; }
+}
diff --git a/dist/collection/components/calcite-loader/calcite-loader.css b/dist/collection/components/calcite-loader/calcite-loader.css
new file mode 100644
index 00000000000..dab37c3ed47
--- /dev/null
+++ b/dist/collection/components/calcite-loader/calcite-loader.css
@@ -0,0 +1,161 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+:host {
+  --calcite-loader-spot: #007ac2;
+  --calcite-loader-spot-light: #009af2;
+  --calcite-loader-spot-dark: #00619b;
+  --calcite-loader-neutral: #eaeaea;
+}
+
+:host([theme=dark]) {
+  --calcite-loader-neutral: #151515;
+}
+
+:host {
+  position: relative;
+  display: none;
+  padding-bottom: 4rem;
+  padding-top: 4rem;
+  margin-left: auto;
+  margin-right: auto;
+  min-height: 54px;
+  stroke: var(--calcite-loader-light);
+  stroke-width: 6px;
+  stroke-dashoffset: 0;
+  fill: none;
+  animation: loader-color-shift 2s alternate-reverse infinite linear;
+}
+
+:host([is-active]) {
+  display: block;
+}
+
+.loader__text {
+  display: block;
+  margin-top: 4rem;
+  text-align: center;
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+.loader__percentage {
+  display: block;
+  width: 54px;
+  position: absolute;
+  top: 4rem;
+  left: 50%;
+  margin-left: -27px;
+  margin-top: 27px;
+  text-align: center;
+  font-size: 0.875rem;
+  line-height: 0.25;
+}
+
+.loader__square {
+  width: 54px;
+  height: 54px;
+  position: absolute;
+  top: 4rem;
+  left: 0;
+  left: 50%;
+  margin-left: -27px;
+  stroke-dasharray: 50% 350%;
+  animation: loader-clockwise 2s infinite linear;
+}
+
+.loader__square--2 {
+  stroke-dasharray: 100% 225% 50% 25%;
+  animation: loader-clockwise 1s infinite linear;
+}
+
+.loader__square--3 {
+  stroke-dasharray: 50% 50% 75% 225%;
+  animation: loader-clockwise 1.85s infinite linear;
+}
+
+@supports (-ms-ime-align: auto) {
+  .loader__square {
+    stroke-dashoffset: var(--calcite-loader-offset);
+    animation: none;
+  }
+
+  .loader__square--2 {
+    stroke-dashoffset: var(--calcite-loader-offset2);
+  }
+
+  .loader__square--3 {
+    stroke-dashoffset: var(--calcite-loader-offset3);
+  }
+}
+:host([type=determinate]) {
+  stroke: var(--calcite-loader-neutral);
+  animation: none;
+}
+:host([type=determinate]) .loader__square--3 {
+  stroke: var(--calcite-loader-spot);
+  stroke-dasharray: 400%;
+  stroke-dashoffset: var(--calcite-loader-progress);
+  transition: 50ms linear all;
+  transform: rotate(90deg);
+  animation: none;
+}
+
+:host([inline]) {
+  stroke: currentColor;
+  stroke-width: 4px;
+  animation: none;
+  margin: 0;
+  padding-bottom: 0;
+  padding-top: 0;
+  position: relative;
+  height: 16px;
+  min-height: 16px;
+  width: 16px;
+  margin-right: 8px;
+  vertical-align: -2px;
+}
+
+:host([inline][dir=rtl]) {
+  margin-left: 8px;
+  margin-right: 0;
+}
+
+:host([is-active][inline]) {
+  display: inline-block;
+}
+
+:host([inline]) .loader__square {
+  margin: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 16px;
+  height: 16px;
+}
+
+@keyframes loader-color-shift {
+  0% {
+    stroke: var(--calcite-loader-spot-light);
+  }
+  100% {
+    stroke: var(--calcite-loader-spot-dark);
+  }
+}
+@keyframes loader-clockwise {
+  0% {
+    stroke-dashoffset: 0;
+  }
+  100% {
+    stroke-dashoffset: -400%;
+  }
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-loader/calcite-loader.js b/dist/collection/components/calcite-loader/calcite-loader.js
new file mode 100644
index 00000000000..70f69303fc5
--- /dev/null
+++ b/dist/collection/components/calcite-loader/calcite-loader.js
@@ -0,0 +1,233 @@
+import { h, Host } from "@stencil/core";
+import { guid } from "../../utils/guid";
+import { getElementDir } from "../../utils/dom";
+export class CalciteLoader {
+    constructor() {
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Show the loader
+         */
+        this.isActive = false;
+        /**
+         * Inline loaders are smaller and will appear to the left of the text
+         */
+        this.inline = false;
+        /**
+         * Use indeterminate if finding actual progress value is impossible
+         */
+        this.type = "indeterminate";
+        /**
+         * Percent complete of 100, only valid for determinate indicators
+         */
+        this.value = 0;
+        /**
+         * Text which should appear under the loading indicator (optional)
+         */
+        this.text = "";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.loaderBarOffsets = [0, 0, 0];
+        /**
+         * @internal
+         */
+        this.loaderBarRates = [1, 2.25, 3.5];
+        /**
+         * @internal
+         */
+        this.isEdge = false;
+        /**
+         * @internal
+         */
+        this.animationID = null;
+        /**
+         * @internal
+         */
+        this.guid = `calcite-loader-${guid()}`;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentDidLoad() {
+        this.isEdge = /Edge/.test(navigator.userAgent);
+        if (this.isEdge) {
+            this.updateOffset();
+        }
+    }
+    componentDidUnload() {
+        if (this.animationID) {
+            window.cancelAnimationFrame(this.animationID);
+        }
+    }
+    render() {
+        const dir = getElementDir(this.el);
+        const id = this.el.id || this.guid;
+        const ariaAttributes = {
+            "aria-valuenow": this.value,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100
+        };
+        const size = this.inline ? 16 : 56;
+        const viewbox = this.inline ? "0 0 16 16" : "0 0 56 56";
+        const isDeterminate = this.type === "determinate";
+        const styleProperties = {};
+        if (this.isEdge) {
+            styleProperties["--calcite-loader-offset"] = `${this.loaderBarOffsets[0]}%`;
+            styleProperties["--calcite-loader-offset2"] = `${this.loaderBarOffsets[1]}%`;
+            styleProperties["--calcite-loader-offset3"] = `${this.loaderBarOffsets[2]}%`;
+        }
+        const progress = {
+            "--calcite-loader-progress": `${-400 - this.value * 4}%`
+        };
+        return (h(Host, Object.assign({ id: id, dir: dir, role: "progressbar" }, (this.type === "determinate" ? ariaAttributes : {}), { style: styleProperties }),
+            h("svg", { viewBox: viewbox, class: "loader__square" },
+                h("rect", { width: size, height: size })),
+            h("svg", { viewBox: viewbox, class: "loader__square loader__square--2" },
+                h("rect", { width: size, height: size })),
+            h("svg", { viewBox: viewbox, class: "loader__square loader__square--3", style: isDeterminate ? progress : {} },
+                h("rect", { width: size, height: size })),
+            this.text ? h("div", { class: "loader__text" }, this.text) : "",
+            this.value ? (h("div", { class: "loader__percentage" }, Math.floor(this.value))) : ("")));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    updateOffset() {
+        this.loaderBarOffsets = this.rotateLoaderBars(this.loaderBarOffsets);
+        this.animationID = window.requestAnimationFrame(() => this.updateOffset());
+    }
+    /**
+     * @internal
+     */
+    rotateLoaderBars(barOffsets) {
+        return barOffsets.map((offset, i) => {
+            if (offset > -400) {
+                return offset - this.loaderBarRates[i];
+            }
+            else {
+                return 0;
+            }
+        });
+    }
+    static get is() { return "calcite-loader"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-loader.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-loader.css"]
+    }; }
+    static get properties() { return {
+        "isActive": {
+            "type": "boolean",
+            "mutable": true,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Show the loader"
+            },
+            "attribute": "is-active",
+            "reflect": true,
+            "defaultValue": "false"
+        },
+        "inline": {
+            "type": "boolean",
+            "mutable": true,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Inline loaders are smaller and will appear to the left of the text"
+            },
+            "attribute": "inline",
+            "reflect": true,
+            "defaultValue": "false"
+        },
+        "type": {
+            "type": "string",
+            "mutable": true,
+            "complexType": {
+                "original": "\"indeterminate\" | \"determinate\"",
+                "resolved": "\"determinate\" | \"indeterminate\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Use indeterminate if finding actual progress value is impossible"
+            },
+            "attribute": "type",
+            "reflect": true,
+            "defaultValue": "\"indeterminate\""
+        },
+        "value": {
+            "type": "number",
+            "mutable": false,
+            "complexType": {
+                "original": "number",
+                "resolved": "number",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Percent complete of 100, only valid for determinate indicators"
+            },
+            "attribute": "value",
+            "reflect": false,
+            "defaultValue": "0"
+        },
+        "text": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Text which should appear under the loading indicator (optional)"
+            },
+            "attribute": "text",
+            "reflect": false,
+            "defaultValue": "\"\""
+        }
+    }; }
+    static get states() { return {
+        "loaderBarOffsets": {},
+        "isEdge": {}
+    }; }
+    static get elementRef() { return "el"; }
+}
diff --git a/dist/collection/components/calcite-modal/calcite-modal.css b/dist/collection/components/calcite-modal/calcite-modal.css
new file mode 100644
index 00000000000..d4a19001388
--- /dev/null
+++ b/dist/collection/components/calcite-modal/calcite-modal.css
@@ -0,0 +1,379 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+:host {
+  --calcite-modal-background: #fff;
+  --calcite-modal-hover: #f3f3f3;
+  --calcite-modal-pressed: #eaeaea;
+  --calcite-modal-header-text: #151515;
+  --calcite-modal-body-text: #151515;
+  --calcite-modal-scrim: rgba(0, 0, 0, 0.75);
+  --calcite-modal-border: #f3f3f3;
+  --calcite-modal-red: #d83020;
+  --calcite-modal-blue: #007ac2;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow-y: hidden;
+  color: var(--calcite-modal-body-text);
+  opacity: 0;
+  visibility: hidden !important;
+  background: var(--calcite-modal-scrim);
+  transition: visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
+  z-index: 101;
+}
+
+:host([theme=dark]) {
+  --calcite-modal-background: #353535;
+  --calcite-modal-hover: #2b2b2b;
+  --calcite-modal-pressed: #202020;
+  --calcite-modal-header-text: #ffffff;
+  --calcite-modal-body-text: #f3f3f3;
+  --calcite-modal-scrim: rgba(0, 0, 0, 0.75);
+  --calcite-modal-border: #2b2b2b;
+  --calcite-modal-hover: #2b2b2b;
+  --calcite-modal-red: #d90012;
+  --calcite-modal-blue: #009af2;
+}
+
+.modal {
+  box-sizing: border-box;
+  max-height: 80vh;
+  z-index: 102;
+  float: none;
+  text-align: left;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: row-wrap;
+  opacity: 0;
+  visibility: hidden;
+  transition: transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear 300ms, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
+  transform: translate3d(0, 20px, 0);
+  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
+  margin: 1.5rem;
+}
+
+:host(.is-active) {
+  visibility: visible !important;
+  opacity: 1;
+  transition-delay: 0ms;
+}
+:host(.is-active) .modal {
+  visibility: visible;
+  opacity: 1;
+  transition-delay: 0ms;
+  transform: translate3d(0, 0, 0);
+  transition: transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-width 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), max-height 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
+}
+
+:host([dir=rtl]) .modal {
+  text-align: right;
+}
+
+:host([theme=dark]) .modal {
+  border: 1px solid #202020;
+}
+
+focus-trap {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+}
+
+/**
+ * Header
+ */
+.modal__header {
+  background-color: var(--calcite-modal-background);
+  flex: 0;
+  display: flex;
+  max-width: 100%;
+  min-width: 0;
+  z-index: 2;
+  border-bottom: 1px solid var(--calcite-modal-border);
+}
+
+.modal__close {
+  padding: 1.125rem;
+  order: 2;
+  flex: 0 0 auto;
+  transition-delay: 300ms;
+  transition: all 0.15s ease-in-out;
+  background-color: transparent;
+  -webkit-appearance: none;
+  border: none;
+  color: var(--calcite-modal-body-text);
+  outline: none;
+  cursor: pointer;
+}
+.modal__close svg {
+  pointer-events: none;
+}
+.modal__close:hover, .modal__close:focus {
+  background-color: var(--calcite-modal-hover);
+}
+.modal__close:active {
+  background-color: var(--calcite-modal-pressed);
+}
+
+.modal__title {
+  display: flex;
+  align-items: center;
+  padding: 0.75rem 1.5rem;
+  flex: 1 1 auto;
+  order: 1;
+  min-width: 0;
+}
+
+slot[name=header]::slotted(*) {
+  margin: 0;
+  font-weight: 400;
+  font-size: 1.414rem;
+  line-height: 1.5;
+  color: var(--calcite-modal-header-text);
+}
+@media screen and (max-width: 859px) {
+  slot[name=header]::slotted(*) {
+    font-size: 1.33rem;
+  }
+}
+@media screen and (max-width: 479px) {
+  slot[name=header]::slotted(*) {
+    font-size: 1.25rem;
+  }
+}
+
+/**
+ * Content area
+ */
+.modal__content {
+  position: relative;
+  padding: 1.5rem;
+  height: 100%;
+  flex: 0;
+  overflow: auto;
+  display: block;
+  background-color: var(--calcite-modal-background);
+  z-index: 1;
+}
+
+slot[name=content]::slotted(*) {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+/**
+ * Footer
+ */
+.modal__footer {
+  background-color: var(--calcite-modal-background);
+  flex: 0;
+  display: flex;
+  justify-content: flex-end;
+  padding: 1.2rem 1.125rem;
+  border-top: 1px solid var(--calcite-modal-border);
+  z-index: 2;
+}
+
+.modal__footer--hide-back slot[name=back],
+.modal__footer--hide-secondary slot[name=secondary] {
+  display: none;
+}
+
+slot[name=back] {
+  display: block;
+  margin-right: auto;
+}
+
+:host([dir=rtl]) slot[name=back] {
+  margin-left: auto;
+  margin-right: unset;
+}
+
+slot[name=secondary] {
+  display: block;
+  margin: 0 0.375rem;
+}
+
+slot[name=primary] {
+  display: block;
+}
+
+/**
+ * Sizes
+ */
+:host([size=small]) .modal {
+  max-width: 32rem;
+}
+
+@media screen and (max-width: 35rem) {
+  :host([size=small]) .modal {
+    height: 100vh;
+    max-height: 100vh;
+    width: 100vw;
+    max-width: 100vw;
+    margin: 0;
+  }
+  :host([size=small]) .modal__content {
+    flex: 1 1 auto;
+  }
+
+  :host([size=small][docked]) {
+    align-items: flex-end;
+  }
+}
+:host([size=medium]) .modal {
+  max-width: 64rem;
+}
+
+@media screen and (max-width: 67rem) {
+  :host([size=medium]) .modal {
+    height: 100vh;
+    max-height: 100vh;
+    width: 100vw;
+    max-width: 100vw;
+    margin: 0;
+  }
+  :host([size=medium]) .modal__content {
+    flex: 1 1 auto;
+  }
+
+  :host([size=medium][docked]) {
+    align-items: flex-end;
+  }
+}
+:host([size=large]) .modal {
+  max-width: 94rem;
+}
+
+@media screen and (max-width: 97rem) {
+  :host([size=large]) .modal {
+    height: 100vh;
+    max-height: 100vh;
+    width: 100vw;
+    max-width: 100vw;
+    margin: 0;
+  }
+  :host([size=large]) .modal__content {
+    flex: 1 1 auto;
+  }
+
+  :host([size=large][docked]) {
+    align-items: flex-end;
+  }
+}
+/**
+ * Fullscreen
+ */
+:host([size=fullscreen]) {
+  background-color: transparent;
+}
+:host([size=fullscreen]) .modal {
+  transform: translate3D(0, 20px, 0) scale(0.95);
+  height: 100vh;
+  max-height: 100vh;
+  width: 100vw;
+  max-width: 100vw;
+  margin: 0;
+}
+:host([size=fullscreen]) .modal__content {
+  flex: 1 1 auto;
+}
+
+:host(.is-active[size=fullscreen]) .modal {
+  transform: translate3D(0, 0, 0) scale(1);
+}
+
+/**
+ * Docked
+ */
+:host([docked]) .modal {
+  height: auto !important;
+}
+:host([docked]) .modal__content {
+  flex: 0;
+  height: auto;
+}
+
+/**
+ * Colors
+ */
+:host([color=red]) .modal {
+  border-top: 4px solid var(--calcite-modal-red);
+  border-radius: 2px 2px 0 0;
+}
+
+:host([color=blue]) .modal {
+  border-top: 4px solid var(--calcite-modal-blue);
+  border-radius: 2px 2px 0 0;
+}
+
+/**
+ * Tablet
+ */
+@media screen and (max-width: 860px) {
+  slot[name=header]::slotted(*) {
+    font-size: 1.2019rem;
+    line-height: 1.5;
+  }
+}
+@media screen and (max-width: 860px) and (max-width: 859px) {
+  slot[name=header]::slotted(*) {
+    font-size: 1.1305rem;
+  }
+}
+@media screen and (max-width: 860px) and (max-width: 479px) {
+  slot[name=header]::slotted(*) {
+    font-size: 1.0625rem;
+  }
+}
+@media screen and (max-width: 860px) {
+  .modal__title {
+    padding: 0.375rem 1.0125rem;
+  }
+}
+@media screen and (max-width: 860px) {
+  .modal__close {
+    padding: 1.0125rem;
+  }
+}
+@media screen and (max-width: 860px) {
+  .modal__content {
+    padding: 1.0125rem;
+  }
+}
+@media screen and (max-width: 860px) {
+  .modal__footer {
+    position: sticky;
+    bottom: 0;
+  }
+}
+/**
+ * Mobile
+ */
+@media screen and (max-width: 480px) {
+  .modal__footer {
+    flex-direction: column;
+  }
+
+  slot[name=back],
+slot[name=secondary] {
+    margin: 0 0 0.375rem 0;
+  }
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-modal/calcite-modal.js b/dist/collection/components/calcite-modal/calcite-modal.js
new file mode 100644
index 00000000000..ae5ff9c33f1
--- /dev/null
+++ b/dist/collection/components/calcite-modal/calcite-modal.js
@@ -0,0 +1,331 @@
+import { Host, h } from "@stencil/core";
+import { x24 } from "@esri/calcite-ui-icons";
+import "@a11y/focus-trap";
+import { getElementDir, getElementTheme, hasSlottedContent } from "../../utils/dom";
+export class CalciteModal {
+    constructor() {
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /** Optionally pass a function to run before close */
+        this.beforeClose = () => Promise.resolve();
+        /** Aria label for the close button */
+        this.closeLabel = "Close";
+        /** Set the overall size of the modal */
+        this.size = "small";
+        /** Select theme (light or dark) */
+        this.theme = "light";
+        this.hideBackButton = true;
+        this.hideSecondaryButton = true;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentDidLoad() {
+        const back = this.el.shadowRoot.querySelector("slot[name=back]");
+        const secondary = this.el.shadowRoot.querySelector("slot[name=secondary]");
+        back.addEventListener("slotchange", () => {
+            this.hideBackButton = !hasSlottedContent(back);
+        });
+        secondary.addEventListener("slotchange", () => {
+            this.hideSecondaryButton = !hasSlottedContent(secondary);
+        });
+    }
+    render() {
+        const dir = getElementDir(this.el);
+        const theme = getElementTheme(this.el);
+        return (h(Host, { role: "dialog", "aria-modal": "true", class: { "is-active": this.isActive }, dir: dir, theme: theme },
+            h("div", { class: "modal" },
+                h("focus-trap", { ref: el => (this.trap = el) },
+                    h("div", { class: "modal__header" },
+                        h("button", { class: "modal__close", "aria-label": this.closeLabel, onClick: () => this.close() },
+                            h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", viewBox: "0 0 24 24", fill: "currentColor" },
+                                h("path", { d: x24 }))),
+                        h("header", { class: "modal__title" },
+                            h("slot", { name: "header" }))),
+                    h("div", { class: "modal__content" },
+                        h("slot", { name: "content" })),
+                    h("div", { class: {
+                            modal__footer: true,
+                            "modal__footer--hide-back": this.hideBackButton,
+                            "modal__footer--hide-secondary": this.hideSecondaryButton
+                        } },
+                        h("slot", { name: "back" }),
+                        h("slot", { name: "secondary" }),
+                        h("slot", { name: "primary" }))))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    handleEscape(e) {
+        if (e.key === "Escape") {
+            this.close();
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /** Open the modal */
+    async open() {
+        this.previousActiveElement = document.activeElement;
+        this.isActive = true;
+        // wait for the modal to open, then handle focus.
+        return new Promise(resolve => {
+            setTimeout(() => {
+                if (this.firstFocus) {
+                    this.firstFocus.focus();
+                }
+                else {
+                    this.trap.focusFirstElement();
+                }
+                resolve(this.el);
+            }, 300);
+            document.documentElement.classList.add("overflow-hidden");
+            this.calciteModalOpen.emit();
+        });
+    }
+    /** Close the modal, first running the `beforeClose` method */
+    async close() {
+        return this.beforeClose(this.el).then(() => {
+            this.isActive = false;
+            this.previousActiveElement.focus();
+            document.documentElement.classList.remove("overflow-hidden");
+            this.calciteModalClose.emit();
+            return new Promise(resolve => {
+                setTimeout(() => resolve(this.el), 300);
+            });
+        });
+    }
+    static get is() { return "calcite-modal"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-modal.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-modal.css"]
+    }; }
+    static get properties() { return {
+        "beforeClose": {
+            "type": "unknown",
+            "mutable": false,
+            "complexType": {
+                "original": "(el: HTMLElement) => Promise<void>",
+                "resolved": "(el: HTMLElement) => Promise<void>",
+                "references": {
+                    "HTMLElement": {
+                        "location": "global"
+                    },
+                    "Promise": {
+                        "location": "global"
+                    }
+                }
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Optionally pass a function to run before close"
+            },
+            "defaultValue": "() =>\n    Promise.resolve()"
+        },
+        "closeLabel": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Aria label for the close button"
+            },
+            "attribute": "close-label",
+            "reflect": false,
+            "defaultValue": "\"Close\""
+        },
+        "docked": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Prevent the modal from taking up the entire screen on mobile"
+            },
+            "attribute": "docked",
+            "reflect": true
+        },
+        "firstFocus": {
+            "type": "unknown",
+            "mutable": false,
+            "complexType": {
+                "original": "HTMLElement",
+                "resolved": "HTMLElement",
+                "references": {
+                    "HTMLElement": {
+                        "location": "global"
+                    }
+                }
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Specify an element to focus when the modal is first opened"
+            }
+        },
+        "size": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"small\" | \"medium\" | \"large\" | \"fullscreen\"",
+                "resolved": "\"fullscreen\" | \"large\" | \"medium\" | \"small\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Set the overall size of the modal"
+            },
+            "attribute": "size",
+            "reflect": true,
+            "defaultValue": "\"small\""
+        },
+        "color": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"red\" | \"blue\"",
+                "resolved": "\"blue\" | \"red\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Adds a color bar at the top for visual impact,\nUse color to add importance to desctructive/workflow dialogs."
+            },
+            "attribute": "color",
+            "reflect": true
+        },
+        "theme": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"light\" | \"dark\"",
+                "resolved": "\"dark\" | \"light\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Select theme (light or dark)"
+            },
+            "attribute": "theme",
+            "reflect": true,
+            "defaultValue": "\"light\""
+        }
+    }; }
+    static get states() { return {
+        "isActive": {},
+        "hideBackButton": {},
+        "hideSecondaryButton": {}
+    }; }
+    static get events() { return [{
+            "method": "calciteModalOpen",
+            "name": "calciteModalOpen",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "Fired when the modal begins the open animation"
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }, {
+            "method": "calciteModalClose",
+            "name": "calciteModalClose",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "Fired when the modal begins the close animation"
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }]; }
+    static get methods() { return {
+        "open": {
+            "complexType": {
+                "signature": "() => Promise<HTMLElement>",
+                "parameters": [],
+                "references": {
+                    "Promise": {
+                        "location": "global"
+                    },
+                    "HTMLElement": {
+                        "location": "global"
+                    }
+                },
+                "return": "Promise<HTMLElement>"
+            },
+            "docs": {
+                "text": "Open the modal",
+                "tags": []
+            }
+        },
+        "close": {
+            "complexType": {
+                "signature": "() => Promise<HTMLElement>",
+                "parameters": [],
+                "references": {
+                    "Promise": {
+                        "location": "global"
+                    },
+                    "HTMLElement": {
+                        "location": "global"
+                    }
+                },
+                "return": "Promise<HTMLElement>"
+            },
+            "docs": {
+                "text": "Close the modal, first running the `beforeClose` method",
+                "tags": []
+            }
+        }
+    }; }
+    static get elementRef() { return "el"; }
+    static get listeners() { return [{
+            "name": "keyup",
+            "method": "handleEscape",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }]; }
+}
diff --git a/dist/collection/components/calcite-progress/calcite-progress.css b/dist/collection/components/calcite-progress/calcite-progress.css
new file mode 100644
index 00000000000..ec608625616
--- /dev/null
+++ b/dist/collection/components/calcite-progress/calcite-progress.css
@@ -0,0 +1,69 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+.calcite-progress {
+  position: relative;
+  display: block;
+}
+
+.calcite-progress:before,
+.calcite-progress:after {
+  content: "";
+  opacity: 1;
+  position: absolute;
+  height: 2px;
+  top: 0;
+  transition: opacity 500ms ease-in-out;
+}
+
+.calcite-progress:before {
+  background-color: #007ac2;
+  z-index: 0;
+  width: 100%;
+}
+
+.calcite-progress:after {
+  background-color: rgba(255, 255, 255, 0.6);
+  z-index: 0;
+}
+
+.calcite-progress[type=indeterminate]:after {
+  width: 20%;
+  animation: looping-progresss-bar-ani 1500ms linear infinite;
+}
+
+.calcite-progress[type=determinate]:after {
+  width: var(--percentage-value);
+}
+
+.calcite-progress__text {
+  text-align: center;
+}
+
+@keyframes looping-progresss-bar-ani {
+  0% {
+    left: 0%;
+    width: 0%;
+  }
+  20% {
+    left: 0%;
+    width: 20%;
+  }
+  80% {
+    left: 80%;
+    width: 20%;
+  }
+  100% {
+    left: 100%;
+    width: 0%;
+  }
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-progress/calcite-progress.js b/dist/collection/components/calcite-progress/calcite-progress.js
new file mode 100644
index 00000000000..f5763c02a09
--- /dev/null
+++ b/dist/collection/components/calcite-progress/calcite-progress.js
@@ -0,0 +1,110 @@
+import { h, Host } from "@stencil/core";
+export class CalciteProgress {
+    constructor() {
+        /**
+         * Use indeterminate if finding actual progress value is impossible
+         */
+        this.type = "determinate";
+        /**
+         * Percent complete of 100
+         */
+        this.value = 0;
+        /**
+         * Text label for the progress indicator
+         */
+        this.text = null;
+        /**
+         * Fill bar in the opposite direction
+         */
+        this.reversed = false;
+    }
+    render() {
+        return (h(Host, { class: "calcite-progress", type: this.type, reversed: this.reversed, style: {
+                "--percentage-value": `${this.value * 100}%`
+            } },
+            h("div", { class: "calcite-progress__text" }, this.text),
+            h("slot", null)));
+    }
+    static get is() { return "calcite-progress"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-progress.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-progress.css"]
+    }; }
+    static get properties() { return {
+        "type": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"indeterminate\" | \"determinate\"",
+                "resolved": "\"determinate\" | \"indeterminate\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Use indeterminate if finding actual progress value is impossible"
+            },
+            "attribute": "type",
+            "reflect": false,
+            "defaultValue": "\"determinate\""
+        },
+        "value": {
+            "type": "number",
+            "mutable": false,
+            "complexType": {
+                "original": "number",
+                "resolved": "number",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Percent complete of 100"
+            },
+            "attribute": "value",
+            "reflect": false,
+            "defaultValue": "0"
+        },
+        "text": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Text label for the progress indicator"
+            },
+            "attribute": "text",
+            "reflect": false,
+            "defaultValue": "null"
+        },
+        "reversed": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Fill bar in the opposite direction"
+            },
+            "attribute": "reversed",
+            "reflect": false,
+            "defaultValue": "false"
+        }
+    }; }
+    static get elementRef() { return "el"; }
+}
diff --git a/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.css b/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.css
new file mode 100644
index 00000000000..6a34b924b2e
--- /dev/null
+++ b/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.css
@@ -0,0 +1,44 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+:host {
+  display: flex;
+  background-color: var(--calcite-radio-group-color);
+  color: var(--calcite-radio-group-text-color);
+  cursor: pointer;
+  padding: 0.5rem 1rem;
+  line-height: 1.25;
+  margin: 0.25rem -1px 0 0px;
+  border: 1px solid var(--calcite-radio-group-border-color);
+  box-sizing: border-box;
+  transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out;
+  cursor: pointer;
+}
+
+:host(:hover) {
+  background-color: var(--calcite-radio-group-color-hover);
+}
+
+:host([checked]) {
+  background-color: var(--calcite-radio-group-color-active);
+  border-color: var(--calcite-radio-group-color-active);
+  color: var(--calcite-radio-group-text-color-active);
+  cursor: default;
+}
+
+label {
+  cursor: pointer;
+}
+
+::slotted(input) {
+  display: none;
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.js b/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.js
new file mode 100644
index 00000000000..8d476129331
--- /dev/null
+++ b/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.js
@@ -0,0 +1,128 @@
+import { h, Host } from "@stencil/core";
+export class CalciteRadioGroupItem {
+    constructor() {
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Indicates whether the control is checked.
+         */
+        this.checked = false;
+        this.mutationObserver = new MutationObserver(() => this.syncFromExternalInput());
+    }
+    handleCheckedChange() {
+        this.calciteRadioGroupItemChange.emit();
+        this.syncToExternalInput();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        let inputProxy = this.el.querySelector(`input[slot="input"]`);
+        if (inputProxy) {
+            this.value = inputProxy.value;
+            this.checked = inputProxy.checked;
+            this.mutationObserver.observe(inputProxy, { attributes: true });
+        }
+        this.inputProxy = inputProxy;
+    }
+    disconnectedCallback() {
+        this.mutationObserver.disconnect();
+    }
+    render() {
+        const { checked, value } = this;
+        return (h(Host, { role: "radio", "aria-checked": checked ? "true" : "false" },
+            h("label", null,
+                h("slot", null, value),
+                h("slot", { name: "input" }))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    syncFromExternalInput() {
+        if (this.inputProxy) {
+            this.value = this.inputProxy.value;
+            this.checked = this.inputProxy.checked;
+        }
+    }
+    ;
+    syncToExternalInput() {
+        if (!this.inputProxy) {
+            return;
+        }
+        this.inputProxy.value = this.value;
+        this.inputProxy.toggleAttribute("checked", this.checked);
+    }
+    static get is() { return "calcite-radio-group-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-radio-group-item.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-radio-group-item.css"]
+    }; }
+    static get properties() { return {
+        "checked": {
+            "type": "boolean",
+            "mutable": true,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Indicates whether the control is checked."
+            },
+            "attribute": "checked",
+            "reflect": true,
+            "defaultValue": "false"
+        },
+        "value": {
+            "type": "any",
+            "mutable": false,
+            "complexType": {
+                "original": "any | null",
+                "resolved": "any",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "The control's value."
+            },
+            "attribute": "value",
+            "reflect": false
+        }
+    }; }
+    static get events() { return [{
+            "method": "calciteRadioGroupItemChange",
+            "name": "calciteRadioGroupItemChange",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }]; }
+    static get elementRef() { return "el"; }
+    static get watchers() { return [{
+            "propName": "checked",
+            "methodName": "handleCheckedChange"
+        }]; }
+}
diff --git a/dist/collection/components/calcite-radio-group/calcite-radio-group.css b/dist/collection/components/calcite-radio-group/calcite-radio-group.css
new file mode 100644
index 00000000000..103128cdbf0
--- /dev/null
+++ b/dist/collection/components/calcite-radio-group/calcite-radio-group.css
@@ -0,0 +1,42 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+:host {
+  display: block;
+  --calcite-radio-group-color: #fff;
+  --calcite-radio-group-border-color: #757575;
+  --calcite-radio-group-color-active: #007ac2;
+  --calcite-radio-group-text-color: #000;
+  --calcite-radio-group-text-color-active: #fff;
+  --calcite-radio-group-color-hover: #f8f8f8;
+  font-size: 0.9375rem;
+  line-height: 1.5;
+}
+
+:host([theme=dark]) {
+  --calcite-radio-group-color: #2b2b2b;
+  --calcite-radio-group-border-color: #202020;
+  --calcite-radio-group-color-active: #009af2;
+  --calcite-radio-group-text-color: #fff;
+  --calcite-radio-group-text-color-active: #fff;
+  --calcite-radio-group-color-hover: #353535;
+}
+
+::slotted(calcite-radio-group-item[checked]),
+::slotted(calcite-radio-group-item:focus) {
+  z-index: 0;
+}
+
+slot {
+  display: flex;
+  flex-direction: row;
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-radio-group/calcite-radio-group.js b/dist/collection/components/calcite-radio-group/calcite-radio-group.js
new file mode 100644
index 00000000000..70ece58b328
--- /dev/null
+++ b/dist/collection/components/calcite-radio-group/calcite-radio-group.js
@@ -0,0 +1,280 @@
+import { h, Host } from "@stencil/core";
+import { getElementDir } from "../../utils/dom";
+const navigationKeys = {
+    up: "ArrowUp",
+    down: "ArrowDown",
+    left: "ArrowLeft",
+    right: "ArrowRight",
+    space: " "
+};
+export class CalciteRadioGroup {
+    constructor() {
+        /**
+         * The component's theme.
+         */
+        this.theme = "light";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        this.hiddenInput = (() => {
+            const input = document.createElement("input");
+            input.type = "hidden";
+            this.el.appendChild(input);
+            return input;
+        })();
+    }
+    handleNameChange(value) {
+        this.hiddenInput.name = value;
+    }
+    handleSelectedItemChange(newItem, oldItem) {
+        if (newItem === oldItem) {
+            return;
+        }
+        let match;
+        const items = this.getItems();
+        items.forEach(item => {
+            const matches = item === newItem;
+            if (matches) {
+                match = item;
+            }
+        });
+        if (match) {
+            this.selectItem(match);
+            this.calciteRadioGroupChange.emit();
+        }
+        else if (items[0]) {
+            items[0].tabIndex = 0;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        const items = this.getItems();
+        let lastChecked;
+        items.forEach((item, index) => {
+            item.tabIndex = -1;
+            const next = items[index + 1];
+            if (item.checked) {
+                lastChecked = item;
+            }
+            if (next && next.checked && item.checked) {
+                item.checked = false;
+            }
+        });
+        if (lastChecked) {
+            this.selectItem(lastChecked);
+        }
+        else if (items[0]) {
+            items[0].tabIndex = 0;
+        }
+        const { hiddenInput } = this;
+        if (this.name) {
+            hiddenInput.name = this.name;
+        }
+        if (lastChecked) {
+            hiddenInput.value = lastChecked.value;
+        }
+    }
+    render() {
+        return (h(Host, { role: "radiogroup" },
+            h("slot", null)));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    handleClick(event) {
+        if (event.target.localName === "calcite-radio-group-item") {
+            this.selectItem(event.target);
+        }
+    }
+    handleSelected(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        this.selectItem(event.target);
+    }
+    handleKeyDown(event) {
+        const { key } = event;
+        if (Object.values(navigationKeys).indexOf(key) === -1) {
+            return;
+        }
+        event.preventDefault();
+        const { el, selectedItem } = this;
+        const dir = getElementDir(el);
+        const moveBackwardKey = (dir === "rtl"
+            ? key === navigationKeys.right
+            : key === navigationKeys.left) || key === navigationKeys.up;
+        const items = this.getItems();
+        let selectedIndex = -1;
+        items.forEach((item, index) => {
+            if (item === selectedItem) {
+                selectedIndex = index;
+            }
+        });
+        if (moveBackwardKey) {
+            const previous = selectedIndex === -1 || selectedIndex === 0
+                ? items.item(items.length - 1)
+                : items.item(selectedIndex - 1);
+            this.selectItem(previous);
+            return;
+        }
+        const moveForwardKey = (dir === "rtl"
+            ? key === navigationKeys.left
+            : key === navigationKeys.right) || key === navigationKeys.down;
+        if (moveForwardKey) {
+            const next = selectedIndex === -1
+                ? items.item(1)
+                : items.item(selectedIndex + 1) || items.item(0);
+            this.selectItem(next);
+            return;
+        }
+        if (key === navigationKeys.space) {
+            this.selectItem(event.target);
+            return;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    getItems() {
+        return this.el.querySelectorAll("calcite-radio-group-item");
+    }
+    selectItem(selected) {
+        if (selected === this.selectedItem) {
+            return;
+        }
+        const items = this.getItems();
+        let match = null;
+        items.forEach(item => {
+            const matches = item.value === selected.value;
+            item.checked = matches;
+            item.tabIndex = matches ? 0 : -1;
+            if (matches) {
+                match = item;
+            }
+        });
+        this.selectedItem = match;
+        this.syncWithInputProxy(match);
+        match && match.focus();
+    }
+    syncWithInputProxy(item) {
+        this.hiddenInput.value = item ? item.value : "";
+    }
+    static get is() { return "calcite-radio-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-radio-group.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-radio-group.css"]
+    }; }
+    static get properties() { return {
+        "name": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "The group's name. Gets submitted with the form."
+            },
+            "attribute": "name",
+            "reflect": false
+        },
+        "selectedItem": {
+            "type": "any",
+            "mutable": false,
+            "complexType": {
+                "original": "HTMLCalciteRadioGroupItemElement",
+                "resolved": "any",
+                "references": {
+                    "HTMLCalciteRadioGroupItemElement": {
+                        "location": "global"
+                    }
+                }
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "The group's selected item."
+            },
+            "attribute": "selected-item",
+            "reflect": false
+        },
+        "theme": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"light\" | \"dark\"",
+                "resolved": "\"dark\" | \"light\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "The component's theme."
+            },
+            "attribute": "theme",
+            "reflect": true,
+            "defaultValue": "\"light\""
+        }
+    }; }
+    static get events() { return [{
+            "method": "calciteRadioGroupChange",
+            "name": "calciteRadioGroupChange",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }]; }
+    static get elementRef() { return "el"; }
+    static get watchers() { return [{
+            "propName": "name",
+            "methodName": "handleNameChange"
+        }, {
+            "propName": "selectedItem",
+            "methodName": "handleSelectedItemChange"
+        }]; }
+    static get listeners() { return [{
+            "name": "click",
+            "method": "handleClick",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "calciteRadioGroupItemChange",
+            "method": "handleSelected",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "keydown",
+            "method": "handleKeyDown",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }]; }
+}
diff --git a/dist/collection/components/calcite-slider/calcite-slider.css b/dist/collection/components/calcite-slider/calcite-slider.css
new file mode 100644
index 00000000000..3506074f137
--- /dev/null
+++ b/dist/collection/components/calcite-slider/calcite-slider.css
@@ -0,0 +1,203 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+:host {
+  --calcite-slider-spot: #007ac2;
+  display: block;
+  padding: 7px 0;
+  margin: 7px 0;
+  position: relative;
+}
+
+:host([disabled]) {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+/*
+ * Ensure we have enough space on variants
+ * with text elements to prevent overlap
+ */
+:host([label-handles]),
+:host([precise]) {
+  margin-top: 21px;
+}
+
+:host([label-ticks]),
+:host([precise][is-range]) {
+  margin-bottom: 21px;
+}
+
+:host([precise][label-handles]) {
+  margin-top: 35px;
+}
+
+:host([precise][label-handles][is-range]) {
+  margin-bottom: 35px;
+}
+
+.slider__thumb {
+  position: absolute;
+  right: var(--calcite-slider-range-max);
+  height: 28px;
+  width: 28px;
+  margin: -14px;
+  box-sizing: border-box;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  font-family: inherit;
+  z-index: 3;
+}
+
+.slider__thumb--min {
+  right: auto;
+  left: var(--calcite-slider-range-min);
+}
+
+.slider__handle {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 14px;
+  width: 14px;
+  margin: 7px;
+  box-sizing: border-box;
+  border-radius: 100%;
+  background-color: #ffffff;
+  border: 2px solid #959595;
+  transition: border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
+}
+
+.slider__handle__label {
+  position: absolute;
+  left: 0;
+  bottom: 28px;
+  width: 28px;
+  height: 0.75em;
+  font-size: 0.8125rem;
+  line-height: 1.5;
+  line-height: 1;
+  color: #555555;
+  text-align: center;
+}
+
+.slider__thumb:hover .slider__handle {
+  border-color: var(--calcite-slider-spot);
+  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
+}
+
+.slider__thumb:focus,
+.slider__thumb--active {
+  outline: none;
+  z-index: 4;
+}
+.slider__thumb:focus .slider__handle,
+.slider__thumb--active .slider__handle {
+  background-color: var(--calcite-slider-spot);
+  border-color: var(--calcite-slider-spot);
+  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
+}
+
+.slider__thumb--precise {
+  margin-top: -28px;
+}
+
+.slider__thumb--precise:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 14px;
+  left: 50%;
+  width: 2px;
+  height: 7px;
+  background-color: #959595;
+  margin-left: -1px;
+  margin-top: 7px;
+  z-index: 2;
+}
+
+.slider__thumb:focus.slider__thumb--precise:after,
+.slider__thumb--active.slider__thumb--precise:after {
+  background-color: var(--calcite-slider-spot);
+}
+
+.slider__thumb--precise.slider__thumb--min {
+  margin-top: -2px;
+}
+.slider__thumb--precise.slider__thumb--min .slider__handle__label {
+  bottom: unset;
+  top: 28px;
+}
+
+.slider__thumb--precise.slider__thumb--min:after {
+  top: 0;
+  margin-top: 0;
+}
+
+.slider__track {
+  height: 2px;
+  border-radius: 0;
+  z-index: 2;
+  background-color: #cacaca;
+  transition: all 250ms ease-in;
+  position: relative;
+}
+
+.slider__track__range {
+  position: absolute;
+  top: 0;
+  right: var(--calcite-slider-range-max);
+  left: var(--calcite-slider-range-min);
+  height: 2px;
+  background-color: var(--calcite-slider-spot);
+}
+
+.slider__tick {
+  position: absolute;
+  top: -2px;
+  width: 2px;
+  height: 4px;
+  left: var(--calcite-slider-tick-offset);
+  margin-left: -2px;
+  border: 1px solid #ffffff;
+  background-color: #959595;
+}
+
+.slider__tick--active {
+  background-color: var(--calcite-slider-spot);
+}
+
+.slider__tick__label {
+  position: absolute;
+  font-size: 0.8125rem;
+  line-height: 1.5;
+  color: #555555;
+  width: 4em;
+  margin: 14px -2em;
+  text-align: center;
+  display: block;
+  pointer-events: none;
+}
+
+.slider__tick__label--min {
+  left: 0;
+  margin: 14px -3px;
+  text-align: left;
+}
+
+.slider__tick__label--max {
+  left: unset;
+  right: 0;
+  margin: 14px -3px;
+  text-align: right;
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-slider/calcite-slider.js b/dist/collection/components/calcite-slider/calcite-slider.js
new file mode 100644
index 00000000000..eadb8e7bd72
--- /dev/null
+++ b/dist/collection/components/calcite-slider/calcite-slider.js
@@ -0,0 +1,570 @@
+import { Host, h } from "@stencil/core";
+import { LEFT, RIGHT, UP, DOWN, PAGE_UP, PAGE_DOWN, HOME, END } from "../../utils/keys";
+import { getElementDir } from "../../utils/dom";
+import { guid } from "../../utils/guid";
+export class CalciteSlider {
+    constructor() {
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Disable and gray out the slider
+         */
+        this.disabled = false;
+        /**
+         * Minimum selectable value
+         */
+        this.min = 0;
+        /**
+         * Maximum selectable value
+         */
+        this.max = 100;
+        /**
+         * Currently selected number (if single select)
+         */
+        this.value = null;
+        /**
+         * Snap selection along the step interval
+         */
+        this.snap = true;
+        /**
+         * Interval to move on up/down keys
+         */
+        this.step = 1;
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.guid = `calcite-loader-${guid()}`;
+        /**
+         * @internal
+         */
+        this.isRange = false;
+        /**
+         * @internal
+         */
+        this.tickValues = [];
+        /**
+         * @internal
+         */
+        this.activeProp = "value";
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        this.isRange = !!(this.maxValue || this.maxValue === 0);
+        this.tickValues = this.generateTickValues();
+        this.value = this.bound(this.value);
+        if (this.snap) {
+            this.value = this.getClosestStep(this.value);
+        }
+        this.calciteSliderUpdate.emit();
+    }
+    render() {
+        const id = this.el.id || this.guid;
+        const dir = getElementDir(this.el);
+        const min = this.minValue || this.min;
+        const max = this.maxValue || this.value;
+        const maxProp = this.isRange ? "maxValue" : "value";
+        return (h(Host, { dir: dir, id: id, "is-range": this.isRange, style: {
+                "--calcite-slider-range-max": `${100 -
+                    this.getUnitInterval(max) * 100}%`,
+                "--calcite-slider-range-min": `${this.getUnitInterval(min) * 100}%`
+            } },
+            h("div", { class: "slider__track" },
+                h("div", { class: "slider__track__range" }),
+                h("div", { class: "slider__ticks" }, this.tickValues.map(number => (h("span", { class: {
+                        slider__tick: true,
+                        "slider__tick--active": number >= min && number <= max
+                    }, style: {
+                        "--calcite-slider-tick-offset": `${this.getUnitInterval(number) * 100}%`
+                    } }, this.labelTicks ? (h("span", { class: {
+                        slider__tick__label: true,
+                        "slider__tick__label--min": number === this.min,
+                        "slider__tick__label--max": number === this.max
+                    } }, number)) : ("")))))),
+            this.isRange ? (h("button", { ref: el => (this.minHandle = el), onFocus: () => (this.activeProp = "minValue"), onBlur: () => (this.activeProp = null), onMouseDown: () => this.dragStart("minValue"), onTouchStart: e => this.dragStart("minValue", e), role: "slider", "aria-orientation": "horizontal", "aria-label": this.minLabel, "aria-valuenow": this.minValue, "aria-valuemin": this.min, "aria-valuemax": this.max, disabled: this.disabled, class: {
+                    slider__thumb: true,
+                    "slider__thumb--min": true,
+                    "slider__thumb--active": this.dragProp === "minValue",
+                    "slider__thumb--precise": this.precise
+                } },
+                h("span", { class: "slider__handle" }),
+                this.labelHandles ? (h("span", { class: "slider__handle__label", "aria-hidden": "true" }, this.minValue)) : (""))) : (""),
+            h("button", { ref: el => (this.maxHandle = el), onFocus: () => (this.activeProp = maxProp), onBlur: () => (this.activeProp = null), onMouseDown: () => this.dragStart(maxProp), onTouchStart: e => this.dragStart(maxProp, e), role: "slider", "aria-orientation": "horizontal", "aria-label": this.isRange ? this.maxLabel : this.minLabel, "aria-valuenow": this[maxProp], "aria-valuemin": this.min, "aria-valuemax": this.max, disabled: this.disabled, class: {
+                    slider__thumb: true,
+                    "slider__thumb--max": true,
+                    "slider__thumb--active": this.dragProp === maxProp,
+                    "slider__thumb--precise": this.precise
+                } },
+                h("span", { class: "slider__handle" }),
+                this.labelHandles ? (h("span", { class: "slider__handle__label", "aria-hidden": "true" }, this[maxProp])) : (""))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    keyDownHandler(e) {
+        const value = this[this.activeProp];
+        switch (e.keyCode) {
+            case UP:
+            case RIGHT:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(value + this.step, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case DOWN:
+            case LEFT:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(value - this.step, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case PAGE_UP:
+                if (this.pageStep) {
+                    e.preventDefault();
+                    this[this.activeProp] = this.bound(value + this.pageStep, this.activeProp);
+                    this.calciteSliderUpdate.emit();
+                }
+                break;
+            case PAGE_DOWN:
+                if (this.pageStep) {
+                    e.preventDefault();
+                    this[this.activeProp] = this.bound(value - this.pageStep, this.activeProp);
+                    this.calciteSliderUpdate.emit();
+                }
+                break;
+            case HOME:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(this.min, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case END:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(this.max, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+        }
+    }
+    clickHandler(e) {
+        const x = e.clientX || e.pageX;
+        const num = this.translate(x);
+        let prop = "value";
+        if (this.isRange) {
+            const closerToMax = Math.abs(this.maxValue - num) < Math.abs(this.minValue - num);
+            prop = closerToMax ? "maxValue" : "minValue";
+        }
+        this[prop] = this.bound(num, prop);
+        this.calciteSliderUpdate.emit();
+        const handle = prop === "minValue" ? this.minHandle : this.maxHandle;
+        handle.focus();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    generateTickValues() {
+        const ticks = [];
+        let current = this.min;
+        while (this.ticks && current < this.max + this.ticks) {
+            ticks.push(current);
+            current = current + this.ticks;
+        }
+        return ticks;
+    }
+    dragStart(prop, e) {
+        if (e) {
+            e.preventDefault();
+        }
+        this.dragProp = prop;
+        this.activeProp = prop;
+        this.dragListener = this.dragListener || this.dragUpdate.bind(this);
+        document.addEventListener("mousemove", this.dragListener);
+        document.addEventListener("touchmove", this.dragListener, {
+            capture: false
+        });
+        document.addEventListener("mouseup", this.dragEnd.bind(this));
+        document.addEventListener("touchend", this.dragEnd.bind(this), false);
+        document.addEventListener("touchcancel", this.dragEnd.bind(this));
+    }
+    dragUpdate(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (this.dragProp) {
+            const value = this.translate(e.clientX || e.pageX);
+            this[this.dragProp] = this.bound(value, this.dragProp);
+            this.calciteSliderUpdate.emit();
+        }
+    }
+    dragEnd() {
+        this.dragProp = null;
+        document.removeEventListener("mousemove", this.dragListener);
+        document.removeEventListener("touchmove", this.dragListener);
+    }
+    /**
+     * If number is outside range, constrain to min or max
+     * @internal
+     */
+    bound(num, prop) {
+        num = Math.min(num, this.max);
+        num = Math.max(num, this.min);
+        // ensure that maxValue and minValue don't swap positions
+        if (prop === "maxValue") {
+            num = Math.max(num, this.minValue);
+        }
+        if (prop === "minValue") {
+            num = Math.min(num, this.maxValue);
+        }
+        return num;
+    }
+    /**
+     * Translate a pixel position to value along the range
+     * @internal
+     */
+    translate(x) {
+        const range = this.max - this.min;
+        const percent = (x - this.el.offsetLeft) / this.el.offsetWidth;
+        let value = this.bound(this.min + range * percent);
+        if (this.snap && this.step) {
+            value = this.getClosestStep(value);
+        }
+        return value;
+    }
+    /**
+     * Get closest allowed value along stepped values
+     * @internal
+     */
+    getClosestStep(num) {
+        num = this.bound(num);
+        if (this.step) {
+            const step = Math.round(num / this.step) * this.step;
+            num = this.bound(step);
+        }
+        return num;
+    }
+    /**
+     * Get position of value along range as fractional value
+     * @return {number} number in the unit interval [0,1]
+     * @internal
+     */
+    getUnitInterval(num) {
+        num = this.bound(num);
+        const range = this.max - this.min;
+        return (num - this.min) / range;
+    }
+    static get is() { return "calcite-slider"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-slider.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-slider.css"]
+    }; }
+    static get properties() { return {
+        "disabled": {
+            "type": "boolean",
+            "mutable": true,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Disable and gray out the slider"
+            },
+            "attribute": "disabled",
+            "reflect": true,
+            "defaultValue": "false"
+        },
+        "min": {
+            "type": "number",
+            "mutable": true,
+            "complexType": {
+                "original": "number",
+                "resolved": "number",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Minimum selectable value"
+            },
+            "attribute": "min",
+            "reflect": true,
+            "defaultValue": "0"
+        },
+        "max": {
+            "type": "number",
+            "mutable": true,
+            "complexType": {
+                "original": "number",
+                "resolved": "number",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Maximum selectable value"
+            },
+            "attribute": "max",
+            "reflect": true,
+            "defaultValue": "100"
+        },
+        "value": {
+            "type": "number",
+            "mutable": true,
+            "complexType": {
+                "original": "null | number",
+                "resolved": "number",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Currently selected number (if single select)"
+            },
+            "attribute": "value",
+            "reflect": true,
+            "defaultValue": "null"
+        },
+        "minValue": {
+            "type": "number",
+            "mutable": false,
+            "complexType": {
+                "original": "number",
+                "resolved": "number",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Currently selected lower number (if multi-select)"
+            },
+            "attribute": "min-value",
+            "reflect": false
+        },
+        "maxValue": {
+            "type": "number",
+            "mutable": false,
+            "complexType": {
+                "original": "number",
+                "resolved": "number",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Currently selected upper number (if multi-select)"
+            },
+            "attribute": "max-value",
+            "reflect": false
+        },
+        "minLabel": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Label for first (or only) handle (ex. \"Temperature, lower bound\")"
+            },
+            "attribute": "min-label",
+            "reflect": false
+        },
+        "maxLabel": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Label for second handle if needed (ex. \"Temperature, upper bound\")"
+            },
+            "attribute": "max-label",
+            "reflect": false
+        },
+        "snap": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Snap selection along the step interval"
+            },
+            "attribute": "snap",
+            "reflect": false,
+            "defaultValue": "true"
+        },
+        "step": {
+            "type": "number",
+            "mutable": false,
+            "complexType": {
+                "original": "number",
+                "resolved": "number",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Interval to move on up/down keys"
+            },
+            "attribute": "step",
+            "reflect": false,
+            "defaultValue": "1"
+        },
+        "pageStep": {
+            "type": "number",
+            "mutable": false,
+            "complexType": {
+                "original": "number",
+                "resolved": "number",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Interval to move on page up/page down keys"
+            },
+            "attribute": "page-step",
+            "reflect": false
+        },
+        "ticks": {
+            "type": "number",
+            "mutable": false,
+            "complexType": {
+                "original": "number",
+                "resolved": "number",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Show tick marks on the number line at provided interval"
+            },
+            "attribute": "ticks",
+            "reflect": false
+        },
+        "labelTicks": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Label tick marks with their numeric value."
+            },
+            "attribute": "label-ticks",
+            "reflect": true
+        },
+        "labelHandles": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Label handles with their numeric value"
+            },
+            "attribute": "label-handles",
+            "reflect": true
+        },
+        "precise": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Use finer point for handles"
+            },
+            "attribute": "precise",
+            "reflect": false
+        }
+    }; }
+    static get states() { return {
+        "tickValues": {},
+        "activeProp": {}
+    }; }
+    static get events() { return [{
+            "method": "calciteSliderUpdate",
+            "name": "calciteSliderUpdate",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "Fires on all updates to the slider.\n:warning: Will be fired frequently during drag. If you are performing any\nexpensive operations consider using a debounce or throttle to avoid\nlocking up the main thread."
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }]; }
+    static get elementRef() { return "el"; }
+    static get listeners() { return [{
+            "name": "keydown",
+            "method": "keyDownHandler",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "click",
+            "method": "clickHandler",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }]; }
+}
diff --git a/dist/collection/components/calcite-switch/calcite-switch.css b/dist/collection/components/calcite-switch/calcite-switch.css
new file mode 100644
index 00000000000..122440175d4
--- /dev/null
+++ b/dist/collection/components/calcite-switch/calcite-switch.css
@@ -0,0 +1,106 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+::slotted(input) {
+  display: none;
+}
+
+:host {
+  display: inline-block;
+  cursor: pointer;
+  user-select: none;
+  tap-highlight-color: transparent;
+}
+
+.track {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  width: 36px;
+  height: 20px;
+  background-color: #f8f8f8;
+  border-radius: 30px;
+  border: 1px solid #eaeaea;
+  transition: all 0.25s ease;
+}
+
+.handle {
+  position: absolute;
+  display: block;
+  width: 18px;
+  height: 18px;
+  top: -1px;
+  left: -1px;
+  right: auto;
+  background-color: #fff;
+  border-radius: 30px;
+  border: 2px solid #757575;
+  box-shadow: 0 1px 1px 0px rgba(43, 43, 43, 0.2);
+  transition: all 0.25s ease;
+}
+
+:host([switched]) .handle {
+  right: -1px;
+  left: auto;
+  border-color: #004874;
+  box-shadow: 0 2px 1px 0px rgba(43, 43, 43, 0.2);
+}
+:host([switched]) .track {
+  border-color: #00619b;
+  background-color: #007ac2;
+}
+
+:host([switched][color=red]) .handle {
+  border-color: #7c1d13;
+}
+:host([switched][color=red]) .track {
+  border-color: #7c1d13;
+  background-color: #a82b1e;
+}
+
+:host(:focus),
+:host([switched]:focus) {
+  outline: none;
+}
+:host(:focus) .track,
+:host([switched]:focus) .track {
+  box-shadow: 0 0 4px 2px rgba(117, 117, 117, 0.9);
+}
+
+:host(:hover) .track {
+  border-color: #eaeaea;
+  background-color: #757575;
+}
+:host(:hover) .handle {
+  border-color: #007ac2;
+  box-shadow: 0 1px 2px 0px rgba(43, 43, 43, 0.2);
+}
+
+:host([color=red]:hover) .handle {
+  border-color: #d83020;
+}
+
+:host([switched]:hover) .handle {
+  border-color: #004874;
+}
+:host([switched]:hover) .track {
+  border-color: #00619b;
+  background-color: #007ac2;
+}
+
+:host([switched][color=red]:hover) .handle {
+  border-color: #7c1d13;
+}
+:host([switched][color=red]:hover) .track {
+  border-color: #7c1d13;
+  background-color: #a82b1e;
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-switch/calcite-switch.js b/dist/collection/components/calcite-switch/calcite-switch.js
new file mode 100644
index 00000000000..59e952301cc
--- /dev/null
+++ b/dist/collection/components/calcite-switch/calcite-switch.js
@@ -0,0 +1,190 @@
+import { h, Host } from "@stencil/core";
+import { SPACE, ENTER } from "../../utils/keys";
+export class CalciteSwitch {
+    constructor() {
+        /** True if the switch is initially on */
+        this.switched = false;
+        /** The name of the checkbox input */
+        this.name = "";
+        /** The value of the checkbox input */
+        this.value = "";
+        /** What color the switch should be */
+        this.color = "blue";
+        this.syncThisToProxyInput = () => {
+            this.switched = this.inputProxy.hasAttribute("checked");
+            this.name = this.inputProxy.name;
+            this.value = this.inputProxy.value;
+        };
+        this.syncProxyInputToThis = () => {
+            this.switched
+                ? this.inputProxy.setAttribute("checked", "")
+                : this.inputProxy.removeAttribute("checked");
+            this.inputProxy.setAttribute("name", this.name);
+            this.inputProxy.setAttribute("value", this.value);
+        };
+    }
+    onClick(e) {
+        // prevent duplicate click events that occur
+        // when the component is wrapped in a label and checkbox is clicked
+        if ((this.el.closest("label") && e.target === this.inputProxy) ||
+            (!this.el.closest("label") && e.target === this.el)) {
+            this.switched = !this.switched;
+        }
+    }
+    keyDownHandler(e) {
+        if (e.keyCode === SPACE || e.keyCode === ENTER) {
+            this.switched = !this.switched;
+        }
+    }
+    switchWatcher() {
+        this.calciteSwitchChange.emit();
+        this.switched
+            ? this.inputProxy.setAttribute("checked", "")
+            : this.inputProxy.removeAttribute("checked");
+    }
+    connectedCallback() {
+        this.setupProxyInput();
+    }
+    disconnectedCallback() {
+        this.observer.disconnect();
+    }
+    componentWillRender() {
+        this.syncProxyInputToThis();
+    }
+    render() {
+        return (h(Host, { role: "checkbox", "aria-checked": this.switched, tabindex: "0" },
+            h("div", { class: "track" },
+                h("div", { class: "handle" })),
+            h("slot", null)));
+    }
+    setupProxyInput() {
+        // check for a proxy input
+        this.inputProxy = this.el.querySelector("input");
+        // if the user didn't pass a proxy input create one for them
+        if (!this.inputProxy) {
+            this.inputProxy = document.createElement("input");
+            this.inputProxy.type = "checkbox";
+            this.syncProxyInputToThis();
+            this.el.appendChild(this.inputProxy);
+        }
+        this.syncThisToProxyInput();
+        this.observer = new MutationObserver(this.syncThisToProxyInput);
+        this.observer.observe(this.inputProxy, { attributes: true });
+    }
+    static get is() { return "calcite-switch"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-switch.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-switch.css"]
+    }; }
+    static get properties() { return {
+        "switched": {
+            "type": "boolean",
+            "mutable": true,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "True if the switch is initially on"
+            },
+            "attribute": "switched",
+            "reflect": true,
+            "defaultValue": "false"
+        },
+        "name": {
+            "type": "string",
+            "mutable": true,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "The name of the checkbox input"
+            },
+            "attribute": "name",
+            "reflect": true,
+            "defaultValue": "\"\""
+        },
+        "value": {
+            "type": "string",
+            "mutable": true,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "The value of the checkbox input"
+            },
+            "attribute": "value",
+            "reflect": true,
+            "defaultValue": "\"\""
+        },
+        "color": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"red\" | \"blue\"",
+                "resolved": "\"blue\" | \"red\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "What color the switch should be"
+            },
+            "attribute": "color",
+            "reflect": false,
+            "defaultValue": "\"blue\""
+        }
+    }; }
+    static get events() { return [{
+            "method": "calciteSwitchChange",
+            "name": "calciteSwitchChange",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }]; }
+    static get elementRef() { return "el"; }
+    static get watchers() { return [{
+            "propName": "switched",
+            "methodName": "switchWatcher"
+        }]; }
+    static get listeners() { return [{
+            "name": "click",
+            "method": "onClick",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "keydown",
+            "method": "keyDownHandler",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }]; }
+}
diff --git a/dist/collection/components/calcite-tab-nav/calcite-tab-nav.css b/dist/collection/components/calcite-tab-nav/calcite-tab-nav.css
new file mode 100644
index 00000000000..be4d8af2ceb
--- /dev/null
+++ b/dist/collection/components/calcite-tab-nav/calcite-tab-nav.css
@@ -0,0 +1,27 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+.tab-nav {
+  display: flex;
+  justify-content: var(--calcite-tabs-layout);
+  overflow: auto;
+}
+
+::slotted(calcite-tab-title) {
+  margin-right: var(--calcite-tabs-tab-margin-start);
+  margin-left: var(--calcite-tabs-tab-margin-end);
+}
+
+:host([dir=rtl]) ::slotted(calcite-tab-title) {
+  margin-right: var(--calcite-tabs-tab-margin-end);
+  margin-left: var(--calcite-tabs-tab-margin-start);
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-tab-nav/calcite-tab-nav.js b/dist/collection/components/calcite-tab-nav/calcite-tab-nav.js
new file mode 100644
index 00000000000..b168bb2e1ca
--- /dev/null
+++ b/dist/collection/components/calcite-tab-nav/calcite-tab-nav.js
@@ -0,0 +1,212 @@
+import { h, Host } from "@stencil/core";
+export class CalciteTabNav {
+    selectedTabChanged() {
+        if (localStorage &&
+            this.storageId &&
+            this.selectedTab !== undefined &&
+            this.selectedTab !== null) {
+            localStorage.setItem(`calcite-tab-nav-${this.storageId}`, JSON.stringify(this.selectedTab));
+        }
+        this.calciteTabChange.emit({
+            tab: this.selectedTab
+        });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        const storageKey = `calcite-tab-nav-${this.storageId}`;
+        if (localStorage && this.storageId && localStorage.getItem(storageKey)) {
+            this.selectedTab = JSON.parse(localStorage.getItem(storageKey));
+            this.calciteTabChange.emit({
+                tab: this.selectedTab
+            });
+        }
+    }
+    render() {
+        return (h(Host, { role: "tablist" },
+            h("nav", { class: "tab-nav" },
+                h("slot", null))));
+    }
+    componentDidRender() {
+        // if every tab title is active select the first tab.
+        if (this.tabTitles.every(title => !title.isActive) && !this.selectedTab) {
+            this.tabTitles[0].getTabIdentifier().then(tab => {
+                this.calciteTabChange.emit({
+                    tab
+                });
+            });
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Events Listeners
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    focusPreviousTabHandler(e) {
+        const currentIndex = this.getIndexOfTabTitle(e.target);
+        const previousTab = this.tabTitles[currentIndex - 1] ||
+            this.tabTitles[this.tabTitles.length - 1];
+        previousTab.focus();
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    /**
+     * @internal
+     */
+    focusNextTabHandler(e) {
+        const currentIndex = this.getIndexOfTabTitle(e.target);
+        const nextTab = this.tabTitles[currentIndex + 1] || this.tabTitles[0];
+        nextTab.focus();
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    /**
+     * @internal
+     */
+    activateTabHandler(e) {
+        if (e.detail.tab) {
+            this.selectedTab = e.detail.tab;
+        }
+        else {
+            this.selectedTab = this.getIndexOfTabTitle(e.target);
+        }
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    /**
+     * @internal
+     */
+    globalTabChangeHandler(e) {
+        if (this.syncId &&
+            e.target !== this.el &&
+            e.target.syncId === this.syncId &&
+            this.selectedTab !== e.detail.tab) {
+            this.selectedTab = e.detail.tab;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Private State/Props
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    getIndexOfTabTitle(el) {
+        return this.tabTitles.indexOf(el);
+    }
+    get tabTitles() {
+        return this.el.shadowRoot.querySelector("slot").assignedElements();
+    }
+    static get is() { return "calcite-tab-nav"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-tab-nav.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-tab-nav.css"]
+    }; }
+    static get properties() { return {
+        "storageId": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Name to use when saving selected tab data to localStorage"
+            },
+            "attribute": "storage-id",
+            "reflect": false
+        },
+        "syncId": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Pass the same string to multiple tab navs to keep them all in sync if one changes"
+            },
+            "attribute": "sync-id",
+            "reflect": false
+        }
+    }; }
+    static get states() { return {
+        "selectedTab": {}
+    }; }
+    static get events() { return [{
+            "method": "calciteTabChange",
+            "name": "calciteTabChange",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "Emitted when the active tab changes"
+            },
+            "complexType": {
+                "original": "TabChangeEventDetail",
+                "resolved": "TabChangeEventDetail",
+                "references": {
+                    "TabChangeEventDetail": {
+                        "location": "import",
+                        "path": "../../interfaces/TabChange"
+                    }
+                }
+            }
+        }]; }
+    static get elementRef() { return "el"; }
+    static get watchers() { return [{
+            "propName": "selectedTab",
+            "methodName": "selectedTabChanged"
+        }]; }
+    static get listeners() { return [{
+            "name": "calciteTabsFocusPrevious",
+            "method": "focusPreviousTabHandler",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "calciteTabsFocusNext",
+            "method": "focusNextTabHandler",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "calciteTabsActivate",
+            "method": "activateTabHandler",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "calciteTabChange",
+            "method": "globalTabChangeHandler",
+            "target": "body",
+            "capture": false,
+            "passive": false
+        }]; }
+}
diff --git a/dist/collection/components/calcite-tab-title/calcite-tab-title.css b/dist/collection/components/calcite-tab-title/calcite-tab-title.css
new file mode 100644
index 00000000000..c84e1c61e1b
--- /dev/null
+++ b/dist/collection/components/calcite-tab-title/calcite-tab-title.css
@@ -0,0 +1,48 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+:host {
+  flex: 0 1 var(--calcite-tabs-tab-basis);
+  outline: none;
+}
+
+:host(:active) a,
+:host(:focus) a,
+:host(:hover) a {
+  outline: none;
+  text-decoration: none;
+  color: var(--calcite-tabs-color-active);
+  border-bottom-color: var(--calcite-tabs-border-hover);
+}
+
+:host([is-active]) a {
+  color: var(--calcite-tabs-color-active);
+  border-bottom-color: var(--calcite-tabs-border-active);
+}
+
+a {
+  box-sizing: border-box;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  padding: 0.5rem 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border-bottom: 3px solid transparent;
+  cursor: pointer;
+  transition: all 0.15s ease-in-out;
+  color: var(--calcite-tabs-color);
+  outline: none;
+  width: 100%;
+  display: block;
+  text-align: var(--calcite-tabs-tab-text-align);
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-tab-title/calcite-tab-title.js b/dist/collection/components/calcite-tab-title/calcite-tab-title.js
new file mode 100644
index 00000000000..c3c53166666
--- /dev/null
+++ b/dist/collection/components/calcite-tab-title/calcite-tab-title.js
@@ -0,0 +1,334 @@
+import { h, Host } from "@stencil/core";
+import { guid } from "../../utils/guid";
+import { SPACE, ENTER, LEFT, RIGHT } from "../../utils/keys";
+import { getElementDir } from "../../utils/dom";
+export class CalciteTabTitle {
+    constructor() {
+        /**
+         * Show this tab title as selected
+         */
+        this.isActive = false;
+        /**
+         * @internal
+         */
+        this.guid = `calcite-tab-title-${guid()}`;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        if (this.tab && this.isActive) {
+            this.calciteTabsActivate.emit({
+                tab: this.tab
+            });
+        }
+    }
+    render() {
+        const id = this.el.id || this.guid;
+        return (h(Host, { id: id, "aria-controls": this.controls, "aria-expanded": this.isActive ? "true" : "false", role: "tab", tabindex: "0" },
+            h("a", null,
+                h("slot", null))));
+    }
+    componentDidLoad() {
+        this.calciteTabTitleRegister.emit();
+    }
+    componentDidUnload() {
+        this.calciteTabTitleUnregister.emit();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Events Listeners
+    //
+    //--------------------------------------------------------------------------
+    tabChangeHandler(event) {
+        if (this.tab) {
+            this.isActive = this.tab === event.detail.tab;
+        }
+        else {
+            this.getTabIndex().then(index => {
+                this.isActive = index === event.detail.tab;
+            });
+        }
+    }
+    onClick() {
+        this.calciteTabsActivate.emit({
+            tab: this.tab
+        });
+    }
+    keyDownHandler(e) {
+        switch (e.keyCode) {
+            case SPACE:
+            case ENTER:
+                this.calciteTabsActivate.emit({
+                    tab: this.tab
+                });
+                e.preventDefault();
+                break;
+            case RIGHT:
+                if (getElementDir(this.el) === "ltr") {
+                    this.calciteTabsFocusNext.emit();
+                }
+                else {
+                    this.calciteTabsFocusPrevious.emit();
+                }
+                break;
+            case LEFT:
+                if (getElementDir(this.el) === "ltr") {
+                    this.calciteTabsFocusPrevious.emit();
+                }
+                else {
+                    this.calciteTabsFocusNext.emit();
+                }
+                break;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Return the index of this title within the nav
+     */
+    async getTabIndex() {
+        return Promise.resolve(Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"), this.el));
+    }
+    /**
+     * @internal
+     */
+    async getTabIdentifier() {
+        return this.tab ? Promise.resolve(this.tab) : this.getTabIndex();
+    }
+    /**
+     * @internal
+     */
+    async updateAriaInfo(tabIds = [], titleIds = []) {
+        this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;
+        return Promise.resolve();
+    }
+    static get is() { return "calcite-tab-title"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-tab-title.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-tab-title.css"]
+    }; }
+    static get properties() { return {
+        "tab": {
+            "type": "string",
+            "mutable": true,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": true,
+            "docs": {
+                "tags": [],
+                "text": "Optionally include a unique name for the tab title,\nbe sure to also set this name on the associated tab."
+            },
+            "attribute": "tab",
+            "reflect": true
+        },
+        "isActive": {
+            "type": "boolean",
+            "mutable": true,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Show this tab title as selected"
+            },
+            "attribute": "is-active",
+            "reflect": true,
+            "defaultValue": "false"
+        }
+    }; }
+    static get states() { return {
+        "controls": {}
+    }; }
+    static get events() { return [{
+            "method": "calciteTabsActivate",
+            "name": "calciteTabsActivate",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "Fires when a specific tab is activated. `event.details`: [TabChangeEventDetail](../../interfaces/TabChange.ts)"
+            },
+            "complexType": {
+                "original": "TabChangeEventDetail",
+                "resolved": "TabChangeEventDetail",
+                "references": {
+                    "TabChangeEventDetail": {
+                        "location": "import",
+                        "path": "../../interfaces/TabChange"
+                    }
+                }
+            }
+        }, {
+            "method": "calciteTabsFocusNext",
+            "name": "calciteTabsFocusNext",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [{
+                        "text": undefined,
+                        "name": "internal"
+                    }],
+                "text": ""
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }, {
+            "method": "calciteTabsFocusPrevious",
+            "name": "calciteTabsFocusPrevious",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [{
+                        "text": undefined,
+                        "name": "internal"
+                    }],
+                "text": ""
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }, {
+            "method": "calciteTabTitleRegister",
+            "name": "calciteTabTitleRegister",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [{
+                        "text": undefined,
+                        "name": "internal"
+                    }],
+                "text": ""
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }, {
+            "method": "calciteTabTitleUnregister",
+            "name": "calciteTabTitleUnregister",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [{
+                        "text": undefined,
+                        "name": "internal"
+                    }],
+                "text": ""
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }]; }
+    static get methods() { return {
+        "getTabIndex": {
+            "complexType": {
+                "signature": "() => Promise<number>",
+                "parameters": [],
+                "references": {
+                    "Promise": {
+                        "location": "global"
+                    }
+                },
+                "return": "Promise<number>"
+            },
+            "docs": {
+                "text": "Return the index of this title within the nav",
+                "tags": []
+            }
+        },
+        "getTabIdentifier": {
+            "complexType": {
+                "signature": "() => Promise<string | number>",
+                "parameters": [],
+                "references": {
+                    "Promise": {
+                        "location": "global"
+                    }
+                },
+                "return": "Promise<string | number>"
+            },
+            "docs": {
+                "text": "",
+                "tags": [{
+                        "name": "internal",
+                        "text": undefined
+                    }]
+            }
+        },
+        "updateAriaInfo": {
+            "complexType": {
+                "signature": "(tabIds?: string[], titleIds?: string[]) => Promise<void>",
+                "parameters": [{
+                        "tags": [],
+                        "text": ""
+                    }, {
+                        "tags": [],
+                        "text": ""
+                    }],
+                "references": {
+                    "Promise": {
+                        "location": "global"
+                    }
+                },
+                "return": "Promise<void>"
+            },
+            "docs": {
+                "text": "",
+                "tags": [{
+                        "name": "internal",
+                        "text": undefined
+                    }]
+            }
+        }
+    }; }
+    static get elementRef() { return "el"; }
+    static get listeners() { return [{
+            "name": "calciteTabChange",
+            "method": "tabChangeHandler",
+            "target": "parent",
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "click",
+            "method": "onClick",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "keydown",
+            "method": "keyDownHandler",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }]; }
+}
diff --git a/dist/collection/components/calcite-tab/calcite-tab.css b/dist/collection/components/calcite-tab/calcite-tab.css
new file mode 100644
index 00000000000..d482d133a2c
--- /dev/null
+++ b/dist/collection/components/calcite-tab/calcite-tab.css
@@ -0,0 +1,19 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+:host([is-active]) section {
+  display: block;
+}
+
+section {
+  display: none;
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-tab/calcite-tab.js b/dist/collection/components/calcite-tab/calcite-tab.js
new file mode 100644
index 00000000000..63579f5a5b2
--- /dev/null
+++ b/dist/collection/components/calcite-tab/calcite-tab.js
@@ -0,0 +1,213 @@
+import { h, Host } from "@stencil/core";
+import { guid } from "../../utils/guid";
+import { nodeListToArray } from "../../utils/dom";
+export class CalciteTab {
+    constructor() {
+        /**
+         * Show this tab
+         */
+        this.isActive = false;
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.guid = `calcite-tab-title-${guid()}`;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    render() {
+        const id = this.el.id || this.guid;
+        return (h(Host, { id: id, "aria-labeledby": this.labeledBy, "aria-expanded": this.isActive ? "true" : "false", role: "tabpanel" },
+            h("section", null,
+                h("slot", null))));
+    }
+    componentDidLoad() {
+        this.calciteTabRegister.emit();
+    }
+    componentDidUnload() {
+        this.calciteTabUnregister.emit();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    tabChangeHandler(event) {
+        // to allow `<calcite-tabs>` to be nested we need to make sure this
+        // `calciteTabChange` event was actually fired from a title that is a
+        // child of the `<calcite-tabs>` that is the a parent of this tab.
+        if (event.target.closest("calcite-tabs") !==
+            this.el.closest("calcite-tabs")) {
+            return;
+        }
+        if (this.tab) {
+            this.isActive = this.tab === event.detail.tab;
+        }
+        else {
+            this.getTabIndex().then(index => {
+                this.isActive = index === event.detail.tab;
+            });
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Return the index of this tab within the tab array
+     */
+    async getTabIndex() {
+        return Promise.resolve(Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter(e => e.matches("calcite-tab")), this.el));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    updateAriaInfo(tabIds = [], titleIds = []) {
+        this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;
+    }
+    static get is() { return "calcite-tab"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-tab.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-tab.css"]
+    }; }
+    static get properties() { return {
+        "tab": {
+            "type": "string",
+            "mutable": true,
+            "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Optionally include a unique name for this tab,\nbe sure to also set this name on the associated title."
+            },
+            "attribute": "tab",
+            "reflect": true
+        },
+        "isActive": {
+            "type": "boolean",
+            "mutable": true,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Show this tab"
+            },
+            "attribute": "is-active",
+            "reflect": true,
+            "defaultValue": "false"
+        }
+    }; }
+    static get states() { return {
+        "labeledBy": {}
+    }; }
+    static get events() { return [{
+            "method": "calciteTabRegister",
+            "name": "calciteTabRegister",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [{
+                        "text": undefined,
+                        "name": "internal"
+                    }],
+                "text": ""
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }, {
+            "method": "calciteTabUnregister",
+            "name": "calciteTabUnregister",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [{
+                        "text": undefined,
+                        "name": "internal"
+                    }],
+                "text": ""
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }]; }
+    static get methods() { return {
+        "getTabIndex": {
+            "complexType": {
+                "signature": "() => Promise<number>",
+                "parameters": [],
+                "references": {
+                    "Promise": {
+                        "location": "global"
+                    }
+                },
+                "return": "Promise<number>"
+            },
+            "docs": {
+                "text": "Return the index of this tab within the tab array",
+                "tags": []
+            }
+        },
+        "updateAriaInfo": {
+            "complexType": {
+                "signature": "(tabIds?: string[], titleIds?: string[]) => Promise<void>",
+                "parameters": [{
+                        "tags": [],
+                        "text": ""
+                    }, {
+                        "tags": [],
+                        "text": ""
+                    }],
+                "references": {},
+                "return": "Promise<void>"
+            },
+            "docs": {
+                "text": "",
+                "tags": [{
+                        "name": "internal",
+                        "text": undefined
+                    }]
+            }
+        }
+    }; }
+    static get elementRef() { return "el"; }
+    static get listeners() { return [{
+            "name": "calciteTabChange",
+            "method": "tabChangeHandler",
+            "target": "parent",
+            "capture": false,
+            "passive": false
+        }]; }
+}
diff --git a/dist/collection/components/calcite-tabs/calcite-tabs.css b/dist/collection/components/calcite-tabs/calcite-tabs.css
new file mode 100644
index 00000000000..f2b81d315e5
--- /dev/null
+++ b/dist/collection/components/calcite-tabs/calcite-tabs.css
@@ -0,0 +1,50 @@
+body {
+  font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+calcite-tabs {
+  display: block;
+}
+
+:host {
+  display: block;
+  --calcite-tabs-color: #2b2b2b;
+  --calcite-tabs-border: #eaeaea;
+  --calcite-tabs-border-hover: #dfdfdf;
+  --calcite-tabs-color-active: #151515;
+  --calcite-tabs-border-active: #007ac2;
+  --calcite-tabs-layout: flex-start;
+  --calcite-tabs-tab-basis: auto;
+  --calcite-tabs-tab-text-align: start;
+  --calcite-tabs-tab-margin-start: 1.25rem;
+  --calcite-tabs-tab-margin-end: 0;
+}
+
+:host([theme=dark]) {
+  --calcite-tabs-color: #f3f3f3;
+  --calcite-tabs-border: #404040;
+  --calcite-tabs-border-hover: #757575;
+  --calcite-tabs-color-active: #f8f8f8;
+  --calcite-tabs-border-active: #fff;
+}
+
+:host([dir=rtl]) {
+  --calcite-tabs-tab-margin-start: 0;
+  --calcite-tabs-tab-margin-end: 1.25rem;
+}
+
+:host([layout=center]) {
+  --calcite-tabs-layout: center;
+  --calcite-tabs-tab-basis: 200px;
+  --calcite-tabs-tab-text-align: center;
+  --calcite-tabs-tab-margin-start: 1.25rem;
+  --calcite-tabs-tab-margin-end: 1.25rem;
+}
+
+.tab-contents {
+  border-top: 1px solid var(--calcite-tabs-border);
+}
\ No newline at end of file
diff --git a/dist/collection/components/calcite-tabs/calcite-tabs.js b/dist/collection/components/calcite-tabs/calcite-tabs.js
new file mode 100644
index 00000000000..fc023a8b019
--- /dev/null
+++ b/dist/collection/components/calcite-tabs/calcite-tabs.js
@@ -0,0 +1,219 @@
+import { h, Host } from "@stencil/core";
+import { getElementDir } from "../../utils/dom";
+export class CalciteTabs {
+    constructor() {
+        //--------------------------------------------------------------------------
+        //
+        //  Public Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Select theme (light or dark)
+         */
+        this.theme = "light";
+        /**
+         * Align tab titles to the edge or fully justify them across the tab nav ("center")
+         */
+        this.layout = "inline";
+        //--------------------------------------------------------------------------
+        //
+        //  Events
+        //
+        //--------------------------------------------------------------------------
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         *
+         * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA
+         * attributes.
+         */
+        this.titles = [];
+        /**
+         * @internal
+         *
+         * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.
+         */
+        this.tabs = [];
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    render() {
+        const dir = getElementDir(this.el);
+        return (h(Host, { dir: dir },
+            h("div", null,
+                h("slot", { name: "tab-nav" }),
+                h("section", { class: "tab-contents" },
+                    h("slot", null)))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    calciteTabTitleRegister(e) {
+        this.titles = [...this.titles, e.target];
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    /**
+     * @internal
+     */
+    calciteTabTitleUnregister(e) {
+        this.titles = this.titles.filter(el => el !== e.target);
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    /**
+     * @internal
+     */
+    calciteTabRegister(e) {
+        this.tabs = [...this.tabs, e.target];
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    /**
+     * @internal
+     */
+    calciteTabUnregister(e) {
+        this.tabs = this.tabs.filter(el => el !== e.target);
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     *
+     * Matches up elements from the internal `tabs` and `titles` to automatically
+     * update the ARIA attributes and link `<calcite-tab>` and
+     * `<calcite-tab-title>` components.
+     */
+    async registryHandler() {
+        var tabIds;
+        var titleIds;
+        // determine if we are using `tab` based or `index` based tab identifiers.
+        if (this.tabs.some(e => e.tab) || this.titles.some(e => e.tab)) {
+            // if we are using `tab` based identifiers sort by `tab` to account for
+            // possible out of order tabs and get the id of each tab
+            tabIds = this.tabs
+                .sort((a, b) => a.tab.localeCompare(b.tab))
+                .map(e => e.id);
+            titleIds = this.titles
+                .sort((a, b) => a.tab.localeCompare(b.tab))
+                .map(e => e.id);
+        }
+        else {
+            // if we are using index based tabs then the `<calcite-tab>` and
+            // `<calcite-tab-title>` might have been rendered out of order so the
+            // order of `this.tabs` and `this.titles` might not reflect the DOM state,
+            // and might not match each other so we need to get the index of all the
+            // tabs and titles in the DOM order to match them up as a source of truth
+            const tabDomIndexes = await Promise.all(this.tabs.map(el => el.getTabIndex()));
+            const titleDomIndexes = await Promise.all(this.titles.map(el => el.getTabIndex()));
+            // once we have the DOM order as a source of truth we can build the
+            // matching tabIds and titleIds arrays
+            tabIds = tabDomIndexes.reduce((ids, indexInDOM, registryIndex) => {
+                ids[indexInDOM] = this.tabs[registryIndex].id;
+                return ids;
+            }, []);
+            titleIds = titleDomIndexes.reduce((ids, indexInDOM, registryIndex) => {
+                ids[indexInDOM] = this.titles[registryIndex].id;
+                return ids;
+            }, []);
+        }
+        // pass all our new aria information to each `<calcite-tab>` and
+        // `<calcite-tab-title>` which will check if they can update their internal
+        // `controlled` or `labeledBy` states and re-render if necessary
+        this.tabs.forEach(el => el.updateAriaInfo(tabIds, titleIds));
+        this.titles.forEach(el => el.updateAriaInfo(tabIds, titleIds));
+    }
+    static get is() { return "calcite-tabs"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() { return {
+        "$": ["calcite-tabs.scss"]
+    }; }
+    static get styleUrls() { return {
+        "$": ["calcite-tabs.css"]
+    }; }
+    static get properties() { return {
+        "theme": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"light\" | \"dark\"",
+                "resolved": "\"dark\" | \"light\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Select theme (light or dark)"
+            },
+            "attribute": "theme",
+            "reflect": true,
+            "defaultValue": "\"light\""
+        },
+        "layout": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "\"center\" | \"inline\"",
+                "resolved": "\"center\" | \"inline\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Align tab titles to the edge or fully justify them across the tab nav (\"center\")"
+            },
+            "attribute": "layout",
+            "reflect": true,
+            "defaultValue": "\"inline\""
+        }
+    }; }
+    static get states() { return {
+        "titles": {},
+        "tabs": {}
+    }; }
+    static get elementRef() { return "el"; }
+    static get listeners() { return [{
+            "name": "calciteTabTitleRegister",
+            "method": "calciteTabTitleRegister",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "calciteTabTitleUnregister",
+            "method": "calciteTabTitleUnregister",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "calciteTabRegister",
+            "method": "calciteTabRegister",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "calciteTabUnregister",
+            "method": "calciteTabUnregister",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }]; }
+}
diff --git a/dist/collection/interfaces/AlertInterface.js b/dist/collection/interfaces/AlertInterface.js
new file mode 100644
index 00000000000..ebe42cea925
--- /dev/null
+++ b/dist/collection/interfaces/AlertInterface.js
@@ -0,0 +1,6 @@
+import { h } from "@stencil/core";
+import { createProviderConsumer } from "@stencil/state-tunnel";
+export default createProviderConsumer({
+    currentAlert: "",
+    queueLength: 0
+}, (subscribe, child) => (h("context-consumer", { subscribe: subscribe, renderer: child })));
diff --git a/dist/collection/interfaces/TabChange.js b/dist/collection/interfaces/TabChange.js
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/dist/collection/utils/dom.js b/dist/collection/utils/dom.js
new file mode 100644
index 00000000000..72df86d335f
--- /dev/null
+++ b/dist/collection/utils/dom.js
@@ -0,0 +1,19 @@
+// turn a domNodeList into an array
+export function nodeListToArray(domNodeList) {
+    if (Array.isArray(domNodeList)) {
+        return domNodeList;
+    }
+    else {
+        return Array.prototype.slice.call(domNodeList);
+    }
+}
+export function getElementDir(el) {
+    return (el.closest("[dir='rtl']") && "rtl") || "ltr";
+}
+export function getElementTheme(el) {
+    return (el.closest("[theme='dark']") && "dark") || "light";
+}
+export function hasSlottedContent(el) {
+    const assignedNodes = el && el.assignedNodes();
+    return assignedNodes && assignedNodes.length > 0;
+}
diff --git a/dist/collection/utils/guid.js b/dist/collection/utils/guid.js
new file mode 100644
index 00000000000..1a818eb39c1
--- /dev/null
+++ b/dist/collection/utils/guid.js
@@ -0,0 +1,12 @@
+function gen(counts) {
+    return counts
+        .map(count => {
+        let out = "";
+        for (let i = 0; i < count; i++) {
+            out += (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return out;
+    })
+        .join("-");
+}
+export const guid = () => gen([2, 1, 1, 1, 3]);
diff --git a/dist/collection/utils/keys.js b/dist/collection/utils/keys.js
new file mode 100644
index 00000000000..54a8c07bf7f
--- /dev/null
+++ b/dist/collection/utils/keys.js
@@ -0,0 +1,12 @@
+export const TAB = 9;
+export const ENTER = 13;
+export const ESCAPE = 27;
+export const SPACE = 32;
+export const PAGE_UP = 33;
+export const PAGE_DOWN = 34;
+export const END = 35;
+export const HOME = 36;
+export const LEFT = 37;
+export const UP = 38;
+export const RIGHT = 39;
+export const DOWN = 40;
diff --git a/dist/esm-es5/calcite-alert_2.entry.js b/dist/esm-es5/calcite-alert_2.entry.js
new file mode 100644
index 00000000000..c7d211e54ad
--- /dev/null
+++ b/dist/esm-es5/calcite-alert_2.entry.js
@@ -0,0 +1,283 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { g as getElementDir } from './chunk-6bb56f1f.js';
+import { c as checkCircle24F, e as exclamationMarkTriangle24F, l as lightbulb24F, a as x32 } from './chunk-9de72867.js';
+var createProviderConsumer = function (defaultState, consumerRender) {
+    var listeners = new Map();
+    var currentState = defaultState;
+    var updateListener = function (fields, instance) {
+        if (Array.isArray(fields)) {
+            fields.slice().forEach(function (fieldName) {
+                instance[fieldName] = currentState[fieldName];
+            });
+        }
+        else {
+            instance[fields] = Object.assign({}, currentState);
+        }
+    };
+    var subscribe = function (instance, propList) {
+        if (!listeners.has(instance)) {
+            listeners.set(instance, propList);
+            updateListener(propList, instance);
+        }
+        return function () {
+            if (listeners.has(instance)) {
+                listeners.delete(instance);
+            }
+        };
+    };
+    var Provider = function (_a, children) {
+        var state = _a.state;
+        currentState = state;
+        listeners.forEach(updateListener);
+        return children;
+    };
+    var Consumer = function (props, children) {
+        // The casting on subscribe is to allow for crossover through the stencil compiler
+        // In the future we should allow for generics in components.
+        return consumerRender(subscribe, children[0]);
+    };
+    var injectProps = function (Cstr, fieldList) {
+        var CstrPrototype = Cstr.prototype;
+        var cstrConnectedCallback = CstrPrototype.connectedCallback;
+        var cstrDisconnectedCallback = CstrPrototype.disconnectedCallback;
+        CstrPrototype.connectedCallback = function () {
+            subscribe(this, fieldList);
+            if (cstrConnectedCallback) {
+                return cstrConnectedCallback.call(this);
+            }
+        };
+        CstrPrototype.disconnectedCallback = function () {
+            listeners.delete(this);
+            if (cstrDisconnectedCallback) {
+                cstrDisconnectedCallback.call(this);
+            }
+        };
+    };
+    return {
+        Provider: Provider,
+        Consumer: Consumer,
+        injectProps: injectProps
+    };
+};
+var AlertInterface = createProviderConsumer({
+    currentAlert: "",
+    queueLength: 0
+}, function (subscribe, child) { return (h("context-consumer", { subscribe: subscribe, renderer: child })); });
+/** Alerts are not meant to be used inline with content, or be present in view on page load.
+ * As such, calcite-alert relies on calcite-alerts for positioning - displaying an alert on its own
+ * will lead to unexpected and potentially undesireable results
+ */
+/**
+ * @slot alert-title - Title of the alert (optional)
+ * @slot alert-message - Main text of the alert
+ * @slot alert-link - Optional action to take from the alert (undo, try again, link to page, etc.)
+ */
+var CalciteAlert = /** @class */ (function () {
+    function CalciteAlert(hostRef) {
+        registerInstance(this, hostRef);
+        /** Is the alert currently active or not */
+        this.active = false;
+        /** Close the alert automatically (recommended for passive, non-blocking alerts) */
+        this.dismiss = false;
+        /** Length before autodismissal (only used with `dismiss`) */
+        this.duration = this.dismiss
+            ? "medium"
+            : null;
+        /** Color for the alert (will apply to top border and icon) */
+        this.color = "blue";
+        /** Select theme (light or dark) */
+        this.theme = "light";
+        /** If false, no icon will be shown in the alert */
+        this.icon = false;
+        /** Unique ID for this alert */
+        /** @internal */
+        this.alertId = this.el.id;
+        /** @internal */
+        this.currentAlert = "";
+        /** @internal */
+        this.queueLength = 0;
+        this.durationDefaults = {
+            slow: 14000,
+            medium: 10000,
+            fast: 6000
+        };
+        this.iconDefaults = {
+            green: checkCircle24F,
+            yellow: exclamationMarkTriangle24F,
+            red: exclamationMarkTriangle24F,
+            blue: lightbulb24F
+        };
+        this.calciteAlertClose = createEvent(this, "calciteAlertClose", 7);
+        this.calciteAlertOpen = createEvent(this, "calciteAlertOpen", 7);
+    }
+    /** watch for changes to currentAlert passed from <calcite-alerts> */
+    CalciteAlert.prototype.watchCurrentAlert = function () {
+        var _this = this;
+        if (!this.active && this.currentAlert === this.alertId) {
+            if (this.dismiss)
+                setTimeout(function () { return _this.closeCalciteAlert(); }, this.durationDefaults[this.duration]);
+            setTimeout(function () { return (_this.active = true); }, 300);
+        }
+        else {
+            this.active = false;
+        }
+    };
+    /** emit the `calciteAlertClose` event - <calcite-alerts> listens for this */
+    CalciteAlert.prototype.closeCalciteAlert = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                this.calciteAlertClose.emit({ requestedAlert: this.alertId });
+                return [2 /*return*/];
+            });
+        });
+    };
+    /**  emit the `calciteAlertOpen` event - <calcite-alerts> listens for this  */
+    CalciteAlert.prototype.openCalciteAlert = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                this.calciteAlertOpen.emit({ requestedAlert: this.alertId });
+                return [2 /*return*/];
+            });
+        });
+    };
+    CalciteAlert.prototype.connectedCallback = function () {
+        // prop validations
+        var colors = ["blue", "red", "green", "yellow"];
+        if (!colors.includes(this.color))
+            this.color = "blue";
+        var durations = ["slow", "medium", "fast"];
+        if (this.duration !== null && !durations.includes(this.duration))
+            this.duration = "medium";
+        var themes = ["dark", "light"];
+        if (!themes.includes(this.theme))
+            this.theme = "light";
+    };
+    CalciteAlert.prototype.setIcon = function () {
+        var path = this.iconDefaults[this.color];
+        return (h("div", { class: "alert-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", viewBox: "0 0 24 24" }, h("path", { d: path }))));
+    };
+    CalciteAlert.prototype.render = function () {
+        var _this = this;
+        var dir = getElementDir(this.el);
+        var closeButton = (h("button", { class: "alert-close", "aria-label": "close", onClick: function () { return _this.closeCalciteAlert(); } }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "32", width: "32", viewBox: "0 0 32 32" }, h("path", { d: x32 }))));
+        var close = !this.dismiss ? closeButton : "";
+        var icon = this.icon ? this.setIcon() : "";
+        var count = (h("div", { class: (this.queueLength > 0 ? "active " : "") + "alert-count" }, "+", this.queueLength > 0 ? this.queueLength : 1));
+        var progress = this.active && this.dismiss ? h("div", { class: "alert-dismiss" }) : "";
+        return (h(Host, { active: !!this.active, dir: dir }, icon, h("div", { class: "alert-content" }, h("slot", { name: "alert-title" }), h("slot", { name: "alert-message" }), h("slot", { name: "alert-link" })), count, close, progress));
+    };
+    Object.defineProperty(CalciteAlert.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteAlert, "watchers", {
+        get: function () {
+            return {
+                "currentAlert": ["watchCurrentAlert"]
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteAlert, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-alert-background:#fff;--calcite-alert-title-text:#404040;--calcite-alert-message-text:#555;--calcite-alert-icon-fill:#151515;--calcite-alert-close-background-hover:#f3f3f3;--calcite-alert-close-background-pressed:#eaeaea;--calcite-alert-count-text:#404040;--calcite-alert-count-border:#f3f3f3;--calcite-alert-dismiss-background:hsla(0,0%,100%,0.6);--calcite-alert-border-blue:#007ac2;--calcite-alert-border-green:#35ac46;--calcite-alert-border-red:#d83020;--calcite-alert-border-yellow:#edd317}:host([theme=dark]){--calcite-alert-background:#2b2b2b;--calcite-alert-title-text:#f8f8f8;--calcite-alert-message-text:#f3f3f3;--calcite-alert-icon-fill:#d4d4d4;--calcite-alert-close-background-hover:#202020;--calcite-alert-close-background-pressed:#151515;--calcite-alert-count-text:#d4d4d4;--calcite-alert-count-border:#202020;--calcite-alert-dismiss-background:rgba(43,43,43,0.6);--calcite-alert-border-blue:#3db8ff;--calcite-alert-border-green:#3bed52;--calcite-alert-border-red:#ff0015;--calcite-alert-border-yellow:#fe3}:host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;pointer-events:none;z-index:102;margin:0 auto;width:50em;max-width:90%;max-height:0;background-color:var(--calcite-alert-background);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);border-radius:2px;opacity:0;-webkit-transform:translate3d(0,1.5rem,0);transform:translate3d(0,1.5rem,0);-webkit-transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;-webkit-border-before:0 solid transparent;border-block-start:0 solid transparent}\@media only screen and (max-width:860px){:host{width:100%;max-width:100%;border-radius:2px 2px 0 0;-webkit-box-shadow:0 -8px 16px 0 rgba(0,0,0,.15);box-shadow:0 -8px 16px 0 rgba(0,0,0,.15)}}:host:host(.hydrated){visibility:hidden!important}:host:host([active]){opacity:1;max-height:100%;-webkit-transform:translate3d(0,-1.5rem,0);transform:translate3d(0,-1.5rem,0);pointer-events:auto;border-block-start-width:3px}:host:host([active]):host(.hydrated){visibility:visible!important}\@media only screen and (max-width:860px){:host:host([active]){-webkit-transform:translateZ(0);transform:translateZ(0)}}:host slot[name=alert-title]::slotted(div){font-size:1rem;line-height:1.5;color:var(--calcite-alert-title-text);font-weight:500}:host slot[name=alert-link]::slotted(a),:host slot[name=alert-link]::slotted(calcite-button){font-size:.9375rem;line-height:1.5}:host slot[name=alert-message]::slotted(div){display:inline;margin-right:.75rem;font-size:.9375rem;line-height:1.5;color:var(--calcite-alert-message-text)}:host([dir=rtl]) slot[name=alert-message]::slotted(div){margin-right:unset;margin-left:.75rem}.alert-content{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;word-wrap:break-word;-webkit-padding-before:.75rem;padding-block-start:.75rem;-webkit-padding-after:.75rem;padding-block-end:.75rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem;-webkit-padding-start:0;padding-inline-start:0}.alert-content svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-content{padding:1.5rem}}.alert-content:first-of-type{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}\@media only screen and (max-width:860px){.alert-content{-webkit-padding-before:1.5rem;padding-block-start:1.5rem;-webkit-padding-after:1.5rem;padding-block-end:1.5rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem;-webkit-padding-start:0;padding-inline-start:0}}.alert-icon{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.alert-icon svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-icon{padding:1.5rem}}.alert-close{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:transparent;-webkit-appearance:none;border:none;outline:none;cursor:pointer;border-radius:0 0 2px 0}.alert-close svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-close{padding:1.5rem}}.alert-close svg{fill:var(--calcite-alert-icon-fill)}.alert-close:focus,.alert-close:hover{background-color:var(--calcite-alert-close-background-hover)}.alert-close:active{background-color:var(--calcite-alert-close-background-pressed)}:host([dir=rtl]) .alert-close{border-radius:0 0 0 2px}\@media only screen and (max-width:860px){:host([dir=rtl]) .alert-close{border-radius:0}}.alert-count{font-size:.875rem;line-height:1.5;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;overflow:hidden;width:0;visibility:hidden;font-weight:500;text-align:center;color:var(--calcite-alert-count-text);opacity:0;-webkit-border-start:0 solid transparent;border-inline-start:0 solid transparent;-webkit-border-end:0 solid transparent;border-inline-end:0 solid transparent;cursor:default;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.alert-count.active{visibility:visible;opacity:1;padding:0 .375rem;width:3rem;-webkit-border-start:1px solid var(--calcite-alert-count-border);border-inline-start:1px solid var(--calcite-alert-count-border);-webkit-border-end:1px solid var(--calcite-alert-count-border);border-inline-end:1px solid var(--calcite-alert-count-border)}.alert-count.active:last-child{-webkit-border-end:0 solid transparent;border-inline-end:0 solid transparent}\@media only screen and (max-width:860px){.alert-count{border-radius:0}}.alert-dismiss{left:0;top:0;width:100%;z-index:103}.alert-dismiss,.alert-dismiss:after{display:block;position:absolute;right:0;height:3px}.alert-dismiss:after{top:-3px;border-radius:2px 2px 0 0;content:\"\";background-color:var(--calcite-alert-dismiss-background);z-index:104}:host([color=blue]){border-block-start-color:var(--calcite-alert-border-blue)}:host([color=blue]) .alert-icon svg{fill:var(--calcite-alert-border-blue)}:host([color=red]){border-block-start-color:var(--calcite-alert-border-red)}:host([color=red]) .alert-icon svg{fill:var(--calcite-alert-border-red)}:host([color=yellow]){border-block-start-color:var(--calcite-alert-border-yellow)}:host([color=yellow]) .alert-icon svg{fill:var(--calcite-alert-border-yellow)}:host([color=green]){border-block-start-color:var(--calcite-alert-border-green)}:host([color=green]) .alert-icon svg{fill:var(--calcite-alert-border-green)}:host([duration=fast]) .alert-dismiss:after{-webkit-animation:dismissProgress 6s ease-out;animation:dismissProgress 6s ease-out}:host([duration=medium]) .alert-dismiss:after{-webkit-animation:dismissProgress 10s ease-out;animation:dismissProgress 10s ease-out}:host([duration=slow]) .alert-dismiss:after{-webkit-animation:dismissProgress 14s ease-out;animation:dismissProgress 14s ease-out}\@-webkit-keyframes dismissProgress{0%{width:0;opacity:0}to{width:100%;opacity:1}}\@keyframes dismissProgress{0%{width:0;opacity:0}to{width:100%;opacity:1}}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteAlert;
+}());
+AlertInterface.injectProps(CalciteAlert, ["currentAlert", "queueLength"]);
+var CalciteAlerts = /** @class */ (function () {
+    function CalciteAlerts(hostRef) {
+        registerInstance(this, hostRef);
+        this.currentAlert = "";
+        this.active = false;
+        this.alertQueue = [];
+        this.calciteAlertsClose = createEvent(this, "calciteAlertsClose", 7);
+        this.calciteAlertsOpen = createEvent(this, "calciteAlertsOpen", 7);
+    }
+    /** Adds the requested alert to the alert queue, if not present */
+    CalciteAlerts.prototype.updateQueueOnOpen = function (event) {
+        if (!this.alertQueue.includes(event.detail.requestedAlert)) {
+            this.active = true;
+            this.currentAlert = event.detail.requestedAlert;
+            this.alertQueue.push(event.detail.requestedAlert);
+            this.calciteAlertsOpen.emit({
+                currentAlert: this.currentAlert,
+                alertQueue: this.alertQueue
+            });
+        }
+    };
+    /** Closes the requested alert and removes from the queue, or removes from queue if not active */
+    CalciteAlerts.prototype.updateQueueOnClose = function (event) {
+        var _this = this;
+        if (this.alertQueue.includes(event.detail.requestedAlert))
+            this.alertQueue = this.alertQueue.filter(function (e) { return e !== event.detail.requestedAlert; });
+        if (this.alertQueue.length < 1)
+            setTimeout(function () {
+                _this.active = false;
+            }, 400);
+        this.calciteAlertsClose.emit({
+            currentAlert: this.currentAlert,
+            alertQueue: this.alertQueue
+        });
+    };
+    CalciteAlerts.prototype.componentWillUpdate = function () {
+        this.currentAlert = this.alertQueue.length > 0 ? this.alertQueue[0] : "";
+    };
+    CalciteAlerts.prototype.render = function () {
+        var alertState = {
+            currentAlert: this.currentAlert,
+            queueLength: this.alertQueue.length >= 2 ? this.alertQueue.length - 1 : 0
+        };
+        return (h(Host, { active: !!this.active }, h(AlertInterface.Provider, { state: alertState }, h("slot", null))));
+    };
+    Object.defineProperty(CalciteAlerts.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteAlerts, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{display:none;position:fixed;left:0;right:0;bottom:0;pointer-events:none;z-index:101}:host:host([active]){display:block}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteAlerts;
+}());
+export { CalciteAlert as calcite_alert, CalciteAlerts as calcite_alerts };
diff --git a/dist/esm-es5/calcite-button.entry.js b/dist/esm-es5/calcite-button.entry.js
new file mode 100644
index 00000000000..4a372291bee
--- /dev/null
+++ b/dist/esm-es5/calcite-button.entry.js
@@ -0,0 +1,90 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { g as getElementDir } from './chunk-6bb56f1f.js';
+/** @slot default text slot for button text */
+/** Any attributes placed on <calcite-button> component will propagate to the rendered child */
+/** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
+/** Using appearance=inline will also render as an anchor link. */
+/** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */
+var CalciteButton = /** @class */ (function () {
+    function CalciteButton(hostRef) {
+        registerInstance(this, hostRef);
+        /** specify the color of the button, defaults to blue */
+        this.color = "blue";
+        /** specify the appearance style of the button, defaults to solid. Specifying "inline" will render the component as an anchor */
+        this.appearance = "solid";
+        /** specify the scale of the button, defaults to m */
+        this.scale = "m";
+        /** specify the width of the button, defaults to auto */
+        this.width = "auto";
+        /** optionally add a calcite-loader component inline to indicate loading is occuring. You can add and remove this prop depending on status  */
+        this.loading = false;
+        /** optionally pass icon path data to be positioned within the button - pass only raw path data from calcite ui helper  */
+        this.icon = null;
+        /**
+         * @internal
+         */
+        // hastext prop for spacing graphic when text is present in slot
+        this.hastext = false;
+    }
+    CalciteButton.prototype.connectedCallback = function () {
+        // prop validations
+        var appearance = ["solid", "outline", "clear", "inline"];
+        if (!appearance.includes(this.appearance))
+            this.appearance = "solid";
+        var color = ["blue", "red", "dark", "light"];
+        if (!color.includes(this.color))
+            this.color = "blue";
+        var scale = ["xs", "s", "m", "l", "xl"];
+        if (!scale.includes(this.scale))
+            this.scale = "m";
+        var width = ["auto", "half", "full"];
+        if (!width.includes(this.width))
+            this.width = "auto";
+    };
+    CalciteButton.prototype.componentDidLoad = function () {
+        var textSlot = this.el.shadowRoot.querySelector("slot");
+        var textNode = textSlot ? textSlot.assignedNodes() : null;
+        if (textNode && (textNode[0] !== undefined && textNode[0] !== null))
+            this.hastext = true;
+    };
+    CalciteButton.prototype.getAttributes = function () {
+        // spreadable attributes to pass to component child, if they aren't props
+        var props = [
+            "appearance",
+            "color",
+            "loading",
+            "scale",
+            "width",
+            "icon",
+            "dir"
+        ];
+        return Array.from(this.el.attributes)
+            .filter(function (a) { return !props.includes(a.name); })
+            .reduce(function (acc, _a) {
+            var _b;
+            var name = _a.name, value = _a.value;
+            return (Object.assign({}, acc, (_b = {}, _b[name] = value, _b)));
+        }, {});
+    };
+    CalciteButton.prototype.render = function () {
+        var dir = getElementDir(this.el);
+        var attributes = this.getAttributes();
+        var Type = this.href || this.appearance === "inline" ? "a" : "button";
+        var role = Type === "a" ? "link" : "button";
+        var loader = h("calcite-loader", { "is-active": true, inline: true });
+        var graphic = this.loading ? (h("div", { class: "calcite-button--graphic" }, loader)) : this.icon ? (h("div", { class: "calcite-button--graphic" }, h("svg", { class: "calcite-button--icon", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24" }, h("path", { d: this.icon })))) : null;
+        return (h(Host, { dir: dir, hastext: this.hastext }, h(Type, Object.assign({}, attributes, { role: role }), graphic, h("slot", null))));
+    };
+    Object.defineProperty(CalciteButton.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteButton, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host a,:host button{position:relative;display:inline-block;padding:.375rem 1rem;text-decoration:none;width:auto;border-radius:0;border:none;line-height:inherit;font-family:inherit;-webkit-appearance:none;cursor:pointer;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}:host a:hover,:host button:hover{text-decoration:none}:host([width=half]) a,:host([width=half]) button{width:50%}:host([width=full]) a,:host([width=full]) button{width:100%}:host([hastext]) .calcite-button--graphic{margin-right:.5rem}:host([hastext][dir=rtl]) .calcite-button--graphic{margin-right:0;margin-left:.5rem}.calcite-button--icon{height:16px;width:16px;margin:0 auto;line-height:inherit;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.calcite-button--graphic{display:-ms-inline-flexbox;display:inline-flex;top:2px;width:16px;height:16px;position:relative}:host([appearance=solid][color=blue]) a,:host([appearance=solid][color=blue]) button{color:#fff;background-color:#007ac2;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=blue]) a:focus,:host([appearance=solid][color=blue]) a:hover,:host([appearance=solid][color=blue]) button:focus,:host([appearance=solid][color=blue]) button:hover{background-color:#2890ce;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=solid][color=blue]) a:active,:host([appearance=solid][color=blue]) button:active{background-color:#007ac2;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=solid][color=blue]) a .calcite-button--icon,:host([appearance=solid][color=blue]) button .calcite-button--icon{fill:#fff}:host([appearance=solid][color=red]) a,:host([appearance=solid][color=red]) button{color:#fff;background-color:#d83020;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=red]) a:focus,:host([appearance=solid][color=red]) a:hover,:host([appearance=solid][color=red]) button:focus,:host([appearance=solid][color=red]) button:hover{background-color:#e65240;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=solid][color=red]) a:active,:host([appearance=solid][color=red]) button:active{background-color:#d83020;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=solid][color=red]) a .calcite-button--icon,:host([appearance=solid][color=red]) button .calcite-button--icon{fill:#fff}:host([appearance=solid][color=light]) a,:host([appearance=solid][color=light]) button{color:#000;background-color:#f3f3f3;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=light]) a:focus,:host([appearance=solid][color=light]) a:hover,:host([appearance=solid][color=light]) button:focus,:host([appearance=solid][color=light]) button:hover{background-color:#fff;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=solid][color=light]) a:active,:host([appearance=solid][color=light]) button:active{background-color:#f3f3f3;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=solid][color=light]) a .calcite-button--icon,:host([appearance=solid][color=light]) button .calcite-button--icon{fill:#000}:host([appearance=solid][color=dark]) a,:host([appearance=solid][color=dark]) button{color:#fff;background-color:#2b2b2b;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=dark]) a:focus,:host([appearance=solid][color=dark]) a:hover,:host([appearance=solid][color=dark]) button:focus,:host([appearance=solid][color=dark]) button:hover{background-color:#404040;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=solid][color=dark]) a:active,:host([appearance=solid][color=dark]) button:active{background-color:#2b2b2b;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=solid][color=dark]) a .calcite-button--icon,:host([appearance=solid][color=dark]) button .calcite-button--icon{fill:#fff}:host([appearance=outline][color=blue]) a,:host([appearance=outline][color=blue]) button{color:#007ac2;background-color:#fff;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=blue]) a:hover,:host([appearance=outline][color=blue]) button:hover{border-color:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=outline][color=blue]) a:active,:host([appearance=outline][color=blue]) a:focus,:host([appearance=outline][color=blue]) button:active,:host([appearance=outline][color=blue]) button:focus{color:#00619b;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=outline][color=blue]) a .calcite-button--icon,:host([appearance=outline][color=blue]) button .calcite-button--icon{fill:#007ac2}:host([appearance=outline][color=red]) a,:host([appearance=outline][color=red]) button{color:#d83020;background-color:#fff;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=red]) a:hover,:host([appearance=outline][color=red]) button:hover{border-color:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=outline][color=red]) a:active,:host([appearance=outline][color=red]) a:focus,:host([appearance=outline][color=red]) button:active,:host([appearance=outline][color=red]) button:focus{color:#a82b1e;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=outline][color=red]) a .calcite-button--icon,:host([appearance=outline][color=red]) button .calcite-button--icon{fill:#d83020}:host([appearance=outline][color=light]) a,:host([appearance=outline][color=light]) button{color:#151515;background-color:#fff;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=light]) a:hover,:host([appearance=outline][color=light]) button:hover{border-color:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=outline][color=light]) a:active,:host([appearance=outline][color=light]) a:focus,:host([appearance=outline][color=light]) button:active,:host([appearance=outline][color=light]) button:focus{color:#000;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=outline][color=light]) a .calcite-button--icon,:host([appearance=outline][color=light]) button .calcite-button--icon{fill:#151515}:host([appearance=outline][color=dark]) a,:host([appearance=outline][color=dark]) button{color:#151515;background-color:#fff;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=dark]) a:hover,:host([appearance=outline][color=dark]) button:hover{border-color:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=outline][color=dark]) a:active,:host([appearance=outline][color=dark]) a:focus,:host([appearance=outline][color=dark]) button:active,:host([appearance=outline][color=dark]) button:focus{color:#000;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=outline][color=dark]) a .calcite-button--icon,:host([appearance=outline][color=dark]) button .calcite-button--icon{fill:#151515}:host([appearance=clear][color=blue]) a,:host([appearance=clear][color=blue]) button{color:#007ac2;background-color:transparent;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=blue]) a:hover,:host([appearance=clear][color=blue]) button:hover{border-color:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=clear][color=blue]) a:active,:host([appearance=clear][color=blue]) a:focus,:host([appearance=clear][color=blue]) button:active,:host([appearance=clear][color=blue]) button:focus{color:#00619b;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=clear][color=blue]) a .calcite-button--icon,:host([appearance=clear][color=blue]) button .calcite-button--icon{fill:#007ac2}:host([appearance=clear][color=red]) a,:host([appearance=clear][color=red]) button{color:#d83020;background-color:transparent;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=red]) a:hover,:host([appearance=clear][color=red]) button:hover{border-color:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=clear][color=red]) a:active,:host([appearance=clear][color=red]) a:focus,:host([appearance=clear][color=red]) button:active,:host([appearance=clear][color=red]) button:focus{color:#a82b1e;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=clear][color=red]) a .calcite-button--icon,:host([appearance=clear][color=red]) button .calcite-button--icon{fill:#d83020}:host([appearance=clear][color=light]) a,:host([appearance=clear][color=light]) button{color:#f8f8f8;background-color:transparent;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=light]) a:hover,:host([appearance=clear][color=light]) button:hover{border-color:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=clear][color=light]) a:active,:host([appearance=clear][color=light]) a:focus,:host([appearance=clear][color=light]) button:active,:host([appearance=clear][color=light]) button:focus{color:#fff;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=clear][color=light]) a .calcite-button--icon,:host([appearance=clear][color=light]) button .calcite-button--icon{fill:#f8f8f8}:host([appearance=clear][color=dark]) a,:host([appearance=clear][color=dark]) button{color:#151515;background-color:transparent;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=dark]) a:hover,:host([appearance=clear][color=dark]) button:hover{border-color:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=clear][color=dark]) a:active,:host([appearance=clear][color=dark]) a:focus,:host([appearance=clear][color=dark]) button:active,:host([appearance=clear][color=dark]) button:focus{color:#000;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=clear][color=dark]) a .calcite-button--icon,:host([appearance=clear][color=dark]) button .calcite-button--icon{fill:#151515}:host([appearance=inline][color=blue]) a,:host([appearance=inline][color=blue]) button{display:inline;padding:0;outline:none;border:none;color:#007ac2;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(0,122,194,.4)),to(rgba(0,122,194,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(0,122,194,.4),rgba(0,122,194,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=blue]) a:focus,:host([appearance=inline][color=blue]) a:hover,:host([appearance=inline][color=blue]) button:focus,:host([appearance=inline][color=blue]) button:hover{color:#2890ce;background-size:100% 2px,100% 1px}:host([appearance=inline][color=blue]) a:active,:host([appearance=inline][color=blue]) button:active{color:#007ac2;background-size:100% 2px,100% 1px}:host([appearance=inline][color=blue]) a .calcite-button--icon,:host([appearance=inline][color=blue]) button .calcite-button--icon{fill:#007ac2;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=red]) a,:host([appearance=inline][color=red]) button{display:inline;padding:0;outline:none;border:none;color:#d83020;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(216,48,32,.4)),to(rgba(216,48,32,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(216,48,32,.4),rgba(216,48,32,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=red]) a:focus,:host([appearance=inline][color=red]) a:hover,:host([appearance=inline][color=red]) button:focus,:host([appearance=inline][color=red]) button:hover{color:#e65240;background-size:100% 2px,100% 1px}:host([appearance=inline][color=red]) a:active,:host([appearance=inline][color=red]) button:active{color:#d83020;background-size:100% 2px,100% 1px}:host([appearance=inline][color=red]) a .calcite-button--icon,:host([appearance=inline][color=red]) button .calcite-button--icon{fill:#d83020;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=light]) a,:host([appearance=inline][color=light]) button{display:inline;padding:0;outline:none;border:none;color:#f3f3f3;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,95.3%,.4)),to(hsla(0,0%,95.3%,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(hsla(0,0%,95.3%,.4),hsla(0,0%,95.3%,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=light]) a:focus,:host([appearance=inline][color=light]) a:hover,:host([appearance=inline][color=light]) button:focus,:host([appearance=inline][color=light]) button:hover{color:#fff;background-size:100% 2px,100% 1px}:host([appearance=inline][color=light]) a:active,:host([appearance=inline][color=light]) button:active{color:#f3f3f3;background-size:100% 2px,100% 1px}:host([appearance=inline][color=light]) a .calcite-button--icon,:host([appearance=inline][color=light]) button .calcite-button--icon{fill:#f3f3f3;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=dark]) a,:host([appearance=inline][color=dark]) button{display:inline;padding:0;outline:none;border:none;color:#2b2b2b;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(43,43,43,.4)),to(rgba(43,43,43,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(43,43,43,.4),rgba(43,43,43,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=dark]) a:focus,:host([appearance=inline][color=dark]) a:hover,:host([appearance=inline][color=dark]) button:focus,:host([appearance=inline][color=dark]) button:hover{color:#404040;background-size:100% 2px,100% 1px}:host([appearance=inline][color=dark]) a:active,:host([appearance=inline][color=dark]) button:active{color:#2b2b2b;background-size:100% 2px,100% 1px}:host([appearance=inline][color=dark]) a .calcite-button--icon,:host([appearance=inline][color=dark]) button .calcite-button--icon{fill:#2b2b2b;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][dir=rtl]) a,:host([appearance=inline][dir=rtl]) button{background-position:100% 100%,100% 100%}:host([scale=xs]:not([appearance=inline])) a,:host([scale=xs]:not([appearance=inline])) button{padding:calc(1.5rem/ 6) calc(1.5rem* .3);font-size:.8125rem;line-height:1.5}:host([scale=s]:not([appearance=inline])) a,:host([scale=s]:not([appearance=inline])) button{padding:calc(1.5rem/ 4) calc(1.5rem* .5);font-size:.875rem;line-height:1.5}:host([scale=m]:not([appearance=inline])) a,:host([scale=m]:not([appearance=inline])) button{padding:calc(1.5rem/ 3) calc(1.5rem* .75);font-size:.9375rem;line-height:1.5}:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{padding:calc(1.5rem / 2) calc(1.5rem* 1);font-size:1.2019rem;line-height:1.5}\@media screen and (max-width:859px){:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{font-size:1.1305rem}}\@media screen and (max-width:479px){:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{font-size:1.0625rem}}:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{padding:calc(1.5rem / 1.5) calc(1.5rem* 1.25);font-size:1.414rem;line-height:1.5}\@media screen and (max-width:859px){:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{font-size:1.33rem}}\@media screen and (max-width:479px){:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{font-size:1.25rem}}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteButton;
+}());
+export { CalciteButton as calcite_button };
diff --git a/dist/esm-es5/calcite-checkbox.entry.js b/dist/esm-es5/calcite-checkbox.entry.js
new file mode 100644
index 00000000000..689dc2f0264
--- /dev/null
+++ b/dist/esm-es5/calcite-checkbox.entry.js
@@ -0,0 +1,120 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { S as SPACE, E as ENTER } from './chunk-9dd9009f.js';
+var CalciteCheckbox = /** @class */ (function () {
+    function CalciteCheckbox(hostRef) {
+        var _this = this;
+        registerInstance(this, hostRef);
+        /** True if the checkbox is initially checked */
+        this.checked = false;
+        /**
+         * True if the checkbox is initially indeterminate,
+         * which is independent from its checked state
+         * https://css-tricks.com/indeterminate-checkboxes/
+         * */
+        this.indeterminate = false;
+        /** The name of the checkbox input */
+        this.name = "";
+        /** The value of the checkbox input */
+        this.value = "";
+        /** Size of the checkbox  */
+        this.size = null;
+        /** True if the checkbox is disabled */
+        this.disabled = false;
+        /** Determines what theme to use */
+        this.theme = "light";
+        this.toggle = function () {
+            if (!_this.disabled) {
+                _this.checked = !_this.checked;
+                _this.indeterminate = false;
+            }
+        };
+        this.indeterminatePath = "M4 7h8v2H4z";
+        this.checkedPath = "M12.753 3l-7.319 7.497L3.252 8.31 2 9.373l3.434 3.434L14 4.24z";
+        this.getPath = function () { return _this.indeterminate
+            ? _this.indeterminatePath
+            : _this.checked
+                ? _this.checkedPath
+                : ""; };
+        this.syncThisToProxyInput = function () {
+            _this.checked = _this.inputProxy.hasAttribute("checked");
+            _this.name = _this.inputProxy.name;
+            _this.value = _this.inputProxy.value;
+        };
+        this.syncProxyInputToThis = function () {
+            _this.checked
+                ? _this.inputProxy.setAttribute("checked", "")
+                : _this.inputProxy.removeAttribute("checked");
+            _this.inputProxy.name = _this.name;
+            _this.inputProxy.value = _this.value;
+        };
+        this.calciteCheckboxChange = createEvent(this, "calciteCheckboxChange", 7);
+    }
+    CalciteCheckbox.prototype.onClick = function (_a) {
+        var target = _a.target;
+        // prevent duplicate click events that occur
+        // when the component is wrapped in a label and checkbox is clicked
+        if ((this.el.closest("label") && target === this.inputProxy) ||
+            (!this.el.closest("label") && target === this.el)) {
+            this.toggle();
+        }
+    };
+    CalciteCheckbox.prototype.keyDownHandler = function (_a) {
+        var keyCode = _a.keyCode;
+        if (keyCode === SPACE || keyCode === ENTER) {
+            this.toggle();
+        }
+    };
+    CalciteCheckbox.prototype.checkedWatcher = function () {
+        this.calciteCheckboxChange.emit();
+        this.checked
+            ? this.inputProxy.setAttribute("checked", "")
+            : this.inputProxy.removeAttribute("checked");
+    };
+    CalciteCheckbox.prototype.connectedCallback = function () {
+        this.setupProxyInput();
+    };
+    CalciteCheckbox.prototype.disconnectedCallback = function () {
+        this.observer.disconnect();
+    };
+    CalciteCheckbox.prototype.componentWillRender = function () {
+        this.syncProxyInputToThis();
+    };
+    CalciteCheckbox.prototype.render = function () {
+        return (h(Host, { role: "checkbox", "aria-checked": this.checked, tabindex: this.disabled ? "-1" : "0" }, h("svg", { class: "check-svg", viewBox: "0 0 16 16" }, h("path", { d: this.getPath(), fill: "white" })), h("slot", null)));
+    };
+    CalciteCheckbox.prototype.setupProxyInput = function () {
+        // check for a proxy input
+        this.inputProxy = this.el.querySelector("input");
+        // if the user didn't pass a proxy input create one for them
+        if (!this.inputProxy) {
+            this.inputProxy = document.createElement("input");
+            this.inputProxy.type = "checkbox";
+            this.syncProxyInputToThis();
+            this.el.appendChild(this.inputProxy);
+        }
+        this.syncThisToProxyInput();
+        this.observer = new MutationObserver(this.syncThisToProxyInput);
+        this.observer.observe(this.inputProxy, { attributes: true });
+    };
+    Object.defineProperty(CalciteCheckbox.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteCheckbox, "watchers", {
+        get: function () {
+            return {
+                "checked": ["checkedWatcher"]
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteCheckbox, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}::slotted(input){display:none}:host{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;tap-highlight-color:transparent}.check-svg,:host{display:inline-block;cursor:pointer}.check-svg{width:20px;height:20px;overflow:hidden;background-color:#fff;border:1px solid #757575;border-radius:2px;vertical-align:-.25em;margin-right:.25em;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-box-sizing:border-box;box-sizing:border-box}:host([theme=dark]) .check-svg{background-color:transparent;border-color:#eaeaea}:host([theme=dark][disabled]) .check-svg{border-color:#757575;background-color:#2b2b2b}:host([theme=dark][checked]) .check-svg,:host([theme=dark][indeterminate]) .check-svg{background-color:#3db8ff}:host([size=large]) .check-svg{width:24px;height:24px;border-radius:4px}:host([size=small]) .check-svg{width:16px;height:16px}:host([disabled]){pointer-events:none;cursor:default}:host([disabled]) .check-svg{background-color:#f3f3f3;border-color:#eaeaea}:host([disabled][checked]) .check-svg,:host([disabled][indeterminate]) .check-svg{background-color:#84c1e8;border-color:#84c1e8}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:#007ac2;border:1px solid #007ac2}:host(:focus),:host(:hover){outline:none}:host(:focus) .check-svg,:host(:hover) .check-svg{border-color:#0079c1!important;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5),0 0 5px rgba(81,167,232,.5);box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5),0 0 5px rgba(81,167,232,.5)}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteCheckbox;
+}());
+export { CalciteCheckbox as calcite_checkbox };
diff --git a/dist/esm-es5/calcite-example.entry.js b/dist/esm-es5/calcite-example.entry.js
new file mode 100644
index 00000000000..dbed2b3f831
--- /dev/null
+++ b/dist/esm-es5/calcite-example.entry.js
@@ -0,0 +1,109 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './chunk-5f99f9d5.js';
+var CalciteExample = /** @class */ (function () {
+    function CalciteExample(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Be sure to add a jsdoc comment describing your propery for the generated readme file.
+         * If your property should be hidden from documentation, you can use the `@internal` tag
+         */
+        this.property = "default";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        this.state = "default";
+        this.open = createEvent(this, "open", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    CalciteExample.prototype.componentWillUpdate = function () { };
+    CalciteExample.prototype.render = function () {
+        console.log(this.state);
+        return h(Host, null);
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    CalciteExample.prototype.onClick = function (e) {
+        console.log(e);
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Add a jsdoc comment describing your method and it's parameters (use `@param`).
+     */
+    CalciteExample.prototype.doThing = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, Promise.resolve(this.privateMethod())];
+            });
+        });
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    CalciteExample.prototype.privateMethod = function () { };
+    Object.defineProperty(CalciteExample.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteExample, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteExample;
+}());
+export { CalciteExample as calcite_example };
diff --git a/dist/esm-es5/calcite-loader.entry.js b/dist/esm-es5/calcite-loader.entry.js
new file mode 100644
index 00000000000..b49a12e47ba
--- /dev/null
+++ b/dist/esm-es5/calcite-loader.entry.js
@@ -0,0 +1,135 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { g as guid } from './chunk-3edb1b93.js';
+import { g as getElementDir } from './chunk-6bb56f1f.js';
+var CalciteLoader = /** @class */ (function () {
+    function CalciteLoader(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Show the loader
+         */
+        this.isActive = false;
+        /**
+         * Inline loaders are smaller and will appear to the left of the text
+         */
+        this.inline = false;
+        /**
+         * Use indeterminate if finding actual progress value is impossible
+         */
+        this.type = "indeterminate";
+        /**
+         * Percent complete of 100, only valid for determinate indicators
+         */
+        this.value = 0;
+        /**
+         * Text which should appear under the loading indicator (optional)
+         */
+        this.text = "";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.loaderBarOffsets = [0, 0, 0];
+        /**
+         * @internal
+         */
+        this.loaderBarRates = [1, 2.25, 3.5];
+        /**
+         * @internal
+         */
+        this.isEdge = false;
+        /**
+         * @internal
+         */
+        this.animationID = null;
+        /**
+         * @internal
+         */
+        this.guid = "calcite-loader-" + guid();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    CalciteLoader.prototype.componentDidLoad = function () {
+        this.isEdge = /Edge/.test(navigator.userAgent);
+        if (this.isEdge) {
+            this.updateOffset();
+        }
+    };
+    CalciteLoader.prototype.componentDidUnload = function () {
+        if (this.animationID) {
+            window.cancelAnimationFrame(this.animationID);
+        }
+    };
+    CalciteLoader.prototype.render = function () {
+        var dir = getElementDir(this.el);
+        var id = this.el.id || this.guid;
+        var ariaAttributes = {
+            "aria-valuenow": this.value,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100
+        };
+        var size = this.inline ? 16 : 56;
+        var viewbox = this.inline ? "0 0 16 16" : "0 0 56 56";
+        var isDeterminate = this.type === "determinate";
+        var styleProperties = {};
+        if (this.isEdge) {
+            styleProperties["--calcite-loader-offset"] = this.loaderBarOffsets[0] + "%";
+            styleProperties["--calcite-loader-offset2"] = this.loaderBarOffsets[1] + "%";
+            styleProperties["--calcite-loader-offset3"] = this.loaderBarOffsets[2] + "%";
+        }
+        var progress = {
+            "--calcite-loader-progress": -400 - this.value * 4 + "%"
+        };
+        return (h(Host, Object.assign({ id: id, dir: dir, role: "progressbar" }, (this.type === "determinate" ? ariaAttributes : {}), { style: styleProperties }), h("svg", { viewBox: viewbox, class: "loader__square" }, h("rect", { width: size, height: size })), h("svg", { viewBox: viewbox, class: "loader__square loader__square--2" }, h("rect", { width: size, height: size })), h("svg", { viewBox: viewbox, class: "loader__square loader__square--3", style: isDeterminate ? progress : {} }, h("rect", { width: size, height: size })), this.text ? h("div", { class: "loader__text" }, this.text) : "", this.value ? (h("div", { class: "loader__percentage" }, Math.floor(this.value))) : ("")));
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    CalciteLoader.prototype.updateOffset = function () {
+        var _this = this;
+        this.loaderBarOffsets = this.rotateLoaderBars(this.loaderBarOffsets);
+        this.animationID = window.requestAnimationFrame(function () { return _this.updateOffset(); });
+    };
+    /**
+     * @internal
+     */
+    CalciteLoader.prototype.rotateLoaderBars = function (barOffsets) {
+        var _this = this;
+        return barOffsets.map(function (offset, i) {
+            if (offset > -400) {
+                return offset - _this.loaderBarRates[i];
+            }
+            else {
+                return 0;
+            }
+        });
+    };
+    Object.defineProperty(CalciteLoader.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteLoader, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-loader-spot:#007ac2;--calcite-loader-spot-light:#009af2;--calcite-loader-spot-dark:#00619b;--calcite-loader-neutral:#eaeaea}:host([theme=dark]){--calcite-loader-neutral:#151515}:host{position:relative;display:none;padding-bottom:4rem;padding-top:4rem;margin-left:auto;margin-right:auto;min-height:54px;stroke:var(--calcite-loader-light);stroke-width:6px;stroke-dashoffset:0;fill:none;animation:loader-color-shift 2s linear infinite alternate-reverse}:host([is-active]){display:block}.loader__text{margin-top:4rem;line-height:1.5}.loader__percentage,.loader__text{display:block;text-align:center;font-size:.875rem}.loader__percentage{left:50%;margin-top:27px;line-height:.25}.loader__percentage,.loader__square{width:54px;position:absolute;top:4rem;margin-left:-27px}.loader__square{height:54px;left:0;left:50%;stroke-dasharray:50% 350%;-webkit-animation:loader-clockwise 2s linear infinite;animation:loader-clockwise 2s linear infinite}.loader__square--2{stroke-dasharray:100% 225% 50% 25%;-webkit-animation:loader-clockwise 1s linear infinite;animation:loader-clockwise 1s linear infinite}.loader__square--3{stroke-dasharray:50% 50% 75% 225%;-webkit-animation:loader-clockwise 1.85s linear infinite;animation:loader-clockwise 1.85s linear infinite}\@supports (-ms-ime-align:auto){.loader__square{stroke-dashoffset:var(--calcite-loader-offset);-webkit-animation:none;animation:none}.loader__square--2{stroke-dashoffset:var(--calcite-loader-offset2)}.loader__square--3{stroke-dashoffset:var(--calcite-loader-offset3)}}:host([type=determinate]){stroke:var(--calcite-loader-neutral);-webkit-animation:none;animation:none}:host([type=determinate]) .loader__square--3{stroke:var(--calcite-loader-spot);stroke-dasharray:400%;stroke-dashoffset:var(--calcite-loader-progress);-webkit-transition:all 50ms linear;transition:all 50ms linear;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:none;animation:none}:host([inline]){stroke:currentColor;stroke-width:4px;-webkit-animation:none;animation:none;margin:0;padding-bottom:0;padding-top:0;position:relative;height:16px;min-height:16px;width:16px;margin-right:8px;vertical-align:-2px}:host([inline][dir=rtl]){margin-left:8px;margin-right:0}:host([is-active][inline]){display:inline-block}:host([inline]) .loader__square{margin:0;position:absolute;top:0;left:0;width:16px;height:16px}\@-webkit-keyframes loader-color-shift{0%{stroke:var(--calcite-loader-spot-light)}to{stroke:var(--calcite-loader-spot-dark)}}\@keyframes loader-color-shift{0%{stroke:var(--calcite-loader-spot-light)}to{stroke:var(--calcite-loader-spot-dark)}}\@-webkit-keyframes loader-clockwise{0%{stroke-dashoffset:0}to{stroke-dashoffset:-400%}}\@keyframes loader-clockwise{0%{stroke-dashoffset:0}to{stroke-dashoffset:-400%}}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteLoader;
+}());
+export { CalciteLoader as calcite_loader };
diff --git a/dist/esm-es5/calcite-modal.entry.js b/dist/esm-es5/calcite-modal.entry.js
new file mode 100644
index 00000000000..04b44432022
--- /dev/null
+++ b/dist/esm-es5/calcite-modal.entry.js
@@ -0,0 +1,463 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { h as hasSlottedContent, g as getElementDir, a as getElementTheme } from './chunk-6bb56f1f.js';
+import { x as x24 } from './chunk-9de72867.js';
+/**
+ * Traverses the slots of the open shadowroots and returns all children matching the query.
+ * @param {ShadowRoot | HTMLElement} root
+ * @param skipNode
+ * @param isMatch
+ * @param {number} maxDepth
+ * @param {number} depth
+ * @returns {HTMLElement[]}
+ */
+function queryShadowRoot(root, skipNode, isMatch, maxDepth, depth) {
+    if (maxDepth === void 0) { maxDepth = 20; }
+    if (depth === void 0) { depth = 0; }
+    var matches = [];
+    // If the depth is above the max depth, abort the searching here.
+    if (depth >= maxDepth) {
+        return matches;
+    }
+    // Traverses a slot element
+    var traverseSlot = function ($slot) {
+        // Only check nodes that are of the type Node.ELEMENT_NODE
+        // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+        var assignedNodes = $slot.assignedNodes().filter(function (node) { return node.nodeType === 1; });
+        if (assignedNodes.length > 0) {
+            return queryShadowRoot(assignedNodes[0].parentElement, skipNode, isMatch, maxDepth, depth + 1);
+        }
+        return [];
+    };
+    // Go through each child and continue the traversing if necessary
+    // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.
+    // Therefore we fallback to an empty array if it is undefined.
+    var children = Array.from(root.children || []);
+    for (var _i = 0, children_1 = children; _i < children_1.length; _i++) {
+        var $child = children_1[_i];
+        // Check if the node and its descendants should be skipped
+        if (skipNode($child)) {
+            continue;
+        }
+        // If the child matches we always add it
+        if (isMatch($child)) {
+            matches.push($child);
+        }
+        if ($child.shadowRoot != null) {
+            matches.push.apply(matches, queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));
+        }
+        else if ($child.tagName === "SLOT") {
+            matches.push.apply(matches, traverseSlot($child));
+        }
+        else {
+            matches.push.apply(matches, queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));
+        }
+    }
+    return matches;
+}
+/**
+ * Returns whether the element is hidden.
+ * @param $elem
+ */
+function isHidden($elem) {
+    return $elem.hasAttribute("hidden")
+        || ($elem.hasAttribute("aria-hidden") && $elem.getAttribute("aria-hidden") !== "false")
+        // A quick and dirty way to check whether the element is hidden.
+        // For a more fine-grained check we could use "window.getComputedStyle" but we don't because of bad performance.
+        // If the element has visibility set to "hidden" or "collapse", display set to "none" or opacity set to "0" through CSS
+        // we won't be able to catch it here. We accept it due to the huge performance benefits.
+        || $elem.style.display === "none"
+        || $elem.style.opacity === "0"
+        || $elem.style.visibility === "hidden"
+        || $elem.style.visibility === "collapse";
+}
+/**
+ * Returns whether the element is disabled.
+ * @param $elem
+ */
+function isDisabled($elem) {
+    return $elem.hasAttribute("disabled")
+        || ($elem.hasAttribute("aria-disabled") && $elem.getAttribute("aria-disabled") !== "false");
+}
+/**
+ * Determines whether an element is focusable.
+ * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194
+ * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable
+ * @param $elem
+ */
+function isFocusable($elem) {
+    // Discard elements that are removed from the tab order.
+    if ($elem.getAttribute("tabindex") === "-1" || isHidden($elem) || isDisabled($elem)) {
+        return false;
+    }
+    return (
+    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists
+    $elem.hasAttribute("tabindex")
+        // Anchor tags or area tags with a href set
+        || ($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute("href")
+        // Form elements which are not disabled
+        || ($elem instanceof HTMLButtonElement
+            || $elem instanceof HTMLInputElement
+            || $elem instanceof HTMLTextAreaElement
+            || $elem instanceof HTMLSelectElement)
+        // IFrames
+        || $elem instanceof HTMLIFrameElement);
+}
+var timeouts = new Map();
+/**
+ * Debounces a callback.
+ * @param cb
+ * @param ms
+ * @param id
+ */
+function debounce(cb, ms, id) {
+    // Clear current timeout for id
+    var timeout = timeouts.get(id);
+    if (timeout != null) {
+        window.clearTimeout(timeout);
+    }
+    // Set new timeout
+    timeouts.set(id, window.setTimeout(function () {
+        cb();
+        timeouts.delete(id);
+    }, ms));
+}
+/**
+ * Template for the focus trap.
+ */
+var template = document.createElement("template");
+template.innerHTML = "\n\t<div id=\"start\"></div>\n\t<slot></slot>\n\t<div id=\"backup\"></div>\n\t<div id=\"end\"></div>\n";
+/**
+ * Focus trap web component.
+ * @slot - Default content.
+ */
+var FocusTrap = /** @class */ (function (_super) {
+    __extends(FocusTrap, _super);
+    /**
+     * Attaches the shadow root.
+     */
+    function FocusTrap() {
+        var _this = _super.call(this) || this;
+        // The debounce id is used to distinguish this focus trap from others when debouncing
+        _this.debounceId = Math.random().toString();
+        _this._focused = false;
+        var shadow = _this.attachShadow({ mode: "open" });
+        shadow.appendChild(template.content.cloneNode(true));
+        _this.focusLastElement = _this.focusLastElement.bind(_this);
+        _this.focusFirstElement = _this.focusFirstElement.bind(_this);
+        _this.onFocusIn = _this.onFocusIn.bind(_this);
+        _this.onFocusOut = _this.onFocusOut.bind(_this);
+        return _this;
+    }
+    Object.defineProperty(FocusTrap, "observedAttributes", {
+        // Whenever one of these attributes changes we need to render the template again.
+        get: function () {
+            return [
+                "inactive"
+            ];
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FocusTrap.prototype, "inactive", {
+        /**
+         * Determines whether the focus trap is active or not.
+         * @attr
+         */
+        get: function () {
+            return this.hasAttribute("inactive");
+        },
+        set: function (value) {
+            value ? this.setAttribute("inactive", "") : this.removeAttribute("inactive");
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FocusTrap.prototype, "focused", {
+        /**
+         * Returns whether the element currently has focus.
+         */
+        get: function () {
+            return this._focused;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * Hooks up the element.
+     */
+    FocusTrap.prototype.connectedCallback = function () {
+        this.$backup = this.shadowRoot.querySelector("#backup");
+        this.$start = this.shadowRoot.querySelector("#start");
+        this.$end = this.shadowRoot.querySelector("#end");
+        this.$start.addEventListener("focus", this.focusLastElement);
+        this.$end.addEventListener("focus", this.focusFirstElement);
+        // Focus out is called every time the user tabs around inside the element
+        this.addEventListener("focusin", this.onFocusIn);
+        this.addEventListener("focusout", this.onFocusOut);
+        this.render();
+    };
+    /**
+     * Tears down the element.
+     */
+    FocusTrap.prototype.disconnectedCallback = function () {
+        this.$start.removeEventListener("focus", this.focusLastElement);
+        this.$end.removeEventListener("focus", this.focusFirstElement);
+        this.removeEventListener("focusin", this.onFocusIn);
+        this.removeEventListener("focusout", this.onFocusOut);
+    };
+    /**
+     * When the attributes changes we need to re-render the template.
+     */
+    FocusTrap.prototype.attributeChangedCallback = function () {
+        this.render();
+    };
+    /**
+     * Focuses the first focusable element in the focus trap.
+     */
+    FocusTrap.prototype.focusFirstElement = function () {
+        this.trapFocus();
+    };
+    /**
+     * Focuses the last focusable element in the focus trap.
+     */
+    FocusTrap.prototype.focusLastElement = function () {
+        this.trapFocus(true);
+    };
+    /**
+     * Returns a list of the focusable children found within the element.
+     */
+    FocusTrap.prototype.getFocusableElements = function () {
+        return queryShadowRoot(this, isHidden, isFocusable);
+    };
+    /**
+     * Focuses on either the last or first focusable element.
+     * @param {boolean} trapToEnd
+     */
+    FocusTrap.prototype.trapFocus = function (trapToEnd) {
+        if (this.inactive)
+            return;
+        var focusableChildren = this.getFocusableElements();
+        if (focusableChildren.length > 0) {
+            if (trapToEnd) {
+                focusableChildren[focusableChildren.length - 1].focus();
+            }
+            else {
+                focusableChildren[0].focus();
+            }
+            this.$backup.setAttribute("tabindex", "-1");
+        }
+        else {
+            // If there are no focusable children we need to focus on the backup
+            // to trap the focus. This is a useful behavior if the focus trap is
+            // for example used in a dialog and we don't want the user to tab
+            // outside the dialog even though there are no focusable children
+            // in the dialog.
+            this.$backup.setAttribute("tabindex", "0");
+            this.$backup.focus();
+        }
+    };
+    /**
+     * When the element gains focus this function is called.
+     */
+    FocusTrap.prototype.onFocusIn = function () {
+        this.updateFocused(true);
+    };
+    /**
+     * When the element looses its focus this function is called.
+     */
+    FocusTrap.prototype.onFocusOut = function () {
+        this.updateFocused(false);
+    };
+    /**
+     * Updates the focused property and updates the view.
+     * The update is debounced because the focusin and focusout out
+     * might fire multiple times in a row. We only want to render
+     * the element once, therefore waiting until the focus is "stable".
+     * @param value
+     */
+    FocusTrap.prototype.updateFocused = function (value) {
+        var _this = this;
+        debounce(function () {
+            if (_this.focused !== value) {
+                _this._focused = value;
+                _this.render();
+            }
+        }, 0, this.debounceId);
+    };
+    /**
+     * Updates the template.
+     */
+    FocusTrap.prototype.render = function () {
+        if (!this.isConnected)
+            return;
+        this.$start.setAttribute("tabindex", !this.focused || this.inactive ? "-1" : "0");
+        this.$end.setAttribute("tabindex", !this.focused || this.inactive ? "-1" : "0");
+        this.focused ? this.setAttribute("focused", "") : this.removeAttribute("focused");
+    };
+    return FocusTrap;
+}(HTMLElement));
+window.customElements.define("focus-trap", FocusTrap);
+var CalciteModal = /** @class */ (function () {
+    function CalciteModal(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /** Optionally pass a function to run before close */
+        this.beforeClose = function () { return Promise.resolve(); };
+        /** Aria label for the close button */
+        this.closeLabel = "Close";
+        /** Set the overall size of the modal */
+        this.size = "small";
+        /** Select theme (light or dark) */
+        this.theme = "light";
+        this.hideBackButton = true;
+        this.hideSecondaryButton = true;
+        this.calciteModalOpen = createEvent(this, "calciteModalOpen", 7);
+        this.calciteModalClose = createEvent(this, "calciteModalClose", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    CalciteModal.prototype.componentDidLoad = function () {
+        var _this = this;
+        var back = this.el.shadowRoot.querySelector("slot[name=back]");
+        var secondary = this.el.shadowRoot.querySelector("slot[name=secondary]");
+        back.addEventListener("slotchange", function () {
+            _this.hideBackButton = !hasSlottedContent(back);
+        });
+        secondary.addEventListener("slotchange", function () {
+            _this.hideSecondaryButton = !hasSlottedContent(secondary);
+        });
+    };
+    CalciteModal.prototype.render = function () {
+        var _this = this;
+        var dir = getElementDir(this.el);
+        var theme = getElementTheme(this.el);
+        return (h(Host, { role: "dialog", "aria-modal": "true", class: { "is-active": this.isActive }, dir: dir, theme: theme }, h("div", { class: "modal" }, h("focus-trap", { ref: function (el) { return (_this.trap = el); } }, h("div", { class: "modal__header" }, h("button", { class: "modal__close", "aria-label": this.closeLabel, onClick: function () { return _this.close(); } }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", viewBox: "0 0 24 24", fill: "currentColor" }, h("path", { d: x24 }))), h("header", { class: "modal__title" }, h("slot", { name: "header" }))), h("div", { class: "modal__content" }, h("slot", { name: "content" })), h("div", { class: {
+                modal__footer: true,
+                "modal__footer--hide-back": this.hideBackButton,
+                "modal__footer--hide-secondary": this.hideSecondaryButton
+            } }, h("slot", { name: "back" }), h("slot", { name: "secondary" }), h("slot", { name: "primary" }))))));
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    CalciteModal.prototype.handleEscape = function (e) {
+        if (e.key === "Escape") {
+            this.close();
+        }
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /** Open the modal */
+    CalciteModal.prototype.open = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                this.previousActiveElement = document.activeElement;
+                this.isActive = true;
+                // wait for the modal to open, then handle focus.
+                return [2 /*return*/, new Promise(function (resolve) {
+                        setTimeout(function () {
+                            if (_this.firstFocus) {
+                                _this.firstFocus.focus();
+                            }
+                            else {
+                                _this.trap.focusFirstElement();
+                            }
+                            resolve(_this.el);
+                        }, 300);
+                        document.documentElement.classList.add("overflow-hidden");
+                        _this.calciteModalOpen.emit();
+                    })];
+            });
+        });
+    };
+    /** Close the modal, first running the `beforeClose` method */
+    CalciteModal.prototype.close = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                return [2 /*return*/, this.beforeClose(this.el).then(function () {
+                        _this.isActive = false;
+                        _this.previousActiveElement.focus();
+                        document.documentElement.classList.remove("overflow-hidden");
+                        _this.calciteModalClose.emit();
+                        return new Promise(function (resolve) {
+                            setTimeout(function () { return resolve(_this.el); }, 300);
+                        });
+                    })];
+            });
+        });
+    };
+    Object.defineProperty(CalciteModal.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteModal, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-modal-background:#fff;--calcite-modal-hover:#f3f3f3;--calcite-modal-pressed:#eaeaea;--calcite-modal-header-text:#151515;--calcite-modal-body-text:#151515;--calcite-modal-scrim:rgba(0,0,0,0.75);--calcite-modal-border:#f3f3f3;--calcite-modal-red:#d83020;--calcite-modal-blue:#007ac2;position:fixed;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow-y:hidden;color:var(--calcite-modal-body-text);opacity:0;visibility:hidden!important;background:var(--calcite-modal-scrim);-webkit-transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);z-index:101}:host([theme=dark]){--calcite-modal-background:#353535;--calcite-modal-pressed:#202020;--calcite-modal-header-text:#fff;--calcite-modal-body-text:#f3f3f3;--calcite-modal-scrim:rgba(0,0,0,0.75);--calcite-modal-border:#2b2b2b;--calcite-modal-hover:#2b2b2b;--calcite-modal-red:#d90012;--calcite-modal-blue:#009af2}.modal{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:80vh;z-index:102;float:none;text-align:left;overflow-y:auto;-webkit-overflow-scrolling:touch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:row-wrap;flex-wrap:row-wrap;opacity:0;visibility:hidden;-webkit-transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);margin:1.5rem}:host(.is-active){visibility:visible!important;opacity:1;-webkit-transition-delay:0ms;transition-delay:0ms}:host(.is-active) .modal{visibility:visible;opacity:1;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88)}:host([dir=rtl]) .modal{text-align:right}:host([theme=dark]) .modal{border:1px solid #202020}focus-trap{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}.modal__header,focus-trap{display:-ms-flexbox;display:flex}.modal__header{background-color:var(--calcite-modal-background);-ms-flex:0;flex:0;max-width:100%;min-width:0;z-index:2;border-bottom:1px solid var(--calcite-modal-border)}.modal__close{padding:1.125rem;-ms-flex-order:2;order:2;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:transparent;-webkit-appearance:none;border:none;color:var(--calcite-modal-body-text);outline:none;cursor:pointer}.modal__close svg{pointer-events:none}.modal__close:focus,.modal__close:hover{background-color:var(--calcite-modal-hover)}.modal__close:active{background-color:var(--calcite-modal-pressed)}.modal__title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.75rem 1.5rem;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-order:1;order:1;min-width:0}slot[name=header]::slotted(*){margin:0;font-weight:400;font-size:1.414rem;line-height:1.5;color:var(--calcite-modal-header-text)}\@media screen and (max-width:859px){slot[name=header]::slotted(*){font-size:1.33rem}}\@media screen and (max-width:479px){slot[name=header]::slotted(*){font-size:1.25rem}}.modal__content{position:relative;padding:1.5rem;height:100%;-ms-flex:0;flex:0;overflow:auto;display:block;background-color:var(--calcite-modal-background);z-index:1}slot[name=content]::slotted(*){font-size:1rem;line-height:1.5}.modal__footer{background-color:var(--calcite-modal-background);-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:1.2rem 1.125rem;border-top:1px solid var(--calcite-modal-border);z-index:2}.modal__footer--hide-back slot[name=back],.modal__footer--hide-secondary slot[name=secondary]{display:none}slot[name=back]{display:block;margin-right:auto}:host([dir=rtl]) slot[name=back]{margin-left:auto;margin-right:unset}slot[name=secondary]{display:block;margin:0 .375rem}slot[name=primary]{display:block}:host([size=small]) .modal{max-width:32rem}\@media screen and (max-width:35rem){:host([size=small]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=small]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=small][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=medium]) .modal{max-width:64rem}\@media screen and (max-width:67rem){:host([size=medium]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=medium]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=medium][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=large]) .modal{max-width:94rem}\@media screen and (max-width:97rem){:host([size=large]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=large]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=large][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=fullscreen]){background-color:transparent}:host([size=fullscreen]) .modal{-webkit-transform:translate3D(0,20px,0) scale(.95);transform:translate3D(0,20px,0) scale(.95);height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=fullscreen]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-active[size=fullscreen]) .modal{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}:host([docked]) .modal{height:auto!important}:host([docked]) .modal__content{-ms-flex:0;flex:0;height:auto}:host([color=red]) .modal{border-top:4px solid var(--calcite-modal-red);border-radius:2px 2px 0 0}:host([color=blue]) .modal{border-top:4px solid var(--calcite-modal-blue);border-radius:2px 2px 0 0}\@media screen and (max-width:860px){slot[name=header]::slotted(*){font-size:1.2019rem;line-height:1.5}}\@media screen and (max-width:860px) and (max-width:859px){slot[name=header]::slotted(*){font-size:1.1305rem}}\@media screen and (max-width:860px) and (max-width:479px){slot[name=header]::slotted(*){font-size:1.0625rem}}\@media screen and (max-width:860px){.modal__title{padding:.375rem 1.0125rem}}\@media screen and (max-width:860px){.modal__close,.modal__content{padding:1.0125rem}}\@media screen and (max-width:860px){.modal__footer{position:-webkit-sticky;position:sticky;bottom:0}}\@media screen and (max-width:480px){.modal__footer{-ms-flex-direction:column;flex-direction:column}slot[name=back],slot[name=secondary]{margin:0 0 .375rem 0}}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteModal;
+}());
+export { CalciteModal as calcite_modal };
diff --git a/dist/esm-es5/calcite-progress.entry.js b/dist/esm-es5/calcite-progress.entry.js
new file mode 100644
index 00000000000..0e2a62ad611
--- /dev/null
+++ b/dist/esm-es5/calcite-progress.entry.js
@@ -0,0 +1,39 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+var CalciteProgress = /** @class */ (function () {
+    function CalciteProgress(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Use indeterminate if finding actual progress value is impossible
+         */
+        this.type = "determinate";
+        /**
+         * Percent complete of 100
+         */
+        this.value = 0;
+        /**
+         * Text label for the progress indicator
+         */
+        this.text = null;
+        /**
+         * Fill bar in the opposite direction
+         */
+        this.reversed = false;
+    }
+    CalciteProgress.prototype.render = function () {
+        return (h(Host, { class: "calcite-progress", type: this.type, reversed: this.reversed, style: {
+                "--percentage-value": this.value * 100 + "%"
+            } }, h("div", { class: "calcite-progress__text" }, this.text), h("slot", null)));
+    };
+    Object.defineProperty(CalciteProgress.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteProgress, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}.calcite-progress{position:relative;display:block}.calcite-progress:after,.calcite-progress:before{content:\"\";opacity:1;position:absolute;height:2px;top:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.calcite-progress:before{background-color:#007ac2;z-index:0;width:100%}.calcite-progress:after{background-color:hsla(0,0%,100%,.6);z-index:0}.calcite-progress[type=indeterminate]:after{width:20%;-webkit-animation:looping-progresss-bar-ani 1.5s linear infinite;animation:looping-progresss-bar-ani 1.5s linear infinite}.calcite-progress[type=determinate]:after{width:var(--percentage-value)}.calcite-progress__text{text-align:center}\@-webkit-keyframes looping-progresss-bar-ani{0%{left:0;width:0}20%{left:0;width:20%}80%{left:80%;width:20%}to{left:100%;width:0}}\@keyframes looping-progresss-bar-ani{0%{left:0;width:0}20%{left:0;width:20%}80%{left:80%;width:20%}to{left:100%;width:0}}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteProgress;
+}());
+export { CalciteProgress as calcite_progress };
diff --git a/dist/esm-es5/calcite-radio-group_2.entry.js b/dist/esm-es5/calcite-radio-group_2.entry.js
new file mode 100644
index 00000000000..c81af1a6c82
--- /dev/null
+++ b/dist/esm-es5/calcite-radio-group_2.entry.js
@@ -0,0 +1,276 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { g as getElementDir } from './chunk-6bb56f1f.js';
+var navigationKeys = {
+    up: "ArrowUp",
+    down: "ArrowDown",
+    left: "ArrowLeft",
+    right: "ArrowRight",
+    space: " "
+};
+var CalciteRadioGroup = /** @class */ (function () {
+    function CalciteRadioGroup(hostRef) {
+        var _this = this;
+        registerInstance(this, hostRef);
+        /**
+         * The component's theme.
+         */
+        this.theme = "light";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        this.hiddenInput = (function () {
+            var input = document.createElement("input");
+            input.type = "hidden";
+            _this.el.appendChild(input);
+            return input;
+        })();
+        this.calciteRadioGroupChange = createEvent(this, "calciteRadioGroupChange", 7);
+    }
+    CalciteRadioGroup.prototype.handleNameChange = function (value) {
+        this.hiddenInput.name = value;
+    };
+    CalciteRadioGroup.prototype.handleSelectedItemChange = function (newItem, oldItem) {
+        if (newItem === oldItem) {
+            return;
+        }
+        var match;
+        var items = this.getItems();
+        items.forEach(function (item) {
+            var matches = item === newItem;
+            if (matches) {
+                match = item;
+            }
+        });
+        if (match) {
+            this.selectItem(match);
+            this.calciteRadioGroupChange.emit();
+        }
+        else if (items[0]) {
+            items[0].tabIndex = 0;
+        }
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    CalciteRadioGroup.prototype.connectedCallback = function () {
+        var items = this.getItems();
+        var lastChecked;
+        items.forEach(function (item, index) {
+            item.tabIndex = -1;
+            var next = items[index + 1];
+            if (item.checked) {
+                lastChecked = item;
+            }
+            if (next && next.checked && item.checked) {
+                item.checked = false;
+            }
+        });
+        if (lastChecked) {
+            this.selectItem(lastChecked);
+        }
+        else if (items[0]) {
+            items[0].tabIndex = 0;
+        }
+        var hiddenInput = this.hiddenInput;
+        if (this.name) {
+            hiddenInput.name = this.name;
+        }
+        if (lastChecked) {
+            hiddenInput.value = lastChecked.value;
+        }
+    };
+    CalciteRadioGroup.prototype.render = function () {
+        return (h(Host, { role: "radiogroup" }, h("slot", null)));
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    CalciteRadioGroup.prototype.handleClick = function (event) {
+        if (event.target.localName === "calcite-radio-group-item") {
+            this.selectItem(event.target);
+        }
+    };
+    CalciteRadioGroup.prototype.handleSelected = function (event) {
+        event.stopPropagation();
+        event.preventDefault();
+        this.selectItem(event.target);
+    };
+    CalciteRadioGroup.prototype.handleKeyDown = function (event) {
+        var key = event.key;
+        if (Object.values(navigationKeys).indexOf(key) === -1) {
+            return;
+        }
+        event.preventDefault();
+        var _a = this, el = _a.el, selectedItem = _a.selectedItem;
+        var dir = getElementDir(el);
+        var moveBackwardKey = (dir === "rtl"
+            ? key === navigationKeys.right
+            : key === navigationKeys.left) || key === navigationKeys.up;
+        var items = this.getItems();
+        var selectedIndex = -1;
+        items.forEach(function (item, index) {
+            if (item === selectedItem) {
+                selectedIndex = index;
+            }
+        });
+        if (moveBackwardKey) {
+            var previous = selectedIndex === -1 || selectedIndex === 0
+                ? items.item(items.length - 1)
+                : items.item(selectedIndex - 1);
+            this.selectItem(previous);
+            return;
+        }
+        var moveForwardKey = (dir === "rtl"
+            ? key === navigationKeys.left
+            : key === navigationKeys.right) || key === navigationKeys.down;
+        if (moveForwardKey) {
+            var next = selectedIndex === -1
+                ? items.item(1)
+                : items.item(selectedIndex + 1) || items.item(0);
+            this.selectItem(next);
+            return;
+        }
+        if (key === navigationKeys.space) {
+            this.selectItem(event.target);
+            return;
+        }
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    CalciteRadioGroup.prototype.getItems = function () {
+        return this.el.querySelectorAll("calcite-radio-group-item");
+    };
+    CalciteRadioGroup.prototype.selectItem = function (selected) {
+        if (selected === this.selectedItem) {
+            return;
+        }
+        var items = this.getItems();
+        var match = null;
+        items.forEach(function (item) {
+            var matches = item.value === selected.value;
+            item.checked = matches;
+            item.tabIndex = matches ? 0 : -1;
+            if (matches) {
+                match = item;
+            }
+        });
+        this.selectedItem = match;
+        this.syncWithInputProxy(match);
+        match && match.focus();
+    };
+    CalciteRadioGroup.prototype.syncWithInputProxy = function (item) {
+        this.hiddenInput.value = item ? item.value : "";
+    };
+    Object.defineProperty(CalciteRadioGroup.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteRadioGroup, "watchers", {
+        get: function () {
+            return {
+                "name": ["handleNameChange"],
+                "selectedItem": ["handleSelectedItemChange"]
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteRadioGroup, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-radio-group-color:#fff;--calcite-radio-group-border-color:#757575;--calcite-radio-group-color-active:#007ac2;--calcite-radio-group-text-color:#000;--calcite-radio-group-text-color-active:#fff;--calcite-radio-group-color-hover:#f8f8f8;font-size:.9375rem;line-height:1.5}:host([theme=dark]){--calcite-radio-group-color:#2b2b2b;--calcite-radio-group-border-color:#202020;--calcite-radio-group-color-active:#009af2;--calcite-radio-group-text-color:#fff;--calcite-radio-group-text-color-active:#fff;--calcite-radio-group-color-hover:#353535}::slotted(calcite-radio-group-item:focus),::slotted(calcite-radio-group-item[checked]){z-index:0}slot{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteRadioGroup;
+}());
+var CalciteRadioGroupItem = /** @class */ (function () {
+    function CalciteRadioGroupItem(hostRef) {
+        var _this = this;
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Indicates whether the control is checked.
+         */
+        this.checked = false;
+        this.mutationObserver = new MutationObserver(function () { return _this.syncFromExternalInput(); });
+        this.calciteRadioGroupItemChange = createEvent(this, "calciteRadioGroupItemChange", 7);
+    }
+    CalciteRadioGroupItem.prototype.handleCheckedChange = function () {
+        this.calciteRadioGroupItemChange.emit();
+        this.syncToExternalInput();
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    CalciteRadioGroupItem.prototype.connectedCallback = function () {
+        var inputProxy = this.el.querySelector("input[slot=\"input\"]");
+        if (inputProxy) {
+            this.value = inputProxy.value;
+            this.checked = inputProxy.checked;
+            this.mutationObserver.observe(inputProxy, { attributes: true });
+        }
+        this.inputProxy = inputProxy;
+    };
+    CalciteRadioGroupItem.prototype.disconnectedCallback = function () {
+        this.mutationObserver.disconnect();
+    };
+    CalciteRadioGroupItem.prototype.render = function () {
+        var _a = this, checked = _a.checked, value = _a.value;
+        return (h(Host, { role: "radio", "aria-checked": checked ? "true" : "false" }, h("label", null, h("slot", null, value), h("slot", { name: "input" }))));
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    CalciteRadioGroupItem.prototype.syncFromExternalInput = function () {
+        if (this.inputProxy) {
+            this.value = this.inputProxy.value;
+            this.checked = this.inputProxy.checked;
+        }
+    };
+    ;
+    CalciteRadioGroupItem.prototype.syncToExternalInput = function () {
+        if (!this.inputProxy) {
+            return;
+        }
+        this.inputProxy.value = this.value;
+        this.inputProxy.toggleAttribute("checked", this.checked);
+    };
+    Object.defineProperty(CalciteRadioGroupItem.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteRadioGroupItem, "watchers", {
+        get: function () {
+            return {
+                "checked": ["handleCheckedChange"]
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteRadioGroupItem, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-radio-group-color);color:var(--calcite-radio-group-text-color);padding:.5rem 1rem;line-height:1.25;margin:.25rem -1px 0 0;border:1px solid var(--calcite-radio-group-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .1s ease-in-out,border-color .1s ease-in-out;transition:background .1s ease-in-out,border-color .1s ease-in-out;cursor:pointer}:host(:hover){background-color:var(--calcite-radio-group-color-hover)}:host([checked]){background-color:var(--calcite-radio-group-color-active);border-color:var(--calcite-radio-group-color-active);color:var(--calcite-radio-group-text-color-active);cursor:default}label{cursor:pointer}::slotted(input){display:none}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteRadioGroupItem;
+}());
+export { CalciteRadioGroup as calcite_radio_group, CalciteRadioGroupItem as calcite_radio_group_item };
diff --git a/dist/esm-es5/calcite-slider.entry.js b/dist/esm-es5/calcite-slider.entry.js
new file mode 100644
index 00000000000..6051f2fb0bd
--- /dev/null
+++ b/dist/esm-es5/calcite-slider.entry.js
@@ -0,0 +1,271 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { U as UP, R as RIGHT, D as DOWN, L as LEFT, P as PAGE_UP, a as PAGE_DOWN, H as HOME, b as END } from './chunk-9dd9009f.js';
+import { g as guid } from './chunk-3edb1b93.js';
+import { g as getElementDir } from './chunk-6bb56f1f.js';
+var CalciteSlider = /** @class */ (function () {
+    function CalciteSlider(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Disable and gray out the slider
+         */
+        this.disabled = false;
+        /**
+         * Minimum selectable value
+         */
+        this.min = 0;
+        /**
+         * Maximum selectable value
+         */
+        this.max = 100;
+        /**
+         * Currently selected number (if single select)
+         */
+        this.value = null;
+        /**
+         * Snap selection along the step interval
+         */
+        this.snap = true;
+        /**
+         * Interval to move on up/down keys
+         */
+        this.step = 1;
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.guid = "calcite-loader-" + guid();
+        /**
+         * @internal
+         */
+        this.isRange = false;
+        /**
+         * @internal
+         */
+        this.tickValues = [];
+        /**
+         * @internal
+         */
+        this.activeProp = "value";
+        this.calciteSliderUpdate = createEvent(this, "calciteSliderUpdate", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    CalciteSlider.prototype.componentWillLoad = function () {
+        this.isRange = !!(this.maxValue || this.maxValue === 0);
+        this.tickValues = this.generateTickValues();
+        this.value = this.bound(this.value);
+        if (this.snap) {
+            this.value = this.getClosestStep(this.value);
+        }
+        this.calciteSliderUpdate.emit();
+    };
+    CalciteSlider.prototype.render = function () {
+        var _this = this;
+        var id = this.el.id || this.guid;
+        var dir = getElementDir(this.el);
+        var min = this.minValue || this.min;
+        var max = this.maxValue || this.value;
+        var maxProp = this.isRange ? "maxValue" : "value";
+        return (h(Host, { dir: dir, id: id, "is-range": this.isRange, style: {
+                "--calcite-slider-range-max": 100 -
+                    this.getUnitInterval(max) * 100 + "%",
+                "--calcite-slider-range-min": this.getUnitInterval(min) * 100 + "%"
+            } }, h("div", { class: "slider__track" }, h("div", { class: "slider__track__range" }), h("div", { class: "slider__ticks" }, this.tickValues.map(function (number) { return (h("span", { class: {
+                slider__tick: true,
+                "slider__tick--active": number >= min && number <= max
+            }, style: {
+                "--calcite-slider-tick-offset": _this.getUnitInterval(number) * 100 + "%"
+            } }, _this.labelTicks ? (h("span", { class: {
+                slider__tick__label: true,
+                "slider__tick__label--min": number === _this.min,
+                "slider__tick__label--max": number === _this.max
+            } }, number)) : (""))); }))), this.isRange ? (h("button", { ref: function (el) { return (_this.minHandle = el); }, onFocus: function () { return (_this.activeProp = "minValue"); }, onBlur: function () { return (_this.activeProp = null); }, onMouseDown: function () { return _this.dragStart("minValue"); }, onTouchStart: function (e) { return _this.dragStart("minValue", e); }, role: "slider", "aria-orientation": "horizontal", "aria-label": this.minLabel, "aria-valuenow": this.minValue, "aria-valuemin": this.min, "aria-valuemax": this.max, disabled: this.disabled, class: {
+                slider__thumb: true,
+                "slider__thumb--min": true,
+                "slider__thumb--active": this.dragProp === "minValue",
+                "slider__thumb--precise": this.precise
+            } }, h("span", { class: "slider__handle" }), this.labelHandles ? (h("span", { class: "slider__handle__label", "aria-hidden": "true" }, this.minValue)) : (""))) : (""), h("button", { ref: function (el) { return (_this.maxHandle = el); }, onFocus: function () { return (_this.activeProp = maxProp); }, onBlur: function () { return (_this.activeProp = null); }, onMouseDown: function () { return _this.dragStart(maxProp); }, onTouchStart: function (e) { return _this.dragStart(maxProp, e); }, role: "slider", "aria-orientation": "horizontal", "aria-label": this.isRange ? this.maxLabel : this.minLabel, "aria-valuenow": this[maxProp], "aria-valuemin": this.min, "aria-valuemax": this.max, disabled: this.disabled, class: {
+                slider__thumb: true,
+                "slider__thumb--max": true,
+                "slider__thumb--active": this.dragProp === maxProp,
+                "slider__thumb--precise": this.precise
+            } }, h("span", { class: "slider__handle" }), this.labelHandles ? (h("span", { class: "slider__handle__label", "aria-hidden": "true" }, this[maxProp])) : (""))));
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    CalciteSlider.prototype.keyDownHandler = function (e) {
+        var value = this[this.activeProp];
+        switch (e.keyCode) {
+            case UP:
+            case RIGHT:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(value + this.step, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case DOWN:
+            case LEFT:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(value - this.step, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case PAGE_UP:
+                if (this.pageStep) {
+                    e.preventDefault();
+                    this[this.activeProp] = this.bound(value + this.pageStep, this.activeProp);
+                    this.calciteSliderUpdate.emit();
+                }
+                break;
+            case PAGE_DOWN:
+                if (this.pageStep) {
+                    e.preventDefault();
+                    this[this.activeProp] = this.bound(value - this.pageStep, this.activeProp);
+                    this.calciteSliderUpdate.emit();
+                }
+                break;
+            case HOME:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(this.min, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case END:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(this.max, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+        }
+    };
+    CalciteSlider.prototype.clickHandler = function (e) {
+        var x = e.clientX || e.pageX;
+        var num = this.translate(x);
+        var prop = "value";
+        if (this.isRange) {
+            var closerToMax = Math.abs(this.maxValue - num) < Math.abs(this.minValue - num);
+            prop = closerToMax ? "maxValue" : "minValue";
+        }
+        this[prop] = this.bound(num, prop);
+        this.calciteSliderUpdate.emit();
+        var handle = prop === "minValue" ? this.minHandle : this.maxHandle;
+        handle.focus();
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    CalciteSlider.prototype.generateTickValues = function () {
+        var ticks = [];
+        var current = this.min;
+        while (this.ticks && current < this.max + this.ticks) {
+            ticks.push(current);
+            current = current + this.ticks;
+        }
+        return ticks;
+    };
+    CalciteSlider.prototype.dragStart = function (prop, e) {
+        if (e) {
+            e.preventDefault();
+        }
+        this.dragProp = prop;
+        this.activeProp = prop;
+        this.dragListener = this.dragListener || this.dragUpdate.bind(this);
+        document.addEventListener("mousemove", this.dragListener);
+        document.addEventListener("touchmove", this.dragListener, {
+            capture: false
+        });
+        document.addEventListener("mouseup", this.dragEnd.bind(this));
+        document.addEventListener("touchend", this.dragEnd.bind(this), false);
+        document.addEventListener("touchcancel", this.dragEnd.bind(this));
+    };
+    CalciteSlider.prototype.dragUpdate = function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (this.dragProp) {
+            var value = this.translate(e.clientX || e.pageX);
+            this[this.dragProp] = this.bound(value, this.dragProp);
+            this.calciteSliderUpdate.emit();
+        }
+    };
+    CalciteSlider.prototype.dragEnd = function () {
+        this.dragProp = null;
+        document.removeEventListener("mousemove", this.dragListener);
+        document.removeEventListener("touchmove", this.dragListener);
+    };
+    /**
+     * If number is outside range, constrain to min or max
+     * @internal
+     */
+    CalciteSlider.prototype.bound = function (num, prop) {
+        num = Math.min(num, this.max);
+        num = Math.max(num, this.min);
+        // ensure that maxValue and minValue don't swap positions
+        if (prop === "maxValue") {
+            num = Math.max(num, this.minValue);
+        }
+        if (prop === "minValue") {
+            num = Math.min(num, this.maxValue);
+        }
+        return num;
+    };
+    /**
+     * Translate a pixel position to value along the range
+     * @internal
+     */
+    CalciteSlider.prototype.translate = function (x) {
+        var range = this.max - this.min;
+        var percent = (x - this.el.offsetLeft) / this.el.offsetWidth;
+        var value = this.bound(this.min + range * percent);
+        if (this.snap && this.step) {
+            value = this.getClosestStep(value);
+        }
+        return value;
+    };
+    /**
+     * Get closest allowed value along stepped values
+     * @internal
+     */
+    CalciteSlider.prototype.getClosestStep = function (num) {
+        num = this.bound(num);
+        if (this.step) {
+            var step = Math.round(num / this.step) * this.step;
+            num = this.bound(step);
+        }
+        return num;
+    };
+    /**
+     * Get position of value along range as fractional value
+     * @return {number} number in the unit interval [0,1]
+     * @internal
+     */
+    CalciteSlider.prototype.getUnitInterval = function (num) {
+        num = this.bound(num);
+        var range = this.max - this.min;
+        return (num - this.min) / range;
+    };
+    Object.defineProperty(CalciteSlider.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteSlider, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-slider-spot:#007ac2;padding:7px 0;margin:7px 0;position:relative}:host([disabled]){opacity:.5;pointer-events:none}:host([label-handles]),:host([precise]){margin-top:21px}:host([label-ticks]),:host([precise][is-range]){margin-bottom:21px}:host([precise][label-handles]){margin-top:35px}:host([precise][label-handles][is-range]){margin-bottom:35px}.slider__thumb{position:absolute;right:var(--calcite-slider-range-max);height:28px;width:28px;margin:-14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;background:transparent;cursor:pointer;font-family:inherit;z-index:3}.slider__thumb--min{right:auto;left:var(--calcite-slider-range-min)}.slider__handle{position:absolute;top:0;left:0;height:14px;width:14px;margin:7px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background-color:#fff;border:2px solid #959595;-webkit-transition:border .25s ease,background-color .25s ease,-webkit-box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,-webkit-box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,box-shadow .25s ease,-webkit-box-shadow .25s ease}.slider__handle__label{position:absolute;left:0;bottom:28px;width:28px;height:.75em;font-size:.8125rem;line-height:1.5;line-height:1;color:#555;text-align:center}.slider__thumb:hover .slider__handle{border-color:var(--calcite-slider-spot);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.1);box-shadow:0 0 16px 0 rgba(0,0,0,.1)}.slider__thumb--active,.slider__thumb:focus{outline:none;z-index:4}.slider__thumb--active .slider__handle,.slider__thumb:focus .slider__handle{background-color:var(--calcite-slider-spot);border-color:var(--calcite-slider-spot);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.2);box-shadow:0 0 16px 0 rgba(0,0,0,.2)}.slider__thumb--precise{margin-top:-28px}.slider__thumb--precise:after{content:\"\";display:block;position:absolute;top:14px;left:50%;width:2px;height:7px;background-color:#959595;margin-left:-1px;margin-top:7px;z-index:2}.slider__thumb--active.slider__thumb--precise:after,.slider__thumb:focus.slider__thumb--precise:after{background-color:var(--calcite-slider-spot)}.slider__thumb--precise.slider__thumb--min{margin-top:-2px}.slider__thumb--precise.slider__thumb--min .slider__handle__label{bottom:unset;top:28px}.slider__thumb--precise.slider__thumb--min:after{top:0;margin-top:0}.slider__track{height:2px;border-radius:0;z-index:2;background-color:#cacaca;-webkit-transition:all .25s ease-in;transition:all .25s ease-in;position:relative}.slider__track__range{position:absolute;top:0;right:var(--calcite-slider-range-max);left:var(--calcite-slider-range-min);height:2px;background-color:var(--calcite-slider-spot)}.slider__tick{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-slider-tick-offset);margin-left:-2px;border:1px solid #fff;background-color:#959595}.slider__tick--active{background-color:var(--calcite-slider-spot)}.slider__tick__label{position:absolute;font-size:.8125rem;line-height:1.5;color:#555;width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}.slider__tick__label--min{left:0;margin:14px -3px;text-align:left}.slider__tick__label--max{left:unset;right:0;margin:14px -3px;text-align:right}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteSlider;
+}());
+export { CalciteSlider as calcite_slider };
diff --git a/dist/esm-es5/calcite-switch.entry.js b/dist/esm-es5/calcite-switch.entry.js
new file mode 100644
index 00000000000..8943519eb54
--- /dev/null
+++ b/dist/esm-es5/calcite-switch.entry.js
@@ -0,0 +1,95 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { S as SPACE, E as ENTER } from './chunk-9dd9009f.js';
+var CalciteSwitch = /** @class */ (function () {
+    function CalciteSwitch(hostRef) {
+        var _this = this;
+        registerInstance(this, hostRef);
+        /** True if the switch is initially on */
+        this.switched = false;
+        /** The name of the checkbox input */
+        this.name = "";
+        /** The value of the checkbox input */
+        this.value = "";
+        /** What color the switch should be */
+        this.color = "blue";
+        this.syncThisToProxyInput = function () {
+            _this.switched = _this.inputProxy.hasAttribute("checked");
+            _this.name = _this.inputProxy.name;
+            _this.value = _this.inputProxy.value;
+        };
+        this.syncProxyInputToThis = function () {
+            _this.switched
+                ? _this.inputProxy.setAttribute("checked", "")
+                : _this.inputProxy.removeAttribute("checked");
+            _this.inputProxy.setAttribute("name", _this.name);
+            _this.inputProxy.setAttribute("value", _this.value);
+        };
+        this.calciteSwitchChange = createEvent(this, "calciteSwitchChange", 7);
+    }
+    CalciteSwitch.prototype.onClick = function (e) {
+        // prevent duplicate click events that occur
+        // when the component is wrapped in a label and checkbox is clicked
+        if ((this.el.closest("label") && e.target === this.inputProxy) ||
+            (!this.el.closest("label") && e.target === this.el)) {
+            this.switched = !this.switched;
+        }
+    };
+    CalciteSwitch.prototype.keyDownHandler = function (e) {
+        if (e.keyCode === SPACE || e.keyCode === ENTER) {
+            this.switched = !this.switched;
+        }
+    };
+    CalciteSwitch.prototype.switchWatcher = function () {
+        this.calciteSwitchChange.emit();
+        this.switched
+            ? this.inputProxy.setAttribute("checked", "")
+            : this.inputProxy.removeAttribute("checked");
+    };
+    CalciteSwitch.prototype.connectedCallback = function () {
+        this.setupProxyInput();
+    };
+    CalciteSwitch.prototype.disconnectedCallback = function () {
+        this.observer.disconnect();
+    };
+    CalciteSwitch.prototype.componentWillRender = function () {
+        this.syncProxyInputToThis();
+    };
+    CalciteSwitch.prototype.render = function () {
+        return (h(Host, { role: "checkbox", "aria-checked": this.switched, tabindex: "0" }, h("div", { class: "track" }, h("div", { class: "handle" })), h("slot", null)));
+    };
+    CalciteSwitch.prototype.setupProxyInput = function () {
+        // check for a proxy input
+        this.inputProxy = this.el.querySelector("input");
+        // if the user didn't pass a proxy input create one for them
+        if (!this.inputProxy) {
+            this.inputProxy = document.createElement("input");
+            this.inputProxy.type = "checkbox";
+            this.syncProxyInputToThis();
+            this.el.appendChild(this.inputProxy);
+        }
+        this.syncThisToProxyInput();
+        this.observer = new MutationObserver(this.syncThisToProxyInput);
+        this.observer.observe(this.inputProxy, { attributes: true });
+    };
+    Object.defineProperty(CalciteSwitch.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteSwitch, "watchers", {
+        get: function () {
+            return {
+                "switched": ["switchWatcher"]
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteSwitch, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}::slotted(input){display:none}:host{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;tap-highlight-color:transparent}.track{position:relative;display:inline-block;vertical-align:top;width:36px;height:20px;background-color:#f8f8f8;border-radius:30px;border:1px solid #eaeaea}.handle,.track{-webkit-transition:all .25s ease;transition:all .25s ease}.handle{position:absolute;display:block;width:18px;height:18px;top:-1px;left:-1px;right:auto;background-color:#fff;border-radius:30px;border:2px solid #757575;-webkit-box-shadow:0 1px 1px 0 rgba(43,43,43,.2);box-shadow:0 1px 1px 0 rgba(43,43,43,.2)}:host([switched]) .handle{right:-1px;left:auto;border-color:#004874;-webkit-box-shadow:0 2px 1px 0 rgba(43,43,43,.2);box-shadow:0 2px 1px 0 rgba(43,43,43,.2)}:host([switched]) .track{border-color:#00619b;background-color:#007ac2}:host([switched][color=red]) .handle{border-color:#7c1d13}:host([switched][color=red]) .track{border-color:#7c1d13;background-color:#a82b1e}:host(:focus),:host([switched]:focus){outline:none}:host(:focus) .track,:host([switched]:focus) .track{-webkit-box-shadow:0 0 4px 2px hsla(0,0%,45.9%,.9);box-shadow:0 0 4px 2px hsla(0,0%,45.9%,.9)}:host(:hover) .track{border-color:#eaeaea;background-color:#757575}:host(:hover) .handle{border-color:#007ac2;-webkit-box-shadow:0 1px 2px 0 rgba(43,43,43,.2);box-shadow:0 1px 2px 0 rgba(43,43,43,.2)}:host([color=red]:hover) .handle{border-color:#d83020}:host([switched]:hover) .handle{border-color:#004874}:host([switched]:hover) .track{border-color:#00619b;background-color:#007ac2}:host([switched][color=red]:hover) .handle{border-color:#7c1d13}:host([switched][color=red]:hover) .track{border-color:#7c1d13;background-color:#a82b1e}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteSwitch;
+}());
+export { CalciteSwitch as calcite_switch };
diff --git a/dist/esm-es5/calcite-tab_4.entry.js b/dist/esm-es5/calcite-tab_4.entry.js
new file mode 100644
index 00000000000..c1e271c4a76
--- /dev/null
+++ b/dist/esm-es5/calcite-tab_4.entry.js
@@ -0,0 +1,569 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { S as SPACE, E as ENTER, R as RIGHT, L as LEFT } from './chunk-9dd9009f.js';
+import { g as guid } from './chunk-3edb1b93.js';
+import { n as nodeListToArray, g as getElementDir } from './chunk-6bb56f1f.js';
+var CalciteTab = /** @class */ (function () {
+    function CalciteTab(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Show this tab
+         */
+        this.isActive = false;
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.guid = "calcite-tab-title-" + guid();
+        this.calciteTabRegister = createEvent(this, "calciteTabRegister", 7);
+        this.calciteTabUnregister = createEvent(this, "calciteTabUnregister", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    CalciteTab.prototype.render = function () {
+        var id = this.el.id || this.guid;
+        return (h(Host, { id: id, "aria-labeledby": this.labeledBy, "aria-expanded": this.isActive ? "true" : "false", role: "tabpanel" }, h("section", null, h("slot", null))));
+    };
+    CalciteTab.prototype.componentDidLoad = function () {
+        this.calciteTabRegister.emit();
+    };
+    CalciteTab.prototype.componentDidUnload = function () {
+        this.calciteTabUnregister.emit();
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    CalciteTab.prototype.tabChangeHandler = function (event) {
+        var _this = this;
+        // to allow `<calcite-tabs>` to be nested we need to make sure this
+        // `calciteTabChange` event was actually fired from a title that is a
+        // child of the `<calcite-tabs>` that is the a parent of this tab.
+        if (event.target.closest("calcite-tabs") !==
+            this.el.closest("calcite-tabs")) {
+            return;
+        }
+        if (this.tab) {
+            this.isActive = this.tab === event.detail.tab;
+        }
+        else {
+            this.getTabIndex().then(function (index) {
+                _this.isActive = index === event.detail.tab;
+            });
+        }
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Return the index of this tab within the tab array
+     */
+    CalciteTab.prototype.getTabIndex = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, Promise.resolve(Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter(function (e) { return e.matches("calcite-tab"); }), this.el))];
+            });
+        });
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    CalciteTab.prototype.updateAriaInfo = function (tabIds, titleIds) {
+        if (tabIds === void 0) { tabIds = []; }
+        if (titleIds === void 0) { titleIds = []; }
+        this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;
+    };
+    Object.defineProperty(CalciteTab.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteTab, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host([is-active]) section,calcite-tabs{display:block}section{display:none}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteTab;
+}());
+var CalciteTabNav = /** @class */ (function () {
+    function CalciteTabNav(hostRef) {
+        registerInstance(this, hostRef);
+        this.calciteTabChange = createEvent(this, "calciteTabChange", 7);
+    }
+    CalciteTabNav.prototype.selectedTabChanged = function () {
+        if (localStorage &&
+            this.storageId &&
+            this.selectedTab !== undefined &&
+            this.selectedTab !== null) {
+            localStorage.setItem("calcite-tab-nav-" + this.storageId, JSON.stringify(this.selectedTab));
+        }
+        this.calciteTabChange.emit({
+            tab: this.selectedTab
+        });
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    CalciteTabNav.prototype.componentWillLoad = function () {
+        var storageKey = "calcite-tab-nav-" + this.storageId;
+        if (localStorage && this.storageId && localStorage.getItem(storageKey)) {
+            this.selectedTab = JSON.parse(localStorage.getItem(storageKey));
+            this.calciteTabChange.emit({
+                tab: this.selectedTab
+            });
+        }
+    };
+    CalciteTabNav.prototype.render = function () {
+        return (h(Host, { role: "tablist" }, h("nav", { class: "tab-nav" }, h("slot", null))));
+    };
+    CalciteTabNav.prototype.componentDidRender = function () {
+        var _this = this;
+        // if every tab title is active select the first tab.
+        if (this.tabTitles.every(function (title) { return !title.isActive; }) && !this.selectedTab) {
+            this.tabTitles[0].getTabIdentifier().then(function (tab) {
+                _this.calciteTabChange.emit({
+                    tab: tab
+                });
+            });
+        }
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Events Listeners
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    CalciteTabNav.prototype.focusPreviousTabHandler = function (e) {
+        var currentIndex = this.getIndexOfTabTitle(e.target);
+        var previousTab = this.tabTitles[currentIndex - 1] ||
+            this.tabTitles[this.tabTitles.length - 1];
+        previousTab.focus();
+        e.stopPropagation();
+        e.preventDefault();
+    };
+    /**
+     * @internal
+     */
+    CalciteTabNav.prototype.focusNextTabHandler = function (e) {
+        var currentIndex = this.getIndexOfTabTitle(e.target);
+        var nextTab = this.tabTitles[currentIndex + 1] || this.tabTitles[0];
+        nextTab.focus();
+        e.stopPropagation();
+        e.preventDefault();
+    };
+    /**
+     * @internal
+     */
+    CalciteTabNav.prototype.activateTabHandler = function (e) {
+        if (e.detail.tab) {
+            this.selectedTab = e.detail.tab;
+        }
+        else {
+            this.selectedTab = this.getIndexOfTabTitle(e.target);
+        }
+        e.stopPropagation();
+        e.preventDefault();
+    };
+    /**
+     * @internal
+     */
+    CalciteTabNav.prototype.globalTabChangeHandler = function (e) {
+        if (this.syncId &&
+            e.target !== this.el &&
+            e.target.syncId === this.syncId &&
+            this.selectedTab !== e.detail.tab) {
+            this.selectedTab = e.detail.tab;
+        }
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Private State/Props
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    CalciteTabNav.prototype.getIndexOfTabTitle = function (el) {
+        return this.tabTitles.indexOf(el);
+    };
+    Object.defineProperty(CalciteTabNav.prototype, "tabTitles", {
+        get: function () {
+            return this.el.shadowRoot.querySelector("slot").assignedElements();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteTabNav.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteTabNav, "watchers", {
+        get: function () {
+            return {
+                "selectedTab": ["selectedTabChanged"]
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteTabNav, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}.tab-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:var(--calcite-tabs-layout);justify-content:var(--calcite-tabs-layout);overflow:auto}::slotted(calcite-tab-title){margin-right:var(--calcite-tabs-tab-margin-start);margin-left:var(--calcite-tabs-tab-margin-end)}:host([dir=rtl]) ::slotted(calcite-tab-title){margin-right:var(--calcite-tabs-tab-margin-end);margin-left:var(--calcite-tabs-tab-margin-start)}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteTabNav;
+}());
+var CalciteTabTitle = /** @class */ (function () {
+    function CalciteTabTitle(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Show this tab title as selected
+         */
+        this.isActive = false;
+        /**
+         * @internal
+         */
+        this.guid = "calcite-tab-title-" + guid();
+        this.calciteTabsActivate = createEvent(this, "calciteTabsActivate", 7);
+        this.calciteTabsFocusNext = createEvent(this, "calciteTabsFocusNext", 7);
+        this.calciteTabsFocusPrevious = createEvent(this, "calciteTabsFocusPrevious", 7);
+        this.calciteTabTitleRegister = createEvent(this, "calciteTabTitleRegister", 7);
+        this.calciteTabTitleUnregister = createEvent(this, "calciteTabTitleUnregister", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    CalciteTabTitle.prototype.componentWillLoad = function () {
+        if (this.tab && this.isActive) {
+            this.calciteTabsActivate.emit({
+                tab: this.tab
+            });
+        }
+    };
+    CalciteTabTitle.prototype.render = function () {
+        var id = this.el.id || this.guid;
+        return (h(Host, { id: id, "aria-controls": this.controls, "aria-expanded": this.isActive ? "true" : "false", role: "tab", tabindex: "0" }, h("a", null, h("slot", null))));
+    };
+    CalciteTabTitle.prototype.componentDidLoad = function () {
+        this.calciteTabTitleRegister.emit();
+    };
+    CalciteTabTitle.prototype.componentDidUnload = function () {
+        this.calciteTabTitleUnregister.emit();
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Events Listeners
+    //
+    //--------------------------------------------------------------------------
+    CalciteTabTitle.prototype.tabChangeHandler = function (event) {
+        var _this = this;
+        if (this.tab) {
+            this.isActive = this.tab === event.detail.tab;
+        }
+        else {
+            this.getTabIndex().then(function (index) {
+                _this.isActive = index === event.detail.tab;
+            });
+        }
+    };
+    CalciteTabTitle.prototype.onClick = function () {
+        this.calciteTabsActivate.emit({
+            tab: this.tab
+        });
+    };
+    CalciteTabTitle.prototype.keyDownHandler = function (e) {
+        switch (e.keyCode) {
+            case SPACE:
+            case ENTER:
+                this.calciteTabsActivate.emit({
+                    tab: this.tab
+                });
+                e.preventDefault();
+                break;
+            case RIGHT:
+                if (getElementDir(this.el) === "ltr") {
+                    this.calciteTabsFocusNext.emit();
+                }
+                else {
+                    this.calciteTabsFocusPrevious.emit();
+                }
+                break;
+            case LEFT:
+                if (getElementDir(this.el) === "ltr") {
+                    this.calciteTabsFocusPrevious.emit();
+                }
+                else {
+                    this.calciteTabsFocusNext.emit();
+                }
+                break;
+        }
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Return the index of this title within the nav
+     */
+    CalciteTabTitle.prototype.getTabIndex = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, Promise.resolve(Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"), this.el))];
+            });
+        });
+    };
+    /**
+     * @internal
+     */
+    CalciteTabTitle.prototype.getTabIdentifier = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, this.tab ? Promise.resolve(this.tab) : this.getTabIndex()];
+            });
+        });
+    };
+    /**
+     * @internal
+     */
+    CalciteTabTitle.prototype.updateAriaInfo = function (tabIds, titleIds) {
+        if (tabIds === void 0) { tabIds = []; }
+        if (titleIds === void 0) { titleIds = []; }
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;
+                return [2 /*return*/, Promise.resolve()];
+            });
+        });
+    };
+    Object.defineProperty(CalciteTabTitle.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteTabTitle, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{-ms-flex:0 1 var(--calcite-tabs-tab-basis);flex:0 1 var(--calcite-tabs-tab-basis);outline:none}:host(:active) a,:host(:focus) a,:host(:hover) a{outline:none;text-decoration:none;color:var(--calcite-tabs-color-active);border-bottom-color:var(--calcite-tabs-border-hover)}:host([is-active]) a{color:var(--calcite-tabs-color-active);border-bottom-color:var(--calcite-tabs-border-active)}a{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.875rem;line-height:1.5;padding:.5rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:3px solid transparent;cursor:pointer;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;color:var(--calcite-tabs-color);outline:none;width:100%;display:block;text-align:var(--calcite-tabs-tab-text-align)}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteTabTitle;
+}());
+var CalciteTabs = /** @class */ (function () {
+    function CalciteTabs(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Public Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Select theme (light or dark)
+         */
+        this.theme = "light";
+        /**
+         * Align tab titles to the edge or fully justify them across the tab nav ("center")
+         */
+        this.layout = "inline";
+        //--------------------------------------------------------------------------
+        //
+        //  Events
+        //
+        //--------------------------------------------------------------------------
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         *
+         * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA
+         * attributes.
+         */
+        this.titles = [];
+        /**
+         * @internal
+         *
+         * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.
+         */
+        this.tabs = [];
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    CalciteTabs.prototype.render = function () {
+        var dir = getElementDir(this.el);
+        return (h(Host, { dir: dir }, h("div", null, h("slot", { name: "tab-nav" }), h("section", { class: "tab-contents" }, h("slot", null)))));
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    CalciteTabs.prototype.calciteTabTitleRegister = function (e) {
+        this.titles = this.titles.concat([e.target]);
+        this.registryHandler();
+        e.stopPropagation();
+    };
+    /**
+     * @internal
+     */
+    CalciteTabs.prototype.calciteTabTitleUnregister = function (e) {
+        this.titles = this.titles.filter(function (el) { return el !== e.target; });
+        this.registryHandler();
+        e.stopPropagation();
+    };
+    /**
+     * @internal
+     */
+    CalciteTabs.prototype.calciteTabRegister = function (e) {
+        this.tabs = this.tabs.concat([e.target]);
+        this.registryHandler();
+        e.stopPropagation();
+    };
+    /**
+     * @internal
+     */
+    CalciteTabs.prototype.calciteTabUnregister = function (e) {
+        this.tabs = this.tabs.filter(function (el) { return el !== e.target; });
+        this.registryHandler();
+        e.stopPropagation();
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     *
+     * Matches up elements from the internal `tabs` and `titles` to automatically
+     * update the ARIA attributes and link `<calcite-tab>` and
+     * `<calcite-tab-title>` components.
+     */
+    CalciteTabs.prototype.registryHandler = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var tabIds, titleIds, tabDomIndexes, titleDomIndexes;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(this.tabs.some(function (e) { return e.tab; }) || this.titles.some(function (e) { return e.tab; }))) return [3 /*break*/, 1];
+                        // if we are using `tab` based identifiers sort by `tab` to account for
+                        // possible out of order tabs and get the id of each tab
+                        tabIds = this.tabs
+                            .sort(function (a, b) { return a.tab.localeCompare(b.tab); })
+                            .map(function (e) { return e.id; });
+                        titleIds = this.titles
+                            .sort(function (a, b) { return a.tab.localeCompare(b.tab); })
+                            .map(function (e) { return e.id; });
+                        return [3 /*break*/, 4];
+                    case 1: return [4 /*yield*/, Promise.all(this.tabs.map(function (el) { return el.getTabIndex(); }))];
+                    case 2:
+                        tabDomIndexes = _a.sent();
+                        return [4 /*yield*/, Promise.all(this.titles.map(function (el) { return el.getTabIndex(); }))];
+                    case 3:
+                        titleDomIndexes = _a.sent();
+                        // once we have the DOM order as a source of truth we can build the
+                        // matching tabIds and titleIds arrays
+                        tabIds = tabDomIndexes.reduce(function (ids, indexInDOM, registryIndex) {
+                            ids[indexInDOM] = _this.tabs[registryIndex].id;
+                            return ids;
+                        }, []);
+                        titleIds = titleDomIndexes.reduce(function (ids, indexInDOM, registryIndex) {
+                            ids[indexInDOM] = _this.titles[registryIndex].id;
+                            return ids;
+                        }, []);
+                        _a.label = 4;
+                    case 4:
+                        // pass all our new aria information to each `<calcite-tab>` and
+                        // `<calcite-tab-title>` which will check if they can update their internal
+                        // `controlled` or `labeledBy` states and re-render if necessary
+                        this.tabs.forEach(function (el) { return el.updateAriaInfo(tabIds, titleIds); });
+                        this.titles.forEach(function (el) { return el.updateAriaInfo(tabIds, titleIds); });
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Object.defineProperty(CalciteTabs.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CalciteTabs, "style", {
+        get: function () { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-tabs-color:#2b2b2b;--calcite-tabs-border:#eaeaea;--calcite-tabs-border-hover:#dfdfdf;--calcite-tabs-color-active:#151515;--calcite-tabs-border-active:#007ac2;--calcite-tabs-layout:flex-start;--calcite-tabs-tab-basis:auto;--calcite-tabs-tab-text-align:start;--calcite-tabs-tab-margin-start:1.25rem;--calcite-tabs-tab-margin-end:0}:host([theme=dark]){--calcite-tabs-color:#f3f3f3;--calcite-tabs-border:#404040;--calcite-tabs-border-hover:#757575;--calcite-tabs-color-active:#f8f8f8;--calcite-tabs-border-active:#fff}:host([dir=rtl]){--calcite-tabs-tab-margin-start:0;--calcite-tabs-tab-margin-end:1.25rem}:host([layout=center]){--calcite-tabs-layout:center;--calcite-tabs-tab-basis:200px;--calcite-tabs-tab-text-align:center;--calcite-tabs-tab-margin-start:1.25rem;--calcite-tabs-tab-margin-end:1.25rem}.tab-contents{border-top:1px solid var(--calcite-tabs-border)}"; },
+        enumerable: true,
+        configurable: true
+    });
+    return CalciteTabs;
+}());
+export { CalciteTab as calcite_tab, CalciteTabNav as calcite_tab_nav, CalciteTabTitle as calcite_tab_title, CalciteTabs as calcite_tabs };
diff --git a/dist/esm-es5/calcite.mjs b/dist/esm-es5/calcite.mjs
new file mode 100644
index 00000000000..5a851277a6c
--- /dev/null
+++ b/dist/esm-es5/calcite.mjs
@@ -0,0 +1,4 @@
+import { p as patchBrowser, b as bootstrapLazy } from './chunk-5f99f9d5.js';
+patchBrowser().then(function (options) {
+    return bootstrapLazy([["calcite-alert_2", [[1, "calcite-alert", { "dismiss": [4], "duration": [513], "color": [513], "theme": [513], "icon": [4], "alertId": [1, "alert-id"], "currentAlert": [1, "current-alert"], "queueLength": [2, "queue-length"], "active": [32], "closeCalciteAlert": [64], "openCalciteAlert": [64] }], [1, "calcite-alerts", { "currentAlert": [32], "active": [32], "alertQueue": [32] }, [[0, "calciteAlertOpen", "updateQueueOnOpen"], [0, "calciteAlertClose", "updateQueueOnClose"]]]]], ["calcite-button", [[1, "calcite-button", { "color": [1537], "appearance": [1537], "scale": [1537], "width": [1537], "loading": [516], "href": [513], "icon": [513], "hastext": [1028] }]]], ["calcite-tab_4", [[1, "calcite-tab", { "tab": [1537], "isActive": [1540, "is-active"], "labeledBy": [32], "getTabIndex": [64], "updateAriaInfo": [64] }, [[16, "calciteTabChange", "tabChangeHandler"]]], [1, "calcite-tab-nav", { "storageId": [1, "storage-id"], "syncId": [1, "sync-id"], "selectedTab": [32] }, [[0, "calciteTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteTabsFocusNext", "focusNextTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [32, "calciteTabChange", "globalTabChangeHandler"]]], [1, "calcite-tab-title", { "tab": [1537], "isActive": [1540, "is-active"], "controls": [32], "getTabIndex": [64], "getTabIdentifier": [64], "updateAriaInfo": [64] }, [[16, "calciteTabChange", "tabChangeHandler"], [0, "click", "onClick"], [0, "keydown", "keyDownHandler"]]], [1, "calcite-tabs", { "theme": [513], "layout": [513], "titles": [32], "tabs": [32] }, [[0, "calciteTabTitleRegister", "calciteTabTitleRegister"], [0, "calciteTabTitleUnregister", "calciteTabTitleUnregister"], [0, "calciteTabRegister", "calciteTabRegister"], [0, "calciteTabUnregister", "calciteTabUnregister"]]]]], ["calcite-radio-group_2", [[1, "calcite-radio-group", { "name": [1], "selectedItem": [8, "selected-item"], "theme": [513] }, [[0, "click", "handleClick"], [0, "calciteRadioGroupItemChange", "handleSelected"], [0, "keydown", "handleKeyDown"]]], [1, "calcite-radio-group-item", { "checked": [1540], "value": [8] }]]], ["calcite-checkbox", [[1, "calcite-checkbox", { "checked": [1540], "indeterminate": [1540], "name": [1537], "value": [1537], "size": [513], "disabled": [516], "theme": [513] }, [[0, "click", "onClick"], [0, "keydown", "keyDownHandler"]]]]], ["calcite-example", [[1, "calcite-example", { "property": [1], "state": [32], "doThing": [64] }, [[0, "click", "onClick"]]]]], ["calcite-modal", [[1, "calcite-modal", { "beforeClose": [16], "closeLabel": [1, "close-label"], "docked": [516], "firstFocus": [16], "size": [513], "color": [513], "theme": [513], "isActive": [32], "hideBackButton": [32], "hideSecondaryButton": [32], "open": [64], "close": [64] }, [[0, "keyup", "handleEscape"]]]]], ["calcite-progress", [[4, "calcite-progress", { "type": [1], "value": [2], "text": [1], "reversed": [4] }]]], ["calcite-slider", [[1, "calcite-slider", { "disabled": [1540], "min": [1538], "max": [1538], "value": [1538], "minValue": [2, "min-value"], "maxValue": [2, "max-value"], "minLabel": [1, "min-label"], "maxLabel": [1, "max-label"], "snap": [4], "step": [2], "pageStep": [2, "page-step"], "ticks": [2], "labelTicks": [516, "label-ticks"], "labelHandles": [516, "label-handles"], "precise": [4], "tickValues": [32], "activeProp": [32] }, [[0, "keydown", "keyDownHandler"], [0, "click", "clickHandler"]]]]], ["calcite-switch", [[1, "calcite-switch", { "switched": [1540], "name": [1537], "value": [1537], "color": [1] }, [[0, "click", "onClick"], [0, "keydown", "keyDownHandler"]]]]], ["calcite-loader", [[1, "calcite-loader", { "isActive": [1540, "is-active"], "inline": [1540], "type": [1537], "value": [2], "text": [1], "loaderBarOffsets": [32], "isEdge": [32] }]]], ["context-consumer", [[0, "context-consumer", { "context": [16], "renderer": [16], "subscribe": [16], "unsubscribe": [32] }]]]], options);
+});
diff --git a/dist/esm-es5/chunk-3edb1b93.js b/dist/esm-es5/chunk-3edb1b93.js
new file mode 100644
index 00000000000..effe6aee269
--- /dev/null
+++ b/dist/esm-es5/chunk-3edb1b93.js
@@ -0,0 +1,13 @@
+function gen(counts) {
+    return counts
+        .map(function (count) {
+        var out = "";
+        for (var i = 0; i < count; i++) {
+            out += (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return out;
+    })
+        .join("-");
+}
+var guid = function () { return gen([2, 1, 1, 1, 3]); };
+export { guid as g };
diff --git a/dist/esm-es5/chunk-5f99f9d5.js b/dist/esm-es5/chunk-5f99f9d5.js
new file mode 100644
index 00000000000..9dc104f5cb8
--- /dev/null
+++ b/dist/esm-es5/chunk-5f99f9d5.js
@@ -0,0 +1,1997 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var _this = this;
+var BUILD = { "allRenderFn": true, "cmpDidLoad": true, "cmpDidUnload": true, "cmpDidUpdate": false, "cmpDidRender": true, "cmpWillLoad": true, "cmpWillUpdate": true, "cmpWillRender": true, "connectedCallback": true, "disconnectedCallback": true, "element": false, "event": true, "hasRenderFn": true, "lifecycle": true, "hostListener": true, "hostListenerTargetWindow": false, "hostListenerTargetDocument": false, "hostListenerTargetBody": true, "hostListenerTargetParent": true, "hostListenerTarget": true, "member": true, "method": true, "mode": false, "noVdomRender": false, "observeAttribute": true, "prop": true, "propBoolean": true, "propNumber": true, "propString": true, "propMutable": true, "reflect": true, "scoped": false, "shadowDom": true, "slot": true, "slotRelocation": true, "state": true, "style": true, "svg": true, "updatable": true, "vdomAttribute": true, "vdomClass": true, "vdomFunctional": true, "vdomKey": true, "vdomListener": true, "vdomRef": true, "vdomRender": true, "vdomStyle": true, "vdomText": true, "watchCallback": true, "taskQueue": true, "lazyLoad": true, "hydrateServerSide": false, "cssVarShim": true, "hydrateClientSide": true, "isDebug": false, "isDev": false, "lifecycleDOMEvents": false, "profile": false, "hotModuleReplacement": false, "constructableCSS": true, "initializeNextTick": true, "cssAnnotations": true };
+var NAMESPACE = 'calcite';
+var win = window;
+var doc = document;
+var plt = {
+    $flags$: 0,
+    $resourcesUrl$: '',
+    jmp: function (h) { return h(); },
+    raf: function (h) { return requestAnimationFrame(h); },
+    ael: function (el, eventName, listener, opts) { return el.addEventListener(eventName, listener, opts); },
+    rel: function (el, eventName, listener, opts) { return el.removeEventListener(eventName, listener, opts); },
+};
+var supportsShadowDom = !!doc.documentElement.attachShadow;
+var supportsListenerOptions = /*@__PURE__*/ (function () {
+    var supportsListenerOptions = false;
+    try {
+        doc.addEventListener('e', null, Object.defineProperty({}, 'passive', {
+            get: function () { supportsListenerOptions = true; }
+        }));
+    }
+    catch (e) { }
+    return supportsListenerOptions;
+})();
+var supportsConstructibleStylesheets = /*@__PURE__*/ (function () {
+    try {
+        new CSSStyleSheet();
+        return true;
+    }
+    catch (e) { }
+    return false;
+})();
+var hostRefs = new WeakMap();
+var getHostRef = function (ref) { return hostRefs.get(ref); };
+var registerInstance = function (lazyInstance, hostRef) { return hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef); };
+var registerHost = function (elm) {
+    {
+        var hostRef_1 = {
+            $flags$: 0,
+            $hostElement$: elm,
+            $instanceValues$: new Map()
+        };
+        hostRef_1.$onReadyPromise$ = new Promise(function (r) { return hostRef_1.$onReadyResolve$ = r; });
+        return hostRefs.set(elm, hostRef_1);
+    }
+};
+var isMemberInElement = function (elm, memberName) { return memberName in elm; };
+var consoleError = function (e) { return console.error(e); };
+var moduleCache = /*@__PURE__*/ new Map();
+var loadModule = function (cmpMeta, hostRef, hmrVersionId) {
+    // loadModuleImport
+    var exportName = cmpMeta.$tagName$.replace(/-/g, '_');
+    var bundleId = (cmpMeta.$lazyBundleIds$);
+    var module = moduleCache.get(bundleId);
+    if (module) {
+        return module[exportName];
+    }
+    return import(
+    /* webpackInclude: /\.entry\.js$/ */
+    /* webpackExclude: /\.system\.entry\.js$/ */
+    /* webpackMode: "lazy" */
+    "./" + bundleId + ".entry.js" + '').then(function (importedModule) {
+        {
+            moduleCache.set(bundleId, importedModule);
+        }
+        return importedModule[exportName];
+    }, consoleError);
+};
+var styles = new Map();
+var cssVarShim = /*@__PURE__*/ win.__stencil_cssshim;
+var queueCongestion = 0;
+var queuePending = false;
+var queueDomReads = [];
+var queueDomWrites = [];
+var queueDomWritesLow = [];
+var queueTask = function (queue, write) { return function (cb) {
+    queue.push(cb);
+    if (!queuePending) {
+        queuePending = true;
+        if (write && plt.$flags$ & 4 /* queueSync */) {
+            nextTick(flush);
+        }
+        else {
+            plt.raf(flush);
+        }
+    }
+}; };
+var consume = function (queue) {
+    for (var i = 0; i < queue.length; i++) {
+        try {
+            queue[i](performance.now());
+        }
+        catch (e) {
+            consoleError(e);
+        }
+    }
+    queue.length = 0;
+};
+var consumeTimeout = function (queue, timeout) {
+    var i = 0;
+    var ts = 0;
+    while (i < queue.length && (ts = performance.now()) < timeout) {
+        try {
+            queue[i++](ts);
+        }
+        catch (e) {
+            consoleError(e);
+        }
+    }
+    if (i === queue.length) {
+        queue.length = 0;
+    }
+    else if (i !== 0) {
+        queue.splice(0, i);
+    }
+};
+var flush = function () {
+    queueCongestion++;
+    // always force a bunch of medium callbacks to run, but still have
+    // a throttle on how many can run in a certain time
+    // DOM READS!!!
+    consume(queueDomReads);
+    var timeout = (plt.$flags$ & 6 /* queueMask */) === 2 /* appLoaded */
+        ? performance.now() + (10 * Math.ceil(queueCongestion * (1.0 / 22.0)))
+        : Infinity;
+    // DOM WRITES!!!
+    consumeTimeout(queueDomWrites, timeout);
+    consumeTimeout(queueDomWritesLow, timeout);
+    if (queueDomWrites.length > 0) {
+        queueDomWritesLow.push.apply(queueDomWritesLow, queueDomWrites);
+        queueDomWrites.length = 0;
+    }
+    if (queuePending = ((queueDomReads.length + queueDomWrites.length + queueDomWritesLow.length) > 0)) {
+        // still more to do yet, but we've run out of time
+        // let's let this thing cool off and try again in the next tick
+        plt.raf(flush);
+    }
+    else {
+        queueCongestion = 0;
+    }
+};
+var nextTick = /*@__PURE__*/ function (cb) { return Promise.resolve().then(cb); };
+var writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
+/**
+ * Default style mode id
+ */
+/**
+ * Reusable empty obj/array
+ * Don't add values to these!!
+ */
+var EMPTY_OBJ = {};
+/**
+ * Namespaces
+ */
+var SVG_NS = 'http://www.w3.org/2000/svg';
+var isDef = function (v) { return v != null; };
+var toLowerCase = function (str) { return str.toLowerCase(); };
+var isComplexType = function (o) { return ['object', 'function'].includes(typeof o); };
+var getDynamicImportFunction = function (namespace) {
+    return "__sc_import_" + namespace.replace(/\s|-/g, '_');
+};
+var patchEsm = function () {
+    // @ts-ignore
+    if (!(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'))) {
+        // @ts-ignore
+        return import('./css-shim-3ea8955c-3ea8955c.js');
+    }
+    return Promise.resolve();
+};
+var patchBrowser = function () { return __awaiter(_this, void 0, void 0, function () {
+    var importMeta, regex, scriptElm, opts, resourcesUrl;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                importMeta = "";
+                regex = new RegExp("/" + NAMESPACE + "(.esm)?.js$");
+                scriptElm = Array.from(doc.querySelectorAll('script')).find(function (s) { return (regex.test(s.src) ||
+                    s.getAttribute('data-namespace') === NAMESPACE); });
+                opts = scriptElm['data-opts'];
+                if (!(importMeta !== '')) return [3 /*break*/, 1];
+                return [2 /*return*/, Object.assign({}, opts, { resourcesUrl: new URL('.', importMeta).href })];
+            case 1:
+                resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href));
+                patchDynamicImport(resourcesUrl.href);
+                if (!!window.customElements) return [3 /*break*/, 3];
+                // @ts-ignore
+                return [4 /*yield*/, import('./dom-860d8016-860d8016.js')];
+            case 2:
+                // @ts-ignore
+                _a.sent();
+                _a.label = 3;
+            case 3: return [2 /*return*/, Object.assign({}, opts, { resourcesUrl: resourcesUrl.href })];
+        }
+    });
+}); };
+var patchDynamicImport = function (base) {
+    var importFunctionName = getDynamicImportFunction(NAMESPACE);
+    try {
+        win[importFunctionName] = new Function('w', 'return import(w);');
+    }
+    catch (e) {
+        var moduleMap_1 = new Map();
+        win[importFunctionName] = function (src) {
+            var url = new URL(src, base).href;
+            var mod = moduleMap_1.get(url);
+            if (!mod) {
+                var script_1 = doc.createElement('script');
+                script_1.type = 'module';
+                script_1.src = URL.createObjectURL(new Blob(["import * as m from '" + url + "'; window." + importFunctionName + ".m = m;"], { type: 'application/javascript' }));
+                mod = new Promise(function (resolve) {
+                    script_1.onload = function () {
+                        resolve(win[importFunctionName].m);
+                        script_1.remove();
+                    };
+                });
+                moduleMap_1.set(url, mod);
+                doc.head.appendChild(script_1);
+            }
+            return mod;
+        };
+    }
+};
+var parsePropertyValue = function (propValue, propType) {
+    // ensure this value is of the correct prop type
+    if (propValue != null && !isComplexType(propValue)) {
+        if (propType & 4 /* Boolean */) {
+            // per the HTML spec, any string value means it is a boolean true value
+            // but we'll cheat here and say that the string "false" is the boolean false
+            return (propValue === 'false' ? false : propValue === '' || !!propValue);
+        }
+        if (propType & 2 /* Number */) {
+            // force it to be a number
+            return parseFloat(propValue);
+        }
+        if (propType & 1 /* String */) {
+            // could have been passed as a number or boolean
+            // but we still want it as a string
+            return String(propValue);
+        }
+        // redundant return here for better minification
+        return propValue;
+    }
+    // not sure exactly what type we want
+    // so no need to change to a different type
+    return propValue;
+};
+var CONTENT_REF_ID = 'r';
+var ORG_LOCATION_ID = 'o';
+var SLOT_NODE_ID = 's';
+var TEXT_NODE_ID = 't';
+var HYDRATED_CLASS = 'hydrated';
+var HYDRATE_ID = 's-id';
+var HYDRATE_CHILD_ID = 'c-id';
+var XLINK_NS = 'http://www.w3.org/1999/xlink';
+var rootAppliedStyles = new WeakMap();
+var registerStyle = function (scopeId, cssText, allowCS) {
+    var style = styles.get(scopeId);
+    if (supportsConstructibleStylesheets && allowCS) {
+        style = (style || new CSSStyleSheet());
+        style.replace(cssText);
+    }
+    else {
+        style = cssText;
+    }
+    styles.set(scopeId, style);
+};
+var addStyle = function (styleContainerNode, cmpMeta, mode, hostElm) {
+    var scopeId = getScopeId(cmpMeta.$tagName$);
+    var style = styles.get(scopeId);
+    // if an element is NOT connected then getRootNode() will return the wrong root node
+    // so the fallback is to always use the document for the root node in those cases
+    styleContainerNode = (styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc);
+    if (style) {
+        if (typeof style === 'string') {
+            styleContainerNode = styleContainerNode.head || styleContainerNode;
+            var appliedStyles = rootAppliedStyles.get(styleContainerNode);
+            var styleElm = void 0;
+            if (!appliedStyles) {
+                rootAppliedStyles.set(styleContainerNode, appliedStyles = new Set());
+            }
+            if (!appliedStyles.has(scopeId)) {
+                if (styleContainerNode.host && (styleElm = styleContainerNode.firstElementChild) && styleElm.tagName === 'STYLE') {
+                    // This is only happening on native shadow-dom, do not needs CSS var shim
+                    styleElm.innerHTML = style;
+                }
+                else {
+                    if (cssVarShim) {
+                        styleElm = cssVarShim.createHostStyle(hostElm, scopeId, style, !!(cmpMeta.$flags$ & 10 /* needsScopedEncapsulation */));
+                        var newScopeId = styleElm['s-sc'];
+                        if (newScopeId) {
+                            scopeId = newScopeId;
+                            // we don't want to add this styleID to the appliedStyles Set
+                            // since the cssVarShim might need to apply several different
+                            // stylesheets for the same component
+                            appliedStyles = null;
+                        }
+                    }
+                    else {
+                        styleElm = doc.createElement('style');
+                        styleElm.innerHTML = style;
+                    }
+                    styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
+                }
+                if (appliedStyles) {
+                    appliedStyles.add(scopeId);
+                }
+            }
+        }
+        else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
+            styleContainerNode.adoptedStyleSheets = styleContainerNode.adoptedStyleSheets.concat([
+                style
+            ]);
+        }
+    }
+    return scopeId;
+};
+var attachStyles = function (elm, cmpMeta, mode) {
+    var styleId = addStyle((supportsShadowDom && elm.shadowRoot)
+        ? elm.shadowRoot
+        : elm.getRootNode(), cmpMeta, mode, elm);
+    if (cmpMeta.$flags$ & 10 /* needsScopedEncapsulation */) {
+        // only required when we're NOT using native shadow dom (slot)
+        // or this browser doesn't support native shadow dom
+        // and this host element was NOT created with SSR
+        // let's pick out the inner content for slot projection
+        // create a node to represent where the original
+        // content was first placed, which is useful later on
+        // DOM WRITE!!
+        elm['s-sc'] = styleId;
+        elm.classList.add(styleId + '-h');
+    }
+};
+var getScopeId = function (tagName, mode) { return 'sc-' + (tagName); };
+var convertScopedToShadow = function (css) { return css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, '$1{'); };
+/**
+ * Production h() function based on Preact by
+ * Jason Miller (@developit)
+ * Licensed under the MIT License
+ * https://github.com/developit/preact/blob/master/LICENSE
+ *
+ * Modified for Stencil's compiler and vdom
+ */
+// const stack: any[] = [];
+// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;
+// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
+var h = function (nodeName, vnodeData) {
+    var children = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+        children[_i - 2] = arguments[_i];
+    }
+    var child = null;
+    var simple = false;
+    var lastSimple = false;
+    var key;
+    var slotName;
+    var vNodeChildren = [];
+    var walk = function (c) {
+        for (var i = 0; i < c.length; i++) {
+            child = c[i];
+            if (Array.isArray(child)) {
+                walk(child);
+            }
+            else if (child != null && typeof child !== 'boolean') {
+                if (simple = typeof nodeName !== 'function' && !isComplexType(child)) {
+                    child = String(child);
+                }
+                if (simple && lastSimple) {
+                    // If the previous child was simple (string), we merge both
+                    vNodeChildren[vNodeChildren.length - 1].$text$ += child;
+                }
+                else {
+                    // Append a new vNode, if it's text, we create a text vNode
+                    vNodeChildren.push(simple ? { $flags$: 0, $text$: child } : child);
+                }
+                lastSimple = simple;
+            }
+        }
+    };
+    walk(children);
+    if (vnodeData) {
+        // normalize class / classname attributes
+        {
+            key = vnodeData.key || undefined;
+        }
+        {
+            slotName = vnodeData.name;
+        }
+        {
+            var classData_1 = vnodeData.className || vnodeData.class;
+            if (classData_1) {
+                vnodeData.class = typeof classData_1 !== 'object'
+                    ? classData_1
+                    : Object.keys(classData_1)
+                        .filter(function (k) { return classData_1[k]; })
+                        .join(' ');
+            }
+        }
+    }
+    if (typeof nodeName === 'function') {
+        // nodeName is a functional component
+        return nodeName(vnodeData, vNodeChildren, vdomFnUtils);
+    }
+    var vnode = {
+        $flags$: 0,
+        $tag$: nodeName,
+        $children$: vNodeChildren.length > 0 ? vNodeChildren : null,
+        $elm$: undefined,
+        $attrs$: vnodeData,
+    };
+    {
+        vnode.$key$ = key;
+    }
+    {
+        vnode.$name$ = slotName;
+    }
+    return vnode;
+};
+var Host = {};
+var isHost = function (node) {
+    return node && node.$tag$ === Host;
+};
+var vdomFnUtils = {
+    'forEach': function (children, cb) { return children.map(convertToPublic).forEach(cb); },
+    'map': function (children, cb) { return children.map(convertToPublic).map(cb).map(convertToPrivate); }
+};
+var convertToPublic = function (node) {
+    return {
+        vattrs: node.$attrs$,
+        vchildren: node.$children$,
+        vkey: node.$key$,
+        vname: node.$name$,
+        vtag: node.$tag$,
+        vtext: node.$text$
+    };
+};
+var convertToPrivate = function (node) {
+    return {
+        $flags$: 0,
+        $attrs$: node.vattrs,
+        $children$: node.vchildren,
+        $key$: node.vkey,
+        $name$: node.vname,
+        $tag$: node.vtag,
+        $text$: node.vtext
+    };
+};
+/**
+ * Production setAccessor() function based on Preact by
+ * Jason Miller (@developit)
+ * Licensed under the MIT License
+ * https://github.com/developit/preact/blob/master/LICENSE
+ *
+ * Modified for Stencil's compiler and vdom
+ */
+var setAccessor = function (elm, memberName, oldValue, newValue, isSvg, flags) {
+    if (oldValue === newValue) {
+        return;
+    }
+    if (memberName === 'class') {
+        var classList_1 = elm.classList;
+        parseClassList(oldValue).forEach(function (cls) { return classList_1.remove(cls); });
+        parseClassList(newValue).forEach(function (cls) { return classList_1.add(cls); });
+    }
+    else if (memberName === 'style') {
+        // update style attribute, css properties and values
+        {
+            for (var prop in oldValue) {
+                if (!newValue || newValue[prop] == null) {
+                    if (prop.includes('-')) {
+                        elm.style.removeProperty(prop);
+                    }
+                    else {
+                        elm.style[prop] = '';
+                    }
+                }
+            }
+        }
+        for (var prop in newValue) {
+            if (!oldValue || newValue[prop] !== oldValue[prop]) {
+                if (prop.includes('-')) {
+                    elm.style.setProperty(prop, newValue[prop]);
+                }
+                else {
+                    elm.style[prop] = newValue[prop];
+                }
+            }
+        }
+    }
+    else if (memberName === 'key')
+        ;
+    else if (memberName === 'ref') {
+        // minifier will clean this up
+        if (newValue) {
+            newValue(elm);
+        }
+    }
+    else if (memberName.startsWith('on') && !isMemberInElement(elm, memberName)) {
+        // Event Handlers
+        // so if the member name starts with "on" and the 3rd characters is
+        // a capital letter, and it's not already a member on the element,
+        // then we're assuming it's an event listener
+        if (isMemberInElement(elm, toLowerCase(memberName))) {
+            // standard event
+            // the JSX attribute could have been "onMouseOver" and the
+            // member name "onmouseover" is on the element's prototype
+            // so let's add the listener "mouseover", which is all lowercased
+            memberName = toLowerCase(memberName.substring(2));
+        }
+        else {
+            // custom event
+            // the JSX attribute could have been "onMyCustomEvent"
+            // so let's trim off the "on" prefix and lowercase the first character
+            // and add the listener "myCustomEvent"
+            // except for the first character, we keep the event name case
+            memberName = toLowerCase(memberName[2]) + memberName.substring(3);
+        }
+        if (oldValue) {
+            plt.rel(elm, memberName, oldValue, false);
+        }
+        if (newValue) {
+            plt.ael(elm, memberName, newValue, false);
+        }
+    }
+    else {
+        // Set property if it exists and it's not a SVG
+        var isProp = isMemberInElement(elm, memberName);
+        var isComplex = isComplexType(newValue);
+        var isCustomElement = elm.tagName.includes('-');
+        if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
+            try {
+                if (isCustomElement) {
+                    elm[memberName] = newValue;
+                }
+                else if (elm[memberName] !== newValue || '') {
+                    elm[memberName] = newValue || '';
+                }
+            }
+            catch (e) { }
+        }
+        /**
+         * Need to manually update attribute if:
+         * - memberName is not an attribute
+         * - if we are rendering the host element in order to reflect attribute
+         * - if it's a SVG, since properties might not work in <svg>
+         * - if the newValue is null/undefined or 'false'.
+         */
+        var isXlinkNs = isSvg && (memberName !== (memberName = memberName.replace(/^xlink\:?/, ''))) ? true : false;
+        if (newValue == null || newValue === false) {
+            if (isXlinkNs) {
+                elm.removeAttributeNS(XLINK_NS, toLowerCase(memberName));
+            }
+            else {
+                elm.removeAttribute(memberName);
+            }
+        }
+        else if ((!isProp || (flags & 4 /* isHost */) || isSvg) && !isComplex) {
+            newValue = newValue === true ? '' : newValue.toString();
+            if (isXlinkNs) {
+                elm.setAttributeNS(XLINK_NS, toLowerCase(memberName), newValue);
+            }
+            else {
+                elm.setAttribute(memberName, newValue);
+            }
+        }
+    }
+};
+var parseClassList = function (value) { return (!value) ? [] : value.split(/\s+/).filter(function (c) { return c; }); };
+var updateElement = function (oldVnode, newVnode, isSvgMode, memberName) {
+    // if the element passed in is a shadow root, which is a document fragment
+    // then we want to be adding attrs/props to the shadow root's "host" element
+    // if it's not a shadow root, then we add attrs/props to the same element
+    var elm = (newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host) ? newVnode.$elm$.host : newVnode.$elm$;
+    var oldVnodeAttrs = (oldVnode && oldVnode.$attrs$) || EMPTY_OBJ;
+    var newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
+    {
+        // remove attributes no longer present on the vnode by setting them to undefined
+        for (memberName in oldVnodeAttrs) {
+            if (!(memberName in newVnodeAttrs)) {
+                setAccessor(elm, memberName, oldVnodeAttrs[memberName], undefined, isSvgMode, newVnode.$flags$);
+            }
+        }
+    }
+    // add new & update changed attributes
+    for (memberName in newVnodeAttrs) {
+        setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode, newVnode.$flags$);
+    }
+};
+var scopeId;
+var contentRef;
+var hostTagName;
+var useNativeShadowDom = false;
+var checkSlotFallbackVisibility = false;
+var checkSlotRelocate = false;
+var isSvgMode = false;
+var createElm = function (oldParentVNode, newParentVNode, childIndex, parentElm) {
+    // tslint:disable-next-line: prefer-const
+    var newVNode = newParentVNode.$children$[childIndex];
+    var i = 0;
+    var elm;
+    var childNode;
+    var oldVNode;
+    if (!useNativeShadowDom) {
+        // remember for later we need to check to relocate nodes
+        checkSlotRelocate = true;
+        if (newVNode.$tag$ === 'slot') {
+            if (scopeId) {
+                // scoped css needs to add its scoped id to the parent element
+                parentElm.classList.add(scopeId + '-s');
+            }
+            if (!newVNode.$children$) {
+                // slot element does not have fallback content
+                // create an html comment we'll use to always reference
+                // where actual slot content should sit next to
+                newVNode.$flags$ |= 1 /* isSlotReference */;
+            }
+            else {
+                // slot element has fallback content
+                // still create an element that "mocks" the slot element
+                newVNode.$flags$ |= 2 /* isSlotFallback */;
+            }
+        }
+    }
+    if (isDef(newVNode.$text$)) {
+        // create text node
+        newVNode.$elm$ = doc.createTextNode(newVNode.$text$);
+    }
+    else if (newVNode.$flags$ & 1 /* isSlotReference */) {
+        // create a slot reference node
+        newVNode.$elm$ = doc.createTextNode('');
+    }
+    else {
+        // create element
+        elm = newVNode.$elm$ = (((isSvgMode || newVNode.$tag$ === 'svg'))
+            ? doc.createElementNS(SVG_NS, newVNode.$tag$)
+            : doc.createElement((newVNode.$flags$ & 2 /* isSlotFallback */) ? 'slot-fb' : newVNode.$tag$));
+        {
+            isSvgMode = newVNode.$tag$ === 'svg' ? true : (newVNode.$tag$ === 'foreignObject' ? false : isSvgMode);
+        }
+        // add css classes, attrs, props, listeners, etc.
+        {
+            updateElement(null, newVNode, isSvgMode);
+        }
+        if (isDef(scopeId) && elm['s-si'] !== scopeId) {
+            // if there is a scopeId and this is the initial render
+            // then let's add the scopeId as a css class
+            elm.classList.add((elm['s-si'] = scopeId));
+        }
+        if (newVNode.$children$) {
+            for (i = 0; i < newVNode.$children$.length; ++i) {
+                // create the node
+                childNode = createElm(oldParentVNode, newVNode, i, elm);
+                // return node could have been null
+                if (childNode) {
+                    // append our new node
+                    elm.appendChild(childNode);
+                }
+            }
+        }
+        {
+            if (newVNode.$tag$ === 'svg') {
+                // Only reset the SVG context when we're exiting <svg> element
+                isSvgMode = false;
+            }
+            else if (newVNode.$elm$.tagName === 'foreignObject') {
+                // Reenter SVG context when we're exiting <foreignObject> element
+                isSvgMode = true;
+            }
+        }
+    }
+    {
+        newVNode.$elm$['s-hn'] = hostTagName;
+        if (newVNode.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
+            // remember the content reference comment
+            newVNode.$elm$['s-sr'] = true;
+            // remember the content reference comment
+            newVNode.$elm$['s-cr'] = contentRef;
+            // remember the slot name, or empty string for default slot
+            newVNode.$elm$['s-sn'] = newVNode.$name$ || '';
+            // check if we've got an old vnode for this slot
+            oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
+            if (oldVNode && oldVNode.$tag$ === newVNode.$tag$ && oldParentVNode.$elm$) {
+                // we've got an old slot vnode and the wrapper is being replaced
+                // so let's move the old slot content back to it's original location
+                putBackInOriginalLocation(oldParentVNode.$elm$, false);
+            }
+        }
+    }
+    return newVNode.$elm$;
+};
+var putBackInOriginalLocation = function (parentElm, recursive) {
+    plt.$flags$ |= 1 /* isTmpDisconnected */;
+    var oldSlotChildNodes = parentElm.childNodes;
+    for (var i = oldSlotChildNodes.length - 1; i >= 0; i--) {
+        var childNode = oldSlotChildNodes[i];
+        if (childNode['s-hn'] !== hostTagName && childNode['s-ol']) {
+            // // this child node in the old element is from another component
+            // // remove this node from the old slot's parent
+            // childNode.remove();
+            // and relocate it back to it's original location
+            parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));
+            // remove the old original location comment entirely
+            // later on the patch function will know what to do
+            // and move this to the correct spot in need be
+            childNode['s-ol'].remove();
+            childNode['s-ol'] = undefined;
+            checkSlotRelocate = true;
+        }
+        if (recursive) {
+            putBackInOriginalLocation(childNode, recursive);
+        }
+    }
+    plt.$flags$ &= ~1 /* isTmpDisconnected */;
+};
+var addVnodes = function (parentElm, before, parentVNode, vnodes, startIdx, endIdx) {
+    var containerElm = ((parentElm['s-cr'] && parentElm['s-cr'].parentNode) || parentElm);
+    var childNode;
+    if (containerElm.shadowRoot && toLowerCase(containerElm.tagName) === hostTagName) {
+        containerElm = containerElm.shadowRoot;
+    }
+    for (; startIdx <= endIdx; ++startIdx) {
+        if (vnodes[startIdx]) {
+            childNode = createElm(null, parentVNode, startIdx, parentElm);
+            if (childNode) {
+                vnodes[startIdx].$elm$ = childNode;
+                containerElm.insertBefore(childNode, referenceNode(before));
+            }
+        }
+    }
+};
+var removeVnodes = function (vnodes, startIdx, endIdx, elm) {
+    for (; startIdx <= endIdx; ++startIdx) {
+        if (isDef(vnodes[startIdx])) {
+            elm = vnodes[startIdx].$elm$;
+            callNodeRefs(vnodes[startIdx], true);
+            {
+                // we're removing this element
+                // so it's possible we need to show slot fallback content now
+                checkSlotFallbackVisibility = true;
+                if (elm['s-ol']) {
+                    // remove the original location comment
+                    elm['s-ol'].remove();
+                }
+                else {
+                    // it's possible that child nodes of the node
+                    // that's being removed are slot nodes
+                    putBackInOriginalLocation(elm, true);
+                }
+            }
+            // remove the vnode's element from the dom
+            elm.remove();
+        }
+    }
+};
+var updateChildren = function (parentElm, oldCh, newVNode, newCh) {
+    var oldStartIdx = 0;
+    var newStartIdx = 0;
+    var idxInOld = 0;
+    var i = 0;
+    var oldEndIdx = oldCh.length - 1;
+    var oldStartVnode = oldCh[0];
+    var oldEndVnode = oldCh[oldEndIdx];
+    var newEndIdx = newCh.length - 1;
+    var newStartVnode = newCh[0];
+    var newEndVnode = newCh[newEndIdx];
+    var node;
+    var elmToMove;
+    while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+        if (oldStartVnode == null) {
+            // Vnode might have been moved left
+            oldStartVnode = oldCh[++oldStartIdx];
+        }
+        else if (oldEndVnode == null) {
+            oldEndVnode = oldCh[--oldEndIdx];
+        }
+        else if (newStartVnode == null) {
+            newStartVnode = newCh[++newStartIdx];
+        }
+        else if (newEndVnode == null) {
+            newEndVnode = newCh[--newEndIdx];
+        }
+        else if (isSameVnode(oldStartVnode, newStartVnode)) {
+            patch(oldStartVnode, newStartVnode);
+            oldStartVnode = oldCh[++oldStartIdx];
+            newStartVnode = newCh[++newStartIdx];
+        }
+        else if (isSameVnode(oldEndVnode, newEndVnode)) {
+            patch(oldEndVnode, newEndVnode);
+            oldEndVnode = oldCh[--oldEndIdx];
+            newEndVnode = newCh[--newEndIdx];
+        }
+        else if (isSameVnode(oldStartVnode, newEndVnode)) {
+            // Vnode moved right
+            if ((oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
+                putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
+            }
+            patch(oldStartVnode, newEndVnode);
+            parentElm.insertBefore(oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+            oldStartVnode = oldCh[++oldStartIdx];
+            newEndVnode = newCh[--newEndIdx];
+        }
+        else if (isSameVnode(oldEndVnode, newStartVnode)) {
+            // Vnode moved left
+            if ((oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
+                putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
+            }
+            patch(oldEndVnode, newStartVnode);
+            parentElm.insertBefore(oldEndVnode.$elm$, oldStartVnode.$elm$);
+            oldEndVnode = oldCh[--oldEndIdx];
+            newStartVnode = newCh[++newStartIdx];
+        }
+        else {
+            // createKeyToOldIdx
+            idxInOld = -1;
+            {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && isDef(oldCh[i].$key$) && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if (idxInOld >= 0) {
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld, parentElm);
+                }
+                else {
+                    patch(elmToMove, newStartVnode);
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
+                // new element
+                node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx, parentElm);
+                newStartVnode = newCh[++newStartIdx];
+            }
+            if (node) {
+                {
+                    parentReferenceNode(oldStartVnode.$elm$).insertBefore(node, referenceNode(oldStartVnode.$elm$));
+                }
+            }
+        }
+    }
+    if (oldStartIdx > oldEndIdx) {
+        addVnodes(parentElm, (newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$), newVNode, newCh, newStartIdx, newEndIdx);
+    }
+    else if (newStartIdx > newEndIdx) {
+        removeVnodes(oldCh, oldStartIdx, oldEndIdx);
+    }
+};
+var isSameVnode = function (vnode1, vnode2) {
+    // compare if two vnode to see if they're "technically" the same
+    // need to have the same element tag, and same key to be the same
+    if (vnode1.$tag$ === vnode2.$tag$) {
+        if (vnode1.$tag$ === 'slot') {
+            return vnode1.$name$ === vnode2.$name$;
+        }
+        {
+            return vnode1.$key$ === vnode2.$key$;
+        }
+        return true;
+    }
+    return false;
+};
+var referenceNode = function (node) {
+    // this node was relocated to a new location in the dom
+    // because of some other component's slot
+    // but we still have an html comment in place of where
+    // it's original location was according to it's original vdom
+    return (node && node['s-ol']) || node;
+};
+var parentReferenceNode = function (node) { return (node['s-ol'] ? node['s-ol'] : node).parentNode; };
+var patch = function (oldVNode, newVNode) {
+    var elm = newVNode.$elm$ = oldVNode.$elm$;
+    var oldChildren = oldVNode.$children$;
+    var newChildren = newVNode.$children$;
+    var defaultHolder;
+    {
+        // test if we're rendering an svg element, or still rendering nodes inside of one
+        // only add this to the when the compiler sees we're using an svg somewhere
+        isSvgMode = elm &&
+            isDef(elm.parentNode) &&
+            elm.ownerSVGElement !== undefined;
+        isSvgMode = newVNode.$tag$ === 'svg' ? true : (newVNode.$tag$ === 'foreignObject' ? false : isSvgMode);
+    }
+    if (!isDef(newVNode.$text$)) {
+        // element node
+        {
+            if (newVNode.$tag$ === 'slot')
+                ;
+            else {
+                // either this is the first render of an element OR it's an update
+                // AND we already know it's possible it could have changed
+                // this updates the element's css classes, attrs, props, listeners, etc.
+                updateElement(oldVNode, newVNode, isSvgMode);
+            }
+        }
+        if (isDef(oldChildren) && isDef(newChildren)) {
+            // looks like there's child vnodes for both the old and new vnodes
+            updateChildren(elm, oldChildren, newVNode, newChildren);
+        }
+        else if (isDef(newChildren)) {
+            // no old child vnodes, but there are new child vnodes to add
+            if (isDef(oldVNode.$text$)) {
+                // the old vnode was text, so be sure to clear it out
+                elm.textContent = '';
+            }
+            // add the new vnode children
+            addVnodes(elm, null, newVNode, newChildren, 0, newChildren.length - 1);
+        }
+        else if (isDef(oldChildren)) {
+            // no new child vnodes, but there are old child vnodes to remove
+            removeVnodes(oldChildren, 0, oldChildren.length - 1);
+        }
+    }
+    else if ((defaultHolder = elm['s-cr'])) {
+        // this element has slotted content
+        defaultHolder.parentNode.textContent = newVNode.$text$;
+    }
+    else if (oldVNode.$text$ !== newVNode.$text$) {
+        // update the text content for the text only vnode
+        // and also only if the text is different than before
+        elm.textContent = newVNode.$text$;
+    }
+    if (isSvgMode && newVNode.$tag$ === 'svg') {
+        isSvgMode = false;
+    }
+};
+var updateFallbackSlotVisibility = function (elm, childNode, childNodes, i, ilen, j, slotNameAttr, nodeType) {
+    childNodes = elm.childNodes;
+    for (i = 0, ilen = childNodes.length; i < ilen; i++) {
+        childNode = childNodes[i];
+        if (childNode.nodeType === 1 /* ElementNode */) {
+            if (childNode['s-sr']) {
+                // this is a slot fallback node
+                // get the slot name for this slot reference node
+                slotNameAttr = childNode['s-sn'];
+                // by default always show a fallback slot node
+                // then hide it if there are other slots in the light dom
+                childNode.hidden = false;
+                for (j = 0; j < ilen; j++) {
+                    if (childNodes[j]['s-hn'] !== childNode['s-hn']) {
+                        // this sibling node is from a different component
+                        nodeType = childNodes[j].nodeType;
+                        if (slotNameAttr !== '') {
+                            // this is a named fallback slot node
+                            if (nodeType === 1 /* ElementNode */ && slotNameAttr === childNodes[j].getAttribute('slot')) {
+                                childNode.hidden = true;
+                                break;
+                            }
+                        }
+                        else {
+                            // this is a default fallback slot node
+                            // any element or text node (with content)
+                            // should hide the default fallback slot node
+                            if (nodeType === 1 /* ElementNode */ || (nodeType === 3 /* TextNode */ && childNodes[j].textContent.trim() !== '')) {
+                                childNode.hidden = true;
+                                break;
+                            }
+                        }
+                    }
+                }
+            }
+            // keep drilling down
+            updateFallbackSlotVisibility(childNode);
+        }
+    }
+};
+var relocateNodes = [];
+var relocateSlotContent = function (elm) {
+    // tslint:disable-next-line: prefer-const
+    var childNodes = elm.childNodes;
+    var ilen = childNodes.length;
+    var i = 0;
+    var j = 0;
+    var nodeType = 0;
+    var childNode;
+    var node;
+    var hostContentNodes;
+    var slotNameAttr;
+    for (ilen = childNodes.length; i < ilen; i++) {
+        childNode = childNodes[i];
+        if (childNode['s-sr'] && (node = childNode['s-cr'])) {
+            // first got the content reference comment node
+            // then we got it's parent, which is where all the host content is in now
+            hostContentNodes = node.parentNode.childNodes;
+            slotNameAttr = childNode['s-sn'];
+            for (j = hostContentNodes.length - 1; j >= 0; j--) {
+                node = hostContentNodes[j];
+                if (!node['s-cn'] && !node['s-nr'] && node['s-hn'] !== childNode['s-hn']) {
+                    // let's do some relocating to its new home
+                    // but never relocate a content reference node
+                    // that is suppose to always represent the original content location
+                    nodeType = node.nodeType;
+                    if (((nodeType === 3 /* TextNode */ || nodeType === 8 /* CommentNode */) && slotNameAttr === '') ||
+                        (nodeType === 1 /* ElementNode */ && node.getAttribute('slot') === null && slotNameAttr === '') ||
+                        (nodeType === 1 /* ElementNode */ && node.getAttribute('slot') === slotNameAttr)) {
+                        // it's possible we've already decided to relocate this node
+                        if (!relocateNodes.some(function (r) { return r.$nodeToRelocate$ === node; })) {
+                            // made some changes to slots
+                            // let's make sure we also double check
+                            // fallbacks are correctly hidden or shown
+                            checkSlotFallbackVisibility = true;
+                            node['s-sn'] = slotNameAttr;
+                            // add to our list of nodes to relocate
+                            relocateNodes.push({
+                                $slotRefNode$: childNode,
+                                $nodeToRelocate$: node
+                            });
+                        }
+                    }
+                }
+            }
+        }
+        if (childNode.nodeType === 1 /* ElementNode */) {
+            relocateSlotContent(childNode);
+        }
+    }
+};
+var callNodeRefs = function (vNode, isDestroy) {
+    if (vNode) {
+        vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(isDestroy ? null : vNode.$elm$);
+        vNode.$children$ && vNode.$children$.forEach(function (vChild) {
+            callNodeRefs(vChild, isDestroy);
+        });
+    }
+};
+var renderVdom = function (hostElm, hostRef, cmpMeta, renderFnResults) {
+    hostTagName = toLowerCase(hostElm.tagName);
+    var oldVNode = hostRef.$vnode$ || { $flags$: 0 };
+    var rootVnode = isHost(renderFnResults)
+        ? renderFnResults
+        : h(null, null, renderFnResults);
+    if (cmpMeta.$attrsToReflect$) {
+        rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+        cmpMeta.$attrsToReflect$.forEach(function (_a) {
+            var propName = _a[0], attribute = _a[1];
+            return rootVnode.$attrs$[attribute] = hostElm[propName];
+        });
+    }
+    rootVnode.$tag$ = null;
+    rootVnode.$flags$ |= 4 /* isHost */;
+    hostRef.$vnode$ = rootVnode;
+    rootVnode.$elm$ = oldVNode.$elm$ = (hostElm.shadowRoot || hostElm);
+    {
+        scopeId = hostElm['s-sc'];
+    }
+    {
+        contentRef = hostElm['s-cr'];
+        useNativeShadowDom = supportsShadowDom && (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
+        // always reset
+        checkSlotRelocate = checkSlotFallbackVisibility = false;
+    }
+    // synchronous patch
+    patch(oldVNode, rootVnode);
+    {
+        if (checkSlotRelocate) {
+            relocateSlotContent(rootVnode.$elm$);
+            for (var i = 0; i < relocateNodes.length; i++) {
+                var relocateNode = relocateNodes[i];
+                if (!relocateNode.$nodeToRelocate$['s-ol']) {
+                    // add a reference node marking this node's original location
+                    // keep a reference to this node for later lookups
+                    var orgLocationNode = doc.createTextNode('');
+                    orgLocationNode['s-nr'] = relocateNode.$nodeToRelocate$;
+                    relocateNode.$nodeToRelocate$.parentNode.insertBefore((relocateNode.$nodeToRelocate$['s-ol'] = orgLocationNode), relocateNode.$nodeToRelocate$);
+                }
+            }
+            // while we're moving nodes around existing nodes, temporarily disable
+            // the disconnectCallback from working
+            plt.$flags$ |= 1 /* isTmpDisconnected */;
+            for (var i = 0; i < relocateNodes.length; i++) {
+                var relocateNode = relocateNodes[i];
+                // by default we're just going to insert it directly
+                // after the slot reference node
+                var parentNodeRef = relocateNode.$slotRefNode$.parentNode;
+                var insertBeforeNode = relocateNode.$slotRefNode$.nextSibling;
+                var orgLocationNode = relocateNode.$nodeToRelocate$['s-ol'];
+                while (orgLocationNode = orgLocationNode.previousSibling) {
+                    var refNode = orgLocationNode['s-nr'];
+                    if (refNode &&
+                        refNode['s-sn'] === relocateNode.$nodeToRelocate$['s-sn'] &&
+                        parentNodeRef === refNode.parentNode) {
+                        refNode = refNode.nextSibling;
+                        if (!refNode || !refNode['s-nr']) {
+                            insertBeforeNode = refNode;
+                            break;
+                        }
+                    }
+                }
+                if ((!insertBeforeNode && parentNodeRef !== relocateNode.$nodeToRelocate$.parentNode) ||
+                    (relocateNode.$nodeToRelocate$.nextSibling !== insertBeforeNode)) {
+                    // we've checked that it's worth while to relocate
+                    // since that the node to relocate
+                    // has a different next sibling or parent relocated
+                    if (relocateNode.$nodeToRelocate$ !== insertBeforeNode) {
+                        // add it back to the dom but in its new home
+                        parentNodeRef.insertBefore(relocateNode.$nodeToRelocate$, insertBeforeNode);
+                    }
+                }
+            }
+            // done moving nodes around
+            // allow the disconnect callback to work again
+            plt.$flags$ &= ~1 /* isTmpDisconnected */;
+        }
+        if (checkSlotFallbackVisibility) {
+            updateFallbackSlotVisibility(rootVnode.$elm$);
+        }
+        // always reset
+        relocateNodes.length = 0;
+    }
+};
+var scheduleUpdate = function (elm, hostRef, cmpMeta, isInitialLoad) {
+    {
+        hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
+    }
+    var instance = hostRef.$lazyInstance$;
+    var promise;
+    if (isInitialLoad) {
+        {
+            hostRef.$flags$ |= 256 /* isListenReady */;
+        }
+        if (hostRef.$queuedListeners$) {
+            hostRef.$queuedListeners$.forEach(function (_a) {
+                var methodName = _a[0], event = _a[1];
+                return safeCall(instance, methodName, event);
+            });
+            hostRef.$queuedListeners$ = null;
+        }
+        {
+            promise = safeCall(instance, 'componentWillLoad');
+        }
+    }
+    else {
+        {
+            promise = safeCall(instance, 'componentWillUpdate');
+        }
+    }
+    {
+        promise = then(promise, function () { return safeCall(instance, 'componentWillRender'); });
+    }
+    // there is no ancestorc omponent or the ancestor component
+    // has already fired off its lifecycle update then
+    // fire off the initial update
+    var update = function () { return updateComponent(elm, hostRef, cmpMeta, instance, isInitialLoad); };
+    return then(promise, function () { return writeTask(update); });
+};
+var updateComponent = function (elm, hostRef, cmpMeta, instance, isInitialLoad) {
+    // updateComponent
+    {
+        hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
+    }
+    {
+        elm['s-lr'] = false;
+    }
+    if (isInitialLoad) {
+        // DOM WRITE!
+        attachStyles(elm, cmpMeta, hostRef.$modeName$);
+    }
+    {
+        {
+            // tell the platform we're actively rendering
+            // if a value is changed within a render() then
+            // this tells the platform not to queue the change
+            hostRef.$flags$ |= 4 /* isActiveRender */;
+            try {
+                // looks like we've got child nodes to render into this host element
+                // or we need to update the css class/attrs on the host element
+                // DOM WRITE!
+                renderVdom(elm, hostRef, cmpMeta, instance.render());
+            }
+            catch (e) {
+                consoleError(e);
+            }
+            hostRef.$flags$ &= ~4 /* isActiveRender */;
+        }
+    }
+    if (cssVarShim) {
+        cssVarShim.updateHost(elm);
+    }
+    // set that this component lifecycle rendering has completed
+    {
+        elm['s-lr'] = true;
+    }
+    {
+        hostRef.$flags$ |= 2 /* hasRendered */;
+    }
+    if (elm['s-rc'].length > 0) {
+        // ok, so turns out there are some child host elements
+        // waiting on this parent element to load
+        // let's fire off all update callbacks waiting
+        elm['s-rc'].forEach(function (cb) { return cb(); });
+        elm['s-rc'].length = 0;
+    }
+    postUpdateComponent(elm, hostRef);
+};
+var postUpdateComponent = function (elm, hostRef, ancestorsActivelyLoadingChildren) {
+    if (!elm['s-al']) {
+        var instance = hostRef.$lazyInstance$;
+        var ancestorComponent = hostRef.$ancestorComponent$;
+        {
+            safeCall(instance, 'componentDidRender');
+        }
+        if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
+            hostRef.$flags$ |= 64 /* hasLoadedComponent */;
+            {
+                // DOM WRITE!
+                // add the css class that this element has officially hydrated
+                elm.classList.add(HYDRATED_CLASS);
+            }
+            {
+                safeCall(instance, 'componentDidLoad');
+            }
+            {
+                hostRef.$onReadyResolve$(elm);
+            }
+            if (!ancestorComponent) {
+                appDidLoad();
+            }
+        }
+        // load events fire from bottom to top
+        // the deepest elements load first then bubbles up
+        if (ancestorComponent) {
+            // ok so this element already has a known ancestor component
+            // let's make sure we remove this element from its ancestor's
+            // known list of child elements which are actively loading
+            if (ancestorsActivelyLoadingChildren = ancestorComponent['s-al']) {
+                // remove this element from the actively loading map
+                ancestorsActivelyLoadingChildren.delete(elm);
+                // the ancestor's initializeComponent method will do the actual checks
+                // to see if the ancestor is actually loaded or not
+                // then let's call the ancestor's initializeComponent method if there's no length
+                // (which actually ends up as this method again but for the ancestor)
+                if (ancestorsActivelyLoadingChildren.size === 0) {
+                    ancestorComponent['s-al'] = undefined;
+                    ancestorComponent['s-init']();
+                }
+            }
+            hostRef.$ancestorComponent$ = undefined;
+        }
+        // ( •_•)
+        // ( •_•)>⌐■-■
+        // (⌐■_■)
+    }
+};
+var forceUpdate = function (elm, cmpMeta) {
+    {
+        var hostRef = getHostRef(elm);
+        if (hostRef.$flags$ & 2 /* hasRendered */) {
+            scheduleUpdate(elm, hostRef, cmpMeta, false);
+        }
+    }
+};
+var appDidLoad = function () {
+    // on appload
+    // we have finish the first big initial render
+    {
+        doc.documentElement.classList.add(HYDRATED_CLASS);
+    }
+    {
+        plt.$flags$ |= 2 /* appLoaded */;
+    }
+};
+var safeCall = function (instance, method, arg) {
+    if (instance && instance[method]) {
+        try {
+            return instance[method](arg);
+        }
+        catch (e) {
+            consoleError(e);
+        }
+    }
+    return undefined;
+};
+var then = function (promise, thenFn) {
+    return promise && promise.then ? promise.then(thenFn) : thenFn();
+};
+var getValue = function (ref, propName) { return getHostRef(ref).$instanceValues$.get(propName); };
+var setValue = function (ref, propName, newVal, cmpMeta) {
+    // check our new property value against our internal value
+    var hostRef = getHostRef(ref);
+    var elm = hostRef.$hostElement$;
+    var oldVal = hostRef.$instanceValues$.get(propName);
+    var flags = hostRef.$flags$;
+    newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
+    if (newVal !== oldVal && (!(flags & 8 /* isConstructingInstance */) || oldVal === undefined)) {
+        // gadzooks! the property's value has changed!!
+        // set our new value!
+        hostRef.$instanceValues$.set(propName, newVal);
+        if (hostRef.$lazyInstance$) {
+            // get an array of method names of watch functions to call
+            if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+                var watchMethods = cmpMeta.$watchers$[propName];
+                if (watchMethods) {
+                    // this instance is watching for when this property changed
+                    watchMethods.forEach(function (watchMethodName) {
+                        try {
+                            // fire off each of the watch methods that are watching this property
+                            (hostRef.$lazyInstance$)[watchMethodName].call((hostRef.$lazyInstance$), newVal, oldVal, propName);
+                        }
+                        catch (e) {
+                            consoleError(e);
+                        }
+                    });
+                }
+            }
+            if ((flags & (4 /* isActiveRender */ | 2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+                // looks like this value actually changed, so we've got work to do!
+                // but only if we've already rendered, otherwise just chill out
+                // queue that we need to do an update, but don't worry about queuing
+                // up millions cuz this function ensures it only runs once
+                scheduleUpdate(elm, hostRef, cmpMeta, false);
+            }
+        }
+    }
+};
+var proxyComponent = function (Cstr, cmpMeta, flags) {
+    if (cmpMeta.$members$) {
+        if (Cstr.watchers) {
+            cmpMeta.$watchers$ = Cstr.watchers;
+        }
+        // It's better to have a const than two Object.entries()
+        var members = Object.entries(cmpMeta.$members$);
+        var prototype_1 = Cstr.prototype;
+        members.forEach(function (_a) {
+            var memberName = _a[0], memberFlags = _a[1][0];
+            if (((memberFlags & 31 /* Prop */) ||
+                ((flags & 2 /* proxyState */) &&
+                    (memberFlags & 32 /* State */)))) {
+                // proxyComponent - prop
+                Object.defineProperty(prototype_1, memberName, {
+                    get: function () {
+                        // proxyComponent, get value
+                        return getValue(this, memberName);
+                    },
+                    set: function (newValue) {
+                        // proxyComponent, set value
+                        setValue(this, memberName, newValue, cmpMeta);
+                    },
+                    configurable: true,
+                    enumerable: true
+                });
+            }
+            else if ((flags & 1 /* isElementConstructor */) && (memberFlags & 64 /* Method */)) {
+                // proxyComponent - method
+                Object.defineProperty(prototype_1, memberName, {
+                    value: function () {
+                        var args = [];
+                        for (var _i = 0; _i < arguments.length; _i++) {
+                            args[_i] = arguments[_i];
+                        }
+                        var ref = getHostRef(this);
+                        return ref.$onReadyPromise$.then(function () {
+                            var _a;
+                            return (_a = ref.$lazyInstance$)[memberName].apply(_a, args);
+                        });
+                    }
+                });
+            }
+        });
+        if ((flags & 1 /* isElementConstructor */)) {
+            var attrNameToPropName_1 = new Map();
+            prototype_1.attributeChangedCallback = function (attrName, _oldValue, newValue) {
+                var _this = this;
+                plt.jmp(function () {
+                    var propName = attrNameToPropName_1.get(attrName);
+                    _this[propName] = newValue === null && typeof _this[propName] === 'boolean'
+                        ? false
+                        : newValue;
+                });
+            };
+            // create an array of attributes to observe
+            // and also create a map of html attribute name to js property name
+            Cstr.observedAttributes = members
+                .filter(function (_a) {
+                var _ = _a[0], m = _a[1];
+                return m[0] & 15;
+            } /* HasAttribute */) // filter to only keep props that should match attributes
+                .map(function (_a) {
+                var propName = _a[0], m = _a[1];
+                var attrName = m[1] || propName;
+                attrNameToPropName_1.set(attrName, propName);
+                if (m[0] & 512 /* ReflectAttr */) {
+                    cmpMeta.$attrsToReflect$.push([propName, attrName]);
+                }
+                return attrName;
+            });
+        }
+    }
+    return Cstr;
+};
+var addEventListeners = function (elm, hostRef, listeners) {
+    hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || [];
+    var removeFns = listeners.map(function (_a) {
+        var flags = _a[0], name = _a[1], method = _a[2];
+        var target = (getHostListenerTarget(elm, flags));
+        var handler = hostListenerProxy(hostRef, method);
+        var opts = hostListenerOpts(flags);
+        plt.ael(target, name, handler, opts);
+        return function () { return plt.rel(target, name, handler, opts); };
+    });
+    return function () { return removeFns.forEach(function (fn) { return fn(); }); };
+};
+var hostListenerProxy = function (hostRef, methodName) {
+    return function (ev) {
+        {
+            if (hostRef.$flags$ & 256 /* isListenReady */) {
+                // instance is ready, let's call it's member method for this event
+                hostRef.$lazyInstance$[methodName](ev);
+            }
+            else {
+                hostRef.$queuedListeners$.push([methodName, ev]);
+            }
+        }
+    };
+};
+var getHostListenerTarget = function (elm, flags) {
+    if (flags & 32 /* TargetBody */)
+        return doc.body;
+    if (flags & 16 /* TargetParent */)
+        return elm.parentElement;
+    return elm;
+};
+var hostListenerOpts = function (flags) { return supportsListenerOptions ?
+    {
+        'passive': (flags & 1 /* Passive */) !== 0,
+        'capture': (flags & 2 /* Capture */) !== 0,
+    }
+    : (flags & 2 /* Capture */) !== 0; };
+var initializeClientHydrate = function (hostElm, tagName, hostId, hostRef) {
+    var shadowRoot = hostElm.shadowRoot;
+    var childRenderNodes = [];
+    var slotNodes = [];
+    var shadowRootNodes = (shadowRoot ? [] : null);
+    var vnode = hostRef.$vnode$ = {
+        $flags$: 0,
+        $tag$: tagName
+    };
+    if (!plt.$orgLocNodes$) {
+        initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = new Map());
+    }
+    hostElm[HYDRATE_ID] = hostId;
+    hostElm.removeAttribute(HYDRATE_ID);
+    clientHydrate(vnode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, hostElm, hostId);
+    childRenderNodes.forEach(function (c) {
+        var orgLocationId = c.$hostId$ + '.' + c.$nodeId$;
+        var orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
+        var node = c.$elm$;
+        if (orgLocationNode && (orgLocationNode['s-sd'] || c.$hostId$ === '0')) {
+            orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
+        }
+        if (!shadowRoot) {
+            node['s-hn'] = tagName;
+            if (orgLocationNode) {
+                node['s-ol'] = orgLocationNode;
+                node['s-ol']['s-nr'] = node;
+            }
+        }
+        plt.$orgLocNodes$.delete(orgLocationId);
+    });
+    if (shadowRoot) {
+        shadowRootNodes.forEach(function (shadowRootNode) {
+            if (shadowRootNode) {
+                shadowRoot.appendChild(shadowRootNode);
+            }
+        });
+    }
+};
+var clientHydrate = function (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId) {
+    var childNodeType;
+    var childIdSplt;
+    var childVNode;
+    if (node.nodeType === 1 /* ElementNode */) {
+        childNodeType = node.getAttribute(HYDRATE_CHILD_ID);
+        if (childNodeType) {
+            // got the node data from the element's attribute
+            // `${hostId}.${nodeId}.${depth}.${index}`
+            childIdSplt = childNodeType.split('.');
+            if (childIdSplt[0] === hostId || childIdSplt[0] === '0') {
+                childVNode = {
+                    $flags$: 0,
+                    $hostId$: childIdSplt[0],
+                    $nodeId$: childIdSplt[1],
+                    $depth$: childIdSplt[2],
+                    $index$: childIdSplt[3],
+                    $tag$: toLowerCase(node.tagName),
+                    $elm$: node
+                };
+                childRenderNodes.push(childVNode);
+                node.removeAttribute(HYDRATE_CHILD_ID);
+                // this is a new child vnode
+                // so ensure its parent vnode has the vchildren array
+                if (!parentVNode.$children$) {
+                    parentVNode.$children$ = [];
+                }
+                // add our child vnode to a specific index of the vnode's children
+                parentVNode.$children$[childVNode.$index$] = childVNode;
+                // this is now the new parent vnode for all the next child checks
+                parentVNode = childVNode;
+                if (shadowRootNodes && childVNode.$depth$ === '0') {
+                    shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+                }
+            }
+        }
+        // recursively drill down, end to start so we can remove nodes
+        var i = node.childNodes.length - 1;
+        for (; i >= 0; i--) {
+            clientHydrate(parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node.childNodes[i], hostId);
+        }
+        if (node.shadowRoot) {
+            // keep drilling down through the shadow root nodes
+            for (i = node.shadowRoot.childNodes.length - 1; i >= 0; i--) {
+                clientHydrate(parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node.shadowRoot.childNodes[i], hostId);
+            }
+        }
+    }
+    else if (node.nodeType === 8 /* CommentNode */) {
+        // `${COMMENT_TYPE}.${hostId}.${nodeId}.${depth}.${index}`
+        childIdSplt = node.nodeValue.split('.');
+        if (childIdSplt[1] === hostId || childIdSplt[1] === '0') {
+            // comment node for either the host id or a 0 host id
+            childNodeType = childIdSplt[0];
+            childVNode = {
+                $flags$: 0,
+                $hostId$: childIdSplt[1],
+                $nodeId$: childIdSplt[2],
+                $depth$: childIdSplt[3],
+                $index$: childIdSplt[4],
+                $elm$: node
+            };
+            if (childNodeType === TEXT_NODE_ID) {
+                childVNode.$elm$ = node.nextSibling;
+                if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* TextNode */) {
+                    childVNode.$text$ = childVNode.$elm$.textContent;
+                    childRenderNodes.push(childVNode);
+                    // remove the text comment since it's no longer needed
+                    node.remove();
+                    if (!parentVNode.$children$) {
+                        parentVNode.$children$ = [];
+                    }
+                    parentVNode.$children$[childVNode.$index$] = childVNode;
+                    if (shadowRootNodes && childVNode.$depth$ === '0') {
+                        shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+                    }
+                }
+            }
+            else if (childVNode.$hostId$ === hostId) {
+                // this comment node is specifcally for this host id
+                if (childNodeType === SLOT_NODE_ID) {
+                    // `${SLOT_NODE_ID}.${hostId}.${nodeId}.${depth}.${index}.${slotName}`;
+                    childVNode.$tag$ = 'slot';
+                    if (childIdSplt[5]) {
+                        node['s-sn'] = childVNode.$name$ = childIdSplt[5];
+                    }
+                    else {
+                        node['s-sn'] = '';
+                    }
+                    node['s-sr'] = true;
+                    if (shadowRootNodes) {
+                        // browser support shadowRoot and this is a shadow dom component
+                        // create an actual slot element
+                        childVNode.$elm$ = doc.createElement(childVNode.$tag$);
+                        if (childVNode.$name$) {
+                            // add the slot name attribute
+                            childVNode.$elm$.setAttribute('name', childVNode.$name$);
+                        }
+                        // insert the new slot element before the slot comment
+                        node.parentNode.insertBefore(childVNode.$elm$, node);
+                        // remove the slot comment since it's not needed for shadow
+                        node.remove();
+                        if (childVNode.$depth$ === '0') {
+                            shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+                        }
+                    }
+                    slotNodes.push(childVNode);
+                    if (!parentVNode.$children$) {
+                        parentVNode.$children$ = [];
+                    }
+                    parentVNode.$children$[childVNode.$index$] = childVNode;
+                }
+                else if (childNodeType === CONTENT_REF_ID) {
+                    // `${CONTENT_REF_ID}.${hostId}`;
+                    if (shadowRootNodes) {
+                        // remove the content ref comment since it's not needed for shadow
+                        node.remove();
+                    }
+                    else {
+                        hostElm['s-cr'] = node;
+                        node['s-cn'] = true;
+                    }
+                }
+            }
+        }
+    }
+    else if (parentVNode && parentVNode.$tag$ === 'style') {
+        parentVNode.$children$ = [{
+                $index$: '0',
+                $text$: node.textContent,
+                $elm$: node
+            }];
+    }
+};
+var initializeDocumentHydrate = function (node, orgLocNodes) {
+    if (node.nodeType === 1 /* ElementNode */) {
+        var i = 0;
+        for (; i < node.childNodes.length; i++) {
+            initializeDocumentHydrate(node.childNodes[i], orgLocNodes);
+        }
+        if (node.shadowRoot) {
+            for (i = 0; i < node.shadowRoot.childNodes.length; i++) {
+                initializeDocumentHydrate(node.shadowRoot.childNodes[i], orgLocNodes);
+            }
+        }
+    }
+    else if (node.nodeType === 8 /* CommentNode */) {
+        var childIdSplt = node.nodeValue.split('.');
+        if (childIdSplt[0] === ORG_LOCATION_ID) {
+            orgLocNodes.set(childIdSplt[1] + '.' + childIdSplt[2], node);
+            node.nodeValue = '';
+            // useful to know if the original location is
+            // the root light-dom of a shadow dom component
+            node['s-sd'] = (childIdSplt[3] === '');
+        }
+    }
+};
+var initializeComponent = function (elm, hostRef, cmpMeta, hmrVersionId, Cstr) { return __awaiter(_this, void 0, void 0, function () {
+    var style_1, scopeId_1, shadowCssPolyfill, runtimeScopedCss, ancestorComponent, schedule;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                if (!((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0)) return [3 /*break*/, 5];
+                // we haven't initialized this element yet
+                hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+                // lazy loaded components
+                // request the component's implementation to be
+                // wired up with the host element
+                Cstr = loadModule(cmpMeta);
+                if (!Cstr.then) return [3 /*break*/, 2];
+                return [4 /*yield*/, Cstr];
+            case 1:
+                // Await creates a micro-task avoid if possible
+                Cstr = _a.sent();
+                _a.label = 2;
+            case 2:
+                if (!Cstr.isProxied) {
+                    // we'eve never proxied this Constructor before
+                    // let's add the getters/setters to its prototype before
+                    // the first time we create an instance of the implementation
+                    {
+                        cmpMeta.$watchers$ = Cstr.watchers;
+                    }
+                    proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+                    Cstr.isProxied = true;
+                }
+                // ok, time to construct the instance
+                // but let's keep track of when we start and stop
+                // so that the getters/setters don't incorrectly step on data
+                {
+                    hostRef.$flags$ |= 8 /* isConstructingInstance */;
+                }
+                // construct the lazy-loaded component implementation
+                // passing the hostRef is very important during
+                // construction in order to directly wire together the
+                // host element and the lazy-loaded instance
+                try {
+                    new Cstr(hostRef);
+                }
+                catch (e) {
+                    consoleError(e);
+                }
+                {
+                    hostRef.$flags$ &= ~8 /* isConstructingInstance */;
+                }
+                {
+                    hostRef.$flags$ |= 128 /* isWatchReady */;
+                }
+                fireConnectedCallback(hostRef.$lazyInstance$);
+                if (!(!Cstr.$isStyleRegistered$ && Cstr.style)) return [3 /*break*/, 5];
+                style_1 = Cstr.style;
+                scopeId_1 = getScopeId(cmpMeta.$tagName$);
+                shadowCssPolyfill = (cmpMeta.$flags$ & 8 /* needsShadowDomShim */);
+                runtimeScopedCss = (BUILD.runtimeScopeCss /* scopedCssEncapsulation */);
+                if (!(shadowCssPolyfill || runtimeScopedCss)) return [3 /*break*/, 4];
+                return [4 /*yield*/, import('./shadow-css-bbdf056f-05cd1ccb.js').then(function (m) { return m.scopeCss(style_1, scopeId_1, false); })];
+            case 3:
+                style_1 = _a.sent();
+                _a.label = 4;
+            case 4:
+                registerStyle(scopeId_1, style_1, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+                Cstr.$isStyleRegistered$ = true;
+                _a.label = 5;
+            case 5:
+                ancestorComponent = hostRef.$ancestorComponent$;
+                schedule = function () { return scheduleUpdate(elm, hostRef, cmpMeta, true); };
+                if (ancestorComponent && ancestorComponent['s-lr'] === false && ancestorComponent['s-rc']) {
+                    // this is the intial load and this component it has an ancestor component
+                    // but the ancestor component has NOT fired its will update lifecycle yet
+                    // so let's just cool our jets and wait for the ancestor to continue first
+                    // this will get fired off when the ancestor component
+                    // finally gets around to rendering its lazy self
+                    // fire off the initial update
+                    ancestorComponent['s-rc'].push(schedule);
+                }
+                else {
+                    schedule();
+                }
+                return [2 /*return*/];
+        }
+    });
+}); };
+var fireConnectedCallback = function (instance) {
+    {
+        safeCall(instance, 'connectedCallback');
+    }
+};
+var connectedCallback = function (elm, cmpMeta) {
+    if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+        // connectedCallback
+        var hostRef_2 = getHostRef(elm);
+        if (cmpMeta.$listeners$) {
+            // initialize our event listeners on the host element
+            // we do this now so that we can listening to events that may
+            // have fired even before the instance is ready
+            hostRef_2.$rmListeners$ = addEventListeners(elm, hostRef_2, cmpMeta.$listeners$);
+        }
+        if (!(hostRef_2.$flags$ & 1 /* hasConnected */)) {
+            // first time this component has connected
+            hostRef_2.$flags$ |= 1 /* hasConnected */;
+            var hostId = void 0;
+            {
+                hostId = elm.getAttribute(HYDRATE_ID);
+                if (hostId) {
+                    if (supportsShadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+                        var scopeId_2 = addStyle(elm.shadowRoot, cmpMeta, elm.getAttribute('s-mode'));
+                        elm.classList.remove(scopeId_2 + '-h');
+                        elm.classList.remove(scopeId_2 + '-s');
+                    }
+                    initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef_2);
+                }
+            }
+            if (!hostId) {
+                // initUpdate
+                // if the slot polyfill is required we'll need to put some nodes
+                // in here to act as original content anchors as we move nodes around
+                // host element has been connected to the DOM
+                if ((cmpMeta.$flags$ & 4 /* hasSlotRelocation */) ||
+                    (cmpMeta.$flags$ & 8 /* needsShadowDomShim */)) {
+                    setContentReference(elm);
+                }
+            }
+            {
+                // find the first ancestor component (if there is one) and register
+                // this component as one of the actively loading child components for its ancestor
+                var ancestorComponent = elm;
+                while ((ancestorComponent = (ancestorComponent.parentNode || ancestorComponent.host))) {
+                    // climb up the ancestors looking for the first
+                    // component that hasn't finished its lifecycle update yet
+                    if ((ancestorComponent.nodeType === 1 /* ElementNode */ && ancestorComponent.hasAttribute('s-id')) || (ancestorComponent['s-init'] && ancestorComponent['s-lr'] === false)) {
+                        // we found this components first ancestor component
+                        // keep a reference to this component's ancestor component
+                        hostRef_2.$ancestorComponent$ = ancestorComponent;
+                        // ensure there is an array to contain a reference to each of the child components
+                        // and set this component as one of the ancestor's child components it should wait on
+                        (ancestorComponent['s-al'] = ancestorComponent['s-al'] || new Set()).add(elm);
+                        break;
+                    }
+                }
+            }
+            // Lazy properties
+            // https://developers.google.com/web/fundamentals/web-components/best-practices#lazy-properties
+            if (cmpMeta.$members$) {
+                Object.entries(cmpMeta.$members$).forEach(function (_a) {
+                    var memberName = _a[0], memberFlags = _a[1][0];
+                    if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
+                        var value = elm[memberName];
+                        delete elm[memberName];
+                        elm[memberName] = value;
+                    }
+                });
+            }
+            {
+                // connectedCallback, taskQueue, initialLoad
+                // angular sets attribute AFTER connectCallback
+                // https://github.com/angular/angular/issues/18909
+                // https://github.com/angular/angular/issues/19940
+                nextTick(function () { return initializeComponent(elm, hostRef_2, cmpMeta); });
+            }
+        }
+        fireConnectedCallback(hostRef_2.$lazyInstance$);
+    }
+};
+var setContentReference = function (elm, contentRefElm) {
+    // only required when we're NOT using native shadow dom (slot)
+    // or this browser doesn't support native shadow dom
+    // and this host element was NOT created with SSR
+    // let's pick out the inner content for slot projection
+    // create a node to represent where the original
+    // content was first placed, which is useful later on
+    var crName;
+    {
+        crName = '';
+    }
+    contentRefElm = elm['s-cr'] = doc.createComment(crName);
+    contentRefElm['s-cn'] = true;
+    elm.insertBefore(contentRefElm, elm.firstChild);
+};
+var disconnectedCallback = function (elm) {
+    if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+        var hostRef = getHostRef(elm);
+        {
+            if (hostRef.$rmListeners$) {
+                hostRef.$rmListeners$();
+                hostRef.$rmListeners$ = undefined;
+            }
+        }
+        // clear CSS var-shim tracking
+        if (cssVarShim) {
+            cssVarShim.removeHost(elm);
+        }
+        var instance = hostRef.$lazyInstance$;
+        {
+            safeCall(instance, 'disconnectedCallback');
+        }
+        {
+            safeCall(instance, 'componentDidUnload');
+        }
+    }
+};
+var bootstrapLazy = function (lazyBundles, options) {
+    if (options === void 0) { options = {}; }
+    var cmpTags = [];
+    var exclude = options.exclude || [];
+    var head = doc.head;
+    var customElements = win.customElements;
+    var y = /*@__PURE__*/ head.querySelector('meta[charset]');
+    var visibilityStyle = /*@__PURE__*/ doc.createElement('style');
+    var appLoadFallback;
+    Object.assign(plt, options);
+    plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
+    if (options.syncQueue) {
+        plt.$flags$ |= 4 /* queueSync */;
+    }
+    {
+        var styles_1 = doc.querySelectorAll('style[s-id]');
+        var globalStyles_1 = '';
+        styles_1.forEach(function (styleElm) { return globalStyles_1 += styleElm.innerHTML; });
+        styles_1.forEach(function (styleElm) {
+            registerStyle(styleElm.getAttribute(HYDRATE_ID), globalStyles_1 + convertScopedToShadow(styleElm.innerHTML), true);
+        });
+    }
+    lazyBundles.forEach(function (lazyBundle) { return lazyBundle[1].forEach(function (compactMeta) {
+        var cmpMeta = {
+            $flags$: compactMeta[0],
+            $tagName$: compactMeta[1],
+            $members$: compactMeta[2],
+            $listeners$: compactMeta[3],
+        };
+        {
+            cmpMeta.$attrsToReflect$ = [];
+        }
+        {
+            cmpMeta.$watchers$ = {};
+        }
+        if (!supportsShadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
+        }
+        var tagName = cmpMeta.$tagName$;
+        var HostElement = /** @class */ (function (_super) {
+            __extends(class_1, _super);
+            // StencilLazyHost
+            function class_1(self) {
+                var _this = 
+                // @ts-ignore
+                _super.call(this, self) || this;
+                self = _this;
+                {
+                    _this['s-lr'] = false;
+                    _this['s-rc'] = [];
+                }
+                registerHost(self);
+                if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+                    // this component is using shadow dom
+                    // and this browser supports shadow dom
+                    // add the read-only property "shadowRoot" to the host element
+                    if (supportsShadowDom) {
+                        self.attachShadow({ 'mode': 'open' });
+                    }
+                    else if (!('shadowRoot' in self)) {
+                        self.shadowRoot = self;
+                    }
+                }
+                return _this;
+            }
+            class_1.prototype.connectedCallback = function () {
+                var _this = this;
+                if (appLoadFallback) {
+                    clearTimeout(appLoadFallback);
+                    appLoadFallback = null;
+                }
+                plt.jmp(function () { return connectedCallback(_this, cmpMeta); });
+            };
+            class_1.prototype.disconnectedCallback = function () {
+                var _this = this;
+                plt.jmp(function () { return disconnectedCallback(_this); });
+            };
+            class_1.prototype['s-init'] = function () {
+                var hostRef = getHostRef(this);
+                if (hostRef.$lazyInstance$) {
+                    postUpdateComponent(this, hostRef);
+                }
+            };
+            class_1.prototype['s-hmr'] = function (hmrVersionId) {
+            };
+            class_1.prototype.forceUpdate = function () {
+                forceUpdate(this, cmpMeta);
+            };
+            class_1.prototype.componentOnReady = function () {
+                return getHostRef(this).$onReadyPromise$;
+            };
+            return class_1;
+        }(HTMLElement));
+        cmpMeta.$lazyBundleIds$ = lazyBundle[0];
+        if (!exclude.includes(tagName) && !customElements.get(tagName)) {
+            cmpTags.push(tagName);
+            customElements.define(tagName, proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */));
+        }
+    }); });
+    // visibilityStyle.innerHTML = cmpTags.map(t => `${t}:not(.hydrated)`) + '{display:none}';
+    visibilityStyle.innerHTML = cmpTags + '{visibility:hidden}.hydrated{visibility:inherit}';
+    visibilityStyle.setAttribute('data-styles', '');
+    head.insertBefore(visibilityStyle, y ? y.nextSibling : head.firstChild);
+    // Fallback appLoad event
+    plt.jmp(function () { return appLoadFallback = setTimeout(appDidLoad, 30); });
+};
+var createEvent = function (ref, name, flags) {
+    var elm = getElement(ref);
+    return {
+        emit: function (detail) { return elm.dispatchEvent(new (CustomEvent)(name, {
+            bubbles: !!(flags & 4 /* Bubbles */),
+            composed: !!(flags & 2 /* Composed */),
+            cancelable: !!(flags & 1 /* Cancellable */),
+            detail: detail
+        })); }
+    };
+};
+var getElement = function (ref) { return getHostRef(ref).$hostElement$; };
+export { Host as H, patchEsm as a, bootstrapLazy as b, createEvent as c, getElement as g, h, patchBrowser as p, registerInstance as r };
diff --git a/dist/esm-es5/chunk-6bb56f1f.js b/dist/esm-es5/chunk-6bb56f1f.js
new file mode 100644
index 00000000000..5b979d069cf
--- /dev/null
+++ b/dist/esm-es5/chunk-6bb56f1f.js
@@ -0,0 +1,20 @@
+// turn a domNodeList into an array
+function nodeListToArray(domNodeList) {
+    if (Array.isArray(domNodeList)) {
+        return domNodeList;
+    }
+    else {
+        return Array.prototype.slice.call(domNodeList);
+    }
+}
+function getElementDir(el) {
+    return (el.closest("[dir='rtl']") && "rtl") || "ltr";
+}
+function getElementTheme(el) {
+    return (el.closest("[theme='dark']") && "dark") || "light";
+}
+function hasSlottedContent(el) {
+    var assignedNodes = el && el.assignedNodes();
+    return assignedNodes && assignedNodes.length > 0;
+}
+export { getElementTheme as a, getElementDir as g, hasSlottedContent as h, nodeListToArray as n };
diff --git a/dist/esm-es5/chunk-9dd9009f.js b/dist/esm-es5/chunk-9dd9009f.js
new file mode 100644
index 00000000000..3c96eeed941
--- /dev/null
+++ b/dist/esm-es5/chunk-9dd9009f.js
@@ -0,0 +1,11 @@
+var ENTER = 13;
+var SPACE = 32;
+var PAGE_UP = 33;
+var PAGE_DOWN = 34;
+var END = 35;
+var HOME = 36;
+var LEFT = 37;
+var UP = 38;
+var RIGHT = 39;
+var DOWN = 40;
+export { DOWN as D, ENTER as E, HOME as H, LEFT as L, PAGE_UP as P, RIGHT as R, SPACE as S, UP as U, PAGE_DOWN as a, END as b };
diff --git a/dist/esm-es5/chunk-9de72867.js b/dist/esm-es5/chunk-9de72867.js
new file mode 100644
index 00000000000..b4c09f85ed7
--- /dev/null
+++ b/dist/esm-es5/chunk-9de72867.js
@@ -0,0 +1,7 @@
+// File generated automatically by path-data.js, do not edit directly
+var checkCircle24F = "M23 11.5A11.5 11.5 0 1 1 11.5 0 11.5 11.5 0 0 1 23 11.5zm-5.5-6.018l-8.5 8.5-3.5-3.5-2 2L9.018 18l.018-.018L11.018 16l8.5-8.5z";
+var exclamationMarkTriangle24F = "M22.3 19.795l-9-17.901a1.5 1.5 0 0 0-2.597 0L1.7 19.795a1.502 1.502 0 0 0 0 1.502A1.456 1.456 0 0 0 2.998 22H21a1.458 1.458 0 0 0 1.299-.703 1.506 1.506 0 0 0 .001-1.502zM13 19h-2v-2h2zm0-3h-2V8h2z";
+var lightbulb24F = "M11 13h1v4h-1zm3.895 5.45a.311.311 0 0 0-.12-.27l-.232-.18h-6.19l-.232.18a.312.312 0 0 0 .04.518l1.387.771-1.367.76a.311.311 0 0 0-.028.526l3.09 2.18a.356.356 0 0 0 .41 0l3.09-2.18a.311.311 0 0 0-.029-.527l-1.366-.759 1.388-.77a.312.312 0 0 0 .159-.25zM11.59 0l-.173.002L11.244 0a6.2 6.2 0 0 0-6.182 6.698c.31 2.575 2.784 5.207 2.939 6.134.13.78.116 1.844.199 2.472A2.542 2.542 0 0 0 9.088 17H10v-4.412L8.83 9.37l.94-.342L10.85 12h1.3l1.08-2.97.94.341L13 12.588V17h.745a2.542 2.542 0 0 0 .889-1.696c.083-.628.068-1.692.199-2.472.154-.927 2.628-3.559 2.938-6.134A6.2 6.2 0 0 0 11.59 0z";
+var x24 = "M13.207 12.5l7.778 7.778-.707.707-7.778-7.778-7.778 7.778-.707-.707 7.778-7.778-7.778-7.778.707-.707 7.778 7.778 7.778-7.778.707.707z";
+var x32 = "M16.707 16l10.607 10.606-.708.707L16 16.707 5.394 27.313l-.708-.707L15.293 16 4.686 5.394l.708-.707L16 15.293 26.606 4.687l.708.707z";
+export { x32 as a, checkCircle24F as c, exclamationMarkTriangle24F as e, lightbulb24F as l, x24 as x };
diff --git a/dist/esm-es5/context-consumer.entry.js b/dist/esm-es5/context-consumer.entry.js
new file mode 100644
index 00000000000..69ea794f3de
--- /dev/null
+++ b/dist/esm-es5/context-consumer.entry.js
@@ -0,0 +1,28 @@
+import { r as registerInstance, g as getElement } from './chunk-5f99f9d5.js';
+var ContextConsumer = /** @class */ (function () {
+    function ContextConsumer(hostRef) {
+        registerInstance(this, hostRef);
+        this.context = {};
+        this.renderer = function () { return null; };
+    }
+    ContextConsumer.prototype.connectedCallback = function () {
+        if (this.subscribe != null) {
+            this.unsubscribe = this.subscribe(this.el, 'context');
+        }
+    };
+    ContextConsumer.prototype.disconnectedCallback = function () {
+        if (this.unsubscribe != null) {
+            this.unsubscribe();
+        }
+    };
+    ContextConsumer.prototype.render = function () {
+        return this.renderer(Object.assign({}, this.context));
+    };
+    Object.defineProperty(ContextConsumer.prototype, "el", {
+        get: function () { return getElement(this); },
+        enumerable: true,
+        configurable: true
+    });
+    return ContextConsumer;
+}());
+export { ContextConsumer as context_consumer };
diff --git a/dist/esm-es5/css-shim-3ea8955c-3ea8955c.js b/dist/esm-es5/css-shim-3ea8955c-3ea8955c.js
new file mode 100644
index 00000000000..6fe367bc4bf
--- /dev/null
+++ b/dist/esm-es5/css-shim-3ea8955c-3ea8955c.js
@@ -0,0 +1,630 @@
+/*
+Extremely simple css parser. Intended to be not more than what we need
+and definitely not necessarily correct =).
+*/
+/** @unrestricted */
+var StyleNode = /** @class */ (function () {
+    function StyleNode() {
+        this.start = 0;
+        this.end = 0;
+        this.previous = null;
+        this.parent = null;
+        this.rules = null;
+        this.parsedCssText = '';
+        this.cssText = '';
+        this.atRule = false;
+        this.type = 0;
+        this.keyframesName = '';
+        this.selector = '';
+        this.parsedSelector = '';
+    }
+    return StyleNode;
+}());
+// given a string of css, return a simple rule tree
+/**
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function parse(text) {
+    text = clean(text);
+    return parseCss(lex(text), text);
+}
+// remove stuff we don't care about that may hinder parsing
+/**
+ * @param {string} cssText
+ * @return {string}
+ */
+function clean(cssText) {
+    return cssText.replace(RX.comments, '').replace(RX.port, '');
+}
+// super simple {...} lexer that returns a node tree
+/**
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function lex(text) {
+    var root = new StyleNode();
+    root['start'] = 0;
+    root['end'] = text.length;
+    var n = root;
+    for (var i = 0, l = text.length; i < l; i++) {
+        if (text[i] === OPEN_BRACE) {
+            if (!n['rules']) {
+                n['rules'] = [];
+            }
+            var p = n;
+            var previous = p['rules'][p['rules'].length - 1] || null;
+            n = new StyleNode();
+            n['start'] = i + 1;
+            n['parent'] = p;
+            n['previous'] = previous;
+            p['rules'].push(n);
+        }
+        else if (text[i] === CLOSE_BRACE) {
+            n['end'] = i + 1;
+            n = n['parent'] || root;
+        }
+    }
+    return root;
+}
+// add selectors/cssText to node tree
+/**
+ * @param {StyleNode} node
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function parseCss(node, text) {
+    var t = text.substring(node['start'], node['end'] - 1);
+    node['parsedCssText'] = node['cssText'] = t.trim();
+    if (node.parent) {
+        var ss = node.previous ? node.previous['end'] : node.parent['start'];
+        t = text.substring(ss, node['start'] - 1);
+        t = _expandUnicodeEscapes(t);
+        t = t.replace(RX.multipleSpaces, ' ');
+        // TODO(sorvell): ad hoc; make selector include only after last ;
+        // helps with mixin syntax
+        t = t.substring(t.lastIndexOf(';') + 1);
+        var s = node['parsedSelector'] = node['selector'] = t.trim();
+        node['atRule'] = (s.indexOf(AT_START) === 0);
+        // note, support a subset of rule types...
+        if (node['atRule']) {
+            if (s.indexOf(MEDIA_START) === 0) {
+                node['type'] = types.MEDIA_RULE;
+            }
+            else if (s.match(RX.keyframesRule)) {
+                node['type'] = types.KEYFRAMES_RULE;
+                node['keyframesName'] = node['selector'].split(RX.multipleSpaces).pop();
+            }
+        }
+        else {
+            if (s.indexOf(VAR_START) === 0) {
+                node['type'] = types.MIXIN_RULE;
+            }
+            else {
+                node['type'] = types.STYLE_RULE;
+            }
+        }
+    }
+    var r$ = node['rules'];
+    if (r$) {
+        for (var i = 0, l = r$.length, r = void 0; (i < l) && (r = r$[i]); i++) {
+            parseCss(r, text);
+        }
+    }
+    return node;
+}
+/**
+ * conversion of sort unicode escapes with spaces like `\33 ` (and longer) into
+ * expanded form that doesn't require trailing space `\000033`
+ * @param {string} s
+ * @return {string}
+ */
+function _expandUnicodeEscapes(s) {
+    return s.replace(/\\([0-9a-f]{1,6})\s/gi, function () {
+        var code = arguments[1], repeat = 6 - code.length;
+        while (repeat--) {
+            code = '0' + code;
+        }
+        return '\\' + code;
+    });
+}
+/** @enum {number} */
+var types = {
+    STYLE_RULE: 1,
+    KEYFRAMES_RULE: 7,
+    MEDIA_RULE: 4,
+    MIXIN_RULE: 1000
+};
+var OPEN_BRACE = '{';
+var CLOSE_BRACE = '}';
+// helper regexp's
+var RX = {
+    comments: /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,
+    port: /@import[^;]*;/gim,
+    customProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,
+    mixinProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,
+    mixinApply: /@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,
+    varApply: /[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,
+    keyframesRule: /^@[^\s]*keyframes/,
+    multipleSpaces: /\s+/g
+};
+var VAR_START = '--';
+var MEDIA_START = '@media';
+var AT_START = '@';
+function findRegex(regex, cssText, offset) {
+    regex['lastIndex'] = 0;
+    var r = cssText.substring(offset).match(regex);
+    if (r) {
+        var start = offset + r['index'];
+        return {
+            start: start,
+            end: start + r[0].length
+        };
+    }
+    return null;
+}
+var VAR_USAGE_START = /\bvar\(/;
+var VAR_ASSIGN_START = /\B--[\w-]+\s*:/;
+var COMMENTS = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim;
+var TRAILING_LINES = /^[\t ]+\n/gm;
+function resolveVar(props, prop, fallback) {
+    if (props[prop]) {
+        return props[prop];
+    }
+    if (fallback) {
+        return executeTemplate(fallback, props);
+    }
+    return '';
+}
+function findVarEndIndex(cssText, offset) {
+    var count = 0;
+    var i = offset;
+    for (; i < cssText.length; i++) {
+        var c = cssText[i];
+        if (c === '(') {
+            count++;
+        }
+        else if (c === ')') {
+            count--;
+            if (count <= 0) {
+                return i + 1;
+            }
+        }
+    }
+    return i;
+}
+function parseVar(cssText, offset) {
+    var varPos = findRegex(VAR_USAGE_START, cssText, offset);
+    if (!varPos) {
+        return null;
+    }
+    var endVar = findVarEndIndex(cssText, varPos.start);
+    var varContent = cssText.substring(varPos.end, endVar - 1);
+    var _a = varContent.split(','), propName = _a[0], fallback = _a.slice(1);
+    return {
+        start: varPos.start,
+        end: endVar,
+        propName: propName.trim(),
+        fallback: fallback.length > 0 ? fallback.join(',').trim() : undefined
+    };
+}
+function compileVar(cssText, template, offset) {
+    var varMeta = parseVar(cssText, offset);
+    if (!varMeta) {
+        template.push(cssText.substring(offset, cssText.length));
+        return cssText.length;
+    }
+    var propName = varMeta.propName;
+    var fallback = varMeta.fallback != null ? compileTemplate(varMeta.fallback) : undefined;
+    template.push(cssText.substring(offset, varMeta.start), function (params) { return resolveVar(params, propName, fallback); });
+    return varMeta.end;
+}
+function executeTemplate(template, props) {
+    var final = '';
+    for (var i = 0; i < template.length; i++) {
+        var s = template[i];
+        final += (typeof s === 'string')
+            ? s
+            : s(props);
+    }
+    return final;
+}
+function findEndValue(cssText, offset) {
+    var onStr = false;
+    var double = false;
+    var i = offset;
+    for (; i < cssText.length; i++) {
+        var c = cssText[i];
+        if (onStr) {
+            if (double && c === '"') {
+                onStr = false;
+            }
+            if (!double && c === '\'') {
+                onStr = false;
+            }
+        }
+        else {
+            if (c === '"') {
+                onStr = true;
+                double = true;
+            }
+            else if (c === '\'') {
+                onStr = true;
+                double = false;
+            }
+            else if (c === ';') {
+                return i + 1;
+            }
+            else if (c === '}') {
+                return i;
+            }
+        }
+    }
+    return i;
+}
+function removeCustomAssigns(cssText) {
+    var final = '';
+    var offset = 0;
+    while (true) {
+        var assignPos = findRegex(VAR_ASSIGN_START, cssText, offset);
+        var start = assignPos ? assignPos.start : cssText.length;
+        final += cssText.substring(offset, start);
+        if (assignPos) {
+            offset = findEndValue(cssText, start);
+        }
+        else {
+            break;
+        }
+    }
+    return final;
+}
+function compileTemplate(cssText) {
+    var index = 0;
+    cssText = cssText.replace(COMMENTS, '');
+    cssText = removeCustomAssigns(cssText)
+        .replace(TRAILING_LINES, '');
+    var segments = [];
+    while (index < cssText.length) {
+        index = compileVar(cssText, segments, index);
+    }
+    return segments;
+}
+function resolveValues(selectors) {
+    var props = {};
+    selectors.forEach(function (selector) {
+        selector.declarations.forEach(function (dec) {
+            props[dec.prop] = dec.value;
+        });
+    });
+    var propsValues = {};
+    var entries = Object.entries(props);
+    var _loop_1 = function (i) {
+        var dirty = false;
+        entries.forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            var propValue = executeTemplate(value, propsValues);
+            if (propValue !== propsValues[key]) {
+                propsValues[key] = propValue;
+                dirty = true;
+            }
+        });
+        if (!dirty) {
+            return "break";
+        }
+    };
+    for (var i = 0; i < 10; i++) {
+        var state_1 = _loop_1();
+        if (state_1 === "break")
+            break;
+    }
+    return propsValues;
+}
+function getSelectors(root, index) {
+    if (index === void 0) {
+        index = 0;
+    }
+    if (!root.rules) {
+        return [];
+    }
+    var selectors = [];
+    root.rules
+        .filter(function (rule) { return rule.type === types.STYLE_RULE; })
+        .forEach(function (rule) {
+        var declarations = getDeclarations(rule.cssText);
+        if (declarations.length > 0) {
+            rule.parsedSelector.split(',').forEach(function (selector) {
+                selector = selector.trim();
+                selectors.push({
+                    selector: selector,
+                    declarations: declarations,
+                    specificity: computeSpecificity(),
+                    nu: index
+                });
+            });
+        }
+        index++;
+    });
+    return selectors;
+}
+function computeSpecificity(_selector) {
+    return 1;
+}
+var IMPORTANT = '!important';
+var FIND_DECLARATIONS = /(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;
+function getDeclarations(cssText) {
+    var declarations = [];
+    var xArray;
+    while (xArray = FIND_DECLARATIONS.exec(cssText.trim())) {
+        var _a = normalizeValue(xArray[2]), value = _a.value, important = _a.important;
+        declarations.push({
+            prop: xArray[1].trim(),
+            value: compileTemplate(value),
+            important: important,
+        });
+    }
+    return declarations;
+}
+function normalizeValue(value) {
+    var regex = /\s+/gim;
+    value = value.replace(regex, ' ').trim();
+    var important = value.endsWith(IMPORTANT);
+    if (important) {
+        value = value.substr(0, value.length - IMPORTANT.length).trim();
+    }
+    return {
+        value: value,
+        important: important
+    };
+}
+function getActiveSelectors(hostEl, hostScopeMap, globalScopes) {
+    // computes the css scopes that might affect this particular element
+    var scopes = globalScopes.concat(getScopesForElement(hostScopeMap, hostEl));
+    // each scope might have an array of associated selectors
+    // let's flatten the complete array of selectors from all the scopes
+    var selectorSet = getSelectorsForScopes(scopes);
+    // we filter to only the selectors that matches the hostEl
+    var activeSelectors = selectorSet.filter(function (selector) { return matches(hostEl, selector.selector); });
+    // sort selectors by specifity
+    return sortSelectors(activeSelectors);
+}
+function getScopesForElement(hostTemplateMap, node) {
+    var scopes = [];
+    while (node) {
+        var scope = hostTemplateMap.get(node);
+        if (scope) {
+            scopes.push(scope);
+        }
+        node = node.parentElement;
+    }
+    return scopes;
+}
+function getSelectorsForScopes(scopes) {
+    var selectors = [];
+    scopes.forEach(function (scope) {
+        selectors.push.apply(selectors, scope.selectors);
+    });
+    return selectors;
+}
+function sortSelectors(selectors) {
+    selectors.sort(function (a, b) {
+        if (a.specificity === b.specificity) {
+            return a.nu - b.nu;
+        }
+        return a.specificity - b.specificity;
+    });
+    return selectors;
+}
+function matches(el, selector) {
+    return selector === ':root' || selector === 'html' || el.matches(selector);
+}
+function parseCSS(original) {
+    var ast = parse(original);
+    var template = compileTemplate(original);
+    var selectors = getSelectors(ast);
+    return {
+        original: original,
+        template: template,
+        selectors: selectors,
+        usesCssVars: template.length > 1
+    };
+}
+function addGlobalStyle(globalScopes, styleEl) {
+    var css = parseCSS(styleEl.innerHTML);
+    css.styleEl = styleEl;
+    globalScopes.push(css);
+}
+function updateGlobalScopes(scopes) {
+    var selectors = getSelectorsForScopes(scopes);
+    var props = resolveValues(selectors);
+    scopes.forEach(function (scope) {
+        if (scope.usesCssVars) {
+            scope.styleEl.innerHTML = executeTemplate(scope.template, props);
+        }
+    });
+}
+function reScope(scope, scopeId) {
+    var template = scope.template.map(function (segment) {
+        return (typeof segment === 'string')
+            ? replaceScope(segment, scope.scopeId, scopeId)
+            : segment;
+    });
+    var selectors = scope.selectors.map(function (sel) {
+        return Object.assign({}, sel, { selector: replaceScope(sel.selector, scope.scopeId, scopeId) });
+    });
+    return Object.assign({}, scope, { template: template,
+        selectors: selectors,
+        scopeId: scopeId });
+}
+function replaceScope(original, oldScopeId, newScopeId) {
+    original = replaceAll(original, "\\." + oldScopeId, "." + newScopeId);
+    return original;
+}
+function replaceAll(input, find, replace) {
+    return input.replace(new RegExp(find, 'g'), replace);
+}
+function loadDocument(doc, globalScopes) {
+    loadDocumentStyles(doc, globalScopes);
+    return loadDocumentLinks(doc, globalScopes);
+}
+function loadDocumentLinks(doc, globalScopes) {
+    var promises = [];
+    var linkElms = doc.querySelectorAll('link[rel="stylesheet"][href]');
+    for (var i = 0; i < linkElms.length; i++) {
+        promises.push(addGlobalLink(doc, globalScopes, linkElms[i]));
+    }
+    return Promise.all(promises);
+}
+function loadDocumentStyles(doc, globalScopes) {
+    var styleElms = doc.querySelectorAll('style:not([data-styles])');
+    for (var i = 0; i < styleElms.length; i++) {
+        addGlobalStyle(globalScopes, styleElms[i]);
+    }
+}
+function addGlobalLink(doc, globalScopes, linkElm) {
+    var url = linkElm.href;
+    return fetch(url).then(function (rsp) { return rsp.text(); }).then(function (text) {
+        if (hasCssVariables(text) && linkElm.parentNode) {
+            if (hasRelativeUrls(text)) {
+                text = fixRelativeUrls(text, url);
+            }
+            var styleEl = doc.createElement('style');
+            styleEl.setAttribute('data-styles', '');
+            styleEl.innerHTML = text;
+            addGlobalStyle(globalScopes, styleEl);
+            linkElm.parentNode.insertBefore(styleEl, linkElm);
+            linkElm.remove();
+        }
+    }).catch(function (err) {
+        console.error(err);
+    });
+}
+// This regexp tries to determine when a variable is declared, for example:
+//
+// .my-el { --highlight-color: green; }
+//
+// but we don't want to trigger when a classname uses "--" or a pseudo-class is
+// used. We assume that the only characters that can preceed a variable
+// declaration are "{", from an opening block, ";" from a preceeding rule, or a
+// space. This prevents the regexp from matching a word in a selector, since
+// they would need to start with a "." or "#". (We assume element names don't
+// start with "--").
+var CSS_VARIABLE_REGEXP = /[\s;{]--[-a-zA-Z0-9]+\s*:/m;
+function hasCssVariables(css) {
+    return css.indexOf('var(') > -1 || CSS_VARIABLE_REGEXP.test(css);
+}
+// This regexp find all url() usages with relative urls
+var CSS_URL_REGEXP = /url[\s]*\([\s]*['"]?(?![http|/])([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;
+function hasRelativeUrls(css) {
+    CSS_URL_REGEXP.lastIndex = 0;
+    return CSS_URL_REGEXP.test(css);
+}
+function fixRelativeUrls(css, originalUrl) {
+    // get the basepath from the original import url
+    var basePath = originalUrl.replace(/[^/]*$/, '');
+    // replace the relative url, with the new relative url
+    return css.replace(CSS_URL_REGEXP, function (fullMatch, url) {
+        // rhe new relative path is the base path + uri
+        // TODO: normalize relative URL
+        var relativeUrl = basePath + url;
+        return fullMatch.replace(url, relativeUrl);
+    });
+}
+var CustomStyle = /** @class */ (function () {
+    function CustomStyle(win, doc) {
+        this.win = win;
+        this.doc = doc;
+        this.count = 0;
+        this.hostStyleMap = new WeakMap();
+        this.hostScopeMap = new WeakMap();
+        this.globalScopes = [];
+        this.scopesMap = new Map();
+    }
+    CustomStyle.prototype.initShim = function () {
+        var _this = this;
+        return new Promise(function (resolve) {
+            _this.win.requestAnimationFrame(function () {
+                loadDocument(_this.doc, _this.globalScopes).then(function () { return resolve(); });
+            });
+        });
+    };
+    CustomStyle.prototype.addLink = function (linkEl) {
+        var _this = this;
+        return addGlobalLink(this.doc, this.globalScopes, linkEl).then(function () {
+            _this.updateGlobal();
+        });
+    };
+    CustomStyle.prototype.addGlobalStyle = function (styleEl) {
+        addGlobalStyle(this.globalScopes, styleEl);
+        this.updateGlobal();
+    };
+    CustomStyle.prototype.createHostStyle = function (hostEl, cssScopeId, cssText, isScoped) {
+        if (this.hostScopeMap.has(hostEl)) {
+            throw new Error('host style already created');
+        }
+        var baseScope = this.registerHostTemplate(cssText, cssScopeId, isScoped);
+        var styleEl = this.doc.createElement('style');
+        if (!baseScope.usesCssVars) {
+            // This component does not use (read) css variables
+            styleEl.innerHTML = cssText;
+        }
+        else if (isScoped) {
+            // This component is dynamic: uses css var and is scoped
+            styleEl['s-sc'] = cssScopeId = baseScope.scopeId + "-" + this.count;
+            styleEl.innerHTML = '/*needs update*/';
+            this.hostStyleMap.set(hostEl, styleEl);
+            this.hostScopeMap.set(hostEl, reScope(baseScope, cssScopeId));
+            this.count++;
+        }
+        else {
+            // This component uses css vars, but it's no-encapsulation (global static)
+            baseScope.styleEl = styleEl;
+            if (!baseScope.usesCssVars) {
+                styleEl.innerHTML = executeTemplate(baseScope.template, {});
+            }
+            this.globalScopes.push(baseScope);
+            this.updateGlobal();
+            this.hostScopeMap.set(hostEl, baseScope);
+        }
+        return styleEl;
+    };
+    CustomStyle.prototype.removeHost = function (hostEl) {
+        var css = this.hostStyleMap.get(hostEl);
+        if (css) {
+            css.remove();
+        }
+        this.hostStyleMap.delete(hostEl);
+        this.hostScopeMap.delete(hostEl);
+    };
+    CustomStyle.prototype.updateHost = function (hostEl) {
+        var scope = this.hostScopeMap.get(hostEl);
+        if (scope && scope.usesCssVars && scope.isScoped) {
+            var styleEl = this.hostStyleMap.get(hostEl);
+            if (styleEl) {
+                var selectors = getActiveSelectors(hostEl, this.hostScopeMap, this.globalScopes);
+                var props = resolveValues(selectors);
+                styleEl.innerHTML = executeTemplate(scope.template, props);
+            }
+        }
+    };
+    CustomStyle.prototype.updateGlobal = function () {
+        updateGlobalScopes(this.globalScopes);
+    };
+    CustomStyle.prototype.registerHostTemplate = function (cssText, scopeId, isScoped) {
+        var scope = this.scopesMap.get(scopeId);
+        if (!scope) {
+            scope = parseCSS(cssText);
+            scope.scopeId = scopeId;
+            scope.isScoped = isScoped;
+            this.scopesMap.set(scopeId, scope);
+        }
+        return scope;
+    };
+    return CustomStyle;
+}());
+var win = window;
+function needsShim() {
+    return !(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'));
+}
+if (!win.__stencil_cssshim && needsShim()) {
+    win.__stencil_cssshim = new CustomStyle(win, document);
+}
diff --git a/dist/esm-es5/dom-860d8016-860d8016.js b/dist/esm-es5/dom-860d8016-860d8016.js
new file mode 100644
index 00000000000..27630c31d9f
--- /dev/null
+++ b/dist/esm-es5/dom-860d8016-860d8016.js
@@ -0,0 +1,483 @@
+(function () {
+    var aa = new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));
+    function g(a) { var b = aa.has(a); a = /^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(a); return !b && a; }
+    function l(a) { var b = a.isConnected; if (void 0 !== b)
+        return b; for (; a && !(a.__CE_isImportDocument || a instanceof Document);)
+        a = a.parentNode || (window.ShadowRoot && a instanceof ShadowRoot ? a.host : void 0); return !(!a || !(a.__CE_isImportDocument || a instanceof Document)); }
+    function n(a, b) { for (; b && b !== a && !b.nextSibling;)
+        b = b.parentNode; return b && b !== a ? b.nextSibling : null; }
+    function p(a, b, d) { d = void 0 === d ? new Set : d; for (var c = a; c;) {
+        if (c.nodeType === Node.ELEMENT_NODE) {
+            var e = c;
+            b(e);
+            var f = e.localName;
+            if ("link" === f && "import" === e.getAttribute("rel")) {
+                c = e.import;
+                if (c instanceof Node && !d.has(c))
+                    for (d.add(c), c = c.firstChild; c; c = c.nextSibling)
+                        p(c, b, d);
+                c = n(a, e);
+                continue;
+            }
+            else if ("template" === f) {
+                c = n(a, e);
+                continue;
+            }
+            if (e = e.__CE_shadowRoot)
+                for (e = e.firstChild; e; e = e.nextSibling)
+                    p(e, b, d);
+        }
+        c = c.firstChild ? c.firstChild : n(a, c);
+    } }
+    function r(a, b, d) { a[b] = d; }
+    function u() { this.a = new Map; this.g = new Map; this.c = []; this.f = []; this.b = !1; }
+    function ba(a, b, d) { a.a.set(b, d); a.g.set(d.constructorFunction, d); }
+    function ca(a, b) { a.b = !0; a.c.push(b); }
+    function da(a, b) { a.b = !0; a.f.push(b); }
+    function v(a, b) { a.b && p(b, function (b) { return w(a, b); }); }
+    function w(a, b) { if (a.b && !b.__CE_patched) {
+        b.__CE_patched = !0;
+        for (var d = 0; d < a.c.length; d++)
+            a.c[d](b);
+        for (d = 0; d < a.f.length; d++)
+            a.f[d](b);
+    } }
+    function x(a, b) { var d = []; p(b, function (b) { return d.push(b); }); for (b = 0; b < d.length; b++) {
+        var c = d[b];
+        1 === c.__CE_state ? a.connectedCallback(c) : y(a, c);
+    } }
+    function z(a, b) { var d = []; p(b, function (b) { return d.push(b); }); for (b = 0; b < d.length; b++) {
+        var c = d[b];
+        1 === c.__CE_state && a.disconnectedCallback(c);
+    } }
+    function A(a, b, d) {
+        d = void 0 === d ? {} : d;
+        var c = d.u || new Set, e = d.i || function (b) { return y(a, b); }, f = [];
+        p(b, function (b) { if ("link" === b.localName && "import" === b.getAttribute("rel")) {
+            var d = b.import;
+            d instanceof Node && (d.__CE_isImportDocument = !0, d.__CE_hasRegistry = !0);
+            d && "complete" === d.readyState ? d.__CE_documentLoadHandled = !0 : b.addEventListener("load", function () { var d = b.import; if (!d.__CE_documentLoadHandled) {
+                d.__CE_documentLoadHandled = !0;
+                var f = new Set(c);
+                f.delete(d);
+                A(a, d, { u: f, i: e });
+            } });
+        }
+        else
+            f.push(b); }, c);
+        if (a.b)
+            for (b =
+                0; b < f.length; b++)
+                w(a, f[b]);
+        for (b = 0; b < f.length; b++)
+            e(f[b]);
+    }
+    function y(a, b) {
+        if (void 0 === b.__CE_state) {
+            var d = b.ownerDocument;
+            if (d.defaultView || d.__CE_isImportDocument && d.__CE_hasRegistry)
+                if (d = a.a.get(b.localName)) {
+                    d.constructionStack.push(b);
+                    var c = d.constructorFunction;
+                    try {
+                        try {
+                            if (new c !== b)
+                                throw Error("The custom element constructor did not produce the element being upgraded.");
+                        }
+                        finally {
+                            d.constructionStack.pop();
+                        }
+                    }
+                    catch (t) {
+                        throw b.__CE_state = 2, t;
+                    }
+                    b.__CE_state = 1;
+                    b.__CE_definition = d;
+                    if (d.attributeChangedCallback)
+                        for (d = d.observedAttributes, c = 0; c < d.length; c++) {
+                            var e = d[c], f = b.getAttribute(e);
+                            null !== f && a.attributeChangedCallback(b, e, null, f, null);
+                        }
+                    l(b) && a.connectedCallback(b);
+                }
+        }
+    }
+    u.prototype.connectedCallback = function (a) { var b = a.__CE_definition; b.connectedCallback && b.connectedCallback.call(a); };
+    u.prototype.disconnectedCallback = function (a) { var b = a.__CE_definition; b.disconnectedCallback && b.disconnectedCallback.call(a); };
+    u.prototype.attributeChangedCallback = function (a, b, d, c, e) { var f = a.__CE_definition; f.attributeChangedCallback && -1 < f.observedAttributes.indexOf(b) && f.attributeChangedCallback.call(a, b, d, c, e); };
+    function B(a) { var b = document; this.c = a; this.a = b; this.b = void 0; A(this.c, this.a); "loading" === this.a.readyState && (this.b = new MutationObserver(this.f.bind(this)), this.b.observe(this.a, { childList: !0, subtree: !0 })); }
+    function C(a) { a.b && a.b.disconnect(); }
+    B.prototype.f = function (a) { var b = this.a.readyState; "interactive" !== b && "complete" !== b || C(this); for (b = 0; b < a.length; b++)
+        for (var d = a[b].addedNodes, c = 0; c < d.length; c++)
+            A(this.c, d[c]); };
+    function ea() { var a = this; this.b = this.a = void 0; this.c = new Promise(function (b) { a.b = b; a.a && b(a.a); }); }
+    function D(a) { if (a.a)
+        throw Error("Already resolved."); a.a = void 0; a.b && a.b(void 0); }
+    function E(a) { this.c = !1; this.a = a; this.j = new Map; this.f = function (b) { return b(); }; this.b = !1; this.g = []; this.o = new B(a); }
+    E.prototype.l = function (a, b) {
+        var d = this;
+        if (!(b instanceof Function))
+            throw new TypeError("Custom element constructors must be functions.");
+        if (!g(a))
+            throw new SyntaxError("The element name '" + a + "' is not valid.");
+        if (this.a.a.get(a))
+            throw Error("A custom element with name '" + a + "' has already been defined.");
+        if (this.c)
+            throw Error("A custom element is already being defined.");
+        this.c = !0;
+        try {
+            var c = function (b) {
+                var a = e[b];
+                if (void 0 !== a && !(a instanceof Function))
+                    throw Error("The '" + b + "' callback must be a function.");
+                return a;
+            }, e = b.prototype;
+            if (!(e instanceof Object))
+                throw new TypeError("The custom element constructor's prototype is not an object.");
+            var f = c("connectedCallback");
+            var t = c("disconnectedCallback");
+            var k = c("adoptedCallback");
+            var h = c("attributeChangedCallback");
+            var m = b.observedAttributes || [];
+        }
+        catch (q) {
+            return;
+        }
+        finally {
+            this.c = !1;
+        }
+        b = { localName: a, constructorFunction: b, connectedCallback: f, disconnectedCallback: t, adoptedCallback: k, attributeChangedCallback: h, observedAttributes: m, constructionStack: [] };
+        ba(this.a, a, b);
+        this.g.push(b);
+        this.b || (this.b = !0, this.f(function () { return fa(d); }));
+    };
+    E.prototype.i = function (a) { A(this.a, a); };
+    function fa(a) { if (!1 !== a.b) {
+        a.b = !1;
+        for (var b = a.g, d = [], c = new Map, e = 0; e < b.length; e++)
+            c.set(b[e].localName, []);
+        A(a.a, document, { i: function (b) { if (void 0 === b.__CE_state) {
+                var e = b.localName, f = c.get(e);
+                f ? f.push(b) : a.a.a.get(e) && d.push(b);
+            } } });
+        for (e = 0; e < d.length; e++)
+            y(a.a, d[e]);
+        for (; 0 < b.length;) {
+            var f = b.shift();
+            e = f.localName;
+            f = c.get(f.localName);
+            for (var t = 0; t < f.length; t++)
+                y(a.a, f[t]);
+            (e = a.j.get(e)) && D(e);
+        }
+    } }
+    E.prototype.get = function (a) { if (a = this.a.a.get(a))
+        return a.constructorFunction; };
+    E.prototype.m = function (a) { if (!g(a))
+        return Promise.reject(new SyntaxError("'" + a + "' is not a valid custom element name.")); var b = this.j.get(a); if (b)
+        return b.c; b = new ea; this.j.set(a, b); this.a.a.get(a) && !this.g.some(function (b) { return b.localName === a; }) && D(b); return b.c; };
+    E.prototype.s = function (a) { C(this.o); var b = this.f; this.f = function (d) { return a(function () { return b(d); }); }; };
+    window.CustomElementRegistry = E;
+    E.prototype.define = E.prototype.l;
+    E.prototype.upgrade = E.prototype.i;
+    E.prototype.get = E.prototype.get;
+    E.prototype.whenDefined = E.prototype.m;
+    E.prototype.polyfillWrapFlushCallback = E.prototype.s;
+    var F = window.Document.prototype.createElement, G = window.Document.prototype.createElementNS, ha = window.Document.prototype.importNode, ia = window.Document.prototype.prepend, ja = window.Document.prototype.append, ka = window.DocumentFragment.prototype.prepend, la = window.DocumentFragment.prototype.append, H = window.Node.prototype.cloneNode, I = window.Node.prototype.appendChild, J = window.Node.prototype.insertBefore, K = window.Node.prototype.removeChild, L = window.Node.prototype.replaceChild, M = Object.getOwnPropertyDescriptor(window.Node.prototype, "textContent"), N = window.Element.prototype.attachShadow, O = Object.getOwnPropertyDescriptor(window.Element.prototype, "innerHTML"), P = window.Element.prototype.getAttribute, Q = window.Element.prototype.setAttribute, R = window.Element.prototype.removeAttribute, S = window.Element.prototype.getAttributeNS, T = window.Element.prototype.setAttributeNS, U = window.Element.prototype.removeAttributeNS, ma = window.Element.prototype.insertAdjacentElement, na = window.Element.prototype.insertAdjacentHTML, oa = window.Element.prototype.prepend, pa = window.Element.prototype.append, V = window.Element.prototype.before, qa = window.Element.prototype.after, ra = window.Element.prototype.replaceWith, sa = window.Element.prototype.remove, ta = window.HTMLElement, W = Object.getOwnPropertyDescriptor(window.HTMLElement.prototype, "innerHTML"), ua = window.HTMLElement.prototype.insertAdjacentElement, va = window.HTMLElement.prototype.insertAdjacentHTML;
+    var wa = new function () { };
+    function xa() {
+        var a = X;
+        window.HTMLElement = function () {
+            function b() {
+                var b = this.constructor, c = a.g.get(b);
+                if (!c)
+                    throw Error("The custom element being constructed was not registered with `customElements`.");
+                var e = c.constructionStack;
+                if (0 === e.length)
+                    return e = F.call(document, c.localName), Object.setPrototypeOf(e, b.prototype), e.__CE_state = 1, e.__CE_definition = c, w(a, e), e;
+                c = e.length - 1;
+                var f = e[c];
+                if (f === wa)
+                    throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");
+                e[c] = wa;
+                Object.setPrototypeOf(f, b.prototype);
+                w(a, f);
+                return f;
+            }
+            b.prototype = ta.prototype;
+            Object.defineProperty(b.prototype, "constructor", { writable: !0, configurable: !0, enumerable: !1, value: b });
+            return b;
+        }();
+    }
+    function Y(a, b, d) { function c(b) { return function (d) { for (var e = [], c = 0; c < arguments.length; ++c)
+        e[c] = arguments[c]; c = []; for (var f = [], m = 0; m < e.length; m++) {
+        var q = e[m];
+        q instanceof Element && l(q) && f.push(q);
+        if (q instanceof DocumentFragment)
+            for (q = q.firstChild; q; q = q.nextSibling)
+                c.push(q);
+        else
+            c.push(q);
+    } b.apply(this, e); for (e = 0; e < f.length; e++)
+        z(a, f[e]); if (l(this))
+        for (e = 0; e < c.length; e++)
+            f = c[e], f instanceof Element && x(a, f); }; } void 0 !== d.h && (b.prepend = c(d.h)); void 0 !== d.append && (b.append = c(d.append)); }
+    function ya() {
+        var a = X;
+        r(Document.prototype, "createElement", function (b) { if (this.__CE_hasRegistry) {
+            var d = a.a.get(b);
+            if (d)
+                return new d.constructorFunction;
+        } b = F.call(this, b); w(a, b); return b; });
+        r(Document.prototype, "importNode", function (b, d) { b = ha.call(this, b, !!d); this.__CE_hasRegistry ? A(a, b) : v(a, b); return b; });
+        r(Document.prototype, "createElementNS", function (b, d) {
+            if (this.__CE_hasRegistry && (null === b || "http://www.w3.org/1999/xhtml" === b)) {
+                var c = a.a.get(d);
+                if (c)
+                    return new c.constructorFunction;
+            }
+            b = G.call(this, b, d);
+            w(a, b);
+            return b;
+        });
+        Y(a, Document.prototype, { h: ia, append: ja });
+    }
+    function za() {
+        function a(a, c) { Object.defineProperty(a, "textContent", { enumerable: c.enumerable, configurable: !0, get: c.get, set: function (a) { if (this.nodeType === Node.TEXT_NODE)
+                c.set.call(this, a);
+            else {
+                var d = void 0;
+                if (this.firstChild) {
+                    var e = this.childNodes, k = e.length;
+                    if (0 < k && l(this)) {
+                        d = Array(k);
+                        for (var h = 0; h < k; h++)
+                            d[h] = e[h];
+                    }
+                }
+                c.set.call(this, a);
+                if (d)
+                    for (a = 0; a < d.length; a++)
+                        z(b, d[a]);
+            } } }); }
+        var b = X;
+        r(Node.prototype, "insertBefore", function (a, c) {
+            if (a instanceof DocumentFragment) {
+                var e = Array.prototype.slice.apply(a.childNodes);
+                a = J.call(this, a, c);
+                if (l(this))
+                    for (c = 0; c < e.length; c++)
+                        x(b, e[c]);
+                return a;
+            }
+            e = l(a);
+            c = J.call(this, a, c);
+            e && z(b, a);
+            l(this) && x(b, a);
+            return c;
+        });
+        r(Node.prototype, "appendChild", function (a) { if (a instanceof DocumentFragment) {
+            var c = Array.prototype.slice.apply(a.childNodes);
+            a = I.call(this, a);
+            if (l(this))
+                for (var e = 0; e < c.length; e++)
+                    x(b, c[e]);
+            return a;
+        } c = l(a); e = I.call(this, a); c && z(b, a); l(this) && x(b, a); return e; });
+        r(Node.prototype, "cloneNode", function (a) {
+            a = H.call(this, !!a);
+            this.ownerDocument.__CE_hasRegistry ? A(b, a) : v(b, a);
+            return a;
+        });
+        r(Node.prototype, "removeChild", function (a) { var c = l(a), e = K.call(this, a); c && z(b, a); return e; });
+        r(Node.prototype, "replaceChild", function (a, c) { if (a instanceof DocumentFragment) {
+            var e = Array.prototype.slice.apply(a.childNodes);
+            a = L.call(this, a, c);
+            if (l(this))
+                for (z(b, c), c = 0; c < e.length; c++)
+                    x(b, e[c]);
+            return a;
+        } e = l(a); var f = L.call(this, a, c), d = l(this); d && z(b, c); e && z(b, a); d && x(b, a); return f; });
+        M && M.get ? a(Node.prototype, M) : ca(b, function (b) {
+            a(b, { enumerable: !0, configurable: !0, get: function () {
+                    for (var a = [], b = 0; b < this.childNodes.length; b++) {
+                        var f = this.childNodes[b];
+                        f.nodeType !== Node.COMMENT_NODE && a.push(f.textContent);
+                    }
+                    return a.join("");
+                }, set: function (a) { for (; this.firstChild;)
+                    K.call(this, this.firstChild); null != a && "" !== a && I.call(this, document.createTextNode(a)); } });
+        });
+    }
+    function Aa(a) {
+        function b(b) { return function (e) { for (var c = [], d = 0; d < arguments.length; ++d)
+            c[d] = arguments[d]; d = []; for (var k = [], h = 0; h < c.length; h++) {
+            var m = c[h];
+            m instanceof Element && l(m) && k.push(m);
+            if (m instanceof DocumentFragment)
+                for (m = m.firstChild; m; m = m.nextSibling)
+                    d.push(m);
+            else
+                d.push(m);
+        } b.apply(this, c); for (c = 0; c < k.length; c++)
+            z(a, k[c]); if (l(this))
+            for (c = 0; c < d.length; c++)
+                k = d[c], k instanceof Element && x(a, k); }; }
+        var d = Element.prototype;
+        void 0 !== V && (d.before = b(V));
+        void 0 !== V && (d.after = b(qa));
+        void 0 !== ra &&
+            r(d, "replaceWith", function (b) { for (var e = [], c = 0; c < arguments.length; ++c)
+                e[c] = arguments[c]; c = []; for (var d = [], k = 0; k < e.length; k++) {
+                var h = e[k];
+                h instanceof Element && l(h) && d.push(h);
+                if (h instanceof DocumentFragment)
+                    for (h = h.firstChild; h; h = h.nextSibling)
+                        c.push(h);
+                else
+                    c.push(h);
+            } k = l(this); ra.apply(this, e); for (e = 0; e < d.length; e++)
+                z(a, d[e]); if (k)
+                for (z(a, this), e = 0; e < c.length; e++)
+                    d = c[e], d instanceof Element && x(a, d); });
+        void 0 !== sa && r(d, "remove", function () { var b = l(this); sa.call(this); b && z(a, this); });
+    }
+    function Ba() {
+        function a(a, b) { Object.defineProperty(a, "innerHTML", { enumerable: b.enumerable, configurable: !0, get: b.get, set: function (a) { var e = this, d = void 0; l(this) && (d = [], p(this, function (a) { a !== e && d.push(a); })); b.set.call(this, a); if (d)
+                for (var f = 0; f < d.length; f++) {
+                    var t = d[f];
+                    1 === t.__CE_state && c.disconnectedCallback(t);
+                } this.ownerDocument.__CE_hasRegistry ? A(c, this) : v(c, this); return a; } }); }
+        function b(a, b) { r(a, "insertAdjacentElement", function (a, e) { var d = l(e); a = b.call(this, a, e); d && z(c, e); l(a) && x(c, e); return a; }); }
+        function d(a, b) {
+            function e(a, b) { for (var e = []; a !== b; a = a.nextSibling)
+                e.push(a); for (b = 0; b < e.length; b++)
+                A(c, e[b]); }
+            r(a, "insertAdjacentHTML", function (a, c) {
+                a = a.toLowerCase();
+                if ("beforebegin" === a) {
+                    var d = this.previousSibling;
+                    b.call(this, a, c);
+                    e(d || this.parentNode.firstChild, this);
+                }
+                else if ("afterbegin" === a)
+                    d = this.firstChild, b.call(this, a, c), e(this.firstChild, d);
+                else if ("beforeend" === a)
+                    d = this.lastChild, b.call(this, a, c), e(d || this.firstChild, null);
+                else if ("afterend" === a)
+                    d = this.nextSibling, b.call(this, a, c), e(this.nextSibling, d);
+                else
+                    throw new SyntaxError("The value provided (" + String(a) + ") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.");
+            });
+        }
+        var c = X;
+        N && r(Element.prototype, "attachShadow", function (a) { a = N.call(this, a); var b = c; if (b.b && !a.__CE_patched) {
+            a.__CE_patched = !0;
+            for (var e = 0; e < b.c.length; e++)
+                b.c[e](a);
+        } return this.__CE_shadowRoot = a; });
+        O && O.get ? a(Element.prototype, O) : W && W.get ? a(HTMLElement.prototype, W) : da(c, function (b) {
+            a(b, { enumerable: !0, configurable: !0, get: function () { return H.call(this, !0).innerHTML; },
+                set: function (a) { var b = "template" === this.localName, c = b ? this.content : this, e = G.call(document, this.namespaceURI, this.localName); for (e.innerHTML = a; 0 < c.childNodes.length;)
+                    K.call(c, c.childNodes[0]); for (a = b ? e.content : e; 0 < a.childNodes.length;)
+                    I.call(c, a.childNodes[0]); } });
+        });
+        r(Element.prototype, "setAttribute", function (a, b) { if (1 !== this.__CE_state)
+            return Q.call(this, a, b); var e = P.call(this, a); Q.call(this, a, b); b = P.call(this, a); c.attributeChangedCallback(this, a, e, b, null); });
+        r(Element.prototype, "setAttributeNS", function (a, b, d) { if (1 !== this.__CE_state)
+            return T.call(this, a, b, d); var e = S.call(this, a, b); T.call(this, a, b, d); d = S.call(this, a, b); c.attributeChangedCallback(this, b, e, d, a); });
+        r(Element.prototype, "removeAttribute", function (a) { if (1 !== this.__CE_state)
+            return R.call(this, a); var b = P.call(this, a); R.call(this, a); null !== b && c.attributeChangedCallback(this, a, b, null, null); });
+        r(Element.prototype, "removeAttributeNS", function (a, b) {
+            if (1 !== this.__CE_state)
+                return U.call(this, a, b);
+            var d = S.call(this, a, b);
+            U.call(this, a, b);
+            var e = S.call(this, a, b);
+            d !== e && c.attributeChangedCallback(this, b, d, e, a);
+        });
+        ua ? b(HTMLElement.prototype, ua) : ma ? b(Element.prototype, ma) : console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched.");
+        va ? d(HTMLElement.prototype, va) : na ? d(Element.prototype, na) : console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched.");
+        Y(c, Element.prototype, { h: oa, append: pa });
+        Aa(c);
+    }
+    var Z = window.customElements;
+    if (!Z || Z.forcePolyfill || "function" != typeof Z.define || "function" != typeof Z.get) {
+        var X = new u;
+        xa();
+        ya();
+        Y(X, DocumentFragment.prototype, { h: ka, append: la });
+        za();
+        Ba();
+        document.__CE_hasRegistry = !0;
+        var customElements = new E(X);
+        Object.defineProperty(window, "customElements", { configurable: !0, enumerable: !0, value: customElements });
+    }
+}).call(self);
+// Polyfill document.baseURI
+if (typeof document.baseURI !== 'string') {
+    Object.defineProperty(Document.prototype, 'baseURI', {
+        enumerable: true,
+        configurable: true,
+        get: function () {
+            var base = document.querySelector('base');
+            if (base) {
+                return base.href;
+            }
+            return document.URL;
+        }
+    });
+}
+// Polyfill CustomEvent
+if (typeof window.CustomEvent !== 'function') {
+    window.CustomEvent = function CustomEvent(event, params) {
+        params = params || { bubbles: false, cancelable: false, detail: undefined };
+        var evt = document.createEvent('CustomEvent');
+        evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+        return evt;
+    };
+    window.CustomEvent.prototype = window.Event.prototype;
+}
+// Event.composedPath
+(function (E, d, w) {
+    if (!E.composedPath) {
+        E.composedPath = function () {
+            if (this.path) {
+                return this.path;
+            }
+            var target = this.target;
+            this.path = [];
+            while (target.parentNode !== null) {
+                this.path.push(target);
+                target = target.parentNode;
+            }
+            this.path.push(d, w);
+            return this.path;
+        };
+    }
+})(Event.prototype, document, window);
+/*!
+Element.closest and Element.matches
+https://github.com/jonathantneal/closest
+Creative Commons Zero v1.0 Universal
+*/
+(function (a) { "function" !== typeof a.matches && (a.matches = a.msMatchesSelector || a.mozMatchesSelector || a.webkitMatchesSelector || function (a) { a = (this.document || this.ownerDocument).querySelectorAll(a); for (var b = 0; a[b] && a[b] !== this;)
+    ++b; return !!a[b]; }); "function" !== typeof a.closest && (a.closest = function (a) { for (var b = this; b && 1 === b.nodeType;) {
+    if (b.matches(a))
+        return b;
+    b = b.parentNode;
+} return null; }); })(window.Element.prototype);
+/*!
+Element.getRootNode()
+*/
+(function (c) { function d(a) { a = b(a); return 11 === a.nodeType ? d(a.host) : a; } function b(a) { return a.parentNode ? b(a.parentNode) : a; } "function" !== typeof c.getRootNode && (c.getRootNode = function (a) { return a && a.composed ? d(this) : b(this); }); })(Element.prototype);
+/*!
+Element.remove()
+*/
+(function (b) { b.forEach(function (a) { a.hasOwnProperty("remove") || Object.defineProperty(a, "remove", { configurable: !0, enumerable: !0, writable: !0, value: function () { null !== this.parentNode && this.parentNode.removeChild(this); } }); }); })([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
+/*!
+Element.classList
+*/
+!function (e) { 'classList' in e || Object.defineProperty(e, "classList", { get: function () { var e = this, t = (e.getAttribute("class") || "").replace(/^\s+|\s$/g, "").split(/\s+/g); function n() { t.length > 0 ? e.setAttribute("class", t.join(" ")) : e.removeAttribute("class"); } return "" === t[0] && t.splice(0, 1), t.toggle = function (e, i) { void 0 !== i ? i ? t.add(e) : t.remove(e) : -1 !== t.indexOf(e) ? t.splice(t.indexOf(e), 1) : t.push(e), n(); }, t.add = function () { for (var e = [].slice.call(arguments), i = 0, s = e.length; i < s; i++)
+        -1 === t.indexOf(e[i]) && t.push(e[i]); n(); }, t.remove = function () { for (var e = [].slice.call(arguments), i = 0, s = e.length; i < s; i++)
+        -1 !== t.indexOf(e[i]) && t.splice(t.indexOf(e[i]), 1); n(); }, t.item = function (e) { return t[e]; }, t.contains = function (e) { return -1 !== t.indexOf(e); }, t.replace = function (e, i) { -1 !== t.indexOf(e) && t.splice(t.indexOf(e), 1, i), n(); }, t.value = e.getAttribute("class") || "", t; } }); }(Element.prototype);
diff --git a/dist/esm-es5/index.mjs b/dist/esm-es5/index.mjs
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/dist/esm-es5/loader.mjs b/dist/esm-es5/loader.mjs
new file mode 100644
index 00000000000..11cfaa16903
--- /dev/null
+++ b/dist/esm-es5/loader.mjs
@@ -0,0 +1,7 @@
+import { a as patchEsm, b as bootstrapLazy } from './chunk-5f99f9d5.js';
+var defineCustomElements = function (win, options) {
+    return patchEsm().then(function () {
+        bootstrapLazy([["calcite-alert_2", [[1, "calcite-alert", { "dismiss": [4], "duration": [513], "color": [513], "theme": [513], "icon": [4], "alertId": [1, "alert-id"], "currentAlert": [1, "current-alert"], "queueLength": [2, "queue-length"], "active": [32], "closeCalciteAlert": [64], "openCalciteAlert": [64] }], [1, "calcite-alerts", { "currentAlert": [32], "active": [32], "alertQueue": [32] }, [[0, "calciteAlertOpen", "updateQueueOnOpen"], [0, "calciteAlertClose", "updateQueueOnClose"]]]]], ["calcite-button", [[1, "calcite-button", { "color": [1537], "appearance": [1537], "scale": [1537], "width": [1537], "loading": [516], "href": [513], "icon": [513], "hastext": [1028] }]]], ["calcite-tab_4", [[1, "calcite-tab", { "tab": [1537], "isActive": [1540, "is-active"], "labeledBy": [32], "getTabIndex": [64], "updateAriaInfo": [64] }, [[16, "calciteTabChange", "tabChangeHandler"]]], [1, "calcite-tab-nav", { "storageId": [1, "storage-id"], "syncId": [1, "sync-id"], "selectedTab": [32] }, [[0, "calciteTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteTabsFocusNext", "focusNextTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [32, "calciteTabChange", "globalTabChangeHandler"]]], [1, "calcite-tab-title", { "tab": [1537], "isActive": [1540, "is-active"], "controls": [32], "getTabIndex": [64], "getTabIdentifier": [64], "updateAriaInfo": [64] }, [[16, "calciteTabChange", "tabChangeHandler"], [0, "click", "onClick"], [0, "keydown", "keyDownHandler"]]], [1, "calcite-tabs", { "theme": [513], "layout": [513], "titles": [32], "tabs": [32] }, [[0, "calciteTabTitleRegister", "calciteTabTitleRegister"], [0, "calciteTabTitleUnregister", "calciteTabTitleUnregister"], [0, "calciteTabRegister", "calciteTabRegister"], [0, "calciteTabUnregister", "calciteTabUnregister"]]]]], ["calcite-radio-group_2", [[1, "calcite-radio-group", { "name": [1], "selectedItem": [8, "selected-item"], "theme": [513] }, [[0, "click", "handleClick"], [0, "calciteRadioGroupItemChange", "handleSelected"], [0, "keydown", "handleKeyDown"]]], [1, "calcite-radio-group-item", { "checked": [1540], "value": [8] }]]], ["calcite-checkbox", [[1, "calcite-checkbox", { "checked": [1540], "indeterminate": [1540], "name": [1537], "value": [1537], "size": [513], "disabled": [516], "theme": [513] }, [[0, "click", "onClick"], [0, "keydown", "keyDownHandler"]]]]], ["calcite-example", [[1, "calcite-example", { "property": [1], "state": [32], "doThing": [64] }, [[0, "click", "onClick"]]]]], ["calcite-modal", [[1, "calcite-modal", { "beforeClose": [16], "closeLabel": [1, "close-label"], "docked": [516], "firstFocus": [16], "size": [513], "color": [513], "theme": [513], "isActive": [32], "hideBackButton": [32], "hideSecondaryButton": [32], "open": [64], "close": [64] }, [[0, "keyup", "handleEscape"]]]]], ["calcite-progress", [[4, "calcite-progress", { "type": [1], "value": [2], "text": [1], "reversed": [4] }]]], ["calcite-slider", [[1, "calcite-slider", { "disabled": [1540], "min": [1538], "max": [1538], "value": [1538], "minValue": [2, "min-value"], "maxValue": [2, "max-value"], "minLabel": [1, "min-label"], "maxLabel": [1, "max-label"], "snap": [4], "step": [2], "pageStep": [2, "page-step"], "ticks": [2], "labelTicks": [516, "label-ticks"], "labelHandles": [516, "label-handles"], "precise": [4], "tickValues": [32], "activeProp": [32] }, [[0, "keydown", "keyDownHandler"], [0, "click", "clickHandler"]]]]], ["calcite-switch", [[1, "calcite-switch", { "switched": [1540], "name": [1537], "value": [1537], "color": [1] }, [[0, "click", "onClick"], [0, "keydown", "keyDownHandler"]]]]], ["calcite-loader", [[1, "calcite-loader", { "isActive": [1540, "is-active"], "inline": [1540], "type": [1537], "value": [2], "text": [1], "loaderBarOffsets": [32], "isEdge": [32] }]]], ["context-consumer", [[0, "context-consumer", { "context": [16], "renderer": [16], "subscribe": [16], "unsubscribe": [32] }]]]], options);
+    });
+};
+export { defineCustomElements };
diff --git a/dist/esm-es5/shadow-css-bbdf056f-05cd1ccb.js b/dist/esm-es5/shadow-css-bbdf056f-05cd1ccb.js
new file mode 100644
index 00000000000..04b5475b6ac
--- /dev/null
+++ b/dist/esm-es5/shadow-css-bbdf056f-05cd1ccb.js
@@ -0,0 +1,431 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ *
+ * This file is a port of shadowCSS from webcomponents.js to TypeScript.
+ * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
+ * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
+ */
+var ShadowCss = /** @class */ (function () {
+    function ShadowCss() {
+        this.strictStyling = true;
+    }
+    ShadowCss.prototype.shimCssText = function (cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector) {
+        if (hostScopeId === void 0) { hostScopeId = ''; }
+        if (slotScopeId === void 0) { slotScopeId = ''; }
+        if (commentOriginalSelector === void 0) { commentOriginalSelector = false; }
+        var commentsWithHash = extractCommentsWithHash(cssText);
+        cssText = stripComments(cssText);
+        var orgSelectors = [];
+        if (commentOriginalSelector) {
+            var processCommentedSelector_1 = function (rule) {
+                var placeholder = "/*!@___" + orgSelectors.length + "___*/";
+                var comment = "/*!@" + rule.selector + "*/";
+                orgSelectors.push({ placeholder: placeholder, comment: comment });
+                rule.selector = placeholder + rule.selector;
+                return rule;
+            };
+            cssText = processRules(cssText, function (rule) {
+                if (rule.selector[0] !== '@') {
+                    return processCommentedSelector_1(rule);
+                }
+                else if (rule.selector.startsWith('@media') || rule.selector.startsWith('@supports') ||
+                    rule.selector.startsWith('@page') || rule.selector.startsWith('@document')) {
+                    rule.content = processRules(rule.content, processCommentedSelector_1);
+                    return rule;
+                }
+                return rule;
+            });
+        }
+        var scopedCssText = this._scopeCssText(cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector);
+        cssText = [scopedCssText].concat(commentsWithHash).join('\n');
+        if (commentOriginalSelector) {
+            orgSelectors.forEach(function (_a) {
+                var placeholder = _a.placeholder, comment = _a.comment;
+                cssText = cssText.replace(placeholder, comment);
+            });
+        }
+        return cssText;
+    };
+    ShadowCss.prototype._scopeCssText = function (cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector) {
+        // replace :host and :host-context -shadowcsshost and -shadowcsshost respectively
+        cssText = this._insertPolyfillHostInCssText(cssText);
+        cssText = this._convertColonHost(cssText);
+        cssText = this._convertColonHostContext(cssText);
+        cssText = this._convertColonSlotted(cssText, slotScopeId);
+        cssText = this._convertShadowDOMSelectors(cssText);
+        if (scopeId) {
+            cssText = this._scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector);
+        }
+        cssText = cssText.replace(/-shadowcsshost-no-combinator/g, "." + hostScopeId);
+        cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, ' $1 ');
+        return cssText.trim();
+    };
+    /*
+     * convert a rule like :host(.foo) > .bar { }
+     *
+     * to
+     *
+     * .foo<scopeName> > .bar
+    */
+    ShadowCss.prototype._convertColonHost = function (cssText) {
+        return this._convertColonRule(cssText, _cssColonHostRe, this._colonHostPartReplacer);
+    };
+    /*
+   * convert a rule like ::slotted(.foo) { }
+  */
+    ShadowCss.prototype._convertColonSlotted = function (cssText, slotAttr) {
+        var regExp = _cssColonSlottedRe;
+        return cssText.replace(regExp, function () {
+            var m = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                m[_i] = arguments[_i];
+            }
+            if (m[2]) {
+                var compound = m[2].trim();
+                var suffix = m[3];
+                var sel = '.' + slotAttr + ' > ' + compound + suffix;
+                return sel;
+            }
+            else {
+                return _polyfillHostNoCombinator + m[3];
+            }
+        });
+    };
+    /*
+     * convert a rule like :host-context(.foo) > .bar { }
+     *
+     * to
+     *
+     * .foo<scopeName> > .bar, .foo scopeName > .bar { }
+     *
+     * and
+     *
+     * :host-context(.foo:host) .bar { ... }
+     *
+     * to
+     *
+     * .foo<scopeName> .bar { ... }
+    */
+    ShadowCss.prototype._convertColonHostContext = function (cssText) {
+        return this._convertColonRule(cssText, _cssColonHostContextRe, this._colonHostContextPartReplacer);
+    };
+    ShadowCss.prototype._convertColonRule = function (cssText, regExp, partReplacer) {
+        // m[1] = :host(-context), m[2] = contents of (), m[3] rest of rule
+        return cssText.replace(regExp, function () {
+            var m = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                m[_i] = arguments[_i];
+            }
+            if (m[2]) {
+                var parts = m[2].split(',');
+                var r = [];
+                for (var i = 0; i < parts.length; i++) {
+                    var p = parts[i].trim();
+                    if (!p)
+                        break;
+                    r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));
+                }
+                return r.join(',');
+            }
+            else {
+                return _polyfillHostNoCombinator + m[3];
+            }
+        });
+    };
+    ShadowCss.prototype._colonHostContextPartReplacer = function (host, part, suffix) {
+        if (part.indexOf(_polyfillHost) > -1) {
+            return this._colonHostPartReplacer(host, part, suffix);
+        }
+        else {
+            return host + part + suffix + ', ' + part + ' ' + host + suffix;
+        }
+    };
+    ShadowCss.prototype._colonHostPartReplacer = function (host, part, suffix) {
+        return host + part.replace(_polyfillHost, '') + suffix;
+    };
+    /*
+     * Convert combinators like ::shadow and pseudo-elements like ::content
+     * by replacing with space.
+    */
+    ShadowCss.prototype._convertShadowDOMSelectors = function (cssText) {
+        return _shadowDOMSelectorsRe.reduce(function (result, pattern) { return result.replace(pattern, ' '); }, cssText);
+    };
+    // change a selector like 'div' to 'name div'
+    ShadowCss.prototype._scopeSelectors = function (cssText, scopeSelector, hostSelector, slotSelector, commentOriginalSelector) {
+        var _this = this;
+        return processRules(cssText, function (rule) {
+            var selector = rule.selector;
+            var content = rule.content;
+            if (rule.selector[0] !== '@') {
+                selector =
+                    _this._scopeSelector(rule.selector, scopeSelector, hostSelector, slotSelector, _this.strictStyling);
+            }
+            else if (rule.selector.startsWith('@media') || rule.selector.startsWith('@supports') ||
+                rule.selector.startsWith('@page') || rule.selector.startsWith('@document')) {
+                content = _this._scopeSelectors(rule.content, scopeSelector, hostSelector, slotSelector, commentOriginalSelector);
+            }
+            selector = selector.replace(/\s{2,}/g, ' ').trim();
+            return new CssRule(selector, content);
+        });
+    };
+    ShadowCss.prototype._scopeSelector = function (selector, scopeSelector, hostSelector, slotSelector, strict) {
+        var _this = this;
+        return selector.split(',')
+            .map(function (shallowPart) {
+            if (slotSelector && shallowPart.indexOf('.' + slotSelector) > -1) {
+                return shallowPart.trim();
+            }
+            if (_this._selectorNeedsScoping(shallowPart, scopeSelector)) {
+                return strict ?
+                    _this._applyStrictSelectorScope(shallowPart, scopeSelector, hostSelector).trim() :
+                    _this._applySelectorScope(shallowPart, scopeSelector, hostSelector).trim();
+            }
+            else {
+                return shallowPart.trim();
+            }
+        })
+            .join(', ');
+    };
+    ShadowCss.prototype._selectorNeedsScoping = function (selector, scopeSelector) {
+        var re = this._makeScopeMatcher(scopeSelector);
+        return !re.test(selector);
+    };
+    ShadowCss.prototype._makeScopeMatcher = function (scopeSelector) {
+        var lre = /\[/g;
+        var rre = /\]/g;
+        scopeSelector = scopeSelector.replace(lre, '\\[').replace(rre, '\\]');
+        return new RegExp('^(' + scopeSelector + ')' + _selectorReSuffix, 'm');
+    };
+    ShadowCss.prototype._applySelectorScope = function (selector, scopeSelector, hostSelector) {
+        // Difference from webcomponents.js: scopeSelector could not be an array
+        return this._applySimpleSelectorScope(selector, scopeSelector, hostSelector);
+    };
+    // scope via name and [is=name]
+    ShadowCss.prototype._applySimpleSelectorScope = function (selector, scopeSelector, hostSelector) {
+        // In Android browser, the lastIndex is not reset when the regex is used in String.replace()
+        _polyfillHostRe.lastIndex = 0;
+        if (_polyfillHostRe.test(selector)) {
+            var replaceBy_1 = this.strictStyling ? "." + hostSelector : scopeSelector;
+            return selector
+                .replace(_polyfillHostNoCombinatorRe, function (_, selector) {
+                return selector.replace(/([^:]*)(:*)(.*)/, function (_, before, colon, after) {
+                    return before + replaceBy_1 + colon + after;
+                });
+            })
+                .replace(_polyfillHostRe, replaceBy_1 + ' ');
+        }
+        return scopeSelector + ' ' + selector;
+    };
+    ShadowCss.prototype._applyStrictSelectorScope = function (selector, scopeSelector, hostSelector) {
+        var _this = this;
+        var isRe = /\[is=([^\]]*)\]/g;
+        scopeSelector = scopeSelector.replace(isRe, function (_) {
+            var parts = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                parts[_i - 1] = arguments[_i];
+            }
+            return parts[0];
+        });
+        var className = '.' + scopeSelector;
+        var _scopeSelectorPart = function (p) {
+            var scopedP = p.trim();
+            if (!scopedP) {
+                return '';
+            }
+            if (p.indexOf(_polyfillHostNoCombinator) > -1) {
+                scopedP = _this._applySimpleSelectorScope(p, scopeSelector, hostSelector);
+            }
+            else {
+                // remove :host since it should be unnecessary
+                var t = p.replace(_polyfillHostRe, '');
+                if (t.length > 0) {
+                    var matches = t.match(/([^:]*)(:*)(.*)/);
+                    if (matches) {
+                        scopedP = matches[1] + className + matches[2] + matches[3];
+                    }
+                }
+            }
+            return scopedP;
+        };
+        var safeContent = new SafeSelector(selector);
+        selector = safeContent.content();
+        var scopedSelector = '';
+        var startIndex = 0;
+        var res;
+        var sep = /( |>|\+|~(?!=))\s*/g;
+        // If a selector appears before :host it should not be shimmed as it
+        // matches on ancestor elements and not on elements in the host's shadow
+        // `:host-context(div)` is transformed to
+        // `-shadowcsshost-no-combinatordiv, div -shadowcsshost-no-combinator`
+        // the `div` is not part of the component in the 2nd selectors and should not be scoped.
+        // Historically `component-tag:host` was matching the component so we also want to preserve
+        // this behavior to avoid breaking legacy apps (it should not match).
+        // The behavior should be:
+        // - `tag:host` -> `tag[h]` (this is to avoid breaking legacy apps, should not match anything)
+        // - `tag :host` -> `tag [h]` (`tag` is not scoped because it's considered part of a
+        //   `:host-context(tag)`)
+        var hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;
+        // Only scope parts after the first `-shadowcsshost-no-combinator` when it is present
+        var shouldScope = !hasHost;
+        while ((res = sep.exec(selector)) !== null) {
+            var separator = res[1];
+            var part_1 = selector.slice(startIndex, res.index).trim();
+            shouldScope = shouldScope || part_1.indexOf(_polyfillHostNoCombinator) > -1;
+            var scopedPart = shouldScope ? _scopeSelectorPart(part_1) : part_1;
+            scopedSelector += scopedPart + " " + separator + " ";
+            startIndex = sep.lastIndex;
+        }
+        var part = selector.substring(startIndex);
+        shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
+        scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
+        // replace the placeholders with their original values
+        return safeContent.restore(scopedSelector);
+    };
+    ShadowCss.prototype._insertPolyfillHostInCssText = function (selector) {
+        selector = selector
+            .replace(_colonHostContextRe, _polyfillHostContext)
+            .replace(_colonHostRe, _polyfillHost)
+            .replace(_colonSlottedRe, _polyfillSlotted);
+        return selector;
+    };
+    return ShadowCss;
+}());
+var SafeSelector = /** @class */ (function () {
+    function SafeSelector(selector) {
+        var _this = this;
+        this.placeholders = [];
+        this.index = 0;
+        // Replaces attribute selectors with placeholders.
+        // The WS in [attr="va lue"] would otherwise be interpreted as a selector separator.
+        selector = selector.replace(/(\[[^\]]*\])/g, function (_, keep) {
+            var replaceBy = "__ph-" + _this.index + "__";
+            _this.placeholders.push(keep);
+            _this.index++;
+            return replaceBy;
+        });
+        // Replaces the expression in `:nth-child(2n + 1)` with a placeholder.
+        // WS and "+" would otherwise be interpreted as selector separators.
+        this._content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, function (_, pseudo, exp) {
+            var replaceBy = "__ph-" + _this.index + "__";
+            _this.placeholders.push(exp);
+            _this.index++;
+            return pseudo + replaceBy;
+        });
+    }
+    SafeSelector.prototype.restore = function (content) {
+        var _this = this;
+        return content.replace(/__ph-(\d+)__/g, function (_, index) { return _this.placeholders[+index]; });
+    };
+    SafeSelector.prototype.content = function () { return this._content; };
+    return SafeSelector;
+}());
+var CssRule = /** @class */ (function () {
+    function CssRule(selector, content) {
+        this.selector = selector;
+        this.content = content;
+    }
+    return CssRule;
+}());
+var StringWithEscapedBlocks = /** @class */ (function () {
+    function StringWithEscapedBlocks(escapedString, blocks) {
+        this.escapedString = escapedString;
+        this.blocks = blocks;
+    }
+    return StringWithEscapedBlocks;
+}());
+var _polyfillHost = '-shadowcsshost';
+var _polyfillSlotted = '-shadowcssslotted';
+// note: :host-context pre-processed to -shadowcsshostcontext.
+var _polyfillHostContext = '-shadowcsscontext';
+var _parenSuffix = ')(?:\\((' +
+    '(?:\\([^)(]*\\)|[^)(]*)+?' +
+    ')\\))?([^,{]*)';
+var _cssColonHostRe = new RegExp('(' + _polyfillHost + _parenSuffix, 'gim');
+var _cssColonHostContextRe = new RegExp('(' + _polyfillHostContext + _parenSuffix, 'gim');
+var _cssColonSlottedRe = new RegExp('(' + _polyfillSlotted + _parenSuffix, 'gim');
+var _polyfillHostNoCombinator = _polyfillHost + '-no-combinator';
+var _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
+var _shadowDOMSelectorsRe = [
+    /::shadow/g,
+    /::content/g
+];
+var _selectorReSuffix = '([>\\s~+\[.,{:][\\s\\S]*)?$';
+var _polyfillHostRe = /-shadowcsshost/gim;
+var _colonHostRe = /:host/gim;
+var _colonSlottedRe = /::slotted/gim;
+var _colonHostContextRe = /:host-context/gim;
+var _commentRe = /\/\*\s*[\s\S]*?\*\//g;
+var stripComments = function (input) {
+    return input.replace(_commentRe, '');
+};
+var _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;
+var extractCommentsWithHash = function (input) {
+    return input.match(_commentWithHashRe) || [];
+};
+var _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
+var _curlyRe = /([{}])/g;
+var OPEN_CURLY = '{';
+var CLOSE_CURLY = '}';
+var BLOCK_PLACEHOLDER = '%BLOCK%';
+var processRules = function (input, ruleCallback) {
+    var inputWithEscapedBlocks = escapeBlocks(input);
+    var nextBlockIndex = 0;
+    return inputWithEscapedBlocks.escapedString.replace(_ruleRe, function () {
+        var m = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            m[_i] = arguments[_i];
+        }
+        var selector = m[2];
+        var content = '';
+        var suffix = m[4];
+        var contentPrefix = '';
+        if (suffix && suffix.startsWith('{' + BLOCK_PLACEHOLDER)) {
+            content = inputWithEscapedBlocks.blocks[nextBlockIndex++];
+            suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);
+            contentPrefix = '{';
+        }
+        var rule = ruleCallback(new CssRule(selector, content));
+        return "" + m[1] + rule.selector + m[3] + contentPrefix + rule.content + suffix;
+    });
+};
+var escapeBlocks = function (input) {
+    var inputParts = input.split(_curlyRe);
+    var resultParts = [];
+    var escapedBlocks = [];
+    var bracketCount = 0;
+    var currentBlockParts = [];
+    for (var partIndex = 0; partIndex < inputParts.length; partIndex++) {
+        var part = inputParts[partIndex];
+        if (part === CLOSE_CURLY) {
+            bracketCount--;
+        }
+        if (bracketCount > 0) {
+            currentBlockParts.push(part);
+        }
+        else {
+            if (currentBlockParts.length > 0) {
+                escapedBlocks.push(currentBlockParts.join(''));
+                resultParts.push(BLOCK_PLACEHOLDER);
+                currentBlockParts = [];
+            }
+            resultParts.push(part);
+        }
+        if (part === OPEN_CURLY) {
+            bracketCount++;
+        }
+    }
+    if (currentBlockParts.length > 0) {
+        escapedBlocks.push(currentBlockParts.join(''));
+        resultParts.push(BLOCK_PLACEHOLDER);
+    }
+    return new StringWithEscapedBlocks(resultParts.join(''), escapedBlocks);
+};
+var scopeCss = function (cssText, scopeId, commentOriginalSelector) {
+    var sc = new ShadowCss();
+    return sc.shimCssText(cssText, scopeId, scopeId + '-h', scopeId + '-s', commentOriginalSelector);
+};
+export { ShadowCss, scopeCss };
diff --git a/dist/esm/calcite-alert_2.entry.js b/dist/esm/calcite-alert_2.entry.js
new file mode 100644
index 00000000000..a78a2957f4e
--- /dev/null
+++ b/dist/esm/calcite-alert_2.entry.js
@@ -0,0 +1,215 @@
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { g as getElementDir } from './chunk-6bb56f1f.js';
+import { c as checkCircle24F, e as exclamationMarkTriangle24F, l as lightbulb24F, a as x32 } from './chunk-9de72867.js';
+
+const createProviderConsumer = (defaultState, consumerRender) => {
+    let listeners = new Map();
+    let currentState = defaultState;
+    const updateListener = (fields, instance) => {
+        if (Array.isArray(fields)) {
+            [...fields].forEach(fieldName => {
+                instance[fieldName] = currentState[fieldName];
+            });
+        }
+        else {
+            instance[fields] = Object.assign({}, currentState);
+        }
+    };
+    const subscribe = (instance, propList) => {
+        if (!listeners.has(instance)) {
+            listeners.set(instance, propList);
+            updateListener(propList, instance);
+        }
+        return () => {
+            if (listeners.has(instance)) {
+                listeners.delete(instance);
+            }
+        };
+    };
+    const Provider = ({ state }, children) => {
+        currentState = state;
+        listeners.forEach(updateListener);
+        return children;
+    };
+    const Consumer = (props, children) => {
+        // The casting on subscribe is to allow for crossover through the stencil compiler
+        // In the future we should allow for generics in components.
+        return consumerRender(subscribe, children[0]);
+    };
+    const injectProps = (Cstr, fieldList) => {
+        const CstrPrototype = Cstr.prototype;
+        const cstrConnectedCallback = CstrPrototype.connectedCallback;
+        const cstrDisconnectedCallback = CstrPrototype.disconnectedCallback;
+        CstrPrototype.connectedCallback = function () {
+            subscribe(this, fieldList);
+            if (cstrConnectedCallback) {
+                return cstrConnectedCallback.call(this);
+            }
+        };
+        CstrPrototype.disconnectedCallback = function () {
+            listeners.delete(this);
+            if (cstrDisconnectedCallback) {
+                cstrDisconnectedCallback.call(this);
+            }
+        };
+    };
+    return {
+        Provider,
+        Consumer,
+        injectProps
+    };
+};
+
+const AlertInterface = createProviderConsumer({
+    currentAlert: "",
+    queueLength: 0
+}, (subscribe, child) => (h("context-consumer", { subscribe: subscribe, renderer: child })));
+
+/** Alerts are not meant to be used inline with content, or be present in view on page load.
+ * As such, calcite-alert relies on calcite-alerts for positioning - displaying an alert on its own
+ * will lead to unexpected and potentially undesireable results
+ */
+/**
+ * @slot alert-title - Title of the alert (optional)
+ * @slot alert-message - Main text of the alert
+ * @slot alert-link - Optional action to take from the alert (undo, try again, link to page, etc.)
+ */
+class CalciteAlert {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Is the alert currently active or not */
+        this.active = false;
+        /** Close the alert automatically (recommended for passive, non-blocking alerts) */
+        this.dismiss = false;
+        /** Length before autodismissal (only used with `dismiss`) */
+        this.duration = this.dismiss
+            ? "medium"
+            : null;
+        /** Color for the alert (will apply to top border and icon) */
+        this.color = "blue";
+        /** Select theme (light or dark) */
+        this.theme = "light";
+        /** If false, no icon will be shown in the alert */
+        this.icon = false;
+        /** Unique ID for this alert */
+        /** @internal */
+        this.alertId = this.el.id;
+        /** @internal */
+        this.currentAlert = "";
+        /** @internal */
+        this.queueLength = 0;
+        this.durationDefaults = {
+            slow: 14000,
+            medium: 10000,
+            fast: 6000
+        };
+        this.iconDefaults = {
+            green: checkCircle24F,
+            yellow: exclamationMarkTriangle24F,
+            red: exclamationMarkTriangle24F,
+            blue: lightbulb24F
+        };
+        this.calciteAlertClose = createEvent(this, "calciteAlertClose", 7);
+        this.calciteAlertOpen = createEvent(this, "calciteAlertOpen", 7);
+    }
+    /** watch for changes to currentAlert passed from <calcite-alerts> */
+    watchCurrentAlert() {
+        if (!this.active && this.currentAlert === this.alertId) {
+            if (this.dismiss)
+                setTimeout(() => this.closeCalciteAlert(), this.durationDefaults[this.duration]);
+            setTimeout(() => (this.active = true), 300);
+        }
+        else {
+            this.active = false;
+        }
+    }
+    /** emit the `calciteAlertClose` event - <calcite-alerts> listens for this */
+    async closeCalciteAlert() {
+        this.calciteAlertClose.emit({ requestedAlert: this.alertId });
+    }
+    /**  emit the `calciteAlertOpen` event - <calcite-alerts> listens for this  */
+    async openCalciteAlert() {
+        this.calciteAlertOpen.emit({ requestedAlert: this.alertId });
+    }
+    connectedCallback() {
+        // prop validations
+        let colors = ["blue", "red", "green", "yellow"];
+        if (!colors.includes(this.color))
+            this.color = "blue";
+        let durations = ["slow", "medium", "fast"];
+        if (this.duration !== null && !durations.includes(this.duration))
+            this.duration = "medium";
+        let themes = ["dark", "light"];
+        if (!themes.includes(this.theme))
+            this.theme = "light";
+    }
+    setIcon() {
+        var path = this.iconDefaults[this.color];
+        return (h("div", { class: "alert-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", viewBox: "0 0 24 24" }, h("path", { d: path }))));
+    }
+    render() {
+        const dir = getElementDir(this.el);
+        const closeButton = (h("button", { class: "alert-close", "aria-label": "close", onClick: () => this.closeCalciteAlert() }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "32", width: "32", viewBox: "0 0 32 32" }, h("path", { d: x32 }))));
+        const close = !this.dismiss ? closeButton : "";
+        const icon = this.icon ? this.setIcon() : "";
+        const count = (h("div", { class: `${this.queueLength > 0 ? "active " : ""}alert-count` }, "+", this.queueLength > 0 ? this.queueLength : 1));
+        const progress = this.active && this.dismiss ? h("div", { class: "alert-dismiss" }) : "";
+        return (h(Host, { active: !!this.active, dir: dir }, icon, h("div", { class: "alert-content" }, h("slot", { name: "alert-title" }), h("slot", { name: "alert-message" }), h("slot", { name: "alert-link" })), count, close, progress));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "currentAlert": ["watchCurrentAlert"]
+    }; }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-alert-background:#fff;--calcite-alert-title-text:#404040;--calcite-alert-message-text:#555;--calcite-alert-icon-fill:#151515;--calcite-alert-close-background-hover:#f3f3f3;--calcite-alert-close-background-pressed:#eaeaea;--calcite-alert-count-text:#404040;--calcite-alert-count-border:#f3f3f3;--calcite-alert-dismiss-background:hsla(0,0%,100%,0.6);--calcite-alert-border-blue:#007ac2;--calcite-alert-border-green:#35ac46;--calcite-alert-border-red:#d83020;--calcite-alert-border-yellow:#edd317}:host([theme=dark]){--calcite-alert-background:#2b2b2b;--calcite-alert-title-text:#f8f8f8;--calcite-alert-message-text:#f3f3f3;--calcite-alert-icon-fill:#d4d4d4;--calcite-alert-close-background-hover:#202020;--calcite-alert-close-background-pressed:#151515;--calcite-alert-count-text:#d4d4d4;--calcite-alert-count-border:#202020;--calcite-alert-dismiss-background:rgba(43,43,43,0.6);--calcite-alert-border-blue:#3db8ff;--calcite-alert-border-green:#3bed52;--calcite-alert-border-red:#ff0015;--calcite-alert-border-yellow:#fe3}:host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;pointer-events:none;z-index:102;margin:0 auto;width:50em;max-width:90%;max-height:0;background-color:var(--calcite-alert-background);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);border-radius:2px;opacity:0;-webkit-transform:translate3d(0,1.5rem,0);transform:translate3d(0,1.5rem,0);-webkit-transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;-webkit-border-before:0 solid transparent;border-block-start:0 solid transparent}\@media only screen and (max-width:860px){:host{width:100%;max-width:100%;border-radius:2px 2px 0 0;-webkit-box-shadow:0 -8px 16px 0 rgba(0,0,0,.15);box-shadow:0 -8px 16px 0 rgba(0,0,0,.15)}}:host:host(.hydrated){visibility:hidden!important}:host:host([active]){opacity:1;max-height:100%;-webkit-transform:translate3d(0,-1.5rem,0);transform:translate3d(0,-1.5rem,0);pointer-events:auto;border-block-start-width:3px}:host:host([active]):host(.hydrated){visibility:visible!important}\@media only screen and (max-width:860px){:host:host([active]){-webkit-transform:translateZ(0);transform:translateZ(0)}}:host slot[name=alert-title]::slotted(div){font-size:1rem;line-height:1.5;color:var(--calcite-alert-title-text);font-weight:500}:host slot[name=alert-link]::slotted(a),:host slot[name=alert-link]::slotted(calcite-button){font-size:.9375rem;line-height:1.5}:host slot[name=alert-message]::slotted(div){display:inline;margin-right:.75rem;font-size:.9375rem;line-height:1.5;color:var(--calcite-alert-message-text)}:host([dir=rtl]) slot[name=alert-message]::slotted(div){margin-right:unset;margin-left:.75rem}.alert-content{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;word-wrap:break-word;-webkit-padding-before:.75rem;padding-block-start:.75rem;-webkit-padding-after:.75rem;padding-block-end:.75rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem;-webkit-padding-start:0;padding-inline-start:0}.alert-content svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-content{padding:1.5rem}}.alert-content:first-of-type{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}\@media only screen and (max-width:860px){.alert-content{-webkit-padding-before:1.5rem;padding-block-start:1.5rem;-webkit-padding-after:1.5rem;padding-block-end:1.5rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem;-webkit-padding-start:0;padding-inline-start:0}}.alert-icon{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.alert-icon svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-icon{padding:1.5rem}}.alert-close{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:transparent;-webkit-appearance:none;border:none;outline:none;cursor:pointer;border-radius:0 0 2px 0}.alert-close svg{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){.alert-close{padding:1.5rem}}.alert-close svg{fill:var(--calcite-alert-icon-fill)}.alert-close:focus,.alert-close:hover{background-color:var(--calcite-alert-close-background-hover)}.alert-close:active{background-color:var(--calcite-alert-close-background-pressed)}:host([dir=rtl]) .alert-close{border-radius:0 0 0 2px}\@media only screen and (max-width:860px){:host([dir=rtl]) .alert-close{border-radius:0}}.alert-count{font-size:.875rem;line-height:1.5;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;overflow:hidden;width:0;visibility:hidden;font-weight:500;text-align:center;color:var(--calcite-alert-count-text);opacity:0;-webkit-border-start:0 solid transparent;border-inline-start:0 solid transparent;-webkit-border-end:0 solid transparent;border-inline-end:0 solid transparent;cursor:default;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.alert-count.active{visibility:visible;opacity:1;padding:0 .375rem;width:3rem;-webkit-border-start:1px solid var(--calcite-alert-count-border);border-inline-start:1px solid var(--calcite-alert-count-border);-webkit-border-end:1px solid var(--calcite-alert-count-border);border-inline-end:1px solid var(--calcite-alert-count-border)}.alert-count.active:last-child{-webkit-border-end:0 solid transparent;border-inline-end:0 solid transparent}\@media only screen and (max-width:860px){.alert-count{border-radius:0}}.alert-dismiss{left:0;top:0;width:100%;z-index:103}.alert-dismiss,.alert-dismiss:after{display:block;position:absolute;right:0;height:3px}.alert-dismiss:after{top:-3px;border-radius:2px 2px 0 0;content:\"\";background-color:var(--calcite-alert-dismiss-background);z-index:104}:host([color=blue]){border-block-start-color:var(--calcite-alert-border-blue)}:host([color=blue]) .alert-icon svg{fill:var(--calcite-alert-border-blue)}:host([color=red]){border-block-start-color:var(--calcite-alert-border-red)}:host([color=red]) .alert-icon svg{fill:var(--calcite-alert-border-red)}:host([color=yellow]){border-block-start-color:var(--calcite-alert-border-yellow)}:host([color=yellow]) .alert-icon svg{fill:var(--calcite-alert-border-yellow)}:host([color=green]){border-block-start-color:var(--calcite-alert-border-green)}:host([color=green]) .alert-icon svg{fill:var(--calcite-alert-border-green)}:host([duration=fast]) .alert-dismiss:after{-webkit-animation:dismissProgress 6s ease-out;animation:dismissProgress 6s ease-out}:host([duration=medium]) .alert-dismiss:after{-webkit-animation:dismissProgress 10s ease-out;animation:dismissProgress 10s ease-out}:host([duration=slow]) .alert-dismiss:after{-webkit-animation:dismissProgress 14s ease-out;animation:dismissProgress 14s ease-out}\@-webkit-keyframes dismissProgress{0%{width:0;opacity:0}to{width:100%;opacity:1}}\@keyframes dismissProgress{0%{width:0;opacity:0}to{width:100%;opacity:1}}"; }
+}
+AlertInterface.injectProps(CalciteAlert, ["currentAlert", "queueLength"]);
+
+class CalciteAlerts {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.currentAlert = "";
+        this.active = false;
+        this.alertQueue = [];
+        this.calciteAlertsClose = createEvent(this, "calciteAlertsClose", 7);
+        this.calciteAlertsOpen = createEvent(this, "calciteAlertsOpen", 7);
+    }
+    /** Adds the requested alert to the alert queue, if not present */
+    updateQueueOnOpen(event) {
+        if (!this.alertQueue.includes(event.detail.requestedAlert)) {
+            this.active = true;
+            this.currentAlert = event.detail.requestedAlert;
+            this.alertQueue.push(event.detail.requestedAlert);
+            this.calciteAlertsOpen.emit({
+                currentAlert: this.currentAlert,
+                alertQueue: this.alertQueue
+            });
+        }
+    }
+    /** Closes the requested alert and removes from the queue, or removes from queue if not active */
+    updateQueueOnClose(event) {
+        if (this.alertQueue.includes(event.detail.requestedAlert))
+            this.alertQueue = this.alertQueue.filter(e => e !== event.detail.requestedAlert);
+        if (this.alertQueue.length < 1)
+            setTimeout(() => {
+                this.active = false;
+            }, 400);
+        this.calciteAlertsClose.emit({
+            currentAlert: this.currentAlert,
+            alertQueue: this.alertQueue
+        });
+    }
+    componentWillUpdate() {
+        this.currentAlert = this.alertQueue.length > 0 ? this.alertQueue[0] : "";
+    }
+    render() {
+        const alertState = {
+            currentAlert: this.currentAlert,
+            queueLength: this.alertQueue.length >= 2 ? this.alertQueue.length - 1 : 0
+        };
+        return (h(Host, { active: !!this.active }, h(AlertInterface.Provider, { state: alertState }, h("slot", null))));
+    }
+    get el() { return getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{display:none;position:fixed;left:0;right:0;bottom:0;pointer-events:none;z-index:101}:host:host([active]){display:block}"; }
+}
+
+export { CalciteAlert as calcite_alert, CalciteAlerts as calcite_alerts };
diff --git a/dist/esm/calcite-button.entry.js b/dist/esm/calcite-button.entry.js
new file mode 100644
index 00000000000..1b07f1686d6
--- /dev/null
+++ b/dist/esm/calcite-button.entry.js
@@ -0,0 +1,79 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { g as getElementDir } from './chunk-6bb56f1f.js';
+
+/** @slot default text slot for button text */
+/** Any attributes placed on <calcite-button> component will propagate to the rendered child */
+/** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
+/** Using appearance=inline will also render as an anchor link. */
+/** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */
+class CalciteButton {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** specify the color of the button, defaults to blue */
+        this.color = "blue";
+        /** specify the appearance style of the button, defaults to solid. Specifying "inline" will render the component as an anchor */
+        this.appearance = "solid";
+        /** specify the scale of the button, defaults to m */
+        this.scale = "m";
+        /** specify the width of the button, defaults to auto */
+        this.width = "auto";
+        /** optionally add a calcite-loader component inline to indicate loading is occuring. You can add and remove this prop depending on status  */
+        this.loading = false;
+        /** optionally pass icon path data to be positioned within the button - pass only raw path data from calcite ui helper  */
+        this.icon = null;
+        /**
+         * @internal
+         */
+        // hastext prop for spacing graphic when text is present in slot
+        this.hastext = false;
+    }
+    connectedCallback() {
+        // prop validations
+        let appearance = ["solid", "outline", "clear", "inline"];
+        if (!appearance.includes(this.appearance))
+            this.appearance = "solid";
+        let color = ["blue", "red", "dark", "light"];
+        if (!color.includes(this.color))
+            this.color = "blue";
+        let scale = ["xs", "s", "m", "l", "xl"];
+        if (!scale.includes(this.scale))
+            this.scale = "m";
+        let width = ["auto", "half", "full"];
+        if (!width.includes(this.width))
+            this.width = "auto";
+    }
+    componentDidLoad() {
+        let textSlot = this.el.shadowRoot.querySelector("slot");
+        let textNode = textSlot ? textSlot.assignedNodes() : null;
+        if (textNode && (textNode[0] !== undefined && textNode[0] !== null))
+            this.hastext = true;
+    }
+    getAttributes() {
+        // spreadable attributes to pass to component child, if they aren't props
+        let props = [
+            "appearance",
+            "color",
+            "loading",
+            "scale",
+            "width",
+            "icon",
+            "dir"
+        ];
+        return Array.from(this.el.attributes)
+            .filter(a => !props.includes(a.name))
+            .reduce((acc, { name, value }) => (Object.assign({}, acc, { [name]: value })), {});
+    }
+    render() {
+        const dir = getElementDir(this.el);
+        const attributes = this.getAttributes();
+        const Type = this.href || this.appearance === "inline" ? "a" : "button";
+        const role = Type === "a" ? "link" : "button";
+        const loader = h("calcite-loader", { "is-active": true, inline: true });
+        const graphic = this.loading ? (h("div", { class: "calcite-button--graphic" }, loader)) : this.icon ? (h("div", { class: "calcite-button--graphic" }, h("svg", { class: "calcite-button--icon", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24" }, h("path", { d: this.icon })))) : null;
+        return (h(Host, { dir: dir, hastext: this.hastext }, h(Type, Object.assign({}, attributes, { role: role }), graphic, h("slot", null))));
+    }
+    get el() { return getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host a,:host button{position:relative;display:inline-block;padding:.375rem 1rem;text-decoration:none;width:auto;border-radius:0;border:none;line-height:inherit;font-family:inherit;-webkit-appearance:none;cursor:pointer;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}:host a:hover,:host button:hover{text-decoration:none}:host([width=half]) a,:host([width=half]) button{width:50%}:host([width=full]) a,:host([width=full]) button{width:100%}:host([hastext]) .calcite-button--graphic{margin-right:.5rem}:host([hastext][dir=rtl]) .calcite-button--graphic{margin-right:0;margin-left:.5rem}.calcite-button--icon{height:16px;width:16px;margin:0 auto;line-height:inherit;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.calcite-button--graphic{display:-ms-inline-flexbox;display:inline-flex;top:2px;width:16px;height:16px;position:relative}:host([appearance=solid][color=blue]) a,:host([appearance=solid][color=blue]) button{color:#fff;background-color:#007ac2;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=blue]) a:focus,:host([appearance=solid][color=blue]) a:hover,:host([appearance=solid][color=blue]) button:focus,:host([appearance=solid][color=blue]) button:hover{background-color:#2890ce;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=solid][color=blue]) a:active,:host([appearance=solid][color=blue]) button:active{background-color:#007ac2;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=solid][color=blue]) a .calcite-button--icon,:host([appearance=solid][color=blue]) button .calcite-button--icon{fill:#fff}:host([appearance=solid][color=red]) a,:host([appearance=solid][color=red]) button{color:#fff;background-color:#d83020;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=red]) a:focus,:host([appearance=solid][color=red]) a:hover,:host([appearance=solid][color=red]) button:focus,:host([appearance=solid][color=red]) button:hover{background-color:#e65240;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=solid][color=red]) a:active,:host([appearance=solid][color=red]) button:active{background-color:#d83020;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=solid][color=red]) a .calcite-button--icon,:host([appearance=solid][color=red]) button .calcite-button--icon{fill:#fff}:host([appearance=solid][color=light]) a,:host([appearance=solid][color=light]) button{color:#000;background-color:#f3f3f3;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=light]) a:focus,:host([appearance=solid][color=light]) a:hover,:host([appearance=solid][color=light]) button:focus,:host([appearance=solid][color=light]) button:hover{background-color:#fff;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=solid][color=light]) a:active,:host([appearance=solid][color=light]) button:active{background-color:#f3f3f3;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=solid][color=light]) a .calcite-button--icon,:host([appearance=solid][color=light]) button .calcite-button--icon{fill:#000}:host([appearance=solid][color=dark]) a,:host([appearance=solid][color=dark]) button{color:#fff;background-color:#2b2b2b;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=solid][color=dark]) a:focus,:host([appearance=solid][color=dark]) a:hover,:host([appearance=solid][color=dark]) button:focus,:host([appearance=solid][color=dark]) button:hover{background-color:#404040;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=solid][color=dark]) a:active,:host([appearance=solid][color=dark]) button:active{background-color:#2b2b2b;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=solid][color=dark]) a .calcite-button--icon,:host([appearance=solid][color=dark]) button .calcite-button--icon{fill:#fff}:host([appearance=outline][color=blue]) a,:host([appearance=outline][color=blue]) button{color:#007ac2;background-color:#fff;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=blue]) a:hover,:host([appearance=outline][color=blue]) button:hover{border-color:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=outline][color=blue]) a:active,:host([appearance=outline][color=blue]) a:focus,:host([appearance=outline][color=blue]) button:active,:host([appearance=outline][color=blue]) button:focus{color:#00619b;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=outline][color=blue]) a .calcite-button--icon,:host([appearance=outline][color=blue]) button .calcite-button--icon{fill:#007ac2}:host([appearance=outline][color=red]) a,:host([appearance=outline][color=red]) button{color:#d83020;background-color:#fff;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=red]) a:hover,:host([appearance=outline][color=red]) button:hover{border-color:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=outline][color=red]) a:active,:host([appearance=outline][color=red]) a:focus,:host([appearance=outline][color=red]) button:active,:host([appearance=outline][color=red]) button:focus{color:#a82b1e;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=outline][color=red]) a .calcite-button--icon,:host([appearance=outline][color=red]) button .calcite-button--icon{fill:#d83020}:host([appearance=outline][color=light]) a,:host([appearance=outline][color=light]) button{color:#151515;background-color:#fff;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=light]) a:hover,:host([appearance=outline][color=light]) button:hover{border-color:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=outline][color=light]) a:active,:host([appearance=outline][color=light]) a:focus,:host([appearance=outline][color=light]) button:active,:host([appearance=outline][color=light]) button:focus{color:#000;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=outline][color=light]) a .calcite-button--icon,:host([appearance=outline][color=light]) button .calcite-button--icon{fill:#151515}:host([appearance=outline][color=dark]) a,:host([appearance=outline][color=dark]) button{color:#151515;background-color:#fff;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=dark]) a:hover,:host([appearance=outline][color=dark]) button:hover{border-color:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=outline][color=dark]) a:active,:host([appearance=outline][color=dark]) a:focus,:host([appearance=outline][color=dark]) button:active,:host([appearance=outline][color=dark]) button:focus{color:#000;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=outline][color=dark]) a .calcite-button--icon,:host([appearance=outline][color=dark]) button .calcite-button--icon{fill:#151515}:host([appearance=clear][color=blue]) a,:host([appearance=clear][color=blue]) button{color:#007ac2;background-color:transparent;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=blue]) a:hover,:host([appearance=clear][color=blue]) button:hover{border-color:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}:host([appearance=clear][color=blue]) a:active,:host([appearance=clear][color=blue]) a:focus,:host([appearance=clear][color=blue]) button:active,:host([appearance=clear][color=blue]) button:focus{color:#00619b;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}:host([appearance=clear][color=blue]) a .calcite-button--icon,:host([appearance=clear][color=blue]) button .calcite-button--icon{fill:#007ac2}:host([appearance=clear][color=red]) a,:host([appearance=clear][color=red]) button{color:#d83020;background-color:transparent;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=red]) a:hover,:host([appearance=clear][color=red]) button:hover{border-color:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}:host([appearance=clear][color=red]) a:active,:host([appearance=clear][color=red]) a:focus,:host([appearance=clear][color=red]) button:active,:host([appearance=clear][color=red]) button:focus{color:#a82b1e;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}:host([appearance=clear][color=red]) a .calcite-button--icon,:host([appearance=clear][color=red]) button .calcite-button--icon{fill:#d83020}:host([appearance=clear][color=light]) a,:host([appearance=clear][color=light]) button{color:#f8f8f8;background-color:transparent;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=light]) a:hover,:host([appearance=clear][color=light]) button:hover{border-color:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}:host([appearance=clear][color=light]) a:active,:host([appearance=clear][color=light]) a:focus,:host([appearance=clear][color=light]) button:active,:host([appearance=clear][color=light]) button:focus{color:#fff;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}:host([appearance=clear][color=light]) a .calcite-button--icon,:host([appearance=clear][color=light]) button .calcite-button--icon{fill:#f8f8f8}:host([appearance=clear][color=dark]) a,:host([appearance=clear][color=dark]) button{color:#151515;background-color:transparent;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=dark]) a:hover,:host([appearance=clear][color=dark]) button:hover{border-color:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}:host([appearance=clear][color=dark]) a:active,:host([appearance=clear][color=dark]) a:focus,:host([appearance=clear][color=dark]) button:active,:host([appearance=clear][color=dark]) button:focus{color:#000;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}:host([appearance=clear][color=dark]) a .calcite-button--icon,:host([appearance=clear][color=dark]) button .calcite-button--icon{fill:#151515}:host([appearance=inline][color=blue]) a,:host([appearance=inline][color=blue]) button{display:inline;padding:0;outline:none;border:none;color:#007ac2;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(0,122,194,.4)),to(rgba(0,122,194,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(0,122,194,.4),rgba(0,122,194,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=blue]) a:focus,:host([appearance=inline][color=blue]) a:hover,:host([appearance=inline][color=blue]) button:focus,:host([appearance=inline][color=blue]) button:hover{color:#2890ce;background-size:100% 2px,100% 1px}:host([appearance=inline][color=blue]) a:active,:host([appearance=inline][color=blue]) button:active{color:#007ac2;background-size:100% 2px,100% 1px}:host([appearance=inline][color=blue]) a .calcite-button--icon,:host([appearance=inline][color=blue]) button .calcite-button--icon{fill:#007ac2;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=red]) a,:host([appearance=inline][color=red]) button{display:inline;padding:0;outline:none;border:none;color:#d83020;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(216,48,32,.4)),to(rgba(216,48,32,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(216,48,32,.4),rgba(216,48,32,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=red]) a:focus,:host([appearance=inline][color=red]) a:hover,:host([appearance=inline][color=red]) button:focus,:host([appearance=inline][color=red]) button:hover{color:#e65240;background-size:100% 2px,100% 1px}:host([appearance=inline][color=red]) a:active,:host([appearance=inline][color=red]) button:active{color:#d83020;background-size:100% 2px,100% 1px}:host([appearance=inline][color=red]) a .calcite-button--icon,:host([appearance=inline][color=red]) button .calcite-button--icon{fill:#d83020;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=light]) a,:host([appearance=inline][color=light]) button{display:inline;padding:0;outline:none;border:none;color:#f3f3f3;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,95.3%,.4)),to(hsla(0,0%,95.3%,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(hsla(0,0%,95.3%,.4),hsla(0,0%,95.3%,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=light]) a:focus,:host([appearance=inline][color=light]) a:hover,:host([appearance=inline][color=light]) button:focus,:host([appearance=inline][color=light]) button:hover{color:#fff;background-size:100% 2px,100% 1px}:host([appearance=inline][color=light]) a:active,:host([appearance=inline][color=light]) button:active{color:#f3f3f3;background-size:100% 2px,100% 1px}:host([appearance=inline][color=light]) a .calcite-button--icon,:host([appearance=inline][color=light]) button .calcite-button--icon{fill:#f3f3f3;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][color=dark]) a,:host([appearance=inline][color=dark]) button{display:inline;padding:0;outline:none;border:none;color:#2b2b2b;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(43,43,43,.4)),to(rgba(43,43,43,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(43,43,43,.4),rgba(43,43,43,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}:host([appearance=inline][color=dark]) a:focus,:host([appearance=inline][color=dark]) a:hover,:host([appearance=inline][color=dark]) button:focus,:host([appearance=inline][color=dark]) button:hover{color:#404040;background-size:100% 2px,100% 1px}:host([appearance=inline][color=dark]) a:active,:host([appearance=inline][color=dark]) button:active{color:#2b2b2b;background-size:100% 2px,100% 1px}:host([appearance=inline][color=dark]) a .calcite-button--icon,:host([appearance=inline][color=dark]) button .calcite-button--icon{fill:#2b2b2b;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([appearance=inline][dir=rtl]) a,:host([appearance=inline][dir=rtl]) button{background-position:100% 100%,100% 100%}:host([scale=xs]:not([appearance=inline])) a,:host([scale=xs]:not([appearance=inline])) button{padding:calc(1.5rem/ 6) calc(1.5rem* .3);font-size:.8125rem;line-height:1.5}:host([scale=s]:not([appearance=inline])) a,:host([scale=s]:not([appearance=inline])) button{padding:calc(1.5rem/ 4) calc(1.5rem* .5);font-size:.875rem;line-height:1.5}:host([scale=m]:not([appearance=inline])) a,:host([scale=m]:not([appearance=inline])) button{padding:calc(1.5rem/ 3) calc(1.5rem* .75);font-size:.9375rem;line-height:1.5}:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{padding:calc(1.5rem / 2) calc(1.5rem* 1);font-size:1.2019rem;line-height:1.5}\@media screen and (max-width:859px){:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{font-size:1.1305rem}}\@media screen and (max-width:479px){:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button{font-size:1.0625rem}}:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{padding:calc(1.5rem / 1.5) calc(1.5rem* 1.25);font-size:1.414rem;line-height:1.5}\@media screen and (max-width:859px){:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{font-size:1.33rem}}\@media screen and (max-width:479px){:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button{font-size:1.25rem}}"; }
+}
+
+export { CalciteButton as calcite_button };
diff --git a/dist/esm/calcite-checkbox.entry.js b/dist/esm/calcite-checkbox.entry.js
new file mode 100644
index 00000000000..cda1e89c011
--- /dev/null
+++ b/dist/esm/calcite-checkbox.entry.js
@@ -0,0 +1,104 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { S as SPACE, E as ENTER } from './chunk-9dd9009f.js';
+
+class CalciteCheckbox {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** True if the checkbox is initially checked */
+        this.checked = false;
+        /**
+         * True if the checkbox is initially indeterminate,
+         * which is independent from its checked state
+         * https://css-tricks.com/indeterminate-checkboxes/
+         * */
+        this.indeterminate = false;
+        /** The name of the checkbox input */
+        this.name = "";
+        /** The value of the checkbox input */
+        this.value = "";
+        /** Size of the checkbox  */
+        this.size = null;
+        /** True if the checkbox is disabled */
+        this.disabled = false;
+        /** Determines what theme to use */
+        this.theme = "light";
+        this.toggle = () => {
+            if (!this.disabled) {
+                this.checked = !this.checked;
+                this.indeterminate = false;
+            }
+        };
+        this.indeterminatePath = "M4 7h8v2H4z";
+        this.checkedPath = "M12.753 3l-7.319 7.497L3.252 8.31 2 9.373l3.434 3.434L14 4.24z";
+        this.getPath = () => this.indeterminate
+            ? this.indeterminatePath
+            : this.checked
+                ? this.checkedPath
+                : "";
+        this.syncThisToProxyInput = () => {
+            this.checked = this.inputProxy.hasAttribute("checked");
+            this.name = this.inputProxy.name;
+            this.value = this.inputProxy.value;
+        };
+        this.syncProxyInputToThis = () => {
+            this.checked
+                ? this.inputProxy.setAttribute("checked", "")
+                : this.inputProxy.removeAttribute("checked");
+            this.inputProxy.name = this.name;
+            this.inputProxy.value = this.value;
+        };
+        this.calciteCheckboxChange = createEvent(this, "calciteCheckboxChange", 7);
+    }
+    onClick({ target }) {
+        // prevent duplicate click events that occur
+        // when the component is wrapped in a label and checkbox is clicked
+        if ((this.el.closest("label") && target === this.inputProxy) ||
+            (!this.el.closest("label") && target === this.el)) {
+            this.toggle();
+        }
+    }
+    keyDownHandler({ keyCode }) {
+        if (keyCode === SPACE || keyCode === ENTER) {
+            this.toggle();
+        }
+    }
+    checkedWatcher() {
+        this.calciteCheckboxChange.emit();
+        this.checked
+            ? this.inputProxy.setAttribute("checked", "")
+            : this.inputProxy.removeAttribute("checked");
+    }
+    connectedCallback() {
+        this.setupProxyInput();
+    }
+    disconnectedCallback() {
+        this.observer.disconnect();
+    }
+    componentWillRender() {
+        this.syncProxyInputToThis();
+    }
+    render() {
+        return (h(Host, { role: "checkbox", "aria-checked": this.checked, tabindex: this.disabled ? "-1" : "0" }, h("svg", { class: "check-svg", viewBox: "0 0 16 16" }, h("path", { d: this.getPath(), fill: "white" })), h("slot", null)));
+    }
+    setupProxyInput() {
+        // check for a proxy input
+        this.inputProxy = this.el.querySelector("input");
+        // if the user didn't pass a proxy input create one for them
+        if (!this.inputProxy) {
+            this.inputProxy = document.createElement("input");
+            this.inputProxy.type = "checkbox";
+            this.syncProxyInputToThis();
+            this.el.appendChild(this.inputProxy);
+        }
+        this.syncThisToProxyInput();
+        this.observer = new MutationObserver(this.syncThisToProxyInput);
+        this.observer.observe(this.inputProxy, { attributes: true });
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "checked": ["checkedWatcher"]
+    }; }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}::slotted(input){display:none}:host{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;tap-highlight-color:transparent}.check-svg,:host{display:inline-block;cursor:pointer}.check-svg{width:20px;height:20px;overflow:hidden;background-color:#fff;border:1px solid #757575;border-radius:2px;vertical-align:-.25em;margin-right:.25em;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-box-sizing:border-box;box-sizing:border-box}:host([theme=dark]) .check-svg{background-color:transparent;border-color:#eaeaea}:host([theme=dark][disabled]) .check-svg{border-color:#757575;background-color:#2b2b2b}:host([theme=dark][checked]) .check-svg,:host([theme=dark][indeterminate]) .check-svg{background-color:#3db8ff}:host([size=large]) .check-svg{width:24px;height:24px;border-radius:4px}:host([size=small]) .check-svg{width:16px;height:16px}:host([disabled]){pointer-events:none;cursor:default}:host([disabled]) .check-svg{background-color:#f3f3f3;border-color:#eaeaea}:host([disabled][checked]) .check-svg,:host([disabled][indeterminate]) .check-svg{background-color:#84c1e8;border-color:#84c1e8}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:#007ac2;border:1px solid #007ac2}:host(:focus),:host(:hover){outline:none}:host(:focus) .check-svg,:host(:hover) .check-svg{border-color:#0079c1!important;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5),0 0 5px rgba(81,167,232,.5);box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5),0 0 5px rgba(81,167,232,.5)}"; }
+}
+
+export { CalciteCheckbox as calcite_checkbox };
diff --git a/dist/esm/calcite-example.entry.js b/dist/esm/calcite-example.entry.js
new file mode 100644
index 00000000000..f4be6a3c9a8
--- /dev/null
+++ b/dist/esm/calcite-example.entry.js
@@ -0,0 +1,63 @@
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './chunk-5f99f9d5.js';
+
+class CalciteExample {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Be sure to add a jsdoc comment describing your propery for the generated readme file.
+         * If your property should be hidden from documentation, you can use the `@internal` tag
+         */
+        this.property = "default";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        this.state = "default";
+        this.open = createEvent(this, "open", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillUpdate() { }
+    render() {
+        console.log(this.state);
+        return h(Host, null);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    onClick(e) {
+        console.log(e);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Add a jsdoc comment describing your method and it's parameters (use `@param`).
+     */
+    async doThing() {
+        return Promise.resolve(this.privateMethod());
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    privateMethod() { }
+    get el() { return getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}"; }
+}
+
+export { CalciteExample as calcite_example };
diff --git a/dist/esm/calcite-loader.entry.js b/dist/esm/calcite-loader.entry.js
new file mode 100644
index 00000000000..5669e6e5ce8
--- /dev/null
+++ b/dist/esm/calcite-loader.entry.js
@@ -0,0 +1,126 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { g as guid } from './chunk-3edb1b93.js';
+import { g as getElementDir } from './chunk-6bb56f1f.js';
+
+class CalciteLoader {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Show the loader
+         */
+        this.isActive = false;
+        /**
+         * Inline loaders are smaller and will appear to the left of the text
+         */
+        this.inline = false;
+        /**
+         * Use indeterminate if finding actual progress value is impossible
+         */
+        this.type = "indeterminate";
+        /**
+         * Percent complete of 100, only valid for determinate indicators
+         */
+        this.value = 0;
+        /**
+         * Text which should appear under the loading indicator (optional)
+         */
+        this.text = "";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.loaderBarOffsets = [0, 0, 0];
+        /**
+         * @internal
+         */
+        this.loaderBarRates = [1, 2.25, 3.5];
+        /**
+         * @internal
+         */
+        this.isEdge = false;
+        /**
+         * @internal
+         */
+        this.animationID = null;
+        /**
+         * @internal
+         */
+        this.guid = `calcite-loader-${guid()}`;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentDidLoad() {
+        this.isEdge = /Edge/.test(navigator.userAgent);
+        if (this.isEdge) {
+            this.updateOffset();
+        }
+    }
+    componentDidUnload() {
+        if (this.animationID) {
+            window.cancelAnimationFrame(this.animationID);
+        }
+    }
+    render() {
+        const dir = getElementDir(this.el);
+        const id = this.el.id || this.guid;
+        const ariaAttributes = {
+            "aria-valuenow": this.value,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100
+        };
+        const size = this.inline ? 16 : 56;
+        const viewbox = this.inline ? "0 0 16 16" : "0 0 56 56";
+        const isDeterminate = this.type === "determinate";
+        const styleProperties = {};
+        if (this.isEdge) {
+            styleProperties["--calcite-loader-offset"] = `${this.loaderBarOffsets[0]}%`;
+            styleProperties["--calcite-loader-offset2"] = `${this.loaderBarOffsets[1]}%`;
+            styleProperties["--calcite-loader-offset3"] = `${this.loaderBarOffsets[2]}%`;
+        }
+        const progress = {
+            "--calcite-loader-progress": `${-400 - this.value * 4}%`
+        };
+        return (h(Host, Object.assign({ id: id, dir: dir, role: "progressbar" }, (this.type === "determinate" ? ariaAttributes : {}), { style: styleProperties }), h("svg", { viewBox: viewbox, class: "loader__square" }, h("rect", { width: size, height: size })), h("svg", { viewBox: viewbox, class: "loader__square loader__square--2" }, h("rect", { width: size, height: size })), h("svg", { viewBox: viewbox, class: "loader__square loader__square--3", style: isDeterminate ? progress : {} }, h("rect", { width: size, height: size })), this.text ? h("div", { class: "loader__text" }, this.text) : "", this.value ? (h("div", { class: "loader__percentage" }, Math.floor(this.value))) : ("")));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    updateOffset() {
+        this.loaderBarOffsets = this.rotateLoaderBars(this.loaderBarOffsets);
+        this.animationID = window.requestAnimationFrame(() => this.updateOffset());
+    }
+    /**
+     * @internal
+     */
+    rotateLoaderBars(barOffsets) {
+        return barOffsets.map((offset, i) => {
+            if (offset > -400) {
+                return offset - this.loaderBarRates[i];
+            }
+            else {
+                return 0;
+            }
+        });
+    }
+    get el() { return getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-loader-spot:#007ac2;--calcite-loader-spot-light:#009af2;--calcite-loader-spot-dark:#00619b;--calcite-loader-neutral:#eaeaea}:host([theme=dark]){--calcite-loader-neutral:#151515}:host{position:relative;display:none;padding-bottom:4rem;padding-top:4rem;margin-left:auto;margin-right:auto;min-height:54px;stroke:var(--calcite-loader-light);stroke-width:6px;stroke-dashoffset:0;fill:none;animation:loader-color-shift 2s linear infinite alternate-reverse}:host([is-active]){display:block}.loader__text{margin-top:4rem;line-height:1.5}.loader__percentage,.loader__text{display:block;text-align:center;font-size:.875rem}.loader__percentage{left:50%;margin-top:27px;line-height:.25}.loader__percentage,.loader__square{width:54px;position:absolute;top:4rem;margin-left:-27px}.loader__square{height:54px;left:0;left:50%;stroke-dasharray:50% 350%;-webkit-animation:loader-clockwise 2s linear infinite;animation:loader-clockwise 2s linear infinite}.loader__square--2{stroke-dasharray:100% 225% 50% 25%;-webkit-animation:loader-clockwise 1s linear infinite;animation:loader-clockwise 1s linear infinite}.loader__square--3{stroke-dasharray:50% 50% 75% 225%;-webkit-animation:loader-clockwise 1.85s linear infinite;animation:loader-clockwise 1.85s linear infinite}\@supports (-ms-ime-align:auto){.loader__square{stroke-dashoffset:var(--calcite-loader-offset);-webkit-animation:none;animation:none}.loader__square--2{stroke-dashoffset:var(--calcite-loader-offset2)}.loader__square--3{stroke-dashoffset:var(--calcite-loader-offset3)}}:host([type=determinate]){stroke:var(--calcite-loader-neutral);-webkit-animation:none;animation:none}:host([type=determinate]) .loader__square--3{stroke:var(--calcite-loader-spot);stroke-dasharray:400%;stroke-dashoffset:var(--calcite-loader-progress);-webkit-transition:all 50ms linear;transition:all 50ms linear;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:none;animation:none}:host([inline]){stroke:currentColor;stroke-width:4px;-webkit-animation:none;animation:none;margin:0;padding-bottom:0;padding-top:0;position:relative;height:16px;min-height:16px;width:16px;margin-right:8px;vertical-align:-2px}:host([inline][dir=rtl]){margin-left:8px;margin-right:0}:host([is-active][inline]){display:inline-block}:host([inline]) .loader__square{margin:0;position:absolute;top:0;left:0;width:16px;height:16px}\@-webkit-keyframes loader-color-shift{0%{stroke:var(--calcite-loader-spot-light)}to{stroke:var(--calcite-loader-spot-dark)}}\@keyframes loader-color-shift{0%{stroke:var(--calcite-loader-spot-light)}to{stroke:var(--calcite-loader-spot-dark)}}\@-webkit-keyframes loader-clockwise{0%{stroke-dashoffset:0}to{stroke-dashoffset:-400%}}\@keyframes loader-clockwise{0%{stroke-dashoffset:0}to{stroke-dashoffset:-400%}}"; }
+}
+
+export { CalciteLoader as calcite_loader };
diff --git a/dist/esm/calcite-modal.entry.js b/dist/esm/calcite-modal.entry.js
new file mode 100644
index 00000000000..1eb295b80b2
--- /dev/null
+++ b/dist/esm/calcite-modal.entry.js
@@ -0,0 +1,386 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { h as hasSlottedContent, g as getElementDir, a as getElementTheme } from './chunk-6bb56f1f.js';
+import { x as x24 } from './chunk-9de72867.js';
+
+/**
+ * Traverses the slots of the open shadowroots and returns all children matching the query.
+ * @param {ShadowRoot | HTMLElement} root
+ * @param skipNode
+ * @param isMatch
+ * @param {number} maxDepth
+ * @param {number} depth
+ * @returns {HTMLElement[]}
+ */
+function queryShadowRoot(root, skipNode, isMatch, maxDepth = 20, depth = 0) {
+    let matches = [];
+    // If the depth is above the max depth, abort the searching here.
+    if (depth >= maxDepth) {
+        return matches;
+    }
+    // Traverses a slot element
+    const traverseSlot = ($slot) => {
+        // Only check nodes that are of the type Node.ELEMENT_NODE
+        // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+        const assignedNodes = $slot.assignedNodes().filter(node => node.nodeType === 1);
+        if (assignedNodes.length > 0) {
+            return queryShadowRoot(assignedNodes[0].parentElement, skipNode, isMatch, maxDepth, depth + 1);
+        }
+        return [];
+    };
+    // Go through each child and continue the traversing if necessary
+    // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.
+    // Therefore we fallback to an empty array if it is undefined.
+    const children = Array.from(root.children || []);
+    for (const $child of children) {
+        // Check if the node and its descendants should be skipped
+        if (skipNode($child)) {
+            continue;
+        }
+        // If the child matches we always add it
+        if (isMatch($child)) {
+            matches.push($child);
+        }
+        if ($child.shadowRoot != null) {
+            matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));
+        }
+        else if ($child.tagName === "SLOT") {
+            matches.push(...traverseSlot($child));
+        }
+        else {
+            matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));
+        }
+    }
+    return matches;
+}
+
+/**
+ * Returns whether the element is hidden.
+ * @param $elem
+ */
+function isHidden($elem) {
+    return $elem.hasAttribute("hidden")
+        || ($elem.hasAttribute("aria-hidden") && $elem.getAttribute("aria-hidden") !== "false")
+        // A quick and dirty way to check whether the element is hidden.
+        // For a more fine-grained check we could use "window.getComputedStyle" but we don't because of bad performance.
+        // If the element has visibility set to "hidden" or "collapse", display set to "none" or opacity set to "0" through CSS
+        // we won't be able to catch it here. We accept it due to the huge performance benefits.
+        || $elem.style.display === `none`
+        || $elem.style.opacity === `0`
+        || $elem.style.visibility === `hidden`
+        || $elem.style.visibility === `collapse`;
+}
+/**
+ * Returns whether the element is disabled.
+ * @param $elem
+ */
+function isDisabled($elem) {
+    return $elem.hasAttribute("disabled")
+        || ($elem.hasAttribute("aria-disabled") && $elem.getAttribute("aria-disabled") !== "false");
+}
+/**
+ * Determines whether an element is focusable.
+ * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194
+ * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable
+ * @param $elem
+ */
+function isFocusable($elem) {
+    // Discard elements that are removed from the tab order.
+    if ($elem.getAttribute("tabindex") === "-1" || isHidden($elem) || isDisabled($elem)) {
+        return false;
+    }
+    return (
+    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists
+    $elem.hasAttribute("tabindex")
+        // Anchor tags or area tags with a href set
+        || ($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute("href")
+        // Form elements which are not disabled
+        || ($elem instanceof HTMLButtonElement
+            || $elem instanceof HTMLInputElement
+            || $elem instanceof HTMLTextAreaElement
+            || $elem instanceof HTMLSelectElement)
+        // IFrames
+        || $elem instanceof HTMLIFrameElement);
+}
+
+let timeouts = new Map();
+/**
+ * Debounces a callback.
+ * @param cb
+ * @param ms
+ * @param id
+ */
+function debounce(cb, ms, id) {
+    // Clear current timeout for id
+    const timeout = timeouts.get(id);
+    if (timeout != null) {
+        window.clearTimeout(timeout);
+    }
+    // Set new timeout
+    timeouts.set(id, window.setTimeout(() => {
+        cb();
+        timeouts.delete(id);
+    }, ms));
+}
+
+/**
+ * Template for the focus trap.
+ */
+const template = document.createElement("template");
+template.innerHTML = `
+	<div id="start"></div>
+	<slot></slot>
+	<div id="backup"></div>
+	<div id="end"></div>
+`;
+/**
+ * Focus trap web component.
+ * @slot - Default content.
+ */
+class FocusTrap extends HTMLElement {
+    /**
+     * Attaches the shadow root.
+     */
+    constructor() {
+        super();
+        // The debounce id is used to distinguish this focus trap from others when debouncing
+        this.debounceId = Math.random().toString();
+        this._focused = false;
+        const shadow = this.attachShadow({ mode: "open" });
+        shadow.appendChild(template.content.cloneNode(true));
+        this.focusLastElement = this.focusLastElement.bind(this);
+        this.focusFirstElement = this.focusFirstElement.bind(this);
+        this.onFocusIn = this.onFocusIn.bind(this);
+        this.onFocusOut = this.onFocusOut.bind(this);
+    }
+    // Whenever one of these attributes changes we need to render the template again.
+    static get observedAttributes() {
+        return [
+            "inactive"
+        ];
+    }
+    /**
+     * Determines whether the focus trap is active or not.
+     * @attr
+     */
+    get inactive() {
+        return this.hasAttribute("inactive");
+    }
+    set inactive(value) {
+        value ? this.setAttribute("inactive", "") : this.removeAttribute("inactive");
+    }
+    /**
+     * Returns whether the element currently has focus.
+     */
+    get focused() {
+        return this._focused;
+    }
+    /**
+     * Hooks up the element.
+     */
+    connectedCallback() {
+        this.$backup = this.shadowRoot.querySelector("#backup");
+        this.$start = this.shadowRoot.querySelector("#start");
+        this.$end = this.shadowRoot.querySelector("#end");
+        this.$start.addEventListener("focus", this.focusLastElement);
+        this.$end.addEventListener("focus", this.focusFirstElement);
+        // Focus out is called every time the user tabs around inside the element
+        this.addEventListener("focusin", this.onFocusIn);
+        this.addEventListener("focusout", this.onFocusOut);
+        this.render();
+    }
+    /**
+     * Tears down the element.
+     */
+    disconnectedCallback() {
+        this.$start.removeEventListener("focus", this.focusLastElement);
+        this.$end.removeEventListener("focus", this.focusFirstElement);
+        this.removeEventListener("focusin", this.onFocusIn);
+        this.removeEventListener("focusout", this.onFocusOut);
+    }
+    /**
+     * When the attributes changes we need to re-render the template.
+     */
+    attributeChangedCallback() {
+        this.render();
+    }
+    /**
+     * Focuses the first focusable element in the focus trap.
+     */
+    focusFirstElement() {
+        this.trapFocus();
+    }
+    /**
+     * Focuses the last focusable element in the focus trap.
+     */
+    focusLastElement() {
+        this.trapFocus(true);
+    }
+    /**
+     * Returns a list of the focusable children found within the element.
+     */
+    getFocusableElements() {
+        return queryShadowRoot(this, isHidden, isFocusable);
+    }
+    /**
+     * Focuses on either the last or first focusable element.
+     * @param {boolean} trapToEnd
+     */
+    trapFocus(trapToEnd) {
+        if (this.inactive)
+            return;
+        let focusableChildren = this.getFocusableElements();
+        if (focusableChildren.length > 0) {
+            if (trapToEnd) {
+                focusableChildren[focusableChildren.length - 1].focus();
+            }
+            else {
+                focusableChildren[0].focus();
+            }
+            this.$backup.setAttribute("tabindex", "-1");
+        }
+        else {
+            // If there are no focusable children we need to focus on the backup
+            // to trap the focus. This is a useful behavior if the focus trap is
+            // for example used in a dialog and we don't want the user to tab
+            // outside the dialog even though there are no focusable children
+            // in the dialog.
+            this.$backup.setAttribute("tabindex", "0");
+            this.$backup.focus();
+        }
+    }
+    /**
+     * When the element gains focus this function is called.
+     */
+    onFocusIn() {
+        this.updateFocused(true);
+    }
+    /**
+     * When the element looses its focus this function is called.
+     */
+    onFocusOut() {
+        this.updateFocused(false);
+    }
+    /**
+     * Updates the focused property and updates the view.
+     * The update is debounced because the focusin and focusout out
+     * might fire multiple times in a row. We only want to render
+     * the element once, therefore waiting until the focus is "stable".
+     * @param value
+     */
+    updateFocused(value) {
+        debounce(() => {
+            if (this.focused !== value) {
+                this._focused = value;
+                this.render();
+            }
+        }, 0, this.debounceId);
+    }
+    /**
+     * Updates the template.
+     */
+    render() {
+        if (!this.isConnected)
+            return;
+        this.$start.setAttribute("tabindex", !this.focused || this.inactive ? `-1` : `0`);
+        this.$end.setAttribute("tabindex", !this.focused || this.inactive ? `-1` : `0`);
+        this.focused ? this.setAttribute("focused", "") : this.removeAttribute("focused");
+    }
+}
+window.customElements.define("focus-trap", FocusTrap);
+
+class CalciteModal {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /** Optionally pass a function to run before close */
+        this.beforeClose = () => Promise.resolve();
+        /** Aria label for the close button */
+        this.closeLabel = "Close";
+        /** Set the overall size of the modal */
+        this.size = "small";
+        /** Select theme (light or dark) */
+        this.theme = "light";
+        this.hideBackButton = true;
+        this.hideSecondaryButton = true;
+        this.calciteModalOpen = createEvent(this, "calciteModalOpen", 7);
+        this.calciteModalClose = createEvent(this, "calciteModalClose", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentDidLoad() {
+        const back = this.el.shadowRoot.querySelector("slot[name=back]");
+        const secondary = this.el.shadowRoot.querySelector("slot[name=secondary]");
+        back.addEventListener("slotchange", () => {
+            this.hideBackButton = !hasSlottedContent(back);
+        });
+        secondary.addEventListener("slotchange", () => {
+            this.hideSecondaryButton = !hasSlottedContent(secondary);
+        });
+    }
+    render() {
+        const dir = getElementDir(this.el);
+        const theme = getElementTheme(this.el);
+        return (h(Host, { role: "dialog", "aria-modal": "true", class: { "is-active": this.isActive }, dir: dir, theme: theme }, h("div", { class: "modal" }, h("focus-trap", { ref: el => (this.trap = el) }, h("div", { class: "modal__header" }, h("button", { class: "modal__close", "aria-label": this.closeLabel, onClick: () => this.close() }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", viewBox: "0 0 24 24", fill: "currentColor" }, h("path", { d: x24 }))), h("header", { class: "modal__title" }, h("slot", { name: "header" }))), h("div", { class: "modal__content" }, h("slot", { name: "content" })), h("div", { class: {
+                modal__footer: true,
+                "modal__footer--hide-back": this.hideBackButton,
+                "modal__footer--hide-secondary": this.hideSecondaryButton
+            } }, h("slot", { name: "back" }), h("slot", { name: "secondary" }), h("slot", { name: "primary" }))))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    handleEscape(e) {
+        if (e.key === "Escape") {
+            this.close();
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /** Open the modal */
+    async open() {
+        this.previousActiveElement = document.activeElement;
+        this.isActive = true;
+        // wait for the modal to open, then handle focus.
+        return new Promise(resolve => {
+            setTimeout(() => {
+                if (this.firstFocus) {
+                    this.firstFocus.focus();
+                }
+                else {
+                    this.trap.focusFirstElement();
+                }
+                resolve(this.el);
+            }, 300);
+            document.documentElement.classList.add("overflow-hidden");
+            this.calciteModalOpen.emit();
+        });
+    }
+    /** Close the modal, first running the `beforeClose` method */
+    async close() {
+        return this.beforeClose(this.el).then(() => {
+            this.isActive = false;
+            this.previousActiveElement.focus();
+            document.documentElement.classList.remove("overflow-hidden");
+            this.calciteModalClose.emit();
+            return new Promise(resolve => {
+                setTimeout(() => resolve(this.el), 300);
+            });
+        });
+    }
+    get el() { return getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{--calcite-modal-background:#fff;--calcite-modal-hover:#f3f3f3;--calcite-modal-pressed:#eaeaea;--calcite-modal-header-text:#151515;--calcite-modal-body-text:#151515;--calcite-modal-scrim:rgba(0,0,0,0.75);--calcite-modal-border:#f3f3f3;--calcite-modal-red:#d83020;--calcite-modal-blue:#007ac2;position:fixed;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow-y:hidden;color:var(--calcite-modal-body-text);opacity:0;visibility:hidden!important;background:var(--calcite-modal-scrim);-webkit-transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);z-index:101}:host([theme=dark]){--calcite-modal-background:#353535;--calcite-modal-pressed:#202020;--calcite-modal-header-text:#fff;--calcite-modal-body-text:#f3f3f3;--calcite-modal-scrim:rgba(0,0,0,0.75);--calcite-modal-border:#2b2b2b;--calcite-modal-hover:#2b2b2b;--calcite-modal-red:#d90012;--calcite-modal-blue:#009af2}.modal{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:80vh;z-index:102;float:none;text-align:left;overflow-y:auto;-webkit-overflow-scrolling:touch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:row-wrap;flex-wrap:row-wrap;opacity:0;visibility:hidden;-webkit-transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);margin:1.5rem}:host(.is-active){visibility:visible!important;opacity:1;-webkit-transition-delay:0ms;transition-delay:0ms}:host(.is-active) .modal{visibility:visible;opacity:1;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88)}:host([dir=rtl]) .modal{text-align:right}:host([theme=dark]) .modal{border:1px solid #202020}focus-trap{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}.modal__header,focus-trap{display:-ms-flexbox;display:flex}.modal__header{background-color:var(--calcite-modal-background);-ms-flex:0;flex:0;max-width:100%;min-width:0;z-index:2;border-bottom:1px solid var(--calcite-modal-border)}.modal__close{padding:1.125rem;-ms-flex-order:2;order:2;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:transparent;-webkit-appearance:none;border:none;color:var(--calcite-modal-body-text);outline:none;cursor:pointer}.modal__close svg{pointer-events:none}.modal__close:focus,.modal__close:hover{background-color:var(--calcite-modal-hover)}.modal__close:active{background-color:var(--calcite-modal-pressed)}.modal__title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.75rem 1.5rem;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-order:1;order:1;min-width:0}slot[name=header]::slotted(*){margin:0;font-weight:400;font-size:1.414rem;line-height:1.5;color:var(--calcite-modal-header-text)}\@media screen and (max-width:859px){slot[name=header]::slotted(*){font-size:1.33rem}}\@media screen and (max-width:479px){slot[name=header]::slotted(*){font-size:1.25rem}}.modal__content{position:relative;padding:1.5rem;height:100%;-ms-flex:0;flex:0;overflow:auto;display:block;background-color:var(--calcite-modal-background);z-index:1}slot[name=content]::slotted(*){font-size:1rem;line-height:1.5}.modal__footer{background-color:var(--calcite-modal-background);-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:1.2rem 1.125rem;border-top:1px solid var(--calcite-modal-border);z-index:2}.modal__footer--hide-back slot[name=back],.modal__footer--hide-secondary slot[name=secondary]{display:none}slot[name=back]{display:block;margin-right:auto}:host([dir=rtl]) slot[name=back]{margin-left:auto;margin-right:unset}slot[name=secondary]{display:block;margin:0 .375rem}slot[name=primary]{display:block}:host([size=small]) .modal{max-width:32rem}\@media screen and (max-width:35rem){:host([size=small]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=small]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=small][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=medium]) .modal{max-width:64rem}\@media screen and (max-width:67rem){:host([size=medium]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=medium]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=medium][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=large]) .modal{max-width:94rem}\@media screen and (max-width:97rem){:host([size=large]) .modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=large]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host([size=large][docked]){-ms-flex-align:end;align-items:flex-end}}:host([size=fullscreen]){background-color:transparent}:host([size=fullscreen]) .modal{-webkit-transform:translate3D(0,20px,0) scale(.95);transform:translate3D(0,20px,0) scale(.95);height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}:host([size=fullscreen]) .modal__content{-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-active[size=fullscreen]) .modal{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}:host([docked]) .modal{height:auto!important}:host([docked]) .modal__content{-ms-flex:0;flex:0;height:auto}:host([color=red]) .modal{border-top:4px solid var(--calcite-modal-red);border-radius:2px 2px 0 0}:host([color=blue]) .modal{border-top:4px solid var(--calcite-modal-blue);border-radius:2px 2px 0 0}\@media screen and (max-width:860px){slot[name=header]::slotted(*){font-size:1.2019rem;line-height:1.5}}\@media screen and (max-width:860px) and (max-width:859px){slot[name=header]::slotted(*){font-size:1.1305rem}}\@media screen and (max-width:860px) and (max-width:479px){slot[name=header]::slotted(*){font-size:1.0625rem}}\@media screen and (max-width:860px){.modal__title{padding:.375rem 1.0125rem}}\@media screen and (max-width:860px){.modal__close,.modal__content{padding:1.0125rem}}\@media screen and (max-width:860px){.modal__footer{position:-webkit-sticky;position:sticky;bottom:0}}\@media screen and (max-width:480px){.modal__footer{-ms-flex-direction:column;flex-direction:column}slot[name=back],slot[name=secondary]{margin:0 0 .375rem 0}}"; }
+}
+
+export { CalciteModal as calcite_modal };
diff --git a/dist/esm/calcite-progress.entry.js b/dist/esm/calcite-progress.entry.js
new file mode 100644
index 00000000000..ce6d6e7be98
--- /dev/null
+++ b/dist/esm/calcite-progress.entry.js
@@ -0,0 +1,32 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+
+class CalciteProgress {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Use indeterminate if finding actual progress value is impossible
+         */
+        this.type = "determinate";
+        /**
+         * Percent complete of 100
+         */
+        this.value = 0;
+        /**
+         * Text label for the progress indicator
+         */
+        this.text = null;
+        /**
+         * Fill bar in the opposite direction
+         */
+        this.reversed = false;
+    }
+    render() {
+        return (h(Host, { class: "calcite-progress", type: this.type, reversed: this.reversed, style: {
+                "--percentage-value": `${this.value * 100}%`
+            } }, h("div", { class: "calcite-progress__text" }, this.text), h("slot", null)));
+    }
+    get el() { return getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}.calcite-progress{position:relative;display:block}.calcite-progress:after,.calcite-progress:before{content:\"\";opacity:1;position:absolute;height:2px;top:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.calcite-progress:before{background-color:#007ac2;z-index:0;width:100%}.calcite-progress:after{background-color:hsla(0,0%,100%,.6);z-index:0}.calcite-progress[type=indeterminate]:after{width:20%;-webkit-animation:looping-progresss-bar-ani 1.5s linear infinite;animation:looping-progresss-bar-ani 1.5s linear infinite}.calcite-progress[type=determinate]:after{width:var(--percentage-value)}.calcite-progress__text{text-align:center}\@-webkit-keyframes looping-progresss-bar-ani{0%{left:0;width:0}20%{left:0;width:20%}80%{left:80%;width:20%}to{left:100%;width:0}}\@keyframes looping-progresss-bar-ani{0%{left:0;width:0}20%{left:0;width:20%}80%{left:80%;width:20%}to{left:100%;width:0}}"; }
+}
+
+export { CalciteProgress as calcite_progress };
diff --git a/dist/esm/calcite-radio-group_2.entry.js b/dist/esm/calcite-radio-group_2.entry.js
new file mode 100644
index 00000000000..abf9ac716af
--- /dev/null
+++ b/dist/esm/calcite-radio-group_2.entry.js
@@ -0,0 +1,247 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { g as getElementDir } from './chunk-6bb56f1f.js';
+
+const navigationKeys = {
+    up: "ArrowUp",
+    down: "ArrowDown",
+    left: "ArrowLeft",
+    right: "ArrowRight",
+    space: " "
+};
+class CalciteRadioGroup {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * The component's theme.
+         */
+        this.theme = "light";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        this.hiddenInput = (() => {
+            const input = document.createElement("input");
+            input.type = "hidden";
+            this.el.appendChild(input);
+            return input;
+        })();
+        this.calciteRadioGroupChange = createEvent(this, "calciteRadioGroupChange", 7);
+    }
+    handleNameChange(value) {
+        this.hiddenInput.name = value;
+    }
+    handleSelectedItemChange(newItem, oldItem) {
+        if (newItem === oldItem) {
+            return;
+        }
+        let match;
+        const items = this.getItems();
+        items.forEach(item => {
+            const matches = item === newItem;
+            if (matches) {
+                match = item;
+            }
+        });
+        if (match) {
+            this.selectItem(match);
+            this.calciteRadioGroupChange.emit();
+        }
+        else if (items[0]) {
+            items[0].tabIndex = 0;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        const items = this.getItems();
+        let lastChecked;
+        items.forEach((item, index) => {
+            item.tabIndex = -1;
+            const next = items[index + 1];
+            if (item.checked) {
+                lastChecked = item;
+            }
+            if (next && next.checked && item.checked) {
+                item.checked = false;
+            }
+        });
+        if (lastChecked) {
+            this.selectItem(lastChecked);
+        }
+        else if (items[0]) {
+            items[0].tabIndex = 0;
+        }
+        const { hiddenInput } = this;
+        if (this.name) {
+            hiddenInput.name = this.name;
+        }
+        if (lastChecked) {
+            hiddenInput.value = lastChecked.value;
+        }
+    }
+    render() {
+        return (h(Host, { role: "radiogroup" }, h("slot", null)));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    handleClick(event) {
+        if (event.target.localName === "calcite-radio-group-item") {
+            this.selectItem(event.target);
+        }
+    }
+    handleSelected(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        this.selectItem(event.target);
+    }
+    handleKeyDown(event) {
+        const { key } = event;
+        if (Object.values(navigationKeys).indexOf(key) === -1) {
+            return;
+        }
+        event.preventDefault();
+        const { el, selectedItem } = this;
+        const dir = getElementDir(el);
+        const moveBackwardKey = (dir === "rtl"
+            ? key === navigationKeys.right
+            : key === navigationKeys.left) || key === navigationKeys.up;
+        const items = this.getItems();
+        let selectedIndex = -1;
+        items.forEach((item, index) => {
+            if (item === selectedItem) {
+                selectedIndex = index;
+            }
+        });
+        if (moveBackwardKey) {
+            const previous = selectedIndex === -1 || selectedIndex === 0
+                ? items.item(items.length - 1)
+                : items.item(selectedIndex - 1);
+            this.selectItem(previous);
+            return;
+        }
+        const moveForwardKey = (dir === "rtl"
+            ? key === navigationKeys.left
+            : key === navigationKeys.right) || key === navigationKeys.down;
+        if (moveForwardKey) {
+            const next = selectedIndex === -1
+                ? items.item(1)
+                : items.item(selectedIndex + 1) || items.item(0);
+            this.selectItem(next);
+            return;
+        }
+        if (key === navigationKeys.space) {
+            this.selectItem(event.target);
+            return;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    getItems() {
+        return this.el.querySelectorAll("calcite-radio-group-item");
+    }
+    selectItem(selected) {
+        if (selected === this.selectedItem) {
+            return;
+        }
+        const items = this.getItems();
+        let match = null;
+        items.forEach(item => {
+            const matches = item.value === selected.value;
+            item.checked = matches;
+            item.tabIndex = matches ? 0 : -1;
+            if (matches) {
+                match = item;
+            }
+        });
+        this.selectedItem = match;
+        this.syncWithInputProxy(match);
+        match && match.focus();
+    }
+    syncWithInputProxy(item) {
+        this.hiddenInput.value = item ? item.value : "";
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "name": ["handleNameChange"],
+        "selectedItem": ["handleSelectedItemChange"]
+    }; }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-radio-group-color:#fff;--calcite-radio-group-border-color:#757575;--calcite-radio-group-color-active:#007ac2;--calcite-radio-group-text-color:#000;--calcite-radio-group-text-color-active:#fff;--calcite-radio-group-color-hover:#f8f8f8;font-size:.9375rem;line-height:1.5}:host([theme=dark]){--calcite-radio-group-color:#2b2b2b;--calcite-radio-group-border-color:#202020;--calcite-radio-group-color-active:#009af2;--calcite-radio-group-text-color:#fff;--calcite-radio-group-text-color-active:#fff;--calcite-radio-group-color-hover:#353535}::slotted(calcite-radio-group-item:focus),::slotted(calcite-radio-group-item[checked]){z-index:0}slot{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}"; }
+}
+
+class CalciteRadioGroupItem {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Indicates whether the control is checked.
+         */
+        this.checked = false;
+        this.mutationObserver = new MutationObserver(() => this.syncFromExternalInput());
+        this.calciteRadioGroupItemChange = createEvent(this, "calciteRadioGroupItemChange", 7);
+    }
+    handleCheckedChange() {
+        this.calciteRadioGroupItemChange.emit();
+        this.syncToExternalInput();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        let inputProxy = this.el.querySelector(`input[slot="input"]`);
+        if (inputProxy) {
+            this.value = inputProxy.value;
+            this.checked = inputProxy.checked;
+            this.mutationObserver.observe(inputProxy, { attributes: true });
+        }
+        this.inputProxy = inputProxy;
+    }
+    disconnectedCallback() {
+        this.mutationObserver.disconnect();
+    }
+    render() {
+        const { checked, value } = this;
+        return (h(Host, { role: "radio", "aria-checked": checked ? "true" : "false" }, h("label", null, h("slot", null, value), h("slot", { name: "input" }))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    syncFromExternalInput() {
+        if (this.inputProxy) {
+            this.value = this.inputProxy.value;
+            this.checked = this.inputProxy.checked;
+        }
+    }
+    ;
+    syncToExternalInput() {
+        if (!this.inputProxy) {
+            return;
+        }
+        this.inputProxy.value = this.value;
+        this.inputProxy.toggleAttribute("checked", this.checked);
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "checked": ["handleCheckedChange"]
+    }; }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-radio-group-color);color:var(--calcite-radio-group-text-color);padding:.5rem 1rem;line-height:1.25;margin:.25rem -1px 0 0;border:1px solid var(--calcite-radio-group-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .1s ease-in-out,border-color .1s ease-in-out;transition:background .1s ease-in-out,border-color .1s ease-in-out;cursor:pointer}:host(:hover){background-color:var(--calcite-radio-group-color-hover)}:host([checked]){background-color:var(--calcite-radio-group-color-active);border-color:var(--calcite-radio-group-color-active);color:var(--calcite-radio-group-text-color-active);cursor:default}label{cursor:pointer}::slotted(input){display:none}"; }
+}
+
+export { CalciteRadioGroup as calcite_radio_group, CalciteRadioGroupItem as calcite_radio_group_item };
diff --git a/dist/esm/calcite-slider.entry.js b/dist/esm/calcite-slider.entry.js
new file mode 100644
index 00000000000..8ccfc5ffd4b
--- /dev/null
+++ b/dist/esm/calcite-slider.entry.js
@@ -0,0 +1,263 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { U as UP, R as RIGHT, D as DOWN, L as LEFT, P as PAGE_UP, a as PAGE_DOWN, H as HOME, b as END } from './chunk-9dd9009f.js';
+import { g as guid } from './chunk-3edb1b93.js';
+import { g as getElementDir } from './chunk-6bb56f1f.js';
+
+class CalciteSlider {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Disable and gray out the slider
+         */
+        this.disabled = false;
+        /**
+         * Minimum selectable value
+         */
+        this.min = 0;
+        /**
+         * Maximum selectable value
+         */
+        this.max = 100;
+        /**
+         * Currently selected number (if single select)
+         */
+        this.value = null;
+        /**
+         * Snap selection along the step interval
+         */
+        this.snap = true;
+        /**
+         * Interval to move on up/down keys
+         */
+        this.step = 1;
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.guid = `calcite-loader-${guid()}`;
+        /**
+         * @internal
+         */
+        this.isRange = false;
+        /**
+         * @internal
+         */
+        this.tickValues = [];
+        /**
+         * @internal
+         */
+        this.activeProp = "value";
+        this.calciteSliderUpdate = createEvent(this, "calciteSliderUpdate", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        this.isRange = !!(this.maxValue || this.maxValue === 0);
+        this.tickValues = this.generateTickValues();
+        this.value = this.bound(this.value);
+        if (this.snap) {
+            this.value = this.getClosestStep(this.value);
+        }
+        this.calciteSliderUpdate.emit();
+    }
+    render() {
+        const id = this.el.id || this.guid;
+        const dir = getElementDir(this.el);
+        const min = this.minValue || this.min;
+        const max = this.maxValue || this.value;
+        const maxProp = this.isRange ? "maxValue" : "value";
+        return (h(Host, { dir: dir, id: id, "is-range": this.isRange, style: {
+                "--calcite-slider-range-max": `${100 -
+                    this.getUnitInterval(max) * 100}%`,
+                "--calcite-slider-range-min": `${this.getUnitInterval(min) * 100}%`
+            } }, h("div", { class: "slider__track" }, h("div", { class: "slider__track__range" }), h("div", { class: "slider__ticks" }, this.tickValues.map(number => (h("span", { class: {
+                slider__tick: true,
+                "slider__tick--active": number >= min && number <= max
+            }, style: {
+                "--calcite-slider-tick-offset": `${this.getUnitInterval(number) * 100}%`
+            } }, this.labelTicks ? (h("span", { class: {
+                slider__tick__label: true,
+                "slider__tick__label--min": number === this.min,
+                "slider__tick__label--max": number === this.max
+            } }, number)) : ("")))))), this.isRange ? (h("button", { ref: el => (this.minHandle = el), onFocus: () => (this.activeProp = "minValue"), onBlur: () => (this.activeProp = null), onMouseDown: () => this.dragStart("minValue"), onTouchStart: e => this.dragStart("minValue", e), role: "slider", "aria-orientation": "horizontal", "aria-label": this.minLabel, "aria-valuenow": this.minValue, "aria-valuemin": this.min, "aria-valuemax": this.max, disabled: this.disabled, class: {
+                slider__thumb: true,
+                "slider__thumb--min": true,
+                "slider__thumb--active": this.dragProp === "minValue",
+                "slider__thumb--precise": this.precise
+            } }, h("span", { class: "slider__handle" }), this.labelHandles ? (h("span", { class: "slider__handle__label", "aria-hidden": "true" }, this.minValue)) : (""))) : (""), h("button", { ref: el => (this.maxHandle = el), onFocus: () => (this.activeProp = maxProp), onBlur: () => (this.activeProp = null), onMouseDown: () => this.dragStart(maxProp), onTouchStart: e => this.dragStart(maxProp, e), role: "slider", "aria-orientation": "horizontal", "aria-label": this.isRange ? this.maxLabel : this.minLabel, "aria-valuenow": this[maxProp], "aria-valuemin": this.min, "aria-valuemax": this.max, disabled: this.disabled, class: {
+                slider__thumb: true,
+                "slider__thumb--max": true,
+                "slider__thumb--active": this.dragProp === maxProp,
+                "slider__thumb--precise": this.precise
+            } }, h("span", { class: "slider__handle" }), this.labelHandles ? (h("span", { class: "slider__handle__label", "aria-hidden": "true" }, this[maxProp])) : (""))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    keyDownHandler(e) {
+        const value = this[this.activeProp];
+        switch (e.keyCode) {
+            case UP:
+            case RIGHT:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(value + this.step, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case DOWN:
+            case LEFT:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(value - this.step, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case PAGE_UP:
+                if (this.pageStep) {
+                    e.preventDefault();
+                    this[this.activeProp] = this.bound(value + this.pageStep, this.activeProp);
+                    this.calciteSliderUpdate.emit();
+                }
+                break;
+            case PAGE_DOWN:
+                if (this.pageStep) {
+                    e.preventDefault();
+                    this[this.activeProp] = this.bound(value - this.pageStep, this.activeProp);
+                    this.calciteSliderUpdate.emit();
+                }
+                break;
+            case HOME:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(this.min, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case END:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(this.max, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+        }
+    }
+    clickHandler(e) {
+        const x = e.clientX || e.pageX;
+        const num = this.translate(x);
+        let prop = "value";
+        if (this.isRange) {
+            const closerToMax = Math.abs(this.maxValue - num) < Math.abs(this.minValue - num);
+            prop = closerToMax ? "maxValue" : "minValue";
+        }
+        this[prop] = this.bound(num, prop);
+        this.calciteSliderUpdate.emit();
+        const handle = prop === "minValue" ? this.minHandle : this.maxHandle;
+        handle.focus();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    generateTickValues() {
+        const ticks = [];
+        let current = this.min;
+        while (this.ticks && current < this.max + this.ticks) {
+            ticks.push(current);
+            current = current + this.ticks;
+        }
+        return ticks;
+    }
+    dragStart(prop, e) {
+        if (e) {
+            e.preventDefault();
+        }
+        this.dragProp = prop;
+        this.activeProp = prop;
+        this.dragListener = this.dragListener || this.dragUpdate.bind(this);
+        document.addEventListener("mousemove", this.dragListener);
+        document.addEventListener("touchmove", this.dragListener, {
+            capture: false
+        });
+        document.addEventListener("mouseup", this.dragEnd.bind(this));
+        document.addEventListener("touchend", this.dragEnd.bind(this), false);
+        document.addEventListener("touchcancel", this.dragEnd.bind(this));
+    }
+    dragUpdate(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (this.dragProp) {
+            const value = this.translate(e.clientX || e.pageX);
+            this[this.dragProp] = this.bound(value, this.dragProp);
+            this.calciteSliderUpdate.emit();
+        }
+    }
+    dragEnd() {
+        this.dragProp = null;
+        document.removeEventListener("mousemove", this.dragListener);
+        document.removeEventListener("touchmove", this.dragListener);
+    }
+    /**
+     * If number is outside range, constrain to min or max
+     * @internal
+     */
+    bound(num, prop) {
+        num = Math.min(num, this.max);
+        num = Math.max(num, this.min);
+        // ensure that maxValue and minValue don't swap positions
+        if (prop === "maxValue") {
+            num = Math.max(num, this.minValue);
+        }
+        if (prop === "minValue") {
+            num = Math.min(num, this.maxValue);
+        }
+        return num;
+    }
+    /**
+     * Translate a pixel position to value along the range
+     * @internal
+     */
+    translate(x) {
+        const range = this.max - this.min;
+        const percent = (x - this.el.offsetLeft) / this.el.offsetWidth;
+        let value = this.bound(this.min + range * percent);
+        if (this.snap && this.step) {
+            value = this.getClosestStep(value);
+        }
+        return value;
+    }
+    /**
+     * Get closest allowed value along stepped values
+     * @internal
+     */
+    getClosestStep(num) {
+        num = this.bound(num);
+        if (this.step) {
+            const step = Math.round(num / this.step) * this.step;
+            num = this.bound(step);
+        }
+        return num;
+    }
+    /**
+     * Get position of value along range as fractional value
+     * @return {number} number in the unit interval [0,1]
+     * @internal
+     */
+    getUnitInterval(num) {
+        num = this.bound(num);
+        const range = this.max - this.min;
+        return (num - this.min) / range;
+    }
+    get el() { return getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-slider-spot:#007ac2;padding:7px 0;margin:7px 0;position:relative}:host([disabled]){opacity:.5;pointer-events:none}:host([label-handles]),:host([precise]){margin-top:21px}:host([label-ticks]),:host([precise][is-range]){margin-bottom:21px}:host([precise][label-handles]){margin-top:35px}:host([precise][label-handles][is-range]){margin-bottom:35px}.slider__thumb{position:absolute;right:var(--calcite-slider-range-max);height:28px;width:28px;margin:-14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;background:transparent;cursor:pointer;font-family:inherit;z-index:3}.slider__thumb--min{right:auto;left:var(--calcite-slider-range-min)}.slider__handle{position:absolute;top:0;left:0;height:14px;width:14px;margin:7px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background-color:#fff;border:2px solid #959595;-webkit-transition:border .25s ease,background-color .25s ease,-webkit-box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,-webkit-box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,box-shadow .25s ease,-webkit-box-shadow .25s ease}.slider__handle__label{position:absolute;left:0;bottom:28px;width:28px;height:.75em;font-size:.8125rem;line-height:1.5;line-height:1;color:#555;text-align:center}.slider__thumb:hover .slider__handle{border-color:var(--calcite-slider-spot);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.1);box-shadow:0 0 16px 0 rgba(0,0,0,.1)}.slider__thumb--active,.slider__thumb:focus{outline:none;z-index:4}.slider__thumb--active .slider__handle,.slider__thumb:focus .slider__handle{background-color:var(--calcite-slider-spot);border-color:var(--calcite-slider-spot);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.2);box-shadow:0 0 16px 0 rgba(0,0,0,.2)}.slider__thumb--precise{margin-top:-28px}.slider__thumb--precise:after{content:\"\";display:block;position:absolute;top:14px;left:50%;width:2px;height:7px;background-color:#959595;margin-left:-1px;margin-top:7px;z-index:2}.slider__thumb--active.slider__thumb--precise:after,.slider__thumb:focus.slider__thumb--precise:after{background-color:var(--calcite-slider-spot)}.slider__thumb--precise.slider__thumb--min{margin-top:-2px}.slider__thumb--precise.slider__thumb--min .slider__handle__label{bottom:unset;top:28px}.slider__thumb--precise.slider__thumb--min:after{top:0;margin-top:0}.slider__track{height:2px;border-radius:0;z-index:2;background-color:#cacaca;-webkit-transition:all .25s ease-in;transition:all .25s ease-in;position:relative}.slider__track__range{position:absolute;top:0;right:var(--calcite-slider-range-max);left:var(--calcite-slider-range-min);height:2px;background-color:var(--calcite-slider-spot)}.slider__tick{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-slider-tick-offset);margin-left:-2px;border:1px solid #fff;background-color:#959595}.slider__tick--active{background-color:var(--calcite-slider-spot)}.slider__tick__label{position:absolute;font-size:.8125rem;line-height:1.5;color:#555;width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}.slider__tick__label--min{left:0;margin:14px -3px;text-align:left}.slider__tick__label--max{left:unset;right:0;margin:14px -3px;text-align:right}"; }
+}
+
+export { CalciteSlider as calcite_slider };
diff --git a/dist/esm/calcite-switch.entry.js b/dist/esm/calcite-switch.entry.js
new file mode 100644
index 00000000000..58937473da8
--- /dev/null
+++ b/dist/esm/calcite-switch.entry.js
@@ -0,0 +1,81 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { S as SPACE, E as ENTER } from './chunk-9dd9009f.js';
+
+class CalciteSwitch {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** True if the switch is initially on */
+        this.switched = false;
+        /** The name of the checkbox input */
+        this.name = "";
+        /** The value of the checkbox input */
+        this.value = "";
+        /** What color the switch should be */
+        this.color = "blue";
+        this.syncThisToProxyInput = () => {
+            this.switched = this.inputProxy.hasAttribute("checked");
+            this.name = this.inputProxy.name;
+            this.value = this.inputProxy.value;
+        };
+        this.syncProxyInputToThis = () => {
+            this.switched
+                ? this.inputProxy.setAttribute("checked", "")
+                : this.inputProxy.removeAttribute("checked");
+            this.inputProxy.setAttribute("name", this.name);
+            this.inputProxy.setAttribute("value", this.value);
+        };
+        this.calciteSwitchChange = createEvent(this, "calciteSwitchChange", 7);
+    }
+    onClick(e) {
+        // prevent duplicate click events that occur
+        // when the component is wrapped in a label and checkbox is clicked
+        if ((this.el.closest("label") && e.target === this.inputProxy) ||
+            (!this.el.closest("label") && e.target === this.el)) {
+            this.switched = !this.switched;
+        }
+    }
+    keyDownHandler(e) {
+        if (e.keyCode === SPACE || e.keyCode === ENTER) {
+            this.switched = !this.switched;
+        }
+    }
+    switchWatcher() {
+        this.calciteSwitchChange.emit();
+        this.switched
+            ? this.inputProxy.setAttribute("checked", "")
+            : this.inputProxy.removeAttribute("checked");
+    }
+    connectedCallback() {
+        this.setupProxyInput();
+    }
+    disconnectedCallback() {
+        this.observer.disconnect();
+    }
+    componentWillRender() {
+        this.syncProxyInputToThis();
+    }
+    render() {
+        return (h(Host, { role: "checkbox", "aria-checked": this.switched, tabindex: "0" }, h("div", { class: "track" }, h("div", { class: "handle" })), h("slot", null)));
+    }
+    setupProxyInput() {
+        // check for a proxy input
+        this.inputProxy = this.el.querySelector("input");
+        // if the user didn't pass a proxy input create one for them
+        if (!this.inputProxy) {
+            this.inputProxy = document.createElement("input");
+            this.inputProxy.type = "checkbox";
+            this.syncProxyInputToThis();
+            this.el.appendChild(this.inputProxy);
+        }
+        this.syncThisToProxyInput();
+        this.observer = new MutationObserver(this.syncThisToProxyInput);
+        this.observer.observe(this.inputProxy, { attributes: true });
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "switched": ["switchWatcher"]
+    }; }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}::slotted(input){display:none}:host{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;tap-highlight-color:transparent}.track{position:relative;display:inline-block;vertical-align:top;width:36px;height:20px;background-color:#f8f8f8;border-radius:30px;border:1px solid #eaeaea}.handle,.track{-webkit-transition:all .25s ease;transition:all .25s ease}.handle{position:absolute;display:block;width:18px;height:18px;top:-1px;left:-1px;right:auto;background-color:#fff;border-radius:30px;border:2px solid #757575;-webkit-box-shadow:0 1px 1px 0 rgba(43,43,43,.2);box-shadow:0 1px 1px 0 rgba(43,43,43,.2)}:host([switched]) .handle{right:-1px;left:auto;border-color:#004874;-webkit-box-shadow:0 2px 1px 0 rgba(43,43,43,.2);box-shadow:0 2px 1px 0 rgba(43,43,43,.2)}:host([switched]) .track{border-color:#00619b;background-color:#007ac2}:host([switched][color=red]) .handle{border-color:#7c1d13}:host([switched][color=red]) .track{border-color:#7c1d13;background-color:#a82b1e}:host(:focus),:host([switched]:focus){outline:none}:host(:focus) .track,:host([switched]:focus) .track{-webkit-box-shadow:0 0 4px 2px hsla(0,0%,45.9%,.9);box-shadow:0 0 4px 2px hsla(0,0%,45.9%,.9)}:host(:hover) .track{border-color:#eaeaea;background-color:#757575}:host(:hover) .handle{border-color:#007ac2;-webkit-box-shadow:0 1px 2px 0 rgba(43,43,43,.2);box-shadow:0 1px 2px 0 rgba(43,43,43,.2)}:host([color=red]:hover) .handle{border-color:#d83020}:host([switched]:hover) .handle{border-color:#004874}:host([switched]:hover) .track{border-color:#00619b;background-color:#007ac2}:host([switched][color=red]:hover) .handle{border-color:#7c1d13}:host([switched][color=red]:hover) .track{border-color:#7c1d13;background-color:#a82b1e}"; }
+}
+
+export { CalciteSwitch as calcite_switch };
diff --git a/dist/esm/calcite-tab_4.entry.js b/dist/esm/calcite-tab_4.entry.js
new file mode 100644
index 00000000000..d57fe00ec7f
--- /dev/null
+++ b/dist/esm/calcite-tab_4.entry.js
@@ -0,0 +1,464 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './chunk-5f99f9d5.js';
+import { S as SPACE, E as ENTER, R as RIGHT, L as LEFT } from './chunk-9dd9009f.js';
+import { g as guid } from './chunk-3edb1b93.js';
+import { n as nodeListToArray, g as getElementDir } from './chunk-6bb56f1f.js';
+
+class CalciteTab {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Show this tab
+         */
+        this.isActive = false;
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.guid = `calcite-tab-title-${guid()}`;
+        this.calciteTabRegister = createEvent(this, "calciteTabRegister", 7);
+        this.calciteTabUnregister = createEvent(this, "calciteTabUnregister", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    render() {
+        const id = this.el.id || this.guid;
+        return (h(Host, { id: id, "aria-labeledby": this.labeledBy, "aria-expanded": this.isActive ? "true" : "false", role: "tabpanel" }, h("section", null, h("slot", null))));
+    }
+    componentDidLoad() {
+        this.calciteTabRegister.emit();
+    }
+    componentDidUnload() {
+        this.calciteTabUnregister.emit();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    tabChangeHandler(event) {
+        // to allow `<calcite-tabs>` to be nested we need to make sure this
+        // `calciteTabChange` event was actually fired from a title that is a
+        // child of the `<calcite-tabs>` that is the a parent of this tab.
+        if (event.target.closest("calcite-tabs") !==
+            this.el.closest("calcite-tabs")) {
+            return;
+        }
+        if (this.tab) {
+            this.isActive = this.tab === event.detail.tab;
+        }
+        else {
+            this.getTabIndex().then(index => {
+                this.isActive = index === event.detail.tab;
+            });
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Return the index of this tab within the tab array
+     */
+    async getTabIndex() {
+        return Promise.resolve(Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter(e => e.matches("calcite-tab")), this.el));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    updateAriaInfo(tabIds = [], titleIds = []) {
+        this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;
+    }
+    get el() { return getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host([is-active]) section,calcite-tabs{display:block}section{display:none}"; }
+}
+
+class CalciteTabNav {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.calciteTabChange = createEvent(this, "calciteTabChange", 7);
+    }
+    selectedTabChanged() {
+        if (localStorage &&
+            this.storageId &&
+            this.selectedTab !== undefined &&
+            this.selectedTab !== null) {
+            localStorage.setItem(`calcite-tab-nav-${this.storageId}`, JSON.stringify(this.selectedTab));
+        }
+        this.calciteTabChange.emit({
+            tab: this.selectedTab
+        });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        const storageKey = `calcite-tab-nav-${this.storageId}`;
+        if (localStorage && this.storageId && localStorage.getItem(storageKey)) {
+            this.selectedTab = JSON.parse(localStorage.getItem(storageKey));
+            this.calciteTabChange.emit({
+                tab: this.selectedTab
+            });
+        }
+    }
+    render() {
+        return (h(Host, { role: "tablist" }, h("nav", { class: "tab-nav" }, h("slot", null))));
+    }
+    componentDidRender() {
+        // if every tab title is active select the first tab.
+        if (this.tabTitles.every(title => !title.isActive) && !this.selectedTab) {
+            this.tabTitles[0].getTabIdentifier().then(tab => {
+                this.calciteTabChange.emit({
+                    tab
+                });
+            });
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Events Listeners
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    focusPreviousTabHandler(e) {
+        const currentIndex = this.getIndexOfTabTitle(e.target);
+        const previousTab = this.tabTitles[currentIndex - 1] ||
+            this.tabTitles[this.tabTitles.length - 1];
+        previousTab.focus();
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    /**
+     * @internal
+     */
+    focusNextTabHandler(e) {
+        const currentIndex = this.getIndexOfTabTitle(e.target);
+        const nextTab = this.tabTitles[currentIndex + 1] || this.tabTitles[0];
+        nextTab.focus();
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    /**
+     * @internal
+     */
+    activateTabHandler(e) {
+        if (e.detail.tab) {
+            this.selectedTab = e.detail.tab;
+        }
+        else {
+            this.selectedTab = this.getIndexOfTabTitle(e.target);
+        }
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    /**
+     * @internal
+     */
+    globalTabChangeHandler(e) {
+        if (this.syncId &&
+            e.target !== this.el &&
+            e.target.syncId === this.syncId &&
+            this.selectedTab !== e.detail.tab) {
+            this.selectedTab = e.detail.tab;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Private State/Props
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    getIndexOfTabTitle(el) {
+        return this.tabTitles.indexOf(el);
+    }
+    get tabTitles() {
+        return this.el.shadowRoot.querySelector("slot").assignedElements();
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "selectedTab": ["selectedTabChanged"]
+    }; }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}.tab-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:var(--calcite-tabs-layout);justify-content:var(--calcite-tabs-layout);overflow:auto}::slotted(calcite-tab-title){margin-right:var(--calcite-tabs-tab-margin-start);margin-left:var(--calcite-tabs-tab-margin-end)}:host([dir=rtl]) ::slotted(calcite-tab-title){margin-right:var(--calcite-tabs-tab-margin-end);margin-left:var(--calcite-tabs-tab-margin-start)}"; }
+}
+
+class CalciteTabTitle {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Show this tab title as selected
+         */
+        this.isActive = false;
+        /**
+         * @internal
+         */
+        this.guid = `calcite-tab-title-${guid()}`;
+        this.calciteTabsActivate = createEvent(this, "calciteTabsActivate", 7);
+        this.calciteTabsFocusNext = createEvent(this, "calciteTabsFocusNext", 7);
+        this.calciteTabsFocusPrevious = createEvent(this, "calciteTabsFocusPrevious", 7);
+        this.calciteTabTitleRegister = createEvent(this, "calciteTabTitleRegister", 7);
+        this.calciteTabTitleUnregister = createEvent(this, "calciteTabTitleUnregister", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        if (this.tab && this.isActive) {
+            this.calciteTabsActivate.emit({
+                tab: this.tab
+            });
+        }
+    }
+    render() {
+        const id = this.el.id || this.guid;
+        return (h(Host, { id: id, "aria-controls": this.controls, "aria-expanded": this.isActive ? "true" : "false", role: "tab", tabindex: "0" }, h("a", null, h("slot", null))));
+    }
+    componentDidLoad() {
+        this.calciteTabTitleRegister.emit();
+    }
+    componentDidUnload() {
+        this.calciteTabTitleUnregister.emit();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Events Listeners
+    //
+    //--------------------------------------------------------------------------
+    tabChangeHandler(event) {
+        if (this.tab) {
+            this.isActive = this.tab === event.detail.tab;
+        }
+        else {
+            this.getTabIndex().then(index => {
+                this.isActive = index === event.detail.tab;
+            });
+        }
+    }
+    onClick() {
+        this.calciteTabsActivate.emit({
+            tab: this.tab
+        });
+    }
+    keyDownHandler(e) {
+        switch (e.keyCode) {
+            case SPACE:
+            case ENTER:
+                this.calciteTabsActivate.emit({
+                    tab: this.tab
+                });
+                e.preventDefault();
+                break;
+            case RIGHT:
+                if (getElementDir(this.el) === "ltr") {
+                    this.calciteTabsFocusNext.emit();
+                }
+                else {
+                    this.calciteTabsFocusPrevious.emit();
+                }
+                break;
+            case LEFT:
+                if (getElementDir(this.el) === "ltr") {
+                    this.calciteTabsFocusPrevious.emit();
+                }
+                else {
+                    this.calciteTabsFocusNext.emit();
+                }
+                break;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Return the index of this title within the nav
+     */
+    async getTabIndex() {
+        return Promise.resolve(Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"), this.el));
+    }
+    /**
+     * @internal
+     */
+    async getTabIdentifier() {
+        return this.tab ? Promise.resolve(this.tab) : this.getTabIndex();
+    }
+    /**
+     * @internal
+     */
+    async updateAriaInfo(tabIds = [], titleIds = []) {
+        this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;
+        return Promise.resolve();
+    }
+    get el() { return getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}:host{-ms-flex:0 1 var(--calcite-tabs-tab-basis);flex:0 1 var(--calcite-tabs-tab-basis);outline:none}:host(:active) a,:host(:focus) a,:host(:hover) a{outline:none;text-decoration:none;color:var(--calcite-tabs-color-active);border-bottom-color:var(--calcite-tabs-border-hover)}:host([is-active]) a{color:var(--calcite-tabs-color-active);border-bottom-color:var(--calcite-tabs-border-active)}a{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.875rem;line-height:1.5;padding:.5rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:3px solid transparent;cursor:pointer;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;color:var(--calcite-tabs-color);outline:none;width:100%;display:block;text-align:var(--calcite-tabs-tab-text-align)}"; }
+}
+
+class CalciteTabs {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Public Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Select theme (light or dark)
+         */
+        this.theme = "light";
+        /**
+         * Align tab titles to the edge or fully justify them across the tab nav ("center")
+         */
+        this.layout = "inline";
+        //--------------------------------------------------------------------------
+        //
+        //  Events
+        //
+        //--------------------------------------------------------------------------
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         *
+         * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA
+         * attributes.
+         */
+        this.titles = [];
+        /**
+         * @internal
+         *
+         * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.
+         */
+        this.tabs = [];
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    render() {
+        const dir = getElementDir(this.el);
+        return (h(Host, { dir: dir }, h("div", null, h("slot", { name: "tab-nav" }), h("section", { class: "tab-contents" }, h("slot", null)))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    calciteTabTitleRegister(e) {
+        this.titles = [...this.titles, e.target];
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    /**
+     * @internal
+     */
+    calciteTabTitleUnregister(e) {
+        this.titles = this.titles.filter(el => el !== e.target);
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    /**
+     * @internal
+     */
+    calciteTabRegister(e) {
+        this.tabs = [...this.tabs, e.target];
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    /**
+     * @internal
+     */
+    calciteTabUnregister(e) {
+        this.tabs = this.tabs.filter(el => el !== e.target);
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     *
+     * Matches up elements from the internal `tabs` and `titles` to automatically
+     * update the ARIA attributes and link `<calcite-tab>` and
+     * `<calcite-tab-title>` components.
+     */
+    async registryHandler() {
+        var tabIds;
+        var titleIds;
+        // determine if we are using `tab` based or `index` based tab identifiers.
+        if (this.tabs.some(e => e.tab) || this.titles.some(e => e.tab)) {
+            // if we are using `tab` based identifiers sort by `tab` to account for
+            // possible out of order tabs and get the id of each tab
+            tabIds = this.tabs
+                .sort((a, b) => a.tab.localeCompare(b.tab))
+                .map(e => e.id);
+            titleIds = this.titles
+                .sort((a, b) => a.tab.localeCompare(b.tab))
+                .map(e => e.id);
+        }
+        else {
+            // if we are using index based tabs then the `<calcite-tab>` and
+            // `<calcite-tab-title>` might have been rendered out of order so the
+            // order of `this.tabs` and `this.titles` might not reflect the DOM state,
+            // and might not match each other so we need to get the index of all the
+            // tabs and titles in the DOM order to match them up as a source of truth
+            const tabDomIndexes = await Promise.all(this.tabs.map(el => el.getTabIndex()));
+            const titleDomIndexes = await Promise.all(this.titles.map(el => el.getTabIndex()));
+            // once we have the DOM order as a source of truth we can build the
+            // matching tabIds and titleIds arrays
+            tabIds = tabDomIndexes.reduce((ids, indexInDOM, registryIndex) => {
+                ids[indexInDOM] = this.tabs[registryIndex].id;
+                return ids;
+            }, []);
+            titleIds = titleDomIndexes.reduce((ids, indexInDOM, registryIndex) => {
+                ids[indexInDOM] = this.titles[registryIndex].id;
+                return ids;
+            }, []);
+        }
+        // pass all our new aria information to each `<calcite-tab>` and
+        // `<calcite-tab-title>` which will check if they can update their internal
+        // `controlled` or `labeledBy` states and re-render if necessary
+        this.tabs.forEach(el => el.updateAriaInfo(tabIds, titleIds));
+        this.titles.forEach(el => el.updateAriaInfo(tabIds, titleIds));
+    }
+    get el() { return getElement(this); }
+    static get style() { return "body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}:host,calcite-tabs{display:block}:host{--calcite-tabs-color:#2b2b2b;--calcite-tabs-border:#eaeaea;--calcite-tabs-border-hover:#dfdfdf;--calcite-tabs-color-active:#151515;--calcite-tabs-border-active:#007ac2;--calcite-tabs-layout:flex-start;--calcite-tabs-tab-basis:auto;--calcite-tabs-tab-text-align:start;--calcite-tabs-tab-margin-start:1.25rem;--calcite-tabs-tab-margin-end:0}:host([theme=dark]){--calcite-tabs-color:#f3f3f3;--calcite-tabs-border:#404040;--calcite-tabs-border-hover:#757575;--calcite-tabs-color-active:#f8f8f8;--calcite-tabs-border-active:#fff}:host([dir=rtl]){--calcite-tabs-tab-margin-start:0;--calcite-tabs-tab-margin-end:1.25rem}:host([layout=center]){--calcite-tabs-layout:center;--calcite-tabs-tab-basis:200px;--calcite-tabs-tab-text-align:center;--calcite-tabs-tab-margin-start:1.25rem;--calcite-tabs-tab-margin-end:1.25rem}.tab-contents{border-top:1px solid var(--calcite-tabs-border)}"; }
+}
+
+export { CalciteTab as calcite_tab, CalciteTabNav as calcite_tab_nav, CalciteTabTitle as calcite_tab_title, CalciteTabs as calcite_tabs };
diff --git a/dist/esm/calcite.mjs b/dist/esm/calcite.mjs
new file mode 100644
index 00000000000..55cb05936c5
--- /dev/null
+++ b/dist/esm/calcite.mjs
@@ -0,0 +1,5 @@
+import { p as patchBrowser, b as bootstrapLazy } from './chunk-5f99f9d5.js';
+
+patchBrowser().then(options => {
+  return bootstrapLazy([["calcite-alert_2",[[1,"calcite-alert",{"dismiss":[4],"duration":[513],"color":[513],"theme":[513],"icon":[4],"alertId":[1,"alert-id"],"currentAlert":[1,"current-alert"],"queueLength":[2,"queue-length"],"active":[32],"closeCalciteAlert":[64],"openCalciteAlert":[64]}],[1,"calcite-alerts",{"currentAlert":[32],"active":[32],"alertQueue":[32]},[[0,"calciteAlertOpen","updateQueueOnOpen"],[0,"calciteAlertClose","updateQueueOnClose"]]]]],["calcite-button",[[1,"calcite-button",{"color":[1537],"appearance":[1537],"scale":[1537],"width":[1537],"loading":[516],"href":[513],"icon":[513],"hastext":[1028]}]]],["calcite-tab_4",[[1,"calcite-tab",{"tab":[1537],"isActive":[1540,"is-active"],"labeledBy":[32],"getTabIndex":[64],"updateAriaInfo":[64]},[[16,"calciteTabChange","tabChangeHandler"]]],[1,"calcite-tab-nav",{"storageId":[1,"storage-id"],"syncId":[1,"sync-id"],"selectedTab":[32]},[[0,"calciteTabsFocusPrevious","focusPreviousTabHandler"],[0,"calciteTabsFocusNext","focusNextTabHandler"],[0,"calciteTabsActivate","activateTabHandler"],[32,"calciteTabChange","globalTabChangeHandler"]]],[1,"calcite-tab-title",{"tab":[1537],"isActive":[1540,"is-active"],"controls":[32],"getTabIndex":[64],"getTabIdentifier":[64],"updateAriaInfo":[64]},[[16,"calciteTabChange","tabChangeHandler"],[0,"click","onClick"],[0,"keydown","keyDownHandler"]]],[1,"calcite-tabs",{"theme":[513],"layout":[513],"titles":[32],"tabs":[32]},[[0,"calciteTabTitleRegister","calciteTabTitleRegister"],[0,"calciteTabTitleUnregister","calciteTabTitleUnregister"],[0,"calciteTabRegister","calciteTabRegister"],[0,"calciteTabUnregister","calciteTabUnregister"]]]]],["calcite-radio-group_2",[[1,"calcite-radio-group",{"name":[1],"selectedItem":[8,"selected-item"],"theme":[513]},[[0,"click","handleClick"],[0,"calciteRadioGroupItemChange","handleSelected"],[0,"keydown","handleKeyDown"]]],[1,"calcite-radio-group-item",{"checked":[1540],"value":[8]}]]],["calcite-checkbox",[[1,"calcite-checkbox",{"checked":[1540],"indeterminate":[1540],"name":[1537],"value":[1537],"size":[513],"disabled":[516],"theme":[513]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]]],["calcite-example",[[1,"calcite-example",{"property":[1],"state":[32],"doThing":[64]},[[0,"click","onClick"]]]]],["calcite-modal",[[1,"calcite-modal",{"beforeClose":[16],"closeLabel":[1,"close-label"],"docked":[516],"firstFocus":[16],"size":[513],"color":[513],"theme":[513],"isActive":[32],"hideBackButton":[32],"hideSecondaryButton":[32],"open":[64],"close":[64]},[[0,"keyup","handleEscape"]]]]],["calcite-progress",[[4,"calcite-progress",{"type":[1],"value":[2],"text":[1],"reversed":[4]}]]],["calcite-slider",[[1,"calcite-slider",{"disabled":[1540],"min":[1538],"max":[1538],"value":[1538],"minValue":[2,"min-value"],"maxValue":[2,"max-value"],"minLabel":[1,"min-label"],"maxLabel":[1,"max-label"],"snap":[4],"step":[2],"pageStep":[2,"page-step"],"ticks":[2],"labelTicks":[516,"label-ticks"],"labelHandles":[516,"label-handles"],"precise":[4],"tickValues":[32],"activeProp":[32]},[[0,"keydown","keyDownHandler"],[0,"click","clickHandler"]]]]],["calcite-switch",[[1,"calcite-switch",{"switched":[1540],"name":[1537],"value":[1537],"color":[1]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]]],["calcite-loader",[[1,"calcite-loader",{"isActive":[1540,"is-active"],"inline":[1540],"type":[1537],"value":[2],"text":[1],"loaderBarOffsets":[32],"isEdge":[32]}]]],["context-consumer",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]]], options);
+});
diff --git a/dist/esm/chunk-3edb1b93.js b/dist/esm/chunk-3edb1b93.js
new file mode 100644
index 00000000000..3cee5899872
--- /dev/null
+++ b/dist/esm/chunk-3edb1b93.js
@@ -0,0 +1,14 @@
+function gen(counts) {
+    return counts
+        .map(count => {
+        let out = "";
+        for (let i = 0; i < count; i++) {
+            out += (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return out;
+    })
+        .join("-");
+}
+const guid = () => gen([2, 1, 1, 1, 3]);
+
+export { guid as g };
diff --git a/dist/esm/chunk-5f99f9d5.js b/dist/esm/chunk-5f99f9d5.js
new file mode 100644
index 00000000000..db62a60dc08
--- /dev/null
+++ b/dist/esm/chunk-5f99f9d5.js
@@ -0,0 +1,1932 @@
+const BUILD = {"allRenderFn":true,"cmpDidLoad":true,"cmpDidUnload":true,"cmpDidUpdate":false,"cmpDidRender":true,"cmpWillLoad":true,"cmpWillUpdate":true,"cmpWillRender":true,"connectedCallback":true,"disconnectedCallback":true,"element":false,"event":true,"hasRenderFn":true,"lifecycle":true,"hostListener":true,"hostListenerTargetWindow":false,"hostListenerTargetDocument":false,"hostListenerTargetBody":true,"hostListenerTargetParent":true,"hostListenerTarget":true,"member":true,"method":true,"mode":false,"noVdomRender":false,"observeAttribute":true,"prop":true,"propBoolean":true,"propNumber":true,"propString":true,"propMutable":true,"reflect":true,"scoped":false,"shadowDom":true,"slot":true,"slotRelocation":true,"state":true,"style":true,"svg":true,"updatable":true,"vdomAttribute":true,"vdomClass":true,"vdomFunctional":true,"vdomKey":true,"vdomListener":true,"vdomRef":true,"vdomRender":true,"vdomStyle":true,"vdomText":true,"watchCallback":true,"taskQueue":true,"lazyLoad":true,"hydrateServerSide":false,"cssVarShim":true,"hydrateClientSide":true,"isDebug":false,"isDev":false,"lifecycleDOMEvents":false,"profile":false,"hotModuleReplacement":false,"constructableCSS":true,"initializeNextTick":true,"cssAnnotations":true};
+const NAMESPACE = 'calcite';
+
+const win = window;
+const doc = document;
+const plt = {
+    $flags$: 0,
+    $resourcesUrl$: '',
+    jmp: (h) => h(),
+    raf: (h) => requestAnimationFrame(h),
+    ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
+    rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
+};
+const supportsShadowDom =  !!doc.documentElement.attachShadow ;
+const supportsListenerOptions = /*@__PURE__*/ (() => {
+    let supportsListenerOptions = false;
+    try {
+        doc.addEventListener('e', null, Object.defineProperty({}, 'passive', {
+            get() { supportsListenerOptions = true; }
+        }));
+    }
+    catch (e) { }
+    return supportsListenerOptions;
+})();
+const supportsConstructibleStylesheets =  /*@__PURE__*/ (() => {
+    try {
+        new CSSStyleSheet();
+        return true;
+    }
+    catch (e) { }
+    return false;
+})() ;
+
+const hostRefs = new WeakMap();
+const getHostRef = (ref) => hostRefs.get(ref);
+const registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+const registerHost = (elm) => {
+    {
+        const hostRef = {
+            $flags$: 0,
+            $hostElement$: elm,
+            $instanceValues$: new Map()
+        };
+        hostRef.$onReadyPromise$ = new Promise(r => hostRef.$onReadyResolve$ = r);
+        return hostRefs.set(elm, hostRef);
+    }
+};
+const isMemberInElement = (elm, memberName) => memberName in elm;
+
+const consoleError = (e) => console.error(e);
+
+const moduleCache = /*@__PURE__*/ new Map();
+const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
+    // loadModuleImport
+    const exportName = cmpMeta.$tagName$.replace(/-/g, '_');
+    const bundleId = ( cmpMeta.$lazyBundleIds$);
+    const module =  moduleCache.get(bundleId) ;
+    if (module) {
+        return module[exportName];
+    }
+    return import(
+    /* webpackInclude: /\.entry\.js$/ */
+    /* webpackExclude: /\.system\.entry\.js$/ */
+    /* webpackMode: "lazy" */
+    `./${bundleId}.entry.js${ ''}`).then(importedModule => {
+        {
+            moduleCache.set(bundleId, importedModule);
+        }
+        return importedModule[exportName];
+    }, consoleError);
+};
+
+const styles = new Map();
+const cssVarShim =  /*@__PURE__*/ win.__stencil_cssshim ;
+
+let queueCongestion = 0;
+let queuePending = false;
+const queueDomReads = [];
+const queueDomWrites = [];
+const queueDomWritesLow = [];
+const queueTask = (queue, write) => (cb) => {
+    queue.push(cb);
+    if (!queuePending) {
+        queuePending = true;
+        if (write && plt.$flags$ & 4 /* queueSync */) {
+            nextTick(flush);
+        }
+        else {
+            plt.raf(flush);
+        }
+    }
+};
+const consume = (queue) => {
+    for (let i = 0; i < queue.length; i++) {
+        try {
+            queue[i](performance.now());
+        }
+        catch (e) {
+            consoleError(e);
+        }
+    }
+    queue.length = 0;
+};
+const consumeTimeout = (queue, timeout) => {
+    let i = 0;
+    let ts = 0;
+    while (i < queue.length && (ts = performance.now()) < timeout) {
+        try {
+            queue[i++](ts);
+        }
+        catch (e) {
+            consoleError(e);
+        }
+    }
+    if (i === queue.length) {
+        queue.length = 0;
+    }
+    else if (i !== 0) {
+        queue.splice(0, i);
+    }
+};
+const flush = () => {
+    queueCongestion++;
+    // always force a bunch of medium callbacks to run, but still have
+    // a throttle on how many can run in a certain time
+    // DOM READS!!!
+    consume(queueDomReads);
+    const timeout = (plt.$flags$ & 6 /* queueMask */) === 2 /* appLoaded */
+        ? performance.now() + (10 * Math.ceil(queueCongestion * (1.0 / 22.0)))
+        : Infinity;
+    // DOM WRITES!!!
+    consumeTimeout(queueDomWrites, timeout);
+    consumeTimeout(queueDomWritesLow, timeout);
+    if (queueDomWrites.length > 0) {
+        queueDomWritesLow.push(...queueDomWrites);
+        queueDomWrites.length = 0;
+    }
+    if (queuePending = ((queueDomReads.length + queueDomWrites.length + queueDomWritesLow.length) > 0)) {
+        // still more to do yet, but we've run out of time
+        // let's let this thing cool off and try again in the next tick
+        plt.raf(flush);
+    }
+    else {
+        queueCongestion = 0;
+    }
+};
+const nextTick = /*@__PURE__*/ (cb) => Promise.resolve().then(cb);
+const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
+
+/**
+ * Default style mode id
+ */
+/**
+ * Reusable empty obj/array
+ * Don't add values to these!!
+ */
+const EMPTY_OBJ = {};
+/**
+ * Namespaces
+ */
+const SVG_NS = 'http://www.w3.org/2000/svg';
+
+const isDef = (v) => v != null;
+const toLowerCase = (str) => str.toLowerCase();
+const isComplexType = (o) => ['object', 'function'].includes(typeof o);
+
+const getDynamicImportFunction = (namespace) => {
+    return `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
+};
+
+const patchEsm = () => {
+    // @ts-ignore
+    if (!(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'))) {
+        // @ts-ignore
+        return import('./css-shim-3ea8955c-3ea8955c.js');
+    }
+    return Promise.resolve();
+};
+const patchBrowser = async () => {
+    // @ts-ignore
+    const importMeta = "";
+    const regex = new RegExp(`\/${NAMESPACE}(\.esm)?\.js$`);
+    const scriptElm = Array.from(doc.querySelectorAll('script')).find(s => (regex.test(s.src) ||
+        s.getAttribute('data-namespace') === NAMESPACE));
+    const opts = scriptElm['data-opts'];
+    if (importMeta !== '') {
+        return Object.assign({}, opts, { resourcesUrl: new URL('.', importMeta).href });
+    }
+    else {
+        const resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href));
+        patchDynamicImport(resourcesUrl.href);
+        if (!window.customElements) {
+            // @ts-ignore
+            await import('./dom-860d8016-860d8016.js');
+        }
+        return Object.assign({}, opts, { resourcesUrl: resourcesUrl.href });
+    }
+};
+const patchDynamicImport = (base) => {
+    const importFunctionName = getDynamicImportFunction(NAMESPACE);
+    try {
+        win[importFunctionName] = new Function('w', 'return import(w);');
+    }
+    catch (e) {
+        const moduleMap = new Map();
+        win[importFunctionName] = (src) => {
+            const url = new URL(src, base).href;
+            let mod = moduleMap.get(url);
+            if (!mod) {
+                const script = doc.createElement('script');
+                script.type = 'module';
+                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], { type: 'application/javascript' }));
+                mod = new Promise(resolve => {
+                    script.onload = () => {
+                        resolve(win[importFunctionName].m);
+                        script.remove();
+                    };
+                });
+                moduleMap.set(url, mod);
+                doc.head.appendChild(script);
+            }
+            return mod;
+        };
+    }
+};
+
+const parsePropertyValue = (propValue, propType) => {
+    // ensure this value is of the correct prop type
+    if (propValue != null && !isComplexType(propValue)) {
+        if ( propType & 4 /* Boolean */) {
+            // per the HTML spec, any string value means it is a boolean true value
+            // but we'll cheat here and say that the string "false" is the boolean false
+            return (propValue === 'false' ? false : propValue === '' || !!propValue);
+        }
+        if ( propType & 2 /* Number */) {
+            // force it to be a number
+            return parseFloat(propValue);
+        }
+        if ( propType & 1 /* String */) {
+            // could have been passed as a number or boolean
+            // but we still want it as a string
+            return String(propValue);
+        }
+        // redundant return here for better minification
+        return propValue;
+    }
+    // not sure exactly what type we want
+    // so no need to change to a different type
+    return propValue;
+};
+
+const CONTENT_REF_ID = 'r';
+const ORG_LOCATION_ID = 'o';
+const SLOT_NODE_ID = 's';
+const TEXT_NODE_ID = 't';
+const HYDRATED_CLASS = 'hydrated';
+const HYDRATE_ID = 's-id';
+const HYDRATE_CHILD_ID = 'c-id';
+const XLINK_NS = 'http://www.w3.org/1999/xlink';
+
+const rootAppliedStyles = new WeakMap();
+const registerStyle = (scopeId, cssText, allowCS) => {
+    let style = styles.get(scopeId);
+    if (supportsConstructibleStylesheets && allowCS) {
+        style = (style || new CSSStyleSheet());
+        style.replace(cssText);
+    }
+    else {
+        style = cssText;
+    }
+    styles.set(scopeId, style);
+};
+const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
+    let scopeId = getScopeId(cmpMeta.$tagName$);
+    let style = styles.get(scopeId);
+    // if an element is NOT connected then getRootNode() will return the wrong root node
+    // so the fallback is to always use the document for the root node in those cases
+    styleContainerNode = (styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc);
+    if (style) {
+        if (typeof style === 'string') {
+            styleContainerNode = styleContainerNode.head || styleContainerNode;
+            let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+            let styleElm;
+            if (!appliedStyles) {
+                rootAppliedStyles.set(styleContainerNode, appliedStyles = new Set());
+            }
+            if (!appliedStyles.has(scopeId)) {
+                if ( styleContainerNode.host && (styleElm = styleContainerNode.firstElementChild) && styleElm.tagName === 'STYLE') {
+                    // This is only happening on native shadow-dom, do not needs CSS var shim
+                    styleElm.innerHTML = style;
+                }
+                else {
+                    if (cssVarShim) {
+                        styleElm = cssVarShim.createHostStyle(hostElm, scopeId, style, !!(cmpMeta.$flags$ & 10 /* needsScopedEncapsulation */));
+                        const newScopeId = styleElm['s-sc'];
+                        if (newScopeId) {
+                            scopeId = newScopeId;
+                            // we don't want to add this styleID to the appliedStyles Set
+                            // since the cssVarShim might need to apply several different
+                            // stylesheets for the same component
+                            appliedStyles = null;
+                        }
+                    }
+                    else {
+                        styleElm = doc.createElement('style');
+                        styleElm.innerHTML = style;
+                    }
+                    styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
+                }
+                if (appliedStyles) {
+                    appliedStyles.add(scopeId);
+                }
+            }
+        }
+        else if ( !styleContainerNode.adoptedStyleSheets.includes(style)) {
+            styleContainerNode.adoptedStyleSheets = [
+                ...styleContainerNode.adoptedStyleSheets,
+                style
+            ];
+        }
+    }
+    return scopeId;
+};
+const attachStyles = (elm, cmpMeta, mode) => {
+    const styleId = addStyle(( supportsShadowDom && elm.shadowRoot)
+        ? elm.shadowRoot
+        : elm.getRootNode(), cmpMeta, mode, elm);
+    if ( cmpMeta.$flags$ & 10 /* needsScopedEncapsulation */) {
+        // only required when we're NOT using native shadow dom (slot)
+        // or this browser doesn't support native shadow dom
+        // and this host element was NOT created with SSR
+        // let's pick out the inner content for slot projection
+        // create a node to represent where the original
+        // content was first placed, which is useful later on
+        // DOM WRITE!!
+        elm['s-sc'] = styleId;
+        elm.classList.add(styleId + '-h');
+    }
+};
+const getScopeId = (tagName, mode) => 'sc-' + ( tagName);
+const convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, '$1{');
+
+/**
+ * Production h() function based on Preact by
+ * Jason Miller (@developit)
+ * Licensed under the MIT License
+ * https://github.com/developit/preact/blob/master/LICENSE
+ *
+ * Modified for Stencil's compiler and vdom
+ */
+// const stack: any[] = [];
+// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;
+// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
+const h = (nodeName, vnodeData, ...children) => {
+    let child = null;
+    let simple = false;
+    let lastSimple = false;
+    let key;
+    let slotName;
+    let vNodeChildren = [];
+    const walk = (c) => {
+        for (let i = 0; i < c.length; i++) {
+            child = c[i];
+            if (Array.isArray(child)) {
+                walk(child);
+            }
+            else if (child != null && typeof child !== 'boolean') {
+                if (simple = typeof nodeName !== 'function' && !isComplexType(child)) {
+                    child = String(child);
+                }
+                if (simple && lastSimple) {
+                    // If the previous child was simple (string), we merge both
+                    vNodeChildren[vNodeChildren.length - 1].$text$ += child;
+                }
+                else {
+                    // Append a new vNode, if it's text, we create a text vNode
+                    vNodeChildren.push(simple ? { $flags$: 0, $text$: child } : child);
+                }
+                lastSimple = simple;
+            }
+        }
+    };
+    walk(children);
+    if ( vnodeData) {
+        // normalize class / classname attributes
+        {
+            key = vnodeData.key || undefined;
+        }
+        {
+            slotName = vnodeData.name;
+        }
+        {
+            const classData = vnodeData.className || vnodeData.class;
+            if (classData) {
+                vnodeData.class = typeof classData !== 'object'
+                    ? classData
+                    : Object.keys(classData)
+                        .filter(k => classData[k])
+                        .join(' ');
+            }
+        }
+    }
+    if ( typeof nodeName === 'function') {
+        // nodeName is a functional component
+        return nodeName(vnodeData, vNodeChildren, vdomFnUtils);
+    }
+    const vnode = {
+        $flags$: 0,
+        $tag$: nodeName,
+        $children$: vNodeChildren.length > 0 ? vNodeChildren : null,
+        $elm$: undefined,
+        $attrs$: vnodeData,
+    };
+    {
+        vnode.$key$ = key;
+    }
+    {
+        vnode.$name$ = slotName;
+    }
+    return vnode;
+};
+const Host = {};
+const isHost = (node) => {
+    return node && node.$tag$ === Host;
+};
+const vdomFnUtils = {
+    'forEach': (children, cb) => children.map(convertToPublic).forEach(cb),
+    'map': (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
+};
+const convertToPublic = (node) => {
+    return {
+        vattrs: node.$attrs$,
+        vchildren: node.$children$,
+        vkey: node.$key$,
+        vname: node.$name$,
+        vtag: node.$tag$,
+        vtext: node.$text$
+    };
+};
+const convertToPrivate = (node) => {
+    return {
+        $flags$: 0,
+        $attrs$: node.vattrs,
+        $children$: node.vchildren,
+        $key$: node.vkey,
+        $name$: node.vname,
+        $tag$: node.vtag,
+        $text$: node.vtext
+    };
+};
+
+/**
+ * Production setAccessor() function based on Preact by
+ * Jason Miller (@developit)
+ * Licensed under the MIT License
+ * https://github.com/developit/preact/blob/master/LICENSE
+ *
+ * Modified for Stencil's compiler and vdom
+ */
+const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
+    if (oldValue === newValue) {
+        return;
+    }
+    if ( memberName === 'class') {
+        const classList = elm.classList;
+        parseClassList(oldValue).forEach(cls => classList.remove(cls));
+        parseClassList(newValue).forEach(cls => classList.add(cls));
+    }
+    else if ( memberName === 'style') {
+        // update style attribute, css properties and values
+        {
+            for (const prop in oldValue) {
+                if (!newValue || newValue[prop] == null) {
+                    if ( prop.includes('-')) {
+                        elm.style.removeProperty(prop);
+                    }
+                    else {
+                        elm.style[prop] = '';
+                    }
+                }
+            }
+        }
+        for (const prop in newValue) {
+            if (!oldValue || newValue[prop] !== oldValue[prop]) {
+                if ( prop.includes('-')) {
+                    elm.style.setProperty(prop, newValue[prop]);
+                }
+                else {
+                    elm.style[prop] = newValue[prop];
+                }
+            }
+        }
+    }
+    else if ( memberName === 'key') ;
+    else if ( memberName === 'ref') {
+        // minifier will clean this up
+        if (newValue) {
+            newValue(elm);
+        }
+    }
+    else if ( memberName.startsWith('on') && !isMemberInElement(elm, memberName)) {
+        // Event Handlers
+        // so if the member name starts with "on" and the 3rd characters is
+        // a capital letter, and it's not already a member on the element,
+        // then we're assuming it's an event listener
+        if (isMemberInElement(elm, toLowerCase(memberName))) {
+            // standard event
+            // the JSX attribute could have been "onMouseOver" and the
+            // member name "onmouseover" is on the element's prototype
+            // so let's add the listener "mouseover", which is all lowercased
+            memberName = toLowerCase(memberName.substring(2));
+        }
+        else {
+            // custom event
+            // the JSX attribute could have been "onMyCustomEvent"
+            // so let's trim off the "on" prefix and lowercase the first character
+            // and add the listener "myCustomEvent"
+            // except for the first character, we keep the event name case
+            memberName = toLowerCase(memberName[2]) + memberName.substring(3);
+        }
+        if (oldValue) {
+            plt.rel(elm, memberName, oldValue, false);
+        }
+        if (newValue) {
+            plt.ael(elm, memberName, newValue, false);
+        }
+    }
+    else {
+        // Set property if it exists and it's not a SVG
+        const isProp = isMemberInElement(elm, memberName);
+        const isComplex = isComplexType(newValue);
+        const isCustomElement = elm.tagName.includes('-');
+        if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
+            try {
+                if (isCustomElement) {
+                    elm[memberName] = newValue;
+                }
+                else if (elm[memberName] !== newValue || '') {
+                    elm[memberName] = newValue || '';
+                }
+            }
+            catch (e) { }
+        }
+        /**
+         * Need to manually update attribute if:
+         * - memberName is not an attribute
+         * - if we are rendering the host element in order to reflect attribute
+         * - if it's a SVG, since properties might not work in <svg>
+         * - if the newValue is null/undefined or 'false'.
+         */
+        const isXlinkNs =  isSvg && (memberName !== (memberName = memberName.replace(/^xlink\:?/, ''))) ? true : false;
+        if (newValue == null || newValue === false) {
+            if (isXlinkNs) {
+                elm.removeAttributeNS(XLINK_NS, toLowerCase(memberName));
+            }
+            else {
+                elm.removeAttribute(memberName);
+            }
+        }
+        else if ((!isProp || (flags & 4 /* isHost */) || isSvg) && !isComplex) {
+            newValue = newValue === true ? '' : newValue.toString();
+            if (isXlinkNs) {
+                elm.setAttributeNS(XLINK_NS, toLowerCase(memberName), newValue);
+            }
+            else {
+                elm.setAttribute(memberName, newValue);
+            }
+        }
+    }
+};
+const parseClassList = (value) => (!value) ? [] : value.split(/\s+/).filter(c => c);
+
+const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
+    // if the element passed in is a shadow root, which is a document fragment
+    // then we want to be adding attrs/props to the shadow root's "host" element
+    // if it's not a shadow root, then we add attrs/props to the same element
+    const elm = (newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host) ? newVnode.$elm$.host : newVnode.$elm$;
+    const oldVnodeAttrs = (oldVnode && oldVnode.$attrs$) || EMPTY_OBJ;
+    const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
+    {
+        // remove attributes no longer present on the vnode by setting them to undefined
+        for (memberName in oldVnodeAttrs) {
+            if (!(memberName in newVnodeAttrs)) {
+                setAccessor(elm, memberName, oldVnodeAttrs[memberName], undefined, isSvgMode, newVnode.$flags$);
+            }
+        }
+    }
+    // add new & update changed attributes
+    for (memberName in newVnodeAttrs) {
+        setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode, newVnode.$flags$);
+    }
+};
+
+let scopeId;
+let contentRef;
+let hostTagName;
+let useNativeShadowDom = false;
+let checkSlotFallbackVisibility = false;
+let checkSlotRelocate = false;
+let isSvgMode = false;
+const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
+    // tslint:disable-next-line: prefer-const
+    let newVNode = newParentVNode.$children$[childIndex];
+    let i = 0;
+    let elm;
+    let childNode;
+    let oldVNode;
+    if ( !useNativeShadowDom) {
+        // remember for later we need to check to relocate nodes
+        checkSlotRelocate = true;
+        if (newVNode.$tag$ === 'slot') {
+            if (scopeId) {
+                // scoped css needs to add its scoped id to the parent element
+                parentElm.classList.add(scopeId + '-s');
+            }
+            if (!newVNode.$children$) {
+                // slot element does not have fallback content
+                // create an html comment we'll use to always reference
+                // where actual slot content should sit next to
+                newVNode.$flags$ |= 1 /* isSlotReference */;
+            }
+            else {
+                // slot element has fallback content
+                // still create an element that "mocks" the slot element
+                newVNode.$flags$ |= 2 /* isSlotFallback */;
+            }
+        }
+    }
+    if (isDef(newVNode.$text$)) {
+        // create text node
+        newVNode.$elm$ = doc.createTextNode(newVNode.$text$);
+    }
+    else if ( newVNode.$flags$ & 1 /* isSlotReference */) {
+        // create a slot reference node
+        newVNode.$elm$ =  doc.createTextNode('');
+    }
+    else {
+        // create element
+        elm = newVNode.$elm$ = (( (isSvgMode || newVNode.$tag$ === 'svg'))
+            ? doc.createElementNS(SVG_NS, newVNode.$tag$)
+            : doc.createElement(( newVNode.$flags$ & 2 /* isSlotFallback */) ? 'slot-fb' : newVNode.$tag$));
+        {
+            isSvgMode = newVNode.$tag$ === 'svg' ? true : (newVNode.$tag$ === 'foreignObject' ? false : isSvgMode);
+        }
+        // add css classes, attrs, props, listeners, etc.
+        {
+            updateElement(null, newVNode, isSvgMode);
+        }
+        if ( isDef(scopeId) && elm['s-si'] !== scopeId) {
+            // if there is a scopeId and this is the initial render
+            // then let's add the scopeId as a css class
+            elm.classList.add((elm['s-si'] = scopeId));
+        }
+        if (newVNode.$children$) {
+            for (i = 0; i < newVNode.$children$.length; ++i) {
+                // create the node
+                childNode = createElm(oldParentVNode, newVNode, i, elm);
+                // return node could have been null
+                if (childNode) {
+                    // append our new node
+                    elm.appendChild(childNode);
+                }
+            }
+        }
+        {
+            if (newVNode.$tag$ === 'svg') {
+                // Only reset the SVG context when we're exiting <svg> element
+                isSvgMode = false;
+            }
+            else if (newVNode.$elm$.tagName === 'foreignObject') {
+                // Reenter SVG context when we're exiting <foreignObject> element
+                isSvgMode = true;
+            }
+        }
+    }
+    {
+        newVNode.$elm$['s-hn'] = hostTagName;
+        if (newVNode.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
+            // remember the content reference comment
+            newVNode.$elm$['s-sr'] = true;
+            // remember the content reference comment
+            newVNode.$elm$['s-cr'] = contentRef;
+            // remember the slot name, or empty string for default slot
+            newVNode.$elm$['s-sn'] = newVNode.$name$ || '';
+            // check if we've got an old vnode for this slot
+            oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
+            if (oldVNode && oldVNode.$tag$ === newVNode.$tag$ && oldParentVNode.$elm$) {
+                // we've got an old slot vnode and the wrapper is being replaced
+                // so let's move the old slot content back to it's original location
+                putBackInOriginalLocation(oldParentVNode.$elm$, false);
+            }
+        }
+    }
+    return newVNode.$elm$;
+};
+const putBackInOriginalLocation = (parentElm, recursive) => {
+    plt.$flags$ |= 1 /* isTmpDisconnected */;
+    const oldSlotChildNodes = parentElm.childNodes;
+    for (let i = oldSlotChildNodes.length - 1; i >= 0; i--) {
+        const childNode = oldSlotChildNodes[i];
+        if (childNode['s-hn'] !== hostTagName && childNode['s-ol']) {
+            // // this child node in the old element is from another component
+            // // remove this node from the old slot's parent
+            // childNode.remove();
+            // and relocate it back to it's original location
+            parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));
+            // remove the old original location comment entirely
+            // later on the patch function will know what to do
+            // and move this to the correct spot in need be
+            childNode['s-ol'].remove();
+            childNode['s-ol'] = undefined;
+            checkSlotRelocate = true;
+        }
+        if (recursive) {
+            putBackInOriginalLocation(childNode, recursive);
+        }
+    }
+    plt.$flags$ &= ~1 /* isTmpDisconnected */;
+};
+const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
+    let containerElm = (( parentElm['s-cr'] && parentElm['s-cr'].parentNode) || parentElm);
+    let childNode;
+    if ( containerElm.shadowRoot && toLowerCase(containerElm.tagName) === hostTagName) {
+        containerElm = containerElm.shadowRoot;
+    }
+    for (; startIdx <= endIdx; ++startIdx) {
+        if (vnodes[startIdx]) {
+            childNode = createElm(null, parentVNode, startIdx, parentElm);
+            if (childNode) {
+                vnodes[startIdx].$elm$ = childNode;
+                containerElm.insertBefore(childNode,  referenceNode(before) );
+            }
+        }
+    }
+};
+const removeVnodes = (vnodes, startIdx, endIdx, elm) => {
+    for (; startIdx <= endIdx; ++startIdx) {
+        if (isDef(vnodes[startIdx])) {
+            elm = vnodes[startIdx].$elm$;
+            callNodeRefs(vnodes[startIdx], true);
+            {
+                // we're removing this element
+                // so it's possible we need to show slot fallback content now
+                checkSlotFallbackVisibility = true;
+                if (elm['s-ol']) {
+                    // remove the original location comment
+                    elm['s-ol'].remove();
+                }
+                else {
+                    // it's possible that child nodes of the node
+                    // that's being removed are slot nodes
+                    putBackInOriginalLocation(elm, true);
+                }
+            }
+            // remove the vnode's element from the dom
+            elm.remove();
+        }
+    }
+};
+const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
+    let oldStartIdx = 0;
+    let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
+    let oldEndIdx = oldCh.length - 1;
+    let oldStartVnode = oldCh[0];
+    let oldEndVnode = oldCh[oldEndIdx];
+    let newEndIdx = newCh.length - 1;
+    let newStartVnode = newCh[0];
+    let newEndVnode = newCh[newEndIdx];
+    let node;
+    let elmToMove;
+    while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+        if (oldStartVnode == null) {
+            // Vnode might have been moved left
+            oldStartVnode = oldCh[++oldStartIdx];
+        }
+        else if (oldEndVnode == null) {
+            oldEndVnode = oldCh[--oldEndIdx];
+        }
+        else if (newStartVnode == null) {
+            newStartVnode = newCh[++newStartIdx];
+        }
+        else if (newEndVnode == null) {
+            newEndVnode = newCh[--newEndIdx];
+        }
+        else if (isSameVnode(oldStartVnode, newStartVnode)) {
+            patch(oldStartVnode, newStartVnode);
+            oldStartVnode = oldCh[++oldStartIdx];
+            newStartVnode = newCh[++newStartIdx];
+        }
+        else if (isSameVnode(oldEndVnode, newEndVnode)) {
+            patch(oldEndVnode, newEndVnode);
+            oldEndVnode = oldCh[--oldEndIdx];
+            newEndVnode = newCh[--newEndIdx];
+        }
+        else if (isSameVnode(oldStartVnode, newEndVnode)) {
+            // Vnode moved right
+            if ( (oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
+                putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
+            }
+            patch(oldStartVnode, newEndVnode);
+            parentElm.insertBefore(oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+            oldStartVnode = oldCh[++oldStartIdx];
+            newEndVnode = newCh[--newEndIdx];
+        }
+        else if (isSameVnode(oldEndVnode, newStartVnode)) {
+            // Vnode moved left
+            if ( (oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
+                putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
+            }
+            patch(oldEndVnode, newStartVnode);
+            parentElm.insertBefore(oldEndVnode.$elm$, oldStartVnode.$elm$);
+            oldEndVnode = oldCh[--oldEndIdx];
+            newStartVnode = newCh[++newStartIdx];
+        }
+        else {
+            // createKeyToOldIdx
+            idxInOld = -1;
+            {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && isDef(oldCh[i].$key$) && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if ( idxInOld >= 0) {
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld, parentElm);
+                }
+                else {
+                    patch(elmToMove, newStartVnode);
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
+                // new element
+                node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx, parentElm);
+                newStartVnode = newCh[++newStartIdx];
+            }
+            if (node) {
+                {
+                    parentReferenceNode(oldStartVnode.$elm$).insertBefore(node, referenceNode(oldStartVnode.$elm$));
+                }
+            }
+        }
+    }
+    if (oldStartIdx > oldEndIdx) {
+        addVnodes(parentElm, (newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$), newVNode, newCh, newStartIdx, newEndIdx);
+    }
+    else if ( newStartIdx > newEndIdx) {
+        removeVnodes(oldCh, oldStartIdx, oldEndIdx);
+    }
+};
+const isSameVnode = (vnode1, vnode2) => {
+    // compare if two vnode to see if they're "technically" the same
+    // need to have the same element tag, and same key to be the same
+    if (vnode1.$tag$ === vnode2.$tag$) {
+        if ( vnode1.$tag$ === 'slot') {
+            return vnode1.$name$ === vnode2.$name$;
+        }
+        {
+            return vnode1.$key$ === vnode2.$key$;
+        }
+        return true;
+    }
+    return false;
+};
+const referenceNode = (node) => {
+    // this node was relocated to a new location in the dom
+    // because of some other component's slot
+    // but we still have an html comment in place of where
+    // it's original location was according to it's original vdom
+    return (node && node['s-ol']) || node;
+};
+const parentReferenceNode = (node) => (node['s-ol'] ? node['s-ol'] : node).parentNode;
+const patch = (oldVNode, newVNode) => {
+    const elm = newVNode.$elm$ = oldVNode.$elm$;
+    const oldChildren = oldVNode.$children$;
+    const newChildren = newVNode.$children$;
+    let defaultHolder;
+    {
+        // test if we're rendering an svg element, or still rendering nodes inside of one
+        // only add this to the when the compiler sees we're using an svg somewhere
+        isSvgMode = elm &&
+            isDef(elm.parentNode) &&
+            elm.ownerSVGElement !== undefined;
+        isSvgMode = newVNode.$tag$ === 'svg' ? true : (newVNode.$tag$ === 'foreignObject' ? false : isSvgMode);
+    }
+    if (!isDef(newVNode.$text$)) {
+        // element node
+        {
+            if ( newVNode.$tag$ === 'slot') ;
+            else {
+                // either this is the first render of an element OR it's an update
+                // AND we already know it's possible it could have changed
+                // this updates the element's css classes, attrs, props, listeners, etc.
+                updateElement(oldVNode, newVNode, isSvgMode);
+            }
+        }
+        if ( isDef(oldChildren) && isDef(newChildren)) {
+            // looks like there's child vnodes for both the old and new vnodes
+            updateChildren(elm, oldChildren, newVNode, newChildren);
+        }
+        else if (isDef(newChildren)) {
+            // no old child vnodes, but there are new child vnodes to add
+            if ( isDef(oldVNode.$text$)) {
+                // the old vnode was text, so be sure to clear it out
+                elm.textContent = '';
+            }
+            // add the new vnode children
+            addVnodes(elm, null, newVNode, newChildren, 0, newChildren.length - 1);
+        }
+        else if ( isDef(oldChildren)) {
+            // no new child vnodes, but there are old child vnodes to remove
+            removeVnodes(oldChildren, 0, oldChildren.length - 1);
+        }
+    }
+    else if ( (defaultHolder = elm['s-cr'])) {
+        // this element has slotted content
+        defaultHolder.parentNode.textContent = newVNode.$text$;
+    }
+    else if ( oldVNode.$text$ !== newVNode.$text$) {
+        // update the text content for the text only vnode
+        // and also only if the text is different than before
+        elm.textContent = newVNode.$text$;
+    }
+    if ( isSvgMode && newVNode.$tag$ === 'svg') {
+        isSvgMode = false;
+    }
+};
+const updateFallbackSlotVisibility = (elm, childNode, childNodes, i, ilen, j, slotNameAttr, nodeType) => {
+    childNodes = elm.childNodes;
+    for (i = 0, ilen = childNodes.length; i < ilen; i++) {
+        childNode = childNodes[i];
+        if (childNode.nodeType === 1 /* ElementNode */) {
+            if (childNode['s-sr']) {
+                // this is a slot fallback node
+                // get the slot name for this slot reference node
+                slotNameAttr = childNode['s-sn'];
+                // by default always show a fallback slot node
+                // then hide it if there are other slots in the light dom
+                childNode.hidden = false;
+                for (j = 0; j < ilen; j++) {
+                    if (childNodes[j]['s-hn'] !== childNode['s-hn']) {
+                        // this sibling node is from a different component
+                        nodeType = childNodes[j].nodeType;
+                        if (slotNameAttr !== '') {
+                            // this is a named fallback slot node
+                            if (nodeType === 1 /* ElementNode */ && slotNameAttr === childNodes[j].getAttribute('slot')) {
+                                childNode.hidden = true;
+                                break;
+                            }
+                        }
+                        else {
+                            // this is a default fallback slot node
+                            // any element or text node (with content)
+                            // should hide the default fallback slot node
+                            if (nodeType === 1 /* ElementNode */ || (nodeType === 3 /* TextNode */ && childNodes[j].textContent.trim() !== '')) {
+                                childNode.hidden = true;
+                                break;
+                            }
+                        }
+                    }
+                }
+            }
+            // keep drilling down
+            updateFallbackSlotVisibility(childNode);
+        }
+    }
+};
+const relocateNodes = [];
+const relocateSlotContent = (elm) => {
+    // tslint:disable-next-line: prefer-const
+    let childNodes = elm.childNodes;
+    let ilen = childNodes.length;
+    let i = 0;
+    let j = 0;
+    let nodeType = 0;
+    let childNode;
+    let node;
+    let hostContentNodes;
+    let slotNameAttr;
+    for (ilen = childNodes.length; i < ilen; i++) {
+        childNode = childNodes[i];
+        if (childNode['s-sr'] && (node = childNode['s-cr'])) {
+            // first got the content reference comment node
+            // then we got it's parent, which is where all the host content is in now
+            hostContentNodes = node.parentNode.childNodes;
+            slotNameAttr = childNode['s-sn'];
+            for (j = hostContentNodes.length - 1; j >= 0; j--) {
+                node = hostContentNodes[j];
+                if (!node['s-cn'] && !node['s-nr'] && node['s-hn'] !== childNode['s-hn']) {
+                    // let's do some relocating to its new home
+                    // but never relocate a content reference node
+                    // that is suppose to always represent the original content location
+                    nodeType = node.nodeType;
+                    if (((nodeType === 3 /* TextNode */ || nodeType === 8 /* CommentNode */) && slotNameAttr === '') ||
+                        (nodeType === 1 /* ElementNode */ && node.getAttribute('slot') === null && slotNameAttr === '') ||
+                        (nodeType === 1 /* ElementNode */ && node.getAttribute('slot') === slotNameAttr)) {
+                        // it's possible we've already decided to relocate this node
+                        if (!relocateNodes.some(r => r.$nodeToRelocate$ === node)) {
+                            // made some changes to slots
+                            // let's make sure we also double check
+                            // fallbacks are correctly hidden or shown
+                            checkSlotFallbackVisibility = true;
+                            node['s-sn'] = slotNameAttr;
+                            // add to our list of nodes to relocate
+                            relocateNodes.push({
+                                $slotRefNode$: childNode,
+                                $nodeToRelocate$: node
+                            });
+                        }
+                    }
+                }
+            }
+        }
+        if (childNode.nodeType === 1 /* ElementNode */) {
+            relocateSlotContent(childNode);
+        }
+    }
+};
+const callNodeRefs = (vNode, isDestroy) => {
+    if ( vNode) {
+        vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(isDestroy ? null : vNode.$elm$);
+        vNode.$children$ && vNode.$children$.forEach(vChild => {
+            callNodeRefs(vChild, isDestroy);
+        });
+    }
+};
+const renderVdom = (hostElm, hostRef, cmpMeta, renderFnResults) => {
+    hostTagName = toLowerCase(hostElm.tagName);
+    const oldVNode = hostRef.$vnode$ || { $flags$: 0 };
+    const rootVnode = isHost(renderFnResults)
+        ? renderFnResults
+        : h(null, null, renderFnResults);
+    if ( cmpMeta.$attrsToReflect$) {
+        rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+        cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]);
+    }
+    rootVnode.$tag$ = null;
+    rootVnode.$flags$ |= 4 /* isHost */;
+    hostRef.$vnode$ = rootVnode;
+    rootVnode.$elm$ = oldVNode.$elm$ = ( hostElm.shadowRoot || hostElm );
+    {
+        scopeId = hostElm['s-sc'];
+    }
+    {
+        contentRef = hostElm['s-cr'];
+        useNativeShadowDom = supportsShadowDom && (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
+        // always reset
+        checkSlotRelocate = checkSlotFallbackVisibility = false;
+    }
+    // synchronous patch
+    patch(oldVNode, rootVnode);
+    {
+        if (checkSlotRelocate) {
+            relocateSlotContent(rootVnode.$elm$);
+            for (let i = 0; i < relocateNodes.length; i++) {
+                const relocateNode = relocateNodes[i];
+                if (!relocateNode.$nodeToRelocate$['s-ol']) {
+                    // add a reference node marking this node's original location
+                    // keep a reference to this node for later lookups
+                    const orgLocationNode =  doc.createTextNode('');
+                    orgLocationNode['s-nr'] = relocateNode.$nodeToRelocate$;
+                    relocateNode.$nodeToRelocate$.parentNode.insertBefore((relocateNode.$nodeToRelocate$['s-ol'] = orgLocationNode), relocateNode.$nodeToRelocate$);
+                }
+            }
+            // while we're moving nodes around existing nodes, temporarily disable
+            // the disconnectCallback from working
+            plt.$flags$ |= 1 /* isTmpDisconnected */;
+            for (let i = 0; i < relocateNodes.length; i++) {
+                const relocateNode = relocateNodes[i];
+                // by default we're just going to insert it directly
+                // after the slot reference node
+                const parentNodeRef = relocateNode.$slotRefNode$.parentNode;
+                let insertBeforeNode = relocateNode.$slotRefNode$.nextSibling;
+                let orgLocationNode = relocateNode.$nodeToRelocate$['s-ol'];
+                while (orgLocationNode = orgLocationNode.previousSibling) {
+                    let refNode = orgLocationNode['s-nr'];
+                    if (refNode &&
+                        refNode['s-sn'] === relocateNode.$nodeToRelocate$['s-sn'] &&
+                        parentNodeRef === refNode.parentNode) {
+                        refNode = refNode.nextSibling;
+                        if (!refNode || !refNode['s-nr']) {
+                            insertBeforeNode = refNode;
+                            break;
+                        }
+                    }
+                }
+                if ((!insertBeforeNode && parentNodeRef !== relocateNode.$nodeToRelocate$.parentNode) ||
+                    (relocateNode.$nodeToRelocate$.nextSibling !== insertBeforeNode)) {
+                    // we've checked that it's worth while to relocate
+                    // since that the node to relocate
+                    // has a different next sibling or parent relocated
+                    if (relocateNode.$nodeToRelocate$ !== insertBeforeNode) {
+                        // add it back to the dom but in its new home
+                        parentNodeRef.insertBefore(relocateNode.$nodeToRelocate$, insertBeforeNode);
+                    }
+                }
+            }
+            // done moving nodes around
+            // allow the disconnect callback to work again
+            plt.$flags$ &= ~1 /* isTmpDisconnected */;
+        }
+        if (checkSlotFallbackVisibility) {
+            updateFallbackSlotVisibility(rootVnode.$elm$);
+        }
+        // always reset
+        relocateNodes.length = 0;
+    }
+};
+
+const scheduleUpdate = (elm, hostRef, cmpMeta, isInitialLoad) => {
+    {
+        hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
+    }
+    const instance =  hostRef.$lazyInstance$ ;
+    let promise;
+    if (isInitialLoad) {
+        {
+            hostRef.$flags$ |= 256 /* isListenReady */;
+        }
+        if ( hostRef.$queuedListeners$) {
+            hostRef.$queuedListeners$.forEach(([methodName, event]) => safeCall(instance, methodName, event));
+            hostRef.$queuedListeners$ = null;
+        }
+        {
+            promise = safeCall(instance, 'componentWillLoad');
+        }
+    }
+    else {
+        {
+            promise = safeCall(instance, 'componentWillUpdate');
+        }
+    }
+    {
+        promise = then(promise, () => safeCall(instance, 'componentWillRender'));
+    }
+    // there is no ancestorc omponent or the ancestor component
+    // has already fired off its lifecycle update then
+    // fire off the initial update
+    const update = () => updateComponent(elm, hostRef, cmpMeta, instance, isInitialLoad);
+    return then(promise,  () => writeTask(update)
+        );
+};
+const updateComponent = (elm, hostRef, cmpMeta, instance, isInitialLoad) => {
+    // updateComponent
+    {
+        hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
+    }
+    {
+        elm['s-lr'] = false;
+    }
+    if ( isInitialLoad) {
+        // DOM WRITE!
+        attachStyles(elm, cmpMeta, hostRef.$modeName$);
+    }
+    {
+        {
+            // tell the platform we're actively rendering
+            // if a value is changed within a render() then
+            // this tells the platform not to queue the change
+            hostRef.$flags$ |= 4 /* isActiveRender */;
+            try {
+                // looks like we've got child nodes to render into this host element
+                // or we need to update the css class/attrs on the host element
+                // DOM WRITE!
+                renderVdom(elm, hostRef, cmpMeta,  instance.render() );
+            }
+            catch (e) {
+                consoleError(e);
+            }
+            hostRef.$flags$ &= ~4 /* isActiveRender */;
+        }
+    }
+    if (cssVarShim) {
+        cssVarShim.updateHost(elm);
+    }
+    // set that this component lifecycle rendering has completed
+    {
+        elm['s-lr'] = true;
+    }
+    {
+        hostRef.$flags$ |= 2 /* hasRendered */;
+    }
+    if ( elm['s-rc'].length > 0) {
+        // ok, so turns out there are some child host elements
+        // waiting on this parent element to load
+        // let's fire off all update callbacks waiting
+        elm['s-rc'].forEach(cb => cb());
+        elm['s-rc'].length = 0;
+    }
+    postUpdateComponent(elm, hostRef);
+};
+const postUpdateComponent = (elm, hostRef, ancestorsActivelyLoadingChildren) => {
+    if ( !elm['s-al']) {
+        const instance =  hostRef.$lazyInstance$ ;
+        const ancestorComponent = hostRef.$ancestorComponent$;
+        {
+            safeCall(instance, 'componentDidRender');
+        }
+        if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
+            hostRef.$flags$ |= 64 /* hasLoadedComponent */;
+            {
+                // DOM WRITE!
+                // add the css class that this element has officially hydrated
+                elm.classList.add(HYDRATED_CLASS);
+            }
+            {
+                safeCall(instance, 'componentDidLoad');
+            }
+            {
+                hostRef.$onReadyResolve$(elm);
+            }
+            if ( !ancestorComponent) {
+                appDidLoad();
+            }
+        }
+        // load events fire from bottom to top
+        // the deepest elements load first then bubbles up
+        if ( ancestorComponent) {
+            // ok so this element already has a known ancestor component
+            // let's make sure we remove this element from its ancestor's
+            // known list of child elements which are actively loading
+            if (ancestorsActivelyLoadingChildren = ancestorComponent['s-al']) {
+                // remove this element from the actively loading map
+                ancestorsActivelyLoadingChildren.delete(elm);
+                // the ancestor's initializeComponent method will do the actual checks
+                // to see if the ancestor is actually loaded or not
+                // then let's call the ancestor's initializeComponent method if there's no length
+                // (which actually ends up as this method again but for the ancestor)
+                if (ancestorsActivelyLoadingChildren.size === 0) {
+                    ancestorComponent['s-al'] = undefined;
+                    ancestorComponent['s-init']();
+                }
+            }
+            hostRef.$ancestorComponent$ = undefined;
+        }
+        // ( •_•)
+        // ( •_•)>⌐■-■
+        // (⌐■_■)
+    }
+};
+const forceUpdate = (elm, cmpMeta) => {
+    {
+        const hostRef = getHostRef(elm);
+        if (hostRef.$flags$ & 2 /* hasRendered */) {
+            scheduleUpdate(elm, hostRef, cmpMeta, false);
+        }
+    }
+};
+const appDidLoad = () => {
+    // on appload
+    // we have finish the first big initial render
+    {
+        doc.documentElement.classList.add(HYDRATED_CLASS);
+    }
+    {
+        plt.$flags$ |= 2 /* appLoaded */;
+    }
+};
+const safeCall = (instance, method, arg) => {
+    if (instance && instance[method]) {
+        try {
+            return instance[method](arg);
+        }
+        catch (e) {
+            consoleError(e);
+        }
+    }
+    return undefined;
+};
+const then = (promise, thenFn) => {
+    return promise && promise.then ? promise.then(thenFn) : thenFn();
+};
+
+const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
+const setValue = (ref, propName, newVal, cmpMeta) => {
+    // check our new property value against our internal value
+    const hostRef = getHostRef(ref);
+    const elm =  hostRef.$hostElement$ ;
+    const oldVal = hostRef.$instanceValues$.get(propName);
+    const flags = hostRef.$flags$;
+    newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
+    if (newVal !== oldVal && ( !(flags & 8 /* isConstructingInstance */) || oldVal === undefined)) {
+        // gadzooks! the property's value has changed!!
+        // set our new value!
+        hostRef.$instanceValues$.set(propName, newVal);
+        if ( hostRef.$lazyInstance$) {
+            // get an array of method names of watch functions to call
+            if ( cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+                const watchMethods = cmpMeta.$watchers$[propName];
+                if (watchMethods) {
+                    // this instance is watching for when this property changed
+                    watchMethods.forEach(watchMethodName => {
+                        try {
+                            // fire off each of the watch methods that are watching this property
+                            ( hostRef.$lazyInstance$ )[watchMethodName].call(( hostRef.$lazyInstance$ ), newVal, oldVal, propName);
+                        }
+                        catch (e) {
+                            consoleError(e);
+                        }
+                    });
+                }
+            }
+            if ( (flags & (4 /* isActiveRender */ | 2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+                // looks like this value actually changed, so we've got work to do!
+                // but only if we've already rendered, otherwise just chill out
+                // queue that we need to do an update, but don't worry about queuing
+                // up millions cuz this function ensures it only runs once
+                scheduleUpdate(elm, hostRef, cmpMeta, false);
+            }
+        }
+    }
+};
+
+const proxyComponent = (Cstr, cmpMeta, flags) => {
+    if ( cmpMeta.$members$) {
+        if ( Cstr.watchers) {
+            cmpMeta.$watchers$ = Cstr.watchers;
+        }
+        // It's better to have a const than two Object.entries()
+        const members = Object.entries(cmpMeta.$members$);
+        const prototype = Cstr.prototype;
+        members.forEach(([memberName, [memberFlags]]) => {
+            if ( ((memberFlags & 31 /* Prop */) ||
+                (( flags & 2 /* proxyState */) &&
+                    (memberFlags & 32 /* State */)))) {
+                // proxyComponent - prop
+                Object.defineProperty(prototype, memberName, {
+                    get() {
+                        // proxyComponent, get value
+                        return getValue(this, memberName);
+                    },
+                    set(newValue) {
+                        // proxyComponent, set value
+                        setValue(this, memberName, newValue, cmpMeta);
+                    },
+                    configurable: true,
+                    enumerable: true
+                });
+            }
+            else if ( (flags & 1 /* isElementConstructor */) && (memberFlags & 64 /* Method */)) {
+                // proxyComponent - method
+                Object.defineProperty(prototype, memberName, {
+                    value(...args) {
+                        const ref = getHostRef(this);
+                        return ref.$onReadyPromise$.then(() => ref.$lazyInstance$[memberName](...args));
+                    }
+                });
+            }
+        });
+        if ( ( flags & 1 /* isElementConstructor */)) {
+            const attrNameToPropName = new Map();
+            prototype.attributeChangedCallback = function (attrName, _oldValue, newValue) {
+                plt.jmp(() => {
+                    const propName = attrNameToPropName.get(attrName);
+                    this[propName] = newValue === null && typeof this[propName] === 'boolean'
+                        ? false
+                        : newValue;
+                });
+            };
+            // create an array of attributes to observe
+            // and also create a map of html attribute name to js property name
+            Cstr.observedAttributes = members
+                .filter(([_, m]) => m[0] & 15 /* HasAttribute */) // filter to only keep props that should match attributes
+                .map(([propName, m]) => {
+                const attrName = m[1] || propName;
+                attrNameToPropName.set(attrName, propName);
+                if ( m[0] & 512 /* ReflectAttr */) {
+                    cmpMeta.$attrsToReflect$.push([propName, attrName]);
+                }
+                return attrName;
+            });
+        }
+    }
+    return Cstr;
+};
+
+const addEventListeners = (elm, hostRef, listeners) => {
+    hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || [];
+    const removeFns = listeners.map(([flags, name, method]) => {
+        const target = ( getHostListenerTarget(elm, flags) );
+        const handler = hostListenerProxy(hostRef, method);
+        const opts = hostListenerOpts(flags);
+        plt.ael(target, name, handler, opts);
+        return () => plt.rel(target, name, handler, opts);
+    });
+    return () => removeFns.forEach(fn => fn());
+};
+const hostListenerProxy = (hostRef, methodName) => {
+    return (ev) => {
+        {
+            if (hostRef.$flags$ & 256 /* isListenReady */) {
+                // instance is ready, let's call it's member method for this event
+                hostRef.$lazyInstance$[methodName](ev);
+            }
+            else {
+                hostRef.$queuedListeners$.push([methodName, ev]);
+            }
+        }
+    };
+};
+const getHostListenerTarget = (elm, flags) => {
+    if ( flags & 32 /* TargetBody */)
+        return doc.body;
+    if ( flags & 16 /* TargetParent */)
+        return elm.parentElement;
+    return elm;
+};
+const hostListenerOpts = (flags) => supportsListenerOptions ?
+    {
+        'passive': (flags & 1 /* Passive */) !== 0,
+        'capture': (flags & 2 /* Capture */) !== 0,
+    }
+    : (flags & 2 /* Capture */) !== 0;
+
+const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
+    const shadowRoot = hostElm.shadowRoot;
+    const childRenderNodes = [];
+    const slotNodes = [];
+    const shadowRootNodes = ( shadowRoot ? [] : null);
+    const vnode = hostRef.$vnode$ = {
+        $flags$: 0,
+        $tag$: tagName
+    };
+    if (!plt.$orgLocNodes$) {
+        initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = new Map());
+    }
+    hostElm[HYDRATE_ID] = hostId;
+    hostElm.removeAttribute(HYDRATE_ID);
+    clientHydrate(vnode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, hostElm, hostId);
+    childRenderNodes.forEach(c => {
+        const orgLocationId = c.$hostId$ + '.' + c.$nodeId$;
+        const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
+        const node = c.$elm$;
+        if (orgLocationNode && (orgLocationNode['s-sd'] || c.$hostId$ === '0')) {
+            orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
+        }
+        if (!shadowRoot) {
+            node['s-hn'] = tagName;
+            if (orgLocationNode) {
+                node['s-ol'] = orgLocationNode;
+                node['s-ol']['s-nr'] = node;
+            }
+        }
+        plt.$orgLocNodes$.delete(orgLocationId);
+    });
+    if ( shadowRoot) {
+        shadowRootNodes.forEach(shadowRootNode => {
+            if (shadowRootNode) {
+                shadowRoot.appendChild(shadowRootNode);
+            }
+        });
+    }
+};
+const clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId) => {
+    let childNodeType;
+    let childIdSplt;
+    let childVNode;
+    if (node.nodeType === 1 /* ElementNode */) {
+        childNodeType = node.getAttribute(HYDRATE_CHILD_ID);
+        if (childNodeType) {
+            // got the node data from the element's attribute
+            // `${hostId}.${nodeId}.${depth}.${index}`
+            childIdSplt = childNodeType.split('.');
+            if (childIdSplt[0] === hostId || childIdSplt[0] === '0') {
+                childVNode = {
+                    $flags$: 0,
+                    $hostId$: childIdSplt[0],
+                    $nodeId$: childIdSplt[1],
+                    $depth$: childIdSplt[2],
+                    $index$: childIdSplt[3],
+                    $tag$: toLowerCase(node.tagName),
+                    $elm$: node
+                };
+                childRenderNodes.push(childVNode);
+                node.removeAttribute(HYDRATE_CHILD_ID);
+                // this is a new child vnode
+                // so ensure its parent vnode has the vchildren array
+                if (!parentVNode.$children$) {
+                    parentVNode.$children$ = [];
+                }
+                // add our child vnode to a specific index of the vnode's children
+                parentVNode.$children$[childVNode.$index$] = childVNode;
+                // this is now the new parent vnode for all the next child checks
+                parentVNode = childVNode;
+                if (shadowRootNodes && childVNode.$depth$ === '0') {
+                    shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+                }
+            }
+        }
+        // recursively drill down, end to start so we can remove nodes
+        let i = node.childNodes.length - 1;
+        for (; i >= 0; i--) {
+            clientHydrate(parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node.childNodes[i], hostId);
+        }
+        if (node.shadowRoot) {
+            // keep drilling down through the shadow root nodes
+            for (i = node.shadowRoot.childNodes.length - 1; i >= 0; i--) {
+                clientHydrate(parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node.shadowRoot.childNodes[i], hostId);
+            }
+        }
+    }
+    else if (node.nodeType === 8 /* CommentNode */) {
+        // `${COMMENT_TYPE}.${hostId}.${nodeId}.${depth}.${index}`
+        childIdSplt = node.nodeValue.split('.');
+        if (childIdSplt[1] === hostId || childIdSplt[1] === '0') {
+            // comment node for either the host id or a 0 host id
+            childNodeType = childIdSplt[0];
+            childVNode = {
+                $flags$: 0,
+                $hostId$: childIdSplt[1],
+                $nodeId$: childIdSplt[2],
+                $depth$: childIdSplt[3],
+                $index$: childIdSplt[4],
+                $elm$: node
+            };
+            if (childNodeType === TEXT_NODE_ID) {
+                childVNode.$elm$ = node.nextSibling;
+                if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* TextNode */) {
+                    childVNode.$text$ = childVNode.$elm$.textContent;
+                    childRenderNodes.push(childVNode);
+                    // remove the text comment since it's no longer needed
+                    node.remove();
+                    if (!parentVNode.$children$) {
+                        parentVNode.$children$ = [];
+                    }
+                    parentVNode.$children$[childVNode.$index$] = childVNode;
+                    if (shadowRootNodes && childVNode.$depth$ === '0') {
+                        shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+                    }
+                }
+            }
+            else if (childVNode.$hostId$ === hostId) {
+                // this comment node is specifcally for this host id
+                if (childNodeType === SLOT_NODE_ID) {
+                    // `${SLOT_NODE_ID}.${hostId}.${nodeId}.${depth}.${index}.${slotName}`;
+                    childVNode.$tag$ = 'slot';
+                    if (childIdSplt[5]) {
+                        node['s-sn'] = childVNode.$name$ = childIdSplt[5];
+                    }
+                    else {
+                        node['s-sn'] = '';
+                    }
+                    node['s-sr'] = true;
+                    if ( shadowRootNodes) {
+                        // browser support shadowRoot and this is a shadow dom component
+                        // create an actual slot element
+                        childVNode.$elm$ = doc.createElement(childVNode.$tag$);
+                        if (childVNode.$name$) {
+                            // add the slot name attribute
+                            childVNode.$elm$.setAttribute('name', childVNode.$name$);
+                        }
+                        // insert the new slot element before the slot comment
+                        node.parentNode.insertBefore(childVNode.$elm$, node);
+                        // remove the slot comment since it's not needed for shadow
+                        node.remove();
+                        if (childVNode.$depth$ === '0') {
+                            shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
+                        }
+                    }
+                    slotNodes.push(childVNode);
+                    if (!parentVNode.$children$) {
+                        parentVNode.$children$ = [];
+                    }
+                    parentVNode.$children$[childVNode.$index$] = childVNode;
+                }
+                else if (childNodeType === CONTENT_REF_ID) {
+                    // `${CONTENT_REF_ID}.${hostId}`;
+                    if ( shadowRootNodes) {
+                        // remove the content ref comment since it's not needed for shadow
+                        node.remove();
+                    }
+                    else {
+                        hostElm['s-cr'] = node;
+                        node['s-cn'] = true;
+                    }
+                }
+            }
+        }
+    }
+    else if (parentVNode && parentVNode.$tag$ === 'style') {
+        parentVNode.$children$ = [{
+                $index$: '0',
+                $text$: node.textContent,
+                $elm$: node
+            }];
+    }
+};
+const initializeDocumentHydrate = (node, orgLocNodes) => {
+    if (node.nodeType === 1 /* ElementNode */) {
+        let i = 0;
+        for (; i < node.childNodes.length; i++) {
+            initializeDocumentHydrate(node.childNodes[i], orgLocNodes);
+        }
+        if (node.shadowRoot) {
+            for (i = 0; i < node.shadowRoot.childNodes.length; i++) {
+                initializeDocumentHydrate(node.shadowRoot.childNodes[i], orgLocNodes);
+            }
+        }
+    }
+    else if (node.nodeType === 8 /* CommentNode */) {
+        const childIdSplt = node.nodeValue.split('.');
+        if (childIdSplt[0] === ORG_LOCATION_ID) {
+            orgLocNodes.set(childIdSplt[1] + '.' + childIdSplt[2], node);
+            node.nodeValue = '';
+            // useful to know if the original location is
+            // the root light-dom of a shadow dom component
+            node['s-sd'] = (childIdSplt[3] === '');
+        }
+    }
+};
+
+const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) => {
+    // initializeComponent
+    if ( (hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+        // we haven't initialized this element yet
+        hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+        {
+            // lazy loaded components
+            // request the component's implementation to be
+            // wired up with the host element
+            Cstr = loadModule(cmpMeta);
+            if (Cstr.then) {
+                // Await creates a micro-task avoid if possible
+                Cstr = await Cstr;
+            }
+            if ( !Cstr.isProxied) {
+                // we'eve never proxied this Constructor before
+                // let's add the getters/setters to its prototype before
+                // the first time we create an instance of the implementation
+                {
+                    cmpMeta.$watchers$ = Cstr.watchers;
+                }
+                proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+                Cstr.isProxied = true;
+            }
+            // ok, time to construct the instance
+            // but let's keep track of when we start and stop
+            // so that the getters/setters don't incorrectly step on data
+            {
+                hostRef.$flags$ |= 8 /* isConstructingInstance */;
+            }
+            // construct the lazy-loaded component implementation
+            // passing the hostRef is very important during
+            // construction in order to directly wire together the
+            // host element and the lazy-loaded instance
+            try {
+                new Cstr(hostRef);
+            }
+            catch (e) {
+                consoleError(e);
+            }
+            {
+                hostRef.$flags$ &= ~8 /* isConstructingInstance */;
+            }
+            {
+                hostRef.$flags$ |= 128 /* isWatchReady */;
+            }
+            fireConnectedCallback(hostRef.$lazyInstance$);
+        }
+        if ( !Cstr.$isStyleRegistered$ && Cstr.style) {
+            // this component has styles but we haven't registered them yet
+            let style = Cstr.style;
+            let scopeId = getScopeId(cmpMeta.$tagName$);
+            const shadowCssPolyfill = ( cmpMeta.$flags$ & 8 /* needsShadowDomShim */);
+            const runtimeScopedCss = (BUILD.runtimeScopeCss  /* scopedCssEncapsulation */);
+            if ( (shadowCssPolyfill || runtimeScopedCss)) {
+                style = await import('./shadow-css-bbdf056f-05cd1ccb.js').then(m => m.scopeCss(style, scopeId, false));
+            }
+            registerStyle(scopeId, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+            Cstr.$isStyleRegistered$ = true;
+        }
+    }
+    // we've successfully created a lazy instance
+    const ancestorComponent = hostRef.$ancestorComponent$;
+    const schedule = () => scheduleUpdate(elm, hostRef, cmpMeta, true);
+    if ( ancestorComponent && ancestorComponent['s-lr'] === false && ancestorComponent['s-rc']) {
+        // this is the intial load and this component it has an ancestor component
+        // but the ancestor component has NOT fired its will update lifecycle yet
+        // so let's just cool our jets and wait for the ancestor to continue first
+        // this will get fired off when the ancestor component
+        // finally gets around to rendering its lazy self
+        // fire off the initial update
+        ancestorComponent['s-rc'].push(schedule);
+    }
+    else {
+        schedule();
+    }
+};
+
+const fireConnectedCallback = (instance) => {
+    {
+        safeCall(instance, 'connectedCallback');
+    }
+};
+const connectedCallback = (elm, cmpMeta) => {
+    if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+        // connectedCallback
+        const hostRef = getHostRef(elm);
+        if ( cmpMeta.$listeners$) {
+            // initialize our event listeners on the host element
+            // we do this now so that we can listening to events that may
+            // have fired even before the instance is ready
+            hostRef.$rmListeners$ = addEventListeners(elm, hostRef, cmpMeta.$listeners$);
+        }
+        if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
+            // first time this component has connected
+            hostRef.$flags$ |= 1 /* hasConnected */;
+            let hostId;
+            {
+                hostId = elm.getAttribute(HYDRATE_ID);
+                if (hostId) {
+                    if ( supportsShadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+                        const scopeId = addStyle(elm.shadowRoot, cmpMeta, elm.getAttribute('s-mode'));
+                        elm.classList.remove(scopeId + '-h');
+                        elm.classList.remove(scopeId + '-s');
+                    }
+                    initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef);
+                }
+            }
+            if ( !hostId) {
+                // initUpdate
+                // if the slot polyfill is required we'll need to put some nodes
+                // in here to act as original content anchors as we move nodes around
+                // host element has been connected to the DOM
+                if (
+                    ( cmpMeta.$flags$ & 4 /* hasSlotRelocation */) ||
+                    ( cmpMeta.$flags$ & 8 /* needsShadowDomShim */)) {
+                    setContentReference(elm);
+                }
+            }
+            {
+                // find the first ancestor component (if there is one) and register
+                // this component as one of the actively loading child components for its ancestor
+                let ancestorComponent = elm;
+                while ((ancestorComponent = (ancestorComponent.parentNode || ancestorComponent.host))) {
+                    // climb up the ancestors looking for the first
+                    // component that hasn't finished its lifecycle update yet
+                    if (( ancestorComponent.nodeType === 1 /* ElementNode */ && ancestorComponent.hasAttribute('s-id')) || (ancestorComponent['s-init'] && ancestorComponent['s-lr'] === false)) {
+                        // we found this components first ancestor component
+                        // keep a reference to this component's ancestor component
+                        hostRef.$ancestorComponent$ = ancestorComponent;
+                        // ensure there is an array to contain a reference to each of the child components
+                        // and set this component as one of the ancestor's child components it should wait on
+                        (ancestorComponent['s-al'] = ancestorComponent['s-al'] || new Set()).add(elm);
+                        break;
+                    }
+                }
+            }
+            // Lazy properties
+            // https://developers.google.com/web/fundamentals/web-components/best-practices#lazy-properties
+            if ( cmpMeta.$members$) {
+                Object.entries(cmpMeta.$members$).forEach(([memberName, [memberFlags]]) => {
+                    if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
+                        const value = elm[memberName];
+                        delete elm[memberName];
+                        elm[memberName] = value;
+                    }
+                });
+            }
+            {
+                // connectedCallback, taskQueue, initialLoad
+                // angular sets attribute AFTER connectCallback
+                // https://github.com/angular/angular/issues/18909
+                // https://github.com/angular/angular/issues/19940
+                nextTick(() => initializeComponent(elm, hostRef, cmpMeta));
+            }
+        }
+        fireConnectedCallback(hostRef.$lazyInstance$);
+    }
+};
+const setContentReference = (elm, contentRefElm) => {
+    // only required when we're NOT using native shadow dom (slot)
+    // or this browser doesn't support native shadow dom
+    // and this host element was NOT created with SSR
+    // let's pick out the inner content for slot projection
+    // create a node to represent where the original
+    // content was first placed, which is useful later on
+    let crName;
+    {
+        crName = '';
+    }
+    contentRefElm = elm['s-cr'] = doc.createComment(crName);
+    contentRefElm['s-cn'] = true;
+    elm.insertBefore(contentRefElm, elm.firstChild);
+};
+
+const disconnectedCallback = (elm) => {
+    if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+        const hostRef = getHostRef(elm);
+        {
+            if (hostRef.$rmListeners$) {
+                hostRef.$rmListeners$();
+                hostRef.$rmListeners$ = undefined;
+            }
+        }
+        // clear CSS var-shim tracking
+        if (cssVarShim) {
+            cssVarShim.removeHost(elm);
+        }
+        const instance =  hostRef.$lazyInstance$ ;
+        {
+            safeCall(instance, 'disconnectedCallback');
+        }
+        {
+            safeCall(instance, 'componentDidUnload');
+        }
+    }
+};
+
+const bootstrapLazy = (lazyBundles, options = {}) => {
+    const cmpTags = [];
+    const exclude = options.exclude || [];
+    const head = doc.head;
+    const customElements = win.customElements;
+    const y = /*@__PURE__*/ head.querySelector('meta[charset]');
+    const visibilityStyle = /*@__PURE__*/ doc.createElement('style');
+    let appLoadFallback;
+    Object.assign(plt, options);
+    plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
+    if (options.syncQueue) {
+        plt.$flags$ |= 4 /* queueSync */;
+    }
+    {
+        const styles = doc.querySelectorAll('style[s-id]');
+        let globalStyles = '';
+        styles.forEach(styleElm => globalStyles += styleElm.innerHTML);
+        styles.forEach(styleElm => {
+            registerStyle(styleElm.getAttribute(HYDRATE_ID), globalStyles + convertScopedToShadow(styleElm.innerHTML), true);
+        });
+    }
+    lazyBundles.forEach(lazyBundle => lazyBundle[1].forEach(compactMeta => {
+        const cmpMeta = {
+            $flags$: compactMeta[0],
+            $tagName$: compactMeta[1],
+            $members$: compactMeta[2],
+            $listeners$: compactMeta[3],
+        };
+        {
+            cmpMeta.$attrsToReflect$ = [];
+        }
+        {
+            cmpMeta.$watchers$ = {};
+        }
+        if ( !supportsShadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
+        }
+        const tagName = cmpMeta.$tagName$;
+        const HostElement = class extends HTMLElement {
+            // StencilLazyHost
+            constructor(self) {
+                // @ts-ignore
+                super(self);
+                self = this;
+                {
+                    this['s-lr'] = false;
+                    this['s-rc'] = [];
+                }
+                registerHost(self);
+                if ( cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+                    // this component is using shadow dom
+                    // and this browser supports shadow dom
+                    // add the read-only property "shadowRoot" to the host element
+                    if (supportsShadowDom) {
+                        self.attachShadow({ 'mode': 'open' });
+                    }
+                    else if ( !('shadowRoot' in self)) {
+                        self.shadowRoot = self;
+                    }
+                }
+            }
+            connectedCallback() {
+                if (appLoadFallback) {
+                    clearTimeout(appLoadFallback);
+                    appLoadFallback = null;
+                }
+                plt.jmp(() => connectedCallback(this, cmpMeta));
+            }
+            disconnectedCallback() {
+                plt.jmp(() => disconnectedCallback(this));
+            }
+            's-init'() {
+                const hostRef = getHostRef(this);
+                if (hostRef.$lazyInstance$) {
+                    postUpdateComponent(this, hostRef);
+                }
+            }
+            's-hmr'(hmrVersionId) {
+            }
+            forceUpdate() {
+                forceUpdate(this, cmpMeta);
+            }
+            componentOnReady() {
+                return getHostRef(this).$onReadyPromise$;
+            }
+        };
+        cmpMeta.$lazyBundleIds$ = lazyBundle[0];
+        if (!exclude.includes(tagName) && !customElements.get(tagName)) {
+            cmpTags.push(tagName);
+            customElements.define(tagName, proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */));
+        }
+    }));
+    // visibilityStyle.innerHTML = cmpTags.map(t => `${t}:not(.hydrated)`) + '{display:none}';
+    visibilityStyle.innerHTML = cmpTags + '{visibility:hidden}.hydrated{visibility:inherit}';
+    visibilityStyle.setAttribute('data-styles', '');
+    head.insertBefore(visibilityStyle, y ? y.nextSibling : head.firstChild);
+    // Fallback appLoad event
+    plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
+};
+
+const createEvent = (ref, name, flags) => {
+    const elm = getElement(ref);
+    return {
+        emit: (detail) => elm.dispatchEvent(new ( CustomEvent)(name, {
+            bubbles: !!(flags & 4 /* Bubbles */),
+            composed: !!(flags & 2 /* Composed */),
+            cancelable: !!(flags & 1 /* Cancellable */),
+            detail
+        }))
+    };
+};
+
+const getElement = (ref) =>  getHostRef(ref).$hostElement$ ;
+
+export { Host as H, patchEsm as a, bootstrapLazy as b, createEvent as c, getElement as g, h, patchBrowser as p, registerInstance as r };
diff --git a/dist/esm/chunk-6bb56f1f.js b/dist/esm/chunk-6bb56f1f.js
new file mode 100644
index 00000000000..a83818ca952
--- /dev/null
+++ b/dist/esm/chunk-6bb56f1f.js
@@ -0,0 +1,21 @@
+// turn a domNodeList into an array
+function nodeListToArray(domNodeList) {
+    if (Array.isArray(domNodeList)) {
+        return domNodeList;
+    }
+    else {
+        return Array.prototype.slice.call(domNodeList);
+    }
+}
+function getElementDir(el) {
+    return (el.closest("[dir='rtl']") && "rtl") || "ltr";
+}
+function getElementTheme(el) {
+    return (el.closest("[theme='dark']") && "dark") || "light";
+}
+function hasSlottedContent(el) {
+    const assignedNodes = el && el.assignedNodes();
+    return assignedNodes && assignedNodes.length > 0;
+}
+
+export { getElementTheme as a, getElementDir as g, hasSlottedContent as h, nodeListToArray as n };
diff --git a/dist/esm/chunk-9dd9009f.js b/dist/esm/chunk-9dd9009f.js
new file mode 100644
index 00000000000..38bf72fceb9
--- /dev/null
+++ b/dist/esm/chunk-9dd9009f.js
@@ -0,0 +1,12 @@
+const ENTER = 13;
+const SPACE = 32;
+const PAGE_UP = 33;
+const PAGE_DOWN = 34;
+const END = 35;
+const HOME = 36;
+const LEFT = 37;
+const UP = 38;
+const RIGHT = 39;
+const DOWN = 40;
+
+export { DOWN as D, ENTER as E, HOME as H, LEFT as L, PAGE_UP as P, RIGHT as R, SPACE as S, UP as U, PAGE_DOWN as a, END as b };
diff --git a/dist/esm/chunk-9de72867.js b/dist/esm/chunk-9de72867.js
new file mode 100644
index 00000000000..cb1fb11d3be
--- /dev/null
+++ b/dist/esm/chunk-9de72867.js
@@ -0,0 +1,8 @@
+// File generated automatically by path-data.js, do not edit directly
+const checkCircle24F = "M23 11.5A11.5 11.5 0 1 1 11.5 0 11.5 11.5 0 0 1 23 11.5zm-5.5-6.018l-8.5 8.5-3.5-3.5-2 2L9.018 18l.018-.018L11.018 16l8.5-8.5z";
+const exclamationMarkTriangle24F = "M22.3 19.795l-9-17.901a1.5 1.5 0 0 0-2.597 0L1.7 19.795a1.502 1.502 0 0 0 0 1.502A1.456 1.456 0 0 0 2.998 22H21a1.458 1.458 0 0 0 1.299-.703 1.506 1.506 0 0 0 .001-1.502zM13 19h-2v-2h2zm0-3h-2V8h2z";
+const lightbulb24F = "M11 13h1v4h-1zm3.895 5.45a.311.311 0 0 0-.12-.27l-.232-.18h-6.19l-.232.18a.312.312 0 0 0 .04.518l1.387.771-1.367.76a.311.311 0 0 0-.028.526l3.09 2.18a.356.356 0 0 0 .41 0l3.09-2.18a.311.311 0 0 0-.029-.527l-1.366-.759 1.388-.77a.312.312 0 0 0 .159-.25zM11.59 0l-.173.002L11.244 0a6.2 6.2 0 0 0-6.182 6.698c.31 2.575 2.784 5.207 2.939 6.134.13.78.116 1.844.199 2.472A2.542 2.542 0 0 0 9.088 17H10v-4.412L8.83 9.37l.94-.342L10.85 12h1.3l1.08-2.97.94.341L13 12.588V17h.745a2.542 2.542 0 0 0 .889-1.696c.083-.628.068-1.692.199-2.472.154-.927 2.628-3.559 2.938-6.134A6.2 6.2 0 0 0 11.59 0z";
+const x24 = "M13.207 12.5l7.778 7.778-.707.707-7.778-7.778-7.778 7.778-.707-.707 7.778-7.778-7.778-7.778.707-.707 7.778 7.778 7.778-7.778.707.707z";
+const x32 = "M16.707 16l10.607 10.606-.708.707L16 16.707 5.394 27.313l-.708-.707L15.293 16 4.686 5.394l.708-.707L16 15.293 26.606 4.687l.708.707z";
+
+export { x32 as a, checkCircle24F as c, exclamationMarkTriangle24F as e, lightbulb24F as l, x24 as x };
diff --git a/dist/esm/context-consumer.entry.js b/dist/esm/context-consumer.entry.js
new file mode 100644
index 00000000000..1f7aa51e8fb
--- /dev/null
+++ b/dist/esm/context-consumer.entry.js
@@ -0,0 +1,25 @@
+import { r as registerInstance, g as getElement } from './chunk-5f99f9d5.js';
+
+class ContextConsumer {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.context = {};
+        this.renderer = () => null;
+    }
+    connectedCallback() {
+        if (this.subscribe != null) {
+            this.unsubscribe = this.subscribe(this.el, 'context');
+        }
+    }
+    disconnectedCallback() {
+        if (this.unsubscribe != null) {
+            this.unsubscribe();
+        }
+    }
+    render() {
+        return this.renderer(Object.assign({}, this.context));
+    }
+    get el() { return getElement(this); }
+}
+
+export { ContextConsumer as context_consumer };
diff --git a/dist/esm/css-shim-3ea8955c-3ea8955c.js b/dist/esm/css-shim-3ea8955c-3ea8955c.js
new file mode 100644
index 00000000000..acbc04828cf
--- /dev/null
+++ b/dist/esm/css-shim-3ea8955c-3ea8955c.js
@@ -0,0 +1,628 @@
+/*
+Extremely simple css parser. Intended to be not more than what we need
+and definitely not necessarily correct =).
+*/
+/** @unrestricted */
+var StyleNode = /** @class */ (function () {
+    function StyleNode() {
+        this.start = 0;
+        this.end = 0;
+        this.previous = null;
+        this.parent = null;
+        this.rules = null;
+        this.parsedCssText = '';
+        this.cssText = '';
+        this.atRule = false;
+        this.type = 0;
+        this.keyframesName = '';
+        this.selector = '';
+        this.parsedSelector = '';
+    }
+    return StyleNode;
+}());
+// given a string of css, return a simple rule tree
+/**
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function parse(text) {
+    text = clean(text);
+    return parseCss(lex(text), text);
+}
+// remove stuff we don't care about that may hinder parsing
+/**
+ * @param {string} cssText
+ * @return {string}
+ */
+function clean(cssText) {
+    return cssText.replace(RX.comments, '').replace(RX.port, '');
+}
+// super simple {...} lexer that returns a node tree
+/**
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function lex(text) {
+    var root = new StyleNode();
+    root['start'] = 0;
+    root['end'] = text.length;
+    var n = root;
+    for (var i = 0, l = text.length; i < l; i++) {
+        if (text[i] === OPEN_BRACE) {
+            if (!n['rules']) {
+                n['rules'] = [];
+            }
+            var p = n;
+            var previous = p['rules'][p['rules'].length - 1] || null;
+            n = new StyleNode();
+            n['start'] = i + 1;
+            n['parent'] = p;
+            n['previous'] = previous;
+            p['rules'].push(n);
+        }
+        else if (text[i] === CLOSE_BRACE) {
+            n['end'] = i + 1;
+            n = n['parent'] || root;
+        }
+    }
+    return root;
+}
+// add selectors/cssText to node tree
+/**
+ * @param {StyleNode} node
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function parseCss(node, text) {
+    var t = text.substring(node['start'], node['end'] - 1);
+    node['parsedCssText'] = node['cssText'] = t.trim();
+    if (node.parent) {
+        var ss = node.previous ? node.previous['end'] : node.parent['start'];
+        t = text.substring(ss, node['start'] - 1);
+        t = _expandUnicodeEscapes(t);
+        t = t.replace(RX.multipleSpaces, ' ');
+        // TODO(sorvell): ad hoc; make selector include only after last ;
+        // helps with mixin syntax
+        t = t.substring(t.lastIndexOf(';') + 1);
+        var s = node['parsedSelector'] = node['selector'] = t.trim();
+        node['atRule'] = (s.indexOf(AT_START) === 0);
+        // note, support a subset of rule types...
+        if (node['atRule']) {
+            if (s.indexOf(MEDIA_START) === 0) {
+                node['type'] = types.MEDIA_RULE;
+            }
+            else if (s.match(RX.keyframesRule)) {
+                node['type'] = types.KEYFRAMES_RULE;
+                node['keyframesName'] = node['selector'].split(RX.multipleSpaces).pop();
+            }
+        }
+        else {
+            if (s.indexOf(VAR_START) === 0) {
+                node['type'] = types.MIXIN_RULE;
+            }
+            else {
+                node['type'] = types.STYLE_RULE;
+            }
+        }
+    }
+    var r$ = node['rules'];
+    if (r$) {
+        for (var i = 0, l = r$.length, r = void 0; (i < l) && (r = r$[i]); i++) {
+            parseCss(r, text);
+        }
+    }
+    return node;
+}
+/**
+ * conversion of sort unicode escapes with spaces like `\33 ` (and longer) into
+ * expanded form that doesn't require trailing space `\000033`
+ * @param {string} s
+ * @return {string}
+ */
+function _expandUnicodeEscapes(s) {
+    return s.replace(/\\([0-9a-f]{1,6})\s/gi, function () {
+        var code = arguments[1], repeat = 6 - code.length;
+        while (repeat--) {
+            code = '0' + code;
+        }
+        return '\\' + code;
+    });
+}
+/** @enum {number} */
+var types = {
+    STYLE_RULE: 1,
+    KEYFRAMES_RULE: 7,
+    MEDIA_RULE: 4,
+    MIXIN_RULE: 1000
+};
+var OPEN_BRACE = '{';
+var CLOSE_BRACE = '}';
+// helper regexp's
+var RX = {
+    comments: /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,
+    port: /@import[^;]*;/gim,
+    customProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,
+    mixinProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,
+    mixinApply: /@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,
+    varApply: /[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,
+    keyframesRule: /^@[^\s]*keyframes/,
+    multipleSpaces: /\s+/g
+};
+var VAR_START = '--';
+var MEDIA_START = '@media';
+var AT_START = '@';
+function findRegex(regex, cssText, offset) {
+    regex['lastIndex'] = 0;
+    var r = cssText.substring(offset).match(regex);
+    if (r) {
+        var start = offset + r['index'];
+        return {
+            start: start,
+            end: start + r[0].length
+        };
+    }
+    return null;
+}
+var VAR_USAGE_START = /\bvar\(/;
+var VAR_ASSIGN_START = /\B--[\w-]+\s*:/;
+var COMMENTS = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim;
+var TRAILING_LINES = /^[\t ]+\n/gm;
+function resolveVar(props, prop, fallback) {
+    if (props[prop]) {
+        return props[prop];
+    }
+    if (fallback) {
+        return executeTemplate(fallback, props);
+    }
+    return '';
+}
+function findVarEndIndex(cssText, offset) {
+    var count = 0;
+    var i = offset;
+    for (; i < cssText.length; i++) {
+        var c = cssText[i];
+        if (c === '(') {
+            count++;
+        }
+        else if (c === ')') {
+            count--;
+            if (count <= 0) {
+                return i + 1;
+            }
+        }
+    }
+    return i;
+}
+function parseVar(cssText, offset) {
+    var varPos = findRegex(VAR_USAGE_START, cssText, offset);
+    if (!varPos) {
+        return null;
+    }
+    var endVar = findVarEndIndex(cssText, varPos.start);
+    var varContent = cssText.substring(varPos.end, endVar - 1);
+    var _a = varContent.split(','), propName = _a[0], fallback = _a.slice(1);
+    return {
+        start: varPos.start,
+        end: endVar,
+        propName: propName.trim(),
+        fallback: fallback.length > 0 ? fallback.join(',').trim() : undefined
+    };
+}
+function compileVar(cssText, template, offset) {
+    var varMeta = parseVar(cssText, offset);
+    if (!varMeta) {
+        template.push(cssText.substring(offset, cssText.length));
+        return cssText.length;
+    }
+    var propName = varMeta.propName;
+    var fallback = varMeta.fallback != null ? compileTemplate(varMeta.fallback) : undefined;
+    template.push(cssText.substring(offset, varMeta.start), function (params) { return resolveVar(params, propName, fallback); });
+    return varMeta.end;
+}
+function executeTemplate(template, props) {
+    var final = '';
+    for (var i = 0; i < template.length; i++) {
+        var s = template[i];
+        final += (typeof s === 'string')
+            ? s
+            : s(props);
+    }
+    return final;
+}
+function findEndValue(cssText, offset) {
+    var onStr = false;
+    var double = false;
+    var i = offset;
+    for (; i < cssText.length; i++) {
+        var c = cssText[i];
+        if (onStr) {
+            if (double && c === '"') {
+                onStr = false;
+            }
+            if (!double && c === '\'') {
+                onStr = false;
+            }
+        }
+        else {
+            if (c === '"') {
+                onStr = true;
+                double = true;
+            }
+            else if (c === '\'') {
+                onStr = true;
+                double = false;
+            }
+            else if (c === ';') {
+                return i + 1;
+            }
+            else if (c === '}') {
+                return i;
+            }
+        }
+    }
+    return i;
+}
+function removeCustomAssigns(cssText) {
+    var final = '';
+    var offset = 0;
+    while (true) {
+        var assignPos = findRegex(VAR_ASSIGN_START, cssText, offset);
+        var start = assignPos ? assignPos.start : cssText.length;
+        final += cssText.substring(offset, start);
+        if (assignPos) {
+            offset = findEndValue(cssText, start);
+        }
+        else {
+            break;
+        }
+    }
+    return final;
+}
+function compileTemplate(cssText) {
+    var index = 0;
+    cssText = cssText.replace(COMMENTS, '');
+    cssText = removeCustomAssigns(cssText)
+        .replace(TRAILING_LINES, '');
+    var segments = [];
+    while (index < cssText.length) {
+        index = compileVar(cssText, segments, index);
+    }
+    return segments;
+}
+function resolveValues(selectors) {
+    var props = {};
+    selectors.forEach(function (selector) {
+        selector.declarations.forEach(function (dec) {
+            props[dec.prop] = dec.value;
+        });
+    });
+    var propsValues = {};
+    var entries = Object.entries(props);
+    var _loop_1 = function (i) {
+        var dirty = false;
+        entries.forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            var propValue = executeTemplate(value, propsValues);
+            if (propValue !== propsValues[key]) {
+                propsValues[key] = propValue;
+                dirty = true;
+            }
+        });
+        if (!dirty) {
+            return "break";
+        }
+    };
+    for (var i = 0; i < 10; i++) {
+        var state_1 = _loop_1();
+        if (state_1 === "break")
+            break;
+    }
+    return propsValues;
+}
+function getSelectors(root, index) {
+    if (index === void 0) { index = 0; }
+    if (!root.rules) {
+        return [];
+    }
+    var selectors = [];
+    root.rules
+        .filter(function (rule) { return rule.type === types.STYLE_RULE; })
+        .forEach(function (rule) {
+        var declarations = getDeclarations(rule.cssText);
+        if (declarations.length > 0) {
+            rule.parsedSelector.split(',').forEach(function (selector) {
+                selector = selector.trim();
+                selectors.push({
+                    selector: selector,
+                    declarations: declarations,
+                    specificity: computeSpecificity(),
+                    nu: index
+                });
+            });
+        }
+        index++;
+    });
+    return selectors;
+}
+function computeSpecificity(_selector) {
+    return 1;
+}
+var IMPORTANT = '!important';
+var FIND_DECLARATIONS = /(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;
+function getDeclarations(cssText) {
+    var declarations = [];
+    var xArray;
+    while (xArray = FIND_DECLARATIONS.exec(cssText.trim())) {
+        var _a = normalizeValue(xArray[2]), value = _a.value, important = _a.important;
+        declarations.push({
+            prop: xArray[1].trim(),
+            value: compileTemplate(value),
+            important: important,
+        });
+    }
+    return declarations;
+}
+function normalizeValue(value) {
+    var regex = /\s+/gim;
+    value = value.replace(regex, ' ').trim();
+    var important = value.endsWith(IMPORTANT);
+    if (important) {
+        value = value.substr(0, value.length - IMPORTANT.length).trim();
+    }
+    return {
+        value: value,
+        important: important
+    };
+}
+function getActiveSelectors(hostEl, hostScopeMap, globalScopes) {
+    // computes the css scopes that might affect this particular element
+    var scopes = globalScopes.concat(getScopesForElement(hostScopeMap, hostEl));
+    // each scope might have an array of associated selectors
+    // let's flatten the complete array of selectors from all the scopes
+    var selectorSet = getSelectorsForScopes(scopes);
+    // we filter to only the selectors that matches the hostEl
+    var activeSelectors = selectorSet.filter(function (selector) { return matches(hostEl, selector.selector); });
+    // sort selectors by specifity
+    return sortSelectors(activeSelectors);
+}
+function getScopesForElement(hostTemplateMap, node) {
+    var scopes = [];
+    while (node) {
+        var scope = hostTemplateMap.get(node);
+        if (scope) {
+            scopes.push(scope);
+        }
+        node = node.parentElement;
+    }
+    return scopes;
+}
+function getSelectorsForScopes(scopes) {
+    var selectors = [];
+    scopes.forEach(function (scope) {
+        selectors.push.apply(selectors, scope.selectors);
+    });
+    return selectors;
+}
+function sortSelectors(selectors) {
+    selectors.sort(function (a, b) {
+        if (a.specificity === b.specificity) {
+            return a.nu - b.nu;
+        }
+        return a.specificity - b.specificity;
+    });
+    return selectors;
+}
+function matches(el, selector) {
+    return selector === ':root' || selector === 'html' || el.matches(selector);
+}
+function parseCSS(original) {
+    var ast = parse(original);
+    var template = compileTemplate(original);
+    var selectors = getSelectors(ast);
+    return {
+        original: original,
+        template: template,
+        selectors: selectors,
+        usesCssVars: template.length > 1
+    };
+}
+function addGlobalStyle(globalScopes, styleEl) {
+    var css = parseCSS(styleEl.innerHTML);
+    css.styleEl = styleEl;
+    globalScopes.push(css);
+}
+function updateGlobalScopes(scopes) {
+    var selectors = getSelectorsForScopes(scopes);
+    var props = resolveValues(selectors);
+    scopes.forEach(function (scope) {
+        if (scope.usesCssVars) {
+            scope.styleEl.innerHTML = executeTemplate(scope.template, props);
+        }
+    });
+}
+function reScope(scope, scopeId) {
+    var template = scope.template.map(function (segment) {
+        return (typeof segment === 'string')
+            ? replaceScope(segment, scope.scopeId, scopeId)
+            : segment;
+    });
+    var selectors = scope.selectors.map(function (sel) {
+        return Object.assign({}, sel, { selector: replaceScope(sel.selector, scope.scopeId, scopeId) });
+    });
+    return Object.assign({}, scope, { template: template,
+        selectors: selectors,
+        scopeId: scopeId });
+}
+function replaceScope(original, oldScopeId, newScopeId) {
+    original = replaceAll(original, "\\." + oldScopeId, "." + newScopeId);
+    return original;
+}
+function replaceAll(input, find, replace) {
+    return input.replace(new RegExp(find, 'g'), replace);
+}
+function loadDocument(doc, globalScopes) {
+    loadDocumentStyles(doc, globalScopes);
+    return loadDocumentLinks(doc, globalScopes);
+}
+function loadDocumentLinks(doc, globalScopes) {
+    var promises = [];
+    var linkElms = doc.querySelectorAll('link[rel="stylesheet"][href]');
+    for (var i = 0; i < linkElms.length; i++) {
+        promises.push(addGlobalLink(doc, globalScopes, linkElms[i]));
+    }
+    return Promise.all(promises);
+}
+function loadDocumentStyles(doc, globalScopes) {
+    var styleElms = doc.querySelectorAll('style:not([data-styles])');
+    for (var i = 0; i < styleElms.length; i++) {
+        addGlobalStyle(globalScopes, styleElms[i]);
+    }
+}
+function addGlobalLink(doc, globalScopes, linkElm) {
+    var url = linkElm.href;
+    return fetch(url).then(function (rsp) { return rsp.text(); }).then(function (text) {
+        if (hasCssVariables(text) && linkElm.parentNode) {
+            if (hasRelativeUrls(text)) {
+                text = fixRelativeUrls(text, url);
+            }
+            var styleEl = doc.createElement('style');
+            styleEl.setAttribute('data-styles', '');
+            styleEl.innerHTML = text;
+            addGlobalStyle(globalScopes, styleEl);
+            linkElm.parentNode.insertBefore(styleEl, linkElm);
+            linkElm.remove();
+        }
+    }).catch(function (err) {
+        console.error(err);
+    });
+}
+// This regexp tries to determine when a variable is declared, for example:
+//
+// .my-el { --highlight-color: green; }
+//
+// but we don't want to trigger when a classname uses "--" or a pseudo-class is
+// used. We assume that the only characters that can preceed a variable
+// declaration are "{", from an opening block, ";" from a preceeding rule, or a
+// space. This prevents the regexp from matching a word in a selector, since
+// they would need to start with a "." or "#". (We assume element names don't
+// start with "--").
+var CSS_VARIABLE_REGEXP = /[\s;{]--[-a-zA-Z0-9]+\s*:/m;
+function hasCssVariables(css) {
+    return css.indexOf('var(') > -1 || CSS_VARIABLE_REGEXP.test(css);
+}
+// This regexp find all url() usages with relative urls
+var CSS_URL_REGEXP = /url[\s]*\([\s]*['"]?(?![http|/])([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;
+function hasRelativeUrls(css) {
+    CSS_URL_REGEXP.lastIndex = 0;
+    return CSS_URL_REGEXP.test(css);
+}
+function fixRelativeUrls(css, originalUrl) {
+    // get the basepath from the original import url
+    var basePath = originalUrl.replace(/[^/]*$/, '');
+    // replace the relative url, with the new relative url
+    return css.replace(CSS_URL_REGEXP, function (fullMatch, url) {
+        // rhe new relative path is the base path + uri
+        // TODO: normalize relative URL
+        var relativeUrl = basePath + url;
+        return fullMatch.replace(url, relativeUrl);
+    });
+}
+var CustomStyle = /** @class */ (function () {
+    function CustomStyle(win, doc) {
+        this.win = win;
+        this.doc = doc;
+        this.count = 0;
+        this.hostStyleMap = new WeakMap();
+        this.hostScopeMap = new WeakMap();
+        this.globalScopes = [];
+        this.scopesMap = new Map();
+    }
+    CustomStyle.prototype.initShim = function () {
+        var _this = this;
+        return new Promise(function (resolve) {
+            _this.win.requestAnimationFrame(function () {
+                loadDocument(_this.doc, _this.globalScopes).then(function () { return resolve(); });
+            });
+        });
+    };
+    CustomStyle.prototype.addLink = function (linkEl) {
+        var _this = this;
+        return addGlobalLink(this.doc, this.globalScopes, linkEl).then(function () {
+            _this.updateGlobal();
+        });
+    };
+    CustomStyle.prototype.addGlobalStyle = function (styleEl) {
+        addGlobalStyle(this.globalScopes, styleEl);
+        this.updateGlobal();
+    };
+    CustomStyle.prototype.createHostStyle = function (hostEl, cssScopeId, cssText, isScoped) {
+        if (this.hostScopeMap.has(hostEl)) {
+            throw new Error('host style already created');
+        }
+        var baseScope = this.registerHostTemplate(cssText, cssScopeId, isScoped);
+        var styleEl = this.doc.createElement('style');
+        if (!baseScope.usesCssVars) {
+            // This component does not use (read) css variables
+            styleEl.innerHTML = cssText;
+        }
+        else if (isScoped) {
+            // This component is dynamic: uses css var and is scoped
+            styleEl['s-sc'] = cssScopeId = baseScope.scopeId + "-" + this.count;
+            styleEl.innerHTML = '/*needs update*/';
+            this.hostStyleMap.set(hostEl, styleEl);
+            this.hostScopeMap.set(hostEl, reScope(baseScope, cssScopeId));
+            this.count++;
+        }
+        else {
+            // This component uses css vars, but it's no-encapsulation (global static)
+            baseScope.styleEl = styleEl;
+            if (!baseScope.usesCssVars) {
+                styleEl.innerHTML = executeTemplate(baseScope.template, {});
+            }
+            this.globalScopes.push(baseScope);
+            this.updateGlobal();
+            this.hostScopeMap.set(hostEl, baseScope);
+        }
+        return styleEl;
+    };
+    CustomStyle.prototype.removeHost = function (hostEl) {
+        var css = this.hostStyleMap.get(hostEl);
+        if (css) {
+            css.remove();
+        }
+        this.hostStyleMap.delete(hostEl);
+        this.hostScopeMap.delete(hostEl);
+    };
+    CustomStyle.prototype.updateHost = function (hostEl) {
+        var scope = this.hostScopeMap.get(hostEl);
+        if (scope && scope.usesCssVars && scope.isScoped) {
+            var styleEl = this.hostStyleMap.get(hostEl);
+            if (styleEl) {
+                var selectors = getActiveSelectors(hostEl, this.hostScopeMap, this.globalScopes);
+                var props = resolveValues(selectors);
+                styleEl.innerHTML = executeTemplate(scope.template, props);
+            }
+        }
+    };
+    CustomStyle.prototype.updateGlobal = function () {
+        updateGlobalScopes(this.globalScopes);
+    };
+    CustomStyle.prototype.registerHostTemplate = function (cssText, scopeId, isScoped) {
+        var scope = this.scopesMap.get(scopeId);
+        if (!scope) {
+            scope = parseCSS(cssText);
+            scope.scopeId = scopeId;
+            scope.isScoped = isScoped;
+            this.scopesMap.set(scopeId, scope);
+        }
+        return scope;
+    };
+    return CustomStyle;
+}());
+var win = window;
+function needsShim() {
+    return !(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'));
+}
+if (!win.__stencil_cssshim && needsShim()) {
+    win.__stencil_cssshim = new CustomStyle(win, document);
+}
diff --git a/dist/esm/dom-860d8016-860d8016.js b/dist/esm/dom-860d8016-860d8016.js
new file mode 100644
index 00000000000..0648fe863b4
--- /dev/null
+++ b/dist/esm/dom-860d8016-860d8016.js
@@ -0,0 +1,95 @@
+(function(){
+var aa=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function g(a){var b=aa.has(a);a=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(a);return !b&&a}function l(a){var b=a.isConnected;if(void 0!==b)return b;for(;a&&!(a.__CE_isImportDocument||a instanceof Document);)a=a.parentNode||(window.ShadowRoot&&a instanceof ShadowRoot?a.host:void 0);return !(!a||!(a.__CE_isImportDocument||a instanceof Document))}
+  function n(a,b){for(;b&&b!==a&&!b.nextSibling;)b=b.parentNode;return b&&b!==a?b.nextSibling:null}
+  function p(a,b,d){d=void 0===d?new Set:d;for(var c=a;c;){if(c.nodeType===Node.ELEMENT_NODE){var e=c;b(e);var f=e.localName;if("link"===f&&"import"===e.getAttribute("rel")){c=e.import;if(c instanceof Node&&!d.has(c))for(d.add(c),c=c.firstChild;c;c=c.nextSibling)p(c,b,d);c=n(a,e);continue}else if("template"===f){c=n(a,e);continue}if(e=e.__CE_shadowRoot)for(e=e.firstChild;e;e=e.nextSibling)p(e,b,d);}c=c.firstChild?c.firstChild:n(a,c);}}function r(a,b,d){a[b]=d;}function u(){this.a=new Map;this.g=new Map;this.c=[];this.f=[];this.b=!1;}function ba(a,b,d){a.a.set(b,d);a.g.set(d.constructorFunction,d);}function ca(a,b){a.b=!0;a.c.push(b);}function da(a,b){a.b=!0;a.f.push(b);}function v(a,b){a.b&&p(b,function(b){return w(a,b)});}function w(a,b){if(a.b&&!b.__CE_patched){b.__CE_patched=!0;for(var d=0;d<a.c.length;d++)a.c[d](b);for(d=0;d<a.f.length;d++)a.f[d](b);}}
+  function x(a,b){var d=[];p(b,function(b){return d.push(b)});for(b=0;b<d.length;b++){var c=d[b];1===c.__CE_state?a.connectedCallback(c):y(a,c);}}function z(a,b){var d=[];p(b,function(b){return d.push(b)});for(b=0;b<d.length;b++){var c=d[b];1===c.__CE_state&&a.disconnectedCallback(c);}}
+  function A(a,b,d){d=void 0===d?{}:d;var c=d.u||new Set,e=d.i||function(b){return y(a,b)},f=[];p(b,function(b){if("link"===b.localName&&"import"===b.getAttribute("rel")){var d=b.import;d instanceof Node&&(d.__CE_isImportDocument=!0,d.__CE_hasRegistry=!0);d&&"complete"===d.readyState?d.__CE_documentLoadHandled=!0:b.addEventListener("load",function(){var d=b.import;if(!d.__CE_documentLoadHandled){d.__CE_documentLoadHandled=!0;var f=new Set(c);f.delete(d);A(a,d,{u:f,i:e});}});}else f.push(b);},c);if(a.b)for(b=
+  0;b<f.length;b++)w(a,f[b]);for(b=0;b<f.length;b++)e(f[b]);}
+  function y(a,b){if(void 0===b.__CE_state){var d=b.ownerDocument;if(d.defaultView||d.__CE_isImportDocument&&d.__CE_hasRegistry)if(d=a.a.get(b.localName)){d.constructionStack.push(b);var c=d.constructorFunction;try{try{if(new c!==b)throw Error("The custom element constructor did not produce the element being upgraded.");}finally{d.constructionStack.pop();}}catch(t){throw b.__CE_state=2,t;}b.__CE_state=1;b.__CE_definition=d;if(d.attributeChangedCallback)for(d=d.observedAttributes,c=0;c<d.length;c++){var e=
+  d[c],f=b.getAttribute(e);null!==f&&a.attributeChangedCallback(b,e,null,f,null);}l(b)&&a.connectedCallback(b);}}}u.prototype.connectedCallback=function(a){var b=a.__CE_definition;b.connectedCallback&&b.connectedCallback.call(a);};u.prototype.disconnectedCallback=function(a){var b=a.__CE_definition;b.disconnectedCallback&&b.disconnectedCallback.call(a);};
+  u.prototype.attributeChangedCallback=function(a,b,d,c,e){var f=a.__CE_definition;f.attributeChangedCallback&&-1<f.observedAttributes.indexOf(b)&&f.attributeChangedCallback.call(a,b,d,c,e);};function B(a){var b=document;this.c=a;this.a=b;this.b=void 0;A(this.c,this.a);"loading"===this.a.readyState&&(this.b=new MutationObserver(this.f.bind(this)),this.b.observe(this.a,{childList:!0,subtree:!0}));}function C(a){a.b&&a.b.disconnect();}B.prototype.f=function(a){var b=this.a.readyState;"interactive"!==b&&"complete"!==b||C(this);for(b=0;b<a.length;b++)for(var d=a[b].addedNodes,c=0;c<d.length;c++)A(this.c,d[c]);};function ea(){var a=this;this.b=this.a=void 0;this.c=new Promise(function(b){a.b=b;a.a&&b(a.a);});}function D(a){if(a.a)throw Error("Already resolved.");a.a=void 0;a.b&&a.b(void 0);}function E(a){this.c=!1;this.a=a;this.j=new Map;this.f=function(b){return b()};this.b=!1;this.g=[];this.o=new B(a);}
+  E.prototype.l=function(a,b){var d=this;if(!(b instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!g(a))throw new SyntaxError("The element name '"+a+"' is not valid.");if(this.a.a.get(a))throw Error("A custom element with name '"+a+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var c=function(b){var a=e[b];if(void 0!==a&&!(a instanceof Function))throw Error("The '"+b+"' callback must be a function.");
+  return a},e=b.prototype;if(!(e instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var f=c("connectedCallback");var t=c("disconnectedCallback");var k=c("adoptedCallback");var h=c("attributeChangedCallback");var m=b.observedAttributes||[];}catch(q){return}finally{this.c=!1;}b={localName:a,constructorFunction:b,connectedCallback:f,disconnectedCallback:t,adoptedCallback:k,attributeChangedCallback:h,observedAttributes:m,constructionStack:[]};ba(this.a,
+  a,b);this.g.push(b);this.b||(this.b=!0,this.f(function(){return fa(d)}));};E.prototype.i=function(a){A(this.a,a);};
+  function fa(a){if(!1!==a.b){a.b=!1;for(var b=a.g,d=[],c=new Map,e=0;e<b.length;e++)c.set(b[e].localName,[]);A(a.a,document,{i:function(b){if(void 0===b.__CE_state){var e=b.localName,f=c.get(e);f?f.push(b):a.a.a.get(e)&&d.push(b);}}});for(e=0;e<d.length;e++)y(a.a,d[e]);for(;0<b.length;){var f=b.shift();e=f.localName;f=c.get(f.localName);for(var t=0;t<f.length;t++)y(a.a,f[t]);(e=a.j.get(e))&&D(e);}}}E.prototype.get=function(a){if(a=this.a.a.get(a))return a.constructorFunction};
+  E.prototype.m=function(a){if(!g(a))return Promise.reject(new SyntaxError("'"+a+"' is not a valid custom element name."));var b=this.j.get(a);if(b)return b.c;b=new ea;this.j.set(a,b);this.a.a.get(a)&&!this.g.some(function(b){return b.localName===a})&&D(b);return b.c};E.prototype.s=function(a){C(this.o);var b=this.f;this.f=function(d){return a(function(){return b(d)})};};window.CustomElementRegistry=E;E.prototype.define=E.prototype.l;E.prototype.upgrade=E.prototype.i;E.prototype.get=E.prototype.get;
+  E.prototype.whenDefined=E.prototype.m;E.prototype.polyfillWrapFlushCallback=E.prototype.s;var F=window.Document.prototype.createElement,G=window.Document.prototype.createElementNS,ha=window.Document.prototype.importNode,ia=window.Document.prototype.prepend,ja=window.Document.prototype.append,ka=window.DocumentFragment.prototype.prepend,la=window.DocumentFragment.prototype.append,H=window.Node.prototype.cloneNode,I=window.Node.prototype.appendChild,J=window.Node.prototype.insertBefore,K=window.Node.prototype.removeChild,L=window.Node.prototype.replaceChild,M=Object.getOwnPropertyDescriptor(window.Node.prototype,
+  "textContent"),N=window.Element.prototype.attachShadow,O=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),P=window.Element.prototype.getAttribute,Q=window.Element.prototype.setAttribute,R=window.Element.prototype.removeAttribute,S=window.Element.prototype.getAttributeNS,T=window.Element.prototype.setAttributeNS,U=window.Element.prototype.removeAttributeNS,ma=window.Element.prototype.insertAdjacentElement,na=window.Element.prototype.insertAdjacentHTML,oa=window.Element.prototype.prepend,
+  pa=window.Element.prototype.append,V=window.Element.prototype.before,qa=window.Element.prototype.after,ra=window.Element.prototype.replaceWith,sa=window.Element.prototype.remove,ta=window.HTMLElement,W=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),ua=window.HTMLElement.prototype.insertAdjacentElement,va=window.HTMLElement.prototype.insertAdjacentHTML;var wa=new function(){};function xa(){var a=X;window.HTMLElement=function(){function b(){var b=this.constructor,c=a.g.get(b);if(!c)throw Error("The custom element being constructed was not registered with `customElements`.");var e=c.constructionStack;if(0===e.length)return e=F.call(document,c.localName),Object.setPrototypeOf(e,b.prototype),e.__CE_state=1,e.__CE_definition=c,w(a,e),e;c=e.length-1;var f=e[c];if(f===wa)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");
+  e[c]=wa;Object.setPrototypeOf(f,b.prototype);w(a,f);return f}b.prototype=ta.prototype;Object.defineProperty(b.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:b});return b}();}function Y(a,b,d){function c(b){return function(d){for(var e=[],c=0;c<arguments.length;++c)e[c]=arguments[c];c=[];for(var f=[],m=0;m<e.length;m++){var q=e[m];q instanceof Element&&l(q)&&f.push(q);if(q instanceof DocumentFragment)for(q=q.firstChild;q;q=q.nextSibling)c.push(q);else c.push(q);}b.apply(this,e);for(e=0;e<f.length;e++)z(a,f[e]);if(l(this))for(e=0;e<c.length;e++)f=c[e],f instanceof Element&&x(a,f);}}void 0!==d.h&&(b.prepend=c(d.h));void 0!==d.append&&(b.append=c(d.append));}function ya(){var a=X;r(Document.prototype,"createElement",function(b){if(this.__CE_hasRegistry){var d=a.a.get(b);if(d)return new d.constructorFunction}b=F.call(this,b);w(a,b);return b});r(Document.prototype,"importNode",function(b,d){b=ha.call(this,b,!!d);this.__CE_hasRegistry?A(a,b):v(a,b);return b});r(Document.prototype,"createElementNS",function(b,d){if(this.__CE_hasRegistry&&(null===b||"http://www.w3.org/1999/xhtml"===b)){var c=a.a.get(d);if(c)return new c.constructorFunction}b=G.call(this,b,
+  d);w(a,b);return b});Y(a,Document.prototype,{h:ia,append:ja});}function za(){function a(a,c){Object.defineProperty(a,"textContent",{enumerable:c.enumerable,configurable:!0,get:c.get,set:function(a){if(this.nodeType===Node.TEXT_NODE)c.set.call(this,a);else{var d=void 0;if(this.firstChild){var e=this.childNodes,k=e.length;if(0<k&&l(this)){d=Array(k);for(var h=0;h<k;h++)d[h]=e[h];}}c.set.call(this,a);if(d)for(a=0;a<d.length;a++)z(b,d[a]);}}});}var b=X;r(Node.prototype,"insertBefore",function(a,c){if(a instanceof DocumentFragment){var e=Array.prototype.slice.apply(a.childNodes);
+  a=J.call(this,a,c);if(l(this))for(c=0;c<e.length;c++)x(b,e[c]);return a}e=l(a);c=J.call(this,a,c);e&&z(b,a);l(this)&&x(b,a);return c});r(Node.prototype,"appendChild",function(a){if(a instanceof DocumentFragment){var c=Array.prototype.slice.apply(a.childNodes);a=I.call(this,a);if(l(this))for(var e=0;e<c.length;e++)x(b,c[e]);return a}c=l(a);e=I.call(this,a);c&&z(b,a);l(this)&&x(b,a);return e});r(Node.prototype,"cloneNode",function(a){a=H.call(this,!!a);this.ownerDocument.__CE_hasRegistry?A(b,a):v(b,
+  a);return a});r(Node.prototype,"removeChild",function(a){var c=l(a),e=K.call(this,a);c&&z(b,a);return e});r(Node.prototype,"replaceChild",function(a,c){if(a instanceof DocumentFragment){var e=Array.prototype.slice.apply(a.childNodes);a=L.call(this,a,c);if(l(this))for(z(b,c),c=0;c<e.length;c++)x(b,e[c]);return a}e=l(a);var f=L.call(this,a,c),d=l(this);d&&z(b,c);e&&z(b,a);d&&x(b,a);return f});M&&M.get?a(Node.prototype,M):ca(b,function(b){a(b,{enumerable:!0,configurable:!0,get:function(){for(var a=[],
+  b=0;b<this.childNodes.length;b++){var f=this.childNodes[b];f.nodeType!==Node.COMMENT_NODE&&a.push(f.textContent);}return a.join("")},set:function(a){for(;this.firstChild;)K.call(this,this.firstChild);null!=a&&""!==a&&I.call(this,document.createTextNode(a));}});});}function Aa(a){function b(b){return function(e){for(var c=[],d=0;d<arguments.length;++d)c[d]=arguments[d];d=[];for(var k=[],h=0;h<c.length;h++){var m=c[h];m instanceof Element&&l(m)&&k.push(m);if(m instanceof DocumentFragment)for(m=m.firstChild;m;m=m.nextSibling)d.push(m);else d.push(m);}b.apply(this,c);for(c=0;c<k.length;c++)z(a,k[c]);if(l(this))for(c=0;c<d.length;c++)k=d[c],k instanceof Element&&x(a,k);}}var d=Element.prototype;void 0!==V&&(d.before=b(V));void 0!==V&&(d.after=b(qa));void 0!==ra&&
+  r(d,"replaceWith",function(b){for(var e=[],c=0;c<arguments.length;++c)e[c]=arguments[c];c=[];for(var d=[],k=0;k<e.length;k++){var h=e[k];h instanceof Element&&l(h)&&d.push(h);if(h instanceof DocumentFragment)for(h=h.firstChild;h;h=h.nextSibling)c.push(h);else c.push(h);}k=l(this);ra.apply(this,e);for(e=0;e<d.length;e++)z(a,d[e]);if(k)for(z(a,this),e=0;e<c.length;e++)d=c[e],d instanceof Element&&x(a,d);});void 0!==sa&&r(d,"remove",function(){var b=l(this);sa.call(this);b&&z(a,this);});}function Ba(){function a(a,b){Object.defineProperty(a,"innerHTML",{enumerable:b.enumerable,configurable:!0,get:b.get,set:function(a){var e=this,d=void 0;l(this)&&(d=[],p(this,function(a){a!==e&&d.push(a);}));b.set.call(this,a);if(d)for(var f=0;f<d.length;f++){var t=d[f];1===t.__CE_state&&c.disconnectedCallback(t);}this.ownerDocument.__CE_hasRegistry?A(c,this):v(c,this);return a}});}function b(a,b){r(a,"insertAdjacentElement",function(a,e){var d=l(e);a=b.call(this,a,e);d&&z(c,e);l(a)&&x(c,e);return a});}
+  function d(a,b){function e(a,b){for(var e=[];a!==b;a=a.nextSibling)e.push(a);for(b=0;b<e.length;b++)A(c,e[b]);}r(a,"insertAdjacentHTML",function(a,c){a=a.toLowerCase();if("beforebegin"===a){var d=this.previousSibling;b.call(this,a,c);e(d||this.parentNode.firstChild,this);}else if("afterbegin"===a)d=this.firstChild,b.call(this,a,c),e(this.firstChild,d);else if("beforeend"===a)d=this.lastChild,b.call(this,a,c),e(d||this.firstChild,null);else if("afterend"===a)d=this.nextSibling,b.call(this,a,c),e(this.nextSibling,
+  d);else throw new SyntaxError("The value provided ("+String(a)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.");});}var c=X;N&&r(Element.prototype,"attachShadow",function(a){a=N.call(this,a);var b=c;if(b.b&&!a.__CE_patched){a.__CE_patched=!0;for(var e=0;e<b.c.length;e++)b.c[e](a);}return this.__CE_shadowRoot=a});O&&O.get?a(Element.prototype,O):W&&W.get?a(HTMLElement.prototype,W):da(c,function(b){a(b,{enumerable:!0,configurable:!0,get:function(){return H.call(this,!0).innerHTML},
+  set:function(a){var b="template"===this.localName,c=b?this.content:this,e=G.call(document,this.namespaceURI,this.localName);for(e.innerHTML=a;0<c.childNodes.length;)K.call(c,c.childNodes[0]);for(a=b?e.content:e;0<a.childNodes.length;)I.call(c,a.childNodes[0]);}});});r(Element.prototype,"setAttribute",function(a,b){if(1!==this.__CE_state)return Q.call(this,a,b);var e=P.call(this,a);Q.call(this,a,b);b=P.call(this,a);c.attributeChangedCallback(this,a,e,b,null);});r(Element.prototype,"setAttributeNS",function(a,
+  b,d){if(1!==this.__CE_state)return T.call(this,a,b,d);var e=S.call(this,a,b);T.call(this,a,b,d);d=S.call(this,a,b);c.attributeChangedCallback(this,b,e,d,a);});r(Element.prototype,"removeAttribute",function(a){if(1!==this.__CE_state)return R.call(this,a);var b=P.call(this,a);R.call(this,a);null!==b&&c.attributeChangedCallback(this,a,b,null,null);});r(Element.prototype,"removeAttributeNS",function(a,b){if(1!==this.__CE_state)return U.call(this,a,b);var d=S.call(this,a,b);U.call(this,a,b);var e=S.call(this,
+  a,b);d!==e&&c.attributeChangedCallback(this,b,d,e,a);});ua?b(HTMLElement.prototype,ua):ma?b(Element.prototype,ma):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched.");va?d(HTMLElement.prototype,va):na?d(Element.prototype,na):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched.");Y(c,Element.prototype,{h:oa,append:pa});Aa(c);}var Z=window.customElements;if(!Z||Z.forcePolyfill||"function"!=typeof Z.define||"function"!=typeof Z.get){var X=new u;xa();ya();Y(X,DocumentFragment.prototype,{h:ka,append:la});za();Ba();document.__CE_hasRegistry=!0;var customElements=new E(X);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:customElements});}}).call(self);
+
+// Polyfill document.baseURI
+if (typeof document.baseURI !== 'string') {
+  Object.defineProperty(Document.prototype, 'baseURI', {
+    enumerable: true,
+    configurable: true,
+    get: function () {
+      var base = document.querySelector('base');
+      if (base) {
+        return base.href;
+      }
+      return document.URL;
+    }
+  });
+}
+
+// Polyfill CustomEvent
+if (typeof window.CustomEvent !== 'function') {
+  window.CustomEvent = function CustomEvent(event, params) {
+    params = params || { bubbles: false, cancelable: false, detail: undefined };
+    var evt = document.createEvent( 'CustomEvent' );
+    evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
+    return evt;
+  };
+  window.CustomEvent.prototype = window.Event.prototype;
+}
+
+// Event.composedPath
+(function(E, d, w) {
+  if(!E.composedPath) {
+    E.composedPath = function() {
+      if (this.path) {
+        return this.path;
+      }
+    var target = this.target;
+
+    this.path = [];
+    while (target.parentNode !== null) {
+      this.path.push(target);
+      target = target.parentNode;
+    }
+    this.path.push(d, w);
+    return this.path;
+    };
+  }
+})(Event.prototype, document, window);
+
+/*!
+Element.closest and Element.matches
+https://github.com/jonathantneal/closest
+Creative Commons Zero v1.0 Universal
+*/
+(function(a){"function"!==typeof a.matches&&(a.matches=a.msMatchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||function(a){a=(this.document||this.ownerDocument).querySelectorAll(a);for(var b=0;a[b]&&a[b]!==this;)++b;return !!a[b]});"function"!==typeof a.closest&&(a.closest=function(a){for(var b=this;b&&1===b.nodeType;){if(b.matches(a))return b;b=b.parentNode;}return null});})(window.Element.prototype);
+/*!
+Element.getRootNode()
+*/
+(function(c){function d(a){a=b(a);return 11===a.nodeType?d(a.host):a}function b(a){return a.parentNode?b(a.parentNode):a}"function"!==typeof c.getRootNode&&(c.getRootNode=function(a){return a&&a.composed?d(this):b(this)});})(Element.prototype);
+/*!
+Element.remove()
+*/
+(function(b){b.forEach(function(a){a.hasOwnProperty("remove")||Object.defineProperty(a,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this);}});});})([Element.prototype,CharacterData.prototype,DocumentType.prototype]);
+
+/*!
+Element.classList
+*/
+!function(e){'classList'in e||Object.defineProperty(e,"classList",{get:function(){var e=this,t=(e.getAttribute("class")||"").replace(/^\s+|\s$/g,"").split(/\s+/g);function n(){t.length>0?e.setAttribute("class",t.join(" ")):e.removeAttribute("class");}return ""===t[0]&&t.splice(0,1),t.toggle=function(e,i){void 0!==i?i?t.add(e):t.remove(e):-1!==t.indexOf(e)?t.splice(t.indexOf(e),1):t.push(e),n();},t.add=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1===t.indexOf(e[i])&&t.push(e[i]);n();},t.remove=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1!==t.indexOf(e[i])&&t.splice(t.indexOf(e[i]),1);n();},t.item=function(e){return t[e]},t.contains=function(e){return -1!==t.indexOf(e)},t.replace=function(e,i){-1!==t.indexOf(e)&&t.splice(t.indexOf(e),1,i),n();},t.value=e.getAttribute("class")||"",t}});}(Element.prototype);
diff --git a/dist/esm/index.mjs b/dist/esm/index.mjs
new file mode 100644
index 00000000000..8b137891791
--- /dev/null
+++ b/dist/esm/index.mjs
@@ -0,0 +1 @@
+
diff --git a/dist/esm/loader.mjs b/dist/esm/loader.mjs
new file mode 100644
index 00000000000..45238681aac
--- /dev/null
+++ b/dist/esm/loader.mjs
@@ -0,0 +1,9 @@
+import { a as patchEsm, b as bootstrapLazy } from './chunk-5f99f9d5.js';
+
+const defineCustomElements = (win, options) => {
+  return patchEsm().then(() => {
+    bootstrapLazy([["calcite-alert_2",[[1,"calcite-alert",{"dismiss":[4],"duration":[513],"color":[513],"theme":[513],"icon":[4],"alertId":[1,"alert-id"],"currentAlert":[1,"current-alert"],"queueLength":[2,"queue-length"],"active":[32],"closeCalciteAlert":[64],"openCalciteAlert":[64]}],[1,"calcite-alerts",{"currentAlert":[32],"active":[32],"alertQueue":[32]},[[0,"calciteAlertOpen","updateQueueOnOpen"],[0,"calciteAlertClose","updateQueueOnClose"]]]]],["calcite-button",[[1,"calcite-button",{"color":[1537],"appearance":[1537],"scale":[1537],"width":[1537],"loading":[516],"href":[513],"icon":[513],"hastext":[1028]}]]],["calcite-tab_4",[[1,"calcite-tab",{"tab":[1537],"isActive":[1540,"is-active"],"labeledBy":[32],"getTabIndex":[64],"updateAriaInfo":[64]},[[16,"calciteTabChange","tabChangeHandler"]]],[1,"calcite-tab-nav",{"storageId":[1,"storage-id"],"syncId":[1,"sync-id"],"selectedTab":[32]},[[0,"calciteTabsFocusPrevious","focusPreviousTabHandler"],[0,"calciteTabsFocusNext","focusNextTabHandler"],[0,"calciteTabsActivate","activateTabHandler"],[32,"calciteTabChange","globalTabChangeHandler"]]],[1,"calcite-tab-title",{"tab":[1537],"isActive":[1540,"is-active"],"controls":[32],"getTabIndex":[64],"getTabIdentifier":[64],"updateAriaInfo":[64]},[[16,"calciteTabChange","tabChangeHandler"],[0,"click","onClick"],[0,"keydown","keyDownHandler"]]],[1,"calcite-tabs",{"theme":[513],"layout":[513],"titles":[32],"tabs":[32]},[[0,"calciteTabTitleRegister","calciteTabTitleRegister"],[0,"calciteTabTitleUnregister","calciteTabTitleUnregister"],[0,"calciteTabRegister","calciteTabRegister"],[0,"calciteTabUnregister","calciteTabUnregister"]]]]],["calcite-radio-group_2",[[1,"calcite-radio-group",{"name":[1],"selectedItem":[8,"selected-item"],"theme":[513]},[[0,"click","handleClick"],[0,"calciteRadioGroupItemChange","handleSelected"],[0,"keydown","handleKeyDown"]]],[1,"calcite-radio-group-item",{"checked":[1540],"value":[8]}]]],["calcite-checkbox",[[1,"calcite-checkbox",{"checked":[1540],"indeterminate":[1540],"name":[1537],"value":[1537],"size":[513],"disabled":[516],"theme":[513]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]]],["calcite-example",[[1,"calcite-example",{"property":[1],"state":[32],"doThing":[64]},[[0,"click","onClick"]]]]],["calcite-modal",[[1,"calcite-modal",{"beforeClose":[16],"closeLabel":[1,"close-label"],"docked":[516],"firstFocus":[16],"size":[513],"color":[513],"theme":[513],"isActive":[32],"hideBackButton":[32],"hideSecondaryButton":[32],"open":[64],"close":[64]},[[0,"keyup","handleEscape"]]]]],["calcite-progress",[[4,"calcite-progress",{"type":[1],"value":[2],"text":[1],"reversed":[4]}]]],["calcite-slider",[[1,"calcite-slider",{"disabled":[1540],"min":[1538],"max":[1538],"value":[1538],"minValue":[2,"min-value"],"maxValue":[2,"max-value"],"minLabel":[1,"min-label"],"maxLabel":[1,"max-label"],"snap":[4],"step":[2],"pageStep":[2,"page-step"],"ticks":[2],"labelTicks":[516,"label-ticks"],"labelHandles":[516,"label-handles"],"precise":[4],"tickValues":[32],"activeProp":[32]},[[0,"keydown","keyDownHandler"],[0,"click","clickHandler"]]]]],["calcite-switch",[[1,"calcite-switch",{"switched":[1540],"name":[1537],"value":[1537],"color":[1]},[[0,"click","onClick"],[0,"keydown","keyDownHandler"]]]]],["calcite-loader",[[1,"calcite-loader",{"isActive":[1540,"is-active"],"inline":[1540],"type":[1537],"value":[2],"text":[1],"loaderBarOffsets":[32],"isEdge":[32]}]]],["context-consumer",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]]], options);
+  });
+};
+
+export { defineCustomElements };
diff --git a/dist/esm/polyfills/core-js.js b/dist/esm/polyfills/core-js.js
new file mode 100644
index 00000000000..46d22903c13
--- /dev/null
+++ b/dist/esm/polyfills/core-js.js
@@ -0,0 +1,10 @@
+/**
+ * core-js 3.1.4
+ * https://github.com/zloirock/core-js
+ * License: http://rock.mit-license.org
+ * © 2019 Denis Pushkarev (zloirock.ru)
+ */
+!function (undefined) { 'use strict'; !function(t){var r={};function n(e){if(r[e])return r[e].exports;var o=r[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=r,n.d=function(t,r,e){n.o(t,r)||Object.defineProperty(t,r,{enumerable:!0,get:e})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,r){if(1&r&&(t=n(t)),8&r)return t;if(4&r&&"object"==typeof t&&t&&t.__esModule)return t;var e=Object.create(null);if(n.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:t}),2&r&&"string"!=typeof t)for(var o in t)n.d(e,o,function(r){return t[r]}.bind(null,o));return e},n.n=function(t){var r=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(r,"a",r),r},n.o=function(t,r){return Object.prototype.hasOwnProperty.call(t,r)},n.p="",n(n.s=105)}([function(t,r,n){var e=n(4),o=n(20).f,i=n(16),u=n(15),a=n(60),c=n(107),s=n(44);t.exports=function(t,r){var n,f,l,p,h,v=t.target,g=t.global,d=t.stat;if(n=g?e:d?e[v]||a(v,{}):(e[v]||{}).prototype)for(f in r){if(p=r[f],l=t.noTargetGet?(h=o(n,f))&&h.value:n[f],!s(g?f:v+(d?".":"#")+f,t.forced)&&void 0!==l){if(typeof p==typeof l)continue;c(p,l)}(t.sham||l&&l.sham)&&i(p,"sham",!0),u(n,f,p,t)}}},function(t,r){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,r){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,r,n){var e=n(4),o=n(40),i=n(62),u=n(109),a=e.Symbol,c=o("wks");t.exports=function(t){return c[t]||(c[t]=u&&a[t]||(u?a:i)("Symbol."+t))}},function(t,r){var n="object",e=function(t){return t&&t.Math==Math&&t};t.exports=e(typeof globalThis==n&&globalThis)||e(typeof window==n&&window)||e(typeof self==n&&self)||e(typeof global==n&&global)||Function("return this")()},function(t,r,n){var e=n(1);t.exports=!e(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,r,n){var e=n(18),o=Math.min;t.exports=function(t){return t>0?o(e(t),9007199254740991):0}},function(t,r,n){var e=n(2);t.exports=function(t){if(!e(t))throw TypeError(String(t)+" is not an object");return t}},function(t,r,n){var e=n(9);t.exports=function(t){return Object(e(t))}},function(t,r){t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},function(t,r,n){var e=n(5),o=n(75),i=n(7),u=n(24),a=Object.defineProperty;r.f=e?a:function(t,r,n){if(i(t),r=u(r,!0),i(n),o)try{return a(t,r,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported");return"value"in n&&(t[r]=n.value),t}},function(t,r){var n={}.hasOwnProperty;t.exports=function(t,r){return n.call(t,r)}},function(t,r,n){var e=n(9),o=/"/g;t.exports=function(t,r,n,i){var u=String(e(t)),a="<"+r;return""!==n&&(a+=" "+n+'="'+String(i).replace(o,"&quot;")+'"'),a+">"+u+"</"+r+">"}},function(t,r,n){var e=n(1);t.exports=function(t){return e(function(){var r=""[t]('"');return r!==r.toLowerCase()||r.split('"').length>3})}},function(t,r,n){var e=n(39),o=n(9);t.exports=function(t){return e(o(t))}},function(t,r,n){var e=n(4),o=n(40),i=n(16),u=n(11),a=n(60),c=n(77),s=n(17),f=s.get,l=s.enforce,p=String(c).split("toString");o("inspectSource",function(t){return c.call(t)}),(t.exports=function(t,r,n,o){var c=!!o&&!!o.unsafe,s=!!o&&!!o.enumerable,f=!!o&&!!o.noTargetGet;"function"==typeof n&&("string"!=typeof r||u(n,"name")||i(n,"name",r),l(n).source=p.join("string"==typeof r?r:"")),t!==e?(c?!f&&t[r]&&(s=!0):delete t[r],s?t[r]=n:i(t,r,n)):s?t[r]=n:a(r,n)})(Function.prototype,"toString",function(){return"function"==typeof this&&f(this).source||c.call(this)})},function(t,r,n){var e=n(5),o=n(10),i=n(38);t.exports=e?function(t,r,n){return o.f(t,r,i(1,n))}:function(t,r,n){return t[r]=n,t}},function(t,r,n){var e,o,i,u=n(78),a=n(4),c=n(2),s=n(16),f=n(11),l=n(61),p=n(41),h=a.WeakMap;if(u){var v=new h,g=v.get,d=v.has,y=v.set;e=function(t,r){return y.call(v,t,r),r},o=function(t){return g.call(v,t)||{}},i=function(t){return d.call(v,t)}}else{var x=l("state");p[x]=!0,e=function(t,r){return s(t,x,r),r},o=function(t){return f(t,x)?t[x]:{}},i=function(t){return f(t,x)}}t.exports={set:e,get:o,has:i,enforce:function(t){return i(t)?o(t):e(t,{})},getterFor:function(t){return function(r){var n;if(!c(r)||(n=o(r)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return n}}}},function(t,r){var n=Math.ceil,e=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?e:n)(t)}},function(t,r,n){var e=n(3),o=n(46),i=n(16),u=e("unscopables"),a=Array.prototype;null==a[u]&&i(a,u,o(null)),t.exports=function(t){a[u][t]=!0}},function(t,r,n){var e=n(5),o=n(59),i=n(38),u=n(14),a=n(24),c=n(11),s=n(75),f=Object.getOwnPropertyDescriptor;r.f=e?f:function(t,r){if(t=u(t),r=a(r,!0),s)try{return f(t,r)}catch(t){}if(c(t,r))return i(!o.f.call(t,r),t[r])}},function(t,r){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,r,n){"use strict";var e=n(24),o=n(10),i=n(38);t.exports=function(t,r,n){var u=e(r);u in t?o.f(t,u,i(0,n)):t[u]=n}},function(t,r,n){var e=n(41),o=n(2),i=n(11),u=n(10).f,a=n(62),c=n(50),s=a("meta"),f=0,l=Object.isExtensible||function(){return!0},p=function(t){u(t,s,{value:{objectID:"O"+ ++f,weakData:{}}})},h=t.exports={REQUIRED:!1,fastKey:function(t,r){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,s)){if(!l(t))return"F";if(!r)return"E";p(t)}return t[s].objectID},getWeakData:function(t,r){if(!i(t,s)){if(!l(t))return!0;if(!r)return!1;p(t)}return t[s].weakData},onFreeze:function(t){return c&&h.REQUIRED&&l(t)&&!i(t,s)&&p(t),t}};e[s]=!0},function(t,r,n){var e=n(2);t.exports=function(t,r){if(!e(t))return t;var n,o;if(r&&"function"==typeof(n=t.toString)&&!e(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!e(o=n.call(t)))return o;if(!r&&"function"==typeof(n=t.toString)&&!e(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,r){t.exports=!1},function(t,r,n){var e=n(18),o=Math.max,i=Math.min;t.exports=function(t,r){var n=e(t);return n<0?o(n+r,0):i(n,r)}},function(t,r,n){var e=n(28);t.exports=function(t,r,n){if(e(t),void 0===r)return t;switch(n){case 0:return function(){return t.call(r)};case 1:return function(n){return t.call(r,n)};case 2:return function(n,e){return t.call(r,n,e)};case 3:return function(n,e,o){return t.call(r,n,e,o)}}return function(){return t.apply(r,arguments)}}},function(t,r){t.exports=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function");return t}},function(t,r,n){var e=n(11),o=n(8),i=n(61),u=n(91),a=i("IE_PROTO"),c=Object.prototype;t.exports=u?Object.getPrototypeOf:function(t){return t=o(t),e(t,a)?t[a]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?c:null}},function(t,r,n){var e=n(10).f,o=n(11),i=n(3)("toStringTag");t.exports=function(t,r,n){t&&!o(t=n?t:t.prototype,i)&&e(t,i,{configurable:!0,value:r})}},function(t,r,n){var e=n(9),o="["+n(53)+"]",i=RegExp("^"+o+o+"*"),u=RegExp(o+o+"*$"),a=function(t){return function(r){var n=String(e(r));return 1&t&&(n=n.replace(i,"")),2&t&&(n=n.replace(u,"")),n}};t.exports={start:a(1),end:a(2),trim:a(3)}},function(t,r,n){var e=n(2),o=n(45),i=n(3)("species");t.exports=function(t,r){var n;return o(t)&&("function"!=typeof(n=t.constructor)||n!==Array&&!o(n.prototype)?e(n)&&null===(n=n[i])&&(n=void 0):n=void 0),new(void 0===n?Array:n)(0===r?0:r)}},function(t,r,n){var e=n(1),o=n(3)("species");t.exports=function(t){return!e(function(){var r=[];return(r.constructor={})[o]=function(){return{foo:1}},1!==r[t](Boolean).foo})}},function(t,r,n){var e=n(27),o=n(39),i=n(8),u=n(6),a=n(32),c=[].push,s=function(t){var r=1==t,n=2==t,s=3==t,f=4==t,l=6==t,p=5==t||l;return function(h,v,g,d){for(var y,x,m=i(h),b=o(m),S=e(v,g,3),w=u(b.length),E=0,O=d||a,A=r?O(h,w):n?O(h,0):void 0;w>E;E++)if((p||E in b)&&(x=S(y=b[E],E,m),t))if(r)A[E]=x;else if(x)switch(t){case 3:return!0;case 5:return y;case 6:return E;case 2:c.call(A,y)}else if(f)return!1;return l?-1:s||f?f:A}};t.exports={forEach:s(0),map:s(1),filter:s(2),some:s(3),every:s(4),find:s(5),findIndex:s(6)}},function(t,r){t.exports={}},function(t,r){t.exports=function(t,r,n){if(!(t instanceof r))throw TypeError("Incorrect "+(n?n+" ":"")+"invocation");return t}},function(t,r,n){"use strict";var e=n(7);t.exports=function(){var t=e(this),r="";return t.global&&(r+="g"),t.ignoreCase&&(r+="i"),t.multiline&&(r+="m"),t.dotAll&&(r+="s"),t.unicode&&(r+="u"),t.sticky&&(r+="y"),r}},function(t,r){t.exports=function(t,r){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:r}}},function(t,r,n){var e=n(1),o=n(21),i="".split;t.exports=e(function(){return!Object("z").propertyIsEnumerable(0)})?function(t){return"String"==o(t)?i.call(t,""):Object(t)}:Object},function(t,r,n){var e=n(4),o=n(60),i=n(25),u=e["__core-js_shared__"]||o("__core-js_shared__",{});(t.exports=function(t,r){return u[t]||(u[t]=void 0!==r?r:{})})("versions",[]).push({version:"3.1.3",mode:i?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},function(t,r){t.exports={}},function(t,r,n){var e=n(108),o=n(4),i=function(t){return"function"==typeof t?t:void 0};t.exports=function(t,r){return arguments.length<2?i(e[t])||i(o[t]):e[t]&&e[t][r]||o[t]&&o[t][r]}},function(t,r,n){var e=n(80),o=n(63).concat("length","prototype");r.f=Object.getOwnPropertyNames||function(t){return e(t,o)}},function(t,r,n){var e=n(1),o=/#|\.prototype\./,i=function(t,r){var n=a[u(t)];return n==s||n!=c&&("function"==typeof r?e(r):!!r)},u=i.normalize=function(t){return String(t).replace(o,".").toLowerCase()},a=i.data={},c=i.NATIVE="N",s=i.POLYFILL="P";t.exports=i},function(t,r,n){var e=n(21);t.exports=Array.isArray||function(t){return"Array"==e(t)}},function(t,r,n){var e=n(7),o=n(83),i=n(63),u=n(41),a=n(112),c=n(76),s=n(61)("IE_PROTO"),f=function(){},l=function(){var t,r=c("iframe"),n=i.length;for(r.style.display="none",a.appendChild(r),r.src=String("javascript:"),(t=r.contentWindow.document).open(),t.write("<script>document.F=Object<\/script>"),t.close(),l=t.F;n--;)delete l.prototype[i[n]];return l()};t.exports=Object.create||function(t,r){var n;return null!==t?(f.prototype=e(t),n=new f,f.prototype=null,n[s]=t):n=l(),void 0===r?n:o(n,r)},u[s]=!0},function(t,r,n){var e=n(80),o=n(63);t.exports=Object.keys||function(t){return e(t,o)}},function(t,r,n){var e=n(64),o=n(35),i=n(3)("iterator");t.exports=function(t){if(null!=t)return t[i]||t["@@iterator"]||o[e(t)]}},function(t,r,n){"use strict";var e=n(0),o=n(4),i=n(44),u=n(15),a=n(23),c=n(51),s=n(36),f=n(2),l=n(1),p=n(88),h=n(30),v=n(68);t.exports=function(t,r,n,g,d){var y=o[t],x=y&&y.prototype,m=y,b=g?"set":"add",S={},w=function(t){var r=x[t];u(x,t,"add"==t?function(t){return r.call(this,0===t?0:t),this}:"delete"==t?function(t){return!(d&&!f(t))&&r.call(this,0===t?0:t)}:"get"==t?function(t){return d&&!f(t)?void 0:r.call(this,0===t?0:t)}:"has"==t?function(t){return!(d&&!f(t))&&r.call(this,0===t?0:t)}:function(t,n){return r.call(this,0===t?0:t,n),this})};if(i(t,"function"!=typeof y||!(d||x.forEach&&!l(function(){(new y).entries().next()}))))m=n.getConstructor(r,t,g,b),a.REQUIRED=!0;else if(i(t,!0)){var E=new m,O=E[b](d?{}:-0,1)!=E,A=l(function(){E.has(1)}),I=p(function(t){new y(t)}),j=!d&&l(function(){for(var t=new y,r=5;r--;)t[b](r,r);return!t.has(-0)});I||((m=r(function(r,n){s(r,m,t);var e=v(new y,r,m);return null!=n&&c(n,e[b],e,g),e})).prototype=x,x.constructor=m),(A||j)&&(w("delete"),w("has"),g&&w("get")),(j||O)&&w(b),d&&x.clear&&delete x.clear}return S[t]=m,e({global:!0,forced:m!=y},S),h(m,t),d||n.setStrong(m,t,g),m}},function(t,r,n){var e=n(1);t.exports=!e(function(){return Object.isExtensible(Object.preventExtensions({}))})},function(t,r,n){var e=n(7),o=n(87),i=n(6),u=n(27),a=n(48),c=n(86),s=function(t,r){this.stopped=t,this.result=r};(t.exports=function(t,r,n,f,l){var p,h,v,g,d,y,x=u(r,n,f?2:1);if(l)p=t;else{if("function"!=typeof(h=a(t)))throw TypeError("Target is not iterable");if(o(h)){for(v=0,g=i(t.length);g>v;v++)if((d=f?x(e(y=t[v])[0],y[1]):x(t[v]))&&d instanceof s)return d;return new s(!1)}p=h.call(t)}for(;!(y=p.next()).done;)if((d=c(p,x,y.value,f))&&d instanceof s)return d;return new s(!1)}).stop=function(t){return new s(!0,t)}},function(t,r,n){var e=n(15);t.exports=function(t,r,n){for(var o in r)e(t,o,r[o],n);return t}},function(t,r){t.exports="\t\n\v\f\r                　\u2028\u2029\ufeff"},function(t,r,n){"use strict";var e=n(25),o=n(4),i=n(1);t.exports=e||!i(function(){var t=Math.random();__defineSetter__.call(null,t,function(){}),delete o[t]})},function(t,r,n){var e=n(18),o=n(9),i=function(t){return function(r,n){var i,u,a=String(o(r)),c=e(n),s=a.length;return c<0||c>=s?t?"":void 0:(i=a.charCodeAt(c))<55296||i>56319||c+1===s||(u=a.charCodeAt(c+1))<56320||u>57343?t?a.charAt(c):i:t?a.slice(c,c+2):u-56320+(i-55296<<10)+65536}};t.exports={codeAt:i(!1),charAt:i(!0)}},function(t,r,n){"use strict";var e=n(16),o=n(15),i=n(1),u=n(3),a=n(73),c=u("species"),s=!i(function(){var t=/./;return t.exec=function(){var t=[];return t.groups={a:"7"},t},"7"!=="".replace(t,"$<a>")}),f=!i(function(){var t=/(?:)/,r=t.exec;t.exec=function(){return r.apply(this,arguments)};var n="ab".split(t);return 2!==n.length||"a"!==n[0]||"b"!==n[1]});t.exports=function(t,r,n,l){var p=u(t),h=!i(function(){var r={};return r[p]=function(){return 7},7!=""[t](r)}),v=h&&!i(function(){var r=!1,n=/a/;return n.exec=function(){return r=!0,null},"split"===t&&(n.constructor={},n.constructor[c]=function(){return n}),n[p](""),!r});if(!h||!v||"replace"===t&&!s||"split"===t&&!f){var g=/./[p],d=n(p,""[t],function(t,r,n,e,o){return r.exec===a?h&&!o?{done:!0,value:g.call(r,n,e)}:{done:!0,value:t.call(n,r,e)}:{done:!1}}),y=d[0],x=d[1];o(String.prototype,t,y),o(RegExp.prototype,p,2==r?function(t,r){return x.call(t,this,r)}:function(t){return x.call(t,this)}),l&&e(RegExp.prototype[p],"sham",!0)}}},function(t,r,n){"use strict";var e=n(55).charAt;t.exports=function(t,r,n){return r+(n?e(t,r).length:1)}},function(t,r,n){var e=n(21),o=n(73);t.exports=function(t,r){var n=t.exec;if("function"==typeof n){var i=n.call(t,r);if("object"!=typeof i)throw TypeError("RegExp exec method returned something other than an Object or null");return i}if("RegExp"!==e(t))throw TypeError("RegExp#exec called on incompatible receiver");return o.call(t,r)}},function(t,r,n){"use strict";var e={}.propertyIsEnumerable,o=Object.getOwnPropertyDescriptor,i=o&&!e.call({1:2},1);r.f=i?function(t){var r=o(this,t);return!!r&&r.enumerable}:e},function(t,r,n){var e=n(4),o=n(16);t.exports=function(t,r){try{o(e,t,r)}catch(n){e[t]=r}return r}},function(t,r,n){var e=n(40),o=n(62),i=e("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},function(t,r){var n=0,e=Math.random();t.exports=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++n+e).toString(36)}},function(t,r){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},function(t,r,n){var e=n(21),o=n(3)("toStringTag"),i="Arguments"==e(function(){return arguments}());t.exports=function(t){var r,n,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,r){try{return t[r]}catch(t){}}(r=Object(t),o))?n:i?e(r):"Object"==(u=e(r))&&"function"==typeof r.callee?"Arguments":u}},function(t,r,n){"use strict";var e=n(0),o=n(66),i=n(29),u=n(92),a=n(30),c=n(16),s=n(15),f=n(3),l=n(25),p=n(35),h=n(90),v=h.IteratorPrototype,g=h.BUGGY_SAFARI_ITERATORS,d=f("iterator"),y=function(){return this};t.exports=function(t,r,n,f,h,x,m){o(n,r,f);var b,S,w,E=function(t){if(t===h&&R)return R;if(!g&&t in I)return I[t];switch(t){case"keys":case"values":case"entries":return function(){return new n(this,t)}}return function(){return new n(this)}},O=r+" Iterator",A=!1,I=t.prototype,j=I[d]||I["@@iterator"]||h&&I[h],R=!g&&j||E(h),k="Array"==r&&I.entries||j;if(k&&(b=i(k.call(new t)),v!==Object.prototype&&b.next&&(l||i(b)===v||(u?u(b,v):"function"!=typeof b[d]&&c(b,d,y)),a(b,O,!0,!0),l&&(p[O]=y))),"values"==h&&j&&"values"!==j.name&&(A=!0,R=function(){return j.call(this)}),l&&!m||I[d]===R||c(I,d,R),p[r]=R,h)if(S={values:E("values"),keys:x?R:E("keys"),entries:E("entries")},m)for(w in S)!g&&!A&&w in I||s(I,w,S[w]);else e({target:r,proto:!0,forced:g||A},S);return S}},function(t,r,n){"use strict";var e=n(90).IteratorPrototype,o=n(46),i=n(38),u=n(30),a=n(35),c=function(){return this};t.exports=function(t,r,n){var s=r+" Iterator";return t.prototype=o(e,{next:i(1,n)}),u(t,s,!1,!0),a[s]=c,t}},function(t,r,n){"use strict";var e=n(42),o=n(10),i=n(3),u=n(5),a=i("species");t.exports=function(t){var r=e(t),n=o.f;u&&r&&!r[a]&&n(r,a,{configurable:!0,get:function(){return this}})}},function(t,r,n){var e=n(2),o=n(92);t.exports=function(t,r,n){var i,u;return o&&"function"==typeof(i=r.constructor)&&i!==n&&e(u=i.prototype)&&u!==n.prototype&&o(t,u),t}},function(t,r,n){"use strict";var e=n(18),o=n(9);t.exports="".repeat||function(t){var r=String(o(this)),n="",i=e(t);if(i<0||i==1/0)throw RangeError("Wrong number of repetitions");for(;i>0;(i>>>=1)&&(r+=r))1&i&&(n+=r);return n}},function(t,r,n){var e=n(2),o=n(21),i=n(3)("match");t.exports=function(t){var r;return e(t)&&(void 0!==(r=t[i])?!!r:"RegExp"==o(t))}},function(t,r,n){var e=n(70);t.exports=function(t){if(e(t))throw TypeError("The method doesn't accept regular expressions");return t}},function(t,r,n){var e=n(3)("match");t.exports=function(t){var r=/./;try{"/./"[t](r)}catch(n){try{return r[e]=!1,"/./"[t](r)}catch(t){}}return!1}},function(t,r,n){"use strict";var e,o,i=n(37),u=RegExp.prototype.exec,a=String.prototype.replace,c=u,s=(e=/a/,o=/b*/g,u.call(e,"a"),u.call(o,"a"),0!==e.lastIndex||0!==o.lastIndex),f=void 0!==/()??/.exec("")[1];(s||f)&&(c=function(t){var r,n,e,o,c=this;return f&&(n=new RegExp("^"+c.source+"$(?!\\s)",i.call(c))),s&&(r=c.lastIndex),e=u.call(c,t),s&&e&&(c.lastIndex=c.global?e.index+e[0].length:r),f&&e&&e.length>1&&a.call(e[0],n,function(){for(o=1;o<arguments.length-2;o++)void 0===arguments[o]&&(e[o]=void 0)}),e}),t.exports=c},function(t,r,n){var e=n(1),o=n(53);t.exports=function(t){return e(function(){return!!o[t]()||"​…᠎"!="​…᠎"[t]()||o[t].name!==t})}},function(t,r,n){var e=n(5),o=n(1),i=n(76);t.exports=!e&&!o(function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a})},function(t,r,n){var e=n(4),o=n(2),i=e.document,u=o(i)&&o(i.createElement);t.exports=function(t){return u?i.createElement(t):{}}},function(t,r,n){var e=n(40);t.exports=e("native-function-to-string",Function.toString)},function(t,r,n){var e=n(4),o=n(77),i=e.WeakMap;t.exports="function"==typeof i&&/native code/.test(o.call(i))},function(t,r,n){var e=n(42),o=n(43),i=n(82),u=n(7);t.exports=e("Reflect","ownKeys")||function(t){var r=o.f(u(t)),n=i.f;return n?r.concat(n(t)):r}},function(t,r,n){var e=n(11),o=n(14),i=n(81).indexOf,u=n(41);t.exports=function(t,r){var n,a=o(t),c=0,s=[];for(n in a)!e(u,n)&&e(a,n)&&s.push(n);for(;r.length>c;)e(a,n=r[c++])&&(~i(s,n)||s.push(n));return s}},function(t,r,n){var e=n(14),o=n(6),i=n(26),u=function(t){return function(r,n,u){var a,c=e(r),s=o(c.length),f=i(u,s);if(t&&n!=n){for(;s>f;)if((a=c[f++])!=a)return!0}else for(;s>f;f++)if((t||f in c)&&c[f]===n)return t||f||0;return!t&&-1}};t.exports={includes:u(!0),indexOf:u(!1)}},function(t,r){r.f=Object.getOwnPropertySymbols},function(t,r,n){var e=n(5),o=n(10),i=n(7),u=n(47);t.exports=e?Object.defineProperties:function(t,r){i(t);for(var n,e=u(r),a=e.length,c=0;a>c;)o.f(t,n=e[c++],r[n]);return t}},function(t,r,n){"use strict";var e=n(45),o=n(6),i=n(27),u=function(t,r,n,a,c,s,f,l){for(var p,h=c,v=0,g=!!f&&i(f,l,3);v<a;){if(v in n){if(p=g?g(n[v],v,r):n[v],s>0&&e(p))h=u(t,r,p,o(p.length),h,s-1)-1;else{if(h>=9007199254740991)throw TypeError("Exceed the acceptable array length");t[h]=p}h++}v++}return h};t.exports=u},function(t,r,n){"use strict";var e=n(27),o=n(8),i=n(86),u=n(87),a=n(6),c=n(22),s=n(48);t.exports=function(t){var r,n,f,l,p=o(t),h="function"==typeof this?this:Array,v=arguments.length,g=v>1?arguments[1]:void 0,d=void 0!==g,y=0,x=s(p);if(d&&(g=e(g,v>2?arguments[2]:void 0,2)),null==x||h==Array&&u(x))for(n=new h(r=a(p.length));r>y;y++)c(n,y,d?g(p[y],y):p[y]);else for(l=x.call(p),n=new h;!(f=l.next()).done;y++)c(n,y,d?i(l,g,[f.value,y],!0):f.value);return n.length=y,n}},function(t,r,n){var e=n(7);t.exports=function(t,r,n,o){try{return o?r(e(n)[0],n[1]):r(n)}catch(r){var i=t.return;throw void 0!==i&&e(i.call(t)),r}}},function(t,r,n){var e=n(3),o=n(35),i=e("iterator"),u=Array.prototype;t.exports=function(t){return void 0!==t&&(o.Array===t||u[i]===t)}},function(t,r,n){var e=n(3)("iterator"),o=!1;try{var i=0,u={next:function(){return{done:!!i++}},return:function(){o=!0}};u[e]=function(){return this},Array.from(u,function(){throw 2})}catch(t){}t.exports=function(t,r){if(!r&&!o)return!1;var n=!1;try{var i={};i[e]=function(){return{next:function(){return{done:n=!0}}}},t(i)}catch(t){}return n}},function(t,r,n){"use strict";var e=n(14),o=n(19),i=n(35),u=n(17),a=n(65),c=u.set,s=u.getterFor("Array Iterator");t.exports=a(Array,"Array",function(t,r){c(this,{type:"Array Iterator",target:e(t),index:0,kind:r})},function(){var t=s(this),r=t.target,n=t.kind,e=t.index++;return!r||e>=r.length?(t.target=void 0,{value:void 0,done:!0}):"keys"==n?{value:e,done:!1}:"values"==n?{value:r[e],done:!1}:{value:[e,r[e]],done:!1}},"values"),i.Arguments=i.Array,o("keys"),o("values"),o("entries")},function(t,r,n){"use strict";var e,o,i,u=n(29),a=n(16),c=n(11),s=n(3),f=n(25),l=s("iterator"),p=!1;[].keys&&("next"in(i=[].keys())?(o=u(u(i)))!==Object.prototype&&(e=o):p=!0),null==e&&(e={}),f||c(e,l)||a(e,l,function(){return this}),t.exports={IteratorPrototype:e,BUGGY_SAFARI_ITERATORS:p}},function(t,r,n){var e=n(1);t.exports=!e(function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype})},function(t,r,n){var e=n(7),o=n(122);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,r=!1,n={};try{(t=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set).call(n,[]),r=n instanceof Array}catch(t){}return function(n,i){return e(n),o(i),r?t.call(n,i):n.__proto__=i,n}}():void 0)},function(t,r,n){"use strict";var e=n(10).f,o=n(46),i=n(52),u=n(27),a=n(36),c=n(51),s=n(65),f=n(67),l=n(5),p=n(23).fastKey,h=n(17),v=h.set,g=h.getterFor;t.exports={getConstructor:function(t,r,n,s){var f=t(function(t,e){a(t,f,r),v(t,{type:r,index:o(null),first:void 0,last:void 0,size:0}),l||(t.size=0),null!=e&&c(e,t[s],t,n)}),h=g(r),d=function(t,r,n){var e,o,i=h(t),u=y(t,r);return u?u.value=n:(i.last=u={index:o=p(r,!0),key:r,value:n,previous:e=i.last,next:void 0,removed:!1},i.first||(i.first=u),e&&(e.next=u),l?i.size++:t.size++,"F"!==o&&(i.index[o]=u)),t},y=function(t,r){var n,e=h(t),o=p(r);if("F"!==o)return e.index[o];for(n=e.first;n;n=n.next)if(n.key==r)return n};return i(f.prototype,{clear:function(){for(var t=h(this),r=t.index,n=t.first;n;)n.removed=!0,n.previous&&(n.previous=n.previous.next=void 0),delete r[n.index],n=n.next;t.first=t.last=void 0,l?t.size=0:this.size=0},delete:function(t){var r=h(this),n=y(this,t);if(n){var e=n.next,o=n.previous;delete r.index[n.index],n.removed=!0,o&&(o.next=e),e&&(e.previous=o),r.first==n&&(r.first=e),r.last==n&&(r.last=o),l?r.size--:this.size--}return!!n},forEach:function(t){for(var r,n=h(this),e=u(t,arguments.length>1?arguments[1]:void 0,3);r=r?r.next:n.first;)for(e(r.value,r.key,this);r&&r.removed;)r=r.previous},has:function(t){return!!y(this,t)}}),i(f.prototype,n?{get:function(t){var r=y(this,t);return r&&r.value},set:function(t,r){return d(this,0===t?0:t,r)}}:{add:function(t){return d(this,t=0===t?0:t,t)}}),l&&e(f.prototype,"size",{get:function(){return h(this).size}}),f},setStrong:function(t,r,n){var e=r+" Iterator",o=g(r),i=g(e);s(t,r,function(t,r){v(this,{type:e,target:t,state:o(t),kind:r,last:void 0})},function(){for(var t=i(this),r=t.kind,n=t.last;n&&n.removed;)n=n.previous;return t.target&&(t.last=n=n?n.next:t.state.first)?"keys"==r?{value:n.key,done:!1}:"values"==r?{value:n.value,done:!1}:{value:[n.key,n.value],done:!1}:(t.target=void 0,{value:void 0,done:!0})},n?"entries":"values",!n,!0),f(r)}}},function(t,r,n){var e=n(2),o=Math.floor;t.exports=function(t){return!e(t)&&isFinite(t)&&o(t)===t}},function(t,r,n){"use strict";var e=n(5),o=n(1),i=n(47),u=n(82),a=n(59),c=n(8),s=n(39),f=Object.assign;t.exports=!f||o(function(){var t={},r={},n=Symbol();return t[n]=7,"abcdefghijklmnopqrst".split("").forEach(function(t){r[t]=t}),7!=f({},t)[n]||"abcdefghijklmnopqrst"!=i(f({},r)).join("")})?function(t,r){for(var n=c(t),o=arguments.length,f=1,l=u.f,p=a.f;o>f;)for(var h,v=s(arguments[f++]),g=l?i(v).concat(l(v)):i(v),d=g.length,y=0;d>y;)h=g[y++],e&&!p.call(v,h)||(n[h]=v[h]);return n}:f},function(t,r,n){var e=n(5),o=n(47),i=n(14),u=n(59).f,a=function(t){return function(r){for(var n,a=i(r),c=o(a),s=c.length,f=0,l=[];s>f;)n=c[f++],e&&!u.call(a,n)||l.push(t?[n,a[n]]:a[n]);return l}};t.exports={entries:a(!0),values:a(!1)}},function(t,r){t.exports=Object.is||function(t,r){return t===r?0!==t||1/t==1/r:t!=t&&r!=r}},function(t,r,n){"use strict";var e=n(55).charAt,o=n(17),i=n(65),u=o.set,a=o.getterFor("String Iterator");i(String,"String",function(t){u(this,{type:"String Iterator",string:String(t),index:0})},function(){var t,r=a(this),n=r.string,o=r.index;return o>=n.length?{value:void 0,done:!0}:(t=e(n,o),r.index+=t.length,{value:t,done:!1})})},function(t,r,n){var e=n(7),o=n(28),i=n(3)("species");t.exports=function(t,r){var n,u=e(t).constructor;return void 0===u||null==(n=e(u)[i])?r:o(n)}},function(t,r,n){var e=n(6),o=n(69),i=n(9),u=Math.ceil,a=function(t){return function(r,n,a){var c,s,f=String(i(r)),l=f.length,p=void 0===a?" ":String(a),h=e(n);return h<=l||""==p?f:(c=h-l,(s=o.call(p,u(c/p.length))).length>c&&(s=s.slice(0,c)),t?f+s:s+f)}};t.exports={start:a(!1),end:a(!0)}},function(t,r,n){var e=n(185);t.exports=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(e)},function(t,r,n){"use strict";var e=n(52),o=n(23).getWeakData,i=n(7),u=n(2),a=n(36),c=n(51),s=n(34),f=n(11),l=n(17),p=l.set,h=l.getterFor,v=s.find,g=s.findIndex,d=0,y=function(t){return t.frozen||(t.frozen=new x)},x=function(){this.entries=[]},m=function(t,r){return v(t.entries,function(t){return t[0]===r})};x.prototype={get:function(t){var r=m(this,t);if(r)return r[1]},has:function(t){return!!m(this,t)},set:function(t,r){var n=m(this,t);n?n[1]=r:this.entries.push([t,r])},delete:function(t){var r=g(this.entries,function(r){return r[0]===t});return~r&&this.entries.splice(r,1),!!~r}},t.exports={getConstructor:function(t,r,n,s){var l=t(function(t,e){a(t,l,r),p(t,{type:r,id:d++,frozen:void 0}),null!=e&&c(e,t[s],t,n)}),v=h(r),g=function(t,r,n){var e=v(t),u=o(i(r),!0);return!0===u?y(e).set(r,n):u[e.id]=n,t};return e(l.prototype,{delete:function(t){var r=v(this);if(!u(t))return!1;var n=o(t);return!0===n?y(r).delete(t):n&&f(n,r.id)&&delete n[r.id]},has:function(t){var r=v(this);if(!u(t))return!1;var n=o(t);return!0===n?y(r).has(t):n&&f(n,r.id)}}),e(l.prototype,n?{get:function(t){var r=v(this);if(u(t)){var n=o(t);return!0===n?y(r).get(t):n?n[r.id]:void 0}},set:function(t,r){return g(this,t,r)}}:{add:function(t){return g(this,t,!0)}}),l}}},function(t,r,n){var e=n(1),o=n(3),i=n(25),u=o("iterator");t.exports=!e(function(){var t=new URL("b?e=1","http://a"),r=t.searchParams;return t.pathname="c%20d",i&&!t.toJSON||!r.sort||"http://a/c%20d?e=1"!==t.href||"1"!==r.get("e")||"a=1"!==String(new URLSearchParams("?a=1"))||!r[u]||"a"!==new URL("https://a@b").username||"b"!==new URLSearchParams(new URLSearchParams("a=b")).get("a")||"xn--e1aybc"!==new URL("http://тест").host||"#%D0%B1"!==new URL("http://a#б").hash})},function(t,r,n){"use strict";n(89);var e=n(0),o=n(103),i=n(15),u=n(52),a=n(30),c=n(66),s=n(17),f=n(36),l=n(11),p=n(27),h=n(7),v=n(2),g=n(213),d=n(48),y=n(3)("iterator"),x=s.set,m=s.getterFor("URLSearchParams"),b=s.getterFor("URLSearchParamsIterator"),S=/\+/g,w=Array(4),E=function(t){return w[t-1]||(w[t-1]=RegExp("((?:%[\\da-f]{2}){"+t+"})","gi"))},O=function(t){try{return decodeURIComponent(t)}catch(r){return t}},A=function(t){var r=t.replace(S," "),n=4;try{return decodeURIComponent(r)}catch(t){for(;n;)r=r.replace(E(n--),O);return r}},I=/[!'()~]|%20/g,j={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+"},R=function(t){return j[t]},k=function(t){return encodeURIComponent(t).replace(I,R)},_=function(t,r){if(r)for(var n,e,o=r.split("&"),i=0;i<o.length;)(n=o[i++]).length&&(e=n.split("="),t.push({key:A(e.shift()),value:A(e.join("="))}))},P=function(t){this.entries.length=0,_(this.entries,t)},L=function(t,r){if(t<r)throw TypeError("Not enough arguments")},N=c(function(t,r){x(this,{type:"URLSearchParamsIterator",iterator:g(m(t).entries),kind:r})},"Iterator",function(){var t=b(this),r=t.kind,n=t.iterator.next(),e=n.value;return n.done||(n.value="keys"===r?e.key:"values"===r?e.value:[e.key,e.value]),n}),U=function(){f(this,U,"URLSearchParams");var t,r,n,e,o,i,u,a=arguments.length>0?arguments[0]:void 0,c=this,s=[];if(x(c,{type:"URLSearchParams",entries:s,updateURL:function(){},updateSearchParams:P}),void 0!==a)if(v(a))if("function"==typeof(t=d(a)))for(r=t.call(a);!(n=r.next()).done;){if((o=(e=g(h(n.value))).next()).done||(i=e.next()).done||!e.next().done)throw TypeError("Expected sequence with length 2");s.push({key:o.value+"",value:i.value+""})}else for(u in a)l(a,u)&&s.push({key:u,value:a[u]+""});else _(s,"string"==typeof a?"?"===a.charAt(0)?a.slice(1):a:a+"")},F=U.prototype;u(F,{append:function(t,r){L(arguments.length,2);var n=m(this);n.entries.push({key:t+"",value:r+""}),n.updateURL()},delete:function(t){L(arguments.length,1);for(var r=m(this),n=r.entries,e=t+"",o=0;o<n.length;)n[o].key===e?n.splice(o,1):o++;r.updateURL()},get:function(t){L(arguments.length,1);for(var r=m(this).entries,n=t+"",e=0;e<r.length;e++)if(r[e].key===n)return r[e].value;return null},getAll:function(t){L(arguments.length,1);for(var r=m(this).entries,n=t+"",e=[],o=0;o<r.length;o++)r[o].key===n&&e.push(r[o].value);return e},has:function(t){L(arguments.length,1);for(var r=m(this).entries,n=t+"",e=0;e<r.length;)if(r[e++].key===n)return!0;return!1},set:function(t,r){L(arguments.length,1);for(var n,e=m(this),o=e.entries,i=!1,u=t+"",a=r+"",c=0;c<o.length;c++)(n=o[c]).key===u&&(i?o.splice(c--,1):(i=!0,n.value=a));i||o.push({key:u,value:a}),e.updateURL()},sort:function(){var t,r,n,e=m(this),o=e.entries,i=o.slice();for(o.length=0,n=0;n<i.length;n++){for(t=i[n],r=0;r<n;r++)if(o[r].key>t.key){o.splice(r,0,t);break}r===n&&o.push(t)}e.updateURL()},forEach:function(t){for(var r,n=m(this).entries,e=p(t,arguments.length>1?arguments[1]:void 0,3),o=0;o<n.length;)e((r=n[o++]).value,r.key,this)},keys:function(){return new N(this,"keys")},values:function(){return new N(this,"values")},entries:function(){return new N(this,"entries")}},{enumerable:!0}),i(F,y,F.entries),i(F,"toString",function(){for(var t,r=m(this).entries,n=[],e=0;e<r.length;)t=r[e++],n.push(k(t.key)+"="+k(t.value));return n.join("&")},{enumerable:!0}),a(U,"URLSearchParams"),e({global:!0,forced:!o},{URLSearchParams:U}),t.exports={URLSearchParams:U,getState:m}},function(t,r,n){n(106),n(110),n(113),n(115),n(116),n(117),n(118),n(119),n(120),n(121),n(89),n(123),n(125),n(126),n(127),n(128),n(129),n(130),n(131),n(132),n(133),n(134),n(135),n(136),n(137),n(138),n(140),n(141),n(142),n(143),n(144),n(145),n(147),n(149),n(151),n(152),n(153),n(154),n(155),n(156),n(157),n(158),n(159),n(161),n(162),n(163),n(164),n(165),n(166),n(167),n(168),n(169),n(170),n(171),n(173),n(174),n(175),n(176),n(177),n(178),n(179),n(180),n(181),n(98),n(182),n(183),n(184),n(186),n(187),n(188),n(189),n(190),n(191),n(192),n(193),n(194),n(195),n(196),n(197),n(198),n(199),n(200),n(201),n(202),n(203),n(204),n(205),n(206),n(207),n(208),n(209),n(210),n(211),n(214),t.exports=n(104)},function(t,r,n){"use strict";var e=n(0),o=n(1),i=n(45),u=n(2),a=n(8),c=n(6),s=n(22),f=n(32),l=n(33),p=n(3)("isConcatSpreadable"),h=!o(function(){var t=[];return t[p]=!1,t.concat()[0]!==t}),v=l("concat"),g=function(t){if(!u(t))return!1;var r=t[p];return void 0!==r?!!r:i(t)};e({target:"Array",proto:!0,forced:!h||!v},{concat:function(t){var r,n,e,o,i,u=a(this),l=f(u,0),p=0;for(r=-1,e=arguments.length;r<e;r++)if(i=-1===r?u:arguments[r],g(i)){if(p+(o=c(i.length))>9007199254740991)throw TypeError("Maximum allowed index exceeded");for(n=0;n<o;n++,p++)n in i&&s(l,p,i[n])}else{if(p>=9007199254740991)throw TypeError("Maximum allowed index exceeded");s(l,p++,i)}return l.length=p,l}})},function(t,r,n){var e=n(11),o=n(79),i=n(20),u=n(10);t.exports=function(t,r){for(var n=o(r),a=u.f,c=i.f,s=0;s<n.length;s++){var f=n[s];e(t,f)||a(t,f,c(r,f))}}},function(t,r,n){t.exports=n(4)},function(t,r,n){var e=n(1);t.exports=!!Object.getOwnPropertySymbols&&!e(function(){return!String(Symbol())})},function(t,r,n){var e=n(0),o=n(111),i=n(19);e({target:"Array",proto:!0},{copyWithin:o}),i("copyWithin")},function(t,r,n){"use strict";var e=n(8),o=n(26),i=n(6),u=Math.min;t.exports=[].copyWithin||function(t,r){var n=e(this),a=i(n.length),c=o(t,a),s=o(r,a),f=arguments.length>2?arguments[2]:void 0,l=u((void 0===f?a:o(f,a))-s,a-c),p=1;for(s<c&&c<s+l&&(p=-1,s+=l-1,c+=l-1);l-- >0;)s in n?n[c]=n[s]:delete n[c],c+=p,s+=p;return n}},function(t,r,n){var e=n(42);t.exports=e("document","documentElement")},function(t,r,n){var e=n(0),o=n(114),i=n(19);e({target:"Array",proto:!0},{fill:o}),i("fill")},function(t,r,n){"use strict";var e=n(8),o=n(26),i=n(6);t.exports=function(t){for(var r=e(this),n=i(r.length),u=arguments.length,a=o(u>1?arguments[1]:void 0,n),c=u>2?arguments[2]:void 0,s=void 0===c?n:o(c,n);s>a;)r[a++]=t;return r}},function(t,r,n){"use strict";var e=n(0),o=n(34).filter;e({target:"Array",proto:!0,forced:!n(33)("filter")},{filter:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},function(t,r,n){"use strict";var e=n(0),o=n(34).find,i=n(19),u=!0;"find"in[]&&Array(1).find(function(){u=!1}),e({target:"Array",proto:!0,forced:u},{find:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),i("find")},function(t,r,n){"use strict";var e=n(0),o=n(34).findIndex,i=n(19),u=!0;"findIndex"in[]&&Array(1).findIndex(function(){u=!1}),e({target:"Array",proto:!0,forced:u},{findIndex:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),i("findIndex")},function(t,r,n){"use strict";var e=n(0),o=n(84),i=n(8),u=n(6),a=n(18),c=n(32);e({target:"Array",proto:!0},{flat:function(){var t=arguments.length?arguments[0]:void 0,r=i(this),n=u(r.length),e=c(r,0);return e.length=o(e,r,r,n,0,void 0===t?1:a(t)),e}})},function(t,r,n){"use strict";var e=n(0),o=n(84),i=n(8),u=n(6),a=n(28),c=n(32);e({target:"Array",proto:!0},{flatMap:function(t){var r,n=i(this),e=u(n.length);return a(t),(r=c(n,0)).length=o(r,n,n,e,0,1,t,arguments.length>1?arguments[1]:void 0),r}})},function(t,r,n){var e=n(0),o=n(85);e({target:"Array",stat:!0,forced:!n(88)(function(t){Array.from(t)})},{from:o})},function(t,r,n){"use strict";var e=n(0),o=n(81).includes,i=n(19);e({target:"Array",proto:!0},{includes:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),i("includes")},function(t,r,n){var e=n(2);t.exports=function(t){if(!e(t)&&null!==t)throw TypeError("Can't set "+String(t)+" as a prototype");return t}},function(t,r,n){"use strict";var e=n(0),o=n(39),i=n(14),u=n(124),a=[].join,c=o!=Object,s=u("join",",");e({target:"Array",proto:!0,forced:c||s},{join:function(t){return a.call(i(this),void 0===t?",":t)}})},function(t,r,n){"use strict";var e=n(1);t.exports=function(t,r){var n=[][t];return!n||!e(function(){n.call(null,r||function(){throw 1},1)})}},function(t,r,n){"use strict";var e=n(0),o=n(34).map;e({target:"Array",proto:!0,forced:!n(33)("map")},{map:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},function(t,r,n){"use strict";var e=n(0),o=n(1),i=n(22);e({target:"Array",stat:!0,forced:o(function(){function t(){}return!(Array.of.call(t)instanceof t)})},{of:function(){for(var t=0,r=arguments.length,n=new("function"==typeof this?this:Array)(r);r>t;)i(n,t,arguments[t++]);return n.length=r,n}})},function(t,r,n){"use strict";var e=n(0),o=n(2),i=n(45),u=n(26),a=n(6),c=n(14),s=n(22),f=n(33),l=n(3)("species"),p=[].slice,h=Math.max;e({target:"Array",proto:!0,forced:!f("slice")},{slice:function(t,r){var n,e,f,v=c(this),g=a(v.length),d=u(t,g),y=u(void 0===r?g:r,g);if(i(v)&&("function"!=typeof(n=v.constructor)||n!==Array&&!i(n.prototype)?o(n)&&null===(n=n[l])&&(n=void 0):n=void 0,n===Array||void 0===n))return p.call(v,d,y);for(e=new(void 0===n?Array:n)(h(y-d,0)),f=0;d<y;d++,f++)d in v&&s(e,f,v[d]);return e.length=f,e}})},function(t,r,n){n(67)("Array")},function(t,r,n){"use strict";var e=n(0),o=n(26),i=n(18),u=n(6),a=n(8),c=n(32),s=n(22),f=n(33),l=Math.max,p=Math.min;e({target:"Array",proto:!0,forced:!f("splice")},{splice:function(t,r){var n,e,f,h,v,g,d=a(this),y=u(d.length),x=o(t,y),m=arguments.length;if(0===m?n=e=0:1===m?(n=0,e=y-x):(n=m-2,e=p(l(i(r),0),y-x)),y+n-e>9007199254740991)throw TypeError("Maximum allowed length exceeded");for(f=c(d,e),h=0;h<e;h++)(v=x+h)in d&&s(f,h,d[v]);if(f.length=e,n<e){for(h=x;h<y-e;h++)g=h+n,(v=h+e)in d?d[g]=d[v]:delete d[g];for(h=y;h>y-e+n;h--)delete d[h-1]}else if(n>e)for(h=y-e;h>x;h--)g=h+n-1,(v=h+e-1)in d?d[g]=d[v]:delete d[g];for(h=0;h<n;h++)d[h+x]=arguments[h+2];return d.length=y-e+n,f}})},function(t,r,n){n(19)("flat")},function(t,r,n){n(19)("flatMap")},function(t,r,n){"use strict";var e=n(2),o=n(10),i=n(29),u=n(3)("hasInstance"),a=Function.prototype;u in a||o.f(a,u,{value:function(t){if("function"!=typeof this||!e(t))return!1;if(!e(this.prototype))return t instanceof this;for(;t=i(t);)if(this.prototype===t)return!0;return!1}})},function(t,r,n){var e=n(5),o=n(10).f,i=Function.prototype,u=i.toString,a=/^\s*function ([^ (]*)/;!e||"name"in i||o(i,"name",{configurable:!0,get:function(){try{return u.call(this).match(a)[1]}catch(t){return""}}})},function(t,r,n){var e=n(4);n(30)(e.JSON,"JSON",!0)},function(t,r,n){"use strict";var e=n(49),o=n(93);t.exports=e("Map",function(t){return function(){return t(this,arguments.length?arguments[0]:void 0)}},o,!0)},function(t,r,n){"use strict";var e=n(5),o=n(4),i=n(44),u=n(15),a=n(11),c=n(21),s=n(68),f=n(24),l=n(1),p=n(46),h=n(43).f,v=n(20).f,g=n(10).f,d=n(31).trim,y=o.Number,x=y.prototype,m="Number"==c(p(x)),b=function(t){var r,n,e,o,i,u,a,c,s=f(t,!1);if("string"==typeof s&&s.length>2)if(43===(r=(s=d(s)).charCodeAt(0))||45===r){if(88===(n=s.charCodeAt(2))||120===n)return NaN}else if(48===r){switch(s.charCodeAt(1)){case 66:case 98:e=2,o=49;break;case 79:case 111:e=8,o=55;break;default:return+s}for(u=(i=s.slice(2)).length,a=0;a<u;a++)if((c=i.charCodeAt(a))<48||c>o)return NaN;return parseInt(i,e)}return+s};if(i("Number",!y(" 0o1")||!y("0b1")||y("+0x1"))){for(var S,w=function(t){var r=arguments.length<1?0:t,n=this;return n instanceof w&&(m?l(function(){x.valueOf.call(n)}):"Number"!=c(n))?s(new y(b(r)),n,w):b(r)},E=e?h(y):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),O=0;E.length>O;O++)a(y,S=E[O])&&!a(w,S)&&g(w,S,v(y,S));w.prototype=x,x.constructor=w,u(o,"Number",w)}},function(t,r,n){n(0)({target:"Number",stat:!0},{EPSILON:Math.pow(2,-52)})},function(t,r,n){n(0)({target:"Number",stat:!0},{isFinite:n(139)})},function(t,r,n){var e=n(4).isFinite;t.exports=Number.isFinite||function(t){return"number"==typeof t&&e(t)}},function(t,r,n){n(0)({target:"Number",stat:!0},{isInteger:n(94)})},function(t,r,n){n(0)({target:"Number",stat:!0},{isNaN:function(t){return t!=t}})},function(t,r,n){var e=n(0),o=n(94),i=Math.abs;e({target:"Number",stat:!0},{isSafeInteger:function(t){return o(t)&&i(t)<=9007199254740991}})},function(t,r,n){n(0)({target:"Number",stat:!0},{MAX_SAFE_INTEGER:9007199254740991})},function(t,r,n){n(0)({target:"Number",stat:!0},{MIN_SAFE_INTEGER:-9007199254740991})},function(t,r,n){var e=n(0),o=n(146);e({target:"Number",stat:!0,forced:Number.parseFloat!=o},{parseFloat:o})},function(t,r,n){var e=n(4),o=n(31).trim,i=n(53),u=e.parseFloat,a=1/u(i+"-0")!=-1/0;t.exports=a?function(t){var r=o(String(t)),n=u(r);return 0===n&&"-"==r.charAt(0)?-0:n}:u},function(t,r,n){var e=n(0),o=n(148);e({target:"Number",stat:!0,forced:Number.parseInt!=o},{parseInt:o})},function(t,r,n){var e=n(4),o=n(31).trim,i=n(53),u=e.parseInt,a=/^[+-]?0[Xx]/,c=8!==u(i+"08")||22!==u(i+"0x16");t.exports=c?function(t,r){var n=o(String(t));return u(n,r>>>0||(a.test(n)?16:10))}:u},function(t,r,n){"use strict";var e=n(0),o=n(18),i=n(150),u=n(69),a=n(1),c=1..toFixed,s=Math.floor,f=function(t,r,n){return 0===r?n:r%2==1?f(t,r-1,n*t):f(t*t,r/2,n)};e({target:"Number",proto:!0,forced:c&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!a(function(){c.call({})})},{toFixed:function(t){var r,n,e,a,c=i(this),l=o(t),p=[0,0,0,0,0,0],h="",v="0",g=function(t,r){for(var n=-1,e=r;++n<6;)e+=t*p[n],p[n]=e%1e7,e=s(e/1e7)},d=function(t){for(var r=6,n=0;--r>=0;)n+=p[r],p[r]=s(n/t),n=n%t*1e7},y=function(){for(var t=6,r="";--t>=0;)if(""!==r||0===t||0!==p[t]){var n=String(p[t]);r=""===r?n:r+u.call("0",7-n.length)+n}return r};if(l<0||l>20)throw RangeError("Incorrect fraction digits");if(c!=c)return"NaN";if(c<=-1e21||c>=1e21)return String(c);if(c<0&&(h="-",c=-c),c>1e-21)if(n=(r=function(t){for(var r=0,n=t;n>=4096;)r+=12,n/=4096;for(;n>=2;)r+=1,n/=2;return r}(c*f(2,69,1))-69)<0?c*f(2,-r,1):c/f(2,r,1),n*=4503599627370496,(r=52-r)>0){for(g(0,n),e=l;e>=7;)g(1e7,0),e-=7;for(g(f(10,e,1),0),e=r-1;e>=23;)d(1<<23),e-=23;d(1<<e),g(1,1),d(2),v=y()}else g(0,n),g(1<<-r,0),v=y()+u.call("0",l);return v=l>0?h+((a=v.length)<=l?"0."+u.call("0",l-a)+v:v.slice(0,a-l)+"."+v.slice(a-l)):h+v}})},function(t,r,n){var e=n(21);t.exports=function(t){if("number"!=typeof t&&"Number"!=e(t))throw TypeError("Incorrect invocation");return+t}},function(t,r,n){var e=n(0),o=n(95);e({target:"Object",stat:!0,forced:Object.assign!==o},{assign:o})},function(t,r,n){"use strict";var e=n(0),o=n(5),i=n(54),u=n(8),a=n(28),c=n(10);o&&e({target:"Object",proto:!0,forced:i},{__defineGetter__:function(t,r){c.f(u(this),t,{get:a(r),enumerable:!0,configurable:!0})}})},function(t,r,n){"use strict";var e=n(0),o=n(5),i=n(54),u=n(8),a=n(28),c=n(10);o&&e({target:"Object",proto:!0,forced:i},{__defineSetter__:function(t,r){c.f(u(this),t,{set:a(r),enumerable:!0,configurable:!0})}})},function(t,r,n){var e=n(0),o=n(96).entries;e({target:"Object",stat:!0},{entries:function(t){return o(t)}})},function(t,r,n){var e=n(0),o=n(50),i=n(1),u=n(2),a=n(23).onFreeze,c=Object.freeze;e({target:"Object",stat:!0,forced:i(function(){c(1)}),sham:!o},{freeze:function(t){return c&&u(t)?c(a(t)):t}})},function(t,r,n){var e=n(0),o=n(51),i=n(22);e({target:"Object",stat:!0},{fromEntries:function(t){var r={};return o(t,function(t,n){i(r,t,n)},void 0,!0),r}})},function(t,r,n){var e=n(0),o=n(1),i=n(14),u=n(20).f,a=n(5),c=o(function(){u(1)});e({target:"Object",stat:!0,forced:!a||c,sham:!a},{getOwnPropertyDescriptor:function(t,r){return u(i(t),r)}})},function(t,r,n){var e=n(0),o=n(5),i=n(79),u=n(14),a=n(20),c=n(22);e({target:"Object",stat:!0,sham:!o},{getOwnPropertyDescriptors:function(t){for(var r,n,e=u(t),o=a.f,s=i(e),f={},l=0;s.length>l;)void 0!==(n=o(e,r=s[l++]))&&c(f,r,n);return f}})},function(t,r,n){var e=n(0),o=n(1),i=n(160).f;e({target:"Object",stat:!0,forced:o(function(){return!Object.getOwnPropertyNames(1)})},{getOwnPropertyNames:i})},function(t,r,n){var e=n(14),o=n(43).f,i={}.toString,u="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];t.exports.f=function(t){return u&&"[object Window]"==i.call(t)?function(t){try{return o(t)}catch(t){return u.slice()}}(t):o(e(t))}},function(t,r,n){var e=n(0),o=n(1),i=n(8),u=n(29),a=n(91);e({target:"Object",stat:!0,forced:o(function(){u(1)}),sham:!a},{getPrototypeOf:function(t){return u(i(t))}})},function(t,r,n){n(0)({target:"Object",stat:!0},{is:n(97)})},function(t,r,n){var e=n(0),o=n(1),i=n(2),u=Object.isExtensible;e({target:"Object",stat:!0,forced:o(function(){u(1)})},{isExtensible:function(t){return!!i(t)&&(!u||u(t))}})},function(t,r,n){var e=n(0),o=n(1),i=n(2),u=Object.isFrozen;e({target:"Object",stat:!0,forced:o(function(){u(1)})},{isFrozen:function(t){return!i(t)||!!u&&u(t)}})},function(t,r,n){var e=n(0),o=n(1),i=n(2),u=Object.isSealed;e({target:"Object",stat:!0,forced:o(function(){u(1)})},{isSealed:function(t){return!i(t)||!!u&&u(t)}})},function(t,r,n){var e=n(0),o=n(8),i=n(47);e({target:"Object",stat:!0,forced:n(1)(function(){i(1)})},{keys:function(t){return i(o(t))}})},function(t,r,n){"use strict";var e=n(0),o=n(5),i=n(54),u=n(8),a=n(24),c=n(29),s=n(20).f;o&&e({target:"Object",proto:!0,forced:i},{__lookupGetter__:function(t){var r,n=u(this),e=a(t,!0);do{if(r=s(n,e))return r.get}while(n=c(n))}})},function(t,r,n){"use strict";var e=n(0),o=n(5),i=n(54),u=n(8),a=n(24),c=n(29),s=n(20).f;o&&e({target:"Object",proto:!0,forced:i},{__lookupSetter__:function(t){var r,n=u(this),e=a(t,!0);do{if(r=s(n,e))return r.set}while(n=c(n))}})},function(t,r,n){var e=n(0),o=n(2),i=n(23).onFreeze,u=n(50),a=n(1),c=Object.preventExtensions;e({target:"Object",stat:!0,forced:a(function(){c(1)}),sham:!u},{preventExtensions:function(t){return c&&o(t)?c(i(t)):t}})},function(t,r,n){var e=n(0),o=n(2),i=n(23).onFreeze,u=n(50),a=n(1),c=Object.seal;e({target:"Object",stat:!0,forced:a(function(){c(1)}),sham:!u},{seal:function(t){return c&&o(t)?c(i(t)):t}})},function(t,r,n){var e=n(15),o=n(172),i=Object.prototype;o!==i.toString&&e(i,"toString",o,{unsafe:!0})},function(t,r,n){"use strict";var e=n(64),o={};o[n(3)("toStringTag")]="z",t.exports="[object z]"!==String(o)?function(){return"[object "+e(this)+"]"}:o.toString},function(t,r,n){var e=n(0),o=n(96).values;e({target:"Object",stat:!0},{values:function(t){return o(t)}})},function(t,r,n){var e=n(5),o=n(4),i=n(44),u=n(68),a=n(10).f,c=n(43).f,s=n(70),f=n(37),l=n(15),p=n(1),h=n(67),v=n(3)("match"),g=o.RegExp,d=g.prototype,y=/a/g,x=/a/g,m=new g(y)!==y;if(e&&i("RegExp",!m||p(function(){return x[v]=!1,g(y)!=y||g(x)==x||"/a/i"!=g(y,"i")}))){for(var b=function(t,r){var n=this instanceof b,e=s(t),o=void 0===r;return!n&&e&&t.constructor===b&&o?t:u(m?new g(e&&!o?t.source:t,r):g((e=t instanceof b)?t.source:t,e&&o?f.call(t):r),n?this:d,b)},S=function(t){t in b||a(b,t,{configurable:!0,get:function(){return g[t]},set:function(r){g[t]=r}})},w=c(g),E=0;w.length>E;)S(w[E++]);d.constructor=b,b.prototype=d,l(o,"RegExp",b)}h("RegExp")},function(t,r,n){var e=n(5),o=n(10),i=n(37);e&&"g"!=/./g.flags&&o.f(RegExp.prototype,"flags",{configurable:!0,get:i})},function(t,r,n){"use strict";var e=n(15),o=n(7),i=n(1),u=n(37),a=RegExp.prototype,c=a.toString,s=i(function(){return"/a/b"!=c.call({source:"a",flags:"b"})}),f="toString"!=c.name;(s||f)&&e(RegExp.prototype,"toString",function(){var t=o(this),r=String(t.source),n=t.flags;return"/"+r+"/"+String(void 0===n&&t instanceof RegExp&&!("flags"in a)?u.call(t):n)},{unsafe:!0})},function(t,r,n){"use strict";var e=n(49),o=n(93);t.exports=e("Set",function(t){return function(){return t(this,arguments.length?arguments[0]:void 0)}},o)},function(t,r,n){"use strict";var e=n(0),o=n(55).codeAt;e({target:"String",proto:!0},{codePointAt:function(t){return o(this,t)}})},function(t,r,n){"use strict";var e=n(0),o=n(6),i=n(71),u=n(9),a=n(72),c="".endsWith,s=Math.min;e({target:"String",proto:!0,forced:!a("endsWith")},{endsWith:function(t){var r=String(u(this));i(t);var n=arguments.length>1?arguments[1]:void 0,e=o(r.length),a=void 0===n?e:s(o(n),e),f=String(t);return c?c.call(r,f,a):r.slice(a-f.length,a)===f}})},function(t,r,n){var e=n(0),o=n(26),i=String.fromCharCode,u=String.fromCodePoint;e({target:"String",stat:!0,forced:!!u&&1!=u.length},{fromCodePoint:function(t){for(var r,n=[],e=arguments.length,u=0;e>u;){if(r=+arguments[u++],o(r,1114111)!==r)throw RangeError(r+" is not a valid code point");n.push(r<65536?i(r):i(55296+((r-=65536)>>10),r%1024+56320))}return n.join("")}})},function(t,r,n){"use strict";var e=n(0),o=n(71),i=n(9);e({target:"String",proto:!0,forced:!n(72)("includes")},{includes:function(t){return!!~String(i(this)).indexOf(o(t),arguments.length>1?arguments[1]:void 0)}})},function(t,r,n){"use strict";var e=n(56),o=n(7),i=n(6),u=n(9),a=n(57),c=n(58);e("match",1,function(t,r,n){return[function(r){var n=u(this),e=null==r?void 0:r[t];return void 0!==e?e.call(r,n):new RegExp(r)[t](String(n))},function(t){var e=n(r,t,this);if(e.done)return e.value;var u=o(t),s=String(this);if(!u.global)return c(u,s);var f=u.unicode;u.lastIndex=0;for(var l,p=[],h=0;null!==(l=c(u,s));){var v=String(l[0]);p[h]=v,""===v&&(u.lastIndex=a(s,i(u.lastIndex),f)),h++}return 0===h?null:p}]})},function(t,r,n){"use strict";var e=n(0),o=n(66),i=n(9),u=n(6),a=n(28),c=n(7),s=n(64),f=n(37),l=n(16),p=n(3),h=n(99),v=n(57),g=n(17),d=n(25),y=p("matchAll"),x=g.set,m=g.getterFor("RegExp String Iterator"),b=RegExp.prototype,S=b.exec,w=o(function(t,r,n,e){x(this,{type:"RegExp String Iterator",regexp:t,string:r,global:n,unicode:e,done:!1})},"RegExp String",function(){var t=m(this);if(t.done)return{value:void 0,done:!0};var r=t.regexp,n=t.string,e=function(t,r){var n,e=t.exec;if("function"==typeof e){if("object"!=typeof(n=e.call(t,r)))throw TypeError("Incorrect exec result");return n}return S.call(t,r)}(r,n);return null===e?{value:void 0,done:t.done=!0}:t.global?(""==String(e[0])&&(r.lastIndex=v(n,u(r.lastIndex),t.unicode)),{value:e,done:!1}):(t.done=!0,{value:e,done:!1})}),E=function(t){var r,n,e,o,i,a,s=c(this),l=String(t);return r=h(s,RegExp),void 0===(n=s.flags)&&s instanceof RegExp&&!("flags"in b)&&(n=f.call(s)),e=void 0===n?"":String(n),o=new r(r===RegExp?s.source:s,e),i=!!~e.indexOf("g"),a=!!~e.indexOf("u"),o.lastIndex=u(s.lastIndex),new w(o,l,i,a)};e({target:"String",proto:!0},{matchAll:function(t){var r,n,e,o=i(this);return null!=t&&(void 0===(n=t[y])&&d&&"RegExp"==s(t)&&(n=E),null!=n)?a(n).call(t,o):(r=String(o),e=new RegExp(t,"g"),d?E.call(e,r):e[y](r))}}),d||y in b||l(b,y,E)},function(t,r,n){"use strict";var e=n(0),o=n(100).end;e({target:"String",proto:!0,forced:n(101)},{padEnd:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},function(t,r,n){var e=n(42);t.exports=e("navigator","userAgent")||""},function(t,r,n){"use strict";var e=n(0),o=n(100).start;e({target:"String",proto:!0,forced:n(101)},{padStart:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},function(t,r,n){var e=n(0),o=n(14),i=n(6);e({target:"String",stat:!0},{raw:function(t){for(var r=o(t.raw),n=i(r.length),e=arguments.length,u=[],a=0;n>a;)u.push(String(r[a++])),a<e&&u.push(String(arguments[a]));return u.join("")}})},function(t,r,n){n(0)({target:"String",proto:!0},{repeat:n(69)})},function(t,r,n){"use strict";var e=n(56),o=n(7),i=n(8),u=n(6),a=n(18),c=n(9),s=n(57),f=n(58),l=Math.max,p=Math.min,h=Math.floor,v=/\$([$&'`]|\d\d?|<[^>]*>)/g,g=/\$([$&'`]|\d\d?)/g;e("replace",2,function(t,r,n){return[function(n,e){var o=c(this),i=null==n?void 0:n[t];return void 0!==i?i.call(n,o,e):r.call(String(o),n,e)},function(t,i){var c=n(r,t,this,i);if(c.done)return c.value;var h=o(t),v=String(this),g="function"==typeof i;g||(i=String(i));var d=h.global;if(d){var y=h.unicode;h.lastIndex=0}for(var x=[];;){var m=f(h,v);if(null===m)break;if(x.push(m),!d)break;""===String(m[0])&&(h.lastIndex=s(v,u(h.lastIndex),y))}for(var b,S="",w=0,E=0;E<x.length;E++){m=x[E];for(var O=String(m[0]),A=l(p(a(m.index),v.length),0),I=[],j=1;j<m.length;j++)I.push(void 0===(b=m[j])?b:String(b));var R=m.groups;if(g){var k=[O].concat(I,A,v);void 0!==R&&k.push(R);var _=String(i.apply(void 0,k))}else _=e(O,v,A,I,R,i);A>=w&&(S+=v.slice(w,A)+_,w=A+O.length)}return S+v.slice(w)}];function e(t,n,e,o,u,a){var c=e+t.length,s=o.length,f=g;return void 0!==u&&(u=i(u),f=v),r.call(a,f,function(r,i){var a;switch(i.charAt(0)){case"$":return"$";case"&":return t;case"`":return n.slice(0,e);case"'":return n.slice(c);case"<":a=u[i.slice(1,-1)];break;default:var f=+i;if(0===f)return r;if(f>s){var l=h(f/10);return 0===l?r:l<=s?void 0===o[l-1]?i.charAt(1):o[l-1]+i.charAt(1):r}a=o[f-1]}return void 0===a?"":a})}})},function(t,r,n){"use strict";var e=n(56),o=n(7),i=n(9),u=n(97),a=n(58);e("search",1,function(t,r,n){return[function(r){var n=i(this),e=null==r?void 0:r[t];return void 0!==e?e.call(r,n):new RegExp(r)[t](String(n))},function(t){var e=n(r,t,this);if(e.done)return e.value;var i=o(t),c=String(this),s=i.lastIndex;u(s,0)||(i.lastIndex=0);var f=a(i,c);return u(i.lastIndex,s)||(i.lastIndex=s),null===f?-1:f.index}]})},function(t,r,n){"use strict";var e=n(56),o=n(70),i=n(7),u=n(9),a=n(99),c=n(57),s=n(6),f=n(58),l=n(73),p=n(1),h=[].push,v=Math.min,g=!p(function(){return!RegExp(4294967295,"y")});e("split",2,function(t,r,n){var e;return e="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length?function(t,n){var e=String(u(this)),i=void 0===n?4294967295:n>>>0;if(0===i)return[];if(void 0===t)return[e];if(!o(t))return r.call(e,t,i);for(var a,c,s,f=[],p=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),v=0,g=new RegExp(t.source,p+"g");(a=l.call(g,e))&&!((c=g.lastIndex)>v&&(f.push(e.slice(v,a.index)),a.length>1&&a.index<e.length&&h.apply(f,a.slice(1)),s=a[0].length,v=c,f.length>=i));)g.lastIndex===a.index&&g.lastIndex++;return v===e.length?!s&&g.test("")||f.push(""):f.push(e.slice(v)),f.length>i?f.slice(0,i):f}:"0".split(void 0,0).length?function(t,n){return void 0===t&&0===n?[]:r.call(this,t,n)}:r,[function(r,n){var o=u(this),i=null==r?void 0:r[t];return void 0!==i?i.call(r,o,n):e.call(String(o),r,n)},function(t,o){var u=n(e,t,this,o,e!==r);if(u.done)return u.value;var l=i(t),p=String(this),h=a(l,RegExp),d=l.unicode,y=(l.ignoreCase?"i":"")+(l.multiline?"m":"")+(l.unicode?"u":"")+(g?"y":"g"),x=new h(g?l:"^(?:"+l.source+")",y),m=void 0===o?4294967295:o>>>0;if(0===m)return[];if(0===p.length)return null===f(x,p)?[p]:[];for(var b=0,S=0,w=[];S<p.length;){x.lastIndex=g?S:0;var E,O=f(x,g?p:p.slice(S));if(null===O||(E=v(s(x.lastIndex+(g?0:S)),p.length))===b)S=c(p,S,d);else{if(w.push(p.slice(b,S)),w.length===m)return w;for(var A=1;A<=O.length-1;A++)if(w.push(O[A]),w.length===m)return w;S=b=E}}return w.push(p.slice(b)),w}]},!g)},function(t,r,n){"use strict";var e=n(0),o=n(6),i=n(71),u=n(9),a=n(72),c="".startsWith,s=Math.min;e({target:"String",proto:!0,forced:!a("startsWith")},{startsWith:function(t){var r=String(u(this));i(t);var n=o(s(arguments.length>1?arguments[1]:void 0,r.length)),e=String(t);return c?c.call(r,e,n):r.slice(n,n+e.length)===e}})},function(t,r,n){"use strict";var e=n(0),o=n(31).trim;e({target:"String",proto:!0,forced:n(74)("trim")},{trim:function(){return o(this)}})},function(t,r,n){"use strict";var e=n(0),o=n(31).end,i=n(74)("trimEnd"),u=i?function(){return o(this)}:"".trimEnd;e({target:"String",proto:!0,forced:i},{trimEnd:u,trimRight:u})},function(t,r,n){"use strict";var e=n(0),o=n(31).start,i=n(74)("trimStart"),u=i?function(){return o(this)}:"".trimStart;e({target:"String",proto:!0,forced:i},{trimStart:u,trimLeft:u})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("anchor")},{anchor:function(t){return o(this,"a","name",t)}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("big")},{big:function(){return o(this,"big","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("blink")},{blink:function(){return o(this,"blink","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("bold")},{bold:function(){return o(this,"b","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("fixed")},{fixed:function(){return o(this,"tt","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("fontcolor")},{fontcolor:function(t){return o(this,"font","color",t)}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("fontsize")},{fontsize:function(t){return o(this,"font","size",t)}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("italics")},{italics:function(){return o(this,"i","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("link")},{link:function(t){return o(this,"a","href",t)}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("small")},{small:function(){return o(this,"small","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("strike")},{strike:function(){return o(this,"strike","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("sub")},{sub:function(){return o(this,"sub","","")}})},function(t,r,n){"use strict";var e=n(0),o=n(12);e({target:"String",proto:!0,forced:n(13)("sup")},{sup:function(){return o(this,"sup","","")}})},function(t,r,n){"use strict";var e,o=n(4),i=n(52),u=n(23),a=n(49),c=n(102),s=n(2),f=n(17).enforce,l=n(78),p=!o.ActiveXObject&&"ActiveXObject"in o,h=Object.isExtensible,v=function(t){return function(){return t(this,arguments.length?arguments[0]:void 0)}},g=t.exports=a("WeakMap",v,c,!0,!0);if(l&&p){e=c.getConstructor(v,"WeakMap",!0),u.REQUIRED=!0;var d=g.prototype,y=d.delete,x=d.has,m=d.get,b=d.set;i(d,{delete:function(t){if(s(t)&&!h(t)){var r=f(this);return r.frozen||(r.frozen=new e),y.call(this,t)||r.frozen.delete(t)}return y.call(this,t)},has:function(t){if(s(t)&&!h(t)){var r=f(this);return r.frozen||(r.frozen=new e),x.call(this,t)||r.frozen.has(t)}return x.call(this,t)},get:function(t){if(s(t)&&!h(t)){var r=f(this);return r.frozen||(r.frozen=new e),x.call(this,t)?m.call(this,t):r.frozen.get(t)}return m.call(this,t)},set:function(t,r){if(s(t)&&!h(t)){var n=f(this);n.frozen||(n.frozen=new e),x.call(this,t)?b.call(this,t,r):n.frozen.set(t,r)}else b.call(this,t,r);return this}})}},function(t,r,n){"use strict";n(49)("WeakSet",function(t){return function(){return t(this,arguments.length?arguments[0]:void 0)}},n(102),!1,!0)},function(t,r,n){"use strict";n(98);var e,o=n(0),i=n(5),u=n(103),a=n(4),c=n(83),s=n(15),f=n(36),l=n(11),p=n(95),h=n(85),v=n(55).codeAt,g=n(212),d=n(30),y=n(104),x=n(17),m=a.URL,b=y.URLSearchParams,S=y.getState,w=x.set,E=x.getterFor("URL"),O=Math.floor,A=Math.pow,I=/[A-Za-z]/,j=/[\d+\-.A-Za-z]/,R=/\d/,k=/^(0x|0X)/,_=/^[0-7]+$/,P=/^\d+$/,L=/^[\dA-Fa-f]+$/,N=/[\u0000\u0009\u000A\u000D #%\/:?@[\\]]/,U=/[\u0000\u0009\u000A\u000D #\/:?@[\\]]/,F=/^[\u0000-\u001F ]+|[\u0000-\u001F ]+$/g,T=/[\u0009\u000A\u000D]/g,M=function(t,r){var n,e,o;if("["==r.charAt(0)){if("]"!=r.charAt(r.length-1))return"Invalid host";if(!(n=C(r.slice(1,-1))))return"Invalid host";t.host=n}else if(V(t)){if(r=g(r),N.test(r))return"Invalid host";if(null===(n=z(r)))return"Invalid host";t.host=n}else{if(U.test(r))return"Invalid host";for(n="",e=h(r),o=0;o<e.length;o++)n+=$(e[o],B);t.host=n}},z=function(t){var r,n,e,o,i,u,a,c=t.split(".");if(c.length&&""==c[c.length-1]&&c.pop(),(r=c.length)>4)return t;for(n=[],e=0;e<r;e++){if(""==(o=c[e]))return t;if(i=10,o.length>1&&"0"==o.charAt(0)&&(i=k.test(o)?16:8,o=o.slice(8==i?1:2)),""===o)u=0;else{if(!(10==i?P:8==i?_:L).test(o))return t;u=parseInt(o,i)}n.push(u)}for(e=0;e<r;e++)if(u=n[e],e==r-1){if(u>=A(256,5-r))return null}else if(u>255)return null;for(a=n.pop(),e=0;e<n.length;e++)a+=n[e]*A(256,3-e);return a},C=function(t){var r,n,e,o,i,u,a,c=[0,0,0,0,0,0,0,0],s=0,f=null,l=0,p=function(){return t.charAt(l)};if(":"==p()){if(":"!=t.charAt(1))return;l+=2,f=++s}for(;p();){if(8==s)return;if(":"!=p()){for(r=n=0;n<4&&L.test(p());)r=16*r+parseInt(p(),16),l++,n++;if("."==p()){if(0==n)return;if(l-=n,s>6)return;for(e=0;p();){if(o=null,e>0){if(!("."==p()&&e<4))return;l++}if(!R.test(p()))return;for(;R.test(p());){if(i=parseInt(p(),10),null===o)o=i;else{if(0==o)return;o=10*o+i}if(o>255)return;l++}c[s]=256*c[s]+o,2!=++e&&4!=e||s++}if(4!=e)return;break}if(":"==p()){if(l++,!p())return}else if(p())return;c[s++]=r}else{if(null!==f)return;l++,f=++s}}if(null!==f)for(u=s-f,s=7;0!=s&&u>0;)a=c[s],c[s--]=c[f+u-1],c[f+--u]=a;else if(8!=s)return;return c},q=function(t){var r,n,e,o;if("number"==typeof t){for(r=[],n=0;n<4;n++)r.unshift(t%256),t=O(t/256);return r.join(".")}if("object"==typeof t){for(r="",e=function(t){for(var r=null,n=1,e=null,o=0,i=0;i<8;i++)0!==t[i]?(o>n&&(r=e,n=o),e=null,o=0):(null===e&&(e=i),++o);return o>n&&(r=e,n=o),r}(t),n=0;n<8;n++)o&&0===t[n]||(o&&(o=!1),e===n?(r+=n?":":"::",o=!0):(r+=t[n].toString(16),n<7&&(r+=":")));return"["+r+"]"}return t},B={},D=p({},B,{" ":1,'"':1,"<":1,">":1,"`":1}),W=p({},D,{"#":1,"?":1,"{":1,"}":1}),G=p({},W,{"/":1,":":1,";":1,"=":1,"@":1,"[":1,"\\":1,"]":1,"^":1,"|":1}),$=function(t,r){var n=v(t,0);return n>32&&n<127&&!l(r,t)?t:encodeURIComponent(t)},X={ftp:21,file:null,gopher:70,http:80,https:443,ws:80,wss:443},V=function(t){return l(X,t.scheme)},J=function(t){return""!=t.username||""!=t.password},Y=function(t){return!t.host||t.cannotBeABaseURL||"file"==t.scheme},Q=function(t,r){var n;return 2==t.length&&I.test(t.charAt(0))&&(":"==(n=t.charAt(1))||!r&&"|"==n)},K=function(t){var r;return t.length>1&&Q(t.slice(0,2))&&(2==t.length||"/"===(r=t.charAt(2))||"\\"===r||"?"===r||"#"===r)},Z=function(t){var r=t.path,n=r.length;!n||"file"==t.scheme&&1==n&&Q(r[0],!0)||r.pop()},H=function(t){return"."===t||"%2e"===t.toLowerCase()},tt={},rt={},nt={},et={},ot={},it={},ut={},at={},ct={},st={},ft={},lt={},pt={},ht={},vt={},gt={},dt={},yt={},xt={},mt={},bt={},St=function(t,r,n,o){var i,u,a,c,s,f=n||tt,p=0,v="",g=!1,d=!1,y=!1;for(n||(t.scheme="",t.username="",t.password="",t.host=null,t.port=null,t.path=[],t.query=null,t.fragment=null,t.cannotBeABaseURL=!1,r=r.replace(F,"")),r=r.replace(T,""),i=h(r);p<=i.length;){switch(u=i[p],f){case tt:if(!u||!I.test(u)){if(n)return"Invalid scheme";f=nt;continue}v+=u.toLowerCase(),f=rt;break;case rt:if(u&&(j.test(u)||"+"==u||"-"==u||"."==u))v+=u.toLowerCase();else{if(":"!=u){if(n)return"Invalid scheme";v="",f=nt,p=0;continue}if(n&&(V(t)!=l(X,v)||"file"==v&&(J(t)||null!==t.port)||"file"==t.scheme&&!t.host))return;if(t.scheme=v,n)return void(V(t)&&X[t.scheme]==t.port&&(t.port=null));v="","file"==t.scheme?f=ht:V(t)&&o&&o.scheme==t.scheme?f=et:V(t)?f=at:"/"==i[p+1]?(f=ot,p++):(t.cannotBeABaseURL=!0,t.path.push(""),f=xt)}break;case nt:if(!o||o.cannotBeABaseURL&&"#"!=u)return"Invalid scheme";if(o.cannotBeABaseURL&&"#"==u){t.scheme=o.scheme,t.path=o.path.slice(),t.query=o.query,t.fragment="",t.cannotBeABaseURL=!0,f=bt;break}f="file"==o.scheme?ht:it;continue;case et:if("/"!=u||"/"!=i[p+1]){f=it;continue}f=ct,p++;break;case ot:if("/"==u){f=st;break}f=yt;continue;case it:if(t.scheme=o.scheme,u==e)t.username=o.username,t.password=o.password,t.host=o.host,t.port=o.port,t.path=o.path.slice(),t.query=o.query;else if("/"==u||"\\"==u&&V(t))f=ut;else if("?"==u)t.username=o.username,t.password=o.password,t.host=o.host,t.port=o.port,t.path=o.path.slice(),t.query="",f=mt;else{if("#"!=u){t.username=o.username,t.password=o.password,t.host=o.host,t.port=o.port,t.path=o.path.slice(),t.path.pop(),f=yt;continue}t.username=o.username,t.password=o.password,t.host=o.host,t.port=o.port,t.path=o.path.slice(),t.query=o.query,t.fragment="",f=bt}break;case ut:if(!V(t)||"/"!=u&&"\\"!=u){if("/"!=u){t.username=o.username,t.password=o.password,t.host=o.host,t.port=o.port,f=yt;continue}f=st}else f=ct;break;case at:if(f=ct,"/"!=u||"/"!=v.charAt(p+1))continue;p++;break;case ct:if("/"!=u&&"\\"!=u){f=st;continue}break;case st:if("@"==u){g&&(v="%40"+v),g=!0,a=h(v);for(var x=0;x<a.length;x++){var m=a[x];if(":"!=m||y){var b=$(m,G);y?t.password+=b:t.username+=b}else y=!0}v=""}else if(u==e||"/"==u||"?"==u||"#"==u||"\\"==u&&V(t)){if(g&&""==v)return"Invalid authority";p-=h(v).length+1,v="",f=ft}else v+=u;break;case ft:case lt:if(n&&"file"==t.scheme){f=gt;continue}if(":"!=u||d){if(u==e||"/"==u||"?"==u||"#"==u||"\\"==u&&V(t)){if(V(t)&&""==v)return"Invalid host";if(n&&""==v&&(J(t)||null!==t.port))return;if(c=M(t,v))return c;if(v="",f=dt,n)return;continue}"["==u?d=!0:"]"==u&&(d=!1),v+=u}else{if(""==v)return"Invalid host";if(c=M(t,v))return c;if(v="",f=pt,n==lt)return}break;case pt:if(!R.test(u)){if(u==e||"/"==u||"?"==u||"#"==u||"\\"==u&&V(t)||n){if(""!=v){var S=parseInt(v,10);if(S>65535)return"Invalid port";t.port=V(t)&&S===X[t.scheme]?null:S,v=""}if(n)return;f=dt;continue}return"Invalid port"}v+=u;break;case ht:if(t.scheme="file","/"==u||"\\"==u)f=vt;else{if(!o||"file"!=o.scheme){f=yt;continue}if(u==e)t.host=o.host,t.path=o.path.slice(),t.query=o.query;else if("?"==u)t.host=o.host,t.path=o.path.slice(),t.query="",f=mt;else{if("#"!=u){K(i.slice(p).join(""))||(t.host=o.host,t.path=o.path.slice(),Z(t)),f=yt;continue}t.host=o.host,t.path=o.path.slice(),t.query=o.query,t.fragment="",f=bt}}break;case vt:if("/"==u||"\\"==u){f=gt;break}o&&"file"==o.scheme&&!K(i.slice(p).join(""))&&(Q(o.path[0],!0)?t.path.push(o.path[0]):t.host=o.host),f=yt;continue;case gt:if(u==e||"/"==u||"\\"==u||"?"==u||"#"==u){if(!n&&Q(v))f=yt;else if(""==v){if(t.host="",n)return;f=dt}else{if(c=M(t,v))return c;if("localhost"==t.host&&(t.host=""),n)return;v="",f=dt}continue}v+=u;break;case dt:if(V(t)){if(f=yt,"/"!=u&&"\\"!=u)continue}else if(n||"?"!=u)if(n||"#"!=u){if(u!=e&&(f=yt,"/"!=u))continue}else t.fragment="",f=bt;else t.query="",f=mt;break;case yt:if(u==e||"/"==u||"\\"==u&&V(t)||!n&&("?"==u||"#"==u)){if(".."===(s=(s=v).toLowerCase())||"%2e."===s||".%2e"===s||"%2e%2e"===s?(Z(t),"/"==u||"\\"==u&&V(t)||t.path.push("")):H(v)?"/"==u||"\\"==u&&V(t)||t.path.push(""):("file"==t.scheme&&!t.path.length&&Q(v)&&(t.host&&(t.host=""),v=v.charAt(0)+":"),t.path.push(v)),v="","file"==t.scheme&&(u==e||"?"==u||"#"==u))for(;t.path.length>1&&""===t.path[0];)t.path.shift();"?"==u?(t.query="",f=mt):"#"==u&&(t.fragment="",f=bt)}else v+=$(u,W);break;case xt:"?"==u?(t.query="",f=mt):"#"==u?(t.fragment="",f=bt):u!=e&&(t.path[0]+=$(u,B));break;case mt:n||"#"!=u?u!=e&&("'"==u&&V(t)?t.query+="%27":t.query+="#"==u?"%23":$(u,B)):(t.fragment="",f=bt);break;case bt:u!=e&&(t.fragment+=$(u,D))}p++}},wt=function(t){var r,n,e=f(this,wt,"URL"),o=arguments.length>1?arguments[1]:void 0,u=String(t),a=w(e,{type:"URL"});if(void 0!==o)if(o instanceof wt)r=E(o);else if(n=St(r={},String(o)))throw TypeError(n);if(n=St(a,u,null,r))throw TypeError(n);var c=a.searchParams=new b,s=S(c);s.updateSearchParams(a.query),s.updateURL=function(){a.query=String(c)||null},i||(e.href=Ot.call(e),e.origin=At.call(e),e.protocol=It.call(e),e.username=jt.call(e),e.password=Rt.call(e),e.host=kt.call(e),e.hostname=_t.call(e),e.port=Pt.call(e),e.pathname=Lt.call(e),e.search=Nt.call(e),e.searchParams=Ut.call(e),e.hash=Ft.call(e))},Et=wt.prototype,Ot=function(){var t=E(this),r=t.scheme,n=t.username,e=t.password,o=t.host,i=t.port,u=t.path,a=t.query,c=t.fragment,s=r+":";return null!==o?(s+="//",J(t)&&(s+=n+(e?":"+e:"")+"@"),s+=q(o),null!==i&&(s+=":"+i)):"file"==r&&(s+="//"),s+=t.cannotBeABaseURL?u[0]:u.length?"/"+u.join("/"):"",null!==a&&(s+="?"+a),null!==c&&(s+="#"+c),s},At=function(){var t=E(this),r=t.scheme,n=t.port;if("blob"==r)try{return new URL(r.path[0]).origin}catch(t){return"null"}return"file"!=r&&V(t)?r+"://"+q(t.host)+(null!==n?":"+n:""):"null"},It=function(){return E(this).scheme+":"},jt=function(){return E(this).username},Rt=function(){return E(this).password},kt=function(){var t=E(this),r=t.host,n=t.port;return null===r?"":null===n?q(r):q(r)+":"+n},_t=function(){var t=E(this).host;return null===t?"":q(t)},Pt=function(){var t=E(this).port;return null===t?"":String(t)},Lt=function(){var t=E(this),r=t.path;return t.cannotBeABaseURL?r[0]:r.length?"/"+r.join("/"):""},Nt=function(){var t=E(this).query;return t?"?"+t:""},Ut=function(){return E(this).searchParams},Ft=function(){var t=E(this).fragment;return t?"#"+t:""},Tt=function(t,r){return{get:t,set:r,configurable:!0,enumerable:!0}};if(i&&c(Et,{href:Tt(Ot,function(t){var r=E(this),n=String(t),e=St(r,n);if(e)throw TypeError(e);S(r.searchParams).updateSearchParams(r.query)}),origin:Tt(At),protocol:Tt(It,function(t){var r=E(this);St(r,String(t)+":",tt)}),username:Tt(jt,function(t){var r=E(this),n=h(String(t));if(!Y(r)){r.username="";for(var e=0;e<n.length;e++)r.username+=$(n[e],G)}}),password:Tt(Rt,function(t){var r=E(this),n=h(String(t));if(!Y(r)){r.password="";for(var e=0;e<n.length;e++)r.password+=$(n[e],G)}}),host:Tt(kt,function(t){var r=E(this);r.cannotBeABaseURL||St(r,String(t),ft)}),hostname:Tt(_t,function(t){var r=E(this);r.cannotBeABaseURL||St(r,String(t),lt)}),port:Tt(Pt,function(t){var r=E(this);Y(r)||(""==(t=String(t))?r.port=null:St(r,t,pt))}),pathname:Tt(Lt,function(t){var r=E(this);r.cannotBeABaseURL||(r.path=[],St(r,t+"",dt))}),search:Tt(Nt,function(t){var r=E(this);""==(t=String(t))?r.query=null:("?"==t.charAt(0)&&(t=t.slice(1)),r.query="",St(r,t,mt)),S(r.searchParams).updateSearchParams(r.query)}),searchParams:Tt(Ut),hash:Tt(Ft,function(t){var r=E(this);""!=(t=String(t))?("#"==t.charAt(0)&&(t=t.slice(1)),r.fragment="",St(r,t,bt)):r.fragment=null})}),s(Et,"toJSON",function(){return Ot.call(this)},{enumerable:!0}),s(Et,"toString",function(){return Ot.call(this)},{enumerable:!0}),m){var Mt=m.createObjectURL,zt=m.revokeObjectURL;Mt&&s(wt,"createObjectURL",function(t){return Mt.apply(m,arguments)}),zt&&s(wt,"revokeObjectURL",function(t){return zt.apply(m,arguments)})}d(wt,"URL"),o({global:!0,forced:!u,sham:!i},{URL:wt})},function(t,r,n){"use strict";var e=/[^\0-\u007E]/,o=/[.\u3002\uFF0E\uFF61]/g,i="Overflow: input needs wider integers to process",u=Math.floor,a=String.fromCharCode,c=function(t){return t+22+75*(t<26)},s=function(t,r,n){var e=0;for(t=n?u(t/700):t>>1,t+=u(t/r);t>455;e+=36)t=u(t/35);return u(e+36*t/(t+38))},f=function(t){var r,n,e=[],o=(t=function(t){for(var r=[],n=0,e=t.length;n<e;){var o=t.charCodeAt(n++);if(o>=55296&&o<=56319&&n<e){var i=t.charCodeAt(n++);56320==(64512&i)?r.push(((1023&o)<<10)+(1023&i)+65536):(r.push(o),n--)}else r.push(o)}return r}(t)).length,f=128,l=0,p=72;for(r=0;r<t.length;r++)(n=t[r])<128&&e.push(a(n));var h=e.length,v=h;for(h&&e.push("-");v<o;){var g=2147483647;for(r=0;r<t.length;r++)(n=t[r])>=f&&n<g&&(g=n);var d=v+1;if(g-f>u((2147483647-l)/d))throw RangeError(i);for(l+=(g-f)*d,f=g,r=0;r<t.length;r++){if((n=t[r])<f&&++l>2147483647)throw RangeError(i);if(n==f){for(var y=l,x=36;;x+=36){var m=x<=p?1:x>=p+26?26:x-p;if(y<m)break;var b=y-m,S=36-m;e.push(a(c(m+b%S))),y=u(b/S)}e.push(a(c(y))),p=s(l,d,v==h),l=0,++v}}++l,++f}return e.join("")};t.exports=function(t){var r,n,i=[],u=t.toLowerCase().replace(o,".").split(".");for(r=0;r<u.length;r++)n=u[r],i.push(e.test(n)?"xn--"+f(n):n);return i.join(".")}},function(t,r,n){var e=n(7),o=n(48);t.exports=function(t){var r=o(t);if("function"!=typeof r)throw TypeError(String(t)+" is not iterable");return e(r.call(t))}},function(t,r,n){"use strict";n(0)({target:"URL",proto:!0,enumerable:!0},{toJSON:function(){return URL.prototype.toString.call(this)}})}]); }();
+
+//!fetch 3.0.0, global "this" must be replaced with "window"
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t.WHATWGFetch={})}(window,function(t){"use strict";var e={searchParams:"URLSearchParams"in self,iterable:"Symbol"in self&&"iterator"in Symbol,blob:"FileReader"in self&&"Blob"in self&&function(){try{return new Blob,!0}catch(t){return!1}}(),formData:"FormData"in self,arrayBuffer:"ArrayBuffer"in self};if(e.arrayBuffer)var r=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],o=ArrayBuffer.isView||function(t){return t&&r.indexOf(Object.prototype.toString.call(t))>-1};function n(t){if("string"!=typeof t&&(t=String(t)),/[^a-z0-9\-#$%&'*+.^_`|~]/i.test(t))throw new TypeError("Invalid character in header field name");return t.toLowerCase()}function i(t){return"string"!=typeof t&&(t=String(t)),t}function s(t){var r={next:function(){var e=t.shift();return{done:void 0===e,value:e}}};return e.iterable&&(r[Symbol.iterator]=function(){return r}),r}function a(t){this.map={},t instanceof a?t.forEach(function(t,e){this.append(e,t)},this):Array.isArray(t)?t.forEach(function(t){this.append(t[0],t[1])},this):t&&Object.getOwnPropertyNames(t).forEach(function(e){this.append(e,t[e])},this)}function h(t){if(t.bodyUsed)return Promise.reject(new TypeError("Already read"));t.bodyUsed=!0}function f(t){return new Promise(function(e,r){t.onload=function(){e(t.result)},t.onerror=function(){r(t.error)}})}function u(t){var e=new FileReader,r=f(e);return e.readAsArrayBuffer(t),r}function d(t){if(t.slice)return t.slice(0);var e=new Uint8Array(t.byteLength);return e.set(new Uint8Array(t)),e.buffer}function c(){return this.bodyUsed=!1,this._initBody=function(t){var r;this._bodyInit=t,t?"string"==typeof t?this._bodyText=t:e.blob&&Blob.prototype.isPrototypeOf(t)?this._bodyBlob=t:e.formData&&FormData.prototype.isPrototypeOf(t)?this._bodyFormData=t:e.searchParams&&URLSearchParams.prototype.isPrototypeOf(t)?this._bodyText=t.toString():e.arrayBuffer&&e.blob&&(r=t)&&DataView.prototype.isPrototypeOf(r)?(this._bodyArrayBuffer=d(t.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):e.arrayBuffer&&(ArrayBuffer.prototype.isPrototypeOf(t)||o(t))?this._bodyArrayBuffer=d(t):this._bodyText=t=Object.prototype.toString.call(t):this._bodyText="",this.headers.get("content-type")||("string"==typeof t?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):e.searchParams&&URLSearchParams.prototype.isPrototypeOf(t)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},e.blob&&(this.blob=function(){var t=h(this);if(t)return t;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?h(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(u)}),this.text=function(){var t,e,r,o=h(this);if(o)return o;if(this._bodyBlob)return t=this._bodyBlob,r=f(e=new FileReader),e.readAsText(t),r;if(this._bodyArrayBuffer)return Promise.resolve(function(t){for(var e=new Uint8Array(t),r=new Array(e.length),o=0;o<e.length;o++)r[o]=String.fromCharCode(e[o]);return r.join("")}(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},e.formData&&(this.formData=function(){return this.text().then(p)}),this.json=function(){return this.text().then(JSON.parse)},this}a.prototype.append=function(t,e){t=n(t),e=i(e);var r=this.map[t];this.map[t]=r?r+", "+e:e},a.prototype.delete=function(t){delete this.map[n(t)]},a.prototype.get=function(t){return t=n(t),this.has(t)?this.map[t]:null},a.prototype.has=function(t){return this.map.hasOwnProperty(n(t))},a.prototype.set=function(t,e){this.map[n(t)]=i(e)},a.prototype.forEach=function(t,e){for(var r in this.map)this.map.hasOwnProperty(r)&&t.call(e,this.map[r],r,this)},a.prototype.keys=function(){var t=[];return this.forEach(function(e,r){t.push(r)}),s(t)},a.prototype.values=function(){var t=[];return this.forEach(function(e){t.push(e)}),s(t)},a.prototype.entries=function(){var t=[];return this.forEach(function(e,r){t.push([r,e])}),s(t)},e.iterable&&(a.prototype[Symbol.iterator]=a.prototype.entries);var l=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function y(t,e){var r,o,n=(e=e||{}).body;if(t instanceof y){if(t.bodyUsed)throw new TypeError("Already read");this.url=t.url,this.credentials=t.credentials,e.headers||(this.headers=new a(t.headers)),this.method=t.method,this.mode=t.mode,this.signal=t.signal,n||null==t._bodyInit||(n=t._bodyInit,t.bodyUsed=!0)}else this.url=String(t);if(this.credentials=e.credentials||this.credentials||"same-origin",!e.headers&&this.headers||(this.headers=new a(e.headers)),this.method=(o=(r=e.method||this.method||"GET").toUpperCase(),l.indexOf(o)>-1?o:r),this.mode=e.mode||this.mode||null,this.signal=e.signal||this.signal,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&n)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(n)}function p(t){var e=new FormData;return t.trim().split("&").forEach(function(t){if(t){var r=t.split("="),o=r.shift().replace(/\+/g," "),n=r.join("=").replace(/\+/g," ");e.append(decodeURIComponent(o),decodeURIComponent(n))}}),e}function b(t,e){e||(e={}),this.type="default",this.status=void 0===e.status?200:e.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in e?e.statusText:"OK",this.headers=new a(e.headers),this.url=e.url||"",this._initBody(t)}y.prototype.clone=function(){return new y(this,{body:this._bodyInit})},c.call(y.prototype),c.call(b.prototype),b.prototype.clone=function(){return new b(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new a(this.headers),url:this.url})},b.error=function(){var t=new b(null,{status:0,statusText:""});return t.type="error",t};var m=[301,302,303,307,308];b.redirect=function(t,e){if(-1===m.indexOf(e))throw new RangeError("Invalid status code");return new b(null,{status:e,headers:{location:t}})},t.DOMException=self.DOMException;try{new t.DOMException}catch(e){t.DOMException=function(t,e){this.message=t,this.name=e;var r=Error(t);this.stack=r.stack},t.DOMException.prototype=Object.create(Error.prototype),t.DOMException.prototype.constructor=t.DOMException}function w(r,o){return new Promise(function(n,i){var s=new y(r,o);if(s.signal&&s.signal.aborted)return i(new t.DOMException("Aborted","AbortError"));var h=new XMLHttpRequest;function f(){h.abort()}h.onload=function(){var t,e,r={status:h.status,statusText:h.statusText,headers:(t=h.getAllResponseHeaders()||"",e=new a,t.replace(/\r?\n[\t ]+/g," ").split(/\r?\n/).forEach(function(t){var r=t.split(":"),o=r.shift().trim();if(o){var n=r.join(":").trim();e.append(o,n)}}),e)};r.url="responseURL"in h?h.responseURL:r.headers.get("X-Request-URL");var o="response"in h?h.response:h.responseText;n(new b(o,r))},h.onerror=function(){i(new TypeError("Network request failed"))},h.ontimeout=function(){i(new TypeError("Network request failed"))},h.onabort=function(){i(new t.DOMException("Aborted","AbortError"))},h.open(s.method,s.url,!0),"include"===s.credentials?h.withCredentials=!0:"omit"===s.credentials&&(h.withCredentials=!1),"responseType"in h&&e.blob&&(h.responseType="blob"),s.headers.forEach(function(t,e){h.setRequestHeader(e,t)}),s.signal&&(s.signal.addEventListener("abort",f),h.onreadystatechange=function(){4===h.readyState&&s.signal.removeEventListener("abort",f)}),h.send(void 0===s._bodyInit?null:s._bodyInit)})}w.polyfill=!0,self.fetch||(self.fetch=w,self.Headers=a,self.Request=y,self.Response=b),t.Headers=a,t.Request=y,t.Response=b,t.fetch=w,Object.defineProperty(t,"__esModule",{value:!0})});
diff --git a/dist/esm/polyfills/css-shim.js b/dist/esm/polyfills/css-shim.js
new file mode 100644
index 00000000000..bcd85586ef7
--- /dev/null
+++ b/dist/esm/polyfills/css-shim.js
@@ -0,0 +1,628 @@
+/*
+Extremely simple css parser. Intended to be not more than what we need
+and definitely not necessarily correct =).
+*/
+/** @unrestricted */
+var StyleNode = /** @class */ (function () {
+    function StyleNode() {
+        this.start = 0;
+        this.end = 0;
+        this.previous = null;
+        this.parent = null;
+        this.rules = null;
+        this.parsedCssText = '';
+        this.cssText = '';
+        this.atRule = false;
+        this.type = 0;
+        this.keyframesName = '';
+        this.selector = '';
+        this.parsedSelector = '';
+    }
+    return StyleNode;
+}());
+// given a string of css, return a simple rule tree
+/**
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function parse(text) {
+    text = clean(text);
+    return parseCss(lex(text), text);
+}
+// remove stuff we don't care about that may hinder parsing
+/**
+ * @param {string} cssText
+ * @return {string}
+ */
+function clean(cssText) {
+    return cssText.replace(RX.comments, '').replace(RX.port, '');
+}
+// super simple {...} lexer that returns a node tree
+/**
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function lex(text) {
+    var root = new StyleNode();
+    root['start'] = 0;
+    root['end'] = text.length;
+    var n = root;
+    for (var i = 0, l = text.length; i < l; i++) {
+        if (text[i] === OPEN_BRACE) {
+            if (!n['rules']) {
+                n['rules'] = [];
+            }
+            var p = n;
+            var previous = p['rules'][p['rules'].length - 1] || null;
+            n = new StyleNode();
+            n['start'] = i + 1;
+            n['parent'] = p;
+            n['previous'] = previous;
+            p['rules'].push(n);
+        }
+        else if (text[i] === CLOSE_BRACE) {
+            n['end'] = i + 1;
+            n = n['parent'] || root;
+        }
+    }
+    return root;
+}
+// add selectors/cssText to node tree
+/**
+ * @param {StyleNode} node
+ * @param {string} text
+ * @return {StyleNode}
+ */
+function parseCss(node, text) {
+    var t = text.substring(node['start'], node['end'] - 1);
+    node['parsedCssText'] = node['cssText'] = t.trim();
+    if (node.parent) {
+        var ss = node.previous ? node.previous['end'] : node.parent['start'];
+        t = text.substring(ss, node['start'] - 1);
+        t = _expandUnicodeEscapes(t);
+        t = t.replace(RX.multipleSpaces, ' ');
+        // TODO(sorvell): ad hoc; make selector include only after last ;
+        // helps with mixin syntax
+        t = t.substring(t.lastIndexOf(';') + 1);
+        var s = node['parsedSelector'] = node['selector'] = t.trim();
+        node['atRule'] = (s.indexOf(AT_START) === 0);
+        // note, support a subset of rule types...
+        if (node['atRule']) {
+            if (s.indexOf(MEDIA_START) === 0) {
+                node['type'] = types.MEDIA_RULE;
+            }
+            else if (s.match(RX.keyframesRule)) {
+                node['type'] = types.KEYFRAMES_RULE;
+                node['keyframesName'] = node['selector'].split(RX.multipleSpaces).pop();
+            }
+        }
+        else {
+            if (s.indexOf(VAR_START) === 0) {
+                node['type'] = types.MIXIN_RULE;
+            }
+            else {
+                node['type'] = types.STYLE_RULE;
+            }
+        }
+    }
+    var r$ = node['rules'];
+    if (r$) {
+        for (var i = 0, l = r$.length, r = void 0; (i < l) && (r = r$[i]); i++) {
+            parseCss(r, text);
+        }
+    }
+    return node;
+}
+/**
+ * conversion of sort unicode escapes with spaces like `\33 ` (and longer) into
+ * expanded form that doesn't require trailing space `\000033`
+ * @param {string} s
+ * @return {string}
+ */
+function _expandUnicodeEscapes(s) {
+    return s.replace(/\\([0-9a-f]{1,6})\s/gi, function () {
+        var code = arguments[1], repeat = 6 - code.length;
+        while (repeat--) {
+            code = '0' + code;
+        }
+        return '\\' + code;
+    });
+}
+/** @enum {number} */
+var types = {
+    STYLE_RULE: 1,
+    KEYFRAMES_RULE: 7,
+    MEDIA_RULE: 4,
+    MIXIN_RULE: 1000
+};
+var OPEN_BRACE = '{';
+var CLOSE_BRACE = '}';
+// helper regexp's
+var RX = {
+    comments: /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,
+    port: /@import[^;]*;/gim,
+    customProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,
+    mixinProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,
+    mixinApply: /@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,
+    varApply: /[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,
+    keyframesRule: /^@[^\s]*keyframes/,
+    multipleSpaces: /\s+/g
+};
+var VAR_START = '--';
+var MEDIA_START = '@media';
+var AT_START = '@';
+function findRegex(regex, cssText, offset) {
+    regex['lastIndex'] = 0;
+    var r = cssText.substring(offset).match(regex);
+    if (r) {
+        var start = offset + r['index'];
+        return {
+            start: start,
+            end: start + r[0].length
+        };
+    }
+    return null;
+}
+var VAR_USAGE_START = /\bvar\(/;
+var VAR_ASSIGN_START = /\B--[\w-]+\s*:/;
+var COMMENTS = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim;
+var TRAILING_LINES = /^[\t ]+\n/gm;
+function resolveVar(props, prop, fallback) {
+    if (props[prop]) {
+        return props[prop];
+    }
+    if (fallback) {
+        return executeTemplate(fallback, props);
+    }
+    return '';
+}
+function findVarEndIndex(cssText, offset) {
+    var count = 0;
+    var i = offset;
+    for (; i < cssText.length; i++) {
+        var c = cssText[i];
+        if (c === '(') {
+            count++;
+        }
+        else if (c === ')') {
+            count--;
+            if (count <= 0) {
+                return i + 1;
+            }
+        }
+    }
+    return i;
+}
+function parseVar(cssText, offset) {
+    var varPos = findRegex(VAR_USAGE_START, cssText, offset);
+    if (!varPos) {
+        return null;
+    }
+    var endVar = findVarEndIndex(cssText, varPos.start);
+    var varContent = cssText.substring(varPos.end, endVar - 1);
+    var _a = varContent.split(','), propName = _a[0], fallback = _a.slice(1);
+    return {
+        start: varPos.start,
+        end: endVar,
+        propName: propName.trim(),
+        fallback: fallback.length > 0 ? fallback.join(',').trim() : undefined
+    };
+}
+function compileVar(cssText, template, offset) {
+    var varMeta = parseVar(cssText, offset);
+    if (!varMeta) {
+        template.push(cssText.substring(offset, cssText.length));
+        return cssText.length;
+    }
+    var propName = varMeta.propName;
+    var fallback = varMeta.fallback != null ? compileTemplate(varMeta.fallback) : undefined;
+    template.push(cssText.substring(offset, varMeta.start), function (params) { return resolveVar(params, propName, fallback); });
+    return varMeta.end;
+}
+function executeTemplate(template, props) {
+    var final = '';
+    for (var i = 0; i < template.length; i++) {
+        var s = template[i];
+        final += (typeof s === 'string')
+            ? s
+            : s(props);
+    }
+    return final;
+}
+function findEndValue(cssText, offset) {
+    var onStr = false;
+    var double = false;
+    var i = offset;
+    for (; i < cssText.length; i++) {
+        var c = cssText[i];
+        if (onStr) {
+            if (double && c === '"') {
+                onStr = false;
+            }
+            if (!double && c === '\'') {
+                onStr = false;
+            }
+        }
+        else {
+            if (c === '"') {
+                onStr = true;
+                double = true;
+            }
+            else if (c === '\'') {
+                onStr = true;
+                double = false;
+            }
+            else if (c === ';') {
+                return i + 1;
+            }
+            else if (c === '}') {
+                return i;
+            }
+        }
+    }
+    return i;
+}
+function removeCustomAssigns(cssText) {
+    var final = '';
+    var offset = 0;
+    while (true) {
+        var assignPos = findRegex(VAR_ASSIGN_START, cssText, offset);
+        var start = assignPos ? assignPos.start : cssText.length;
+        final += cssText.substring(offset, start);
+        if (assignPos) {
+            offset = findEndValue(cssText, start);
+        }
+        else {
+            break;
+        }
+    }
+    return final;
+}
+function compileTemplate(cssText) {
+    var index = 0;
+    cssText = cssText.replace(COMMENTS, '');
+    cssText = removeCustomAssigns(cssText)
+        .replace(TRAILING_LINES, '');
+    var segments = [];
+    while (index < cssText.length) {
+        index = compileVar(cssText, segments, index);
+    }
+    return segments;
+}
+function resolveValues(selectors) {
+    var props = {};
+    selectors.forEach(function (selector) {
+        selector.declarations.forEach(function (dec) {
+            props[dec.prop] = dec.value;
+        });
+    });
+    var propsValues = {};
+    var entries = Object.entries(props);
+    var _loop_1 = function (i) {
+        var dirty = false;
+        entries.forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            var propValue = executeTemplate(value, propsValues);
+            if (propValue !== propsValues[key]) {
+                propsValues[key] = propValue;
+                dirty = true;
+            }
+        });
+        if (!dirty) {
+            return "break";
+        }
+    };
+    for (var i = 0; i < 10; i++) {
+        var state_1 = _loop_1(i);
+        if (state_1 === "break")
+            break;
+    }
+    return propsValues;
+}
+function getSelectors(root, index) {
+    if (index === void 0) { index = 0; }
+    if (!root.rules) {
+        return [];
+    }
+    var selectors = [];
+    root.rules
+        .filter(function (rule) { return rule.type === types.STYLE_RULE; })
+        .forEach(function (rule) {
+        var declarations = getDeclarations(rule.cssText);
+        if (declarations.length > 0) {
+            rule.parsedSelector.split(',').forEach(function (selector) {
+                selector = selector.trim();
+                selectors.push({
+                    selector: selector,
+                    declarations: declarations,
+                    specificity: computeSpecificity(),
+                    nu: index
+                });
+            });
+        }
+        index++;
+    });
+    return selectors;
+}
+function computeSpecificity(_selector) {
+    return 1;
+}
+var IMPORTANT = '!important';
+var FIND_DECLARATIONS = /(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;
+function getDeclarations(cssText) {
+    var declarations = [];
+    var xArray;
+    while (xArray = FIND_DECLARATIONS.exec(cssText.trim())) {
+        var _a = normalizeValue(xArray[2]), value = _a.value, important = _a.important;
+        declarations.push({
+            prop: xArray[1].trim(),
+            value: compileTemplate(value),
+            important: important,
+        });
+    }
+    return declarations;
+}
+function normalizeValue(value) {
+    var regex = /\s+/gim;
+    value = value.replace(regex, ' ').trim();
+    var important = value.endsWith(IMPORTANT);
+    if (important) {
+        value = value.substr(0, value.length - IMPORTANT.length).trim();
+    }
+    return {
+        value: value,
+        important: important
+    };
+}
+function getActiveSelectors(hostEl, hostScopeMap, globalScopes) {
+    // computes the css scopes that might affect this particular element
+    var scopes = globalScopes.concat(getScopesForElement(hostScopeMap, hostEl));
+    // each scope might have an array of associated selectors
+    // let's flatten the complete array of selectors from all the scopes
+    var selectorSet = getSelectorsForScopes(scopes);
+    // we filter to only the selectors that matches the hostEl
+    var activeSelectors = selectorSet.filter(function (selector) { return matches(hostEl, selector.selector); });
+    // sort selectors by specifity
+    return sortSelectors(activeSelectors);
+}
+function getScopesForElement(hostTemplateMap, node) {
+    var scopes = [];
+    while (node) {
+        var scope = hostTemplateMap.get(node);
+        if (scope) {
+            scopes.push(scope);
+        }
+        node = node.parentElement;
+    }
+    return scopes;
+}
+function getSelectorsForScopes(scopes) {
+    var selectors = [];
+    scopes.forEach(function (scope) {
+        selectors.push.apply(selectors, scope.selectors);
+    });
+    return selectors;
+}
+function sortSelectors(selectors) {
+    selectors.sort(function (a, b) {
+        if (a.specificity === b.specificity) {
+            return a.nu - b.nu;
+        }
+        return a.specificity - b.specificity;
+    });
+    return selectors;
+}
+function matches(el, selector) {
+    return selector === ':root' || selector === 'html' || el.matches(selector);
+}
+function parseCSS(original) {
+    var ast = parse(original);
+    var template = compileTemplate(original);
+    var selectors = getSelectors(ast);
+    return {
+        original: original,
+        template: template,
+        selectors: selectors,
+        usesCssVars: template.length > 1
+    };
+}
+function addGlobalStyle(globalScopes, styleEl) {
+    var css = parseCSS(styleEl.innerHTML);
+    css.styleEl = styleEl;
+    globalScopes.push(css);
+}
+function updateGlobalScopes(scopes) {
+    var selectors = getSelectorsForScopes(scopes);
+    var props = resolveValues(selectors);
+    scopes.forEach(function (scope) {
+        if (scope.usesCssVars) {
+            scope.styleEl.innerHTML = executeTemplate(scope.template, props);
+        }
+    });
+}
+function reScope(scope, scopeId) {
+    var template = scope.template.map(function (segment) {
+        return (typeof segment === 'string')
+            ? replaceScope(segment, scope.scopeId, scopeId)
+            : segment;
+    });
+    var selectors = scope.selectors.map(function (sel) {
+        return Object.assign({}, sel, { selector: replaceScope(sel.selector, scope.scopeId, scopeId) });
+    });
+    return Object.assign({}, scope, { template: template,
+        selectors: selectors,
+        scopeId: scopeId });
+}
+function replaceScope(original, oldScopeId, newScopeId) {
+    original = replaceAll(original, "\\." + oldScopeId, "." + newScopeId);
+    return original;
+}
+function replaceAll(input, find, replace) {
+    return input.replace(new RegExp(find, 'g'), replace);
+}
+function loadDocument(doc, globalScopes) {
+    loadDocumentStyles(doc, globalScopes);
+    return loadDocumentLinks(doc, globalScopes);
+}
+function loadDocumentLinks(doc, globalScopes) {
+    var promises = [];
+    var linkElms = doc.querySelectorAll('link[rel="stylesheet"][href]');
+    for (var i = 0; i < linkElms.length; i++) {
+        promises.push(addGlobalLink(doc, globalScopes, linkElms[i]));
+    }
+    return Promise.all(promises);
+}
+function loadDocumentStyles(doc, globalScopes) {
+    var styleElms = doc.querySelectorAll('style:not([data-styles])');
+    for (var i = 0; i < styleElms.length; i++) {
+        addGlobalStyle(globalScopes, styleElms[i]);
+    }
+}
+function addGlobalLink(doc, globalScopes, linkElm) {
+    var url = linkElm.href;
+    return fetch(url).then(function (rsp) { return rsp.text(); }).then(function (text) {
+        if (hasCssVariables(text) && linkElm.parentNode) {
+            if (hasRelativeUrls(text)) {
+                text = fixRelativeUrls(text, url);
+            }
+            var styleEl = doc.createElement('style');
+            styleEl.setAttribute('data-styles', '');
+            styleEl.innerHTML = text;
+            addGlobalStyle(globalScopes, styleEl);
+            linkElm.parentNode.insertBefore(styleEl, linkElm);
+            linkElm.remove();
+        }
+    }).catch(function (err) {
+        console.error(err);
+    });
+}
+// This regexp tries to determine when a variable is declared, for example:
+//
+// .my-el { --highlight-color: green; }
+//
+// but we don't want to trigger when a classname uses "--" or a pseudo-class is
+// used. We assume that the only characters that can preceed a variable
+// declaration are "{", from an opening block, ";" from a preceeding rule, or a
+// space. This prevents the regexp from matching a word in a selector, since
+// they would need to start with a "." or "#". (We assume element names don't
+// start with "--").
+var CSS_VARIABLE_REGEXP = /[\s;{]--[-a-zA-Z0-9]+\s*:/m;
+function hasCssVariables(css) {
+    return css.indexOf('var(') > -1 || CSS_VARIABLE_REGEXP.test(css);
+}
+// This regexp find all url() usages with relative urls
+var CSS_URL_REGEXP = /url[\s]*\([\s]*['"]?(?![http|/])([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;
+function hasRelativeUrls(css) {
+    CSS_URL_REGEXP.lastIndex = 0;
+    return CSS_URL_REGEXP.test(css);
+}
+function fixRelativeUrls(css, originalUrl) {
+    // get the basepath from the original import url
+    var basePath = originalUrl.replace(/[^/]*$/, '');
+    // replace the relative url, with the new relative url
+    return css.replace(CSS_URL_REGEXP, function (fullMatch, url) {
+        // rhe new relative path is the base path + uri
+        // TODO: normalize relative URL
+        var relativeUrl = basePath + url;
+        return fullMatch.replace(url, relativeUrl);
+    });
+}
+var CustomStyle = /** @class */ (function () {
+    function CustomStyle(win, doc) {
+        this.win = win;
+        this.doc = doc;
+        this.count = 0;
+        this.hostStyleMap = new WeakMap();
+        this.hostScopeMap = new WeakMap();
+        this.globalScopes = [];
+        this.scopesMap = new Map();
+    }
+    CustomStyle.prototype.initShim = function () {
+        var _this = this;
+        return new Promise(function (resolve) {
+            _this.win.requestAnimationFrame(function () {
+                loadDocument(_this.doc, _this.globalScopes).then(function () { return resolve(); });
+            });
+        });
+    };
+    CustomStyle.prototype.addLink = function (linkEl) {
+        var _this = this;
+        return addGlobalLink(this.doc, this.globalScopes, linkEl).then(function () {
+            _this.updateGlobal();
+        });
+    };
+    CustomStyle.prototype.addGlobalStyle = function (styleEl) {
+        addGlobalStyle(this.globalScopes, styleEl);
+        this.updateGlobal();
+    };
+    CustomStyle.prototype.createHostStyle = function (hostEl, cssScopeId, cssText, isScoped) {
+        if (this.hostScopeMap.has(hostEl)) {
+            throw new Error('host style already created');
+        }
+        var baseScope = this.registerHostTemplate(cssText, cssScopeId, isScoped);
+        var styleEl = this.doc.createElement('style');
+        if (!baseScope.usesCssVars) {
+            // This component does not use (read) css variables
+            styleEl.innerHTML = cssText;
+        }
+        else if (isScoped) {
+            // This component is dynamic: uses css var and is scoped
+            styleEl['s-sc'] = cssScopeId = baseScope.scopeId + "-" + this.count;
+            styleEl.innerHTML = '/*needs update*/';
+            this.hostStyleMap.set(hostEl, styleEl);
+            this.hostScopeMap.set(hostEl, reScope(baseScope, cssScopeId));
+            this.count++;
+        }
+        else {
+            // This component uses css vars, but it's no-encapsulation (global static)
+            baseScope.styleEl = styleEl;
+            if (!baseScope.usesCssVars) {
+                styleEl.innerHTML = executeTemplate(baseScope.template, {});
+            }
+            this.globalScopes.push(baseScope);
+            this.updateGlobal();
+            this.hostScopeMap.set(hostEl, baseScope);
+        }
+        return styleEl;
+    };
+    CustomStyle.prototype.removeHost = function (hostEl) {
+        var css = this.hostStyleMap.get(hostEl);
+        if (css) {
+            css.remove();
+        }
+        this.hostStyleMap.delete(hostEl);
+        this.hostScopeMap.delete(hostEl);
+    };
+    CustomStyle.prototype.updateHost = function (hostEl) {
+        var scope = this.hostScopeMap.get(hostEl);
+        if (scope && scope.usesCssVars && scope.isScoped) {
+            var styleEl = this.hostStyleMap.get(hostEl);
+            if (styleEl) {
+                var selectors = getActiveSelectors(hostEl, this.hostScopeMap, this.globalScopes);
+                var props = resolveValues(selectors);
+                styleEl.innerHTML = executeTemplate(scope.template, props);
+            }
+        }
+    };
+    CustomStyle.prototype.updateGlobal = function () {
+        updateGlobalScopes(this.globalScopes);
+    };
+    CustomStyle.prototype.registerHostTemplate = function (cssText, scopeId, isScoped) {
+        var scope = this.scopesMap.get(scopeId);
+        if (!scope) {
+            scope = parseCSS(cssText);
+            scope.scopeId = scopeId;
+            scope.isScoped = isScoped;
+            this.scopesMap.set(scopeId, scope);
+        }
+        return scope;
+    };
+    return CustomStyle;
+}());
+var win = window;
+function needsShim() {
+    return !(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'));
+}
+if (!win.__stencil_cssshim && needsShim()) {
+    win.__stencil_cssshim = new CustomStyle(win, document);
+}
diff --git a/dist/esm/polyfills/dom.js b/dist/esm/polyfills/dom.js
new file mode 100644
index 00000000000..b5dd471f24b
--- /dev/null
+++ b/dist/esm/polyfills/dom.js
@@ -0,0 +1,106 @@
+(function(){
+  /*
+
+    Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
+    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+    Code distributed by Google as part of the polymer project is also
+    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+  */
+  'use strict';var aa=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function g(a){var b=aa.has(a);a=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(a);return!b&&a}function l(a){var b=a.isConnected;if(void 0!==b)return b;for(;a&&!(a.__CE_isImportDocument||a instanceof Document);)a=a.parentNode||(window.ShadowRoot&&a instanceof ShadowRoot?a.host:void 0);return!(!a||!(a.__CE_isImportDocument||a instanceof Document))}
+  function n(a,b){for(;b&&b!==a&&!b.nextSibling;)b=b.parentNode;return b&&b!==a?b.nextSibling:null}
+  function p(a,b,d){d=void 0===d?new Set:d;for(var c=a;c;){if(c.nodeType===Node.ELEMENT_NODE){var e=c;b(e);var f=e.localName;if("link"===f&&"import"===e.getAttribute("rel")){c=e.import;if(c instanceof Node&&!d.has(c))for(d.add(c),c=c.firstChild;c;c=c.nextSibling)p(c,b,d);c=n(a,e);continue}else if("template"===f){c=n(a,e);continue}if(e=e.__CE_shadowRoot)for(e=e.firstChild;e;e=e.nextSibling)p(e,b,d)}c=c.firstChild?c.firstChild:n(a,c)}}function r(a,b,d){a[b]=d};function u(){this.a=new Map;this.g=new Map;this.c=[];this.f=[];this.b=!1}function ba(a,b,d){a.a.set(b,d);a.g.set(d.constructorFunction,d)}function ca(a,b){a.b=!0;a.c.push(b)}function da(a,b){a.b=!0;a.f.push(b)}function v(a,b){a.b&&p(b,function(b){return w(a,b)})}function w(a,b){if(a.b&&!b.__CE_patched){b.__CE_patched=!0;for(var d=0;d<a.c.length;d++)a.c[d](b);for(d=0;d<a.f.length;d++)a.f[d](b)}}
+  function x(a,b){var d=[];p(b,function(b){return d.push(b)});for(b=0;b<d.length;b++){var c=d[b];1===c.__CE_state?a.connectedCallback(c):y(a,c)}}function z(a,b){var d=[];p(b,function(b){return d.push(b)});for(b=0;b<d.length;b++){var c=d[b];1===c.__CE_state&&a.disconnectedCallback(c)}}
+  function A(a,b,d){d=void 0===d?{}:d;var c=d.u||new Set,e=d.i||function(b){return y(a,b)},f=[];p(b,function(b){if("link"===b.localName&&"import"===b.getAttribute("rel")){var d=b.import;d instanceof Node&&(d.__CE_isImportDocument=!0,d.__CE_hasRegistry=!0);d&&"complete"===d.readyState?d.__CE_documentLoadHandled=!0:b.addEventListener("load",function(){var d=b.import;if(!d.__CE_documentLoadHandled){d.__CE_documentLoadHandled=!0;var f=new Set(c);f.delete(d);A(a,d,{u:f,i:e})}})}else f.push(b)},c);if(a.b)for(b=
+  0;b<f.length;b++)w(a,f[b]);for(b=0;b<f.length;b++)e(f[b])}
+  function y(a,b){if(void 0===b.__CE_state){var d=b.ownerDocument;if(d.defaultView||d.__CE_isImportDocument&&d.__CE_hasRegistry)if(d=a.a.get(b.localName)){d.constructionStack.push(b);var c=d.constructorFunction;try{try{if(new c!==b)throw Error("The custom element constructor did not produce the element being upgraded.");}finally{d.constructionStack.pop()}}catch(t){throw b.__CE_state=2,t;}b.__CE_state=1;b.__CE_definition=d;if(d.attributeChangedCallback)for(d=d.observedAttributes,c=0;c<d.length;c++){var e=
+  d[c],f=b.getAttribute(e);null!==f&&a.attributeChangedCallback(b,e,null,f,null)}l(b)&&a.connectedCallback(b)}}}u.prototype.connectedCallback=function(a){var b=a.__CE_definition;b.connectedCallback&&b.connectedCallback.call(a)};u.prototype.disconnectedCallback=function(a){var b=a.__CE_definition;b.disconnectedCallback&&b.disconnectedCallback.call(a)};
+  u.prototype.attributeChangedCallback=function(a,b,d,c,e){var f=a.__CE_definition;f.attributeChangedCallback&&-1<f.observedAttributes.indexOf(b)&&f.attributeChangedCallback.call(a,b,d,c,e)};function B(a){var b=document;this.c=a;this.a=b;this.b=void 0;A(this.c,this.a);"loading"===this.a.readyState&&(this.b=new MutationObserver(this.f.bind(this)),this.b.observe(this.a,{childList:!0,subtree:!0}))}function C(a){a.b&&a.b.disconnect()}B.prototype.f=function(a){var b=this.a.readyState;"interactive"!==b&&"complete"!==b||C(this);for(b=0;b<a.length;b++)for(var d=a[b].addedNodes,c=0;c<d.length;c++)A(this.c,d[c])};function ea(){var a=this;this.b=this.a=void 0;this.c=new Promise(function(b){a.b=b;a.a&&b(a.a)})}function D(a){if(a.a)throw Error("Already resolved.");a.a=void 0;a.b&&a.b(void 0)};function E(a){this.c=!1;this.a=a;this.j=new Map;this.f=function(b){return b()};this.b=!1;this.g=[];this.o=new B(a)}
+  E.prototype.l=function(a,b){var d=this;if(!(b instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!g(a))throw new SyntaxError("The element name '"+a+"' is not valid.");if(this.a.a.get(a))throw Error("A custom element with name '"+a+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var c=function(b){var a=e[b];if(void 0!==a&&!(a instanceof Function))throw Error("The '"+b+"' callback must be a function.");
+  return a},e=b.prototype;if(!(e instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var f=c("connectedCallback");var t=c("disconnectedCallback");var k=c("adoptedCallback");var h=c("attributeChangedCallback");var m=b.observedAttributes||[]}catch(q){return}finally{this.c=!1}b={localName:a,constructorFunction:b,connectedCallback:f,disconnectedCallback:t,adoptedCallback:k,attributeChangedCallback:h,observedAttributes:m,constructionStack:[]};ba(this.a,
+  a,b);this.g.push(b);this.b||(this.b=!0,this.f(function(){return fa(d)}))};E.prototype.i=function(a){A(this.a,a)};
+  function fa(a){if(!1!==a.b){a.b=!1;for(var b=a.g,d=[],c=new Map,e=0;e<b.length;e++)c.set(b[e].localName,[]);A(a.a,document,{i:function(b){if(void 0===b.__CE_state){var e=b.localName,f=c.get(e);f?f.push(b):a.a.a.get(e)&&d.push(b)}}});for(e=0;e<d.length;e++)y(a.a,d[e]);for(;0<b.length;){var f=b.shift();e=f.localName;f=c.get(f.localName);for(var t=0;t<f.length;t++)y(a.a,f[t]);(e=a.j.get(e))&&D(e)}}}E.prototype.get=function(a){if(a=this.a.a.get(a))return a.constructorFunction};
+  E.prototype.m=function(a){if(!g(a))return Promise.reject(new SyntaxError("'"+a+"' is not a valid custom element name."));var b=this.j.get(a);if(b)return b.c;b=new ea;this.j.set(a,b);this.a.a.get(a)&&!this.g.some(function(b){return b.localName===a})&&D(b);return b.c};E.prototype.s=function(a){C(this.o);var b=this.f;this.f=function(d){return a(function(){return b(d)})}};window.CustomElementRegistry=E;E.prototype.define=E.prototype.l;E.prototype.upgrade=E.prototype.i;E.prototype.get=E.prototype.get;
+  E.prototype.whenDefined=E.prototype.m;E.prototype.polyfillWrapFlushCallback=E.prototype.s;var F=window.Document.prototype.createElement,G=window.Document.prototype.createElementNS,ha=window.Document.prototype.importNode,ia=window.Document.prototype.prepend,ja=window.Document.prototype.append,ka=window.DocumentFragment.prototype.prepend,la=window.DocumentFragment.prototype.append,H=window.Node.prototype.cloneNode,I=window.Node.prototype.appendChild,J=window.Node.prototype.insertBefore,K=window.Node.prototype.removeChild,L=window.Node.prototype.replaceChild,M=Object.getOwnPropertyDescriptor(window.Node.prototype,
+  "textContent"),N=window.Element.prototype.attachShadow,O=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),P=window.Element.prototype.getAttribute,Q=window.Element.prototype.setAttribute,R=window.Element.prototype.removeAttribute,S=window.Element.prototype.getAttributeNS,T=window.Element.prototype.setAttributeNS,U=window.Element.prototype.removeAttributeNS,ma=window.Element.prototype.insertAdjacentElement,na=window.Element.prototype.insertAdjacentHTML,oa=window.Element.prototype.prepend,
+  pa=window.Element.prototype.append,V=window.Element.prototype.before,qa=window.Element.prototype.after,ra=window.Element.prototype.replaceWith,sa=window.Element.prototype.remove,ta=window.HTMLElement,W=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),ua=window.HTMLElement.prototype.insertAdjacentElement,va=window.HTMLElement.prototype.insertAdjacentHTML;var wa=new function(){};function xa(){var a=X;window.HTMLElement=function(){function b(){var b=this.constructor,c=a.g.get(b);if(!c)throw Error("The custom element being constructed was not registered with `customElements`.");var e=c.constructionStack;if(0===e.length)return e=F.call(document,c.localName),Object.setPrototypeOf(e,b.prototype),e.__CE_state=1,e.__CE_definition=c,w(a,e),e;c=e.length-1;var f=e[c];if(f===wa)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");
+  e[c]=wa;Object.setPrototypeOf(f,b.prototype);w(a,f);return f}b.prototype=ta.prototype;Object.defineProperty(b.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:b});return b}()};function Y(a,b,d){function c(b){return function(d){for(var e=[],c=0;c<arguments.length;++c)e[c]=arguments[c];c=[];for(var f=[],m=0;m<e.length;m++){var q=e[m];q instanceof Element&&l(q)&&f.push(q);if(q instanceof DocumentFragment)for(q=q.firstChild;q;q=q.nextSibling)c.push(q);else c.push(q)}b.apply(this,e);for(e=0;e<f.length;e++)z(a,f[e]);if(l(this))for(e=0;e<c.length;e++)f=c[e],f instanceof Element&&x(a,f)}}void 0!==d.h&&(b.prepend=c(d.h));void 0!==d.append&&(b.append=c(d.append))};function ya(){var a=X;r(Document.prototype,"createElement",function(b){if(this.__CE_hasRegistry){var d=a.a.get(b);if(d)return new d.constructorFunction}b=F.call(this,b);w(a,b);return b});r(Document.prototype,"importNode",function(b,d){b=ha.call(this,b,!!d);this.__CE_hasRegistry?A(a,b):v(a,b);return b});r(Document.prototype,"createElementNS",function(b,d){if(this.__CE_hasRegistry&&(null===b||"http://www.w3.org/1999/xhtml"===b)){var c=a.a.get(d);if(c)return new c.constructorFunction}b=G.call(this,b,
+  d);w(a,b);return b});Y(a,Document.prototype,{h:ia,append:ja})};function za(){function a(a,c){Object.defineProperty(a,"textContent",{enumerable:c.enumerable,configurable:!0,get:c.get,set:function(a){if(this.nodeType===Node.TEXT_NODE)c.set.call(this,a);else{var d=void 0;if(this.firstChild){var e=this.childNodes,k=e.length;if(0<k&&l(this)){d=Array(k);for(var h=0;h<k;h++)d[h]=e[h]}}c.set.call(this,a);if(d)for(a=0;a<d.length;a++)z(b,d[a])}}})}var b=X;r(Node.prototype,"insertBefore",function(a,c){if(a instanceof DocumentFragment){var e=Array.prototype.slice.apply(a.childNodes);
+  a=J.call(this,a,c);if(l(this))for(c=0;c<e.length;c++)x(b,e[c]);return a}e=l(a);c=J.call(this,a,c);e&&z(b,a);l(this)&&x(b,a);return c});r(Node.prototype,"appendChild",function(a){if(a instanceof DocumentFragment){var c=Array.prototype.slice.apply(a.childNodes);a=I.call(this,a);if(l(this))for(var e=0;e<c.length;e++)x(b,c[e]);return a}c=l(a);e=I.call(this,a);c&&z(b,a);l(this)&&x(b,a);return e});r(Node.prototype,"cloneNode",function(a){a=H.call(this,!!a);this.ownerDocument.__CE_hasRegistry?A(b,a):v(b,
+  a);return a});r(Node.prototype,"removeChild",function(a){var c=l(a),e=K.call(this,a);c&&z(b,a);return e});r(Node.prototype,"replaceChild",function(a,c){if(a instanceof DocumentFragment){var e=Array.prototype.slice.apply(a.childNodes);a=L.call(this,a,c);if(l(this))for(z(b,c),c=0;c<e.length;c++)x(b,e[c]);return a}e=l(a);var f=L.call(this,a,c),d=l(this);d&&z(b,c);e&&z(b,a);d&&x(b,a);return f});M&&M.get?a(Node.prototype,M):ca(b,function(b){a(b,{enumerable:!0,configurable:!0,get:function(){for(var a=[],
+  b=0;b<this.childNodes.length;b++){var f=this.childNodes[b];f.nodeType!==Node.COMMENT_NODE&&a.push(f.textContent)}return a.join("")},set:function(a){for(;this.firstChild;)K.call(this,this.firstChild);null!=a&&""!==a&&I.call(this,document.createTextNode(a))}})})};function Aa(a){function b(b){return function(e){for(var c=[],d=0;d<arguments.length;++d)c[d]=arguments[d];d=[];for(var k=[],h=0;h<c.length;h++){var m=c[h];m instanceof Element&&l(m)&&k.push(m);if(m instanceof DocumentFragment)for(m=m.firstChild;m;m=m.nextSibling)d.push(m);else d.push(m)}b.apply(this,c);for(c=0;c<k.length;c++)z(a,k[c]);if(l(this))for(c=0;c<d.length;c++)k=d[c],k instanceof Element&&x(a,k)}}var d=Element.prototype;void 0!==V&&(d.before=b(V));void 0!==V&&(d.after=b(qa));void 0!==ra&&
+  r(d,"replaceWith",function(b){for(var e=[],c=0;c<arguments.length;++c)e[c]=arguments[c];c=[];for(var d=[],k=0;k<e.length;k++){var h=e[k];h instanceof Element&&l(h)&&d.push(h);if(h instanceof DocumentFragment)for(h=h.firstChild;h;h=h.nextSibling)c.push(h);else c.push(h)}k=l(this);ra.apply(this,e);for(e=0;e<d.length;e++)z(a,d[e]);if(k)for(z(a,this),e=0;e<c.length;e++)d=c[e],d instanceof Element&&x(a,d)});void 0!==sa&&r(d,"remove",function(){var b=l(this);sa.call(this);b&&z(a,this)})};function Ba(){function a(a,b){Object.defineProperty(a,"innerHTML",{enumerable:b.enumerable,configurable:!0,get:b.get,set:function(a){var e=this,d=void 0;l(this)&&(d=[],p(this,function(a){a!==e&&d.push(a)}));b.set.call(this,a);if(d)for(var f=0;f<d.length;f++){var t=d[f];1===t.__CE_state&&c.disconnectedCallback(t)}this.ownerDocument.__CE_hasRegistry?A(c,this):v(c,this);return a}})}function b(a,b){r(a,"insertAdjacentElement",function(a,e){var d=l(e);a=b.call(this,a,e);d&&z(c,e);l(a)&&x(c,e);return a})}
+  function d(a,b){function e(a,b){for(var e=[];a!==b;a=a.nextSibling)e.push(a);for(b=0;b<e.length;b++)A(c,e[b])}r(a,"insertAdjacentHTML",function(a,c){a=a.toLowerCase();if("beforebegin"===a){var d=this.previousSibling;b.call(this,a,c);e(d||this.parentNode.firstChild,this)}else if("afterbegin"===a)d=this.firstChild,b.call(this,a,c),e(this.firstChild,d);else if("beforeend"===a)d=this.lastChild,b.call(this,a,c),e(d||this.firstChild,null);else if("afterend"===a)d=this.nextSibling,b.call(this,a,c),e(this.nextSibling,
+  d);else throw new SyntaxError("The value provided ("+String(a)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.");})}var c=X;N&&r(Element.prototype,"attachShadow",function(a){a=N.call(this,a);var b=c;if(b.b&&!a.__CE_patched){a.__CE_patched=!0;for(var e=0;e<b.c.length;e++)b.c[e](a)}return this.__CE_shadowRoot=a});O&&O.get?a(Element.prototype,O):W&&W.get?a(HTMLElement.prototype,W):da(c,function(b){a(b,{enumerable:!0,configurable:!0,get:function(){return H.call(this,!0).innerHTML},
+  set:function(a){var b="template"===this.localName,c=b?this.content:this,e=G.call(document,this.namespaceURI,this.localName);for(e.innerHTML=a;0<c.childNodes.length;)K.call(c,c.childNodes[0]);for(a=b?e.content:e;0<a.childNodes.length;)I.call(c,a.childNodes[0])}})});r(Element.prototype,"setAttribute",function(a,b){if(1!==this.__CE_state)return Q.call(this,a,b);var e=P.call(this,a);Q.call(this,a,b);b=P.call(this,a);c.attributeChangedCallback(this,a,e,b,null)});r(Element.prototype,"setAttributeNS",function(a,
+  b,d){if(1!==this.__CE_state)return T.call(this,a,b,d);var e=S.call(this,a,b);T.call(this,a,b,d);d=S.call(this,a,b);c.attributeChangedCallback(this,b,e,d,a)});r(Element.prototype,"removeAttribute",function(a){if(1!==this.__CE_state)return R.call(this,a);var b=P.call(this,a);R.call(this,a);null!==b&&c.attributeChangedCallback(this,a,b,null,null)});r(Element.prototype,"removeAttributeNS",function(a,b){if(1!==this.__CE_state)return U.call(this,a,b);var d=S.call(this,a,b);U.call(this,a,b);var e=S.call(this,
+  a,b);d!==e&&c.attributeChangedCallback(this,b,d,e,a)});ua?b(HTMLElement.prototype,ua):ma?b(Element.prototype,ma):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched.");va?d(HTMLElement.prototype,va):na?d(Element.prototype,na):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched.");Y(c,Element.prototype,{h:oa,append:pa});Aa(c)};var Z=window.customElements;if(!Z||Z.forcePolyfill||"function"!=typeof Z.define||"function"!=typeof Z.get){var X=new u;xa();ya();Y(X,DocumentFragment.prototype,{h:ka,append:la});za();Ba();document.__CE_hasRegistry=!0;var customElements=new E(X);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:customElements})};
+}).call(self);
+
+// Polyfill document.baseURI
+if (typeof document.baseURI !== 'string') {
+  Object.defineProperty(Document.prototype, 'baseURI', {
+    enumerable: true,
+    configurable: true,
+    get: function () {
+      var base = document.querySelector('base');
+      if (base) {
+        return base.href;
+      }
+      return document.URL;
+    }
+  });
+}
+
+// Polyfill CustomEvent
+if (typeof window.CustomEvent !== 'function') {
+  window.CustomEvent = function CustomEvent(event, params) {
+    params = params || { bubbles: false, cancelable: false, detail: undefined };
+    var evt = document.createEvent( 'CustomEvent' );
+    evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
+    return evt;
+  }
+  window.CustomEvent.prototype = window.Event.prototype;
+}
+
+// Event.composedPath
+(function(E, d, w) {
+  if(!E.composedPath) {
+    E.composedPath = function() {
+      if (this.path) {
+        return this.path;
+      }
+    var target = this.target;
+
+    this.path = [];
+    while (target.parentNode !== null) {
+      this.path.push(target);
+      target = target.parentNode;
+    }
+    this.path.push(d, w);
+    return this.path;
+    }
+  }
+})(Event.prototype, document, window);
+
+/*!
+Element.closest and Element.matches
+https://github.com/jonathantneal/closest
+Creative Commons Zero v1.0 Universal
+*/
+(function(a){"function"!==typeof a.matches&&(a.matches=a.msMatchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||function(a){a=(this.document||this.ownerDocument).querySelectorAll(a);for(var b=0;a[b]&&a[b]!==this;)++b;return!!a[b]});"function"!==typeof a.closest&&(a.closest=function(a){for(var b=this;b&&1===b.nodeType;){if(b.matches(a))return b;b=b.parentNode}return null})})(window.Element.prototype);
+/*!
+Element.getRootNode()
+*/
+(function(c){function d(a){a=b(a);return 11===a.nodeType?d(a.host):a}function b(a){return a.parentNode?b(a.parentNode):a}"function"!==typeof c.getRootNode&&(c.getRootNode=function(a){return a&&a.composed?d(this):b(this)})})(Element.prototype);
+/*!
+Element.remove()
+*/
+(function(b){b.forEach(function(a){a.hasOwnProperty("remove")||Object.defineProperty(a,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this)}})})})([Element.prototype,CharacterData.prototype,DocumentType.prototype]);
+
+/*!
+Element.classList
+*/
+!function(e){'classList'in e||Object.defineProperty(e,"classList",{get:function(){var e=this,t=(e.getAttribute("class")||"").replace(/^\s+|\s$/g,"").split(/\s+/g);function n(){t.length>0?e.setAttribute("class",t.join(" ")):e.removeAttribute("class")}return""===t[0]&&t.splice(0,1),t.toggle=function(e,i){void 0!==i?i?t.add(e):t.remove(e):-1!==t.indexOf(e)?t.splice(t.indexOf(e),1):t.push(e),n()},t.add=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1===t.indexOf(e[i])&&t.push(e[i]);n()},t.remove=function(){for(var e=[].slice.call(arguments),i=0,s=e.length;i<s;i++)-1!==t.indexOf(e[i])&&t.splice(t.indexOf(e[i]),1);n()},t.item=function(e){return t[e]},t.contains=function(e){return-1!==t.indexOf(e)},t.replace=function(e,i){-1!==t.indexOf(e)&&t.splice(t.indexOf(e),1,i),n()},t.value=e.getAttribute("class")||"",t}})}(Element.prototype);
+
diff --git a/dist/esm/polyfills/es5-html-element.js b/dist/esm/polyfills/es5-html-element.js
new file mode 100644
index 00000000000..869bd87f1b0
--- /dev/null
+++ b/dist/esm/polyfills/es5-html-element.js
@@ -0,0 +1,18 @@
+(function() {
+  if (
+    // No Reflect, no classes, no need for shim because native custom elements
+    // require ES2015 classes or Reflect.
+    window.Reflect === undefined ||
+    window.customElements === undefined
+  ) {
+    return;
+  }
+  var BuiltInHTMLElement = HTMLElement;
+  window.HTMLElement = /** @this {!Object} */ function HTMLElement() {
+    return Reflect.construct(
+        BuiltInHTMLElement, [], /** @type {!Function} */ (this.constructor));
+  };
+  HTMLElement.prototype = BuiltInHTMLElement.prototype;
+  HTMLElement.prototype.constructor = HTMLElement;
+  Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);
+})();
diff --git a/dist/esm/polyfills/index.js b/dist/esm/polyfills/index.js
new file mode 100644
index 00000000000..b40b3a3face
--- /dev/null
+++ b/dist/esm/polyfills/index.js
@@ -0,0 +1,34 @@
+export function applyPolyfills() {
+  var win = window;
+
+  var promises = [];
+
+  if (!win.customElements || (win.Element && (!win.Element.prototype.closest || !win.Element.prototype.matches || !win.Element.prototype.remove))) {
+    promises.push(import('./dom.js'));
+  }
+
+  function checkIfURLIsSupported() {
+    try {
+      var u = new URL('b', 'http://a');
+      u.pathname = 'c%20d';
+      return (u.href === 'http://a/c%20d') && u.searchParams;
+    } catch(e) {
+      return false;
+    }
+  }
+
+  if (
+    'function' !== typeof Object.assign || !Object.entries ||
+    !Array.prototype.find || !Array.prototype.includes ||
+    !String.prototype.startsWith || !String.prototype.endsWith ||
+    !win.fetch ||
+    !checkIfURLIsSupported() ||
+    typeof WeakMap == 'undefined'
+  ) {
+    promises.push(import('./core-js.js'));
+  }
+  if (!(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'))) {
+    promises.push(import('./css-shim.js'));
+  }
+  return Promise.all(promises);
+}
diff --git a/dist/esm/polyfills/promise.js b/dist/esm/polyfills/promise.js
new file mode 100644
index 00000000000..298b410a0a3
--- /dev/null
+++ b/dist/esm/polyfills/promise.js
@@ -0,0 +1,9 @@
+/*!
+es6-promise - a tiny implementation of Promises/A+.
+Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
+Licensed under MIT license
+See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
+https://cdn.jsdelivr.net/npm/es6-promise/dist/es6-promise.auto.min.js
+v4.2.8
+*/
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.ES6Promise=e()}(this,function(){"use strict";function t(t){var e=typeof t;return null!==t&&("object"===e||"function"===e)}function e(t){return"function"==typeof t}function n(t){W=t}function r(t){z=t}function o(){return function(){return process.nextTick(a)}}function i(){return"undefined"!=typeof U?function(){U(a)}:c()}function s(){var t=0,e=new H(a),n=document.createTextNode("");return e.observe(n,{characterData:!0}),function(){n.data=t=++t%2}}function u(){var t=new MessageChannel;return t.port1.onmessage=a,function(){return t.port2.postMessage(0)}}function c(){var t=setTimeout;return function(){return t(a,1)}}function a(){for(var t=0;t<N;t+=2){var e=Q[t],n=Q[t+1];e(n),Q[t]=void 0,Q[t+1]=void 0}N=0}function f(){try{var t=Function("return this")().require("vertx");return U=t.runOnLoop||t.runOnContext,i()}catch(e){return c()}}function l(t,e){var n=this,r=new this.constructor(p);void 0===r[V]&&x(r);var o=n._state;if(o){var i=arguments[o-1];z(function(){return T(o,r,i,n._result)})}else j(n,r,t,e);return r}function h(t){var e=this;if(t&&"object"==typeof t&&t.constructor===e)return t;var n=new e(p);return w(n,t),n}function p(){}function v(){return new TypeError("You cannot resolve a promise with itself")}function d(){return new TypeError("A promises callback cannot return that same promise.")}function _(t,e,n,r){try{t.call(e,n,r)}catch(o){return o}}function y(t,e,n){z(function(t){var r=!1,o=_(n,e,function(n){r||(r=!0,e!==n?w(t,n):A(t,n))},function(e){r||(r=!0,S(t,e))},"Settle: "+(t._label||" unknown promise"));!r&&o&&(r=!0,S(t,o))},t)}function m(t,e){e._state===Z?A(t,e._result):e._state===$?S(t,e._result):j(e,void 0,function(e){return w(t,e)},function(e){return S(t,e)})}function b(t,n,r){n.constructor===t.constructor&&r===l&&n.constructor.resolve===h?m(t,n):void 0===r?A(t,n):e(r)?y(t,n,r):A(t,n)}function w(e,n){if(e===n)S(e,v());else if(t(n)){var r=void 0;try{r=n.then}catch(o){return void S(e,o)}b(e,n,r)}else A(e,n)}function g(t){t._onerror&&t._onerror(t._result),E(t)}function A(t,e){t._state===X&&(t._result=e,t._state=Z,0!==t._subscribers.length&&z(E,t))}function S(t,e){t._state===X&&(t._state=$,t._result=e,z(g,t))}function j(t,e,n,r){var o=t._subscribers,i=o.length;t._onerror=null,o[i]=e,o[i+Z]=n,o[i+$]=r,0===i&&t._state&&z(E,t)}function E(t){var e=t._subscribers,n=t._state;if(0!==e.length){for(var r=void 0,o=void 0,i=t._result,s=0;s<e.length;s+=3)r=e[s],o=e[s+n],r?T(n,r,o,i):o(i);t._subscribers.length=0}}function T(t,n,r,o){var i=e(r),s=void 0,u=void 0,c=!0;if(i){try{s=r(o)}catch(a){c=!1,u=a}if(n===s)return void S(n,d())}else s=o;n._state!==X||(i&&c?w(n,s):c===!1?S(n,u):t===Z?A(n,s):t===$&&S(n,s))}function M(t,e){try{e(function(e){w(t,e)},function(e){S(t,e)})}catch(n){S(t,n)}}function P(){return tt++}function x(t){t[V]=tt++,t._state=void 0,t._result=void 0,t._subscribers=[]}function C(){return new Error("Array Methods must be provided an Array")}function O(t){return new et(this,t).promise}function k(t){var e=this;return new e(L(t)?function(n,r){for(var o=t.length,i=0;i<o;i++)e.resolve(t[i]).then(n,r)}:function(t,e){return e(new TypeError("You must pass an array to race."))})}function F(t){var e=this,n=new e(p);return S(n,t),n}function Y(){throw new TypeError("You must pass a resolver function as the first argument to the promise constructor")}function q(){throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.")}function D(){var t=void 0;if("undefined"!=typeof global)t=global;else if("undefined"!=typeof self)t=self;else try{t=Function("return this")()}catch(e){throw new Error("polyfill failed because global object is unavailable in this environment")}var n=t.Promise;if(n){var r=null;try{r=Object.prototype.toString.call(n.resolve())}catch(e){}if("[object Promise]"===r&&!n.cast)return}t.Promise=nt}var K=void 0;K=Array.isArray?Array.isArray:function(t){return"[object Array]"===Object.prototype.toString.call(t)};var L=K,N=0,U=void 0,W=void 0,z=function(t,e){Q[N]=t,Q[N+1]=e,N+=2,2===N&&(W?W(a):R())},B="undefined"!=typeof window?window:void 0,G=B||{},H=G.MutationObserver||G.WebKitMutationObserver,I="undefined"==typeof self&&"undefined"!=typeof process&&"[object process]"==={}.toString.call(process),J="undefined"!=typeof Uint8ClampedArray&&"undefined"!=typeof importScripts&&"undefined"!=typeof MessageChannel,Q=new Array(1e3),R=void 0;R=I?o():H?s():J?u():void 0===B&&"function"==typeof require?f():c();var V=Math.random().toString(36).substring(2),X=void 0,Z=1,$=2,tt=0,et=function(){function t(t,e){this._instanceConstructor=t,this.promise=new t(p),this.promise[V]||x(this.promise),L(e)?(this.length=e.length,this._remaining=e.length,this._result=new Array(this.length),0===this.length?A(this.promise,this._result):(this.length=this.length||0,this._enumerate(e),0===this._remaining&&A(this.promise,this._result))):S(this.promise,C())}return t.prototype._enumerate=function(t){for(var e=0;this._state===X&&e<t.length;e++)this._eachEntry(t[e],e)},t.prototype._eachEntry=function(t,e){var n=this._instanceConstructor,r=n.resolve;if(r===h){var o=void 0,i=void 0,s=!1;try{o=t.then}catch(u){s=!0,i=u}if(o===l&&t._state!==X)this._settledAt(t._state,e,t._result);else if("function"!=typeof o)this._remaining--,this._result[e]=t;else if(n===nt){var c=new n(p);s?S(c,i):b(c,t,o),this._willSettleAt(c,e)}else this._willSettleAt(new n(function(e){return e(t)}),e)}else this._willSettleAt(r(t),e)},t.prototype._settledAt=function(t,e,n){var r=this.promise;r._state===X&&(this._remaining--,t===$?S(r,n):this._result[e]=n),0===this._remaining&&A(r,this._result)},t.prototype._willSettleAt=function(t,e){var n=this;j(t,void 0,function(t){return n._settledAt(Z,e,t)},function(t){return n._settledAt($,e,t)})},t}(),nt=function(){function t(e){this[V]=P(),this._result=this._state=void 0,this._subscribers=[],p!==e&&("function"!=typeof e&&Y(),this instanceof t?M(this,e):q())}return t.prototype["catch"]=function(t){return this.then(null,t)},t.prototype["finally"]=function(t){var n=this,r=n.constructor;return e(t)?n.then(function(e){return r.resolve(t()).then(function(){return e})},function(e){return r.resolve(t()).then(function(){throw e})}):n.then(t,t)},t}();return nt.prototype.then=l,nt.all=O,nt.race=k,nt.resolve=h,nt.reject=F,nt._setScheduler=n,nt._setAsap=r,nt._asap=z,nt.polyfill=D,nt.Promise=nt,nt.polyfill(),nt});
diff --git a/dist/esm/polyfills/system.js b/dist/esm/polyfills/system.js
new file mode 100644
index 00000000000..1be1a05a3da
--- /dev/null
+++ b/dist/esm/polyfills/system.js
@@ -0,0 +1,4 @@
+/*
+* SystemJS 3.1.3
+*/
+!function(){var e,n="undefined"!=typeof self,t=n?self:global;if("undefined"!=typeof location){var r=(e=location.href.split("#")[0].split("?")[0]).lastIndexOf("/");-1!==r&&(e=e.slice(0,r+1))}var i=/\\/g,o="undefined"!=typeof Symbol,u=o&&Symbol.toStringTag,f=o?Symbol():"@";function c(){this[f]={}}var l,s=c.prototype;s.import=function(e,n){var t=this;return Promise.resolve(t.resolve(e,n)).then(function(e){var n=function e(n,t,r){var i=n[f][t];if(i)return i;var o=[],c=Object.create(null);u&&Object.defineProperty(c,u,{value:"Module"});var l=Promise.resolve().then(function(){return n.instantiate(t,r)}).then(function(e){if(!e)throw new Error("Module "+t+" did not instantiate");var r=e[1](function(e,n){i.h=!0;var t=!1;if("object"!=typeof e)e in c&&c[e]===n||(c[e]=n,t=!0);else for(var r in e){var u=e[r];r in c&&c[r]===u||(c[r]=u,t=!0)}if(t)for(var f=0;f<o.length;f++)o[f](c);return n},2===e[1].length?{import:function(e){return n.import(e,t)},meta:n.createContext(t)}:void 0);return i.e=r.execute||function(){},[e[0],r.setters||[]]}),s=l.then(function(r){return Promise.all(r[0].map(function(i,o){var u=r[1][o];return Promise.resolve(n.resolve(i,t)).then(function(r){var i=e(n,r,t);return Promise.resolve(i.I).then(function(){return u&&(i.i.push(u),!i.h&&i.I||u(i.n)),i})})})).then(function(e){i.d=e})});return s.catch(function(e){i.e=null,i.er=e}),i=n[f][t]={id:t,i:o,n:c,I:l,L:s,h:!1,d:void 0,e:void 0,er:void 0,E:void 0,C:void 0}}(t,e);return n.C||function(e,n){return n.C=function e(n,t,r){if(!r[t.id])return r[t.id]=!0,Promise.resolve(t.L).then(function(){return Promise.all(t.d.map(function(t){return e(n,t,r)}))})}(e,n,{}).then(function(){return function e(n,t,r){if(!r[t.id]){if(r[t.id]=!0,!t.e){if(t.er)throw t.er;return t.E?t.E:void 0}var i;return t.d.forEach(function(t){var o=e(n,t,r);o&&(i=i||[]).push(o)}),i?Promise.all(i).then(o):o()}function o(){try{var e=t.e.call(d);if(e)return e=e.then(function(){t.C=t.n,t.E=null}),t.E=t.E||e;t.C=t.n}catch(e){throw t.er=e,e}finally{t.L=t.I=void 0,t.e=null}}}(e,n,{})}).then(function(){return n.n})}(t,n)})},s.createContext=function(e){return{url:e}},s.register=function(e,n){l=[e,n]},s.getRegister=function(){var e=l;return l=void 0,e};var a,d=Object.freeze(Object.create(null));t.System=new c,"undefined"!=typeof window&&window.addEventListener("error",function(e){a=e.error});var v=s.register;s.register=function(e,n){a=void 0,v.call(this,e,n)},s.instantiate=function(e,n){var t=this;return new Promise(function(r,i){var o=document.createElement("script");o.charset="utf-8",o.async=!0,o.crossOrigin="anonymous",o.addEventListener("error",function(){i(new Error("Error loading "+e+(n?" from "+n:"")))}),o.addEventListener("load",function(){if(document.head.removeChild(o),a)return i(a),a=void 0;r(t.getRegister())}),o.src=e,document.head.appendChild(o)})},n&&"function"==typeof importScripts&&(s.instantiate=function(e){var n=this;return new Promise(function(t,r){try{importScripts(e)}catch(e){r(e)}t(n.getRegister())})}),s.resolve=function(n,t){var r=function(e,n){if(-1!==e.indexOf("\\")&&(e=e.replace(i,"/")),"/"===e[0]&&"/"===e[1])return n.slice(0,n.indexOf(":")+1)+e;if("."===e[0]&&("/"===e[1]||"."===e[1]&&("/"===e[2]||2===e.length&&(e+="/"))||1===e.length&&(e+="/"))||"/"===e[0]){var t,r=n.slice(0,n.indexOf(":")+1);if(t="/"===n[r.length+1]?"file:"!==r?(t=n.slice(r.length+2)).slice(t.indexOf("/")+1):n.slice(8):n.slice(r.length+("/"===n[r.length])),"/"===e[0])return n.slice(0,n.length-t.length-1)+e;for(var o=t.slice(0,t.lastIndexOf("/")+1)+e,u=[],f=-1,c=0;c<o.length;c++)-1!==f?"/"===o[c]&&(u.push(o.slice(f,c+1)),f=-1):"."===o[c]?"."!==o[c+1]||"/"!==o[c+2]&&c+2!==o.length?"/"===o[c+1]||c+1===o.length?c+=1:f=c:(u.pop(),c+=2):f=c;return-1!==f&&u.push(o.slice(f)),n.slice(0,n.length-t.length)+u.join("")}}(n,t||e);if(!r){if(-1!==n.indexOf(":"))return Promise.resolve(n);throw new Error('Cannot resolve "'+n+(t?'" from '+t:'"'))}return Promise.resolve(r)}}();
diff --git a/dist/esm/shadow-css-bbdf056f-05cd1ccb.js b/dist/esm/shadow-css-bbdf056f-05cd1ccb.js
new file mode 100644
index 00000000000..209a393ac7b
--- /dev/null
+++ b/dist/esm/shadow-css-bbdf056f-05cd1ccb.js
@@ -0,0 +1,401 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ *
+ * This file is a port of shadowCSS from webcomponents.js to TypeScript.
+ * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
+ * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
+ */
+class ShadowCss {
+    constructor() {
+        this.strictStyling = true;
+    }
+    shimCssText(cssText, scopeId, hostScopeId = '', slotScopeId = '', commentOriginalSelector = false) {
+        const commentsWithHash = extractCommentsWithHash(cssText);
+        cssText = stripComments(cssText);
+        const orgSelectors = [];
+        if (commentOriginalSelector) {
+            const processCommentedSelector = (rule) => {
+                const placeholder = `/*!@___${orgSelectors.length}___*/`;
+                const comment = `/*!@${rule.selector}*/`;
+                orgSelectors.push({ placeholder, comment });
+                rule.selector = placeholder + rule.selector;
+                return rule;
+            };
+            cssText = processRules(cssText, rule => {
+                if (rule.selector[0] !== '@') {
+                    return processCommentedSelector(rule);
+                }
+                else if (rule.selector.startsWith('@media') || rule.selector.startsWith('@supports') ||
+                    rule.selector.startsWith('@page') || rule.selector.startsWith('@document')) {
+                    rule.content = processRules(rule.content, processCommentedSelector);
+                    return rule;
+                }
+                return rule;
+            });
+        }
+        const scopedCssText = this._scopeCssText(cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector);
+        cssText = [scopedCssText, ...commentsWithHash].join('\n');
+        if (commentOriginalSelector) {
+            orgSelectors.forEach(({ placeholder, comment }) => {
+                cssText = cssText.replace(placeholder, comment);
+            });
+        }
+        return cssText;
+    }
+    _scopeCssText(cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector) {
+        // replace :host and :host-context -shadowcsshost and -shadowcsshost respectively
+        cssText = this._insertPolyfillHostInCssText(cssText);
+        cssText = this._convertColonHost(cssText);
+        cssText = this._convertColonHostContext(cssText);
+        cssText = this._convertColonSlotted(cssText, slotScopeId);
+        cssText = this._convertShadowDOMSelectors(cssText);
+        if (scopeId) {
+            cssText = this._scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector);
+        }
+        cssText = cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);
+        cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, ' $1 ');
+        return cssText.trim();
+    }
+    /*
+     * convert a rule like :host(.foo) > .bar { }
+     *
+     * to
+     *
+     * .foo<scopeName> > .bar
+    */
+    _convertColonHost(cssText) {
+        return this._convertColonRule(cssText, _cssColonHostRe, this._colonHostPartReplacer);
+    }
+    /*
+   * convert a rule like ::slotted(.foo) { }
+  */
+    _convertColonSlotted(cssText, slotAttr) {
+        const regExp = _cssColonSlottedRe;
+        return cssText.replace(regExp, (...m) => {
+            if (m[2]) {
+                const compound = m[2].trim();
+                const suffix = m[3];
+                const sel = '.' + slotAttr + ' > ' + compound + suffix;
+                return sel;
+            }
+            else {
+                return _polyfillHostNoCombinator + m[3];
+            }
+        });
+    }
+    /*
+     * convert a rule like :host-context(.foo) > .bar { }
+     *
+     * to
+     *
+     * .foo<scopeName> > .bar, .foo scopeName > .bar { }
+     *
+     * and
+     *
+     * :host-context(.foo:host) .bar { ... }
+     *
+     * to
+     *
+     * .foo<scopeName> .bar { ... }
+    */
+    _convertColonHostContext(cssText) {
+        return this._convertColonRule(cssText, _cssColonHostContextRe, this._colonHostContextPartReplacer);
+    }
+    _convertColonRule(cssText, regExp, partReplacer) {
+        // m[1] = :host(-context), m[2] = contents of (), m[3] rest of rule
+        return cssText.replace(regExp, (...m) => {
+            if (m[2]) {
+                const parts = m[2].split(',');
+                const r = [];
+                for (let i = 0; i < parts.length; i++) {
+                    const p = parts[i].trim();
+                    if (!p)
+                        break;
+                    r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));
+                }
+                return r.join(',');
+            }
+            else {
+                return _polyfillHostNoCombinator + m[3];
+            }
+        });
+    }
+    _colonHostContextPartReplacer(host, part, suffix) {
+        if (part.indexOf(_polyfillHost) > -1) {
+            return this._colonHostPartReplacer(host, part, suffix);
+        }
+        else {
+            return host + part + suffix + ', ' + part + ' ' + host + suffix;
+        }
+    }
+    _colonHostPartReplacer(host, part, suffix) {
+        return host + part.replace(_polyfillHost, '') + suffix;
+    }
+    /*
+     * Convert combinators like ::shadow and pseudo-elements like ::content
+     * by replacing with space.
+    */
+    _convertShadowDOMSelectors(cssText) {
+        return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, ' '), cssText);
+    }
+    // change a selector like 'div' to 'name div'
+    _scopeSelectors(cssText, scopeSelector, hostSelector, slotSelector, commentOriginalSelector) {
+        return processRules(cssText, (rule) => {
+            let selector = rule.selector;
+            let content = rule.content;
+            if (rule.selector[0] !== '@') {
+                selector =
+                    this._scopeSelector(rule.selector, scopeSelector, hostSelector, slotSelector, this.strictStyling);
+            }
+            else if (rule.selector.startsWith('@media') || rule.selector.startsWith('@supports') ||
+                rule.selector.startsWith('@page') || rule.selector.startsWith('@document')) {
+                content = this._scopeSelectors(rule.content, scopeSelector, hostSelector, slotSelector, commentOriginalSelector);
+            }
+            selector = selector.replace(/\s{2,}/g, ' ').trim();
+            return new CssRule(selector, content);
+        });
+    }
+    _scopeSelector(selector, scopeSelector, hostSelector, slotSelector, strict) {
+        return selector.split(',')
+            .map(shallowPart => {
+            if (slotSelector && shallowPart.indexOf('.' + slotSelector) > -1) {
+                return shallowPart.trim();
+            }
+            if (this._selectorNeedsScoping(shallowPart, scopeSelector)) {
+                return strict ?
+                    this._applyStrictSelectorScope(shallowPart, scopeSelector, hostSelector).trim() :
+                    this._applySelectorScope(shallowPart, scopeSelector, hostSelector).trim();
+            }
+            else {
+                return shallowPart.trim();
+            }
+        })
+            .join(', ');
+    }
+    _selectorNeedsScoping(selector, scopeSelector) {
+        const re = this._makeScopeMatcher(scopeSelector);
+        return !re.test(selector);
+    }
+    _makeScopeMatcher(scopeSelector) {
+        const lre = /\[/g;
+        const rre = /\]/g;
+        scopeSelector = scopeSelector.replace(lre, '\\[').replace(rre, '\\]');
+        return new RegExp('^(' + scopeSelector + ')' + _selectorReSuffix, 'm');
+    }
+    _applySelectorScope(selector, scopeSelector, hostSelector) {
+        // Difference from webcomponents.js: scopeSelector could not be an array
+        return this._applySimpleSelectorScope(selector, scopeSelector, hostSelector);
+    }
+    // scope via name and [is=name]
+    _applySimpleSelectorScope(selector, scopeSelector, hostSelector) {
+        // In Android browser, the lastIndex is not reset when the regex is used in String.replace()
+        _polyfillHostRe.lastIndex = 0;
+        if (_polyfillHostRe.test(selector)) {
+            const replaceBy = this.strictStyling ? `.${hostSelector}` : scopeSelector;
+            return selector
+                .replace(_polyfillHostNoCombinatorRe, (_, selector) => {
+                return selector.replace(/([^:]*)(:*)(.*)/, (_, before, colon, after) => {
+                    return before + replaceBy + colon + after;
+                });
+            })
+                .replace(_polyfillHostRe, replaceBy + ' ');
+        }
+        return scopeSelector + ' ' + selector;
+    }
+    _applyStrictSelectorScope(selector, scopeSelector, hostSelector) {
+        const isRe = /\[is=([^\]]*)\]/g;
+        scopeSelector = scopeSelector.replace(isRe, (_, ...parts) => parts[0]);
+        const className = '.' + scopeSelector;
+        const _scopeSelectorPart = (p) => {
+            let scopedP = p.trim();
+            if (!scopedP) {
+                return '';
+            }
+            if (p.indexOf(_polyfillHostNoCombinator) > -1) {
+                scopedP = this._applySimpleSelectorScope(p, scopeSelector, hostSelector);
+            }
+            else {
+                // remove :host since it should be unnecessary
+                const t = p.replace(_polyfillHostRe, '');
+                if (t.length > 0) {
+                    const matches = t.match(/([^:]*)(:*)(.*)/);
+                    if (matches) {
+                        scopedP = matches[1] + className + matches[2] + matches[3];
+                    }
+                }
+            }
+            return scopedP;
+        };
+        const safeContent = new SafeSelector(selector);
+        selector = safeContent.content();
+        let scopedSelector = '';
+        let startIndex = 0;
+        let res;
+        const sep = /( |>|\+|~(?!=))\s*/g;
+        // If a selector appears before :host it should not be shimmed as it
+        // matches on ancestor elements and not on elements in the host's shadow
+        // `:host-context(div)` is transformed to
+        // `-shadowcsshost-no-combinatordiv, div -shadowcsshost-no-combinator`
+        // the `div` is not part of the component in the 2nd selectors and should not be scoped.
+        // Historically `component-tag:host` was matching the component so we also want to preserve
+        // this behavior to avoid breaking legacy apps (it should not match).
+        // The behavior should be:
+        // - `tag:host` -> `tag[h]` (this is to avoid breaking legacy apps, should not match anything)
+        // - `tag :host` -> `tag [h]` (`tag` is not scoped because it's considered part of a
+        //   `:host-context(tag)`)
+        const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;
+        // Only scope parts after the first `-shadowcsshost-no-combinator` when it is present
+        let shouldScope = !hasHost;
+        while ((res = sep.exec(selector)) !== null) {
+            const separator = res[1];
+            const part = selector.slice(startIndex, res.index).trim();
+            shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
+            const scopedPart = shouldScope ? _scopeSelectorPart(part) : part;
+            scopedSelector += `${scopedPart} ${separator} `;
+            startIndex = sep.lastIndex;
+        }
+        const part = selector.substring(startIndex);
+        shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
+        scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
+        // replace the placeholders with their original values
+        return safeContent.restore(scopedSelector);
+    }
+    _insertPolyfillHostInCssText(selector) {
+        selector = selector
+            .replace(_colonHostContextRe, _polyfillHostContext)
+            .replace(_colonHostRe, _polyfillHost)
+            .replace(_colonSlottedRe, _polyfillSlotted);
+        return selector;
+    }
+}
+class SafeSelector {
+    constructor(selector) {
+        this.placeholders = [];
+        this.index = 0;
+        // Replaces attribute selectors with placeholders.
+        // The WS in [attr="va lue"] would otherwise be interpreted as a selector separator.
+        selector = selector.replace(/(\[[^\]]*\])/g, (_, keep) => {
+            const replaceBy = `__ph-${this.index}__`;
+            this.placeholders.push(keep);
+            this.index++;
+            return replaceBy;
+        });
+        // Replaces the expression in `:nth-child(2n + 1)` with a placeholder.
+        // WS and "+" would otherwise be interpreted as selector separators.
+        this._content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
+            const replaceBy = `__ph-${this.index}__`;
+            this.placeholders.push(exp);
+            this.index++;
+            return pseudo + replaceBy;
+        });
+    }
+    restore(content) {
+        return content.replace(/__ph-(\d+)__/g, (_, index) => this.placeholders[+index]);
+    }
+    content() { return this._content; }
+}
+class CssRule {
+    constructor(selector, content) {
+        this.selector = selector;
+        this.content = content;
+    }
+}
+class StringWithEscapedBlocks {
+    constructor(escapedString, blocks) {
+        this.escapedString = escapedString;
+        this.blocks = blocks;
+    }
+}
+const _polyfillHost = '-shadowcsshost';
+const _polyfillSlotted = '-shadowcssslotted';
+// note: :host-context pre-processed to -shadowcsshostcontext.
+const _polyfillHostContext = '-shadowcsscontext';
+const _parenSuffix = ')(?:\\((' +
+    '(?:\\([^)(]*\\)|[^)(]*)+?' +
+    ')\\))?([^,{]*)';
+const _cssColonHostRe = new RegExp('(' + _polyfillHost + _parenSuffix, 'gim');
+const _cssColonHostContextRe = new RegExp('(' + _polyfillHostContext + _parenSuffix, 'gim');
+const _cssColonSlottedRe = new RegExp('(' + _polyfillSlotted + _parenSuffix, 'gim');
+const _polyfillHostNoCombinator = _polyfillHost + '-no-combinator';
+const _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
+const _shadowDOMSelectorsRe = [
+    /::shadow/g,
+    /::content/g
+];
+const _selectorReSuffix = '([>\\s~+\[.,{:][\\s\\S]*)?$';
+const _polyfillHostRe = /-shadowcsshost/gim;
+const _colonHostRe = /:host/gim;
+const _colonSlottedRe = /::slotted/gim;
+const _colonHostContextRe = /:host-context/gim;
+const _commentRe = /\/\*\s*[\s\S]*?\*\//g;
+const stripComments = (input) => {
+    return input.replace(_commentRe, '');
+};
+const _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;
+const extractCommentsWithHash = (input) => {
+    return input.match(_commentWithHashRe) || [];
+};
+const _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
+const _curlyRe = /([{}])/g;
+const OPEN_CURLY = '{';
+const CLOSE_CURLY = '}';
+const BLOCK_PLACEHOLDER = '%BLOCK%';
+const processRules = (input, ruleCallback) => {
+    const inputWithEscapedBlocks = escapeBlocks(input);
+    let nextBlockIndex = 0;
+    return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {
+        const selector = m[2];
+        let content = '';
+        let suffix = m[4];
+        let contentPrefix = '';
+        if (suffix && suffix.startsWith('{' + BLOCK_PLACEHOLDER)) {
+            content = inputWithEscapedBlocks.blocks[nextBlockIndex++];
+            suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);
+            contentPrefix = '{';
+        }
+        const rule = ruleCallback(new CssRule(selector, content));
+        return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;
+    });
+};
+const escapeBlocks = (input) => {
+    const inputParts = input.split(_curlyRe);
+    const resultParts = [];
+    const escapedBlocks = [];
+    let bracketCount = 0;
+    let currentBlockParts = [];
+    for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {
+        const part = inputParts[partIndex];
+        if (part === CLOSE_CURLY) {
+            bracketCount--;
+        }
+        if (bracketCount > 0) {
+            currentBlockParts.push(part);
+        }
+        else {
+            if (currentBlockParts.length > 0) {
+                escapedBlocks.push(currentBlockParts.join(''));
+                resultParts.push(BLOCK_PLACEHOLDER);
+                currentBlockParts = [];
+            }
+            resultParts.push(part);
+        }
+        if (part === OPEN_CURLY) {
+            bracketCount++;
+        }
+    }
+    if (currentBlockParts.length > 0) {
+        escapedBlocks.push(currentBlockParts.join(''));
+        resultParts.push(BLOCK_PLACEHOLDER);
+    }
+    return new StringWithEscapedBlocks(resultParts.join(''), escapedBlocks);
+};
+const scopeCss = (cssText, scopeId, commentOriginalSelector) => {
+    const sc = new ShadowCss();
+    return sc.shimCssText(cssText, scopeId, scopeId + '-h', scopeId + '-s', commentOriginalSelector);
+};
+
+export { ShadowCss, scopeCss };
diff --git a/dist/index.js b/dist/index.js
new file mode 100644
index 00000000000..b8ff46e2066
--- /dev/null
+++ b/dist/index.js
@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');
\ No newline at end of file
diff --git a/dist/index.mjs b/dist/index.mjs
new file mode 100644
index 00000000000..ce1ef6952a7
--- /dev/null
+++ b/dist/index.mjs
@@ -0,0 +1 @@
+export * from './esm-es5/index.mjs';
\ No newline at end of file
diff --git a/dist/loader/cdn.js b/dist/loader/cdn.js
new file mode 100644
index 00000000000..06302a93542
--- /dev/null
+++ b/dist/loader/cdn.js
@@ -0,0 +1,3 @@
+
+module.exports = require('../cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };
diff --git a/dist/loader/index.cjs.js b/dist/loader/index.cjs.js
new file mode 100644
index 00000000000..06302a93542
--- /dev/null
+++ b/dist/loader/index.cjs.js
@@ -0,0 +1,3 @@
+
+module.exports = require('../cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };
diff --git a/dist/loader/index.d.ts b/dist/loader/index.d.ts
new file mode 100644
index 00000000000..2280e08e1bd
--- /dev/null
+++ b/dist/loader/index.d.ts
@@ -0,0 +1,13 @@
+
+export * from '../types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win: Window, opts?: CustomElementsDefineOptions): Promise<void>;
+export declare function applyPolyfills(): Promise<void>;
diff --git a/dist/loader/index.es2017.mjs b/dist/loader/index.es2017.mjs
new file mode 100644
index 00000000000..2e2021ba50e
--- /dev/null
+++ b/dist/loader/index.es2017.mjs
@@ -0,0 +1,3 @@
+
+export * from '../esm/polyfills/index.js';
+export * from '../esm/loader.mjs';
diff --git a/dist/loader/index.mjs b/dist/loader/index.mjs
new file mode 100644
index 00000000000..6987de16f95
--- /dev/null
+++ b/dist/loader/index.mjs
@@ -0,0 +1,22 @@
+
+(function() {
+  if (
+    // No Reflect, no classes, no need for shim because native custom elements
+    // require ES2015 classes or Reflect.
+    window.Reflect === undefined ||
+    window.customElements === undefined
+  ) {
+    return;
+  }
+  var BuiltInHTMLElement = HTMLElement;
+  window.HTMLElement = /** @this {!Object} */ function HTMLElement() {
+    return Reflect.construct(
+        BuiltInHTMLElement, [], /** @type {!Function} */ (this.constructor));
+  };
+  HTMLElement.prototype = BuiltInHTMLElement.prototype;
+  HTMLElement.prototype.constructor = HTMLElement;
+  Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);
+})();
+
+export * from '../esm/polyfills/index.js';
+export * from '../esm-es5/loader.mjs';
diff --git a/dist/loader/node-main.js b/dist/loader/node-main.js
new file mode 100644
index 00000000000..d51d3fdf10d
--- /dev/null
+++ b/dist/loader/node-main.js
@@ -0,0 +1,3 @@
+
+module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.defineCustomElements = function() { return Promise.resolve() };
diff --git a/dist/loader/package.json b/dist/loader/package.json
new file mode 100644
index 00000000000..f20bb3632b3
--- /dev/null
+++ b/dist/loader/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "calcite-loader",
+  "typings": "./index.d.ts",
+  "module": "./index.mjs",
+  "main": "./index.cjs.js",
+  "node:main": "./node-main.js",
+  "jsnext:main": "./index.es2017.mjs",
+  "es2015": "./index.es2017.mjs",
+  "es2017": "./index.es2017.mjs",
+  "unpkg": "./cdn.js"
+}
\ No newline at end of file
diff --git a/dist/types/components.d.ts b/dist/types/components.d.ts
new file mode 100644
index 00000000000..d4800546a20
--- /dev/null
+++ b/dist/types/components.d.ts
@@ -0,0 +1,866 @@
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+
+
+import { HTMLStencilElement, JSXBase } from './stencil.core';
+import {
+  TabChangeEventDetail,
+} from './interfaces/TabChange';
+
+export namespace Components {
+  interface CalciteAlert {
+    /**
+    * Unique ID for this alert
+    */
+    'alertId': string;
+    /**
+    * emit the `calciteAlertClose` event - <calcite-alerts> listens for this
+    */
+    'closeCalciteAlert': () => Promise<void>;
+    /**
+    * Color for the alert (will apply to top border and icon)
+    */
+    'color': "blue" | "green" | "red" | "yellow";
+    'currentAlert': string;
+    /**
+    * Close the alert automatically (recommended for passive, non-blocking alerts)
+    */
+    'dismiss': boolean;
+    /**
+    * Length before autodismissal (only used with `dismiss`)
+    */
+    'duration': "fast" | "medium" | "slow";
+    /**
+    * If false, no icon will be shown in the alert
+    */
+    'icon': boolean;
+    /**
+    * emit the `calciteAlertOpen` event - <calcite-alerts> listens for this
+    */
+    'openCalciteAlert': () => Promise<void>;
+    'queueLength': number;
+    /**
+    * Select theme (light or dark)
+    */
+    'theme': "light" | "dark";
+  }
+  interface CalciteAlerts {}
+  interface CalciteButton {
+    /**
+    * specify the appearance style of the button, defaults to solid. Specifying "inline" will render the component as an anchor
+    */
+    'appearance': | "solid"
+    | "outline"
+    | "clear"
+    | "inline";
+    /**
+    * specify the color of the button, defaults to blue
+    */
+    'color': | "blue"
+    | "dark"
+    | "light"
+    | "red";
+    'hastext': boolean;
+    /**
+    * optionally pass a href - used to determine if the component should render as a button or an anchor
+    */
+    'href'?: string;
+    /**
+    * optionally pass icon path data to be positioned within the button - pass only raw path data from calcite ui helper
+    */
+    'icon'?: string;
+    /**
+    * optionally add a calcite-loader component inline to indicate loading is occuring. You can add and remove this prop depending on status
+    */
+    'loading'?: boolean;
+    /**
+    * specify the scale of the button, defaults to m
+    */
+    'scale': "xs" | "s" | "m" | "l" | "xl";
+    /**
+    * specify the width of the button, defaults to auto
+    */
+    'width': "auto" | "half" | "full";
+  }
+  interface CalciteCheckbox {
+    /**
+    * True if the checkbox is initially checked
+    */
+    'checked'?: boolean;
+    /**
+    * True if the checkbox is disabled
+    */
+    'disabled'?: boolean;
+    /**
+    * True if the checkbox is initially indeterminate, which is independent from its checked state https://css-tricks.com/indeterminate-checkboxes/
+    */
+    'indeterminate'?: boolean;
+    /**
+    * The name of the checkbox input
+    */
+    'name'?: string;
+    /**
+    * Size of the checkbox
+    */
+    'size'?: "small" | "large";
+    /**
+    * Determines what theme to use
+    */
+    'theme': "light" | "dark";
+    /**
+    * The value of the checkbox input
+    */
+    'value'?: string;
+  }
+  interface CalciteExample {
+    /**
+    * Add a jsdoc comment describing your method and it's parameters (use `@param`).
+    */
+    'doThing': () => Promise<void>;
+    /**
+    * Be sure to add a jsdoc comment describing your propery for the generated readme file. If your property should be hidden from documentation, you can use the `@internal` tag
+    */
+    'property': string;
+  }
+  interface CalciteLoader {
+    /**
+    * Inline loaders are smaller and will appear to the left of the text
+    */
+    'inline': boolean;
+    /**
+    * Show the loader
+    */
+    'isActive': boolean;
+    /**
+    * Text which should appear under the loading indicator (optional)
+    */
+    'text': string;
+    /**
+    * Use indeterminate if finding actual progress value is impossible
+    */
+    'type': "indeterminate" | "determinate";
+    /**
+    * Percent complete of 100, only valid for determinate indicators
+    */
+    'value': number;
+  }
+  interface CalciteModal {
+    /**
+    * Optionally pass a function to run before close
+    */
+    'beforeClose': (el: HTMLElement) => Promise<void>;
+    /**
+    * Close the modal, first running the `beforeClose` method
+    */
+    'close': () => Promise<HTMLElement>;
+    /**
+    * Aria label for the close button
+    */
+    'closeLabel': string;
+    /**
+    * Adds a color bar at the top for visual impact, Use color to add importance to desctructive/workflow dialogs.
+    */
+    'color'?: "red" | "blue";
+    /**
+    * Prevent the modal from taking up the entire screen on mobile
+    */
+    'docked': boolean;
+    /**
+    * Specify an element to focus when the modal is first opened
+    */
+    'firstFocus'?: HTMLElement;
+    /**
+    * Open the modal
+    */
+    'open': () => Promise<HTMLElement>;
+    /**
+    * Set the overall size of the modal
+    */
+    'size': "small" | "medium" | "large" | "fullscreen";
+    /**
+    * Select theme (light or dark)
+    */
+    'theme': "light" | "dark";
+  }
+  interface CalciteProgress {
+    /**
+    * Fill bar in the opposite direction
+    */
+    'reversed': boolean;
+    /**
+    * Text label for the progress indicator
+    */
+    'text': string;
+    /**
+    * Use indeterminate if finding actual progress value is impossible
+    */
+    'type': "indeterminate" | "determinate";
+    /**
+    * Percent complete of 100
+    */
+    'value': number;
+  }
+  interface CalciteRadioGroup {
+    /**
+    * The group's name. Gets submitted with the form.
+    */
+    'name': string;
+    /**
+    * The group's selected item.
+    */
+    'selectedItem': HTMLCalciteRadioGroupItemElement;
+    /**
+    * The component's theme.
+    */
+    'theme': "light" | "dark";
+  }
+  interface CalciteRadioGroupItem {
+    /**
+    * Indicates whether the control is checked.
+    */
+    'checked': boolean;
+    /**
+    * The control's value.
+    */
+    'value': any | null;
+  }
+  interface CalciteSlider {
+    /**
+    * Disable and gray out the slider
+    */
+    'disabled': boolean;
+    /**
+    * Label handles with their numeric value
+    */
+    'labelHandles'?: boolean;
+    /**
+    * Label tick marks with their numeric value.
+    */
+    'labelTicks'?: boolean;
+    /**
+    * Maximum selectable value
+    */
+    'max': number;
+    /**
+    * Label for second handle if needed (ex. "Temperature, upper bound")
+    */
+    'maxLabel'?: string;
+    /**
+    * Currently selected upper number (if multi-select)
+    */
+    'maxValue'?: number;
+    /**
+    * Minimum selectable value
+    */
+    'min': number;
+    /**
+    * Label for first (or only) handle (ex. "Temperature, lower bound")
+    */
+    'minLabel': string;
+    /**
+    * Currently selected lower number (if multi-select)
+    */
+    'minValue'?: number;
+    /**
+    * Interval to move on page up/page down keys
+    */
+    'pageStep'?: number;
+    /**
+    * Use finer point for handles
+    */
+    'precise'?: boolean;
+    /**
+    * Snap selection along the step interval
+    */
+    'snap'?: boolean;
+    /**
+    * Interval to move on up/down keys
+    */
+    'step'?: number;
+    /**
+    * Show tick marks on the number line at provided interval
+    */
+    'ticks'?: number;
+    /**
+    * Currently selected number (if single select)
+    */
+    'value': null | number;
+  }
+  interface CalciteSwitch {
+    /**
+    * What color the switch should be
+    */
+    'color'?: "red" | "blue";
+    /**
+    * The name of the checkbox input
+    */
+    'name'?: string;
+    /**
+    * True if the switch is initially on
+    */
+    'switched'?: boolean;
+    /**
+    * The value of the checkbox input
+    */
+    'value'?: string;
+  }
+  interface CalciteTab {
+    /**
+    * Return the index of this tab within the tab array
+    */
+    'getTabIndex': () => Promise<number>;
+    /**
+    * Show this tab
+    */
+    'isActive': boolean;
+    /**
+    * Optionally include a unique name for this tab, be sure to also set this name on the associated title.
+    */
+    'tab': string;
+    'updateAriaInfo': (tabIds?: string[], titleIds?: string[]) => Promise<void>;
+  }
+  interface CalciteTabNav {
+    /**
+    * Name to use when saving selected tab data to localStorage
+    */
+    'storageId': string;
+    /**
+    * Pass the same string to multiple tab navs to keep them all in sync if one changes
+    */
+    'syncId': string;
+  }
+  interface CalciteTabTitle {
+    'getTabIdentifier': () => Promise<string | number>;
+    /**
+    * Return the index of this title within the nav
+    */
+    'getTabIndex': () => Promise<number>;
+    /**
+    * Show this tab title as selected
+    */
+    'isActive': boolean;
+    /**
+    * Optionally include a unique name for the tab title, be sure to also set this name on the associated tab.
+    */
+    'tab'?: string;
+    'updateAriaInfo': (tabIds?: string[], titleIds?: string[]) => Promise<void>;
+  }
+  interface CalciteTabs {
+    /**
+    * Align tab titles to the edge or fully justify them across the tab nav ("center")
+    */
+    'layout': "center" | "inline";
+    /**
+    * Select theme (light or dark)
+    */
+    'theme': "light" | "dark";
+  }
+}
+
+declare global {
+
+
+  interface HTMLCalciteAlertElement extends Components.CalciteAlert, HTMLStencilElement {}
+  var HTMLCalciteAlertElement: {
+    prototype: HTMLCalciteAlertElement;
+    new (): HTMLCalciteAlertElement;
+  };
+
+  interface HTMLCalciteAlertsElement extends Components.CalciteAlerts, HTMLStencilElement {}
+  var HTMLCalciteAlertsElement: {
+    prototype: HTMLCalciteAlertsElement;
+    new (): HTMLCalciteAlertsElement;
+  };
+
+  interface HTMLCalciteButtonElement extends Components.CalciteButton, HTMLStencilElement {}
+  var HTMLCalciteButtonElement: {
+    prototype: HTMLCalciteButtonElement;
+    new (): HTMLCalciteButtonElement;
+  };
+
+  interface HTMLCalciteCheckboxElement extends Components.CalciteCheckbox, HTMLStencilElement {}
+  var HTMLCalciteCheckboxElement: {
+    prototype: HTMLCalciteCheckboxElement;
+    new (): HTMLCalciteCheckboxElement;
+  };
+
+  interface HTMLCalciteExampleElement extends Components.CalciteExample, HTMLStencilElement {}
+  var HTMLCalciteExampleElement: {
+    prototype: HTMLCalciteExampleElement;
+    new (): HTMLCalciteExampleElement;
+  };
+
+  interface HTMLCalciteLoaderElement extends Components.CalciteLoader, HTMLStencilElement {}
+  var HTMLCalciteLoaderElement: {
+    prototype: HTMLCalciteLoaderElement;
+    new (): HTMLCalciteLoaderElement;
+  };
+
+  interface HTMLCalciteModalElement extends Components.CalciteModal, HTMLStencilElement {}
+  var HTMLCalciteModalElement: {
+    prototype: HTMLCalciteModalElement;
+    new (): HTMLCalciteModalElement;
+  };
+
+  interface HTMLCalciteProgressElement extends Components.CalciteProgress, HTMLStencilElement {}
+  var HTMLCalciteProgressElement: {
+    prototype: HTMLCalciteProgressElement;
+    new (): HTMLCalciteProgressElement;
+  };
+
+  interface HTMLCalciteRadioGroupElement extends Components.CalciteRadioGroup, HTMLStencilElement {}
+  var HTMLCalciteRadioGroupElement: {
+    prototype: HTMLCalciteRadioGroupElement;
+    new (): HTMLCalciteRadioGroupElement;
+  };
+
+  interface HTMLCalciteRadioGroupItemElement extends Components.CalciteRadioGroupItem, HTMLStencilElement {}
+  var HTMLCalciteRadioGroupItemElement: {
+    prototype: HTMLCalciteRadioGroupItemElement;
+    new (): HTMLCalciteRadioGroupItemElement;
+  };
+
+  interface HTMLCalciteSliderElement extends Components.CalciteSlider, HTMLStencilElement {}
+  var HTMLCalciteSliderElement: {
+    prototype: HTMLCalciteSliderElement;
+    new (): HTMLCalciteSliderElement;
+  };
+
+  interface HTMLCalciteSwitchElement extends Components.CalciteSwitch, HTMLStencilElement {}
+  var HTMLCalciteSwitchElement: {
+    prototype: HTMLCalciteSwitchElement;
+    new (): HTMLCalciteSwitchElement;
+  };
+
+  interface HTMLCalciteTabElement extends Components.CalciteTab, HTMLStencilElement {}
+  var HTMLCalciteTabElement: {
+    prototype: HTMLCalciteTabElement;
+    new (): HTMLCalciteTabElement;
+  };
+
+  interface HTMLCalciteTabNavElement extends Components.CalciteTabNav, HTMLStencilElement {}
+  var HTMLCalciteTabNavElement: {
+    prototype: HTMLCalciteTabNavElement;
+    new (): HTMLCalciteTabNavElement;
+  };
+
+  interface HTMLCalciteTabTitleElement extends Components.CalciteTabTitle, HTMLStencilElement {}
+  var HTMLCalciteTabTitleElement: {
+    prototype: HTMLCalciteTabTitleElement;
+    new (): HTMLCalciteTabTitleElement;
+  };
+
+  interface HTMLCalciteTabsElement extends Components.CalciteTabs, HTMLStencilElement {}
+  var HTMLCalciteTabsElement: {
+    prototype: HTMLCalciteTabsElement;
+    new (): HTMLCalciteTabsElement;
+  };
+  interface HTMLElementTagNameMap {
+    'calcite-alert': HTMLCalciteAlertElement;
+    'calcite-alerts': HTMLCalciteAlertsElement;
+    'calcite-button': HTMLCalciteButtonElement;
+    'calcite-checkbox': HTMLCalciteCheckboxElement;
+    'calcite-example': HTMLCalciteExampleElement;
+    'calcite-loader': HTMLCalciteLoaderElement;
+    'calcite-modal': HTMLCalciteModalElement;
+    'calcite-progress': HTMLCalciteProgressElement;
+    'calcite-radio-group': HTMLCalciteRadioGroupElement;
+    'calcite-radio-group-item': HTMLCalciteRadioGroupItemElement;
+    'calcite-slider': HTMLCalciteSliderElement;
+    'calcite-switch': HTMLCalciteSwitchElement;
+    'calcite-tab': HTMLCalciteTabElement;
+    'calcite-tab-nav': HTMLCalciteTabNavElement;
+    'calcite-tab-title': HTMLCalciteTabTitleElement;
+    'calcite-tabs': HTMLCalciteTabsElement;
+  }
+}
+
+declare namespace LocalJSX {
+  interface CalciteAlert extends JSXBase.HTMLAttributes<HTMLCalciteAlertElement> {
+    /**
+    * Color for the alert (will apply to top border and icon)
+    */
+    'color'?: "blue" | "green" | "red" | "yellow";
+    /**
+    * Close the alert automatically (recommended for passive, non-blocking alerts)
+    */
+    'dismiss'?: boolean;
+    /**
+    * Length before autodismissal (only used with `dismiss`)
+    */
+    'duration'?: "fast" | "medium" | "slow";
+    /**
+    * If false, no icon will be shown in the alert
+    */
+    'icon'?: boolean;
+    /**
+    * Fired when an alert is closed
+    */
+    'onCalciteAlertClose'?: (event: CustomEvent<any>) => void;
+    /**
+    * Fired when an alert is opened
+    */
+    'onCalciteAlertOpen'?: (event: CustomEvent<any>) => void;
+    /**
+    * Select theme (light or dark)
+    */
+    'theme'?: "light" | "dark";
+  }
+  interface CalciteAlerts extends JSXBase.HTMLAttributes<HTMLCalciteAlertsElement> {
+    /**
+    * emits the ID of the alert to be closed, and the current alertQueue and currentAlert
+    */
+    'onCalciteAlertsClose'?: (event: CustomEvent<any>) => void;
+    /**
+    * emits the ID of the alert to be opened, and the current alertQueue and currentAlert
+    */
+    'onCalciteAlertsOpen'?: (event: CustomEvent<any>) => void;
+  }
+  interface CalciteButton extends JSXBase.HTMLAttributes<HTMLCalciteButtonElement> {
+    /**
+    * specify the appearance style of the button, defaults to solid. Specifying "inline" will render the component as an anchor
+    */
+    'appearance'?: | "solid"
+    | "outline"
+    | "clear"
+    | "inline";
+    /**
+    * specify the color of the button, defaults to blue
+    */
+    'color'?: | "blue"
+    | "dark"
+    | "light"
+    | "red";
+    /**
+    * optionally pass a href - used to determine if the component should render as a button or an anchor
+    */
+    'href'?: string;
+    /**
+    * optionally pass icon path data to be positioned within the button - pass only raw path data from calcite ui helper
+    */
+    'icon'?: string;
+    /**
+    * optionally add a calcite-loader component inline to indicate loading is occuring. You can add and remove this prop depending on status
+    */
+    'loading'?: boolean;
+    /**
+    * specify the scale of the button, defaults to m
+    */
+    'scale'?: "xs" | "s" | "m" | "l" | "xl";
+    /**
+    * specify the width of the button, defaults to auto
+    */
+    'width'?: "auto" | "half" | "full";
+  }
+  interface CalciteCheckbox extends JSXBase.HTMLAttributes<HTMLCalciteCheckboxElement> {
+    /**
+    * True if the checkbox is initially checked
+    */
+    'checked'?: boolean;
+    /**
+    * True if the checkbox is disabled
+    */
+    'disabled'?: boolean;
+    /**
+    * True if the checkbox is initially indeterminate, which is independent from its checked state https://css-tricks.com/indeterminate-checkboxes/
+    */
+    'indeterminate'?: boolean;
+    /**
+    * The name of the checkbox input
+    */
+    'name'?: string;
+    /**
+    * Emitted when the checkbox checked status changes
+    */
+    'onCalciteCheckboxChange'?: (event: CustomEvent<any>) => void;
+    /**
+    * Size of the checkbox
+    */
+    'size'?: "small" | "large";
+    /**
+    * Determines what theme to use
+    */
+    'theme'?: "light" | "dark";
+    /**
+    * The value of the checkbox input
+    */
+    'value'?: string;
+  }
+  interface CalciteExample extends JSXBase.HTMLAttributes<HTMLCalciteExampleElement> {
+    'onOpen'?: (event: CustomEvent<any>) => void;
+    /**
+    * Be sure to add a jsdoc comment describing your propery for the generated readme file. If your property should be hidden from documentation, you can use the `@internal` tag
+    */
+    'property'?: string;
+  }
+  interface CalciteLoader extends JSXBase.HTMLAttributes<HTMLCalciteLoaderElement> {
+    /**
+    * Inline loaders are smaller and will appear to the left of the text
+    */
+    'inline'?: boolean;
+    /**
+    * Show the loader
+    */
+    'isActive'?: boolean;
+    /**
+    * Text which should appear under the loading indicator (optional)
+    */
+    'text'?: string;
+    /**
+    * Use indeterminate if finding actual progress value is impossible
+    */
+    'type'?: "indeterminate" | "determinate";
+    /**
+    * Percent complete of 100, only valid for determinate indicators
+    */
+    'value'?: number;
+  }
+  interface CalciteModal extends JSXBase.HTMLAttributes<HTMLCalciteModalElement> {
+    /**
+    * Optionally pass a function to run before close
+    */
+    'beforeClose'?: (el: HTMLElement) => Promise<void>;
+    /**
+    * Aria label for the close button
+    */
+    'closeLabel'?: string;
+    /**
+    * Adds a color bar at the top for visual impact, Use color to add importance to desctructive/workflow dialogs.
+    */
+    'color'?: "red" | "blue";
+    /**
+    * Prevent the modal from taking up the entire screen on mobile
+    */
+    'docked'?: boolean;
+    /**
+    * Specify an element to focus when the modal is first opened
+    */
+    'firstFocus'?: HTMLElement;
+    /**
+    * Fired when the modal begins the close animation
+    */
+    'onCalciteModalClose'?: (event: CustomEvent<any>) => void;
+    /**
+    * Fired when the modal begins the open animation
+    */
+    'onCalciteModalOpen'?: (event: CustomEvent<any>) => void;
+    /**
+    * Set the overall size of the modal
+    */
+    'size'?: "small" | "medium" | "large" | "fullscreen";
+    /**
+    * Select theme (light or dark)
+    */
+    'theme'?: "light" | "dark";
+  }
+  interface CalciteProgress extends JSXBase.HTMLAttributes<HTMLCalciteProgressElement> {
+    /**
+    * Fill bar in the opposite direction
+    */
+    'reversed'?: boolean;
+    /**
+    * Text label for the progress indicator
+    */
+    'text'?: string;
+    /**
+    * Use indeterminate if finding actual progress value is impossible
+    */
+    'type'?: "indeterminate" | "determinate";
+    /**
+    * Percent complete of 100
+    */
+    'value'?: number;
+  }
+  interface CalciteRadioGroup extends JSXBase.HTMLAttributes<HTMLCalciteRadioGroupElement> {
+    /**
+    * The group's name. Gets submitted with the form.
+    */
+    'name'?: string;
+    'onCalciteRadioGroupChange'?: (event: CustomEvent<any>) => void;
+    /**
+    * The group's selected item.
+    */
+    'selectedItem'?: HTMLCalciteRadioGroupItemElement;
+    /**
+    * The component's theme.
+    */
+    'theme'?: "light" | "dark";
+  }
+  interface CalciteRadioGroupItem extends JSXBase.HTMLAttributes<HTMLCalciteRadioGroupItemElement> {
+    /**
+    * Indicates whether the control is checked.
+    */
+    'checked'?: boolean;
+    'onCalciteRadioGroupItemChange'?: (event: CustomEvent<any>) => void;
+    /**
+    * The control's value.
+    */
+    'value'?: any | null;
+  }
+  interface CalciteSlider extends JSXBase.HTMLAttributes<HTMLCalciteSliderElement> {
+    /**
+    * Disable and gray out the slider
+    */
+    'disabled'?: boolean;
+    /**
+    * Label handles with their numeric value
+    */
+    'labelHandles'?: boolean;
+    /**
+    * Label tick marks with their numeric value.
+    */
+    'labelTicks'?: boolean;
+    /**
+    * Maximum selectable value
+    */
+    'max'?: number;
+    /**
+    * Label for second handle if needed (ex. "Temperature, upper bound")
+    */
+    'maxLabel'?: string;
+    /**
+    * Currently selected upper number (if multi-select)
+    */
+    'maxValue'?: number;
+    /**
+    * Minimum selectable value
+    */
+    'min'?: number;
+    /**
+    * Label for first (or only) handle (ex. "Temperature, lower bound")
+    */
+    'minLabel'?: string;
+    /**
+    * Currently selected lower number (if multi-select)
+    */
+    'minValue'?: number;
+    /**
+    * Fires on all updates to the slider. :warning: Will be fired frequently during drag. If you are performing any expensive operations consider using a debounce or throttle to avoid locking up the main thread.
+    */
+    'onCalciteSliderUpdate'?: (event: CustomEvent<any>) => void;
+    /**
+    * Interval to move on page up/page down keys
+    */
+    'pageStep'?: number;
+    /**
+    * Use finer point for handles
+    */
+    'precise'?: boolean;
+    /**
+    * Snap selection along the step interval
+    */
+    'snap'?: boolean;
+    /**
+    * Interval to move on up/down keys
+    */
+    'step'?: number;
+    /**
+    * Show tick marks on the number line at provided interval
+    */
+    'ticks'?: number;
+    /**
+    * Currently selected number (if single select)
+    */
+    'value'?: null | number;
+  }
+  interface CalciteSwitch extends JSXBase.HTMLAttributes<HTMLCalciteSwitchElement> {
+    /**
+    * What color the switch should be
+    */
+    'color'?: "red" | "blue";
+    /**
+    * The name of the checkbox input
+    */
+    'name'?: string;
+    'onCalciteSwitchChange'?: (event: CustomEvent<any>) => void;
+    /**
+    * True if the switch is initially on
+    */
+    'switched'?: boolean;
+    /**
+    * The value of the checkbox input
+    */
+    'value'?: string;
+  }
+  interface CalciteTab extends JSXBase.HTMLAttributes<HTMLCalciteTabElement> {
+    /**
+    * Show this tab
+    */
+    'isActive'?: boolean;
+    /**
+    * Optionally include a unique name for this tab, be sure to also set this name on the associated title.
+    */
+    'tab'?: string;
+  }
+  interface CalciteTabNav extends JSXBase.HTMLAttributes<HTMLCalciteTabNavElement> {
+    /**
+    * Emitted when the active tab changes
+    */
+    'onCalciteTabChange'?: (event: CustomEvent<TabChangeEventDetail>) => void;
+    /**
+    * Name to use when saving selected tab data to localStorage
+    */
+    'storageId'?: string;
+    /**
+    * Pass the same string to multiple tab navs to keep them all in sync if one changes
+    */
+    'syncId'?: string;
+  }
+  interface CalciteTabTitle extends JSXBase.HTMLAttributes<HTMLCalciteTabTitleElement> {
+    /**
+    * Show this tab title as selected
+    */
+    'isActive'?: boolean;
+    /**
+    * Fires when a specific tab is activated. `event.details`: [TabChangeEventDetail](../../interfaces/TabChange.ts)
+    */
+    'onCalciteTabsActivate'?: (event: CustomEvent<TabChangeEventDetail>) => void;
+    /**
+    * Optionally include a unique name for the tab title, be sure to also set this name on the associated tab.
+    */
+    'tab'?: string;
+  }
+  interface CalciteTabs extends JSXBase.HTMLAttributes<HTMLCalciteTabsElement> {
+    /**
+    * Align tab titles to the edge or fully justify them across the tab nav ("center")
+    */
+    'layout'?: "center" | "inline";
+    /**
+    * Select theme (light or dark)
+    */
+    'theme'?: "light" | "dark";
+  }
+
+  interface IntrinsicElements {
+    'calcite-alert': CalciteAlert;
+    'calcite-alerts': CalciteAlerts;
+    'calcite-button': CalciteButton;
+    'calcite-checkbox': CalciteCheckbox;
+    'calcite-example': CalciteExample;
+    'calcite-loader': CalciteLoader;
+    'calcite-modal': CalciteModal;
+    'calcite-progress': CalciteProgress;
+    'calcite-radio-group': CalciteRadioGroup;
+    'calcite-radio-group-item': CalciteRadioGroupItem;
+    'calcite-slider': CalciteSlider;
+    'calcite-switch': CalciteSwitch;
+    'calcite-tab': CalciteTab;
+    'calcite-tab-nav': CalciteTabNav;
+    'calcite-tab-title': CalciteTabTitle;
+    'calcite-tabs': CalciteTabs;
+  }
+}
+
+export { LocalJSX as JSX };
+
+
+declare module "@stencil/core" {
+  export namespace JSX {
+    interface IntrinsicElements extends LocalJSX.IntrinsicElements {}
+  }
+}
+
+
diff --git a/dist/types/components/calcite-alert/calcite-alert.d.ts b/dist/types/components/calcite-alert/calcite-alert.d.ts
new file mode 100644
index 00000000000..30b6ce1c1ed
--- /dev/null
+++ b/dist/types/components/calcite-alert/calcite-alert.d.ts
@@ -0,0 +1,47 @@
+import { EventEmitter } from "../../stencil.core";
+/** Alerts are not meant to be used inline with content, or be present in view on page load.
+ * As such, calcite-alert relies on calcite-alerts for positioning - displaying an alert on its own
+ * will lead to unexpected and potentially undesireable results
+ */
+/**
+ * @slot alert-title - Title of the alert (optional)
+ * @slot alert-message - Main text of the alert
+ * @slot alert-link - Optional action to take from the alert (undo, try again, link to page, etc.)
+ */
+export declare class CalciteAlert {
+    el: HTMLElement;
+    /** Is the alert currently active or not */
+    active: boolean;
+    /** Close the alert automatically (recommended for passive, non-blocking alerts) */
+    dismiss: boolean;
+    /** Length before autodismissal (only used with `dismiss`) */
+    duration: "fast" | "medium" | "slow";
+    /** Color for the alert (will apply to top border and icon) */
+    color: "blue" | "green" | "red" | "yellow";
+    /** Select theme (light or dark) */
+    theme: "light" | "dark";
+    /** If false, no icon will be shown in the alert */
+    icon: boolean;
+    /** Unique ID for this alert */
+    /** @internal */
+    alertId: string;
+    /** @internal */
+    currentAlert: string;
+    /** @internal */
+    queueLength: number;
+    /** watch for changes to currentAlert passed from <calcite-alerts> */
+    watchCurrentAlert(): void;
+    /** Fired when an alert is closed */
+    calciteAlertClose: EventEmitter;
+    /** Fired when an alert is opened */
+    calciteAlertOpen: EventEmitter;
+    /** emit the `calciteAlertClose` event - <calcite-alerts> listens for this */
+    closeCalciteAlert(): Promise<void>;
+    /**  emit the `calciteAlertOpen` event - <calcite-alerts> listens for this  */
+    openCalciteAlert(): Promise<void>;
+    private durationDefaults;
+    private iconDefaults;
+    connectedCallback(): void;
+    setIcon(): any;
+    render(): any;
+}
diff --git a/dist/types/components/calcite-alerts/calcite-alerts.d.ts b/dist/types/components/calcite-alerts/calcite-alerts.d.ts
new file mode 100644
index 00000000000..42b14d212b4
--- /dev/null
+++ b/dist/types/components/calcite-alerts/calcite-alerts.d.ts
@@ -0,0 +1,17 @@
+import { EventEmitter } from "../../stencil.core";
+export declare class CalciteAlerts {
+    el: HTMLElement;
+    currentAlert: string;
+    active: boolean;
+    alertQueue: string[];
+    /** emits the ID of the alert to be closed, and the current alertQueue and currentAlert */
+    calciteAlertsClose: EventEmitter;
+    /** emits the ID of the alert to be opened, and the current alertQueue and currentAlert */
+    calciteAlertsOpen: EventEmitter;
+    /** Adds the requested alert to the alert queue, if not present */
+    updateQueueOnOpen(event: CustomEvent): void;
+    /** Closes the requested alert and removes from the queue, or removes from queue if not active */
+    updateQueueOnClose(event: CustomEvent): void;
+    componentWillUpdate(): void;
+    render(): any;
+}
diff --git a/dist/types/components/calcite-button/calcite-button.d.ts b/dist/types/components/calcite-button/calcite-button.d.ts
new file mode 100644
index 00000000000..37e7e715f0e
--- /dev/null
+++ b/dist/types/components/calcite-button/calcite-button.d.ts
@@ -0,0 +1,25 @@
+export declare class CalciteButton {
+    el: HTMLElement;
+    /** specify the color of the button, defaults to blue */
+    color: "blue" | "dark" | "light" | "red";
+    /** specify the appearance style of the button, defaults to solid. Specifying "inline" will render the component as an anchor */
+    appearance: "solid" | "outline" | "clear" | "inline";
+    /** specify the scale of the button, defaults to m */
+    scale: "xs" | "s" | "m" | "l" | "xl";
+    /** specify the width of the button, defaults to auto */
+    width: "auto" | "half" | "full";
+    /** optionally add a calcite-loader component inline to indicate loading is occuring. You can add and remove this prop depending on status  */
+    loading?: boolean;
+    /** optionally pass a href - used to determine if the component should render as a button or an anchor */
+    href?: string;
+    /** optionally pass icon path data to be positioned within the button - pass only raw path data from calcite ui helper  */
+    icon?: string;
+    /**
+     * @internal
+     */
+    hastext: boolean;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    getAttributes(): {};
+    render(): any;
+}
diff --git a/dist/types/components/calcite-checkbox/calcite-checkbox.d.ts b/dist/types/components/calcite-checkbox/calcite-checkbox.d.ts
new file mode 100644
index 00000000000..be1ec83cbd7
--- /dev/null
+++ b/dist/types/components/calcite-checkbox/calcite-checkbox.d.ts
@@ -0,0 +1,40 @@
+import { EventEmitter } from "../../stencil.core";
+export declare class CalciteCheckbox {
+    el: HTMLElement;
+    /** True if the checkbox is initially checked */
+    checked?: boolean;
+    /**
+     * True if the checkbox is initially indeterminate,
+     * which is independent from its checked state
+     * https://css-tricks.com/indeterminate-checkboxes/
+     * */
+    indeterminate?: boolean;
+    /** The name of the checkbox input */
+    name?: string;
+    /** The value of the checkbox input */
+    value?: string;
+    /** Size of the checkbox  */
+    size?: "small" | "large";
+    /** True if the checkbox is disabled */
+    disabled?: boolean;
+    /** Determines what theme to use */
+    theme: "light" | "dark";
+    /** Emitted when the checkbox checked status changes */
+    calciteCheckboxChange: EventEmitter;
+    private observer;
+    private toggle;
+    onClick({ target }: MouseEvent): void;
+    keyDownHandler({ keyCode }: KeyboardEvent): void;
+    checkedWatcher(): void;
+    private inputProxy;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillRender(): void;
+    private readonly indeterminatePath;
+    private readonly checkedPath;
+    private getPath;
+    render(): any;
+    private setupProxyInput;
+    private syncThisToProxyInput;
+    private syncProxyInputToThis;
+}
diff --git a/dist/types/components/calcite-example/calcite-example.d.ts b/dist/types/components/calcite-example/calcite-example.d.ts
new file mode 100644
index 00000000000..e541f47b97c
--- /dev/null
+++ b/dist/types/components/calcite-example/calcite-example.d.ts
@@ -0,0 +1,19 @@
+import { EventEmitter } from "../../stencil.core";
+export declare class CalciteExample {
+    el: HTMLElement;
+    /**
+     * Be sure to add a jsdoc comment describing your propery for the generated readme file.
+     * If your property should be hidden from documentation, you can use the `@internal` tag
+     */
+    property: string;
+    componentWillUpdate(): void;
+    render(): any;
+    onClick(e: Event): void;
+    open: EventEmitter;
+    /**
+     * Add a jsdoc comment describing your method and it's parameters (use `@param`).
+     */
+    doThing(): Promise<void>;
+    private state;
+    private privateMethod;
+}
diff --git a/dist/types/components/calcite-loader/calcite-loader.d.ts b/dist/types/components/calcite-loader/calcite-loader.d.ts
new file mode 100644
index 00000000000..8875dc4d4d2
--- /dev/null
+++ b/dist/types/components/calcite-loader/calcite-loader.d.ts
@@ -0,0 +1,54 @@
+export declare class CalciteLoader {
+    el: HTMLElement;
+    /**
+     * Show the loader
+     */
+    isActive: boolean;
+    /**
+     * Inline loaders are smaller and will appear to the left of the text
+     */
+    inline: boolean;
+    /**
+     * Use indeterminate if finding actual progress value is impossible
+     */
+    type: "indeterminate" | "determinate";
+    /**
+     * Percent complete of 100, only valid for determinate indicators
+     */
+    value: number;
+    /**
+     * Text which should appear under the loading indicator (optional)
+     */
+    text: string;
+    componentDidLoad(): void;
+    componentDidUnload(): void;
+    render(): any;
+    /**
+     * @internal
+     */
+    private loaderBarOffsets;
+    /**
+     * @internal
+     */
+    private loaderBarRates;
+    /**
+     * @internal
+     */
+    private isEdge;
+    /**
+     * @internal
+     */
+    private animationID;
+    /**
+     * @internal
+     */
+    private guid;
+    /**
+     * @internal
+     */
+    private updateOffset;
+    /**
+     * @internal
+     */
+    private rotateLoaderBars;
+}
diff --git a/dist/types/components/calcite-modal/calcite-modal.d.ts b/dist/types/components/calcite-modal/calcite-modal.d.ts
new file mode 100644
index 00000000000..64e774cdad1
--- /dev/null
+++ b/dist/types/components/calcite-modal/calcite-modal.d.ts
@@ -0,0 +1,36 @@
+import { EventEmitter } from "../../stencil.core";
+import "@a11y/focus-trap";
+export declare class CalciteModal {
+    el: HTMLElement;
+    /** Optionally pass a function to run before close */
+    beforeClose: (el: HTMLElement) => Promise<void>;
+    /** Aria label for the close button */
+    closeLabel: string;
+    /** Prevent the modal from taking up the entire screen on mobile */
+    docked: boolean;
+    /** Specify an element to focus when the modal is first opened */
+    firstFocus?: HTMLElement;
+    /** Set the overall size of the modal */
+    size: "small" | "medium" | "large" | "fullscreen";
+    /** Adds a color bar at the top for visual impact,
+     * Use color to add importance to desctructive/workflow dialogs. */
+    color?: "red" | "blue";
+    /** Select theme (light or dark) */
+    theme: "light" | "dark";
+    componentDidLoad(): void;
+    render(): any;
+    handleEscape(e: KeyboardEvent): void;
+    /** Fired when the modal begins the open animation */
+    calciteModalOpen: EventEmitter;
+    /** Fired when the modal begins the close animation */
+    calciteModalClose: EventEmitter;
+    /** Open the modal */
+    open(): Promise<HTMLElement>;
+    /** Close the modal, first running the `beforeClose` method */
+    close(): Promise<HTMLElement>;
+    isActive: boolean;
+    hideBackButton: boolean;
+    hideSecondaryButton: boolean;
+    private previousActiveElement;
+    private trap;
+}
diff --git a/dist/types/components/calcite-progress/calcite-progress.d.ts b/dist/types/components/calcite-progress/calcite-progress.d.ts
new file mode 100644
index 00000000000..ec19fb850fa
--- /dev/null
+++ b/dist/types/components/calcite-progress/calcite-progress.d.ts
@@ -0,0 +1,20 @@
+export declare class CalciteProgress {
+    el: HTMLElement;
+    /**
+     * Use indeterminate if finding actual progress value is impossible
+     */
+    type: "indeterminate" | "determinate";
+    /**
+     * Percent complete of 100
+     */
+    value: number;
+    /**
+     * Text label for the progress indicator
+     */
+    text: string;
+    /**
+     * Fill bar in the opposite direction
+     */
+    reversed: boolean;
+    render(): any;
+}
diff --git a/dist/types/components/calcite-radio-group-item/calcite-radio-group-item.d.ts b/dist/types/components/calcite-radio-group-item/calcite-radio-group-item.d.ts
new file mode 100644
index 00000000000..21e26c7c12d
--- /dev/null
+++ b/dist/types/components/calcite-radio-group-item/calcite-radio-group-item.d.ts
@@ -0,0 +1,21 @@
+import { EventEmitter } from "../../stencil.core";
+export declare class CalciteRadioGroupItem {
+    el: HTMLElement;
+    /**
+     * Indicates whether the control is checked.
+     */
+    checked: boolean;
+    protected handleCheckedChange(): void;
+    /**
+     * The control's value.
+     */
+    value: any | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): any;
+    calciteRadioGroupItemChange: EventEmitter;
+    private inputProxy;
+    private mutationObserver;
+    private syncFromExternalInput;
+    private syncToExternalInput;
+}
diff --git a/dist/types/components/calcite-radio-group/calcite-radio-group.d.ts b/dist/types/components/calcite-radio-group/calcite-radio-group.d.ts
new file mode 100644
index 00000000000..2c4048e3dea
--- /dev/null
+++ b/dist/types/components/calcite-radio-group/calcite-radio-group.d.ts
@@ -0,0 +1,28 @@
+import { EventEmitter } from "../../stencil.core";
+export declare class CalciteRadioGroup {
+    el: HTMLElement;
+    /**
+     * The group's name. Gets submitted with the form.
+     */
+    name: string;
+    protected handleNameChange(value: any): void;
+    /**
+     * The group's selected item.
+     */
+    selectedItem: HTMLCalciteRadioGroupItemElement;
+    protected handleSelectedItemChange<T extends HTMLCalciteRadioGroupItemElement>(newItem: T, oldItem: T): void;
+    /**
+     * The component's theme.
+     */
+    theme: "light" | "dark";
+    connectedCallback(): void;
+    render(): any;
+    protected handleClick(event: MouseEvent): void;
+    protected handleSelected(event: Event): void;
+    protected handleKeyDown(event: KeyboardEvent): void;
+    calciteRadioGroupChange: EventEmitter;
+    private hiddenInput;
+    private getItems;
+    private selectItem;
+    private syncWithInputProxy;
+}
diff --git a/dist/types/components/calcite-slider/calcite-slider.d.ts b/dist/types/components/calcite-slider/calcite-slider.d.ts
new file mode 100644
index 00000000000..92ec551fc21
--- /dev/null
+++ b/dist/types/components/calcite-slider/calcite-slider.d.ts
@@ -0,0 +1,132 @@
+import { EventEmitter } from "../../stencil.core";
+export declare class CalciteSlider {
+    el: HTMLElement;
+    /**
+     * Disable and gray out the slider
+     */
+    disabled: boolean;
+    /**
+     * Minimum selectable value
+     */
+    min: number;
+    /**
+     * Maximum selectable value
+     */
+    max: number;
+    /**
+     * Currently selected number (if single select)
+     */
+    value: null | number;
+    /**
+     * Currently selected lower number (if multi-select)
+     */
+    minValue?: number;
+    /**
+     * Currently selected upper number (if multi-select)
+     */
+    maxValue?: number;
+    /**
+     * Label for first (or only) handle (ex. "Temperature, lower bound")
+     */
+    minLabel: string;
+    /**
+     * Label for second handle if needed (ex. "Temperature, upper bound")
+     */
+    maxLabel?: string;
+    /**
+     * Snap selection along the step interval
+     */
+    snap?: boolean;
+    /**
+     * Interval to move on up/down keys
+     */
+    step?: number;
+    /**
+     * Interval to move on page up/page down keys
+     */
+    pageStep?: number;
+    /**
+     * Show tick marks on the number line at provided interval
+     */
+    ticks?: number;
+    /**
+     * Label tick marks with their numeric value.
+     */
+    labelTicks?: boolean;
+    /**
+     * Label handles with their numeric value
+     */
+    labelHandles?: boolean;
+    /**
+     * Use finer point for handles
+     */
+    precise?: boolean;
+    componentWillLoad(): void;
+    render(): any;
+    keyDownHandler(e: KeyboardEvent): void;
+    clickHandler(e: MouseEvent): void;
+    /**
+     * Fires on all updates to the slider.
+     * :warning: Will be fired frequently during drag. If you are performing any
+     * expensive operations consider using a debounce or throttle to avoid
+     * locking up the main thread.
+     */
+    calciteSliderUpdate: EventEmitter;
+    /**
+     * @internal
+     */
+    private guid;
+    /**
+     * @internal
+     */
+    private isRange;
+    /**
+     * @internal
+     */
+    private dragProp;
+    /**
+     * @internal
+     */
+    private minHandle;
+    /**
+     * @internal
+     */
+    private maxHandle;
+    /**
+     * @internal
+     */
+    private dragListener;
+    /**
+     * @internal
+     */
+    private tickValues;
+    /**
+     * @internal
+     */
+    private activeProp;
+    private generateTickValues;
+    private dragStart;
+    private dragUpdate;
+    private dragEnd;
+    /**
+     * If number is outside range, constrain to min or max
+     * @internal
+     */
+    private bound;
+    /**
+     * Translate a pixel position to value along the range
+     * @internal
+     */
+    private translate;
+    /**
+     * Get closest allowed value along stepped values
+     * @internal
+     */
+    private getClosestStep;
+    /**
+     * Get position of value along range as fractional value
+     * @return {number} number in the unit interval [0,1]
+     * @internal
+     */
+    private getUnitInterval;
+}
diff --git a/dist/types/components/calcite-switch/calcite-switch.d.ts b/dist/types/components/calcite-switch/calcite-switch.d.ts
new file mode 100644
index 00000000000..e894c8492e4
--- /dev/null
+++ b/dist/types/components/calcite-switch/calcite-switch.d.ts
@@ -0,0 +1,25 @@
+import { EventEmitter } from "../../stencil.core";
+export declare class CalciteSwitch {
+    el: HTMLElement;
+    /** True if the switch is initially on */
+    switched?: boolean;
+    /** The name of the checkbox input */
+    name?: string;
+    /** The value of the checkbox input */
+    value?: string;
+    /** What color the switch should be */
+    color?: "red" | "blue";
+    calciteSwitchChange: EventEmitter;
+    private observer;
+    onClick(e: any): void;
+    keyDownHandler(e: KeyboardEvent): void;
+    switchWatcher(): void;
+    private inputProxy;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillRender(): void;
+    render(): any;
+    private setupProxyInput;
+    private syncThisToProxyInput;
+    private syncProxyInputToThis;
+}
diff --git a/dist/types/components/calcite-tab-nav/calcite-tab-nav.d.ts b/dist/types/components/calcite-tab-nav/calcite-tab-nav.d.ts
new file mode 100644
index 00000000000..0044a1a0b5e
--- /dev/null
+++ b/dist/types/components/calcite-tab-nav/calcite-tab-nav.d.ts
@@ -0,0 +1,43 @@
+import { EventEmitter } from "../../stencil.core";
+import { TabChangeEventDetail } from "../../interfaces/TabChange";
+export declare class CalciteTabNav {
+    el: any;
+    /**
+     * Name to use when saving selected tab data to localStorage
+     */
+    storageId: string;
+    /**
+     * Pass the same string to multiple tab navs to keep them all in sync if one changes
+     */
+    syncId: string;
+    /**
+     * @internal
+     */
+    selectedTab: number | string;
+    selectedTabChanged(): void;
+    componentWillLoad(): void;
+    render(): any;
+    componentDidRender(): void;
+    /**
+     * @internal
+     */
+    focusPreviousTabHandler(e: CustomEvent): void;
+    /**
+     * @internal
+     */
+    focusNextTabHandler(e: CustomEvent): void;
+    /**
+     * @internal
+     */
+    activateTabHandler(e: CustomEvent<TabChangeEventDetail>): void;
+    /**
+     * @internal
+     */
+    globalTabChangeHandler(e: CustomEvent<TabChangeEventDetail>): void;
+    /**
+     * Emitted when the active tab changes
+     */
+    calciteTabChange: EventEmitter<TabChangeEventDetail>;
+    private getIndexOfTabTitle;
+    private readonly tabTitles;
+}
diff --git a/dist/types/components/calcite-tab-title/calcite-tab-title.d.ts b/dist/types/components/calcite-tab-title/calcite-tab-title.d.ts
new file mode 100644
index 00000000000..976bf28b871
--- /dev/null
+++ b/dist/types/components/calcite-tab-title/calcite-tab-title.d.ts
@@ -0,0 +1,58 @@
+import { EventEmitter } from "../../stencil.core";
+import { TabChangeEventDetail } from "../../interfaces/TabChange";
+export declare class CalciteTabTitle {
+    el: HTMLElement;
+    /**
+     * Optionally include a unique name for the tab title,
+     * be sure to also set this name on the associated tab.
+     */
+    tab?: string;
+    /**
+     * Show this tab title as selected
+     */
+    isActive: boolean;
+    componentWillLoad(): void;
+    render(): any;
+    componentDidLoad(): void;
+    componentDidUnload(): void;
+    tabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
+    onClick(): void;
+    keyDownHandler(e: KeyboardEvent): void;
+    /**
+     * Fires when a specific tab is activated. `event.details`: [TabChangeEventDetail](../../interfaces/TabChange.ts)
+     */
+    calciteTabsActivate: EventEmitter<TabChangeEventDetail>;
+    /**
+     * @internal
+     */
+    calciteTabsFocusNext: EventEmitter;
+    /**
+     * @internal
+     */
+    calciteTabsFocusPrevious: EventEmitter;
+    /**
+     * @internal
+     */
+    calciteTabTitleRegister: EventEmitter;
+    /**
+     * @internal
+     */
+    calciteTabTitleUnregister: EventEmitter;
+    /**
+     * Return the index of this title within the nav
+     */
+    getTabIndex(): Promise<number>;
+    /**
+     * @internal
+     */
+    getTabIdentifier(): Promise<string | number>;
+    /**
+     * @internal
+     */
+    updateAriaInfo(tabIds?: string[], titleIds?: string[]): Promise<void>;
+    private controls;
+    /**
+     * @internal
+     */
+    private guid;
+}
diff --git a/dist/types/components/calcite-tab/calcite-tab.d.ts b/dist/types/components/calcite-tab/calcite-tab.d.ts
new file mode 100644
index 00000000000..015b0617e76
--- /dev/null
+++ b/dist/types/components/calcite-tab/calcite-tab.d.ts
@@ -0,0 +1,39 @@
+import { EventEmitter } from "../../stencil.core";
+import { TabChangeEventDetail } from "../../interfaces/TabChange";
+export declare class CalciteTab {
+    el: HTMLElement;
+    /**
+     * Optionally include a unique name for this tab,
+     * be sure to also set this name on the associated title.
+     */
+    tab: string;
+    /**
+     * Show this tab
+     */
+    isActive: boolean;
+    render(): any;
+    componentDidLoad(): void;
+    componentDidUnload(): void;
+    /**
+     * @internal
+     */
+    calciteTabRegister: EventEmitter;
+    /**
+     * @internal
+     */
+    calciteTabUnregister: EventEmitter;
+    tabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
+    /**
+     * Return the index of this tab within the tab array
+     */
+    getTabIndex(): Promise<number>;
+    /**
+     * @internal
+     */
+    private guid;
+    private labeledBy;
+    /**
+     * @internal
+     */
+    updateAriaInfo(tabIds?: string[], titleIds?: string[]): void;
+}
diff --git a/dist/types/components/calcite-tabs/calcite-tabs.d.ts b/dist/types/components/calcite-tabs/calcite-tabs.d.ts
new file mode 100644
index 00000000000..2b3e4692d1f
--- /dev/null
+++ b/dist/types/components/calcite-tabs/calcite-tabs.d.ts
@@ -0,0 +1,49 @@
+export declare class CalciteTabs {
+    el: HTMLElement;
+    /**
+     * Select theme (light or dark)
+     */
+    theme: "light" | "dark";
+    /**
+     * Align tab titles to the edge or fully justify them across the tab nav ("center")
+     */
+    layout: "center" | "inline";
+    render(): any;
+    /**
+     * @internal
+     */
+    calciteTabTitleRegister(e: CustomEvent): void;
+    /**
+     * @internal
+     */
+    calciteTabTitleUnregister(e: CustomEvent): void;
+    /**
+     * @internal
+     */
+    calciteTabRegister(e: CustomEvent): void;
+    /**
+     * @internal
+     */
+    calciteTabUnregister(e: CustomEvent): void;
+    /**
+     * @internal
+     *
+     * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA
+     * attributes.
+     */
+    titles: HTMLCalciteTabTitleElement[];
+    /**
+     * @internal
+     *
+     * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.
+     */
+    tabs: HTMLCalciteTabElement[];
+    /**
+     * @internal
+     *
+     * Matches up elements from the internal `tabs` and `titles` to automatically
+     * update the ARIA attributes and link `<calcite-tab>` and
+     * `<calcite-tab-title>` components.
+     */
+    private registryHandler;
+}
diff --git a/dist/types/interfaces/AlertInterface.d.ts b/dist/types/interfaces/AlertInterface.d.ts
new file mode 100644
index 00000000000..196f434f806
--- /dev/null
+++ b/dist/types/interfaces/AlertInterface.d.ts
@@ -0,0 +1,12 @@
+export interface AlertInterface {
+    currentAlert: string;
+    queueLength: number;
+}
+declare const _default: {
+    Provider: import("@stencil/state-tunnel/dist/types/stencil.core").FunctionalComponent<{
+        state: AlertInterface;
+    }>;
+    Consumer: import("@stencil/state-tunnel/dist/types/stencil.core").FunctionalComponent<{}>;
+    injectProps: (Cstr: any, fieldList: import("@stencil/state-tunnel/dist/types/declarations").PropList<AlertInterface>) => void;
+};
+export default _default;
diff --git a/dist/types/interfaces/TabChange.d.ts b/dist/types/interfaces/TabChange.d.ts
new file mode 100644
index 00000000000..53e0223ec7c
--- /dev/null
+++ b/dist/types/interfaces/TabChange.d.ts
@@ -0,0 +1,6 @@
+export interface TabChangeEventDetail {
+    /**
+     * The tab that just became active
+     */
+    tab: number | string;
+}
diff --git a/dist/types/stencil.core.d.ts b/dist/types/stencil.core.d.ts
new file mode 100644
index 00000000000..cea9a579f5f
--- /dev/null
+++ b/dist/types/stencil.core.d.ts
@@ -0,0 +1,1330 @@
+/**
+ * This file gets copied to all distributions of stencil component collections.
+ * - no imports
+ */
+
+export interface ComponentWillLoad {
+  /**
+   * The component is about to load and it has not
+   * rendered yet.
+   *
+   * This is the best place to make any data updates
+   * before the first render.
+   *
+   * componentWillLoad will only be called once.
+   */
+  componentWillLoad: () => Promise<void> | void;
+}
+
+export interface ComponentDidLoad {
+  /**
+   * The component has loaded and has already rendered.
+   *
+   * Updating data in this method will cause the
+   * component to re-render.
+   *
+   * componentDidLoad will only be called once.
+   */
+  componentDidLoad: () => void;
+}
+
+export interface ComponentWillUpdate {
+  /**
+   * The component is about to update and re-render.
+   *
+   * Called multiple times throughout the life of
+   * the component as it updates.
+   *
+   * componentWillUpdate is not called on the first render.
+   */
+  componentWillUpdate: () => Promise<void> | void;
+}
+
+export interface ComponentDidUpdate {
+  /**
+   * The component has just re-rendered.
+   *
+   * Called multiple times throughout the life of
+   * the component as it updates.
+   *
+   * componentWillUpdate is not called on the
+   * first render.
+   */
+  componentDidUpdate: () => void;
+}
+
+export interface ComponentDidUnload {
+  /**
+   * The component did unload and the element
+   * will be destroyed.
+   */
+  componentDidUnload: () => void;
+}
+
+export interface ComponentInterface {
+  connectedCallback?: () => void;
+  disconnectedCallback?: () => void;
+
+  componentWillRender?: () => Promise<void> | void;
+  componentDidRender?: () => void;
+
+  /**
+   * The component is about to load and it has not
+   * rendered yet.
+   *
+   * This is the best place to make any data updates
+   * before the first render.
+   *
+   * componentWillLoad will only be called once.
+   */
+  componentWillLoad?: () => Promise<void> | void;
+
+  /**
+   * The component has loaded and has already rendered.
+   *
+   * Updating data in this method will cause the
+   * component to re-render.
+   *
+   * componentDidLoad will only be called once.
+   */
+  componentDidLoad?: () => void;
+
+  /**
+   * The component is about to update and re-render.
+   *
+   * Called multiple times throughout the life of
+   * the component as it updates.
+   *
+   * componentWillUpdate is not called on the first render.
+   */
+  componentWillUpdate?: () => Promise<void> | void;
+
+  /**
+   * The component has just re-rendered.
+   *
+   * Called multiple times throughout the life of
+   * the component as it updates.
+   *
+   * componentWillUpdate is not called on the
+   * first render.
+   */
+  componentDidUpdate?: () => void;
+
+  render?: () => any;
+
+  [memberName: string]: any;
+}
+
+
+/**
+ * General types important to applications using stencil built components
+ */
+export interface EventEmitter<T= any> {
+  emit: (data?: T) => CustomEvent<T>;
+}
+
+export interface QueueApi {
+  tick: (cb: RafCallback) => void;
+  read: (cb: RafCallback) => void;
+  write: (cb: RafCallback) => void;
+  clear?: () => void;
+  flush?: (cb?: () => void) => void;
+}
+
+export interface RafCallback {
+  (timeStamp: number): void;
+}
+
+export interface HTMLStencilElement extends HTMLElement {
+  componentOnReady(): Promise<this>;
+  forceUpdate(): void;
+}
+
+
+declare namespace LocalJSX {
+  export interface Element {}
+  export interface IntrinsicElements {}
+}
+export { LocalJSX as JSX };
+
+export namespace JSXBase {
+  export interface IntrinsicElements {
+    // Stencil elements
+    slot: JSXBase.SlotAttributes;
+
+    // HTML
+    a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
+    abbr: JSXBase.HTMLAttributes;
+    address: JSXBase.HTMLAttributes;
+    area: JSXBase.AreaHTMLAttributes<HTMLAreaElement>;
+    article: JSXBase.HTMLAttributes;
+    aside: JSXBase.HTMLAttributes;
+    audio: JSXBase.AudioHTMLAttributes<HTMLAudioElement>;
+    b: JSXBase.HTMLAttributes;
+    base: JSXBase.BaseHTMLAttributes<HTMLBaseElement>;
+    bdi: JSXBase.HTMLAttributes;
+    bdo: JSXBase.HTMLAttributes;
+    big: JSXBase.HTMLAttributes;
+    blockquote: JSXBase.BlockquoteHTMLAttributes<HTMLQuoteElement>;
+    body: JSXBase.HTMLAttributes<HTMLBodyElement>;
+    br: JSXBase.HTMLAttributes<HTMLBRElement>;
+    button: JSXBase.ButtonHTMLAttributes<HTMLButtonElement>;
+    canvas: JSXBase.CanvasHTMLAttributes<HTMLCanvasElement>;
+    caption: JSXBase.HTMLAttributes<HTMLTableCaptionElement>;
+    cite: JSXBase.HTMLAttributes;
+    code: JSXBase.HTMLAttributes;
+    col: JSXBase.ColHTMLAttributes<HTMLTableColElement>;
+    colgroup: JSXBase.ColgroupHTMLAttributes<HTMLTableColElement>;
+    data: JSXBase.HTMLAttributes<HTMLDataElement>;
+    datalist: JSXBase.HTMLAttributes<HTMLDataListElement>;
+    dd: JSXBase.HTMLAttributes;
+    del: JSXBase.DelHTMLAttributes<HTMLModElement>;
+    details: JSXBase.DetailsHTMLAttributes<HTMLElement>;
+    dfn: JSXBase.HTMLAttributes;
+    dialog: JSXBase.DialogHTMLAttributes<HTMLDialogElement>;
+    div: JSXBase.HTMLAttributes<HTMLDivElement>;
+    dl: JSXBase.HTMLAttributes<HTMLDListElement>;
+    dt: JSXBase.HTMLAttributes;
+    em: JSXBase.HTMLAttributes;
+    embed: JSXBase.EmbedHTMLAttributes<HTMLEmbedElement>;
+    fieldset: JSXBase.FieldsetHTMLAttributes<HTMLFieldSetElement>;
+    figcaption: JSXBase.HTMLAttributes;
+    figure: JSXBase.HTMLAttributes;
+    footer: JSXBase.HTMLAttributes;
+    form: JSXBase.FormHTMLAttributes<HTMLFormElement>;
+    h1: JSXBase.HTMLAttributes<HTMLHeadingElement>;
+    h2: JSXBase.HTMLAttributes<HTMLHeadingElement>;
+    h3: JSXBase.HTMLAttributes<HTMLHeadingElement>;
+    h4: JSXBase.HTMLAttributes<HTMLHeadingElement>;
+    h5: JSXBase.HTMLAttributes<HTMLHeadingElement>;
+    h6: JSXBase.HTMLAttributes<HTMLHeadingElement>;
+    head: JSXBase.HTMLAttributes<HTMLHeadElement>;
+    header: JSXBase.HTMLAttributes;
+    hgroup: JSXBase.HTMLAttributes;
+    hr: JSXBase.HTMLAttributes<HTMLHRElement>;
+    html: JSXBase.HTMLAttributes<HTMLHtmlElement>;
+    i: JSXBase.HTMLAttributes;
+    iframe: JSXBase.IframeHTMLAttributes<HTMLIFrameElement>;
+    img: JSXBase.ImgHTMLAttributes<HTMLImageElement>;
+    input: JSXBase.InputHTMLAttributes<HTMLInputElement>;
+    ins: JSXBase.InsHTMLAttributes<HTMLModElement>;
+    kbd: JSXBase.HTMLAttributes;
+    keygen: JSXBase.KeygenHTMLAttributes<HTMLElement>;
+    label: JSXBase.LabelHTMLAttributes<HTMLLabelElement>;
+    legend: JSXBase.HTMLAttributes<HTMLLegendElement>;
+    li: JSXBase.LiHTMLAttributes<HTMLLIElement>;
+    link: JSXBase.LinkHTMLAttributes<HTMLLinkElement>;
+    main: JSXBase.HTMLAttributes;
+    map: JSXBase.MapHTMLAttributes<HTMLMapElement>;
+    mark: JSXBase.HTMLAttributes;
+    menu: JSXBase.MenuHTMLAttributes<HTMLMenuElement>;
+    menuitem: JSXBase.HTMLAttributes;
+    meta: JSXBase.MetaHTMLAttributes<HTMLMetaElement>;
+    meter: JSXBase.MeterHTMLAttributes<HTMLMeterElement>;
+    nav: JSXBase.HTMLAttributes;
+    noscript: JSXBase.HTMLAttributes;
+    object: JSXBase.ObjectHTMLAttributes<HTMLObjectElement>;
+    ol: JSXBase.OlHTMLAttributes<HTMLOListElement>;
+    optgroup: JSXBase.OptgroupHTMLAttributes<HTMLOptGroupElement>;
+    option: JSXBase.OptionHTMLAttributes<HTMLOptionElement>;
+    output: JSXBase.OutputHTMLAttributes<HTMLOutputElement>;
+    p: JSXBase.HTMLAttributes<HTMLParagraphElement>;
+    param: JSXBase.ParamHTMLAttributes<HTMLParamElement>;
+    picture: JSXBase.HTMLAttributes<HTMLPictureElement>;
+    pre: JSXBase.HTMLAttributes<HTMLPreElement>;
+    progress: JSXBase.ProgressHTMLAttributes<HTMLProgressElement>;
+    q: JSXBase.QuoteHTMLAttributes<HTMLQuoteElement>;
+    rp: JSXBase.HTMLAttributes;
+    rt: JSXBase.HTMLAttributes;
+    ruby: JSXBase.HTMLAttributes;
+    s: JSXBase.HTMLAttributes;
+    samp: JSXBase.HTMLAttributes;
+    script: JSXBase.ScriptHTMLAttributes<HTMLScriptElement>;
+    section: JSXBase.HTMLAttributes;
+    select: JSXBase.SelectHTMLAttributes<HTMLSelectElement>;
+    small: JSXBase.HTMLAttributes;
+    source: JSXBase.SourceHTMLAttributes<HTMLSourceElement>;
+    span: JSXBase.HTMLAttributes<HTMLSpanElement>;
+    strong: JSXBase.HTMLAttributes;
+    style: JSXBase.StyleHTMLAttributes<HTMLStyleElement>;
+    sub: JSXBase.HTMLAttributes;
+    summary: JSXBase.HTMLAttributes;
+    sup: JSXBase.HTMLAttributes;
+    table: JSXBase.TableHTMLAttributes<HTMLTableElement>;
+    tbody: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
+    td: JSXBase.TdHTMLAttributes<HTMLTableDataCellElement>;
+    textarea: JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement>;
+    tfoot: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
+    th: JSXBase.ThHTMLAttributes<HTMLTableHeaderCellElement>;
+    thead: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
+    time: JSXBase.TimeHTMLAttributes<HTMLTimeElement>;
+    title: JSXBase.HTMLAttributes<HTMLTitleElement>;
+    tr: JSXBase.HTMLAttributes<HTMLTableRowElement>;
+    track: JSXBase.TrackHTMLAttributes<HTMLTrackElement>;
+    u: JSXBase.HTMLAttributes;
+    ul: JSXBase.HTMLAttributes<HTMLUListElement>;
+    'var': JSXBase.HTMLAttributes;
+    video: JSXBase.VideoHTMLAttributes<HTMLVideoElement>;
+    wbr: JSXBase.HTMLAttributes;
+
+
+    // SVG
+    animate: JSXBase.SVGAttributes;
+    circle: JSXBase.SVGAttributes;
+    clipPath: JSXBase.SVGAttributes;
+    defs: JSXBase.SVGAttributes;
+    desc: JSXBase.SVGAttributes;
+    ellipse: JSXBase.SVGAttributes;
+    feBlend: JSXBase.SVGAttributes;
+    feColorMatrix: JSXBase.SVGAttributes;
+    feComponentTransfer: JSXBase.SVGAttributes;
+    feComposite: JSXBase.SVGAttributes;
+    feConvolveMatrix: JSXBase.SVGAttributes;
+    feDiffuseLighting: JSXBase.SVGAttributes;
+    feDisplacementMap: JSXBase.SVGAttributes;
+    feDistantLight: JSXBase.SVGAttributes;
+    feDropShadow: JSXBase.SVGAttributes;
+    feFlood: JSXBase.SVGAttributes;
+    feFuncA: JSXBase.SVGAttributes;
+    feFuncB: JSXBase.SVGAttributes;
+    feFuncG: JSXBase.SVGAttributes;
+    feFuncR: JSXBase.SVGAttributes;
+    feGaussianBlur: JSXBase.SVGAttributes;
+    feImage: JSXBase.SVGAttributes;
+    feMerge: JSXBase.SVGAttributes;
+    feMergeNode: JSXBase.SVGAttributes;
+    feMorphology: JSXBase.SVGAttributes;
+    feOffset: JSXBase.SVGAttributes;
+    fePointLight: JSXBase.SVGAttributes;
+    feSpecularLighting: JSXBase.SVGAttributes;
+    feSpotLight: JSXBase.SVGAttributes;
+    feTile: JSXBase.SVGAttributes;
+    feTurbulence: JSXBase.SVGAttributes;
+    filter: JSXBase.SVGAttributes;
+    foreignObject: JSXBase.SVGAttributes;
+    g: JSXBase.SVGAttributes;
+    image: JSXBase.SVGAttributes;
+    line: JSXBase.SVGAttributes;
+    linearGradient: JSXBase.SVGAttributes;
+    marker: JSXBase.SVGAttributes;
+    mask: JSXBase.SVGAttributes;
+    metadata: JSXBase.SVGAttributes;
+    path: JSXBase.SVGAttributes;
+    pattern: JSXBase.SVGAttributes;
+    polygon: JSXBase.SVGAttributes;
+    polyline: JSXBase.SVGAttributes;
+    radialGradient: JSXBase.SVGAttributes;
+    rect: JSXBase.SVGAttributes;
+    stop: JSXBase.SVGAttributes;
+    svg: JSXBase.SVGAttributes;
+    switch: JSXBase.SVGAttributes;
+    symbol: JSXBase.SVGAttributes;
+    text: JSXBase.SVGAttributes;
+    textPath: JSXBase.SVGAttributes;
+    tspan: JSXBase.SVGAttributes;
+    use: JSXBase.SVGAttributes;
+    view: JSXBase.SVGAttributes;
+  }
+
+  export interface SlotAttributes {
+    name?: string;
+    slot?: string;
+  }
+
+  export interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
+    download?: any;
+    href?: string;
+    hrefLang?: string;
+    hreflang?: string;
+    media?: string;
+    rel?: string;
+    target?: string;
+  }
+
+  export interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {}
+
+  export interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
+    alt?: string;
+    coords?: string;
+    download?: any;
+    href?: string;
+    hrefLang?: string;
+    hreflang?: string;
+    media?: string;
+    rel?: string;
+    shape?: string;
+    target?: string;
+  }
+
+  export interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
+    href?: string;
+    target?: string;
+  }
+
+  export interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
+    cite?: string;
+  }
+
+  export interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    form?: string;
+    formAction?: string;
+    formaction?: string;
+    formEncType?: string;
+    formenctype?: string;
+    formMethod?: string;
+    formmethod?: string;
+    formNoValidate?: boolean;
+    formnovalidate?: boolean;
+    formTarget?: string;
+    formtarget?: string;
+    name?: string;
+    type?: string;
+    value?: string | string[] | number;
+  }
+
+  export interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
+    height?: number | string;
+    width?: number | string;
+  }
+
+  export interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
+    span?: number;
+  }
+
+  export interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+    span?: number;
+  }
+
+  export interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
+    open?: boolean;
+  }
+
+  export interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
+    cite?: string;
+    dateTime?: string;
+    datetime?: string;
+  }
+
+  export interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+    onClose?: (event: Event) => void;
+    open?: boolean;
+    returnValue?: string;
+  }
+
+  export interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
+    height?: number | string;
+    src?: string;
+    type?: string;
+    width?: number | string;
+  }
+
+  export interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
+    disabled?: boolean;
+    form?: string;
+    name?: string;
+  }
+
+  export interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
+    acceptCharset?: string;
+    acceptcharset?: string;
+    action?: string;
+    autoComplete?: string;
+    autocomplete?: string;
+    encType?: string;
+    enctype?: string;
+    method?: string;
+    name?: string;
+    noValidate?: boolean;
+    novalidate?: boolean | string;
+    target?: string;
+  }
+
+  export interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
+    manifest?: string;
+  }
+
+  export interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
+    allowFullScreen?: boolean;
+    allowfullScreen?: string | boolean;
+    allowTransparency?: boolean;
+    allowtransparency?: string | boolean;
+    frameBorder?: number | string;
+    frameborder?: number | string;
+    importance?: 'low' | 'auto' | 'high';
+    height?: number | string;
+    loading?: 'lazy' | 'auto' | 'eager';
+    marginHeight?: number;
+    marginheight?: string | number;
+    marginWidth?: number;
+    marginwidth?: string | number;
+    name?: string;
+    sandbox?: string;
+    scrolling?: string;
+    seamless?: boolean;
+    src?: string;
+    srcDoc?: string;
+    srcdoc?: string;
+    width?: number | string;
+  }
+
+  export interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
+    alt?: string;
+    decoding?: 'async' | 'auto' | 'sync';
+    importance?: 'low' | 'auto' | 'high';
+    height?: number | string;
+    loading?: 'lazy' | 'auto' | 'eager';
+    sizes?: string;
+    src?: string;
+    srcSet?: string;
+    srcset?: string;
+    useMap?: string;
+    usemap?: string;
+    width?: number | string;
+  }
+
+  export interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
+    cite?: string;
+    dateTime?: string;
+    datetime?: string;
+  }
+
+  export interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
+    accept?: string;
+    alt?: string;
+    autoComplete?: string;
+    autocomplete?: string;
+    autoFocus?: boolean;
+    autofocus?: boolean | string;
+    capture?: string; // https://www.w3.org/TR/html-media-capture/#the-capture-attribute
+    checked?: boolean;
+    crossOrigin?: string;
+    crossorigin?: string;
+    disabled?: boolean;
+    form?: string;
+    formAction?: string;
+    formaction?: string;
+    formEncType?: string;
+    formenctype?: string;
+    formMethod?: string;
+    formmethod?: string;
+    formNoValidate?: boolean;
+    formnovalidate?: boolean;
+    formTarget?: string;
+    formtarget?: string;
+    height?: number | string;
+    list?: string;
+    max?: number | string;
+    maxLength?: number;
+    maxlength?: number | string;
+    min?: number | string;
+    minLength?: number;
+    minlength?: number | string;
+    multiple?: boolean;
+    name?: string;
+    pattern?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    readonly?: boolean | string;
+    required?: boolean;
+    size?: number;
+    src?: string;
+    step?: number | string;
+    type?: string;
+    value?: string | string[] | number;
+    width?: number | string;
+  }
+
+  export interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
+    autoFocus?: boolean;
+    autofocus?: boolean | string;
+    challenge?: string;
+    disabled?: boolean;
+    form?: string;
+    keyType?: string;
+    keytype?: string;
+    keyParams?: string;
+    keyparams?: string;
+    name?: string;
+  }
+
+  export interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
+    form?: string;
+    htmlFor?: string;
+    htmlfor?: string;
+  }
+
+  export interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
+    value?: string | string[] | number;
+  }
+
+  export interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
+    href?: string;
+    hrefLang?: string;
+    hreflang?: string;
+    importance?: 'low' | 'auto' | 'high';
+    integrity?: string;
+    media?: string;
+    rel?: string;
+    sizes?: string;
+    type?: string;
+  }
+
+  export interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
+    name?: string;
+  }
+
+  export interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
+    type?: string;
+  }
+
+  export interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
+    autoPlay?: boolean;
+    autoplay?: boolean | string;
+    controls?: boolean;
+    crossOrigin?: string;
+    crossorigin?: string;
+    loop?: boolean;
+    mediaGroup?: string;
+    mediagroup?: string;
+    muted?: boolean;
+    preload?: string;
+    src?: string;
+
+    // https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events
+    onAbort?: (event: Event) => void;
+    onCanPlay?: (event: Event) => void;
+    onCanPlayThrough?: (event: Event) => void;
+    onDurationChange?: (event: Event) => void;
+    onEmptied?: (event: Event) => void;
+    onEnded?: (event: Event) => void;
+    onError?: (event: Event) => void;
+    onInterruptBegin?: (event: Event) => void;
+    onInterruptEnd?: (event: Event) => void;
+    onLoadedData?: (event: Event) => void;
+    onLoadedMetaData?: (event: Event) => void;
+    onLoadStart?: (event: Event) => void;
+    onMozAudioAvailable?: (event: Event) => void;
+    onPause?: (event: Event) => void;
+    onPlay?: (event: Event) => void;
+    onPlaying?: (event: Event) => void;
+    onProgress?: (event: Event) => void;
+    onRateChange?: (event: Event) => void;
+    onSeeked?: (event: Event) => void;
+    onSeeking?: (event: Event) => void;
+    onStalled?: (event: Event) => void;
+    onSuspend?: (event: Event) => void;
+    onTimeUpdate?: (event: Event) => void;
+    onVolumeChange?: (event: Event) => void;
+    onWaiting?: (event: Event) => void;
+  }
+
+  export interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
+    charSet?: string;
+    charset?: string;
+    content?: string;
+    httpEquiv?: string;
+    httpequiv?: string;
+    name?: string;
+  }
+
+  export interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
+    form?: string;
+    high?: number;
+    low?: number;
+    max?: number | string;
+    min?: number | string;
+    optimum?: number;
+    value?: string | string[] | number;
+  }
+
+  export interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
+    cite?: string;
+  }
+
+  export interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
+    classID?: string;
+    classid?: string;
+    data?: string;
+    form?: string;
+    height?: number | string;
+    name?: string;
+    type?: string;
+    useMap?: string;
+    usemap?: string;
+    width?: number | string;
+    wmode?: string;
+  }
+
+  export interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
+    reversed?: boolean;
+    start?: number;
+  }
+
+  export interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+    disabled?: boolean;
+    label?: string;
+  }
+
+  export interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
+    disabled?: boolean;
+    label?: string;
+    selected?: boolean;
+    value?: string | string[] | number;
+  }
+
+  export interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
+    form?: string;
+    htmlFor?: string;
+    htmlfor?: string;
+    name?: string;
+  }
+
+  export interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
+    name?: string;
+    value?: string | string[] | number;
+  }
+
+  export interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
+    max?: number | string;
+    value?: string | string[] | number;
+  }
+
+  export interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
+    async?: boolean;
+    charSet?: string;
+    charset?: string;
+    crossOrigin?: string;
+    crossorigin?: string;
+    defer?: boolean;
+    importance?: 'low' | 'auto' | 'high';
+    integrity?: string;
+    nonce?: string;
+    src?: string;
+    type?: string;
+  }
+
+  export interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    form?: string;
+    multiple?: boolean;
+    name?: string;
+    required?: boolean;
+    size?: number;
+  }
+
+  export interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+    media?: string;
+    sizes?: string;
+    src?: string;
+    srcSet?: string;
+    type?: string;
+  }
+
+  export interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
+    media?: string;
+    nonce?: string;
+    scoped?: boolean;
+    type?: string;
+  }
+
+  export interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
+    cellPadding?: number | string;
+    cellpadding?: number | string;
+    cellSpacing?: number | string;
+    cellspacing?: number | string;
+    summary?: string;
+  }
+
+  export interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+    autoFocus?: boolean;
+    autofocus?: boolean | string;
+    cols?: number;
+    disabled?: boolean;
+    form?: string;
+    maxLength?: number;
+    maxlength?: number | string;
+    minLength?: number;
+    minlength?: number | string;
+    name?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    readonly?: boolean | string;
+    required?: boolean;
+    rows?: number;
+    value?: string | string[] | number;
+    wrap?: string;
+  }
+
+  export interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
+    colSpan?: number;
+    headers?: string;
+    rowSpan?: number;
+  }
+
+  export interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
+    colSpan?: number;
+    headers?: string;
+    rowSpan?: number;
+    rowspan?: number | string;
+    scope?: string;
+  }
+
+  export interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
+    dateTime?: string;
+  }
+
+  export interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
+    default?: boolean;
+    kind?: string;
+    label?: string;
+    src?: string;
+    srcLang?: string;
+    srclang?: string;
+  }
+
+  export interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+    height?: number | string;
+    playsInline?: boolean;
+    playsinline?: boolean | string;
+    poster?: string;
+    width?: number | string;
+  }
+
+  export interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
+    // vdom specific
+    innerHTML?: string;
+    key?: string | number;
+
+    // Standard HTML Attributes
+    accessKey?: string;
+    class?: string | { [className: string]: boolean };
+    contentEditable?: boolean | string;
+    contenteditable?: boolean | string;
+    contextMenu?: string;
+    contextmenu?: string;
+    dir?: string;
+    draggable?: boolean;
+    hidden?: boolean;
+    id?: string;
+    lang?: string;
+    spellCheck?: boolean;
+    spellcheck?: boolean | string;
+    style?: { [key: string]: string | undefined };
+    tabIndex?: number;
+    tabindex?: number | string;
+    title?: string;
+
+    // Unknown
+    inputMode?: string;
+    inputmode?: string;
+    is?: string;
+    radioGroup?: string; // <command>, <menuitem>
+    radiogroup?: string;
+    part?: string;
+
+    // WAI-ARIA
+    role?: string;
+
+    // RDFa Attributes
+    about?: string;
+    datatype?: string;
+    inlist?: any;
+    prefix?: string;
+    property?: string;
+    resource?: string;
+    typeof?: string;
+    vocab?: string;
+
+    // Non-standard Attributes
+    autoCapitalize?: string;
+    autocapitalize?: string;
+    autoCorrect?: string;
+    autocorrect?: string;
+    autoSave?: string;
+    autosave?: string;
+    color?: string;
+    itemProp?: string;
+    itemprop?: string;
+    itemScope?: boolean;
+    itemscope?: boolean;
+    itemType?: string;
+    itemtype?: string;
+    itemID?: string;
+    itemid?: string;
+    itemRef?: string;
+    itemref?: string;
+    results?: number;
+    security?: string;
+    unselectable?: boolean;
+  }
+
+  export interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
+    // Attributes which also defined in HTMLAttributes
+    // See comment in SVGDOMPropertyConfig.js
+    class?: string | { [className: string]: boolean };
+    color?: string;
+    height?: number | string;
+    id?: string;
+    lang?: string;
+    max?: number | string;
+    media?: string;
+    method?: string;
+    min?: number | string;
+    name?: string;
+    style?: { [key: string]: string | undefined };
+    target?: string;
+    type?: string;
+    width?: number | string;
+
+    // Other HTML properties supported by SVG elements in browsers
+    role?: string;
+    tabIndex?: number;
+
+    // SVG Specific attributes
+    accentHeight?: number | string;
+    accumulate?: 'none' | 'sum';
+    additive?: 'replace' | 'sum';
+    alignmentBaseline?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' |
+    'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
+    allowReorder?: 'no' | 'yes';
+    alphabetic?: number | string;
+    amplitude?: number | string;
+    arabicForm?: 'initial' | 'medial' | 'terminal' | 'isolated';
+    ascent?: number | string;
+    attributeName?: string;
+    attributeType?: string;
+    autoReverse?: number | string;
+    azimuth?: number | string;
+    baseFrequency?: number | string;
+    baselineShift?: number | string;
+    baseProfile?: number | string;
+    bbox?: number | string;
+    begin?: number | string;
+    bias?: number | string;
+    by?: number | string;
+    calcMode?: number | string;
+    capHeight?: number | string;
+    clip?: number | string;
+    clipPath?: string;
+    clipPathUnits?: number | string;
+    clipRule?: number | string;
+    colorInterpolation?: number | string;
+    colorInterpolationFilters?: 'auto' | 'sRGB' | 'linearRGB' | 'inherit';
+    colorProfile?: number | string;
+    colorRendering?: number | string;
+    contentScriptType?: number | string;
+    contentStyleType?: number | string;
+    cursor?: number | string;
+    cx?: number | string;
+    cy?: number | string;
+    d?: string;
+    decelerate?: number | string;
+    descent?: number | string;
+    diffuseConstant?: number | string;
+    direction?: number | string;
+    display?: number | string;
+    divisor?: number | string;
+    dominantBaseline?: number | string;
+    dur?: number | string;
+    dx?: number | string;
+    dy?: number | string;
+    edgeMode?: number | string;
+    elevation?: number | string;
+    enableBackground?: number | string;
+    end?: number | string;
+    exponent?: number | string;
+    externalResourcesRequired?: number | string;
+    fill?: string;
+    fillOpacity?: number | string;
+    fillRule?: 'nonzero' | 'evenodd' | 'inherit';
+    filter?: string;
+    filterRes?: number | string;
+    filterUnits?: number | string;
+    floodColor?: number | string;
+    floodOpacity?: number | string;
+    focusable?: number | string;
+    fontFamily?: string;
+    fontSize?: number | string;
+    fontSizeAdjust?: number | string;
+    fontStretch?: number | string;
+    fontStyle?: number | string;
+    fontVariant?: number | string;
+    fontWeight?: number | string;
+    format?: number | string;
+    from?: number | string;
+    fx?: number | string;
+    fy?: number | string;
+    g1?: number | string;
+    g2?: number | string;
+    glyphName?: number | string;
+    glyphOrientationHorizontal?: number | string;
+    glyphOrientationVertical?: number | string;
+    glyphRef?: number | string;
+    gradientTransform?: string;
+    gradientUnits?: string;
+    hanging?: number | string;
+    horizAdvX?: number | string;
+    horizOriginX?: number | string;
+    ideographic?: number | string;
+    imageRendering?: number | string;
+    in2?: number | string;
+    in?: string;
+    intercept?: number | string;
+    k1?: number | string;
+    k2?: number | string;
+    k3?: number | string;
+    k4?: number | string;
+    k?: number | string;
+    kernelMatrix?: number | string;
+    kernelUnitLength?: number | string;
+    kerning?: number | string;
+    keyPoints?: number | string;
+    keySplines?: number | string;
+    keyTimes?: number | string;
+    lengthAdjust?: number | string;
+    letterSpacing?: number | string;
+    lightingColor?: number | string;
+    limitingConeAngle?: number | string;
+    local?: number | string;
+    markerEnd?: string;
+    markerHeight?: number | string;
+    markerMid?: string;
+    markerStart?: string;
+    markerUnits?: number | string;
+    markerWidth?: number | string;
+    mask?: string;
+    maskContentUnits?: number | string;
+    maskUnits?: number | string;
+    mathematical?: number | string;
+    mode?: number | string;
+    numOctaves?: number | string;
+    offset?: number | string;
+    opacity?: number | string;
+    operator?: number | string;
+    order?: number | string;
+    orient?: number | string;
+    orientation?: number | string;
+    origin?: number | string;
+    overflow?: number | string;
+    overlinePosition?: number | string;
+    overlineThickness?: number | string;
+    paintOrder?: number | string;
+    panose1?: number | string;
+    pathLength?: number | string;
+    patternContentUnits?: string;
+    patternTransform?: number | string;
+    patternUnits?: string;
+    pointerEvents?: number | string;
+    points?: string;
+    pointsAtX?: number | string;
+    pointsAtY?: number | string;
+    pointsAtZ?: number | string;
+    preserveAlpha?: number | string;
+    preserveAspectRatio?: string;
+    primitiveUnits?: number | string;
+    r?: number | string;
+    radius?: number | string;
+    refX?: number | string;
+    refY?: number | string;
+    renderingIntent?: number | string;
+    repeatCount?: number | string;
+    repeatDur?: number | string;
+    requiredExtensions?: number | string;
+    requiredFeatures?: number | string;
+    restart?: number | string;
+    result?: string;
+    rotate?: number | string;
+    rx?: number | string;
+    ry?: number | string;
+    scale?: number | string;
+    seed?: number | string;
+    shapeRendering?: number | string;
+    slope?: number | string;
+    spacing?: number | string;
+    specularConstant?: number | string;
+    specularExponent?: number | string;
+    speed?: number | string;
+    spreadMethod?: string;
+    startOffset?: number | string;
+    stdDeviation?: number | string;
+    stemh?: number | string;
+    stemv?: number | string;
+    stitchTiles?: number | string;
+    stopColor?: string;
+    stopOpacity?: number | string;
+    strikethroughPosition?: number | string;
+    strikethroughThickness?: number | string;
+    string?: number | string;
+    stroke?: string;
+    strokeDasharray?: string | number;
+    strokeDashoffset?: string | number;
+    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';
+    strokeLinejoin?: 'miter' | 'round' | 'bevel' | 'inherit';
+    strokeMiterlimit?: string;
+    strokeOpacity?: number | string;
+    strokeWidth?: number | string;
+    surfaceScale?: number | string;
+    systemLanguage?: number | string;
+    tableValues?: number | string;
+    targetX?: number | string;
+    targetY?: number | string;
+    textAnchor?: string;
+    textDecoration?: number | string;
+    textLength?: number | string;
+    textRendering?: number | string;
+    to?: number | string;
+    transform?: string;
+    u1?: number | string;
+    u2?: number | string;
+    underlinePosition?: number | string;
+    underlineThickness?: number | string;
+    unicode?: number | string;
+    unicodeBidi?: number | string;
+    unicodeRange?: number | string;
+    unitsPerEm?: number | string;
+    vAlphabetic?: number | string;
+    values?: string;
+    vectorEffect?: number | string;
+    version?: string;
+    vertAdvY?: number | string;
+    vertOriginX?: number | string;
+    vertOriginY?: number | string;
+    vHanging?: number | string;
+    vIdeographic?: number | string;
+    viewBox?: string;
+    viewTarget?: number | string;
+    visibility?: number | string;
+    vMathematical?: number | string;
+    widths?: number | string;
+    wordSpacing?: number | string;
+    writingMode?: number | string;
+    x1?: number | string;
+    x2?: number | string;
+    x?: number | string;
+    xChannelSelector?: string;
+    xHeight?: number | string;
+    xlinkActuate?: string;
+    xlinkArcrole?: string;
+    xlinkHref?: string;
+    xlinkRole?: string;
+    xlinkShow?: string;
+    xlinkTitle?: string;
+    xlinkType?: string;
+    xmlBase?: string;
+    xmlLang?: string;
+    xmlns?: string;
+    xmlnsXlink?: string;
+    xmlSpace?: string;
+    y1?: number | string;
+    y2?: number | string;
+    y?: number | string;
+    yChannelSelector?: string;
+    z?: number | string;
+    zoomAndPan?: string;
+  }
+
+  export interface DOMAttributes<T = Element> {
+    ref?: (elm?: T) => void;
+    slot?: string;
+
+    // Clipboard Events
+    onCopy?: (event: ClipboardEvent) => void;
+    onCopyCapture?: (event: ClipboardEvent) => void;
+    onCut?: (event: ClipboardEvent) => void;
+    onCutCapture?: (event: ClipboardEvent) => void;
+    onPaste?: (event: ClipboardEvent) => void;
+    onPasteCapture?: (event: ClipboardEvent) => void;
+
+    // Composition Events
+    onCompositionEnd?: (event: CompositionEvent) => void;
+    onCompositionEndCapture?: (event: CompositionEvent) => void;
+    onCompositionStart?: (event: CompositionEvent) => void;
+    onCompositionStartCapture?: (event: CompositionEvent) => void;
+    onCompositionUpdate?: (event: CompositionEvent) => void;
+    onCompositionUpdateCapture?: (event: CompositionEvent) => void;
+
+    // Focus Events
+    onFocus?: (event: FocusEvent) => void;
+    onFocusCapture?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+    onBlurCapture?: (event: FocusEvent) => void;
+
+    // Form Events
+    onChange?: (event: Event) => void;
+    onChangeCapture?: (event: Event) => void;
+    onInput?: (event: Event) => void;
+    onInputCapture?: (event: Event) => void;
+    onReset?: (event: Event) => void;
+    onResetCapture?: (event: Event) => void;
+    onSubmit?: (event: Event) => void;
+    onSubmitCapture?: (event: Event) => void;
+    onInvalid?: (event: Event) => void;
+    onInvalidCapture?: (event: Event) => void;
+
+    // Image Events
+    onLoad?: (event: Event) => void;
+    onLoadCapture?: (event: Event) => void;
+    onError?: (event: Event) => void; // also a Media Event
+    onErrorCapture?: (event: Event) => void; // also a Media Event
+
+    // Keyboard Events
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onKeyDownCapture?: (event: KeyboardEvent) => void;
+    onKeyPress?: (event: KeyboardEvent) => void;
+    onKeyPressCapture?: (event: KeyboardEvent) => void;
+    onKeyUp?: (event: KeyboardEvent) => void;
+    onKeyUpCapture?: (event: KeyboardEvent) => void;
+
+    // MouseEvents
+    onAuxClick?: (event: MouseEvent) => void;
+    onClick?: (event: MouseEvent) => void;
+    onClickCapture?: (event: MouseEvent) => void;
+    onContextMenu?: (event: MouseEvent) => void;
+    onContextMenuCapture?: (event: MouseEvent) => void;
+    onDblClick?: (event: MouseEvent) => void;
+    onDblClickCapture?: (event: MouseEvent) => void;
+    onDrag?: (event: DragEvent) => void;
+    onDragCapture?: (event: DragEvent) => void;
+    onDragEnd?: (event: DragEvent) => void;
+    onDragEndCapture?: (event: DragEvent) => void;
+    onDragEnter?: (event: DragEvent) => void;
+    onDragEnterCapture?: (event: DragEvent) => void;
+    onDragExit?: (event: DragEvent) => void;
+    onDragExitCapture?: (event: DragEvent) => void;
+    onDragLeave?: (event: DragEvent) => void;
+    onDragLeaveCapture?: (event: DragEvent) => void;
+    onDragOver?: (event: DragEvent) => void;
+    onDragOverCapture?: (event: DragEvent) => void;
+    onDragStart?: (event: DragEvent) => void;
+    onDragStartCapture?: (event: DragEvent) => void;
+    onDrop?: (event: DragEvent) => void;
+    onDropCapture?: (event: DragEvent) => void;
+    onMouseDown?: (event: MouseEvent) => void;
+    onMouseDownCapture?: (event: MouseEvent) => void;
+    onMouseEnter?: (event: MouseEvent) => void;
+    onMouseLeave?: (event: MouseEvent) => void;
+    onMouseMove?: (event: MouseEvent) => void;
+    onMouseMoveCapture?: (event: MouseEvent) => void;
+    onMouseOut?: (event: MouseEvent) => void;
+    onMouseOutCapture?: (event: MouseEvent) => void;
+    onMouseOver?: (event: MouseEvent) => void;
+    onMouseOverCapture?: (event: MouseEvent) => void;
+    onMouseUp?: (event: MouseEvent) => void;
+    onMouseUpCapture?: (event: MouseEvent) => void;
+
+    // Touch Events
+    onTouchCancel?: (event: TouchEvent) => void;
+    onTouchCancelCapture?: (event: TouchEvent) => void;
+    onTouchEnd?: (event: TouchEvent) => void;
+    onTouchEndCapture?: (event: TouchEvent) => void;
+    onTouchMove?: (event: TouchEvent) => void;
+    onTouchMoveCapture?: (event: TouchEvent) => void;
+    onTouchStart?: (event: TouchEvent) => void;
+    onTouchStartCapture?: (event: TouchEvent) => void;
+
+    // Pointer Events
+    onPointerDown?: (event: PointerEvent) => void;
+    onPointerDownCapture?: (event: PointerEvent) => void;
+    onPointerMove?: (event: PointerEvent) => void;
+    onPointerMoveCapture?: (event: PointerEvent) => void;
+    onPointerUp?: (event: PointerEvent) => void;
+    onPointerUpCapture?: (event: PointerEvent) => void;
+    onPointerCancel?: (event: PointerEvent) => void;
+    onPointerCancelCapture?: (event: PointerEvent) => void;
+    onPointerEnter?: (event: PointerEvent) => void;
+    onPointerEnterCapture?: (event: PointerEvent) => void;
+    onPointerLeave?: (event: PointerEvent) => void;
+    onPointerLeaveCapture?: (event: PointerEvent) => void;
+    onPointerOver?: (event: PointerEvent) => void;
+    onPointerOverCapture?: (event: PointerEvent) => void;
+    onPointerOut?: (event: PointerEvent) => void;
+    onPointerOutCapture?: (event: PointerEvent) => void;
+    onGotPointerCapture?: (event: PointerEvent) => void;
+    onGotPointerCaptureCapture?: (event: PointerEvent) => void;
+    onLostPointerCapture?: (event: PointerEvent) => void;
+    onLostPointerCaptureCapture?: (event: PointerEvent) => void;
+
+    // UI Events
+    onScroll?: (event: UIEvent) => void;
+    onScrollCapture?: (event: UIEvent) => void;
+
+    // Wheel Events
+    onWheel?: (event: WheelEvent) => void;
+    onWheelCapture?: (event: WheelEvent) => void;
+
+    // Animation Events
+    onAnimationStart?: (event: AnimationEvent) => void;
+    onAnimationStartCapture?: (event: AnimationEvent) => void;
+    onAnimationEnd?: (event: AnimationEvent) => void;
+    onAnimationEndCapture?: (event: AnimationEvent) => void;
+    onAnimationIteration?: (event: AnimationEvent) => void;
+    onAnimationIterationCapture?: (event: AnimationEvent) => void;
+
+    // Transition Events
+    onTransitionEnd?: (event: TransitionEvent) => void;
+    onTransitionEndCapture?: (event: TransitionEvent) => void;
+  }
+}
+
+
+export interface Hyperscript {
+  (sel: any): VNode;
+  (sel: Node, data: VNodeData): VNode;
+  (sel: any, data: VNodeData): VNode;
+  (sel: any, text: string): VNode;
+  (sel: any, children: Array<VNode | undefined | null>): VNode;
+  (sel: any, data: VNodeData, text: string): VNode;
+  (sel: any, data: VNodeData, children: Array<VNode | undefined | null>): VNode;
+  (sel: any, data: VNodeData, children: VNode): VNode;
+}
+
+
+export interface VNodeData {
+  class?: {[className: string]: boolean};
+  style?: any;
+  [attrName: string]: any;
+}
+
+
+export type ChildType = VNode | number | string;
+export type PropsType = VNodeProdData | number | string | null;
+
+export interface VNodeProdData {
+  key?: string | number;
+  class?: {[className: string]: boolean} | string;
+  className?: {[className: string]: boolean} | string;
+  style?: any;
+  [key: string]: any;
+}
+
+export interface FunctionalUtilities {
+  forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
+  map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
+}
+
+export interface FunctionalComponent<T = {}> {
+  (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
+}
+
+export interface VNode {
+  $tag$?: string | number | Function;
+  $key$?: string | number;
+  $text$?: string;
+  $children$?: VNode[];
+  $attrs$?: any;
+  $name$?: string;
+  $flags$: number;
+  $elm$?: any;
+}
+
+export interface ChildNode {
+  vtag?: string | number | Function;
+  vkey?: string | number;
+  vtext?: string;
+  vchildren?: VNode[];
+  vattrs?: any;
+  vname?: string;
+}
diff --git a/dist/types/utils/dom.d.ts b/dist/types/utils/dom.d.ts
new file mode 100644
index 00000000000..6ed32f77fdc
--- /dev/null
+++ b/dist/types/utils/dom.d.ts
@@ -0,0 +1,4 @@
+export declare function nodeListToArray(domNodeList: any): Element[];
+export declare function getElementDir(el: HTMLElement): "ltr" | "rtl";
+export declare function getElementTheme(el: HTMLElement): "dark" | "light";
+export declare function hasSlottedContent(el: HTMLSlotElement): boolean;
diff --git a/dist/types/utils/guid.d.ts b/dist/types/utils/guid.d.ts
new file mode 100644
index 00000000000..1accc78d06a
--- /dev/null
+++ b/dist/types/utils/guid.d.ts
@@ -0,0 +1 @@
+export declare const guid: () => string;
diff --git a/dist/types/utils/keys.d.ts b/dist/types/utils/keys.d.ts
new file mode 100644
index 00000000000..4cdfeb5386f
--- /dev/null
+++ b/dist/types/utils/keys.d.ts
@@ -0,0 +1,12 @@
+export declare const TAB: number;
+export declare const ENTER: number;
+export declare const ESCAPE: number;
+export declare const SPACE: number;
+export declare const PAGE_UP: number;
+export declare const PAGE_DOWN: number;
+export declare const END: number;
+export declare const HOME: number;
+export declare const LEFT: number;
+export declare const UP: number;
+export declare const RIGHT: number;
+export declare const DOWN: number;
diff --git a/hydrate/calcite-hydrate.js b/hydrate/calcite-hydrate.js
new file mode 100644
index 00000000000..7ef6bec11ad
--- /dev/null
+++ b/hydrate/calcite-hydrate.js
@@ -0,0 +1,4118 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Default style mode id
+ */
+/**
+ * Reusable empty obj/array
+ * Don't add values to these!!
+ */
+const EMPTY_OBJ = {};
+/**
+ * Namespaces
+ */
+const SVG_NS = 'http://www.w3.org/2000/svg';
+
+const isDef = (v) => v != null;
+const toLowerCase = (str) => str.toLowerCase();
+const isComplexType = (o) => ['object', 'function'].includes(typeof o);
+
+const parsePropertyValue = (propValue, propType) => {
+    // ensure this value is of the correct prop type
+    if (propValue != null && !isComplexType(propValue)) {
+        if ( propType & 4 /* Boolean */) {
+            // per the HTML spec, any string value means it is a boolean true value
+            // but we'll cheat here and say that the string "false" is the boolean false
+            return (propValue === 'false' ? false : propValue === '' || !!propValue);
+        }
+        if ( propType & 2 /* Number */) {
+            // force it to be a number
+            return parseFloat(propValue);
+        }
+        if ( propType & 1 /* String */) {
+            // could have been passed as a number or boolean
+            // but we still want it as a string
+            return String(propValue);
+        }
+        // redundant return here for better minification
+        return propValue;
+    }
+    // not sure exactly what type we want
+    // so no need to change to a different type
+    return propValue;
+};
+
+const CONTENT_REF_ID = 'r';
+const ORG_LOCATION_ID = 'o';
+const SLOT_NODE_ID = 's';
+const TEXT_NODE_ID = 't';
+const HYDRATED_CLASS = 'hydrated';
+const HYDRATE_ID = 's-id';
+const HYDRATE_CHILD_ID = 'c-id';
+const XLINK_NS = 'http://www.w3.org/1999/xlink';
+
+const rootAppliedStyles = new WeakMap();
+const registerStyle = (scopeId, cssText, allowCS) => {
+    let style = styles.get(scopeId);
+    {
+        style = cssText;
+    }
+    styles.set(scopeId, style);
+};
+const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
+    let scopeId = getScopeId(cmpMeta.$tagName$);
+    let style = styles.get(scopeId);
+    // if an element is NOT connected then getRootNode() will return the wrong root node
+    // so the fallback is to always use the document for the root node in those cases
+    styleContainerNode = (styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc);
+    if (style) {
+        if (typeof style === 'string') {
+            styleContainerNode = styleContainerNode.head || styleContainerNode;
+            let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+            let styleElm;
+            if (!appliedStyles) {
+                rootAppliedStyles.set(styleContainerNode, appliedStyles = new Set());
+            }
+            if (!appliedStyles.has(scopeId)) {
+                {
+                    {
+                        styleElm = doc.createElement('style');
+                        styleElm.innerHTML = style;
+                    }
+                    {
+                        styleElm.setAttribute(HYDRATE_ID, scopeId);
+                    }
+                    styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
+                }
+                if (appliedStyles) {
+                    appliedStyles.add(scopeId);
+                }
+            }
+        }
+        else if ( !styleContainerNode.adoptedStyleSheets.includes(style)) {
+            styleContainerNode.adoptedStyleSheets = [
+                ...styleContainerNode.adoptedStyleSheets,
+                style
+            ];
+        }
+    }
+    return scopeId;
+};
+const attachStyles = (elm, cmpMeta, mode) => {
+    const styleId = addStyle( elm.getRootNode(), cmpMeta);
+    if ( cmpMeta.$flags$ & 10 /* needsScopedEncapsulation */) {
+        // only required when we're NOT using native shadow dom (slot)
+        // or this browser doesn't support native shadow dom
+        // and this host element was NOT created with SSR
+        // let's pick out the inner content for slot projection
+        // create a node to represent where the original
+        // content was first placed, which is useful later on
+        // DOM WRITE!!
+        elm['s-sc'] = styleId;
+        elm.classList.add(styleId + '-h');
+    }
+};
+const getScopeId = (tagName, mode) => 'sc-' + ( tagName);
+
+/**
+ * Production h() function based on Preact by
+ * Jason Miller (@developit)
+ * Licensed under the MIT License
+ * https://github.com/developit/preact/blob/master/LICENSE
+ *
+ * Modified for Stencil's compiler and vdom
+ */
+// const stack: any[] = [];
+// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;
+// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
+const h = (nodeName, vnodeData, ...children) => {
+    let child = null;
+    let simple = false;
+    let lastSimple = false;
+    let key;
+    let slotName;
+    let vNodeChildren = [];
+    const walk = (c) => {
+        for (let i = 0; i < c.length; i++) {
+            child = c[i];
+            if (Array.isArray(child)) {
+                walk(child);
+            }
+            else if (child != null && typeof child !== 'boolean') {
+                if (simple = typeof nodeName !== 'function' && !isComplexType(child)) {
+                    child = String(child);
+                }
+                if (simple && lastSimple) {
+                    // If the previous child was simple (string), we merge both
+                    vNodeChildren[vNodeChildren.length - 1].$text$ += child;
+                }
+                else {
+                    // Append a new vNode, if it's text, we create a text vNode
+                    vNodeChildren.push(simple ? { $flags$: 0, $text$: child } : child);
+                }
+                lastSimple = simple;
+            }
+        }
+    };
+    walk(children);
+    if ( vnodeData) {
+        // normalize class / classname attributes
+        {
+            key = vnodeData.key || undefined;
+        }
+        {
+            slotName = vnodeData.name;
+        }
+        {
+            const classData = vnodeData.className || vnodeData.class;
+            if (classData) {
+                vnodeData.class = typeof classData !== 'object'
+                    ? classData
+                    : Object.keys(classData)
+                        .filter(k => classData[k])
+                        .join(' ');
+            }
+        }
+    }
+    if ( typeof nodeName === 'function') {
+        // nodeName is a functional component
+        return nodeName(vnodeData, vNodeChildren, vdomFnUtils);
+    }
+    const vnode = {
+        $flags$: 0,
+        $tag$: nodeName,
+        $children$: vNodeChildren.length > 0 ? vNodeChildren : null,
+        $elm$: undefined,
+        $attrs$: vnodeData,
+    };
+    {
+        vnode.$key$ = key;
+    }
+    {
+        vnode.$name$ = slotName;
+    }
+    return vnode;
+};
+const Host = {};
+const isHost = (node) => {
+    return node && node.$tag$ === Host;
+};
+const vdomFnUtils = {
+    'forEach': (children, cb) => children.map(convertToPublic).forEach(cb),
+    'map': (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
+};
+const convertToPublic = (node) => {
+    return {
+        vattrs: node.$attrs$,
+        vchildren: node.$children$,
+        vkey: node.$key$,
+        vname: node.$name$,
+        vtag: node.$tag$,
+        vtext: node.$text$
+    };
+};
+const convertToPrivate = (node) => {
+    return {
+        $flags$: 0,
+        $attrs$: node.vattrs,
+        $children$: node.vchildren,
+        $key$: node.vkey,
+        $name$: node.vname,
+        $tag$: node.vtag,
+        $text$: node.vtext
+    };
+};
+
+/**
+ * Production setAccessor() function based on Preact by
+ * Jason Miller (@developit)
+ * Licensed under the MIT License
+ * https://github.com/developit/preact/blob/master/LICENSE
+ *
+ * Modified for Stencil's compiler and vdom
+ */
+const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
+    if (oldValue === newValue) {
+        return;
+    }
+    if ( memberName === 'class') {
+        const classList = elm.classList;
+        parseClassList(oldValue).forEach(cls => classList.remove(cls));
+        parseClassList(newValue).forEach(cls => classList.add(cls));
+    }
+    else if ( memberName === 'style') {
+        // update style attribute, css properties and values
+        {
+            for (const prop in oldValue) {
+                if (!newValue || newValue[prop] == null) {
+                    {
+                        elm.style[prop] = '';
+                    }
+                }
+            }
+        }
+        for (const prop in newValue) {
+            if (!oldValue || newValue[prop] !== oldValue[prop]) {
+                {
+                    elm.style[prop] = newValue[prop];
+                }
+            }
+        }
+    }
+    else if ( memberName === 'key') ;
+    else if ( memberName === 'ref') {
+        // minifier will clean this up
+        if (newValue) {
+            newValue(elm);
+        }
+    }
+    else if ( memberName.startsWith('on') && !isMemberInElement(elm, memberName)) {
+        // Event Handlers
+        // so if the member name starts with "on" and the 3rd characters is
+        // a capital letter, and it's not already a member on the element,
+        // then we're assuming it's an event listener
+        if (isMemberInElement(elm, toLowerCase(memberName))) {
+            // standard event
+            // the JSX attribute could have been "onMouseOver" and the
+            // member name "onmouseover" is on the element's prototype
+            // so let's add the listener "mouseover", which is all lowercased
+            memberName = toLowerCase(memberName.substring(2));
+        }
+        else {
+            // custom event
+            // the JSX attribute could have been "onMyCustomEvent"
+            // so let's trim off the "on" prefix and lowercase the first character
+            // and add the listener "myCustomEvent"
+            // except for the first character, we keep the event name case
+            memberName = toLowerCase(memberName[2]) + memberName.substring(3);
+        }
+        if (oldValue) {
+            plt.rel(elm, memberName, oldValue, false);
+        }
+        if (newValue) {
+            plt.ael(elm, memberName, newValue, false);
+        }
+    }
+    else {
+        // Set property if it exists and it's not a SVG
+        const isProp = isMemberInElement(elm, memberName);
+        const isComplex = isComplexType(newValue);
+        const isCustomElement = elm.tagName.includes('-');
+        if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
+            try {
+                if (isCustomElement) {
+                    elm[memberName] = newValue;
+                }
+                else if (elm[memberName] !== newValue || '') {
+                    elm[memberName] = newValue || '';
+                }
+            }
+            catch (e) { }
+        }
+        /**
+         * Need to manually update attribute if:
+         * - memberName is not an attribute
+         * - if we are rendering the host element in order to reflect attribute
+         * - if it's a SVG, since properties might not work in <svg>
+         * - if the newValue is null/undefined or 'false'.
+         */
+        const isXlinkNs =  isSvg && (memberName !== (memberName = memberName.replace(/^xlink\:?/, ''))) ? true : false;
+        if (newValue == null || newValue === false) {
+            if (isXlinkNs) {
+                elm.removeAttributeNS(XLINK_NS, toLowerCase(memberName));
+            }
+            else {
+                elm.removeAttribute(memberName);
+            }
+        }
+        else if ((!isProp || (flags & 4 /* isHost */) || isSvg) && !isComplex) {
+            newValue = newValue === true ? '' : newValue.toString();
+            if (isXlinkNs) {
+                elm.setAttributeNS(XLINK_NS, toLowerCase(memberName), newValue);
+            }
+            else {
+                elm.setAttribute(memberName, newValue);
+            }
+        }
+    }
+};
+const parseClassList = (value) => (!value) ? [] : value.split(/\s+/).filter(c => c);
+
+const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
+    // if the element passed in is a shadow root, which is a document fragment
+    // then we want to be adding attrs/props to the shadow root's "host" element
+    // if it's not a shadow root, then we add attrs/props to the same element
+    const elm = (newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host) ? newVnode.$elm$.host : newVnode.$elm$;
+    const oldVnodeAttrs = (oldVnode && oldVnode.$attrs$) || EMPTY_OBJ;
+    const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
+    {
+        // remove attributes no longer present on the vnode by setting them to undefined
+        for (memberName in oldVnodeAttrs) {
+            if (!(memberName in newVnodeAttrs)) {
+                setAccessor(elm, memberName, oldVnodeAttrs[memberName], undefined, isSvgMode, newVnode.$flags$);
+            }
+        }
+    }
+    // add new & update changed attributes
+    for (memberName in newVnodeAttrs) {
+        setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode, newVnode.$flags$);
+    }
+};
+
+let scopeId;
+let contentRef;
+let hostTagName;
+let useNativeShadowDom = false;
+let checkSlotFallbackVisibility = false;
+let checkSlotRelocate = false;
+let isSvgMode = false;
+const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
+    // tslint:disable-next-line: prefer-const
+    let newVNode = newParentVNode.$children$[childIndex];
+    let i = 0;
+    let elm;
+    let childNode;
+    let oldVNode;
+    if ( !useNativeShadowDom) {
+        // remember for later we need to check to relocate nodes
+        checkSlotRelocate = true;
+        if (newVNode.$tag$ === 'slot') {
+            if (scopeId) {
+                // scoped css needs to add its scoped id to the parent element
+                parentElm.classList.add(scopeId + '-s');
+            }
+            if (!newVNode.$children$) {
+                // slot element does not have fallback content
+                // create an html comment we'll use to always reference
+                // where actual slot content should sit next to
+                newVNode.$flags$ |= 1 /* isSlotReference */;
+            }
+            else {
+                // slot element has fallback content
+                // still create an element that "mocks" the slot element
+                newVNode.$flags$ |= 2 /* isSlotFallback */;
+            }
+        }
+    }
+    if (isDef(newVNode.$text$)) {
+        // create text node
+        newVNode.$elm$ = doc.createTextNode(newVNode.$text$);
+    }
+    else if ( newVNode.$flags$ & 1 /* isSlotReference */) {
+        // create a slot reference node
+        newVNode.$elm$ =  doc.createComment(`slot-reference:${hostTagName}`) ;
+    }
+    else {
+        // create element
+        elm = newVNode.$elm$ = (( (isSvgMode || newVNode.$tag$ === 'svg'))
+            ? doc.createElementNS(SVG_NS, newVNode.$tag$)
+            : doc.createElement(( newVNode.$flags$ & 2 /* isSlotFallback */) ? 'slot-fb' : newVNode.$tag$));
+        {
+            isSvgMode = newVNode.$tag$ === 'svg' ? true : (newVNode.$tag$ === 'foreignObject' ? false : isSvgMode);
+        }
+        // add css classes, attrs, props, listeners, etc.
+        {
+            updateElement(null, newVNode, isSvgMode);
+        }
+        if ( isDef(scopeId) && elm['s-si'] !== scopeId) {
+            // if there is a scopeId and this is the initial render
+            // then let's add the scopeId as a css class
+            elm.classList.add((elm['s-si'] = scopeId));
+        }
+        if (newVNode.$children$) {
+            for (i = 0; i < newVNode.$children$.length; ++i) {
+                // create the node
+                childNode = createElm(oldParentVNode, newVNode, i, elm);
+                // return node could have been null
+                if (childNode) {
+                    // append our new node
+                    elm.appendChild(childNode);
+                }
+            }
+        }
+        {
+            if (newVNode.$tag$ === 'svg') {
+                // Only reset the SVG context when we're exiting <svg> element
+                isSvgMode = false;
+            }
+            else if (newVNode.$elm$.tagName === 'foreignObject') {
+                // Reenter SVG context when we're exiting <foreignObject> element
+                isSvgMode = true;
+            }
+        }
+    }
+    {
+        newVNode.$elm$['s-hn'] = hostTagName;
+        if (newVNode.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
+            // remember the content reference comment
+            newVNode.$elm$['s-sr'] = true;
+            // remember the content reference comment
+            newVNode.$elm$['s-cr'] = contentRef;
+            // remember the slot name, or empty string for default slot
+            newVNode.$elm$['s-sn'] = newVNode.$name$ || '';
+            // check if we've got an old vnode for this slot
+            oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
+            if (oldVNode && oldVNode.$tag$ === newVNode.$tag$ && oldParentVNode.$elm$) {
+                // we've got an old slot vnode and the wrapper is being replaced
+                // so let's move the old slot content back to it's original location
+                putBackInOriginalLocation(oldParentVNode.$elm$, false);
+            }
+        }
+    }
+    return newVNode.$elm$;
+};
+const putBackInOriginalLocation = (parentElm, recursive) => {
+    plt.$flags$ |= 1 /* isTmpDisconnected */;
+    const oldSlotChildNodes = parentElm.childNodes;
+    for (let i = oldSlotChildNodes.length - 1; i >= 0; i--) {
+        const childNode = oldSlotChildNodes[i];
+        if (childNode['s-hn'] !== hostTagName && childNode['s-ol']) {
+            // // this child node in the old element is from another component
+            // // remove this node from the old slot's parent
+            // childNode.remove();
+            // and relocate it back to it's original location
+            parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));
+            // remove the old original location comment entirely
+            // later on the patch function will know what to do
+            // and move this to the correct spot in need be
+            childNode['s-ol'].remove();
+            childNode['s-ol'] = undefined;
+            checkSlotRelocate = true;
+        }
+        if (recursive) {
+            putBackInOriginalLocation(childNode, recursive);
+        }
+    }
+    plt.$flags$ &= ~1 /* isTmpDisconnected */;
+};
+const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
+    let containerElm = (( parentElm['s-cr'] && parentElm['s-cr'].parentNode) || parentElm);
+    let childNode;
+    if ( containerElm.shadowRoot && toLowerCase(containerElm.tagName) === hostTagName) {
+        containerElm = containerElm.shadowRoot;
+    }
+    for (; startIdx <= endIdx; ++startIdx) {
+        if (vnodes[startIdx]) {
+            childNode = createElm(null, parentVNode, startIdx, parentElm);
+            if (childNode) {
+                vnodes[startIdx].$elm$ = childNode;
+                containerElm.insertBefore(childNode,  referenceNode(before) );
+            }
+        }
+    }
+};
+const removeVnodes = (vnodes, startIdx, endIdx, elm) => {
+    for (; startIdx <= endIdx; ++startIdx) {
+        if (isDef(vnodes[startIdx])) {
+            elm = vnodes[startIdx].$elm$;
+            callNodeRefs(vnodes[startIdx], true);
+            {
+                // we're removing this element
+                // so it's possible we need to show slot fallback content now
+                checkSlotFallbackVisibility = true;
+                if (elm['s-ol']) {
+                    // remove the original location comment
+                    elm['s-ol'].remove();
+                }
+                else {
+                    // it's possible that child nodes of the node
+                    // that's being removed are slot nodes
+                    putBackInOriginalLocation(elm, true);
+                }
+            }
+            // remove the vnode's element from the dom
+            elm.remove();
+        }
+    }
+};
+const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
+    let oldStartIdx = 0;
+    let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
+    let oldEndIdx = oldCh.length - 1;
+    let oldStartVnode = oldCh[0];
+    let oldEndVnode = oldCh[oldEndIdx];
+    let newEndIdx = newCh.length - 1;
+    let newStartVnode = newCh[0];
+    let newEndVnode = newCh[newEndIdx];
+    let node;
+    let elmToMove;
+    while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+        if (oldStartVnode == null) {
+            // Vnode might have been moved left
+            oldStartVnode = oldCh[++oldStartIdx];
+        }
+        else if (oldEndVnode == null) {
+            oldEndVnode = oldCh[--oldEndIdx];
+        }
+        else if (newStartVnode == null) {
+            newStartVnode = newCh[++newStartIdx];
+        }
+        else if (newEndVnode == null) {
+            newEndVnode = newCh[--newEndIdx];
+        }
+        else if (isSameVnode(oldStartVnode, newStartVnode)) {
+            patch(oldStartVnode, newStartVnode);
+            oldStartVnode = oldCh[++oldStartIdx];
+            newStartVnode = newCh[++newStartIdx];
+        }
+        else if (isSameVnode(oldEndVnode, newEndVnode)) {
+            patch(oldEndVnode, newEndVnode);
+            oldEndVnode = oldCh[--oldEndIdx];
+            newEndVnode = newCh[--newEndIdx];
+        }
+        else if (isSameVnode(oldStartVnode, newEndVnode)) {
+            // Vnode moved right
+            if ( (oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
+                putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
+            }
+            patch(oldStartVnode, newEndVnode);
+            parentElm.insertBefore(oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+            oldStartVnode = oldCh[++oldStartIdx];
+            newEndVnode = newCh[--newEndIdx];
+        }
+        else if (isSameVnode(oldEndVnode, newStartVnode)) {
+            // Vnode moved left
+            if ( (oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
+                putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
+            }
+            patch(oldEndVnode, newStartVnode);
+            parentElm.insertBefore(oldEndVnode.$elm$, oldStartVnode.$elm$);
+            oldEndVnode = oldCh[--oldEndIdx];
+            newStartVnode = newCh[++newStartIdx];
+        }
+        else {
+            // createKeyToOldIdx
+            idxInOld = -1;
+            {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && isDef(oldCh[i].$key$) && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if ( idxInOld >= 0) {
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld, parentElm);
+                }
+                else {
+                    patch(elmToMove, newStartVnode);
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
+                // new element
+                node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx, parentElm);
+                newStartVnode = newCh[++newStartIdx];
+            }
+            if (node) {
+                {
+                    parentReferenceNode(oldStartVnode.$elm$).insertBefore(node, referenceNode(oldStartVnode.$elm$));
+                }
+            }
+        }
+    }
+    if (oldStartIdx > oldEndIdx) {
+        addVnodes(parentElm, (newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$), newVNode, newCh, newStartIdx, newEndIdx);
+    }
+    else if ( newStartIdx > newEndIdx) {
+        removeVnodes(oldCh, oldStartIdx, oldEndIdx);
+    }
+};
+const isSameVnode = (vnode1, vnode2) => {
+    // compare if two vnode to see if they're "technically" the same
+    // need to have the same element tag, and same key to be the same
+    if (vnode1.$tag$ === vnode2.$tag$) {
+        if ( vnode1.$tag$ === 'slot') {
+            return vnode1.$name$ === vnode2.$name$;
+        }
+        {
+            return vnode1.$key$ === vnode2.$key$;
+        }
+        return true;
+    }
+    return false;
+};
+const referenceNode = (node) => {
+    // this node was relocated to a new location in the dom
+    // because of some other component's slot
+    // but we still have an html comment in place of where
+    // it's original location was according to it's original vdom
+    return (node && node['s-ol']) || node;
+};
+const parentReferenceNode = (node) => (node['s-ol'] ? node['s-ol'] : node).parentNode;
+const patch = (oldVNode, newVNode) => {
+    const elm = newVNode.$elm$ = oldVNode.$elm$;
+    const oldChildren = oldVNode.$children$;
+    const newChildren = newVNode.$children$;
+    let defaultHolder;
+    {
+        // test if we're rendering an svg element, or still rendering nodes inside of one
+        // only add this to the when the compiler sees we're using an svg somewhere
+        isSvgMode = elm &&
+            isDef(elm.parentNode) &&
+            elm.ownerSVGElement !== undefined;
+        isSvgMode = newVNode.$tag$ === 'svg' ? true : (newVNode.$tag$ === 'foreignObject' ? false : isSvgMode);
+    }
+    if (!isDef(newVNode.$text$)) {
+        // element node
+        {
+            if ( newVNode.$tag$ === 'slot') ;
+            else {
+                // either this is the first render of an element OR it's an update
+                // AND we already know it's possible it could have changed
+                // this updates the element's css classes, attrs, props, listeners, etc.
+                updateElement(oldVNode, newVNode, isSvgMode);
+            }
+        }
+        if ( isDef(oldChildren) && isDef(newChildren)) {
+            // looks like there's child vnodes for both the old and new vnodes
+            updateChildren(elm, oldChildren, newVNode, newChildren);
+        }
+        else if (isDef(newChildren)) {
+            // no old child vnodes, but there are new child vnodes to add
+            if ( isDef(oldVNode.$text$)) {
+                // the old vnode was text, so be sure to clear it out
+                elm.textContent = '';
+            }
+            // add the new vnode children
+            addVnodes(elm, null, newVNode, newChildren, 0, newChildren.length - 1);
+        }
+        else if ( isDef(oldChildren)) {
+            // no new child vnodes, but there are old child vnodes to remove
+            removeVnodes(oldChildren, 0, oldChildren.length - 1);
+        }
+    }
+    else if ( (defaultHolder = elm['s-cr'])) {
+        // this element has slotted content
+        defaultHolder.parentNode.textContent = newVNode.$text$;
+    }
+    else if ( oldVNode.$text$ !== newVNode.$text$) {
+        // update the text content for the text only vnode
+        // and also only if the text is different than before
+        elm.textContent = newVNode.$text$;
+    }
+    if ( isSvgMode && newVNode.$tag$ === 'svg') {
+        isSvgMode = false;
+    }
+};
+const updateFallbackSlotVisibility = (elm, childNode, childNodes, i, ilen, j, slotNameAttr, nodeType) => {
+    childNodes = elm.childNodes;
+    for (i = 0, ilen = childNodes.length; i < ilen; i++) {
+        childNode = childNodes[i];
+        if (childNode.nodeType === 1 /* ElementNode */) {
+            if (childNode['s-sr']) {
+                // this is a slot fallback node
+                // get the slot name for this slot reference node
+                slotNameAttr = childNode['s-sn'];
+                // by default always show a fallback slot node
+                // then hide it if there are other slots in the light dom
+                childNode.hidden = false;
+                for (j = 0; j < ilen; j++) {
+                    if (childNodes[j]['s-hn'] !== childNode['s-hn']) {
+                        // this sibling node is from a different component
+                        nodeType = childNodes[j].nodeType;
+                        if (slotNameAttr !== '') {
+                            // this is a named fallback slot node
+                            if (nodeType === 1 /* ElementNode */ && slotNameAttr === childNodes[j].getAttribute('slot')) {
+                                childNode.hidden = true;
+                                break;
+                            }
+                        }
+                        else {
+                            // this is a default fallback slot node
+                            // any element or text node (with content)
+                            // should hide the default fallback slot node
+                            if (nodeType === 1 /* ElementNode */ || (nodeType === 3 /* TextNode */ && childNodes[j].textContent.trim() !== '')) {
+                                childNode.hidden = true;
+                                break;
+                            }
+                        }
+                    }
+                }
+            }
+            // keep drilling down
+            updateFallbackSlotVisibility(childNode);
+        }
+    }
+};
+const relocateNodes = [];
+const relocateSlotContent = (elm) => {
+    // tslint:disable-next-line: prefer-const
+    let childNodes = elm.childNodes;
+    let ilen = childNodes.length;
+    let i = 0;
+    let j = 0;
+    let nodeType = 0;
+    let childNode;
+    let node;
+    let hostContentNodes;
+    let slotNameAttr;
+    for (ilen = childNodes.length; i < ilen; i++) {
+        childNode = childNodes[i];
+        if (childNode['s-sr'] && (node = childNode['s-cr'])) {
+            // first got the content reference comment node
+            // then we got it's parent, which is where all the host content is in now
+            hostContentNodes = node.parentNode.childNodes;
+            slotNameAttr = childNode['s-sn'];
+            for (j = hostContentNodes.length - 1; j >= 0; j--) {
+                node = hostContentNodes[j];
+                if (!node['s-cn'] && !node['s-nr'] && node['s-hn'] !== childNode['s-hn']) {
+                    // let's do some relocating to its new home
+                    // but never relocate a content reference node
+                    // that is suppose to always represent the original content location
+                    nodeType = node.nodeType;
+                    if (((nodeType === 3 /* TextNode */ || nodeType === 8 /* CommentNode */) && slotNameAttr === '') ||
+                        (nodeType === 1 /* ElementNode */ && node.getAttribute('slot') === null && slotNameAttr === '') ||
+                        (nodeType === 1 /* ElementNode */ && node.getAttribute('slot') === slotNameAttr)) {
+                        // it's possible we've already decided to relocate this node
+                        if (!relocateNodes.some(r => r.$nodeToRelocate$ === node)) {
+                            // made some changes to slots
+                            // let's make sure we also double check
+                            // fallbacks are correctly hidden or shown
+                            checkSlotFallbackVisibility = true;
+                            node['s-sn'] = slotNameAttr;
+                            // add to our list of nodes to relocate
+                            relocateNodes.push({
+                                $slotRefNode$: childNode,
+                                $nodeToRelocate$: node
+                            });
+                        }
+                    }
+                }
+            }
+        }
+        if (childNode.nodeType === 1 /* ElementNode */) {
+            relocateSlotContent(childNode);
+        }
+    }
+};
+const callNodeRefs = (vNode, isDestroy) => {
+    if ( vNode) {
+        vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(isDestroy ? null : vNode.$elm$);
+        vNode.$children$ && vNode.$children$.forEach(vChild => {
+            callNodeRefs(vChild, isDestroy);
+        });
+    }
+};
+const renderVdom = (hostElm, hostRef, cmpMeta, renderFnResults) => {
+    hostTagName = toLowerCase(hostElm.tagName);
+    const oldVNode = hostRef.$vnode$ || { $flags$: 0 };
+    const rootVnode = isHost(renderFnResults)
+        ? renderFnResults
+        : h(null, null, renderFnResults);
+    if ( cmpMeta.$attrsToReflect$) {
+        rootVnode.$attrs$ = rootVnode.$attrs$ || {};
+        cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]);
+    }
+    rootVnode.$tag$ = null;
+    rootVnode.$flags$ |= 4 /* isHost */;
+    hostRef.$vnode$ = rootVnode;
+    rootVnode.$elm$ = oldVNode.$elm$ = ( hostElm.shadowRoot || hostElm );
+    {
+        scopeId = hostElm['s-sc'];
+    }
+    {
+        contentRef = hostElm['s-cr'];
+        useNativeShadowDom = supportsShadowDom ;
+        // always reset
+        checkSlotRelocate = checkSlotFallbackVisibility = false;
+    }
+    // synchronous patch
+    patch(oldVNode, rootVnode);
+    {
+        if (checkSlotRelocate) {
+            relocateSlotContent(rootVnode.$elm$);
+            for (let i = 0; i < relocateNodes.length; i++) {
+                const relocateNode = relocateNodes[i];
+                if (!relocateNode.$nodeToRelocate$['s-ol']) {
+                    // add a reference node marking this node's original location
+                    // keep a reference to this node for later lookups
+                    const orgLocationNode =  doc.createComment(`org-loc`)
+                        ;
+                    orgLocationNode['s-nr'] = relocateNode.$nodeToRelocate$;
+                    relocateNode.$nodeToRelocate$.parentNode.insertBefore((relocateNode.$nodeToRelocate$['s-ol'] = orgLocationNode), relocateNode.$nodeToRelocate$);
+                }
+            }
+            // while we're moving nodes around existing nodes, temporarily disable
+            // the disconnectCallback from working
+            plt.$flags$ |= 1 /* isTmpDisconnected */;
+            for (let i = 0; i < relocateNodes.length; i++) {
+                const relocateNode = relocateNodes[i];
+                // by default we're just going to insert it directly
+                // after the slot reference node
+                const parentNodeRef = relocateNode.$slotRefNode$.parentNode;
+                let insertBeforeNode = relocateNode.$slotRefNode$.nextSibling;
+                let orgLocationNode = relocateNode.$nodeToRelocate$['s-ol'];
+                while (orgLocationNode = orgLocationNode.previousSibling) {
+                    let refNode = orgLocationNode['s-nr'];
+                    if (refNode &&
+                        refNode['s-sn'] === relocateNode.$nodeToRelocate$['s-sn'] &&
+                        parentNodeRef === refNode.parentNode) {
+                        refNode = refNode.nextSibling;
+                        if (!refNode || !refNode['s-nr']) {
+                            insertBeforeNode = refNode;
+                            break;
+                        }
+                    }
+                }
+                if ((!insertBeforeNode && parentNodeRef !== relocateNode.$nodeToRelocate$.parentNode) ||
+                    (relocateNode.$nodeToRelocate$.nextSibling !== insertBeforeNode)) {
+                    // we've checked that it's worth while to relocate
+                    // since that the node to relocate
+                    // has a different next sibling or parent relocated
+                    if (relocateNode.$nodeToRelocate$ !== insertBeforeNode) {
+                        // add it back to the dom but in its new home
+                        parentNodeRef.insertBefore(relocateNode.$nodeToRelocate$, insertBeforeNode);
+                    }
+                }
+            }
+            // done moving nodes around
+            // allow the disconnect callback to work again
+            plt.$flags$ &= ~1 /* isTmpDisconnected */;
+        }
+        if (checkSlotFallbackVisibility) {
+            updateFallbackSlotVisibility(rootVnode.$elm$);
+        }
+        // always reset
+        relocateNodes.length = 0;
+    }
+};
+
+const scheduleUpdate = (elm, hostRef, cmpMeta, isInitialLoad) => {
+    {
+        hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
+    }
+    const instance =  hostRef.$lazyInstance$ ;
+    let promise;
+    if (isInitialLoad) {
+        {
+            hostRef.$flags$ |= 256 /* isListenReady */;
+        }
+        if ( hostRef.$queuedListeners$) {
+            hostRef.$queuedListeners$.forEach(([methodName, event]) => safeCall(instance, methodName, event));
+            hostRef.$queuedListeners$ = null;
+        }
+        {
+            promise = safeCall(instance, 'componentWillLoad');
+        }
+    }
+    else {
+        {
+            promise = safeCall(instance, 'componentWillUpdate');
+        }
+    }
+    {
+        promise = then(promise, () => safeCall(instance, 'componentWillRender'));
+    }
+    // there is no ancestorc omponent or the ancestor component
+    // has already fired off its lifecycle update then
+    // fire off the initial update
+    const update = () => updateComponent(elm, hostRef, cmpMeta, instance, isInitialLoad);
+    return then(promise,  () => writeTask(update)
+        );
+};
+const updateComponent = (elm, hostRef, cmpMeta, instance, isInitialLoad) => {
+    // updateComponent
+    {
+        hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
+    }
+    {
+        elm['s-lr'] = false;
+    }
+    if ( isInitialLoad) {
+        // DOM WRITE!
+        attachStyles(elm, cmpMeta);
+    }
+    {
+        {
+            // tell the platform we're actively rendering
+            // if a value is changed within a render() then
+            // this tells the platform not to queue the change
+            hostRef.$flags$ |= 4 /* isActiveRender */;
+            try {
+                // looks like we've got child nodes to render into this host element
+                // or we need to update the css class/attrs on the host element
+                // DOM WRITE!
+                renderVdom(elm, hostRef, cmpMeta,  instance.render() );
+            }
+            catch (e) {
+                consoleError(e);
+            }
+            hostRef.$flags$ &= ~4 /* isActiveRender */;
+        }
+    }
+    {
+        try {
+            // manually connected child components during server-side hydrate
+            serverSideConnected(elm);
+            if (isInitialLoad && (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+                // using only during server-side hydrate
+                elm['s-sd'] = true;
+            }
+        }
+        catch (e) {
+            consoleError(e);
+        }
+    }
+    // set that this component lifecycle rendering has completed
+    {
+        elm['s-lr'] = true;
+    }
+    {
+        hostRef.$flags$ |= 2 /* hasRendered */;
+    }
+    if ( elm['s-rc'].length > 0) {
+        // ok, so turns out there are some child host elements
+        // waiting on this parent element to load
+        // let's fire off all update callbacks waiting
+        elm['s-rc'].forEach(cb => cb());
+        elm['s-rc'].length = 0;
+    }
+    postUpdateComponent(elm, hostRef);
+};
+const postUpdateComponent = (elm, hostRef, ancestorsActivelyLoadingChildren) => {
+    if ( !elm['s-al']) {
+        const instance =  hostRef.$lazyInstance$ ;
+        const ancestorComponent = hostRef.$ancestorComponent$;
+        {
+            safeCall(instance, 'componentDidRender');
+        }
+        if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
+            hostRef.$flags$ |= 64 /* hasLoadedComponent */;
+            {
+                // DOM WRITE!
+                // add the css class that this element has officially hydrated
+                elm.classList.add(HYDRATED_CLASS);
+            }
+            {
+                safeCall(instance, 'componentDidLoad');
+            }
+            {
+                hostRef.$onReadyResolve$(elm);
+            }
+            if ( !ancestorComponent) {
+                appDidLoad();
+            }
+        }
+        // load events fire from bottom to top
+        // the deepest elements load first then bubbles up
+        if ( ancestorComponent) {
+            // ok so this element already has a known ancestor component
+            // let's make sure we remove this element from its ancestor's
+            // known list of child elements which are actively loading
+            if (ancestorsActivelyLoadingChildren = ancestorComponent['s-al']) {
+                // remove this element from the actively loading map
+                ancestorsActivelyLoadingChildren.delete(elm);
+                // the ancestor's initializeComponent method will do the actual checks
+                // to see if the ancestor is actually loaded or not
+                // then let's call the ancestor's initializeComponent method if there's no length
+                // (which actually ends up as this method again but for the ancestor)
+                if (ancestorsActivelyLoadingChildren.size === 0) {
+                    ancestorComponent['s-al'] = undefined;
+                    ancestorComponent['s-init']();
+                }
+            }
+            hostRef.$ancestorComponent$ = undefined;
+        }
+        // ( •_•)
+        // ( •_•)>⌐■-■
+        // (⌐■_■)
+    }
+};
+const appDidLoad = () => {
+    // on appload
+    // we have finish the first big initial render
+    {
+        doc.documentElement.classList.add(HYDRATED_CLASS);
+    }
+};
+const safeCall = (instance, method, arg) => {
+    if (instance && instance[method]) {
+        try {
+            return instance[method](arg);
+        }
+        catch (e) {
+            consoleError(e);
+        }
+    }
+    return undefined;
+};
+const then = (promise, thenFn) => {
+    return promise && promise.then ? promise.then(thenFn) : thenFn();
+};
+const serverSideConnected = (elm) => {
+    const children = elm.children;
+    if (children != null) {
+        for (let i = 0, ii = children.length; i < ii; i++) {
+            const childElm = children[i];
+            if (typeof childElm.connectedCallback === 'function') {
+                childElm.connectedCallback();
+            }
+            serverSideConnected(childElm);
+        }
+    }
+};
+
+const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
+const setValue = (ref, propName, newVal, cmpMeta) => {
+    // check our new property value against our internal value
+    const hostRef = getHostRef(ref);
+    const elm =  hostRef.$hostElement$ ;
+    const oldVal = hostRef.$instanceValues$.get(propName);
+    const flags = hostRef.$flags$;
+    newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
+    if (newVal !== oldVal && ( !(flags & 8 /* isConstructingInstance */) || oldVal === undefined)) {
+        // gadzooks! the property's value has changed!!
+        // set our new value!
+        hostRef.$instanceValues$.set(propName, newVal);
+        if ( hostRef.$lazyInstance$) {
+            // get an array of method names of watch functions to call
+            if ( cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+                const watchMethods = cmpMeta.$watchers$[propName];
+                if (watchMethods) {
+                    // this instance is watching for when this property changed
+                    watchMethods.forEach(watchMethodName => {
+                        try {
+                            // fire off each of the watch methods that are watching this property
+                            ( hostRef.$lazyInstance$ )[watchMethodName].call(( hostRef.$lazyInstance$ ), newVal, oldVal, propName);
+                        }
+                        catch (e) {
+                            consoleError(e);
+                        }
+                    });
+                }
+            }
+            if ( (flags & (4 /* isActiveRender */ | 2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+                // looks like this value actually changed, so we've got work to do!
+                // but only if we've already rendered, otherwise just chill out
+                // queue that we need to do an update, but don't worry about queuing
+                // up millions cuz this function ensures it only runs once
+                scheduleUpdate(elm, hostRef, cmpMeta, false);
+            }
+        }
+    }
+};
+
+const proxyComponent = (Cstr, cmpMeta, flags) => {
+    if ( cmpMeta.$members$) {
+        if ( Cstr.watchers) {
+            cmpMeta.$watchers$ = Cstr.watchers;
+        }
+        // It's better to have a const than two Object.entries()
+        const members = Object.entries(cmpMeta.$members$);
+        const prototype = Cstr.prototype;
+        members.forEach(([memberName, [memberFlags]]) => {
+            if ( ((memberFlags & 31 /* Prop */) ||
+                (( flags & 2 /* proxyState */) &&
+                    (memberFlags & 32 /* State */)))) {
+                // proxyComponent - prop
+                Object.defineProperty(prototype, memberName, {
+                    get() {
+                        // proxyComponent, get value
+                        return getValue(this, memberName);
+                    },
+                    set(newValue) {
+                        // proxyComponent, set value
+                        setValue(this, memberName, newValue, cmpMeta);
+                    },
+                    configurable: true,
+                    enumerable: true
+                });
+            }
+            else if ( (flags & 1 /* isElementConstructor */) && (memberFlags & 64 /* Method */)) {
+                // proxyComponent - method
+                Object.defineProperty(prototype, memberName, {
+                    value(...args) {
+                        const ref = getHostRef(this);
+                        return ref.$onReadyPromise$.then(() => ref.$lazyInstance$[memberName](...args));
+                    }
+                });
+            }
+        });
+        if ( ( flags & 1 /* isElementConstructor */)) {
+            const attrNameToPropName = new Map();
+            prototype.attributeChangedCallback = function (attrName, _oldValue, newValue) {
+                plt.jmp(() => {
+                    const propName = attrNameToPropName.get(attrName);
+                    this[propName] = newValue === null && typeof this[propName] === 'boolean'
+                        ? false
+                        : newValue;
+                });
+            };
+            // create an array of attributes to observe
+            // and also create a map of html attribute name to js property name
+            Cstr.observedAttributes = members
+                .filter(([_, m]) => m[0] & 15 /* HasAttribute */) // filter to only keep props that should match attributes
+                .map(([propName, m]) => {
+                const attrName = m[1] || propName;
+                attrNameToPropName.set(attrName, propName);
+                if ( m[0] & 512 /* ReflectAttr */) {
+                    cmpMeta.$attrsToReflect$.push([propName, attrName]);
+                }
+                return attrName;
+            });
+        }
+    }
+    return Cstr;
+};
+
+const addEventListeners = (elm, hostRef, listeners) => {
+    hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || [];
+    const removeFns = listeners.map(([flags, name, method]) => {
+        const target = ( getHostListenerTarget(elm, flags) );
+        const handler = hostListenerProxy(hostRef, method);
+        const opts = hostListenerOpts(flags);
+        plt.ael(target, name, handler, opts);
+        return () => plt.rel(target, name, handler, opts);
+    });
+    return () => removeFns.forEach(fn => fn());
+};
+const hostListenerProxy = (hostRef, methodName) => {
+    return (ev) => {
+        {
+            if (hostRef.$flags$ & 256 /* isListenReady */) {
+                // instance is ready, let's call it's member method for this event
+                hostRef.$lazyInstance$[methodName](ev);
+            }
+            else {
+                hostRef.$queuedListeners$.push([methodName, ev]);
+            }
+        }
+    };
+};
+const getHostListenerTarget = (elm, flags) => {
+    if ( flags & 32 /* TargetBody */)
+        return doc.body;
+    if ( flags & 16 /* TargetParent */)
+        return elm.parentElement;
+    return elm;
+};
+const hostListenerOpts = (flags) =>  (flags & 2 /* Capture */) !== 0;
+
+const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) => {
+    // initializeComponent
+    if ( (hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+        // we haven't initialized this element yet
+        hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+        if ( hostRef.$modeName$) {
+            elm.setAttribute('s-mode', hostRef.$modeName$);
+        }
+        {
+            // lazy loaded components
+            // request the component's implementation to be
+            // wired up with the host element
+            Cstr = loadModule(cmpMeta);
+            if (Cstr.then) {
+                // Await creates a micro-task avoid if possible
+                Cstr = await Cstr;
+            }
+            if ( !Cstr.isProxied) {
+                // we'eve never proxied this Constructor before
+                // let's add the getters/setters to its prototype before
+                // the first time we create an instance of the implementation
+                {
+                    cmpMeta.$watchers$ = Cstr.watchers;
+                }
+                proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+                Cstr.isProxied = true;
+            }
+            // ok, time to construct the instance
+            // but let's keep track of when we start and stop
+            // so that the getters/setters don't incorrectly step on data
+            {
+                hostRef.$flags$ |= 8 /* isConstructingInstance */;
+            }
+            // construct the lazy-loaded component implementation
+            // passing the hostRef is very important during
+            // construction in order to directly wire together the
+            // host element and the lazy-loaded instance
+            try {
+                new Cstr(hostRef);
+            }
+            catch (e) {
+                consoleError(e);
+            }
+            {
+                hostRef.$flags$ &= ~8 /* isConstructingInstance */;
+            }
+            {
+                hostRef.$flags$ |= 128 /* isWatchReady */;
+            }
+            fireConnectedCallback(hostRef.$lazyInstance$);
+        }
+        if ( !Cstr.$isStyleRegistered$ && Cstr.style) {
+            // this component has styles but we haven't registered them yet
+            let style = Cstr.style;
+            let scopeId = getScopeId(cmpMeta.$tagName$);
+            registerStyle(scopeId, style);
+            Cstr.$isStyleRegistered$ = true;
+        }
+    }
+    // we've successfully created a lazy instance
+    const ancestorComponent = hostRef.$ancestorComponent$;
+    const schedule = () => scheduleUpdate(elm, hostRef, cmpMeta, true);
+    if ( ancestorComponent && ancestorComponent['s-lr'] === false && ancestorComponent['s-rc']) {
+        // this is the intial load and this component it has an ancestor component
+        // but the ancestor component has NOT fired its will update lifecycle yet
+        // so let's just cool our jets and wait for the ancestor to continue first
+        // this will get fired off when the ancestor component
+        // finally gets around to rendering its lazy self
+        // fire off the initial update
+        ancestorComponent['s-rc'].push(schedule);
+    }
+    else {
+        schedule();
+    }
+};
+
+const fireConnectedCallback = (instance) => {
+    {
+        safeCall(instance, 'connectedCallback');
+    }
+};
+const connectedCallback = (elm, cmpMeta) => {
+    if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
+        // connectedCallback
+        const hostRef = getHostRef(elm);
+        if ( cmpMeta.$listeners$) {
+            // initialize our event listeners on the host element
+            // we do this now so that we can listening to events that may
+            // have fired even before the instance is ready
+            hostRef.$rmListeners$ = addEventListeners(elm, hostRef, cmpMeta.$listeners$);
+        }
+        if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
+            // first time this component has connected
+            hostRef.$flags$ |= 1 /* hasConnected */;
+            let hostId;
+            if ( !hostId) {
+                // initUpdate
+                // if the slot polyfill is required we'll need to put some nodes
+                // in here to act as original content anchors as we move nodes around
+                // host element has been connected to the DOM
+                {
+                    setContentReference(elm);
+                }
+            }
+            {
+                // find the first ancestor component (if there is one) and register
+                // this component as one of the actively loading child components for its ancestor
+                let ancestorComponent = elm;
+                while ((ancestorComponent = (ancestorComponent.parentNode || ancestorComponent.host))) {
+                    // climb up the ancestors looking for the first
+                    // component that hasn't finished its lifecycle update yet
+                    if ( (ancestorComponent['s-init'] && ancestorComponent['s-lr'] === false)) {
+                        // we found this components first ancestor component
+                        // keep a reference to this component's ancestor component
+                        hostRef.$ancestorComponent$ = ancestorComponent;
+                        // ensure there is an array to contain a reference to each of the child components
+                        // and set this component as one of the ancestor's child components it should wait on
+                        (ancestorComponent['s-al'] = ancestorComponent['s-al'] || new Set()).add(elm);
+                        break;
+                    }
+                }
+            }
+            {
+                // connectedCallback, taskQueue, initialLoad
+                // angular sets attribute AFTER connectCallback
+                // https://github.com/angular/angular/issues/18909
+                // https://github.com/angular/angular/issues/19940
+                nextTick(() => initializeComponent(elm, hostRef, cmpMeta));
+            }
+        }
+        fireConnectedCallback(hostRef.$lazyInstance$);
+    }
+};
+const setContentReference = (elm, contentRefElm) => {
+    // only required when we're NOT using native shadow dom (slot)
+    // or this browser doesn't support native shadow dom
+    // and this host element was NOT created with SSR
+    // let's pick out the inner content for slot projection
+    // create a node to represent where the original
+    // content was first placed, which is useful later on
+    let crName;
+    {
+        crName = '';
+    }
+    contentRefElm = elm['s-cr'] = doc.createComment(crName);
+    contentRefElm['s-cn'] = true;
+    elm.insertBefore(contentRefElm, elm.firstChild);
+};
+
+const createEvent = (ref, name, flags) => {
+    const elm = getElement(ref);
+    return {
+        emit: (detail) => elm.dispatchEvent(new ( win.CustomEvent )(name, {
+            bubbles: !!(flags & 4 /* Bubbles */),
+            composed: !!(flags & 2 /* Composed */),
+            cancelable: !!(flags & 1 /* Cancellable */),
+            detail
+        }))
+    };
+};
+
+const getElement = (ref) =>  getHostRef(ref).$hostElement$ ;
+
+const insertVdomAnnotations = (doc) => {
+    if (doc != null) {
+        const docData = {
+            hostIds: 0,
+            rootLevelIds: 0
+        };
+        const orgLocationNodes = [];
+        parseVNodeAnnotations(doc, doc.body, docData, orgLocationNodes);
+        orgLocationNodes.forEach(orgLocationNode => {
+            if (orgLocationNode != null) {
+                const nodeRef = orgLocationNode['s-nr'];
+                let hostId = nodeRef['s-host-id'];
+                let nodeId = nodeRef['s-node-id'];
+                let childId = `${hostId}.${nodeId}`;
+                if (hostId == null) {
+                    hostId = 0;
+                    docData.rootLevelIds++;
+                    nodeId = docData.rootLevelIds;
+                    childId = `${hostId}.${nodeId}`;
+                    if (nodeRef.nodeType === 1 /* ElementNode */) {
+                        nodeRef.setAttribute(HYDRATE_CHILD_ID, childId);
+                    }
+                    else if (nodeRef.nodeType === 3 /* TextNode */) {
+                        if (hostId === 0) {
+                            const textContent = nodeRef.nodeValue.trim();
+                            if (textContent === '') {
+                                // useless whitespace node at the document root
+                                orgLocationNode.remove();
+                                return;
+                            }
+                        }
+                        const commentBeforeTextNode = doc.createComment(childId);
+                        commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;
+                        nodeRef.parentNode.insertBefore(commentBeforeTextNode, nodeRef);
+                    }
+                }
+                let orgLocationNodeId = `${ORG_LOCATION_ID}.${childId}`;
+                const orgLocationParentNode = orgLocationNode.parentElement;
+                if (orgLocationParentNode && orgLocationParentNode['s-sd']) {
+                    // ending with a . means that the parent element
+                    // of this node's original location is a shadow dom element
+                    // and this node is apart of the root level light dom
+                    orgLocationNodeId += `.`;
+                }
+                orgLocationNode.nodeValue = orgLocationNodeId;
+            }
+        });
+    }
+};
+const parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {
+    if (node == null) {
+        return;
+    }
+    if (node['s-nr'] != null) {
+        orgLocationNodes.push(node);
+    }
+    if (node.nodeType === 1 /* ElementNode */) {
+        node.childNodes.forEach(childNode => {
+            const hostRef = getHostRef(childNode);
+            if (hostRef != null) {
+                const cmpData = {
+                    nodeIds: 0
+                };
+                insertVNodeAnnotations(doc, childNode, hostRef.$vnode$, docData, cmpData);
+            }
+            parseVNodeAnnotations(doc, childNode, docData, orgLocationNodes);
+        });
+    }
+};
+const insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
+    if (vnode != null) {
+        const hostId = ++docData.hostIds;
+        hostElm.setAttribute(HYDRATE_ID, hostId);
+        if (hostElm['s-cr'] != null) {
+            hostElm['s-cr'].nodeValue = `${CONTENT_REF_ID}.${hostId}`;
+        }
+        if (vnode.$children$ != null) {
+            const depth = 0;
+            vnode.$children$.forEach((vnodeChild, index) => {
+                insertChildVNodeAnnotations(doc, vnodeChild, cmpData, hostId, depth, index);
+            });
+        }
+    }
+};
+const insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, index) => {
+    const childElm = vnodeChild.$elm$;
+    if (childElm == null) {
+        return;
+    }
+    const nodeId = cmpData.nodeIds++;
+    const childId = `${hostId}.${nodeId}.${depth}.${index}`;
+    childElm['s-host-id'] = hostId;
+    childElm['s-node-id'] = nodeId;
+    if (childElm.nodeType === 1 /* ElementNode */) {
+        childElm.setAttribute(HYDRATE_CHILD_ID, childId);
+    }
+    else if (childElm.nodeType === 3 /* TextNode */) {
+        const parentNode = childElm.parentNode;
+        if (parentNode.nodeName !== 'STYLE') {
+            const textNodeId = `${TEXT_NODE_ID}.${childId}`;
+            const commentBeforeTextNode = doc.createComment(textNodeId);
+            parentNode.insertBefore(commentBeforeTextNode, childElm);
+        }
+    }
+    else if (childElm.nodeType === 8 /* CommentNode */) {
+        if (childElm['s-sr']) {
+            const slotName = (childElm['s-sn'] || '');
+            const slotNodeId = `${SLOT_NODE_ID}.${childId}.${slotName}`;
+            childElm.nodeValue = slotNodeId;
+        }
+    }
+    if (vnodeChild.$children$ != null) {
+        const childDepth = depth + 1;
+        vnodeChild.$children$.forEach((vnode, index) => {
+            insertChildVNodeAnnotations(doc, vnode, cmpData, hostId, childDepth, index);
+        });
+    }
+};
+
+function proxyHostElement(elm, cmpMeta) {
+    if (typeof elm.componentOnReady !== 'function') {
+        elm.componentOnReady = componentOnReady;
+    }
+    if (typeof elm.forceUpdate !== 'function') {
+        elm.forceUpdate = forceUpdate;
+    }
+    if (cmpMeta.$members$ != null) {
+        const hostRef = getHostRef(elm);
+        const members = Object.entries(cmpMeta.$members$);
+        members.forEach(([memberName, m]) => {
+            const memberFlags = m[0];
+            if (memberFlags & 31) {
+                const attributeName = (m[1] || memberName);
+                const attrValue = elm.getAttribute(attributeName);
+                if (attrValue != null) {
+                    const parsedAttrValue = parsePropertyValue(attrValue, memberFlags);
+                    hostRef.$instanceValues$.set(memberName, parsedAttrValue);
+                }
+                const ownValue = elm[memberName];
+                if (ownValue !== undefined) {
+                    hostRef.$instanceValues$.set(memberName, ownValue);
+                    delete elm[memberName];
+                }
+                Object.defineProperty(elm, memberName, {
+                    get() {
+                        return getValue(this, memberName);
+                    },
+                    set(newValue) {
+                        setValue(this, memberName, newValue, cmpMeta);
+                    },
+                    configurable: true,
+                    enumerable: true
+                });
+            }
+            else if (memberFlags & 64) {
+                Object.defineProperty(elm, memberName, {
+                    value() {
+                        const ref = getHostRef(this);
+                        const args = arguments;
+                        return ref.$onReadyPromise$.then(() => ref.$lazyInstance$[memberName].apply(ref.$lazyInstance$, args)).catch(consoleError);
+                    }
+                });
+            }
+        });
+    }
+}
+function componentOnReady() {
+    return getHostRef(this).$onReadyPromise$;
+}
+function forceUpdate() { }
+
+function hydrateComponent(win, results, tagName, elm, waitPromises) {
+    const Cstr = getComponent(tagName);
+    if (Cstr != null) {
+        const cmpMeta = Cstr.cmpMeta;
+        if (cmpMeta != null) {
+            const hydratePromise = new Promise(async (resolve) => {
+                try {
+                    registerHost(elm);
+                    proxyHostElement(elm, cmpMeta);
+                    connectedCallback(elm, cmpMeta);
+                    await elm.componentOnReady();
+                    results.hydratedCount++;
+                    const ref = getHostRef(elm);
+                    const modeName = !ref.$modeName$ ? '$' : ref.$modeName$;
+                    if (!results.hydratedComponents.some(c => c.tag === tagName && c.mode === modeName)) {
+                        results.hydratedComponents.push({
+                            tag: tagName,
+                            mode: modeName
+                        });
+                    }
+                }
+                catch (e) {
+                    win.console.error(e);
+                }
+                resolve();
+            });
+            waitPromises.push(hydratePromise);
+        }
+    }
+}
+
+function bootstrapHydrate(win, opts, done) {
+    const results = {
+        hydratedCount: 0,
+        hydratedComponents: []
+    };
+    plt.$resourcesUrl$ = new URL(opts.resourcesUrl || './', doc.baseURI).href;
+    try {
+        const connectedElements = new Set();
+        const waitPromises = [];
+        const patchedConnectedCallback = function patchedConnectedCallback() {
+            connectElements(win, opts, results, this, connectedElements, waitPromises);
+        };
+        const patchedComponentInit = function patchedComponentInit() {
+            const hostRef = getHostRef(this);
+            if (hostRef != null) {
+                postUpdateComponent(this, hostRef);
+            }
+        };
+        const patchComponent = function (elm) {
+            const tagName = elm.nodeName.toLowerCase();
+            if (elm.tagName.includes('-')) {
+                const Cstr = getComponent(tagName);
+                if (Cstr != null) {
+                    if (typeof elm.connectedCallback !== 'function') {
+                        elm.connectedCallback = patchedConnectedCallback;
+                    }
+                    if (typeof elm['s-init'] !== 'function') {
+                        elm['s-rc'] = [];
+                        elm['s-init'] = patchedComponentInit;
+                    }
+                }
+            }
+        };
+        let orgDocumentCreateElement = win.document.createElement;
+        win.document.createElement = function patchedCreateElement(tagName) {
+            const elm = orgDocumentCreateElement.call(win.document, tagName);
+            patchComponent(elm);
+            return elm;
+        };
+        const patchChild = (elm) => {
+            if (elm != null && elm.nodeType === 1) {
+                patchComponent(elm);
+                const children = elm.children;
+                for (let i = 0, ii = children.length; i < ii; i++) {
+                    patchChild(children[i]);
+                }
+            }
+        };
+        patchChild(win.document.body);
+        const initConnectElement = (elm) => {
+            if (elm != null && elm.nodeType === 1) {
+                if (typeof elm.connectedCallback === 'function') {
+                    elm.connectedCallback();
+                }
+                const children = elm.children;
+                for (let i = 0, ii = children.length; i < ii; i++) {
+                    initConnectElement(children[i]);
+                }
+            }
+        };
+        initConnectElement(win.document.body);
+        Promise.all(waitPromises)
+            .then(() => {
+            try {
+                waitPromises.length = 0;
+                connectedElements.clear();
+                if (opts.clientHydrateAnnotations) {
+                    insertVdomAnnotations(win.document);
+                }
+                win.document.createElement = orgDocumentCreateElement;
+                win = opts = orgDocumentCreateElement = null;
+            }
+            catch (e) {
+                win.console.error(e);
+            }
+            done(results);
+        })
+            .catch(e => {
+            try {
+                win.console.error(e);
+                waitPromises.length = 0;
+                connectedElements.clear();
+                win.document.createElement = orgDocumentCreateElement;
+                win = opts = orgDocumentCreateElement = null;
+            }
+            catch (e) { }
+            done(results);
+        });
+    }
+    catch (e) {
+        win.console.error(e);
+        win = opts = null;
+        done(results);
+    }
+}
+function connectElements(win, opts, results, elm, connectedElements, waitPromises) {
+    if (elm != null && elm.nodeType === 1 && results.hydratedCount < opts.maxHydrateCount && shouldHydrate(elm)) {
+        const tagName = elm.nodeName.toLowerCase();
+        if (tagName.includes('-') && !connectedElements.has(elm)) {
+            connectedElements.add(elm);
+            hydrateComponent(win, results, tagName, elm, waitPromises);
+        }
+        const children = elm.children;
+        if (children != null) {
+            for (let i = 0, ii = children.length; i < ii; i++) {
+                connectElements(win, opts, results, children[i], connectedElements, waitPromises);
+            }
+        }
+    }
+}
+function shouldHydrate(elm) {
+    if (elm.nodeType === 9) {
+        return true;
+    }
+    if (NO_HYDRATE_TAGS.has(elm.nodeName)) {
+        return false;
+    }
+    if (elm.hasAttribute('no-prerender')) {
+        return false;
+    }
+    const parentNode = elm.parentNode;
+    if (parentNode == null) {
+        return true;
+    }
+    return shouldHydrate(parentNode);
+}
+const NO_HYDRATE_TAGS = new Set([
+    'CODE',
+    'HEAD',
+    'IFRAME',
+    'INPUT',
+    'OBJECT',
+    'OUTPUT',
+    'NOSCRIPT',
+    'PRE',
+    'SCRIPT',
+    'SELECT',
+    'STYLE',
+    'TEMPLATE',
+    'TEXTAREA'
+]);
+
+const cstrs = new Map();
+const loadModule = (cmpMeta, _hostRef, _hmrVersionId) => {
+    return new Promise(resolve => {
+        resolve(cstrs.get(cmpMeta.$tagName$));
+    });
+};
+const getComponent = (tagName) => {
+    return cstrs.get(tagName);
+};
+const isMemberInElement = (elm, memberName) => {
+    if (elm != null) {
+        if (memberName in elm) {
+            return true;
+        }
+        const hostRef = getComponent(elm.nodeName.toLowerCase());
+        if (hostRef != null && hostRef.cmpMeta != null && hostRef.cmpMeta.$members$ != null) {
+            return memberName in hostRef.cmpMeta.$members$;
+        }
+    }
+    return false;
+};
+const registerComponents = (Cstrs) => {
+    Cstrs.forEach(Cstr => {
+        cstrs.set(Cstr.cmpMeta.$tagName$, Cstr);
+    });
+};
+const win = window;
+const doc = win.document;
+const writeTask = (cb) => {
+    process.nextTick(() => {
+        try {
+            cb();
+        }
+        catch (e) {
+            consoleError(e);
+        }
+    });
+};
+const nextTick = (cb) => Promise.resolve().then(cb);
+const consoleError = (e) => {
+    if (e != null) {
+        console.error(e.stack || e.message || e);
+    }
+};
+const plt = {
+    $flags$: 0,
+    $resourcesUrl$: '',
+    jmp: (h) => h(),
+    raf: (h) => requestAnimationFrame(h),
+    ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
+    rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
+};
+const supportsShadowDom = false;
+const hostRefs = new WeakMap();
+const getHostRef = (ref) => hostRefs.get(ref);
+const registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+const registerHost = (elm) => {
+    const hostRef = {
+        $flags$: 0,
+        $hostElement$: elm,
+        $instanceValues$: new Map(),
+    };
+    hostRef.$onReadyPromise$ = new Promise(r => hostRef.$onReadyResolve$ = r);
+    return hostRefs.set(elm, hostRef);
+};
+const styles = new Map();
+
+// File generated automatically by path-data.js, do not edit directly
+const checkCircle24F = "M23 11.5A11.5 11.5 0 1 1 11.5 0 11.5 11.5 0 0 1 23 11.5zm-5.5-6.018l-8.5 8.5-3.5-3.5-2 2L9.018 18l.018-.018L11.018 16l8.5-8.5z";
+const exclamationMarkTriangle24F = "M22.3 19.795l-9-17.901a1.5 1.5 0 0 0-2.597 0L1.7 19.795a1.502 1.502 0 0 0 0 1.502A1.456 1.456 0 0 0 2.998 22H21a1.458 1.458 0 0 0 1.299-.703 1.506 1.506 0 0 0 .001-1.502zM13 19h-2v-2h2zm0-3h-2V8h2z";
+const lightbulb24F = "M11 13h1v4h-1zm3.895 5.45a.311.311 0 0 0-.12-.27l-.232-.18h-6.19l-.232.18a.312.312 0 0 0 .04.518l1.387.771-1.367.76a.311.311 0 0 0-.028.526l3.09 2.18a.356.356 0 0 0 .41 0l3.09-2.18a.311.311 0 0 0-.029-.527l-1.366-.759 1.388-.77a.312.312 0 0 0 .159-.25zM11.59 0l-.173.002L11.244 0a6.2 6.2 0 0 0-6.182 6.698c.31 2.575 2.784 5.207 2.939 6.134.13.78.116 1.844.199 2.472A2.542 2.542 0 0 0 9.088 17H10v-4.412L8.83 9.37l.94-.342L10.85 12h1.3l1.08-2.97.94.341L13 12.588V17h.745a2.542 2.542 0 0 0 .889-1.696c.083-.628.068-1.692.199-2.472.154-.927 2.628-3.559 2.938-6.134A6.2 6.2 0 0 0 11.59 0z";
+const x24 = "M13.207 12.5l7.778 7.778-.707.707-7.778-7.778-7.778 7.778-.707-.707 7.778-7.778-7.778-7.778.707-.707 7.778 7.778 7.778-7.778.707.707z";
+const x32 = "M16.707 16l10.607 10.606-.708.707L16 16.707 5.394 27.313l-.708-.707L15.293 16 4.686 5.394l.708-.707L16 15.293 26.606 4.687l.708.707z";
+
+// turn a domNodeList into an array
+function nodeListToArray(domNodeList) {
+    if (Array.isArray(domNodeList)) {
+        return domNodeList;
+    }
+    else {
+        return Array.prototype.slice.call(domNodeList);
+    }
+}
+function getElementDir(el) {
+    return (el.closest("[dir='rtl']") && "rtl") || "ltr";
+}
+function getElementTheme(el) {
+    return (el.closest("[theme='dark']") && "dark") || "light";
+}
+function hasSlottedContent(el) {
+    const assignedNodes = el && el.assignedNodes();
+    return assignedNodes && assignedNodes.length > 0;
+}
+
+const createProviderConsumer = (defaultState, consumerRender) => {
+    let listeners = new Map();
+    let currentState = defaultState;
+    const updateListener = (fields, instance) => {
+        if (Array.isArray(fields)) {
+            [...fields].forEach(fieldName => {
+                instance[fieldName] = currentState[fieldName];
+            });
+        }
+        else {
+            instance[fields] = Object.assign({}, currentState);
+        }
+    };
+    const subscribe = (instance, propList) => {
+        if (!listeners.has(instance)) {
+            listeners.set(instance, propList);
+            updateListener(propList, instance);
+        }
+        return () => {
+            if (listeners.has(instance)) {
+                listeners.delete(instance);
+            }
+        };
+    };
+    const Provider = ({ state }, children) => {
+        currentState = state;
+        listeners.forEach(updateListener);
+        return children;
+    };
+    const Consumer = (props, children) => {
+        // The casting on subscribe is to allow for crossover through the stencil compiler
+        // In the future we should allow for generics in components.
+        return consumerRender(subscribe, children[0]);
+    };
+    const injectProps = (Cstr, fieldList) => {
+        const CstrPrototype = Cstr.prototype;
+        const cstrConnectedCallback = CstrPrototype.connectedCallback;
+        const cstrDisconnectedCallback = CstrPrototype.disconnectedCallback;
+        CstrPrototype.connectedCallback = function () {
+            subscribe(this, fieldList);
+            if (cstrConnectedCallback) {
+                return cstrConnectedCallback.call(this);
+            }
+        };
+        CstrPrototype.disconnectedCallback = function () {
+            listeners.delete(this);
+            if (cstrDisconnectedCallback) {
+                cstrDisconnectedCallback.call(this);
+            }
+        };
+    };
+    return {
+        Provider,
+        Consumer,
+        injectProps
+    };
+};
+
+var AlertInterface = createProviderConsumer({
+    currentAlert: "",
+    queueLength: 0
+}, (subscribe, child) => (h("context-consumer", { subscribe: subscribe, renderer: child })));
+
+/** Alerts are not meant to be used inline with content, or be present in view on page load.
+ * As such, calcite-alert relies on calcite-alerts for positioning - displaying an alert on its own
+ * will lead to unexpected and potentially undesireable results
+ */
+/**
+ * @slot alert-title - Title of the alert (optional)
+ * @slot alert-message - Main text of the alert
+ * @slot alert-link - Optional action to take from the alert (undo, try again, link to page, etc.)
+ */
+class CalciteAlert {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Is the alert currently active or not */
+        this.active = false;
+        /** Close the alert automatically (recommended for passive, non-blocking alerts) */
+        this.dismiss = false;
+        /** Length before autodismissal (only used with `dismiss`) */
+        this.duration = this.dismiss
+            ? "medium"
+            : null;
+        /** Color for the alert (will apply to top border and icon) */
+        this.color = "blue";
+        /** Select theme (light or dark) */
+        this.theme = "light";
+        /** If false, no icon will be shown in the alert */
+        this.icon = false;
+        /** Unique ID for this alert */
+        /** @internal */
+        this.alertId = this.el.id;
+        /** @internal */
+        this.currentAlert = "";
+        /** @internal */
+        this.queueLength = 0;
+        this.durationDefaults = {
+            slow: 14000,
+            medium: 10000,
+            fast: 6000
+        };
+        this.iconDefaults = {
+            green: checkCircle24F,
+            yellow: exclamationMarkTriangle24F,
+            red: exclamationMarkTriangle24F,
+            blue: lightbulb24F
+        };
+        this.calciteAlertClose = createEvent(this, "calciteAlertClose", 7);
+        this.calciteAlertOpen = createEvent(this, "calciteAlertOpen", 7);
+    }
+    /** watch for changes to currentAlert passed from <calcite-alerts> */
+    watchCurrentAlert() {
+        if (!this.active && this.currentAlert === this.alertId) {
+            if (this.dismiss)
+                setTimeout(() => this.closeCalciteAlert(), this.durationDefaults[this.duration]);
+            setTimeout(() => (this.active = true), 300);
+        }
+        else {
+            this.active = false;
+        }
+    }
+    /** emit the `calciteAlertClose` event - <calcite-alerts> listens for this */
+    async closeCalciteAlert() {
+        this.calciteAlertClose.emit({ requestedAlert: this.alertId });
+    }
+    /**  emit the `calciteAlertOpen` event - <calcite-alerts> listens for this  */
+    async openCalciteAlert() {
+        this.calciteAlertOpen.emit({ requestedAlert: this.alertId });
+    }
+    connectedCallback() {
+        // prop validations
+        let colors = ["blue", "red", "green", "yellow"];
+        if (!colors.includes(this.color))
+            this.color = "blue";
+        let durations = ["slow", "medium", "fast"];
+        if (this.duration !== null && !durations.includes(this.duration))
+            this.duration = "medium";
+        let themes = ["dark", "light"];
+        if (!themes.includes(this.theme))
+            this.theme = "light";
+    }
+    setIcon() {
+        var path = this.iconDefaults[this.color];
+        return (h("div", { class: "alert-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", viewBox: "0 0 24 24" }, h("path", { d: path }))));
+    }
+    render() {
+        const dir = getElementDir(this.el);
+        const closeButton = (h("button", { class: "alert-close", "aria-label": "close", onClick: () => this.closeCalciteAlert() }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "32", width: "32", viewBox: "0 0 32 32" }, h("path", { d: x32 }))));
+        const close = !this.dismiss ? closeButton : "";
+        const icon = this.icon ? this.setIcon() : "";
+        const count = (h("div", { class: `${this.queueLength > 0 ? "active " : ""}alert-count` }, "+", this.queueLength > 0 ? this.queueLength : 1));
+        const progress = this.active && this.dismiss ? h("div", { class: "alert-dismiss" }) : "";
+        return (h(Host, { active: !!this.active, dir: dir }, icon, h("div", { class: "alert-content" }, h("slot", { name: "alert-title" }), h("slot", { name: "alert-message" }), h("slot", { name: "alert-link" })), count, close, progress));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "currentAlert": ["watchCurrentAlert"]
+    }; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-alert",
+        "$members$": {
+            "dismiss": [4],
+            "duration": [513],
+            "color": [513],
+            "theme": [513],
+            "icon": [4],
+            "alertId": [1, "alert-id"],
+            "currentAlert": [1, "current-alert"],
+            "queueLength": [2, "queue-length"],
+            "active": [32],
+            "closeCalciteAlert": [64],
+            "openCalciteAlert": [64]
+        },
+        "$listeners$": undefined,
+        "$attrsToReflect$": []
+    }; }
+}
+AlertInterface.injectProps(CalciteAlert, ["currentAlert", "queueLength"]);
+
+class CalciteAlerts {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.currentAlert = "";
+        this.active = false;
+        this.alertQueue = [];
+        this.calciteAlertsClose = createEvent(this, "calciteAlertsClose", 7);
+        this.calciteAlertsOpen = createEvent(this, "calciteAlertsOpen", 7);
+    }
+    /** Adds the requested alert to the alert queue, if not present */
+    updateQueueOnOpen(event) {
+        if (!this.alertQueue.includes(event.detail.requestedAlert)) {
+            this.active = true;
+            this.currentAlert = event.detail.requestedAlert;
+            this.alertQueue.push(event.detail.requestedAlert);
+            this.calciteAlertsOpen.emit({
+                currentAlert: this.currentAlert,
+                alertQueue: this.alertQueue
+            });
+        }
+    }
+    /** Closes the requested alert and removes from the queue, or removes from queue if not active */
+    updateQueueOnClose(event) {
+        if (this.alertQueue.includes(event.detail.requestedAlert))
+            this.alertQueue = this.alertQueue.filter(e => e !== event.detail.requestedAlert);
+        if (this.alertQueue.length < 1)
+            setTimeout(() => {
+                this.active = false;
+            }, 400);
+        this.calciteAlertsClose.emit({
+            currentAlert: this.currentAlert,
+            alertQueue: this.alertQueue
+        });
+    }
+    componentWillUpdate() {
+        this.currentAlert = this.alertQueue.length > 0 ? this.alertQueue[0] : "";
+    }
+    render() {
+        const alertState = {
+            currentAlert: this.currentAlert,
+            queueLength: this.alertQueue.length >= 2 ? this.alertQueue.length - 1 : 0
+        };
+        return (h(Host, { active: !!this.active }, h(AlertInterface.Provider, { state: alertState }, h("slot", null))));
+    }
+    get el() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-alerts",
+        "$members$": {
+            "currentAlert": [32],
+            "active": [32],
+            "alertQueue": [32]
+        },
+        "$listeners$": [[0, "calciteAlertOpen", "updateQueueOnOpen"], [0, "calciteAlertClose", "updateQueueOnClose"]],
+        "$attrsToReflect$": []
+    }; }
+}
+
+/** @slot default text slot for button text */
+/** Any attributes placed on <calcite-button> component will propagate to the rendered child */
+/** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
+/** Using appearance=inline will also render as an anchor link. */
+/** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */
+class CalciteButton {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** specify the color of the button, defaults to blue */
+        this.color = "blue";
+        /** specify the appearance style of the button, defaults to solid. Specifying "inline" will render the component as an anchor */
+        this.appearance = "solid";
+        /** specify the scale of the button, defaults to m */
+        this.scale = "m";
+        /** specify the width of the button, defaults to auto */
+        this.width = "auto";
+        /** optionally add a calcite-loader component inline to indicate loading is occuring. You can add and remove this prop depending on status  */
+        this.loading = false;
+        /** optionally pass icon path data to be positioned within the button - pass only raw path data from calcite ui helper  */
+        this.icon = null;
+        /**
+         * @internal
+         */
+        // hastext prop for spacing graphic when text is present in slot
+        this.hastext = false;
+    }
+    connectedCallback() {
+        // prop validations
+        let appearance = ["solid", "outline", "clear", "inline"];
+        if (!appearance.includes(this.appearance))
+            this.appearance = "solid";
+        let color = ["blue", "red", "dark", "light"];
+        if (!color.includes(this.color))
+            this.color = "blue";
+        let scale = ["xs", "s", "m", "l", "xl"];
+        if (!scale.includes(this.scale))
+            this.scale = "m";
+        let width = ["auto", "half", "full"];
+        if (!width.includes(this.width))
+            this.width = "auto";
+    }
+    componentDidLoad() {
+        let textSlot = this.el.shadowRoot.querySelector("slot");
+        let textNode = textSlot ? textSlot.assignedNodes() : null;
+        if (textNode && (textNode[0] !== undefined && textNode[0] !== null))
+            this.hastext = true;
+    }
+    getAttributes() {
+        // spreadable attributes to pass to component child, if they aren't props
+        let props = [
+            "appearance",
+            "color",
+            "loading",
+            "scale",
+            "width",
+            "icon",
+            "dir"
+        ];
+        return Array.from(this.el.attributes)
+            .filter(a => !props.includes(a.name))
+            .reduce((acc, { name, value }) => (Object.assign({}, acc, { [name]: value })), {});
+    }
+    render() {
+        const dir = getElementDir(this.el);
+        const attributes = this.getAttributes();
+        const Type = this.href || this.appearance === "inline" ? "a" : "button";
+        const role = Type === "a" ? "link" : "button";
+        const loader = h("calcite-loader", { "is-active": true, inline: true });
+        const graphic = this.loading ? (h("div", { class: "calcite-button--graphic" }, loader)) : this.icon ? (h("div", { class: "calcite-button--graphic" }, h("svg", { class: "calcite-button--icon", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24" }, h("path", { d: this.icon })))) : null;
+        return (h(Host, { dir: dir, hastext: this.hastext }, h(Type, Object.assign({}, attributes, { role: role }), graphic, h("slot", null))));
+    }
+    get el() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-button",
+        "$members$": {
+            "color": [1537],
+            "appearance": [1537],
+            "scale": [1537],
+            "width": [1537],
+            "loading": [516],
+            "href": [513],
+            "icon": [513],
+            "hastext": [1028]
+        },
+        "$listeners$": undefined,
+        "$attrsToReflect$": []
+    }; }
+}
+
+const ENTER = 13;
+const SPACE = 32;
+const PAGE_UP = 33;
+const PAGE_DOWN = 34;
+const END = 35;
+const HOME = 36;
+const LEFT = 37;
+const UP = 38;
+const RIGHT = 39;
+const DOWN = 40;
+
+class CalciteCheckbox {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** True if the checkbox is initially checked */
+        this.checked = false;
+        /**
+         * True if the checkbox is initially indeterminate,
+         * which is independent from its checked state
+         * https://css-tricks.com/indeterminate-checkboxes/
+         * */
+        this.indeterminate = false;
+        /** The name of the checkbox input */
+        this.name = "";
+        /** The value of the checkbox input */
+        this.value = "";
+        /** Size of the checkbox  */
+        this.size = null;
+        /** True if the checkbox is disabled */
+        this.disabled = false;
+        /** Determines what theme to use */
+        this.theme = "light";
+        this.toggle = () => {
+            if (!this.disabled) {
+                this.checked = !this.checked;
+                this.indeterminate = false;
+            }
+        };
+        this.indeterminatePath = "M4 7h8v2H4z";
+        this.checkedPath = "M12.753 3l-7.319 7.497L3.252 8.31 2 9.373l3.434 3.434L14 4.24z";
+        this.getPath = () => this.indeterminate
+            ? this.indeterminatePath
+            : this.checked
+                ? this.checkedPath
+                : "";
+        this.syncThisToProxyInput = () => {
+            this.checked = this.inputProxy.hasAttribute("checked");
+            this.name = this.inputProxy.name;
+            this.value = this.inputProxy.value;
+        };
+        this.syncProxyInputToThis = () => {
+            this.checked
+                ? this.inputProxy.setAttribute("checked", "")
+                : this.inputProxy.removeAttribute("checked");
+            this.inputProxy.name = this.name;
+            this.inputProxy.value = this.value;
+        };
+        this.calciteCheckboxChange = createEvent(this, "calciteCheckboxChange", 7);
+    }
+    onClick({ target }) {
+        // prevent duplicate click events that occur
+        // when the component is wrapped in a label and checkbox is clicked
+        if ((this.el.closest("label") && target === this.inputProxy) ||
+            (!this.el.closest("label") && target === this.el)) {
+            this.toggle();
+        }
+    }
+    keyDownHandler({ keyCode }) {
+        if (keyCode === SPACE || keyCode === ENTER) {
+            this.toggle();
+        }
+    }
+    checkedWatcher() {
+        this.calciteCheckboxChange.emit();
+        this.checked
+            ? this.inputProxy.setAttribute("checked", "")
+            : this.inputProxy.removeAttribute("checked");
+    }
+    connectedCallback() {
+        this.setupProxyInput();
+    }
+    disconnectedCallback() {
+        this.observer.disconnect();
+    }
+    componentWillRender() {
+        this.syncProxyInputToThis();
+    }
+    render() {
+        return (h(Host, { role: "checkbox", "aria-checked": this.checked, tabindex: this.disabled ? "-1" : "0" }, h("svg", { class: "check-svg", viewBox: "0 0 16 16" }, h("path", { d: this.getPath(), fill: "white" })), h("slot", null)));
+    }
+    setupProxyInput() {
+        // check for a proxy input
+        this.inputProxy = this.el.querySelector("input");
+        // if the user didn't pass a proxy input create one for them
+        if (!this.inputProxy) {
+            this.inputProxy = document.createElement("input");
+            this.inputProxy.type = "checkbox";
+            this.syncProxyInputToThis();
+            this.el.appendChild(this.inputProxy);
+        }
+        this.syncThisToProxyInput();
+        this.observer = new MutationObserver(this.syncThisToProxyInput);
+        this.observer.observe(this.inputProxy, { attributes: true });
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "checked": ["checkedWatcher"]
+    }; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-checkbox",
+        "$members$": {
+            "checked": [1540],
+            "indeterminate": [1540],
+            "name": [1537],
+            "value": [1537],
+            "size": [513],
+            "disabled": [516],
+            "theme": [513]
+        },
+        "$listeners$": [[0, "click", "onClick"], [0, "keydown", "keyDownHandler"]],
+        "$attrsToReflect$": []
+    }; }
+}
+
+class CalciteExample {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Be sure to add a jsdoc comment describing your propery for the generated readme file.
+         * If your property should be hidden from documentation, you can use the `@internal` tag
+         */
+        this.property = "default";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        this.state = "default";
+        this.open = createEvent(this, "open", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillUpdate() { }
+    render() {
+        console.log(this.state);
+        return h(Host, null);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    onClick(e) {
+        console.log(e);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Add a jsdoc comment describing your method and it's parameters (use `@param`).
+     */
+    async doThing() {
+        return Promise.resolve(this.privateMethod());
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    privateMethod() { }
+    get el() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-example",
+        "$members$": {
+            "property": [1],
+            "state": [32],
+            "doThing": [64]
+        },
+        "$listeners$": [[0, "click", "onClick"]],
+        "$attrsToReflect$": []
+    }; }
+}
+
+function gen(counts) {
+    return counts
+        .map(count => {
+        let out = "";
+        for (let i = 0; i < count; i++) {
+            out += (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return out;
+    })
+        .join("-");
+}
+const guid = () => gen([2, 1, 1, 1, 3]);
+
+class CalciteLoader {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Show the loader
+         */
+        this.isActive = false;
+        /**
+         * Inline loaders are smaller and will appear to the left of the text
+         */
+        this.inline = false;
+        /**
+         * Use indeterminate if finding actual progress value is impossible
+         */
+        this.type = "indeterminate";
+        /**
+         * Percent complete of 100, only valid for determinate indicators
+         */
+        this.value = 0;
+        /**
+         * Text which should appear under the loading indicator (optional)
+         */
+        this.text = "";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.loaderBarOffsets = [0, 0, 0];
+        /**
+         * @internal
+         */
+        this.loaderBarRates = [1, 2.25, 3.5];
+        /**
+         * @internal
+         */
+        this.isEdge = false;
+        /**
+         * @internal
+         */
+        this.animationID = null;
+        /**
+         * @internal
+         */
+        this.guid = `calcite-loader-${guid()}`;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentDidLoad() {
+        this.isEdge = /Edge/.test(navigator.userAgent);
+        if (this.isEdge) {
+            this.updateOffset();
+        }
+    }
+    componentDidUnload() {
+        if (this.animationID) {
+            window.cancelAnimationFrame(this.animationID);
+        }
+    }
+    render() {
+        const dir = getElementDir(this.el);
+        const id = this.el.id || this.guid;
+        const ariaAttributes = {
+            "aria-valuenow": this.value,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100
+        };
+        const size = this.inline ? 16 : 56;
+        const viewbox = this.inline ? "0 0 16 16" : "0 0 56 56";
+        const isDeterminate = this.type === "determinate";
+        const styleProperties = {};
+        if (this.isEdge) {
+            styleProperties["--calcite-loader-offset"] = `${this.loaderBarOffsets[0]}%`;
+            styleProperties["--calcite-loader-offset2"] = `${this.loaderBarOffsets[1]}%`;
+            styleProperties["--calcite-loader-offset3"] = `${this.loaderBarOffsets[2]}%`;
+        }
+        const progress = {
+            "--calcite-loader-progress": `${-400 - this.value * 4}%`
+        };
+        return (h(Host, Object.assign({ id: id, dir: dir, role: "progressbar" }, (this.type === "determinate" ? ariaAttributes : {}), { style: styleProperties }), h("svg", { viewBox: viewbox, class: "loader__square" }, h("rect", { width: size, height: size })), h("svg", { viewBox: viewbox, class: "loader__square loader__square--2" }, h("rect", { width: size, height: size })), h("svg", { viewBox: viewbox, class: "loader__square loader__square--3", style: isDeterminate ? progress : {} }, h("rect", { width: size, height: size })), this.text ? h("div", { class: "loader__text" }, this.text) : "", this.value ? (h("div", { class: "loader__percentage" }, Math.floor(this.value))) : ("")));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    updateOffset() {
+        this.loaderBarOffsets = this.rotateLoaderBars(this.loaderBarOffsets);
+        this.animationID = window.requestAnimationFrame(() => this.updateOffset());
+    }
+    /**
+     * @internal
+     */
+    rotateLoaderBars(barOffsets) {
+        return barOffsets.map((offset, i) => {
+            if (offset > -400) {
+                return offset - this.loaderBarRates[i];
+            }
+            else {
+                return 0;
+            }
+        });
+    }
+    get el() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-loader",
+        "$members$": {
+            "isActive": [1540, "is-active"],
+            "inline": [1540],
+            "type": [1537],
+            "value": [2],
+            "text": [1],
+            "loaderBarOffsets": [32],
+            "isEdge": [32]
+        },
+        "$listeners$": undefined,
+        "$attrsToReflect$": []
+    }; }
+}
+
+/**
+ * Traverses the slots of the open shadowroots and returns all children matching the query.
+ * @param {ShadowRoot | HTMLElement} root
+ * @param skipNode
+ * @param isMatch
+ * @param {number} maxDepth
+ * @param {number} depth
+ * @returns {HTMLElement[]}
+ */
+function queryShadowRoot(root, skipNode, isMatch, maxDepth = 20, depth = 0) {
+    let matches = [];
+    // If the depth is above the max depth, abort the searching here.
+    if (depth >= maxDepth) {
+        return matches;
+    }
+    // Traverses a slot element
+    const traverseSlot = ($slot) => {
+        // Only check nodes that are of the type Node.ELEMENT_NODE
+        // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+        const assignedNodes = $slot.assignedNodes().filter(node => node.nodeType === 1);
+        if (assignedNodes.length > 0) {
+            return queryShadowRoot(assignedNodes[0].parentElement, skipNode, isMatch, maxDepth, depth + 1);
+        }
+        return [];
+    };
+    // Go through each child and continue the traversing if necessary
+    // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.
+    // Therefore we fallback to an empty array if it is undefined.
+    const children = Array.from(root.children || []);
+    for (const $child of children) {
+        // Check if the node and its descendants should be skipped
+        if (skipNode($child)) {
+            continue;
+        }
+        // If the child matches we always add it
+        if (isMatch($child)) {
+            matches.push($child);
+        }
+        if ($child.shadowRoot != null) {
+            matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));
+        }
+        else if ($child.tagName === "SLOT") {
+            matches.push(...traverseSlot($child));
+        }
+        else {
+            matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));
+        }
+    }
+    return matches;
+}
+
+/**
+ * Returns whether the element is hidden.
+ * @param $elem
+ */
+function isHidden($elem) {
+    return $elem.hasAttribute("hidden")
+        || ($elem.hasAttribute("aria-hidden") && $elem.getAttribute("aria-hidden") !== "false")
+        // A quick and dirty way to check whether the element is hidden.
+        // For a more fine-grained check we could use "window.getComputedStyle" but we don't because of bad performance.
+        // If the element has visibility set to "hidden" or "collapse", display set to "none" or opacity set to "0" through CSS
+        // we won't be able to catch it here. We accept it due to the huge performance benefits.
+        || $elem.style.display === `none`
+        || $elem.style.opacity === `0`
+        || $elem.style.visibility === `hidden`
+        || $elem.style.visibility === `collapse`;
+}
+/**
+ * Returns whether the element is disabled.
+ * @param $elem
+ */
+function isDisabled($elem) {
+    return $elem.hasAttribute("disabled")
+        || ($elem.hasAttribute("aria-disabled") && $elem.getAttribute("aria-disabled") !== "false");
+}
+/**
+ * Determines whether an element is focusable.
+ * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194
+ * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable
+ * @param $elem
+ */
+function isFocusable($elem) {
+    // Discard elements that are removed from the tab order.
+    if ($elem.getAttribute("tabindex") === "-1" || isHidden($elem) || isDisabled($elem)) {
+        return false;
+    }
+    return (
+    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists
+    $elem.hasAttribute("tabindex")
+        // Anchor tags or area tags with a href set
+        || ($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute("href")
+        // Form elements which are not disabled
+        || ($elem instanceof HTMLButtonElement
+            || $elem instanceof HTMLInputElement
+            || $elem instanceof HTMLTextAreaElement
+            || $elem instanceof HTMLSelectElement)
+        // IFrames
+        || $elem instanceof HTMLIFrameElement);
+}
+
+let timeouts = new Map();
+/**
+ * Debounces a callback.
+ * @param cb
+ * @param ms
+ * @param id
+ */
+function debounce(cb, ms, id) {
+    // Clear current timeout for id
+    const timeout = timeouts.get(id);
+    if (timeout != null) {
+        window.clearTimeout(timeout);
+    }
+    // Set new timeout
+    timeouts.set(id, window.setTimeout(() => {
+        cb();
+        timeouts.delete(id);
+    }, ms));
+}
+
+/**
+ * Template for the focus trap.
+ */
+const template = document.createElement("template");
+template.innerHTML = `
+	<div id="start"></div>
+	<slot></slot>
+	<div id="backup"></div>
+	<div id="end"></div>
+`;
+/**
+ * Focus trap web component.
+ * @slot - Default content.
+ */
+class FocusTrap extends HTMLElement {
+    /**
+     * Attaches the shadow root.
+     */
+    constructor() {
+        super();
+        // The debounce id is used to distinguish this focus trap from others when debouncing
+        this.debounceId = Math.random().toString();
+        this._focused = false;
+        const shadow = this.attachShadow({ mode: "open" });
+        shadow.appendChild(template.content.cloneNode(true));
+        this.focusLastElement = this.focusLastElement.bind(this);
+        this.focusFirstElement = this.focusFirstElement.bind(this);
+        this.onFocusIn = this.onFocusIn.bind(this);
+        this.onFocusOut = this.onFocusOut.bind(this);
+    }
+    // Whenever one of these attributes changes we need to render the template again.
+    static get observedAttributes() {
+        return [
+            "inactive"
+        ];
+    }
+    /**
+     * Determines whether the focus trap is active or not.
+     * @attr
+     */
+    get inactive() {
+        return this.hasAttribute("inactive");
+    }
+    set inactive(value) {
+        value ? this.setAttribute("inactive", "") : this.removeAttribute("inactive");
+    }
+    /**
+     * Returns whether the element currently has focus.
+     */
+    get focused() {
+        return this._focused;
+    }
+    /**
+     * Hooks up the element.
+     */
+    connectedCallback() {
+        this.$backup = this.shadowRoot.querySelector("#backup");
+        this.$start = this.shadowRoot.querySelector("#start");
+        this.$end = this.shadowRoot.querySelector("#end");
+        this.$start.addEventListener("focus", this.focusLastElement);
+        this.$end.addEventListener("focus", this.focusFirstElement);
+        // Focus out is called every time the user tabs around inside the element
+        this.addEventListener("focusin", this.onFocusIn);
+        this.addEventListener("focusout", this.onFocusOut);
+        this.render();
+    }
+    /**
+     * Tears down the element.
+     */
+    disconnectedCallback() {
+        this.$start.removeEventListener("focus", this.focusLastElement);
+        this.$end.removeEventListener("focus", this.focusFirstElement);
+        this.removeEventListener("focusin", this.onFocusIn);
+        this.removeEventListener("focusout", this.onFocusOut);
+    }
+    /**
+     * When the attributes changes we need to re-render the template.
+     */
+    attributeChangedCallback() {
+        this.render();
+    }
+    /**
+     * Focuses the first focusable element in the focus trap.
+     */
+    focusFirstElement() {
+        this.trapFocus();
+    }
+    /**
+     * Focuses the last focusable element in the focus trap.
+     */
+    focusLastElement() {
+        this.trapFocus(true);
+    }
+    /**
+     * Returns a list of the focusable children found within the element.
+     */
+    getFocusableElements() {
+        return queryShadowRoot(this, isHidden, isFocusable);
+    }
+    /**
+     * Focuses on either the last or first focusable element.
+     * @param {boolean} trapToEnd
+     */
+    trapFocus(trapToEnd) {
+        if (this.inactive)
+            return;
+        let focusableChildren = this.getFocusableElements();
+        if (focusableChildren.length > 0) {
+            if (trapToEnd) {
+                focusableChildren[focusableChildren.length - 1].focus();
+            }
+            else {
+                focusableChildren[0].focus();
+            }
+            this.$backup.setAttribute("tabindex", "-1");
+        }
+        else {
+            // If there are no focusable children we need to focus on the backup
+            // to trap the focus. This is a useful behavior if the focus trap is
+            // for example used in a dialog and we don't want the user to tab
+            // outside the dialog even though there are no focusable children
+            // in the dialog.
+            this.$backup.setAttribute("tabindex", "0");
+            this.$backup.focus();
+        }
+    }
+    /**
+     * When the element gains focus this function is called.
+     */
+    onFocusIn() {
+        this.updateFocused(true);
+    }
+    /**
+     * When the element looses its focus this function is called.
+     */
+    onFocusOut() {
+        this.updateFocused(false);
+    }
+    /**
+     * Updates the focused property and updates the view.
+     * The update is debounced because the focusin and focusout out
+     * might fire multiple times in a row. We only want to render
+     * the element once, therefore waiting until the focus is "stable".
+     * @param value
+     */
+    updateFocused(value) {
+        debounce(() => {
+            if (this.focused !== value) {
+                this._focused = value;
+                this.render();
+            }
+        }, 0, this.debounceId);
+    }
+    /**
+     * Updates the template.
+     */
+    render() {
+        if (!this.isConnected)
+            return;
+        this.$start.setAttribute("tabindex", !this.focused || this.inactive ? `-1` : `0`);
+        this.$end.setAttribute("tabindex", !this.focused || this.inactive ? `-1` : `0`);
+        this.focused ? this.setAttribute("focused", "") : this.removeAttribute("focused");
+    }
+}
+window.customElements.define("focus-trap", FocusTrap);
+
+class CalciteModal {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /** Optionally pass a function to run before close */
+        this.beforeClose = () => Promise.resolve();
+        /** Aria label for the close button */
+        this.closeLabel = "Close";
+        /** Set the overall size of the modal */
+        this.size = "small";
+        /** Select theme (light or dark) */
+        this.theme = "light";
+        this.hideBackButton = true;
+        this.hideSecondaryButton = true;
+        this.calciteModalOpen = createEvent(this, "calciteModalOpen", 7);
+        this.calciteModalClose = createEvent(this, "calciteModalClose", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentDidLoad() {
+        const back = this.el.shadowRoot.querySelector("slot[name=back]");
+        const secondary = this.el.shadowRoot.querySelector("slot[name=secondary]");
+        back.addEventListener("slotchange", () => {
+            this.hideBackButton = !hasSlottedContent(back);
+        });
+        secondary.addEventListener("slotchange", () => {
+            this.hideSecondaryButton = !hasSlottedContent(secondary);
+        });
+    }
+    render() {
+        const dir = getElementDir(this.el);
+        const theme = getElementTheme(this.el);
+        return (h(Host, { role: "dialog", "aria-modal": "true", class: { "is-active": this.isActive }, dir: dir, theme: theme }, h("div", { class: "modal" }, h("focus-trap", { ref: el => (this.trap = el) }, h("div", { class: "modal__header" }, h("button", { class: "modal__close", "aria-label": this.closeLabel, onClick: () => this.close() }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", viewBox: "0 0 24 24", fill: "currentColor" }, h("path", { d: x24 }))), h("header", { class: "modal__title" }, h("slot", { name: "header" }))), h("div", { class: "modal__content" }, h("slot", { name: "content" })), h("div", { class: {
+                modal__footer: true,
+                "modal__footer--hide-back": this.hideBackButton,
+                "modal__footer--hide-secondary": this.hideSecondaryButton
+            } }, h("slot", { name: "back" }), h("slot", { name: "secondary" }), h("slot", { name: "primary" }))))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    handleEscape(e) {
+        if (e.key === "Escape") {
+            this.close();
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /** Open the modal */
+    async open() {
+        this.previousActiveElement = document.activeElement;
+        this.isActive = true;
+        // wait for the modal to open, then handle focus.
+        return new Promise(resolve => {
+            setTimeout(() => {
+                if (this.firstFocus) {
+                    this.firstFocus.focus();
+                }
+                else {
+                    this.trap.focusFirstElement();
+                }
+                resolve(this.el);
+            }, 300);
+            document.documentElement.classList.add("overflow-hidden");
+            this.calciteModalOpen.emit();
+        });
+    }
+    /** Close the modal, first running the `beforeClose` method */
+    async close() {
+        return this.beforeClose(this.el).then(() => {
+            this.isActive = false;
+            this.previousActiveElement.focus();
+            document.documentElement.classList.remove("overflow-hidden");
+            this.calciteModalClose.emit();
+            return new Promise(resolve => {
+                setTimeout(() => resolve(this.el), 300);
+            });
+        });
+    }
+    get el() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-modal",
+        "$members$": {
+            "beforeClose": [16],
+            "closeLabel": [1, "close-label"],
+            "docked": [516],
+            "firstFocus": [16],
+            "size": [513],
+            "color": [513],
+            "theme": [513],
+            "isActive": [32],
+            "hideBackButton": [32],
+            "hideSecondaryButton": [32],
+            "open": [64],
+            "close": [64]
+        },
+        "$listeners$": [[0, "keyup", "handleEscape"]],
+        "$attrsToReflect$": []
+    }; }
+}
+
+class CalciteProgress {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Use indeterminate if finding actual progress value is impossible
+         */
+        this.type = "determinate";
+        /**
+         * Percent complete of 100
+         */
+        this.value = 0;
+        /**
+         * Text label for the progress indicator
+         */
+        this.text = null;
+        /**
+         * Fill bar in the opposite direction
+         */
+        this.reversed = false;
+    }
+    render() {
+        return (h(Host, { class: "calcite-progress", type: this.type, reversed: this.reversed, style: {
+                "--percentage-value": `${this.value * 100}%`
+            } }, h("div", { class: "calcite-progress__text" }, this.text), h("slot", null)));
+    }
+    get el() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 4,
+        "$tagName$": "calcite-progress",
+        "$members$": {
+            "type": [1],
+            "value": [2],
+            "text": [1],
+            "reversed": [4]
+        },
+        "$listeners$": undefined,
+        "$attrsToReflect$": []
+    }; }
+}
+
+const navigationKeys = {
+    up: "ArrowUp",
+    down: "ArrowDown",
+    left: "ArrowLeft",
+    right: "ArrowRight",
+    space: " "
+};
+class CalciteRadioGroup {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * The component's theme.
+         */
+        this.theme = "light";
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        this.hiddenInput = (() => {
+            const input = document.createElement("input");
+            input.type = "hidden";
+            this.el.appendChild(input);
+            return input;
+        })();
+        this.calciteRadioGroupChange = createEvent(this, "calciteRadioGroupChange", 7);
+    }
+    handleNameChange(value) {
+        this.hiddenInput.name = value;
+    }
+    handleSelectedItemChange(newItem, oldItem) {
+        if (newItem === oldItem) {
+            return;
+        }
+        let match;
+        const items = this.getItems();
+        items.forEach(item => {
+            const matches = item === newItem;
+            if (matches) {
+                match = item;
+            }
+        });
+        if (match) {
+            this.selectItem(match);
+            this.calciteRadioGroupChange.emit();
+        }
+        else if (items[0]) {
+            items[0].tabIndex = 0;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        const items = this.getItems();
+        let lastChecked;
+        items.forEach((item, index) => {
+            item.tabIndex = -1;
+            const next = items[index + 1];
+            if (item.checked) {
+                lastChecked = item;
+            }
+            if (next && next.checked && item.checked) {
+                item.checked = false;
+            }
+        });
+        if (lastChecked) {
+            this.selectItem(lastChecked);
+        }
+        else if (items[0]) {
+            items[0].tabIndex = 0;
+        }
+        const { hiddenInput } = this;
+        if (this.name) {
+            hiddenInput.name = this.name;
+        }
+        if (lastChecked) {
+            hiddenInput.value = lastChecked.value;
+        }
+    }
+    render() {
+        return (h(Host, { role: "radiogroup" }, h("slot", null)));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    handleClick(event) {
+        if (event.target.localName === "calcite-radio-group-item") {
+            this.selectItem(event.target);
+        }
+    }
+    handleSelected(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        this.selectItem(event.target);
+    }
+    handleKeyDown(event) {
+        const { key } = event;
+        if (Object.values(navigationKeys).indexOf(key) === -1) {
+            return;
+        }
+        event.preventDefault();
+        const { el, selectedItem } = this;
+        const dir = getElementDir(el);
+        const moveBackwardKey = (dir === "rtl"
+            ? key === navigationKeys.right
+            : key === navigationKeys.left) || key === navigationKeys.up;
+        const items = this.getItems();
+        let selectedIndex = -1;
+        items.forEach((item, index) => {
+            if (item === selectedItem) {
+                selectedIndex = index;
+            }
+        });
+        if (moveBackwardKey) {
+            const previous = selectedIndex === -1 || selectedIndex === 0
+                ? items.item(items.length - 1)
+                : items.item(selectedIndex - 1);
+            this.selectItem(previous);
+            return;
+        }
+        const moveForwardKey = (dir === "rtl"
+            ? key === navigationKeys.left
+            : key === navigationKeys.right) || key === navigationKeys.down;
+        if (moveForwardKey) {
+            const next = selectedIndex === -1
+                ? items.item(1)
+                : items.item(selectedIndex + 1) || items.item(0);
+            this.selectItem(next);
+            return;
+        }
+        if (key === navigationKeys.space) {
+            this.selectItem(event.target);
+            return;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    getItems() {
+        return this.el.querySelectorAll("calcite-radio-group-item");
+    }
+    selectItem(selected) {
+        if (selected === this.selectedItem) {
+            return;
+        }
+        const items = this.getItems();
+        let match = null;
+        items.forEach(item => {
+            const matches = item.value === selected.value;
+            item.checked = matches;
+            item.tabIndex = matches ? 0 : -1;
+            if (matches) {
+                match = item;
+            }
+        });
+        this.selectedItem = match;
+        this.syncWithInputProxy(match);
+        match && match.focus();
+    }
+    syncWithInputProxy(item) {
+        this.hiddenInput.value = item ? item.value : "";
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "name": ["handleNameChange"],
+        "selectedItem": ["handleSelectedItemChange"]
+    }; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-radio-group",
+        "$members$": {
+            "name": [1],
+            "selectedItem": [8, "selected-item"],
+            "theme": [513]
+        },
+        "$listeners$": [[0, "click", "handleClick"], [0, "calciteRadioGroupItemChange", "handleSelected"], [0, "keydown", "handleKeyDown"]],
+        "$attrsToReflect$": []
+    }; }
+}
+
+class CalciteRadioGroupItem {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Indicates whether the control is checked.
+         */
+        this.checked = false;
+        this.mutationObserver = new MutationObserver(() => this.syncFromExternalInput());
+        this.calciteRadioGroupItemChange = createEvent(this, "calciteRadioGroupItemChange", 7);
+    }
+    handleCheckedChange() {
+        this.calciteRadioGroupItemChange.emit();
+        this.syncToExternalInput();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        let inputProxy = this.el.querySelector(`input[slot="input"]`);
+        if (inputProxy) {
+            this.value = inputProxy.value;
+            this.checked = inputProxy.checked;
+            this.mutationObserver.observe(inputProxy, { attributes: true });
+        }
+        this.inputProxy = inputProxy;
+    }
+    disconnectedCallback() {
+        this.mutationObserver.disconnect();
+    }
+    render() {
+        const { checked, value } = this;
+        return (h(Host, { role: "radio", "aria-checked": checked ? "true" : "false" }, h("label", null, h("slot", null, value), h("slot", { name: "input" }))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    syncFromExternalInput() {
+        if (this.inputProxy) {
+            this.value = this.inputProxy.value;
+            this.checked = this.inputProxy.checked;
+        }
+    }
+    ;
+    syncToExternalInput() {
+        if (!this.inputProxy) {
+            return;
+        }
+        this.inputProxy.value = this.value;
+        this.inputProxy.toggleAttribute("checked", this.checked);
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "checked": ["handleCheckedChange"]
+    }; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-radio-group-item",
+        "$members$": {
+            "checked": [1540],
+            "value": [8]
+        },
+        "$listeners$": undefined,
+        "$attrsToReflect$": []
+    }; }
+}
+
+class CalciteSlider {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Disable and gray out the slider
+         */
+        this.disabled = false;
+        /**
+         * Minimum selectable value
+         */
+        this.min = 0;
+        /**
+         * Maximum selectable value
+         */
+        this.max = 100;
+        /**
+         * Currently selected number (if single select)
+         */
+        this.value = null;
+        /**
+         * Snap selection along the step interval
+         */
+        this.snap = true;
+        /**
+         * Interval to move on up/down keys
+         */
+        this.step = 1;
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.guid = `calcite-loader-${guid()}`;
+        /**
+         * @internal
+         */
+        this.isRange = false;
+        /**
+         * @internal
+         */
+        this.tickValues = [];
+        /**
+         * @internal
+         */
+        this.activeProp = "value";
+        this.calciteSliderUpdate = createEvent(this, "calciteSliderUpdate", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        this.isRange = !!(this.maxValue || this.maxValue === 0);
+        this.tickValues = this.generateTickValues();
+        this.value = this.bound(this.value);
+        if (this.snap) {
+            this.value = this.getClosestStep(this.value);
+        }
+        this.calciteSliderUpdate.emit();
+    }
+    render() {
+        const id = this.el.id || this.guid;
+        const dir = getElementDir(this.el);
+        const min = this.minValue || this.min;
+        const max = this.maxValue || this.value;
+        const maxProp = this.isRange ? "maxValue" : "value";
+        return (h(Host, { dir: dir, id: id, "is-range": this.isRange, style: {
+                "--calcite-slider-range-max": `${100 -
+                    this.getUnitInterval(max) * 100}%`,
+                "--calcite-slider-range-min": `${this.getUnitInterval(min) * 100}%`
+            } }, h("div", { class: "slider__track" }, h("div", { class: "slider__track__range" }), h("div", { class: "slider__ticks" }, this.tickValues.map(number => (h("span", { class: {
+                slider__tick: true,
+                "slider__tick--active": number >= min && number <= max
+            }, style: {
+                "--calcite-slider-tick-offset": `${this.getUnitInterval(number) * 100}%`
+            } }, this.labelTicks ? (h("span", { class: {
+                slider__tick__label: true,
+                "slider__tick__label--min": number === this.min,
+                "slider__tick__label--max": number === this.max
+            } }, number)) : ("")))))), this.isRange ? (h("button", { ref: el => (this.minHandle = el), onFocus: () => (this.activeProp = "minValue"), onBlur: () => (this.activeProp = null), onMouseDown: () => this.dragStart("minValue"), onTouchStart: e => this.dragStart("minValue", e), role: "slider", "aria-orientation": "horizontal", "aria-label": this.minLabel, "aria-valuenow": this.minValue, "aria-valuemin": this.min, "aria-valuemax": this.max, disabled: this.disabled, class: {
+                slider__thumb: true,
+                "slider__thumb--min": true,
+                "slider__thumb--active": this.dragProp === "minValue",
+                "slider__thumb--precise": this.precise
+            } }, h("span", { class: "slider__handle" }), this.labelHandles ? (h("span", { class: "slider__handle__label", "aria-hidden": "true" }, this.minValue)) : (""))) : (""), h("button", { ref: el => (this.maxHandle = el), onFocus: () => (this.activeProp = maxProp), onBlur: () => (this.activeProp = null), onMouseDown: () => this.dragStart(maxProp), onTouchStart: e => this.dragStart(maxProp, e), role: "slider", "aria-orientation": "horizontal", "aria-label": this.isRange ? this.maxLabel : this.minLabel, "aria-valuenow": this[maxProp], "aria-valuemin": this.min, "aria-valuemax": this.max, disabled: this.disabled, class: {
+                slider__thumb: true,
+                "slider__thumb--max": true,
+                "slider__thumb--active": this.dragProp === maxProp,
+                "slider__thumb--precise": this.precise
+            } }, h("span", { class: "slider__handle" }), this.labelHandles ? (h("span", { class: "slider__handle__label", "aria-hidden": "true" }, this[maxProp])) : (""))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    keyDownHandler(e) {
+        const value = this[this.activeProp];
+        switch (e.keyCode) {
+            case UP:
+            case RIGHT:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(value + this.step, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case DOWN:
+            case LEFT:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(value - this.step, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case PAGE_UP:
+                if (this.pageStep) {
+                    e.preventDefault();
+                    this[this.activeProp] = this.bound(value + this.pageStep, this.activeProp);
+                    this.calciteSliderUpdate.emit();
+                }
+                break;
+            case PAGE_DOWN:
+                if (this.pageStep) {
+                    e.preventDefault();
+                    this[this.activeProp] = this.bound(value - this.pageStep, this.activeProp);
+                    this.calciteSliderUpdate.emit();
+                }
+                break;
+            case HOME:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(this.min, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+            case END:
+                e.preventDefault();
+                this[this.activeProp] = this.bound(this.max, this.activeProp);
+                this.calciteSliderUpdate.emit();
+                break;
+        }
+    }
+    clickHandler(e) {
+        const x = e.clientX || e.pageX;
+        const num = this.translate(x);
+        let prop = "value";
+        if (this.isRange) {
+            const closerToMax = Math.abs(this.maxValue - num) < Math.abs(this.minValue - num);
+            prop = closerToMax ? "maxValue" : "minValue";
+        }
+        this[prop] = this.bound(num, prop);
+        this.calciteSliderUpdate.emit();
+        const handle = prop === "minValue" ? this.minHandle : this.maxHandle;
+        handle.focus();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    generateTickValues() {
+        const ticks = [];
+        let current = this.min;
+        while (this.ticks && current < this.max + this.ticks) {
+            ticks.push(current);
+            current = current + this.ticks;
+        }
+        return ticks;
+    }
+    dragStart(prop, e) {
+        if (e) {
+            e.preventDefault();
+        }
+        this.dragProp = prop;
+        this.activeProp = prop;
+        this.dragListener = this.dragListener || this.dragUpdate.bind(this);
+        document.addEventListener("mousemove", this.dragListener);
+        document.addEventListener("touchmove", this.dragListener, {
+            capture: false
+        });
+        document.addEventListener("mouseup", this.dragEnd.bind(this));
+        document.addEventListener("touchend", this.dragEnd.bind(this), false);
+        document.addEventListener("touchcancel", this.dragEnd.bind(this));
+    }
+    dragUpdate(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (this.dragProp) {
+            const value = this.translate(e.clientX || e.pageX);
+            this[this.dragProp] = this.bound(value, this.dragProp);
+            this.calciteSliderUpdate.emit();
+        }
+    }
+    dragEnd() {
+        this.dragProp = null;
+        document.removeEventListener("mousemove", this.dragListener);
+        document.removeEventListener("touchmove", this.dragListener);
+    }
+    /**
+     * If number is outside range, constrain to min or max
+     * @internal
+     */
+    bound(num, prop) {
+        num = Math.min(num, this.max);
+        num = Math.max(num, this.min);
+        // ensure that maxValue and minValue don't swap positions
+        if (prop === "maxValue") {
+            num = Math.max(num, this.minValue);
+        }
+        if (prop === "minValue") {
+            num = Math.min(num, this.maxValue);
+        }
+        return num;
+    }
+    /**
+     * Translate a pixel position to value along the range
+     * @internal
+     */
+    translate(x) {
+        const range = this.max - this.min;
+        const percent = (x - this.el.offsetLeft) / this.el.offsetWidth;
+        let value = this.bound(this.min + range * percent);
+        if (this.snap && this.step) {
+            value = this.getClosestStep(value);
+        }
+        return value;
+    }
+    /**
+     * Get closest allowed value along stepped values
+     * @internal
+     */
+    getClosestStep(num) {
+        num = this.bound(num);
+        if (this.step) {
+            const step = Math.round(num / this.step) * this.step;
+            num = this.bound(step);
+        }
+        return num;
+    }
+    /**
+     * Get position of value along range as fractional value
+     * @return {number} number in the unit interval [0,1]
+     * @internal
+     */
+    getUnitInterval(num) {
+        num = this.bound(num);
+        const range = this.max - this.min;
+        return (num - this.min) / range;
+    }
+    get el() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-slider",
+        "$members$": {
+            "disabled": [1540],
+            "min": [1538],
+            "max": [1538],
+            "value": [1538],
+            "minValue": [2, "min-value"],
+            "maxValue": [2, "max-value"],
+            "minLabel": [1, "min-label"],
+            "maxLabel": [1, "max-label"],
+            "snap": [4],
+            "step": [2],
+            "pageStep": [2, "page-step"],
+            "ticks": [2],
+            "labelTicks": [516, "label-ticks"],
+            "labelHandles": [516, "label-handles"],
+            "precise": [4],
+            "tickValues": [32],
+            "activeProp": [32]
+        },
+        "$listeners$": [[0, "keydown", "keyDownHandler"], [0, "click", "clickHandler"]],
+        "$attrsToReflect$": []
+    }; }
+}
+
+class CalciteSwitch {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** True if the switch is initially on */
+        this.switched = false;
+        /** The name of the checkbox input */
+        this.name = "";
+        /** The value of the checkbox input */
+        this.value = "";
+        /** What color the switch should be */
+        this.color = "blue";
+        this.syncThisToProxyInput = () => {
+            this.switched = this.inputProxy.hasAttribute("checked");
+            this.name = this.inputProxy.name;
+            this.value = this.inputProxy.value;
+        };
+        this.syncProxyInputToThis = () => {
+            this.switched
+                ? this.inputProxy.setAttribute("checked", "")
+                : this.inputProxy.removeAttribute("checked");
+            this.inputProxy.setAttribute("name", this.name);
+            this.inputProxy.setAttribute("value", this.value);
+        };
+        this.calciteSwitchChange = createEvent(this, "calciteSwitchChange", 7);
+    }
+    onClick(e) {
+        // prevent duplicate click events that occur
+        // when the component is wrapped in a label and checkbox is clicked
+        if ((this.el.closest("label") && e.target === this.inputProxy) ||
+            (!this.el.closest("label") && e.target === this.el)) {
+            this.switched = !this.switched;
+        }
+    }
+    keyDownHandler(e) {
+        if (e.keyCode === SPACE || e.keyCode === ENTER) {
+            this.switched = !this.switched;
+        }
+    }
+    switchWatcher() {
+        this.calciteSwitchChange.emit();
+        this.switched
+            ? this.inputProxy.setAttribute("checked", "")
+            : this.inputProxy.removeAttribute("checked");
+    }
+    connectedCallback() {
+        this.setupProxyInput();
+    }
+    disconnectedCallback() {
+        this.observer.disconnect();
+    }
+    componentWillRender() {
+        this.syncProxyInputToThis();
+    }
+    render() {
+        return (h(Host, { role: "checkbox", "aria-checked": this.switched, tabindex: "0" }, h("div", { class: "track" }, h("div", { class: "handle" })), h("slot", null)));
+    }
+    setupProxyInput() {
+        // check for a proxy input
+        this.inputProxy = this.el.querySelector("input");
+        // if the user didn't pass a proxy input create one for them
+        if (!this.inputProxy) {
+            this.inputProxy = document.createElement("input");
+            this.inputProxy.type = "checkbox";
+            this.syncProxyInputToThis();
+            this.el.appendChild(this.inputProxy);
+        }
+        this.syncThisToProxyInput();
+        this.observer = new MutationObserver(this.syncThisToProxyInput);
+        this.observer.observe(this.inputProxy, { attributes: true });
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "switched": ["switchWatcher"]
+    }; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-switch",
+        "$members$": {
+            "switched": [1540],
+            "name": [1537],
+            "value": [1537],
+            "color": [1]
+        },
+        "$listeners$": [[0, "click", "onClick"], [0, "keydown", "keyDownHandler"]],
+        "$attrsToReflect$": []
+    }; }
+}
+
+class CalciteTab {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Show this tab
+         */
+        this.isActive = false;
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         */
+        this.guid = `calcite-tab-title-${guid()}`;
+        this.calciteTabRegister = createEvent(this, "calciteTabRegister", 7);
+        this.calciteTabUnregister = createEvent(this, "calciteTabUnregister", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    render() {
+        const id = this.el.id || this.guid;
+        return (h(Host, { id: id, "aria-labeledby": this.labeledBy, "aria-expanded": this.isActive ? "true" : "false", role: "tabpanel" }, h("section", null, h("slot", null))));
+    }
+    componentDidLoad() {
+        this.calciteTabRegister.emit();
+    }
+    componentDidUnload() {
+        this.calciteTabUnregister.emit();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    tabChangeHandler(event) {
+        // to allow `<calcite-tabs>` to be nested we need to make sure this
+        // `calciteTabChange` event was actually fired from a title that is a
+        // child of the `<calcite-tabs>` that is the a parent of this tab.
+        if (event.target.closest("calcite-tabs") !==
+            this.el.closest("calcite-tabs")) {
+            return;
+        }
+        if (this.tab) {
+            this.isActive = this.tab === event.detail.tab;
+        }
+        else {
+            this.getTabIndex().then(index => {
+                this.isActive = index === event.detail.tab;
+            });
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Return the index of this tab within the tab array
+     */
+    async getTabIndex() {
+        return Promise.resolve(Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter(e => e.matches("calcite-tab")), this.el));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    updateAriaInfo(tabIds = [], titleIds = []) {
+        this.labeledBy = titleIds[tabIds.indexOf(this.el.id)] || null;
+    }
+    get el() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-tab",
+        "$members$": {
+            "tab": [1537],
+            "isActive": [1540, "is-active"],
+            "labeledBy": [32],
+            "getTabIndex": [64],
+            "updateAriaInfo": [64]
+        },
+        "$listeners$": [[16, "calciteTabChange", "tabChangeHandler"]],
+        "$attrsToReflect$": []
+    }; }
+}
+
+class CalciteTabNav {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.calciteTabChange = createEvent(this, "calciteTabChange", 7);
+    }
+    selectedTabChanged() {
+        if (localStorage &&
+            this.storageId &&
+            this.selectedTab !== undefined &&
+            this.selectedTab !== null) {
+            localStorage.setItem(`calcite-tab-nav-${this.storageId}`, JSON.stringify(this.selectedTab));
+        }
+        this.calciteTabChange.emit({
+            tab: this.selectedTab
+        });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        const storageKey = `calcite-tab-nav-${this.storageId}`;
+        if (localStorage && this.storageId && localStorage.getItem(storageKey)) {
+            this.selectedTab = JSON.parse(localStorage.getItem(storageKey));
+            this.calciteTabChange.emit({
+                tab: this.selectedTab
+            });
+        }
+    }
+    render() {
+        return (h(Host, { role: "tablist" }, h("nav", { class: "tab-nav" }, h("slot", null))));
+    }
+    componentDidRender() {
+        // if every tab title is active select the first tab.
+        if (this.tabTitles.every(title => !title.isActive) && !this.selectedTab) {
+            this.tabTitles[0].getTabIdentifier().then(tab => {
+                this.calciteTabChange.emit({
+                    tab
+                });
+            });
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Events Listeners
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    focusPreviousTabHandler(e) {
+        const currentIndex = this.getIndexOfTabTitle(e.target);
+        const previousTab = this.tabTitles[currentIndex - 1] ||
+            this.tabTitles[this.tabTitles.length - 1];
+        previousTab.focus();
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    /**
+     * @internal
+     */
+    focusNextTabHandler(e) {
+        const currentIndex = this.getIndexOfTabTitle(e.target);
+        const nextTab = this.tabTitles[currentIndex + 1] || this.tabTitles[0];
+        nextTab.focus();
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    /**
+     * @internal
+     */
+    activateTabHandler(e) {
+        if (e.detail.tab) {
+            this.selectedTab = e.detail.tab;
+        }
+        else {
+            this.selectedTab = this.getIndexOfTabTitle(e.target);
+        }
+        e.stopPropagation();
+        e.preventDefault();
+    }
+    /**
+     * @internal
+     */
+    globalTabChangeHandler(e) {
+        if (this.syncId &&
+            e.target !== this.el &&
+            e.target.syncId === this.syncId &&
+            this.selectedTab !== e.detail.tab) {
+            this.selectedTab = e.detail.tab;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Private State/Props
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    getIndexOfTabTitle(el) {
+        return this.tabTitles.indexOf(el);
+    }
+    get tabTitles() {
+        return this.el.shadowRoot.querySelector("slot").assignedElements();
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "selectedTab": ["selectedTabChanged"]
+    }; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-tab-nav",
+        "$members$": {
+            "storageId": [1, "storage-id"],
+            "syncId": [1, "sync-id"],
+            "selectedTab": [32]
+        },
+        "$listeners$": [[0, "calciteTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteTabsFocusNext", "focusNextTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [32, "calciteTabChange", "globalTabChangeHandler"]],
+        "$attrsToReflect$": []
+    }; }
+}
+
+class CalciteTabTitle {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Show this tab title as selected
+         */
+        this.isActive = false;
+        /**
+         * @internal
+         */
+        this.guid = `calcite-tab-title-${guid()}`;
+        this.calciteTabsActivate = createEvent(this, "calciteTabsActivate", 7);
+        this.calciteTabsFocusNext = createEvent(this, "calciteTabsFocusNext", 7);
+        this.calciteTabsFocusPrevious = createEvent(this, "calciteTabsFocusPrevious", 7);
+        this.calciteTabTitleRegister = createEvent(this, "calciteTabTitleRegister", 7);
+        this.calciteTabTitleUnregister = createEvent(this, "calciteTabTitleUnregister", 7);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    componentWillLoad() {
+        if (this.tab && this.isActive) {
+            this.calciteTabsActivate.emit({
+                tab: this.tab
+            });
+        }
+    }
+    render() {
+        const id = this.el.id || this.guid;
+        return (h(Host, { id: id, "aria-controls": this.controls, "aria-expanded": this.isActive ? "true" : "false", role: "tab", tabindex: "0" }, h("a", null, h("slot", null))));
+    }
+    componentDidLoad() {
+        this.calciteTabTitleRegister.emit();
+    }
+    componentDidUnload() {
+        this.calciteTabTitleUnregister.emit();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Events Listeners
+    //
+    //--------------------------------------------------------------------------
+    tabChangeHandler(event) {
+        if (this.tab) {
+            this.isActive = this.tab === event.detail.tab;
+        }
+        else {
+            this.getTabIndex().then(index => {
+                this.isActive = index === event.detail.tab;
+            });
+        }
+    }
+    onClick() {
+        this.calciteTabsActivate.emit({
+            tab: this.tab
+        });
+    }
+    keyDownHandler(e) {
+        switch (e.keyCode) {
+            case SPACE:
+            case ENTER:
+                this.calciteTabsActivate.emit({
+                    tab: this.tab
+                });
+                e.preventDefault();
+                break;
+            case RIGHT:
+                if (getElementDir(this.el) === "ltr") {
+                    this.calciteTabsFocusNext.emit();
+                }
+                else {
+                    this.calciteTabsFocusPrevious.emit();
+                }
+                break;
+            case LEFT:
+                if (getElementDir(this.el) === "ltr") {
+                    this.calciteTabsFocusPrevious.emit();
+                }
+                else {
+                    this.calciteTabsFocusNext.emit();
+                }
+                break;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Return the index of this title within the nav
+     */
+    async getTabIndex() {
+        return Promise.resolve(Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"), this.el));
+    }
+    /**
+     * @internal
+     */
+    async getTabIdentifier() {
+        return this.tab ? Promise.resolve(this.tab) : this.getTabIndex();
+    }
+    /**
+     * @internal
+     */
+    async updateAriaInfo(tabIds = [], titleIds = []) {
+        this.controls = tabIds[titleIds.indexOf(this.el.id)] || null;
+        return Promise.resolve();
+    }
+    get el() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-tab-title",
+        "$members$": {
+            "tab": [1537],
+            "isActive": [1540, "is-active"],
+            "controls": [32],
+            "getTabIndex": [64],
+            "getTabIdentifier": [64],
+            "updateAriaInfo": [64]
+        },
+        "$listeners$": [[16, "calciteTabChange", "tabChangeHandler"], [0, "click", "onClick"], [0, "keydown", "keyDownHandler"]],
+        "$attrsToReflect$": []
+    }; }
+}
+
+class CalciteTabs {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        //--------------------------------------------------------------------------
+        //
+        //  Public Properties
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * Select theme (light or dark)
+         */
+        this.theme = "light";
+        /**
+         * Align tab titles to the edge or fully justify them across the tab nav ("center")
+         */
+        this.layout = "inline";
+        //--------------------------------------------------------------------------
+        //
+        //  Events
+        //
+        //--------------------------------------------------------------------------
+        //--------------------------------------------------------------------------
+        //
+        //  Private State/Props
+        //
+        //--------------------------------------------------------------------------
+        /**
+         * @internal
+         *
+         * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA
+         * attributes.
+         */
+        this.titles = [];
+        /**
+         * @internal
+         *
+         * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.
+         */
+        this.tabs = [];
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    render() {
+        const dir = getElementDir(this.el);
+        return (h(Host, { dir: dir }, h("div", null, h("slot", { name: "tab-nav" }), h("section", { class: "tab-contents" }, h("slot", null)))));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    calciteTabTitleRegister(e) {
+        this.titles = [...this.titles, e.target];
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    /**
+     * @internal
+     */
+    calciteTabTitleUnregister(e) {
+        this.titles = this.titles.filter(el => el !== e.target);
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    /**
+     * @internal
+     */
+    calciteTabRegister(e) {
+        this.tabs = [...this.tabs, e.target];
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    /**
+     * @internal
+     */
+    calciteTabUnregister(e) {
+        this.tabs = this.tabs.filter(el => el !== e.target);
+        this.registryHandler();
+        e.stopPropagation();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * @internal
+     *
+     * Matches up elements from the internal `tabs` and `titles` to automatically
+     * update the ARIA attributes and link `<calcite-tab>` and
+     * `<calcite-tab-title>` components.
+     */
+    async registryHandler() {
+        var tabIds;
+        var titleIds;
+        // determine if we are using `tab` based or `index` based tab identifiers.
+        if (this.tabs.some(e => e.tab) || this.titles.some(e => e.tab)) {
+            // if we are using `tab` based identifiers sort by `tab` to account for
+            // possible out of order tabs and get the id of each tab
+            tabIds = this.tabs
+                .sort((a, b) => a.tab.localeCompare(b.tab))
+                .map(e => e.id);
+            titleIds = this.titles
+                .sort((a, b) => a.tab.localeCompare(b.tab))
+                .map(e => e.id);
+        }
+        else {
+            // if we are using index based tabs then the `<calcite-tab>` and
+            // `<calcite-tab-title>` might have been rendered out of order so the
+            // order of `this.tabs` and `this.titles` might not reflect the DOM state,
+            // and might not match each other so we need to get the index of all the
+            // tabs and titles in the DOM order to match them up as a source of truth
+            const tabDomIndexes = await Promise.all(this.tabs.map(el => el.getTabIndex()));
+            const titleDomIndexes = await Promise.all(this.titles.map(el => el.getTabIndex()));
+            // once we have the DOM order as a source of truth we can build the
+            // matching tabIds and titleIds arrays
+            tabIds = tabDomIndexes.reduce((ids, indexInDOM, registryIndex) => {
+                ids[indexInDOM] = this.tabs[registryIndex].id;
+                return ids;
+            }, []);
+            titleIds = titleDomIndexes.reduce((ids, indexInDOM, registryIndex) => {
+                ids[indexInDOM] = this.titles[registryIndex].id;
+                return ids;
+            }, []);
+        }
+        // pass all our new aria information to each `<calcite-tab>` and
+        // `<calcite-tab-title>` which will check if they can update their internal
+        // `controlled` or `labeledBy` states and re-render if necessary
+        this.tabs.forEach(el => el.updateAriaInfo(tabIds, titleIds));
+        this.titles.forEach(el => el.updateAriaInfo(tabIds, titleIds));
+    }
+    get el() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "calcite-tabs",
+        "$members$": {
+            "theme": [513],
+            "layout": [513],
+            "titles": [32],
+            "tabs": [32]
+        },
+        "$listeners$": [[0, "calciteTabTitleRegister", "calciteTabTitleRegister"], [0, "calciteTabTitleUnregister", "calciteTabTitleUnregister"], [0, "calciteTabRegister", "calciteTabRegister"], [0, "calciteTabUnregister", "calciteTabUnregister"]],
+        "$attrsToReflect$": []
+    }; }
+}
+
+class ContextConsumer {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.context = {};
+        this.renderer = () => null;
+    }
+    connectedCallback() {
+        if (this.subscribe != null) {
+            this.unsubscribe = this.subscribe(this.el, 'context');
+        }
+    }
+    disconnectedCallback() {
+        if (this.unsubscribe != null) {
+            this.unsubscribe();
+        }
+    }
+    render() {
+        return this.renderer(Object.assign({}, this.context));
+    }
+    get el() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 0,
+        "$tagName$": "context-consumer",
+        "$members$": {
+            "context": [16],
+            "renderer": [16],
+            "subscribe": [16],
+            "unsubscribe": [32]
+        },
+        "$listeners$": undefined,
+        "$attrsToReflect$": []
+    }; }
+}
+
+const cmps = [
+  CalciteAlert,
+  CalciteAlerts,
+  CalciteButton,
+  CalciteCheckbox,
+  CalciteExample,
+  CalciteLoader,
+  CalciteModal,
+  CalciteProgress,
+  CalciteRadioGroup,
+  CalciteRadioGroupItem,
+  CalciteSlider,
+  CalciteSwitch,
+  CalciteTab,
+  CalciteTabNav,
+  CalciteTabTitle,
+  CalciteTabs,
+  ContextConsumer,
+];
+registerComponents(cmps);
+styles.set('sc-calcite-alert','/*!\@body*/body.sc-calcite-alert{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-alert{overflow:hidden}/*!\@calcite-tabs*/calcite-tabs.sc-calcite-alert{display:block}/*!\@:host*/.sc-calcite-alert-h{--calcite-alert-background:#fff;--calcite-alert-title-text:#404040;--calcite-alert-message-text:#555;--calcite-alert-icon-fill:#151515;--calcite-alert-close-background-hover:#f3f3f3;--calcite-alert-close-background-pressed:#eaeaea;--calcite-alert-count-text:#404040;--calcite-alert-count-border:#f3f3f3;--calcite-alert-dismiss-background:hsla(0,0%,100%,0.6);--calcite-alert-border-blue:#007ac2;--calcite-alert-border-green:#35ac46;--calcite-alert-border-red:#d83020;--calcite-alert-border-yellow:#edd317}/*!\@:host([theme=dark])*/[theme=dark].sc-calcite-alert-h{--calcite-alert-background:#2b2b2b;--calcite-alert-title-text:#f8f8f8;--calcite-alert-message-text:#f3f3f3;--calcite-alert-icon-fill:#d4d4d4;--calcite-alert-close-background-hover:#202020;--calcite-alert-close-background-pressed:#151515;--calcite-alert-count-text:#d4d4d4;--calcite-alert-count-border:#202020;--calcite-alert-dismiss-background:rgba(43,43,43,0.6);--calcite-alert-border-blue:#3db8ff;--calcite-alert-border-green:#3bed52;--calcite-alert-border-red:#ff0015;--calcite-alert-border-yellow:#fe3}/*!\@:host*/.sc-calcite-alert-h{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;pointer-events:none;z-index:102;margin:0 auto;width:50em;max-width:90%;max-height:0;background-color:var(--calcite-alert-background);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);border-radius:2px;opacity:0;-webkit-transform:translate3d(0,1.5rem,0);transform:translate3d(0,1.5rem,0);-webkit-transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;transition:.3s cubic-bezier(.215,.44,.42,.88),opacity .3s cubic-bezier(.215,.44,.42,.88),all .15s ease-in-out;-webkit-border-before:0 solid transparent;border-block-start:0 solid transparent}\@media only screen and (max-width:860px){/*!\@:host*/.sc-calcite-alert-h{width:100%;max-width:100%;border-radius:2px 2px 0 0;-webkit-box-shadow:0 -8px 16px 0 rgba(0,0,0,.15);box-shadow:0 -8px 16px 0 rgba(0,0,0,.15)}}/*!\@:host:host(.hydrated)*/.sc-calcite-alert-h (.hydrated).sc-calcite-alert-h{visibility:hidden!important}/*!\@:host:host([active])*/.sc-calcite-alert-h ([active]).sc-calcite-alert-h{opacity:1;max-height:100%;-webkit-transform:translate3d(0,-1.5rem,0);transform:translate3d(0,-1.5rem,0);pointer-events:auto;border-block-start-width:3px}/*!\@:host:host([active]):host(.hydrated)*/.sc-calcite-alert-h ([active]).sc-calcite-alert-h (.hydrated).sc-calcite-alert-h{visibility:visible!important}\@media only screen and (max-width:860px){/*!\@:host:host([active])*/.sc-calcite-alert-h ([active]).sc-calcite-alert-h{-webkit-transform:translateZ(0);transform:translateZ(0)}}/*!\@:host slot[name=alert-title]::slotted(div)*/.sc-calcite-alert-h slot[name=alert-title].sc-calcite-alert-s > div{font-size:1rem;line-height:1.5;color:var(--calcite-alert-title-text);font-weight:500}/*!\@:host slot[name=alert-link]::slotted(a),:host slot[name=alert-link]::slotted(calcite-button)*/.sc-calcite-alert-h slot[name=alert-link].sc-calcite-alert-s > a, .sc-calcite-alert-h slot[name=alert-link].sc-calcite-alert-s > calcite-button{font-size:.9375rem;line-height:1.5}/*!\@:host slot[name=alert-message]::slotted(div)*/.sc-calcite-alert-h slot[name=alert-message].sc-calcite-alert-s > div{display:inline;margin-right:.75rem;font-size:.9375rem;line-height:1.5;color:var(--calcite-alert-message-text)}/*!\@:host([dir=rtl]) slot[name=alert-message]::slotted(div)*/.sc-calcite-alert-h[dir=rtl] slot[name=alert-message].sc-calcite-alert-s > div{margin-right:unset;margin-left:.75rem}/*!\@.alert-content*/.alert-content.sc-calcite-alert{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;word-wrap:break-word;-webkit-padding-before:.75rem;padding-block-start:.75rem;-webkit-padding-after:.75rem;padding-block-end:.75rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem;-webkit-padding-start:0;padding-inline-start:0}/*!\@.alert-content svg*/.alert-content.sc-calcite-alert svg.sc-calcite-alert{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){/*!\@.alert-content*/.alert-content.sc-calcite-alert{padding:1.5rem}}/*!\@.alert-content:first-of-type*/.alert-content.sc-calcite-alert:first-of-type{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}\@media only screen and (max-width:860px){/*!\@.alert-content*/.alert-content.sc-calcite-alert{-webkit-padding-before:1.5rem;padding-block-start:1.5rem;-webkit-padding-after:1.5rem;padding-block-end:1.5rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem;-webkit-padding-start:0;padding-inline-start:0}}/*!\@.alert-icon*/.alert-icon.sc-calcite-alert{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!\@.alert-icon svg*/.alert-icon.sc-calcite-alert svg.sc-calcite-alert{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){/*!\@.alert-icon*/.alert-icon.sc-calcite-alert{padding:1.5rem}}/*!\@.alert-close*/.alert-close.sc-calcite-alert{padding:.75rem 1.5rem;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:transparent;-webkit-appearance:none;border:none;outline:none;cursor:pointer;border-radius:0 0 2px 0}/*!\@.alert-close svg*/.alert-close.sc-calcite-alert svg.sc-calcite-alert{height:16px;width:16px;vertical-align:top}\@media only screen and (max-width:860px){/*!\@.alert-close*/.alert-close.sc-calcite-alert{padding:1.5rem}}/*!\@.alert-close svg*/.alert-close.sc-calcite-alert svg.sc-calcite-alert{fill:var(--calcite-alert-icon-fill)}/*!\@.alert-close:focus,.alert-close:hover*/.alert-close.sc-calcite-alert:focus, .alert-close.sc-calcite-alert:hover{background-color:var(--calcite-alert-close-background-hover)}/*!\@.alert-close:active*/.alert-close.sc-calcite-alert:active{background-color:var(--calcite-alert-close-background-pressed)}/*!\@:host([dir=rtl]) .alert-close*/[dir=rtl].sc-calcite-alert-h .alert-close.sc-calcite-alert{border-radius:0 0 0 2px}\@media only screen and (max-width:860px){/*!\@:host([dir=rtl]) .alert-close*/[dir=rtl].sc-calcite-alert-h .alert-close.sc-calcite-alert{border-radius:0}}/*!\@.alert-count*/.alert-count.sc-calcite-alert{font-size:.875rem;line-height:1.5;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;overflow:hidden;width:0;visibility:hidden;font-weight:500;text-align:center;color:var(--calcite-alert-count-text);opacity:0;-webkit-border-start:0 solid transparent;border-inline-start:0 solid transparent;-webkit-border-end:0 solid transparent;border-inline-end:0 solid transparent;cursor:default;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}/*!\@.alert-count.active*/.alert-count.active.sc-calcite-alert{visibility:visible;opacity:1;padding:0 .375rem;width:3rem;-webkit-border-start:1px solid var(--calcite-alert-count-border);border-inline-start:1px solid var(--calcite-alert-count-border);-webkit-border-end:1px solid var(--calcite-alert-count-border);border-inline-end:1px solid var(--calcite-alert-count-border)}/*!\@.alert-count.active:last-child*/.alert-count.active.sc-calcite-alert:last-child{-webkit-border-end:0 solid transparent;border-inline-end:0 solid transparent}\@media only screen and (max-width:860px){/*!\@.alert-count*/.alert-count.sc-calcite-alert{border-radius:0}}/*!\@.alert-dismiss*/.alert-dismiss.sc-calcite-alert{left:0;top:0;width:100%;z-index:103}/*!\@.alert-dismiss,.alert-dismiss:after*/.alert-dismiss.sc-calcite-alert, .alert-dismiss.sc-calcite-alert:after{display:block;position:absolute;right:0;height:3px}/*!\@.alert-dismiss:after*/.alert-dismiss.sc-calcite-alert:after{top:-3px;border-radius:2px 2px 0 0;content:\"\";background-color:var(--calcite-alert-dismiss-background);z-index:104}/*!\@:host([color=blue])*/[color=blue].sc-calcite-alert-h{border-block-start-color:var(--calcite-alert-border-blue)}/*!\@:host([color=blue]) .alert-icon svg*/[color=blue].sc-calcite-alert-h .alert-icon.sc-calcite-alert svg.sc-calcite-alert{fill:var(--calcite-alert-border-blue)}/*!\@:host([color=red])*/[color=red].sc-calcite-alert-h{border-block-start-color:var(--calcite-alert-border-red)}/*!\@:host([color=red]) .alert-icon svg*/[color=red].sc-calcite-alert-h .alert-icon.sc-calcite-alert svg.sc-calcite-alert{fill:var(--calcite-alert-border-red)}/*!\@:host([color=yellow])*/[color=yellow].sc-calcite-alert-h{border-block-start-color:var(--calcite-alert-border-yellow)}/*!\@:host([color=yellow]) .alert-icon svg*/[color=yellow].sc-calcite-alert-h .alert-icon.sc-calcite-alert svg.sc-calcite-alert{fill:var(--calcite-alert-border-yellow)}/*!\@:host([color=green])*/[color=green].sc-calcite-alert-h{border-block-start-color:var(--calcite-alert-border-green)}/*!\@:host([color=green]) .alert-icon svg*/[color=green].sc-calcite-alert-h .alert-icon.sc-calcite-alert svg.sc-calcite-alert{fill:var(--calcite-alert-border-green)}/*!\@:host([duration=fast]) .alert-dismiss:after*/[duration=fast].sc-calcite-alert-h .alert-dismiss.sc-calcite-alert:after{-webkit-animation:dismissProgress 6s ease-out;animation:dismissProgress 6s ease-out}/*!\@:host([duration=medium]) .alert-dismiss:after*/[duration=medium].sc-calcite-alert-h .alert-dismiss.sc-calcite-alert:after{-webkit-animation:dismissProgress 10s ease-out;animation:dismissProgress 10s ease-out}/*!\@:host([duration=slow]) .alert-dismiss:after*/[duration=slow].sc-calcite-alert-h .alert-dismiss.sc-calcite-alert:after{-webkit-animation:dismissProgress 14s ease-out;animation:dismissProgress 14s ease-out}\@-webkit-keyframes dismissProgress{0%{width:0;opacity:0}to{width:100%;opacity:1}}\@keyframes dismissProgress{0%{width:0;opacity:0}to{width:100%;opacity:1}}');
+styles.set('sc-calcite-alerts','/*!\@body*/body.sc-calcite-alerts{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-alerts{overflow:hidden}/*!\@calcite-tabs*/calcite-tabs.sc-calcite-alerts{display:block}/*!\@:host*/.sc-calcite-alerts-h{display:none;position:fixed;left:0;right:0;bottom:0;pointer-events:none;z-index:101}/*!\@:host:host([active])*/.sc-calcite-alerts-h ([active]).sc-calcite-alerts-h{display:block}');
+styles.set('sc-calcite-button','/*!\@body*/body.sc-calcite-button{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-button{overflow:hidden}/*!\@calcite-tabs*/calcite-tabs.sc-calcite-button{display:block}/*!\@:host a,:host button*/.sc-calcite-button-h a.sc-calcite-button, .sc-calcite-button-h button.sc-calcite-button{position:relative;display:inline-block;padding:.375rem 1rem;text-decoration:none;width:auto;border-radius:0;border:none;line-height:inherit;font-family:inherit;-webkit-appearance:none;cursor:pointer;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}/*!\@:host a:hover,:host button:hover*/.sc-calcite-button-h a.sc-calcite-button:hover, .sc-calcite-button-h button.sc-calcite-button:hover{text-decoration:none}/*!\@:host([width=half]) a,:host([width=half]) button*/[width=half].sc-calcite-button-h a.sc-calcite-button, [width=half].sc-calcite-button-h button.sc-calcite-button{width:50%}/*!\@:host([width=full]) a,:host([width=full]) button*/[width=full].sc-calcite-button-h a.sc-calcite-button, [width=full].sc-calcite-button-h button.sc-calcite-button{width:100%}/*!\@:host([hastext]) .calcite-button--graphic*/[hastext].sc-calcite-button-h .calcite-button--graphic.sc-calcite-button{margin-right:.5rem}/*!\@:host([hastext][dir=rtl]) .calcite-button--graphic*/[hastext][dir=rtl].sc-calcite-button-h .calcite-button--graphic.sc-calcite-button{margin-right:0;margin-left:.5rem}/*!\@.calcite-button--icon*/.calcite-button--icon.sc-calcite-button{height:16px;width:16px;margin:0 auto;line-height:inherit;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}/*!\@.calcite-button--graphic*/.calcite-button--graphic.sc-calcite-button{display:-ms-inline-flexbox;display:inline-flex;top:2px;width:16px;height:16px;position:relative}/*!\@:host([appearance=solid][color=blue]) a,:host([appearance=solid][color=blue]) button*/[appearance=solid][color=blue].sc-calcite-button-h a.sc-calcite-button, [appearance=solid][color=blue].sc-calcite-button-h button.sc-calcite-button{color:#fff;background-color:#007ac2;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!\@:host([appearance=solid][color=blue]) a:focus,:host([appearance=solid][color=blue]) a:hover,:host([appearance=solid][color=blue]) button:focus,:host([appearance=solid][color=blue]) button:hover*/[appearance=solid][color=blue].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=solid][color=blue].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=solid][color=blue].sc-calcite-button-h button.sc-calcite-button:focus, [appearance=solid][color=blue].sc-calcite-button-h button.sc-calcite-button:hover{background-color:#2890ce;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}/*!\@:host([appearance=solid][color=blue]) a:active,:host([appearance=solid][color=blue]) button:active*/[appearance=solid][color=blue].sc-calcite-button-h a.sc-calcite-button:active, [appearance=solid][color=blue].sc-calcite-button-h button.sc-calcite-button:active{background-color:#007ac2;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}/*!\@:host([appearance=solid][color=blue]) a .calcite-button--icon,:host([appearance=solid][color=blue]) button .calcite-button--icon*/[appearance=solid][color=blue].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=solid][color=blue].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#fff}/*!\@:host([appearance=solid][color=red]) a,:host([appearance=solid][color=red]) button*/[appearance=solid][color=red].sc-calcite-button-h a.sc-calcite-button, [appearance=solid][color=red].sc-calcite-button-h button.sc-calcite-button{color:#fff;background-color:#d83020;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!\@:host([appearance=solid][color=red]) a:focus,:host([appearance=solid][color=red]) a:hover,:host([appearance=solid][color=red]) button:focus,:host([appearance=solid][color=red]) button:hover*/[appearance=solid][color=red].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=solid][color=red].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=solid][color=red].sc-calcite-button-h button.sc-calcite-button:focus, [appearance=solid][color=red].sc-calcite-button-h button.sc-calcite-button:hover{background-color:#e65240;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}/*!\@:host([appearance=solid][color=red]) a:active,:host([appearance=solid][color=red]) button:active*/[appearance=solid][color=red].sc-calcite-button-h a.sc-calcite-button:active, [appearance=solid][color=red].sc-calcite-button-h button.sc-calcite-button:active{background-color:#d83020;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}/*!\@:host([appearance=solid][color=red]) a .calcite-button--icon,:host([appearance=solid][color=red]) button .calcite-button--icon*/[appearance=solid][color=red].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=solid][color=red].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#fff}/*!\@:host([appearance=solid][color=light]) a,:host([appearance=solid][color=light]) button*/[appearance=solid][color=light].sc-calcite-button-h a.sc-calcite-button, [appearance=solid][color=light].sc-calcite-button-h button.sc-calcite-button{color:#000;background-color:#f3f3f3;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!\@:host([appearance=solid][color=light]) a:focus,:host([appearance=solid][color=light]) a:hover,:host([appearance=solid][color=light]) button:focus,:host([appearance=solid][color=light]) button:hover*/[appearance=solid][color=light].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=solid][color=light].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=solid][color=light].sc-calcite-button-h button.sc-calcite-button:focus, [appearance=solid][color=light].sc-calcite-button-h button.sc-calcite-button:hover{background-color:#fff;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}/*!\@:host([appearance=solid][color=light]) a:active,:host([appearance=solid][color=light]) button:active*/[appearance=solid][color=light].sc-calcite-button-h a.sc-calcite-button:active, [appearance=solid][color=light].sc-calcite-button-h button.sc-calcite-button:active{background-color:#f3f3f3;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}/*!\@:host([appearance=solid][color=light]) a .calcite-button--icon,:host([appearance=solid][color=light]) button .calcite-button--icon*/[appearance=solid][color=light].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=solid][color=light].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#000}/*!\@:host([appearance=solid][color=dark]) a,:host([appearance=solid][color=dark]) button*/[appearance=solid][color=dark].sc-calcite-button-h a.sc-calcite-button, [appearance=solid][color=dark].sc-calcite-button-h button.sc-calcite-button{color:#fff;background-color:#2b2b2b;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!\@:host([appearance=solid][color=dark]) a:focus,:host([appearance=solid][color=dark]) a:hover,:host([appearance=solid][color=dark]) button:focus,:host([appearance=solid][color=dark]) button:hover*/[appearance=solid][color=dark].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=solid][color=dark].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=solid][color=dark].sc-calcite-button-h button.sc-calcite-button:focus, [appearance=solid][color=dark].sc-calcite-button-h button.sc-calcite-button:hover{background-color:#404040;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}/*!\@:host([appearance=solid][color=dark]) a:active,:host([appearance=solid][color=dark]) button:active*/[appearance=solid][color=dark].sc-calcite-button-h a.sc-calcite-button:active, [appearance=solid][color=dark].sc-calcite-button-h button.sc-calcite-button:active{background-color:#2b2b2b;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}/*!\@:host([appearance=solid][color=dark]) a .calcite-button--icon,:host([appearance=solid][color=dark]) button .calcite-button--icon*/[appearance=solid][color=dark].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=solid][color=dark].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#fff}/*!\@:host([appearance=outline][color=blue]) a,:host([appearance=outline][color=blue]) button*/[appearance=outline][color=blue].sc-calcite-button-h a.sc-calcite-button, [appearance=outline][color=blue].sc-calcite-button-h button.sc-calcite-button{color:#007ac2;background-color:#fff;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!\@:host([appearance=outline][color=blue]) a:hover,:host([appearance=outline][color=blue]) button:hover*/[appearance=outline][color=blue].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=outline][color=blue].sc-calcite-button-h button.sc-calcite-button:hover{border-color:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}/*!\@:host([appearance=outline][color=blue]) a:active,:host([appearance=outline][color=blue]) a:focus,:host([appearance=outline][color=blue]) button:active,:host([appearance=outline][color=blue]) button:focus*/[appearance=outline][color=blue].sc-calcite-button-h a.sc-calcite-button:active, [appearance=outline][color=blue].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=outline][color=blue].sc-calcite-button-h button.sc-calcite-button:active, [appearance=outline][color=blue].sc-calcite-button-h button.sc-calcite-button:focus{color:#00619b;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}/*!\@:host([appearance=outline][color=blue]) a .calcite-button--icon,:host([appearance=outline][color=blue]) button .calcite-button--icon*/[appearance=outline][color=blue].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=outline][color=blue].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#007ac2}/*!\@:host([appearance=outline][color=red]) a,:host([appearance=outline][color=red]) button*/[appearance=outline][color=red].sc-calcite-button-h a.sc-calcite-button, [appearance=outline][color=red].sc-calcite-button-h button.sc-calcite-button{color:#d83020;background-color:#fff;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!\@:host([appearance=outline][color=red]) a:hover,:host([appearance=outline][color=red]) button:hover*/[appearance=outline][color=red].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=outline][color=red].sc-calcite-button-h button.sc-calcite-button:hover{border-color:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}/*!\@:host([appearance=outline][color=red]) a:active,:host([appearance=outline][color=red]) a:focus,:host([appearance=outline][color=red]) button:active,:host([appearance=outline][color=red]) button:focus*/[appearance=outline][color=red].sc-calcite-button-h a.sc-calcite-button:active, [appearance=outline][color=red].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=outline][color=red].sc-calcite-button-h button.sc-calcite-button:active, [appearance=outline][color=red].sc-calcite-button-h button.sc-calcite-button:focus{color:#a82b1e;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}/*!\@:host([appearance=outline][color=red]) a .calcite-button--icon,:host([appearance=outline][color=red]) button .calcite-button--icon*/[appearance=outline][color=red].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=outline][color=red].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#d83020}/*!\@:host([appearance=outline][color=light]) a,:host([appearance=outline][color=light]) button*/[appearance=outline][color=light].sc-calcite-button-h a.sc-calcite-button, [appearance=outline][color=light].sc-calcite-button-h button.sc-calcite-button{color:#151515;background-color:#fff;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!\@:host([appearance=outline][color=light]) a:hover,:host([appearance=outline][color=light]) button:hover*/[appearance=outline][color=light].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=outline][color=light].sc-calcite-button-h button.sc-calcite-button:hover{border-color:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}/*!\@:host([appearance=outline][color=light]) a:active,:host([appearance=outline][color=light]) a:focus,:host([appearance=outline][color=light]) button:active,:host([appearance=outline][color=light]) button:focus*/[appearance=outline][color=light].sc-calcite-button-h a.sc-calcite-button:active, [appearance=outline][color=light].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=outline][color=light].sc-calcite-button-h button.sc-calcite-button:active, [appearance=outline][color=light].sc-calcite-button-h button.sc-calcite-button:focus{color:#000;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}/*!\@:host([appearance=outline][color=light]) a .calcite-button--icon,:host([appearance=outline][color=light]) button .calcite-button--icon*/[appearance=outline][color=light].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=outline][color=light].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#151515}/*!\@:host([appearance=outline][color=dark]) a,:host([appearance=outline][color=dark]) button*/[appearance=outline][color=dark].sc-calcite-button-h a.sc-calcite-button, [appearance=outline][color=dark].sc-calcite-button-h button.sc-calcite-button{color:#151515;background-color:#fff;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!\@:host([appearance=outline][color=dark]) a:hover,:host([appearance=outline][color=dark]) button:hover*/[appearance=outline][color=dark].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=outline][color=dark].sc-calcite-button-h button.sc-calcite-button:hover{border-color:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}/*!\@:host([appearance=outline][color=dark]) a:active,:host([appearance=outline][color=dark]) a:focus,:host([appearance=outline][color=dark]) button:active,:host([appearance=outline][color=dark]) button:focus*/[appearance=outline][color=dark].sc-calcite-button-h a.sc-calcite-button:active, [appearance=outline][color=dark].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=outline][color=dark].sc-calcite-button-h button.sc-calcite-button:active, [appearance=outline][color=dark].sc-calcite-button-h button.sc-calcite-button:focus{color:#000;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}/*!\@:host([appearance=outline][color=dark]) a .calcite-button--icon,:host([appearance=outline][color=dark]) button .calcite-button--icon*/[appearance=outline][color=dark].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=outline][color=dark].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#151515}/*!\@:host([appearance=clear][color=blue]) a,:host([appearance=clear][color=blue]) button*/[appearance=clear][color=blue].sc-calcite-button-h a.sc-calcite-button, [appearance=clear][color=blue].sc-calcite-button-h button.sc-calcite-button{color:#007ac2;background-color:transparent;border:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!\@:host([appearance=clear][color=blue]) a:hover,:host([appearance=clear][color=blue]) button:hover*/[appearance=clear][color=blue].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=clear][color=blue].sc-calcite-button-h button.sc-calcite-button:hover{border-color:1px solid #007ac2;-webkit-box-shadow:inset 0 0 0 1px #007ac2;box-shadow:inset 0 0 0 1px #007ac2}/*!\@:host([appearance=clear][color=blue]) a:active,:host([appearance=clear][color=blue]) a:focus,:host([appearance=clear][color=blue]) button:active,:host([appearance=clear][color=blue]) button:focus*/[appearance=clear][color=blue].sc-calcite-button-h a.sc-calcite-button:active, [appearance=clear][color=blue].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=clear][color=blue].sc-calcite-button-h button.sc-calcite-button:active, [appearance=clear][color=blue].sc-calcite-button-h button.sc-calcite-button:focus{color:#00619b;border-color:#00619b;-webkit-box-shadow:inset 0 0 0 2px #00619b;box-shadow:inset 0 0 0 2px #00619b}/*!\@:host([appearance=clear][color=blue]) a .calcite-button--icon,:host([appearance=clear][color=blue]) button .calcite-button--icon*/[appearance=clear][color=blue].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=clear][color=blue].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#007ac2}/*!\@:host([appearance=clear][color=red]) a,:host([appearance=clear][color=red]) button*/[appearance=clear][color=red].sc-calcite-button-h a.sc-calcite-button, [appearance=clear][color=red].sc-calcite-button-h button.sc-calcite-button{color:#d83020;background-color:transparent;border:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!\@:host([appearance=clear][color=red]) a:hover,:host([appearance=clear][color=red]) button:hover*/[appearance=clear][color=red].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=clear][color=red].sc-calcite-button-h button.sc-calcite-button:hover{border-color:1px solid #d83020;-webkit-box-shadow:inset 0 0 0 1px #d83020;box-shadow:inset 0 0 0 1px #d83020}/*!\@:host([appearance=clear][color=red]) a:active,:host([appearance=clear][color=red]) a:focus,:host([appearance=clear][color=red]) button:active,:host([appearance=clear][color=red]) button:focus*/[appearance=clear][color=red].sc-calcite-button-h a.sc-calcite-button:active, [appearance=clear][color=red].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=clear][color=red].sc-calcite-button-h button.sc-calcite-button:active, [appearance=clear][color=red].sc-calcite-button-h button.sc-calcite-button:focus{color:#a82b1e;border-color:#a82b1e;-webkit-box-shadow:inset 0 0 0 2px #a82b1e;box-shadow:inset 0 0 0 2px #a82b1e}/*!\@:host([appearance=clear][color=red]) a .calcite-button--icon,:host([appearance=clear][color=red]) button .calcite-button--icon*/[appearance=clear][color=red].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=clear][color=red].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#d83020}/*!\@:host([appearance=clear][color=light]) a,:host([appearance=clear][color=light]) button*/[appearance=clear][color=light].sc-calcite-button-h a.sc-calcite-button, [appearance=clear][color=light].sc-calcite-button-h button.sc-calcite-button{color:#f8f8f8;background-color:transparent;border:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!\@:host([appearance=clear][color=light]) a:hover,:host([appearance=clear][color=light]) button:hover*/[appearance=clear][color=light].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=clear][color=light].sc-calcite-button-h button.sc-calcite-button:hover{border-color:1px solid #f3f3f3;-webkit-box-shadow:inset 0 0 0 1px #f3f3f3;box-shadow:inset 0 0 0 1px #f3f3f3}/*!\@:host([appearance=clear][color=light]) a:active,:host([appearance=clear][color=light]) a:focus,:host([appearance=clear][color=light]) button:active,:host([appearance=clear][color=light]) button:focus*/[appearance=clear][color=light].sc-calcite-button-h a.sc-calcite-button:active, [appearance=clear][color=light].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=clear][color=light].sc-calcite-button-h button.sc-calcite-button:active, [appearance=clear][color=light].sc-calcite-button-h button.sc-calcite-button:focus{color:#fff;border-color:#eaeaea;-webkit-box-shadow:inset 0 0 0 2px #eaeaea;box-shadow:inset 0 0 0 2px #eaeaea}/*!\@:host([appearance=clear][color=light]) a .calcite-button--icon,:host([appearance=clear][color=light]) button .calcite-button--icon*/[appearance=clear][color=light].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=clear][color=light].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#f8f8f8}/*!\@:host([appearance=clear][color=dark]) a,:host([appearance=clear][color=dark]) button*/[appearance=clear][color=dark].sc-calcite-button-h a.sc-calcite-button, [appearance=clear][color=dark].sc-calcite-button-h button.sc-calcite-button{color:#151515;background-color:transparent;border:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px transparent;box-shadow:inset 0 0 0 1px transparent}/*!\@:host([appearance=clear][color=dark]) a:hover,:host([appearance=clear][color=dark]) button:hover*/[appearance=clear][color=dark].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=clear][color=dark].sc-calcite-button-h button.sc-calcite-button:hover{border-color:1px solid #2b2b2b;-webkit-box-shadow:inset 0 0 0 1px #2b2b2b;box-shadow:inset 0 0 0 1px #2b2b2b}/*!\@:host([appearance=clear][color=dark]) a:active,:host([appearance=clear][color=dark]) a:focus,:host([appearance=clear][color=dark]) button:active,:host([appearance=clear][color=dark]) button:focus*/[appearance=clear][color=dark].sc-calcite-button-h a.sc-calcite-button:active, [appearance=clear][color=dark].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=clear][color=dark].sc-calcite-button-h button.sc-calcite-button:active, [appearance=clear][color=dark].sc-calcite-button-h button.sc-calcite-button:focus{color:#000;border-color:#000;-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}/*!\@:host([appearance=clear][color=dark]) a .calcite-button--icon,:host([appearance=clear][color=dark]) button .calcite-button--icon*/[appearance=clear][color=dark].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=clear][color=dark].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#151515}/*!\@:host([appearance=inline][color=blue]) a,:host([appearance=inline][color=blue]) button*/[appearance=inline][color=blue].sc-calcite-button-h a.sc-calcite-button, [appearance=inline][color=blue].sc-calcite-button-h button.sc-calcite-button{display:inline;padding:0;outline:none;border:none;color:#007ac2;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(0,122,194,.4)),to(rgba(0,122,194,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(0,122,194,.4),rgba(0,122,194,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}/*!\@:host([appearance=inline][color=blue]) a:focus,:host([appearance=inline][color=blue]) a:hover,:host([appearance=inline][color=blue]) button:focus,:host([appearance=inline][color=blue]) button:hover*/[appearance=inline][color=blue].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=inline][color=blue].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=inline][color=blue].sc-calcite-button-h button.sc-calcite-button:focus, [appearance=inline][color=blue].sc-calcite-button-h button.sc-calcite-button:hover{color:#2890ce;background-size:100% 2px,100% 1px}/*!\@:host([appearance=inline][color=blue]) a:active,:host([appearance=inline][color=blue]) button:active*/[appearance=inline][color=blue].sc-calcite-button-h a.sc-calcite-button:active, [appearance=inline][color=blue].sc-calcite-button-h button.sc-calcite-button:active{color:#007ac2;background-size:100% 2px,100% 1px}/*!\@:host([appearance=inline][color=blue]) a .calcite-button--icon,:host([appearance=inline][color=blue]) button .calcite-button--icon*/[appearance=inline][color=blue].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=inline][color=blue].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#007ac2;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}/*!\@:host([appearance=inline][color=red]) a,:host([appearance=inline][color=red]) button*/[appearance=inline][color=red].sc-calcite-button-h a.sc-calcite-button, [appearance=inline][color=red].sc-calcite-button-h button.sc-calcite-button{display:inline;padding:0;outline:none;border:none;color:#d83020;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(216,48,32,.4)),to(rgba(216,48,32,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(216,48,32,.4),rgba(216,48,32,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}/*!\@:host([appearance=inline][color=red]) a:focus,:host([appearance=inline][color=red]) a:hover,:host([appearance=inline][color=red]) button:focus,:host([appearance=inline][color=red]) button:hover*/[appearance=inline][color=red].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=inline][color=red].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=inline][color=red].sc-calcite-button-h button.sc-calcite-button:focus, [appearance=inline][color=red].sc-calcite-button-h button.sc-calcite-button:hover{color:#e65240;background-size:100% 2px,100% 1px}/*!\@:host([appearance=inline][color=red]) a:active,:host([appearance=inline][color=red]) button:active*/[appearance=inline][color=red].sc-calcite-button-h a.sc-calcite-button:active, [appearance=inline][color=red].sc-calcite-button-h button.sc-calcite-button:active{color:#d83020;background-size:100% 2px,100% 1px}/*!\@:host([appearance=inline][color=red]) a .calcite-button--icon,:host([appearance=inline][color=red]) button .calcite-button--icon*/[appearance=inline][color=red].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=inline][color=red].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#d83020;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}/*!\@:host([appearance=inline][color=light]) a,:host([appearance=inline][color=light]) button*/[appearance=inline][color=light].sc-calcite-button-h a.sc-calcite-button, [appearance=inline][color=light].sc-calcite-button-h button.sc-calcite-button{display:inline;padding:0;outline:none;border:none;color:#f3f3f3;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,95.3%,.4)),to(hsla(0,0%,95.3%,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(hsla(0,0%,95.3%,.4),hsla(0,0%,95.3%,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}/*!\@:host([appearance=inline][color=light]) a:focus,:host([appearance=inline][color=light]) a:hover,:host([appearance=inline][color=light]) button:focus,:host([appearance=inline][color=light]) button:hover*/[appearance=inline][color=light].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=inline][color=light].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=inline][color=light].sc-calcite-button-h button.sc-calcite-button:focus, [appearance=inline][color=light].sc-calcite-button-h button.sc-calcite-button:hover{color:#fff;background-size:100% 2px,100% 1px}/*!\@:host([appearance=inline][color=light]) a:active,:host([appearance=inline][color=light]) button:active*/[appearance=inline][color=light].sc-calcite-button-h a.sc-calcite-button:active, [appearance=inline][color=light].sc-calcite-button-h button.sc-calcite-button:active{color:#f3f3f3;background-size:100% 2px,100% 1px}/*!\@:host([appearance=inline][color=light]) a .calcite-button--icon,:host([appearance=inline][color=light]) button .calcite-button--icon*/[appearance=inline][color=light].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=inline][color=light].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#f3f3f3;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}/*!\@:host([appearance=inline][color=dark]) a,:host([appearance=inline][color=dark]) button*/[appearance=inline][color=dark].sc-calcite-button-h a.sc-calcite-button, [appearance=inline][color=dark].sc-calcite-button-h button.sc-calcite-button{display:inline;padding:0;outline:none;border:none;color:#2b2b2b;font-weight:500;font-size:inherit;white-space:normal;background-color:transparent;position:relative;background-image:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)),-webkit-gradient(linear,left top,left bottom,from(rgba(43,43,43,.4)),to(rgba(43,43,43,.4)));background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(43,43,43,.4),rgba(43,43,43,.4));background-position:0 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-size:0 2px,100% 1px;-webkit-transition:all .15s ease-in-out,background-size .3s ease-in-out;transition:all .15s ease-in-out,background-size .3s ease-in-out}/*!\@:host([appearance=inline][color=dark]) a:focus,:host([appearance=inline][color=dark]) a:hover,:host([appearance=inline][color=dark]) button:focus,:host([appearance=inline][color=dark]) button:hover*/[appearance=inline][color=dark].sc-calcite-button-h a.sc-calcite-button:focus, [appearance=inline][color=dark].sc-calcite-button-h a.sc-calcite-button:hover, [appearance=inline][color=dark].sc-calcite-button-h button.sc-calcite-button:focus, [appearance=inline][color=dark].sc-calcite-button-h button.sc-calcite-button:hover{color:#404040;background-size:100% 2px,100% 1px}/*!\@:host([appearance=inline][color=dark]) a:active,:host([appearance=inline][color=dark]) button:active*/[appearance=inline][color=dark].sc-calcite-button-h a.sc-calcite-button:active, [appearance=inline][color=dark].sc-calcite-button-h button.sc-calcite-button:active{color:#2b2b2b;background-size:100% 2px,100% 1px}/*!\@:host([appearance=inline][color=dark]) a .calcite-button--icon,:host([appearance=inline][color=dark]) button .calcite-button--icon*/[appearance=inline][color=dark].sc-calcite-button-h a.sc-calcite-button .calcite-button--icon.sc-calcite-button, [appearance=inline][color=dark].sc-calcite-button-h button.sc-calcite-button .calcite-button--icon.sc-calcite-button{fill:#2b2b2b;max-height:.8571428571rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}/*!\@:host([appearance=inline][dir=rtl]) a,:host([appearance=inline][dir=rtl]) button*/[appearance=inline][dir=rtl].sc-calcite-button-h a.sc-calcite-button, [appearance=inline][dir=rtl].sc-calcite-button-h button.sc-calcite-button{background-position:100% 100%,100% 100%}/*!\@:host([scale=xs]:not([appearance=inline])) a,:host([scale=xs]:not([appearance=inline])) button*/[scale=xs].sc-calcite-button-h:not([appearance=inline]) a.sc-calcite-button, [scale=xs].sc-calcite-button-h:not([appearance=inline]) button.sc-calcite-button{padding:calc(1.5rem/ 6) calc(1.5rem* .3);font-size:.8125rem;line-height:1.5}/*!\@:host([scale=s]:not([appearance=inline])) a,:host([scale=s]:not([appearance=inline])) button*/[scale=s].sc-calcite-button-h:not([appearance=inline]) a.sc-calcite-button, [scale=s].sc-calcite-button-h:not([appearance=inline]) button.sc-calcite-button{padding:calc(1.5rem/ 4) calc(1.5rem* .5);font-size:.875rem;line-height:1.5}/*!\@:host([scale=m]:not([appearance=inline])) a,:host([scale=m]:not([appearance=inline])) button*/[scale=m].sc-calcite-button-h:not([appearance=inline]) a.sc-calcite-button, [scale=m].sc-calcite-button-h:not([appearance=inline]) button.sc-calcite-button{padding:calc(1.5rem/ 3) calc(1.5rem* .75);font-size:.9375rem;line-height:1.5}/*!\@:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button*/[scale=l].sc-calcite-button-h:not([appearance=inline]) a.sc-calcite-button, [scale=l].sc-calcite-button-h:not([appearance=inline]) button.sc-calcite-button{padding:calc(1.5rem / 2) calc(1.5rem* 1);font-size:1.2019rem;line-height:1.5}\@media screen and (max-width:859px){/*!\@:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button*/[scale=l].sc-calcite-button-h:not([appearance=inline]) a.sc-calcite-button, [scale=l].sc-calcite-button-h:not([appearance=inline]) button.sc-calcite-button{font-size:1.1305rem}}\@media screen and (max-width:479px){/*!\@:host([scale=l]:not([appearance=inline])) a,:host([scale=l]:not([appearance=inline])) button*/[scale=l].sc-calcite-button-h:not([appearance=inline]) a.sc-calcite-button, [scale=l].sc-calcite-button-h:not([appearance=inline]) button.sc-calcite-button{font-size:1.0625rem}}/*!\@:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button*/[scale=xl].sc-calcite-button-h:not([appearance=inline]) a.sc-calcite-button, [scale=xl].sc-calcite-button-h:not([appearance=inline]) button.sc-calcite-button{padding:calc(1.5rem / 1.5) calc(1.5rem* 1.25);font-size:1.414rem;line-height:1.5}\@media screen and (max-width:859px){/*!\@:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button*/[scale=xl].sc-calcite-button-h:not([appearance=inline]) a.sc-calcite-button, [scale=xl].sc-calcite-button-h:not([appearance=inline]) button.sc-calcite-button{font-size:1.33rem}}\@media screen and (max-width:479px){/*!\@:host([scale=xl]:not([appearance=inline])) a,:host([scale=xl]:not([appearance=inline])) button*/[scale=xl].sc-calcite-button-h:not([appearance=inline]) a.sc-calcite-button, [scale=xl].sc-calcite-button-h:not([appearance=inline]) button.sc-calcite-button{font-size:1.25rem}}');
+styles.set('sc-calcite-checkbox','/*!\@body*/body.sc-calcite-checkbox{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-checkbox{overflow:hidden}/*!\@calcite-tabs*/calcite-tabs.sc-calcite-checkbox{display:block}/*!\@::slotted(input)*/.sc-calcite-checkbox-s > input{display:none}/*!\@:host*/.sc-calcite-checkbox-h{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;tap-highlight-color:transparent}/*!\@.check-svg,:host*/.check-svg.sc-calcite-checkbox, .sc-calcite-checkbox-h{display:inline-block;cursor:pointer}/*!\@.check-svg*/.check-svg.sc-calcite-checkbox{width:20px;height:20px;overflow:hidden;background-color:#fff;border:1px solid #757575;border-radius:2px;vertical-align:-.25em;margin-right:.25em;-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-box-sizing:border-box;box-sizing:border-box}/*!\@:host([theme=dark]) .check-svg*/[theme=dark].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{background-color:transparent;border-color:#eaeaea}/*!\@:host([theme=dark][disabled]) .check-svg*/[theme=dark][disabled].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{border-color:#757575;background-color:#2b2b2b}/*!\@:host([theme=dark][checked]) .check-svg,:host([theme=dark][indeterminate]) .check-svg*/[theme=dark][checked].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox, [theme=dark][indeterminate].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{background-color:#3db8ff}/*!\@:host([size=large]) .check-svg*/[size=large].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{width:24px;height:24px;border-radius:4px}/*!\@:host([size=small]) .check-svg*/[size=small].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{width:16px;height:16px}/*!\@:host([disabled])*/[disabled].sc-calcite-checkbox-h{pointer-events:none;cursor:default}/*!\@:host([disabled]) .check-svg*/[disabled].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{background-color:#f3f3f3;border-color:#eaeaea}/*!\@:host([disabled][checked]) .check-svg,:host([disabled][indeterminate]) .check-svg*/[disabled][checked].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox, [disabled][indeterminate].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{background-color:#84c1e8;border-color:#84c1e8}/*!\@:host([checked]) .check-svg,:host([indeterminate]) .check-svg*/[checked].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox, [indeterminate].sc-calcite-checkbox-h .check-svg.sc-calcite-checkbox{background-color:#007ac2;border:1px solid #007ac2}/*!\@:host(:focus),:host(:hover)*/.sc-calcite-checkbox-h:focus, .sc-calcite-checkbox-h:hover{outline:none}/*!\@:host(:focus) .check-svg,:host(:hover) .check-svg*/.sc-calcite-checkbox-h:focus .check-svg.sc-calcite-checkbox, .sc-calcite-checkbox-h:hover .check-svg.sc-calcite-checkbox{border-color:#0079c1!important;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5),0 0 5px rgba(81,167,232,.5);box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,167,232,.5),0 0 5px rgba(81,167,232,.5)}');
+styles.set('sc-calcite-example','/*!\@body*/body.sc-calcite-example{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-example{overflow:hidden}/*!\@calcite-tabs*/calcite-tabs.sc-calcite-example{display:block}');
+styles.set('sc-calcite-loader','/*!\@body*/body.sc-calcite-loader{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-loader{overflow:hidden}/*!\@calcite-tabs*/calcite-tabs.sc-calcite-loader{display:block}/*!\@:host*/.sc-calcite-loader-h{--calcite-loader-spot:#007ac2;--calcite-loader-spot-light:#009af2;--calcite-loader-spot-dark:#00619b;--calcite-loader-neutral:#eaeaea}/*!\@:host([theme=dark])*/[theme=dark].sc-calcite-loader-h{--calcite-loader-neutral:#151515}/*!\@:host*/.sc-calcite-loader-h{position:relative;display:none;padding-bottom:4rem;padding-top:4rem;margin-left:auto;margin-right:auto;min-height:54px;stroke:var(--calcite-loader-light);stroke-width:6px;stroke-dashoffset:0;fill:none;animation:loader-color-shift 2s linear infinite alternate-reverse}/*!\@:host([is-active])*/[is-active].sc-calcite-loader-h{display:block}/*!\@.loader__text*/.loader__text.sc-calcite-loader{margin-top:4rem;line-height:1.5}/*!\@.loader__percentage,.loader__text*/.loader__percentage.sc-calcite-loader, .loader__text.sc-calcite-loader{display:block;text-align:center;font-size:.875rem}/*!\@.loader__percentage*/.loader__percentage.sc-calcite-loader{left:50%;margin-top:27px;line-height:.25}/*!\@.loader__percentage,.loader__square*/.loader__percentage.sc-calcite-loader, .loader__square.sc-calcite-loader{width:54px;position:absolute;top:4rem;margin-left:-27px}/*!\@.loader__square*/.loader__square.sc-calcite-loader{height:54px;left:0;left:50%;stroke-dasharray:50% 350%;-webkit-animation:loader-clockwise 2s linear infinite;animation:loader-clockwise 2s linear infinite}/*!\@.loader__square--2*/.loader__square--2.sc-calcite-loader{stroke-dasharray:100% 225% 50% 25%;-webkit-animation:loader-clockwise 1s linear infinite;animation:loader-clockwise 1s linear infinite}/*!\@.loader__square--3*/.loader__square--3.sc-calcite-loader{stroke-dasharray:50% 50% 75% 225%;-webkit-animation:loader-clockwise 1.85s linear infinite;animation:loader-clockwise 1.85s linear infinite}\@supports (-ms-ime-align:auto){/*!\@.loader__square*/.loader__square.sc-calcite-loader{stroke-dashoffset:var(--calcite-loader-offset);-webkit-animation:none;animation:none}/*!\@.loader__square--2*/.loader__square--2.sc-calcite-loader{stroke-dashoffset:var(--calcite-loader-offset2)}/*!\@.loader__square--3*/.loader__square--3.sc-calcite-loader{stroke-dashoffset:var(--calcite-loader-offset3)}}/*!\@:host([type=determinate])*/[type=determinate].sc-calcite-loader-h{stroke:var(--calcite-loader-neutral);-webkit-animation:none;animation:none}/*!\@:host([type=determinate]) .loader__square--3*/[type=determinate].sc-calcite-loader-h .loader__square--3.sc-calcite-loader{stroke:var(--calcite-loader-spot);stroke-dasharray:400%;stroke-dashoffset:var(--calcite-loader-progress);-webkit-transition:all 50ms linear;transition:all 50ms linear;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:none;animation:none}/*!\@:host([inline])*/[inline].sc-calcite-loader-h{stroke:currentColor;stroke-width:4px;-webkit-animation:none;animation:none;margin:0;padding-bottom:0;padding-top:0;position:relative;height:16px;min-height:16px;width:16px;margin-right:8px;vertical-align:-2px}/*!\@:host([inline][dir=rtl])*/[inline][dir=rtl].sc-calcite-loader-h{margin-left:8px;margin-right:0}/*!\@:host([is-active][inline])*/[is-active][inline].sc-calcite-loader-h{display:inline-block}/*!\@:host([inline]) .loader__square*/[inline].sc-calcite-loader-h .loader__square.sc-calcite-loader{margin:0;position:absolute;top:0;left:0;width:16px;height:16px}\@-webkit-keyframes loader-color-shift{0%{stroke:var(--calcite-loader-spot-light)}to{stroke:var(--calcite-loader-spot-dark)}}\@keyframes loader-color-shift{0%{stroke:var(--calcite-loader-spot-light)}to{stroke:var(--calcite-loader-spot-dark)}}\@-webkit-keyframes loader-clockwise{0%{stroke-dashoffset:0}to{stroke-dashoffset:-400%}}\@keyframes loader-clockwise{0%{stroke-dashoffset:0}to{stroke-dashoffset:-400%}}');
+styles.set('sc-calcite-modal','/*!\@body*/body.sc-calcite-modal{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-modal{overflow:hidden}/*!\@calcite-tabs*/calcite-tabs.sc-calcite-modal{display:block}/*!\@:host*/.sc-calcite-modal-h{--calcite-modal-background:#fff;--calcite-modal-hover:#f3f3f3;--calcite-modal-pressed:#eaeaea;--calcite-modal-header-text:#151515;--calcite-modal-body-text:#151515;--calcite-modal-scrim:rgba(0,0,0,0.75);--calcite-modal-border:#f3f3f3;--calcite-modal-red:#d83020;--calcite-modal-blue:#007ac2;position:fixed;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow-y:hidden;color:var(--calcite-modal-body-text);opacity:0;visibility:hidden!important;background:var(--calcite-modal-scrim);-webkit-transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);z-index:101}/*!\@:host([theme=dark])*/[theme=dark].sc-calcite-modal-h{--calcite-modal-background:#353535;--calcite-modal-pressed:#202020;--calcite-modal-header-text:#fff;--calcite-modal-body-text:#f3f3f3;--calcite-modal-scrim:rgba(0,0,0,0.75);--calcite-modal-border:#2b2b2b;--calcite-modal-hover:#2b2b2b;--calcite-modal-red:#d90012;--calcite-modal-blue:#009af2}/*!\@.modal*/.modal.sc-calcite-modal{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:80vh;z-index:102;float:none;text-align:left;overflow-y:auto;-webkit-overflow-scrolling:touch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:row-wrap;flex-wrap:row-wrap;opacity:0;visibility:hidden;-webkit-transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear .3s,opacity .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15);margin:1.5rem}/*!\@:host(.is-active)*/.is-active.sc-calcite-modal-h{visibility:visible!important;opacity:1;-webkit-transition-delay:0ms;transition-delay:0ms}/*!\@:host(.is-active) .modal*/.is-active.sc-calcite-modal-h .modal.sc-calcite-modal{visibility:visible;opacity:1;-webkit-transition-delay:0ms;transition-delay:0ms;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88);transition:transform .3s cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity .3s cubic-bezier(.215,.44,.42,.88),max-width .3s cubic-bezier(.215,.44,.42,.88),max-height .3s cubic-bezier(.215,.44,.42,.88),-webkit-transform .3s cubic-bezier(.215,.44,.42,.88)}/*!\@:host([dir=rtl]) .modal*/[dir=rtl].sc-calcite-modal-h .modal.sc-calcite-modal{text-align:right}/*!\@:host([theme=dark]) .modal*/[theme=dark].sc-calcite-modal-h .modal.sc-calcite-modal{border:1px solid #202020}/*!\@focus-trap*/focus-trap.sc-calcite-modal{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}/*!\@.modal__header,focus-trap*/.modal__header.sc-calcite-modal, focus-trap.sc-calcite-modal{display:-ms-flexbox;display:flex}/*!\@.modal__header*/.modal__header.sc-calcite-modal{background-color:var(--calcite-modal-background);-ms-flex:0;flex:0;max-width:100%;min-width:0;z-index:2;border-bottom:1px solid var(--calcite-modal-border)}/*!\@.modal__close*/.modal__close.sc-calcite-modal{padding:1.125rem;-ms-flex-order:2;order:2;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:transparent;-webkit-appearance:none;border:none;color:var(--calcite-modal-body-text);outline:none;cursor:pointer}/*!\@.modal__close svg*/.modal__close.sc-calcite-modal svg.sc-calcite-modal{pointer-events:none}/*!\@.modal__close:focus,.modal__close:hover*/.modal__close.sc-calcite-modal:focus, .modal__close.sc-calcite-modal:hover{background-color:var(--calcite-modal-hover)}/*!\@.modal__close:active*/.modal__close.sc-calcite-modal:active{background-color:var(--calcite-modal-pressed)}/*!\@.modal__title*/.modal__title.sc-calcite-modal{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.75rem 1.5rem;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-order:1;order:1;min-width:0}/*!\@slot[name=header]::slotted(*)*/slot[name=header].sc-calcite-modal-s > *{margin:0;font-weight:400;font-size:1.414rem;line-height:1.5;color:var(--calcite-modal-header-text)}\@media screen and (max-width:859px){/*!\@slot[name=header]::slotted(*)*/slot[name=header].sc-calcite-modal-s > *{font-size:1.33rem}}\@media screen and (max-width:479px){/*!\@slot[name=header]::slotted(*)*/slot[name=header].sc-calcite-modal-s > *{font-size:1.25rem}}/*!\@.modal__content*/.modal__content.sc-calcite-modal{position:relative;padding:1.5rem;height:100%;-ms-flex:0;flex:0;overflow:auto;display:block;background-color:var(--calcite-modal-background);z-index:1}/*!\@slot[name=content]::slotted(*)*/slot[name=content].sc-calcite-modal-s > *{font-size:1rem;line-height:1.5}/*!\@.modal__footer*/.modal__footer.sc-calcite-modal{background-color:var(--calcite-modal-background);-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:1.2rem 1.125rem;border-top:1px solid var(--calcite-modal-border);z-index:2}/*!\@.modal__footer--hide-back slot[name=back],.modal__footer--hide-secondary slot[name=secondary]*/.modal__footer--hide-back.sc-calcite-modal slot[name=back].sc-calcite-modal, .modal__footer--hide-secondary.sc-calcite-modal slot[name=secondary].sc-calcite-modal{display:none}/*!\@slot[name=back]*/slot[name=back].sc-calcite-modal{display:block;margin-right:auto}/*!\@:host([dir=rtl]) slot[name=back]*/[dir=rtl].sc-calcite-modal-h slot[name=back].sc-calcite-modal{margin-left:auto;margin-right:unset}/*!\@slot[name=secondary]*/slot[name=secondary].sc-calcite-modal{display:block;margin:0 .375rem}/*!\@slot[name=primary]*/slot[name=primary].sc-calcite-modal{display:block}/*!\@:host([size=small]) .modal*/[size=small].sc-calcite-modal-h .modal.sc-calcite-modal{max-width:32rem}\@media screen and (max-width:35rem){/*!\@:host([size=small]) .modal*/[size=small].sc-calcite-modal-h .modal.sc-calcite-modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}/*!\@:host([size=small]) .modal__content*/[size=small].sc-calcite-modal-h .modal__content.sc-calcite-modal{-ms-flex:1 1 auto;flex:1 1 auto}/*!\@:host([size=small][docked])*/[size=small][docked].sc-calcite-modal-h{-ms-flex-align:end;align-items:flex-end}}/*!\@:host([size=medium]) .modal*/[size=medium].sc-calcite-modal-h .modal.sc-calcite-modal{max-width:64rem}\@media screen and (max-width:67rem){/*!\@:host([size=medium]) .modal*/[size=medium].sc-calcite-modal-h .modal.sc-calcite-modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}/*!\@:host([size=medium]) .modal__content*/[size=medium].sc-calcite-modal-h .modal__content.sc-calcite-modal{-ms-flex:1 1 auto;flex:1 1 auto}/*!\@:host([size=medium][docked])*/[size=medium][docked].sc-calcite-modal-h{-ms-flex-align:end;align-items:flex-end}}/*!\@:host([size=large]) .modal*/[size=large].sc-calcite-modal-h .modal.sc-calcite-modal{max-width:94rem}\@media screen and (max-width:97rem){/*!\@:host([size=large]) .modal*/[size=large].sc-calcite-modal-h .modal.sc-calcite-modal{height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}/*!\@:host([size=large]) .modal__content*/[size=large].sc-calcite-modal-h .modal__content.sc-calcite-modal{-ms-flex:1 1 auto;flex:1 1 auto}/*!\@:host([size=large][docked])*/[size=large][docked].sc-calcite-modal-h{-ms-flex-align:end;align-items:flex-end}}/*!\@:host([size=fullscreen])*/[size=fullscreen].sc-calcite-modal-h{background-color:transparent}/*!\@:host([size=fullscreen]) .modal*/[size=fullscreen].sc-calcite-modal-h .modal.sc-calcite-modal{-webkit-transform:translate3D(0,20px,0) scale(.95);transform:translate3D(0,20px,0) scale(.95);height:100vh;max-height:100vh;width:100vw;max-width:100vw;margin:0}/*!\@:host([size=fullscreen]) .modal__content*/[size=fullscreen].sc-calcite-modal-h .modal__content.sc-calcite-modal{-ms-flex:1 1 auto;flex:1 1 auto}/*!\@:host(.is-active[size=fullscreen]) .modal*/.is-active[size=fullscreen].sc-calcite-modal-h .modal.sc-calcite-modal{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}/*!\@:host([docked]) .modal*/[docked].sc-calcite-modal-h .modal.sc-calcite-modal{height:auto!important}/*!\@:host([docked]) .modal__content*/[docked].sc-calcite-modal-h .modal__content.sc-calcite-modal{-ms-flex:0;flex:0;height:auto}/*!\@:host([color=red]) .modal*/[color=red].sc-calcite-modal-h .modal.sc-calcite-modal{border-top:4px solid var(--calcite-modal-red);border-radius:2px 2px 0 0}/*!\@:host([color=blue]) .modal*/[color=blue].sc-calcite-modal-h .modal.sc-calcite-modal{border-top:4px solid var(--calcite-modal-blue);border-radius:2px 2px 0 0}\@media screen and (max-width:860px){/*!\@slot[name=header]::slotted(*)*/slot[name=header].sc-calcite-modal-s > *{font-size:1.2019rem;line-height:1.5}}\@media screen and (max-width:860px) and (max-width:859px){/*!\@slot[name=header]::slotted(*)*/slot[name=header].sc-calcite-modal-s > *{font-size:1.1305rem}}\@media screen and (max-width:860px) and (max-width:479px){/*!\@slot[name=header]::slotted(*)*/slot[name=header].sc-calcite-modal-s > *{font-size:1.0625rem}}\@media screen and (max-width:860px){/*!\@.modal__title*/.modal__title.sc-calcite-modal{padding:.375rem 1.0125rem}}\@media screen and (max-width:860px){/*!\@.modal__close,.modal__content*/.modal__close.sc-calcite-modal, .modal__content.sc-calcite-modal{padding:1.0125rem}}\@media screen and (max-width:860px){/*!\@.modal__footer*/.modal__footer.sc-calcite-modal{position:-webkit-sticky;position:sticky;bottom:0}}\@media screen and (max-width:480px){/*!\@.modal__footer*/.modal__footer.sc-calcite-modal{-ms-flex-direction:column;flex-direction:column}/*!\@slot[name=back],slot[name=secondary]*/slot[name=back].sc-calcite-modal, slot[name=secondary].sc-calcite-modal{margin:0 0 .375rem 0}}');
+styles.set('sc-calcite-progress','body{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}.overflow-hidden{overflow:hidden}calcite-tabs{display:block}.calcite-progress{position:relative;display:block}.calcite-progress:after,.calcite-progress:before{content:\"\";opacity:1;position:absolute;height:2px;top:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.calcite-progress:before{background-color:#007ac2;z-index:0;width:100%}.calcite-progress:after{background-color:hsla(0,0%,100%,.6);z-index:0}.calcite-progress[type=indeterminate]:after{width:20%;-webkit-animation:looping-progresss-bar-ani 1.5s linear infinite;animation:looping-progresss-bar-ani 1.5s linear infinite}.calcite-progress[type=determinate]:after{width:var(--percentage-value)}.calcite-progress__text{text-align:center}\@-webkit-keyframes looping-progresss-bar-ani{0%{left:0;width:0}20%{left:0;width:20%}80%{left:80%;width:20%}to{left:100%;width:0}}\@keyframes looping-progresss-bar-ani{0%{left:0;width:0}20%{left:0;width:20%}80%{left:80%;width:20%}to{left:100%;width:0}}');
+styles.set('sc-calcite-radio-group','/*!\@body*/body.sc-calcite-radio-group{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-radio-group{overflow:hidden}/*!\@:host,calcite-tabs*/.sc-calcite-radio-group-h, calcite-tabs.sc-calcite-radio-group{display:block}/*!\@:host*/.sc-calcite-radio-group-h{--calcite-radio-group-color:#fff;--calcite-radio-group-border-color:#757575;--calcite-radio-group-color-active:#007ac2;--calcite-radio-group-text-color:#000;--calcite-radio-group-text-color-active:#fff;--calcite-radio-group-color-hover:#f8f8f8;font-size:.9375rem;line-height:1.5}/*!\@:host([theme=dark])*/[theme=dark].sc-calcite-radio-group-h{--calcite-radio-group-color:#2b2b2b;--calcite-radio-group-border-color:#202020;--calcite-radio-group-color-active:#009af2;--calcite-radio-group-text-color:#fff;--calcite-radio-group-text-color-active:#fff;--calcite-radio-group-color-hover:#353535}/*!\@::slotted(calcite-radio-group-item:focus),::slotted(calcite-radio-group-item[checked])*/.sc-calcite-radio-group-s > calcite-radio-group-item:focus, .sc-calcite-radio-group-s > calcite-radio-group-item[checked]{z-index:0}/*!\@slot*/slot.sc-calcite-radio-group{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}');
+styles.set('sc-calcite-radio-group-item','/*!\@body*/body.sc-calcite-radio-group-item{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-radio-group-item{overflow:hidden}/*!\@calcite-tabs*/calcite-tabs.sc-calcite-radio-group-item{display:block}/*!\@:host*/.sc-calcite-radio-group-item-h{display:-ms-flexbox;display:flex;background-color:var(--calcite-radio-group-color);color:var(--calcite-radio-group-text-color);padding:.5rem 1rem;line-height:1.25;margin:.25rem -1px 0 0;border:1px solid var(--calcite-radio-group-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .1s ease-in-out,border-color .1s ease-in-out;transition:background .1s ease-in-out,border-color .1s ease-in-out;cursor:pointer}/*!\@:host(:hover)*/.sc-calcite-radio-group-item-h:hover{background-color:var(--calcite-radio-group-color-hover)}/*!\@:host([checked])*/[checked].sc-calcite-radio-group-item-h{background-color:var(--calcite-radio-group-color-active);border-color:var(--calcite-radio-group-color-active);color:var(--calcite-radio-group-text-color-active);cursor:default}/*!\@label*/label.sc-calcite-radio-group-item{cursor:pointer}/*!\@::slotted(input)*/.sc-calcite-radio-group-item-s > input{display:none}');
+styles.set('sc-calcite-slider','/*!\@body*/body.sc-calcite-slider{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-slider{overflow:hidden}/*!\@:host,calcite-tabs*/.sc-calcite-slider-h, calcite-tabs.sc-calcite-slider{display:block}/*!\@:host*/.sc-calcite-slider-h{--calcite-slider-spot:#007ac2;padding:7px 0;margin:7px 0;position:relative}/*!\@:host([disabled])*/[disabled].sc-calcite-slider-h{opacity:.5;pointer-events:none}/*!\@:host([label-handles]),:host([precise])*/[label-handles].sc-calcite-slider-h, [precise].sc-calcite-slider-h{margin-top:21px}/*!\@:host([label-ticks]),:host([precise][is-range])*/[label-ticks].sc-calcite-slider-h, [precise][is-range].sc-calcite-slider-h{margin-bottom:21px}/*!\@:host([precise][label-handles])*/[precise][label-handles].sc-calcite-slider-h{margin-top:35px}/*!\@:host([precise][label-handles][is-range])*/[precise][label-handles][is-range].sc-calcite-slider-h{margin-bottom:35px}/*!\@.slider__thumb*/.slider__thumb.sc-calcite-slider{position:absolute;right:var(--calcite-slider-range-max);height:28px;width:28px;margin:-14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;background:transparent;cursor:pointer;font-family:inherit;z-index:3}/*!\@.slider__thumb--min*/.slider__thumb--min.sc-calcite-slider{right:auto;left:var(--calcite-slider-range-min)}/*!\@.slider__handle*/.slider__handle.sc-calcite-slider{position:absolute;top:0;left:0;height:14px;width:14px;margin:7px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background-color:#fff;border:2px solid #959595;-webkit-transition:border .25s ease,background-color .25s ease,-webkit-box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,-webkit-box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,box-shadow .25s ease;transition:border .25s ease,background-color .25s ease,box-shadow .25s ease,-webkit-box-shadow .25s ease}/*!\@.slider__handle__label*/.slider__handle__label.sc-calcite-slider{position:absolute;left:0;bottom:28px;width:28px;height:.75em;font-size:.8125rem;line-height:1.5;line-height:1;color:#555;text-align:center}/*!\@.slider__thumb:hover .slider__handle*/.slider__thumb.sc-calcite-slider:hover .slider__handle.sc-calcite-slider{border-color:var(--calcite-slider-spot);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.1);box-shadow:0 0 16px 0 rgba(0,0,0,.1)}/*!\@.slider__thumb--active,.slider__thumb:focus*/.slider__thumb--active.sc-calcite-slider, .slider__thumb.sc-calcite-slider:focus{outline:none;z-index:4}/*!\@.slider__thumb--active .slider__handle,.slider__thumb:focus .slider__handle*/.slider__thumb--active.sc-calcite-slider .slider__handle.sc-calcite-slider, .slider__thumb.sc-calcite-slider:focus .slider__handle.sc-calcite-slider{background-color:var(--calcite-slider-spot);border-color:var(--calcite-slider-spot);-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.2);box-shadow:0 0 16px 0 rgba(0,0,0,.2)}/*!\@.slider__thumb--precise*/.slider__thumb--precise.sc-calcite-slider{margin-top:-28px}/*!\@.slider__thumb--precise:after*/.slider__thumb--precise.sc-calcite-slider:after{content:\"\";display:block;position:absolute;top:14px;left:50%;width:2px;height:7px;background-color:#959595;margin-left:-1px;margin-top:7px;z-index:2}/*!\@.slider__thumb--active.slider__thumb--precise:after,.slider__thumb:focus.slider__thumb--precise:after*/.slider__thumb--active.slider__thumb--precise.sc-calcite-slider:after, .slider__thumb.sc-calcite-slider:focus.slider__thumb--precise:after{background-color:var(--calcite-slider-spot)}/*!\@.slider__thumb--precise.slider__thumb--min*/.slider__thumb--precise.slider__thumb--min.sc-calcite-slider{margin-top:-2px}/*!\@.slider__thumb--precise.slider__thumb--min .slider__handle__label*/.slider__thumb--precise.slider__thumb--min.sc-calcite-slider .slider__handle__label.sc-calcite-slider{bottom:unset;top:28px}/*!\@.slider__thumb--precise.slider__thumb--min:after*/.slider__thumb--precise.slider__thumb--min.sc-calcite-slider:after{top:0;margin-top:0}/*!\@.slider__track*/.slider__track.sc-calcite-slider{height:2px;border-radius:0;z-index:2;background-color:#cacaca;-webkit-transition:all .25s ease-in;transition:all .25s ease-in;position:relative}/*!\@.slider__track__range*/.slider__track__range.sc-calcite-slider{position:absolute;top:0;right:var(--calcite-slider-range-max);left:var(--calcite-slider-range-min);height:2px;background-color:var(--calcite-slider-spot)}/*!\@.slider__tick*/.slider__tick.sc-calcite-slider{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-slider-tick-offset);margin-left:-2px;border:1px solid #fff;background-color:#959595}/*!\@.slider__tick--active*/.slider__tick--active.sc-calcite-slider{background-color:var(--calcite-slider-spot)}/*!\@.slider__tick__label*/.slider__tick__label.sc-calcite-slider{position:absolute;font-size:.8125rem;line-height:1.5;color:#555;width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}/*!\@.slider__tick__label--min*/.slider__tick__label--min.sc-calcite-slider{left:0;margin:14px -3px;text-align:left}/*!\@.slider__tick__label--max*/.slider__tick__label--max.sc-calcite-slider{left:unset;right:0;margin:14px -3px;text-align:right}');
+styles.set('sc-calcite-switch','/*!\@body*/body.sc-calcite-switch{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-switch{overflow:hidden}/*!\@calcite-tabs*/calcite-tabs.sc-calcite-switch{display:block}/*!\@::slotted(input)*/.sc-calcite-switch-s > input{display:none}/*!\@:host*/.sc-calcite-switch-h{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;tap-highlight-color:transparent}/*!\@.track*/.track.sc-calcite-switch{position:relative;display:inline-block;vertical-align:top;width:36px;height:20px;background-color:#f8f8f8;border-radius:30px;border:1px solid #eaeaea}/*!\@.handle,.track*/.handle.sc-calcite-switch, .track.sc-calcite-switch{-webkit-transition:all .25s ease;transition:all .25s ease}/*!\@.handle*/.handle.sc-calcite-switch{position:absolute;display:block;width:18px;height:18px;top:-1px;left:-1px;right:auto;background-color:#fff;border-radius:30px;border:2px solid #757575;-webkit-box-shadow:0 1px 1px 0 rgba(43,43,43,.2);box-shadow:0 1px 1px 0 rgba(43,43,43,.2)}/*!\@:host([switched]) .handle*/[switched].sc-calcite-switch-h .handle.sc-calcite-switch{right:-1px;left:auto;border-color:#004874;-webkit-box-shadow:0 2px 1px 0 rgba(43,43,43,.2);box-shadow:0 2px 1px 0 rgba(43,43,43,.2)}/*!\@:host([switched]) .track*/[switched].sc-calcite-switch-h .track.sc-calcite-switch{border-color:#00619b;background-color:#007ac2}/*!\@:host([switched][color=red]) .handle*/[switched][color=red].sc-calcite-switch-h .handle.sc-calcite-switch{border-color:#7c1d13}/*!\@:host([switched][color=red]) .track*/[switched][color=red].sc-calcite-switch-h .track.sc-calcite-switch{border-color:#7c1d13;background-color:#a82b1e}/*!\@:host(:focus),:host([switched]:focus)*/.sc-calcite-switch-h:focus, [switched].sc-calcite-switch-h:focus{outline:none}/*!\@:host(:focus) .track,:host([switched]:focus) .track*/.sc-calcite-switch-h:focus .track.sc-calcite-switch, [switched].sc-calcite-switch-h:focus .track.sc-calcite-switch{-webkit-box-shadow:0 0 4px 2px hsla(0,0%,45.9%,.9);box-shadow:0 0 4px 2px hsla(0,0%,45.9%,.9)}/*!\@:host(:hover) .track*/.sc-calcite-switch-h:hover .track.sc-calcite-switch{border-color:#eaeaea;background-color:#757575}/*!\@:host(:hover) .handle*/.sc-calcite-switch-h:hover .handle.sc-calcite-switch{border-color:#007ac2;-webkit-box-shadow:0 1px 2px 0 rgba(43,43,43,.2);box-shadow:0 1px 2px 0 rgba(43,43,43,.2)}/*!\@:host([color=red]:hover) .handle*/[color=red].sc-calcite-switch-h:hover .handle.sc-calcite-switch{border-color:#d83020}/*!\@:host([switched]:hover) .handle*/[switched].sc-calcite-switch-h:hover .handle.sc-calcite-switch{border-color:#004874}/*!\@:host([switched]:hover) .track*/[switched].sc-calcite-switch-h:hover .track.sc-calcite-switch{border-color:#00619b;background-color:#007ac2}/*!\@:host([switched][color=red]:hover) .handle*/[switched][color=red].sc-calcite-switch-h:hover .handle.sc-calcite-switch{border-color:#7c1d13}/*!\@:host([switched][color=red]:hover) .track*/[switched][color=red].sc-calcite-switch-h:hover .track.sc-calcite-switch{border-color:#7c1d13;background-color:#a82b1e}');
+styles.set('sc-calcite-tab','/*!\@body*/body.sc-calcite-tab{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-tab{overflow:hidden}/*!\@:host([is-active]) section,calcite-tabs*/[is-active].sc-calcite-tab-h section.sc-calcite-tab, calcite-tabs.sc-calcite-tab{display:block}/*!\@section*/section.sc-calcite-tab{display:none}');
+styles.set('sc-calcite-tab-nav','/*!\@body*/body.sc-calcite-tab-nav{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-tab-nav{overflow:hidden}/*!\@calcite-tabs*/calcite-tabs.sc-calcite-tab-nav{display:block}/*!\@.tab-nav*/.tab-nav.sc-calcite-tab-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:var(--calcite-tabs-layout);justify-content:var(--calcite-tabs-layout);overflow:auto}/*!\@::slotted(calcite-tab-title)*/.sc-calcite-tab-nav-s > calcite-tab-title{margin-right:var(--calcite-tabs-tab-margin-start);margin-left:var(--calcite-tabs-tab-margin-end)}/*!\@:host([dir=rtl]) ::slotted(calcite-tab-title)*/.sc-calcite-tab-nav-h[dir=rtl] .sc-calcite-tab-nav-s > calcite-tab-title{margin-right:var(--calcite-tabs-tab-margin-end);margin-left:var(--calcite-tabs-tab-margin-start)}');
+styles.set('sc-calcite-tab-title','/*!\@body*/body.sc-calcite-tab-title{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-tab-title{overflow:hidden}/*!\@calcite-tabs*/calcite-tabs.sc-calcite-tab-title{display:block}/*!\@:host*/.sc-calcite-tab-title-h{-ms-flex:0 1 var(--calcite-tabs-tab-basis);flex:0 1 var(--calcite-tabs-tab-basis);outline:none}/*!\@:host(:active) a,:host(:focus) a,:host(:hover) a*/.sc-calcite-tab-title-h:active a.sc-calcite-tab-title, .sc-calcite-tab-title-h:focus a.sc-calcite-tab-title, .sc-calcite-tab-title-h:hover a.sc-calcite-tab-title{outline:none;text-decoration:none;color:var(--calcite-tabs-color-active);border-bottom-color:var(--calcite-tabs-border-hover)}/*!\@:host([is-active]) a*/[is-active].sc-calcite-tab-title-h a.sc-calcite-tab-title{color:var(--calcite-tabs-color-active);border-bottom-color:var(--calcite-tabs-border-active)}/*!\@a*/a.sc-calcite-tab-title{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.875rem;line-height:1.5;padding:.5rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:3px solid transparent;cursor:pointer;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;color:var(--calcite-tabs-color);outline:none;width:100%;display:block;text-align:var(--calcite-tabs-tab-text-align)}');
+styles.set('sc-calcite-tabs','/*!\@body*/body.sc-calcite-tabs{font-family:Avenir Next W01,Avenir Next W00,Avenir Next,Avenir,Helvetica Neue,sans-serif}/*!\@.overflow-hidden*/.overflow-hidden.sc-calcite-tabs{overflow:hidden}/*!\@:host,calcite-tabs*/.sc-calcite-tabs-h, calcite-tabs.sc-calcite-tabs{display:block}/*!\@:host*/.sc-calcite-tabs-h{--calcite-tabs-color:#2b2b2b;--calcite-tabs-border:#eaeaea;--calcite-tabs-border-hover:#dfdfdf;--calcite-tabs-color-active:#151515;--calcite-tabs-border-active:#007ac2;--calcite-tabs-layout:flex-start;--calcite-tabs-tab-basis:auto;--calcite-tabs-tab-text-align:start;--calcite-tabs-tab-margin-start:1.25rem;--calcite-tabs-tab-margin-end:0}/*!\@:host([theme=dark])*/[theme=dark].sc-calcite-tabs-h{--calcite-tabs-color:#f3f3f3;--calcite-tabs-border:#404040;--calcite-tabs-border-hover:#757575;--calcite-tabs-color-active:#f8f8f8;--calcite-tabs-border-active:#fff}/*!\@:host([dir=rtl])*/[dir=rtl].sc-calcite-tabs-h{--calcite-tabs-tab-margin-start:0;--calcite-tabs-tab-margin-end:1.25rem}/*!\@:host([layout=center])*/[layout=center].sc-calcite-tabs-h{--calcite-tabs-layout:center;--calcite-tabs-tab-basis:200px;--calcite-tabs-tab-text-align:center;--calcite-tabs-tab-margin-start:1.25rem;--calcite-tabs-tab-margin-end:1.25rem}/*!\@.tab-contents*/.tab-contents.sc-calcite-tabs{border-top:1px solid var(--calcite-tabs-border)}');
+
+exports.bootstrapHydrate = bootstrapHydrate;
diff --git a/hydrate/index.d.ts b/hydrate/index.d.ts
new file mode 100644
index 00000000000..24d2c4b1840
--- /dev/null
+++ b/hydrate/index.d.ts
@@ -0,0 +1,94 @@
+export interface RenderToStringOptions extends SerializeDocumentOptions {
+    afterHydrate?(document: any): any | Promise<any>;
+    beforeHydrate?(document: any): any | Promise<any>;
+}
+export interface SerializeDocumentOptions extends HydrateDocumentOptions {
+    approximateLineWidth?: number;
+    prettyHtml?: boolean;
+    removeAttributeQuotes?: boolean;
+    removeBooleanAttributeQuotes?: boolean;
+    removeEmptyAttributes?: boolean;
+    removeHtmlComments?: boolean;
+}
+export interface HydrateDocumentOptions {
+    canonicalUrl?: string;
+    constrainTimeouts?: boolean;
+    clientHydrateAnnotations?: boolean;
+    cookie?: string;
+    direction?: string;
+    language?: string;
+    maxHydrateCount?: number;
+    referrer?: string;
+    removeScripts?: boolean;
+    removeUnusedStyles?: boolean;
+    resourcesUrl?: string;
+    timeout?: number;
+    title?: string;
+    url?: string;
+    userAgent?: string;
+}
+export interface HydrateResults {
+    diagnostics: HydrateDiagnostic[];
+    url: string;
+    host: string;
+    hostname: string;
+    href: string;
+    port: string;
+    pathname: string;
+    search: string;
+    hash: string;
+    html: string;
+    components: HydrateComponent[];
+    anchors: HydrateAnchorElement[];
+    styles: HydrateStyleElement[];
+    scripts: HydrateScriptElement[];
+    imgs: HydrateImgElement[];
+    title: string;
+    hydratedCount: number;
+    httpStatus?: number;
+}
+export interface HydrateComponent {
+    tag: string;
+    mode: string;
+    count: number;
+    depth: number;
+}
+export interface HydrateElement {
+    [attrName: string]: string | undefined;
+}
+export interface HydrateAnchorElement extends HydrateElement {
+    href?: string;
+    target?: string;
+}
+export interface HydrateStyleElement extends HydrateElement {
+    href?: string;
+}
+export interface HydrateScriptElement extends HydrateElement {
+    src?: string;
+    type?: string;
+}
+export interface HydrateImgElement extends HydrateElement {
+    src?: string;
+}
+export interface HydrateDiagnostic {
+    level: string | any;
+    type: string | any;
+    header?: string;
+    language?: string;
+    messageText: string;
+    debugText?: string;
+    code?: string;
+    absFilePath?: string;
+    relFilePath?: string;
+    lineNumber?: number;
+    columnNumber?: number;
+    lines?: {
+        lineIndex: number;
+        lineNumber: number;
+        text?: string;
+        errorCharStart: number;
+        errorLength?: number;
+    }[];
+}
+export declare function renderToString(html: string, opts?: RenderToStringOptions): Promise<HydrateResults>;
+export declare function hydrateDocument(doc: any, opts?: HydrateDocumentOptions): Promise<HydrateResults>;
\ No newline at end of file
diff --git a/hydrate/index.js b/hydrate/index.js
new file mode 100644
index 00000000000..8f087920cf6
--- /dev/null
+++ b/hydrate/index.js
@@ -0,0 +1,12628 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const hydrateAppFileName = 'calcite-hydrate.js';
+const hydrateAppPackageName = '@esri/calcite-components/hydrate';
+const requireFunc = typeof __webpack_require__ === 'function' ? __non_webpack_require__ : require;
+const vm = requireFunc('vm');
+function createHydrateAppSandbox(win) {
+    const appScript = loadHydrateAppScript();
+    const sandbox = createSandbox(win);
+    const context = vm.createContext(sandbox);
+    appScript.runInContext(context);
+    return sandbox.StencilHydrateApp;
+}
+let cachedAppScript = null;
+function loadHydrateAppScript() {
+    if (cachedAppScript == null) {
+        const fs = requireFunc('fs');
+        const path = requireFunc('path');
+        let hydrateAppFilePath;
+        let hydrateAppCode;
+        try {
+            hydrateAppFilePath = path.join(__dirname, hydrateAppFileName);
+            hydrateAppCode = fs.readFileSync(hydrateAppFilePath, 'utf8');
+        }
+        catch (e) {
+            const hydrateAppPackageIndex = requireFunc.resolve(hydrateAppPackageName);
+            const hydrateAppPackageDir = path.dirname(hydrateAppPackageIndex);
+            hydrateAppFilePath = path.join(hydrateAppPackageDir, hydrateAppFileName);
+            hydrateAppCode = fs.readFileSync(hydrateAppFilePath, 'utf8');
+        }
+        const code = `StencilHydrateApp = (exports => {${hydrateAppCode};return exports; })({});`;
+        cachedAppScript = new vm.Script(code, { filename: hydrateAppFilePath });
+    }
+    return cachedAppScript;
+}
+function createSandbox(win) {
+    const sandbox = {
+        __filename: __filename,
+        __dirname: __dirname,
+        Buffer: Buffer,
+        exports: exports,
+        fetch: win.fetch,
+        global: global,
+        module: module,
+        process: process,
+        require: requireFunc,
+        window: win
+    };
+    WINDOW_PROPS.forEach(prop => {
+        if (typeof win[prop] === 'function') {
+            sandbox[prop] = win[prop].bind(win);
+        }
+        else {
+            Object.defineProperty(sandbox, prop, {
+                get() { return win[prop]; },
+                set(val) { win[prop] = val; },
+                configurable: true,
+                enumerable: true
+            });
+        }
+    });
+    win.__clearInterval = clearInterval.bind(win);
+    win.__clearTimeout = clearTimeout.bind(win);
+    win.__setInterval = setInterval.bind(win);
+    win.__setTimeout = setTimeout.bind(win);
+    return sandbox;
+}
+const WINDOW_PROPS = [
+    'addEventListener',
+    'alert',
+    'cancelAnimationFrame',
+    'cancelIdleCallback',
+    'clearInterval',
+    'clearTimeout',
+    'close',
+    'confirm',
+    'console',
+    'CSS',
+    'CustomEvent',
+    'customElements',
+    'devicePixelRatio',
+    'dispatchEvent',
+    'Event',
+    'document',
+    'getComputedStyle',
+    'globalThis',
+    'history',
+    'HTMLElement',
+    'innerHeight',
+    'innerWidth',
+    'localStorage',
+    'location',
+    'matchMedia',
+    'navigator',
+    'pageXOffset',
+    'pageYOffset',
+    'parent',
+    'performance',
+    'prompt',
+    'origin',
+    'removeEventListener',
+    'requestAnimationFrame',
+    'requestIdleCallback',
+    'screen',
+    'screenLeft',
+    'screenTop',
+    'screenX',
+    'screenY',
+    'scrollX',
+    'scrollY',
+    'self',
+    'sessionStorage',
+    'setInterval',
+    'setTimeout',
+    'top',
+    'URL'
+];
+
+function relocateMetaCharset(doc) {
+    const head = doc.head;
+    let charsetElm = head.querySelector('meta[charset]');
+    if (charsetElm == null) {
+        charsetElm = doc.createElement('meta');
+        charsetElm.setAttribute('charset', 'utf-8');
+    }
+    else {
+        charsetElm.remove();
+    }
+    head.insertBefore(charsetElm, head.firstChild);
+}
+
+const commentre = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
+function parseCss(css, filePath) {
+    var lineno = 1;
+    var column = 1;
+    var srcLines;
+    function updatePosition(str) {
+        const lines = str.match(/\n/g);
+        if (lines)
+            lineno += lines.length;
+        const i = str.lastIndexOf('\n');
+        column = ~i ? str.length - i : column + str.length;
+    }
+    function position() {
+        const start = { line: lineno, column: column };
+        return function (node) {
+            node.position = new ParsePosition(start);
+            whitespace();
+            return node;
+        };
+    }
+    class ParsePosition {
+        constructor(start) {
+            this.start = start;
+            this.end = { line: lineno, column: column };
+            this.source = filePath;
+        }
+    }
+    ParsePosition.prototype.content = css;
+    const diagnostics = [];
+    function error(msg) {
+        if (!srcLines) {
+            srcLines = css.split('\n');
+        }
+        const d = {
+            level: 'error',
+            type: 'css',
+            language: 'css',
+            header: 'CSS Parse',
+            messageText: msg,
+            absFilePath: filePath,
+            lines: [{
+                    lineIndex: lineno - 1,
+                    lineNumber: lineno,
+                    errorCharStart: column,
+                    text: css[lineno - 1],
+                }]
+        };
+        if (lineno > 1) {
+            const previousLine = {
+                lineIndex: lineno - 1,
+                lineNumber: lineno - 1,
+                text: css[lineno - 2],
+                errorCharStart: -1,
+                errorLength: -1
+            };
+            d.lines.unshift(previousLine);
+        }
+        if (lineno + 2 < srcLines.length) {
+            const nextLine = {
+                lineIndex: lineno,
+                lineNumber: lineno + 1,
+                text: srcLines[lineno],
+                errorCharStart: -1,
+                errorLength: -1
+            };
+            d.lines.push(nextLine);
+        }
+        diagnostics.push(d);
+    }
+    function stylesheet() {
+        const rulesList = rules();
+        return {
+            type: 'stylesheet',
+            stylesheet: {
+                source: filePath,
+                rules: rulesList,
+                diagnostics: diagnostics
+            }
+        };
+    }
+    function open() {
+        return match(/^{\s*/);
+    }
+    function close() {
+        return match(/^}/);
+    }
+    function rules() {
+        var node;
+        const rules = [];
+        whitespace();
+        comments(rules);
+        while (css.length && css.charAt(0) !== '}' && (node = atrule() || rule())) {
+            if (node !== false) {
+                rules.push(node);
+                comments(rules);
+            }
+        }
+        return rules;
+    }
+    function match(re) {
+        const m = re.exec(css);
+        if (!m)
+            return;
+        const str = m[0];
+        updatePosition(str);
+        css = css.slice(str.length);
+        return m;
+    }
+    function whitespace() {
+        match(/^\s*/);
+    }
+    function comments(rules) {
+        var c;
+        rules = rules || [];
+        while (c = comment()) {
+            if (c !== false) {
+                rules.push(c);
+            }
+        }
+        return rules;
+    }
+    function comment() {
+        const pos = position();
+        if ('/' !== css.charAt(0) || '*' !== css.charAt(1))
+            return;
+        var i = 2;
+        while ('' !== css.charAt(i) && ('*' !== css.charAt(i) || '/' !== css.charAt(i + 1)))
+            ++i;
+        i += 2;
+        if ('' === css.charAt(i - 1)) {
+            return error('End of comment missing');
+        }
+        const str = css.slice(2, i - 2);
+        column += 2;
+        updatePosition(str);
+        css = css.slice(i);
+        column += 2;
+        return pos({
+            type: 'comment',
+            comment: str
+        });
+    }
+    function selector() {
+        const m = match(/^([^{]+)/);
+        if (!m)
+            return;
+        return trim(m[0])
+            .replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, '')
+            .replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g, function (m) {
+            return m.replace(/,/g, '\u200C');
+        })
+            .split(/\s*(?![^(]*\)),\s*/)
+            .map(function (s) {
+            return s.replace(/\u200C/g, ',');
+        });
+    }
+    function declaration() {
+        const pos = position();
+        var prop = match(/^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);
+        if (!prop)
+            return;
+        prop = trim(prop[0]);
+        if (!match(/^:\s*/))
+            return error(`property missing ':'`);
+        const val = match(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/);
+        const ret = pos({
+            type: 'declaration',
+            property: prop.replace(commentre, ''),
+            value: val ? trim(val[0]).replace(commentre, '') : ''
+        });
+        match(/^[;\s]*/);
+        return ret;
+    }
+    function declarations() {
+        const decls = [];
+        if (!open())
+            return error(`missing '{'`);
+        comments(decls);
+        var decl;
+        while (decl = declaration()) {
+            if (decl !== false) {
+                decls.push(decl);
+                comments(decls);
+            }
+        }
+        if (!close())
+            return error(`missing '}'`);
+        return decls;
+    }
+    function keyframe() {
+        var m;
+        const vals = [];
+        const pos = position();
+        while (m = match(/^((\d+\.\d+|\.\d+|\d+)%?|[a-z]+)\s*/)) {
+            vals.push(m[1]);
+            match(/^,\s*/);
+        }
+        if (!vals.length)
+            return;
+        return pos({
+            type: 'keyframe',
+            values: vals,
+            declarations: declarations()
+        });
+    }
+    function atkeyframes() {
+        const pos = position();
+        var m = match(/^@([-\w]+)?keyframes\s*/);
+        if (!m)
+            return;
+        const vendor = m[1];
+        m = match(/^([-\w]+)\s*/);
+        if (!m)
+            return error(`@keyframes missing name`);
+        const name = m[1];
+        if (!open())
+            return error(`@keyframes missing '{'`);
+        var frame;
+        var frames = comments();
+        while (frame = keyframe()) {
+            frames.push(frame);
+            frames = frames.concat(comments());
+        }
+        if (!close())
+            return error(`@keyframes missing '}'`);
+        return pos({
+            type: 'keyframes',
+            name: name,
+            vendor: vendor,
+            keyframes: frames
+        });
+    }
+    function atsupports() {
+        const pos = position();
+        const m = match(/^@supports *([^{]+)/);
+        if (!m)
+            return;
+        const supports = trim(m[1]);
+        if (!open())
+            return error(`@supports missing '{'`);
+        const style = comments().concat(rules());
+        if (!close())
+            return error(`@supports missing '}'`);
+        return pos({
+            type: 'supports',
+            supports: supports,
+            rules: style
+        });
+    }
+    function athost() {
+        const pos = position();
+        const m = match(/^@host\s*/);
+        if (!m)
+            return;
+        if (!open())
+            return error(`@host missing '{'`);
+        const style = comments().concat(rules());
+        if (!close())
+            return error(`@host missing '}'`);
+        return pos({
+            type: 'host',
+            rules: style
+        });
+    }
+    function atmedia() {
+        const pos = position();
+        const m = match(/^@media *([^{]+)/);
+        if (!m)
+            return;
+        const media = trim(m[1]);
+        if (!open())
+            return error(`@media missing '{'`);
+        const style = comments().concat(rules());
+        if (!close())
+            return error(`@media missing '}'`);
+        return pos({
+            type: 'media',
+            media: media,
+            rules: style
+        });
+    }
+    function atcustommedia() {
+        const pos = position();
+        const m = match(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);
+        if (!m)
+            return;
+        return pos({
+            type: 'custom-media',
+            name: trim(m[1]),
+            media: trim(m[2])
+        });
+    }
+    function atpage() {
+        const pos = position();
+        const m = match(/^@page */);
+        if (!m)
+            return;
+        const sel = selector() || [];
+        if (!open())
+            return error(`@page missing '{'`);
+        var decls = comments();
+        var decl;
+        while (decl = declaration()) {
+            decls.push(decl);
+            decls = decls.concat(comments());
+        }
+        if (!close())
+            return error(`@page missing '}'`);
+        return pos({
+            type: 'page',
+            selectors: sel,
+            declarations: decls
+        });
+    }
+    function atdocument() {
+        const pos = position();
+        const m = match(/^@([-\w]+)?document *([^{]+)/);
+        if (!m)
+            return;
+        const vendor = trim(m[1]);
+        const doc = trim(m[2]);
+        if (!open())
+            return error(`@document missing '{'`);
+        const style = comments().concat(rules());
+        if (!close())
+            return error(`@document missing '}'`);
+        return pos({
+            type: 'document',
+            document: doc,
+            vendor: vendor,
+            rules: style
+        });
+    }
+    function atfontface() {
+        const pos = position();
+        const m = match(/^@font-face\s*/);
+        if (!m)
+            return;
+        if (!open())
+            return error(`@font-face missing '{'`);
+        var decls = comments();
+        var decl;
+        while (decl = declaration()) {
+            decls.push(decl);
+            decls = decls.concat(comments());
+        }
+        if (!close())
+            return error(`@font-face missing '}'`);
+        return pos({
+            type: 'font-face',
+            declarations: decls
+        });
+    }
+    const atimport = _compileAtrule('import');
+    const atcharset = _compileAtrule('charset');
+    const atnamespace = _compileAtrule('namespace');
+    function _compileAtrule(name) {
+        const re = new RegExp('^@' + name + '\\s*([^;]+);');
+        return function () {
+            const pos = position();
+            const m = match(re);
+            if (!m)
+                return;
+            const ret = { type: name };
+            ret[name] = m[1].trim();
+            return pos(ret);
+        };
+    }
+    function atrule() {
+        if (css[0] !== '@')
+            return;
+        return atkeyframes()
+            || atmedia()
+            || atcustommedia()
+            || atsupports()
+            || atimport()
+            || atcharset()
+            || atnamespace()
+            || atdocument()
+            || atpage()
+            || athost()
+            || atfontface();
+    }
+    function rule() {
+        const pos = position();
+        const sel = selector();
+        if (!sel)
+            return error('selector missing');
+        comments();
+        return pos({
+            type: 'rule',
+            selectors: sel,
+            declarations: declarations()
+        });
+    }
+    return addParent(stylesheet());
+}
+function trim(str) {
+    return str ? str.trim() : '';
+}
+function addParent(obj, parent) {
+    const isNode = obj && typeof obj.type === 'string';
+    const childParent = isNode ? obj : parent;
+    for (const k in obj) {
+        const value = obj[k];
+        if (Array.isArray(value)) {
+            value.forEach(function (v) { addParent(v, childParent); });
+        }
+        else if (value && typeof value === 'object') {
+            addParent(value, childParent);
+        }
+    }
+    if (isNode) {
+        Object.defineProperty(obj, 'parent', {
+            configurable: true,
+            writable: true,
+            enumerable: false,
+            value: parent || null
+        });
+    }
+    return obj;
+}
+
+function getSelectors(sel) {
+    SELECTORS.all.length = SELECTORS.tags.length = SELECTORS.classNames.length = SELECTORS.ids.length = SELECTORS.attrs.length = 0;
+    sel = sel.replace(/\./g, ' .')
+        .replace(/\#/g, ' #')
+        .replace(/\[/g, ' [')
+        .replace(/\>/g, ' > ')
+        .replace(/\+/g, ' + ')
+        .replace(/\~/g, ' ~ ')
+        .replace(/\*/g, ' * ')
+        .replace(/\:not\((.*?)\)/g, ' ');
+    const items = sel.split(' ');
+    for (var i = 0; i < items.length; i++) {
+        items[i] = items[i].split(':')[0];
+        if (items[i].length === 0)
+            continue;
+        if (items[i].charAt(0) === '.') {
+            SELECTORS.classNames.push(items[i].substr(1));
+        }
+        else if (items[i].charAt(0) === '#') {
+            SELECTORS.ids.push(items[i].substr(1));
+        }
+        else if (items[i].charAt(0) === '[') {
+            items[i] = items[i].substr(1).split('=')[0].split(']')[0].trim();
+            SELECTORS.attrs.push(items[i].toLowerCase());
+        }
+        else if (/[a-z]/g.test(items[i].charAt(0))) {
+            SELECTORS.tags.push(items[i].toLowerCase());
+        }
+    }
+    SELECTORS.classNames = SELECTORS.classNames.sort((a, b) => {
+        if (a.length < b.length)
+            return -1;
+        if (a.length > b.length)
+            return 1;
+        return 0;
+    });
+    return SELECTORS;
+}
+const SELECTORS = {
+    all: [],
+    tags: [],
+    classNames: [],
+    ids: [],
+    attrs: []
+};
+
+class StringifyCss {
+    constructor(usedSelectors) {
+        this.usedSelectors = usedSelectors;
+        this.hasUsedAttrs = usedSelectors.attrs.size > 0;
+        this.hasUsedClassNames = usedSelectors.classNames.size > 0;
+        this.hasUsedIds = usedSelectors.ids.size > 0;
+        this.hasUsedTags = usedSelectors.tags.size > 0;
+    }
+    visit(node) {
+        return this[node.type](node);
+    }
+    mapVisit(nodes, delim) {
+        let buf = '';
+        delim = delim || '';
+        for (let i = 0, length = nodes.length; i < length; i++) {
+            buf += this.visit(nodes[i]);
+            if (delim && i < length - 1)
+                buf += delim;
+        }
+        return buf;
+    }
+    compile(node) {
+        return node.stylesheet
+            .rules.map(this.visit, this)
+            .join('');
+    }
+    comment() {
+        return '';
+    }
+    import(node) {
+        return '@import ' + node.import + ';';
+    }
+    media(node) {
+        const mediaCss = this.mapVisit(node.rules);
+        if (mediaCss === '') {
+            return '';
+        }
+        return '@media ' + node.media + '{' + this.mapVisit(node.rules) + '}';
+    }
+    document(node) {
+        const documentCss = this.mapVisit(node.rules);
+        if (documentCss === '') {
+            return '';
+        }
+        const doc = '@' + (node.vendor || '') + 'document ' + node.document;
+        return doc + '{' + documentCss + '}';
+    }
+    charset(node) {
+        return '@charset ' + node.charset + ';';
+    }
+    namespace(node) {
+        return '@namespace ' + node.namespace + ';';
+    }
+    supports(node) {
+        const supportsCss = this.mapVisit(node.rules);
+        if (supportsCss === '') {
+            return '';
+        }
+        return '@supports ' + node.supports + '{' + supportsCss + '}';
+    }
+    keyframes(node) {
+        const keyframesCss = this.mapVisit(node.keyframes);
+        if (keyframesCss === '') {
+            return '';
+        }
+        return '@' + (node.vendor || '') + 'keyframes ' + node.name + '{' + keyframesCss + '}';
+    }
+    keyframe(node) {
+        const decls = node.declarations;
+        return node.values.join(',') + '{' + this.mapVisit(decls) + '}';
+    }
+    page(node) {
+        const sel = node.selectors.length
+            ? node.selectors.join(', ')
+            : '';
+        return '@page ' + sel + '{' + this.mapVisit(node.declarations) + '}';
+    }
+    ['font-face'](node) {
+        const fontCss = this.mapVisit(node.declarations);
+        if (fontCss === '') {
+            return '';
+        }
+        return '@font-face{' + fontCss + '}';
+    }
+    host(node) {
+        return '@host{' + this.mapVisit(node.rules) + '}';
+    }
+    ['custom-media'](node) {
+        return '@custom-media ' + node.name + ' ' + node.media + ';';
+    }
+    rule(node) {
+        const decls = node.declarations;
+        if (decls == null || decls.length === 0) {
+            return '';
+        }
+        const usedSelectors = this.usedSelectors;
+        let i;
+        let j;
+        for (i = node.selectors.length - 1; i >= 0; i--) {
+            const sel = getSelectors(node.selectors[i]);
+            let include = true;
+            let jlen = sel.classNames.length;
+            if (jlen > 0 && this.hasUsedClassNames) {
+                for (j = 0; j < jlen; j++) {
+                    if (!usedSelectors.classNames.has(sel.classNames[j])) {
+                        include = false;
+                        break;
+                    }
+                }
+            }
+            if (include && this.hasUsedTags) {
+                jlen = sel.tags.length;
+                if (jlen > 0) {
+                    for (j = 0; j < jlen; j++) {
+                        if (!usedSelectors.tags.has(sel.tags[j])) {
+                            include = false;
+                            break;
+                        }
+                    }
+                }
+            }
+            if (include && this.hasUsedAttrs) {
+                jlen = sel.attrs.length;
+                if (jlen > 0) {
+                    for (j = 0; j < jlen; j++) {
+                        if (!usedSelectors.attrs.has(sel.attrs[j])) {
+                            include = false;
+                            break;
+                        }
+                    }
+                }
+            }
+            if (include && this.hasUsedIds) {
+                jlen = sel.ids.length;
+                if (jlen > 0) {
+                    for (j = 0; j < jlen; j++) {
+                        if (!usedSelectors.ids.has(sel.ids[j])) {
+                            include = false;
+                            break;
+                        }
+                    }
+                }
+            }
+            if (!include) {
+                node.selectors.splice(i, 1);
+            }
+        }
+        if (node.selectors.length === 0) {
+            return '';
+        }
+        return `${node.selectors}{${this.mapVisit(decls)}}`;
+    }
+    declaration(node) {
+        return node.property + ':' + node.value + ';';
+    }
+}
+
+class UsedSelectors {
+    constructor(elm) {
+        this.tags = new Set();
+        this.classNames = new Set();
+        this.ids = new Set();
+        this.attrs = new Set();
+        this.collectSelectors(elm);
+    }
+    collectSelectors(elm) {
+        if (elm != null && elm.tagName) {
+            const tagName = elm.tagName.toLowerCase();
+            this.tags.add(tagName);
+            const attributes = elm.attributes;
+            for (let i = 0, l = attributes.length; i < l; i++) {
+                const attr = attributes.item(i);
+                const attrName = attr.name.toLowerCase();
+                if (attrName === 'class') {
+                    const classList = elm.classList;
+                    for (let i = 0, l = classList.length; i < l; i++) {
+                        this.classNames.add(classList.item(i));
+                    }
+                }
+                else if (attrName === 'style') {
+                    continue;
+                }
+                else if (attrName === 'id') {
+                    this.ids.add(attr.value);
+                }
+                else {
+                    this.attrs.add(attrName);
+                }
+            }
+            for (let i = 0, l = elm.children.length; i < l; i++) {
+                this.collectSelectors(elm.children[i]);
+            }
+        }
+    }
+}
+
+function removeUnusedStyles(doc, results) {
+    const styleElms = doc.head.querySelectorAll(`style[data-styles]`);
+    if (styleElms.length > 0) {
+        const usedSelectors = new UsedSelectors(doc.body);
+        for (let i = 0; i < styleElms.length; i++) {
+            removeUnusedStyleText(usedSelectors, results, styleElms[i]);
+        }
+    }
+}
+function removeUnusedStyleText(usedSelectors, results, styleElm) {
+    try {
+        const cssAst = parseCss(styleElm.innerHTML);
+        if (cssAst.stylesheet.diagnostics.length > 0) {
+            results.diagnostics.push(...cssAst.stylesheet.diagnostics);
+            return;
+        }
+        try {
+            const stringify = new StringifyCss(usedSelectors);
+            styleElm.innerHTML = stringify.compile(cssAst);
+        }
+        catch (e) {
+            results.diagnostics.push({
+                level: 'warn',
+                type: 'css',
+                header: 'CSS Stringify',
+                messageText: e
+            });
+        }
+    }
+    catch (e) {
+        results.diagnostics.push({
+            level: 'warn',
+            type: 'css',
+            header: 'CSS Parse',
+            messageText: e
+        });
+    }
+}
+
+const URL_ = /*@__PURE__*/(function(){
+  if (typeof URL === 'function') {
+    return URL;
+  }
+  const requireFunc = typeof __webpack_require__ === 'function' ? __non_webpack_require__ : require;
+  if (typeof requireFunc === 'function') {
+    try {
+      return requireFunc('url').URL;
+    } catch (e) {}
+  }
+  return function() {}
+})();
+
+function normalizeHydrateOptions(inputOpts) {
+    const outputOpts = Object.assign({}, inputOpts);
+    if (typeof outputOpts.clientHydrateAnnotations !== 'boolean') {
+        outputOpts.clientHydrateAnnotations = true;
+    }
+    if (typeof outputOpts.constrainTimeouts !== 'boolean') {
+        outputOpts.constrainTimeouts = true;
+    }
+    if (typeof outputOpts.maxHydrateCount !== 'number') {
+        outputOpts.maxHydrateCount = 300;
+    }
+    if (typeof outputOpts.timeout !== 'number') {
+        outputOpts.timeout = 10000;
+    }
+    return outputOpts;
+}
+function generateHydrateResults(opts) {
+    if (typeof opts.url !== 'string') {
+        opts.url = `https://hydrate.stenciljs.com/`;
+    }
+    const results = {
+        diagnostics: [],
+        url: opts.url,
+        host: null,
+        hostname: null,
+        href: null,
+        port: null,
+        pathname: null,
+        search: null,
+        hash: null,
+        html: null,
+        hydratedCount: 0,
+        anchors: [],
+        components: [],
+        imgs: [],
+        scripts: [],
+        styles: [],
+        title: null
+    };
+    try {
+        const url = new URL_(opts.url, `https://hydrate.stenciljs.com/`);
+        results.url = url.href;
+        results.host = url.host;
+        results.hostname = url.hostname;
+        results.href = url.href;
+        results.port = url.port;
+        results.pathname = url.pathname;
+        results.search = url.search;
+        results.hash = url.hash;
+    }
+    catch (e) {
+        renderCatchError(results, e);
+    }
+    return results;
+}
+function renderBuildError(results, msg) {
+    const diagnostic = {
+        level: 'error',
+        type: 'build',
+        header: 'Hydrate Error',
+        messageText: msg,
+        relFilePath: null,
+        absFilePath: null,
+        lines: []
+    };
+    if (results.pathname) {
+        if (results.pathname !== '/') {
+            diagnostic.header += ': ' + results.pathname;
+        }
+    }
+    else if (results.url) {
+        diagnostic.header += ': ' + results.url;
+    }
+    results.diagnostics.push(diagnostic);
+    return diagnostic;
+}
+function renderCatchError(results, err) {
+    const diagnostic = renderBuildError(results, null);
+    if (err != null) {
+        if (err.stack != null) {
+            diagnostic.messageText = err.stack.toString();
+        }
+        else {
+            if (err.message != null) {
+                diagnostic.messageText = err.message.toString();
+            }
+            else {
+                diagnostic.messageText = err.toString();
+            }
+        }
+    }
+    return diagnostic;
+}
+
+function updateCanonicalLink(doc, href) {
+    let canonicalLinkElm = doc.head.querySelector('link[rel="canonical"]');
+    if (typeof href === 'string') {
+        if (canonicalLinkElm == null) {
+            canonicalLinkElm = doc.createElement('link');
+            canonicalLinkElm.setAttribute('rel', 'canonical');
+            doc.head.appendChild(canonicalLinkElm);
+        }
+        canonicalLinkElm.setAttribute('href', href);
+    }
+    else {
+        if (canonicalLinkElm != null) {
+            canonicalLinkElm.parentNode.removeChild(canonicalLinkElm);
+        }
+    }
+}
+
+function finalizeWindow(doc, opts, results) {
+    if (opts.removeUnusedStyles !== false) {
+        try {
+            removeUnusedStyles(doc, results);
+        }
+        catch (e) {
+            renderCatchError(results, e);
+        }
+    }
+    if (typeof opts.title === 'string') {
+        try {
+            doc.title = opts.title;
+        }
+        catch (e) {
+            renderCatchError(results, e);
+        }
+    }
+    if (opts.removeScripts) {
+        removeScripts(doc.documentElement);
+    }
+    try {
+        updateCanonicalLink(doc, opts.canonicalUrl);
+    }
+    catch (e) {
+        renderCatchError(results, e);
+    }
+    try {
+        relocateMetaCharset(doc);
+    }
+    catch (e) { }
+    try {
+        getHttpStatus(doc, results);
+    }
+    catch (e) { }
+    if (opts.clientHydrateAnnotations) {
+        doc.documentElement.classList.add('hydrated');
+    }
+    results.title = doc.title;
+}
+function removeScripts(elm) {
+    const children = elm.children;
+    for (let i = children.length - 1; i >= 0; i--) {
+        const child = children[i];
+        removeScripts(child);
+        if (child.nodeName === 'SCRIPT') {
+            child.remove();
+        }
+        else if (child.nodeName === 'LINK' && child.getAttribute('rel') === 'modulepreload') {
+            child.remove();
+        }
+    }
+}
+function getHttpStatus(doc, results) {
+    const metaStatus = doc.head.querySelector('meta[http-equiv="status"]');
+    if (metaStatus != null) {
+        const content = metaStatus.getAttribute('content');
+        if (content != null) {
+            results.httpStatus = parseInt(content, 10);
+        }
+    }
+}
+
+const CONTENT_REF_ID = 'r';
+const ORG_LOCATION_ID = 'o';
+const SLOT_NODE_ID = 's';
+const TEXT_NODE_ID = 't';
+const XLINK_NS = 'http://www.w3.org/1999/xlink';
+
+class MockAttributeMap {
+    constructor(caseInsensitive = false) {
+        this.caseInsensitive = caseInsensitive;
+        this.items = [];
+    }
+    get length() {
+        return this.items.length;
+    }
+    item(index) {
+        return this.items[index] || null;
+    }
+    setNamedItem(attr) {
+        attr.namespaceURI = null;
+        this.setNamedItemNS(attr);
+    }
+    setNamedItemNS(attr) {
+        if (attr != null && attr.value != null) {
+            attr.value = String(attr.value);
+        }
+        const existingAttr = this.items.find(a => a.name === attr.name && a.namespaceURI === attr.namespaceURI);
+        if (existingAttr != null) {
+            existingAttr.value = attr.value;
+        }
+        else {
+            this.items.push(attr);
+        }
+    }
+    getNamedItem(attrName) {
+        if (this.caseInsensitive) {
+            attrName = attrName.toLowerCase();
+        }
+        return this.getNamedItemNS(null, attrName);
+    }
+    getNamedItemNS(namespaceURI, attrName) {
+        namespaceURI = getNamespaceURI(namespaceURI);
+        return this.items.find(attr => attr.name === attrName && getNamespaceURI(attr.namespaceURI) === namespaceURI) || null;
+    }
+    removeNamedItem(attr) {
+        this.removeNamedItemNS(attr);
+    }
+    removeNamedItemNS(attr) {
+        for (let i = 0, ii = this.items.length; i < ii; i++) {
+            if (this.items[i].name === attr.name && this.items[i].namespaceURI === attr.namespaceURI) {
+                this.items.splice(i, 1);
+                break;
+            }
+        }
+    }
+}
+function getNamespaceURI(namespaceURI) {
+    return namespaceURI === XLINK_NS ? null : namespaceURI;
+}
+function cloneAttributes(srcAttrs, sortByName = false) {
+    const dstAttrs = new MockAttributeMap(srcAttrs.caseInsensitive);
+    if (srcAttrs != null) {
+        const attrLen = srcAttrs.length;
+        if (sortByName && attrLen > 1) {
+            const sortedAttrs = [];
+            for (let i = 0; i < attrLen; i++) {
+                const srcAttr = srcAttrs.item(i);
+                const dstAttr = new MockAttr(srcAttr.name, srcAttr.value, srcAttr.namespaceURI);
+                sortedAttrs.push(dstAttr);
+            }
+            sortedAttrs.sort(sortAttributes).forEach(attr => {
+                dstAttrs.setNamedItemNS(attr);
+            });
+        }
+        else {
+            for (let i = 0; i < attrLen; i++) {
+                const srcAttr = srcAttrs.item(i);
+                const dstAttr = new MockAttr(srcAttr.name, srcAttr.value, srcAttr.namespaceURI);
+                dstAttrs.setNamedItemNS(dstAttr);
+            }
+        }
+    }
+    return dstAttrs;
+}
+function sortAttributes(a, b) {
+    if (a.name < b.name)
+        return -1;
+    if (a.name > b.name)
+        return 1;
+    return 0;
+}
+class MockAttr {
+    constructor(attrName, attrValue = '', namespaceURI = null) {
+        this._name = attrName;
+        this._value = String(attrValue || '');
+        this._namespaceURI = namespaceURI;
+    }
+    get name() {
+        return this._name;
+    }
+    set name(value) {
+        this._name = value.toLowerCase();
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        this._value = String(value || '');
+    }
+    get nodeName() {
+        return this._name;
+    }
+    set nodeName(value) {
+        this._name = value;
+    }
+    get nodeValue() {
+        return this._value;
+    }
+    set nodeValue(value) {
+        this._value = String(value || '');
+    }
+    get namespaceURI() {
+        return this._namespaceURI;
+    }
+    set namespaceURI(namespaceURI) {
+        this._namespaceURI = namespaceURI;
+    }
+}
+
+const registryMap = new WeakMap();
+const whenDefinedResolvesMap = new WeakMap();
+class MockCustomElementRegistry {
+    constructor(win) {
+        this.win = win;
+    }
+    define(tagName, cstr, options) {
+        if (tagName.toLowerCase() !== tagName) {
+            throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': "${tagName}" is not a valid custom element name`);
+        }
+        let registry = registryMap.get(this);
+        if (registry == null) {
+            registry = new Map();
+            registryMap.set(this, registry);
+        }
+        registry.set(tagName, { cstr, options });
+        const whenDefinedResolves = whenDefinedResolvesMap.get(this);
+        if (whenDefinedResolves != null) {
+            const whenDefinedResolveFns = whenDefinedResolves.get(tagName);
+            if (whenDefinedResolveFns != null) {
+                whenDefinedResolveFns.forEach(whenDefinedResolveFn => {
+                    whenDefinedResolveFn();
+                });
+                whenDefinedResolveFns.length = 0;
+                whenDefinedResolves.delete(tagName);
+            }
+        }
+        const doc = this.win.document;
+        if (doc != null) {
+            const hosts = doc.querySelectorAll(tagName);
+            hosts.forEach(host => {
+                if (upgradedElements.has(host) === false) {
+                    tempDisableCallbacks.add(doc);
+                    const upgradedCmp = createCustomElement(this, doc, tagName);
+                    for (let i = 0; i < host.childNodes.length; i++) {
+                        const childNode = host.childNodes[i];
+                        childNode.remove();
+                        upgradedCmp.appendChild(childNode);
+                    }
+                    tempDisableCallbacks.delete(doc);
+                    if (proxyElements.has(host)) {
+                        proxyElements.set(host, upgradedCmp);
+                    }
+                }
+                fireConnectedCallback(host);
+            });
+        }
+    }
+    get(tagName) {
+        const registry = registryMap.get(this);
+        if (registry != null) {
+            const def = registry.get(tagName.toLowerCase());
+            if (def != null) {
+                return def.cstr;
+            }
+        }
+        return undefined;
+    }
+    upgrade(_rootNode) {
+    }
+    whenDefined(tagName) {
+        tagName = tagName.toLowerCase();
+        const registry = registryMap.get(this);
+        if (registry != null && registry.has(tagName) === true) {
+            return Promise.resolve();
+        }
+        return new Promise(resolve => {
+            let whenDefinedResolves = whenDefinedResolvesMap.get(this);
+            if (whenDefinedResolves == null) {
+                whenDefinedResolves = new Map();
+                whenDefinedResolvesMap.set(this, whenDefinedResolves);
+            }
+            let whenDefinedResolveFns = whenDefinedResolves.get(tagName);
+            if (whenDefinedResolveFns == null) {
+                whenDefinedResolveFns = [];
+                whenDefinedResolves.set(tagName, whenDefinedResolveFns);
+            }
+            whenDefinedResolveFns.push(resolve);
+        });
+    }
+}
+function resetCustomElementRegistry(customElements) {
+    if (customElements != null) {
+        const registry = registryMap.get(customElements);
+        if (registry != null) {
+            registry.clear();
+        }
+        const whenDefinedResolves = whenDefinedResolvesMap.get(customElements);
+        if (whenDefinedResolves != null) {
+            whenDefinedResolves.clear();
+        }
+    }
+}
+function createCustomElement(customElements, ownerDocument, tagName) {
+    const Cstr = customElements.get(tagName);
+    if (Cstr != null) {
+        const cmp = new Cstr(ownerDocument);
+        cmp.nodeName = tagName.toUpperCase();
+        upgradedElements.add(cmp);
+        return cmp;
+    }
+    const host = new Proxy({}, {
+        get(obj, prop) {
+            const elm = proxyElements.get(host);
+            if (elm != null) {
+                return elm[prop];
+            }
+            return obj[prop];
+        },
+        set(obj, prop, val) {
+            const elm = proxyElements.get(host);
+            if (elm != null) {
+                elm[prop] = val;
+            }
+            else {
+                obj[prop] = val;
+            }
+            return true;
+        },
+        has(obj, prop) {
+            const elm = proxyElements.get(host);
+            if (prop in elm) {
+                return true;
+            }
+            if (prop in obj) {
+                return true;
+            }
+            return false;
+        }
+    });
+    const elm = new MockHTMLElement(ownerDocument, tagName);
+    proxyElements.set(host, elm);
+    return host;
+}
+const proxyElements = new WeakMap();
+const upgradedElements = new WeakSet();
+function connectNode(ownerDocument, node) {
+    node.ownerDocument = ownerDocument;
+    if (node.nodeType === 1) {
+        if (ownerDocument != null && node.nodeName.includes('-')) {
+            const win = ownerDocument.defaultView;
+            if (win != null && win.customElements != null) {
+                if (typeof node.connectedCallback === 'function' && node.isConnected) {
+                    fireConnectedCallback(node);
+                }
+            }
+            const shadowRoot = node.shadowRoot;
+            if (shadowRoot != null) {
+                shadowRoot.childNodes.forEach(childNode => {
+                    connectNode(ownerDocument, childNode);
+                });
+            }
+        }
+        node.childNodes.forEach(childNode => {
+            connectNode(ownerDocument, childNode);
+        });
+    }
+    else {
+        node.childNodes.forEach(childNode => {
+            childNode.ownerDocument = ownerDocument;
+        });
+    }
+}
+function fireConnectedCallback(node) {
+    if (typeof node.connectedCallback === 'function') {
+        if (tempDisableCallbacks.has(node.ownerDocument) === false) {
+            try {
+                node.connectedCallback();
+            }
+            catch (e) {
+                console.error(e);
+            }
+        }
+    }
+}
+function disconnectNode(node) {
+    if (node.nodeType === 1) {
+        if (node.nodeName.includes('-') === true && typeof node.disconnectedCallback === 'function') {
+            if (tempDisableCallbacks.has(node.ownerDocument) === false) {
+                try {
+                    node.disconnectedCallback();
+                }
+                catch (e) {
+                    console.error(e);
+                }
+            }
+        }
+        node.childNodes.forEach(disconnectNode);
+    }
+}
+function attributeChanged(node, attrName, oldValue, newValue) {
+    attrName = attrName.toLowerCase();
+    const observedAttributes = node.constructor.observedAttributes;
+    if (Array.isArray(observedAttributes) === true && observedAttributes.some(obs => obs.toLowerCase() === attrName) === true) {
+        try {
+            node.attributeChangedCallback(attrName, oldValue, newValue);
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }
+}
+function checkAttributeChanged(node) {
+    return (node.nodeName.includes('-') === true && typeof node.attributeChangedCallback === 'function');
+}
+const tempDisableCallbacks = new Set();
+
+function unwrapExports (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn, module) {
+	return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+
+var parse_1 = createCommonjsModule(function (module, exports) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = parse;
+var reName = /^(?:\\.|[\w\-\u00b0-\uFFFF])+/, reEscape = /\\([\da-f]{1,6}\s?|(\s)|.)/gi, 
+//modified version of https://github.com/jquery/sizzle/blob/master/src/sizzle.js#L87
+reAttr = /^\s*((?:\\.|[\w\u00b0-\uFFFF-])+)\s*(?:(\S?)=\s*(?:(['"])([^]*?)\3|(#?(?:\\.|[\w\u00b0-\uFFFF-])*)|)|)\s*(i)?\]/;
+var actionTypes = {
+    undefined: "exists",
+    "": "equals",
+    "~": "element",
+    "^": "start",
+    $: "end",
+    "*": "any",
+    "!": "not",
+    "|": "hyphen"
+};
+var Traversals = {
+    ">": "child",
+    "<": "parent",
+    "~": "sibling",
+    "+": "adjacent"
+};
+var attribSelectors = {
+    "#": ["id", "equals"],
+    ".": ["class", "element"]
+};
+//pseudos, whose data-property is parsed as well
+var unpackPseudos = new Set(["has", "not", "matches"]);
+var stripQuotesFromPseudos = new Set(["contains", "icontains"]);
+var quotes = new Set(['"', "'"]);
+//unescape function taken from https://github.com/jquery/sizzle/blob/master/src/sizzle.js#L152
+function funescape(_, escaped, escapedWhitespace) {
+    var high = parseInt(escaped, 16) - 0x10000;
+    // NaN means non-codepoint
+    return high !== high || escapedWhitespace
+        ? escaped
+        : high < 0
+            ? // BMP codepoint
+                String.fromCharCode(high + 0x10000)
+            : // Supplemental Plane codepoint (surrogate pair)
+                String.fromCharCode((high >> 10) | 0xd800, (high & 0x3ff) | 0xdc00);
+}
+function unescapeCSS(str) {
+    return str.replace(reEscape, funescape);
+}
+function isWhitespace(c) {
+    return c === " " || c === "\n" || c === "\t" || c === "\f" || c === "\r";
+}
+function parse(selector, options) {
+    var subselects = [];
+    selector = parseSelector(subselects, selector + "", options);
+    if (selector !== "") {
+        throw new Error("Unmatched selector: " + selector);
+    }
+    return subselects;
+}
+function parseSelector(subselects, selector, options) {
+    var tokens = [], sawWS = false;
+    function getName() {
+        var match = selector.match(reName);
+        if (!match) {
+            throw new Error("Expected name, found " + selector);
+        }
+        var sub = match[0];
+        selector = selector.substr(sub.length);
+        return unescapeCSS(sub);
+    }
+    function stripWhitespace(start) {
+        while (isWhitespace(selector.charAt(start)))
+            start++;
+        selector = selector.substr(start);
+    }
+    function isEscaped(pos) {
+        var slashCount = 0;
+        while (selector.charAt(--pos) === "\\")
+            slashCount++;
+        return (slashCount & 1) === 1;
+    }
+    stripWhitespace(0);
+    while (selector !== "") {
+        var firstChar = selector.charAt(0);
+        if (isWhitespace(firstChar)) {
+            sawWS = true;
+            stripWhitespace(1);
+        }
+        else if (firstChar in Traversals) {
+            tokens.push({ type: Traversals[firstChar] });
+            sawWS = false;
+            stripWhitespace(1);
+        }
+        else if (firstChar === ",") {
+            if (tokens.length === 0) {
+                throw new Error("Empty sub-selector");
+            }
+            subselects.push(tokens);
+            tokens = [];
+            sawWS = false;
+            stripWhitespace(1);
+        }
+        else {
+            if (sawWS) {
+                if (tokens.length > 0) {
+                    tokens.push({ type: "descendant" });
+                }
+                sawWS = false;
+            }
+            if (firstChar === "*") {
+                selector = selector.substr(1);
+                tokens.push({ type: "universal" });
+            }
+            else if (firstChar in attribSelectors) {
+                var _a = attribSelectors[firstChar], name_1 = _a[0], action = _a[1];
+                selector = selector.substr(1);
+                tokens.push({
+                    type: "attribute",
+                    name: name_1,
+                    action: action,
+                    value: getName(),
+                    ignoreCase: false
+                });
+            }
+            else if (firstChar === "[") {
+                selector = selector.substr(1);
+                var data = selector.match(reAttr);
+                if (!data) {
+                    throw new Error("Malformed attribute selector: " + selector);
+                }
+                selector = selector.substr(data[0].length);
+                var name_2 = unescapeCSS(data[1]);
+                if (!options ||
+                    ("lowerCaseAttributeNames" in options
+                        ? options.lowerCaseAttributeNames
+                        : !options.xmlMode)) {
+                    name_2 = name_2.toLowerCase();
+                }
+                tokens.push({
+                    type: "attribute",
+                    name: name_2,
+                    action: actionTypes[data[2]],
+                    value: unescapeCSS(data[4] || data[5] || ""),
+                    ignoreCase: !!data[6]
+                });
+            }
+            else if (firstChar === ":") {
+                if (selector.charAt(1) === ":") {
+                    selector = selector.substr(2);
+                    tokens.push({
+                        type: "pseudo-element",
+                        name: getName().toLowerCase()
+                    });
+                    continue;
+                }
+                selector = selector.substr(1);
+                var name_3 = getName().toLowerCase();
+                var data = null;
+                if (selector.charAt(0) === "(") {
+                    if (unpackPseudos.has(name_3)) {
+                        var quot = selector.charAt(1);
+                        var quoted = quotes.has(quot);
+                        selector = selector.substr(quoted ? 2 : 1);
+                        data = [];
+                        selector = parseSelector(data, selector, options);
+                        if (quoted) {
+                            if (selector.charAt(0) !== quot) {
+                                throw new Error("Unmatched quotes in :" + name_3);
+                            }
+                            else {
+                                selector = selector.substr(1);
+                            }
+                        }
+                        if (selector.charAt(0) !== ")") {
+                            throw new Error("Missing closing parenthesis in :" + name_3 + " (" + selector + ")");
+                        }
+                        selector = selector.substr(1);
+                    }
+                    else {
+                        var pos = 1, counter = 1;
+                        for (; counter > 0 && pos < selector.length; pos++) {
+                            if (selector.charAt(pos) === "(" && !isEscaped(pos))
+                                counter++;
+                            else if (selector.charAt(pos) === ")" &&
+                                !isEscaped(pos))
+                                counter--;
+                        }
+                        if (counter) {
+                            throw new Error("Parenthesis not matched");
+                        }
+                        data = selector.substr(1, pos - 2);
+                        selector = selector.substr(pos);
+                        if (stripQuotesFromPseudos.has(name_3)) {
+                            var quot = data.charAt(0);
+                            if (quot === data.slice(-1) && quotes.has(quot)) {
+                                data = data.slice(1, -1);
+                            }
+                            data = unescapeCSS(data);
+                        }
+                    }
+                }
+                tokens.push({ type: "pseudo", name: name_3, data: data });
+            }
+            else if (reName.test(selector)) {
+                var name_4 = getName();
+                if (!options ||
+                    ("lowerCaseTags" in options
+                        ? options.lowerCaseTags
+                        : !options.xmlMode)) {
+                    name_4 = name_4.toLowerCase();
+                }
+                tokens.push({ type: "tag", name: name_4 });
+            }
+            else {
+                if (tokens.length &&
+                    tokens[tokens.length - 1].type === "descendant") {
+                    tokens.pop();
+                }
+                addToken(subselects, tokens);
+                return selector;
+            }
+        }
+    }
+    addToken(subselects, tokens);
+    return selector;
+}
+function addToken(subselects, tokens) {
+    if (subselects.length > 0 && tokens.length === 0) {
+        throw new Error("Empty sub-selector");
+    }
+    subselects.push(tokens);
+}
+});
+
+unwrapExports(parse_1);
+
+var stringify_1 = createCommonjsModule(function (module, exports) {
+Object.defineProperty(exports, "__esModule", { value: true });
+var actionTypes = {
+    equals: "",
+    element: "~",
+    start: "^",
+    end: "$",
+    any: "*",
+    not: "!",
+    hyphen: "|"
+};
+var simpleSelectors = {
+    child: " > ",
+    parent: " < ",
+    sibling: " ~ ",
+    adjacent: " + ",
+    descendant: " ",
+    universal: "*"
+};
+function stringify(token) {
+    return token.map(stringifySubselector).join(", ");
+}
+exports.default = stringify;
+function stringifySubselector(token) {
+    return token.map(stringifyToken).join("");
+}
+function stringifyToken(token) {
+    if (token.type in simpleSelectors)
+        return simpleSelectors[token.type];
+    if (token.type === "tag")
+        return escapeName(token.name);
+    if (token.type === "pseudo-element")
+        return "::" + escapeName(token.name);
+    if (token.type === "attribute") {
+        if (token.action === "exists")
+            return "[" + escapeName(token.name) + "]";
+        if (token.name === "id" &&
+            token.action === "equals" &&
+            !token.ignoreCase)
+            return "#" + escapeName(token.value);
+        if (token.name === "class" &&
+            token.action === "element" &&
+            !token.ignoreCase)
+            return "." + escapeName(token.value);
+        return ("[" +
+            escapeName(token.name) +
+            actionTypes[token.action] +
+            "='" +
+            escapeName(token.value) +
+            "'" +
+            (token.ignoreCase ? "i" : "") +
+            "]");
+    }
+    if (token.type === "pseudo") {
+        if (token.data === null)
+            return ":" + escapeName(token.name);
+        if (typeof token.data === "string") {
+            return ":" + escapeName(token.name) + "(" + token.data + ")";
+        }
+        return ":" + escapeName(token.name) + "(" + stringify(token.data) + ")";
+    }
+    throw new Error("Unknown type");
+}
+function escapeName(str) {
+    //TODO
+    return str;
+}
+});
+
+unwrapExports(stringify_1);
+
+var lib = createCommonjsModule(function (module, exports) {
+Object.defineProperty(exports, "__esModule", { value: true });
+
+exports.parse = parse_1.default;
+
+exports.stringify = stringify_1.default;
+});
+
+unwrapExports(lib);
+var lib_1 = lib.parse;
+var lib_2 = lib.stringify;
+
+function closest(selector, elm) {
+    while (elm != null) {
+        if (elm.matches(selector)) {
+            return elm;
+        }
+        elm = elm.parentNode;
+    }
+    return null;
+}
+function matches(selector, elm) {
+    const selectors = lib_1(selector);
+    return matchesSelectors(selectors, elm);
+}
+function selectOne(selector, elm) {
+    const selectors = lib_1(selector);
+    return selectOneRecursion(selectors, elm);
+}
+function selectOneRecursion(selectors, elm) {
+    const children = elm.children;
+    for (let i = 0, ii = children.length; i < ii; i++) {
+        if (matchesSelectors(selectors, children[i]) === true) {
+            return children[i];
+        }
+        const childMatch = selectOneRecursion(selectors, children[i]);
+        if (childMatch != null) {
+            return childMatch;
+        }
+    }
+    return null;
+}
+function selectAll(selector, elm) {
+    const selectors = lib_1(selector);
+    const foundElms = [];
+    selectAllRecursion(selectors, elm, foundElms);
+    return foundElms;
+}
+function selectAllRecursion(selectors, elm, found) {
+    const children = elm.children;
+    for (let i = 0, ii = children.length; i < ii; i++) {
+        if (matchesSelectors(selectors, children[i]) === true) {
+            found.push(children[i]);
+        }
+        selectAllRecursion(selectors, children[i], found);
+    }
+}
+function matchesSelectors(selectors, elm) {
+    for (let i = 0, ii = selectors.length; i < ii; i++) {
+        if (matchesEverySelector(selectors[i], elm) === true) {
+            return true;
+        }
+    }
+    return false;
+}
+function matchesEverySelector(selectorData, elm) {
+    for (let i = 0, ii = selectorData.length; i < ii; i++) {
+        if (matchesSelector(selectorData[i], elm) === false) {
+            return false;
+        }
+    }
+    return true;
+}
+function matchesSelector(selectorData, elm) {
+    switch (selectorData.type) {
+        case 'tag':
+            return elm.nodeName.toLowerCase() === selectorData.name.toLowerCase();
+        case 'attribute':
+            if (selectorData.name === 'class') {
+                return elm.classList.contains(selectorData.value);
+            }
+            if (selectorData.action === 'exists') {
+                return elm.hasAttribute(selectorData.name);
+            }
+            if (selectorData.action === 'equals') {
+                return elm.getAttribute(selectorData.name) === selectorData.value;
+            }
+            return false;
+        case 'child':
+            return true;
+    }
+    return false;
+}
+
+class CSSStyleDeclaration {
+    constructor() {
+        this._styles = new Map();
+    }
+    setProperty(prop, value) {
+        prop = jsCaseToCssCase(prop);
+        if (value == null || value === '') {
+            this._styles.delete(prop);
+        }
+        else {
+            this._styles.set(prop, String(value));
+        }
+    }
+    getPropertyValue(prop) {
+        prop = jsCaseToCssCase(prop);
+        return String(this._styles.get(prop) || '');
+    }
+    removeProperty(prop) {
+        prop = jsCaseToCssCase(prop);
+        this._styles.delete(prop);
+    }
+    get length() {
+        return this._styles.size;
+    }
+    get cssText() {
+        const cssText = [];
+        this._styles.forEach((value, prop) => {
+            cssText.push(`${prop}: ${value};`);
+        });
+        return cssText.join(' ').trim();
+    }
+    set cssText(cssText) {
+        if (cssText == null || cssText === '') {
+            this._styles.clear();
+            return;
+        }
+        cssText.split(';').forEach(rule => {
+            rule = rule.trim();
+            if (rule.length > 0) {
+                const splt = rule.split(':');
+                if (splt.length > 1) {
+                    const prop = splt[0].trim();
+                    const value = splt[1].trim();
+                    if (prop !== '' && value !== '') {
+                        this._styles.set(jsCaseToCssCase(prop), value);
+                    }
+                }
+            }
+        });
+    }
+}
+function createCSSStyleDeclaration() {
+    return new Proxy(new CSSStyleDeclaration(), cssProxyHandler);
+}
+const cssProxyHandler = {
+    get(cssStyle, prop) {
+        if (prop in cssStyle) {
+            return cssStyle[prop];
+        }
+        prop = cssCaseToJsCase(prop);
+        return cssStyle.getPropertyValue(prop);
+    },
+    set(cssStyle, prop, value) {
+        if (prop in cssStyle) {
+            cssStyle[prop] = value;
+        }
+        else {
+            cssStyle.setProperty(prop, value);
+        }
+        return true;
+    }
+};
+function cssCaseToJsCase(str) {
+    if (str.length > 1 && str.includes('-') === true) {
+        str = str.toLowerCase().split('-').map(segment => segment.charAt(0).toUpperCase() + segment.slice(1)).join('');
+        str = str.substr(0, 1).toLowerCase() + str.substr(1);
+    }
+    return str;
+}
+function jsCaseToCssCase(str) {
+    if (str.length > 1 && (str.includes('-') === false && /[A-Z]/.test(str) === true)) {
+        str = str.replace(/([A-Z])/g, g => ' ' + g[0]).trim().replace(/ /g, '-').toLowerCase();
+    }
+    return str;
+}
+
+function dataset(elm) {
+    const ds = {};
+    const attributes = elm.attributes;
+    const attrLen = attributes.length;
+    for (let i = 0; i < attrLen; i++) {
+        const attr = attributes.item(i);
+        const nodeName = attr.nodeName;
+        if (nodeName.startsWith('data-')) {
+            ds[dashToPascalCase(nodeName)] = attr.nodeValue;
+        }
+    }
+    return new Proxy(ds, {
+        get(_obj, camelCaseProp) {
+            return ds[camelCaseProp];
+        },
+        set(_obj, camelCaseProp, value) {
+            const dataAttr = toDataAttribute(camelCaseProp);
+            elm.setAttribute(dataAttr, value);
+            return true;
+        }
+    });
+}
+function toDataAttribute(str) {
+    return 'data-' + String(str).replace(/([A-Z0-9])/g, g => ' ' + g[0]).trim().replace(/ /g, '-').toLowerCase();
+}
+function dashToPascalCase(str) {
+    str = String(str).substr(5);
+    return str.split('-').map((segment, index) => {
+        if (index === 0) {
+            return segment.charAt(0).toLowerCase() + segment.slice(1);
+        }
+        return segment.charAt(0).toUpperCase() + segment.slice(1);
+    }).join('');
+}
+
+class MockClassList {
+    constructor(elm) {
+        this.elm = elm;
+    }
+    add(...classNames) {
+        const clsNames = getItems(this.elm);
+        let updated = false;
+        classNames.forEach(className => {
+            className = String(className);
+            validateClass(className);
+            if (clsNames.includes(className) === false) {
+                clsNames.push(className);
+                updated = true;
+            }
+        });
+        if (updated) {
+            this.elm.setAttributeNS(null, 'class', clsNames.join(' '));
+        }
+    }
+    remove(...classNames) {
+        const clsNames = getItems(this.elm);
+        let updated = false;
+        classNames.forEach(className => {
+            className = String(className);
+            validateClass(className);
+            const index = clsNames.indexOf(className);
+            if (index > -1) {
+                clsNames.splice(index, 1);
+                updated = true;
+            }
+        });
+        if (updated) {
+            this.elm.setAttributeNS(null, 'class', clsNames.filter(c => c.length > 0).join(' '));
+        }
+    }
+    contains(className) {
+        className = String(className);
+        return getItems(this.elm).includes(className);
+    }
+    toggle(className) {
+        className = String(className);
+        if (this.contains(className) === true) {
+            this.remove(className);
+        }
+        else {
+            this.add(className);
+        }
+    }
+    get length() {
+        return getItems(this.elm).length;
+    }
+    item(index) {
+        return getItems(this.elm)[index];
+    }
+    toString() {
+        return getItems(this.elm).join(' ');
+    }
+}
+function validateClass(className) {
+    if (className === '') {
+        throw new Error('The token provided must not be empty.');
+    }
+    if (/\s/.test(className)) {
+        throw new Error(`The token provided ('${className}') contains HTML space characters, which are not valid in tokens.`);
+    }
+}
+function getItems(elm) {
+    const className = elm.getAttribute('class');
+    if (typeof className === 'string' && className.length > 0) {
+        return className.trim().split(' ').filter(c => c.length > 0);
+    }
+    return [];
+}
+
+class MockEvent {
+    constructor(type, eventInitDict) {
+        this.bubbles = false;
+        this.cancelBubble = false;
+        this.cancelable = false;
+        this.composed = false;
+        this.currentTarget = null;
+        this.defaultPrevented = false;
+        this.srcElement = null;
+        this.target = null;
+        if (typeof type !== 'string') {
+            throw new Error(`Event type required`);
+        }
+        this.type = type;
+        this.timeStamp = Date.now();
+        if (eventInitDict != null) {
+            Object.assign(this, eventInitDict);
+        }
+    }
+    preventDefault() {
+        this.defaultPrevented = true;
+    }
+    stopPropagation() {
+        this.cancelBubble = true;
+    }
+    stopImmediatePropagation() {
+        this.cancelBubble = true;
+    }
+}
+class MockCustomEvent extends MockEvent {
+    constructor(type, customEventInitDic) {
+        super(type);
+        this.detail = null;
+        if (customEventInitDic != null) {
+            Object.assign(this, customEventInitDic);
+        }
+    }
+}
+class MockKeyboardEvent extends MockEvent {
+    constructor(type, keyboardEventInitDic) {
+        super(type);
+        this.code = '';
+        this.key = '';
+        this.altKey = false;
+        this.ctrlKey = false;
+        this.metaKey = false;
+        this.shiftKey = false;
+        this.location = 0;
+        this.repeat = false;
+        if (keyboardEventInitDic != null) {
+            Object.assign(this, keyboardEventInitDic);
+        }
+    }
+}
+class MockEventListener {
+    constructor(type, handler) {
+        this.type = type;
+        this.handler = handler;
+    }
+}
+function addEventListener(elm, type, handler) {
+    const target = elm;
+    if (target.__listeners == null) {
+        target.__listeners = [];
+    }
+    target.__listeners.push(new MockEventListener(type, handler));
+}
+function removeEventListener(elm, type, handler) {
+    const target = elm;
+    if (target != null && Array.isArray(target.__listeners) === true) {
+        const elmListener = target.__listeners.find(e => e.type === type && e.handler === handler);
+        if (elmListener != null) {
+            const index = target.__listeners.indexOf(elmListener);
+            target.__listeners.splice(index, 1);
+        }
+    }
+}
+function resetEventListeners(target) {
+    if (target != null && target.__listeners != null) {
+        target.__listeners = null;
+    }
+}
+function triggerEventListener(elm, ev) {
+    if (elm == null || ev.cancelBubble === true) {
+        return;
+    }
+    const target = elm;
+    ev.currentTarget = elm;
+    if (Array.isArray(target.__listeners) === true) {
+        const listeners = target.__listeners.filter(e => e.type === ev.type);
+        listeners.forEach(listener => {
+            try {
+                listener.handler.call(target, ev);
+            }
+            catch (err) {
+                console.error(err);
+            }
+        });
+    }
+    if (ev.bubbles === false) {
+        return;
+    }
+    if (elm.nodeName === "#document") {
+        triggerEventListener(elm.defaultView, ev);
+    }
+    else {
+        triggerEventListener(elm.parentElement, ev);
+    }
+}
+function dispatchEvent(currentTarget, ev) {
+    ev.target = currentTarget;
+    triggerEventListener(currentTarget, ev);
+    return true;
+}
+
+function serializeNodeToHtml(elm, opts = {}) {
+    const output = {
+        currentLineWidth: 0,
+        indent: 0,
+        isWithinBody: false,
+        text: [],
+    };
+    if (opts.prettyHtml) {
+        if (typeof opts.indentSpaces !== 'number') {
+            opts.indentSpaces = 2;
+        }
+        if (typeof opts.newLines !== 'boolean') {
+            opts.newLines = true;
+        }
+        opts.approximateLineWidth = -1;
+    }
+    else {
+        opts.prettyHtml = false;
+        if (typeof opts.newLines !== 'boolean') {
+            opts.newLines = false;
+        }
+        if (typeof opts.indentSpaces !== 'number') {
+            opts.indentSpaces = 0;
+        }
+    }
+    if (typeof opts.approximateLineWidth !== 'number') {
+        opts.approximateLineWidth = -1;
+    }
+    if (typeof opts.removeEmptyAttributes !== 'boolean') {
+        opts.removeEmptyAttributes = true;
+    }
+    if (typeof opts.removeAttributeQuotes !== 'boolean') {
+        opts.removeAttributeQuotes = false;
+    }
+    if (typeof opts.removeBooleanAttributeQuotes !== 'boolean') {
+        opts.removeBooleanAttributeQuotes = false;
+    }
+    if (typeof opts.removeHtmlComments !== 'boolean') {
+        opts.removeHtmlComments = false;
+    }
+    if (typeof opts.serializeShadowRoot !== 'boolean') {
+        opts.serializeShadowRoot = false;
+    }
+    if (opts.outerHtml) {
+        serializeToHtml(elm, opts, output, false);
+    }
+    else {
+        for (let i = 0, ii = elm.childNodes.length; i < ii; i++) {
+            serializeToHtml(elm.childNodes[i], opts, output, false);
+        }
+    }
+    if (output.text[0] === '\n') {
+        output.text.shift();
+    }
+    if (output.text[output.text.length - 1] === '\n') {
+        output.text.pop();
+    }
+    return output.text.join('');
+}
+function serializeToHtml(node, opts, output, isShadowRoot) {
+    if (node.nodeType === 1 || isShadowRoot) {
+        const tagName = isShadowRoot ? 'mock:shadow-root' : getTagName(node);
+        if (tagName === 'body') {
+            output.isWithinBody = true;
+        }
+        const ignoreTag = (opts.excludeTags != null && opts.excludeTags.includes(tagName));
+        if (ignoreTag === false) {
+            if (opts.newLines) {
+                output.text.push('\n');
+                output.currentLineWidth = 0;
+            }
+            if (opts.indentSpaces > 0) {
+                for (let i = 0; i < output.indent; i++) {
+                    output.text.push(' ');
+                }
+                output.currentLineWidth += output.indent;
+            }
+            output.text.push('<' + tagName);
+            output.currentLineWidth += (tagName.length + 1);
+            const attrsLength = node.attributes.length;
+            const attributes = (opts.prettyHtml && attrsLength > 1) ?
+                cloneAttributes(node.attributes, true) :
+                node.attributes;
+            for (let i = 0; i < attrsLength; i++) {
+                const attr = attributes.item(i);
+                const attrName = attr.name;
+                if (attrName === 'style') {
+                    continue;
+                }
+                let attrValue = attr.value;
+                if (opts.removeEmptyAttributes && attrValue === '' && REMOVE_EMPTY_ATTR.has(attrName)) {
+                    continue;
+                }
+                const attrNamespaceURI = attr.namespaceURI;
+                if (attrNamespaceURI == null) {
+                    output.currentLineWidth += (attrName.length + 1);
+                    if (opts.approximateLineWidth > 0 && output.currentLineWidth > opts.approximateLineWidth) {
+                        output.text.push('\n' + attrName);
+                        output.currentLineWidth = 0;
+                    }
+                    else {
+                        output.text.push(' ' + attrName);
+                    }
+                }
+                else if (attrNamespaceURI === 'http://www.w3.org/XML/1998/namespace') {
+                    output.text.push(' xml:' + attrName);
+                    output.currentLineWidth += (attrName.length + 5);
+                }
+                else if (attrNamespaceURI === 'http://www.w3.org/2000/xmlns/') {
+                    if (attrName !== 'xmlns') {
+                        output.text.push(' xmlns:' + attrName);
+                        output.currentLineWidth += (attrName.length + 7);
+                    }
+                    else {
+                        output.text.push(' ' + attrName);
+                        output.currentLineWidth += (attrName.length + 1);
+                    }
+                }
+                else if (attrNamespaceURI === XLINK_NS) {
+                    output.text.push(' xlink:' + attrName);
+                    output.currentLineWidth += (attrName.length + 7);
+                }
+                else {
+                    output.text.push(' ' + attrNamespaceURI + ':' + attrName);
+                    output.currentLineWidth += (attrNamespaceURI.length + attrName.length + 2);
+                }
+                if (opts.prettyHtml && attrName === 'class') {
+                    attrValue = attr.value = attrValue.split(' ').filter(t => t !== '').sort().join(' ').trim();
+                }
+                if (attrValue === '') {
+                    if (opts.removeBooleanAttributeQuotes && BOOLEAN_ATTR.has(attrName)) {
+                        continue;
+                    }
+                    if (opts.removeEmptyAttributes && attrName.startsWith('data-')) {
+                        continue;
+                    }
+                }
+                if (opts.removeAttributeQuotes && CAN_REMOVE_ATTR_QUOTES.test(attrValue)) {
+                    output.text.push('=' + escapeString(attrValue, true));
+                    output.currentLineWidth += (attrValue.length + 1);
+                }
+                else {
+                    output.text.push('="' + escapeString(attrValue, true) + '"');
+                    output.currentLineWidth += (attrValue.length + 3);
+                }
+            }
+            if (node.hasAttribute('style')) {
+                const cssText = node.style.cssText;
+                if (opts.approximateLineWidth > 0 && (output.currentLineWidth + cssText.length + 10) > opts.approximateLineWidth) {
+                    output.text.push(`\nstyle="${cssText}">`);
+                    output.currentLineWidth = 0;
+                }
+                else {
+                    output.text.push(` style="${cssText}">`);
+                    output.currentLineWidth += (cssText.length + 10);
+                }
+            }
+            else {
+                output.text.push('>');
+                output.currentLineWidth += 1;
+            }
+        }
+        if (EMPTY_ELEMENTS.has(tagName) === false) {
+            if (opts.serializeShadowRoot && node.shadowRoot != null) {
+                output.indent = output.indent + opts.indentSpaces;
+                serializeToHtml(node.shadowRoot, opts, output, true);
+                output.indent = output.indent - opts.indentSpaces;
+                if (opts.newLines && (node.childNodes.length === 0 || (node.childNodes.length === 1 && node.childNodes[0].nodeType === 3 && node.childNodes[0].nodeValue.trim() === ''))) {
+                    output.text.push('\n');
+                    output.currentLineWidth = 0;
+                    for (let i = 0; i < output.indent; i++) {
+                        output.text.push(' ');
+                    }
+                    output.currentLineWidth += output.indent;
+                }
+            }
+            if (opts.excludeTagContent == null || opts.excludeTagContent.includes(tagName) === false) {
+                const childNodes = tagName === 'template' ? node.content.childNodes : (node.childNodes);
+                const childNodeLength = childNodes.length;
+                if (childNodeLength > 0) {
+                    if (childNodeLength === 1 && childNodes[0].nodeType === 3 && (typeof childNodes[0].nodeValue !== 'string' || childNodes[0].nodeValue.trim() === '')) ;
+                    else {
+                        if (opts.indentSpaces > 0 && ignoreTag === false) {
+                            output.indent = output.indent + opts.indentSpaces;
+                        }
+                        for (let i = 0; i < childNodeLength; i++) {
+                            serializeToHtml(childNodes[i], opts, output, false);
+                        }
+                        if (ignoreTag === false) {
+                            if (opts.newLines) {
+                                output.text.push('\n');
+                                output.currentLineWidth = 0;
+                            }
+                            if (opts.indentSpaces > 0) {
+                                output.indent = output.indent - opts.indentSpaces;
+                                for (let i = 0; i < output.indent; i++) {
+                                    output.text.push(' ');
+                                }
+                                output.currentLineWidth += output.indent;
+                            }
+                        }
+                    }
+                }
+                if (ignoreTag === false) {
+                    output.text.push('</' + tagName + '>');
+                    output.currentLineWidth += (tagName.length + 3);
+                }
+            }
+        }
+        if (opts.approximateLineWidth > 0 && STRUCTURE_ELEMENTS.has(tagName)) {
+            output.text.push('\n');
+            output.currentLineWidth = 0;
+        }
+        if (tagName === 'body') {
+            output.isWithinBody = false;
+        }
+    }
+    else if (node.nodeType === 3) {
+        let textContent = node.nodeValue;
+        if (typeof textContent === 'string') {
+            const trimmedTextContent = textContent.trim();
+            if (trimmedTextContent === '') {
+                if (isWithinWhitespaceSensitive(node)) {
+                    output.text.push(textContent);
+                    output.currentLineWidth += textContent.length;
+                }
+                else if (opts.approximateLineWidth > 0 && !output.isWithinBody) ;
+                else if (!opts.prettyHtml) {
+                    output.currentLineWidth += 1;
+                    if (opts.approximateLineWidth > 0 && output.currentLineWidth > opts.approximateLineWidth) {
+                        output.text.push('\n');
+                        output.currentLineWidth = 0;
+                    }
+                    else {
+                        output.text.push(' ');
+                    }
+                }
+            }
+            else {
+                if (opts.newLines) {
+                    output.text.push('\n');
+                    output.currentLineWidth = 0;
+                }
+                if (opts.indentSpaces > 0) {
+                    for (let i = 0; i < output.indent; i++) {
+                        output.text.push(' ');
+                    }
+                    output.currentLineWidth += output.indent;
+                }
+                let textContentLength = textContent.length;
+                if (textContentLength > 0) {
+                    const parentTagName = (node.parentNode != null && node.parentNode.nodeType === 1 ? node.parentNode.nodeName : null);
+                    if (NON_ESCAPABLE_CONTENT.has(parentTagName)) {
+                        if (isWithinWhitespaceSensitive(node)) {
+                            output.text.push(textContent);
+                        }
+                        else {
+                            output.text.push(trimmedTextContent);
+                            textContentLength = trimmedTextContent.length;
+                        }
+                        output.currentLineWidth += textContentLength;
+                    }
+                    else {
+                        if (opts.prettyHtml) {
+                            output.text.push(escapeString(textContent.replace(/\s\s+/g, ' ').trim(), false));
+                            output.currentLineWidth += textContentLength;
+                        }
+                        else {
+                            if (isWithinWhitespaceSensitive(node)) {
+                                output.currentLineWidth += textContentLength;
+                            }
+                            else {
+                                if (/\s/.test(textContent.charAt(0))) {
+                                    textContent = ' ' + textContent.trimLeft();
+                                }
+                                textContentLength = textContent.length;
+                                if (textContentLength > 1) {
+                                    if (/\s/.test(textContent.charAt(textContentLength - 1))) {
+                                        if (opts.approximateLineWidth > 0 && (output.currentLineWidth + textContentLength) > opts.approximateLineWidth) {
+                                            textContent = textContent.trimRight() + '\n';
+                                            output.currentLineWidth = 0;
+                                        }
+                                        else {
+                                            textContent = textContent.trimRight() + ' ';
+                                        }
+                                    }
+                                }
+                                output.currentLineWidth += textContentLength;
+                            }
+                            output.text.push(escapeString(textContent, false));
+                        }
+                    }
+                }
+            }
+        }
+    }
+    else if (node.nodeType === 8) {
+        const nodeValue = node.nodeValue;
+        if (opts.removeHtmlComments) {
+            const isHydrateAnnotation = nodeValue.startsWith(CONTENT_REF_ID + '.') || nodeValue.startsWith(ORG_LOCATION_ID + '.') || nodeValue.startsWith(SLOT_NODE_ID + '.') || nodeValue.startsWith(TEXT_NODE_ID + '.');
+            if (!isHydrateAnnotation) {
+                return;
+            }
+        }
+        if (opts.newLines) {
+            output.text.push('\n');
+            output.currentLineWidth = 0;
+        }
+        if (opts.indentSpaces > 0) {
+            for (let i = 0; i < output.indent; i++) {
+                output.text.push(' ');
+            }
+            output.currentLineWidth += output.indent;
+        }
+        output.text.push('<!--' + nodeValue + '-->');
+        output.currentLineWidth += (nodeValue.length + 7);
+    }
+    else if (node.nodeType === 10) {
+        output.text.push('<!doctype html>');
+    }
+}
+const AMP_REGEX = /&/g;
+const NBSP_REGEX = /\u00a0/g;
+const DOUBLE_QUOTE_REGEX = /"/g;
+const LT_REGEX = /</g;
+const GT_REGEX = />/g;
+const CAN_REMOVE_ATTR_QUOTES = /^[^ \t\n\f\r"'`=<>\/\\-]+$/;
+function getTagName(element) {
+    if (element.namespaceURI === 'http://www.w3.org/1999/xhtml') {
+        return element.nodeName.toLowerCase();
+    }
+    else {
+        return element.nodeName;
+    }
+}
+function escapeString(str, attrMode) {
+    str = str.replace(AMP_REGEX, '&amp;').replace(NBSP_REGEX, '&nbsp;');
+    if (attrMode) {
+        return str.replace(DOUBLE_QUOTE_REGEX, '&quot;');
+    }
+    return str.replace(LT_REGEX, '&lt;').replace(GT_REGEX, '&gt;');
+}
+function isWithinWhitespaceSensitive(node) {
+    while (node != null) {
+        if (WHITESPACE_SENSITIVE.has(node.nodeName)) {
+            return true;
+        }
+        node = node.parentNode;
+    }
+    return false;
+}
+const NON_ESCAPABLE_CONTENT = new Set(['STYLE', 'SCRIPT', 'IFRAME', 'NOSCRIPT', 'XMP', 'NOEMBED', 'NOFRAMES', 'PLAINTEXT']);
+const WHITESPACE_SENSITIVE = new Set(['CODE', 'OUTPUT', 'PLAINTEXT', 'PRE', 'TEMPLATE', 'TEXTAREA']);
+const EMPTY_ELEMENTS = new Set(['area', 'base', 'basefont', 'bgsound', 'br', 'col', 'embed', 'frame', 'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'trace', 'wbr']);
+const REMOVE_EMPTY_ATTR = new Set(['class', 'dir', 'id', 'lang', 'name', 'title']);
+const BOOLEAN_ATTR = new Set(['allowfullscreen', 'async', 'autofocus', 'autoplay', 'checked', 'compact', 'controls', 'declare', 'default', 'defaultchecked', 'defaultmuted', 'defaultselected', 'defer', 'disabled', 'enabled', 'formnovalidate', 'hidden', 'indeterminate', 'inert', 'ismap', 'itemscope', 'loop', 'multiple', 'muted', 'nohref', 'nomodule', 'noresize', 'noshade', 'novalidate', 'nowrap', 'open', 'pauseonexit', 'readonly', 'required', 'reversed', 'scoped', 'seamless', 'selected', 'sortable', 'truespeed', 'typemustmatch', 'visible']);
+const STRUCTURE_ELEMENTS = new Set(['html', 'body', 'head', 'iframe', 'meta', 'link', 'base', 'title', 'script', 'style']);
+
+const UNDEFINED_CODE_POINTS = [
+    0xfffe,
+    0xffff,
+    0x1fffe,
+    0x1ffff,
+    0x2fffe,
+    0x2ffff,
+    0x3fffe,
+    0x3ffff,
+    0x4fffe,
+    0x4ffff,
+    0x5fffe,
+    0x5ffff,
+    0x6fffe,
+    0x6ffff,
+    0x7fffe,
+    0x7ffff,
+    0x8fffe,
+    0x8ffff,
+    0x9fffe,
+    0x9ffff,
+    0xafffe,
+    0xaffff,
+    0xbfffe,
+    0xbffff,
+    0xcfffe,
+    0xcffff,
+    0xdfffe,
+    0xdffff,
+    0xefffe,
+    0xeffff,
+    0xffffe,
+    0xfffff,
+    0x10fffe,
+    0x10ffff
+];
+
+var REPLACEMENT_CHARACTER = '\uFFFD';
+
+var CODE_POINTS = {
+    EOF: -1,
+    NULL: 0x00,
+    TABULATION: 0x09,
+    CARRIAGE_RETURN: 0x0d,
+    LINE_FEED: 0x0a,
+    FORM_FEED: 0x0c,
+    SPACE: 0x20,
+    EXCLAMATION_MARK: 0x21,
+    QUOTATION_MARK: 0x22,
+    NUMBER_SIGN: 0x23,
+    AMPERSAND: 0x26,
+    APOSTROPHE: 0x27,
+    HYPHEN_MINUS: 0x2d,
+    SOLIDUS: 0x2f,
+    DIGIT_0: 0x30,
+    DIGIT_9: 0x39,
+    SEMICOLON: 0x3b,
+    LESS_THAN_SIGN: 0x3c,
+    EQUALS_SIGN: 0x3d,
+    GREATER_THAN_SIGN: 0x3e,
+    QUESTION_MARK: 0x3f,
+    LATIN_CAPITAL_A: 0x41,
+    LATIN_CAPITAL_F: 0x46,
+    LATIN_CAPITAL_X: 0x58,
+    LATIN_CAPITAL_Z: 0x5a,
+    RIGHT_SQUARE_BRACKET: 0x5d,
+    GRAVE_ACCENT: 0x60,
+    LATIN_SMALL_A: 0x61,
+    LATIN_SMALL_F: 0x66,
+    LATIN_SMALL_X: 0x78,
+    LATIN_SMALL_Z: 0x7a,
+    REPLACEMENT_CHARACTER: 0xfffd
+};
+
+var CODE_POINT_SEQUENCES = {
+    DASH_DASH_STRING: [0x2d, 0x2d], //--
+    DOCTYPE_STRING: [0x44, 0x4f, 0x43, 0x54, 0x59, 0x50, 0x45], //DOCTYPE
+    CDATA_START_STRING: [0x5b, 0x43, 0x44, 0x41, 0x54, 0x41, 0x5b], //[CDATA[
+    SCRIPT_STRING: [0x73, 0x63, 0x72, 0x69, 0x70, 0x74], //script
+    PUBLIC_STRING: [0x50, 0x55, 0x42, 0x4c, 0x49, 0x43], //PUBLIC
+    SYSTEM_STRING: [0x53, 0x59, 0x53, 0x54, 0x45, 0x4d] //SYSTEM
+};
+
+//Surrogates
+var isSurrogate = function(cp) {
+    return cp >= 0xd800 && cp <= 0xdfff;
+};
+
+var isSurrogatePair = function(cp) {
+    return cp >= 0xdc00 && cp <= 0xdfff;
+};
+
+var getSurrogatePairCodePoint = function(cp1, cp2) {
+    return (cp1 - 0xd800) * 0x400 + 0x2400 + cp2;
+};
+
+//NOTE: excluding NULL and ASCII whitespace
+var isControlCodePoint = function(cp) {
+    return (
+        (cp !== 0x20 && cp !== 0x0a && cp !== 0x0d && cp !== 0x09 && cp !== 0x0c && cp >= 0x01 && cp <= 0x1f) ||
+        (cp >= 0x7f && cp <= 0x9f)
+    );
+};
+
+var isUndefinedCodePoint = function(cp) {
+    return (cp >= 0xfdd0 && cp <= 0xfdef) || UNDEFINED_CODE_POINTS.indexOf(cp) > -1;
+};
+
+var unicode = {
+	REPLACEMENT_CHARACTER: REPLACEMENT_CHARACTER,
+	CODE_POINTS: CODE_POINTS,
+	CODE_POINT_SEQUENCES: CODE_POINT_SEQUENCES,
+	isSurrogate: isSurrogate,
+	isSurrogatePair: isSurrogatePair,
+	getSurrogatePairCodePoint: getSurrogatePairCodePoint,
+	isControlCodePoint: isControlCodePoint,
+	isUndefinedCodePoint: isUndefinedCodePoint
+};
+
+var errorCodes = {
+    controlCharacterInInputStream: 'control-character-in-input-stream',
+    noncharacterInInputStream: 'noncharacter-in-input-stream',
+    surrogateInInputStream: 'surrogate-in-input-stream',
+    nonVoidHtmlElementStartTagWithTrailingSolidus: 'non-void-html-element-start-tag-with-trailing-solidus',
+    endTagWithAttributes: 'end-tag-with-attributes',
+    endTagWithTrailingSolidus: 'end-tag-with-trailing-solidus',
+    unexpectedSolidusInTag: 'unexpected-solidus-in-tag',
+    unexpectedNullCharacter: 'unexpected-null-character',
+    unexpectedQuestionMarkInsteadOfTagName: 'unexpected-question-mark-instead-of-tag-name',
+    invalidFirstCharacterOfTagName: 'invalid-first-character-of-tag-name',
+    unexpectedEqualsSignBeforeAttributeName: 'unexpected-equals-sign-before-attribute-name',
+    missingEndTagName: 'missing-end-tag-name',
+    unexpectedCharacterInAttributeName: 'unexpected-character-in-attribute-name',
+    unknownNamedCharacterReference: 'unknown-named-character-reference',
+    missingSemicolonAfterCharacterReference: 'missing-semicolon-after-character-reference',
+    unexpectedCharacterAfterDoctypeSystemIdentifier: 'unexpected-character-after-doctype-system-identifier',
+    unexpectedCharacterInUnquotedAttributeValue: 'unexpected-character-in-unquoted-attribute-value',
+    eofBeforeTagName: 'eof-before-tag-name',
+    eofInTag: 'eof-in-tag',
+    missingAttributeValue: 'missing-attribute-value',
+    missingWhitespaceBetweenAttributes: 'missing-whitespace-between-attributes',
+    missingWhitespaceAfterDoctypePublicKeyword: 'missing-whitespace-after-doctype-public-keyword',
+    missingWhitespaceBetweenDoctypePublicAndSystemIdentifiers:
+        'missing-whitespace-between-doctype-public-and-system-identifiers',
+    missingWhitespaceAfterDoctypeSystemKeyword: 'missing-whitespace-after-doctype-system-keyword',
+    missingQuoteBeforeDoctypePublicIdentifier: 'missing-quote-before-doctype-public-identifier',
+    missingQuoteBeforeDoctypeSystemIdentifier: 'missing-quote-before-doctype-system-identifier',
+    missingDoctypePublicIdentifier: 'missing-doctype-public-identifier',
+    missingDoctypeSystemIdentifier: 'missing-doctype-system-identifier',
+    abruptDoctypePublicIdentifier: 'abrupt-doctype-public-identifier',
+    abruptDoctypeSystemIdentifier: 'abrupt-doctype-system-identifier',
+    cdataInHtmlContent: 'cdata-in-html-content',
+    incorrectlyOpenedComment: 'incorrectly-opened-comment',
+    eofInScriptHtmlCommentLikeText: 'eof-in-script-html-comment-like-text',
+    eofInDoctype: 'eof-in-doctype',
+    nestedComment: 'nested-comment',
+    abruptClosingOfEmptyComment: 'abrupt-closing-of-empty-comment',
+    eofInComment: 'eof-in-comment',
+    incorrectlyClosedComment: 'incorrectly-closed-comment',
+    eofInCdata: 'eof-in-cdata',
+    absenceOfDigitsInNumericCharacterReference: 'absence-of-digits-in-numeric-character-reference',
+    nullCharacterReference: 'null-character-reference',
+    surrogateCharacterReference: 'surrogate-character-reference',
+    characterReferenceOutsideUnicodeRange: 'character-reference-outside-unicode-range',
+    controlCharacterReference: 'control-character-reference',
+    noncharacterCharacterReference: 'noncharacter-character-reference',
+    missingWhitespaceBeforeDoctypeName: 'missing-whitespace-before-doctype-name',
+    missingDoctypeName: 'missing-doctype-name',
+    invalidCharacterSequenceAfterDoctypeName: 'invalid-character-sequence-after-doctype-name',
+    duplicateAttribute: 'duplicate-attribute',
+    nonConformingDoctype: 'non-conforming-doctype',
+    missingDoctype: 'missing-doctype',
+    misplacedDoctype: 'misplaced-doctype',
+    endTagWithoutMatchingOpenElement: 'end-tag-without-matching-open-element',
+    closingOfElementWithOpenChildElements: 'closing-of-element-with-open-child-elements',
+    disallowedContentInNoscriptInHead: 'disallowed-content-in-noscript-in-head',
+    openElementsLeftAfterEof: 'open-elements-left-after-eof',
+    abandonedHeadElementChild: 'abandoned-head-element-child',
+    misplacedStartTagForHeadElement: 'misplaced-start-tag-for-head-element',
+    nestedNoscriptInHead: 'nested-noscript-in-head',
+    eofInElementThatCanContainOnlyText: 'eof-in-element-that-can-contain-only-text'
+};
+
+//Aliases
+const $ = unicode.CODE_POINTS;
+
+//Const
+const DEFAULT_BUFFER_WATERLINE = 1 << 16;
+
+//Preprocessor
+//NOTE: HTML input preprocessing
+//(see: http://www.whatwg.org/specs/web-apps/current-work/multipage/parsing.html#preprocessing-the-input-stream)
+class Preprocessor {
+    constructor() {
+        this.html = null;
+
+        this.pos = -1;
+        this.lastGapPos = -1;
+        this.lastCharPos = -1;
+
+        this.gapStack = [];
+
+        this.skipNextNewLine = false;
+
+        this.lastChunkWritten = false;
+        this.endOfChunkHit = false;
+        this.bufferWaterline = DEFAULT_BUFFER_WATERLINE;
+    }
+
+    _err() {
+        // NOTE: err reporting is noop by default. Enabled by mixin.
+    }
+
+    _addGap() {
+        this.gapStack.push(this.lastGapPos);
+        this.lastGapPos = this.pos;
+    }
+
+    _processSurrogate(cp) {
+        //NOTE: try to peek a surrogate pair
+        if (this.pos !== this.lastCharPos) {
+            const nextCp = this.html.charCodeAt(this.pos + 1);
+
+            if (unicode.isSurrogatePair(nextCp)) {
+                //NOTE: we have a surrogate pair. Peek pair character and recalculate code point.
+                this.pos++;
+
+                //NOTE: add gap that should be avoided during retreat
+                this._addGap();
+
+                return unicode.getSurrogatePairCodePoint(cp, nextCp);
+            }
+        }
+
+        //NOTE: we are at the end of a chunk, therefore we can't infer surrogate pair yet.
+        else if (!this.lastChunkWritten) {
+            this.endOfChunkHit = true;
+            return $.EOF;
+        }
+
+        //NOTE: isolated surrogate
+        this._err(errorCodes.surrogateInInputStream);
+
+        return cp;
+    }
+
+    dropParsedChunk() {
+        if (this.pos > this.bufferWaterline) {
+            this.lastCharPos -= this.pos;
+            this.html = this.html.substring(this.pos);
+            this.pos = 0;
+            this.lastGapPos = -1;
+            this.gapStack = [];
+        }
+    }
+
+    write(chunk, isLastChunk) {
+        if (this.html) {
+            this.html += chunk;
+        } else {
+            this.html = chunk;
+        }
+
+        this.lastCharPos = this.html.length - 1;
+        this.endOfChunkHit = false;
+        this.lastChunkWritten = isLastChunk;
+    }
+
+    insertHtmlAtCurrentPos(chunk) {
+        this.html = this.html.substring(0, this.pos + 1) + chunk + this.html.substring(this.pos + 1, this.html.length);
+
+        this.lastCharPos = this.html.length - 1;
+        this.endOfChunkHit = false;
+    }
+
+    advance() {
+        this.pos++;
+
+        if (this.pos > this.lastCharPos) {
+            this.endOfChunkHit = !this.lastChunkWritten;
+            return $.EOF;
+        }
+
+        let cp = this.html.charCodeAt(this.pos);
+
+        //NOTE: any U+000A LINE FEED (LF) characters that immediately follow a U+000D CARRIAGE RETURN (CR) character
+        //must be ignored.
+        if (this.skipNextNewLine && cp === $.LINE_FEED) {
+            this.skipNextNewLine = false;
+            this._addGap();
+            return this.advance();
+        }
+
+        //NOTE: all U+000D CARRIAGE RETURN (CR) characters must be converted to U+000A LINE FEED (LF) characters
+        if (cp === $.CARRIAGE_RETURN) {
+            this.skipNextNewLine = true;
+            return $.LINE_FEED;
+        }
+
+        this.skipNextNewLine = false;
+
+        if (unicode.isSurrogate(cp)) {
+            cp = this._processSurrogate(cp);
+        }
+
+        //OPTIMIZATION: first check if code point is in the common allowed
+        //range (ASCII alphanumeric, whitespaces, big chunk of BMP)
+        //before going into detailed performance cost validation.
+        const isCommonValidRange =
+            (cp > 0x1f && cp < 0x7f) || cp === $.LINE_FEED || cp === $.CARRIAGE_RETURN || (cp > 0x9f && cp < 0xfdd0);
+
+        if (!isCommonValidRange) {
+            this._checkForProblematicCharacters(cp);
+        }
+
+        return cp;
+    }
+
+    _checkForProblematicCharacters(cp) {
+        if (unicode.isControlCodePoint(cp)) {
+            this._err(errorCodes.controlCharacterInInputStream);
+        } else if (unicode.isUndefinedCodePoint(cp)) {
+            this._err(errorCodes.noncharacterInInputStream);
+        }
+    }
+
+    retreat() {
+        if (this.pos === this.lastGapPos) {
+            this.lastGapPos = this.gapStack.pop();
+            this.pos--;
+        }
+
+        this.pos--;
+    }
+}
+
+var preprocessor = Preprocessor;
+
+//NOTE: this file contains auto-generated array mapped radix tree that is used for the named entity references consumption
+//(details: https://github.com/inikulin/parse5/tree/master/scripts/generate-named-entity-data/README.md)
+var namedEntityData = new Uint16Array([4,52,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,106,303,412,810,1432,1701,1796,1987,2114,2360,2420,2484,3170,3251,4140,4393,4575,4610,5106,5512,5728,6117,6274,6315,6345,6427,6516,7002,7910,8733,9323,9870,10170,10631,10893,11318,11386,11467,12773,13092,14474,14922,15448,15542,16419,17666,18166,18611,19004,19095,19298,19397,4,16,69,77,97,98,99,102,103,108,109,110,111,112,114,115,116,117,140,150,158,169,176,194,199,210,216,222,226,242,256,266,283,294,108,105,103,5,198,1,59,148,1,198,80,5,38,1,59,156,1,38,99,117,116,101,5,193,1,59,167,1,193,114,101,118,101,59,1,258,4,2,105,121,182,191,114,99,5,194,1,59,189,1,194,59,1,1040,114,59,3,55349,56580,114,97,118,101,5,192,1,59,208,1,192,112,104,97,59,1,913,97,99,114,59,1,256,100,59,1,10835,4,2,103,112,232,237,111,110,59,1,260,102,59,3,55349,56632,112,108,121,70,117,110,99,116,105,111,110,59,1,8289,105,110,103,5,197,1,59,264,1,197,4,2,99,115,272,277,114,59,3,55349,56476,105,103,110,59,1,8788,105,108,100,101,5,195,1,59,292,1,195,109,108,5,196,1,59,301,1,196,4,8,97,99,101,102,111,114,115,117,321,350,354,383,388,394,400,405,4,2,99,114,327,336,107,115,108,97,115,104,59,1,8726,4,2,118,119,342,345,59,1,10983,101,100,59,1,8966,121,59,1,1041,4,3,99,114,116,362,369,379,97,117,115,101,59,1,8757,110,111,117,108,108,105,115,59,1,8492,97,59,1,914,114,59,3,55349,56581,112,102,59,3,55349,56633,101,118,101,59,1,728,99,114,59,1,8492,109,112,101,113,59,1,8782,4,14,72,79,97,99,100,101,102,104,105,108,111,114,115,117,442,447,456,504,542,547,569,573,577,616,678,784,790,796,99,121,59,1,1063,80,89,5,169,1,59,454,1,169,4,3,99,112,121,464,470,497,117,116,101,59,1,262,4,2,59,105,476,478,1,8914,116,97,108,68,105,102,102,101,114,101,110,116,105,97,108,68,59,1,8517,108,101,121,115,59,1,8493,4,4,97,101,105,111,514,520,530,535,114,111,110,59,1,268,100,105,108,5,199,1,59,528,1,199,114,99,59,1,264,110,105,110,116,59,1,8752,111,116,59,1,266,4,2,100,110,553,560,105,108,108,97,59,1,184,116,101,114,68,111,116,59,1,183,114,59,1,8493,105,59,1,935,114,99,108,101,4,4,68,77,80,84,591,596,603,609,111,116,59,1,8857,105,110,117,115,59,1,8854,108,117,115,59,1,8853,105,109,101,115,59,1,8855,111,4,2,99,115,623,646,107,119,105,115,101,67,111,110,116,111,117,114,73,110,116,101,103,114,97,108,59,1,8754,101,67,117,114,108,121,4,2,68,81,658,671,111,117,98,108,101,81,117,111,116,101,59,1,8221,117,111,116,101,59,1,8217,4,4,108,110,112,117,688,701,736,753,111,110,4,2,59,101,696,698,1,8759,59,1,10868,4,3,103,105,116,709,717,722,114,117,101,110,116,59,1,8801,110,116,59,1,8751,111,117,114,73,110,116,101,103,114,97,108,59,1,8750,4,2,102,114,742,745,59,1,8450,111,100,117,99,116,59,1,8720,110,116,101,114,67,108,111,99,107,119,105,115,101,67,111,110,116,111,117,114,73,110,116,101,103,114,97,108,59,1,8755,111,115,115,59,1,10799,99,114,59,3,55349,56478,112,4,2,59,67,803,805,1,8915,97,112,59,1,8781,4,11,68,74,83,90,97,99,101,102,105,111,115,834,850,855,860,865,888,903,916,921,1011,1415,4,2,59,111,840,842,1,8517,116,114,97,104,100,59,1,10513,99,121,59,1,1026,99,121,59,1,1029,99,121,59,1,1039,4,3,103,114,115,873,879,883,103,101,114,59,1,8225,114,59,1,8609,104,118,59,1,10980,4,2,97,121,894,900,114,111,110,59,1,270,59,1,1044,108,4,2,59,116,910,912,1,8711,97,59,1,916,114,59,3,55349,56583,4,2,97,102,927,998,4,2,99,109,933,992,114,105,116,105,99,97,108,4,4,65,68,71,84,950,957,978,985,99,117,116,101,59,1,180,111,4,2,116,117,964,967,59,1,729,98,108,101,65,99,117,116,101,59,1,733,114,97,118,101,59,1,96,105,108,100,101,59,1,732,111,110,100,59,1,8900,102,101,114,101,110,116,105,97,108,68,59,1,8518,4,4,112,116,117,119,1021,1026,1048,1249,102,59,3,55349,56635,4,3,59,68,69,1034,1036,1041,1,168,111,116,59,1,8412,113,117,97,108,59,1,8784,98,108,101,4,6,67,68,76,82,85,86,1065,1082,1101,1189,1211,1236,111,110,116,111,117,114,73,110,116,101,103,114,97,108,59,1,8751,111,4,2,116,119,1089,1092,59,1,168,110,65,114,114,111,119,59,1,8659,4,2,101,111,1107,1141,102,116,4,3,65,82,84,1117,1124,1136,114,114,111,119,59,1,8656,105,103,104,116,65,114,114,111,119,59,1,8660,101,101,59,1,10980,110,103,4,2,76,82,1149,1177,101,102,116,4,2,65,82,1158,1165,114,114,111,119,59,1,10232,105,103,104,116,65,114,114,111,119,59,1,10234,105,103,104,116,65,114,114,111,119,59,1,10233,105,103,104,116,4,2,65,84,1199,1206,114,114,111,119,59,1,8658,101,101,59,1,8872,112,4,2,65,68,1218,1225,114,114,111,119,59,1,8657,111,119,110,65,114,114,111,119,59,1,8661,101,114,116,105,99,97,108,66,97,114,59,1,8741,110,4,6,65,66,76,82,84,97,1264,1292,1299,1352,1391,1408,114,114,111,119,4,3,59,66,85,1276,1278,1283,1,8595,97,114,59,1,10515,112,65,114,114,111,119,59,1,8693,114,101,118,101,59,1,785,101,102,116,4,3,82,84,86,1310,1323,1334,105,103,104,116,86,101,99,116,111,114,59,1,10576,101,101,86,101,99,116,111,114,59,1,10590,101,99,116,111,114,4,2,59,66,1345,1347,1,8637,97,114,59,1,10582,105,103,104,116,4,2,84,86,1362,1373,101,101,86,101,99,116,111,114,59,1,10591,101,99,116,111,114,4,2,59,66,1384,1386,1,8641,97,114,59,1,10583,101,101,4,2,59,65,1399,1401,1,8868,114,114,111,119,59,1,8615,114,114,111,119,59,1,8659,4,2,99,116,1421,1426,114,59,3,55349,56479,114,111,107,59,1,272,4,16,78,84,97,99,100,102,103,108,109,111,112,113,115,116,117,120,1466,1470,1478,1489,1515,1520,1525,1536,1544,1593,1609,1617,1650,1664,1668,1677,71,59,1,330,72,5,208,1,59,1476,1,208,99,117,116,101,5,201,1,59,1487,1,201,4,3,97,105,121,1497,1503,1512,114,111,110,59,1,282,114,99,5,202,1,59,1510,1,202,59,1,1069,111,116,59,1,278,114,59,3,55349,56584,114,97,118,101,5,200,1,59,1534,1,200,101,109,101,110,116,59,1,8712,4,2,97,112,1550,1555,99,114,59,1,274,116,121,4,2,83,86,1563,1576,109,97,108,108,83,113,117,97,114,101,59,1,9723,101,114,121,83,109,97,108,108,83,113,117,97,114,101,59,1,9643,4,2,103,112,1599,1604,111,110,59,1,280,102,59,3,55349,56636,115,105,108,111,110,59,1,917,117,4,2,97,105,1624,1640,108,4,2,59,84,1631,1633,1,10869,105,108,100,101,59,1,8770,108,105,98,114,105,117,109,59,1,8652,4,2,99,105,1656,1660,114,59,1,8496,109,59,1,10867,97,59,1,919,109,108,5,203,1,59,1675,1,203,4,2,105,112,1683,1689,115,116,115,59,1,8707,111,110,101,110,116,105,97,108,69,59,1,8519,4,5,99,102,105,111,115,1713,1717,1722,1762,1791,121,59,1,1060,114,59,3,55349,56585,108,108,101,100,4,2,83,86,1732,1745,109,97,108,108,83,113,117,97,114,101,59,1,9724,101,114,121,83,109,97,108,108,83,113,117,97,114,101,59,1,9642,4,3,112,114,117,1770,1775,1781,102,59,3,55349,56637,65,108,108,59,1,8704,114,105,101,114,116,114,102,59,1,8497,99,114,59,1,8497,4,12,74,84,97,98,99,100,102,103,111,114,115,116,1822,1827,1834,1848,1855,1877,1882,1887,1890,1896,1978,1984,99,121,59,1,1027,5,62,1,59,1832,1,62,109,109,97,4,2,59,100,1843,1845,1,915,59,1,988,114,101,118,101,59,1,286,4,3,101,105,121,1863,1869,1874,100,105,108,59,1,290,114,99,59,1,284,59,1,1043,111,116,59,1,288,114,59,3,55349,56586,59,1,8921,112,102,59,3,55349,56638,101,97,116,101,114,4,6,69,70,71,76,83,84,1915,1933,1944,1953,1959,1971,113,117,97,108,4,2,59,76,1925,1927,1,8805,101,115,115,59,1,8923,117,108,108,69,113,117,97,108,59,1,8807,114,101,97,116,101,114,59,1,10914,101,115,115,59,1,8823,108,97,110,116,69,113,117,97,108,59,1,10878,105,108,100,101,59,1,8819,99,114,59,3,55349,56482,59,1,8811,4,8,65,97,99,102,105,111,115,117,2005,2012,2026,2032,2036,2049,2073,2089,82,68,99,121,59,1,1066,4,2,99,116,2018,2023,101,107,59,1,711,59,1,94,105,114,99,59,1,292,114,59,1,8460,108,98,101,114,116,83,112,97,99,101,59,1,8459,4,2,112,114,2055,2059,102,59,1,8461,105,122,111,110,116,97,108,76,105,110,101,59,1,9472,4,2,99,116,2079,2083,114,59,1,8459,114,111,107,59,1,294,109,112,4,2,68,69,2097,2107,111,119,110,72,117,109,112,59,1,8782,113,117,97,108,59,1,8783,4,14,69,74,79,97,99,100,102,103,109,110,111,115,116,117,2144,2149,2155,2160,2171,2189,2194,2198,2209,2245,2307,2329,2334,2341,99,121,59,1,1045,108,105,103,59,1,306,99,121,59,1,1025,99,117,116,101,5,205,1,59,2169,1,205,4,2,105,121,2177,2186,114,99,5,206,1,59,2184,1,206,59,1,1048,111,116,59,1,304,114,59,1,8465,114,97,118,101,5,204,1,59,2207,1,204,4,3,59,97,112,2217,2219,2238,1,8465,4,2,99,103,2225,2229,114,59,1,298,105,110,97,114,121,73,59,1,8520,108,105,101,115,59,1,8658,4,2,116,118,2251,2281,4,2,59,101,2257,2259,1,8748,4,2,103,114,2265,2271,114,97,108,59,1,8747,115,101,99,116,105,111,110,59,1,8898,105,115,105,98,108,101,4,2,67,84,2293,2300,111,109,109,97,59,1,8291,105,109,101,115,59,1,8290,4,3,103,112,116,2315,2320,2325,111,110,59,1,302,102,59,3,55349,56640,97,59,1,921,99,114,59,1,8464,105,108,100,101,59,1,296,4,2,107,109,2347,2352,99,121,59,1,1030,108,5,207,1,59,2358,1,207,4,5,99,102,111,115,117,2372,2386,2391,2397,2414,4,2,105,121,2378,2383,114,99,59,1,308,59,1,1049,114,59,3,55349,56589,112,102,59,3,55349,56641,4,2,99,101,2403,2408,114,59,3,55349,56485,114,99,121,59,1,1032,107,99,121,59,1,1028,4,7,72,74,97,99,102,111,115,2436,2441,2446,2452,2467,2472,2478,99,121,59,1,1061,99,121,59,1,1036,112,112,97,59,1,922,4,2,101,121,2458,2464,100,105,108,59,1,310,59,1,1050,114,59,3,55349,56590,112,102,59,3,55349,56642,99,114,59,3,55349,56486,4,11,74,84,97,99,101,102,108,109,111,115,116,2508,2513,2520,2562,2585,2981,2986,3004,3011,3146,3167,99,121,59,1,1033,5,60,1,59,2518,1,60,4,5,99,109,110,112,114,2532,2538,2544,2548,2558,117,116,101,59,1,313,98,100,97,59,1,923,103,59,1,10218,108,97,99,101,116,114,102,59,1,8466,114,59,1,8606,4,3,97,101,121,2570,2576,2582,114,111,110,59,1,317,100,105,108,59,1,315,59,1,1051,4,2,102,115,2591,2907,116,4,10,65,67,68,70,82,84,85,86,97,114,2614,2663,2672,2728,2735,2760,2820,2870,2888,2895,4,2,110,114,2620,2633,103,108,101,66,114,97,99,107,101,116,59,1,10216,114,111,119,4,3,59,66,82,2644,2646,2651,1,8592,97,114,59,1,8676,105,103,104,116,65,114,114,111,119,59,1,8646,101,105,108,105,110,103,59,1,8968,111,4,2,117,119,2679,2692,98,108,101,66,114,97,99,107,101,116,59,1,10214,110,4,2,84,86,2699,2710,101,101,86,101,99,116,111,114,59,1,10593,101,99,116,111,114,4,2,59,66,2721,2723,1,8643,97,114,59,1,10585,108,111,111,114,59,1,8970,105,103,104,116,4,2,65,86,2745,2752,114,114,111,119,59,1,8596,101,99,116,111,114,59,1,10574,4,2,101,114,2766,2792,101,4,3,59,65,86,2775,2777,2784,1,8867,114,114,111,119,59,1,8612,101,99,116,111,114,59,1,10586,105,97,110,103,108,101,4,3,59,66,69,2806,2808,2813,1,8882,97,114,59,1,10703,113,117,97,108,59,1,8884,112,4,3,68,84,86,2829,2841,2852,111,119,110,86,101,99,116,111,114,59,1,10577,101,101,86,101,99,116,111,114,59,1,10592,101,99,116,111,114,4,2,59,66,2863,2865,1,8639,97,114,59,1,10584,101,99,116,111,114,4,2,59,66,2881,2883,1,8636,97,114,59,1,10578,114,114,111,119,59,1,8656,105,103,104,116,97,114,114,111,119,59,1,8660,115,4,6,69,70,71,76,83,84,2922,2936,2947,2956,2962,2974,113,117,97,108,71,114,101,97,116,101,114,59,1,8922,117,108,108,69,113,117,97,108,59,1,8806,114,101,97,116,101,114,59,1,8822,101,115,115,59,1,10913,108,97,110,116,69,113,117,97,108,59,1,10877,105,108,100,101,59,1,8818,114,59,3,55349,56591,4,2,59,101,2992,2994,1,8920,102,116,97,114,114,111,119,59,1,8666,105,100,111,116,59,1,319,4,3,110,112,119,3019,3110,3115,103,4,4,76,82,108,114,3030,3058,3070,3098,101,102,116,4,2,65,82,3039,3046,114,114,111,119,59,1,10229,105,103,104,116,65,114,114,111,119,59,1,10231,105,103,104,116,65,114,114,111,119,59,1,10230,101,102,116,4,2,97,114,3079,3086,114,114,111,119,59,1,10232,105,103,104,116,97,114,114,111,119,59,1,10234,105,103,104,116,97,114,114,111,119,59,1,10233,102,59,3,55349,56643,101,114,4,2,76,82,3123,3134,101,102,116,65,114,114,111,119,59,1,8601,105,103,104,116,65,114,114,111,119,59,1,8600,4,3,99,104,116,3154,3158,3161,114,59,1,8466,59,1,8624,114,111,107,59,1,321,59,1,8810,4,8,97,99,101,102,105,111,115,117,3188,3192,3196,3222,3227,3237,3243,3248,112,59,1,10501,121,59,1,1052,4,2,100,108,3202,3213,105,117,109,83,112,97,99,101,59,1,8287,108,105,110,116,114,102,59,1,8499,114,59,3,55349,56592,110,117,115,80,108,117,115,59,1,8723,112,102,59,3,55349,56644,99,114,59,1,8499,59,1,924,4,9,74,97,99,101,102,111,115,116,117,3271,3276,3283,3306,3422,3427,4120,4126,4137,99,121,59,1,1034,99,117,116,101,59,1,323,4,3,97,101,121,3291,3297,3303,114,111,110,59,1,327,100,105,108,59,1,325,59,1,1053,4,3,103,115,119,3314,3380,3415,97,116,105,118,101,4,3,77,84,86,3327,3340,3365,101,100,105,117,109,83,112,97,99,101,59,1,8203,104,105,4,2,99,110,3348,3357,107,83,112,97,99,101,59,1,8203,83,112,97,99,101,59,1,8203,101,114,121,84,104,105,110,83,112,97,99,101,59,1,8203,116,101,100,4,2,71,76,3389,3405,114,101,97,116,101,114,71,114,101,97,116,101,114,59,1,8811,101,115,115,76,101,115,115,59,1,8810,76,105,110,101,59,1,10,114,59,3,55349,56593,4,4,66,110,112,116,3437,3444,3460,3464,114,101,97,107,59,1,8288,66,114,101,97,107,105,110,103,83,112,97,99,101,59,1,160,102,59,1,8469,4,13,59,67,68,69,71,72,76,78,80,82,83,84,86,3492,3494,3517,3536,3578,3657,3685,3784,3823,3860,3915,4066,4107,1,10988,4,2,111,117,3500,3510,110,103,114,117,101,110,116,59,1,8802,112,67,97,112,59,1,8813,111,117,98,108,101,86,101,114,116,105,99,97,108,66,97,114,59,1,8742,4,3,108,113,120,3544,3552,3571,101,109,101,110,116,59,1,8713,117,97,108,4,2,59,84,3561,3563,1,8800,105,108,100,101,59,3,8770,824,105,115,116,115,59,1,8708,114,101,97,116,101,114,4,7,59,69,70,71,76,83,84,3600,3602,3609,3621,3631,3637,3650,1,8815,113,117,97,108,59,1,8817,117,108,108,69,113,117,97,108,59,3,8807,824,114,101,97,116,101,114,59,3,8811,824,101,115,115,59,1,8825,108,97,110,116,69,113,117,97,108,59,3,10878,824,105,108,100,101,59,1,8821,117,109,112,4,2,68,69,3666,3677,111,119,110,72,117,109,112,59,3,8782,824,113,117,97,108,59,3,8783,824,101,4,2,102,115,3692,3724,116,84,114,105,97,110,103,108,101,4,3,59,66,69,3709,3711,3717,1,8938,97,114,59,3,10703,824,113,117,97,108,59,1,8940,115,4,6,59,69,71,76,83,84,3739,3741,3748,3757,3764,3777,1,8814,113,117,97,108,59,1,8816,114,101,97,116,101,114,59,1,8824,101,115,115,59,3,8810,824,108,97,110,116,69,113,117,97,108,59,3,10877,824,105,108,100,101,59,1,8820,101,115,116,101,100,4,2,71,76,3795,3812,114,101,97,116,101,114,71,114,101,97,116,101,114,59,3,10914,824,101,115,115,76,101,115,115,59,3,10913,824,114,101,99,101,100,101,115,4,3,59,69,83,3838,3840,3848,1,8832,113,117,97,108,59,3,10927,824,108,97,110,116,69,113,117,97,108,59,1,8928,4,2,101,105,3866,3881,118,101,114,115,101,69,108,101,109,101,110,116,59,1,8716,103,104,116,84,114,105,97,110,103,108,101,4,3,59,66,69,3900,3902,3908,1,8939,97,114,59,3,10704,824,113,117,97,108,59,1,8941,4,2,113,117,3921,3973,117,97,114,101,83,117,4,2,98,112,3933,3952,115,101,116,4,2,59,69,3942,3945,3,8847,824,113,117,97,108,59,1,8930,101,114,115,101,116,4,2,59,69,3963,3966,3,8848,824,113,117,97,108,59,1,8931,4,3,98,99,112,3981,4000,4045,115,101,116,4,2,59,69,3990,3993,3,8834,8402,113,117,97,108,59,1,8840,99,101,101,100,115,4,4,59,69,83,84,4015,4017,4025,4037,1,8833,113,117,97,108,59,3,10928,824,108,97,110,116,69,113,117,97,108,59,1,8929,105,108,100,101,59,3,8831,824,101,114,115,101,116,4,2,59,69,4056,4059,3,8835,8402,113,117,97,108,59,1,8841,105,108,100,101,4,4,59,69,70,84,4080,4082,4089,4100,1,8769,113,117,97,108,59,1,8772,117,108,108,69,113,117,97,108,59,1,8775,105,108,100,101,59,1,8777,101,114,116,105,99,97,108,66,97,114,59,1,8740,99,114,59,3,55349,56489,105,108,100,101,5,209,1,59,4135,1,209,59,1,925,4,14,69,97,99,100,102,103,109,111,112,114,115,116,117,118,4170,4176,4187,4205,4212,4217,4228,4253,4259,4292,4295,4316,4337,4346,108,105,103,59,1,338,99,117,116,101,5,211,1,59,4185,1,211,4,2,105,121,4193,4202,114,99,5,212,1,59,4200,1,212,59,1,1054,98,108,97,99,59,1,336,114,59,3,55349,56594,114,97,118,101,5,210,1,59,4226,1,210,4,3,97,101,105,4236,4241,4246,99,114,59,1,332,103,97,59,1,937,99,114,111,110,59,1,927,112,102,59,3,55349,56646,101,110,67,117,114,108,121,4,2,68,81,4272,4285,111,117,98,108,101,81,117,111,116,101,59,1,8220,117,111,116,101,59,1,8216,59,1,10836,4,2,99,108,4301,4306,114,59,3,55349,56490,97,115,104,5,216,1,59,4314,1,216,105,4,2,108,109,4323,4332,100,101,5,213,1,59,4330,1,213,101,115,59,1,10807,109,108,5,214,1,59,4344,1,214,101,114,4,2,66,80,4354,4380,4,2,97,114,4360,4364,114,59,1,8254,97,99,4,2,101,107,4372,4375,59,1,9182,101,116,59,1,9140,97,114,101,110,116,104,101,115,105,115,59,1,9180,4,9,97,99,102,104,105,108,111,114,115,4413,4422,4426,4431,4435,4438,4448,4471,4561,114,116,105,97,108,68,59,1,8706,121,59,1,1055,114,59,3,55349,56595,105,59,1,934,59,1,928,117,115,77,105,110,117,115,59,1,177,4,2,105,112,4454,4467,110,99,97,114,101,112,108,97,110,101,59,1,8460,102,59,1,8473,4,4,59,101,105,111,4481,4483,4526,4531,1,10939,99,101,100,101,115,4,4,59,69,83,84,4498,4500,4507,4519,1,8826,113,117,97,108,59,1,10927,108,97,110,116,69,113,117,97,108,59,1,8828,105,108,100,101,59,1,8830,109,101,59,1,8243,4,2,100,112,4537,4543,117,99,116,59,1,8719,111,114,116,105,111,110,4,2,59,97,4555,4557,1,8759,108,59,1,8733,4,2,99,105,4567,4572,114,59,3,55349,56491,59,1,936,4,4,85,102,111,115,4585,4594,4599,4604,79,84,5,34,1,59,4592,1,34,114,59,3,55349,56596,112,102,59,1,8474,99,114,59,3,55349,56492,4,12,66,69,97,99,101,102,104,105,111,114,115,117,4636,4642,4650,4681,4704,4763,4767,4771,5047,5069,5081,5094,97,114,114,59,1,10512,71,5,174,1,59,4648,1,174,4,3,99,110,114,4658,4664,4668,117,116,101,59,1,340,103,59,1,10219,114,4,2,59,116,4675,4677,1,8608,108,59,1,10518,4,3,97,101,121,4689,4695,4701,114,111,110,59,1,344,100,105,108,59,1,342,59,1,1056,4,2,59,118,4710,4712,1,8476,101,114,115,101,4,2,69,85,4722,4748,4,2,108,113,4728,4736,101,109,101,110,116,59,1,8715,117,105,108,105,98,114,105,117,109,59,1,8651,112,69,113,117,105,108,105,98,114,105,117,109,59,1,10607,114,59,1,8476,111,59,1,929,103,104,116,4,8,65,67,68,70,84,85,86,97,4792,4840,4849,4905,4912,4972,5022,5040,4,2,110,114,4798,4811,103,108,101,66,114,97,99,107,101,116,59,1,10217,114,111,119,4,3,59,66,76,4822,4824,4829,1,8594,97,114,59,1,8677,101,102,116,65,114,114,111,119,59,1,8644,101,105,108,105,110,103,59,1,8969,111,4,2,117,119,4856,4869,98,108,101,66,114,97,99,107,101,116,59,1,10215,110,4,2,84,86,4876,4887,101,101,86,101,99,116,111,114,59,1,10589,101,99,116,111,114,4,2,59,66,4898,4900,1,8642,97,114,59,1,10581,108,111,111,114,59,1,8971,4,2,101,114,4918,4944,101,4,3,59,65,86,4927,4929,4936,1,8866,114,114,111,119,59,1,8614,101,99,116,111,114,59,1,10587,105,97,110,103,108,101,4,3,59,66,69,4958,4960,4965,1,8883,97,114,59,1,10704,113,117,97,108,59,1,8885,112,4,3,68,84,86,4981,4993,5004,111,119,110,86,101,99,116,111,114,59,1,10575,101,101,86,101,99,116,111,114,59,1,10588,101,99,116,111,114,4,2,59,66,5015,5017,1,8638,97,114,59,1,10580,101,99,116,111,114,4,2,59,66,5033,5035,1,8640,97,114,59,1,10579,114,114,111,119,59,1,8658,4,2,112,117,5053,5057,102,59,1,8477,110,100,73,109,112,108,105,101,115,59,1,10608,105,103,104,116,97,114,114,111,119,59,1,8667,4,2,99,104,5087,5091,114,59,1,8475,59,1,8625,108,101,68,101,108,97,121,101,100,59,1,10740,4,13,72,79,97,99,102,104,105,109,111,113,115,116,117,5134,5150,5157,5164,5198,5203,5259,5265,5277,5283,5374,5380,5385,4,2,67,99,5140,5146,72,99,121,59,1,1065,121,59,1,1064,70,84,99,121,59,1,1068,99,117,116,101,59,1,346,4,5,59,97,101,105,121,5176,5178,5184,5190,5195,1,10940,114,111,110,59,1,352,100,105,108,59,1,350,114,99,59,1,348,59,1,1057,114,59,3,55349,56598,111,114,116,4,4,68,76,82,85,5216,5227,5238,5250,111,119,110,65,114,114,111,119,59,1,8595,101,102,116,65,114,114,111,119,59,1,8592,105,103,104,116,65,114,114,111,119,59,1,8594,112,65,114,114,111,119,59,1,8593,103,109,97,59,1,931,97,108,108,67,105,114,99,108,101,59,1,8728,112,102,59,3,55349,56650,4,2,114,117,5289,5293,116,59,1,8730,97,114,101,4,4,59,73,83,85,5306,5308,5322,5367,1,9633,110,116,101,114,115,101,99,116,105,111,110,59,1,8851,117,4,2,98,112,5329,5347,115,101,116,4,2,59,69,5338,5340,1,8847,113,117,97,108,59,1,8849,101,114,115,101,116,4,2,59,69,5358,5360,1,8848,113,117,97,108,59,1,8850,110,105,111,110,59,1,8852,99,114,59,3,55349,56494,97,114,59,1,8902,4,4,98,99,109,112,5395,5420,5475,5478,4,2,59,115,5401,5403,1,8912,101,116,4,2,59,69,5411,5413,1,8912,113,117,97,108,59,1,8838,4,2,99,104,5426,5468,101,101,100,115,4,4,59,69,83,84,5440,5442,5449,5461,1,8827,113,117,97,108,59,1,10928,108,97,110,116,69,113,117,97,108,59,1,8829,105,108,100,101,59,1,8831,84,104,97,116,59,1,8715,59,1,8721,4,3,59,101,115,5486,5488,5507,1,8913,114,115,101,116,4,2,59,69,5498,5500,1,8835,113,117,97,108,59,1,8839,101,116,59,1,8913,4,11,72,82,83,97,99,102,104,105,111,114,115,5536,5546,5552,5567,5579,5602,5607,5655,5695,5701,5711,79,82,78,5,222,1,59,5544,1,222,65,68,69,59,1,8482,4,2,72,99,5558,5563,99,121,59,1,1035,121,59,1,1062,4,2,98,117,5573,5576,59,1,9,59,1,932,4,3,97,101,121,5587,5593,5599,114,111,110,59,1,356,100,105,108,59,1,354,59,1,1058,114,59,3,55349,56599,4,2,101,105,5613,5631,4,2,114,116,5619,5627,101,102,111,114,101,59,1,8756,97,59,1,920,4,2,99,110,5637,5647,107,83,112,97,99,101,59,3,8287,8202,83,112,97,99,101,59,1,8201,108,100,101,4,4,59,69,70,84,5668,5670,5677,5688,1,8764,113,117,97,108,59,1,8771,117,108,108,69,113,117,97,108,59,1,8773,105,108,100,101,59,1,8776,112,102,59,3,55349,56651,105,112,108,101,68,111,116,59,1,8411,4,2,99,116,5717,5722,114,59,3,55349,56495,114,111,107,59,1,358,4,14,97,98,99,100,102,103,109,110,111,112,114,115,116,117,5758,5789,5805,5823,5830,5835,5846,5852,5921,5937,6089,6095,6101,6108,4,2,99,114,5764,5774,117,116,101,5,218,1,59,5772,1,218,114,4,2,59,111,5781,5783,1,8607,99,105,114,59,1,10569,114,4,2,99,101,5796,5800,121,59,1,1038,118,101,59,1,364,4,2,105,121,5811,5820,114,99,5,219,1,59,5818,1,219,59,1,1059,98,108,97,99,59,1,368,114,59,3,55349,56600,114,97,118,101,5,217,1,59,5844,1,217,97,99,114,59,1,362,4,2,100,105,5858,5905,101,114,4,2,66,80,5866,5892,4,2,97,114,5872,5876,114,59,1,95,97,99,4,2,101,107,5884,5887,59,1,9183,101,116,59,1,9141,97,114,101,110,116,104,101,115,105,115,59,1,9181,111,110,4,2,59,80,5913,5915,1,8899,108,117,115,59,1,8846,4,2,103,112,5927,5932,111,110,59,1,370,102,59,3,55349,56652,4,8,65,68,69,84,97,100,112,115,5955,5985,5996,6009,6026,6033,6044,6075,114,114,111,119,4,3,59,66,68,5967,5969,5974,1,8593,97,114,59,1,10514,111,119,110,65,114,114,111,119,59,1,8645,111,119,110,65,114,114,111,119,59,1,8597,113,117,105,108,105,98,114,105,117,109,59,1,10606,101,101,4,2,59,65,6017,6019,1,8869,114,114,111,119,59,1,8613,114,114,111,119,59,1,8657,111,119,110,97,114,114,111,119,59,1,8661,101,114,4,2,76,82,6052,6063,101,102,116,65,114,114,111,119,59,1,8598,105,103,104,116,65,114,114,111,119,59,1,8599,105,4,2,59,108,6082,6084,1,978,111,110,59,1,933,105,110,103,59,1,366,99,114,59,3,55349,56496,105,108,100,101,59,1,360,109,108,5,220,1,59,6115,1,220,4,9,68,98,99,100,101,102,111,115,118,6137,6143,6148,6152,6166,6250,6255,6261,6267,97,115,104,59,1,8875,97,114,59,1,10987,121,59,1,1042,97,115,104,4,2,59,108,6161,6163,1,8873,59,1,10982,4,2,101,114,6172,6175,59,1,8897,4,3,98,116,121,6183,6188,6238,97,114,59,1,8214,4,2,59,105,6194,6196,1,8214,99,97,108,4,4,66,76,83,84,6209,6214,6220,6231,97,114,59,1,8739,105,110,101,59,1,124,101,112,97,114,97,116,111,114,59,1,10072,105,108,100,101,59,1,8768,84,104,105,110,83,112,97,99,101,59,1,8202,114,59,3,55349,56601,112,102,59,3,55349,56653,99,114,59,3,55349,56497,100,97,115,104,59,1,8874,4,5,99,101,102,111,115,6286,6292,6298,6303,6309,105,114,99,59,1,372,100,103,101,59,1,8896,114,59,3,55349,56602,112,102,59,3,55349,56654,99,114,59,3,55349,56498,4,4,102,105,111,115,6325,6330,6333,6339,114,59,3,55349,56603,59,1,926,112,102,59,3,55349,56655,99,114,59,3,55349,56499,4,9,65,73,85,97,99,102,111,115,117,6365,6370,6375,6380,6391,6405,6410,6416,6422,99,121,59,1,1071,99,121,59,1,1031,99,121,59,1,1070,99,117,116,101,5,221,1,59,6389,1,221,4,2,105,121,6397,6402,114,99,59,1,374,59,1,1067,114,59,3,55349,56604,112,102,59,3,55349,56656,99,114,59,3,55349,56500,109,108,59,1,376,4,8,72,97,99,100,101,102,111,115,6445,6450,6457,6472,6477,6501,6505,6510,99,121,59,1,1046,99,117,116,101,59,1,377,4,2,97,121,6463,6469,114,111,110,59,1,381,59,1,1047,111,116,59,1,379,4,2,114,116,6483,6497,111,87,105,100,116,104,83,112,97,99,101,59,1,8203,97,59,1,918,114,59,1,8488,112,102,59,1,8484,99,114,59,3,55349,56501,4,16,97,98,99,101,102,103,108,109,110,111,112,114,115,116,117,119,6550,6561,6568,6612,6622,6634,6645,6672,6699,6854,6870,6923,6933,6963,6974,6983,99,117,116,101,5,225,1,59,6559,1,225,114,101,118,101,59,1,259,4,6,59,69,100,105,117,121,6582,6584,6588,6591,6600,6609,1,8766,59,3,8766,819,59,1,8767,114,99,5,226,1,59,6598,1,226,116,101,5,180,1,59,6607,1,180,59,1,1072,108,105,103,5,230,1,59,6620,1,230,4,2,59,114,6628,6630,1,8289,59,3,55349,56606,114,97,118,101,5,224,1,59,6643,1,224,4,2,101,112,6651,6667,4,2,102,112,6657,6663,115,121,109,59,1,8501,104,59,1,8501,104,97,59,1,945,4,2,97,112,6678,6692,4,2,99,108,6684,6688,114,59,1,257,103,59,1,10815,5,38,1,59,6697,1,38,4,2,100,103,6705,6737,4,5,59,97,100,115,118,6717,6719,6724,6727,6734,1,8743,110,100,59,1,10837,59,1,10844,108,111,112,101,59,1,10840,59,1,10842,4,7,59,101,108,109,114,115,122,6753,6755,6758,6762,6814,6835,6848,1,8736,59,1,10660,101,59,1,8736,115,100,4,2,59,97,6770,6772,1,8737,4,8,97,98,99,100,101,102,103,104,6790,6793,6796,6799,6802,6805,6808,6811,59,1,10664,59,1,10665,59,1,10666,59,1,10667,59,1,10668,59,1,10669,59,1,10670,59,1,10671,116,4,2,59,118,6821,6823,1,8735,98,4,2,59,100,6830,6832,1,8894,59,1,10653,4,2,112,116,6841,6845,104,59,1,8738,59,1,197,97,114,114,59,1,9084,4,2,103,112,6860,6865,111,110,59,1,261,102,59,3,55349,56658,4,7,59,69,97,101,105,111,112,6886,6888,6891,6897,6900,6904,6908,1,8776,59,1,10864,99,105,114,59,1,10863,59,1,8778,100,59,1,8779,115,59,1,39,114,111,120,4,2,59,101,6917,6919,1,8776,113,59,1,8778,105,110,103,5,229,1,59,6931,1,229,4,3,99,116,121,6941,6946,6949,114,59,3,55349,56502,59,1,42,109,112,4,2,59,101,6957,6959,1,8776,113,59,1,8781,105,108,100,101,5,227,1,59,6972,1,227,109,108,5,228,1,59,6981,1,228,4,2,99,105,6989,6997,111,110,105,110,116,59,1,8755,110,116,59,1,10769,4,16,78,97,98,99,100,101,102,105,107,108,110,111,112,114,115,117,7036,7041,7119,7135,7149,7155,7219,7224,7347,7354,7463,7489,7786,7793,7814,7866,111,116,59,1,10989,4,2,99,114,7047,7094,107,4,4,99,101,112,115,7058,7064,7073,7080,111,110,103,59,1,8780,112,115,105,108,111,110,59,1,1014,114,105,109,101,59,1,8245,105,109,4,2,59,101,7088,7090,1,8765,113,59,1,8909,4,2,118,119,7100,7105,101,101,59,1,8893,101,100,4,2,59,103,7113,7115,1,8965,101,59,1,8965,114,107,4,2,59,116,7127,7129,1,9141,98,114,107,59,1,9142,4,2,111,121,7141,7146,110,103,59,1,8780,59,1,1073,113,117,111,59,1,8222,4,5,99,109,112,114,116,7167,7181,7188,7193,7199,97,117,115,4,2,59,101,7176,7178,1,8757,59,1,8757,112,116,121,118,59,1,10672,115,105,59,1,1014,110,111,117,59,1,8492,4,3,97,104,119,7207,7210,7213,59,1,946,59,1,8502,101,101,110,59,1,8812,114,59,3,55349,56607,103,4,7,99,111,115,116,117,118,119,7241,7262,7288,7305,7328,7335,7340,4,3,97,105,117,7249,7253,7258,112,59,1,8898,114,99,59,1,9711,112,59,1,8899,4,3,100,112,116,7270,7275,7281,111,116,59,1,10752,108,117,115,59,1,10753,105,109,101,115,59,1,10754,4,2,113,116,7294,7300,99,117,112,59,1,10758,97,114,59,1,9733,114,105,97,110,103,108,101,4,2,100,117,7318,7324,111,119,110,59,1,9661,112,59,1,9651,112,108,117,115,59,1,10756,101,101,59,1,8897,101,100,103,101,59,1,8896,97,114,111,119,59,1,10509,4,3,97,107,111,7362,7436,7458,4,2,99,110,7368,7432,107,4,3,108,115,116,7377,7386,7394,111,122,101,110,103,101,59,1,10731,113,117,97,114,101,59,1,9642,114,105,97,110,103,108,101,4,4,59,100,108,114,7411,7413,7419,7425,1,9652,111,119,110,59,1,9662,101,102,116,59,1,9666,105,103,104,116,59,1,9656,107,59,1,9251,4,2,49,51,7442,7454,4,2,50,52,7448,7451,59,1,9618,59,1,9617,52,59,1,9619,99,107,59,1,9608,4,2,101,111,7469,7485,4,2,59,113,7475,7478,3,61,8421,117,105,118,59,3,8801,8421,116,59,1,8976,4,4,112,116,119,120,7499,7504,7517,7523,102,59,3,55349,56659,4,2,59,116,7510,7512,1,8869,111,109,59,1,8869,116,105,101,59,1,8904,4,12,68,72,85,86,98,100,104,109,112,116,117,118,7549,7571,7597,7619,7655,7660,7682,7708,7715,7721,7728,7750,4,4,76,82,108,114,7559,7562,7565,7568,59,1,9559,59,1,9556,59,1,9558,59,1,9555,4,5,59,68,85,100,117,7583,7585,7588,7591,7594,1,9552,59,1,9574,59,1,9577,59,1,9572,59,1,9575,4,4,76,82,108,114,7607,7610,7613,7616,59,1,9565,59,1,9562,59,1,9564,59,1,9561,4,7,59,72,76,82,104,108,114,7635,7637,7640,7643,7646,7649,7652,1,9553,59,1,9580,59,1,9571,59,1,9568,59,1,9579,59,1,9570,59,1,9567,111,120,59,1,10697,4,4,76,82,108,114,7670,7673,7676,7679,59,1,9557,59,1,9554,59,1,9488,59,1,9484,4,5,59,68,85,100,117,7694,7696,7699,7702,7705,1,9472,59,1,9573,59,1,9576,59,1,9516,59,1,9524,105,110,117,115,59,1,8863,108,117,115,59,1,8862,105,109,101,115,59,1,8864,4,4,76,82,108,114,7738,7741,7744,7747,59,1,9563,59,1,9560,59,1,9496,59,1,9492,4,7,59,72,76,82,104,108,114,7766,7768,7771,7774,7777,7780,7783,1,9474,59,1,9578,59,1,9569,59,1,9566,59,1,9532,59,1,9508,59,1,9500,114,105,109,101,59,1,8245,4,2,101,118,7799,7804,118,101,59,1,728,98,97,114,5,166,1,59,7812,1,166,4,4,99,101,105,111,7824,7829,7834,7846,114,59,3,55349,56503,109,105,59,1,8271,109,4,2,59,101,7841,7843,1,8765,59,1,8909,108,4,3,59,98,104,7855,7857,7860,1,92,59,1,10693,115,117,98,59,1,10184,4,2,108,109,7872,7885,108,4,2,59,101,7879,7881,1,8226,116,59,1,8226,112,4,3,59,69,101,7894,7896,7899,1,8782,59,1,10926,4,2,59,113,7905,7907,1,8783,59,1,8783,4,15,97,99,100,101,102,104,105,108,111,114,115,116,117,119,121,7942,8021,8075,8080,8121,8126,8157,8279,8295,8430,8446,8485,8491,8707,8726,4,3,99,112,114,7950,7956,8007,117,116,101,59,1,263,4,6,59,97,98,99,100,115,7970,7972,7977,7984,7998,8003,1,8745,110,100,59,1,10820,114,99,117,112,59,1,10825,4,2,97,117,7990,7994,112,59,1,10827,112,59,1,10823,111,116,59,1,10816,59,3,8745,65024,4,2,101,111,8013,8017,116,59,1,8257,110,59,1,711,4,4,97,101,105,117,8031,8046,8056,8061,4,2,112,114,8037,8041,115,59,1,10829,111,110,59,1,269,100,105,108,5,231,1,59,8054,1,231,114,99,59,1,265,112,115,4,2,59,115,8069,8071,1,10828,109,59,1,10832,111,116,59,1,267,4,3,100,109,110,8088,8097,8104,105,108,5,184,1,59,8095,1,184,112,116,121,118,59,1,10674,116,5,162,2,59,101,8112,8114,1,162,114,100,111,116,59,1,183,114,59,3,55349,56608,4,3,99,101,105,8134,8138,8154,121,59,1,1095,99,107,4,2,59,109,8146,8148,1,10003,97,114,107,59,1,10003,59,1,967,114,4,7,59,69,99,101,102,109,115,8174,8176,8179,8258,8261,8268,8273,1,9675,59,1,10691,4,3,59,101,108,8187,8189,8193,1,710,113,59,1,8791,101,4,2,97,100,8200,8223,114,114,111,119,4,2,108,114,8210,8216,101,102,116,59,1,8634,105,103,104,116,59,1,8635,4,5,82,83,97,99,100,8235,8238,8241,8246,8252,59,1,174,59,1,9416,115,116,59,1,8859,105,114,99,59,1,8858,97,115,104,59,1,8861,59,1,8791,110,105,110,116,59,1,10768,105,100,59,1,10991,99,105,114,59,1,10690,117,98,115,4,2,59,117,8288,8290,1,9827,105,116,59,1,9827,4,4,108,109,110,112,8305,8326,8376,8400,111,110,4,2,59,101,8313,8315,1,58,4,2,59,113,8321,8323,1,8788,59,1,8788,4,2,109,112,8332,8344,97,4,2,59,116,8339,8341,1,44,59,1,64,4,3,59,102,108,8352,8354,8358,1,8705,110,59,1,8728,101,4,2,109,120,8365,8371,101,110,116,59,1,8705,101,115,59,1,8450,4,2,103,105,8382,8395,4,2,59,100,8388,8390,1,8773,111,116,59,1,10861,110,116,59,1,8750,4,3,102,114,121,8408,8412,8417,59,3,55349,56660,111,100,59,1,8720,5,169,2,59,115,8424,8426,1,169,114,59,1,8471,4,2,97,111,8436,8441,114,114,59,1,8629,115,115,59,1,10007,4,2,99,117,8452,8457,114,59,3,55349,56504,4,2,98,112,8463,8474,4,2,59,101,8469,8471,1,10959,59,1,10961,4,2,59,101,8480,8482,1,10960,59,1,10962,100,111,116,59,1,8943,4,7,100,101,108,112,114,118,119,8507,8522,8536,8550,8600,8697,8702,97,114,114,4,2,108,114,8516,8519,59,1,10552,59,1,10549,4,2,112,115,8528,8532,114,59,1,8926,99,59,1,8927,97,114,114,4,2,59,112,8545,8547,1,8630,59,1,10557,4,6,59,98,99,100,111,115,8564,8566,8573,8587,8592,8596,1,8746,114,99,97,112,59,1,10824,4,2,97,117,8579,8583,112,59,1,10822,112,59,1,10826,111,116,59,1,8845,114,59,1,10821,59,3,8746,65024,4,4,97,108,114,118,8610,8623,8663,8672,114,114,4,2,59,109,8618,8620,1,8631,59,1,10556,121,4,3,101,118,119,8632,8651,8656,113,4,2,112,115,8639,8645,114,101,99,59,1,8926,117,99,99,59,1,8927,101,101,59,1,8910,101,100,103,101,59,1,8911,101,110,5,164,1,59,8670,1,164,101,97,114,114,111,119,4,2,108,114,8684,8690,101,102,116,59,1,8630,105,103,104,116,59,1,8631,101,101,59,1,8910,101,100,59,1,8911,4,2,99,105,8713,8721,111,110,105,110,116,59,1,8754,110,116,59,1,8753,108,99,116,121,59,1,9005,4,19,65,72,97,98,99,100,101,102,104,105,106,108,111,114,115,116,117,119,122,8773,8778,8783,8821,8839,8854,8887,8914,8930,8944,9036,9041,9058,9197,9227,9258,9281,9297,9305,114,114,59,1,8659,97,114,59,1,10597,4,4,103,108,114,115,8793,8799,8805,8809,103,101,114,59,1,8224,101,116,104,59,1,8504,114,59,1,8595,104,4,2,59,118,8816,8818,1,8208,59,1,8867,4,2,107,108,8827,8834,97,114,111,119,59,1,10511,97,99,59,1,733,4,2,97,121,8845,8851,114,111,110,59,1,271,59,1,1076,4,3,59,97,111,8862,8864,8880,1,8518,4,2,103,114,8870,8876,103,101,114,59,1,8225,114,59,1,8650,116,115,101,113,59,1,10871,4,3,103,108,109,8895,8902,8907,5,176,1,59,8900,1,176,116,97,59,1,948,112,116,121,118,59,1,10673,4,2,105,114,8920,8926,115,104,116,59,1,10623,59,3,55349,56609,97,114,4,2,108,114,8938,8941,59,1,8643,59,1,8642,4,5,97,101,103,115,118,8956,8986,8989,8996,9001,109,4,3,59,111,115,8965,8967,8983,1,8900,110,100,4,2,59,115,8975,8977,1,8900,117,105,116,59,1,9830,59,1,9830,59,1,168,97,109,109,97,59,1,989,105,110,59,1,8946,4,3,59,105,111,9009,9011,9031,1,247,100,101,5,247,2,59,111,9020,9022,1,247,110,116,105,109,101,115,59,1,8903,110,120,59,1,8903,99,121,59,1,1106,99,4,2,111,114,9048,9053,114,110,59,1,8990,111,112,59,1,8973,4,5,108,112,116,117,119,9070,9076,9081,9130,9144,108,97,114,59,1,36,102,59,3,55349,56661,4,5,59,101,109,112,115,9093,9095,9109,9116,9122,1,729,113,4,2,59,100,9102,9104,1,8784,111,116,59,1,8785,105,110,117,115,59,1,8760,108,117,115,59,1,8724,113,117,97,114,101,59,1,8865,98,108,101,98,97,114,119,101,100,103,101,59,1,8966,110,4,3,97,100,104,9153,9160,9172,114,114,111,119,59,1,8595,111,119,110,97,114,114,111,119,115,59,1,8650,97,114,112,111,111,110,4,2,108,114,9184,9190,101,102,116,59,1,8643,105,103,104,116,59,1,8642,4,2,98,99,9203,9211,107,97,114,111,119,59,1,10512,4,2,111,114,9217,9222,114,110,59,1,8991,111,112,59,1,8972,4,3,99,111,116,9235,9248,9252,4,2,114,121,9241,9245,59,3,55349,56505,59,1,1109,108,59,1,10742,114,111,107,59,1,273,4,2,100,114,9264,9269,111,116,59,1,8945,105,4,2,59,102,9276,9278,1,9663,59,1,9662,4,2,97,104,9287,9292,114,114,59,1,8693,97,114,59,1,10607,97,110,103,108,101,59,1,10662,4,2,99,105,9311,9315,121,59,1,1119,103,114,97,114,114,59,1,10239,4,18,68,97,99,100,101,102,103,108,109,110,111,112,113,114,115,116,117,120,9361,9376,9398,9439,9444,9447,9462,9495,9531,9585,9598,9614,9659,9755,9771,9792,9808,9826,4,2,68,111,9367,9372,111,116,59,1,10871,116,59,1,8785,4,2,99,115,9382,9392,117,116,101,5,233,1,59,9390,1,233,116,101,114,59,1,10862,4,4,97,105,111,121,9408,9414,9430,9436,114,111,110,59,1,283,114,4,2,59,99,9421,9423,1,8790,5,234,1,59,9428,1,234,108,111,110,59,1,8789,59,1,1101,111,116,59,1,279,59,1,8519,4,2,68,114,9453,9458,111,116,59,1,8786,59,3,55349,56610,4,3,59,114,115,9470,9472,9482,1,10906,97,118,101,5,232,1,59,9480,1,232,4,2,59,100,9488,9490,1,10902,111,116,59,1,10904,4,4,59,105,108,115,9505,9507,9515,9518,1,10905,110,116,101,114,115,59,1,9191,59,1,8467,4,2,59,100,9524,9526,1,10901,111,116,59,1,10903,4,3,97,112,115,9539,9544,9564,99,114,59,1,275,116,121,4,3,59,115,118,9554,9556,9561,1,8709,101,116,59,1,8709,59,1,8709,112,4,2,49,59,9571,9583,4,2,51,52,9577,9580,59,1,8196,59,1,8197,1,8195,4,2,103,115,9591,9594,59,1,331,112,59,1,8194,4,2,103,112,9604,9609,111,110,59,1,281,102,59,3,55349,56662,4,3,97,108,115,9622,9635,9640,114,4,2,59,115,9629,9631,1,8917,108,59,1,10723,117,115,59,1,10865,105,4,3,59,108,118,9649,9651,9656,1,949,111,110,59,1,949,59,1,1013,4,4,99,115,117,118,9669,9686,9716,9747,4,2,105,111,9675,9680,114,99,59,1,8790,108,111,110,59,1,8789,4,2,105,108,9692,9696,109,59,1,8770,97,110,116,4,2,103,108,9705,9710,116,114,59,1,10902,101,115,115,59,1,10901,4,3,97,101,105,9724,9729,9734,108,115,59,1,61,115,116,59,1,8799,118,4,2,59,68,9741,9743,1,8801,68,59,1,10872,112,97,114,115,108,59,1,10725,4,2,68,97,9761,9766,111,116,59,1,8787,114,114,59,1,10609,4,3,99,100,105,9779,9783,9788,114,59,1,8495,111,116,59,1,8784,109,59,1,8770,4,2,97,104,9798,9801,59,1,951,5,240,1,59,9806,1,240,4,2,109,114,9814,9822,108,5,235,1,59,9820,1,235,111,59,1,8364,4,3,99,105,112,9834,9838,9843,108,59,1,33,115,116,59,1,8707,4,2,101,111,9849,9859,99,116,97,116,105,111,110,59,1,8496,110,101,110,116,105,97,108,101,59,1,8519,4,12,97,99,101,102,105,106,108,110,111,112,114,115,9896,9910,9914,9921,9954,9960,9967,9989,9994,10027,10036,10164,108,108,105,110,103,100,111,116,115,101,113,59,1,8786,121,59,1,1092,109,97,108,101,59,1,9792,4,3,105,108,114,9929,9935,9950,108,105,103,59,1,64259,4,2,105,108,9941,9945,103,59,1,64256,105,103,59,1,64260,59,3,55349,56611,108,105,103,59,1,64257,108,105,103,59,3,102,106,4,3,97,108,116,9975,9979,9984,116,59,1,9837,105,103,59,1,64258,110,115,59,1,9649,111,102,59,1,402,4,2,112,114,10000,10005,102,59,3,55349,56663,4,2,97,107,10011,10016,108,108,59,1,8704,4,2,59,118,10022,10024,1,8916,59,1,10969,97,114,116,105,110,116,59,1,10765,4,2,97,111,10042,10159,4,2,99,115,10048,10155,4,6,49,50,51,52,53,55,10062,10102,10114,10135,10139,10151,4,6,50,51,52,53,54,56,10076,10083,10086,10093,10096,10099,5,189,1,59,10081,1,189,59,1,8531,5,188,1,59,10091,1,188,59,1,8533,59,1,8537,59,1,8539,4,2,51,53,10108,10111,59,1,8532,59,1,8534,4,3,52,53,56,10122,10129,10132,5,190,1,59,10127,1,190,59,1,8535,59,1,8540,53,59,1,8536,4,2,54,56,10145,10148,59,1,8538,59,1,8541,56,59,1,8542,108,59,1,8260,119,110,59,1,8994,99,114,59,3,55349,56507,4,17,69,97,98,99,100,101,102,103,105,106,108,110,111,114,115,116,118,10206,10217,10247,10254,10268,10273,10358,10363,10374,10380,10385,10406,10458,10464,10470,10497,10610,4,2,59,108,10212,10214,1,8807,59,1,10892,4,3,99,109,112,10225,10231,10244,117,116,101,59,1,501,109,97,4,2,59,100,10239,10241,1,947,59,1,989,59,1,10886,114,101,118,101,59,1,287,4,2,105,121,10260,10265,114,99,59,1,285,59,1,1075,111,116,59,1,289,4,4,59,108,113,115,10283,10285,10288,10308,1,8805,59,1,8923,4,3,59,113,115,10296,10298,10301,1,8805,59,1,8807,108,97,110,116,59,1,10878,4,4,59,99,100,108,10318,10320,10324,10345,1,10878,99,59,1,10921,111,116,4,2,59,111,10332,10334,1,10880,4,2,59,108,10340,10342,1,10882,59,1,10884,4,2,59,101,10351,10354,3,8923,65024,115,59,1,10900,114,59,3,55349,56612,4,2,59,103,10369,10371,1,8811,59,1,8921,109,101,108,59,1,8503,99,121,59,1,1107,4,4,59,69,97,106,10395,10397,10400,10403,1,8823,59,1,10898,59,1,10917,59,1,10916,4,4,69,97,101,115,10416,10419,10434,10453,59,1,8809,112,4,2,59,112,10426,10428,1,10890,114,111,120,59,1,10890,4,2,59,113,10440,10442,1,10888,4,2,59,113,10448,10450,1,10888,59,1,8809,105,109,59,1,8935,112,102,59,3,55349,56664,97,118,101,59,1,96,4,2,99,105,10476,10480,114,59,1,8458,109,4,3,59,101,108,10489,10491,10494,1,8819,59,1,10894,59,1,10896,5,62,6,59,99,100,108,113,114,10512,10514,10527,10532,10538,10545,1,62,4,2,99,105,10520,10523,59,1,10919,114,59,1,10874,111,116,59,1,8919,80,97,114,59,1,10645,117,101,115,116,59,1,10876,4,5,97,100,101,108,115,10557,10574,10579,10599,10605,4,2,112,114,10563,10570,112,114,111,120,59,1,10886,114,59,1,10616,111,116,59,1,8919,113,4,2,108,113,10586,10592,101,115,115,59,1,8923,108,101,115,115,59,1,10892,101,115,115,59,1,8823,105,109,59,1,8819,4,2,101,110,10616,10626,114,116,110,101,113,113,59,3,8809,65024,69,59,3,8809,65024,4,10,65,97,98,99,101,102,107,111,115,121,10653,10658,10713,10718,10724,10760,10765,10786,10850,10875,114,114,59,1,8660,4,4,105,108,109,114,10668,10674,10678,10684,114,115,112,59,1,8202,102,59,1,189,105,108,116,59,1,8459,4,2,100,114,10690,10695,99,121,59,1,1098,4,3,59,99,119,10703,10705,10710,1,8596,105,114,59,1,10568,59,1,8621,97,114,59,1,8463,105,114,99,59,1,293,4,3,97,108,114,10732,10748,10754,114,116,115,4,2,59,117,10741,10743,1,9829,105,116,59,1,9829,108,105,112,59,1,8230,99,111,110,59,1,8889,114,59,3,55349,56613,115,4,2,101,119,10772,10779,97,114,111,119,59,1,10533,97,114,111,119,59,1,10534,4,5,97,109,111,112,114,10798,10803,10809,10839,10844,114,114,59,1,8703,116,104,116,59,1,8763,107,4,2,108,114,10816,10827,101,102,116,97,114,114,111,119,59,1,8617,105,103,104,116,97,114,114,111,119,59,1,8618,102,59,3,55349,56665,98,97,114,59,1,8213,4,3,99,108,116,10858,10863,10869,114,59,3,55349,56509,97,115,104,59,1,8463,114,111,107,59,1,295,4,2,98,112,10881,10887,117,108,108,59,1,8259,104,101,110,59,1,8208,4,15,97,99,101,102,103,105,106,109,110,111,112,113,115,116,117,10925,10936,10958,10977,10990,11001,11039,11045,11101,11192,11220,11226,11237,11285,11299,99,117,116,101,5,237,1,59,10934,1,237,4,3,59,105,121,10944,10946,10955,1,8291,114,99,5,238,1,59,10953,1,238,59,1,1080,4,2,99,120,10964,10968,121,59,1,1077,99,108,5,161,1,59,10975,1,161,4,2,102,114,10983,10986,59,1,8660,59,3,55349,56614,114,97,118,101,5,236,1,59,10999,1,236,4,4,59,105,110,111,11011,11013,11028,11034,1,8520,4,2,105,110,11019,11024,110,116,59,1,10764,116,59,1,8749,102,105,110,59,1,10716,116,97,59,1,8489,108,105,103,59,1,307,4,3,97,111,112,11053,11092,11096,4,3,99,103,116,11061,11065,11088,114,59,1,299,4,3,101,108,112,11073,11076,11082,59,1,8465,105,110,101,59,1,8464,97,114,116,59,1,8465,104,59,1,305,102,59,1,8887,101,100,59,1,437,4,5,59,99,102,111,116,11113,11115,11121,11136,11142,1,8712,97,114,101,59,1,8453,105,110,4,2,59,116,11129,11131,1,8734,105,101,59,1,10717,100,111,116,59,1,305,4,5,59,99,101,108,112,11154,11156,11161,11179,11186,1,8747,97,108,59,1,8890,4,2,103,114,11167,11173,101,114,115,59,1,8484,99,97,108,59,1,8890,97,114,104,107,59,1,10775,114,111,100,59,1,10812,4,4,99,103,112,116,11202,11206,11211,11216,121,59,1,1105,111,110,59,1,303,102,59,3,55349,56666,97,59,1,953,114,111,100,59,1,10812,117,101,115,116,5,191,1,59,11235,1,191,4,2,99,105,11243,11248,114,59,3,55349,56510,110,4,5,59,69,100,115,118,11261,11263,11266,11271,11282,1,8712,59,1,8953,111,116,59,1,8949,4,2,59,118,11277,11279,1,8948,59,1,8947,59,1,8712,4,2,59,105,11291,11293,1,8290,108,100,101,59,1,297,4,2,107,109,11305,11310,99,121,59,1,1110,108,5,239,1,59,11316,1,239,4,6,99,102,109,111,115,117,11332,11346,11351,11357,11363,11380,4,2,105,121,11338,11343,114,99,59,1,309,59,1,1081,114,59,3,55349,56615,97,116,104,59,1,567,112,102,59,3,55349,56667,4,2,99,101,11369,11374,114,59,3,55349,56511,114,99,121,59,1,1112,107,99,121,59,1,1108,4,8,97,99,102,103,104,106,111,115,11404,11418,11433,11438,11445,11450,11455,11461,112,112,97,4,2,59,118,11413,11415,1,954,59,1,1008,4,2,101,121,11424,11430,100,105,108,59,1,311,59,1,1082,114,59,3,55349,56616,114,101,101,110,59,1,312,99,121,59,1,1093,99,121,59,1,1116,112,102,59,3,55349,56668,99,114,59,3,55349,56512,4,23,65,66,69,72,97,98,99,100,101,102,103,104,106,108,109,110,111,112,114,115,116,117,118,11515,11538,11544,11555,11560,11721,11780,11818,11868,12136,12160,12171,12203,12208,12246,12275,12327,12509,12523,12569,12641,12732,12752,4,3,97,114,116,11523,11528,11532,114,114,59,1,8666,114,59,1,8656,97,105,108,59,1,10523,97,114,114,59,1,10510,4,2,59,103,11550,11552,1,8806,59,1,10891,97,114,59,1,10594,4,9,99,101,103,109,110,112,113,114,116,11580,11586,11594,11600,11606,11624,11627,11636,11694,117,116,101,59,1,314,109,112,116,121,118,59,1,10676,114,97,110,59,1,8466,98,100,97,59,1,955,103,4,3,59,100,108,11615,11617,11620,1,10216,59,1,10641,101,59,1,10216,59,1,10885,117,111,5,171,1,59,11634,1,171,114,4,8,59,98,102,104,108,112,115,116,11655,11657,11669,11673,11677,11681,11685,11690,1,8592,4,2,59,102,11663,11665,1,8676,115,59,1,10527,115,59,1,10525,107,59,1,8617,112,59,1,8619,108,59,1,10553,105,109,59,1,10611,108,59,1,8610,4,3,59,97,101,11702,11704,11709,1,10923,105,108,59,1,10521,4,2,59,115,11715,11717,1,10925,59,3,10925,65024,4,3,97,98,114,11729,11734,11739,114,114,59,1,10508,114,107,59,1,10098,4,2,97,107,11745,11758,99,4,2,101,107,11752,11755,59,1,123,59,1,91,4,2,101,115,11764,11767,59,1,10635,108,4,2,100,117,11774,11777,59,1,10639,59,1,10637,4,4,97,101,117,121,11790,11796,11811,11815,114,111,110,59,1,318,4,2,100,105,11802,11807,105,108,59,1,316,108,59,1,8968,98,59,1,123,59,1,1083,4,4,99,113,114,115,11828,11832,11845,11864,97,59,1,10550,117,111,4,2,59,114,11840,11842,1,8220,59,1,8222,4,2,100,117,11851,11857,104,97,114,59,1,10599,115,104,97,114,59,1,10571,104,59,1,8626,4,5,59,102,103,113,115,11880,11882,12008,12011,12031,1,8804,116,4,5,97,104,108,114,116,11895,11913,11935,11947,11996,114,114,111,119,4,2,59,116,11905,11907,1,8592,97,105,108,59,1,8610,97,114,112,111,111,110,4,2,100,117,11925,11931,111,119,110,59,1,8637,112,59,1,8636,101,102,116,97,114,114,111,119,115,59,1,8647,105,103,104,116,4,3,97,104,115,11959,11974,11984,114,114,111,119,4,2,59,115,11969,11971,1,8596,59,1,8646,97,114,112,111,111,110,115,59,1,8651,113,117,105,103,97,114,114,111,119,59,1,8621,104,114,101,101,116,105,109,101,115,59,1,8907,59,1,8922,4,3,59,113,115,12019,12021,12024,1,8804,59,1,8806,108,97,110,116,59,1,10877,4,5,59,99,100,103,115,12043,12045,12049,12070,12083,1,10877,99,59,1,10920,111,116,4,2,59,111,12057,12059,1,10879,4,2,59,114,12065,12067,1,10881,59,1,10883,4,2,59,101,12076,12079,3,8922,65024,115,59,1,10899,4,5,97,100,101,103,115,12095,12103,12108,12126,12131,112,112,114,111,120,59,1,10885,111,116,59,1,8918,113,4,2,103,113,12115,12120,116,114,59,1,8922,103,116,114,59,1,10891,116,114,59,1,8822,105,109,59,1,8818,4,3,105,108,114,12144,12150,12156,115,104,116,59,1,10620,111,111,114,59,1,8970,59,3,55349,56617,4,2,59,69,12166,12168,1,8822,59,1,10897,4,2,97,98,12177,12198,114,4,2,100,117,12184,12187,59,1,8637,4,2,59,108,12193,12195,1,8636,59,1,10602,108,107,59,1,9604,99,121,59,1,1113,4,5,59,97,99,104,116,12220,12222,12227,12235,12241,1,8810,114,114,59,1,8647,111,114,110,101,114,59,1,8990,97,114,100,59,1,10603,114,105,59,1,9722,4,2,105,111,12252,12258,100,111,116,59,1,320,117,115,116,4,2,59,97,12267,12269,1,9136,99,104,101,59,1,9136,4,4,69,97,101,115,12285,12288,12303,12322,59,1,8808,112,4,2,59,112,12295,12297,1,10889,114,111,120,59,1,10889,4,2,59,113,12309,12311,1,10887,4,2,59,113,12317,12319,1,10887,59,1,8808,105,109,59,1,8934,4,8,97,98,110,111,112,116,119,122,12345,12359,12364,12421,12446,12467,12474,12490,4,2,110,114,12351,12355,103,59,1,10220,114,59,1,8701,114,107,59,1,10214,103,4,3,108,109,114,12373,12401,12409,101,102,116,4,2,97,114,12382,12389,114,114,111,119,59,1,10229,105,103,104,116,97,114,114,111,119,59,1,10231,97,112,115,116,111,59,1,10236,105,103,104,116,97,114,114,111,119,59,1,10230,112,97,114,114,111,119,4,2,108,114,12433,12439,101,102,116,59,1,8619,105,103,104,116,59,1,8620,4,3,97,102,108,12454,12458,12462,114,59,1,10629,59,3,55349,56669,117,115,59,1,10797,105,109,101,115,59,1,10804,4,2,97,98,12480,12485,115,116,59,1,8727,97,114,59,1,95,4,3,59,101,102,12498,12500,12506,1,9674,110,103,101,59,1,9674,59,1,10731,97,114,4,2,59,108,12517,12519,1,40,116,59,1,10643,4,5,97,99,104,109,116,12535,12540,12548,12561,12564,114,114,59,1,8646,111,114,110,101,114,59,1,8991,97,114,4,2,59,100,12556,12558,1,8651,59,1,10605,59,1,8206,114,105,59,1,8895,4,6,97,99,104,105,113,116,12583,12589,12594,12597,12614,12635,113,117,111,59,1,8249,114,59,3,55349,56513,59,1,8624,109,4,3,59,101,103,12606,12608,12611,1,8818,59,1,10893,59,1,10895,4,2,98,117,12620,12623,59,1,91,111,4,2,59,114,12630,12632,1,8216,59,1,8218,114,111,107,59,1,322,5,60,8,59,99,100,104,105,108,113,114,12660,12662,12675,12680,12686,12692,12698,12705,1,60,4,2,99,105,12668,12671,59,1,10918,114,59,1,10873,111,116,59,1,8918,114,101,101,59,1,8907,109,101,115,59,1,8905,97,114,114,59,1,10614,117,101,115,116,59,1,10875,4,2,80,105,12711,12716,97,114,59,1,10646,4,3,59,101,102,12724,12726,12729,1,9667,59,1,8884,59,1,9666,114,4,2,100,117,12739,12746,115,104,97,114,59,1,10570,104,97,114,59,1,10598,4,2,101,110,12758,12768,114,116,110,101,113,113,59,3,8808,65024,69,59,3,8808,65024,4,14,68,97,99,100,101,102,104,105,108,110,111,112,115,117,12803,12809,12893,12908,12914,12928,12933,12937,13011,13025,13032,13049,13052,13069,68,111,116,59,1,8762,4,4,99,108,112,114,12819,12827,12849,12887,114,5,175,1,59,12825,1,175,4,2,101,116,12833,12836,59,1,9794,4,2,59,101,12842,12844,1,10016,115,101,59,1,10016,4,2,59,115,12855,12857,1,8614,116,111,4,4,59,100,108,117,12869,12871,12877,12883,1,8614,111,119,110,59,1,8615,101,102,116,59,1,8612,112,59,1,8613,107,101,114,59,1,9646,4,2,111,121,12899,12905,109,109,97,59,1,10793,59,1,1084,97,115,104,59,1,8212,97,115,117,114,101,100,97,110,103,108,101,59,1,8737,114,59,3,55349,56618,111,59,1,8487,4,3,99,100,110,12945,12954,12985,114,111,5,181,1,59,12952,1,181,4,4,59,97,99,100,12964,12966,12971,12976,1,8739,115,116,59,1,42,105,114,59,1,10992,111,116,5,183,1,59,12983,1,183,117,115,4,3,59,98,100,12995,12997,13000,1,8722,59,1,8863,4,2,59,117,13006,13008,1,8760,59,1,10794,4,2,99,100,13017,13021,112,59,1,10971,114,59,1,8230,112,108,117,115,59,1,8723,4,2,100,112,13038,13044,101,108,115,59,1,8871,102,59,3,55349,56670,59,1,8723,4,2,99,116,13058,13063,114,59,3,55349,56514,112,111,115,59,1,8766,4,3,59,108,109,13077,13079,13087,1,956,116,105,109,97,112,59,1,8888,97,112,59,1,8888,4,24,71,76,82,86,97,98,99,100,101,102,103,104,105,106,108,109,111,112,114,115,116,117,118,119,13142,13165,13217,13229,13247,13330,13359,13414,13420,13508,13513,13579,13602,13626,13631,13762,13767,13855,13936,13995,14214,14285,14312,14432,4,2,103,116,13148,13152,59,3,8921,824,4,2,59,118,13158,13161,3,8811,8402,59,3,8811,824,4,3,101,108,116,13173,13200,13204,102,116,4,2,97,114,13181,13188,114,114,111,119,59,1,8653,105,103,104,116,97,114,114,111,119,59,1,8654,59,3,8920,824,4,2,59,118,13210,13213,3,8810,8402,59,3,8810,824,105,103,104,116,97,114,114,111,119,59,1,8655,4,2,68,100,13235,13241,97,115,104,59,1,8879,97,115,104,59,1,8878,4,5,98,99,110,112,116,13259,13264,13270,13275,13308,108,97,59,1,8711,117,116,101,59,1,324,103,59,3,8736,8402,4,5,59,69,105,111,112,13287,13289,13293,13298,13302,1,8777,59,3,10864,824,100,59,3,8779,824,115,59,1,329,114,111,120,59,1,8777,117,114,4,2,59,97,13316,13318,1,9838,108,4,2,59,115,13325,13327,1,9838,59,1,8469,4,2,115,117,13336,13344,112,5,160,1,59,13342,1,160,109,112,4,2,59,101,13352,13355,3,8782,824,59,3,8783,824,4,5,97,101,111,117,121,13371,13385,13391,13407,13411,4,2,112,114,13377,13380,59,1,10819,111,110,59,1,328,100,105,108,59,1,326,110,103,4,2,59,100,13399,13401,1,8775,111,116,59,3,10861,824,112,59,1,10818,59,1,1085,97,115,104,59,1,8211,4,7,59,65,97,100,113,115,120,13436,13438,13443,13466,13472,13478,13494,1,8800,114,114,59,1,8663,114,4,2,104,114,13450,13454,107,59,1,10532,4,2,59,111,13460,13462,1,8599,119,59,1,8599,111,116,59,3,8784,824,117,105,118,59,1,8802,4,2,101,105,13484,13489,97,114,59,1,10536,109,59,3,8770,824,105,115,116,4,2,59,115,13503,13505,1,8708,59,1,8708,114,59,3,55349,56619,4,4,69,101,115,116,13523,13527,13563,13568,59,3,8807,824,4,3,59,113,115,13535,13537,13559,1,8817,4,3,59,113,115,13545,13547,13551,1,8817,59,3,8807,824,108,97,110,116,59,3,10878,824,59,3,10878,824,105,109,59,1,8821,4,2,59,114,13574,13576,1,8815,59,1,8815,4,3,65,97,112,13587,13592,13597,114,114,59,1,8654,114,114,59,1,8622,97,114,59,1,10994,4,3,59,115,118,13610,13612,13623,1,8715,4,2,59,100,13618,13620,1,8956,59,1,8954,59,1,8715,99,121,59,1,1114,4,7,65,69,97,100,101,115,116,13647,13652,13656,13661,13665,13737,13742,114,114,59,1,8653,59,3,8806,824,114,114,59,1,8602,114,59,1,8229,4,4,59,102,113,115,13675,13677,13703,13725,1,8816,116,4,2,97,114,13684,13691,114,114,111,119,59,1,8602,105,103,104,116,97,114,114,111,119,59,1,8622,4,3,59,113,115,13711,13713,13717,1,8816,59,3,8806,824,108,97,110,116,59,3,10877,824,4,2,59,115,13731,13734,3,10877,824,59,1,8814,105,109,59,1,8820,4,2,59,114,13748,13750,1,8814,105,4,2,59,101,13757,13759,1,8938,59,1,8940,105,100,59,1,8740,4,2,112,116,13773,13778,102,59,3,55349,56671,5,172,3,59,105,110,13787,13789,13829,1,172,110,4,4,59,69,100,118,13800,13802,13806,13812,1,8713,59,3,8953,824,111,116,59,3,8949,824,4,3,97,98,99,13820,13823,13826,59,1,8713,59,1,8951,59,1,8950,105,4,2,59,118,13836,13838,1,8716,4,3,97,98,99,13846,13849,13852,59,1,8716,59,1,8958,59,1,8957,4,3,97,111,114,13863,13892,13899,114,4,4,59,97,115,116,13874,13876,13883,13888,1,8742,108,108,101,108,59,1,8742,108,59,3,11005,8421,59,3,8706,824,108,105,110,116,59,1,10772,4,3,59,99,101,13907,13909,13914,1,8832,117,101,59,1,8928,4,2,59,99,13920,13923,3,10927,824,4,2,59,101,13929,13931,1,8832,113,59,3,10927,824,4,4,65,97,105,116,13946,13951,13971,13982,114,114,59,1,8655,114,114,4,3,59,99,119,13961,13963,13967,1,8603,59,3,10547,824,59,3,8605,824,103,104,116,97,114,114,111,119,59,1,8603,114,105,4,2,59,101,13990,13992,1,8939,59,1,8941,4,7,99,104,105,109,112,113,117,14011,14036,14060,14080,14085,14090,14106,4,4,59,99,101,114,14021,14023,14028,14032,1,8833,117,101,59,1,8929,59,3,10928,824,59,3,55349,56515,111,114,116,4,2,109,112,14045,14050,105,100,59,1,8740,97,114,97,108,108,101,108,59,1,8742,109,4,2,59,101,14067,14069,1,8769,4,2,59,113,14075,14077,1,8772,59,1,8772,105,100,59,1,8740,97,114,59,1,8742,115,117,4,2,98,112,14098,14102,101,59,1,8930,101,59,1,8931,4,3,98,99,112,14114,14157,14171,4,4,59,69,101,115,14124,14126,14130,14133,1,8836,59,3,10949,824,59,1,8840,101,116,4,2,59,101,14141,14144,3,8834,8402,113,4,2,59,113,14151,14153,1,8840,59,3,10949,824,99,4,2,59,101,14164,14166,1,8833,113,59,3,10928,824,4,4,59,69,101,115,14181,14183,14187,14190,1,8837,59,3,10950,824,59,1,8841,101,116,4,2,59,101,14198,14201,3,8835,8402,113,4,2,59,113,14208,14210,1,8841,59,3,10950,824,4,4,103,105,108,114,14224,14228,14238,14242,108,59,1,8825,108,100,101,5,241,1,59,14236,1,241,103,59,1,8824,105,97,110,103,108,101,4,2,108,114,14254,14269,101,102,116,4,2,59,101,14263,14265,1,8938,113,59,1,8940,105,103,104,116,4,2,59,101,14279,14281,1,8939,113,59,1,8941,4,2,59,109,14291,14293,1,957,4,3,59,101,115,14301,14303,14308,1,35,114,111,59,1,8470,112,59,1,8199,4,9,68,72,97,100,103,105,108,114,115,14332,14338,14344,14349,14355,14369,14376,14408,14426,97,115,104,59,1,8877,97,114,114,59,1,10500,112,59,3,8781,8402,97,115,104,59,1,8876,4,2,101,116,14361,14365,59,3,8805,8402,59,3,62,8402,110,102,105,110,59,1,10718,4,3,65,101,116,14384,14389,14393,114,114,59,1,10498,59,3,8804,8402,4,2,59,114,14399,14402,3,60,8402,105,101,59,3,8884,8402,4,2,65,116,14414,14419,114,114,59,1,10499,114,105,101,59,3,8885,8402,105,109,59,3,8764,8402,4,3,65,97,110,14440,14445,14468,114,114,59,1,8662,114,4,2,104,114,14452,14456,107,59,1,10531,4,2,59,111,14462,14464,1,8598,119,59,1,8598,101,97,114,59,1,10535,4,18,83,97,99,100,101,102,103,104,105,108,109,111,112,114,115,116,117,118,14512,14515,14535,14560,14597,14603,14618,14643,14657,14662,14701,14741,14747,14769,14851,14877,14907,14916,59,1,9416,4,2,99,115,14521,14531,117,116,101,5,243,1,59,14529,1,243,116,59,1,8859,4,2,105,121,14541,14557,114,4,2,59,99,14548,14550,1,8858,5,244,1,59,14555,1,244,59,1,1086,4,5,97,98,105,111,115,14572,14577,14583,14587,14591,115,104,59,1,8861,108,97,99,59,1,337,118,59,1,10808,116,59,1,8857,111,108,100,59,1,10684,108,105,103,59,1,339,4,2,99,114,14609,14614,105,114,59,1,10687,59,3,55349,56620,4,3,111,114,116,14626,14630,14640,110,59,1,731,97,118,101,5,242,1,59,14638,1,242,59,1,10689,4,2,98,109,14649,14654,97,114,59,1,10677,59,1,937,110,116,59,1,8750,4,4,97,99,105,116,14672,14677,14693,14698,114,114,59,1,8634,4,2,105,114,14683,14687,114,59,1,10686,111,115,115,59,1,10683,110,101,59,1,8254,59,1,10688,4,3,97,101,105,14709,14714,14719,99,114,59,1,333,103,97,59,1,969,4,3,99,100,110,14727,14733,14736,114,111,110,59,1,959,59,1,10678,117,115,59,1,8854,112,102,59,3,55349,56672,4,3,97,101,108,14755,14759,14764,114,59,1,10679,114,112,59,1,10681,117,115,59,1,8853,4,7,59,97,100,105,111,115,118,14785,14787,14792,14831,14837,14841,14848,1,8744,114,114,59,1,8635,4,4,59,101,102,109,14802,14804,14817,14824,1,10845,114,4,2,59,111,14811,14813,1,8500,102,59,1,8500,5,170,1,59,14822,1,170,5,186,1,59,14829,1,186,103,111,102,59,1,8886,114,59,1,10838,108,111,112,101,59,1,10839,59,1,10843,4,3,99,108,111,14859,14863,14873,114,59,1,8500,97,115,104,5,248,1,59,14871,1,248,108,59,1,8856,105,4,2,108,109,14884,14893,100,101,5,245,1,59,14891,1,245,101,115,4,2,59,97,14901,14903,1,8855,115,59,1,10806,109,108,5,246,1,59,14914,1,246,98,97,114,59,1,9021,4,12,97,99,101,102,104,105,108,109,111,114,115,117,14948,14992,14996,15033,15038,15068,15090,15189,15192,15222,15427,15441,114,4,4,59,97,115,116,14959,14961,14976,14989,1,8741,5,182,2,59,108,14968,14970,1,182,108,101,108,59,1,8741,4,2,105,108,14982,14986,109,59,1,10995,59,1,11005,59,1,8706,121,59,1,1087,114,4,5,99,105,109,112,116,15009,15014,15019,15024,15027,110,116,59,1,37,111,100,59,1,46,105,108,59,1,8240,59,1,8869,101,110,107,59,1,8241,114,59,3,55349,56621,4,3,105,109,111,15046,15057,15063,4,2,59,118,15052,15054,1,966,59,1,981,109,97,116,59,1,8499,110,101,59,1,9742,4,3,59,116,118,15076,15078,15087,1,960,99,104,102,111,114,107,59,1,8916,59,1,982,4,2,97,117,15096,15119,110,4,2,99,107,15103,15115,107,4,2,59,104,15110,15112,1,8463,59,1,8462,118,59,1,8463,115,4,9,59,97,98,99,100,101,109,115,116,15140,15142,15148,15151,15156,15168,15171,15179,15184,1,43,99,105,114,59,1,10787,59,1,8862,105,114,59,1,10786,4,2,111,117,15162,15165,59,1,8724,59,1,10789,59,1,10866,110,5,177,1,59,15177,1,177,105,109,59,1,10790,119,111,59,1,10791,59,1,177,4,3,105,112,117,15200,15208,15213,110,116,105,110,116,59,1,10773,102,59,3,55349,56673,110,100,5,163,1,59,15220,1,163,4,10,59,69,97,99,101,105,110,111,115,117,15244,15246,15249,15253,15258,15334,15347,15367,15416,15421,1,8826,59,1,10931,112,59,1,10935,117,101,59,1,8828,4,2,59,99,15264,15266,1,10927,4,6,59,97,99,101,110,115,15280,15282,15290,15299,15303,15329,1,8826,112,112,114,111,120,59,1,10935,117,114,108,121,101,113,59,1,8828,113,59,1,10927,4,3,97,101,115,15311,15319,15324,112,112,114,111,120,59,1,10937,113,113,59,1,10933,105,109,59,1,8936,105,109,59,1,8830,109,101,4,2,59,115,15342,15344,1,8242,59,1,8473,4,3,69,97,115,15355,15358,15362,59,1,10933,112,59,1,10937,105,109,59,1,8936,4,3,100,102,112,15375,15378,15404,59,1,8719,4,3,97,108,115,15386,15392,15398,108,97,114,59,1,9006,105,110,101,59,1,8978,117,114,102,59,1,8979,4,2,59,116,15410,15412,1,8733,111,59,1,8733,105,109,59,1,8830,114,101,108,59,1,8880,4,2,99,105,15433,15438,114,59,3,55349,56517,59,1,968,110,99,115,112,59,1,8200,4,6,102,105,111,112,115,117,15462,15467,15472,15478,15485,15491,114,59,3,55349,56622,110,116,59,1,10764,112,102,59,3,55349,56674,114,105,109,101,59,1,8279,99,114,59,3,55349,56518,4,3,97,101,111,15499,15520,15534,116,4,2,101,105,15506,15515,114,110,105,111,110,115,59,1,8461,110,116,59,1,10774,115,116,4,2,59,101,15528,15530,1,63,113,59,1,8799,116,5,34,1,59,15540,1,34,4,21,65,66,72,97,98,99,100,101,102,104,105,108,109,110,111,112,114,115,116,117,120,15586,15609,15615,15620,15796,15855,15893,15931,15977,16001,16039,16183,16204,16222,16228,16285,16312,16318,16363,16408,16416,4,3,97,114,116,15594,15599,15603,114,114,59,1,8667,114,59,1,8658,97,105,108,59,1,10524,97,114,114,59,1,10511,97,114,59,1,10596,4,7,99,100,101,110,113,114,116,15636,15651,15656,15664,15687,15696,15770,4,2,101,117,15642,15646,59,3,8765,817,116,101,59,1,341,105,99,59,1,8730,109,112,116,121,118,59,1,10675,103,4,4,59,100,101,108,15675,15677,15680,15683,1,10217,59,1,10642,59,1,10661,101,59,1,10217,117,111,5,187,1,59,15694,1,187,114,4,11,59,97,98,99,102,104,108,112,115,116,119,15721,15723,15727,15739,15742,15746,15750,15754,15758,15763,15767,1,8594,112,59,1,10613,4,2,59,102,15733,15735,1,8677,115,59,1,10528,59,1,10547,115,59,1,10526,107,59,1,8618,112,59,1,8620,108,59,1,10565,105,109,59,1,10612,108,59,1,8611,59,1,8605,4,2,97,105,15776,15781,105,108,59,1,10522,111,4,2,59,110,15788,15790,1,8758,97,108,115,59,1,8474,4,3,97,98,114,15804,15809,15814,114,114,59,1,10509,114,107,59,1,10099,4,2,97,107,15820,15833,99,4,2,101,107,15827,15830,59,1,125,59,1,93,4,2,101,115,15839,15842,59,1,10636,108,4,2,100,117,15849,15852,59,1,10638,59,1,10640,4,4,97,101,117,121,15865,15871,15886,15890,114,111,110,59,1,345,4,2,100,105,15877,15882,105,108,59,1,343,108,59,1,8969,98,59,1,125,59,1,1088,4,4,99,108,113,115,15903,15907,15914,15927,97,59,1,10551,100,104,97,114,59,1,10601,117,111,4,2,59,114,15922,15924,1,8221,59,1,8221,104,59,1,8627,4,3,97,99,103,15939,15966,15970,108,4,4,59,105,112,115,15950,15952,15957,15963,1,8476,110,101,59,1,8475,97,114,116,59,1,8476,59,1,8477,116,59,1,9645,5,174,1,59,15975,1,174,4,3,105,108,114,15985,15991,15997,115,104,116,59,1,10621,111,111,114,59,1,8971,59,3,55349,56623,4,2,97,111,16007,16028,114,4,2,100,117,16014,16017,59,1,8641,4,2,59,108,16023,16025,1,8640,59,1,10604,4,2,59,118,16034,16036,1,961,59,1,1009,4,3,103,110,115,16047,16167,16171,104,116,4,6,97,104,108,114,115,116,16063,16081,16103,16130,16143,16155,114,114,111,119,4,2,59,116,16073,16075,1,8594,97,105,108,59,1,8611,97,114,112,111,111,110,4,2,100,117,16093,16099,111,119,110,59,1,8641,112,59,1,8640,101,102,116,4,2,97,104,16112,16120,114,114,111,119,115,59,1,8644,97,114,112,111,111,110,115,59,1,8652,105,103,104,116,97,114,114,111,119,115,59,1,8649,113,117,105,103,97,114,114,111,119,59,1,8605,104,114,101,101,116,105,109,101,115,59,1,8908,103,59,1,730,105,110,103,100,111,116,115,101,113,59,1,8787,4,3,97,104,109,16191,16196,16201,114,114,59,1,8644,97,114,59,1,8652,59,1,8207,111,117,115,116,4,2,59,97,16214,16216,1,9137,99,104,101,59,1,9137,109,105,100,59,1,10990,4,4,97,98,112,116,16238,16252,16257,16278,4,2,110,114,16244,16248,103,59,1,10221,114,59,1,8702,114,107,59,1,10215,4,3,97,102,108,16265,16269,16273,114,59,1,10630,59,3,55349,56675,117,115,59,1,10798,105,109,101,115,59,1,10805,4,2,97,112,16291,16304,114,4,2,59,103,16298,16300,1,41,116,59,1,10644,111,108,105,110,116,59,1,10770,97,114,114,59,1,8649,4,4,97,99,104,113,16328,16334,16339,16342,113,117,111,59,1,8250,114,59,3,55349,56519,59,1,8625,4,2,98,117,16348,16351,59,1,93,111,4,2,59,114,16358,16360,1,8217,59,1,8217,4,3,104,105,114,16371,16377,16383,114,101,101,59,1,8908,109,101,115,59,1,8906,105,4,4,59,101,102,108,16394,16396,16399,16402,1,9657,59,1,8885,59,1,9656,116,114,105,59,1,10702,108,117,104,97,114,59,1,10600,59,1,8478,4,19,97,98,99,100,101,102,104,105,108,109,111,112,113,114,115,116,117,119,122,16459,16466,16472,16572,16590,16672,16687,16746,16844,16850,16924,16963,16988,17115,17121,17154,17206,17614,17656,99,117,116,101,59,1,347,113,117,111,59,1,8218,4,10,59,69,97,99,101,105,110,112,115,121,16494,16496,16499,16513,16518,16531,16536,16556,16564,16569,1,8827,59,1,10932,4,2,112,114,16505,16508,59,1,10936,111,110,59,1,353,117,101,59,1,8829,4,2,59,100,16524,16526,1,10928,105,108,59,1,351,114,99,59,1,349,4,3,69,97,115,16544,16547,16551,59,1,10934,112,59,1,10938,105,109,59,1,8937,111,108,105,110,116,59,1,10771,105,109,59,1,8831,59,1,1089,111,116,4,3,59,98,101,16582,16584,16587,1,8901,59,1,8865,59,1,10854,4,7,65,97,99,109,115,116,120,16606,16611,16634,16642,16646,16652,16668,114,114,59,1,8664,114,4,2,104,114,16618,16622,107,59,1,10533,4,2,59,111,16628,16630,1,8600,119,59,1,8600,116,5,167,1,59,16640,1,167,105,59,1,59,119,97,114,59,1,10537,109,4,2,105,110,16659,16665,110,117,115,59,1,8726,59,1,8726,116,59,1,10038,114,4,2,59,111,16679,16682,3,55349,56624,119,110,59,1,8994,4,4,97,99,111,121,16697,16702,16716,16739,114,112,59,1,9839,4,2,104,121,16708,16713,99,121,59,1,1097,59,1,1096,114,116,4,2,109,112,16724,16729,105,100,59,1,8739,97,114,97,108,108,101,108,59,1,8741,5,173,1,59,16744,1,173,4,2,103,109,16752,16770,109,97,4,3,59,102,118,16762,16764,16767,1,963,59,1,962,59,1,962,4,8,59,100,101,103,108,110,112,114,16788,16790,16795,16806,16817,16828,16832,16838,1,8764,111,116,59,1,10858,4,2,59,113,16801,16803,1,8771,59,1,8771,4,2,59,69,16812,16814,1,10910,59,1,10912,4,2,59,69,16823,16825,1,10909,59,1,10911,101,59,1,8774,108,117,115,59,1,10788,97,114,114,59,1,10610,97,114,114,59,1,8592,4,4,97,101,105,116,16860,16883,16891,16904,4,2,108,115,16866,16878,108,115,101,116,109,105,110,117,115,59,1,8726,104,112,59,1,10803,112,97,114,115,108,59,1,10724,4,2,100,108,16897,16900,59,1,8739,101,59,1,8995,4,2,59,101,16910,16912,1,10922,4,2,59,115,16918,16920,1,10924,59,3,10924,65024,4,3,102,108,112,16932,16938,16958,116,99,121,59,1,1100,4,2,59,98,16944,16946,1,47,4,2,59,97,16952,16954,1,10692,114,59,1,9023,102,59,3,55349,56676,97,4,2,100,114,16970,16985,101,115,4,2,59,117,16978,16980,1,9824,105,116,59,1,9824,59,1,8741,4,3,99,115,117,16996,17028,17089,4,2,97,117,17002,17015,112,4,2,59,115,17009,17011,1,8851,59,3,8851,65024,112,4,2,59,115,17022,17024,1,8852,59,3,8852,65024,117,4,2,98,112,17035,17062,4,3,59,101,115,17043,17045,17048,1,8847,59,1,8849,101,116,4,2,59,101,17056,17058,1,8847,113,59,1,8849,4,3,59,101,115,17070,17072,17075,1,8848,59,1,8850,101,116,4,2,59,101,17083,17085,1,8848,113,59,1,8850,4,3,59,97,102,17097,17099,17112,1,9633,114,4,2,101,102,17106,17109,59,1,9633,59,1,9642,59,1,9642,97,114,114,59,1,8594,4,4,99,101,109,116,17131,17136,17142,17148,114,59,3,55349,56520,116,109,110,59,1,8726,105,108,101,59,1,8995,97,114,102,59,1,8902,4,2,97,114,17160,17172,114,4,2,59,102,17167,17169,1,9734,59,1,9733,4,2,97,110,17178,17202,105,103,104,116,4,2,101,112,17188,17197,112,115,105,108,111,110,59,1,1013,104,105,59,1,981,115,59,1,175,4,5,98,99,109,110,112,17218,17351,17420,17423,17427,4,9,59,69,100,101,109,110,112,114,115,17238,17240,17243,17248,17261,17267,17279,17285,17291,1,8834,59,1,10949,111,116,59,1,10941,4,2,59,100,17254,17256,1,8838,111,116,59,1,10947,117,108,116,59,1,10945,4,2,69,101,17273,17276,59,1,10955,59,1,8842,108,117,115,59,1,10943,97,114,114,59,1,10617,4,3,101,105,117,17299,17335,17339,116,4,3,59,101,110,17308,17310,17322,1,8834,113,4,2,59,113,17317,17319,1,8838,59,1,10949,101,113,4,2,59,113,17330,17332,1,8842,59,1,10955,109,59,1,10951,4,2,98,112,17345,17348,59,1,10965,59,1,10963,99,4,6,59,97,99,101,110,115,17366,17368,17376,17385,17389,17415,1,8827,112,112,114,111,120,59,1,10936,117,114,108,121,101,113,59,1,8829,113,59,1,10928,4,3,97,101,115,17397,17405,17410,112,112,114,111,120,59,1,10938,113,113,59,1,10934,105,109,59,1,8937,105,109,59,1,8831,59,1,8721,103,59,1,9834,4,13,49,50,51,59,69,100,101,104,108,109,110,112,115,17455,17462,17469,17476,17478,17481,17496,17509,17524,17530,17536,17548,17554,5,185,1,59,17460,1,185,5,178,1,59,17467,1,178,5,179,1,59,17474,1,179,1,8835,59,1,10950,4,2,111,115,17487,17491,116,59,1,10942,117,98,59,1,10968,4,2,59,100,17502,17504,1,8839,111,116,59,1,10948,115,4,2,111,117,17516,17520,108,59,1,10185,98,59,1,10967,97,114,114,59,1,10619,117,108,116,59,1,10946,4,2,69,101,17542,17545,59,1,10956,59,1,8843,108,117,115,59,1,10944,4,3,101,105,117,17562,17598,17602,116,4,3,59,101,110,17571,17573,17585,1,8835,113,4,2,59,113,17580,17582,1,8839,59,1,10950,101,113,4,2,59,113,17593,17595,1,8843,59,1,10956,109,59,1,10952,4,2,98,112,17608,17611,59,1,10964,59,1,10966,4,3,65,97,110,17622,17627,17650,114,114,59,1,8665,114,4,2,104,114,17634,17638,107,59,1,10534,4,2,59,111,17644,17646,1,8601,119,59,1,8601,119,97,114,59,1,10538,108,105,103,5,223,1,59,17664,1,223,4,13,97,98,99,100,101,102,104,105,111,112,114,115,119,17694,17709,17714,17737,17742,17749,17754,17860,17905,17957,17964,18090,18122,4,2,114,117,17700,17706,103,101,116,59,1,8982,59,1,964,114,107,59,1,9140,4,3,97,101,121,17722,17728,17734,114,111,110,59,1,357,100,105,108,59,1,355,59,1,1090,111,116,59,1,8411,108,114,101,99,59,1,8981,114,59,3,55349,56625,4,4,101,105,107,111,17764,17805,17836,17851,4,2,114,116,17770,17786,101,4,2,52,102,17777,17780,59,1,8756,111,114,101,59,1,8756,97,4,3,59,115,118,17795,17797,17802,1,952,121,109,59,1,977,59,1,977,4,2,99,110,17811,17831,107,4,2,97,115,17818,17826,112,112,114,111,120,59,1,8776,105,109,59,1,8764,115,112,59,1,8201,4,2,97,115,17842,17846,112,59,1,8776,105,109,59,1,8764,114,110,5,254,1,59,17858,1,254,4,3,108,109,110,17868,17873,17901,100,101,59,1,732,101,115,5,215,3,59,98,100,17884,17886,17898,1,215,4,2,59,97,17892,17894,1,8864,114,59,1,10801,59,1,10800,116,59,1,8749,4,3,101,112,115,17913,17917,17953,97,59,1,10536,4,4,59,98,99,102,17927,17929,17934,17939,1,8868,111,116,59,1,9014,105,114,59,1,10993,4,2,59,111,17945,17948,3,55349,56677,114,107,59,1,10970,97,59,1,10537,114,105,109,101,59,1,8244,4,3,97,105,112,17972,17977,18082,100,101,59,1,8482,4,7,97,100,101,109,112,115,116,17993,18051,18056,18059,18066,18072,18076,110,103,108,101,4,5,59,100,108,113,114,18009,18011,18017,18032,18035,1,9653,111,119,110,59,1,9663,101,102,116,4,2,59,101,18026,18028,1,9667,113,59,1,8884,59,1,8796,105,103,104,116,4,2,59,101,18045,18047,1,9657,113,59,1,8885,111,116,59,1,9708,59,1,8796,105,110,117,115,59,1,10810,108,117,115,59,1,10809,98,59,1,10701,105,109,101,59,1,10811,101,122,105,117,109,59,1,9186,4,3,99,104,116,18098,18111,18116,4,2,114,121,18104,18108,59,3,55349,56521,59,1,1094,99,121,59,1,1115,114,111,107,59,1,359,4,2,105,111,18128,18133,120,116,59,1,8812,104,101,97,100,4,2,108,114,18143,18154,101,102,116,97,114,114,111,119,59,1,8606,105,103,104,116,97,114,114,111,119,59,1,8608,4,18,65,72,97,98,99,100,102,103,104,108,109,111,112,114,115,116,117,119,18204,18209,18214,18234,18250,18268,18292,18308,18319,18343,18379,18397,18413,18504,18547,18553,18584,18603,114,114,59,1,8657,97,114,59,1,10595,4,2,99,114,18220,18230,117,116,101,5,250,1,59,18228,1,250,114,59,1,8593,114,4,2,99,101,18241,18245,121,59,1,1118,118,101,59,1,365,4,2,105,121,18256,18265,114,99,5,251,1,59,18263,1,251,59,1,1091,4,3,97,98,104,18276,18281,18287,114,114,59,1,8645,108,97,99,59,1,369,97,114,59,1,10606,4,2,105,114,18298,18304,115,104,116,59,1,10622,59,3,55349,56626,114,97,118,101,5,249,1,59,18317,1,249,4,2,97,98,18325,18338,114,4,2,108,114,18332,18335,59,1,8639,59,1,8638,108,107,59,1,9600,4,2,99,116,18349,18374,4,2,111,114,18355,18369,114,110,4,2,59,101,18363,18365,1,8988,114,59,1,8988,111,112,59,1,8975,114,105,59,1,9720,4,2,97,108,18385,18390,99,114,59,1,363,5,168,1,59,18395,1,168,4,2,103,112,18403,18408,111,110,59,1,371,102,59,3,55349,56678,4,6,97,100,104,108,115,117,18427,18434,18445,18470,18475,18494,114,114,111,119,59,1,8593,111,119,110,97,114,114,111,119,59,1,8597,97,114,112,111,111,110,4,2,108,114,18457,18463,101,102,116,59,1,8639,105,103,104,116,59,1,8638,117,115,59,1,8846,105,4,3,59,104,108,18484,18486,18489,1,965,59,1,978,111,110,59,1,965,112,97,114,114,111,119,115,59,1,8648,4,3,99,105,116,18512,18537,18542,4,2,111,114,18518,18532,114,110,4,2,59,101,18526,18528,1,8989,114,59,1,8989,111,112,59,1,8974,110,103,59,1,367,114,105,59,1,9721,99,114,59,3,55349,56522,4,3,100,105,114,18561,18566,18572,111,116,59,1,8944,108,100,101,59,1,361,105,4,2,59,102,18579,18581,1,9653,59,1,9652,4,2,97,109,18590,18595,114,114,59,1,8648,108,5,252,1,59,18601,1,252,97,110,103,108,101,59,1,10663,4,15,65,66,68,97,99,100,101,102,108,110,111,112,114,115,122,18643,18648,18661,18667,18847,18851,18857,18904,18909,18915,18931,18937,18943,18949,18996,114,114,59,1,8661,97,114,4,2,59,118,18656,18658,1,10984,59,1,10985,97,115,104,59,1,8872,4,2,110,114,18673,18679,103,114,116,59,1,10652,4,7,101,107,110,112,114,115,116,18695,18704,18711,18720,18742,18754,18810,112,115,105,108,111,110,59,1,1013,97,112,112,97,59,1,1008,111,116,104,105,110,103,59,1,8709,4,3,104,105,114,18728,18732,18735,105,59,1,981,59,1,982,111,112,116,111,59,1,8733,4,2,59,104,18748,18750,1,8597,111,59,1,1009,4,2,105,117,18760,18766,103,109,97,59,1,962,4,2,98,112,18772,18791,115,101,116,110,101,113,4,2,59,113,18784,18787,3,8842,65024,59,3,10955,65024,115,101,116,110,101,113,4,2,59,113,18803,18806,3,8843,65024,59,3,10956,65024,4,2,104,114,18816,18822,101,116,97,59,1,977,105,97,110,103,108,101,4,2,108,114,18834,18840,101,102,116,59,1,8882,105,103,104,116,59,1,8883,121,59,1,1074,97,115,104,59,1,8866,4,3,101,108,114,18865,18884,18890,4,3,59,98,101,18873,18875,18880,1,8744,97,114,59,1,8891,113,59,1,8794,108,105,112,59,1,8942,4,2,98,116,18896,18901,97,114,59,1,124,59,1,124,114,59,3,55349,56627,116,114,105,59,1,8882,115,117,4,2,98,112,18923,18927,59,3,8834,8402,59,3,8835,8402,112,102,59,3,55349,56679,114,111,112,59,1,8733,116,114,105,59,1,8883,4,2,99,117,18955,18960,114,59,3,55349,56523,4,2,98,112,18966,18981,110,4,2,69,101,18973,18977,59,3,10955,65024,59,3,8842,65024,110,4,2,69,101,18988,18992,59,3,10956,65024,59,3,8843,65024,105,103,122,97,103,59,1,10650,4,7,99,101,102,111,112,114,115,19020,19026,19061,19066,19072,19075,19089,105,114,99,59,1,373,4,2,100,105,19032,19055,4,2,98,103,19038,19043,97,114,59,1,10847,101,4,2,59,113,19050,19052,1,8743,59,1,8793,101,114,112,59,1,8472,114,59,3,55349,56628,112,102,59,3,55349,56680,59,1,8472,4,2,59,101,19081,19083,1,8768,97,116,104,59,1,8768,99,114,59,3,55349,56524,4,14,99,100,102,104,105,108,109,110,111,114,115,117,118,119,19125,19146,19152,19157,19173,19176,19192,19197,19202,19236,19252,19269,19286,19291,4,3,97,105,117,19133,19137,19142,112,59,1,8898,114,99,59,1,9711,112,59,1,8899,116,114,105,59,1,9661,114,59,3,55349,56629,4,2,65,97,19163,19168,114,114,59,1,10234,114,114,59,1,10231,59,1,958,4,2,65,97,19182,19187,114,114,59,1,10232,114,114,59,1,10229,97,112,59,1,10236,105,115,59,1,8955,4,3,100,112,116,19210,19215,19230,111,116,59,1,10752,4,2,102,108,19221,19225,59,3,55349,56681,117,115,59,1,10753,105,109,101,59,1,10754,4,2,65,97,19242,19247,114,114,59,1,10233,114,114,59,1,10230,4,2,99,113,19258,19263,114,59,3,55349,56525,99,117,112,59,1,10758,4,2,112,116,19275,19281,108,117,115,59,1,10756,114,105,59,1,9651,101,101,59,1,8897,101,100,103,101,59,1,8896,4,8,97,99,101,102,105,111,115,117,19316,19335,19349,19357,19362,19367,19373,19379,99,4,2,117,121,19323,19332,116,101,5,253,1,59,19330,1,253,59,1,1103,4,2,105,121,19341,19346,114,99,59,1,375,59,1,1099,110,5,165,1,59,19355,1,165,114,59,3,55349,56630,99,121,59,1,1111,112,102,59,3,55349,56682,99,114,59,3,55349,56526,4,2,99,109,19385,19389,121,59,1,1102,108,5,255,1,59,19395,1,255,4,10,97,99,100,101,102,104,105,111,115,119,19419,19426,19441,19446,19462,19467,19472,19480,19486,19492,99,117,116,101,59,1,378,4,2,97,121,19432,19438,114,111,110,59,1,382,59,1,1079,111,116,59,1,380,4,2,101,116,19452,19458,116,114,102,59,1,8488,97,59,1,950,114,59,3,55349,56631,99,121,59,1,1078,103,114,97,114,114,59,1,8669,112,102,59,3,55349,56683,99,114,59,3,55349,56527,4,2,106,110,19498,19501,59,1,8205,106,59,1,8204]);
+
+//Aliases
+const $$1 = unicode.CODE_POINTS;
+const $$ = unicode.CODE_POINT_SEQUENCES;
+
+//C1 Unicode control character reference replacements
+const C1_CONTROLS_REFERENCE_REPLACEMENTS = {
+    0x80: 0x20ac,
+    0x82: 0x201a,
+    0x83: 0x0192,
+    0x84: 0x201e,
+    0x85: 0x2026,
+    0x86: 0x2020,
+    0x87: 0x2021,
+    0x88: 0x02c6,
+    0x89: 0x2030,
+    0x8a: 0x0160,
+    0x8b: 0x2039,
+    0x8c: 0x0152,
+    0x8e: 0x017d,
+    0x91: 0x2018,
+    0x92: 0x2019,
+    0x93: 0x201c,
+    0x94: 0x201d,
+    0x95: 0x2022,
+    0x96: 0x2013,
+    0x97: 0x2014,
+    0x98: 0x02dc,
+    0x99: 0x2122,
+    0x9a: 0x0161,
+    0x9b: 0x203a,
+    0x9c: 0x0153,
+    0x9e: 0x017e,
+    0x9f: 0x0178
+};
+
+// Named entity tree flags
+const HAS_DATA_FLAG = 1 << 0;
+const DATA_DUPLET_FLAG = 1 << 1;
+const HAS_BRANCHES_FLAG = 1 << 2;
+const MAX_BRANCH_MARKER_VALUE = HAS_DATA_FLAG | DATA_DUPLET_FLAG | HAS_BRANCHES_FLAG;
+
+//States
+const DATA_STATE = 'DATA_STATE';
+const RCDATA_STATE = 'RCDATA_STATE';
+const RAWTEXT_STATE = 'RAWTEXT_STATE';
+const SCRIPT_DATA_STATE = 'SCRIPT_DATA_STATE';
+const PLAINTEXT_STATE = 'PLAINTEXT_STATE';
+const TAG_OPEN_STATE = 'TAG_OPEN_STATE';
+const END_TAG_OPEN_STATE = 'END_TAG_OPEN_STATE';
+const TAG_NAME_STATE = 'TAG_NAME_STATE';
+const RCDATA_LESS_THAN_SIGN_STATE = 'RCDATA_LESS_THAN_SIGN_STATE';
+const RCDATA_END_TAG_OPEN_STATE = 'RCDATA_END_TAG_OPEN_STATE';
+const RCDATA_END_TAG_NAME_STATE = 'RCDATA_END_TAG_NAME_STATE';
+const RAWTEXT_LESS_THAN_SIGN_STATE = 'RAWTEXT_LESS_THAN_SIGN_STATE';
+const RAWTEXT_END_TAG_OPEN_STATE = 'RAWTEXT_END_TAG_OPEN_STATE';
+const RAWTEXT_END_TAG_NAME_STATE = 'RAWTEXT_END_TAG_NAME_STATE';
+const SCRIPT_DATA_LESS_THAN_SIGN_STATE = 'SCRIPT_DATA_LESS_THAN_SIGN_STATE';
+const SCRIPT_DATA_END_TAG_OPEN_STATE = 'SCRIPT_DATA_END_TAG_OPEN_STATE';
+const SCRIPT_DATA_END_TAG_NAME_STATE = 'SCRIPT_DATA_END_TAG_NAME_STATE';
+const SCRIPT_DATA_ESCAPE_START_STATE = 'SCRIPT_DATA_ESCAPE_START_STATE';
+const SCRIPT_DATA_ESCAPE_START_DASH_STATE = 'SCRIPT_DATA_ESCAPE_START_DASH_STATE';
+const SCRIPT_DATA_ESCAPED_STATE = 'SCRIPT_DATA_ESCAPED_STATE';
+const SCRIPT_DATA_ESCAPED_DASH_STATE = 'SCRIPT_DATA_ESCAPED_DASH_STATE';
+const SCRIPT_DATA_ESCAPED_DASH_DASH_STATE = 'SCRIPT_DATA_ESCAPED_DASH_DASH_STATE';
+const SCRIPT_DATA_ESCAPED_LESS_THAN_SIGN_STATE = 'SCRIPT_DATA_ESCAPED_LESS_THAN_SIGN_STATE';
+const SCRIPT_DATA_ESCAPED_END_TAG_OPEN_STATE = 'SCRIPT_DATA_ESCAPED_END_TAG_OPEN_STATE';
+const SCRIPT_DATA_ESCAPED_END_TAG_NAME_STATE = 'SCRIPT_DATA_ESCAPED_END_TAG_NAME_STATE';
+const SCRIPT_DATA_DOUBLE_ESCAPE_START_STATE = 'SCRIPT_DATA_DOUBLE_ESCAPE_START_STATE';
+const SCRIPT_DATA_DOUBLE_ESCAPED_STATE = 'SCRIPT_DATA_DOUBLE_ESCAPED_STATE';
+const SCRIPT_DATA_DOUBLE_ESCAPED_DASH_STATE = 'SCRIPT_DATA_DOUBLE_ESCAPED_DASH_STATE';
+const SCRIPT_DATA_DOUBLE_ESCAPED_DASH_DASH_STATE = 'SCRIPT_DATA_DOUBLE_ESCAPED_DASH_DASH_STATE';
+const SCRIPT_DATA_DOUBLE_ESCAPED_LESS_THAN_SIGN_STATE = 'SCRIPT_DATA_DOUBLE_ESCAPED_LESS_THAN_SIGN_STATE';
+const SCRIPT_DATA_DOUBLE_ESCAPE_END_STATE = 'SCRIPT_DATA_DOUBLE_ESCAPE_END_STATE';
+const BEFORE_ATTRIBUTE_NAME_STATE = 'BEFORE_ATTRIBUTE_NAME_STATE';
+const ATTRIBUTE_NAME_STATE = 'ATTRIBUTE_NAME_STATE';
+const AFTER_ATTRIBUTE_NAME_STATE = 'AFTER_ATTRIBUTE_NAME_STATE';
+const BEFORE_ATTRIBUTE_VALUE_STATE = 'BEFORE_ATTRIBUTE_VALUE_STATE';
+const ATTRIBUTE_VALUE_DOUBLE_QUOTED_STATE = 'ATTRIBUTE_VALUE_DOUBLE_QUOTED_STATE';
+const ATTRIBUTE_VALUE_SINGLE_QUOTED_STATE = 'ATTRIBUTE_VALUE_SINGLE_QUOTED_STATE';
+const ATTRIBUTE_VALUE_UNQUOTED_STATE = 'ATTRIBUTE_VALUE_UNQUOTED_STATE';
+const AFTER_ATTRIBUTE_VALUE_QUOTED_STATE = 'AFTER_ATTRIBUTE_VALUE_QUOTED_STATE';
+const SELF_CLOSING_START_TAG_STATE = 'SELF_CLOSING_START_TAG_STATE';
+const BOGUS_COMMENT_STATE = 'BOGUS_COMMENT_STATE';
+const MARKUP_DECLARATION_OPEN_STATE = 'MARKUP_DECLARATION_OPEN_STATE';
+const COMMENT_START_STATE = 'COMMENT_START_STATE';
+const COMMENT_START_DASH_STATE = 'COMMENT_START_DASH_STATE';
+const COMMENT_STATE = 'COMMENT_STATE';
+const COMMENT_LESS_THAN_SIGN_STATE = 'COMMENT_LESS_THAN_SIGN_STATE';
+const COMMENT_LESS_THAN_SIGN_BANG_STATE = 'COMMENT_LESS_THAN_SIGN_BANG_STATE';
+const COMMENT_LESS_THAN_SIGN_BANG_DASH_STATE = 'COMMENT_LESS_THAN_SIGN_BANG_DASH_STATE';
+const COMMENT_LESS_THAN_SIGN_BANG_DASH_DASH_STATE = 'COMMENT_LESS_THAN_SIGN_BANG_DASH_DASH_STATE';
+const COMMENT_END_DASH_STATE = 'COMMENT_END_DASH_STATE';
+const COMMENT_END_STATE = 'COMMENT_END_STATE';
+const COMMENT_END_BANG_STATE = 'COMMENT_END_BANG_STATE';
+const DOCTYPE_STATE = 'DOCTYPE_STATE';
+const BEFORE_DOCTYPE_NAME_STATE = 'BEFORE_DOCTYPE_NAME_STATE';
+const DOCTYPE_NAME_STATE = 'DOCTYPE_NAME_STATE';
+const AFTER_DOCTYPE_NAME_STATE = 'AFTER_DOCTYPE_NAME_STATE';
+const AFTER_DOCTYPE_PUBLIC_KEYWORD_STATE = 'AFTER_DOCTYPE_PUBLIC_KEYWORD_STATE';
+const BEFORE_DOCTYPE_PUBLIC_IDENTIFIER_STATE = 'BEFORE_DOCTYPE_PUBLIC_IDENTIFIER_STATE';
+const DOCTYPE_PUBLIC_IDENTIFIER_DOUBLE_QUOTED_STATE = 'DOCTYPE_PUBLIC_IDENTIFIER_DOUBLE_QUOTED_STATE';
+const DOCTYPE_PUBLIC_IDENTIFIER_SINGLE_QUOTED_STATE = 'DOCTYPE_PUBLIC_IDENTIFIER_SINGLE_QUOTED_STATE';
+const AFTER_DOCTYPE_PUBLIC_IDENTIFIER_STATE = 'AFTER_DOCTYPE_PUBLIC_IDENTIFIER_STATE';
+const BETWEEN_DOCTYPE_PUBLIC_AND_SYSTEM_IDENTIFIERS_STATE = 'BETWEEN_DOCTYPE_PUBLIC_AND_SYSTEM_IDENTIFIERS_STATE';
+const AFTER_DOCTYPE_SYSTEM_KEYWORD_STATE = 'AFTER_DOCTYPE_SYSTEM_KEYWORD_STATE';
+const BEFORE_DOCTYPE_SYSTEM_IDENTIFIER_STATE = 'BEFORE_DOCTYPE_SYSTEM_IDENTIFIER_STATE';
+const DOCTYPE_SYSTEM_IDENTIFIER_DOUBLE_QUOTED_STATE = 'DOCTYPE_SYSTEM_IDENTIFIER_DOUBLE_QUOTED_STATE';
+const DOCTYPE_SYSTEM_IDENTIFIER_SINGLE_QUOTED_STATE = 'DOCTYPE_SYSTEM_IDENTIFIER_SINGLE_QUOTED_STATE';
+const AFTER_DOCTYPE_SYSTEM_IDENTIFIER_STATE = 'AFTER_DOCTYPE_SYSTEM_IDENTIFIER_STATE';
+const BOGUS_DOCTYPE_STATE = 'BOGUS_DOCTYPE_STATE';
+const CDATA_SECTION_STATE = 'CDATA_SECTION_STATE';
+const CDATA_SECTION_BRACKET_STATE = 'CDATA_SECTION_BRACKET_STATE';
+const CDATA_SECTION_END_STATE = 'CDATA_SECTION_END_STATE';
+const CHARACTER_REFERENCE_STATE = 'CHARACTER_REFERENCE_STATE';
+const NAMED_CHARACTER_REFERENCE_STATE = 'NAMED_CHARACTER_REFERENCE_STATE';
+const AMBIGUOUS_AMPERSAND_STATE = 'AMBIGUOS_AMPERSAND_STATE';
+const NUMERIC_CHARACTER_REFERENCE_STATE = 'NUMERIC_CHARACTER_REFERENCE_STATE';
+const HEXADEMICAL_CHARACTER_REFERENCE_START_STATE = 'HEXADEMICAL_CHARACTER_REFERENCE_START_STATE';
+const DECIMAL_CHARACTER_REFERENCE_START_STATE = 'DECIMAL_CHARACTER_REFERENCE_START_STATE';
+const HEXADEMICAL_CHARACTER_REFERENCE_STATE = 'HEXADEMICAL_CHARACTER_REFERENCE_STATE';
+const DECIMAL_CHARACTER_REFERENCE_STATE = 'DECIMAL_CHARACTER_REFERENCE_STATE';
+const NUMERIC_CHARACTER_REFERENCE_END_STATE = 'NUMERIC_CHARACTER_REFERENCE_END_STATE';
+
+//Utils
+
+//OPTIMIZATION: these utility functions should not be moved out of this module. V8 Crankshaft will not inline
+//this functions if they will be situated in another module due to context switch.
+//Always perform inlining check before modifying this functions ('node --trace-inlining').
+function isWhitespace(cp) {
+    return cp === $$1.SPACE || cp === $$1.LINE_FEED || cp === $$1.TABULATION || cp === $$1.FORM_FEED;
+}
+
+function isAsciiDigit(cp) {
+    return cp >= $$1.DIGIT_0 && cp <= $$1.DIGIT_9;
+}
+
+function isAsciiUpper(cp) {
+    return cp >= $$1.LATIN_CAPITAL_A && cp <= $$1.LATIN_CAPITAL_Z;
+}
+
+function isAsciiLower(cp) {
+    return cp >= $$1.LATIN_SMALL_A && cp <= $$1.LATIN_SMALL_Z;
+}
+
+function isAsciiLetter(cp) {
+    return isAsciiLower(cp) || isAsciiUpper(cp);
+}
+
+function isAsciiAlphaNumeric(cp) {
+    return isAsciiLetter(cp) || isAsciiDigit(cp);
+}
+
+function isAsciiUpperHexDigit(cp) {
+    return cp >= $$1.LATIN_CAPITAL_A && cp <= $$1.LATIN_CAPITAL_F;
+}
+
+function isAsciiLowerHexDigit(cp) {
+    return cp >= $$1.LATIN_SMALL_A && cp <= $$1.LATIN_SMALL_F;
+}
+
+function isAsciiHexDigit(cp) {
+    return isAsciiDigit(cp) || isAsciiUpperHexDigit(cp) || isAsciiLowerHexDigit(cp);
+}
+
+function toAsciiLowerCodePoint(cp) {
+    return cp + 0x0020;
+}
+
+//NOTE: String.fromCharCode() function can handle only characters from BMP subset.
+//So, we need to workaround this manually.
+//(see: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String/fromCharCode#Getting_it_to_work_with_higher_values)
+function toChar(cp) {
+    if (cp <= 0xffff) {
+        return String.fromCharCode(cp);
+    }
+
+    cp -= 0x10000;
+    return String.fromCharCode(((cp >>> 10) & 0x3ff) | 0xd800) + String.fromCharCode(0xdc00 | (cp & 0x3ff));
+}
+
+function toAsciiLowerChar(cp) {
+    return String.fromCharCode(toAsciiLowerCodePoint(cp));
+}
+
+function findNamedEntityTreeBranch(nodeIx, cp) {
+    const branchCount = namedEntityData[++nodeIx];
+    let lo = ++nodeIx;
+    let hi = lo + branchCount - 1;
+
+    while (lo <= hi) {
+        const mid = (lo + hi) >>> 1;
+        const midCp = namedEntityData[mid];
+
+        if (midCp < cp) {
+            lo = mid + 1;
+        } else if (midCp > cp) {
+            hi = mid - 1;
+        } else {
+            return namedEntityData[mid + branchCount];
+        }
+    }
+
+    return -1;
+}
+
+//Tokenizer
+class Tokenizer {
+    constructor() {
+        this.preprocessor = new preprocessor();
+
+        this.tokenQueue = [];
+
+        this.allowCDATA = false;
+
+        this.state = DATA_STATE;
+        this.returnState = '';
+
+        this.charRefCode = -1;
+        this.tempBuff = [];
+        this.lastStartTagName = '';
+
+        this.consumedAfterSnapshot = -1;
+        this.active = false;
+
+        this.currentCharacterToken = null;
+        this.currentToken = null;
+        this.currentAttr = null;
+    }
+
+    //Errors
+    _err() {
+        // NOTE: err reporting is noop by default. Enabled by mixin.
+    }
+
+    _errOnNextCodePoint(err) {
+        this._consume();
+        this._err(err);
+        this._unconsume();
+    }
+
+    //API
+    getNextToken() {
+        while (!this.tokenQueue.length && this.active) {
+            this.consumedAfterSnapshot = 0;
+
+            const cp = this._consume();
+
+            if (!this._ensureHibernation()) {
+                this[this.state](cp);
+            }
+        }
+
+        return this.tokenQueue.shift();
+    }
+
+    write(chunk, isLastChunk) {
+        this.active = true;
+        this.preprocessor.write(chunk, isLastChunk);
+    }
+
+    insertHtmlAtCurrentPos(chunk) {
+        this.active = true;
+        this.preprocessor.insertHtmlAtCurrentPos(chunk);
+    }
+
+    //Hibernation
+    _ensureHibernation() {
+        if (this.preprocessor.endOfChunkHit) {
+            for (; this.consumedAfterSnapshot > 0; this.consumedAfterSnapshot--) {
+                this.preprocessor.retreat();
+            }
+
+            this.active = false;
+            this.tokenQueue.push({ type: Tokenizer.HIBERNATION_TOKEN });
+
+            return true;
+        }
+
+        return false;
+    }
+
+    //Consumption
+    _consume() {
+        this.consumedAfterSnapshot++;
+        return this.preprocessor.advance();
+    }
+
+    _unconsume() {
+        this.consumedAfterSnapshot--;
+        this.preprocessor.retreat();
+    }
+
+    _reconsumeInState(state) {
+        this.state = state;
+        this._unconsume();
+    }
+
+    _consumeSequenceIfMatch(pattern, startCp, caseSensitive) {
+        let consumedCount = 0;
+        let isMatch = true;
+        const patternLength = pattern.length;
+        let patternPos = 0;
+        let cp = startCp;
+        let patternCp = void 0;
+
+        for (; patternPos < patternLength; patternPos++) {
+            if (patternPos > 0) {
+                cp = this._consume();
+                consumedCount++;
+            }
+
+            if (cp === $$1.EOF) {
+                isMatch = false;
+                break;
+            }
+
+            patternCp = pattern[patternPos];
+
+            if (cp !== patternCp && (caseSensitive || cp !== toAsciiLowerCodePoint(patternCp))) {
+                isMatch = false;
+                break;
+            }
+        }
+
+        if (!isMatch) {
+            while (consumedCount--) {
+                this._unconsume();
+            }
+        }
+
+        return isMatch;
+    }
+
+    //Temp buffer
+    _isTempBufferEqualToScriptString() {
+        if (this.tempBuff.length !== $$.SCRIPT_STRING.length) {
+            return false;
+        }
+
+        for (let i = 0; i < this.tempBuff.length; i++) {
+            if (this.tempBuff[i] !== $$.SCRIPT_STRING[i]) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    //Token creation
+    _createStartTagToken() {
+        this.currentToken = {
+            type: Tokenizer.START_TAG_TOKEN,
+            tagName: '',
+            selfClosing: false,
+            ackSelfClosing: false,
+            attrs: []
+        };
+    }
+
+    _createEndTagToken() {
+        this.currentToken = {
+            type: Tokenizer.END_TAG_TOKEN,
+            tagName: '',
+            selfClosing: false,
+            attrs: []
+        };
+    }
+
+    _createCommentToken() {
+        this.currentToken = {
+            type: Tokenizer.COMMENT_TOKEN,
+            data: ''
+        };
+    }
+
+    _createDoctypeToken(initialName) {
+        this.currentToken = {
+            type: Tokenizer.DOCTYPE_TOKEN,
+            name: initialName,
+            forceQuirks: false,
+            publicId: null,
+            systemId: null
+        };
+    }
+
+    _createCharacterToken(type, ch) {
+        this.currentCharacterToken = {
+            type: type,
+            chars: ch
+        };
+    }
+
+    _createEOFToken() {
+        this.currentToken = { type: Tokenizer.EOF_TOKEN };
+    }
+
+    //Tag attributes
+    _createAttr(attrNameFirstCh) {
+        this.currentAttr = {
+            name: attrNameFirstCh,
+            value: ''
+        };
+    }
+
+    _leaveAttrName(toState) {
+        if (Tokenizer.getTokenAttr(this.currentToken, this.currentAttr.name) === null) {
+            this.currentToken.attrs.push(this.currentAttr);
+        } else {
+            this._err(errorCodes.duplicateAttribute);
+        }
+
+        this.state = toState;
+    }
+
+    _leaveAttrValue(toState) {
+        this.state = toState;
+    }
+
+    //Token emission
+    _emitCurrentToken() {
+        this._emitCurrentCharacterToken();
+
+        const ct = this.currentToken;
+
+        this.currentToken = null;
+
+        //NOTE: store emited start tag's tagName to determine is the following end tag token is appropriate.
+        if (ct.type === Tokenizer.START_TAG_TOKEN) {
+            this.lastStartTagName = ct.tagName;
+        } else if (ct.type === Tokenizer.END_TAG_TOKEN) {
+            if (ct.attrs.length > 0) {
+                this._err(errorCodes.endTagWithAttributes);
+            }
+
+            if (ct.selfClosing) {
+                this._err(errorCodes.endTagWithTrailingSolidus);
+            }
+        }
+
+        this.tokenQueue.push(ct);
+    }
+
+    _emitCurrentCharacterToken() {
+        if (this.currentCharacterToken) {
+            this.tokenQueue.push(this.currentCharacterToken);
+            this.currentCharacterToken = null;
+        }
+    }
+
+    _emitEOFToken() {
+        this._createEOFToken();
+        this._emitCurrentToken();
+    }
+
+    //Characters emission
+
+    //OPTIMIZATION: specification uses only one type of character tokens (one token per character).
+    //This causes a huge memory overhead and a lot of unnecessary parser loops. parse5 uses 3 groups of characters.
+    //If we have a sequence of characters that belong to the same group, parser can process it
+    //as a single solid character token.
+    //So, there are 3 types of character tokens in parse5:
+    //1)NULL_CHARACTER_TOKEN - \u0000-character sequences (e.g. '\u0000\u0000\u0000')
+    //2)WHITESPACE_CHARACTER_TOKEN - any whitespace/new-line character sequences (e.g. '\n  \r\t   \f')
+    //3)CHARACTER_TOKEN - any character sequence which don't belong to groups 1 and 2 (e.g. 'abcdef1234@@#$%^')
+    _appendCharToCurrentCharacterToken(type, ch) {
+        if (this.currentCharacterToken && this.currentCharacterToken.type !== type) {
+            this._emitCurrentCharacterToken();
+        }
+
+        if (this.currentCharacterToken) {
+            this.currentCharacterToken.chars += ch;
+        } else {
+            this._createCharacterToken(type, ch);
+        }
+    }
+
+    _emitCodePoint(cp) {
+        let type = Tokenizer.CHARACTER_TOKEN;
+
+        if (isWhitespace(cp)) {
+            type = Tokenizer.WHITESPACE_CHARACTER_TOKEN;
+        } else if (cp === $$1.NULL) {
+            type = Tokenizer.NULL_CHARACTER_TOKEN;
+        }
+
+        this._appendCharToCurrentCharacterToken(type, toChar(cp));
+    }
+
+    _emitSeveralCodePoints(codePoints) {
+        for (let i = 0; i < codePoints.length; i++) {
+            this._emitCodePoint(codePoints[i]);
+        }
+    }
+
+    //NOTE: used then we emit character explicitly. This is always a non-whitespace and a non-null character.
+    //So we can avoid additional checks here.
+    _emitChars(ch) {
+        this._appendCharToCurrentCharacterToken(Tokenizer.CHARACTER_TOKEN, ch);
+    }
+
+    // Character reference helpers
+    _matchNamedCharacterReference(startCp) {
+        let result = null;
+        let excess = 1;
+        let i = findNamedEntityTreeBranch(0, startCp);
+
+        this.tempBuff.push(startCp);
+
+        while (i > -1) {
+            const current = namedEntityData[i];
+            const inNode = current < MAX_BRANCH_MARKER_VALUE;
+            const nodeWithData = inNode && current & HAS_DATA_FLAG;
+
+            if (nodeWithData) {
+                //NOTE: we use greedy search, so we continue lookup at this point
+                result = current & DATA_DUPLET_FLAG ? [namedEntityData[++i], namedEntityData[++i]] : [namedEntityData[++i]];
+                excess = 0;
+            }
+
+            const cp = this._consume();
+
+            this.tempBuff.push(cp);
+            excess++;
+
+            if (cp === $$1.EOF) {
+                break;
+            }
+
+            if (inNode) {
+                i = current & HAS_BRANCHES_FLAG ? findNamedEntityTreeBranch(i, cp) : -1;
+            } else {
+                i = cp === current ? ++i : -1;
+            }
+        }
+
+        while (excess--) {
+            this.tempBuff.pop();
+            this._unconsume();
+        }
+
+        return result;
+    }
+
+    _isCharacterReferenceInAttribute() {
+        return (
+            this.returnState === ATTRIBUTE_VALUE_DOUBLE_QUOTED_STATE ||
+            this.returnState === ATTRIBUTE_VALUE_SINGLE_QUOTED_STATE ||
+            this.returnState === ATTRIBUTE_VALUE_UNQUOTED_STATE
+        );
+    }
+
+    _isCharacterReferenceAttributeQuirk(withSemicolon) {
+        if (!withSemicolon && this._isCharacterReferenceInAttribute()) {
+            const nextCp = this._consume();
+
+            this._unconsume();
+
+            return nextCp === $$1.EQUALS_SIGN || isAsciiAlphaNumeric(nextCp);
+        }
+
+        return false;
+    }
+
+    _flushCodePointsConsumedAsCharacterReference() {
+        if (this._isCharacterReferenceInAttribute()) {
+            for (let i = 0; i < this.tempBuff.length; i++) {
+                this.currentAttr.value += toChar(this.tempBuff[i]);
+            }
+        } else {
+            this._emitSeveralCodePoints(this.tempBuff);
+        }
+
+        this.tempBuff = [];
+    }
+
+    // State machine
+
+    // Data state
+    //------------------------------------------------------------------
+    [DATA_STATE](cp) {
+        this.preprocessor.dropParsedChunk();
+
+        if (cp === $$1.LESS_THAN_SIGN) {
+            this.state = TAG_OPEN_STATE;
+        } else if (cp === $$1.AMPERSAND) {
+            this.returnState = DATA_STATE;
+            this.state = CHARACTER_REFERENCE_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this._emitCodePoint(cp);
+        } else if (cp === $$1.EOF) {
+            this._emitEOFToken();
+        } else {
+            this._emitCodePoint(cp);
+        }
+    }
+
+    //  RCDATA state
+    //------------------------------------------------------------------
+    [RCDATA_STATE](cp) {
+        this.preprocessor.dropParsedChunk();
+
+        if (cp === $$1.AMPERSAND) {
+            this.returnState = RCDATA_STATE;
+            this.state = CHARACTER_REFERENCE_STATE;
+        } else if (cp === $$1.LESS_THAN_SIGN) {
+            this.state = RCDATA_LESS_THAN_SIGN_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this._emitChars(unicode.REPLACEMENT_CHARACTER);
+        } else if (cp === $$1.EOF) {
+            this._emitEOFToken();
+        } else {
+            this._emitCodePoint(cp);
+        }
+    }
+
+    // RAWTEXT state
+    //------------------------------------------------------------------
+    [RAWTEXT_STATE](cp) {
+        this.preprocessor.dropParsedChunk();
+
+        if (cp === $$1.LESS_THAN_SIGN) {
+            this.state = RAWTEXT_LESS_THAN_SIGN_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this._emitChars(unicode.REPLACEMENT_CHARACTER);
+        } else if (cp === $$1.EOF) {
+            this._emitEOFToken();
+        } else {
+            this._emitCodePoint(cp);
+        }
+    }
+
+    // Script data state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_STATE](cp) {
+        this.preprocessor.dropParsedChunk();
+
+        if (cp === $$1.LESS_THAN_SIGN) {
+            this.state = SCRIPT_DATA_LESS_THAN_SIGN_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this._emitChars(unicode.REPLACEMENT_CHARACTER);
+        } else if (cp === $$1.EOF) {
+            this._emitEOFToken();
+        } else {
+            this._emitCodePoint(cp);
+        }
+    }
+
+    // PLAINTEXT state
+    //------------------------------------------------------------------
+    [PLAINTEXT_STATE](cp) {
+        this.preprocessor.dropParsedChunk();
+
+        if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this._emitChars(unicode.REPLACEMENT_CHARACTER);
+        } else if (cp === $$1.EOF) {
+            this._emitEOFToken();
+        } else {
+            this._emitCodePoint(cp);
+        }
+    }
+
+    // Tag open state
+    //------------------------------------------------------------------
+    [TAG_OPEN_STATE](cp) {
+        if (cp === $$1.EXCLAMATION_MARK) {
+            this.state = MARKUP_DECLARATION_OPEN_STATE;
+        } else if (cp === $$1.SOLIDUS) {
+            this.state = END_TAG_OPEN_STATE;
+        } else if (isAsciiLetter(cp)) {
+            this._createStartTagToken();
+            this._reconsumeInState(TAG_NAME_STATE);
+        } else if (cp === $$1.QUESTION_MARK) {
+            this._err(errorCodes.unexpectedQuestionMarkInsteadOfTagName);
+            this._createCommentToken();
+            this._reconsumeInState(BOGUS_COMMENT_STATE);
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofBeforeTagName);
+            this._emitChars('<');
+            this._emitEOFToken();
+        } else {
+            this._err(errorCodes.invalidFirstCharacterOfTagName);
+            this._emitChars('<');
+            this._reconsumeInState(DATA_STATE);
+        }
+    }
+
+    // End tag open state
+    //------------------------------------------------------------------
+    [END_TAG_OPEN_STATE](cp) {
+        if (isAsciiLetter(cp)) {
+            this._createEndTagToken();
+            this._reconsumeInState(TAG_NAME_STATE);
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.missingEndTagName);
+            this.state = DATA_STATE;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofBeforeTagName);
+            this._emitChars('</');
+            this._emitEOFToken();
+        } else {
+            this._err(errorCodes.invalidFirstCharacterOfTagName);
+            this._createCommentToken();
+            this._reconsumeInState(BOGUS_COMMENT_STATE);
+        }
+    }
+
+    // Tag name state
+    //------------------------------------------------------------------
+    [TAG_NAME_STATE](cp) {
+        if (isWhitespace(cp)) {
+            this.state = BEFORE_ATTRIBUTE_NAME_STATE;
+        } else if (cp === $$1.SOLIDUS) {
+            this.state = SELF_CLOSING_START_TAG_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (isAsciiUpper(cp)) {
+            this.currentToken.tagName += toAsciiLowerChar(cp);
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.currentToken.tagName += unicode.REPLACEMENT_CHARACTER;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInTag);
+            this._emitEOFToken();
+        } else {
+            this.currentToken.tagName += toChar(cp);
+        }
+    }
+
+    // RCDATA less-than sign state
+    //------------------------------------------------------------------
+    [RCDATA_LESS_THAN_SIGN_STATE](cp) {
+        if (cp === $$1.SOLIDUS) {
+            this.tempBuff = [];
+            this.state = RCDATA_END_TAG_OPEN_STATE;
+        } else {
+            this._emitChars('<');
+            this._reconsumeInState(RCDATA_STATE);
+        }
+    }
+
+    // RCDATA end tag open state
+    //------------------------------------------------------------------
+    [RCDATA_END_TAG_OPEN_STATE](cp) {
+        if (isAsciiLetter(cp)) {
+            this._createEndTagToken();
+            this._reconsumeInState(RCDATA_END_TAG_NAME_STATE);
+        } else {
+            this._emitChars('</');
+            this._reconsumeInState(RCDATA_STATE);
+        }
+    }
+
+    // RCDATA end tag name state
+    //------------------------------------------------------------------
+    [RCDATA_END_TAG_NAME_STATE](cp) {
+        if (isAsciiUpper(cp)) {
+            this.currentToken.tagName += toAsciiLowerChar(cp);
+            this.tempBuff.push(cp);
+        } else if (isAsciiLower(cp)) {
+            this.currentToken.tagName += toChar(cp);
+            this.tempBuff.push(cp);
+        } else {
+            if (this.lastStartTagName === this.currentToken.tagName) {
+                if (isWhitespace(cp)) {
+                    this.state = BEFORE_ATTRIBUTE_NAME_STATE;
+                    return;
+                }
+
+                if (cp === $$1.SOLIDUS) {
+                    this.state = SELF_CLOSING_START_TAG_STATE;
+                    return;
+                }
+
+                if (cp === $$1.GREATER_THAN_SIGN) {
+                    this.state = DATA_STATE;
+                    this._emitCurrentToken();
+                    return;
+                }
+            }
+
+            this._emitChars('</');
+            this._emitSeveralCodePoints(this.tempBuff);
+            this._reconsumeInState(RCDATA_STATE);
+        }
+    }
+
+    // RAWTEXT less-than sign state
+    //------------------------------------------------------------------
+    [RAWTEXT_LESS_THAN_SIGN_STATE](cp) {
+        if (cp === $$1.SOLIDUS) {
+            this.tempBuff = [];
+            this.state = RAWTEXT_END_TAG_OPEN_STATE;
+        } else {
+            this._emitChars('<');
+            this._reconsumeInState(RAWTEXT_STATE);
+        }
+    }
+
+    // RAWTEXT end tag open state
+    //------------------------------------------------------------------
+    [RAWTEXT_END_TAG_OPEN_STATE](cp) {
+        if (isAsciiLetter(cp)) {
+            this._createEndTagToken();
+            this._reconsumeInState(RAWTEXT_END_TAG_NAME_STATE);
+        } else {
+            this._emitChars('</');
+            this._reconsumeInState(RAWTEXT_STATE);
+        }
+    }
+
+    // RAWTEXT end tag name state
+    //------------------------------------------------------------------
+    [RAWTEXT_END_TAG_NAME_STATE](cp) {
+        if (isAsciiUpper(cp)) {
+            this.currentToken.tagName += toAsciiLowerChar(cp);
+            this.tempBuff.push(cp);
+        } else if (isAsciiLower(cp)) {
+            this.currentToken.tagName += toChar(cp);
+            this.tempBuff.push(cp);
+        } else {
+            if (this.lastStartTagName === this.currentToken.tagName) {
+                if (isWhitespace(cp)) {
+                    this.state = BEFORE_ATTRIBUTE_NAME_STATE;
+                    return;
+                }
+
+                if (cp === $$1.SOLIDUS) {
+                    this.state = SELF_CLOSING_START_TAG_STATE;
+                    return;
+                }
+
+                if (cp === $$1.GREATER_THAN_SIGN) {
+                    this._emitCurrentToken();
+                    this.state = DATA_STATE;
+                    return;
+                }
+            }
+
+            this._emitChars('</');
+            this._emitSeveralCodePoints(this.tempBuff);
+            this._reconsumeInState(RAWTEXT_STATE);
+        }
+    }
+
+    // Script data less-than sign state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_LESS_THAN_SIGN_STATE](cp) {
+        if (cp === $$1.SOLIDUS) {
+            this.tempBuff = [];
+            this.state = SCRIPT_DATA_END_TAG_OPEN_STATE;
+        } else if (cp === $$1.EXCLAMATION_MARK) {
+            this.state = SCRIPT_DATA_ESCAPE_START_STATE;
+            this._emitChars('<!');
+        } else {
+            this._emitChars('<');
+            this._reconsumeInState(SCRIPT_DATA_STATE);
+        }
+    }
+
+    // Script data end tag open state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_END_TAG_OPEN_STATE](cp) {
+        if (isAsciiLetter(cp)) {
+            this._createEndTagToken();
+            this._reconsumeInState(SCRIPT_DATA_END_TAG_NAME_STATE);
+        } else {
+            this._emitChars('</');
+            this._reconsumeInState(SCRIPT_DATA_STATE);
+        }
+    }
+
+    // Script data end tag name state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_END_TAG_NAME_STATE](cp) {
+        if (isAsciiUpper(cp)) {
+            this.currentToken.tagName += toAsciiLowerChar(cp);
+            this.tempBuff.push(cp);
+        } else if (isAsciiLower(cp)) {
+            this.currentToken.tagName += toChar(cp);
+            this.tempBuff.push(cp);
+        } else {
+            if (this.lastStartTagName === this.currentToken.tagName) {
+                if (isWhitespace(cp)) {
+                    this.state = BEFORE_ATTRIBUTE_NAME_STATE;
+                    return;
+                } else if (cp === $$1.SOLIDUS) {
+                    this.state = SELF_CLOSING_START_TAG_STATE;
+                    return;
+                } else if (cp === $$1.GREATER_THAN_SIGN) {
+                    this._emitCurrentToken();
+                    this.state = DATA_STATE;
+                    return;
+                }
+            }
+
+            this._emitChars('</');
+            this._emitSeveralCodePoints(this.tempBuff);
+            this._reconsumeInState(SCRIPT_DATA_STATE);
+        }
+    }
+
+    // Script data escape start state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_ESCAPE_START_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.state = SCRIPT_DATA_ESCAPE_START_DASH_STATE;
+            this._emitChars('-');
+        } else {
+            this._reconsumeInState(SCRIPT_DATA_STATE);
+        }
+    }
+
+    // Script data escape start dash state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_ESCAPE_START_DASH_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.state = SCRIPT_DATA_ESCAPED_DASH_DASH_STATE;
+            this._emitChars('-');
+        } else {
+            this._reconsumeInState(SCRIPT_DATA_STATE);
+        }
+    }
+
+    // Script data escaped state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_ESCAPED_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.state = SCRIPT_DATA_ESCAPED_DASH_STATE;
+            this._emitChars('-');
+        } else if (cp === $$1.LESS_THAN_SIGN) {
+            this.state = SCRIPT_DATA_ESCAPED_LESS_THAN_SIGN_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this._emitChars(unicode.REPLACEMENT_CHARACTER);
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInScriptHtmlCommentLikeText);
+            this._emitEOFToken();
+        } else {
+            this._emitCodePoint(cp);
+        }
+    }
+
+    // Script data escaped dash state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_ESCAPED_DASH_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.state = SCRIPT_DATA_ESCAPED_DASH_DASH_STATE;
+            this._emitChars('-');
+        } else if (cp === $$1.LESS_THAN_SIGN) {
+            this.state = SCRIPT_DATA_ESCAPED_LESS_THAN_SIGN_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.state = SCRIPT_DATA_ESCAPED_STATE;
+            this._emitChars(unicode.REPLACEMENT_CHARACTER);
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInScriptHtmlCommentLikeText);
+            this._emitEOFToken();
+        } else {
+            this.state = SCRIPT_DATA_ESCAPED_STATE;
+            this._emitCodePoint(cp);
+        }
+    }
+
+    // Script data escaped dash dash state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_ESCAPED_DASH_DASH_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this._emitChars('-');
+        } else if (cp === $$1.LESS_THAN_SIGN) {
+            this.state = SCRIPT_DATA_ESCAPED_LESS_THAN_SIGN_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this.state = SCRIPT_DATA_STATE;
+            this._emitChars('>');
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.state = SCRIPT_DATA_ESCAPED_STATE;
+            this._emitChars(unicode.REPLACEMENT_CHARACTER);
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInScriptHtmlCommentLikeText);
+            this._emitEOFToken();
+        } else {
+            this.state = SCRIPT_DATA_ESCAPED_STATE;
+            this._emitCodePoint(cp);
+        }
+    }
+
+    // Script data escaped less-than sign state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_ESCAPED_LESS_THAN_SIGN_STATE](cp) {
+        if (cp === $$1.SOLIDUS) {
+            this.tempBuff = [];
+            this.state = SCRIPT_DATA_ESCAPED_END_TAG_OPEN_STATE;
+        } else if (isAsciiLetter(cp)) {
+            this.tempBuff = [];
+            this._emitChars('<');
+            this._reconsumeInState(SCRIPT_DATA_DOUBLE_ESCAPE_START_STATE);
+        } else {
+            this._emitChars('<');
+            this._reconsumeInState(SCRIPT_DATA_ESCAPED_STATE);
+        }
+    }
+
+    // Script data escaped end tag open state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_ESCAPED_END_TAG_OPEN_STATE](cp) {
+        if (isAsciiLetter(cp)) {
+            this._createEndTagToken();
+            this._reconsumeInState(SCRIPT_DATA_ESCAPED_END_TAG_NAME_STATE);
+        } else {
+            this._emitChars('</');
+            this._reconsumeInState(SCRIPT_DATA_ESCAPED_STATE);
+        }
+    }
+
+    // Script data escaped end tag name state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_ESCAPED_END_TAG_NAME_STATE](cp) {
+        if (isAsciiUpper(cp)) {
+            this.currentToken.tagName += toAsciiLowerChar(cp);
+            this.tempBuff.push(cp);
+        } else if (isAsciiLower(cp)) {
+            this.currentToken.tagName += toChar(cp);
+            this.tempBuff.push(cp);
+        } else {
+            if (this.lastStartTagName === this.currentToken.tagName) {
+                if (isWhitespace(cp)) {
+                    this.state = BEFORE_ATTRIBUTE_NAME_STATE;
+                    return;
+                }
+
+                if (cp === $$1.SOLIDUS) {
+                    this.state = SELF_CLOSING_START_TAG_STATE;
+                    return;
+                }
+
+                if (cp === $$1.GREATER_THAN_SIGN) {
+                    this._emitCurrentToken();
+                    this.state = DATA_STATE;
+                    return;
+                }
+            }
+
+            this._emitChars('</');
+            this._emitSeveralCodePoints(this.tempBuff);
+            this._reconsumeInState(SCRIPT_DATA_ESCAPED_STATE);
+        }
+    }
+
+    // Script data double escape start state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_DOUBLE_ESCAPE_START_STATE](cp) {
+        if (isWhitespace(cp) || cp === $$1.SOLIDUS || cp === $$1.GREATER_THAN_SIGN) {
+            this.state = this._isTempBufferEqualToScriptString()
+                ? SCRIPT_DATA_DOUBLE_ESCAPED_STATE
+                : SCRIPT_DATA_ESCAPED_STATE;
+            this._emitCodePoint(cp);
+        } else if (isAsciiUpper(cp)) {
+            this.tempBuff.push(toAsciiLowerCodePoint(cp));
+            this._emitCodePoint(cp);
+        } else if (isAsciiLower(cp)) {
+            this.tempBuff.push(cp);
+            this._emitCodePoint(cp);
+        } else {
+            this._reconsumeInState(SCRIPT_DATA_ESCAPED_STATE);
+        }
+    }
+
+    // Script data double escaped state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_DOUBLE_ESCAPED_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.state = SCRIPT_DATA_DOUBLE_ESCAPED_DASH_STATE;
+            this._emitChars('-');
+        } else if (cp === $$1.LESS_THAN_SIGN) {
+            this.state = SCRIPT_DATA_DOUBLE_ESCAPED_LESS_THAN_SIGN_STATE;
+            this._emitChars('<');
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this._emitChars(unicode.REPLACEMENT_CHARACTER);
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInScriptHtmlCommentLikeText);
+            this._emitEOFToken();
+        } else {
+            this._emitCodePoint(cp);
+        }
+    }
+
+    // Script data double escaped dash state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_DOUBLE_ESCAPED_DASH_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.state = SCRIPT_DATA_DOUBLE_ESCAPED_DASH_DASH_STATE;
+            this._emitChars('-');
+        } else if (cp === $$1.LESS_THAN_SIGN) {
+            this.state = SCRIPT_DATA_DOUBLE_ESCAPED_LESS_THAN_SIGN_STATE;
+            this._emitChars('<');
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.state = SCRIPT_DATA_DOUBLE_ESCAPED_STATE;
+            this._emitChars(unicode.REPLACEMENT_CHARACTER);
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInScriptHtmlCommentLikeText);
+            this._emitEOFToken();
+        } else {
+            this.state = SCRIPT_DATA_DOUBLE_ESCAPED_STATE;
+            this._emitCodePoint(cp);
+        }
+    }
+
+    // Script data double escaped dash dash state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_DOUBLE_ESCAPED_DASH_DASH_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this._emitChars('-');
+        } else if (cp === $$1.LESS_THAN_SIGN) {
+            this.state = SCRIPT_DATA_DOUBLE_ESCAPED_LESS_THAN_SIGN_STATE;
+            this._emitChars('<');
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this.state = SCRIPT_DATA_STATE;
+            this._emitChars('>');
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.state = SCRIPT_DATA_DOUBLE_ESCAPED_STATE;
+            this._emitChars(unicode.REPLACEMENT_CHARACTER);
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInScriptHtmlCommentLikeText);
+            this._emitEOFToken();
+        } else {
+            this.state = SCRIPT_DATA_DOUBLE_ESCAPED_STATE;
+            this._emitCodePoint(cp);
+        }
+    }
+
+    // Script data double escaped less-than sign state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_DOUBLE_ESCAPED_LESS_THAN_SIGN_STATE](cp) {
+        if (cp === $$1.SOLIDUS) {
+            this.tempBuff = [];
+            this.state = SCRIPT_DATA_DOUBLE_ESCAPE_END_STATE;
+            this._emitChars('/');
+        } else {
+            this._reconsumeInState(SCRIPT_DATA_DOUBLE_ESCAPED_STATE);
+        }
+    }
+
+    // Script data double escape end state
+    //------------------------------------------------------------------
+    [SCRIPT_DATA_DOUBLE_ESCAPE_END_STATE](cp) {
+        if (isWhitespace(cp) || cp === $$1.SOLIDUS || cp === $$1.GREATER_THAN_SIGN) {
+            this.state = this._isTempBufferEqualToScriptString()
+                ? SCRIPT_DATA_ESCAPED_STATE
+                : SCRIPT_DATA_DOUBLE_ESCAPED_STATE;
+
+            this._emitCodePoint(cp);
+        } else if (isAsciiUpper(cp)) {
+            this.tempBuff.push(toAsciiLowerCodePoint(cp));
+            this._emitCodePoint(cp);
+        } else if (isAsciiLower(cp)) {
+            this.tempBuff.push(cp);
+            this._emitCodePoint(cp);
+        } else {
+            this._reconsumeInState(SCRIPT_DATA_DOUBLE_ESCAPED_STATE);
+        }
+    }
+
+    // Before attribute name state
+    //------------------------------------------------------------------
+    [BEFORE_ATTRIBUTE_NAME_STATE](cp) {
+        if (isWhitespace(cp)) {
+            return;
+        }
+
+        if (cp === $$1.SOLIDUS || cp === $$1.GREATER_THAN_SIGN || cp === $$1.EOF) {
+            this._reconsumeInState(AFTER_ATTRIBUTE_NAME_STATE);
+        } else if (cp === $$1.EQUALS_SIGN) {
+            this._err(errorCodes.unexpectedEqualsSignBeforeAttributeName);
+            this._createAttr('=');
+            this.state = ATTRIBUTE_NAME_STATE;
+        } else {
+            this._createAttr('');
+            this._reconsumeInState(ATTRIBUTE_NAME_STATE);
+        }
+    }
+
+    // Attribute name state
+    //------------------------------------------------------------------
+    [ATTRIBUTE_NAME_STATE](cp) {
+        if (isWhitespace(cp) || cp === $$1.SOLIDUS || cp === $$1.GREATER_THAN_SIGN || cp === $$1.EOF) {
+            this._leaveAttrName(AFTER_ATTRIBUTE_NAME_STATE);
+            this._unconsume();
+        } else if (cp === $$1.EQUALS_SIGN) {
+            this._leaveAttrName(BEFORE_ATTRIBUTE_VALUE_STATE);
+        } else if (isAsciiUpper(cp)) {
+            this.currentAttr.name += toAsciiLowerChar(cp);
+        } else if (cp === $$1.QUOTATION_MARK || cp === $$1.APOSTROPHE || cp === $$1.LESS_THAN_SIGN) {
+            this._err(errorCodes.unexpectedCharacterInAttributeName);
+            this.currentAttr.name += toChar(cp);
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.currentAttr.name += unicode.REPLACEMENT_CHARACTER;
+        } else {
+            this.currentAttr.name += toChar(cp);
+        }
+    }
+
+    // After attribute name state
+    //------------------------------------------------------------------
+    [AFTER_ATTRIBUTE_NAME_STATE](cp) {
+        if (isWhitespace(cp)) {
+            return;
+        }
+
+        if (cp === $$1.SOLIDUS) {
+            this.state = SELF_CLOSING_START_TAG_STATE;
+        } else if (cp === $$1.EQUALS_SIGN) {
+            this.state = BEFORE_ATTRIBUTE_VALUE_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInTag);
+            this._emitEOFToken();
+        } else {
+            this._createAttr('');
+            this._reconsumeInState(ATTRIBUTE_NAME_STATE);
+        }
+    }
+
+    // Before attribute value state
+    //------------------------------------------------------------------
+    [BEFORE_ATTRIBUTE_VALUE_STATE](cp) {
+        if (isWhitespace(cp)) {
+            return;
+        }
+
+        if (cp === $$1.QUOTATION_MARK) {
+            this.state = ATTRIBUTE_VALUE_DOUBLE_QUOTED_STATE;
+        } else if (cp === $$1.APOSTROPHE) {
+            this.state = ATTRIBUTE_VALUE_SINGLE_QUOTED_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.missingAttributeValue);
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else {
+            this._reconsumeInState(ATTRIBUTE_VALUE_UNQUOTED_STATE);
+        }
+    }
+
+    // Attribute value (double-quoted) state
+    //------------------------------------------------------------------
+    [ATTRIBUTE_VALUE_DOUBLE_QUOTED_STATE](cp) {
+        if (cp === $$1.QUOTATION_MARK) {
+            this.state = AFTER_ATTRIBUTE_VALUE_QUOTED_STATE;
+        } else if (cp === $$1.AMPERSAND) {
+            this.returnState = ATTRIBUTE_VALUE_DOUBLE_QUOTED_STATE;
+            this.state = CHARACTER_REFERENCE_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.currentAttr.value += unicode.REPLACEMENT_CHARACTER;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInTag);
+            this._emitEOFToken();
+        } else {
+            this.currentAttr.value += toChar(cp);
+        }
+    }
+
+    // Attribute value (single-quoted) state
+    //------------------------------------------------------------------
+    [ATTRIBUTE_VALUE_SINGLE_QUOTED_STATE](cp) {
+        if (cp === $$1.APOSTROPHE) {
+            this.state = AFTER_ATTRIBUTE_VALUE_QUOTED_STATE;
+        } else if (cp === $$1.AMPERSAND) {
+            this.returnState = ATTRIBUTE_VALUE_SINGLE_QUOTED_STATE;
+            this.state = CHARACTER_REFERENCE_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.currentAttr.value += unicode.REPLACEMENT_CHARACTER;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInTag);
+            this._emitEOFToken();
+        } else {
+            this.currentAttr.value += toChar(cp);
+        }
+    }
+
+    // Attribute value (unquoted) state
+    //------------------------------------------------------------------
+    [ATTRIBUTE_VALUE_UNQUOTED_STATE](cp) {
+        if (isWhitespace(cp)) {
+            this._leaveAttrValue(BEFORE_ATTRIBUTE_NAME_STATE);
+        } else if (cp === $$1.AMPERSAND) {
+            this.returnState = ATTRIBUTE_VALUE_UNQUOTED_STATE;
+            this.state = CHARACTER_REFERENCE_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._leaveAttrValue(DATA_STATE);
+            this._emitCurrentToken();
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.currentAttr.value += unicode.REPLACEMENT_CHARACTER;
+        } else if (
+            cp === $$1.QUOTATION_MARK ||
+            cp === $$1.APOSTROPHE ||
+            cp === $$1.LESS_THAN_SIGN ||
+            cp === $$1.EQUALS_SIGN ||
+            cp === $$1.GRAVE_ACCENT
+        ) {
+            this._err(errorCodes.unexpectedCharacterInUnquotedAttributeValue);
+            this.currentAttr.value += toChar(cp);
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInTag);
+            this._emitEOFToken();
+        } else {
+            this.currentAttr.value += toChar(cp);
+        }
+    }
+
+    // After attribute value (quoted) state
+    //------------------------------------------------------------------
+    [AFTER_ATTRIBUTE_VALUE_QUOTED_STATE](cp) {
+        if (isWhitespace(cp)) {
+            this._leaveAttrValue(BEFORE_ATTRIBUTE_NAME_STATE);
+        } else if (cp === $$1.SOLIDUS) {
+            this._leaveAttrValue(SELF_CLOSING_START_TAG_STATE);
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._leaveAttrValue(DATA_STATE);
+            this._emitCurrentToken();
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInTag);
+            this._emitEOFToken();
+        } else {
+            this._err(errorCodes.missingWhitespaceBetweenAttributes);
+            this._reconsumeInState(BEFORE_ATTRIBUTE_NAME_STATE);
+        }
+    }
+
+    // Self-closing start tag state
+    //------------------------------------------------------------------
+    [SELF_CLOSING_START_TAG_STATE](cp) {
+        if (cp === $$1.GREATER_THAN_SIGN) {
+            this.currentToken.selfClosing = true;
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInTag);
+            this._emitEOFToken();
+        } else {
+            this._err(errorCodes.unexpectedSolidusInTag);
+            this._reconsumeInState(BEFORE_ATTRIBUTE_NAME_STATE);
+        }
+    }
+
+    // Bogus comment state
+    //------------------------------------------------------------------
+    [BOGUS_COMMENT_STATE](cp) {
+        if (cp === $$1.GREATER_THAN_SIGN) {
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (cp === $$1.EOF) {
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.currentToken.data += unicode.REPLACEMENT_CHARACTER;
+        } else {
+            this.currentToken.data += toChar(cp);
+        }
+    }
+
+    // Markup declaration open state
+    //------------------------------------------------------------------
+    [MARKUP_DECLARATION_OPEN_STATE](cp) {
+        if (this._consumeSequenceIfMatch($$.DASH_DASH_STRING, cp, true)) {
+            this._createCommentToken();
+            this.state = COMMENT_START_STATE;
+        } else if (this._consumeSequenceIfMatch($$.DOCTYPE_STRING, cp, false)) {
+            this.state = DOCTYPE_STATE;
+        } else if (this._consumeSequenceIfMatch($$.CDATA_START_STRING, cp, true)) {
+            if (this.allowCDATA) {
+                this.state = CDATA_SECTION_STATE;
+            } else {
+                this._err(errorCodes.cdataInHtmlContent);
+                this._createCommentToken();
+                this.currentToken.data = '[CDATA[';
+                this.state = BOGUS_COMMENT_STATE;
+            }
+        }
+
+        //NOTE: sequence lookup can be abrupted by hibernation. In that case lookup
+        //results are no longer valid and we will need to start over.
+        else if (!this._ensureHibernation()) {
+            this._err(errorCodes.incorrectlyOpenedComment);
+            this._createCommentToken();
+            this._reconsumeInState(BOGUS_COMMENT_STATE);
+        }
+    }
+
+    // Comment start state
+    //------------------------------------------------------------------
+    [COMMENT_START_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.state = COMMENT_START_DASH_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.abruptClosingOfEmptyComment);
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else {
+            this._reconsumeInState(COMMENT_STATE);
+        }
+    }
+
+    // Comment start dash state
+    //------------------------------------------------------------------
+    [COMMENT_START_DASH_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.state = COMMENT_END_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.abruptClosingOfEmptyComment);
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInComment);
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this.currentToken.data += '-';
+            this._reconsumeInState(COMMENT_STATE);
+        }
+    }
+
+    // Comment state
+    //------------------------------------------------------------------
+    [COMMENT_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.state = COMMENT_END_DASH_STATE;
+        } else if (cp === $$1.LESS_THAN_SIGN) {
+            this.currentToken.data += '<';
+            this.state = COMMENT_LESS_THAN_SIGN_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.currentToken.data += unicode.REPLACEMENT_CHARACTER;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInComment);
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this.currentToken.data += toChar(cp);
+        }
+    }
+
+    // Comment less-than sign state
+    //------------------------------------------------------------------
+    [COMMENT_LESS_THAN_SIGN_STATE](cp) {
+        if (cp === $$1.EXCLAMATION_MARK) {
+            this.currentToken.data += '!';
+            this.state = COMMENT_LESS_THAN_SIGN_BANG_STATE;
+        } else if (cp === $$1.LESS_THAN_SIGN) {
+            this.currentToken.data += '!';
+        } else {
+            this._reconsumeInState(COMMENT_STATE);
+        }
+    }
+
+    // Comment less-than sign bang state
+    //------------------------------------------------------------------
+    [COMMENT_LESS_THAN_SIGN_BANG_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.state = COMMENT_LESS_THAN_SIGN_BANG_DASH_STATE;
+        } else {
+            this._reconsumeInState(COMMENT_STATE);
+        }
+    }
+
+    // Comment less-than sign bang dash state
+    //------------------------------------------------------------------
+    [COMMENT_LESS_THAN_SIGN_BANG_DASH_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.state = COMMENT_LESS_THAN_SIGN_BANG_DASH_DASH_STATE;
+        } else {
+            this._reconsumeInState(COMMENT_END_DASH_STATE);
+        }
+    }
+
+    // Comment less-than sign bang dash dash state
+    //------------------------------------------------------------------
+    [COMMENT_LESS_THAN_SIGN_BANG_DASH_DASH_STATE](cp) {
+        if (cp !== $$1.GREATER_THAN_SIGN && cp !== $$1.EOF) {
+            this._err(errorCodes.nestedComment);
+        }
+
+        this._reconsumeInState(COMMENT_END_STATE);
+    }
+
+    // Comment end dash state
+    //------------------------------------------------------------------
+    [COMMENT_END_DASH_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.state = COMMENT_END_STATE;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInComment);
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this.currentToken.data += '-';
+            this._reconsumeInState(COMMENT_STATE);
+        }
+    }
+
+    // Comment end state
+    //------------------------------------------------------------------
+    [COMMENT_END_STATE](cp) {
+        if (cp === $$1.GREATER_THAN_SIGN) {
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (cp === $$1.EXCLAMATION_MARK) {
+            this.state = COMMENT_END_BANG_STATE;
+        } else if (cp === $$1.HYPHEN_MINUS) {
+            this.currentToken.data += '-';
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInComment);
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this.currentToken.data += '--';
+            this._reconsumeInState(COMMENT_STATE);
+        }
+    }
+
+    // Comment end bang state
+    //------------------------------------------------------------------
+    [COMMENT_END_BANG_STATE](cp) {
+        if (cp === $$1.HYPHEN_MINUS) {
+            this.currentToken.data += '--!';
+            this.state = COMMENT_END_DASH_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.incorrectlyClosedComment);
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInComment);
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this.currentToken.data += '--!';
+            this._reconsumeInState(COMMENT_STATE);
+        }
+    }
+
+    // DOCTYPE state
+    //------------------------------------------------------------------
+    [DOCTYPE_STATE](cp) {
+        if (isWhitespace(cp)) {
+            this.state = BEFORE_DOCTYPE_NAME_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._reconsumeInState(BEFORE_DOCTYPE_NAME_STATE);
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this._createDoctypeToken(null);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this._err(errorCodes.missingWhitespaceBeforeDoctypeName);
+            this._reconsumeInState(BEFORE_DOCTYPE_NAME_STATE);
+        }
+    }
+
+    // Before DOCTYPE name state
+    //------------------------------------------------------------------
+    [BEFORE_DOCTYPE_NAME_STATE](cp) {
+        if (isWhitespace(cp)) {
+            return;
+        }
+
+        if (isAsciiUpper(cp)) {
+            this._createDoctypeToken(toAsciiLowerChar(cp));
+            this.state = DOCTYPE_NAME_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this._createDoctypeToken(unicode.REPLACEMENT_CHARACTER);
+            this.state = DOCTYPE_NAME_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.missingDoctypeName);
+            this._createDoctypeToken(null);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this.state = DATA_STATE;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this._createDoctypeToken(null);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this._createDoctypeToken(toChar(cp));
+            this.state = DOCTYPE_NAME_STATE;
+        }
+    }
+
+    // DOCTYPE name state
+    //------------------------------------------------------------------
+    [DOCTYPE_NAME_STATE](cp) {
+        if (isWhitespace(cp)) {
+            this.state = AFTER_DOCTYPE_NAME_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (isAsciiUpper(cp)) {
+            this.currentToken.name += toAsciiLowerChar(cp);
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.currentToken.name += unicode.REPLACEMENT_CHARACTER;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this.currentToken.name += toChar(cp);
+        }
+    }
+
+    // After DOCTYPE name state
+    //------------------------------------------------------------------
+    [AFTER_DOCTYPE_NAME_STATE](cp) {
+        if (isWhitespace(cp)) {
+            return;
+        }
+
+        if (cp === $$1.GREATER_THAN_SIGN) {
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else if (this._consumeSequenceIfMatch($$.PUBLIC_STRING, cp, false)) {
+            this.state = AFTER_DOCTYPE_PUBLIC_KEYWORD_STATE;
+        } else if (this._consumeSequenceIfMatch($$.SYSTEM_STRING, cp, false)) {
+            this.state = AFTER_DOCTYPE_SYSTEM_KEYWORD_STATE;
+        }
+        //NOTE: sequence lookup can be abrupted by hibernation. In that case lookup
+        //results are no longer valid and we will need to start over.
+        else if (!this._ensureHibernation()) {
+            this._err(errorCodes.invalidCharacterSequenceAfterDoctypeName);
+            this.currentToken.forceQuirks = true;
+            this._reconsumeInState(BOGUS_DOCTYPE_STATE);
+        }
+    }
+
+    // After DOCTYPE public keyword state
+    //------------------------------------------------------------------
+    [AFTER_DOCTYPE_PUBLIC_KEYWORD_STATE](cp) {
+        if (isWhitespace(cp)) {
+            this.state = BEFORE_DOCTYPE_PUBLIC_IDENTIFIER_STATE;
+        } else if (cp === $$1.QUOTATION_MARK) {
+            this._err(errorCodes.missingWhitespaceAfterDoctypePublicKeyword);
+            this.currentToken.publicId = '';
+            this.state = DOCTYPE_PUBLIC_IDENTIFIER_DOUBLE_QUOTED_STATE;
+        } else if (cp === $$1.APOSTROPHE) {
+            this._err(errorCodes.missingWhitespaceAfterDoctypePublicKeyword);
+            this.currentToken.publicId = '';
+            this.state = DOCTYPE_PUBLIC_IDENTIFIER_SINGLE_QUOTED_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.missingDoctypePublicIdentifier);
+            this.currentToken.forceQuirks = true;
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this._err(errorCodes.missingQuoteBeforeDoctypePublicIdentifier);
+            this.currentToken.forceQuirks = true;
+            this._reconsumeInState(BOGUS_DOCTYPE_STATE);
+        }
+    }
+
+    // Before DOCTYPE public identifier state
+    //------------------------------------------------------------------
+    [BEFORE_DOCTYPE_PUBLIC_IDENTIFIER_STATE](cp) {
+        if (isWhitespace(cp)) {
+            return;
+        }
+
+        if (cp === $$1.QUOTATION_MARK) {
+            this.currentToken.publicId = '';
+            this.state = DOCTYPE_PUBLIC_IDENTIFIER_DOUBLE_QUOTED_STATE;
+        } else if (cp === $$1.APOSTROPHE) {
+            this.currentToken.publicId = '';
+            this.state = DOCTYPE_PUBLIC_IDENTIFIER_SINGLE_QUOTED_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.missingDoctypePublicIdentifier);
+            this.currentToken.forceQuirks = true;
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this._err(errorCodes.missingQuoteBeforeDoctypePublicIdentifier);
+            this.currentToken.forceQuirks = true;
+            this._reconsumeInState(BOGUS_DOCTYPE_STATE);
+        }
+    }
+
+    // DOCTYPE public identifier (double-quoted) state
+    //------------------------------------------------------------------
+    [DOCTYPE_PUBLIC_IDENTIFIER_DOUBLE_QUOTED_STATE](cp) {
+        if (cp === $$1.QUOTATION_MARK) {
+            this.state = AFTER_DOCTYPE_PUBLIC_IDENTIFIER_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.currentToken.publicId += unicode.REPLACEMENT_CHARACTER;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.abruptDoctypePublicIdentifier);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this.state = DATA_STATE;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this.currentToken.publicId += toChar(cp);
+        }
+    }
+
+    // DOCTYPE public identifier (single-quoted) state
+    //------------------------------------------------------------------
+    [DOCTYPE_PUBLIC_IDENTIFIER_SINGLE_QUOTED_STATE](cp) {
+        if (cp === $$1.APOSTROPHE) {
+            this.state = AFTER_DOCTYPE_PUBLIC_IDENTIFIER_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.currentToken.publicId += unicode.REPLACEMENT_CHARACTER;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.abruptDoctypePublicIdentifier);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this.state = DATA_STATE;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this.currentToken.publicId += toChar(cp);
+        }
+    }
+
+    // After DOCTYPE public identifier state
+    //------------------------------------------------------------------
+    [AFTER_DOCTYPE_PUBLIC_IDENTIFIER_STATE](cp) {
+        if (isWhitespace(cp)) {
+            this.state = BETWEEN_DOCTYPE_PUBLIC_AND_SYSTEM_IDENTIFIERS_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (cp === $$1.QUOTATION_MARK) {
+            this._err(errorCodes.missingWhitespaceBetweenDoctypePublicAndSystemIdentifiers);
+            this.currentToken.systemId = '';
+            this.state = DOCTYPE_SYSTEM_IDENTIFIER_DOUBLE_QUOTED_STATE;
+        } else if (cp === $$1.APOSTROPHE) {
+            this._err(errorCodes.missingWhitespaceBetweenDoctypePublicAndSystemIdentifiers);
+            this.currentToken.systemId = '';
+            this.state = DOCTYPE_SYSTEM_IDENTIFIER_SINGLE_QUOTED_STATE;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this._err(errorCodes.missingQuoteBeforeDoctypeSystemIdentifier);
+            this.currentToken.forceQuirks = true;
+            this._reconsumeInState(BOGUS_DOCTYPE_STATE);
+        }
+    }
+
+    // Between DOCTYPE public and system identifiers state
+    //------------------------------------------------------------------
+    [BETWEEN_DOCTYPE_PUBLIC_AND_SYSTEM_IDENTIFIERS_STATE](cp) {
+        if (isWhitespace(cp)) {
+            return;
+        }
+
+        if (cp === $$1.GREATER_THAN_SIGN) {
+            this._emitCurrentToken();
+            this.state = DATA_STATE;
+        } else if (cp === $$1.QUOTATION_MARK) {
+            this.currentToken.systemId = '';
+            this.state = DOCTYPE_SYSTEM_IDENTIFIER_DOUBLE_QUOTED_STATE;
+        } else if (cp === $$1.APOSTROPHE) {
+            this.currentToken.systemId = '';
+            this.state = DOCTYPE_SYSTEM_IDENTIFIER_SINGLE_QUOTED_STATE;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this._err(errorCodes.missingQuoteBeforeDoctypeSystemIdentifier);
+            this.currentToken.forceQuirks = true;
+            this._reconsumeInState(BOGUS_DOCTYPE_STATE);
+        }
+    }
+
+    // After DOCTYPE system keyword state
+    //------------------------------------------------------------------
+    [AFTER_DOCTYPE_SYSTEM_KEYWORD_STATE](cp) {
+        if (isWhitespace(cp)) {
+            this.state = BEFORE_DOCTYPE_SYSTEM_IDENTIFIER_STATE;
+        } else if (cp === $$1.QUOTATION_MARK) {
+            this._err(errorCodes.missingWhitespaceAfterDoctypeSystemKeyword);
+            this.currentToken.systemId = '';
+            this.state = DOCTYPE_SYSTEM_IDENTIFIER_DOUBLE_QUOTED_STATE;
+        } else if (cp === $$1.APOSTROPHE) {
+            this._err(errorCodes.missingWhitespaceAfterDoctypeSystemKeyword);
+            this.currentToken.systemId = '';
+            this.state = DOCTYPE_SYSTEM_IDENTIFIER_SINGLE_QUOTED_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.missingDoctypeSystemIdentifier);
+            this.currentToken.forceQuirks = true;
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this._err(errorCodes.missingQuoteBeforeDoctypeSystemIdentifier);
+            this.currentToken.forceQuirks = true;
+            this._reconsumeInState(BOGUS_DOCTYPE_STATE);
+        }
+    }
+
+    // Before DOCTYPE system identifier state
+    //------------------------------------------------------------------
+    [BEFORE_DOCTYPE_SYSTEM_IDENTIFIER_STATE](cp) {
+        if (isWhitespace(cp)) {
+            return;
+        }
+
+        if (cp === $$1.QUOTATION_MARK) {
+            this.currentToken.systemId = '';
+            this.state = DOCTYPE_SYSTEM_IDENTIFIER_DOUBLE_QUOTED_STATE;
+        } else if (cp === $$1.APOSTROPHE) {
+            this.currentToken.systemId = '';
+            this.state = DOCTYPE_SYSTEM_IDENTIFIER_SINGLE_QUOTED_STATE;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.missingDoctypeSystemIdentifier);
+            this.currentToken.forceQuirks = true;
+            this.state = DATA_STATE;
+            this._emitCurrentToken();
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this._err(errorCodes.missingQuoteBeforeDoctypeSystemIdentifier);
+            this.currentToken.forceQuirks = true;
+            this._reconsumeInState(BOGUS_DOCTYPE_STATE);
+        }
+    }
+
+    // DOCTYPE system identifier (double-quoted) state
+    //------------------------------------------------------------------
+    [DOCTYPE_SYSTEM_IDENTIFIER_DOUBLE_QUOTED_STATE](cp) {
+        if (cp === $$1.QUOTATION_MARK) {
+            this.state = AFTER_DOCTYPE_SYSTEM_IDENTIFIER_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.currentToken.systemId += unicode.REPLACEMENT_CHARACTER;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.abruptDoctypeSystemIdentifier);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this.state = DATA_STATE;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this.currentToken.systemId += toChar(cp);
+        }
+    }
+
+    // DOCTYPE system identifier (single-quoted) state
+    //------------------------------------------------------------------
+    [DOCTYPE_SYSTEM_IDENTIFIER_SINGLE_QUOTED_STATE](cp) {
+        if (cp === $$1.APOSTROPHE) {
+            this.state = AFTER_DOCTYPE_SYSTEM_IDENTIFIER_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+            this.currentToken.systemId += unicode.REPLACEMENT_CHARACTER;
+        } else if (cp === $$1.GREATER_THAN_SIGN) {
+            this._err(errorCodes.abruptDoctypeSystemIdentifier);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this.state = DATA_STATE;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this.currentToken.systemId += toChar(cp);
+        }
+    }
+
+    // After DOCTYPE system identifier state
+    //------------------------------------------------------------------
+    [AFTER_DOCTYPE_SYSTEM_IDENTIFIER_STATE](cp) {
+        if (isWhitespace(cp)) {
+            return;
+        }
+
+        if (cp === $$1.GREATER_THAN_SIGN) {
+            this._emitCurrentToken();
+            this.state = DATA_STATE;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInDoctype);
+            this.currentToken.forceQuirks = true;
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        } else {
+            this._err(errorCodes.unexpectedCharacterAfterDoctypeSystemIdentifier);
+            this._reconsumeInState(BOGUS_DOCTYPE_STATE);
+        }
+    }
+
+    // Bogus DOCTYPE state
+    //------------------------------------------------------------------
+    [BOGUS_DOCTYPE_STATE](cp) {
+        if (cp === $$1.GREATER_THAN_SIGN) {
+            this._emitCurrentToken();
+            this.state = DATA_STATE;
+        } else if (cp === $$1.NULL) {
+            this._err(errorCodes.unexpectedNullCharacter);
+        } else if (cp === $$1.EOF) {
+            this._emitCurrentToken();
+            this._emitEOFToken();
+        }
+    }
+
+    // CDATA section state
+    //------------------------------------------------------------------
+    [CDATA_SECTION_STATE](cp) {
+        if (cp === $$1.RIGHT_SQUARE_BRACKET) {
+            this.state = CDATA_SECTION_BRACKET_STATE;
+        } else if (cp === $$1.EOF) {
+            this._err(errorCodes.eofInCdata);
+            this._emitEOFToken();
+        } else {
+            this._emitCodePoint(cp);
+        }
+    }
+
+    // CDATA section bracket state
+    //------------------------------------------------------------------
+    [CDATA_SECTION_BRACKET_STATE](cp) {
+        if (cp === $$1.RIGHT_SQUARE_BRACKET) {
+            this.state = CDATA_SECTION_END_STATE;
+        } else {
+            this._emitChars(']');
+            this._reconsumeInState(CDATA_SECTION_STATE);
+        }
+    }
+
+    // CDATA section end state
+    //------------------------------------------------------------------
+    [CDATA_SECTION_END_STATE](cp) {
+        if (cp === $$1.GREATER_THAN_SIGN) {
+            this.state = DATA_STATE;
+        } else if (cp === $$1.RIGHT_SQUARE_BRACKET) {
+            this._emitChars(']');
+        } else {
+            this._emitChars(']]');
+            this._reconsumeInState(CDATA_SECTION_STATE);
+        }
+    }
+
+    // Character reference state
+    //------------------------------------------------------------------
+    [CHARACTER_REFERENCE_STATE](cp) {
+        this.tempBuff = [$$1.AMPERSAND];
+
+        if (cp === $$1.NUMBER_SIGN) {
+            this.tempBuff.push(cp);
+            this.state = NUMERIC_CHARACTER_REFERENCE_STATE;
+        } else if (isAsciiAlphaNumeric(cp)) {
+            this._reconsumeInState(NAMED_CHARACTER_REFERENCE_STATE);
+        } else {
+            this._flushCodePointsConsumedAsCharacterReference();
+            this._reconsumeInState(this.returnState);
+        }
+    }
+
+    // Named character reference state
+    //------------------------------------------------------------------
+    [NAMED_CHARACTER_REFERENCE_STATE](cp) {
+        const matchResult = this._matchNamedCharacterReference(cp);
+
+        //NOTE: matching can be abrupted by hibernation. In that case match
+        //results are no longer valid and we will need to start over.
+        if (this._ensureHibernation()) {
+            this.tempBuff = [$$1.AMPERSAND];
+        } else if (matchResult) {
+            const withSemicolon = this.tempBuff[this.tempBuff.length - 1] === $$1.SEMICOLON;
+
+            if (!this._isCharacterReferenceAttributeQuirk(withSemicolon)) {
+                if (!withSemicolon) {
+                    this._errOnNextCodePoint(errorCodes.missingSemicolonAfterCharacterReference);
+                }
+
+                this.tempBuff = matchResult;
+            }
+
+            this._flushCodePointsConsumedAsCharacterReference();
+            this.state = this.returnState;
+        } else {
+            this._flushCodePointsConsumedAsCharacterReference();
+            this.state = AMBIGUOUS_AMPERSAND_STATE;
+        }
+    }
+
+    // Ambiguos ampersand state
+    //------------------------------------------------------------------
+    [AMBIGUOUS_AMPERSAND_STATE](cp) {
+        if (isAsciiAlphaNumeric(cp)) {
+            if (this._isCharacterReferenceInAttribute()) {
+                this.currentAttr.value += toChar(cp);
+            } else {
+                this._emitCodePoint(cp);
+            }
+        } else {
+            if (cp === $$1.SEMICOLON) {
+                this._err(errorCodes.unknownNamedCharacterReference);
+            }
+
+            this._reconsumeInState(this.returnState);
+        }
+    }
+
+    // Numeric character reference state
+    //------------------------------------------------------------------
+    [NUMERIC_CHARACTER_REFERENCE_STATE](cp) {
+        this.charRefCode = 0;
+
+        if (cp === $$1.LATIN_SMALL_X || cp === $$1.LATIN_CAPITAL_X) {
+            this.tempBuff.push(cp);
+            this.state = HEXADEMICAL_CHARACTER_REFERENCE_START_STATE;
+        } else {
+            this._reconsumeInState(DECIMAL_CHARACTER_REFERENCE_START_STATE);
+        }
+    }
+
+    // Hexademical character reference start state
+    //------------------------------------------------------------------
+    [HEXADEMICAL_CHARACTER_REFERENCE_START_STATE](cp) {
+        if (isAsciiHexDigit(cp)) {
+            this._reconsumeInState(HEXADEMICAL_CHARACTER_REFERENCE_STATE);
+        } else {
+            this._err(errorCodes.absenceOfDigitsInNumericCharacterReference);
+            this._flushCodePointsConsumedAsCharacterReference();
+            this._reconsumeInState(this.returnState);
+        }
+    }
+
+    // Decimal character reference start state
+    //------------------------------------------------------------------
+    [DECIMAL_CHARACTER_REFERENCE_START_STATE](cp) {
+        if (isAsciiDigit(cp)) {
+            this._reconsumeInState(DECIMAL_CHARACTER_REFERENCE_STATE);
+        } else {
+            this._err(errorCodes.absenceOfDigitsInNumericCharacterReference);
+            this._flushCodePointsConsumedAsCharacterReference();
+            this._reconsumeInState(this.returnState);
+        }
+    }
+
+    // Hexademical character reference state
+    //------------------------------------------------------------------
+    [HEXADEMICAL_CHARACTER_REFERENCE_STATE](cp) {
+        if (isAsciiUpperHexDigit(cp)) {
+            this.charRefCode = this.charRefCode * 16 + cp - 0x37;
+        } else if (isAsciiLowerHexDigit(cp)) {
+            this.charRefCode = this.charRefCode * 16 + cp - 0x57;
+        } else if (isAsciiDigit(cp)) {
+            this.charRefCode = this.charRefCode * 16 + cp - 0x30;
+        } else if (cp === $$1.SEMICOLON) {
+            this.state = NUMERIC_CHARACTER_REFERENCE_END_STATE;
+        } else {
+            this._err(errorCodes.missingSemicolonAfterCharacterReference);
+            this._reconsumeInState(NUMERIC_CHARACTER_REFERENCE_END_STATE);
+        }
+    }
+
+    // Decimal character reference state
+    //------------------------------------------------------------------
+    [DECIMAL_CHARACTER_REFERENCE_STATE](cp) {
+        if (isAsciiDigit(cp)) {
+            this.charRefCode = this.charRefCode * 10 + cp - 0x30;
+        } else if (cp === $$1.SEMICOLON) {
+            this.state = NUMERIC_CHARACTER_REFERENCE_END_STATE;
+        } else {
+            this._err(errorCodes.missingSemicolonAfterCharacterReference);
+            this._reconsumeInState(NUMERIC_CHARACTER_REFERENCE_END_STATE);
+        }
+    }
+
+    // Numeric character reference end state
+    //------------------------------------------------------------------
+    [NUMERIC_CHARACTER_REFERENCE_END_STATE]() {
+        if (this.charRefCode === $$1.NULL) {
+            this._err(errorCodes.nullCharacterReference);
+            this.charRefCode = $$1.REPLACEMENT_CHARACTER;
+        } else if (this.charRefCode > 0x10ffff) {
+            this._err(errorCodes.characterReferenceOutsideUnicodeRange);
+            this.charRefCode = $$1.REPLACEMENT_CHARACTER;
+        } else if (unicode.isSurrogate(this.charRefCode)) {
+            this._err(errorCodes.surrogateCharacterReference);
+            this.charRefCode = $$1.REPLACEMENT_CHARACTER;
+        } else if (unicode.isUndefinedCodePoint(this.charRefCode)) {
+            this._err(errorCodes.noncharacterCharacterReference);
+        } else if (unicode.isControlCodePoint(this.charRefCode) || this.charRefCode === $$1.CARRIAGE_RETURN) {
+            this._err(errorCodes.controlCharacterReference);
+
+            const replacement = C1_CONTROLS_REFERENCE_REPLACEMENTS[this.charRefCode];
+
+            if (replacement) {
+                this.charRefCode = replacement;
+            }
+        }
+
+        this.tempBuff = [this.charRefCode];
+
+        this._flushCodePointsConsumedAsCharacterReference();
+        this._reconsumeInState(this.returnState);
+    }
+}
+
+//Token types
+Tokenizer.CHARACTER_TOKEN = 'CHARACTER_TOKEN';
+Tokenizer.NULL_CHARACTER_TOKEN = 'NULL_CHARACTER_TOKEN';
+Tokenizer.WHITESPACE_CHARACTER_TOKEN = 'WHITESPACE_CHARACTER_TOKEN';
+Tokenizer.START_TAG_TOKEN = 'START_TAG_TOKEN';
+Tokenizer.END_TAG_TOKEN = 'END_TAG_TOKEN';
+Tokenizer.COMMENT_TOKEN = 'COMMENT_TOKEN';
+Tokenizer.DOCTYPE_TOKEN = 'DOCTYPE_TOKEN';
+Tokenizer.EOF_TOKEN = 'EOF_TOKEN';
+Tokenizer.HIBERNATION_TOKEN = 'HIBERNATION_TOKEN';
+
+//Tokenizer initial states for different modes
+Tokenizer.MODE = {
+    DATA: DATA_STATE,
+    RCDATA: RCDATA_STATE,
+    RAWTEXT: RAWTEXT_STATE,
+    SCRIPT_DATA: SCRIPT_DATA_STATE,
+    PLAINTEXT: PLAINTEXT_STATE
+};
+
+//Static
+Tokenizer.getTokenAttr = function(token, attrName) {
+    for (let i = token.attrs.length - 1; i >= 0; i--) {
+        if (token.attrs[i].name === attrName) {
+            return token.attrs[i].value;
+        }
+    }
+
+    return null;
+};
+
+var tokenizer = Tokenizer;
+
+var html = createCommonjsModule(function (module, exports) {
+
+const NS = (exports.NAMESPACES = {
+    HTML: 'http://www.w3.org/1999/xhtml',
+    MATHML: 'http://www.w3.org/1998/Math/MathML',
+    SVG: 'http://www.w3.org/2000/svg',
+    XLINK: 'http://www.w3.org/1999/xlink',
+    XML: 'http://www.w3.org/XML/1998/namespace',
+    XMLNS: 'http://www.w3.org/2000/xmlns/'
+});
+
+exports.ATTRS = {
+    TYPE: 'type',
+    ACTION: 'action',
+    ENCODING: 'encoding',
+    PROMPT: 'prompt',
+    NAME: 'name',
+    COLOR: 'color',
+    FACE: 'face',
+    SIZE: 'size'
+};
+
+exports.DOCUMENT_MODE = {
+    NO_QUIRKS: 'no-quirks',
+    QUIRKS: 'quirks',
+    LIMITED_QUIRKS: 'limited-quirks'
+};
+
+const $ = (exports.TAG_NAMES = {
+    A: 'a',
+    ADDRESS: 'address',
+    ANNOTATION_XML: 'annotation-xml',
+    APPLET: 'applet',
+    AREA: 'area',
+    ARTICLE: 'article',
+    ASIDE: 'aside',
+
+    B: 'b',
+    BASE: 'base',
+    BASEFONT: 'basefont',
+    BGSOUND: 'bgsound',
+    BIG: 'big',
+    BLOCKQUOTE: 'blockquote',
+    BODY: 'body',
+    BR: 'br',
+    BUTTON: 'button',
+
+    CAPTION: 'caption',
+    CENTER: 'center',
+    CODE: 'code',
+    COL: 'col',
+    COLGROUP: 'colgroup',
+
+    DD: 'dd',
+    DESC: 'desc',
+    DETAILS: 'details',
+    DIALOG: 'dialog',
+    DIR: 'dir',
+    DIV: 'div',
+    DL: 'dl',
+    DT: 'dt',
+
+    EM: 'em',
+    EMBED: 'embed',
+
+    FIELDSET: 'fieldset',
+    FIGCAPTION: 'figcaption',
+    FIGURE: 'figure',
+    FONT: 'font',
+    FOOTER: 'footer',
+    FOREIGN_OBJECT: 'foreignObject',
+    FORM: 'form',
+    FRAME: 'frame',
+    FRAMESET: 'frameset',
+
+    H1: 'h1',
+    H2: 'h2',
+    H3: 'h3',
+    H4: 'h4',
+    H5: 'h5',
+    H6: 'h6',
+    HEAD: 'head',
+    HEADER: 'header',
+    HGROUP: 'hgroup',
+    HR: 'hr',
+    HTML: 'html',
+
+    I: 'i',
+    IMG: 'img',
+    IMAGE: 'image',
+    INPUT: 'input',
+    IFRAME: 'iframe',
+
+    KEYGEN: 'keygen',
+
+    LABEL: 'label',
+    LI: 'li',
+    LINK: 'link',
+    LISTING: 'listing',
+
+    MAIN: 'main',
+    MALIGNMARK: 'malignmark',
+    MARQUEE: 'marquee',
+    MATH: 'math',
+    MENU: 'menu',
+    META: 'meta',
+    MGLYPH: 'mglyph',
+    MI: 'mi',
+    MO: 'mo',
+    MN: 'mn',
+    MS: 'ms',
+    MTEXT: 'mtext',
+
+    NAV: 'nav',
+    NOBR: 'nobr',
+    NOFRAMES: 'noframes',
+    NOEMBED: 'noembed',
+    NOSCRIPT: 'noscript',
+
+    OBJECT: 'object',
+    OL: 'ol',
+    OPTGROUP: 'optgroup',
+    OPTION: 'option',
+
+    P: 'p',
+    PARAM: 'param',
+    PLAINTEXT: 'plaintext',
+    PRE: 'pre',
+
+    RB: 'rb',
+    RP: 'rp',
+    RT: 'rt',
+    RTC: 'rtc',
+    RUBY: 'ruby',
+
+    S: 's',
+    SCRIPT: 'script',
+    SECTION: 'section',
+    SELECT: 'select',
+    SOURCE: 'source',
+    SMALL: 'small',
+    SPAN: 'span',
+    STRIKE: 'strike',
+    STRONG: 'strong',
+    STYLE: 'style',
+    SUB: 'sub',
+    SUMMARY: 'summary',
+    SUP: 'sup',
+
+    TABLE: 'table',
+    TBODY: 'tbody',
+    TEMPLATE: 'template',
+    TEXTAREA: 'textarea',
+    TFOOT: 'tfoot',
+    TD: 'td',
+    TH: 'th',
+    THEAD: 'thead',
+    TITLE: 'title',
+    TR: 'tr',
+    TRACK: 'track',
+    TT: 'tt',
+
+    U: 'u',
+    UL: 'ul',
+
+    SVG: 'svg',
+
+    VAR: 'var',
+
+    WBR: 'wbr',
+
+    XMP: 'xmp'
+});
+
+exports.SPECIAL_ELEMENTS = {
+    [NS.HTML]: {
+        [$.ADDRESS]: true,
+        [$.APPLET]: true,
+        [$.AREA]: true,
+        [$.ARTICLE]: true,
+        [$.ASIDE]: true,
+        [$.BASE]: true,
+        [$.BASEFONT]: true,
+        [$.BGSOUND]: true,
+        [$.BLOCKQUOTE]: true,
+        [$.BODY]: true,
+        [$.BR]: true,
+        [$.BUTTON]: true,
+        [$.CAPTION]: true,
+        [$.CENTER]: true,
+        [$.COL]: true,
+        [$.COLGROUP]: true,
+        [$.DD]: true,
+        [$.DETAILS]: true,
+        [$.DIR]: true,
+        [$.DIV]: true,
+        [$.DL]: true,
+        [$.DT]: true,
+        [$.EMBED]: true,
+        [$.FIELDSET]: true,
+        [$.FIGCAPTION]: true,
+        [$.FIGURE]: true,
+        [$.FOOTER]: true,
+        [$.FORM]: true,
+        [$.FRAME]: true,
+        [$.FRAMESET]: true,
+        [$.H1]: true,
+        [$.H2]: true,
+        [$.H3]: true,
+        [$.H4]: true,
+        [$.H5]: true,
+        [$.H6]: true,
+        [$.HEAD]: true,
+        [$.HEADER]: true,
+        [$.HGROUP]: true,
+        [$.HR]: true,
+        [$.HTML]: true,
+        [$.IFRAME]: true,
+        [$.IMG]: true,
+        [$.INPUT]: true,
+        [$.LI]: true,
+        [$.LINK]: true,
+        [$.LISTING]: true,
+        [$.MAIN]: true,
+        [$.MARQUEE]: true,
+        [$.MENU]: true,
+        [$.META]: true,
+        [$.NAV]: true,
+        [$.NOEMBED]: true,
+        [$.NOFRAMES]: true,
+        [$.NOSCRIPT]: true,
+        [$.OBJECT]: true,
+        [$.OL]: true,
+        [$.P]: true,
+        [$.PARAM]: true,
+        [$.PLAINTEXT]: true,
+        [$.PRE]: true,
+        [$.SCRIPT]: true,
+        [$.SECTION]: true,
+        [$.SELECT]: true,
+        [$.SOURCE]: true,
+        [$.STYLE]: true,
+        [$.SUMMARY]: true,
+        [$.TABLE]: true,
+        [$.TBODY]: true,
+        [$.TD]: true,
+        [$.TEMPLATE]: true,
+        [$.TEXTAREA]: true,
+        [$.TFOOT]: true,
+        [$.TH]: true,
+        [$.THEAD]: true,
+        [$.TITLE]: true,
+        [$.TR]: true,
+        [$.TRACK]: true,
+        [$.UL]: true,
+        [$.WBR]: true,
+        [$.XMP]: true
+    },
+    [NS.MATHML]: {
+        [$.MI]: true,
+        [$.MO]: true,
+        [$.MN]: true,
+        [$.MS]: true,
+        [$.MTEXT]: true,
+        [$.ANNOTATION_XML]: true
+    },
+    [NS.SVG]: {
+        [$.TITLE]: true,
+        [$.FOREIGN_OBJECT]: true,
+        [$.DESC]: true
+    }
+};
+});
+var html_1 = html.NAMESPACES;
+var html_2 = html.ATTRS;
+var html_3 = html.DOCUMENT_MODE;
+var html_4 = html.TAG_NAMES;
+var html_5 = html.SPECIAL_ELEMENTS;
+
+//Aliases
+const $$2 = html.TAG_NAMES;
+const NS = html.NAMESPACES;
+
+//Element utils
+
+//OPTIMIZATION: Integer comparisons are low-cost, so we can use very fast tag name length filters here.
+//It's faster than using dictionary.
+function isImpliedEndTagRequired(tn) {
+    switch (tn.length) {
+        case 1:
+            return tn === $$2.P;
+
+        case 2:
+            return tn === $$2.RB || tn === $$2.RP || tn === $$2.RT || tn === $$2.DD || tn === $$2.DT || tn === $$2.LI;
+
+        case 3:
+            return tn === $$2.RTC;
+
+        case 6:
+            return tn === $$2.OPTION;
+
+        case 8:
+            return tn === $$2.OPTGROUP;
+    }
+
+    return false;
+}
+
+function isImpliedEndTagRequiredThoroughly(tn) {
+    switch (tn.length) {
+        case 1:
+            return tn === $$2.P;
+
+        case 2:
+            return (
+                tn === $$2.RB ||
+                tn === $$2.RP ||
+                tn === $$2.RT ||
+                tn === $$2.DD ||
+                tn === $$2.DT ||
+                tn === $$2.LI ||
+                tn === $$2.TD ||
+                tn === $$2.TH ||
+                tn === $$2.TR
+            );
+
+        case 3:
+            return tn === $$2.RTC;
+
+        case 5:
+            return tn === $$2.TBODY || tn === $$2.TFOOT || tn === $$2.THEAD;
+
+        case 6:
+            return tn === $$2.OPTION;
+
+        case 7:
+            return tn === $$2.CAPTION;
+
+        case 8:
+            return tn === $$2.OPTGROUP || tn === $$2.COLGROUP;
+    }
+
+    return false;
+}
+
+function isScopingElement(tn, ns) {
+    switch (tn.length) {
+        case 2:
+            if (tn === $$2.TD || tn === $$2.TH) {
+                return ns === NS.HTML;
+            } else if (tn === $$2.MI || tn === $$2.MO || tn === $$2.MN || tn === $$2.MS) {
+                return ns === NS.MATHML;
+            }
+
+            break;
+
+        case 4:
+            if (tn === $$2.HTML) {
+                return ns === NS.HTML;
+            } else if (tn === $$2.DESC) {
+                return ns === NS.SVG;
+            }
+
+            break;
+
+        case 5:
+            if (tn === $$2.TABLE) {
+                return ns === NS.HTML;
+            } else if (tn === $$2.MTEXT) {
+                return ns === NS.MATHML;
+            } else if (tn === $$2.TITLE) {
+                return ns === NS.SVG;
+            }
+
+            break;
+
+        case 6:
+            return (tn === $$2.APPLET || tn === $$2.OBJECT) && ns === NS.HTML;
+
+        case 7:
+            return (tn === $$2.CAPTION || tn === $$2.MARQUEE) && ns === NS.HTML;
+
+        case 8:
+            return tn === $$2.TEMPLATE && ns === NS.HTML;
+
+        case 13:
+            return tn === $$2.FOREIGN_OBJECT && ns === NS.SVG;
+
+        case 14:
+            return tn === $$2.ANNOTATION_XML && ns === NS.MATHML;
+    }
+
+    return false;
+}
+
+//Stack of open elements
+class OpenElementStack {
+    constructor(document, treeAdapter) {
+        this.stackTop = -1;
+        this.items = [];
+        this.current = document;
+        this.currentTagName = null;
+        this.currentTmplContent = null;
+        this.tmplCount = 0;
+        this.treeAdapter = treeAdapter;
+    }
+
+    //Index of element
+    _indexOf(element) {
+        let idx = -1;
+
+        for (let i = this.stackTop; i >= 0; i--) {
+            if (this.items[i] === element) {
+                idx = i;
+                break;
+            }
+        }
+        return idx;
+    }
+
+    //Update current element
+    _isInTemplate() {
+        return this.currentTagName === $$2.TEMPLATE && this.treeAdapter.getNamespaceURI(this.current) === NS.HTML;
+    }
+
+    _updateCurrentElement() {
+        this.current = this.items[this.stackTop];
+        this.currentTagName = this.current && this.treeAdapter.getTagName(this.current);
+
+        this.currentTmplContent = this._isInTemplate() ? this.treeAdapter.getTemplateContent(this.current) : null;
+    }
+
+    //Mutations
+    push(element) {
+        this.items[++this.stackTop] = element;
+        this._updateCurrentElement();
+
+        if (this._isInTemplate()) {
+            this.tmplCount++;
+        }
+    }
+
+    pop() {
+        this.stackTop--;
+
+        if (this.tmplCount > 0 && this._isInTemplate()) {
+            this.tmplCount--;
+        }
+
+        this._updateCurrentElement();
+    }
+
+    replace(oldElement, newElement) {
+        const idx = this._indexOf(oldElement);
+
+        this.items[idx] = newElement;
+
+        if (idx === this.stackTop) {
+            this._updateCurrentElement();
+        }
+    }
+
+    insertAfter(referenceElement, newElement) {
+        const insertionIdx = this._indexOf(referenceElement) + 1;
+
+        this.items.splice(insertionIdx, 0, newElement);
+
+        if (insertionIdx === ++this.stackTop) {
+            this._updateCurrentElement();
+        }
+    }
+
+    popUntilTagNamePopped(tagName) {
+        while (this.stackTop > -1) {
+            const tn = this.currentTagName;
+            const ns = this.treeAdapter.getNamespaceURI(this.current);
+
+            this.pop();
+
+            if (tn === tagName && ns === NS.HTML) {
+                break;
+            }
+        }
+    }
+
+    popUntilElementPopped(element) {
+        while (this.stackTop > -1) {
+            const poppedElement = this.current;
+
+            this.pop();
+
+            if (poppedElement === element) {
+                break;
+            }
+        }
+    }
+
+    popUntilNumberedHeaderPopped() {
+        while (this.stackTop > -1) {
+            const tn = this.currentTagName;
+            const ns = this.treeAdapter.getNamespaceURI(this.current);
+
+            this.pop();
+
+            if (
+                tn === $$2.H1 ||
+                tn === $$2.H2 ||
+                tn === $$2.H3 ||
+                tn === $$2.H4 ||
+                tn === $$2.H5 ||
+                (tn === $$2.H6 && ns === NS.HTML)
+            ) {
+                break;
+            }
+        }
+    }
+
+    popUntilTableCellPopped() {
+        while (this.stackTop > -1) {
+            const tn = this.currentTagName;
+            const ns = this.treeAdapter.getNamespaceURI(this.current);
+
+            this.pop();
+
+            if (tn === $$2.TD || (tn === $$2.TH && ns === NS.HTML)) {
+                break;
+            }
+        }
+    }
+
+    popAllUpToHtmlElement() {
+        //NOTE: here we assume that root <html> element is always first in the open element stack, so
+        //we perform this fast stack clean up.
+        this.stackTop = 0;
+        this._updateCurrentElement();
+    }
+
+    clearBackToTableContext() {
+        while (
+            (this.currentTagName !== $$2.TABLE && this.currentTagName !== $$2.TEMPLATE && this.currentTagName !== $$2.HTML) ||
+            this.treeAdapter.getNamespaceURI(this.current) !== NS.HTML
+        ) {
+            this.pop();
+        }
+    }
+
+    clearBackToTableBodyContext() {
+        while (
+            (this.currentTagName !== $$2.TBODY &&
+                this.currentTagName !== $$2.TFOOT &&
+                this.currentTagName !== $$2.THEAD &&
+                this.currentTagName !== $$2.TEMPLATE &&
+                this.currentTagName !== $$2.HTML) ||
+            this.treeAdapter.getNamespaceURI(this.current) !== NS.HTML
+        ) {
+            this.pop();
+        }
+    }
+
+    clearBackToTableRowContext() {
+        while (
+            (this.currentTagName !== $$2.TR && this.currentTagName !== $$2.TEMPLATE && this.currentTagName !== $$2.HTML) ||
+            this.treeAdapter.getNamespaceURI(this.current) !== NS.HTML
+        ) {
+            this.pop();
+        }
+    }
+
+    remove(element) {
+        for (let i = this.stackTop; i >= 0; i--) {
+            if (this.items[i] === element) {
+                this.items.splice(i, 1);
+                this.stackTop--;
+                this._updateCurrentElement();
+                break;
+            }
+        }
+    }
+
+    //Search
+    tryPeekProperlyNestedBodyElement() {
+        //Properly nested <body> element (should be second element in stack).
+        const element = this.items[1];
+
+        return element && this.treeAdapter.getTagName(element) === $$2.BODY ? element : null;
+    }
+
+    contains(element) {
+        return this._indexOf(element) > -1;
+    }
+
+    getCommonAncestor(element) {
+        let elementIdx = this._indexOf(element);
+
+        return --elementIdx >= 0 ? this.items[elementIdx] : null;
+    }
+
+    isRootHtmlElementCurrent() {
+        return this.stackTop === 0 && this.currentTagName === $$2.HTML;
+    }
+
+    //Element in scope
+    hasInScope(tagName) {
+        for (let i = this.stackTop; i >= 0; i--) {
+            const tn = this.treeAdapter.getTagName(this.items[i]);
+            const ns = this.treeAdapter.getNamespaceURI(this.items[i]);
+
+            if (tn === tagName && ns === NS.HTML) {
+                return true;
+            }
+
+            if (isScopingElement(tn, ns)) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    hasNumberedHeaderInScope() {
+        for (let i = this.stackTop; i >= 0; i--) {
+            const tn = this.treeAdapter.getTagName(this.items[i]);
+            const ns = this.treeAdapter.getNamespaceURI(this.items[i]);
+
+            if (
+                (tn === $$2.H1 || tn === $$2.H2 || tn === $$2.H3 || tn === $$2.H4 || tn === $$2.H5 || tn === $$2.H6) &&
+                ns === NS.HTML
+            ) {
+                return true;
+            }
+
+            if (isScopingElement(tn, ns)) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    hasInListItemScope(tagName) {
+        for (let i = this.stackTop; i >= 0; i--) {
+            const tn = this.treeAdapter.getTagName(this.items[i]);
+            const ns = this.treeAdapter.getNamespaceURI(this.items[i]);
+
+            if (tn === tagName && ns === NS.HTML) {
+                return true;
+            }
+
+            if (((tn === $$2.UL || tn === $$2.OL) && ns === NS.HTML) || isScopingElement(tn, ns)) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    hasInButtonScope(tagName) {
+        for (let i = this.stackTop; i >= 0; i--) {
+            const tn = this.treeAdapter.getTagName(this.items[i]);
+            const ns = this.treeAdapter.getNamespaceURI(this.items[i]);
+
+            if (tn === tagName && ns === NS.HTML) {
+                return true;
+            }
+
+            if ((tn === $$2.BUTTON && ns === NS.HTML) || isScopingElement(tn, ns)) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    hasInTableScope(tagName) {
+        for (let i = this.stackTop; i >= 0; i--) {
+            const tn = this.treeAdapter.getTagName(this.items[i]);
+            const ns = this.treeAdapter.getNamespaceURI(this.items[i]);
+
+            if (ns !== NS.HTML) {
+                continue;
+            }
+
+            if (tn === tagName) {
+                return true;
+            }
+
+            if (tn === $$2.TABLE || tn === $$2.TEMPLATE || tn === $$2.HTML) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    hasTableBodyContextInTableScope() {
+        for (let i = this.stackTop; i >= 0; i--) {
+            const tn = this.treeAdapter.getTagName(this.items[i]);
+            const ns = this.treeAdapter.getNamespaceURI(this.items[i]);
+
+            if (ns !== NS.HTML) {
+                continue;
+            }
+
+            if (tn === $$2.TBODY || tn === $$2.THEAD || tn === $$2.TFOOT) {
+                return true;
+            }
+
+            if (tn === $$2.TABLE || tn === $$2.HTML) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    hasInSelectScope(tagName) {
+        for (let i = this.stackTop; i >= 0; i--) {
+            const tn = this.treeAdapter.getTagName(this.items[i]);
+            const ns = this.treeAdapter.getNamespaceURI(this.items[i]);
+
+            if (ns !== NS.HTML) {
+                continue;
+            }
+
+            if (tn === tagName) {
+                return true;
+            }
+
+            if (tn !== $$2.OPTION && tn !== $$2.OPTGROUP) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    //Implied end tags
+    generateImpliedEndTags() {
+        while (isImpliedEndTagRequired(this.currentTagName)) {
+            this.pop();
+        }
+    }
+
+    generateImpliedEndTagsThoroughly() {
+        while (isImpliedEndTagRequiredThoroughly(this.currentTagName)) {
+            this.pop();
+        }
+    }
+
+    generateImpliedEndTagsWithExclusion(exclusionTagName) {
+        while (isImpliedEndTagRequired(this.currentTagName) && this.currentTagName !== exclusionTagName) {
+            this.pop();
+        }
+    }
+}
+
+var openElementStack = OpenElementStack;
+
+//Const
+const NOAH_ARK_CAPACITY = 3;
+
+//List of formatting elements
+class FormattingElementList {
+    constructor(treeAdapter) {
+        this.length = 0;
+        this.entries = [];
+        this.treeAdapter = treeAdapter;
+        this.bookmark = null;
+    }
+
+    //Noah Ark's condition
+    //OPTIMIZATION: at first we try to find possible candidates for exclusion using
+    //lightweight heuristics without thorough attributes check.
+    _getNoahArkConditionCandidates(newElement) {
+        const candidates = [];
+
+        if (this.length >= NOAH_ARK_CAPACITY) {
+            const neAttrsLength = this.treeAdapter.getAttrList(newElement).length;
+            const neTagName = this.treeAdapter.getTagName(newElement);
+            const neNamespaceURI = this.treeAdapter.getNamespaceURI(newElement);
+
+            for (let i = this.length - 1; i >= 0; i--) {
+                const entry = this.entries[i];
+
+                if (entry.type === FormattingElementList.MARKER_ENTRY) {
+                    break;
+                }
+
+                const element = entry.element;
+                const elementAttrs = this.treeAdapter.getAttrList(element);
+
+                const isCandidate =
+                    this.treeAdapter.getTagName(element) === neTagName &&
+                    this.treeAdapter.getNamespaceURI(element) === neNamespaceURI &&
+                    elementAttrs.length === neAttrsLength;
+
+                if (isCandidate) {
+                    candidates.push({ idx: i, attrs: elementAttrs });
+                }
+            }
+        }
+
+        return candidates.length < NOAH_ARK_CAPACITY ? [] : candidates;
+    }
+
+    _ensureNoahArkCondition(newElement) {
+        const candidates = this._getNoahArkConditionCandidates(newElement);
+        let cLength = candidates.length;
+
+        if (cLength) {
+            const neAttrs = this.treeAdapter.getAttrList(newElement);
+            const neAttrsLength = neAttrs.length;
+            const neAttrsMap = Object.create(null);
+
+            //NOTE: build attrs map for the new element so we can perform fast lookups
+            for (let i = 0; i < neAttrsLength; i++) {
+                const neAttr = neAttrs[i];
+
+                neAttrsMap[neAttr.name] = neAttr.value;
+            }
+
+            for (let i = 0; i < neAttrsLength; i++) {
+                for (let j = 0; j < cLength; j++) {
+                    const cAttr = candidates[j].attrs[i];
+
+                    if (neAttrsMap[cAttr.name] !== cAttr.value) {
+                        candidates.splice(j, 1);
+                        cLength--;
+                    }
+
+                    if (candidates.length < NOAH_ARK_CAPACITY) {
+                        return;
+                    }
+                }
+            }
+
+            //NOTE: remove bottommost candidates until Noah's Ark condition will not be met
+            for (let i = cLength - 1; i >= NOAH_ARK_CAPACITY - 1; i--) {
+                this.entries.splice(candidates[i].idx, 1);
+                this.length--;
+            }
+        }
+    }
+
+    //Mutations
+    insertMarker() {
+        this.entries.push({ type: FormattingElementList.MARKER_ENTRY });
+        this.length++;
+    }
+
+    pushElement(element, token) {
+        this._ensureNoahArkCondition(element);
+
+        this.entries.push({
+            type: FormattingElementList.ELEMENT_ENTRY,
+            element: element,
+            token: token
+        });
+
+        this.length++;
+    }
+
+    insertElementAfterBookmark(element, token) {
+        let bookmarkIdx = this.length - 1;
+
+        for (; bookmarkIdx >= 0; bookmarkIdx--) {
+            if (this.entries[bookmarkIdx] === this.bookmark) {
+                break;
+            }
+        }
+
+        this.entries.splice(bookmarkIdx + 1, 0, {
+            type: FormattingElementList.ELEMENT_ENTRY,
+            element: element,
+            token: token
+        });
+
+        this.length++;
+    }
+
+    removeEntry(entry) {
+        for (let i = this.length - 1; i >= 0; i--) {
+            if (this.entries[i] === entry) {
+                this.entries.splice(i, 1);
+                this.length--;
+                break;
+            }
+        }
+    }
+
+    clearToLastMarker() {
+        while (this.length) {
+            const entry = this.entries.pop();
+
+            this.length--;
+
+            if (entry.type === FormattingElementList.MARKER_ENTRY) {
+                break;
+            }
+        }
+    }
+
+    //Search
+    getElementEntryInScopeWithTagName(tagName) {
+        for (let i = this.length - 1; i >= 0; i--) {
+            const entry = this.entries[i];
+
+            if (entry.type === FormattingElementList.MARKER_ENTRY) {
+                return null;
+            }
+
+            if (this.treeAdapter.getTagName(entry.element) === tagName) {
+                return entry;
+            }
+        }
+
+        return null;
+    }
+
+    getElementEntry(element) {
+        for (let i = this.length - 1; i >= 0; i--) {
+            const entry = this.entries[i];
+
+            if (entry.type === FormattingElementList.ELEMENT_ENTRY && entry.element === element) {
+                return entry;
+            }
+        }
+
+        return null;
+    }
+}
+
+//Entry types
+FormattingElementList.MARKER_ENTRY = 'MARKER_ENTRY';
+FormattingElementList.ELEMENT_ENTRY = 'ELEMENT_ENTRY';
+
+var formattingElementList = FormattingElementList;
+
+class Mixin {
+    constructor(host) {
+        const originalMethods = {};
+        const overriddenMethods = this._getOverriddenMethods(this, originalMethods);
+
+        for (const key of Object.keys(overriddenMethods)) {
+            if (typeof overriddenMethods[key] === 'function') {
+                originalMethods[key] = host[key];
+                host[key] = overriddenMethods[key];
+            }
+        }
+    }
+
+    _getOverriddenMethods() {
+        throw new Error('Not implemented');
+    }
+}
+
+Mixin.install = function(host, Ctor, opts) {
+    if (!host.__mixins) {
+        host.__mixins = [];
+    }
+
+    for (let i = 0; i < host.__mixins.length; i++) {
+        if (host.__mixins[i].constructor === Ctor) {
+            return host.__mixins[i];
+        }
+    }
+
+    const mixin = new Ctor(host, opts);
+
+    host.__mixins.push(mixin);
+
+    return mixin;
+};
+
+var mixin = Mixin;
+
+class PositionTrackingPreprocessorMixin extends mixin {
+    constructor(preprocessor) {
+        super(preprocessor);
+
+        this.preprocessor = preprocessor;
+        this.isEol = false;
+        this.lineStartPos = 0;
+        this.droppedBufferSize = 0;
+
+        this.offset = 0;
+        this.col = 0;
+        this.line = 1;
+    }
+
+    _getOverriddenMethods(mxn, orig) {
+        return {
+            advance() {
+                const pos = this.pos + 1;
+                const ch = this.html[pos];
+
+                //NOTE: LF should be in the last column of the line
+                if (mxn.isEol) {
+                    mxn.isEol = false;
+                    mxn.line++;
+                    mxn.lineStartPos = pos;
+                }
+
+                if (ch === '\n' || (ch === '\r' && this.html[pos + 1] !== '\n')) {
+                    mxn.isEol = true;
+                }
+
+                mxn.col = pos - mxn.lineStartPos + 1;
+                mxn.offset = mxn.droppedBufferSize + pos;
+
+                return orig.advance.call(this);
+            },
+
+            retreat() {
+                orig.retreat.call(this);
+
+                mxn.isEol = false;
+                mxn.col = this.pos - mxn.lineStartPos + 1;
+            },
+
+            dropParsedChunk() {
+                const prevPos = this.pos;
+
+                orig.dropParsedChunk.call(this);
+
+                const reduction = prevPos - this.pos;
+
+                mxn.lineStartPos -= reduction;
+                mxn.droppedBufferSize += reduction;
+                mxn.offset = mxn.droppedBufferSize + this.pos;
+            }
+        };
+    }
+}
+
+var preprocessorMixin = PositionTrackingPreprocessorMixin;
+
+class LocationInfoTokenizerMixin extends mixin {
+    constructor(tokenizer) {
+        super(tokenizer);
+
+        this.tokenizer = tokenizer;
+        this.posTracker = mixin.install(tokenizer.preprocessor, preprocessorMixin);
+        this.currentAttrLocation = null;
+        this.ctLoc = null;
+    }
+
+    _getCurrentLocation() {
+        return {
+            startLine: this.posTracker.line,
+            startCol: this.posTracker.col,
+            startOffset: this.posTracker.offset,
+            endLine: -1,
+            endCol: -1,
+            endOffset: -1
+        };
+    }
+
+    _attachCurrentAttrLocationInfo() {
+        this.currentAttrLocation.endLine = this.posTracker.line;
+        this.currentAttrLocation.endCol = this.posTracker.col;
+        this.currentAttrLocation.endOffset = this.posTracker.offset;
+
+        const currentToken = this.tokenizer.currentToken;
+        const currentAttr = this.tokenizer.currentAttr;
+
+        if (!currentToken.location.attrs) {
+            currentToken.location.attrs = Object.create(null);
+        }
+
+        currentToken.location.attrs[currentAttr.name] = this.currentAttrLocation;
+    }
+
+    _getOverriddenMethods(mxn, orig) {
+        const methods = {
+            _createStartTagToken() {
+                orig._createStartTagToken.call(this);
+                this.currentToken.location = mxn.ctLoc;
+            },
+
+            _createEndTagToken() {
+                orig._createEndTagToken.call(this);
+                this.currentToken.location = mxn.ctLoc;
+            },
+
+            _createCommentToken() {
+                orig._createCommentToken.call(this);
+                this.currentToken.location = mxn.ctLoc;
+            },
+
+            _createDoctypeToken(initialName) {
+                orig._createDoctypeToken.call(this, initialName);
+                this.currentToken.location = mxn.ctLoc;
+            },
+
+            _createCharacterToken(type, ch) {
+                orig._createCharacterToken.call(this, type, ch);
+                this.currentCharacterToken.location = mxn.ctLoc;
+            },
+
+            _createEOFToken() {
+                orig._createEOFToken.call(this);
+                this.currentToken.location = mxn._getCurrentLocation();
+            },
+
+            _createAttr(attrNameFirstCh) {
+                orig._createAttr.call(this, attrNameFirstCh);
+                mxn.currentAttrLocation = mxn._getCurrentLocation();
+            },
+
+            _leaveAttrName(toState) {
+                orig._leaveAttrName.call(this, toState);
+                mxn._attachCurrentAttrLocationInfo();
+            },
+
+            _leaveAttrValue(toState) {
+                orig._leaveAttrValue.call(this, toState);
+                mxn._attachCurrentAttrLocationInfo();
+            },
+
+            _emitCurrentToken() {
+                const ctLoc = this.currentToken.location;
+
+                //NOTE: if we have pending character token make it's end location equal to the
+                //current token's start location.
+                if (this.currentCharacterToken) {
+                    this.currentCharacterToken.location.endLine = ctLoc.startLine;
+                    this.currentCharacterToken.location.endCol = ctLoc.startCol;
+                    this.currentCharacterToken.location.endOffset = ctLoc.startOffset;
+                }
+
+                if (this.currentToken.type === tokenizer.EOF_TOKEN) {
+                    ctLoc.endLine = ctLoc.startLine;
+                    ctLoc.endCol = ctLoc.startCol;
+                    ctLoc.endOffset = ctLoc.startOffset;
+                } else {
+                    ctLoc.endLine = mxn.posTracker.line;
+                    ctLoc.endCol = mxn.posTracker.col + 1;
+                    ctLoc.endOffset = mxn.posTracker.offset + 1;
+                }
+
+                orig._emitCurrentToken.call(this);
+            },
+
+            _emitCurrentCharacterToken() {
+                const ctLoc = this.currentCharacterToken && this.currentCharacterToken.location;
+
+                //NOTE: if we have character token and it's location wasn't set in the _emitCurrentToken(),
+                //then set it's location at the current preprocessor position.
+                //We don't need to increment preprocessor position, since character token
+                //emission is always forced by the start of the next character token here.
+                //So, we already have advanced position.
+                if (ctLoc && ctLoc.endOffset === -1) {
+                    ctLoc.endLine = mxn.posTracker.line;
+                    ctLoc.endCol = mxn.posTracker.col;
+                    ctLoc.endOffset = mxn.posTracker.offset;
+                }
+
+                orig._emitCurrentCharacterToken.call(this);
+            }
+        };
+
+        //NOTE: patch initial states for each mode to obtain token start position
+        Object.keys(tokenizer.MODE).forEach(modeName => {
+            const state = tokenizer.MODE[modeName];
+
+            methods[state] = function(cp) {
+                mxn.ctLoc = mxn._getCurrentLocation();
+                orig[state].call(this, cp);
+            };
+        });
+
+        return methods;
+    }
+}
+
+var tokenizerMixin = LocationInfoTokenizerMixin;
+
+class LocationInfoOpenElementStackMixin extends mixin {
+    constructor(stack, opts) {
+        super(stack);
+
+        this.onItemPop = opts.onItemPop;
+    }
+
+    _getOverriddenMethods(mxn, orig) {
+        return {
+            pop() {
+                mxn.onItemPop(this.current);
+                orig.pop.call(this);
+            },
+
+            popAllUpToHtmlElement() {
+                for (let i = this.stackTop; i > 0; i--) {
+                    mxn.onItemPop(this.items[i]);
+                }
+
+                orig.popAllUpToHtmlElement.call(this);
+            },
+
+            remove(element) {
+                mxn.onItemPop(this.current);
+                orig.remove.call(this, element);
+            }
+        };
+    }
+}
+
+var openElementStackMixin = LocationInfoOpenElementStackMixin;
+
+//Aliases
+const $$3 = html.TAG_NAMES;
+
+class LocationInfoParserMixin extends mixin {
+    constructor(parser) {
+        super(parser);
+
+        this.parser = parser;
+        this.treeAdapter = this.parser.treeAdapter;
+        this.posTracker = null;
+        this.lastStartTagToken = null;
+        this.lastFosterParentingLocation = null;
+        this.currentToken = null;
+    }
+
+    _setStartLocation(element) {
+        let loc = null;
+
+        if (this.lastStartTagToken) {
+            loc = Object.assign({}, this.lastStartTagToken.location);
+            loc.startTag = this.lastStartTagToken.location;
+        }
+
+        this.treeAdapter.setNodeSourceCodeLocation(element, loc);
+    }
+
+    _setEndLocation(element, closingToken) {
+        const loc = this.treeAdapter.getNodeSourceCodeLocation(element);
+
+        if (loc) {
+            if (closingToken.location) {
+                const ctLoc = closingToken.location;
+                const tn = this.treeAdapter.getTagName(element);
+
+                // NOTE: For cases like <p> <p> </p> - First 'p' closes without a closing
+                // tag and for cases like <td> <p> </td> - 'p' closes without a closing tag.
+                const isClosingEndTag = closingToken.type === tokenizer.END_TAG_TOKEN && tn === closingToken.tagName;
+
+                if (isClosingEndTag) {
+                    loc.endTag = Object.assign({}, ctLoc);
+                    loc.endLine = ctLoc.endLine;
+                    loc.endCol = ctLoc.endCol;
+                    loc.endOffset = ctLoc.endOffset;
+                } else {
+                    loc.endLine = ctLoc.startLine;
+                    loc.endCol = ctLoc.startCol;
+                    loc.endOffset = ctLoc.startOffset;
+                }
+            }
+        }
+    }
+
+    _getOverriddenMethods(mxn, orig) {
+        return {
+            _bootstrap(document, fragmentContext) {
+                orig._bootstrap.call(this, document, fragmentContext);
+
+                mxn.lastStartTagToken = null;
+                mxn.lastFosterParentingLocation = null;
+                mxn.currentToken = null;
+
+                const tokenizerMixin$1 = mixin.install(this.tokenizer, tokenizerMixin);
+
+                mxn.posTracker = tokenizerMixin$1.posTracker;
+
+                mixin.install(this.openElements, openElementStackMixin, {
+                    onItemPop: function(element) {
+                        mxn._setEndLocation(element, mxn.currentToken);
+                    }
+                });
+            },
+
+            _runParsingLoop(scriptHandler) {
+                orig._runParsingLoop.call(this, scriptHandler);
+
+                // NOTE: generate location info for elements
+                // that remains on open element stack
+                for (let i = this.openElements.stackTop; i >= 0; i--) {
+                    mxn._setEndLocation(this.openElements.items[i], mxn.currentToken);
+                }
+            },
+
+            //Token processing
+            _processTokenInForeignContent(token) {
+                mxn.currentToken = token;
+                orig._processTokenInForeignContent.call(this, token);
+            },
+
+            _processToken(token) {
+                mxn.currentToken = token;
+                orig._processToken.call(this, token);
+
+                //NOTE: <body> and <html> are never popped from the stack, so we need to updated
+                //their end location explicitly.
+                const requireExplicitUpdate =
+                    token.type === tokenizer.END_TAG_TOKEN &&
+                    (token.tagName === $$3.HTML || (token.tagName === $$3.BODY && this.openElements.hasInScope($$3.BODY)));
+
+                if (requireExplicitUpdate) {
+                    for (let i = this.openElements.stackTop; i >= 0; i--) {
+                        const element = this.openElements.items[i];
+
+                        if (this.treeAdapter.getTagName(element) === token.tagName) {
+                            mxn._setEndLocation(element, token);
+                            break;
+                        }
+                    }
+                }
+            },
+
+            //Doctype
+            _setDocumentType(token) {
+                orig._setDocumentType.call(this, token);
+
+                const documentChildren = this.treeAdapter.getChildNodes(this.document);
+                const cnLength = documentChildren.length;
+
+                for (let i = 0; i < cnLength; i++) {
+                    const node = documentChildren[i];
+
+                    if (this.treeAdapter.isDocumentTypeNode(node)) {
+                        this.treeAdapter.setNodeSourceCodeLocation(node, token.location);
+                        break;
+                    }
+                }
+            },
+
+            //Elements
+            _attachElementToTree(element) {
+                //NOTE: _attachElementToTree is called from _appendElement, _insertElement and _insertTemplate methods.
+                //So we will use token location stored in this methods for the element.
+                mxn._setStartLocation(element);
+                mxn.lastStartTagToken = null;
+                orig._attachElementToTree.call(this, element);
+            },
+
+            _appendElement(token, namespaceURI) {
+                mxn.lastStartTagToken = token;
+                orig._appendElement.call(this, token, namespaceURI);
+            },
+
+            _insertElement(token, namespaceURI) {
+                mxn.lastStartTagToken = token;
+                orig._insertElement.call(this, token, namespaceURI);
+            },
+
+            _insertTemplate(token) {
+                mxn.lastStartTagToken = token;
+                orig._insertTemplate.call(this, token);
+
+                const tmplContent = this.treeAdapter.getTemplateContent(this.openElements.current);
+
+                this.treeAdapter.setNodeSourceCodeLocation(tmplContent, null);
+            },
+
+            _insertFakeRootElement() {
+                orig._insertFakeRootElement.call(this);
+                this.treeAdapter.setNodeSourceCodeLocation(this.openElements.current, null);
+            },
+
+            //Comments
+            _appendCommentNode(token, parent) {
+                orig._appendCommentNode.call(this, token, parent);
+
+                const children = this.treeAdapter.getChildNodes(parent);
+                const commentNode = children[children.length - 1];
+
+                this.treeAdapter.setNodeSourceCodeLocation(commentNode, token.location);
+            },
+
+            //Text
+            _findFosterParentingLocation() {
+                //NOTE: store last foster parenting location, so we will be able to find inserted text
+                //in case of foster parenting
+                mxn.lastFosterParentingLocation = orig._findFosterParentingLocation.call(this);
+
+                return mxn.lastFosterParentingLocation;
+            },
+
+            _insertCharacters(token) {
+                orig._insertCharacters.call(this, token);
+
+                const hasFosterParent = this._shouldFosterParentOnInsertion();
+
+                const parent =
+                    (hasFosterParent && mxn.lastFosterParentingLocation.parent) ||
+                    this.openElements.currentTmplContent ||
+                    this.openElements.current;
+
+                const siblings = this.treeAdapter.getChildNodes(parent);
+
+                const textNodeIdx =
+                    hasFosterParent && mxn.lastFosterParentingLocation.beforeElement
+                        ? siblings.indexOf(mxn.lastFosterParentingLocation.beforeElement) - 1
+                        : siblings.length - 1;
+
+                const textNode = siblings[textNodeIdx];
+
+                //NOTE: if we have location assigned by another token, then just update end position
+                const tnLoc = this.treeAdapter.getNodeSourceCodeLocation(textNode);
+
+                if (tnLoc) {
+                    tnLoc.endLine = token.location.endLine;
+                    tnLoc.endCol = token.location.endCol;
+                    tnLoc.endOffset = token.location.endOffset;
+                } else {
+                    this.treeAdapter.setNodeSourceCodeLocation(textNode, token.location);
+                }
+            }
+        };
+    }
+}
+
+var parserMixin = LocationInfoParserMixin;
+
+class ErrorReportingMixinBase extends mixin {
+    constructor(host, opts) {
+        super(host);
+
+        this.posTracker = null;
+        this.onParseError = opts.onParseError;
+    }
+
+    _setErrorLocation(err) {
+        err.startLine = err.endLine = this.posTracker.line;
+        err.startCol = err.endCol = this.posTracker.col;
+        err.startOffset = err.endOffset = this.posTracker.offset;
+    }
+
+    _reportError(code) {
+        const err = {
+            code: code,
+            startLine: -1,
+            startCol: -1,
+            startOffset: -1,
+            endLine: -1,
+            endCol: -1,
+            endOffset: -1
+        };
+
+        this._setErrorLocation(err);
+        this.onParseError(err);
+    }
+
+    _getOverriddenMethods(mxn) {
+        return {
+            _err(code) {
+                mxn._reportError(code);
+            }
+        };
+    }
+}
+
+var mixinBase = ErrorReportingMixinBase;
+
+class ErrorReportingPreprocessorMixin extends mixinBase {
+    constructor(preprocessor, opts) {
+        super(preprocessor, opts);
+
+        this.posTracker = mixin.install(preprocessor, preprocessorMixin);
+        this.lastErrOffset = -1;
+    }
+
+    _reportError(code) {
+        //NOTE: avoid reporting error twice on advance/retreat
+        if (this.lastErrOffset !== this.posTracker.offset) {
+            this.lastErrOffset = this.posTracker.offset;
+            super._reportError(code);
+        }
+    }
+}
+
+var preprocessorMixin$1 = ErrorReportingPreprocessorMixin;
+
+class ErrorReportingTokenizerMixin extends mixinBase {
+    constructor(tokenizer, opts) {
+        super(tokenizer, opts);
+
+        const preprocessorMixin = mixin.install(tokenizer.preprocessor, preprocessorMixin$1, opts);
+
+        this.posTracker = preprocessorMixin.posTracker;
+    }
+}
+
+var tokenizerMixin$1 = ErrorReportingTokenizerMixin;
+
+class ErrorReportingParserMixin extends mixinBase {
+    constructor(parser, opts) {
+        super(parser, opts);
+
+        this.opts = opts;
+        this.ctLoc = null;
+        this.locBeforeToken = false;
+    }
+
+    _setErrorLocation(err) {
+        if (this.ctLoc) {
+            err.startLine = this.ctLoc.startLine;
+            err.startCol = this.ctLoc.startCol;
+            err.startOffset = this.ctLoc.startOffset;
+
+            err.endLine = this.locBeforeToken ? this.ctLoc.startLine : this.ctLoc.endLine;
+            err.endCol = this.locBeforeToken ? this.ctLoc.startCol : this.ctLoc.endCol;
+            err.endOffset = this.locBeforeToken ? this.ctLoc.startOffset : this.ctLoc.endOffset;
+        }
+    }
+
+    _getOverriddenMethods(mxn, orig) {
+        return {
+            _bootstrap(document, fragmentContext) {
+                orig._bootstrap.call(this, document, fragmentContext);
+
+                mixin.install(this.tokenizer, tokenizerMixin$1, mxn.opts);
+                mixin.install(this.tokenizer, tokenizerMixin);
+            },
+
+            _processInputToken(token) {
+                mxn.ctLoc = token.location;
+
+                orig._processInputToken.call(this, token);
+            },
+
+            _err(code, options) {
+                mxn.locBeforeToken = options && options.beforeToken;
+                mxn._reportError(code);
+            }
+        };
+    }
+}
+
+var parserMixin$1 = ErrorReportingParserMixin;
+
+var _default = createCommonjsModule(function (module, exports) {
+
+const { DOCUMENT_MODE } = html;
+
+//Node construction
+exports.createDocument = function() {
+    return {
+        nodeName: '#document',
+        mode: DOCUMENT_MODE.NO_QUIRKS,
+        childNodes: []
+    };
+};
+
+exports.createDocumentFragment = function() {
+    return {
+        nodeName: '#document-fragment',
+        childNodes: []
+    };
+};
+
+exports.createElement = function(tagName, namespaceURI, attrs) {
+    return {
+        nodeName: tagName,
+        tagName: tagName,
+        attrs: attrs,
+        namespaceURI: namespaceURI,
+        childNodes: [],
+        parentNode: null
+    };
+};
+
+exports.createCommentNode = function(data) {
+    return {
+        nodeName: '#comment',
+        data: data,
+        parentNode: null
+    };
+};
+
+const createTextNode = function(value) {
+    return {
+        nodeName: '#text',
+        value: value,
+        parentNode: null
+    };
+};
+
+//Tree mutation
+const appendChild = (exports.appendChild = function(parentNode, newNode) {
+    parentNode.childNodes.push(newNode);
+    newNode.parentNode = parentNode;
+});
+
+const insertBefore = (exports.insertBefore = function(parentNode, newNode, referenceNode) {
+    const insertionIdx = parentNode.childNodes.indexOf(referenceNode);
+
+    parentNode.childNodes.splice(insertionIdx, 0, newNode);
+    newNode.parentNode = parentNode;
+});
+
+exports.setTemplateContent = function(templateElement, contentElement) {
+    templateElement.content = contentElement;
+};
+
+exports.getTemplateContent = function(templateElement) {
+    return templateElement.content;
+};
+
+exports.setDocumentType = function(document, name, publicId, systemId) {
+    let doctypeNode = null;
+
+    for (let i = 0; i < document.childNodes.length; i++) {
+        if (document.childNodes[i].nodeName === '#documentType') {
+            doctypeNode = document.childNodes[i];
+            break;
+        }
+    }
+
+    if (doctypeNode) {
+        doctypeNode.name = name;
+        doctypeNode.publicId = publicId;
+        doctypeNode.systemId = systemId;
+    } else {
+        appendChild(document, {
+            nodeName: '#documentType',
+            name: name,
+            publicId: publicId,
+            systemId: systemId
+        });
+    }
+};
+
+exports.setDocumentMode = function(document, mode) {
+    document.mode = mode;
+};
+
+exports.getDocumentMode = function(document) {
+    return document.mode;
+};
+
+exports.detachNode = function(node) {
+    if (node.parentNode) {
+        const idx = node.parentNode.childNodes.indexOf(node);
+
+        node.parentNode.childNodes.splice(idx, 1);
+        node.parentNode = null;
+    }
+};
+
+exports.insertText = function(parentNode, text) {
+    if (parentNode.childNodes.length) {
+        const prevNode = parentNode.childNodes[parentNode.childNodes.length - 1];
+
+        if (prevNode.nodeName === '#text') {
+            prevNode.value += text;
+            return;
+        }
+    }
+
+    appendChild(parentNode, createTextNode(text));
+};
+
+exports.insertTextBefore = function(parentNode, text, referenceNode) {
+    const prevNode = parentNode.childNodes[parentNode.childNodes.indexOf(referenceNode) - 1];
+
+    if (prevNode && prevNode.nodeName === '#text') {
+        prevNode.value += text;
+    } else {
+        insertBefore(parentNode, createTextNode(text), referenceNode);
+    }
+};
+
+exports.adoptAttributes = function(recipient, attrs) {
+    const recipientAttrsMap = [];
+
+    for (let i = 0; i < recipient.attrs.length; i++) {
+        recipientAttrsMap.push(recipient.attrs[i].name);
+    }
+
+    for (let j = 0; j < attrs.length; j++) {
+        if (recipientAttrsMap.indexOf(attrs[j].name) === -1) {
+            recipient.attrs.push(attrs[j]);
+        }
+    }
+};
+
+//Tree traversing
+exports.getFirstChild = function(node) {
+    return node.childNodes[0];
+};
+
+exports.getChildNodes = function(node) {
+    return node.childNodes;
+};
+
+exports.getParentNode = function(node) {
+    return node.parentNode;
+};
+
+exports.getAttrList = function(element) {
+    return element.attrs;
+};
+
+//Node data
+exports.getTagName = function(element) {
+    return element.tagName;
+};
+
+exports.getNamespaceURI = function(element) {
+    return element.namespaceURI;
+};
+
+exports.getTextNodeContent = function(textNode) {
+    return textNode.value;
+};
+
+exports.getCommentNodeContent = function(commentNode) {
+    return commentNode.data;
+};
+
+exports.getDocumentTypeNodeName = function(doctypeNode) {
+    return doctypeNode.name;
+};
+
+exports.getDocumentTypeNodePublicId = function(doctypeNode) {
+    return doctypeNode.publicId;
+};
+
+exports.getDocumentTypeNodeSystemId = function(doctypeNode) {
+    return doctypeNode.systemId;
+};
+
+//Node types
+exports.isTextNode = function(node) {
+    return node.nodeName === '#text';
+};
+
+exports.isCommentNode = function(node) {
+    return node.nodeName === '#comment';
+};
+
+exports.isDocumentTypeNode = function(node) {
+    return node.nodeName === '#documentType';
+};
+
+exports.isElementNode = function(node) {
+    return !!node.tagName;
+};
+
+// Source code location
+exports.setNodeSourceCodeLocation = function(node, location) {
+    node.sourceCodeLocation = location;
+};
+
+exports.getNodeSourceCodeLocation = function(node) {
+    return node.sourceCodeLocation;
+};
+});
+var _default_1 = _default.createDocument;
+var _default_2 = _default.createDocumentFragment;
+var _default_3 = _default.createElement;
+var _default_4 = _default.createCommentNode;
+var _default_5 = _default.appendChild;
+var _default_6 = _default.insertBefore;
+var _default_7 = _default.setTemplateContent;
+var _default_8 = _default.getTemplateContent;
+var _default_9 = _default.setDocumentType;
+var _default_10 = _default.setDocumentMode;
+var _default_11 = _default.getDocumentMode;
+var _default_12 = _default.detachNode;
+var _default_13 = _default.insertText;
+var _default_14 = _default.insertTextBefore;
+var _default_15 = _default.adoptAttributes;
+var _default_16 = _default.getFirstChild;
+var _default_17 = _default.getChildNodes;
+var _default_18 = _default.getParentNode;
+var _default_19 = _default.getAttrList;
+var _default_20 = _default.getTagName;
+var _default_21 = _default.getNamespaceURI;
+var _default_22 = _default.getTextNodeContent;
+var _default_23 = _default.getCommentNodeContent;
+var _default_24 = _default.getDocumentTypeNodeName;
+var _default_25 = _default.getDocumentTypeNodePublicId;
+var _default_26 = _default.getDocumentTypeNodeSystemId;
+var _default_27 = _default.isTextNode;
+var _default_28 = _default.isCommentNode;
+var _default_29 = _default.isDocumentTypeNode;
+var _default_30 = _default.isElementNode;
+var _default_31 = _default.setNodeSourceCodeLocation;
+var _default_32 = _default.getNodeSourceCodeLocation;
+
+var mergeOptions = function mergeOptions(defaults, options) {
+    options = options || Object.create(null);
+
+    return [defaults, options].reduce((merged, optObj) => {
+        Object.keys(optObj).forEach(key => {
+            merged[key] = optObj[key];
+        });
+
+        return merged;
+    }, Object.create(null));
+};
+
+const { DOCUMENT_MODE } = html;
+
+//Const
+const VALID_DOCTYPE_NAME = 'html';
+const VALID_SYSTEM_ID = 'about:legacy-compat';
+const QUIRKS_MODE_SYSTEM_ID = 'http://www.ibm.com/data/dtd/v11/ibmxhtml1-transitional.dtd';
+
+const QUIRKS_MODE_PUBLIC_ID_PREFIXES = [
+    '+//silmaril//dtd html pro v0r11 19970101//en',
+    '-//advasoft ltd//dtd html 3.0 aswedit + extensions//en',
+    '-//as//dtd html 3.0 aswedit + extensions//en',
+    '-//ietf//dtd html 2.0 level 1//en',
+    '-//ietf//dtd html 2.0 level 2//en',
+    '-//ietf//dtd html 2.0 strict level 1//en',
+    '-//ietf//dtd html 2.0 strict level 2//en',
+    '-//ietf//dtd html 2.0 strict//en',
+    '-//ietf//dtd html 2.0//en',
+    '-//ietf//dtd html 2.1e//en',
+    '-//ietf//dtd html 3.0//en',
+    '-//ietf//dtd html 3.0//en//',
+    '-//ietf//dtd html 3.2 final//en',
+    '-//ietf//dtd html 3.2//en',
+    '-//ietf//dtd html 3//en',
+    '-//ietf//dtd html level 0//en',
+    '-//ietf//dtd html level 0//en//2.0',
+    '-//ietf//dtd html level 1//en',
+    '-//ietf//dtd html level 1//en//2.0',
+    '-//ietf//dtd html level 2//en',
+    '-//ietf//dtd html level 2//en//2.0',
+    '-//ietf//dtd html level 3//en',
+    '-//ietf//dtd html level 3//en//3.0',
+    '-//ietf//dtd html strict level 0//en',
+    '-//ietf//dtd html strict level 0//en//2.0',
+    '-//ietf//dtd html strict level 1//en',
+    '-//ietf//dtd html strict level 1//en//2.0',
+    '-//ietf//dtd html strict level 2//en',
+    '-//ietf//dtd html strict level 2//en//2.0',
+    '-//ietf//dtd html strict level 3//en',
+    '-//ietf//dtd html strict level 3//en//3.0',
+    '-//ietf//dtd html strict//en',
+    '-//ietf//dtd html strict//en//2.0',
+    '-//ietf//dtd html strict//en//3.0',
+    '-//ietf//dtd html//en',
+    '-//ietf//dtd html//en//2.0',
+    '-//ietf//dtd html//en//3.0',
+    '-//metrius//dtd metrius presentational//en',
+    '-//microsoft//dtd internet explorer 2.0 html strict//en',
+    '-//microsoft//dtd internet explorer 2.0 html//en',
+    '-//microsoft//dtd internet explorer 2.0 tables//en',
+    '-//microsoft//dtd internet explorer 3.0 html strict//en',
+    '-//microsoft//dtd internet explorer 3.0 html//en',
+    '-//microsoft//dtd internet explorer 3.0 tables//en',
+    '-//netscape comm. corp.//dtd html//en',
+    '-//netscape comm. corp.//dtd strict html//en',
+    "-//o'reilly and associates//dtd html 2.0//en",
+    "-//o'reilly and associates//dtd html extended 1.0//en",
+    '-//spyglass//dtd html 2.0 extended//en',
+    '-//sq//dtd html 2.0 hotmetal + extensions//en',
+    '-//sun microsystems corp.//dtd hotjava html//en',
+    '-//sun microsystems corp.//dtd hotjava strict html//en',
+    '-//w3c//dtd html 3 1995-03-24//en',
+    '-//w3c//dtd html 3.2 draft//en',
+    '-//w3c//dtd html 3.2 final//en',
+    '-//w3c//dtd html 3.2//en',
+    '-//w3c//dtd html 3.2s draft//en',
+    '-//w3c//dtd html 4.0 frameset//en',
+    '-//w3c//dtd html 4.0 transitional//en',
+    '-//w3c//dtd html experimental 19960712//en',
+    '-//w3c//dtd html experimental 970421//en',
+    '-//w3c//dtd w3 html//en',
+    '-//w3o//dtd w3 html 3.0//en',
+    '-//w3o//dtd w3 html 3.0//en//',
+    '-//webtechs//dtd mozilla html 2.0//en',
+    '-//webtechs//dtd mozilla html//en'
+];
+
+const QUIRKS_MODE_NO_SYSTEM_ID_PUBLIC_ID_PREFIXES = QUIRKS_MODE_PUBLIC_ID_PREFIXES.concat([
+    '-//w3c//dtd html 4.01 frameset//',
+    '-//w3c//dtd html 4.01 transitional//'
+]);
+
+const QUIRKS_MODE_PUBLIC_IDS = ['-//w3o//dtd w3 html strict 3.0//en//', '-/w3c/dtd html 4.0 transitional/en', 'html'];
+const LIMITED_QUIRKS_PUBLIC_ID_PREFIXES = ['-//W3C//DTD XHTML 1.0 Frameset//', '-//W3C//DTD XHTML 1.0 Transitional//'];
+
+const LIMITED_QUIRKS_WITH_SYSTEM_ID_PUBLIC_ID_PREFIXES = LIMITED_QUIRKS_PUBLIC_ID_PREFIXES.concat([
+    '-//W3C//DTD HTML 4.01 Frameset//',
+    '-//W3C//DTD HTML 4.01 Transitional//'
+]);
+
+//Utils
+function enquoteDoctypeId(id) {
+    const quote = id.indexOf('"') !== -1 ? "'" : '"';
+
+    return quote + id + quote;
+}
+
+function hasPrefix(publicId, prefixes) {
+    for (let i = 0; i < prefixes.length; i++) {
+        if (publicId.indexOf(prefixes[i]) === 0) {
+            return true;
+        }
+    }
+
+    return false;
+}
+
+//API
+var isConforming = function(token) {
+    return (
+        token.name === VALID_DOCTYPE_NAME &&
+        token.publicId === null &&
+        (token.systemId === null || token.systemId === VALID_SYSTEM_ID)
+    );
+};
+
+var getDocumentMode = function(token) {
+    if (token.name !== VALID_DOCTYPE_NAME) {
+        return DOCUMENT_MODE.QUIRKS;
+    }
+
+    const systemId = token.systemId;
+
+    if (systemId && systemId.toLowerCase() === QUIRKS_MODE_SYSTEM_ID) {
+        return DOCUMENT_MODE.QUIRKS;
+    }
+
+    let publicId = token.publicId;
+
+    if (publicId !== null) {
+        publicId = publicId.toLowerCase();
+
+        if (QUIRKS_MODE_PUBLIC_IDS.indexOf(publicId) > -1) {
+            return DOCUMENT_MODE.QUIRKS;
+        }
+
+        let prefixes = systemId === null ? QUIRKS_MODE_NO_SYSTEM_ID_PUBLIC_ID_PREFIXES : QUIRKS_MODE_PUBLIC_ID_PREFIXES;
+
+        if (hasPrefix(publicId, prefixes)) {
+            return DOCUMENT_MODE.QUIRKS;
+        }
+
+        prefixes =
+            systemId === null ? LIMITED_QUIRKS_PUBLIC_ID_PREFIXES : LIMITED_QUIRKS_WITH_SYSTEM_ID_PUBLIC_ID_PREFIXES;
+
+        if (hasPrefix(publicId, prefixes)) {
+            return DOCUMENT_MODE.LIMITED_QUIRKS;
+        }
+    }
+
+    return DOCUMENT_MODE.NO_QUIRKS;
+};
+
+var serializeContent = function(name, publicId, systemId) {
+    let str = '!DOCTYPE ';
+
+    if (name) {
+        str += name;
+    }
+
+    if (publicId) {
+        str += ' PUBLIC ' + enquoteDoctypeId(publicId);
+    } else if (systemId) {
+        str += ' SYSTEM';
+    }
+
+    if (systemId !== null) {
+        str += ' ' + enquoteDoctypeId(systemId);
+    }
+
+    return str;
+};
+
+var doctype = {
+	isConforming: isConforming,
+	getDocumentMode: getDocumentMode,
+	serializeContent: serializeContent
+};
+
+var foreignContent = createCommonjsModule(function (module, exports) {
+
+
+
+
+//Aliases
+const $ = html.TAG_NAMES;
+const NS = html.NAMESPACES;
+const ATTRS = html.ATTRS;
+
+//MIME types
+const MIME_TYPES = {
+    TEXT_HTML: 'text/html',
+    APPLICATION_XML: 'application/xhtml+xml'
+};
+
+//Attributes
+const DEFINITION_URL_ATTR = 'definitionurl';
+const ADJUSTED_DEFINITION_URL_ATTR = 'definitionURL';
+const SVG_ATTRS_ADJUSTMENT_MAP = {
+    attributename: 'attributeName',
+    attributetype: 'attributeType',
+    basefrequency: 'baseFrequency',
+    baseprofile: 'baseProfile',
+    calcmode: 'calcMode',
+    clippathunits: 'clipPathUnits',
+    diffuseconstant: 'diffuseConstant',
+    edgemode: 'edgeMode',
+    filterunits: 'filterUnits',
+    glyphref: 'glyphRef',
+    gradienttransform: 'gradientTransform',
+    gradientunits: 'gradientUnits',
+    kernelmatrix: 'kernelMatrix',
+    kernelunitlength: 'kernelUnitLength',
+    keypoints: 'keyPoints',
+    keysplines: 'keySplines',
+    keytimes: 'keyTimes',
+    lengthadjust: 'lengthAdjust',
+    limitingconeangle: 'limitingConeAngle',
+    markerheight: 'markerHeight',
+    markerunits: 'markerUnits',
+    markerwidth: 'markerWidth',
+    maskcontentunits: 'maskContentUnits',
+    maskunits: 'maskUnits',
+    numoctaves: 'numOctaves',
+    pathlength: 'pathLength',
+    patterncontentunits: 'patternContentUnits',
+    patterntransform: 'patternTransform',
+    patternunits: 'patternUnits',
+    pointsatx: 'pointsAtX',
+    pointsaty: 'pointsAtY',
+    pointsatz: 'pointsAtZ',
+    preservealpha: 'preserveAlpha',
+    preserveaspectratio: 'preserveAspectRatio',
+    primitiveunits: 'primitiveUnits',
+    refx: 'refX',
+    refy: 'refY',
+    repeatcount: 'repeatCount',
+    repeatdur: 'repeatDur',
+    requiredextensions: 'requiredExtensions',
+    requiredfeatures: 'requiredFeatures',
+    specularconstant: 'specularConstant',
+    specularexponent: 'specularExponent',
+    spreadmethod: 'spreadMethod',
+    startoffset: 'startOffset',
+    stddeviation: 'stdDeviation',
+    stitchtiles: 'stitchTiles',
+    surfacescale: 'surfaceScale',
+    systemlanguage: 'systemLanguage',
+    tablevalues: 'tableValues',
+    targetx: 'targetX',
+    targety: 'targetY',
+    textlength: 'textLength',
+    viewbox: 'viewBox',
+    viewtarget: 'viewTarget',
+    xchannelselector: 'xChannelSelector',
+    ychannelselector: 'yChannelSelector',
+    zoomandpan: 'zoomAndPan'
+};
+
+const XML_ATTRS_ADJUSTMENT_MAP = {
+    'xlink:actuate': { prefix: 'xlink', name: 'actuate', namespace: NS.XLINK },
+    'xlink:arcrole': { prefix: 'xlink', name: 'arcrole', namespace: NS.XLINK },
+    'xlink:href': { prefix: 'xlink', name: 'href', namespace: NS.XLINK },
+    'xlink:role': { prefix: 'xlink', name: 'role', namespace: NS.XLINK },
+    'xlink:show': { prefix: 'xlink', name: 'show', namespace: NS.XLINK },
+    'xlink:title': { prefix: 'xlink', name: 'title', namespace: NS.XLINK },
+    'xlink:type': { prefix: 'xlink', name: 'type', namespace: NS.XLINK },
+    'xml:base': { prefix: 'xml', name: 'base', namespace: NS.XML },
+    'xml:lang': { prefix: 'xml', name: 'lang', namespace: NS.XML },
+    'xml:space': { prefix: 'xml', name: 'space', namespace: NS.XML },
+    xmlns: { prefix: '', name: 'xmlns', namespace: NS.XMLNS },
+    'xmlns:xlink': { prefix: 'xmlns', name: 'xlink', namespace: NS.XMLNS }
+};
+
+//SVG tag names adjustment map
+const SVG_TAG_NAMES_ADJUSTMENT_MAP = (exports.SVG_TAG_NAMES_ADJUSTMENT_MAP = {
+    altglyph: 'altGlyph',
+    altglyphdef: 'altGlyphDef',
+    altglyphitem: 'altGlyphItem',
+    animatecolor: 'animateColor',
+    animatemotion: 'animateMotion',
+    animatetransform: 'animateTransform',
+    clippath: 'clipPath',
+    feblend: 'feBlend',
+    fecolormatrix: 'feColorMatrix',
+    fecomponenttransfer: 'feComponentTransfer',
+    fecomposite: 'feComposite',
+    feconvolvematrix: 'feConvolveMatrix',
+    fediffuselighting: 'feDiffuseLighting',
+    fedisplacementmap: 'feDisplacementMap',
+    fedistantlight: 'feDistantLight',
+    feflood: 'feFlood',
+    fefunca: 'feFuncA',
+    fefuncb: 'feFuncB',
+    fefuncg: 'feFuncG',
+    fefuncr: 'feFuncR',
+    fegaussianblur: 'feGaussianBlur',
+    feimage: 'feImage',
+    femerge: 'feMerge',
+    femergenode: 'feMergeNode',
+    femorphology: 'feMorphology',
+    feoffset: 'feOffset',
+    fepointlight: 'fePointLight',
+    fespecularlighting: 'feSpecularLighting',
+    fespotlight: 'feSpotLight',
+    fetile: 'feTile',
+    feturbulence: 'feTurbulence',
+    foreignobject: 'foreignObject',
+    glyphref: 'glyphRef',
+    lineargradient: 'linearGradient',
+    radialgradient: 'radialGradient',
+    textpath: 'textPath'
+});
+
+//Tags that causes exit from foreign content
+const EXITS_FOREIGN_CONTENT = {
+    [$.B]: true,
+    [$.BIG]: true,
+    [$.BLOCKQUOTE]: true,
+    [$.BODY]: true,
+    [$.BR]: true,
+    [$.CENTER]: true,
+    [$.CODE]: true,
+    [$.DD]: true,
+    [$.DIV]: true,
+    [$.DL]: true,
+    [$.DT]: true,
+    [$.EM]: true,
+    [$.EMBED]: true,
+    [$.H1]: true,
+    [$.H2]: true,
+    [$.H3]: true,
+    [$.H4]: true,
+    [$.H5]: true,
+    [$.H6]: true,
+    [$.HEAD]: true,
+    [$.HR]: true,
+    [$.I]: true,
+    [$.IMG]: true,
+    [$.LI]: true,
+    [$.LISTING]: true,
+    [$.MENU]: true,
+    [$.META]: true,
+    [$.NOBR]: true,
+    [$.OL]: true,
+    [$.P]: true,
+    [$.PRE]: true,
+    [$.RUBY]: true,
+    [$.S]: true,
+    [$.SMALL]: true,
+    [$.SPAN]: true,
+    [$.STRONG]: true,
+    [$.STRIKE]: true,
+    [$.SUB]: true,
+    [$.SUP]: true,
+    [$.TABLE]: true,
+    [$.TT]: true,
+    [$.U]: true,
+    [$.UL]: true,
+    [$.VAR]: true
+};
+
+//Check exit from foreign content
+exports.causesExit = function(startTagToken) {
+    const tn = startTagToken.tagName;
+    const isFontWithAttrs =
+        tn === $.FONT &&
+        (tokenizer.getTokenAttr(startTagToken, ATTRS.COLOR) !== null ||
+            tokenizer.getTokenAttr(startTagToken, ATTRS.SIZE) !== null ||
+            tokenizer.getTokenAttr(startTagToken, ATTRS.FACE) !== null);
+
+    return isFontWithAttrs ? true : EXITS_FOREIGN_CONTENT[tn];
+};
+
+//Token adjustments
+exports.adjustTokenMathMLAttrs = function(token) {
+    for (let i = 0; i < token.attrs.length; i++) {
+        if (token.attrs[i].name === DEFINITION_URL_ATTR) {
+            token.attrs[i].name = ADJUSTED_DEFINITION_URL_ATTR;
+            break;
+        }
+    }
+};
+
+exports.adjustTokenSVGAttrs = function(token) {
+    for (let i = 0; i < token.attrs.length; i++) {
+        const adjustedAttrName = SVG_ATTRS_ADJUSTMENT_MAP[token.attrs[i].name];
+
+        if (adjustedAttrName) {
+            token.attrs[i].name = adjustedAttrName;
+        }
+    }
+};
+
+exports.adjustTokenXMLAttrs = function(token) {
+    for (let i = 0; i < token.attrs.length; i++) {
+        const adjustedAttrEntry = XML_ATTRS_ADJUSTMENT_MAP[token.attrs[i].name];
+
+        if (adjustedAttrEntry) {
+            token.attrs[i].prefix = adjustedAttrEntry.prefix;
+            token.attrs[i].name = adjustedAttrEntry.name;
+            token.attrs[i].namespace = adjustedAttrEntry.namespace;
+        }
+    }
+};
+
+exports.adjustTokenSVGTagName = function(token) {
+    const adjustedTagName = SVG_TAG_NAMES_ADJUSTMENT_MAP[token.tagName];
+
+    if (adjustedTagName) {
+        token.tagName = adjustedTagName;
+    }
+};
+
+//Integration points
+function isMathMLTextIntegrationPoint(tn, ns) {
+    return ns === NS.MATHML && (tn === $.MI || tn === $.MO || tn === $.MN || tn === $.MS || tn === $.MTEXT);
+}
+
+function isHtmlIntegrationPoint(tn, ns, attrs) {
+    if (ns === NS.MATHML && tn === $.ANNOTATION_XML) {
+        for (let i = 0; i < attrs.length; i++) {
+            if (attrs[i].name === ATTRS.ENCODING) {
+                const value = attrs[i].value.toLowerCase();
+
+                return value === MIME_TYPES.TEXT_HTML || value === MIME_TYPES.APPLICATION_XML;
+            }
+        }
+    }
+
+    return ns === NS.SVG && (tn === $.FOREIGN_OBJECT || tn === $.DESC || tn === $.TITLE);
+}
+
+exports.isIntegrationPoint = function(tn, ns, attrs, foreignNS) {
+    if ((!foreignNS || foreignNS === NS.HTML) && isHtmlIntegrationPoint(tn, ns, attrs)) {
+        return true;
+    }
+
+    if ((!foreignNS || foreignNS === NS.MATHML) && isMathMLTextIntegrationPoint(tn, ns)) {
+        return true;
+    }
+
+    return false;
+};
+});
+var foreignContent_1 = foreignContent.SVG_TAG_NAMES_ADJUSTMENT_MAP;
+var foreignContent_2 = foreignContent.causesExit;
+var foreignContent_3 = foreignContent.adjustTokenMathMLAttrs;
+var foreignContent_4 = foreignContent.adjustTokenSVGAttrs;
+var foreignContent_5 = foreignContent.adjustTokenXMLAttrs;
+var foreignContent_6 = foreignContent.adjustTokenSVGTagName;
+var foreignContent_7 = foreignContent.isIntegrationPoint;
+
+//Aliases
+const $$4 = html.TAG_NAMES;
+const NS$1 = html.NAMESPACES;
+const ATTRS = html.ATTRS;
+
+const DEFAULT_OPTIONS = {
+    scriptingEnabled: true,
+    sourceCodeLocationInfo: false,
+    onParseError: null,
+    treeAdapter: _default
+};
+
+//Misc constants
+const HIDDEN_INPUT_TYPE = 'hidden';
+
+//Adoption agency loops iteration count
+const AA_OUTER_LOOP_ITER = 8;
+const AA_INNER_LOOP_ITER = 3;
+
+//Insertion modes
+const INITIAL_MODE = 'INITIAL_MODE';
+const BEFORE_HTML_MODE = 'BEFORE_HTML_MODE';
+const BEFORE_HEAD_MODE = 'BEFORE_HEAD_MODE';
+const IN_HEAD_MODE = 'IN_HEAD_MODE';
+const IN_HEAD_NO_SCRIPT_MODE = 'IN_HEAD_NO_SCRIPT_MODE';
+const AFTER_HEAD_MODE = 'AFTER_HEAD_MODE';
+const IN_BODY_MODE = 'IN_BODY_MODE';
+const TEXT_MODE = 'TEXT_MODE';
+const IN_TABLE_MODE = 'IN_TABLE_MODE';
+const IN_TABLE_TEXT_MODE = 'IN_TABLE_TEXT_MODE';
+const IN_CAPTION_MODE = 'IN_CAPTION_MODE';
+const IN_COLUMN_GROUP_MODE = 'IN_COLUMN_GROUP_MODE';
+const IN_TABLE_BODY_MODE = 'IN_TABLE_BODY_MODE';
+const IN_ROW_MODE = 'IN_ROW_MODE';
+const IN_CELL_MODE = 'IN_CELL_MODE';
+const IN_SELECT_MODE = 'IN_SELECT_MODE';
+const IN_SELECT_IN_TABLE_MODE = 'IN_SELECT_IN_TABLE_MODE';
+const IN_TEMPLATE_MODE = 'IN_TEMPLATE_MODE';
+const AFTER_BODY_MODE = 'AFTER_BODY_MODE';
+const IN_FRAMESET_MODE = 'IN_FRAMESET_MODE';
+const AFTER_FRAMESET_MODE = 'AFTER_FRAMESET_MODE';
+const AFTER_AFTER_BODY_MODE = 'AFTER_AFTER_BODY_MODE';
+const AFTER_AFTER_FRAMESET_MODE = 'AFTER_AFTER_FRAMESET_MODE';
+
+//Insertion mode reset map
+const INSERTION_MODE_RESET_MAP = {
+    [$$4.TR]: IN_ROW_MODE,
+    [$$4.TBODY]: IN_TABLE_BODY_MODE,
+    [$$4.THEAD]: IN_TABLE_BODY_MODE,
+    [$$4.TFOOT]: IN_TABLE_BODY_MODE,
+    [$$4.CAPTION]: IN_CAPTION_MODE,
+    [$$4.COLGROUP]: IN_COLUMN_GROUP_MODE,
+    [$$4.TABLE]: IN_TABLE_MODE,
+    [$$4.BODY]: IN_BODY_MODE,
+    [$$4.FRAMESET]: IN_FRAMESET_MODE
+};
+
+//Template insertion mode switch map
+const TEMPLATE_INSERTION_MODE_SWITCH_MAP = {
+    [$$4.CAPTION]: IN_TABLE_MODE,
+    [$$4.COLGROUP]: IN_TABLE_MODE,
+    [$$4.TBODY]: IN_TABLE_MODE,
+    [$$4.TFOOT]: IN_TABLE_MODE,
+    [$$4.THEAD]: IN_TABLE_MODE,
+    [$$4.COL]: IN_COLUMN_GROUP_MODE,
+    [$$4.TR]: IN_TABLE_BODY_MODE,
+    [$$4.TD]: IN_ROW_MODE,
+    [$$4.TH]: IN_ROW_MODE
+};
+
+//Token handlers map for insertion modes
+const TOKEN_HANDLERS = {
+    [INITIAL_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: tokenInInitialMode,
+        [tokenizer.NULL_CHARACTER_TOKEN]: tokenInInitialMode,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: doctypeInInitialMode,
+        [tokenizer.START_TAG_TOKEN]: tokenInInitialMode,
+        [tokenizer.END_TAG_TOKEN]: tokenInInitialMode,
+        [tokenizer.EOF_TOKEN]: tokenInInitialMode
+    },
+    [BEFORE_HTML_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: tokenBeforeHtml,
+        [tokenizer.NULL_CHARACTER_TOKEN]: tokenBeforeHtml,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagBeforeHtml,
+        [tokenizer.END_TAG_TOKEN]: endTagBeforeHtml,
+        [tokenizer.EOF_TOKEN]: tokenBeforeHtml
+    },
+    [BEFORE_HEAD_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: tokenBeforeHead,
+        [tokenizer.NULL_CHARACTER_TOKEN]: tokenBeforeHead,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: misplacedDoctype,
+        [tokenizer.START_TAG_TOKEN]: startTagBeforeHead,
+        [tokenizer.END_TAG_TOKEN]: endTagBeforeHead,
+        [tokenizer.EOF_TOKEN]: tokenBeforeHead
+    },
+    [IN_HEAD_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: tokenInHead,
+        [tokenizer.NULL_CHARACTER_TOKEN]: tokenInHead,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: misplacedDoctype,
+        [tokenizer.START_TAG_TOKEN]: startTagInHead,
+        [tokenizer.END_TAG_TOKEN]: endTagInHead,
+        [tokenizer.EOF_TOKEN]: tokenInHead
+    },
+    [IN_HEAD_NO_SCRIPT_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: tokenInHeadNoScript,
+        [tokenizer.NULL_CHARACTER_TOKEN]: tokenInHeadNoScript,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: misplacedDoctype,
+        [tokenizer.START_TAG_TOKEN]: startTagInHeadNoScript,
+        [tokenizer.END_TAG_TOKEN]: endTagInHeadNoScript,
+        [tokenizer.EOF_TOKEN]: tokenInHeadNoScript
+    },
+    [AFTER_HEAD_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: tokenAfterHead,
+        [tokenizer.NULL_CHARACTER_TOKEN]: tokenAfterHead,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: misplacedDoctype,
+        [tokenizer.START_TAG_TOKEN]: startTagAfterHead,
+        [tokenizer.END_TAG_TOKEN]: endTagAfterHead,
+        [tokenizer.EOF_TOKEN]: tokenAfterHead
+    },
+    [IN_BODY_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: characterInBody,
+        [tokenizer.NULL_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: whitespaceCharacterInBody,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagInBody,
+        [tokenizer.END_TAG_TOKEN]: endTagInBody,
+        [tokenizer.EOF_TOKEN]: eofInBody
+    },
+    [TEXT_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.NULL_CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.COMMENT_TOKEN]: ignoreToken,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: ignoreToken,
+        [tokenizer.END_TAG_TOKEN]: endTagInText,
+        [tokenizer.EOF_TOKEN]: eofInText
+    },
+    [IN_TABLE_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: characterInTable,
+        [tokenizer.NULL_CHARACTER_TOKEN]: characterInTable,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: characterInTable,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagInTable,
+        [tokenizer.END_TAG_TOKEN]: endTagInTable,
+        [tokenizer.EOF_TOKEN]: eofInBody
+    },
+    [IN_TABLE_TEXT_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: characterInTableText,
+        [tokenizer.NULL_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: whitespaceCharacterInTableText,
+        [tokenizer.COMMENT_TOKEN]: tokenInTableText,
+        [tokenizer.DOCTYPE_TOKEN]: tokenInTableText,
+        [tokenizer.START_TAG_TOKEN]: tokenInTableText,
+        [tokenizer.END_TAG_TOKEN]: tokenInTableText,
+        [tokenizer.EOF_TOKEN]: tokenInTableText
+    },
+    [IN_CAPTION_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: characterInBody,
+        [tokenizer.NULL_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: whitespaceCharacterInBody,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagInCaption,
+        [tokenizer.END_TAG_TOKEN]: endTagInCaption,
+        [tokenizer.EOF_TOKEN]: eofInBody
+    },
+    [IN_COLUMN_GROUP_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: tokenInColumnGroup,
+        [tokenizer.NULL_CHARACTER_TOKEN]: tokenInColumnGroup,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagInColumnGroup,
+        [tokenizer.END_TAG_TOKEN]: endTagInColumnGroup,
+        [tokenizer.EOF_TOKEN]: eofInBody
+    },
+    [IN_TABLE_BODY_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: characterInTable,
+        [tokenizer.NULL_CHARACTER_TOKEN]: characterInTable,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: characterInTable,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagInTableBody,
+        [tokenizer.END_TAG_TOKEN]: endTagInTableBody,
+        [tokenizer.EOF_TOKEN]: eofInBody
+    },
+    [IN_ROW_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: characterInTable,
+        [tokenizer.NULL_CHARACTER_TOKEN]: characterInTable,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: characterInTable,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagInRow,
+        [tokenizer.END_TAG_TOKEN]: endTagInRow,
+        [tokenizer.EOF_TOKEN]: eofInBody
+    },
+    [IN_CELL_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: characterInBody,
+        [tokenizer.NULL_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: whitespaceCharacterInBody,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagInCell,
+        [tokenizer.END_TAG_TOKEN]: endTagInCell,
+        [tokenizer.EOF_TOKEN]: eofInBody
+    },
+    [IN_SELECT_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.NULL_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagInSelect,
+        [tokenizer.END_TAG_TOKEN]: endTagInSelect,
+        [tokenizer.EOF_TOKEN]: eofInBody
+    },
+    [IN_SELECT_IN_TABLE_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.NULL_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagInSelectInTable,
+        [tokenizer.END_TAG_TOKEN]: endTagInSelectInTable,
+        [tokenizer.EOF_TOKEN]: eofInBody
+    },
+    [IN_TEMPLATE_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: characterInBody,
+        [tokenizer.NULL_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: whitespaceCharacterInBody,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagInTemplate,
+        [tokenizer.END_TAG_TOKEN]: endTagInTemplate,
+        [tokenizer.EOF_TOKEN]: eofInTemplate
+    },
+    [AFTER_BODY_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: tokenAfterBody,
+        [tokenizer.NULL_CHARACTER_TOKEN]: tokenAfterBody,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: whitespaceCharacterInBody,
+        [tokenizer.COMMENT_TOKEN]: appendCommentToRootHtmlElement,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagAfterBody,
+        [tokenizer.END_TAG_TOKEN]: endTagAfterBody,
+        [tokenizer.EOF_TOKEN]: stopParsing
+    },
+    [IN_FRAMESET_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.NULL_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagInFrameset,
+        [tokenizer.END_TAG_TOKEN]: endTagInFrameset,
+        [tokenizer.EOF_TOKEN]: stopParsing
+    },
+    [AFTER_FRAMESET_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.NULL_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: insertCharacters,
+        [tokenizer.COMMENT_TOKEN]: appendComment,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagAfterFrameset,
+        [tokenizer.END_TAG_TOKEN]: endTagAfterFrameset,
+        [tokenizer.EOF_TOKEN]: stopParsing
+    },
+    [AFTER_AFTER_BODY_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: tokenAfterAfterBody,
+        [tokenizer.NULL_CHARACTER_TOKEN]: tokenAfterAfterBody,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: whitespaceCharacterInBody,
+        [tokenizer.COMMENT_TOKEN]: appendCommentToDocument,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagAfterAfterBody,
+        [tokenizer.END_TAG_TOKEN]: tokenAfterAfterBody,
+        [tokenizer.EOF_TOKEN]: stopParsing
+    },
+    [AFTER_AFTER_FRAMESET_MODE]: {
+        [tokenizer.CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.NULL_CHARACTER_TOKEN]: ignoreToken,
+        [tokenizer.WHITESPACE_CHARACTER_TOKEN]: whitespaceCharacterInBody,
+        [tokenizer.COMMENT_TOKEN]: appendCommentToDocument,
+        [tokenizer.DOCTYPE_TOKEN]: ignoreToken,
+        [tokenizer.START_TAG_TOKEN]: startTagAfterAfterFrameset,
+        [tokenizer.END_TAG_TOKEN]: ignoreToken,
+        [tokenizer.EOF_TOKEN]: stopParsing
+    }
+};
+
+//Parser
+class Parser {
+    constructor(options) {
+        this.options = mergeOptions(DEFAULT_OPTIONS, options);
+
+        this.treeAdapter = this.options.treeAdapter;
+        this.pendingScript = null;
+
+        if (this.options.sourceCodeLocationInfo) {
+            mixin.install(this, parserMixin);
+        }
+
+        if (this.options.onParseError) {
+            mixin.install(this, parserMixin$1, { onParseError: this.options.onParseError });
+        }
+    }
+
+    // API
+    parse(html) {
+        const document = this.treeAdapter.createDocument();
+
+        this._bootstrap(document, null);
+        this.tokenizer.write(html, true);
+        this._runParsingLoop(null);
+
+        return document;
+    }
+
+    parseFragment(html, fragmentContext) {
+        //NOTE: use <template> element as a fragment context if context element was not provided,
+        //so we will parse in "forgiving" manner
+        if (!fragmentContext) {
+            fragmentContext = this.treeAdapter.createElement($$4.TEMPLATE, NS$1.HTML, []);
+        }
+
+        //NOTE: create fake element which will be used as 'document' for fragment parsing.
+        //This is important for jsdom there 'document' can't be recreated, therefore
+        //fragment parsing causes messing of the main `document`.
+        const documentMock = this.treeAdapter.createElement('documentmock', NS$1.HTML, []);
+
+        this._bootstrap(documentMock, fragmentContext);
+
+        if (this.treeAdapter.getTagName(fragmentContext) === $$4.TEMPLATE) {
+            this._pushTmplInsertionMode(IN_TEMPLATE_MODE);
+        }
+
+        this._initTokenizerForFragmentParsing();
+        this._insertFakeRootElement();
+        this._resetInsertionMode();
+        this._findFormInFragmentContext();
+        this.tokenizer.write(html, true);
+        this._runParsingLoop(null);
+
+        const rootElement = this.treeAdapter.getFirstChild(documentMock);
+        const fragment = this.treeAdapter.createDocumentFragment();
+
+        this._adoptNodes(rootElement, fragment);
+
+        return fragment;
+    }
+
+    //Bootstrap parser
+    _bootstrap(document, fragmentContext) {
+        this.tokenizer = new tokenizer(this.options);
+
+        this.stopped = false;
+
+        this.insertionMode = INITIAL_MODE;
+        this.originalInsertionMode = '';
+
+        this.document = document;
+        this.fragmentContext = fragmentContext;
+
+        this.headElement = null;
+        this.formElement = null;
+
+        this.openElements = new openElementStack(this.document, this.treeAdapter);
+        this.activeFormattingElements = new formattingElementList(this.treeAdapter);
+
+        this.tmplInsertionModeStack = [];
+        this.tmplInsertionModeStackTop = -1;
+        this.currentTmplInsertionMode = null;
+
+        this.pendingCharacterTokens = [];
+        this.hasNonWhitespacePendingCharacterToken = false;
+
+        this.framesetOk = true;
+        this.skipNextNewLine = false;
+        this.fosterParentingEnabled = false;
+    }
+
+    //Errors
+    _err() {
+        // NOTE: err reporting is noop by default. Enabled by mixin.
+    }
+
+    //Parsing loop
+    _runParsingLoop(scriptHandler) {
+        while (!this.stopped) {
+            this._setupTokenizerCDATAMode();
+
+            const token = this.tokenizer.getNextToken();
+
+            if (token.type === tokenizer.HIBERNATION_TOKEN) {
+                break;
+            }
+
+            if (this.skipNextNewLine) {
+                this.skipNextNewLine = false;
+
+                if (token.type === tokenizer.WHITESPACE_CHARACTER_TOKEN && token.chars[0] === '\n') {
+                    if (token.chars.length === 1) {
+                        continue;
+                    }
+
+                    token.chars = token.chars.substr(1);
+                }
+            }
+
+            this._processInputToken(token);
+
+            if (scriptHandler && this.pendingScript) {
+                break;
+            }
+        }
+    }
+
+    runParsingLoopForCurrentChunk(writeCallback, scriptHandler) {
+        this._runParsingLoop(scriptHandler);
+
+        if (scriptHandler && this.pendingScript) {
+            const script = this.pendingScript;
+
+            this.pendingScript = null;
+
+            scriptHandler(script);
+
+            return;
+        }
+
+        if (writeCallback) {
+            writeCallback();
+        }
+    }
+
+    //Text parsing
+    _setupTokenizerCDATAMode() {
+        const current = this._getAdjustedCurrentElement();
+
+        this.tokenizer.allowCDATA =
+            current &&
+            current !== this.document &&
+            this.treeAdapter.getNamespaceURI(current) !== NS$1.HTML &&
+            !this._isIntegrationPoint(current);
+    }
+
+    _switchToTextParsing(currentToken, nextTokenizerState) {
+        this._insertElement(currentToken, NS$1.HTML);
+        this.tokenizer.state = nextTokenizerState;
+        this.originalInsertionMode = this.insertionMode;
+        this.insertionMode = TEXT_MODE;
+    }
+
+    switchToPlaintextParsing() {
+        this.insertionMode = TEXT_MODE;
+        this.originalInsertionMode = IN_BODY_MODE;
+        this.tokenizer.state = tokenizer.MODE.PLAINTEXT;
+    }
+
+    //Fragment parsing
+    _getAdjustedCurrentElement() {
+        return this.openElements.stackTop === 0 && this.fragmentContext
+            ? this.fragmentContext
+            : this.openElements.current;
+    }
+
+    _findFormInFragmentContext() {
+        let node = this.fragmentContext;
+
+        do {
+            if (this.treeAdapter.getTagName(node) === $$4.FORM) {
+                this.formElement = node;
+                break;
+            }
+
+            node = this.treeAdapter.getParentNode(node);
+        } while (node);
+    }
+
+    _initTokenizerForFragmentParsing() {
+        if (this.treeAdapter.getNamespaceURI(this.fragmentContext) === NS$1.HTML) {
+            const tn = this.treeAdapter.getTagName(this.fragmentContext);
+
+            if (tn === $$4.TITLE || tn === $$4.TEXTAREA) {
+                this.tokenizer.state = tokenizer.MODE.RCDATA;
+            } else if (
+                tn === $$4.STYLE ||
+                tn === $$4.XMP ||
+                tn === $$4.IFRAME ||
+                tn === $$4.NOEMBED ||
+                tn === $$4.NOFRAMES ||
+                tn === $$4.NOSCRIPT
+            ) {
+                this.tokenizer.state = tokenizer.MODE.RAWTEXT;
+            } else if (tn === $$4.SCRIPT) {
+                this.tokenizer.state = tokenizer.MODE.SCRIPT_DATA;
+            } else if (tn === $$4.PLAINTEXT) {
+                this.tokenizer.state = tokenizer.MODE.PLAINTEXT;
+            }
+        }
+    }
+
+    //Tree mutation
+    _setDocumentType(token) {
+        const name = token.name || '';
+        const publicId = token.publicId || '';
+        const systemId = token.systemId || '';
+
+        this.treeAdapter.setDocumentType(this.document, name, publicId, systemId);
+    }
+
+    _attachElementToTree(element) {
+        if (this._shouldFosterParentOnInsertion()) {
+            this._fosterParentElement(element);
+        } else {
+            const parent = this.openElements.currentTmplContent || this.openElements.current;
+
+            this.treeAdapter.appendChild(parent, element);
+        }
+    }
+
+    _appendElement(token, namespaceURI) {
+        const element = this.treeAdapter.createElement(token.tagName, namespaceURI, token.attrs);
+
+        this._attachElementToTree(element);
+    }
+
+    _insertElement(token, namespaceURI) {
+        const element = this.treeAdapter.createElement(token.tagName, namespaceURI, token.attrs);
+
+        this._attachElementToTree(element);
+        this.openElements.push(element);
+    }
+
+    _insertFakeElement(tagName) {
+        const element = this.treeAdapter.createElement(tagName, NS$1.HTML, []);
+
+        this._attachElementToTree(element);
+        this.openElements.push(element);
+    }
+
+    _insertTemplate(token) {
+        const tmpl = this.treeAdapter.createElement(token.tagName, NS$1.HTML, token.attrs);
+        const content = this.treeAdapter.createDocumentFragment();
+
+        this.treeAdapter.setTemplateContent(tmpl, content);
+        this._attachElementToTree(tmpl);
+        this.openElements.push(tmpl);
+    }
+
+    _insertFakeRootElement() {
+        const element = this.treeAdapter.createElement($$4.HTML, NS$1.HTML, []);
+
+        this.treeAdapter.appendChild(this.openElements.current, element);
+        this.openElements.push(element);
+    }
+
+    _appendCommentNode(token, parent) {
+        const commentNode = this.treeAdapter.createCommentNode(token.data);
+
+        this.treeAdapter.appendChild(parent, commentNode);
+    }
+
+    _insertCharacters(token) {
+        if (this._shouldFosterParentOnInsertion()) {
+            this._fosterParentText(token.chars);
+        } else {
+            const parent = this.openElements.currentTmplContent || this.openElements.current;
+
+            this.treeAdapter.insertText(parent, token.chars);
+        }
+    }
+
+    _adoptNodes(donor, recipient) {
+        for (let child = this.treeAdapter.getFirstChild(donor); child; child = this.treeAdapter.getFirstChild(donor)) {
+            this.treeAdapter.detachNode(child);
+            this.treeAdapter.appendChild(recipient, child);
+        }
+    }
+
+    //Token processing
+    _shouldProcessTokenInForeignContent(token) {
+        const current = this._getAdjustedCurrentElement();
+
+        if (!current || current === this.document) {
+            return false;
+        }
+
+        const ns = this.treeAdapter.getNamespaceURI(current);
+
+        if (ns === NS$1.HTML) {
+            return false;
+        }
+
+        if (
+            this.treeAdapter.getTagName(current) === $$4.ANNOTATION_XML &&
+            ns === NS$1.MATHML &&
+            token.type === tokenizer.START_TAG_TOKEN &&
+            token.tagName === $$4.SVG
+        ) {
+            return false;
+        }
+
+        const isCharacterToken =
+            token.type === tokenizer.CHARACTER_TOKEN ||
+            token.type === tokenizer.NULL_CHARACTER_TOKEN ||
+            token.type === tokenizer.WHITESPACE_CHARACTER_TOKEN;
+
+        const isMathMLTextStartTag =
+            token.type === tokenizer.START_TAG_TOKEN && token.tagName !== $$4.MGLYPH && token.tagName !== $$4.MALIGNMARK;
+
+        if ((isMathMLTextStartTag || isCharacterToken) && this._isIntegrationPoint(current, NS$1.MATHML)) {
+            return false;
+        }
+
+        if (
+            (token.type === tokenizer.START_TAG_TOKEN || isCharacterToken) &&
+            this._isIntegrationPoint(current, NS$1.HTML)
+        ) {
+            return false;
+        }
+
+        return token.type !== tokenizer.EOF_TOKEN;
+    }
+
+    _processToken(token) {
+        TOKEN_HANDLERS[this.insertionMode][token.type](this, token);
+    }
+
+    _processTokenInBodyMode(token) {
+        TOKEN_HANDLERS[IN_BODY_MODE][token.type](this, token);
+    }
+
+    _processTokenInForeignContent(token) {
+        if (token.type === tokenizer.CHARACTER_TOKEN) {
+            characterInForeignContent(this, token);
+        } else if (token.type === tokenizer.NULL_CHARACTER_TOKEN) {
+            nullCharacterInForeignContent(this, token);
+        } else if (token.type === tokenizer.WHITESPACE_CHARACTER_TOKEN) {
+            insertCharacters(this, token);
+        } else if (token.type === tokenizer.COMMENT_TOKEN) {
+            appendComment(this, token);
+        } else if (token.type === tokenizer.START_TAG_TOKEN) {
+            startTagInForeignContent(this, token);
+        } else if (token.type === tokenizer.END_TAG_TOKEN) {
+            endTagInForeignContent(this, token);
+        }
+    }
+
+    _processInputToken(token) {
+        if (this._shouldProcessTokenInForeignContent(token)) {
+            this._processTokenInForeignContent(token);
+        } else {
+            this._processToken(token);
+        }
+
+        if (token.type === tokenizer.START_TAG_TOKEN && token.selfClosing && !token.ackSelfClosing) {
+            this._err(errorCodes.nonVoidHtmlElementStartTagWithTrailingSolidus);
+        }
+    }
+
+    //Integration points
+    _isIntegrationPoint(element, foreignNS) {
+        const tn = this.treeAdapter.getTagName(element);
+        const ns = this.treeAdapter.getNamespaceURI(element);
+        const attrs = this.treeAdapter.getAttrList(element);
+
+        return foreignContent.isIntegrationPoint(tn, ns, attrs, foreignNS);
+    }
+
+    //Active formatting elements reconstruction
+    _reconstructActiveFormattingElements() {
+        const listLength = this.activeFormattingElements.length;
+
+        if (listLength) {
+            let unopenIdx = listLength;
+            let entry = null;
+
+            do {
+                unopenIdx--;
+                entry = this.activeFormattingElements.entries[unopenIdx];
+
+                if (entry.type === formattingElementList.MARKER_ENTRY || this.openElements.contains(entry.element)) {
+                    unopenIdx++;
+                    break;
+                }
+            } while (unopenIdx > 0);
+
+            for (let i = unopenIdx; i < listLength; i++) {
+                entry = this.activeFormattingElements.entries[i];
+                this._insertElement(entry.token, this.treeAdapter.getNamespaceURI(entry.element));
+                entry.element = this.openElements.current;
+            }
+        }
+    }
+
+    //Close elements
+    _closeTableCell() {
+        this.openElements.generateImpliedEndTags();
+        this.openElements.popUntilTableCellPopped();
+        this.activeFormattingElements.clearToLastMarker();
+        this.insertionMode = IN_ROW_MODE;
+    }
+
+    _closePElement() {
+        this.openElements.generateImpliedEndTagsWithExclusion($$4.P);
+        this.openElements.popUntilTagNamePopped($$4.P);
+    }
+
+    //Insertion modes
+    _resetInsertionMode() {
+        for (let i = this.openElements.stackTop, last = false; i >= 0; i--) {
+            let element = this.openElements.items[i];
+
+            if (i === 0) {
+                last = true;
+
+                if (this.fragmentContext) {
+                    element = this.fragmentContext;
+                }
+            }
+
+            const tn = this.treeAdapter.getTagName(element);
+            const newInsertionMode = INSERTION_MODE_RESET_MAP[tn];
+
+            if (newInsertionMode) {
+                this.insertionMode = newInsertionMode;
+                break;
+            } else if (!last && (tn === $$4.TD || tn === $$4.TH)) {
+                this.insertionMode = IN_CELL_MODE;
+                break;
+            } else if (!last && tn === $$4.HEAD) {
+                this.insertionMode = IN_HEAD_MODE;
+                break;
+            } else if (tn === $$4.SELECT) {
+                this._resetInsertionModeForSelect(i);
+                break;
+            } else if (tn === $$4.TEMPLATE) {
+                this.insertionMode = this.currentTmplInsertionMode;
+                break;
+            } else if (tn === $$4.HTML) {
+                this.insertionMode = this.headElement ? AFTER_HEAD_MODE : BEFORE_HEAD_MODE;
+                break;
+            } else if (last) {
+                this.insertionMode = IN_BODY_MODE;
+                break;
+            }
+        }
+    }
+
+    _resetInsertionModeForSelect(selectIdx) {
+        if (selectIdx > 0) {
+            for (let i = selectIdx - 1; i > 0; i--) {
+                const ancestor = this.openElements.items[i];
+                const tn = this.treeAdapter.getTagName(ancestor);
+
+                if (tn === $$4.TEMPLATE) {
+                    break;
+                } else if (tn === $$4.TABLE) {
+                    this.insertionMode = IN_SELECT_IN_TABLE_MODE;
+                    return;
+                }
+            }
+        }
+
+        this.insertionMode = IN_SELECT_MODE;
+    }
+
+    _pushTmplInsertionMode(mode) {
+        this.tmplInsertionModeStack.push(mode);
+        this.tmplInsertionModeStackTop++;
+        this.currentTmplInsertionMode = mode;
+    }
+
+    _popTmplInsertionMode() {
+        this.tmplInsertionModeStack.pop();
+        this.tmplInsertionModeStackTop--;
+        this.currentTmplInsertionMode = this.tmplInsertionModeStack[this.tmplInsertionModeStackTop];
+    }
+
+    //Foster parenting
+    _isElementCausesFosterParenting(element) {
+        const tn = this.treeAdapter.getTagName(element);
+
+        return tn === $$4.TABLE || tn === $$4.TBODY || tn === $$4.TFOOT || tn === $$4.THEAD || tn === $$4.TR;
+    }
+
+    _shouldFosterParentOnInsertion() {
+        return this.fosterParentingEnabled && this._isElementCausesFosterParenting(this.openElements.current);
+    }
+
+    _findFosterParentingLocation() {
+        const location = {
+            parent: null,
+            beforeElement: null
+        };
+
+        for (let i = this.openElements.stackTop; i >= 0; i--) {
+            const openElement = this.openElements.items[i];
+            const tn = this.treeAdapter.getTagName(openElement);
+            const ns = this.treeAdapter.getNamespaceURI(openElement);
+
+            if (tn === $$4.TEMPLATE && ns === NS$1.HTML) {
+                location.parent = this.treeAdapter.getTemplateContent(openElement);
+                break;
+            } else if (tn === $$4.TABLE) {
+                location.parent = this.treeAdapter.getParentNode(openElement);
+
+                if (location.parent) {
+                    location.beforeElement = openElement;
+                } else {
+                    location.parent = this.openElements.items[i - 1];
+                }
+
+                break;
+            }
+        }
+
+        if (!location.parent) {
+            location.parent = this.openElements.items[0];
+        }
+
+        return location;
+    }
+
+    _fosterParentElement(element) {
+        const location = this._findFosterParentingLocation();
+
+        if (location.beforeElement) {
+            this.treeAdapter.insertBefore(location.parent, element, location.beforeElement);
+        } else {
+            this.treeAdapter.appendChild(location.parent, element);
+        }
+    }
+
+    _fosterParentText(chars) {
+        const location = this._findFosterParentingLocation();
+
+        if (location.beforeElement) {
+            this.treeAdapter.insertTextBefore(location.parent, chars, location.beforeElement);
+        } else {
+            this.treeAdapter.insertText(location.parent, chars);
+        }
+    }
+
+    //Special elements
+    _isSpecialElement(element) {
+        const tn = this.treeAdapter.getTagName(element);
+        const ns = this.treeAdapter.getNamespaceURI(element);
+
+        return html.SPECIAL_ELEMENTS[ns][tn];
+    }
+}
+
+var parser = Parser;
+
+//Adoption agency algorithm
+//(see: http://www.whatwg.org/specs/web-apps/current-work/multipage/tree-construction.html#adoptionAgency)
+//------------------------------------------------------------------
+
+//Steps 5-8 of the algorithm
+function aaObtainFormattingElementEntry(p, token) {
+    let formattingElementEntry = p.activeFormattingElements.getElementEntryInScopeWithTagName(token.tagName);
+
+    if (formattingElementEntry) {
+        if (!p.openElements.contains(formattingElementEntry.element)) {
+            p.activeFormattingElements.removeEntry(formattingElementEntry);
+            formattingElementEntry = null;
+        } else if (!p.openElements.hasInScope(token.tagName)) {
+            formattingElementEntry = null;
+        }
+    } else {
+        genericEndTagInBody(p, token);
+    }
+
+    return formattingElementEntry;
+}
+
+//Steps 9 and 10 of the algorithm
+function aaObtainFurthestBlock(p, formattingElementEntry) {
+    let furthestBlock = null;
+
+    for (let i = p.openElements.stackTop; i >= 0; i--) {
+        const element = p.openElements.items[i];
+
+        if (element === formattingElementEntry.element) {
+            break;
+        }
+
+        if (p._isSpecialElement(element)) {
+            furthestBlock = element;
+        }
+    }
+
+    if (!furthestBlock) {
+        p.openElements.popUntilElementPopped(formattingElementEntry.element);
+        p.activeFormattingElements.removeEntry(formattingElementEntry);
+    }
+
+    return furthestBlock;
+}
+
+//Step 13 of the algorithm
+function aaInnerLoop(p, furthestBlock, formattingElement) {
+    let lastElement = furthestBlock;
+    let nextElement = p.openElements.getCommonAncestor(furthestBlock);
+
+    for (let i = 0, element = nextElement; element !== formattingElement; i++, element = nextElement) {
+        //NOTE: store next element for the next loop iteration (it may be deleted from the stack by step 9.5)
+        nextElement = p.openElements.getCommonAncestor(element);
+
+        const elementEntry = p.activeFormattingElements.getElementEntry(element);
+        const counterOverflow = elementEntry && i >= AA_INNER_LOOP_ITER;
+        const shouldRemoveFromOpenElements = !elementEntry || counterOverflow;
+
+        if (shouldRemoveFromOpenElements) {
+            if (counterOverflow) {
+                p.activeFormattingElements.removeEntry(elementEntry);
+            }
+
+            p.openElements.remove(element);
+        } else {
+            element = aaRecreateElementFromEntry(p, elementEntry);
+
+            if (lastElement === furthestBlock) {
+                p.activeFormattingElements.bookmark = elementEntry;
+            }
+
+            p.treeAdapter.detachNode(lastElement);
+            p.treeAdapter.appendChild(element, lastElement);
+            lastElement = element;
+        }
+    }
+
+    return lastElement;
+}
+
+//Step 13.7 of the algorithm
+function aaRecreateElementFromEntry(p, elementEntry) {
+    const ns = p.treeAdapter.getNamespaceURI(elementEntry.element);
+    const newElement = p.treeAdapter.createElement(elementEntry.token.tagName, ns, elementEntry.token.attrs);
+
+    p.openElements.replace(elementEntry.element, newElement);
+    elementEntry.element = newElement;
+
+    return newElement;
+}
+
+//Step 14 of the algorithm
+function aaInsertLastNodeInCommonAncestor(p, commonAncestor, lastElement) {
+    if (p._isElementCausesFosterParenting(commonAncestor)) {
+        p._fosterParentElement(lastElement);
+    } else {
+        const tn = p.treeAdapter.getTagName(commonAncestor);
+        const ns = p.treeAdapter.getNamespaceURI(commonAncestor);
+
+        if (tn === $$4.TEMPLATE && ns === NS$1.HTML) {
+            commonAncestor = p.treeAdapter.getTemplateContent(commonAncestor);
+        }
+
+        p.treeAdapter.appendChild(commonAncestor, lastElement);
+    }
+}
+
+//Steps 15-19 of the algorithm
+function aaReplaceFormattingElement(p, furthestBlock, formattingElementEntry) {
+    const ns = p.treeAdapter.getNamespaceURI(formattingElementEntry.element);
+    const token = formattingElementEntry.token;
+    const newElement = p.treeAdapter.createElement(token.tagName, ns, token.attrs);
+
+    p._adoptNodes(furthestBlock, newElement);
+    p.treeAdapter.appendChild(furthestBlock, newElement);
+
+    p.activeFormattingElements.insertElementAfterBookmark(newElement, formattingElementEntry.token);
+    p.activeFormattingElements.removeEntry(formattingElementEntry);
+
+    p.openElements.remove(formattingElementEntry.element);
+    p.openElements.insertAfter(furthestBlock, newElement);
+}
+
+//Algorithm entry point
+function callAdoptionAgency(p, token) {
+    let formattingElementEntry;
+
+    for (let i = 0; i < AA_OUTER_LOOP_ITER; i++) {
+        formattingElementEntry = aaObtainFormattingElementEntry(p, token);
+
+        if (!formattingElementEntry) {
+            break;
+        }
+
+        const furthestBlock = aaObtainFurthestBlock(p, formattingElementEntry);
+
+        if (!furthestBlock) {
+            break;
+        }
+
+        p.activeFormattingElements.bookmark = formattingElementEntry;
+
+        const lastElement = aaInnerLoop(p, furthestBlock, formattingElementEntry.element);
+        const commonAncestor = p.openElements.getCommonAncestor(formattingElementEntry.element);
+
+        p.treeAdapter.detachNode(lastElement);
+        aaInsertLastNodeInCommonAncestor(p, commonAncestor, lastElement);
+        aaReplaceFormattingElement(p, furthestBlock, formattingElementEntry);
+    }
+}
+
+//Generic token handlers
+//------------------------------------------------------------------
+function ignoreToken() {
+    //NOTE: do nothing =)
+}
+
+function misplacedDoctype(p) {
+    p._err(errorCodes.misplacedDoctype);
+}
+
+function appendComment(p, token) {
+    p._appendCommentNode(token, p.openElements.currentTmplContent || p.openElements.current);
+}
+
+function appendCommentToRootHtmlElement(p, token) {
+    p._appendCommentNode(token, p.openElements.items[0]);
+}
+
+function appendCommentToDocument(p, token) {
+    p._appendCommentNode(token, p.document);
+}
+
+function insertCharacters(p, token) {
+    p._insertCharacters(token);
+}
+
+function stopParsing(p) {
+    p.stopped = true;
+}
+
+// The "initial" insertion mode
+//------------------------------------------------------------------
+function doctypeInInitialMode(p, token) {
+    p._setDocumentType(token);
+
+    const mode = token.forceQuirks ? html.DOCUMENT_MODE.QUIRKS : doctype.getDocumentMode(token);
+
+    if (!doctype.isConforming(token)) {
+        p._err(errorCodes.nonConformingDoctype);
+    }
+
+    p.treeAdapter.setDocumentMode(p.document, mode);
+
+    p.insertionMode = BEFORE_HTML_MODE;
+}
+
+function tokenInInitialMode(p, token) {
+    p._err(errorCodes.missingDoctype, { beforeToken: true });
+    p.treeAdapter.setDocumentMode(p.document, html.DOCUMENT_MODE.QUIRKS);
+    p.insertionMode = BEFORE_HTML_MODE;
+    p._processToken(token);
+}
+
+// The "before html" insertion mode
+//------------------------------------------------------------------
+function startTagBeforeHtml(p, token) {
+    if (token.tagName === $$4.HTML) {
+        p._insertElement(token, NS$1.HTML);
+        p.insertionMode = BEFORE_HEAD_MODE;
+    } else {
+        tokenBeforeHtml(p, token);
+    }
+}
+
+function endTagBeforeHtml(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.HTML || tn === $$4.HEAD || tn === $$4.BODY || tn === $$4.BR) {
+        tokenBeforeHtml(p, token);
+    }
+}
+
+function tokenBeforeHtml(p, token) {
+    p._insertFakeRootElement();
+    p.insertionMode = BEFORE_HEAD_MODE;
+    p._processToken(token);
+}
+
+// The "before head" insertion mode
+//------------------------------------------------------------------
+function startTagBeforeHead(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.HTML) {
+        startTagInBody(p, token);
+    } else if (tn === $$4.HEAD) {
+        p._insertElement(token, NS$1.HTML);
+        p.headElement = p.openElements.current;
+        p.insertionMode = IN_HEAD_MODE;
+    } else {
+        tokenBeforeHead(p, token);
+    }
+}
+
+function endTagBeforeHead(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.HEAD || tn === $$4.BODY || tn === $$4.HTML || tn === $$4.BR) {
+        tokenBeforeHead(p, token);
+    } else {
+        p._err(errorCodes.endTagWithoutMatchingOpenElement);
+    }
+}
+
+function tokenBeforeHead(p, token) {
+    p._insertFakeElement($$4.HEAD);
+    p.headElement = p.openElements.current;
+    p.insertionMode = IN_HEAD_MODE;
+    p._processToken(token);
+}
+
+// The "in head" insertion mode
+//------------------------------------------------------------------
+function startTagInHead(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.HTML) {
+        startTagInBody(p, token);
+    } else if (tn === $$4.BASE || tn === $$4.BASEFONT || tn === $$4.BGSOUND || tn === $$4.LINK || tn === $$4.META) {
+        p._appendElement(token, NS$1.HTML);
+        token.ackSelfClosing = true;
+    } else if (tn === $$4.TITLE) {
+        p._switchToTextParsing(token, tokenizer.MODE.RCDATA);
+    } else if (tn === $$4.NOSCRIPT) {
+        if (p.options.scriptingEnabled) {
+            p._switchToTextParsing(token, tokenizer.MODE.RAWTEXT);
+        } else {
+            p._insertElement(token, NS$1.HTML);
+            p.insertionMode = IN_HEAD_NO_SCRIPT_MODE;
+        }
+    } else if (tn === $$4.NOFRAMES || tn === $$4.STYLE) {
+        p._switchToTextParsing(token, tokenizer.MODE.RAWTEXT);
+    } else if (tn === $$4.SCRIPT) {
+        p._switchToTextParsing(token, tokenizer.MODE.SCRIPT_DATA);
+    } else if (tn === $$4.TEMPLATE) {
+        p._insertTemplate(token, NS$1.HTML);
+        p.activeFormattingElements.insertMarker();
+        p.framesetOk = false;
+        p.insertionMode = IN_TEMPLATE_MODE;
+        p._pushTmplInsertionMode(IN_TEMPLATE_MODE);
+    } else if (tn === $$4.HEAD) {
+        p._err(errorCodes.misplacedStartTagForHeadElement);
+    } else {
+        tokenInHead(p, token);
+    }
+}
+
+function endTagInHead(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.HEAD) {
+        p.openElements.pop();
+        p.insertionMode = AFTER_HEAD_MODE;
+    } else if (tn === $$4.BODY || tn === $$4.BR || tn === $$4.HTML) {
+        tokenInHead(p, token);
+    } else if (tn === $$4.TEMPLATE) {
+        if (p.openElements.tmplCount > 0) {
+            p.openElements.generateImpliedEndTagsThoroughly();
+
+            if (p.openElements.currentTagName !== $$4.TEMPLATE) {
+                p._err(errorCodes.closingOfElementWithOpenChildElements);
+            }
+
+            p.openElements.popUntilTagNamePopped($$4.TEMPLATE);
+            p.activeFormattingElements.clearToLastMarker();
+            p._popTmplInsertionMode();
+            p._resetInsertionMode();
+        } else {
+            p._err(errorCodes.endTagWithoutMatchingOpenElement);
+        }
+    } else {
+        p._err(errorCodes.endTagWithoutMatchingOpenElement);
+    }
+}
+
+function tokenInHead(p, token) {
+    p.openElements.pop();
+    p.insertionMode = AFTER_HEAD_MODE;
+    p._processToken(token);
+}
+
+// The "in head no script" insertion mode
+//------------------------------------------------------------------
+function startTagInHeadNoScript(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.HTML) {
+        startTagInBody(p, token);
+    } else if (
+        tn === $$4.BASEFONT ||
+        tn === $$4.BGSOUND ||
+        tn === $$4.HEAD ||
+        tn === $$4.LINK ||
+        tn === $$4.META ||
+        tn === $$4.NOFRAMES ||
+        tn === $$4.STYLE
+    ) {
+        startTagInHead(p, token);
+    } else if (tn === $$4.NOSCRIPT) {
+        p._err(errorCodes.nestedNoscriptInHead);
+    } else {
+        tokenInHeadNoScript(p, token);
+    }
+}
+
+function endTagInHeadNoScript(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.NOSCRIPT) {
+        p.openElements.pop();
+        p.insertionMode = IN_HEAD_MODE;
+    } else if (tn === $$4.BR) {
+        tokenInHeadNoScript(p, token);
+    } else {
+        p._err(errorCodes.endTagWithoutMatchingOpenElement);
+    }
+}
+
+function tokenInHeadNoScript(p, token) {
+    const errCode =
+        token.type === tokenizer.EOF_TOKEN ? errorCodes.openElementsLeftAfterEof : errorCodes.disallowedContentInNoscriptInHead;
+
+    p._err(errCode);
+    p.openElements.pop();
+    p.insertionMode = IN_HEAD_MODE;
+    p._processToken(token);
+}
+
+// The "after head" insertion mode
+//------------------------------------------------------------------
+function startTagAfterHead(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.HTML) {
+        startTagInBody(p, token);
+    } else if (tn === $$4.BODY) {
+        p._insertElement(token, NS$1.HTML);
+        p.framesetOk = false;
+        p.insertionMode = IN_BODY_MODE;
+    } else if (tn === $$4.FRAMESET) {
+        p._insertElement(token, NS$1.HTML);
+        p.insertionMode = IN_FRAMESET_MODE;
+    } else if (
+        tn === $$4.BASE ||
+        tn === $$4.BASEFONT ||
+        tn === $$4.BGSOUND ||
+        tn === $$4.LINK ||
+        tn === $$4.META ||
+        tn === $$4.NOFRAMES ||
+        tn === $$4.SCRIPT ||
+        tn === $$4.STYLE ||
+        tn === $$4.TEMPLATE ||
+        tn === $$4.TITLE
+    ) {
+        p._err(errorCodes.abandonedHeadElementChild);
+        p.openElements.push(p.headElement);
+        startTagInHead(p, token);
+        p.openElements.remove(p.headElement);
+    } else if (tn === $$4.HEAD) {
+        p._err(errorCodes.misplacedStartTagForHeadElement);
+    } else {
+        tokenAfterHead(p, token);
+    }
+}
+
+function endTagAfterHead(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.BODY || tn === $$4.HTML || tn === $$4.BR) {
+        tokenAfterHead(p, token);
+    } else if (tn === $$4.TEMPLATE) {
+        endTagInHead(p, token);
+    } else {
+        p._err(errorCodes.endTagWithoutMatchingOpenElement);
+    }
+}
+
+function tokenAfterHead(p, token) {
+    p._insertFakeElement($$4.BODY);
+    p.insertionMode = IN_BODY_MODE;
+    p._processToken(token);
+}
+
+// The "in body" insertion mode
+//------------------------------------------------------------------
+function whitespaceCharacterInBody(p, token) {
+    p._reconstructActiveFormattingElements();
+    p._insertCharacters(token);
+}
+
+function characterInBody(p, token) {
+    p._reconstructActiveFormattingElements();
+    p._insertCharacters(token);
+    p.framesetOk = false;
+}
+
+function htmlStartTagInBody(p, token) {
+    if (p.openElements.tmplCount === 0) {
+        p.treeAdapter.adoptAttributes(p.openElements.items[0], token.attrs);
+    }
+}
+
+function bodyStartTagInBody(p, token) {
+    const bodyElement = p.openElements.tryPeekProperlyNestedBodyElement();
+
+    if (bodyElement && p.openElements.tmplCount === 0) {
+        p.framesetOk = false;
+        p.treeAdapter.adoptAttributes(bodyElement, token.attrs);
+    }
+}
+
+function framesetStartTagInBody(p, token) {
+    const bodyElement = p.openElements.tryPeekProperlyNestedBodyElement();
+
+    if (p.framesetOk && bodyElement) {
+        p.treeAdapter.detachNode(bodyElement);
+        p.openElements.popAllUpToHtmlElement();
+        p._insertElement(token, NS$1.HTML);
+        p.insertionMode = IN_FRAMESET_MODE;
+    }
+}
+
+function addressStartTagInBody(p, token) {
+    if (p.openElements.hasInButtonScope($$4.P)) {
+        p._closePElement();
+    }
+
+    p._insertElement(token, NS$1.HTML);
+}
+
+function numberedHeaderStartTagInBody(p, token) {
+    if (p.openElements.hasInButtonScope($$4.P)) {
+        p._closePElement();
+    }
+
+    const tn = p.openElements.currentTagName;
+
+    if (tn === $$4.H1 || tn === $$4.H2 || tn === $$4.H3 || tn === $$4.H4 || tn === $$4.H5 || tn === $$4.H6) {
+        p.openElements.pop();
+    }
+
+    p._insertElement(token, NS$1.HTML);
+}
+
+function preStartTagInBody(p, token) {
+    if (p.openElements.hasInButtonScope($$4.P)) {
+        p._closePElement();
+    }
+
+    p._insertElement(token, NS$1.HTML);
+    //NOTE: If the next token is a U+000A LINE FEED (LF) character token, then ignore that token and move
+    //on to the next one. (Newlines at the start of pre blocks are ignored as an authoring convenience.)
+    p.skipNextNewLine = true;
+    p.framesetOk = false;
+}
+
+function formStartTagInBody(p, token) {
+    const inTemplate = p.openElements.tmplCount > 0;
+
+    if (!p.formElement || inTemplate) {
+        if (p.openElements.hasInButtonScope($$4.P)) {
+            p._closePElement();
+        }
+
+        p._insertElement(token, NS$1.HTML);
+
+        if (!inTemplate) {
+            p.formElement = p.openElements.current;
+        }
+    }
+}
+
+function listItemStartTagInBody(p, token) {
+    p.framesetOk = false;
+
+    const tn = token.tagName;
+
+    for (let i = p.openElements.stackTop; i >= 0; i--) {
+        const element = p.openElements.items[i];
+        const elementTn = p.treeAdapter.getTagName(element);
+        let closeTn = null;
+
+        if (tn === $$4.LI && elementTn === $$4.LI) {
+            closeTn = $$4.LI;
+        } else if ((tn === $$4.DD || tn === $$4.DT) && (elementTn === $$4.DD || elementTn === $$4.DT)) {
+            closeTn = elementTn;
+        }
+
+        if (closeTn) {
+            p.openElements.generateImpliedEndTagsWithExclusion(closeTn);
+            p.openElements.popUntilTagNamePopped(closeTn);
+            break;
+        }
+
+        if (elementTn !== $$4.ADDRESS && elementTn !== $$4.DIV && elementTn !== $$4.P && p._isSpecialElement(element)) {
+            break;
+        }
+    }
+
+    if (p.openElements.hasInButtonScope($$4.P)) {
+        p._closePElement();
+    }
+
+    p._insertElement(token, NS$1.HTML);
+}
+
+function plaintextStartTagInBody(p, token) {
+    if (p.openElements.hasInButtonScope($$4.P)) {
+        p._closePElement();
+    }
+
+    p._insertElement(token, NS$1.HTML);
+    p.tokenizer.state = tokenizer.MODE.PLAINTEXT;
+}
+
+function buttonStartTagInBody(p, token) {
+    if (p.openElements.hasInScope($$4.BUTTON)) {
+        p.openElements.generateImpliedEndTags();
+        p.openElements.popUntilTagNamePopped($$4.BUTTON);
+    }
+
+    p._reconstructActiveFormattingElements();
+    p._insertElement(token, NS$1.HTML);
+    p.framesetOk = false;
+}
+
+function aStartTagInBody(p, token) {
+    const activeElementEntry = p.activeFormattingElements.getElementEntryInScopeWithTagName($$4.A);
+
+    if (activeElementEntry) {
+        callAdoptionAgency(p, token);
+        p.openElements.remove(activeElementEntry.element);
+        p.activeFormattingElements.removeEntry(activeElementEntry);
+    }
+
+    p._reconstructActiveFormattingElements();
+    p._insertElement(token, NS$1.HTML);
+    p.activeFormattingElements.pushElement(p.openElements.current, token);
+}
+
+function bStartTagInBody(p, token) {
+    p._reconstructActiveFormattingElements();
+    p._insertElement(token, NS$1.HTML);
+    p.activeFormattingElements.pushElement(p.openElements.current, token);
+}
+
+function nobrStartTagInBody(p, token) {
+    p._reconstructActiveFormattingElements();
+
+    if (p.openElements.hasInScope($$4.NOBR)) {
+        callAdoptionAgency(p, token);
+        p._reconstructActiveFormattingElements();
+    }
+
+    p._insertElement(token, NS$1.HTML);
+    p.activeFormattingElements.pushElement(p.openElements.current, token);
+}
+
+function appletStartTagInBody(p, token) {
+    p._reconstructActiveFormattingElements();
+    p._insertElement(token, NS$1.HTML);
+    p.activeFormattingElements.insertMarker();
+    p.framesetOk = false;
+}
+
+function tableStartTagInBody(p, token) {
+    if (
+        p.treeAdapter.getDocumentMode(p.document) !== html.DOCUMENT_MODE.QUIRKS &&
+        p.openElements.hasInButtonScope($$4.P)
+    ) {
+        p._closePElement();
+    }
+
+    p._insertElement(token, NS$1.HTML);
+    p.framesetOk = false;
+    p.insertionMode = IN_TABLE_MODE;
+}
+
+function areaStartTagInBody(p, token) {
+    p._reconstructActiveFormattingElements();
+    p._appendElement(token, NS$1.HTML);
+    p.framesetOk = false;
+    token.ackSelfClosing = true;
+}
+
+function inputStartTagInBody(p, token) {
+    p._reconstructActiveFormattingElements();
+    p._appendElement(token, NS$1.HTML);
+
+    const inputType = tokenizer.getTokenAttr(token, ATTRS.TYPE);
+
+    if (!inputType || inputType.toLowerCase() !== HIDDEN_INPUT_TYPE) {
+        p.framesetOk = false;
+    }
+
+    token.ackSelfClosing = true;
+}
+
+function paramStartTagInBody(p, token) {
+    p._appendElement(token, NS$1.HTML);
+    token.ackSelfClosing = true;
+}
+
+function hrStartTagInBody(p, token) {
+    if (p.openElements.hasInButtonScope($$4.P)) {
+        p._closePElement();
+    }
+
+    p._appendElement(token, NS$1.HTML);
+    p.framesetOk = false;
+    p.ackSelfClosing = true;
+}
+
+function imageStartTagInBody(p, token) {
+    token.tagName = $$4.IMG;
+    areaStartTagInBody(p, token);
+}
+
+function textareaStartTagInBody(p, token) {
+    p._insertElement(token, NS$1.HTML);
+    //NOTE: If the next token is a U+000A LINE FEED (LF) character token, then ignore that token and move
+    //on to the next one. (Newlines at the start of textarea elements are ignored as an authoring convenience.)
+    p.skipNextNewLine = true;
+    p.tokenizer.state = tokenizer.MODE.RCDATA;
+    p.originalInsertionMode = p.insertionMode;
+    p.framesetOk = false;
+    p.insertionMode = TEXT_MODE;
+}
+
+function xmpStartTagInBody(p, token) {
+    if (p.openElements.hasInButtonScope($$4.P)) {
+        p._closePElement();
+    }
+
+    p._reconstructActiveFormattingElements();
+    p.framesetOk = false;
+    p._switchToTextParsing(token, tokenizer.MODE.RAWTEXT);
+}
+
+function iframeStartTagInBody(p, token) {
+    p.framesetOk = false;
+    p._switchToTextParsing(token, tokenizer.MODE.RAWTEXT);
+}
+
+//NOTE: here we assume that we always act as an user agent with enabled plugins, so we parse
+//<noembed> as a rawtext.
+function noembedStartTagInBody(p, token) {
+    p._switchToTextParsing(token, tokenizer.MODE.RAWTEXT);
+}
+
+function selectStartTagInBody(p, token) {
+    p._reconstructActiveFormattingElements();
+    p._insertElement(token, NS$1.HTML);
+    p.framesetOk = false;
+
+    if (
+        p.insertionMode === IN_TABLE_MODE ||
+        p.insertionMode === IN_CAPTION_MODE ||
+        p.insertionMode === IN_TABLE_BODY_MODE ||
+        p.insertionMode === IN_ROW_MODE ||
+        p.insertionMode === IN_CELL_MODE
+    ) {
+        p.insertionMode = IN_SELECT_IN_TABLE_MODE;
+    } else {
+        p.insertionMode = IN_SELECT_MODE;
+    }
+}
+
+function optgroupStartTagInBody(p, token) {
+    if (p.openElements.currentTagName === $$4.OPTION) {
+        p.openElements.pop();
+    }
+
+    p._reconstructActiveFormattingElements();
+    p._insertElement(token, NS$1.HTML);
+}
+
+function rbStartTagInBody(p, token) {
+    if (p.openElements.hasInScope($$4.RUBY)) {
+        p.openElements.generateImpliedEndTags();
+    }
+
+    p._insertElement(token, NS$1.HTML);
+}
+
+function rtStartTagInBody(p, token) {
+    if (p.openElements.hasInScope($$4.RUBY)) {
+        p.openElements.generateImpliedEndTagsWithExclusion($$4.RTC);
+    }
+
+    p._insertElement(token, NS$1.HTML);
+}
+
+function menuStartTagInBody(p, token) {
+    if (p.openElements.hasInButtonScope($$4.P)) {
+        p._closePElement();
+    }
+
+    p._insertElement(token, NS$1.HTML);
+}
+
+function mathStartTagInBody(p, token) {
+    p._reconstructActiveFormattingElements();
+
+    foreignContent.adjustTokenMathMLAttrs(token);
+    foreignContent.adjustTokenXMLAttrs(token);
+
+    if (token.selfClosing) {
+        p._appendElement(token, NS$1.MATHML);
+    } else {
+        p._insertElement(token, NS$1.MATHML);
+    }
+
+    token.ackSelfClosing = true;
+}
+
+function svgStartTagInBody(p, token) {
+    p._reconstructActiveFormattingElements();
+
+    foreignContent.adjustTokenSVGAttrs(token);
+    foreignContent.adjustTokenXMLAttrs(token);
+
+    if (token.selfClosing) {
+        p._appendElement(token, NS$1.SVG);
+    } else {
+        p._insertElement(token, NS$1.SVG);
+    }
+
+    token.ackSelfClosing = true;
+}
+
+function genericStartTagInBody(p, token) {
+    p._reconstructActiveFormattingElements();
+    p._insertElement(token, NS$1.HTML);
+}
+
+//OPTIMIZATION: Integer comparisons are low-cost, so we can use very fast tag name length filters here.
+//It's faster than using dictionary.
+function startTagInBody(p, token) {
+    const tn = token.tagName;
+
+    switch (tn.length) {
+        case 1:
+            if (tn === $$4.I || tn === $$4.S || tn === $$4.B || tn === $$4.U) {
+                bStartTagInBody(p, token);
+            } else if (tn === $$4.P) {
+                addressStartTagInBody(p, token);
+            } else if (tn === $$4.A) {
+                aStartTagInBody(p, token);
+            } else {
+                genericStartTagInBody(p, token);
+            }
+
+            break;
+
+        case 2:
+            if (tn === $$4.DL || tn === $$4.OL || tn === $$4.UL) {
+                addressStartTagInBody(p, token);
+            } else if (tn === $$4.H1 || tn === $$4.H2 || tn === $$4.H3 || tn === $$4.H4 || tn === $$4.H5 || tn === $$4.H6) {
+                numberedHeaderStartTagInBody(p, token);
+            } else if (tn === $$4.LI || tn === $$4.DD || tn === $$4.DT) {
+                listItemStartTagInBody(p, token);
+            } else if (tn === $$4.EM || tn === $$4.TT) {
+                bStartTagInBody(p, token);
+            } else if (tn === $$4.BR) {
+                areaStartTagInBody(p, token);
+            } else if (tn === $$4.HR) {
+                hrStartTagInBody(p, token);
+            } else if (tn === $$4.RB) {
+                rbStartTagInBody(p, token);
+            } else if (tn === $$4.RT || tn === $$4.RP) {
+                rtStartTagInBody(p, token);
+            } else if (tn !== $$4.TH && tn !== $$4.TD && tn !== $$4.TR) {
+                genericStartTagInBody(p, token);
+            }
+
+            break;
+
+        case 3:
+            if (tn === $$4.DIV || tn === $$4.DIR || tn === $$4.NAV) {
+                addressStartTagInBody(p, token);
+            } else if (tn === $$4.PRE) {
+                preStartTagInBody(p, token);
+            } else if (tn === $$4.BIG) {
+                bStartTagInBody(p, token);
+            } else if (tn === $$4.IMG || tn === $$4.WBR) {
+                areaStartTagInBody(p, token);
+            } else if (tn === $$4.XMP) {
+                xmpStartTagInBody(p, token);
+            } else if (tn === $$4.SVG) {
+                svgStartTagInBody(p, token);
+            } else if (tn === $$4.RTC) {
+                rbStartTagInBody(p, token);
+            } else if (tn !== $$4.COL) {
+                genericStartTagInBody(p, token);
+            }
+
+            break;
+
+        case 4:
+            if (tn === $$4.HTML) {
+                htmlStartTagInBody(p, token);
+            } else if (tn === $$4.BASE || tn === $$4.LINK || tn === $$4.META) {
+                startTagInHead(p, token);
+            } else if (tn === $$4.BODY) {
+                bodyStartTagInBody(p, token);
+            } else if (tn === $$4.MAIN || tn === $$4.MENU) {
+                addressStartTagInBody(p, token);
+            } else if (tn === $$4.FORM) {
+                formStartTagInBody(p, token);
+            } else if (tn === $$4.CODE || tn === $$4.FONT) {
+                bStartTagInBody(p, token);
+            } else if (tn === $$4.NOBR) {
+                nobrStartTagInBody(p, token);
+            } else if (tn === $$4.AREA) {
+                areaStartTagInBody(p, token);
+            } else if (tn === $$4.MATH) {
+                mathStartTagInBody(p, token);
+            } else if (tn === $$4.MENU) {
+                menuStartTagInBody(p, token);
+            } else if (tn !== $$4.HEAD) {
+                genericStartTagInBody(p, token);
+            }
+
+            break;
+
+        case 5:
+            if (tn === $$4.STYLE || tn === $$4.TITLE) {
+                startTagInHead(p, token);
+            } else if (tn === $$4.ASIDE) {
+                addressStartTagInBody(p, token);
+            } else if (tn === $$4.SMALL) {
+                bStartTagInBody(p, token);
+            } else if (tn === $$4.TABLE) {
+                tableStartTagInBody(p, token);
+            } else if (tn === $$4.EMBED) {
+                areaStartTagInBody(p, token);
+            } else if (tn === $$4.INPUT) {
+                inputStartTagInBody(p, token);
+            } else if (tn === $$4.PARAM || tn === $$4.TRACK) {
+                paramStartTagInBody(p, token);
+            } else if (tn === $$4.IMAGE) {
+                imageStartTagInBody(p, token);
+            } else if (tn !== $$4.FRAME && tn !== $$4.TBODY && tn !== $$4.TFOOT && tn !== $$4.THEAD) {
+                genericStartTagInBody(p, token);
+            }
+
+            break;
+
+        case 6:
+            if (tn === $$4.SCRIPT) {
+                startTagInHead(p, token);
+            } else if (
+                tn === $$4.CENTER ||
+                tn === $$4.FIGURE ||
+                tn === $$4.FOOTER ||
+                tn === $$4.HEADER ||
+                tn === $$4.HGROUP ||
+                tn === $$4.DIALOG
+            ) {
+                addressStartTagInBody(p, token);
+            } else if (tn === $$4.BUTTON) {
+                buttonStartTagInBody(p, token);
+            } else if (tn === $$4.STRIKE || tn === $$4.STRONG) {
+                bStartTagInBody(p, token);
+            } else if (tn === $$4.APPLET || tn === $$4.OBJECT) {
+                appletStartTagInBody(p, token);
+            } else if (tn === $$4.KEYGEN) {
+                areaStartTagInBody(p, token);
+            } else if (tn === $$4.SOURCE) {
+                paramStartTagInBody(p, token);
+            } else if (tn === $$4.IFRAME) {
+                iframeStartTagInBody(p, token);
+            } else if (tn === $$4.SELECT) {
+                selectStartTagInBody(p, token);
+            } else if (tn === $$4.OPTION) {
+                optgroupStartTagInBody(p, token);
+            } else {
+                genericStartTagInBody(p, token);
+            }
+
+            break;
+
+        case 7:
+            if (tn === $$4.BGSOUND) {
+                startTagInHead(p, token);
+            } else if (
+                tn === $$4.DETAILS ||
+                tn === $$4.ADDRESS ||
+                tn === $$4.ARTICLE ||
+                tn === $$4.SECTION ||
+                tn === $$4.SUMMARY
+            ) {
+                addressStartTagInBody(p, token);
+            } else if (tn === $$4.LISTING) {
+                preStartTagInBody(p, token);
+            } else if (tn === $$4.MARQUEE) {
+                appletStartTagInBody(p, token);
+            } else if (tn === $$4.NOEMBED) {
+                noembedStartTagInBody(p, token);
+            } else if (tn !== $$4.CAPTION) {
+                genericStartTagInBody(p, token);
+            }
+
+            break;
+
+        case 8:
+            if (tn === $$4.BASEFONT) {
+                startTagInHead(p, token);
+            } else if (tn === $$4.FRAMESET) {
+                framesetStartTagInBody(p, token);
+            } else if (tn === $$4.FIELDSET) {
+                addressStartTagInBody(p, token);
+            } else if (tn === $$4.TEXTAREA) {
+                textareaStartTagInBody(p, token);
+            } else if (tn === $$4.TEMPLATE) {
+                startTagInHead(p, token);
+            } else if (tn === $$4.NOSCRIPT) {
+                if (p.options.scriptingEnabled) {
+                    noembedStartTagInBody(p, token);
+                } else {
+                    genericStartTagInBody(p, token);
+                }
+            } else if (tn === $$4.OPTGROUP) {
+                optgroupStartTagInBody(p, token);
+            } else if (tn !== $$4.COLGROUP) {
+                genericStartTagInBody(p, token);
+            }
+
+            break;
+
+        case 9:
+            if (tn === $$4.PLAINTEXT) {
+                plaintextStartTagInBody(p, token);
+            } else {
+                genericStartTagInBody(p, token);
+            }
+
+            break;
+
+        case 10:
+            if (tn === $$4.BLOCKQUOTE || tn === $$4.FIGCAPTION) {
+                addressStartTagInBody(p, token);
+            } else {
+                genericStartTagInBody(p, token);
+            }
+
+            break;
+
+        default:
+            genericStartTagInBody(p, token);
+    }
+}
+
+function bodyEndTagInBody(p) {
+    if (p.openElements.hasInScope($$4.BODY)) {
+        p.insertionMode = AFTER_BODY_MODE;
+    }
+}
+
+function htmlEndTagInBody(p, token) {
+    if (p.openElements.hasInScope($$4.BODY)) {
+        p.insertionMode = AFTER_BODY_MODE;
+        p._processToken(token);
+    }
+}
+
+function addressEndTagInBody(p, token) {
+    const tn = token.tagName;
+
+    if (p.openElements.hasInScope(tn)) {
+        p.openElements.generateImpliedEndTags();
+        p.openElements.popUntilTagNamePopped(tn);
+    }
+}
+
+function formEndTagInBody(p) {
+    const inTemplate = p.openElements.tmplCount > 0;
+    const formElement = p.formElement;
+
+    if (!inTemplate) {
+        p.formElement = null;
+    }
+
+    if ((formElement || inTemplate) && p.openElements.hasInScope($$4.FORM)) {
+        p.openElements.generateImpliedEndTags();
+
+        if (inTemplate) {
+            p.openElements.popUntilTagNamePopped($$4.FORM);
+        } else {
+            p.openElements.remove(formElement);
+        }
+    }
+}
+
+function pEndTagInBody(p) {
+    if (!p.openElements.hasInButtonScope($$4.P)) {
+        p._insertFakeElement($$4.P);
+    }
+
+    p._closePElement();
+}
+
+function liEndTagInBody(p) {
+    if (p.openElements.hasInListItemScope($$4.LI)) {
+        p.openElements.generateImpliedEndTagsWithExclusion($$4.LI);
+        p.openElements.popUntilTagNamePopped($$4.LI);
+    }
+}
+
+function ddEndTagInBody(p, token) {
+    const tn = token.tagName;
+
+    if (p.openElements.hasInScope(tn)) {
+        p.openElements.generateImpliedEndTagsWithExclusion(tn);
+        p.openElements.popUntilTagNamePopped(tn);
+    }
+}
+
+function numberedHeaderEndTagInBody(p) {
+    if (p.openElements.hasNumberedHeaderInScope()) {
+        p.openElements.generateImpliedEndTags();
+        p.openElements.popUntilNumberedHeaderPopped();
+    }
+}
+
+function appletEndTagInBody(p, token) {
+    const tn = token.tagName;
+
+    if (p.openElements.hasInScope(tn)) {
+        p.openElements.generateImpliedEndTags();
+        p.openElements.popUntilTagNamePopped(tn);
+        p.activeFormattingElements.clearToLastMarker();
+    }
+}
+
+function brEndTagInBody(p) {
+    p._reconstructActiveFormattingElements();
+    p._insertFakeElement($$4.BR);
+    p.openElements.pop();
+    p.framesetOk = false;
+}
+
+function genericEndTagInBody(p, token) {
+    const tn = token.tagName;
+
+    for (let i = p.openElements.stackTop; i > 0; i--) {
+        const element = p.openElements.items[i];
+
+        if (p.treeAdapter.getTagName(element) === tn) {
+            p.openElements.generateImpliedEndTagsWithExclusion(tn);
+            p.openElements.popUntilElementPopped(element);
+            break;
+        }
+
+        if (p._isSpecialElement(element)) {
+            break;
+        }
+    }
+}
+
+//OPTIMIZATION: Integer comparisons are low-cost, so we can use very fast tag name length filters here.
+//It's faster than using dictionary.
+function endTagInBody(p, token) {
+    const tn = token.tagName;
+
+    switch (tn.length) {
+        case 1:
+            if (tn === $$4.A || tn === $$4.B || tn === $$4.I || tn === $$4.S || tn === $$4.U) {
+                callAdoptionAgency(p, token);
+            } else if (tn === $$4.P) {
+                pEndTagInBody(p);
+            } else {
+                genericEndTagInBody(p, token);
+            }
+
+            break;
+
+        case 2:
+            if (tn === $$4.DL || tn === $$4.UL || tn === $$4.OL) {
+                addressEndTagInBody(p, token);
+            } else if (tn === $$4.LI) {
+                liEndTagInBody(p);
+            } else if (tn === $$4.DD || tn === $$4.DT) {
+                ddEndTagInBody(p, token);
+            } else if (tn === $$4.H1 || tn === $$4.H2 || tn === $$4.H3 || tn === $$4.H4 || tn === $$4.H5 || tn === $$4.H6) {
+                numberedHeaderEndTagInBody(p);
+            } else if (tn === $$4.BR) {
+                brEndTagInBody(p);
+            } else if (tn === $$4.EM || tn === $$4.TT) {
+                callAdoptionAgency(p, token);
+            } else {
+                genericEndTagInBody(p, token);
+            }
+
+            break;
+
+        case 3:
+            if (tn === $$4.BIG) {
+                callAdoptionAgency(p, token);
+            } else if (tn === $$4.DIR || tn === $$4.DIV || tn === $$4.NAV || tn === $$4.PRE) {
+                addressEndTagInBody(p, token);
+            } else {
+                genericEndTagInBody(p, token);
+            }
+
+            break;
+
+        case 4:
+            if (tn === $$4.BODY) {
+                bodyEndTagInBody(p);
+            } else if (tn === $$4.HTML) {
+                htmlEndTagInBody(p, token);
+            } else if (tn === $$4.FORM) {
+                formEndTagInBody(p);
+            } else if (tn === $$4.CODE || tn === $$4.FONT || tn === $$4.NOBR) {
+                callAdoptionAgency(p, token);
+            } else if (tn === $$4.MAIN || tn === $$4.MENU) {
+                addressEndTagInBody(p, token);
+            } else {
+                genericEndTagInBody(p, token);
+            }
+
+            break;
+
+        case 5:
+            if (tn === $$4.ASIDE) {
+                addressEndTagInBody(p, token);
+            } else if (tn === $$4.SMALL) {
+                callAdoptionAgency(p, token);
+            } else {
+                genericEndTagInBody(p, token);
+            }
+
+            break;
+
+        case 6:
+            if (
+                tn === $$4.CENTER ||
+                tn === $$4.FIGURE ||
+                tn === $$4.FOOTER ||
+                tn === $$4.HEADER ||
+                tn === $$4.HGROUP ||
+                tn === $$4.DIALOG
+            ) {
+                addressEndTagInBody(p, token);
+            } else if (tn === $$4.APPLET || tn === $$4.OBJECT) {
+                appletEndTagInBody(p, token);
+            } else if (tn === $$4.STRIKE || tn === $$4.STRONG) {
+                callAdoptionAgency(p, token);
+            } else {
+                genericEndTagInBody(p, token);
+            }
+
+            break;
+
+        case 7:
+            if (
+                tn === $$4.ADDRESS ||
+                tn === $$4.ARTICLE ||
+                tn === $$4.DETAILS ||
+                tn === $$4.SECTION ||
+                tn === $$4.SUMMARY ||
+                tn === $$4.LISTING
+            ) {
+                addressEndTagInBody(p, token);
+            } else if (tn === $$4.MARQUEE) {
+                appletEndTagInBody(p, token);
+            } else {
+                genericEndTagInBody(p, token);
+            }
+
+            break;
+
+        case 8:
+            if (tn === $$4.FIELDSET) {
+                addressEndTagInBody(p, token);
+            } else if (tn === $$4.TEMPLATE) {
+                endTagInHead(p, token);
+            } else {
+                genericEndTagInBody(p, token);
+            }
+
+            break;
+
+        case 10:
+            if (tn === $$4.BLOCKQUOTE || tn === $$4.FIGCAPTION) {
+                addressEndTagInBody(p, token);
+            } else {
+                genericEndTagInBody(p, token);
+            }
+
+            break;
+
+        default:
+            genericEndTagInBody(p, token);
+    }
+}
+
+function eofInBody(p, token) {
+    if (p.tmplInsertionModeStackTop > -1) {
+        eofInTemplate(p, token);
+    } else {
+        p.stopped = true;
+    }
+}
+
+// The "text" insertion mode
+//------------------------------------------------------------------
+function endTagInText(p, token) {
+    if (token.tagName === $$4.SCRIPT) {
+        p.pendingScript = p.openElements.current;
+    }
+
+    p.openElements.pop();
+    p.insertionMode = p.originalInsertionMode;
+}
+
+function eofInText(p, token) {
+    p._err(errorCodes.eofInElementThatCanContainOnlyText);
+    p.openElements.pop();
+    p.insertionMode = p.originalInsertionMode;
+    p._processToken(token);
+}
+
+// The "in table" insertion mode
+//------------------------------------------------------------------
+function characterInTable(p, token) {
+    const curTn = p.openElements.currentTagName;
+
+    if (curTn === $$4.TABLE || curTn === $$4.TBODY || curTn === $$4.TFOOT || curTn === $$4.THEAD || curTn === $$4.TR) {
+        p.pendingCharacterTokens = [];
+        p.hasNonWhitespacePendingCharacterToken = false;
+        p.originalInsertionMode = p.insertionMode;
+        p.insertionMode = IN_TABLE_TEXT_MODE;
+        p._processToken(token);
+    } else {
+        tokenInTable(p, token);
+    }
+}
+
+function captionStartTagInTable(p, token) {
+    p.openElements.clearBackToTableContext();
+    p.activeFormattingElements.insertMarker();
+    p._insertElement(token, NS$1.HTML);
+    p.insertionMode = IN_CAPTION_MODE;
+}
+
+function colgroupStartTagInTable(p, token) {
+    p.openElements.clearBackToTableContext();
+    p._insertElement(token, NS$1.HTML);
+    p.insertionMode = IN_COLUMN_GROUP_MODE;
+}
+
+function colStartTagInTable(p, token) {
+    p.openElements.clearBackToTableContext();
+    p._insertFakeElement($$4.COLGROUP);
+    p.insertionMode = IN_COLUMN_GROUP_MODE;
+    p._processToken(token);
+}
+
+function tbodyStartTagInTable(p, token) {
+    p.openElements.clearBackToTableContext();
+    p._insertElement(token, NS$1.HTML);
+    p.insertionMode = IN_TABLE_BODY_MODE;
+}
+
+function tdStartTagInTable(p, token) {
+    p.openElements.clearBackToTableContext();
+    p._insertFakeElement($$4.TBODY);
+    p.insertionMode = IN_TABLE_BODY_MODE;
+    p._processToken(token);
+}
+
+function tableStartTagInTable(p, token) {
+    if (p.openElements.hasInTableScope($$4.TABLE)) {
+        p.openElements.popUntilTagNamePopped($$4.TABLE);
+        p._resetInsertionMode();
+        p._processToken(token);
+    }
+}
+
+function inputStartTagInTable(p, token) {
+    const inputType = tokenizer.getTokenAttr(token, ATTRS.TYPE);
+
+    if (inputType && inputType.toLowerCase() === HIDDEN_INPUT_TYPE) {
+        p._appendElement(token, NS$1.HTML);
+    } else {
+        tokenInTable(p, token);
+    }
+
+    token.ackSelfClosing = true;
+}
+
+function formStartTagInTable(p, token) {
+    if (!p.formElement && p.openElements.tmplCount === 0) {
+        p._insertElement(token, NS$1.HTML);
+        p.formElement = p.openElements.current;
+        p.openElements.pop();
+    }
+}
+
+function startTagInTable(p, token) {
+    const tn = token.tagName;
+
+    switch (tn.length) {
+        case 2:
+            if (tn === $$4.TD || tn === $$4.TH || tn === $$4.TR) {
+                tdStartTagInTable(p, token);
+            } else {
+                tokenInTable(p, token);
+            }
+
+            break;
+
+        case 3:
+            if (tn === $$4.COL) {
+                colStartTagInTable(p, token);
+            } else {
+                tokenInTable(p, token);
+            }
+
+            break;
+
+        case 4:
+            if (tn === $$4.FORM) {
+                formStartTagInTable(p, token);
+            } else {
+                tokenInTable(p, token);
+            }
+
+            break;
+
+        case 5:
+            if (tn === $$4.TABLE) {
+                tableStartTagInTable(p, token);
+            } else if (tn === $$4.STYLE) {
+                startTagInHead(p, token);
+            } else if (tn === $$4.TBODY || tn === $$4.TFOOT || tn === $$4.THEAD) {
+                tbodyStartTagInTable(p, token);
+            } else if (tn === $$4.INPUT) {
+                inputStartTagInTable(p, token);
+            } else {
+                tokenInTable(p, token);
+            }
+
+            break;
+
+        case 6:
+            if (tn === $$4.SCRIPT) {
+                startTagInHead(p, token);
+            } else {
+                tokenInTable(p, token);
+            }
+
+            break;
+
+        case 7:
+            if (tn === $$4.CAPTION) {
+                captionStartTagInTable(p, token);
+            } else {
+                tokenInTable(p, token);
+            }
+
+            break;
+
+        case 8:
+            if (tn === $$4.COLGROUP) {
+                colgroupStartTagInTable(p, token);
+            } else if (tn === $$4.TEMPLATE) {
+                startTagInHead(p, token);
+            } else {
+                tokenInTable(p, token);
+            }
+
+            break;
+
+        default:
+            tokenInTable(p, token);
+    }
+}
+
+function endTagInTable(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.TABLE) {
+        if (p.openElements.hasInTableScope($$4.TABLE)) {
+            p.openElements.popUntilTagNamePopped($$4.TABLE);
+            p._resetInsertionMode();
+        }
+    } else if (tn === $$4.TEMPLATE) {
+        endTagInHead(p, token);
+    } else if (
+        tn !== $$4.BODY &&
+        tn !== $$4.CAPTION &&
+        tn !== $$4.COL &&
+        tn !== $$4.COLGROUP &&
+        tn !== $$4.HTML &&
+        tn !== $$4.TBODY &&
+        tn !== $$4.TD &&
+        tn !== $$4.TFOOT &&
+        tn !== $$4.TH &&
+        tn !== $$4.THEAD &&
+        tn !== $$4.TR
+    ) {
+        tokenInTable(p, token);
+    }
+}
+
+function tokenInTable(p, token) {
+    const savedFosterParentingState = p.fosterParentingEnabled;
+
+    p.fosterParentingEnabled = true;
+    p._processTokenInBodyMode(token);
+    p.fosterParentingEnabled = savedFosterParentingState;
+}
+
+// The "in table text" insertion mode
+//------------------------------------------------------------------
+function whitespaceCharacterInTableText(p, token) {
+    p.pendingCharacterTokens.push(token);
+}
+
+function characterInTableText(p, token) {
+    p.pendingCharacterTokens.push(token);
+    p.hasNonWhitespacePendingCharacterToken = true;
+}
+
+function tokenInTableText(p, token) {
+    let i = 0;
+
+    if (p.hasNonWhitespacePendingCharacterToken) {
+        for (; i < p.pendingCharacterTokens.length; i++) {
+            tokenInTable(p, p.pendingCharacterTokens[i]);
+        }
+    } else {
+        for (; i < p.pendingCharacterTokens.length; i++) {
+            p._insertCharacters(p.pendingCharacterTokens[i]);
+        }
+    }
+
+    p.insertionMode = p.originalInsertionMode;
+    p._processToken(token);
+}
+
+// The "in caption" insertion mode
+//------------------------------------------------------------------
+function startTagInCaption(p, token) {
+    const tn = token.tagName;
+
+    if (
+        tn === $$4.CAPTION ||
+        tn === $$4.COL ||
+        tn === $$4.COLGROUP ||
+        tn === $$4.TBODY ||
+        tn === $$4.TD ||
+        tn === $$4.TFOOT ||
+        tn === $$4.TH ||
+        tn === $$4.THEAD ||
+        tn === $$4.TR
+    ) {
+        if (p.openElements.hasInTableScope($$4.CAPTION)) {
+            p.openElements.generateImpliedEndTags();
+            p.openElements.popUntilTagNamePopped($$4.CAPTION);
+            p.activeFormattingElements.clearToLastMarker();
+            p.insertionMode = IN_TABLE_MODE;
+            p._processToken(token);
+        }
+    } else {
+        startTagInBody(p, token);
+    }
+}
+
+function endTagInCaption(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.CAPTION || tn === $$4.TABLE) {
+        if (p.openElements.hasInTableScope($$4.CAPTION)) {
+            p.openElements.generateImpliedEndTags();
+            p.openElements.popUntilTagNamePopped($$4.CAPTION);
+            p.activeFormattingElements.clearToLastMarker();
+            p.insertionMode = IN_TABLE_MODE;
+
+            if (tn === $$4.TABLE) {
+                p._processToken(token);
+            }
+        }
+    } else if (
+        tn !== $$4.BODY &&
+        tn !== $$4.COL &&
+        tn !== $$4.COLGROUP &&
+        tn !== $$4.HTML &&
+        tn !== $$4.TBODY &&
+        tn !== $$4.TD &&
+        tn !== $$4.TFOOT &&
+        tn !== $$4.TH &&
+        tn !== $$4.THEAD &&
+        tn !== $$4.TR
+    ) {
+        endTagInBody(p, token);
+    }
+}
+
+// The "in column group" insertion mode
+//------------------------------------------------------------------
+function startTagInColumnGroup(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.HTML) {
+        startTagInBody(p, token);
+    } else if (tn === $$4.COL) {
+        p._appendElement(token, NS$1.HTML);
+        token.ackSelfClosing = true;
+    } else if (tn === $$4.TEMPLATE) {
+        startTagInHead(p, token);
+    } else {
+        tokenInColumnGroup(p, token);
+    }
+}
+
+function endTagInColumnGroup(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.COLGROUP) {
+        if (p.openElements.currentTagName === $$4.COLGROUP) {
+            p.openElements.pop();
+            p.insertionMode = IN_TABLE_MODE;
+        }
+    } else if (tn === $$4.TEMPLATE) {
+        endTagInHead(p, token);
+    } else if (tn !== $$4.COL) {
+        tokenInColumnGroup(p, token);
+    }
+}
+
+function tokenInColumnGroup(p, token) {
+    if (p.openElements.currentTagName === $$4.COLGROUP) {
+        p.openElements.pop();
+        p.insertionMode = IN_TABLE_MODE;
+        p._processToken(token);
+    }
+}
+
+// The "in table body" insertion mode
+//------------------------------------------------------------------
+function startTagInTableBody(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.TR) {
+        p.openElements.clearBackToTableBodyContext();
+        p._insertElement(token, NS$1.HTML);
+        p.insertionMode = IN_ROW_MODE;
+    } else if (tn === $$4.TH || tn === $$4.TD) {
+        p.openElements.clearBackToTableBodyContext();
+        p._insertFakeElement($$4.TR);
+        p.insertionMode = IN_ROW_MODE;
+        p._processToken(token);
+    } else if (
+        tn === $$4.CAPTION ||
+        tn === $$4.COL ||
+        tn === $$4.COLGROUP ||
+        tn === $$4.TBODY ||
+        tn === $$4.TFOOT ||
+        tn === $$4.THEAD
+    ) {
+        if (p.openElements.hasTableBodyContextInTableScope()) {
+            p.openElements.clearBackToTableBodyContext();
+            p.openElements.pop();
+            p.insertionMode = IN_TABLE_MODE;
+            p._processToken(token);
+        }
+    } else {
+        startTagInTable(p, token);
+    }
+}
+
+function endTagInTableBody(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.TBODY || tn === $$4.TFOOT || tn === $$4.THEAD) {
+        if (p.openElements.hasInTableScope(tn)) {
+            p.openElements.clearBackToTableBodyContext();
+            p.openElements.pop();
+            p.insertionMode = IN_TABLE_MODE;
+        }
+    } else if (tn === $$4.TABLE) {
+        if (p.openElements.hasTableBodyContextInTableScope()) {
+            p.openElements.clearBackToTableBodyContext();
+            p.openElements.pop();
+            p.insertionMode = IN_TABLE_MODE;
+            p._processToken(token);
+        }
+    } else if (
+        (tn !== $$4.BODY && tn !== $$4.CAPTION && tn !== $$4.COL && tn !== $$4.COLGROUP) ||
+        (tn !== $$4.HTML && tn !== $$4.TD && tn !== $$4.TH && tn !== $$4.TR)
+    ) {
+        endTagInTable(p, token);
+    }
+}
+
+// The "in row" insertion mode
+//------------------------------------------------------------------
+function startTagInRow(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.TH || tn === $$4.TD) {
+        p.openElements.clearBackToTableRowContext();
+        p._insertElement(token, NS$1.HTML);
+        p.insertionMode = IN_CELL_MODE;
+        p.activeFormattingElements.insertMarker();
+    } else if (
+        tn === $$4.CAPTION ||
+        tn === $$4.COL ||
+        tn === $$4.COLGROUP ||
+        tn === $$4.TBODY ||
+        tn === $$4.TFOOT ||
+        tn === $$4.THEAD ||
+        tn === $$4.TR
+    ) {
+        if (p.openElements.hasInTableScope($$4.TR)) {
+            p.openElements.clearBackToTableRowContext();
+            p.openElements.pop();
+            p.insertionMode = IN_TABLE_BODY_MODE;
+            p._processToken(token);
+        }
+    } else {
+        startTagInTable(p, token);
+    }
+}
+
+function endTagInRow(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.TR) {
+        if (p.openElements.hasInTableScope($$4.TR)) {
+            p.openElements.clearBackToTableRowContext();
+            p.openElements.pop();
+            p.insertionMode = IN_TABLE_BODY_MODE;
+        }
+    } else if (tn === $$4.TABLE) {
+        if (p.openElements.hasInTableScope($$4.TR)) {
+            p.openElements.clearBackToTableRowContext();
+            p.openElements.pop();
+            p.insertionMode = IN_TABLE_BODY_MODE;
+            p._processToken(token);
+        }
+    } else if (tn === $$4.TBODY || tn === $$4.TFOOT || tn === $$4.THEAD) {
+        if (p.openElements.hasInTableScope(tn) || p.openElements.hasInTableScope($$4.TR)) {
+            p.openElements.clearBackToTableRowContext();
+            p.openElements.pop();
+            p.insertionMode = IN_TABLE_BODY_MODE;
+            p._processToken(token);
+        }
+    } else if (
+        (tn !== $$4.BODY && tn !== $$4.CAPTION && tn !== $$4.COL && tn !== $$4.COLGROUP) ||
+        (tn !== $$4.HTML && tn !== $$4.TD && tn !== $$4.TH)
+    ) {
+        endTagInTable(p, token);
+    }
+}
+
+// The "in cell" insertion mode
+//------------------------------------------------------------------
+function startTagInCell(p, token) {
+    const tn = token.tagName;
+
+    if (
+        tn === $$4.CAPTION ||
+        tn === $$4.COL ||
+        tn === $$4.COLGROUP ||
+        tn === $$4.TBODY ||
+        tn === $$4.TD ||
+        tn === $$4.TFOOT ||
+        tn === $$4.TH ||
+        tn === $$4.THEAD ||
+        tn === $$4.TR
+    ) {
+        if (p.openElements.hasInTableScope($$4.TD) || p.openElements.hasInTableScope($$4.TH)) {
+            p._closeTableCell();
+            p._processToken(token);
+        }
+    } else {
+        startTagInBody(p, token);
+    }
+}
+
+function endTagInCell(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.TD || tn === $$4.TH) {
+        if (p.openElements.hasInTableScope(tn)) {
+            p.openElements.generateImpliedEndTags();
+            p.openElements.popUntilTagNamePopped(tn);
+            p.activeFormattingElements.clearToLastMarker();
+            p.insertionMode = IN_ROW_MODE;
+        }
+    } else if (tn === $$4.TABLE || tn === $$4.TBODY || tn === $$4.TFOOT || tn === $$4.THEAD || tn === $$4.TR) {
+        if (p.openElements.hasInTableScope(tn)) {
+            p._closeTableCell();
+            p._processToken(token);
+        }
+    } else if (tn !== $$4.BODY && tn !== $$4.CAPTION && tn !== $$4.COL && tn !== $$4.COLGROUP && tn !== $$4.HTML) {
+        endTagInBody(p, token);
+    }
+}
+
+// The "in select" insertion mode
+//------------------------------------------------------------------
+function startTagInSelect(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.HTML) {
+        startTagInBody(p, token);
+    } else if (tn === $$4.OPTION) {
+        if (p.openElements.currentTagName === $$4.OPTION) {
+            p.openElements.pop();
+        }
+
+        p._insertElement(token, NS$1.HTML);
+    } else if (tn === $$4.OPTGROUP) {
+        if (p.openElements.currentTagName === $$4.OPTION) {
+            p.openElements.pop();
+        }
+
+        if (p.openElements.currentTagName === $$4.OPTGROUP) {
+            p.openElements.pop();
+        }
+
+        p._insertElement(token, NS$1.HTML);
+    } else if (tn === $$4.INPUT || tn === $$4.KEYGEN || tn === $$4.TEXTAREA || tn === $$4.SELECT) {
+        if (p.openElements.hasInSelectScope($$4.SELECT)) {
+            p.openElements.popUntilTagNamePopped($$4.SELECT);
+            p._resetInsertionMode();
+
+            if (tn !== $$4.SELECT) {
+                p._processToken(token);
+            }
+        }
+    } else if (tn === $$4.SCRIPT || tn === $$4.TEMPLATE) {
+        startTagInHead(p, token);
+    }
+}
+
+function endTagInSelect(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.OPTGROUP) {
+        const prevOpenElement = p.openElements.items[p.openElements.stackTop - 1];
+        const prevOpenElementTn = prevOpenElement && p.treeAdapter.getTagName(prevOpenElement);
+
+        if (p.openElements.currentTagName === $$4.OPTION && prevOpenElementTn === $$4.OPTGROUP) {
+            p.openElements.pop();
+        }
+
+        if (p.openElements.currentTagName === $$4.OPTGROUP) {
+            p.openElements.pop();
+        }
+    } else if (tn === $$4.OPTION) {
+        if (p.openElements.currentTagName === $$4.OPTION) {
+            p.openElements.pop();
+        }
+    } else if (tn === $$4.SELECT && p.openElements.hasInSelectScope($$4.SELECT)) {
+        p.openElements.popUntilTagNamePopped($$4.SELECT);
+        p._resetInsertionMode();
+    } else if (tn === $$4.TEMPLATE) {
+        endTagInHead(p, token);
+    }
+}
+
+//12.2.5.4.17 The "in select in table" insertion mode
+//------------------------------------------------------------------
+function startTagInSelectInTable(p, token) {
+    const tn = token.tagName;
+
+    if (
+        tn === $$4.CAPTION ||
+        tn === $$4.TABLE ||
+        tn === $$4.TBODY ||
+        tn === $$4.TFOOT ||
+        tn === $$4.THEAD ||
+        tn === $$4.TR ||
+        tn === $$4.TD ||
+        tn === $$4.TH
+    ) {
+        p.openElements.popUntilTagNamePopped($$4.SELECT);
+        p._resetInsertionMode();
+        p._processToken(token);
+    } else {
+        startTagInSelect(p, token);
+    }
+}
+
+function endTagInSelectInTable(p, token) {
+    const tn = token.tagName;
+
+    if (
+        tn === $$4.CAPTION ||
+        tn === $$4.TABLE ||
+        tn === $$4.TBODY ||
+        tn === $$4.TFOOT ||
+        tn === $$4.THEAD ||
+        tn === $$4.TR ||
+        tn === $$4.TD ||
+        tn === $$4.TH
+    ) {
+        if (p.openElements.hasInTableScope(tn)) {
+            p.openElements.popUntilTagNamePopped($$4.SELECT);
+            p._resetInsertionMode();
+            p._processToken(token);
+        }
+    } else {
+        endTagInSelect(p, token);
+    }
+}
+
+// The "in template" insertion mode
+//------------------------------------------------------------------
+function startTagInTemplate(p, token) {
+    const tn = token.tagName;
+
+    if (
+        tn === $$4.BASE ||
+        tn === $$4.BASEFONT ||
+        tn === $$4.BGSOUND ||
+        tn === $$4.LINK ||
+        tn === $$4.META ||
+        tn === $$4.NOFRAMES ||
+        tn === $$4.SCRIPT ||
+        tn === $$4.STYLE ||
+        tn === $$4.TEMPLATE ||
+        tn === $$4.TITLE
+    ) {
+        startTagInHead(p, token);
+    } else {
+        const newInsertionMode = TEMPLATE_INSERTION_MODE_SWITCH_MAP[tn] || IN_BODY_MODE;
+
+        p._popTmplInsertionMode();
+        p._pushTmplInsertionMode(newInsertionMode);
+        p.insertionMode = newInsertionMode;
+        p._processToken(token);
+    }
+}
+
+function endTagInTemplate(p, token) {
+    if (token.tagName === $$4.TEMPLATE) {
+        endTagInHead(p, token);
+    }
+}
+
+function eofInTemplate(p, token) {
+    if (p.openElements.tmplCount > 0) {
+        p.openElements.popUntilTagNamePopped($$4.TEMPLATE);
+        p.activeFormattingElements.clearToLastMarker();
+        p._popTmplInsertionMode();
+        p._resetInsertionMode();
+        p._processToken(token);
+    } else {
+        p.stopped = true;
+    }
+}
+
+// The "after body" insertion mode
+//------------------------------------------------------------------
+function startTagAfterBody(p, token) {
+    if (token.tagName === $$4.HTML) {
+        startTagInBody(p, token);
+    } else {
+        tokenAfterBody(p, token);
+    }
+}
+
+function endTagAfterBody(p, token) {
+    if (token.tagName === $$4.HTML) {
+        if (!p.fragmentContext) {
+            p.insertionMode = AFTER_AFTER_BODY_MODE;
+        }
+    } else {
+        tokenAfterBody(p, token);
+    }
+}
+
+function tokenAfterBody(p, token) {
+    p.insertionMode = IN_BODY_MODE;
+    p._processToken(token);
+}
+
+// The "in frameset" insertion mode
+//------------------------------------------------------------------
+function startTagInFrameset(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.HTML) {
+        startTagInBody(p, token);
+    } else if (tn === $$4.FRAMESET) {
+        p._insertElement(token, NS$1.HTML);
+    } else if (tn === $$4.FRAME) {
+        p._appendElement(token, NS$1.HTML);
+        token.ackSelfClosing = true;
+    } else if (tn === $$4.NOFRAMES) {
+        startTagInHead(p, token);
+    }
+}
+
+function endTagInFrameset(p, token) {
+    if (token.tagName === $$4.FRAMESET && !p.openElements.isRootHtmlElementCurrent()) {
+        p.openElements.pop();
+
+        if (!p.fragmentContext && p.openElements.currentTagName !== $$4.FRAMESET) {
+            p.insertionMode = AFTER_FRAMESET_MODE;
+        }
+    }
+}
+
+// The "after frameset" insertion mode
+//------------------------------------------------------------------
+function startTagAfterFrameset(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.HTML) {
+        startTagInBody(p, token);
+    } else if (tn === $$4.NOFRAMES) {
+        startTagInHead(p, token);
+    }
+}
+
+function endTagAfterFrameset(p, token) {
+    if (token.tagName === $$4.HTML) {
+        p.insertionMode = AFTER_AFTER_FRAMESET_MODE;
+    }
+}
+
+// The "after after body" insertion mode
+//------------------------------------------------------------------
+function startTagAfterAfterBody(p, token) {
+    if (token.tagName === $$4.HTML) {
+        startTagInBody(p, token);
+    } else {
+        tokenAfterAfterBody(p, token);
+    }
+}
+
+function tokenAfterAfterBody(p, token) {
+    p.insertionMode = IN_BODY_MODE;
+    p._processToken(token);
+}
+
+// The "after after frameset" insertion mode
+//------------------------------------------------------------------
+function startTagAfterAfterFrameset(p, token) {
+    const tn = token.tagName;
+
+    if (tn === $$4.HTML) {
+        startTagInBody(p, token);
+    } else if (tn === $$4.NOFRAMES) {
+        startTagInHead(p, token);
+    }
+}
+
+// The rules for parsing tokens in foreign content
+//------------------------------------------------------------------
+function nullCharacterInForeignContent(p, token) {
+    token.chars = unicode.REPLACEMENT_CHARACTER;
+    p._insertCharacters(token);
+}
+
+function characterInForeignContent(p, token) {
+    p._insertCharacters(token);
+    p.framesetOk = false;
+}
+
+function startTagInForeignContent(p, token) {
+    if (foreignContent.causesExit(token) && !p.fragmentContext) {
+        while (
+            p.treeAdapter.getNamespaceURI(p.openElements.current) !== NS$1.HTML &&
+            !p._isIntegrationPoint(p.openElements.current)
+        ) {
+            p.openElements.pop();
+        }
+
+        p._processToken(token);
+    } else {
+        const current = p._getAdjustedCurrentElement();
+        const currentNs = p.treeAdapter.getNamespaceURI(current);
+
+        if (currentNs === NS$1.MATHML) {
+            foreignContent.adjustTokenMathMLAttrs(token);
+        } else if (currentNs === NS$1.SVG) {
+            foreignContent.adjustTokenSVGTagName(token);
+            foreignContent.adjustTokenSVGAttrs(token);
+        }
+
+        foreignContent.adjustTokenXMLAttrs(token);
+
+        if (token.selfClosing) {
+            p._appendElement(token, currentNs);
+        } else {
+            p._insertElement(token, currentNs);
+        }
+
+        token.ackSelfClosing = true;
+    }
+}
+
+function endTagInForeignContent(p, token) {
+    for (let i = p.openElements.stackTop; i > 0; i--) {
+        const element = p.openElements.items[i];
+
+        if (p.treeAdapter.getNamespaceURI(element) === NS$1.HTML) {
+            p._processToken(token);
+            break;
+        }
+
+        if (p.treeAdapter.getTagName(element).toLowerCase() === token.tagName) {
+            p.openElements.popUntilElementPopped(element);
+            break;
+        }
+    }
+}
+
+//Aliases
+const $$5 = html.TAG_NAMES;
+const NS$2 = html.NAMESPACES;
+
+// Shorthands
+var parse = function parse(html, options) {
+    const parser$1 = new parser(options);
+
+    return parser$1.parse(html);
+};
+
+var parseFragment = function parseFragment(fragmentContext, html, options) {
+    if (typeof fragmentContext === 'string') {
+        options = html;
+        html = fragmentContext;
+        fragmentContext = null;
+    }
+
+    const parser$1 = new parser(options);
+
+    return parser$1.parseFragment(html, fragmentContext);
+};
+
+const docParser = new WeakMap();
+function parseDocumentUtil(ownerDocument, html) {
+    const doc = parse(html.trim(), getParser(ownerDocument));
+    doc.documentElement = doc.firstElementChild;
+    doc.head = doc.documentElement.firstElementChild;
+    doc.body = doc.head.nextElementSibling;
+    return doc;
+}
+function parseFragmentUtil(ownerDocument, html) {
+    if (typeof html === 'string') {
+        html = html.trim();
+    }
+    else {
+        html = '';
+    }
+    const frag = parseFragment(html, getParser(ownerDocument));
+    return frag;
+}
+function getParser(ownerDocument) {
+    let parseOptions = docParser.get(ownerDocument);
+    if (parseOptions != null) {
+        return parseOptions;
+    }
+    const treeAdapter = {
+        createDocument() {
+            const doc = ownerDocument.createElement("#document");
+            doc['x-mode'] = 'no-quirks';
+            return doc;
+        },
+        createDocumentFragment() {
+            return ownerDocument.createDocumentFragment();
+        },
+        createElement(tagName, namespaceURI, attrs) {
+            const elm = ownerDocument.createElementNS(namespaceURI, tagName);
+            for (let i = 0; i < attrs.length; i++) {
+                const attr = attrs[i];
+                if (attr.namespace == null || attr.namespace === 'http://www.w3.org/1999/xhtml') {
+                    elm.setAttribute(attr.name, attr.value);
+                }
+                else {
+                    elm.setAttributeNS(attr.namespace, attr.name, attr.value);
+                }
+            }
+            return elm;
+        },
+        createCommentNode(data) {
+            return ownerDocument.createComment(data);
+        },
+        appendChild(parentNode, newNode) {
+            parentNode.appendChild(newNode);
+        },
+        insertBefore(parentNode, newNode, referenceNode) {
+            parentNode.insertBefore(newNode, referenceNode);
+        },
+        setTemplateContent(templateElement, contentElement) {
+            templateElement.content = contentElement;
+        },
+        getTemplateContent(templateElement) {
+            return templateElement.content;
+        },
+        setDocumentType(doc, name, publicId, systemId) {
+            let doctypeNode = doc.childNodes.find(n => n.nodeType === 10);
+            if (doctypeNode == null) {
+                doctypeNode = ownerDocument.createDocumentTypeNode();
+                doc.insertBefore(doctypeNode, doc.firstChild);
+            }
+            doctypeNode.nodeValue = '!DOCTYPE';
+            doctypeNode['x-name'] = name;
+            doctypeNode['x-publicId'] = publicId;
+            doctypeNode['x-systemId'] = systemId;
+        },
+        setDocumentMode(doc, mode) {
+            doc['x-mode'] = mode;
+        },
+        getDocumentMode(doc) {
+            return doc['x-mode'];
+        },
+        detachNode(node) {
+            node.remove();
+        },
+        insertText(parentNode, text) {
+            const lastChild = parentNode.lastChild;
+            if (lastChild != null && lastChild.nodeType === 3) {
+                lastChild.nodeValue += text;
+            }
+            else {
+                parentNode.appendChild(ownerDocument.createTextNode(text));
+            }
+        },
+        insertTextBefore(parentNode, text, referenceNode) {
+            const prevNode = parentNode.childNodes[parentNode.childNodes.indexOf(referenceNode) - 1];
+            if (prevNode != null && prevNode.nodeType === 3) {
+                prevNode.nodeValue += text;
+            }
+            else {
+                parentNode.insertBefore(ownerDocument.createTextNode(text), referenceNode);
+            }
+        },
+        adoptAttributes(recipient, attrs) {
+            for (let i = 0; i < attrs.length; i++) {
+                const attr = attrs[i];
+                if (recipient.hasAttributeNS(attr.namespace, attr.name) === false) {
+                    recipient.setAttributeNS(attr.namespace, attr.name, attr.value);
+                }
+            }
+        },
+        getFirstChild(node) {
+            return node.childNodes[0];
+        },
+        getChildNodes(node) {
+            return node.childNodes;
+        },
+        getParentNode(node) {
+            return node.parentNode;
+        },
+        getAttrList(element) {
+            const attrs = element.attributes.items.map(attr => {
+                return {
+                    name: attr.name,
+                    value: attr.value,
+                    namespace: attr.namespaceURI,
+                    prefix: null
+                };
+            });
+            return attrs;
+        },
+        getTagName(element) {
+            if (element.namespaceURI === 'http://www.w3.org/1999/xhtml') {
+                return element.nodeName.toLowerCase();
+            }
+            else {
+                return element.nodeName;
+            }
+        },
+        getNamespaceURI(element) {
+            return element.namespaceURI;
+        },
+        getTextNodeContent(textNode) {
+            return textNode.nodeValue;
+        },
+        getCommentNodeContent(commentNode) {
+            return commentNode.nodeValue;
+        },
+        getDocumentTypeNodeName(doctypeNode) {
+            return doctypeNode['x-name'];
+        },
+        getDocumentTypeNodePublicId(doctypeNode) {
+            return doctypeNode['x-publicId'];
+        },
+        getDocumentTypeNodeSystemId(doctypeNode) {
+            return doctypeNode['x-systemId'];
+        },
+        isTextNode(node) {
+            return node.nodeType === 3;
+        },
+        isCommentNode(node) {
+            return node.nodeType === 8;
+        },
+        isDocumentTypeNode(node) {
+            return node.nodeType === 10;
+        },
+        isElementNode(node) {
+            return node.nodeType === 1;
+        }
+    };
+    parseOptions = {
+        treeAdapter: treeAdapter
+    };
+    docParser.set(ownerDocument, parseOptions);
+    return parseOptions;
+}
+
+class MockNode {
+    constructor(ownerDocument, nodeType, nodeName, nodeValue) {
+        this.ownerDocument = ownerDocument;
+        this.nodeType = nodeType;
+        this.nodeName = nodeName;
+        this.nodeValue = nodeValue;
+        this.parentNode = null;
+        this.childNodes = [];
+    }
+    appendChild(newNode) {
+        newNode.remove();
+        newNode.parentNode = this;
+        this.childNodes.push(newNode);
+        connectNode(this.ownerDocument, newNode);
+        return newNode;
+    }
+    cloneNode(deep) {
+        throw new Error(`invalid node type to clone: ${this.nodeType}, deep: ${deep}`);
+    }
+    get firstChild() {
+        return this.childNodes[0] || null;
+    }
+    insertBefore(newNode, referenceNode) {
+        if (newNode.nodeType === 11) {
+            for (let i = 0, ii = newNode.childNodes.length; i < ii; i++) {
+                insertBefore(this, newNode.childNodes[i], referenceNode);
+            }
+        }
+        else {
+            insertBefore(this, newNode, referenceNode);
+        }
+        return newNode;
+    }
+    get isConnected() {
+        let node = this;
+        while (node != null) {
+            if (node.nodeType === 9) {
+                return true;
+            }
+            node = node.parentNode;
+            if (node != null && node.nodeType === 11) {
+                node = node.host;
+            }
+        }
+        return false;
+    }
+    isSameNode(node) {
+        return this === node;
+    }
+    get lastChild() {
+        return this.childNodes[this.childNodes.length - 1] || null;
+    }
+    get nextSibling() {
+        if (this.parentNode != null) {
+            const index = this.parentNode.childNodes.indexOf(this) + 1;
+            return this.parentNode.childNodes[index] || null;
+        }
+        return null;
+    }
+    get parentElement() {
+        return this.parentNode || null;
+    }
+    set parentElement(value) {
+        this.parentNode = value;
+    }
+    get previousSibling() {
+        if (this.parentNode != null) {
+            const index = this.parentNode.childNodes.indexOf(this) - 1;
+            return this.parentNode.childNodes[index] || null;
+        }
+        return null;
+    }
+    contains(otherNode) {
+        return this.childNodes.includes(otherNode);
+    }
+    removeChild(childNode) {
+        const index = this.childNodes.indexOf(childNode);
+        if (index > -1) {
+            this.childNodes.splice(index, 1);
+            if (this.nodeType === 1) {
+                const wasConnected = this.isConnected;
+                childNode.parentNode = null;
+                if (wasConnected === true) {
+                    disconnectNode(childNode);
+                }
+            }
+            else {
+                childNode.parentNode = null;
+            }
+        }
+        else {
+            throw new Error(`node not found within childNodes during removeChild`);
+        }
+        return childNode;
+    }
+    remove() {
+        if (this.parentNode != null) {
+            this.parentNode.removeChild(this);
+        }
+    }
+    replaceChild(newChild, oldChild) {
+        if (oldChild.parentNode === this) {
+            this.insertBefore(newChild, oldChild);
+            oldChild.remove();
+            return newChild;
+        }
+        return null;
+    }
+    get textContent() {
+        return this.nodeValue;
+    }
+    set textContent(value) {
+        this.nodeValue = String(value);
+    }
+}
+MockNode.ELEMENT_NODE = 1;
+MockNode.TEXT_NODE = 3;
+MockNode.PROCESSING_INSTRUCTION_NODE = 7;
+MockNode.COMMENT_NODE = 8;
+MockNode.DOCUMENT_NODE = 9;
+MockNode.DOCUMENT_TYPE_NODE = 10;
+MockNode.DOCUMENT_FRAGMENT_NODE = 11;
+class MockNodeList {
+    constructor(ownerDocument, childNodes, length) {
+        this.ownerDocument = ownerDocument;
+        this.childNodes = childNodes;
+        this.length = length;
+    }
+}
+const attrsMap = new WeakMap();
+const shadowRootMap = new WeakMap();
+const stylesMap = new WeakMap();
+class MockElement extends MockNode {
+    constructor(ownerDocument, nodeName) {
+        super(ownerDocument, 1, typeof nodeName === 'string' ? nodeName : null, null);
+        this.namespaceURI = null;
+    }
+    addEventListener(type, handler) {
+        addEventListener(this, type, handler);
+    }
+    attachShadow(_opts) {
+        const shadowRoot = this.ownerDocument.createDocumentFragment();
+        this.shadowRoot = shadowRoot;
+        return shadowRoot;
+    }
+    get shadowRoot() {
+        return shadowRootMap.get(this) || null;
+    }
+    set shadowRoot(shadowRoot) {
+        if (shadowRoot != null) {
+            shadowRoot.host = this;
+            shadowRootMap.set(this, shadowRoot);
+        }
+        else {
+            shadowRootMap.delete(this);
+        }
+    }
+    get attributes() {
+        let attrs = attrsMap.get(this);
+        if (attrs == null) {
+            attrs = new MockAttributeMap();
+            attrsMap.set(this, attrs);
+        }
+        return attrs;
+    }
+    set attributes(attrs) {
+        attrsMap.set(this, attrs);
+    }
+    get children() {
+        return this.childNodes.filter(n => n.nodeType === 1);
+    }
+    get childElementCount() {
+        return this.childNodes.filter(n => n.nodeType === 1).length;
+    }
+    get className() { return this.getAttributeNS(null, 'class') || ''; }
+    set className(value) { this.setAttributeNS(null, 'class', value); }
+    get classList() {
+        return new MockClassList(this);
+    }
+    click() {
+        dispatchEvent(this, new MockEvent('click', { bubbles: true, cancelable: true, composed: true }));
+    }
+    cloneNode(_deep) {
+        return null;
+    }
+    closest(selector) {
+        return closest(selector, this);
+    }
+    get dataset() {
+        return dataset(this);
+    }
+    get dir() { return this.getAttributeNS(null, 'dir') || ''; }
+    set dir(value) { this.setAttributeNS(null, 'dir', value); }
+    dispatchEvent(ev) {
+        return dispatchEvent(this, ev);
+    }
+    get firstElementChild() {
+        return this.children[0] || null;
+    }
+    getAttribute(attrName) {
+        if (attrName === 'style') {
+            const style = stylesMap.get(this);
+            if (style != null && style.length > 0) {
+                return this.style.cssText;
+            }
+            return null;
+        }
+        const attr = this.attributes.getNamedItem(attrName);
+        if (attr != null) {
+            return attr.value;
+        }
+        return null;
+    }
+    getAttributeNS(namespaceURI, attrName) {
+        const attr = this.attributes.getNamedItemNS(namespaceURI, attrName);
+        if (attr != null) {
+            return attr.value;
+        }
+        return null;
+    }
+    getBoundingClientRect() {
+        return { bottom: 0, height: 0, left: 0, right: 0, top: 0, width: 0, x: 0, y: 0 };
+    }
+    getRootNode(opts) {
+        const isComposed = (opts != null && opts.composed === true);
+        let node = this;
+        while (node.parentNode != null) {
+            node = node.parentNode;
+            if (isComposed === true && node.parentNode == null && node.host != null) {
+                node = node.host;
+            }
+        }
+        return node;
+    }
+    hasChildNodes() {
+        return (this.childNodes.length > 0);
+    }
+    get id() { return this.getAttributeNS(null, 'id') || ''; }
+    set id(value) { this.setAttributeNS(null, 'id', value); }
+    get innerHTML() {
+        if (this.childNodes.length === 0) {
+            return '';
+        }
+        return serializeNodeToHtml(this, {
+            newLines: false,
+            indentSpaces: 0
+        });
+    }
+    set innerHTML(html) {
+        if (NON_ESCAPABLE_CONTENT.has(this.nodeName) === true) {
+            setTextContent(this, html);
+        }
+        else {
+            for (let i = this.childNodes.length - 1; i >= 0; i--) {
+                this.removeChild(this.childNodes[i]);
+            }
+            if (typeof html === 'string') {
+                const frag = parseFragmentUtil(this.ownerDocument, html);
+                while (frag.childNodes.length > 0) {
+                    this.appendChild(frag.childNodes[0]);
+                }
+            }
+        }
+    }
+    get innerText() {
+        const text = [];
+        getTextContent(this.childNodes, text);
+        return text.join('');
+    }
+    set innerText(value) {
+        setTextContent(this, value);
+    }
+    hasAttribute(attrName) {
+        if (attrName === 'style') {
+            const style = stylesMap.get(this);
+            return (style != null && style.length > 0);
+        }
+        return this.getAttribute(attrName) !== null;
+    }
+    hasAttributeNS(namespaceURI, name) {
+        return this.getAttributeNS(namespaceURI, name) !== null;
+    }
+    get hidden() { return this.hasAttributeNS(null, 'hidden'); }
+    set hidden(isHidden) {
+        if (isHidden === true) {
+            this.setAttributeNS(null, 'hidden', '');
+        }
+        else {
+            this.removeAttributeNS(null, 'hidden');
+        }
+    }
+    get lang() { return this.getAttributeNS(null, 'lang') || ''; }
+    set lang(value) { this.setAttributeNS(null, 'lang', value); }
+    get lastElementChild() {
+        const children = this.children;
+        return children[children.length - 1] || null;
+    }
+    matches(selector) {
+        return matches(selector, this);
+    }
+    get nextElementSibling() {
+        const parentElement = this.parentElement;
+        if (parentElement != null && (parentElement.nodeType === 1 || parentElement.nodeType === 11 || parentElement.nodeType === 9)) {
+            const children = parentElement.children;
+            const index = children.indexOf(this) + 1;
+            return parentElement.children[index] || null;
+        }
+        return null;
+    }
+    get outerHTML() {
+        return serializeNodeToHtml(this, {
+            newLines: false,
+            outerHtml: true,
+            indentSpaces: 0
+        });
+    }
+    get previousElementSibling() {
+        const parentElement = this.parentElement;
+        if (parentElement != null && (parentElement.nodeType === 1 || parentElement.nodeType === 11 || parentElement.nodeType === 9)) {
+            const children = parentElement.children;
+            const index = children.indexOf(this) - 1;
+            return parentElement.children[index] || null;
+        }
+        return null;
+    }
+    querySelector(selector) {
+        return selectOne(selector, this);
+    }
+    querySelectorAll(selector) {
+        return selectAll(selector, this);
+    }
+    removeAttribute(attrName) {
+        if (attrName === 'style') {
+            stylesMap.delete(this);
+        }
+        else {
+            const attr = this.attributes.getNamedItem(attrName);
+            if (attr != null) {
+                this.attributes.removeNamedItemNS(attr);
+                if (checkAttributeChanged(this) === true) {
+                    attributeChanged(this, attrName, attr.value, null);
+                }
+            }
+        }
+    }
+    removeAttributeNS(namespaceURI, attrName) {
+        const attr = this.attributes.getNamedItemNS(namespaceURI, attrName);
+        if (attr != null) {
+            this.attributes.removeNamedItemNS(attr);
+            if (checkAttributeChanged(this) === true) {
+                attributeChanged(this, attrName, attr.value, null);
+            }
+        }
+    }
+    removeEventListener(type, handler) {
+        removeEventListener(this, type, handler);
+    }
+    setAttribute(attrName, value) {
+        if (attrName === 'style') {
+            this.style = value;
+        }
+        else {
+            const attributes = this.attributes;
+            let attr = attributes.getNamedItem(attrName);
+            const checkAttrChanged = checkAttributeChanged(this);
+            if (attr != null) {
+                if (checkAttrChanged === true) {
+                    const oldValue = attr.value;
+                    attr.value = String(value);
+                    if (oldValue !== attr.value) {
+                        attributeChanged(this, attr.name, oldValue, attr.value);
+                    }
+                }
+                else {
+                    attr.value = String(value);
+                }
+            }
+            else {
+                if (attributes.caseInsensitive) {
+                    attrName = attrName.toLowerCase();
+                }
+                attr = new MockAttr(attrName, value);
+                attributes.items.push(attr);
+                if (checkAttrChanged === true) {
+                    attributeChanged(this, attrName, null, attr.value);
+                }
+            }
+        }
+    }
+    setAttributeNS(namespaceURI, attrName, value) {
+        const attributes = this.attributes;
+        let attr = attributes.getNamedItemNS(namespaceURI, attrName);
+        const checkAttrChanged = checkAttributeChanged(this);
+        if (attr != null) {
+            if (checkAttrChanged === true) {
+                const oldValue = attr.value;
+                attr.value = String(value);
+                if (oldValue !== attr.value) {
+                    attributeChanged(this, attr.name, oldValue, attr.value);
+                }
+            }
+            else {
+                attr.value = String(value);
+            }
+        }
+        else {
+            attr = new MockAttr(attrName, value, namespaceURI);
+            attributes.items.push(attr);
+            if (checkAttrChanged === true) {
+                attributeChanged(this, attrName, null, attr.value);
+            }
+        }
+    }
+    get style() {
+        let style = stylesMap.get(this);
+        if (style == null) {
+            style = createCSSStyleDeclaration();
+            stylesMap.set(this, style);
+        }
+        return style;
+    }
+    set style(val) {
+        if (typeof val === 'string') {
+            let style = stylesMap.get(this);
+            if (style == null) {
+                style = createCSSStyleDeclaration();
+                stylesMap.set(this, style);
+            }
+            style.cssText = val;
+        }
+        else {
+            stylesMap.set(this, val);
+        }
+    }
+    get tabIndex() { return parseInt(this.getAttributeNS(null, 'tabindex') || '-1', 10); }
+    set tabIndex(value) { this.setAttributeNS(null, 'tabindex', value); }
+    get tagName() { return this.nodeName; }
+    set tagName(value) { this.nodeName = value; }
+    get textContent() {
+        const text = [];
+        getTextContent(this.childNodes, text);
+        return text.join('');
+    }
+    set textContent(value) {
+        setTextContent(this, value);
+    }
+    get title() { return this.getAttributeNS(null, 'title') || ''; }
+    set title(value) { this.setAttributeNS(null, 'title', value); }
+    onabort() { }
+    onauxclick() { }
+    onbeforecopy() { }
+    onbeforecut() { }
+    onbeforepaste() { }
+    onblur() { }
+    oncancel() { }
+    oncanplay() { }
+    oncanplaythrough() { }
+    onchange() { }
+    onclick() { }
+    onclose() { }
+    oncontextmenu() { }
+    oncopy() { }
+    oncuechange() { }
+    oncut() { }
+    ondblclick() { }
+    ondrag() { }
+    ondragend() { }
+    ondragenter() { }
+    ondragleave() { }
+    ondragover() { }
+    ondragstart() { }
+    ondrop() { }
+    ondurationchange() { }
+    onemptied() { }
+    onended() { }
+    onerror() { }
+    onfocus() { }
+    onformdata() { }
+    onfullscreenchange() { }
+    onfullscreenerror() { }
+    ongotpointercapture() { }
+    oninput() { }
+    oninvalid() { }
+    onkeydown() { }
+    onkeypress() { }
+    onkeyup() { }
+    onload() { }
+    onloadeddata() { }
+    onloadedmetadata() { }
+    onloadstart() { }
+    onlostpointercapture() { }
+    onmousedown() { }
+    onmouseenter() { }
+    onmouseleave() { }
+    onmousemove() { }
+    onmouseout() { }
+    onmouseover() { }
+    onmouseup() { }
+    onmousewheel() { }
+    onpaste() { }
+    onpause() { }
+    onplay() { }
+    onplaying() { }
+    onpointercancel() { }
+    onpointerdown() { }
+    onpointerenter() { }
+    onpointerleave() { }
+    onpointermove() { }
+    onpointerout() { }
+    onpointerover() { }
+    onpointerup() { }
+    onprogress() { }
+    onratechange() { }
+    onreset() { }
+    onresize() { }
+    onscroll() { }
+    onsearch() { }
+    onseeked() { }
+    onseeking() { }
+    onselect() { }
+    onselectstart() { }
+    onstalled() { }
+    onsubmit() { }
+    onsuspend() { }
+    ontimeupdate() { }
+    ontoggle() { }
+    onvolumechange() { }
+    onwaiting() { }
+    onwebkitfullscreenchange() { }
+    onwebkitfullscreenerror() { }
+    onwheel() { }
+    toString(opts) {
+        return serializeNodeToHtml(this, opts);
+    }
+}
+function resetElement(elm) {
+    resetEventListeners(elm);
+    attrsMap.delete(elm);
+    shadowRootMap.delete(elm);
+    stylesMap.delete(elm);
+}
+function insertBefore(parentNode, newNode, referenceNode) {
+    if (newNode !== referenceNode) {
+        newNode.remove();
+        newNode.parentNode = parentNode;
+        newNode.ownerDocument = parentNode.ownerDocument;
+        if (referenceNode != null) {
+            const index = parentNode.childNodes.indexOf(referenceNode);
+            if (index > -1) {
+                parentNode.childNodes.splice(index, 0, newNode);
+            }
+            else {
+                throw new Error(`referenceNode not found in parentNode.childNodes`);
+            }
+        }
+        else {
+            parentNode.childNodes.push(newNode);
+        }
+        connectNode(parentNode.ownerDocument, newNode);
+    }
+    return newNode;
+}
+class MockHTMLElement extends MockElement {
+    constructor(ownerDocument, nodeName) {
+        super(ownerDocument, typeof nodeName === 'string' ? nodeName.toUpperCase() : null);
+        this.namespaceURI = 'http://www.w3.org/1999/xhtml';
+    }
+    get tagName() { return this.nodeName; }
+    set tagName(value) { this.nodeName = value; }
+    get attributes() {
+        let attrs = attrsMap.get(this);
+        if (attrs == null) {
+            attrs = new MockAttributeMap(true);
+            attrsMap.set(this, attrs);
+        }
+        return attrs;
+    }
+    set attributes(attrs) {
+        attrsMap.set(this, attrs);
+    }
+}
+class MockTextNode extends MockNode {
+    constructor(ownerDocument, text) {
+        super(ownerDocument, 3, "#text", text);
+    }
+    cloneNode(_deep) {
+        return new MockTextNode(null, this.nodeValue);
+    }
+    get textContent() {
+        return this.nodeValue;
+    }
+    set textContent(text) {
+        this.nodeValue = text;
+    }
+    get wholeText() {
+        if (this.parentNode != null) {
+            const text = [];
+            for (let i = 0, ii = this.parentNode.childNodes.length; i < ii; i++) {
+                const childNode = this.parentNode.childNodes[i];
+                if (childNode.nodeType === 3) {
+                    text.push(childNode.nodeValue);
+                }
+            }
+            return text.join('');
+        }
+        return this.nodeValue;
+    }
+}
+function getTextContent(childNodes, text) {
+    for (let i = 0, ii = childNodes.length; i < ii; i++) {
+        const childNode = childNodes[i];
+        if (childNode.nodeType === 3) {
+            text.push(childNode.nodeValue);
+        }
+        else if (childNode.nodeType === 1) {
+            getTextContent(childNode.childNodes, text);
+        }
+    }
+}
+function setTextContent(elm, text) {
+    for (let i = elm.childNodes.length - 1; i >= 0; i--) {
+        elm.removeChild(elm.childNodes[i]);
+    }
+    const textNode = new MockTextNode(elm.ownerDocument, text);
+    elm.appendChild(textNode);
+}
+
+class MockComment extends MockNode {
+    constructor(ownerDocument, data) {
+        super(ownerDocument, 8, "#comment", data);
+    }
+    cloneNode(_deep) {
+        return new MockComment(null, this.nodeValue);
+    }
+    get textContent() {
+        return this.nodeValue;
+    }
+    set textContent(text) {
+        this.nodeValue = text;
+    }
+}
+
+class MockDocumentFragment extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, null);
+        this.nodeName = "#document-fragment";
+        this.nodeType = 11;
+    }
+    cloneNode(deep) {
+        const cloned = new MockDocumentFragment(null);
+        if (deep) {
+            for (let i = 0, ii = this.childNodes.length; i < ii; i++) {
+                const childNode = this.childNodes[i];
+                if (childNode.nodeType === 1 || childNode.nodeType === 3 || childNode.nodeType === 8) {
+                    const clonedChildNode = this.childNodes[i].cloneNode(true);
+                    cloned.appendChild(clonedChildNode);
+                }
+            }
+        }
+        return cloned;
+    }
+}
+
+class MockDocumentTypeNode extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, '!DOCTYPE');
+        this.nodeType = 10;
+        this.setAttribute('html', '');
+    }
+}
+
+function createElement(ownerDocument, tagName) {
+    if (typeof tagName !== 'string' || tagName === '' || !(/^[a-z0-9-_:]+$/i.test(tagName))) {
+        throw new Error(`The tag name provided (${tagName}) is not a valid name.`);
+    }
+    tagName = tagName.toLowerCase();
+    switch (tagName) {
+        case 'a':
+            return new MockAnchorElement(ownerDocument);
+        case 'base':
+            return new MockBaseElement(ownerDocument);
+        case 'button':
+            return new MockButtonElement(ownerDocument);
+        case 'form':
+            return new MockFormElement(ownerDocument);
+        case 'img':
+            return new MockImgElement(ownerDocument);
+        case 'input':
+            return new MockInputElement(ownerDocument);
+        case 'link':
+            return new MockLinkElement(ownerDocument);
+        case 'meta':
+            return new MockMetaElement(ownerDocument);
+        case 'script':
+            return new MockScriptElement(ownerDocument);
+        case 'template':
+            return new MockTemplateElement(ownerDocument);
+        case 'title':
+            return new MockTitleElement(ownerDocument);
+        case 'canvas':
+            return new MockCanvasElement(ownerDocument);
+    }
+    if (ownerDocument != null && tagName.includes('-')) {
+        const win = ownerDocument.defaultView;
+        if (win != null && win.customElements != null) {
+            return createCustomElement(win.customElements, ownerDocument, tagName);
+        }
+    }
+    return new MockHTMLElement(ownerDocument, tagName);
+}
+function createElementNS(ownerDocument, namespaceURI, tagName) {
+    if (namespaceURI === 'http://www.w3.org/1999/xhtml') {
+        return createElement(ownerDocument, tagName);
+    }
+    else if (namespaceURI === 'http://www.w3.org/2000/svg') {
+        return new MockSVGElement(ownerDocument, tagName);
+    }
+    else {
+        return new MockElement(ownerDocument, tagName);
+    }
+}
+class MockAnchorElement extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, 'a');
+    }
+    get href() {
+        return fullUrl(this, 'href');
+    }
+    set href(value) {
+        this.setAttribute('href', value);
+    }
+}
+class MockButtonElement extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, 'button');
+    }
+}
+patchPropAttributes(MockButtonElement.prototype, {
+    type: String
+});
+class MockImgElement extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, 'img');
+    }
+    get src() {
+        return fullUrl(this, 'src');
+    }
+    set src(value) {
+        this.setAttribute('src', value);
+    }
+}
+patchPropAttributes(MockImgElement.prototype, {
+    height: Number,
+    width: Number
+});
+class MockInputElement extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, 'input');
+    }
+}
+patchPropAttributes(MockInputElement.prototype, {
+    accept: String,
+    autocomplete: String,
+    autofocus: Boolean,
+    capture: String,
+    checked: Boolean,
+    disabled: Boolean,
+    form: String,
+    formaction: String,
+    formenctype: String,
+    formmethod: String,
+    formnovalidate: String,
+    formtarget: String,
+    height: Number,
+    inputmode: String,
+    list: String,
+    max: String,
+    maxLength: Number,
+    min: String,
+    minLength: Number,
+    multiple: Boolean,
+    name: String,
+    pattern: String,
+    placeholder: String,
+    required: Boolean,
+    readOnly: Boolean,
+    size: Number,
+    spellCheck: Boolean,
+    src: String,
+    step: String,
+    type: String,
+    value: String,
+    width: Number
+});
+class MockFormElement extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, 'form');
+    }
+}
+patchPropAttributes(MockFormElement.prototype, {
+    name: String
+});
+class MockLinkElement extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, 'link');
+    }
+    get href() {
+        return fullUrl(this, 'href');
+    }
+    set href(value) {
+        this.setAttribute('href', value);
+    }
+}
+patchPropAttributes(MockLinkElement.prototype, {
+    crossorigin: String,
+    media: String,
+    rel: String,
+    type: String
+});
+class MockMetaElement extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, 'meta');
+    }
+}
+patchPropAttributes(MockMetaElement.prototype, {
+    charset: String,
+    content: String,
+    name: String
+});
+class MockScriptElement extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, 'script');
+    }
+    get src() {
+        return fullUrl(this, 'src');
+    }
+    set src(value) {
+        this.setAttribute('src', value);
+    }
+}
+patchPropAttributes(MockScriptElement.prototype, {
+    type: String
+});
+class MockSVGElement extends MockElement {
+    get ownerSVGElement() { return null; }
+    get viewportElement() { return null; }
+    focus() { }
+    onunload() { }
+    get pathLength() { return 0; }
+    isPointInFill(_pt) { return false; }
+    isPointInStroke(_pt) { return false; }
+    getTotalLength() { return 0; }
+}
+class MockBaseElement extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, 'base');
+    }
+    get href() {
+        return fullUrl(this, 'href');
+    }
+    set href(value) {
+        this.setAttribute('href', value);
+    }
+}
+class MockTemplateElement extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, 'template');
+        this.content = new MockDocumentFragment(ownerDocument);
+    }
+    get innerHTML() {
+        return this.content.innerHTML;
+    }
+    set innerHTML(html) {
+        this.content.innerHTML = html;
+    }
+    cloneNode(deep) {
+        const cloned = new MockTemplateElement(null);
+        cloned.attributes = cloneAttributes(this.attributes);
+        const styleCssText = this.getAttribute('style');
+        if (styleCssText != null && styleCssText.length > 0) {
+            cloned.setAttribute('style', styleCssText);
+        }
+        cloned.content = this.content.cloneNode(deep);
+        if (deep) {
+            for (let i = 0, ii = this.childNodes.length; i < ii; i++) {
+                const clonedChildNode = this.childNodes[i].cloneNode(true);
+                cloned.appendChild(clonedChildNode);
+            }
+        }
+        return cloned;
+    }
+}
+class MockTitleElement extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, 'title');
+    }
+    get text() {
+        return this.textContent;
+    }
+    set text(value) {
+        this.textContent = value;
+    }
+}
+class MockCanvasElement extends MockHTMLElement {
+    constructor(ownerDocument) {
+        super(ownerDocument, 'canvas');
+    }
+    getContext() {
+        return {
+            fillRect: function () { },
+            clearRect: function () { },
+            getImageData: function (_, __, w, h) {
+                return {
+                    data: new Array(w * h * 4)
+                };
+            },
+            putImageData: function () { },
+            createImageData: function () { return []; },
+            setTransform: function () { },
+            drawImage: function () { },
+            save: function () { },
+            fillText: function () { },
+            restore: function () { },
+            beginPath: function () { },
+            moveTo: function () { },
+            lineTo: function () { },
+            closePath: function () { },
+            stroke: function () { },
+            translate: function () { },
+            scale: function () { },
+            rotate: function () { },
+            arc: function () { },
+            fill: function () { },
+            measureText: function () {
+                return { width: 0 };
+            },
+            transform: function () { },
+            rect: function () { },
+            clip: function () { },
+        };
+    }
+}
+function fullUrl(elm, attrName) {
+    const val = elm.getAttribute(attrName) || '';
+    if (elm.ownerDocument != null) {
+        const win = elm.ownerDocument.defaultView;
+        if (win != null) {
+            const loc = win.location;
+            if (loc != null) {
+                const url = new URL_(val, loc.href);
+                return url.href;
+            }
+        }
+    }
+    return val.replace(/\'|\"/g, '').trim();
+}
+function patchPropAttributes(prototype, attrs) {
+    Object.keys(attrs).forEach(propName => {
+        const attr = attrs[propName];
+        if (attr === Boolean) {
+            Object.defineProperty(prototype, propName, {
+                get() {
+                    return this.hasAttribute(propName);
+                },
+                set(value) {
+                    if (value) {
+                        this.setAttribute(propName, '');
+                    }
+                    else {
+                        this.removeAttribute(propName);
+                    }
+                }
+            });
+        }
+        else if (attr === Number) {
+            Object.defineProperty(prototype, propName, {
+                get() {
+                    const value = this.getAttribute(propName);
+                    return (value ? parseInt(value, 10) : 0);
+                },
+                set(value) {
+                    this.setAttribute(propName, value);
+                }
+            });
+        }
+        else {
+            Object.defineProperty(prototype, propName, {
+                get() {
+                    return this.getAttribute(propName) || '';
+                },
+                set(value) {
+                    this.setAttribute(propName, value);
+                }
+            });
+        }
+    });
+}
+MockElement.prototype.cloneNode = function (deep) {
+    const cloned = createElement(null, this.nodeName);
+    cloned.attributes = cloneAttributes(this.attributes);
+    const styleCssText = this.getAttribute('style');
+    if (styleCssText != null && styleCssText.length > 0) {
+        cloned.setAttribute('style', styleCssText);
+    }
+    if (deep) {
+        for (let i = 0, ii = this.childNodes.length; i < ii; i++) {
+            const clonedChildNode = this.childNodes[i].cloneNode(true);
+            cloned.appendChild(clonedChildNode);
+        }
+    }
+    return cloned;
+};
+
+const consoleNoop = () => { };
+function createConsole() {
+    return {
+        debug: consoleNoop,
+        error: consoleNoop,
+        info: consoleNoop,
+        log: consoleNoop,
+        warn: consoleNoop,
+        dir: consoleNoop,
+        dirxml: consoleNoop,
+        table: consoleNoop,
+        trace: consoleNoop,
+        group: consoleNoop,
+        groupCollapsed: consoleNoop,
+        groupEnd: consoleNoop,
+        clear: consoleNoop,
+        count: consoleNoop,
+        countReset: consoleNoop,
+        assert: consoleNoop,
+        profile: consoleNoop,
+        profileEnd: consoleNoop,
+        time: consoleNoop,
+        timeLog: consoleNoop,
+        timeEnd: consoleNoop,
+        timeStamp: consoleNoop,
+        context: consoleNoop,
+        memory: consoleNoop
+    };
+}
+
+class MockHistory {
+    constructor() {
+        this.items = [];
+    }
+    get length() {
+        return this.items.length;
+    }
+    back() {
+        this.go(-1);
+    }
+    forward() {
+        this.go(1);
+    }
+    go(_value) {
+    }
+    pushState(_state, _title, _url) {
+    }
+    replaceState(_state, _title, _url) {
+    }
+}
+
+class MockLocation {
+    constructor() {
+        this.ancestorOrigins = null;
+        this.protocol = '';
+        this.host = '';
+        this.hostname = '';
+        this.port = '';
+        this.pathname = '';
+        this.search = '';
+        this.hash = '';
+        this.username = '';
+        this.password = '';
+        this.origin = '';
+        this._href = '';
+    }
+    get href() {
+        return this._href;
+    }
+    set href(value) {
+        const url = new URL_(value, 'http://mockdoc.stenciljs.com');
+        this._href = url.href;
+        this.protocol = url.protocol;
+        this.host = url.host;
+        this.port = url.port;
+        this.pathname = url.pathname;
+        this.search = url.search;
+        this.hash = url.hash;
+        this.username = url.username;
+        this.password = url.password;
+        this.origin = url.origin;
+    }
+    assign(_url) {
+    }
+    reload(_forcedReload) {
+    }
+    replace(_url) {
+    }
+    toString() {
+        return this.href;
+    }
+}
+
+class MockNavigator {
+    constructor() {
+        this.appCodeName = 'MockNavigator';
+        this.appName = 'MockNavigator';
+        this.appVersion = 'MockNavigator';
+        this.platform = 'MockNavigator';
+        this.userAgent = 'MockNavigator';
+    }
+}
+
+class MockPerformance {
+    constructor() {
+        this.timeOrigin = Date.now();
+    }
+    addEventListener() {
+    }
+    clearMarks() {
+    }
+    clearMeasures() {
+    }
+    clearResourceTimings() {
+    }
+    dispatchEvent() {
+        return true;
+    }
+    getEntries() {
+        return [];
+    }
+    getEntriesByName() {
+        return [];
+    }
+    getEntriesByType() {
+        return [];
+    }
+    mark() {
+    }
+    measure() {
+    }
+    get navigation() {
+        return {};
+    }
+    now() {
+        return Date.now() - this.timeOrigin;
+    }
+    get onresourcetimingbufferfull() {
+        return null;
+    }
+    removeEventListener() {
+    }
+    setResourceTimingBufferSize() {
+    }
+    get timing() {
+        return {};
+    }
+    toJSON() {
+    }
+}
+function resetPerformance(perf) {
+    if (perf != null) {
+        try {
+            perf.timeOrigin = Date.now();
+        }
+        catch (e) { }
+    }
+}
+
+class MockStorage {
+    constructor() {
+        this.items = new Map();
+    }
+    key(_value) {
+    }
+    getItem(key) {
+        key = String(key);
+        if (this.items.has(key)) {
+            return this.items.get(key);
+        }
+        return null;
+    }
+    setItem(key, value) {
+        if (value == null) {
+            value = 'null';
+        }
+        this.items.set(String(key), String(value));
+    }
+    removeItem(key) {
+        this.items.delete(String(key));
+    }
+    clear() {
+        this.items.clear();
+    }
+}
+
+const historyMap = new WeakMap();
+const elementCstrMap = new WeakMap();
+const htmlElementCstrMap = new WeakMap();
+const nodeListCstrMap = new WeakMap();
+const localStorageMap = new WeakMap();
+const locMap = new WeakMap();
+const navMap = new WeakMap();
+const sessionStorageMap = new WeakMap();
+const eventClassMap = new WeakMap();
+const customEventClassMap = new WeakMap();
+const keyboardEventClassMap = new WeakMap();
+const nativeClearInterval = clearInterval;
+const nativeClearTimeout = clearTimeout;
+const nativeSetInterval = setInterval;
+const nativeSetTimeout = setTimeout;
+const nativeURL = URL_;
+class MockWindow {
+    constructor(html = null) {
+        if (html !== false) {
+            this.document = new MockDocument(html, this);
+        }
+        else {
+            this.document = null;
+        }
+        this.performance = new MockPerformance();
+        this.customElements = new MockCustomElementRegistry(this);
+        this.console = createConsole();
+        resetWindowDefaults(this);
+        resetWindowDimensions(this);
+    }
+    addEventListener(type, handler) {
+        addEventListener(this, type, handler);
+    }
+    alert(msg) {
+        this.console.debug(msg);
+    }
+    cancelAnimationFrame(id) {
+        this.__clearTimeout(id);
+    }
+    cancelIdleCallback(id) {
+        this.__clearTimeout(id);
+    }
+    clearInterval(id) {
+        this.__clearInterval(id);
+    }
+    clearTimeout(id) {
+        this.__clearTimeout(id);
+    }
+    close() {
+        resetWindow(this);
+    }
+    confirm() {
+        return false;
+    }
+    get CSS() {
+        return {
+            supports: () => true
+        };
+    }
+    get CustomEvent() {
+        const custEvClass = customEventClassMap.get(this);
+        if (custEvClass != null) {
+            return custEvClass;
+        }
+        return MockCustomEvent;
+    }
+    set CustomEvent(custEvClass) {
+        customEventClassMap.set(this, custEvClass);
+    }
+    get KeyboardEvent() {
+        const kbEvClass = keyboardEventClassMap.get(this);
+        if (kbEvClass != null) {
+            return kbEvClass;
+        }
+        return MockKeyboardEvent;
+    }
+    set KeyboardEvent(kbEvClass) {
+        keyboardEventClassMap.set(this, kbEvClass);
+    }
+    dispatchEvent(ev) {
+        return dispatchEvent(this, ev);
+    }
+    get JSON() {
+        return JSON;
+    }
+    get Event() {
+        const evClass = eventClassMap.get(this);
+        if (evClass != null) {
+            return evClass;
+        }
+        return MockEvent;
+    }
+    set Event(ev) {
+        eventClassMap.set(this, ev);
+    }
+    getComputedStyle(_) {
+        return {
+            cssText: '',
+            length: 0,
+            parentRule: null,
+            getPropertyPriority() {
+                return null;
+            },
+            getPropertyValue() {
+                return '';
+            },
+            item() {
+                return null;
+            },
+            removeProperty() {
+                return null;
+            },
+            setProperty() {
+                return null;
+            }
+        };
+    }
+    get globalThis() {
+        return this;
+    }
+    get history() {
+        let hsty = historyMap.get(this);
+        if (hsty == null) {
+            hsty = new MockHistory();
+            historyMap.set(this, hsty);
+        }
+        return hsty;
+    }
+    set history(hsty) {
+        historyMap.set(this, hsty);
+    }
+    get Element() {
+        let ElementCstr = elementCstrMap.get(this);
+        if (ElementCstr == null) {
+            const ownerDocument = this.document;
+            ElementCstr = class extends MockElement {
+                constructor() {
+                    super(ownerDocument, '');
+                    throw (new Error('Illegal constructor: cannot construct Element'));
+                }
+            };
+            elementCstrMap.set(this, ElementCstr);
+        }
+        return ElementCstr;
+    }
+    get NodeList() {
+        let NodeListCstr = nodeListCstrMap.get(this);
+        if (NodeListCstr == null) {
+            const ownerDocument = this.document;
+            NodeListCstr = class extends MockNodeList {
+                constructor() {
+                    super(ownerDocument, [], 0);
+                    throw (new Error('Illegal constructor: cannot constructor'));
+                }
+            };
+            return NodeListCstr;
+        }
+    }
+    get HTMLElement() {
+        let HtmlElementCstr = htmlElementCstrMap.get(this);
+        if (HtmlElementCstr == null) {
+            const ownerDocument = this.document;
+            HtmlElementCstr = class extends MockHTMLElement {
+                constructor() {
+                    super(ownerDocument, '');
+                    const observedAttributes = this.constructor.observedAttributes;
+                    if (Array.isArray(observedAttributes) && typeof this.attributeChangedCallback === 'function') {
+                        observedAttributes.forEach(attrName => {
+                            const attrValue = this.getAttribute(attrName);
+                            if (attrValue != null) {
+                                this.attributeChangedCallback(attrName, null, attrValue);
+                            }
+                        });
+                    }
+                }
+            };
+            htmlElementCstrMap.set(this, HtmlElementCstr);
+        }
+        return HtmlElementCstr;
+    }
+    get localStorage() {
+        let locStorage = localStorageMap.get(this);
+        if (locStorage == null) {
+            locStorage = new MockStorage();
+            localStorageMap.set(this, locStorage);
+        }
+        return locStorage;
+    }
+    set localStorage(locStorage) {
+        localStorageMap.set(this, locStorage);
+    }
+    get location() {
+        let loc = locMap.get(this);
+        if (loc == null) {
+            loc = new MockLocation();
+            locMap.set(this, loc);
+        }
+        return loc;
+    }
+    set location(val) {
+        if (typeof val === 'string') {
+            let loc = locMap.get(this);
+            if (loc == null) {
+                loc = new MockLocation();
+                locMap.set(this, loc);
+            }
+            loc.href = val;
+        }
+        else {
+            locMap.set(this, val);
+        }
+    }
+    matchMedia() {
+        return {
+            matches: false
+        };
+    }
+    get navigator() {
+        let nav = navMap.get(this);
+        if (nav == null) {
+            nav = new MockNavigator();
+            navMap.set(this, nav);
+        }
+        return nav;
+    }
+    set navigator(nav) {
+        navMap.set(this, nav);
+    }
+    get parent() {
+        return null;
+    }
+    prompt() {
+        return '';
+    }
+    get origin() {
+        return this.location.origin;
+    }
+    removeEventListener(type, handler) {
+        removeEventListener(this, type, handler);
+    }
+    requestAnimationFrame(callback) {
+        return this.setTimeout(() => {
+            callback(Date.now());
+        }, 0);
+    }
+    requestIdleCallback(callback) {
+        return this.setTimeout(() => {
+            callback({
+                didTimeout: false,
+                timeRemaining: () => 0
+            });
+        }, 0);
+    }
+    scroll(_x, _y) { }
+    scrollBy(_x, _y) { }
+    scrollTo(_x, _y) { }
+    get self() {
+        return this;
+    }
+    get sessionStorage() {
+        let sessStorage = sessionStorageMap.get(this);
+        if (sessStorage == null) {
+            sessStorage = new MockStorage();
+            sessionStorageMap.set(this, sessStorage);
+        }
+        return sessStorage;
+    }
+    set sessionStorage(locStorage) {
+        sessionStorageMap.set(this, locStorage);
+    }
+    setInterval(callback, ms, ...args) {
+        ms = Math.min(ms, this.__maxTimeout);
+        if (this.__allowInterval) {
+            return this.__setInterval(() => {
+                try {
+                    callback(...args);
+                }
+                catch (e) {
+                    this.console.error(e);
+                }
+            }, ms);
+        }
+        return this.__setTimeout(() => {
+            try {
+                callback(...args);
+            }
+            catch (e) {
+                this.console.error(e);
+            }
+        }, ms);
+    }
+    setTimeout(callback, ms, ...args) {
+        ms = Math.min(ms, this.__maxTimeout);
+        return this.__setTimeout(() => {
+            try {
+                callback(...args);
+            }
+            catch (e) {
+                this.console.error(e);
+            }
+        }, ms);
+    }
+    get top() {
+        return this;
+    }
+    get window() {
+        return this;
+    }
+}
+function resetWindowDefaults(win) {
+    win.__clearInterval = nativeClearInterval;
+    win.__clearTimeout = nativeClearTimeout;
+    win.__setInterval = nativeSetInterval;
+    win.__setTimeout = nativeSetTimeout;
+    win.__maxTimeout = 30000;
+    win.__allowInterval = true;
+    win.URL = nativeURL;
+}
+function constrainTimeouts(win) {
+    win.__allowInterval = false;
+    win.__maxTimeout = 0;
+}
+function resetWindow(win) {
+    if (win != null) {
+        resetCustomElementRegistry(win.customElements);
+        resetDocument(win.document);
+        resetPerformance(win.performance);
+        for (const key in win) {
+            if (win.hasOwnProperty(key) && key !== 'document' && key !== 'performance' && key !== 'customElements') {
+                delete win[key];
+            }
+        }
+        resetWindowDefaults(win);
+        resetWindowDimensions(win);
+        resetEventListeners(win);
+        historyMap.delete(win);
+        htmlElementCstrMap.delete(win);
+        elementCstrMap.delete(win);
+        nodeListCstrMap.delete(win);
+        localStorageMap.delete(win);
+        locMap.delete(win);
+        navMap.delete(win);
+        sessionStorageMap.delete(win);
+        eventClassMap.delete(win);
+        customEventClassMap.delete(win);
+        keyboardEventClassMap.delete(win);
+        if (win.document != null) {
+            try {
+                win.document.defaultView = win;
+            }
+            catch (e) { }
+        }
+    }
+}
+function resetWindowDimensions(win) {
+    try {
+        win.devicePixelRatio = 1;
+        win.innerHeight = 768;
+        win.innerWidth = 1366;
+        win.pageXOffset = 0;
+        win.pageYOffset = 0;
+        win.screenLeft = 0;
+        win.screenTop = 0;
+        win.screenX = 0;
+        win.screenY = 0;
+        win.scrollX = 0;
+        win.scrollY = 0;
+        win.screen = {
+            availHeight: win.innerHeight,
+            availLeft: 0,
+            availTop: 0,
+            availWidth: win.innerWidth,
+            colorDepth: 24,
+            height: win.innerHeight,
+            keepAwake: false,
+            orientation: {
+                angle: 0,
+                type: 'portrait-primary'
+            },
+            pixelDepth: 24,
+            width: win.innerWidth
+        };
+    }
+    catch (e) { }
+}
+
+class MockDocument extends MockHTMLElement {
+    constructor(html = null, win = null) {
+        super(null, null);
+        this.nodeName = "#document";
+        this.nodeType = 9;
+        this.defaultView = win;
+        this.cookie = '';
+        this.referrer = '';
+        this.appendChild(this.createDocumentTypeNode());
+        if (typeof html === 'string') {
+            const parsedDoc = parseDocumentUtil(this, html);
+            const documentElement = parsedDoc.children.find(elm => elm.nodeName === 'HTML');
+            if (documentElement != null) {
+                this.appendChild(documentElement);
+                setOwnerDocument(documentElement, this);
+            }
+        }
+        else if (html !== false) {
+            const documentElement = new MockHTMLElement(this, 'html');
+            this.appendChild(documentElement);
+            documentElement.appendChild(new MockHTMLElement(this, 'head'));
+            documentElement.appendChild(new MockHTMLElement(this, 'body'));
+        }
+    }
+    get location() {
+        if (this.defaultView != null) {
+            return this.defaultView.location;
+        }
+        return null;
+    }
+    set location(val) {
+        if (this.defaultView != null) {
+            this.defaultView.location = val;
+        }
+    }
+    get baseURI() {
+        const baseNode = this.head.childNodes.find(node => node.nodeName === 'BASE');
+        if (baseNode) {
+            return baseNode.href;
+        }
+        return this.URL;
+    }
+    get URL() {
+        return this.location.href;
+    }
+    get documentElement() {
+        for (let i = this.childNodes.length - 1; i >= 0; i--) {
+            if (this.childNodes[i].nodeName === 'HTML') {
+                return this.childNodes[i];
+            }
+        }
+        const documentElement = new MockHTMLElement(this, 'html');
+        this.appendChild(documentElement);
+        return documentElement;
+    }
+    set documentElement(documentElement) {
+        for (let i = this.childNodes.length - 1; i >= 0; i--) {
+            if (this.childNodes[i].nodeType !== 10) {
+                this.childNodes[i].remove();
+            }
+        }
+        if (documentElement != null) {
+            this.appendChild(documentElement);
+            setOwnerDocument(documentElement, this);
+        }
+    }
+    get head() {
+        const documentElement = this.documentElement;
+        for (let i = 0; i < documentElement.childNodes.length; i++) {
+            if (documentElement.childNodes[i].nodeName === 'HEAD') {
+                return documentElement.childNodes[i];
+            }
+        }
+        const head = new MockHTMLElement(this, 'head');
+        documentElement.insertBefore(head, documentElement.firstChild);
+        return head;
+    }
+    set head(head) {
+        const documentElement = this.documentElement;
+        for (let i = documentElement.childNodes.length - 1; i >= 0; i--) {
+            if (documentElement.childNodes[i].nodeName === 'HEAD') {
+                documentElement.childNodes[i].remove();
+            }
+        }
+        if (head != null) {
+            documentElement.insertBefore(head, documentElement.firstChild);
+            setOwnerDocument(head, this);
+        }
+    }
+    get body() {
+        const documentElement = this.documentElement;
+        for (let i = documentElement.childNodes.length - 1; i >= 0; i--) {
+            if (documentElement.childNodes[i].nodeName === 'BODY') {
+                return documentElement.childNodes[i];
+            }
+        }
+        const body = new MockHTMLElement(this, 'body');
+        documentElement.appendChild(body);
+        return body;
+    }
+    set body(body) {
+        const documentElement = this.documentElement;
+        for (let i = documentElement.childNodes.length - 1; i >= 0; i--) {
+            if (documentElement.childNodes[i].nodeName === 'BODY') {
+                documentElement.childNodes[i].remove();
+            }
+        }
+        if (body != null) {
+            documentElement.appendChild(body);
+            setOwnerDocument(body, this);
+        }
+    }
+    appendChild(newNode) {
+        newNode.remove();
+        newNode.parentNode = this;
+        this.childNodes.push(newNode);
+        return newNode;
+    }
+    createComment(data) {
+        return new MockComment(this, data);
+    }
+    createAttribute(attrName) {
+        return new MockAttr(attrName.toLowerCase());
+    }
+    createAttributeNS(namespaceURI, attrName) {
+        return new MockAttr(attrName, undefined, namespaceURI);
+    }
+    createElement(tagName) {
+        if (tagName === "#document") {
+            const doc = new MockDocument(false);
+            doc.nodeName = tagName;
+            doc.parentNode = null;
+            return doc;
+        }
+        return createElement(this, tagName);
+    }
+    createElementNS(namespaceURI, tagName) {
+        const elmNs = createElementNS(this, namespaceURI, tagName);
+        elmNs.namespaceURI = namespaceURI;
+        return elmNs;
+    }
+    createTextNode(text) {
+        return new MockTextNode(this, text);
+    }
+    createDocumentFragment() {
+        return new MockDocumentFragment(this);
+    }
+    createDocumentTypeNode() {
+        return new MockDocumentTypeNode(this);
+    }
+    getElementById(id) {
+        return getElementById(this, id);
+    }
+    getElementsByClassName(classNames) {
+        const foundElms = [];
+        const classes = classNames.trim().split(' ').filter(c => c.length > 0);
+        getElementsByClassName(this, classes, foundElms);
+        return foundElms;
+    }
+    getElementsByTagName(tagName) {
+        const foundElms = [];
+        getElementsByTagName(this, tagName.toLowerCase(), foundElms);
+        return foundElms;
+    }
+    getElementsByName(elmName) {
+        const foundElms = [];
+        getElementsByName(this, elmName.toLowerCase(), foundElms);
+        return foundElms;
+    }
+    get title() {
+        const title = this.head.childNodes.find(elm => elm.nodeName === 'TITLE');
+        if (title != null) {
+            return title.textContent;
+        }
+        return '';
+    }
+    set title(value) {
+        const head = this.head;
+        let title = head.childNodes.find(elm => elm.nodeName === 'TITLE');
+        if (title == null) {
+            title = this.createElement('title');
+            head.appendChild(title);
+        }
+        title.textContent = value;
+    }
+}
+function resetDocument(doc) {
+    if (doc != null) {
+        resetEventListeners(doc);
+        const documentElement = doc.documentElement;
+        if (documentElement != null) {
+            resetElement(documentElement);
+            for (let i = 0, ii = documentElement.childNodes.length; i < ii; i++) {
+                const childNode = documentElement.childNodes[i];
+                resetElement(childNode);
+                childNode.childNodes.length = 0;
+            }
+        }
+        for (const key in doc) {
+            if (doc.hasOwnProperty(key) && !DOC_KEY_KEEPERS.has(key)) {
+                delete doc[key];
+            }
+        }
+        try {
+            doc.nodeName = "#document";
+        }
+        catch (e) { }
+        try {
+            doc.nodeType = 9;
+        }
+        catch (e) { }
+        try {
+            doc.cookie = '';
+        }
+        catch (e) { }
+        try {
+            doc.referrer = '';
+        }
+        catch (e) { }
+    }
+}
+const DOC_KEY_KEEPERS = new Set([
+    'nodeName',
+    'nodeType',
+    'nodeValue',
+    'ownerDocument',
+    'parentNode',
+    'childNodes',
+    '_shadowRoot'
+]);
+function getElementById(elm, id) {
+    const children = elm.children;
+    for (let i = 0, ii = children.length; i < ii; i++) {
+        const childElm = children[i];
+        if (childElm.id === id) {
+            return childElm;
+        }
+        const childElmFound = getElementById(childElm, id);
+        if (childElmFound != null) {
+            return childElmFound;
+        }
+    }
+    return null;
+}
+function getElementsByClassName(elm, classNames, foundElms) {
+    const children = elm.children;
+    for (let i = 0, ii = children.length; i < ii; i++) {
+        const childElm = children[i];
+        for (let j = 0, jj = classNames.length; j < jj; j++) {
+            if (childElm.classList.contains(classNames[j])) {
+                foundElms.push(childElm);
+            }
+        }
+        getElementsByClassName(childElm, classNames, foundElms);
+    }
+}
+function getElementsByTagName(elm, tagName, foundElms) {
+    const children = elm.children;
+    for (let i = 0, ii = children.length; i < ii; i++) {
+        const childElm = children[i];
+        if (childElm.nodeName.toLowerCase() === tagName) {
+            foundElms.push(childElm);
+        }
+        getElementsByTagName(childElm, tagName, foundElms);
+    }
+}
+function getElementsByName(elm, elmName, foundElms) {
+    const children = elm.children;
+    for (let i = 0, ii = children.length; i < ii; i++) {
+        const childElm = children[i];
+        if (childElm.name && childElm.name.toLowerCase() === elmName) {
+            foundElms.push(childElm);
+        }
+        getElementsByName(childElm, elmName, foundElms);
+    }
+}
+function setOwnerDocument(elm, ownerDocument) {
+    for (let i = 0, ii = elm.childNodes.length; i < ii; i++) {
+        elm.childNodes[i].ownerDocument = ownerDocument;
+        if (elm.childNodes[i].nodeType === 1) {
+            setOwnerDocument(elm.childNodes[i], ownerDocument);
+        }
+    }
+}
+
+function patchWindow(winToBePatched) {
+    const mockWin = new MockWindow(false);
+    WINDOW_FUNCTIONS.forEach(fnName => {
+        if (typeof winToBePatched[fnName] !== 'function') {
+            winToBePatched[fnName] = mockWin[fnName].bind(mockWin);
+        }
+    });
+    WINDOW_PROPS$1.forEach(propName => {
+        if (winToBePatched === undefined) {
+            Object.defineProperty(winToBePatched, propName, {
+                get() { return mockWin[propName]; },
+                set(val) { mockWin[propName] = val; },
+                configurable: true,
+                enumerable: true
+            });
+        }
+    });
+}
+const WINDOW_FUNCTIONS = [
+    'addEventListener',
+    'cancelAnimationFrame',
+    'cancelIdleCallback',
+    'dispatchEvent',
+    'matchMedia',
+    'removeEventListener',
+    'requestAnimationFrame',
+    'requestIdleCallback',
+    'URL'
+];
+const WINDOW_PROPS$1 = [
+    'customElements',
+    'devicePixelRatio',
+    'document',
+    'history',
+    'innerHeight',
+    'innerWidth',
+    'localStorage',
+    'location',
+    'navigator',
+    'pageXOffset',
+    'pageYOffset',
+    'performance',
+    'screenLeft',
+    'screenTop',
+    'screenX',
+    'screenY',
+    'scrollX',
+    'scrollY',
+    'sessionStorage',
+    'CSS',
+    'CustomEvent',
+    'Event',
+    'Element',
+    'HTMLElement',
+    'NodeList',
+    'KeyboardEvent'
+];
+
+function initializeWindow(win, doc, opts, results) {
+    try {
+        win.location.href = results.url;
+    }
+    catch (e) {
+        renderCatchError(results, e);
+    }
+    if (typeof opts.userAgent === 'string') {
+        try {
+            win.navigator.userAgent = opts.userAgent;
+        }
+        catch (e) { }
+    }
+    if (typeof opts.cookie === 'string') {
+        try {
+            doc.cookie = opts.cookie;
+        }
+        catch (e) { }
+    }
+    if (typeof opts.referrer === 'string') {
+        try {
+            doc.referrer = opts.referrer;
+        }
+        catch (e) { }
+    }
+    if (typeof opts.direction === 'string') {
+        try {
+            doc.documentElement.setAttribute('dir', opts.direction);
+        }
+        catch (e) { }
+    }
+    if (typeof opts.language === 'string') {
+        try {
+            doc.documentElement.setAttribute('lang', opts.language);
+        }
+        catch (e) { }
+    }
+    try {
+        win.customElements = null;
+    }
+    catch (e) { }
+    if (opts.constrainTimeouts) {
+        constrainTimeouts(win);
+    }
+    try {
+        win.console.error = function () {
+            const diagnostic = {
+                level: 'error',
+                type: 'runtime',
+                header: 'Hydrate Error',
+                messageText: [...arguments].join(', '),
+                relFilePath: null,
+                absFilePath: null,
+                lines: []
+            };
+            if (typeof results.pathname === 'string') {
+                diagnostic.header += `: ${results.pathname}`;
+            }
+            results.diagnostics.push(diagnostic);
+        };
+        win.console.debug = function () {
+            const diagnostic = {
+                level: 'debug',
+                type: 'build',
+                header: 'Hydrate Debug',
+                messageText: [...arguments].join(', '),
+                relFilePath: null,
+                absFilePath: null,
+                lines: []
+            };
+            if (typeof results.pathname === 'string') {
+                diagnostic.header += `: ${results.pathname}`;
+            }
+            results.diagnostics.push(diagnostic);
+        };
+    }
+    catch (e) {
+        renderCatchError(results, e);
+    }
+}
+
+function inspectElement(results, elm, depth) {
+    const children = elm.children;
+    for (let i = 0, ii = children.length; i < ii; i++) {
+        const childElm = children[i];
+        const tagName = childElm.tagName.toLowerCase();
+        if (tagName.includes('-')) {
+            const cmp = results.components.find(c => c.tag === tagName);
+            if (cmp != null) {
+                cmp.count++;
+                if (depth > cmp.depth) {
+                    cmp.depth = depth;
+                }
+            }
+        }
+        else {
+            switch (tagName) {
+                case 'a':
+                    const anchor = collectAttributes(childElm);
+                    anchor.href = childElm.href;
+                    if (typeof anchor.href === 'string') {
+                        if (!results.anchors.some(a => a.href === anchor.href)) {
+                            results.anchors.push(anchor);
+                        }
+                    }
+                    break;
+                case 'img':
+                    const img = collectAttributes(childElm);
+                    img.src = childElm.src;
+                    if (typeof img.src === 'string') {
+                        if (!results.imgs.some(a => a.src === img.src)) {
+                            results.imgs.push(img);
+                        }
+                    }
+                    break;
+                case 'link':
+                    const link = collectAttributes(childElm);
+                    link.href = childElm.href;
+                    if (typeof link.rel === 'string' && link.rel.toLowerCase() === 'stylesheet') {
+                        if (typeof link.href === 'string') {
+                            if (!results.styles.some(s => s.link === link.href)) {
+                                delete link.rel;
+                                delete link.type;
+                                results.styles.push(link);
+                            }
+                        }
+                    }
+                    break;
+                case 'script':
+                    const script = collectAttributes(childElm);
+                    script.src = childElm.src;
+                    if (typeof script.src === 'string') {
+                        if (!results.scripts.some(s => s.src === script.src)) {
+                            results.scripts.push(script);
+                        }
+                    }
+                    break;
+            }
+        }
+        depth++;
+        inspectElement(results, childElm, depth);
+    }
+}
+function collectAttributes(node) {
+    const parsedElm = {};
+    const attrs = node.attributes;
+    for (let i = 0, ii = attrs.length; i < ii; i++) {
+        const attr = attrs.item(i);
+        const attrName = attr.nodeName.toLowerCase();
+        if (SKIP_ATTRS.has(attrName)) {
+            continue;
+        }
+        const attrValue = attr.nodeValue;
+        if (attrName === 'class' && attrValue === '') {
+            continue;
+        }
+        parsedElm[attrName] = attrValue;
+    }
+    return parsedElm;
+}
+const SKIP_ATTRS = new Set([
+    's-id', 'c-id'
+]);
+
+function patchDomImplementation(doc) {
+    let win;
+    if (doc.defaultView != null) {
+        patchWindow(doc.defaultView);
+        win = doc.defaultView;
+    }
+    else {
+        win = new MockWindow(false);
+    }
+    if (win.document !== doc) {
+        win.document = doc;
+    }
+    if (doc.defaultView !== win) {
+        doc.defaultView = win;
+    }
+    const HTMLElement = doc.documentElement.constructor.prototype;
+    if (typeof HTMLElement.getRootNode !== 'function') {
+        const elm = doc.createElement('unknown-element');
+        const HTMLUnknownElement = elm.constructor.prototype;
+        HTMLUnknownElement.getRootNode = getRootNode;
+    }
+    if (typeof doc.createEvent === 'function') {
+        const CustomEvent = doc.createEvent('CustomEvent').constructor;
+        if (win.CustomEvent !== CustomEvent) {
+            win.CustomEvent = CustomEvent;
+        }
+    }
+    try {
+        doc.baseURI;
+    }
+    catch (e) {
+        Object.defineProperty(doc, 'baseURI', {
+            get() {
+                const baseElm = doc.querySelector('base[href]');
+                if (baseElm) {
+                    return (new URL(baseElm.getAttribute('href'), win.location.href)).href;
+                }
+                return win.location.href;
+            }
+        });
+    }
+    return win;
+}
+function getRootNode(opts) {
+    const isComposed = (opts != null && opts.composed === true);
+    let node = this;
+    while (node.parentNode != null) {
+        node = node.parentNode;
+        if (isComposed === true && node.parentNode == null && node.host != null) {
+            node = node.host;
+        }
+    }
+    return node;
+}
+
+async function renderToString(html, opts = {}) {
+    opts = normalizeHydrateOptions(opts);
+    const results = generateHydrateResults(opts);
+    if (results.diagnostics.length > 0) {
+        return results;
+    }
+    if (typeof html !== 'string') {
+        renderBuildError(results, `Invalid html`);
+        return results;
+    }
+    try {
+        const win = new MockWindow(html);
+        const doc = win.document;
+        if (typeof opts.beforeHydrate === 'function') {
+            try {
+                const rtn = opts.beforeHydrate(win);
+                if (rtn != null && typeof rtn.then === 'function') {
+                    await rtn;
+                }
+            }
+            catch (e) {
+                renderCatchError(results, e);
+            }
+        }
+        await render(win, doc, opts, results);
+        if (typeof opts.afterHydrate === 'function') {
+            try {
+                const rtn = opts.afterHydrate(win);
+                if (rtn != null && typeof rtn.then === 'function') {
+                    await rtn;
+                }
+            }
+            catch (e) {
+                renderCatchError(results, e);
+            }
+        }
+        if (!results.diagnostics.some(d => d.type === 'error')) {
+            results.html = serializeNodeToHtml(doc, {
+                approximateLineWidth: opts.approximateLineWidth,
+                outerHtml: false,
+                prettyHtml: opts.prettyHtml,
+                removeAttributeQuotes: opts.removeAttributeQuotes,
+                removeBooleanAttributeQuotes: opts.removeBooleanAttributeQuotes,
+                removeEmptyAttributes: opts.removeEmptyAttributes,
+                removeHtmlComments: opts.removeHtmlComments,
+                serializeShadowRoot: false
+            });
+        }
+    }
+    catch (e) {
+        renderCatchError(results, e);
+    }
+    return results;
+}
+async function hydrateDocument(doc, opts = {}) {
+    opts = normalizeHydrateOptions(opts);
+    const results = generateHydrateResults(opts);
+    if (results.diagnostics.length > 0) {
+        return results;
+    }
+    if (doc == null || doc.nodeType !== 9 || doc.documentElement == null || doc.documentElement.nodeType !== 1) {
+        renderBuildError(results, `Invalid document`);
+        return results;
+    }
+    try {
+        const win = patchDomImplementation(doc);
+        await render(win, win.document, opts, results);
+    }
+    catch (e) {
+        renderCatchError(results, e);
+    }
+    return results;
+}
+async function render(win, doc, opts, results) {
+    catchUnhandledErrors(results);
+    initializeWindow(win, doc, opts, results);
+    await new Promise(resolve => {
+        const tmr = setTimeout(() => {
+            renderBuildError(results, `Hydrate exceeded timeout`);
+            resolve();
+        }, opts.timeout);
+        try {
+            const sandbox = createHydrateAppSandbox(win);
+            sandbox.bootstrapHydrate(win, opts, (bootstrapResults) => {
+                clearTimeout(tmr);
+                try {
+                    results.hydratedCount = bootstrapResults.hydratedCount;
+                    bootstrapResults.hydratedComponents.forEach(component => {
+                        results.components.push({
+                            tag: component.tag,
+                            mode: component.mode,
+                            count: 0,
+                            depth: -1
+                        });
+                    });
+                }
+                catch (e) {
+                    renderCatchError(results, e);
+                }
+                bootstrapResults = null;
+                resolve();
+            });
+        }
+        catch (e) {
+            renderCatchError(results, e);
+            clearTimeout(tmr);
+            resolve();
+        }
+    });
+    inspectElement(results, doc.documentElement, 0);
+    finalizeWindow(doc, opts, results);
+}
+function catchUnhandledErrors(results) {
+    if (process.__stencilErrors) {
+        return;
+    }
+    process.__stencilErrors = true;
+    process.on('unhandledRejection', e => {
+        renderCatchError(results, e);
+    });
+}
+
+exports.hydrateDocument = hydrateDocument;
+exports.renderToString = renderToString;
diff --git a/hydrate/package.json b/hydrate/package.json
new file mode 100644
index 00000000000..a8ebaf1488d
--- /dev/null
+++ b/hydrate/package.json
@@ -0,0 +1,6 @@
+{
+  "name": "@esri/calcite-components/hydrate",
+  "description": "calcite component hydration app built for a NodeJS environment.",
+  "main": "index.js",
+  "types": "index.d.ts"
+}
\ No newline at end of file